@charset "utf-8";
/* CSS Document */
:root {
	--link-c:#333333;
	--active-c:#408dda;
	--font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@import url('../fonts/DIN Condensed Bold.css');
@import url('../fonts/SourceHanSansCN-Medium.css');
@import url('../fonts/SourceHanSansCN-Normal.css');
@import url('../fonts/segoeui.css');
@import url('../fonts/segoeuil.css');
@import url('../fonts/segoeuib.css');
@import url('../fonts/segoeuii.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;
	vertical-align:baseline;
}
html,body{font-family:Arial, Microsoft YaHei,'宋体', Tahoma, Helvetica,"\5b8b\4f53", sans-serif;}
html{
	font-family:Arial, Microsoft YaHei,'宋体', Tahoma, Helvetica,"\5b8b\4f53", sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-size:62.5%;
}
body{margin:0; padding:0; overflow-x:hidden; font-size:16px; line-height:30px; color:#333333;}
p{padding:0;margin:0}
dl,ul{margin:0;padding:0;list-style-type:none}
dd{margin:0}
input, textarea, select, button, button:focus, button:hover, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus {
outline: none; box-shadow: none;
}
a,a:focus,a:active{color:#333333; text-decoration: none; outline: 0}
a:active,a:hover{color:#408dda; text-decoration:none; transition: all .4s linear;}
/*
a{-webkit-transition: all .4s ease-in-out;	-moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s; transition: all .4s ease-in-out}
*/

.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.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}.ptb-50{padding-top:50px;padding-bottom:50px}.ptb-60{padding-top:60px;padding-bottom:60px}.ptb-70{padding-top:70px;padding-bottom:70px}.ptb-80{padding-top:80px;padding-bottom:80px}.ptb-90{padding-top:90px;padding-bottom:90px}.ptb-100{padding-top:100px;padding-bottom:100px}.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}.prl-50{padding-left:50px;padding-right:50px}.prl-60{padding-left:50px;padding-right:50px}.prl-70{padding-left:60px;padding-right:60px}.prl-80{padding-left:70px;padding-right:70px}.prl-90{padding-left:80px;padding-right:90px}.prl-100{padding-left:100px;padding-right:100px}.ptrbl-10{padding:10px}.ptrbl-20{padding:20px}.ptrbl-30{padding:30px}.ptrbl-40{padding:40px}.ptrbl-50{padding:50px}.ptrbl-60{padding:60px}.ptrbl-70{padding:70px}.ptrbl-80{padding:80px}.ptrbl-90{padding:90px}.ptrbl-100{padding:100px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.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}.mtb-50{margin-top:50px;margin-bottom:50px}.mtb-60{margin-top:60px;margin-bottom:60px}.mtb-70{margin-top:70px;margin-bottom:70px}.mtb-80{margin-top:80px;margin-bottom:80px}.mtb-90{margin-top:90px;margin-bottom:90px}.mtb-100{margin-top:100px;margin-bottom:100px}.mtrbl-10{margin:10px}.mtrbl-20{margin:20px}.mtrbl-30{margin:30px}.mtrbl-40{margin:40px}.mtrbl-50{margin:40px}.mtrbl-60{margin:60px}.mtrbl-70{margin:70px}.mtrbl-80{margin:80px}.mtrbl-90{margin:90px}.mtrbl-100{margin:100px}

.cellpadding{padding-top:70px; padding-bottom:70px;}
.cellpadding-t{padding-top:70px;}
.cellpadding-b{padding-bottom:70px;}
.cellspacing{margin-top:70px; margin-bottom:70px;}
.cellspacing-t{margin-top:70px;}
.cellspacing-b{margin-bottom:70px;}

.no-gutter{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
.no-gutter>[class*=col-]{padding-left:0;padding-right:0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 按钮 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.link-btn01{ width:278px; height:58px; line-height:58px; border:2px solid #d6d6d6; border-radius:29px; font-size:24px; color:#5d5d5d; text-align:center; display:inline-block;}


.botton-first{}
.sim-button{background:none; width:150px; height:44px; line-height:44px; text-align: center; margin-top:20px; margin-bottom:20px; display:inline-block; z-index: 0; cursor: pointer;}
.sim-button span{color:#408dda; border:1px solid #408dda;}
.sim-button span:hover{color:#fff; border:1px solid #408dda;}

.buttona{color:#408dda; position:relative; -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s; transition:all .5s;}
.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:#408dda; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.buttona:hover::before{opacity:1;width:100%; color:#fff;}

.sim-button-white{background:none; width:150px; height:44px; line-height:44px; text-align: center; margin-top:20px; margin-bottom:20px; display:inline-block; z-index: 0; cursor: pointer;}
.sim-button-white span {color:#fff; border:1px solid #fff;}
.sim-button-white span:hover{color:#fff; border:1px solid #408dda;}


.link-qys{ color:#408dda;}
.link-qys:hover{ color:#408dda; text-decoration:underline;}

.shop-btn{display:inline-block;line-height:26px; border-radius:5px;text-align:center;border:0;padding:13px 30px 13px 30px;color:#fff;overflow:hidden; -webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;position:relative;z-index:1;}
.shop-btn i{position:relative;top:2px;font-size:20px;margin-right:8px;}
.shop-btn:before{position:absolute;top:0;left:0;content:"";width:50%;height:0;visibility:hidden;opacity:0;z-index:-1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.shop-btn:after{position:absolute;bottom:0;right:0;content:"";width:50%;height:0;visibility:hidden;opacity:0;z-index:-1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.shop-btn:hover{color:#fff}
.shop-btn:hover:after,.shop-btn:hover:before{width:100%;height:100%;visibility:visible;opacity:1}
.shop-btn.style1{background-color:#408dda}
.shop-btn.style1:after,.shop-btn.style1:before{background:#333}
.shop-btn.style2{background-color:#333}
.shop-btn.style2:after,.shop-btn.style2:before{background:#408dda}

/* 设置滚动条的样式 */
/* 滚动槽 */
/*::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{}*/
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{background:#ccc; }
::-webkit-scrollbar-thumb:window-inactive{background: #ccc;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* List_page 分页01 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.List_page{clear:both; text-align:center; margin:8px; padding:15px 0}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #333333;color:#333333}
.List_page span{background:#e1e1e1;color:#000;margin:1px;padding:4px 6px;border:1px solid #333333}
.List_page .showpage ul li{ display:inline-block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* paginationWrapper 分页02*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.paginationWrapper{padding-top:20px;clear:both;text-align:center}
.paginationWrapper{position:relative}
.paginationWrapper a.activePagi,.paginationWrapper a:hover{color:#fff;background:#408dda;border:2px solid #408dda;cursor:pointer;text-decoration:none;outline:0}
.nubmerPagination{display:inline-block}
.paginationWrapper a{border:2px solid #d4d4d4;background:#fff;color:#2a2a2a;padding:9px 16px;-webkit-transition:all 150ms linear;transition:all 150ms linear;margin-right:10px;font-size:18px;font-weight:700;text-decoration:none}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 右侧浮动客服 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.toolbar{position:fixed;right:20px;bottom:10px; z-index:999999;}
.toolbar-item,.toolbar-layer{}
.toolbar-item{display:block;width:68px;height:80px; 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-pic{ width:90px; height:95px; right:10px;}
.toolbar-item-pic img{text-align:center; vertical-align:bottom;}
.toolbar-item-phone{background:#408dda; padding:10px 10px; text-align:center; border-bottom:1px solid #fff; border-radius:5px 5px 0px 0px;}
.toolbar-item-phone img{vertical-align:bottom;}
.toolbar-item-phone p{padding:0px; margin:0px; font-size:12px; color:#fff; height:20px; line-height:20px; }
.toolbar-item-phone:hover{color:#fff;}
.toolbar-item-phone .toolbar-layer{height:52px; line-height:52px; background:none; background-color:#408dda; color:#fff; bottom:0px; text-align:center; font-weight:bold; font-size:18px;}

.toolbar-item-wxkf{background:#408dda; padding:10px 10px; text-align:center; border-bottom:1px solid #fff;}
.toolbar-item-wxkf img{vertical-align:bottom;}
.toolbar-item-wxkf p{padding:0px; margin:0px; font-size:12px; color:#fff; height:20px; line-height:20px; }
.toolbar-item-wxkf:hover{color:#fff; }
.toolbar-item-wxkf .toolbar-layer{ background:#408dda; padding:10px 10px;}
.toolbar-item-wxkf .toolbar-layer img{width:100px; height:100px;}
.toolbar-item-wxkf .toolbar-layer p{display:block;}

.toolbar-item-qrcode{background:#408dda; padding:10px 10px; border-radius:0px 0px 5px 5px;}

.toolbar-item-top{ text-align:center;}
.toolbar-item-top:hover{}

.toolbar-layer{position:absolute;right:68px;bottom:0px;width:120px;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; }

/*我是企业主右侧需求发布按钮*/
.wsyz-xqfb{position:fixed;right:30px;bottom:450px; z-index:999999;}

.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;}
.toolbar-m ul li a{display:block;}


.social-icons{padding-top:20px;}
.social-icons a {background-color:#fff; color:#333333; width:40px; height:40px; border-radius: 100%; display: inline-block; padding:3px 0px 0px 0px; text-align:center; margin:0px 5px;}
.social-icons a i {
    font-size:20px;
    vertical-align: middle;
}
.social-icons a:hover {
    background-color:#408dda;
    color: #fff;
    border-radius: 100%;
}

.zdy-flex{display:-ms-flexbox; display:-webkit-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

/*--自定义5列--*/
.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

@media (max-width: 992px) {
.cellpadding{padding-top:30px; padding-bottom:30px;}
.cellpadding-t{padding-top:30px;}
.cellpadding-b{padding-bottom:30px;}
.cellspacing{margin-top:30px; margin-bottom:30px;}
.cellspacing-t{margin-top:30px;}
.cellspacing-b{margin-bottom:30px;}
.cellpadding.phonepadding{
    padding: 10px 0;
}	
.toolbar{display:none;}
.toolbar-m{display:inherit;}
footer{ margin-bottom:44px;}

.link-btn01{ width:200px; height:48px; line-height:48px; border:2px solid #d6d6d6; border-radius:24px; font-size:16px; color:#5d5d5d; text-align:center; display:inline-block;    margin: 0px 0 10px 0;}
}

@media ( min-width : 768px) {
.col-sm-5ths{width:20%;float:left}
}

@media ( min-width : 992px) {
.col-md-5ths{width:20%;float:left}
}

@media ( min-width : 1200px) {
.col-lg-5ths{width:20%;float:left}
}