﻿
#wayos-contain,#wayos-foot,#mobile-header,#mobile-contain{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}
body.load #wayos-contain,body.load #wayos-foot,body.load #mobile-header,body.load #mobile-contain{opacity: 0;}
body.loaded #wayos-contain,body.loaded #wayos-foot,body.loaded #mobile-header,body.loaded #mobile-contain{opacity: 1;}


#wayos-airbox,#airbox{width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:999;}
#gotop{width:67px; height:67px; position:absolute; top:200px; right:40px; z-index:100;}
#gotop a{width:67px; height:67px; overflow:hidden; display:block; background:#009cff url(../images/top-ico.gif) no-repeat;  background:rgba(0,0,0,.3) url(../images/top-ico.png) no-repeat; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#gotop a:hover{background-color:#009cff;}
#wayos-wrap,#wayos-contain,#wayos-foot{z-index:1; position:relative;}
#wayos-contain{background: #fafafa; min-height: 750px;}
.home #wayos-contain{background: #fafafa;}
.search-user b{background:url(../images/wayos-head-ico.png) no-repeat; _background-image:url(../images/wayos-head-ico.gif);}
#video_layer{width: 100%; min-height: 300px; background: #fff; background: rgba(255,255,255,.88); position: fixed; top: 0; left: 0; z-index: 1;}
#video_layer .video-obox{width: 650px; height: 300px;  background1: #fff; position: absolute; top: 77%; left: 50%; margin-top: -200px; margin-left: -325px;}
#video_layer .video-obox .videoo{margin: 10px; background1: #000;}
#video_layer .video-obox a.close{width: 30px; height: 30px; overflow: hidden; position: absolute; top: 5px; right: -30px; background: url(../images/wayos-video-ico.png) no-repeat;}
#video_layer .video-obox a.close:hover{background-position: 0 -30px;}


