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

.yz_bj{height:635px;overflow: hidden;border-bottom:2px solid #eeeeee;}
.yz_c dl{height: 448px;overflow: hidden;margin-bottom:45px;}
.yz_c dd{float:left;width:600px;height: 448px;box-sizing: border-box;padding:179px 0 0 51px;background:#009faf url(../images/yz_z1.png) no-repeat 47px 49px;}
.yz_c dd span{display: block;font-size:16px;color: #fff;line-height: 26px;height: 66px;}
.yz_c dd p{padding-top:40px;font-size:14px;color: #fff;line-height: 24px;font-style: italic;}
.yz_c dd em{display: block;font-size:16px;color: #fff;margin-bottom:8px;}
.yz_c dt{float:right;width:600px;font-size:0;line-height: 0;}
.yz_c dt img{width:600px;height:448px;}
.yz_c li{float:left;padding-right:255px;text-align: center;}
.yz_c li p{height: 58px;line-height: 58px;}
.yz_c li em{font:50px "Verdana",arial;color: #009faf;vertical-align: top;}
.yz_c li i{font-size:14px;color: #009faf;font-weight: bold;line-height:40px;}
.yz_c li span{display: block;font-size:24px;color: #313131;height: 32px;line-height: 32px;}
.yz_c li:last-child{padding:0;}


.titis{height:96px;overflow: hidden;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {height:45px;line-height:45px;font-size:30px;color: #009faf;}
.titis h2 a{color: #009faf}
.titis p {display:block;font-size:24px;color:#707070;height:34px;line-height:34px;}

.pro{height: 2184px;padding-top:93px;}
.pro_nr{margin-top:40px;}
.pro_n1{background: url(../images/pro_n1.jpg) no-repeat center top;height: 450px;}
.pro_n1 dl{width:1200px;margin:0 auto 50px;}
.pro_n1 dd{float:left;width:360px;box-sizing:border-box;padding:30px 0 0 39px;position: relative;}
.pro_n1 dd:after{width:2px;height: 130px;content: "";display: block;background: #009faf;position: absolute;left:0;top:-20px;}
.pro_n1 dd h4 {height: 71px;overflow: hidden;width:285px;font-weight: normal;margin-bottom:28px;}
.pro_n1 dd h4 span{float:left;width:240px;}
.pro_n1 dd h4 span a{display: block;height: 31px;font-size:24px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_n1 dd h4 span em{font-size:16px;color: #888888;height:24px;line-height: 24px;}
.pro_n1 dd h4 i{float:right;width:45px;height: 45px;text-align: center;background: #009faf;border-radius: 50%;font:28px arial;color: #fff;line-height: 45px;}
.pro_n1 dd ul{overflow: hidden;}
.pro_n1 dd ul li{float:left;width:50%;box-sizing: border-box;padding-left:22px;background: url(../images/pro_ico1.jpg) no-repeat left center;font-size:16px;color: #666666;height: 40px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_n1 dd ul li a{color: #666666;}
.pro_n1 dd strong a{background:#009faf url(../images/pro_ico2.png) no-repeat 82px center;width:132px;height: 30px;line-height: 30px;text-align: center;font-size:14px;color: #fff;display: block;box-sizing: border-box;padding-right:36px;margin-top:32px;}
.pro_n1 dd p{padding-bottom:14px;font-size:16px;color: #666666;line-height: 26px;width:288px;}
.pro_n1 dd p span{display: block;font-size:20px;color: #333333;}
.pro_n1 dt{font-size:0;line-height: 0;width:800px;height: 450px;float:right;position: relative;}
.pro_n1 dt li{font-size:0;line-height: 0;}
.pro_n1 dt li img{width:800px;height: 450px;}
.pro_n1 dt .pro_j{position: absolute;left:40px;bottom:40px;}
.pro_n1 dt .pro_j img{margin-right:39px;}
.pro_n1 dt .pro_d{position: absolute;left:80px;bottom:42px;width:30px;}
.pro_n1 dt .pro_d li{float:left;width:3px;height: 4px;background: #bfbfbf;margin-right:6px;transition: all 0.5s;vertical-align: bottom;margin-top:8px;}
.pro_n1 dt .pro_d li.on{background: #009faf;height: 12px;vertical-align: bottom;margin-top:0;}
.pro_nr .pro_n1:nth-child(2n){background: url(../images/pro_n2.jpg) no-repeat center top;}
.pro_nr .pro_n1:nth-child(2n) dd:after{right:0;left:auto;}
.pro_nr .pro_n1:nth-child(3){background: url(../images/pro_n3.jpg) no-repeat center top;}
.pro_nr .pro_n1:nth-child(2n) dt{float:left;}
.pro_nr .pro_n1:nth-child(2n) dd{float:right;}


.tu1{font-size:0;line-height: 0;position: relative;}
.tu1 em a{position:absolute;width:57px;height: 57px;background: #fff;font-size:14px;color: #28a7b7;text-align: center;border-radius: 50%;left:321px;bottom:16px;line-height:18px;box-sizing: border-box;padding-top:11px;}
.tu1 span{width:133px;height: 30px;background: #009faf url(../images/pro_a1.png) no-repeat 14px 7px;font-size:14px;color: #fff;line-height: 30px;display: block;position: absolute;right:0;bottom:24px;padding-left:38px;box-sizing: border-box;}

.anl{height: 662px;overflow: hidden;padding-top:94px;}
.anl .titis{margin-bottom:39px;}
.al_a1{float:left;width:390px;height: 390px;overflow: hidden;position: relative;}
.al_a1 p{position: absolute;left:17px;top:18px;font-style: italic;}
.al_a1 p strong{height: 62px;line-height: 62px;font-size:48px;color: #000000;font-weight: normal;display: block;}
.al_a1 p em{font-size:30px;color: #000;line-height: 24px;padding-top:10px;line-height:48px;font-style: italic;}
.al_nr{float: right;width:797px;overflow: hidden;position: relative;height: 436px}
.al_c li{float:left;width:395px;margin-right:7px;}
.al_c li i{display: block;font-size:0;line-height: 0;width:395px;overflow: hidden;}
.al_c li i img{width:395px;height: 211px;transition:all 0.5s;}
.al_c li:hover i img{transform: scale(1.1);}
.al_c li .al_w{background: #009faf;height: 179px;padding:0 22px;position: relative;}
.al_c li .al_w:after{content: "";display: block;width:0;height:0;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:9px solid #009faf;position: absolute;left:25px;top:-9px;}
.al_c li .al_w h4 a{display: block;height: 54px;line-height: 54px;font-size:18px;color: #fff;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_c li .al_w em{height: 22px;font-size:14px;color: #a5e6ed;line-height: 22px;display: block;font-weight: bold;}
.al_c li .al_w p{font-size:14px;color: #fff;line-height: 24px;padding-top:8px;}
.al_c li:last-child{margin:0;}
.al_j{float:left;font-size:0;line-height: 0;margin-top:30px;}
.al_j img{margin-right:39px;}
.al_nr .al_d{position: absolute;left:41px;bottom:9px;width:30px;}
.al_nr .al_d li{float:left;width:3px;height: 4px;background: #bfbfbf;margin-right:6px;transition: all 0.5s;vertical-align: bottom;margin-top:8px;font-size:0;}
.al_nr .al_d li.on{background: #009faf;height: 12px;vertical-align: bottom;margin-top:0;}
.al_btn1 a{float:right;width:133px;height: 30px;background: #eeeeee url(../images/al_ico1.png) no-repeat 83px center;text-align: center;line-height: 30px;font-size:14px;color: #626262;margin-top:16px;box-sizing: border-box;padding-right:38px;}

.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center bottom;height: 875px;}
.yous .titis{margin-bottom:37px;}
.ys_qh{float:left;width:274px;height: 563px;background: #009faf;box-sizing: border-box;padding-left:45px;overflow: hidden;}
.ys_qh li{margin:60px 0 6px;height:60px;position: relative;}
.ys_qh li i{float:left;font:50px "MyriadPro";color: #fff;line-height: 50px;}
.ys_qh li p{float:right;width:160px;color: #fff;}
.ys_qh li p span{font-size:24px;font-weight: bold;display: block;height: 30px;line-height: 30px;}
.ys_qh li p em{font:14px arial;text-transform: uppercase;display: block;padding-top:2px;}
.ys_qh li:after{content: "";display: block;height: 1px;background: #fff;width:0%;position: absolute;left:0;bottom:0;transition: all 0.5s}
.ys_qh li.on:after{content: "";display: block;height: 1px;background: #fff;width:100%;position: absolute;left:0;bottom:0;}
.ys_nr{padding:44px 20px 0 0;width:797px;box-sizing: border-box;float:right;}
.ys_a1 h4{height: 63px;font-size:24px;color: #313131;font-weight: bold;border-bottom:2px solid #313131;display: inline-block;line-height: 63px;}
.ys_a1 ul{overflow: hidden;padding-top:45px;}
.ys_a1 li{float:left;margin-right:121px;text-align: center;}
.ys_a1 li span{display: block;font:46px "Verdana";color: #313131;}
.ys_a1 li span i{font-size:14px;color: #434343;vertical-align: top;padding-top:10px;display: inline-block;}
.ys_a1 li em{display: block;font-size:18px;color: #434343;}
.ys_a1 p{padding-top:44px;font-size:14px;color: #313131;line-height: 24px;}
.ys_a1 li:last-of-type{margin:0;}

.news{height: 606px;padding-top:93px;overflow: hidden;}
.news .titis{margin-bottom:20px;}
.news .tit{height: 77px;line-height: 77px;}
.news .tit a{font-size:24px;color: #434343;font-weight: bold;}
.dongt{float:left;width:752px;height:410px;overflow:hidden;}
.dongt dl{float:left;width:383px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:383px;height: 194px;}
.dongt dd {padding-top:9px;}
.dongt dd h4 a{display: block;height:27px;line-height: 27px;font-size:16px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dongt dl:hover dd h4 a{color:#009faf;}
.dongt dd p{font-size:14px;color: #626262;line-height: 24px;}
.dongt dd em {display: block;text-align: right;font-size:16px;color: #000000;}
.dongt ul{float:right;width:308px;}
.dongt li{height: 54px;padding-bottom:34px;overflow: hidden;}
.dongt li span{float:left;width:130px;font-size:16px;color: #7d7d7d;line-height: 14px}
.dongt li span em{font-size:54px;color: #7d7d7d;vertical-align: top;line-height:40px;display: inline-block;height: 58px}
.dongt li a{font-size:16px;color: #313131;font-weight: bold;float:right;width:167px;line-height: 24px;display: inline-block;height: 48px;overflow: hidden;}
.dongt li:hover a{color:#009faf;}

.went{float: right;width:325px;}
.wt_nr{background: #009faf;padding:42px 23px 0 31px;box-sizing: border-box;height: 326px}
.wt_nr li{padding-bottom:66px;}
.wt_nr li h4{height:32px;line-height: 32px;font-size:16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li h4 a{color: #fff;}
.wt_nr li p{font-size:14px;line-height: 24px;color: #fff;padding-top:10px;}

.about{height: 731px;overflow: hidden;}
.about .titis{margin-bottom:35px;}
.about dt{font-size:0;line-height: 0;}
.about dt img{width:1200px;height: 351px;}
.about dd {padding-top:26px;}
.about dd p{font-size:14px;color: #707070;line-height: 24px;text-align: center;padding:0 100px;}
.about dd em a{width:133px;height: 30px;background: #009faf url(../images/ab_ico1.png) no-repeat 83px center;text-align: center;line-height: 30px;font-size:14px;color: #fff;margin:20px auto 0;box-sizing: border-box;padding-right:38px;display: block;}



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