@charset "utf-8";
@import url(common.css);

/*首页 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background: url(../images/loading.gif) center center no-repeat;clear: both;width: 100%;}
.HomeBan .wap {display: none;}
.HomeBan .swiper-slide{ position:relative;overflow: hidden;}
.HomeBan .swiper-slide .Content{position: absolute;right: 0%;width: 50%;top: 0;height: 100%;display: flex;padding-left: 1.29rem;z-index: 10;line-height: 1.6;flex-direction: column;justify-content: center;transition: all 0.5s;}
.HomeBan .swiper-slide .bg{width: 100%;height: 100%;right: -100%;top:0;background:rgba(255,255,255,0.96);content: "";position:absolute;transition: all 0.3s;}
.HomeBan .swiper-slide .Info{position: relative;z-index: 1;}
.HomeBan .swiper-slide .entit{font-size: 18px;text-transform: uppercase;}
.HomeBan .swiper-slide .cntit{font-size: 0.6rem;}
.HomeBan .swiper-slide .keyword{font-size: 0.3rem;opacity: 0.6;margin: 5px 0 50px;}
.HomeBan .swiper-slide .imgbox img{width: 100%}
.HomeBan .swiper-slide-active .bg{right: 0;}
.HomeBan .swiper-slide-active .Content{animation:width 0.6s 6s forwards;}
.HomeBan .swiper-slide-active .Info .ani{animation:opacity 0.6s 6s forwards;}

.HomeBan .slick-dots{ bottom: 0.6rem;width: 50%;left: 50%;padding-left: 1.3rem;text-align: left;}
.HomeBan .slick-dots li{margin:0 0 0 15px;width: 50px;height: 4px;position: relative;}
.HomeBan .slick-dots li button{background:#e1e1e1;height: 4px;width: 100%;border-radius: 2px;}
.HomeBan .slick-dots li:after{width: 0%;height: 4px;content: "";background:#333333;border-radius:2px;position: absolute;left: 0;top: 0;}
.HomeBan .slick-dots li.slick-active:after{animation:width 8s 0.3s forwards;}
.HomeBan .slick-arrow{display: none !important;}

/*分页器*/
.HomeBan .swiper-pagination{top:auto;bottom:0.6rem !important;width: 50% !important;left: 50% !important;padding-left: 1.3rem;text-align: left;}
.HomeBan .swiper-pagination span {display: inline-block;width: 50px;height: 4px;margin: 0 15px 0 0;cursor: pointer;border-radius:2px;opacity: 1;background:#e1e1e1;position: relative;}
.HomeBan .swiper-pagination span:after{width: 0%;height: 4px;content: "";background:#cb011d;border-radius:2px;position: absolute;left: 0;top: 0;}
.HomeBan .swiper-pagination-bullet-active:after{animation:width2 6s 0.3s forwards;}
.HomeBan .swiper-pagination-bullet i{background: gray;height: 4px;transform:scaleX(0);transform-origin: 0;display: block;border-radius: 2px;}
@keyframes width2{
	0%{width: 0;}
	100%{width: 100%;}
}

@keyframes width{
	0%{width: 50%;}
	100%{width: 100%;}
}
@-webkit-keyframes width{
	0%{width: 50%;}
	100%{width: 100%;}
}
@-moz-keyframes width{
	0%{width: 50%;}
	100%{width: 100%;}
}

@keyframes opacity{
	0%{opacity: 1;}
	100%{opacity: 0;}
}
@-webkit-keyframes opacity{
	0%{opacity: 1;}
	100%{opacity: 0;}
}
@-moz-keyframes opacity{
	0%{opacity: 1;}
	100%{opacity: 0;}
}

@media(max-width:1024px){
	.HomeBan .swiper-pagination{bottom: 0.3rem !important;}
}
@media(max-width:767px){
	.HomeBan{box-shadow: 0 10px 10px rgba(0,0,0,0.05);background-image: none;}
	.HomeBan .pc {display: none;}
	.HomeBan .wap {display: block;}
	.HomeBan .imgbox img{/*height: 7.5rem;*/width: auto;max-width:none;object-fit: cover;}
	.HomeBan .swiper-slide .Content{position: static;width: auto;padding:0.5rem; text-align: center;height: 4.8rem;}
	.HomeBan .swiper-slide .Content .bg{display: none;}
	.HomeBan .swiper-slide-active .Content{animation:none 0.6s 6s forwards;}
 .HomeBan .swiper-slide-active .Info .ani{animation:none 0.6s 6s forwards;}
	.HomeBan .swiper-slide .keyword{font-size: 18px;margin-bottom: 0.5rem;}
	.HomeBan .swiper-pagination{bottom: auto !important;top: 50%;width: 100% !important;padding-left: 0;text-align: center;left: 0 !important;}
	.HomeBan .swiper-pagination span{width: 35px;}
	.HomeBan .swiper-slide .cntit{font-size: 0.5rem;}
}

.HomePro{padding:27px 2% 0.99rem;overflow: hidden;}
.HomePro li {display: inline-block; width: 2.7rem;}
.HomePro li{text-align: center;padding: 0 1em;padding-top: 23px;}
.HomePro li a{display: inline-block;position: relative;}
.HomePro li a:After{left: 50%;bottom: 0;width: 0;height: 1px;background:#333333;content: "";position: absolute;transition: all 0.3s;}
.HomePro li a:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.HomePro li a:hover:After{left: 0;width: 100%;}
.HomePro .img {height: 1.86rem;position: relative;line-height: 1.86rem;}
.HomePro .img:after {position: absolute;bottom: -6px;width: 110%;left: -5%;height: 8px;background:url(../images/proshadow.png) center bottom no-repeat;content: "";}
.HomePro .img img{max-height: 1.86rem;position: relative;z-index: 1;transition: all 0.3s;vertical-align: middle;}
.HomePro .ti{height: 52px;line-height: 20px;display: flex;justify-content: center;align-items: center;margin-top: 5px;font-size: .18rem;}

.HomeCol{margin-left: -0.23rem;}
.HomeCol .Col{padding: 0 0 0.23rem 0.23rem;float: left;width: 50%;}
.HomeCol .Col:nth-child(4){clear: both;}
.HomeCol .Col .a{position: relative;display: block;}
.HomeCol .Col .a:hover .ti{top: 49.2%;}

.HomeCol .imgbox{border-radius: 11px;}
.HomeCol .ti{line-height: 1.08rem;font-size: 0.5rem;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;position: absolute;z-index: 15;color: #fff;transition: all 0.2s;width: 65%;}

.HomeCol .case{position: relative;}
.HomeCol .case .ti:After{position: absolute;left: 50%;bottom: 0;width: 55px;height: 6px;background:#fff;transform: translateX(-50%);content: "";}
.HomeCol .Col:hover .ti {top:49.2%;}
.HomeCol .case .slider{z-index: 10;overflow: hidden;}
.HomeCol .case .imgbox{padding-top: 8.50rem;transition: all 0.3s;transform: scale(0.98);}
.HomeCol .case .slick-active .imgbox{transform: scale(1);}
.HomeCol .case:hover .slick-prev{left: 0.21rem;}
.HomeCol .case:hover .slick-next{right: 0.21rem;}
.HomeCol .imgshadow{position: absolute;left: 0;top: 0;height: 100%;width: 99%; z-index: 0;}
.HomeCol .imgshadow li{position: absolute;width: 100%;height: 100%;transition: all 0.3s;top: 0;left: 0;}
.HomeCol .imgshadow li img{width: 100%;height: 100%;border-radius: 11px;}
.HomeCol .imgshadow li.on{transform: scale(0.9);opacity: 0;}
.HomeCol .imgshadow .i1{z-index: 2;}
.HomeCol .imgshadow .i2{z-index: 3;}

.HomeCol .case.on .i2{top: -6px;transition: all 0.3s;width: 96%;left: 2%;}
.HomeCol .case.on .i3{top: -14px;transition: all 0.6s;width: 92%;left: 4%;}

.HomeCol .imgshadow .on1 .i1{top: -6px;transition: all 0.3s;width: 96%;left: 2%;opacity: 1;}
.HomeCol .imgshadow .on1 .i2{opacity: 0;z-index: 0;}
.HomeCol .imgshadow .on1 .i3{top: -14px;transition: all 0.6s;width: 92%;left: 4%;}

.HomeCol .imgshadow .on2 .i1{top: -14px;transition: all 0.3s;width: 92%;left: 4%;}
.HomeCol .imgshadow .on2 .i2{top: -6px;transition: all 0.6s;width: 96%;left: 2%;z-index: 3;}
.HomeCol .imgshadow .on2 .i3{opacity: 0;z-index: 0;}

.HomeCol .Nav1 .imgbox{padding-top: 5.23rem;}
.HomeCol .Nav2 .imgbox{padding-top: 3.04rem;}
.HomeCol .Nav3 .imgbox,.HomeCol .Nav4 .imgbox{padding-top: 4.12rem;}
.HomeCol .Nav3 .ti{color: #333;}

.HomeTit{text-align: center;font-size: 0.6rem;line-height: 0.72rem;padding-bottom: 0.62rem;}
.HomeAd{padding-top: 1.1rem;}
.HomeAd .imgbox{padding-top: 5rem;}

@media(max-width:767px){
	.HomeCol .Casebox{width: auto !important;float: none;}
	.HomeCol .Col{width: 50%;}
	.HomeCol .Nav .imgbox{padding-top:74% !important;}
 .HomeCol .ti{font-size: 18px;}
	.HomeCol .case .i2{top: -6px;transition: all 0.3s;width: 96%;left: 2%;}
 .HomeCol .case .i3{top: -14px;transition: all 0.6s;width: 92%;left: 4%;}

	.HomeAd .imgbox{padding-top: 4rem;}
	.HomeTit{font-size: 0.5rem;line-height: 0.6rem;}
}

/*首页 end*/