@charset "utf-8";
:root {--color:#89201c;--link:#410300; --white:#ffffff; --black:#000; --grey_3:#333333; --grey_6:#666666; --grey_9:#999999;--grey_c:#cccccc;--grey_e:#eeeeee;--grey_f5:#f5f5f5; --grey_d9:#d9d9d9; --swiper-theme-color: #978b57;}
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-display:swap; font-family:'Microsoft YaHei',sans-serif,Arial;line-height:1.8; font-size: 15px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
html, body {color: var(--black);}
body {background: #ffffff; overflow-x: hidden;}
ul, ol, li {list-style: none; line-height:0;}
*{-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-ms-transition: background .5s ease;-o-transition: all .5s ease;transition: background .5s ease;box-sizing: border-box;}
::selection{background:var(--color);color:#ffffff;}
::-moz-selection{background:var(--color);color:#ffffff;}
.siyuan, .siyuan a{ color:#333333;}
b, em, i {font-style: normal}
h1, h2, h3, h4, h5 {font-weight: normal}
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: 18px;cursor: pointer;}

a {color: var(--black);text-decoration: none;display: inline-block;}
a:hover {color: var(--color);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.2;color: var(--black);}
.h3{ font-size:20px; line-height:1.2; font-weight:500; color: var(--black);}
.h3-24{ font-size:24px; line-height:1.2; font-weight:500; color: var(--black);}
.h3-30{ font-size:30px; line-height:1.2; font-weight:500; color: var(--black);}
.black{color:  var(--black);}
.white{color: var(--white);}
.family500{ font-weight:500;}
.title-em{ width: 100%; max-width: 1024px; margin: 0 auto;display: block; line-height: 1.4;}
.a-button{  width: max-content; height: 36px; padding: 0 20px;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: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%;}
.font-size16{font-size: 14px;}
.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:90%; height: 100%; max-width:1300px; margin:0 auto;}
.container1{ width:90%; height: 100%; max-width:1500px; margin:0 auto;}
.flex{ display: flex;}
.flex-column{display: flex;justify-content: center; flex-direction: column;}
.page-margin{ margin-top:100px; margin-bottom:100px;}
.padding-50{ padding:50px 0;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-50{ margin-top:50px;}
.m-t-100{ margin-top:100px;}
.m-t-146{margin-top: 146px;}
.m-b-20{margin-bottom: 20px;}
.p-t-30{padding-top: 30px;}
.h2-title{font-size: 30px; line-height: 30px; font-weight: 500; color: var(--black);}
.p p{ margin-bottom:10px;}
.page-bg{background: url(/static/default/web/images/about-bg.jpg) repeat-x;}
.page-logobg{width: 100%; height: auto;}
.page-bgcolor{background: rgba(255, 255, 255, 20%);}
.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: 22px; line-height: 1.2; font-weight:bold; color: var(--black); margin-bottom: 10px; margin-top: 20px;display: inline-flex;}
.content-wrap h3{font-size: 20px;line-height: 1.2; font-weight:bold; 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{ margin-bottom:10px;}
.content-wrap table{width: 100%; border-right: 1px solid var(--grey_3); border-top:1px solid var(--grey_3); border-collapse: separate;text-indent: initial; border-spacing: 0;}
.content-wrap table td{padding: 0px 10px; border-left: 1px solid var(--grey_3); border-bottom:1px solid var(--grey_3); }
.button-messages{cursor: pointer;}

.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: 30px;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px 0 5px; border: var(--grey_c) solid 1px; display: inline-block; line-height: 1.2; border-radius: 6px; font-size: 16px;}
.pager ul li a:hover {border: var(--color) solid 1px; color: var(--color);}
.pager ul .active a {border: var(--color) solid 1px; display: inline-block; background-color: var(--color);; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: var(--color) solid 1px;}
.pager ul .active a:hover {color: var(--white); border: var(--color);}

.header{ width: 100%;background: var(--white); z-index: 9;}
.header .topbar{ width: 100%;  height: 124px; background: linear-gradient(to bottom, #f5eeee 0%, #dcb8b8 100%); position: relative;z-index: 2; }
.header .topbar-bg{width: 100%; height: 124px; background: url(/static/default/web/images/w_bg.png) top no-repeat;opacity:0.1; position: absolute;top: 0; z-index: 1;}
.header .topbar-bg-left{ left: 0;}
.header .topbar-bg-right{ right: 0;}
.header .logo{width: 220px; position: absolute; top: 20px; left: 50%; margin-left: -110px; z-index: 3;}
.header .logo
.header .logo img{height: 120px; width: auto;}
.header .search-wrap{width: max-content;display: flex;}
.header .search-wrap i{font-size: 20px;}
.header .search{margin-left: auto; cursor: pointer;  padding: 0 16px; display: none;}
.header .search:before, .header .language:before{left: 10px;}
.header .language{cursor: pointer; font-size: 16px; position: absolute;top: 10px;right: 4px; z-index: 5; width: 30px;text-align: center;}
.header .language:hover{background: var(--color); color: var(--white);}
.header .language .l-choose{display: none; width: 30px;}
.header .language .l-choose a{width: 30px; font-size: 13px; color: var(--white);}
.header .language:hover .l-choose{display: block;}
.header .products-search{ width:100%; height: 40px; background: var(--white); margin-left: auto; position: absolute; top: 0; z-index: 9; padding-left: 30px; display: none;}
.header .products-search .input{width: 100%;height: 32px;border:0; border-right: 0;background: none; border-bottom: 1px solid var(--grey_9);}
.header .products-search .submit{width: 50px; height: 32px;line-height: 0;font-size: 16px;cursor: pointer;font-weight: normal;border:0; border-left: 0; background: none;}
.header .products-search .submit:hover{ background:var(--color); 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;}
.header .search-wrap a{color: var(--white); font-size: 14px;}
.header .search-wrap i{color: var(--grey_3); font-size: 16px;}
.header .search-wrap .search-i{ position: absolute;top: 10px;right: 44px; z-index: 5;cursor: pointer;}
.header .search-wrap:hover .products-search{ display: block;}

.navbar{ width: 100%;background: var(--color); color: var(--white);}
.navbar .navbar-flex{ display: flex;justify-content: space-between;}
.navbar .menu-button, .header .search-button, .header .search-close{width: 38px; height: 46px; font-size: 30px;color: var(--white); border: 0; background: none;cursor:pointer;}
.header .menu-close{ background: none; font-size: 40px;border: 0; cursor:pointer;position: fixed;right: 50px;top: 25px; display: none;}

.navbar .menu-button:hover, .header .search-button:hover, .header .menu-close:hover,.header .search-close:hover{color: var(--color);}
.header .search-button, .header .search-close{margin-left: 10px;}
.header .search-button i{font-size: 18px;}
.navbar .navbar-nav{ width: 100%;height:100%;}
.navbar .menu{position:relative;    display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.navbar .menu li{height: 100%; padding: 7px 0; line-height: 2; border-bottom: 1px solid var(--grey_3);    border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.3);}
.navbar .menu li a{width: 100%; line-height:2; font-size: 15px; text-align: center;text-transform: uppercase; color: var(--white);}
.navbar .menu li a:hover, .navbar .menu a.active{}
.navbar .menu li i{margin-left: 5px;font-size: 12px;}
.navbar .menu li ul { width:100%;padding: 10px 0px 10px 20px; display: none;}
.navbar .menu li ul li{border-bottom: 0; padding: 0;}
.navbar .menu li ul li a{ width:100%; height:32px; line-height:32px; padding: 0!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;}

.banner{ width: 100%;overflow:hidden; position:relative; z-index:1; border-bottom: 3px solid var(--color);}
.banner ul{ width: 100%; height: 100%;}
.banner ul li{ width: 100%; height: 100%; background-size: cover; background-position: center; align-items: center;}
.banner .banner-warp{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.banner .banner-warp img{width: 80%; max-width: max-content;}
.banner ul li .span-name{width:max-content;font-size: 22px;font-weight: 500; display: block; color: var(--white);}
.banner ul li .title{width: max-content;margin-top: 10px; font-size:56px; font-weight: bold; color: var(--white); text-transform: uppercase;}
.banner ul li em{width:max-content;font-size: 22px;margin-top: 30px; margin-bottom: 25px; display: block;color: #fff; position: relative;}
.banner ul li em:after{content: ""; position: absolute; width: 30px; height: 2px; background: var(--white); left: 0; bottom: -25px;}
.banner .b-img{width: 100%;}
.banner .b-img img{width: 100%; }
.banner .big-imgles{display: block; animation: bannerImage 3s forwards;}
.banner .m-imgles{display: none;animation: bannerImage 3s forwards;}
.banner .big-imgles a{width: max-content; height: 34px; padding: 0 20px;font-size: 14px; border-radius: 6px; color: var(--white);display: flex;align-items: center;justify-content: center; }
.banner .big-imgles a i{margin-left: 5px;}
.banner .big-imgles a:hover{background: var(--color);}
.banner .banner-width{width: 100%; height: 100%;align-items: center;}
.banner .banner-width1{width: 100%; height: 100%;align-items: center;    padding-bottom: 100px;}
.banner .banner-warp h2 {font-size: 22px;line-height: 1.2;font-weight: bold;color: var(--white); text-align: center;}

.banner .swiper-slide{ overflow:hidden;background-size: cover; background-position: center;}
.banner .banner-span1,.banner .banner-span3{width: 30px;height: 30px;position: absolute;z-index: 8;bottom: 35px;left: 50%;font-size: 24px;cursor: pointer;color: var(--grey_6);opacity: .5; display: none;}
.banner .banner-span1{margin-left:-100px; transition: all .3s ease;}
.banner .banner-span3{margin-left: 80px; transition: all .3s ease;}
.banner:hover .banner-span1{opacity:1;transition: all .3s ease;}
.banner:hover .banner-span3{opacity:1;transition: all .3s ease;}
.banner .banner-span1:hover, .banner .banner-span3:hover{ color: var(--color); background:none;}
.banner .banner-span2{ position:absolute; right:1%; bottom:40px!important; z-index:3;text-align:center;}
.banner-span2 .swiper-pagination-bullet{ background:var(--grey_c);}
.banner-span2 .swiper-pagination-bullet-active{ background:var(--color);}
.m-banner-1{ display: block;}
.m-banner-2{ display:none;}
.banner .b-video {width:auto;height: 300px;overflow: hidden;}
.banner .b-video video {height: 100%; position: relative; left: 50%; margin-left: -266px;}

.page-banner{ width: 100%; height: 260px;background-size: cover; background-position: center; position: relative;background-size: cover;border-bottom: 3px solid var(--color);}
.page-banner:before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 20%)}
.page-banner .banner-text{width: 70%; padding: 20px 0;font-size: 32px; line-height: 1; font-family: "宋体"!important; color: var(--white);  border-bottom: 1px solid var(--white);border-top: 1px solid var(--white);text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.5);}
.page-banner img{width:170px;}
.page-banner .banner-content{position: relative; z-index: 2;}

.message{ width: 100%;text-align: center; }
.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:15px 10px;}
.message .li-columns{grid-column-start: 1;grid-column-end: 3;}
.message input, .message textarea, .contact-message input, .contact-message textarea{ width: 100%;padding:4px 12px; border: 1px solid var(--grey_9);}
.message textarea, .contact-message textarea{height: 112px;}
.message button, .contact-message button{width:100%; max-width:500px; padding: 12px 0; text-align: center;background: var(--color);color: var(--white);border: 0;cursor: pointer;}
.message button:hover, .contact-message button:hover{background: var(--link);}
.message em a{text-decoration: underline; font-weight: 500;}

.send{width: 100%; background: var(--color);}
.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: 36px;margin: 0 20px; padding: 0 20px;color: var(--white);border: 0;background: var(--link);border-radius: 20px;cursor: pointer;font-weight: 600;display: flex; align-items: center;}
.send .s-button i{margin-left: 10px;}
.send .s-button:hover{background: var(--black);}

.about{ width: 100%;}
.about .about-title{padding: 10px 0; font-size: 24px; font-weight:bold; color: var(--black);text-align: center; border-top: 1px solid var(--black);border-bottom: 1px solid var(--black);}
.about .about-content{width: 60%;}
.about .about-text{ width: 100%; height:auto;}
.about .about-text li{margin: 10px 0;line-height: 1.2; font-size:18px; font-weight: 500;}
.about .about-text li:before{content: "\f26a";font-family: bootstrap-icons!important; margin-right: 10px; font-size: 14px; color: var(--link);}

.about-name{padding: 8px 0; font-size: 20px;font-weight:bold;text-align: center; border-top: 1px solid var(--black);border-bottom: 1px solid var(--black);}
.about-business{width: 100%;}
.about-business .business-text{width: 100%;}
.about-business .business-ul{width: 100%; height: 50px; background: #fbebeb;display: flex;}
.about-business .business-ul li{width: 50%; height: 50px; text-align: center; display: flex; align-items: center;justify-content: center; cursor: pointer;}
.about-business .c-l-link{background: var(--color); color: var(--white);}
.about-business .business-content{width: 100%;}
.about-business .business-content ul{width: 100%; padding-left: 20px;}
.about-business .business-content ul li{line-height: 1.7; list-style: disc; margin-bottom: 10px;}
.about-business .business-hide{display: none;}
.about-business .catalog-show{display: block;}

.about-wrap{width: 100%;}
.about-wrap .wrap-content{width: 100%;}
.about-wrap .wrap-content p{margin-bottom: 10px;}

.news{ width: 100%; }
.news .h2{font-size: 20px;}
.news ul.news-item{}
.news ul li{ width: 100%; margin-bottom: 10px; overflow: hidden; border: 1px solid #efefef;border-bottom: 3px solid var(--color);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);}
.news ul li:hover{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.news .news-img{ width: 100%;  line-height: 0; overflow: hidden;}
.news .new-warp{ padding:15px 20px;}
.news .news-name a{width: 100%;font-size: 16px; line-height:1.4;}
.news .news-describe{ width: 100%; margin-top: 10px; line-height: 1.4;}
.news .news-time{ width: 100%; margin-top: 5px; display: block; position: relative;font-size: 14px;}
.news .news-time:before{ position: absolute; left: 0; font-size: 14px;}
.news .news-time i{margin-right: 5px; font-size: 14px;    color: var(--grey_9);}
.news .news-more{margin:20px 0 10px;    display: flex;align-items: center;}
.news .news-more a{ margin-right: 10px; text-decoration: underline; font-weight: 600; color: var(--color);}
.news .news-more a:hover{color: var(--link);}

.index-news{ position: relative;}
.index-news h2{font-size: 30px; color: var(--color);}
.index-news .news-padding{padding: 30px 0;}
.index-news .news-titlewrap{display: flex;justify-content: space-between;align-items: center;}
.index-news .news-width{width: 90%; margin: 0 auto; margin-top: 20px;}
.index-news .read-more a{font-size: 14px;}

.index-field{ width: 100%; padding-top: 30px;}
.index-field .field-flex{display: flex;flex-direction: column;justify-content: center;}
.index-field h2{font-size: 22px;line-height: 1; color: var(--color);}
.index-field .field-titlewrap{width: 100%; display: flex;justify-content: space-between;align-items: center;}
.index-field .read-more a{font-size: 14px; color:var(--color);;}
.index-field .field-content{width: 100%;}
.index-field .field-ul{width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 5px;}
.index-field .field-ul li{width: 100%; height: 50px; box-shadow: 0px 6px 6px rgba(137, 32, 28, 0.2);}
.index-field .field-ul li a{width: 100%; height: 100%; color: var(--color);display: flex;align-items: center; cursor: pointer;}
.index-field .field-ul li i{width: 20%;font-size: 30px; line-height: 1; text-align: center;font-weight: normal; color: var(--grey_3);}
.index-field .field-ul li span{width: 80%;font-size: 17px; font-weight: bold; line-height: 1.4;}
.index-field .field-ul li a:hover, .index-field .field-ul li a.active{background: var(--color); color: var(--white);}
.index-field .field-ul li a:hover i, .index-field .field-ul li a.active i{color: var(--white);}

.index-about{ width: 100%; background: url(/static/default/web/images/about-bg.jpg) repeat-x;}
.index-about .about-wrapbg{background: url(/static/default/web/images/about_bg.png) no-repeat;}
.index-about .about-titlewrap{width: 100%;padding-top: 30px; display: flex;justify-content: space-between;align-items: center;}
.index-about h2{font-size: 20px;line-height: 1; color: var(--color);}
.index-about .about-content{width: 100%;}
.index-about .about-img{width:100%;display: flex;align-items: center;justify-content: center;}
.index-about .about-img img{width: 80%; margin: 0 auto;}
.index-about .about-textcon{width: 100%;}
.index-about .about-text{width: 100%;}
.index-about .about-team{width: 100%; display: none;}
.index-about .about-teamname a{font-size: 20px;}
.index-about .about-teamlist{width: 100%;}
.index-about .about-teamul{display:grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.index-about .about-teamul li{width: 100%; height: 50px; text-align: center;}
.index-about .about-teamul li a{width: 100%; height: 100%; color: var(--white); background: #dc8380; display: flex; align-items: center;justify-content: center;}
.index-about .about-teamul li a:hover{background: var(--color);}

.page-news{ width: 100%;}
.page-news .news-img{ width: 100%; max-width: 340px;  line-height: 0;overflow: hidden;}
.page-news .new-warp{width: 100%;display: flex;flex-direction: column; justify-content: center;}
.page-news .news-name{ width: 100%;font-size: 17px; font-weight: 600;}
.page-news .news-name a{width: 100%;line-height: 1.4
	;}
.page-news .news-describe{ width: 100%;line-height: 1.6; font-size: 14px; margin-top: 6px;}
.page-news .news-time{ width: 100%;display: block; position: relative;font-size: 14px;}
.page-news .news-time:before{ position: absolute; left: 0; font-size: 14px;}
.page-news .news-time i{margin-right: 5px; font-size: 14px; color: var(--grey_9);}
.page-news .news-more{margin-top: 15px;    display: flex;justify-content: flex-end;}
.read-more{width: max-content; height: 20px; display: flex;}
.read-more a{color: var(--color); font-size: 14px;}
.page-news .news-main{justify-content: space-between;}
.page-news ul.news-item li{margin-bottom: 20px; padding: 20px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); position: relative; z-index: 2;}
.page-news ul.news-item li:hover:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--color); overflow: hidden;}

.news-detail{}
.news-detail .detail-title{font-size: 24px; line-height:  1.4; font-weight: 600;color:  var(--black); text-align: center;}
.news-detail .detail-info{ width: 100%;padding: 5px 0; padding-bottom: 20px; font-size: 14px; text-align:center; border-bottom: 2px solid var(--color);}
.news-detail .detail-info i{margin-right: 5px;}
.news-detail .detail-info span{ font-size: 13px;}
.news-detail .detail-info span:last-child{margin-right: 0;}
.news-detail .prenext span{width: 100%;display: block;color: var(--black);}
.news-detail .prenext a{text-decoration: underline;font-weight: 500;}
.news-detail .prenext a:hover{ color: var(--color);}
.news-detail .content-wrap img{display: unset;}
.news-detail .prenext{border-top: 1px solid var(--black); padding-top: 20px;}
.news-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;margin-top: 30px;}
.content-tag{display: flex;}
.content-tag span{font-weight: 500;  margin-right: 10px;display: flex;align-items: center;}
.content-tag a{margin: 0 5px;border-radius: 10px; display: flex;align-items: center; color: var(--black); font-weight: 500; text-decoration: underline;}
.content-tag a:hover{color: var(--link);}

.page-team{width: 100%;}
.page-team .teamlist-ul{width: 100%; display: grid;grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.page-team .teamlist-ul li{height: 40px; border: 1px solid var(--black);     display: flex;align-items: center;justify-content: center;
}
.page-team .teamlist-ul li.active a{color: var(--color);}
.page-team .teamlist-ul li a{padding: 0 30px;}

.page-team .team-img{ width: 100%; max-width: 340px;  line-height: 0;overflow: hidden;}
.page-team .team-img img{width: 50%}
.page-team .team-img a{width: 100%;}
.page-team .team-warp{width: 100%; padding: 10px 0 0;}
.page-team .team-name{ width: 100%;font-size: 20px; font-weight: 600;}
.page-team .team-name a{width: 100%;line-height: 1.2;}
.page-team span{line-height: 1.4; font-weight: bold;}
.page-team .team-zhiwei{width: 100%;line-height: 1.4; padding-bottom: 15px; border-bottom: 1px solid var(--black);display: block; }
.page-team .team-main{justify-content: space-between;}
.page-team ul.team-item{}
.page-team ul.team-item li{margin-bottom: 20px; padding: 20px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);}
.page-team ul.team-item li a:hover{ color: var(--black);}
.page-team ul.team-item li a:hover h3{color: var(--color);}

.team-detail{width: 100%;}
.team-detail .detail-img{width: 100%;max-width: 170px;}
.team-detail .detail-content{width:100%; padding-top: 10px;}
.team-detail .detail-content span{display: block;}
.team-detail .detail-title{font-size: 24px; line-height: 1.4;}
.team-detail .detail-zhiwei{}
.team-detail .detail-gongzuoyuyan{width: 100%;}
.team-detail .detail-gongzuoyuyan .span1{width: 100%; font-size: 18px;color: var(--color); display:unset;}
.detail-scope{width: 100%;}
.detail-scope .span1{font-size: 18px;color: var(--color);}
.detail-scope .scope-content{width: 100%;}
.scope-content ul{ padding-left: 20px; display: grid;grid-template-columns: 1fr;}
.scope-content ul li{list-style: disc; line-height: 2;}

.index-application{width: 100%; background: var(--grey_f5);}
.index-application .a-list{width: 280px; height: 100%;}
.index-application .a-list .al-ul{width: 100%; height: 100%; display: flex;flex-direction: column;overflow: hidden;}
.index-application .a-list .al-ul li{width: 100%!important; padding: 10px 0; line-height: 1.2; font-size: 18px;cursor: pointer;font-weight: 500;}
.index-application .a-list .al-ul li i{margin-right: 5px; color: var(--grey_9);}
.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(--link);}
.index-application .a-content{width: calc(100% - 280px); overflow: hidden;}
.index-application .ac-img{width: 63%; overflow: hidden;}
.index-application .ac-content{width: 37%; padding: 1% 4% 1% 5%; background: var(--white);    display: flex;flex-direction: column;justify-content: center;}
.index-application .ac-h3{font-size: 36px;line-height: 1.2;}
.index-application .ac-text{margin-top: 10px;}
.index-application .ac-text p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;overflow: hidden;}

.field{ width: 100%; }
.field ul.a-item{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.field ul.a-item li{ height: 190px;box-shadow: 0px 6px 6px rgba(137, 32, 28, 0.2); }
.field ul.a-item li i{font-size: 50px;width: 50px; height: 50px; line-height: 1; color: var(--grey_6);}
.field .a-name{ width: 85%; font-size: 17px;line-height: 1.5; text-align: center; margin-top: 20px;}
.field ul.a-item a{width: 100%; height: 100%; display: flex;align-items: center;flex-direction: column;justify-content: center;}
.field ul.a-item li a .a-name { min-height: 51px; font-weight:bold; color: var(--color);}
.field ul.a-item li:hover, .field ul.a-item .active{ width: 100%;box-shadow: 0px 6px 15px rgba(137, 32, 28, 0.8); background: var(--color); color: var(--white);}
.field ul.a-item li:hover a .a-name, .field ul.a-item li.active a .a-name{color: var(--white)!important;}
.field ul.a-item li:hover i, .field ul.a-item .active i{color: var(--white);}

.field-detail{width: 100%;}
.field-detail .ad-warp{width: 100%; }
.field-detail .ad-text{width: 100%;}
.field-detail .h1{ font-size: 26px; margin-bottom: 20px; line-height: 1.2;color: var(--color);}
.field-detail .h2{ font-size: 24px; margin-bottom: 20px; line-height: 1.2;color: var(--color);}
.field-detail .ad-img{width: 40%; overflow: hidden;}
.field-detail .ad-text ul{width: 100%;padding-left: 20px; display: grid; grid-template-columns: 1fr; grid-gap:10px;}
.field-detail .ad-text ul li{line-height: 2;list-style: disc; }
.button{width: 100%; max-width: 300px; height: 46px; background: var(--color); color: var(--white); border-radius: 6px; display: flex; align-items: center;justify-content: center;}
.button i{font-size: 24px; margin-right: 10px;}
.button span{font-size: 18px;}
.button:hover{background: var(--link);}

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

.join{width:100%;}
.join .join-title{padding: 10px 0; font-size: 20px; line-height: 2; font-weight: bold;color: var(--black);text-align: center;border-top: 1px solid var(--black);border-bottom: 1px solid var(--black); }
.join .join-content{width: 100%;}
.join .join-subtitle p{font-size: 20px;}
.join .join-add{width: 100%;}
.join .join-addtext{width: 100%;}
.join .join-addtext b{font-size: 18px;}
.join .join-position{width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--black);}
.join .h2{ font-size: 22px; margin-bottom: 10px; line-height: 1.2;color: var(--color);}
.join .position-content{width: 100%;}
.join .position-ul{width: 100%;}
.join .position-ul li{width: 100%; padding: 10px; margin-bottom: 10px; border:1px solid #dabab9;}
.join .position-list{ width: 100%;display: flex; justify-content: space-between; cursor: pointer;}
.join .position-detail{width: 100%; padding-bottom: 20px; display: none;}
.join .position-detail p{font-size: 16px;}
.join .active{background:  url(/static/default/web/images/join-bg.jpg) repeat-x;}
.join .active .position-detail{display: block;font-size: 14px;}
.join .active .position-detail p{font-size: 14px;}
.join .active i{transform: rotate(180deg);}
.join .join-contact{width: 100%;}


.footer-bg{width: 100%; height: 40px; background: url(/static/default/web/images/bottom_bg-m.png);}
.footer{ width: 100%; background: #888888; color: var(--white); font-size: 16px;}
.footer .footer-content{padding:50px 0 10px 0; justify-content: space-between;}
.footer .footer-icon{width:max-content; display: flex; justify-content: space-between;}
.footer .footer-icon-img{width: 130px; margin-bottom: 10px;}
.footer .footer-icon-span{width: 100%; margin-top: 8px; text-align: center; color: var(--white); font-size: 16px; line-height: 1.4; display: block;}
.footer .footer-text{ width: 100%;}
.footer .footer-text-con{width: 100%;}
.footer .footer-text-con p{ font-size: 14px;}
.footer .footer-text-con h3{ font-size: 18px; margin-bottom: 5px;}

.footer a{color: var(--white);}
.footer a:hover{text-decoration: underline;}

.footer .footer-copyright{ width: 100%;background: #888888;color: var(--white);}
.footer .footer-wrap{ padding: 20px 0 20px 0;border-top: 1px solid #9b9b9b; font-size: 14px;}
.footer .footer-copyright a{margin-right: 10px;color: var(--white); text-decoration: none;}
.footer .footer-copyright a:first-child{margin-left: 10px;}
.footer .footer-copyright a:hover{ text-decoration: underline;}

.page-content{ width: 100%; padding-top: 20px; background: #f3f6fb;}
.page-title{ font-size: 36px; line-height: 36px; font-weight: 600; color: var(--color);}
.page-more{ width: max-content; color: var(--black); font-weight: 500;cursor: pointer;}
.page-more:hover{text-decoration: underline; color: var(--color);}
.page-location{ width: 100%; height: 50px; }
.page-location ul{ display: flex;justify-content: flex-start;overflow: hidden;}
.page-location-bg{background: #f3f6fb;}
.page-location li{font-size: 14px; height:50px; line-height: 50px; float: left; display: flex;    align-items: center;}
.page-location li:after { margin-left: 3px;padding-right: 5px;content: "/";}
.page-location li:last-child:after { display: none;}
.page-location i{margin-right: 6px;}
.page-content .page-bottom{padding-bottom: 30px;}

.more-relative{position: relative;}
.more-all{ margin-top: 30px; text-align: center;}
.more-jiantuo-left{ width: 36px; height: 60px;text-align: center; background: var(--color); display: flex;flex-direction: column;justify-content: center; color: var(--white);font-size: 18px; position: absolute;top: 35%;z-index: 2;left: 0;}
.more-jiantuo-right{width: 36px;height: 60px; text-align: center;background: var(--color); display: flex; flex-direction: column;justify-content: center;color: var(--white);font-size: 18px;position: absolute;top: 35%;z-index: 2;right:0;}
.more-jiantuo-left:hover, .more-jiantuo-right:hover{background: var(--black); cursor: pointer;}
/*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;}
.swiper-button-disabled{cursor: unset!important; opacity: 50%;}

.index-news .more-jiantuo-left{left: 0; top: 44%;}
.index-news .more-jiantuo-right{right: 0; top: 44%;}

.company-data{width: 100%; height: 300px; background: url(/static/default/web/images/about-databg-m.jpg) no-repeat;    background-size: cover;background-position: center;}
.company-data ul {height: 100%;grid-template-columns: auto auto auto;display: grid;justify-content: space-evenly;grid-gap: 30px 0; align-items: center;}
.company-data li{color:var(--white);display: flex;flex-direction: column;align-items: center;}
.company-data li .data-text1{font-size:20px;  line-height:1;}
.company-data li .data-number{margin-top:20px; font-size:80px; font-weight:600; line-height:1; font-family: Arial;} 
.company-data li .data-text2{margin-top:20px; display:block; font-size:20px;line-height:1;} 
.company-data li .data-text3{height: 18px; margin-top:10px; display:block; font-size:18px;line-height:1;} 

.certificate{ width: 100%; height: auto;background-size: cover; background-position: center; text-align: center;}
.certificate ul{}
.certificate ul li{width: 100%; margin-bottom: 5px;}
.certificate ul li img{width: 100%;}
.certificate .certificate-title{padding: 10px 0;font-weight: 500; text-align: center;}

.factory{ width: 100%; }
.factory .factory-content{ width: 100%; text-align: left; overflow: hidden;}
.factory .factory-content ul li{ width: 100%;}
.factory .factory-img{ width: 100%; line-height: 0;overflow: hidden;}
.factory .factory-img img{ width: 100%; height: auto;}
.factory .factory-name{ width: 100%; padding: 10px 0;text-align: center; background: var(--grey_f5);}
.factory .more-jiantuo-right, .factory .more-jiantuo-left{top: 50%;}

.contact{}
.contact .contact-main{}
.contact .contact-text{width: 100%;}
.contact .contact-text h2{font-size: 20px;}
.contact .contact-map{width: 100%; height: 200px;}
.contact .contact-br{margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--black);}
.contact .contact-message{width: 100%; margin-top: 20px;padding-top: 20px;border-top: 1px solid var(--black);}
.contact .contact-message ul{ display: flex;grid-gap: 8px;flex-direction: column;}
.contact .contact-message .li-columns{grid-column-start: 1;grid-column-end: 3;}
.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: #f3f6fb; 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: 20px; font-weight: 600; display: block;}
.contact-advantage p{margin-top: 10px; line-height: 1.2;}
.contact-advantage .a-ul li:hover{background: var(--color);color: var(--white)!important;}
.contact .contact-icon{width:280px; display: flex; justify-content: space-between;}
.contact .contact-icon-img{width: 130px; margin-bottom: 10px; }
.contact .contact-icon-img img{border:1px solid var(--color);}
.contact .contact-icon-span{width: 100%; margin-top: 8px; text-align: center;font-size: 16px; line-height: 1.4; display: block;}
.contact-message h2{font-size: 20px;}

.products{}
.p_bgcolor{ background: #f3f6fb; padding-bottom: 60px;}
.products .products-main{justify-content: space-between;}
.products .i-ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 10px;}
.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;}
.products .products-name{ padding:14px 15px 30px; font-size: 16px; line-height: 22px;}
.products .products-name h3{font-size: 18px;line-height: 1.2; font-weight: 500;color: var(--color); text-align: left;}
.products .products-name .span-name{margin-top: 5px;display: block; font-size: 22px;    font-weight: 500;}
.products .products-describe{ margin-top: 20px; border-top: 1px solid #efefef;padding-top: 10px;}
.products .products-describe li{line-height: 1.2; padding: 5px 0; list-style: disc;margin-left: 20px;}
.products .products-message{width: 100%; margin-top: 20px; font-size: 14px; display: flex;justify-content: space-between;}
.pm-a{width: max-content; height: 36px;line-height: 1; padding: 0 20px; border:1px solid var(--link); color: var(--link);font-size: 14px; font-weight: 500; border-radius: 18px;display: flex;align-items: center;}
.pm-a:hover{color: var(--white); background: var(--link)}
.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 .products-detail{ width: 100%; display: flex; justify-content: space-between;}
.products .p-detail-images{ width: 50%; display: flex;}
.products .p-maximg2{display: none;}
.products .p-detail-img{width: 85%;border: 1px solid var(--grey_d9);overflow: hidden;}
.products .p-detail-smallimg{width: 15%;margin-right: 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: 1px solid var(--grey_d9);border-radius: 3px;overflow: hidden;}
.products .p-detail-info{ width: 46%;}
.products .p-detail-info .spantext{width: 100%;display: block;font-size: 36px; font-weight: bold;color: var(--color);}
.products .p-detail-info .products-button{ width: 100%; max-width: 300px; padding: 12px 0; margin-top: 5%; text-align: center; font-size: 16px; font-weight: 500; background: var(--color); color: var(--white); border: 0; cursor: pointer;border-radius: 8px;}
.products .p-detail-info .products-button:hover{background: var(--black);}

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

.products-parameter{width: 100%;}
.products-parameter h2{font-size: 24px;font-weight: 500;color: var(--black);}
.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;}

.content-faq{}
.content-faq ul{display: grid; grid-gap:10px 5%;grid-template-columns: 1fr 1fr;}
.content-faq .f-title{ padding-bottom:10px; padding-right:20px; font-size:18px; line-height:1.2;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; margin-top: 4px; overflow:hidden; transition: all .5s ease; border-bottom: 1px solid var(--grey_d9);}
.content-faq li:hover .f-title{ color:var(--color);}
.content-faq li.active .f-title:after{content:"-"}
.content-faq li.active .f-text{ max-height:1000px; transition: all .5s ease;}

.suspension{ width: 50px; height: 105px; position: fixed; z-index: 2; right: 10px; bottom: 200px; display: flex; flex-direction: column;   justify-content: space-between; display: none;}
.suspension span{width: 50px; height: 50px; display: block;text-align: center; cursor: pointer; font-size: 24px;display: flex; flex-direction: column; justify-content: center; border-radius: 50%;}
.suspension .span-message{background: var(--color); color: var(--white);}
.suspension .span-top{background: var(--grey_c); color: var(--white); }
.suspension .span-top:hover, .suspension .span-message:hover{background: var(--link);}

.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: 10px; 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 .side-text{line-height:1.2;}
.side-message li{margin-bottom: 8px;}
.side-message button{width: 100%; max-width: 100%;`}
.side-message .contact-message input, .side-message .contact-message textarea{ padding: 3px 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);}

.BMapLabel{ background-color: var(--color)!important; color: var(--white)!important;padding: 6px 11px !important;left: 46px !important; border: 0 !important;top: 10px !important; border-radius: 5px!important; display: none!important}

.bottom{width: 100%; max-width: 500px; height: 80px; margin: 0 auto;background: var(--color); position: fixed;left:0; bottom: 0;}
.bottom ul{width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.bottom ul li{height: 100%; background: var(--color); color: var(--white);    display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bottom ul a{color: var(--white);}
.bottom ul li i{width: 22px;height: 22px; font-size: 22px; line-height: 1; display: block;}
.bottom ul li span{margin-top: 15px; font-size: 14px; display: block;}

#is_ajax_btn {width: max-content;margin: 0 auto;margin-top: 30px;}
.btn1, .btn2 {width: max-content;height: 50px;line-height: 50px;padding: 0 100px;background: var(--grey_e);display: block;text-align: center; cursor: pointer;}