/* CSS Document */

@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
a {text-decoration: none;}
body{color: #333;font-family: "Microsoft YaHei";}
img{border:0;vertical-align:top; width:100%;image-rendering: optimizeQuality;-ms-interpolation-mode: bicubic;}

.clearfix{overflow:hidden;zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float:left;}
.fr{float:right;}

#banner{width:100%;max-height:500px;background:#0099FF;overflow:hidden;margin:0 auto;}
#banner div{border:0;vertical-align:top; width:100%;image-rendering: optimizeQuality;-ms-interpolation-mode: bicubic;height:100%;
  
  z-index:-10;
  zoom: 1;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;}

.wrapper{background:#FFF;}
.wap_banner{position:relative;}
.wap_banner .wave {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 45px;
    background:url(../../images/wave2.png) no-repeat center center;
    z-index:98;
}
.box1000{max-width:1000px;margin:0 auto;}
.box1000 .logo{  display:inline-block;}
.box1000 .logo img {height: 42px;margin-top: 10px;max-width:79px;}
.about_nav{overflow:hidden;}
.about_nav ul{display: block;  }
.about_nav ul li {display:inline-block;position:relative;}

.about_nav ul li a {
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
	font-family:gotham_book !important;
}
.about_nav ul li a:hover{color:#000;font-weight:bold;}
.about_nav ul li a .nav-bg{ width:120px; height:60px; display:block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;opacity:0;filter:alpha(opacity=0); position:absolute; left:0; top:0; z-index:-1;}
.about_nav ul li a:hover .nav-bg{ background:#FCB117;opacity:1;filter:alpha(opacity=100);}
.about_nav .this a{color:#000;font-weight:bold;}
.about_nav .this a .nav-bg{ background:#FCB117;opacity:1;filter:alpha(opacity=100); }

.container{margin-top:15px;}
/*navigation*/
.navigation{padding-left:22px; line-height:40px;background:#F5F5F5;border-radius:4px;}
.navigation span{ color:#666; margin:0 6px;}
.navigation .glyphicon-list{background:url(../../images/phicon.png) left no-repeat; padding-left:22px; line-height:40px;}
.navigation span a{ color:#666;}
.navigation span a:hover{ color:#666;text-decoration:underline;}
.navigation .this{ color:#666;}
/*slide-box*/
.slide-box{margin-bottom:50px;}
.slide-box .hd{ border-bottom:1px #ddd solid; text-align:center;margin-bottom:50px;}
.slide-box .hd ul li{ display:inline-block; position:relative; width:160px; height:70px; line-height:70px; font-size:18px; color:#ccc; cursor:pointer;}
.slide-box .logs-hd ul li{ width:160px;}
.slide-box .hd .this{ display:none;}
.slide-box .hd .on{ color:#111;}
.slide-box .hd .on .this{ position:absolute; bottom:-13px; left:73px; width:14px; height:14px; background:url(../../images/arrow-down.jpg) bottom no-repeat; display:block;}
.slide-box .logs-hd .on .this{ position:absolute; bottom:-13px; left:73px; width:14px; height:14px; background:url(../../images/arrow-down.jpg) bottom no-repeat; display:block;}
.slide-box .hd .android{ background:url(../images/inside-android.png) left no-repeat; padding-left:40px; display:inline-block;}
.slide-box .hd .ios{ background:url(../images/inside-ios.png) left no-repeat; padding-left:40px;display:inline-block;}
.slide-box .hd .on .android{ background:url(../images/inside-android-this.png) left no-repeat; padding-left:40px;display:inline-block;}
.slide-box .hd .on .ios{ background:url(../images/inside-ios-this.png) left no-repeat; padding-left:40px;display:inline-block;}
/*service*/
.service .text{ width:360px;}
.service .text .text-list{ margin-bottom:50px;}
.service .text .text-list-left{ border-right:1px #ddd solid; padding-right:35px;}
.service .text .text-list-left p{ width:73px; padding:78px 0 0 0; text-align:center; font-size:14px; color:#666;}
.service .text .text-list-left .qq{ background:url(../../images/sv_mail-icon.png) -150px 0 no-repeat;}
.service .text .text-list-left .tel{ background:url(../../images/sv_mail-icon.png) top no-repeat;}
.service .text .text-list-left .mail{ background:url(../../images/sv_mail-icon.png) 0 0 no-repeat;}
.service .text .text-list-right{ padding-left:35px; font-size:14px;}
.service .text .text-list-right p{ line-height:50px;}
.service .map{ width:610px; font-size:14px;}
.service .map-box{ border:5px #eee solid; margin-top:10px;}
/*about.html*/
.slide-box .col-md-12{margin-top:30px;}
/*about.html*/
.foot_b{background:#FAFAFA;width:100%;}
.foot_b .container{padding:10px 0 10px 0;text-align:center;line-height:24px;color:#8E8E8E;}