@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font:14px/1.5 微软雅黑, Arial, sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i { font-style: normal; }
ul, ol { list-style: none; }
a,s { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none;outline: none; }
a:hover, a:active,a:focus{ text-decoration: underline;outline:none;}
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ color: #555;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
img{max-width: 100%;height: auto;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {margin: 0 auto; overflow-x: hidden;  background: #fff; color:#000;overflow-x: hidden; }
a {color: #000;text-decoration:none; transition: all 0.5s ease 0s;}
a:hover { text-decoration:none; color: #008fd5; }
area {  anything:expression(this.onfocus=this.blur);  }
#banner{
   margin:0 auto;
}
.swiper-container-fade .swiper-slide{
   text-align:center;
}
.tophd{
    background:url("hbag.png") ;
	height:40px;
	font-size:16px;
	line-height:40px;
	padding-left:0px;
	
}
.tophd2{
 
	
}

.kf{
    position:fixed;
	top:45%;
	left:40%;
	background:url("kfbg.jpg") no-repeat;
	width:342px;
	height:152px;
	z-index:9999999;
	border-radius:9px;
}

.bt1p{
    position:absolute;
	bottom:0;
	right:88px;
}
.bt2p{
    position:absolute;
	bottom:0;
	right:0;
}
.closep{
   right:0;
   position:absolute;
   top:0;
}



.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in{width:1106px;margin:0 auto;*zoom:1;} .g-in:after{content:"\20";display:block;height:0;clear:both;}

.navbar-brand{height: auto;position: relative;z-index: 999;}
.navbar-nav>li{position: relative;margin:0 1px;}
.navbar-nav>li>a{font-size:16px;padding:30px 24px!important;margin-top:12px;color: #2b2b2b;font-weight:bold;letter-spacing:2px}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover,.navbar-nav>li.active>a{background:#01b0f1;color: #fff;border-radius:10px 10px 0  0}
.subnav{position: absolute;top: 101%;z-index: 1000;box-shadow: 0 6px 12px rgba(0,0,0,.175);background:#fff;left:-196px;width:910px;padding:32px 32px 0;/*border-top:2px solid transparent;*/display: none;}
.subnav h3{font-size: 14px;color: #666;font-weight: bold;margin-bottom:20px;}
.subnav .sb-l{/*float: left;width: 246px;*/}
.subnav .sb-l>ul{text-align: center;}
.subnav .sb-l>ul>li{/*float: left;padding:0 12px;*/text-align: center;display: inline-block;width:12%;}
.subnav .sb-l>ul>li a{display:block;font-size:14px;color:#666;padding:45px 4px 20px;text-align: center;}
.subnav .sb-l>ul>li a:hover{color: #01b0f1;}
.subnav .sb-l>ul>li .a1{background:url(n01.png) no-repeat center top;}
.subnav .sb-l>ul>li .a2{background:url(n02.png) no-repeat center top;}
.subnav .sb-l>ul>li .a3{background:url(n03.png) no-repeat center top;}
.subnav .sb-l>ul>li .a4{background:url(n04.png) no-repeat center top;}
.subnav .sb-l>ul>li .a5{background:url(n05.png) no-repeat center top;}
.subnav .sb-l>ul>li .a6{background:url(n06.png) no-repeat center top;}
.subnav .sb-l>ul>li .a7{background:url(n07.png) no-repeat center top;}
.subnav .sb-l>ul>li .a8{background:url(n08.png) no-repeat center top;}
.subnav .sb-r{float: right;width: 220px;}
.subnav .sb-r>ul>li{line-height: 2;}
.sub-menu{position: absolute;z-index: 999;top: 101%;z-index: 1000;box-shadow: 0 6px 12px rgba(0,0,0,.175);background:#fff;left:-196px;width:540px;padding:32px 24px 20px;border-top:2px solid transparent;display: none;}
.sub-menu>ul>li{float: left;/*width:156px;*/width: 23%;margin:0 1%;}
.sub-menu4>ul>li{/*width: 95px*/;text-align: center;width: 23%;}
.sub-menu2{left:-200px;width:1170px;}
.sub-menu2>ul>li{width: 17%;margin:0 1.5%;}
.sub-menu2>ul>li>a{padding-top:5px;padding-bottom: 8px;margin-bottom: 8px!important;border-bottom:1px solid #e5e5e5;}
.sub-menu2>ul>.li1>a{background:url(item-01.png) no-repeat left top;background-size: 30%;}
.sub-menu2>ul>.li2>a{background:url(item-02.png) no-repeat left top;background-size: 30%;}
.sub-menu2>ul>.li3>a{background:url(item-03.png) no-repeat left top;background-size: 30%;}
.sub-menu2>ul>.li4>a{background:url(item-04.png) no-repeat left top;background-size: 30%;}
.sub-menu2>ul>.li5>a{background:url(item-005.png) no-repeat left top;background-size: 30%;}
.MsoNormal{font-size:15px !important;letter-spacing:2px}
.container-fluid p{font-size:14px !important;letter-spacing:0px}
.sub-menu>ul>li>a{font-size: 14px;color: #666;font-weight: bold;margin-bottom:20px;display: block;}
.sub-menu>ul>li>a:hover,.sub-menu .dlnav>dt>a:hover{color: #01b0f1;}
.sub-menu .dlnav>dt>a{display: block;font-size: 12px;line-height: 2;font-weight: normal;}
.sub-menu5{text-align: center;width: 910px;right: -244px;left: auto;}
.sub-menu5>ul>li{width: 14%;}

.navbar-header .lang{float: right;margin:3.6% 4% 0 0;}

.footer{background:#2f2f2f;position: relative;z-index: 9;color:#989898;}
.footer>.container{padding:40px 0 48px;}
.footnav li{float: left;width:100%;font-size: 16px;color: #989898;text-align: center; min-height: 150px;}
.footnav li i a{color: #989898;}
.footnav li i a:hover{color: #fff;}
.footnav li>dl{margin-top:10px;font-size: 14px;}
.footnav li>dl dt{font-weight:normal;line-height:2;text-align: left;margin:0 auto;}
.footnav li>dl dt a{color: #989898;background:url(icon-05.png) no-repeat left center;display: inline-block;font-size:16px;padding-left:9px;}
.footer a:hover{color:#fff;}
.tTelbox{width: 28%;float: left;}
.footnav{width: 72%;float: right;}
.ftlogo .pic{float: left;display: block;}
.ftlogo .ewm {float: left;padding-left: 80px;}
/*.ftlogo .ewm img{height: 100px!important;width: 100px!important;}*/

.tTelbox .pic{display: block;margin-bottom:20px;}
.tTelbox .tTel{margin-top:20px;}
.tTelbox .tel{padding:8px 0 8px 58px;float: left;}
.tTelbox .tel1{/*float: left;*/background:url(icon-03.png) no-repeat left center;margin:10px 50px 0 0;}
.tTelbox .tel2{/*float: left;*/background:url(icon-04.png) no-repeat left center;margin:10px 50px 0 0;}
.tTelbox .tel p{font-size: 14px;}
.tTelbox .tel .p3{font-size: 20px;color: #989898;font-weight: bold;}
.footer .cy{height:140px;line-height:28px;padding-top:15px;background:#1b1b1b;text-align: center;color: rgba(255,255,255,.35);font-size:16px;}
.footer .cy a{color: rgba(255,255,255,.35);}
.footer .cy a:hover{color: #fff;}

.back-to { position:fixed; bottom:110px; right:46%; margin-right:-620px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
#slide-nav-collapse{position: relative;}
#form{position:absolute;right:0;top:30%;width: 20%;}
#form .btn{padding:7px 12px; }
#form>p{font-size:14px;text-align:right;padding-bottom:5px;}
#form>p a{display: inline-block;padding-left:5px;}
#form>p a:hover{color: #ccc;}
@media (max-width: 768px){
    #logoareas{font-size:29px !important; }
	.tophd2{
    background:#fff !important;  

}
	.navbar-toggle .icon-bar{background: #01b0f1;}
	.navbar-toggle{border-color:#01b0f1;color: #01b0f1;z-index:99999;}
	.navbar-header{border-bottom: 1px solid #e5e5e5;}
	.navbar-nav{margin:0 -15px!important;}
	.navbar-nav>li{padding:4px 15px!important;border-bottom: 1px solid #e5e5e5;}
	.navbar-brand img{width:66%;}
	.navbar-brand{padding:8px 12px!important;}
	.navbar-nav>li>a:focus{color: #2b2b2b;}
	.navbar-nav>li.active>a:focus{color: #fff;}
	.navbar-nav>li.active a{/*background: #01b0f1;*/color: #01b0f1;}
	.navbar-nav>li>a{padding:6px 18px 6px 42px!important;display: inline-block;}
	.navbar-nav>li:first-child>a{background:url(sj1.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(2)>a{background:url(sj2.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(3)>a{background:url(sj3.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(4)>a{background:url(sj4.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(5)>a{background:url(sj5.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(6)>a{background:url(sj6.png) no-repeat 5px center;}
	.navbar-nav>li:first-child.active>a{background:url(sj10.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(2).active>a{background:url(sj20.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(3).active>a{background:url(sj30.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(4).active>a{background:url(sj40.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(5).active>a{background:url(sj50.png) no-repeat 5px center;}
	.navbar-nav>li:nth-child(6).active>a{background:url(sj60.png) no-repeat 5px center;}
	.sub-menu{position:static;width: 100%;padding:5px 32px;box-shadow:1px 3px 12px rgba(0,0,0,.175);}
	.sub-menu>ul>li{width: 100%;text-align: left;}
	.sub-menu>ul>li>a{margin-bottom:6px;font-weight: normal;}
	.sub-menu .dlnav{padding-left: 15px;}
	
	.sub-menu2>ul>li>a{padding-top: 0;background: none!important;}
	.sub-menu2>ul>.li1>a{background: none;}

	.ftlogo .ewm{float: right;padding: 0;}
	.tTelbox{width: 100%;}
	.tTelbox .pic{text-align: center;margin:15px 0 0;}
	.tTelbox .tTel{margin-top: 0;}
	.tTelbox .tel{padding-left:46px;background-size: 24%}
	.tTelbox .tel1{margin:10px 0;}
	.tTelbox .tel2{float: right;margin:15px 0 0 25px;}
	.tTelbox .tel .p3{font-size: 14px;font-weight: normal;}
	.footnav{width: 100%;padding:10px 0;}
	.footnav li{min-height:initial;text-align: left;border: none;}

	.footer .cy{text-align: center;height: auto;line-height:1.7;padding:10px 0;}
	.footer>.container{padding:10px 20px;}
	.footnav li{/*float: none;width:100%;margin-bottom:10px;*/font-size:16px;}
	.footnav li i{display: block;padding:4px 0;/*border-bottom:1px solid rgba(255,255,255,.1);*/}
	.footnav li i.on{}
	.footnav li>dl{display: none;}
	.footnav li>dl dt{line-height: 2;font-size: 13px;width: 100%;}

}
@media (max-width:1176px){
	
}

.swiper-pagination-bullet-active{background:#01b0f1!important}


/*优胜空间 */
.contactusdiyou {position: fixed; right: -200px; bottom: 224px; _position: absolute; width: 200px; height: 370px; background: #009aff; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:50px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-50px; font-size:14px; color:#fff; background:#009aff; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;font-size:16px;font-weight:bold;margin-left:10px;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; } 
.contactusdiyou .conter{width:186px; height:560px; margin-left:7px;   position:absolute; top:74%;*margin-top:-140px;margin-top:-280px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.contactusdiyou  dl .f1{width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{ width:161px; float:right; font-size:12px; color:#fff; height:60px;line-height: 50px; float:right;}
.kefuQQ a{ background:url(../images/button-custom-qq.gif)  no-repeat; width:140px; height:40px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(../images/button-custom-qq-h.gif)  no-repeat;}
.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px; height:120px;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:right;padding:3px 0;margin-top: 11px; }
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}


.contactusdiyou .weixincall .f3{float: right;width:155px; height:auto; margin-right:16px; display:inline;}
.contactusdiyou .weixincall .f3 img{width:155px;height:155px; max-width:155px;}
.contactusdiyou .dytimer{    float: right; width: 160px; height: 40px; padding: 0px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /***联系我们***/