@charset "utf-8";
.swiper-container{margin: 0 auto;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.swiper-wrapper{position: relative;width: 100%;-webkit-transition-property: -webkit-transform, left, top;-webkit-transition-duration: 0s;-webkit-transform: translate3d(0px, 0, 0);-webkit-transition-timing-function: ease;-moz-transition-property: -moz-transform, left, top;-moz-transition-duration: 0s;-moz-transform: translate3d(0px, 0, 0);-moz-transition-timing-function: ease;-o-transition-property: -o-transform, left, top;-o-transition-duration: 0s;-o-transform: translate3d(0px, 0, 0);-o-transition-timing-function: ease;-o-transform: translate(0px, 0px);-ms-transition-property: -ms-transform, left, top;-ms-transition-duration: 0s;-ms-transform: translate3d(0px, 0, 0);-ms-transition-timing-function: ease;transition-property: transform, left, top;transition-duration: 0s;transform: translate3d(0px, 0, 0);transition-timing-function: ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-wp8-horizontal{-ms-touch-action: pan-y}
.swiper-wp8-vertical{-ms-touch-action: pan-x}
.swiper-container{}
.swiper-slide{}
.swiper-slide-active{}
.swiper-slide-visible{}
.swiper-pagination-switch{}
.swiper-active-switch{}
.swiper-visible-switch{}
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: 80px;z-index: 999;background: #FF0000 none repeat scroll 0% 0%;opacity: 0.9;}
header.fixed{height: 80px;background: #FF0000 none repeat scroll 0% 0%;opacity: 0.9;}
header .logo{position: fixed;top: 10px;left: 50px;-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: 150px;top: 15px;}
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: 250px;}
header nav.menu{margin: 36px 0 0 0;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 nav.menu ul li{margin: 0 5px;font-size: 16px;-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: 15px;}
header nav.menu ul li a{color: #FFF;letter-spacing: 2px;cursor: pointer;text-transform: Uppercase;}
header nav.menu ul li a:hover, header nav.menu ul li.active a{color: #000;text-decoration: none;}
header nav.menu .line{position: absolute;top: 0px;width: 0px;height: 3px;font-size: 3px;background-color: #000;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: 25px;right: 185px;}
header .hotline span{position: fixed;color: #FFF;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: 25px;}
header .hotline u{position: fixed;top: 35px;right: 230px;display: block;width: 30px;height: 30px;text-decoration: none;background: url("/templets/content/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: 25px;right: 195px;}
header .hotline a{color: #FF0000;}
header .menu-icon{position: fixed;top: 34px;right: 48px;font-size: 24px;color: #FFF;z-index: 99;display: none;}
header.fixed .menu-icon{top: 18px;}
header .menu-icon a{color: #FFF;text-decoration: none;}
header .menu-icon span{margin-left: 20px;-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: #FF0000;-moz-opacity: 0.6;opacity: 0.9;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: 0px;}
div.welcome{position: fixed;width: 100%;height: 100%;background: url("/templets/content/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: #FF0000;font-size: 20px;text-align: center;background: url("/templets/content/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 .swiper-container .nth1{background: url("/templets/content/images/wallpaper1_1.jpg") 100%;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth1 .box{position: relative;margin: 0 auto;-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;}
.video .swiper-container .nth1 .box .left{position: absolute;left: -300px;width: 145px;height: 220px;font-size:120px;color:#FF0000;/*background: url("/templets/content/images/words.png") no-repeat top right;*/-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;}
.video .swiper-container .nth1.active .box .left{left: 0px;-moz-opacity: 1;opacity: 1;text-align: center;}
.video .swiper-container .nth1 .box .right{position: absolute;right: -500px;margin: 20px 0 0 0;-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;}
.video .swiper-container .nth1.active .box .right{right: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth1 .box .right span{font-size: 30px;color: #FFF;}
.video .swiper-container .nth1 .box .right i{display:block;width:100%;margin-bottom:5px;font-size:30px;color:#FF0000;border-bottom:1px solid #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat;*/}
.video .swiper-container .nth1 .box .right p{font-size:20px;line-height:30px;color:#FFF;}
.video .swiper-container .nth1 .shade{position: absolute;width: 400%;height: 1800px;background: url("/templets/content/images/swiper_nth1_shade.png") no-repeat center top;-moz-background-size: cover;background-size: cover;-webkit-transition: width .8s ease-in-out .3s;-moz-transition: width .8s ease-in-out .3s;-ms-transition: width .8s ease-in-out .3s;-o-transition: width .8s ease-in-out .3s;transition: width .8s ease-in-out .3s;}
.video .swiper-container .nth1.active .shade{width: 100%;}
.video .swiper-container .nth1 .line{position: relative;margin: 0 auto;top: -91px;width: 602px;height: 413px;z-index: 20;}
.video .swiper-container .nth1 .line u{display: block;width: 0px;height: 0px;border: 2px dashed #FF0000;text-decoration: none;-moz-opacity: 0;opacity: 0;-webkit-transition: all .8s ease-in .7s;-moz-transition: all .8s ease-in .7s;-ms-transition: all .8s ease-in .7s;-o-transition: all .8s ease-in .7s;transition: all .8s ease-in .7s;}
.video .swiper-container .nth1.active .line u{width: 600px;height: 411px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth2{background: url("/templets/content/images/wallpaper1_2.jpg") 100%;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth2 .box{position: absolute;left: -350px;-webkit-transition: left .6s ease-in-out 0s;-moz-transition: left .6s ease-in-out 0s;-ms-transition: left .6s ease-in-out 0s;-o-transition: left .6s ease-in-out 0s;transition: left .6s ease-in-out 0s;z-index: 10;}
.video .swiper-container .nth2 .box span{font-size:30px;color:#FFF;}
.video .swiper-container .nth2 .box i{display: block;width:290px;margin: 10px 0px 8px 0px;font-size:30px;color:#FF0000;border-bottom:1px solid #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat 0px -72px;*/}
.video .swiper-container .nth2 .box p{margin:0px;font-size:20px;line-height:30px;color:#FFF;}
.video .swiper-container .nth2 .shade{width: 50%;height: 2000px;background: #000;-moz-opacity: 0;opacity: 0.6;filter: alpha(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;}
/*.video .swiper-container .nth2.active .shade{width: 50%;-moz-opacity: 0.75;opacity: 0.75;filter: alpha(opacity=75);}*/
.video .swiper-container .nth3{background: url("/templets/content/images/wallpaper1_3.jpg") 100% center;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth3 .box{position: relative;width: 100%;}
.video .swiper-container .nth3 .box .top{font-size: 80px;color: White;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;z-index: 10;}
.video .swiper-container .nth3.active .box .top{font-size: 30px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .mid{width: 330px;margin:10px auto;font-size:30px;color:#FF0000;border-bottom:1px solid #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat 0px -219px;*/-moz-opacity: 0;opacity: 0;-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;}
.video .swiper-container .nth3.active .box .mid{-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .bottom{width: 100%;color: #FFF;font-size:20px;line-height: 30px;text-align: center;-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out .3s;-moz-transition: all .6s ease-in-out .3s;-ms-transition: all .6s ease-in-out .3s;-o-transition: all .6s ease-in-out .3s;transition: all .6s ease-in-out .3s;z-index: 10;}
.video .swiper-container .nth3.active .box .bottom{-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4{background: url("/templets/content/images/wallpaper1_4.jpg") 100% center;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth4 .box{position: relative;width: 100%;}
.video .swiper-container .nth4 .box .top{position: relative;top: -100px;width: 100%;text-align: center;-moz-opacity: 0;opacity: 0;-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;z-index: 10;}
.video .swiper-container .nth4.active .box .top{top: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 .box .top span{font-size: 30px;color: White;}
.video .swiper-container .nth4 .box .top i{display: block;width: 300px;margin: 10px auto;font-size:30px;color:#FF0000;border-bottom:1px solid #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat 0px -147px;*/}
.video .swiper-container .nth4 .box .bottom{position: relative;width: 100%;margin-top:15px;font-size:20px;line-height:30px;color:#FFF;text-align:center;-moz-opacity: 0;opacity: 0;-webkit-transition: all .5s linear 0s;-moz-transition: all .5s linear 0s;-ms-transition: all .5s linear 0s;-o-transition: all .5s linear 0s;transition: all .5s linear 0s;z-index: 10;}
.video .swiper-container .nth4.active .box .bottom{top: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 .box .bottom u{margin: 0 5px;color: #FF0000;text-decoration: none;}
.video .innerBox{position: absolute;bottom: 40px;width: 100%;z-index: 10;}
.video .innerBox .news{margin: 0 auto;margin-bottom: 30px;width: 400px;}
.video .innerBox .news span{float: left;margin: 1px 15px 0px 0px;color: #FF0000;font-weight: bold;}
.video .innerBox .news ul{float: left;}
.video .innerBox .news ul li a{color: #FFF;}
.video .innerBox .news a.more{float: right;color: #FF0000;margin-top: -3px;text-decoration: none;border-bottom: 1px dotted #FF0000;-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: 80px;width: 200px;}
.video .innerBox .guide a{display: block;float: left;margin: 0 5px;width: 40px;height: 3px;font-size: 3px;background: White;cursor: pointer;}
.video .innerBox .guide a.active{background: #FF0000;}
.video .innerBox a.movedown{display: block;margin: 0 auto;width: 47px;height: 47px;background: url("/templets/content/images/icons.png") no-repeat 0px -60px;cursor: pointer;z-index: 99;}
.video .innerBox a.movedown:hover{background: url("/templets/content/images/icons.png") no-repeat 0px -112px;}
section.business{background: url("/templets/content/images/wallpaper2.jpg") 50% bottom;display: none;}
.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;}
.business .box .caption{width: 100%;text-align: center;color:#333;-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;}
.business.active .box .caption{-moz-opacity: 1;opacity: 1;}
.business .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 100%;height: auto;font-size: 30px;color: #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat 0px -294px;*/}
.business .box .caption span{font-size: 24px;letter-spacing: 3px;}
.business .box ul.items{margin: 0 auto;margin-top: 60px;}
.business .box ul.items li{width: 200px;height: 300px;margin: 0 8px;background: url("/templets/content/images/bg_green.png") no-repeat 0px 400px;overflow: hidden;}
.business .box ul.items li i{display: block;position: relative;margin: 0 auto;margin-top: 43px;height: 69px;}
.business .box ul.items li.pc i{width: 69px;background: url("/templets/content/images/words.png") no-repeat -245px -357px;}
.business .box ul.items li.mobi i{width: 64px;background: url("/templets/content/images/words.png") no-repeat -416px -291px;}
.business .box ul.items li.sys i{width: 76px;background: url("/templets/content/images/words.png") no-repeat -415px -362px;}
.business .box ul.items li.app i{width: 74px;background: url("/templets/content/images/words.png") no-repeat -244px -439px;}
.business .box ul.items li.host i{width: 79px;background: url("/templets/content/images/words.png") no-repeat -420px -439px;}
.business .box ul.items li u{display: block;position: absolute;width: 156px;height: 156px;margin-left: 22px;background: url("/templets/content/images/words.png") no-repeat 0px -363px;-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;}
.business .box ul.items li u.cl{clip: rect(0px, 156px, -10px, 78px);}
.business.active .box ul.items li u.cl{clip: rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr{clip: rect(156px,78px,156px,0px);}
.business.active .box ul.items li u.cr{clip: rect(0px,78px,156px,0px);}
.business .box ul.items li strong{display: block;margin-top: 70px;font-size: 16px;color: #333;font-weight: bold;text-align: center;}
.business .box ul.items li strong a:hover{color:#FFF;font-size:16px;font-weight:bold;}
.business .box ul.items li p{position: relative;top: 200px;color: White;font-family: Arial, "微软雅黑";font-size: 12px;line-height: 20px;text-align: center;}
.business .box ul.items li:hover{background-position: 0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;}
.business .box ul.items li:hover i{-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;}
.business .box ul.items li.pc:hover i{background: url("/templets/content/images/words.png") no-repeat -168px -357px;}
.business .box ul.items li.mobi:hover i{background: url("/templets/content/images/words.png") no-repeat -337px -291px;}
.business .box ul.items li.sys:hover i{background: url("/templets/content/images/words.png") no-repeat -327px -362px;}
.business .box ul.items li.app:hover i{background: url("/templets/content/images/words.png") no-repeat -164px -439px;}
.business .box ul.items li.host:hover i{background: url("/templets/content/images/words.png") no-repeat -335px -439px;}
.business .box ul.items li:hover u.cl{clip: rect(0px, 156px, -10px, 78px);}
.business .box ul.items li:hover u.cr{clip: rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong{color: White;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.business .box ul.items li:hover p{top: 20px;-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;}
.business .box label{display: none;margin: 0 auto;margin-top: -40px;width: 297px;height: 21px;background: url("/templets/content/images/words.png") no-repeat 0px -333px;}
section.cases{background: url("/templets/content/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: 100%;height: auto;font-size: 30px;color: #FF0000;font-style: normal;/*background: url("/templets/content/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: 340px;margin: 0 10px;border-bottom: 2px solid #FF0000;cursor: pointer;}
.cases .box .swiper-container.items .swiper-slide img{width: 340px;height: 340px;display: block;margin: 0 auto;}
.cases .box .swiper-container.items .swiper-slide .shade{position: absolute;width: 340px;height: 340px;margin-top: -340px;background: Black;-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: 148px;width: 44px;height: 44px;background: url("/templets/content/images/icons.png") no-repeat 0px -168px;}
.cases .box .swiper-container.items .swiper-slide p{position: absolute;margin: 1px;width:340px;text-align:center;color: #333;font-family: Arial, "微软雅黑";font-size: 16px;line-height: 30px;-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: #333;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: 340px;height: 60px;background-color: #fff;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);-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: 340px;height: 60px;margin-top: 150px;background-color: #FF0000;-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: 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.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: 40px;top: 700px;width: 300px;padding: 5px 0px;color: #FF0000;font-size: 26px;text-align: center;text-decoration: none;border: 1px dotted #FF0000;border-radius: 5px;-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: #FFF;background: #FF0000;border: 1px dotted #FF0000;border-radius: 5px;}
section.clients{display: none;background: url("/templets/content/images/wallpaper4.jpg") 50% 90%;}
.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;}
.clients.active .box .caption{-moz-opacity: 1;opacity: 1;}
.clients .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 100%;height: auto;font-size: 30px;color: #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat -152px -528px;*/}
.clients .box .caption span{font-size: 24px;padding-left: 10px;}
.clients .box ul.items{margin: 0 auto;margin-top: 45px;width: 1155px;height: 450px;font-size: 0;overflow: hidden;}
.clients .box ul.items li{position: relative;padding: 0;width: 230px;height: 150px;overflow: hidden;z-index: 10;}
.clients .box ul.items li.r{border-right: 1px dotted #ddd;}
.clients .box ul.items li.b{border-bottom: 1px dotted #ddd;}
.clients .box ul.items li{position: relative;padding: 0;width: 230px;height: 150px;overflow: hidden;z-index: 10;color:#697B8D;}
.clients .box ul.items li.active{position: relative;padding: 0;width: 230px;height: 150px;overflow: hidden;z-index: 10;color:#FF0000;}
.clients .box ul.items li span{position: absolute;width:230px;line-height:150px;text-align:center;font-weight: bold;font-size:18px;}
.clients .box ul.items li span img:hover{ transform: scale(0.8); }
.clients .box ul.items li.bg.all{position: absolute;width: 1155px;height: 450px;background-color: White;-moz-opacity: 0.3;opacity: 0.3;filter: alpha(opacity=30);}
.clients .box ul.items li.bg.one{position: absolute;background: #eee;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);-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;}
.clients .box ul.mini{display: none;}
section.quality{background: transparent url("/templets/content/images/wallpaper5.jpg") repeat scroll 50% bottom;}
.quality .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;}
.quality .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;}
.quality.active .box .caption{-moz-opacity: 1;opacity: 1;}
.quality .box .caption i{ display: block;margin: 0 auto;margin-bottom: 20px;width: 100%;height: auto;font-size:30px;color:#FF0000;font-style: normal;/*background: url("/templets/content/images/words.png")no-repeat 0px -576px;*/}
.quality .box .caption span{padding-left: 5px;color: White;font-size: 24px;}
.quality .box .items{margin: 0 auto;margin-top: 120px;width: 80%;}
.quality .box .swiper-slide{position: relative;width: 30%;margin: 0 1.6%;}
.quality .box .items .swiper-slide.nth1{left: -300px;-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;}
.quality.active .box .items .swiper-slide.nth1{left: 0px;}
.quality .box .items .swiper-slide.nth2{bottom: -300px;-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;}
.quality.active .box .items .swiper-slide.nth2{bottom: 0px;}
.quality .box .items .swiper-slide.nth3{right: -300px;-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;}
.quality.active .box .items .swiper-slide.nth3{right: 0px;}
.quality .box .swiper-slide div{margin: 0 auto;margin-bottom: 20px;text-align: center;}
.quality .box .swiper-slide div li{position: relative;margin:0 13px;padding: 0;overflow: hidden;}
.quality .box .swiper-slide div li.mobi{width: 14px;height: 27px;background: url("/templets/content/images/icons.png") no-repeat 0px -264px;}
.quality .box .swiper-slide div li.pad{width: 29px;height: 23px;background: url("/templets/content/images/icons.png") no-repeat -71px -264px;}
.quality .box .swiper-slide div li.pc{width: 35px;height: 27px;background: url("/templets/content/images/icons.png") no-repeat 0px -303px;}
.quality .box .swiper-slide div li.windows{width: 27px;height: 27px;background: url("/templets/content/images/icons.png") no-repeat -73px -304px;}
.quality .box .swiper-slide div li.ios{width: 24px;height: 30px;background: url("/templets/content/images/icons.png") no-repeat 0px -344px;}
.quality .box .swiper-slide div li.andriod{width: 28px;height: 29px;background: url("/templets/content/images/icons.png") no-repeat -72px -345px;}
.quality .box .swiper-slide div li.ie{width: 28px;height: 28px;background: url("/templets/content/images/icons.png") no-repeat 0px -392px;}
.quality .box .swiper-slide div li.chrome{width: 30px;height: 30px;background: url("/templets/content/images/icons.png") no-repeat -71px -392px;}
.quality .box .swiper-slide div li.firefox{width: 32px;height: 30px;background: url("/templets/content/images/icons.png") no-repeat 0px -432px;}
.quality .box .swiper-slide div li.safari{width: 30px;height: 32px;background: url("/templets/content/images/icons.png") no-repeat -71px -432px;}
.quality .box .swiper-slide div li span{position: absolute;top: 30px;}
.quality .box .swiper-slide p{color: #e1e1e1;text-align: center;line-height: 36px;}
.quality .box a.lookall{display: block;margin: 0 auto;margin-top: 90px;width: 300px;padding: 12px 0px;color: #FF0000;font-size: 18px;letter-spacing: 3px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-opacity: 0;opacity: 0;-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;}
.quality.active .box a.lookall{-moz-opacity: 1;opacity: 1;}
.quality .box a.lookall:hover{color: White;background: #FF0000;border: 1px solid #FF0000;}
.lookall{display: block;margin: 0 auto;margin-top: 50px;width: 300px;padding: 12px 0px;color: #FF0000;font-size: 18px;letter-spacing: 3px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-opacity: 0;opacity: 0;-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;}
.lookall{-moz-opacity: 1;opacity: 1;}
.lookall a{color:#FF0000;}
.lookall a:hover{color:#FFF;}
.lookall:hover{color: White;background: #FF0000;border: 1px solid #FF0000;}
.quality .box .mini, .quality .box a.prev, .quality .box a.next{display: none;}
section.marketing{background: url("/templets/content/images/wallpaper6.jpg") 50% 45%;display: none;}
.marketing .box{position: relative;margin-top: -80px;-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;}
.marketing .box .caption{position: relative;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;z-index: 10;}
.marketing.active .box .caption{-moz-opacity: 1;opacity: 1;}
.marketing .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 100%;height: auto;font-size: 30px;color: #FF0000;font-style: normal;/*background: url("/templets/content/images/words.png") no-repeat right -576px;*/}
.marketing .box .caption span{padding-left: 5px;font-size: 24px;}
.marketing .box ul.items{margin: 0 auto;margin-top: 30px;position: relative;z-index: 10;}
.marketing .box ul.items li{width: 128px;height: 230px;margin: 0 10px;overflow: hidden;}
.marketing .box ul.items li i{display: block;position: relative;margin: 0 auto;margin-top: 28px;height: 70px;width: 70px;}
.marketing .box ul.items li.se i{background: url("/templets/content/images/words.png") no-repeat -136px -632px;}
.marketing .box ul.items li.weixin i{background: url("/templets/content/images/words.png") no-repeat -207px -630px;}
.marketing .box ul.items li.weibo i{background: url("/templets/content/images/words.png") no-repeat -288px -630px;}
.marketing .box ul.items li.sms i{background: url("/templets/content/images/words.png") no-repeat -362px -628px;}
.marketing .box ul.items li.pay i{background: url("/templets/content/images/words.png") no-repeat -432px -635px;}
.marketing .box ul.items li.bbs i{background: url("/templets/content/images/words.png") no-repeat -137px -705px;}
.marketing .box ul.items li u{display: block;position: absolute;width: 128px;height: 128px;background: url("/templets/content/images/words.png") no-repeat 0px -624px;-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;}
.marketing .box ul.items li u.cl{clip: rect(0px, 128px, -10px, 64px);}
.marketing .box ul.items li:hover u.cl{clip: rect(0px,128px,128px,64px);}
.marketing .box ul.items li u.cr{clip: rect(128px,64px,128px,0px);}
.marketing .box ul.items li:hover u.cr{clip: rect(0px,64px,128px,0px);}
.marketing .box ul.items li strong{display: block;margin: 200px 0px 10px 0px;font-size: 16px;color:#333;text-align: center;-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;}
.marketing .box ul.items li strong:hover{color:#FF0000;}
.marketing.active .box ul.items li strong{margin-top: 50px;}
.marketing .box ul.items li p{line-height: 20px;text-align: center;}
.marketing .shade{display: none;position: absolute;top: 0px;width: 100%;background: White;-moz-opacity: 0.4;opacity: 0.4;filter: alpha(opacity=40);}
section.aboutus{position: relative;background: url("/templets/content/images/wallpaper7.jpg")50% 60%;-moz-background-size: cover;background-size: cover;}
.aboutus ul.menu{position: absolute;list-style: none;top: 150px;left: 50px;width: 80px;padding: 0px;}
.aboutus ul.menu li{position: relative;color: #FF0000;font-size: 16px;text-align: center;padding: 10px 0px;cursor: pointer;z-index: 30;-webkit-transition: all .0s ease-in-out .2s;-moz-transition: all .0s ease-in-out .2s;-ms-transition: all .0s ease-in-out .2s;-o-transition: all .0s ease-in-out .2s;transition: all .0s ease-in-out .2s;}
.aboutus ul.menu li.active{color: White;}
.aboutus ul.menu li.bg.all{position: absolute;padding: 0px;top: 0px;left: 0px;width: 80px !important;height: 130px !important;background: #FF0000;-moz-opacity: 0.15;opacity: 0.15;filter: alpha(opacity=15);z-index: 10;}
.aboutus ul.menu li.bg.one{position: absolute;top: 0px;left: 0px;width: 80px;background: #FF0000;-moz-opacity: 0.2;opacity: 0.2;filter: alpha(opacity=20);-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: 20;}
.aboutus .items{position: absolute;top:250px;left: -480px;width:480px;height:320px;-moz-opacity: 0;opacity: 0;-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;}
.aboutus.active .items{left: 40%;-moz-opacity: 1;opacity: 1;}
.aboutus .items .swiper-slide.nth1 strong{display: block;color: #FF0000;font-size: 40px;font-weight: normal;letter-spacing: 5px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 20px;color: #FFF;line-height: 35px;}
.aboutus .items .swiper-slide.nth1 u{display: block;margin-top: 20px;color: #999;font-size: 24px;text-decoration: none;}
.aboutus .items .swiper-slide.nth2 strong{display: block;color: #FF0000;font-size: 40px;font-weight: normal;letter-spacing: 5px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 20px;color: #FFF;line-height: 35px;/*text-indent: 28px;*/}
.aboutus .items .swiper-slide.nth3 strong{display: block;color: #FF0000;font-size: 40px;font-weight: normal;letter-spacing: 5px;}
.aboutus .items .swiper-slide.nth3 ul{padding: 0px;}
.aboutus .items .swiper-slide.nth3 ul li{color: #FFF;line-height: 25px;list-style: none;/*padding-left: 30px;list-style: none;background: url("/templets/content/images/point.png") no-repeat 0px 13px;*/}
.aboutus .items .swiper-slide.nth3 ul li span{font-size:15px;color:#FF0000;}
.aboutus .items .swiper-slide.nth3 ul li span1{font-weight:bold;}
.aboutus .items .swiper-slide.nth3 ul li span a{font-size:18px;color:#FF0000;}
.aboutus .items .swiper-slide.nth3 ul li u{margin: 0 15px;text-decoration: none;}
.aboutus table.exp{position: absolute;bottom: -80px;width: 100%;border-top: 1px solid #666;-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;z-index: 20;}
.aboutus.active table.exp{bottom: 0px;}
.aboutus table.exp td{width: 20%;height: 70px;color: #bbb;text-align: center;}
.aboutus table.exp u{margin-right: 10px;color: #FF0000;font-family: Arial;font-size: 26px;text-decoration: none;}
.aboutus .expBg{position: absolute;bottom: -80px;width: 100%;height: 70px;background: White;-moz-opacity: 0.2;opacity: 0.2;filter: alpha(opacity=20);-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;z-index: 10;}
.aboutus.active .expBg{bottom: 0px;}
.aboutus .shade{position: absolute;width: 100%;height: 100%;background: Black;-moz-opacity: 0.5;opacity: 0.5;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;z-index: 5;}
.aboutus.active .shade{-moz-opacity: 0;opacity: 0;z-index: -1;}
section.contact{position: relative;background: url("/templets/content/images/wallpaper8.jpg") 50% bottom;-moz-background-size: cover;background-size: cover;}
.contact .box{position: relative;top:250px;margin: 0 auto;width: 1000px;height: 330px;-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;}
.contact .box .above{position: relative;top: -300px;width: 100%;height: 200px;-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out 0s;-moz-transition: all .6s ease-in-out 0s;-ms-transition: all .6s ease-in-out 0s;-o-transition: all .6s ease-in-out 0s;transition: all .6s ease-in-out 0s;}
.contact.active .box .above{top: 0px;-moz-opacity: 1;opacity: 1;}
.contact .box .above .wechat{float: left;}
.contact .box .above .left{float: left;margin: -12px 0px 0px 100px;}
.contact .box .above .left a.tel{display: block;margin: 0px;width: 300px;text-decoration: none;font-size: 30px;color: #FF0000;/*background: url("/templets/content/images/words.png") no-repeat 0px -877px;*/}
.contact .box .above .left p{margin-top: 8px;color: #666;line-height: 26px;}
.contact .box .above .left a{color: #666;text-decoration: none;}
.contact .box .above .left a:hover{color: #FF0000;text-decoration: none;}
.contact .box .above .left p u{margin: 0 5px;text-decoration: none;}
.contact .box .above .left p a.job{margin-left: 0px;color: #FF0000;font-weight: bold;}
.contact .box .above .left p a.job:hover{border-bottom: 1px solid #FF0000;}
.contact .box .above .left p a.joobb{margin-left: 0px;color: #E6E6E6;font-weight: bold;}
.contact .box .above .left p a.joobb:hover{color: #FF0000;border-bottom: 1px solid #FF0000;}
.contact .box .above .right{float: right;margin-top: -3px;color: #666;line-height: 32px;margin-top: 30px;}
.contact .box .above .right a{color: #666;text-decoration: none;}
.contact .box .above .right a:hover{color: #FF0000;text-decoration: none;}
.contact .box .above .right u{margin: 0 5px;text-decoration: none;}
.contact .box .above .right a.job{margin-left: 0px;color: #FF0000;font-weight: bold;}
.contact .box .above .right a.job:hover{border-bottom: 1px solid #FF0000;}
.contact .box .below{position: relative;padding-top: 40px;width: 100%;border-top: 1px dotted #ccc;}
.contact .box .below p{width:100%;height:auto;text-align:center;line-height:30px;}
.contact .box .below i{display: block;position: relative;top: 300px;margin: 0 auto;width: 424px;height: 86px;background: url("/templets/content/images/words.png") no-repeat 0px -787px;-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out 0s;-moz-transition: all .6s ease-in-out 0s;-ms-transition: all .6s ease-in-out 0s;-o-transition: all .6s ease-in-out 0s;transition: all .6s ease-in-out 0s;}
.contact.active .box .below i{top: 0px;-moz-opacity: 1;opacity: 1;}
.newl-cont{width:100%;height:auto;margin:auto;}
.newl-cont li{width:30%;height:auto;color:#FFF;margin:0% 1.6%;line-height:30px;border-bottom: 1px dashed #B1B1B1;float: left;list-style: none;}
.newl-cont li h a{color:#FF0000;font-size:16px;}
.newl-cont li p a{color:#FFF;font-size:14px;}
.newl-cont li h a:hover{font-weight:700;}
.newl-cont li p a:hover{color:#FF0000;}
.newr-cont{width:100%;height:auto;display:none;}
.newr-cont h{width:100%;height:auto;font-weight:bold;text-align:center;color: #FFF;font-size: 20px;line-height: 60px;}
.newr-cont li{width:100%;height:auto;color:#FFF;line-height:30px;border-bottom: 1px dashed #B1B1B1;}
.newr-cont li a{color:#FFF;}
.newr-cont li a:hover{color:#FF0000;}
.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;background: url("/templets/content/images/icons.png") no-repeat;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-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;}
.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: 120px;}
.dock ul.icons li.tel p a{color:#FFF;}
.dock ul.icons li.tel p a:hover{color:#FF0000;}
.dock ul.icons li.im p{width: 115px;}
.dock ul.icons li.im p a{display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #FF0000;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-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: #FF0000;border: 1px solid #FF0000;}
.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("/templets/content/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: 15px;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 #FF0000;border-top: 1px solid #FF0000;border-right: none;background: #FF0000;}
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: #FF0000;}
header nav.menu .line{-moz-opacity: 0;opacity: 0;}}
@media (max-width:720px){header{height: 54px;}
header .logo, header.fixed .logo{top: 5px;left: 0px;width: 140px;}
header .words{display: none;}
header .menu-icon, header.fixed .menu-icon{top: 20px;right: 20px;}
header nav.menu, header.fixed nav.menu{width: 65px;top: 22px;padding-top: 30px;}
header nav.menu ul li, header.fixed nav.menu ul li{margin-left: 5px;width: 65px;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("/templets/content/images/icons.png") no-repeat 0px -34px;}}
@media (max-width:460px){header{height: 60px;}
header.fixed{height: 60px;}
header .logo, header.fixed .logo{width: 140px;}
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;}}
@media (max-width:1280px) and (max-height:800px){div.welcome{background: url("/templets/content/images/welcome.jpg") 50% 20%;}}
@media (max-width:960px) and (max-height:600px){div.welcome{background: url("/templets/content/images/welcome_h600.jpg") 30% 80%;}}
@media (max-width:800px), (max-height:480px){div.welcome p{width: 218px;padding-top: 190px;top: 50%;left: 50%;margin-top: -110px;margin-left: -109px;background: url("/templets/content/images/welcome_words_mini.png")no-repeat;}}
@media (max-height:260px){div.welcome p{height: 158px;padding: 0px;margin-top: -79px;}
div.welcome p u{display: none;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth1{background: url("/templets/content/images/wallpaper1_1.jpg") 50% 20%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth1{background: url("/templets/content/images/wallpaper1_1_h600.jpg") 50% 35%;}}
@media (max-height:750px){.video .swiper-container .nth1 .line{display: none;}}
@media (max-width:900px), (min-height:1201px), (max-height:720px){.video .swiper-container .nth1 .shade{display: none;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth1 .box .left{width: 74px;height: 139px;left: -150px;font-size: 60px;}
.video .swiper-container .nth1 .box .right{margin: 20 0 0 80px;right: -300px;}
.video .swiper-container .nth1 .box .right span{font-size: 20px;}
.video .swiper-container .nth1 .box .right i{width:80%;margin: 1px 0px;font-size:20px;text-align: center;}
.video .swiper-container .nth1 .box .right p{font-size:15px;font-family: "微软雅黑";line-height: 20px;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth2{background: url("/templets/content/images/wallpaper1_2.jpg") 50% 20%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth2{background: url("/templets/content/images/wallpaper1_2_h600.jpg") 60% 50%;}}
@media (max-width:799px){.video .swiper-container .nth2 .box{left: -400px;width: 100%;text-align: center;}
.video .swiper-container .nth2.active .box{left: 0px;}
.video .swiper-container .nth2 .box i{margin: 0 auto;margin-bottom: 10px;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth2 .box span{font-size: 20px;}
.video .swiper-container .nth2 .box i{width: 80%;margin-top: 8px;margin-bottom: 5px;font-size: 20px;text-align: center;/*background: url("/templets/content/images/words_mini.png") no-repeat 0px -45px;*/}
.video .swiper-container .nth2 .box p{font-size: 15px;font-family: "微软雅黑";color:#FFF;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth3{background: url("/templets/content/images/wallpaper1_3.jpg") 50% 20%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth3{background: url("/templets/content/images/wallpaper1_3_h600.jpg") 50% center;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth3 .box .top{font-size: 40px;}
.video .swiper-container .nth3.active .box .top{font-size: 20px;}
.video .swiper-container .nth3 .box .mid{width: 80%;margin-top: 10px;font-size: 20px;text-align: center;/*background: url("/templets/content/images/words_mini.png") no-repeat 0px -131px;*/}
.video .swiper-container .nth3 .box .bottom{width:80%;margin:auto;font-size: 15px;font-family: "微软雅黑";line-height: 20px;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth4{background: url("/templets/content/images/wallpaper1_4.jpg") 50% 20%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth4{background: url("/templets/content/images/wallpaper1_4_h600.jpg") 80% 80%;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth4 .box .top span{font-size: 20px;}
.video .swiper-container .nth4 .box .top i{width: 80%;font-size: 20px;text-align: center;/*background: url("/templets/content/images/words_mini.png") no-repeat 0px -88px;*/}
.video .swiper-container .nth4 .box .bottom{width:80%;margin:auto;font-size: 15px;font-family: "微软雅黑";line-height: 20px;}}
@media (orientation:landscape) and (max-height:300px){.video .swiper-container .swiper-slide{padding-top: 10px;}
.video .swiper-container .nth2 .shade{margin-top: -10px;height: 400px;}}
@media (orientation:landscape) and (max-height:650px){.video .innerBox{bottom: 15px;}
.video .innerBox .news{margin-left: 100px;margin-bottom: 10px;}
.video .innerBox .guide{position: absolute;margin: 0px;right: 15px;bottom: 18px;width: 110px;}
.video .innerBox .guide a{margin: 0px 3px;width: 20px;}
.video .innerBox a.movedown{position: absolute;margin: 0px;left: 15px;bottom: 0px;}}
@media (orientation:landscape) and (max-height:650px) and (max-width:660px){.video .innerBox .news a.more{display: none;}
.video .innerBox .news span{display: none;}}
@media (orientation:landscape) and (max-height:650px) and (max-width:540px){.video .innerBox .news{margin-left: 85px;}
.video .innerBox .news ul li{font-size: 12px;font-family: "微软雅黑";}}
@media (orientation:landscape) and (max-height:650px) and (max-width:460px), (orientation:landscape) and (max-height:300px), (orientation:portrait) and (max-height:380px){.video .innerBox .news{display: none;}}
@media (orientation:portrait) and (max-width:460px){.video .innerBox .news a.more{display: none;}
.video .innerBox .news span{display: none;}
.video .innerBox .news{width: 100%;}
.video .innerBox .news ul{width: 100%;text-align: center;}}
@media (orientation:portrait) and (max-width:360px){.video .innerBox .news{margin: 0px;margin-bottom: 10px;}
.video .innerBox .news ul li{font-size: 12px;font-family: "微软雅黑";}
.video .innerBox .guide{position: static;margin: 0 auto;padding-top: 10px;margin-bottom: 25px;right: inherit;bottom: inherit;width: 110px;}
.video .innerBox .guide a{margin: 0 3px;width: 20px;}
.video .innerBox a.movedown{position: static;margin: 0 auto;left: 0px;}}
@media (min-width:1921px), (min-height:1201px){section.business{-moz-background-size: cover;background-size: cover;}}
@media (min-height:1201px){.business .box{margin-top: -70px;}}
@media (min-width:1151px) and (max-height:700px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 50px;}}
@media (min-width:1151px) and (max-height:630px){.business .box{margin-top: 100px;}}
@media (max-width:1150px){.business .box ul.items{margin-top: 40px;}
.business .box ul.items li{width: 170px;height: 270px;margin: 0 10px;padding:0px;}
.business .box ul.items li u{background: none;display: none;}
.business .box ul.items li strong{margin-top: 40px;}
.business .box ul.items li:hover{-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}}
@media (max-width:1150px) and (max-height:680px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}}
@media (max-width:1150px) and (max-height:580px){.business .box{margin-top: 0px;}}
@media (max-width:1000px){.business .box{margin-top: -55px;}
.business .box ul.items li{width: 270px;height: 80px;margin: 20px 0px;}
.business .box ul.items li i{margin-top: 0px;float: left;}
.business .box ul.items li strong{float: left;margin: 0 0 0 20px;line-height: 43px;}
.business .box ul.items li p{float: left;margin: 5px 0 0 20px;color: #888;text-align: inherit;}
.business .box ul.items li:hover p{margin: 5px 0 0 20px;color: White;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.business .box label{margin-top: 50px;}}
@media (max-width:1000px) and (max-height:730px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}}
@media (max-width:1000px) and (max-height:650px){.business .box label{display: none;}}
@media (max-width:1000px) and (max-height:560px){.business .box{margin-top: 0px;}}
@media (max-width:929px) and (max-height:880px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}}
@media (max-width:929px) and (max-height:770px){.business .box label{display: none;}}
@media (max-width:929px) and (max-height:680px){.business .box{margin-top: 0px;}}
@media (max-width:929px) and (max-height:570px), (max-width:620px){.business .box{margin-top: -55px;}
.business .box ul.items{margin-top: 30px;}
.business .box ul.items li{width: 270px;height: 43px;margin: 10px 0px;}
.business .box ul.items li i{margin-top: 0px;}
.business .box ul.items li.pc i{width: 43px;height: 43px;background: url("/templets/content/images/words_mini.png") no-repeat -152px -212px;}
.business .box ul.items li.mobi i{width: 43px;height: 43px;background: url("/templets/content/images/words_mini.png") no-repeat -245px -176px;}
.business .box ul.items li.sys i{width: 43px;height: 43px;background: url("/templets/content/images/words_mini.png") no-repeat -249px -220px;}
.business .box ul.items li.app i{width: 43px;height: 43px;background: url("/templets/content/images/words_mini.png") no-repeat -146px -264px;}
.business .box ul.items li.host i{width: 43px;height: 43px;background: url("/templets/content/images/words_mini.png") no-repeat -253px -266px;}
.business .box ul.items li p{display: none;}
.business .box ul.items li strong{margin-left: 15px;}
.business .box ul.items li.pc:hover i{background: url("/templets/content/images/words_mini.png") no-repeat -100px -217px;}
.business .box ul.items li.mobi:hover i{background: url("/templets/content/images/words_mini.png") no-repeat -201px -176px;}
.business .box ul.items li.sys:hover i{background: url("/templets/content/images/words_mini.png") no-repeat -196px -220px;}
.business .box ul.items li.app:hover i{background: url("/templets/content/images/words_mini.png") no-repeat -100px -264px;}
.business .box ul.items li.host:hover i{background: url("/templets/content/images/words_mini.png") no-repeat -201px -266px;}}
@media (max-width:929px) and (max-height:460px){.business .box ul.items{margin-top: 15px;}
.business .box ul.items li{margin: 5px 10px 0px 10px;}}
@media (max-width:929px) and (max-height:420px){.business .box ul.items{margin-top: 30px;}
.business .box{margin-top: 0px;}}
@media (max-width:929px) and (max-height:720px){.business .box label{display: none;}}
@media (max-width:929px) and (max-height:660px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 30px;}}
@media (max-width:929px) and (max-height:550px){.business .box ul.items{margin-top: 20px;}
.business .box ul.items li{margin: 0px 10px 0px 10px;}}
@media (max-width:929px) and (max-height:460px){.business .box{margin-top: 0px;}}
@media (max-width:929px) and (max-height:320px){.business .box ul.items{margin-top: 15px;}}
@media (max-width:929px) and (max-height:310px), (max-width:638px) and (max-height:390px), (max-width:425px) and (max-height:500px){.business .box ul.items{margin-top: 40px;}
.business .box ul.items li{width: 120px;height: 40px;margin: 0px 10px 15px 10px;padding: 0px;background: none;}
.business .box ul.items li strong{position: relative;margin: 0px;width: 100%;height: 40px;font-size: 14px;line-height: 40px;text-align: center;z-index: 10;color:#333;font-weight: inherit;}
.business .box ul.items li:hover strong{color: #333;}
.business .box ul.items li i{position: absolute;display: block !important;width: 120px !important;height: 40px !important;background: White !important;border: 1px solid #bbb;-moz-opacity: 0.5;opacity: 0.5;}}
@media (max-width:929px) and (max-height:260px){.business .box{margin-top: 8px;}
.business .box ul.items{margin-top: 18px;}}
@media (max-width:425px) and (max-height:880px){.business .box .caption i{display: block;}
.business .box label{display: none;}}
@media (max-width:425px) and (max-height:770px){.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 20px;}}
@media (max-width:425px) and (max-height:670px){.business .box{margin-top: 0px;}}
@media (max-width:425px) and (max-height:500px){.business .box ul.items{margin-top: 40px;}}
@media (max-width:390px){.business .box .caption i{display: none;}}
@media (min-width:1921px), (min-height:921px){section.cases{-moz-background-size: cover;background-size: cover;}}
@media (max-width:1280px) and (max-height:800px){section.cases{background: url("/templets/content/images/wallpaper3_h800.jpg") 50% bottom;}}
@media (max-width:960px) and (max-height:600px){section.cases{background: url("/templets/content/images/wallpaper3_h600.jpg");}}
@media (min-width:1151px) and (max-height:700px){.cases .box .swiper-container.items{margin-top: 40px;}
.cases .box .caption i{display: none;}}
@media (min-width:1151px) and (max-height:620px){.cases .box .swiper-container.items .swiper-slide{border: none;}
.cases .box .items .swiper-slide p, .cases .box .items .swiper-slide .bg{display: none;}}
@media (max-width:1150px){.cases .box .swiper-container.items{width: 840px;}
.cases .box .swiper-container.items .swiper-slide{width: 260px;}
.cases .box .swiper-container.items .swiper-slide img{width: 260px;height: 260px;}
.cases .box .swiper-container.items .swiper-slide .shade{width: 260px;height: 260px;}
.cases .box .swiper-container.items .swiper-slide .shade u{margin-top: 45%;}
.cases .box .swiper-container.items .swiper-slide p strong{font-size: 14px;}
.cases .box .swiper-container.items .swiper-slide .bg{width: 260px;height: 60px;}
.cases .box .swiper-container.items .swiper-slide .bg u{width: 260px;height:60px;}
.cases .box .swiper-container.items .swiper-slide p{position: absolute; margin: 1px; width: 260px; color: #333; font-family: Arial,"微软雅黑"; font-size: 16px; line-height: 30px; transition: all 0.3s ease-in-out 0s; z-index: 10; text-align: center;}}
@media (max-width:1150px) and (max-height:660px){.cases .box .swiper-container.items{margin-top: 40px;}
.cases .box .caption i{display: none;}}
@media (max-width:1150px) and (max-height:580px){.cases .box .swiper-container.items .swiper-slide{border: none;}
.cases .box .items .swiper-slide p, .cases .box .items .swiper-slide .bg{display: none;}}
@media (max-width:1150px) and (max-height:480px){.cases .box .swiper-container.items .swiper-slide{border: none;}
.cases .box .items .swiper-slide p, .cases .box .items .swiper-slide .bg{display: none;}}
@media (orientation:landscape) and (max-width:900px){.cases .box .swiper-container.items{display: none;}
.cases .box .swiper-container.xs{display: block;margin: 0 auto;margin-top: 40px;width: 90%;}
.cases .box .swiper-container.xs .swiper-slide{width: 31.33%;margin: 0 1%;}
.cases .box .xs .swiper-slide p, .cases .xs .swiper-slide .bg{display: none;background: none;}}
@media (orientation:landscape) and (max-width:900px) and (max-height:450px){.cases .box .swiper-container.xs{margin-top: 15px;}
.cases .box a.more{margin-top: 18px;width: 66px;padding: 3px 0px;font-size: 16px;}}
@media (orientation:portrait) and (max-width:900px){.cases .box .swiper-container.items{display: none;}
.cases .box .swiper-container.mini{display: block;width: 340px;margin-top: 60px;}
.cases .box .swiper-container.mini .swiper-wrapper{height: 340px !important;}
.cases .box .swiper-container.mini .swiper-slide{width: 340px;height: 340px !important;border-bottom: 2px solid #FF0000;cursor: pointer;text-align: center;}
.cases .box .swiper-container.mini .swiper-slide img{width: 340px;height: 340px;}
.cases .box .swiper-container.mini .swiper-slide p{position: absolute;margin: 10px 20px;color: #999;font-family: Arial, "微软雅黑";font-size: 12px;line-height: 26px;z-index: 10;}
.cases .box .swiper-container.mini .swiper-slide p strong{color: #222;font-family: Arial, "微软雅黑";font-size: 16px;font-weight: normal;}
.cases .box .swiper-container.mini .swiper-slide .bg{width: 340px;height: 60px;background-color: #fff;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}
.cases .box a.prev, .cases .box a.next{display: block;position: absolute;top: -340px;width: 16px;height: 30px;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: 100;}
.cases .box a.prev{left: 30px;background: url("/templets/content/images/icons.png") no-repeat 0px -219px;}
.cases .box a.next{right: 30px;background: url("/templets/content/images/icons.png") no-repeat -25px -219px;}
.newl-cont{display: none;}
.newr-cont{width:100%;height:auto;display: block;}}
@media (orientation:portrait) and (max-width:900px) and (max-height:700px){.cases .box .swiper-container.mini{margin-top: 40px;}
.cases .box .caption i{display: none;}}
@media (orientation:portrait) and (max-width:500px){.cases .box .caption i{display: block;}
.cases .box .swiper-container.mini{width: 250px;height:250px;margin-top: 20px;}
.cases .box .swiper-container.mini .swiper-wrapper{height: 250px !important;}
.cases .box .swiper-container.mini .swiper-slide{text-align: center;width: 250px;height: 250px !important;}
.cases .box .swiper-container.mini .swiper-slide img{width: 250px;height: 250px;}
.cases .box .swiper-container.mini .swiper-slide p{font-size: 14px;width:250px;height:ato;text-align:center;margin: 10px 0px;}
.cases .box .swiper-container.mini .swiper-slide p strong{width:250px;height:auto;font-size: 14px;}
.cases .box .swiper-container.mini .swiper-slide .bg{width: 250px;height: 60px;}
.cases .box a.prev{left: 20px;}
.cases .box a.next{right: 20px;}}
@media (orientation:portrait) and (max-width:500px) and (max-height:640px){.cases .box .caption i{display: none;}}
@media (orientation:portrait) and (max-width:500px) and (max-height:580px){.cases .box .swiper-container.mini{margin-top: 30px;}
.cases .box a.more{display: block;position: static;margin: 0 auto;margin-top: 30px;width: 200px;font-size: 16px;padding: 3px 0px;}}
@media (orientation:portrait) and (max-width:370px){.cases .box a.prev, .cases .box a.next{margin-top: 175px;}
.cases .box a.prev{left: 40px;}
.cases .box a.next{right: 40px;}}
@media (orientation:portrait) and (max-width:370px) and (max-height:500px){.cases .box .swiper-container.mini .swiper-wrapper{height: 153px !important;}
.cases .box .swiper-container.mini .swiper-slide{height: 153px !important;border: none;}
.cases .box .mini .swiper-slide p, .cases .box .mini .swiper-slide .bg{display: none;}
.cases .box a.prev, .cases .box a.next{margin-top: 73px;}}
@media (min-width:1921px), (min-height:1201px){section.clients{-moz-background-size: cover;background-size: cover;}}
@media (max-width:1280px) and (max-height:800px){section.clients{background: url("/templets/content/images/wallpaper4_h800.jpg") 50% bottom;}}
@media (max-width:960px) and (max-height:600px){section.clients{background: url("/templets/content/images/wallpaper4_h600.jpg") 50% 90%;}}
@media (max-width:1150px){.clients .box ul.items{width: 924px;}
.clients .box ul.items li.bg.all{width: 924px;}}
@media (max-width:920px){.clients .box ul.items{width: 693px;}
.clients .box ul.items li.bg.all{width: 693px;}}
@media (max-width:690px){.clients .box ul.items{width: 462px;}
.clients .box ul.items li.bg.all{width: 462px;}}
@media (min-width:471px) and (max-height:720px){.clients .box ul.items{height: 300px;}
.clients .box ul.items li.bg.all{height: 300px;}}
@media (min-width:471px) and (max-height:580px){.clients .box ul.items{height: 150px;}
.clients .box ul.items li.bg.all{height: 150px;}}
@media (min-width:471px) and (max-height:450px){.clients .box .swiper-container.items{margin-top: 40px;}
.clients .box .caption i{display: none;}}

@media (min-height:920px){.clients .box{margin-top: -80px;}}
@media (max-width:690px) and (max-height:380px), (max-width:620px) and (max-height:480px), (max-width:470px){.clients .box ul.items{display: none;}
.clients .box ul.mini{display: block;position: relative;margin: 0 auto;margin-top: 10px;width: 500px;height: 550px;overflow: hidden;}
.clients .box ul.mini li{position: relative;width: 45%;z-index: 20;}
.clients .box ul.mini li.bg.all{position: absolute;width: 500px;height: 560px;list-style: none;background-color: White;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}
.clients .box ul.mini li.bg.one{display: none;}}
@media (max-width:560px) and (max-height:480px), (max-width:470px){.clients .box ul.mini{width: 100%;}
.clients .box ul.mini li.bg.all{width: 100%;}}
@media (max-width:470px) and (max-height:800px){.clients .box ul.mini{height: auto;}
.clients .box ul.mini li.bg.all{height: auto;}}
@media (max-width:470px) and (max-height:700px){.clients .box ul.mini{height: auto;}
.clients .box ul.mini li.bg.all{height: auto;}}
@media (max-width:560px) and (max-height:600px){.clients .box ul.mini{height: 270px;}
.clients .box ul.mini li.bg.all{height: 260px;}}
@media (max-width:690px) and (max-height:520px){.clients .box ul.mini{margin-top: 15px;}
.clients .box .caption i{display: none;}}
@media (max-width:690px) and (max-height:430px){.clients .box ul.mini{height: 150px;}
.clients .box ul.mini li.bg.all{height: 150px;}}
@media (max-width:690px) and (max-height:420px){.clients .box ul.mini{height: 110px;}
.clients .box ul.mini li.bg.all{height: 110px;}}
@media (max-width:690px) and (max-height:300px){.clients .box ul.mini{margin-top: 5px;}}
@media (max-width:400px){.clients .box .caption i{display: none;}.quality .box .caption i{display: none;}}
@media (min-width:1921px), (min-height:1201px){section.quality{-moz-background-size: cover;background-size: cover;}}
@media (max-width:1280px) and (max-height:800px){section.quality{background: url("/templets/content/images/wallpaper5_h800.jpg") 50% bottom;}}
@media (max-width:960px) and (max-height:600px){section.quality{background: url("/templets/content/images/wallpaper5_h600.jpg") 50% 10%;}}
@media (max-width:960px){.quality .box .items{display: none;}
.quality .box .mini{display: block;margin: 0 auto;width: 90%;height: auto;overflow: hidden;}
.quality .box .mini .swiper-slide{margin: 0px;}
.quality .box a.prev, .quality .box a.next{display: block;position: absolute;top: -300px;width: 16px;height: 30px;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: 100;}
.quality .box a.prev{left: 30px;background: url("/templets/content/images/icons.png") no-repeat 0px -219px;}
.quality .box a.next{right: 30px;background: url("/templets/content/images/icons.png") no-repeat -25px -219px;}}
@media (max-height:730px){.quality .box .items, .quality .box .mini{margin-top: 80px;}
.new-cont{width:90%;height:auto;margin-left:10%;float:left;}
.new-cont h{width:100%;height:auto;font-weight:16px;text-align:center;color: #FFF;font-size: 18px;line-height: 60px;}
.new-cont li{width:100%;height:auto;color:#FFF;line-height:30px;border-bottom: 1px dashed #B1B1B1;}
.new-cont li a{color:#FFF;}
.new-cont li a:hover{color:#FF0000;}}
@media (max-height:710px){.quality .box a.lookall{display: block;}
.quality .box a.lookall{display: block;margin: 20px auto;width: 200px;padding: 12px 0px;color: #FF0000;font-size: 18px;letter-spacing: 3px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-opacity: 0;opacity: 0;-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;}
.lookall{display: block;margin: 0 auto;margin-top: 30px;width: 200px;padding: 12px 0px;color: #FF0000;font-size: 18px;letter-spacing: 3px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-opacity: 0;opacity: 0;-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;}
.lookall{-moz-opacity: 1;opacity: 1;}
.lookall:hover{color: White;background: #FF0000;border: 1px solid #FF0000;}}
@media (max-height:530px){.quality .box .items, .quality .box .mini{margin-top: 20px;}
.quality .box .caption i{display: none;}}
@media (max-height:420px){.quality .box .items, .quality .box .mini{height: 120px;margin-top: 40px;}
.quality .box a.prev, .quality .box a.next{margin-top: -40px;}}
@media (max-height:360px){.quality .box .items, .quality .box .mini{height: 110px;margin-top: 20px;}
.quality .box .swiper-slide ul{margin-bottom: 10px;}
.quality .box a.prev, .quality .box a.next{margin-top: -80px;}}
@media (min-width:1921px), (min-height:1201px){section.marketing{-moz-background-size: cover;background-size: cover;}}
@media (max-width:1280px) and (max-height:800px){section.marketing{background: url("/templets/content/images/wallpaper6_h800.jpg") 50% 45%;}}
@media (max-width:960px) and (max-height:600px){section.marketing{background: url("/templets/content/images/wallpaper6_h600.jpg")50% 45%;}}
@media (max-width:1100px){.marketing .box ul.items li{margin: 0 10px;}}
@media (min-width:1001px) and (min-height:951px){.marketing .box{margin-top: -170px;}}
@media (min-width:1001px) and (max-height:950px){.marketing .box{margin-top: -130px;}}
@media (min-width:1001px) and (max-height:850px){.marketing .box{margin-top: -90px;}}
@media (min-width:1001px) and (max-height:750px){.marketing .box{margin-top: -60px;}}
@media (min-width:1001px) and (max-height:700px){.marketing .box .caption i{display: none;}}
@media (min-width:1001px) and (max-height:650px){.marketing .box{margin-top: 0px;}}
@media (max-width:1000px){.marketing .box{margin: 0px;}
.marketing .box ul.items{width: 550px !important;}
.marketing .box ul.items li{height: 190px;margin: 0 20px;}
.marketing .box ul.items li u{display: none;}
.marketing.active .box ul.items li strong{margin-top: 20px;}
.marketing .shade{display: block;}}
@media (max-width:1000px) and (min-height:920px){.marketing .box{margin-top: -100px;}}
@media (max-width:1000px) and (max-height:700px){.marketing .box ul.items li{height: 140px;}}
@media (max-width:1000px) and (max-height:580px){.marketing .box .caption i{display: none;}
.marketing .box ul.items{margin-top: 10px;}}
@media (max-width:1000px) and (max-height:470px), (max-width:600px){.marketing .box ul.items{margin-top: 30px;width: 600px !important;}
.marketing .box ul.items li{width: 220px;height: 43px;margin: 30px 0 0 25px;}
.marketing .box ul.items li i{float: left;margin-top: 0px;height: 43px;}
.marketing .box ul.items li.se i{width: 33px;margin: 0 6px;background: url("/templets/content/images/words_mini.png") no-repeat -86px -380px;}
.marketing .box ul.items li.weixin i{width: 45px;background: url("/templets/content/images/words_mini.png") no-repeat -124px -377px;}
.marketing .box ul.items li.weibo i{width: 42px;margin: 0 1px 0 2px;background: url("/templets/content/images/words_mini.png") no-repeat -172px -377px;}
.marketing .box ul.items li.sms i{width: 38px;margin: 0 3px 0 4px;background: url("/templets/content/images/words_mini.png") no-repeat -219px -374px;}
.marketing .box ul.items li.pay i{width: 34px;margin: 0 5px 0 6px;background: url("/templets/content/images/words_mini.png") no-repeat -263px -382px;}
.marketing .box ul.items li.bbs i{width: 31px;margin: 0 7px;background: url("/templets/content/images/words_mini.png") no-repeat -86px -422px;}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong{float: left;margin: 0px;padding-left: 15px;line-height: 43px;}
.marketing .box ul.items li p{display: none;}}
@media (max-width:1000px) and (max-height:430px){.marketing .box ul.items{margin-top: 20px;}
.marketing .box ul.items li{margin-top: 20px;}}
@media (max-width:600px){.marketing .box ul.items{margin-top: 50px;width: 395px !important;}}
@media (max-width:600px) and (min-height:750px){.marketing .box{margin-top: -70px;}}
@media (max-width:600px) and (max-height:520px){.marketing .box ul.items{margin-top: 20px;}
.marketing .box ul.items li{margin-top: 15px;}}
@media (max-width:450px){.marketing .box{margin-top: 0px;}
.marketing .box ul.items{margin-top: 20px;width: 220px !important;}}
@media (max-width:450px) and (max-height:730px){.marketing .box ul.items{margin-top: 30px;}
.marketing .box ul.items li{margin-top: 15px;}}
@media (max-width:450px) and (max-height:650px){.marketing .box .caption i{display: none;}
.marketing .box ul.items{margin-top: 20px;}}
@media (max-width:600px) and (max-height:380px), (max-width:450px) and (max-height:550px){.marketing .box ul.items{width: 222px !important;}
.marketing .box ul.items li{position: relative;width: 102px;margin: 0 3px;padding: 0px;text-align: center;}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong{display: block;position: absolute;float: none;padding: 0px;margin: 0 auto;width: 100px;color:#333;font-size: 14px;font-weight: normal;line-height: 36px;border: 1px solid #C6C6C6;}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong:hover{color:#FF0000;}
.marketing .box ul.items li i{position: absolute;width: 130px !important;height: 36px !important;margin: 0 !important;padding: 1px 0 0 1px !important;background: White !important;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}}
@media (orientation:landscape) and (max-height:230px){.marketing .box ul.items{width: 334px !important;}}
@media (max-width:1280px) and (max-height:800px){section.aboutus{background: url("/templets/content/images/wallpaper7_h800.jpg") 20% bottom;}}
@media (max-width:960px) and (max-height:600px){section.aboutus{background: url("/templets/content/images/wallpaper7_h600.jpg") 50% 60%;}}
@media (max-width:1200px){.aboutus table.exp td:nth-child(2){display: none;}
.aboutus table.exp td{width: 25%;}}
@media (max-width:1100px){.aboutus .items{left: auto;right: -480px;}
.aboutus.active .items{left: auto;right:200px;}}
@media (max-width:900px){.aboutus table.exp td:last-child{display: none;}
.aboutus table.exp td{width: 33.333333%;}}
@media (max-width:780px){.aboutus.active .items{left: auto;right: 30px;}}
@media (max-width:780px) and (max-height:500px){.aboutus ul.menu{top: 100px;}}
@media (max-width:780px) and (max-height:400px){.aboutus .items{height: 220px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 30px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 15px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 15px;font-size: 22px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 12px;line-height: 32px;}
.aboutus .items .swiper-slide.nth3 strong{margin-bottom: 15px;}}
@media (max-width:780px) and (max-height:340px){.aboutus .items{height: 190px;}
.aboutus.active .items{right: -50px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 26px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 0px;font-size: 14px;}
.aboutus .items .swiper-slide.nth2 p:last-child{display: none;}
.aboutus .items .swiper-slide.nth2 p{display: block;width: 350px;line-height: 35px;}
.aboutus .items .swiper-slide.nth3 ul li:last-child{display: none;}}
@media (max-width:780px) and (max-height:310px){.aboutus ul.menu{top: 40px;}
.aboutus .items{height: 140px;}
.aboutus.active .items{right: -100px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 22px;}
.aboutus .items .swiper-slide.nth1 p{font-family: "微软雅黑";font-size: 12px;line-height: 25px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: -6px;font-family: "微软雅黑";font-size: 12px;}
.aboutus .items .swiper-slide.nth2 p{width: 330px;font-family: "微软雅黑";font-size: 12px;line-height: 25px;}
.aboutus .items .swiper-slide.nth3 ul li{font-family: "微软雅黑";font-size: 12px;line-height: 25px;background-position: 0px 7px;}}
@media (max-width:550px){.aboutus ul.menu{top: 90px;left: auto;right: 30px;width: 180px;}
.aboutus ul.menu li{float: left;width: 60px;padding: 6px 0px;}
.aboutus ul.menu li.bg.all{left: auto;margin: 0px;width: 180px !important;height: 34px !important;}
.aboutus ul.menu li.bg.one{width: 60px;}
.aboutus .items, .aboutus.active .items{left: 30px;right: auto;}}
@media (max-width:550px) and (max-height:310px){.aboutus ul.menu{top: 25px;}}
@media (orientation:portrait) and (max-width:700px){/*.aboutus ul.menu{top: 120px;left: 50%;margin-left: -160px;width: 320px;}*/
.aboutus ul.menu{top: 120px;left: 50%;margin-left: -120px;width: 240px;}
.aboutus ul.menu li{float: left;width: 80px !important;padding: 10px 0px;}
.aboutus ul.menu li.bg.all{left: 50%;margin-left: -120px;width: 240px !important;height: 42px !important;}
.aboutus .items, .aboutus.active .items{left: 50%;margin-left: -240px;height: 300px;font-size:12px;line-height: 30px;}
.aboutus .items .swiper-slide.nth1 strong{text-align: center;font-size:15px;margin-left: -20px;}
.aboutus .items .swiper-slide.nth1 p{display: block;width: 300px;margin: 0 auto;}
.aboutus .items .swiper-slide.nth1 u{font-size: 14px;width: 300px;margin: 0 auto;margin-top: 6px;}
.aboutus .items .swiper-slide.nth2 strong{text-align: center;font-size:15px;margin-left: -20px;}
.aboutus .items .swiper-slide.nth2 p{display: block;width: 300px;margin: 0 auto;margin-top: 5px;line-height: 25px;}
.aboutus .items .swiper-slide.nth3 strong{text-align: center;margin-left: 10px;font-size:15px;}
.aboutus .items .swiper-slide.nth3 ul{width: 280px;margin: 0 auto;}
.aboutus .items .swiper-slide.nth3 ul li{line-height: 32px;}
.aboutus .items .swiper-slide.nth3 ul li:last-child{display: block;}}
@media (orientation:portrait) and (max-width:700px) and (max-height:660px){.aboutus ul.menu{top: 100px;}
.aboutus .items, .aboutus.active .items{margin-top: 20px;}}
@media (orientation:portrait) and (max-width:700px) and (max-height:500px){.aboutus ul.menu{top: 90px;}
.aboutus .items, .aboutus.active .items{height:300px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 10px;line-height: 25px;}
.aboutus .items .swiper-slide.nth3 ul li{line-height: 30px;}}
@media (orientation:portrait) and (max-width:700px) and (max-height:470px){.aboutus ul.menu{top: 80px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 24px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 10px;line-height: 27px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 4px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 10px;line-height: 28px;}
.aboutus .items .swiper-slide.nth2 p:last-child{display: block;}
.aboutus .items .swiper-slide.nth3 strong{margin-bottom: 8px;}
.aboutus .items .swiper-slide.nth3 ul li{line-height: 25px;}}
@media (max-width:680px), (max-height:470px){.aboutus table.exp, .aboutus .expBg{display: none;height: 0px;}}
@media (max-width:1280px) and (max-height:800px){section.contact{background: url("/templets/content/images/wallpaper8_h800.jpg") 50% bottom;}}
@media (max-width:960px) and (max-height:600px){section.contact{background: url("/templets/content/images/wallpaper8_h600.jpg") 50% 10%;}}
@media (max-width:950px){.contact .box{width: 80%;}
.contact .box .above .left{float: right;margin-left: 0px;}
.contact .box .above .right{display: none;}}
@media (orientation:landscape) and (max-height:520px){.contact .box{height: 150px;}
.contact .box .below{display: none;}}
@media (orientation:landscape) and (max-height:480px) and (max-width:570px){.contact .box{width: 380px;height: 140px;}
.contact .box .above .wechat{margin-top: 5px;width: 100px;}
.contact .box .above .left p{margin-top: 0px;}}
@media (orientation:portrait) and (max-width:550px){.contact .box{width: 430px;height: 490px;}
.contact .box .above .wechat{position: absolute;float: none;margin: 0px;top: 200px;width: 100px;left: 50%;margin-left: -50px;}
.contact .box .above .left{position: absolute;float: none;margin: 0px;top: 0px;left: 50%;margin-left: -125px;}
.contact .box .below{margin-top: 150px;}}
@media (orientation:portrait) and (max-width:550px) and (max-height:650px), (orientation:portrait) and (max-width:470px){.contact .box{width: 260px;height: 350px;}
.contact .box .above .wechat{width: 150px;margin-left: -125px;}
.contact .box .below{display: none;}}
@media (orientation:portrait) and (max-height:450px){.contact .box{height: 160px;}
.contact .box .above .wechat{display: none;}}
@media (max-width:700px), (max-height:600px){.dock{display: block;}}
@media (max-width:319px), (max-height:210px){body{display: none;}
html{background: url("/templets/content/images/displaynone.png") no-repeat 50% top;background-color: #333a32;}}
.clear{clear: both;}
#BDBridgeWrap{display: none;}