﻿html{overflow-x:hidden}body{overflow-x:hidden;margin:0 auto;padding:0;max-width:1920px;height:auto;background:#fff;color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",SimHei,"黑体"}a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}cite,em,i{font-style:normal}button,input,select{font-family:"Microsoft YaHei","微软雅黑",SimHei,"黑体"}dd,div,dl,dt,form,img,li,ol,p,span,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:400}li,ol,ul{list-style:none}input,table,td,textarea{font-size:14px}a{color:#333;text-decoration:none;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease}a:visited{text-decoration:none}a:hover{color:#c00;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}a:focus{outline:0}:focus{outline:0}img{border:none;display:block}.clearfix:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden}div:after,dl:after,ul:after{content:"";display:block;height:0;clear:both}#loading{background:url(../images/loading.gif) no-repeat center}.wrap{position:relative;width:1200px;margin:0 auto}.fl{float:left}.fr{float:right}
/*====*/
.guide{width:100%;background-color:#000;color:#fff;height:50px;line-height:50px}.guide .menu{position:relative}.guide .menu a{color:#fff;text-decoration:none;margin-left:30px}.guide .menu a:hover{color:#fff;cursor:pointer;text-decoration:underline}
/*====*/
.navbg{width:100%;height:125px;border-bottom:5px #1c499e solid}.header{position:relative;height:125px}.header .logo{position:absolute;top:32px;left:0;width:130px;height:60px;background:url(../images/logo.png) no-repeat}.header .logo a{display:block;height:60px}.topNav{position:absolute;top:0;left:240px}.topNav ul li{float:left;line-height:125px;text-align:center;margin-right:10px}.topNav ul li span{position:relative;font-size:16px;display:block}.topNav ul li:nth-child(6),.topNav ul li:nth-child(7){display:none}.topNav ul li span a{color:#000;padding:0 30px}.topNav ul li span.current a{color:#fff;background:#1c499e;line-height:125px;display:block}.topNav ul li span:hover a{background:#1c499e;color:#fff;display:block}.telNav{float:right;line-height:34px;background:url(../images/icon.png) 0 37px no-repeat;padding-left:43px;padding-top:27px}.telNav a{color:#1c499e;font-size:22px}
/*====*/
.banner{position:relative}.banner .img{width:100%;height:500px}.banner .img a{display:block;height:100%}.banner .leftBtn{position:absolute;top:50%;left:0;width:80px;height:120px;line-height:120px;text-align:center;color:#fff;z-index:99;font-size:60px;font-family:simsun;cursor:pointer;margin-top:-100px}.banner .rightBtn{position:absolute;top:50%;right:0;width:80px;height:120px;line-height:120px;text-align:center;color:#fff;z-index:99;font-size:60px;font-family:simsun;cursor:pointer;margin-top:-100px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px!important;z-index:11}.subbanner img{width:100%}
/*====*/
.about,.business,.contact,.fuwu,.process{padding:30px 0 30px}.about .title,.business .title,.contact .title,.fuwu .title,.process .title{text-align:center}.about .title h1,.business .title h1,.contact .title h1,.fuwu .title h1,.process .title h1{text-align:center;font-size:24px;margin:0 auto;line-height:200%}.about .title h2,.business .title h2,.contact .title h2,.fuwu .title h2,.process .title h2{font-size:16px;margin:0 auto;line-height:240%;text-transform:uppercase}.about .title h3,.business .title h3,.contact .title h3,.fuwu .title h3,.process .title h3{width:50px;margin:0 auto;height:3px;margin-top:10px}.fuwu ul li,.process li{transition:all .5s}.fuwu ul li:hover,.process li:hover{-webkit-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}
/*====*/
.fuwu{padding:30px 0 30px}.fuwu .title h1{color:#1c499e}.fuwu .title h2{color:#666}.fuwu .title h3{background:#1c499e}.fuwu ul{width:1200px;overflow:hidden}.fuwu ul li{width:245px;float:left;position:relative;margin:20px 20px 0 0;font-size:18px;color:#555;text-align:center;border:3px #ccc solid;padding:17px}.fuwu ul li:last-child,.fuwu ul li:nth-child(4){margin-right:0}.fuwu ul li:hover{cursor:pointer;background:#1c499e;color:#fff;border:3px #1c499e solid;border-radius:10px}.fuwu ul li:hover em,.fuwu ul li:hover p{color:#fff}.fuwu ul li a{width:235px;height:260px;display:inline-block}.fuwu ul li img{width:235px;height:180px;display:block;border-radius:50px}.fuwu ul li em{font-size:14px;display:block;color:#b4b4b4;height:30px;line-height:30px;text-align:center;text-transform:uppercase}.fuwu ul li p{height:30px;line-height:30px;overflow:hidden;margin:0 auto;padding:20px 0 0 0}.fuwu ul li a:hover{text-decoration:none;color:#fff}.fuwu ul li a:hover em{color:#fff}.fuwu ul li .fdj{position:absolute;top:92px;left:124px;width:36px;height:36px;display:none}.fuwu ul li .fdj img{width:36px;height:36px;padding:0}.fuwu ul li a:hover .fdj{display:block}
/*====*/
.process{background:#1c499e}.process .title h1{color:#fff}.process .title h2{color:#fff}.process .title h3{background:#fff}.process ul{width:100%}.process li{background:#fff;width:216px;height:216px;cursor:pointer;margin:30px 30px 0 0;display:inline;float:left;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.process li:last-child,.process li:nth-child(5){margin-right:0!important}.process li .icon{height:150px;text-align:center}.process li .icon span{height:150px;display:block}.process li .icon span.bg1,.process li .icon span.bg2,.process li .icon span.bg3,.process li .icon span.bg4,.process li .icon span.bg5,.process li:hover .icon span.bg1,.process li:hover .icon span.bg2,.process li:hover .icon span.bg3,.process li:hover .icon span.bg4,.process li:hover .icon span.bg5{background:url(../images/icon.png) no-repeat}.process li .icon span.bg1,.process li:hover .icon span.bg1{background-position:62px -85px}.process li .icon span.bg2,.process li:hover .icon span.bg2{background-position:-108px -80px}.process li .icon span.bg3,.process li:hover .icon span.bg3{background-position:-278px -80px}.process li .icon span.bg4,.process li:hover .icon span.bg4{background-position:-448px -80px}.process li .icon span.bg5,.process li:hover .icon span.bg5{background-position:-618px -80px}.process li .text{text-align:center;display:block;font-size:18px}
/*====*/
.business .title h1{color:#1c499e}.business .title h2{color:#666}.business .title h3{background:#1c499e}.business .body{background:#f3f7ff;border-top:5px #1c499e solid;border-bottom:5px #1c499e solid;padding:30px 50px;margin-top:30px}.business .body .lanmu{border-right:2px #1c499e dashed;padding-right:24px}.business .body .lanmu ul{width:260px}.business .body .lanmu ul li{height:50px;line-height:50px;padding-left:16px;background:url(../images/icon.png) 0 -300px;margin-bottom:20px}.business .body .lanmu ul li:last-child,.business .body .lanmu ul li:nth-child(7){margin-bottom:0!important}.business .body .lanmu ul li span{color:#fff;font-size:16px}.business .body .lanmu ul li a{color:#fff;padding-left:30px;font-size:18px}.business .body .lanmu ul li a:hover{text-decoration:underline}.business .body .tu{width:790px;height:470px}
/*====*/
.contact{background:#1c499e}.contact .title h1{color:#fff}.contact .title h2{color:#fff;text-transform:uppercase}.contact .title h3{background:#fff}.contact .body{margin-top:20px}.contact .body p{text-align:center;color:#fff;font-size:16px}.contact .body .tel{border:2px #0ff solid;padding:10px;font-size:18px;width:260px;margin:20px auto}.contact .body .tel a{color:#fff}
/*====*/
.about .title h1{color:#1c499e}.about .title h2{color:#666}.about .title h3{background:#1c499e}.about .body{margin-top:20px}.about .body .img{width:450px;height:330px}.about .body .text{background:#f4f4f4;width:690px;height:270px;padding:30px}.about .body .text p{line-height:200%;font-size:14px;text-indent:2rem}.about .body .text a{background:#1c499e;display:block;padding:10px;color:#fff;float:left;text-align:center;margin-top:10px}
/*====*/
.footer{width:100%;background:#545351;overflow:hidden}.footer .base{line-height:50px;color:#fff;margin:20px 0 0}.footer .base .wap,.footer .base .wx{float:left;margin-right:30px;text-align:center}.footer .base .wap img,.footer .base .wx img{width:110px;height:110px;padding:5px;background:#fff}.footer .base .db-nav{text-align:left;color:#fff;line-height:36px}.footer .base .db-nav a{color:#fff;font-size:14px}.footer .base .db-nav a:hover{color:#f60}.footer .base .db-nav span{padding:0 15px}.footer .base .bq{float:left}.footer .base .bq a,.footer .base .bq p,.footer .base .bq span{text-align:left;line-height:36px;color:#fff}.footer .copy{text-align:center;color:#fff;padding:10px 0;border-top:1px #fff solid}.footer .copy a{color:#fff}.footer .copy .mob{display:initial}.links{border-bottom:1px #fff solid;padding:10px 0;font-size:14px}.links .item{float:left;padding:10px}.links .item strong{float:left;margin-right:10px;font-weight:100;color:#fff}.links .item a:link,.links .item a:visited{float:left;margin-right:20px;color:#fff;white-space:nowrap}.links .item a:hover{color:red}
/*=====*/
.bread{width:1194px;border:3px #e9ecf5 solid;border-radius:3px;margin:20px auto;zoom:1;overflow:hidden}.bread li{list-style:none;float:left;height:40px;line-height:40px;padding:0 15px;background:url(../images/bread_icon.png) no-repeat 0 15px}.bread li.current{background:0 0}.bread li a{color:#333}
/*=====*/
.page{margin-bottom:20px}.page .menu{background:#f3f3f3;width:260px;padding:20px;border-radius:5px}.page .menu h2{font-size:20px;height:80px;line-height:40px;color:#1c499e;text-align:center;background:url(../images/tit_bg.png) center bottom no-repeat}.page .menu h2 span{display:block;line-height:0;font-size:12px;text-transform:uppercase;line-height:20px}.page .menu ul{margin-top:20px}.page .menu ul li a{padding:0 30px;background:#dcdcdc;margin-bottom:20px;color:#1c499e;display:block;height:50px;line-height:50px;font-size:16px;overflow:hidden;border-radius:40px}.page .menu ul li a.current,.page .menu ul li a:hover{background:#1c499e;color:#fff}.page .menu ul li:last-child a{margin-bottom:0}.page .content{border:3px #d4dbed solid;padding:20px;width:834px;border-radius:5px;background:#fff}.page .content .title{border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px}.page .content .title h3{font-size:18px;color:#333}.page .content .text{font-size:16px;line-height:220%}.page .content .text div img,.page .content .text div span img,.page .content .text img,.page .content .text p img,.page .content .text span img{display:block;margin:1rem auto;max-width:100%;height:auto!important}






@media screen and (max-width: 1024px) {
html{overflow-x:hidden}
body{overflow-x:hidden}
.wrap{width:100%}
.guide,.process,.telNav{display:none}
.about .title h3,.business .title h3,.contact .title h3,.fuwu .title h3,.process .title h3{display:none}
.navbg{z-index:999;height:60px}
.header{height:60px}
.header .logo{top:15px;left:15px;height:60px;background-size:70px}
.header .logo a{height:60px}
.mobNav{position:absolute;top:18px;right:18px;width:30px;height:24px}
.mobNav,.mobNav i,.mobNav:after,.mobNav:before{cursor:pointer;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.mobNav.current{position:fixed;z-index:9998}
.mobNav.current:after{display:none;width:0}
.mobNav.current i{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);background:#fff}
.mobNav.current:before{top:10px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);background:#fff}
.mobNav i{content:"";position:absolute;top:50%;left:0;margin-top:-2.5px;width:100%;height:5px;background:#000;border-radius:10px}
.mobNav:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:#000;border-radius:10px}
.mobNav:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#000;border-radius:10px}
.itemNav{height:auto;background:0 0}
.topNav{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(58,60,143,.9);display:none;overflow:auto;z-index:9998}
.topNav ul{margin-top:50px;float:none}
.topNav ul li{float:none;position:relative;width:80%;height:auto;line-height:50px;border-bottom:1px solid rgba(255,255,255,.2);margin:0 10% 0 10%;margin-top:0!important}
.topNav ul li a{color:#fff;display:block;height:50px}
.topNav ul li span{display:block}
.topNav ul li span:after{display:none}
.topNav ul li span i{position:absolute;top:0;right:0;width:30px;height:49px;line-height:49px;font-size:36px;text-align:center;color:#fff;background:rgba(26,167,155,1);font-style:normal}
.topNav ul li span i.jia{display:block}
.topNav ul li span.current i.jia{display:none}
.topNav ul li span a{color:#fff}
.topNav ul li span.current a{color:#ff0;border-bottom:none;line-height:50px;background:0 0}
.topNav ul li dl{position:relative;top:0;display:block;box-shadow:none;background:0 0}
.topNav ul li dl dd{background:0 0;border:none}
.topNav ul li dl dd a{color:#fff}
.topNav ul li .fa-caret-down{display:none}
.topNav ul li:nth-child(6),.topNav ul li:nth-child(7){display:block;color:#fff;font-size:16px}
.topNav ul li:nth-child(7) a{display:inline-block;color:#fff}
.banner .img{height:120px;background-size:100% 100%!important}
.banner .leftBtn,.banner .rightBtn{display:none}
.business,.fuwu{padding:3%}
.about .title h1,.business .title h1,.contact .title h1,.fuwu .title h1{font-size:1.4rem;line-height:120%}
.about .title h2,.business .title h2,.contact .title h2,.fuwu .title h2{font-size:1rem;line-height:100%;margin:1rem 0}
.fuwu ul{width:100%;margin:0 auto}
.fuwu ul li{width:46.8%;height:auto;margin:2% 2% 0 0;padding:0;border:.2rem #ccc solid}
.fuwu ul li:nth-child(2n){margin-right:0!important}
.fuwu ul li a{width:100%;height:auto}
.fuwu ul li img{width:90%;height:90%;padding:5%;margin:0 auto}
.fuwu ul li a:hover .fdj,.fuwu ul li em{display:none}
.fuwu ul li p{padding:0;font-size:1rem}
.business .body{margin-top:3%;padding:5%}
.business .body .lanmu{padding-right:0;width:100%;border-right:none}
.business .body .lanmu ul{width:100%}
.business .body .lanmu ul li{background:#f80;height:2.6rem;line-height:2.6rem;margin-bottom:5%;padding-left:0}
.business .body .lanmu ul li span{display:none}
.business .body .tu{display:none}
.contact{padding:5%}
.contact .body{margin-top:3%}
.contact .body p{line-height:220%}
.contact .body .tel{width:90%;padding:.3rem;margin:.5rem}
.about{padding:3% 0 0 0}
.about .body{margin:0}
.about .body .img{display:none}
.about .body .text{width:90%;height:auto;padding:5%}
.about .body .text p{position:relative;font-size:.9rem;line-height:2rem;height:8rem;overflow:hidden;text-indent:0}
.about .body .text p:after{content:"...";font-weight:700;position:absolute;bottom:0;right:0;padding:0 10px 0 50px;background:url(../images/ellipsis_bg.png) repeat-y}
.about .body .text p:nth-child(2),.about .body .text p:last-child{display:none}
.about .body .text a{padding:3%;width:94%}
.links{display:none}
.footer .base{display:none}
.footer .copy{line-height:220%}
.footer .copy .mob{display:block}
.bread,.page .content,.page .menu{width:94%}
.bread{margin:3% auto;border:2px #e9ecf5 solid}
.page{margin-bottom:0}
.page .menu{padding:3%;border-radius:0}
.page .menu ul{margin-top:1rem}
.page .menu ul li a{padding:0 2rem;margin-bottom:1rem;height:2.6rem;line-height:2.6rem;font-size:1rem}
.page .content{padding:3%;border:0;border-radius:0}
.page .content .title{padding-bottom:.8rem;margin-bottom:.8rem;margin-top:1rem}
}