@charset "utf-8";
html{overflow: hidden}
body{width: 100%; height: 100%; font-family: Arial}
header,section{width: 100%}
table{border-collapse: collapse}
a:focus{outline: none}
header{position: fixed; height: 74px; color: #ccc; z-index: 999; top: 0px; left: 0px;}
header.fixed{height: 70px}
header .logo{position: fixed; top: 24px; left: 50px; width: 180px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .logo{width: 120px; top: 16px}
header .words{display: block; position: fixed; top: 40px; left: 250px; letter-spacing: 1px; font-weight: normal; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .words{top: 23px; left: 185px}
header nav.menu{margin: 36px 0 0 110px; text-align: center; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed nav.menu{margin: 22px 0 0 85px}
header nav.menu ul li{margin: 0 12px; font-size: 20px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed nav.menu ul li{margin: 0 10px; font-size: 16px}
header nav.menu ul li a{color: #ccc; letter-spacing: 2px; cursor: pointer}
header nav.menu ul li a:hover,header nav.menu ul li.active a{color: #00dfb9; text-decoration: none}
header nav.menu .line{position: absolute; top: 0px; width: 0px; height: 3px; font-size: 3px; background-color: #00dfb9; display: none}
header .hotline{position: fixed; top: 32px; right: 215px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .hotline{top: 20px; right: 185px}
header .hotline span{position: fixed; color: #00dfb9; font-family: Arial; font-weight: bold; font-size: 26px; letter-spacing: 1px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .hotline span{font-size: 20px}
header .hotline u{position: fixed; top: 35px; right: 230px; display: block; width: 30px; height: 30px; text-decoration: none; background: url(../images/icons.png) no-repeat; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .hotline u{top: 20px; right: 195px}
header .hotline a{color: #00dfb9}
header .menu-icon{position: fixed; top: 34px; right: 48px; font-size: 24px; color: #00dfb9; z-index: 99; display: none;}
header.fixed .menu-icon{top: 18px}
header .menu-icon a{color: #00dfb9; text-decoration: none}
header .menu-icon span{margin-left: 15px; -moz-opacity: 0.5; opacity: 0.5; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
header .menu-icon span.glyphicon-earphone{display: none}
header .menu-icon span:hover,header .menu-icon span.active{-moz-opacity: 1; opacity: 1; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
header .bg{position: absolute; top: 0px; width: 100%; height: 0px; background: #111; -moz-opacity: 0.6; opacity: 0.6; z-index: -1; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s}
header.fixed .bg{height: 70px}
div.welcome{position: fixed; width: 100%; height: 100%; background: url(../images/welcome.jpg) 30% 80%; background-color: White; -moz-background-size: cover; background-size: cover; -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s; -ms-transition: all .3s ease-in-out .5s; -o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s; z-index: 999}
div.welcome p{display: block; position: absolute; margin: 0px; padding: 0px; width: 370px; height: 30px; padding-top: 240px; top: 50%; left: 50%; margin-top: -135px; margin-left: -185px; color: #2fd0b5; font-size: 20px; text-align: center; background: url(../images/welcome_words.png) no-repeat; overflow: hidden}
div.welcome p u{text-decoration: none}
section{position: relative; overflow: hidden}
.video .swiper-container{width: 100%}
.video .swiper-container .swiper-slide{position: relative; overflow: hidden}
.video .innerBox{position: absolute; bottom: 40px; width: 100%; z-index: 10}
.video .innerBox .news{margin: 0 auto; margin-bottom: 80px; width: 400px}
.video .innerBox .news span{float: left; margin: 1px 15px 0px 0px; color: #ffcc22; font-weight: bold}
.video .innerBox .news ul{float: left}
.video .innerBox .news ul li a{color: #ddd}
.video .innerBox .news a.more{float: right; color: #ffcc22; margin-top: -3px; border-bottom: 1px dotted #ffcc22; -webkit-transition: color .3s ease-in-out 0s; -moz-transition: color .3s ease-in-out 0s; -ms-transition: color .3s ease-in-out 0s; -o-transition: color .3s ease-in-out 0s; transition: color .3s ease-in-out 0s}
.video .innerBox .news a.more:hover{color: White; text-decoration: none; -webkit-transition: color .3s ease-in-out 0s; -moz-transition: color .3s ease-in-out 0s; -ms-transition: color .3s ease-in-out 0s; -o-transition: color .3s ease-in-out 0s; transition: color .3s ease-in-out 0s}
.video .innerBox .guide{margin: 0 auto; margin-bottom: 30px; width: 200px; text-align:center; overflow: hidden;}
.video .innerBox .guide .swiper-pagination{ position: static; }
.video .innerBox .guide .swiper-pagination span{display: inline-block; margin: 0 5px; width: 40px; height: 3px; font-size: 3px; background: White; cursor: pointer; border-radius: 0px; opacity: 1;}
.video .innerBox .guide .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffcc22; }
.video .innerBox a.movedown{display: block; margin: 0 auto; width: 47px; height: 47px; background: url(../images/icon1.png) no-repeat; background-size: 100%; cursor: pointer; z-index: 99}
/*.video .innerBox a.movedown:hover{background: url(../images/icons.png) no-repeat 0px -112px}
*/
section.business{background: url(../images/wallpaper2.jpg) 50% bottom}
.business .box{position: relative; margin-top: -55px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
section.cases{background: url(../images/wallpaper3.jpg)}
.cases .box{position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .caption{width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s}
.cases.active .box .caption{-moz-opacity: 1; opacity: 1}
.cases .box .caption i{display: block; margin: 0 auto; margin-bottom: 20px; width: 129px; height: 37px; background: url(../images/words.png) no-repeat 0px -528px}
.cases .box .caption span{font-size: 24px; letter-spacing: 3px; padding-left: 10px}
.cases .box .swiper-container.items{position: relative; margin: 0 auto; margin-top: 60px; top: 700px; width: 1080px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.cases.active .box .swiper-container.items{top: 0px}
.cases .box .swiper-container.items .swiper-slide{width: 300px; margin: 0 30px; cursor: pointer}
.cases .box .swiper-container.items .swiper-slide img{width: 300px; height: 200px}
.cases .box .swiper-container.items .swiper-slide .shade{position: absolute; width: 300px; height: 200px; margin-top: -200px; background: #fff; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10}
.cases .box .swiper-container.items .swiper-slide .shade u{display: block; margin: 0 auto; margin-top: 78px; width: 44px; height: 44px; background: url(../images/icons.png) no-repeat 0px -168px}
.cases .box .swiper-container.items .swiper-slide p{position: absolute;width:100%;text-align:center;height:40px;line-height:40px; color: #033268; font-family: Arial,"宋体"; font-size: 16px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10}
.cases .box .swiper-container.items .swiper-slide p strong{color: #222; font-family: Arial,"微软雅黑"; font-size: 16px; font-weight: normal; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide .bg{width: 300px; height: 40px; background-color: #fff; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide .bg u{display: block; position: absolute; width: 300px; height: 100px; margin-top: 150px; background-color: #033268; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide:hover .shade{margin-top: 0px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide:hover .bg{-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide:hover .bg u{margin-top: 0px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide:hover p{color: #fff; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.items .swiper-slide:hover p strong{color: White; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.cases .box .swiper-container.mini,.cases .box .swiper-container.xs,.cases .box a.prev,.cases .box a.next{display: none}
.cases .box a.more{display: block; position: relative; margin: 0 auto; margin-top: 50px; top: 700px; width: 120px; padding: 5px 0px; color: #fff; font-size: 26px; text-align: center; text-decoration: none; border: 1px solid #fff; -webkit-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s}
.cases.active .box a.more{top: 0px}
.cases .box a.more:hover{color: White; background: #2fd0b5}
section.clients{background: url(../images/wallpaper4.jpg) center; background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',  sizingMethod='scale');}
.clients .box{position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.clients .box .caption{width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; color: #555555; font-size: 24px;}
.clients.active .box .caption{-moz-opacity: 1; opacity: 1}
.clients .box .caption span{color: #033268; font-size: 30px; display: block;}
.clients .box ul.items,.clients .box div.items2{margin: 0 auto; margin-top: 12px; width: 1200px; height: 300px; font-size: 0; overflow: hidden; position: relative;}
.clients .box ul.items li{position: relative; padding: 0; width: 300px; height: 150px; overflow: hidden; z-index: 10;}
.clients .box ul.items li.cctv{top: 600px; background: url(../images/clients-img1.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.unicom{top: -400px; background: url(../images/clients-img2.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.tsinghua{top: 600px; background: url(../images/clients-img3.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.cas{top: -400px; background: url(../images/clients-img4.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.sipo{top: 600px; background: url(../images/clients-img5.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.apple{top: 450px; background: url(../images/clients-img6.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.das{top: -550px; background: url(../images/logo_1.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients .box ul.items li.hunantv{top: 450px; background: url(../images/clients-img8.png) no-repeat center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s}
.clients.active .box ul.items li{top: 0px;}
.clients .box ul.items li.r{border-right: 1px solid #B7CCE4}
.clients .box ul.items li.b{border-bottom: 1px solid #B7CCE4}
.clients .box ul.items li span{position: absolute; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; margin:0px 60px; color: #fff; font-size: 18px; display: none;}
.clients .box ul.items li.active span{display: block;}
.clients .box ul.items li.active{background: #033268;}
.clients .box ul.items li.bg.all{position: absolute; width: 1200px; height: 300px; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30)}
.clients .box div.items2 div.bg.all{position: absolute; width: 1200px; height: 300px; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30)}
.clients .box ul.items li.bg.one{position: absolute; background: #033268; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; display: none}
section.quality{background: url(../images/wallpaper5.jpg); background-size: cover;}
section.aboutus{position: relative; background: url(../images/wallpaper6.jpg) center; -moz-background-size: cover; background-size: cover}
section.contact{position: relative; background: #333; -moz-background-size: cover; background-size: cover}
.contact .box{position: relative; margin: 0 auto; width: 1200px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.dock{position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200}
.dock.close{z-index: 50}
.dock ul.icons{position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.dock.close ul.icons{right: -70px}
.dock ul.icons li i{display: block; position: relative; width: 50px; height: 50px; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210}
.dock ul.icons li.active i{-moz-opacity: 0.4; opacity: 0.4}
.dock ul.icons li.up i{background: url(../images/up-arre.png) no-repeat center;}
.dock ul.icons li.tel i{background-position: -62px -108px}
.dock ul.icons li.im i{background: url(../images/icon-qq.png) no-repeat center;}
.dock ul.icons li.wechat i{background-position: -59px -66px}
.dock ul.icons li.down i{background: url(../images/down-arre.png) no-repeat center;}
.dock ul.icons li p{display: block; position: absolute; top: 50px; right: -260px; padding: 15px 20px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201}
.dock ul.icons li.active p{right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100)}
.dock ul.icons li.tel p{width: 100px}
.dock ul.icons li.im p{width: 150px}
.dock ul.icons li.im p a{display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.dock ul.icons li.im p a:hover{color: White; background: #0f8773; border: 1px solid #0f8773}
.dock ul.icons li.wechat p{width: 118px}
.dock ul.icons li.wechat p img{width: 115px; border: 2px solid White}
.dock a.switch{position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s}
.dock a.switch.off{background-position: -32px -640px}
@media (max-width: 1300px){header .logo{top:24px; left: 35px; width: 160px} header .words{display: none} header nav.menu{margin-left: -40px} header.fixed nav.menu{margin-left: -55px} header nav.menu ul li{margin: 0 8px} header .hotline{right: 200px} header.fixed .hotline{right: 170px} header .hotline u{right: 215px} header.fixed .hotline u{right: 180px}}
@media (max-width: 1080px){header .words{display:block; left: 220px} header .hotline{right: 285px} header.fixed .hotline{right: 255px} header .hotline u{right: 300px} header.fixed .hotline u{right: 265px} header .menu-icon{display: block} header nav.menu{position: fixed; width: 72px; top: 38px; right: -100px; margin: 0px; padding-top: 30px; border: 1px solid #000; border-top: 1px solid #00dfb9; border-right: none; background: #3a3a3a} header.fixed nav.menu{top: 22px; margin: 0px} header nav.menu.active{display: block; margin: 0px; right: 0px} header nav.menu ul li,header.fixed nav.menu ul li{margin: 0px; margin-left: 5px; width: 73px; padding: 8px 0px; font-family: "宋体"; font-size: 14px; text-align: center} header nav.menu ul li.active{background: #111} header nav.menu .line{-moz-opacity: 0; opacity: 0}}
@media (max-width: 720px){header{height:54px} header .logo,header.fixed .logo{top: 17px; left: 20px; width: 120px} header .words{display: none} header .menu-icon,header.fixed .menu-icon{top: 18px; right: 30px} header nav.menu,header.fixed nav.menu{width: 54px; top: 22px; padding-top: 30px} header nav.menu ul li,header.fixed nav.menu ul li{margin-left: 5px; width: 55px; padding: 5px 0px; font-size: 12px} header .hotline,header.fixed .hotline{top: 21px; right: 218px} header .hotline span{font-size: 20px} header .hotline u,header.fixed .hotline u{top: 24px; right: 223px; width: 15px; height: 21px; background: url(../images/icons.png) no-repeat 0px -34px}}
@media (max-width: 460px){header{height:42px} header.fixed{height: 60px} header .logo,header.fixed .logo{width: 80px} header .menu-icon,header.fixed .menu-icon{top: 13px} header .menu-icon span.glyphicon-earphone{display: inline} header nav.menu,header.fixed nav.menu{top: 17px} header .hotline,header.fixed .hotline{display: none} header.fixed .bg{height: 60px}}
@media (max-height: 310px){header,header.fixed{display:none; height: 0px}}