@charset "utf-8";
.title{text-align:center;font-size:36px;margin: 50px 0 30px;line-height:1}
.title:after{content:'';display:block;height:4px;width:50px;background:#C9C9C9;margin:10px auto 0;border-radius:5px}
.title span{color:#0351E7}
.recommend-product{position:relative}
.recommend-product li{width:25%;padding:0 5px;box-sizing:border-box}
.recommend-product .swiper-button-prev{position:absolute;margin-bottom:10px;bottom:50%;left:-30px;width:15px;height:28px;background:url(../images/icon-left.png)}
.recommend-product .swiper-button-next{position:absolute;bottom:50%;margin-bottom:10px;right:-30px;width:15px;height:28px;background:url(../images/icon-right.png)}
.recommend-product .swiper-pagination{display:none}
.pro-img{position:relative;height:0;width:100%;padding: 0 0 99% 0;border:1px solid #CFCFCF;box-sizing:border-box}
.pro-img a{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:10px;overflow:hidden}
.pro-img a img{display:block;max-width:100%;max-height:100%;transition:0.5s all}
.pro-tit{text-align:center;line-height:3;margin-bottom: 10px;}
.recommend-product li:hover .pro-img img{transform:scale(1.1)}
@media (max-width:1200px){
	.title{font-size: 28px;margin:30px 0}
}
@media (max-width:768px){
	.title{font-size: 20px;}
	.recommend-product li{width: 50%;}
	.pro-tit{font-size:14px;line-height:2;}
	.recommend-product .swiper-button-prev,.recommend-product .swiper-button-next{display:none}
	.recommend-product .swiper-pagination{display: block;width: 100%;position: unset;}
	.recommend-product .swiper-pagination-bullet{margin: 0 2px;}
}

.jian1{background:url(../images/kefu-bg.jpg) no-repeat center;color:#fff;padding:2px 0;margin-top: 50px;}
.jianL{line-height:1.5}
.jianR{background:url(../images/icon-people.png) no-repeat right center;min-height:182px;padding-right:163px;display:flex;flex-wrap:wrap;align-items:center;text-align:right;line-height:1.5;margin-right:115px}
.jian1 .tit1{font-size:56px;font-weight:bold;text-shadow:3px 3px 5px #000}
.jian1 .tit2{font-size:22px;letter-spacing:5px}
.jian1 .tit3{width:100%;font-size:28px}
.jian1 .tit4{font-size:30px;font-family:fantasy}
@media (max-width:1200px){
	.jianR{margin-right:0}
	.jian1 .tit1{font-size:50px}
	.jian1 .tit2{font-size:20px;letter-spacing:4px}
}
@media (max-width:768px){
	.jianR{min-height:91px;padding-right:81px;background-size:auto 100%}
	.jian1 .tit1{font-size:30px}
	.jian1 .tit2{letter-spacing:0;font-size:14px}
	.jian1 .tit3{font-size:22px}
	.jian1 .tit4{font-size:28px}
}
@media (max-width:520px){
	.jian1{padding: 10px 0;margin-top: 10px;}
	.jianR{min-height:unset;padding-right:0;background:unset}
	.jian1 .tit1{font-size:26px}
	.jian1 .tit2{font-size:12px}
	.jian1 .tit4{font-size:22px}
}

#in-product{overflow: hidden;padding: 15px 0;}
.product-list li{width: 24%;}
.product-list li:hover .pro-img img{transform:scale(1.1)}
@media (max-width:1024px){
	.product-list li{width: 32%;}
}
@media (max-width:768px){
	.product-list .pro-tit{font-size:14px;line-height:2;margin:5px 0 10px}
}
@media (max-width:450px){
	.product-list li{width:49%}
	.product-list .pro-tit{font-size:14px;line-height:2;margin:5px 0 10px}
}

#in-about{padding: 65px 0;background: url(../images/about-bg.jpg) no-repeat center bottom;}
#in-about .container{}
#in-about .aboutL{flex: 1;height:100%;margin-right: 50px;}
#in-about .aboutL .en{display: flex;align-items: center;}
#in-about .aboutL .en:before,#in-about .aboutL .en:after{display:block;content:'';width: 50px;height: 1px;background: #E1E1E1;}
#in-about .aboutL .en:before{margin-right: 10px;}
#in-about .aboutL .en:after{margin-left: 10px;}
#in-about .aboutL .txt{text-indent:2em;line-height:2;color:#444;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 8;overflow:hidden;margin-top: 50px;}
#in-about .aboutR{position:relative;padding: 0 20px 20px 0;max-width: 50%;}
#in-about .aboutR img{display:block;max-width: 100%;box-shadow: 20px 20px rgb(200 200 200 / 70%);margin: 0 auto;}
@media (max-width:1200px){
	#in-about .aboutR div{font-size:15px;line-height:1.6}
}
@media (max-width:1024px){
	#in-about{padding: 0 0 30px;background-size: cover;}
	#in-about .aboutL .txt{font-size:14px;margin-top: 10px;}
}
@media (max-width:768px){
	#in-about .aboutL{width:100%;margin-right: 0;}
	#in-about .aboutL div{-webkit-line-clamp:11}
	#in-about .aboutR{width: 100%;max-width: unset;padding: 0;margin-top: 10px;}
	#in-about .aboutR img{box-shadow:unset}
}

#strength{background:url(../images/youshi-bg.jpg) no-repeat center  top;padding-top:20px}
#strength .container{max-width:1600px;display:flex;justify-content:right}
#strength .strength{background:#fff;box-shadow:0 0 10px #999;padding:50px 50px;max-width:600px}
#strength .t1{display:inline-block;color:#4583CC;font-size:20px;border:1px solid;padding:5px 10px;line-height:1;letter-spacing:2px}
#strength .t2{margin:30px 0 10px;line-height:1.4}
#strength .t2 .cn{font-size:48px;font-weight:bold}
#strength .t2 .en{font-size:28px}
#strength li{border-bottom:1px solid #C5C5C5;position:relative;display:flex;justify-content:space-between;padding:30px 80px 30px 30px}
#strength li:after{display:block;content:'';width:0;height:0;border:8px solid transparent;border-bottom:10px solid #C5C5C5;position:absolute;right:0;bottom:0}
#strength li .num{width:60px;font-size:50px;color:#D9330B;line-height:1;font-weight:bold;position:relative;overflow:hidden;margin-right:40px}
#strength li .num:after{display:block;content:'';width:60px;height:60px;border-top:2px solid #D9330B;transform:rotate(-45deg);background:#fff;position:absolute;top:25px;left:10px}
#strength dl dt{font-size:24px;color:#0157BA;font-weight:bold;line-height:1;margin-bottom:15px}
#strength dl dd{font-size:16px;line-height:1.6}
@media (max-width:768px){
	#strength{background-size:cover}
	#strength .container{width:100%}
	#strength .strength{max-width:unset;margin:0 10px;padding:30px}
	#strength .t1{font-size:16px}
	#strength .t2{margin:20px 0 10px}
	#strength .t2 .cn{font-size:30px}
	#strength .t2 .en{font-size:17px}
	#strength li{padding:15px 20px}
	#strength li .num{margin-right:10px}
	#strength li .num:after{display:block;content:''}
	#strength dl:after{display:block;content:''}
	#strength dl dt{font-size:20px;margin-bottom:10px}
	#strength dl dd{font-size:14px;line-height:1.4}
}
#hot-product{padding-bottom:70px}
.hot-product{max-width:1320px;position:relative}
.hot-product li{width:25%;padding:0 5px;box-sizing:border-box}
.hot-product li:hover .pro-img img{transform:scale(1.1)}
@media (max-width:768px){
	#hot-product{padding-bottom:20px;}
	.hot-product li{width: 50%;}
}

#news{background:#E0E0E0;padding:40px 0}
.newsL{flex:1;background:#fff;margin-right:20px;padding:20px}
.newsL .news-title{max-width:400px;border-bottom:1px solid #DCDCDC;align-items:flex-end}
.newsL .news-title p{font-size:24px}
.newsL .news-title p span{color:#005CDB}
.newsL .news-title a{color:#005CDB}
.newsL .news-item1{margin:30px 50px 30px 0}
.newsL .news-item1 .news-img{position:relative}
.newsL .news-item1 .news-img a{border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:250px;height:250px}
.newsL .news-item1 .news-img a img{display:block;max-width:100%;max-height:100%}
.newsL .news-item1 .news-c{flex:1;margin-left:50px}
.newsL .news-item1 .news-c>a{font-size:20px}
.newsL .news-item1 .news-c p{margin-top:20px;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.newsL .news-item1 .news-c p a{color:#005CDB;margin-left:5px;font-size:13px}
.newsL ul{}
.newsL li{width:49%;display:flex;justify-content:space-between;max-width:400px;margin-bottom:5px;flex-wrap:wrap}
.newsL li a{font-size:13px}
.newsL li a:before{content:"·";margin-right:3px}
.newsL li span{}
.newsR{width:350px;background:#fff;box-sizing:border-box;padding:20px 20px}
.newsR .news-title{background:#005CDB;color:#fff;line-height:1;padding:10px 0 10px 10px;font-size:24px}
.newsR ul{}
.newsR li{padding:20px 0}
.newsR li:first-child{border-bottom:1px dotted}
.newsR li>p{display:flex;align-items:center}
.newsR li>p:before{display:block;content:"问";background:#005CDB;width:24px;line-height:24px;height:24px;border-radius:50%;color:#fff;text-align:center;margin-right:10px}
.newsR li a{color:#4C4D4F}
.newsR li div{display:flex;margin-top:5px}
.newsR li div:before{content:"答";display:block;background:#D7292A;width:24px;line-height:24px;height:24px;border-radius:50%;color:#fff;text-align:center;margin-right:10px;margin-top:2px}
.newsR li div p{flex:1;color:#4C4D4F;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:13px}
@media (max-width:1024px){
	.newsL .news-item1{margin-right:0}
	.newsL .news-item1 .news-c{margin-left:15px}
	.newsR{width:300px}
}
@media (max-width:768px){
	#news{padding:20px 0}
	.newsL{width:100%;margin-right:0}
	.newsL .news-title{max-width:unset}
	.newsL .news-item1{margin-bottom:10px}
	.newsL .news-item1 .news-img{width:100%}
	.newsL .news-item1 .news-img a{width:100%;height:unset}
	.newsL .news-item1 .news-c{margin-left:0;margin-top:15px}
	.newsL .news-item1 .news-c a{font-size:18px}
	.newsL .news-item1 .news-c p{margin-top:5px}
	.newsL li{width:100%;max-width:unset}
	.newsR{width:100%}
}

#link{background: #000000;line-height: 2;padding: 5px 0 3px;color: #fff;}
#link:after{display:block;content:'';width: 100%;height: 1px;background: #348BFF;margin-top: 5px;}
#link a{color: #fff;margin-right: 10px;}