/*html {*/ /* -webkit-filter: grayscale(100%);*/ /* -moz-filter: grayscale(100%);*/ /* -ms-filter: grayscale(100%);*/ /* -o-filter: grayscale(100%);*/ /* filter: grayscale(100%);*/ /* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ /*}*/ #home .banner img,#home .banner2 img{width:100%;height:100%} .z_top_bg{display:none} body,html{width:100%} #home .banner2{display:none;width:100%} #home .banner{width:100%} #home .banner .arrow-next,#home .banner .arrow-prev{position:absolute;top:50%;width:60px;height:60px;cursor:pointer;z-index:9} #home .banner .arrow-prev{left:370px;background:url(../imgs/index/prev_ico2.png) center center no-repeat;background-size:38px 10px} #home .banner .arrow-prev.swiper-button-disabled{background:url(../imgs/about/prev_ico.png) center center no-repeat} #home .banner .arrow-next{right:370px;background:url(../imgs/index/next_ico2.png) center center no-repeat;background-size:38px 10px} #home .banner .arrow-next.swiper-button-disabled{background:url(../imgs/about/next_ico.png) center center no-repeat} #home .tab_nav{margin:80px auto 0;max-width:1600px;height:45px;line-height:45px;text-align:center;overflow:hidden;border:1px solid #e6e6e6;font-size:14px} #home .tab_nav li{float:left;width:25%;border-right:1px solid #e6e6e6;color:#444;cursor:pointer} #home .tab_nav li:last-child{border-right:none} #home .tab_nav li.active{background-color:#34bafa;color:#fff} #home .tab_content{max-width:1600px;margin:110px auto 0} #home .tab_content .row{margin:0} #home .tab_content .col-lg-4{padding:0} #home .tab_content .project_item{margin:0 auto 110px;width:500px;height:400px;background:url(../imgs/index/img_box.jpg) top center no-repeat;background-size:contain;text-align:center} #home .tab_content .project_item img{margin:24px auto 0;width:356px;height:215px} #home .tab_content .project_item h3{margin-top:76px;font-size:18px;font-weight:400;color:#444} #home .tab_content .project_item p{margin:10px 0 20px;font-size:14px;color:#999} #home .tab_content .project_item span{font-size:14px;color:#34bafa} #home .serve_intro{min-width:1000px;background-color:#f5f6fa} #home .serve_con{padding-top:60px;margin:0 auto;width:987px} #home .serve_con .serve_top{margin:0 auto;text-align:center;width:740px} #home .serve_con .serve_top h2{margin-bottom:15px;font-size:22px;font-weight:400;color:#666} #home .serve_con .serve_top span{color:#666;font-size:16px} #home .serve_con .serve_top p{margin-top:40px;color:#c3c3c3;font-size:14px;text-align:left} #home .serve_con .serve_box{margin-top:45px;width:100%;height:616px;background:url(../imgs/index/serve_bg.png) top center no-repeat;background-size:cover} #home .serve_con .serve_box ul{width:719px;height:449px;margin:0 auto;position:relative;left:-5px;top:45px} #home .serve_con .serve_box li{float:left;position:relative;width:50%;height:50%;text-align:center;font-size:14px;border-right:1px solid #eee;border-bottom:1px solid #eee} #home .serve_con .serve_box li:hover .con{transition:all .3s;background-color:#34bafa;transform:scale(1.05,1.05);box-shadow:0 0 30px rgba(0,0,0,.3);z-index:9} #home .serve_con .serve_box li:hover p,#home .serve_con .serve_box li:hover span{color:#fff} #home .serve_con .serve_box li:hover .serve_1{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_1_2.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li:hover .serve_2{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_2_2.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li:hover .serve_3{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_3_2.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li:hover .serve_4{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_4_2.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li .con{position:absolute;top:0;left:0;width:100%;height:100%} #home .serve_con .serve_box li .con i{margin-top:50px} #home .serve_con .serve_box li .serve_1{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_1_1.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li .serve_2{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_2_1.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li .serve_3{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_3_1.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li .serve_4{display:inline-block;width:80px;height:80px;background:url(../imgs/index/serve_4_1.png) center center no-repeat;background-size:cover} #home .serve_con .serve_box li p{color:#7a7a7a} #home .serve_con .serve_box li span{color:#999} #home .deeds{margin:90px auto 168px;width:1200px} #home .deeds h2{text-align:center;font-size:22px;color:#666} #home .deeds dl{margin-top:125px} #home .deeds .title{margin-bottom:30px;padding-left:390px;font-size:22px;color:#444} #home .deeds .title span{color:#828282;font-size:14px} #home .deeds .content{position:relative;height:250px;padding:50px 50px 50px 377px;background-color:#f5f6fa} #home .deeds .content img{position:absolute;left:0;top:-130px} #home .deeds .content p{font-size:14px;margin-bottom:50px;color:#999} #home .deeds .content p span{color:#666;font-weight:700} @media screen and (max-width:1599px) and (min-width:1366px){#home .banner .arrow-prev{left:300px} #home .banner .arrow-next{right:300px} #home .tab_nav{max-width:1200px} #home .tab_content{width:1200px} #home .tab_content .project_item{margin-bottom:90px;width:100%} #home .tab_content .project_item img{margin:18px auto 0;width:286px;height:175px} #home .serve_intro{min-width:1200px} } @media screen and (max-width:1365px){#home .deeds,#home .serve_intro{min-width:1000px} #home .banner .arrow-prev{left:260px} #home .banner .arrow-next{right:260px} #home .t_title,#home .tab_nav{max-width:1000px} #home .tab_content{width:1000px} #home .tab_content .project_item{margin-bottom:50px;width:100%;height:350px} #home .tab_content .project_item img{margin:15px auto 0;width:237px;height:145px} #home .tab_content .project_item h3{margin-top:50px} #home .serve_intro .serve_con{width:704px} #home .serve_intro .serve_con .serve_top{width:564px} #home .serve_intro .serve_con .serve_box{height:439px} #home .serve_intro .serve_con .serve_box ul{width:511px;height:320px;left:-3px;top:32px} #home .serve_intro .serve_con .serve_box li .con i{margin-top:10px} #home .deeds{width:100%} #home .deeds dl{margin-top:110px} } @media screen and (max-width:1199px){#home .tab_content,#home .tab_nav{max-width:1000px} #home .tab_content .project_item{margin:0 auto 50px;width:500px} #home .tab_content .project_item img{margin:24px auto 0;width:356px;height:215px} } @media screen and (max-width:768px){ #home .deeds,#home .serve_intro{min-width:100%} #home{width:100%;overflow:hidden} #home .banner{display:none} #home .banner2{display:block} #home .deeds .content img,#home .serve_box{display:none} #home .tab_nav{margin:22px 12px 0;height:34px;line-height:34px;font-size:12px} #home .tab_content{margin:50px auto 0;width:100%} #home .tab_content .project_item{width:320px;height:265px} #home .tab_content .project_item img{margin:14px auto 0;width:228px;height:140px} #home .tab_content .project_item h3{margin-top:40px;font-size:16px} #home .tab_content .project_item p{margin:5px 0 10px} #home .tab_content .project_item p,#home .tab_content .project_item span{font-size:12px} #home .serve_intro .serve_con{width:95%;padding:30px 0} #home .serve_intro .serve_con .serve_top{width:100%} #home .serve_intro .serve_con .serve_top h2{margin-bottom:8px;font-size:18px} #home .serve_intro .serve_con .serve_top span{font-size:13px} #home .serve_intro .serve_con .serve_top p{margin-top:20px;font-size:12px} #home .deeds{margin:45px 0} #home .deeds h2{font-size:18px} #home .deeds dl{margin-top:30px} #home .deeds .title{padding-left:0;width:95%;margin:0 auto 10px;font-size:18px} #home .deeds .content{padding:25px 0;height:auto} #home .deeds .content p{margin:0 auto 25px;width:95%;font-size:12px} #home .deeds .content p:last-child{margin-bottom:0} .index-loading {display:none;} }