锘緻charset "utf-8";
/*缁囨ⅵ58 涓撴敞濂芥ā鏉垮垎浜?/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-wp8-horizontal { -ms-touch-action:pan-y }
.swiper-wp8-vertical { -ms-touch-action:pan-x }
.swiper-container { }
.swiper-slide { }
.swiper-slide-active { }
.swiper-slide-visible { }
.swiper-pagination-switch { }
.swiper-active-switch { }
.swiper-visible-switch { }
html { overflow:hidden; }
body { width:100%; height:100%; font-family:"寰蒋闆呴粦", Arial; }
header, section { width:100%; }
table { border-collapse:collapse; }
a:focus { outline:none; }
header { position:fixed; height:74px; color:#ccc; z-index:999; }
header.fixed { height:70px; }
header .logo { position:fixed; top:24px; left:50px; width:180px; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .logo { width:120px; top:16px; }
header .words { display:block; position:fixed; top:40px; left:250px; letter-spacing:1px; font-weight:normal; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .words { top:23px; left:185px; }
header nav.menu { margin:36px 0 0 110px; text-align:center; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu { margin:22px 0 0 85px; }
header nav.menu ul li { margin:0 12px; font-size:20px; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu ul li { margin:0 10px; font-size:16px; }
header nav.menu ul li a { color:#ccc; letter-spacing:2px; cursor:pointer; }
header nav.menu ul li a:hover, header nav.menu ul li.active a { color:#00dfb9; text-decoration:none; }
header nav.menu .line { position:absolute; top:0px; width:0px; height:3px; font-size:3px; background-color:#00dfb9; display:none; }
header .hotline { position:fixed; top:32px; right:215px; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .hotline { top:20px; right:185px; }
header .hotline span { position:fixed; color:#00dfb9; font-family:Arial; font-weight:bold; font-size:26px; letter-spacing:1px; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .hotline span { font-size:20px; }
header .hotline u { position:fixed; top:35px; right:230px; display:block; width:30px; height:30px; text-decoration:none; background:url(../img/icons.png) no-repeat; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .hotline u { top:20px; right:195px; }
header .hotline a { color:#00dfb9; }
header .menu-icon { position:fixed; top:34px; right:48px; font-size:24px; color:#00dfb9; z-index:99; display:none; }
header.fixed .menu-icon { top:18px; }
header .menu-icon a { color:#00dfb9; text-decoration:none; }
header .menu-icon span { margin-left:15px; -moz-opacity:0.5; opacity:0.5; cursor:pointer; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
header .menu-icon span.glyphicon-earphone { display:none; }
header .menu-icon span:hover, header .menu-icon span.active { -moz-opacity:1; opacity:1; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
header .bg { position:absolute; top:0px; width:100%; height:0px; background:#111; -moz-opacity:0.6; opacity:0.6; z-index:-1; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
header.fixed .bg { height:70px; }
div.welcome { position:fixed; width:100%; height:100%; background:url(../img/welcome.jpg) 30% 80%; background-color:White; -moz-background-size:cover; background-size:cover; -webkit-transition:all .3s ease-in-out .5s;
-moz-transition:all .3s ease-in-out .5s;
-ms-transition:all .3s ease-in-out .5s;
-o-transition:all .3s ease-in-out .5s;
transition:all .3s ease-in-out .5s;
z-index:999; }
div.welcome p { display:block; position:absolute; margin:0px; padding:0px; width:370px; height:30px; padding-top:240px; top:50%; left:50%; margin-top:-135px; margin-left:-185px; color:#2fd0b5; font-size:20px; text-align:center; background:url(../img/welcome_words.png?v=1.0) 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(../img/wallpaper1_1.jpg) 50% 35%; -moz-background-size:cover; background-size:cover; }
.video .swiper-container .nth1 .box { position:relative; margin:0 auto; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
z-index:10; }
.video .swiper-container .nth1 .box .left { position:absolute; left:-300px; width:123px; height:231px; background:url(../img/words.png?v=1.0) no-repeat top right; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .left { left:0px; -moz-opacity:1; opacity:1; }
.video .swiper-container .nth1 .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 .nth1.active .box .right { right:0px; -moz-opacity:1; opacity:1; }
.video .swiper-container .nth1 .box .right span { font-size:36px; color:White; }
.video .swiper-container .nth1 .box .right i { display:block; width:339px; height:66px; margin-bottom:5px; background:url(../img/words.png) no-repeat; }
.video .swiper-container .nth1 .box .right p { font-size:16px; line-height:25px; color:#ccc; }
.video .swiper-container .nth1 .shade { position:absolute; width:400%; height:1800px; background:url(../img/swiper_nth1_shade.png) no-repeat center top; -moz-background-size:cover; background-size:cover; -webkit-transition:width .8s ease-in-out .3s;
-moz-transition:width .8s ease-in-out .3s;
-ms-transition:width .8s ease-in-out .3s;
-o-transition:width .8s ease-in-out .3s;
transition:width .8s ease-in-out .3s;
}
.video .swiper-container .nth1.active .shade { width:100%; }
.video .swiper-container .nth1 .line { position:relative; margin:0 auto; top:-91px; width:602px; height:413px; z-index:20; }
.video .swiper-container .nth1 .line u { display:block; width:0px; height:0px; border:1px dashed #22fae2; text-decoration:none; -moz-opacity:0; opacity:0; -webkit-transition:all .8s ease-in .7s;
-moz-transition:all .8s ease-in .7s;
-ms-transition:all .8s ease-in .7s;
-o-transition:all .8s ease-in .7s;
transition:all .8s ease-in .7s;
}
.video .swiper-container .nth1.active .line u { width:600px; height:411px; -moz-opacity:1; opacity:1; }
.video .swiper-container .nth2 { background:url(../img/wallpaper1_2.jpg) 50% 20%; -moz-background-size:cover; background-size:cover; }
.video .swiper-container .nth2 .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 .nth2 .box span { font-size:36px; color:White; }
.video .swiper-container .nth2 .box i { display:block; width:320px; height:65px; margin:10px 0px 8px 0px; background:url(../img/words.png?v=1.0) no-repeat 0px -72px; }
.video .swiper-container .nth2 .box p { margin:0px; font-size:16px; line-height:25px; color:#ccc; }
.video .swiper-container .nth2 .shade { width:100%; height:2000px; background:#0b151a; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth2.active .shade { width:50%; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75); }
.video .swiper-container .nth3 { background:url(../img/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(../img/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(../img/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(../img/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:#00dfb9; text-decoration:none; }
.video .innerBox { position:absolute; bottom:40px; width:100%; z-index:10; }
.video .innerBox .news { margin:0 auto; margin-bottom:30px; width:400px; }
.video .innerBox .news span { float:left; margin:1px 15px 0px 0px; color:#00dfb9; font-weight:bold; }
.video .innerBox .news ul { float:left; }
.video .innerBox .news ul li a { color:#ddd; }
.video .innerBox .news a.more { float:right; color:#00dfb9; margin-top:-3px; text-decoration:none; border-bottom:1px dotted #00dfb9; -webkit-transition:color .3s ease-in-out 0s;
-moz-transition:color .3s ease-in-out 0s;
-ms-transition:color .3s ease-in-out 0s;
-o-transition:color .3s ease-in-out 0s;
transition:color .3s ease-in-out 0s;
}
.video .innerBox .news a.more:hover { color:White; text-decoration:none; -webkit-transition:color .3s ease-in-out 0s;
-moz-transition:color .3s ease-in-out 0s;
-ms-transition:color .3s ease-in-out 0s;
-o-transition:color .3s ease-in-out 0s;
transition:color .3s ease-in-out 0s;
}
.video .innerBox .guide { margin:0 auto; margin-bottom:80px; width:200px; }
.video .innerBox .guide a { display:block; float:left; margin:0 5px; width:40px; height:3px; font-size:3px; background:White; cursor:pointer; }
.video .innerBox .guide a.active { background:#00dfb9; }
.video .innerBox a.movedown { display:block; margin:0 auto; width:47px; height:47px; background:url(../img/icons.png) no-repeat 0px -60px; cursor:pointer; z-index:99; }
.video .innerBox a.movedown:hover { background:url(../img/icons.png) no-repeat 0px -112px; }
section.business { background:url(../img/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(../img/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(../img/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(../img/words.png) no-repeat -245px -357px; }
.business .box ul.items li.mobi i { width:64px; background:url(../img/words.png) no-repeat -416px -291px; }
.business .box ul.items li.sys i { width:76px; background:url(../img/words.png) no-repeat -415px -362px; }
.business .box ul.items li.app i { width:74px; background:url(../img/words.png) no-repeat -244px -439px; }
.business .box ul.items li.host i { width:79px; background:url(../img/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(../img/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(../img/words.png) no-repeat -168px -357px; }
.business .box ul.items li.mobi:hover i { background:url(../img/words.png) no-repeat -337px -291px; }
.business .box ul.items li.sys:hover i { background:url(../img/words.png) no-repeat -327px -362px; }
.business .box ul.items li.app:hover i { background:url(../img/words.png) no-repeat -164px -439px; }
.business .box ul.items li.host:hover i { background:url(../img/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(../img/words.png) no-repeat 0px -333px; }
section.cases { background:url(../img/wallpaper6.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(../img/words.png) no-repeat 0px -528px; }
.cases .box .caption span { font-size:24px; letter-spacing:3px; padding-left:10px; }
.cases .box .swiper-container.items { position:relative; margin:0 auto; margin-top:60px; top:700px; width:1080px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.cases.active .box .swiper-container.items { top:0px; }
.cases .box .swiper-container.items .swiper-slide { width:340px; margin:0 10px; border-bottom:2px solid #2fd0b5; cursor:pointer; }
.cases .box .swiper-container.items .swiper-slide img { width:340px; height:200px; }
.cases .box .swiper-container.items .swiper-slide .shade { position:absolute; width:340px; height:200px; margin-top:-200px; background:Black; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
z-index:10; }
.cases .box .swiper-container.items .swiper-slide .shade u { display:block; margin:0 auto; margin-top:78px; width:44px; height:44px; background:url(../img/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:#2ed0b4; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .shade { margin-top:0px; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .bg { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .bg u { margin-top:0px; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p { color:White; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p strong { color:White; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.mini, .cases .box .swiper-container.xs, .cases .box a.prev, .cases .box a.next { display:none; }
.cases .box a.more { display:block; position:relative; margin:0 auto; margin-top:50px; top:700px; width:120px; padding:5px 0px; color:#00dfb9; font-size:26px; text-align:center; text-decoration:none; border:1px dotted #00dfb9; -webkit-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
}
.cases.active .box a.more { top:0px; }
.cases .box a.more:hover { color:White; background:#2fd0b5; }
section.clients { background:url(../img/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(../img/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 img{ text-align:center; padding-top:20px; margin:0 auto;display:block}
.clients .box ul.items li.cctv { top:600px; background:url(../img/clients.png) no-repeat; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cctv.active { background:url(../img/clients.png) no-repeat 0px -150px; }
.clients.active .box ul.items li.cctv { top:0px; }
.clients .box ul.items li.unicom { top:-400px; background:url(../img/clients.png) no-repeat -230px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.unicom.active { background:url(../img/clients.png) no-repeat -230px -150px; }
.clients.active .box ul.items li.unicom { top:0px; }
.clients .box ul.items li.tsinghua { top:600px; background:url(../img/clients.png) no-repeat -460px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.tsinghua.active { background:url(../img/clients.png) no-repeat -460px -150px; }
.clients.active .box ul.items li.tsinghua { top:0px; }
.clients .box ul.items li.cas { top:-400px; background:url(../img/clients.png) no-repeat -690px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cas.active { background:url(../img/clients.png) no-repeat -690px -150px; }
.clients.active .box ul.items li.cas { top:0px; }
.clients .box ul.items li.sipo { top:600px; background:url(../img/clients.png) no-repeat -920px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sipo.active { background:url(../img/clients.png) no-repeat -920px -150px; }
.clients.active .box ul.items li.sipo { top:0px; }
.clients .box ul.items li.apple { top:450px; background:url(../img/clients.png) no-repeat -1150px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.apple.active { background:url(../img/clients.png) no-repeat -1150px -150px; }
.clients.active .box ul.items li.apple { top:0px; }
.clients .box ul.items li.das { top:-550px; background:url(../img/clients.png) no-repeat -1380px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.das.active { background:url(../img/clients.png) no-repeat -1380px -150px; }
.clients.active .box ul.items li.das { top:0px; }
.clients .box ul.items li.hunantv { top:450px; background:url(../img/clients.png) no-repeat -1610px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.hunantv.active { background:url(../img/clients.png) no-repeat -1610px -150px; }
.clients.active .box ul.items li.hunantv { top:0px; }
.clients .box ul.items li.sino { top:-550px; background:url(../img/clients.png) no-repeat -1840px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sino.active { background:url(../img/clients.png) no-repeat -1840px -150px; }
.clients.active .box ul.items li.sino { top:0px; }
.clients .box ul.items li.report { top:450px; background:url(../img/clients.png) no-repeat -2070px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.report.active { background:url(../img/clients.png) no-repeat -2070px -150px; }
.clients.active .box ul.items li.report { top:0px; }
.clients .box ul.items li.gedu { top:300px; background:url(../img/clients.png) no-repeat -2300px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.gedu.active { background:url(../img/clients.png) no-repeat -2300px -150px; }
.clients.active .box ul.items li.gedu { top:0px; }
.clients .box ul.items li.bgg { top:-700px; background:url(../img/clients.png) no-repeat -2530px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bgg.active { background:url(../img/clients.png) no-repeat -2530px -150px; }
.clients.active .box ul.items li.bgg { top:0px; }
.clients .box ul.items li.bsec { top:300px; background:url(../img/clients.png) no-repeat -2760px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bsec.active { background:url(../img/clients.png) no-repeat -2760px -150px; }
.clients.active .box ul.items li.bsec { top:0px; }
.clients .box ul.items li.huadan { top:-700px; background:url(../img/clients.png) no-repeat -2990px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.huadan.active { background:url(../img/clients.png) no-repeat -2990px -150px; }
.clients.active .box ul.items li.huadan { top:0px; }
.clients .box ul.items li.zd { top:300px; background:url(../img/clients.png) no-repeat -3220px 0px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.zd.active { background:url(../img/clients.png) no-repeat -3220px -150px; }
.clients.active .box ul.items li.zd { 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(../img/wallpaper5.jpg) 50% 10%; }
.quality .box { position:relative; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.quality .box .caption { width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.quality.active .box .caption { -moz-opacity:1; opacity:1; }
.quality .box .caption i { display:block; margin:0 auto; margin-bottom:20px; width:240px; height:37px; background:url(../img/words.png) no-repeat 0px -576px; }
.quality .box .caption span { padding-left:5px; color:White; font-size:24px; }
.quality .box .items { margin:0 auto; margin-top:120px; width:960px; }
.quality .box .swiper-slide { position:relative; width:240px; margin:0 40px; }
.quality .box .items .swiper-slide.nth1 { left:-300px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth1 { left:0px; }
.quality .box .items .swiper-slide.nth2 { bottom:-300px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth2 { bottom:0px; }
.quality .box .items .swiper-slide.nth3 { right:-300px; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}

.quality .box a.more { display:block; position:relative; margin:0 auto; margin-top:50px; top:700px; width:120px; padding:5px 0px; color:#00dfb9; font-size:26px; text-align:center; text-decoration:none; border:1px dotted #00dfb9; -webkit-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
}
.quality.active .box a.more { top:0px; }
.quality .box a.more:hover { color:White; background:#2fd0b5; }

.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(../img/icons.png) no-repeat 0px -264px; }
.quality .box .swiper-slide ul li.pad { width:29px; height:23px; background:url(../img/icons.png) no-repeat -71px -264px; }
.quality .box .swiper-slide ul li.pc { width:35px; height:27px; background:url(../img/icons.png) no-repeat 0px -303px; }
.quality .box .swiper-slide ul li.windows { width:27px; height:27px; background:url(../img/icons.png) no-repeat -73px -304px; }
.quality .box .swiper-slide ul li.ios { width:24px; height:30px; background:url(../img/icons.png) no-repeat 0px -344px; }
.quality .box .swiper-slide ul li.andriod { width:28px; height:29px; background:url(../img/icons.png) no-repeat -72px -345px; }
.quality .box .swiper-slide ul li.ie { width:28px; height:28px; background:url(../img/icons.png) no-repeat 0px -392px; }
.quality .box .swiper-slide ul li.chrome { width:30px; height:30px; background:url(../img/icons.png) no-repeat -71px -392px; }
.quality .box .swiper-slide ul li.firefox { width:32px; height:30px; background:url(../img/icons.png) no-repeat 0px -432px; }
.quality .box .swiper-slide ul li.safari { width:30px; height:32px; background:url(../img/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:#00aa88; font-size:18px; letter-spacing:3px; text-align:center; text-decoration:none; border:1px solid #00aa88; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-opacity:0; opacity:0; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.quality.active .box a.lookall { -moz-opacity:1; opacity:1; }
.quality .box a.lookall:hover { color:White; background:#0f8773; border:1px solid #0f8773; }
.quality .box .mini, .quality .box a.prev, .quality .box a.next { display:none; }
section.marketing { background:url(../img/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 .box a.more { display:block; position:relative; margin:0 auto; margin-top:50px; top:700px; width:120px; padding:5px 0px; color:#00dfb9; font-size:26px; text-align:center; text-decoration:none; border:1px dotted #00dfb9; -webkit-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
transition:all .3s ease-in-out 0s, top .8s ease-in-out 0s;
}
.marketing.active .box a.more { top:0px; }
.marketing .box a.more:hover { color:White; background:#2fd0b5; }
.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(../img/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:250px; 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(../img/words.png) no-repeat -144px -632px; }
.marketing .box ul.items li.weixin i { width:74px; background:url(../img/words.png) no-repeat -207px -630px; }
.marketing .box ul.items li.weibo i { width:68px; background:url(../img/words.png) no-repeat -288px -630px; }
.marketing .box ul.items li.sms i { width:61px; background:url(../img/words.png) no-repeat -366px -628px; }
.marketing .box ul.items li.pay i { width:56px; background:url(../img/words.png) no-repeat -438px -639px; }
.marketing .box ul.items li.bbs i { width:51px; background:url(../img/words.png) no-repeat -144px -705px; }
.marketing .box ul.items li u { display:block; position:absolute; width:128px; height:128px; background:url(../img/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); }
section.aboutus { position:relative; background:url(../img/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:84px !important; background:#2fd0b5; -moz-opacity:0.15; opacity:0.15; filter:alpha(opacity=15); z-index:10; }
.aboutus ul.menu li.bg.one { position:absolute; top:0px; left:0px; width:80px; background:#2fd0b5; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
z-index:20; }
.aboutus .items { position:absolute; left:-480px; width:480px; height:240px; -moz-opacity:0; opacity:0; -webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
-o-transition:all .8s ease-in-out 0s;
transition:all .8s ease-in-out 0s;
}
.aboutus.active .items { left:50%; -moz-opacity:1; opacity:1; }
.aboutus .items .swiper-slide.nth1 strong { display:block; color:#ddd; font-size:40px; font-weight:normal; letter-spacing:5px; }
.aboutus .items .swiper-slide.nth1 p { margin-top:20px; color:#999; line-height:35px; }
.aboutus .items .swiper-slide.nth1 u { display:block; margin-top:20px; color:#999; font-size:24px; text-decoration:none; }
.aboutus .items .swiper-slide.nth2 strong { display:block; color:#00dfb9; font-size:22px; font-weight:normal; text-indent:28px; }
.aboutus .items .swiper-slide.nth2 p { margin-top:20px; color:#999; line-height:35px; text-indent:28px; }
.aboutus .items .swiper-slide.nth3 strong { display:block; margin-bottom:20px; color:#00dfb9; font-size:22px; font-weight:normal; }
.aboutus .items .swiper-slide.nth3 ul { padding:0px; }
.aboutus .items .swiper-slide.nth3 ul li { color:#999; line-height:35px; padding-left:30px; list-style:none; background:url(../img/point.png) no-repeat 0px 13px; }
.aboutus .items .swiper-slide.nth3 ul li u { margin:0 15px; text-decoration:none; }
.aboutus table.exp { position:absolute; bottom:-80px; width:100%; border-top:1px solid #666; -webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
z-index:20; }
.aboutus.active table.exp { bottom:0px; }
.aboutus table.exp td { width:20%; height:70px; color:#bbb; text-align:center; }
.aboutus table.exp u { margin-right:10px; color:#00dfb9; font-family:Arial; font-size:26px; text-decoration:none; }
.aboutus .expBg { position:absolute; bottom:-80px; width:100%; height:70px; background:White; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); -webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
z-index:10; }
.aboutus.active .expBg { bottom:0px; }
.aboutus .shade { position:absolute; width:100%; height:100%; background:Black; -moz-opacity:0.5; opacity:0.5; -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; -ms-transition:all 1s ease-in-out 0s; -o-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s; z-index:5; }
.aboutus.active .shade { -moz-opacity:0; opacity:0; z-index:-1; }
section.contact { position:relative; background:url(../img/wallpaper8.jpg) 50% bottom; -moz-background-size:cover; background-size:cover; }
.contact .box { position:relative; margin:0 auto; width:810px; height:330px; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.contact .box .above { position:relative; top:-300px; width:100%; height:200px; -moz-opacity:0; opacity:0; -webkit-transition:all .6s ease-in-out 0s;
-moz-transition:all .6s ease-in-out 0s;
-ms-transition:all .6s ease-in-out 0s;
-o-transition:all .6s ease-in-out 0s;
transition:all .6s ease-in-out 0s;
}
.contact.active .box .above { top:0px; -moz-opacity:1; opacity:1; }
.contact .box .above .wechat { float:left; }
.contact .box .above .left { float:left; margin:-12px 0px 0px 70px; }
.contact .box .above .left a.tel { display:block; margin:10px 0px 15px 0px; width:243px; height:37px; text-decoration:none; }
.contact .box .above .left p { margin-top:8px; color:#666; line-height:26px; }
.contact .box .above .left a { color:#666; text-decoration:none; }
.contact .box .above .left p u { margin:0 5px; text-decoration:none; }
.contact .box .above .left p a.job { margin-left:20px; color:#d00000; font-weight:bold; }
.contact .box .above .left p a.job:hover { border-bottom:1px solid #d00000; }
.contact .box .above .right { float:right; margin-top:-3px; color:#666; line-height:32px; }
.contact .box .above .right u { margin:0 5px; text-decoration:none; }
.contact .box .below { position:relative; padding-top:50px; width:100%; border-top:1px dotted #ccc; display:none}
.contact .box .below i { display:block; position:relative; top:300px; margin:0 auto; width:424px; height:86px; background:url(../img/words.png) no-repeat 0px -787px; -moz-opacity:0; opacity:0; -webkit-transition:all .6s ease-in-out 0s;
-moz-transition:all .6s ease-in-out 0s;
-ms-transition:all .6s ease-in-out 0s;
-o-transition:all .6s ease-in-out 0s;
transition:all .6s ease-in-out 0s;
}
.contact.active .box .below i { top:0px; -moz-opacity:1; opacity:1; }
.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(../img/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:#00dfb9; font-size:16px; text-align:center; text-decoration:none; border:1px solid #00dfb9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.dock ul.icons li.im p a:hover { color:White; background:#0f8773; border:1px solid #0f8773; }
.dock ul.icons li.wechat p { width:118px; }
.dock ul.icons li.wechat p img { width:115px; border:2px solid White; }
.dock a.switch { position:absolute; display:block; top:270px; right:11px; width:26px; height:26px; background:url(../img/icons.png) no-repeat 0px -640px; cursor:pointer; -webkit-transition-delay:.15s;
-moz-transition-delay:.15s;
-ms-transition-delay:.15s;
-o-transition-delay:.15s;
transition-delay:.15s;
}
.dock a.switch.off { background-position:-32px -640px; }
@media (max-width:1300px) {
header .logo {
top:24px;
left:35px;
width:160px;
}
header .words {
display:none;
}
header nav.menu {
margin-left:-40px;
}
header.fixed nav.menu {
margin-left:-55px;
}
header nav.menu ul li {
margin:0 8px;
}
header .hotline {
right:200px;
}
header.fixed .hotline {
right:170px;
}
header .hotline u {
right:215px;
}
header.fixed .hotline u {
right:180px;
}
}
@media (max-width:1080px) {
header .words {
display:block;
left:220px;
}
header .hotline {
right:285px;
}
header.fixed .hotline {
right:255px;
}
header .hotline u {
right:300px;
}
header.fixed .hotline u {
right:265px;
}
header .menu-icon {
display:block;
}
header nav.menu {
position:fixed;
width:72px;
top:38px;
right:-100px;
margin:0px;
padding-top:30px;
border:1px solid #000;
border-top:1px solid #00dfb9;
border-right:none;
background:#3a3a3a;
}
header.fixed nav.menu {
top:22px;
margin:0px;
}
header nav.menu.active {
display:block;
margin:0px;
right:0px;
}
header nav.menu ul li, header.fixed nav.menu ul li {
margin:0px;
margin-left:5px;
width:73px;
padding:8px 0px;
font-family:"瀹嬩綋";
font-size:14px;
text-align:center;
}
header nav.menu ul li.active {
background:#111;
}
header nav.menu .line {
-moz-opacity:0;
opacity:0;
}
}
@media (max-width:720px) {
header {
height:54px;
}
header .logo, header.fixed .logo {
top:17px;
left:20px;
width:120px;
}
header .words {
display:none;
}
header .menu-icon, header.fixed .menu-icon {
top:18px;
right:30px;
}
header nav.menu, header.fixed nav.menu {
width:54px;
top:22px;
padding-top:30px;
}
header nav.menu ul li, header.fixed nav.menu ul li {
margin-left:5px;
width:55px;
padding:5px 0px;
font-size:12px;
}
header .hotline, header.fixed .hotline {
top:21px;
right:218px;
}
header .hotline span {
font-size:20px;
}
header .hotline u, header.fixed .hotline u {
top:24px;
right:223px;
width:15px;
height:21px;
background:url(../img/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(../img/welcome_h800.jpg) 30% 80%;
}
}
@media (max-width:960px) and (max-height:600px) {
div.welcome {
background:url(../img/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(../img/welcome_words_mini.png?v=1.0) 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(../img/wallpaper1_1_h800.jpg) 50% 35%;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth1 {
background:url(../img/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(../img/words_mini.png?v=1.0) 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(../img/words_mini.png?v=1.0) 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(../img/wallpaper1_2_h800.jpg) 50% 20%;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth2 {
background:url(../img/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(../img/words_mini.png?v=1.0) 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(../img/wallpaper1_3_h800.jpg) 50% center;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth3 {
background:url(../img/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(../img/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(../img/wallpaper1_4_h800.jpg) 50% top;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth4 {
background:url(../img/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(../img/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(../img/words_mini.png) no-repeat -145px -217px;
}
.business .box ul.items li.mobi i {
width:46px;
height:39px;
background:url(../img/words_mini.png) no-repeat -245px -176px;
}
.business .box ul.items li.sys i {
width:46px;
height:35px;
background:url(../img/words_mini.png) no-repeat -249px -220px;
}
.business .box ul.items li.app i {
width:46px;
height:41px;
background:url(../img/words_mini.png) no-repeat -146px -264px;
}
.business .box ul.items li.host i {
width:47px;
height:38px;
background:url(../img/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(../img/words_mini.png) no-repeat -100px -217px;
}
.business .box ul.items li.mobi:hover i {
background:url(../img/words_mini.png) no-repeat -201px -176px;
}
.business .box ul.items li.sys:hover i {
background:url(../img/words_mini.png) no-repeat -196px -220px;
}
.business .box ul.items li.app:hover i {
background:url(../img/words_mini.png) no-repeat -100px -264px;
}
.business .box ul.items li.host:hover i {
background:url(../img/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(../img/wallpaper6_h800.jpg);
}
}
@media (max-width:960px) and (max-height:600px) {
section.cases {
background:url(../img/wallpaper6_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;
}
.marketing .box a.more {
margin-top:18px;
width:66px;
padding:3px 0px;
font-size:16px;
}
}
@media (orientation:portrait) and (max-width:900px) {
.cases .box .swiper-container.items {
display:none;
}
.cases .box .swiper-container.mini {
display:block;
width:340px;
margin-top:60px;
}
.cases .box .swiper-container.mini .swiper-wrapper {
height:300px !important;
}
.cases .box .swiper-container.mini .swiper-slide {
width:340px;
height:300px !important;
border-bottom:2px solid #2fd0b5;
cursor:pointer;
}
.cases .box .swiper-container.mini .swiper-slide img {
width:340px;
height:200px;
}
.cases .box .swiper-container.mini .swiper-slide p {
position:absolute;
margin:10px 20px;
color:#999;
font-family:Arial, "瀹嬩綋";
font-size:12px;
line-height:26px;
z-index:10;
}
.cases .box .swiper-container.mini .swiper-slide p strong {
color:#222;
font-family:Arial, "寰蒋闆呴粦";
font-size:16px;
font-weight:normal;
}
.cases .box .swiper-container.mini .swiper-slide .bg {
width:340px;
height:100px;
background-color:#fff;
-moz-opacity:0.5;
opacity:0.5;
filter:alpha(opacity=50);
}
.cases .box a.prev, .cases .box a.next {
display:block;
position:absolute;
top:-300px;
width:16px;
height:30px;
cursor:pointer;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
z-index:100;
}
.cases .box a.prev {
left:30px;
background:url(../img/icons.png) no-repeat 0px -219px;
}
.cases .box a.next {
right:30px;
background:url(../img/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;
}
.marketing .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(../img/wallpaper4_h800.jpg) 50% 90%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.clients {
background:url(../img/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(../img/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(../img/wallpaper5_h800.jpg) 50% 10%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.quality {
background:url(../img/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(../img/icons.png) no-repeat 0px -219px;
}
.quality .box a.next {
right:30px;
background:url(../img/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(../img/wallpaper6_h800.jpg) 50% 45%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.marketing {
background:url(../img/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(../img/words_mini.png) no-repeat -86px -380px;
}
.marketing .box ul.items li.weixin i {
width:45px;
background:url(../img/words_mini.png) no-repeat -124px -377px;
}
.marketing .box ul.items li.weibo i {
width:42px;
margin:0 1px 0 2px;
background:url(../img/words_mini.png) no-repeat -172px -377px;
}
.marketing .box ul.items li.sms i {
width:38px;
margin:0 3px 0 4px;
background:url(../img/words_mini.png) no-repeat -219px -374px;
}
.marketing .box ul.items li.pay i {
width:34px;
margin:0 5px 0 6px;
background:url(../img/words_mini.png) no-repeat -263px -382px;
}
.marketing .box ul.items li.bbs i {
width:31px;
margin:0 7px;
background:url(../img/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(../img/wallpaper7_h800.jpg) 50% 60%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.aboutus {
background:url(../img/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(../img/wallpaper8_h800.jpg) 50% bottom;
}
}
@media (max-width:960px) and (max-height:600px) {
section.contact {
background:url(../img/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 {
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:400px;
width:100px;
left:50%;
margin-left:-50px;
}
.contact .box .above .left {
position:absolute;
float:none;
margin:0px;
top:0px;
left:50%;
margin-left:-125px;
}
.contact .box .below {
margin-top:150px;
}
}
@media (orientation:portrait) and (max-width:550px) and (max-height:650px), (orientation:portrait) and (max-width:470px) {
.contact .box {
width:260px;
height:350px;
}
.contact .box .above .wechat {
width:150px;
margin-left:-75px;
}
.contact .box .below {
display:none;
}
}
@media (orientation:portrait) and (max-height:450px) {
.contact .box {
height:160px;
}
.contact .box .above .wechat {
display:none;
}
}
@media (max-width:700px), (max-height:600px) {
.dock {
display:none;
}
}
@media (max-width:319px), (max-height:210px) {
body {
display:none;
}
html {
background:url(../img/displaynone.png) no-repeat 50% top;
background-color:#333a32;
}
}
.clear { clear:both; }
#BDBridgeWrap { display:none; }