/*Generated by wjdhcms 3.0 */

@charset "utf-8";

/*-----------公用-----------*/

::selection {color: #fff; background-color: #f00;}

::-moz-selection {color: #fff; background-color: #f00;}

::-webkit-selection {color: #fff; background-color: #f00;}

::-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 {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

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;}

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;}

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(../img/ewm.gif); background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 30px; position: relative;}
.page-content {height: auto; line-height:200%; color: #505050; font-size: 14px; overflow: hidden;}
.page-content a {color: #333; font-size: 15px; font-weight: 900;}
.page-content strong { font-size:16px; font-weight:bold}
.page-content img {max-width: 80%; height: auto;}
.wjdh-banner {background-color: #fff; background-repeat: no-repeat; background-position: center center; height: 320px;}
.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;}
.mt20{ margin-top:20px;}

.xspro{ }
.xspro a{ display:block; width:253px; border:1px solid #ddd; height:210px; line-height:40px; text-align:center; margin-right:20px; float:left; margin-bottom:20px;background:#FFF}
.xspro a:hover{ border:1px solid #015abe; }
.xspro a:nth-child(3n){ margin-right:0px;}
.xspro a img{ display:block; width:100%; height:170px;}

#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 {height: 45px; line-height: 45px; margin-bottom: -2px; background-color: #f00; background-image: url(../img/ico1.png); background-repeat: no-repeat; background-position: 230px center; position: relative;}
.side-bar dl dt a {color: #fff; font-size: 18px; display: block; width: 180px; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 30px;}
.side-bar dl dd {position: relative;}
.side-bar dl dd a {display: block; height: 50px; line-height: 50px; border-top: 2px solid #fff; background-color: #f8f8f8; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .5s ease-out; transition: all .5s ease-out;padding-left: 50px;}
 
.side-bar dl .cur a,
.side-bar dl dd:hover a { color: #015abe; font-weight:bold  ; padding-left: 70px;}
.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(../img/sidebar_left.png);}
.side-bar #wjdh-side-hot span.next {background: url(../img/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(../img/phone.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(../img/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 {  border-bottom: 1px solid #ececec;}
.wjdh-title .title-box strong {border-bottom: 1px solid #666; font-size: 20px; display: inline; color:#015abe; font-weight:normal}
.wjdh-title .more {float: right; color: #999;}
.wjdh-title strong a {color: #f00;}
.wjdh-title strong 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(../img/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(../img/bg1.gif);}/*-----------分页-----------*/
.pages {margin: 20px 0; text-align: center;}
.pages a,
.pages span {padding: 2px 8px; border: 1px solid #999; margin: 0 5px; color: #999;}
.pages a:hover,
.pages span:hover {border: 1px solid #f00; color: #f00;}
.pages .current {background-color: #f00; border: 1px solid #f00; color: #fff;}
.pages .current:hover {color: #fff;}
.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(../img/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(../img/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;}
.img img {background-color: #f4f4f4; background-image: url(../img/wjdh-logo.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: all .3s ease-out; transition: all .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(../img/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 {}
.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(../img/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(../img/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(../img/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(../img/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(../img/qq.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(../img/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(../img/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: 20px; 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(../img/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(../img/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(../img/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(../img/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: 1px solid #ececec; 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: 24px; 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(../img/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}
.prohead .hleft .proimg,
.prohead .hleft .cloud-zoom-big {width: 400px; height: 300px; border: 1px solid #ececec; padding: 2px; margin-bottom: 10px;}
.prohead .hleft .proimg img {width: 400px; height: 300px;}
.prohead .hleft .smallimg {width: 402px; height: 60px; overflow: hidden}
.prohead .hleft .smallimg dl {width: 402px; height: 60px;}
.prohead .hleft .smallimg dl dt {width: 10px; height: 45px; margin-top: 8px;}
.prohead .hleft .smallimg dl dt.prev {float: left;}
.prohead .hleft .smallimg dl dt.next {float: right;}
.prohead .hleft .smallimg dd {width: 366px; height: 60px; float: left; margin-left: 10px; overflow: hidden;}
.prohead .hleft .smallimg dd li {width: 102px; float: left; height: 60px; text-align: center; margin: 0 10px;}
.prohead .hleft .smallimg dd li img {width: 98px; height: 58px; border: 1px solid #ccc;}
.prohead .hleft .smallimg dd li a:hover img,
.prohead .hleft .smallimg dd li a.hover img {border-color: #f00;}
.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(../img/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;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prohead .hright p {padding: 20px;  line-height: 30px;  border-bottom: 1px solid #dbdbdb;}
.prohead .hright p span { font-weight:bold}
.prohead .hright p .price { font-weight:bold; color: #F60;font-size:18px;}
.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; margin-bottom:10px;}
.prohead .hright .tel span {color: #f00; position: relative; *display: inline; _display: inline; zoom: 1; display: inline-block;}
.prohead .hright .tel span em {color: #333; 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 a.online  {*display: inline; _display: inline; zoom: 1; display: inline-block; width: 130px; height: 35px; line-height: 35px; background-color: #f60; 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(../img/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(../img/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: -40px;}
.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);}

#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('../img/fancybox/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('../img/fancybox/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('../img/fancybox/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('../img/fancybox/fancybox.png'); background-position: -40px -30px;}

#fancybox-right-ico {background-image: url('../img/fancybox/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('../img/fancybox/fancybox-x.png');}

#fancybox-bg-ne {top: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -162px;}

#fancybox-bg-e {top: 0; right: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png'); background-position: -20px 0px;}

#fancybox-bg-se {bottom: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -182px;}

#fancybox-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -20px;}

#fancybox-bg-sw {bottom: -20px; left: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -142px;}

#fancybox-bg-w {top: 0; left: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png');}

#fancybox-bg-nw {top: -20px; left: -20px; background-image: url('../img/fancybox/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('../img/fancybox/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('../img/fancybox/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('../img/fancybox/fancybox-x.png') 0px -40px;}

#fancybox-title-float-right {padding: 0 0 0 15px; background: url('../img/fancybox/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');}
.bews-title{ line-height:50px; text-align:center; background:#015abe; color:#fff; border-top:0px solid #ff6600; font-size:20px; }

.llist{ margin-top:10px;}
.llist li{ display: block; line-height:32px; background:url(../images/ico3.gif) left center no-repeat; background-size:auto 6px; padding-left:10px; border-bottom:1px dashed #ddd;}

/*页码*/
#Paging { text-align: center; height: 35px; margin:1em 0; }
.Pagination { display: inline-block; height: 35px; }
.Pagination .pageinfo { border: 1px solid #dedede; color: #333; margin-left: 10px; padding-right: 8px; }
.Pagination span { background: #f6f6f6; display: block; float: left; font-family: "Microsoft YaHei,Arial"; font-size: 16px; height: 35px; line-height: 34px; margin-right: -1px; text-align: center; padding: 0 12px; }
.Pagination a { background: #f6f6f6; border: 1px solid #dfdfdf; color: #555; display: block; float: left; font-size: 16px; height: 35px; line-height: 34px; margin-right: -1px; text-align: center; text-decoration: none; padding: 0 12px; }
.Pagination a:hover { color: #fff; background: #01984b; border: 1px solid #01984b;}
.Pagination span.current { background: #01984b; border: 1px solid #01984b; color: White;  position: relative; }
.Pagination span.disabled { border: 1px solid #dfdfdf; color: #aaa; cursor: not-allowed; }