body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,input,select,label,dl,dt,dd{margin:0;padding:0;-webkit-text-size-adjust:none; font-size:14px;}
input,select,label{vertical-align:middle;font-family:"微软雅黑";}
ul,ol,li{list-style:none;}
input,img,select,textarea{border:0;outline:none;font-family:"微软雅黑";}
body{font-family:"微软雅黑";color:#000;font-size:0.14rem;}
a{text-decoration:none;outline:none;}

input::-webkit-input-placeholder{
    color:#fff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}
.clearfix:after {    content: " ";    display: block;    clear: both;    height: 0;}
.clearfix {  zoom: 1;}


.pt-30{padding: 0.24rem 0;}
.dianhua{font-size: 0.24rem; margin-top: 0.12rem; color: #fff; background-image: url(phone.png); margin-right: 0.3rem;
 background-repeat: no-repeat; background-position: 0px 0px; padding-left:0.42rem; height: 0.32rem; line-height: 0.32rem;}
 .ft-size-48{font-size: 0.48rem;}
 .p_tupian{}
 .p_tupian img{width: 100%;}

.content-wai{width: 100%; margin: 0px auto;}
.overflow-hidden{overflow: hidden;}
.ps-absolute{position: absolute;}
.ps-relative{position: relative;}
.tx-center{text-align: center;}
.pd-top-40{padding-top: 0.4rem;}
.bbox{ width: 7.5rem; margin: 0 auto;}

/*背景*/
.bg-blue{background-color: #307afb;}
.bg-grey{background-color: #e6e8ed;}
.bg-grey2{background-color: #f2f5fa;}
.bg-shenghui{background-color: #31353f;}
.bg-image1{background-image: url(bg1.jpg); background-size: auto 100%;}
.bg-image2{background-image: url(bg2.jpg);background-size: auto 100%;}
.ft-write{color: #fff;}

/*浮动*/
.float-left{float: left;}
.float-right{float:right;}

.ft-size-24{font-size: 0.26rem;} 
.ft-color-sh{color: #333333;}
.ft-color-qh{color: #6e737c;}

.mg-bottom{margin-bottom: 0.25rem;}
.mg-bottom-50{margin-bottom: 0.5rem;}
.ln-height{line-height: 0.36rem;}


.bt-write{	font-size: 0.28rem;	color: #307afb;	padding: 0.2rem 0.66rem;border:1px solid #307afb;text-align: center;overflow: hidden;display: inline-block;	border-radius: 0.1rem;}
.bt-blue{font-size: 0.28rem;	color: #fff;	padding: 0.2rem 0.66rem;border:1px solid #307afb;background-color: #307afb;	text-align: center;	overflow: hidden;display: inline-block;	border-radius: 0.1rem;}
.mg-right{margin-right: 0.2rem;}
.mg-top-56{margin-top: 56px;}

.mb-45{margin-bottom: 0.48rem;}
.footer{text-align: center; color: #e3e3e3; font-size: 0.24rem; padding: 0.6rem 0px; border-top: 1px solid #545760; }
.hg-555{height: 555px;}
.mt-30{margin-top: .3rem;}
.mt-50{margin-top: .5rem;}
.mt-70{margin-top: 0.7rem;}
.mt-80{margin-top: .8rem;}
.ml-20{margin-left: .2rem;}
.pt-pb{padding-top: 0.6rem; padding-bottom: 0.6rem;}
.fubiaoti{font-size: 0.24rem; color: #4b4b4b; margin-top: 0.3rem; line-height: 0.36rem;}
.ft-weit{font-weight: normal;}
.tx-align-r{text-align: right;}
.pt-140{padding-top: 1rem; padding-bottom: 0.6rem;}
.mt-140{margin-top: 0.8rem;}
.mt-60{margin-top: 0.6rem;}

.zuoyou{padding-left: 0.3rem; padding-right: 0.3rem;}


.logo-box{float: left; padding: 0.2rem;height: .4rem; }
.logo-box img{ height: 100%; width: auto;}
.tel-box{float: right;margin: 0.2rem; width: 2rem; height: .4rem; background: #eff1f4; border-radius: 1rem; color: #4a525d; line-height: .4rem; padding: 0 .2rem;}
.tel-box img{ height: .28rem; width: auto; margin: .08rem .1rem 0 0 ; vertical-align: top;}
.navbox{width: 7.5rem; padding-top: .2rem; background: #0c45bc;}
.navbox li{float: left; margin:0 .3rem; line-height: .54rem; color: #fff; font-size: .24rem;}
.navbox li a{ color:#fff; text-decoration: none;}
.navbox li a:hover{color:#fff; text-decoration: underline;}
.navbox li.li_on{ border-bottom: .04rem solid #FFF;}
.navbox li.li-right{ margin-right: 0;}
.bannerbox{width: 7.5rem;}
.bannerbox img{ width: 100%; height: auto;}

.fuwu,.youshi,.fangan{ width: 7.5rem;}
.fuwu h2,.xiangmu h2,.youshi h2,.fangan h2{ text-align: center; font-size: .36rem; padding-bottom: .3rem; font-weight:bold; color:#333;}
.youshi h2 span,.fangan h2 span{ color:#fb5d06;}
.fuwu h2 span{ color:#fb5d06;}
.fuwu ul{border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA; border-radius: .08rem;}
.fuwu li{ float:left; width: 2.47rem; height: 2.18rem; text-align: center; color: #333;  border-left: .01rem solid #E7E8EA;border-bottom: .01rem solid #E7E8EA; background: #FFF;}
.fuwu li p{ line-height: .35rem; font-size: .2rem; }
.fuwu li img{ margin-top: .5rem; width: .65rem; height: .65rem;}
.fuwu li.li_bg{ background: #f2f3f5;}

.xiangmu{ width: 6.9rem; padding: .3rem; }
.xiangmu li{ float:left; width: 1.97rem; margin:0 .10rem .20rem; height: .58rem; background: #fff; text-align: center; line-height: .58rem; color:#333; border-radius: .08rem; cursor: pointer;}
.xiangmu li.li-r{ margin-right: 0;}
.xiangmu li.li-bg2{	background: #FB5D06; color: #fff;}
.xiangmu li:hover{	background: #FB5D06; color: #fff;}

.ui-youshi{ width:6.5rem; margin: 0 auto;}
.ui-youshi li{ height: 2.03rem; margin-bottom:.25rem; color:#fff;}
.ui-youshi li p{font-size: .3rem; line-height: .36rem;  padding-top: .8rem; }
.ui-youshi li.li1{ background: url("../images/youshi-bg1.png") no-repeat; background-size: 6.52rem 2.03rem; padding-left: 3.8rem;}
.ui-youshi li.li2{ background: url("../images/youshi-bg2.png") no-repeat; background-size: 6.52rem 2.03rem; padding-left: .8rem; }
.ui-youshi li.li3{ background: url("../images/youshi-bg3.png") no-repeat; background-size: 6.52rem 2.03rem; padding-left: 3.8rem;}
.ui-youshi li.li4{ background: url("../images/youshi-bg4.png") no-repeat; background-size: 6.52rem 2.03rem; padding-left: .8rem; }
.ui-youshi li.li5{ background: url("../images/youshi-bg5.png") no-repeat; background-size: 6.52rem 2.03rem; padding-left: 3.8rem;}

.fangan{background: url("../images/1.png") no-repeat #2a3f6c bottom;  background-size: 7.5rem 1.36rem; padding-bottom: 1.3rem;}
.fangan h2{ color:#fff;padding-bottom: .2rem;}
.fangan h2 span{ color:#fb5d06;}
.fangan h3{ color:#8b9bbf; text-align: center; font-size: .3rem; font-weight: normal; line-height: 1.4;}
.ui-fangan{ width:6.4rem; margin: 0 auto;}
.ui-fangan dl{ height: 1.25rem; margin-top:.15rem; background: url("../images/fangan-bg1.png") no-repeat; background-size:100% 100%; padding: .2rem .25rem 0 .25rem; text-align: left;}
.ui-fangan dt{ margin-right: .2rem;margin-top: .1rem; width: .82rem; height: 100%;}
.ui-fangan dt img{width: .82rem;}
.ui-fangan dd h4{color:#fb5d06; margin-bottom: .1rem;}
.ui-fangan dd p{ color:#a8adb8;}
.ui-fangan dd.text-r{ text-align: right;}
.ui-fangan dl.dl-bg2{background: url("../images/fangan-bg2.png") no-repeat; background-size:100% 100%;}
.ui-fangan dl.dl-bg3{background: url("../images/fangan-bg3.png") no-repeat; background-size:100% 100%; height: 1.7rem;}
.ui-fangan dl.dl-bg4{background: url("../images/fangan-bg4.png") no-repeat; background-size:100% 100%;height: 1.7rem;}

.whybox{ background: url("../images/pkbg.jpg") no-repeat center top;background-size:100% 100%; width: 100%;  height:14.9rem; padding-top: 1.6rem;}
.whybox h1{ width: 3.6rem; margin: 0 auto;font-size: .32rem; line-height: 45px; font-weight: normal; background: #51576d; border-radius: .5rem; text-align: center; color: #fff;}
.why-t1{ width: 5.5rem; color: #555; margin: 0 auto;}
.why-t1 dl{ padding-top:.45rem;}
.why-t1 dt{ width: .65rem; height: .65rem;float: left; margin-right: .3rem;}
.why-t1 dt img{width: .65rem;height: .65rem;}
.why-t1 dd{ width: 4.5rem; float: left; padding-bottom: .5rem;}
.why-t1 dd p{ line-height: .36rem; font-size: .28rem;}
.why-t2{ width: 5.5rem;  color: #fff; margin:0 auto;}
.why-t2 h2{width: 3.6rem; margin: 1.8rem auto 0;font-size: .32rem; line-height: 45px; font-weight: normal; background: #fff; border-radius: .5rem; text-align: center; color: #1d90ff;}
.why-t2 dl{ padding-top:.7rem;}
.why-t2 dt{ width: .65rem; height: .65rem; float: left; margin-right: .3rem;}
.why-t2 dt img{width: .65rem;height: .65rem;}
.why-t2 dd{ width: 4.5rem; float: left; padding-bottom: .5rem;}
.why-t2 dd p{line-height: .36rem; font-size: .28rem;}

.ui-xitong{ width: 6.8rem; margin: 0 auto; padding-bottom: .3rem;}
.ui-xitong li {width: 6.8rem;  padding: .3rem 0;}
.ui-xitong li img{ float: left; margin-right: .2rem; width: 2.1rem; height: auto;}
.ui-xitong li h1{ font-size: .24rem; color: #253964; padding: .1rem 0; }
.ui-xitong li p{ color: #253964;font-size: .24; line-height: .3rem;}

.hezuo{ width: 7rem; margin: 0 auto; padding:.5rem 0;}
.hezuo h1{font-size: .36rem; font-weight: normal; color: #333; text-align: center;}
.hezuo h2{ width: .6rem; height: .04rem; background: #bcbcbc; margin: .1rem auto; text-align: center;font-weight: normal; }
.hezuo h3{text-align: center;font-weight: normal; font-size: .24rem; color: #666; margin-bottom: .2rem;}
.hezuo li{ float: left; width: 2.08rem; height: .8rem; margin: .2rem .1rem 0 .1rem; border-radius: .1rem; padding-top:.1rem;background: #FFF; border:.01rem solid #efefef; box-shadow: .05rem .09rem .1rem 0 rgba(46,46,46,0.07);border-radius: .1rem; text-align: center; }
.hezuo li img{ width: 90%; height: auto; border-radius: .1rem;}
.casetext{ width:7.5rem; margin: 0 auto; padding: .5rem 0 0;}
.casetext dl{width:49%; float: left; }
.casetext dt{color:#333; line-height: .3rem; font-size: .24px;text-align: center; }
.casetext dt span{ color:#fb5d06;font-size: .36rem;}
.casetext dd{color:#666; line-height: .3rem; font-size: .18rem; text-align: center;}


.inbox{ width: 6.5rem; margin: 0 auto;}
.in650{ width: 6rem; height:.35rem; background: #fff; border:1px solid #dbe0e8; line-height: .85rem; color: #bfc2c3; padding: .25rem; border-radius: .2rem; }
p.p-in{ color: #000; font-size: .3rem; line-height: .3rem; padding: .5rem 0 .2rem 0;}
p.p-in span{ color: #f00; }
.inbtn{ width: 6.5rem;  height:.9rem; background: #2c5ecd; line-height: .9rem; color: #fff; border-radius: .2rem; font-size: .3rem;}

.aboutbox{ width: 7.5rem; margin: 0 auto; padding: .5rem 0;}
.about-nav{ text-align: center; padding-left: 16%;}
.about-nav a{ display: block; padding: .2rem .3rem; background: #e6e8ed; color: #134ac8; margin-right: .2rem; float: left; border-radius: .2rem;}
.about-nav a.a-on{ background: #134ac8; color:#fff; font-weight: bold;}
.abouttext{ padding: .5rem; margin-top: .5rem;}
.abouttext{ padding: .5rem; margin-top: .5rem;}
.abouttext img{ width: 100%; height:auto;}
.abouttext p{ color:#7b8295; font-size: .24rem;}
.abouttext p.about-p1{ font-size: .3rem; color: #474f64; line-height:.4rem;}

.job{ width: 7.1rem; padding: .5rem 0; margin: 0 auto;}
.jobbox{ background: #fff; box-shadow: 0px 0px .2rem 0px rgba(46,46,46,0.07); border-radius: .15rem; border:.01rem solid #ecedef; margin-top:.4rem; }
.jobtit{ width: 100%; background: #474f66; height: .6rem;  color:#fff; border-radius: .15rem .15rem 0 0;}
.jobtit li{ width: 31%; float:left; line-height: .6rem; padding-left: .15rem;}
.jobbox-p{ font-size:.24rem; color:#7b8398; line-height: .4rem; padding: .4rem; }
.t-blue{ color:#474f64; font-size: .36rem; }

.contactbox{padding: .5rem 0;}
.contact-p{color:#7b8295; font-size: .24rem; text-align: center;}
.mapbox{ width: 100%; }
.mapbox img{width: 100%; height: auto;}
.contact-text{  background: #62779b; padding: .45rem 0 .45rem .4rem;}
.contact-text dl{ margin-bottom: .2rem;}
.contact-text dt{ width: 1rem; height: 1rem; float: left;}
.contact-text dt img{ width: 100%; height: auto;}
.contact-text dd{float: left;width: 5.5rem; color: #fff; font-size: .24rem; line-height: 1rem;}
.contact-text dd.dd-p2{ line-height: .4rem; padding-top: .1rem;}