﻿/*1029626114@qq.com*/
@charset "utf-8";

.g_pp{background: url(../images/ppbg.png) no-repeat center top;height: 753px;position: relative;margin-top: -102px;}
.g_pp dl{padding: 40px 140px 0;position: relative;}
.g_pp dt{width:921px;height: 533px;overflow: hidden;}
.g_pp dt img{width:921px;height: 533px;display: block;}
.g_pp dd{position: absolute;left:140px;bottom: 0;height: 160px;background: rgba(3,92,148,.98);width:921px;padding: 22px 50px 0;box-sizing: border-box;}
.g_pp h3{height: 51px;line-height: 51px;font-size: 30px;color:#fff;text-align:center;font-weight: normal;position: relative;}
.g_pp h3:before{content:"";position: absolute;background: url(../images/ppico.png) no-repeat;width:42px;height: 42px;left:50%;margin-left: -21px;top:-42px;}
.g_pp p{font-size: 15px;line-height: 20px;color: rgba(255,255,255,.8);text-align:center;}


.g_pro{background: #f7f7f7;padding-top: 100px;height: 945px; 	}
.g_pro h2 a{display: block;position: relative;text-align:center;font-size: 48px;color:#353f47;font-weight: normal;}
.g_pro h2 em{display: block;font-size: 18px;color:#656565;}
.g_pro h2 a:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:360px;top:0;z-index: 1;}
.g_pro h2 span{position: relative;z-index: 15;}

.g_pro .cphd{height: 50px;line-height: 50px;border-bottom: 3px solid #e8e8e8;margin-bottom: 28px;position: relative;}
.g_pro .cphd li{float: left;margin-right: 60px;font-size: 18px;}
.g_pro .cphd li a{color: #353f47;display: block;position: relative;}
.g_pro .cphd .on a{color:#035c94;font-weight: bold;}
.g_pro .cphd .on a:before{content:"";position: absolute;width:100%;height: 3px;background: #035c94;left:0;top:50px;}
.g_pro .cphd .more a{position: absolute;right: 0;top:0;font-size: 14px;color: #035c94;line-height: 50px;}

.m_fl{position: relative;height: 720px;}
.flimg{position: absolute;left:0;top:0;width:900px;height: 328px;}
.flimg dl dt{width:900px;height: 328px;}
.flimg dl dt img{width:900px;height: 328px;display: block;border-radius: 5px;}
.flimg dl dd{position: absolute;left:36px;top:36px;width:412px;}
.flimg dl h3 a{display: block;line-height: 54px;font-size: 30px;color:#242424;font-weight: bold;margin-bottom: 8px;}
.flimg dl p{font-size: 14px;line-height: 24px;color:#7c7c7c;margin-bottom: 32px;}

.cplst dl{float: left;width:286px;height: 326px;background: #fff;margin: 0 18px 20px 0;border-radius: 5px;transition: all 0.3s linear 0s;}
.cplst dl:nth-child(1),
.cplst dl:nth-child(5){margin-right: 0;}
.cplst dl:nth-child(1){margin-left: 914px;}
.cplst dt{width:286px;height: 161px;overflow: hidden;}
.cplst dt img{width:286px;height: 161px;display: block;border-radius: 5px;transition: all 0.3s linear 0s;}
.cplst dd{padding: 0 20px;}
.cplst h4 a{display: block;line-height: 62px;border-bottom: 1px solid #dfdfdf;font-size: 16px;font-weight: bold;color:#737373;text-align:center;}
.cplst p{line-height: 48px;font-size: 14px;color:#737373;text-align:center;}
.cplst span a{display: block;width:110px;height: 30px;line-height: 30px;position: relative;margin:0 auto;font-size: 14px;color:#737373;background: #f0f0f0;border-radius: 5px;text-align:center;}
.cplst span a:before{content:"";position: absolute;height: 30px;background: #035c94;width:0;left:0;top:0;transition: all 0.3s linear 0s;}
.cplst span b{font-weight: normal;position: relative;z-index: 15}
.cplst dl:hover span a{color:#fff;}
.cplst dl:hover span a:before{width:100%;border-radius: 5px;}
.cplst dl:hover{transform: translateY(-5px);}
.cplst dl:hover dt img{transform: scale(1.1);}
.cplst dl:hover h4 a{color:#035c94;}




.g_fw{background: url(../images/crbg.jpg) no-repeat center top;height: 1066px;padding-top: 200px;box-sizing: border-box;}
.g_fw h2{display: block;position: relative;text-align:center;font-size: 48px;color:#fff;font-weight: normal;height: 163px;}
.g_fw h2 em{display: block;font-size: 18px;color:#fff;}
.g_fw h2:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:360px;top:0;z-index: 1;}
.g_fw h2 span{position: relative;z-index: 15;}
.g_fw .fwhd{position: absolute;left:0;top:76px;width:602px;height: 420px;background: #fff;z-index: 145;padding: 18px 0 0 18px;box-sizing: border-box;}
.g_fw .fwhd dl{float: left;width:282px;height: 182px;margin:0 5px 14px 0;padding-top: 25px;box-sizing: border-box;}
.g_fw .fwhd dl:nth-child(2n){margin-right: 0;}
.g_fw .fwhd dt{width:60px;height: 60px;margin:0 auto;overflow: hidden;}
.g_fw .fwhd dt img{width:120px;height: 60px;display: block;}
.g_fw .fwhd h3{line-height: 42px;font-size: 24px;color:#272727;text-align:center;}
.g_fw .fwhd p{font-size: 14px;line-height: 18px;color:#6a6a6a;text-align:center;}
.g_fw .fwhd dl:hover,.g_fw .fwhd .on{background: #035c94;}
.g_fw .fwhd dl:hover h3,.g_fw .fwhd .on h3{color:#fff;}
.g_fw .fwhd dl:hover p,.g_fw .fwhd .on p{color:rgba(255,255,255,.6);}
.g_fw .fwhd dl:hover dt img,.g_fw .fwhd .on dt img{margin-left: -60px;-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.g_fw .fwbd{position: absolute;left:400px;top:0;width:800px;height: 550px;background:#5692b7;padding: 25px;box-sizing: border-box;}
.g_fw .fwbd img{width:750px;height: 499px;}




/**/
.ysbj{ height:2252px;padding-top: 100px; position: relative;background: url(../images/ysbg.jpg) no-repeat center top;box-sizing: border-box;}
.ysbj h2{display: block;position: relative;text-align:center;font-size: 48px;color:#353f47;font-weight: normal;height: 150px;width:1200px;margin:0 auto;z-index:155;}
.ysbj h2 em{display: block;font-size: 18px;color:#656565;}
.ysbj h2:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:340px;top:0;z-index: 1;}
.ysbj h2 span{position: relative;z-index: 15;}

.ys{ height:auto;  position: relative;z-index:155; }
.ys1{width: 100%;max-width: 1920px; margin:0 auto; height: 504px; overflow: hidden;}
.ys1 dl{width: 1200px; margin:0 auto;}
.ys1 dt{width: 600px; display: block; float: left;}
.ys1 dt img{width: 960px;height: 456px; display: block;margin-left: -360px;}
.ysgy dd{width: 460px;padding-top: 50px; float: right; box-sizing: border-box;  text-align: left; position: relative;}
.ysgy dd h3{position: relative;height: 83px;margin-bottom: 33px;padding-left: 115px;padding-top: 10px;font-size: 36px;color:#353f47;}
.ysgy dd h3 i{position: absolute;left:0;top:0;}
.ysgy dd h3 em{display: block;font-size: 12px;color: rgba(0,0,0,.4);font-weight: normal;}
.ysgy dd h4{background: #035c94;border-radius: 25px 0 25px 0;height: 56px;line-height: 56px;text-align:center;font-size: 26px;color:#fff;font-weight: normal;margin-bottom: 35px;}
.ysgy dd p{line-height: 20px;font-size:16px;color: #666666; margin-bottom: 18px;}
.ys2{width: 100%;max-width: 1920px; margin:0 auto; height: 504px; overflow: hidden;}
.ys2 dl{width: 1200px; margin:0 auto;}
.ys2 dt{width: 600px; display: block; float: right;}
.ys2 dt img{width: 960px;height: 456px; display: block;margin-right: -360px;}
.ys2 dd{float: left;}

.ys3{width: 100%;max-width: 1920px; margin:0 auto; height: 505px; overflow: hidden;}
.ys3 dl{width: 1200px; margin:0 auto;}
.ys3 dt{width: 600px; display: block; float: left;}
.ys3 dt img{width: 960px;height: 456px; display: block;margin-left: -360px;}
.ys3 dd{width: 480px;padding-top: 82px; float: right; box-sizing: border-box;  text-align: left; position: relative;}
.ys4{width: 100%;max-width: 1920px; margin:0 auto; height: 500px; overflow: hidden;}
.ys4 dl{width: 1200px; margin:0 auto;}
.ys4 dt{width: 600px; display: block; float: right;}
.ys4 dt img{width: 960px;height: 456px; display: block;margin-right: -360px;}
.ys4 dd{width: 480px;padding-top: 70px; float: left; box-sizing: border-box;  text-align: left; position: relative;}
.ys1 dd li:hover img,
.ys2 dd li:hover img,
.ys3 dd li:hover img,
.ys4 dd li:hover img{transform: scale(1.1);}

.ysround{position: absolute;left:50%;top:0;width:1200px;margin-left: -600px;height: 2252px;z-index:0;}
.ysround div{position: absolute;}
.ysround .round1{left:624px;top:432px;}
.ysround .round2{left:496px;top:942px;}
.ysround .round3{left:628px;top:1450px;}
.ysround .round4{left:496px;top:1956px;}


.g_an{height: 1005px;overflow: hidden;background: url(../images/anbg.jpg) no-repeat center 0;padding-top: 230px;box-sizing: border-box;}
.g_an h2 a{display: block;position: relative;text-align:center;font-size: 48px;color:#fff;font-weight: normal;height: 130px;}
.g_an h2 em{display: block;font-size: 18px;color:#fff;}
.g_an h2 a:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:480px;top:0;z-index: 1;}
.g_an h2 span{position: relative;z-index: 15;}
.antit{height: 76px;background: #fff;border-radius: 60px;margin-bottom: 25px;}

.antit li{float: left;width: 171px; height: 76px;padding-top: 20px;text-align:center;font-size: 16px;color:#2e2e2e;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; position: relative;transition: all 0.3s linear 0s;}
.antit li em{display: block;font-size: 12px;color:#b9b8b8;}
.antit li:before{content:"";position: absolute;width:1px;height: 34px;background: #dedede;right:0;top:20px;}
.antit li:last-child:before{background: none;}
.antit li:hover{background: #fbb718;color:#fff;}
.antit li:hover a{color: #fff;}
.antit li:hover em{color: #fff;}
.antit li:last-child{width:174px;}
.antit li:nth-child(1):hover{border-radius:60px 0 0 60px;}
.antit li:last-child:hover{border-radius:0 60px 60px 0;}

.anlst dl{float: left;width: 387px; height: 487px;  margin-right: 20px;position: relative;}
.anlst dt{width: 387px;height: 218px;overflow: hidden; position: relative;z-index: 11; }
.anlst dt img{width: 387px;height: 218px;display: block;transition: all 0.3s linear 0s;border-radius: 5px;}
.anlst dd{padding: 25px 28px;background: #fff;border-radius: 5px;position: relative;top:-5px;}
.anlst h4 a{display: block;line-height: 30px;font-size: 16px;color: #373838;font-weight: normal;margin-bottom: 4px;}
.anlst p{font-size: 14px;line-height: 18px;color: #898989;margin-bottom: 18px;height: 54px;overflow: hidden;}
.anlst span a{display: block;}
.anlst .u_ljt,.anlst .u_rjt{width: 60px;height: 42px;position: absolute;}
.anlst .u_ljt{background:url(../images/jt.png) no-repeat;left:-60px;top:225px; }
.anlst .u_rjt{background:url(../images/jt.png) no-repeat right 0;right:-60px;top:225px;}
.anlst dl:hover dt img{transform: scale(1.05);}
.anlst dl:hover h4 a{color:#035c94;font-weight: bold;}





/**/
.about{height:1200px; position: relative;overflow: hidden; padding-top: 150px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background:url(../images/abbg.jpg) no-repeat center top;}
.about h2 a{display: block;position: relative;text-align:center;font-size: 48px;color:#fff;font-weight: normal;height: 633px;}
.about h2 em{display: block;font-size: 18px;color:#fff;}
.about h2 a:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:440px;top:0;z-index: 1;}
.about h2 span{position: relative;z-index: 15;}
.abo-tit p{font-size: 14px; color:#fff; line-height: 24px;text-align:center;padding-top: 23px;border-top: 1px solid rgba(255,255,255,.3);height: 156px;}
.abo-tit p a{color: #fbb718}

.abo-qh{height:230px;}
.abo-qh .abhd{width:200px; float:left;}
.abo-qh .abhd ul li{height:50px; line-height: 50px; background:#035c94; margin-bottom: 5px;padding:0 0 0 36px; box-sizing: border-box;position: relative;}
.abo-qh .abhd ul li a{color:#fff;font-size: 18px;}
.abo-qh .abhd ul li.cur{background:#fbb718 url(../images/xcico.jpg) no-repeat 150px 10px;}
.abo-qh .abhd ul li.cur a{color: #fff;}

.abo-qh .abo-list{width:990px;  overflow: hidden;float:right; box-sizing: border-box;position: relative;}
.abo-qh .abbd{margin:0 48px;}
.abo-qh .abo-list ul li{float:left;width:287px; margin-right: 16px;position: relative;}
.abo-qh .abo-list ul li img{width:287px;height: 162px;display: block;}
.abo-qh .abo-list ul li em{width:100%; height:100%; background:rgba(3,92,148,0.65); position: absolute; left:0;top:0;padding-top:67px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: .8s; text-align:center;font-size: 16px;color:#fff;}
.abo-qh .abo-list ul li:hover em{transform: scale(1); opacity: 1;}
.abo-qh .u_ljt,.abo-qh .u_rjt{width: 36px;height: 22px;position: absolute;z-index: 1555;}
.abo-qh .u_ljt{background:url(../images/xcjt1.jpg) no-repeat;left:0;top:85px; }
.abo-qh .u_rjt{background:url(../images/xcjt2.jpg) no-repeat;right:0;top:85px;}



.bg{ background: url(../images/newbg.jpg) no-repeat center top;height: 843px;}
.nswsbj{ height: 843px; box-sizing: border-box;  overflow: hidden; font-family:"Microsoft Yahei";padding-top:95px;}
.nswsbj h2 a{display: block;position: relative;text-align:center;font-size: 48px;color:#353f47;font-weight: normal;height: 120px;width:1200px;margin:0 auto; }
.nswsbj h2 em{display: block;font-size: 18px;color:#656565;}
.nswsbj h2 a:before{content:"";position: absolute;width:34px;height: 34px;background: #fbb718;border-radius: 50%;left:480px;top:0;z-index: 1;}
.nswsbj h2 span{position: relative;z-index: 15;}
.news{width:1200px;position: relative;margin:0 auto; }
.nswsbj img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.nswsbj img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.newstit{ height:44px;width: 348px;margin:0 auto 34px;}
.newstit i{height: 44px; display: block; font-weight: normal;text-decoration: none;background: #eceeef;border-radius: 20px;font-style:normal;}
.newstit i a{width: 174px; text-align: center; float: left;  text-decoration: none; font-size: 20px; display: block;height:44px; color:#5a5a5a; line-height:44px; font-weight: normal;}
.newstit i a.cur{background:#035c94;color:#fff; border-radius: 20px;}
.news_c{width:1200px;height:460px}
.news_c2{width: 345px;height: 460px;position: relative;float: left;}
.news_c2 dt{width: 345px;height: 460px;overflow: hidden;}
.news_c2 dt img{width: 345px;height: 460px; display: block;}
.news_c2 dd{width:313px;overflow: hidden;box-sizing: border-box;padding:20px;border-radius: 5px;background: #fff;position: absolute;left:15px;bottom: 15px;}
.news_c2 dd h4{font-size: 18px; font-weight: bold;height: 30px;line-height: 30px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
.news_c2 dd h4 a{ color:#333333;}
.news_c2 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#757575; text-align: justify;font-family:"Microsoft Yahei";padding-right: 55px;background:url(../images/newsico.png) no-repeat right 5px;}
.news_c1{width: 820px; float: right;;}
.news_c1 dl{width:400px;height:140px;position: relative; overflow: hidden;background:#eceeef;padding:20px 30px 0 10px;box-sizing: border-box;float: left;margin: 0 20px 20px 0;}
.news_c1 dt{ width:90px;height:100px; position: relative; overflow: hidden; float: left;text-align: center; font-size:14px;color:#999999;line-height: 44px;font-family: Arial, Helvetica, sans-serif;border-right: 1px solid #e2e2e2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c1 dt b{height:55px; line-height: 55px;font-size: 36px;color:#333333;width:50px;border-bottom: 1px solid #e2e2e2;margin:0 auto; display: block;font-weight: normal;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c1 dd{width:240px;float: right; overflow: hidden;box-sizing: border-box;padding:5px 0 0;}
.news_c1 dd h3{font-size:16px; font-weight: normal;height: 56px;line-height: 28px; color:#333333;margin-bottom: 15px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c1 dd h3 a{ color:#333333;}
.news_c1 dd em{width: 22px; height: 12px;background: url(../images/newsico1.png) no-repeat;  display: block;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c1 dl:nth-child(2n){margin-right: 0;}
.news_c1 dl:hover{background:#035c94;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c1 dl:hover dt,.news_c1 dl:hover dt b,.news_c1 dl:hover dd h3{color:#fff;}
.news_c1 dl:hover dt{border-right-color: rgba(255,255,255,.2);}
.news_c1 dl:hover dt b{border-bottom-color: rgba(255,255,255,.2);}
.news_c1 dl:hover dd em{background: url(../images/newsico1cur.png) no-repeat;}


/*友情链接*/
.link{height:0;line-height:20px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color: #fff;}
.link_c{width:1200px;position: absolute;left: 0;top: -48px;height:30px;overflow: hidden;text-align: center;}
.link a{display: inline-block;color: #fff;padding: 0 8px;}


@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}



html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}