﻿
#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;}

img{max-width: 100%;}
#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:#008cd6 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:#008cd6;}
#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%; height:67px; margin:auto; 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{margin-top: 7px;}
.wayos-nav ul{display:table; float:right; width:50%; height:67px; margin-left:15px; overflow: hidden;}
.wayos-nav ul li{display:table-cell; width:20%; 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:18px; 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:#fff; background:#008cd6;}

.wayos-nav .search-user{float:right; height:67px;}
.search-user a{width:42px; height:42px; display:inline-block; margin-left:15px; position:relative; top:12px; 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 #008cd6 solid; background:#008cd6;}
.search-user a b{width:42px; height:42px; display:block; position:absolute; top:0; left:0; 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: 42px;font-size: 16px;font-family: Arial}
.search-user a:hover.english b{color: #fff;}
.search-user a.user b img{width: 42px; height: 42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

.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:#008cd6; 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-top:1px #e7e7e7 solid;*/ border-bottom:1px #e7e7e7 solid; background-color:#008cd6; /*background:url(../images/navbg01.png);*/ 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;/*菜单透明*/}
.mnSub{width:1100px; overflow:hidden; float:right; position:relative; right:0; padding:25px 0;}
.mnSubul01{overflow:hidden;min-width:180px; float:left; padding:0 0 26px 0;}
.mnSubul01 h2{font-size:16px; font-weight:bold; margin-bottom:8px; color:#fff;}
.mnSubul01 h2 a{color:#fff;}
.mnSubul01 li{line-height:30px; font-size:14px;}
.mnSubul01 li a{ color:#a7daf4;}
.mnSubul01 li a:hover{ color:#fff;}
.mnSubul02{float:left; max-width:300px;}
.mnSubul02 img{width:100%; height:auto;}
.mnSubul02 li{line-height:24px; font-size:13px; padding-top:3px; color:#a7daf4;}


/*解决方案*/
.wayos-menu-series{width:96%; margin:0 auto; overflow:hidden; position:relative; left:0; right:0; padding:25px 0;}
.wayos-menu-series ul{float:left; width:17.6%;}
.wayos-menu-series ul:not(:nth-of-type(5n)){margin-right:3%;}
.wayos-menu-series h2{font-size:16px; font-weight:bold; padding-bottom:6px; color:#fff;}
.wayos-menu-series h2 a{color:#fff;}
/*.wayos-menu-series img{width:100%; height:80%;}*/
.divimg{width:50%; margin-right:5px; float:left; margin-top:5px;}
.wayos-menu-series li{font-size:12px; line-height:22px;color:#a7daf4; padding:3px 0;}
.wayos-menu-series h3{font-size:16px; font-weight:normal; padding:10px 0;}
.wayos-menu-series a{padding-right:25px;color:#a7daf4;}
.wayos-menu-series a:hover{color:#fff;}
.stopl{float:left; width:17.6%;}
.stopl a{color:#a7daf4; display:block; float:left; padding-bottom:6px; padding-top:3px; font-size:16px;}
.stopl a:hover{color:#fff;}


/*有右侧栏的产品中心*/
.prodSubBg{/*border-top:1px #e7e7e7 solid;*/ border-bottom:1px #e7e7e7 solid; background-color:#008cd6; z-index:111;top:77px; 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;/*菜单透明*/}
.prodSub{width:1200px; overflow:hidden; float:right; position:relative; right:0; padding:25px 0;}
.prodSubul01{overflow:hidden;min-width:150px; float:left; padding:0 0 26px 0;}
.prodSubul01 h2{font-size:16px; font-weight:bold; margin-bottom:8px; color:#fff;}
.prodSubul01 h2 a{color:#fff;}
.prodSubul01 li{line-height:30px; font-size:14px;}
.prodSubul01 li a{ color:#a7daf4;}
.prodSubul01 li a:hover{ color:#fff;}
.prodSubul02{float:left; max-width:300px;}
.prodSubul02 img{width:100%; height:auto;}
.prodSubul02 li{line-height:24px; font-size:13px; padding-top:3px; color:#a7daf4;}



/*产品中心
.wayos-menu-series2{width:90%; margin:0 auto; overflow:hidden; position:relative; left:0; right:0; padding:25px 0;}
.wayos-menu-series2 ul{float:left; width:16.6%;}
.wayos-menu-series2 h2{font-size:16px; font-weight:bold; margin-bottom:8px; color:#fff;}
.wayos-menu-series2 h2 a{color:#fff;}
.wayos-menu-series2 li{line-height:30px; font-size:14px;}
.wayos-menu-series2 li a{ color:#a7daf4;}
.wayos-menu-series2 li a:hover{ color:#fff;}
*/



@media screen and (max-width: 640px) {
#wayos-head{display:none;}
}






