/*banner*/ img{border: 0px;} /*.slides{width:100%;height:700px;position:relative;overflow:hidden;} .slideInner{height:700px;position:relative;left:0;margin-left:0;} .slideInner a{display:block;height:700px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;text-decoration: none;} .slideInner a{width: 100%!important;} .slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px;font-size: 150px;color:#f39800;} .slideInner a div.img2{width:1070px;position:absolute;top:507px;left:50%;margin-left:-535px;color: #fff;font-size: 20px;} .slideInner .slide3 .img2{top:200px;margin-top: -40px;} .slideInner .slide3 .img3{width:940px;height:286px;position:absolute;left:26%;top:430px;font-size: 40px;color: #fff;letter-spacing:15px;} .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;font-family:tubiao;font-size:70px;color: #fff;text-decoration: none;font-weight: lighter;} .nav a.prev{position:absolute;left:100px;top:-350px;margin-top:-58px;opacity: 1; outline:0px;} .nav a.next{position:absolute;right:130px;top:-350px;margin-top:-58px;opacity: 1;outline:0px;} .nav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;} .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;} .nav{width: 100%;margin: 0 auto;left: 0px;} .slideInner .img1{font-size: 150px;color:#f39800;margin-top: 30px;} .slideInner .biaoti{font-size: 40px;margin-top:120px;color: #fff;text-decoration: none;}*/ .slides{width:100%;height:700px;position:relative;overflow:hidden;border-top: 1px solid #FF9797;} .slideInner{height:700px;position:relative;left:0;margin-left:0;} .slideInner a{display:block;height:700px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;} .slideInner a div.img1{width:1070px;position:absolute;left:50%; top: 145px; margin-left:-535px;} .slideInner a div.img2{width:1070px;position:absolute;top:499px;left:50%;margin-left:-535px;} .slideInner a div.img3{width:1070px;position:absolute;top:245px;left:50%;margin-left:-535px;} .slideInner a div.img4{width:1070px;position:absolute;top:374px;left:50%;margin-left:-535px;} .slideInner a div.img5{width:1070px;position:absolute;top:280px;left:50%;margin-left:-535px;} .slideInner a div.img0{width:1070px;position:absolute;top:100px;left:50%;margin-left:-335px;} .slideInner .slide3 .img2{top:200px;} .slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;} .nav2{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;} .nav2 a{display:block;width:30px;height:55px;opacity:.2;z-index:9;} .nav2 a.prev{position:absolute;left:0;top:-380px;background:url(../img/ban_pre.png) no-repeat;} .nav2 a.next{position:absolute;right:0;top:-380px;background:url(../img/ban_next.png) no-repeat;} .navListBox{position:absolute;left:50%;top:675px;z-index:99; display: none;} .navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;} .navListBox li:first-child{margin-left:0;} .navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;} .navListBox li a.active{background-color:#55ddff;} .titsize {font-size:20px;} /*鼠标*/ @keyframes shubiao { 0%{ transform:translate(0,-5px); } 100%{ transform:translate(0,5px); } } @-webkit-keyframes shubiao { 0%{ transform:translate(0,-5px); } 100%{ transform:translate(0,5px); } } @-moz-keyframes shubiao { 0%{ transform:translate(0,-5px); } 100%{ transform:translate(0,5px); } } @-ms-keyframes shubiao { 0%{ transform:translate(0,-5px); } 100%{ transform:translate(0,5px); } } .slides .shubiao{ position: absolute;bottom: 0px;left: 50%;z-index: 1;margin-left:-20px;cursor: pointer; -webkit-animation:shubiao 1s infinite linear ; -moz-animation:shubiao 1s infinite linear ; -o-animation:shubiao 1s infinite linear ; animation:shubiao 1s infinite linear ; } /*首页 服务*/ .ser_biao{font-size: 16px;text-align: center;position: relative;} .kuang{width: 280px;height: 33px;margin: 0 auto;border: 1px solid #000;margin-top: 54px;} .ser_biao h5{font-size:25px;font-weight: lighter;width:160px;height: 40px;margin-left: -70px;background: #fff;position: absolute;left: 50%;top:70px;} .ser_biao h1{font-size:25px;width:206px;height: 40px;margin-left: -101px;background: #fff;position: absolute;left: 50%;top:70px;color:#EA0000;} .ser_biao p{margin-top: 25px;font-size:28px;} .ser_biao .ying{font-family: Arial;} .ser_biao strong{width: 190px;margin: 0 auto; display:block;font-size: 30px; height: 1px;background-color:#000000;} .ser_biao i{width: 170px;margin: 0 auto;font-size: 30px;background-color:#000;height:1px;display: block;} .ser_biao a span{font-size: 8px;font-family: Arial;color: #000;} @-moz-document url-prefix(){.ser_biao span{font-size: 12px;font-family: Arial;}} .ser_biao .biao_miao{font-size:16px;margin-top:35px;width:90%;margin: 0 auto;text-align:left;text-indent:35px;line-height:32px;} .ser_biao p.xuq{margin-top: 42px;} .ser_biao span.address{font-family: "微软雅黑";font-size: 14px;margin-top: 18px;display: block;} .in_service .news_jian{margin-bottom:10px;margin-top: 40px; clear: both;} .ser_heng1{height: 1px;width:0px;position: absolute;top: 32%;left:0px;transition:0.5s;z-index: -1;background:#aaa;} .ser_heng2{width:0px;left:201px;transition-delay:1s;} .ser_heng3{width:0px;left:527px;transition-delay:1.5s;} .ser_heng4{width:0px;left:851px;transition-delay:2s;} .ser_heng5{width:0px;left:1174px;transition-delay:2.2s;} .wai_heng{height: 1px;width:0px;position: absolute;top: 26.5%;left:6px;transition:.5s;z-index: -1;background:#aaa;} .wai_hh{width:17%;} @media (max-width:1680px) { .wai_hh{width:12%} } @media (max-width:1440px) { .wai_hh{width: 100px;} } .business { width: 100%;/* background: url(../images/db.jpg) bottom no-repeat; background-size: cover;*/position: relative;overflow: hidden;height: 670px;} .business .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: 37px;} .business .box .caption { position: relative; top: 100px; 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: 203px; height: 27px; background: url(../images/yuan_03.png) no-repeat; } .business .box .caption span { font-size: 24px; letter-spacing: 3px; position: relative; } .business .box ul.items { margin: 0 auto;height: 320px; width: 1258px; position: relative;} .business .box ul.items li { float: left; width: 240px; height: 300px; margin: 0 18px; background: url(../images/bg_green.png) no-repeat 0px 300px; overflow: hidden; opacity: 0; opacity:1\9;} .business .box ul.items li { opacity: 1\9;_opacity:1;+opacity:1;*opacity:1; } .business .box ul.items li i { display: block; position: relative; top: 45px; height: 90px; background-size: 100%;} .business .box ul.items li.pc i { width: 100px; background: url(../images/home2_244.png); background-position: center;background-repeat: no-repeat; left: 90px; top:26px;height: 76px;margin-bottom: 6px;} .business .box ul.items li.mobi i { width: 82px; background: url(../images/home1_15.png) no-repeat; left: 99px; top:16px; height: 96px;} .business .box ul.items li.sys i { width: 84px; background: url(../images/home2_21.png) no-repeat; left: 98px; top:15px;} .business .box ul.items li.app i { width: 82px; background: url(../images/home2_18.png) no-repeat; left: 99px; top:15px;} .business .box ul.items li u { display: block; position: absolute; width: 124px; height: 124px; margin-left: 78px; background: url(../images/yuan_03.png) no-repeat; -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, 156px, 78px); } .business.active .box ul.items li u.cl { clip: rect(0px,156px,156px,78px); } .business .box ul.items li u.cr { clip: rect(0px,78px,156px,0px); } .business.active .box ul.items li u.cr { clip: rect(0px,78px,156px,0px); } .business.active .box ul.items li u.cr { clip: rect(156px,78px,156px,0px); } .business .box ul.items li strong { display: block; margin-top: 60px;font-weight: normal; text-align: center;font-size: 26px;padding-left: 10px;color:#F97200;} .business .box ul.items .mobi strong { display: block; margin-top: 48px; font-size: 16px; font-weight: normal; text-align: center;font-size: 14px; font-size: 20px;} .business .box ul.items .pc strong{margin-top: 72px;} .business .box ul.items li p { position: relative; top: 20px; color: #000;font-size:16px; line-height: 20px; text-align: center; padding-left: 10px;} .business .box ul.items li:hover {margin-top: 0; padding-top: 42px; height: 342px; 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/home1_24.png) center no-repeat; transform: scale(1.0,1.0);} .business .box ul.items li.mobi:hover i { background: url(../images/home2_15.png) center center no-repeat;transform: scale(1.1,1.1);} .business .box ul.items li.sys:hover i { background: url(../images/home1_21.png) no-repeat;transform: scale(1.1,1.1); } .business .box ul.items li.app:hover i { background: url(../images/home1_18.png) no-repeat;transform: scale(1.5,1.5); } /*.business .box ul.items li:hover u.cl { clip: rect(0px, 156px, -10px, 78px); }*/ .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; color: #fff;} .business .box label { display: block; margin: 0 auto; margin-top: -40px; width: 297px; height: 21px; background: url(../images/serv.png) no-repeat 0px -184px; } .ydlj { width: 1140px; margin: 0 auto; text-align: center; margin-top: 50px; } .ydlj h4 { font-size: 14px; border: 2px #0098de solid; width: 320px; margin: 0 auto; height: 40px; line-height: 40px; } .ydlj h4:hover { background: #0098de; } .ydlj h4 a { color: #0098de; display: block; } .ydlj h4 a:hover { color: #fff; } /*首页我们的案例*/ .in_case{background: #f5f5f5;width: 100%;height: auto; margin-bottom: 3px; margin-top: 5px; overflow: hidden;padding-bottom: 25px;} .in_case h5{background:#f5f5f5;} .in_case .news_jian{margin-bottom:-10px;margin-top: 15px;} .case_nav a{cursor: pointer;display: none;} h1 {font-weight: normal; margin: 0; } #container { margin: 0 auto; width: 1360px; max-width: 1360px; -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; -o-perspective: 2000px; perspective: 2000px; height: auto;overflow: hidden;} #information { margin-top: 1em; display: block; color: red; font-size: 20px;height: auto; overflow: hidden; } #navigation{ width:400px;margin: 33px auto 0;text-align: center;height: auto; overflow: hidden; } #navigation a { display: inline-block; line-height: 2.8em; margin:0 0.2em; width: 14px; height: 14px; text-decoration: none; background: #ccc; color: #fff; border-radius: 40px;overflow: hidden; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -ms-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; } #navigation a.selected, #navigation a:hover { background:#fe8906 ; text-decoration: none; } #portfolio-item { display: none; } #portfolio { margin: 37px auto; width: 1258px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } #portfolio div { display: inline-block; position: relative; vertical-align: top; /* margin: 1em;*/ width: 312px; height: 280px; margin-right: 3px; } #portfolio div a{width: 312px;height: 280px;display: block;} #portfolio div:nth-child(4){margin-right: 0;} #portfolio div:nth-child(8){margin-right: 0;} #portfolio div div { text-align: left; position: absolute; color: #fff; background: url("../images/bei_07.png"); width: 282px; height: 280px; z-index: 1; left: 0px; bottom: 0px; opacity:0; overflow: hidden;padding: 80px 10px 0px 20px; width: 100%;height: 100%;display: none\9;} #portfolio div div span{ font-size: 16px;line-height: 30px;} #portfolio div a:hover>div {cursor: pointer;opacity: 1;transition: .5s;display: block\9;} .animated { -webkit-transition: .9s ease-out; -moz-transition: .9s ease-out; -ms-transition: .9s ease-out; -o-transition: .9s ease-out; transition: .9s ease-out; } .flipped-horizontal-right { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .flipped-horizontal-left { -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg); } .flipped-vertical-top { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); } .flipped-vertical-bottom { -webkit-transform: rotateX(-360deg); -moz-transform: rotateX(-360deg); -ms-transform: rotateX(-360deg); -o-transform: rotateX(-360deg); transform: rotateX(-360deg); } .case_nav{width: 100%;} .case_nav a{display:block;width:100px;height:90px;opacity:.2;z-index:9;font-family:tubiao;font-size:50px;color: #fff;text-decoration: none;font-weight: 100;text-align: center;line-height: 85px;} .case_nav a.case_prev{position:absolute;left:0px;top:350px;margin-top:-70px;opacity: 1;background:rgba(0,0,0,0.5);} .case_nav a.case_next{position:absolute;right:0px;top:350px;margin-top:-70px;opacity: 1;background:rgba(0,0,0,0.5);} .case_nav a:hover{background:rgba(254,137,6,0.5);} /*首页 流程*/ .in_lc{width: 100%;background:#1ea1da;height: auto;overflow: hidden;position: relative; padding:70px 0px 50px 0px;} .in_lc>div{width: 1258px;margin:0px auto;} .in_lc>div>div{width:158px;float: left; position: relative;margin:0 61px 0 0;} .in_lc .circle{width:150px;height: 150px;border: 1px solid #fff;border-radius:75px;color: #fff;text-align: center;margin: 0 auto;} .in_lc i{width: 60px;height: 54px;background:url("../images/home_53.png") no-repeat;display: block;margin-left: 45px;margin-top: 20px;transition: .5s;*margin-left:0px;} .in_lc p{margin-top: 10px} .in_lc>div>div>p{margin-top: 40px;font-size:16px;color: #fff;} .in_lc u{width: 63px;height: 63px;background:#1ea1da;border-radius: 32px;position: absolute;left: 45px;top:115px;color: #fff;text-decoration: none;font-size: 30px;text-align: center;line-height: 58px;font-weight:100;} .in_lc .qyht{background:url("../images/home_55.png")} .in_lc .ymsj{background:url("../images/home_57.png")} .in_lc .cxkf{background:url("../images/home_60.png")} .in_lc .shys{background:url("../images/home1_62.png")} .in_lc .hqwh{background:url("../images/home_64.png")} .in_lc>div>div:hover>.circle{background: #fff;color: #1ea1da;} .in_lc>div>div:hover i{background:url("../images/home1_53.png"); transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(360deg); /* Safari and Chrome */ transition: .5s; } .in_lc>div>div:hover .qyht{background:url("../images/home1_55.png");color:#1ea1da;} .in_lc>div>div:hover .ymsj{background:url("../images/home1_57.png")} .in_lc>div>div:hover .cxkf{background:url("../images/home1_60.png")} .in_lc>div>div:hover .shys{background:url("../images/home_62.png")} .in_lc>div>div:hover .hqwh{background:url("../images/home1_64.png")} /*首页我们的客户*/ .in_kehu{width: 100%;height: 650px; margin-top: 3px; position: relative;overflow: hidden;background:url("../images/kehu.png") no-repeat;} .in_kehu .kuang{border: 0px;background: url("../images/kuang_11.png") no-repeat;height: 43px;} .in_kehu h5{background:transparent;} /*客户*/ .business .box ul.items li { float: left; width: 280px; height: 300px; margin: 42px 45px 0 0; background: url(../images/bg_green.png) no-repeat 0px 300px; overflow: hidden; } .business .box ul.items li.app{margin-right: 0;} .clients { width: 100%; margin-bottom: 40px;/* background: url(../images/jh.jpg) bottom no-repeat; background-size: cover;*/ height: 540px; } .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 ul.items { margin: 0 auto; margin-top:32px; width:1300px;overflow: hidden;} .clients .box ul.items li { position: relative; padding: 0; width:195px; height:120px; overflow: hidden; z-index: 10; float: left;margin:0px 12px 23px 8px;} .clients .box ul.items li.tdsw { top: 600px; background: url(../images/clients.png) no-repeat; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; } .clients .box ul.items li:hover.tdsw { background: url(../images/clients.png) no-repeat 0px -70px; } .clients .box ul.items li.brkx { top: -400px; background: url(../images/clients.png) no-repeat -145px 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:hover.brkx { background: url(../images/clients.png) no-repeat -145px -70px; } .clients .box ul.items li.tdkj { top: 600px; background: url(../images/clients.png) no-repeat -290px 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:hover.tdkj { background: url(../images/clients.png) no-repeat -290px -70px; } .clients .box ul.items li.cas { top: -400px; background: url(../images/clients.png) no-repeat -435px 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:hover.cas { background: url(../images/clients.png) no-repeat -435px -70px; } .clients.active .box ul.items li.cas { top: 0px; } .clients .box ul.items li.sipo { top: 600px; background: url(../images/clients.png) no-repeat -580px 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:hover.sipo { background: url(../images/clients.png) no-repeat -580px -70px; } .clients .box ul.items li.apple { top: 450px; background: url(../images/clients.png) no-repeat -725px 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:hover.apple { background: url(../images/clients.png) no-repeat -725px -70px; } .clients .box ul.items li.das { top: -550px; background: url(../images/clients.png) no-repeat -870px 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:hover.das { background: url(../images/clients.png) no-repeat -870px -70px; } .clients .box ul.items li.hunantv { top: 450px; background: url(../images/clients.png) no-repeat -1015px 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:hover.hunantv { background: url(../images/clients.png) no-repeat -1015px -70px; } .clients .box ul.items li.sino { top: -550px; background: url(../images/clients.png) no-repeat -1160px 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:hover.sino { background: url(../images/clients.png) no-repeat -1160px -70px; } .clients .box ul.items li.report { top: 450px; background: url(../images/clients.png) no-repeat -1305px 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:hover.report { background: url(../images/clients.png) no-repeat -1305px -70px; } .clients .box ul.items li.gedu { top: 300px; background: url(../images/clients.png) no-repeat -1450px 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:hover.gedu { background: url(../images/clients.png) no-repeat -1450px -70px; } .clients .box ul.items li.bgg { top: -700px; background: url(../images/clients.png) no-repeat -1595px 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:hover.bgg { background: url(../images/clients.png) no-repeat -1595px -70px; } .clients .box ul.items li.bsec { top: 300px; background: url(../images/clients.png) no-repeat -1740px 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:hover.bsec { background: url(../images/clients.png) no-repeat -1740px -70px; } .clients .box ul.items li.huadan { top: -700px; background: url(../images/clients.png) no-repeat -1885px 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:hover.huadan { background: url(../images/clients.png) no-repeat -1885px -70px; } .clients .box ul.items li.zd { top: 300px; background: url(../images/clients.png) no-repeat -2015px 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:hover.zd { background: url(../images/clients.png) no-repeat -2015px -70px; } .clients .box ul.items li.cbre { top: 300px; background: url(../images/clients.png) no-repeat -2175px 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:hover.cbre { background: url(../images/clients.png) no-repeat -2175px -70px; } .clients .box ul.items li.imas { top: 300px; background: url(../images/clients.png) no-repeat -2320px 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:hover.imas { background: url(../images/clients.png) no-repeat -2320px -70px; } .clients .box ul.items li.cisco { top: 300px; background: url(../images/clients.png) no-repeat -2415px 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:hover.cisco { background: url(../images/clients.png) no-repeat -2415px -70px; } .clients.active .box ul.items li{ top: 0px; } .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; } /*首页我们的新闻*/ .in_news{width: 100%;height: auto;overflow: hidden;position: relative;} .in_news .news_in{width:1260px;margin: 50px auto;position: relative;overflow: hidden;} .in_news .news_in>div{float: left;margin: 10px 14px;cursor: pointer;} .in_news .news_in>div:hover .news_date{background:#1ea1da;color: #fff;border:1px solid #1ea1da;} .in_news>div .news_date{border: 1px solid #000;width: 85px;height: 85px;float: left;} .in_news .news_date span{font-size: 36px;text-align: center;display: block;margin-top: 10px;} .in_news .news_date p{font-size: 16px;text-align: center;margin-top: 0px;} .in_news>div .news_nei{width:290px;height: 85px;float: left;margin-left: 14px;} .in_news h4{font-size:16px;font-weight: 500;line-height: 40px;} .in_news .news_nei p{font-size: 14px;color: #a7a7a7;} .news_jian{width:38px;height: 24px;background: url("../images/xia_15.png") no-repeat;margin: 0px auto 20px;cursor: pointer;} .in_kehu .news_jian{background: url("../images/xia_14.png")} /*新闻*/ .page-news{/* background-image:url(../images/newsbg.jpg); background-attachment:fixed; background-position:top center; background-color:#efefef; background-size:cover; */} .page-news .main{ padding-top:150px;} .list_news{ min-height:220px; padding:80px 0 10px;} .list_news h1{font-family:"微软雅黑"} .list_news li{ width:398px; float:left; display:inline;margin: 0 30px 0 0;} .list_news li:nth-child(3){margin-right: 0;} .list_news li:nth-child(6){margin-right: 0;} .list_news .item{ display:block; position:relative; height:86px; margin-bottom:30px;} .list_news .item .fg{ position:absolute; left:0; top:0; right:0; bottom:0;} .list_news .item .fg .date{ position:absolute; left:0; top:0; width:80px; height:86px; border:1px #333 solid; background:#fff;font-family:Impact, "MS Sans Serif"; text-align:center;border: 1px solid #000; /*filter: alpha(opacity=50); internet explorer */ /* -khtml-opacity: 0.5; khtml, old safari -moz-opacity: 0.5; opacity:0.5;*/ } .list_news .item .fg .date .day,.list_news .item .fg .date .month{ font-size:30px; height:40px; line-height:40px; color:#333;margin-top: 4px;} .list_news .item .fg .date .month{ font-size:14px; margin-top:0; line-height:30px;} .list_news .item .fg .arrow{ position:absolute; right:-20px; top:45%; margin-top:-25px; text-align:center; width:50px; height:50px; font-size:30px; color:#fff; line-height:50px; filter: alpha(opacity=0);/* internet explorer */ -khtml-opacity: 0; /* khtml, old safari */ -moz-opacity: 0; opacity:0;} .list_news .item .fg .txt{ padding:0px 0px 0px 90px;} .list_news .item .fg .line{ width:80px; height:1px; background:#dbdbdb; margin-bottom:10px;} .list_news .item .fg .title{ font-size:16px; height:30px; line-height:30px; color:#000;overflow: hidden;width: 80%;} .list_news .item .fg .desc{ font-size:14px; color:#888;margin-top: 4px;width: 88%;height: 40px;overflow: hidden;} .list_news .item .bg{ width:100%; height:100%;} .list_news .item .bg .bg_in{ width:0%; height:100%;} .list_news .item .bg .bg_in.fl{ background:#fff;} .list_news .item .bg .bg_in.fr{ background:#fff;} .list_news .item:hover .date{ border-color:#1ea1da; background:#fff;} .list_news .item:hover .date{ filter: alpha(opacity=100);/* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; opacity:1;} .list_news .item:hover .title{ color:#fff;} .list_news .item:hover .desc{ color:#fff} .list_news .item:hover .fg .arrow{ right:-8px; filter: alpha(opacity=100);/* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; opacity:1; transition-delay:200ms; -o-transition-delay:200ms; -moz-transition-delay:200ms; -webkit-transition-delay:200ms;} .list_news .item:hover .fg .arrow:hover{ right:-15px;} .list_news .item:hover .bg .bg_in.fl{ width:100%;background:#1ea1da;} .list_news .item:hover .bg .bg_in.fr{ width:0%;} .w1200{ width:1258px; margin:0 auto;overflow: hidden;} .ml5{ margin-left:5px;} .ease-3{ -webkit-transition:all 0.3s; -khtml-transition:all 0.3s ; -moz-transition: all 0.3s ; -o-transition: all 0.3s; transition: all 0.3s;} .icon{font-family: tubiao;color: #fff;text-decoration: none;} /* @media(max-width: 1600px){ .slideInner .banner0{width: 150%!important;background-position: -75%!important;} } @media(max-width: 1440px){ .slideInner .banner0{width: 175%!important;background-position: -75%!important;} }*/ .xingxiang,.xingxiang h5{background: #f5f5f5;} .clear{height:0; overflow:hidden; clear:both} .button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2); } .red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top, #ed1c24, #A51715);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;} .red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top, #aa1317, #ed1c24);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');} .cor_bs,.cor_bs:hover{color:#ffffff;} .keBody{background:url(../images/bodyBg.jpg) repeat #333;} .keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal} .kePublic{background:#f5f5f5; padding:50px;} .keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px} .keTxtP{font-size:16px; color:#ffffff;} .keUrl{color:#FFF; font-size:30px;} .keUrl:hover{ text-decoration: underline; color: #FFF; } .mKeBanner,.mKeBanner div{text-align:center;} /*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/ .warper{ width: 1080px; height: 420px; /*border: 2px solid #efefef;*/ margin: 0 auto; padding: 3px 3px 0px 0px; } #wowslider-container1 { zoom: 1; position: relative; max-width: 900px; float:right; z-index: 90 } * html #wowslider-container1 { width: 900px } #wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible } #wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important } #wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } #wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent } #wowslider-container1 img { max-width: none!important } #wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 } #wowslider-container1 a { text-decoration: none; outline: 0; border: 0 } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% } #wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em } #wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 } #wowslider-container1 a.ws_next:hover { background-position: 100% 100% } #wowslider-container1 a.ws_prev:hover { background-position: 0 100% } * html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block } #wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block } #wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% } #wowslider-container1:hover .ws_playpause { display: block } #wowslider-container1 .ws_pause { background-image: url(../images/pause.png) } #wowslider-container1 .ws_play { background-image: url(../images/play.png) } #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important } #wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em } #wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff } #wowslider-container1 .ws-title span { font-size: 2.4em } #wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% } #wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% } #wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff } #wowslider-container1 .ws_thumbs a:hover { opacity: 1 } #wowslider-container1 .ws_thumbs a:hover img { visibility: visible } #wowslider-container1 .ws_thumbs div { position: relative; width: 100% } #wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #bce0dd } #wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite } @keyframes wsBasic { 0% { left:-0% } 12.5% { left:-0% } 25% { left:-100% } 37.5% { left:-100% } 50% { left:-200% } 62.5% { left:-200% } 75% { left:-300% } 87.5% { left:-300% } } @-moz-keyframes wsBasic { 0% { left:-0% } 12.5% { left:-0% } 25% { left:-100% } 37.5% { left:-100% } 50% { left:-200% } 62.5% { left:-200% } 75% { left:-300% } 87.5% { left:-300% } } @-webkit-keyframes wsBasic { 0% { left:-0% } 12.5% { left:-0% } 25% { left:-100% } 37.5% { left:-100% } 50% { left:-200% } 62.5% { left:-200% } 75% { left:-300% } 87.5% { left:-300% } } @media(max-width: 1366px){ #container{min-width:1258px;width:100%; } /* .slideInner .banner0{width: 190%!important;background-position: -90%!important;}*/ }