@charset "utf-8";

html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media (max-width:1600px){
    html{font-size: calc(100 / 1800 * 100vw);}
}
@media (max-width:1366px){
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1200px){
    html{font-size: calc(100 / 1366 * 100vw);}
}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 980) * 100vw);} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 768) * 100vw);} 
}
@media (max-width:480px) {
	html{font-size: calc((100 / 480) * 100vw);} 
}
@font-face {
	font-family: 'KronaOne-Regular';
	src: url('fonts/KronaOne.ttf') format('opentype');
}
@font-face {
    font-family: "OPPOSans2_En_design-Regular";
    src:url("fonts/OPPOSans2_En_design-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

html,body{overscroll-behavior: none;}
html {scroll-behavior: smooth;}
body{padding:0;margin:0;line-height:1.5; color:rgba(var(--rgb-333)); width:100%; zoom:1;font-family:"OPPOSans2_En_design-Regular",sans-serif;background:#fff;overflow-x:hidden;font-size: var(--font-size16);}
*,::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-family:"OPPOSans2_En_design-Regular",sans-serif;font-weight: 100;font-size: var(--font-size16);}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,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:var(--rgb-333); text-decoration:none; noline:-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:rgba(var(--main-color));}

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

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.5rem;line-height: 0.5rem;background-size: auto 0.09rem;}
select::-ms-expand{display:none}

input[type="radio"],
input[type="checkbox"]{width: 0.19rem; height: 0.19rem;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: #D4151A;content: "";position: absolute;border-radius: 50%;transform: translate(-50%,-50%);}
input[type="radio"]:checked{border: 1px solid #D4151A;}

input[type="checkbox"]{border-radius: 4px;border: 1px solid #bfbfbf;background-color: #fff;}
input[type="checkbox"]:checked{background: #fff url(../images/gou.png) no-repeat center center;border: 1px solid #171c61;}

/*网页滚动条*/
::-webkit-scrollbar{width: 4px; height:4px;-webkit-overflow-scrolling : touch;background-color: transparent;}
::-webkit-scrollbar-track{background: transparent url(../images/scrollbartrack.gif) center top repeat-y;}
::-webkit-scrollbar-thumb{border-radius: 5px;background: #D4151A 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: 92%; margin:0px auto;}
.auto-inner-1360{ z-index:1; position:relative; clear:both; max-width:13.6rem;width: 92%; 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*=-acc]{align-content: center;}
[class*=-acfs]{align-content: flex-start;}
[class*=-acfe]{align-content: flex-end;}
[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:1024px) {
    [class*=flex-xy1024]{display: block;}
}
@media (max-width:768px) {
    [class*=flex-xy768]{display: block;}
}
@media (max-width:640px) {
    [class*=flex-xy640]{display: block;}
}

/*font*/
.fblue{color:rgba(var(--main-color));}
:root{
	--main-color:212, 21, 26;
	--rgb-000:0, 0, 0;
 --rgb-222:34, 34, 34;
 --rgb-333:51, 51, 51;
 --rgb-555:85, 85, 85;
 --rgb-666:102, 102, 102;
 --rgb-999:153, 153, 153;
 --rgb-eee:238, 238, 238;
}
.f13{font-size: 13px;}
.f14{font-size: 0.14rem;}
.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-family: 'hm';font-weight: 100;}
.f_Regular{font-family: 'hm';font-weight: 400;}
.f_Medium{font-family: 'hm';font-weight: 500;}
.f_Bold{font-family: 'hm';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{overflow: hidden;word-break:normal;	text-overflow: ellipsis;	display: -webkit-box;	-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;}

	@media (max-width:640px) {
		select,input,textarea,button{font-size: 14px;}
	input[type="radio"],
 input[type="checkbox"]{width: 15px;height: 15px;}
	.f14{font-size: 14px;}
		.f16{font-size: 14px;}
		.f18{font-size: 15px;}
		.f20{font-size: 15px;}	
		.f22{font-size: 16px;}
		.f24{font-size: 16px;}
		.f26{font-size: 16px;}
		.f28{font-size: 17px;}
		.f30,.f32,.f36{font-size: 18px;}
		.f40,.f42{font-size: 20px;}
  .f48{font-size: 22px;}
  .f46{font-size: 22px;}
		.f52{font-size: 24px;}
}


/*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;transition: all 0.3s}
.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);
	box-shadow: 0 0px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.itemhover2{transition: all ease 0.3s;}
.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}

.ytable {display: table;width: 100%;}
.ytable-fixed {table-layout: fixed;}
.ytable-cell {display: table-cell;vertical-align: middle;}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy > .ytable-cell{display: block;}
}

.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;max-width: 100%;max-height: 100%;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);}
.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: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) 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: translate(-50%,-50%) scale(1.2);transform: translate(-50%,-50%) scale(1.2);}

.ico-rotate{ transition: 0.6s;transform-style: preserve-3d;position: relative;}
.ico-rotate .i1,
.ico-rotate .i2 {backface-visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.item:hover .ico-rotate,.item.on .ico-rotate,.item.slick-current .ico-rotate {transform: rotateY(180deg);}
.ico-rotate .i2 {z-index: 3;transform: rotateY(180deg);}

.guang{position: relative;overflow: hidden;}
.guang em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.guang em:before,
.guang em:after{content: "";position: absolute;z-index: 10;overflow:hidden;
	background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	background:-webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.4)),color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	-webkit-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	width:100px;
	height:100%;
	left:-100%;opacity: 0;}
.guang:hover em:before,.item:hover .guang em:before{animation:leftw 5s 0.2s infinite;opacity: 1;}
.guang:hover em:after,.item:hover .guang em:after{animation:leftw 8s 0.5s infinite;opacity: 1;}
	@keyframes leftw {
		10% {left: 100%;}
		100% {left: 0;	}
	}

.wow {visibility: visible;}

/* 滑过线条 */
.hoverline{position: relative;}
.hoverline i::before{content:'';display: block;width:0;height:2px;border-top:2px solid rgba(var(--main-color));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 rgba(var(--main-color));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: 90%;max-width: 1000px;}
.video-box .inner video{display: block;width: 100%;}
.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);}

/* 滚动字体 */
.counter{position: relative;display: inline-block;}
.counter .ani {position: absolute;left: 0;top: 0;width: 106%;}
.counter .off {opacity: 0;}
.TextAnimate span{margin-right: 0 !important;}