html {font-size:14px;overflow-x:hidden;}
li {list-style:none;}
a {color:#212529;text-decoration:none;}
a:hover {text-decoration:none;}
p,dl,dt,dd,ul {margin:0px;padding:0px;}
.red {color:red;}
.text-secondary a {color:#6c757d;}
.card,.figure {margin:15px 0;}
.shadow-sm-top {box-shadow:0 -.125rem .25rem rgba(0,0,0,.075)!important;}

/*上下外边距*/
.mt-6,.my-6 {margin-top:4rem!important;  /**56px**/}
.mt-7,.my-7 {margin-top:5rem!important;  /**70px**/}
.mt-8,.my-8 {margin-top:6rem!important;  /**84px**/}
.mt-9,.my-9 {margin-top:7rem!important;  /**126px**/}
.mt-10,.my-10 {margin-top:8rem!important; /**140px**/}
.mb-6,.my-6 {margin-bottom:4rem!important;}
.mb-7,.my-7 {margin-bottom:5rem!important;}
.mb-8,.my-8 {margin-bottom:6rem!important;}
.mb-9,.my-9 {margin-bottom:7rem!important;}
.mb-10,.my-10 {margin-bottom:8rem!important;}

/*上下内边距*/
.pt-6,.mp-6 {padding-top:4rem!important;}
.pt-7,.py-7 {padding-top:5rem!important;}
.pt-8,.py-8 {padding-top:6rem!important;}
.pt-9,.py-9 {padding-top:7rem!important;}
.pt-10,.py-10 {padding-top:8rem!important;}
.pb-6,.py-6 {padding-bottom:4rem!important;}
.pb-7,.py-7 {padding-bottom:5rem!important;}
.pb-8,.py-8 {padding-bottom:6rem!important;}
.pb-9,.py-9 {padding-bottom:7rem!important;}
.pb-10,.py-10 {padding-bottom:8rem!important;}

/*边框*/
.border-top-dashed {border-top:1px dashed #dee2e6!important;}
.border-right-dashed {border-right:1px dashed #dee2e6!important;}
.border-bottom-dashed {border-bottom:1px dashed #dee2e6!important;}
.border-right-dashed {border-top:1px dashed #dee2e6!important;}

/*字距*/
.ls-1 {letter-spacing:1px;}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}
.ls-4 {letter-spacing:4px;}
.ls-5 {letter-spacing:5px;}

/*分页*/
.page-num:not(:disabled) {cursor:pointer;}
.page-num,.page-link {position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#17a2b8;background-color:#fff;border:1px solid #dee2e6;}
a.page-num:hover,.page-link:hover {text-decoration:none;}
.page-num-current {z-index:1;color:#fff;background-color:#17a2b8;border-color:#17a2b8;}
.page-num-current:hover {color:#fff;}

/*sm屏幕以下*/
@media only screen and (max-width:576px) {
	.page-num {display:none;} 
}

/*其他*/
.pages {min-height:500px;padding-top:10px;padding-bottom:10px;}
.code,.code img {height:100px;}
.position,.position a {color:#999;}
.content {color:#666;line-height:2;}
.content img,.content iframe {max-width:100% !important;}
.content li {list-style:disc outside none;margin-left:20px;}

/*产品轮播*/
.view {max-width:500px;}
.view .swiper-slide {height:300px;max-width:500px;padding:0 3px;box-sizing:border-box;overflow:hidden;text-align:center;}
.view .swiper-slide img {height:100%;}
.view .arrow-left {background:url(../images/index_tab_l.png) no-repeat left center;position:absolute;left:10px;width:28px;height:300px;z-index:10;display:none;}
.view .arrow-right {background:url(../images/index_tab_r.png) no-repeat right center;position:absolute;right:10px;width:28px;height:300px;z-index:10;display:none;}
.preview {position:relative;width:440px;left:30px;}
.preview .swiper-slide {width:87.5px;height:70px;margin:0 3px;box-sizing:border-box;overflow:hidden;cursor:pointer;}
.preview .swiper-slide img {display:inline-block;height:100%;}
.preview .active-nav {border:1px solid #F00;}
.preview .arrow-left {background:#fff url(../images/feel3.png) no-repeat left center;position:absolute;left:-20px;top:0;width:20px;height:70px;z-index:10;}
.preview .arrow-right {background:#fff url(../images/feel4.png) no-repeat right center;position:absolute;right:-20px;top:0;width:20px;height:70px;z-index:10;}
@media only screen and (max-width:768px) {
	.view .swiper-slide {height:200px;}
	.preview {display:none;}
	.view .arrow-left,.view .arrow-right {height:200px;display:block;}
}

/*在线客服*/
.online {position:fixed;bottom:150px;right:0px;width:60px;z-index:999;color:#999;}
.online a {color:#666;}
.online a:hover {text-decoration:none;}
.online dl {background:#27a8e1;padding:10px 5px;margin-bottom:1px;position:relative;}
.online dl dd {color:#fff;text-align:center;font-size:12px;cursor:pointer;}
.online dl dd i {font-size:25px;}
.online dl:hover {background:#1781bd;}
.online dl dt {position:absolute;top:0px;right:60px;background:#fff;border:1px solid #ccc;z-index:9999;display:none;padding:10px 15px;font-weight:normal;}
.online dl dt h3 {display:block;font-size:16px;color:#666;border-bottom:1px solid #ccc;padding-bottom:5px;}
.online dl dt h3 i {margin-right:5px;}
.online dl dt h3 span {float:right;cursor:pointer;}
.online dl dt input {border:1px solid #ccc;border-radius:5px;margin-top:15px;height:40px;line-height:40px;padding:3px 5px;width:100%;}
.online dl dt button {margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:#28a7e1;color:#fff;cursor:pointer;}

/*sm屏幕以上*/
@media only screen and (min-width:576px) {
	.card-img-200 {height:200px;overflow:hidden;}
	.card-img-180 {height:180px;overflow:hidden;}
	.card-img-150 {height:150px;overflow:hidden;}
	.card-img-120 {height:120px;overflow:hidden;}
	.card-img-100 {height:100px;overflow:hidden;}
}

/*********响应式样式******************/

/*行距*/
.lh-1 {line-height:1;}
.lh-2 {line-height:2;}
.lh-3 {line-height:3;}
.lh-4 {line-height:4;}

/*字体大小*/
.fs-12 {font-size:.857rem;}
.fs-13 {font-size:.928rem;}
.fs-15 {font-size:1rem;}
.fs-17 {font-size:1.214rem;}
.fs-14 {font-size:1rem;}
.fs-16 {font-size:1.142rem;}
.fs-18 {font-size:1.285rem;}
.fs-20 {font-size:1.428rem;}
.fs-22 {font-size:1.571rem;}
.fs-24 {font-size:1.714rem;}
.fs-26 {font-size:1.857rem;}
.fs-28 {font-size:2rem;}
.fs-30 {font-size:2.142rem;}
.fs-32 {font-size:2.286rem;}
.fs-34 {font-size:2.429rem;}
.fs-36 {font-size:2.571rem;}
.fs-38 {font-size:2.714rem;}
.fs-40 {font-size:2.857rem;}
.fs-50 {font-size:3.59375rem;}
.fs-60 {font-size:4.3125rem;}
.fs-70 {font-size:5.03125rem;}
.fs-80 {font-size:5.75rem;}
.fs-100 {font-size:7.1875rem;}
 

/*sm屏幕以上*/
@media only screen and (min-width:576px) {
/*行距*/
.lh-sm-1 {line-height:1;}
.lh-sm-2 {line-height:2;}
.lh-sm-3 {line-height:3;}
.lh-sm-4 {line-height:4;}

/*字体大小*/
.fs-sm-12 {font-size:.857rem;}
.fs-sm-13 {font-size:.928rem;}
.fs-sm-14 {font-size:1.07rem;}
.fs-sm-15 {font-size:1rem;}
.fs-sm-16 {font-size:1.142rem;}
.fs-sm-17 {font-size:1.214rem;}
.fs-sm-18 {font-size:1.285rem;}
.fs-sm-20 {font-size:1.428rem;}
.fs-sm-22 {font-size:1.571rem;}
.fs-sm-24 {font-size:1.714rem;}
.fs-sm-26 {font-size:1.857rem;}
.fs-sm-28 {font-size:2rem;}
.fs-sm-30 {font-size:2.142rem;}
.fs-sm-32 {font-size:2.286rem;}
.fs-sm-34 {font-size:2.429rem;}
.fs-sm-36 {font-size:2.571rem;}
.fs-sm-38 {font-size:2.714rem;}
.fs-sm-40 {font-size:2.857rem;}
.fs-sm-50 {font-size:3.59375rem;}
.fs-sm-60 {font-size:4.3125rem;}
.fs-sm-70 {font-size:5.03125rem;}
.fs-sm-80 {font-size:5.75rem;}
.fs-sm-100 {font-size:7.1875rem;}
 
}

/*md屏幕以上*/
@media only screen and (min-width:768px) {

/*行距*/
.lh-md-1 {line-height:1;}
.lh-md-2 {line-height:2;}
.lh-md-3 {line-height:3;}
.lh-md-4 {line-height:4;}

/*字体大小*/
.fs-md-12 {font-size:.857rem;}
.fs-md-14 {font-size:1rem;}
.fs-md-16 {font-size:1.142rem;}
.fs-md-18 {font-size:1.285rem;}
.fs-md-20 {font-size:1.428rem;}
.fs-md-22 {font-size:1.571rem;}
.fs-md-24 {font-size:1.714rem;}
.fs-md-26 {font-size:1.857rem;}
.fs-md-28 {font-size:2rem;}
.fs-md-30 {font-size:2.142rem;}
.fs-md-32 {font-size:2.286rem;}
.fs-md-34 {font-size:2.429rem;}
.fs-md-36 {font-size:2.571rem;}
.fs-md-38 {font-size:2.714rem;}
.fs-md-40 {font-size:2.857rem;}
.fs-md-50 {font-size:3.59375rem;}
.fs-md-60 {font-size:4.3125rem;}
.fs-md-70 {font-size:5.03125rem;}
.fs-md-80 {font-size:5.75rem;}
.fs-md-100 {font-size:7.1875rem;}
 
}
/*lg屏幕以上*/
@media only screen and (min-width:992px) {
	/*行距*/
.lh-lg-1 {line-height:1;}
.lh-lg-2 {line-height:2;}
.lh-lg-3 {line-height:3;}
.lh-lg-4 {line-height:4;}
.lh-24{line-height: 24px;}

/*字体大小*/
.fs-lg-12 {font-size:.857rem;}
.fs-lg-14 {font-size:1rem;}
.fs-lg-16 {font-size:1.142rem;}
.fs-lg-18 {font-size:1.285rem;}
.fs-lg-20 {font-size:1.428rem;}
.fs-lg-22 {font-size:1.571rem;}
.fs-lg-24 {font-size:1.714rem;}
.fs-lg-26 {font-size:1.857rem;}
.fs-lg-28 {font-size:2rem;}
.fs-lg-30 {font-size:2.142rem;}
.fs-lg-32 {font-size:2.286rem;}
.fs-lg-34 {font-size:2.429rem;}
.fs-lg-36 {font-size:2.571rem;}
.fs-lg-38 {font-size:2.714rem;}
.fs-lg-40 {font-size:2.857rem;}
.fs-lg-50 {font-size:3.59375rem;}
.fs-lg-60 {font-size:4.3125rem;}
.fs-lg-70 {font-size:5.03125rem;}
.fs-lg-80 {font-size:5.75rem;}
.fs-lg-100 {font-size:7.1875rem;}
 
}
/* 自定义超大屏列 */
@media (min-width:1680px) {
	.col-xxxl-20 {flex:0 0 auto;width:20%;}
}