*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
button,input,input[type=submit],input[type=reset],input[type=button]{resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{height:auto;width:auto\9;-ms-interpolation-mode:bicubic}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0;border:none;-webkit-tap-highlight-color:transparent}
em,i{font-style:normal}
.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,textarea{outline:none; -webkit-appearance:none;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; font-weight:normal; line-height:1.4}
img{border:none;vertical-align:middle}
body,html{width:100%;margin:0 auto;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}

a{color:#333;text-decoration:none;outline:0;transition:all .3s ease-out 0s;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
a:hover,a:focus{color:#fe2302;text-decoration:none;outline:0;}
body{
	width:100%;
	overflow-x:hidden;
	font-size:14px;
	line-height:1.4;
    background:#fff;
    color: #333;
    font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;
}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.fl{float:left}
.fr{float:right}

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

.w{zoom:1;width:1200px; margin:0 auto;overflow: hidden;}
.w:after{content:"";display:block;visibility:hidden;height:0;clear:both}

.main{zoom:1; width:95%; margin:auto; position: relative;}

.h5{height:5px;width:100%;clear:both;}
.h10{height:10px;width:100%;clear:both;}
.h15{height:15px;width:100%;clear:both;}
.h20{height:20px;width:100%;clear:both;}
.h25{height:25px;width:100%;clear:both;}
.h30{height:30px;width:100%;clear:both;}
.h40{height:40px;width:100%;clear:both;}
.h50{height:50px;width:100%;clear:both;}
.h60{height:60px;width:100%;clear:both;}
.h70{height:70px;width:100%;clear:both;}
.h80{height:80px;width:100%;clear:both;}
.h90{height:90px;width:100%;clear:both;}
.h100{height:100px;width:100%;clear:both;}
.max_img{width:100%;line-height:0;text-align:center; position: relative;}
.max_img img{max-width:100%; height: auto;}


.max100{width:100%;line-height:0;text-align:center; position: relative;}
.max100 img{width:100%; height: auto;}

.title-image{width:100%;line-height:0;text-align:center; position: relative;}
.title-image img{max-width:100%; height: auto;}
.row {
    margin-left:-12px;
    margin-right:-12px
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.row::after {clear: both;}


.row5 {
    margin-left:-5px;
    margin-right:-5px
}
.row5::before, .row5::after {
    content: " ";
    display: table;
}
.row5::after {clear: both;}

.row15{
    margin-left:-15px;
    margin-right:-15px;
}
.row20{
    margin-left:-20px;
    margin-right:-20px;
}

.row25{
    margin-left:-25px;
    margin-right:-25px;
}

.row30{
    margin-left:-30px;
    margin-right:-30px;
}

.row25::before, .row25::after {
    content: " ";
    display: table;
}
.row25::after {clear: both;}

.row50{
    margin-left:-50px;
    margin-right:-50px;
}
.row50::before, .row50::after {
    content: " ";
    display: table;
}
.row50::after {clear: both;}



.pages {
	padding: 20px 0;
	text-align: center
}
.pages li {
	display: inline;
	margin:0 5px;
}
.pages li a {
	padding: 4px 9px;
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
	font-size:12px;
}
.pages li a:hover,.pages li.curr a {
	padding: 4px 9px;
	border: 1px solid #cb9a4d;
	background: #cb9a4d;
	color: #fff;
	text-decoration: none;
}

.loading {
    width:100%;
    height:100%;
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index: 999999;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.loading_main{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 42px;
    font-family: Lato, sans-serif;
    letter-spacing: 10px;
    text-transform: uppercase;
    width:60%;
}
.loading span {
    animation: shrink 2s infinite;
}
@keyframes shrink {
    50% {
        transform: scale(0);
    }
}


@-webkit-keyframes reverseRotataZ {
    0%{
        -webkit-transform: rotateZ(0deg);
    }
    100%{
        -webkit-transform: rotateZ(-360deg);
    }
}
@-webkit-keyframes rotataZ{
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}