@import "base.css";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,iframe,a{margin:0;padding:0; box-sizing: border-box;}
input,button,select,textarea{outline:none;}
dl,ul,ol{list-style:none;}
img{border:none;}
textarea{resize:none;}
@font-face{
	font-family: Bebas;
	src: url('../fontFrame/BEBASNEUE-1.ttf');
}
// @font-face{
// 	font-family: Noto;
// 	src: url('../fontFrame/NotoSansHans-Regular-2.ttf');
// }
@font-face{
	font-family: "Poppins";
	font-style:eot woff2 woff;
	font-weight:300;
	src: url('../fontFrame/Poppins-Light.woff2') format("woff2"),url('../fontFrame/Poppins-Light.woff') format("woff");
}
body{color:#000;word-break:break-word;word-wrap:break-word;}
body,input,textarea{font-size:12px;font-family:'思源黑体 CN Regular', Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

i,em{font-style:normal;}
a{color:#000;text-decoration:none;outline:none}
// a:hover{color:$c1;}
table{ border-collapse:collapse; } 
/*clearfix*/
body{position: relative; background-color: #fff; overflow-x:hidden; overflow-y: auto; min-width: 320px; width: 100%; }
.clearfix:after,.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl,.z{float:left;} 
.fr,.y{float:right!important;}
.show{display:block;}
.hide{display:none;}
.tal{text-align: left!important;}
.fz12{font-size: 12px !important;}
.fz14{font-size: 14px !important;}  
.tac{text-align:center!important;}
.tal{text-align:left!important;}
.tar{text-align:right!important;} 
.pt0{padding-top: 1px !important;}
.mt0{margin-top: 0px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}
.mb80{margin-bottom: 80px !important;}
.hide{display: none!important}
.wrap{width:1600px;margin:0 auto;position:relative}
.wrap2{width:80%;margin:0 auto;position:relative}
.wrap3{width:90%; margin:0 auto; position:relative; box-sizing: border-box;}
.wrap4{width:1000px;margin:0 auto;position:relative}

.iconfont{font-size:inherit;}
.cblue{color:#55ADE5!important;}
.body-en{word-break:break-word;}

.iconfont{font-size: inherit;}
.flexCentery{display: flex; align-items:center;}
.flexCenterxy{display: flex; justify-content:center; align-items:center; align-content:center;}
.flexCenterxys{display: flex; justify-content:space-between; align-items:center; align-content:center;}
.ctArrow{display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #ccc;}


.maintop{padding-top: $t1+$t2;}

.burger{
	padding:15px; cursor: pointer;
	.burger-in{width:30px; margin:0 auto;}
	$w:30px;
	[class^="line"]{background:#000;height:3px;margin-bottom:5px;opacity:1;@include trans;}
	@for $i from 1 to 4 {
		.line#{$i}{width:$w - ($i - 1) * 5px;
			&:last-of-type{margin-bottom: 0;}
			// &:hover{width: 30px;}
		}
	}

	&.on .line1{@include transform(matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6));}
	&.on .line2{visibility: hidden; opacity: 0; @include transform(matrix(1, 0, 0, 1, -40, 0));}
	&.on .line3{width:30px; @include transform(matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10));}
	&:hover{
		.line3{width: 30px;}
	}
}
.bgfixed{background-attachment: fixed!important;}

@media screen and (max-width: 1600px){
	.wrap{width: 1400px;}
}
@media screen and (max-width: 1400px){
	.wrap{width: 1200px;}
}
@media screen and (max-width: 1200px){
	.wrap{width: 980px;}
}
@media screen and (max-width: 750px){
	.wrap,.wrap2,.wrap3,.wrap4{width: 100%; margin:0; box-sizing:border-box; padding:0 15px;}
	.burger{display: block;}
	.maintop,.maintop2{padding-top: $mt1;}
	.bgfixed{background-attachment: scroll!important;}
}

.paging{height: 32px; line-height: 30px; margin:50px 0; text-align: center;
	a{display: inline-block; padding:0 12px; margin:5px 3px 0; font-size: 14px; border:1px solid #999; color:#666; @include trans;
		&:hover,&.cur{background: $c1; border-color:$c1; color:#fff;}
	}
}

.pc-show{display: block;}
.wap-show{display: none!important;}
@media screen and (max-width: 750px){
	.pc-show{display: none!important;}
	// video.pc-show{display: block!important;}
	.wap-show{display: block!important;}
}


/**************************/ 
.nodata{padding:80px 0; text-align: center; font-size: 18px; color:#666;
	.ico-nodata{display: block; width: 153px; height: 153px; background:url(../images/ico-nodata.png) no-repeat; margin:0 auto 25px;}
}
.search-title{
	h4{font-size: 24px; font-weight: normal; color:#333;
		strong{color:$c1; font-weight: normal;}
	} 
}

.search-view{padding-bottom: 50px;
	li{margin-bottom: 20px; border-bottom:1px solid #ddd; padding:20px;
		.tit{display: block; font-size: 16px; color:#333; line-height: 2; @include trans;
			&:hover{color:$c1;} 
		}
		.des{font-size: 14px; color:#999; line-height: 2;}
		.hand{@include btner; margin-top: 10px;}
	}
}
.pagering{text-align: center; padding:10px 0 50px;
	li{display: inline-block; margin:0 3px;}
	a,span{display: block; border-radius:50%; line-height: 32px; color:#333; width:32px; text-align: center; box-sizing: border-box; font-size: 16px;}
	.disabled{
		a,span{color:#aaa;}
	}
	a:hover{background: $c2; color:#fff; @include trans;}
	.active{
		a,span{background:$c2; color:#fff;}
	}
}