#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:80px; position:absolute; top:200px; right:40px; z-index:100;}
#gotop a{width:67px; height:80px; overflow:hidden; display:block; background:#0255a9 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:#0255a9;}
#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/head-ico.png) no-repeat; _background-image:url(../images/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-color:rgba(255, 255, 255, 1); z-index:9999999; /*position:fixed;*/ width:100%; top:0; left:0; right:0;}
#wayos-head:hover{/*background-color:rgba(0, 0, 0, 0.85);*/ }
#wayos-head .wayos-nav{width:95%; max-width:1260px; height:110px; margin:auto; position:relative; z-index:999;}


.topleft{float:left; width:15%;}
.topright{float:right; width:85%; margin-top:60px;}

.toprightinfo{width:100%; height:30px; text-align:right;}
.toprightinfo p{height:30px; line-height:30px; color:#222; float:right; margin-left:25px;}
.toprightinfo p a{ color:#222;}
.toprightinfo p a:hover{color:#e62129;}

.showweixin{position: relative; width:60px; height:30px;  line-height:30px; float:right; color:#222;margin-left:25px;}
.showweixin a{ color:#222;}
.showweixin a:hover{color:#e62129;}


.dropdown-content {
  display: none;
  position: absolute;
  background-color:#f9f9f9;
  width: 120px;
  height: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99999999999999;
  margin-left:-30px;
}
.dropdown-content img{ width:100%; border:0px;}
.showweixin:hover .dropdown-content {
  display: block;
}




.toprightend{width:90%; height:50px; margin-left:10%;}

.topleft a.wayos-logo{display:block; float:left; overflow: hidden;}
.topleft a.wayos-logo img{ max-width:100%; margin-top:25px;}

.toprightend ul{display:table; float:right; width:95%; height:35px; overflow: hidden;}
.toprightend ul li{display:table-cell; width:12.5%; height:35px; overflow:hidden; text-align:center; *float: left;}
.toprightend ul li:first-child{}
.toprightend ul li a{display:block; line-height:35px; 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; padding-bottom:15px;}
.toprightend ul li a:hover,.toprightend ul li.current a,.toprightend ul li.current a:hover,.toprightend ul li.active a,.toprightend ul li.active a:hover{color:#e62129;/*background:#fff;*/}

.wayos-nav .search-user{float:right;/*width:5%;*/ height:35px; display:none;}
.search-user a{width:35px; height:35px; display:inline-block; position:relative; /*border:1px #000 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 #0255a9 solid;*/ background:#0255a9;}
.search-user a b{width:35px; height:35px; 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:-2px -2px;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:-2px -45px;}
.search-user a.user b{background-position:-35px 0;}
.search-user a.english b{color:#009be3;background: none;text-align: center;line-height:35px;font-size: 16px;font-family: Arial}
.search-user a:hover.english b{color: #fff;}
.search-user a.user b img{width: 35px; height: 35px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-35px -35px;}

.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:520px; height:40px; position:absolute; top:20px; left:50%; margin-left:-260px; 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:#0255a9; 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/head-ico.png) -86px 0 no-repeat; _background-image:url(../images/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:rgba(255, 255, 255, 0.98); z-index:111;top:110px; position:absolute; display:none; zoom:1; width:100%; overflow:hidden;}

/*通用的分列式*/
.mnSub{width:1260px; overflow:hidden; position:relative; padding:25px 0; margin:0 auto;}
.mnSubul01{overflow:hidden;width:17.6%; float:left; padding:0;}
.mnSubul01:not(:nth-of-type(5n)){margin-right:3%;}
.mnSubul01 h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:5px; border-bottom:1px #CCCCCC dotted; margin-bottom:5px;}
.mnSubul01 h2 a{color:#222;}
.mnSubul01 h2 a:hover{color:#e62129;}
.mnSubul01 h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}
.mnSubul01 li{line-height:30px; font-size:12px; float:left; width:45%; color:#666; background:url(../images/dian.png) left center no-repeat; padding-left:5%;}
.mnSubul01 li a{ color:#666;}
.mnSubul01 li a:hover{ color:#e62129;}

.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;}




/*产品中心*/
.prodSub{width:1260px; overflow:hidden; position:relative; padding:25px 0; margin:0 auto;}
.prodSub_left{float:left; width:50%;}
.prodSubul01{overflow:hidden;width:30%; float:left; padding:0;}
.prodSubul01:not(:nth-of-type(3n)){margin-right:5%;}
.prodSubul01 h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.prodSubul01 h2 a{color:#222;}
.prodSubul01 h2 a:hover{color:#e62129;}
.prodSubul01 h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}
.prodSubul01 li{line-height:24px; font-size:14px; padding-left:35px; padding-bottom:10px;}
.prodSubul01 li a{ color:#333;}
.prodSubul01 li a:hover{ color:#e62129;}

.prodSub_right{float:right; width:47%; margin-left:3%;}
.prodSub_right h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.prodSub_right h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}
.prodSubul02{float:left; width:29%; float:left;}
.prodSubul02:not(:nth-of-type(3n)){margin-right:4%;}
.prodSubul02 img{width:92%; height:120px; border:1px #ddd solid; padding:4%; background:#FFF;}
.prodSubul02 li h3{line-height:24px; font-size:14px; padding-top:3px; color:#333; text-align:left; font-weight:bold;}
.prodSubul02 li p{line-height:20px; font-size:12px; color:#666; text-align:left;}
.prodSubul02 li:hover p{color:#e62129;}
.prodSubul02 li:hover h3{color:#e62129;}


/*解决方案*/
.soluSub{width:1260px; overflow:hidden; position:relative; padding:25px 0; margin:0 auto;}
.soluSub_left{float:left; width:20%;}
.soluSubul01 h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.soluSubul01 h2 a{color:#222;}
.soluSubul01 h2 a:hover{color:#e62129;}
.soluSubul01 h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}

.soluSubul01{overflow:hidden;padding:0;}
.soluSubul01:not(:nth-of-type(3n)){margin-right:10%;}
.soluSubul01 li{line-height:24px; font-size:14px; padding-bottom:10px; width:50%; float:left;}
.soluSubul01 li a{ color:#333;}
.soluSubul01 li a:hover{ color:#e62129;}

.soluSub_right{float:right; width:77%; margin-left:3%;}
.soluSub_right h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.soluSub_right h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}
.soluSubul02{float:left; width:16%; float:left;}
.soluSubul02:not(:nth-of-type(5n)){margin-right:5%;}
.soluSubul02 img{width:100%; height:auto;}
.soluSubul02 li h3{line-height:24px; font-size:14px; padding-top:3px; color:#333; text-align:left; font-weight:bold;}
.soluSubul02 li p{line-height:20px; font-size:12px; padding-top:3px; color:#666; text-align:left;}
.soluSubul02 li:hover h3{color:#e62129;}
.soluSubul02 li:hover p{color:#e62129;}

/*客服案例*/
.caseSub{width:1260px; overflow:hidden; position:relative; padding:25px 0; margin:0 auto;}
.caseSub_left{float:left; width:100%;}
.caseSubul01 h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.caseSubul01 h2 a{color:#222;}
.caseSubul01 h2 a:hover{color:#e62129;}
.caseSubul01 h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}

.caseSubul01{overflow:hidden;width:22%; float:left; padding:0;}
.caseSubul01:not(:nth-of-type(4n)){margin-right:3%;}
.caseSubul01 li{float:left; overflow:hidden; margin-bottom:35px; /*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
.caseSubul01 li img{ float:left; width:30%; margin-right:10px; height:48px;}
.caseSubul01 li a h3{color:#333; line-height:18px; font-size:12px;}
.caseSubul01 li:hover h3{ color:#e62129;}

.caseSub_right{float:right; width:35%; margin-left:5%;}
.caseSubul02{float:left;}
.caseSubul02 h2{font-size:16px; font-weight:bold; margin-bottom:8px; color:#222;}
.caseSubul02 img{width:100%; height:auto;}
.caseSubul02 li{line-height:24px; font-size:13px; padding-top:3px; color:#333;}




/*媒体资讯*/
.newSub{width:1260px; overflow:hidden; position:relative; padding:25px 0; margin:0 auto;}

.newSub_right{float:left; width:100%;}
.newSub_right ul{float:left; width:22.75%; overflow:hidden;}
.newSub_right ul:not(:nth-of-type(4n)){margin-right:3%;}
.newSub_right h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:5px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.newSub_right h2 a{color:#222;}
.newSub_right h2 a:hover{color:#e62129;}
.newSub_right h2 span{float:right; font-size:14px; font-weight:normal; line-height:30px;}
.newSub_right li{ float:left; width:100%; font-size:12px; line-height:20px;color:#a7daf4; padding:0px; margin-bottom:15px;font-weight:bold;}
.newSub_right li img{width:100px; height:67px; float:left; margin-right:10px;}
.newSub_right li p{font-size:12px; font-weight:normal; padding:0px;}
.newSub_right a{padding-right:25px;color:#333;}
.newSub_right a:hover{color:#e62129;}


/*关于我们的右边*/
.newSub_left{float:left; width:15%; margin-right:5%;}
.newSub_left h2{font-size:16px; font-weight:bold; color:#222;height:30px; line-height:30px; padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px;}
.newSub_left h2 a{color:#222;}
.newSub_left h2 a:hover{color:#e62129;}
.newSub_left h2 img{ display:inline;vertical-align:middle; margin-right:5px; border:0; max-width:30px;}
.newSub_left li{line-height:20px; font-size:14px; padding-left:35px; padding-bottom:15px;}
.newSub_left li a{ color:#333;}
.newSub_left li a:hover{ color:#e62129;}

.aboutSub_right{float:right; width:80%; margin-top:20px;}
.aboutSub_right ul{float:left; width:47.5%;}
.aboutSub_right ul:not(:nth-of-type(2n)){margin-right:5%;}
.aboutSub_right h2{font-size:14px; font-weight:bold; color:#222; line-height:20px; padding-bottom:10px;}
.aboutSub_right h2 a{color:#222;}
.aboutSub_right h2 a:hover{color:#e62129;}
.aboutSub_right li{font-size:14px; line-height:26px; color:#a7daf4; padding:3px 0; text-align:left;}
.aboutSub_right li img{max-width:200px; height:auto;float:left; margin-right:10px;}
.aboutSub_right h3{font-size:12px; font-weight:bold; padding:10px 0;}
.aboutSub_right a{padding-right:25px;color:#333;}
.aboutSub_right a:hover{color:#e62129;}



@media screen and (max-width: 640px) {
#wayos-head{display:none;}
}