@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: 74px; color: #ccc; z-index: 999; }
header.fixed { height: 70px; }
header .logo { position: fixed; top: 20px; left: 12%; width: 137px; -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: 210px; top: 14px; }
header .logo img.mini { display: none; }
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?v=0426) 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: 496px; height: 40px; padding-top: 140px; top: 50%; left: 50%; margin-top: -100px; margin-left: -248px; color: #19b3a5; font-size: 20px; text-align: center; background: url(../images/welcome_words.png?v=0426) 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 .ntc-1 { background: url(../images/wp1_1.jpg) 50% 35%; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .ntc-2 { background: url(../images/wp1_2.jpg) 50% 20%; -moz-background-size: cover; background-size: cover; color:#fff;}
.video .swiper-container .ntc-1 .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 .ntc-2 .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 .ntc-1 .box .left { position: absolute; left: -300px;    -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 .ntc-2 .box .left { position: absolute; left: -300px;    -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 .ntc-1 .box .left {background: url(../images/words.png?v=0426) no-repeat top right;width: 123px;height: 231px;}
.video .swiper-container .ntc-2 .box .left {background: url(../images/swiper_nth-c-2_bg.png?v=0504) no-repeat top right;width:220px; height:205px;}
.video .swiper-container .ntc-1.active .box .left { left: -10px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .ntc-2.active .box .left { left: -10px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .ntc-2 .box{ height:273px;}
.video .swiper-container .ntc-2 .box .right .right_txt{background: url(../images/swiper_nth-c-2_bg2.png?v=0504) no-repeat; padding-left:45px;height:118px; margin-top:11px; overflow:hidden;}
.video .swiper-container .ntc-2 .box .right .right_txt span{ display:block; text-align:center;}
.video .swiper-container .ntc-2 .box .right .right_txt .right_txt1{ margin-top:10px;}
.video .swiper-container .ntc-2 .box .right .right_txt span u{ text-decoration:none; color:#00dfb9;}
.video .swiper-container .ntc-1 .box .right {margin: 30px 0 0 120px;}
.video .swiper-container .ntc-2 .box .right {margin: 0px 0 0 250px;}
.video .swiper-container .ntc-1 .box .right { position: absolute; right: -500px;  -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 .ntc-2 .box .right { position: absolute; right: -500px;  -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 .ntc-1.active .box .right { right: -15px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .ntc-2.active .box .right { right:0; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .ntc-1 .box .right span { font-size: 36px; color: White; }
.video .swiper-container .ntc-2 .box .right span { font-size: 31px; color: White;}
.video .swiper-container .ntc-2 .box .bottom{ position:absolute;bottom:0; text-align:center; font-size:14px; width:100%;}
.video .swiper-container .ntc-1 .box .right i { display: block; width: 339px; height: 66px; margin-bottom: 5px; background: url(../images/words.png?v=0426) no-repeat; }
.video .swiper-container .ntc-1 .box .right p { font-size: 16px; line-height: 25px; color: #ccc; }
.video .swiper-container .ntc-2 .box .right i { display: block;  width:289px; height:76px; margin-bottom: 5px; background: url(../images/swiper_nth-c-2_top_txt.png?v=0504) no-repeat;}
.video .swiper-container .ntc-2 .box .right p { font-size: 16px; line-height: 25px; color: #ccc; }
.video .swiper-container .ntc-1 .shade { position: absolute; width: 400%; height: 1800px; background: url(../images/swiper_nth1_shade.png?v=0426) 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 .ntc-2 .shade { position: absolute; width: 400%; height: 1800px; background: url(../images/swiper_nth1_shade.png?v=0426) 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 .ntc-1.active .shade { width: 100%; }
.video .swiper-container .ntc-1 .line { position: relative; margin: 0 auto; width: 602px; height: 413px; z-index: 20; }
.video .swiper-container .ntc-2.active .shade { width: 100%; }
.video .swiper-container .ntc-2 .line { position: relative; margin: 0 auto; width: 602px; height: 413px; z-index: 20; }
.video .swiper-container .ntc-1 .line {top: -91px; }
.video .swiper-container .ntc-2 .line {top: -364px;}
.video .swiper-container .ntc-1 .line u { display: block; width: 0px; height: 0px; border: 1px dashed #22fae2; 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 .ntc-1.active .line u { width: 600px; height: 411px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .ntc-2 .line u { display: block; width: 0px; height: 0px; border: 1px dashed #22fae2; 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 .ntc-2.active .line u { width: 600px; height: 411px; -moz-opacity: 1; opacity: 1; }


/*.video .swiper-container .nth2 { background: url(../imageswp1_2.jpg) 50% 20%; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .nth2 .box {position: absolute; left: -350px; text-align:center; -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; margin:0 auto;}
.video .swiper-container .nth2 .box span { font-size: 36px; color: White; }
.video .swiper-container .nth2 .box i { display: block; width: 320px; height: 65px; margin: 10px 0px 8px 0px; background: url(../imageswords.png?v=0426) no-repeat 0px -72px; }
.video .swiper-container .nth2 .box p { margin: 0px; font-size: 16px; line-height: 25px; color: #ccc; }*/
/*.video .swiper-container .nth2 .shade { width: 100%; height: 2000px; background: #0b151a; -moz-opacity: 0; opacity: 0; 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(../images/wp1_3.jpg) 50% 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 .box .top span{ color:#00dfb9;}
.video .swiper-container .nth3 .box .top .top_1,.video .swiper-container .nth3 .box .bottom .bottom_1{ width:580px;transition: width .5s ease-in-out 0s; margin:0 auto; height:80px; border:8px solid #fff; }
.video .swiper-container .nth3 .box .top .top_1{border-bottom:0px none; }
.video .swiper-container .nth3 .box .bottom .bottom_1{border-top:0px none;margin-top:10px;color:#00dfb9; font-weight:bold; line-height:70px;}
.video .swiper-container .nth3.active .box .top { font-size: 40px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth3.active .box .top .top_1,.video .swiper-container .nth3.active .box .bottom .bottom_1{ width:220px;}
.video .swiper-container .nth3 .box .mid { width: 390px; height: 83px; margin: 0 auto;-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 .box .mid i{ display:block; height:57px;background: url(../images/words.png?v=0426) no-repeat 0px -219px;}
.video .swiper-container .nth3 .box .mid font{display:block; text-align:center; color:#fff; font-size:20px;}
.video .swiper-container .nth3.active .box .mid { -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth3 .box .bottom { width: 100%; color: #fff; font-size: 16px; 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; margin-top:10px;}
.video .swiper-container .nth3 .box .bottom span{ font-size:22px;text-align:center; display:inline-block; height:48px; line-height:48px;}
.video .swiper-container .nth3 .box .bottom .bottom_txt_ad1{ background:#03DEB8; border:1px solid #03DEB8; width:171px; }
.video .swiper-container .nth3 .box .bottom .bottom_txt_ad2{ margin-left:10px;border:1px solid #fff; width:171px;}
.video .swiper-container .nth3.active .box .bottom { -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth4 { background: url(../images/wp1_4.jpg) 50% top; -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: 36px;  color: White; display:block;}
.video .swiper-container .nth4 .box .top font { font-size: 30px;color: White; display:block;}
.video .swiper-container .nth4 .box .top font u{ color:#00dfb9; text-decoration:none;}
.video .swiper-container .nth4 .box .top i { display: block; width: 340px; height: 64px; margin: 0 auto; margin-top: 15px; background: url(../images/words.png?v=0426) no-repeat 0px -147px; }
.video .swiper-container .nth4 .box .bottom { position: relative; top: 100px; width: 100%; margin-top: 15px; font-size: 20px; line-height: 25px; color: #ccc; 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 { font-size:22px; font-weight:bold;margin: 0 5px; color: #00dfb9; 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: #00dfb9; 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: #00dfb9; margin-top: -3px; text-decoration: none; border-bottom: 1px dotted #00dfb9; -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: #00dfb9; }
.video .innerBox a.movedown { display: block; margin: 0 auto; width: 47px; height: 47px; background: url(../images/icons.png?v=0426) no-repeat 0px -60px; cursor: pointer; z-index: 99; }
.video .innerBox a.movedown:hover { background: url(../images/icons.png?v=0426) no-repeat 0px -112px; }
section.business { background: url(../images/wp2.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; }
.business .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; }
.business.active .box .caption { -moz-opacity: 1; opacity: 1; }
.business .box .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 320px; height: 31px; background: url(../images/words.png?v=0426) 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: 310px; margin: 0 8px; background: url(../images/bg_green.png?v=0426) 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(../images/words.png?v=0426) no-repeat -245px -357px; }
.business .box ul.items li.mobi i { width: 64px; background: url(../images/words.png?v=0426) no-repeat -416px -291px; }
.business .box ul.items li.sys i { width: 76px; background: url(../images/words.png?v=0426) no-repeat -415px -362px; }
.business .box ul.items li.app i { width: 74px; background: url(../images/words.png?v=0426) no-repeat -244px -439px; }
.business .box ul.items li.host i { width: 79px; background: url(../images/words.png?v=0426) no-repeat -420px -439px; }
.business .box ul.items li u { display: block; position: absolute; width: 156px; height: 156px; margin-left: 22px; background: url(../images/words.png?v=0426) 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; font-weight: normal; text-align: center; }
.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(../images/words.png?v=0426) no-repeat -168px -357px; }
.business .box ul.items li.mobi:hover i { background: url(../images/words.png?v=0426) no-repeat -337px -291px; }
.business .box ul.items li.sys:hover i { background: url(../images/words.png?v=0426) no-repeat -327px -362px; }
.business .box ul.items li.app:hover i { background: url(../images/words.png?v=0426) no-repeat -164px -439px; }
.business .box ul.items li.host:hover i { background: url(../images/words.png?v=0426) 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: block; margin: 0 auto; margin-top: -40px; width: 297px; height: 21px; background: url(../images/words.png?v=0426) no-repeat 0px -333px; }
section.cases { background: url(../images/wp3.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?v=0426) 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 #2fd0b5; cursor: pointer; }
.cases .box .swiper-container.items .swiper-slide img { width: 340px; height: 200px; }
.cases .box .swiper-container.items .swiper-slide .shade { position: absolute; width: 340px; height: 200px; margin-top: -200px; 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: 78px; width: 44px; height: 44px; background: url(../images/icons.png?v=0426) no-repeat 0px -168px; }
.cases .box .swiper-container.items .swiper-slide p { position: absolute; margin: 10px 20px; color: #999; font-family: Arial, "宋体"; font-size: 12px; line-height: 26px; -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: 340px; height: 100px; 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: 100px; margin-top: 150px; background-color: #2ed0b4; -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: 50px; top: 700px; width: 120px; padding: 5px 0px; color: #00dfb9; font-size: 26px; text-align: center; text-decoration: none; border: 1px dotted #00dfb9; -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/wp4.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: 299px; height: 37px; background: url(../images/words.png?v=0426) 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.cctv { top: 600px; background: url(../images/clients.png?v=0426) no-repeat; -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.cctv.active { background: url(../images/clients.png?v=0426) no-repeat 0px -150px; }
.clients.active .box ul.items li.cctv { top: 0px; }
.clients .box ul.items li.apple { top: -400px; background: url(../images/clients.png?v=0426) no-repeat -1150px 0px; -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.active { background: url(../images/clients.png?v=0426) no-repeat -1150px -150px; }
.clients.active .box ul.items li.apple { top: 0px; }
.clients .box ul.items li.lenovo { top: 600px; background: url(../images/clients.png?v=0426) no-repeat -2530px 0px; -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.lenovo.active { background: url(../images/clients.png?v=0426) no-repeat -2530px -150px; }
.clients.active .box ul.items li.lenovo { top: 0px; }
.clients .box ul.items li.unicom { top: -400px; background: url(../images/clients.png?v=0426) no-repeat -230px 0px; -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.active { background: url(../images/clients.png?v=0426) no-repeat -230px -150px; }
.clients.active .box ul.items li.unicom { top: 0px; }
.clients .box ul.items li.zhongying { top: 600px; background: url(../images/clients.png?v=0426) no-repeat -2990px 0px; -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.zhongying.active { background: url(../images/clients.png?v=0426) no-repeat -2990px -150px; }
.clients.active .box ul.items li.zhongying { top: 0px; }
.clients .box ul.items li.qinghua { top: 450px; background: url(../images/clients.png?v=0426) no-repeat -460px 0px; -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.qinghua.active { background: url(../images/clients.png?v=0426) no-repeat -460px -150px; }
.clients.active .box ul.items li.qinghua { top: 0px; }
.clients .box ul.items li.cas { top: -550px; background: url(../images/clients.png?v=0426) no-repeat -690px 0px; -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.active { background: url(../images/clients.png?v=0426) no-repeat -690px -150px; }
.clients.active .box ul.items li.cas { top: 0px; }
.clients .box ul.items li.vanke { top: 450px; background: url(../images/clients.png?v=0426) no-repeat -920px 0px; -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.vanke.active { background: url(../images/clients.png?v=0426) no-repeat -920px -150px; }
.clients.active .box ul.items li.vanke { top: 0px; }
.clients .box ul.items li.haier { top: -550px; background: url(../images/clients.png?v=0426) no-repeat -2772px 0px; -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.haier.active { background: url(../images/clients.png?v=0426) no-repeat -2772px -150px; }
.clients.active .box ul.items li.haier { top: 0px; }
.clients .box ul.items li.cosco { top: 450px; background: url(../images/clients.png?v=0426) no-repeat -1610px 0px; -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.cosco.active { background: url(../images/clients.png?v=0426) no-repeat -1610px -150px; }
.clients.active .box ul.items li.cosco { top: 0px; }
.clients .box ul.items li.das { top: 300px; background: url(../images/clients.png?v=0426) no-repeat -1380px 0px; -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.active { background: url(../images/clients.png?v=0426) no-repeat -1380px -150px; }
.clients.active .box ul.items li.das { top: 0px; }
.clients .box ul.items li.toread { top: -700px; background: url(../images/clients.png?v=0426) no-repeat -3220px 0px; -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.toread.active { background: url(../images/clients.png?v=0426) no-repeat -3220px -150px; }
.clients.active .box ul.items li.toread { top: 0px; }
.clients .box ul.items li.neusoft { top: 300px; background: url(../images/clients.png?v=0426) no-repeat -1840px 0px; -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.neusoft.active { background: url(../images/clients.png?v=0426) no-repeat -1840px -150px; }
.clients.active .box ul.items li.neusoft { top: 0px; }
.clients .box ul.items li.zjgl { top: -700px; background: url(../images/clients.png?v=0426) no-repeat -2300px 0px; -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.zjgl.active { background: url(../images/clients.png?v=0426) no-repeat -2300px -150px; }
.clients.active .box ul.items li.zjgl { top: 0px; }
.clients .box ul.items li.report { top: 300px; background: url(../images/clients.png?v=0426) no-repeat -2070px 0px; -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.report.active { background: url(../images/clients.png?v=0426) no-repeat -2070px -150px; }
.clients.active .box ul.items li.report { top: 0px; }
.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 span { position: absolute; bottom: -30px; }
.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: url(../images/wp5.jpg) 50% 10%; }
.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: 240px; height: 37px; background: url(../images/words.png?v=0426) 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: 960px; }
.quality .box .swiper-slide { position: relative; width: 240px; margin: 0 40px; }
.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 ul { margin: 0 auto; margin-bottom: 20px; height: 27px; }
.quality .box .swiper-slide ul li { position: relative; margin: 0 15px; padding: 0; overflow: hidden; box-sizing: border-box; float: left; height: 27px; }
.quality .box .swiper-slide ul li.mobi { width: 14px; height: 27px; background: url(../images/icons.png?v=0426) no-repeat 0px -264px; }
.quality .box .swiper-slide ul li.pad { width: 29px; height: 23px; background: url(../images/icons.png?v=0426) no-repeat -71px -264px; }
.quality .box .swiper-slide ul li.pc { width: 35px; height: 27px; background: url(../images/icons.png?v=0426) no-repeat 0px -303px; }
.quality .box .swiper-slide ul li.windows { width: 27px; height: 27px; background: url(../images/icons.png?v=0426) no-repeat -73px -304px; }
.quality .box .swiper-slide ul li.ios { width: 24px; height: 30px; background: url(../images/icons.png?v=0426) no-repeat 0px -344px; }
.quality .box .swiper-slide ul li.andriod { width: 28px; height: 29px; background: url(../images/icons.png?v=0426) no-repeat -72px -345px; }
.quality .box .swiper-slide ul li.ie { width: 28px; height: 28px; background: url(../images/icons.png?v=0426) no-repeat 0px -392px; }
.quality .box .swiper-slide ul li.chrome { width: 30px; height: 30px; background: url(../images/icons.png?v=0426) no-repeat -71px -392px; }
.quality .box .swiper-slide ul li.firefox { width: 32px; height: 30px; background: url(../images/icons.png?v=0426) no-repeat 0px -432px; }
.quality .box .swiper-slide ul li.safari { width: 30px; height: 32px; background: url(../images/icons.png?v=0426) no-repeat -71px -432px; }
.quality .box .swiper-slide ul 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: #00aa88; font-size: 18px; letter-spacing: 3px; text-align: center; text-decoration: none; border: 1px solid #00aa88; -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: #0f8773; border: 1px solid #0f8773; }
.quality .box .mini, .quality .box a.prev, .quality .box a.next { display: none; }
section.marketing { background: url(../images/wp6.jpg) 50% 45%; }
.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: 240px; height: 37px; background: url(../images/words.png?v=0426) 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 20px; overflow: hidden; }
.marketing .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 28px; height: 70px; }
.marketing .box ul.items li.se i { width: 54px; background: url(../images/words.png?v=0426) no-repeat -144px -632px; }
.marketing .box ul.items li.weixin i { width: 74px; background: url(../images/words.png?v=0426) no-repeat -207px -630px; }
.marketing .box ul.items li.weibo i { width: 68px; background: url(../images/words.png?v=0426) no-repeat -288px -630px; }
.marketing .box ul.items li.sms i { width: 61px; background: url(../images/words.png?v=0426) no-repeat -366px -628px; }
.marketing .box ul.items li.pay i { width: 56px; background: url(../images/words.png?v=0426) no-repeat -438px -639px; }
.marketing .box ul.items li.bbs i { width: 51px; background: url(../images/words.png?v=0426) no-repeat -144px -705px; }
.marketing .box ul.items li u { display: block; position: absolute; width: 128px; height: 128px; background: url(../images/words.png?v=0426) 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; 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.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(../images/wp7.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: #888; 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: 126px !important; background: #2fd0b5; -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: #2fd0b5; -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; left: -480px; width: 480px; height: 240px; -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: 50%; -moz-opacity: 1; opacity: 1; }
.aboutus .items .swiper-slide.nth1 strong { display: block; color: #ddd; font-size: 40px; font-weight: normal; letter-spacing: 5px; }
.aboutus .items .swiper-slide.nth1 p { margin-top: 20px; color: #999; 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: #00dfb9; font-size: 22px; font-weight: normal; text-indent: 28px; }
.aboutus .items .swiper-slide.nth2 p { margin-top: 20px; color: #999; line-height: 35px; text-indent: 28px; }
.aboutus .items .swiper-slide.nth3 strong { display: block; margin-bottom: 20px; color: #00dfb9; font-size: 22px; font-weight: normal; }
.aboutus .items .swiper-slide.nth3 ul { padding: 0px; }
.aboutus .items .swiper-slide.nth3 ul li { color: #999; line-height: 35px; padding-left: 30px; list-style: none; background: url(../images/point.png?v=0426) no-repeat 0px 13px; }
.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: #00dfb9; 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(../images/wp8.jpg) 50% bottom; -moz-background-size: cover; background-size: cover; }
.contact .box { position: relative; margin: 0 auto; width: 810px; 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 30px; }
.contact .box .above .left a.tel { display: block; margin: 10px 0px 15px 0px; width: 243px; height: 37px; text-decoration: none; background: url(../images/words.png?v=0426) 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 p u { margin: 0 5px; text-decoration: none; }
.contact .box .above .left p a.job { margin-left: 20px; color: #d00000; font-weight: bold; }
.contact .box .above .left p a.job:hover { border-bottom: 1px solid #d00000; }
.contact .box .above .right { float: right; margin-top: -3px; color: #666; line-height: 32px; }
.contact .box .above .right u { margin: 0 5px; text-decoration: none; }
.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(../images/icons.png?v=0426) 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.im p { width: 115px; }
.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.tel p { top: 50px; width: 200px; height: 120px; }
.dock ul.icons li.tel p .callback { display: inline-block; margin-top: 15px; }
.dock ul.icons li.tel p .callback input { float: left; padding-left: 35px; width: 110px; height: 30px; font-family: Arial, "微软雅黑"; font-size: 16px; font-weight: bold; color: #00dfb9; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; border: 1px solid #00dfb9; background: url(../images/icons.png?v=0426) no-repeat 8px -706px; background-color: transparent; outline: none; }
.dock ul.icons li.tel p .callback input.focus { background-position: 8px -674px; }
.dock ul.icons li.tel p .callback button { float: left; padding: 0px 9px 2px 9px; color: #00dfb9; font-size: 16px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; border: 1px solid #00dfb9; border-left: none; background: transparent; outline: none; }
.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?v=0426) 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: 25px; left: 35px; width: 240px; }
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:1279px) {
header .logo { top: 30px; width: 120px; }
header.fixed .logo { top: 20px; width: 100px; }
header .logo img.ori { display: none; }
header .logo img.mini { display: inline-block; }
}

/*@media (max-width:1080px) {*/
@media (max-width:1155px) {
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 .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?v=0426) 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; }
}

@media (max-width:1280px) and (max-height:800px) {
div.welcome { background: url(../images/welcome_h800.jpg) 30% 80%; }
}

@media (max-width:960px) and (max-height:600px) {
div.welcome { background: url(../images/welcome_h600.jpg) 30% 80%; }
}

@media (max-width:800px), (max-height:480px) {
div.welcome p { width: 213px; padding-top: 190px; top: 50%; left: 50%; margin-top: -110px; margin-left: -106px; background: url(../images/welcome_words_mini.png?v=0426) no-repeat; }
}

@media (max-height:260px) {
div.welcome p { height: 150px; padding: 0px; margin-top: -65px; }
div.welcome p u { display: none; }
}

@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth1 { background: url(../images/wp1_1_h800.jpg) 50% 35%; }
}

@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth1 { background: url(../images/wp1_1_h600.jpg) 50% 35%; }
}

@media (max-height:750px) {
.video .swiper-container .nth1 .line { display: none; }
.video .swiper-container .nth2 .line { display: none; }
}

@media (max-width:900px), (min-height:1201px), (max-height:720px) {
.video .swiper-container .nth1 .shade { display: none; }
.video .swiper-container .nth2 .shade { display: none; }
}

@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth1 .box {height:130px;}
.video .swiper-container .nth1 .box .left { width: 74px; height: 139px; left: -150px; background: url(../images/words_mini.png?v=0426) no-repeat top right; }
.video .swiper-container .nth1 .box .right { margin-top: 8px; right: -300px; }
.video .swiper-container .nth1 .box .right span { font-size: 24px; }
.video .swiper-container .nth1 .box .right i { width: 203px; height: 40px; margin: 3px 0px 5px 0px; background: url(../images/words_mini.png?v=0426) no-repeat; }
.video .swiper-container .nth1 .box .right p { font-size: 12px; font-family: "宋体"; line-height: 20px; }

.video .swiper-container .ntc-2 .box{height:170px;}
.video .swiper-container .nth2.active .box .left { left:0px}
.video .swiper-container .nth2.active .box .right { right:0px}
.video .swiper-container .nth2 .box .left { width:115px; height: 115px; left: -180px; background: url(../images/swiper_nth-c-2_bg.png?v=0426) no-repeat top right; background-size:115px }
.video .swiper-container .nth2 .box .right {margin-top:0px;}
.video .swiper-container .ntc-2 .box .right .right_txt{ width:168px;height:50px;background-size:20px; padding-left:10px; margin-top:3px; margin-left:0px;}
.video .swiper-container .ntc-2 .box .right .right_txt span{ font-size:16px; text-align:left; padding-left:10px;}
.video .swiper-container .ntc-2 .box .right .right_txt .right_txt1{ margin-top:3px;}
.video .swiper-container .nth2 .box .right span {}
.video .swiper-container .nth2 .box font{ background-position:left;}
.video .swiper-container .nth2 .box .right i { width: 168px; height: 45px; margin: 3px 0px 5px 0px; background-size:172px; background-position:center; }
.video .swiper-container .nth2 .box .right p { font-size: 12px; font-family: "宋体"; line-height: 20px; }
/*.video .swiper-container .nth2 .box .bottom { font-size:12px;}*/
}

/*@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth2 { background: url(../imageswp1_2_h800.jpg) 50% 20%; }
}

@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth2 { background: url(../imageswp1_2_h600.jpg) 50% 20%; }
}*/

@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: 24px; }
.video .swiper-container .nth2 .box i { width: 191px; height: 40px; margin-top: 8px; margin-bottom: 5px; background: url(../images/words_mini.png?v=0426) no-repeat 0px -45px; }
.video .swiper-container .nth2 .box p { font-size: 12px; font-family: "宋体"; line-height: 20px; }
}

/*@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth3 { background: url(../imageswp1_3_h800.jpg) 50% center; }
}

@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth3 { background: url(../imageswp1_3_h600.jpg) 50% center; }
}*/

@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px) {
/*.video .swiper-container .nth3.active .box{}*/
.video .swiper-container .nth4 .box .top font{ font-size:22px;}
.video .swiper-container .nth4 .box .top font{ font-size:20px;}
.video .swiper-container .nth3 .box .top .top_1,.video .swiper-container .nth3 .box .bottom .bottom_1{ height:40px;}
.video .swiper-container .nth3.active .box .top .top_1,.video .swiper-container .nth3.active .box .bottom .bottom_1{ width:140px;}
.video .swiper-container .nth3 .box .bottom .bottom_1{ line-height:30px;}
.video .swiper-container .nth3 .box .top { font-size: 40px; }
.video .swiper-container .nth3.active .box .top { font-size: 24px; }
.video .swiper-container .nth3 .box .mid { width: 216px; height:65px; margin-top: -5px; }
.video .swiper-container .nth3 .box .mid i{height: 40px; background: url(../images/words_mini.png?v=0426) no-repeat 0px -131px;}
.video .swiper-container .nth3 .box .bottom { font-size: 12px;line-height: 20px; }
.video .swiper-container .nth3 .box .bottom span{ font-size:14px;height:30px; line-height:30px;}
.video .swiper-container .nth3 .box .bottom .bottom_txt_ad1{ width:100px; }
.video .swiper-container .nth3 .box .bottom .bottom_txt_ad2{ width:100px}
}

/*@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth4 { background: url(../imageswp1_4_h800.jpg) 50% top; }
}

@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth4 { background: url(../imageswp1_4_h600.jpg) 50% top; }
}*/

@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth4 .box .top span { font-size: 24px; }
.video .swiper-container .nth4 .box .top i { width: 206px; height: 38px; background: url(../images/words_mini.png?v=0426) no-repeat 0px -88px; }
.video .swiper-container .nth4 .box .bottom { font-size: 12px; 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: 0px; }
}

@media (max-width:1150px) {
.business .box ul.items { margin-top: 40px; }
.business .box ul.items li { width: 170px; height: 270px; margin: 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: 30px 0 0 21px; padding: 10px 0 5px 15px; }
.business .box ul.items li i { margin-top: 0px; float: left; }
.business .box ul.items li strong { float: left; margin: 5px 0 0 20px; }
.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: 173px; height: 43px; margin: 15px 10px 0px 10px; }
.business .box ul.items li i { margin-top: 0px; }
.business .box ul.items li.pc i { width: 46px; height: 35px; background: url(../images/words_mini.png?v=0426) no-repeat -145px -217px; }
.business .box ul.items li.mobi i { width: 46px; height: 39px; background: url(../images/words_mini.png?v=0426) no-repeat -245px -176px; }
.business .box ul.items li.sys i { width: 46px; height: 35px; background: url(../images/words_mini.png?v=0426) no-repeat -249px -220px; }
.business .box ul.items li.app i { width: 46px; height: 41px; background: url(../images/words_mini.png?v=0426) no-repeat -146px -264px; }
.business .box ul.items li.host i { width: 47px; height: 38px; background: url(../images/words_mini.png?v=0426) 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(../images/words_mini.png?v=0426) no-repeat -100px -217px; }
.business .box ul.items li.mobi:hover i { background: url(../images/words_mini.png?v=0426) no-repeat -201px -176px; }
.business .box ul.items li.sys:hover i { background: url(../images/words_mini.png?v=0426) no-repeat -196px -220px; }
.business .box ul.items li.app:hover i { background: url(../images/words_mini.png?v=0426) no-repeat -100px -264px; }
.business .box ul.items li.host:hover i { background: url(../images/words_mini.png?v=0426) 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: 5px 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; }
.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(../images/wp3_h800.jpg); }
}

@media (max-width:960px) and (max-height:600px) {
section.cases { background: url(../images/wp3_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: 153px; }
.cases .box .swiper-container.items .swiper-slide .shade { width: 260px; height: 153px; }
.cases .box .swiper-container.items .swiper-slide .shade u { margin-top: 54px; }
.cases .box .swiper-container.items .swiper-slide p strong { font-size: 14px; }
.cases .box .swiper-container.items .swiper-slide .bg { width: 260px; height: 100px; }
.cases .box .swiper-container.items .swiper-slide .bg u { width: 260px; height: 100px; }
}

@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: 300px !important; }
.cases .box .swiper-container.mini .swiper-slide { width: 340px; height: 300px !important; border-bottom: 2px solid #2fd0b5; cursor: pointer; }
.cases .box .swiper-container.mini .swiper-slide img { width: 340px; height: 200px; }
.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: 100px; 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: -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; }
.cases .box a.prev { left: 30px; background: url(../images/icons.png?v=0426) no-repeat 0px -219px; }
.cases .box a.next { right: 30px; background: url(../images/icons.png?v=0426) no-repeat -25px -219px; }
}

@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: 260px; margin-top: 40px; }
.cases .box .swiper-container.mini .swiper-wrapper { height: 253px !important; }
.cases .box .swiper-container.mini .swiper-slide { width: 260px; height: 253px !important; }
.cases .box .swiper-container.mini .swiper-slide img { width: 260px; height: 153px; }
.cases .box .swiper-container.mini .swiper-slide p strong { font-size: 14px; }
.cases .box .swiper-container.mini .swiper-slide .bg { width: 260px; height: 100px; }
.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: 66px; 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(../images/wp4_h800.jpg) 50% 90%; }
}

