/* banner */
.banner{margin-top: 152px;position: relative;overflow: hidden;}
.banner .img img{width: 100%;}
@media screen and (max-width:1770px){
.banner{margin-top: 147px;}
}
@media screen and (max-width:1660px){
.banner{margin-top: 140px;}
}
@media screen and (max-width:1380px){
.banner{margin-top: 114px;}
}
@media screen and (max-width:1280px){
.banner{margin-top: 106px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 71px;}
.banner .img{height: 110px;}
.banner .img img{height: 100%;object-fit: cover;}
}

/* main */
.main{padding: 80px 0;}
@media screen and (max-width:1080px){
.main{padding: 50px 0;}
}
@media screen and (max-width:520px){
.main{padding: 20px 0 30px;position: relative;}
}


/* pbar */
.pbar{position:relative;cursor:pointer;z-index: 3;align-items: center;justify-content: center;transition: 0.4s 0.2s;background:#f08300;padding: 7px 15px;border-radius: 18px;margin-bottom: 20px;display: none;width: max-content;}
.pbar.active{z-index:998}
.pbar.active span{background:#fff}
.pbar .bar{width: 24px;height: 20px;position: relative;}
.pbar span{width:100%;height: 2px;position:absolute;background:#fff;display:block;-webkit-transition:all .35s;-webkit-transform:rotate(0);top:0;}
.pbar.active span{background:#fff}
.pbar span:nth-child(1){width: 22px;left: 0;top: 2px;}
.pbar span:nth-child(2){top: 8px;width: 14px;}
.pbar span:nth-child(3){top: 8px;width:18px;}
.pbar:hover span:nth-child(1){width:22px}
.pbar:hover span:nth-child(3){width:22px}
.pbar.active:hover span:nth-child(2){width:0}
.pbar.active:hover span:nth-child(3){width:22px}
.pbar.active span:nth-child(2){width:0}
.pbar.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);width:22px}
.pbar.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);width: 22px;}
.pbar span:nth-child(3){top: 15px;width: 22px;}
@media screen and (max-width:1140px){
.pbar{display: flex;}
}

