.index-box{padding: 3rem 0;}
.index-con{overflow: hidden;width: 63%;max-width: 1200px;margin: 0 auto;text-align: center;}
.index-con img{display: block;width: 100%;}
.index-con .title{overflow: hidden;margin-bottom: 3rem;}
.index-con .tit{font-size: 24px;color: #fda51b;font-weight: bold;}
.index-con .entit{font-size: 18px;color: #686868;}
.index-con ul li{display: block;float: left;margin: 0 1rem;width: calc(25% - 2rem);}
.index-con ul li:nth-child(4n){margin-right: 0;}
.index-con ul li .img{width: 80px;margin: 0 auto;}
.index-con ul li .content{padding: 3% 0;overflow: hidden;}
.index-con ul li .text1{font-size: 18px;font-weight: bold;color: #fda51b;padding-bottom: 2%;}
.index-con ul li .text2{font-size: 14px;color: #686868;}
@media only screen and (max-width: 480px) {
	.index-box{padding: 1rem 0;}
	.index-con{width: 90%;margin: 5% auto 2%;}
	.index-con .title{margin-bottom: 1rem;}
	.index-con .title .tit{margin-bottom: .1rem;}
	.index-con ul li{width: calc(50% - 2rem);margin: 1rem;}
}

.adverlist{overflow: hidden;position: relative;max-height: 500px;}
.adverlist img{width: 100%;}
.advercon{position: absolute;top: 40%;left: 0;right: 0;font-size: 30px;color: #ffffff;text-align: center;}

.advanlist{overflow: hidden;background: #fda51b;}
.advan-con{overflow: hidden;width: 63%;max-width: 1200px;margin: 3rem auto;text-align: center;}
.advan-con .title{overflow: hidden;margin-bottom: 2rem;position: relative;text-align: center;}
.advan-con .tit{font-size: 26px;color: #ffffff;font-weight: bold;padding-bottom: 0.5%;}
.advan-con .entit{font-size: 18px;color: #ffffff;}
.advan-con .title em{background: #ffffff;height: 3px;width: 3.5rem;display: block;margin: 0.5rem auto;}
.advan-con .line1{position: absolute;left: 0;height: 2px;width: 40%;background: #ffffff;top: 40%;}
.advan-con .line2{position: absolute;right: 0;height: 2px;width: 40%;background: #ffffff;top: 40%;}
.advan-con ul li{display: block;width: 21.5%;float: left;overflow: hidden;margin-bottom: 2%;margin-right:2%;background: #f3f3f3;padding: 1%;}
.advan-con ul li .img{overflow: hidden;}
.advan-con ul li img{display: block;width: 100%;height: 200px;object-fit: cover;}
.advan-con ul li:nth-child(4n){margin-right: 0;}
.advan-con ul li img{ transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s; -o-transition:all 0.7s ease-in-out 0s;}
.advan-con ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.advan-con ul li .content{overflow: hidden;padding: 3%;}
.advan-con ul li .cont1{font-size: 18px;font-weight: bold;color: #424242;}
.advan-con ul li .cont2{font-size: 18px;font-weight: bold;color: #424242;padding: 3% 0;}
.advan-con ul li .cont3{font-size: 16px;font-weight: bold;color: #fda51b;}

@media only screen and (max-width: 480px) {
	.advan-con{width: 90%;margin: 5% auto;}
	.advan-con .title{margin-bottom: 5%;}
	.advan-con .tit{font-size: 22px;}
	.advan-con .entit{font-size: 14px;}
	.advan-con .title em{width: 15%;}
	.advan-con .line1,.advan-con .line2{width: 28%;}
	.advan-con ul li{width: 46%;margin-bottom: 4%;margin-right: 4%;}
	.advan-con ul li:nth-child(2n){margin-right: 0;}
	.advan-con ul li .text{font-size: 16px;}
	.advan-con ul li .cont1{font-size: 14px;}
	.advan-con ul li .cont2{font-size: 14px;padding: 2% 0;}
	.advan-con ul li .cont3{font-size: 12px;}
}

.productlist{text-align: center;overflow: hidden;}
.product-con{overflow: hidden;width: 63%;max-width: 1200px;margin: 3rem auto;}
.product-con .title{overflow: hidden;margin-bottom: 2rem;position: relative;}
.product-con .tit{font-size: 26px;color: #424242;font-weight: bold;}
.product-con .entit{font-size: 18px;color: #686868;}
.product-con .title em{background: #fda51b;height: 3px;width: 3.5rem;display: block;margin: 0.5rem auto;}
.productdiv{margin-bottom:3%; text-align:center;}
.productdiv span{display:inline-block;font-size: 16px;padding: 1% 2%;cursor: pointer;margin: 0 1%;}
.productdiv span.cur{ color:#ffffff; border-color:#fda51b;font-weight: bold; background: #fda51b;}
.proinfo{display: none;}
.proinfo ul{text-align: left;}
.proinfo ul li{display: inline-block;width: calc(25% - 3rem - 5px);vertical-align: top;margin: .5rem;overflow: hidden;padding: 1rem;border: 1px solid #eeeeee;}
.proinfo ul li .img{overflow: hidden;}
.proinfo ul li img{display: block;width: 100%;height: 170px;object-fit: cover;}
.proinfo ul li .content{padding: 2% 0;}
.proinfo ul li .text1{font-size: 16px;font-weight: bold;color: #424242;padding-bottom: 3%;}
.proinfo ul li .text2{font-size: 14px;color: #686868;line-height: 22px;height: 40px;overflow: hidden;}
.proinfo ul li img{ transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s; -o-transition:all 0.7s ease-in-out 0s;}
.proinfo ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.proinfo ul li:hover{border: 1px solid #fda51b;}
.productlist .more{display: inline-block;padding: 0.8% 1.5%;border: 1px solid #424242;}
.productlist .more a{font-size: 15px;color: #424242;}
.productlist .more:hover{border: 1px solid #fda51b;background: #fda51b;}
.productlist .more:hover a{color: #ffffff;}

@media only screen and (max-width: 480px) {
	.productlist{margin-bottom: 8%;}
	.product-con{width: 90%;margin: 5% auto 2%;}
	.product-con .title{margin-bottom: 5%;}
	.product-con .tit{font-size: 22px;}
	.product-con .entit{font-size: 14px;}
	.product-con .line1,.product-con .line2{width: 28%;}
	.productdiv{margin-bottom: 8%;}
	.productdiv span{font-size: 15px;padding: 2% 4%;}
	.proinfo ul li{width: calc(50% - 2rem - 4px);margin:.5rem;padding: .5rem;}
	.productlist .more{padding: 2% 4%;}
	.productdiv span{padding: 2% 5%;}
	
}

.aboutlist{background:#f5f4f4;padding: 3rem 0;}
.about-con{overflow: hidden;width: 63%;max-width: 1200px;margin: 0 auto;}
.about-con .title{overflow: hidden;margin-bottom: 2rem;position: relative;text-align: center;}
.about-con .tit{font-size: 26px;color: #424242;font-weight: bold;}
.about-con .entit{font-size: 18px;color: #686868;}
.about-con .title em{background: #fda51b;height: 3px;width: 3.5rem;display: block;margin: 0.5rem auto;}
.about-con .line1{position: absolute;left: 0;height: 2px;width: 40%;background: #fda51b;top: 40%;}
.about-con .line2{position: absolute;right: 0;height: 2px;width: 40%;background: #fda51b;top: 40%;}
.about-con img{display: block;width: 100%;}
.about-left{display: block;width: 48%;float: left;position: relative;overflow: hidden;}
.about-right{display: block;width: 48%;float: right;}
.about-right .content{margin-bottom: 3%;}
.about-right .content p{font-size: 14px;line-height: 24px;color: #686868;text-align: justify;}
.about-right .more{display: inline-block;border: 1px solid #686868;margin-top: .5rem;}
.about-right .more a{font-size: 15px;color: #686868;padding: .5rem 1.5rem;display: block;}
.about-right .more:hover{background: #fda51b;border: 1px solid #fda51b;}
.about-right .more:hover a{color: #ffffff;}
.about-con ul{overflow: hidden;width: 100%;padding-top: 3%;text-align: center;}
.about-con ul li{display: block;width: 32%;margin-right: 2%;float: left;}
.about-con ul li:nth-child(3n){margin-right: 0;}
.about-con ul li .text1{font-size: 32px;font-weight: bold;color: #fda51b;padding-bottom: 0.5%;}
.about-con ul li .text2{font-size: 22px;color: #686868;}

@media only screen and (max-width: 480px) {
	.aboutlist{padding: 1rem 0;}
	.about-con{width: 90%;margin: 5% auto;}
	.about-con .title{margin-bottom: 5%;}
	.about-con .tit{font-size: 22px;}
	.about-con .entit{font-size: 14px;}
	.about-con .title em{width: 2.5rem;}
	.about-con .line1,.about-con .line2{width: 28%;}
	.about-left{width: 100%;margin-bottom: 3%;}
	.about-right{width: 100%;}
	.about-right .title{font-size: 22px;}
	.about-right .more{background: #fda51b;border: 1px solid #fda51b;}
	.about-right .more a{color: #fff;}
	.about-con ul li .text1{font-size: 24px;}
	.about-con ul li .text2{font-size: 14px;}
	.about-con ul{padding-top: 8%;}
	
}



.newscon{overflow: hidden;width: 63%;max-width: 1200px;margin: 3% auto;position: relative;}
.newscon .title{overflow: hidden;margin-bottom: 2rem;text-align: center;position: relative;}
.newscon .tit{font-size: 26px;color: #fda51b;font-weight: bold;}
.newscon .entit{font-size: 18px;color: #686868;}
.newscon .title em{background: #fda51b;height: 3px;width: 3.5rem;display: block;margin: 0.5rem auto;}
.newscon .line1{position: absolute;left: 0;height: 2px;width: 40%;background: #fda51b;top: 40%;}
.newscon .line2{position: absolute;right: 0;height: 2px;width: 40%;background: #fda51b;top: 40%;}
.newscon ul li{padding-bottom: 1rem;margin-bottom:1rem;border-bottom: 1px solid #424242;overflow: hidden;}
.newscon ul li .content{display: block;float: right;width: calc(100% - 2rem - 240px);margin-left: 2rem;}
.newscon ul li .img{display: block;float: left;width: 240px;overflow: hidden;}
.newscon ul li .more{border: 1px solid #686868;padding: 3px 6px;display: inline-block;color: #424242;font-size: 14px;}
.newscon ul li img{display: block;width: 100%;}
.newscon ul li .text1{font-size: 20px;font-weight: bold;color: #424242;padding-bottom: .5rem;}
.newscon ul li .text2{font-size: 14px;line-height: 22px;color: #686868;text-align: justify;padding-bottom: .5rem;}
.newscon ul li img{ transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s; -o-transition:all 0.7s ease-in-out 0s;}
.newscon ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.newscon ul li:hover .text1{color: #fda51b;}
.newscon ul li:hover .more{color: #ffffff;background: #fda51b;border: 1px solid #fda51b;}
@media only screen and (max-width: 480px) {
	.newscon{width: 90%;margin: 5% auto;}
	.newscon .title{margin-bottom: 5%;}
	.newscon .tit{font-size: 22px;}
	.newscon .entit{font-size: 14px;}
	.newscon .line1,.newscon .line2{width: 28%;}
	.newscon ul li .time{width: 100%;margin-right: 0;font-size: 18px;}
	.newscon ul li .content{width: 100%;margin: 0;}
	.newscon ul li .text1{font-size: 18px;margin-top: .5rem;}
	.newscon ul li .img{width: 100%;}
	.newscon ul li .more{background: #fda51b;border: 1px solid #fda51b;color: #fff;font-size: 14px;}
}

