@charset "utf-8";

************************************************************************/
*{margin:0; padding:0; }
html{height:100%; }
div,i,p,h1,h2,h3,h4,h5,h6,hr,br,em,dl,dd,li,ul,ol,td,th,pre,form,body,input,strong,textarea,select,figcaption,figure{margin:0; padding:0; list-style-type:none;}
table {	border-collapse: collapse;}
textarea {	resize: none;	overflow: auto;}
a,button{cursor:pointer;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear:after,#clear:after {    content: "";    display: table;    clear: both;    font-size: 0;    line-height: 0;    height: 0;}
body{ 
    display:block; 
    width:100%; 
    background: #fff; 
    transition:all ease-out 0.3s;
    color:#555; 
    font-family:"Microsoft YaHei","Source Han Sans", Arial,"微软雅黑","宋体" ; 
    font-size:16px; 
    line-height:1.4;
    /* font-weight:100; */
}
a {color: #333;	text-decoration: none; transition:all ease-out 0.3s;}
/* a:visited {text-decoration: none;	color: #0066CC;} */
a:hover {text-decoration: none ;	color: #601D1D;}
/* a:active {text-decoration: none;	color: #0066CC;} */



.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;} /* js iconfont */
.w{display:flex;justify-content:space-between;box-sizing:border-box;width:100%;max-width: 1800px; margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.text-center{text-align: center;}



body,blockquote,dd,dialog,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,input[type="checkbox"],input[type="radio"],input[type="range"],legend,menu,ol,p,pre,ul{margin:0;}
button,dialog,fieldset,input,td,th,textarea,menu,ol,option,ul{padding:0;}
button,dialog,fieldset,input,td,th,textarea,iframe,select,table{border:0;}
/* 去除外边距-去除内边距 */
ul,ol{list-style:none;}
/* 去除列表符号 */
table{border-collapse:collapse;border-spacing:0;}
/* 设置表格 */
q:before,q:after{content:'';}
/* 给引用加上引号，较少用到该标签 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/* 设置元素模式，应该是html5的新元素在旧的浏览器中显示问题 */
input:focus,textarea:focus{outline:none;}
/* 设置表单元素获得焦点去除虚线框 */
fieldset,img,input,button{border:none;}
/* 去除边框 */
hr{border:none;height:1px;}
/* 设置水平线样式，较少用到该标签 */
button{cursor:pointer;}
/* 设置鼠标移到按钮上为手型 */

input,select{vertical-align:middle;} 
/* 设置对齐 */
address,cite,dfn,em,var{font-style:normal;}
/* 设置字重为普通 */
code,kbd,pre,samp,tt{font-family:inherit;font-size:100%;}
button,input,select,textarea{font-family:inherit;font-size:100%;}
/* 设置字体及字号 */
small{font-size:12px;}
/* 设置字号，较少用到该标签 */
a{text-decoration:none;outline:none;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;}
/* 设置链接默认样式 */
li,img{transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;}
/* 自定义动画 */
object{max-width:100%;}
/* 设置最大宽度 */


/* 加载英文字体 */
/*
@font-face{font-family:'sysfont';src:url('../fonts/sysfont.ttf') format('truetype');}
@font-face{font-family:'RobotoCondensed';src:url('../fonts/RobotoCondensed.ttf') format('truetype');}
*/

@keyframes mctranslate{0% {transform:translate(0,0);}50%{transform:translate(10px,10px);}100%{transform:translate(0,0);}}
@keyframes mctranslatex{0% {transform:translateX(-5px);}50%{transform:translateX(5px);}100%{transform:translateX(-5px);}}
@keyframes mctranslatey{0% {transform:translateY(0);}50%{transform:translateY(10px);}100%{transform:translateY(0);}}
@keyframes mcscale{0% {transform:scale(1);}50%{transform:scale(0.8);}100%{transform:scale(1);}}
@keyframes mcscalex{0% {transform:scaleX(1);}50%{transform:scaleX(0);}100%{transform:scaleX(1);}}
@keyframes mcscaley{0% {transform:scaleY(1);}50%{transform:scaleY(1.05);}100%{transform:scaleY(1);}}
@keyframes mcrotate{0% {transform:rotate(0);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}
@keyframes mcrotatex{0% {transform:rotateX(0);}50%{transform:rotateX(180deg);}100%{transform:rotateX(360deg);}}
@keyframes mcrotatey{0% {transform:rotateY(0);}50%{transform:rotateY(180deg);}100%{transform:rotateY(360deg);}}
@keyframes mcrotatez{0% {transform:rotateZ(0);}50%{transform:rotateZ(180deg);}100%{transform:rotateZ(360deg);}}
@keyframes mcskew{0% {transform:skew(0,0);}50%{transform:skew(180deg,180deg);}100%{transform:skew(360deg,360deg);}}
@keyframes mcskewx{0% {transform:skewX(0);}50%{transform:skewX(180deg);}100%{transform:skewX(360deg);}}
@keyframes mcskewy{0% {transform:skewY(0);}50%{transform:skewY(180deg);}100%{transform:skewY(360deg);}}
@keyframes mcopacity{0% {opacity:0.5;}50%{opacity:1;}100%{opacity:0.5;}}
/*
animation:xxx 3s infinite ease-in-out;-webkit-animation:xxx 3s infinite ease-in-out;
*/


/* .page_head{width: 100%; height: 90px; background-color: #000;}
.page_foot{width: 100%; height: 490px; background-color: #000;}

.page_head:after,.page_foot:after, */



/* TABLET 
@media (min-width:768px){
.sidebar{position:fixed;z-index:3;top:50%;transform:translateY(-50%);right:10px;width:50px;font-size:12px;}
	.sidebar ul{border-left:1px solid #efefef;border-top:1px solid #efefef;}
	.sidebar li{position:relative;}
		.sidebar li i{display:block;position:relative;z-index:2;font-style:normal;text-align:center;background:#fff;padding:5px 0;cursor:pointer;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}		
		.sidebar li i span{display:block;}
		.sidebar li i span:nth-of-type(1){font-size:30px;line-height:30px;}
		.sidebar li section{position:absolute;z-index:-1;top:50%;transform:translateY(-50%);left:72px;transition:all ease-out 0.3s;border-right:2px solid transparent;opacity:0;}
		.sidebar li section.sidebartel dl{background:#fff;padding:15px;border-right:2px solid transparent;box-sizing:content-box;width:160px;}
		.sidebar li section.sidebartel dd{font-weight:bold;font-size:18px;line-height:25px;font-family:'iconfont';}
		.sidebar li section.sidebartel dd a{}
		.sidebar li section.sidebarqrcode dl{display:inline-block;text-align:center;padding:5px;background:#fff;margin:1px 0;}
		.sidebar li section.sidebarqrcode dd{margin-bottom:5px;}
		.sidebar li section.sidebarqrcode dd img{width:100px;}
		.sidebar li:hover section.sidebartel{z-index:1;left:-194px;opacity:1;}
		.sidebar li:hover section.sidebarqrcode{z-index:1;left:-112px;opacity:1;}
}

MOBILE

@media (max-width:767px){  
.sidebar{position:fixed;z-index:3;right:0;bottom:0;left:0;}
	.sidebar ul{position:relative;}
	.sidebar li{float:left;width:25%;}
		.sidebar li i{display:block;z-index:2;font-style:normal;text-align:center;background:#fff;color:#fff;padding:5px 0;cursor:pointer;}
		.sidebar li i span{display:block;}
		.sidebar li i span:nth-of-type(1){font-size:30px;line-height:30px;}
		.sidebar li section{position:absolute;z-index:-1;bottom:-60px;left:50%;transform:translateX(-50%);transition:all ease-out 0.3s;opacity:0;white-space:nowrap;}
		.sidebar li section.sidebartel dl{background:#fff;color:#fff;padding:15px;box-sizing:content-box;}
		.sidebar li section.sidebartel dd{font-size:22px;font-weight:bold;line-height:30px;font-family:'iconfont';}
		.sidebar li section.sidebartel dd a{color:#fff;}
		.sidebar li section.sidebarqrcode dl{display:inline-block;text-align:center;padding:5px;background:#fff;color:#fff;}
		.sidebar li section.sidebarqrcode dd{margin-bottom:5px;}
		.sidebar li section.sidebarqrcode dd img{width:100px;}
		.sidebar li:hover section.sidebartel{bottom:62px;opacity:1;}
		.sidebar li:hover section.sidebarqrcode{bottom:62px;opacity:1;}
}
*/