@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}


@media(min-width:1000px){
.header{height: 100px; background: url(../images/b1.png) rgba(0,0,0,.6); position: fixed;width:100%; left:0; top:0;z-index: 100;} 
.headerbox{width: 1200px; margin: 0 auto;}
.logo{width: 217px; float: left; padding-top: 20px;}
.sj1{display: none;}
.logo img{width: 100%;}
.nav{float: right;}
.nav .m{float: left;  position: relative;}
.nav h3{padding: 32px 30px; text-align: center;} 
.nav h3 span{display: block; text-align: center; font-size: 12px; color: #fff; padding-top: 8px;}
.nav h3 a{font-size: 16px; color: #fff;}
.sub{position: absolute; top:100px; left:-15%; width: 130%; background:rgba(0,0,0,.7);display: none; }
.sub dt{line-height: 40px; text-align: center; } 
.sub dt a{text-align: center; color: #fff;display: block;font-size: 14px;}
.sub dt a:hover{background:#415bba} 
.nav .on h3 a{color: #a4a4a4;} 
.nav .on h3 a span{color: #a4a4a4;}  
.banner{position: relative;}
.tvzz{position: absolute;width: 100%; height: 100%; background: url(../images/b1.png);top:0; left:0;}
.wzwz{width: 750px; position: absolute; z-index: 15; text-align: center;left:50%; top:60%; transform:translate(-50%,-50%);}
.wzwz h2{color: #fff; font-size: 50px; padding-bottom: 25px;}
.wzwz p{font-size: 14px; color: #fff; line-height: 26px;} 
.wzwz a{display: block; width:150px; height: 50px; text-align: center; line-height: 50px; font-size: 17px; color: #fff; background: #425cbb; margin: 95px auto 0 auto;border-radius: 25px;} 
.wzwz h3{background: url(../images/a1.png); width:56px; height: 56px; margin: 138px auto 0 auto;}
 
.wz1200{width: 1200px; margin: 0 auto;}
.gsjs_tit{text-align: center; padding: 63px 0 73px;}
.gsjs_tit h2{font-weight: 800; font-size: 24px; color: #000000; padding-bottom: 15px;}
.gsjs_tit p{font-size: 12px; color: #999999;}

.gsjs_nr{overflow: hidden;}
.gsjs_right{float: right; width:319px;}
.gsjs_left{float: left; width: calc(100% - 410px);}
.gsjs_left h2{font-size: 26px; padding-bottom: 35px; color: #434343;}
.gsjs_left p{font-size: 16px; line-height: 1.6; color: #5a5a5a;text-indent: 32px; /*padding-bottom: 35px;*/;text-align:justify}
.gsjs_tp {padding: 75px 0;}
.gsjs_tp ul{overflow: hidden;}
.gsjs_tp li{float: left; width: 25%; padding: 15px;}
.jsbox{position: relative;}
.jsbox img{width: 100%;}
.jszz{position: absolute;top:0; left:0; width: 100%; height: 100%;background: rgba(66,92,187,.7); opacity: 0;transition: All 0.4s ease-in-out;}
.jszzbox{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;width: 100%;}
.jszzbox h2{color: #fff;font-size: 18px; padding-bottom: 20px;}
.jszzbox p{color: #dddddd;}
.jsbox:hover .jszz{opacity: 1;}

.cd-scrolling-bg {position: relative;z-index: 2;}
.cd-main-content { position: relative; z-index: 1;}
.cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;}
.cd-fixed-bg.cd-bg-1 {background-image: url(../images/servicebg1.jpg); height:400px;}

.cd-fixed-bg { background-attachment: fixed;}
.fzlc{ padding-top: 70px;}
.fzlc ul{overflow: hidden;}
.fzlc li{float: left; text-align: center; width:25%; padding: 0 30px;}
.fzlc span{height: 190px; width:100%; position: relative; margin: 0 auto;display: block;} 
.fzlc img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.fzlc p{border-top: 1px solid #b3a697; padding-top: 26px; color: #fff;text-align: center;}

.bj2{background: #425cbb;}
.wdcp{padding-bottom: 65px;}
.wdcp_tit{text-align: center; padding: 62px 0 52px;}
.wdcp_tit h2{font-weight: 800; font-size: 24px; color: #fff; padding-bottom: 15px;}
.wdcp_tit p{font-size: 12px; color: #fff;}
 
.wdcp_nr ul{overflow: hidden;}
.wdcp_nr li{float: left; width: 33.33%; padding:0 0 30px 10px ;}
.cpnr{position: relative;background: #2e4083;}
.cpnr img{width: 100%;}
.cpnr_xx{position: absolute; width:100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.5); opacity: 0;transition: All 0.4s ease-in-out;}
 
.cptext h2{font-size: 16px; color: #fff; line-height: 50px;}
.cptext p{font-size: 14px; color: #999;}
.cpnr_xx span{background: url(../images/link.png); width:50px; height: 50px;left:50%; top:50%; transform:translate(-50%,-50%); position: absolute;} 
.wdcp_nr a:hover .cpnr_xx{opacity: 1;}
 
.btn1{transition: All 0.4s ease-in-out;display: block;width:130px; height: 40px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; border: 2px solid #fff; border-radius: 20px; margin: 30px auto 0 auto;}
.btn1:hover{color: #829cfd;border:2px solid #829cfd;}
 
.btn2{transition: All 0.4s ease-in-out;display: block;width:130px; height: 40px; text-align: center; font-size: 24px; color: #a9a9a9; border: 2px solid #fff; border-radius: 20px; margin:-47px auto 30px auto;background-color: #FFFFFF;}
.btn2:hover{color: #829cfd;border:2px solid #FFFFFF;}

.btn_in{transition: All 0.4s ease-in-out;display: block;width:120px; height: 38px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; border: 2px solid #fff; border-radius: 20px; margin:0px 400px -20px auto;background-color: #2353a4;}
.btn_in:hover{color: #829cfd;}
 
 
.cd-fixed-bg.cd-bg-2 {background-image: url(../images/servicebg2.jpg); height:720px;}
.cpfl{background: rgba(0,0,0,.7);}
.cpfl ul{overflow: hidden;}
.cpfl li{float: left; width: 33.33%; text-align: center;border-bottom:1px solid #fff;border-right: 1px solid #fff;height: 360px; position: relative;} 
.cpfl ul li:nth-child(3){ border-right:none ;}
.cpfl ul li:nth-child(4){ border-bottom: none;}
.cpfl ul li:nth-child(5){ border-bottom: none;}
.cpfl ul li:nth-child(6){ border-bottom: none;border-right:none ;}
.cpflbox{position: absolute;width:100%; height: 100%;z-index: 11;}
.cpflbox img{ margin: 0 auto; padding: 80px 0 30px;}
.cpxqbox h2{color: #fff;font-size: 20px; padding-bottom: 10px;}
.cpxqbox p{font-size: 12px;color: #d9d9d9;} 
.cpxqbox a{font-size: 14px; display: block; position: relative; color: #81999b;margin-top: 60px;} 
.cpxqbox a:before{position:absolute; border-bottom: 2px solid #81999b; bottom: -10px; width:36px; content: "";left:50%; margin-left: -18px;}
.cpxqbox a:hover{color: #fff;} 
.cpzz{width:100%; height: 100%; top:0; left:0;background: rgba(66,92,187,.7); position: absolute;z-index: 10;opacity: 0;transition: All 0.4s ease-in-out;} 
.cpfl li:hover .cpzz{opacity: 1;}

.hzhb_tit{text-align: center; padding: 65px 0 45px;}
.hzhb_tit h2{font-weight: 800; font-size: 24px; color: #000; padding-bottom: 15px;}
.hzhb_tit p{font-size: 12px; color: #999;}
.hzhb_nr ul{overflow: hidden; margin-left: -28px; padding-bottom: 50px;}
.hzhb_nr li{float: left; width: 20%; padding: 0 0 28px 28px;} 
.hzhb_nr a{display: block; border:1px solid #ddd; overflow: hidden;} 
.hzhb_nr img{width: 100%;} 
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.cd-fixed-bg.cd-bg-3 {background-image: url(../images/servicebg2.jpg); height:260px;}
.zxwm{text-align: center; padding-top: 85px;} 
.zxwm h2{color: #fff; font-size: 24px;} 
.zxwm a{transition: All 0.4s ease-in-out;display: block; margin: 40px auto 0 auto;width:124px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; border: 2px solid #fff; border-radius: 20px;} 
.zxwm a:hover{background: #fff; color: #333;}

.footer{background: #202020;}
.footerbox{width: 1200px; margin: 0 auto; overflow: hidden; padding: 60px 0 45px;}
.foot_left{float: left; width:580px;}
.foot_left p{color: #aaaaaa; line-height: 36px;}
.foot_left img{margin-right: 14px;display: inline-block;display: inline;vertical-align: middle;}
.foot_right {width: 275px; float: right;}
.foot_right ul{overflow: hidden; margin-left: -70px;}
.foot_right li{float: left; width: 50%; padding-right: 70px;}
.foot_right img{width: 100%;}
.bqxx{border-top:1px solid #333333; padding: 35px 0; text-align: center;}
.bqxx li{display: inline-block;*display: inline; padding: 0 10px;}
.bqxx img{display: inline-block;*display: inline;filter:grayscale(100%);transition: All 0.4s ease-in-out;}
.bqxx a:hover img{filter:grayscale(0);}
}

@media(max-width:1200px) and (min-width: 1000px){
.header{height: 100px; background: url(../images/b1.png) rgba(0,0,0,.6); position: fixed;width:100%; left:0; top:0;z-index: 100;} 
.headerbox{width: 100%; margin: 0 auto;}
.logo{width: 217px; float: left; padding-top: 20px;}
.sj1{display: none;}
.logo img{width: 100%;}
.nav{float: right;}
.nav .m{float: left;  position: relative;}
.nav h3{padding: 27px 20px; text-align: center;} 
.nav h3 span{display: block; text-align: center; font-size: 12px; color: #fff; padding-top: 8px;}
.nav h3 a{font-size: 16px; color: #fff;}
.sub{position: absolute; top:100px; left:-15%; width: 130%; background:rgba(0,0,0,.7);display: none; }
.sub dt{line-height: 40px; text-align: center; } 
.sub dt a{text-align: center; color: #fff;display: block;}
.sub dt a:hover{background:#d40505} 
.nav .on h3 a{color: #a4a4a4;} 
.nav .on h3 a span{color: #a4a4a4;}  
.banner{position: relative;}
.tvzz{position: absolute;width: 100%; height: 100%; background: url(../images/b1.png);top:0; left:0;}
.wzwz{width: 750px; position: absolute; z-index: 15; text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.wzwz h2{color: #fff; font-size: 50px; padding-bottom: 25px;}
.wzwz p{font-size: 12px; color: #fff; line-height: 26px; font-weight: bold;} 
.wzwz a{display: block; width:150px; height: 50px; text-align: center; line-height: 50px; font-size: 17px; color: #fff; background: #425cbb; margin: 95px auto 0 auto;border-radius: 25px;} 
.wzwz h3{background: url(../images/a1.png); width:56px; height: 56px; margin: 138px auto 0 auto;}
 
 
.banner{position: relative;}
.tvzz{position: absolute;width: 100%; height: 100%; background: url(../images/b1.png);top:0; left:0;}
.wzwz{width: 750px; position: absolute; z-index: 15; text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.wzwz h2{color: #fff; font-size: 50px; padding-bottom: 25px;}
.wzwz p{font-size: 12px; color: #fff; line-height: 26px; font-weight: bold;} 
.wzwz a{display: block; width:150px; height: 50px; text-align: center; line-height: 50px; font-size: 17px; color: #fff; background: #425cbb; margin: 95px auto 0 auto;border-radius: 25px;} 
.wzwz h3{background: url(../images/a1.png); width:56px; height: 56px; margin: 138px auto 0 auto;}
 
.wz1200{width: 100%; margin: 0 auto;}
.gsjs_tit{text-align: center; padding: 63px 0 73px;}
.gsjs_tit h2{font-weight: 800; font-size: 24px; color: #000000; padding-bottom: 15px;}
.gsjs_tit p{font-size: 12px; color: #999999;}

.gsjs_nr{overflow: hidden;}
.gsjs_right{float: right; width:319px;}
.gsjs_left{float: left; width: calc(100% - 410px);}
.gsjs_left h2{font-size: 26px; padding-bottom: 35px; color: #434343;}
.gsjs_left p{font-size: 16px; line-height: 2; color: #5a5a5a;text-indent: 32px; padding-bottom: 35px;}
.gsjs_tp {padding: 75px 0;}
.gsjs_tp ul{overflow: hidden;}
.gsjs_tp li{float: left; width: 25%; padding-left: 20px;}
.jsbox{position: relative;}
.jsbox img{width: 100%;}
.jszz{position: absolute;top:0; left:0; width: 100%; height: 100%;background: rgba(66,92,187,.7); opacity: 0;transition: All 0.4s ease-in-out;}
.jszzbox{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;width: 100%;}
.jszzbox h2{color: #fff;font-size: 18px; padding-bottom: 20px;}
.jszzbox p{color: #dddddd;}
.jsbox:hover .jszz{opacity: 1;}

.cd-scrolling-bg {position: relative;z-index: 2;}
.cd-main-content { position: relative; z-index: 1;}
.cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;}
.cd-fixed-bg.cd-bg-1 {background-image: url(../images/servicebg1.jpg); height:400px;}

.cd-fixed-bg { background-attachment: fixed;}
.fzlc{ padding-top: 70px;}
.fzlc ul{overflow: hidden;}
.fzlc li{float: left; text-align: center; width:25%; padding: 0 30px;}
.fzlc span{height: 190px; width:100%; position: relative; margin: 0 auto;display: block;} 
.fzlc img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.fzlc p{border-top: 1px solid #b3a697; padding-top: 26px; color: #fff;text-align: center;}

.bj2{background: #425cbb;}
.wdcp{padding-bottom: 65px;}
.wdcp_tit{text-align: center; padding: 62px 0 52px;}
.wdcp_tit h2{font-weight: 800; font-size: 24px; color: #fff; padding-bottom: 15px;}
.wdcp_tit p{font-size: 12px; color: #fff;}
 
.wdcp_nr ul{overflow: hidden;}
.wdcp_nr li{float: left; width: 33.33%; padding:0 0 30px 10px ;}
.cpnr{position: relative;background: #2e4083;}
.cpnr img{width: 100%;}
.cpnr_xx{position: absolute; width:100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.5); opacity: 0;transition: All 0.4s ease-in-out;}
 
.cptext h2{font-size: 16px; color: #fff; line-height: 50px;}
.cptext p{font-size: 14px; color: #999;}
.cpnr_xx span{background: url(../images/link.png); width:50px; height: 50px;left:50%; top:50%; transform:translate(-50%,-50%); position: absolute;} 
.wdcp_nr a:hover .cpnr_xx{opacity: 1;}
 
.btn1{transition: All 0.4s ease-in-out;display: block;width:130px; height: 40px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; border: 2px solid #fff; border-radius: 20px; margin: 30px auto 0 auto;}
.btn1:hover{color: #829cfd;border:2px solid #829cfd;}
 
 
.cd-fixed-bg.cd-bg-2 {background-image: url(../images/servicebg2.jpg); height:720px;}
.cpfl{background: rgba(0,0,0,.7);}
.cpfl ul{overflow: hidden;}
.cpfl li{float: left; width: 33.33%; text-align: center;border-bottom:1px solid #fff;border-right: 1px solid #fff;height: 360px; position: relative;} 
.cpfl ul li:nth-child(3){ border-right:none ;}
.cpfl ul li:nth-child(4){ border-bottom: none;}
.cpfl ul li:nth-child(5){ border-bottom: none;}
.cpfl ul li:nth-child(6){ border-bottom: none;border-right:none ;}
.cpflbox{position: absolute;width:100%; height: 100%;z-index: 11;}
.cpflbox img{ margin: 0 auto; padding: 80px 0 30px;}
.cpxqbox h2{color: #fff;font-size: 20px; padding-bottom: 10px;}
.cpxqbox p{font-size: 12px;color: #d9d9d9;} 
.cpxqbox a{font-size: 14px; display: block; position: relative; color: #81999b;margin-top: 60px;} 
.cpxqbox a:before{position:absolute; border-bottom: 2px solid #81999b; bottom: -10px; width:36px; content: "";left:50%; margin-left: -18px;}
.cpxqbox a:hover{color: #fff;} 
.cpzz{width:100%; height: 100%; top:0; left:0;background: rgba(66,92,187,.7); position: absolute;z-index: 10;opacity: 0;transition: All 0.4s ease-in-out;} 
.cpfl li:hover .cpzz{opacity: 1;}

.hzhb_tit{text-align: center; padding: 65px 0 45px;}
.hzhb_tit h2{font-weight: 800; font-size: 24px; color: #000; padding-bottom: 15px;}
.hzhb_tit p{font-size: 12px; color: #999;}
.hzhb_nr ul{overflow: hidden; margin-left: -28px; padding-bottom: 50px;}
.hzhb_nr li{float: left; width: 20%; padding: 0 0 28px 28px;} 
.hzhb_nr a{display: block; border:1px solid #ddd; overflow: hidden;} 
.hzhb_nr img{width: 100%;} 
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.cd-fixed-bg.cd-bg-3 {background-image: url(../images/bg.jpg); height:260px;}
.zxwm{text-align: center; padding-top: 85px;} 
.zxwm h2{color: #fff; font-size: 24px;} 
.zxwm a{transition: All 0.4s ease-in-out;display: block; margin: 40px auto 0 auto;width:124px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; border: 2px solid #fff; border-radius: 20px;} 
.zxwm a:hover{background: #fff; color: #333;}

.footer{background: #202020;}
.footerbox{width: 100%; margin: 0 auto; overflow: hidden; padding: 60px 0 45px;}
.foot_left{float: left; width:580px;}
.foot_left p{color: #aaaaaa; line-height: 36px;}
.foot_left img{margin-right: 14px;display: inline-block;display: inline;vertical-align: middle;}
.foot_right {width: 275px; float: right;}
.foot_right ul{overflow: hidden; margin-left: -70px;}
.foot_right li{float: left; width: 50%; padding-right: 70px;}
.foot_right img{width: 100%;}
.bqxx{border-top:1px solid #333333; padding: 35px 0; text-align: center;}
.bqxx li{display: inline-block;*display: inline; padding: 0 10px;}
.bqxx img{display: inline-block;*display: inline;filter:grayscale(100%);transition: All 0.4s ease-in-out;}
.bqxx a:hover img{filter:grayscale(0);}   
}

@media(max-width:999px){
.header{height: 100px; background: url(../images/b1.png); position: fixed;width:100%; left:0; top:0;z-index: 100;background: #fff;height: 60px;} 
.headerbox{width: 100%; margin: 0 auto;}
.logo{width: 160px; float: left; padding-top: 10px; padding-left: 3%;}
.pc1{display: none;}
.sj1{display: block;}
.logo img{width: 100%;}
.dhbtn{display: block; background: url(../images/d1.png); width:30px; height: 30px; position: absolute;right:3%; top:15px;}
.dhbtn.on{display: block; background: url(../images/d2.png); width:30px; height: 30px; position: absolute;right:3%; top:15px;}
.nav{float: right; position: fixed;background: #fff; width:100%; height: calc(100% - 60px);top:-15rem;border-top:1px solid #ddd;}
.nav .m{ position: relative;background: #fff; width:100%; padding: 0 3%;border-bottom: 1px solid #ddd;}
.nav h3{ line-height: 3.5;} 
.nav h3 a{font-size: .28rem; color: #333;}
.sub{position: absolute; top:100px; left:-15%; width: 130%; background:rgba(0,0,0,.7);display: none; }
.sub dt{line-height: 40px; text-align: center; } 
.sub dt a{text-align: center; color: #fff;display: block;}
.sub dt a:hover{background:#d40505} 
.nav .on h3 a{color: #a4a4a4;} 
 
.banner{position: relative; padding-top: 60px;}
.tvzz{position: absolute;width: 100%; height: 100%; background: url(../images/b1.png);top:0; left:0;}
.wzwz{width: 100%; position: absolute; z-index: 15; text-align: center;left:50%; top:50%; transform:translate(-50%,-50%); padding: 0 2%;}
.wzwz h2{color: #fff; font-size: .36rem; padding:.8rem 0 .2rem 0;}
.wzwz p{font-size: .2rem; color: #fff; line-height: 1.5; } 
.wzwz a{display: block; width:2rem; height: .5rem; text-align: center; line-height: .5rem; font-size: .2rem; color: #fff; background: #425cbb; margin:.2rem auto 0 auto;border-radius: .25rem;} 
.wzwz h3{background: url(../images/a1.png); width:56px; height: 56px; margin: 138px auto 0 auto;display: none;}
 
.wz1200{width: 100%; margin: 0 auto; padding: 0 3%;}
.gsjs_tit{text-align: center; padding: .6rem 0;}
.gsjs_tit h2{font-weight: 800; font-size: .32rem; color: #000000; padding-bottom: .2rem;}
.gsjs_tit p{font-size: .24rem; color: #999999;}

.gsjs_nr{overflow: hidden;}
.gsjs_right{float: right; width:100%;}
.gsjs_right img{width: 100%;}
.gsjs_left{float: left; width: calc(100% - 0px);}
.gsjs_left h2{font-size: .28rem; padding-bottom: .35rem; color: #434343;}
.gsjs_left p{font-size: .22rem; line-height: 2; color: #5a5a5a;text-indent: .44rem; padding-bottom: .35rem;}
.gsjs_tp {padding: .7rem 0;}
.gsjs_tp ul{overflow: hidden; margin-left: -.2rem;}
.gsjs_tp li{float: left; width: 50%; padding-left: .2rem; padding-bottom: .3rem;}
.jsbox{position: relative;}
.jsbox img{width: 100%;}
.jszz{position: absolute;top:0; left:0; width: 100%; height: 100%;background: rgba(66,92,187,.7); opacity: 0;transition: All 0.4s ease-in-out;}
.jszzbox{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;width: 100%;}
.jszzbox h2{color: #fff;font-size: .28rem; padding-bottom: .2rem;}
.jszzbox p{color: #dddddd; font-size: .24rem;}
.jsbox:hover .jszz{opacity: 1;}

.cd-scrolling-bg {position: relative;z-index: 2;}
.cd-main-content { position: relative; z-index: 1;}
.cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;}
.cd-fixed-bg.cd-bg-1 {background-image: url(../images/servicebg1.jpg); height:auto;}

.cd-fixed-bg { background-attachment: fixed;}
.fzlc{ padding: .7rem 0;}
.fzlc ul{overflow: hidden;}
.fzlc li{float: left; text-align: center; width:50%; padding: .2rem .3rem;}
.fzlc span{height: 140px; width:100%; position: relative; margin: 0 auto;display: block;} 
.fzlc img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); width:70%}
.fzlc p{border-top: 1px solid #b3a697; padding-top: .26rem; color: #fff;text-align: center;font-size: .24rem;}

.bj2{background: #425cbb;}
.wdcp{padding-bottom: .65rem;}
.wdcp_tit{text-align: center; padding: .6rem 0 ;}
.wdcp_tit h2{font-weight: 800; font-size: .28rem; color: #fff; padding-bottom: .2rem;}
.wdcp_tit p{font-size: .24rem; color: #fff;}
 
.wdcp_nr ul{overflow: hidden; margin-left: -.1rem;}
.wdcp_nr li{float: left; width: 50%; padding:0 0 .3rem .1rem;}
.cpnr{position: relative;background: #2e4083;}
.cpnr img{width: 100%;}
.cpnr_xx{position: absolute; width:100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.5); opacity: 0;transition: All 0.4s ease-in-out;}
 
.cptext h2{font-size: .26rem; color: #fff; line-height: 2.2;}
.cptext p{font-size: .22rem; color: #999;}
.cpnr_xx span{background: url(../images/link.png); width:50px; height: 50px;left:50%; top:50%; transform:translate(-50%,-50%); position: absolute;} 
.wdcp_nr a:hover .cpnr_xx{opacity: 1;}
 
.btn1{transition: All 0.4s ease-in-out;display: block;width:1.6rem; height: .5rem; line-height:.5rem; text-align: center; font-size: .24rem; color: #fff; border: 2px solid #fff; border-radius: .25rem; margin: .3rem auto 0 auto;}
.btn1:hover{color: #829cfd;border:2px solid #829cfd;}
 
 
.cd-fixed-bg.cd-bg-2 {background-image: url(../images/servicebg2.jpg); height:auto;}
.cpfl{background: rgba(0,0,0,.7);}
.cpfl ul{overflow: hidden;}
.cpfl li{float: left; width: 50%; text-align: center;border-bottom:1px solid #fff;border-right: 1px solid #fff;height: 3.8rem; position: relative;} 
.cpfl ul li:nth-child(2n){ border-right:none ;}
.cpfl ul li:nth-child(5){ border-bottom: none;}
.cpfl ul li:nth-child(6){ border-bottom: none;border-right:none ;}
.cpflbox{position: absolute;width:100%; height: 100%;z-index: 11;}
.cpflbox img{ margin: 0 auto; padding: .5rem 0 .3rem;width: .8rem;}
.cpxqbox h2{color: #fff;font-size: .28rem; padding-bottom: .1rem;}
.cpxqbox p{font-size: .24rem;color: #d9d9d9;} 
.cpxqbox a{font-size: 14px; display: block; position: relative; color: #81999b;margin-top: .6rem;} 
.cpxqbox a:before{position:absolute; border-bottom: 2px solid #81999b; bottom: -10px; width:36px; content: "";left:50%; margin-left: -18px;}
.cpxqbox a:hover{color: #fff;} 
.cpzz{width:100%; height: 100%; top:0; left:0;background: rgba(66,92,187,.7); position: absolute;z-index: 10;opacity: 0;transition: All 0.4s ease-in-out;} 
.cpfl li:hover .cpzz{opacity: 1;}

.hzhb_tit{text-align: center; padding: .65rem 0 .45rem;}
.hzhb_tit h2{font-weight: 800; font-size:.28rem; color: #000; padding-bottom: .2rem;}
.hzhb_tit p{font-size: .24rem; color: #999;}
.hzhb_nr ul{overflow: hidden; margin-left: -.3rem; padding-bottom: .5rem;}
.hzhb_nr li{float: left; width: 50%; padding: 0 0 .3rem .3rem;} 
.hzhb_nr a{display: block; border:1px solid #ddd; overflow: hidden;} 
.hzhb_nr img{width: 100%;} 
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.cd-fixed-bg.cd-bg-3 {background-image: url(../images/bg.jpg); height:auto;}
.zxwm{text-align: center; padding: .8rem 0;} 
.zxwm h2{color: #fff; font-size: .32rem;} 
.zxwm a{transition: All 0.4s ease-in-out;display: block; margin: .4rem auto 0 auto;width:1.6rem; height: .5rem; line-height: .46rem; text-align: center; font-size: .24rem; color: #fff; border: 2px solid #fff; border-radius: .27rem;} 
.zxwm a:hover{background: #fff; color: #333;}

.footer{background: #202020;}
.footerbox{width: 100%; margin: 0 auto; overflow: hidden; padding: .45rem 3% ;}
.foot_left{width:100%;}
.foot_left p{color: #aaaaaa; line-height: 36px;font-size: .22rem; line-height: 1.6; padding: 0.05rem 0;}
.foot_left img{margin-right: .15rem;display: inline-block;display: inline;vertical-align: middle;}
.foot_right {width: 300px; margin: 0 auto; padding-top: .3rem;}
.foot_right ul{overflow: hidden; }
.foot_right li{float: left; width: 50%; padding:0 1rem ;}
.foot_right img{width: 100%;}
.bqxx{border-top:1px solid #333333; padding: 35px 0; text-align: center;}
.bqxx li{display: inline-block;*display: inline; padding:.2rem;}
.bqxx img{display: inline-block;*display: inline;filter:grayscale(100%);transition: All 0.4s ease-in-out; margin: 0 auto;}
.bqxx a:hover img{filter:grayscale(0);}   
}

/*==关于我们==*/
.dqwz{border-bottom:1px solid #eee;background: #f3f3f3;}
.dqwz p{font-size: 14px; line-height: 52px;color: #333;background: url(../images/s1.png) no-repeat left center ; padding-left: 40px;background-size: 25px auto;}
.dqwz a{color: #666;}
.dqwz a:hover{color: #ff0000;}
.fgt{height: 100px;}
.tao1{height: 1px; background: #eee; margin-bottom: 15px;}
.gywm_tit{text-align: center; padding: 80px 0 60px;}
.gywm_tit h2{font-size: 26px; color: #000; padding-bottom: 35px; position: relative; }
.gywm_tit h2:before{position: absolute;width:10px;  border-bottom: 10px solid #314695;left:50%; bottom: -5px;/* content: "";*/}
.gywm_tit p{font-size: 14px; color: #999;}

.gtwn_nr{overflow: hidden;}
.gtwn_right{float: right; width:55%;}
.gtwn_right h2{font-size: 20px; padding-bottom: 20px; color: #666;}
.gtwn_right p{color: #666; line-height: 2;text-indent: 24px;}
.gywm_left{width: 42%; float: left;}
.gywm_left img{width: 100%;}
/*==产品中心==*/
.cpzx_bt{overflow: hidden;}
.cpzx_left{float: left; width:20%;}
.cptti{background: #314695; padding: 30px 0; text-align: center;}
.cptti h2{text-align: center;color: #fff; font-size: 20px; }
.cptti span{font-size: 12px; color: #fff;display: block;padding-top: 15px;}

.cpzx_fl{border: 1px solid #eee;}
.cpzx_fl dt{line-height: 55px; border-bottom: 1px solid #eee;font-size: 14px;}
.cpzx_fl a{color: #333; padding: 0 30px;display: block;}
.cpzx_fl .hover1 a{color: #333; background: #f3f3f3;display: block;}
.cpzx_fl a:hover{color: #333; background: #f3f3f3;}
.cpzx_right{float: right; width:77%;}
.cpjs h2{font-size: 20px; color: #333; line-height: 55px; border-bottom: 1px solid #eee;}
.cpjs_nr{padding-top: 20px; }
.cpjs_nr ul{overflow: hidden; margin-left: -20px;}
.cpjs_nr li{float: left; width: 33%; padding: 0 0 20px 20px;}
.cp_tt img{width: 100%;}
.cp_tt {overflow: hidden;}
.cp_tit p{text-align: center; line-height: 40px;font-size: 16px; color: #666;}
.fynr{padding: 50px 0 100px; text-align: center;}
.fynr li{display: inline-block;*display: inline;}
.fynr  a{display: block; padding: 5px 10px; border: 1px solid #eee; background: #f5f2f6;}
.fynr .hover2 a{color: #fff; border:1px solid #FF0000; background: #FF0000;}
/*==联系我们==*/
.banner2{background: url(../images/banner2.jpg) no-repeat center center; height: 502px;}
.lxwm_nr{overflow: hidden;}
.lxwm_right{float: right; width:315px;overflow: hidden;}
.lxwm_right img{width: 150px; float: left; padding-right: 20px;}
.lxwm_right p{font-size: 16px; line-height: 2.2; color: #999; padding-top: 30px;}
.lxwm_left{float: left; width: 55%;}
.lxwm_left ul{overflow: hidden;}
.lxwm_left  li{float: left; font-size: 16px;color: #666666; line-height: 42px;width: 50%;}
.lxwm_left ul li:nth-child(5){ width:100%;}
.lxwm_left img{display: inline-block;display: inline; margin-right: 25px; vertical-align: middle; margin-top: -3px;}
.dtnr{padding: 50px 0 100px 0;}
.dtnr img{width: 100%;}
.banner1 img{width: 100%;}

/*==我们的客户==*/
.ywly_nr{padding: 25px 0; border-bottom: 1px solid #eee;overflow: hidden;}
.ywly_left{float: left; width:280px;}
.ywly_left img{width: 100%;}
.ywly_right{width: 600px;float: right;}
.ywly_right h2{font-weight: 800; color: #333; font-size: 24px;}
.ywly_right h3{line-height: 3; color: #999; font-size: 14px;}
.ywly_right p{font-size: 16px; line-height: 2; color: #333;}
.ywly_right a{transition: All 0.4s ease-in-out;display: block; width:200px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; background: #fafafa; border: 1px solid #eee; margin-top: 40px;}
.ywly_right a:hover{color: #fff; background: #2E4083;}