@charset "gb2312";
.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:30px;width:140px;-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:100px;top:16px;left:40px;}
header .words{display:block;position:fixed;top:40px;left:160px;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:140px;}

header nav.menu{margin:40px 0 0 90px;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 100px;}
header nav.menu ul li{margin:0 3px;font-size:16px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}

header.fixed nav.menu ul li{margin:0 8px;font-size:14px;}
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:220px;display:block;width:30px;height:30px;text-decoration:none;background:url(../images/icons.png) no-repeat;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
header.fixed .hotline u{top:20px;right:195px;}
header .hotline a{color:#00dfb9;}
header .menu-icon{position:fixed;top:34px;right:48px;font-size:24px;color:#00dfb9;z-index:99;display:none;}
header.fixed .menu-icon{top:18px;}
header .menu-icon a{color:#00dfb9;text-decoration:none;}
header .menu-icon span{margin-left:15px;-moz-opacity:0.5;opacity:0.5;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
header .menu-icon span.glyphicon-earphone{display:none;}
header .menu-icon span:hover,header .menu-icon span.active{-moz-opacity:1;opacity:1;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}


header .bg{position:absolute;top:0px;width:100%;height:0px;background:#111;-moz-opacity:0.6;opacity:0.6;z-index:-1;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
header.fixed .bg{height:70px;}
div.welcome{position:fixed;width:100%;height:100%;background:url(../images/welcome.jpg) 30% 80%;background-color:White;-moz-background-size:cover;background-size:cover;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;z-index:999;}
div.welcome p{display:block;position:absolute;margin:0px;padding:0px;width:496px;height:40px;padding-top:140px;top:50%;left:50%;margin-top:-100px;margin-left:-248px;color:#19b3a5;font-size:20px;text-align:center;background:url(../images/welcome_words.png) 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/wp1_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(../images/words.png) no-repeat top right;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.video .swiper-container .nth1.active .box .left{left:0px;-moz-opacity:1;opacity:1;}
.video .swiper-container .nth1 .box .right{position:absolute;right:-300px;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(../images/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(../images/swiper_nth1_shade.png) no-repeat center top;-moz-background-size:cover;background-size:cover;-webkit-transition:width .8s ease-in-out .3s;-moz-transition:width .8s ease-in-out .3s;-ms-transition:width .8s ease-in-out .3s;-o-transition:width .8s ease-in-out .3s;transition:width .8s ease-in-out .3s;}
.video .swiper-container .nth1.active .shade{width:100%;}
.video .swiper-container .nth1 .line{position:relative;margin:0 auto;top:-91px;width:602px;height:413px;z-index:20;}
.video .swiper-container .nth1 .line u{display:block;width:0px;height:0px;border: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(../images/wp1_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(../images/words.png) no-repeat 0px -72px;}
.video .swiper-container .nth2 .box p{margin:0px;font-size:16px;line-height:25px;color:#ccc;}
.video .swiper-container .nth2 .shade{width:100%;height:2000px;background:#0b151a;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.video .swiper-container .nth2.active .shade{width:50%;-moz-opacity:0.75;opacity:0.75;filter:alpha(opacity=75);}
.video .swiper-container .nth3{background:url(../images/wp1_3.jpg) 50% center;-moz-background-size:cover;background-size:cover;}
.video .swiper-container .nth3 .box{position:relative;width:100%;}
.video .swiper-container .nth3 .box .top{font-size:80px;color:White;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:10;}
.video .swiper-container .nth3.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/wp1_4.jpg) 50% top;-moz-background-size:cover;background-size:cover;}
.video .swiper-container .nth4 .box{position:relative;width:100%;}
.video .swiper-container .nth4 .box .top{position:relative;top:-100px;width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:10;}
.video .swiper-container .nth4.active .box .top{top:0px;-moz-opacity:1;opacity:1;}
.video .swiper-container .nth4 .box .top span{font-size:36px;color:White;}
.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:#00dfb9;text-decoration:none;}
.video .innerBox{position:absolute;bottom:40px;width:100%;z-index:10;}
.video .innerBox .news{margin:0 auto;margin-bottom:30px;width:400px;}
.video .innerBox .news span{float:left;margin:1px 15px 0px 0px;color:#00dfb9;font-weight:bold;}
.video .innerBox .news ul{float:left;}
.video .innerBox .news ul li a{color:#ddd;}
.video .innerBox .news a.more{float:right;color:#00dfb9;margin-top:-3px;text-decoration:none;border-bottom:1px dotted #00dfb9;-webkit-transition:color .3s ease-in-out 0s;-moz-transition:color .3s ease-in-out 0s;-ms-transition:color .3s ease-in-out 0s;-o-transition:color .3s ease-in-out 0s;transition:color .3s ease-in-out 0s;}
.video .innerBox .news a.more:hover{color:White;text-decoration:none;-webkit-transition:color .3s ease-in-out 0s;-moz-transition:color .3s ease-in-out 0s;-ms-transition:color .3s ease-in-out 0s;-o-transition:color .3s ease-in-out 0s;transition:color .3s ease-in-out 0s;}
.video .innerBox .guide{margin:0 auto;margin-bottom:80px;width:200px;}
.video .innerBox .guide a{display:block;float:left;margin:0 5px;width:40px;height:3px;font-size:3px;background:White;cursor:pointer;}
.video .innerBox .guide a.active{background:#00dfb9;}
.video .innerBox a.movedown{display:block;margin:0 auto;width:47px;height:47px;background:url(../images/icons.png) no-repeat 0px -60px;cursor:pointer;z-index:99;}
.video .innerBox a.movedown:hover{background:url(../images/icons.png) no-repeat 0px -112px;}

section.newsa{background:url(../images/wp_news.jpg) 50% bottom;}
.newsa .box{position:relative;margin-top:130px;-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;}
.newsa .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;}
.newsa.active .box .caption{-moz-opacity:1;opacity:1;}
.newsa .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:480px;height:31px;background:url(../images/words2.png) no-repeat 0px -25px;}
.newsa .box .caption span{font-size:24px;letter-spacing:3px;}
.newsa .box ul.items{margin:0 auto;margin-top:60px;width:82%;}
.newsa .box ul.items li{border:1px solid #ddd;width:260px;height:300px;margin:0 8px;background:url(../images/bg_green.png) no-repeat 0px 400px;overflow:hidden;}
.newsa .box ul.items li i{display:block;position:relative;margin:5px auto;height:69px;width:260px;}
.newsa .box ul.items li u{display:block;position:absolute;width:156px;height:156px;margin-left:22px;-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;}
.newsa .box ul.items li u.cl{clip:rect(0px,156px,-10px,78px);}
.newsa.active .box ul.items li u.cl{clip:rect(0px,156px,156px,78px);}
.newsa .box ul.items li u.cr{clip:rect(156px,78px,156px,0px);}
.newsa.active .box ul.items li u.cr{clip:rect(0px,78px,156px,0px);}
.newsa .box ul.items li strong{display:block;margin-top:120px;font-size:16px;font-weight:normal;text-align:center;}
.newsa .box ul.items li p{position:relative;top:10px;color:#666;font-family:Arial,"����";font-size:12px;line-height:20px;padding:0 20px;}
.newsa .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;}
.newsa .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;}
.newsa .box ul.items li:hover strong{color:White;margin-top:125px;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.newsa .box ul.items li:hover p{color:#fefefe;top:15px;-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;}
.newsa .box label{display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(../images/words2.png) no-repeat 0px -8px;}
.newsa .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;}
.newsa.active .box a.more{top:0px;}
.newsa .box a.more:hover{color:White;background:#2fd0b5;}section.clients{background:url(../images/wp4.jpg) 50% 90%;}

section.business{background:url(../images/wp2.jpg) 50% bottom;}
.business .box{position:relative;margin-top:-25px;-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 -337px -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;}
.business .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;}
.business.active .box a.more{top:0px;}
.business .box a.more:hover{color:White;background:#2fd0b5; cursor:pointer}

section.cases{background:url(../images/wp3.jpg);}
.cases .box{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.cases.active .box .caption{-moz-opacity:1;opacity:1;}
.cases .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:429px;height:37px;background:url(../images/words2.png) no-repeat 0px -90px;}
.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; text-align: center;}
.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{display:block;width:320px;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{display:block;color:#222;font-family:Arial,"΢���ź�";font-size:16px;font-weight:normal;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide .bg{width:340px;height:100px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide .bg u{display:block;position:absolute;width:340px;height:100px;margin-top:150px;background-color:#2ed0b4;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide:hover .bg{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide:hover .bg u{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide:hover p{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide:hover p strong{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.cases .box .swiper-container.mini,.cases .box .swiper-container.xs,.cases .box a.prev,.cases .box a.next{display:none;}
.cases .box a.more{display:block;position:relative;margin:0 auto;margin-top:50px;top:700px;width:120px;padding:5px 0px;color:#00dfb9;font-size:26px;text-align:center;text-decoration:none;border:1px dotted #00dfb9;-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;}
.cases.active .box a.more{top:0px;}
.cases .box a.more:hover{color:White;background:#2fd0b5;}section.clients{background:url(../images/wp4.jpg) 50% 90%;}
.clients .box{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.clients .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.clients.active .box .caption{-moz-opacity:1;opacity:1;}
.clients .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:299px;height:37px;background:url(../images/words.png) no-repeat -152px -528px;}
.clients .box .caption span{padding-left:10px;font-size:24px;}
.clients .box ul.items{margin:0 auto;margin-top:45px;width:1000px;height:250px;font-size:0;overflow:hidden;}
.clients .box ul.items li{position:relative;padding:20px;width:420px;height:80px;overflow:hidden;z-index:10;-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;font-size:18px;border:1px solid #eee;background:url(../images/point.png) no-repeat 18px 30px;}
.clients .box ul.items li a{padding-left:18px;color:#333;}
.clients .box ul.items li p{font-size:14px;padding-top:12px;color:#999;}
.clients .box ul.items li.active{color:#333;}
.clients .box ul.items li.bg.all{position:absolute;width:1000px;height:250px;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 label{display:block;margin:0 auto;margin-top:40px;width:297px;height:21px;}
.clients .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;}
.clients.active .box a.more{top:0px;}
.clients .box a.more:hover{color:White;background:#2fd0b5; cursor:pointer}
.clients .box .mini{display:none;}

section.quality{background:url(../images/wp5.jpg) 50% 10%;}
.quality .box{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.quality .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.quality.active .box .caption{-moz-opacity:1;opacity:1;}
.quality .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:390px;height:37px;background:url(../images/words2.png) no-repeat -10px -170px;}
.quality .box .caption span{padding-left:5px;color:White;font-size:24px;}
.quality .box .items{margin:0 auto;margin-top:120px;width:960px;}
.quality .box .swiper-slide{position:relative;width:240px;margin:0 40px;}
.quality .box .items .swiper-slide.nth1{left:-300px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.quality.active .box .items .swiper-slide.nth1{left:0px;}
.quality .box .items .swiper-slide.nth2{bottom:-300px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.quality.active .box .items .swiper-slide.nth2{bottom:0px;}
.quality .box .items .swiper-slide.nth3{right:-300px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.quality.active .box .items .swiper-slide.nth3{right:0px;}
.quality .box .swiper-slide ul{margin:0 auto;margin-bottom:20px;}
.quality .box .swiper-slide ul li{position:relative;margin:0 15px;padding:0;overflow:hidden;}
.quality .box .swiper-slide ul li.fw1{width:22px;height:27px;background:url(../images/icons.png) no-repeat 0px -264px;}
.quality .box .swiper-slide ul li.fw2{width:30px;height:23px;background:url(../images/icons.png) no-repeat -71px -264px;}
.quality .box .swiper-slide ul li.fw3{width:28px;height:27px;background:url(../images/icons.png) no-repeat 0px -303px;}
.quality .box .swiper-slide ul li.kh1{width:32px;height:30px;background:url(../images/icons.png) no-repeat -68px -304px;}
.quality .box .swiper-slide ul li.kh2{width:30px;height:30px;background:url(../images/icons.png) no-repeat 0px -348px;}
.quality .box .swiper-slide ul li.kh3{width:32px;height:29px;background:url(../images/icons.png) no-repeat -68px -345px;}
.quality .box .swiper-slide ul li.lc1{width:28px;height:28px;background:url(../images/icons.png) no-repeat 0px -392px;}
.quality .box .swiper-slide ul li.lc2{width:30px;height:30px;background:url(../images/icons.png) no-repeat -71px -392px;}
.quality .box .swiper-slide ul li.lc3{width:32px;height:30px;background:url(../images/icons.png) no-repeat 0px -432px;}
.quality .box .swiper-slide ul li.lc4{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;font-size:28px;}
.quality .box .swiper-slide a{ text-decoration:none;}
.quality .box a.lookall{display:block;margin:0 auto;margin-top:90px;width:300px;padding:12px 0px;color:#00aa88;font-size:18px;letter-spacing:3px;text-align:center;text-decoration:none;border:1px solid #00aa88;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-opacity:0;opacity:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.quality.active .box a.lookall{-moz-opacity:1;opacity:1;}
.quality .box a.lookall:hover{color:White;background:#0f8773;border:1px solid #0f8773;}
.quality .box .mini,.quality .box a.prev,.quality .box a.next{display:none;}
section.marketing{background:url(../images/wp6.jpg) 50% 45%;}
.marketing .box{position:relative;-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;top:120px;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:560px;height:37px;background:url(../images/words2.png) no-repeat -10px -246px;}
.marketing .box .caption span{padding-left:5px;font-size:24px;}
.marketing .box .items{width:900px;height:600px;position:relative;top:180px;left:20%;z-index:10;}
.marketing .box .items .lf{width:400px;height:280px;float:left;padding-top:10px;overflow:hidden;}
.marketing .box .items .lf li{ list-style:none;margin-top:5px;padding:0;}
.marketing .box .items input {width: 250px;height: 20px;padding: 2px 6px;line-height: 20px;background: #fff;border: 1px solid #bfbfbf}
.marketing .box .items textarea {width: 250px;
	height: 50px;
	max-width: 250px;
	max-height: 50px;
	padding: 2px 6px; 
	border: 1px solid #bfbfbf;}
.marketing .box .items .lf span {top: 4px;height:16px;color:#F00;}
.marketing .box .items .lf em{position: absolute;right: 0;bottom: 0;width: 14px;height: 12px;display: block;z-index: 1;
	background: url("../images/check.png")/*tpa=../images/check.png*/ right bottom;}
.marketing .box .items .lf h5{width: 105px;position: absolute;right: 3px;bottom: 6px;font-size: 12px;color: #f60;}
.marketing .box .items .rf{width:420px;height:230px;float:left;overflow:hidden;}
.marketing .box .items .rf li{ list-style:none;margin:0;padding:0;}
.marketing .box .items .rf h5 {/*position: absolute;right: 3px;bottom: 6px;*/font:600 30px "Microsoft YaHei";color:#1dccad}
.marketing .box .items .rf h3 {font-size: 24px;line-height: 24px;font-family: "΢���ź�", "Microsoft YaHei", "����";font-weight: bold;padding: 0 0 0 0;color:#1dccad;}
.marketing .box .items .rf li {width: 100px;border: 1px solid #fff;float: left;text-align: center;color: #fff;margin: 0 8px 8px 0; 
	position: relative;cursor: pointer}
.marketing .box .items .rf span{background:#1dccad;color:#fff;width:100px;display:block;height:46px;line-height:46px;}
.marketing .box .items .rf input{position: absolute;right: 0;bottom: 0;width: 97%;height: 100%;display: block;z-index: 2;opacity: 0;
	cursor: pointer;}
.marketing .box .items .rf em {position: absolute;right: 0;bottom: 0;width: 14px;height: 12px;display: block;z-index: 1;
	background: url("../images/check.png")/*tpa=../images/check.png*/ right bottom;display: none;}
.send_btn a {width: 260px;height: 40px;line-height: 43px;display: block;background: #fff;color: #b22525;
    font-weight: bold;
    width: 260px;
    font-size: 18px;
    text-align: center;
    transition:all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;}
.send_btn:hover a {background: #48dfb9;color:#fff; text-decoration:none;}



.marketing .shade{display:none;position:absolute;top:0px;width:100%;background:White;-moz-opacity:0.4;opacity:0.4;filter:alpha(opacity=40);}
section.aboutus{position:relative;background:url(../images/wp7.jpg) 50% 60%;-moz-background-size:cover;background-size:cover;}
.aboutus ul.menu{position:absolute;list-style:none;top:150px;left:50px;width:80px;padding:0px;}
.aboutus ul.menu li{position:relative;color:#888;font-size:16px;text-align:center;padding:10px 0px;cursor:pointer;z-index:30;-webkit-transition:all .0s ease-in-out .2s;-moz-transition:all .0s ease-in-out .2s;-ms-transition:all .0s ease-in-out .2s;-o-transition:all .0s ease-in-out .2s;transition:all .0s ease-in-out .2s;}
.aboutus ul.menu li.active{color:White;}
.aboutus ul.menu li.bg.all{position:absolute;padding:0px;top:0px;left:0px;width:80px !important;height:168px !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;top:260px;width:480px;height:240px;-moz-opacity:0;opacity:0;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.aboutus.active .items{left:50%;-moz-opacity:1;opacity:1;}
.aboutus .items .swiper-slide.nth1 strong{display:block;color:#ddd;font-size:40px;font-weight:normal;letter-spacing:5px;}
.aboutus .items .swiper-slide.nth1 p{margin-top:20px;color:#999;line-height:35px;}
.aboutus .items .swiper-slide.nth1 u{display:block;margin-top:20px;color:#999;font-size:24px;text-decoration:none;}
.aboutus .items .swiper-slide.nth2 strong{display:block;color:#00dfb9;font-size:22px;font-weight:normal;text-indent:28px;}
.aboutus .items .swiper-slide.nth2 p{margin-top:20px;color:#999;line-height:35px;text-indent:28px;}
.aboutus .items .swiper-slide.nth3 strong{display:block;margin-bottom:20px;color:#00dfb9;font-size:22px;font-weight:normal;}
.aboutus .items .swiper-slide.nth3 ul{padding:0px;}
.aboutus .items .swiper-slide.nth3 ul li{color:#999;line-height:35px;padding-left:30px;list-style:none;background:url(../images/point.png) no-repeat 0px 13px;}
.aboutus .items .swiper-slide.nth3 ul li u{margin:0 15px;text-decoration:none;}
.aboutus .items .swiper-slide.nth4 strong{display:block;margin-bottom:20px;color:#00dfb9;font-size:22px;font-weight:normal;}
.aboutus .items .swiper-slide.nth4 ul{padding:0px;}
.aboutus .items .swiper-slide.nth4 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.nth4 ul li u{margin:0 15px;text-decoration:none;}
.aboutus table.exp{position:absolute;bottom:-80px;width:100%;border-top:1px solid #666;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:20;}
.aboutus.active table.exp{bottom:0px;}
.aboutus table.exp td{width:20%;height:70px;color:#bbb;text-align:center;}
.aboutus table.exp u{margin-right:10px;color:#00dfb9;font-family:Arial;font-size:26px;text-decoration:none;}
.aboutus .expBg{position:absolute;bottom:-80px;width:100%;height:70px;background:White;-moz-opacity:0.2;opacity:0.2;filter:alpha(opacity=20);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:10;}
.aboutus.active .expBg{bottom:0px;}
.aboutus .shade{position:absolute;width:100%;height:100%;background:Black;-moz-opacity:0.5;opacity:0.5;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s;z-index:5;}
.aboutus.active .shade{-moz-opacity:0;opacity:0;z-index:-1;}
section.contact{position:relative;background:url(../images/wp8.jpg) 50% bottom;-moz-background-size:cover;background-size:cover;}
.contact .box{position:relative;top:260px;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;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;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;}
.contact .box .below i{display:block;position:relative;top:300px;margin:0 auto;width:494px;height:86px;background:url(../images/words.png) no-repeat 0px -787px;-moz-opacity:0;opacity:0;-webkit-transition:all .6s ease-in-out 0s;-moz-transition:all .6s ease-in-out 0s;-ms-transition:all .6s ease-in-out 0s;-o-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s;}
.contact.active .box .below i{top:0px;-moz-opacity:1;opacity:1;}
.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:108px;}
.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(../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;}

.clear{clear:both;}#BDBridgeWrap{display:none;}/* CSS Document */