/*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;}
}