@media (max-width:960px) and (max-height:600px) {
section.clients { background: url(../images/wp4_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: 30px; width: 500px; height: 550px; overflow: hidden; }
.clients .box ul.mini li { position: relative; float: left; width: 200px; padding: 8px 0 8px 40px; background: url(../images/point.png?v=0426) no-repeat 20px 15px; 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: 250px; }
.clients .box ul.mini li.bg.all { width: 250px; }
}

@media (max-width:470px) and (max-height:800px) {
.clients .box ul.mini { height: 440px; }
.clients .box ul.mini li.bg.all { height: 440px; }
}

@media (max-width:470px) and (max-height:700px) {
.clients .box ul.mini { height: 330px; }
.clients .box ul.mini li.bg.all { height: 330px; }
}

@media (max-width:560px) and (max-height:600px) {
.clients .box ul.mini { height: 260px; }
.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; }
}

@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(../images/wp5_h800.jpg) 50% 10%; }
}

@media (max-width:960px) and (max-height:600px) {
section.quality { background: url(../images/wp5_h600.jpg) 50% 10%; }
}

@media (max-width:960px) {
.quality .box .items { display: none; }
.quality .box .mini { display: block; margin: 0 auto; margin-top: 120px; width: 240px; height: 200px; 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(../images/icons.png?v=0426) no-repeat 0px -219px; }
.quality .box a.next { right: 30px; background: url(../images/icons.png?v=0426) no-repeat -25px -219px; }
}

