html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0;  font-family: Arial, "PingFang SC", "Microsoft Yahei"; }
html{ -webkit-text-size-adjust:none;}
body{ font-size:14px; line-height:26px; color:#000;}
body.over{ position:fixed; width:100%}
input,textarea,button{ resize:none;   -webkit-appearance: none;  font-family: 'SourceHanSansCN-Regular';}
img{ border:none; vertical-align:top; width:100%; } 
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000; transition:color 0.3s ease-in; cursor:pointer;}
a:hover{  outline:none; color:#d1001a; text-decoration:none;}
a:focus{outline:none;}
h1,h2{ font-weight:normal;}
input:focus,textarea:focus,button{ outline:none; -webkit-appearance: none;}
em,i{ font-style:normal;}
.mask{z-index:1000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; display:none; }
.mainbox{ width:1200px; margin:0 auto; }

.menu{ position:fixed; width:280px; height:305px; left:0; top:200px; z-index:100; box-sizing:border-box;}
.menu:after{ content:""; display:block; background:#d1001a; width:10px; height:100%; position:absolute; left:0; top:20px;} 
.menu a{ width:210px; font-weight:600; float:right; display:block; border-bottom:2px solid #000; font-size:22px; color:#000; line-height:36px; padding:10px 0; box-sizing:border-box; }
.menu a span{ float:right;}
.menu a.current{color:#B62000;border-color:#B62000 }
.menu_bt{position:fixed;z-index:999; top:24px; right:80px; width:24px;height:12px;border-top: 2px solid #000;border-bottom: 2px solid #000;vertical-align: middle;  display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #000; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #ce232c}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid #000;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0; transition:all 0.3s ease-in;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color:#fff;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}

.page{ visibility:hidden;}

@media screen and (max-width:1460px){
.menu{ width:200px; height:185px; top:150px;}
.menu:after{ width:6px; height:100%; position:absolute; left:0; top:20px;} 
.menu a{ width:160px; float:right; display:block; border-bottom:1px solid #000; font-size:18px; color:#000; line-height:50px;}
}
 
@media screen and (max-width:1230px) {
.mainbox{ width:90%; }	
}
 
.or{ overflow:hidden;}
.cl{ clear:both;}
  

@media screen and (max-width:768px) {
.menu_bt{ display:block;} 
.menu{  width:100%; height:0%; background:rgba(0,0,0,0.8); transition:all 0.4s; top:0; left:0; overflow:hidden; box-sizing:border-box;}
.menu.black{ height:100%;} 
.menu:after{ width:0px;}
.menu ul{ overflow:hidden; margin-top:20%;}
.menu li{ width:100%; text-align:center; overflow:hidden;}
.menu a{ color:#fff;  border-bottom:1px solid #fff; font-size:20px; line-height:65px; width:80%; float:none; margin:0 auto;}
.menu a span{ float:none;}
}