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

.banner{height:auto;width:100%;position:relative;overflow:hidden;top:85px;text-align:center;line-height: 0;}
.banner video{width:100%;border:none;}
  video {
    border: none; /* 移除边框 */
    outline: none; /* 移除聚焦时的轮廓线 */
    display: block; /* 避免底部间隙 */
    margin: 0; /* 移除可能的外边距 */
    padding: 0; /* 移除可能的内边距 */
  }
video::-webkit-media-controls-panel {
  border: none;
}
.video-nav{position:relative;}
.video-nav img{width:100%; cursor:pointer;}
.video-nav:hover img{opacity:0.9;}
.video-show{top:-20px;width:calc(60% - 30px);position:absolute;z-index:9999;border:3px solid #FFF;left:20%;right:20%;text-align:center;background-color:#ec6921;padding:15px;border-radius:10px;overflow:hidden; opacity:0.95; display:none;}
.video-show video{margin-left:auto;margin-right:auto;}
.video-btn-close{width:32px;height:32px;position:absolute;right:5px;top:5px;}
.index_title{width:70%;padding-top:10px;padding-bottom:50px;position:relative;margin-left:auto;margin-right:auto;}
.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:42px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:30%;margin-left:auto;margin-right:auto;position:relative;}
.index_title p{font-size:15px;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-category ul{margin-top:20px;}
.index-category li{width:17.6%;margin-left:3%;float:left;-webkit-transition: all 2s;transition: all 2s; opacity:1;position:relative;overflow:hidden;}
.index-category li:first-child{margin-left:0;}
.index-category li.scthide{ opacity:0.5;}
.index-category li img{width:100%;margin-bottom:10px;overflow:hidden;-webkit-transition: all 1s cubic-bezier(.46, 1, .23, 1.52) ;transition: all 1s cubic-bezier(.46, 1, .23, 1.52) ;}
.index-category li:hover img{transform:scale(1.3);}
.index-category-name{position:absolute;top:30px;height:36px;width:100%;line-height:36px;color:#333;font-weight:bolder; text-decoration:underline;text-underline-offset:5px;}
.index-company-ys{background-color:#5a5a5a;height:90px;margin-top:130px;position:relative;}
.index-company-ys li{float:left;position:relative;bottom:160px;width:30.3333333%;margin-left:1.5%;margin-right:1.5%;}
.index-company-ys li img{border-radius:18px;overflow:hidden;border:3px solid #FFF;}

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

/******关于海昌*******/
.index_company{-webkit-transition: all 1s;transition: all 1s;background: linear-gradient(to bottom, #ec6921, #ec6921);position:relative;}
.index-company-bg{width:380px;height:150px;position:absolute;z-index:999;top:0;left:0;background:url(../images/index_company_bg.png) no-repeat top left;}
.index-company-instro{width:40%;float:left;color:#FFF;text-align:left;}
.index-company-instro h2{font-size:30px;font-weight:bolder;color:#FFF;margin-top:90px;margin-bottom:50px;}
.index-company-instro p{color:#FFF; line-height:28px; font-size:14px;}
.index-company-instro p a{color:#FC6;font-weight:bolder;padding:0px 5px;border-radius:12px;overflow:hidden;border:1px solid #Fc6;}
.index-company-instro p a:hover{color:#FFF;border:1px solid #FFF;}
.index-company-zl{margin-top:90px;margin-botom:20px;}
.index-company-zl li{float:left;width:20%;}
.index-company-imglist{width:56%;float:right;position:relative;}
.index-company-imglist ul{margin-top:90px;position:relative;z-index:999;}
.index-company-imglist li{float:left;width:31.3333333%;margin-left:1%;margin-right:1%;}
.index-company-imglist li img{width:100%;transition: transform 0.5s ease; border-radius:15px 0 30px 0;}
.index-company-imglist li:hover img{transform: rotateY(180deg);}
.index-company-imglistbg{background-color:#FFF;position:absolute;width:100%;height:90px;bottom:-7px;left:auto;right:auto;}
.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:auto;}

.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;}
.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-news li{float:left;width:30.333%;margin-left:3%;}
.index-news li:first-child{margin-left:0;}
.index-news-img{width:100%;overflow:hidden;height:250px;}
.index-news-img img{width:100%; transition:all 1s;}
.index-news-img:hover img{transform:scale(1.3);}
.index-news-name{width:100%;text-align:left;height:80px;line-height:30px;margin-top:10px;font-weight:bolder;}
.index-news-date{text-align:left;font-size:14px;color:#666;}
.index-news-date span{float:right; cursor:pointer;}

.more-btn{margin-top:60px;margin-left:auto;margin-right:auto;}
@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:90%;}
	.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_products.scthide{margin-top:0px;}

/******关于海昌*******/
.index-company-instro{width:100%;}
.index-company-bg{display:none;}
.index-company-instro h2{line-height:36px;margin-top:40px;margin-bottom:20px;}
.index-company-zl{margin-top:40px;margin-bottom:5px;}
.index-company-zl li{width:33.333%;margin-bottom:15px;}
.index-company-imglist{width:100%;}
.index-company-imglist ul{margin-top:30px;}

.index-company-ys{background-color:#FFF;margin-top:0;}
.index-company-ys li:first-child{width:100%;}
.index-company-ys li{width:47%; bottom:0;}
.index-company-ys li img{width:100%;}

.index-category-name{top:10px;line-height:22px;}

/*****首页新闻***/
.index-news li{width:94%;margin-top:15px;}
.index-news-img{height:auto;}
.index-news-name{height:auto;}
}