@charset "utf-8";
/*通用样式*/
@font-face {
	font-family: font1;
	src: url(font1.TTF);
}
@font-face {
	font-family: font2;
	src: url(font2.OTF);
}
@font-face {
	font-family: font3;
	src: url(font3.TTF);
}
@font-face {
	font-family: bli;
	src: url(bli.TTF);
}
@font-face {
	font-family: hb;
	src: url(hb.TTF);
}
@font-face {
	font-family: hr;
	src: url(hr.TTF);
}
@font-face {
	font-family: hl;
	src: url(hl.TTF);
}
.t2 a{max-width:100%; margin:0 auto;}
.backNews { display: none; padding: 15px 4%; width: 100%; position: fixed; left: 0; top: 90px; background: #ffffff; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.backNews a{ font-size: 16px; color: #333; display: flex; justify-content: space-between;}
.backNews a i {transition: all .5s; background: url(../images/menuEnter.png) center no-repeat; width: 8px; height: 14px; background-size: 100% auto;}
.yearSelect { position: relative; display:inline-flex; align-items: center; gap: 11px; padding: 0 30px 0 12px; z-index:2}
.yearSelect span { cursor: pointer; display: block; border-bottom: 1px solid #EB6112; font-size: 22px; color: #EB6112; line-height: 34px;}
.yearSelect dl { background: rgba(255,255,255,.82); border-radius: 8px; transition: all .5s; visibility: hidden; opacity: 0; box-sizing: border-box; padding-left: 12px; line-height: 34px; width: 100%; border: 1px solid #ECECEC; position: absolute; left: 0; top: 0;}
.yearSelect dt {min-width: 50px;  cursor: pointer; display: inline-block; font-size: 22px; color: #404040; border-bottom: 1px solid #404040;}
.yearSelect::after { content: ''; pointer-events: none; background: url(http://14.103.123.12:8081/AppResource/Theme/WebEn/images/newsSelect.png) center no-repeat;  width: 14px; height: 9px;  position: absolute; right: 11px; top: 50%; margin-top: -4.5px;  z-index: 2;}
.yearSelect dt:last-child { border: none;}
.yearSelect.act span { opacity: 0;}
.yearSelect.act dl { visibility: visible; opacity: 1;}
.yearSelect dt:hover { color: #EB6112; border-bottom: 1px solid #EB6112;}
.detailSlide table{width:100%!important;}
.bigAlts span { position: absolute; left: 0; top: 0; cursor: pointer;}
.bigAlts span img { display:block;}
.bigAlts {display: none; background: #ffffff;z-index: 100; position: fixed; margin: auto;width: 1300px;max-width: 93.75%; height: 720px; max-height: 80%; top: 0;bottom: 0;  left: 0; right: 0; overflow-y: auto;}
.scrollConts {width:100%; height: 100%; overflow: auto;}
.smallPicBoxs img {max-width: 100%;}
.BigPics { display: none;}
.BigPics img{ max-width: none;}
.bgcover {position: fixed;  left: 0; right: 0; bottom: 0; top: 0; background: #000; z-index: 8; display: none; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8;  z-index: 5;}
	
.newsSearch{margin-bottom:20px;}
.fpage { margin: 20px auto; display: flex; justify-content: center; align-items: center; gap: 3px;}
.fpage a { border-radius: 3px; display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 14px; color: #999; }
.fpage a:hover { color: #E64807;}
.fpage a.cur { background: #E64807; color: #ffffff;}
.footLogo img {height:70px;}

.footLogo img {height:70px;}
.surePwd{ display:block; margin:20px auto 0; color:#ffffff; width:140px; color:#ffffff; border-radius:4px; background:#E64807;border:none;
font-size:18px;line-height:3;}
.MagicZoom {pointer-events: none;}
.MagnifierWrap { position: relative;}
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'hr', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; min-height: 100%;}
body{ background:#fff; width: 100%; overflow-x: hidden; font:normal 12px/22px "hr";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 12;}
a.more { transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
a.more i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
a.more:hover { background: #E64807; color: #ffffff;}
a.more:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
/* CSS Document */
.choseMenu span img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.mobSub { display: none;}
.MagicZoomBigImageCont{background: #ffffff; overflow:hidden; left: 0!important; width: 100%!important; height: 100%!important;z-index: 90!important;}
.MagicZoomBigImageCont img{width:800px!important;height:800px!important}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}

.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

body {padding-top: 160px; overflow-x: hidden;}
.iframeBox { margin:0 auto;  width: 100%; height:500px;}
.fcc {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.fsc {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}
.typeName { display: flex; align-items: center;}
.typeName h2 { margin-right: 2.6vw;}
.typePic { flex-wrap: wrap; display: flex; align-items: center;}
.typePic img { display:block; margin:0 6px;}
.titleTag { display: flex; align-items: center;}
.header { transition: all .5s; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; justify-content: space-between; padding: 50px 5.7vw; display: flex; align-items: center;}
.header.moveHead { padding-top: 20px; padding-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.header.moveHead .productSub { top: 70px;}
.header a.logo { display: block;}
.header a.logo img { display: block;}
.nav>ul { padding: 0 15px; border-radius: 6px; background: rgba(0,0,0,.5); display: flex; align-items: center;}
.nav>ul>li{ position: relative; padding: 0 1.1vw;}
.nav>ul>li:nth-child(2) { position: static;}
.nav>ul>li>h2 a { white-space: nowrap; transition: all 0.3s; line-height:50px; font-size:16px; color: #fff; font-weight: 200;}
.nav>ul>li:hover>h2 a,.nav>ul>li.cur>h2 a{ color: #E64807;}
.nav>ul>li>h2 { position: relative;}
.nav>ul>li>h2::after { content: ''; position: absolute; background: #E64807; bottom:8px; width: 0; height: 1px; transition: all 0.5s; left: 50%; transform: translateX(-50%);}
.nav>ul>li:hover>h2::after { width: 100%;}
.nav li:hover .navSub { display: block;}
.navSub { display: none; width: 230px; background: #ffffff; position: absolute; left: 0; top: 50px;}
.navSub p a{border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; color: #333333; transition: all 0.5s; padding: 0 20px; display: block; line-height: 40px;}
.navSub p a:hover { background: #E64807; color: #ffffff;}
.navSub p:last-child a { border: none;}
.lang img { display: block; width:100%}
.lang a { display: block; border-radius: 50%; width: 23px; height: 23px; overflow: hidden;}
.headerControl { display: flex; align-items: center;}
.lang { position: relative; margin: 0 1.04vw; padding: 0 1.04vw; display: flex; align-items: center; gap: 16px;}
.headerControl a.telPhone {color: #E64807; font-size:24px; font-style: italic; font-weight: bold; font-family: 'hb';}
.searchEnter { cursor: pointer; display: block; background: url(../images/search.png); width: 26px; height: 26px; background-size: 100% auto;}
.lang::after { content: ''; height: 21px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; background: #969696;}
.lang::before { content: ''; height: 21px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; background: #969696;}
.container { width: 83.33%; margin: 0 auto;}
.location { margin-top: 50px; margin-bottom: 26px; font-size: 16px; line-height: 21px; color: #000000;}
.location a { color: #000;}
.location a:hover { color: #E64807;}
.productTitle { margin-bottom: 26px; display: flex; align-items: center; justify-content: space-between;}
/* .downTag { margin-right: 66px;} */
.downTag a img { display: block; margin-right: 5px; height: 28px;}
.downTag {gap:21px; display: flex; align-items: center;}
.downTag a { font-size: 14px; display: flex; align-items: center; color: #000000;}
.shareTag { gap: 7px; display: none; align-items: center; justify-content: end; font-size: 16px; color: #000000;}

.productTitle h2 { font-size:26px; font-weight: bold; color: #000000; line-height:34px;}
.fixRight { display: none; z-index: 15; padding: 20px 0; width: 82px; background: #ffffff;box-shadow: -6px 10px 20px 1px rgba(0,0,0,0.16);border-radius: 16px 0px 0px 16px; position: fixed; right: 0; top: 50%; transform: translateY(-50%);}
.fixRight li { position: relative; text-align: center; display: block;}
.altEwm { transition: all 0.5s; transform-origin: right center; position: absolute; right: 94px; top: 50%; transform: translateY(-50%) scale(0); width: 120px; background: #ffffff; height: 120px; padding:6px; border-radius:6px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.altEwm img { height: 100%; object-fit: cover; display: block; width: 100%;}
.fixRight li>a { padding: 10px 0; background: #ffffff; display: block; position: relative; z-index: 2;}
.fixRight li a img { transition: all 0.5s; display: block;}
.fixRight li a img:nth-child(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;}
.fixRight li:hover>a>img { opacity: 0;}
.fixRight li:hover>a>img:nth-child(2) { opacity: 1;}
.fixRight li:hover .altEwm { transform: translateY(-50%) scale(1);}
.fixRight a img { display: block; margin: 0 auto;}
.fixRight li:last-child { margin-bottom: 0;}
.productDetail {background: #F7F6F9; padding: 44px 0 2.6vw;}
.productDetail.othDetail { padding-bottom: 5.2vw;}
.choseHd {overflow: hidden; width: 320px; display: flex; justify-content: center; margin: 0 auto; background:#CDCFD1; border: 1px solid #CDCFD1; line-height: 35px; border-radius: 40px;}
.choseHd span,.choseHd a{ color: #ffffff; cursor: pointer; font-size: 16px;flex:1; font-weight: bold; text-align: center;}
.choseHd span.cur { background: #ffffff; color: #E64807;}
.shareLink { transition: all 0.5s; border-radius: 6px 0 0 6px; top: 0; top: 10px; bottom: 10px; position: absolute; display: flex; align-items: center; justify-content: center; flex: 6px; padding: 0 22px 0 12px; background: #ffffff;
 box-shadow: 0 2px 10px rgba(0,0,0,0.2); transform: scale(0); right: 72px; transform-origin: right center;}
 .shareLink a img { width: 26px; display: block;}
 .shareLink a { margin: 0 5px;}
.fixRight li:hover .shareLink {transform: scale(1);}
.picSlide img {  display: block; margin: 0 auto; height: 544px;}
.picSlide video { max-width: 100%; width:886px; height: 100%; display: block; margin: 0 auto; object-fit: cover;  outline: none;}
.choseSlide { position: relative;}
.colorChose {position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%);}
.listColor { display: flex;}
.modeColor p {padding-left: 11px;}
.modeColor { width:100px; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 12px; font-size: 15px; line-height: 40px; background: #ffffff; align-items: center;}
.modeColor span { display: block; margin: 0 auto; width: 25px; height: 25px; border-radius: 50%; border: 2px solid rgba(255,255,255,0); box-sizing: border-box;}
.modeColor span img { display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;}
.modeColor span.cur {  box-shadow: 0 2px 10px rgba(0,0,0,0.4); border: 2px solid #ffffff;}
.modePic img {height:574px; margin: 0 auto; display: block;}
.choseMenu {  transition: all 0.5s; transform: scale(0.8); opacity: 0.5; padding: 55px 10px 16px; background: #ffffff; width: 50px; }
.choseMenu.showState { box-shadow:3px 0 10px rgba(0,0,0,0.2); position: static; opacity: 1; transform: scale(1);}
.choseMenu span { position: relative; box-sizing: border-box; cursor: pointer; position: relative; width: 28px; border-radius: 50%; height: 28px; display: block; margin: 0 auto 36px;}
.choseMenu span:nth-child(1) { background: #A6AFB5;}
.choseMenu span:nth-child(2) { background: #061A26;}
.choseMenu span:nth-child(3) { background: #5C8AA3;}
.choseMenu span:nth-child(4) { background: #0079C0;}
.choseMenu span:nth-child(5) { background: #BB051D;}
.choseMenu span.cur::after { content: ''; border-radius: 50%; position: absolute; width: 38px; height: 38px; box-sizing: border-box;
border: 3px solid #E64807; left: -5px; top: -5px;}
.choseMenu span:last-child{ margin-bottom: 0;}
.choseMenu p { font-size: 16px; position: absolute; top: 16px; width: 100%; left: 0; text-align: center; color: #000000;}
.choseMenu p img { margin: 0 auto;}

.choseMenu p i {font-style: normal; display: none; font-size: 14px; color: #061A26;}
.dataList { margin:0 auto 0; width:calc(100% - 220px);}
.dataList ul {  align-items: center; display: flex;justify-content : space-between; overflow: hidden;}
.dataList li {cursor: pointer; text-align: center;  }
.dataList span { display: block; position: relative; margin: 0 auto 15px;}
.dataList span img { border-radius: 50%; width: 70px; display: block; margin: 0 auto; transition: all .3s;}
.dataList span img:nth-child(2) { position: absolute; opacity: 0; top: 0; left: 50%; transform: translateX(-50%);}
.dataList li:hover span img:nth-child(1),.dataList li.cur span img:nth-child(1) { opacity: 0;}
.dataList li:hover span img:nth-child(2),.dataList li.cur span img:nth-child(2) { opacity: 1;}
.dataList h2 { line-height:.5; font-size: 22px; color: #969696; font-weight: 200;}
.dataList h2 b { font-family: 'font3'; transition: all .3s; font-weight: bold; font-size: 26px;}
.dataList li p { font-size: 17px; line-height: 42px; color: #000000;}
.dataList li:hover h2 b,.dataList li.cur h2 b,.dataList li.cur h2,.dataList li:hover h2 { color:#E64807 ;}

.inforsChose { border-radius: 0 0 0 12px; display: flex; background:#0E0E0E;}
.inforsChose::after { content: ''; clear: both; display: block; height: 0;}
.inforsChose span { display: block; cursor: pointer; text-align: center; position: relative; box-sizing: border-box; padding: 0 40px; height: 347px; width: 113px; background: #0E0E0E; float: left; padding-top: 20px;}
.inforsChose b { text-indent: 5px; font-size:24px; line-height:1.5; color: #ffffff;  white-space: nowrap;transform: rotate(90deg); display: block;}
.inforsChose span.cur { border-radius: 0 0 0 12px; background: #E64807;}

.inforsChose span i { position: absolute; background: url(../images/arr.png) center no-repeat; width: 31px; height: 31px; position: absolute; bottom:36px; left: 50%;
 transform: translateX(-50%); background-size: 100% auto;}
.swiperBox { position: relative; height: 347px; padding-right: 68px;}
.nextBtn { bottom: 0; position: absolute; cursor: pointer; right: 0; width: 68px; display: flex;align-items: center; justify-content: center; height: 174px; background: #E64807;}
.swiperBox .swiper { box-shadow: 0px 20px 30px 1px rgba(0,0,0,0.16); width: 100%; height: 100%;}
.inforsSwiperBox { flex:1;max-width: calc(100% - 226px)}
.productInfors { display:flex; margin: -118px auto 0; position: relative; z-index: 2;}
.productInfors.otherProductInfors { margin: 5.2vw auto;}
.swiperBox .swiper-slide { padding-top: 30px; background: #ffffff; height: 100%;box-shadow: 0px 20px 30px 1px rgba(0,0,0,0.16);}
.productImg { height: 220px; display: flex; justify-content: center; align-items: center;}
.productImg img { transition: all 1s; max-height:90%; max-width: 90%; display: block;}
.swiperBox .swiper-slide p { transition: all .3s; color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  text-align: center; font-size:16px; margin-top: 15px; line-height: 30px; margin:15px 10px 0;}
.swiperBox .swiper-slide:hover img { transform: scale(1.1);}
.swiperBox .swiper-slide:hover p { color: #E64807;}
.detailMenu .prevMenu { position: absolute; width: 100%; left: 0; top: 0; height: 40%; z-index: 2; cursor: pointer;}
.detailMenu .nextMenu { position: absolute; width: 100%; left: 0; bottom: 0; height: 40%; z-index: 2; cursor: pointer;}
.detailMenu .swiper { height: 100%;}
.detailMenu .swiper-slide { background: url(../images/lines.jpg) left center no-repeat; cursor: pointer; font-size: 24px; color: #969696;transition: all .5s; padding-left: 70px; display: flex; align-items: center; position: relative;background-size: auto 100%; margin-bottom: 12px; line-height: 60px; height: auto;}
.detailMenu .swiper-slide::after { content: '';  height: 1px; width: 47px; background: #E64807; position: absolute; left: 0; top: 50%; margin-top: -0.5px;}
.detailMenu .swiper-slide.cur { font-weight: bold; color:#E64807 ;}
/* .lines span { display: block; width: 23px; height: 1px; background: #E64807;}
.lines { position: absolute; left: 0;}
.lines span { margin:10px 0;}
.lines:first-child { position: absolute; top: 0;}
.lines:last-child { position: absolute; bottom: 0;} */
.detailMenu::before { display:none; content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; top:0; width: 100%; height: 30%; background-image: linear-gradient(to bottom,rgba(255,255,255,1) 0%, rgba(255,255,255,.9) 60%, rgba(255,255,255,0));}
.detailMenu::after { display:none; content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; bottom:0; width: 100%; height: 30%; background-image: linear-gradient(to top,rgba(255,255,255,1) 0%, rgba(255,255,255,.9) 60%,rgba(255,255,255,0));}
.detailCont {margin: 2.5vw auto 0; padding-bottom: 4vw; display: flex; justify-content: space-between; }
.detailTable th { border-bottom:4px solid #ffffff; line-height: 68px; text-align: left; text-indent: 2.6vw; background: #E64807; font-size:26px; font-weight: bold; color: #ffffff;}
.detailList { padding-right: 68px; float: right; width: calc(100% - 358px);}
.detailMenu {width: 170px; position: relative; float: left;}
.detailTable td { font-size: 23px; line-height:68px; text-indent: 2.6vw;}
.detailTable tr:nth-child(even) td { background: #F7F6F9;}
.otherProduct { background: #F7F6F9; padding: 68px 0 48px;}
.otherSwier { width: 88.45vw; margin: 0 auto;}
.otherSwier .swiper { padding: 75px 0 90px; width: 100%;}
.otherSwier .swiper .swiper-slide { transition: all .5s; padding: 33px 1.822vw 55px; border-radius: 15px; background: #ffffff;}
.otherSwier .swiper .swiper-slide:hover {box-shadow: 0px 20px 40px 1px rgba(0,0,0,0.1);}
.otherSwier ul::after { content: ''; clear: both; display: block; height: 0;}
.otherSwier li { margin-bottom: 1.333%; box-sizing: border-box; transition: all .5s; float: left; width: 24%; margin-right: 1.3333%; padding: 33px 1.822vw 55px; border-radius: 15px; background: #ffffff;}
.otherSwier li:hover {box-shadow: 0px 20px 40px 1px rgba(0,0,0,0.1);}
.otherSwier li:nth-child(4n) { margin-right: 0;}
.proImgs { display: flex;align-items: center; height: 17.44vw; align-items: center; justify-content: center;}
.proImgs img { max-width: 100%; max-height: 100%; object-fit: cover; }
.otherSwier h3 { line-height: 48px; margin-bottom: 9px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px; color: #000000;}
.otherSwier h3 span { font-weight: bold; font-size: 32px; margin-right: 5px;}
.otherSwier p { font-size:20px; height: 28px; line-height: 28px; margin-bottom: 2.6vw; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.otherSwier a.more { align-items: center; display: inline-flex; transition: all 0.5s; padding: 0 25px; gap: 30px; line-height: 33px; border: 1px solid #E64807; color: #E64807; border-radius: 33px; font-size: 18px;}
.otherSwier a.more i { display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}
.otherSwier a.more:hover { color: #ffffff;}
.otherSwier a.more:hover i {background: url(../images/iconMoreon.png) center no-repeat!important; background-size: 100% auto!important;}
.otherSwier .swiper-slide:hover a.more { background: #E64807; color: #ffffff;}
.otherSwier .swiper-slide:hover a.more i { background: url(../images/eIconon.png) center no-repeat;}
.otherSwier { position: relative; overflow: hidden;}
.otherSwier .swiper-pagination {background: #ffffff; width: 580px!important; max-width: 90%!important; left: 50%!important; margin-left: -290px!important; top: auto!important; bottom: 0;}
.otherSwier .swiper-pagination .swiper-pagination-progressbar-fill { background: #E64807!important;}
.footer { background: #404040; padding: 56px 0 0;}
.footerLink ul { display: flex; justify-content: space-between;}
.footerLink li h2 { margin-bottom: 20px; font-size: 22px; font-weight: bold; color: #ffffff;}
.footerLink li h2 a { color: #ffffff; font-weight: bold;}
.footerLink li p a { font-weight: 200; transition: all .3s; font-size: 16px; color: #ffffff; line-height: 30px;}
.footerLink li p a:hover { color:#E64807 ;}

.footCenter p a { font-family: 'bli'; letter-spacing: 4px; line-height:74px; justify-content: center; font-size: 14px; display: flex; align-items: center; font-weight: bold; color: #ffffff;}
.footCenter p a img { display: block; margin-right: 13px;}
.footCenter p{ margin-top: 39px;}
.footCenter { text-align: center;}
.frLink { display: flex;}
.frLink img { display: block;}
.footScan p { font-size: 14px; color: #ffffff; margin-top: 7px; line-height: 18px;}
.footScan { position: absolute; right: 0; bottom: 0; text-align: center;}
.footScan img { display: block;}

.frLink { position: absolute; left: 0; bottom: 0;}
.productSub { display:none; z-index: 10; position: absolute; right: 8.6vw; background: #ffffff; left: 8.6vw; top:100px;box-shadow: 0 0 10px rgba(0,0,0,0.2);height:85vh}
.firstMenu { padding:20px 0; float: left; width:348px; max-height: 85vh; box-shadow: 20px 0 20px rgba(0,0,0,0.1); overflow-y: auto;height:100%!important;}
.firstMenu::-webkit-scrollbar { display: none;}

.firstMenu li h2{display: flex; align-items: center;}
.firstMenu li h2 img { transition: all .5s; display: block; width: 95px;}
.menuPic { margin-left:38px; margin-right:23px; position: relative;}
.menuPic img:nth-child(2) { position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.firstMenu li { cursor: pointer;}
.secondMenu { float: left; width:calc(100% - 348px); height:100%}
.secondMenu ul { max-height: 85vh; width: 505px; height: 100%; overflow-y: auto;}
.secondMenu ul::-webkit-scrollbar { display: none;}
.secondMenu dt .menuTag{ width: 505px; border-bottom: 4px solid rgba(247,246,249); padding: 21px 1.66vw 21px 2vw; display: flex; align-items: center; justify-content: space-between;}
.tagText {flex: 1; display: flex; align-items: center;}
.menuTag a.checkMore { display: none; white-space: nowrap; align-items: center; color: #E64807; padding: 0 15px; border: 1px solid #E64807; line-height: 21px; border-radius: 23px; margin-top:80px;}
.menuTag a.checkMore i { margin-left: 16px; display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}

.otherList a.checkMore { transition: all 0.5s; margin: 40px auto 0; width:127px; font-size: 16px; display: block; white-space: nowrap; align-items: center; color: #E64807; border: 1px solid #E64807; line-height: 35px; text-align: center; border-radius: 23px;}
.otherList a.checkMore:hover { background: #E64807; color: #ffffff;}
.tagDesc h2 { font-weight: bold; color: #000000; font-size: 20px;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.tagDesc p { font-size: 14px; color: #666666;overflow: hidden;text-overflow: ellipsis; margin: 6px 0; white-space: nowrap; }

.productDesc { overflow-y: auto; display: none; padding-top: 2vw; position: absolute; left: 848px; background: url(../images/thirdBg.png); background-size: cover; width: calc(100% - 848px); top: 0; height: 100%;}
.productDesc::-webkit-scrollbar { display: none; width: 0;}
.descImg img { height: 18vw; margin: 0 auto; display: block;}
.eacImg img { display: block; margin:20px auto 0;}
.eacImg { margin-bottom:30px;}
.eacText h2 { text-align: center; font-weight: bold; line-height: 32px; font-size:16px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.dataTag { margin-top: 16px; background: #ffffff; padding: 0 1vw; display: flex; justify-content: space-between;}
.dataSlide { text-align: center; padding-bottom: 16px;}
.dataSlide h2 { font-size: 16px; color: #E64807;}
.dataSlide h2 span { font-weight: bold; font-size:1.6vw; line-height: 60px;}
.proArt { margin-top: 1.979vw; text-align: center; font-size: .83vw; font-weight: 200; color: #969696; padding: 0 2vw;}
.dataSlide p { color: #000000; font-weight: 200; font-size: 12px;white-space:nowrap;}
.firstMenu li:hover span,.firstMenu li.cur span{ color:#E64807 ;}
.firstMenu li.cur .menuPic img:nth-child(2) { opacity: 1;}
.firstMenu li.cur .menuPic img:nth-child(1) { opacity: 0;}
.enterMore {margin-top:90px; font-size: 16px; color: #E64807; margin: 20px auto 0; text-align: center; display: block; width: 128px; line-height: 32px; border: 1px solid #E64807; border-radius: 32px;}
.enterMore i { margin-left: 16px; display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}
.secondMenu dt.cur .productDesc { display: block;}
.tagPic img { max-width: 100%; object-fit: cover; margin: 0 auto;}
.tagPic { width: 128px; margin-right: 20px;}
.secondMenu dt.cur { background-image: linear-gradient(to right,rgba(229,72,7,.5), rgba(229,72,7,0) 60%,rgba(229,72,7,0) 100%);}
.secondMenu dt.cur .menuTag{ position: relative;}
.secondMenu dt.cur .menuTag::after { content: ''; position: absolute; width: 6px; height: 100%; left: 0; top:0; background: #E64807; }
.detailSlide img { display: block; margin: 0 auto; height: auto; max-width: 100%;}
.detailSlide td { text-align:center; font-size:18px;}
.detailSlide tr:nth-child(odd) td { background:#f7f6f9}
.detailSlide tr:nth-child(1) td{color:#ffffff; background:rgb(230,72,7); padding:16px 0;}
.detailSlide tr:nth-child(n+1) td { padding:15px 0;}
.listPage { margin: 35px auto; padding: 0 5.729vw 0;}
.listName { margin-bottom: 55px;}
.listName p { font-family: 'hl'; font-size: 40px; line-height: 50px; font-weight: 200; color: #000000;}
.listName span { font-size: 40px; color: #000000; line-height: 50px;}
.listMenu { border-bottom: 1px solid #BEBEBE; margin-bottom: 20px;}
.listMenu ul { align-items: center; display: flex;}
.listMenu li { position: relative; text-align: center; margin-right: 48px; padding-bottom: 26px;}
.menuIcon img { display: block;}
.menuIcon { margin-bottom: 16px;}
.menuIcon img { opacity: .5;}
.listMenu li p { font-size: 22px; color: #969696;}
.listMenu li.cur p { color: #000000;}
.listMenu li.cur .menuIcon img { opacity: 1;}
.listMenu li.cur::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #000;}
.listSearch { float: left; width: 316px;}
.searchAside h2 { margin-bottom: 20px; font-size: 26px; line-height: 34px;}
.choseSelect h3 {cursor: pointer; border-radius: 4px; text-indent: 16px; position: relative; border: 1px solid #707070; line-height: 38px; font-size: 22px; color: #969696;}
.choseSelect h3::after { content: ''; transition: all .5s; background: url(../images/selectIcon.jpg) center no-repeat; width: 25px; height: 14px;
position: absolute; right: 16px; top: 50%; margin-top: -7px;}
.choseSelect { margin-bottom: 24px; position: relative;}
.listSub { z-index: 2; display: none; padding: 10px 16px; position: absolute; left: 0; top:34px; width: 100%; background: #ffffff; border: 1px solid #707070; border-top: none;
border-radius: 0 0 4px 4px;}
.listSub p { position: relative; margin-bottom: 5px; padding-left:32px; font-size: 16px; line-height: 2; cursor: pointer;}
.listSub p::after { font-weight: bold; content: ''; border-radius: 3px; background: #ffffff; border: 1px solid #969696; width: 22px; height: 22px; line-height: 22px; position: absolute;
left: 0; top: 50%; margin-top: -13px; text-align: center;}
.listSub p.cur::after { content: '√'; color: #E64807; border: 1px solid #E64807;}
.listSub p:last-child { margin-bottom: 0;}
.choseDate::after { content: ''; clear: both; display: block; height: 0;}
.choseDate span { border-radius: 4px; margin-bottom:16px; overflow: hidden; text-align: center; background:url(../images/checkIcon.jpg) right bottom no-repeat rgb(236,236,236); font-size: 17px; cursor: pointer; float: left; width: 142px; line-height: 30px; border: 1px solid #BEBEBE;}
.choseDate span:nth-child(2n) { float: right;}
.choseSelect h3.cur::after { transform: rotate(-180deg);}
.searchAside { border-bottom: 1px solid #BEBEBE; padding-bottom:30px; margin-bottom: 40px;}
.searchType p { display: flex; align-items: center; position: relative; font-size: 16px; color: #555; line-height: 27px; margin-bottom: 25px;}
.searchType p input { z-index: 2; position: absolute; left: 0; width: 27px; height: 27px; opacity: 0;}
.searchType p span { cursor: pointer; margin-right: 13px; border: 1px solid #969696;}
.searchType p span { font-weight: bold; border-radius: 3px; background: #ffffff; border: 1px solid #969696; width: 22px; height: 22px; line-height: 22px;
 text-align: center; color: #ffffff;}
.searchType p input[type="checkbox"]:checked+span {  color: #E64807; border: 1px solid #E64807;}
.searchType p:last-child { margin-bottom: 0;}
.productList ul::after { content: ''; clear: both; display: block; height: 0;}
.productList li { transition: all .5s; box-sizing: border-box; padding: 30px 35px 54px; border-radius: 18px; float: left; background: #F7F6F9; width:32%; margin-bottom:2%; margin-right:2%;}
.productList li:nth-child(3n) { margin-right: 0;}
.productList { float: right; width: calc(100% - 350px);}
.listCont::after { content: ''; clear: both; display: block; height: 0;}
.productPic { margin-bottom: 10px; display: flex; align-items: center; height: 350px;}
.productPic img { display: block; width:100%;margin:0 auto;}
.productCont h2 { font-size: 14px; color: #000000; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.productCont h2 span { margin-right: 8px; font-weight: bold; font-size:18px; color: #000000;}
.productCont p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin: 15px 0 53px; font-size: 16px; line-height: 1.5; color: #666666;}
.productCont a.checkMore { transition: all .5s; white-space: nowrap; font-size: 18px; align-items: center; color: #E64807; display: inline-flex; padding: 0 25px; border: 1px solid #E64807; line-height:35px; border-radius: 23px;}
.productCont a.checkMore i { margin-left:32px; display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}
.productCont a.checkMore:hover { color: #ffffff; background: #E64807;}
.productCont a.checkMore:hover i { background: url(../images/eIconon.png) center no-repeat;}
.productList li:hover {background: #F7F6F9; box-shadow: 0px 20px 40px 1px rgba(0,0,0,0.1);}
.eveBox a.checkMore { position: absolute; left: 50%; transform: translateX(-50%); bottom: 3vw; transition: all .5s; white-space: nowrap; font-size: 18px; align-items: center; color: #E64807; display: inline-flex; padding: 0 25px; border: 1px solid #E64807; line-height:35px; border-radius: 23px;}
.eveBox a.checkMore i { margin-left:32px; display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}
.eveBox a.checkMore:hover { color: #ffffff; background: #E64807;}
.eveBox a.checkMore:hover i { background: url(../images/eIconon.png) center no-repeat;}
.searchinput{z-index: 3; transition: all .5s; opacity: 1;pointer-events: auto;right:-100%; position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show { right:0;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #E64807;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #E64807;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/searchWhite.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #E64807;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #E64807;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.otherTit { font-weight: bold;}
.otherTit h2 { margin-bottom: 68px; font-weight: bold; font-size: 42px; line-height: 1;}
.videoCont { position: relative;}
.videoCont video { display: block; width: 100%; height: 100%;}
.videoCont img { z-index: 2; position: absolute; left: 0; top: 0; width:100%; height: 100%; object-fit: cover;}
.videoPost { position: absolute; top: 7.55vw; font-size: 2.86vw; text-align: center; width: 100%; left: 0; z-index: 3;text-shadow: 0px 3px 6px rgba(0,0,0,0.26);
 line-height: 1.3; font-weight: bold; color: #ffffff;}
.videoPost p { font-weight: bold;}
.playBtn { display: block; background: url(../images/videoPlay.png) center no-repeat; width: 8.333vw; height: 8.333vw; position: absolute;
left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: 100% auto; z-index: 3; cursor: pointer;}
.tagCont { position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left:240px;}
.tagCont p { font-size: 28px; color: #969696;}
.lastTd { text-indent: 0;}
.swiperBox .swiper { background: #ffffff;}
.videoSlide video{ outline: none; border: none; display: block; height:574px; margin: 0 auto; max-width: 100%;}
.videoSlide { display: none;}
.videoList { display: none;}
.modePic {width: 950px; margin: 0 auto; position: relative;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{ position: absolute;top:0;overflow: hidden;background:#fff ; }
.MagnifierImg{position: absolute;top:0; left: 0;   } 
/**/
.homePage { padding: 0;}
.banner { width: 100%; height: 100vh;}
.banner .swiper { width: 100%; height: 100%;}
.banner img { transition: all 5s; transform: scale(1.1); width: 100%; height: 100%; object-fit: cover;}
.banner .swiper-slide { position: relative; height: 100%; overflow: hidden;}
.banner .swiper-slide-active { z-index: 2;}
.banner .swiper-slide-active img { transform: scale(1);}
.bannerText { z-index: 2; position: absolute;left: 12.9vw; top: 50%; transform: translateY(-50%);}
.bannerText h2 {  margin-bottom: 20px; font-size: 3.125vw; line-height: 1.16; color: #000000;}
.bannerText p {  color: #000000; font-size: 1.145vw; font-weight: 200; line-height: 1.7;}
.banner .swiper-pagination { width: 27px; left: 5.7vw; bottom: auto!important; top: 50%; transform: translateY(-50%); right: auto; margin: 0;}
.banner .swiper-pagination span { margin: 23px 0!important; display: block; position: relative; opacity: .57; background: #ffffff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { background: #E64807; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after { content: ''; width: 27px; height: 27px; position: absolute; left: 50%;
 top: 50%; transform: translate(-50%,-50%); border: 1px solid #E64807; border-radius: 50%;}
.bannerPage {justify-content: center; align-items: center; gap:6px; z-index: 2; position: absolute; display: flex; flex-direction: column; left:5.7vw; bottom: 10vh;}
.bannerText a { transition: all 0.5s; display:flex; width: 152px; line-height: 40px; justify-content: center; align-items: center; gap: 26px;
 border: 1px solid #E64807; border-radius: 40px; margin-top: 60px; font-size: 1.145vw; color: #E64807;}
.bannerText a i { transition: all 0.3s; background: url(../images/iconMore.png) center no-repeat; display: block; width: 16px; height: 16px;}
.bannerText a:hover { color: #ffffff; background: #E64807;}
.bannerText a:hover i {background: url(../images/iconMoreon.png) center no-repeat;}
.bannerPage i,.bannerPage b { line-height: 1.2; position: relative; font-style: normal; font-size:2.29vw; display: block; font-weight: bold;}
.bannerPage i {color: #E64807;}
.bannerPage span { background: #ffffff; width: 16px; height: 4px;}
.bannerPage b { color: #ffffff;}
.catego { background: linear-gradient( 180deg, rgba(226,230,234,0.5) 0%, #FFFFFF 80%); padding: 2vw 0 5.2vw;}
.titleCell { position: relative; margin: 0 8.33vw;}
.titleCell h2 { position: relative; z-index: 2; font-size: 2.08vw; line-height: 53px; color: #E64807;}
.titleCell span { font-family: bli; opacity: .25; font-size: 1.875vw; color: #BEBEBE; line-height: 100px; position: absolute; left: 0; top: 0;}
.categoSwiper .swiper-slide { margin-top: 60px; transition: all 0.5s; padding:20px 0 20px; border-radius: 20px; background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); }

.categoSwiper .swiper-3d .swiper-slide-shadow-left,.categoSwiper .swiper-3d .swiper-slide-shadow-right { display: none;}
.categoSwiper .swiper-slide img { display: block; margin: 0 auto;}
.categoSwiper .swiper { padding-top: 40px;}
.categoSwiper { margin:0 110px 0; overflow: hidden;}
.categoSwiper .swiper-slide:hover { padding-bottom: 60px; margin-top: 0; transform: scale(1); background: url(../images/coveron.png) center top no-repeat; border-radius: 0; background-size: 100% auto;}

.stateBox { position: relative;}
.stateBox img { width: 160px; transition: all 0.3s; max-width: 90%;}
.stateBox img:nth-child(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;}
.categoSwiper .swiper-slide:hover .stateBox img:nth-child(2) { opacity: 1;}
.categoSwiper .swiper-slide:hover .stateBox img:nth-child(1) { opacity: 0;}

.categoSwiper .swiper-slide p { position: absolute; top:70%; width: 100%; text-align: center; transition: all 0.3s; opacity: 0; font-weight: bold; text-align: center; color: #E64807; font-size:16px;}

.categoSwiper .swiper-slide span { pointer-events: none; transition: all 0.5s; opacity: 1; font-weight: 200; font-size:15px; color: #969696; text-align: center; position: absolute; left: 0; top:-48px; width: 100%;}
.categoSwiper .swiper-slide:hover span { opacity: 0;}
.categoSwiper .swiper-slide:hover p { opacity: 1;}
.application { margin: 4vw 0;}
.applicationCont { margin: 4vw auto 0; background-image: url(../images/brandBg.png); transition: all 0.5s; background-repeat: no-repeat!important; background-position: 4.1vw bottom!important; background-size: 100% auto!important;}
.applicationBox { width: 1560px; margin: 0 auto; max-width: 92%;}
.applicationSwiper .swiper-slide { gap: 40px; display: flex; align-items: center;}
.applicationSwiper img { display: block; height: 43.48vw;}

.appliText h2 { line-height: 1; margin-bottom: ; font-size: 3.125vw; font-weight: bold; color: #000000;}
.appliText p { font-weight:200; line-height: 1.2; font-size: 26px; color: #000000;}
.menuSwiper { display: flex; align-items: center; justify-content: space-between;}
.menuSwiper .swiper { flex: 1;}
.menuEnter img { display: block; max-width: 30px; width: 7.5vw; border-radius: 50%;}
.menuEnter { padding-left: 40px;}
.menuSwiper .suportPic { transition: all 0.5s; border: 1px solid #eee; width: 100%; border-radius: 50%;padding-top:100%;background: #ffffff; display: flex; justify-content: center; align-items: center;}
.menuSwiper .swiper-slide { cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 5px;}
.menuSwiper .swiper-slide .suportPic { transform: scale(.8);}
.menuSwiper .swiper-slide.cur .suportPic { overflow: hidden; transform: scale(1); box-shadow: 0 0 10px rgba(0,0,0,.2); border: 1px solid #E64807;}
.suportPic img {    position: absolute;  left: 50%;  top: 50%; max-width: 90%;  transform: translate(-50%,-50%);}
.menuSwiper .swiper-button-prev { left: 0; width: 33px; height: 33px; outline: none; background: url(../images/menuPrev.png) center no-repeat;}
.menuSwiper .swiper-button-next { right:0; width: 33px; height: 33px; outline: none; background: url(../images/menuNext.png) center no-repeat;}
.menuSwiper .swiper-button-prev::after,.menuSwiper .swiper-button-next::after {content: '';}
.menuSwiper .swiper-button-prev:hover { background: url(../images/menuPrevon.png) center no-repeat;}
.menuSwiper .swiper-button-next:hover { background: url(../images/menuNexton.png) center no-repeat;}
.videoBox { position: relative; overflow: hidden;}
.videoBox>img { display: block; position: relative; z-index: 2; width: 100%;}
.player { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 8.3vw; z-index: 3;}
.player img { display: block; width: 100%;}
.videoBox video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.videoCover { transition: all 0.5s; position: absolute; padding-top: 21.6vw; overflow: hidden; right: 0; top: 0; height: 100%; z-index: 4; width: 29.68%;}
.videoCover::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:rgba(255,255,255,.2);}
.arrEnter { margin-top:2vw; display: none; width: 37px; position: relative; z-index: 2; margin-left:calc(80.63% - 37px);}
.vcover { transition: all 0.5s;}
.vcover.hideCover { opacity: 0; z-index: -1;}
.videoCover .vcpic { display: none; position: absolute; left: 0; top: 0; width: 100%; filter: blur(16px);}
.videoCover img.vclogo { width: 72.63%; position: relative; z-index: 3; display: block; margin: 0 0 0 8%;}
.videoCover.blurHide { right: -40%;}
.approv { margin: 5.2vw auto;}
.approv .swiper-slide { text-align: center;font-size: 18px; background: #fff; height: calc((100%) / 2) !important;/* Center slide text vertically */ display: flex; justify-content: center; align-items: center;}
.approv .swiper-slide:nth-child(2n),.approv .swiper-slide:nth-child(2n + 1) { background: #F5F5F5;}
.approv .swiper-slide:nth-child(4n),.approv .swiper-slide:nth-child(4n + 1) { background: #fff;}
.approvSwiper { height: 412px; margin: 9.73vw auto 0;}
.approvSwiper .swiper { height: 100%; width:1250px; margin: 0 auto; max-width: 92%;}
.approvSwiper .swiper img{ transition: all 0.6s; max-width: 100%;}
.approvSwiper .swiper-slide:hover img { transform: scale(1.1);}
.approvSwiper { position: relative;}
.approvSwiper .swiper-button-prev { left: 5.729vw; width: 33px; height: 33px; outline: none; background: url(../images/menuPrev.png) center no-repeat;}
.approvSwiper .swiper-button-next { right: 5.729vw; width: 33px; height: 33px; outline: none; background: url(../images/menuNext.png) center no-repeat;}
.approvSwiper .swiper-button-prev::after,.approvSwiper .swiper-button-next::after {content: '';}
.approvSwiper .swiper-button-prev:hover { background: url(../images/menuPrevon.png) center no-repeat;}
.approvSwiper .swiper-button-next:hover { background: url(../images/menuNexton.png) center no-repeat;}
.approvMore { max-width: 92%; text-align: right; width:1250px; margin: 73px auto 0;}
.approvMore a { transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
.approvMore a i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
.approvMore a:hover { background: #E64807; color: #ffffff;}
.approvMore a:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
.homeNews { display: flex;}
.homeNews .bigNews { padding-top: 87px; width: 39.58%; background: url(../images/news1.png) center no-repeat; background-size: cover;}
.homeNews .bigNews img { display: block; width: 100%;}
.bigNews .titleCell h2{ color: #ffffff;}
.bigNews .titleCell span { color: #ffffff; opacity: .25;}
.newsText { padding-left: 8.33vw; margin-top:20vw;}
.newsText p { color: #ffffff; font-size: 2.1875vw; line-height: 1; margin-bottom: 34px;}
.newsText span { line-height: 1; display: block; font-size: 2.1875vw; color: #ffffff; opacity: .51;}
.newsText a {margin: 83px 0; transition: all 0.3s; color: #ffffff; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #ffffff; border-radius: 41px;}
.newsText a i { transition: all 0.3s; display: block; background: url(../images/iconMoreon.png) center no-repeat; width: 16px; height: 16px;}
.newsText a:hover { border: 1px solid #E64807; background: #E64807; color: #ffffff;}
.newsText a:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
.newsList { flex: 1;}
.newsList ul { height: 100%; display: flex; flex-wrap: wrap;}
.newsList li { position: relative; width: 56%;}
.newsList li:nth-child(2n) { width: 44%;}
.newsList li img { height: 100%; object-fit: cover; display: block; width: 100%;}
.newsList li::after { content: ''; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.newsList li:hover::after { background: url(../images/newBg.png) right center no-repeat; background-size: cover;}
.coverText { z-index: 2; padding: 24px 57px 48px; display: flex; color: #ffffff; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.textDate p { line-height: 1; font-size: 4.06vw; font-weight: bold;}
.textDate span { font-size: 22px; color: #ffffff;}
.textDetail h2 { margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 24px; color: #ffffff; line-height: 1.5;}
.textDetail p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 16px; color: #ffffff;}
.supportBanner img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0;}
.supportBanner { position: relative; padding:238px 0 0; height: 600px;}
.supportBanner.shortBanner { height:380px; padding-top:160px;}
.supportChose { position: relative; text-align: center;}
.supportChose a { display: inline-flex; font-size: 48px; color: #FFFFFF; line-height: 56px;}
.supportChose a:nth-child(1) { padding: 0 59px 0 104px;}
.supportChose a:nth-child(2) { padding: 0 104px 0 59px;}
.amap-copyright,.amap-logo { display:none!important;}
.bannerDesc { position: relative; z-index: 2;}
.supportChose a.cur:nth-child(1) { background: url(../images/suport1on.png) center no-repeat; background-size: 100% 100%;
font-weight: bold; color: #EB6112;}
.supportChose a.cur:nth-child(2) { background: url(../images/suport2on.png) center no-repeat; background-size: 100% 100%;
font-weight: bold; color: #EB6112;}
.suportSearch { align-items: center; display: flex; justify-content: space-between; background: #ffffff; padding:0 60px; height: 80px; border-radius: 10px; margin:40px auto 0; width: 800px; max-width: 92%;} 
.suportSearch button { cursor: pointer; display: block; width: 32px; height: 32px; background: url(../images/suport2.png) center no-repeat; border: none;
outline: none;}
.suportSearch input { font-weight: 200; height: 100%; flex:1; box-sizing: border-box; border: none; font-size: 24px; text-indent: 20px;}
.brochure { background:url(../images/suport9.png) center no-repeat rgba(245, 234, 232, .38); padding: 2vw 0 4vw;}
.broTit { letter-spacing: -1px; font-size: 2.9vw; line-height: 1.32; font-family: 'hb';}
.broCont { width: 1200px; max-width: 100%; margin: 30px auto 0;}
.broCont li { border-bottom: 1px solid #CCCBD0; align-items: center; line-height: 92px; display: flex; justify-content: space-between;}
.broCont li p { transition: all 0.3s; font-size: 26px; color: #666666;}
.controlBro { gap: 20px; display: flex; justify-content: center; align-items: center;}
.controlBro a img { transition: all 0.5s; display: block;}
.broCont li:hover p { color:#EB6112 ;}
.controlBro a:hover img { transform: rotateY(360deg);}
.moreLink { margin-top: 57px; text-align: right;}
.moreLink a { transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
.moreLink a i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
.moreLink a:hover { background: #E64807; color: #ffffff;}
.moreLink a:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
.reso { padding: 2vw 0;}
.resoVideo { margin: 2vw auto;}
.resoVideo .swiper-slide { gap: 25px; display: flex; flex-wrap: wrap; /* justify-content: space-between; */}
.videoPic { position: relative; height: 16.5vw;border-radius: 20px; overflow: hidden;}
.videoPic video { position: absolute; left: 0; top: 0; z-index: 4; object-fit: cover; outline: none; display: none; width: 100%; height: 100%;}
.videoPic img { transition: all 0.5s;  display: block; width: 100%; height: 100%; object-fit: cover;}
.videoPic span { background: url(../images/suport3.png) center no-repeat; width: 3.95vw; height: 3.95vw; background-size: 100% auto; position: absolute;
z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.videoTag { width: calc(33.33% - 17px);}
.videoTag p {transition: all 0.5s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  text-align: center; font-size: 1.35vw; color: #000000; line-height: 1.3; margin-top: 21px;}
.resoVideo .swiper-slide .videoPic:hover img { transform: scale(1.1);}
.videoTag:hover p { color: #E64807;}
.videoControl { gap:12px; display: flex; align-items: center;}
.prevVideo { transition: all 0.5s; display: block; background: url(../images/videoPrev.png) center no-repeat; width: 75px; height: 43px; background-size: 100% auto;}
.nextVideo { transition: all 0.5s; display: block; background: url(../images/videoNext.png) center no-repeat; width: 75px; height: 43px; background-size: 100% auto;}
.prevVideo:hover { background: url(../images/videoPrevon.png) center no-repeat;}
.nextVideo:hover { background: url(../images/videoNexton.png) center no-repeat;}
.videoControl .swiper-pagination { position: static; width: auto; font-weight: bold; font-size: 26px;}
.videoControl .swiper-pagination-current { color: #EB6112; font-size: 40px;}
.manualText { position: relative; z-index: 2; background: #EB6112; padding: 60px 8.3vw 70px 8.3vw;}
.manualText h2 { font-size: 56px; color: #ffffff; line-height: 1.3; margin-bottom: 2vw;}
.manualText p { font-size: 18px; color: #ffffff; line-height: 2.3;}
.leftManual {width: 50%; float: left; margin-top: 4vw;}
.manualPic { position: relative;}
.manualPic>img { position: absolute; width: 100%; left:-6.2vw; top: 0;}
.manualPic .swiper {  overflow: inherit; width:100%;}
.manualPic .swiper-slide {transition: all 0.5s; opacity: 0; transform-origin: left center; box-shadow: 0 0 20px rgba(0,0,0,0.3); transform: scale(.8); background-position: center; background-size: cover; width: 100%;}
.manualPic .swiper-slide img { transition: all 0.5s; display: block; width: 100%;}
.manualPic .swiper-slide-active { opacity: 1; transform: scale(1);}
.manualPic .swiper-slide-next {  opacity: 1; transform: scale(.73);}
.manualPic { float: left; width:50%;}
.manualPic .manualPage { z-index: 4; position: absolute; right:20px; bottom: 0;}
.manualControl { position: relative; z-index: 10; padding-left: 8.3vw; padding-right: 50px; margin-top: 57px; display: flex; justify-content:flex-end; align-items: center;}
.manualControl a.more { transition: all 0.3s; color: #ffffff; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #ffffff; border-radius: 41px;}
.manualControl a.more i { transition: all 0.3s; display: block; background: url(../images/iconMoreon.png) center no-repeat; width: 16px; height: 16px;}
.manualControl a.more:hover { background: #E64807; color: #ffffff;}
.manualControl a.more:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
.manualPage { display: flex; align-items: center; gap: 17px;}
.manual { margin-bottom: 5.2vw;}
.policy { padding:2vw 0;}
.policyDesc { font-size: 26px; color: #666666; line-height: 1.3; margin-bottom: 2vw;}
.policyCont { display: flex; justify-content: space-between; align-items: center; gap: 60px; background: url(../images/policyBg.jpg) center no-repeat; background-size: cover; padding: 15px 58px 24px; border-radius: 20px;}
.policyImg img { width: 100%; display: block;}
.policyImg { width: 45.625%;}
.policyText { flex: 1;}
.policyText li { line-height:1.3; font-size: 70px; font-weight: bold; color: #ffffff;}
.policyText li span { margin-left: 10px; text-decoration: underline; font-size: 30px; font-weight: 200;}
.policyText li b { font-family: 'hb'; font-style: italic;}
.general { padding-left: 8.333vw;}
.general .generalNum { text-align: right; display: flex; justify-content: end;}
.generalNum span { font-weight: bold; color: #999999; font-size: 40px; display: block; width: 60px; border-radius: 60px; line-height: 60px; text-align: center; margin-bottom: 38px;}
.generalSwiper .swiper-slide { height: auto; transition: all 0.5s; background: #F7F6F9; border-radius: 20px; padding: 30px 38px 60px;}
.generalSwiper .swiper-slide-active { position: relative; background: #EB6112;}
/* .generalSwiper .swiper-slide-active::after { content: ''; background: url(../images/point.png) center no-repeat; position: absolute; left: 22px; top: 50%; transform: translateY(-50%);
width: 100px; height: 100px;} */
.generalSwiper .swiper-slide .generalText { font-size: 16px; color: #969696; line-height: 1.625;}
.generalSwiper .swiper-slide .generalText p:nth-child(1){ font-size:18px; font-weight:bold;}
.generalSwiper .swiper-slide-active .generalText { color: #ffffff;}
.generalSwiper .swiper-slide-active .generalNum span { color: #EB6112; background: #ffffff;}
.generalControl { padding-right: 9.6vw; display: flex; position: relative; justify-content: end; align-items: center;}
.generalControl::after { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: #707070; opacity: .6;}
.generalSwiper { margin: 2vw auto;}
.generalControl { margin-bottom: 2vw;}
.generalControl .swiper-button-prev { border-radius: 43px; display: block; margin: 0; transform: translate(0); position: static; transition: all 0.5s; display: block; background: url(../images/videoPrev.png) center no-repeat #F7F6F9; width: 75px; height: 43px; background-size: 100% auto;}
.generalControl .swiper-button-next { border-radius: 43px; display: block; margin: 0; transform: translate(0);  position: static;transition: all 0.5s; display: block; background: url(../images/videoNext.png) center no-repeat #F7F6F9; width: 75px; height: 43px; background-size: 100% auto;}
.generalControl .swiper-button-prev:hover { background: url(../images/videoPrevon.png) center no-repeat;}
.generalControl .swiper-button-next:hover { background: url(../images/videoNexton.png) center no-repeat;}
.generalControl .swiper-button-prev::after,.generalControl .swiper-button-next::after { display: none;}
.brandTop { padding-left: 15.26vw; height:  28.38vw; position: relative; margin-left: 8.3vw;}
.brandImg { height: 28.38vw;}
.brandImg>img { height: 100%; display: block; width: 100%; object-fit: cover;}
.brandIcon { display: flex; width: 20vw; height: 19vw; border-radius: 20px; background: #EB6112; justify-content: center; align-items: center;}
.brandIcon img {width: 65%;}
.brandInt { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.brandInt h2 { font-weight: bold; font-size: 5.2vw; line-height: 1.3; margin-top: -2vw;}
.brandInt p { font-size: 1.875vw; font-weight: 200; color: #CCCBD0;}
.brandSwiper { padding-left: 8.3vw; margin-top: 3.645vw; margin-bottom: 4.8vw;}
.brandSwiper .swiper-slide img { transition: all 0.5s; display: block; width: 100%; height: 23.645vw; object-fit: cover;}
.brandSwiper .generalControl { margin-bottom: 44px;}
.brandSwiper .swiper-slide{ overflow: hidden; border-radius: 20px;}
.brandSwiper .swiper-slide:hover img { transform: scale(1.1);}
.blistBanner { padding: 10vw 0; background: url(../images/bbanner.png) center bottom no-repeat; background-size: cover;}
.blText { text-align: center; font-size: 46px; color: #ffffff; font-weight: bold; line-height: 1.34;}
.blLink { margin-top: 36px; text-align: center;}
.blLink a { margin: 0 30px;}
.blist { margin: 60px auto; width: 1448px; max-width: 92%;}
.blist ul { display: flex; gap: 4px; flex-wrap: wrap;}
.blist li { width: calc(25% - 3px); transition: all 0.5s; box-sizing: border-box; padding: 2.6vw 0; justify-content: space-between; display: flex; flex-direction: column; overflow: hidden; position: relative; align-items: center; background: #ffffff;}
.grayPage { background: #F7F6F9;}
.listLogo { transition: all 0.3s; width: 130px; height: 130px; background: #ffffff; border-radius: 50%; overflow: hidden; display: flex; justify-content: center;  align-items: center;}
.listLogo img { display: block; margin:0 auto; max-width: 90%; max-height: 100%;}
.blist li p { transition: all 0.5s; font-size: 18px; font-weight: 200; color: #999999;}
.coverCircle { transition: all 0.5s; opacity: 0; position: absolute; bottom: 0; width: 70%; left: 15%;}
.coverCircle>img { display: block; width: 100%;}
.enterLink { padding-bottom:5px; text-align: center;}
.enterLink a { margin: 0 6px;}
.blist li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #EB6112;}
.blist li:hover .listLogo { transform: translateY(-30px);}
.blist li:hover .coverCircle { opacity: 1;}
.blist li:hover p { opacity: 0;}
.moreBrand { margin: 10px 0 67px; text-align:center;}
.moreBrand a.more { transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
.moreBrand a.more i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
.moreBrand a.more:hover { background: #E64807; color: #ffffff;}
.moreBrand a.more:hover i{background: url(../images/iconMoreon.png) center no-repeat;}
.knowDesc { text-align: center; color: #ffffff; font-size: 2.5vw; line-height: 1.3;}
.knowledgeBanner .suportSearch { margin-top: 40px;}
.questionCont { padding: 2vw 0;}

.questionList li h2 {border-bottom: 1px solid rgba(204, 203, 208, 1); cursor: pointer; display: flex; font-size: 28px; justify-content: space-between; align-items: center; padding:20px 0; margin: 0 36px;}
.questionList li h2 p { line-height: 50px;  color: #666666;}
.questionList li h2 p span { color:#E64807;}
.questionList h2 b { display: block; background: url(../images/questionDown.png) center no-repeat; width: 50px; height: 50px; transition: all 0.5s;}
.qaSub { display: none; background: #F7F6F9; border-radius: 20px; padding: 40px 34px 5px 36px; overflow: hidden;}
.qaSub span { float: left; width: 53px; height: 53px; background: #EB6112; border-radius: 50%; font-size: 32px; display: flex; justify-content: center; align-items: center;
color: #ffffff;}
.qaSub dl { float: right; width: calc(100% - 93px);}
.qaSub dt {border-bottom: 1px solid rgba(112, 112, 112, .2); padding: 20px 0; overflow: hidden;}
.qaSub dt p:nth-child(1) { padding-right: 10px;}
.qaSub dt p:nth-child(2) { padding-right: 10px;}
.qaSub dt p {  float:left; width: 33.33%; box-sizing: border-box;  box-sizing: border-box; font-size: 18px; line-height: 1.5; color: #666666; font-weight: 200;}
.qaSub dt p:last-child {padding-right: 0;}
.qaSub dt:first-child { border: none; padding: 0; line-height: 53px;}
.qaSub dt:first-child p { font-weight: bold; font-size: 26px; line-height: 53px; color: rgba(0, 0, 0, 1);}
.qaSub dt:last-child { border: none;}
.questionList li.cur h2{ border-bottom: 1px solid rgba(204,203,208,0);}
.questionList li.cur h2 b { background: url(../images/questionUp.png); transform: rotate(180deg);}

.quicklyLink { background: rgba(247, 246, 249, 1); padding: 2vw;}
.quicklyLink ul { margin-top:2vw; display: flex; gap: 40px 70px; flex-wrap: wrap; justify-content: space-between;}
.quicklyLink li { transition: all 0.5s; display: flex; justify-content: space-between; padding: 40px 20px 50px; border-radius: 20px; box-sizing: border-box;  background: url(../images/qlbg.png) center no-repeat; background-size:cover; width: calc(50% - 35px);}
.quicklyLink li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-10px);}
.linkText p { text-align: right; font-family: 'hb'; font-size: 1.7vw; line-height: 1.2;}
.linkText { display: flex; flex-direction: column; justify-content: center; gap:20px; align-items: flex-end;}
.linkText a { transition: all 0.5s; align-items: center; font-size: 18px; display: inline-flex; gap: 36px; line-height: 28px; border: 1px solid #333333; border-radius: 30px; padding: 0 15px;
color: #333333;}
.linkText a i {display: block; background: url(../images/iconBlack.png) center no-repeat; width: 16px; height: 16px;}
.linkText a:hover { background: #333333; color: #ffffff;}
.linkText a:hover i {background: url(../images/iconMoreon.png) center no-repeat;}
.newsPage { padding: 60px 0 0 8.3vw;}
.newsMenu { padding-top: 60px;}
.newsMenu p a { white-space: nowrap; font-size: 20px; color: #000000; line-height: 1.3;}
.newsMenu p { margin-bottom: 68px;}
.newsMenu p.cur a { color:#EB6112 ;}
.artList li { position: relative; padding: 60px 0; justify-content: space-between; display: flex; transition: all 0.5s; padding-right: 8.3vw;}
.artList li::after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; background: #CCCBD0; right: 8.3vw;}
.artPic { width: 328px; height: 197px; overflow: hidden; border-radius: 20px;}
.artPic img { display: block; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover;}
.artList li:hover img { transform: scale(1.1);}
.artDesc { margin-left: 42px; margin-right: 108px; flex: 1;}
.artDesc h2 { font-size: 24px; color: #000000; line-height: 1.3; margin-bottom: 32px;}
.artDesc p { color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; font-weight: 200; font-size: 16px; line-height: 1.845;}
.artDate p { margin-top: 30px; margin-bottom: 7px; font-size: 32px; font-family: 'hb'; color: #000000; line-height: 1.34;}
.artDate { text-align: right;}
.artDate span { font-size: 16px; line-height: 1.31;}
.artList li:hover { background: url(../images/newsBg.png) center no-repeat; background-size: cover;}
.newsMore { margin: 60px 0 90px;}
.contactMap { margin:-120px auto 0; height: 600px;}
#allmap,.mapPic { height: 100%;}
.mapPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.mapList { position: relative; z-index:14; margin:140px 8.3vw 0; background: #EB6112; padding: 85px 5.7vw 60px;}
.BMap_cpyCtrl { display: none;}
.bigAddress h2 { margin-bottom: 30px; font-size: 36px; font-family: 'hb'; color: #ffffff; line-height: 1.3;}
.bigAddress ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.bigAddress li { cursor: pointer; line-height: 1.65; font-size: 20px; font-weight: 200; color: #ffffff;}
.bigAddress li:nth-child(2n) { width:345px;}
.bigAddress li:nth-child(odd) { width: calc(100% - 345px);}
.bigAddress { margin-bottom: 70px; padding-bottom: 60px; border-bottom: 1px dashed #ffffff;}
.bottomList ul { display: flex; flex-wrap: wrap;}

.bottomList li h2 { margin-bottom: 25px; gap: 10px; display: flex; align-items: center; color: #ffffff; font-weight: bold; font-size: 28px;}
.bottomList li h2 img {display: block; transition: all 0.5s;}
.bottomList li p { line-height: 2; font-weight: 200; font-size: 18px; color: #ffffff;}
.bottomList li p span { font-weight:bold;}
.bottomList li { width: 33.33%; cursor: pointer; box-sizing: border-box; transition: all 0.5s; margin-bottom: 0; box-sizing: border-box; padding:0 20px 20px 0; margin-bottom: 60px;}
.bottomList li:hover { transform:translateY(-10px);}
.bottomList li:hover h2 img { transform: rotateY(360deg);}


.contactForm { display: flex; justify-content: space-between;}
.contactPic { width:50%;}
.contactPic img { width: 100%; height: 100%; object-fit: cover;}
.formCont { width: 100%; padding:2vw; background: rgba(235, 97, 18, .06);}
.contactForm { margin: 80px 8.3vw 130px;}
.formCont h2 { margin-bottom: 35px; font-family: 'hb'; font-size: 36px; color: #333333;}
.formCont ul { margin-bottom: 30px; flex-wrap: wrap; gap: 30px 42px; display: flex; justify-content: space-between;}
.formCont li { width: calc(25% - 35px);}
.formCont li input { transition: all 0.3s; font-size: 20px; font-weight: 200; width: 100%; height: 56px; background: #ffffff; border: 1px solid #ffffff; padding:0; text-indent: 25px;}
.formCont textarea { transition: all 0.3s; box-sizing: border-box; width: 100%; resize: none; height: 314px; padding: 15px 25px; border: none; font-size: 20px; line-height: 1.3;
font-family: 'hr'; border: 1px solid #ffffff;}
.formCont li input:focus,.formCont textarea:focus { border: 1px solid #EB6112;}
.formCont p { font-size: 20px; margin: 2vw 0; font-weight: 200; color: #333333;}
.formCont button { display: block; font-size: 18px; cursor: pointer; background: #EB6112; width: 154px; height: 43px; color: #ffffff; border: none; border-radius: 43px;}
.aboutBanner { position: relative; height: 45.83vw;}
.aboutBanner img { display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutBannerText { font-size: 2.4vw; line-height:1.2; color: #ffffff; position: absolute; text-align: right; right: 6.25vw; top:170px;}
.aboutInt { display: flex; padding: 0 13.5vw 5.2vw 8.3vw; justify-content: space-between; gap: 8.69vw;}
.intChose { margin-top: -15.78vw; position:relative; z-index: 2; width: 490px; background: url(../images/aboutPic1.png) center no-repeat; background-size: 100% 100%; padding-top: 16.35vw;}
.menuImg { display: flex; width: 8.645vw; height: 8.645vw; justify-content: center; align-items: center; border-radius: 50%; background: #ffffff;}
.menuImg img { display: block; max-width: 70%;}

.menuType:hover .menuImg { transition: all 0.5s; transform: rotateY(360deg);}
.menuType { gap: 20px; display: flex; padding: 46px 20px 46px 35px; max-width: 100%;}
.menuText { flex: 1; padding-top: 24px; max-width: 100%;}
.menuText h2 { font-size: 1.7vw; color: #ffffff; font-family: 'hb'; line-height: 1.32;}
.menuText p { color: #ffffff; font-weight: 200; font-size: 1.145vw; line-height: 1.5; word-break: normal;}
.intArt { padding-top: 4vw; flex: 1;}
.intArt h2 { font-family: 'hb'; font-size: 2.395vw; line-height: 1.3; margin-bottom: 32px;}
.intArt p { font-size: 18px; font-weight: 200; color: #333333; line-height: 1.6;}
.rese { height:44vw; transition: all 0.5s; position: relative; background: url(../images/res.jpg) center no-repeat; background-size: cover!important;}
.reseChose { position: relative; width: 100%; display: flex; line-height: 100px; justify-content: space-between; position: absolute; bottom: 0; left: 0;}
.reseChose span { gap: 30px; transition: all 0.5s; display: flex; /* justify-content: space-between; */ align-items: center; padding: 0 8.3vw; border-top: 1px solid #ffffff;
font-family: 'hb'; font-size: 1.5625vw; color: #ffffff;flex: 1; box-sizing: border-box;}
.reseChose span.cur { background: #EB6112; border-top: 1px solid #EB6112;}
/* .reseChose::after { content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background: #ffffff; top: 0;} */
.researchSlide h2 { font-weight: bold; font-size: 2.4vw; line-height: 1.3; font-family: 'hb'; color: #ffffff; margin-bottom: 2.6vw;}
.researchSlide p { width: 659px; max-width: 92%; font-size: 18px; line-height: 1.6; color: #ffffff; font-family: 'hl';}
.researchSlide { padding: 10.8vw 8.3vw 0;}
.customer { display: flex; gap: 5.7vw; background: url(../images/aboutPic13.png) left 2.6vw no-repeat; padding: 6.9vw 8.3vw 9.06vw; background-size: 63%;}
.customerText { width: 42.3vw; padding-top: 12vw;}
.customerText h2 { font-family: 'hb'; font-size: 36px; line-height: 1.3; margin-bottom: 7.03vw;}
.customerText p { text-align: justify; font-size: 18px; font-weight: 200; line-height: 2.2;}
.customerPic img { display: block; width: 100%;}
.customerPic { width: 35.2vw;}
.honor { background: url(../images/aboutPic22.png) center no-repeat; background-size: cover; padding:3vw 0 3vw;}
.honorList ul { display: flex; flex-wrap: wrap;}
.honorList li { transition: all 0.5s; margin-bottom: 35px; text-align: center; width:16.6666%;}
.honorPic { transition: all 0.5s; margin: 0 auto; border-radius: 6px; background: #ffffff; padding: 10px; height: 15.54vw; width: 10.8vw;}
.honorPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.honorSwiper { margin-top:3vw; position: relative; padding: 0 6.2vw;}
.honorSwiper .swiper { padding: 20px 0;}
.honorList li p {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin-top: 10px; font-size:16px; color: #333333; line-height: 1.3;}
.honorList li:hover .honorPic { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.honorList li:hover { transform: scale(1.05);}
.honorSwiper .swiper-button-prev { left: -16px; background: url(../images/menuPrev.png) center no-repeat; width: 33px; height: 33px;}
.honorSwiper .swiper-button-next { right: -16px; background: url(../images/menuNext.png) center no-repeat; width: 33px; height: 33px;}
.honorSwiper .swiper-button-prev:hover { background: url(../images/menuPrevon.png) center no-repeat;}
.honorSwiper .swiper-button-next:hover { background: url(../images/menuNexton.png) center no-repeat;}
.honorSwiper .swiper-button-next::after,.honorSwiper .swiper-button-prev::after { display: none;}
.history { display: flex; justify-content: space-between;}
.historyLeft { width: 70%; background:url(../images/historyBg.png) center no-repeat; background-size: cover; padding: 3vw 2.6vw 3vw 8.3vw;}
.historyYear { width: 30%;}
.historyTitle { font-size: 2.395vw; line-height: 1.3; font-family: 'hb'; color: #ffffff; margin-bottom: 4.68vw;}
.histroySwiper { margin-bottom: 36px; width: 46.5%; height: 450px;}
.histroySwiper h2 { color: #ffffff; font-size: 2.7vw; line-height: 1.34; margin-bottom: 12px;}
.histroySwiper p {  margin-bottom: 30px; font-weight: 200; color: #ffffff; font-size: 20px; line-height: 1.5;}
.histroySwiper p:last-child { margin-bottom: 0;}
.histroySwiper .swiper { height: 100%;}
.histroySwiper .swiper-slide { opacity: .4; padding-bottom: 40px; height: auto;}
.histroySwiper .swiper-slide-active { opacity: 1;}
.historyCont { display: flex; justify-content: space-between;}
.histroyPic { width: 49%;height:500px;}
.histroyPic .swiper{height:100%}
.histroyPic .swiper-slide { position: relative; opacity: .0; transform: scale(.56); border-radius: 15px; transition: all 0.5s; display: flex; justify-content: center; align-items: center; background:#fff; padding: 4.5px 20px;}
.histroyPic .swiper-slide img { display: block; width: 100%; height:100%; object-fit:cover;}
.histroyPic .swiper-slide a { width:100%;height:100%;over-flow:hidden;}
.histroyPic .swiper-slide-active {opacity:1; transform: scale(1); }
.histroyPic .swiper-slide-next { opacity: .56;}
.histroyPic a {width:100%; display:block;}
.histroyPic .swiper-slide span { background: url(../images/aboutPic16.png) center no-repeat; width:40px; height:40px; border-radius: 50%;
background-size: 100% auto; position: absolute; top: 27px; right: 19px;}
.historyControl { gap: 10px; display: flex; align-items: center;}
.historyControl .prevHistroy { cursor: pointer; transition: all 0.3s; background: url(../images/prevHistory.png) center no-repeat; width: 75px; height: 43px;}
.historyControl .nextHistroy { cursor: pointer; transition: all 0.3s; background: url(../images/nextHistory.png) center no-repeat; width: 75px; height: 43px;}
.historyControl .prevHistroy:hover { background: url(../images/prevHistroyon.png) center no-repeat;}
.historyControl .nextHistroy:hover { background: url(../images/nextHistoryon.png) center no-repeat;}
.historyYear { padding-left: 4.79vw; padding-top:3vw; background: url(../images/aboutPic14.png) left bottom no-repeat;}
.historyYear li { transition: all 0.5s; cursor: pointer; padding-left: 28px; position: relative; font-size: 21px; line-height: 60px; color: #717171;}
.historyYear li.cur { font-size: 32px; color: #EB6112;}
.historyYear li.cur::after { content: ''; position: absolute; left: -1px; width: 3px; height: 100%; background: #EB6112;}
.historyYear ul { border-left: 1px solid rgba(17, 70, 68, .3);}
.categoSwiper>img { display: block; width: 100%;}
.linkPic img { display: block; width: 100%;}
.articleTitle h2 { line-height: 1.5; font-size: 36px; font-family: hb; color: #000000;}
.articleTag { padding: 20px 0; display: flex; align-items: center; gap:2.6vw}
.articleTag span { display: inline-flex; gap: 8px; font-size: 18px; color: #666666; align-items: center;}
.articleTag img { display: block;}
.articlePage::after { content: ''; clear: both; display: block; height: 0;}
.articlePage { padding: 40px 8.3vw;}
.quicklyNews { padding:30px 40px; border-radius: 20px; float: right; width: 460px; background: #fafafb;}
.qnPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.articleInfor { float: left; width: calc(100% - 520px);}
.articleTitle { border-bottom: 1px solid #a9a9a9;}
.articleDetail { padding: 35px 0;}
.articleDetail video{width:100%}
.articleDetail p { font-size: 22px; color: #000000; line-height: 1.25;}
.articleDetail h2 { font-family: 'hb'; font-weight: bold; font-size: 22px; color: #EB6112; line-height: 2; margin-bottom: 22px;}
.articleDetail img { display: block; margin: 0 auto; max-width: 100%;height: auto!important;}
.quicklyNews li p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all 0.5s; color: #000000; font-size: 24px; font-family: 'hb'; line-height: 1.5;}
.quicklyNews span { display: block; margin: 20px 0; font-size: 18px; color: #666666;}
.quicklyNews li { margin-bottom: 20px; border-bottom: 1px solid #cccccd;}
.articleFpage .prevPage { border-radius: 43px; display: block; margin: 0; transform: translate(0); position: static; transition: all 0.5s; display: block; background: url(../images/videoPrev.png) center no-repeat #F7F6F9; width: 75px; height: 43px; background-size: 100% auto;}
.articleFpage .nextPage { border-radius: 43px; display: block; margin: 0; transform: translate(0);  position: static;transition: all 0.5s; display: block; background: url(../images/videoNext.png) center no-repeat #F7F6F9; width: 75px; height: 43px; background-size: 100% auto;}
.articleFpage .prevPage:hover { background: url(../images/videoPrevon.png) center no-repeat;}
.articleFpage .nextPage:hover { background: url(../images/videoNexton.png) center no-repeat;}
.articleFpage { border-top: 1px solid #cfcfcf; margin-top: 40px; padding-top: 40px; display: flex; justify-content: space-between;}
.pageControl { display: flex; align-items: center;}
.articleFpage .back { transition: all 0.5s; font-size: 28px; color: #000000; gap: 10px; display: flex; align-items: center;}
.articleFpage .back img { display: block;}
.articleFpage .back:hover { color:#EB6112 ;}
.qnPic { overflow: hidden; margin-bottom: 20px;}
.qnPic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.quicklyNews li:hover .qnPic img { transform: scale(1.1);}
.quicklyNews li:hover p { color: #EB6112;}
.quicklyNews li:last-child { border:none; margin: 0;}
.evertet { display: flex; justify-content: space-between; background: #F7F6F9; padding: 5.2vw 8.3vw 6.25vw;}
.evertSlide { width: 48.75%; transition: all 0.5s; border-radius: 20px; background: #ffffff;}
.evertPic { height: 27.23vw; border-radius: 20px; overflow: hidden;}
.evertPic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.evertSlide:hover .evertPic img{ transform: scale(1.1);}
.evertText { align-items: center; display: flex; justify-content: space-between; padding: 37px 30px;}
.evertText p { transition: all 0.3s; font-size: 40px; color: #000000; font-family: 'hb';}
.evertText .more { transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
.evertText .more i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
.evertSlide:hover .more { border: 1px solid #ffffff; color: #ffffff;}
.evertSlide:hover .more i{background: url(../images/iconMoreon.png) center no-repeat;}
.evertSlide:hover { background: #E64807;}
.evertSlide:hover p { color: #ffffff;}
.productPage { padding: 2.6vw 0; font-size: 22px; display: flex; align-items: center; justify-content: center;}
.productPage select {border-radius: 22px; border: 1px solid #EB6112; height:24px; width:52px;}
.productPage a { color:#404040; margin:0 8px; line-height:28px}
.productPage a.cur {color:#ffffff; background:#E64807; border-radius:28px; padding:0 14px;}
.productPage button {color:#ffffff; background:#E64807; font-size:20px; padding:0 11px; line-height:28px; border-radius:28px; border:none;}
.productPage a.prevPageBtn { margin-right: 1.56vw; background: url(../images/fprev.png) center no-repeat; width: 40px; height: 20px;}
.productPage a.nextPageBtn { margin-left: 1.56vw; background: url(../images/fnext.png) center no-repeat; width: 40px; height: 20px;}
.productPage span { border-radius: 22px; padding: 0 19px; border: 1px solid #EB6112; color: #EB6112;}
.productPage input{border-radius: 22px; font-size:22px; text-align:center; border: 1px solid #BEBEBE; height:25px; color: #333;width:52px;}
.productPage input:focus{border: 1px solid #EB6112; }
.productPage b { margin: 0 16px; display: flex; gap: 10px; align-items: center;}
.steveretList { display: flex; border-top: 1px solid rgba(190, 190, 190, .61); padding-top: 2.6vw; justify-content: space-between; gap: 0;}
.steverMenu a { color: #000000; margin-bottom: 2vw; padding: 12px; display: block; font-size: 22px; line-height: 1.5;}
.steverMenu a.cur {background: linear-gradient( 95deg, #EB6112 0%, rgba(235,97,18,0) 100%); color: #ffffff;}
.steverSlide { flex: 1;}
.steverSlide ul { display: flex; gap: 20px; flex-wrap: wrap;}
.steverSlide li { transition: all 0.5s; border-radius: 18px; box-sizing: border-box; padding: 2vw 30px 2.6vw; transition: all 0.5s; background: #F7F6F9; width: calc(25% - 15px);}
.steverSlide li .productPic { margin-bottom: 2.6vw; height: 190px;}
.steverSlide li .productCont p { margin-bottom: 30px;}
.steverSlide li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.bigOther li img{ width: auto; height:500px; display: block; margin: 0 auto;}
.detailMenu.otherDetailMenu { height: auto;}
.detailMenu.otherDetailMenu .swiper-slide { height:120px;}
.detailMenu.otherDetailMenu::before,.otherDetailMenu.detailMenu::after { display: none;}
.otherPic { position: relative;}
.smallChose { gap: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column;}
.smallChose span { cursor: pointer; border-radius: 6px; background: #ffffff; transition: all 0.5s; width: 100px; height:100px; display: flex; justify-content: center; align-items: center; }
.otherPic { width: 83.33%; margin: 0 auto;}
.smallChose span img { max-width: 92%; max-height: 92%; display: block;}
.smallChose span.cur { width:120px; border: 1px solid rgba(235, 97, 18, 1); height: 120px;}
.quicklyLink dl { flex-wrap: wrap; display: flex; justify-content: space-between;}
.quicklyLink dt { transition: all 0.5s; margin-bottom: 30px; position: relative; width: calc(50% - 20px); background: #ffffff; border-radius: 20px;}
.quicklyLink dt .gpeo { height:100%; position: absolute; left: 5.7%; top: 50%; transform: translateY(-50%);}
.qlogo { display: flex; justify-content: end; padding: 30px 34px;}
.qlogo img { display: block; width: 136px;}
.qtext { display: flex; align-items: center; background: rgba(235, 97, 18, 1); color: #ffffff; font-size: 26px; line-height: 1.75; height: 130px;
padding: 0 55px 0 240px;}
.quicklyLink dt:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-10px);}
.quicklyLink dt .more { float: right; margin: 34px; transition: all 0.3s; color: #E64807; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; line-height: 41px; padding: 0 29px; gap: 26px;
border: 1px solid #E64807; border-radius: 41px;}
.quicklyLink dt .more i { transition: all 0.3s; display: block; background: url(../images/iconMore.png) center no-repeat; width: 16px; height: 16px;}
.quicklyLink dt:hover .more {background: #E64807; border: 1px solid #ffffff; color: #ffffff;}
.quicklyLink dt:hover .more i{background: url(../images/iconMoreon.png) center no-repeat;}
.quicklyLink dt:hover p { color: #ffffff;}
.quicklyLink dl { margin-top: 2vw;}
.downList { margin-top: 2vw;}
.downList ul { flex-wrap: wrap; display: flex; gap: 52px;}
.downList li {width: calc(25% - 39px); background: #F7F6F9; box-sizing: border-box; padding: 20px 15px 0;}
.downPage { background: #ffffff;}
.downPic { overflow: hidden; padding: 10px;}
.downPic img { height: 24.16vw; object-fit: cover; transition: all 0.5s; display: block; width: 100%;}
.downList li:hover .downPic img { transform: scale(1.05);}
.downDesc { padding: 0 0 20px; display: flex; justify-content: space-between; align-items: center;}
.downDesc p { font-size: 22px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; max-width: calc(100% - 35px);}
.cookieAgreen { padding: 0 8.335vw; align-items: center; display: flex; justify-content: space-between; height: 80px; position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5);}
.agreenBtn a.policyEnter { text-decoration: underline; font-size: 18px; color: #EB6112;}
.agreenBtn a.accept { margin-left: 23px; color: #ffffff; background: #EB6112; padding: 0 20px; font-size:18px; display: block; line-height: 32px; border-radius: 32px;}
.agreenBtn { display: flex; align-items: center;}
.agreenText { max-width: calc(100% - 330px); line-height: 1.5; color: #ffffff; font-size: 18px;}
.eveBox { position: relative;}
.eveBox img { display: block; width: 100%;}
.eveBox .titleCell { position: absolute; top:4vw;}
.footerContact { padding: 70px 0 40px; align-items: end; display: flex; justify-content: space-between;}
.rightlink { text-align: right;}
.rightlink a { margin-left: 20px; text-decoration: underline; font-size: 16px; color: #EB6112;}
.copyRight { text-align: right; color: #ffffff; font-size: 16px;}
.copyRight a { font-size: 16px; color: #ffffff;}
.copyRight a img { width: 20px;margin-right: 5px;
    vertical-align: -2px;}
.shareLinks a { position: relative;}
.altScan { justify-content: center; position: absolute; bottom:50px; display: flex; gap: 10px; width: 150px; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 6px;
 box-shadow: 0 0 10px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all .3s;}
.altScan img { border-radius: 4px; width: 100%; display: block;}
.shareLinks a:hover .altScan { opacity: 1; visibility: visible;}
.shareLinks { display: flex; position: relative; justify-content: end; align-items: center; gap:25px; margin: 10px 0 12px; padding-bottom: 12px;}
.shareLinks::after { content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 1px; background: linear-gradient( 90deg, rgba(230,72,7,0) 0%, rgba(230,72,7,0) 0%, #EB6112 100%, rgba(230,72,7,0) 100%);}
.newBannertext { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; color: #ffffff; font-size: 4.78vw; font-family: 'hb'; }
.newsSearch {margin-bottom:20px; align-items: center; font-size: 27px; color: #707070;}
.newsSearch select {border: none; text-align:center; box-sizing: border-box; width: 60px;  height: 34px;
font-size: 26px; color: #EB6112;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-bottom:1px solid #EB6112;}
.newsSearch { display: inline-flex;gap:20px; position: relative;}
/*.newsSearch::after { content: ''; pointer-events: none; background: url(../images/newsSelect.png) center no-repeat; width: 14px; height: 9px; position: absolute; right: -30px; top: 50%;margin-top: -4.5px; z-index: 2;}*/
 .otherArt { width: 83.33%; margin: 3vw auto 0; border-bottom: 1px solid rgba(112,112,112,.2); padding-bottom: 3vw;}
 .otherArt p { display: flex; align-items: center; flex-wrap: wrap; font-size: 22px; color: #666666; line-height: 2;}
 .otherArt p img { margin-right: 10px;}
 .otherArt h2 { font-weight: bold; font-size: 26px; color: #EB6112; margin-bottom: 35px;}
.knowledgeHd { padding: 3vw 0 2vw;}
.knowledgeHd span { margin-right: 20px; cursor: pointer; font-size: 26px; color: #999;}
.knowledgeHd a {color:#999999}
.knowledgeHd span.cur,.knowledgeHd span.cur a { color:#EB6112 ;}
.downAltBox { max-width: 92%; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 810px;
			z-index: 999; background: #ffffff; border-radius: 12px; padding: 0 0 66px;}
.downAltTit { padding: 21px 21px 0; display: flex; justify-content: end; margin-bottom: 23px;}
.downAltTit span { cursor: pointer;}
.downAltTit span img { width: 40px; display: block;}
.downAltBox li a { gap: 10px; border-radius: 10px; padding: 27px 34px; line-height: 32px; color: #000000; font-size: 24px; display: flex; justify-content: space-between; align-items: center; background: #F6F6F6;}
.downAltBox li a p { flex: 1;}
.downAltBox li { margin-bottom: 30px;}
.downAltBox li:last-child { margin-bottom: 0;}
.downAltBox ul { padding: 0 75px;}
.downAltBox p {padding:0 75px; font-size:24px;color:#666666;}
.downAltBox input {width:100%; height:60px; border:none;background:#F6F6F6; font-size:24px;}
.surePwd {
    display: block;
    margin: 20px auto 0;
    color: #ffffff;
    width: 140px;
    color: #ffffff;
    border-radius: 4px;
    background: #E64807;
    border: none;
    font-size: 18px;
    line-height: 3;
}
.searchResult li { gap: 30px; padding:30px; display: flex; width: 100%!important; margin: 0 0 2%!important;}
.searchResult li .productPic { width: 220px; height: auto;}
.searchResult li p { margin: 10px 0;}
.searchResult li b { display: block;font-size: 16px; line-height: 1.5; color: #666666;}
.searchResult li .productCont {flex: 1;}
.eveList li img { width: auto; height: 100%; object-fit: cover; max-width: 100%;}
.dataConts { padding: 3.6vw 2.6vw 0;}
.dataTitle { position:relative; position: relative; color: #000000; font-weight: bold; font-size: 26px;
padding-left:20px; border-left:6px solid #E64807; line-height:1.5; margin-bottom:36px;}
.dataBar ul::after { content: ''; clear: both; display: block; height: 0;}
.dataBar li { transition: all .3s; background: #F7F6F9; position: relative; margin-bottom: 1.5vw; margin-right: 1.5vw; float: left; width:calc((100% - 6vw)/5)}
.dataPic { overflow: hidden; width: 100%; padding-top: 100%; position: relative;}
.dataPic img {transition: all .8s;  position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.dataBar li:nth-child(5n) { margin-right:0;}
.dataText {padding: 0 10px; transition: all .3s; height: 68px; display: flex; justify-content: center; align-items: center;}
.dataBar li::after { transition: all .3s; transition: all .3s; content: ''; position: absolute; width: 100%; height: 1px; background: #E64807; left: 0; top: 0;}
.dataBar li:hover { background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.dataBar li:hover::after { height: 5px;}
.dataBar li:hover .dataText {  background: #E64807; color: #ffffff;}
.dataBar li p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 line-height: 1.5; font-size:18px; transition: all .3s;}
 .dataBar { margin-bottom:2.1vw;}
 .dataBar:last-child { margin-bottom: 0;}
 .dataBar li:hover img { transform:translate(-50%,-50%) scale(1.1);}
@media screen and  (max-width:1200px){
	.fixRight{ display: none;}
	.downAltBox {
		padding: 0 0 20px;
	}
	.downAltBox ul { padding: 0 14px;}
	.downAltTit { padding: 14px 14px 0; margin-bottom: 14px;}
	.downAltBox li a { padding:5px 14px; font-size: 14px;}
	.downAltBox li { margin-bottom: 10px;}
	.downAltBox li:last-child { margin-bottom: 0;}
	.downAltTit span img { width: 30px;}
	.downAltBox li a img { width: 20px;}
	.dataTitle { margin-bottom: 20px; border-left: 2px solid #E64807; font-size: 20px; padding-left: 8px;}
		.dataBar li,.dataBar li:nth-child(5n){ width: calc(25% - 7.5px); margin-right: 10px; margin-bottom: 10px;}
		.dataBar li:nth-child(4n) { margin-right: 0;}
		.dataBar li p { font-size: 14px;}
		.dataText { height: 40px;}
}
@media screen and  (max-width:1680px){
.blist li{padding:3.6vw 0}
.knowledgeHd span { font-size: 20px;}
	.otherArt h2 { font-size: 20px;}
	.otherArt p { font-size: 16px;}
	.downDesc { padding: 10px 0 20px;}
	.downDesc a img{ height: 20px;}
	.downDesc p { font-size: 16px;}
	.qtext { font-size: 20px; height: 90px;}
	.evertText p { font-size: 32px;}
	.evertet {  padding: 5.2vw 4vw 6.25vw;}
	.articlePage { padding: 40px 4vw;}
	.articleTag span { font-size: 16px;}
	.articleTitle h2 { font-size: 30px;}
	.mapList { margin:120px 4vw 0;}
	.contactForm { margin: 80px 4vw 130px;}
	.mapList { padding: 85px 4vw 40px;}
	.bottomList li h2 { font-size: 26px;}
	.customerText p { font-size: 16px; line-height: 2;}

	.manualText p { font-size: 16px; line-height: 1.6;}
	.headerControl a.telPhone { font-size: 14px;}
	.nav>ul>li>h2 a { font-size: 14px; white-space: nowrap;}
	.nav>ul>li { padding: 0 .5vw;}
	.header a.logo img { width: 180px;}
	.header { padding: 30px 40px;}
	body{padding-top: 110px;}
	.productList li { width: 32%; margin-bottom: 2%; margin-right: 2%; padding: 20px;}
	.productCont p { margin-bottom:20px;}
	.productCont h2 span { font-size:20px;}
	.listMenu li p { font-size: 18px;}
	.listName p,.listName span { font-size: 44px;}
	.dataSlide p { font-size: 12px;}
	.dataSlide h2 span { font-size: 26px;}
	.appliText p { font-size: 20px;}
	.approvSwiper { height: 28.6vw;}
	.textDetail h2 { font-size: 20px;}
	.textDate span { font-size: 18px;}
	.aboutInt { gap: 4vw;}
	.researchSlide { padding: 10.8vw 4vw 0;}
	.reseChose span { padding: 0 4vw;}
	.customer { padding:3vw 4vw 3vw;}
	.customerPic { width: calc(100% - 47.7vw);}

	.historyLeft { padding-left: 4vw;}
	.honorSwiper { padding: 0 4vw;}
	.customerText h2 { font-size: 32px;}
	.menuPic {
	    margin: 0 20px;
	    width: 60px;
	}
	.firstMenu li h2 {
	    font-size: 16px;
	}
	.firstMenu { width: 250px;}
	.secondMenu dt .menuTag { width: 400px; padding-left: 20px;}
	.tagPic { margin-right: 10px;}
	.secondMenu ul { width: 400px;}
	.productDesc { width: calc(100% - 650px); left: 650px;}
	.menuPic img { max-width: 100%; height: auto;}
}
@media screen and  (max-width:1440px){
	.dataList span img {width: 60px;}
	.modePic img {height: 380px;}
	.productSub {
	    left: 5vw;
	    right: 5vw;
	}
	.iframeBox { height: 400px;}
	.searchinput { width: 300px;}
.choseMenu span {margin-bottom:26px;}
.quicklyLink li img { width: 220px;} 

	.tagDesc h2 { font-size: 16px;}
	.rese { height: 60vw;}
	.evertText p { font-size: 24px;}
	.quicklyNews li { margin-bottom: 20px;}
	.quicklyNews li p { font-size: 18px;}
	.quicklyNews span { font-size: 14px;}
	.articleFpage .back { font-size:22px}
	.articleFpage .back img { height: 20px;}
	.articleTitle h2 { font-size: 26px;}
	.articleInfor { width: calc(100% - 380px - 4vw);}
	.articleDetail p { font-size: 18px;}
	.quicklyNews { width: 380px; padding: 20px;}
	.videoControl .swiper-pagination-current { font-size: 30px;}
	.videoControl .swiper-pagination { font-size: 22px;}
	.broCont li { line-height: 72px;}
	.broCont li p { font-size: 22px;}
	.controlBro a img { height: 40px;}
	.resoVideo .swiper-slide { gap: 30px;}
	.videoTag {width: calc(33.33% - 20px);}
	.manualText { padding: 60px 8vw 80px 4vw;}
	.manualText h2 { margin-bottom: 4vw; font-size: 44px;}
	.supportChose a { font-size: 26px; line-height: 2;}
	.general { padding-left: 4%;}
	.policyText li { font-size: 50px;}
	.policyText li span { font-size: 20px;}
	.policyDesc { font-size: 20px;}
	.newsPage { padding-left: 40px;}
	.artList li { padding: 40px 0;}
	.newsMenu p { margin-bottom: 30px;}
	.artList li { padding-right: 4vw;}
	.artDesc h2 { font-size: 20px;}
	.artList li::after { right: 4vw;}
	.artDesc { margin-right: 40px;}
	.qaSub span { width: 40px; height: 40px; line-height: 40px; font-size: 26px;}
	.qaSub dt:first-child p { font-size: 20px;}
	.qaSub dt p { font-size: 16px;}
	.quicklyLink li { padding: 30px; border-radius: 20px; width: calc(50% - 20px);}
	.quicklyLink ul { gap: 40px;}
	.quicklyLink { padding: 40px 0;}
	.linkText p { font-size: 28px;}
	.questionList h2 b { width: 40px; height: 40px; background-size: 100% auto!important;}
	.questionList { margin-top: 20px;}
	.questionList li h2 p { line-height: 40px; height: 40px;}
	.questionList li h2 { padding: 14px 0; font-size: 20px;}
	.questionCont { padding: 40px 0;}
	.suportSearch { padding: 0 30px; height: 60px; margin-top: 60px;}
	.suportSearch button { width: 26px; height: 26px; background-size: 100% auto;}
	.suportSearch input { font-size: 20px;}
	.blText { font-size: 30px;}
	.enterLink a img { width: 30px;}
	.blist li p { font-size: 14px;}
	.listLogo { width: 120px; height: 120px;}

	.researchSlide h2 { font-size: 20px;}
	.container { width: 92%;}
	.cookieAgreen { padding: 0 4%;}

	.histroyPic .swiper-slide span { width: 32px; height: 32px; top: 12px; right: 12px;}
	.histroyPic .swiper-slide { padding: 35px 12px;}
	.histroySwiper p { font-size: 16px;}
	.customerText p { line-height: 1.5;}
	.aboutInt { padding: 0 4% 40px;}
	.intArt p { font-size: 16px;}
	.approvMore a,.newsText a,.bannerText a,.evertText .more { display: inline-flex; width: auto; line-height: 32px; font-size: 16px; gap: 16px; padding: 0 20px;}
	.approvMore a i,.newsText a i,.bannerText a i { width: 12px; height: 12px; background-size: 100% auto!important;}
	.textDate span { font-size: 16px;}
	.textDetail h2 { font-size: 18px;}
	.textDetail p { font-size: 14px;}
	.coverText { padding: 20px 30px 20px;}
	.categoSwiper .swiper-slide-active { transform: scale(1);}
	.categoSwiper .swiper-slide p,.appliText p { font-size: 16px;}
	.bannerText a { margin-top: 40px;}
	.categoSwiper .swiper-slide span { font-size: 13px;}
	.productTitle h2 { margin-right: 20px; font-size: 22px;}
	.typePic img { height: 40px; margin: 0 2px;}
	.videoSlide video { height: 350px; width: auto;}
	.picSlide img { height: 380px;}
	.modePic { max-width: 100%;}
	.listPage { padding: 0 4%;}
	.productList { width: calc(100% - 260px);}
	.productPic { height:20vw;}
	.listName p,.listName span { font-size: 32px;}
	.listName { margin-bottom: 30px;}
	.menuIcon img { width: 100px; display: block;}
	.menuIcon { margin-bottom: 0;}
	.listMenu li.cur p,.listMenu li p { font-size: 16px;}
	.listMenu li { padding-bottom: 10px; margin-right: 20px;}
	.productCont a.checkMore { font-size: 16px;}
	.productCont h2 span { font-size: 20px;}
	.productCont h2 { font-size: 14px;}
	.listSearch { width: 240px;}
	.choseDate span { width: 49%; box-sizing: border-box; font-size: 14px;}
	.searchType p { font-size: 16px; margin-bottom: 10px;}
	.searchAside h2 { font-size: 20px;}
	.choseSelect h3 { font-size: 16px;}
	.otherSwier .swiper { padding: 30px;}
	.footerLink li h2 { font-size: 18px;}
	.footerLink li p a { font-size: 14px;}

	.copyRight { font-size: 14px;}
	.otherSwier p { font-size: 18px;}
	.otherSwier .swiper .swiper-slide { padding: 20px;}
	.otherSwier h3 span { font-size: 24px;}
	.swiperBox .swiper-slide p { font-size: 18px;}
	.detailTable th { font-size: 20px;}
	.detailTable td { font-size: 18px;}
	.fixRight { width: 52px;}
	.fixRight li>a { padding: 5px 0;}
	.shareLink { right: 42px; top: 0; bottom: 0;}

	.fixRight a img { width: 32px;}
	.firstMenu { width: 250px; padding: 20px 0;}
	.menuPic { margin: 0 20px; width:60px;}
	.menuPic img { max-width: 100%;height: auto!important;}
	.firstMenu li h2 { font-size: 15px;}
	.secondMenu { width: calc(100% - 250px);}

	.firstMenu li { line-height: 80px;}
	.secondMenu ul { height: 600px;}
	.descImg img { height: 168px;}
	.eacImg { margin-bottom: 10px;}
	.eacImg img { height: 30px;}
	.eacText h2 { font-size: 20px;}
	.dataSlide h2 span { font-size:16px;}
	.nav>ul>li { padding: 0 .5vw;}
	.headerControl a.telPhone { font-size: 14px;}
	.searchEnter { width: 24px; height: 24px; background-size: 100% auto;}
	.lang img { width: 24px;}
	.lang {gap: 10px;}
	.otherTit h2 { font-size: 32px;}
	.otherProduct { padding: 40px 0;}
	.otherTit h2 { margin-bottom: 40px;}
	.footCenter p a { font-size: 32px;}
	.otherSwier a.more,.evertText .more { font-size: 16px;}
	.detailMenu .swiper-slide { font-size: 20px; background-size: auto 80%!important;}
	.detailMenu .swiper-slide.swiper-slide-active { font-size: 24px;}
	.detailList { width: calc(100% - 240px);}
	.detailMenu { margin-top: 0;}

	.bottomList li h2 { font-size: 20px;}
	.bottomList li p { font-size: 16px;}
	.contactForm { margin: 40px 4% 80px;}
	.formCont { padding: 40px;}
	.formCont h2 { font-size: 28px;}
	.formCont li input { font-size: 16px;}
	.formCont textarea { font-size: 16px;}
	.formCont p { font-size: 16px;}
	.contactMap { height: 500px;}
	.steverMenu a { font-size: 16px;}
}
@media screen and  (max-width:1200px){
.surePwd {
    width: calc(100% - 28px);
font-size:14px;
}

.dataList { width:100%;}
.policyDesc { font-size: 16px;}
.linkText p { font-size: 20px;}
.blText { font-size: 20px;}
.blLink img { height: 30px;}
.brandImg,.brandTop { height: 220px;}
.brandSwiper .generalControl { margin-bottom: 20px;}
.generalControl .swiper-button-prev,.generalControl .swiper-button-next { width: 50px; height: 29px; background-size: 100% 100%!important;}
.brandSwiper .swiper-slide img { height: auto;}
.brandInt p { font-size: 16px;}
.brandPage { min-height: calc(100vh - 270px);}
.researchSlide p { font-size: 14px; line-height: 1.5;}
.researchSlide { padding-bottom:80px;}
.intArt h2 { font-size: 30px;}
.honorList li p { font-size: 14px;}
.appliText h2 { font-size: 18px;}
.appliText { margin-left: 0;}
.appliText p { font-size:14px;}
.titleCell { margin: 0 4%;}
.catego { margin-bottom: 0;}
.categoSwiper { margin: 20px 4% 0;}

.titleCell h2 { font-size: 20px;}
.titleCell span { font-size: 12px; line-height: 70px;}


.typePic img { width:40px; margin:0 10px 0 0;}
.typePic { margin-bottom: 10px;}
.typeName { display: block;}
.otherSwier { padding: 0;}
.otherSwier a.more { font-size: 14px;}
.copyRight::after { height: 2px;}
.footCenter p a { font-size: 16px;}
.footCenter p a img { height: 24px;}
.copyRight { line-height: 1.5; padding: 10px 0; display: block; text-align: center;}
.footLogo img{ height: 60px;}
.nav {width: 100%; padding: 0; overflow-y: auto; position: fixed; left: -100%; top: 60px; bottom: 0; background: #ffffff; border-radius: 0;}
.nav li h2 a { color: #333;}
.nav li {padding: 0 20px;}
.nav>ul { display: block;}
.menubox{position: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #E64807;transition: 0.6s;}
.menubox div:nth-child(1){top: 9px;}
.menubox div:nth-child(2){top: 19px;}
.menubox div:nth-child(3){top: 29px;}
.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
.nav>ul { background: none; padding:0}
.header .nav li h2 a { color: #333333;}
.nav { position: fixed; left: -110%; overflow-y: auto; top:60px; width: 260px; background: #ffffff; bottom: 0;}
.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
.nav li h2{position: relative; text-indent:10px;}
.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
.nav li h2 a {  line-height: 40px; color: #333333;}
.nav li h2:hover i{ transform: rotate(90deg);}
.nav li .navSub { position: static; width: 100%;}
.header .logo img { height:30px; width: auto!important;}
.header { padding: 15px 4%;}
.headerControl a.telPhone { display: none;}
.header.moveHead { padding: 15px 4%;}
.headerControl { margin-right:35px;}
body{padding-top: 60px;}
.location { overflow-x: auto; white-space: nowrap; font-size: 14px; line-height: 2; margin: 10px auto;}
.location::-webkit-scrollbar { display: none;}
.productTitle  { display: block;}
.productTitle h2 { margin-bottom: 10px; font-size: 18px;}
.titleTag { display: block;}
.shareTag { justify-content: start;}
.downTag a { font-size: 14px;}
.downTag a img { height: 24px;}
.shareTag { font-size: 14px;}
.shareTag img { display: block;}
.picSlide { height: auto;}
.choseHd { line-height: 40px;}
.left-pro a { margin: 0 auto;}
.dataList ul{ flex-wrap: wrap;}
.productSub { display: none!important;}
.nav li.act .mobSub { display: block;}
.choseMenu span { margin-bottom: 14px;}
.mobSub dt {padding-left: 10px;}
.mobSub dt h3 { position: relative; line-height: 40px;}
.mobSub dt h3 i { transition: all .3s; position: absolute; background: url(../images/titIcon.png) center no-repeat; position: absolute; right: 0; top: 50%;
width: 5px; height: 9px; margin-top: -4.5px; display: none!important;}
.mobSub dl dl { display: none!important;}
.mobSub h3.act i,.nav li.act h2 i{transform: rotate(90deg);}
.mobSub h3.act a { color:#E64807;}
.nav>ul>li>h2 a { line-height: 40px;}
.mobSub { padding:0 16px 0 10px;}
.choseMenu p { font-size: 16px;}
.dataList { margin-top: 20px;}
.detailMenu { width: 100%;float: none; height: auto; display: flex;}
.modePic {margin: 40px auto;}
.detailMenu .swiper-slide { height: 46px; flex: 1; font-size: 14px; justify-content: center; line-height:1.5; padding:0; margin:0; background: none;}
.detailMenu .prevMenu { height: 100%; left: 0; top: 0; width: 40%;}
.detailMenu .nextMenu { height: 100%; left: auto; right: 0; top: 0; width: 40%;}
.detailMenu .swiper-slide::after {display: none;}
.detailMenu .swiper-slide.swiper-slide-active { font-size: 16px;}
.detailMenu .swiper-slide.swiper-slide-active::after { display: block; height: 2px; left: 0; width: 100%; bottom: 0; top: auto;}
.detailMenu::before {height: 100%; left: 0; top: 0; width: 40%; background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));}
.detailMenu::after {height: 100%; left: auto; right: 0; top: 0; width: 40%; background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));}
.detailMenu { background: #f6f6f6;}
.detailMenu .swiper-slide {border: 1px solid #e9e9e9;border-bottom:1px solid #e64807;}
.detailMenu .swiper-slide.cur { border:1px solid #e64807; border-bottom: 1px solid #ffffff; background:#ffffff;}

.detailCont { margin: 30px auto 0;flex-direction: column;}
.detailList { float: none; width: 100%; margin: 20px auto 0; padding: 0;}
.detailTable th { font-size: 14px; text-indent: 0; text-align: center; line-height:44px; border-bottom: 1px solid #ffffff;}
.detailTable td { font-size: 14px; text-indent: 0; line-height:44px; text-align: center;}
.otherSwier h3 span{ font-size: 20px;}
.otherSwier h3 { font-size: 16px;}
.listName p, .listName span { font-size: 26px; line-height: 2;}
.listName { margin-bottom: 20px;}
.menuSwiper .swiper-slide { padding: 10px;}
.arrEnter { float: right; width: 20px;}
.arrEnter img { display: block; width: 100%;}
.arrEnter { text-align: right; padding-right:17%; margin-left: 0;}
.approvMore a { margin: 0 auto;}
.approvMore { text-align: center; margin-top: 20px;}
.approvMore a,.bannerText a,.evertText .more { font-size: 14px;}
.intArt h2 { font-size: 20px;}
.intArt p { font-size: 14px; margin-bottom: 14px;}
.customerText h2 { font-size: 26px;}
.histroySwiper { height: auto;}
.histroySwiper .swiper-slide { padding-bottom: 0;}
.detailMenu.otherDetailMenu .swiper-slide { height: auto;}
.categoSwiper .swiper-slide span { top: -20px; font-size: 12px; line-height: 1.1;}
.nav>ul>li>h2::after { display: none!important;}
.nav>ul>li:nth-child(7) i { display: none!important;}
/* .categoSwiper .swiper-slide { margin-top: 0;}
.categoSwiper .swiper-slide-active { margin-top: 30px;}
.categoSwiper .swiper-slide-prev,.categoSwiper .swiper-slide-next { margin-top: 40px;} */
}
@media screen and  (max-width:1280px){
	.applicationSwiper .swiper-slide{gap:40px}
}
@media screen and  (max-width:1080px){
	.dataList.langType li{ width: 50%!important;}
	.dataList.langType li:nth-child(3),.dataList.langType li:nth-child(4),.dataList.langType li:nth-child(5) { width: 33.33%!important;}
	.dataList.langType ul { gap: 10px 0!important;}
	.dataList ul{ position: relative;}
	.dataList ul::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
	.productCont h2 span { font-size: 20px;}
	.steverSlide li { width: 100%; padding: 20px;}
	.steverSlide li .productPic { height: auto;}
	.steveretList { flex-direction: column;}
	.steverMenu { overflow-x: auto; white-space: nowrap;}
	.steverMenu::-webkit-scrollbar { display:none;}
	.steverMenu a { font-size: 14px; display: inline-block;}
	.qnPic { margin-bottom: 10px;}
	.quicklyNews li p { font-size: 16px;}
	.quicklyNews span { margin: 10px 0;}
	.quicklyNews { margin-bottom: 20px; width: 100%; margin-top: 20px;}
	.articleDetail { padding: 20px 0;}
	.articleTitle h2 { font-size: 18px;}
	.articleTag span { font-size: 14px;}
	.articleDetail h2 { font-size: 16px; margin: 0;}
	.articleDetail img { margin: 10px auto;}
	.articlePage { padding: 0 4%;}
	.articleInfor { width: 100%; float: none;}
	.articleDetail p { font-size: 16px; margin-bottom: 0;}
	.bottomList li { width: 100%!important; margin-bottom: 10px;}
	.bigAddress li,.bigAddress li:nth-child(odd),.bottomList li p { font-size: 14px; width: 100%;}
	.bigAddress h2,.bottomList li h2 { font-size:18px; margin-bottom: 10px;}
	.bigAddress { padding-bottom: 10px; margin-bottom: 10px;}
	.mapList { z-index: 2; margin:60px 4% 0; padding: 20px;}
	.contactMap { height: 300px; margin: -60px auto;}
	.knowDesc { font-size:16px;}
	.supportBanner { padding-top: 100px!important; height: 240px!important;}
	.blLink a { margin: 0 10px;}
	.blistBanner { padding:80px 4% 40px;}
	.blText { font-size: 16px;}
	.blist { margin: 20px auto 0;}
	.listLogo { width:100px; height: 100px;}
	.blist li {  width: calc(50% - 2px);}
	.listLogo img { max-height: 50px; max-width: 70px;}
	.enterLink a { margin: 0 2px;}
	.enterLink a img { width: 20px;}
	.honorSwiper { padding: 0;}
	.honorSwiper .swiper-button-prev { left: 0;}
	.honorSwiper .swiper-button-next { right: 0;}
	.honorPic { width:90%; padding: 4px; height: auto;}
	.historyControl .prevHistroy,.historyControl .nextHistroy { width: 50px; height: 29px; background-size: 100% 100%!important;}
	.historyYear { display: none;}
	.honorList ul { justify-content: space-between;}
	.honorList li { width: 49%; margin-bottom: 5px;}
	.historyControl { margin-top: 20px;}
	.histroySwiper { width: 100%;}
	.histroyPic { width: 100%;}
	.histroyPic .swiper-slide { padding:35px 12px;}
	.historyCont { flex-direction: column;}
	.historyLeft { width: 100%;}
	.customerText h2 { margin-bottom: 10px; font-size: 20px;}
	.historyTitle { font-size: 20px;}
	.histroySwiper p { margin-bottom: 0; font-size: 14px;}
	.histroySwiper h2 { font-size: 16px;}
	.broTit { font-size: 20px;}
	.customerPic { width: 100%;}
	.customerText p { font-size: 14px;}
	.customer { flex-direction: column;}
	.customerText { width: 100%;}
	.reseChose span { font-size: 14px; width: 100%; line-height: 1.5;}
	.reseChose span img { width: 30px;}
	.rese { height: auto;}
	.intArt h2 { margin-bottom: 12px;}
	.intArt { padding-top: 0;}
	.menuText { padding: 0;}
	.menuType:nth-child(1) { margin-bottom: 20px;}
	.aboutInt { flex-direction: column;}
	.intChose { width: 100%; border-radius: 40px; padding: 20px; margin: 20px auto;}
	.menuType { padding: 0;}
	.menuText h2 { font-size: 20px;}
	.menuText p { font-size: 14px;}
	.menuImg { width:50px; height:50px;}
	.tagCont { margin: 0; bottom: 0; top: auto; left: 0; text-align: center; width: 100%;}
	.tagCont p { font-size: 16px;}
	.productCont a.checkMore { font-size: 14px;}
	.productCont p { font-size: 14px;}
	.searchAside { padding-bottom: 10px; margin-bottom: 10px;}
	.listMenu li.cur p, .listMenu li p { font-size: 14px;}
	.listName p, .listName span { font-size: 20px; line-height: 1.5;}
	.listMenu ul { overflow-x: auto;}
	.productList { float: none; width: 100%;}
	.searchType { gap:10px}
	.searchType p { margin: 0; font-size: 14px;}
	.searchAside h2 { margin-bottom: 0; position: relative; font-size: 16px;}
	.searchAside h2::after { content: ''; transition: all .5s;
    background: url(../images/menuEnter.png) center no-repeat;
    width: 8px;
    height: 14px;
    background-size: 100% auto;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;}
	.searchAside h2.cur::after { transform: rotate(90deg);}
	.searchType p span { margin-right: 5px; line-height: 16px; width: 16px; height: 16px;}
	.searchType p input { width: 16px; height: 16px;}
	.searchType { display: none;}
	.listSearch { float: none; width: 100%;}
	.otherSwier h3 span{ font-size:16px;}
	.otherSwier h3 { font-size: 14px; line-height: 1.5; margin: 10px 0 0;}
	.frLink { display: none;}
	.footScan { display: none;}
	.dataList span img { width: 60px;}
	.dataList h2 b { font-size: 20px;}
	
	.dataList ul {gap: 10px;}
	.dataList li p { font-size: 14px; line-height: 2;}
	.dataList span { margin-bottom: 10px;}
	.dataList h2,.otherSwier p { font-size: 14px;}
	.otherTit h2 { font-size: 20px;}
	.otherProduct { padding: 20px 0;}
	.otherTit h2 { margin-bottom: 20px;}
	.otherSwier .swiper { padding: 20px 0;}
	.bannerText h2 { font-size: 20px;}
	.bannerText p { font-size: 14px;}
	.manualText h2 { font-size: 32px;}
	.footerContact { padding: 20px 0; flex-direction: column; justify-content: center; align-items: center;}
	.shareLinks { justify-content: center; margin-bottom: 0;}
	.rightlink { text-align: center;}
}
@media screen and  (max-width:760px){
	.dataList li { width: calc(50% - 5px);}
	.catego .swiper-wrapper {flex-wrap:wrap; gap:10px; justify-content: space-between;}
	.catego .swiper-slide { flex:calc(25% - 10px)}
	.copyRight a { font-size:14px;}
	.modeColor { display: inline-flex; width: 90px; padding: 0 0 0 10px; align-items: center; line-height: 30px;}
	.listColor { margin-bottom: 40px;}
	.choseMenu span.cur::after { width: 30px; height: 30px;}
	.modeColor p { white-space: nowrap;}
	.choseMenu { left: 0; top: 95px;}
	.otherList a.checkMore { font-size: 14px; margin: 20px auto 0;}
	.otherSwier li { width: 49%; margin-right: 2%; padding: 10px; margin-bottom: 2%;}
	.otherSwier li:nth-child(2n) { margin-right: 0;}
	.inforsChose { background: none;}
	.productList li { width: 100%;}
	.productPic { height: auto;}
	.proImgs { height: 140px;}
	.footLogo img { height: 40px;}
	.footerLink { display: none;}
	.otherSwier .swiper-pagination { width: 90%!important; left: 5%!important; margin: 0!important;}
	.productInfors { flex-direction: column; margin: 30px auto;}
	.inforsChose b { font-size:14px; transform: rotate(0);}
	.inforsChose span:nth-child(1) b { line-height: 1.5;}
	.inforsChose span { height: auto; padding:10px 0!important; display: flex; align-items: center; justify-content: center; border-radius: 0!important; flex: 1; box-sizing: border-box; font-size:16px;}
	.inforsChose span i { margin:0 20px; width: 20px; height: 20px; background-size: 100% auto; display: inline-flex;position: static;}
	.choseMenu span { width: 20px; height: 20px; margin-bottom:10px;}
	.choseMenu p { font-size: 14px;}
	.inforsChose { float: none; width: 100%;}
	.inforsSwiperBox { float: none; width: 100%;max-width:100%;}
	.swiperBox { height: auto; padding-right: 40px;}
	.productDetail { padding: 30px 0;}
	.swiperBox .swiper-slide { box-shadow: none; padding: 10px;}
	.swiperBox .swiper-slide p { line-height: 1.5; font-size: 12px;}
	.productImg { height: 140px;}
	.nextBtn { width: 40px; height: 100%;}
	.nextBtn img { width: 50%;}
	.footer { padding-top: 0;}
	.footCenter p { margin-top:0px;}
	.detailMenu .swiper-slide { background-size: auto!important;}
	.picSlide img { height: auto;}
	.downTag a { white-space: nowrap;}
	.productTitle { margin-bottom: 10px;}
	.downTag { margin: 0 0 10px;}
	.otherSwier a.more {align-items: center;
    display: inline-flex;
    transition: all 0.5s;
    padding: 0 15px;
    gap: 15px;
    line-height: 26px;
    border: 1px solid #E64807;
    color: #E64807;
    border-radius: 33px;}
	.colorChose { margin-top: 20px; position: static; transform: translate(0);}
	.choseMenu span { margin: 0; display: inline-flex;}
	.choseMenu p { width: auto; top: 50%; transform: translateY(-50%); left: 10px; bottom: auto;}
	.choseMenu {gap: 10px; align-items: center; display: flex; padding: 10px 10px 10px 50px; width: 100%;}
	.listColor { display: block;}
	.modeColor { font-size: 14px;}
	.picSlide img { width: 100%; height: auto;}
	.modePic img { height: auto; margin: 0 auto; width:100%;}
	.videoSlide video { height: 180px;}
	.homeNews .bigNews { width: 100%;}
	.homeNews { flex-direction: column;}
	.homeNews .bigNews { padding-top: 20px;}
	.newsText { margin: 20px 0; padding: 0 4%;}
	.newsText p { font-size:18px; margin-bottom: 10px;}
	.newsText span { font-size: 14px;}
	.newsText a { margin: 20px 0;}
	.newsList li,.newsList li:nth-child(2n) { height: 200px; width: 100%;}
	.banner { height:240px;}
	.bannerText a { margin-top: 20px;}
	.bannerText h2 { margin-bottom: 10px;}
	.bannerPage { display:none;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active::after { display: none;}
	.banner .swiper-pagination { width: 100%; left: 0; top:auto; bottom: 10px!important; transform: translate(0); height: 20px;}
	.banner .swiper-pagination span { margin: 0 4px!important; display: inline-block;}
	.bannerText { left: 4%; width: 92%;}
	.bannerText p { line-height: 1.5;}
	.contactForm { flex-direction: column; margin: 80px auto 20px;}
	.contactPic { width: 100%;}
	.contactPic img { display: block;}
	.formCont { width: 100%; padding: 20px 10px;}
	.formCont h2 { font-size: 18px; margin-bottom: 10px;}
	.formCont ul { margin-bottom: 10px; gap: 10px;}
	.formCont li { width: 100%;}
	.formCont li input { font-size: 14px; text-indent: 10px; height: 40px;}
	.formCont textarea { font-size: 14px; padding: 10px; height: 140px;}
	.formCont p { font-size: 14px; margin: 10px 0;}
	.formCont button { font-size: 14px; width: 104px; height: 29px;}
	.knowledgeBanner .suportSearch {padding: 0 10px; height:40px; margin-top: 20px;}
	.suportSearch input { text-indent: 12px; font-size: 14px;}
	.suportSearch button { width: 20px; height: 20px;}
	.questionList li h2 { padding:0; margin: 0;}
	.questionList li h2 p { font-size: 12px;}
	.questionList h2 b { width: 24px; height: 24px; }
	.qaSub span { float: none;width: 24px; height: 24px; font-size: 12px;}
	.qaSub dl { float: none; width: 100%;}
	.qaSub { padding: 10px;}
	.qaSub dt:first-child p {line-height: 2; font-size: 10px;}
	.qaSub dt p { width: 33.33%!important; font-size: 10px;}
	.qaSub dt { padding: 5px 0;}
	.quicklyLink li { width: 100%; gap: 20px; padding: 14px;}
	.quicklyLink { padding: 20px 0;}
	.linkText p { font-size: 16px;}
	.linkText a { gap: 20px; font-size: 14px;}
	.linkPic { max-width: 40%;}
	.quicklyLink ul { gap: 10px;}
	.newsPage { gap: 0; flex-direction: column; padding: 20px 4%;}
	.newsMenu { padding: 0;}
	.newsMenu p a { font-size: 16px;}
	.newsMenu p { margin: 0 10px 0 0; display: inline-block;}
	.newsMenu { white-space: nowrap; overflow-x: auto;}
	.newsMenu::-webkit-scrollbar { display: none;}
	.artPic { width: 100%; height: auto;}
	.artList li { flex-wrap: wrap; padding:10px 0;}
	.artDesc { margin:0;}
	.artDesc h2 { height: 42px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; padding-right: 60px;}
	.artDesc p {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; font-size: 12px; line-height: 1.5; height: 36px;}
	.artDate p { font-size: 20px; margin-top: 0; margin-bottom: 0;}
	.artDate span { font-size: 12px;}
	a.more,.moreLink a,.manualControl a.more { font-size: 14px; gap:20px; padding: 0 15px; line-height: 32px;}
	.newsMore { margin: 20px 0;}
	.policyCont { flex-direction: column; gap: 0; padding: 20px;}
	.policyImg { width: 100%;}
	.policyText li span { font-size: 16px;}
	.policyText li { font-size: 40px;}
	.policyDesc { font-size: 14px; margin: 10px 0 20px;}
	.generalNum span { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
	.generalSwiper .swiper-slide { padding: 20px;}
	.general .generalNum { text-align: left; justify-content: start;}
	.supportChose a { font-size: 20px; line-height: 2;}
	.supportChose a { padding: 0 30px!important;}
	.suportSearch { margin-top: 20px; height: 40px; padding: 0 15px	;}
	.broCont li p { font-size: 14px;}
	.controlBro { gap: 5px;}
	.controlBro a img { height: 24px;}
	.broCont li { line-height: 40px;}
	.broCont { margin-top: 10px;}
	.moreLink { margin-top: 20px;}
	.resoVideo { margin: 20px 0;}
	.resoVideo .swiper-slide { gap: 10px;}
	.videoTag { width: calc(50% - 5px);}
	.videoPic { height: 30vw;}
	.videoPic span { width: 40px; height: 40px;}
	.videoTag p { font-size: 14px; margin-top: 10px;}
	.leftManual { margin-top: 0; float: none; width: 100%;}
	.prevVideo,.nextVideo { width: 50px; height: 29px; background-size: 100% auto!important;}
	.videoControl .swiper-pagination { font-size: 14px;}
	.videoControl .swiper-pagination-current { font-size: 20px;}
	.manualText { padding: 20px 4%;}
	.manualText h2 { font-size: 20px;}
	.manualText p { font-size: 14px;}
	.manualControl { padding: 20px 4%; margin-top: 0;}
	.manualPic { float: none; margin: 0 auto 40px; width: 90%;}
	.manualPic>img { display: none;}
	.manualPic .swiper { width: 100%; overflow: hidden; padding: 20px;}
	.articleFpage { margin-top: 0; padding-top: 10px;}
	.articleFpage .prevPage { width: 50px; height: 29px; background-size: 100% 100%!important;}
	.articleFpage .nextPage { width: 50px; height: 29px; background-size: 100% 100%!important;}
	.articleFpage .back { font-size: 18px;}
	.articleTag { padding: 10px 0;}
	.articleDetail p { font-size: 14px;}
	.evertSlide { width: 100%;}
	.evertet { flex-wrap: wrap; flex-direction: column; gap:10px}
	.evertPic { height: auto;}
	.evertText { padding:10px 20px;}
	.evertText p { font-size: 16px;}
	.categoSwiper .swiper-slide p { font-size: 12px;}
	.productPage { font-size: 16px;}
	.otherSwier { width: 92vw;}
	.bigOther li img { width: 100%; height: auto;}
	.smallChose { margin-top: 20px; position: static; transform: translate(0); flex-direction: row; gap: 10px;}
	.smallChose span { border: 1px solid #ffffff;}
	.smallChose span.cur,.smallChose span { width: 50px; height: 50px;}
	.quicklyLink dt { width: 100%; margin-bottom: 10px;}
	.quicklyLink dt .gpeo { height: 90px; transform: translate(0); top:0;}
	.qtext { font-size: 14px; height: auto; padding:20px;}
	.quicklyLink dt .more { font-size: 14px; line-height: 32px; padding: 0 15px; float: none; margin: 20px;}
	.downList li { width:calc(50% - 5px); padding: 10px 5px 0;}
	.downList ul { gap:10px;}
	.downDesc { padding: 10px 0;}
	.downPic img { height: auto;}
	.downDesc p { font-size: 14px;}
	.downDesc a img { height: 14px;}
	.cookieAgreen { padding:10px 20px; flex-direction: column; height: auto;}
	.agreenText { margin-bottom: 10px; width: 100%; max-width: none; font-size: 12px;}
	.agreenBtn { width: 100%; justify-content: space-between;}
	.agreenBtn a { font-size: 14px!important;}
	.applicationSwiper .swiper-slide { gap:20px;}
	.applicationCont {background-position:4.1vw top!important}
	.appliText { width: 100%; margin: 20px 0 10px;}
	.appliText p { line-height: 2; margin-top: 10px;}
	.bannerText { text-align: left; padding-right: 40%;}
	.bannerText br { display: none;}
	.bannerText { z-index: 3;}
	.eveBox a.checkMore { position: absolute; left: 4%; transform: translateX(0); bottom: 3vw; transition: all .5s; white-space: nowrap; font-size: 14px; align-items: center; color: #E64807; display: inline-flex; padding: 0 20px; border: 1px solid #E64807; line-height:30px; border-radius: 23px;}
	.eveBox a.checkMore i { margin-left:16px; display: inline-flex; background: url(../images/eIcon.png) center no-repeat; width: 9px; height: 9px;}
	.eveBox a.checkMore:hover { color: #ffffff; background: #E64807;}
	.eveBox a.checkMore:hover i { background: url(../images/eIconon.png) center no-repeat;}
	.newsSearch select { font-size: 16px; width: 160px; height: 40px;}
	.detailMenu.otherDetailMenu { height: auto;}
	.otherArt { width: 92%;}
	.otherArt p { font-size: 14px; display: block; line-height: 1.5; margin-bottom: 5px;}
	.otherArt h2 { margin-bottom: 10px;}
	.categoSwiper .swiper { padding-top: 0;}
	.categoSwiper .swiper-slide { padding-bottom: 0;}
	.categoSwiper .swiper-slide-active { padding-top: 0;}
	.artDate { position: absolute; right: 0; bottom:52px;}
	.categoSwiper .swiper-slide span { font-size: 10px;}
	.menuEnter img { width: 43px;}
	.menuEnter { padding-left: 20px;}
	.artList li { position: relative;}
	.newsSearch::after{ right: 10px;}
	.blist li:hover .listLogo { transform: translateY(-20px);}
	.listLogo { width: 80px; height: 80px;}
	.blist li { padding: 30px 0;}
.histroyPic {height:220px;}
.quicklyLink li img { width: 120px;}
.knowledgeHd span { font-size: 14px; margin-right: 5px;}
	.knowledgeHd { overflow-x: auto; white-space: nowrap;}
.detailSlide td { text-align:center; font-size:14px;}
.detailSlide tr:nth-child(odd) td { background:#f7f6f9}
.detailSlide tr:nth-child(1) td{color:#ffffff; background:rgb(230,72,7); padding:10px 0;}
.detailSlide tr:nth-child(n+1) td { padding:10px 0;}
.productImg img{max-height:140px;}
.downAltBox p {padding:0 14px; font-size:14px;color:#666666;margin-bottom:15px;}
.downAltBox input {width:100%;border:none;background:#F6F6F6; font-size:14px;height:32px;}
.footerContact { padding:30px 0 30px; align-items: center; display: flex; justify-content: center;}

.newsSearch{font-size:18px;}
.newsSearch{gap:5px;}
.productPage input{font-size:16px;}
.productPage a {margin:0 2px; padding:0 2px; font-size:14px;}
.productPage b{ margin:0 0 0 8px; font-size:14px;}
.productPage input { font-size:14px; width:32px;}
.productPage a.nextPageBtn,.productPage a.prevPageBtn { width:20px; height:10px; padding:0; background-size:100% auto;}
.productPage button{ font-size:12px}
.productList li { flex-direction: column;}
.searchResult li b { font-size: 14px;}
.iframeBox { height: 550px;}
.categoSwiper .swiper-slide { border-radius: 4px 4px 0 0; padding: 0!important; margin: 0!important;}
.categoSwiper .swiper-slide p { line-height: 1.5; position: static; font-weight: normal; opacity: 1; font-size: 10px;}
.categoSwiper .swiper-slide span { display: none;}
.detailMenu .swiper-slide{flex: 1;}
.detailMenu{ display: flex;}
.detailMenu .swiper-slide.cur { font-size: 14px;}
.left-pro a img{width:100%!important; height: auto!important;}
.bigAlts {max-height: 220px;}
.qaSub dt p:nth-child(3){padding-right: 0;}
.dataTitle { margin-bottom: 20px; border-left: 2px solid #E64807; font-size: 16px; padding-left: 8px;}
.dataBar li{ width: calc(50% - 5px)!important; margin-right: 10px; margin-bottom: 10px;}
.dataBar li:nth-child(2n) { margin-right: 0!important;}
.dataBar li p { font-size: 14px;}
.dataText { height: 40px;}
}