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

.titis{height:72px;overflow: hidden;text-align: center;background: url(../neiy/ico1.png) no-repeat center bottom;}
.titis h2 {height:40px;line-height:40px;font-size:30px;color: #009faf;}
.titis h2 a{color: #009faf}
.titis p {display:block;font-size:16px;color:#707070;height:20px;line-height:20px;text-transform: uppercase;}

.pro_c{padding-top:86px;}
.pro_c .titis{margin-bottom:37px;}
.pro_c .tit{height: 55px;overflow: hidden;}
.pro_c .tit span {height: 36px;line-height: 36px;}
.pro_c .tit span img{vertical-align: top;padding-right:14px;}
.pro_c .tit span a{font-size:24px;color: #333333;}
.pro_c .tit em a{width:132px;height: 30px;line-height: 30px;text-align: center;font-size:14px;color: #333333;background: #eeeeee url(../neiy/dz_a1.png) no-repeat 82px center;display: block;float:right;margin-top:3px;box-sizing: border-box;padding-right:36px;}
.pro1{height:595px;border-bottom:2px solid #eeeeee;}
.pro1 li{float:left;width:360px;height: 260px;overflow: hidden;text-align: center;}
.pro1 li i{font-size:0;line-height: 0;width:360px;height: 202px;display: block;overflow: hidden;}
.pro1 li img{width:360px;height: 202px;transition: all 0.5s}
.pro1 li span{display: block;height:58px;line-height: 58px;font-size:16px;color: #333333;}
.pro1 .dz_t1{width:820px;margin-right:20px;height: 520px;float:left;overflow: hidden;text-align: center;}
.pro1 .dz_t1 i{width:820px;height: 462px;display: block;overflow: hidden;}
.pro1 .dz_t1 span{display: block;height:58px;line-height: 58px;font-size:16px;color: #333333;}
.pro1 .dz_t1 img{width:820px;height: 462px;transition: all 0.5s}
.pro1 li:hover img,.pro1 .dz_t1:hover img{transform: scale(1.1);}

.pro2{padding-top:23px;height: 595px;border-bottom:2px solid #eeeeee;}
.pro2_nr{overflow: hidden;}
.pro2_nr li{float:left;width:300px;overflow: hidden;position: relative;text-align: center;font-size:0;line-height:0;}
.pro2_nr li span{position: absolute;width:100%;text-align: center;font-size:16px;color: #fff;line-height:40px;bottom:0px;left:0;height:40px;background:rgba(0,0,0,0.6);}

.pro3{border-bottom:2px solid #eeeeee;padding-top:23px;height: 625px;}
.pro3 li{float:left;width:400px;height:275px;overflow: hidden;text-align: center;margin-right:20px;}
.pro3 li i{font-size:0;line-height: 0;width:400px;height:225px;display: block;overflow: hidden;}
.pro3 li img{width:400px;height: 225px;transition: all 0.5s}
.pro3 li span{display: block;height:50px;line-height: 50px;font-size:16px;color: #333333;}
.pro3 .dz_t2{width:360px;height: 550px;float:left;overflow: hidden;text-align: center;margin-right:20px;}
.pro3 .dz_t2 i{width:360px;height: 500px;display: block;overflow: hidden;}
.pro3 .dz_t2 img{width:360px;height: 500px;transition: all 0.5s}
.pro3 .dz_t2 span{display: block;height:50px;line-height: 50px;font-size:16px;color: #333333;}
.pro3 li:hover img,.pro3 .dz_t2:hover img{transform: scale(1.1);}
.pro3 li:nth-of-type(2n){margin:0;}

.pro4{height:595px;border-bottom:2px solid #eeeeee;padding-top:23px;}
.pro4 ul{width:360px;float:left;}
.pro4 li{width:360px;height: 260px;overflow: hidden;text-align: center;}
.pro4 li i{font-size:0;line-height: 0;width:360px;height: 202px;display: block;overflow: hidden;}
.pro4 li img{width:360px;height: 202px;transition: all 0.5s}
.pro4 li span{display: block;height:58px;line-height: 58px;font-size:16px;color: #333333;}
.pro4 .dz_t3{width:820px;height: 520px;float:right;overflow: hidden;text-align: center;}
.pro4 .dz_t3 i{width:820px;height: 462px;display: block;overflow: hidden;}
.pro4 .dz_t3 span{display: block;height:58px;line-height: 58px;font-size:16px;color: #333333;}
.pro4 .dz_t3 img{width:820px;height: 462px;transition: all 0.5s}
.pro4 li:hover img,.pro4 .dz_t3:hover img{transform: scale(1.1);}

.pro5{height:345px;border-bottom:2px solid #eeeeee;padding-top:23px;}
.pro5 li{width:380px;height: 260px;overflow: hidden;text-align: center;float:left;margin-right:30px;}
.pro5 li i{font-size:0;line-height: 0;width:380px;height:214px;display: block;overflow: hidden;}
.pro5 li img{width:380px;height: 214px;transition: all 0.5s}
.pro5 li span{display: block;height:58px;line-height: 58px;font-size:16px;color: #333333;}
.pro5 li:last-child{margin:0;}
.pro5 li:hover img{transform: scale(1.1);}

.yous{padding-top:83px;height: 711px;}
.ys_qh{padding-top:42px;height: 90px;}
.ys_qh li{float:left;width:190px;height: 60px;line-height: 60px;position: relative;background: #eeeeee;margin-right:12px;text-align: center;font-size:20px;color: #333333;}
.ys_qh li.on{background: #009faf;color: #fff;}
.ys_qh li.on:after{width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:9px solid #009faf;content: "";display: block;position: absolute;left:46%;bottom:-9px;}
.ys_qh li:last-child{margin:0;}
.ys_nr{overflow: hidden;}
.ys_nr dl{height: 420px;background: #eeeeee;}
.ys_nr dt{float:left;font-size:0;line-height: 0;width:600px;}
.ys_nr dd {float:left;width:537px;padding:70px 0 0 61px;}
.ys_nr dd h4 {height: 46px;line-height: 46px;font-size:26px;color: #333333;font-weight: normal;margin-bottom:12px;}
.ys_nr dd p{padding-left:16px;background: url(../neiy/ys_ico1.jpg) no-repeat left 13px;line-height: 30px;font-size:16px;color: #333333;}
.ys_nr dd em a{display: block;width:132px;height: 30px;line-height: 30px;background: #009faf url(../neiy/ab_ico1.png) no-repeat 82px center;text-align: center;font-size:14px;color: #fff;padding-right:36px;box-sizing: border-box;margin-top:74px;}


.dz_c{height: 600px;overflow: hidden;}
.dz_c ul{padding-top:42px;overflow: hidden;}
.dz_c li{float:left;width:190px;height: 340px;font-size:0;line-height:0;position: relative;margin-right:12px;}
.dz_c li span{width:100%;text-align: center;background: url(../neiy/dz_n1.png) no-repeat;height: 187px;position: absolute;left:0;bottom:0;box-sizing: border-box;padding-top:120px;}
.dz_c li span em{padding-top:18px;background: url(../neiy/dz_n2.png) no-repeat center top;font-size:24px;color: #fff;line-height: 30px;}
.dz_c li:last-child{margin:0;}

.anl{height: 679px;overflow: hidden;}
.al_nr{margin-top:42px;overflow: hidden;}
.al_nr li{float:left;width:380px;text-align: center;margin-right: 30px;height: 422px;position: relative;}
.al_nr li i{font-size:0;line-height: 0;display: block;width:380px;height: 214px;overflow: hidden;}
.al_nr li i img{width:380px;height: 214px;transition: all 0.5s;}
.al_nr li em{margin-top:-44px;display: block;position: relative;z-index: 5}
.al_nr li h4 a{display: block;height: 40px;line-height: 40px;margin-top:14px;font-size:20px;color: #333333;}
.al_nr li p{font-size:14px;color: #666666;line-height: 24px;padding:5px 18px 0;}
.al_nr li:after{width:100%;height: 2px;content: "";display: block;background: #eeeeee;position: absolute;left:0;bottom:0;}
.al_nr li:before{height: 2px;width:0px;content: "";display: block;background: #009faf;position: absolute;left:0;bottom:0;transition: all 0.5s;z-index: 2}
.al_nr li:hover:before{width:100%;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_nr li:hover{background: #f8f8f8}
.al_nr li:last-child{margin:0;}
.al_qh {width:21px;margin:0 auto;margin-top:38px;overflow: hidden;height: 12px;position: relative;z-index: 2}
.al_qh 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_qh li:last-child{margin-right:0;}
.al_qh li.on{height: 12px;margin-top:0;background: #009faf}
.al_j{text-align: center;margin-top:-7px;}
.al_j img{margin:0 20px;}

.sl_c{height: 1435px;overflow: hidden;}
.sl_c .titis{margin-bottom:62px;}
.dls1{height:430px;}
.dls2{height: 400px}
.dls3{height:380px}
.sl_nr dt{font-size:0;line-height: 0}
.sl_nr dd{width:512px;padding-top:60px;}
.sl_nr dd i{float:left;width:70px;height: 70px;background: #009faf;text-align: center;position: relative;font:18px arial;color: #fff;text-transform: uppercase;line-height: 61px;}
.sl_nr dd i:after{width:20px;height: 2px;background: #fff;content: "";display: block;position: absolute;top:47px;left:25px;}
.sl_nr dd .sl_w{float:right;width:408px;}
.sl_nr dd .sl_w h4{font-size:22px;color: #333333;font-weight: normal;margin-bottom:22px;}
.sl_nr dd .sl_w h4 em{display: block;font-size:26px;color: #333333;font-weight: bold;height: 36px;line-height: 36px;}
.sl_nr dd .sl_w p{font-size:16px;color: #666666;line-height: 26px;}
.sl_nr dd .sl_w a{display: block;width:132px;height: 30px;line-height: 30px;background: #009faf url(../neiy/ab_ico1.png) no-repeat 82px center;text-align: center;font-size:14px;color: #fff;padding-right:36px;box-sizing: border-box;margin-top:37px;}
.sl_nr .dls2 dd{width:610px;}
.sl_nr .dls2 dd .sl_w{width:509px;}
.sl_nr .dls3 dd{width:564px;}
.sl_nr .dls3 dd .sl_w{width:465px;}
.sl_nr .dls2 dd p,.sl_nr .dls3 dd p{padding-left:19px;background: url(../neiy/sl_ico1.png) no-repeat left 10px;}

.lc_c{height: 200px;background: #eeeeee;}
.lc_fl{float:left;width:300px;height: 200px;background: #009faf;position: relative;box-sizing: border-box;padding:48px 0 0 24px;}
.lc_fl h4{font-size:36px;color: #fff;height: 50px;line-height: 50px;font-weight: normal;margin-bottom:10px;}
.lc_fl p span{display: inline-block;font-size:22px;color: #fff; vertical-align:middle;margin-right:8px;}
.lc_fl p a{width:90px;height: 30px;line-height: 30px;background: #fff;font-size:14px;color: #009faf;display: inline-block;text-align: center;vertical-align: middle;}
.lc_fl:after{content: "";display: block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:18px solid #009faf;position:absolute;top:87px;right: -18px;}
.lc_fr{float:right;width:840px;padding-top:30px;}
.lc_fr li{float:left;width:100px;text-align: center;padding-right:44px;background: url(../neiy/lc_a1.png) no-repeat right 43px;margin-right:31px;}
.lc_fr li span{font-size:20px;color: #333333;display: block;padding-top:16px;}
.lc_fr li:last-child{margin:0;padding:0;background: none}


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

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