@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%; min-width:1200px; font-family:"微软雅黑",Arial;}
header, section{ width:100%;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:focus{ outline:none;}
header{ position:fixed; height:80px; color:#cccccc; z-index:999;}
.head_w{ width:1200px; margin:0 auto;}
header.fixed{ height:80px;}
header .logo{ float:left; width:204px; padding-top:24px; -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:204px; padding-top:24px;}
header .words{ display:block; position:fixed; top:40px; left:250px; letter-spacing:1px; font-weight:normal; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
header.fixed .words{ top:23px; left:185px;}
header nav.menu{ float:left; margin:36px 0 0 40px; 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:36px 0 0 40px;}
header nav.menu ul li{ width:70px; text-align:center; font-size:16px; padding:0 9px; -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{ width:70px; text-align:center; font-size:16px;}
header nav.menu ul li a{ color:#ffffff; letter-spacing:2px; cursor:pointer; text-decoration:none;}
header.fixed nav.menu ul li a{ color:#2f302e;}
header nav.menu ul li a:hover,header nav.menu ul li.active a{ color:#e72832;}
header nav.menu .line{ position:absolute; top:0px; width:0px; height:3px; font-size:3px; background-color:#e72832; display:none;}
header .hotline{ float:right; padding:0; -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{ padding:0;}
header .hotline span{ display:inline-block; color:#e72832; font-family:Arial; font-size:14px; 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:14px;}
header .hotline u{ position:fixed; top:35px; right:230px; display:block; width:30px; height:30px; text-decoration:none; background:url(../images/icons.png) no-repeat; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
header.fixed .hotline u{ top:20px; right:195px;}
header.fixed .hotline a{ display:inline-block; color:#2f302e; line-height:60px; padding:20px 12px 0;}
header .hotline a{ display:inline-block; color:#ffffff; line-height:60px; padding:20px 12px 0;}
header .hotline a:hover{ color:#ffffff; text-decoration:none; background:#e72832;}
header .menu-icon{ position:fixed; top:34px; right:48px; font-size:24px; color:#e72832; z-index:99; display:none;}
header.fixed .menu-icon{ top:18px;}
header .menu-icon a{ color:#e72832; 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:80px; 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:80px; background:rgba(255,255,255,0.9);}
div.welcome{ position:fixed; width:100%; height:100%; background:url(../images/welcome.jpg) 30% 80%; background-color:White; -moz-background-size:cover; background-size:cover; -webkit-transition:all .3s ease-in-out .5s; -moz-transition:all .3s ease-in-out .5s; -ms-transition:all .3s ease-in-out .5s; -o-transition:all .3s ease-in-out .5s; transition:all .3s ease-in-out .5s; z-index:999;}
div.welcome p{ display:block; position:absolute; margin:0px; padding:0px; width:370px; height:30px; padding-top:240px; top:50%; left:50%; margin-top:-135px; margin-left:-185px; color:#e72832; font-size:20px; text-align:center; background:url(../images/welcome_words.png) no-repeat; overflow:hidden;}
div.welcome p u{ text-decoration:none;}

section{ position:relative; overflow:hidden;}
.video .swiper-container{ width:100%;}
.video .swiper-container .swiper-slide{ position:relative; overflow:hidden;}
.video .swiper-container .nth1{ background:url(../images/wallpaper1_2.jpg) 50% 20%; -moz-background-size:cover; background-size:cover;}

/*.video .swiper-container .nth1 .box{ position:absolute; left:-350px; text-align:right; -webkit-transition:left .6s ease-in-out 0s; -moz-transition:left .6s ease-in-out 0s; -ms-transition:left .6s ease-in-out 0s; -o-transition:left .6s ease-in-out 0s; transition:left .6s ease-in-out 0s; z-index:10;}
.video .swiper-container .nth1 .box span{ font-size:36px; color:White;}
.video .swiper-container .nth1 .box i{ display:block; width:320px; height:65px; margin:10px 0px 8px 0px; background:url(../images/words.png) no-repeat 0px -72px;}
.video .swiper-container .nth1 .box p{ margin:0px; font-size:16px; line-height:25px; color:#ccc;}
.video .swiper-container .nth1 .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 .nth1.active .shade{ width:50%; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);}*/


canvas{ display:block;}
.qkl_lx{ width:100%; height:100%;}
.qkl{ width:100%; height:100%; color:#ffffff; position:absolute; left:0; top:0; z-index:1;}
.qkl .qkl_l{ float:left; width:50%; height:100%; background:rgba(0,0,0,0.4);}
.qkl .qkl_r{ float:left; width:50%;}


.qkl_c{ text-align:right; padding:20% 100px 0 0;}
.qkl_c h3{ font-size:50px; line-height:96px; padding:0; margin:0;}
.qkl_c h3 span{ font-size:72px; color:#e72832; vertical-align:middle; padding:0 6px;}
.qkl_c p{ float:right; width:400px; font-size:16px; line-height:36px; padding:0; margin:0;}
.qkl_c h4{ font-size:14px; color:#999999; line-height:30px; padding:20px 0 0 0; margin:0;}


.qkl_r h3{ padding:20% 0 10px 100px; margin:0;}
.qkl_r p{ font-size:18px; color:#ffffff; line-height:42px; padding:0 0 0 100px; margin:0;}
.qkl_r p span{ font-size:24px; color:#e72832;}






.video .swiper-container .nth2{ background:url(../images/wallpaper1_1.jpg) 50% 35%; -moz-background-size:cover; background-size:cover;}
.video .swiper-container .nth2 .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; margin:0 auto;}
.video .swiper-container .nth2 .box .left{ position:absolute; left:-300px; width:123px; height:231px; background:url(../images/words.png) no-repeat top right; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;}
.video .swiper-container .nth2.active .box .left{ left:0px; -moz-opacity:1; opacity:1;}
.video .swiper-container .nth2 .box .right{ position:absolute; right:-500px; margin:30px 0 0 120px; -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 .nth2.active .box .right{ right:0px; -moz-opacity:1; opacity:1;}
.video .swiper-container .nth2 .box .right span{ font-size:36px; color:White;}
.video .swiper-container .nth2 .box .right i{ display:block; width:339px; height:66px; margin-bottom:5px; background:url(../images/words.png) no-repeat;}
.video .swiper-container .nth2 .box .right p{ font-size:16px; line-height:25px; color:#ccc;}
.video .swiper-container .nth2 .shade{ position:absolute; width:400%; height:1800px; background:url(../images/swiper_nth1_shade.png) no-repeat center top; -moz-background-size:cover; background-size:cover; -webkit-transition:width .8s ease-in-out .3s; -moz-transition:width .8s ease-in-out .3s; -ms-transition:width .8s ease-in-out .3s; -o-transition:width .8s ease-in-out .3s; transition:width .8s ease-in-out .3s;}
.video .swiper-container .nth2.active .shade{ width:100%;}
.video .swiper-container .nth2 .line{ position:relative; margin:0 auto; top:-91px; width:602px; height:413px; z-index:20;}
.video .swiper-container .nth2 .line u{ display:block; width:0px; height:0px; border:1px dashed #e72832; 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 .nth2.active .line u{ width:600px; height:411px; -moz-opacity:1; opacity:1;}



.video .swiper-container .nth3{ background:url(../images/wallpaper1_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.active .box .top{ font-size:36px; -moz-opacity:1; opacity:1;}
.video .swiper-container .nth3 .box .mid{ width:358px; height:66px; margin:0 auto; margin-top:20px; margin-bottom:10px; background:url(../images/words.png) no-repeat 0px -219px; -moz-opacity:0; opacity:0; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.video .swiper-container .nth3.active .box .mid{ -moz-opacity:1; opacity:1;}
.video .swiper-container .nth3 .box .bottom{ width:100%; color:#ccc; 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;}
.video .swiper-container .nth3.active .box .bottom{ -moz-opacity:1; opacity:1;}
.video .swiper-container .nth4{ background:url(../images/wallpaper1_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;}
.video .swiper-container .nth4 .box .top i{ display:block; width:242px; height:64px; margin:0 auto; margin-top:15px; background:url(../images/words.png) no-repeat 0px -147px;}
.video .swiper-container .nth4 .box .bottom{ position:relative; top:100px; width:100%; margin-top:15px; font-size:16px; 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{ margin:0 5px; color:#e72832; 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:#e72832; 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:#e72832; margin-top:-3px; text-decoration:none; border-bottom:1px dotted #e72832; -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:100px;}
.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:#e72832;}
.video .innerBox a.movedown{ display:block; margin:0 auto; width:47px; height:47px; background:url(../images/icons.png) no-repeat 0px -60px; cursor:pointer; z-index:99;}
.video .innerBox a.movedown:hover{ background:url(../images/icons.png) no-repeat 0px -112px;}
section.business{ background:url(../images/wallpaper2.jpg) 50% bottom;}
.business .box{ position:relative; margin-top:-55px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.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) no-repeat 0px -294px;}
.business .box .caption span{ font-size:24px; letter-spacing:3px;}
.business .box ul.items{ margin:0 auto; margin-top:60px;}
.business .box ul.items li{ width:200px; height:300px; margin:0 8px; background:url(../images/bg_green.png) no-repeat 0px 400px; overflow:hidden;}
.business .box ul.items li i{ display:block; position:relative; margin:0 auto; margin-top:43px; height:69px;}
.business .box ul.items li.pc i{ width:69px; background:url(../images/words.png) no-repeat -245px -357px;}
.business .box ul.items li.mobi i{ width:64px; background:url(../images/words.png) no-repeat -416px -291px;}
.business .box ul.items li.sys i{ width:76px; background:url(../images/words.png) no-repeat -415px -362px;}
.business .box ul.items li.app i{ width:74px; background:url(../images/words.png) no-repeat -244px -439px;}
.business .box ul.items li.host i{ width:79px; background:url(../images/words.png) no-repeat -420px -439px;}
.business .box ul.items li u{ display:block; position:absolute; width:156px; height:156px; margin-left:22px; background:url(../images/words.png) no-repeat 0px -363px; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;}
.business .box ul.items li u.cl{ clip:rect(0px, 156px, -10px, 78px);}
.business.active .box ul.items li u.cl{ clip:rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr{ clip:rect(156px,78px,156px,0px);}
.business.active .box ul.items li u.cr{ clip:rect(0px,78px,156px,0px);}
.business .box ul.items li strong{ display:block; margin-top:70px; font-size:16px; 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) no-repeat -168px -357px;}
.business .box ul.items li.mobi:hover i{ background:url(../images/words.png) no-repeat -336px -291px;}
.business .box ul.items li.sys:hover i{ background:url(../images/words.png) no-repeat -327px -362px;}
.business .box ul.items li.app:hover i{ background:url(../images/words.png) no-repeat -164px -439px;}
.business .box ul.items li.host:hover i{ background:url(../images/words.png) no-repeat -335px -439px;}
.business .box ul.items li:hover u.cl{ clip:rect(0px, 156px, -10px, 78px);}
.business .box ul.items li:hover u.cr{ clip:rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong{ color:White; -webkit-transition-delay:.4s; -moz-transition-delay:.4s; -ms-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s;}
.business .box ul.items li:hover p{ top:20px; -webkit-transition:all .3s ease-in-out .5s; -moz-transition:all .3s ease-in-out .5s; -ms-transition:all .3s ease-in-out .5s; -o-transition:all .3s ease-in-out .5s; transition:all .3s ease-in-out .5s;}
.business .box label{ display:block; margin:0 auto; margin-top:-40px; width:297px; height:21px; background:url(../images/words.png) no-repeat 0px -333px;}
section.cases{ background:url(../images/wallpaper3.jpg);}
.cases .box{ position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.cases .box .caption{ width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;}
.cases.active .box .caption{ -moz-opacity:1; opacity:1;}
.cases .box .caption i{ display:block; margin:0 auto; margin-bottom:20px; width:129px; height:37px; background:url(../images/words.png) no-repeat 0px -528px;}
.cases .box .caption span{ font-size:24px; letter-spacing:3px; padding-left:10px;}
.cases .box .swiper-container.items{ position:relative; margin:0 auto; margin-top:60px; top:700px; width:1200px; -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;}

.xm{ float:left; width:370px; height:420px; border-radius:3px; box-shadow:0 0 5px #d9d8d8; margin:16px 15px; display:inline; background:#fefefe; position:relative;}
.xm h6{ width:100px; height:32px; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:32px; padding:0; margin:0 0 0 -50px; background:#f15858; position:absolute; left:50%; top:-16px; z-index:10;}
.xm h6:before{ width:0; height:0; content:""; border-bottom:16px solid #f15858; border-left:16px solid transparent; position:absolute; left:-16px; top:0; z-index:2;}
.xm h6:after{ width:0; height:0; content:""; border-bottom:16px solid #f15858; border-right:16px solid transparent; position:absolute; right:-16px; top:0; z-index:2;}
.xm_box{ width:370px; height:420px; overflow:hidden; position:relative;}
.xm .xm_c{ position:absolute; left:0; top:0; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}
.xm:hover .xm_c{ top:-228px; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}
.xm_p{ width:370px; height:228px;}
.xm_p img{ width:370px; height:228px; border-radius:3px 3px 0 0;}
.xm_a dl{ width:330px; height:106px; border-bottom:1px solid #d9d9d9; margin:0 auto;}
.xm_a dt{ float:left; width:72px; height:72px; border:1px solid #e9e9e9; border-radius:4px; padding:0; margin:16px 20px;}
.xm_a dt img{ width:72px; height:72px; border-radius:4px;}
.xm_a dd{ float:left; width:216px; font-size:15px; color:#656f7b; line-height:26px; padding-top:12px;}
.xm_a dd p{ padding:0; margin:0;}
.xm_a dd b{ color:#0f0e2b;}
.xm_a dd font{ font-size:16px; color:#e95555; font-weight:bold;}
.xm_a h4{ height:72px; padding:6px 0 6px 36px; margin:0;}
.xm_a h4 a{ display:inline-block; font-size:14px; color:#666; line-height:28px; border:1px solid #00b0f0; border-radius:2px; padding:0 10px; margin:3px 0 3px 9px;}
.xm_t{ width:370px; border-radius:0 0 3px 3px; background:rgba(234,234,234,0.3);}
.xm_t h3{ font-size:14px; color:#333333; letter-spacing:5px; line-height:36px; padding:0 36px; margin:0;}
.xm_t p{ height:48px; font-size:12px; color:rgba(85,85,85,0.57); text-align:justify; line-height:24px; padding:0 36px;}
.xm_t dl{ width:330px; height:73px; text-align:center; margin:12px auto 0; border-top:1px solid #cccccc;}
.xm_t dd{ float:left; width:86px; height:56px;}
.xm_t dt{ float:left; width:158px; height:56px;}
.xm_t h4{ font-size:18px; color:#333333; line-height:32px; padding:6px 0 0 0; margin:0;}
.xm_t h5{ color:rgba(85,85,85,0.57); line-height:24px; padding:0; margin:0;}
.xm_t div{ width:160px; height:42px; text-align:center; line-height:42px; padding:2px 0 16px; margin:0 auto;}
.xm_t div a{ display:block; font-size:16px; color:#ffffff; letter-spacing:6px; border-radius:3px; background:#f15858;}
.xm_t div a .shade,.xm_t div a .bg{ display:none;}

.gc{ float:left; width:370px; height:510px; border-radius:3px; box-shadow:0 0 5px #d9d8d8; margin:16px 15px; display:inline; background:#fefefe; position:relative;}
.gc h6{ width:100px; height:32px; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:32px; padding:0; margin:0 0 0 -50px; background:#f15858; position:absolute; left:50%; top:-16px; z-index:10;}
.gc h6:before{ width:0; height:0; content:""; border-bottom:16px solid #f15858; border-left:16px solid transparent; position:absolute; left:-16px; top:0; z-index:2;}
.gc h6:after{ width:0; height:0; content:""; border-bottom:16px solid #f15858; border-right:16px solid transparent; position:absolute; right:-16px; top:0; z-index:2;}
.gc_box{ width:370px; height:510px; overflow:hidden; position:relative;}
.gc .gc_c{ position:absolute; left:0; top:0; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}
.gc:hover .gc_c{ top:-228px; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}
.gc_l{ width:78px; height:78px; border:1px solid #e9e9e9; border-radius:50%; margin-left:-40px; background:#ffffff; position:absolute; left:50%; top:190px; z-index:2;}
.gc_l img{ width:78px; height:78px; border-radius:50%;}
.gc_p{ width:370px; height:228px;}
.gc_p img{ width:370px; height:228px; border-radius:3px 3px 0 0;}
.gc_a{ padding:36px 20px 6px;}
.gc_a p{ font-size:15px; color:#656f7b; line-height:26px; padding:0 0 0 6px; margin:0;}
.gc_a p b{ color:#0f0e2b;}
.gc_a p font{ font-size:16px; color:#e95555; font-weight:bold;}
.gc_a h4{ height:72px; font-size:14px; padding:4px 0 0 0; margin:0;}
.gc_a h4 span{ display:inline-block; color:#536a98; line-height:30px; border-radius:3px; padding:0 12px; margin:3px 10px 3px 0; background:#f1f5fd;}
.gc_b{ width:330px; height:70px; text-align:center; border-top:1px solid #f3f3f3; padding:8px 0 7px; margin:0 auto;}
.gc_b p{ float:left; width:70px; height:70px; padding:0; margin:0 20px; display:inline;}
.gc_b p img{ width:68px; height:68px; border:1px solid #e9e9e9; border-radius:3px;}
.gc_t{ width:370px; border-radius:0 0 3px 3px; background:rgba(234,234,234,0.3);}
.gc_t h3{ font-size:16px; color:#333333; line-height:32px; padding:6px 0 0 20px; margin:0;}
.gc_t p{ height:48px; color:rgba(85,85,85,0.57); text-align:justify; line-height:24px; padding:0 20px 6px; margin:0;}
.gc_t dl{ width:330px; height:73px; text-align:center; border-top:1px solid #cccccc; padding:3px 0; margin:0 auto;}
.gc_t dd{ float:left; width:86px; height:56px;}
.gc_t dt{ float:left; width:158px; height:56px;}
.gc_t h4{ font-size:18px; color:#333333; line-height:32px; padding:6px 0 0 0; margin:0;}
.gc_t h5{ font-size:14px; color:rgba(85,85,85,0.57); line-height:24px; padding:0; margin:0;}
.gc_t div{ width:160px; height:42px; text-align:center; line-height:42px; padding:2px 0 16px; margin:0 auto;}
.gc_t div a{ display:block; font-size:16px; color:#ffffff; letter-spacing:6px; border-radius:3px; background:#f15858;}
.gc_t div a .shade,.gc_t div a .bg{ display:none;}

/*.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) 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:#e72832; -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:#e72832; font-size:26px; text-align:center; text-decoration:none; border:1px dotted #e72832; -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:#e72832;}



section.clients{ background:url(../images/wallpaper4.jpg) 50% 90%;}
.clients .box{ position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.clients .box .caption{ width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;}
.clients.active .box .caption{ -moz-opacity:1; opacity:1;}
.clients .box .caption i{ display:block; margin:0 auto; margin-bottom:20px; width:299px; height:37px; background:url(../images/words.png) no-repeat -152px -528px;}
.clients .box .caption span{ font-size:24px; padding-left:10px;}
.clients .box ul.items{ margin:0 auto; margin-top:45px; width:1155px; height:450px; font-size:0; overflow:hidden;}
.clients .box ul.items li{ position:relative; padding:0; width:230px; height:150px; overflow:hidden; z-index:10;}


.clients .box ul.items li.jg1{ top:600px; -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.jg1 img{ top:0; position:absolute; -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.jg1.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg1{ top:0px;}
.clients .box ul.items li.jg2{ top:-400px; -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.jg2 img{ top:0; position:absolute; -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.jg2.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg2{ top:0px;}
.clients .box ul.items li.jg3{ top:600px; -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.jg3 img{ top:0; position:absolute; -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.jg3.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg3{ top:0px;}
.clients .box ul.items li.jg4{ top:-400px; -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.jg4 img{ top:0; position:absolute; -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.jg4.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg4{ top:0px;}
.clients .box ul.items li.jg5{ top:600px; -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.jg5 img{ top:0; position:absolute; -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.jg5.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg5{ top:0px;}
.clients .box ul.items li.jg6{ top:450px; -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.jg6 img{ top:0; position:absolute; -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.jg6.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg6{ top:0px;}
.clients .box ul.items li.jg7{ top:-550px; -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.jg7 img{ top:0; position:absolute; -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.jg7.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg7{ top:0px;}
.clients .box ul.items li.jg8{ top:450px; -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.jg8 img{ top:0; position:absolute; -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.jg8.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg8{ top:0px;}
.clients .box ul.items li.jg9{ top:-550px; -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.jg9 img{ top:0; position:absolute; -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.jg9.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg9{ top:0px;}
.clients .box ul.items li.jg10{ top:450px; -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.jg10 img{ top:0; position:absolute; -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.jg10.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg10{ top:0px;}
.clients .box ul.items li.jg11{ top: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;}
.clients .box ul.items li.jg11 img{ top:0; position:absolute; -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.jg11.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg11{ top:0px;}
.clients .box ul.items li.jg12{ top:-700px; -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.jg12 img{ top:0; position:absolute; -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.jg12.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg12{ top:0px;}
.clients .box ul.items li.jg13{ top: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;}
.clients .box ul.items li.jg13 img{ top:0; position:absolute; -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.jg13.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg13{ top:0px;}
.clients .box ul.items li.jg14{ top:-700px; -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.jg14 img{ top:0; position:absolute; -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.jg14.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg14{ top:0px;}
.clients .box ul.items li.jg15{ top: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;}
.clients .box ul.items li.jg15 img{ top:0; position:absolute; -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.jg15.active img{ top:-150px; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s;}
.clients.active .box ul.items li.jg15{ 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/wallpaper5.jpg) 50% 10%;}
.quality .box{ position:relative; top:36%; -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) no-repeat 0px -576px;}
.quality .box .caption span{ padding-left:5px; color:White; font-size:24px;}
.quality .box .items{ margin:0 auto; width:1000px;}
.quality .box .swiper-slide{ position:relative; width:200px; margin:16px 25px;}
.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.nth4{ top:-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.nth4{ top: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;}
.quality .box .swiper-slide ul li{ position:relative; margin:0 15px; padding:0; overflow:hidden;}
.quality .box .swiper-slide ul li.mobi{ width:14px; height:27px; background:url(../images/icons.png) no-repeat 0px -264px;}
.quality .box .swiper-slide ul li.pad{ width:29px; height:23px; background:url(../images/icons.png) no-repeat -71px -264px;}
.quality .box .swiper-slide ul li.pc{ width:35px; height:27px; background:url(../images/icons.png) no-repeat 0px -303px;}
.quality .box .swiper-slide ul li.windows{ width:27px; height:27px; background:url(../images/icons.png) no-repeat -73px -304px;}
.quality .box .swiper-slide ul li.ios{ width:24px; height:30px; background:url(../images/icons.png) no-repeat 0px -344px;}
.quality .box .swiper-slide ul li.andriod{ width:28px; height:29px; background:url(../images/icons.png) no-repeat -72px -345px;}
.quality .box .swiper-slide ul li.ie{ width:28px; height:28px; background:url(../images/icons.png) no-repeat 0px -392px;}
.quality .box .swiper-slide ul li.chrome{ width:30px; height:30px; background:url(../images/icons.png) no-repeat -71px -392px;}
.quality .box .swiper-slide ul li.firefox{ width:32px; height:30px; background:url(../images/icons.png) no-repeat 0px -432px;}
.quality .box .swiper-slide ul li.safari{ width:30px; height:32px; background:url(../images/icons.png) 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:#ad1c23; font-size:18px; letter-spacing:3px; text-align:center; text-decoration:none; border:1px solid #ad1c23; -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:#ad1c23; border:1px solid #ad1c23;}
.quality .box .mini, .quality .box a.prev, .quality .box a.next{ display:none;}

.fw{ position:relative;}
.fw h5{ width:116px; height:32px; font-size:16px; color:#ffffff; letter-spacing:3px; text-align:center; line-height:32px; border-radius:4px; padding:0; margin:0 0 0 -58px; background:#999999; position:absolute; left:50%; top:-16px; z-index:10;}
.fw_b{ height:176px; border:1px solid rgba(255,255,255,0.2); padding:30px 0 0 0; background:rgba(255,255,255,0.1);}
.fw_b p{ height:36px; font-size:14px; color:#ffffff; text-align:center; line-height:36px; padding:0; margin:0;}
.fw_b p a{ display:block; color:#ffffff; text-decoration:none;}
.fw_b h4{ padding:12px 0; margin:0;}
.fw_b h4 a{ display:block; width:130px; height:30px; font-size:14px; color:#ffffff; text-decoration:none; text-align:center; line-height:30px; border-radius:3px; padding:0; margin:0 auto; background:#00b7ee;}


section.marketing{ background:url(../images/wallpaper6.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) 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) no-repeat -144px -632px;}
.marketing .box ul.items li.weixin i{ width:74px; background:url(../images/words.png) no-repeat -207px -630px;}
.marketing .box ul.items li.weibo i{ width:68px; background:url(../images/words.png) no-repeat -288px -630px;}
.marketing .box ul.items li.sms i{ width:61px; background:url(../images/words.png) no-repeat -366px -628px;}
.marketing .box ul.items li.pay i{ width:56px; background:url(../images/words.png) no-repeat -438px -639px;}
.marketing .box ul.items li.bbs i{ width:51px; background:url(../images/words.png) no-repeat -144px -705px;}
.marketing .box ul.items li u{ display:block; position:absolute; width:128px; height:128px; background:url(../images/words.png) no-repeat 0px -624px; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;}
.marketing .box ul.items li u.cl{ clip:rect(0px, 128px, -10px, 64px);}
.marketing .box ul.items li:hover u.cl{ clip:rect(0px,128px,128px,64px);}
.marketing .box ul.items li u.cr{ clip:rect(128px,64px,128px,0px);}
.marketing .box ul.items li:hover u.cr{ clip:rect(0px,64px,128px,0px);}
.marketing .box ul.items li strong{ display:block; margin:200px 0px 10px 0px; font-size:16px; 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);}*/

.man{ width:840px; height:420px; padding-left:360px; overflow:hidden;}
.man li{ float:left; width:180px; height:180px; margin:15px 10px; overflow:hidden; position:relative; -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;}
.man li img{ width:180px; height:360px; position:absolute; left:0; top: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;}
.man li:hover img{ top:-180px;}



section.aboutus{ position:relative; background:url(../images/wallpaper7.jpg) 50% 60%; -moz-background-size:cover; background-size:cover;}
.aboutus ul.menu{ position:absolute; list-style:none; top:150px; left:50px; width:80px; padding:0px;}
.aboutus ul.menu li{ position:relative; color:#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:#e72832; -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:#e72832; -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:#e72832; font-size:22px; font-weight:normal; text-indent:28px;}
.aboutus .items .swiper-slide.nth1 p{ margin-top:20px; color:#999; line-height:35px; text-indent:28px;}
.aboutus .items .swiper-slide.nth2 strong{ display:block; color:#e72832; 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:#e72832; 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) no-repeat 0px 13px;}
.aboutus .items .swiper-slide.nth3 ul li u{ margin:0 15px; text-decoration:none;}
.aboutus .items .swiper-slide.nth3 p{ margin-top:20px; color:#999; line-height:35px; text-indent:28px;}
.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:#ffffff; text-align:center; vertical-align:middle;}
.aboutus table.exp u{ margin-right:10px; color:#e72832; 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/wallpaper8.jpg) 50% bottom; -moz-background-size:cover; background-size:cover;}
.contact .box{ position:relative; margin:0 auto; width:1000px; height:460px; top:25%; -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:240px; -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:22px 0px 0px 70px;}
.contact .box .above .left img{ margin:0 32px;}
.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) 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; color:#666; line-height:32px;}
.contact .box .above .right u{ margin:0 5px; text-decoration:none;}
.contact .box .above .right p{ width:290px; height:40px; font-size:18px; color:#000000; text-align:center; line-height:40px; letter-spacing:6px; border-radius:3px; border:1px solid #e72832; padding:0; margin:0 0 40px 0;}
.contact .box .above .right p a{ display:block; color:#000000; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}
.contact .box .above .right p a:hover{ text-decoration:none; color:#ffffff; background:#e72832; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;}


.contact .box .below_a{ position:relative; padding-top:20px; width:100%; height:199px; border-top:1px dotted #ccc;}
.contact .box .below_a i{ display:block; position:relative; top:300px; margin:0 auto; width:100%; font-style:normal; -moz-opacity:0; opacity:0; -webkit-transition:all .6s ease-in-out 0s; -moz-transition:all .6s ease-in-out 0s; -ms-transition:all .6s ease-in-out 0s; -o-transition:all .6s ease-in-out 0s; transition:all .6s ease-in-out 0s;}
.contact.active .box .below_a i{ top:0px; -moz-opacity:1; opacity:1;}
.below_a .below_l{ float:left; width:540px; height:200px;}
.below_a .below_r{ float:right;}
.below_l dl{ float:left; width:160px; padding-left:20px;}
.below_l dt{ width:72px; height:42px; font-size:16px; line-height:42px; border-bottom:1px solid rgba(31,36,45,0.2); margin-bottom:6px;}
.below_l dt a{ display:block; color:#333333; padding:0 3px;}
.below_l dd{ height:30px; line-height:30px;}
.below_r h3{ width:80px; height:42px; font-size:16px; color:#333333; line-height:42px; border-bottom:1px solid rgba(31,36,45,0.2); padding:0; margin:0 0 6px 0;}
.below_r p{ color:rgba(85,85,85,0.7); line-height:30px; padding:0; margin:0;}
.below_a a{ color:rgba(85,85,85,0.7);}
.below_a a:hover{ color:#e72832; 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) no-repeat; cursor:pointer; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:210;}
.dock ul.icons li.active i{ -moz-opacity:0.4; opacity:0.4;}
.dock ul.icons li.up i{ background-position:-63px -150px;}
.dock ul.icons li.tel i{ background-position:-62px -108px;}
.dock ul.icons li.im i{ background-position:-63px -20px;}
.dock ul.icons li.wechat i{ background-position:-59px -66px;}
.dock ul.icons li.down i{ background-position:-63px -190px;}
.dock ul.icons li p{ display:block; position:absolute; top:50px; right:-260px; padding:15px 20px; height:120px; color:White; line-height:30px; border:1px solid #333; border-right:none; background:#111; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .4s ease-in-out .1s; -moz-transition:all .4s ease-in-out .1s; -ms-transition:all .4s ease-in-out .1s; -o-transition:all .4s ease-in-out .1s; transition:all .4s ease-in-out .1s; overflow:hidden; z-index:201;}
.dock ul.icons li.active p{ right:50px; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.dock ul.icons li.tel p{ width:100px;}
.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:#e72832; font-size:16px; text-align:center; text-decoration:none; border:1px solid #e72832; -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:#ad1c23; border:1px solid #ad1c23;}
.dock ul.icons li.wechat p{ width:118px;}
.dock ul.icons li.wechat p img{ width:115px; border:2px solid White;}
.dock a.switch{ position:absolute; display:block; top:270px; right:11px; width:26px; height:26px; background:url(../images/icons.png) no-repeat 0px -640px; cursor:pointer; -webkit-transition-delay:.15s; -moz-transition-delay:.15s; -ms-transition-delay:.15s; -o-transition-delay:.15s; transition-delay:.15s;}
.dock a.switch.off{ background-position:-32px -640px;}
/*
@media (max-width:1300px){ header .logo{ top:24px; left:35px; width:160px;}
header .words{ display:none;}
header nav.menu{ margin-left:-40px;}
header.fixed nav.menu{ margin-left:-55px;}
header nav.menu ul li{ margin:0 8px;}
header .hotline{ right:200px;}
header.fixed .hotline{ right:170px;}
header .hotline u{ right:215px;}
header.fixed .hotline u{ right:180px;}}
@media (max-width:1080px){ header .words{ display:block; left:220px;}
header .hotline{ right:285px;}
header.fixed .hotline{ right:255px;}
header .hotline u{ right:300px;}
header.fixed .hotline u{ right:265px;}
header .menu-icon{ display:block;}
header nav.menu{ position:fixed; width:72px; top:38px; right:-100px; margin:0px; padding-top:30px; border:1px solid #000; border-top:1px solid #e72832; border-right:none; background:#3a3a3a;}
header.fixed nav.menu{ top:22px; margin:0px;}
header nav.menu.active{ display:block; margin:0px; right:0px;}
header nav.menu ul li, header.fixed nav.menu ul li{ margin:0px; margin-left:5px; width:73px; padding:8px 0px; font-family:"宋体"; font-size:14px; text-align:center;}
header nav.menu ul li.active{ background:#111;}
header nav.menu .line{ -moz-opacity:0; opacity:0;}}
@media (max-width:720px){ header{ height:54px;}
header .logo, header.fixed .logo{ top:17px; left:20px; width:120px;}
header .words{ display:none;}
header .menu-icon, header.fixed .menu-icon{ top:18px; right:30px;}
header nav.menu, header.fixed nav.menu{ width:54px; top:22px; padding-top:30px;}
header nav.menu ul li, header.fixed nav.menu ul li{ margin-left:5px; width:55px; padding:5px 0px; font-size:12px;}
header .hotline, header.fixed .hotline{ top:21px; right:218px;}
header .hotline span{ font-size:18px;}
header .hotline u, header.fixed .hotline u{ top:24px; right:223px; width:15px; height:21px; background:url(../images/icons.png) no-repeat 0px -34px;}}
@media (max-width:460px){ header{ height:42px;}
header.fixed{ height:60px;}
header .logo, header.fixed .logo{ width:80px;}
header .menu-icon, header.fixed .menu-icon{ top:13px;}
header .menu-icon span.glyphicon-earphone{ display:inline;}
header nav.menu, header.fixed nav.menu{ top:17px;}
header .hotline, header.fixed .hotline{ display:none;}
header.fixed .bg{ height:60px;}}
@media (max-height:310px){ header, header.fixed{ display:none; height:0px;}}
@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:218px; padding-top:190px; top:50%; left:50%; margin-top:-110px; margin-left:-109px; background:url(../images/welcome_words_mini.png) no-repeat;}}
@media (max-height:260px){ div.welcome p{ height:158px; padding:0px; margin-top:-79px;}
div.welcome p u{ display:none;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth1{ background:url(../images/wallpaper1_1_h800.jpg) 50% 35%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth1{ background:url(../images/wallpaper1_1_h600.jpg) 50% 35%;}}
@media (max-height:750px){.video .swiper-container .nth1 .line{ display:none;}}
@media (max-width:900px), (min-height:1201px), (max-height:720px){.video .swiper-container .nth1 .shade{ display:none;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth1 .box .left{ width:74px; height:139px; left:-150px; background:url(../images/words_mini.png) 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) no-repeat;}
.video .swiper-container .nth1 .box .right p{ font-size:12px; font-family:"宋体"; line-height:20px;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth2{ background:url(../images/wallpaper1_2_h800.jpg) 50% 20%;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth2{ background:url(../images/wallpaper1_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) 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(../images/wallpaper1_3_h800.jpg) 50% center;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth3{ background:url(../images/wallpaper1_3_h600.jpg) 50% center;}}
@media (orientation:landscape) and (max-height:480px), (orientation:portrait) and (max-width:699px){.video .swiper-container .nth3 .box .top{ font-size:40px;}
.video .swiper-container .nth3.active .box .top{ font-size:24px;}
.video .swiper-container .nth3 .box .mid{ width:216px; height:40px; margin-top:10px; background:url(../images/words_mini.png) no-repeat 0px -131px;}
.video .swiper-container .nth3 .box .bottom{ font-size:12px; font-family:"宋体"; line-height:20px;}}
@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth4{ background:url(../images/wallpaper1_4_h800.jpg) 50% top;}}
@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth4{ background:url(../images/wallpaper1_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:143px; height:38px; background:url(../images/words_mini.png) 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) no-repeat -145px -217px;}
.business .box ul.items li.mobi i{ width:46px; height:39px; background:url(../images/words_mini.png) no-repeat -245px -176px;}
.business .box ul.items li.sys i{ width:46px; height:35px; background:url(../images/words_mini.png) no-repeat -249px -220px;}
.business .box ul.items li.app i{ width:46px; height:41px; background:url(../images/words_mini.png) no-repeat -146px -264px;}
.business .box ul.items li.host i{ width:47px; height:38px; background:url(../images/words_mini.png) no-repeat -253px -266px;}
.business .box ul.items li p{ display:none;}
.business .box ul.items li strong{ margin-left:15px;}
.business .box ul.items li.pc:hover i{ background:url(../images/words_mini.png) no-repeat -100px -217px;}
.business .box ul.items li.mobi:hover i{ background:url(../images/words_mini.png) no-repeat -201px -176px;}
.business .box ul.items li.sys:hover i{ background:url(../images/words_mini.png) no-repeat -196px -220px;}
.business .box ul.items li.app:hover i{ background:url(../images/words_mini.png) no-repeat -100px -264px;}
.business .box ul.items li.host:hover i{ background:url(../images/words_mini.png) no-repeat -201px -266px;}}
@media (max-width:929px) and (max-height:460px){.business .box ul.items{ margin-top:15px;}
.business .box ul.items li{ margin:5px 10px 0px 10px;}}
@media (max-width:929px) and (max-height:420px){.business .box ul.items{ margin-top:30px;}
.business .box{ margin-top:0px;}}
@media (max-width:929px) and (max-height:720px){.business .box label{ display:none;}}
@media (max-width:929px) and (max-height:660px){.business .box .caption i{ display:none;}
.business .box ul.items{ margin-top:30px;}}
@media (max-width:929px) and (max-height:550px){.business .box ul.items{ margin-top:20px;}
.business .box ul.items li{ margin: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/wallpaper3_h800.jpg);}}
@media (max-width:960px) and (max-height:600px){ section.cases{ background:url(../images/wallpaper3_h600.jpg);}}
@media (min-width:1151px) and (max-height:700px){.cases .box .swiper-container.items{ margin-top:40px;}
.cases .box .caption i{ display:none;}}
@media (min-width:1151px) and (max-height:620px){.cases .box .swiper-container.items .swiper-slide{ border:none;}
.cases .box .items .swiper-slide p, .cases .box .items .swiper-slide .bg{ display:none;}}
@media (max-width:1150px){.cases .box .swiper-container.items{ width:840px;}
.cases .box .swiper-container.items .swiper-slide{ width:260px;}
.cases .box .swiper-container.items .swiper-slide img{ width:260px; height: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 #e72832; 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) no-repeat 0px -219px;}
.cases .box a.next{ right:30px; background:url(../images/icons.png) 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/wallpaper4_h800.jpg) 50% 90%;}}
@media (max-width:960px) and (max-height:600px){ section.clients{ background:url(../images/wallpaper4_h600.jpg) 50% 90%;}}
@media (max-width:1150px){.clients .box ul.items{ width:924px;}
.clients .box ul.items li.bg.all{ width:924px;}}
@media (max-width:920px){.clients .box ul.items{ width:693px;}
.clients .box ul.items li.bg.all{ width:693px;}}
@media (max-width:690px){.clients .box ul.items{ width:462px;}
.clients .box ul.items li.bg.all{ width:462px;}}
@media (min-width:471px) and (max-height:720px){.clients .box ul.items{ height:300px;}
.clients .box ul.items li.bg.all{ height:300px;}}
@media (min-width:471px) and (max-height:580px){.clients .box ul.items{ height:150px;}
.clients .box ul.items li.bg.all{ height:150px;}}
@media (min-width:471px) and (max-height:450px){.clients .box .swiper-container.items{ margin-top:40px;}
.clients .box .caption i{ display:none;}}
@media (min-height:920px){.clients .box{ margin-top:-80px;}}
@media (max-width:690px) and (max-height:380px), (max-width:620px) and (max-height:480px), (max-width:470px){.clients .box ul.items{ display:none;}
.clients .box ul.mini{ display:block; position:relative; margin:0 auto; margin-top: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) 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/wallpaper5_h800.jpg) 50% 10%;}}
@media (max-width:960px) and (max-height:600px){ section.quality{ background:url(../images/wallpaper5_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) no-repeat 0px -219px;}
.quality .box a.next{ right:30px; background:url(../images/icons.png) no-repeat -25px -219px;}}
@media (max-height:730px){.quality .box .items, .quality .box .mini{ margin-top:80px;}}
@media (max-height:710px){.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/wallpaper6_h800.jpg) 50% 45%;}}
@media (max-width:960px) and (max-height:600px){ section.marketing{ background:url(../images/wallpaper6_h600.jpg) 50% 45%;}}
@media (max-width:1100px){.marketing .box ul.items li{ margin:0 10px;}}
@media (min-width:1001px) and (min-height:951px){.marketing .box{ margin-top:-170px;}}
@media (min-width:1001px) and (max-height:950px){.marketing .box{ margin-top:-130px;}}
@media (min-width:1001px) and (max-height:850px){.marketing .box{ margin-top:-90px;}}
@media (min-width:1001px) and (max-height:750px){.marketing .box{ margin-top:-60px;}}
@media (min-width:1001px) and (max-height:700px){.marketing .box .caption i{ display:none;}}
@media (min-width:1001px) and (max-height:650px){.marketing .box{ margin-top:0px;}}
@media (max-width:1000px){.marketing .box{ margin:0px;}
.marketing .box ul.items{ width:550px !important;}
.marketing .box ul.items li{ height:190px; margin:0 20px;}
.marketing .box ul.items li u{ display:none;}
.marketing.active .box ul.items li strong{ margin-top:20px;}
.marketing .shade{ display:block;}}
@media (max-width:1000px) and (min-height:920px){.marketing .box{ margin-top:-100px;}}
@media (max-width:1000px) and (max-height:700px){.marketing .box ul.items li{ height:140px;}}
@media (max-width:1000px) and (max-height:580px){.marketing .box .caption i{ display:none;}
.marketing .box ul.items{ margin-top:10px;}}
@media (max-width:1000px) and (max-height:470px), (max-width:600px){.marketing .box ul.items{ margin-top:30px; width:600px !important;}
.marketing .box ul.items li{ width: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) no-repeat -86px -380px;}
.marketing .box ul.items li.weixin i{ width:45px; background:url(../images/words_mini.png) no-repeat -124px -377px;}
.marketing .box ul.items li.weibo i{ width:42px; margin:0 1px 0 2px; background:url(../images/words_mini.png) no-repeat -172px -377px;}
.marketing .box ul.items li.sms i{ width:38px; margin:0 3px 0 4px; background:url(../images/words_mini.png) no-repeat -219px -374px;}
.marketing .box ul.items li.pay i{ width:34px; margin:0 5px 0 6px; background:url(../images/words_mini.png) no-repeat -263px -382px;}
.marketing .box ul.items li.bbs i{ width:31px; margin:0 7px; background:url(../images/words_mini.png) no-repeat -86px -422px;}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong{ float:left; margin:0px; padding-left:15px; line-height:43px;}
.marketing .box ul.items li p{ display:none;}}
@media (max-width:1000px) and (max-height:430px){.marketing .box ul.items{ margin-top:20px;}
.marketing .box ul.items li{ margin-top:20px;}}
@media (max-width:600px){.marketing .box ul.items{ margin-top:50px; width:395px !important;}}
@media (max-width:600px) and (min-height:750px){.marketing .box{ margin-top:-70px;}}
@media (max-width:600px) and (max-height:520px){.marketing .box ul.items{ margin-top:20px;}
.marketing .box ul.items li{ margin-top:15px;}}
@media (max-width:450px){.marketing .box{ margin-top:0px;}
.marketing .box ul.items{ margin-top:20px; width:220px !important;}}
@media (max-width:450px) and (max-height:730px){.marketing .box ul.items{ margin-top:30px;}
.marketing .box ul.items li{ margin-top:15px;}}
@media (max-width:450px) and (max-height:650px){.marketing .box .caption i{ display:none;}
.marketing .box ul.items{ margin-top:20px;}}
@media (max-width:600px) and (max-height:380px), (max-width:450px) and (max-height:550px){.marketing .box ul.items{ width:222px !important;}
.marketing .box ul.items li{ position:relative; width:102px; margin:0 3px; padding:0px; text-align:center;}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong{ display:block; position:absolute; float:none; padding:0px; margin:0 auto; width:100px; 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/wallpaper7_h800.jpg) 50% 60%;}}
@media (max-width:960px) and (max-height:600px){ section.aboutus{ background:url(../images/wallpaper7_h600.jpg) 50% 60%;}}
@media (max-width:1200px){.aboutus table.exp td:nth-child(2){ display:none;}
.aboutus table.exp td{ width:25%;}}
@media (max-width:1100px){.aboutus .items{ left:auto; right:-480px;}
.aboutus.active .items{ left:auto; right: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;}
.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/wallpaper8_h800.jpg) 50% bottom;}}
@media (max-width:960px) and (max-height:600px){ section.contact{ background:url(../images/wallpaper8_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_a{ 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_a{ 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_a{ 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) no-repeat 50% top; background-color:#333a32;}}
.clear{ clear:both;}
#BDBridgeWrap{ display:none;}
*/