/* shuipingtc */
.shuipingtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 200;background: rgba(0, 0, 0, 0.65);display: none;}
.shuipingtc .shi_con{width: 1000px;max-height: 600px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.shuipingtc .shi_con video{width: 100%;height: 100%;object-fit: cover;}
.shuipingtc .shi_con .out{width: 50px;height: 50px;position: absolute;right: -60px;top: 0px;cursor: pointer;transition: ease 0.6s;}
.shuipingtc .shi_con .out:hover{transform: rotate(180deg);}
@media screen and (max-width:1080px) {
.shuipingtc .shi_con{width: 90%;}
.shuipingtc .shi_con .out{width: 36px;height: 36px;right: -5px;top: -50px;}
}

/* picturelist */
.picturelist{padding: 80px 0;}
.picturelist li{width:32%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(3n+3){margin-right: 0;}
.picturelist li .pic a{width:93%;padding:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.picturelist li .pic::after{width:0;height:2px;content:"";background:#eb6622;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%;transition:all .5s;}
.picturelist li:hover img{transform:scale(1.02);}
.picturelist li .text{height:50px;line-height: 50px;}
.picturelist li p{padding:0 20px;text-align:center;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.picturelist li:hover p {color: #333;}
@media screen and (max-width:1080px){
.picturelist{padding-bottom: 50px;}
.picturelist li{width: 21%;margin-right: 4%;}
.picturelist li:nth-child(5n+5){margin-right: 4%;}
.picturelist li:nth-child(4n+4){margin-right:0;}
}
@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{padding-bottom: 30px;}
.picturelist li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;height: 140px;padding: 10px;}
.picturelist li .text{height:35px;line-height: 35px;}
.picturelist li p{font-size: 16px;height: 35px;}
}
 

/* n_tit */
.n_tit{margin-bottom: 40px;}
.n_tit .title{font-size: 50px;color: #333;letter-spacing: 2px;}
.n_tit .line:before,.n_tit .line:after{content:'';width:34px;height:4px;display:inline-block;}
.n_tit .line:before{background-color:#EB6622;margin-right: 1px;}
.n_tit .line:after{background-color:#00287B;}
@media screen and (max-width: 1440px){
.n_tit .title{font-size: 45px;}
}
@media screen and (max-width: 1280px){
.n_tit .title{font-size: 40px;}
}
@media screen and (max-width: 1080px){
.n_tit{margin-bottom: 30px;}
.n_tit .title{font-size: 35px;}
}
@media screen and (max-width: 520px){
.n_tit{margin-bottom: 20px;}
.n_tit .title{font-size: 23px;}
.n_tit .line:before, .n_tit .line:after{width: 28px;height: 3px;}
}


/* banner */
.banner{margin-top: 93px;position: relative;overflow: hidden;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;left: 0;top: 50%;transform: translate(0%,-50%);width: 100%;}
.banner .info .t1{color: #fff;font-weight:100;font-size: 60px;font-family: "GILROY-THIN";}
.banner .info .t2{color:#e3e3e3;font-size: 65px;display:flex;align-items:center;margin-top: 10px;margin-left: 80px;}
.banner .info .t2 i{width:100px;height:2px;background:#fff;margin-right:10px}
@media screen and (max-width:1500px){
.banner{margin-top: 91px;}
.banner .info .t1{font-size: 55px;margin-bottom: 5px;}
.banner .info .t2{font-size: 50px;}
}
@media screen and (max-width:1080px){
.banner{margin-top: 78.2px;}
.banner .info .t1{font-size: 45px;}
.banner .info .t2{font-size: 40px;margin-left: 30px;}
.banner .info .t2 i{width: 80px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 73.67px;}
.banner .info .t1{font-size: 40px;}
.banner .info .t2{font-size: 30px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 61.66px;}
.banner .info .t1{font-size: 24px;font-weight: bold;}
.banner .info .t2{font-size: 22px;margin-left: 10px;}
.banner .info .t2 i{width: 30px;}
.banner .img{height: 135px;}
.banner .img img{height: 100%;object-fit: cover;}
}

/* location */
.location{margin-top: 168px;}
.location .odcontent{border-bottom: 1px solid #B6B6B6;padding-bottom: 20px;}
.location a{color: #1e1e1f;font-size: 18px;}
@media only screen and (max-width:1080px){
.location{margin-top: 145px;}
.location a{font-size: 16px;}
}
@media only screen and (max-width:768px){
.location{margin-top: 125px;}
}
@media only screen and (max-width:520px){
.location{margin-top: 90px;}
.location a{font-size: 15px;}
}

/* productlist */
.productlist{padding: 80px 0;}
.productlist .pbar{display:none;justify-content:space-between;align-items:center;background:#f2f2f2;margin-bottom:30px;padding:8px 4%}
.productlist .pbar .left{background:#171717;padding:7px 22px;border-radius:18px;display: flex;align-items: self-start;justify-content: space-between;}
.productlist .pbar .left p{color:#fff;font-size:15px}
.productlist .pbar .left img{transform: rotate(-90deg);margin-left: 8px;width: 10px;}
.productlist .pbar .right{text-align:center}
.productlist .pbar .right span{font-size:20px}
.productlist .pbar .right p{font-size:16px}
.productlist .cont{display:flex;flex-wrap:wrap;justify-content:space-between}
.productlist .p_nav{width:24%;}
.productlist .p_nav .pbar{margin-bottom: 20px;padding: 12px 4%;}
.productlist .p_nav .wrap:nth-child(2){margin-bottom:30px}
.productlist .p_nav .wrap{border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-bottom:10px solid #242323}
.productlist .p_nav .wrap .title{background:#242323;padding:20px;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-size:22px}
.productlist .p_nav .wrap .ul{border:1px solid #e0e0e0;display:grid;border-top:none;padding:20px 10px}
.productlist .p_nav .wrap .ul li{padding: 8px 10px 8px 35px;transition:.3s;position: relative;}
.productlist .p_nav .wrap .ul li:hover{transform:translateX(5px)}
.productlist .p_nav .wrap .ul li a{font-size:18px;color:#333;position: relative;}
.productlist .p_nav .wrap .ul li a::after{position: absolute;content: "";left: -28px;top: 10px;width: 20px;height: 2px;background: #333;}
.productlist .p_nav .wrap .ul li a.on ,.productlist .p_nav .wrap .ul li a.cur{color: #eb6622;}
.productlist .p_nav .wrap .ul li a.on::after,.productlist .p_nav .wrap .ul li a.cur::after{background: #eb6622;}
.productlist .list{display:flex;flex-wrap:wrap;width:73%}
.productlist .item{width:23.5%;margin-right:2%;margin-bottom:2%;background:#fff;box-shadow: 0 0 6px rgba(0,0,0,.1);height: max-content;}
.productlist .item:nth-child(4n+4){margin-right:0}
.productlist .item a{display:block;padding: 0px 25px 30px 25px;}
.productlist .item .img{overflow:hidden;position: relative;height:188px;}
.productlist .item .img img{transition:all .3s linear;position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
.productlist .item:hover .img img{=: scale(1.04);transform: translate(-50% ,-50%) scale(1.04);}
.productlist .item .info .t1{font-size:18px;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align: center;}
.productlist .item .info .btn{border:1px solid #eb6622;width:120px;height:40px;line-height:40px;position:relative;overflow:hidden;text-align:center;z-index:9;margin: 0 auto;margin-top: 30px;}
.productlist .item .info .btn p{font-size:16px;color:#eb6622;z-index:9;position:relative;transition:all .48s}
.productlist .item .info .btn:after{content:'';position:absolute;width:100%;height:120%;left:0;top:152%;background-color:#eb6622;z-index:1;transition:all .48s;transform:skewY(20deg)}
.productlist .item:hover .info .btn:after{transform:none;top:0}
.productlist .item:hover .info .btn p{color:#fff}
@media only screen and (max-width:1660px){
.productlist .p_nav{width: 26%;}
.productlist .list{width: 71%;}
}
@media only screen and (max-width:1550px){
.productlist .item a{padding: 0px 20px 30px 20px;}
.productlist .item .img{height: 168px;}
}
@media only screen and (max-width:1440px){
.productlist .item{width: 31.3333%;margin-bottom: 3%;margin-right: 3%;}
.productlist .item:nth-child(3n+3){margin-right:0}
.productlist .item:nth-child(4n+4){margin-right:3%}
.productlist .item:nth-child(12){margin-right:0}
}
@media only screen and (max-width:1280px){
.productlist .p_nav .wrap .title{padding: 18px;}
.productlist .item .img{height: 145px;}
.productlist .item .info .btn{height: 36px;line-height: 36px;}
}
@media only screen and (max-width:1080px){
.productlist{padding: 50px 0;}
.productlist .p_nav .wrap:nth-child(2){margin-bottom: 20px;}
.productlist .p_nav .wrap .title{font-size: 20px;padding: 15px;}
.productlist .p_nav .wrap .ul{padding: 10px;}
.productlist .p_nav .wrap .ul li{padding: 5px 5px 5px 22px;}
.productlist .p_nav .wrap .ul li a::after{left: -22px;top: 9px;width: 16px;}
.productlist .p_nav .wrap .ul li a{font-size: 16px;}
.productlist .item a{padding: 0px 20px 20px 20px;}
.productlist .item .info .btn{height: 34px;line-height: 34px;width: 110px;}
}
@media only screen and (max-width:890px){
.productlist{padding: 0 0 50px;}
.productlist .pbar{display: flex;}
.productlist .p_nav{position: fixed;top: 0;right: 0;z-index: 999;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);width: 100%;opacity: 0;visibility: hidden;transition: .5s all ease-in-out;padding-bottom: 40px;}
.productlist .p_nav.active{opacity: 1;visibility: visible;transform: translateX(0vw);}
.productlist .p_nav .wrap .ul li{padding: 8px 8px 8px 22px;}
.productlist .p_nav .wrap .title{font-size: 18px;padding: 12px;}
.productlist .p_nav .wrap .ul li a{font-size: 14px;}
.productlist .list{width: 100%;}
.productlist .item .img{height: 130px;}
.productlist .item .info .t1{font-size: 16px;}
}
@media only screen and (max-width:768px){
.productlist .list{width: 100%;}
.productlist .item a{padding: 0 10px 20px 10px;}
.productlist .item .img{height: 120px;}
.productlist .item .info .btn{margin-top: 25px;height: 30px;line-height: 30px;width: 100px;}
.productlist .item .info .btn p{font-size: 14px;}
}
@media only screen and (max-width:520px){
.productlist{padding:0 0 30px 0;}
.productlist .pbar{margin-bottom: 25px;padding: 6px 4%;}
.productlist .pbar .left{padding: 7px 15px;}
.productlist .pbar .left p{font-size: 14px;}
.productlist .pbar .right p{font-size: 14px;}
.productlist .p_nav .wrap .title{font-size: 16px;}
.productlist .p_nav .wrap .ul li{padding: 7px 7px 7px 22px;}
.productlist .item{width: 48.5%;}
.productlist .item a{padding: 0 10px 15px 10px;}
.productlist .item:nth-child(odd){margin-right:3%}
.productlist .item:nth-child(even){margin-right:0}
.productlist .item .img{height: 100px;}
.productlist .item .info .t1{font-size: 15px;}
.productlist .item .info .btn{margin-top: 15px;height: 28px;line-height: 28px;width: 90px;}
.productlist .item .info .btn p{font-size: 13px;}
}


/* product */
.product{padding:80px 0}
.product .por_top{display:flex;flex-wrap:wrap;justify-content:space-between}
.product .por_top .pro_img{width:45%}
.product .por_top .pro_img .pro1{padding: 5px;}
.product .por_top .pro_img .pro1 .swiper-slide{border: 1px solid #eee;height: auto;display: flex;justify-content: center;align-items: center;}
.product .por_top .pro_img .pro1 .img{text-align: center;}
.product .por_top .pro_img .pro2{margin-top:40px;padding: 5px;}
.product .por_top .pro_img .pro2 .swiper-slide{border: 1px solid #eee;height: auto;display: flex;justify-content: center;align-items: center;}
.product .por_top .pro_img .pos{position: relative;}
.product .por_top .pro_img .pro2 .swiper-slide-thumb-active{box-shadow: 0px 3px 15px rgb(58 65 69 / 16%);}
.product .por_top .pro_img .pos .swiper-button-next:after, .product .por_top .pro_img .pos .swiper-button-prev:after{color: #333333;font-size: 40px;font-weight: normal;}
.product .por_top .pro_info{width:50%}
.product .por_top .pro_info .tit{font-size:36px;color:#1e1e1f}
.product .por_top .pro_info .text1{padding: 25px 0;margin: 25px 0;border-top:1px solid #b6b6b6;border-bottom:1px solid #b6b6b6;}
.product .por_top .pro_info .text1 .p{font-size:16px;color:#1e1e1e;line-height:30px;position:relative;}
.product .por_top .pro_info .text1 .table{margin-top: 25px;width: auto;}
.product .por_top .pro_info .text1 .table table{border-spacing:0;border-collapse:collapse;width: max-content;}
.product .por_top .pro_info .text1 .table table td{border:1px solid #e5e7eb !important;font-size:16px;color:#232323;padding: 10px 16px !important;width:initial;text-align:left;font-family: "GILROY-REGULAR" !important;font-weight: 400;}
.product .por_top .pro_info .text1 .table table p{font-family: "GILROY-REGULAR" !important;}
.product .por_top .pro_info .text1 .table table p span{font-family: "GILROY-REGULAR" !important;}
.product .por_top .pro_info .btn{margin-top:40px;}
.product .pro_del .rd{border-bottom:1px solid #b6b6b6;border-top:1px solid #b6b6b6;display:flex}
.product .pro_del .rd a{color:#1e1e1e;font-size: 22px;font-weight:400;display:block;padding: 10px 25px;border-right:1px solid #b6b6b6;}
.product .pro_del .rd a:nth-last-child(1){border:none}
.product .pro_del .rd a.active{font-weight:700}
.product .pro_del .hd .hd_cont{margin-top:30px}
.product .pro_del .hd .hd_cont p{font-size:16px;color:#232323;line-height:30px;font-family: "GILROY-REGULAR" !important;}
.product .pro_del .hd .hd_cont .table{overflow: auto;}
.product .pro_del .hd .hd_cont table{border-spacing:0;border-collapse:collapse;width: max-content;}
.product .pro_del .hd .hd_cont table td{border:1px solid #e5e7eb;font-size:16px;font-weight:400;color:#232323;padding:8px 16px;width:initial;text-align:left;font-family: "GILROY-REGULAR" !important;}
.product .pro_del .hd .hd_cont table p span{font-family: "GILROY-REGULAR" !important;font-size:16px;color:#232323;}
.product .pro_del .hd .hd_cont .table p{font-size:16px;line-height:2}
.product .pro_del .hd .hd_cont form{width:43%;}
.product .pro_del .hd .hd_cont .input{width: 100%;margin-bottom: 30px;}
.product .pro_del .hd .hd_cont .input label{font-size: 16px;color: #1e1e1e;margin-left: 5px;}
.product .pro_del .hd .hd_cont .input input{width: 100%;border-radius: 8px;text-indent: 1em;font-size: 16px;color: #1e1e1e;background: #F1F1F1;height: 45px;margin-top: 10px;}
.product .pro_del .hd .hd_cont .textarea{width: 100%;}
.product .pro_del .hd .hd_cont .textarea label{font-size: 16px;color: #1e1e1e;}
.product .pro_del .hd .hd_cont .textarea textarea{height: 100px;background: #F1F1F1;width: 100%;margin-top: 10px;font-family: "GILROY-REGULAR";text-indent: 1em;padding-top: 15px;border-radius: 8px;}
.product .pro_del .hd .hd_cont .submit{margin-top:30px;background:#1e1e1f;text-align:center;width:188px}
.product .pro_del .hd .hd_cont .submit input{background:0 0;color:#fff;font-size:16px;font-weight:700;height:45px;width:100%}
.product .pro_del .hd .hd_cont .sj{font-size: 16px;color: #1e1e1e;}
.product .pro_rem{margin-top: 88px;border-top:1px solid #b6b6b6;padding-top: 50px;}
.product .pro_rem .title{font-size:36px;color:#1e1e1f;text-align:center;margin-bottom:60px}
.product .pro_rem .list{display:flex;flex-wrap:wrap;}
.product .pro_rem .item{width:23.5%;margin-right:2%;margin-bottom:2%;background:#fff;box-shadow: 0 0 6px rgba(0,0,0,.1);height: max-content;}
.product .pro_rem .item:nth-child(4n+4){margin-right:0}
.product .pro_rem .item a{display:block;padding: 0px 25px 30px 25px;}
.product .pro_rem .item .img{overflow:hidden;position: relative;height: 200px;}
.product .pro_rem .item .img img{transition:all .3s linear;position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
.product .pro_rem .item:hover .img img{=: scale(1.04);transform: translate(-50% ,-50%) scale(1.04);}
.product .pro_rem .item .info .t1{font-size:18px;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align: center;}
.product .pro_rem .item .info .btn{border:1px solid #eb6622;width:120px;height:40px;line-height:40px;position:relative;overflow:hidden;text-align:center;z-index:9;margin: 0 auto;margin-top: 30px;}
.product .pro_rem .item .info .btn p{font-size:16px;color:#eb6622;z-index:9;position:relative;transition:all .48s}
.product .pro_rem .item .info .btn:after{content:'';position:absolute;width:100%;height:120%;left:0;top:152%;background-color:#eb6622;z-index:1;transition:all .48s;transform:skewY(20deg)}
.product .pro_rem .item:hover .info .btn:after{transform:none;top:0}
.product .pro_rem .item:hover .info .btn p{color:#fff}
@media only screen and (max-width:1550px){
.product .pro_rem .item a{padding: 0px 20px 30px 20px;}
.product .pro_rem .item .img{height: 168px;}
}
@media only screen and (max-width:1280px){
.product .por_top .pro_info .tit{font-size: 30px;}
.product .pro_del .rd a{font-size: 22px;padding: 10px 15px;}
.product .pro_rem{margin-top: 85px;}
.product .pro_rem .item .img{height: 145px;}
.product .pro_rem .item .info .btn{height: 36px;line-height: 36px;}
}
@media only screen and (max-width:1080px){
.product{padding: 50px 0;}
.product .por_top .pro_info .tit{font-size: 28px;}
.product .por_top .pro_info .text1{padding: 20px 0;margin: 20px 0;}
.product .por_top .pro_info .btn{margin-top: 30px;}
.product .pro_del{margin-top: 40px;}
.product .pro_del .rd a{font-size: 19px;padding: 10px 20px;}
.product .pro_del .hd .hd_cont form{width:58%;}
.product .pro_rem{margin-top: 68px;}
.product .pro_rem .title{font-size: 30px;margin-bottom: 40px;}
.product .pro_rem .item{width: 31.3333%;margin-bottom: 3%;margin-right: 3%;}
.product .pro_rem .item:nth-child(3n+3){margin-right:0}
.product .pro_rem .item:nth-child(4n+4){margin-right:3%}
.product .pro_rem .item a{padding: 0px 20px 20px 20px;}
.product .pro_rem .item .img{height: 188px;}
.product .pro_rem .item .info .btn{height: 34px;line-height: 34px;width: 110px;}
}
@media only screen and (max-width: 768px){
.product{padding: 30px 0 50px;}
.product .por_top .pro_img{width: 100%;margin-bottom: 30px;}
.product .por_top .pro_img .pro1 .img{text-align: center;}
.product .por_top .pro_img .pro1 .img img{width: 68%;}
.product .por_top .pro_info{width: 100%;}
.product .pro_del .rd a{font-size: 16px;}
.product .pro_del .hd .hd_cont video{width: 100%;}
.product .pro_rem .item a{padding: 0 10px 20px 10px;}
.product .pro_rem .item .img{height: 150px;}
.product .pro_rem .item .info .btn{margin-top: 25px;height: 30px;line-height: 30px;width: 100px;}
.product .pro_rem .item .info .btn p{font-size: 14px;}
}
@media only screen and (max-width:680px){
.product .pro_del .hd .hd_cont{margin-top: 20px;}
.product .pro_del .hd .hd_cont form{width: 100%;}
.product .pro_rem .item{width: 48.5%;}
.product .pro_rem .item:nth-child(odd){margin-right:3%}
.product .pro_rem .item:nth-child(even){margin-right:0}
.product .pro_rem .item a{padding: 0px 20px 20px 20px;}
}
@media only screen and (max-width:520px){
.product{padding: 10px 0 30px;}
.product .por_top .pro_img .pro2{margin-top: 15px;}
.product .por_top .pro_img .pos .swiper-button-next:after, .product .por_top .pro_img .pos .swiper-button-prev:after{font-size: 36px;}
.product .por_top .pro_info .tit{font-size: 20px;}
.product .por_top .pro_info .text1{padding: 15px 0;margin: 15px 0;}
.product .por_top .pro_info .text1 .p{font-size: 14px;line-height: 26px;}
.product .por_top .pro_info .text1 .table{margin-top: 15px;}
.product .por_top .pro_info .text1 .table table td{font-size: 14px;padding: 8px 10px !important;}
.product .por_top .pro_info .btn{margin-top: 20px;}
.product .pro_del{margin-top: 30px;}
.product .pro_del .rd{justify-content: space-between;}
.product .pro_del .rd a{font-size: 16px;padding: 10px 0;position: relative;}
.product .pro_del .rd a::after{position: absolute;content: "";right: -15px;top: 0;height: 100%;width: 1px;background: #b6b6b6;}
.product .pro_del .rd a:nth-last-child(1)::after{display: none;}
.product .pro_del .rd a{border: none;}
.product .pro_del .hd .hd_cont p{font-size: 14px;}
.product .pro_del .hd .hd_cont table td{line-height: 20px;font-size: 14px;padding: 5px;}
.product .pro_del .hd .hd_cont table td p{line-height: 20px;font-size: 14px;}
.product .pro_del .hd .hd_cont table p span{font-size: 14px;}
.product .pro_del .hd .hd_cont .input{margin-bottom: 15px;}
.product .pro_del .hd .hd_cont .input label{font-size: 14px;}
.product .pro_del .hd .hd_cont .input input{border-radius: 6px;font-size: 14px;height: 40px;margin-top: 8px;}
.product .pro_del .hd .hd_cont .textarea label{font-size: 14px;}
.product .pro_del .hd .hd_cont .textarea textarea{height: 80px;margin-top: 8px;padding-top: 10px;border-radius: 6px;}
.product .pro_del .hd .hd_cont .submit{margin-top: 15px;width: 140px;}
.product .pro_del .hd .hd_cont .submit input{font-size: 15px;height: 36px;}
.product .pro_rem{margin-top: 35px;padding-top: 20px;}
.product .pro_rem .title{font-size: 23px;margin-bottom: 20px;}
.product .pro_rem .item .img{height: 100px;}
.product .pro_rem .item .info .t1{font-size: 15px;}
.product .pro_rem .item .info .btn{margin-top: 15px;height: 28px;line-height: 28px;width: 90px;}
.product .pro_rem .item .info .btn p{font-size: 13px;}
}

/* newslist */
.newslist{padding: 80px 0;}
.newslist .item{border-radius: 6px;width: 23.5%;margin-bottom: 2%;margin-right: 2%;}
.newslist .item:nth-child(4n+4){margin-right: 0;}
.newslist .item .img{overflow:hidden}
.newslist .item .img img{transition:all .8s;width: 100%;}
.newslist .item:hover .img img{transform:scale(1.06)}
.newslist .item .info{padding: 25px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.newslist .item .info .date{font-size:18px;color:#666}
.newslist .item .info h3{color:#000;font-size:20px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow:hidden;margin:10px 0 20px;height: 70px;}
.newslist .item .info .bt{font-size:16px;color:#757475;display:flex;align-items:center}
.newslist .item .info .bt img{filter:brightness(.5);margin-left:5px}
@media only screen and (max-width:1280px){
.newslist .item .info{padding: 20px;}
.newslist .item .info .date{font-size: 16px;}
.newslist .item .info h3{font-size: 18px;margin: 6px 0 15px;height: 65px;}
.newslist .item .info .bt{font-size: 15px;}
}
@media only screen and (max-width:1080px){
.newslist{padding: 50px 0;}
.newslist .item{width: 32%;}
.newslist .item:nth-child(3n+3){margin-right: 0;}
.newslist .item:nth-child(4n+4){margin-right: 2%;}
}
@media only screen and (max-width:768px){
.newslist .item{width: 48.5%;margin-bottom: 3%;}
.newslist .item:nth-child(even){margin-right: 0;}
.newslist .item:nth-child(odd){margin-right: 3%;}
.newslist .item .info .date{font-size: 14px;}
.newslist .item .info h3{font-size: 17px;}
.newslist .item .info .bt{font-size: 14px;}
}
@media only screen and (max-width:520px){
.newslist .item .info{padding: 15;}
.newslist .item .info h3{font-size: 16px;margin: 6px 0 12px;height: 58px;}
}



/* news */
.news{margin:-2.5em 0;padding-bottom:110px}
.news .odcontent{border-radius:10px;box-shadow:0 0 20px 0 rgb(96 119 174 / 12%);background:#fff;position:relative}
.news .wrap{padding:50px}
.news .n_tit{margin-bottom:40px}
.news .n_tit h3{text-align:center;font-size:28px;color: #333;}
.news .n_tit .date{font-size:16px;text-align:center;margin-top: 20px;padding-bottom: 20px;border-bottom:1px solid #ddd;color: #333;}
.news .cont p{font-size:16px;line-height:30px;margin-top: 10px;color: #333;}
.news .cont p:nth-child(1){margin-top: 0;}
.news .btn{margin:0 auto;margin-top:60px}
@media screen and (max-width: 1080px){
.news .wrap{padding: 40px;}
.news .n_tit h3{font-size: 26px;}
.news .btn{margin-top: 40px;}
}
@media screen and (max-width: 768px){
.news{margin: 0;padding: 50px 0;}
.news .wrap{padding: 30px;}
.news .n_tit{margin-bottom: 30px;}
.news .n_tit h3{font-size: 22px;}
.news .n_tit .date{font-size: 15px;padding-bottom: 15px;margin-top: 15px;}
.news .cont p{font-size: 15px;}
}
@media screen and (max-width: 520px){
.news{padding: 30px 0;}
.news .wrap{padding: 20px;}
.news .n_tit{margin-bottom: 15px;}
.news .n_tit h3{font-size: 18px;}
.news .n_tit .date{font-size: 14px;padding-bottom: 10px;margin-top: 10px;}
.news .cont p{font-size: 13px;line-height: 28px;}
.news .btn{margin-top: 25px;}
}

/* contact */
.contact{padding: 80px 0;overflow: hidden;}
.contact .title{font-size: 40px;color: #333;}
.contact .link{margin:40px 0;width:135%}
.contact .ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact .ul li{width:28%}
.contact .ul li .t1{font-size:24px;color:#333;font-weight:700}
.contact .ul li .t2{font-size:17px;color:#333;padding:15px 0 20px;border-bottom:2px solid #ccc}
.contact p{font-size:20px;color:#333;margin-top:24px;display: flex;align-items: center;}
.contact p img{margin-right: 5px;}
@media screen and (max-width: 1280px){
.contact .title{font-size: 35px;}
}
@media screen and (max-width: 1080px){
.contact{padding: 50px 0;}
.contact .link{margin: 30px 0;}
.contact .title{font-size: 30px;}
.contact .ul li .t1{font-size: 20px;}
.contact .ul li .t2{font-size: 16px;padding: 15px 0;}
.contact p{font-size: 18px;margin-top: 20px;}
.contact p img{width: 50px;}
}
@media screen and (max-width: 768px){
.contact .title{font-size: 25px;}
.contact .link{margin: 20px 0;}
.contact .ul li .t1{font-size: 18px;}
.contact p{font-size: 16px;margin-top: 18px;line-height: 24px;}
.contact p img{width: 45px;margin-right: 8px;}
}
@media screen and (max-width: 640px){
.contact .ul li{width: 100%;margin-top: 15px;}
.contact .ul li:nth-child(1){margin-top: 0;}
}
@media screen and (max-width: 520px){
.contact{padding: 30px 0;}
.contact .title{font-size: 20px;}
.contact .link{margin: 10px 0;width: 200%;}
.contact .ul li{margin-top: 10px;}
.contact .ul li .t1{font-size: 16px;}
.contact .ul li .t2{font-size: 15px;padding: 10px 0;}
.contact p{font-size: 15px;margin-top: 15px;line-height: 22px;}
.contact p img{width: 43px;margin-right: 6px;}
}


/* message */
.message{padding: 30px 0 80px;}
.message .fle{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.message .input{width: 48.5%;margin-bottom: 35px;height:100%;position:relative;}
.message .input sup{color:#EB6622;font-size: 20px;position: absolute;left: -12px;top: -6px;font-weight: normal;}
.message .input input{width:100%;height: 45px;border:1px solid #e7e7e7;border-radius:4px;line-height: 45px;text-indent:15px;font-size:16px;color:#666;font-family: GILROY-REGULAR;}
.message .input1 textarea{width:100%;height:135px;border:1px solid #e7e7e7;border-radius:4px;font-size: 16px;color:#666;font-family:GILROY-REGULAR;padding: 15px 0;text-indent: 15px;}
.message .submit{display:block;width:158px;height: 45px;overflow:hidden;position:relative;line-height: 45px;border-radius:23px;background-color:#fff;border:1px solid #EB6622;margin: 0 auto;margin-top: 40px;}
.message .submit input{position:relative;z-index:2;display:inline-block;text-indent:20px;transition: 0.3s;font-size: 16px;color: #EB6622;background: none;width: 100%;height: 100%;text-align: left;}
.message .submit:before{content:'';position:absolute;right:0;bottom:0;z-index:1;width:0;height:100%;background-color:#EB6622;border-radius:22px;-webkit-transition:.5s;transition:.5s}
.message .submit i{position:absolute;right: 2px;top: 2px;z-index:4;width: 40px;height: 40px;background:#EB6622 url(../images/btn_icon.png) center no-repeat;border-radius:22px;}
.message .submit:hover:before{width:100%}
.message .submit:hover input{color:#fff}
.message input:focus,.message textarea:focus{border-color:#EB6622}
@media screen and (max-width: 1080px){
.message{padding: 15px 0 50px;}
.message .input input{line-height: 43px;height: 43px;}
.message .input1 textarea{height: 100px;padding: 15px 0 0;}
.message .submit{margin-top: 30px;height: 40px;line-height: 40px;width: 145px;}
.message .submit i{width: 36px;height: 36px;}
}
@media screen and (max-width: 520px){
.message{padding: 10px 0 30px;}
.message .input{width: 48%;margin-bottom: 25px;}
.message .input input{line-height: 40px;height: 40px;font-size: 14px;text-indent: 10px;}
.message .input1 textarea{height: 85px;font-size: 14px;text-indent: 10px;}
.message .submit{margin-top: 20px;height: 34px;line-height: 34px;width: 128px;}
.message .submit input{font-size: 15px;}
.message .submit i{width: 30px;height: 30px;background-size: 16px;}
}


/* about01 */
.about01{padding: 80px 0;overflow: hidden;}
.about01 .text p{font-size:17px;line-height:2;color:#333;margin-bottom:10px}
.about01 .text p:nth-last-child(1){margin-bottom:0}
.about01 .ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:88px;margin-bottom: 30px;padding: 0 5%;}
.about01 .ul li{text-align:center}
.about01 .ul li span{font-size: 68px;color:#eb6622;}
.about01 .ul li sub{font-size:36px;color:#eb6622}
.about01 .ul li p{font-size:16px;color:#333}
.about01 .big{position: absolute;overflow: hidden;transform: translateY(-80%);z-index: -1;}
.about01 .big .txtbig{width: 200%;animation: letters linear 30s infinite;display: flex;}
.about01 .big .txtbig h3{font-size: 188px;color: #eaeaea;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to bottom, rgba(234,234,234,.9) , rgba(234,234,234,0.3));letter-spacing: 4px;width: 100%;opacity: 0.7;letter-spacing: 8px;}
@keyframes letters{0%{transform:none;-webkit-transform:none}
100%{transform:translateX(-50%);-webkit-transform:translateX(-50%)}
}
@media screen and (max-width: 1550px){
.about01 .big{transform: translateY(-90%);}
.about01 .big .txtbig{flex-wrap: wrap;}
.about01 .big .txtbig h3{width: auto;opacity: 0.5;font-size: 158px;}
}
@media screen and (max-width: 1440px){
.about01 .ul{margin-top: 58px;}
.about01 .ul li span{font-size: 58px;}
.about01 .ul li sub{font-size: 30px;}
}
@media screen and (max-width: 1280px){
.about01 .big .txtbig h3{font-size: 135px;}
}
@media screen and (max-width: 1080px){
.about01{padding: 50px 0;}
.about01 .text p{font-size: 16px;margin-bottom: 5px;line-height: 30px;}
.about01 .big{display: none;}
.about01 .ul{padding: 0;margin: 30px 0 15px;}
.about01 .ul li span{font-size: 45px;}
.about01 .ul li p{font-size: 15px;}
.about01 .ul li sub{font-size: 25px;}
}
@media screen and (max-width: 680px){
.about01 .ul{margin: 0;}
.about01 .ul li{width: 50%;margin-top: 25px;}
.about01 .ul li span{font-size: 40px;}
}
@media screen and (max-width: 520px){
.about01{padding: 30px 0;}
.about01 .text p{font-size: 14px;margin-bottom: 2px;line-height: 26px;}
.about01 .ul li{margin-top: 12px;}
.about01 .ul li span{font-size: 34px;}
.about01 .ul li p{font-size: 12px;}
.about01 .ul li sub{font-size: 20px;}
}

/* about01_1 */
.about01_1{margin-bottom: 80px;overflow: hidden;}
.about01_1 .bg{position:relative;border-radius: 4px;}
.about01_1 .bg .img{width:100%}
.about01_1 .bg .p_video{position:absolute;top:50%;transform:translate(-50% ,-50%);left:50%}
.about01_1 .bg .play{position:relative;text-align:center;width:68px;margin:0 auto;}
.about01_1 .bg .play:before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.about01_1 .bg .play:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms}
.about01_1 .bg .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.about01_1 .bg .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
.about01_1 .case-pic-l{position:absolute;width:20%;height:100%;top:0;left: -50px;}
.about01_1 .case-pic-r{position:absolute;width:20%;height:100%;top:0;right: -50px;}
.about01_1 .case-pic-wl{position:absolute;width:60%;height:100%;top:0;left:0;background:#fff}
.about01_1 .case-pic-wr{position:absolute;width:60%;height:100%;top:0;right:0;background:#fff}
@media screen and (max-width: 1080px){
.about01_1 .bg .play{width: 58px;}
}
@media screen and (max-width: 520px){
.about01_1 .bg .play{width: 43px;}
}



/* about02 */
.about02{position: relative;}
.about02 .bg img{width: 100%;}
.about02 .n_tit .title{text-align:center;color:#fff}
.about02 .n_tit .tit{text-align:center}
.about02 .n_tit .line{text-align:center}
.about02 .w1100{position: absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);}
.about02 .ab2 .img{position: relative;padding-bottom: 135%;width: 100%;height: 0;overflow: hidden;}
.about02 .ab2 .img img{height: 88%;width: 85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media screen and (max-width: 1550px){
.about02 .w1100{max-width: 900px;}
}
@media screen and (max-width: 1330px){
.about02 .w1100{max-width: 650px;}
}
@media screen and (max-width: 1260px){
.about02 .w1100{max-width:520px;}
}
@media screen and (max-width: 1080px){
.about02 .bg{height: 620px;}
.about02 .bg img{object-fit: cover;height: 100%;}
}
@media screen and (max-width: 768px){
.about02 .bg{height: 520px;}
.about02 .w1100{max-width: 450px;}
}
@media screen and (max-width: 520px){
.about02 .bg{height: 420px;}
.about02 .w1100{max-width: 350px;}
}


/* about03 */
.about03{padding: 90px 0 60px;background: url(../images/ab3_bg.jpg);background-size: cover;}
.about03 .odcontent{overflow: hidden;}
.about03 .n_tit .title{transform: translateY(0);text-align: center;}
.about03 .n_tit .line{transform: translateY(0);text-align: center;}
.about03 .icon{display: flex;align-items: center;margin-top: 35px;}
.about03 .icon p{font-size: 18px;color: #eb6622;}
.about03 .ab3{margin-top: 160px;overflow: visible !important;}
.about03 .item{padding: 0 30px;}
.about03 .item .link{height:100%;width: 10px;position:absolute;top:0;left: 5px;}
.about03 .item .link::before{content:'';position:absolute;width:1px;height:100%;background-image:linear-gradient(#eb6622,rgba(9,80,167,0));top:.8333333333333334vw;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.about03 .item .link span{display:inline-block;width:9px;height:9px;position:absolute;top:.8333333333333334vw;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:2;background: #eb6622;border-radius: 50%;}
.about03 .item .link span::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;-webkit-border-radius:50%;border-radius:50%;animation:soak 2s infinite;-webkit-animation:soak 2s infinite}
.about03 .item .info .tit{font-size:36px;color:#eb6622;font-weight:400}
.about03 .item .info .text{margin-top:25px}
.about03 .item .info .text p{font-size:16px;color:#666;line-height:2;position: relative;padding-left: 15px;}
.about03 .item .info .text p::after{content: '';position: absolute;left: 0;top: 14px;width: 6px;height: 6px;border-radius: 50%;background-color: #eb6622;transform: translateY(-50%);}
.about03 .swiper-button-next{width:45px;height:45px;background:#eb6622;border-radius:50%;position: initial;margin: 0;}
.about03 .swiper-button-prev{width:45px;height:45px;background:#eb6622;border-radius:50%;position: initial;margin: 0 20px;}
.about03 .swiper-button-next:after,.about03 .swiper-button-prev:after{color:#fff;font-size:22px}

@keyframes soak{0%{background-color: rgb(235 102 34 / 49%);transform:scale(1);-webkit-transform:scale(1)}
50%{background-color: rgb(235 102 34 / 25%);transform:scale(2.4);-webkit-transform:scale(2.4)}
100%{background-color: rgb(235 102 34 / 49%);transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes soak{0%{background-color: rgb(235 102 34 / 49%);transform:scale(1);-webkit-transform:scale(1)}
50%{background-color: rgb(235 102 34 / 25%);transform:scale(2.4);-webkit-transform:scale(2.4)}
100%{background-color: rgb(235 102 34 / 49%);transform:scale(1);-webkit-transform:scale(1)}
}
 
@media screen and (max-width: 1440px){
.about03 .ab3{margin-top: 125px;}
}
@media screen and (max-width: 1350px){
.about03 .swiper-button-next{top: -18%;left: 21%;}
.about03 .swiper-button-prev{top: -18%;left: 15%;}
}
@media screen and (max-width: 1280px){
.about03 .ab3{margin-top: 100px;}
.about03 .swiper-button-next{top: -15%;left: 22%;}
.about03 .swiper-button-prev{top: -15%;left: 16%;}
.about03 .swiper-button-next{width:40px;height:40px;}
.about03 .swiper-button-prev{width:40px;height:40px;margin: 0 20px;}
.about03 .swiper-button-next:after,.about03 .swiper-button-prev:after{font-size:18px}
}
@media screen and (max-width: 1080px){
.about03{padding: 60px 0 40px;}
.about03 .ab3{margin-top: 85px;}
.about03 .icon{margin-top: 25px;}
.about03 .item .info .tit{font-size: 32px;}
.about03 .item .info .text{margin-top: 15px;}
}
@media screen and (max-width: 768px){
.about03 .ab3{margin-top: 50px;}
.about03 .item .info .text p{font-size: 15px;}
}
@media screen and (max-width: 520px){
.about03{padding: 30px 0;}
.about03 .ab3{margin-top: 40px;}
.about03 .icon{margin-top: 20px;}
.about03 .icon p{font-size: 17px;}
.about03 .item{padding: 0 20px 0 30px;}
.about03 .item .info .tit{font-size: 28px;}
.about03 .item .info .text p{font-size: 14px;}
.about03 .swiper-button-next{width:36px;height:36px;}
.about03 .swiper-button-prev{width:36px;height:36px;margin: 0 15px;}
.about03 .swiper-button-next:after,.about03 .swiper-button-prev:after{font-size:16px}
}