@charset "utf-8";

html{-webkit-text-size-adjust:100%;}
@media (min-width:1401px){
    html{font-size: 100px}
}
@media (max-width:1400px){
    html{font-size: calc(100 / 1400 * 100vw);}
}
@media (max-width:1200px){
    html{font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width:768px) {
    html{font-size: calc((100 / 750) * 100 * 1vw);} 
}

@media (max-width:480px) {
    html{font-size: calc((100 / 480) * 100 * 1vw);} 
}
html,body{/*overscroll-behavior: none;*/}
body{padding:0;margin:0;line-height:1.5; color:#333; width:100%; zoom:1;background:#fff;overflow-x:hidden;font-size: 0.18rem;}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;-webkit-tap-highlight-color:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea,button{margin:0;padding:0;outline:0;appearance:none;-webkit-appearance:none;border-radius:0;font-weight: 100;border: 0;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,address,ol{font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
:focus,a:focus{outline:0;-moz-outline:none}

article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
table,td,th{border-collapse:collapse;border-spacing:0}

figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}
a{ color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#1d51d2;}

/*input字体*/
:-moz-placeholder {color: #b2b2b2;font-size: 0.16rem;}
::-moz-placeholder {color: #b2b2b2;font-size: 0.16rem;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #b2b2b2;font-size: 0.16rem;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;font-size: 0.16rem;}

select{border: solid 0.01rem #ddd;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/selectarr.svg) no-repeat scroll right 0.1rem center transparent;padding-right: 0.2rem;height: 0.4rem;line-height: 0.4rem;background-size: .25rem;}
select::-ms-expand{display:none}

input[type="radio"],
input[type="checkbox"]{width: 0.2rem; height: 0.2rem;vertical-align: middle;appearance: none;print-color-adjust: exact;cursor: pointer;border: 1px solid #9b9b9b;position: relative;margin: -0.04rem 0.1rem 0 0;}
input[type="radio"]{border-radius: 50%;}
input[type="radio"]:checked:after{width: 50%;height: 50%;left:50%;top:50%;background: #0056ff;content: "";position: absolute;border-radius: 50%;transform: translate(-50%,-50%);}
input[type="radio"]:checked{border: 1px solid #0056ff;}

input[type="checkbox"]{border-radius: 2px;border: 1px solid #bfbfbf;background-color: #fff;}
input[type="checkbox"]:checked{background: #1e51d3 url(../images/gou.svg) no-repeat center center;    background-size: 0.14rem;
	border: 1px solid #0056ff;}

/*网页滚动条*/
::-webkit-scrollbar{width: 3px; height:3px;-webkit-overflow-scrolling : touch;background-color: transparent;}
::-webkit-scrollbar-track{background: #e1e9fa;}
::-webkit-scrollbar-thumb{background: #1d51d2 url(../images/scrollbg.png) center center no-repeat;}
::-webkit-scrollbar-button{height: 0px;width: 0;background-color: #ebeced;display: none;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
/* .auto{margin:0px auto;} */
.show{ display:inline-block;vertical-align: middle;}
.hide{ display:none;}
.block{ display:block;}
.clear{clear:both;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.auto-inner{ z-index:1; position:relative; clear:both; max-width:16rem;width: 87.6%; margin:0px auto;}
/* .auto-inner-1400{z-index:1; position:relative; clear:both; max-width:14rem;width: 87.6%; margin:0px auto;} */
.table{ display: table; width:100%;border-collapse: collapse;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}
.iblock{font-size:0;}
.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}
.pb0{padding-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.pt50{padding-top: 0.5rem !important;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}
.relative{position: relative;}

/* flex布局 */
.flex1{flex: 1;}
[class*=flex-]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
[class*=-aic]{ -ms-flex-align: center;align-items: center;}
[class*=-aife]{-ms-flex-align: end;align-items: flex-end; }
[class*=-aifs]{-ms-flex-align: start;align-items: flex-start; }
[class*=-ais]{-ms-flex-align: stretch;align-items: stretch;}
[class*=-jcc]{ -ms-flex-pack: center;justify-content: center;}
[class*=-jcsb]{-ms-flex-pack: justify; justify-content: space-between;}
[class*=-jcfe]{-ms-flex-pack: end;justify-content: flex-end; }
[class*=-jcfs]{-ms-flex-pack: start;justify-content: flex-start; }
[class*=-row]{flex-direction: row;-ms-flex-direction: row; flex-wrap: wrap;}
[class*=-column]{flex-direction: column;-ms-flex-direction: column; }
@media (max-width:1200px) {
    [class*=flex-xy1024]{display: block;}
}
@media (max-width:768px) {
    [class*=flex-xy768]{display: block;}
}
@media (max-width:640px) {
    [class*=flex-xy640]{display: block;}
}

/*font*/
.fred{color:#d53226;}
.fblue{color:#062b75;}
.f333{color: #333;}
.f555{color: #555;}
.f666{color: #666;}
.f13{font-size: 13px;}
.f14{font-size: 0.14rem;}
.f15{font-size: 0.15rem;}
.f16{font-size: 0.16rem;}
.f18{font-size: 0.18rem;}
.f20{font-size: 0.2rem;}
.f22{font-size: 0.22rem;}
.f24{font-size: 0.24rem;}
.f26{font-size: 0.26rem;}
.f28{font-size: 0.28rem;}
.f29{font-size: 0.28rem;}
.f30{font-size: 0.30rem;}
.f32{font-size: 0.32rem;}
.f36{font-size: 0.36rem;}
.f42{font-size: 0.42rem;}
.f40{font-size: 0.40rem;}
.f46{font-size: 0.46rem;}
.f48{font-size: 0.48rem;}
.f50{font-size: 0.5rem;}
.f52{font-size: 0.52rem;}
.t_justify{text-align: justify;}
.f_Light{font-weight: 100;}
.f_Regular{font-weight: 400;}
.f_Medium{font-weight: 500;}
.f_Bold{font-weight: 700;}
.nfw{font-weight:normal}
.tit{ display:block;	text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 1;}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
[class*=dots-] {--wlc: 1;-webkit-line-clamp: var(--wlc);display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word; -webkit-box-orient: vertical}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word; -webkit-box-orient: vertical}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}


/*effict*/
.Scale-img {zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.Ispic{ overflow:hidden; position:relative;display: block;}
.Ispic span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.Ispic img{ width:100%; height:100%;object-fit: cover;}
.Ispic.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.1) !important;
	box-shadow: 0 0px 30px rgba(0,0,0,0.1) !important;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.itemhover2{transition: all ease 0.3s;}
.activehover2{
		-webkit-transform: translate3d(0, -2px, 0) !important;
		transform: translate3d(0, -2px, 0) !important;}

.ico-zoom{display:inline-block;position: relative;align-items: center;justify-content: center;margin: 0px auto;vertical-align: middle;}
.ico-zoom .i1,.ico-zoom .i2 {position: absolute;z-index: 100;width: 100%;height: 100%;z-index: 2;}
.ico-zoom img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.ico-zoom .i1 {transition: 400ms;}
.ico-zoom .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.li:hover .ico-zoom .i2,.li.on .ico-zoom .i2,.item:hover .ico-zoom .i2,.item.slick-current .ico-zoom .i2,.item.on .ico .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.li:hover .ico-zoom .i1,.li.on .ico-zoom .i1,.item:hover .ico-zoom .i1,.item.slick-current .ico-zoom .i1,.item.on .ico-zoom .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}

/* 滑过线条 */
.hoverline{position: relative;}
.hoverline i::before{content:'';display: block;width:0;height:2px;border-top:2px solid #d53226;transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i::after{content:'';display: block;height:0;width:2px;border-left:2px solid #d53226;transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i.l1::before{left:0;top:0;}
.hoverline i.l1::after{right:0;top:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::before{left:0;bottom:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::after{left:0;top:0;}
.hoverline:hover i::before,.hoverline.onli i::before,
.hoverline:hover i::after,.hoverline.onli i::after{opacity: 1;}
.hoverline:hover i::before,.hoverline.onli i::before{width:100%;}
.hoverline:hover i::after,.hoverline.onli i::after{height:100%;}

/*视频弹窗*/
.video-box{position: fixed; left: 0;top: 0;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.video-box .inner{width: 12.8rem;margin: 0px auto;position: relative;}
.video-box .inner video{display: block;width: 100%;max-height: 7.2rem;object-fit: cover;}
.video-box .close{ cursor:pointer; width:0.4rem; height:0.4rem; position:absolute; z-index:4; right:0.2rem; top:0.2rem;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.TabSlide{position: relative;}

/* 单选下拉 */
.seltxt {width: 100%;height: 0.4rem;position: relative; border-radius: 5px;font-size: 0.16rem;background-image: linear-gradient(to right, #00a488 , #acce05);}
.seltxt p{line-height: 0.4rem;color: #fff;border-radius: 5px;cursor: pointer;height: 100%;overflow: hidden;background: url(../images/arrb_white.svg) no-repeat right 0.1rem center/14px 8px;text-align: center;padding: 0 0.3rem 0 0.15rem;}
.seltxt .hover {position: absolute;top: 100%;left: -1px;width: calc(100% + 2px);padding-top: 0.04rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 10;padding: 0.1rem 0 0.1rem 0;background-color: #fff;border-radius: 5px;}
.seltxt .hover ul {overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 5);}
.seltxt .hover li {transition: 0.3s;cursor: pointer;color: #7c7c7c;padding: 0.05rem 0.1rem;line-height: 1.5;}
.seltxt .hover li:not(:last-child) {margin-bottom: 0.05rem;}
.seltxt .hover li.on,
.seltxt .hover li:hover{background-color:#ddd;color: #1d51d2;}
.seltxt.show {z-index: 15;}
.seltxt.show p{position: relative;z-index: 11;}
.seltxt.show .hover{visibility: visible;opacity: 1;	transform: translateY(0);box-shadow: 0 5px 20px rgba(196,196,196,1);}