/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2021.12.12  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { margin: 0; padding: 0; list-style: none }body { font-family: "Microsoft YaHei", sans-serif; font-weight: 400; font-size:14px;overflow-x: hidden; }html, body { position: relative; overflow:auto;}h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; text-transform: capitalize }button, input, select, textarea { font-size: 100%; outline: 0 }a {blr:expression(this.onFocus=this.blur()); color: #369;text-decoration: none; }.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }.clearfix { zoom: 1 }.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }.fl { float: left; display: inline }.fr { float: right; display: inline }em, i { font-style: normal }.none { display: none }.block { display: block }.inline { display: inline-block !important; margin-right: 10px; }img { border: 0; object-fit:cover; }table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 }::selection { background: #ddd; color: #111 }::-webkit-scrollbar {width:10px;height:10px}::-webkit-scrollbar-thumb {background-color:rgba(50,50,50,0.25);border:2px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover {background-color:rgba(50,50,50,0.5)}::-webkit-scrollbar-track {background-color:rgba(50,50,50,0.05)}*{box-sizing:border-box;}input{border:0;}input::placeholder {opacity:0.5}input:focus { border: 0; outline: 0; -webkit-box-shadow: 0 }
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 40px; border-top: solid 1px #ccc; background: #fff; text-align: center; font-size: 13px; line-height: 40px }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; color: red; text-align: center; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
/*超出的文字省略，要定义宽度*/
span.spanleft, .list-txt .name,.honor-pic .swiper-slide p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
:after, :before, .iconfont,.images, .images img, .list-li,.list-txt,.list-txt .name,.mobilemenu b,.header,.wrapper,.logo,#banner,#banner img,#sub-nav{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { /*-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);*/ }
/*图标字体*/
@font-face { font-family: 'iconfont';  /* project id 278253 Anxin通用图标  */ src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot'); src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff2') format('woff2'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff') format('woff'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.ttf') format('truetype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*页面*/
body { background-color: #fff;}
.wrapper { position: relative;margin:0 auto;}
.text { padding: 0; }
.text, .text * { color: #333; font-size: 16px;  line-height: 36px; word-wrap: break-word; }
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0;  white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.info img { display: none !important; opacity: 0; }
.title{ position:relative;padding:0;}
.title .main,.title .secondary{display:block;text-transform: capitalize;}
.title .main{color: #000;}
.title .secondary{color:#000; opacity: 0.3; margin-bottom: 13px;text-transform:uppercase;}
.title.center .main,.title.center .secondary{text-align: center;}
.title.white .main,.title.white .secondary{color:#fff;}
.title .more{position:absolute; bottom:0;right:0;}
.sub-title{ margin-bottom: 40px;}
.sub-title a{display:inline-block; color:#333;margin-right:50px;font-weight: 600;}
.sub-title a.active{color:#B4382E;}
.btn{max-width:200px; min-width: 100px;padding:0 25px; height:40px; line-height: 40px; display: table; background: rgba(255, 255, 255, 0.1);border: 1px solid #FFFFFF; position:relative;}
.btn:after{content:""; display:block; position:absolute; width:0; height:100%; background:rgba(0,0,0,0.1);left:0; top:0;}
.btn span{text-transform:capitalize; position:relative;color:#fff;display:block; width:100%; text-align: center;}
.btn:hover:after{width:100%;}
/*更多*/
.more {position: relative; display:flex; align-items: center; padding:10px 0;}
.more a{width:100%;position: relative; display:flex; justify-content: space-between; align-content: center; align-items: center;}
.more a:after{content:""; display:block; width:0; height:1px; background-color:#B4382E; position:absolute;left:0; bottom:0; margin-bottom: -9px;}
.more a:hover:after{width: 100%;}
.more span {position: relative; color:#B4382E; text-transform: capitalize;}
.more i{width: 18px; height:18px; position:relative;display: inline-block;}
.more i:before, .more i:after { content: ""; position: absolute; display: block; }
.more i:before { width: 15px; border-top: 1px solid #B4382E; right: 0; top: 9px;}
.more i:after { position: absolute; right: 1px; top: 5px; display: block; width: 8px; height: 8px; border-right: 1px solid #B4382E; border-bottom: 1px solid #B4382E ; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; }
.more i:before{display:none; opacity: 0;}
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important;}
.toTop i { font-size: 26px; color: #fff; }
.toTop:hover { background: #B4382E; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=select-------
********************************/
.select { position: relative;height: 36px; }
.select:after { content: "";  display: block; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; position: absolute; z-index: 2; right: 20px; top: 16px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 46px;  padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open ul { display: block; }
.select.is-open:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.select ul { display: none; position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px; padding: 0 ; max-height: 240px; overflow-x: hidden; overflow-y: auto }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ECECEC; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 15px; line-height: 46px; }
.select ul li a { color: #fff; display: block; margin-left: -15px; padding-left: 15px; }
.select ul li.active a, .select ul li a:hover { }
/*******************************
  -------[=字体------
********************************/
/* * { font-weight: 400; font-size: 14px; }*/
.f30 { font-size:30px}
.f28 { font-size:28px}
.f24 { font-size:24px}
.f22 { font-size:22px}
.f20 { font-size:20px}
.f18 { font-size:18px}
.f16 { font-size:16px}
.f15 { font-size:15px}
/*******************************
  -------[=弹窗------
********************************/
.modelTost { display: none; background: rgba(0, 0, 0, 0.8); z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
.modelTost .modelTostWrap { width: 100%; height: 100%; z-index: 10000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.modelTost .modelClose { width: 45px; height: 45px; background: none; border: solid 1px #fff; top: auto; bottom: 30px; right: 50%; margin-right: -22.5px; padding: 9px; cursor: pointer; border-radius: 50%; position: fixed; z-index: 10001; }
.modelTost .modelClose:before, .modelTost .modelClose:after { content: ""; display: block; width: 25px; height: 2px; background: #fff; position: absolute; top: 45%; }
.modelTost .modelClose:before { transform: rotate(45deg); }
.modelTost .modelClose:after { transform: rotate(-45deg); }
.modelTost .modelTostWrap .swiper-container { padding-bottom: 0; height: 100%; }
.modelTost .modelTostWrap .swiper-container .swiper-wrapper { align-items: center; height: 100% !important; }
.modelTost .modelTostWrap .swiper-container .swiper-slide { text-align: center; }
.modelTost .modelTostWrap .swiper-container .swiper-slide img { width: auto; height: auto; max-width: 100vw; max-height: 100vh; display: block; margin: 0 auto; }
.fancybox-close { position: absolute; right: 20px; top: 20px; width: 20px; height:20px; padding: 5px; background: #777; border-radius: 50%; cursor: pointer; }
.fancybox-close:hover, .fancybox-close:active { background: #E30616 }
.fancybox-close:before, .fancybox-close:after { content: ""; display: block; width: 10px; height: 2px; background: #fff; position: absolute; top: 45% }
.fancybox-close:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg); }
.fancybox-close:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.fancybox-overlay-fixed { z-index: 999 }
.fancybox-skin { background: #ffffff !important; padding: 0 !important; }
.fancybox-skin, .fancybox-image, .fancybox-outer, .fancybox-inner { border-radius: 8px !important }
#fancybox-thumbs { top: auto !important; bottom: 10px !important; width: 100vw !important; overflow-x: scroll !important; }
.pop-window { width: 100%; position: relative; padding: 60px 0 0 0; background-color: #fff }
.pop-window .header { position: fixed; z-index: 100; width: 100%; padding: 0 20px; left: 0; background: #fff; height: 60px; line-height: 60px; top: 0; font-size: 20px;  color: #333; letter-spacing: 1.45px; border-bottom: 1px solid #F0F2F7;}
 .pop-window .header span{display:inline-block; margin-left:20px; font-size:14px; font-weight: 400; color:#2C4562; line-height: 24px;}
.pop-window .body { padding: 20px; }
.fancybox-nav{width:60px;}
.fancybox-nav span{visibility:inherit; width:60px; height: 60px; border-radius: 5px;background:none;background-color:#fff;background-position:center center;background-repeat:no-repeat;}
.fancybox-prev{margin-left:-120px}
.fancybox-prev span{ background-image: url(../images/fancybox-prev.png);}
.fancybox-next{margin-right:-120px}
.fancybox-next span{ background-image: url(../images/fancybox-next.png);}
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container img { display: block; width: 100%; height:100%; }
.swiper-pagination-bullet{opacity:1;border-radius: 2px;}
.swiper-pagination-bullet-active{background-color: #228457}
.swiper-btn{display:block; width:40px; height:40px; background-color:#fff;text-align: center;border: 1.5px solid #39414A; cursor:pointer; position:absolute; top:50%; margin-top:0px;}
.swiper-btn:before{content:"";position: absolute;left:10px; top:13px; display: block; width: 10px; height: 10px; border-right: 1.5px solid #39414A; border-top: 1.5px solid #39414A;pointer-events: auto; }
.swiper-btn:hover{background-color:#B4382E;border-color:#B4382E;}
.swiper-btn:hover:before{border-color:#fff;}
.swiper-btn.swiper-button-disabled{opacity: 0.65; cursor:not-allowed;}
.prev.swiper-btn{left:5%;}
.prev.swiper-btn:before{transform: rotate(-135deg); left:13px;}
.next.swiper-btn{right:5%;}
.next.swiper-btn:before{transform: rotate(45deg)}
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list { overflow: hidden; }
.list .list-ul { margin-right: -2.5%; margin-bottom: -2.5%; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin: 0 2.5% 2.5% 0; width: 31.13%; position: relative;}
.list .list-li .images {padding-top:100%;}
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list-txt {box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize; padding: 22px 0 0 0; }
.list-txt .name { color: #1C1C1C; font-weight: 600; line-height: 1.5; }
.list-txt .name .highlight {color:red}
.list-txt .info { -webkit-line-clamp: 1; margin: 8px 0 0 0;}
.list-txt .info,.list .list-txt .info * { color: #999; line-height: 2 !important; }
.list-txt .price {font-weight:600; color:#F54D20; margin: 18px 0 0 0;display: none;}
.list .list-li a.all { display: block; position: relative; z-index: 2;}
/*******************************
  -------[=页码-------
********************************/
.main-page { width:auto; height: 40px; margin: 20px 0 30px 0;text-transform: capitalize;display:flex; justify-content: center;}
.main-page a{border: 1px solid #EEEEEE;line-height: 38px;min-width: 40px;text-align: center;height:38px; padding:0 12px; margin: 0 8px; color:#555;border-radius: 3px; position:relative;}
.main-page a.active,.main-page a:hover{border-color:#B4382E; background-color: #B4382E; color:#fff;}
.main-page a.disabled{cursor:not-allowed;border:0;}
.main-page a.disabled:hover{background-color:#fff; color:#555;}
.main-page a .icon.iconfont{font-size:16px;}
.main-page .prev .icon.iconfont{margin-right: 6px;}
.main-page .next .icon.iconfont{margin-left: 6px;}
/*******************************
  -------[=页面底部------
********************************/
#footer {background:url(../images/footer.png) center center no-repeat;background-size:cover; margin-top:80px;}
#footer a,#footer p{color: #fff; opacity: 0.6;}
#footer a:hover{opacity: 1;}
#footer .footer{display:flex; justify-content: space-between; align-items:flex-start; padding: 62px 0;}
#footer .footer .left{position:relative; width: 27%;}
#footer .footer .left .logo{background:url(../images/logo-white.png) left center no-repeat;background-size:contain; width:200px; height:50px; margin-bottom: 33px;}
#footer .footer .left .txt{line-height: 36px; color:#fff; opacity: 0.6;}
#footer .footer .right{width:69%; position: relative; display: flex; justify-content:space-between; padding-left: 5%;}
#footer .footer .right:before{content:""; display:block; width:1px; height: 100%; position:absolute; left:0; top:0;background:rgba(255,255,255,0.1);}
#footer .footer .right .item {flex:1}
#footer .footer .right .item:last-child {flex:2}
#footer .footer .right .item h5{font-weight: 600; color:#fff; margin-bottom: 49px; position:relative;}
#footer .footer .right .item p{margin-bottom: 10px;}
#footer .footer .right .item:last-child{padding-right: 158px;}
#footer .footer .right .item .qrcode{width: 100px; height:100px; position: absolute; right:0; top:50%;margin-top:-50px;}
#footer .footer .right .item .qrcode img{display:block; width: 100%; height:100%;}
#footer .copyright{color:#666;padding:30px 0; width:100%; display:flex; justify-content: space-between; position: relative;}
#footer .copyright:before{content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.1); position: absolute; left:0; top:0;}
#footer .copyright p{opacity:0.5}
/*******************************
  -------[=页面------
********************************/
header .header,header .header .wrapper,header .search-box{height:100%;}
.header .wrapper,.nav .nav-ul{display:flex; justify-content:space-between; align-items: center;}
#logo,#nav,#nav-right{position:absolute;top:50%; transform: translateY(-50%);}
header,.header{width:100%;}
.wrapper{max-width:1600px;width: 100%}
header{position:fixed;left:0; top:0; z-index: 101; height:12.24vh;background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.0001) 100%);}
header .wrapper{max-width: 100%}
.header.hide1{-webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; opacity: 0 !important;}
#logo{left:3.125%; }
#logo .logo{background-image: url(../images/logo-white.png);background-repeat:no-repeat; background-position:left center; background-size:contain; width: 200px; height:40px;}
#logo .logo a{display: block; width:100%; height:100%;}
#nav{width:40%;left:30%;}
.nav .mainlevel {position: relative; z-index: 10; }
.nav .mainlevel a { color: #fff; text-decoration: none; display: block; padding: 0; position: relative; line-height: 3vh; text-transform: uppercase;}
.nav .mainlevel a:after{content:""; position:absolute; width:0; height:2px;left:50%; bottom:0; margin-bottom: -4.62vh; background:#fff;}
.nav .mainlevel a.active:after,.nav .mainlevel a:hover:after {width: 100%; left:0;}
.nav .mainlevel ul { display: none; position: absolute; background: #fff; box-shadow: 0 3px 4px rgba(0,0,0,.10); width: 100%; margin-left: 45px; margin-right: -45px; border-top: 0; }
.nav .mainlevel li a {color:#fff}
.nav .mainlevel li a:hover {color: #fff; }
#nav-right{right:3.125%}
#nav-right .item{width:50px; height:50px; background: rgba(255, 255, 255, 0.8);border: 1px solid #999999;border-radius:50%; position:relative;margin-left:10px;display:inline-block;}
#nav-right .item span{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);font-weight: 600; color:#000; text-transform: capitalize;}
#nav-right .item.item1{ cursor:pointer;}
#nav-right .item.item1 span{width: 16px; height:16px;}
#nav-right .item:hover{background: #f5f5f5;}
#nav-right .item a:hover span{color:#B4382E;}
.search-box { position: absolute; top: 0; width: 100%; left: 0; background-color: #fff;transition: all 0.5s; transform: scale(0); opacity: 0; z-index: -10;display:flex; justify-content: center; align-items: center; }
.search-box.show1 { transform: scale(1); opacity: 1; z-index: 1200;}
.search-box .box { width: 650px; margin: 0 auto; position: relative; }
.search-box .from { width: 90%; height: 4vh; line-height: 4vh; border: 1px solid #e5e5e5; position: relative; }
.search-box .from .text { font-size: 14px; height: 4vh; line-height: 4vh; width: 80%; padding:0 20px; margin-right:20%; background-color: transparent; }
.search-box .from .submit { position: absolute; top: 50%; width: 18px; height: 18px; font-size: 0; background-color: transparent; transform: translateY(-50%); right: 2%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url(../images/h-search.png); cursor: pointer; }
.search-box .close1 { position: absolute; right: 0; top: 50%; width: 18px; height: 18px; font-size: 0; background-color: transparent; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url(../images/close1.png); cursor: pointer; transition: all 0.3s; }
header.baion,header:hover{box-shadow: 0px 1px 0px #E9E9E9; background: #fff}
header.baion #logo .logo,header:hover #logo .logo{background-image: url(../images/logo.png);}
header.baion .nav a,header:hover .nav a{color:#000}
header.baion .nav .mainlevel a.active,header:hover .nav .mainlevel a.active,.nav .mainlevel a:hover{color: #B4382E}
header.baion .nav .mainlevel a:after,header:hover .nav .mainlevel a:after,.nav .mainlevel a:hover:after{background: #B4382E}
#banner{display:block; width:100%; height:600px; overflow: hidden;}
#banner img{display:block; width:100%; height:100%; object-fit: cover;}
#sub-nav{width:100%; height:90px; background: #FFFFFF;box-shadow: 0px 1px 0px #E9E9E9;}
#sub-nav.fixed{position:fixed; z-index: 100}
#sub-nav .sub-nav{height:100%;}
.swiper-container.sub-nav .swiper-wrapper { justify-content: center; align-items: center;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide { width: auto; padding: 0 50px; position: relative; display: inline-block; display: flex; align-items: center;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:after{content:""; position: absolute; right:0; width:2px; height:20px; background:#E9E9E9; display: inline-block;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:last-child:after{display:none; opacity: 0;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:before{content:""; width:0; height:2px; background:#B4382E; display: block; position: absolute; left:50%; bottom:0; transform: translateX(-50%);}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide a{color:#333}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide.active a,.swiper-container.sub-nav .swiper-wrapper .swiper-slide a:hover{color:#B4382E}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide.active:before,.swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover:before{width:calc(100% - 100px);}

#sub-nav.point,#sub-nav.point a{display: flex; justify-content: center; align-items: center;}
#sub-nav.point a,#sub-nav.point a span{position: relative;}
#sub-nav.point a span{color:#333;display:inline-block; position: relative;white-space: nowrap; line-height: 20px; height:20px;}
#sub-nav.point a span:before{content:""; width:0; height:2px; background:#B4382E; display: block; position: absolute; left:0; bottom:0;margin-bottom: -35px;}
#sub-nav.point a:after{content:""; width:2px; height:20px; background:#E9E9E9; display: inline-block; margin:0 2.6vw;}
#sub-nav.point a:last-child:after{display:none;}
#sub-nav.point a.active span:before,#sub-nav.point a:hover span:before{width:100%;}
/*关于我们*/
.about1 .txt{display:flex; justify-content: space-between; padding: 78px 0 60px 0}
.about1 .txt .text h5{font-weight: 600; color:#B4382E; margin:80px 0 46px 0;}
.about1 .txt img{margin-left:3.125vw;}
.data{background: url(../images/about-data.png) no-repeat;background-size:cover; height:180px; width:100%; position: relative;}
.data i{position: absolute; background-color:#B4382E;width: 20px; height:100%; display:flex; align-items: center; justify-content: center; padding: 0 45px;}
.data i span{font-size: 16px; font-weight: 600; color:#fff; letter-spacing: 2px;}
.data i span.en{transform: rotate(90deg);}
.data .data-num{display:flex; justify-content: space-around; align-items: center; height:100%; color:#fff; padding-left: 90px;}
.data .data-num .p0{ opacity: 0.6; text-transform: uppercase;}
.data .data-num .p1{ margin: 22px 0 7px 0;}
.data .data-num .p2{}
.about1 .data .data-num li{position:relative;}
.about1 .data .data-num em{display:inline-block; width:1px; height:96px;right:0; top:0; background:rgba(255,255,255,0.1);}
.about2{padding-top:80px;}
.honor-pic-wrap{position:relative;padding:50px 0;}
.honor-pic-wrap .swiper-btn{top:0; right:0; margin-top: -50px;}
.honor-pic-wrap .prev.swiper-btn{left:auto; right:50px;}
.honor-pic .images{padding-top:125%;}
.honor-pic .swiper-slide p{text-align: center; color:#000; padding-top: 30px;}
.about3{padding-top:80px;}
.list.style-list{ margin-top: 60px;}
.list.style-list .list-ul{margin-right:0; margin-bottom:0; position:relative; padding-left: 38.125%; display: flex; flex-flow: row wrap; justify-content: flex-end}
.list.style-list .list-li{width:calc(33.333% - 20px); margin-right:0; margin-bottom:20px; margin-left: 20px;}
.list.style-list .images{padding-top: 82.25%}
.list.style-list .list-li.first{width: 38.125%; position: absolute;left:0; top:0; margin-left: 0;}
.list.style-list .list-li.first .images{padding-top: 86.88%}
/*产品中心*/
.list.products-list{margin-top:110px;}
.list.products-list .list-ul{}
.list.products-list .list-li{ width: 22.5%;}
.list.products-list .list-li a:after{content:""; display:block; position: absolute; z-index: 1; width:100%; height:100%; left:0; top:0; right:0; bottom:0;border: 1px solid #EDEDED;}
.list.products-list .list-li .images{padding-top:71%;border-radius: 0;}
.list.products-list .list-li .images img{object-fit:contain;}
.list.products-list .list-txt{display:flex; justify-content: space-between; align-items: center; padding: 30px;border-top: 1px solid #EDEDED;}
.list.products-list .list-txt .type{ color:#B4382E; font-weight: 600;}
/*产品详细*/
#product-detailed header{box-shadow: 0px 1px 0px #E9E9E9; background: #fff}
#product-detailed header #logo .logo{background-image: url(../images/logo.png);}
#product-detailed header .nav a{color:#000}
#product-detailed header .nav .mainlevel a.active{color: #B4382E}
#product-detailed header .nav .mainlevel a:after{background: #B4382E}

.product-detailed{margin-top:200px; display:flex; justify-content: space-between;}
.product-detailed .pro-img{width: 50%; height:560px; overflow: hidden; display: flex; justify-content: space-between}
.product-detailed .pro-img .swiper-container{ margin: 0;}
.product-detailed .pro-img .big-img img{object-fit: contain;}
.product-detailed .pro-img .small-img{width:10%;}
.product-detailed .pro-img .small-img img{ height:60px; object-fit: contain;}
.product-detailed .pro-img .small-img .video{ position:relative;}
.product-detailed .pro-img .small-img .video:before{content:""; display:block;background:url(../images/btn-play.png) no-repeat; background-size:cover; width:20px; height:20px; position:absolute; z-index: 20; left:50%; top:50%; transform: translate(-50%, -50%);}
.product-detailed .pro-img .small-img .swiper-slide{ padding: 4px; border: 1px solid #ECECEC;}
.product-detailed .pro-img .small-img .swiper-slide-thumb-active{border-color:#B4382E;}
.product-detailed .pro-img .big-img{width:85%;border: 1px solid #ECECEC; height:560px;}
.product-detailed .pro-img .big-img .swiper-slide{padding:5%;}
.product-detailed .pro-img .big-img .swiper-slide video{width: 100%; height:100%}
.product-detailed .pro-txt{width: 43%;}
.product-detailed .pro-txt h3{color:#016F31;}
.product-detailed .pro-txt h1{ color:#262626; font-weight: 600; margin: 7px 0 32px 0;}
.product-detailed .pro-txt .price{color:#B4382E; font-weight: 600;}
.product-detailed .pro-txt .price span{font-size:14px; color:#767676; font-weight: 400; margin-left: 10px;}
.product-detailed .pro-txt .color .t{ color:#39414A; margin-top: 41px; margin-bottom: 14px;}
.product-detailed .pro-txt .color p{display:inline-block; width:14px; height:14px; border-radius: 50%;margin-right:10px;}
.product-detailed .pro-txt .txt{margin-top:50px;}
.product-detailed .pro-txt .txt p{color:#39414A; margin-bottom: 14px;}
.product-detailed .pro-txt a.btn{margin-top:74px; width:232px; height:46px; text-align: center; background-color:#B4382E; font-size:16px; line-height: 46px; font-weight: 600; color:#fff;}
/*新闻*/
.list.news-list{ margin-top: 80px;}
.list.news-list .list-li{background: #FFFFFF;border: 1px solid #F8F8F8; width: 47.5%; padding: 2.1vw 0;}
.list.news-list .list-txt .date{color:#999; margin: 11px 0 15px 0;}
.list.news-list .list-li a.all{display: flex; justify-content: space-around;}
.list.news-list .images{width: 37%; padding-top:37%;}
.list.news-list .list-txt{width: 45%; padding-top: 0;}
.list.news-list .list-txt .info{margin-top:0;-webkit-line-clamp:4;}
.list.news-list .list-txt .info,.list.news-list .list-txt .info *{color:#666; line-height: 30px;}
.article{background-color:#fff; padding: 60px 0;}
.article .head{border-bottom: solid 1px rgba(153, 153, 153, 0.5); padding-bottom: 30px;}
.article .head .tool { font-size: 12px; color: #999;}
.article .head .tool img { margin: 5px 5px -2px 0; display: inline-block; }
.article .head .tool .date { margin: 0 30px 0 0; }
.article h1{font-size:24px; line-height: 2.5; color:#000; display:inline-block;}
span.salary{font-size:20px; font-weight: 600; color:#F36944; margin-left: 60px;}
.article h2{font-size:16px; color:#333;}
.article .body{padding:20px 0; min-height: 400px;}
.article .body p{font-size:16px; color:#666; line-height: 2.15; margin-bottom: 15px;}
.article .body p:last-of-type{margin-bottom: 0;}
.article .body h5{font-size:16px; color:#333;}
.article .body h5:after{content:""; display:block; width:20px; height:2px; background:#2C4562; margin: 20px 0 30px 0;}
.article .body b { font-size: 18px; color: #333; margin-bottom: 15px; }
.article .body hr { height: 1px; width: 100%; margin: 30px 0; border: 0; display: block; background: #ddd }
.article .body img { max-width: 100%; margin: 15px 0; width: auto }
.article .body table { width: 100% !important }
.article .body table td { word-wrap: break-word !important; font-size: 14px !important; padding: 10px !important; border: 0 !important; min-width: 50px; max-width: auto !important; line-height: 30px !important; vertical-align: middle !important }
.article .body table td * { word-wrap: break-word !important; font-size: 16px !important; font-weight: 400 !important; color: #111 !important; line-height: 30px !important }
/*联系*/
.contact{}
.contact #main{display:flex; justify-content:space-between; margin: 80px 0 40px 0;}
.contact-form{border: 1px solid #EDEDED; width: 47.5%;}
.contact-form .box{width:100%; padding: 40px 40px 0 40px;}
.contact-form .box ul li{margin-bottom: 40px;}
.contact-form .box ul li label{font-size: 16px;font-weight: 400;color: #1C1C1C;display: block; margin-bottom: 10px;}
.contact-form .box ul li input,.contact-form .box ul li textarea{height:48px; padding: 0 14px;width:100%; font-size: 15px; color:#333; line-height: 48px; border: 1px solid #D9D9D9;}
.contact-form .box ul li input::placeholder,.contact-form .box ul li textarea::placeholder {font-size: 14px;color: #1C1C1C; opacity: 0.6}
.contact-form .box ul li textarea{height:auto;}
.contact-form .box ul li input.submin{background:#B4382E; text-align: center; width:232px; border: 0;font-size:16px; font-weight: 300; color:#fff;cursor: pointer;}

.contact-info{width: 47.5%; padding-top: 60px;}
.contact-info .txt{margin: 40px 0 80px 0; color:#333;}
.contact-info .item{  position: relative; width: 50%; padding-left: 60px; float:left; margin-bottom: 42px;}
.contact-info .item img{display: block; position: absolute;left:0;top:0;}
.contact-info .item .t{font-weight: 600; color:#1C1C1C; margin-bottom: 11px;}
.contact-info .item p{color:#1C1C1C; line-height: 30px;}
.contact .map{ width:100%; height:500px;}
.map #gaodi-map{ width:100%; height:100%; z-index: 1;}
.map .icon { background: url(../images/mark.png) no-repeat; }
.map .icon-cir { width: 63px;height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info{width:330px;}
.amap-info-content{padding:20px 28px 20px 20px;}
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#B4382E; font-weight:600; margin-bottom: 10px;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
/*******************************
  -------[=首页------
********************************/
.index-swiper { position: relative; overflow: hidden; height: 100vh; }
.index-swiper .swiper-slide { position: relative; overflow: hidden; height: 100%; }
.banner-swiper { position: relative; overflow: hidden; height: 100vh; }
.banner-swiper .pc-banner, .banner-swiper .pho-banner { position: relative; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 2s; transform: scale3d(1.1, 1.1, 1.1); }
.banner-swiper .pho-banner { display: none }
.banner-swiper .swiper-slide-active .pc-banner, .banner-swiper .swiper-slide-active .pho-banner { transform: scale3d(1, 1, 1); }
.banner-swiper .text-pro { position: absolute; ; top: 50%; transform: translateY(-50%); left: 12.5%; width: 60%; text-align: left; color: #000; }
.banner-swiper .text-pro .tit-a { font-size: 60px; line-height: 84px; text-transform: uppercase; transition: all 0.3s }
.banner-swiper .text-pro .tit-b { font-size: 28px; line-height: 40px;  margin-top: 12px; transition: all 0.3s }
.banner-swiper .tranx { position: relative; transform: translateY(20px); opacity: 0; }
.deral1 { transition-delay: 0.1s; }
.deral2 { transition-delay: 0.2s; }
.deral3 { transition-delay: 0.3s; }
.deral4 { transition-delay: 0.4s; }
.deral5 { transition-delay: 0.5s; }
.uptrany { transform: translateY(30px); opacity: 0; filter: alpha(opacity=0); }
.index-swiper .active-on .uptrany { opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: all .8s linear; transition-delay: .1s; }
.banner-swiper .cur .tranx { transform: translateY(0); opacity: 1; }
.banner-swiper .text-pro .more-btn { display: inline-block; ; position: relative; margin-top: 1.1rem; width: 5.25rem; height: 1.4rem; line-height: 1.4rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.7rem; font-size: 0.3rem; font-family: "Arial"; padding-left: 1.25rem; color: #fff; transition: all 0.3s; }
.banner-swiper .text-pro .more-btn img { width: 0.9rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0.3rem; transition: all 0.3s; }
.banner-swiper .banner-pagination { position: absolute; left:calc(3.125% + 20px); bottom: 10%; font-size: 12px; text-align: center; z-index: 10; width: auto; }
.banner-swiper .banner-pagination span { display: inline-block; width: 80px; height: 2px; transition: all 0.3s; background-color: #000; opacity: 0.2; margin-right: 11px; }
.banner-swiper .banner-pagination span.swiper-pagination-bullet-active { background-color: #CF000D; opacity: 1; }
.banner-swiper .num-div { position: absolute;  left: 3.125%; bottom:10%; font-size: 12px; color: #fff; font-family: "Arial";line-height: 0.4rem; z-index: 10; }
.banner-swiper .text-banner-swiper { position: absolute; right: 3.125%; bottom: 10%; width: 420px; height: 56px; line-height: 56px; border: 1px solid #fff; z-index: 10; overflow: hidden; display: flex;align-items: center; justify-content: space-around}
.banner-swiper .text-banner-swiper .t{color:#fff; width:80px; position: relative;text-align: center;text-transform: uppercase;}
.banner-swiper .text-banner-swiper .t:after{content:""; display:block; position: absolute; right:0; top:50%; margin-top:-10px;width:1px; height:20px; background:#fff;}
.banner-swiper .text-banner-swiper img{width:24px; height:24px; margin-right: 15px;}
.banner-swiper .text-banner-swiper .swiper-wrapper{width: 300px;}
.banner-swiper .text-banner-swiper .swiper-wrapper a { display: block; color: #fff; width: 300px; padding: 0 15px; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; }
.banner-swiper .num-text { position: absolute; width: 15px; height: 15px; border-radius: 50%; background-color: #cf000d; text-align: center; line-height: 15px; font-size: 11px; font-weight: bold; color: #fff; bottom: calc(5% + 50px); right: calc(3.125% + 415px); z-index: 20; }
.banner-swiper .num-text:after { position: absolute; width: 25px; height: 25px; border-radius: 50%; background-color: #cf000d; opacity: 0.1; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: big1 linear 2s infinite; }
.banner-swiper .num-text:before { position: absolute; width: 20px; height: 20px; border-radius: 50%; background-color: #cf000d; opacity: 0.2; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: big2 linear 2s infinite; }
@keyframes big1 {
 0% {
 width:25px;
 height:25px;
}
 100% {
 width:0.5rem;
 height:0.5rem;
}
}
@keyframes big2 {
 0% {
 width:20px;
 height:20px;
}
 100% {
 width:25px;
 height:25px;
}
}
.banner-swiper .num-text{display:none; opacity: 0;}
.index-swiper .swiper-slide .bk-img { height: 100%; position: relative; banner-pagination: center; background-size: cover; background-repeat: no-repeat }
.index-swiper .swiper-slide .bk-wrap { position:absolute; width:100%; z-index: 2; left:0; top:0;  height: 100%;padding-top:12.24vh;}
.index-swiper .swiper-slide #page2{display:flex;}
.index-swiper .swiper-slide #page2 .left{width:39%; height:100%;}
.index-swiper .swiper-slide #page2 .txt{padding-left: 4.2vw; padding-top: 8.2vh; position: relative; height:100%;}
.index-swiper .swiper-slide #page2 .txt .text{padding-right:3.125vw; margin-bottom: -2.24vh;}
.index-swiper .swiper-slide #page2 .txt .text h5{font-weight: 600; color:#B4382E; margin: 8.1vh 0 4.7vh 0}
.index-swiper .swiper-slide #page2 .txt .text p{ margin-bottom: 2.24vh;}
.index-swiper .swiper-slide #page2 .txt .data{background: url(../images/page2-data.png) no-repeat;background-size:cover; height:18vh; position: absolute; right:0; bottom:0; }
.index-swiper .swiper-slide #page2 .txt .data i{margin-left: -90px}
.index-swiper .swiper-slide #page2 .txt .data .data-num{padding-left: 0px;}

.index-swiper .swiper-slide #page3{margin-top:72px; padding-left:3.125%; padding-right:3.125%;}
.index-swiper .swiper-slide #page3:before{content:"";position:absolute; z-index: -1; right:0; top:0; margin-top:-72px; margin-right:-3.125%; background:url(../images/page3.png) no-repeat; width: 214px; height: 501px;}
.index-swiper .swiper-slide #page3 .title{margin-bottom: 72px;}
.index-swiper .swiper-slide #page3 .title .txt{ position: absolute; left:28%; width: 55%; bottom:0; color:#999;}
.index-swiper .swiper-slide #page3 .list-ul{display:flex;margin-right: 0; margin-bottom: 0; width:100%; justify-content: space-between;}
.index-swiper .swiper-slide #page3 .list-ul:after{display:none; opacity: 0;}
.index-swiper .swiper-slide #page3 .list-li{margin: 0; width: 18%}
.index-swiper .swiper-slide #page3 .images{padding-top:100%;}
.index-swiper .swiper-slide #page3 .images img{object-fit: contain}
.index-swiper .swiper-slide #page3 .list-txt{padding-top:36px;}
.index-swiper .swiper-slide #page3 .list-txt .info{-webkit-line-clamp:2; margin-top:15px; margin-bottom:20px;}
.index-swiper .swiper-slide #page3 .list-txt .more{width:80px;}
.index-swiper .swiper-slide #page4{margin-top: 8.2vh;padding-bottom: 8.2vh; margin-left:3.125vw; margin-right:3.125vw; display:flex;}
.index-swiper .swiper-slide #page4 .left{width: 16vw; height:71.43vh; position: relative;}
.index-swiper .swiper-slide #page4 .left img{display:block; width: 100%; height:100%;}
.index-swiper .swiper-slide #page4 .left .txt{ position:absolute;left:3.125vw; right:3.125vw; width:calc(100% - 6.25vw); top:8.8vh;}
.index-swiper .swiper-slide #page4 .left .more-wrap{background-color: #B4382E; width: 100%; height:48px;margin-top:44.4vh}
.index-swiper .swiper-slide #page4 .left .more-wrap .more{width: 80px; margin: 0 auto;}
.index-swiper .swiper-slide #page4 .left .more span{color:#fff; line-height: 28px;}
.index-swiper .swiper-slide #page4 .left .more i:after{border-color:#fff}
.index-swiper .swiper-slide #page4 .right {padding-left: 4.2vw; width: 77.75vw;}
.index-swiper .swiper-slide #page4 .right .list.news-list{ margin-top: 0}
.index-swiper .swiper-slide #page4 .right .list.news-list .list-ul{margin-right:-2vw; margin-bottom: -2vw;}
.index-swiper .swiper-slide #page4 .right .list.news-list .list-li{margin-right:2vw; margin-bottom: 2vw; width: 35vw; padding: 2vw}
.index-swiper .swiper-slide #page4 .right .list.news-list .images{width: 13vw; padding-top:13vw;}
.index-swiper .swiper-slide #page4 .right .list.news-list .list-txt{width: 16vw;}
.index-swiper .swiper-slide #page4 .right .list.news-list .list-li a.all{ justify-content: space-between}
.index-swiper .swiper-slide #page4 .right .list.news-list .list-txt .info{-webkit-line-clamp:5}
.index-swiper .swiper-slide #page5 .sitemap{width: 50vw; margin:13vh auto 6.7vh auto;}
.index-swiper .swiper-slide #page5 .sitemap ul{display:flex; justify-content: space-between;}
.index-swiper .swiper-slide #page5 .sitemap li {flex:1}
.index-swiper .swiper-slide #page5 .sitemap li:last-child {flex:2}
.index-swiper .swiper-slide #page5 .sitemap h5{font-weight: 600; color:#000; margin-bottom: 5vh;}
.index-swiper .swiper-slide #page5 .sitemap p{ margin-bottom: 10px;}
.index-swiper .swiper-slide #page5 .sitemap p,.index-swiper .swiper-slide #page5 .sitemap p a{color:#39414A;}
.index-swiper .swiper-slide #page5 .sitemap p i{display:inline-block;width: 2px; height:10px; background-color:#c0c2c6; margin: 0 10px;}
.index-swiper .swiper-slide #page5 .qrcode{ width: 130px;margin: 0 auto;}
.index-swiper .swiper-slide #page5 .qrcode img{display:block;  width: 110px;height: 110px; margin: 0 auto 3px auto;}
.index-swiper .swiper-slide #page5 .qrcode p{text-align: center; color:#39414A; opacity: 0.5}
.index-swiper .swiper-slide #page5 .p{margin-top:10vh; position: relative; padding-top: 8vh;}
.index-swiper .swiper-slide #page5 .p:before{content:""; display:block; position: absolute; left:0; top:0; width:100%; height:1px; background:rgba(0,0,0,0.05);}
.index-swiper .swiper-slide #page5 .p p{text-align: center; margin-bottom: 2.55vh; color: #39414A}
.index-swiper .swiper-slide #page5 .p p a{color: #39414A}
/*******************************
  -------[=自适应------
********************************/
.body-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.mobileTel { width: 25px; height: 25px; position: absolute; z-index: 99; right: 16px; top: 16px; display: none; cursor: pointer; background: url(../images/mobileTel.png) center center no-repeat; background-size: cover; }
.top .close { width: 25px; height: 25px; position: absolute; z-index: 1001; top: 16px; right: 16px; display: none; cursor: pointer; }
.mobilemenu { width: 40px; height: 40px; padding: 8px 0 0 12px; position: absolute; z-index: 1001; right: 16px; top: 10px; display: none; cursor: pointer;background: rgba(255, 255, 255, 0.8);border: 1px solid #999999;border-radius: 50%;display: none; }
.mobilemenu b{ width: 15px; height: 2px; background-color: #222; display: block; margin: 4px 0; }
.mobilemenu b:nth-child(2) { margin-left: 5px; width: 10px; }
.mobilemenu.close {border: 0; }
.mobilemenu.close b { position: absolute; margin-top: 10px; width: 20px; background-color:#B4382E }
.mobilemenu.close b:nth-child(2) { display: none; }
.mobilemenu.close b:nth-child(1), .top .close b:nth-child(1) { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobilemenu.close b:nth-child(3), .top .close b:nth-child(2) { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width:1600px){
    .wrapper{ padding: 0 30px;}
    .list.products-list{margin-top:60px;}
    .index-swiper .swiper-slide #page2 .txt{ padding-top:4vh;}
    .index-swiper .swiper-slide #page2 .txt .text h5{margin-top:4vh; margin-bottom: 2vh;}
}
@media screen and (max-width: 1280px) { 
    .wrapper{padding:0 15px;}
    .title .secondary{margin-bottom:6px;}
    /*******************************
    -------[=字体------
    ********************************/
    .f30 { font-size:28px}
    .f28 { font-size:26px}
    .f24 { font-size:22px}
    .f22 { font-size:20px}
    .f20 { font-size:18px}
    .f18 { font-size:16px}
    .f16 { font-size:14px}
    .banner-swiper .banner-pagination span { width: 40px; }
    .index-swiper .swiper-slide #page2 .txt{padding-top:4vh;padding-left:3vw;}
    .index-swiper .swiper-slide #page2 .txt .text p{margin-bottom: 1vh;}
    .index-swiper .swiper-slide #page2 .txt .text h5{margin-top:5vh; margin-bottom: 3vh;}
    .index-swiper .swiper-slide #page4 .left .more-wrap{margin-top:40vh;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .images{padding-top: 16vw;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-txt .info{-webkit-line-clamp:4}
    .index-swiper .swiper-slide #page5 .sitemap{width: 80%}
    .index-swiper .swiper-slide #page5 .p{margin-top:8vh; padding-top: 5vh;}
    #footer{margin-top:30px;}
    #banner{height:400px;}
    .about1 .txt{padding-top:40px; padding-bottom: 30px;}
    .about1 .txt .text h5{ margin-top:40px; margin-bottom: 20px;}
    .about1 .txt img{width: 50%}
    .list.products-list{margin-top:40px;}
    .list.products-list .list-txt{display: block; padding: 15px;}
}

@media screen and (max-width: 1024px) {
    .about1 .data .data-num em,#footer .footer .left,#footer .footer .right:before{ display: none !important; opacity: 0;}
    .f16{font-size:14px;}
    .mobilemenu { display: inline-block; }
    header { height: 60px; z-index: 2; }
    #nav-right{right:66px; height:40px; width: 100px; display: flex; justify-content: flex-end;}
    .search-box .box{width:90%;}
    .search-box .from,.search-box .from .text{height:60px; line-height: 60px;border: 0;}
    #nav-right .item{width:40px; height:40px;}
    #nav { width: 70%;left:auto; right: -100%; background: #fff; position: fixed; top: 0; height: 100%; margin: 0; z-index: 101; padding-top: 80px; transform: translateY(0)}
    .header .wrapper, .nav .nav-ul{display:block;}
    #nav .nav{padding:0 20px;}
    #nav .nav .mainlevel{height:50px; border-bottom: solid 1px #ddd;}
    .nav .mainlevel a{line-height: 50px; padding: 0 16px;}
    .nav .mainlevel a:after{ margin-bottom: 0px}
    #footer .footer .right{width:100%;padding-left:0}
    .index-swiper .swiper-slide .bk-wrap{padding-top:60px;}
    .index-swiper .swiper-slide #page3 .list-ul{flex-flow: row wrap}
    .index-swiper .swiper-slide #page3 .list-li{width:45%; margin-bottom: 20px;}
    .index-swiper .swiper-slide #page3 .list-txt{padding-top:15px;}
    .index-swiper .swiper-slide #page3 .list-txt .info{margin-top:5px; margin-bottom: 5px;}
    .index-swiper .swiper-slide #page3 .images{padding-top:80%}
    .index-swiper .swiper-slide #page4 .left{width: 20vw}
    .index-swiper .swiper-slide #page4 .right{width:73.75vw}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-li{margin-right:0; width: 72vw;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-txt{width: 70%}
    #banner{height:300px;}
    #sub-nav{height:60px;}
    .swiper-container.sub-nav .swiper-wrapper{ justify-content: flex-start}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide{ padding: 0 20px;}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide.active:before,.swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover:before{width:calc(100% - 40px);}
    #sub-nav.point a span:before{margin-bottom: -20px;}
    .about1 .txt{flex-flow:row wrap;}
    .about1 .txt img{width: 100%; margin-left:0; margin-top: 20px;display: block;}
    .data .data-num{flex-flow:row wrap;}
    .honor-pic-wrap{padding-top:30px;}
    .about3{padding-top:30px;}
    .list.style-list{margin-top:30px;}
    .list.products-list .list-li{width:30.83%;}
    .product-detailed{margin-top:100px;}
    .product-detailed .pro-img{flex-flow:row wrap;height: auto;}
    .product-detailed .pro-img .big-img{width:100%;}
    .product-detailed .pro-img .small-img{width: 100%;order: 2;margin-top:20px;}
    .product-detailed .pro-img .small-img .swiper-wrapper{justify-content: space-between}
    .product-detailed .pro-img .small-img img{height:auto}
    .list.news-list{margin-top:30px; position: relative; z-index: -1;}
    .list.news-list .list-txt .info{-webkit-line-clamp:2;}
    .contact #main{margin-top:40px;}
    .contact-info{padding-top:0;}
    .contact-info .txt{margin-top:20px; margin-bottom: 20px;}
    .contact-info .item{width: 100%;}
}

@media screen and (max-width: 800px) {
    .banner-swiper .pc-banner,.text-banner-swiper,.index-swiper .swiper-slide #page2 .left,.index-swiper .swiper-slide #page2 .txt .data,.index-swiper .swiper-slide #page3 .title .txt,.index-swiper .swiper-slide #page3 .list-txt .info,.index-swiper .swiper-slide #page5 .sitemap ul li:first-child,#footer .footer .right .item:nth-child(1) { display: none !important; opacity: 0;}
    .banner-swiper .pho-banner{display: block; width: 100%; height: 100%; object-fit: cover;}
    .list .list-li{width: 47.8%; margin-bottom: 15px;}   
    #footer .footer .right .item:last-child{padding-right:120px;}
    .main-page a{margin:0 0 0 -1px}
    .index-swiper .swiper-slide #page2 .txt{padding:15px;}
    .index-swiper .swiper-slide #page3:before{width: 100px; height: 40vh; top:60px;background-size:cover;}
    .index-swiper .swiper-slide #page3 .title .txt{ left:36%; width: 45%;}
    .index-swiper .swiper-slide #page3 .images{padding-top:56.25%}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-txt .info{-webkit-line-clamp:1;}
    .index-swiper .swiper-slide #page5 .sitemap{width: 98%; margin-top: 5vh}
    .about1 .data{height:auto;}
    .about1 .data .data-num{height:auto; padding-top: 30px; padding-bottom: 30px; padding-left: 140px; justify-content:flex-start;}
    .about1 .data .data-num li{width: 33.33%; margin-bottom: 30px;}
    .about1 .data .data-num .p1{margin-top:10px; margin-bottom: 5px;}
    .list.style-list .list-ul{display: block; padding-left: 0; margin-right: -3%; margin-bottom: -3%;}
    .list.style-list .list-li.first,.list.style-list .list-li{width:47%;margin-right:3%; margin-bottom: 3%; margin-left: 0;}
    .list.style-list .list-li.first{position: relative;}
    .list.style-list .list-li.first .images,.list.style-list .images{padding-top:75%;}
    .product-detailed .pro-txt h1{ margin-bottom: 15px;}
    .product-detailed .pro-txt .txt{margin-top:20px;}
    .product-detailed .pro-txt a.btn{margin-top:30px;}
    .list.products-list .list-li{width:47.5%}
    .list.news-list .list-ul{ margin-right:0;}
    .list.news-list .list-li{width:100%; margin-right:0; padding-top: 0; padding-bottom: 0; margin-bottom: 30px;}
    .list.news-list .list-li a.all{justify-content: space-between}
    .list.news-list .list-txt{width: 55%;}
    .list.news-list .images{padding-top:20%; width: 40%;}
    .contact #main{flex-flow:row wrap;}
    .contact-form,.contact-info{width: 100%;}
    .contact-info .item{width:50%;}
    .contact-form{order:2;}
    .contact-form .box{padding:20px 20px 0 20px;}
    .contact-form .box ul li{ margin-bottom: 10px;}
}

@media screen and (max-width: 600px) {
    #footer .footer .right .item:first-child,#footer .footer .right .item:nth-child(2),#footer .footer .right .item:nth-child(3) { display: none !important; opacity: 0;}
    .f30 { font-size:28px}
    .f28 { font-size:26px}
    .f24 { font-size:22px}
    .f22 { font-size:20px}
    .f20 { font-size:18px}
    .f18 { font-size:16px}
    .list.products-list .list-ul{margin-right: -5%; margin-bottom: -5%;}
    .list.products-list .list-li{width: 45%; margin-right: 5%; margin-bottom: 5%;}
    #footer .copyright{display:block; padding-top: 15px; padding-bottom: 15px;}
    #footer .copyright p{text-align:center;line-height: 1.8;}
    .index-swiper .swiper-slide #page4{margin-top:4vh}
    .about1 .data .data-num{padding-left:110px;}
    .product-detailed{display: block;}
    .product-detailed .pro-img,.product-detailed .pro-txt{width:100%;}
    .product-detailed .pro-txt{padding-top: 30px;}
    .product-detailed .pro-txt a.btn{width: 100%;max-width: 100%;}
    .article{padding-top:30px; padding-bottom:30px;}
    .article .body{min-height:auto;}
}

@media screen and (max-width: 480px) {    
    .main-page a span,.index-swiper .swiper-slide #page4 .left,#footer .footer .right .item:nth-child(3){display: none !important; opacity: 0;}    
    .index-swiper .swiper-slide #page4 .right{width:100vw; padding: 15px;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .images{width: 20%; padding-top: 20vw;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-li{width: 100%; margin-bottom: 5vw;}
    .index-swiper .swiper-slide #page4 .right .list.news-list .list-txt{padding-right:16px;}
    .main-page .prev .icon.iconfont{margin-right:0;}
    .main-page .next .icon.iconfont{margin-left:0;}
    .about1 .data .data-num li{width:50%;}
    .contact-info .item{width:100%;}
}