* { 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: 90%; max-height: 90%; margin: auto;}

.bgcolor { background-color: #f5f5f5;}

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


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

.container-width { width: 1600px; 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-container { margin-top: 100px;}
@media (max-width:1680px) {
  .mt-container { margin-top: 80px;}
}
@media (max-width:920px) {
  .mt-container { margin-top: 70px;}
}
@media (max-width:767px) {
  .mt-container { margin-top: 64px;}
}


/*mt-header start*/
.mt-header { width: 100%; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .06); position: fixed; left: 0; top: 0; z-index: 9999;}
.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; position: relative;}
.mt-header-logo { margin: 20px 0;}
.mt-header-logo a { display: -webkit-flex; display: flex; align-items: center; height: 60px; overflow: hidden;}
.mt-header-logo a img { max-height: 100%;}

.mt-header-nav { margin: 0;}
.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#nav_id2 { position: unset;}
.mt-nav_list>ul>li>a { display: inline-block; height: 100px; overflow: hidden; line-height: 100px; color: #000; font-size: 18px; font-weight: bold; vertical-align: middle; position: relative;}
.mt-nav_list>ul>li:hover>a, .mt-nav_list>ul>li.active>a { color: #cf2f2a;}
.mt-nav_list>ul>li>a::after { content: ''; display: block; width: 0; height: 2px; background-color: #cf2f2a; 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-nav_list>ul>li>i { display: none; width: 10px; height: 10px; margin-left: 5px;}
.mt-nav_list>ul>li:hover>i svg path { fill: #cf2f2a;}

.mt-nav_list>ul>li .nav-dropdown { display: flex; justify-content: space-between; width: 1360px; height: 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: 0; top: 100%; z-index: 2; opacity: 0; visibility: hidden; transform: translate(0, 20px); -webkit-transform: translate(0, 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; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
.nav-dropdown .nav-dropdown_menu { width: 350px; overflow: hidden; padding: 40px 0 40px 50px; background-color: #f5f5f5; position: relative;}
.nav-dropdown_menu .nav-dropdown_head { line-height: 40px; color: #000; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.nav-dropdown_menu dl { max-height: 560px; overflow-y: scroll;}
.nav-dropdown_menu dl::-webkit-scrollbar { width: 0 !important;}
.nav-dropdown_menu dl dd { overflow: hidden; padding: 10px 20px; background-image: linear-gradient(to right, rgba(207,47,42,0), rgba(207,47,42,0));}
.nav-dropdown_menu dl dd.active, .nav-dropdown_menu dl dd:hover { background-image: linear-gradient(to right, rgba(207,47,42,1), rgba(207,47,42,.05));}
.nav-dropdown_menu dl dd a { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #000; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; padding-left: 16px; position: relative;}
.nav-dropdown_menu dl dd a::before { content: ''; display: block; width: 6px; height: 6px; margin-top: -3px; background-color: #999; border-radius: 50%; position: absolute; left: 0; top: 50%;}
.nav-dropdown_menu dl dd.active a, .nav-dropdown_menu dl dd:hover a { color: #fff; font-weight: bold;}
.nav-dropdown_menu dl dd.active a::before, .nav-dropdown_menu dl dd:hover a::before { background-color: #fff;}

.nav-dropdown .nav-dropdown_list { width: calc(100% - 350px); overflow: hidden; padding: 50px;}
.nav-dropdown_list dl { display: none; flex-wrap: wrap; justify-content: left; margin: 0 -15px -30px; max-height: 600px; overflow-y: scroll;}
.nav-dropdown_list dl.show { display: flex;}
.nav-dropdown_list dl::-webkit-scrollbar { width: 0 !important;}
.nav-dropdown_list dl dd { width: calc(100% / 3); margin-bottom: 30px; padding: 0 15px;}
.nav-dropdown_list dl dd a.image { display: block; width: 100%; height: 200px; overflow: hidden; border: 1px solid #e6e6e6; position: relative;}
.nav-dropdown_list dl dd span.model { display: block; height: 24px; overflow: hidden; line-height: 24px; color: #cf2f2a; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0 4px; padding-left: 10px; position: relative;}
.nav-dropdown_list dl dd span.model::before { content: ''; display: block; width: 2px; height: 14px; margin-top: -7px; background-color: #cf2f2a; position: absolute; left: 0; top: 50%;}
.nav-dropdown_list dl dd a.name { display: block; max-height: 56px; overflow: hidden; line-height: 28px; color: #555; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nav-dropdown_list dl dd:hover a.image { border: 1px solid #cf2f2a;}
.nav-dropdown_list dl dd:hover a.image img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.nav-dropdown_list dl dd:hover a.name { color: #000; font-weight: bold; text-decoration: underline;}

.mt-nav_list>ul>li .menu-dropdown { width: 130%; height: 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: -15%; top: 100%; z-index: 2; opacity: 0; visibility: hidden; transform: translate(0, 20px); -webkit-transform: translate(0, 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 .menu-dropdown, .mt-nav_list>ul>li.on .menu-dropdown { height: auto; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
.menu-dropdown dl dd { border-bottom: 1px solid #e6e6e6;}
.menu-dropdown dl dd:last-child { border-bottom: 0;}
.menu-dropdown dl dd a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis; padding: 10px;}
.menu-dropdown dl dd a:hover { color: #000; font-weight: bold; text-decoration: underline; background-color: #f5f5f5;}


.mt-header-right { display: flex; align-items: center; justify-content: space-between;}
.mt-header-right .mt-header-search { margin: 32px 0; position: relative;}
.mt-header-search i.search-open { display: block; width: 36px; height: 36px; padding: 8px; background-color: #cf2f2a; border-radius: 50%; cursor: pointer; opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}
.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 { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 40px; z-index: 99; width: 300px; height: 36px; 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 { width: calc(100% - 18px); height: 36px; overflow: hidden; line-height: 36px; 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 20px; background-color: #f8f8f8; border-radius: 18px 0 0 18px; border: 0; outline: none;}
.mt-header-search .mt-header-search_input::placeholder { color: #777;}
.mt-header-search .mt-header-search_button { width: 36px; height: 36px; overflow: hidden; font-size: 0; margin-left: -18px; background-color: #cf2f2a; border-radius: 50%; border: 0; outline: none; cursor: pointer;}
.mt-header-search .mt-header-search_button i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 8px;}
.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: 36px; height: 36px; overflow: hidden; padding: 8px; background-color: #000; border-radius: 50%; 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#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: 36px; line-height: 36px; color: #cf2f2a; font-size: 22px; font-weight: bold; margin: 32px 0; padding: 0 25px 0 0; position: relative;}
.mt-header#search-show .mt-header-right .mt-header-tel { opacity: 0; filter: Alpha(opacity=0); transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0);}
.mt-header-tel i { display: block; width: 20px; height: 20px; overflow: hidden; margin-right: 10px;}
/*mt-header end*/



/*mt-footer start*/
.mt-footer_line { width: 100%; height: 18px; overflow: hidden; margin: -4px 0 -14px; background: url(../images/foot-line.png) center center no-repeat; background-size: 1920px 18px; position: relative; z-index: 1;}
.mt-footer { overflow: hidden; background: url(../images/footer-bg.jpg) center top no-repeat; background-size: cover;}
.mt-footer .mt-footer-container { overflow: hidden; padding: 80px 0; border-bottom: 1px solid #e6e6e6;}
.mt-footer-container .mt-footer_main { display: flex; justify-content: space-between;}
.mt-footer_left { width: 25%;}
.mt-footer_left .mt-footer_title { margin-bottom: 30px;}
.mt-footer_left .mt-footer_title p { line-height: 32px; color: #000; font-size: 24px; font-weight: bold; margin-bottom: 6px;}
.mt-footer_left .mt-footer_title span { display: block; line-height: 32px; color: #cf2f2a; font-size: 24px;}
.mt-footer_left .mt-footer_WeChat p { width: 135px; height: 135px; overflow: hidden; padding: 5px; background: url(../images/WeChat-bg.jpg) 0 0 no-repeat; background-size: 100% 100%;}
.mt-footer_left .mt-footer_WeChat p img { display: block; width: 100%; height: 100%;}
.mt-footer_left .mt-footer_WeChat span { display: block; width: 135px; line-height: 24px; color: #777; font-size: 16px; text-align: center; margin-top: 6px;}

.mt-footer_right { width: 65%;}
.mt-footer_right ul { display: flex; justify-content: space-between;}
.mt-footer_right ul li label { display: block; line-height: 30px; color: #000; font-size: 18px; font-weight: bold; margin-bottom: 28px;}
.mt-footer_right ul li a { display: block; max-width: 160px; line-height: 30px; color: #555; font-size: 16px; margin-top: 14px;}
.mt-footer_right ul li a:hover { color: #cf2f2a;}
.mt-footer_right ul li p { max-width: 320px; min-height: 30px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; margin-top: 14px; padding-left: 25px; position: relative;}
.mt-footer_right ul li p i { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 0; top: 7px;}

.mt-footer-copy { display: flex; align-items: center; justify-content: space-between; padding: 25px 0;}
.mt-footer-copy p { line-height: 30px; color: #777; font-size: 16px; text-align: center;}
.mt-footer-copy p a { color: #777; font-size: 16px;}
.mt-footer-copy p a:hover { color: #cf2f2a;}
/*mt-footer end*/


/*mt-view start*/
.mt-view { position: fixed; top: 50%; right: 0; z-index: 998; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mt-view-consult, .mt-view-tel, .mt-view-wechat { margin-bottom: 2px; position: relative;}
.mt-view-top { margin-top: 10px;}
.mt-view-consult a, .mt-view-tel a, .mt-view-wechat a, .mt-view-top a { display: block; width: 58px; height: 58px; overflow: hidden; font-size: 0; padding: 14px; background-color: #9da4aa;}
.mt-view-consult a:hover, .mt-view-tel a:hover, .mt-view-wechat a:hover, .mt-view-top a:hover { background-color: #cf2f2a;}
.mt-view-consult a { padding: 17px; border-radius: 4px 0 0 0;}
.mt-view-tel a { padding: 17px;}
.mt-view-wechat a { padding: 16px; border-radius: 0 0 0 4px;}
.mt-view-top a { padding: 19px; border-radius: 4px 0 0 4px;}
.mt-view-tel p { display: none; width: auto; height: 58px; overflow: hidden; line-height: 58px; color: #cf2f2a; 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 0 0 4px; position: absolute; top: 0; right: 60px;}
.mt-view-tel:hover p { display: block;}
.mt-view-wechat p { display: none; width: 140px; height: auto; overflow: hidden; padding: 10px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 4px 0 0 4px; position: absolute; top: 0; right: 60px;}
.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: 500px; overflow: hidden; background-color: #f8f8f8; position: relative;}
.mt-inner-banner .mt-inner-banner_text { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.mt-inner-banner .mt-inner-banner_text .con { width: 50%; overflow: hidden; padding: 40px; background-color: rgba(0, 0, 0, .35); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.mt-inner-banner .mt-inner-banner_text .con h5 { line-height: 1; color: #fff; font-size: 44px; font-weight: bold;}
.mt-inner-banner .mt-inner-banner_text .con h5 span { color: #cf2f2a;}
.mt-inner-banner .mt-inner-banner_text .con p { display: block; max-height: 64px; overflow: hidden; line-height: 32px; color: rgba(255, 255, 255, .7); font-size: 18px; margin-top: 20px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*mt-inner-banner end*/


/*mt-inner-top start*/
.mt-inner-top { overflow: hidden; margin: -45px 0 0; border-bottom: 1px solid #eee; position: relative; z-index: 1;}
.mt-inner-top::before { content: ''; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: calc(50% - 800px); top: 0;}
.mt-inner-top .container-width { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.mt-inner-menu { max-width: 50%;}
.mt-inner-menu ul { display: flex; align-items: center;}
.mt-inner-menu ul li { padding: 0 40px;}
.mt-inner-menu ul li:last-child { margin-right: 0;}
.mt-inner-menu ul li a { display: block; height: 90px; overflow: hidden; line-height: 90px; color: #222; font-size: 18px; position: relative;}
.mt-inner-menu ul li:hover a, .mt-inner-menu ul li.active a { font-size: 22px;}
.mt-inner-menu ul li a::after { content: ''; display: block; width: 0; height: 3px; background-color: #cf2f2a; position: absolute; left: 50%; top: 70%; 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: 30px 0; padding-left: 30px; position: relative;}
.mt-inner-crumb i { display: block; width: 30px; height: 30px; overflow: hidden; padding: 5px; border: 1px solid #ddd; border-radius: 50%; position: absolute; left: 0; top: 0;}
.mt-inner-crumb p { height: 30px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.mt-inner-crumb p a, .mt-inner-crumb p span { line-height: 30px; color: #777; font-size: 16px; padding: 0 15px 0 14px; position: relative;}
.mt-inner-crumb p a:hover { color: #cf2f2a;}
.mt-inner-crumb p a::after { content: ''; display: block; width: 1px; height: 14px; margin-top: -7px; background-color: #ddd; position: absolute; top: 50%; right: 0;}
.mt-inner-crumb p span { color: #222; padding: 0 0 0 14px;}

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


.mt-inner-title { overflow: hidden; line-height: 1.2; color: #000; font-size: 44px; font-weight: bold; text-align: center; margin-bottom: 50px;}
.mt-inner-title_white { color: #fff;}


/*mt-page start*/
.mt-page { display: flex; align-items: center; justify-content: center; line-height: 54px; color: #777; font-size: 16px;}
.mt-page a { display: block; width: 54px; height: 54px; margin: 0 10px; border: 1px solid #ddd;}
.mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 52px; font-size: 16px; text-align: center;}
.mt-page a.pnnum { color: #222;}
.mt-page a.pnnum:hover, .mt-page a.pnnum1 { color: #fff; background-color: #cf2f2a; border: 1px solid #cf2f2a;}
.mt-page a.mt-prev, .mt-page a.mt-next { padding: 18px;}
.mt-page a.mt-prev { margin: 0 10px 0 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.mt-page a.mt-next { margin: 0 0 0 10px;}
.mt-page a.mt-prev:hover, .mt-page a.mt-next:hover { background-color: #cf2f2a; border: 1px solid #cf2f2a;}
.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: #cf2f2a; font-size: 18px; text-align: center; background-color: rgba(0, 0, 0, 0); border: 1px solid #cf2f2a; border-radius: 24px;}
.mt-inner-prevnext ul li:hover span { color: #fff; background-color: #cf2f2a;}
.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: #cf2f2a; text-decoration: underline;}
/*mt-inner-prevnext end*/


/*mt-msg-pop start*/
.mt-msg-mask { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55); position: fixed; top: 0; left: 0; z-index: 9998;}
.mt-msg-mask.show { display: block;}
.mt-msg-pop { width: 840px; height: auto; overflow: hidden; padding: 20px 30px 30px; background-color: #fff; border-radius: 0; position: fixed; left: 50%; top: 50%; z-index: 9999; opacity: 0; filter: Alpha(opacity=0); transform: scale3d(1, 0, 1) translate(-50%, -50%); -webkit-transform: scale3d(1, 0, 1) translate(-50%, -50%);}
.mt-msg-pop.show { opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1) translate(-50%, -50%); -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%);}
.mt-msg-pop h3 { height: 50px; line-height: 40px; color: #333; font-size: 22px; font-weight: bold; text-transform: capitalize; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 10px;}
.mt-msg-pop h3 em.mt-msg-pop_close { display: block; width: 40px; height: 40px; overflow: hidden; padding: 10px; cursor: pointer; float: right;}
.mt-msg-pop h3 em.mt-msg-pop_close:hover svg path { fill: #cf2f2a;}

.mt-msg-pop ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px -20px;}
.mt-msg-pop ul li { width: 50%; margin-bottom: 20px; padding: 0 10px;}
.mt-msg-pop ul li:nth-child(5) { width: 100%; margin-bottom: 20px;}
.prompt, .mt-msg-pop_ipt { position: relative;}
.prompt::before { content: '*'; display: block; line-height: 20px; color: #f00; font-size: 16px; position: absolute; left: 8px; top: 16px;}
.mt-msg-pop_ipt input { display: block; width: 100%; height: 44px; overflow: hidden; line-height: 24px; color: #222; font-size: 16px; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; padding: 10px 20px; background: #f8f8f8; border: 0; outline: none;}
.mt-msg-pop_area textarea { display: block; width: 100%; height: 200px; overflow-y: scroll; line-height: 30px; color: #222; font-size: 16px; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; padding: 10px 20px; background: #f8f8f8; border: 0; outline: none; resize: none;}
.mt-msg-pop_ipt input::-webkit-input-placeholder, .mt-msg-pop_area textarea::-webkit-input-placeholder { font-size: 16px; color: #777;}

.mt-msg-pop_ipt a.yzm { display: block; width: 90px; height: 30px; overflow: hidden; position: absolute; top: 7px; right: 7px;}

.mt-msg-pop_btn { display: flex; justify-content: center;}
.mt-msg-pop_btn button { display: block; width: calc(50% - 10px); height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; border: 0; outline: none; cursor: pointer;}
.mt-msg-pop_btn button.btn01 { background-color: #cf2f2a; margin-right: 20px;}
.mt-msg-pop_btn button.btn02 { background-color: #555;}
.mt-msg-pop_btn button.btn01:hover, .mt-msg-pop_btn button.btn02:hover { background-color: #000;}
/*mt-msg-pop end*/


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

  .mt-header-right .mt-header-search { margin: 22px 0;}
  .mt-header-right .mt-header-tel { margin: 22px 0; padding: 0 20px 0 0;}

  .mt-nav_list>ul>li { padding: 0 20px;}
  .mt-nav_list>ul>li>a { height: 80px; line-height: 80px; font-size: 17px;}
  .mt-nav_list>ul>li .nav-dropdown { width: 1200px;}
  .nav-dropdown .nav-dropdown_menu { width: 320px; padding: 30px 0 30px 40px;}
  .nav-dropdown_menu .nav-dropdown_head { line-height: 32px; font-size: 26px;}
  .nav-dropdown_menu dl dd a { height: 35px; line-height: 35px; font-size: 17px;}
  .nav-dropdown .nav-dropdown_list { width: calc(100% - 320px); padding: 40px;}
  .nav-dropdown_list dl { max-height: 552px;}
  .nav-dropdown_list dl dd a.image { height: 180px;}
  .menu-dropdown dl dd a { height: 45px; line-height: 25px; font-size: 15px;}

  .mt-footer .mt-footer-container { padding: 60px 0;}
  .mt-footer_left { width: 28%;}
  .mt-footer_left .mt-footer_title { margin-bottom: 20px;}
  .mt-footer_left .mt-footer_title p, .mt-footer_left .mt-footer_title span { line-height: 30px; font-size: 22px;}
  .mt-footer_right { width: 66%;}
  .mt-footer_right ul li label { margin-bottom: 20px;}
  .mt-footer_right ul li a, .mt-footer_right ul li p { margin-top: 10px;}
  .mt-footer-copy { padding: 20px 0;}
  
  .mt-view-consult a, .mt-view-tel a, .mt-view-wechat a, .mt-view-top a { width: 50px; height: 50px; padding: 14px;}
  .mt-view-consult a { padding: 13px;}
  .mt-view-top a { padding: 15px;}
  .mt-view-tel p { height: 50px; line-height: 50px; font-size: 20px; right: 52px;}
  .mt-view-wechat p { width: 120px; right: 52px;}
  .mt-view-wechat p img { margin: 0 auto 8px;}

  .mt-inner-banner { height: 450px;}
  .mt-inner-banner .mt-inner-banner_text .con { padding: 30px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 40px;}
  .mt-inner-banner .mt-inner-banner_text .con p { max-height: 60px; line-height: 30px; font-size: 16px;}

  .mt-inner-top { margin: -35px 0 0;}
  .mt-inner-top::before { left: calc(50% - 700px);}
  .mt-inner-menu ul li { padding: 0 30px;}
  .mt-inner-menu ul li a { height: 70px; line-height: 70px; font-size: 18px;}

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

  .mt-inner-title { font-size: 40px; margin-bottom: 40px;}

  .mt-page { line-height: 50px;}
  .mt-page a { width: 50px; height: 50px;}
  .mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 48px;}
  .mt-page a.mt-prev, .mt-page a.mt-next { padding: 16px;}

  .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: 440px;}
}

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

@media (max-width:1440px) {

  .mt-nav_list>ul>li>a { font-size: 16px;}
  .mt-nav_list>ul>li .nav-dropdown { width: 1080px;}
  .nav-dropdown .nav-dropdown_menu { width: 300px; padding: 20px 0 20px 30px;}
  .nav-dropdown_menu .nav-dropdown_head { line-height: 30px; font-size: 24px;}
  .nav-dropdown_menu dl dd { padding: 9px 20px;}
  .nav-dropdown_menu dl dd a { height: 30px; line-height: 30px; font-size: 16px; padding-left: 15px;}
  .nav-dropdown_menu dl dd a::before { width: 5px; height: 5px; margin-top: -2px;}
  .nav-dropdown .nav-dropdown_list { width: calc(100% - 300px); padding: 30px;}
  .nav-dropdown_list dl { max-height: 500px; margin: 0 -12px -24px;}
  .nav-dropdown_list dl dd { margin-bottom: 24px; padding: 0 12px;}
  .nav-dropdown_list dl dd a.image { height: 160px;}
  .menu-dropdown dl dd a { height: 44px; line-height: 24px; font-size: 14px;}

  .mt-footer .mt-footer-container { padding: 48px 0;}
  .mt-footer-copy { padding: 15px 0;}
  .mt-footer-copy p, .mt-footer-copy p a { font-size: 15px;}
  .mt-footer_left .mt-footer_title p { font-size: 20px; margin-bottom: 4px;}
  .mt-footer_left .mt-footer_title span { font-size: 18px;}
  .mt-footer_left .mt-footer_WeChat span { font-size: 15px;}
  .mt-footer_right ul li a, .mt-footer_right ul li p { font-size: 15px; margin-top: 8px;}

  .mt-inner-banner { height: 400px;}
  .mt-inner-banner .mt-inner-banner_text .con { padding: 24px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 32px;}
  .mt-inner-banner .mt-inner-banner_text .con p { max-height: 48px; line-height: 24px; font-size: 14px;}

  .mt-inner-top { margin: -32px 0 0;}
  .mt-inner-top::before { left: calc(50% - 640px);}
  .mt-inner-menu ul li a { height: 64px; line-height: 64px; font-size: 16px;}
  .mt-inner-menu ul li:hover a, .mt-inner-menu ul li.active a { font-size: 18px;}
  .mt-inner-menu ul li a::after { height: 2px; top: 72%;}

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

  .mt-inner-title { font-size: 32px; margin-bottom: 30px;}

  .mt-page { line-height: 48px;}
  .mt-page a { width: 48px; height: 48px;}
  .mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 46px;}
  .mt-page a.mt-prev, .mt-page a.mt-next { padding: 16px;}

  .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;}


  .mt-msg-pop { width: 720px; padding: 16px 24px 24px;}
  .mt-msg-pop h3 { height: 40px; line-height: 30px; font-size: 20px; margin-bottom: 24px; padding-bottom: 10px;}
  .mt-msg-pop h3 em.mt-msg-pop_close { width: 30px; height: 30px; padding: 5px;}
  .mt-msg-pop ul { margin: 0 -6px -12px;}
  .mt-msg-pop ul li { margin-bottom: 12px; padding: 0 6px;}
  .mt-msg-pop ul li:nth-child(5) { margin-bottom: 12px;}
  .mt-msg-pop_ipt input { height: 40px; line-height: 24px; font-size: 14px; padding: 8px 20px;}
  .mt-msg-pop_area textarea { height: 140px; line-height: 24px; font-size: 14px;}
  .mt-msg-pop_ipt input::-webkit-input-placeholder, .mt-msg-pop_area textarea::-webkit-input-placeholder { font-size: 14px;}
  .mt-msg-pop_ipt a.yzm { top: 5px; right: 5px;}
  .prompt::before { font-size: 14px; top: 12px;}
  .mt-msg-pop_btn button { width: calc(50% - 6px); height: 40px; line-height: 40px; font-size: 14px;}
  .mt-msg-pop_btn button.btn01 { margin-right: 12px;}

}

@media (max-width:1366px) {
  .mt-nav_list>ul>li { padding: 0 15px;}

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

  .mt-inner-top::before { left: calc(50% - 600px);}
  .mt-inner-menu ul li { padding: 0 25px;}
}

@media (max-width:1280px) {
  .mt-nav_list>ul>li .nav-dropdown { width: 100%;}

  .mt-header-right .mt-header-tel { font-size: 20px;}
  .mt-header-search form { width: 260px;}

  .mt-footer_left { width: 30%;}
  .mt-footer_right { width: 60%;}
  .mt-footer_right ul li:last-child { display: none;}

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

  .mt-inner-top { margin: -30px 0 0;}
  .mt-inner-top::before { left: calc(50% - 540px);}
  .mt-inner-menu ul li { padding: 0 20px;}
  .mt-inner-menu ul li a { height: 60px; line-height: 60px; font-size: 15px;}
  .mt-inner-menu ul li:hover a, .mt-inner-menu ul li.active a { font-size: 15px;}

  .mt-inner-crumb { margin: 15px 0;}
  .mt-inner-crumb p a, .mt-inner-crumb p span { font-size: 15px;}

}

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

}

@media (max-width:1080px) {
  .mt-header .mt-header-container { display: block;}
  .mt-header .mt-header-container::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}

  .mt-header-logo { float: left;}
  
  .mt-header-nav { margin-left: 3%; float: right;}
  .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 !important;}
  .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: #cf2f2a; border-bottom: 1px solid #cf2f2a;}
  .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: #cf2f2a;}
  .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: #cf2f2a; position: absolute; left: 10px; top: 50%;}
  .mt-nav_list>ul>li ul li a:hover::before { background-color: #cf2f2a;}
  .mt-nav .mt-nav_btn { display: block; width: 40px; height: 40px; margin: 20px 0; padding: 12px 10px; background-color: #cf2f2a; border-radius: 50%;}
  .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: #fff;}
  .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, .mt-nav_list>ul>li .menu-dropdown { display: block; position: unset !important; left: unset !important; top: unset !important;}
  .mt-nav_list>ul>li:hover .nav-dropdown { height: 0; opacity: 0; visibility: visible; transform: translate(0, 20px); -webkit-transform: translate(0, 20px);}
  .mt-nav_list>ul>li.on .nav-dropdown { height: auto; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
  .nav-dropdown .nav-dropdown_menu { width: 100%; padding: 20px 0 20px 30px;}
  .nav-dropdown_menu .nav-dropdown_head { display: none; line-height: 1; font-size: 20px;}
  .nav-dropdown_menu dl dd { margin-bottom: 4px; padding: 7px 20px;}
  .nav-dropdown_menu dl dd:last-child { margin-bottom: 0;}
  .nav-dropdown .nav-dropdown_list { display: none; width: 100%;}
  .nav-dropdown_list dl { max-height: inherit; margin: 0 -10px -20px;}
  .nav-dropdown_list dl dd { width: 50%; margin-bottom: 20px; padding: 0 10px;}
  .nav-dropdown_list dl dd a.image { height: 165px;}
  .menu-dropdown dl dd a { height: 44px; line-height: 24px; font-size: 14px;}
  .mt-nav_list>ul>li .menu-dropdown { width: 100%;}
  .mt-nav_list>ul>li:hover .menu-dropdown { height: 0; opacity: 0; visibility: visible; transform: translate(0, 20px); -webkit-transform: translate(0, 20px);}
  .mt-nav_list>ul>li.on .menu-dropdown { height: auto; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0);}
  .menu-dropdown dl dd a { height: 50px; line-height: 30px; font-size: 16px; text-align: left; padding: 10px 10px 10px 50px;}

  .mt-header-right { float: right;}
  .mt-header-right .mt-header-tel { display: none;}

  .mt-header-right .mt-header-search { margin: 20px 0;}
  .mt-header-search i.search-open, .mt-header-search i.search-close { width: 40px; height: 40px; padding: 10px;}
  .mt-header-search form { width: 300px; height: 40px; right: 44px;}
  .mt-header-search .mt-header-search_input { width: calc(100% - 20px); height: 40px; line-height: 40px; border-radius: 20px 0 0 20px;}
  .mt-header-search .mt-header-search_button { width: 40px; height: 40px; margin-left: -20px;}
  .mt-header-search .mt-header-search_button i { padding: 10px;}

  .mt-footer_line { height: 10px; margin: -5px 0; background: url(../images/foot-line.png) center center no-repeat; background-size: 1200px 10px;}
  .mt-footer-copy { display: block;}

  .mt-view-consult, .mt-view-wechat { display: none;}
  .mt-view-consult a, .mt-view-tel a, .mt-view-wechat a, .mt-view-top a { width: 40px; height: 40px; padding: 12px;}
  .mt-view-consult a { padding: 13px;}  
  .mt-view-tel a { border-radius: 4px 0 0 4px;}  
  .mt-view-tel p { height: 40px; line-height: 40px; font-size: 18px; padding: 0 14px; right: 42px;}
  .mt-view-tel:hover p { display: none;}
  .mt-view-wechat p { width: 120px; right: 42px;}
  .mt-view-wechat p img { margin: 0 auto 8px;}
  .mt-view-top { margin-top: 2px;}
  .mt-view-top a { padding: 12px;} 
  

  .mt-inner-banner { height: 300px;}
  .mt-inner-banner .mt-inner-banner_text .con { padding: 20px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 30px;}
  .mt-inner-banner .mt-inner-banner_text .con p { margin-top: 16px;}

  .mt-inner-top { margin: 0; background-color: #fff;}
  .mt-inner-top::before { display: none;}
  .mt-inner-menu ul li { margin-right: 30px; padding: 0;}
  .mt-inner-menu ul li:last-child { margin-right: 0;}

  .mt-inner-title { font-size: 30px;}

  .mt-page { line-height: 44px;}
  .mt-page a { width: 44px; height: 44px; margin: 0 4px;}
  .mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 42px;}
  .mt-page a.mt-prev, .mt-page a.mt-next { padding: 14px;}


  .mt-msg-pop { width: 640px; padding: 10px 20px 20px;}
  .mt-msg-pop h3 { font-size: 18px; margin-bottom: 20px;}
  .mt-msg-pop ul { margin: 0 -5px -10px;}
  .mt-msg-pop ul li { margin-bottom: 10px; padding: 0 5px;}
  .mt-msg-pop ul li:nth-child(5) { margin-bottom: 10px;}
  .mt-msg-pop_btn button { width: calc(50% - 5px);}
  .mt-msg-pop_btn button.btn01 { margin-right: 10px;}
}

@media (max-width:1024px) {
  .mt-footer_left .mt-footer_title p { font-size: 18px;}
}

@media (max-width:920px) {
  .mt-header-logo { margin: 10px 0;}
  .mt-header-right .mt-header-search { margin: 15px 0;}

  .mt-nav .mt-nav_btn { margin: 15px 0;}

  .mt-footer .mt-footer-container { padding: 40px 0; display: none;}
  .mt-footer-copy { padding: 20px 0;}

  .mt-inner-banner { height: 320px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 24px;}

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

  .mt-inner-title { font-size: 24px; margin-bottom: 20px;}

  .mt-page { line-height: 40px; font-size: 14px;}
  .mt-page a { width: 40px; height: 40px; margin: 0 4px;}
  .mt-page a.pnnum, .mt-page a.pnnum1 { line-height: 38px; font-size: 14px;}
  .mt-page a.mt-prev, .mt-page a.mt-next { padding: 12px;}

  .mt-msg-pop { width: 600px;}
}

@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-inner-banner { height: 280px;}

  .mt-msg-pop { width: 560px;}
}

@media (max-width:767px) {
  .mt-header-logo { height: 40px; margin: 12px 0;}
  .mt-header-logo a { height: 40px;}

  .mt-nav .mt-nav_btn { margin: 12px 0;}
  .mt-nav_list>ul { width: 60%;}
  .mt-nav_list>ul>li>a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 50px 0 20px;}
  .mt-nav_list>ul>li>i { width: 50px; height: 50px; padding: 18px;}
  .nav-dropdown .nav-dropdown_menu { padding: 10px 0 10px 20px;}
  .nav-dropdown_menu dl dd { margin-bottom: 2px; padding: 5px 10px;}
  .nav-dropdown_menu dl dd a { font-size: 15px;}
  .menu-dropdown dl dd a { height: 44px; line-height: 30px; font-size: 15px; text-align: left; padding: 7px 10px 7px 30px;}

  .mt-header-right .mt-header-search { margin: 12px 0;}
  .mt-header-search form { padding: 12px 3%;}
  .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-footer_line { height: 8px; margin: -4px 0; background: url(../images/foot-line.png) center center no-repeat; background-size: 720px 8px;}

  .mt-inner-banner { height: 200px;}
  .mt-inner-banner .mt-inner-banner_text .con { width: 80%; padding: 12px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 22px;}
  .mt-inner-banner .mt-inner-banner_text .con p { max-height: 40px; line-height: 20px; font-size: 12px; margin-top: 10px;}

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

  .mt-inner-crumb { max-width: 100%; margin: 10px auto;}
  .mt-inner-crumb i { width: 28px; height: 28px; left: 1px; top: 1px;}
  .mt-inner-crumb p a, .mt-inner-crumb p span { font-size: 14px; padding: 0 12px 0 10px;}

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

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

  .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;}


  .mt-msg-pop { width: 94%;}
  .mt-msg-pop ul li { width: 100%;}
  .mt-msg-pop_area textarea { height: 92px;}
}

@media (max-width:390px) {
  .mt-inner-menu ul li { margin-right: 12px;}
  .mt-inner-menu ul li a { font-size: 14px;}
  .mt-inner-menu ul li:hover a, .mt-inner-menu ul li.active a { font-size: 14px;}

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

}

@media (max-width:320px) {
  .mt-header-search form { padding: 10px 3%;}
  .mt-nav_list>ul { width: 70%;}

  .mt-footer-copy p, .mt-footer-copy p a { line-height: 24px; font-size: 14px;}

  .mt-inner-banner { height: 160px;}
  .mt-inner-banner .mt-inner-banner_text .con h5 { font-size: 20px;}

  .mt-about-menu ul li { margin-right: 5px;}
  .mt-inner-menu ul li a { height: 40px; line-height: 40px;}

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


.embed-icon[data-v-06873b41] { top: 30% !important; right: 0 !important;}