@charset "utf-8";
:root {--blue:#17438a;--link:#cf531f; --white:#ffffff; --black:#000; --grey_3:#333333; --grey_6:#666666;--grey_8:#888888; --grey_9:#999999;--grey_c:#cccccc;--grey_e:#eeeeee;--grey_f5:#f5f5f5; --grey_d9:#d9d9d9; --web_bg:#f3f6fb;--swiper-theme-color: #978b57;--tran:all .3s ease;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-family:'Poppins', sans-serif,Arial;line-height: 1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
html, body {color: var(--grey_3);}
body {background: var(--white); overflow-x: hidden;}
ul, ol, li {list-style: none; line-height:0;}
*{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;box-sizing: border-box;}
::selection{background:var(--blue);color:var(--white);}
::-moz-selection{background:var(--blue);color:var(--white);}
b, em, i {font-style: normal}
h1, h2, h3, h4, h5 {font-weight:600;}
input::-moz-placeholder, textarea::-moz-placeholder { color:var(--grey_6); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:var(--grey_6);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:var(--grey_6);}
button, .button{font-size: 14px;cursor: pointer;font-family:'Poppins', sans-serif,Arial;}

a {color: var(--black);text-decoration: none;display: inline-block;}
a:hover {color: var(--blue);text-decoration: none;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
img {border: 0; display: block;list-style:none; line-height: 0; width: 100%; height: auto;}
.h2{ font-size:36px; line-height:1.4; font-weight: 600;}
.h3{ font-size:20px; line-height:1.4; font-weight:600;}
.h3-24{ font-size:24px; line-height:1.4; font-weight:600;}
.h3-30{ font-size:30px; line-height:1.4; font-weight:600;}
.black{color:  var(--black);}
.white{color: var(--white);}
.family500{ font-weight:500;}
.title-em{ width: 100%; max-width: 1024px;display: block; line-height: 1.6;}
.a-button{  width: max-content; height: 36px; padding: 0 30px;color: var(--link);border: 1px solid var(--link);background: none;border-radius: 18px;cursor: pointer;font-weight: 500; display: flex;    align-items: center;    text-transform: uppercase; font-size: 14px;}
.a-button i{margin-left: 10px;}
.a-button:hover{background: var(--link); color: var(--white);}

.imgbig{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;display: block !important}
.imgbig:hover, .trans-img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.imgbigout {display: block;overflow: hidden}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear {zoom: 1}
.wrap{width: 100%;}
.left {float: left}
.right {float: right}
.center{text-align: center;}
.hide {display: none!important;}
.show{ display:block!important;}
.page-hide{display: none;}
.uppercase{text-transform: uppercase;}
.lazy {background: url(/static/web/img/loadinglit.gif) 50% 50% no-repeat}
li.lazy { height:100%;background: none 50% 50% no-repeat;}
.tran {transition: all .3s ease}
.tran5 {transition: all .5s ease}
.container{ width:92%; height: 100%; max-width:1600px; margin:0 auto;}
.top-container{width:92%; height: 100%;margin:0 auto;}
.flex{ display: flex;}
.flex-column{display: flex;justify-content: center; flex-direction: column;}
.flex-between {display: flex;justify-content: space-between;}
.flex-center {display: flex;align-items: center;}
.page-margin{ margin-top:100px; margin-bottom:100px;}
.padding-50{ padding:50px 0;}
.padding-120{ padding:120px 0;}
.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-40{ margin-top:40px;}
.m-t-50{ margin-top:50px;}
.m-t-60{ margin-top:60px;}
.m-t-100{ margin-top:100px;}
.m-t-120{ margin-top:120px;}
.m-t-146{margin-top: 146px;}
.m-b-20{margin-bottom: 20px;}
.p-t-30{padding-top: 30px;}
.h2-title{font-size: 36px; line-height: 1.4; color: var(--black);}
.p p{ margin-bottom:10px;}
.line-clamp-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-4{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;}
/*.content-wrap{ width: 100%;}
.content-wrap h2{font-size: 26px; line-height: 1.2; font-weight: 500; color: var(--black); margin-bottom: 10px; margin-top: 20px;display: inline-flex;}
.content-wrap h3{font-size: 20px;line-height: 1.2; font-weight: 500; color: var(--black); margin-bottom: 10px;}
.content-wrap img{width: 100%; max-width: max-content;}
.content-wrap li{line-height: 1.4; margin-left: 20px;list-style: disc;}
.content-wrap p, .content-wrap li, .content-wrap img{ margin-bottom:10px;}*/

.content-wrap{ width: 100%; height: auto;}
.content-wrap h2{margin-bottom: 15px; margin-top: 30px;font-size: 24px; line-height: 1.4; font-weight: 600; color: var(--black); display: inline-flex;}
.content-wrap h3{margin-top: 30px;margin-bottom: 15px; font-size: 19px;line-height: 1.4; font-weight: 600; color: var(--black); }
.content-wrap img{width: 100%; max-width: max-content; }
.content-wrap ul, .content-wrap ol{margin-left: 20px;}
.content-wrap li{list-style: disc;}
.content-wrap p, .content-wrap li{ margin-bottom:10px;line-height: 2;}
.content-wrap p{text-align: justify;}
.content-wrap strong{font-weight:bold; color: var(--grey_3);}
.content-wrap a{color:#23527c; text-decoration: underline;}
.content-wrap a:hover{color:var(--red);}


.current:first-child, .pager .p1:last-child {display: none}
a.more-button{ width:250px; height:42px; line-height:42px; font-size:16px;padding:0 20px 0 40px; border-radius: 5px; display: block; background: var(--grey_9); color:#ffffff;transition: all .3s ease; text-decoration:none;}
a.more-button .icon-swap-right:before{ font-size:24px;color:#ffffff;}
a.more-button:hover{padding:0 50px;background:var(--grey_6); color:#ffffff;box-shadow:0px 4px 10px #aaaaaa;transition: all .3s ease}
input,textarea,select,a:focus, button {outline: none;}

.swiper-container {width: 100%;height: 100%;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}

/*.animated {position: fixed; z-index:99;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -80px; box-shadow:none;}
.animated.slideUp {top: 0;box-shadow:0px 0px 20px #dddddd;}*/

0% {opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}

.title-name{ margin-bottom:24px;}
.name-cn{ text-align:center; font-size:30px; color:var(--grey_3);}
.name-describe{ color:#999999; text-align:center; margin-top:10px;}

/*分页*/
.pager {text-align: center; margin-top: 50px;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 7px 15px; margin: 15px 5px 0 5px; border: var(--grey_c) solid 1px; display: inline-block; line-height: 1.2; border-radius: 4px;}
.pager ul li a:hover {border: var(--blue) solid 1px; color: var(--blue);}
.pager ul .active a {border: var(--blue) solid 1px; display: inline-block; background-color: var(--blue);; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: var(--blue) solid 1px;}
.pager ul .active a:hover {color: var(--white); border: var(--blue);}

.header{ width: 100%; position: fixed; background: var(--white); z-index: 9; top: 0;}
.header .topbar{ width: 100%;  height: 40px; background: var(--web_bg); position: relative;z-index: 2; }
.header .text{ width:max-content; height: 100%; line-height: 40px; position: relative; font-size: 15px;}
.header .text a{}
.header .text span{margin-left: 5px;font-weight: 500;}
.header .email a:hover{text-decoration: underline; color: var(--link);}
.header .phone{padding-left: 30px;}
.header .search{margin-left: auto; cursor: pointer;  padding: 0 16px; display: none;}
.header .search:before, .header .language:before{left: 10px;}
.header .search:hover, .header .language:hover{background: var(--blue); color: var(--white);}
.header .language{margin-left: 30px;cursor: pointer;  padding: 0 16px;}
.header .products-search{ width:450px; margin-left: auto;}
.header .products-search .input{width: 100%;height: 34px;    padding-left: 20px;border: 1px solid #ccc; border-right: 0;border-radius: 7px 0 0 7px;}
.header .products-search .submit{width: 70px; height: 34px;line-height: 0;font-size: 16px;background: var(--white);cursor: pointer;font-weight: normal;border-radius: 0px 7px 7px 0; border:1px solid #ccc; border-left: 0;}
.header .products-search .submit:hover{ background:var(--blue); color:var(--white);}
.header .search-show{height:100%;transition:all .3s ease;}
.header .search-show .input, .header-nav .search-show .submit{ margin-top:0; transition:all .5s ease .2s;opacity:1;}
.header .products-search .products-search-con{width: 100%;}
.header .products-search .products-search-con form{display: flex;}

.navbar{ width: 100%; height: 90px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.navbar .logo{  display: flex; flex-direction: column;justify-content: center;}
.navbar .logo img{height: 60px; width: auto;}
.navbar .menu-button, .header .search-button, .header .menu-close, .header .search-close{width: 38px; height: 38px; font-size: 20px; background: var(--white); color: var(--black); border: 0; margin: auto 0; margin-left: auto;cursor:pointer; display:none;border-radius: 5px;}
.navbar .menu-button:hover, .header .search-button:hover, .header .menu-close:hover,.header .search-close:hover{ background:var(--blue);color: var(--white);}
.header .search-button, .header .search-close{margin-left: 10px;}
.header .search-button i{font-size: 18px;}
.navbar .navbar-nav{width: 54%;margin-left: auto;min-width: 750px;  max-width: 1000px;}
.navbar .menu{height: 100%;position:relative; display: flex;justify-content: space-between;}
.navbar .menu li{height: 100%; display: flex; align-items: center;}
.navbar .menu li a{font-size: 17px; line-height: 1; font-weight: 500;text-transform: uppercase;}
.navbar .menu li a:hover, .navbar .menu a.active{ color: var(--link);}
.navbar .menu li i{margin-left: 5px;font-size: 12px;}
.navbar .menu li ul { width:max-content; padding:10px 40px 20px 25px;    margin-left: -25px; position:absolute; background:#ffffff; display:none; z-index:9; top:80px;border-radius: 5px;box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.navbar .menu li ul li a{ width:100%; height:32px; line-height:32px;font-size: 16px; padding: 0!important;color:#333; font-weight:400!important; background: none!important;    text-transform: capitalize!important;}
.navbar .menu .two{ left: 285px;top: 0;width: 340px;padding: 0 0 10px 0;}
.navbar .menu .two-span{position: absolute; font-size:10px; right:16px;}
.nav-inquiry{width: max-content; height: 36px; padding: 0 20px;color: var(--link);border: 1px solid var(--link);background: none;border-radius: 100px; cursor: pointer;font-weight: 500;display: flex;align-items: center; }
.nav-inquiry:hover{background: var(--link); color: var(--white);}
.nav-inquiry i{font-size: 14px!important; margin-left: 5px;}
.top-wrap{height: 130px;}

.banner{ width: 100%; height: 900px;display: flex;align-items: center; position: relative; }
.banner .banner-bg{width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0;top: 0;}
.banner .banner-bg:before{ content: "";background: rgba(47,85,151,85%);position: absolute;top: 0; left: 0;width: 100%;height: 100%;user-select: none;}
.banner .pc{}
.banner .mobile{ display: none;}
.banner .b-flex{height: 510px; display: flex;z-index: 1;user-select: none;}
.banner .b-content{width:65%; display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 1;}
.banner .b-title{ font-size: clamp(30px, 3vw, 58px);; font-weight: 500; color: var(--white);line-height: 1.4;}
.banner .b-text{font-size: 24px; color: var(--white);line-height: 1.4;}
.banner .b-img{width:35%;}
.banner .b-img img { height: 100%; width: auto; float: right;}
.banner .b-button{width: max-content;height: 46px;padding: 0 60px;font-size: 20px; background: var(--link);color: var(--white);border-radius: 23px; cursor: pointer;display: flex;align-items: center; border:0;}
.banner .b-button i{margin-left: 15px;}
.banner .b-button:hover{background: var(--blue);}

.page-banner{height: auto; background: var(--grey_f5); color: var(--black); background: var(--blue); overflow: hidden;position: relative;}
.page-banner img{opacity: 80%;}
.page-banner span{width: 94%;font-weight: bold;text-transform:uppercase;opacity: 0.1; color: var(--red); text-shadow: 34px 0 40px var(--black); user-select: none;white-space: nowrap; font-size:260px; line-height: 1; position: absolute;z-index: 1; display: flex;justify-content: center;}
.page-banner .banner-wrap{width: 100%; height: 100%;color: var(--white); position:absolute;top: 0; z-index: 2; }
.page-banner .title{display: flex;flex-direction: column;justify-content: center;}
.page-banner .title h2, .page-banner .title h1{font-size: 56px; line-height: 1.2; font-weight: 600;}
.page-banner .title em{width: 100%; max-width: 800px; font-size: 24px; line-height: 1.6; font-weight: 300;}


.contact-message input, .contact-message textarea{ width: 100%;padding: 12px; background: var(--web_bg); color: var(--grey_6); border: 0;    border-radius: 8px;}
.contact-message textarea{height: 112px;}
.contact-message button{width:100%; max-width: 530px; padding: 10px 0;font-size: 16px; text-align: center;background: var(--blue);color: var(--white);border: 0;cursor: pointer;border-radius: 8px;}
.contact-message button:hover{background: var(--link);}
.contact-message li{margin: 5px 0;}

.message{}
.message .title-em{margin: 0 auto; margin-top: 20px;}
.message .message-content{ width: 100%; max-width: 850px; margin-left: auto; margin-right: auto;}
.message ul{display: grid; grid-template-columns:1fr 1fr; grid-gap:14px;}
.message .li-columns{grid-column-start: 1;grid-column-end: 3;}
.message input, .message textarea{ width: 100%;padding:10px 10px 10px 20px;font-size: 16px; color: var(--grey_6); border:0; background: var(--web_bg);}
.message textarea{height: 112px;}
.message button{width:100%; padding: 10px 0; font-size: 16px; text-align: center;background: var(--blue);color: var(--white);border: 0;cursor: pointer;}
.message button i{margin-left: 10px;}
.message button:hover{background: var(--link);}
.message em a{text-decoration: underline; font-weight: 500;}


.send{width: 100%; background: var(--web_bg);}
.send .s-flex{ display: flex;flex-direction: column;align-items: center;}
.send .s-content{width: 100%; max-width: 1000px; margin-top: 20px;}
.send .s-button{ width: max-content;height: 40px; line-height: 1; margin: 0 30px; padding: 0 30px; font-size: 16px; color: var(--white);border: 0;background: var(--link);border-radius: 20px;cursor: pointer;display: flex; align-items: center;}
.send .s-button i{margin-left: 10px;}
.send .s-button:hover{background: var(--black);}

.about{ width: 100%;}
.about .h1{font-size: 50px;font-weight: bold;color: var(--blue);line-height: 1.4;}
.about .h3{font-size: 30px;}
.about .about-img{ width: 40%; line-height: 0;position: relative;}
.about .about-img:after{content: "";position: absolute; right: -10px; bottom: -10px; width: 90%; height: 90%; background: var(--blue);border-radius: 10px;}
.about .about-img .img{position: relative; z-index: 2;border-radius: 10px;overflow: hidden;}
.about .about-subtitle{font-size: 20px; font-weight: 500; color: var(--black);text-align: center;}
.about .about-content{width: 60%;}
.about .about-text{ width: 84%; height: 100%; margin-left: auto;}
.about .about-text .h2{font-size: 26px;}
.about .about-text li{margin: 10px 0;line-height: 1.4; font-size:18px;}
.about .about-text li:before{content: "\f26a";font-family: bootstrap-icons!important; margin-right: 10px; font-size: 14px; color: var(--link);}
.about .about-em{ width: 100%; margin-top: 10px; margin-bottom: 20px; color: var(--blue); font-size: 40px; line-height: 1.4; position: relative; display: block;}

.news{ width:100%; overflow: hidden;}
.news ul.news-item{height: 100%; display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 2% 3%;}
.index-news ul.news-item{display: flex;grid-gap: 0;}
.news ul.news-item li{ width: 100%;    padding-bottom: 20px;overflow: hidden;position: relative;}
.news ul li:after{content: "";width: 0%;height: 2px;background: var(--link);position: absolute;left: 0;bottom:0;transition: all 0.7s ease 0s;}
.news ul li:hover:after{width: 100%;}
.news .news-img{ width: 100%;  line-height: 0; overflow: hidden;}
.news .news-name{width: 100%;font-size: 20px; line-height: 1.6;}
.news .news-describe{ width: 100%;font-size: 15px; color: var(--grey_6);}
.news .news-time{ width: 100%; display: block;font-size: 14px; color: var(--grey_9);}
.news .news-more{width: max-content; margin: 20px 0 30px; padding: 6px 0;font-size: 14px; font-weight: 600;border-radius: 6px; color: var(--grey_3);transition: var(--tran);display: flex;align-items: center;}
.news .news-more i{margin-left: 10px; font-weight: normal;}
.news .news-more:hover{padding: 6px 20px ; background: var(--link); color: var(--white); transition: var(--tran);}
.news a:hover{color: var(--link);}
.news a:hover .news-more{color: var(--link);}
.news a:hover .news-more:hover{color: var(--white);}
.index-news .title-icon{display: flex; justify-content: space-between;align-items: center;}
.index-news .news-icon{height: 40px;display: flex;}
.index-news .icon-span{width: 40px;height: 40px;margin: 0 5px;text-align: center;background: var(--blue);display: flex;flex-direction: column;justify-content: center;color: var(--white);font-size: 12px !important;border-radius: 50%;cursor: pointer;}

.news-detail{}
.news-detail-bg{background: var(--web_bg);; }
.news-detail .news-main{width: 100%; height: 300px; display: flex;flex-direction: column;justify-content: center;}
.news-detail .news-main h1{font-size: 46px;line-height: 1.6;}
.news-detail .news-main p{color: var(--grey_8); font-size: 14px;}
.news-detail .news-main span{margin: 0 10px; }
.news-detail .news-main span:first-child{margin-left: 0;}
.news-detail .news-icon{width: 50px; height: 50px; margin-right: 20px; overflow: hidden;border-radius: 50%;}
.news-detail .news-content{width: 69%;}
.news-detail .news-content h2{width: 100%; font-size: 19px; font-weight: bold;}
.news-detail .news-content h2.none-top{margin-top: 0;}
.news-detail .news-content h3{padding-left: 15px; position: relative;}
.news-detail .news-content h3:after{ content: " ";position: absolute;top: 5px;left: 0;width: 4px;height: 16px;background: var(--blue);margin-right: 10px;border-radius: 2px; }
.news-detail .disclaimer{ background: var(--grey_f5); padding:3% 3%;}
.news-detail .disclaimer p{color: var(--grey_8); font-size: 14px;}
.news-detail .content-tag{display: flex; flex-wrap: wrap;}
.news-detail .prenext{padding-top: 20px; border-top: 1px solid var(--grey_c);}
.news-detail .prenext a{font-weight: bold;}
.news-detail .news-related h2, .news-detail .news-recommend h2, .news-detail .news-cases h2{font-size: 26px; font-weight: bold;}
.news-detail .news-related ul{display:grid; grid-template-columns: 1fr 1fr; grid-gap:0px 30px;}
.news-detail .news-related li{line-height: 2.4;}
.news-detail .recommend{ width: 26%;padding-left: 3%;border-left: 1px solid var(--grey_e);}
.news-detail .news-recommend li{padding: 12px 0; line-height:1.6;font-size: 15px; border-bottom: 1px solid var(--grey_e);}
.news-detail .news-cases li{margin-bottom: 10px; line-height: 0; position: relative;}
.news-detail .news-cases span{width: 100%;padding:15px 10px;line-height: 1.4; font-size: 15px; background:rgba(0,0,0,50%); color: var(--white); display: block;position: absolute; bottom: 0; left: 0; z-index: 2;}
.content-tag a{margin-right: 10px;  text-decoration: underline;}
.content-tag a:last-child{margin-right: 0;}

.index-application{width: 100%; background:var(--web_bg);}
.index-application .a-list{width: 22%; min-width: 350px;}
.index-application .a-list .al-ul{width: 100%; height: 100%; display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}
.index-application .a-list .al-ul li{width: 100%!important; padding: 20px 30px; border-bottom: 1px solid var(--grey_d9);line-height: 1.6; font-size: 18px;cursor: pointer;font-weight: 500;height: 12.5%;display: flex;align-items: center;}
.index-application .a-list .al-ul li:last-child{border-bottom: 0;}
.index-application .a-list .al-ul li.swiper-slide-thumb-active, .index-application .a-list .al-ul li.swiper-slide-thumb-active i{color: var(--white);background: var(--blue);}
.index-application .a-content{width: 78%; overflow: hidden;}
.index-application .ac-img{width: 100%; overflow: hidden;}
.index-application .ac-content{width: 60%; padding:3% 5%; background: var(--white);  position: absolute; bottom: 0; right: 0;background: rgba(23, 67, 138, 70%); color: var(--white);}
.index-application .ac-h3{font-size: 36px;line-height: 1.4;color: var(--white);}
.index-application .ac-text p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;overflow: hidden;}
.index-application .a-button{color: var(--white); border: 1px solid var(--white);}
.index-application .a-button:hover{color: var(--white); border: 1px solid var(--link);}

.application{ width: 100%; }
.application ul.a-item{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
.application ul.a-item li{overflow: hidden;}
.application ul.a-item li:hover{ background: var(--blue); color: var(--white)!important;}
.application .a-warp{ padding: 30px 30px 40px;}
.application .a-name{ width: 100%; font-size: 26px; line-height: 1.4;}
.application .a-describe{ width: 100%; font-size: 15px; line-height: 1.6;}
.application a:hover{color: var(--white);}
.application a:hover .a-name:hover{ text-decoration: underline;}
.application a:hover .pm-a{color: var(--white); border:1px solid var(--white);}
.application a:hover .pm-a:hover{color: var(--white); border:1px solid var(--link); background: var(--link);}

.application-detail{width: 100%;}
.application-detail .ad-warp{width: 100%; display: flex;    justify-content: space-between;}
.application-detail .ad-text{width: 55%; display: flex;flex-direction: column; justify-content: center;}
.application-detail .ad-text > h1{ font-size: 36px; margin-bottom: 20px; line-height: 1.2;color: var(--black);}
.application-detail h2{font-size: 24px; line-height: 1.2;margin-bottom: 10px; margin-top: 20px;color: var(--black);}
.application-detail h3{font-size: 20px; line-height: 1.2;margin-bottom: 10px; margin-top: 20px;color: var(--black);}
.application-detail .ad-img{width: 40%; overflow: hidden;}

.service{}
.service h2{font-size: 30px; margin-top: 0;}

.footer{ width: 100%; background:var(--web_bg);}
.footer .footer-content{padding:100px 0 80px 0; justify-content: space-between;}
.footer .footer-about{max-width: 420px;}
.footer .footer-abou-img{height: 60px; margin-bottom: 10px;}
.footer .footer-abou-img img{height: 100%; width: auto;}
.footer .footer-h3{font-size: 18px;}
.footer p{line-height: 2.2;}
.footer i{margin-right: 10px;}
.footer .footer-tel{font-size: 36px; line-height: 1; font-weight:600; color: var(--blue);}
.footer .footer-contact{width: 30%; max-width: max-content;}
.footer .footer-contact .icon{width: 170px; text-align: center;}
.footer .footer-contact .icon .icon-txt{font-size: 15px;}
.footer .footer-product{max-width: 300px;}
.footer .footer-product dd{font-size: 15px;line-height: 1.6;margin-bottom: 16px;}
.footer a:hover{ color: var(--link);}

.footer .footer-copyright{ width: 100%; padding: 26px 0;    background: var(--blue);font-size: 14px;color: var(--white);}
.footer .footer-copyright a{margin-right: 20px;color: var(--white); text-decoration: none;}
.footer .footer-copyright a:first-child{margin-left: 20px;}
.footer .footer-copyright a:hover{ color: var(--link);}

.page-content{ width: 100%;}
.page-title{ font-size: 36px; line-height: 36px; color: var(--blue);}
.page-more{ width: max-content; color: var(--black); font-weight: 500;cursor: pointer; padding: 0; background: none;border: 0;}
.page-more:hover{text-decoration: underline; color: var(--blue);}
.page-location{ width: 100%; height: 60px; padding-top: 10px; color: var(--grey_8);}
.page-location i {color: var(--grey_8);margin-right: 5px;}
.page-location a{color: var(--grey_8);}
.page-location ul{ display: flex;justify-content: flex-start;overflow: hidden;}
.page-location-bg{background:var(--web_bg);}
.page-location li{font-size: 14px; height:50px; line-height: 50px; float: left; display: flex;}
.page-location li:after { margin-left: 3px;padding-right: 5px;content: "/";}
.page-location li:last-child:after { display: none;}
.page-content .page-bottom{padding-bottom: 30px;}
.page-location_bg{padding-top: 5px; background: var(--grey_f5);}

/*swiper-bundle.css*/
.swiper-container {margin-left: auto;margin-right: auto; position: relative;list-style: none;z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-slide {flex-shrink: 0;width: 100%;position: relative;transition-property: transform;cursor: grab;}
.swiper-slide:active{cursor:grabbing;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -60px;left: 0;width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 50%;background: #000;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet:only-child {display: none !important;}
.swiper-pagination-bullet-active {opacity: 1;background:var(--swiper-theme-color);}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}

.company-data{width: 100%;}
.company-data ul {grid-template-columns: auto auto auto auto;display: grid;justify-content: space-evenly;grid-gap: 30px 0;}
.company-data li .data-number{ font-size:48px; font-weight: 600; color:var(--blue); line-height:40px;}
.company-data li .data-fuhao{ margin-left:10px; font-size:18px; font-weight: 500; color:var(--grey_6);line-height:14px;} 
.company-data li .data-name{ width:100%; margin-top:5px; display:block; text-align: left; font-size:18px; color:var(--grey_3);line-height:18px;} 

.certificate{ width: 100%; height: auto; background: var(--grey_f5); background-size: cover; background-position: center;}
.certificate ul{ display: flex;justify-content: center;}
.certificate ul li{ width: 31%; margin:0  1%;}
.certificate .certificate-title{padding: 10px 0;font-weight: 500; text-align: center;}

.factory{ width: 100%; }
.factory .f-warp{ width: 100%;padding: 40px 0; display: flex;border-bottom: 1px solid var(--grey_d9);}
.factory .f-img{ width: 40%; line-height: 0;overflow: hidden;}
.factory .f-content{ width: 60%; padding: 2% 4%;display: flex; flex-direction: column;justify-content: center;}
.factory .f-warp h2{ width: 100%;font-size: 30px; margin-bottom: 10px;}
.factory .f-warp:nth-child(2n){flex-direction: row-reverse;}

/*.contact{}
.contact .contact-main{display: grid;grid-template-columns: 1fr 0.8fr; grid-gap: 10%;}
.contact .contact-text strong{font-size: 18px; color: var(--black);}*/
.contact-advantage .a-ul{display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.contact-advantage .a-ul li{width: 100%; padding:40px 30px; background:var(--web_bg); border-radius: 8px; text-align: center;display: flex;flex-direction: column;} 
.contact-advantage i{font-size: 40px;padding: 20px; color: var(--link);}
.contact-advantage h5{font-size: 24px;line-height: 1.4; display: block;}
.contact-advantage .a-ul li:hover{background: var(--blue);color: var(--white)!important;}
.youshi .a-ul{display: grid; grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
.youshi{background:url(/static/default/web/images/youshi.webp) center center var(--blue);}

.contact{}
.contact .contact-main h2, .contact .contact-main h1{font-size:36px; line-height: 1.5; margin-bottom: 60px; font-weight: bold;position: relative;}
.contact .contact-main h2:after, .contact .contact-main h1:after{content: ""; width: 30px; height: 3px; background: var(--grey_3); position: absolute; bottom: -30px; left: 0;}
.contact .contact-main .en{font-size: 50px; line-height: 1; font-weight: 600;color: var(--grey_c);}
.contact .contact-main p{margin-bottom: 10px; line-height: 2.4;font-size: 18px;}
.contact .contact-text p{margin-bottom: 5px;}
.contact .contact-text i{margin-right: 10px; color: var(--grey_9);}
.contact .contact-conpany{font-size: 22px; line-height: 1;}
.contact .contact-icon{width: 200px; margin-left: auto; display: flex;flex-direction: column;justify-content: flex-end;}
.contact .contact-icon span{display: block; text-align: center;}
.contact .contact-con{width: 100%; display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap:20px 2%;}
.contact .contact-wrap{ padding: 40px 9%; background: var(--web_bg);text-align: center;border-radius: 8px;}
.contact .contact-wrap i{ font-size: 36px;color: var(--link);}
.contact .contact-wrap strong{font-weight: bold; font-size: 20px;}
.contact .contact-wrap p{font-size: 20px; margin-top: 10px;}
.contact .contact-wrap span{margin-top: 20px; font-size: 13px; color: var(--grey_9);display: block;}
.contact .contact-wrap:hover{background: var(--blue); color: var(--white)!important;}
.contact .contact-wrap:hover i, .contact .contact-wrap:hover a{color: var(--white);}
.contact .contact-wrap:hover span{color:#8594b7;}


.products{}
.p_bgcolor{ background: var(--web_bg);padding-top:50px; padding-bottom: 80px;border-bottom: 6px solid var(--blue);}
.products .grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px; }
.products ul.grid > li, .products ul.i-ul > li{border: 1px solid #efefef;padding:30px;border-radius: 10px;}
.products .products-name{ margin-top: 20px; font-size: 16px;line-height: 22px;}
.products .products-name h3{font-size: 22px;line-height: 1.4;text-align: left;}
.products .products-name .span-name{display: block; font-size: 18px;font-weight: 500;}
.products .products-name a:hover{color: var(--link);}
.products .products-name a:hover h3{color: var(--link);}
.products .products-name a.pm-a:hover{color: var(--white); background: var(--link);}
.products .products-describe li{line-height: 1.4; padding: 5px 0; list-style: disc;margin-left: 20px;color: var(--grey_6);}
.products .products-message{width: 100%; margin-top: 30px; font-size: 14px; display: flex;justify-content: space-between;}
.pm-a{width: max-content; height: 36px;line-height: 1; padding: 0 30px; border:1px solid var(--blue); color: var(--blue);font-size: 14px; font-weight: 500; border-radius: 6px;display: flex;align-items: center;}
.pm-a i{margin-left: 10px;}
.pm-a:hover{color: var(--white); background: var(--blue)}
.products .pm-button{ cursor: pointer;text-decoration: underline;background: none;border: 0;}
.products .pm-button:hover{color: var(--link);}
.products ul.grid > li:hover, .products ul.i-ul > li:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); position: relative;z-index: 2;}
.products ul.grid > li:hover .products-describe li{color: var(--grey_6);}

.products .products-detail{ width: 100%; display: flex; justify-content: space-between;}
.products .p-detail-images{ width: 46%; background: var(--white); display: flex;}
.products .p-maximg2{display: none;}
.products .p-detail-img{width: 85%;overflow: hidden;}
.products .p-detail-smallimg{width: 15%;padding: 10px;}
.products .p-detail-smallimg ul{display:flex; flex-direction: column;grid-gap: 4px;}
.products .p-detail-smallimg ul li{width: 100%;margin-right: 0;float: left;border-radius: 3px;overflow: hidden;}
.products .p-detail-info{ width: 45%;    display: flex; flex-direction: column; justify-content: center;}
.products .p-detail-info .spantext{width: 100%;display: block;font-size: 26px; font-weight: 600;color: var(--blue);}
.products .p-detail-info .products-button{ width: 100%; max-width: 260px; padding: 10px 0;  text-align: center; font-size: 16px;background: var(--blue); color: var(--white); border: 0; cursor: pointer;border-radius: 30px;}
.products .p-detail-info .products-button i{margin-left: 10px;}
.products .p-detail-info .products-button:hover{background: var(--link);}

.products-detail .img-warp{width: 45%; background: var(--white); overflow: hidden;}
.products-detail .smallimg{height:100px;width: 100%;padding:10px; overflow: hidden;}
.products-detail .smallimg .small-ul{width:100%; height: 100%;}
.products-detail .smallimg .small-ul li{width:80px;margin: 0 4px; background: var(--white); cursor: pointer;}
.products-detail .smallimg img{width: 100%;}
.products-detail .smallimg .swiper-slide-thumb-active{border:1px solid var(--grey_c);}
.products-detail .bigimg{width:100%;overflow: hidden;}
.products-detail .bigimg img{width: 100%;}
.products-detail .swiper-slide-thumb-active:after{display: none}

.products .features{width: 100%; margin-top: 4%;}
.products .features li{line-height: 2; list-style: disc; margin-left: 20px;}

.products-content{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10%;}
.products-customize{background: var(--blue); padding: 10%; color: var(--white);}
.products-customize .span{font-size: 20px;}
.products-customize h2{font-size: 42px; line-height: 1.4;}
.products-customize .nav-inquiry{height: auto;background: var(--link); color: var(--white); padding: 8px 60px;font-size: 16px;}

.products-parameter{width: 100%;}
/*.products-parameter table{border-right: 1px solid var(--grey_d9);}
.products-parameter table tr td{padding: 5px;border-bottom: 1px solid var(--grey_d9); border-left: 1px solid var(--grey_d9); }
.products-parameter table tr th{padding: 10px 5px;color: var(--grey_3); text-align: left;border-left: 1px solid var(--grey_d9); border-bottom: 1px solid var(--grey_c); border-top: 1px solid var(--grey_c); background: var(--grey_e);}
.products-parameter table tr th:nth-child(1){ width: 20%;}
.products-parameter table tr th:nth-child(2){ width: 30%;}
.products-parameter table tr:hover {background: var(--grey_f5);}
.products-parameter table .no-td {padding: 0;border-left: 0; border-right: 0;}
.products-parameter table .no-tr tr:last-child td{border-bottom: 0;}
.products-parameter table .no-tr{border-right: 0;}*/
.products-parameter .parameter-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10%;}
.products-parameter h3{margin-top: 40px; margin-bottom: 10px; font-size: 20px;}
.products-parameter h3:first-child{margin-top: 20px;}
.products-parameter table{margin-bottom: 20px;}
.products-parameter table tr td{padding: 7px;}
.products-parameter table tr td:first-child{width: 30%;}
.products-parameter table tr{ background: var(--web_bg);}
.products-parameter table tr:nth-child(2n){background: var(--white);}
.products-parameter table tr:hover{background:#cddefa;}
.products-parameter i{line-height: 1.2; font-size: 14px; color: var(--grey_8);}

.products .filter{padding: 0 30px; margin-right: 10px; background: var(--blue); color: var(--white);border-radius: 5px; display: flex;align-items: center;}
.products .filter i{margin-right: 10px;}
.products .p-choosemain {}
.products .p-choosemain select {width:max-content; height: 40px;line-height: 1;font-size: 15px; margin-right: 10px;padding: 0 10px;border: 1px solid var(--grey_d9);border-radius: 5px; font-family: 'Poppins', sans-serif, Arial;}
.products .p-choosemain select option{height: 30px;}

.content-faq{}
.content-faq ul{display: grid; grid-gap:0px 5%;grid-template-columns: 1fr 1fr;}
.content-faq ul li{border-bottom: 1px solid var(--grey_d9);}
.content-faq .f-title{padding: 20px 0;padding-right:20px; font-size:18px; line-height:1.4;position:relative; cursor:pointer; display: flex;}
.content-faq .f-title:after{ content:"+"; position:absolute; right:10px; font-size: 20px;}
.content-faq .f-title i{margin-right: 10px; color: var(--link);}
.content-faq .f-text{ max-height:1px; overflow:hidden; transition: all .5s ease; }
.content-faq li:hover .f-title{ color:var(--blue);}
.content-faq li.active .f-title:after{content:"-"}
.content-faq li.active .f-text{ max-height:1000px; transition: all .5s ease;}

.suspension{ width: 46px;position: fixed; z-index: 2; right: 4px; bottom: 200px;}
.suspension .span{width: 46px; height: 46px;margin-bottom: 4px;cursor: pointer; font-size: 22px;border-radius: 4px;display: flex;align-items: center;justify-content: center;background: var(--grey_e); color: var(--grey_6);}
.suspension .span:hover{background: var(--blue); color: var(--white);}
.suspension .wx, .suspension .tel{ position: relative;}
.suspension .wx .icon {width: 200px; padding: 10px; display: none; position: absolute; top: 0; left: -200px; border: 1px solid var(--grey_e);background: var(--grey_f5);}
.suspension .wx .icon .icon-txt{font-size: 16px; color: var(--grey_6); text-align: center; display: block;}
.suspension .tel .icon {width:max-content; padding: 20px; display: none; position: absolute; top: 0; right:46px; border: 1px solid var(--grey_e);background: var(--grey_f5);}
.suspension .tel .icon .icon-tel{font-size: 30px; line-height: 1; font-weight: 600;color: var(--blue);}
.suspension .wx:hover .icon,.suspension .tel:hover .icon{display: block;}
.c_moble{display: none;}

.side-message{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,80%);display: none;}
.side-container{width: 100%; height: 100%; display: flex; display: flex; align-items: center;justify-content: center;}
.side-wrap{width: 90%; max-width: 500px; padding: 30px;box-shadow: 0 0px 20px rgb(0 0 0 / 30%);background: var(--white);border-radius: 20px; overflow: hidden;}
.side-message .side-head{ width: 100%; font-size: 24px;line-height: 1.2;  font-weight: 500; display: flex; justify-content: space-between;position: relative; z-index: 2;}
.side-message .contact-message input, .side-message .contact-message textarea{ padding: 10px 15px;}
.side-message .side-email a{font-weight: 500; text-decoration: underline;line-height: 22px;}
.side-message .side-close{ cursor: pointer;  font-size: 30px; color: var(--link);}

.tag{}
.tag .tag-ul{display: flex;flex-wrap: wrap;justify-content: flex-start;grid-gap: 20px 10px;}
.tag .tag-ul li a{padding: 5px 20px; line-height: 1.5; border: 1px solid var(--grey_9); border-radius: 20px;}
.tag .tag-ul li a:hover{background: var(--link); border:1px solid var(--link); color: var(--white);}
.tag-list{}
.tag-list .list-ul{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
.tag-list .list-ul li{width: 100%;padding: 20px;overflow: hidden;border: 1px solid #efefef;}
.tag-list .list-ul li a{width: 100%; font-size: 18px;line-height: 22px;font-weight: 500;}
.tag-list .list-time{width: 100%;display: block;position: relative;font-size: 14px;}
.tag-list .list-time i{margin-right: 5px;font-size: 14px;color: var(--grey_9);}
.tag-list .list-text{width: 100%;line-height: 1.4;}

@media screen and (max-width: 1200px) {
	.m-t-100{margin-top: 50px;}
	.footer .footer-abou-img{display: none;}
	.index-application .a-list{display: none;}
	.index-application .a-content{width: 100%;}
	.products .grid{grid-gap: 10px;}
	.products .pm-button{font-size: 12px;}
	.products .container{display: block;}
	.products .filter{width: max-content;padding: 6px 30px;margin-bottom: 10px;}
	.products .p-choosemain {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 10px;}
	.products .p-choosemain select{width: 100%;font-size: 14px;}
	.footer-product{display:none;}
	.footer .footer-about{width: 50%; max-width: 500px;}
	.footer .footer-contact{width: 40%; max-width: 550px;}
	.tag-list .list-ul{grid-template-columns: 1fr 1fr;}
	.news-detail .flex-between, .contact .flex-between{display: block;}
	.contact .contact-content, .news-detail .recommend{width: 100%;max-width: 100%; margin-top: 50px; border-left:0;padding-left:0;}
	.news-detail .news-content{width: 100%;max-width: 100%; margin-left: 0;}
	.news-detail .news-cases ul{margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 0 10px;}
	.news-detail .news-cases span{font-size: 16px;}
	.news-recommend ul {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 20px;}
}

@media screen and (max-width: 1024px) {
	.header .topbar{height: 0; background: var(--white);}
	.header .text, .header .phone, .header .language{display: none;}
	.navbar .menu li ul{padding: 10px 0 0 20px;}
	.banner{height: 600px;}
	.banner .b-flex{height: 400px;}
	.banner .b-title{font-size: 36px;}
	.banner .b-button{height: 40px;margin-top: 20px;font-size: 16px;}
	.banner .b-ul{margin-top: 20px;}
	.products .grid, .products .i-ul{grid-template-columns: 1fr 1fr 1fr;}
	.navbar, .top-wrap{height: 70px;}
	.navbar .menu-button, .header .search-button{display: block;}
	.navbar .navbar-nav{width: 100%;min-width: 100%;position: fixed;left: 0; top: 70px;border-top: 1px solid var(--grey_d9); display: none;}
	.navbar .navbar-nav:before{content: ""; background:var(--white); position: fixed;width: 100%; height: 100%;}
	.navbar .menu {height: 100%;position: relative;display: flex;flex-direction: column;width: 90%;margin: 30px auto 0;}
	.navbar .logo img{height: 50px;}
	.navbar .menu li {margin: 12px 0; display: block;}
	.navbar .menu li ul{display: block;position: relative;margin-left: 0;padding: 10px 0 0 20px;top: 0;box-shadow: none;}
	.navbar .menu li ul li a{height: auto;line-height: initial;}
	.header .products-search{ position: fixed; top: 70px;left: 0;background: #ffffff;width: 100%; padding: 50px 0; border-top: 1px solid var(--grey_d9);background: var(--web_bg); display: none;}
	.header .products-search .products-search-con{width: 90%; margin: 0 auto;}
	.header .products-search .input, .header .products-search .submit{height: 54px;}
	.application .a-warp {padding: 20px;}
	.application ul.a-item{grid-gap: 20px;}
	.application .a-name{font-size: 20px;}
	.application .a-describe{font-size: 14px;}
	.contact-advantage .a-ul{grid-gap: 10px;}
	.contact-advantage .a-ul li{padding: 20px;}
	.footer .footer-content{padding: 50px 0 30px 0;}
	.footer-about .m-t-30{margin-top: 0;}
	.news ul.news-item{grid-gap: 20px;}
	.news .news-more{margin: 10px 0;font-size: 12px;}
	.news .news-describe{font-size: 14px;}
	.news .news-name{font-size: 18px;}
	.news-detail .news-main h1{font-size: 34px;}
	.contact .flex{display: block;}
	.contact .contact-icon{margin-left: 0; margin-top: 20px;}
	.message ul{grid-gap: 6px;}
	.message input, .message textarea{font-size: 14px;}
}

@media screen and (max-width: 768px) {
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {font-size: 14px;}
	.h2, .page-title{font-size: 30px;}
	.navbar .logo img {height: 40px;}
	.about .about-img, .banner .b-img{display: none;}
	.banner .pc{display: none;}
	.banner .mobile{ display: block;}
	.page-banner .title h2, .page-banner .title h1{font-size: 36px;}
	.page-banner .title em{font-size: 18px;}
	.content-faq ul, .tag-list .list-ul{grid-template-columns: 1fr;}
	.banner, .banner .b-flex{height: 500px;}
	.banner .b-ul li{font-size: 18px;}
	.news .news-more{ margin: 10px 0 0;}
	.news .news-describe, .news .news-time{font-size: 12px;}
	.news-detail .news-related ul, .news-recommend ul{grid-template-columns: 1fr;}
	.news-detail .news-cases ul, .process ul{grid-template-columns: 1fr 1fr;}
	.news-detail .news-related li{padding: 12px 0;line-height: 1.6;border-bottom: 1px solid var(--grey_e);}
	.news-detail .news-main h1{font-size: 30px;}
	.about .about-content, .about .about-text, .banner .b-content, .index-application .ac-img, .index-application .ac-content{width: 100%; max-width: 100%;}
	.factory .f-warp{padding: 20px 0;}
	.index-application .flex{flex-direction: column;}
	.index-application .ac-content{padding: 3% 4% 5% 5%;}
	.contact .contact-main, .footer .footer-content, .products .products-detail{display: block;}
	.contact .contact-message{margin-top: 50px;}
	.products .grid, .application ul.a-item, .contact-advantage .a-ul, .news ul.news-item{grid-template-columns: 1fr 1fr;}
	.company-data ul{grid-template-columns:auto auto}
	.products .p-detail-info{width: 100%; margin-top: 30px;}
	.products-detail .img-warp{width: 100%;}
	.products-parameter table{width: 100%;}
	.products-parameter table table{width: 100%; min-width:100%;}
	.products-parameter .wrap{width: 100%; overflow-x: scroll;overflow-y: unset; padding-bottom: 10px;}
	.products .p-choosemain {grid-template-columns: repeat(3, 1fr);}
	.products-content h2, .products-parameter h3{font-size: 18px;}
	.products-customize h2{font-size: 30px;}
	.products-parameter h2{font-size: 22px;}
	.products-customize{padding: 10% 5%;}
	.products-parameter .parameter-grid{grid-template-columns: 1fr;grid-gap: 0;}
	.products-parameter h3{margin-top: 20px;}
	.products-parameter table tr td {padding: 5px 7px;}
	.products-content {grid-template-columns: 1fr;grid-gap: 40px;}
	.footer{padding-bottom: 60px;}
	.footer .footer-about, .footer .footer-contact, .products .p-detail-images, .products .p-detail-info .products-button{width: 100%;max-width: 100%;}
	.footer .m-t-20{margin-top: 10px;}
	.footer .footer-contact{margin-top: 20px;}
    .suspension {width: 100%;background: var(--grey_e);position: fixed;z-index: 2;right: 0;bottom: 0; display: flex;justify-content: space-evenly;}
	.suspension .wx {position: relative;}
	.suspension .span {width: 60px; height: 60px;margin-bottom:0; cursor: pointer;font-size: 18px;  line-height: 1; display: flex;align-items: center; justify-content: center;flex-direction: column;background: var(--grey_e);color: var(--grey_6);}
	.suspension .wx .icon {width: 200px;padding: 10px;display: none; position: absolute;top: -227px;left: 0;border: 1px solid var(--grey_e); background: var(--grey_f5);}
	.suspension .wx .icon .icon-txt{display: block;font-size: 14px; color: var(--grey_6); text-align: center;}
	.suspension .span-text {margin-top: 5px;font-size: 12px;}
	.suspension .wx span.span-text{font-size: 12px;}
	.suspension .span:hover {background: var(--blue);color: var(--white);}
	.suspension .span:hover span, .suspension .span:hover span{color: var(--white);}
	.c_moble{display:flex;}
	.c_pc{display: none;}
	.m-t-120{margin-top: 60px;}
	.padding-120{padding: 60px 0;}
	.footer .footer-copyright, .footer .footer-copyright a, .footer .footer-copyright .container{font-size: 12px;}
	.footer p{line-height: 1.8;}
	.footer .footer-about .footer-h2{font-size: 24px;}
	.contact .contact-wrap p{font-size: 16px; margin-top: 0;}
	.contact .contact-main h2, .contact .contact-main h1{font-size: 24px;}
	.contact .contact-main .en{font-size: 40px;}
	.contact-advantage h5{font-size: 18px;}
	.contact .contact-main p {line-height: 2;font-size: 16px;}
	.send .s-button{font-size: 14px;}
	.application-detail .ad-warp{display: block;}
	.application-detail .ad-text{width: 100%;}
	.application-detail .ad-img{width: 100%; margin-top: 20px;}
	.application-detail .ad-text > h1{font-size: 30px;}
}

@media screen and (max-width: 550px) {
	.h2, .page-title{font-size: 26px;}
	.banner .b-title{font-size: 30px;}
	.banner .b-text {font-size: 18px;}
	.page-banner .title h2, .page-banner .title h1 {font-size: 30px;}
	.page-location li{font-size: 12px;}
	.application ul.a-item{grid-template-columns: 1fr;}
	.news .news-name{font-size: 18px;}
	.index-news .news-icon{height: 30px;}
	.index-news .icon-span{width: 30px; height: 30px;}
	.news-detail .news-cases span{font-size: 14px;}
	.news-detail .news-cases span{padding: 7px 10px;}
	.news-detail .news-cases ul{grid-gap: 0 2px;}
	.news-detail .news-main p{font-size: 12px;}
	.news-detail .news-icon{display: none;}
	.news-detail .news-main h1{font-size: 24px;}
	.news-detail .news-main span{margin: 0 5px;}
	.news-detail .news-main{height: auto; padding: 50px 0;}
	.contact .contact-icon{width: 160px;}
	.contact .contact-con{ grid-template-columns: 1fr; grid-gap: 10px;}
	.contact .contact-wrap{display: flex; padding:20px 30px;}
	.contact .contact-wrap i{margin-right: 20px; font-size: 30px;}
	.contact  .wrap{text-align: left;}
	.contact .contact-wrap span{font-size: 12px;margin-top: 10px;}
	.contact-main br{display: none;}
	.content-faq .f-title{padding: 15px 0;}
	.contact-message button{font-size: 14px;}
	.message ul{display: block;}
	.message ul li{margin-bottom: 8px;}
	.contact .contact-main .en{font-size: 30px;}
	.products ul.grid > li, .products ul.i-ul > li{padding: 10px;}
	.products .products-name h3{font-size: 18px;}
	.products .products-name .span-name{font-size: 16px;}
	.products .products-describe li{padding: 3px 0;font-size: 13px;}
	.products .p-choosemain select{height: 32px;}
	.p_bgcolor{padding-top: 30px;padding-bottom: 60px;}
	.pm-a{height: 30px;font-size: 12px;padding: 0 20px;}
	.products .products-message{margin-top: 20px;}
	.products .p-detail-info .products-button{font-size: 14px;}
	.products-detail .smallimg{height: 80px;}
	.products-detail .smallimg .small-ul li{width: 60px;}
	.products-content .content-wrap li{margin-bottom: 0;}
	.products-parameter table tr td:first-child{width: 40%;}
	.m-t-20{margin-top: 10px;}
	.m-t-30{margin-top: 20px;}
	.m-t-40{margin-top: 20px;}
	.m-t-50{margin-top: 30px;}
	.m-t-60{margin-top: 30px;}
	.about .h1{font-size: 30px;}
	.products-parameter{margin-top: 60px;}
	.about .about-text .h2, .about .h3{font-size: 20px;}
	.about .about-em, .company-data li .data-number{font-size: 30px;}
	.about .about-text li, .company-data li .data-name{font-size: 16px;}
	.index-application .ac-content{padding: 10% 5%;background:var(--blue);position: relative;}
	.index-application .ac-text p{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
	.footer .footer-tel{font-size: 30px;}
	.footer .footer-copyright a{margin-right: 10px;}
	.footer .footer-copyright a:first-child{margin-left: 10px;}
	.content-faq .f-title{font-size: 16px;}
	.factory .f-warp h2{font-size: 20px;}
	.factory .f-content{padding:20px 0 0 0;}
	.side-message .contact-message input, .side-message .contact-message textarea {padding: 8px 15px;font-size: 12px;}
}

@media screen and (max-width: 425px) {
	.message ul{ display: flex;flex-direction: column;grid-gap: 0;}
	.products .i-ul{grid-template-columns: 1fr 1fr;}
	.news ul.news-item, .banner .b-ul ul{grid-template-columns: 1fr;}
	.factory .f-img, .factory .f-content{width: 100%; max-width: 100%;}
	.send .s-button{margin: 0 10px;}
	.factory .f-warp, .factory .f-warp:nth-child(2n){ flex-direction: column;}
	.certificate ul{flex-wrap: wrap;}
	.index-application .ac-h3{font-size: 24px;}
}