

/* banner */
.banner{width: 100%;height:auto;overflow: hidden;position: relative;}
.banner .swiper{width: 100%;height: 100%;}
/* .banner .swiper img{width: 100%;height:100%;} */
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner #banner_prev,.banner #banner_next{position: absolute;top: 48.5%;transform: translateY(-50%);width: 27px;height: 47px;z-index: 3;cursor: pointer;}
.banner #banner_prev{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.banner #banner_next{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.banner #banner_prev.fade{opacity: 0;}
.banner #banner_next.fade{opacity: 0;}
.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .swiper-pagination span{width: 9px;height: 9px;background: transparent;padding: 0;border: solid 1px #fff;opacity: 1;vertical-align: middle;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet{border-radius: 16px;}
.banner .swiper-pagination{left:50%;width:90%;max-width:1736px;height: auto;bottom: 13%;text-align: right;box-sizing: border-box;transform: translateX(-50%);}
.banner #banner_mb{display: none;}

.banner .num_page{position: absolute;right:5%;bottom:30px;width:auto;z-index: 2;color: #fff;font-size: 40px;font-family: mont;white-space: nowrap;display: none;}
.banner .num_page span{display: inline-block;}

@media only screen and (max-width:1260px){
	.banner #banner_prev, .banner #banner_next{width: 20px;height: 30px;}
	/* .banner #banner_prev,.banner #banner_next{background-size: 20px;} */
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
	.banner .num_page{font-size: 48px;}
}
@media only screen and (max-width:980px){
	.banner .num_page{font-size: 40px;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active{width: 12px;height: 12px;}
}
@media only screen and (max-width:850px){
	.banner .num_page{font-size:30px;}
}
@media only screen and (max-width:750px){
	/* .banner #banner_pic{display: none;}
	.banner #banner_mb{display: block;} */
}
@media only screen and (max-width:520px){
	.banner #banner_prev, .banner #banner_next{height: 22px;background-size: 12px;}
	.banner #banner_prev{left: 3%;}
	.banner #banner_next{right: 3%;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.banner .swiper-pagination{bottom: 13px;}
	.banner .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
	.banner .num_page{font-size:20px;bottom:13px}
}

.banner .list01 {position: relative;z-index: 1;overflow: hidden;}
.banner .list01 .text{position: absolute;left: 0;bottom:110px;width:100%;height: auto;z-index: 2;}
.banner .list01 .text .wrap{margin: 0 0 0 auto;transition: all 0.6s 0.9s ease-out;}
.banner .list01 .text .top_title .p1{font-size: 28px;font-family: jiangcheng300;}
.banner .list01 .text .top_title .p2{margin:3% 0 3.5%;font-size:40px;color:#1ececa;font-family: jiangcheng500;}
.banner .list01 .text .des{font-size: 19px;line-height: 1.7;}





/* common_css */
section{width: 100%;overflow: hidden;}
.green{background-image:-webkit-linear-gradient(left,#1f512a,#429070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.common_section{width:100%;height:100vh;max-height: 1080px;}

/* common_css */
.idx_more i{display: inline-block;margin-right:8px;width: 19px;height: 19px;border-radius: 50%;overflow: hidden;border: 3px solid #27cfc9;vertical-align: middle;box-sizing: border-box;}
.idx_more span{display: inline-block;vertical-align: middle;font-size: 20px;font-family: SSCNnormal;}

.idx_wrap{margin:0 auto;width:90%;max-width: 1548px;}

.idx_title .title{font-size:36px;font-weight: normal;}

.slogan2{position: absolute;right:0;bottom: 0;font-size:22px;color:#27cfc9;font-family: jiangcheng400;}
@media only screen and (min-width:521px){
	
}
@media only screen and (max-width:1440px){
	.idx_title .title{font-size:30px;}
}
@media only screen and (max-width:1260px){
	
}
@media only screen and (max-width:1080px){
}
@media only screen and (max-width:850px){
	.idx_title .title{font-size:22px;}
}
@media only screen and (max-width:520px){
	.idx_title .title{font-size:20px;}
}

/* idx_more */
.idx_more_button{position:relative;display:inline-block;width:200px;border:1px solid #b08f60;overflow: hidden;}
.idx_more_button a{display: block;padding:0 20px;}
.idx_more_button .button_fl{color: #b08f60;font-size: 16px;line-height: 55px;position: relative;z-index: 10;transition: all .36s ease;}
.idx_more_button .button_fr{width: 16px;line-height: 52px;position: relative;z-index: 10;}
.idx_more_button .button_mc{position: absolute;width: 400px;height: 500px;background: #b08f60;right: -380px;top: -135px;z-index: 1;transition: all .5s ease;transform: rotateZ(-65deg);}
@media only screen and (min-width:521px){
	.idx_more_button:hover .button_mc{right:0;}
	.idx_more_button:hover .button_fl{color: #fff;}
}
@media only screen and (max-width:1260px){
	.idx_more_button{width: 170px;}
	.idx_more_button .button_fl{line-height: 40px;}
	.idx_more_button .button_fr{line-height:40px;}
}
@media only screen and (max-width:850px){
	.idx_more_button{width: 150px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 14px;}
	.idx_more_button .button_fr{line-height:36px;}
}
@media only screen and (max-width:520px){
	.idx_more_button{width: 145px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 13px;}
	.idx_more_button .button_fr{line-height:36px;}
}



/* home_applicance */
.home_applicance{padding: 7.6% 0;background: url(../images/ap_bg.jpg) no-repeat center/cover;}
.home_applicance .inds_use{margin-top: 56px;}
.home_applicance .pro_nav{width: 84px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home_applicance .pro_nav i{display: inline-block;width: 16px;height: 26px;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.home_applicance .pro_nav .swiper-button-disabled i{filter:opacity(0.41);}
.home_applicance .pro_nav .pro_prev i{background-image: url(../images/pro_prev2.png);}
.home_applicance .pro_nav .pro_next i{background-image: url(../images/pro_next2.png);}
.home_applicance .class_list .wrap{box-sizing: border-box;}
.home_applicance .class_list .wrap .swiper{overflow: initial;}
.home_applicance .class_list .swiper-container{}
.home_applicance .class_list .swiper-wrapper{}
.home_applicance .class_list .swiper-slide{width: 18.8%;max-width: 1000px;overflow: hidden;background: #fff;}
.home_applicance .class_list .swiper-slide .img{position: relative;padding-bottom: 168%;width: 100%;height: 0;overflow: hidden;}
.home_applicance .class_list .swiper-slide .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%) scale(1);transition: all .4s ease-out;}
.home_applicance .class_list .change{position: relative;margin: 4% auto 0;width: 490px;max-width: 100%;height: 4px;text-align: center;z-index: 2;display: none;}
.home_applicance .class_list .swiper-slide .text{position: absolute;left: 0;top: 38px;width: 100%;max-height: 100%;z-index: 2;color: #000;padding: 0 30px;box-sizing: border-box;transition: all .5s ease-out;}
.home_applicance .class_list .swiper-slide .text .industry_logo{margin-bottom: 0;text-align: left;}
/* .home_applicance .class_list .swiper-slide .text .industry_logo > div{display: inline-block;} */
/* .home_applicance .class_list .swiper-slide .text .industry_logo img{width: auto;} */
.home_applicance .class_list .swiper-slide .text .text_part{display: block;}
.home_applicance .class_list .swiper-slide .text .tit{font-size: 26px;color: #fff;transition: all .5s ease-out;font-weight: normal;}
.home_applicance .class_list .swiper-slide .text em{display: block;font-size: 16px;font-family: arial;}
.home_applicance .class_list .swiper-slide .text .con{font-size: 16px;line-height: 2.3em;}
.home_applicance .class_list .swiper-slide .text .more span{display: block;margin-top: 0%;margin-top: 20%;padding: 20px 0 0;font-size: 16px;box-sizing: border-box;text-align: left;visibility: visible;opacity: 1;transition: all .5s ease-out;position: relative;letter-spacing: 1px;text-align: right;border-top: 1px solid #000;text-align: right;}
.home_applicance .class_list .swiper-slide .text .more span .item_more{display: inline-block;margin: 0 0 0 auto;width: 17px;height: 17px;background: url(../images/icon_ad_more.png)no-repeat center;background-size: initial;display: block;}
@keyframes roll{
	from{right: 4px;}
	to{right: -webkit-calc(100% - 40px);}
}
@keyframes roll2{
	from{right: 4px;}
	to{right: -webkit-calc(100% - 28px);}
}
/* .home_applicance .class_list .swiper-slide .text .more span:hover{padding: 12px 0 12px 60px;}
.home_applicance .class_list .swiper-slide .text .more span:hover .item_more{animation: roll 0.5s 0s 1 ease;animation-fill-mode:forwards;} */

.home_applicance .class_list .swiper-slide .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 30%);opacity: 0;z-index: 1;transition: all .4s;}

.home_applicance .class_list .swiper-slide .more_icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);visibility: hidden;opacity: 0;transition: all .5s ease-out;z-index: 2;}
.home_applicance .class_list .swiper-slide .more_icon i img{display: block;width: auto;margin: 0 auto;}
.home_applicance .class_list .swiper-slide .more_icon .tit{margin-top: 10px;font-size: 18px;color: #fff;}

.home_applicance .class_list .change .swiper-pagination{position: absolute;width: 100%;height: 2px;background-color: #ccc;}
.home_applicance .class_list .change  .swiper-pagination-bullet{width: 80px;height: 8px;margin: 0 7px;position: relative;background: #d6d6d6;opacity: 1;border-radius: 10px;}
.home_applicance .class_list .change  .swiper-pagination-bullet-active{background:#130c04;border:2px #c9c9c9;}
.home_applicance .swiper-scrollbar{position: absolute;width: 100%;height: 2px;z-index: -1;background: #ccc;}
.home_applicance .swiper-scrollbar-drag{position: absolute;top: auto;bottom: 0;height: 4px;background: #333;cursor: pointer;border-radius: 0;}
.home_applicance .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #333;height: 4px;top: auto;bottom: 0;}
@media only screen and (min-width:481px){
	.home_applicance .class_list .swiper-slide:hover .mask{left: 0;opacity: 1;}
	.home_applicance .class_list .swiper-slide:hover .img img{transform: translate(-50%,-50%) scale(1);opacity: 1;}
	.home_applicance .class_list .swiper-slide:hover .more_icon{visibility: visible;opacity: 1;}
	
	.home_applicance .class_list .swiper-slide:hover .text{top: 50%;color: #fff;}
	.home_applicance .class_list .swiper-slide:hover .text .industry_logo{text-align: center;}
	.home_applicance .class_list .swiper-slide:hover .text .text_part{display: block;}
	.home_applicance .class_list .swiper-slide:hover .tit{color: #fff;letter-spacing: 4px;}
	.home_applicance .class_list .swiper-slide:hover .text .tit{color: #fff !important;}
	.home_applicance .class_list .swiper-slide:hover .text .more span{border-color: #fff;}
	.home_applicance .class_list .swiper-slide:hover .text .more span .item_more{filter: brightness(100);}
}
@media only screen and (max-width:1440px){
	.home_applicance .class_list .swiper-slide .text .tit{font-size: 24px;}
	.home_applicance .class_list .swiper-slide .text em{font-size: 16px;}
	.home_applicance .class_list .swiper-slide .text .con{font-size: 14px;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}
@media only screen and (max-width:1260px){
	/* .home_applicance{padding-bottom: 40px;} */
	.home_applicance .inds_use{margin-top: 48px;}
	.home_applicance .class_list .swiper-slide .text{}
	.home_applicance .class_list .swiper-slide .text .tit{font-size: 20px;}
	.home_applicance .class_list .swiper-slide .text em{font-size: 14px;}
	.home_applicance .class_list .swiper-slide .text .con{}
	.home_applicance .class_list .swiper-slide .text .more span{    padding: 5px 0;width: auto;font-size: 12px;letter-spacing: 0;}
	/* .home_applicance .class_list .swiper-slide .text .more span:hover{padding: 7px 0 7px 30px;} */
	.home_applicance .class_list .swiper-slide .text .more span .item_more{width: 24px;height: 24px;background-size: 12px;}
}
@media only screen and (max-width:850px){
	.home_applicance{padding: 100px 0;}
	.home_applicance .inds_use{margin-top: 38px;}
	.home_applicance .class_list .change{margin-top: 38px;}
	.home_applicance .class_list .swiper-slide .text{top:20px;padding:0 16px;}
	.home_applicance .class_list .swiper-slide .text .tit{font-size: 16px;}
	.home_applicance .swiper-scrollbar-drag{height: 2px;}
	.home_applicance .pro_nav{width: 60px;}
	.home_applicance .pro_nav i{width: 12px;height: 18px;}
}
@media only screen and (max-width:520px){
	.home_applicance{padding: 70px 0;}
	.home_applicance .inds_use{margin-top: 24px;}
	.home_applicance .class_list .swiper-slide .text .con{}
	.home_applicance .class_list .swiper-slide .text{}
	.home_applicance .class_list .swiper-slide .text .tit{font-size: 15px;}
	.home_applicance .class_list .swiper-slide .text em{font-size: 14px;}
	.home_applicance .pro_nav{width: 46px;}
}

.relative_more .more{padding:10px 22px;width:auto;max-width: 100%;position: relative;z-index: 1;background: #fff;border-radius: 30px;color: #1e2121;box-sizing: border-box;display: inline-block;}
.relative_more .more > .flx_w{align-items: center;}
.relative_more .more span{font-size:14px}
.relative_more .more i{display: inline-block;margin-left:20px;width: 32px;height: 14px;background: url(../images/icon_01.png)no-repeat center;}
/* .relative_more .more:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;background-color: #333;z-index: -1;} */
@media only screen and (max-width:850px){
	.relative_more .more span{font-size:12px}
	.relative_more .more i{width: 20px;height: 10px;background-size: 100% auto;}
	.relative_more .more{padding:8px 16px;}
}
@media only screen and (max-width:520px){
	.relative_more .more{padding:6px 14px;}
	.relative_more .more span{font-size:14px}
}

/* home_profile */
.home_profile .layout{position: absolute;left:0;top:38%;width:100%;transform: translateY(-50%);color:#fff;z-index: 2;}
.home_profile .yc_img2{position: absolute;left:5%;top:30px;width: 28%;display: none;}
.home_profile .lf_part{width: 50%;text-align: center;}
.home_profile .lf_part .title_wrap{display: inline-block;}
.home_profile .lf_part .yc_img{margin-top:28%;}
.home_profile .rt_part{width: 50%;}
.home_profile .rt_part .des{font-size:16px;line-height:2;}
.home_profile .rt_part .des p span{display: block;}
.home_profile .relative_more{margin-top: 9%;}
@media only screen and (max-width:1080px){
	.home_profile .lf_part{text-align: left;width: auto;}
	.home_profile .rt_part{width: 60%;}
	.home_profile .rt_part .des p span:nth-child(1),.home_profile .rt_part .des p span:nth-child(2){display: inline;}
}
@media only screen and (max-width:850px){
	.home_profile .layout{top:50%;}
	.home_profile .lf_part .yc_img{width: 70%;}
}
@media only screen and (max-width:520px){
	.home_profile .layout{position: initial;padding:50px 0 0;width: 100%;transform: initial;color: #000;}
	.home_profile .yc_img2{display: block;}
	.home_profile .lf_part{width: 100%;}
	.home_profile .lf_part .yc_img{display: none;}
	.home_profile .rt_part{margin-top:30px;width: 100%;}
	.home_profile .rt_part .des{font-size:15px;}
	.home_profile .relative_more .more{border:1px solid #1e2121}
}


/* home_news */
.home_news{padding:7.6% 0;background: #fff;}
.home_news .list_content{margin-top: 5.8%;max-width:88%;box-sizing: border-box;position: relative;}
.home_news .list_content #news_swiper{overflow: initial;}
.home_news .list_content .item{padding:0;box-sizing: border-box;transition: all cubic-bezier(0.175, 0.385, 0.32, 1.275) 0.3s;}
.home_news .list_content .item .time{font-size: 18px;color: #c6c3c3;font-family:poppinsM;margin-top: 54px;letter-spacing: 1px;}
.home_news .list_content .item .tit{margin-bottom: 14px;font-weight: normal;font-size:21px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home_news .list_content .item .line{margin:0 0 54px;width: 100%;height: 1px;background: #dbdbdb;}
.home_news .list_content .item .con{font-size: 16px;color: #c6c3c3;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home_news .news_btn{display:none;}
.home_news #news_prev{position: absolute;right:calc(100% + 5%);top:50%;width:50px;height:50px;background-color:#333;transform: translateY(-50%);border-radius: 50%;cursor: pointer;z-index: 3;}
.home_news #news_next{position: absolute;left:calc(100% + 5%);top:50%;width:50px;height:50px;background-color:#333;transform: translateY(-50%);border-radius: 50%;cursor: pointer;z-index: 3;}
.home_news #news_prev img,.home_news #news_next img{position: absolute;left:50%;top:50%;width:auto;transform: translate(-50%,-50%);user-select: none;}
.home_news #news_prev.swiper-button-disabled{background-color: #777;}
.home_news #news_next.swiper-button-disabled{background-color: #777;}

.home_news .swiper-pagination{}
.home_news .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.home_news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px 0 0;}
.home_news .swiper-pagination span{margin:0 17px 0 0;width: 7px;height: 7px;background: transparent;padding: 0;border: solid 1px #d4d4d4;opacity: 1;vertical-align: middle;}
.home_news .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}
.home_news .swiper-pagination-bullet{border-radius: 16px;}
.home_news .swiper-pagination{position: relative;margin-top:6%;width:100%;height: 8px;padding: 0;height: auto;text-align: left;box-sizing: border-box;transform: initial;}
.home_news .relative_more .more{margin:0 0 0 auto;}
.home_news .relative_more .more span{font-size: 20px;}
@media only screen and (min-width:520px){
	.home_news .list_content .item:hover{transform: translateY(-5px);}
	.home_news .list_content .item:hover .time{color:#1e2121;}
}
@media only screen and (max-width:1440px){
	/* .home_news .list_content{margin-top: 0;} */
	.home_news .list_content .item .tit{font-size:20px}
	.home_news #news_prev{right: 100%;transform: translate(50%,-50%);}
	.home_news #news_next{left: 100%;transform: translate(-50%,-50%);}
}
@media only screen and (max-width:1260px){
	.home_news{padding:50px 0}
	/* .home_news .list_content .item .time{font-size: 32px;} */
}
@media only screen and (max-width:850px){
	/* .home_news{padding:45px 0} */
	.home_news .list_content .item .tit{font-size:18px}
	.home_news .list_content .item .time{font-size: 14px;}
	.home_news #news_prev,.home_news #news_next{width: 40px;height: 40px;}
}
@media only screen and (max-width:520px){
	.home_news{padding:70px 0}
	.home_news .list_content .item .line{margin:0 0 34px;}
	.home_news .list_content .item .tit{font-size:16px;}
	.home_news .list_content .item .con{font-size:15px}
	/* .home_news .news_btn{margin-top:18px;display: flex;flex-wrap: wrap;justify-content: center;} */
	.home_news #news_prev,.home_news #news_next{position:relative;margin:0 10px;transform: initial;left:auto;right:auto}
	.home_news .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .home_news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px 0 0;}
	.home_news .relative_more .more{display: none;}
}

/* @keyframes fn3-a {
	0% {
		opacity: 0;
		transform: matrix(1, -.1, 0, 1, 0, -20)
	}
	to {
		opacity: 1;
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
} */