/* location */
.location{width:25%}
.location .wrap{margin-bottom:40px;border-radius:6px;border: 1px solid #e8e8e8;position: relative;}
.location .wrap::before{position: absolute;content: "";border-bottom: 10px solid#f08300;bottom: 0;left: 0;width: 100%;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.location .wrap:nth-last-child(1){margin-bottom:0}
.location .wrap .title{color:#fff;font-size:22px;background:#f08300;padding:15px 20px;border-top-left-radius:6px;border-top-right-radius:6px}
.location .wrap .ul{border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.location .wrap .ul li{font-size:16px;transition: .3s;padding: 10px 20px 10px 20px;}
.location .wrap .ul li:nth-child(1){padding-top: 15px;}
.location .wrap .ul li:nth-last-child(1){padding-bottom: 25px;}
.location .wrap .ul li:hover{transform: translateY(-3px);}
.location .wrap .ul li:nth-last-child(1){margin-bottom:0}
.location .wrap .text{border:1px solid #e0e0e0;padding:20px;}
.location .wrap .text p{font-size:15px;margin-bottom:6px;line-height:24px}
.location .wrap .text p:nth-last-child(1){margin-bottom:0}
@media screen and (max-width:1080px){
.location{width: 30%;}
.location .wrap{margin-bottom: 30px;}
.location .wrap .title{padding: 10px 15px;font-size: 20px;}
.location .wrap .ul li{padding: 10px 20px 10px 20px;}
.location .wrap .text{padding: 15px;}
.location .wrap .text p{font-size: 14px;margin-bottom: 4px;}
}
@media screen and (max-width:768px){
.location{width: 100%;}
.location .wrap{margin-bottom: 0;}
.location .wrap:nth-last-child(1){display: none;}
.location .wrap.bnav{position:absolute;top:0;z-index:99;backdrop-filter:blur(10px);transition:.5s all ease-in-out;opacity:0;visibility:hidden;transform:translateX(-100vw);left:0;width: 100%;background: #fff;padding-top: 80px;}
.location .wrap.bnav.active{opacity: 1;visibility: visible;transform: translateX(0vw);}
}

@media screen and (max-width:520px){
.location .wrap .title{padding: 8px 10px;font-size: 16px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.location .wrap::before{border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.location .wrap .ul li{padding: 10px 20px 10px 20px;font-size: 15px;}
}


/* rocation */
.rocation{width: 70%;margin-left: 5%;}
.rocation .los{margin-bottom: 30px;display: flex;align-items: center;border-bottom: 1px solid #cdcdcd;padding-bottom: 15px;position: relative;}
.rocation .los::after{position: absolute;content: "";left: 0;bottom: 0;background:#f08300;width: 100px;height: 1px;}
.rocation .los img{width: 22px;margin-right: 6px;}
.rocation .los a{color: #000;font-size: 17px;}
@media screen and (max-width:1080px){
.rocation{width: 65%;}
.rocation .los{margin-bottom: 20px;}
.rocation .los a{font-size: 16px;}
.rocation .los img{width: 20px;}
}
@media screen and (max-width:768px){
.rocation{width: 100%;margin-left: 0;}
.rocation .los{padding-bottom: 10px;}
.rocation .los a{font-size: 16px;}
.rocation .los img{width: 20px;margin-right: 4px;margin-top: 1px;}
}
@media screen and (max-width:520px){
.rocation .los{margin-bottom: 20px;}
.rocation .los a{font-size: 14px;}
.rocation .los img{width: 18px;margin-top: 0;}
}



/* about */
.about .cont p{font-size: 16px;line-height: 2;margin-top: 5px;}
.about .cont p:nth-child(1){margin-top: 0;}
.about .none{font-size: 30px;text-align: center;}
@media screen and (max-width:1080px){
.about .cont p{font-size: 15px;line-height: 28px;}
.about .none{font-size: 26px;}
}
@media screen and (max-width:520px){
.about .cont p{font-size: 14px;line-height: 26px;margin-top: 3px;}
.about .none{font-size: 22px;}
}

/* newslist */
.newslist .item{margin-bottom: 35px;padding-bottom: 20px;border-bottom: 1px solid #ddd;position: relative;}
.newslist .item:after{content:'';position:absolute;height: 1px;z-index:9;width:0;right: 0;transition: all .5s ease-in-out;bottom: 0;background:#f08300;}
.newslist .item:hover:after{width: 100%;left: 0;right: auto;}
.newslist .item a{display: flex;flex-wrap: wrap;}
.newslist .item .img{height: 179px;overflow: hidden;position: relative;width: 323px;}
.newslist .item .img img{border-radius: 10px;height: 100%;object-fit: cover;width: 100%;}
.newslist .item .info{width: 100%;}
.newslist .item .info .flex{justify-content: space-between}
.newslist .item .t1{font-size: 22px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .date{font-size: 14px;color: #999;margin: 10px 0;}
.newslist .item .t2{font-size: 16px;color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .bn{display: flex;align-items: center;font-size: 15px;color:#f08300;justify-content: flex-end;}
.newslist .item .bn img{width: 14px;margin-left: 6px;}
.newslist .item:hover .t1{color:#f08300 ;}
.newslist .item .btn:hover img{transform: rotate(45deg);}
@media only screen and (max-width:1080px){
.newslist .item{margin-bottom: 20px;padding-bottom: 20px;}
.newslist .item .t1{font-size: 20px;}
.newslist .item .t2{font-size: 15px;}
}
@media only screen and (max-width:768px){
.newslist .item{margin-bottom: 0;padding-bottom: 15px;}
.newslist .item .img{width: 100%;}
.newslist .item .info{width: 100%;padding-left: 0px;margin-top: 15px;}
.newslist .item:nth-child(1) .info{margin-top: 0;}
.newslist .item .t1{font-size: 18px;}
}
@media only screen and (max-width:520px){
.newslist .item .t1{font-size: 16px;}
.newslist .item .t2{font-size: 14px;}
.newslist .item .bn{display: none;}
.newslist .item .date{margin: 6px 0;}
}

/* news */
.news .list .n_tit h3{font-size: 26px;font-weight: bold;color: #000;text-align: center;}
.news .list .n_tit .date{font-size: 14px;color: #999;padding-bottom: 15px;padding-top: 10px;text-align: center;}
.news .list .cont{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-size: 16px;line-height: 2;color: #767676;padding: 25px 0;}
.news .list .cont img{max-width: 100%;}
.news .list .cont p{margin: 10px 0;font-size: 16px;line-height: 2;color: #767676;}
.news .list .cont span{margin: 10px 0;font-size: 16px !important;line-height: 2;color: #767676;}
.news .list .cont a{padding: 8px 30px;height: 40px;line-height: 40px;font-weight: bold;color: #fff;background:#f08300;}
.news .page{padding:2% 0;}
.news .page ul li{font-size:16px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;max-width:40%;width:auto}
.news .page ul li:nth-last-child(1){text-align:right}
.news .page ul li a:hover{color:#f08300}
@media only screen and (max-width:1080px){
.news .list .n_tit h3{font-size: 24px;}
.news .list .cont{font-size: 15px;}
.news .list .cont p{font-size: 15px;}
.news .list .cont span{font-size: 15px !important;}
.news .page ul li{font-size: 15px;}
}
@media only screen and (max-width:520px){
.news .list .n_tit h3{font-size: 20px;}
.news .list .n_tit .date{font-size: 13px;}
.news .list .cont{font-size: 14px;line-height: 26px;padding: 15px 0;}
.news .list .cont p{font-size: 14px;line-height: 26px;margin: 6px 0;}
.news .list .cont span{font-size: 14px !important;line-height: 26px;margin: 6px 0;}
.news .page ul li{font-size: 14px;}
}


/* productslist */
.productslist .item{width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;background: #fff;overflow: hidden;}
.productslist .item:nth-child(3n+3){margin-right: 0;}
.productslist .item .img{position:relative;padding-bottom:75%;width:100%;height:0;overflow:hidden}
.productslist .item .img img{height:100%;object-fit:cover;width:100%;position:absolute}
.productslist .item .text{text-align: center;margin: 15px 0;transition: .3s all;}
.productslist .item .text p{font-size: 18px;font-weight: bold;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.productslist .item:hover .text{transform: translateY(4vw);}
.productslist .item:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color: #034cb9a1;opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.productslist .item:hover:after{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.productslist .item .css3{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.productslist .item .border{position:absolute;z-index:1;background-color:#fff}
.productslist .item .border.b_t{left:0;right:100%;top:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_r{top:0;bottom:100%;right:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_b{left:0;right:100%;bottom:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_l{top:0;bottom:100%;left:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_t{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_r{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_b{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_l{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .contain{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
.productslist .item .contain .icoImg{display:inline-block;position:relative;height: 50px;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;pointer-events:auto!important;}
.productslist .item .contain h3{margin-top: 15px;margin-left: 25px;margin-right: 25px;margin-bottom: 15px;position:relative;line-height: 2;font-size: 18px;}
.productslist .item .contain:after{content:" ";display:block;margin-left:auto;margin-right:auto;width: 45px;height: 45px;border-radius:50%;border:#fff solid 1px;background-image:url(../images/arrow-pdtItem.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-transform:rotate(90deg) translateX(10px) scale(.8);transform:rotate(90deg) translateX(10px) scale(.8);}
.productslist .item:hover .contain{-webkit-transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s,-webkit-transform .5s ease .2s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.productslist .item:hover .contain:after{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);opacity:1;-webkit-transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms,-webkit-transform .4s ease-out 440ms}
@media only screen and (max-width:1280px){
.productslist .item .contain:after{width: 40px;height: 40px;}
.productslist .item .contain .icoImg{height: 45px;}
.productslist .item .contain h3{font-size: 16px;}
.productslist .item .text{margin: 10px 0;}
.productslist .item .text p{font-size: 16px;}

}
@media only screen and (max-width:1080px){
.productslist .item{width: 32%;margin-bottom: 2%;}
.productslist .item:nth-child(3n+3){margin-right: 0%;}
.productslist .item:nth-child(4n+4){margin-right: 2%;}
.productslist .item .contain .icoImg{height: 45px;}
.productslist .item .contain:after{width: 40px;height: 40px;}
.productslist .item:hover .text{transform: translateY(8vw);}
}
@media only screen and (max-width:960px){
.productslist .item{width: 48.5%;margin-bottom: 3%;}
.productslist .item:nth-child(odd){margin-right: 3%;}
.productslist .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:768px){
.productslist .item .text{display: block;}
}
@media only screen and (max-width:520px){
.productslist .item .css3{display: none;}
.productslist .item:hover .contain{display: none;}
.productslist .item .contain:after{display: none;}
.productslist .item .text{margin: 6px 0;}
.productslist .item .text p{font-size: 15px;}
.productslist .item .contain h3{font-size: 16px;}
}


/* caselist */
.caselist .item{width:32%;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;}
.caselist .item:nth-child(3n+3){margin-right: 0;}
.caselist .item .img{position:relative;padding-bottom:75%;width:100%;height:0;overflow:hidden}
.caselist .item .img img{height:100%;object-fit:cover;width:100%;position:absolute}
.caselist .item .t1{text-align:center;padding:15px 0;background:#f08300;}
.caselist .item .t1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#fff;font-size:16px;font-weight:700;transition: all .3s;}
.caselist .item .info{top:100%;left:0;width:100%;height:100%;position:absolute;text-align:center;background:#f08300b8;transition: all .5s;opacity: 0;}
.caselist .item .info h4{color:#fff;font-size:18px;width:100%;margin-top:110px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.caselist .item .info img{margin-top: 20px;width: 60px;}
.caselist .item:hover .info{opacity: 1;top: 0;}
@media only screen and (max-width:1280px){
.caselist .item .info h4{margin-top: 80px;}
.caselist .item .info img{width: 58px;}
.caselist .item .t1{padding: 12px 0;}
}
@media only screen and (max-width:960px){
.caselist .item{width: 48.5%;margin-bottom: 3%;}
.caselist .item:nth-child(odd){margin-right: 3%;}
.caselist .item:nth-child(even){margin-right: 0;}
.caselist .item .info h4{font-size: 16px;}
}
@media only screen and (max-width:520px){
.caselist .item .t1{padding: 8px 0;}
.caselist .item .t1 p{font-size: 15px;}
.caselist .item .info h4{margin-top: 50px;font-size: 15px;}
.caselist .item .info img{width: 45px;margin-top: 15px;}
}


/* picturelist */
.picturelist li{width:23.5%;position: relative;margin-right: 2%;background: #f5f5f5;display: flex;flex-wrap: wrap;align-items: flex-end;margin-bottom: 2%;}
.picturelist li:nth-child(4n+4){margin-right: 0;}
.picturelist li .pic{padding: 15px;}
.picturelist li .pic a{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5;}
.picturelist li .pic::after{width:0;height:2px;content:"";background:#F0B322;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s;margin-left:-50%}
.picturelist li .pic img{max-width:100%;max-height:100%;}
.picturelist li .text{width: 100%;}
.picturelist li p{padding:0 20px;text-align:center;font-size: 17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #000;margin-bottom: 20px;}
.picturelist li:hover p {color: #333;}
@media screen and (max-width:1280px){
.picturelist li{width: 32%;}
.picturelist li:nth-child(3n+3){margin-right:0;}
.picturelist li:nth-child(4n+4){margin-right: 2%;}
}
 
@media screen and (max-width:768px){
.picturelist li{width: 30.66667%;margin-right: 4%;}
.picturelist li:nth-child(4n+4){margin-right: 4%;}
.picturelist li:nth-child(5n+5){margin-right: 4%;}
.picturelist li:nth-child(3n+3){margin-right: 0;}
}
@media screen and (max-width:520px){
.picturelist li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic{padding: 10px;}
.picturelist li p{font-size: 15px;height: auto;margin-bottom: 10px;}
}


/* contacts */
.contacts .contacts-info{width: 45%;margin-right: 10%;}
.contacts .contacts-info .title{font-size:30px}
.contacts .contacts-info .tit{font-size:20px;color:#333;border-bottom:1px solid #e5e5e5;margin-top:10px;padding-bottom:20px}
.contacts .contacts-info .ul li{padding: 18px 0;border-bottom:1px solid #e5e5e5;}
.contacts .contacts-info .ul li h3{font-size:18px;color:#333}
.contacts .contacts-info .ul li p{font-size:16px;margin-top:10px}
.contacts .contacts-info .ul li p:nth-child(1){margin-top: 0;}
.contacts .contacts-info .ul li img{width: 145px;}
.contacts .contacts-info .ul li:nth-last-child(1) .pic{text-align: center;width: max-content;}
.contacts .contacts-form{width:45%;}
.contacts .contacts-form h3{font-size:30px;line-height:1;margin-bottom:15px;font-weight: normal;}
.contacts .contacts-form p{font-size: 17px;color: #595959;line-height: 30px;margin-bottom: 40px;}
.contacts .contacts-form .input{margin-bottom: 18px;position: relative;}
.contacts .contacts-form .input label{font-size: 16px;color: #333;line-height: 2;}
.contacts .contacts-form .input input{padding: 10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height: 23px;text-align:left;color:#666;box-sizing:border-box;}
.contacts .contacts-form .input img{position: absolute;right: 0;}
.contacts .contacts-form .input1 label{font-size: 16px;color: #333;line-height: 2;}
.contacts .contacts-form .input1 textarea{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color:#666;box-sizing:border-box;font-family: initial;height: 120px;}
.contacts .contacts-form .submit input{margin:0 auto;width:150px;line-height:40px;background:#f08300;border-radius:4px;text-align:center;display:block;cursor:pointer;margin-top: 30px;color:#fff;font-size: 16px;transition:all .3s;}
.contacts .contacts-form .submit:hover input{background: #F08300;}
.contacts .contacts-form input:focus,.contacts .contacts-form textarea:focus{border-color:#f08300}
@media screen and (max-width:1440px){
.contacts .contacts-info .title{font-size: 26px;}
.contacts .contacts-info .tit{font-size: 16px;}
.contacts .contacts-form h3{font-size: 26px;}
.contacts .contacts-form p{font-size: 16px;margin-bottom: 30px;}
}
@media screen and (max-width:1280px){
.contacts .contacts-info{width: 50%;margin-right: 5%;}
.contacts .contacts-info .ul li img{width: 125px;}
}
@media screen and (max-width:1080px){
.contacts .contacts-info{width: 100%;margin-right: 0;}
.contacts .contacts-info .title{font-size: 22px;}
.contacts .contacts-info .tit{font-size: 15px;padding-bottom: 15px;}
.contacts .contacts-info .ul li{padding: 15px 0;}
.contacts .contacts-info .ul li h3{font-size: 16px;}
.contacts .contacts-info .ul li p{font-size: 15px;margin-top: 8px;}
.contacts .contacts-info .ul li img{width: 115px;}
.contacts .contacts-form{width: 100%;margin-top: 30px;}
.contacts .contacts-form h3{font-size: 22px;}
.contacts .contacts-form p{font-size: 15px;margin-bottom: 20px;}
}
@media screen and (max-width:520px){
.contacts .contacts-info .title{font-size: 22px;}
.contacts .contacts-info .tit{font-size: 15px;padding-bottom: 15px;}
.contacts .contacts-info .ul li{padding: 15px 0;}
.contacts .contacts-info .ul li h3{font-size: 16px;}
.contacts .contacts-info .ul li p{font-size: 15px;margin-top: 8px;}
.contacts .contacts-info .ul li img{width: 108px;}
.contacts .contacts-form{margin-top: 30px;}
.contacts .contacts-form h3{font-size: 22px;}
.contacts .contacts-form p{font-size: 15px;margin-bottom: 15px;}
.contacts .contacts-form .input{margin-bottom: 10px;}
.contacts .contacts-form .input label{font-size:15px}
.contacts .contacts-form .input input{line-height:20px;font-size:13px}
.contacts .contacts-form .input img{height: 42px;}
.contacts .contacts-form .submit input{margin-top:20px;font-size:15px;width:128px;line-height:36px}
.contacts .contacts-form .input1 textarea{font-size: 13px;line-height: 20px;height: 100px;}
}


/* product */
.product .pro .ico{width:50%}
.product .pro .info{width:45%;margin-left:5%;padding-top:20px}
.product .pro .info .t1{font-size:32px}
.product .pro .info .btn{margin-top:40px;margin-left:0}
.product .pro .del{margin-top:50px}
.product .pro .del .title{font-size: 24px;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #cdcdcd;}
.product .pro .del .title img{width: 24px;margin-right:6px;animation:ab3_1Rotate 5s infinite linear}
.product .pro .del .cont p{font-size:16px;color:#232323;line-height:2}
.product .pro .del .cont table{border-spacing:0;border-collapse:collapse;width:max-content}
.product .pro .del .cont table td{border:1px solid #e5e7eb;font-size:16px;font-weight:400;color:#232323;padding:8px 16px;width:initial;text-align:left}
.product .pro .del .cont table p{font-size:16px;color:#232323}
.product .pro .rem{margin-top:50px}
.product .pro .rem .title{font-size: 24px;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #cdcdcd;}
.product .pro .rem .title img{width: 24px;margin-right:6px;animation:ab3_1Rotate 5s infinite linear}
.product .pro .rem .item{width: 32%;margin-right: 2%;position: relative;background: #fff;overflow: hidden;}
.product .pro .rem .item:nth-child(3n+3){margin-right: 0;}
.product .pro .rem .item .img img{width: 100%;}
.product .pro .rem .item .text{text-align: center;margin: 15px 0;transition: .3s all;}
.product .pro .rem .item .text p{font-size: 18px;font-weight: bold;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.product .pro .rem .item:hover .text{transform: translateY(4vw);}
.product .pro .rem .item:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color: #034cb9a1;opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.product .pro .rem .item:hover:after{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.product .pro .rem .item .css3{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.product .pro .rem .item .border{position:absolute;z-index:1;background-color:#fff}
.product .pro .rem .item .border.b_t{left:0;right:100%;top:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item .border.b_r{top:0;bottom:100%;right:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item .border.b_b{left:0;right:100%;bottom:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item .border.b_l{top:0;bottom:100%;left:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item:hover .b_t{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item:hover .b_r{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item:hover .b_b{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item:hover .b_l{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .pro .rem .item .contain{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
.product .pro .rem .item .contain .icoImg{display:inline-block;position:relative;height: 50px;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;pointer-events:auto!important;}
.product .pro .rem .item .contain h3{margin-top: 15px;margin-left: 25px;margin-right: 25px;margin-bottom: 15px;position:relative;line-height: 2;font-size: 18px;}
.product .pro .rem .item .contain:after{content:" ";display:block;margin-left:auto;margin-right:auto;width: 45px;height: 45px;border-radius:50%;border:#fff solid 1px;background-image:url(../images/arrow-pdtItem.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-transform:rotate(90deg) translateX(10px) scale(.8);transform:rotate(90deg) translateX(10px) scale(.8);}
.product .pro .rem .item:hover .contain{-webkit-transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s,-webkit-transform .5s ease .2s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.product .pro .rem .item:hover .contain:after{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);opacity:1;-webkit-transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms,-webkit-transform .4s ease-out 440ms}
@media screen and (max-width:1440px){
.product .pro .info .t1{font-size: 28px;}
}
@media screen and (max-width:1280px){
.product .pro .rem .item .text p{font-size: 16px;}
.product .pro .rem .item .contain h3{font-size: 16px;}
.product .pro .rem .item .contain .icoImg{height: 45px;}
.product .pro .rem .item .contain:after{width: 40px;height: 40px;}
}
@media screen and (max-width:1080px){
.product .pro .info .t1{font-size: 26px;}
.product .pro .info .btn{margin-top: 30px;}
.product .pro .del{margin-top: 40px;}
.product .pro .del .title{font-size: 22px;}
.product .pro .del .title img{width: 22px;}
.product .pro .rem{margin-top: 40px;}
.product .pro .rem .title{font-size: 22px;}
.product .pro .rem .title img{width: 22px;}
.product .pro .rem .item{width: 48%;}
.product .pro .rem .item:nth-child(odd){margin-right: 4%;}
.product .pro .rem .item:nth-child(even){margin-right: 0;}
.product .pro .rem .item:nth-child(3){display: none;}
}
@media screen and (max-width:960px){
.product .pro .ico{width: 100%;}
.product .pro .info{margin-left: 0;}
.product .pro .info .t1{font-size: 24px;}
.product .pro .info .btn{margin-top: 20px;}
.product .pro .del .title{margin-bottom: 20px;padding-bottom: 10px;}
.product .pro .del .cont p{font-size: 15px;}
.product .pro .rem .title{margin-bottom: 20px;padding-bottom: 10px;}
}
@media screen and (max-width:768px){
.product .pro .info .t1{font-size: 22px;}
.product .pro .del{margin-top:  30px;}
.product .pro .del .title{font-size: 20px;}
.product .pro .del .title img{width: 20px;}
.product .pro .rem{margin-top: 30px;}
.product .pro .rem .title{font-size: 20px;}
.product .pro .rem .title img{width: 20px;}
}
@media screen and (max-width:520px){
.product .pro .info{padding-top: 15px;}
.product .pro .info .t1{font-size: 20px;}
.product .pro .info .btn{margin-top: 15px;}
.product .pro .del{margin-top: 20px;}
.product .pro .del .cont p{font-size: 14px;line-height: 26px;}
.product .pro .rem{margin-top: 20px;}
.product .pro .rem .item .contain{display: none;}
.product .pro .rem .item .css3{display: none;}
.product .pro .rem .item .text{margin-top: 10px;margin-bottom: 0;}
.product .pro .rem .item .text p{font-size: 15px;}
}

/* csfz */
.csfz{margin: 200px 0 80px;}
.csfz .title{text-align: center;font-size: 30px;}
.csfz .content{line-height: 2;color: #333;font-size: 16px;}
.csfz .content .item{margin-bottom: 15px;}
.csfz .content a{margin-right: 10px;}
.csfz .content a:nth-last-child(1){margin-right: 0;}
.csfz .content a:hover{color: #F08300;}
@media screen and (max-width:1280px){
.csfz .title{font-size: 26px;}
}
@media screen and (max-width:1080px){
.csfz{margin: 128px 0 50px;}
.csfz .content{line-height: 28px;}
.csfz .title{font-size: 24px;}
.csfz .content{font-size: 15px;}
}
@media screen and (max-width:768px){
.csfz{margin: 99px 0 30px;}
.csfz .content{line-height: 26px;}
.csfz .content .item{margin-bottom: 10px;}
.csfz .title{font-size: 22px;}
.csfz .content{font-size: 14px;}
}