/* title */
.nei_tit{position: relative;margin-bottom: 4vw;}
.nei_tit .title{font-size: 2.2vw;font-weight: bold;color: #333;text-align: center;}
@media screen and (max-width:768px){
.nei_tit .title{font-size: 3.5vw;}
}
@media screen and (max-width:520px){
.nei_tit{margin-bottom: 25px;}
.nei_tit .title{font-size:20px;}
}

/* banner */
.banner{position:relative;overflow:hidden;margin-top: 8.2vw;}
.banner::after{position: absolute;content: "";left: 0;top: 0;background: linear-gradient(90deg, #e07e26 0%, transparent 30%);width: 100%;height: 100%;z-index: 1;}
.banner .img img{width: 100%;}
.banner .info{position:absolute;top: 50%;left: 0;width: 100%;transform: translate(0% ,-50%);z-index: 9;}
.banner .info .t1{font-size: 2.35vw;color: #fff;font-weight: bold;}
@media screen and (max-width:768px) {
.banner{margin-top: 76px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 73px;}
.banner .info .t1{font-size: 20px;}
.banner .img{height: 128px;}
.banner .img img{height: 100%;object-fit: cover;}

}

/* main */
.main{padding: 80px 0;}
.main .w1440{display: flex;flex-wrap: wrap;justify-content: space-between;}
.main .lav{width: 25%;}
.main .lav .title{font-size:1.5vw;color:#df7d25}
.main .lav .tit{font-size:.9vw;color:#7f7f7f;font-weight:700;margin-top:4px}
.main .lav ul{margin-top:1.5vw}
.main .lav ul li{border-bottom:1px solid #ddd;height:4vw;line-height:4vw;padding:0 .5vw;position: relative;}
.main .lav ul li::after{position: absolute;content: "";width: .4vw;height: .4vw;right: .5vw;top: 50%;border: 1px solid #7f7f7f;border-radius: 50%;transform: translate(0% ,-50%);}
.main .lav ul li a{font-size:.92vw;color: #333;}
.main .lav ul li.cur::after,.main .lav ul li:hover::after{border: 1px solid #df7d25;}
.main .lav ul li.cur a,.main .lav ul li:hover a{color: #E07E26;}
@media screen and (max-width:1080px){
.main{padding: 50px 0;}
.main .lav{width: 28%;}
.main .lav .title{font-size: 2vw;}
.main .lav ul li a{font-size: 1.35vw;}
}
@media screen and (max-width:768px){
.main .lav{display: none;}
}
@media screen and (max-width:520px){
.main{padding: 30px 0;}
}


/* newslist */
.newslist{width: 62%;}
.newslist .item{width:48.5%;position:relative;margin-right:3%;margin-bottom:3%;}
.newslist .item:nth-child(even){margin-right:0}
.newslist .item .img{overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;position: relative;}
.newslist .item .img img{transition:all 1s;width: 100%;}
.newslist .item:hover .img img{transform:scale(1.05)}
.newslist .item .icon{width:90px;height:90px;position:absolute;left:0;bottom: 0;transform-origin:left bottom;background:url(../images/icon_bg.png) no-repeat;transition:all .5s cubic-bezier(.64,.6,.32,1.27);transform:scale(0)}
.newslist .item:hover .icon{transform:scale(1)}
.newslist .item .icon .dot{width:40px;height:40px;position:absolute;left:16px;bottom:16px;background:#E07E26;border-radius:50%}
.newslist .item .icon .dot img{position:absolute;left:0;top:0;transform:scale(0);transition:all .5s cubic-bezier(.64,.6,.32,1.27) .2s}
.newslist .item:hover .icon .dot img{transform:scale(1)}
.newslist .item .info{padding: 1.3vw;background:#f7f7f7;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.newslist .item .info .t1{font-size: 1.05vw;line-height:1.7;font-weight: bold;color: #000000d1;letter-spacing: 1px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .info .date{font-size: 0.85vw;font-weight:700;color:#646464;margin-top: 15px;}
.newslist .item:hover .info .t1{color: #E07E26;}
@media(max-width:1080px){
.newslist .item .info{padding: 20px;}
.newslist .item .info .date{font-size: 14px;}
.newslist .item .info .t1{font-size: 1.5vw;}
}
@media(max-width:768px){
.newslist{width: 100%;}
.newslist .item{width: 48.5%;margin-bottom: 3%;}
.newslist .item:nth-child(odd){margin-right: 3%;}
.newslist .item:nth-child(even){margin-right: 0;}
.newslist .item .img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.newslist .item .info{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.newslist .item .info .t1{font-size: 16px;}
}
@media(max-width:520px){
.newslist .item .img{border-top-left-radius: 6px;border-top-right-radius: 6px;}
.newslist .item .info{border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;padding: 10px;}
.newslist .item .info .date{font-size: 12px;margin-top: 10px;}
.newslist .item .info .t1{font-size: 15px;line-height: 20px;}
}

/* news */
.news{width: 65%;}
.news .top .title{color:#333;font-size: 1.6vw;font-weight:700;}
.news .top .date{font-size: .85vw;color:#666;margin-top:30px;}
.news .cont{padding: 1.8vw 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1.8vw 0;}
.news .cont p{font-size: .83vw;color:#333;line-height: 2;}
.news .cont img{max-width:100%}
.news .ul{display:flex;align-items:center;justify-content:space-between}
.news .ul li{font-size:16px;color:#333}
.news .ul li a{display: flex;align-items: center;justify-content: center;}
.news .ul li img{margin-right: 20px;}
.news .ul .btn{background:#E07E26;color:#fff;height: 2.1vw;width: 7vw;line-height: 2.1vw;border-radius: 3px;font-size: .85vw;transition: all .5s;}
.news .ul .btn:hover{box-shadow: 0px 13px 10px rgb(0 0 0 / 13%);transform: translateY(-6px);}
@media screen and (max-width:1080px){
.news .top .title{font-size: 2vw;}
.news .top .date{margin-top: 20px;}
.news .ul .btn{width: 10vw;height: 3.2vw;line-height: 3.2vw;font-size: 1.28vw;}
}
@media(max-width:768px){
.news{width: 100%;}
.news .ul .btn{width: 12vw;height: 4vw;line-height: 4vw;}
}
@media screen and (max-width:520px){
.news .top .title{font-size: 20px;line-height: 1.5;}
.news .top .date{font-size: 13px;margin-top: 10px;}
.news .cont{padding: 15px 0;margin: 15px 0;}
.news .cont p{font-size: 13px;line-height: 24px;}
.news .ul li{font-size: 15px;}
.news .ul li a{font-size: 13px;}
.news .ul li img{width: 18px;margin-right: 15px;}
.news .ul .btn{width: 95px;height: 30px;line-height: 30px;}
}


/* contact */
.contact{padding: 80px 0;background: #e18430;margin-top: 40px;}
.contact .nei_tit .title{color: #fff;}
.contact .cont{display: flex;align-items: center;position: relative;}
.contact .cont .item .t1{position:relative;color:#333;font-size: 1.4vw;margin-bottom: 1vw;padding-bottom: 1vw;}
.contact .cont .item .t1::after{position: absolute;content: "";left: 0;bottom: 0;width: 2vw;height: 2px;background: #333;}
.contact .cont .item p{font-size: .85vw;color:#333;margin-top: 1vw;}
.contact .cont .left{width: 55%;}
.contact .cont .left .item{padding:9% 5% 14%;box-sizing:border-box;clip-path:polygon(0 0,50% 0,100% 88%,100% 100%,0 100%);background:#fff;overflow:hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.contact .cont .right{position:absolute;right:0;width:62.5%;height:100%}
.contact .cont .right .item{padding:9% 5% 5% 40%;height:100%;box-sizing:border-box;clip-path:polygon(0 0,100% 0,100% 100%,45% 100%,0 12%);background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
@media only screen and (max-width:1280px){
.contact .cont .right .item{padding: 9% 5% 5% 40%;}
}
@media only screen and (max-width:1080px){
.contact{padding: 50px 0;}
.contact .cont .item .t1{font-size: 1.8vw;}
.contact .cont .item p{font-size: 1.35vw;}
}
@media only screen and (max-width:768px){
.contact .cont{flex-wrap: wrap;}
.contact .cont .item .t1{font-size: 18px;}
.contact .cont .item p{font-size: 14px;}
.contact .cont .left{width: 100%;}
.contact .cont .left .item{padding: 35px;clip-path: polygon(0 0,86% 0,100% 27%,100% 100%,0 100%);}
.contact .cont .right{width: 100%;position: initial;margin-top: 20px;}
.contact .cont .right .item{padding: 35px;clip-path: polygon(0 0,100% 0,100% 100%,14% 100%,0 73%);}
}
@media only screen and (max-width:520px){
.contact{padding: 30px 0;margin-top: 20px;}
.contact .cont .item .t1{font-size: 16px;padding-bottom: 12px;margin-bottom: 12px;}
.contact .cont .item .t1::after{width:30px;}
.contact .cont .item p{font-size: 13px;}
.contact .cont .left .item{padding: 25px;}
.contact .cont .right{margin-top: 15px;}
.contact .cont .right .item{padding: 25px;}
}


/* message */
.message{padding:90px 0;}
.message .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.message .left{width: 31%;}
.message .left .nei_tit{margin-bottom: 2vw;}
.message .left .nei_tit .title{text-align:left}
.message .left .text{color: #333;font-size:.85vw;line-height:26px;}
.message .right{width: 54%;border-left:1px solid #a7a7a7;padding-left: 8%;margin-left: 2%;}
.message .right .input{width:48%;display:grid;margin-bottom: 2vw;}
.message .right .input1{width:100%}
.message .right .input label{font-weight:700;color: #333;font-size: .85vw;}
.message .right .input label i{color:red}
.message .right .input input{height: 2.2vw;width:100%;font-size: .73vw;border-bottom: 1px solid #a7a7a7;}
.message .right .input textarea{font-family:GILROY-REGULAR;height:2vw;width:100%;font-size:14px;margin-top:10px;padding-top:5px;border-bottom: 1px solid #a7a7a7;}
.message .right .code{position:relative}
.message .right .code img{position:absolute;right:0;bottom:0}
.message .right p{font-size:.85vw;color:#333;font-weight:700}
.message .right .submit{background:#E07E26;color:#fff;height: 2.1vw;width: 7vw;line-height: 2.1vw;border-radius: 3px;font-size: .85vw;transition: all .5s;margin-top:2vw;text-align: center;}
.message .right .submit input{background: none;color: #fff;font-size: .85vw;}
.message .right .submit:hover{box-shadow: 0px 13px 10px rgb(0 0 0 / 13%);transform: translateY(-5px);}
.message .right .input input:focus,.message .right .input textarea:focus{border-bottom: 1px solid #DF7D25;}
@media screen and (max-width:1080px){
.message{padding: 60px 0;}
.message .left .text{font-size: 1.35vw;}
.message .right{width: 54%;}
.message .right .input{margin-bottom: 40px;}
.message .right .input input{height: 4vw;}
.message .right .input textarea{height: 4vw;}
.message .right .input label{font-size: 1.45vw;}
.message .right p{font-size: 1.35vw;}
.message .right .submit{height: 36px;width: 20%;line-height: 36px;font-size: 16px;}
}
@media screen and (max-width:890px){
.message .left{width: 100%;margin-bottom: 40px;}
.message .right{width: 100%;padding-left: 0;margin-left: 0;border: none;}
}
@media screen and (max-width:520px){
.message{padding: 30px 0;}
.message .left{margin-bottom: 20px;}
.message .left .text{font-size: 14px;line-height: 24px;margin-top: 10px;}
.message .right .input{margin-bottom: 15px;}
.message .right .input input{height: 34px;}
.message .right .input textarea{height: 30px;}
.message .right .input label{font-size: 14px;}
.message .right p{font-size: 14px;}
.message .right .submit{height: 34px;width: 25%;line-height: 34px;font-size: 16px;margin-top: 20px;}
.message .right .submit input{font-size: 13px;}
}

/* about */
.about{padding: 80px 0;}
.about .cont{width: 90%;margin: 0 auto;}
.about .cont p{font-size: .88vw;color: #333;line-height: 2;margin-top: 6px;}
.about .cont p:nth-child(1){margin-top: 0;}
@media only screen and (max-width:1080px){
.about{padding:50px 0;}
.about .cont{width: 100%;}
.about .cont p{font-size: 1.35vw;}
}
@media only screen and (max-width:520px){
.about{padding:50px 0;}
.about .cont p{font-size: 13px;margin-top: 2px;}
}

/* about01 */
.about01{padding: 80px 0;}
.about01 .item{flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;margin-top:7vw;flex-direction:row-reverse;display: none;}
.about01 .item:nth-child(3n+3){display: flex;}
.about01 .item .img{width:55%}
.about01 .item .img img{width:100%}
.about01 .item .info{box-shadow:rgba(0,0,0,.13) 0 15px 40px 0;background:#fff;width:52%;padding:2vw;position:absolute;right:0;top:-3vw}
.about01 .item .info .t1{font-size:1.58vw}
.about01 .item .info .line{background:#e07e26;height:3px;width:3vw;margin:1.1vw 0}
.about01 .item .info .text p{line-height:2;font-size:.85vw;margin-top:.3vw;color: #333;}
.about01 .item .info .text p:nth-child(1){margin-top:0}
.about01 .item:nth-child(odd){flex-direction:row}
.about01 .item:nth-child(even) .info{left: 0;}
@media only screen and (max-width:1080px){
.about01{padding:50px 0;}
.about01 .item{margin-top: 9vw;}
.about01 .item .info{width: 65%;}
.about01 .item .info .t1{font-size: 1.8vw;}
.about01 .item .info .text p{font-size: 1.2vw;}
}
@media only screen and (max-width:768px){
.about01 .item{margin-top: 30px;}
.about01 .item .img{width: auto;}
.about01 .item .info{position: initial;width: 100%;}
.about01 .item .info .t1{font-size: 20px;}
.about01 .item .info .text p{font-size:14px;}
}
@media only screen and (max-width:520px){
.about01 .item .info{padding: 15px;}
.about01 .item .info .t1{font-size: 18px;}
.about01 .item .info .line{width: 30px;margin: 10px 0;height: 2px;}
.about01 .item .info .text p{font-size: 13px;}
}


/* about02 */
.about02{padding:90px 0;background:url(../images/in4_bg.jpg);background-size:cover}
.about02 .nei_tit{margin-bottom: 1vw;}
.about02 .cn{font-size: 1.4vw;text-align:center;font-weight:700;color:#434546;}
.about02 .en{text-align:center;font-size: .95vw;color:#434546;margin-top:10px;}
.about02 .ul{display:flex;justify-content:center;flex-wrap:wrap;margin:40px 0 60px}
.about02 .ul li{margin:0 1.5vw;}
@media only screen and (max-width:1080px){
.about02{padding: 60px 0;}
.about02 .cn{font-size: 2.4vw;}
.about02 .en{font-size: 1.5vw;}
.about02 .ul li img{width: 16vw;}
}
@media only screen and (max-width:768px){
.about02 .btn{width: 12vw;height: 4vw;line-height: 4vw;}
.about02 .en{font-size: 1.65vw;}
}
@media only screen and (max-width:580px){
.about02{padding: 30px 0;background-position: bottom;}
.about02 .cn{font-size: 20px;}
.about02 .en{font-size: 12px;margin-top: 5px;line-height: 22px;}
.about02 .ul{margin: 30px 0;}
.about02 .ul li img{width: 110px;}
}


/* about03 */
.about03{padding: 90px 0 28vw;position: relative;}
.about03 .nei_tit{margin-bottom: 6vw;}
.about03 .bg{margin: 0 auto;}
.about03 .bg img{filter: sepia(1);width: 90%;}
.about03 .pic .icon{overflow:hidden;position:absolute}
.about03 .pic .icon:nth-child(1){top:35vw;left:15vw}
.about03 .pic .icon:nth-child(2){top: 72vw;left:55vw;}
.about03 .pic .icon img{border-radius: 50%;width: 28vw;height: 28vw;}
.about03 li{position: absolute;}
.about03 li:nth-child(1){top: 13vw;left: 41vw;}
.about03 li:nth-child(2){top: 50vw;left: 60vw;}
.about03 li:nth-child(3){top: 82vw;left:19.5vw;}
.about03 li:nth-child(4){top: 115vw;left: 28vw;}
.about03 li .info .num{position:absolute;left: -9vw;top:-1vw;background:#e07e26;font-size: 3vw;color:#fff;border-radius:50%;width: 8vw;height: 8vw;display:flex;align-items:center;justify-content:center;}
.about03 li .info .t1{color:#e07e26;font-size: 1.28vw;margin-bottom: .8vw;}
.about03 li .info .text p{line-height:2;font-size:.85vw;margin-top:.3vw;color:#333}
.about03 li .info .text p:nth-child(1){margin-top:0}
@media only screen and (max-width:1280px){
.about03{padding: 90px 0 35vw;}
.about03 li .info .t1{font-size: 1.5vw;}
.about03 li .info .text p{font-size: 1.1vw;}
}
@media only screen and (max-width:1080px){
.about03{padding: 60px 0 35vw;}
.about03 li:nth-child(1){top: 14vw;left: 38vw;}
.about03 li:nth-child(2){top: 46vw;left: 59vw;}
.about03 li:nth-child(3){top: 90vw;left: 15.5vw;}
.about03 li:nth-child(4){top: 132vw;left: 22vw;}
}
@media only screen and (max-width:950px){
.about03{padding: 60px 0 45vw;}
.about03 .pic .icon:nth-child(2){top: 85vw;left: 70vw;}
.about03 .pic .icon img{width: 24vw;height: 24vw;}
}
@media only screen and (max-width:768px){
.about03{padding: 60px 0;}
.about03 .pic{display: none;}
.about03 .bg{display: none;}
.about03 li{position: initial;margin-bottom: 20px;}
.about03 li:nth-last-child(1){margin-bottom: 0;}
.about03 li .info .txt{display: flex;align-items: center;}
.about03 li .info .num{position: initial;}
.about03 li .info .t1{font-size: 20px;margin-left: 10px;}
.about03 li .info .text{margin-top: 10px;}
.about03 li .info .text p{font-size: 15px;}
}
@media only screen and (max-width:520px){
.about03{padding: 30px 0;}
.about03 .nei_tit{margin-bottom: 25px;}
.about03 li{margin-bottom: 12px;}
.about03 li .info .t1{font-size: 16px;margin-left: 7px;}
.about03 li .info .num{width: 28px;height: 28px;font-size: 14px;}
.about03 li .info .text{margin-top: 6px;}
.about03 li .info .text p{font-size: 13px;margin-top: 0px;}
}

/* productlist */
.productlist{padding: 80px 0;background: #F8F8F8;}
.productlist .item{width:49%;margin-right: 2%;margin-bottom: 2%;}
.productlist .item:nth-child(2n+2){margin-right: 0;}
.productlist .item .pic{position: relative;overflow: hidden;}
.productlist .item .pic .img{overflow: hidden;}
.productlist .item .pic .img img{transition: all .3s ease-in-out;}
.productlist .item:hover .pic .img img{transform:scale(1.03)}
.productlist .item .pic .bt{width:100%;text-align:center;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom: -50px;text-decoration:none;z-index:1;transition: all 0.4s ease-out;background: #000;height: 50px;line-height: 50px;color: #00a2ec;font-size: 18px;}
.productlist .item:hover .pic .bt{bottom: 0;}
.productlist .item .t1{font-size: 18px;color: #000;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media screen and (max-width:1080px){
.productlist{padding: 50px 0;}
 
 
.productlist .item .t1{font-size: 16px;margin-top: 15px;}
.productlist .item .pic .bt{height: 40px;line-height: 40px;font-size: 15px;}
}
@media screen and (max-width:768px){
 
}
@media screen and (max-width:520px){
.productlist .item{width:100%;margin-right: 0;margin-bottom: 2%;}
.productlist{padding: 35px 0;}
.productlist .item .t1{font-size: 15px;}
.productlist .item .pic .bt{height: 36px;line-height: 36px;font-size: 14px;}
}