@charset "utf-8"; .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform,left,top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform,left,top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform,left,top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform,left,top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform,left,top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .swiper-wp8-horizontal { -ms-touch-action:pan-y } .swiper-wp8-vertical { -ms-touch-action:pan-x } .swiper-container { } .swiper-slide { } .swiper-slide-active { } .swiper-slide-visible { } .swiper-pagination-switch { } .swiper-active-switch { } .swiper-visible-switch { } html { overflow:hidden; } body { width: 100%; height: 100%; font-family: "黑体"; } header,section { width:100%; } body,ul { margin: 0; padding: 0; } 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: 1px; left: 5px; width: 320px; -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: 350px; top: 1px; } header .logo img.mini { display:none; } header nav.menu { margin: 25px 0 0 50px; 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:18px; -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:#ffffff; text-decoration:none; } header nav.menu .line { position:absolute; top:0px; width:0px; height:3px; font-size:3px; background-color:#ffffff; display:none; } header .hotline { position:fixed; top:26px; right: 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 .hotline { top:20px; right:185px; } header .hotline span { position:fixed; color:#ffffff; font-family:Arial; font-weight:bold; font-size:18px; 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: 28px; right: 150px; display:block; width: 30px; height: 30px; text-decoration:none; background:url(../images/denglu.png) no-repeat; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s; } header.fixed .hotline u { top: 25px; right:195px; } header .hotline a { color:#ffffff; } header .menu-icon { position:fixed; top:34px; right:48px; font-size:24px; color:#ffffff; z-index:99; display:none; } header.fixed .menu-icon { top:18px; } header .menu-icon a { color:#ffffff; 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:70px; 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:300px; height:129px; //background:url(../images/words1.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:-10px; -moz-opacity:1; opacity:0;/* 创字昄 */ } .video .swiper-container .nth1 .box .right { position:absolute; right:-500px; margin:-20px 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:#ffffff; } .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:-450px -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:105px; height:122px; margin:10px 0px 8px 0px; background:url(../images/words2.png) ;*/ } .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:105px; height:120px; margin:0 auto; margin-top:20px; margin-bottom:10px; background:url(../images/words3.png) ; -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:#ffffff; 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:105px; height:122px; margin:0 auto; margin-top:15px; background:url(../images/words4.png);*/ } .video .swiper-container .nth4 .box .bottom { position:relative; top:100px; width:100%; margin-top:15px; font-size:16px; line-height:25px; color:#ffffff; 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:#ffffff; 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:#ffffff; 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:#ffffff; margin-top:-3px; text-decoration:none; border-bottom:1px dotted #ffffff; -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:#ffffff; } .video .innerBox a.movedown { display:block; margin:0 auto; width:47px; height:47px; background:url(../images/icons.png) no-repeat 0px -60px; cursor:pointer; z-index:99; } .video .innerBox a.movedown:hover { background:url(../images/icons.png) no-repeat 0px -112px; } section.business { background:url(../images/wp2.jpg) 50% bottom; } .business .box { position:relative; margin-top:-55px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .business .box .caption { width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; } .business.active .box .caption { -moz-opacity:1; opacity:1; } .business .box .caption i { display:block; margin:0 auto; margin-bottom:20px; width:320px; height:31px; background:url(../images/words.png) 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: 200px; 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: 17px; font-weight:normal; text-align:center; } .business .box ul.items li p { position:relative; top:200px; color:White; font-family: "宋体"; 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 { } section.cases { background:url(../images/wp3.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } .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; margin-top: -100px; } .cases .box .caption { width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; } .cases.active .box .caption { -moz-opacity:1; opacity:1; } .cases .box .caption i { display:block; margin:0 auto; margin-bottom:20px; width:129px; height:37px; background:url(../images/words.png) no-repeat 0px -528px; } .cases .box .caption span { font-size:28px; letter-spacing:3px; padding-left:10px; font-weight:bold; color: #D00000; } .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: 220px; margin:0 10px; border-bottom:2px solid #2fd0b5; cursor:pointer; } .cases .box .swiper-container.items .swiper-slide img { width: 240px; height: 120px; } .cases .box .swiper-container.items .swiper-slide .shade { position:absolute; width:00px; height:00px; margin-top:-200px; background:Black; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:10; } .cases .box .swiper-container.items .swiper-slide .shade u { display:block; margin:0 auto; margin-top:78px; width:44px; height:44px; /*background:url(../images/icons.png) no-repeat 0px -168px;*/ } .cases .box .swiper-container.items .swiper-slide p { position:absolute; margin:10px 20px; color:#999; font-family: "宋体"; 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: "黑体"; 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:0px; height:0px; 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:#ffffff; font-size:26px; text-align:center; text-decoration:none; border:1px dotted #ffffff; -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 { font-size:24px; padding-left:10px; } .clients .box ul.items { margin:0 auto; margin-top:45px; width:1155px; height:450px; font-size:0; overflow:hidden; } .clients .box ul.items li { 'position:relative; padding:0; width:230px; height:150px; overflow:hidden; z-index:10; } .clients .box ul.items li.cctv { top:600px; background:url(../images/hzdw1.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(../images/hzdw1.png) no-repeat; } .clients.active .box ul.items li.cctv { top:0px; } .clients .box ul.items li.unicom { top:-400px; background:url(../images/hzdw2.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.unicom.active { background:url(../images/hzdw2.png) no-repeat ; } .clients.active .box ul.items li.unicom { top:0px; } .clients .box ul.items li.tsinghua { top:600px; background:url(../images/hzdw3.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.tsinghua.active { background:url(../images/hzdw3.png) no-repeat ; } .clients.active .box ul.items li.tsinghua { top:0px; } .clients .box ul.items li.cas { top:-400px; background:url(../images/hzdw4.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.cas.active { background:url(../images/hzdw4.png) no-repeat; } .clients.active .box ul.items li.cas { top:0px; } .clients .box ul.items li.sipo { top:600px; background:url(../images/hzdw5.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.sipo.active { background:url(../images/hzdw5.png) no-repeat ; } .clients.active .box ul.items li.sipo { top:0px; } .clients .box ul.items li.apple { top:450px; background:url(../images/hzdw6.png) no-repeat ; } .clients .box ul.items li.apple.active { background:url(../images/hzdw6.png) no-repeat ; } .clients.active .box ul.items li.apple { top:0px; } .clients .box ul.items li.das { top:-550px; background:url(../images/hzdw7.png) no-repeat ; } .clients .box ul.items li.das.active { background:url(../images/hzdw7.png) no-repeat; } .clients.active .box ul.items li.das { top:0px; } .clients .box ul.items li.hunantv { top:450px; background:url(../images/hzdw8.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(../images/hzdw8.png) no-repeat -1610px -150px; } .clients.active .box ul.items li.hunantv { top:0px; } .clients .box ul.items li.sino { top:-550px; background:url(../images/hzdw9.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(../images/hzdw9.png) no-repeat -1840px -150px; } .clients.active .box ul.items li.sino { top:0px; } .clients .box ul.items li.report { top:450px; background:url(../images/hzdw10.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(../images/hzdw10.png) no-repeat -2070px -150px; } .clients.active .box ul.items li.report { top:0px; } .clients .box ul.items li.gedu { top:300px; background:url(../images/hzdw11.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(../images/hzdw11.png) no-repeat -2300px -150px; } .clients.active .box ul.items li.gedu { top:0px; } .clients .box ul.items li.bgg { top:-700px; background:url(../images/hzdw12.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(../images/hzdw12.png) no-repeat -2530px -150px; } .clients.active .box ul.items li.bgg { top:0px; } .clients .box ul.items li.bsec { top:300px; background:url(../images/hzdw13.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(../images/hzdw13.png) no-repeat -2760px -150px; } .clients.active .box ul.items li.bsec { top:0px; } .clients .box ul.items li.huadan { top:-700px; background:url(../images/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(../images/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(../images/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(../images/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(../images/wp5.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } .quality .box { position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .quality .box .caption { width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; } .quality.active .box .caption { -moz-opacity:1; opacity:1; } .quality .box .caption i { display:block; margin:0 auto; margin-bottom:20px; width:240px; height:37px; background:url(../images/words.png) 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: 940px; } .quality .box .swiper-slide { position:relative; width: 230px; /* margin: 0 1px; */ } .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; to; */ 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: 110px; height: 130px; background:url(../images/words11.png); } .quality .box .swiper-slide ul li.pad { width:29px; height:23px; background:url(../images/icons.png) no-repeat -71px -264px; } .quality .box .swiper-slide ul li.pc { width:35px; height:27px; background:url(../images/icons.png) no-repeat 0px -303px; } .quality .box .swiper-slide ul li.windows { width: 110px; height: 131px; background:url(../images/words33.png); } .quality .box .swiper-slide ul li.chroe { width: 110px; height: 130px; background:url(../images/words44.png); } .quality .box .swiper-slide ul li.ios { width:24px; height:30px; background:url(../images/icons.png) no-repeat 0px -344px; } .quality .box .swiper-slide ul li.andriod { width:28px; height:29px; background:url(../images/words33.png) ; } .quality .box .swiper-slide ul li.ie { width:28px; height:28px; background:url(../images/words_22.png) ; } .quality .box .swiper-slide ul li.chrome { width:110px; height: 130px; background:url(../images/words22.png); } .quality .box .swiper-slide ul li.firefox { width:32px; height:30px; background:url(../images/icons.png) no-repeat 0px -432px; } .quality .box .swiper-slide ul li.safari { width:30px; height:32px; background:url(../images/icons.png) no-repeat -71px -432px; } .quality .box .swiper-slide ul li span { position:absolute; /* top:30px; */ } .quality .box .swiper-slide p { color: #0a0a0a; text-align:center; line-height: 25px; } .quality .box a.lookall { display:block; margin:0 auto; margin-top:90px; width:300px; padding:12px 0px; color:#00aa88; font-size:18px; letter-spacing:3px; text-align:center; text-decoration:none; border:1px solid #00aa88; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-opacity:0; opacity:0; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .quality.active .box a.lookall { -moz-opacity:1; opacity:1; } .quality .box a.lookall:hover { color:White; background:#0f8773; border:1px solid #0f8773; } .quality .box .mini,.quality .box a.prev,.quality .box a.next { display:none; } section.marketing { background:url(../images/wp6.jpg) 50% 45%; } .marketing .box { position:relative; margin-top:-80px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .marketing .box .caption { position:relative; width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; z-index:10; } .marketing.active .box .caption { -moz-opacity:1; opacity:1; } .marketing .box .caption i { display:block; margin:0 auto; margin-bottom:20px; width:240px; height:37px; background:url(../images/words.png) no-repeat right -576px; } .marketing .box .caption span { padding-left:5px; font-size:24px; } .marketing .box ul.items { margin:0 auto; margin-top:30px; position:relative; z-index:10; } .marketing .box ul.items li { width:128px; height:230px; margin:0 20px; overflow:hidden; } .marketing .box ul.items li i { display:block; position:relative; margin:0 auto; margin-top:08px; height:130px; } .marketing .box ul.items li.se i { width:110px; background:url(../images/words_11.png) ; } .marketing .box ul.items li.weixin i { width: 150px; background:url(../images/words.png) no-repeat -207px -630px; } .marketing .box ul.items li.weibo i { width:68px; background:url(../images/words.png) no-repeat -288px -630px; } .marketing .box ul.items li.sms i { width:61px; background:url(../images/words.png) no-repeat -366px -628px; } .marketing .box ul.items li.pay i { width:56px; background:url(../images/words.png) no-repeat -438px -639px; } .marketing .box ul.items li.bbs i { width:51px; background:url(../images/words.png) no-repeat -144px -705px; } .marketing .box ul.items li u { display:block; position:absolute; width: 198px; height:128px; background:url(../images/words.png) no-repeat 0px -624px; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; } .marketing .box ul.items li u.cl { clip:rect(0px,128px,-10px,64px); } .marketing .box ul.items li:hover u.cl { clip:rect(0px,128px,128px,64px); } .marketing .box ul.items li u.cr { clip:rect(128px,64px,128px,0px); } .marketing .box ul.items li:hover u.cr { clip:rect(0px,64px,128px,0px); } .marketing .box ul.items li strong { display:block; margin:200px 0px 10px 0px; font-size:16px; text-align:center; -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; } .marketing.active .box ul.items li strong { margin-top:50px; } .marketing .box ul.items li p { line-height:20px; text-align:center; } .marketing .shade { display:none; position:absolute; top:0px; width:100%; background:White; -moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); } section.aboutus { position: relative; background-color:black; background-size: cover; } .aboutus ul.menu { position:absolute; list-style:none; top:150px; left:50px; width:80px; padding:0px; } .aboutus ul.menu li { position:relative; color:#888; font-size:16px; text-align:center; padding:10px 0px; cursor:pointer; z-index:30; -webkit-transition:all .0s ease-in-out .2s; -moz-transition:all .0s ease-in-out .2s; -ms-transition:all .0s ease-in-out .2s; -o-transition:all .0s ease-in-out .2s; transition:all .0s ease-in-out .2s; } .aboutus ul.menu li.active { color:White; } .aboutus ul.menu li.bg.all { position:absolute; padding:0px; top:0px; left:0px; width:80px !important; height:126px !important; background:#2fd0b5; -moz-opacity:0.15; opacity:0.15; filter:alpha(opacity=15); z-index:10; } .aboutus ul.menu li.bg.one { position:absolute; top:0px; left:0px; width:80px; background:#2fd0b5; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:20; } .aboutus .items { position:absolute; left:-480px; width:480px; height:240px; -moz-opacity:0; opacity:0; -webkit-transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; transition:all .8s ease-in-out 0s; } .aboutus.active .items { left: 55%; -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:#ffffff; 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:#ffffff; 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 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:#ffffff; font-family:Arial; font-size:26px; text-decoration:none; } .aboutus .expBg { position:absolute; bottom:-80px; width:100%; height:70px; background:White; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); -webkit-transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; z-index:10; } .aboutus.active .expBg { bottom:0px; } .aboutus .shade { position:absolute; width:100%; height:100%; background:Black; -moz-opacity:0.5; opacity:0.5; -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; -ms-transition:all 1s ease-in-out 0s; -o-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s; z-index:5; } .aboutus.active .shade { -moz-opacity:0; opacity:0; z-index:-1; } section.contact { position:relative; background:url(../images/wp8.jpg) 50% bottom; -moz-background-size:cover; background-size:cover; } .contact .box { position:relative; margin:0 auto; width:810px; height:330px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .contact .box .above { position:relative; top:-300px; width:100%; height:200px; -moz-opacity:0; opacity:0; -webkit-transition:all .6s ease-in-out 0s; -moz-transition:all .6s ease-in-out 0s; -ms-transition:all .6s ease-in-out 0s; -o-transition:all .6s ease-in-out 0s; transition:all .6s ease-in-out 0s; } .contact.active .box .above { top:0px; -moz-opacity:1; opacity:1; } .contact .box .above .wechat { float:left; } .contact .box .above .left { float:left; margin:-32px 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;8*/ } .contact .box .above .left p { margin-top: 18px; 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:424px; height:86px; background:url(../images/words.png) no-repeat 0px -770px; -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: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:#ffffff; font-size:16px; text-align:center; text-decoration:none; border:1px solid #ffffff; -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; } @media (max-width:1300px) { header .logo { top: 12px; left: 12px; width: 280px; } header nav.menu { margin-left:-40px; } header.fixed nav.menu { margin-left:-55px; } header nav.menu ul li { margin:0 8px; } header .hotline { right: 150px; } header.fixed .hotline { right:170px; } header .hotline u { right: 150px; } header.fixed .hotline u { right:180px; } }@media (max-width:1279px) { /*修改*/ header .logo { top: 2px; left: 5px; width: 350px; } header .logo img.ori { display:none; } header nav.menu,header.fixed nav.menu { margin-left:360px; text-align: left; } header .logo img.mini { display:inline-block; } } @media (max-width:1170px) { /*增加*/ header .hotline,header.fixed .hotline { /*right:285px;*/ display:none; } header .menu-icon { display:block; top:18px; right:30px; } }@media (max-width:1080px) { /*修改*/ header .hotline,header.fixed .hotline { /*right:285px;*/ display:none; } /*header.fixed .hotline { right:255px; } header .hotline u { right:300px; } header.fixed .hotline u { right:265px; }*/ header .logo,header.fixed .logo { top: 2px; left:5px; width: 350px; } header .menu-icon { display:block; top:18px; right:35px; } header nav.menu { position:fixed; width:90px; top:70px; right:-150px; margin:0px; padding-top:15px; border:1px solid #000; /*border-top:1px solid #ffffff;*/ border-right:none; background:#3a3a3a; } header.fixed nav.menu { top:70px; margin:0px; } header nav.menu.active { display:block; margin:0px; right:0px; } header nav.menu ul li,header.fixed nav.menu ul li { display: block; margin:0px; margin-left:0px; width:90px; 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: 2px; left:5px; width: 350px; } header .menu-icon,header.fixed .menu-icon { top:18px; right:35px; } header nav.menu,header.fixed nav.menu { width:90px; top:70px; padding-top:15px; border: 1px solid #000000; } header nav.menu ul,header.fixed nav.menu ul{ width:85px; } header nav.menu ul li,header.fixed nav.menu ul li { margin-left:5px; width:85px; padding:5px 0px; font-size:12px; } header .hotline,header.fixed .hotline { display: none; } header .hotline span { font-size:20px; } header .hotline u,header.fixed .hotline u { top:24px; right:223px; /* width:15px; */ height:21px; /* background:url(../images/icons.png) no-repeat 0px -34px; */ } }@media (max-width:460px) { /*修改*/ header { height:55px; } header.fixed { height:55px; } header .logo,header.fixed .logo { top: 5px; left: 2px; width:238px; } header>img,header>img{ height: 40px; width: 100%; } header .menu-icon,header.fixed .menu-icon { top:13px; } header .menu-icon span.glyphicon-user { display:inline; } header nav.menu,header.fixed nav.menu { top:55px; border: 1px solid #000000; padding:15px 0px; } header nav.menu ul li,header.fixed nav.menu ul li { padding:10px 0px; } header nav.menu ul li,header.fixed nav.menu ul li { margin-left:5px; width:85px; padding:10px 0px; font-size:12px; } header .hotline,header.fixed .hotline { display:none; } header .bg ,header.fixed .bg { height:55px; } }@media (max-height:310px) { header,header.fixed { display:none; height:0px; } }@media (max-width:1280px) and (max-height:800px) { div.welcome { background:url(../images/welcome_h800.jpg) 30% 80%; } }@media (max-width:960px) and (max-height:600px) { div.welcome { background:url(../images/welcome_h600.jpg) 30% 80%; } }@media (max-width:800px),(max-height:480px) { div.welcome p { width:213px; padding-top:190px; top:50%; left:50%; margin-top:-110px; margin-left:-70px; background:url(../images/welcome_words_mini.png) no-repeat; } }@media (max-height:260px) { div.welcome p { height:150px; padding:0px; margin-top:-65px; } div.welcome p u { display:none; } }/*@media (max-width:1280px) and (max-height:800px) { .video .swiper-container .nth1 { background:url(../images/wp1_1_h800.jpg) 50% 35%; }*/ /*@media (orientation:portrait) and (max-height:1960px) { .video .swiper-container .nth1 { background:url(../Images/wp1_1_h1280.jpg) 50% 35%; } .video .swiper-container .nth1 .box .left { width: 0; } .video .swiper-container .nth1 .box .right { margin: 0 auto; padding: 0; width:100%; text-align:center; position: relative; } }*/ @media (orientation:portrait) and (max-height:1960px),(max-width:480px) and (max-height:800px) { /*修改增加*/ .video .swiper-container .nth1 { background:url(../Images/wp1_1_h1280.jpg) 50% 35%; } .video .swiper-container .nth1 .box .left { width: 0; } .video .swiper-container .nth1 .box .right { margin: 0 auto; padding: 0; width:100%; text-align:center; position: relative; } }@media (max-width:960px) and (max-height:600px) { .video .swiper-container .nth1 { background:url(../images/wp1_1_h600.jpg) 50% 35%; } }@media (max-height:750px) { .video .swiper-container .nth1 .line { display:none; } }@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:0; height:0; left:-250px; // background:url(../images/words_1.png) ; } .video .swiper-container .nth1 .box .right { margin-top:8px; right:-300px; } .video .swiper-container .nth1 .box .right span { font-size:24px; } .video .swiper-container .nth1 .box .right i { width:203px; height:40px; margin:3px 0px 5px 0px; background:url(../images/words_mini.png) no-repeat; } .video .swiper-container .nth1 .box .right p { font-size:12px; font-family:"宋体"; line-height:20px; } } @media (max-width:1280px) and (max-height:800px) { .video .swiper-container .nth2 { background:url(../images/wp1_2_h800.jpg) 50% 20%; } }@media (max-width:960px) and (max-height:600px) { .video .swiper-container .nth2 { background:url(../images/wp1_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:105px; height:122px; margin-top:8px; margin-bottom:5px; background:url(../images/words_2.png) ;*/ } .video .swiper-container .nth2 .box p { font-size:12px; font-family:"宋体"; line-height:20px; } }@media (max-width:1280px) and (max-height:800px) { .video .swiper-container .nth3 { background:url(../images/wp1_3_h800.jpg) 50% center; } }@media (max-width:960px) and (max-height:600px) { .video .swiper-container .nth3 { background:url(../images/wp1_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:105px; height:120px; margin-top:10px; background:url(../images/words3.png) ;*/ } .video .swiper-container .nth3 .box .bottom { font-size:12px; font-family:"宋体"; line-height:20px; } }@media (max-width:1280px) and (max-height:800px) { .video .swiper-container .nth4 { background:url(../images/wp1_4_h800.jpg) 50% top; } }@media (max-width:960px) and (max-height:600px) { .video .swiper-container .nth4 { background:url(../images/wp1_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:105px; height:122px; background:url(../images/words_4.png);*/ } .video .swiper-container .nth4 .box .bottom { font-size:18px; font-family:"宋体"; line-height:30px; } }@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: -150px; } }@media (min-width:1151px) and (max-height:630px) { .business .box { margin-top:95px; } }@media (max-width:1150px) { .business .box ul.items { margin-top:40px; } .business .box ul.items li { width:170px; height: 120px; 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: 120px; } }@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; background: none; } .business .box ul.items li i { margin-top:0px; } .business .box ul.items li.pc i { width:46px; height:35px; background:url(../images/words_mini.png) no-repeat -145px -217px; } .business .box ul.items li.mobi i { width:46px; height:39px; background:url(../images/words_mini.png) no-repeat -245px -176px; } .business .box ul.items li.sys i { width:46px; height:35px; background:url(../images/words_mini.png) no-repeat -249px -220px; } .business .box ul.items li.app i { width:46px; height:41px; background:url(../images/words_mini.png) no-repeat -146px -264px; } .business .box ul.items li.host i { width:47px; height:38px; background:url(../images/words_mini.png) no-repeat -253px -266px; } .business .box ul.items li p { display:none; } .business .box ul.items li.pc strong { /*! margin-left:15px; */ position: relative; float: left; /*! width: 200px; */ padding: 0px 0 0px 60px; background: url(../images/gsjj.png) no-repeat 20px 0px; z-index: 20; font-size: 19px; background-size: contain; } .business .box ul.items li.mobi strong { /*! margin-left:15px; */ position: relative; float: left; /*! width: 200px; */ padding: 0px 0 0px 60px; background: url(../images/zzjg.png) no-repeat 20px 0px; z-index: 20; font-size: 19px; background-size: contain; } .business .box ul.items li.app strong{ /*! margin-left:15px; */ position: relative; float: left; /*! width: 200px; */ padding: 0px 0 0px 60px; background: url(../images/gszz.png) no-repeat 20px 0px; z-index: 20; font-size: 19px; background-size: contain; } .business .box ul.items li.host strong { /*! margin-left:15px; */ position: relative; float: left; /*! width: 200px; */ padding: 0px 0 0px 60px; background: url(../images/ywfw.png) no-repeat 20px 0px; z-index: 20; font-size: 19px; background-size: contain; } .business .box ul.items li.mobi strong { /*! margin-left:15px; */ position: relative; float: left; /*! width: 200px; */ padding: 0px 0 0px 60px; background: url(../images/cpyc.png) no-repeat 20px 0px; z-index: 20; font-size: 19px; background-size: contain; } .business .box ul.items li.pc:hover i { background:url(../images/words_mini.png) no-repeat -100px -217px; } .business .box ul.items li.mobi:hover i { background:url(../images/words_mini.png) no-repeat -201px -176px; } .business .box ul.items li.sys:hover i { background:url(../images/words_mini.png) no-repeat -196px -220px; } .business .box ul.items li.app:hover i { background:url(../images/words_mini.png) no-repeat -100px -264px; } .business .box ul.items li.host:hover i { background:url(../images/words_mini.png) no-repeat -201px -266px; } }@media (max-width:929px) and (max-height:460px) { .business .box ul.items { margin-top:15px; } .business .box ul.items li { margin:5px 10px 0px 10px; } }@media (max-width:929px) and (max-height:420px) { .business .box ul.items { margin-top:30px; } .business .box { margin-top:0px; } }@media (max-width:929px) and (max-height:720px) { .business .box label { display:none; } }@media (max-width:929px) and (max-height:660px) { .business .box .caption i { display:none; } .business .box ul.items { margin-top:30px; } }@media (max-width:929px) and (max-height:550px) { .business .box ul.items { margin-top:20px; } .business .box ul.items li { margin:5px 10px 0px 10px; } }@media (max-width:929px) and (max-height:460px) { .business .box { margin-top:0px; } }@media (max-width:929px) and (max-height:320px) { .business .box ul.items { margin-top:15px; } }@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px) { .business .box ul.items { margin-top:40px; } .business .box ul.items li { width:120px; height:40px; margin:0px 10px 15px 10px; padding:0px; background:none; } .business .box ul.items li strong { position:relative; margin:0px; width:100%; height:40px; font-size:14px; line-height:40px; text-align:center; z-index:10; } .business .box ul.items li:hover strong { color:#333; } .business .box ul.items li i { position:absolute; display:block !important; width:120px !important; height:40px !important; background:White !important; border:1px solid #bbb; -moz-opacity:0.5; opacity:0.5; } }@media (max-width:929px) and (max-height:260px) { .business .box { margin-top:8px; } .business .box ul.items { margin-top:18px; } }@media (max-width:425px) and (max-height:880px) { .business .box .caption i { display:block; } .business .box label { display:none; } }@media (max-width:425px) and (max-height:770px) { .business .box .caption i { display:none; } .business .box ul.items { margin-top:0px; margin-left: 60px; } }@media (max-width:425px) and (max-height:670px) { .business .box { margin-top:0px; } }@media (max-width:425px) and (max-height:500px) { .business .box ul.items { margin-top:40px; } }@media (max-width:390px) { .business .box .caption i { display:none; } }@media (min-width:1921px),(min-height:921px) { section.cases { -moz-background-size:cover; background-size:cover; } }@media (max-width:1280px) and (max-height:800px) { section.cases { background:url(../images/wp3_h800.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } }@media (max-width:960px) and (max-height:600px) { section.cases { background:url(../images/wp3_h600.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } }@media (min-width:1151px) and (max-height:700px) { .cases .box .swiper-container.items { margin-top:40px; } .cases .box .caption i { display:none; } }@media (min-width:1151px) and (max-height:620px) { .cases .box .swiper-container.items .swiper-slide { border:none; } .cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .bg { display:none; } }@media (max-width:1150px) { .cases .box .swiper-container.items { width:840px; } .cases .box .swiper-container.items .swiper-slide { width:260px; } .cases .box .swiper-container.items .swiper-slide img { width:260px; height:153px; } .cases .box .swiper-container.items .swiper-slide .shade { /* width:260px; */ /* height:153px; */ } .cases .box .swiper-container.items .swiper-slide .shade u { margin-top:54px; } .cases .box .swiper-container.items .swiper-slide p strong { font-size:14px; } .cases .box .swiper-container.items .swiper-slide .bg { /* width:260px; */ /* height:100px; */ } .cases .box .swiper-container.items .swiper-slide .bg u { /* width:260px; */ /* height:100px; */ } }@media (max-width:1150px) and (max-height:660px) { .cases .box .swiper-container.items { margin-top:40px; } .cases .box .caption i { display:none; } }@media (max-width:1150px) and (max-height:580px) { .cases .box .swiper-container.items .swiper-slide { border:none; } .cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .bg { display:none; } }@media (max-width:1150px) and (max-height:480px) { .cases .box .swiper-container.items .swiper-slide { border:none; } .cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .bg { display:none; } }@media (orientation:landscape) and (max-width:900px) { .cases .box .swiper-container.items { display:none; } .cases .box .swiper-container.xs { display:block; margin:0 auto; margin-top:40px; width:90%; } .cases .box .swiper-container.xs .swiper-slide { width:31.33%; margin:0 1%; } .cases .box .xs .swiper-slide p,.cases .xs .swiper-slide .bg { display:none; background:none; } }@media (orientation:landscape) and (max-width:900px) and (max-height:450px) { .cases .box .swiper-container.xs { margin-top:15px; } .cases .box a.more { margin-top:18px; width:66px; padding:3px 0px; font-size:16px; } }@media (orientation:portrait) and (max-width:900px) { .cases .box .swiper-container.items { display:none; } .cases .box .swiper-container.mini { display:block; width:340px; margin-top:60px; } .cases .box .swiper-container.mini .swiper-wrapper { height:300px !important; } .cases .box .swiper-container.mini .swiper-slide { width:340px; height:300px !important; border-bottom:2px solid #2fd0b5; cursor:pointer; } .cases .box .swiper-container.mini .swiper-slide img { width:340px; height:200px; } .cases .box .swiper-container.mini .swiper-slide p { position:absolute; margin:10px 20px; color:#999; font-family: "宋体"; font-size:12px; line-height:26px; z-index:10; } .cases .box .swiper-container.mini .swiper-slide p strong { color: #222; font-family: "黑体"; font-size: 16px; font-weight: normal; } .cases .box .swiper-container.mini .swiper-slide .bg { width:340px; height:100px; background-color:#fff; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); } .cases .box a.prev,.cases .box a.next { display:block; position:absolute; top:-300px; width:16px; height:30px; cursor:pointer; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:100; } .cases .box a.prev { left:30px; /*! background:url(../images/icons.png) no-repeat 0px -219px; */ } .cases .box a.next { right:30px; /*! background:url(../images/icons.png) no-repeat -25px -219px; */ } }@media (orientation:portrait) and (max-width:900px) and (max-height:700px) { .cases .box .swiper-container.mini { margin-top:40px; } .cases .box .caption i { display:none; } }@media (orientation:portrait) and (max-width:500px) { .cases .box .caption i { display:block; } .cases .box .swiper-container.mini { width:260px; margin-top: 40px; } .cases .box .swiper-container.mini .swiper-wrapper { height:253px !important; } .cases .box .swiper-container.mini .swiper-slide { width:260px; height:253px !important; border:none } .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; background:none; } .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:-100px; } .cases .box a.more { display:block; position:static; margin:0 auto; margin-top:30px; width:66px; font-size:16px; padding:3px 0px; } }@media (orientation:portrait) and (max-width:370px) { .cases .box a.prev,.cases .box a.next { margin-top:175px; } .cases .box a.prev { left:40px; } .cases .box a.next { right:40px; } }@media (orientation:portrait) and (max-width:370px) and (max-height:500px) { .cases .box .swiper-container.mini .swiper-wrapper { height:153px !important; } .cases .box .swiper-container.mini .swiper-slide { height:153px !important; border:none; } .cases .box .mini .swiper-slide p,.cases .box .mini .swiper-slide .bg { display:none; } .cases .box a.prev,.cases .box a.next { margin-top:73px; } }@media (min-width:1921px),(min-height:1201px) { section.clients { -moz-background-size:cover; background-size:cover; } }@media (max-width:1280px) and (max-height:800px) { section.clients { background:url(../images/wp4_h800.jpg) 50% 90%; } }@media (max-width:960px) and (max-height:600px) { section.clients { background:url(../images/wp4_h600.jpg) 50% 90%; } }@media (max-width:1150px) { .clients .box ul.items { width:924px; } .clients .box ul.items li.bg.all { width:924px; } }@media (max-width:920px) { .clients .box ul.items { width:693px; } .clients .box ul.items li.bg.all { width:693px; } }@media (max-width:690px) { .clients .box ul.items { width:462px; } .clients .box ul.items li.bg.all { width:462px; } }@media (min-width:471px) and (max-height:720px) { .clients .box ul.items { height:300px; } .clients .box ul.items li.bg.all { height:300px; } }@media (min-width:471px) and (max-height:580px) { .clients .box ul.items { height:150px; } .clients .box ul.items li.bg.all { height:150px; } }@media (min-width:471px) and (max-height:450px) { .clients .box .swiper-container.items { margin-top:40px; } .clients .box .caption i { display:none; } }@media (min-height:920px) { .clients .box { margin-top:-80px; } }@media (max-width:690px) and (max-height:380px),(max-width:620px) and (max-height:480px),(max-width:470px) { .clients .box ul.items { display:none; } .clients .box ul.mini { display:block; position:relative; margin:0 auto; margin-top:30px; width:500px; height:550px; overflow:hidden; } .clients .box ul.mini li.kongge { position:relative; float:left; width:200px; height: 10px; } .clients .box ul.mini li.cctv { position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-top: 0px; margin-left: 99px; background:url(../images/中国矛_.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } .clients .box ul.mini li.unicom{ position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-left: 99px; background:url(../images/中国xa.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } .clients .box ul.mini li.tsinghua{ position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-left: 99px; background:url(../images/中国ha.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } .clients .box ul.mini li.cas{ position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-left: 99px; background:url(../images/华集团.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } .clients .box ul.mini li.sipo{ position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-left: 99px; background:url(../images/中国中化.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } .clients .box ul.mini li.apple{ position:relative; float:left; width:200px; height: 50px; padding:0px 0 8px 70px; margin-left: 99px; background:url(../images/中国大唐.png) no-repeat 0px 0px; background-size: contain; z-index:20; font-size: 30px; } } .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:430px; margin-top: 0px; } .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; margin-left: 150px; } .clients .box .caption i { display:none; } }@media (max-width:690px) and (max-height:430px) { .clients .box ul.mini { height:150px; } .clients .box ul.mini li.bg.all { height:150px; } }@media (max-width:690px) and (max-height:420px) { .clients .box ul.mini { height:110px; } .clients .box ul.mini li.bg.all { height:110px; } }@media (max-width:690px) and (max-height:300px) { .clients .box ul.mini { margin-top:5px; } }@media (max-width:400px) { .clients .box .caption i { display:none; } }@media (min-width:1921px),(min-height:1201px) { section.quality { -moz-background-size:cover; background-size:cover; } }@media (max-width:1280px) and (max-height:800px) { section.quality { background:url(../images/wp5_h800.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } }@media (max-width:960px) and (max-height:600px) { section.quality { background:url(../images/wp5_h600.jpg);background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; } }@media (max-width:960px) { .quality .box .items { display:none; } .quality .box .mini { display:block; margin:0 auto; margin-top:120px; width:240px; height:240px; overflow:hidden; } .quality .box .mini .swiper-slide { margin:0px; } .quality .box a.prev,.quality .box a.next { display:block; position:absolute; top:-300px; width:16px; height:30px; cursor:pointer; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:100; } .quality .box a.prev { left:30px; background:url(../images/icons.png) no-repeat 0px -219px; } .quality .box a.next { right:30px; background:url(../images/icons.png) no-repeat -25px -219px; } }@media (max-height:730px) { .quality .box .items,.quality .box .mini { margin-top:80px; } }@media (max-height:599px) { .quality .box a.lookall { display:none; } }@media (max-height:530px) { .quality .box .items,.quality .box .mini { margin-top:60px; } .quality .box .caption i { display:none; } }@media (max-height:420px) { .quality .box .items,.quality .box .mini { height: 140px; margin-top:40px; } .quality .box a.prev,.quality .box a.next { margin-top:-40px; } }@media (max-height:360px) { .quality .box .items,.quality .box .mini { height:110px; margin-top:20px; } .quality .box .swiper-slide ul { margin-bottom:10px; } .quality .box a.prev,.quality .box a.next { margin-top:-80px; } }@media (min-width:1921px),(min-height:1201px) { section.marketing { -moz-background-size:cover; background-size:cover; } }@media (max-width:1280px) and (max-height:800px) { section.marketing { background:url(../images/wp6_h800.jpg) 50% 45%; } }@media (max-width:960px) and (max-height:600px) { section.marketing { background:url(../images/wp6_h600.jpg) 50% 45%; } }@media (max-width:1100px) { .marketing .box ul.items li { margin:0 10px; } }@media (min-width:1001px) and (min-height:951px) { .marketing .box { margin-top:-170px; } }@media (min-width:1001px) and (max-height:950px) { .marketing .box { margin-top:-130px; } }@media (min-width:1001px) and (max-height:850px) { .marketing .box { margin-top:-90px; } }@media (min-width:1001px) and (max-height:750px) { .marketing .box { margin-top:-60px; } }@media (min-width:1001px) and (max-height:700px) { .marketing .box .caption i { display:none; } }@media (min-width:1001px) and (max-height:650px) { .marketing .box { margin-top:0px; } }@media (max-width:1000px) { .marketing .box { margin:0px; } .marketing .box ul.items { width:550px !important; } .marketing .box ul.items li { height:190px; margin:0 20px; } .marketing .box ul.items li u { display:none; } .marketing.active .box ul.items li strong { margin-top:20px; } .marketing .shade { display:block; } }@media (max-width:1000px) and (min-height:920px) { .marketing .box { margin-top:-100px; } }@media (max-width:1000px) and (max-height:700px) { .marketing .box ul.items li { height:140px; } }@media (max-width:1000px) and (max-height:580px) { .marketing .box .caption i { display:none; } .marketing .box ul.items { margin-top:10px; } }@media (max-width:1000px) and (max-height:470px),(max-width:600px) { .marketing .box ul.items { margin-top:30px; width:600px !important; } .marketing .box ul.items li { width:160px; height:43px; margin:30px 0 0 25px; } .marketing .box ul.items li i { float:left; margin-top:0px; height:43px; } .marketing .box ul.items li.se i { width:33px; margin:0 6px; background:url(../images/words_mini.png) no-repeat -86px -380px; } .marketing .box ul.items li.weixin i { width:45px; background:url(../images/words_mini.png) no-repeat -124px -377px; } .marketing .box ul.items li.weibo i { width:42px; margin:0 1px 0 2px; background:url(../images/words_mini.png) no-repeat -172px -377px; } .marketing .box ul.items li.sms i { width:38px; margin:0 3px 0 4px; background:url(../images/words_mini.png) no-repeat -219px -374px; } .marketing .box ul.items li.pay i { width:34px; margin:0 5px 0 6px; background:url(../images/words_mini.png) no-repeat -263px -382px; } .marketing .box ul.items li.bbs i { width:31px; margin:0 7px; background:url(../images/words_mini.png) no-repeat -86px -422px; } .marketing .box ul.items li strong,.marketing.active .box ul.items li strong { float:left; margin:0px; padding-left:15px; line-height:43px; } .marketing .box ul.items li p { display:none; } }@media (max-width:1000px) and (max-height:430px) { .marketing .box ul.items { margin-top:20px; } .marketing .box ul.items li { margin-top:20px; } }@media (max-width:600px) { .marketing .box ul.items { margin-top:50px; width:395px !important; } }@media (max-width:600px) and (min-height:750px) { .marketing .box { margin-top:-70px; } }@media (max-width:600px) and (max-height:520px) { .marketing .box ul.items { margin-top:20px; } .marketing .box ul.items li { margin-top:15px; } }@media (max-width:450px) { .marketing .box { margin-top:0px; } .marketing .box ul.items { margin-top:20px; width:220px !important; } }@media (max-width:450px) and (max-height:730px) { .marketing .box ul.items { margin-top:30px; } .marketing .box ul.items li { margin-top:15px; } }@media (max-width:450px) and (max-height:650px) { .marketing .box .caption i { display:none; } .marketing .box ul.items { margin-top:20px; } }@media (max-width:600px) and (max-height:380px),(max-width:450px) and (max-height:550px) { .marketing .box ul.items { width:222px !important; } .marketing .box ul.items li { position:relative; width:102px; margin:0 3px; padding:0px; text-align:center; } .marketing .box ul.items li strong,.marketing.active .box ul.items li strong { display:block; position:absolute; float:none; padding:0px; margin:0 auto; width:100px; font-size:14px; font-weight:normal; line-height:36px; border:1px solid #eee; } .marketing .box ul.items li i { position:absolute; width:130px !important; height:36px !important; margin:0 !important; padding:1px 0 0 1px !important; background:White !important; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); } }@media (orientation:landscape) and (max-height:230px) { .marketing .box ul.items { width:334px !important; } }@media (max-width:1280px) and (max-height:800px) { section.aboutus { /*background:url(../images/wp7_h800.jpg) 66% 60%;*/ } }@media (max-width:960px) and (max-height:600px) { section.aboutus { /*! background:url(../images/wp7_h600.jpg) 50% 60%; */ } }@media (max-width:1200px) { .aboutus table.exp td:nth-child(2) { display:none; } .aboutus table.exp td { width:25%; } }@media (max-width:1100px) { .aboutus .items { left:auto; right:-480px; } .aboutus.active .items { left:auto; right:70px; } }@media (max-width:900px) { .aboutus table.exp td:last-child { display:none; } .aboutus table.exp td { width:33.333333%; } }@media (max-width:780px) { .aboutus.active .items { left:auto; right:30px; } }@media (max-width:780px) and (max-height:500px) { .aboutus ul.menu { top:100px; } }@media (max-width:780px) and (max-height:400px) { .aboutus .items { height:220px; } .aboutus .items .swiper-slide.nth1 strong { font-size:30px; } .aboutus .items .swiper-slide.nth1 p { margin-top:15px; } .aboutus .items .swiper-slide.nth1 u { margin-top:15px; font-size:22px; } .aboutus .items .swiper-slide.nth2 p { margin-top:12px; line-height:32px; } .aboutus .items .swiper-slide.nth3 strong { margin-bottom:15px; } }@media (max-width:780px) and (max-height:340px) { .aboutus .items { height:190px; } .aboutus.active .items { right:-50px; } .aboutus .items .swiper-slide.nth1 strong { font-size:26px; } .aboutus .items .swiper-slide.nth1 u { margin-top:0px; font-size:14px; } .aboutus .items .swiper-slide.nth2 p:last-child { display:none; } .aboutus .items .swiper-slide.nth2 p { display:block; width:350px; line-height:35px; } .aboutus .items .swiper-slide.nth3 ul li:last-child { display:none; } }@media (max-width:780px) and (max-height:310px) { .aboutus ul.menu { top:40px; } .aboutus .items { height:140px; } .aboutus.active .items { right:-100px; } .aboutus .items .swiper-slide.nth1 strong { font-size:22px; } .aboutus .items .swiper-slide.nth1 p { font-family:"宋体"; font-size:12px; line-height:25px; } .aboutus .items .swiper-slide.nth1 u { margin-top:-6px; font-family:"宋体"; font-size:12px; } .aboutus .items .swiper-slide.nth2 p { width:330px; font-family:"宋体"; font-size:12px; line-height:25px; } .aboutus .items .swiper-slide.nth3 ul li { font-family:"宋体"; font-size:12px; line-height:25px; background-position:0px 7px; } }@media (max-width:550px) { .aboutus ul.menu { top:90px; left:auto; right:30px; width:180px; } .aboutus ul.menu li { float:left; width:60px; padding:6px 0px; } .aboutus ul.menu li.bg.all { left:auto; margin:0px; width:180px !important; height:34px !important; } .aboutus ul.menu li.bg.one { width:60px; } .aboutus .items,.aboutus.active .items { left:30px; right:auto; } }@media (max-width:550px) and (max-height:310px) { .aboutus ul.menu { top:25px; } }@media (orientation:portrait) and (max-width:700px) { .aboutus ul.menu { top:120px; left:50%; width:80px; margin-left:-120px; width:240px; } .aboutus ul.menu li { float:left; width:80px !important; padding:10px 0px; } .aboutus ul.menu li.bg.all { left:50%; margin-left:-120px; width:240px !important; height:42px !important; } .aboutus .items,.aboutus.active .items { left:50%; margin-left:-240px; height:280px; } .aboutus .items .swiper-slide.nth1 strong { font-size:32px; text-align:center; } .aboutus .items .swiper-slide.nth1 p { display:block; width:230px; margin:0 auto; margin-top:30px; } .aboutus .items .swiper-slide.nth1 u { font-size:14px; width:230px; margin:0 auto; margin-top:6px; } .aboutus .items .swiper-slide.nth2 strong { text-align:center; margin-left:-20px; } .aboutus .items .swiper-slide.nth2 p { display:block; width:240px; margin:0 auto; margin-top:20px; } .aboutus .items .swiper-slide.nth3 strong { text-align:center; margin-left:10px; } .aboutus .items .swiper-slide.nth3 ul { width:240px; margin:0 auto; } .aboutus .items .swiper-slide.nth3 ul li { line-height:32px; } .aboutus .items .swiper-slide.nth3 ul li:last-child { display:none; } }@media (orientation:portrait) and (max-width:700px) and (max-height:660px) { .aboutus ul.menu { top:100px; } .aboutus .items,.aboutus.active .items { margin-top:20px; } }@media (orientation:portrait) and (max-width:700px) and (max-height:500px) { .aboutus ul.menu { top:90px; } .aboutus .items,.aboutus.active .items { margin-top:60px; height:260px; } .aboutus .items .swiper-slide.nth1 p { margin-top:15px; } .aboutus .items .swiper-slide.nth3 ul li { line-height:30px; } }@media (orientation:portrait) and (max-width:700px) and (max-height:470px) { .aboutus ul.menu { top:80px; } .aboutus .items .swiper-slide.nth1 strong { font-size:24px; } .aboutus .items .swiper-slide.nth1 p { margin-top:10px; line-height:27px; } .aboutus .items .swiper-slide.nth1 u { margin-top:4px; } .aboutus .items .swiper-slide.nth2 p { margin-top:10px; line-height:28px; } .aboutus .items .swiper-slide.nth2 p:last-child { display:none; } .aboutus .items .swiper-slide.nth3 strong { margin-bottom:8px; } .aboutus .items .swiper-slide.nth3 ul li { line-height:25px; } }@media (max-width:680px),(max-height:470px) { .aboutus table.exp,.aboutus .expBg { display:none; height:0px; } }@media (max-width:1280px) and (max-height:800px) { section.contact { background:url(../images/wp8_h800.jpg) 50% bottom; } }@media (max-width:960px) and (max-height:600px) { section.contact { background:url(../images/wp8_h600.jpg) 50% 10%; } }@media (max-width:950px) { .contact .box { width:470px; } .contact .box .above .left { float:right; margin-left:0px; } .contact .box .above .right { display:none; } }@media (orientation:landscape) and (max-height:520px) { .contact .box { height:150px; } .contact .box .below { display:none; } }@media (orientation:landscape) and (max-height:480px) and (max-width:570px) { .contact .box { width:380px; height:140px; } .contact .box .above .wechat { margin-top:5px; width:100px; } .contact .box .above .left p { margin-top:0px; } }@media (orientation:portrait) and (max-width:550px) { .contact .box { width:430px; height:490px; } .contact .box .above .wechat { position:absolute; float:none; margin:0px; top: 230px; 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:355px),(max-height:210px) { body { display:none; } html { background:url(../images/displayNone.png) no-repeat 50% top; background-color:#333a32; } }.clear { clear:both; } #BDBridgeWrap { display:none; }
<var id="l9jtx"><video id="l9jtx"><menuitem id="l9jtx"></menuitem></video></var>
<var id="l9jtx"><span id="l9jtx"><menuitem id="l9jtx"></menuitem></span></var>
<var id="l9jtx"><strike id="l9jtx"></strike></var>
<var id="l9jtx"></var>
<var id="l9jtx"></var>
{ؼ}