@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:12px/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; }
a:hover, a:active { text-decoration: underline; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ color: #555; }
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;color:#666;overflow-x: hidden; }
a {color: #555;text-decoration:none; transition: all 0.5s ease 0s;}
a:hover { text-decoration:none; color: #4bace0; }
area {  anything:expression(this.onfocus=this.blur);  }

.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;}
.display-inline{display: inline-block;}

.header{position: absolute;left: 0;right: 0;top: 0;z-index: 9;padding:0 22px;}
.logo{padding-top:12px;}
.navMenu{text-align: right;}
.navul {float: right;margin-right: 20px;}
.navul li{display: inline-block;margin:0 3px;}
.navul li a{padding:26px 19px 0;font-size:18px;color:rgba(255,255,255,.8);font-family:"Microsoft yahei";position: relative;display: block;line-height: 1;transition:all 0.5s ease-out;}
.navul li a.current,.navul li a:hover{color: #2fe0fd;}
.navul li a.current:before,.navul li a:hover:before{content:"";position: absolute;left: 0;top: 0;right: 0;background:#2fe0fd;height: 2px;}
.share{float: right;margin-top:14px;}
.share>a{display: inline-block;width: 42px;height: 42px;margin:0 8px;}
.share>a:first-child{background:url(ico01.png) no-repeat center;}
.share>a:last-child{background:url(ico02.png) no-repeat center;position: relative;}
.share>a:last-child img{position: absolute;/*max-width: none;width: 100px;height: 100px;*/top: 105%;left:-60%;display: none;}
.share>a:last-child:hover img{display:block;}

/*手机端nav*/
a.meanmenu-reveal{display:none}
.mean-container .mean-bar {background: #47daf1;float: left;min-height: 42px;position: relative;width: 100%;z-index: 1;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {background: #f8f8f8 none repeat scroll 0 0;float: left;position: relative;width: 100%;border-top: 1px solid#ddd;}
.mean-container .mean-nav ul li a {background: #f8f8f8 none repeat scroll 0 0;color: #666666;display: block;float: left;font-size: 12px;margin: 0;padding: 1em 5%;text-align: left;text-decoration: none;text-transform: uppercase;width: 90%;font-weight: bold;}
.mobile-menu-area {}
.mean-container .mean-nav ul li li a {border-top: 1px solid rgba(255, 255, 255, 0.25);opacity: 0.75;padding: 1em 10%;text-shadow: none !important;visibility: visible;width: 80%;font-weight: normal;text-transform: capitalize;color: #444;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {background: #f8f8f8 none repeat scroll 0 0; color: #F47E1E;}
.mean-container .mean-nav ul li a.mean-expand{width:26px;
	height: 15px;margin-top: 1px;padding: 12px !important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;background: #F8F8F8;color: #47daf1;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: #f8f8f8;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {color: #ffffff;content: "MENU";font-size: 21px;font-weight: 700;left: 5%;position: absolute;top:8px;}

/*banner text*/
.nivoSlider{z-index: 1;}
.slider-container{position: relative;}
.navlead{position: absolute;top:35%;right: 8%;z-index: 99;font-size: 20px;color: #fff;}
.navlead i{font-weight: bold;font-family: Arial;font-size: 34px;color: #47d9f0;}
.nivo-controlNav{position: absolute;bottom:1%;text-align: center;z-index: 9;left: 0;right: 0;opacity: 1;}
.nivo-controlNav a{width: 12px;height: 12px;border-radius: 100%;overflow: hidden;text-indent: 999em;background:#fff;display: inline-block;margin:0 4px;}
.nivo-controlNav a.active{background: #47d9f0;}
.slide-text {position: absolute;top: 50%;transform: translateY(-50%);right: 8%;}

@media (max-width: 768px){
	.slide-text {position: absolute;top: 38%;transform: translateY(-50%);right: 8%;}
}
.middle-text h1{font-size:70px;font-family: "Microsoft Yahei";font-weight: 100;}
.middle-text p{font-size: 30px;color: #47d9f0;}

.footer{background:#2b3448;color:#eee;font-size:12px;font-family:'Microsoft Yahei';padding:24px 0;}
.footer a{color:#eee;}
.footer a:hover{color: #ccc;}
.m-copy{margin-top:15px;font-size: 13px;}

.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; }
.banner img { vertical-align:top; }

.online-qq{z-index: 999;}

@media (max-width: 768px){
	.header{position: static;padding: 0;}
	.mobile-menu-area .container-fluid{padding: 0;}
	.middle-text h1{font-size: 24px;}
	.middle-text p{font-size: 16px;}
	.navlead{top: 45%;}
	.logo-m{background:#2b3448;text-align: center;padding:10px 0;}
	.logo-m>img{width:34%;}
	.footer{padding-bottom:50px;}
}
/*在线客服*/
.online-qq{background:url(nav_up.png) no-repeat 50% 0;z-index:500;padding:12px 0 0;text-align:center;width:140px}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px #bbb;border:1px solid #eee}
.qq_content .dt{font-size:16px;font-weight:bold;color:#545454;line-height:42px;text-align:center;background:#F3F3F3 url(qq_close.png) no-repeat 95% 50%;cursor:pointer}
.qq_content dd{padding:12px}
.qq_content .tel{background:#f8f8f8;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .ercod{background:#fff}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;padding:0 0 0 18px}