@charset "utf-8";
html{height:100%;width: 100%; overflow:hidden;}
body{position:relative;height:100%;}
/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/
a{ color:#333;}
.btn-w135{ width:135px; height:40px; display:block; color:#ff551d; line-height:40px; text-align:center; border:1px solid #ff551d; border-radius:5px; font-size:16px;}
.main{ width:100%; height:100%; position:absolute; left:0;top: 0; z-index:5000}
.wrap{width: 1000px;margin:0 auto;position: relative;height:100%;}
.gray{ color:#d1d4da !important;}
.screen-rel{width: 100%;height: 100%;}
#JS-tab{width:1000px;margin:0 auto;}
.tabCon {display:none;height:100%;}

.JS-screen-rel{ width:100%; height:100%;overflow:hidden;}
.JS-tab-sc{ position:absolute; width:100%; height:100%}
.JS-tabItem{ position:absolute; left:0; top:0;width: 100%;height: 100%;}
#JS-quickArea {display:none;}
.screen-rel {position: relative;}
.test {height:100%;border:1px solid #000;}
.bt-blue {display:inline-block;width:155px;height:57px;line-height:57px;color:#fff;background:#0096e2;text-align:center;margin:0 5px;border-radius:6px;font-size:26px;}
/*头部css*/
#header {height:84px}
#header .zt h1 { padding-right:20%;font-size:14px; line-height:30px; float:right; color:#CCCCCC;}
.m-head{  width:100%;}
.fix_width{ width:1000px; margin:0 auto; zoom:1;position: relative;}
.m-head .fix_width .menu ul li i,.m-head .fix_width .g-head-right span  i{ background:url(images/common/head.png) no-repeat;}
.m-head .fix_width span .logo{ display:block; float:left; background:url(../images/common/logo.png) no-repeat; height:75px; width:343px; margin-top:22px;}
.m-head .fix_width .menu{ float:right; margin-top:25px; width:650px;}
.m-head .fix_width  .menu ul li{ /*margin:0  0  0 30px;*/margin-left:30px;float:left;  padding-bottom:2px;  text-align:center; position: relative; z-index:11;width:90px;height:30px;line-height:30px; } 
.m-head .fix_width .menu ul li a{ font-size:16px; }

.m-head .fix_width .menu ul li.bg_li{ height:15px; width:15px;  margin:0 20px; margin-top:8px;}
.m-head .fix_width .menu ul li.bg_li:hover{ border-bottom:none;}
.m-head .fix_width .menu ul .select{ background:url(../images/common/bt-select.png) no-repeat;}
.m-head .fix_width .menu ul .select a{ }
.m-head .fix_width .menu ul .bt_blue {background:url(../images/common/bt-blue.png) no-repeat;margin:0;}
.m-head .fix_width .menu ul .bt_blue a {color:#fff;}
.m-head .fix_width .menu ul .bt_blue a:hover {color:#fff;}
.m-head .fix_width .menu ul  li  i.g-pos-i { background-position:-4px -59px; width:10px; height:9px; margin-top:0px; display:inline-block; margin-left:8px;}
.m-head .fix_width .menu ul li:hover{ /*border-bottom:1px solid #feb804;*/ padding-bottom:2px; }
.m-head .fix_width .menu ul li:hover a{ /*border-bottom:1px solid #feb804; */ }
.m-head .fix_width .menu ul li a:hover,.m-head .fix_width menu ul li:hover span,.m-head .fix_width menu ul .select ul li a:hover,.m-head .fix_width .menu ul .select ul li a:hover{color:#0094E4; }
.m-head .fix_width .menu ul li:hover .g-pos-i,.m-head .fix_width .g-head-right span:hover  i.g-pos-i{ background-position:-4px -48px;}


.m-head .fix_width .menu ul li ul{width:140px;zoom:1; position: absolute; background: #ffffff; top:32px; left:-20px; display: none; z-index: 10;}
.m-head .fix_width .menu ul li ul li{ width:100%;display:block;margin-left:0; padding:5px 0; height:auto;line-height:26px; border-bottom:1px #ddd dashed; font-size:14px} 
.m-head .fix_width .menu ul li ul li.nobor,.g-head-right ul li ul li.nobor{ border-bottom:none;}
.m-head .fix_width .menu ul li ul li a{ font-size: 14px; padding: 0px 10px;}
.m-head .fix_width .menu ul li.cheng_width a{ width:60px;}
.m-head .fix_width .menu ul li.cheng_width:hover{width:60px;}
.m-head .fix_width .menu ul li.cheng_width a:hover{ width:60px;}
.m-head .fix_width .menu ul .select ul li a{ color:#333; border:none}



.g-head-right{ position:absolute;right:0px;top:0;height:30px;line-height:30px;}
.g-head-right a:hover{ text-decoration:underline;}
.g-head-right span{ display: inline-block; float:left;cursor:pointer;}
.m-head .fix_width .g-head-right span  a{ background:none; margin-top:0px; width:86px; color:#333;}
.g-head-right span label{ display:inline-block; float:left; cursor:pointer;}
.m-head .fix_width .g-head-right span  i.g-pos-i { background-position:-4px -59px; width:10px; height:10px; display:inline-block; float:left; margin-left:5px;  margin-top:38px;} 

.g-head-right ul{ float:left; }
.g-head-right ul li{ float:left;text-align:center;color:#B9B9B9;}
.g-head-right ul .line {color:#B9B9B9;margin:0 8px;font-size:12px;}
.g-head-right ul li a{ display:inline-block;color:#B9B9B9;}
.g-head-right ul li.li_bg{ height:15px; width:14px;margin-top:5px; margin-left:8px; margin-right:2px;}
.g-head-right ul .cheng-span-css{ margin-right:5px;}
.g-head-right ul li .g-message-number{height:18px; line-height:18px; text-align:center;-moz-border-radius: 5px; 
    -webkit-border-radius:5px;border-radius:2px; background:#ffb904;position:absolute; top:-15px; left:25px; color:#FFF; white-space:nowrap; padding:0 5px;}
.g-head-right ul li ul{+width:150px; position: absolute; padding:0px 10px; border: solid 1px #dddddd; background: #ffffff; top:25px; left: -10px;-webkit-box-shadow:0px 1px 3px 2px rgba(52,52,52,0.1);-moz-box-shadow:0px 1px 3px 2px rgba(52,52,52,0.1); box-shadow:0px 1px 3px 2px rgba(52,52,52,0.1); line-height: 33px; display: none;z-index: 100;}
.g-head-right ul li ul li{ border-bottom: solid 1px #dddddd;font-size: 13px; height: 33px; white-space:nowrap; padding-right:10px;+width:140px;   }
.g-head-right ul li ul li a{ color: #25aae2;}
.g-head-right ul li ul li em a{ color: #f58f48;}

/*small-header*/
.opacityDiv {opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);height:64px;position: absolute;top:0;left:0;width:100%;background:#fff;}
#small-header {height:60px;display:none;position: fixed;top:0;width:100%;z-index:12;box-shadow: 0 0 5px 4px rgba(52, 52, 52, 0.1);}
#small-header .logo {background:url(../images/common/s-logo.png) no-repeat;width:230px;height:45px;margin-top:8px;}
#small-header .menu {margin-top:14px; float:right;}

.all {min-height:640px;*overflow:hidden;}
.pos{*position:relative;}
.zindex{*z-index:5;}
.all .wrap .img  {position:absolute;}
.all .wrap .text {position:absolute;top:25%;}


.all .j-tab-div {position:absolute;bottom:15%;left:45%;}
.all .j-tab {float:left;margin:0px 10px;}
.all .j-tab a {display:block;margin:2px 0;width:8px;height:8px;background:url(../images/index/point.png) no-repeat;}
.all .select a{width:12px;height:12px;margin-top:0;background:url(../images/index/point-select.png) no-repeat;}

.all .round {height:38px;border:1px solid #ccc;background:#fff;border-radius:10px;left:30%;overflow:hidden;line-height:40px;}
.all .round ul {margin-left:-1px;}
.all .round ul li {width:120px;border-left:1px solid #ccc;height:38px;margin:0;}
.all .round a {display:block;margin:0;width:120px;height:38px;line-height:38px;background:none;color:#333;text-align: center;}
.all .round .select {background:#E9EAEE;}
/**处理360溢出**/
.all .round ul .select:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.all .round ul .select:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}



.tabCon .title{font-size:18px;padding:12% 10px 0;color:#333}
.tabCon .title .more {font-size:14px;color:#333}
.tabCon h4 {line-height:32px;}



/*右侧悬浮楼层菜单*/
.progress-nav {
    position: fixed;
    right: 50%;
    top: 90px;
    z-index: 5000; margin-right:-600px; width:90px
}
.dot-stroke {
    background: none;
    border: 0 solid #6c6c6c;
    border-radius: 50%;
    font-size: 13px;
    height: 6px;
    opacity: 0.6;
    position: absolute;
    right: 1px;
    top: 9px;
    width: 6px;
}
.progress-nav ul li a span.dot { display:block; position:absolute; right:0; top:0; height:100%; width:1px; background:#838182}
.progress-nav ul li {
    cursor: pointer;
    height: 10px;
    padding: 9px 0;
    position: relative;
}
.progress-nav ul li a span.progress-nav-text {
    color:#848283;
    font-size: 14px;
    position: absolute;
    left: 15px;
    text-align: left;
    top: 3px;
    width: 60px;
}
@media all and (max-width:720px) {
.progress-nav ul li a span.progress-nav-text { display:none}
}
.progress-nav ul li:hover a span.progress-nav-text {
    color: #D7000F; font-weight:bold;
}
.progress-nav ul li:hover span.dot {
    border: 0 solid #6c6c6c;
    opacity: 1;
}
.progress-nav ul li.active a span.progress-nav-text {
    color: #D7000F; font-weight:bold;
}
.progress-nav ul li:active span.dot, .progress-nav ul li.active span.dot {
    background:  #fff; border:1px #D7000F solid; border-radius: 50%; height: 20px; right: -11px;  width: 20px; top: 3px;
}
.progress-nav ul li .dot-stroke {
    background: #838182;
    border-radius: 50%;
    height: 10px;
    right: -5px;
    top: 7px;
    width: 10px;
}
.progress-nav ul li:active span.dot-stroke, .progress-nav ul li.active span.dot-stroke {
    display: block;
    transition: all 0.3s ease-out 0s;
    background-color:#D7000F;
    height: 14px;
    right: -7px;
    top: 7px;
    width: 14px;
}
.progress-nav ul li .dot-stroke, .progress-nav ul li:hover span.dot, .progress-nav ul li a span.dot, .dot-stroke {
    transition: all 0.3s ease-out 0s;
}
.progress-nav ul li, .progress-nav ul li a span.progress-nav-text {
    transition: all 0.1s ease-out 0s;
}
.product-nav-slide {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.95);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    height: 50px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: -50px;
    width: 100%;
    z-index: 5;
}
.product-nav-slide.transition {
    transition: all 0.5s ease-out 0s;
}
.product-header-content {
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 1120px;
    z-index: 2;
}
.s_v{overflow:visible}

/*网站弹层公用样式*/
#bg{background:#000;opacity:0.8;filter:alpha(opacity=80);width:100%;height:100%;left:0;top:0;z-index:9998;position:fixed;_position:absolute;_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
#box_vedio{width:817px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#56000000', endColorstr='#56000000');position:absolute;left:50%;margin-left:-405px;z-index:9999;padding:4px;border-radius:8px;top:100px;}
:root .box_vedio{filter:none;background-color:rgba(0,0,0,0.34);}

.popup_close{ height:32px; width:32px; text-indent:4px; line-height:28px; background:#000; font-size:32px; color:#fff;}
.popup_close:hover{ color:#0095e4;}
.popup_btn_box .pop_tool{margin-right:20px}

.popup_box .del{display:inline-block;width:25px;height:32px;margin: 5px 15px 0 0;vertical-align:top;background-position:-302px -290px;}

.sendbox{position:absolute;left:50%;width:508px;margin-left:-254px;z-index:10000; display:none;}

.none_v{ display:none;}

.close_btn { position: absolute; top: 50%; right: 13px; width: 20px; height: 20px; margin: -10px 0 0; background: url('../images/pop_close_btn_bg.png') no-repeat; cursor: pointer }
.close_btn:hover { background-position: 100% 0 }
.close_btn.disabled { display: none }

.indent_redbox{ width:800px; background:#fff; box-shadow:2px 2px 2px #aaa; border-radius:5px; position:fixed; padding-bottom:20px; left:50%; top:50%; display:none; margin:-150px 0 0 -400px; z-index:10001;}
.indent_redbox h2{ position: relative; background:#f0f0f0; border-radius:5px; font-size:16px; padding:0 10px; line-height:40px;}
.indent_redbox dt{ padding:40px 50px; text-align:center; font-size:16px;}
.indent_redbox .d1{ padding:30px 20px 0; border-top:1px solid #ddd;}
.indent_redbox .d2{ padding:20px 0 0 0; text-align:center;}
.indent_redbox .d2 a{ display:inline-block; line-height:40px; min-width:100px; padding:0 10px; background:#ddd; margin:0 30px; border-radius:5px; margin-bottom:10px;}
.indent_redbox .d2 a.f{ background:#E71A0F; color:#fff;}
.mask{ width:100%; z-index:1000; height:100%; position:fixed; background:#000; opacity:0.2; filter:alpha(opacity=20); left:0; top:0; display:none; }
@media screen and (max-width: 1000px){
    .indent_redbox{ width:80%; margin-left:-40%;}
}