/*Generated by wjdhcms 3.0 */







@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(../img/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;



}







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



}







#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: 36px;



    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(../img/ico1.png);



    background-repeat: no-repeat;



    background-position: 230px center;



    position: relative;



}





.navContent{

    display: none;

}

.side-bar dl dt a {



    color: #fff;



    font-size: 18px;



    display: block;



    width: 150px;



    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: 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(../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;

    display: none;



}







.side-bar dl .tag 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 .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 {



    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(../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 .list02-top .img{



     width: 570px;



    height: 286px;



}



.list01 .list02-top ul li{



    width: 570px;



    height: 286px;



    float: left;



}



.list01 .list01-top .info {



    width: 660px;



    padding: 35px 0;



}







.list01 .list02-top .info {



    width: 660px;



    padding: 35px 0;



    display: none;



}



.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: 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: 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: 18px;



    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;



    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: #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 .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(../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);



}







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



}







.maphidden {



    display: none;



}







.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(../img/checkbox.png) no-repeat 10px center;



    *background: url(../img/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(../img/ico5.png) no-repeat left center;



    *background: url(../img/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(../img/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(../img/ct-address.png);



    margin-right: 40px;



}







.driving-way .contact-content .ct-phone {



    background-image: url(../img/ct-phone.png);



    margin-right: 40px;



}







.driving-way .contact-content .ct-mobile {



    background-image: url(../img/ct-mobile.png);



}







.driving-way .contact-content .ct-email {



    background-image: url(../img/ct-email.png);



}







.driving-way .luxian {



    width: 50%;



    float: left;



}







.driving-way .luxian ul li:first-child {



    background: #eee url(../img/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(../img/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('../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');



}







/* 内页 */



.zz1{



	margin-bottom: 30px;



}



.zz1b{



	text-align: center;



	margin-bottom: 55px;







}



.zz1b>h3 a{



	font-size: 28px;



    color: #00aaff;



    text-align: center;



}



.zz1b span{



    text-align: center;



    width: 334px;



    background: url(../images/zs1.png) no-repeat center;



    display: block;



    margin: 0 auto;



}



.zz1>ul>li{



width: 570px;

    float: left;

    padding-bottom: 10px;

    border-bottom: 1px solid #00aaff;

    margin-bottom: 10px;

    margin-right: 20px;

    height: 270px;

    overflow: hidden;







}



.zz1>ul>li>span p{



	display: block;



	width: 320px;



	overflow: hidden;



	height: 220px;



}



.zz1>ul li>span p img{



	width: 320px;



	height: 220px;



	overflow: hidden;



	-webkit-transition: all .5s;



    -moz-transition: all .5s;



    -o-transition: all .5s;



    -ms-transition: all .5s;



    transition: all .5s;



}



.zz1>ul li>span p img:hover{



	width: 350px;



	height: 240px;



	overflow: hidden;



}



.zz1>ul li>span{



	float: left;







}



.zz1>ul li>span>b{



	font-size: 20px;



	font-weight: normal;



	display: block;



	height: 40px;



	line-height: 40px;



}



.zz1>ul li ul{



	float: left;



	width: 230px;



	margin-left: 10px;



	overflow: hidden;



}



.zz1>ul li ul li{


width: 230px;
    clear: both;



}



.zz1>ul li ul li>b{



	display: block;



	width: 7px;



	height: 7px;



	background:url(../images/zs20.png) no-repeat;



	float: left;



	margin-top: 10px;



}



.zz1>ul li ul li a{

    color: #666666;

    font-size: 16px;

    margin-left: 18px;

    float: left;

    display: block;

    height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;


}



.zz1>ul li ul li a:hover{



	color:#00aaff;



}