@charset "utf-8";
html{font-size: 6.2%;}
html, body, div, span, p, ol, ul, li, i, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, select, button{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;}
body{
font:16px Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
-webkit-font-smoothing: antialiased;
color:#000;
margin:0;
padding:0;
width: 100%;
}
p{margin:0; padding: 0}
img{border:0px;}
a{ color: #000; text-decoration:none; cursor:pointer; outline:none; }
a, area {outline:none; blr:expression(this.onFocus=this.blur())}
a:hover{ text-decoration:none;}
input,button,select,textarea{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance: none;-moz-appearance:none; font:16px Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}
/*重定义样式*/
/* input[type="radio"] + label::before {
content: "\a0";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: .4em;
background: #ccc;
border-radius: 100%;
}
input[type="radio"]:checked + label::before {
background: #f03;
}
input[type="checkbox"] + label::before {
content: "\a0";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: .4em;
background: #ccc;
border-radius: 100%;
}
input[type="checkbox"]:checked + label::before {
background: #f03;
} */
/* 页面加载检测 */
.no-js #loader { display: none; }
.js #loader { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: #fff url(../img/loader.gif) no-repeat center center;}
/*通用样式*/
#wrap{width: 100%; max-width: 1920px; min-width:1200px; margin:0 auto; min-height:100%; background: #fff url(../img/bg.jpg) no-repeat center 280px; position: relative; overflow: hidden;}
.mainBox{ width: 1200px; max-width: 1200px; min-width:1200px; margin:0 auto;}
.breadcrumb {overflow: hidden; position: relative; color: #999999; margin: 20px auto; padding-bottom: 15px; width: 1200px; border-bottom: 1px solid #eee;}
.breadcrumb a,
.breadcrumb span{color: #888; font-size: 14px;}
.breadcrumb a:hover{color: #e52027;}
.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: #ec141d;}
.text-green{color: #0f9a08;}
.text-blue{color: #e52027;}
.text-light{font-weight: 200;}
.text-weight{font-weight: bold;}
.ulnop{padding: 0; line-height: 22px;}
.ulnop li{list-style: none;}
.form-group{overflow: hidden; margin: 12px 0;}
.form-group label{display: block;}
.form-group .form-control{display: block; width: 100%; padding: 10px 20px; border:1px solid #ddd;}
.form-group select.form-control{box-sizing: border-box; padding:10px 20px; -webkit-appearance: none;/*兼容苹果手机*/}
.form-group textarea.form-control{ display: block; width: 100%; padding: .10rem; border:1px solid #ddd;}
.btn{
display: block;
color: #fff;
font-size: .16rem;
border: 0;
line-height: 38px;
height: 46px;
line-height: 46px;
text-align: center;
width: 100%;
background: #e52027;
cursor: pointer;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.btn:hover{
color: #fff;
background: #274b94;
}
.btn-blue{
color: #fff;
background: #000bff;
}
.btn-blue:hover{
color: #000bff;
background: #fff;
}
.btn-gray{
color: #666;
border: 1px solid #465457;
background: #fff;
}
.btn-gray:hover{
color: #000;
border: 1px solid #465457;
background: #ccc;
}
.btn-black{
color: #fff;
border: 1px solid #000;
background: #000;
}
.btn-black:hover{
color: #fff;
border: 1px solid #465457;
background: #465457;
}
/*隐藏窗口*/
.window_hide{
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.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(../img/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;
}
/* 侧边栏 */
.rightBox{
float: left;
width: 220px;
margin-top: 0px;
}
.rightBox .side{
margin-bottom: 8px;
}
.rightBox .side-title{
display:block;
font-size: 18px;
color: #fff;
padding: 15px;
text-align: left;
padding: 10px 15px;
background: #e52027;
font-weight: bold;
}
.rightBox ul{
padding: 5px 0px 15px;
background: #fff;
}
.rightBox ul li{
}
.rightBox ul li a{
color:#777;
padding: 10px 10px 10px 15px;
text-align: left;
display: block;
line-height: 1.2em;
border-bottom: 1px solid #eee;
background:url(../img/left.png) no-repeat left 8px center;
background-size:8px;
}
/* .rightBox ul li:last-child a{
border-bottom:1px solid #96c5ff;
} */
.rightBox ul li.cur{
background: #fff;
border-bottom: 0;
}
.rightBox ul li.cur a{
color: #e52027;
background-image:url(../img/left-cur.png);
}
.rightBox ul li.selected {
background: #fff;
}
.rightBox ul li.selected a {
color:#e52027;
background-image:url(../img/left-cur.png);
}
.rightBox .link .list{
margin: 0 ;
display: block;
position: relative;
background: #000;
margin-bottom: 5px;
line-height: 0;
overflow: hidden;
height: 120px;
}
.rightBox .link .list h2{
width: 100%;
position: absolute;
top: 45px;
color: #fff;
line-height: 1.4em;
text-align: center;
}
.rightBox .link span {
background:#e52027;
height: 3px;
overflow: hidden;
width: 50px;
position: absolute;
top: 75px;
left: 50%;
margin-left: -25px;
}
.rightBox .link .list img{
width: 100%;
position: relative;
top: -20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.rightBox .link .list:hover img{
opacity: 0.8;
transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
}
/* 分页 */
.cutpage{
text-align: center;
overflow: hidden;
padding-bottom: 60px;
width: 100%;
}
.cutpage a{
position: relative;
top: 23px;
overflow: hidden;
font-size: 12px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 5px;
background: #fff;
border: 1px solid #dfdfdf;
}
.cutpage a.current{
background: #e52027;
color: #fff;
border: 1px solid #e52027;
}
.cutpage a:hover{
color: #e52027;
border: 1px solid #e52027;
}
.cutpage a.start, .cutpage a.pove, .cutpage a.next, .cutpage a.end{
line-height: 30px;
width: 60px;
}
.cutpage a.start,.cutpage a.end{
display: none;
}
/*设备查询*/
.pc{display: block !important;;}
.mobile{display: none !important;}
@media screen and (max-width: 720px) {
.pc{display: none !important;;}
.mobile{display: block !important;;}
#wrap{width: 100%; max-width: 100%; min-width:100%; margin:0 auto; background: #fff;}
.mainBox{ width: 100%; max-width: 100%; min-width:100%; margin:0 auto;}
.mainBox{ width: 100%; max-width: 100%; min-width:100%; margin:0 auto;}
.breadcrumb {overflow: hidden; position: relative; color: #999999; margin: 10px 12px 0; padding-bottom: 12px; width: auto; border-bottom: 1px solid #eee;}
.breadcrumb a,
.breadcrumb span{color: #888; font-size: 14px;}
.breadcrumb a:hover{color: #e52027;}
.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;
overflow: hidden;
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;
}
/* 侧边栏 */
.rightBox{
display: none;
float: none;
width: 100%;
margin-top: 0px;
}
.rightBox .side{
margin-bottom: 8px;
}
.rightBox .side-title{
display:none;
}
.rightBox ul{
padding: 5px 0px 15px;
background: #fff;
}
.rightBox ul li{
}
.rightBox ul li a{
color:#777;
padding: 10px 10px 10px 15px;
text-align: left;
display: block;
line-height: 1.2em;
border-bottom: 1px solid #eee;
background:url(../img/left.png) no-repeat left 8px center;
background-size:8px;
}
/* .rightBox ul li:last-child a{
border-bottom:1px solid #96c5ff;
} */
.rightBox ul li.cur{
background: #fff;
border-bottom: 0;
}
.rightBox ul li.cur a{
color: #e52027;
background-image:url(../img/left-cur.png);
}
.rightBox ul li.selected {
background: #fff;
}
.rightBox ul li.selected a {
color:#e52027;
background-image:url(../img/left-cur.png);
}
.rightBox .link .list{
margin: 0 ;
display: block;
position: relative;
background: #000;
margin-bottom: 5px;
line-height: 0;
overflow: hidden;
height: 120px;
}
.rightBox .link .list h2{
width: 100%;
position: absolute;
top: 45px;
color: #fff;
line-height: 1.4em;
text-align: center;
}
.rightBox .link span {
background:#529fff;
height: 3px;
overflow: hidden;
width: 50px;
position: absolute;
top: 75px;
left: 50%;
margin-left: -25px;
}
.rightBox .link .list img{
width: 100%;
position: relative;
top: -20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.rightBox .link .list:hover img{
opacity: 0.8;
transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
}
.cutpage a{
position: relative;
top: 23px;
overflow: hidden;
font-size: 12px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 5px;
background: none;
border: 1px solid #ccc;
display: none;
}
.cutpage a.current{
background: #e52027;
color: #fff;
border: 1px solid #e52027;
}
.cutpage a.start, .cutpage a.prev, .cutpage a.next, .cutpage a.end{
line-height: 30px;
width: 60px;
}
.cutpage a.prev, .cutpage a.next{
display: inline-block;
}
.cutpage a.start{
display: none;
}
}