/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
/*h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}*/ 
q:before,q:after {content:''} 
a{text-decoration:none;color:#222;}
a:active{outline:none;-webkit-tap-highlight-color:transparent;}
i{font-style:normal}
button{outline: none;}
body{
	overflow-x:hidden;font-size: 0.14rem;color:#0D253E;
	/* font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif; */
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

/*placeholder样式-开始*/
input::-webkit-input-placeholder{ color:#ababab;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#ababab;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#ababab;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#ababab;}
/*placeholder样式-结束*/


/* 修改滚动条的宽度和颜色 */
::-webkit-scrollbar {
  width: 6px;
  background-color: #F1F1F1;
}
/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  border-radius: 5px; /* 修改滑块圆角 */
}
/* 修改滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #C0C0C0;
}

.clearFloat:after{display:block;  clear:both;  content:""; visibility:hidden; height:0;}
.clearFloat{ zoom:1 }  

/*文字排版、颜色*/
.f0{font-size:0;}
.f12{font-size:0.12rem}
.f13{font-size:0.13rem}
.f14{font-size:0.14rem}
.f15{font-size:0.15rem}
.f16{font-size:0.16rem}
.f17{font-size:0.17rem}
.f18{font-size:.18rem}
.f19{font-size:.19rem}
.f20{font-size:.20rem}
.f22{font-size:.22rem}
.f24{font-size:.24rem}
.f26{font-size:.26rem}
.f28{font-size:.28rem}
.f30{font-size:.30rem;}
.fb{font-weight:600}
.fn{font-weight:normal}
.t2{text-indent:200px}
.red,a.red{color:#f44336}
.darkblue,a.darkblue{color:#039}
.whiteCol,a.whiteCol{color:#fff;}
.whiteBg{background: #fff;}
.gray,a.gray{color:#999}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.space1{letter-spacing: 1px;}
.space2{letter-spacing: 2px;}


/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.pr{position:relative} 
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1} 
.hidden{visibility:hidden} 
.none{display:none}

.baseBg{background: #386AFD !important;color:#fff;}
.baseCol,a.baseCol{color: #386AFD !important;}
.baseCol a{color: #386AFD;}
.baseBd{border-color:#386AFD !important;}
.inBlock{display: inline-block;}
.block{display: block;}
.inline{display: inline;}
.overHide{overflow: hidden;}

.bgGray{background: #F7F8FC;}
.bgFF{background: #fff;}
.section-box{width:100%;}

.w-flex{display: flex;flex-direction: row;}
.w-flex-item {flex: 1;}
.w-row {flex-direction: row;}
.w-wrap{flex-wrap: wrap;}
.w-between{justify-content: space-between;}
.w-around{justify-content: space-around;}
.w-end{justify-content: flex-end;}
.w-center{align-items: center;justify-content: center;}
.w-vertical{align-items: center;}

.space1{letter-spacing: 1px;}
.space2{letter-spacing: 2px;}
.cPointer{cursor: pointer;}
.whitePre{white-space: pre-line;}

/* 超出省略 */
.base-oneOmit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.base-twoOmit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break:break-all;overflow: hidden;white-space: inherit;}
.base-threeOmit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; word-break:break-all;overflow: hidden;white-space: inherit;}
.base-moreOmit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; word-break:break-all;overflow: hidden;white-space: inherit;}

.icon-right{width:.1rem;height:.1rem;border:1px solid #000;border-left:none;border-top:none;transform: rotate(-45deg);}

.maxW1400{width:1400px;margin:0 auto;}
.maxW1200{width:1200px;margin:0 auto;}
.maxW1300{width:1300px;margin:0 auto;}
.mod{padding-bottom:.6rem;}

/*弹框*/
.pop-box{position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);}
.pop-box .pop-con{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

/* 模块标题 */
.modTit-box{padding:.80rem 0 .50rem;font-size: .22rem;}
.modTit-box h3{font-size: .38rem;}
.modTit-box p,.modTit-box a{margin-top:.2rem;display: block;}

.line-hr{width:100%;border-top:1px solid #eee;}

/* 页脚 */
.footer-box{font-size: .18rem;background:#17181B;}
.footer-contain{padding-top:.5rem;}
.footer-contain .left-box{font-size:.34rem;}
.footer-contain .left-box h6{font-size: .18rem;font-weight: 500;}
.footer-contain .line-box{margin:.19rem 1.20rem .19rem 0;}
.footer-contain .left-box p{margin-bottom:.32rem;font-weight: 600;}
.footer-contain .right-box img{width:1.80rem;height:1.80rem;border: 1px solid #fff;}
.footer-box .copyText img{border-radius: 4px;}
.footer-box .copyText{padding:.32rem 0;border-top:1px solid #fff;font-size: .21rem;margin-top:.46rem}

/* 固定客服咨询浮框 */
.fixed-serve{
	position:fixed;z-index:7;padding:.14rem;border-radius: .20rem 0 0 .20rem;top:50%;transform: translateY(-50%);right:0;
	box-shadow: 0px .10rem .30rem 0px rgba(13, 37, 62, 0.2);
}
.fixed-serve li{padding-bottom:.18rem;cursor:pointer;width:1rem;}
.fixed-serve li .qr{width:100%;}
.fixed-serve li .icon{margin-top:.2rem;}


/* 手机固定客服咨询浮框 */
.online-service-mobile{position:fixed;z-index:7;bottom: 0;left:0;width:100%;height:.8rem;line-height: .8rem;font-size:.22rem;box-shadow: 0px 6px 20px 0px rgba(132, 132, 132, 0.1);display: none;}
.online-service-mobile img{width:.24rem;vertical-align: middle;margin-right:5px;}
.online-service-mobile .line:after{content: '|';position:absolute;right:0;}


.fixed-to-top{position:fixed;right:0;bottom:1.5rem;width: 1rem}

@media screen and (max-width:750px){
 	.maxW1400,.maxW1200,.maxW1300{width:100%;}
	
	.head-nav .head-pc,.online-service-box{display: none;}
	.head-nav .head-mobile{display: block;padding: 0 .2rem;}
	
	/* .mobile-block{height:.86rem;} */
	.footer-box .footer-contain {padding: 0.5rem 0.2rem 0;}
	.footer-contain .left-box {font-size: .24rem;}
	.footer-box .copyText {padding: .32rem .2rem;}
	
	.online-service-mobile{display: flex;}

	/* 在线免费咨询弹框  */
	.consult-popBox .pop-con{width:6rem;}
	.consult-popBox .form-box .input-line{height:38px;line-height: 38px;}
	.consult-popBox .form-box .submit-btn{height:40px;line-height: 40px;}
	
	.fixed-serve li{width:1.5rem;}
	
}

/*标题、、标题底部动画*/
.prd-h2{font-size: 0.36rem;margin: 0.40rem 0px 0.20rem;}
.bar{height: 2px;width: 2.10rem;background: #c4c4c4;margin: 0.20rem 0 0.50rem;position: relative;border-radius: 50%;}
.bar:before{content: '';position: absolute;left: 0;top: -3px;height: 8px;width: 8px;border-radius: 50%;background: #9ed900 none repeat scroll 0 0;
    -webkit-animation-duration: 5s;animation-duration: 5s;
    -webkit-animation-timing-function: linear;animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;animation-name: MOVE-BG;      
}
@-webkit-keyframes MOVE-BG{
	from{-webkit-transform:translateX(0);transform:translateX(0)}
	to{-webkit-transform:translateX(2rem);transform:translateX(2rem)}
}
@keyframes MOVE-BG{
	from{transform:translateX(0);transform:translateX(0)}
	to{transform:translateX(2rem);transform:translateX(2rem)}
}

/*滚动到元素位置 动画显示*/
.animatTop{
	transform: translate(0px, 0px);
	opacity: 1;
    animation-duration: 1s;
    animation-name: ArrowInTop;      
}
@-webkit-keyframes ArrowInTop{
	0%{
		transform: translate(0px, 40px);
		opacity: 0;
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}