/* title */
.nei_tit{position: relative;margin-bottom:50px;}
.nei_tit .title{font-size: 45px;color: #333;text-align: center;font-weight: bold;font-family: "Urbanist-Bold";    text-transform: uppercase;}
@media screen and (max-width:1440px){
.nei_tit .title{font-size: 38px;}
}
@media screen and (max-width:1080px){
.nei_tit{margin-bottom: 30px;}
.nei_tit .title{font-size: 31px;}
}
@media screen and (max-width: 520px){
.nei_tit{margin-bottom:20px;}
.nei_tit .title{font-size: 23px;}
}

/* banner */
.banner{margin-top: 88px;position: relative;}
.banner .pic{display: block;overflow: hidden;height: auto;background-position: center top;background-repeat: no-repeat;color: #fff;padding-bottom: 23.66666666666667%;background-attachment: fixed;z-index: 1;background-size: contain;}
.banner .text{position:absolute;left:50%;top:50%;transform:translate(-50% , -50%);z-index:3;text-align:center}
.banner .text .tt{position: relative;}
.banner .text .t1{opacity: 0.2;font-size: 140px;text-transform: uppercase;color: #fff;width: max-content;}
.banner .text .t2{font-size: 60px;text-transform: uppercase;color: #fff;font-weight: bold;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;z-index:3;text-align:center}
@media screen and (max-width:1440px){
.banner{margin-top: 92px;}
.banner .text .t1{font-size: 125px;}
.banner .text .t2{font-size: 50px;}
}
@media screen and (max-width:1080px){
.banner .pic{background-attachment: initial;background-size: cover;padding-bottom: 30%;}
}
@media screen and (max-width:768px){
.banner{margin-top: 76.8px;}
.banner .text .t1{font-size: 88px;}
.banner .text .t2{font-size: 36px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 64px;}
.banner .text .t1{font-size: 66px;}
.banner .text .t2{font-size: 30px;}
}

/* n_page */
.n_page{padding: 40px 0;}
.n_page .page{display: flex;align-items: center;}
.n_page img{width: 15px;margin-right: 6px;}
.n_page a{font-size: 16px;color: #000;font-weight: bold;}
.n_page a:hover{color: #186BCC;}
@media screen and (max-width:1080px){
.n_page{padding: 30px 0;}
}
@media screen and (max-width:520px){
.n_page .page{flex-wrap: wrap;line-height: 20px;}
.n_page{padding: 20px 0;}
.n_page img{width: 14px;}
.n_page a{font-size: 14px;}
}

/* p_form */
.p_form .form{border-radius:2px;width:26%}
.p_form .form form{display:flex;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1)}
.p_form .form .p_input{padding:12px 10px;width:100%}
.p_form .form .p_input .text{color:#757575}
.p_form .form .p_submit .submit{height:100%;padding:0 16px;background:#f0b322;font-size:16px;color:#fff;font-weight:700}
@media screen and (max-width:1280px){
.p_form .form{width: auto;}
.p_form .form .p_input{padding: 10px;}
}
@media screen and (max-width:768px){
.p_form .form{width: 100%;margin-bottom: 30px;}
.p_form .form form{box-shadow: 0 0 3px rgba(0,0,0,.1);}
}
@media screen and (max-width:520px){
.p_form .form{margin-bottom: 20px;}
.p_form .form .p_input{padding: 8px 10px;}
.p_form .form .p_input .text{margin-bottom: 0;}
.p_form .form .p_submit .submit{font-size: 15px;}
}


/* newslist */
.newslist{padding-bottom: 80px;}
.newslist .item{width:32%;position:relative;margin-right:2%;margin-bottom:2%;-webkit-transition-delay:.2s;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 6%);background: rgba(255,255,255,.7);border-radius:10px;position:relative;}
.newslist .item:nth-child(3n+3){margin-right:0}
.newslist .item::after{width:0%;height:3px;position:absolute;left:0;bottom:0;content:'';background:#186BCC;-webkit-transition:all 1s;border-radius: 10%;}
.newslist .item:hover::after{width:100%}
.newslist .item a{padding:10px;overflow:hidden;display:block;}
.newslist .item .img{border-radius:10px;position:relative;padding-bottom:60%;width:100%;height:0;overflow:hidden}
.newslist .item .img img{height:100%;object-fit:cover;width:100%;position:absolute;-webkit-transition: all 1s;}
.newslist .item:hover .img img{transform:scale(1.05)}
.newslist .item .info{padding: 20px 10px 10px 10px;}
.newslist .item .info .t1{font-size: 20px;line-height:1.7;margin-bottom: 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.newslist .item .info .date{font-size:12px;opacity:.5}
.newslist .item:hover .info .t1{color:#186BCC}
@media(max-width:1080px){
.newslist{padding-bottom: 50px;}
.newslist .item .info{padding: 15px 10px;}
.newslist .item .info .t1{font-size: 18px;}
}
@media(max-width:768px){
.newslist .item{width:48%;margin-bottom: 4%;}
.newslist .item:nth-child(odd){margin-right:4%}
.newslist .item:nth-child(even){margin-right:0}
.newslist .item .info .t1{font-size: 16px;margin-bottom: 12px;}
}
@media(max-width:520px){
.newslist{padding-bottom: 30px;}
.newslist .item{border-radius:6px;width: 48.5%;margin-bottom: 3%;}
.newslist .item:nth-child(odd){margin-right: 3%;}
.newslist .item a{padding: 8px;}
.newslist .item .img{border-radius:6px;padding-bottom:74%;}
.newslist .item .info{padding: 10px 10px 0px 10px;}
.newslist .item .info .t1{font-size: 14px;line-height: 22px;margin-bottom: 6px;}
}


/* news */
.news{padding-bottom: 80px;}
.news .news_l{width: 65%;margin-right: 5%;}
.news .news_l .title{font-size: 28px;color: #212121;line-height: 28px;}
.news .news_l .date{font-size: 15px;color: #a8a8a8;margin: 10px 0 15px;}
.news .news_l .cont p{line-height: 2;font-size: 16px;color: #333;}
.news .news_l ul{padding-top:40px;border-top: 1px dashed #66666663;margin-top: 20px;}
.news .news_l li{color: #212121;font-size: 16px;}
.news .news_l li:hover{color: #186BCC;}
.news .news_r{width: calc(30% - 70px);padding: 35px;background-color: #ffffff;height: fit-content;position: sticky;top: 80px;}
.news .news_r .tit{font-size: 28px;color: #212121;margin-bottom: 20px;}
.news .news_r li{padding: 20px 0;border-top: 1px solid #E3DDDD;}
.news .news_r li .t1{font-size: 17px;color: #3e3e3e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.news .news_r li .t2{font-size: 14px;color: #828282;margin-top: 10px;}
@media(max-width:1550px){
.news .news_l .title{line-height: 30px;font-size: 26px;}
.news .news_r .tit{font-size: 24px;}
}
@media(max-width:1330px){
.news .news_l .title{font-size: 28px;}
.news .news_l .cont p{font-size: 17px;}
.news .news_r{width: calc(30% - 50px);padding: 25px;}
.news .news_r .tit{font-size: 24px;}
.news .news_r li{padding: 15px 0;}
.news .news_r li .t1{font-size: 17px;}
}
@media(max-width:1080px){
.news{padding-bottom: 50px;}
.news .news_l .title{font-size: 25px;}
.news .news_r li .t1{font-size: 16px;}
.news .news_r .tit{font-size: 23px;}
}
@media(max-width:980px){
.news .news_l{width: 100%;margin-right: 0%;}
.news .news_r{display: none;}
}
@media(max-width:768px){
.news .news_l .title{font-size: 23px;}
.news .news_l .cont p{font-size: 15px;line-height: 28px;}
.news .news_l ul{padding-top: 15px;+margin-top: 15px;}
.news .news_l li{font-size: 15px;}
}
@media(max-width:520px){
.news{padding-bottom: 50px;}
.news .news_l .title{font-size: 16px;}
.news .news_l .date{font-size: 14px;}
.news .news_l .cont p{font-size: 14px;line-height: 26px;}
.news .news_l li{font-size: 14px;}
}

/* n_pro_left */
.n_pro{margin-bottom: 80px;}
.n_pro_left{background: #F9F9F9;padding: 40px 40px 40px 0;width: calc(22% - 58px);position: relative;}
.n_pro_left::after{content: "";position: absolute;width: 100%;left: -188px;top: 0;z-index: 1;background: #f9f9f9;height: -webkit-fill-available;}
.n_pro_left .title{font-size: 24px;border-bottom: 1px solid #e9e9e9;position: relative;z-index: 9;padding-bottom: 20px;}
.n_pro_left li{border-bottom:1px solid #e9e9e9;position:relative;z-index: 9;padding: 20px 0;}
.n_pro_left li a{font-size: 18px;color: #000;display: flex;align-items: center;justify-content: space-between;}
.n_pro_left li a::before{content:'';width:0;height:2px;background:#186BCC;position:absolute;bottom:0;left:0;z-index:10;transition: all .3s ease-in-out;}
.n_pro_left li i{width: 8px;height: 8px;border-radius: 50%;border: 3px solid #595757;}
.n_pro_left li:hover a,.n_pro_left li.on a{color:#186BCC;}
.n_pro_left li:hover a::before,.n_pro_left li.on a::before{width:100%}
.n_pro_left li:hover i,.n_pro_left li.on i{border: 3px solid #186BCC;}
@media(max-width:1440px){
.n_pro_left{width: calc(28% - 80px);}
}
@media(max-width:1280px){
.n_pro_left li a{font-size: 17px;line-height: 26px;}
}
@media(max-width:1080px){
.n_pro{margin-bottom: 50px;}
.n_pro_left{padding: 40px 40px 40px 0;width: calc(28% - 40px);}
.n_pro_left .title{padding-bottom: 15px;}
.n_pro_left li{padding: 10px 0;}
.n_pro_left li a{font-size: 16px;}
.n_pro_left li i{width: 6px;height: 6px;}
}
@media(max-width:768px){
.n_pro_left{display: none;}
}
@media(max-width:520px){
.n_pro{margin-bottom: 30px;}
}
 
/* productlist */ 
.productlist{width: 75%;margin-left: 3%;}
.productlist .item{width:32%;position:relative;margin-right:2%;margin-bottom:2%;}
.productlist .item:nth-child(3n+3){margin-right:0}
.productlist .item .img{background: #EEEEEE;position:relative;overflow: hidden;}
.productlist .item .img img{transition: all .3s ease-in-out;}
.productlist .item:hover .img img{transform:scale(1.05)}
.productlist .item .info{text-align: center;margin-top: 20px;}
.productlist .item .info .t1{font-size: 18px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.productlist .item .p_bt{z-index:2;position:absolute;right:30px;top:30px}
.productlist .item .p_bt .p_svg{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;align-content:stretch;width:62px;height:62px;opacity:0}
.productlist .item .p_bt .p_svg:after,.productlist .item .p_bt .p_svg:before{content:'';display:block}
.productlist .item .p_bt .p_svg:after{z-index:2;position:relative;background-repeat:no-repeat;background-position:left top;background-size:contain;width:15px;height:7px;background-image:url(../images/arw-thin2.png);background-repeat:no-repeat;background-position:left top}
.productlist .item .p_bt .p_svg:after{transform:rotate(.0001deg) rotateZ(-45deg)}
.productlist .item .p_bt .p_svg:before{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#186BCC;transform:rotate(.0001deg) scale(.5);transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.productlist .item .p_bt .p_svg:before{transition-property:transform opacity;transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.productlist .item:hover .productlist .item .p_bt .p_svg:before{transform:rotate(.0001deg) scale(1);opacity:1}
.productlist .item .p_bt .p_svg svg{display:block;position:absolute;left:0;top:0;width:62px;height:62px;transition-property:transform opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;transform:scale(.8);opacity:0}
.productlist .item .p_bt .p_svg svg circle{fill:transparent;stroke:#709cf3;stroke-width:2px;stroke-dasharray:188.495559215;stroke-dashoffset:188.495559215;transition-property:stroke-dashoffset;transition-duration:.7s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;stroke:#fff;stroke-width:1.5px}
.productlist .item:hover .p_bt .p_svg{opacity:1}
.productlist .item:hover .p_bt .p_svg:before{opacity:1;transform: rotate(0.0001deg) scale(1);}
.productlist .item:hover .p_bt .p_svg svg{transform:scale(1);opacity:1}
.productlist .item:hover .p_bt .p_svg svg circle{stroke-dashoffset:0}
@media(max-width:1440px){
.productlist{width: 72%;}
}
@media(max-width:1080px){
.productlist{width: 69%;}
.productlist .item .info{margin-top: 15px;}
}
@media(max-width:968px){
.productlist .item{width: 48%;margin-bottom: 4%;}
.productlist .item:nth-child(odd){margin-right: 4%;}
.productlist .item:nth-child(even){margin-right: 0;}
}
@media(max-width:768px){
.productlist{width: 100%;margin-left: 0;}
}
@media(max-width:520px){
.productlist{width: 100%;margin-left: 0;}
.productlist .item{margin-bottom: 3%;}
.productlist .item .info{margin-top: 10px;}
.productlist .item .info .t1{font-size: 16px;}
}


/* product */
.product{margin-bottom: 80px;}
.product .h2{display: flex;align-items: center;margin-bottom: 40px;}
.product .h2 img{width: 22px;margin-right: 15px;}
.product .h2 span{font-size: 30px;color: #000;font-weight: bold;}
.product .pro_top{background: url(../images/pro_bg.jpg);background-size: cover;padding-bottom: 20px;}
/* .product .pro_top .n_page{padding-bottom: 0;} */
.product .pro_top .text{width: 50%;}
.product .pro_top .text .title{font-size:34px;font-weight:700}
.product .pro_top .text .lb{font-size:16px;color:#656565;margin:50px 0}
.product .pro_top .pic{text-align: center;width: 40%;display: flex;}
.product .pro_top .pic .pro1{padding-right: 5px;width: 17%;height: 390px !important;overflow: hidden;}
.product .pro_top .pic .pro1 .swiper-slide{height: auto !important;}
.product .pro_top .pic .pro1 .swiper-slide-thumb-active .img img {border: 1px #0289E2 solid;}
.product .pro_top .pic .pro1 img{width: 100%;}
.product .pro_top .pic .pro2{width: 80%;}
.product .pro_top .pic .pro2 .swiper-button-next,.product .pro_top .pic .pro2 .swiper-button-prev{display: none;}
.product .pro_top .pic .pro2 .swiper-button-next:after, .product .pro_top .pic .pro2 .swiper-button-prev:after{font-size: 28px;color: #0289E2;}
.product .pro_top .pic .pro2 img{width:80%}
.product .pro_detail{margin-top: 80px;text-align: center;}
.product .pro_detail table{border-collapse: collapse;margin: 0 auto;}
.product .pro_detail td{border: 1px solid #ccc;font-size: 14px;color: #333;padding: 4px 6px !important;text-align: center;}
.product .pro_red{margin-top: 80px;}
.product .pro_red .item{width:23.5%;position:relative;margin-right:2%;margin-bottom:2%;}
.product .pro_red .item:nth-child(4n+4){margin-right:0}
.product .pro_red .item .img{background: #EEEEEE;position:relative;overflow: hidden;}
.product .pro_red .item .img img{transition: all .3s ease-in-out;}
.product .pro_red .item:hover .img img{transform:scale(1.05)}
.product .pro_red .item .info{text-align: center;margin-top: 30px;}
.product .pro_red .item .info .t1{font-size: 18px;color: #333;}
.product .pro_red .item .p_bt{z-index:2;position:absolute;right:30px;top:30px}
.product .pro_red .item .p_bt .p_svg{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;align-content:stretch;width:62px;height:62px;opacity:0}
.product .pro_red .item .p_bt .p_svg:after,.product .pro_red .item .p_bt .p_svg:before{content:'';display:block}
.product .pro_red .item .p_bt .p_svg:after{z-index:2;position:relative;background-repeat:no-repeat;background-position:left top;background-size:contain;width:15px;height:7px;background-image:url(../images/arw-thin2.png);background-repeat:no-repeat;background-position:left top}
.product .pro_red .item .p_bt .p_svg:after{transform:rotate(.0001deg) rotateZ(-45deg)}
.product .pro_red .item .p_bt .p_svg:before{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#186BCC;transform:rotate(.0001deg) scale(.5);transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.product .pro_red .item .p_bt .p_svg:before{transition-property:transform opacity;transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.product .pro_red .item:hover .product .pro_red .item .p_bt .p_svg:before{transform:rotate(.0001deg) scale(1);opacity:1}
.product .pro_red .item .p_bt .p_svg svg{display:block;position:absolute;left:0;top:0;width:62px;height:62px;transition-property:transform opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;transform:scale(.8);opacity:0}
.product .pro_red .item .p_bt .p_svg svg circle{fill:transparent;stroke:#709cf3;stroke-width:2px;stroke-dasharray:188.495559215;stroke-dashoffset:188.495559215;transition-property:stroke-dashoffset;transition-duration:.7s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;stroke:#fff;stroke-width:1.5px}
.product .pro_red .item:hover .p_bt .p_svg{opacity:1}
.product .pro_red .item:hover .p_bt .p_svg:before{opacity:1;transform: rotate(0.0001deg) scale(1);}
.product .pro_red .item:hover .p_bt .p_svg svg{transform:scale(1);opacity:1}
.product .pro_red .item:hover .p_bt .p_svg svg circle{stroke-dashoffset:0}
@media(max-width:1280px){
.product .pro_top .pic .pro1{height: 300px !important;}
}
@media(max-width:1080px){
.product{margin-bottom: 50px;}
.product .pro_top{padding-bottom: 0;}
/* .product .pro_top .n_page{padding-bottom: 30px;} */
.product .pro_top .text .title{font-size: 34px;}
.product .pro_top .pic{width: 50%;}
.product .pro_top .pic .pro1{height: 280px !important;}
.product .pro_detail{margin-top: 50px;}
.product .h2 span{font-size: 28px;}
.product .pro_red{margin-top: 50px;}
.product .pro_red .item .info{margin-top: 20px;}
}
@media(max-width:960px){
.product .pro_detail table{width: -webkit-fill-available !important;}
.product .pro_detail tr{height: auto !important;}
.product .pro_detail td{width: -webkit-fill-available;white-space:normal!important}
.product .pro_detail table:nth-child(4) td img{width: 24% !important;}
.product .pro_detail table:nth-child(5) td img{width: 24% !important;}
.product .pro_detail table:nth-child(6) td img{width: 47% !important;}
.nbsp-placeholder::before{content:""!important}
}
@media(max-width:768px){
.product .pro_top .pic .pro2{width: 100%;}
.product .pro_top .text{width: 100%;margin-bottom: 20px;}
.product .pro_top .text .title{font-size: 30px;}
.product .pro_top .text .lb{margin: 40px 0;}
.product .pro_top .pic{width: 100%;}
.product .pro_top .pic .pro1{height: 320px !important;}
.product .pro_top .pic .pro2 img{width: 68%;}
.product .h2 span{font-size: 25px;}
.product .pro_detail td span{font-size: 14px !important;}
.product .pro_red .item{width: 48%;}
}
@media(max-width:520px){
.product{margin-bottom: 30px;}
/* .product .pro_top .n_page{padding-bottom: 20px;} */
.product .pro_top .text .title{font-size: 22px;}
.product .pro_top .text .lb{margin: 20px 0;font-size: 14px;}
.product .pro_top .pic{flex-wrap: wrap;}
.product .pro_top .pic img{width: 70%;}
.product .pro_top .pic .pro1{display: none;}
.product .pro_top .pic .pro2 .swiper-button-next,.product .pro_top .pic .pro2 .swiper-button-prev{display: block;}
.product .pro_detail{margin-top: 30px;}
.product .pro_detail td{font-size: 12px !important;}
.product .pro_detail td span{font-size: 12px !important;}
.product .h2{margin-bottom: 20px;}
.product .h2 img{width: 20px;margin-right: 10px;}
.product .h2 span{font-size: 22px;}
.product .pro_red{margin-top: 30px;}
.product .pro_red .item .info{margin-top: 10px;}
.product .pro_red .item .info .t1{font-size: 16px;}
}

/* picturelist */
.picturelist{padding-bottom: 80px;}
.picturelist li{width:18.4%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(5n+5){margin-right: 0;}
.picturelist li .pic a{width:90%;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:#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%;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;}
}
 
/* caselist */
.caselist{padding-bottom: 80px;}
.caselist .item{width: 49%;margin-bottom: 2%;}
.caselist .item:nth-child(odd){margin-right: 2%;}
.caselist .item:nth-child(even){margin-right: 0;}
.caselist .item .img{overflow:hidden}
.caselist .item .img img{-webkit-transition: all 1s;}
.caselist .item:hover .img img{transform:scale(1.05)}
.caselist .item .info{display: flex;align-items: center;justify-content: space-between;line-height: 60px;}
.caselist .item .info .t1{font-size: 22px;color: #F0B322;font-weight: normal;width: 80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.caselist .item .info .date{font-size: 16px;color: #666;}
@media screen and (max-width:1080px){
.caselist{padding-bottom: 50px;}
.caselist .item .info{line-height: 50px;}
.caselist .item .info .t1{font-size: 20px;width: 70%;}
}
@media screen and (max-width:768px){
.caselist .item{margin-bottom: 4%;width: 48%;}
.caselist .item:nth-child(odd){margin-right:4%;}
}
@media screen and (max-width:520px){
.caselist{padding-bottom: 50px;}
.caselist .item .info{line-height: 40px;}
.caselist .item .info .t1{font-size: 18px;}
.caselist .item .info .date{font-size: 14px;}
}

/* service01 */
.service01{padding-bottom: 80px;}
.service01 .nei_tit{margin-bottom: 0;}
.service01 .link{text-align:center;font-size:45px;font-weight:400;margin:20px 0}
.service01 .tit{font-weight:400;color:#222;font-size: 30px;text-align:center;}
.service01 .text{color:#6e7073;font-size:18px;text-align:center;margin:20px 0 40px;line-height:30px;font-weight:400}
.service01 .se1{padding-top: 10px;}
.service01 .swiper-pagination{bottom: 10px;}
.service01 .swiper-pagination-bullet{opacity: 1;background: #C0C0C3;margin: 0 10px !important;}
.service01 .swiper-pagination-bullet-active{background: #C0C0C3;position: relative;}
.service01 .swiper-pagination-bullet-active::after{border: 2px solid #C0C0C3;position: absolute;content: "";width: 14px;height: 14px;border-radius: 50%;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
.service01 .swiper-slide{transition: all .4s cubic-bezier(.4,0,.2,1);}
.service01 .swiper-slide:nth-child(1){background:#3d96b8;border-radius:10px;}
.service01 .swiper-slide:nth-child(2){background:#186BCC;border-radius:10px;}
.service01 .swiper-slide:nth-child(3){background:#39adad;border-radius:10px;}
.service01 .swiper-slide:hover{transform:translateY(-10px)}
.service01 .item{display:flex;align-items:center;justify-content:center;padding:40px 30px;}
.service01 .item .icon{width:120px;height:120px;border:1px solid #fff;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-right:45px}
.service01 .item p{font-size:30px;color:#fff;max-width:calc(100% - 165px);word-break: break-all;}
@media screen and (max-width:1600px){
.service01 .item .icon{width: 100px;height: 100px;margin-right: 30px;}
.service01 .item p{font-size: 28px;max-width: calc(100% - 135px);}
}
@media screen and (max-width:1440px){
.service01 .item{padding: 30px 20px;}
}
@media screen and (max-width:1280px){
.service01 .item p{font-size: 26px;}
.service01 .item .icon img{width: 65px;}
.service01 .link{margin: 0;}
.service01 .tit{font-size: 26px;}
.service01 .text{margin: 20px 0;}
}
@media screen and (max-width:1080px){
.service01{padding-bottom: 50px;}
.service01 .se1{padding: 10px 0 60px;}
.service01 .link{font-size: 36px;}
}
@media screen and (max-width:768px){
.service01 .link{font-size: 30px;}
.service01 .tit{font-size: 22px;}
.service01 .text{font-size: 16px;line-height: 26px;}
.service01 .item{padding: 30px 20px;}
.service01 .item .icon{width: 85px;height: 85px;margin-right: 15px;}
.service01 .item .icon img{width: 55px;}
.service01 .item p{font-size: 24px;max-width: calc(100% - 100px);}
}
@media screen and (max-width:520px){
.service01{padding-bottom: 30px;}
.service01 .link{font-size: 24px;}
.service01 .tit{font-size: 18px;}
.service01 .text{font-size: 14px;line-height: 22px;margin: 10px 0 0px;}
.service01 .item{padding: 20px 20px;}
.service01 .item .icon{width: 80px;height: 80px;margin-right: 15px;}
.service01 .item .icon img{width: 50px;}
.service01 .item p{font-size: 22px;max-width: calc(100% - 100px);}
.service01 .se1{padding: 10px 0 40px;}
.service01 .swiper-pagination{bottom: 0;}
.service01 .swiper-pagination-bullet{margin: 0 8px !important;}
.service01 .swiper-pagination-bullet-active::after{width: 12px;height: 12px;}
}

/* service03 */
.service03{position: relative;}
.service03 .bg{background: url(../images/se02_01.jpeg) no-repeat fixed center;background-size: cover;height: 52vh;}
.service03 .nei_tit{position: absolute;transform: translate(-50% ,-50%);left: 50%;top:20%;width: fit-content;}
.service03 .nei_tit .title{color: #fff;}
.service03 .link{text-align:center;font-size:45px;font-weight:400;color: #fff;margin-top: 20px;}
.service03 .cont{margin-top: -10vw;}
.service03 .item{border:2px solid #ddd;border-radius:10px;text-align:center;padding:50px;transition:all .4s;background:#fff}
.service03 .item .img{margin-bottom:35px}
.service03 .item .img img{width:88px;transition:all .4s}
.service03 .item .img img:nth-child(2){display:none}
.service03 .item .info h2{color:#333;font-size:24px;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;line-height:30px;transition:all .4s}
.service03 .item .info p{color:#333;font-size:18px;line-height:26px;font-weight:400;transition:all .4s;}
.service03 .item:hover{background:#186bcc;border:1px solid #186bcc}
.service03 .item:hover .img img:nth-child(1){display:none}
.service03 .item:hover .img img:nth-child(2){display:flex;margin:0 auto}
.service03 .item:hover .info h2{color:#fff}
.service03 .item:hover .info p{color:#fff}
@media screen and (max-width:1660px){
.service03 .item{padding: 35px;}
.service03 .item .info p{height: 80px;}
}
@media screen and (max-width:1440px){
.service03 .se3{padding-bottom:60px;}
.service03 .swiper-pagination{bottom: 10px;}
.service03 .swiper-pagination-bullet{opacity: 1;background: #C0C0C3;margin: 0 10px !important;}
.service03 .swiper-pagination-bullet-active{background: #C0C0C3;position: relative;}
.service03 .swiper-pagination-bullet-active::after{border: 2px solid #C0C0C3;position: absolute;content: "";width: 14px;height: 14px;border-radius: 50%;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
}
@media screen and (max-width:1080px){
.service03 .bg{height: 36vh;}
.service03 .nei_tit{top: 15%;}
.service03 .link{font-size: 36px;margin-top: 0;}
.service03 .item{padding: 25px;}
.service03 .item .info h2{font-size: 22px;}
}
@media screen and (max-width:768px){
.service03 .bg{height: 28vh;}
.service03 .link{font-size: 30px;}
.service03 .item{padding: 20px;}
.service03 .item .img{margin-bottom: 25px;}
.service03 .item .img img{width: 75px;}
.service03 .item .info h2{padding-bottom: 15px;margin-bottom: 15px;}
.service03 .item .info p{font-size: 16px;height: 68px;}
}
@media screen and (max-width:520px){
.service03 .bg{height: 26vh;}
.service03 .link{font-size: 30px;}
.service03 .cont{margin-top: -18vw;}
.service03 .item{padding: 15px;}
.service03 .item .img{margin-bottom: 20px;}
.service03 .item .img img{width: 60px;}
.service03 .item .info h2{padding-bottom: 15px;margin-bottom: 15px;font-size: 18px;line-height: 26px;}
.service03 .item .info p{font-size: 15px;line-height: 22px;height: 58px;}
.service03 .se3{padding-bottom: 40px;}
.service03 .swiper-pagination-bullet{margin: 0 8px !important;}
.service03 .swiper-pagination-bullet-active::after{width: 12px;height: 12px;}
}

/* service04 */
.service04{position: relative;padding:80px 0;}
.service04 .link{text-align:center;font-size:45px;font-weight:400;margin-top: 20px;}
.service04 .form .flex{justify-content: center;}
.service04 .form .input{width:calc(32% - 2px);margin-right: 2%;border: 1px solid #ddd;border-radius: 6px;margin-bottom: 30px;}
.service04 .form .input:nth-child(3n+3){margin-right: 0;}
.service04 .form .input label{font-size:18px;margin:0 15px;width:calc(20% - 30px)}
.service04 .form .input input{width:76%;height:45px}
.service04 .form .code{position: relative;}
.service04 .form .code img{position: absolute;right: 0;top: 0;}
.service04 .form .submit{background: #131313;line-height:46px;border-radius:6px;text-align:center;width:168px;position: relative;margin: 0 auto;margin-top: 25px;}
.service04 .form .submit:after{content:'';position:absolute;left:0;top:0;width:0;height:100%;border-radius:5px;background: #F0B322;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.service04 .form .submit input{position: relative;z-index: 9;background: no-repeat;color: #fff;font-size: 18px;color: #fff;}
.service04 .form .submit:hover:after{width:100%;left:auto;right:0}
@media screen and (max-width:1660px){
.service04 .form .input input{width: 72%;}
}
@media screen and (max-width:1440px){
.service04 .form .input input{width: 65%;}
}
@media screen and (max-width:1280px){
.service04 .form .input input{width: 58%;}
}
@media screen and (max-width:1080px){
.service04{padding: 50px 0;}
.service04 .link{font-size: 35px;margin-top: 0;}
.service04 .form .input{width: calc(48% - 2px);}
.service04 .form .input:nth-child(odd){margin-right: 2%;}
.service04 .form .input:nth-child(even){margin-right: 0;}
.service04 .form .submit{line-height: 40px;width: 158px;font-size: 15px;margin-top: 20px;}
}
@media screen and (max-width:768px){
.service04 .link{font-size: 30px;}
.service04 .form .input{margin-bottom: 20px;}
.service04 .form .input label{font-size: 16px;margin: 0 15px;}
}
@media screen and (max-width:580px){
.service04{padding: 30px 0;}
.service04 .link{font-size: 30px;}
.service04 .form .input{width: 100%;margin-right: 0 !important;}
.service04 .form .input label{margin: 0 10px;}
.service04 .form .input input{height: 40px;}
.service04 .form .code img{height: 40px;}
.service04 .form .submit{line-height: 34px;width: 130px;font-size: 13px;margin-top: 15px;}
.service04 .form .submit input{font-size: 16px;}
}


/* service02 */
.service02 .nei_tit{margin-bottom: 0;}
.service02 .link{text-align:center;font-size:45px;font-weight:400;margin-top: 20px;}
.service02 .tit{font-weight:400;color:#222;font-size: 30px;text-align:center;}
.service02 .left{width: 45%;}
.service02 .left .cont{background: #186BCC;padding: 15px;border-radius: 16px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.service02 .left .cont .img{width:48%}
.service02 .left .cont .img img{border-radius:16px}
.service02 .left .cont .info{width:48%}
.service02 .left .cont .info .t1{color:#fff;font-size:26px;margin-bottom:25px}
.service02 .left .cont .info p{line-height:1.8;color:#fff;font-size:16px;font-weight:400}
.service02 .left .cont .info .btn{margin-top:25px;background:#fff;color:#333;transition: all .5s ease-in-out;}
.service02 .left .cont .info .btn:after{background:#131313}
.service02 .left .cont .info .btn:hover{color:#fff}
.service02 .right{width: 45%;overflow: hidden;height: 600px;}
.service02 .right #container{transform: translate(-30%, -20%);width: 100vw;}
@media screen and (max-width:1660px){
.service02 .left{width: 50%;}
.service02 .right{height: 588px;}
}
@media screen and (max-width:1280px){
.service02 .link{font-size: 35px;margin: 0;}
.service02 .left{width: 55%;}
.service02 .right{width: 40%;height: 500px;}
.service02 .right #container{transform: translate(-24%, -20%);}
.service02 canvas{width: 1020px !important;height: 820px !important;}
}
@media screen and (max-width:1180px){
.service02 canvas{width: 920px !important;height: 780px !important;}
}
@media screen and (max-width:1080px){
.service02{padding-bottom: 50px;}
.service02 .link{font-size: 36px;}
.service02 .tit{font-size: 26px;}
.service02 .left{margin-top: 30px;width: 100%;}
.service02 .left .cont{padding: 25px;}
.service02 .right{display: none;}
}
@media screen and (max-width:768px){
.service02 .link{font-size: 30px;}
.service02 .tit{font-size: 22px;}
.service02 .left{margin-top: 20px;}
.service02 .left .cont .info .t1{font-size: 24px;margin-bottom: 20px;}
.service02 .left .cont .info .btn{margin-top: 15px;}
}
@media screen and (max-width:520px){
.service02{padding-bottom: 30px;}
.service02 .link{font-size: 24px;}
.service02 .tit{font-size: 18px;}
.service02 .left .cont{padding: 15px;border-radius: 10px;}
.service02 .left .cont .img{width: 100%;height: 240px;}
.service02 .left .cont .img img{height: 100%;object-fit: cover;width: 100%;}
.service02 .left .cont .info{width: 100%;margin-top: 20px;}
.service02 .left .cont .info .t1{font-size: 20px;margin-bottom: 10px;}
.service02 .left .cont .info p{font-size: 14px;}
}

/* about01 */
.about01{padding-bottom: 80px;}
.about01 .nei_tit .title{text-align: left;}
.about01 .text{margin-bottom: 30px;}
.about01 .text p{font-size: 16px;line-height: 30px;margin-bottom: 10px;font-weight: normal;}
.about01 ul{padding: 30px 0;border-top: 1px solid #d8d9db;}
.about01 li{width:25%;text-align: center;position: relative;}
.about01 li:after{content:"";position:absolute;right:0;bottom:0;width:1px;height:100%;background:#e0e1e0}
.about01 li:nth-last-child(1):after{content:initial}
.about01 li span{font-size: 68px;color:#333;font-weight:700;font-family: BebasNeue-Regular;}
.about01 li sub{color:#333;font-size:16px;}
.about01 li p{font-size:16px;color:#333}
@media screen and (max-width:1280px){
.about01 li span{font-size: 50px;}
}
@media screen and (max-width:1080px){
.about01{padding-bottom: 50px;}
}
@media screen and (max-width:768px){
.about01 .text p{font-size: 15px;}
.about01 ul{padding: 10px 0 30px;}
.about01 li{width: 50%;margin-top: 20px;}
.about01 li:nth-last-child(3):after{content:initial}
}
@media screen and (max-width:520px){
.about01{padding-bottom: 30px;}
.about01 .text{margin-bottom: 15px;}
.about01 .text p{font-size: 14px;line-height: 26px;margin-bottom: 5px;}
.about01 ul{padding: 0px 0 0px;}
.about01 li span{font-size: 40px;}
.about01 li sub{font-size: 50px;}
.about01 li sub{font-size: 14px;}
.about01 li p{font-size: 14px;}
}


/* about02 */
.about02{padding: 80px 0;background-color: #F7F7F7;}
.about02 .nei_tit{display: flex;justify-content: space-between;align-items: center;}
.about02 .nei_tit .title{text-align: left;}
.about02 .img{position:relative;padding-bottom:75%;width:100%;height:0;overflow:hidden}
.about02 .img img{transition:all 1s;height:100%;object-fit:cover;width:100%;position:absolute;border-radius: 8px;}
.about02 .swiper-wrapper{transition-timing-function: linear !important;}
@media screen and (max-width:1080px){
.about02{padding:50px 0;}
}
@media screen and (max-width:640px){
.about02{padding:30px 0;}
.about02 .img img{border-radius: 4px;}
}

/* about03 */
.about03{padding: 80px 0;}
.about03 .img{position: relative;padding-bottom: 135%;width: 100%;height: 0;overflow: hidden;}
.about03 .img::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: url(../images/pic_icon.png);background-size: cover;}
.about03 .img img{height: 88%;object-fit: cover;width: 85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.about03 .ab3{padding-bottom: 60px;}
.about03 .swiper-scrollbar{height: 3px !important;bottom: -40px;border-radius: 4px;position: initial;width: 80%;}
.about03 .swiper-scrollbar-drag{background:#F0B322;}
@media screen and (max-width:1080px){
.about03{padding:50px 0;}
.about03 .ab3{padding-bottom: 40px;}
}
@media screen and (max-width:520px){
.about03{padding: 30px 0;}
.about03 .ab3{padding-bottom: 30px;}
}


/* about04 */
.about04{padding: 80px 0;background-color: #F7F7F7;}
.about04 .nei_tit .title{text-align: left;}
.about04 .item{transition: all .4s cubic-bezier(.4,0,.2,1);width: 32%;margin-right: 2%;border-radius: 6px;}
.about04 .item:nth-child(1){background:#3d96b8;}
.about04 .item:nth-child(2){background:#186BCC;}
.about04 .item:nth-child(3){background:#39adad;margin-right: 0;}
.about04 .item:hover{transform:translateY(-10px);}
.about04 .item a{display:flex;align-items:center;justify-content: space-between;padding: 50px;}
.about04 .item .icon{border-radius:100%;display:flex;justify-content: center;align-items:center;}
.about04 .item .icon img{width: 58px;}
.about04 .item p{font-size:30px;color:#fff;word-break: break-all;}
@media screen and (max-width:1660px){
.about04 .item a{padding: 40px;}
}
@media screen and (max-width:1280px){
.about04 .item a{padding: 30px;}
.about04 .item p{font-size: 26px;}
}
@media screen and (max-width:1080px){
.about04{padding: 50px 0;}
.about04 .item a{padding: 25px;flex-wrap: wrap;}
.about04 .item .icon img{width: 50px;}
.about04 .item p{font-size: 22px;width: 100%;margin-top: 10px;order: 1;}
}
@media screen and (max-width:768px){
.about04 .item a{padding: 20px;}
}
@media screen and (max-width:520px){
.about04{padding: 30px 0;}
.about04 .item{width: 100%;margin-right: 0 !important;margin-bottom: 15px;}
.about04 .item:nth-child(3){margin-bottom: 0;}
.about04 .item a{flex-wrap: initial;}
.about04 .item p{font-size: 20px;width: auto;margin-top: 0;order: initial;}
.about04 .item .icon img{width: 40px;}
}

/* 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;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;}
.shuipingtc .shi_con .form{background-color: #fff;border-radius: 6px;padding: 50px;}
.shuipingtc .shi_con .title{font-size: 30px;color: #333;}
.shuipingtc .shi_con .tit{font-size: 16px;color: #333;background-color: #F2EBDC;padding: 10px;margin: 20px 0 15px;}
.shuipingtc .shi_con .input{width:100%;margin-bottom:15px}
.shuipingtc .shi_con .input label{color:#333}
.shuipingtc .shi_con .input input{width:100%;height:40px;border:1px solid #e7e7e7;background-color:#f9f9f9;padding-left:15px;margin-top:10px}
.shuipingtc .shi_con .input textarea{width:100%;height:80px;border:1px solid #e7e7e7;background-color:#f9f9f9;padding-left:15px;margin-top:10px;font-family: "Urbanist-Regular";}
.shuipingtc .shi_con .code{position: relative;}
.shuipingtc .shi_con .code img{position: absolute;top: 27px;right: -15px;height: 42px;}
.shuipingtc .shi_con .submit{background: #333;line-height:46px;border-radius:6px;text-align:center;width:168px;position: relative;margin: 0 auto;margin-top: 40px;}
.shuipingtc .shi_con .submit:after{content:'';position:absolute;left:0;top:0;width:0;height:100%;border-radius:5px;background: #F0B322;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.shuipingtc .shi_con .submit input{position: relative;z-index: 9;background: no-repeat;color: #fff;font-size: 18px;color: #fff;}
.shuipingtc .shi_con .submit:hover:after{width:100%;left:auto;right:0}
@media screen and (max-width:1280px) {
.shuipingtc .shi_con{width: 800px;}
.shuipingtc .shi_con .out{width: 40px;height: 40px;}
.shuipingtc .shi_con .form{padding: 40px;}
}
@media screen and (max-width:1080px) {
.shuipingtc .shi_con{width: 90%;}
.shuipingtc .shi_con .out{width: 36px;height: 36px;right: -5px;top: -50px;}
.shuipingtc .shi_con .title{font-size: 26px;}
.shuipingtc .shi_con .submit{line-height: 40px;width: 158px;font-size: 15px;margin-top: 20px;}
}
@media screen and (max-width:768px) {
.shuipingtc .shi_con{top: 55%;}
.shuipingtc .shi_con .form{padding: 30px;}
.shuipingtc .shi_con .input input{height: 35px;}
.shuipingtc .shi_con .input textarea{height: 68px;}
.shuipingtc .shi_con .code img{height: 37px;}
}
@media screen and (max-width:520px){
.shuipingtc .shi_con .title{font-size: 22px;}
.shuipingtc .shi_con .tit{padding: 15px;}
.shuipingtc .shi_con .form{padding: 20px;border-radius: 4px;}
.shuipingtc .shi_con .input{margin-bottom: 10px;}
.shuipingtc .shi_con .input .code img{height: 40px;}
.shuipingtc .shi_con .submit{line-height: 34px;width: 130px;margin-top: 15px;}
.shuipingtc .shi_con .submit input{font-size: 16px;}
}

/* videolist */
.videolist{padding-bottom: 80px;}
.videolist .item{width: 23.5%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;}
.videolist .item:nth-child(4n+4){margin-right: 0;}
.videolist .item .pic{overflow: hidden;position: relative;}
.videolist .item .play{position: absolute;left: 50%;top: 36%;transform: translate(-50%,-50%);}
.videolist .item .play img{width: 50px;}
.videolist .item .text{font-size: 18px;font-weight: bold;text-align: center;padding: 10px 0;line-height: 30px;}
.videolist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);transform: translate(0,-10px);}
@media only screen and (max-width:1080px){
.videolist{padding-bottom: 50px;}
}
@media only screen and (max-width:768px){
.videolist{padding-bottom: 30px;}
.videolist .item{width: 48%;margin-bottom: 4%;}
.videolist .item:nth-child(odd){margin-right: 4%;}
.videolist .item:nth-child(even){margin-right: 0;}
.videolist .item .text{padding: 10px 0;font-size: 14px;line-height:20px;}
.videolist .item .play{top: 40%;}
.videolist .item .play img{width: 30px;}
}