@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:551px;overflow: hidden;position: relative;background: url(images/yz_bj.jpg) no-repeat center top;box-sizing: border-box;padding-top:59px;}
.yz_c .titis h2{font-size:36px;}
.yz_nr{padding-left:36px;}
.yz_nr li{float:left;width:239px;height: 287px;background: url(images/yz_n1.png) no-repeat center top;margin-right:56px;text-align: center;transition: all 0.5s;box-sizing: border-box;padding-top:20px;}
.yz_nr li i{display: block;margin:0 auto;width:147px;height: 74px;overflow: hidden;}
.yz_nr li i img{display: block;transition: all 0.5s;}
.yz_nr li h4{font-size:34px;height: 49px;line-height: 49px;padding-top:47px;font-weight:normal;color: #666666}
.yz_nr li span{font-size:20px;line-height: 26px;}
.yz_nr li.on{background: url(images/yz_n1_hv.png) no-repeat center top;}
.yz_nr li.on i img{margin-top:-74px;}
.yz_nr li.on h4,.yz_nr li.on span{color: #fff;}
.yz_nr li:last-child{margin:0;}


.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:58px;line-height:58px;font-size:46px;color: #212121;font-weight:bold;}
.titis h2 a{color: #212121}
.titis h2 i{background: url(images/ico1.png) no-repeat;width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin:0 18px;}
.titis p {display:block;font-size:24px;color:#666666;line-height:39px;height: 39px;}


.pro_bj{background: url(images/pro_bj.jpg) no-repeat center bottom;padding-top:86px;height: 837px;}
.pro{position: relative;}
.pro .titis{height: 141px;overflow: hidden;}
.pro_qh{height: 176px;overflow: hidden;}
.pro_qh li{float:left;width:12.5%;text-align: center;height: 151px;background: url(images/pro_a1.jpg) no-repeat center bottom;}
.pro_qh li h4{font-size:14px;color: #666666;height: 40px;line-height: 40px;font-weight: normal;}
.pro_nr li{position: relative;width:1200px;overflow:hidden;}
.pro_nr li i{font-size:0;line-height: 0;overflow: hidden;width:1200px;display: block;}
.pro_nr li i img {width:1200px;height: 520px;}
.pro_nr li: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_nr li:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.pro_nr li .pro_w{position:absolute;left:0;bottom: 0;background: rgba(250,90,1,0.68);height: 150px;width:100%;box-sizing: border-box;padding:24px 0 0 48px;}
.pro_nr li .pro_w h4 a{display: block;height: 40px;line-height: 40px;font-size:24px;color: #fff;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:680px;}
.pro_nr li .pro_w p{font-size:16px;color: #fff;line-height: 26px;padding-top:7px;width:680px;}
.pro_nr li .pro_w em a{width:135px;height: 38px;line-height: 38px;border:1px solid #fff;border-radius: 19px;font-size:16px;color: #fff;display: block;position:absolute;right:54px;top:67px;text-align: center;}
.pro_nr li .pro_w em a img{vertical-align: middle;margin-right:4px;}
.pro_nr li .pro_w em a:hover{background: #393579;color: #fff;border-color: #393579}
.pro_j1,.pro_j2{position: absolute;top:549px;}
.pro_j1{left:-74px;}
.pro_j2{right:-74px;}

.pro_d{height:546px;padding-top:70px;}
.pro_d h2{background: url(images/pro_a3.png) no-repeat center 22px;height: 89px;line-height: 53px;text-align: center;font-weight: normal;letter-spacing: 2px}
.pro_d h2 a{font-size:34px;color: #333333;}
.pro_d li{float:left;width:286px;overflow: hidden;margin-right:16px;}
.pro_d li i{width: 286px;overflow: hidden;display: block;}
.pro_d li i img{width:286px;height: 286px;transition: all 0.5s}
.pro_d li h4{display:block;font-size:18px;color:#666;height:34px;line-height:34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:23px;}
.pro_d li span{font-size:16px;color: #666666;line-height: 24px;height: 74px;position: relative;display: block;padding-top:8px;}
.pro_d li span:after{content: "";display: block;width:100%;height:1px;background:#e6e7e7;position: absolute;left:0;bottom:0;}
.pro_d li span:before{content: "";display: block;width:0;height:1px;background:#004276;position: absolute;left:0;bottom:0;z-index: 2;transition: all 0.5s;}
.pro_d li:hover i img{transform: scale(1.1);}
.pro_d li:hover span:before{width:100%;}
.pro_d li:last-child{margin:0;}

.pro_dhe{height:400px;padding-top:50px;position:relative;}
.pro_dhe .pro_j1,.pro_dhe .pro_j2{top:215px;cursor: pointer;}
.pro_dhe h2{background: url(images/pro_a3.png) no-repeat center 22px;height: 89px;line-height: 53px;text-align: center;font-weight: normal;letter-spacing: 2px}
.pro_dhe h2 a{font-size:34px;color: #333333;}
.pro_dhe li{float:left;width:286px;overflow: hidden;margin-right:16px;}
.pro_dhe li i{width: 286px;overflow: hidden;display: block;}
.pro_dhe li i img{width:286px;height: 210px;transition: all 0.5s}
.pro_dhe li h4{display:block;font-size:18px;position: relative;color:#666;height:40px;line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:23px;text-align:center;}
.pro_dhe li h4:after{content: "";display: block;width:100%;height:1px;background:#e6e7e7;position: absolute;left:0;bottom:0;}
.pro_dhe li h4:before{content: "";display: block;width:0;height:1px;background:#004276;position: absolute;left:0;bottom:0;z-index: 2;transition: all 0.5s;}
.pro_dhe li:hover i img{transform: scale(1.1);}
.pro_dhe li:hover h4:before{width:100%;}
.pro_dhe li:last-child{margin:0;}

.pz_bj{background: url(images/pz_bj.jpg) no-repeat center top;height: 926px;position: relative;box-sizing: border-box;padding-top:79px;}
.pz_c {position: relative;}
.pz_c .titis{height: 149px;}
.pz_c .titis h2 i{background: url(images/pz_a1.png) no-repeat center top;width:10px;height: 10px;display: inline-block;vertical-align: middle;}
.pz_c .titis h2,.pz_c .titis p{color: #fff;}
.pz_t{position: absolute;top:142px;left:46px;}
.pz_nr{position: relative;z-index: 3}
.pz_nr li{float:left;width:299px;height: 217px;position: relative;margin-bottom:107px;}
.pz_nr li i{display: block;font-size:0;line-height: 0;padding-left:22px;}
.pz_nr li h4{height: 57px;line-height: 48px;font-size:24px;color: #fff;font-weight: bold;padding-left:22px;background: url(images/pz_x.png) no-repeat 22px bottom;}
.pz_nr li p{font-size:16px;width:239px;line-height: 28px;color: #fff;padding:15px 0 0 22px;}
.pz_nr li.on{background: #fff;border-radius: 28px 0}
.pz_nr li.on i{display:none;}
.pz_nr li.on h4{height: 88px;line-height: 88px;background: #de572a;border-radius: 28px 0 0 0;padding-left:34px;}
.pz_nr li.on p{color: #666666;padding:25px 0 0 34px;background: url(images/pz_ico1.png) no-repeat 15px 34px;}
.pz_nr li.on:nth-child(odd):after{background: url(images/pz_ico2.png) no-repeat;display: block;content: "";width:157px;height: 115px;position: absolute;left:299px;top:29px;}
.pz_nr li:nth-child(even){margin:0 -41px 107px 643px;}
.pz_nr li.on:nth-child(even):after{background: url(images/pz_ico3.png) no-repeat;display: block;content: "";width:157px;height: 115px;position: absolute;left:-157px;top:29px;}

.al_bj{background:#fafafa;padding-top:71px;height:983px;}
.anl .titis{height: 148px;margin:0;}
.al_tt{height: 109px;overflow: hidden;text-align: center;}
.al_tt li{text-align: center;display: inline-block;padding:0 30px;}
.al_tt li i{display:block;font-size: 0;line-height: 0;width:50px;overflow: hidden;height:50px;margin:0 auto;}
.al_tt li i img{display: block;transition: all 0.5s}
.al_tt li span{display: block;font-size:16px;color: #666666;padding-top:14px;}
.al_tt li.on i img{margin-top:-50px;}
.case_l{float:left;width:782px;padding-bottom: 20px}
.case_l dl{padding-bottom: 20px}
.case_l dt{font-size:0;line-height: 0;width:782px;overflow: hidden;}
.case_l dt img{width:782px;height: 440px;transition: all 0.5s}
.case_l dd{height: 203px;background: #fff;box-shadow:0 0 20px rgba(76,79,86,0.1);padding:20px 90px 0 37px;box-sizing: border-box;}
.case_l dd h4 a{display: block;height: 53px;line-height: 43px;position: relative;font-size:22px;color: #333333;}
.case_l dd h4 a:after{content: "";display: block;width:31px;height: 2px;background: #dddddd;position: absolute;left:0;bottom:0;}
.case_l dd p{font-size: 14px;color: #888888;line-height: 24px;padding-top:25px;}
.case_l dd p a{color: #393579}
.case_l dl:hover dt img{transform: scale(1.1);}
.case_r{float:right;width:381px;position: relative;}
.case_r li{height: 314px;background: #fff;margin-bottom: 14px;box-shadow:0 0 20px rgba(76,79,86,0.1);position: relative;}
.case_r li i{display: block;font-size:0;line-height: 0;width:381px;overflow: hidden;}
.case_r li i img{width: 381px;height:214px;transition: all 0.5s}
.case_r li:hover i img{transform: scale(1.1);}
.case_r li h4{display: block;padding:13px 13px 0;height: 25px;line-height: 25px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case_r li p{font-size:14px;color: #999999;padding:4px 13px 0;line-height: 21px;}
.case_r li.on a:after{position: absolute;width: 381px;height: 214px;content: "";background: url(images/case_c.png) no-repeat center rgba(0,0,0,0.55);left: 0;top: 0;}
.case_r .prev,.case_r .next{position: absolute;right:-48px;cursor: pointer;}
.case_r .prev{top:0;}
.case_r .next{top:45px;}
.case_r .prevStop,.case_r .nextStop{cursor: no-drop;}


.yous{height: 3294px;overflow: hidden;}
.yous .titis{background: url(images/ys_tt.jpg) no-repeat center top;height: 327px;text-align: center;box-sizing: border-box;padding-top:98px;}
.yous .titis h2,.yous .titis p{color: #fff;}
.yous .titis h2 i{background: url(images/ys_ico1.png) no-repeat center top;width:10px;height: 10px;display: inline-block;vertical-align: middle;}
.ys_a1{height: 836px;padding-top:70px;}
.yous dt{height: 92px;overflow: hidden;}
.yous dt i{display: inline-block;font-size:0;line-height: 0;vertical-align: top;}
.yous dt p{display: inline-block;padding-left:26px;vertical-align: top;}
.yous dt p span{display: block;font-size:36px;color: #333333;font-weight: bold;height: 58px;line-height: 58px;}
.yous dt p em{font-size:24px;color: #666666;line-height: 22px;}
.yous dd p{padding-left:20px;font-size:16px;color: #666666;line-height: 26px;background: url(images/ys_ico2.png) no-repeat left 6px;margin-top:23px;}
.yous dd a{display: block;width:149px;height: 42px;border:1px solid #a3a3a3;border-radius: 21px;text-align: center;line-height: 42px;font-size:14px;color: #1a1a1a;margin-top:48px;}
.yous dd a em{padding-right:26px;background: url(images/ys_ico3.png) no-repeat right;}
.yous dd a:hover{background: #393579;color: #fff;}
.yous dd a:hover em{background: url(images/ys_ico3_hv.png) no-repeat right;}
.ys_t1{font-size:0;line-height: 0;margin-top:42px;}
.ys_a2{background: url(images/ys_bj1.jpg) no-repeat center top;height: 702px;box-sizing: border-box;padding-top:166px;}
.ys_a2 dl{padding-left:765px;}

.ys_a3{height: 696px;padding-top:79px;}
.ys_a3 dl{width:650px;padding-top:29px;}
.ys_a3 dd p{width:610px;}
.ys_a3 dd span{display: block;margin-top:57px;overflow: hidden;}
.ys_a3 dd span img{float:left;font-size:0;line-height: 0;width:311px;height: 208px;margin-right:18px;}
.ys_a3 dd span img:last-child{margin:0;}
.ys_t2{float: right;margin-right:-360px;}

.ys_a4{background: url(images/ys_bj2.jpg) no-repeat center top;height: 609px;box-sizing: border-box;padding-top:149px;}
.ys_a4 dl{padding-left:692px;}



.ns_bj{background: url(images/ns_bj.jpg) no-repeat center top;height: 814px;padding-top:80px;box-sizing: border-box;}

.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;overflow: hidden;width:576px;}
.dongt dt img{width:576px;height: 288px;transition: all 0.5s}
.dongt dd{padding-top:1px;}
.dongt dl:hover dt img{transform: scale(1.1);}
.dongt dd em{float:left;width:95px;height: 201px;box-sizing: border-box;padding:25px 14px 0 0;font:14px "Verdana";color: #ef9fa2;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: #de572a;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: #393579;display: block;}
.dongt dd p strong a:hover{color: #393579}

.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: #393579;}
.wt_nr li:hover p strong a{color: #393579}

.ab_bj{background: url(images/ab_bj.jpg) no-repeat center top;height: 734px;box-sizing: border-box;padding-top:101px;}
.about {text-align: center;}
.about h2{font-size:0;line-height: 0;}
.about p{font-size:16px;color: #fff;line-height: 28px;font-weight: bold;padding-top:40px;width:651px;margin:0 auto;}
.about p a{display:block;width:144px;height:32px;line-height:32px;border-radius:16px;border:2px solid #fff;text-align:center;font-size:18px;color:#fff;margin:30px auto 0;font-weight:normal;}
.about p a em{padding-right:28px;background:url(images/ab_ico1.png) no-repeat right;}
.about p a:hover{background:#393579;border-color:#393579;}




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