@media (max-height:730px) {
.quality .box .items, .quality .box .mini { margin-top: 80px; }
}

@media (max-height:599px) {
.quality .box a.lookall { display: none; }
}

@media (max-height:530px) {
.quality .box .items, .quality .box .mini { margin-top: 60px; }
.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(../images/wp6_h800.jpg) 50% 45%; }
}

@media (max-width:960px) and (max-height:600px) {
section.marketing { background: url(../images/wp6_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: 160px; 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(../images/words_mini.png?v=0426) no-repeat -86px -380px; }
.marketing .box ul.items li.weixin i { width: 45px; background: url(../images/words_mini.png?v=0426) no-repeat -124px -377px; }
.marketing .box ul.items li.weibo i { width: 42px; margin: 0 1px 0 2px; background: url(../images/words_mini.png?v=0426) no-repeat -172px -377px; }
.marketing .box ul.items li.sms i { width: 38px; margin: 0 3px 0 4px; background: url(../images/words_mini.png?v=0426) no-repeat -219px -374px; }
.marketing .box ul.items li.pay i { width: 34px; margin: 0 5px 0 6px; background: url(../images/words_mini.png?v=0426) no-repeat -263px -382px; }
.marketing .box ul.items li.bbs i { width: 31px; margin: 0 7px; background: url(../images/words_mini.png?v=0426) 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; font-size: 14px; font-weight: normal; line-height: 36px; border: 1px solid #eee; }
.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(../images/wp7_h800.jpg) 50% 60%; }
}

@media (max-width:960px) and (max-height:600px) {
section.aboutus { background: url(../images/wp7_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: 70px; }
}

@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%; width: 80px; 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: 280px; }
.aboutus .items .swiper-slide.nth1 strong { font-size: 32px; text-align: center; }
.aboutus .items .swiper-slide.nth1 p { display: block; width: 230px; margin: 0 auto; margin-top: 30px; }
.aboutus .items .swiper-slide.nth1 u { font-size: 14px; width: 230px; margin: 0 auto; margin-top: 6px; }
.aboutus .items .swiper-slide.nth2 strong { text-align: center; margin-left: -20px; }
.aboutus .items .swiper-slide.nth2 p { display: block; width: 240px; margin: 0 auto; margin-top: 20px; line-height: 30px; }
.aboutus .items .swiper-slide.nth3 strong { text-align: center; margin-left: 10px; }
.aboutus .items .swiper-slide.nth3 ul { width: 240px; margin: 0 auto; }
.aboutus .items .swiper-slide.nth3 ul li { line-height: 32px; }
.aboutus .items .swiper-slide.nth3 ul li:last-child { display: none; }
}

