.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: 25%;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%;}
	
}


.newslist {
    background: #f5f4f4;
    padding: 3rem 0;
}
.newslist .news-con .title {
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
    text-align: center;
}
.newslist .news-con .tit {
    font-size: 26px;
    color: #424242;
    font-weight: bold;
}
.newslist .news-con .title em {
    background: #fda51b;
    height: 3px;
    width: 3.5rem;
    display: block;
    margin: 0.5rem auto;
}
.newslist .news-con .line1 {
    position: absolute;
    left: 0;
    height: 2px;
    width: 40%;
    background: #fda51b;
    top: 40%;
}
.newslist .news-con .line2 {
    position: absolute;
    right: 0;
    height: 2px;
    width: 40%;
    background: #fda51b;
    top: 40%;
}
.newsdiv {
    overflow: hidden;
    margin-bottom: 3%;
}
.newsdiv .news {
    display: block;
    width: calc(50% - 1rem);
    float: left;
    overflow: hidden;
    padding: 1rem;
    border: 1px solid #eeeeee;
    margin: 0 1rem 1rem 0;
    background: #ffffff;
}
.newsdiv .news:nth-child(2n) {
    margin-right: 0;
}
.newsdiv .news .img {
    overflow: hidden;
    display: block;
    float: left;
    width: 35%;
}
.newsdiv .news .img img {
    display: block;
    width: 100%;
    height: 140px;
    object-fit: cover;
    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;
}
.newsdiv .news:hover .img 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);
}
.newsdiv .news .content {
    display: block;
    float: right;
    width: calc(65% - 1rem);
    margin-left: 1rem;
}
.newsdiv .news .content .text1 {
    font-size: 18px;
    font-weight: bold;
    color: #424242;
    padding-bottom: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsdiv .news .content .text1 a {
    color: #424242;
}
.newsdiv .news .content .text1 a:hover {
    color: #fda51b;
}
.newsdiv .news .content .text2 {
    font-size: 14px;
    line-height: 22px;
    color: #686868;
    height: 66px;
    overflow: hidden;
}
.newsdiv .news .content .text3 {
    font-size: 14px;
    color: #fda51b;
    padding-top: 3%;
}
.newsdiv .news:hover {
    border: 1px solid #fda51b;
}
.newslist .more {
    display: inline-block;
    padding: 0.8% 1.5%;
    border: 1px solid #424242;
}
.newslist .more a {
    font-size: 15px;
    color: #424242;
}
.newslist .more:hover {
    border: 1px solid #fda51b;
    background: #fda51b;
}
.newslist .more:hover a {
    color: #ffffff;
}

@media only screen and (max-width: 480px) {
    .serlist {
        padding: 1rem 0;
    }
    .serlist .ser-con {
        width: 90%;
        margin: 5% auto;
    }
    .serlist .ser-con .title {
        margin-bottom: 5%;
    }
    .serlist .ser-con .tit {
        font-size: 22px;
    }
    .serlist .ser-con .entit {
        font-size: 14px;
    }
    .serlist .ser-con .title em {
        width: 2.5rem;
    }
    .serlist .ser-con .line1,
    .serlist .ser-con .line2 {
        width: 28%;
    }
    .serlist ul li {
        width: calc(100% - 2rem);
        margin: 0 1rem 1rem 0;
    }
    .serlist ul li:nth-child(3n) {
        margin-right: 0;
    }
    .serlist ul li:nth-child(2n) {
        margin-right: 0;
    }
    .serlist .more {
        padding: 2% 4%;
    }

    .newslist {
        padding: 1rem 0;
    }
    .newslist .news-con {
        width: 90%;
        margin: 5% auto;
    }
    .newslist .news-con .title {
        margin-bottom: 5%;
    }
    .newslist .news-con .tit {
        font-size: 22px;
    }
    .newslist .news-con .entit {
        font-size: 14px;
    }
    .newslist .news-con .title em {
        width: 2.5rem;
    }
    .newslist .news-con .line1,
    .newslist .news-con .line2 {
        width: 28%;
    }
    .newsdiv .news {
        width: calc(100% - 2rem);
        margin: 0 1rem 1rem 0;
    }
    .newsdiv .news:nth-child(2n) {
        margin-right: 0;
    }
    .newsdiv .news .img {
        width: 100%;
        margin-bottom: 1rem;
    }
    .newsdiv .news .content {
        width: 100%;
        margin-left: 0;
    }
    .newslist .more {
        padding: 2% 4%;
    }
}