@charset "utf-8";
::-webkit-scrollbar {  width: 8px;  height: 8px;  background-color: #F5F5F5; }
::-webkit-scrollbar-track {  border-radius: 10px;  background-color: #E2E2E2; }
::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);  background-color: #555; }
* {  padding: 0;  margin: 0;  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body {  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;  color: #333;  margin: 0;  line-height: 1.5; }
:focus {  outline: 1; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {  display: block; }
a {  color: #333;  text-decoration: none;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
a:link,a:hover,a:active,a:visited {  text-decoration: none; }
ins {  background-color: #ff9;  color: #000;  text-decoration: none; }
mark {  background-color: #ff9;  color: #000;  font-style: italic;  font-weight: bold; }
del {  text-decoration: line-through; }
table {  border-collapse: collapse;  border-spacing: 0; }
hr {  display: block;  height: 1px;  border: 0;  border-top: 1px solid #cccccc;  margin: 1em 0;  padding: 0; }
input,select {  vertical-align: middle; }
li,ul {  list-style-type: none; }
img {  border: none; }
input,textarea {  outline: 0;  border: 0; }
textarea {  resize: none; }
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {  font-weight: normal;  font-style: normal; }
.container {  width: 1180px;  margin-left: auto;  margin-right: auto; }
.pull-right {  float: right !important; }
.pull-left {  float: left !important; }
.clearfix {  clear: both; }
.hide {  display: none; }
.show {  display: block; }
.page-about h3 {  height: 60px;  border-bottom: #e1e3df dashed 1px;  line-height: 60px;  color: #505050;  font-size: 22px;  font-weight: bold;  text-align: center; }
.page-about .news_author {  width: 100%;  height: 30px;  line-height: 30px;  color: #505050;  font-size: 12px;  text-align: center;  border-bottom: #e1e3df dashed 1px;  margin: 0 auto;  color: #666;  margin-bottom: 20px; }
.page-about .news_author .scan {  color: #666;  background-image: url(../images/ewm.gif);  background-repeat: no-repeat;  background-position: left center;  padding: 5px 0 5px 30px;  position: relative; }
.page-content {  height: auto;  line-height: 25px;  color: #505050;  font-size: 14px;  overflow: hidden; }
.page-content a {  color: #333;  font-size: 15px;  font-weight: 900; }
.page-content img {  max-width: 80%;  height: auto; }
.page-content table{ border:1px solid #ccc; border-collapse:collapse;}
.page-content table td{ border:1px solid #ccc; line-height:30px; padding:3px 5px !important;}

.wjdh-banner {  background-color: #fff;  background-repeat: no-repeat;  background-position: center center;  height: 300px; }
.breadcrumb-search {  height: 60px;  margin-bottom: 40px;  background-color: #f4f4f4;  overflow: hidden; }
.breadcrumb {  width: 40%;  height: 60px;  line-height: 60px;  overflow: hidden;  color: #676767; }
.breadcrumb img {  margin-right: 5px; }
.breadcrumb a {  color: #676767; }
.breadcrumb a:hover {  color: #f00; }
#qrcode {  display: none;  position: absolute;  right: 0;  top: 30px;  padding: 10px;  background-color: #fff;  border-radius: 5px;  border: 1px solid #ececec;  z-index: 9; }
#qrcode table {  width: 225px;  margin: 0!important; }
.wjdh-search {  line-height: 60px;  width: 60%;  overflow: hidden; }
.wjdh-search .search-key a {  color: #b7b7b7;  padding: 0 5px; }
.wjdh-search .form {  color: #666;  margin-top: 12px;  margin-left: 20px; }
.wjdh-search .search-t {  float: left;  width: 180px;  height: 35px;  line-height: 35px;  color: #666;  padding: 0 10px;  margin-bottom: 4px;  outline: 0;  font-size: 12px;  background: #fff;  border: 1px solid #e5e5e5; }
.wjdh-search .search-s {  float: left;  width: 70px;  height: 37px;  line-height: 37px;  color: #fff;  font-size: 12px;  cursor: pointer;  background: #f00;  border: 1px solid #f00;  margin-left: -1px;  font-size: 16px; }
.side-bar {  width: 250px; }
.side-bar .side-bar-tit {  background-color: #f8f8f8;  padding: 15px 0; }
.side-bar .side-bar-tit i {  float: left;  width: 30px;  height: 30px;  background-color: #f00;  margin-right: 5px; }
.side-bar .side-bar-tit h2 {  font-size: 30px;  font-weight: bold;  height: 35px;  line-height: 30px;  color: #f00; }
.side-bar .side-bar-tit span {  font-size: 16px;  font-weight: bold;  color: #bcbcbc;  text-transform: uppercase;  padding-left: 5px; }
.side-bar dl {  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8; }
.side-bar dl dt i,.side-bar dl dd i {  display: block;  width: 16px;  height: 8px;  background-color: #fff;  position: absolute;  left: 7px;  top: 50%;  margin-top: -4px;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.side-bar dl .cur i,.side-bar dl dt:hover i,.side-bar dl dd:hover i {  transform: scale(1, 0.2);  -webkit-transform: scale(1, 0.2); }
.side-bar dl dt {  height: 45px;  line-height: 45px;  margin-bottom: -2px;  background-color: #f00;  background-image: url(../images/ico1.png);  background-repeat: no-repeat;  background-position: 230px center;  position: relative; }
.side-bar dl dt a {  color: #fff;  font-size: 15px;  display: block;  width: auto;  height: 45px;  line-height: 45px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding-left: 30px; }
.side-bar dl dd {  position: relative; }
.side-bar dl dd a {  display: block;  height: 30px;  line-height: 30px;  border-top: 2px solid #fff;  background-color: #f8f8f8;  padding: 0 30px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.side-bar dl dd i {  display: none; }
.side-bar dl .cur i,.side-bar dl dd:hover i {  display: block; }
.side-bar dl .cur a,.side-bar dl dd:hover a {  background-color: #f00;  color: #fff;  padding-left: 50px; }
.side-bar #wjdh-side-hot {  background-color: #f8f8f8; }
.side-bar #wjdh-side-hot .tempWrap {  margin: auto; }
.side-bar dl ul {  padding: 10px; }
.side-bar dl ul li {  padding-top: 10px;  border-bottom: 1px solid #e9e9e9; }
.side-bar dl ul li .img {  width: 210px;  height: 190px;  padding: 4px;  margin: 0 auto;  background-color: #e9e9e9; }
.side-bar dl ul li img {}
.side-bar dl ul li .title-a {  display: block;  width: 90%;  height: 30px;  line-height: 30px;  margin: 0 auto;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  text-align: center; }
.side-bar #wjdh-side-hot span.prev,.side-bar #wjdh-side-hot span.next {  display: inline-block;  _display: inline;  *display: inline;  zoom: 1;  width: 35px;  height: 20px;  margin: 0 5px;  cursor: pointer; }
.side-bar #wjdh-side-hot .hot-btn {  text-align: center;  padding: 10px; }
.side-bar #wjdh-side-hot span.prev {  background: url(../images/sidebar_left.png); }
.side-bar #wjdh-side-hot span.next {  background: url(../images/sidebar_right.png); }
.side-bar dl .tag {  padding: 15px 0;  line-height: 25px; }
.side-bar dl .tag a {  padding: 2px 10px;  background-color: #f8f8f8;  *display: inline;  _display: inline;  zoom: 1;  display: inline-block;  margin-bottom: 10px; }
.side-bar dl .tag a:hover {  background-color: #f00;  color: #fff; }
.side-contact {  margin-bottom: 20px; }
.side-contact .side-contact-phone {  background-color: #f00;  font-size: 16px;  color: #fff;  background-image: url(../images/phone1.png);  background-position: 20px center;  background-repeat: no-repeat;  padding: 10px 10px 10px 55px;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.side-contact .side-contact-phone:hover {  background-position: 20px 5px; }
.side-contact .side-contact-phone p {  font-size: 24px;  font-weight: bold; }
.side-contact .side-contact-adress {  padding: 10px 20px;  background-color: #353537;  background-image: url(../images/adress.png);  background-position: 20px 10px;  background-repeat: no-repeat;  text-indent: 25px;  color: #cecece;  line-height: 22px; }
.wjdh-main {  width: 890px; }
.wjdh-title {  background-color: #fff;  padding: 10px;  position: relative;  margin-bottom: 20px; }
.wjdh-title .title-box {  padding-bottom: 1px;  border-bottom: 1px solid #ececec; }
.wjdh-title h3 {  border-bottom: 1px solid #f00;  font-size: 20px;  display: inline;  color: #f00; }
.wjdh-title .more {  float: right;  color: #999; }
.wjdh-title h3 a {  color: #f00; }
.wjdh-title h3 small {  font-size: 16px;  color: #bcbcbc;  text-transform: uppercase; }
.wjdh-title .tagcell {  background-color: #fff;  padding: 10px;  position: absolute;  right: 0;  top: 0; }
.wjdh-title .tagcell span {  float: left;  width: 21px;  height: 21px;  border-radius: 2px;  background-color: #f00;  background-image: url(../images/prev-next.png);  background-position: left center;  background-repeat: no-repeat;  margin: 0 5px;  cursor: pointer; }
.wjdh-title .tagcell .next {  background-position: right center; }
.content-show {  border: 18px solid #f4f4f4;  padding: 22px;  background-color: #fff; }
.line {  width: 100%;  height: 7px;  background-image: url(../images/bg1.gif); }


.pages {  margin: 20px 0;  text-align: center; }
.pages>span>a,.page-status{  padding: 2px 8px;  border: 1px solid #999;  margin: 0 5px;  color: #999; }
.pages a{ color:#999;}
.pages a:hover {  border: 1px solid #0089e9;  color:#fff; background:#0089e9; }
.adjacent {  height: 35px;  margin-top: 20px; }
.adjacent ul {  width: 900px; }
.adjacent ul li {  float: left;  width: 340px;  margin-right: 90px;  padding: 0 1%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  border: 1px solid #e5e5e5;  background: #fafafa;  height: 28px;  line-height: 28px; }
.adjacent ul li a {  color: #333;  font-size: 14px;  font-weight: 100;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.relevant {  border: 1px solid #e5e5e5;  margin-top: 20px; }
.relevant .title {  height: 40px;  line-height: 40px;  border-bottom: 1px solid #e5e5e5;  padding: 0 10px;  overflow: hidden; }
.relevant .title h3 {  display: inline;  color: #f00;  font-size: 18px;  font-weight: bold; }
.relevant .title .tag {  display: inline;  color: #676767; }
.relevant .title .tag a {  margin-right: 10px;  color: #676767; }
.relevant .title .back {  float: right;  padding-right: 20px;  background-image: url(../images/back.gif);  background-repeat: no-repeat;  background-position: right center; }
.relevant .content {  padding: 10px 20px; }
.relevant .content ul {  width: 845px; }
.relevant .content ul li {  float: left;  width: 320px;  height: 30px;  line-height: 30px;  padding-left: 20px;  background-image: url(../images/ico4.png);  background-repeat: no-repeat;  background-position: left center;  margin-right: 80px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.relevant .content ul li:hover {  transform: translateX(10px);  -webkit-transform: translateX(10px); }
.relevant .content ul li a {  color: #676767;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.wjdh-h3 {  text-align: center;  margin-bottom: 30px; }
.wjdh-h3 h3 a {  display: block;  color: #f00;  font-size: 26px;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.wjdh-h3:hover h3 a {  transform: translateY(20px);  -webkit-transform: translateY(20px); }
.wjdh-h3 span {  *display: inline;  _display: inline;  display: inline-block;  zoom: 1;  font-size: 20px;  color: #cdcdcd;  position: relative;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out;  text-transform: uppercase; }
.wjdh-h3:hover span {  transform: translateY(-35px);  -webkit-transform: translateY(-35px); }
.wjdh-h3 span i,.wjdh-h3 span em {  position: absolute;  top: 10px;  float: left;  width: 30px;  height: 1px;  margin: 0 auto;  background-color: #bdbdbd; }
.wjdh-h3 span i {  left: -40px; }
.wjdh-h3 span em {  right: -40px; }
.img {  overflow: hidden;  position: relative;  border: 1px solid #eee;  background-color: #f4f4f4; }
.img img {  background-image: url(../images/wjdh-logo.png);  background-repeat: no-repeat;  background-position: center center;  -webkit-transition: transform .3s ease-out;  transition: transform .3s ease-out; }
li:hover .img img {  transform: scale(1.1, 1.1);  -webkit-transform: scale(1.1, 1.1); }
.wjdh-link {  display: block;  width: 38px;  height: 38px;  background-image: url(../images/link.png);  background-repeat: no-repeat;  background-position: center center; }
.item-mask {  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0);  position: absolute;  left: 0;  top: 0;  opacity: 0;  -webkit-transform: rotateX(180deg) scale(0.5, 0.5);  transform: rotateX(180deg) scale(0.2, 0.2);  transition: all ease-out .5s; }
li:hover .item-mask {  opacity: 1;  -webkit-transform: rotateX(0deg) scale(1, 1);  transform: rotateX(0deg) scale(1, 1);  transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;  background: rgba(0, 0, 0, 0.3); }
.item-mask .item-link-icon {  display: block;  width: 38px;  height: 38px;  text-align: center;  font-size: 22px;  line-height: 38px;  border: 1px solid rgba(255, 255, 255, .5);  border-radius: 50%;  position: absolute;  left: 50%;  top: 50%;  margin-left: -21px;  margin-top: -21px; }

/*-----------图文列表-----------*/
.image-list {  margin-top: 45px;  margin-bottom: 40px; }
.image-list .content ul {  width: 1230px; }
.image-list .content ul li {  float: left;  width: 334px;  padding: 20px;  border: 1px solid #e4e4e4;  margin-right: 26px;  position: relative;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.image-list .content ul li .border-top,.image-list .content ul li .border-right,.image-list .content ul li .border-bottom,.image-list .content ul li .border-left {  display: block;  position: absolute;  background-color: #f00;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.image-list .content ul li .border-top {  height: 1px;  width: 0;  left: -1px;  top: -1px; }
.image-list .content ul li:hover .border-top {  width: 376px; }
.image-list .content ul li .border-right {  height: 0;  width: 1px;  right: -1px;  top: -1px; }
.image-list .content ul li:hover .border-right {  height: 463px; }
.image-list .content ul li .border-bottom {  height: 1px;  width: 0;  right: -1px;  bottom: -1px; }
.image-list .content ul li:hover .border-bottom {  width: 376px; }
.image-list .content ul li .border-left {  height: 0;  width: 1px;  left: -1px;  bottom: -1px; }
.image-list .content ul li:hover .border-left {  height: 463px; }
.image-list .content ul li .title-a {  font-size: 18px;  line-height: 35px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.image-list .content ul li:hover .title-a {  color: #f00; }
.image-list .content ul li .img {  width: 334px;  height: 230px; }
.image-list .content ul li img { max-width:100%;}
.image-list .content ul li p {  color: #999;  text-indent: 2em;  height: 69px;  line-height: 23px;  overflow: hidden;  margin: 15px auto 35px; }
.image-list .content ul li .more {  display: block;  width: 170px;  height: 35px;  line-height: 35px;  text-align: center;  margin: 0 auto;  border: 1px solid #d0d0d0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.image-list .content ul li:hover .more {  background-color: #f00;  border: 1px solid #f00;  color: #fff;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.image-list .content ul li .more span {  overflow: hidden;  line-height: 35px;  height: 35px;  vertical-align: middle; }
.image-list .content ul li .more i {  _display: inline;  *display: inline;  display: inline-block;  zoom: 1;  width: 0;  height: 35px;  background-image: url(../images/bg2.gif);  background-repeat: no-repeat;  background-position: left center;  vertical-align: middle;  margin-left: 10px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.image-list .content ul li:hover .more i {  width: 33px; }
.image-list .tagcell {  margin: 20px 0;  text-align: center; }
.image-list .tagcell span {  _display: inline;  *display: inline;  display: inline-block;  zoom: 1;  background-color: #e3e3e3;  width: 42px;  height: 10px;  line-height: 10px;  border-radius: 5px;  margin: 0 10px; }
.image-list .tagcell .on {  background-color: #a6a6a6; }


.text-list {  margin-bottom: 40px; }
.text-list ul li {  float: left;  width: 50%;  border-top: 1px solid #e4e4e4;  border-bottom: 1px solid #e4e4e4;  position: relative;  margin-bottom: -1px;  z-index: 9 }
.text-list ul li:hover {  z-index: 999; }
.text-list ul li .border-top,.text-list ul li .border-bottom {  display: block;  width: 0;  height: 1px;  position: absolute;  background-color: #f00;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.text-list ul li .border-top {  left: 0;  top: -1px; }
.text-list ul li:hover .border-top {  width: 100%; }
.text-list ul li .border-bottom {  left: 0;  bottom: -1px; }
.text-list ul li:hover .border-bottom {  width: 100%; }
.text-list dl dt {  float: left;  width: 170px;  height: 130px;  background-color: #f8f8f8;  border-right: 1px solid #e4e4e4;  color: #999;  position: relative; }
.text-list dl dt i {  display: block;  width: 100%;  height: 0;  background-color: #f00;  position: absolute;  left: 0;  bottom: 0;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.text-list ul li:hover dl dt i {  height: 100%; }
.text-list dl dt .date {  position: absolute;  z-index: 99;  left: 50px;  top: 30px; }
.text-list ul li:hover .date {  color: #fff; }
.text-list dl dt .date span {  font-size: 32px;  display: block; }
.text-list dl dt .date em {  font-size: 16px; }
.text-list dl dd {  float: left;  width: 335px;  padding: 30px 0 0 40px; }
.text-list dl dd a {  display: block;  font-size: 16px;  margin-bottom: 15px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.text-list ul li:hover dd a {  color: #f00; }
.text-list dl dd p {  color: #999;  line-height: 18px;  height: 36px;  overflow: hidden; }
.express-lane {  border-bottom: 1px solid #e4e4e4; }
.express-lane h3 {  padding-left: 30px;  background-image: url(../images/ico2.png);  background-repeat: no-repeat;  background-position: left bottom;  border-bottom: 1px solid #e4e4e4;  line-height: 30px;  font-size: 20px;  color: #747474;  text-transform: uppercase; }
.express-lane .content {  padding: 10px; }
.express-lane dl {  padding-left: 52px;  background-image: url(../images/ico3.gif);  background-repeat: no-repeat;  background-position: 20px 10px;  line-height: 35px; }
.express-lane dl dt,.express-lane dl dd {  display: inline; }
.express-lane dl dt {  font-size: 17px;  color: #747474; }
.express-lane dl dd a {  color: #999;  font-size: 15px;  *display: inline;  _display: inline;  display: inline-block;  zoom: 1;  margin-right: 20px; }
.express-lane dl dd a:hover {  color: #f00; }
.bottom-contact {  text-align: center; }
.bottom-contact .tel,.bottom-contact .qq {  *display: inline;  _display: inline;  display: inline-block;  padding-left: 50px;  text-align: left;  color: #747474;  height: 50px;  overflow: hidden;  margin: 0 20px;  padding: 20px 0 20px 50px;  cursor: pointer;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.bottom-contact .tel {  background-image: url(../images/phone2.png);  background-repeat: no-repeat;  background-position: 10px center;  font-size: 16px; }
.bottom-contact .tel p {  font-size: 24px;  font-weight: bold;  position: relative; }
.bottom-contact .tel p span {  display: block;  width: 0;  position: absolute;  left: 0;  top: 0;  font-size: 24px;  color: #f00;  white-space: nowrap;  overflow: hidden;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.bottom-contact .tel:hover p span {  width: 100%; }
.bottom-contact .qq {  background-image: url(../images/qq1.png);  background-repeat: no-repeat;  background-position: left center;  line-height: 25px; }
.bottom-contact .tel:hover {  background-position: 10px 15px; }
.bottom-contact .qq:hover {  background-position: left 15px; }


.cat-menu {  padding: 0 0 40px;  text-align: center; }
.cat-menu .title {  display: inline;  color: #bbb;  font-size: 24px;  border-bottom: 1px solid #bbb;  text-transform: uppercase; }
.cat-menu .menu-list {  margin-top: 20px; }
.cat-menu .menu-list span {  *display: inline;  _display: inline;  zoom: 1;  display: inline-block;  position: relative; }
.cat-menu .menu-list span:before {  display: block;  content: '';  position: absolute;  left: 50%;  bottom: 10px;  margin-left: -10px;  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #333;  z-index: 8;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.cat-menu .menu-list span a {  font-size: 16px;  display: block;  width: 150px;  height: 35px;  line-height: 35px;  color: #fff;  background-color: #333;  text-align: center;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 10px 20px;  position: relative;  z-index: 9; }
.cat-menu .menu-list .cur a,.cat-menu .menu-list span:hover a {  background-color: #f00; }
.cat-menu .menu-list .cur:before,.cat-menu .menu-list span:hover:before {  border-top: 10px solid #f00;  bottom: 0; }

.list01,.list02,.list03 {  background-color: #f4f4f4;  padding: 20px 0; }
.list01 .list01-content,.list02 .list02-content,.list03 .list03-content {  background-color: #fff; }
.list01 .wjdh-title,.list02 .wjdh-title,.list03 .wjdh-title {  border-bottom: 1px solid #f4f4f4; }
.list01 .content,.list02 .content,.list03 .content {  padding: 0 20px 25px; }
.list01 .list01-top {  margin-bottom: 50px; }
.list01 .list01-top ul li {  position: relative; }
.list01 .list01-top .img {  width: 420px;  height: 270px; }
.list01 .list01-top .info {  width: 660px;  padding: 35px 0; }
.list01 .list01-top .info .title-a {  display: block;  font-size: 20px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.list01 .list01-top .info em {  float: right; }
.list01 .list01-top .info p {  margin: 20px 0;  color: #999;  line-height: 22px;  height: 66px; }
.list01 .list01-top .info .more {  display: block;  width: 170px;  height: 35px;  line-height: 35px;  text-align: center;  border: 1px solid #d0d0d0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.list01 .list01-top:hover .info .more {  background-color: #f00;  border: 1px solid #f00;  color: #fff;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.list01 .list01-top .info .more span {  overflow: hidden;  line-height: 35px;  height: 35px;  vertical-align: middle; }
.list01 .list01-top .tag-hot {  position: absolute;  display: block;  width: 38px;  height: 24px;  line-height: 24px;  background-color: #f00;  color: #fff;  text-align: center;  text-transform: uppercase;  right: 0;  bottom: 0; }
.list01 .list01-top .info .more i {  _display: inline;  *display: inline;  display: inline-block;  zoom: 1;  width: 0;  height: 35px;  background-image: url(../images/bg2.gif);  background-repeat: no-repeat;  background-position: left center;  vertical-align: middle;  margin-left: 10px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.list01 .list01-top:hover .info .more i {  width: 33px; }
.list01 .list ul {  width: 1200px; }
.list01 .list ul li {  float: left;  width: 535px;  border: 1px solid #e4e4e4;  height: 98px;  position: relative;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out;  background-color: rgba(255, 255, 255, .8);  *background-color: #fff;  _background-color: #fff;  margin: 0 60px 20px 0; }
.list01 .list ul li:hover {  border: 1px solid #f00;  transform: translate(-10px, -10px);  -webkit-transform: translate(-10px, -10px);  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2) }
.list01 .list ul li .more {  display: block;  width: 15px;  height: 15px;  position: absolute;  right: 0;  top: 0;  background-image: url(../images/more2.png);  background-repeat: no-repeat;  background-position: center center;  background-color: #999; }
.list01 .list ul li:hover .more {  background-color: #f00; }
.list01 .list dl dt {  float: left;  width: 125px;  height: 98px;  color: #999;  position: relative; }
.list01 .list dl dt .date {  position: absolute;  z-index: 99;  left: 30px;  top: 10px; }
.list01 .list dl dt .date span {  font-size: 32px;  display: block;  color: #999; }
.list01 .list ul li:hover .date span {  color: #f00; }
.list01 .list dl dt .date em {  font-size: 16px;  color: #b7b7b7; }
.list01 .list dl dd {  float: left;  width: 335px;  padding: 15px 0 0 40px; }
.list01 .list dl dd a {  display: block;  font-size: 16px;  margin-bottom: 10px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.list01 .list dl dd p {  color: #999;  line-height: 18px;  height: 36px;  overflow: hidden; }
.list02 .list ul {  width: 1160px; }
.list02 .list ul li {  float: left;  width: 510px;  height: 110px;  border: 1px solid #ececec;  padding: 20px;  margin: 0 28px 20px 0; }
.list02 .list ul li:hover {  border: 1px solid #f00; }
.list02 .list ul li img {  width: 230px;  height: 110px; }
.list02 .list ul li .info {  width: 255px; }
.list02 .list ul li .info .title-a {  display: block;  font-size: 20px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.list02 .list ul li:hover .info .title-a {  color: #f00; }
.list02 .list ul li .info em {  float: right; }
.list02 .list ul li .info p {  margin: 10px 0;  color: #999;  line-height: 22px;  height: 44px;  overflow: hidden; }
.list02 .list ul li .info .more {  display: block;  width: 100px;  height: 20px;  line-height: 20px;  text-align: center;  border: 1px solid #d0d0d0;  color: #d0d0d0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.list02 .list ul li:hover .info .more {  background-color: #f00;  border: 1px solid #f00;  color: #fff;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.list02 .list ul li .more span {  overflow: hidden;  line-height: 20px;  height: 20px;  vertical-align: middle; }
.list03 .menu-text {  color: #999;  font-size: 15px;  line-height:30px;  text-indent: 2em;  margin-bottom: 50px; }
.list03 .menu-text span {  display: block;  text-align: right;  color: #999; }
.list03 .menu-text span a {  color: #999; }
.list03 .list ul {  width: 1195px; }
.list03 .list ul li {  float: left;  width: 338px;  margin: 0 60px 60px 0;  text-align: center; }
.list03 .list ul li .img {  width: 318px;  height: 233px;  border: 10px solid #f4f4f4; }
.list03 .list ul li .info .title-a {  margin-top: 10px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  height: 30px;  line-height: 30px;  color: #999;  font-size: 15px; }
.list03 .list ul li .info .more {  color: #999; }
.list03 .list ul li .info i {  display: block;  width: 100%;  height: 1px;  background-color: #cacaca;  margin-top: 10px; }
.list03 .list ul li .info i em {  display: block;  width: 0;  height: 1px;  background-color: #f00;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.list03 .list ul li:hover .info i em {  width: 100%; }


.news-list ul li {  position: relative;  padding: 10px;  height: 110px;  border-bottom: 1px solid #f4f4f4;  overflow: hidden;  margin-bottom: 20px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-list ul li:before {  z-index: -1;  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #F8F8F8;  opacity: 0;  -webkit-transform: scale3d(1, 0.1, 1);  transform: scale3d(1, 0.1, 1);  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;  transition: transform 0.4s, opacity 0.4s;  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.news-list ul li:hover:before {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.news-list ul li .title-a {  font-weight: bold;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.news-list ul li span {  float: right;  color: #747474;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-list ul li p {  color: #747474;  height: 44px;  line-height: 22px;  overflow: hidden;  margin: 10px 0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-list ul li .more {  float: right;  width: 100px;  height: 22px;  line-height: 22px;  border: 1px solid #333;  text-align: center;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-list ul li:hover .more {  color: #f00;  border: 1px solid #f00; }
.news-center-company {  background-color: #f4f4f4;  padding: 50px 0; }
.news-center-company .company-top {  width: 424px;  background-color: #fff;  border: 1px solid #e4e4e4; }
.news-center-company .company-top ul li {  width: 378px;  padding: 23px; }
.news-center-company .company-top .pr {  position: relative; }
.news-center-company .company-top dl {  position: absolute;  left: 0;  bottom: -25px;  color: #fff;  background-color: #f00; }
.news-center-company .company-top dl dt {  font-size: 28px;  padding: 29px 10px 0 10px;  border: 1px solid rgba(255, 255, 255, 0.2); }
.news-center-company .company-top dl dd {  font-size: 16px;  height: 25px;  line-height: 25px;  padding: 0 10px; }
.news-center-company .company-top ul li .img {  width: 378px;  height: 265px; }
.news-center-company .company-top ul li .title-a {  font-size: 18px;  margin-bottom: 20px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.news-center-company .company-top ul li p {  margin-top: 40px;  color: #999;  line-height: 23px;  height: 69px;  overflow: hidden;  text-indent: 2em;  margin-bottom: 10px; }
.news-center-company .company-top ul li .more {  display: block;  width: 170px;  height: 35px;  line-height: 35px;  text-align: center;  margin: 0 auto;  border: 1px solid #d0d0d0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-center-company .company-top ul li:hover .more {  background-color: #f00;  border: 1px solid #f00;  color: #fff;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.news-center-company .company-top ul li .more span {  overflow: hidden;  line-height: 35px;  height: 35px;  vertical-align: middle; }
.news-center-company .company-top ul li .more i {  _display: inline;  *display: inline;  display: inline-block;  zoom: 1;  width: 0;  height: 35px;  background-image: url(../images/bg2.gif);  background-repeat: no-repeat;  background-position: left center;  vertical-align: middle;  margin-left: 10px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.news-center-company .company-top ul li:hover .more i {  width: 33px; }
.news-center-company .company-list {  width: 725px; }
.news-center-company .company-list .title {  margin-bottom: 20px; }
.news-center-company .company-list .title dl {  float: left;  width: 40px;  text-align: center;  color: #f00;  text-transform: uppercase; }
.news-center-company .company-list .title dl dt {  font-size: 37px;  height: 28px;  line-height: 28px; }
.news-center-company .company-list .title dl dd {  font-size: 12px;  height: 12px;  line-height: 12px; }
.news-center-company .company-list .title .title-h3 {  width: 685px;  padding-bottom: 5px;  border-bottom: 1px solid #ececec; }
.news-center-company .company-list .title .title-h3 h3 a {  font-size: 26px;  font-weight: bold;  color: #f00;  border-bottom: 1px solid #f00;  padding-bottom: 4px; }
.news-center-company .company-list .title .more {  float: right;  width: 53px;  height: 14px;  background-image: url(../images/more3.png);  background-repeat: no-repeat;  background-position: center center;  margin-top: 10px; }
.news-center-company .company-list .list ul li {  border: 1px solid #e4e4e4;  width: 100%;  height: 98px;  position: relative;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out;  background-color: rgba(255, 255, 255, .8);  * background-color: #fff;  _background-color: #fff;  margin-top: 17px; }
.news-center-company .company-list .list ul li:hover {  border: 1px solid #f00;  transform: translate(-10px, -10px);  -webkit-transform: translate(-10px, -10px);  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2) }
.news-center-company .company-list .list ul li .more {  display: block;  width: 15px;  height: 15px;  position: absolute;  right: 0;  top: 0;  background-image: url(../images/more2.png);  background-repeat: no-repeat;  background-position: center center;  background-color: #999; }
.news-center-company .company-list .list ul li:hover .more {  background-color: #f00; }
.news-center-company .company-list .list dl dt {  float: left;  width: 125px;  height: 98px;  color: #999;  position: relative; }
.news-center-company .company-list .list dl dt .date {  position: absolute;  z-index: 99;  left: 30px;  top: 10px; }
.news-center-company .company-list .list dl dt .date span {  font-size: 32px;  display: block;  color: #999; }
.news-center-company .company-list .list ul li:hover .date span {  color: #f00; }
.news-center-company .company-list .list dl dt .date em {  font-size: 16px;  color: #b7b7b7; }
.news-center-company .company-list .list dl dd {  float: left;  width: 545px;  padding: 15px 0 0 40px; }
.news-center-company .company-list .list dl dd a {  display: block;  font-size: 16px;  margin-bottom: 10px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.news-center-company .company-list .list dl dd p {  color: #999;  line-height: 18px;  height: 36px;  overflow: hidden; }
.industry {  padding: 50px 0; }
.industry .industry-left {  width: 270px; }
.industry .industry-left .industry-title {  height: 240px;  background-color: #f00;  position: relative;  overflow: hidden;  margin-bottom: 10px; }
.industry .industry-left .industry-title i.top {  display: block;  height: 6px;  width: 100%;  background-color: #565656; }
.industry .industry-left:hover .industry-title i.top {  animation: itop .8s;  -webkit-animation: itop .8s; }
@keyframes itop {  from {      width: 0;  }  to {      width: 100%;  } }
@-webkit-keyframes itop {  from {      width: 0;  }  to {      width: 100%;  } }
.industry .industry-left .industry-title .title {  width: 120px;  height: 56px;  padding: 20px 30px;  margin: 40px auto;  color: #fff;  position: relative; }
.industry .industry-left .industry-title .title a {  display: block;  font-weight: bold;  font-size: 30px;  color: #fff; }
.industry .industry-left .industry-title .title span {  font-size: 16px;  font-weight: bold;  text-transform: uppercase; }
.industry .industry-left .industry-title .title i {  display: block;  background-color: #fff;  width: 16px;  height: 1px;  position: absolute; }
.industry .industry-left .industry-title .title em {  display: block;  background-color: #fff;  width: 1px;  height: 16px;  position: absolute; }
.industry .industry-left .industry-title .title i.l-t,.industry .industry-left .industry-title .title i.l-t em {  left: 0;  top: 0 }
.industry .industry-left .industry-title .title i.r-b,.industry .industry-left .industry-title .title i.r-b em {  right: 0;  bottom: 0; }
.industry .industry-left:hover i.l-t {  animation: l-t .8s;  -webkit-animation: l-t .8s; }
.industry .industry-left:hover i.r-b {  animation: r-b .8s;  -webkit-animation: r-b .8s; }
@keyframes l-t {  from {      transform: translate(-20px, -20px);  }  to {      transform: translate(0, 0);  } }
@-webkit-keyframes l-t {  from {      transform: translate(-20px, -20px);  }  to {      transform: translate(0, 0);  } }
@keyframes r-b {  from {      transform: translate(20px, 20px);  }  to {      transform: translate(0, 0);  } }
@-webkit-keyframes r-b {  from {      transform: translate(-20px, -20px);  }  to {      transform: translate(0, 0);  } }
.industry .industry-left .industry-title .more {  display: block;  margin: 10px auto;  width: 85px;  height: 23px;  line-height: 23px;  color: #fff;  text-align: center;  text-transform: uppercase;  position: relative; }
.industry .industry-left .industry-title .more i,.industry .industry-left .industry-title .more em {  display: block;  width: 100%;  height: 1px;  background-color: #fff;  position: absolute; }
.industry .industry-left:hover .industry-title .more i,.industry .industry-left:hover .industry-title .more em {  animation: industry-more .8s;  -webkit-animation: industry-more .8s; }
@keyframes industry-more {  from {      width: 0;  }  to {      width: 100%;  } }
@-webkit-keyframes industry-more {  from {      width: 0;  }  to {      width: 100%;  } }
.industry .industry-left .industry-title .more i {  left: 0;  top: 0; }
.industry .industry-left .industry-title .more em {  right: 0;  bottom: 0; }
.industry .industry-left .list ul li {  height: 35px;  line-height: 35px;  border-bottom: 1px dashed #999; }
.industry .industry-left .list ul li a {  display: block;  width: 90%;  margin: 0 auto;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #999;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.industry .industry-left .list ul li:hover a {  transform: translateX(10px);  -webkit-transform: translateX(10px); }
.industry .industry-left .list ul li span {  margin-right: 5px; }
.industry .industry-right {  width: 860px; }
.industry .industry-right .list ul li {  width: 840px;  height: 180px;  padding: 10px;  margin-bottom: 25px; }
.industry .industry-right .list ul li:hover {  background-color: #f00; }
.industry .industry-right .list ul li .img {  width: 235px;  height: 177px; }
.industry .industry-right .list ul li .info {  width: 570px; }
.industry .industry-right .list ul li .info .title-a {  font-size: 16px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding-top: 10px; }
.industry .industry-right .list ul li:hover .info .title-a {  color: #fff; }
.industry .industry-right .list ul li .info p {  line-height: 22px;  padding: 15px 0;  color: #999; }
.industry .industry-right .list ul li:hover .info p {  color: #fff; }
.industry .industry-right .list ul li .info .more {  display: block;  width: 170px;  height: 35px;  line-height: 35px;  text-align: center;  border: 1px solid #d0d0d0;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.industry .industry-right .list ul li:hover .more {  background-color: #f00;  border: 1px solid #fff;  color: #fff;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out; }
.industry .industry-right .list ul li .more span {  overflow: hidden;  line-height: 35px;  height: 35px;  vertical-align: middle; }
.industry .industry-right .list ul li .more i {  _display: inline;  *display: inline;  display: inline-block;  zoom: 1;  width: 0;  height: 35px;  background-image: url(../images/bg2.gif);  background-repeat: no-repeat;  background-position: left center;  vertical-align: middle;  margin-left: 10px;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.industry .industry-right .list ul li:hover .more i {  width: 33px; }


.hot-rec {  height: 400px;  padding: 15px;  background-color: #f8f8f8;  margin-bottom: 20px;  overflow: hidden; }
.hot-rec .content .img {  width: 470px;  height: 305px;  background-color: #fff;  border: 14px solid #fff;  position: relative; }
.hot-rec .content .img img {}
.hot-rec .content .info {  width: 345px; }
.hot-rec .content .info .title-a {  display: block;  height: 35px;  line-height: 35px;  background-color: #f00;  color: #fff;  font-size: 17px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding: 0 10px;  margin-bottom: 12px; }
.hot-rec .content .info p {  font-size: 14px;  border: 1px solid #ececec;  background-color: #fff;  padding: 10px;  color: #525252;  line-height: 27px;  height: 162px;  overflow: hidden;  margin-bottom: 12px; }
.hot-rec .content .info .tag {  width: 160px;  font-size: 13px;  background-color: #efefef;  padding: 9px;  height: 72px;  line-height: 26px;  border: 1px solid #ececec;  color: #999;  overflow: hidden; }
.hot-rec .content .info .tag a {  color: #999; }
.hot-rec .content .info .online {  background-color: #f00;  color: #fff;  height: 92px; }
.hot-rec .content .info .online .more {  display: block;  background-image: url(../images/more1.png);  background-repeat: no-repeat;  background-position: 10px center;  padding-left: 30px;  color: #fff;  height: 30px;  line-height: 30px;  font-size: 16px;  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.hot-rec .content .info .online .tel {  padding: 8px 10px; }
.hot-rec .content .info .online span {  display: block;  font-size: 20px;  font-weight: bold; }
.product-list {  padding: 15px 15px 0 15px;  background-color: #f8f8f8; }
.product-list ul {  width: 990px; }
.product-list ul li {  float: left;  width: 398px;  padding: 10px;  border: 1px solid #ececec;  background-color: #fff;  margin: 0 20px 20px 0; }
.product-list ul li:hover {  border: 1px solid #f00; }
.product-list ul li .img {  float: left;  width: 245px;  height: 170px; }
.product-list ul li .info {  padding-left: 255px; }
.product-list ul li .info .title-a {  display: block;  font-size: 16px;  line-height: 19px;  height: 38px;  margin-bottom: 10px;  overflow: hidden;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.product-list ul li:hover .info .title-a {  color: #f00; }
.product-list ul li .info p {  color: #999;  line-height: 20px;  height: 60px;  overflow: hidden;  margin-bottom: 10px; }
.product-list ul li .info .more {  display: block;  color: #999;  border: 1px solid #999;  width: 80%;  height: 22px;  line-height: 22px;  margin: auto;  text-align: center;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.product-list ul li:hover .info .more {  color: #f00;  border: 1px solid #f00; }
.prohead {  margin-bottom: 25px; }
.prohead .hleft {  width: 402px;  float: left }
#MagnifierWrap {  position: relative;  width: 100%; }
.MagnifierMain {  position: relative; width: 400px;  height: 300px;     text-align: center;  display: table-cell;  vertical-align: middle; }
.MagnifierMain img {  max-width: 400px;  max-height: 300px; }
.MagnifierDrag {  position: absolute;  top: 0;  left: 0;  background-color: #ccc;  opacity: 0.4;  filter: alpha(opacity=40);  cursor: move; }
.MagnifierPop {  position: absolute;  top: 0;  overflow: hidden;  background: #fff;  z-index: 10; }
.MagnifierImg {  position: absolute;  top: 0;  left: 0; }
.spec-items {  position: relative;  width: 292px;  height: 69px;  overflow: hidden;  padding-top: 10px;  margin: 0 auto; }
.spec-items ul {  width: 500%;  position: absolute;  top: 10px;  left: 0; }
.spec-items ul * {  -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s; }
.spec-items li {  width: 65px;  height: 65px;  float: left;  overflow: hidden;  margin-right: 5px;  border: 2px solid #fff;  cursor: pointer; }
.spec-items li.on {  border: 2px solid #000; }
.spec-items li img {  width: 100%; }
span.spe_leftBtn,span.spe_rightBtn {  position: absolute;  bottom: 0px;  display: block;  width: 20px;  height: 69px;  line-height: 69px;  font-family: "黑体";  text-align: center;  font-size: 30px;  color: #ddd;  cursor: default;  background-color: #f9f9f9; }
span.on {  background-color: #ccc;  color: #999;  cursor: pointer; }
span.spe_leftBtn {  left: 0; }
span.spe_rightBtn {  right: 0; }
.prohead .hleft .btns {  margin-top: 20px; }
.prohead .hleft .btns span {  display: none }
.prohead .hleft .btns a {  display: block;  height: 22px;  line-height: 22px;  text-indent: 20px;  font-size: 12px;  background: url(../images/btn-s-bg.png) no-repeat;  float: left;  margin: 0 16px 0 0!important;  padding: 0!important;  width: 80px; }
.prohead .hleft .btns a.b1 {  background-position: left -150px }
.prohead .hleft .btns a.b2 {  background-position: left -30px;  width: 93px; }
.prohead .hleft .btns a.b3 {  background-position: left -120px; }
.prohead .hleft .btns a.b4 {  background-position: left -60px; }
.btns1 {  clear: both;  margin-top: 15px; }
.btns1 a {  margin-right: 20px; }
.prohead .hright {  width: 380px;  border: 1px solid #dbdbdb;  padding-bottom: 10px; }
.prohead .hright .title-a {  display: block;  height: 38px;  line-height: 38px;  text-align: center;  font-size: 18px;  font-weight: bold;  color: #f00;  border-bottom: 1px solid #dbdbdb;  padding: 0 20px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.prohead .hright p {  padding: 20px;  color: #666;  line-height: 20px;  height: 60px;  overflow: hidden;  border-bottom: 1px solid #dbdbdb; }
.prohead .hright .info {  height: 75px;  overflow: hidden;  padding: 18px 20px;  border-bottom: 1px solid #dbdbdb; }
.prohead .hright .info ul li:first-child {  height: 25px; }
.prohead .hright .info ul li {  color: #f00;  line-height: 25px;  height: 50px;  overflow: hidden; }
.prohead .hright .info ul li label {  *display: inline;  _display: inline;  zoom: 1;  display: inline-block;  width: 70px; }
.prohead .hright .info ul li a {  color: #f00;  margin-right: 10px; }
.prohead .hright .tel {  font-size: 18px;  font-weight: bold;  color: #f00;  text-align: center;  height: 33px;  line-height: 33px;  overflow: hidden;  border-bottom: 1px solid #dbdbdb; }
.prohead .hright .tel span {  color: #f00;  position: relative;  *display: inline;  _display: inline;  zoom: 1;  display: inline-block; }
.prohead .hright .tel span em {  color: #f00;  font-weight: bold;  position: absolute;  left: 0;  top: 0;  display: block;  width: 0;  height: 33px;  line-height: 33px;  white-space: nowrap;  overflow: hidden;  -webkit-transition: all .8s ease-out;  transition: all .8s ease-out; }
.prohead .hright .tel:hover span em {  width: 100%; }
.prohead .hright .online {  text-align: center;  padding: 30px 0; }
.prohead .hright .online a {  *display: inline;  _display: inline;  zoom: 1;  display: inline-block;  width: 130px;  height: 35px;  line-height: 35px;  background-color: #f00;  font-size: 18px;  font-weight: bold;  color: #fff;  margin: 0 10px; }
.prohead .hright .share {  padding: 5px 20px; }
.prohead .hright .share .bds_txt {  float: left;  margin: 4px 6px 4px 0; }
.product-content {  margin-top: 10px;  margin-bottom: 20px; }
.product-content .wjdh-title {  padding: 10px 0; }
.product-content .wjdh-title .scan {  position: absolute;  right: 0;  bottom: 10px;  cursor: pointer; }
.product-content .wjdh-title .scan span {  display: block;  background-image: url(../images/ewm.gif);  background-repeat: no-repeat;  background-position: left center;  padding-left: 30px;  height: 30px;  line-height: 30px;  font-size: 14px; }
.contact {  background-color: #f4f4f4;  border-top: 5px solid #efefef;  padding: 20px 0;  margin-top: 50px; }
.contact .contact-text .title {  width: 78px;  height: 100px;  padding: 180px 10px 10px 10px;  background-color: #f00;  background-image: url(../images/contact.png);  background-repeat: no-repeat;  background-position: 10px 10px; }
.contact .contact-text .title .qrcode img {  width: 78px;  height: 78px;  background-color: #fff; }
.contact .contact-text .title .qrcode span {  display: block;  height: 20px;  line-height: 20px;  color: #fff;  font-size: 12px;  text-align: center; }
.contact .contact-text .content {  background-color: #fff;  padding: 40px 0 0 35px;  width: 375px;  height: 250px;  position: relative; }
.contact .contact-text .content ul {  width: 260px;  height: 210px;  overflow: hidden; }
.contact .contact-text .content ul li {  font-size: 15px;  color: #828282;  height: 30px;  line-height: 30px; }
.contact .contact-text .content .kf-img {  position: absolute;  bottom: 0;  right: -50px; }
.contact .contact-form {  width: 560px; }
.contact .contact-form p {  font-size: 16px;  line-height: 25px;  margin-bottom: 10px; }
.contact .contact-form p span {  display: block;  color: #f00; }
.contact .contact-form ul li {  background-color: #fff;  width: 250px;  height: 28px;  float: left;  margin-right: 30px;  margin-bottom: 15px; }
.contact .contact-form ul li label {  vertical-align: middle;  float: left;  border-right: 3px solid #f4f4f4; }
.contact .contact-form ul li input {  float: left;  height: 28px;  line-height: 28px;  vertical-align: middle;  padding: 0 10px; }
.contact .contact-form ul li textarea {  height: 75px;  width: 460px;  padding: 10px; }
.contact .contact-form ul .form-content {  height: 95px;  width: 530px; }
.contact .contact-form .form-button .submit,.contact .contact-form .form-button a {  *display: inline;  _display: inline;  zoom: 1;  display: inline-block;  width: 135px;  line-height: 35px;  height: 35px;  text-align: center;  font-size: 18px;  font-weight: bold;  background-color: #828282;  border: 0;  color: #fff;  cursor: pointer;  margin-right: 20px; }
.contact .contact-form .form-button .online {  background-color: #f00;  -webkit-transition: all 0s;  transition: all 0s;  position: relative;  border: 1px solid #f00; }
.contact .contact-form .form-button .online span {  position: relative;  z-index: 9; }
.contact .contact-form .form-button .online i {  position: absolute;  left: 0;  top: 0;  display: block;  width: 100%;  height: 100%;  background-color: #f00;  -webkit-transition: all .6s ease-out;  transition: all .6s ease-out;  -webkit-transform: scale(0.6, 1);  transform: scale(0.6, 1);  z-index: 8;  opacity: .6; }
.contact .contact-form .form-button .online:hover {  background-color: #fff; }
.contact .contact-form .form-button .online:hover i {  opacity: 1;  -webkit-transform: scale(1, 1);  transform: scale(1, 1); }
.wjdh-map {  position: relative; }
.wjdh-map #wmap {  width: 100%;  height: 500px; }
.wjdh-map #r-result {  position: absolute;  right: 0;  top: 0;  width: 450px;  max-height: 500px;  overflow-y: scroll;  overflow-x: hidden;  z-index: 99;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.wjdh-map .luxianjieguo #r-result {}
.wjdh-map .anchorBL {  display: none; }
.wjdh-map .BMap_pop>div>div {  border-radius: 8px;  border: 0!important; }
.wjdh-map .BMap_pop .BMap_center {  border: 0!important;  border-right: 1px solid #fff!important; }
.wjdh-map .BMap_top {  border: 0!important; }
.wjdh-map .BMap_bottom {  border: 0!important; }
.wjdh-map .map-marker dt {  float: left; }
.wjdh-map .map-marker dd {  height: 80px;  overflow: hidden;  margin-left: 110px; }
.wjdh-map .map-marker dd span {  font-size: 18px; }
.wjdh-map .map-marker h4 {  height: 30px;  font-size: 18px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.wjdh-map .map-marker p {  height: 40px;  line-height: 20px;  overflow: hidden; }
.driving-way {  font-family: 'Microsoft JhengHei'; }
.driving-way .hd li {  float: left;  font-size: 16px;  width: 50%;  height: 50px;  line-height: 50px;  background-color: #eee;  text-indent: 80px;  cursor: pointer; }
.driving-way .hd li.on {  color: #fff; }
.driving-way .map-tab {  padding: 20px 0; }
.driving-way .map-tab .trip-mode a {  position: relative;  float: left;  font-size: 16px;  padding-left: 50px;  width: 100px;  height: 50px;  line-height: 50px; }
.driving-way .map-tab .trip-mode a.active {  _background: url(../images/checkbox.png) no-repeat 10px center;  *background: url(../images/checkbox.png) no-repeat 10px center; }
.driving-way .map-tab .trip-mode a i {  width: 14px;  height: 14px;  display: block;  border: 3px solid #666;  position: absolute;  left: 10px;  top: 50%;  margin-top: -10px;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.driving-way .map-tab .trip-mode a:hover i,.driving-way .map-tab .trip-mode a.active i {  transform: translateZ(0px) rotate(45deg);  -webkit-transform: translateZ(0px) rotate(45deg); }
.driving-way .map-tab .trip-mode a:hover i:before,.driving-way .map-tab .trip-mode a.active i:before {  opacity: 1; }
.driving-way .map-tab .trip-mode a i:before {  content: '';  display: block;  width: 6px;  height: 6px;  background-color: #666;  position: absolute;  left: 50%;  top: 50%;  margin-left: -3px;  margin-top: -3px;  opacity: 0;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.driving-way .map-tab ul {  position: relative;  width: 100%;  height: 112px;  _background: url(../images/ico5.png) no-repeat left center;  *background: url(../images/ico5.png) no-repeat left center; }
.driving-way .map-tab ul:before {  position: absolute;  left: 0;  top: 50%;  margin-top: -9px;  content: '';  display: block;  width: 16px;  height: 17px;  background: url(../images/ico5.png) no-repeat center center;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.driving-way .map-go ul:before {  transform: rotateX(180deg); }
.driving-way .map-tab ul li {  height: 35px;  line-height: 35px;  width: 70%;  font-size: 16px;  padding: 10px 0;  margin-left: 80px;  position: absolute;  left: 0;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.driving-way .map-tab ul .d1 {  top: 0; }
.driving-way .map-tab ul .d2 {  top: 56px; }
.driving-way .map-go ul .d1 {  top: 56px; }
.driving-way .map-go ul .d2 {  top: 0; }
.driving-way .map-tab ul .d1:before {  position: absolute;  left: -20px;  top: 30px;  content: '';  display: block;  border-radius: 50%;  width: 3px;  height: 3px;  border: 2px solid #ed744e; }
.driving-way .map-tab ul .d2:before {  position: absolute;  left: -20px;  top: 25px;  content: '';  display: block;  border-radius: 50%;  width: 3px;  height: 3px;  border: 2px solid #12a7eb; }
.driving-way .map-tab ul i {  display: block;  width: 75%;  height: 1px;  background-color: #ccc;  position: absolute;  left: 50px;  top: 56px; }
.driving-way .map-tab ul li input {  font-size: 16px;  width: 100%;  height: 35px;  line-height: 35px; }
.driving-way .map-tab #result {  background-color: #313131;  color: #fff;  width: 200px;  height: 50px;  line-height: 50px;  position: absolute;  right: 0;  top: 50%;  margin-top: -25px;  display: block;  text-align: center;  font-size: 18px;  text-transform: uppercase;  cursor: pointer;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.driving-way .contact-content {  float: right;  width: 48%;  padding-left: 2%;  padding-top: 25px; }
.driving-way .contact-content li {  float: left;  width: 200px;  font-size: 16px;  color: #888;  padding-left: 40px;  margin-bottom: 40px;  height: 32px;  line-height: 32px;  padding-bottom: 25px;  background-position: 0 0;  background-repeat: no-repeat; }
.driving-way .contact-content .ct-address {  background-image: url(../images/ct-address.png);  margin-right: 40px; }
.driving-way .contact-content .ct-phone {  background-image: url(../images/ct-phone.png);  margin-right: 40px; }
.driving-way .contact-content .ct-mobile {  background-image: url(../images/ct-mobile.png); }
.driving-way .contact-content .ct-email {  background-image: url(../images/ct-email.png); }
.driving-way .luxian {  width: 50%;  float: left; }
.driving-way .luxian ul li:first-child {  background: #eee url(../images/ico6.png) no-repeat 100px center; }
.driving-way .luxian ul li {  width: 100%;  height: 60px;  line-height: 60px;  color: #999;  text-align: center;  font-size: 21px;  margin: 20px 0;  background: #eee url(../images/ico7.png) no-repeat 100px center;  cursor: pointer; }
.message-page-box .message-box-title {  height: 45px;  line-height: 45px;  background-color: #ededed;  font-size: 18px;  text-indent: 20px; }
.message-page-box ul {  width: 1130px; }
.message-page-box li {  float: left;  margin-right: 30px;  border-bottom: 1px solid #ccc;  margin-bottom: 20px; }
.message-page-box li input {  display: block;  width: 534px;  height: 50px;  line-height: 50px; }
.message-page-box textarea {  width: 1100px;  height: 125px;  line-height: 25px; }
.message-page-box p {  width: 50%;  float: left;  color: #999; }
.message-page-box .submit {  float: right;  display: block;  width: 64px;  line-height: 34px;  height: 34px;  text-align: center;  color: #fff;  background-color: #666;  cursor: pointer;  margin-right: 30px;  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
#fancybox-loading {  position: fixed;  top: 50%;  left: 50%;  width: 40px;  height: 40px;  margin-top: -20px;  margin-left: -20px;  cursor: pointer;  overflow: hidden;  z-index: 1104;  display: none; }
#fancybox-loading div {  position: absolute;  top: 0;  left: 0;  width: 40px;  height: 480px;  background-image: url('../images/fancybox.png'); }
#fancybox-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  z-index: 9999;  display: none; }
#fancybox-tmp {  padding: 0;  margin: 0;  border: 0;  overflow: auto;  display: none; }
#fancybox-wrap {  position: absolute;  top: 0;  left: 0;  padding: 20px;  z-index: 99999;  outline: none;  display: none; }
#fancybox-outer {  position: relative;  width: 100%;  height: 100%;  background: #fff; }
#fancybox-content {  width: 0;  height: 0;  padding: 0;  outline: none;  position: relative;  overflow: hidden;  z-index: 1102;  border: 0px solid #fff; }
#fancybox-hide-sel-frame {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: transparent;  z-index: 1101; }
#fancybox-close {  position: absolute;  top: -15px;  right: -15px;  width: 30px;  height: 30px;  background: transparent url('../images/fancybox.png') -40px 0px;  cursor: pointer;  z-index: 1103;  display: none; }
#fancybox-error {  color: #444;  font: normal 12px/20px Arial;  padding: 14px;  margin: 0; }
#fancybox-img {  width: 100%;  height: 100%;  padding: 0;  margin: 0;  border: none;  outline: none;  line-height: 0;  vertical-align: top; }
#fancybox-frame {  width: 100%;  height: 100%;  border: none;  display: block; }
#fancybox-left,#fancybox-right {  position: absolute;  bottom: 0px;  height: 100%;  width: 35%;  cursor: pointer;  outline: none;  background: transparent url('../images/blank.gif');  z-index: 1102;  display: none; }
#fancybox-left {  left: 0px; }
#fancybox-right {  right: 0px; }
#fancybox-left-ico,#fancybox-right-ico {  position: absolute;  top: 50%;  left: -9999px;  width: 30px;  height: 30px;  margin-top: -15px;  cursor: pointer;  z-index: 1102;  display: block; }
#fancybox-left-ico {  background-image: url('../images/fancybox.png');  background-position: -40px -30px; }
#fancybox-right-ico {  background-image: url('../images/fancybox.png');  background-position: -40px -60px; }
#fancybox-left:hover,#fancybox-right:hover {  visibility: visible;  /*IE6 */ }
#fancybox-left:hover span {  left: 20px; }
#fancybox-right:hover span {  left: auto;  right: 20px; }
.fancybox-bg {  position: absolute;  padding: 0;  margin: 0;  border: 0;  width: 20px;  height: 20px;  z-index: 1001; }
#fancybox-bg-n {  top: -20px;  left: 0;  width: 100%;  background-image: url('../images/fancybox-x.png'); }
#fancybox-bg-ne {  top: -20px;  right: -20px;  background-image: url('../images/fancybox.png');  background-position: -40px -162px; }
#fancybox-bg-e {  top: 0;  right: -20px;  height: 100%;  background-image: url('../images/fancybox-y.png');  background-position: -20px 0px; }
#fancybox-bg-se {  bottom: -20px;  right: -20px;  background-image: url('../images/fancybox.png');  background-position: -40px -182px; }
#fancybox-bg-s {  bottom: -20px;  left: 0;  width: 100%;  background-image: url('../images/fancybox-x.png');  background-position: 0px -20px; }
#fancybox-bg-sw {  bottom: -20px;  left: -20px;  background-image: url('../images/fancybox.png');  background-position: -40px -142px; }
#fancybox-bg-w {  top: 0;  left: -20px;  height: 100%;  background-image: url('../images/fancybox-y.png'); }
#fancybox-bg-nw {  top: -20px;  left: -20px;  background-image: url('../images/fancybox.png');  background-position: -40px -122px; }
#fancybox-title {  font-family: Helvetica;  font-size: 12px;  z-index: 1102; }
.fancybox-title-inside {  padding-bottom: 10px;  text-align: center;  color: #333;  background: #fff;  position: relative; }
.fancybox-title-outside {  padding-top: 10px;  color: #fff; }
.fancybox-title-over {  position: absolute;  bottom: 0;  left: 0;  color: #FFF;  text-align: left; }
#fancybox-title-over {  padding: 10px;  background-image: url('../images/fancy_title_over.png');  display: block; }
.fancybox-title-float {  position: absolute;  left: 0;  bottom: -20px;  height: 32px; }
#fancybox-title-float-wrap {  border: none;  border-collapse: collapse;  width: auto; }
#fancybox-title-float-wrap td {  border: none;  white-space: nowrap; }
#fancybox-title-float-left {  padding: 0 0 0 15px;  background: url('../images/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main {  color: #FFF;  line-height: 29px;  font-weight: bold;  padding: 0 0 3px 0;  background: url('../images/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right {  padding: 0 0 0 15px;  background: url('../images/fancybox.png') -55px -90px no-repeat; }

/*IE6 */
.fancybox-ie6 #fancybox-close {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_over.png', sizingMethod='scale');  zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame {  height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 {  position: absolute;  margin-top: 0;  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px'); }
#fancybox-loading.fancybox-ie6 div {  background: transparent;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png', sizingMethod='scale'); }

/*IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {  background: transparent !important; }
.fancybox-ie #fancybox-bg-n {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw {  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }