::-webkit-scrollbar {
    width: 8px;
    height: 40px; 
}
::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.5);
}


.bg-color-gray{background-color: #ffffff;}

.container .zm-page{text-align: center;padding: 75px 0;}

.container .zm-page h1{font-size: 24px;text-indent: 0.01px;box-sizing: border-box;color: rgb(27, 27, 27);font-weight: 700;background-color: rgba(0, 0, 0, 0);}

.container .item1 ul{margin-top: 50px;max-width: 1200px;}
.container .item1 ul li{overflow: hidden;background: #fff;}
.container .item1 ul li .img {height: 254px;overflow: hidden;display: block;}
.container .item1 ul li .img div{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: 50% 50%;transition: all .4s;}
.container .item1 ul li .titles{padding:20px;}
.container .item1 ul li .titles h2{color: rgb(67, 67, 67);font-size: 20px;font-weight: normal;text-indent: 0.01px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0);}
.container .item1 ul li .titles p{box-sizing: border-box;font-size: 14px;text-indent: 0.01px;color: rgb(67, 67, 67);line-height: 1.8em;background-color: rgba(0, 0, 0, 0);margin-top: 10px;}
.container .item1 ul li .img:hover >div {-webkit-transform: scale(1.2);transform: scale(1.2);}

.container .item2{max-width: 1200px;margin: 0 auto;position: relative;}
.container .item2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.container .item2 ul li{width: 32%;margin-bottom: 5%;}
.container .item2 ul li .img{height: 336px;width: 100%;overflow: hidden;}
.container .item2 ul li .img div{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: 50% 50%;transition: all .4s;}
.container .item2 ul li .img:hover >div {-webkit-transform: scale(1.2);transform: scale(1.2);}
.container .item2 ul li .titles{text-align: left;}
.container .item2 ul li .titles h1{margin: 28px 0 40px;font-size: 24px;color: rgb(67, 67, 67);font-style: normal;font-weight: 400;text-decoration: none;text-shadow: none;letter-spacing: 0px;line-height: normal;}
.container .item2 ul li .titles a{display: inline-block;padding: 8px 30px;border: 2px solid #e07502;transition: all .4s;}
.container .item2 ul li .titles a:hover{background: #e07502;color: #fff;}
.container .item2 .swiper-button-prev {left: -50px;}
.container .item2 .swiper-button-next {right: -50px;}
.container .item2 .more{width: 150px;
	margin: 0 auto;
	display: block;
    height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,0);
    position: relative;
    border: 0px;
	border-radius: 0px;
	line-height: 45px;
	color: #fff;
	border: 2px solid #e07502;
	background-color: #e07502;transition: all .3s;}
.container .item2 .more:hover{background-color: #fff;color:#e07502;}

.about{padding: 85px 0;text-align: center;background-attachment:fixed}
.about h1{font-size: 24px;text-indent: 0.01px;box-sizing: border-box;color: rgb(27, 27, 27);font-weight: 700;background-color: rgba(0, 0, 0, 0);}
.about .txt{max-width: 1200px;margin: 70px auto 0;padding: 0 15px;text-align: left;}
.about>a{display: inline-block;padding: 12px 40px;border: 2px solid #e07502;transition: all .4s;margin-top: 60px;}
.about>a:hover {background: #e07502;color: #fff;}

.i-news{text-align: center;}
.i-news .i-title{color:#e07502}
.i-news .main{margin-top:4%;display:flex;justify-content:space-between;align-items:center;}
.i-news .main>div{width: 26%;}
.i-news .main .hot{position: relative;display: block;}
.i-news .main .hot div{bottom: 0;width: 100%;display: flex;left:0;justify-content: space-between;position: absolute;color:#fff;}
.i-news .main .hot div span{width: 30%;padding:10px 0 6px ;background: #ec8d26;font-size: 2.4rem; color: #fff;}
.i-news .main .hot div p{width: 70%;background:rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
.i-news .main .list{text-align: left;}
.i-news .main .list .item:first-child{margin-bottom: 40px;display: block;}
.i-news .main .list .item span{display: block;margin:10px 0;}
.i-news .main .list .item p{color:#838383;}
.i-news .main .list .item h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.i-news .main .list .item:hover h3{transform:translateX(20px);color: #ec8d26;}

.contact{padding: 75px 0;background-color:rgba(247,246,246,1);}
.contact .content{max-width: 1050px;margin: 0 auto;display: flex;justify-content: space-between;}
.contact .contact-left,.contact .contact-right{width: 42%;}
.contact .contact-left h1,.contact .contact-right h1{font-size: 20px;text-indent: 0.01px;color: rgb(27, 27, 27); box-sizing: border-box;font-family: Avenida;font-weight: 700;background-color: rgba(0, 0, 0, 0);margin-bottom: 45px;}
.contact .contact-left div{    font-size: 14px;box-sizing: border-box;font-family: Avenida;text-indent: 0.01px;color: rgb(67, 67, 67);background-color: rgba(0, 0, 0, 0);line-height: 2.2em;}
.contact .contact-right input[type=text]{font-size: 14px;border-width: 1px;font-weight: normal;font-family: 微软雅黑;font-style: normal;color: rgb(67, 67, 67);height: 36px;border-radius: 0px;background-color: rgba(255, 255, 255, 0);border-color: rgb(67, 67, 67);width: 100%;margin-bottom: 10px;padding: 0 5px;}
.contact .contact-right input[type=submit]{width: 40%;border-style: solid;border-width: 2px;border-color: rgb(67, 67, 67);font-size: 14px;font-weight: normal;font-family: 微软雅黑;font-style: normal;color: rgb(188, 188, 188);height: 40px;line-height: 36px;border-radius: 0px;background-color: rgb(67, 67, 67);cursor: pointer;}

.copyright{padding: 10px 15px;}
.copyright ul{display: flex;justify-content: center;padding: 15px 0;}
.copyright ul li{padding: 0 9px;}
.copyright ul li a{    font-size: 12px;color: #5e5e5e;text-decoration: none;pointer-events: all;}
.copyright ul .line{display: inline-block;margin-top: 8px;width: 1px;height: 10px;background-color: #5e5e5e;}
.copyright ul .line:last-child{width: 0;}
.copyright p{    text-align: center;color: #5e5e5e;font-size: 12px;}
.i-news .main .list .item h3{transition: all .3s;}

@media screen and (max-width: 1024px) {
	.container .zm-page{padding: 35px 0;}
	.container .zm-page h1{font-size: 20px;}
	.container .item1 ul{padding: 0 15px;}
	.container .item1 ul li .img{width: 100%;}
	.container .item2 ul {flex-direction: column;padding: 0 15px;}
	.container .item2 ul li{width: 100%;margin-bottom: 10%;}
	.container .item2 ul li .titles h1{margin: 14px 0 20px;font-size: 18px;}
	.contact{padding: 75px 0 35px;}
	.contact .content{flex-direction: column;padding: 0 15px;}
	.contact .contact-left, .contact .contact-right{width: 100%;margin-bottom: 40px;}
	.contact .contact-left h1, .contact .contact-right h1{margin-bottom: 20px;}
	.i-news .main{display: block;}
	.i-news .main>div{width: 100%;}
	.i-news .main .list .item:first-child{margin-bottom: 20px;}
	.i-news .main .list .item:first-child{margin-top: 20px;}
	.i-news .main .list .item h3{font-size: 1.5rem;}
}
.wrapsss{max-width: 1440px;position: relative;margin:0 auto;}
@media screen and (max-width: 1500px){
	.wrapsss{max-width: 1300px;}
}
@media screen and (max-width:1400px){
	.wrapsss{max-width: 1200px;}
}
@media screen and (max-width:768px){
	.wrapsss{padding:0 15px;}
}