* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
body { font: 16px/1.5 '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif';}
table, th, td, tr { border-collapse: collapse; border-spacing: 0; font-size: 16px;}
ol, ul { list-style: none;}
li { list-style-type: none;}
img { max-width: 100%; border: 0;}
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}
a { color: #000; text-decoration: none;}
a:visited, a:hover, a:active { text-decoration: none;}
.fl { float: left;}
.fr { float: right;}

.icon { display: block; width: 100%; height: 100%;}
.cover, .cover1, .cover2 { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.cover { width: 100%; height: 100%; object-fit: cover;}
.cover1 { max-width: 100%; max-height: 100%; margin: auto;}
.cover2 { max-width: 80%; max-height: 80%; margin: auto;}

/* 设置滚动条的样式 */
/* 1. Chrome / Edge / Safari / Opera 内核 */
::-webkit-scrollbar { /* 滚动条整体宽度（垂直）/高度（水平）*/ width: 0; /* 垂直条宽度 */ height: 0; /* 水平条高度 */}
/* 滚动条轨道（背景区域） */
::-webkit-scrollbar-track { background: #fff; /* 轨道底色 */ border-radius: 4px;}
/* 滚动滑块（拖动的小块） */
::-webkit-scrollbar-thumb { background: #8a8a8a; /* 滑块颜色 */ border-radius: 4px;}
/* 鼠标悬浮滑块加深 */
::-webkit-scrollbar-thumb:hover { background: #5fb62f;}
/* 滚动条上下左右两端按钮（箭头） */
::-webkit-scrollbar-button { display: none; /* 隐藏上下小箭头 */}
/* 2. Firefox 专属滚动条 */
* { scrollbar-width: thin; /* auto / thin / none */ scrollbar-color: #8a8a8a #fff; /* 滑块色 轨道色 */}

@font-face { font-family: "AlimamaShuHeiTi-Bold"; src: url('../fonts/AlimamaShuHeiTi-Bold.ttf');}

.container-width { width: 1500px; margin: 0 auto;}
@media (max-width:1680px) {
  .container-width { width: 1400px;}
}
@media (max-width:1440px) {
  .container-width { width: 1280px;}
}
@media (max-width:1366px) {
  .container-width { width: 1200px;}
}
@media (max-width:1280px) {
  .container-width { width: 1080px;}
}
@media (max-width:1080px) {
  .container-width { width: 94%;}
}


/*mt-header start*/
.mt-header { width: 100%; position: fixed; left: 0; top: 0; z-index: 9999;}
.mt-header.fxd, .mt-header:hover { background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .06);}
.mt-header.mt-productshow-header { background-color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.mt-header.mt-productshow-header::before { content: ''; display: block; width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; left: 0; bottom: 0;}
.mt-header::after { content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .1); position: absolute; left: 0; bottom: 0;}
.mt-header .mt-header-container { display: flex; align-items: center; justify-content: space-between;}
.mt-header-container a.mt-header-logo { display: -webkit-flex; display: flex; align-items: center; height: 60px; overflow: hidden; margin: 20px 0; float: left;}
.mt-header-container a.mt-header-logo img { max-height: 100%;}


.mt-header-right { display: flex; align-items: center; justify-content: space-between;}
.mt-nav { padding-right: 25px;}
.mt-header#search-show .mt-nav { display: none;}
.mt-nav_list>ul { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}
.mt-nav_list>ul>li { padding: 0 25px; flex-grow: 1; display: flex; align-items: center; position: relative;}
.mt-nav_list>ul>li>a { display: inline-block; height: 100px; overflow: hidden; line-height: 100px; color: #fff; font-size: 18px; vertical-align: middle; position: relative;}
.mt-header.fxd .mt-nav_list>ul>li>a, .mt-header:hover .mt-nav_list>ul>li>a, .mt-header.mt-productshow-header .mt-nav_list>ul>li>a { color: #222;}
.mt-header.fxd .mt-nav_list>ul>li:hover>a, .mt-header.fxd .mt-nav_list>ul>li.active>a, .mt-header:hover .mt-nav_list>ul>li:hover>a, .mt-header:hover .mt-nav_list>ul>li.active>a, .mt-header.mt-productshow-header .mt-nav_list>ul>li:hover>a, .mt-header.mt-productshow-header .mt-nav_list>ul>li.active>a { color: #5fb62f;}
.mt-nav_list>ul>li>a::after { content: ''; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mt-nav_list>ul>li:hover>a::after, .mt-nav_list>ul>li.active>a::after { width: 100%;}
.mt-header.fxd .mt-nav_list>ul>li>a::after, .mt-header:hover .mt-nav_list>ul>li>a::after, .mt-header.mt-productshow-header .mt-nav_list>ul>li>a::after { background-color: #5fb62f;}

.mt-nav_list>ul>li>i { display: none; width: 10px; height: 10px; margin-left: 5px;}
.mt-header.fxd .mt-nav_list>ul>li>i svg path, .mt-header:hover .mt-nav_list>ul>li>i svg path, .mt-header.mt-productshow-header .mt-nav_list>ul>li>i svg path { fill: #999999;}
.mt-header.fxd .mt-nav_list>ul>li:hover>i svg path, .mt-header:hover .mt-nav_list>ul>li:hover>i svg path, .mt-header.mt-productshow-header .mt-nav_list>ul>li:hover>i svg path { fill: #5fb62f;}

.mt-nav_list>ul>li .nav-dropdown { display: flex; align-items: center; justify-content: space-between; width: 750px; height: 0; padding: 0; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 0 10px rgb(0, 0, 0, .1); box-shadow: 0 0 10px rgb(0, 0, 0, .1); position: absolute; left: 50%; top: 100%; z-index: 2; opacity: 0; visibility: hidden; transform: translate(-50%, 20px); -webkit-transform: translate(-50%, 20px); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { height: auto; padding: 50px; opacity: 1; visibility: visible; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.nav-dropdown .nav-dropdown_image { width: 50%; padding: 0 50px 0 0; position: relative;}
.nav-dropdown_image a { display: block; width: 100%; height: 180px; overflow: hidden; border-radius: 4px; position: relative;}
.nav-dropdown_image a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nav-dropdown_image::after { content: ''; display: block; width: 30px; height: 3px; overflow: hidden; background-color: #5fb62f; position: absolute; left: -15px; top: 30px;}
.nav-dropdown .nav-dropdown_menu { width: 50%; overflow: hidden; padding: 0 0 0 50px; border-left: 1px solid #e6e6e6;}
.nav-dropdown_menu dl { margin-bottom: -20px;}
.nav-dropdown_menu dl dd { margin-bottom: 20px;}
.nav-dropdown_menu dl dd a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 25px; position: relative;}
.nav-dropdown_menu dl dd a:hover { color: #5fb62f;}
.nav-dropdown_menu dl dd a i { display: block; width: 10px; height: 10px; overflow: hidden; position: absolute; left: 0; top: 10px;}
.nav-dropdown_menu dl dd a:hover i svg path { fill: #5fb62f;}

.mt-header-right .mt-header-search { display: none; margin: 28px 0; position: relative;}
.mt-header-search i.search-open { display: block; width: 44px; height: 44px; padding: 10px; cursor: pointer; opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}
.mt-header.fxd .mt-header-search i.search-open svg path, .mt-header:hover .mt-header-search i.search-open svg path, .mt-header.mt-productshow-header .mt-header-search i.search-open svg path { fill: #222222;}
.mt-header.fxd .mt-header-search i.search-open:hover svg path, .mt-header:hover .mt-header-search i.search-open:hover svg path, .mt-header.mt-productshow-header .mt-header-search i.search-open:hover svg path { fill: #5fb62f;}
.mt-header#search-show .mt-header-search i.search-open { opacity: 0; filter: Alpha(opacity=0); transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0);}

.mt-header-search form { position: absolute; top: 0; right: 44px; z-index: 99; width: 360px; height: 44px; overflow: hidden; transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); transform-origin: right center; opacity: 0; filter: Alpha(opacity=0);}
.mt-header-search .mt-header-search_input { float: left; width: calc(100% - 20px); height: 44px; overflow: hidden; line-height: 44px; color: #222; font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif'; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding: 0 25px 0 22px; background-color: #fff; border-radius: 22px 0 0 22px; border: 0; outline: none;}
.mt-header.fxd .mt-header-search .mt-header-search_input, .mt-header:hover .mt-header-search .mt-header-search_input, .mt-header.mt-productshow-header .mt-header-search .mt-header-search_input { background-color: #f5f5f5;}
.mt-header-search .mt-header-search_input::placeholder { color: #999;}
.mt-header-search .mt-header-search_button { float: right; width: 50px; height: 44px; overflow: hidden; font-size: 0; margin-left: -30px; background-color: #5fb62f; border-radius: 22px; border: 0; outline: none; cursor: pointer;}
.mt-header-search .mt-header-search_button i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 10px;}
.mt-header.fxd .mt-header-search .mt-header-search_button, .mt-header:hover .mt-header-search .mt-header-search_button, .mt-header.mt-productshow-header .mt-header-search .mt-header-search_button { background-color: #5fb62f;}
.mt-header#search-show .mt-header-search form { opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}

.mt-header-search i.search-close { display: block; width: 44px; height: 44px; overflow: hidden; padding: 10px; cursor: pointer; position: absolute; top: 0; right: 0; opacity: 0; filter: Alpha(opacity=0); transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0);}
.mt-header.fxd .mt-header-search i.search-close svg path, .mt-header:hover .mt-header-search i.search-close svg path, .mt-header.mt-productshow-header .mt-header-search i.search-close svg path { fill: #222222;}
.mt-header.fxd .mt-header-search i.search-close:hover svg path, .mt-header:hover .mt-header-search i.search-close:hover svg path, .mt-header.mt-productshow-header .mt-header-search i.search-close:hover svg path { fill: #5fb62f;}
.mt-header#search-show .mt-header-search i.search-close { opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}

.mt-header-right .mt-header-tel { display: flex; align-items: center; height: 44px; line-height: 44px; color: #5fb62f; font-family: Arial; font-size: 24px; margin: 28px 0; padding-left: 50px; position: relative;}
.mt-header-right .mt-header-tel::before { content: ''; display: block; width: 1px; height: 18px; overflow: hidden; background-color: rgba(255, 255, 255, .25); position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mt-header.fxd .mt-header-right .mt-header-tel::before, .mt-header:hover .mt-header-right .mt-header-tel::before, .mt-header.mt-productshow-header .mt-header-right .mt-header-tel::before { background-color: #e6e6e6;}
.mt-header-tel i { display: block; width: 24px; height: 24px; overflow: hidden; margin-right: 8px;}
.mt-header-tel i svg path { fill: #5fb62f;}
/*mt-header end*/


.mt-more a { display: inline-block; vertical-align: top; height: 56px; overflow: hidden; line-height: 56px; color: #fff; font-size: 18px; padding: 0 40px; background-color: #5fb62f; border-radius: 28px;}
.mt-more a i { display: inline-block; vertical-align: middle; width: 18px; height: 9px; overflow: hidden; margin: -4px 0 0 10px; background: url(../images/arrow01.png) 0 0 no-repeat; background-size: 18px 18px;}
.mt-more a:hover i { margin: -4px 0 0 20px;}

.mt-more1 a { display: inline-block; vertical-align: top; height: 56px; overflow: hidden; line-height: 54px; color: #5fb62f; font-size: 18px; padding: 0 40px; background-color: rgba(0, 0, 0, 0); border: 1px solid #5fb62f; border-radius: 28px;}
.mt-more1 a i { display: inline-block; vertical-align: middle; width: 18px; height: 9px; overflow: hidden; margin: -4px 0 0 10px; background: url(../images/arrow01.png) 0 -9px no-repeat; background-size: 18px 18px;}
.mt-more1 a:hover { color: #fff; background-color: #5fb62f;}
.mt-more1 a:hover i { margin: -4px 0 0 20px; background: url(../images/arrow01.png) 0 0 no-repeat;}


.waves { display: block; width: 100%; height: 60px; overflow: hidden; margin-top: -60px; position: relative;/* 分层渲染，避免透明叠加发黑、锯齿闪烁 */ transform: translateZ(0); backface-visibility: hidden; isolation: isolate;}
/* Animation */
.parallax > use { animation: move-forever 25s linear infinite; /* 开启分层渲染，避免多层重叠发黑 */ will-change: transform;}
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s}
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s}
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s}
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s}
@keyframes move-forever {
  0% { transform: translate3d(-90px, 0, 0)}
  100% { transform: translate3d(85px, 0, 0)}
}
/*Shrinking for mobile*/
@media (max-width:1440px) {
  .waves { height: 50px; margin-top: -50px;}
}
@media (max-width:1080px) {
  .waves { height: 40px; margin-top: -40px;}
}

/* IE11 降级，IE多层透明路径动画极易变黑，直接关闭动画 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .waves .parallax > use {
    animation: none !important;
  }
}


.waves-canvas { display: block; width: 100% !important; height: 60px !important; overflow: hidden; margin-top: -60px; position: relative;}
@media (max-width:1440px){.waves-canvas{height:50px !important;margin-top:-50px;}}
@media (max-width:1080px){.waves-canvas{height:40px !important;margin-top:-40px;}}


/*mt-footer start*/
.mt-footer { overflow: hidden; background: url(../images/footer-bg.jpg) center top no-repeat; background-size: cover; position: relative;}
.mt-footer-container { display: flex; justify-content: space-between; padding: 80px 0;}
.mt-footer-title { line-height: 1; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 40px; padding-bottom: 30px; position: relative;}
.mt-footer-title::after { content: ''; display: block; width: 25px; height: 1px; background-color: rgba(255, 255, 255, .25); position: absolute; left: 0; bottom: 0;}

.mt-footer-left { width: calc(100% - 260px); padding-right: 160px;}
.mt-footer-left dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -15px;}
.mt-footer-left dl dd { padding: 0 15px;}
.mt-footer-left dl dd a { display: block; max-width: 200px; height: 30px; overflow: hidden; line-height: 30px; color: rgba(255, 255, 255, .7); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px;}
.mt-footer-left dl dd a:last-child { margin-bottom: 0;}
.mt-footer-left dl dd a:hover { color: #fff;}
.mt-footer-left dl dd p { max-width: 520px; min-height: 36px; overflow: hidden; line-height: 30px; color: rgba(255, 255, 255, .7); font-size: 16px; margin-bottom: 15px; padding: 3px 0 3px 48px; position: relative;}
.mt-footer-left dl dd p:last-child { margin-bottom: 0;}
.mt-footer-left dl dd p i { display: block; width: 36px; height: 36px; overflow: hidden; padding: 8px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; position: absolute; left: 0; top: 0;}
.mt-footer-left dl dd p b { display: inline-block; vertical-align: bottom; color: #fff; font-family: Arial; font-size: 24px; font-weight: bold;}
.mt-footer-left dl dd p span { color: #fff;}
.mt-footer-right { width: 260px;}
.mt-footer-right ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.mt-footer-right ul li p { display: block; width: 110px; height: 110px; overflow: hidden; background-color: #fff; border-radius: 4px; position: relative;}
.mt-footer-right ul li span { display: block; line-height: 20px; color: #fff; font-size: 14px; text-align: center; margin-top: 10px;}
.mt-footer-right .mt-footer-btns { margin-top: 30px;}
.mt-footer-btns a { display: flex; align-items: center; width: 100%; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 16px; padding: 0 20px; background-color: rgba(255, 255, 255, .2); border-radius: 18px; position: relative;}
.mt-footer-btns a:hover { color: #5fb62f; background-color: #fff;}
.mt-footer-btns a i { display: block; overflow: hidden; margin-right: 10px;}
.mt-footer-btns a::after { content: ''; display: block; width: 18px; height: 9px; overflow: hidden; background: url(../images/arrow01.png) 0 0 no-repeat; background-size: 18px 18px; position: absolute; top: 12px; right: 20px;}
.mt-footer-btns a:hover::after { background: url(../images/arrow01.png) 0 -9px no-repeat;}
.mt-footer-btns a.view-factory { margin-bottom: 20px;}
.mt-footer-btns a.view-factory i { width: 18px; height: 18px;}
.mt-footer-btns a.view-factory:hover i svg path { fill: #5fb62f;}
.mt-footer-btns a.english-website i { width: 20px; height: 20px;}

.mt-footer-copy { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, .2);}
.mt-footer-copy p { line-height: 30px; color: rgba(255, 255, 255, .7); font-size: 16px; text-align: center;}
.mt-footer-copy p a { color: rgba(255, 255, 255, .7); font-size: 16px;}
.mt-footer-copy p a:hover { color: #fff;}
/*mt-footer end*/


/*mt-view start*/
.mt-view { position: fixed; top: 50%; right: 0; z-index: 98; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mt-view-tel, .mt-view-wechat { margin-bottom: 5px; position: relative;}
.mt-view-tel a, .mt-view-wechat a, .mt-view-top a { display: block; width: 50px; height: 50px; overflow: hidden; font-size: 0; padding: 14px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 4px;}
.mt-view-tel a:hover, .mt-view-wechat a:hover, .mt-view-top a:hover { background-color: #5fb62f;}
.mt-view-tel a:hover svg path, .mt-view-wechat a:hover svg path, .mt-view-top a:hover svg path { fill: #fff;}
.mt-view-tel p { display: none; width: auto; height: 50px; overflow: hidden; line-height: 50px; color: #5fb62f; font-size: 22px; font-weight: bold; white-space: nowrap; padding: 0 20px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 4px; position: absolute; top: 0; right: 52px;}
.mt-view-tel:hover p { display: block;}
.mt-view-wechat p { display: none; width: 130px; height: auto; overflow: hidden; padding: 10px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 4px; position: absolute; top: 0; right: 52px;}
.mt-view-wechat:hover p { display: block;}
.mt-view-wechat p img { display: block; width: 100%; height: auto; margin: 0 auto 10px;}
.mt-view-wechat p span { display: block; line-height: 20px; color: #222; font-size: 14px; text-align: center;}
/*mt-view end*/


/*mt-inner-banner start*/
.mt-inner-banner { height: 650px; overflow: hidden; position: relative;}
.mt-inner-banner::before { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 1;}
.mt-inner-banner::after { content: ''; display: block; width: 100%; height: 50%; overflow: hidden; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.6)); position: absolute; left: 0; top: 0; z-index: 1;}
.mt-inner-banner .mt-inner-banner_title { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.mt-inner-banner .mt-inner-banner_title p { line-height: 1.2; color: #fff; font-size: 44px; font-weight: bold; text-align: center;}
.mt-inner-banner .mt-inner-banner_title span { display: block; line-height: 1.2; color: #fff; font-size: 24px; text-align: center; margin-top: 30px;}

.mt-inner-banner .scroll-down { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; position: absolute; left: 50%; bottom: 40px; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.mt-inner-banner .scroll-down i { display: block; width: 18px; height: 18px; overflow: hidden; animation: scrollBounce 2s infinite ease-in-out;}
/* 上下循环动画关键帧 */
@keyframes scrollBounce {
  0% {
    transform: translateY(-5px); opacity: 0.45;
  }
  50% {
    transform: translateY(10px); opacity: 1;
  }
  100% {
    transform: translateY(-5px); opacity: 0.45;
  }
}
/*mt-inner-banner end*/


/*mt-inner-top start*/
.mt-inner-top { overflow: hidden; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, .05);}
.mt-inner-top .container-width { display: flex; align-items: center; justify-content: space-between;}
.mt-inner-menu { max-width: 50%;}
.mt-inner-menu ul { display: flex; align-items: center;}
.mt-inner-menu ul li { margin-right: 60px;}
.mt-inner-menu ul li:last-child { margin-right: 0;}
.mt-inner-menu ul li a { display: block; height: 80px; overflow: hidden; line-height: 80px; color: #222; font-size: 18px; position: relative;}
.mt-inner-menu ul li:hover a, .mt-inner-menu ul li.active a { color: #5fb62f;}
.mt-inner-menu ul li a::after { content: ''; display: block; width: 0; height: 2px; background-color: #5fb62f; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.5s; -webkit-transition: all 0.5s;}
.mt-inner-menu ul li:hover a::after, .mt-inner-menu ul li.active a::after { width: 100%;}

.mt-inner-crumb { max-width: 50%; height: 30px; overflow: hidden; margin: 25px 0; padding-left: 16px; position: relative;}
.mt-inner-crumb i { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 0; top: 7px;}
.mt-inner-crumb p { height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.mt-inner-crumb p a, .mt-inner-crumb p span { line-height: 30px; color: #999; font-size: 14px; margin: 0 8px;}
.mt-inner-crumb p a:hover { color: #5fb62f;}
.mt-inner-crumb p span { margin: 0 0 0 8px;}

.mt-inner-crumb-all { max-width: 100%;}
/*mt-inner-top end*/


.mt-inner-title { margin-bottom: 50px; padding-bottom: 25px; position: relative;}
.mt-inner-title p { line-height: 1.2; color: #42a36d; font-size: 44px; font-weight: bold; text-align: center;}
.mt-inner-title span { display: block; line-height: 1.2; color: #999; font-size: 20px; text-align: center; text-transform: uppercase; margin-top: 10px;}
.mt-inner-title::after { content: ''; display: block; width: 40px; height: 5px; overflow: hidden; margin-left: -20px; background-color: #5fb62f; position: absolute; left: 50%; bottom: 0;}

/*企业文化*/
.mt-inner-culture .mt-inner-title { margin-bottom:30px;}

.mt-inner-title_white p { color: #fff; text-align: left;}
.mt-inner-title_white span { color: rgba(255, 255, 255, .55); text-align: left;}
.mt-inner-title_white::after { margin: 0; left: 0;}


/*mt-page start*/
.mt-page { display: flex; align-items: center; justify-content: center; line-height: 36px; color: #999; font-size: 16px;}
.mt-page a { display: block; width: 40px; height: 40px; margin: 0 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 2px;}
.mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 38px; font-size: 16px; text-align: center;}
.mt-page a.pnnum { color: #555;}
.mt-page a.pnnum:hover, .mt-page a.pnnum1 { color: #fff; background-color: #5fb62f; border: 1px solid #5fb62f;}
.mt-page a.mt-prev, .mt-page a.mt-next { padding: 12px;}
.mt-page a.mt-prev { margin: 0 8px 0 0;}
.mt-page a.mt-next { margin: 0 0 0 8px;}
.mt-page a.mt-prev:hover, .mt-page a.mt-next:hover { background-color: #5fb62f; border: 1px solid #5fb62f;}
.mt-page a.mt-prev:hover svg path, .mt-page a.mt-next:hover svg path { fill: #fff;}
/*mt-page end*/


/*mt-inner-prevnext start*/
.mt-inner-prevnext { overflow: hidden;}
.mt-inner-prevnext ul li { display: flex; align-items: center; margin-bottom: 20px;}
.mt-inner-prevnext ul li:last-child { margin-bottom: 0;}
.mt-inner-prevnext ul li span { display: block; width: 144px; height: 48px; overflow: hidden; line-height: 46px; color: #5fb62f; font-size: 18px; text-align: center; background-color: rgba(0, 0, 0, 0); border: 1px solid #5fb62f; border-radius: 24px;}
.mt-inner-prevnext ul li:hover span { color: #fff; background-color: #5fb62f;}
.mt-inner-prevnext ul li a { display: block; width: calc(100% - 144px); overflow: hidden; line-height: 32px; color: #222; font-size: 18px; padding-left: 40px;}
.mt-inner-prevnext ul li:hover a { color: #5fb62f; text-decoration: underline;}
/*mt-inner-prevnext end*/


@media (max-width:1680px) {
  .mt-header-container a.mt-header-logo { height: 50px; margin: 15px 0;}

  .mt-header-right .mt-header-tel { height: 40px; line-height: 40px; font-size: 22px; margin: 20px 0; padding-left: 40px;}
  .mt-header-right .mt-header-tel::before { height: 16px;}
  .mt-header-tel i { width: 22px; height: 22px;}  

  .mt-nav { padding-right: 20px;}
  .mt-nav_list>ul>li { padding: 0 20px;}
  .mt-nav_list>ul>li>a { height: 80px; line-height: 80px; font-size: 16px;}
  .mt-nav_list>ul>li .nav-dropdown { width: 720px;}
  .mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { padding: 40px;}
  .nav-dropdown .nav-dropdown_image { padding: 0 40px 0 0;}
  .nav-dropdown .nav-dropdown_menu { padding: 0 0 0 40px;}
  .nav-dropdown_menu dl dd a { padding-left: 20px;}

  .mt-more a, .mt-more1 a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 30px; border-radius: 25px;}
  .mt-more1 a { line-height: 48px;}


  .mt-footer-container { padding: 60px 0;}
  .mt-footer-left { padding-right: 120px;}
  .mt-footer-title { font-size: 18px; margin-bottom: 30px; padding-bottom: 20px;}
  .mt-footer-copy { padding: 15px 0;}


  .mt-inner-banner { height: 560px;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 36px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 20px; margin-top: 20px;}

  .mt-inner-menu ul li { margin-right: 50px;}
  .mt-inner-menu ul li a { height: 70px; line-height: 70px; font-size: 16px;}

  .mt-inner-crumb { margin: 20px 0;}


  .mt-inner-title { margin-bottom: 40px; padding-bottom: 20px;}
  .mt-inner-title p { font-size: 36px;}
  .mt-inner-title span { font-size: 18px;}
  .mt-inner-title::after { height: 4px;}

/*企业文化*/
.mt-inner-culture .mt-inner-title { margin-bottom:30px;}


  .mt-inner-prevnext ul li span { width: 120px; height: 44px; line-height: 42px; font-size: 16px; border-radius: 22px;}
  .mt-inner-prevnext ul li a { width: calc(100% - 120px); line-height: 30px; font-size: 16px; padding-left: 30px;}

}

@media (max-width:1600px) {
  .mt-inner-banner { height: 540px;}
}

@media (max-width:1560px) {
  .mt-inner-banner { height: 520px;}
}

@media (max-width:1440px) {
  
  .mt-nav_list>ul>li .nav-dropdown { width: 640px;}
  .mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { padding: 30px;}
  .nav-dropdown .nav-dropdown_image { padding: 0 30px 0 0;}
  .nav-dropdown_image a { height: 165px;}
  .nav-dropdown .nav-dropdown_menu { padding: 0 0 0 30px;}
  .nav-dropdown_menu dl { margin-bottom: -15px;}
  .nav-dropdown_menu dl dd { margin-bottom: 15px;}

  .mt-more a, .mt-more1 a { height: 44px; line-height: 44px; font-size: 14px; padding: 0 22px; border-radius: 22px;}
  .mt-more1 a { line-height: 42px;}
  .mt-more a i { width: 14px; height: 7px; background: url(../images/arrow01.png) 0 0 no-repeat; background-size: 14px 14px;}
  .mt-more1 a i { width: 14px; height: 7px; background: url(../images/arrow01.png) 0 -7px no-repeat; background-size: 14px 14px;}
  .mt-more1 a:hover i { background: url(../images/arrow01.png) 0 0 no-repeat; background-size: 14px 14px;}

  .waves-canvas { height: 40px !important; margin-top: -40px;}
  .mt-footer-container { padding: 40px 0;}
  .mt-footer-title { margin-bottom: 20px; padding-bottom: 15px;}
  .mt-footer-left { width: calc(100% - 240px); padding-right: 80px;}
  .mt-footer-left dl { margin: 0 -10px;}
  .mt-footer-left dl dd { padding: 0 10px;}  
  .mt-footer-left dl dd a { max-width: 120px; font-size: 15px; margin-bottom: 5px;}
  .mt-footer-left dl dd p { max-width: 400px; min-height: 30px; line-height: 26px; font-size: 15px; margin-bottom: 12px; padding: 2px 0 2px 40px;}
  .mt-footer-left dl dd p i { width: 30px; height: 30px; padding: 6px;}
  .mt-footer-left dl dd p b { font-size: 21px;}
  .mt-footer-right { width: 240px;}
  .mt-footer-right .mt-footer-btns { margin-top: 20px;}
  .mt-footer-btns a.view-factory { margin-bottom: 10px;}
  .mt-footer-btns a { font-size: 14px;}
  .mt-footer-btns a::after { width: 14px; height: 7px; background: url(../images/arrow01.png) 0 0 no-repeat; background-size: 14px 14px; top: 14px;}
  .mt-footer-copy p, .mt-footer-copy p a { font-size: 15px;}


  .mt-inner-banner { height: 480px;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 32px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 18px; margin-top: 20px;}
  .mt-inner-banner .scroll-down { bottom: 30px;}

  .mt-inner-menu ul li { margin-right: 40px;}
  .mt-inner-menu ul li a { height: 64px; line-height: 64px; font-size: 16px;}

  .mt-inner-crumb { margin: 17px 0;}

  .mt-inner-title { margin-bottom: 30px; padding-bottom: 15px;}
  .mt-inner-title p { font-size: 32px;}
  .mt-inner-title span { font-size: 16px;}
  .mt-inner-title::after { width: 32px; height: 4px;}

/*企业文化*/
.mt-inner-culture .mt-inner-title { margin-bottom:20px;}

  .mt-inner-prevnext ul li span { width: 108px; height: 40px; line-height: 38px; font-size: 14px; border-radius: 20px;}
  .mt-inner-prevnext ul li a { width: calc(100% - 108px); line-height: 25px; font-size: 15px; padding-left: 20px;}

}

@media (max-width:1366px) {
  .mt-header-right .mt-header-tel { padding-left: 30px;}

  .mt-nav { padding-right: 15px;}
  .mt-nav_list>ul>li { padding: 0 15px;}
  .mt-nav_list>ul>li .nav-dropdown { width: 600px;}
  .mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { padding: 24px;}
  .nav-dropdown .nav-dropdown_image { padding: 0 24px 0 0;}
  .nav-dropdown_image a { height: 160px;}
  .nav-dropdown_image::after { width: 24px; height: 2px; left: -12px; top: 20px;}
  .nav-dropdown .nav-dropdown_menu { padding: 0 0 0 24px;}
  .nav-dropdown_menu dl { margin-bottom: -12px;}
  .nav-dropdown_menu dl dd { margin-bottom: 12px;}

  .mt-footer-left { padding-right: 60px;}

  .mt-view-tel a, .mt-view-wechat a, .mt-view-top a { width: 44px; height: 44px; padding: 12px;}
  .mt-view-tel p { height: 44px; line-height: 44px; font-size: 18px; padding: 0 16px; right: 46px;}
  .mt-view-wechat p { right: 46px;}


  .mt-inner-banner { height: 460px;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 30px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 16px; margin-top: 15px;}
  .mt-inner-banner .scroll-down { width: 40px; height: 40px;}
  .mt-inner-banner .scroll-down i { width: 14px; height: 14px;}

  .mt-inner-title p { font-size: 30px;}
  .mt-inner-title span { font-size: 15px;}
  .mt-inner-title::after { width: 30px; height: 3px;}
}

@media (max-width:1280px) {
  .mt-nav_list>ul>li .nav-dropdown { width: 540px;}
  .mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { padding: 20px;}
  .nav-dropdown .nav-dropdown_image { padding: 0 20px 0 0;}
  .nav-dropdown_image a { height: 150px;}
  .nav-dropdown_image::after { width: 20px; height: 2px; left: -10px; top: 20px;}
  .nav-dropdown .nav-dropdown_menu { padding: 0 0 0 20px;}
  .nav-dropdown_menu dl { margin-bottom: -10px;}
  .nav-dropdown_menu dl dd { margin-bottom: 10px;}
  .nav-dropdown_menu dl dd a { height: 28px; line-height: 28px; font-size: 14px;}
  .nav-dropdown_menu dl dd a i { top: 9px;}

  .mt-footer-left dl dd p { max-width: 320px;}

  .mt-more a, .mt-more1 a { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 20px;}
  .mt-more1 a { line-height: 38px;}


  .mt-inner-banner { height: 420px;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 28px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 15px; margin-top: 12px;}

  .mt-inner-menu ul li { margin-right: 30px;}
  .mt-inner-menu ul li a { height: 60px; line-height: 60px; font-size: 16px;}

  .mt-inner-crumb { margin: 15px 0;}

  .mt-inner-title p { font-size: 28px;}
  .mt-inner-title span { font-size: 14px;}
  .mt-inner-title::after { width: 30px; height: 3px;}
}

@media (max-width:1200px) {
  .mt-inner-banner { height: 400px;}

}

@media (max-width:1080px) {
  
  .mt-nav { padding-right: 20px;}
  .mt-nav .mt-nav_list { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: -100%; z-index: 9999;}
  .mt-nav .mt-nav_list.open { left: 0;}
  .mt-nav_list>ul { width: 50%; height: 100%; overflow-y: scroll;; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }  
  .mt-nav_list>ul>li { display: block; padding: 0; position: relative;}
  .mt-nav_list>ul>li>a { display: block; width: 100%; height: 60px; line-height: 60px; color: #222; font-size: 18px; text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
  .mt-nav_list>ul>li:hover>a, .mt-nav_list>ul>li.active>a { color: #5fb62f; border-bottom: 1px solid #5fb62f;}
  .mt-nav_list>ul>li>a::after { height: 1px; bottom: -1px;}

  .mt-nav_list>ul>li>i { display: block; width: 60px; height: 60px; margin: 0; padding: 22px; position: absolute; top: 0; right: 0;}
  .mt-nav_list>ul>li>i svg path { fill: #999;}
  .mt-nav_list>ul>li.on>i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .mt-nav_list>ul>li.on>i svg path { fill: #5fb62f;}
  .mt-nav_list>ul>li ul { display: none; width: 100%; padding: 10px 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
  .mt-nav_list>ul>li.on ul { display: block; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
  .mt-nav_list>ul>li ul li a { height: 40px; line-height: 40px; color: #555; text-align: left; padding: 0 10px 0 25px; border: 0; position: relative;}
  .mt-nav_list>ul>li ul li a::before { content: ''; display: block; width: 5px; height: 2px; margin-top: -1px; background-color: #5fb62f; position: absolute; left: 10px; top: 50%;}
  .mt-nav_list>ul>li ul li a:hover::before { background-color: #fff;}
  .mt-nav .mt-nav_btn { display: block; width: 40px; height: 40px; margin: 20px 0; padding: 12px 10px;}
  .mt-nav_btn i { display: block; height: 2px; background-color: #fff; margin: 5px 0;}
  .mt-nav_btn::before, .mt-nav_btn::after { content: ''; display: block; height: 2px; background-color: #fff;}
  .mt-header.fxd .mt-nav_btn i, .mt-header:hover .mt-nav_btn i, .mt-header.fxd .mt-nav_btn::before, .mt-header.fxd .mt-nav_btn::after, .mt-header:hover .mt-nav_btn::before, .mt-header:hover .mt-nav_btn::after, .mt-header.mt-productshow-header .mt-nav_btn i, .mt-header.mt-productshow-header .mt-nav_btn::before, .mt-header.mt-productshow-header .mt-nav_btn::after { background-color: #5fb62f;}
  .mt-nav_list .mt-nav_mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 9998;}


  .mt-nav_list>ul>li .nav-dropdown { width: 100%;}
  .mt-nav_list>ul>li .nav-dropdown, .mt-nav_list>ul>li:hover .nav-dropdown { display: none; height: 0; position: inherit !important; left: inherit !important; top: inherit !important; transform: none !important; opacity: 0; visibility: hidden; transform: translate(-50%, 20px); -webkit-transform: translate(-50%, 20px);}
  .mt-nav_list>ul>li:hover .nav-dropdown, .mt-nav_list>ul>li.on .nav-dropdown { padding: 24px 30px;}
  .mt-nav_list>ul>li.on .nav-dropdown { display: flex; height: auto; opacity: 1; visibility: visible; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}

  
  .mt-footer-left { width: 100%; padding-right: 0;}
  .mt-footer-left dl dd p { max-width: 400px;}
  .mt-footer-right { display: none;}
  .mt-footer-copy p, .mt-footer-copy p a { font-size: 14px;}

  .mt-view-wechat { display: none;}


  .mt-inner-banner { height: 360px;}

}

@media (max-width:1024px) {
}

@media (max-width:920px) {
  .mt-header-container a.mt-header-logo { height: 50px; margin: 10px 0;}
  .mt-header-right .mt-header-tel { margin: 15px 0;}

  .mt-nav .mt-nav_btn { margin: 15px 0;}
  .nav-dropdown_image a { height: 130px;}
  .nav-dropdown_menu dl dd { margin-bottom: 7px;}

  .mt-footer-container { display: none;}
  .mt-footer-copy { display: block; border-top: 0;}
  .mt-footer-copy p { line-height: 28px; text-align: center;}


  .mt-inner-banner { height: 320px;}
  .mt-inner-banner::before { height: 32%;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 24px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 14px; margin-top: 10px;}
  .mt-inner-banner .scroll-down { bottom: 20px;}

  .mt-inner-menu ul li { margin-right: 24px;}
  .mt-inner-menu ul li a { height: 50px; line-height: 50px; font-size: 15px;}

  .mt-inner-crumb { margin: 10px 0;}

  .mt-inner-title { margin-bottom: 20px; padding-bottom: 12px;}
  .mt-inner-title p { font-size: 24px;}
  .mt-inner-title span { font-size: 14px; margin-top: 6px;}
  .mt-inner-title::after { width: 30px; height: 3px;}
/*企业文化*/
.mt-inner-culture .mt-inner-title { margin-bottom:10px;}

}

@media (max-width:820px) {
  .mt-header-right .mt-header-search { position: inherit;}
  .mt-header-search form { transform: scale3d(1, 0, 0); -webkit-transform: scale3d(1, 0, 0);}
  .mt-header-search form { width: 100%; height: auto; padding: 20px 3%; background-color: #fff; border-top: 1px solid #e6e6e6; top: 100%; right: 0;}
  .mt-header-search i.search-open { margin-bottom: -40px;}
  .mt-header-search i.search-close { position: inherit; top: inherit; right: inherit;}
  .mt-header#search-show .mt-header-search i.search-close { margin-top: -40px;}

  .mt-header#search-show .mt-nav { display: block;}
  .mt-nav .mt-nav_btn { right: 33%;}
  .mt-nav_list>ul { width: 60%;}

  .mt-view-tel p { display: none !important;}
  
  .mt-inner-banner { height: 280px;}

}

@media (max-width:767px) {
  .mt-header { background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .06);}
  .mt-header a.mt-header-logo { height: 40px; margin: 12px 0;}

  .mt-header-right .mt-header-tel { margin: 12px 0; padding-left: 15px; font-size: 18px;}
  .mt-header-right .mt-header-tel::before { background-color: #e6e6e6;}
  .mt-header-tel i { width: 20px; height: 20px;}
  
  .mt-nav { padding-right: 5px;}
  .mt-nav .mt-nav_btn { margin: 12px 0;}
  .mt-nav_btn::before, .mt-nav_btn::after, .mt-nav_btn i { background-color: #5fb62f;}
  .mt-nav_list>ul { width: 65%;}
  .mt-nav_list>ul>li>a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 50px 0 15px;}
  .mt-nav_list>ul>li>i { width: 50px; height: 50px; padding: 18px;}
  .mt-nav_list>ul>li.on .nav-dropdown { display: block; padding: 15px;}
  .nav-dropdown .nav-dropdown_image { width: 100%; margin-bottom: 10px; padding: 0;}
  .nav-dropdown .nav-dropdown_menu { width: 100%; padding: 0; border: 0;}

  .mt-view-tel { display: none;}
  .mt-view-tel a, .mt-view-wechat a, .mt-view-top a { width: 40px; height: 40px;}

  .mt-header-search_input input { height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; border-radius: 20px;}
  .mt-header-search_button button { width: 100px; height: 40px; line-height: 38px; font-size: 14px; border-radius: 20px;}

  .mt-page a.pnnum { display: none;}

  .mt-inner-banner { height: 200px; margin-top: 64px;}
  .mt-inner-banner::before { display: none;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 20px;}
  .mt-inner-banner .mt-inner-banner_title span { font-size: 12px; margin-top: 10px;}
  .mt-inner-banner .scroll-down { width: 24px; height: 24px; bottom: 10px;}
  .mt-inner-banner .scroll-down i { width: 9px; height: 9px;}

  .mt-inner-top .container-width { display: block;}
  .mt-inner-menu { max-width: 100%;}
  .mt-inner-menu ul { justify-content: center;}
  .mt-inner-menu ul li { margin-right: 20px;}
  .mt-inner-menu ul li a { height: 48px; line-height: 48px; font-size: 14px;}

  .mt-inner-crumb { max-width: 100%;}


  .mt-inner-prevnext ul li span { width: 82px; height: 32px; line-height: 30px; font-size: 14px; border-radius: 16px;}
  .mt-inner-prevnext ul li a { width: calc(100% - 82px); line-height: 24px; font-size: 14px; padding-left: 12px;}

}

@media (max-width:390px) {
  .mt-inner-banner { height: 180px;}

}

@media (max-width:320px) {
  .mt-header-right .mt-header-tel { display: none;}

  .mt-nav { padding-right: 0;}
  .mt-nav_list>ul { width: 70%;}
  .nav-dropdown_image a { height: 120px;}

  .mt-inner-banner { height: 160px;}
  .mt-inner-banner .mt-inner-banner_title p { font-size: 18px;}
  .mt-inner-banner .mt-inner-banner_title span { margin-top: 5px;}

  .mt-inner-menu ul li { margin-right: 16px;}

  .mt-inner-title p { font-size: 22px;}
  .mt-inner-title span { font-size: 12px;}

}