@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
a {text-decoration: none;}
body{color: #333;font-family: "Microsoft YaHei";}
.clearfix{overflow:hidden;zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.wap_banner{background:#3FCAFF;position:relative;}
.about_header {
 background:rgba(255,255,255,.95); width:100%; height:60px; position:fixed; top:0; z-index:99;-moz-box-shadow:0 0 5px rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,.2); box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transform: translateZ(0);
}
.box1000{width:1000px;margin:0 auto;}
.box1000 .logo{  display:inline-block;}
.box1000 .logo img {height: 42px;margin-top: 10px;}
.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: #444;
	color: #333;
    -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;
}
.about_nav ul li a:hover{color:#fff;}
.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:url(../images/inside-nav.jpg) no-repeat;opacity:1;filter:alpha(opacity=100);}
.about_nav .this a{color:#fff;}
.about_nav .this a .nav-bg{ background:url(../images/inside-nav.jpg) no-repeat;opacity:1;filter:alpha(opacity=100); }

.h550{}
element.style {
}
.wap_banner .wave {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 45px;
    background:url(../../images/wave2.png) no-repeat center center;
    z-index: 2;
}




.container{height:1200px;}
/*navigation*/
.navigation{ background:url(../../images/home-icon.png) left no-repeat; padding-left:22px; line-height:40px;}
.navigation span{ color:#666; margin:0 6px;}
.navigation span a{ color:#666;}
.navigation .this{ color:#111;}
.int-nav{width:998px;height:440px;border:1px #ccc dotted;overflow:hidden;}
.int-nav .int-logo{margin:50px 25px;display:block;float:left;padding:50px 0px;}