@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{height:602px;overflow: hidden;position: relative;background: url(../images/yz_bj.jpg) no-repeat center top;box-sizing: border-box;padding-top:94px;}
.yz_c dl{height:349px;}
.yz_c dd{float:right;width:560px;margin-top:-8px;}
.yz_c dd h4{height:63px;font-size:30px;color: #131313;padding-top:55px;background: url(../images/yz_ico1.png) no-repeat left top;font-weight: normal;position: relative;}
.yz_c dd h4:after{content: "";display: block;width:108px;height: 1px;background: #cccccc;position: absolute;left:0;bottom:0;}
.yz_c dd .yz_w{font-size:16px;color: #666666;line-height:28px;padding-top:23px;}
.yz_c dt{float:left;font-size:0;line-height: 0;width:592px;position:relative;overflow:hidden;}
.yz_c dt:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.yz_c dt:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.yz_c li{float:left;box-sizing: border-box;width:286px;height: 108px;text-align: center;background: #fff;margin-right:18px;}
.yz_c li p{height: 52px;padding-top:18px;}
.yz_c li p em{font:54px arial;color: #333333;line-height:52px;display: inline-block;margin-right:2px;font-weight: bold;}
.yz_c li p i{width:25px;height:25px;background: #333333;border-radius:50%;text-align:center;line-height:25px;font-size:18px;color:#fff;display: inline-block;vertical-align:top;}
.yz_c li span{display: block;font-size:18px;color: #333333;line-height:28px;}
.yz_c li:last-child{margin-right:0;}
.yz_c li b{display: block;font-size:0;line-height: 0;margin-top:20px;}
.yz_c li:hover p em{color: #0c9f80;}
.yz_c li:hover p i{background: #0c9f80;}

.titis{overflow: hidden;text-align: center;margin-bottom:48px;height: 101px;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {height:58px;line-height:58px;font-size:48px;color: #333333;font-weight:normal;}
.titis h2 a{color: #343434}
.titis p {display:block;font-size:20px;color:#333333;line-height:26px;}


.pro_jd{height: 731px;padding-top:67px;overflow: hidden;}
.pro_t1{font-size:0;line-height: 0;width:669px;height: 501px;position: relative;overflow: hidden;}
.pro_t1 img{width:669px;height: 501px;}
.pro_t1:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.pro_t1:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.pro_nr{width:491px;overflow: hidden;}
.pro_w{height: 321px;overflow: hidden;}
.pro_w h4{height: 75px;}
.pro_w h4 em{width:38px;height: 75px;text-align: center;padding-top:34px;box-sizing:border-box;line-height:29px;font:26px arial;color: #fff;font-weight: bold;background: url(../images/pro_ico1.jpg) no-repeat left top;display:block;float:left;}
.pro_w h4 span{float:right;width:432px;padding-top:30px;height: 38px;line-height: 38px;font-size:30px;color: #333333;font-weight: bold;}
.pro_w p{font-size:18px;color: #4c4c4c;line-height: 34px;padding-top:17px;}
.pro_w em a{display: block;width:146px;height: 38px;line-height: 38px;text-align: center;border:1px solid #d2d2d2;border-radius: 19px;font-size:16px;color:#1a1a1a;margin-top:18px;}
.pro_w em a i{padding-right:28px;background: url(../images/pro_ico2.png) no-repeat right;}
.pro_w em a:hover{background: #0c9f80;border-color: #0c9f80;color: #fff;}
.pro_w em a:hover i{background: url(../images/pro_ico2_hv.png) no-repeat right;}
.pro_nr li{float:left;width:240px;overflow: hidden;position: relative;margin-right: 10px;}
.pro_nr li i{display: block;font-size:0;line-height: 0;}
.pro_nr li i img{width:240px;height:180px;transition: all 0.5s}
.pro_nr li h4{position: absolute;left:0;bottom:0;width:100%;text-align: center;height: 32px;line-height: 32px;background:rgba(0,0,0,0.3);font-size: 14px;color: #fff;}
.pro_nr li:hover i img{transform: scale(1.1);}
.pro_nr li:last-child{margin:0;}

.crm_bj{background: #efefef;height: 664px;box-sizing: border-box;border:1px solid #ececec;border-width: 1px 0;padding-top:80px;}
.pro_bd{height: 575px;padding-top:80px;}


.qt_bj{background: url(../images/qt_bj.jpg) no-repeat center top;height: 459px;box-sizing: border-box;padding-top:36px;}
.qit_c .tit{height: 77px;line-height: 75px;font-size:36px;color: #fff;text-align: center;background: url(../images/pro_ico3.png) no-repeat center bottom;margin-bottom:32px;}
.qit_c .tit a{color: #fff;}
.qt_nr{background: #383838;padding:25px 28px 0;height: 260px;width:1200px;position: relative;margin:0 auto;}
.qt_nr .tempWrap{width:1200px!important;}
.qt_nr li{float:left;width:274px;margin-right:34px;overflow: hidden;}
.qt_nr li i{font-size:0;line-height: 0;display: block;width:274px;overflow: hidden;}
.qt_nr li i img{width:274px;height: 206px;transition: all 0.5s}
.qt_nr li h4{text-align: center;font-size:16px;color: #fff;margin-top:12px;height: 24px;line-height: 24px;font-weight: normal;}
.qt_nr li:hover i img{transform: scale(1.1);}
.qt_nr li:last-child{margin:0;}
.pro_j1,.pro_j2{position: absolute;top:79px;}
.pro_j1{left:-88px;}
.pro_j2{right:-88px;}


.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center top;height: 1073px;box-sizing: border-box;padding-top:109px;}
.yous {position: relative;}
.yous .titis{height: 99px;margin-bottom:53px;}
.ys_qh{height: 132px;overflow: hidden;}
.ys_qh li{float:left;padding-right:129px;background: url(../images/ys_qh_x.png) no-repeat right top;height: 104px;margin-right:124px;}
.ys_qh li i{display: block;width:110px;height: 56px;}
.ys_qh li span{display: block;font-size:24px;color: #333333;font-weight: bold;padding-top:6px;}
.ys_qh li.on span{color: #0ca281}
.ys_qh li:nth-child(4){padding:0;margin:0;background: none}
.ys_qh li:nth-child(1) i{background: url(../images/ys_z1.jpg) no-repeat left top;}
.ys_qh li:nth-child(2) i{background: url(../images/ys_z2.jpg) no-repeat left top;}
.ys_qh li:nth-child(3) i{background: url(../images/ys_z3.jpg) no-repeat left top;}
.ys_qh li:nth-child(4) i{background: url(../images/ys_z4.jpg) no-repeat left top;}
.ys_qh li:nth-child(1).on i{background: url(../images/ys_z1_hv.jpg) no-repeat left top;}
.ys_qh li:nth-child(2).on i{background: url(../images/ys_z2_hv.jpg) no-repeat left top;}
.ys_qh li:nth-child(3).on i{background: url(../images/ys_z3_hv.jpg) no-repeat left top;}
.ys_qh li:nth-child(4).on i{background: url(../images/ys_z4_hv.jpg) no-repeat left top;}
.ys_nr dd{float:left;padding-top:88px;width:520px;}
.ys_nr dd h4{height: 122px;font-weight: normal;color: #fff;}
.ys_nr dd h4 span{display: block;font-size:40px;font-weight: bold;height: 52px;line-height: 52px;}
.ys_nr dd h4 em{display: block;font-size:22px;height: 34px;line-height: 34px;}
.ys_nr dd .ys_w{height: 184px;}
.ys_nr dd .ys_w p{padding-left:22px;background: url(../images/ys_ico1.png) no-repeat left 16px;font-size:16px;color: #fff;line-height: 30px;}
.ys_nr dd li{float:left;padding-right: 33px;margin-right:33px;background: url(../images/ys_x.png) no-repeat right 7px;text-align: center;}
.ys_nr dd li p{font-size:18px;color: #fff;height: 60px;line-height: 60px;}
.ys_nr dd li p em{font:46px arial;color: #fff;font-weight: bold;margin-right:3px;display: inline-block;}
.ys_nr dd li span{display: block;font-size:18px;color: #fff;height: 30px;line-height: 30px;padding-top:4px;}
.ys_nr dd li:last-child{margin:0;padding:0;background: none}
.ys_nr dt{float: right;font-size:0;line-height: 0;margin-right:-359px;}
.ys_j{position: absolute;left:0;top:845px;}
.ys_j img{margin-right:184px;}
.ys_d{position: absolute;top:849px;left:73px;}
.ys_d li{float:left;width:8px;height: 8px;background: #fff;border-radius: 50%;margin-right:7px;margin-top:3px;}
.ys_d li.cur{width:13px;height: 13px;border:3px solid #fff;background: none;box-sizing: border-box;vertical-align: middle;margin-top:0;}


.al_bj{background: url(../images/al_bj.jpg) no-repeat center top;height: 1067px;box-sizing: border-box;padding-top:95px;}
.anl{height:693px;position: relative;}
.anl .titis{height:100px;margin-bottom:46px;}
.al_nr dl{float:left;width:385px;margin-right:23px;padding-bottom:20px;}
.al_nr dt{font-size:0;line-height: 0;width:385px;overflow: hidden;}
.al_nr dt img{width:385px;height: 289px;transition: all 0.5s}
.al_nr dd {height: 226px;border:1px solid #e6e6e6;padding:22px 50px 0 28px;box-sizing: border-box;border-top:0;}
.al_nr dd h4 a{display: block;height: 39px;line-height: 39px;font-size:24px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.al_nr dd p{font-size: 14px;color: #595959;line-height: 24px;padding-top:14px;height: 96px;}
.al_nr dd em a{display: block;width:90px;height: 28px;border:1px solid #0ea385;text-align: center;box-sizing: border-box;padding-top:6px;transition: all 0.5s}
.al_nr dd em a:hover{padding-left:8px;}
.al_nr dl:hover dd{box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.al_nr dl:hover dt img{transform: scale(1.1);}
.al_nr dl:hover dd h4 a{color: #0c9d7f}
.al_nr dl:last-child{margin:0;}
.al_j1,.al_j2{position: absolute;top:362px;}
.al_j1{left:-124px;}
.al_j2{right:-124px;}

.hez{height: 236px;overflow: hidden;}
.hez .tit{height: 54px;line-height:53px;border-bottom:1px solid #e6e6e6;position: relative;margin-bottom:26px;}
.hez .tit a{font-size:26px;color: #333333;}
.hez .tit a em{color: #0ea385;font-weight: bold;}
.hez .tit:after{content: "";display: block;width:54px;height: 1px;background: #03b396;position: absolute;left:0;bottom:-1px;}
.hz_nr li{float:left;width:186px;height: 106px;margin-right:16px;}
.hz_nr li img{width:184px;height: 104px;border:1px solid #d9d9d9;}


.xq_bj{background: url(../images/xq_bj.jpg) no-repeat center top;height: 492px;box-sizing:border-box;padding-top:48px;}
.xq_c h2{text-align: center;height: 74px;line-height: 74px;font-size:40px;color: #fff;font-weight: bold;margin-bottom:26px;}
.xq_c h2 em{padding-right:26px;display: inline-block;}
.xq_c li{float:left;padding-right:36px;margin-right:31px;background: url(../images/xq_x.png) no-repeat right 26px;width:144px;text-align: center;}
.xq_c li i{display: block;font-size:0;line-height: 0;}
.xq_c li i img{width:134px;height: 134px;padding:4px;border:1px solid rgba(255,255,255,0.3);border-radius: 50%}
.xq_c li span{font-size:16px;color: #fff;line-height: 24px;padding-top:9px;display: block;}
.xq_c li:hover i img{animation-duration:3s;animation-name:flipInY;}
.xq_c li:last-child{margin:0;padding:0;background: none}
.xq_tel{background: url(../images/xq_ico1.png) no-repeat left top;width:600px;margin:36px auto 0;height: 75px;}
.xq_tel p{width: 444px;box-sizing: border-box;padding-left:97px;font-size:16px;color: #fff;line-height: 55px;float:left;}
.xq_tel p span{font-size:28px;color: #fff;font-weight: bold;}
.xq_tel em{float:left;width:140px;text-align: center;height: 54px;line-height: 54px;text-align: center;font-size:18px;color: #0ea385;position: relative;transition: all 0.5s}
.xq_tel em:after{content:"";display: block;width:100%;height: 100%;background: #fff;position: absolute;left:0;top:0;transform:skewX(-25deg); -webkit-transform: skew(-25deg);-moz-transform:skew(-25deg);border-radius: 6px;}
.xq_tel em a{color: #0ea385;position: relative;z-index: 2;font-weight: bold;}
.xq_tel em:hover{width:150px;}


.news{height: 743px;overflow: hidden;padding-top:87px;}
.news .titis{height: 95px;margin-bottom:38px;}
.news .tit{height: 46px;line-height: 46px;background: url(../images/ns_tt.png) no-repeat left bottom;}
.news .tit span a{font-size:24px;color: #1a1a1a}
.news .tit span img{vertical-align: middle;padding-right:10px;}
.news .tit em a{float:right;font:14px "Verdana";color: #666666;text-transform: uppercase;line-height: 46px}
.dongt{float:left;width:579px;}
.dongt dl{width:576px;overflow: hidden;padding-top:22px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:576px;height: 288px;}
.dongt dd{padding-top:1px;}
.dongt dd em{float:left;width:95px;height: 201px;box-sizing: border-box;padding:25px 14px 0 0;font:14px "Verdana";color: #a5d1c5;line-height: 28px;background: url(../images/ns_x.png) no-repeat right;text-align: right;}
.dongt dd em i{display: block;font-size:24px;line-height: 28px;height: 28px;color: #0c9d7f;font-weight: bold;}
.dongt dd p{float:right;width:447px;padding-top:25px;}
.dongt dd p strong a{display: block;height: 24px;line-height: 24px;font-weight: bold;font-size: 16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dongt dd p span{font-size:14px;color: #666666;line-height: 26px;padding-top:10px;display: block;}
.dongt dd p i a{color: #f1801c;display: block;}

.went{float: right;width:562px;}
.news .went .tit{background: url(../images/ns_tt.png) no-repeat left bottom;background-size: 100% 5px}
.wt_nr{padding-top:31px;}
.wt_nr li{padding-top:21px;height: 86px;background: url(../images/ns_tt.png) no-repeat right bottom;background-size: 465px 5px;overflow: hidden;}
.wt_nr li em{float:left;width:80px;height: 201px;box-sizing: border-box;font:14px "Verdana";color: #b4b4b4;line-height: 28px;text-align: right;}
.wt_nr li em i{display: block;font-size:24px;line-height: 28px;height: 28px;color: #4c4c4c;font-weight: bold;}
.wt_nr li p{float:right;width:435px;}
.wt_nr li p strong a{display: block;height:29px;line-height:29px;font-weight: bold;font-size: 16px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p span{font-size:14px;color: #666666;line-height: 26px;padding-top:6px;display: block;}
.wt_nr li p span a{color: #f1801c;}

.ab_bj{background:#f5f5f5 url(../images/ab_bj.jpg) no-repeat center bottom;height: 936px;box-sizing: border-box;padding-top:68px;}
.about dt{font-size: 0;line-height: 0;position:relative;}
.about dt img{position:absolute;left:0;top:0;}
.about dd{padding-top:40px;}
.about dd li{float:left;padding-right:28px;margin-right:28px;background: url(../images/ab_ico2.png) no-repeat right;height: 60px;}
.about dd li em{font:42px arial;color: #0c9d7f;float:left;height: 44px;line-height: 44px;}
.about dd li span{float:left;width:70px;padding-left:8px;font-size:16px;color: #0c9d7f;}
.about dd li span i{display: block;font-size:14px;color: #313131;}
.about dd li:last-of-type{background: none}
.about dd p{width:870px;font-size:14px;color: #666666;line-height: 24px;height: 140px;}
.about dd b{display: block;font-size:0;line-height: 0;transition: all 0.5s}
.about dd b:hover{margin-top:-5px;}

.fc_c{padding-top:51px;height: 384px;}
.fc_qh{height: 63px;border-bottom: 1px solid #e5e5e5;line-height: 63px;margin-bottom: 20px;}
.fc_qh li{float:left;padding-right:25px;margin-right: 25px;background: url(../images/fc_ico1.png) no-repeat right;}
.fc_qh li a{font-size:24px;color: #333333;}
.fc_qh li.on{font-weight: bold;}
.fc_qh li:last-child{background:none;padding:0;margin:0;}
.fc_qh .n_span em a{font:14px arial;color: #adadad;text-transform: uppercase;line-height: 63px;}
.fc_nr{position: relative;}
.fc_nr li{float:left;font-size:0;line-height: 0;width: 292px;overflow: hidden;margin-right: 10px;}
.fc_nr li img{width:292px;height: 219px;transition: all 0.5s}
.fc_nr li:last-child{margin:0;}
.fc_nr li:hover img{transform:scale(1.1);}
.fc_j1,.fc_j2{position: absolute;top:72px;}
.fc_j1{left:-106px;}
.fc_j2{right:-106px;}






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