@charset "utf-8";
/* CSS Document */
@import url('../fonts/DIN Condensed Bold.css');
@import url('../fonts/SourceHanSansCN-Medium.css');
@import url('../fonts/SourceHanSansCN-Normal.css');
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
html,body{font-family:"SourceHanSansCN-Normal","微软雅黑";}
body{margin:0;padding:0; overflow-x: hidden; font-size:20px; line-height:40px; color:#999999;}
p{padding:0;margin:0}
dl,ul{margin:0;padding:0;list-style-type:none}
dd{margin:0}
a,a:focus,a:active{color:#333; text-decoration: none; outline: 0}
a:active,a:hover{color:#3599FC; text-decoration:none; transition: all .2s linear;}
/*a {-webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out}*/
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pb-10{padding-bottom:10px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.ptb-10{padding-top:10px;padding-bottom:10px}
.ptb-20{padding-top:20px;padding-bottom:20px}
.ptb-30{padding-top:30px;padding-bottom:30px}
.ptb-40{padding-top:40px;padding-bottom:40px}
.prl-10{padding-left:10px; padding-right:10px;}
.prl-20{padding-left:20px; padding-right:20px;}
.prl-30{padding-left:30px; padding-right:30px;}
.prl-40{padding-left:40px; padding-right:40px;}
.ptrbl-10{padding:10px}
.ptrbl-20{padding:20px}
.ptrbl-30{padding:30px}
.ptrbl-40{padding:40px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mtb-10{margin-top:10px;margin-bottom:10px}
.mtb-20{margin-top:20px;margin-bottom:20px}
.mtb-30{margin-top:30px;margin-bottom:30px}
.mtb-40{margin-top:40px;margin-bottom:40px}
.mtrbl-10{margin:10px}
.mtrbl-20{margin:20px}
.mtrbl-30{margin:30px}
.mtrbl-40{margin:40px}

.cellpadding {padding-top:40px; padding-bottom:40px;}
.cellpadding-t{padding-top:40px;}
.cellpadding-b{padding-bottom:40px;}
.cellspacing{margin-top:40px; margin-bottom:40px;}
.cellspacing-t{margin-top:40px;}
.cellspacing-b{margin-bottom:40px;}

@media (max-width: 992px) {
	.cellpadding {padding-top:20px; padding-bottom:20px;}
	.cellpadding-t{padding-top:20px;}
	.cellpadding-b{padding-bottom:20px;}
	.cellspacing{margin-top:20px; margin-bottom:20px;}
	.cellspacing-t{margin-top:20px;}
	.cellspacing-b{margin-bottom:20px;}
}

.no-gutter{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
.no-gutter>[class*=col-]{padding-left:0;padding-right:0;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 按钮 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.botton-first .sim-button { font-size: 16px; line-height: 44px; height: 44px; text-align: center; width: 156px; cursor: pointer; background: #3599FC; border: 0; margin-top: 20px; float: left; font-weight: 500; z-index: 0; } .botton-first span:hover { color:#ffffff; }

.buttona{color:rgba(255,255,255,1);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:0;position:relative}
.buttona span{z-index:1;display:block;position:absolute;width:100%;height:100%}
.buttona::before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;opacity:0;background-color:#262626;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.buttona:hover::before{opacity:1;width:100%}


/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 5px;}/* 滚动槽 *
::-webkit-scrollbar-track {}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:window-inactive { background: #ccc;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 右侧向上返回 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#mkdf-back-to-top{display:block;visibility:hidden;position:fixed;text-decoration:none;right:25px;bottom:25px;border-radius:50%;margin:0;width:40px;height:40px;font-size:18px;line-height:40px;opacity:0;z-index:10000;color:#fff;text-align:center;-webkit-box-shadow:0 14px 47px 0 rgba(28,28,28,.24);-moz-box-shadow:0 14px 47px 0 rgba(28,28,28,.24);box-shadow:0 14px 47px 0 rgba(28,28,28,.24);background-color:#3599FC;box-sizing:border-box;-webkit-transition:opacity .2s ease-out,visibility .2s ease-out,color .2s ease-out,background-color .2s ease-out,right .1s ease-out;-moz-transition:opacity .2s ease-out,visibility .2s ease-out,color .2s ease-out,background-color .2s ease-out,right .1s ease-out;transition:opacity .2s ease-out,visibility .2s ease-out,color .2s ease-out,background-color .2s ease-out,right .1s ease-out}
#mkdf-back-to-top:hover{background-color:#fff; color:#3599FC;}
#mkdf-back-to-top.on{opacity:1;visibility:visible}
#mkdf-back-to-top:hover .mkdf-icon-stack{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
#mkdf-back-to-top:hover .mkdf-back-to-top-text{opacity:0}
.scrollup{width:40px;height:40px;position:fixed;bottom:30px;right:30px;display:none;text-indent:-9999px;background:url(icon_top.png) no-repeat;background-color:#000}
.scrollup.open{display:block}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 右侧浮动客服 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.toolbar{position:fixed;right:0;bottom:150px; z-index:999999; border:1px solid #f0f0f0; border-radius:5px; background:#fff; padding:5px 0px 5px 0px;}
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat}
.toolbar-item{display:block;width:80px;height:63px;margin-bottom:0px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s}
.toolbar-item:hover .toolbar-layer{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-item-feedback{background-position:0 -270px}
.toolbar-item-feedback:hover{background-position:0 -270px}

.toolbar-item-phone{background-position:0 -205px}
.toolbar-item-phone:hover{background-position:0 -205px}
.toolbar-item-phone .toolbar-layer{height:60px; line-height:60px; background:none; background-color:#2464D1; color:#fff; bottom:0px; text-align:center; font-weight:bold; font-size:18px;}

.toolbar-item-tel{background-position:0 -137px}
.toolbar-item-tel:hover{background-position:0 -137px}
.toolbar-item-tel .toolbar-layer{height:60px; line-height:60px; background:none; background-color:#2464D1; color:#fff; bottom:0px; text-align:center; font-weight:bold; font-size:18px;}

.toolbar-item-top{background-position:0 -334px}
.toolbar-item-top:hover{background-position:0 -334px}

.toolbar-layer{position:absolute;right:80px;bottom:0px;width:172px;opacity:0;transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:scale(.01);-moz-transform:scale(.01);-ms-transform:scale(.01);-o-transform:scale(.01);-webkit-transform:scale(.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}

.toolbar-m{position:fixed; width:100%; bottom:0px; z-index:999999; border-top:1px solid #e0e0e0; background:#fff; display:none;}
.toolbar-m ul li{ width:25%; float:left; text-align:center; padding-top:10px;}
.toolbar-m ul li i{display:block; color:#3599FC;}
.toolbar-m ul li a{display:block;}

@media (max-width: 992px) {
.toolbar{display:none;}
.toolbar-m{display:inherit;}
}

.zdy-flex{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

