@charset "utf-8";
@font-face { 
  font-family: Gotham;
  src: url('../font/Gotham-Thin.otf');
} 
@font-face { 
  font-family: CODE_Bold;
  src: url('../font/CODE_Bold.otf');
}
html, body, div, span, p, a, ol, ul, li, i, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, select, button{
   font:1.4rem/2.4rem Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
   margin: 0; 
   padding:0;
   -moz-box-sizing:border-box; 
   -webkit-box-sizing:border-box; 
   box-sizing:border-box; 
   -moz-font-smoothing:antialiased; 
   -webkit-font-smoothing: antialiased;
   font-smoothing:antialiased; 
   -webkit-tap-highlight-color:rgba(255,0,0,0);
}
html{
  font-size: 10px;
  height: 100%;
  width: 100%;
}
body{
	letter-spacing:0; 
	color:#333; 
	margin:0; 
	padding:0; 
  height: auto;
  width: 100%;
}
ol,ul{ padding-left: 3rem;}
p{margin:0 0 1rem 0;  padding: 0}
img{border:0px;}
a{ color: #333; text-decoration:none; cursor:pointer; outline:none; }
a, area {outline:none; blr:expression(this.onFocus=this.blur())} 
a:hover{ color: #333; text-decoration:none;}
input,button,select,textarea{outline:none;}

input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}


.ulnop{padding: 0; line-height: 22px;}
.ulnop li{list-style: none;}

/*重定义样式*/
input[type=radio] {visibility: hidden;}
.radio {
  display: inline-block;
  width: 20px; 
  height: 18px; 
  position: relative;
  }
.radio-text{
  display: inline-block;
  margin-right: 30px;
} 
.radio label {
  display: block-block; 
  width: 18px; 
  height: 18px; 
  border-radius: 100%;
  transition: all .3s ease;
  cursor: pointer; 
  position: absolute; 
  top: 4px; 
  left: 0; 
  z-index: 1; 
  background: #fff; 
  border: 2px solid #ff552e;}
.radio input[type=radio]:checked + label { 
  outline: none;
  background: #ff552e;
  background-size: 12px;
  border: 2px solid #ff552e;
  }

input[type=checkbox] {visibility: hidden;}
.checkbox {
  display: inline-block;
  width: 20px; 
  height: 18px; 
  position: relative;
  }
.checkbox-text{
  display: inline-block;
  margin-right: 30px;
} 
.checkbox label {
  display: block-block; 
  width: 18px; 
  height: 18px; 
  border-radius: 100%;
  transition: all .3s ease;
  cursor: pointer; 
  position: absolute; 
  top: 4px; 
  left: 0; 
  z-index: 1; 
  background: #fff; 
  border: 2px solid #ff552e;}
.checkbox input[type=checkbox]:checked + label { 
  outline: none;
  background: #ff552e;
  background-size: 12px;
  border: 2px solid #ff552e;
  }


/* 页面加载检测 */
.no-js #loader { display: none; }
.js #loader { 
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #fff url(../images/loader.gif) no-repeat center center;
}


.mainBox{ width: 100%; max-width: 1200px;  min-width:1000px; margin:0 auto;}
.block{display: block;}
.hide{ display: none;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear {clear:both; width:100%; *display:inline;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.text-red{color: #f40202;}
.text-green{color: #2f922a;}

.btn{
  border:none;
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
/*sider*/
#sider{
	float: left;
	width: 160px;
	margin-right: 40px;
	background: #fff;
	border-top: 2px solid #E60012;
	margin-top: 20px;
}
#sider .title {
	padding: 10px;
	border-bottom: 1px solid #f1f1f1;
}
#sider .title h3{
	font-size: 16px;
	font-weight: bold;
}
#sider .title p{
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
#sider .content ul{
	padding: 0 7px 10px;
}
#sider .content ul li{
	list-style: none;
	border-bottom: 1px solid #f1f1f1;
}
#sider .content ul li a{
	padding: 6px;
	display: block;
	font-size: 14px;
}
#sider .content ul li.on a,
#sider .content ul li a:hover{
	color: #E60012;
}
/*隐藏窗口*/
.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 500px;
  margin: -250px 0 0 -400px;
  padding: 38px;
  border-radius: 10px;
  background: #fff;
}
.window_hide .close{
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/icon.png) no-repeat right top;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}

/*分享*/
#bsBox{
   min-height: 420px;
   min-width: 560px;
}
#bsWXBox{
   min-height: 258px;
   min-width: 232px;
}
#bsMorePanel .bFind-wrapper-top{
  height: 26px;
}

/*设备查询*/
.pc{display: block;}
.mobile{display: none;}

@media screen and (max-width: 768px) {
.pc{display: none;}
.mobile{display: block;}

.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 38px;
  border-radius: 0px;
  background: #fff;
}
.window_hide .close{
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  top: 10px;
  right: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/icon.png) no-repeat right top;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}
.mainBox{ width: 100%; max-width: 100%;  min-width:100%; margin:0 auto; overflow: hidden;}
/*sider*/
#sider{
  float: none;
  width: 100%;
  margin-right: 0;
  background: #fff;
  border-top: 0;
  margin-top: 0px;
  overflow: hidden;
}
#sider .title {
  display: none;
}
#sider .title h2{
  display: none;
}
#sider .title h3{
  display: none;
}
#sider .content ul{
  padding: 0;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  overflow: auto;
  width: 100vw;
  white-space:nowrap;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
#sider .content ul::-webkit-scrollbar  
{   
    height: 0;
    max-height: 0;
    background-color: #fff;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
#sider .content ul::-webkit-scrollbar-track  
{  
    background-color: #fff;  
}  
  
/*定义滑块 内阴影+圆角*/  
#sider .content ul::-webkit-scrollbar-thumb  
{   
    background-color: #fff;  
}  
#sider .content ul li{
  list-style: none;
  border-bottom: 0;
  display: inline-block;
}
#sider .content ul li a{
  padding: 12px 16px;
  display: block;
  font-size: 14px;
}
#sider .content ul li.on a,
#sider .content ul li a:hover{
  color: #E60012;
}
}