@charset "utf-8";
/* CSS Document */

.banner{height:585px;position:relative;overflow:hidden;top:125px;}
.banner .obj-f{width:100%;height:100%;}
.banner .obj-f img{height:100%;width:100%;}
.more_btn{width:16%;margin-left:auto;margin-right:auto;height:32px;line-height:32px;color:#FFF;background-image: linear-gradient(to right, #ef3351,#df0024);border-radius:16px;overflow:hidden;-webkit-transition: all 1s;transition: all 1s;}
.more_btn:hover{background-image: linear-gradient(to right, #0064df,#0054df);}
.index_title{width:100%;padding-top:90px;padding-bottom:50px;position:relative;}
.index_title_line{height:2px;background:url(../images/index_title_line.png) no-repeat top center;width:30%;left:35%;position:absolute;top:99px;}
.index_title h2{font-size:30px;line-height:30px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:70%;margin-left:auto;margin-right:auto;position:relative;}
.index_title p{font-size:13px;color:#555;padding-top:15px;}
.index_con{-webkit-transition: all 1s;transition: all 1s;position:relative;}
.index_conbox{}

.index_productsbg{background-color:#f5f5f5;}
.index_products{-webkit-transition: all 1s;transition: all 1s;width:87%;margin-left:auto;margin-right:auto;}
.index_products .index_title p{padding-top:10px;}
.index_products .index_title h2{font-size:22px;width:90%;line-height:28px;}
.index_products.scthide{padding-top:100px;}
.index_company_icons{width:50%;float:left;}
.index_company_icons li{width:45%;margin-left:2.5%;margin-right:2.5%;float:left;-webkit-transition: all 2s;transition: all 2s; opacity:1;background-color:#FFF;margin-bottom:45px;position:relative;height:135px;}
.index_company_icons li.scthide{ opacity:0.5;}
.index_company_icons li img{width:80px;margin-bottom:10px;border-radius:50% 50% 50% 50%;overflow:hidden;border:1px solid #CCC;-webkit-transition: all 2s;transition: all 2s;position:relative;top:-30px;}
.index_company_icons li img:hover{transform: rotate(360deg);}
.index_company_icons li:hover img{cursor:pointer;}

.ic_txt{text-align:center;width:80%;margin-left:10%;position:relative;top:-28px;}

.index_company_txt{float:right;width:48%;text-align:left;}
.index_company_txt h2{font-size:22px;margin-bottom:35px;font-weight:bolder;color:#333;}
.index_company_txt p{line-height:28px;}

.index_arts_title{border-bottom:1px solid #dfdfdf;font-size:22px;color:#11254a;font-weight:bolder;padding-bottom:5px;margin-bottom:25px;}
.index_arts_title span{float:right;padding-right:5px;}
.index_arts_title span a{color:#666;}
.index_arts_title span a:hover{color:#F30;}
.index_news{width:55%;float:left;text-align:left;}
.index_hot_new{width:40%;float:left;margin-right:25px;}
.index_hot_new img{width:100%;border:1px solid #E9E9E9;}
.index_news li{line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_tec{width:42%;float:right;text-align:left;}
.index_tec li{margin-top:18px;}
.index_tec li img{float:left;margin-right:20px;}
.index_tec li h3{font-weight:bolder;color:#1e4cb6;font-size:16px;margin-bottom:6px;}
.index_tec li h3 a{font-weight:bolder;color:#1e4cb6;font-size:16px;}
.index_tec li h3 a:hover{color:#F60;}
.index_tec li p{line-height:20px;color:#777;font-size:12px;}

/******关于科邦*******/
.index_company{background-color:#F9F9F9;-webkit-transition: all 1s;transition: all 1s;}
.index_company ul{width:87%;margin-left:auto;margin-right:auto;}
.index_company li{float:left;width:23.8%;margin-left:1.2%;position:relative;-webkit-transition: all 1s;transition: all 1s;overflow:hidden;}
.index_company li:first-child{width:50%;margin-left:0;}
.index_company li:first-child img{width:100%;}
.index_company li img{transition:all 0.8s;width:100%;}
.index_company li:hover img{transform:scale(1.2);}
.index_company.scthide{margin-top:20px;}


.index_ys{background-size:100% 100%;-webkit-transition: all 1s;transition: all 1s;opacity:1;padding-top:30px;}
.index_ys.scthide{opacity:1;padding-top:0;}
.index_ys ul{width:87%;margin-left:auto;margin-right:auto;}
.index_ys li{float:left;height:160px;width:18%;margin-left:1.7%;position:relative; transition:all 0.6s; margin-bottom:15px;border:1px solid #E9E9E9;overflow:hidden;position:relative;}
.index_ys li p{font-size:14px;font-weight:bold;position:absolute;bottom:0px;width:100%;text-align:center;line-height:30px;color:#777;background-color:#FFF; opacity:0.5;}
.index_ys li:first-child{margin-left:0;width:40%;height:338px;}
.index_ys li img{width:100%;height:100%;transition:all 0.6s;}
.index_ys li:hover img{transform:scale(1.2);}
.index_ys_line{width:15%;height:2px;position:absolute;top:23%;background-color:#A9A9A9;left:42.5%;}

@media screen and (max-width:1024px){
.index_hz li{float:left;width:17.2%;margin-left:2.5%;margin-bottom:15px;border:1px solid #F6F6F6;}
}
@media screen and (max-width:768px){
.index_ys li{height:220px;}
}
@media screen and (max-width:640px){
	.banner{width:100%;height:200px;top:80px;}
	.banner img{max-width:100%;}
	.more_btn{width:50%;margin-top:20px;}

	.index_title{padding-top:60px;padding-bottom:20px;width:90%;margin-left:5%;}
	.index_title h2{font-size:1.4em;padding:0 20px;width:90%;}
	.index_title p{font-size:0.9em;line-height:1.2em;}

.index_products .index_title{margin-left:0;}
.index_products .index_title h2{font-size:1.0em;line-height:1.3em;width:100%;padding:0 0;}
.index_products.scthide{padding-top:30px;}
.index_company_icons{width:100%;float:none;}
.index_company_icons li img{width:60px;}
.index_company_txt{float:none;width:100%;}
.ic_txt{width:90%;margin-left:5%;top:-28px;}
.index_company_txt h2{font-size:22px;margin-bottom:15px;}
.index_company_txt p{line-height:22px;}

.index_company ul{width:90%;}
.index_company li{float:left;width:49%;margin-left:2%;margin-bottom:5px;}
.index_company li:first-child{width:100%;margin-left:0; background-color:none;}
.index_company li:first-child img{width:100%;}
.index_company li:nth-child(2n){margin-left:0;}
#index_company_con{overflow:visible;}

.index_ys{padding-top:0px;}
.index_ys ul{width:90%;margin-left:auto;margin-right:auto;}
.index_ys li{float:left;width:32%;margin-left:1%;height:100px;margin-bottom:5px;border:none;}
.index_ys li:nth-child(3n+2){margin-left:0;}
.index_ys li p{margin-top:20px;}
.index_ys li:first-child{width:100%;height:270px;}
.index_ys li img{padding-top:5px;}
.index_ys li:hover{transform:scale(1.1);}
.index_ys_line{width:15%;height:2px;position:absolute;top:23%;background-color:#A9A9A9;left:42.5%;}

/*****新闻技术支持*****/
.index_news{width:100%;float:none;margin-bottom:10px;}
.index_hot_new{width:100%;}
.index_hot_new img{width:100%;}
.index_news li{width:100%;}
.index_tec{width:100%;float:none;}

}