#wayos-head{/*border-bottom:1px rgba(0,0,0,.05) solid;*/background:#fff;z-index:9999999; position:fixed;width:100%; top:0; left:0; right:0;}
#wayos-head .wayos-nav{width:95%; max-width:1200px; margin:0 auto; height:67px; background:#fff; position:relative; z-index:999;}
.wayos-nav a.wayos-logo{width:20%; height:67px; display:block; float:left; overflow:hidden;}
.wayos-nav a.wayos-logo img{width:100%;}
.wayos-nav ul{display:table; float:right; width:70%; height:67px; margin-left:15px; overflow: hidden;}
.wayos-nav ul li{display:table-cell; width:14.2%; height:67px; overflow:hidden; text-align:center; *float: left;}
.wayos-nav ul li:first-child{}
.wayos-nav ul li a{display:block; line-height:67px; font-size:16px; color:#222; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.wayos-nav ul li a:hover,.wayos-nav ul li.current a,.wayos-nav ul li.current a:hover,.wayos-nav ul li.active a,.wayos-nav ul li.active a:hover{color:#222; background:#f5f5f5;}

.wayos-nav .search-user{float:right; height:67px;}
.search-user a{width:32px; height:32px; display:inline-block; margin-left:15px; position:relative; top:17px; border:1px #009be3 solid; background:#fff; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color:#009be3;}
.search-user a:hover,.search-user a.current{border:1px #009cff solid; background:#009cff;}
.search-user a b{width:32px; height:32px; display:block; position:absolute; top:-4px; left:-4px; font-weight:normal; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.english b{color:#009be3;background: none;text-align: center;line-height:32px;font-size: 16px;font-family: Arial}
.search-user a:hover.english b{color: #fff;}
.search-user a.user b img{width: 32px; height: 32px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-33px -33px;}

.select01{width:170px; height:40px; padding:0 20px; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle; font-family:Microsoft YaHei;}
#wayos-head .wayos-search{height:80px; width:100%; background:#54595b; position:relative; z-index: 9999; display:none;}
.wayos-search .search-box{width:700px; height:40px; position:absolute; top:20px; left:50%; margin-left:-350px; position: relative; z-index: 9999;}
.wayos-search .search-box input{width:365px; height:20px; padding:10px 20px; font-size:16px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle;}
.wayos-search .search-box button{width:110px; height:40px; overflow:hidden; text-align:center; font-size:16px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#009cff; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;}
.wayos-search .search-box button:hover{background:#0074b2;}
.wayos-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.wayos-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/wayos-head-ico.png) -86px 0 no-repeat; _background-image:url(../images/wayos-head-ico.gif);}
.wayos-search .search-box a.close:hover{background-position:-86px -25px;}
.wayos-search .search-box .qk-results{width: 588px; position: absolute; left: 0; top: 40px; border: 1px #eee solid; border-top:none; display: none;}
.wayos-search .search-box .qk-results ul li{display: block; position: relative; background: #fff; border-top: 1px #eee solid;}
.wayos-search .search-box .qk-results ul li a{display: block; padding: 10px; position: relative; color: #666; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.wayos-search .search-box .qk-results ul li a b{width: 60px; height: 77px; float: left; overflow: hidden; margin-right: 10px;}
.wayos-search .search-box .qk-results ul li a h2{font-weight: bold; padding-bottom: 2px; margin-top: 12px;}
.wayos-search .search-box .qk-results ul li a span{display: inline-block; position: absolute; right: 15px; top: 30px; font-size: 14px;}
.wayos-search .search-box .qk-results ul li a:hover{color: #fff; background: #00aaff;}
.wayos-search .search-box .qk-results .other-results{padding: 10px; background: #fff; border-top: 1px #eee solid;}
.wayos-search .search-box .qk-results .other-results a{font-size: 14px; color:#00aaff; }




.mnSubBg{border-bottom:1px #e7e7e7 solid; background-color:#f5f5f5; z-index:111;top:67px; position:absolute; display:none; zoom:1; width:100%; overflow:hidden;/*filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.85; opacity: 0.85;/*菜单透明*/}



/*产品中心*/
.navproduct{width:1200px; overflow:hidden; margin:0 auto; position:relative; right:0; padding:25px 0;}
.prodleft{width:30%;float:left; margin-right:5%;}
.prodleft h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.prodleft ul{float:left;}
.prodleft ul li{line-height:35px; font-size:14px; float:left; width:50%;}
.prodleft ul li a{ color:#555;}
.prodleft ul li a:hover{ color:#ff0000;}

.prodright{width:65%;float:right;}
.prodright h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.prodright ul{float:left;}
.prodright ul li{line-height:20px; font-size:12px; float:left; width:21.25%;}
.prodright ul li img{ width:100%; height:83px;}
.prodright ul li p {text-align:center;}
.prodright ul li p a{ color:#555;}
.prodright ul li p a:hover{ color:#ff0000;}
.prodright ul li:not(:nth-of-type(4n)){ margin-right:5%;}



/*解决方案*/
.navsolu{width:1200px; overflow:hidden; margin:0 auto; position:relative; right:0; padding:25px 0;}
.soluleft{width:30%;float:left; margin-right:5%;}
.soluleft h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.soluleft ul{float:left;}
.soluleft ul li{line-height:35px; font-size:14px; float:left; width:50%;}
.soluleft ul li a{ color:#555;}
.soluleft ul li a:hover{ color:#ff0000;}

.soluright{width:65%;float:right;}
.soluright h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.soluright ul{float:left;}
.soluright ul li{line-height:20px; font-size:14px; float:left; width:21.25%;}
.soluright ul li img{ width:100%; height:110px;}
.soluright ul li p a{ color:#555;}
.soluright ul li p a:hover{ color:#ff0000;}
.soluright ul li:not(:nth-of-type(4n)){ margin-right:5%;}



/*新闻资讯的下拉菜单*/
.navnews{width:1200px; overflow:hidden; margin:0 auto; position:relative; right:0; padding:25px 0;}
.newsleft{width:30%;float:left; margin-right:5%;}
.newsleft h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.newsleft ul{float:left;}
.newsleft ul li{line-height:35px; font-size:14px; float:left; width:50%;}
.newsleft ul li a{ color:#555;}
.newsleft ul li a:hover{ color:#ff0000;}

.newsright{width:65%;float:right;}
.newsright h2{font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:5px;color:#009cff;}
.newsright ul{float:left;}
.newsright ul li{line-height:20px; font-size:14px; float:left; width:21.25%;}
.newsright ul li img{ width:100%; height:110px;}
.newsright ul li p a{ color:#555;}
.newsright ul li p a:hover{ color:#ff0000;}
.newsright ul li:not(:nth-of-type(4n)){ margin-right:5%;}



/*其它栏目的下拉菜单*/
.mnSub{width:1200px; overflow:hidden; margin:0 auto; position:relative; right:0; padding:25px 0;}
.mnSub h2{font-size:16px; font-weight:bold; margin-bottom:5px; color:#009cff;}
.mnSub h2 a{color:#009cff;}
.mnSub h2 a:hover{color:#ff0000;}
.mnSubul01{overflow:hidden;min-width:180px; float:left; padding:0 0 26px 0;}
.mnSubul01 li{line-height:35px; font-size:14px;}
.mnSubul01 li a{ color:#555;}
.mnSubul01 li a:hover{ color:#ff0000;}
.mnSubul02{float:left; max-width:300px;}
.mnSubul02 img{width:100%; height:auto;}
.mnSubul02 li{line-height:24px; font-size:13px; padding-top:3px; color:#555;}

.navsolution{padding-left:20%;}
.navservice{ padding-left:10%;}






@media screen and (max-width: 640px) {
#wayos-head{display:none;}
}





