@charset "utf-8";
html,body{height: 100%;width: 100%; overflow:hidden;}
body{position:relative;}
/* 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;}
.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:110px;background:url(../images/common/top_bg.jpg) no-repeat center 0;background-size:100% 30px;}
.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:inline-block; float:left; background:url(../images/common/logo.png) no-repeat; height:69px; width:163px; margin-top:22px;}
.m-head .fix_width .menu{ float:left; margin-left:109px; margin-top:55px; width:690px;}
.m-head .fix_width  .menu ul li{ /*margin:0  0  0 30px;*/margin-right: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:120px;zoom:1; position: absolute; padding:0px 10px 10px; background: #ffffff; top:32px; left:-20px; display: none; z-index: 10;}
.m-head .fix_width .menu ul li ul li{ white-space:nowrap;width:100%;display:block;margin-left:0;height:36px;line-height: 36px;} 
.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: 16px; 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:60px;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:103px;height:45px;margin-top:8px;}
#small-header .menu {margin-top:14px;margin-left:169px;}

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


.all .wrap .text  h2 {font-size:50px;color:#333;margin-bottom:20px;}
.all .wrap .text  h4 {font-size:18px;color:#333;margin-bottom:10px;padding-left:3px;}
.all .wrap .text  h3 {font-size:50px;color:#333;}
.all .wrap .text  h5 {font-size:18px;color:#0094E4;}
.all .wrap .text p {margin-top:45px;}
.all .wrap .text p img {margin:0 10px 0  0; cursor:pointer;}
.all .j-tab-div {position:absolute;bottom:10%;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:20%;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;}


/*公共尾部*/
.footer {background:#fff url(../images/index/8.jpg) no-repeat center 70px;background-size:100% 126px;}
.footer .tabCon {padding-top:70px;color:#999;}
.footer .tabCon table {text-align:center;color:#fff;}
.footer .tabCon  .td2 , .footer .tabCon .td3 span{font-size:28px;}
.footer .tabCon .td3 span{vertical-align:10px;}
.footer .tabCon  .td3 {font-size:60px;}
.footerDiv  {margin:24px 0 0 24px;}
.footerDiv  ul li {float:left;width:218px;height:72px;border:1px solid #ccc;border-radius:10px;padding:25px;margin:0px 0 0 44px;font-size:14px;}
.footerDiv  ul li img {float:left;margin-right:11px;}
.footerDiv dl {float:left;margin:24px 53px 30px 44px ;line-height:35px;}
.footerDiv dl dt {font-size:20px;}
.footerDiv dl dd {font-size:14px;}
.copyright {padding:10px 0 0px 0;border-top:1px solid #BFBEBE;clear:both;margin: 0 42px;}


/*右侧悬浮楼层菜单*/
.progress-nav {
    margin-top: -40px;
    position: fixed;
    right: 40px;
    top: 40%;
    z-index: 5;
}
.progress-nav ul li a span.dot, .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 {
    cursor: pointer;
    height: 10px;
    padding: 7px 0;
    position: relative;
    width: 10px;
}
.progress-nav ul li a span.progress-nav-text {
    color: #02B9EF;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 3px;
    width: 60px;
}
.progress-nav ul li:hover a span.progress-nav-text {
    opacity: 1;
}
.progress-nav ul li:hover span.dot {
    border: 0 solid #6c6c6c;
    opacity: 1;
}
.progress-nav ul li:active span.dot, .progress-nav ul li.active span.dot {
    background:  #fff;
}
.progress-nav ul li .dot-stroke {
    background: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    height: 8px;
    right: -1px;
    top: 7px;
    width: 8px;
}
.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:#02B9EF;
}
.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;}