@charset "utf-8";
body{background:#fff}
#home-swiper .swiper-slide img{display:block;width:100%;height:auto}
#home-swiper .swiper-pagination-bullet{background:#FFF;opacity:.95}
#home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f47920}
#home-swiper .swiper-next,#home-swiper .swiper-prev{cursor:pointer;position:absolute;width:50px;height:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:50%;margin-top:-25px;z-index:9;background:rgba(255,255,255,.2);transition:background .3s ease}
#home-swiper .swiper-next:hover,#home-swiper .swiper-prev:hover{background:#f47920}
#home-swiper .swiper-next i,#home-swiper .swiper-prev i{color:#FFF;font-weight:bold;font-size:22px}
#home-swiper .swiper-next{right:0}
#home-swiper .swiper-next i{transform:rotate(180deg)}
#home-swiper .swiper-prev{left:0}
@media screen and (min-width:769px){
	#home-swiper{min-height:300px}
}
@media screen and (max-width:768px){
	#home-swiper .swiper-next,#home-swiper .swiper-prev{width:36px;height:36px}
}
#in-advantage h2, #in-news h2, .in-honor h2{text-align:center;font-size:40px;color:#000;margin: 40px 0;}
#in-advantage ul{display:flex;justify-content:space-between;margin:50px auto;flex-wrap:wrap;}
#in-advantage li{width: 24%;text-align: center;}
#in-advantage span{display:block;}
#in-advantage span img{display:block;margin: 5px auto;}
#in-advantage dl{flex:1;line-height:1.6}
#in-advantage dt{font-weight:bold;margin-bottom:10px;font-size:24px}
#in-advantage dd{margin:0;}
@media screen and (max-width:1024px){
#in-advantage li{width:49%;margin-bottom: 10px;}
}
@media screen and (max-width:768px){
	#in-advantage{}
	#in-advantage h2, #in-news h2, .in-honor h2{font-size:30px}
	#in-advantage ul{margin:20px 0 10px}
	#in-advantage li{width:100%;margin-bottom:10px}
	#in-advantage dt{font-size:20px}
	#in-advantage dd{font-size:14px}
}

/*about*/
#home-about{background: url(../images/bg.jpg) no-repeat center 0;padding:50px 0}
#home-about .home-about{display:flex;justify-content:space-between;flex-wrap:wrap}
#home-about .home-aboutL{flex:1;max-width:760px;margin-right:50px}
#home-about .home-aboutL .title{font-size:30px}
#home-about .home-aboutL .title img{vertical-align: bottom;}
#home-about .home-aboutL .title span{color:var(--color)}
#home-about .home-aboutL .about-text{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;margin: 50px 0 80px;}
#home-about .home-aboutL .about-more{display:block;border:1px solid var(--color);color:var(--color);border-radius:10px;line-height:40px;width:150px;text-align:center}
#home-about .home-aboutL .about-more:hover{background:var(--color);color:#fff}



#home-about .home-aboutR{position:relative;z-index:0;flex:1}
#home-about .home-aboutR .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;border:4px solid #fff;transform:translate(-50%,-50%)}
#home-about .home-aboutR .play img{width:30px}
#home-about .home-aboutR>img{display:block;width:100%;height:auto;}
.videos{z-index:999999999;position:fixed;top:50%;left:50%;display:none;max-width:calc(100% - 20px);max-height:100%;transform:translateX(-50%) translateY(-50%);border-radius:10px;overflow:hidden}
.videos span{display:block;content:'x';position:absolute;top:10px;right:10px;color:#fff;z-index:999;width:30px;line-height:30px;border:1px solid #fff;text-align:center;border-radius:5px;cursor:pointer;background:rgba(255,255,255,0.5)}
.videos span:hover{background:rgba(255,255,255,1);color:#000}
.videos iframe{display:block;border-radius:10px;height: 540px;}
@media screen and (max-width:1470px){
	#home-about .home-aboutL .about-text{
    margin: 25px 0 25px;
}
	#home-about .home-aboutR .play{}
}
@media screen and (max-width:768px){
	.videos iframe{
    height: 400px;
}
	.videos{width:100%;min-height:300px}
	#home-about .home-aboutR{position:relative;top:0px;margin:0px;border-radius:0}
	#home-about .home-aboutR>img{border-radius:0}
	#home-about .home-aboutR .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
	#home-about .home-aboutR .play img{width:3.2vw}
}



@media screen and (max-width: 1200px){
	#home-about .home-aboutL{margin-right:20px}
	#home-about .home-aboutL .about-text{}
	#home-about .home-aboutR{width:440px}
	#home-about .home-aboutR li{width:200px;padding:60px 10px 35px 50px;margin:0 20px 20px 0;box-shadow:8px 8px 0px 2px #D4D4D4}
	#home-about .home-aboutR li:nth-child(4){padding: 60px 10px 35px 25px;}
	#home-about .home-aboutR li .cn{font-size: 22px;}
	#home-about .home-aboutR li .en{font-size:20px;width:125px}
	#home-about .home-aboutR li span{width:120px;height:120px;font-size:34px}
	#home-about .home-aboutR li:nth-child(1) span{right:-60px;bottom:-60px;padding:20px 0 0 20px}
	#home-about .home-aboutR li:nth-child(2) span{left:-60px;bottom:-60px;padding:20px 0 0 68px}
	#home-about .home-aboutR li:nth-child(3) span{right:-60px;top:-60px;padding:68px 0 0 20px}
	#home-about .home-aboutR li:nth-child(4) span{left:-60px;top:-60px;padding:68px 0 0 68px}
}
@media screen and (max-width:768px){
	#home-about{padding: 30px 0;}
	#home-about .home-aboutL{flex: auto;width: 100%;max-width: unset;}
	#home-about .home-aboutL .about-text{margin: 30px 0;}
	#home-about .home-aboutR{margin: 40px auto 0;}
}

/*解决方案*/
#home-jjfa{background:#F6F6F6;padding:50px 0}
#home-jjfa .jjfa-title{text-align:center;font-size:34px;line-height:2;position:relative;padding-bottom:15px}
#home-jjfa .jjfa-title span{display:block;color:var(--color)}
#home-jjfa .jjfa-title:before,#home-jjfa .jjfa-title:after{content:'';display:block;position:absolute;bottom:0;background:var(--color);border-radius:10px;height:6px}
#home-jjfa .jjfa-title:before{width:80px;left:50%;margin-left:-44px}
#home-jjfa .jjfa-title:after{width:8px;left:50%;margin-left:40px}
#home-jjfa .jjfa-title2{text-align:center;line-height:2;margin:20px auto 70px}
#home-jjfa .jjfa-title2 br{}
#home-jjfa .jjfa{}
#home-jjfa .jjfa li{margin-top:50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
#home-jjfa .jjfa li:nth-child(even){flex-direction:row-reverse;text-align:right}
#home-jjfa .jjfa li:nth-child(even) .jjfa-left{margin-left:50px;margin-right:0}
#home-jjfa .jjfa .jjfa-left{flex:1;margin-right:50px;max-width:800px}
#home-jjfa .jjfa .jjfa-left h4{font-weight:normal;color:var(--color);font-size:30px}
#home-jjfa .jjfa .jjfa-left div{color:#B2B2B2;line-height:2;margin:30px 0;font-size:18px}
#home-jjfa .jjfa .jjfa-left a{display:inline-block;width:130px;line-height:34px;height:34px;border:1px solid var(--color);color:var(--color);text-align:center}
#home-jjfa .jjfa .jjfa-left a:hover{background:var(--color);color:#fff}
#home-jjfa .jjfa .jjfa-right{}
#home-jjfa .jjfa .jjfa-right img{display:block;max-width:100%}
@media screen and (max-width:1200px){
	#home-jjfa{}
	#home-jjfa .jjfa-title{font-size:30px}
	#home-jjfa .jjfa-title span{}
	#home-jjfa .jjfa-title2{}
	#home-jjfa .jjfa-title2 br{}
	#home-jjfa .jjfa{}
	#home-jjfa .jjfa li{align-items:flex-start}
	#home-jjfa .jjfa .jjfa-left{margin-left:0}
	#home-jjfa .jjfa .jjfa-left h4{font-size:26px}
	#home-jjfa .jjfa .jjfa-left div{font-size:16px;margin:20px 0}
	#home-jjfa .jjfa .jjfa-left a{}
	#home-jjfa .jjfa .jjfa-left a:hover{}
	#home-jjfa .jjfa .jjfa-right{width:50%}
	#home-jjfa .jjfa .jjfa-right img{}
}
@media screen and (max-width:768px){
	#home-jjfa{padding:30px 0}
	#home-jjfa .jjfa-title{font-size:20px}
	#home-jjfa .jjfa-title span{}
	#home-jjfa .jjfa-title2{font-size:14px;margin-bottom:30px}
	#home-jjfa .jjfa-title2 br{}
	#home-jjfa .jjfa{}
	#home-jjfa .jjfa li{flex-direction:column-reverse;margin-top:30px}
	#home-jjfa .jjfa li:nth-child(even){text-align:left;flex-direction:column-reverse}
	#home-jjfa .jjfa .jjfa-left,#home-jjfa .jjfa li:nth-child(even) .jjfa-left{width:100%;max-width:unset;flex:unset;margin-left:0;margin-right:0;margin-top:20px}
	#home-jjfa .jjfa .jjfa-left h4{}
	#home-jjfa .jjfa .jjfa-left div{font-size:14px;color:#999}
	#home-jjfa .jjfa .jjfa-left a{}
	#home-jjfa .jjfa .jjfa-left a:hover{}
	#home-jjfa .jjfa .jjfa-right{width:100%}
	#home-jjfa .jjfa .jjfa-right img{width:100%}
}
@media screen and (max-width:500px){
	.videos iframe{
    height: 300px;
}
	#home-about .home-aboutR li{width:49%;margin:0 1% 1% 0;padding:60px 15px}
	#home-about .home-aboutR li:nth-child(4){padding:60px 15px}
	#home-about .home-aboutR li .en{width:unset;font-size:16px}
	#home-about .home-aboutR li:nth-child(4) .en{width:unset}
}


/*product*/
#home-product{padding:50px 0}
#home-product ul{display:flex;justify-content:space-between;flex-wrap:wrap}
#home-product ul li{width:24%;border-radius:10px;overflow:hidden;box-shadow:0 0 5px 2px #ccc}
#home-product ul li .img{overflow:hidden}
#home-product ul li .img img{display:block;max-width:100%;transition:0.3s all}
#home-product ul li .tit{border-top:1px solid #F2F2F2;display:block;text-align:center;line-height:70px;background:#fff}
#home-product ul li:hover .img img{transform:scale(1.1)}
@media screen and (max-width:1200px){
	#home-product ul li .tit{line-height: 50px;}
}
@media screen and (max-width:768px){
	#home-product{padding: 30px 0 0;}
	#home-product ul li{width: 49%;margin-bottom: 20px;}
}
@media screen and (max-width:400px){
	#home-product ul li .tit{line-height:40px;font-size: 14px;}
}
/*news*/
#home-news{padding:50px 0}
#home-news .title{text-align:center}
#home-news .title .cn{font-size:50px;color:var(--color)}
#home-news .title .en{color:#666;font-size:20px;margin-top:10px}
#home-news .home-news{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
#home-news .home-newsL{width:47%}
#home-news .home-newsL .news-img{margin-bottom:25px}
#home-news .home-newsL .news-img a{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5;border:1px solid #ccc;background:#eee;overflow:hidden}
#home-news .home-newsL .news-img img{display:block;max-width:100%;transition:0.3s all}
#home-news .home-newsL .news-img a:hover img{transform:scale(1.1)}
#home-news .home-newsL .news-img a:hover img{}
#home-news .news-time{font-size:18px;color:#666}
#home-news .news-t{line-height:2}
#home-news .news-t a{font-size:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:2;margin-top:10px;font-weight:bold}
#home-news .news-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:2;margin:0 0 10px}
#home-news .news-more a{color:var(--color)}
#home-news .news-more a:hover{text-decoration:underline}
#home-news .home-newsR{width:45%}
#home-news .home-newsR li{margin-top:70px}
#home-news .home-newsR li:first-child{margin-top:0}
@media screen and (max-width:1680px){
	#home-news .home-newsR li{margin-top: 50px;}
}
@media screen and (max-width:1470px){
	#home-news .title .cn{font-size:40px;}
	#home-news .news-t a{font-size: 20px;margin-top: 0;}
	#home-news .news-d{font-size: 16px;line-height: 1.6;}
}
@media screen and (max-width:1080px){
	#home-news .title .cn{font-size:30px;}
	#home-news .home-newsL{width: 48%;}
	#home-news .home-newsR{width: 48%;}
	#home-news .home-newsR li{margin-top: 30px;}
}
@media screen and (max-width:768px){
	#home-news .title .cn{font-size: 26px;}
	#home-news{padding: 10px 0 30px;}
	#home-news .home-news{margin-top:30px}
	#home-news .home-newsL{width: 100%;}
	#home-news .home-newsL .news-img a{aspect-ratio: unset;}
	#home-news .news-time{font-size: 14px;}
	#home-news .news-t a{font-size: 18px;}
	#home-news .home-newsR{width: 100%;}
	#home-news .home-newsR li:first-child{margin-top: 30px;}
}