@charset "utf-8";
@font-face {font-family: "SYHT";src: url("../fonts/SYHT.otf") format("truetype");font-display: swap;}
#banner{position: relative;height: 0;padding: 0 0 56.25% 0;}
#swiper-banner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#swiper-banner .swiper-button-prev,#swiper-banner .swiper-button-next{position:absolute;top:50%;text-align:center;width:60px;z-index:3;cursor:pointer;height:60px;margin-bottom:auto;margin-top:auto;overflow:hidden}
#swiper-banner .swiper-button-prev{background:url(../images/vbg01.png) 0 0 rgba(0,0,0,.1);border-radius:6px;margin-left:1%}
#swiper-banner .swiper-button-next{background:url(../images/vbg01.png) -45px 0 rgba(0,0,0,.1);border-radius:6px;margin-right:1%;right:0}
#swiper-banner .swiper-button-prev:hover, #swiper-banner .swiper-button-next:hover{background-color:rgba(0,0,0,.5)}
@media (max-width: 768px) {
	#banner{}
	#swiper-banner{}
	#swiper-banner .swiper-button-prev,#swiper-banner .swiper-button-next{}
	#swiper-banner .swiper-button-prev{}
	#swiper-banner .swiper-button-next{}
}
.product{}
.title{font-size:30px;text-align:center;margin:50px auto;font-family: SYHT;}
.product-box{padding:0px 60px;position:relative}
.product-swiper{padding:5px 0}
.product-swiper li{box-sizing:border-box;padding:0 20px}
.product-swiper a{display:block;padding:20px 0}
.product-swiper a:hover{box-shadow:0 0 15px rgba(0,0,0,.1);color:#ef4136}
.pro-img{}
.pro-img img{display:block}
.pro-text{text-align:center}
.product-box .swiper-button-prev,.product-box .swiper-button-next{background:rgba(0,0,0,.2);border-radius:50%;cursor:pointer;display:block;height:40px;outline:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:40px;z-index:99;background-position:center;background-repeat:no-repeat;background-size:10px auto;opacity:1}
.product-box .swiper-button-prev:hover,.product-box .swiper-button-next:hover{background-color:rgba(0,0,0,.5)}
.product-box .swiper-button-prev{left:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}
.product-box .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}
@media (max-width:768px){
	.product{padding-bottom: 0;}
	.title{font-size:20px;margin:20px auto}
	.product-box{padding:0}
	.product-swiper{}
	.product-swiper li{width:45%;padding:0 5px}
	.product-swiper a{padding-top: 0;}
	.product-swiper a:hover{}
	.pro-img{}
	.pro-img img{}
	.pro-text{}
	.product-box .swiper-button-prev,.product-box .swiper-button-next{display:none}
	.product-box .swiper-button-prev{}
	.product-box .swiper-button-next{}
}

#che{}
.che-box{position:relative;background:url(../images/che_bg.jpg) no-repeat center 0;padding:21vw 100px 6vw}
.che-swiper{}
.che-swiper li{}
.che-swiper img{display:block;max-width:100%;margin:0 auto;width:606px}
.che-box .swiper-button-prev,.che-box .swiper-button-next{opacity:1}
.che-box .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}
.che-box .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}
@media (max-width:768px){
	#che{}
	.che-box{padding:25px 10px 10px}
	.che-swiper{}
	.che-swiper li{}
	.che-swiper img{}
	.che-box .swiper-button-prev,.che-box .swiper-button-next{width:30px;height:30px;background-color:rgba(0,0,0,.5);border-radius:50%;background-size:10px auto}
	.che-box .swiper-button-prev{left:5px}
	.che-box .swiper-button-next{right:5px}
}
#news{padding-bottom: 50px;}
.news{}
.news li{padding:0 10px}
.news a{display:block;padding:30px}
.news a:hover{box-shadow:0 0 22px rgba(0,0,0,.12);border-radius:5px}
.news-img{}
.news-img img{width:100%;display:block}
.news-con{}
.news-con h4{color:#000;font-size:18px;line-height:1.5;margin-top:20px;font-family: 'SYHT';}
.news-con span{display:inline-block;line-height:1;margin-top:9px;max-width:100%;font-size:14px;color:#999;font-family: 'SYHT';}
.news-con p{color:#666;font-size:14px;line-height:1.7;margin-top:18px;font-family: 'SYHT';}
.news-con div{margin-top:20px;height:28px}
.news-con i{float:right;width:30px;height:28px;position:relative;overflow:hidden}
.news-con i:before,.news-con i:after{background:url(../images/vbg01.png) -23px -324px;content:"";display:inline-block;height:28px;position:absolute;top:0;transition:all .36s ease;width:30px;transition:0.5s all}
.news-con i:before{left: 0;}
.news-con i:after{left: -30px;}
.news a:hover i:before{left: 30px;}
.news a:hover i:after{left: 0;}
@media (max-width:768px){
	#news{padding: 0 10px;}
	.news{}
	.news li{}
	.news a{padding: 10px 0;}
	.news-img{}
	.news-img img{}
	.news-con{}
	.news-con h4{}
	.news-con span{}
	.news-con p{}
	.news-con div{display: none;}
	.news-con i{}
}
#ppgs{background: url(../images/ppgs_bg.jpg) no-repeat center -301px;box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);}
.ppgs-top{color:#fff;padding-top:30px;padding-bottom:75px}
.title2{}
.title2 h3{margin:0 15% 0 20%;font-size:40px;font-weight:normal}
.title2 a{margin:0 15% 0 20%;display:block;border:1px solid #fff;color:#fff;text-align:center;width:250px;line-height:40px;margin-top:20px}
.ppgs-text{padding:0 5% 0 3%}
.ppgs-text p{line-height:49px;font-size:18px}
.ppgs-bot{}
.ppgs-left{}
.ppgs-left .title{margin: 8% 15% 5% 20%;text-align:left;font-size:40px;}
.ppgs-con{margin:0 10% 0 20%}
.ppgs-con p{line-height:31px}
.ppgs-img{text-align: right;}
.ppgs-img img{margin-right:7%;margin-top:10px;max-width: 100%;}
@media (max-width:1300px){
    .ppgs-text p{line-height: 2;}
    .ppgs-left .title{font-size: 30px;margin: 0 auto;text-align: center;}
    .ppgs-con{margin: 0 10px;}
}
@media (max-width:768px){
	#ppgs{}
	.ppgs-top{padding-top: 10px;padding-bottom: 15px;}
	.title2{}
	.title2 h3{font-size:24px;margin:0 1% 0 10px}
	.title2 a{margin: 5px 0 10px 10px;width:150px;font-size:14px;line-height:2.4;}
	.ppgs-text{padding:0 10px}
	.ppgs-text p{line-height:2;font-size:14px}
	.ppgs-bot{}
	.ppgs-left{}
	.ppgs-left .title{margin:10px;font-size:25px;text-align:center}
	.ppgs-con{margin:10px}
	.ppgs-con p{}
	.ppgs-img{}
	.ppgs-img img{float:none}
}
#section1{padding: 50px 0 20px;}
#section1 ul{margin: 0 12% 0 12%;}
#section1 li{text-align: center;}
#section1 img{}
#section1 p{font-family: 'SYHT';}
@media (max-width:768px){
	#section1{padding: 10px 0 10px;}
	#section1 ul{margin: 0;}
	#section1 li{}
	#section1 img{}
	#section1 p{font-family: 'SYHT';}
}