@charset "utf-8";
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}
@font-face {
  font-family: "SourceHanSansBold";
  src: url("../fonts/SourceHanSansBold.woff") format("woff"),
       url("../fonts/SourceHanSansBold.ttf") format("truetype"),
       url("../fonts/SourceHanSansBold.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansBold.svg") format("svg");
}
@font-face {
    font-family: "OSWALDDEMIBOLD";
    src: url("../fonts/OSWALD-DEMIBOLD.ttf") format("truetype")
}
@font-face {
    font-family: "OSWALDLIGHT";
    src: url("../fonts/OSWALD-LIGHT.TTF") format("truetype")
}
@font-face {
    font-family: "youshebiaotihei";
    src: url("../fonts/youshebiaotihei.ttf") format("truetype")
}
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "SourceHanSansCN-Regular";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #333;background-color: #fff;font-family: "SourceHanSansCN-Regular";min-width: 350px;max-width: 1920px;
-webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
padding-top: 90px;
}

input {-webkit-appearance: none;border: none;background: none;outline: none;appearance: none;-moz-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
article,
nav,
menu,
aside{padding: 0;margin: 0;}
ul,li {list-style: none;}
 h1,h2,h3,h4,h5,h6,p{margin: 0;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "SourceHanSansCN-Regular";}
input:-moz-placeholder{color: #999999}
input:-ms-input-placeholder{color: #999999}
input::-webkit-input-placeholder{color: #999999}
img{border: none;max-width: 100%;vertical-align: middle;transition: 0.3s;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #f5a20e;text-decoration: none;}
a:focus {color: #f5a20e;outline: none;-moz-outline: none;}
a:active {color: #f5a20e;}
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;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	background: none;
	border: none;
	padding: 0;
	}
.SansBold{font-family: SourceHanSansBold;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.scrollbar::-webkit-scrollbar {/*滚动条整体样式*/
	    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
	    height: 1px;
}
	
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
	    border-radius: 10px;
	    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
	    background: #222222;
}
	
.scrollbar::-webkit-scrollbar-track{/*滚动条里面轨道*/
	    border-radius: 10px;
	    background: #EEEEEE;
}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*用于图片变黑白*/
.grayscale{opacity: 0.5;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}
.grayscale.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}
	}
.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{
	-webkit-filter:grayscale(0);filter:grayscale(0);opacity: 1;
	}
.grayscale.grayscale-replaced{
	-webkit-filter:none;filter:none
	}
.grayscale.grayscale-replaced>svg{
	-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1
	}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto_1800{ max-width:1800px;margin:0 auto;}
@media(max-width:1800px){.auto_1800{ padding:0 2%;}}
.auto_1600{ max-width:1600px;margin:0 auto;}
@media(max-width:1600px){.auto_1600{ padding:0 2%;}}
.auto_1440{ max-width:75%;margin:0 auto;}
@media(max-width:1366px){
	.auto_1440{ max-width:80%;}
}
@media(max-width:768px){.auto_1440{ max-width: 100%;padding:0 2%;}}
.auto_1280{ max-width:1280px;margin:0 auto;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}

.top .open_menu{display: block;display: inline-block;vertical-align: middle;z-index: 100;}
.top .open_menu .navBtn {position: relative;display: block;box-sizing: content-box; width: 25px; height: 20px; overflow: hidden; }
.top .open_menu .navBtn i { display: block; width: 100%; height: 4px; background-color: #f5a20e; position: absolute;left: 0; transition:  0.3s; }
.top .open_menu .navBtn .i1 { top: 0; }
.top .open_menu .navBtn .i2 { top: 8px; }
.top .open_menu .navBtn .i3 { top: 16px; }
.top .open_menu.active  .navBtn .i2{display: none;}
.top .open_menu.active  .navBtn .i1{transform: rotate(45deg);top: 8px;}
.top .open_menu.active  .navBtn .i3{transform: rotate(-45deg);top:8px}