@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}

.yz_c{padding-top:80px;height: 528px;overflow: hidden;}
.yz_c dl{padding:24px 24px 0 0;position: relative;}
.yz_c dt{float:right;font-size:0;line-height: 0;width:546px;height:292px;position: relative;z-index: 2}
.yz_c dt img {width:546px;height:292px;}
.yz_c dd {float:left;width:544px;margin-top:55px;box-sizing: border-box;}
.yz_c dd p{font-size:14px;color: #666666;line-height:26px;height: 156px;}
.yz_c dd em a{width:98px;height: 38px;background: #fad9ba;text-align: center;line-height: 38px;font-size:14px;color: #666666;display: block;float:right;position: relative;}
.yz_c dd em a:after{width:156px;height: 1px;content: "";display: block;background: #fad9ba;position: absolute;left:-156px;top:50%;}
.yz_c dl:after{width:180px;height: 189px;content: "";display: block;background: #fad9ba;position: absolute;right:0;top:0;}


.titis{height:99px;overflow: hidden;text-align: center;}
.titis h2 {height:56px;line-height:56px;font-size:42px;color: #333333;font-weight: normal;}
.titis h2 a{color: #333333}
.titis span {display:block;font-size:14px;color:#666;height:22px;line-height:22px;letter-spacing: 3px;text-transform: uppercase;}


.pro_bj{height: 1082px;background: #f7f7f7;padding-top:64px;overflow: hidden;position:relative;}
.pro{}
.pro .titis{height: 104px;}
.pro_a{position:relative;}
.pro_a li{float:left;width:287px;height: 398px;background: #fff;margin:0 17px 19px 0;text-align: center;font-size:14px;}
.pro_a li i{display: block;width:287px;font-size:0;line-height: 0;overflow: hidden;}
.pro_a li i img{width:287px;height: 287px;transition:all 0.5s;}
.pro_a li:hover i img{transform:scale(1.1);}
.pro_a li span{display:block;height: 21px;line-height: 21px;padding-top:14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_a li h4{color: #333333;display: block;height: 34px;line-height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.pro_a li em {color: #e60000;}
.pro_a li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.16)}
.pro_a li:nth-child(4n){margin:0 0 19px 0;}
.pro_t{float:right;}
.pro_t i{display: block;font-size:0;line-height: 0;margin-bottom:11px;width:287px;overflow: hidden;}
.pro_t i img{width:287px;height: 277px;}
.pro_t a{display: block;height: 112px;background: #f5d4b5;text-align: center;line-height: 112px;font-size:16px;color: #666666;}
.pro_t a em{padding-right:26px;background: url(/css/../images/pro_ico1.jpg) no-repeat right;}
.pro_qh{position: absolute;left:2%;width:200px;}
.pro_qh li{margin-bottom:10px;padding-left:16px;color: #333333;position:relative;display: block;height: 9px;transition: all 0.5s;cursor: pointer;}
.pro_qh li span{display: none;line-height:14px;font-size:18px;}
.pro_qh li:after{width:8px;height: 9px;content: "";display: block;background: #999999;position: absolute;left:0;top:0;}
.pro_qh:hover li{font-size:18px;height: 14px;}
.pro_qh:hover li span{display: block;}
.pro_qh:hover li:after{height: 14px;background: #3b3b3b;transition: all 0.2s}


.dz_c{padding-top:74px;height: 878px;overflow: hidden;}
.dz_c .titis{height:106px;}
.dz_qh{height: 106px;overflow: hidden;}
.dz_qh li{float:left;width:185px;height: 91px;border:1px solid #dbdbdb;text-align: center;margin-right:12px;text-align: center;}
.dz_qh li span{display: block;font-size:18px;color: #333333;padding-top:26px;height: 28px;line-height: 28px;}
.dz_qh li em{font:12px "Candara";color: #adadad;text-transform: uppercase;}
.dz_qh li.on{box-shadow: 0 2px 8px rgba(0,0,0,0.15)}
.dz_qh li:last-child{width:229px;}
.dz_qh i a{float:right;width:160px;height: 93px;background: #fad9ba url(/css/../images/pro_ico1.jpg) no-repeat center 55px;text-align: center;font-size:18px;color: #666666;box-sizing: border-box;padding-top:24px;display: block;}
.dz_nr dl{height:549px;background: #f0f0f0;padding:0 33px 0 37px;}
.dz_nr dt{float:left;font-size:0;line-height: 0;}
.dz_nr dt img{width:732px;height: 549px;}
.dz_nr dd {float:right;width:325px;padding-top:127px;}
.dz_nr dd h4 a{font-size:26px;height: 59px;line-height: 59px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dz_nr dd p{padding-top:9px;line-height:27px;font-size:14px;color: #666666;}
.dz_nr dd p em{display: inline-block;padding-right:14px;}
.dz_nr dd i a{display: block;width:98px;height: 38px;line-height: 38px;text-align: center;background: #f1cfb0;font-size:14px;color: #666666;margin-top:20px;}

.news{height: 611px;overflow: hidden;}
.ns_n{float:left;width:897px;overflow:hidden;}
.ns_nr dl{float:left;width:293px;margin-right:9px;}
.ns_nr dt{font-size:0;line-height: 0;width:293px;overflow: hidden;}
.ns_nr dt img{width:293px;height: 220px;transition:all 0.5s;}
.ns_nr dl:hover dt img{transform:scale(1.1);}
.ns_nr dd{padding:20px 0 0 11px;}
.ns_nr dd h4 a{display: block;height: 27px;line-height: 27px;font-size:16px;color: #1b1b1b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nr dd p{font-size:14px;line-height: 25px;color: #7d7d7d;padding-top:5px;height: 76px}
.ns_nr dd em a{display: block;width:98px;height: 38px;line-height: 38px;text-align: center;background: #f1cfb0;font-size:14px;color: #666666;}
.ns_nr dl:last-child{margin:0;}
.ns_t{float:right;width:293px;height: 389px;background: url(/css/../images/ns_t1.jpg) no-repeat;box-sizing: border-box;padding-top:126px;text-align: center;}
.ns_t h4 {height: 46px;line-height: 46px;font-size:28px;color: #fff;font-weight:bold;background: url(/css/../images/ns_ico1.png) no-repeat center;}
.ns_t span{font-size:16px;color: #fff;display:block;height: 31px;line-height: 31px;}
.ns_t em a{display:block;width:98px;height: 38px;line-height: 38px;text-align: center;background: #fad9ba;font-size:14px;color: #666666;margin:24px auto 0;}

body{overflow-x: hidden;}
.about{height: 811px;}
.about .titis{height: 106px;}
.ab_nr{ position: relative;/*width:1200px;left:50%;margin-left:-600px;*/height: 541px;}
.ab_nr ul{margin-left:-1200px;}
.ab_nr .test_con,.ab_nr .tempWrap{overflow:visible!important;}
.about li{font-size:0;line-height: 0;width:1200px;float:left;margin-top:21px;position: relative;overflow: hidden;height:520px;}
.about li i{margin-top:51px;display: block;transition: all 0.5s;font-size:0;line-height: 0;}
.about li em{width:100%;height: 100%;background:rgba(0,0,0,0.6);position: absolute;left:0;top:51px;}
.about li.active i{margin-top:0;}
.about li.active em{display: none;}
.about .pageState{position: absolute;bottom:-41px;left:113px;z-index: 99;color: #fff}
.about .ab_w{width:1010px;height: 155px;background: #f2f2f2;margin:0 auto 0;position: relative;z-index: 2;top:-77px;}
.about .ab_w em{float:left;width:148px;height: 155px;background: #333333;font:16px "Baskerville Old Face";color: #fff;padding-left:17px;box-sizing: border-box;}
.about .ab_w em b{display:block;font-size:26px;padding-top:39px;height: 55px;background: url(/css/../images/ab_x.png) no-repeat left bottom;line-height: 51px;margin-bottom:6px;font-weight: normal;}
.about .ab_w p{float:left;width:756px;padding:32px 0 0 53px;}
.about .ab_w p strong{display:block;font-weight: bold;font-size:22px;color: #333333;height: 32px;line-height: 32px;}
.about .ab_w p span{font-size:14px;color:#666666;line-height: 26px;padding-top:12px;display: block;}
.about li i{display:block;width:1200px;}
.about li i img{transition: all 0.5s}
.about li img{width:1200px;height: 521px}
/*.about li.active i img{margin-top:-51px;}*/
/*.about li.active span{display:none;}*/
.ab_j1,.ab_j2{position: absolute;top:264px;}
.ab_j1{left:-67px;}
.ab_j2{right:-67px;}


.lj_c{height: 287px;}
.lj_c li{float:left;font-size:0;line-height: 0;width:201px;text-align: center;margin-right:132px;transition:all 0.5s;top:0;position:relative;}
.lj_c li img{width:125px;height: 125px;}
.lj_c li span{display: block;font-size:22px;color: #333333;height: 62px;line-height: 62px;}
.lj_c li:hover{position:relative;top:-8px;}
.lj_c li:last-child{margin:0;}




@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }