html{-webkit-text-size-adjust: none;}

body{font-size:14px;line-height: 20px;font-family:'微软雅黑','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei','WenQuanYi Zen Hei','WenQuanYi Micro Hei'; color:#333;}

*{margin:0; padding:0;box-sizing: border-box;}

img{ border:none;display:block;}

ul,li{list-style:none;}

em, i, u { font-style: normal;}

button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}

a{ text-decoration: none; outline: none; color:#333;cursor: pointer;-webkit-tap-highlight-color:transparent}

a:link, a:visited {text-decoration: none; outline: none;}

em,i{font-style:normal;}

input, button,textarea{ cursor: pointer; -webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0); border: none;}

input[type="checkbox"]{ -webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}

table{display: table; border-collapse: separate; border-spacing: 2px; border-color: grey; border-collapse: collapse; border-spacing: 0;background-color: transparent;}

thead{display: table-header-group; vertical-align: middle; border-color: inherit;}

tbody{display: table-row-group; vertical-align: middle; border-color: inherit;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

.clearfix:after{clear:both;display:block;content:"";height:0;line-height:0;visibility:hidden;}

.clearfix{zoom:1;}

input::placeholder,textarea::placeholder {color: #999;}

textarea{width: 100%;padding: 10px; box-sizing: border-box;font-size: 12px;color: #666;}

.pic img,.img img{width: 100%; display: block;transition: all 0.6s;}



/* 公共 标题 */

.pubtit{padding: 50px 0 35px 0;}

.pubtit .title{ font-size: 30px;line-height: 40px;text-transform: uppercase;font-weight: bold;}

.pubtit .xian{width: 40px;height:5px;margin:10px auto;position: relative;background: #a91312;}

.pubtit .text2{text-transform: uppercase;font-size: 14px;color: #666;font-weight: normal; line-height: 24px;}



/* 页面分类 */

.list_navs.list_navs2 .btn{border-radius:0 ; background-color: #f5f5f5; border: 0;}

.list_navs .btn{min-width: 140px;display: inline-block;height:50px;line-height: 48px;background: #fff;margin: 0 10px;font-size: 18px;padding: 0 20px; cursor: pointer; border-radius: 25px; border: 1px solid #e1e1e1;}

.list_navs .btn.on{background-color: #3bb3c2; color: #fff;border-color: #3071b9;color: #fff; border-color:#3bb3c2 ;}

.list_navs .btn:hover{color: #3bb3c2; border-color: #3bb3c2;}

.list_navs .btn.on:hover{color: #fff;}



.heightAuto{height: auto!important;}





.banner_two{width: 100%;height: auto;min-height: 300px; }

.banner_two img{width: 100%;height: auto;display: block;}





.bordGary{border: 1px solid #b3b9c7;}

.borderB1{border-bottom: 1px solid #E1E1E1;}

.bordBno{ border-bottom: none;}

.f5H5{height: 5px; background: #f5f5f5;}

.f5H10{ height: 10px; background: #f5f5f5;}

.f5bj{background: #F5F5F5;}

.whiteBj{background: #fff;}

.mainBj{ background: #3bb3c2;}

.w{width: 100%;}

.w:after,.w:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}





/*浮动*/

.fl{ float:left;}

.fr{ float:right;}

.fn{ float:none}

.cl{ clear:both;}

.mc { margin: 0 auto;}



.pf{position: fixed;}

.pr{position: relative;}

.oh{overflow: hidden;}

.center{text-align: center;}

.text-L{text-align: left;}

.text-R{text-align: right;}

.cl{clear: both;}

.pdlr4{padding: 0 4%;}

.mglr4{margin: 0 4%;}

.boxShaow{box-shadow: 0 0 8px rgba(0,0,0,0.3);}



.mainColor{ color: #3bb3c2;}

.red{color: #ff6600;}

.white{color: #FFF;}

.color2{color:#222;}

.color3{color: #333;}

.color6{color: #666;}

.color9{color: #999;}

.color5{color: #555;}

.price{color: #ff6600;}

/* .price::before{content: '￥';} */

.orange{color: #ff911b;}

.yuanPrice{text-decoration: line-through}



.radius5{border-radius:5px;}

.radius8{border-radius:8px;}

.radius10{border-radius:10px;}

.arrowR{width: 8px; height: 13px; display: block; margin-left: 5px;}



/* 弹框背景 */

.modal-container{width: 100vw;height: 100vh;z-index: 40;background-color: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

.black-bj,.black-bj2 {background: #000;opacity: 0.5;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 40;display: none; }

.closebtn{ position:absolute; right:10px; top:10px; height:20px; text-align:center; line-height:20px; cursor:pointer;}

/* 关闭按钮 */

.closeBtn{ position: absolute; top: -40px; left: 50%;transform: translateX(-50%); width: 22px; height: 22px; border-radius: 50%; font-size: 23px; color: #eee; border:1px solid #eee; line-height: 22px; text-align: center;}

.w1400{width: 1400px;margin: 0 auto;}

.w1200{width: 1200px;margin: 0 auto;}





.seeMoreBtn{width: 150px;height: 45px;line-height: 45px;border-radius: 5px;text-align: center;background-color: #3bb3c2;color: #fff;margin: 0px auto; display: block;border-radius: 0 20px 0 20px;font-size: 16px;}

.seeMoreBtn:hover{background-color: #1b98a8;}



.h44{ height: 44px;}

.h50{ height: 50px;}

.h100{ height: 100px;}



/* Font */

.ftw{font-weight: bold;}

.ftn{font-weight: normal;}



.fs8{font-size: 8px;}

.fs9{font-size: 9px;}

.fs10{font-size: 10px;}

.fs12{font-size: 12px;}

.fs13{font-size: 13px;}

.fs14{font-size: 14px;}

.fs15{font-size: 15px;}

.fs16{font-size: 16px;}

.fs18{font-size: 18px;}

.fs20{font-size: 20px;}

.fs22{font-size: 22px;}

.fs24{font-size: 24px;}

.fs26{font-size: 26px;}

.fs28{font-size: 28px;}

.fs30{font-size: 30px;}

.fs36{font-size: 36px;}



/* Spacing */

.line20{line-height: 20px;}

.line22{line-height: 22px;}

.line24{line-height: 24px;}

.line26{line-height: 26px;}

.line30{line-height: 30px;}

.line36{line-height: 36px;}

.line40{line-height: 40px;}

.line44{line-height: 44px;}

.line50{line-height: 50px;}



/* Margin */

.mg0{margin: 0 auto;}

.mg5{margin: 5px;}

.mg10{margin: 10px;}

.mg15{margin: 15px;}

.mg20{margin: 20px;}

.mg30{margin: 30px;}

.mg40{margin: 40px;}

.mg50{margin: 50px;}



.mgt5{ margin-top: 5px;}

.mgt10{ margin-top:10px; }

.mgt15{ margin-top:15px; }

.mgt20{ margin-top:20px; }

.mgt30{ margin-top:30px; }

.mgt40{ margin-top:40px; }

.mgt50{ margin-top:50px; }



.mgr5{margin-right: 5px;}

.mgr10{margin-right: 10px;}

.mgr15{margin-right: 15px;}

.mgr20{margin-right: 20px;}

.mgr30{margin-right: 30px;}

.mgr40{margin-right: 40px;}

.mgr50{margin-right: 50px;}



.mgl5{margin-left: 5px;}

.mgl10{margin-left: 10px;}

.mgl15{margin-left: 15px;}

.mgl20{margin-left: 20px;}

.mgl30{margin-left: 30px;}

.mgl40{margin-left: 40px;}

.mgl50{margin-left: 50px;}



.mgtb5{ margin:5px 0;}

.mgtb10{ margin:10px 0;}

.mgtb15{ margin:15px 0;}

.mgtb20{ margin:20px 0;}

.mgtb30{ margin:30px 0;}

.mgtb40{ margin:40px 0;}

.mgtb50{ margin:50px 0;}



.mglr5{ margin:0 5px;}

.mglr10{ margin:0 10px;}

.mglr15{ margin:0 15px;}

.mglr20{ margin:0 20px;}

.mglr30{ margin:0 30px;}

.mglr40{ margin:0 40px;}

.mglr50{ margin:0 50px;}



.mgb5{margin-bottom: 5px;}

.mgb10{ margin-bottom:10px; }

.mgb15{margin-bottom: 15px;}

.mgb20{margin-bottom: 20px; }

.mgb30{margin-bottom: 30px;}

.mgb40{margin-bottom: 40px;}

.mgb50{margin-bottom: 50px;}



/* Padding */

.pd10{padding:10px;}

.pd20{padding: 20px}

.pd25{padding: 25px;}

.pd30{padding: 30px;}

.pd40{padding: 40px;}



.pdlr10{padding:0 10px;}

.pdlr20{padding:0 20px;}

.pdlr30{padding:0 30px;}

.pdlr40{ padding:0 40px;}



.pdt5{ padding-top: 5px;}

.pdt10{ padding-top: 10px;}

.pdt15{ padding-top: 15px;}

.pdt20{padding-top: 20px;}

.pdt30{padding-top: 30px;}

.pdt40{padding-top: 40px;}

.pdt50{padding-top: 50px;}



.pdb5{ padding-bottom: 5px;}

.pdb10{padding-bottom: 10px;}

.pdb15{padding-bottom: 15px;}

.pdb20{padding-bottom: 20px;}

.pdb30{padding-bottom: 30px;}

.pdb40{padding-bottom: 40px;}

.pdb50{padding-bottom: 50px;}

.pdb80{padding-bottom: 80px;}



.pdl5{ padding-left: 5px;}

.pdl10{padding-left: 10px;}

.pdl20{padding-left: 20px;}

.pdl30{padding-left: 30px;}

.pdl40{padding-left: 40px;}

.pdl50{padding-left: 50px;}



.pdr5{ padding-right: 5px;}

.pdr10{padding-right: 10px;}

.pdr20{padding-right: 20px;}

.pdr30{padding-right: 30px;}

.pdr40{padding-right: 40px;}

.pdr50{padding-right: 50px;}



.pdtb10{padding:10px 0;}

.pdtb15{padding:15px 0;}

.pdtb20{padding:20px 0;}

.pdtb30{padding:30px 0;}



.arrowBtn{ position: absolute; width: 100%; top: 40%;z-index: 3;left: 0;}

.arrowBtn .btn{width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #b5b5b6; color: #fff; font-size: 30px; cursor: pointer; }





/* 提交按钮 */

.submitbtn .btn{width: 80%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #3bb3c2; border-radius: 5px; font-size:16px; margin: 0 auto; display:block;}

.submitbtn button:after{border: 0;}

.submitbtn .Wbtn{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #3bb3c2; border-radius: 5px; font-size:16px; margin: 0 auto; display:block;}





/* 行数显示省略号 */

.avoidOverflow{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.avoidOverflow2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2;}

.avoidOverflow3{ overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  word-break: break-all; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.avoidOverflow4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 4; }



/* 页码 */

.list-page a{display: inline-block;font-size: 15px;}

.list-page a{margin: 0px 5px; height: 36px;line-height: 36px;display: inline-block; cursor: pointer;position: relative;border: 1px solid #eee;border-radius: 5px;padding: 0 12px;}

.list-page a.select{color: #fff;background-color: #3bb3c2;border-color:#3bb3c2 ;}

.list-page a:hover{color: #3bb3c2;border-color: #3bb3c2;}

.list-page a.select:hover{color: #fff;}



/* 页面详情 */

.xqinfor p{padding-bottom: 15px;text-indent: 2em;}

.xqinfor h1{padding: 15px 0 10px 0;}

.xqinfor img{max-width: 100%;height: auto;display: block;margin: 20px auto;}



/* flex布局 */

.flex{display:flex;align-items:center;}

.flexCenter{display:flex;align-items:center;justify-content:center;}

.flexRowAround{display:flex;flex-direction:row;	justify-content: space-around;align-items:center;}

.flexRowBetween{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}

.flexEnd{ display: flex; justify-content: flex-end; align-items: center;}

.flexColumn{display: flex; flex-direction: column; align-items: center;}



.data{color: #999;font-size: 14px;}

.data::before{content: '\e618';font-family: iconfont;padding-right: 5px;font-size: 20px;}



@media (max-width:1500px){

	.w1400{width: 1200px;}

	.pagebox{width: 1200px;}

}



@media (max-width:750px){

	.w1400{width: 100%;padding: 0 15px;}

	.pagebox{width: 100%;}

	.pdb80{padding-bottom: 30px;}

	

	.pubtit{padding: 30px 0 20px 0;}

	.pubtit .title{font-size: 20px;}

	.pubtit .text2{font-size: 12px;}

	

	.seeMoreBtn{width: 110px;height: 40px;line-height: 40px;font-size: 14px;}

	

	.list-page li span{margin: 0;font-size: 14px;padding: 0 10px;}

}