@charset "utf-8";/**初始**/
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font:normal 14px "arial";-webkit-text-size-adjust:100%}
body{padding:0;margin:0 auto;font-size:14px;color:#333333;background-color:#fff;font-family:"arial";min-width:350px;-webkit-text-size-adjust:none;/*取出点击出现半透明的灰色背景*/
-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;}
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:"arial";}
input:-moz-placeholder{color:#666666}
input:-ms-input-placeholder{color:#666666}
input::-webkit-input-placeholder{color:#666666}
button{border:none;background-color:none;outline:none;cursor:pointer;}
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);/* 去掉链接触摸高亮 */
-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
/* a:hover{color:#0071e3;text-decoration:none;}
a:focus{color:#333;outline:none;-moz-outline:none;}
a:active{color:#333;}
*/
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;}
.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{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)}
.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_1366{max-width:1366px;margin:0 auto;}
@media(max-width:1366px){.auto_1366{padding:0 2%;}
}
.auto_1280{max-width:1280px;margin:0 auto;}
@media(max-width:1280px){.auto_1280{padding:0 2%;}
}
.auto_1200{max-width:1200px;margin:0 auto;}
@media(max-width:1200px){.auto_1200{padding:0 2%;}
}