@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 { margin-top: 60px; height: 260px; }
.aboutus .items .swiper-slide.nth1 p { margin-top: 15px; }
.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: none; }
.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(../images/wp8_h800.jpg) 50% bottom; }
}

@media (max-width:960px) and (max-height:600px) {
section.contact { background: url(../images/wp8_h600.jpg) 50% 10%; }
}

@media (max-width:950px) {
.contact .box { width: 470px; }
.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: -75px; }
.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: none; }
}

@media (max-width:319px), (max-height:210px) {
body { display: none; }
html { background: url(../images/displayNone.png?v=0426?v=0426) no-repeat 50% top; background-color: #333a32; }
}
.clear { clear: both; }
#BDBridgeWrap { display: none; }

/**/
/*section.video .swiper-wrapper{transform: translate3d(-3840px, 0px, 0px) !important;}*/
@media (max-width:900px) {
.salesPromotion { display: none !important; opacity: 0; z-index: -1; }
}
/*.siteAdvertisement_box { position: fixed; _position: absolute; bottom: 12px; width: 127px; height: 167px; left: 12px; z-index: 33; color: #333 }
.siteAdvertisement_box a { color: #333 }
.siteAdvertisement_box .siteAdvertisement_Inner { width: 125px;background: #ccc; border: 1px solid #eee }
.siteAdvertisement_box .siteAdvertisement_title { width: 125px; height: 20px; background: #ccc }
.siteAdvertisement_box a.closeImg { display: block; width: 14px; height: 13px; background: url(../imagesclose.png?v=0426) 0 0 no-repeat; float: right; margin-top: 3px; margin-right: 2px }
.siteAdvertisement_box a.closeImg:hover { background: url(../imagesclose.png?v=0426) 0 -13px no-repeat }
.siteAdvertisement_box a.reportUrl { line-height: 20px; margin-left: 8px; float: left; text-decoration: none }
.siteAdvertisement_box a.freeJZ { display: block; background: #eee; height: 20px; border-top: 2px solid #9C1D2E; text-align: center; color: #333; text-decoration: none;}
.siteAdvertisement_box a.freeJZ:hover { color: #ff3200 }
.siteAdvertisement_box a.freeJZ span { line-height: 20px; text-decoration: none }*/
.drawLottery, .getLottery { font-family: "Miscrosoft YaHei", "微软雅黑", "宋体"; box-shadow: 0 0 10px #860000; position: absolute; }
.drawLottery { font-size: 12px; color: #fff; }
.dl_commitContainer { width: 100%; position: absolute; left: 0; text-align: center; }
.dl_commit { text-indent: -99999px; outline: none; display: block; margin: 0 auto; }
/*.dl_commit:hover{background:url)0px -71px no-repeat !important;}*/
.saleBg { position: fixed; margin: 0px; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; background-color: #000; filter: alpha(opacity=70); z-index: 9031; overflow: hidden; }

/*.salesPromotion{transition: all 0.5s ease 0s;opacity:0;transform: scale(0,1); z-index:-1;}
.salesPromotion.open {opacity:1;transform: scale(1); z-index:999}
.salesPromotion.close {
    opacity:0;
    transform: scale(0,1);
}*/