@charset "utf-8"; 
@media (max-width:768px){body {overflow-y: hidden;}}
@media (min-width:769px){ul.submenu.nav1 li {position:relative}
ul.submenu.nav1 li ul {position:absolute;left:100%;top:0;background:var(--color);display:none}
ul.submenu.nav1 li:hover>ul {display:block}
ul.submenu.nav1 li:hover>a {background:#000;color:#fff}
ul.submenu.nav1 li.navli:after {content:'';width:6px;height:6px;border:1px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:15px;position:absolute}
ul.submenu.nav1 li.navli:hover:after {border-color:#fff}
ul.submenu.nav1>li>a {padding-right:36px}}
.about:before {display:none}
section.about {height:auto!important;margin:0;padding:20px 0;background:#fff}
section.about img {display:block;width:100%}
.ind-item ul {display:inline-block;text-align:left}
.about-title,.foot-title {color:#fff}
.common-more-btn-y {border-color:#fff;color:#fff}
.foot-list,.foot-right {background:var(--color);color:#fff}
.foot-l .foot-u li a,.foot-cate ul li a,.foot-nav ul li a {color:#fff;opacity:1}
.head-logo {max-width:inherit;max-height:100%}
.head-logo a {flex-wrap:wrap;color:#fff;justify-content:center}
.head-logo a img {max-height:calc(96% - 14px)}
p.tname {margin-top:2px;font-size:12px;line-height:1;padding-left:15px}
@media (max-width:560px){p.tname{display:none}
.head-logo a img {max-height:95%}}
@font-face{font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-family:FontAwesome!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-search:before{content:"\f002"}
.headtop {width:100%;height:100%;position:relative;z-index:11;background:var(--color)}
.search-icon {width:60px;display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center;height:100%}
.search-icon i {display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#FFF;font-size:20px;cursor:pointer}
.search-box {position:absolute;top:0px;left:0px;background:#222;width:100%;z-index:9;padding:30px 0px;opacity:0;visibility:hidden;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;height:auto}
.search-box.active {top:100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.search-box .text {display:none}
.search-input .stbn {background:var(--color)}
@media (max-width:768px){.search{position:absolute;right:13vw}
.search-box{padding:15px 0}}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{display:none}
.map-w {flex-wrap:wrap;padding-bottom:30px}
.map-img {font-size:14px}
.map-w .map-info table {margin:0}
.map-w .map-info caption {padding-bottom:10px}
.map-w .map-info {position:relative;padding:0}
.map-w .map-info img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}
.map-list {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px}
.map-list li {text-align:center;width:23%;margin-top:30px}
.map-list li div {margin:14px auto;font-weight:bold;font-size:20px;line-height:1.3}
.map-w>div {padding:0;width:49%}
.map-w {justify-content:space-between;margin:20px 0 40px}
@media (max-width:1280px){.map-list{margin:0}
.map-list li{margin-top:20px;line-height:1.4}
.map-list li img{height:40px}
.map-list li div{margin:6px 0;font-size:15px}
.map-list li div br{display:none}}
@media (max-width:768px){.map-w>div{width:100%}
.map-list li div br{display:block}
.map-w .map-info img {position:relative;margin-top:20px}
.map-wrapper .map-info{display:block;padding:10px 0}
.hot-pro .pro-name{color:#fff}
.common-side .title{color:#084294}}
@media (max-width:560px){.map-list li{width:48%}}
.common-main img{height:auto}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.wmkc-template-53 .wmkc-flex-ai-fs p{word-break:break-word;margin-bottom:13px}
.wmkc-template-33 .wmkc-flex {align-items:center;background:none!important}
.wmkc-template-33 .wmkc-flex .wmkc-item-img {padding:0!important}
.pro-detail td{padding:2px 10px}
.table-responsive{margin:0}
#swiper-banner img {display:block}
.ind {top:0}
.hot-pro {background:var(--color);padding:1px 0 50px}
.hot-pro .common-title {color:#fff}
.hot-pro .hvr-bounce-to-right {border-color:#fff;color:#fff}
.hot-pro .hvr-bounce-to-right:before {background:#fff}
.hot-pro .hvr-bounce-to-right:hover {color:var(--color)}
section.about {margin:0}
section.map {color:#000}
.side-contact,.banner-title{display:none}
.foot-l .foot-item:first-child .foot-u li a:hover{padding-left:0}
.foot-l .foot-item:first-child .foot-u li a{white-space:nowrap}
@media (min-width:769px){.foot-cate, .foot-code, .foot-nav{padding-left:70px}}
.foot-cate ul li.side_nav1{font-weight:bold}
.foot-cate ul li.side_nav1 a{font-size:16px}
.foot-cate ul li.side_nav2{padding-left:10px}
@media (min-width:1081px){.common-content .common-wrapper {flex-direction:row-reverse}
.common-main {padding:40px 0 40px 30px}}
.flex-jc-sb {display:flex;flex-wrap:wrap;justify-content:space-between}
.contactsec1-l {width:40%;color:#555}
.common-main p.contact-tit {font-size:22px;color:var(--fontcolor);position:relative;margin-bottom:30px}
.contact-tit strong {display:inline-block;border-bottom:1px solid #EEE;padding-bottom:10px;font-weight:400;text-transform:capitalize}
.contact-tit::before {content:'';display:block;position:absolute;bottom:0px;left:0px;width:40px;height:4px;background-color:var(--color)}
.contactus>div {display:flex;margin-bottom:30px}
.contactus>div a:hover {color:var(--color)}
.contactus>div>p {width:50px;height:50px;background:#FFF;border:1px solid #EEE;display:flex;align-items:center;justify-content:center;color:#555;text-align:center}
.contactus>div>p .iconfont {font-size:18px;padding-left:4px}
.contactus>div>div {flex:1;padding-left:20px}
.contactus>div>div>p:nth-child(1) {font-size:18px;color:var(--fontcolor)}
.contactus>div>div>p:nth-child(2) {font-size:14px;color:#555}
.contactsec1-r {width:50%}
.contactsec1-r #feedbackForm {margin-top:-50px}
@media (max-width:768px){.contactsec1-l{width:100%}
.contactsec1-r {width:100%;margin-top:20px}}
.hot-pro-wrapper,.hot-pro ul,.news ul{margin-top:20px}
.news{padding:20px 0}
.news .common-title{margin-bottom:0}
.news ul li{margin-top:0}
@media (min-width:1025px){.prolist-1 li{width:calc(24.6% - 20px)}
.prolist-1 li:nth-of-type(3n){margin-right:30px}
.prolist-1 li:nth-of-type(4n){margin-right:0}}
@media (min-width:1025px) and (max-width:1280px){.compare-action span{font-size:14px}}
.wmkc-template-36 .wmkc-flex-item4 {border:1px solid #eee}
.wmkc-template-36 .wmkc-flex-item4 .wmkc-flex-b {border:none!important}
.wmkc-template-36 .wmkc-flex-item4{background:#fff!important}
.aboutaxis-list {display:flex;flex-wrap:wrap;position:relative;border-top:1px solid #7F8C8D;padding:0 10px;margin:20px 0}
.aboutaxis-list:before {content:'';width:9px;height:9px;background:#7F8C8D;border-radius:50%;position:absolute;left:0;top:-5px}
.aboutaxis-list:after {content:'';width:9px;height:9px;background:#7F8C8D;border-radius:50%;position:absolute;right:0;top:-5px}
.aboutaxis-list li {width:25%;text-align:center;position:relative;padding:15px 10px 0;box-sizing:border-box}
.aboutaxis-list li:before {content:'';width:15px;height:15px;background:#013299;border-radius:50%;position:absolute;top:-8px;left:50%;margin-left:-7px}
@media (max-width:640px){.aboutaxis-list{border:none;padding:0}
.aboutaxis-list:before,.aboutaxis-list:after{display:none}
.aboutaxis-list li{width:50%;padding:15px 8px 0;border-top:1px solid #7F8C8D;margin-top:25px}
.aboutaxis-list li:after{content:'';width:9px;height:9px;background:#7F8C8D;border-radius:50%;position:absolute;left:0;top:-5px}
.aboutaxis-list li:nth-child(2n):after{left:auto;right:0}}
.contactus>div.erweima .inner{padding-left:0;display:flex;}
.contactus>div.erweima .inner>div{width:35%;}
.contactus>div.erweima .inner>div:nth-child(1){margin-right:2%;}