/* 
(0 0)
+=====oOO====(_)=========+
|   Powered By Anxin     |
|   Tel: 0572-5220701    |
|   Creation:2022.02.14  | 
|   time:         13.54  | 
+=================oOO====+
|__|__|
|| ||
ooO Ooo
*/
body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, s, td, textarea, th, ul { margin: 0; padding: 0; list-style: none }
body { font-family: Microsoft YaHei, sans-serif; font-weight: 400; overflow-x: hidden }
body, html { 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 }
.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 }
.fl, .fr { display: inline }
.fr { float: right }
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; }
::selection { background: #ddd; color: #111 }
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, .25); border: 2px solid transparent; border-radius: 10px; background-clip: padding-box }
::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, .5) }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, .05) }
* { box-sizing: border-box }
input { border: 0 }
input::placeholder { opacity: .5 }
input:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; border-top: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 40px }
.tipMain, .tipMain .close { height: 40px; text-align: center }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; color: red; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
a { text-decoration: none; }
/*超出的文字省略，要定义宽度*/
span.spanleft, .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, header *, #footer *, .wrapper, #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);*/ }
/*页面*/
body { background-color: #F2F2F2; }
.wrapper { position: relative; margin: 0 auto; }
.text { padding: 0; }
.text, .text * { color: #333; font-size: 14px; line-height: 28px; word-wrap: break-word; }
.text p { margin-bottom: 10px; }
.text p:last-child { margin-bottom: 0; }
.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-top: 50px; padding-bottom: 50px; }
.title .main, .title .secondary { display: block; font-weight: 400; text-transform: capitalize; }
.title .main { color: #333; font-size: 36px; }
.title .main:first-child:after { content: ""; display: inline-block; background: url(../images/title-after.png) no-repeat; width: 13px; height: 26px; margin-left: 8px; }
.title .secondary { color: #999; font-size: 14px; margin-top: 9px; }
.title.center .main, .title.center .secondary { text-align: center; }
/*更多*/
.more { position: relative; width: 100%; display: flex; justify-content: center; }
.more a { width: 160px; height: 40px; background-color: #008077; position: relative; display: flex; justify-content: center; align-content: center; align-items: center; }
.more a:after { content: ""; display: block; position: absolute; width: 0; height: 100%; background: rgba(0, 0, 0, 0.1); left: 0; top: 0; }
.more span { position: relative; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: 1px; text-transform: uppercase; display: block; text-align: center; }
.more a:hover:after { width: 100%; }
.more.white a { background: rgba(255, 255, 255, 0.3); }
.more-inline { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #1E2088; display: flex; justify-content: center; align-items: center; position: relative; width: 90px; }
.more-inline:after { content: ""; margin-left: 8px; width: 6px; height: 6px; border-right: 1.5px solid #1E2088; border-bottom: 1.5px solid #1E2088; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; }
.more-inline:before { content: ""; display: inline-block; width: 0; height: 1px; background: #1E2088; position: absolute; left: 0; bottom: 0; margin-bottom: -8px; }
.more-inline:hover:before { width: 100%; }
.title .more-inline { position: absolute; right: 0; bottom: 9px }
/*箭头*/
.arrow { display: inline-block; position: relative; width: 16px; height: 20px; outline: none }
.arrow a { display: block; width: 100%; height: 100%; position: relative; z-index: 2 }
.arrow:before, .arrow:after { content: ""; position: absolute; display: block; }
.arrow:before { width: 15px; border-top: 1.5px solid #1E2088; left: 0; top: 9px; }
.arrow:after { position: absolute; right: 1px; top: 5px; display: block; width: 8px; height: 8px; border-right: 1.5px solid #1E2088; border-bottom: 1.5px solid #1E2088; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; }
#spotlight .arrow:before, #spotlight .arrow:after { 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:before { content: ""; margin-top: 20px; margin-left: 15px; display: block; width: 15px; height: 15px; border-right: 3px solid #fff; border-top: 3px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: #008077; 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; }
.f32 { font-size: 32px }
.f30 { font-size: 30px }
.f28 { font-size: 28px }
.f26 { font-size: 26px }
.f24 { font-size: 24px }
.f22 { font-size: 22px }
.f20 { font-size: 20px }
.f18 { font-size: 18px }
.f16 { font-size: 16px }
.f15 { font-size: 15px }
.f12 { font-size: 12px }
@font-face { font-family: 'mblsj'; font-style: normal; font-weight: 100; src: url('../images/mblsj.eot'); src: url('../images/mblsj.eot?#iefix') format('embedded-opentype'), url('../images/mblsj.woff') format('woff'), url('../images/mblsj.ttf') format('truetype'), url('../images/mblsj.svg#chantilly_lightregular') format('svg'); ; font-weight: normal; font-style: normal }
.font-mblsj { font-family: "mblsj" !important; font-weight: 300 }
/*******************************
-------[=图片切换-------
********************************/
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-pagination-bullet { opacity: 1; border-radius: 2px; }
.swiper-pagination-bullet-active { background-color: #4A87CB }
.swiper-btn { display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, 1); text-align: center; cursor: pointer; position: absolute; top: 50%; border-radius: 50%; margin-top: -20px; }
.swiper-btn.swiper-button-disabled { opacity: 0.5; }
.swiper-btn:before, .swiper-btn:after { content: ""; position: absolute; }
.swiper-btn:before { display: block; width: 10px; height: 10px; border-right: 1.5px solid #000; border-top: 1.5px solid #000; pointer-events: auto; left: 50%; top: 50%; }
.swiper-btn:after { background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; }
.swiper-btn:hover:after { transform: scale(1.5); }
.prev.swiper-btn { left: 5%; }
.prev.swiper-btn:before { transform: translate(-40%, -50%) rotate(-135deg); }
.next.swiper-btn { right: 5%; }
.next.swiper-btn:before { transform: translate(-80%, -50%)  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; position: relative; z-index: 1; }
.list .list-ul { margin-right: -40px; margin-bottom: -40px; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin-right: 40px; margin-bottom: 40px; 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-top: 12px; padding-bottom: 12px; }
.list-txt .name { color: #333; font-size: 18px; font-weight: 600; text-align: center; }
.list-txt .info { -webkit-line-clamp: 1; margin-top: 8px; }
.list-txt .info, .list .list-txt .info * { color: #999; line-height: 2.14 !important; }
.list-txt .pro-info { display: flex; margin-top: 14px; color: #999; justify-content: center; align-items: center; flex-flow: row wrap; }
.list-txt .pro-info span:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #f0f0f0; margin: 0 12px; }
.list-txt .pro-info span:last-child:after { display: none; }
.list .all { display: block; position: relative; z-index: 2 }
.list.list-border .list-li:after { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #EFEFEF; }
.list .list-li:hover .list-txt .name { color: #008077 }
/*******************************
-------[=页码-------
********************************/
.main-page { width: auto; height: 100px; padding-top: 30px; padding-bottom: 30px; text-transform: capitalize; display: flex; justify-content: center; font-size: 12px; }
.main-page .page, .main-page .jump { display: flex; align-items: center; }
.main-page a { border: 1px solid #EEEEEE; line-height: 28px; min-width: 30px; text-align: center; height: 30px; margin: 0 5px; color: #555; border-radius: 3px; position: relative; display: flex; justify-content: center; align-items: center; }
.main-page a.active, .main-page a:hover { border-color: #008077; background-color: #008077; color: #fff; }
.main-page a.active .icon, .main-page a:hover .icon { border-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 { display: block; width: 8px; height: 8px; border-right: 1px solid #555; border-top: 1px solid #555; pointer-events: auto; }
.main-page .prev, .main-page .next { min-width: 80px; justify-content: space-between; padding-left: 12px; padding-right: 10px; }
.main-page .prev .icon { transform: rotate(-135deg); }
.main-page .next .icon { transform: rotate(45deg); }
.main-page .jump { margin-left: 25px; }
.main-page .jump span { color: #666; }
.main-page .jump .form-control { width: 40px; height: 30px; padding: 0; text-align: center; margin: 0 7px; border: solid 1px #ddd; border-radius: 3px; }
.main-page .jump .btn { width: 58px; height: 30px; background: #FFFFFF; border: 1px solid #008077; border-radius: 1px; text-align: center; color: #008077; margin-left: 10px; cursor: pointer; }
/*******************************
-------[=页面底部------
********************************/
#footer { background: #222222; }
#footer a { color: #fff; opacity: 0.7 }
#footer a:hover { opacity: 1; }
#footer .footer-nav, #footer .footer, #footer .copyright, #footer .footer>div { display: flex; flex-flow: row wrap; }
#footer .footer-nav, #footer .footer, #footer .copyright { justify-content: space-between; }
#footer .footer-nav, #footer .footer { border-bottom: solid 1px rgba(216, 216, 216, 0.2); }
#footer .footer-nav, #footer .footer { padding-top: 50px; padding-bottom: 50px; }
#footer .footer-nav .logo { background: url(../images/logo-white.png) left center no-repeat; background-size: contain; width: 140px; height: 60px; margin-bottom: -30px; margin-top: -5px; }
#footer .footer-nav .a { text-align: right; white-space: nowrap; line-height: 50px; }
#footer .footer-nav .a a { margin-left: 60px; font-size: 18px; }
#footer .footer { align-items: flex-start; }
#footer .footer .qrcode { margin-right: 30px; }
#footer .footer .qrcode img { width: 140px; height: 140px; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; }
#footer .footer .qrcode p { color: #fff; opacity: 0.7; text-align: center; margin-top: 14px; }
#footer .footer .right .item { margin-left: 100px; }
#footer .footer .right .item h6 { font-size: 16px; margin-bottom: 15px; color: #fff; }
#footer .footer .right .item p { line-height: 30px; }
#footer .footer .right .item:last-child p { color: #fff; opacity: 0.7 }
#footer .copyright { padding-top: 32px; padding-bottom: 32px; }
#footer .copyright p { color: #fff; opacity: 0.7 }
/*******************************
-------[=六大工艺------
********************************/
.baicha-step { position: relative; overflow: hidden; background: url(../images/baicha-step-bg.jpg) center center no-repeat; background-size: cover; }
.baicha-step .gallery-thumbs { position: absolute; z-index: 6; top: 10%; left: 14%; height: 80%; width: 72%; overflow: visible; }
.baicha-step .gallery-thumbs .swiper-slide { cursor: pointer; height: auto; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(1) { position: absolute; left: 0; top: 0; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(2) { position: absolute; left: 0; top: 38%; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(3) { position: absolute; left: 0; bottom: 0; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(4) { position: absolute; right: 0; bottom: 0; text-align: right; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(5) { position: absolute; right: 0; top: 38%; text-align: right; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(6) { position: absolute; right: 0; top: 0; text-align: right; }
.baicha-step .gallery-thumbs .swiper-slide em { display: block; width: 100%; height: 25px; margin-bottom: 16px; position: relative; display: flex; justify-content: flex-start }
.baicha-step .gallery-thumbs .swiper-slide em img { display: block; width: auto; height: auto; }
.baicha-step .gallery-thumbs .swiper-slide em img:nth-of-type(1) { display: block; }
.baicha-step .gallery-thumbs .swiper-slide em img:nth-of-type(2) { display: none; }
.baicha-step .gallery-thumbs .swiper-slide h6 { display: inline-block; font-size: 24px; font-weight: 600; margin-left: -34px; color: #fff; padding: 0 0 0 34px; background-image: url(../images/spot.png); background-repeat: no-repeat; background-position: left center; position: relative; transition: 0.5s; -webkit-transition: 0.5s; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(4) h6, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(5) h6, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(6) h6 { margin-right: -34px; padding: 0 34px 0 0; background-position: right center; }
.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(4) em, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(5) em, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(6) em { justify-content: flex-end }
.baicha-step .gallery-thumbs .swiper-slide p { color: #fff; font-size: 14px; line-height: 1.7; opacity: 0.6 }
.baicha-step .gallery-thumbs .swiper-slide-thumb-active h6 { background-image: url(../images/spot-active.png); color: #00c5b8; }
.baicha-step .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(1) { display: none; }
.baicha-step .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(2) { display: block; }
.baicha-step .gallery-thumbs .swiper-slide-thumb-active p { opacity: 1 }
.baicha-step .gallery-top { }
.baicha-step .gallery-top .swiper-slide { transition-duration: 1.5s !important; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.baicha-step .gallery-top .swiper-slide-active { }
.baicha-step .gallery-top .swiper-slide img { width: 100%; vertical-align: top; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; }
.baicha-step .gallery-top .swiper-slide-active img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.baicha-step .gallery-top .swiper-slide .m_div { display: none; position: absolute; width: 90%; top: 8%; left: 5%; text-align: center; }
.baicha-step .gallery-top .swiper-slide .m_div span { font-size: 26px; vertical-align: middle; color: #fff; margin-left: 0.10rem; }
.baicha-step .gallery-top .swiper-slide .m_div p { font-size: 18px; margin-top: 10px; color: #fff; line-height: 1.6; }
.baicha-step .yq_dl { width: 40%; padding-bottom: 40%; position: absolute; z-index: 4; top: 6%; left: 30%; box-sizing: border-box; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); }
.baicha-step .hide::after { opacity: 0; }
.baicha-step .yq_dl .dd3 { position: absolute; width: 100%; height: 100%; }
.baicha-step .yq_dl .dd3 i { position: absolute; transition: 5.5s; -webkit-transition: 5.5s; }
.baicha-step .yq_dl .dd3 i.i1 { width: 17.27%; height: 0; background: url(../images/xd_dd-1.png) no-repeat; background-size: cover; top: 12.58%; left: -2px; }
.baicha-step .yq_dl .dd3 i.i2 { width: 17.14%; height: 0%; background: url(../images/xd_dd-2.png) no-repeat; background-size: cover; top: 50.17%; left: -2px; }
.baicha-step .yq_dl .dd3 i.i3 { width: 0; height: 12.6%; background: url(../images/xd_dd-3.png) no-repeat; background-size: cover; bottom: -2px; left: 17.79%; }
.baicha-step .yq_dl .dd3 i.i4 { width: 16.88%; height: 0; background: url(../images/xd_dd-4.png) left bottom no-repeat; background-size: cover; left: 83.38%; bottom: 13.12%; }
.baicha-step .yq_dl .dd3 i.i5 { width: 17.27%; height: 0; background: url(../images/xd_dd-5.png) left bottom no-repeat; background-size: cover; bottom: 51.28%; right: -2px }
.baicha-step .yq_dl .dd3 i.i6 { width: 0%; height: 12.08%; background: url(../images/xd_dd-6.png) right bottom no-repeat; background-size: cover; top: 0; right: 17.75%; }
.baicha-step .yq_dl .dd3 i.i1.active { height: 36.1%; }
.baicha-step .yq_dl .dd3 i.i2.active { height: 37.1%; }
.baicha-step .yq_dl .dd3 i.i3.active { width: 65.19%; }
.baicha-step .yq_dl .dd3 i.i4.active { height: 36.1%; }
.baicha-step .yq_dl .dd3 i.i5.active { height: 36.26%; }
.baicha-step .yq_dl .dd3 i.i6.active { width: 64.29%; }
.baicha-step .yq_dl .swiper-pagination { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: none; }
.baicha-step .yq_dl .swiper-pagination span { position: absolute; outline: none; width: 14px; height: 14px; background: url(../images/spot.png) no-repeat; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(1) { left: 16.36%; top: 11.43%; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(2) { left: 0; top: 48.66%; margin-left: -7px; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(3) { left: 16.36%; bottom: 11.43%; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(4) { right: 16.36%; bottom: 11.43%; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(5) { right: 0; top: 48.66%; margin-right: -7px; }
.baicha-step .yq_dl .swiper-pagination span:nth-of-type(6) { right: 16.36%; top: 11.43%; }
.baicha-step .yq_dl .swiper-pagination .swiper-pagination-bullet-active { background: url(../images/spot-active.png) no-repeat; }
.baicha-step .yq_dl dd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.baicha-step .yq_dl dd.dd1 { width: 130%; height: 130%; border-radius: 50%; border: 1px solid #fff; opacity: 0.2 }
.baicha-step .yq_dl dd.dd2 { width: 160%; height: 160%; border-radius: 50%; border: 1px solid #fff; opacity: 0.1 }
@media screen and (max-width:1440px) {
	.baicha-step .gallery-thumbs { left: 5%; top: 5%; width: 90%; height: 90%; }
}
@media screen and (max-width:1200px) {
	.baicha-step .gallery-top .swiper-slide .m_div { display: block; }
	.baicha-step .gallery-thumbs { position: relative; height: auto; width: 100%; left: 0; transform: none; }
	.baicha-step .gallery-thumbs .swiper-wrapper { flex-wrap: wrap; }
	.baicha-step .gallery-thumbs .swiper-slide { position: static !important; text-align: center !important; height: auto; padding: 14px 0; }
	.baicha-step .gallery-thumbs .swiper-slide p { display: none; }
	.baicha-step .yq_dl .swiper-pagination span, .baicha-step .yq_dl .dd3 i { display: none; }
	.baicha-step .gallery-thumbs .swiper-slide em, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(4) em, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(5) em, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(6) em { justify-content: center }
	.baicha-step .gallery-thumbs .swiper-slide h6 { background: none; padding: 0; margin: 0; width: 100%; text-align: center; }
	.baicha-step .gallery-thumbs .swiper-slide:nth-of-type(4) h6, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(5) h6, .baicha-step .gallery-thumbs .swiper-slide:nth-of-type(6) h6 { padding: 0; margin: 0 }
	.baicha-step .gallery-top .swiper-slide .m_div { top: 0; margin-top: -65px; }
	.baicha-step .gallery-top { padding-top: 100px }
	.baicha-step .yq_dl { top: calc(6% + 90px); }
}
@media screen and (max-width:800px) {
	.baicha-step .gallery-top .swiper-slide .m_div { top: 0; margin-top: -140px; }
	.baicha-step .gallery-top { padding-top: 200px }
	.baicha-step .yq_dl { top: 240px; }
	.baicha-step .yq_dl { width: 330px; padding-bottom: 330px; left: 50%; margin-left: -165px; }
	.baicha-step .gallery-top .swiper-slide img { height: 400px; }
}
/*******************************
-------[=页面------
********************************/
header, #header { width: 100%; }
#header .wrapper, .nav, .nav .nav-ul, .nav .mainlevel, header.fixed #header, .lang { height: 100%; }
#top, #header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
.wrapper { max-width: 1400px; width: 100% }
header { position: fixed; z-index: 100; left: 0; top: 0; }
#header { background: #fff; height: 100px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
#logo { width: 200px; height: 60px; }
.logo, .logo a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.logo a { height: 100%; background-image: url(../images/logo.png); background-position: left center; background-repeat: no-repeat; background-size: contain; }
#nav, .nav .nav-ul { height: 100%; }
#nav { }
.nav .nav-ul { flex-flow: row wrap; width: 100%; }
.nav .mainlevel { z-index: 10; display: flex; align-items: center; justify-content: center; margin: 0 30px; }
.nav .mainlevel a { color: #333; text-decoration: none; font-size: 18px; font-weight: 400; display: block; position: relative; z-index: 2; text-transform: uppercase; }
.nav .mainlevel.active a, .nav .mainlevel a:hover { color: #008077 }
.nav .mainlevel .menu-item { position: absolute; width: 100%; top: 100%; left: 0; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; display: none; }
.swiper-container.swiper-nav { height: 100%; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide { width: auto; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide img { height: 150px; width: 270px; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide p { font-size: 16px; color: #333; margin-top: 15px; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:hover p { color: #008077; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:after { content: ""; display: block; width: 0; height: 2px; background: #008077; margin-top: 10px; }
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:hover:after { width: 100%; }
#menu-item-bg { position: fixed; z-index: 9; left: 0; top: 100px; width: 100%; height: 240px; background: #fff; display: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
header.fixed { height: 60px; }
header.fixed #logo { height: 45px; }
header.fixed #header { background: #fff; }
header.fixed .nav .mainlevel a { font-size: 16px; }
header.fixed .nav .mainlevel:after { margin-bottom: -20px; }
header.fixed #menu-item-bg { top: 60px; }
#banner { display: block; width: 100%; height: 640px; overflow: hidden; position: relative; margin-top: 72px; }
#banner img { display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#banner .wrapper { position: absolute; top: 0; left: 50%; margin-left: -700px; height: 100%; display: flex; align-items: center; }
#banner .wrapper h1 { font-size: 50px; color: #fff; margin-bottom: 16px; }
#banner .wrapper .place { font-size: 18px; color: #fff; display: flex; align-items: center; text-transform: uppercase; }
#banner .wrapper .place a { color: #fff; font-size: 18px; opacity: 0.65 }
#banner .wrapper .place a:after { content: "/"; color: #fff; opacity: 0.45; margin: 0 8px; }
#main { background-color: #fff; }
/*视频*/
a.play-btn { display: block; position: absolute; z-index: 3; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); border-radius: 50%; left: 50%; top: 50%; margin: -30px 0 0 -30px; }
a.play-btn:before { content: ""; background: url(../images/btn-play.png) center center no-repeat; display: block; width: 16px; height: 18px; margin: 17px 15px 17px 19px; }
.video-mask { position: fixed; z-index: 10000; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: none; }
.video-wrap { position: fixed; z-index: 10001; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; transform: scale(0, 0); transition: all 0.5s ease }
.video-wrap.show { transform: scale(1, 1); display: block; }
.video-wrap video { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 95vw; max-height: 75vh; border-radius: 10px; display: none; }
.video-wrap .video-off { position: fixed; 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%; }
.video-off:before, .video-off:after { content: ""; display: block; width: 25px; height: 2px; background: #fff; position: absolute; top: 45%; }
.video-off:before { transform: rotate(45deg); }
.video-off:after { transform: rotate(-45deg); }
/*茗盛远*/
#sub-nav { width: 100%; height: 62px; border-bottom: solid 1px #eee; background: #fff; }
#sub-nav.fixed { position: fixed; z-index: 101 }
#sub-nav .wrapper, #sub-nav .sub-nav, #sub-nav .sub-nav .col { height: 100%; }
#sub-nav .sub-nav, #sub-nav .sub-nav .col { display: flex; }
#sub-nav .sub-nav .col { flex: 1; text-align: center; align-items: center; justify-content: center; font-size: 18px; color: #333; cursor: pointer; }
#sub-nav .sub-nav .col.active { background-color: #008077; color: #fff; }
#msy .msy { padding-top: 62px; }
#msy .msy .title { padding-top: 0; }
#msy #msy1 { background: url(../images/msy1.jpg) center center no-repeat; background-size: cover; }
.msy1 { display: flex; flex-flow: row wrap; align-items: stretch; padding-bottom: 90px; }
.msy1 img { width: 52%; height: 532px; }
.msy1 .txt { width: 48%; padding-right: 53px; }
.msy1 .txt h6 { font-size: 24px; font-weight: 600; color: #008077; margin-bottom: 20px; }
.msy1 .txt .text p { text-indent: 2em; }
#msy #msy2 { padding-bottom: 65px; }
.msy2 .tab_dl dd>div { display: none; font-size: 14px; line-height: 1.8; color: #999999; text-align: justify; }
.msy2 .tab_dl dd>div:nth-of-type(1) { display: block; }
.msy2 { display: flex; flex-flow: row wrap; }
.msy2 .msy2-left { width: 60%; }
.msy2 .msy2-left .col { width: 100%; padding-top: 56%; height: 0; position: relative; }
.msy2 .msy2-left .col img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; ; }
.msy2 .msy2-right { width: 40%; padding-left: 50px; display: flex; align-content: space-between; flex-flow: row wrap; }
.msy2 .msy2-right .tab_dl { width: 100%; }
.msy2 .msy2-right .tab_dl dt { display: flex; width: 100%; border-bottom: solid 1px #008077; }
.msy2 .msy2-right .tab_dl dt span { flex: 1; cursor: pointer; text-align: center; font-size: 18px; color: #999; line-height: 46px; }
.msy2 .msy2-right .tab_dl dt span.active { background: #008077; color: #fff; border-radius: 10px 10px 0 0; }
.msy2 .msy2-right .tab_dl dd { padding-top: 30px; }
.msy2 .msy2-right .tab_dl dd p { line-height: 1.8; color: #999; margin-bottom: 12px; }
.msy2 .msy2-right .msy2-img { width: 100%; }
.msy2 .msy2-right .msy2-img>div { display: none; }
.msy2 .msy2-right .msy2-img>div:nth-of-type(1) { display: flex; }
.msy2 .msy2-right .msy2-img .img-list { width: 100%; display: flex; justify-content: space-between; align-content: space-between; flex-flow: row wrap; }
.msy2 .msy2-right .msy2-img .img-list .images { width: 30%; padding-top: 18%; margin-top: 20px; }
#msy #msy3 { background-color: #fff; padding-bottom: 60px; }
.msy3 .swiper-wrapper { }
.msy3 .swiper-slide { }
.msy3 .msy3-card { width: 100%; height: 420px; background: url(../images/msy3-card.png) left top no-repeat; padding-left: 23px; padding-right: 13px; display: flex; flex-flow: row wrap; align-items: flex-end; align-content: flex-end; border-bottom: 1px dashed #eee; position: relative; }
.msy3 .msy3-card:before, .msy3 .msy3-card:after { content: ""; display: block; position: absolute; left: 5px; width: 2px; }
.msy3 .msy3-card:before { height: 20px; background: #999; bottom: 0; }
.msy3 .msy3-card:after { height: 11px; background: #fff; bottom: 20px; }
.msy3 .msy3-card .txt { margin-bottom: 33px; }
.msy3 .msy3-card .txt h6 { font-size: 24px; color: #333; margin-bottom: 14px; }
.msy3 .msy3-card .txt p { font-size: 16px; line-height: 1.75; color: #666; }
.msy3 .swiper-slide .year { margin-top: 20px; font-size: 18px; color: #333; }
.msy3 .images { padding-top: 70%; margin-bottom: 42px; background: #F1F1F1 }
.msy3 .swiper-btn:after { display: none; }
.msy3 .swiper-btn { background: none; top: auto; bottom: 25%; }
.msy3 .swiper-btn:before { border-right: 3px solid #666; border-top: 3px solid #666; width: 40px; height: 40px; }
.msy3 .prev.swiper-btn { left: 0; margin-left: -80px; }
.msy3 .next.swiper-btn { right: 0; margin-right: -120px; }
#msy #msy4 { background-color: #fff; padding-bottom: 60px; }
.list.honor-list .list-ul { margin-right: 0; margin-bottom: -50px; }
.list.honor-list .list-li { width: 20%; margin-right: 0; margin-bottom: 50px; }
.list.honor-list .images { padding-top: 100%; }
.list.honor-list .images img { object-fit: contain; }
/*新闻*/
.list.news-list { min-height: 400px; padding-top: 60px; }
.list.news-list .list-li { width: calc(25% - 30px); margin-right: 30px; margin-bottom: 30px; }
.list.news-list .images { padding-top: 68%; background: url(../images/nopic.jpg) center center no-repeat; background-size: cover; }
.list.news-list .list-txt { padding-top: 28px; padding-bottom: 21px; border-bottom: solid 1px #D8D8D8; background-color: #fff; }
.list.news-list .list-txt .name { text-align: left; font-size: 16px; font-weight: 400; color: #333; line-height: 30px; letter-spacing: 0.3px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; }
.list.news-list .list-txt .news-info { display: flex; width: 100%; justify-content: space-between; color: #999; }
.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 .date { margin-left: 30px; }
#main .list.news-list .list-txt .name { margin-bottom: 17px; }
.article h1 { font-size: 24px; line-height: 1.5; color: #000; display: inline-block; padding: 20px 0; }
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 0 0; min-height: 400px; }
.article .body p { font-size: 16px; color: #666; line-height: 2; 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 }
.article .footer { width: 100%; display: flex; justify-content: space-between; align-items: center; border-top: solid 1px #ddd; margin-top: 40px; padding-top: 30px; }
.article .footer .left .p { font-size: 16px; margin-bottom: 10px; color: #999; }
.article .footer .left .p a { color: #333; }
/*源头*/
.source { padding-bottom: 90px; }
.source .col { width: 100%; position: relative; }
.source .col img { display: block; width: 100%; }
/*产品中心*/
#banner.products-banner { margin-top: 0; height: auto; }
#banner.products-banner img { height: auto; }
#banner.products-banner .wrapper { justify-content: space-between; flex-flow: row wrap; }
#banner.products-banner .wrapper .txt h1 { display: flex; align-items: center; flex-flow: row wrap; }
#banner.products-banner .wrapper .txt h1 img { width: 88px; height: 72px; }
#banner.products-banner .wrapper .txt h1 span { font-size: 100px; color: #00897D; margin-left: 10px; }
#banner.products-banner .wrapper .txt p { font-size: 16px; line-height: 1.75; color: #666; text-align: center; }
#banner.products-banner .wrapper img.banner-pro { width: auto; height: auto; }
.products .list { padding-bottom: 60px; }
.products .list .list-li { width: calc(33% - 40px); }
.pro-img .images, .products .list .list-li .images { padding-top: 68.18%; border-radius: 0; background: #F0F0F0; display: flex; align-items: center; }
.pro-img .images img, .products .list .list-li .images img { object-fit: contain; width: auto; height: auto; max-width: calc(100% - 80px); max-height: calc(100% - 64px); top: 50%; left: 50%; transform: translate(-50%, -50%); mix-blend-mode: multiply; }
.pro-img .swiper-slide:hover .images img, .products .list .list-li:hover .images img { transform: translate(-50%, -50%) scale(1.1); }
.products .list .list-txt { padding-top: 14px; padding-bottom: 14px; }
/*加盟*/
.joinin1, .joinin2 { display: flex; flex-flow: row wrap; justify-content: space-between; }
.joinin1 { padding-top: 95px; margin-bottom: 45px; }
.joinin1 .t { width: 100%; text-align: center; font-size: 30px; font-weight: 600; color: #333; margin-bottom: 63px; }
.joinin1 .t img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 33px; }
.joinin1 .item { width: 46%; }
.joinin1 .item .images { padding-top: 46.15%; }
.joinin1 .item .txt { border: 1px solid #D8D8D8; padding: 34px 40px; font-size: 24px; font-weight: 500; color: #333; }
.joinin1 .item .txt span { display: block; margin-top: 17px; font-size: 18px; line-height: 1.5; }
.joinin2 { margin-bottom: 15px; }
.joinin2 .title, .joinin3 .title { width: 100%; }
.joinin2 .item { width: 23.35%; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); padding: 44px 0px 23px 40px; border-top: solid 4px #008077; }
.joinin2 .item .img { width: 100%; height: 68px; padding-right: 40px; display: flex; justify-content: space-between; align-items: flex-start; }
.joinin2 .item .img span { flex: 1; font-size: 24px; font-weight: 600; color: #008077; text-transform: uppercase; opacity: 0.1; text-align: right; }
.joinin2 .item .txt .h5 { font-size: 24px; font-weight: 600; margin-bottom: 7px; }
.joinin2 .item .txt p { font-size: 16px; line-height: 1.8; }
.joinin2 .item .txt p span:after { content: ""; display: inline-block; width: 1px; height: 11px; background: #c2c2c2; margin: 0 6px; }
.joinin2 .item .txt p span:last-child:after { display: none; }
.joinin2 .item .foot { border-top: solid 1px #eee; margin-top: 29px; padding-top: 24px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #333; }
.joinin2 .item .foot span { display: block; font-size: 16px; line-height: 2; color: #999; }
.joinin2 .item.item1 { border-top-color: #008077 }
.joinin2 .item.item1 .txt .h5 { color: #008077 }
.joinin2 .item.item2 { border-top-color: #D37200 }
.joinin2 .item.item2 .txt .h5 { color: #D37200 }
.joinin2 .item.item3 { border-top-color: #166FDE }
.joinin2 .item.item3 .txt .h5 { color: #166FDE }
.joinin2 .item.item4 { border-top-color: #8B3622 }
.joinin2 .item.item4 .txt .h5 { color: #8B3622 }
.joinin3 { display: flex; flex-flow: row wrap; height: 330px; align-content: space-between; margin-bottom: 15px; }
.joinin3 .item { width: 25%; height: 128px; display: flex; flex-flow: row wrap; justify-content: center; }
.joinin3 .item .icon { width: 90px; height: 90px; border-radius: 50%; background: rgba(0, 128, 119, 0.1); position: relative; }
.joinin3 .item .icon img { display: block; position: absolute; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.joinin3 .item p { width: 100%; text-align: center; font-size: 16px; line-height: 1.8; color: #333; margin-top: 10px; }
.joinin4 { display: flex; flex-flow: row wrap; }
.joinin4 .item { width: 33.33%; position: relative; }
.joinin4 .item .images { padding-top: 64.1%; }
.joinin4 .item .txt { position: absolute; z-index: 10; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 20px; line-height: 2; color: #fff; }
.joinin4 .item .txt span { display: block; text-transform: uppercase; font-size: 14px; }
#joinin5 { background: url(../images/joinin5.jpg) center center no-repeat; background-size: cover; width: 100%; height: 600px; margin-top: 85px; }
#joinin5 .wrapper { display: flex; justify-content: center; flex-flow: row wrap; align-content: space-around; height: 100% }
#joinin5 .wrapper .title { width: 100%; }
.joinin5 { width: 100%; display: flex; justify-content: space-between; }
.joinin5 .item { width: 100px; display: flex; flex-flow: row wrap; justify-content: center; }
.joinin5 .item p { width: 100%; text-align: center; margin-top: 34px; font-size: 16px; color: #333; }
.joinin5 .joinin5-middle { display: block; background: linear-gradient(270deg, #222A40 0%, rgba(34, 42, 64, 0.0001) 100%); width: 100%; height: 1px; margin: 50px 22px 0 22px; }
#joinin5 a.btn { width: 160px; height: 40px; background: #008077; display: flex; align-items: center; justify-content: center; }
#joinin5 a.btn span { color: #fff; }
/*联系*/
.contact1, .contact2 { display: flex; flex-flow: row wrap; justify-content: space-between; }
.contact1 .title, .contact2 .title { width: 100%; }
.contact1 .item { width: 20%; border: 1px solid #D8D8D8; padding: 28px 30px; display: flex; align-items: center; }
.contact1 .item:nth-child(5) { width: 33.57%; }
.contact1 .item .icon { width: 54px; height: 54px; border-radius: 50%; background: #008077; position: relative; }
.contact1 .item .icon img { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }
.contact1 .item .txt { flex: 1; padding-left: 26px; font-size: 18px; color: #333; line-height: 1.5; }
.contact1 .item .txt span { display: block; font-size: 16px; color: #666; margin-top: 7px; white-space: inherit; word-break: break-all; }
.contact1 .map { width: 100%; height: 450px; margin-top: 30px; margin-bottom: 15px; }
.contact1 .map img { width: 100%; height: 100%; object-fit: cover; }
.map #gaodi-map { width: 100%; height: 100%; z-index: 1; }
.map .icon { background: url(../images/mark_bs.png) no-repeat; }
.map .icon-cir { width: 63px; height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info { width: 450px; }
.amap-info-content { padding: 20px 28px 20px 20px; }
.amap-info-content h5 { font-size: 18px; line-height: 20px; color: #008077; font-weight: 600; margin-bottom: 10px; }
.amap-info-content div { font-size: 14px; line-height: 1.6em; color: #444 }
.contact2 .item { width: 48.93%; border: 1px solid #D8D8D8; padding: 30px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; }
.contact2 .item .images { padding-top: 16.5%; width: 21%; }
.contact2 .item .txt { flex: 1; padding-left: 30px; font-size: 24px; line-height: 1.4; color: #333; }
.contact2 .item .txt span { display: block; margin-top: 19px; font-size: 16px; line-height: 1.4; color: #666; }
.contact2 .item .navigation { width: 46px; position: relative; }
.contact2 .item .navigation .icon { width: 46px; height: 46px; border-radius: 50%; position: relative; background: rgba(0, 128, 119, 0.1); }
.contact2 .item .navigation .icon img { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }
.contact2 .item .navigation p { width: 100%; margin-top: 9px; text-align: center; color: #008077; }
.contact2 .navigation .qrcode { position: absolute; width: 200px; height: 230px; padding: 10px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); background: #fff; display: block; right: 0; margin-right: 0px; opacity: 0; margin-top: -140px; transition: all 0.3s ease; }
.contact2 .navigation .qrcode img { display: block; width: 100%; height: auto; }
.contact2 .navigation .qrcode p { display: block; width: 100%; text-align: center; font-size: 14px; color: #333; }
.contact2 .navigation:hover .qrcode { margin-right: 60px; opacity: 1; }
.contact3 { padding-bottom: 50px; }
.recruit { border: 1px solid #E4E4E4; }
.recruit .li { border-bottom: 1px solid #E4E4E4; color: #333; font-size: 16px; }
.recruit .li:last-child { border-bottom: 0 }
.recruit .li a { width: 100%; display: flex; padding: 19px 0; color: #333; }
.recruit .name { width: 50%; padding-left: 5%; }
.recruit .salary { width: 15% }
.recruit .date { width: 15% }
.recruit .station { width: 20%; text-align: center; }
.recruit .li.t { background: rgba(0, 128, 119, 0.1); width: 100%; display: flex; padding: 19px 0 }
.recruit-detailed { padding: 30px }
.recruit-detailed .title { border-bottom: solid 1px #E4E4E4; padding-bottom: 15px; padding-top: 0; margin-bottom: 20px; }
.recruit-detailed .title .main { font-size: 24px; }
.recruit-detailed .title .main:after { display: none; }
.recruit-detailed .title .salary { position: absolute; right: 0; bottom: 36px; font-weight: 600; color: #D64530 }
.recruit-detailed p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 15px; }
.recruit-detailed h5 { font-size: 16px; color: #333; }
.recruit-detailed h5:after { content: ""; display: block; width: 20px; height: 2px; background: #2C4562; margin: 10px 0 15px 0; }
.recruit-detailed b { font-size: 18px; color: #333; margin-bottom: 15px; }
/*******************************
-------[=首页------
********************************/
header#index-header { background: rgba(255, 255, 255, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
header#index-header #header { background: none; }
header#index-header .logo a { background-image: url(../images/logo-white.png); }
header#index-header .nav .mainlevel a, header#index-header .nav .mainlevel.active a { color: #fff; }
header#index-header .nav .mainlevel:after { background: #fff; }
header#index-header #menu-item-bg { background: rgba(255, 255, 255, 0.1); }
header#index-header .swiper-container.swiper-nav .swiper-wrapper .swiper-slide p { color: #fff; }
header#index-header .swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:hover p { color: #fff; }
header#index-header .swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:after { background: #fff; }
header#index-header.fixed #header { height: 60px; background: #fff; }
header#index-header.fixed .logo a { background-image: url(../images/logo.png); }
header#index-header.fixed .nav .mainlevel a { color: #333; }
header#index-header.fixed .nav .mainlevel.active a, header#index-header.fixed .nav .mainlevel a:hover { color: #008077; }
header#index-header.fixed #menu-item-bg { background: #fff }
header#index-header.fixed .swiper-container.swiper-nav .swiper-wrapper .swiper-slide p { color: #333; }
header#index-header.fixed .swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:hover p { color: #008077; }
header#index-header.fixed .swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:after { background: #008077; }
.index-banner { width: 100%; height: calc(100vh - 100px); position: relative; z-index: 1; margin-top: 100px; }
.index-banner .swiper-btn { z-index: 5; }
.index-banner .swiper-btn.prev { left: 2% }
.index-banner .swiper-btn.next { right: 2% }
.index-banner .swiper-pagination { bottom: 60px; }
.index-banner .swiper-pagination-bullet { opacity: 1; position: relative; width: 6px; height: 6px; border-radius: 50%; margin: 0 20px !important; background: #fff }
.index-banner .swiper-pagination-bullet::before { content: ""; position: absolute; width: 0; height: 0; border: solid 1px #fff; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 24px; height: 24px; }
.index-banner .banner-img { transition: all 2s; transform: scale3d(1.05, 1.05, 1.05); }
.index-banner .swiper-slide-active .banner-img { transform: scale3d(1, 1, 1); }
.index-banner .pc-img { display: block; }
.index-banner .mobile-img { display: none; }
.index-banner-arrow { display: block; position: absolute; z-index: 11; width: 10px; height: 10px; border-right: 1.5px solid #fff; border-top: 1.5px solid #fff; pointer-events: auto; left: 50%; transform: translateX(-50%) rotate(135deg); -webkit-animation: arrow 0.8s infinite; animation: arrow 0.8s infinite; }
@keyframes arrow {
	0% { bottom: 35px; opacity: 1; }
	100% { bottom: 15px; opacity: 0; }
}
@-webkit-keyframes arrow {
	0% { bottom: 35px; opacity: 1; }
	100% { bottom: 15px; opacity: 0; }
}
.index-box { margin-top: 40px; }
.ajaxMsg img { margin-top: -3px }
.index-col1 { background: #fff; }
.index-col1-wrap { position: relative; }
.index-col1-wrap .swiper-container { width: 100%; height: 100%; }
.index-col1-wrap .gallery-thumbs { position: absolute; z-index: 2; right: 0; bottom: 0; width: 60%; height: 62px; background: #008077; display: flex; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper { width: calc(100% - 100px); justify-content: flex-start; margin: 0; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper .swiper-slide { display: flex; align-items: center; padding-left: 16px; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper .swiper-slide span { font-size: 18px; color: #fff; white-space: nowrap; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper .swiper-slide span:first-child { display: flex; align-items: center; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper .swiper-slide span:first-child:after { content: ""; display: inline-block; width: 1px; height: 42px; background: rgba(255, 255, 255, 0.2); margin: 0 20px; }
.index-col1-wrap .gallery-thumbs .swiper-wrapper .swiper-slide span.spanleft { width: 60% }
.index-col1-wrap .swiper-btn { width: 30px; height: 30px; background: none; border: solid 1.5px #fff; z-index: 10; top: auto; margin-top: 0; bottom: 16px; }
.index-col1-wrap .swiper-btn:after { display: none; opacity: 0; }
.index-col1-wrap .swiper-btn:before { border-right-color: #fff; border-top-color: #fff; width: 8px; height: 8px; }
.index-col1-wrap .prev.swiper-btn { left: auto; right: 55px; }
.index-col1-wrap .next.swiper-btn { right: 16px; }
.index-col2 { display: flex; background: #fff; flex-flow: row wrap; }
.index-col2 img { width: 50%; height: auto; }
.index-col2 .txt { padding-left: 40px; padding-right: 40px; width: 50%; }
.index-col2 .txt .title:after { content: ""; display: block; width: 100%; height: 1px; background: #eee; margin-top: 47px; margin-bottom: -10px; }
.index-col2 .more { margin-top: 50px; justify-content: flex-start; }
#index-col3 { background: url(../images/index-col3.jpg) center top no-repeat; padding-top: 120px; margin-bottom: 94px; }
.index-col3 .head .t span { display: block; margin-top: 24px; font-size: 24px; color: #333; }
.index-col3 .head .t { margin-bottom: 100px; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper { display: flex; justify-content: space-between; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide { width: auto; cursor: pointer; opacity: 0.6; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide img { max-width: 100%; width: auto; margin: 0 auto; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide .font-mblsj { font-size: 45px; color: #666; text-align: center; margin-top: 36px; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide-thumb-active { opacity: 1; }
.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide-thumb-active .font-mblsj { color: #00897D; }
.index-col3 .body { margin-top: 73px; }
.index-col3 .pro-img .list-txt { padding: 25px 24px 20px 24px; background-color: #fff; }
.index-col3 .more-inline { margin-top: 40px; margin-left: auto; margin-right: auto; }
.index-col3 .swiper-btn:after { display: none; }
.index-col3 .swiper-btn { background: none; top: auto; bottom: 25%; outline: none }
.index-col3 .swiper-btn:before { border-right: 3px solid #666; border-top: 3px solid #666; width: 40px; height: 40px; }
.index-col3 .prev.swiper-btn { left: 0; margin-left: -80px; }
.index-col3 .next.swiper-btn { right: 0; margin-right: -120px; }
#index-col4 { padding-top: 40px; }
#index-col4 .list.news-list { margin-bottom: 0px; padding-top: 0; }
#index-col4 .list.news-list .list-ul { margin-right: -40px; margin-bottom: -40px; }
#index-col4 .list.news-list .list-li { width: calc(33.33% - 40px); margin-right: 40px; margin-bottom: 40px; }
#index-col4 .list.news-list .list-txt { padding: 24px; border-bottom: 0; }
#index-col4 .list.news-list .list-txt .name { margin-top: 10px; }
#index-col5 { background: url(../images/index-col5.jpg) center center no-repeat; background-size: cover; width: 100%; height: 800px; display: flex; align-items: center; margin-top: 40px; }
#index-col5 .title .main:after { display: none; }
#index-col5 .title .main { font-size: 50px; color: #fff; letter-spacing: 0.94px; }
#index-col5 .title .secondary { font-size: 30px; color: #fff; letter-spacing: 0.56px; }
#index-col5 .txt { margin-top: 150px; }
#index-col5 .txt p { font-size: 22px; line-height: 1.8; letter-spacing: 0.41px; color: #fff; opacity: 0.8; }
#index-col5 .txt a.btn { margin-top: 48px; border: solid 1px rgba(255, 255, 255, 0.8); width: 160px; height: 52px; display: flex; justify-content: center; align-items: center; }
#index-col5 .txt a.btn span { font-size: 16px; color: #fff; }
/*******************************
-------[=自适应------
********************************/
.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); }
.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: 9px 0 0 15px; position: absolute; z-index: 1001; right: 20px; top: 50%; margin-top: -20px; display: none; cursor: pointer; }
.mobilemenu b { width: 25px; height: 2px; background-color: #666; display: block; margin-bottom: 8px; }
.mobilemenu b:nth-child(2) { margin-left: 10px; width: 15px; }
.mobilemenu.close { border: 0; }
.mobilemenu.close b { position: absolute; width: 25px; background-color: #B4382E; top: 19px; }
.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:1440px) {
	.index-col3 .swiper-btn, .msy3 .swiper-btn { display: none; opacity: 0; }
	.wrapper { max-width: 100%; width: 100%; padding: 0 16px; }
	.title { padding-top: 32px; padding-bottom: 32px; }
	.title .main { font-size: 30px; }
	.index-col2 .txt .title:after { margin-top: 32px; margin-bottom: -15px; }
	.index-col2 .more { margin-top: 32px; }
	#index-col3 { padding-top: 70px; margin-bottom: 45px; }
	.index-col3 .head .t { margin-bottom: 60px; }
	.index-col3 .body { margin-top: 40px; }
	#footer .footer-nav, #footer .footer { padding-top: 40px; padding-bottom: 40px; }
	#footer .footer .right .item { margin-left: 70px; }
	#footer .copyright { padding-top: 22px; padding-bottom: 22px; }
	#banner .wrapper { left: 0px; margin-left: 0; }
	.sub-nav { width: calc(100% + 32px); margin: 0 -16px; }
	#banner.products-banner .wrapper img.banner-pro { max-width: 45% }
	#banner.products-banner .wrapper .txt h1 img { width: 70px; height: auto; }
	#banner.products-banner .wrapper .txt h1 span { font-size: 70px; }
}
@media screen and (max-width:1280px) {
	.title .main { font-size: 26px; }
	.list .list-ul { margin-right: -20px; margin-bottom: -20px; }
	.list .list-li { margin-right: 20px; margin-bottom: 20px; }
	#banner { height: 500px; }
	.index-col2 .more { margin-bottom: 20px; margin-top: 20px; }
	#index-col3 { padding-top: 30px; margin-bottom: 25px; }
	.index-col3 .head .t { margin-bottom: 30px; }
	.index-col3 .body { margin-top: 20px; }
	.index-col3 .head .t span { margin-top: 15px; font-size: 18px; }
	.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide img { max-width: 80%; }
	.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide .font-mblsj { font-size: 30px; margin-top: 26px; }
	#footer .footer-nav, #footer .footer { padding-top: 30px; padding-bottom: 30px; }
	#footer .footer .right .item { margin-left: 32px; }
	#footer .copyright { padding-top: 15px; padding-bottom: 15px; }
	#footer .footer .qrcode { padding: 16px; margin-right: 20px; }
	#footer .footer .qrcode img { width: 120px; height: 120px; }
	#index-col4 { margin-bottom: -40px; }
	#index-col4 .list.news-list { margin-bottom: 20px; }
	#index-col4 .list.news-list .list-ul { margin-right: -20px; margin-bottom: -20px; }
	#index-col4 .list.news-list .list-li { width: calc(33.33% - 20px); margin-right: 20px; margin-bottom: 20px; }
	#index-col5 { height: 600px; margin-top: 30px; }
	#index-col5 .txt { margin-top: 60px; }
	.msy1 { padding-bottom: 40px; }
	.msy1 img { height: auto; }
	.msy2 .msy2-left, .msy2 .msy2-right { width: 50% }
	.msy2 .msy2-left .col { padding-top: 80%; }
	.msy2 .msy2-right { padding-left: 40px; }
	.list.news-list .list-li { width: calc(25% - 20px); margin-right: 20px; margin-bottom: 20px; }
	.source { padding-bottom: 50px; }
	#banner.products-banner { margin-top: 36px; }
	.products .list .list-li { width: calc(33.33% - 20px); }
	.joinin1 { padding-top: 40px; margin-bottom: 20px; }
	.joinin1 .t { margin-bottom: 32px; }
	.joinin1 .t img { margin-bottom: 15px; }
	.joinin1 .item { width: 48%; }
	.joinin1 .item .txt { padding: 15px 20px; }
	.joinin1 .item .txt { font-size: 18px; }
	.joinin1 .item .txt span { font-size: 16px; }
	.joinin2 .item { padding: 22px 20px 12px 20px; }
	.joinin2 .item .img { height: 45px; padding-right: 0; }
	.joinin2 .item .img span, .joinin2 .item .txt .h5 { font-size: 20px; }
	.joinin2 .item .txt { height: 120px; }
	.joinin2 .item .foot { margin-top: 15px; padding-top: 15px; font-size: 16px; }
	.joinin2 .item .foot span { font-size: 14px; }
	#joinin5 { height: 450px; margin-top: 40px; }
	.joinin5 .joinin5-middle { margin-left: 15px; margin-right: 15px; }
	.contact1 .item { padding: 14px 16px; }
	.contact2 .item { padding: 15px; }
	.contact2 .item .txt { font-size: 20px; padding-left: 15px; }
	.contact2 .item .txt span { font-size: 14px; margin-top: 8px; }
}
@media screen and (max-width:1024px) {
	#footer .footer .left .txt, .index-banner .swiper-btn, #footer .footer-nav .logo { display: none; }
	.title .main { font-size: 24px; }
	.list .list-ul { margin-right: -16px; margin-bottom: -16px; }
	.list .list-li { margin-right: 16px; margin-bottom: 16px; }
	.main-page { margin-top: 16px; margin-bottom: 32px; }
	.form .col, .form .col li { margin-right: 0; }
	.form .col li { width: 100%; }
	#banner { height: 400px; }
	#banner .wrapper h1 { font-size: 30px; }
	.index-col2 .txt .title:after { margin-top: 20px; }
	.index-col2 .txt { padding-left: 20px; padding-right: 20px; }
	.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide img { max-width: 70%; }
	.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide .font-mblsj { margin-top: 15px; }
	#footer .footer-nav .a { width: 100%; display: flex; justify-content: space-between; padding-left: 22px; padding-right: 22px; }
	#footer .footer-nav .a a { margin-left: 0; }
	#footer .footer .qrcode img { width: 100px; height: 100px; }
	#footer .footer .right .item { margin-left: 16px; }
	.list.news-list .list-li { width: calc(33.33% - 16px); margin-right: 16px; margin-bottom: 16px; }
	.products .list .list-li { width: calc(33.33% - 16px); }
	.contact1 .item { width: 31% }
	.contact1 .item:nth-child(5) { width: 100%; margin-top: 20px; }
}
@media screen and (max-width:900px) {
	#menu-item-bg, .list-txt .pro-info span:after, #footer .footer-nav, #footer .footer .left, .swiper-container.swiper-nav .swiper-wrapper .swiper-slide a:after { display: none; opacity: 0; }
	.mobilemenu { display: inline-block; }
	header#index-header #header { height: 60px; background: #fff }
	header#index-header .logo a { background-image: url(../images/logo.png); }
	header, header.fixed { height: 60px; z-index: 10; background-color: #008077 }
	#header, header.fixed #header { height: 100%; background: none; }
	.logo a { background-image: url(../images/logo-white.png); }
	.mobilemenu b, .mobilemenu.close b { background-color: #fff }
	#header .wrapper { padding-top: 0; }
	#header .wrapper, .nav .nav-ul { display: block }
	#nav, header.fixed #nav { position: fixed; width: 100%; height: calc(100% - 60px); left: auto; right: -100%; top: 60px; margin: 0; background: #fff; z-index: 101; overflow-x: hidden; overflow-y: auto; border-top: solid 1px #ddd; }
	#nav .nav { padding: 20px; width: 100%; height: auto; }
	#nav .nav .mainlevel { width: 100%; border-bottom: solid 1px #ddd; display: block; margin: 0; }
	.nav .mainlevel a { height: 50px; line-height: 50px; width: 100%; padding: 0 20px; }
	.nav .mainlevel.active .menu-item { display: block; position: relative; }
	.nav .mainlevel .swiper-wrapper { flex-flow: row wrap; }
	.nav .mainlevel .swiper-slide a { height: auto; display: flex; align-items: center; padding-left: 0; }
	.swiper-container.swiper-nav .swiper-wrapper .swiper-slide p { margin-top: 0; margin-left: 15px; }
	.swiper-container.swiper-nav .swiper-wrapper .swiper-slide { width: 100%; }
	.swiper-container.swiper-nav .swiper-wrapper .swiper-slide img { width: auto; height: 100px; }
	header#index-header .nav .mainlevel a, header#index-header .nav .mainlevel.active a { color: #333; }
	#logo { left: 16px; width: 100px; position: absolute; top: 50%; transform: translateY(-50%); }
	.main-page a { margin: 0 0 0 -1px }
	.article { padding-top: 15px; padding-bottom: 15px; }
	.index-banner { margin-top: 60px; height: calc(100vh - 60px); }
	#banner { margin-top: 60px; height: 36vh; }
	#sub-nav .sub-nav .col { font-size: 16px; }
	.article { padding-top: 20px; padding-bottom: 20px; }
	.article .footer { margin-top: 20px; padding-top: 15px; }
	.amap-info { width: 50vw; }
	.nav .mainlevel .menu-item { position: relative; padding-top: 0; padding-bottom: 20px; }
	.index-banner .pc-img { display: none; }
	.index-banner .mobile-img { display: block; }
	.index-col1-wrap { height: 50vh; }
	.index-col2 .txt, .index-col2 img { width: 100%; }
	.index-col2 img { height: 50vh; }
	.index-col3 .head .t span { font-size: 16px; }
	.index-col3 .pro-txt.swiper-container .swiper-wrapper .swiper-slide img { width: 100px; max-width: 100px; }
	.pro-img .images img, .list.products-list .list-li .images img { max-width: calc(100% - 40px); }
	.list-txt .pro-info span { width: 100%; text-align: center; margin-bottom: 12px; }
	.list-txt .pro-info span:last-child { margin-bottom: 0; }
	.index-col3 .pro-txt.swiper-container img:nth-child(1) { width: 80px; }
	#footer .footer .right { width: 100%; justify-content: space-between; }
	#index-col4 .list.news-list { margin-bottom: 10px; }
	#index-col4 .list.news-list .list-li { width: calc(50% - 20px) }
	#index-col5 { height: 50vh; }
	#index-col5 .txt { margin-top: 5vh; }
	#index-col5 .title .main { font-size: 26px; }
	#index-col5 .title .secondary { font-size: 16px; }
	#index-col5 .txt p { font-size: 14px; }
	#index-col5 .txt a.btn { margin-top: 15px; width: 120px; height: 40px; }
	.msy1 .txt, .msy1 img { width: 100%; }
	#msy #msy3 { padding-bottom: 30px; }
	.msy1 .txt { padding-right: 0; margin-bottom: 16px; }
	.list.honor-list .list-li { width: 25% }
	.source { padding-bottom: 32px; }
	#banner.products-banner { margin-top: 60px; }
	.products .list { padding-bottom: 32px; }
	.products .list .list-li { width: calc(50% - 16px); }
	.contact1 .item, .contact1 .item:nth-child(5) { width: 49%; margin-top: 20px; }
	.contact1 .item:nth-child(2) { margin-top: 0; }
	.contact2 .item { width: 100%; }
	.contact2 .navigation .qrcode { opacity: 0; display: none }
}
@media screen and (max-width:800px) {
	.index-col1-wrap .gallery-thumbs { width: 100%; }
	#footer .copyright p { width: 100%; text-align: center; margin-bottom: 8px; }
	#footer .copyright p:last-child { margin-bottom: 0; }
	.msy2 { justify-content: center; }
	.msy2 .msy2-left { width: 60%; order: 2; }
	.msy2 .msy2-left .col { padding-top: 56.25% }
	.msy2 .msy2-right { width: 100%; margin-bottom: 16px; padding-left: 0; }
	#banner.products-banner, #banner.products-banner img { height: 300px; }
	#banner.products-banner .wrapper .txt { width: 50%; display: flex; justify-content: center; flex-flow: row wrap; }
	#banner.products-banner .wrapper .txt h1 img { width: 50px; height: auto; }
	#banner.products-banner .wrapper .txt h1 span { font-size: 40px; }
	#banner.products-banner .wrapper .txt p { width: auto; font-size: 14px; }
	#banner.products-banner .wrapper img.banner-pro { width: 45% }
	.joinin1 .item { width: 100%; margin-bottom: 16px; }
	.joinin2 .item { width: 48%; margin-bottom: 16px; }
	.joinin4 .item { width: 50%; }
	#joinin5 { height: auto; }
	#joinin5 .wrapper { min-height: 360px; padding-bottom: 50px; }
	.joinin5 { flex-flow: row wrap; margin-bottom: 16px; }
	.joinin5 .item { margin-bottom: 32px; }
	.joinin5 .item p { margin-top: 10px; }
	.joinin5 .joinin5-middle { display: none; }
	.recruit .name { width: 55%; }
	.recruit .salary { width: 20% }
	.recruit .date { width: 25% }
	.recruit .station { display: none }
	.recruit-detailed .title { padding-bottom: 15px; }
	.recruit-detailed .title .salary { position: relative; bottom: 0; margin-top: 15px; }
}
@media screen and (max-width:600px) {
	.main-page .page .prev span, .main-page .page .next span { display: none; opacity: 0; }
	.main-page .prev, .main-page .next { min-width: 30px; }
	.main-page { flex-flow: row wrap; height: auto; margin-top: 20px; margin-bottom: 30px; }
	.main-page .page { width: 100%; justify-content: center; }
	.main-page .page { margin-bottom: 16px }
	.title .secondary, .title .main { text-align: center }
	.more, .more a { width: 100%; margin: 0 auto }
	.more { display: block; }
	.amap-info { width: 80vw; }
	.index-col1-wrap .swiper-btn { bottom: 70px; background: #fff; }
	.index-col1-wrap .swiper-btn:before { border-right-color: #008077; border-top-color: #008077; }
	.index-col1-wrap .prev.swiper-btn { left: 16px; right: 0; }
	#footer .footer .right { flex-flow: row wrap; }
	#footer .footer .right .item { width: 100%; display: flex; flex-flow: row wrap; margin-left: 0; position: relative; padding-left: 80px; margin-bottom: 16px; }
	#footer .footer .right .item h6 { position: absolute; left: 0; top: 0; }
	#footer .footer .right .item p { white-space: nowrap; margin-right: 16px; margin-bottom: 8px; line-height: 20px; }
	#footer .footer .right .item:last-child p { width: 100%; }
	#index-col5 .txt p { text-align: center }
	#index-col5 .txt a.btn { margin-left: auto; margin-right: auto; width: 80% }
	#video-wrap video#video { width: 100%; height: 100%; }
	.msy2 .msy2-left { width: 100%; }
	.msy3 .msy3-card { height: 360px; }
	.msy3 .msy3-card .txt h6 { font-size: 20px; }
	.msy3 .msy3-card .txt p { font-size: 14px; }
	.list.honor-list .list-li { width: 33.33% }
	.list.news-list .list-li { width: calc(50% - 16px); }
	#banner.products-banner .wrapper { justify-content: center; align-content: center; }
	#banner.products-banner .wrapper .txt { width: 100%; order: 2; margin-top: 32px; }
	#banner.products-banner .wrapper img.banner-pro { width: 80%; }
}
@media screen and (max-width:480px) {
	.main-page a span { display: none !important; opacity: 0; }
	.more, .more a { width: 100%; }
	.main-page .prev .icon.iconfont { margin-right: 0; }
	.main-page .next .icon.iconfont { margin-left: 0; }
	#index-col4 .list.news-list .list-ul { margin-right: 0px; }
	#index-col4 .list.news-list .list-li { width: 100%; margin-right: 0; }
	.list.honor-list .list-li { width: 50% }
	.products .list .list-li { width: 100%; margin-right: 0; }
	.joinin2 .item, .joinin4 .item { width: 100% }
	.joinin3 { height: auto; }
	.joinin3 .item { width: 50%; margin-bottom: 16px; }
	.contact1 .item, .contact1 .item:nth-child(5) { width: 100%; }
	.contact2 .item .navigation { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px; background: rgba(0, 128, 119, 0.1); border-radius: 5px; }
	.contact2 .item .navigation p { width: auto; margin-top: 0; margin-left: 15px; font-size: 16px; }
	.contact2 .item .navigation .icon { background: none; }
}
.msy2 .msy2-right { align-items: stretch }
.msy2 .msy2-right .tab_dl { width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-content: space-between }
.msy2 .msy2-right .tab_dl dd { width: 100%; height: 100%; }
.msy2 .tab_dl dd>div:nth-of-type(1) { display: flex; flex-flow: row wrap }
.tab_dl_wrap { display: flex; align-content: space-between; height: calc(100% - 47px); }
.tab_dl_wrap .tab_dl_txt, .tab_dl_wrap .msy2-img { width: 100%; }


/* 2025年4月9日16:09:21修改调整 */
#menu-item-bg{opacity: 0;}
.nav .mainlevel .menu-item{width: auto;left: auto; margin-left: 24px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); padding: 0 12px 16px 12px;}
.swiper-container.swiper-nav{width: auto;}
.swiper-container.swiper-nav .swiper-wrapper{flex-direction: column;}
.swiper-container.swiper-nav .swiper-wrapper .swiper-slide img{display: none;}