/*
Ê×ҳģ¿£¿£¿£¿£¿£¿£¿£¿éÃüÃû¹æ·¶£ºcol-index-Ä£¿£¿£¿£¿£¿£¿£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬£¬£¬£¬£¬È磺col-index-news
ÄÚÒ³Ò³ÃæÍâ²ãÈÝÆ÷ÃüÃû¹æ·¶£º
1¡¢Í¨ÓÃÑùʽ£ºcol-page£¬£¬£¬£¬£¬£¬ÄÚÒ³Íâ²ãÈÝÆ÷ͨÓÃÑùʽ£¬£¬£¬£¬£¬£¬Ê¹ÓÃÒªÁì<div id="oRpAPVFG" id="oKVsTXb" id="flqvmvfo" class="col-page col-page-about"></div>
2¡¢Ò³ÃæÑùʽ£ºcol-page-Ä£¿£¿£¿£¿£¿£¿£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬£¬£¬£¬£¬È磺col-page-about£¨¹ØÓÚca88¹ÙÍøÒ³Ã棩
3¡¢ÄÚҳģ¿£¿£¿£¿£¿£¿£¿£¿éÃüÃû¹æ·¶£ºcol-Ä£¿£¿£¿£¿£¿£¿£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬£¬£¬£¬£¬È磺col-product£¨²úÆ·£©¡¢col-honor£¨ÉùÓþ£©
ÆäËûÃüÃû¹æ·¶£º
1¡¢Ê¹ÓÃswiper¡¢owl.CarouselµÈ²å¼þʱ£¬£¬£¬£¬£¬£¬²å¼þÍâ²ãÈÝÆ÷¿ÉÓÃÄ£¿£¿£¿£¿£¿£¿£¿£¿éÃû³Æ-container,Èçproduct-container
2¡¢Ê¹ÓÃÓ¢ÎÄÃû³ÆΪÑùʽÃüÃû£¬£¬£¬£¬£¬£¬²»Òª·ºÆðÆ´ÒôºÍÊ××Öĸ
3¡¢Ä£¿£¿£¿£¿£¿£¿£¿£¿é×îÍâ²ãÈÝÆ÷ÃüÃû¹æ·¶£ºcol-×Ô½ç˵Ãû³Æ
4¡¢ÑùʽÃüÃûÖе¥´ÊÓÉ·ûºÅ¡°-¡±À´ÅþÁ¬£¬£¬£¬£¬£¬£¬È磺col-culture,col-hot-product
±¸×¢£ºÉÏÃæËù˵µÄÄ£¿£¿£¿£¿£¿£¿£¿£¿é²»ÊÇָϵͳºǫ́ģ¿£¿£¿£¿£¿£¿£¿£¿é£¬£¬£¬£¬£¬£¬ÊÇÍøվǰ̨ҳÃæÖеÄ×é³ÉÄ£¿£¿£¿£¿£¿£¿£¿£¿é£¬£¬£¬£¬£¬£¬È磺Ê×Ò³ÖаüÀ¨Íøվͷ²¿¡¢²úÆ·¡¢ÐÂÎÅ¡¢ÉùÓþ¡¢°¸Àý¡¢ÍøÕ¾µ×²¿£¬£¬£¬£¬£¬£¬ÆäÖÐÿ¸ö²¿·ÖÊÓΪһ¸öÄ£¿£¿£¿£¿£¿£¿£¿£¿é¡£¡£¡£¡£¡£¡£¡£¡£
*/
@charset "utf-8";
@font-face {
  font-family: "Gilroy";
  font-weight: regular;
  src: url("/static/index/web_en/fonts/Gilroy-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Gilroy";
  font-weight: bold;
  src: url("/static/index/web_en/fonts/Gilroy-Bold.otf") format("opentype");
}
@font-face {
  font-family: "icomoon";
  src: url("/static/index/web_en/fonts/icomoon.woff2") format("woff2");
}
@font-face {
  font-family: "Gunplay";
  font-weight: bold;
  src: url("/static/index/web_en/fonts/Gunplay.ttf") format("truetype");
}
@font-face {
  font-family: 'iconfont';  /* Project id 2214638 */
  src: url('https://at.alicdn.com/t/font_2214638_xddpwk76ve.woff2?t=1636685031942') format('woff2'),
       url('https://at.alicdn.com/t/font_2214638_xddpwk76ve.woff?t=1636685031942') format('woff'),
       url('https://at.alicdn.com/t/font_2214638_xddpwk76ve.ttf?t=1636685031942') format('truetype');
}
html{overflow-x: hidden;font-size: 16px;}
body {font-family:'Gilroy';min-width: 320px;color: #333;overflow: hidden;}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: url('https://at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot');
  src: url('https:https://at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'),
  url('https://at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg');
}
.goomay a {
  font-family:"goomay" !important;
  font-size:12px!important;
  color: rgb(0,0,0,1)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e602"; }
.goomay a:hover{color: rgb(0,0,0,.5)!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
*{word-break:normal !important}
li {list-style: none;}
i {font-style: normal;}
a {color: #333;}
a:focus{text-decoration: none;outline: none;color: #333;}
a:hover { color: #333;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%;}
button{background: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;}
.relative {position: relative;}
.container {max-width: 1200px;  padding: 0 10px;}
.container2 {max-width: 1600px; width:100%;  margin: 0 auto; padding: 0 10px;}
.container3 {max-width: 1460px; width:100%;  margin: 0 auto; padding: 0 10px;}
#page{padding-top: 0px; overflow: hidden;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; transition: .3s all;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top:-100px;display: block;height: 0;overflow: hidden;}
img[src=""],img:not([src]){opacity:0 !important;}
.table{display: table;width: 100%;height: 100%;margin:0;}
.table>.middle{display: table-cell;vertical-align: middle;}
.iconfont{font-family: 'iconfont';}
.none{display: none;}

/* icon */
.icon-full-size:before {content: "\E91E"!important}
.icon-full-size:before,.icon-youtube:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-youtube:before {content: "\E91C"!important}
.icon-twitter:before {content: "\E91D"!important}
.icon-check:before,.icon-twitter:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-check:before {content: "\E91B"!important}
.icon-full:before {content: "\E91A"!important}
.icon-arrow-down:before,.icon-full:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-arrow-down:before {content: "\E914"!important}
.icon-linkedin-bg:before {content: "\E913"!important}
.icon-diamond:before,.icon-linkedin-bg:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-diamond:before {content: "\E916"!important}
.icon-arrow-up-bold:before {content: "\E917"!important}
.icon-arrow-down-long:before,.icon-arrow-up-bold:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-arrow-down-long:before {content: "\E918"!important}
.icon-hexagon:before {content: "\E919"!important}
.icon-hexagon:before,.icon-star:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-star:before {content: "\E915"!important}
.icon-close:before {content: "\E912"!important}
.icon-close:before,.icon-quot:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-quot:before {content: "\E911"!important}
.icon-play:before {content: "\E910"!important}
.icon-arrow-left:before,.icon-play:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-arrow-left:before {content: "\E90F"!important}
.icon-dots:before {content: "\E90E"!important}
.icon-chevron-left:before,.icon-dots:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-chevron-left:before {content: "\E90C"!important}
.icon-chevron-right:before {content: "\E90D"!important}
.icon-chevron-right:before,.icon-elements:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-elements:before {content: "\E90A"!important}
.icon-triangle-left:before {content: "\E907"!important}
.icon-triangle-left:before,.icon-triangle-right:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-triangle-right:before {content: "\E908"!important}
.icon-drowart-logo:before {content: "\E909"!important}
.icon-arrow-right:before,.icon-drowart-logo:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-arrow-right:before {content: "\E906"!important}
.icon-skype:before {content: "\E903"!important}
.icon-pinterest:before,.icon-skype:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-pinterest:before {content: "\E902"!important}
.icon-instagram:before {content: "\E901"!important}
.icon-behance:before,.icon-instagram:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-behance:before {content: "\E900"!important}
.icon-linkedin:before {content: "\E905"!important}
.icon-facebook:before,.icon-linkedin:before {font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-facebook:before {content: "\E904"!important}
.icon-arrow-up:before {content: "\E90B"!important;font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none}
*,.icon-arrow-up:before,:after,:before {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.p16{padding-left: 8.3vw;padding-right: 8.3vw;width: 100%;max-width: 100%;margin-left: auto;margin-right: auto;}

/* animates */
@-webkit-keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

/* header */
.header{width: 100%;z-index: 100;position: fixed;top:0;left: 0;transition: background-color .3s,padding .3s,box-shadow .3s;box-shadow: 0 5px 25px 0 rgb(115 121 134 / 0%);padding: 10px 0;}
.header.active{background-color: #121416;box-shadow: 0 5px 25px 0 rgb(115 121 134 / 10%);}
.header .inner{padding:0 60px;position: relative;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;}
.header .inner .logo{font-size: 0;transition: opacity .3s;}
.header .inner .nav{margin:0 auto;}
.header .inner nav ul{font-size: 0;}
.header .inner nav ul li{display: inline-block;vertical-align: middle;margin-right: 2.1vw;font-size: 18px;position: relative;font-weight: bold;}
.header .inner nav ul li:last-child{margin-right: 0;}
.header .inner nav ul li a{transition: color 0.3s;display: inline-block;line-height: 1;position: relative;color:#fff;padding: 15px 0;}
.header .inner nav ul li a:hover,.header .inner nav ul li.active a{color:#ea2929}
.header .inner nav ul li .child{white-space: nowrap;position: absolute;top:100%;margin-top:-10px;text-align: center;left: 50%;transform: translateX(-50%);display: none;padding: 10px 25px 15px;background: #fff;box-shadow: 0 5px 5px 2px rgba(0,0,0,0.05);}
.header .inner nav ul li .child a{font-size:1rem;display: block;margin-top:5px; padding: 0; color:#000;text-transform: none;line-height: 1.6;font-weight: 400;}
.header .inner nav ul li .child a:hover{color: #0070c3;}
.header .inner nav.White ul li a{color:#000}
.header.active .inner nav.White ul li a{color:#fff}
.header .inner nav.White ul li a:hover,.header .inner nav.White ul li.active a{color:#ea2929}
.header .inner .language{font-size: 0;text-transform: capitalize;height: 45px;}
.header .inner .language>a{display: block;padding: 0 20px;font-size: 18px;font-weight: bold;color:#fff;height: 45px;line-height: 45px;}
.header .inner .language>a i.fa{margin-left: 5px;font-size: 14px;color:#fff;}
.header .inner .language .lang-none{display: none;}
.header .inner .language .lang-none a{display: block;text-align: center;height: 45px;line-height: 45px;font-size: 18px;font-weight: bold;color:#000;background: #fff;}
.header .inner .language:hover>a{color:#000;background: #fff;}
.header .inner .language:hover>a i.fa{color:#000;}
.header .inner .language .lang-none a:hover{background: #000;color:#fff;}
.header .inner .header__button {padding-left: 11px;border-left: 1px solid #fff;transition: border-left-color .3s}
.header .inner .header__buttonHamburger {padding: 5px;width: 42px;margin-right: -10px;}
.header .inner .header__buttonHamburger span {width: 26px;height: 3px;display: block;margin: 5px;background-color: #fff;transition: width .3s,background-color .3s}
.header .inner .header__buttonHamburger span:last-child {width: 16px}
.header .inner .header__buttonHamburger:hover span {background-color: #ea2929}
.header .inner .header__buttonHamburger:hover span:first-child {width: 14px}
.header .inner .header__buttonHamburger:hover span:nth-child(2) {width: 18px}
.header .inner .header__buttonHamburger:hover span:last-child {width: 22px}

.header.Change .inner .logo img{display: none;}
.header.Change .inner .logo img.none{display: inline;}

/* menu */
.mainMenu {position: fixed;overflow: auto;z-index: 102;background-color: #121416;opacity: 0;pointer-events: none;transition: opacity .3s}
.mainMenu,.mainMenu__inner {display: flex;width: 100%;height: 100%}
.mainMenu__inner {flex-direction: column;}
.mainMenu__header {padding: 10px 60px;display: flex;justify-content: space-between;margin-bottom: auto;}
.mainMenu__logo {transition: opacity .3s}
.mainMenu__logo:hover {opacity: .7}
.mainMenu__headerClose {display: flex;align-items: center;font-size: 16px;line-height: 26px;font-weight: bold;color: #fff;transition: color .3s}
.mainMenu__headerClose:after {margin-left: 15px;font-size: 18px;line-height: 18px;content: "\E912"!important;font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mainMenu__headerClose:hover {color: #ea2929}
.mainMenu__content {display: flex;align-items: center;margin-bottom: auto;}
.mainMenu__nav { margin-left: 10.4vw}
.mainMenu__navLink {display: inline-flex;margin-bottom: 25px;position: relative;font-size: 3.75rem;color: #fff;font-weight: bold;white-space: nowrap;transition: color .3s}
.mainMenu__navLink span {position: absolute;left: 0;color: #ea2929;width: 0;overflow: hidden;transition: width .3s;background: #121416;white-space: nowrap}
.mainMenu__navLink--active span,.mainMenu__navLink:hover span {width: 100%}
.mainMenu__contentSocials {margin-left: auto;padding-right: 160px}
.mainMenu__socialsTitle {margin-bottom: 26px;font-size: 18px;line-height: 30px;font-weight: bold;color: #ea2929}
.mainMenu--active {opacity: 1;pointer-events: all}
.mainMenu__socialsLink {display: inline-flex;margin-bottom: 20px;font-size: 16px;line-height: 26px;font-weight: bold;color: #fff;transition: color .3s}
.mainMenu__socialsLink--icon {display:none;}
.mainMenu__socialsLink:hover {color: #ea2929}
.mainMenu--fixed .mainMenu__header {padding: 10px 60px}
/* banner */
@keyframes scroll {
  0% {opacity: 1}
  to {opacity: 0;transform: translateY(1rem)}
}
@keyframes zb {
  50% {transform: scale(1.05)}
  to {transform: scale(1)}
}
.col-banner {transition: 0.5s all ease;position: relative;}
.col-banner .swiper-slide .img{background-position: center !important;background-size: cover !important;width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation: zb 20s ease infinite;}
#col-index-banner .swiper-slide{height: 100vh !important;position: relative;display: flex;align-items: center;overflow: hidden;pointer-events:auto;}
#col-index-banner .swiper-slide .headerHome__slideContent {opacity: 0;position: relative;transform: translateY(60px);transition: opacity .7s,transform .7s;color:#fff;min-width: 100%;}
#col-index-banner .swiper-slide .headerHome__slideContent p{font-size: 16px;font-weight: bold;margin-bottom: 15px;line-height: 20px;letter-spacing: 2px;}
#col-index-banner .swiper-slide .headerHome__slideContent p strong{font-size: 3rem;font-weight: bold;line-height: 1.146;max-width: 680px;display: block;}
#col-index-banner .swiper-slide.headerHome__slide--active .headerHome__slideContent {opacity: 1;transform: translateY(0)}
#col-index-banner .swiper-slide .headerHome__slideBottom {position: absolute;left: 0;bottom: 0;height: 80px;z-index: 2;padding-top: 18px;line-height: 1.2;width: auto;margin: 0;}
#col-index-banner .swiper-slide .headerHome__slideName {font-size: 24px;font-weight: bold;padding-bottom: 2px}
#col-index-banner .swiper-slide .headerHome__slideCategory {font-size: 16px;letter-spacing: .5px;color:#888888;text-transform: uppercase;}
#col-index-banner .swiper-slide .headerHome__bottom {position: absolute;z-index: 1;left: 0;bottom: 0;height: 80px;width: 70vw;background-color: #fff}
#col-index-banner .swiper-slide .headerHome__bottomLine {position: absolute;right: 0;top: 50%;transform: translateX(50%);width: 108px;height: 1px;background-color: #fff}
#col-index-banner .swiper-slide .headerHome__bottomLine:before {content: "";position: absolute;left: 0;width: 50%;height: 100%;background-color: #ea2929}

#col-index-banner .swiper-slide .ban_img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#col-index-banner .swiper-slide #aPlay{width: 50px;height: 50px;background: url(/static/index/web_en/images/play.png)no-repeat center/cover;display: block;position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);z-index: 10;border-radius: 50%;}
#col-index-banner .swiper-slide #VideoBanner{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;}

#col-index-banner .headerHome__scroll {display: flex;align-items: center;justify-content: center;position: absolute;left: calc(70vw + 90px);bottom: 25px;z-index: 2;cursor: pointer;transition: opacity .3s}
#col-index-banner .headerHome__scroll:hover {opacity: .6}
#col-index-banner .headerHome__scrollIcon {position: relative;width: 22px;height: 30px;top: 50%;box-shadow: inset 0 0 0 2px #fff;border-radius: 25px}
#col-index-banner .headerHome__scrollIcon:before {content: "";position: absolute;left: calc(50% - 1px);width: 2px;height: 6px;background: #fff;top: 5px;border-radius: 4px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll}
#col-index-banner .headerHome__scrollText {padding-top: 6px;font-size: 16px;line-height: 20px;font-weight: 500;color: #fff;padding-left: 15px}
#col-index-banner .headerHome__nav{display: flex;position: absolute;left: 50%;transform: translateX(-50%);bottom: 80px;z-index: 1;font-size: 0;}
#col-index-banner .headerHome__nav .swiper-button{width: 50px;height: 50px;background: rgba(255,255,255,0.8);text-align: center;line-height: 50px;margin-top: auto;opacity: 1;outline: none;position: static;display: inline-block;margin-right: 2px;font-size: 24px;color:#333;transition: 0.36s;}
#col-index-banner .headerHome__nav .swiper-button::after{display: none;}
#col-index-banner .headerHome__nav .swiper-button:hover{color:#fff;background: #065fab;}
#col-banner .swiper-slide .ban_cont{height: 100%;align-items: center;display: flex;position: relative;}
#col-banner .swiper-slide .ban_cont .content{position: relative;max-width: 300px;font-size: 3.4375rem;font-weight: bold;line-height: 1.091;color: #fff;z-index: 1;margin-right: auto;}
#col-banner .swiper-slide .ban_cont .content.max{max-width: 540px;}
#col-banner .swiper-slide .ban_cont .namemark{font-size: 11.25rem;font-weight: bold;line-height: 0.8;white-space: nowrap;-webkit-text-stroke: 2px rgba(255,255,255,0.2);-webkit-text-fill-color: transparent;}




/* aboutHeader */
.aboutUsHeader{position: relative;}
.aboutUsHeader .aboutUsHeader__content {z-index: 2;padding-top: 20.5vh;}
.aboutUsHeader .aboutUsHeader__content h3.aboutUsHeader__heading {position: absolute;max-width: 500px;font-size: 2.6rem;font-weight: bold;line-height: 1.091;color: #fff; top:50%; transform:translateY(-50%); z-index: 1;}
.aboutUsHeader .aboutUsHeader__images {position: relative;display: flex;margin-top: -33px;padding-left: 428px;z-index: 1;}
.aboutUsHeader .aboutUsHeader__images .aboutUsHeader__title {position: absolute;top: auto;left: 640px;transform: translateY(-90%);margin-top: 10px;font-size: 10vw;font-weight: bold;line-height: 0.8;white-space: nowrap;-webkit-text-stroke: 2px rgba(255,255,255,0.2);-webkit-text-fill-color: transparent;}
.aboutUsHeader .aboutUsHeader__images .aboutUsHeader__image {position: relative;display: block;flex: 0 0 70%;max-width: 70%;}
.aboutUsHeader .aboutUsHeader__images .aboutUsHeader__image:first-of-type{margin-right: 40px;}
.aboutUsHeader .aboutUsHeader__images .aboutUsHeader__image .aboutUsHeader__imageWrapper {position: relative;padding-top: 57.53424658%;width: 100%;}
.aboutUsHeader .aboutUsHeader__images .aboutUsHeader__image .aboutUsHeader__imageWrapper img{object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aboutUsHeader a#aPlay{position: absolute;left: 8.3vw;bottom: 6.4vh;color:#fff;text-align: center;z-index: 10;}
.aboutUsHeader a#aPlay i{display: inline-block;width: 81px;height: 81px;background: url(/static/index/web_en/images/play.png)no-repeat center/cover;}
.aboutUsHeader a#aPlay span{font-size: 24px;font-weight: bold;letter-spacing: 8px;margin-top: 18px;display: block;padding-left: 8px;}



/* index */
.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 9999;display: none;text-align: center;padding:5vh 1vw;}
.videoPop .col-video2{position: relative;width: 100%;height: 100%;}
#Video{max-width: 100%;max-height: 100%;position: absolute;max-width: 970px;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#videoClose{position: absolute;right:10px;top:5px;color: #fff;cursor: pointer;font-size: 36px;transition: 0.5s;z-index: 99;}
#videoClose:hover{color: #eee;}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
/* about */
.col-index-about .titleDesc {padding-top: 120px;padding-bottom: 5.4vh;}
.col-index-about .titleDesc .titleDesc__inner {display: flex;flex-wrap: wrap;margin-left: -12px;margin-right: -12px;}
.col-index-about .titleDesc .titleDesc__inner .titleDesc__title {position: relative;flex: 0 0 44%;max-width: 44%;padding-left: 12px;padding-right: 12px;}
.col-index-about .titleDesc .titleDesc__inner .titleDesc__title .titleDesc__titleSmall {position: relative;z-index: 1;margin-bottom: 4.3vh;font-size: 2.5rem;line-height: 3.875rem;font-weight: bold;}
.col-index-about .titleDesc .titleDesc__inner .titleDesc__title .titleDesc__titleSmall:after {content: "";position: absolute;left: 0;bottom: 0;width: 77px;height: 2px;background-color: #065fab;}
.col-index-about .titleDesc .titleDesc__inner .titleDesc__title .titleDesc__titleBig {position: absolute;left: 10px;top: -55px;font-size: 10vw;line-height: 0.6;font-weight: bold;-webkit-text-stroke: 2px #d3d8db;-webkit-text-fill-color: #fff;}
.col-index-about .titleDesc .titleDesc__inner .titleDesc__desc {position: relative;padding-left: 12px;padding-right: 12px;z-index: 1;flex: 0 0 56%;max-width: 56%;font-size: 18px;color:#666666;line-height: 1.666;}
.col-index-about .content{margin-top: 20px;padding:25px 10px 0;position: relative;}
.col-index-about .content h2{font-size: 10vw;color:transparent;-webkit-text-stroke: 2px #e1e7eb;font-weight: bold;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.col2{margin-top:10vh;}
.col2 .content h2{top: 26%;transform: translate(-50%,-26%);}
.col-index-about .content ul{display: -webkit-flex;display: -ms-flexbox;display: flex;margin-left: -20px;margin-right: -20px;}
.col-index-about .content ul li{padding-left: 20px;padding-right: 20px;color:#888888;font-size: 16px;margin-bottom: 25px;}
.col-index-about .content ul li:nth-child(1){padding-top: 12vh;}
.col-index-about .content ul li:nth-child(3){padding-top: 26vh;}
.col-index-about .content ul li strong{color:#333;font-weight: bold;font-size: 24px;margin:13px 0 0;display: block;}
.col-index-about .content .s-content{margin:0 auto;line-height: 1.5;font-size: 20px;}
.col-index-about .content .s-content strong,.col-index-about .content .s-content span{color:#065fab;font-weight: bold;}
.col-index-about a.more{display: inline-block;border:1px solid #d3d8db;padding:15px 30px;transition: border .3s;position: relative;margin: 4.8vh 0 5vh;}
.col-index-about a.more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #065fab;transition: width .3s;z-index: -1;}
.col-index-about a.more i.iconfont{color:#065fab;font-size: 14px;display: inline-block;vertical-align: middle;transition: color .3s;margin-right: 22px;}
.col-index-about a.more span.button__text{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;transition: color .3s;}
.col-index-about a.more:hover::before{width: calc(100% + 1px);}
.col-index-about a.more:hover i.iconfont,.col-index-about a.more:hover span.button__text{color:#fff;}

/* product */
.col-index-product{padding:3vh 0 0;}
.col-index-product .imageBoxes__header {text-align: center;}
.col-index-product .imageBoxes__header .imageBoxes__title {font-size: 2.8vw;line-height: 12.6vh;font-weight: bold;/*-webkit-text-stroke: 2px #d3d8db;-webkit-text-fill-color: #fff;*/}
.col-index-product .imageBoxes__list {position: relative;z-index: 1;display: flex;flex-wrap: wrap;margin-top: -6px;}
.col-index-product .imageBoxes__list .imageBoxes__item {display: block;position: relative;flex: 1;overflow: hidden;}
.col-index-product .imageBoxes__list .imageBoxes__item:before {content: "";position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;opacity: 1;transition: opacity.3s;
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25098) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25098) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25098) 100%);
}
.col-index-product .imageBoxes__list .imageBoxes__item img{width: 100%;transform: scale(1);will-change: transform;transition: transform .7s;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent {position: absolute;z-index: 3;left: 4vw;bottom: 6.8vh;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__itemTitle {margin-bottom: 2.2vh;font-size: 2.25rem;line-height: 1.25;font-weight: bold;color: #fff;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__itemDesc {font-size: 18px;line-height: 1.333;color: #fff;height: 0;overflow: hidden;transition: height .3s;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__itemDesc .imageBoxes__itemDescInner {padding-bottom: 3.2vh;max-width: 450px;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__button{display: inline-block;font-size: 0;transition: padding-left .3s;color:#fff;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__button .imageBoxes__buttonIcon{display: inline-block;vertical-align: middle;margin-right: 10px;width: 40px;height: 40px;border-radius: 50%;border:1px solid #0a8dff;text-align: center;line-height: 40px;transition: background-color .3s,color .3s,border .3s;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__button .imageBoxes__buttonIcon::before{font-size: 10px;content: "\E906"!important;font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent .imageBoxes__button .imageBoxes__buttonText {font-weight: bold;font-size: 18px;display: inline-block;vertical-align: middle;}
.col-index-product .imageBoxes__list .imageBoxes__item:hover::before{opacity: .2;}
.col-index-product .imageBoxes__list .imageBoxes__item:hover img{transform: scale(1.04);}
.col-index-product .imageBoxes__list .imageBoxes__item:hover .imageBoxes__itemContent .imageBoxes__button{padding-left: 10px;}
.col-index-product .imageBoxes__list .imageBoxes__item:hover .imageBoxes__itemContent .imageBoxes__button .imageBoxes__buttonIcon{background: #0a8dff;}

/* showroom */
.col-index-showroom {padding:180px 0 9.6vh;
  background-image: -moz-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
}
.col-index-showroom .flex{flex-wrap: wrap;}
.col-index-showroom .flex .content{width: 31.6%;padding-right: 3.1vw;position: relative;z-index: 3;}
.col-index-showroom .flex .content h2{font-size: 2.5rem;font-weight: bold;margin-bottom: 3.6vh;padding-bottom: 12px;position: relative;}
.col-index-showroom .flex .content h2::before{content:'';width: 92px;height: 2px;background: #065fab;position: absolute;left: 0;bottom: 0;}
.col-index-showroom .flex .content p{color:#666;font-size: 18px;line-height: 1.666;}
.col-index-showroom .flex .content a.more{display: inline-block;border:1px solid #d3d8db;padding:15px 30px;transition: border .3s;position: relative;margin-top: 5.2vh;z-index: 1;}
.col-index-showroom .flex .content a.more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #065fab;transition: width .3s;z-index: -1;}
.col-index-showroom .flex .content a.more i.iconfont{color:#065fab;font-size: 14px;display: inline-block;vertical-align: middle;transition: color .3s;margin-right: 22px;}
.col-index-showroom .flex .content a.more span.button__text{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;transition: color .3s;}
.col-index-showroom .flex .content a.more:hover::before{width: calc(100% + 1px);}
.col-index-showroom .flex .content a.more:hover i.iconfont,.col-index-showroom .flex .content a.more:hover span.button__text{color:#fff;}
.col-index-showroom .flex .slide{width: 68.4%;position: relative;}
.col-index-showroom .flex .slide::before{content: "";position: absolute;width: 99999px;right: 100%;z-index: 2;height: calc(100% + 180px + 9.6vh);top: -180px;
  background-image: -moz-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(247,249,250) 0%, rgb(255,255,255) 75%);
}
.col-index-showroom .flex .slide h2{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: -60px;font-size: 10vw;line-height: 0.8;font-weight: bold;-webkit-text-stroke: 2px #d3d8db;-webkit-text-fill-color: #fff;}
.col-index-showroom .flex .slide .swiper-container{overflow: visible;}
.col-index-showroom .flex .slide .swiper-container .swiper-slide .title{text-align: right;}
.col-index-showroom .flex .slide .swiper-container .swiper-slide .title .name{font-size: 18px;font-weight: bold;margin:12px 0 0;}
.col-index-showroom .flex .slide .swiper-container .swiper-slide .title .category{color:#888888;font-size: 16px;}
.col-index-showroom .flex .slide .slide-nav{display: flex;align-items: center;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons{flex: 0 0 50px;max-width: 50px;display: flex;align-items: center;justify-content: space-between;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons .swiper-button{width: auto;height: auto;position: static;margin-top: auto;opacity: 1;outline: none;background: none;line-height: 1;color:#000;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons .swiper-button::after{display: none;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons .swiper-button::before{font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons .swiper-button-prev::before{content: "\E90F"!important;}
.col-index-showroom .flex .slide .slide-nav .swiper-buttons .swiper-button-next::before{content: "\E906"!important;}
.col-index-showroom .flex .slide .slide-nav .swiper-pagination{height: 2px;position: relative;flex: 1;background-color: #cfd6da;opacity: 1;width: 100%;text-align: center;transition: opacity .3s;transform: translateZ(0);z-index: 10;margin-left: 20px;}
.col-index-showroom .flex .slide .slide-nav .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #121416;}

/* clients */
.col-index-clients {padding:20vh 0 12vh;}
.col-index-clients .inner{position: relative;}
.col-index-clients .inner .title{font-size: 10vw;line-height: 0.8;font-weight: bold;-webkit-text-stroke: 2px #d3d8db;-webkit-text-fill-color: #fff;position: absolute;top: 0;left: 60%;transform: translate(-50%,-85%);}
.col-index-clients .inner .wrap{display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;z-index: 1;}
.col-index-clients .inner .wrap .content{background: url(/static/index/web_en/images/content_bg1.jpg)no-repeat center/cover;padding:4vh 4vw 6.3vh;color:#fff;width: 50%;}
.col-index-clients .inner .wrap .content .quot{font-size: 7.5rem;line-height: 1;height: 55px;font-family: 'Gunplay';}
.col-index-clients .inner .wrap .content .s-content{font-size: 18px;font-weight: bold;line-height: 1.666;}
.col-index-clients .inner .wrap .content a.more{display: inline-block;border:1px solid rgba(255,255,255,0.5);padding:15px 30px;transition: border .3s;position: relative;margin-top: 6vh;z-index: 1;}
.col-index-clients .inner .wrap .content a.more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #fff;transition: width .3s;z-index: -1;}
.col-index-clients .inner .wrap .content a.more i.iconfont{color:#fff;font-size: 14px;display: inline-block;vertical-align: middle;transition: color .3s;margin-right: 22px;}
.col-index-clients .inner .wrap .content a.more span.button__text{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;transition: color .3s;color:#fff;}
.col-index-clients .inner .wrap .content a.more:hover::before{width: calc(100% + 1px);}
.col-index-clients .inner .wrap .content a.more:hover i.iconfont,.col-index-clients .inner .wrap .content a.more:hover span.button__text{color:#065fab;}
.col-index-clients .inner .wrap .img{overflow: hidden;width: 50%;position: relative;}
.col-index-clients .inner .wrap .img>span{height: 100%;}
.col-index-clients .inner .wrap .img img{object-fit: cover;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.col-index-clients .inner .swiper-container{margin-top: 4.3vh;}
.col-index-clients .inner .swiper-container::before{content: "";position: absolute;bottom: 0;height: 100%;width: 2px;background-color: #fff;z-index: 2;}
.col-index-clients .inner .swiper-container .swiper-slide{display: flex;align-items: center;justify-content: center;padding:0 25px;min-height: 100px;border-left: 1px solid #dfe4e6;}
.col-index-clients .inner .swiper-container .swiper-slide img{max-width: 100%;}

/* news */
.col-index-news{background: #f0f3f5;padding:10.8vh 0 15.2vh;}
.col-index-news h2{margin-bottom: 7.3vh;}
.col-index-news h2 span.name{font-size: 2.5rem;font-weight: bold;display: inline-block;padding-bottom: 12px;position: relative;}
.col-index-news h2 span.name::after{content:'';width: 92px;height: 2px;background: #065fab;position: absolute;left: 0;bottom: 0;}
.col-index-news h2 a.more{border:1px solid #d3d8db;padding:15px 28px;transition: border .3s;position: relative;float: right;z-index: 1;line-height: 1;}
.col-index-news h2 a.more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #065fab;transition: width .3s;z-index: -1;}
.col-index-news h2 a.more i.iconfont{color:#065fab;font-size: 14px;display: inline-block;vertical-align: middle;transition: color .3s;margin-right: 22px;}
.col-index-news h2 a.more span.button__text{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;transition: color .3s;}
.col-index-news h2 a.more:hover::before{width: calc(100% + 1px);}
.col-index-news h2 a.more:hover i.iconfont,.col-index-news h2 a.more:hover span.button__text{color:#fff;}
.col-index-news .swiper-container{overflow: visible;position: relative;}
.col-index-news .swiper-container::before{content:'';width: 99999px;height: 100%;background: #f0f3f5;position: absolute;right: 100%;top: 0;z-index: 10;}
.col-index-news .swiper-container .swiper-slide p.date{color:#888888;margin: 3vh 0 2vh;font-size: 18px;}
.col-index-news .swiper-container .swiper-slide .title{font-size: 20px;line-height: 1.25;transition: color 0.3s;}
.col-index-news .swiper-container .swiper-slide:hover .title{color:#065fab;}

/* contact */
.col-index-contact .flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.col-index-contact .flex .contact-info{width: 33.33%;color:#fff;padding:10.8vh 9vw 9vh 8.3vw;}
.col-index-contact .flex .contact-info h2{font-size: 2.5rem;font-weight: bold;margin-bottom: 4.6vh;}
.col-index-contact .flex .contact-info .content ul li{margin-bottom: 4vh;font-size: 18px;}
.col-index-contact .flex .contact-info .content strong{font-size: 24px;font-weight: bold;line-height: 1.25;}
.col-index-contact .flex .contact-info .content a{color:#fff;}
.col-index-contact .flex .contact-info .content a:hover{text-decoration:underline;}
.col-index-contact .flex .contact-info .content hr{border-top: 1px solid rgba(255,255,255,0.33);margin: 10px 0;}
.col-index-contact .flex .contact-info .share{margin-top: 5.2vh;font-size: 0;}
.col-index-contact .flex .contact-info .share a{font-size: 20px;color:#76757a;display: inline-block;vertical-align: middle;margin-right: 1.1vw;transition: 0.36s;}
.col-index-contact .flex .contact-info .share a:hover{color:#fff;}
.col-index-contact .flex .contact-form{width: 66.66%;padding:10.8vh 8.3vw 20px 14vw;}
.col-index-contact .flex .contact-form h2{font-size: 2.5rem;font-weight: bold;display: inline-block;padding-bottom: 12px;position: relative;margin-bottom: 6vh;}
.col-index-contact .flex .contact-form h2::before{content:'';width: 92px;height: 2px;background: #065fab;position: absolute;left: 0;bottom: 0;}
.col-index-contact .flex .contact-form ul li{margin-bottom: 4vh;border-bottom:1px solid #cfd6da;color:#666;font-size: 18px;}
.col-index-contact .flex .contact-form ul li input,.col-index-contact .flex .contact-form ul li textarea{width: 100%;padding:0;border:none;height: 45px;background: none;}
.col-index-contact .flex .contact-form ul li textarea{height: auto;min-height: 80px;}
.col-index-contact .flex .contact-form ul li input.verify{width: 300px;margin-right: 20px;}
.col-index-contact .flex .contact-form .sub{width: 220px;height: 55px;border:1px solid #d3d8db;background: none;padding: 0;font-size: 16px;font-weight: bold;text-transform: uppercase;transition: 0.36s;position: relative;}
.col-index-contact .flex .contact-form .sub:hover {color:#fff;background: #065fab;}



/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#666;padding:0 2px;margin:0 10px;font-size: 18px;}
.page ul li.disabled a{border:none;background: none;}
.page ul li.active a{border:none;background: none;color: #065fab;border-bottom: 4px solid #065fab;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}
/* ÄÚÒ³ */
.overflow{overflow: hidden;}
.overflow img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}


/* ¹ØÓÚca88¹ÙÍø */
.col-page-about h2{font-size: 2.5rem;font-weight: bold;line-height: 1.375;}
.col-page-about .col-1{padding:20vh 0 16vh;}
.col-page-about .col-1 .title{width: 50%;padding-top: 4vh;margin-right: auto;}
.col-page-about .col-1 .title h2{max-width: 540px;}
.col-page-about .col-1 .content{width: 42.8%;padding-top: 3.6vh;position: relative;font-size: 18px;line-height: 1.778;}
.col-page-about .col-1 .content::before{content:'';width: 80px;height: 2px;background: #ed1324;position: absolute;left: 0;top: 0;}
.col-page-about .col-2{background: #121416;padding:10.3vh 0 9vh;}
.col-page-about .col-2 .top h2{color:#fff;padding-top: 4vh;position: relative;max-width: 260px;margin-right: 7vw;}
.col-page-about .col-2 .top h2::before{content:'';width: 80px;height: 2px;background: #ed1324;position: absolute;top: 0;left: 0;}
.col-page-about .col-2 .top .content{font-size: 18px;color:#fff;line-height: 1.6666;}
.col-page-about .col-2 .top .content ul{overflow: hidden;}
.col-page-about .col-2 .top .content ul li{width: 36%;float: left;}
.col-page-about .col-2 .top .content ul li:first-child{width: 59%;margin-right: 5%;}
.col-page-about .col-2 .map{margin-top: 6vh;font-size: 0;}
.col-page-about .col-2 .map .img{display: inline-block;vertical-align: middle;width: 70%;}
.col-page-about .col-2 .map .mapText{width: 30%;padding-left: 2vw;display: inline-block;vertical-align: middle;}
.col-page-about .col-2 .map .mapText .s-content p{color:#cccccc;font-size: 18px;line-height: 1.6666;}
.col-page-about .col-2 .map .mapText .s-content h3{font-size: 10vw;color:transparent;-webkit-text-stroke: 2px rgba(210,216,220,0.3);font-weight: bold;line-height: 0.8;}
.col-page-about .col-2 .map .mapText .s-content strong{font-size: 2.5rem;font-weight: bold;display: block;margin:-6vh 0 0;color:#fff;}
.col-page-about .col-2 .map .mapText a.more{border:1px solid #939799;padding:18px 28px;transition: border .3s;position: relative;z-index: 1;line-height: 1;margin-top: 6vh;display: inline-block;}
.col-page-about .col-2 .map .mapText a.more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #065fab;transition: width .3s;z-index: -1;}
.col-page-about .col-2 .map .mapText a.more i.iconfont{color:#065fab;font-size: 14px;display: inline-block;vertical-align: middle;transition: color .3s;margin-right: 22px;}
.col-page-about .col-2 .map .mapText a.more span.button__text{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;transition: color .3s;color:#fff;}
.col-page-about .col-2 .map .mapText a.more:hover{border-color: #065fab;}
.col-page-about .col-2 .map .mapText a.more:hover::before{width: calc(100% + 1px);}
.col-page-about .col-2 .map .mapText a.more:hover i.iconfont,.col-page-about .col-2 .map .mapText a.more:hover span.button__text{color:#fff;}
.col-page-about .col-3{padding:26vh 0 17vh;}
.col-page-about .col-3 .title{float: left;width: 35.4%;position: relative;z-index: 3;}
.col-page-about .col-3 .title h2{margin-bottom: 5vh;}
.col-page-about .col-3 .title ul li{margin-bottom: 3vh;padding-left: 64px;position: relative;}
.col-page-about .col-3 .title ul li::before{content:'';width: 50px;height: 2px;background: #888888;position: absolute;left: 0;top: 12px;transition: background 0.36s;}
.col-page-about .col-3 .title ul li h3{color:#888888;font-size: 24px;font-weight: bold;transition: color 0.36s;}
.col-page-about .col-3 .title ul li p.namemark{font-size: 18px;color:#a8a8a8;transition: color 0.36s;}
.col-page-about .col-3 .title ul li.active::before,.col-page-about .col-3 .title ul li:hover::before{background: #134b9e;}
.col-page-about .col-3 .title ul li.active h3,.col-page-about .col-3 .title ul li:hover h3{color:#134b9e;}
.col-page-about .col-3 .title ul li.active p.namemark,.col-page-about .col-3 .title ul li:hover p.namemark{color:#666666;}
.col-page-about .col-3 .title .slide-nav{position: relative;margin-top: 6vh;font-size: 0;}
.col-page-about .col-3 .title .slide-nav .swiper-button{display: inline-block;width: 50px;height: 50px;border:1px solid #d2d8dc;text-align: center;line-height: 48px;font-size: 24px;color:#888888;background: none;opacity: 1;outline: none;margin-top: auto;position: static;transition: 0.36s;margin-right: 8px;color:#000;}
.col-page-about .col-3 .title .slide-nav .swiper-button::after{display: none;}
.col-page-about .col-3 .title .slide-nav .swiper-button:hover{background: #065fab;color:#fff;border-color: #065fab;}
.col-page-about .col-3 .slide{position: relative;width: 64.6%;float: right;}
.col-page-about .col-3 .slide::before{content:'';width: 99999px;height: 100%;background: #fff;position: absolute;right: 100%;top: 0;z-index: 2;}
.col-page-about .col-3 .slide h3{font-size: 10vw;line-height: 12.6vh;font-weight: bold;-webkit-text-stroke: 2px #d2d8dc;-webkit-text-fill-color: #fff;opacity: 0.8;text-align: right;}
.col-page-about .col-3 .slide .box .swiper-box{display: none;}
.col-page-about .col-3 .slide .box .swiper-box.active{display: block;}
.col-page-about .col-3 .slide .box .swiper-container{overflow: visible;padding-right: 17vw;}
.col-page-about .col-3 .slide .box .swiper-container .swiper-wrapper{align-items: center;}
.col-page-about .col-4{position: relative;overflow: hidden;}
.col-page-about .col-4 .background,.col-page-about .col-4 .background img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.col-page-about .col-4 .background img{pointer-events: none;}
.col-page-about .col-4 .background img.bg1{opacity: 0;pointer-events: none;transition: opacity .3s;}
.col-page-about .col-4 .background img.bg1.active{opacity: 1;}
.col-page-about .col-4 .wrap {display: flex;min-height: 800px;}
.col-page-about .col-4 .wrap .title{width: 33.3333%;padding:11vh 0 8vh 8.3vw;font-size: 7.8125rem;font-weight: bold;line-height: 0.88;color:transparent;-webkit-text-stroke: 2px rgba(145,145,145,0.8);}
.col-page-about .col-4 .wrap .list {width: 66.6666%;display: flex;flex-wrap: wrap;border-left: 1px solid rgba(255,255,255,0.5);}
.col-page-about .col-4 .wrap .list li{width: 50%;padding:40px 4.5vw;display: flex;align-items: center;position: relative;color:#fff;border-bottom: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5);}
.col-page-about .col-4 .wrap .list li:nth-child(n+3){border-bottom: none;}
.col-page-about .col-4 .wrap .list li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-color: #2c6fd1;opacity: 0;transition: opacity .3s;z-index: -1;}
.col-page-about .col-4 .wrap .list li .icon{width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;font-size: 30px;background: #2c6fd1;transition: 0.36s;}
.col-page-about .col-4 .wrap .list li .content{width: calc(100% - 60px);padding:10px 0 0 20px;}
.col-page-about .col-4 .wrap .list li .content h3{font-size: 24px;font-weight: bold;margin-bottom: 12px;}
.col-page-about .col-4 .wrap .list li .content .s-content{font-size: 18px;line-height: 1.666;}
.col-page-about .col-4 .wrap .list li:hover::before{opacity: 1;}
.col-page-about .col-4 .wrap .list li:hover .icon{background: #fff;color:#2c6fd1;}

/* product */
.col-page-product h1{text-align: center;padding: 5vh 0;font-size: 1.875rem;font-weight: bold;}
.col-page-product ul.list{padding: 2px;display: flex;flex-wrap: wrap;}
.col-page-product ul.list li{width: 33.33%;position: relative;overflow: hidden;}
.col-page-product ul.list li .inner{display: block;margin:10px; position:relative; overflow: hidden;}
.col-page-product ul.list li .inner h2{font-size:18px; line-height:30px;}
.col-page-product ul.list li .img{position: relative;}
.col-page-product ul.list li .img::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);opacity: 0;z-index: 1;transition: opacity .3s;}
.col-page-product ul.list li .img .itemFull{position: absolute;z-index: 2;right: 10px;top: -4px;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 1;width: 34px;height: 34px;border-radius: 50%;opacity: 0;transition: opacity .3s,top .3s;}
.col-page-product ul.list li .img .itemDesc{color:#fff;position: absolute;z-index: 2;bottom: 0;left: 20px;opacity: 0;transition: opacity .3s,bottom .3s;}
.col-page-product ul.list li .img .itemDesc h2{font-size: 1.875rem;font-weight: bold;}
.col-page-product ul.list li a:hover .img::before{opacity: 1;}
.col-page-product ul.list li a:hover .img .itemFull{top: 10px;opacity: 1;}
.col-page-product ul.list li a:hover .img .itemDesc{bottom: 20px;opacity: 1;}
.col-page-product ul.list li:hover .prod_show_icon{right: 2px;transition: 0.5s;}
.prod_show_icon{
    position: absolute;
    bottom:0px;
    right:-45px;
    color: #ffffff;
    z-index: 98;
    text-align: center;
  }
  .prod_div{
    background: #000;
    margin-bottom: 1px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: relative;
    cursor: pointer;
  }
  .prod_div i{font-size:24px;}
  .prod_item_txt{
    position: absolute;
    line-height: 23px;
      right: 130%;
      padding: 3px 10px;
      margin: 3px 0;
      opacity: 0;
      background: #2f2f31;
      color: #fff;
      font-size: 12px;
      box-sizing: border-box;
      display: none;
      width: max-content;
  }
  .prod_item_txt:after{
    content: "";
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-left-color: #2f2f31;
      position: absolute;
      right: -12px;
      top: 8px;
  }
  .prod_div:hover .prod_item_txt{opacity: 1;display: block;}

.col-page-product{padding:5vh 0;}
.col-page-product .p16>div[class^="col-"]{padding:10px 0;}
.product-nav .parent-li{border-top:1px solid #dedede;}
.product-nav h2{border-bottom:2px solid #dedede; position:relative; height:60px; line-height:60px; font-size:24px; margin-bottom:20px; white-space:nowrap;}
.product-nav h2 i{font-size:14px; position:absolute; right:10px; top:24px; display:none; transition:.2s;}
.product-nav .parent-li:first-child{border-top:none;}
.product-nav .parent-li>a{display:block; line-height:45px; border-bottom:1px solid #dedede;  font-size:18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family:"Poppins"; position:relative;}
.product-nav .parent-li>a i{position:absolute; font-size:12px; right:10px; top:17px;}
.product-nav .sub-nav{padding:10px 0;}
.product-nav .sub-nav li a{display:block; line-height:35px; font-size:14px; text-indent:1em; font-family:"Poppins"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-nav .sub-nav li a:hover{color:#f21710;}
.product-nav .sub-nav li a.active{color:#065fab;}

/* detail */
.col-page-detail{padding:6vh 0 12vh;}
.col-page-detail .pro_show{position: relative;}
.col-page-detail .pro_show .wrap .caseleft{width: 42%;float: left;}
.col-page-detail .pro_show .wrap .caseleft .gallery-top{border:1px solid #e0e0e0;}
.col-page-detail .pro_show .wrap .caseleft .col-thumb{margin-top:20px;position: relative;padding:0 30px;}
.col-page-detail .pro_show .wrap .caseleft .col-thumb .swiper-button{height: 100%;width: 20px;margin-top: 0;position: absolute;top:0;background: none;font-size: 24px;opacity: 1;text-align: center;outline: none;}
.col-page-detail .pro_show .wrap .caseleft .col-thumb .swiper-button-prev{left: 0;}
.col-page-detail .pro_show .wrap .caseleft .col-thumb .swiper-button-next{right: 0;}
.col-page-detail .pro_show .wrap .caseleft .col-thumb .swiper-button i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.col-page-detail .pro_show .wrap .caseleft .col-thumb .swiper-slide-thumb-active{border:1px solid #000;}
.col-page-detail .pro_show .wrap .caseright{width: 58%;position: relative;padding-left: 30px;}
.col-page-detail .pro_show .wrap .caseright h1{margin-top: 15px;font-size: 24px;font-weight: bold;}
.col-page-detail .pro_show .wrap .caseright h2{margin:10px 0 2vh;}
.col-page-detail .pro_show .wrap .caseright .content{line-height:2;}
.col-page-detail .pro_show .wrap .caseright .content table{width:100%;}
.col-page-detail .pro_show .wrap .caseright .content table tr:not(:last-child){border-bottom: 1px solid #eeeeee;}
.col-page-detail .pro_show .wrap .caseright .content table td{padding:14px 0;}
.col-page-detail .pro_show .wrap .caseright .inquiry{}
.col-page-detail .pro_show .wrap .caseright .inquiry a{display:inline-block; height:40px; line-height:40px; background:#065fab; color:#fff; text-align:center; padding:0 25px; font-size:16px; margin-top:10px;}
.col-page-detail .col-detail{margin-top:50px;padding:25px 0;border-top:1px solid #eeeeee}
.col-page-detail .col-detail .content{margin-bottom: 30px;}
.col-page-detail .col-detail .content h2{font-size: 18px;margin-bottom: 20px;font-weight: bold;}
.col-page-detail .col-detail .content p{font-size: 14px;color:#666;line-height: 1.7;}
/**/
.col-page-inquiry{padding:15vh 0;}
.inquiry-container .inquiry-title{font-size:32px; text-align:center; font-weight:bold; margin-bottom:10px;}
.inquiry-list li{border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; display:flex; flex-wrap: wrap; min-height:100px;}
.inquiry-list li.list-head{background:#f3f3f3; border-top:1px solid #dedede; line-height:45px;  min-height:30px;}
.inquiry-list li.inquiry-empty{padding:10px;}
.inquiry-list li>div{border-right:1px solid #dedede; padding:10px 5px;  align-items: center;}
.inquiry-list li>div:last-child{border-right:none; text-align:center; justify-content: center;}
.inquiry-list li img{width:120px;}
.inquiry-form{margin-top:10px;}
.inquiry-form li{padding:10px 0;}
.flex-column-row {
    display: flex;
    flex-direction: row;
}
.flex-grow-1 {
    flex-grow: 1;
}

.inquiry-form li input{height:45px; line-height:45px; width:98%; text-indent:1em; border:1px solid #ddd;}
.inquiry-form li.row3 input{width:99%;}
.inquiry-form li textarea{width:99%; height:200px; text-indent:1em; border:1px solid #ddd;}
.inquiry-form li .submit{background:#065fab; width:300px; text-align:center; height:50px; line-height:50px; color:#fff;}
/* service */
.col-page-service h2{font-size: 2.5rem;font-weight: bold;}
.col-page-service .col-1 .wrap{padding:12vh 0 8vh;}
.col-page-service .col-1 .wrap .ColumnInner{margin-bottom: 4vh;}
.col-page-service .col-1 .wrap .ColumnInner h2{float: left;width: 50%;padding-top: 3.2vh;}
.col-page-service .col-1 .wrap .ColumnInner .content{color:#666;font-size: 18px;line-height: 1.666;padding-top: 3.6vh;position: relative;float: right;width: 46%;}
.col-page-service .col-1 .wrap .ColumnInner .content::before{content:'';width: 100px;height: 2px;background: #ed1324;position: absolute;top: 0;left: 0;}
.col-page-service .col-1 .wrap .slide{position: relative;}
.col-page-service .col-1 .wrap .slide h3{font-size: 10vw;color:transparent;-webkit-text-stroke: 2px #d3d8db;font-weight: bold;position: absolute;left:0;top: 0;transform: translateY(-80%);z-index: 1;line-height: 0.88;}
.col-page-service .col-1 .wrap .slide .swiper-container .swiper-slide{display: flex;align-items: center;justify-content: center;padding:0 25px;min-height: 220px;border-left: 1px solid #dfe4e6;background: #f5f5fa;}
.col-page-service .col-1 .wrap .slide .swiper-container .swiper-slide img{max-width: 100%;}
.col-page-service .col-1 .wrap .child {margin-top: 7.5vh;}
.col-page-service .col-1 .wrap .child h3{font-size: 24px;font-weight: bold;margin-bottom: 4vh;}
.col-page-service .col-1 .wrap .child .content ul{overflow: hidden;}
.col-page-service .col-1 .wrap .child .content ul li{float: left;width: 47%;margin-right: 6%;margin-bottom: 10px;color:#666;font-size: 18px;line-height: 1.666;}
.col-page-service .col-1 .wrap .child .content ul li:nth-child(2n){margin-right: 0;}
.col-page-service .col-1 .wrap .child .swiper-container{overflow: visible;}
.col-page-service .col-1 .wrap .child .swiper-container::before{content:'';width: 99999px;height: 100%;background: #fff;position: absolute;right: 100%;top: 0;z-index: 2;}
.col-page-service .col-1 .wrap .child .slide-nav{display: flex;align-items: center;margin-top: 3vh;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons{flex: 0 0 50px;max-width: 50px;display: flex;align-items: center;justify-content: space-between;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons .swiper-button{width: auto;height: auto;position: static;margin-top: auto;opacity: 1;outline: none;background: none;line-height: 1;color:#000;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons .swiper-button::after{display: none;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons .swiper-button::before{font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons .swiper-button-prev::before{content: "\E90F"!important;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-buttons .swiper-button-next::before{content: "\E906"!important;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-pagination{height: 4px;position: relative;flex: 1;background-color: #cccccc;opacity: 1;width: 100%;text-align: center;transition: opacity .3s;transform: translateZ(0);z-index: 10;margin-left: 20px;border-radius: 2px;}
.col-page-service .col-1 .wrap .child .slide-nav .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #121416;border-radius: 2px;}
.col-page-service .col-2 .wrap{padding:8vh 0 16vh;}
.col-page-service .col-2 .wrap .ColumnInner{margin-bottom: 4vh;}
.col-page-service .col-2 .wrap .ColumnInner h2{float: left;width: 50%;padding-top: 3.2vh;}
.col-page-service .col-2 .wrap .ColumnInner .content{color:#666;font-size: 18px;line-height: 1.666;padding-top: 3.6vh;position: relative;float: right;width: 46%;}
.col-page-service .col-2 .wrap .ColumnInner .content::before{content:'';width: 100px;height: 2px;background: #ed1324;position: absolute;top: 0;left: 0;}
.col-page-service .col-2 .slide{margin-top: 9vh;}
.col-page-service .col-2 .wrap .slide {position: relative;}
.col-page-service .col-2 .wrap .slide h3{font-size: 10vw;color:transparent;-webkit-text-stroke: 2px #d3d8db;font-weight: bold;position: absolute;right:0;top: 0;transform: translateY(-45%);z-index: -1;line-height: 0.88;}
.col-page-service .col-2 .wrap .slide .child{margin-bottom: 20px;}
.col-page-service .col-2 .wrap .slide .child a{display: inline-block;vertical-align: middle;margin-right: 60px;color:#999999;font-weight: bold;font-size: 24px;margin-bottom: 5px;position: relative;transition: color 0.3s;}
.col-page-service .col-2 .wrap .slide .child a:first-child::after{content:'';width: 30px;height: 1px;background: #999999;position: absolute;left: calc(100% + 15px);top: 50%;}
.col-page-service .col-2 .wrap .slide .child a.active,.col-page-service .col-2 .wrap .slide .child a:hover{color:#ed1324;}
.col-page-service .col-2 .wrap .slide .box{position: relative;z-index: 1;}
.col-page-service .col-2 .wrap .slide .box .swiper-box{display: none;}
.col-page-service .col-2 .wrap .slide .box .swiper-box.active{display: block;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav{display: flex;align-items: center;margin-top: 3vh;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons{flex: 0 0 50px;max-width: 50px;display: flex;align-items: center;justify-content: space-between;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons .swiper-button{width: auto;height: auto;position: static;margin-top: auto;opacity: 1;outline: none;background: none;line-height: 1;color:#000;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons .swiper-button::after{display: none;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons .swiper-button::before{font-family: icomoon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons .swiper-button-prev::before{content: "\E90F"!important;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-buttons .swiper-button-next::before{content: "\E906"!important;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-pagination{height: 4px;position: relative;flex: 1;background-color: #cccccc;opacity: 1;width: 100%;text-align: center;transition: opacity .3s;transform: translateZ(0);z-index: 10;margin-left: 20px;border-radius: 2px;}
.col-page-service .col-2 .wrap .slide .box .swiper-container .slide-nav .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #121416;border-radius: 2px;}


/* news */
.col-page-news{padding:9vh 0 18vh;}
.col-page-news ul.list li{float: left;width: 46.5%;margin-right: 7%;margin-bottom: 13vh;}
.col-page-news ul.list li:nth-child(2n){margin-right: 0;}
.col-page-news ul.list li p.date{margin-bottom: 10px;}
.col-page-news ul.list li p.date span.Column{display: inline-block;padding:4px 6px;background: #134b9e;border-radius: 3px;color:#fff;font-size: 14px;}
.col-page-news ul.list li p.date span.time{color:#999999;font-size: 14px;margin-left: 1.5vw;padding-left: 1.4vw;position: relative;display: inline-block;vertical-align: middle;}
.col-page-news ul.list li p.date span.time::before{content:'';width: 1px;height: 20px;background: #a8a8a8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.col-page-news ul.list li h2{font-size: 24px;font-weight: bold;margin-bottom: 10px;line-height: 1.25;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.col-page-news ul.list li .content{color:#666;font-size: 18px;line-height: 1.6;height: 85px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin:1.8vh 0 2vh;}
.col-page-news ul.list li span.more{color:#134b9e;font-size: 16px;font-weight: bold;text-transform: uppercase;display: inline-block;position: relative;}
.col-page-news ul.list li:hover h2{color:#134b9e}

/* ÐÂÎÅÏêÇéÒ³ */
.col-news { position: relative; margin: 0 auto;}
.col-news-detail{background: #f2f5f8;}
.col-news article {margin:40px 0;float: left;width: 100%;}
.col-news .met_clear {clear: both;}
.col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;}
.col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.col-news .met_module2 .met_time { padding-right: 6px;}
.col-news .met_module2 .met_source {padding-right: 6px;}
.col-news .met_module2 .met_source a {color: #607fa6;}
.col-news .met_module2 .met_editor { padding: 0 10px;color:#000;}
.col-news .met_editor {line-height: 2;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;}
.col-news .met_tools .met_page {clear: both;color: #818181;}
.col-news .met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;}
.col-news .met_tools .met_page li:last-child{margin-right: 0}
.col-news .met_tools .met_page li span {padding-right: 5px;}
.col-news .met_tools .met_page a {color: #607fa6;}

/* contact */
.col-page-contact .swiper-scrollbar{position: absolute;right: 0;top: 0;height: 100%;width: 8px;background: #fff;border-radius: 0;}
.col-page-contact .swiper-scrollbar .swiper-scrollbar-drag {background-color: #ea2929;border-radius: 0;}
.col-page-contact .ContactSlide{overflow: hidden;}
.col-page-contact .ContactSlide .swiper-container{touch-action: pan-x;height: 100vh;}
.col-page-contact .ContactSlide .swiper-slide .intro{display: flex;flex-direction: column;position: relative;z-index: 1;height: 100%;width: 70%;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent{display: flex;flex-direction: column;height: 100%;margin-top: auto; padding:4vw 8.3vw;justify-content: space-around;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent h1{font-size: 16vw;-webkit-text-stroke: 2px #d2d8dc;-webkit-text-fill-color: transparent;line-height: 0.8;white-space: nowrap;font-weight: bold;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom{display: flex;flex-wrap: wrap;align-items: flex-end;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .s-content{width: 50%;color:#888888;font-size: 16px;line-height: 1.66;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .s-content a{font-size: 1.875rem;font-weight: bold;color:#065fab;border-bottom: 1px solid;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .s-content img{margin: 15px 0;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link{width: 50%;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link h3{font-size: 18px;font-weight: bold;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a{width: 210px;height: 54px;line-height: 52px;border:1px solid #cfd6da;text-align: center;display: block;margin-top: 2.8vh;position: relative;transition: color 0.3s;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #065fab;transition: width .3s;z-index: -1}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a .button__icon{margin-right: 12px;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a .button__text{font-size: 14px;font-weight: bold;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a:hover{color:#fff;}
.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link a:hover::before{width: calc(100% + 1px);}
.col-page-contact .ContactSlide .swiper-slide .contactForm{position: relative;display: flex;align-items: center;height: 100%;width: 70%;padding: 6vh 6vh 6vh 8.3vw;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner{width: 100%;padding-right: 7.6vw;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner h3{font-size: 2.5rem;font-weight: bold;display: inline-block;padding-bottom: 12px;position: relative;margin-bottom: 6vh;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner h3::before{content:'';width: 92px;height: 2px;background: #065fab;position: absolute;left: 0;bottom: 0;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner ul li{margin-bottom: 4vh;border-bottom:1px solid #cfd6da;color:#666;font-size: 18px;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner ul li input,.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner ul li textarea{width: 100%;padding:0;border:none;height: 45px;background: none;outline: none;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner ul li textarea{height: auto;min-height: 80px;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner ul li input.verify{width: 300px;margin-right: 20px;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner .sub{width: 220px;height: 55px;border:1px solid #d3d8db;background: none;padding: 0;font-size: 16px;font-weight: bold;text-transform: uppercase;transition: 0.36s;position: relative;}
.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner .sub:hover {color:#fff;background: #065fab;}

.col-page-contact .ContactSlide .swiper-slide .contactForm h2{font-size: 14vw;-webkit-text-stroke: 2px #d2d8dc;-webkit-text-fill-color: transparent;line-height: 0.8;white-space: nowrap;font-weight: bold;white-space: nowrap;width: 36%;}
.col-page-contact .right_bg{position: fixed;z-index: -2;top: 0;right: 0;height: 100%;width: 30%;pointer-events: none;}
.col-page-contact .google_map{display:none; position: fixed;bottom: 10vh;left: calc(70% + 40px);z-index: 5;}
.col-page-contact .google_map .map a{color:#fff;font-size: 21px;border-bottom: 1px solid;display: inline-block;vertical-align: bottom;margin-left: 11px;transition: color 0.3s;}
.col-page-contact .google_map .map a:hover{color:#ea2929}




/* search */
#search{padding: 150px 0 8vh;overflow:hidden}
#search .goomay-keywords-light{background: #19306f !important;color:#ffffff !important;}
#search .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
#search .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
#search .s_head h2{line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color:#000;}
#search .s_body ul{margin-top: 10px;}
#search .s_body ul span{display: block;color: #333;line-height: 40px;}
#search .s_body ul input,.s_body ul select{height: 35px;width: 100%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
#search .s_body .sub input{height: 45px;line-height: 45px;background: #19306f;border: 0;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;font-size: 16px;}
#search .search_right .no-result{text-align: center;font-size: 24px;color:#19306f;margin-top:50px;}
#search .search-result-title{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
#search .entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
#search .entry-c{position: relative;overflow: hidden;}
#search .search-result-info{padding:5px 0;}
#search .search-result-info li{display: inline-block;}
#search .entry-content p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#search .search_right em{color: #004cff;}
#search .search_right .search-result{margin-left:25px;}
#search .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
#search .search_right li{overflow: hidden;}
#search .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
#search .search-result-info li:first-child:before { display: none; }
#search .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
#search .product_img{float: left;}
#search .product_img img{border-radius: 50%;}
#search .product_img img:hover{width: 90px;height: 90px;}
#search .product_body{float: left;margin-left: 20px;margin-top: 10px;}
#search .se_news{float: right;width: 79%;}
#search .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
#search .search_right .news .date em{color: #fff;}

/* 666 */

/* µ×²¿ */
.footer-link .footer__linksList {display: flex;border-top: 1px solid #cfd6da;}
.footer-link .footer__linksList .footer__linksListItem {flex: 0 0 33.333%;border-right: 1px solid #cfd6da;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 7.4vh 2vw;font-size: 1.875rem;font-weight: bold;overflow: hidden;transition: color .3s;text-transform: capitalize;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink::after{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background-color: #065fab;z-index: -1;transition: left .3s;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink .footer__linksListItemLinkIcon {position: relative;font-size: 12px;right: 0;transition: right .3s;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink:hover{color:#fff;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink:hover::after{left: 0;}
.footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink:hover .footer__linksListItemLinkIcon {right: -10px;}
.footer{background: #121416;padding:6.4vh 0 2vh;color:#fff;}
.footer .flex{justify-content: space-between;}
.footer .logo{max-width: 245px;}
.footer .logo .desc{font-size: 16px;line-height: 1.8;margin-top: 2.6vh;}
.footer .flex .info {text-align: right;}
.footer .flex .info h3{font-size: 18px;font-weight: bold;margin-bottom: 12px;}
.footer .flex .info p.email a{color:#0a8dff;font-size: 1.875rem;font-weight: bold;border-bottom: 1px solid;}
.footer .flex .info h3.phone{margin:10px 0 8px;}
.footer .flex .info h3.phone i{display: inline-block;vertical-align: middle;width: 23px;height: 22px;background: url(/static/index/web_en/images/phone.png)no-repeat center/cover;margin-right: 2px;}
.footer .flex .info h3.phone span{display: inline-block;vertical-align: middle;border-bottom: 1px solid ;}
.footer .flex .info p.contact{font-size: 1.5rem;font-weight: bold;}
.footer .footer-wrap{overflow:hidden;}
.footer .nav-title{font-size:22px; margin-bottom:10px;}
.footer .nav-list{padding-bottom:15px;}
.footer .nav-list a{display:block; padding:5px 0; font-size:16px; color:#fff;}
.footer .footer-contact h3{margin-bottom:10px;}
.footer .footer-contact p{padding:5px 0; font-size:16px;}
/**/
.footer .copyright{margin-top: 6vh; padding-top:18px; border-top:1px solid rgba(255,255,255,.2)}
.footer .copyright span{font-size: 16px; /*font-weight: bold;*/display: inline-block;vertical-align: middle;}
.footer .copyright #gotoTop{float: right;cursor: pointer;transition:color 0.36s;}
.footer .copyright #gotoTop i.fa{display: inline-block;vertical-align: sub;font-size: 24px;font-weight: bold;margin-left: 1.4vw;}
.footer .copyright #gotoTop:hover{color:#0a8dff;}
.shopping_cart{width:50px;height:50px;display: block;color:#fff;text-align: center;position: fixed;right: 30px;bottom: 172px;background: #f21710;z-index: 99;font-size: 24px;cursor: pointer;text-align: center;line-height: 46px;display:none;}
.shopping_cart a{color:#fff;}
.shopping_cart span.shoppingIconNum {
    position: absolute;
    top: -5px;
    display: block;
    right: -5px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    background: #000;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

/* ¸±µ¼º½ */
.vicenav{border-top: 1px solid rgba(255,255,255,0.2);position: absolute;bottom: 6px;left: 0;width: 100%;z-index: 10;}
.vicenav ul.flex li{flex: 1;border-bottom: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);position: relative;}
.vicenav ul.flex li:last-child{border-right: none;}
.vicenav ul.flex li a{display: block;color:#fff;font-size: 0;line-height: 1.5;position: relative;z-index: 10;}
.vicenav ul.flex li a span.title{font-weight: bold;font-size: 24px;display: flex;align-items: center;padding:3.6vh 3vw;transition: background 0.3s;}
.vicenav ul.flex li a i.fa{font-size: 14px;margin-left: 4.5vw;}
.vicenav ul.flex li a .navImg{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;overflow: hidden;border-right: 1px solid transparent;transition: height .3s;z-index: -1;}
.vicenav ul.flex li a .navImg .img{position: absolute;left: 0;bottom: 0;width: 100%;height: 500px;z-index: -1;}
.vicenav ul.flex li a .navImg .img img{object-fit: cover;width: 100%;height: 100%;position: relative;z-index: -2;}
.vicenav ul.flex li .child{position: absolute;left: 0;top: 100%;background: #065eabc7;padding: 20px 2.2vw;width: 100%;display: none;}
.vicenav ul.flex li .child p{margin-bottom: 8px;}
.vicenav ul.flex li .child p a{color:#fff;font-weight: bold;font-size: 16px;line-height: 1.5;transition: 0.3s;display: inline-block;}
.vicenav ul.flex li .child p a:hover{color:#ea2929;}
.vicenav ul.flex li:hover span.title{background: #065eabc7;}
.vicenav ul.flex li:hover .navImg{height: 500px;}


/* media */
@media (min-width: 1200px) {
  .container{width: 1200px}
}
@media (max-width: 1600px) {
  .aboutUsHeader{height: 680px !important;}
  
  
}
@media (max-width: 1460px) {
  .aboutUsHeader{height: 580px !important;}
  .col-index-contact .flex .contact-info{padding:10.8vh 20px 9vh 4vw;}
  .col-index-contact .flex .contact-form{padding:10.8vh 4vw 20px 6vw}
    .col-index-about .content .s-content{font-size:18px;}
  html{font-size: 14px;}
  
}
@media (max-width: 1200px) {
  .aboutUsHeader{height: 480px !important;}

  html{font-size: 12px;}
  .container{width: 100%;padding-left: 10px !important;padding-right: 10px !important;}
}
@media (max-width: 992px) {
  .col-index-contact .flex .contact-info .content strong{font-size: 18px;}
  .aboutUsHeader .aboutUsHeader__content h3.aboutUsHeader__heading,#col-banner .swiper-slide .ban_cont .content,.mainMenu__navLink{font-size: 2.5rem;}

  .header .inner .logo{margin-right: auto;}
  .col-page-service .col-2 .wrap .slide h3{transform: none;margin-top: -10px;}
  .col-page-product ul.list li{width: 33.33%;}
  .col-page-about .col-4 .wrap .title{padding:10vh 0;text-align: center;}
  .col-page-about .col-4 .wrap .title,.col-page-about .col-4 .wrap .list{width: 100%;}
  .col-page-about .col-4 .wrap .list{border-top: 1px solid rgba(255,255,255,0.5);}
  .aboutUsHeader .aboutUsHeader__images .aboutUsHeader__title{left: 300px;}
  .aboutUsHeader .aboutUsHeader__content{padding-top: 80px;}
  .aboutUsHeader a#aPlay{position: static;display: inline-block;margin-top: 20px;}
  .aboutUsHeader .aboutUsHeader__images{padding-left: 240px;}
  .aboutUsHeader{height: 480px !important;}
  .col-index-about .titleDesc .titleDesc__inner{display: block;}
  .col-index-about .titleDesc .titleDesc__inner .titleDesc__title,.col-index-about .titleDesc .titleDesc__inner .titleDesc__desc{max-width: none;}
  .mainMenu__header{padding:13.5px 20px;}
  .header .inner{padding:0 20px;}
  .header .inner .logo img,.mainMenu__logo img{width: 140px;}
  .header .inner .language>a,.header .inner .nav{display: none;}
  .header .inner .language .lang-none,.col-page-about .col-4 .wrap{display: block !important;}
  .header .inner .language .lang-none a{background: transparent !important;color:#fff;padding:0 10px;}
  .product-nav h2 i{display:block;}
  .product-nav>ul{display:none;}

}
@media (max-width: 768px) {
    .p16{padding-left:2vw; padding-right:2vw;}
    #col-banner .swiper-slide{height:450px!important;}
  .col-index-news .swiper-container .swiper-slide .title,.vicenav ul.flex li a span.title,.col-page-news ul.list li h2{font-size: 18px;}
  .col-page-product ul.list li .img .itemDesc h2{font-size: 16px;}
  .col-page-about .col-4 .wrap .title{font-size: 6rem;}
  
  .col-page-news ul.list li h2{height: 44px;}
  .col-page-service .col-2 .wrap .slide h3{margin-top: 50px;}
  .col-page-service .col-2 .wrap .slide .child a{display: block}
  .col-page-service .col-2 .wrap .slide .child a:first-child::after{display: none;}
  .col-page-service .col-1 .wrap .slide .swiper-container .swiper-slide{min-height: 120px;}
  .col-page-product ul.list li .img .itemDesc{left: 10px;}
  .col-page-product ul.list li a:hover .img .itemDesc{bottom: 10px;}
  .col-page-product ul.list li{width: 50%;}
  #col-banner .swiper-slide .ban_cont{/*align-items: initial;*/padding-top: 80px;}
  .col-page-about .col-3 .slide h3{line-height: 0.8;}
  .col-page-about .col-2 .map .img,.col-page-about .col-2 .map .mapText,.col-page-about .col-3 .title,.col-page-about .col-3 .slide,.col-page-detail .pro_show .wrap .caseleft,.col-page-detail .pro_show .wrap .caseright,.col-page-service .col-1 .wrap .ColumnInner h2,.col-page-service .col-1 .wrap .ColumnInner .content,.col-page-service .col-1 .wrap .child .content ul li,.col-page-service .col-2 .wrap .ColumnInner h2,.col-page-service .col-2 .wrap .ColumnInner .content,.col-page-news ul.list li{display: block;width: 100%;margin-bottom: 20px;float: none;}
  .col-page-about .col-2 .top .content ul li{width: 100% !important;margin: 20px 0;}
  .col-page-about .col-2 .top h2{max-width: none;}
  .aboutUsHeader a#aPlay span{display: none;}
  .col-page-about .col-1{padding-top: 40vh;}
  .aboutUsHeader .aboutUsHeader__images{padding-left: 20px;margin-top: 16vh;}
  .aboutUsHeader .aboutUsHeader__images .aboutUsHeader__image:first-of-type{flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
  .aboutUsHeader .aboutUsHeader__images .aboutUsHeader__title{left: 20px;transform: none;margin-bottom: -5px;top: auto;bottom: 100%;}
  .aboutUsHeader{height: 500px !important;}
  .footer .flex .logo,.footer .flex .info{text-align: center;max-width: none;}
  .footer .copyright{margin-top: 20px;}
  .footer .copyright #gotoTop,.col-page-about .col-2 .top .content ul li{float: none;}
  .footer .flex,.footer .copyright{display: block;text-align: center;}
  .footer-link .footer__linksList .footer__linksListItem{border-bottom: 1px solid #cfd6da;}
  .footer-link .footer__linksList .footer__linksListItem .footer__linksListItemLink{padding:5vh 2vw;}
  .col-index-news h2 span.name,.col-index-contact .flex,.mainMenu__content,.footer-link .footer__linksList,.col-page-about .col-1 .flex,.col-page-about .col-2 .flex,#col-banner .swiper-slide .ban_cont .flex,.vicenav .flex,.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom{display: block;}
  .mainMenu__nav{margin-left: 0;}
  .mainMenu__contentSocials ul{display: flex;}
  .mainMenu__contentSocials ul li a{padding: 10px;}
  .mainMenu__contentSocials ul li .mainMenu__socialsLink--text,.col-page-contact .ContactSlide .swiper-slide .contactForm h2{display: none;}
  .mainMenu__contentSocials ul li .mainMenu__socialsLink--icon{display: block;}
  .col-index-news h2 a.more{float: none;margin-top: 20px;display:inline-block;}
  .col-index-showroom .flex .content,.col-index-showroom .flex .slide,.col-index-clients .inner .wrap .content,.col-index-clients .inner .wrap .img,.col-index-contact .flex .contact-info,.col-index-contact .flex .contact-form,.col-page-about .col-1 .title,.col-page-about .col-1 .content,.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .s-content,.col-page-contact .ContactSlide .swiper-slide .intro .introContent .bottom .link,.col-page-contact .ContactSlide .swiper-slide .contactForm .formInner{width: 100%;}
  .col-page-contact .ContactSlide .swiper-slide .contactForm .formInner{padding: 0;}
  .col-index-clients .inner .wrap .img img{position: static;}
  .col-index-showroom .flex .slide{margin-top: 80px;}
  .col-index-showroom .flex .slide h2{top: -20px;}
  .col-index-product .imageBoxes__list .imageBoxes__item{width: 100%;flex: auto;}
  .col-index-product .imageBoxes__list .imageBoxes__item .imageBoxes__itemContent{bottom: 10px;}
  .col-index-about .content ul,.col-index-clients .inner .wrap{display: block;}
  .col-index-about .content ul li{padding-top: 0 !important;}
  .col-index-about .content ul li img{width: 100%;}
  .col-index-about .titleDesc .titleDesc__inner .titleDesc__title .titleDesc__titleBig{font-size: 120px;}
  #col-index-banner .headerHome__nav,#col-index-banner .swiper-slide .headerHome__slideBottom,#col-index-banner .swiper-slide .headerHome__bottom,#col-index-banner .headerHome__scrollText{display: none;}
  #col-index-banner .headerHome__scroll{left: 50%;transform: translateX(-50%);}
  html{font-size: 10px;}
  
}
@media (max-width: 600px) {
  .header.Change .inner .language .lang-none a{color:#000;}
  .header.Change .inner .header__buttonHamburger span{background: #000;}
  .header.Change.active .inner .language .lang-none a{color:#fff;}
  .header.Change.active .inner .header__buttonHamburger span{background: #fff;}
  .col-page-contact .ContactSlide .swiper-slide .intro,.col-page-contact .ContactSlide .swiper-slide .contactForm{width: 100%;}
  .col-page-contact .ContactSlide .swiper-slide .intro .map{display: block;padding:50px 20px;}
  .col-page-contact .ContactSlide .swiper-slide .intro .map a{color: #fff;font-size: 21px;border-bottom: 1px solid;display: inline-block;vertical-align: bottom;margin-left: 11px;transition: color 0.3s;}
  .col-page-contact .swiper-scrollbar,.col-page-contact .right_bg,.col-page-contact .google_map{display: none;}
  .col-page-contact .ContactSlide .swiper-slide .intro .introContent{justify-content: center;}
}
@media (max-width: 468px) {
    #col-banner .swiper-slide{height:300px!important;}
  #col-banner .swiper-slide .ban_cont .namemark{font-size: 6.8rem;}
  .col-page-about .col-4 .wrap .list li{width: 100%;}
  .col-page-about .col-1{padding-top: 12vh;}
  .col-page-about .col-4 .wrap .title{font-size: 5rem;}
  .col-index-about .titleDesc .titleDesc__inner .titleDesc__title .titleDesc__titleBig{font-size: 80px;top: -20px;}

  
}
@media (max-width: 360px) {
  .col-page-about .col-4 .wrap .title{font-size: 4rem;}

  

}


/*ÊÖ»ú°æ²Ëµ¥*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 60px;height:60px;position: absolute;top: 10px;right:0; padding: 15px;z-index: 12; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*²Ëµ¥µ¯³öÆ«Ïò*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*µ¯³ö²Ëµ¥±ßÒõÓ°*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}

<!--ºÄʱ1758566320.9803Ãë-->