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

.banner{height:19.1257%;position:relative;overflow:hidden;top:85px;}
.banner .obj-f img{height:100%;width:100%;}

.index_title{width:70%;margin-left:auto;margin-right:auto;padding-top:90px;padding-bottom:50px;position:relative;}
.index_title_line{height:2px;width:30%;left:35%;position:absolute;top:99px;}
.index_title h2{font-size:30px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:50%;margin-left:auto;margin-right:auto;position:relative; text-transform:uppercase;}
.index_title p{font-size:13px;color:#555;padding-top:20px;}
.index_con{-webkit-transition: all 1s;transition: all 1s;position:relative;}
.index_conbox{}

.index_products{-webkit-transition: all 1s;transition: all 1s;width:87%;margin-left:auto;margin-right:auto;}
.index_products.scthide{margin-top:70px;}
.index_products ul{margin-top:50px;}
.index_products li{width:15%;margin-left:2.5%;margin-right:2.5%;float:left;-webkit-transition: all 2s;transition: all 2s; opacity:1;}
.index_products li.scthide{ opacity:0.5;}
.index_products li img{width:98%;margin-bottom:10px;border-radius:50% 50% 50% 50%;overflow:hidden;border:1px solid #CCC;-webkit-transition: all 2s;transition: all 2s;}
.index_products li img:hover{transform: rotate(360deg);}
.index_products li:hover img{border:3px solid #dd3c44; cursor:pointer;}

.index_products li p{text-align:center;}

/******关于海昌*******/
.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:19%;margin-left:1.5%;position:relative;-webkit-transition: all 1s;transition: all 1s;overflow:hidden;}
.index_company li:first-child{width:59%;margin-left:0; background-color:#051731;}
.index_company li:first-child img{width:100%;}
.index_company li:nth-child(even){margin-top:30px;}
.index_company li:nth-child(odd){margin-top:-30px;}
.index_company li.scthide{margin-top:0px;}
.index_company li img{transition:all 0.8s;}
.index_company li:hover img{transform:scale(1.2);}
.index_company.scthide{margin-top:20px;}
.index_company_button{position:absolute;top:20%;width:60%;left:20%;height:36px;line-height:36px;background-color:#FFF; opacity:0.9;font-size:18px;color:#333;font-weight:bold;}
#index_company_con{height:425px;overflow:hidden;}

.index_ys{background:url(../images/index_ys_bg.jpg) no-repeat top center;background-size:100% 100%;-webkit-transition: all 1s;transition: all 1s;opacity:0.2;padding-top:60px;}
.index_ys.scthide{opacity:1;padding-top:0;}
.index_ys .index_title h2{color:#F9F9F9;}
.index_ys .index_title p{color:#E9E9E9;}
.index_ys ul{width:87%;margin-left:auto;margin-right:auto;}
.index_ys li{float:left;background-color:#F1F1F1;height:295px;width:18%;margin-left:2.5%;position:relative; transition:all 0.6s;}
.index_ys li p{margin-top:40px;font-size:14px;font-weight:bold;line-height:20px;}
.index_ys li:first-child{margin-left:0;}
.index_ys li img{padding-top:30px;width:70%;}
.index_ys li:nth-child(3) img{width:100%;height:65%;padding-bottom:0;padding-top:inherit;position:absolute;bottom:0;left:0;}
.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_hz{-webkit-transition: all 1s;transition: all 1s;}
.index_hz.scthide{margin-top:20px;}
.index_hz ul{width:87%;margin-left:auto;margin-right:auto;-webkit-transition: all 1s;transition: all 1s;}
.index_hz li{float:left;width:17.8%;margin-left:2.5%;margin-bottom:15px;border:1px solid #F6F6F6;}
.index_hz li:hover{border:1px solid #F33;}
.index_hz li:nth-child(5n+1){margin-left:0;}
.index_hz li img{width:85%;margin-top:6px;margin-bottom:6px;}
@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:240px;top:80px;}
	.banner img{max-width:100%;}
	.index_title{padding-top:60px;padding-bottom:20px;width:90%;margin-left:5%;}
	.index_title h2{font-size:1.8em;padding:0 20px;width:60%;}
	.index_title p{font-size:0.9em;line-height:1.2em;}
	
	.index_products{width:90%;}
.index_products ul{margin-top:30px;}
.index_products li{width:30%;margin-left:1.5%;margin-right:1.5%;margin-bottom:20px;}
.index_products li.scthide{ opacity:0.5;}
.index_products li img{width:98%;margin-bottom:5px;}
.index_products li:hover img{border:none;}

/******关于海昌*******/
.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(2){margin-left:0;}
#index_company_con{overflow:visible;}

.index_ys{padding-top:30px;}
.index_ys ul{width:90%;margin-left:auto;margin-right:auto;}
.index_ys li{float:left;height:200px;width:49%;margin-left:2%;margin-bottom:10px;}
.index_ys li:nth-child(2n+1){margin-left:0;}
.index_ys li p{margin-top:20px;}
.index_ys li:first-child{margin-left:0;}
.index_ys li img{padding-top:5px;}
.index_ys li:nth-child(3) img{width:100%;height:60%;}
.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_hz ul{width:90%;}
.index_hz li{float:left;width:31%;margin-left:1.5%;}
.index_hz li:nth-child(5n+1){margin-left:1.5%;}
.index_hz li:nth-child(3n+1){margin-left:0;}

}