html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-family:arial,sans-serif;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.newDesign-navigation .ds2-navigation-action-links a { line-height: 1.5rem;}
.play-btn{width: 9%;padding: 5%;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}

* {font-family: Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif;}
/*loading*/
.loadPage{position:fixed;left:0;top:0;width:100%;height:100%;background:#000000;z-index:99999;display: block;}
.loadPage .loadimg{position: absolute;width: 68px;/* margin:200px auto; */height: 68px;top: 30%;left: 50%;transform: translateX(-50%);}
.loadPage .load_p1 {position:absolute;/* top: 30%; *//* left:50%; *//* transform: translateX(-50%); */width: 100%;/* height: 47px; */left: 0;bottom: 0;opacity:0;filter:Alpha(opacity:0);}
.loadPage .loadimg .gif01{
	-webkit-animation:ani02 3s infinite linear;
	-moz-animation:ani02 3s infinite linear;
	-o-animation:ani02 3s infinite linear;
	animation: ani02 3s infinite linear;
}
.loadPage .loadimg .gif02 {position:absolute;right: -7px;bottom: 0px;width: 14px;}
.loadPage .loadNum{/* display:none; */position:absolute;/* width:100%; */bottom: -1.6rem;line-height: 20px;font-size: 16px;/* text-align:center; */color:#fff;left: 50%;transform: translateX(-50%);}
/*main*/

html,body{/* height:100%; *//* background: #FFF; *//* overflow: hidden; *//* letter-spacing: 1px; */}
.wrapper{font-family:Microsoft Yahei,simhei,arial,sans;margin:0 auto;position:relative;overflow:hidden;height:100%}
a:link, a:visited{text-decoration:none;color:#333;}
a:hover { color:#009a44;}
img{width:100%;vertical-align:middle;}
.pc{display:inline-block;}
.mobi{display:none;}
.sections{position: relative;width: 100%;}
.center{text-align:center}
.abso{position:absolute}
.swiper-container{width:100%;height:100%;overflow: hidden;}
.bg{height:100%;width:100%;position: relative;background:url(/assets/css/trans.gif) center center / cover no-repeat;}

.pc { display:inline-block;}
.mobi { display:none;}

.wrap_bg {position:absolute;top:0;left:0;width:100%;z-index: -1;filter: opacity(0.5);display: none;}
.wrap {/* position:relative; */width:100%;overflow: hidden;}
.header {position: fixed;top: 0;left: 0;width: 90vw;z-index: 9;padding: 2rem 5vw;background: #FFF;box-shadow: 0 5px 6px rgba(0,0,0,0.4);/* display: flex; *//* justify-content: space-between; *//* gap: 20px; *//* align-items: center; */}
.header .logo_p1 {width: calc(100vw * 219 / 1920);}
/* .header .logo_p1 a img {transition: all 2s ease-in-out 0s;} */
.header .head_menu {display:flex;gap: 30px;position: absolute;top: 2rem;right: 4vw;align-items: center;}
.header .head_menu .p1 {display:flex;gap: 30px;}
.header .head_menu .p1 a:link, .header .head_menu .p1 a:visited {display:block;width: 100px;height: 32px;position:relative;/* padding-left: 18px; */line-height: 32px;font-size: 1vw;}
.head_menu .p1 a.active {color:#009a44;}
.header .head_menu .p1 .icon1:link, .header .head_menu .p1 .icon1:visited {background: url(/assets/img/icon1.jpg) left center no-repeat;background-size: 13px auto;padding-left: 22px;}
.header .head_menu .r1 { margin-top:-5px;}

.green_btn01:link,.green_btn01:visited {display:block;color:#009a44;border: 2px solid #009a44;padding: 6% 3.1vw;font-size: 1vw;font-weight: 700;border-radius: 4px;height: 26px;line-height: 26px;transition: all 0.15s ease-in;text-align: center;}
.green_btn01:link span,.green_btn01:visited span { color:#78b82a;transition: all 0.15s ease-in;}
.green_btn01:hover span,.green_btn01:hover {border-color:#009a44;background:#009a44;color:#FFF;}

.green_btn02:link,.green_btn02:visited {display:block;color:#FFF;border: 2px solid #009a44;background:#009a44;padding: 5.3% 3.1vw;font-size: 1.1vw;font-weight: 700;border-radius: 4px;/* height: 2.6rem; *//* line-height: 2.6rem; */transition: all 0.15s ease-in;text-align: center;letter-spacing: 5px;box-shadow: 3px 3px 16px rgba(0,0,0,0.5);}
.green_btn02:hover { color:#009a44; background:#FFF;}

.green_btn02b:link,.green_btn02b:visited {display:block;color:#009a44;background:#FFF;border: 2px solid #009a44;padding: 5.3% 3.1vw;font-size: 1.1vw;font-weight: 700;border-radius: 4px;/* height: 2.6rem; *//* line-height: 2.6rem; */transition: all 0.15s ease-in;text-align: center;letter-spacing: 5px;box-shadow: 3px 3px 16px rgba(0,0,0,0.5);}
.green_btn02b:hover {color:#FFF;background:#009a44;}

.yellow_btn1:link,.yellow_btn1:visited {display:block;color:#333;background:#fce501;padding: 6.3% 3vw;font-size: 1.1vw;font-weight: 700;border-radius: 4px;/* height: 40px; *//* line-height: 40px; */transition: all 0.15s ease-in;width: 250px;margin: auto;text-align: center;letter-spacing: 3px;box-shadow: 3px 3px 16px rgba(0,0,0,0.5);}
.yellow_btn1:hover {background:#f1db00;color:#333;}

.blue_btn03:link,.blue_btn03:visited {display:block;color:#FFF;background:#244c8e;padding: 6px 20px;font-size: 15px;font-weight: 700;border-radius: 4px;height: 40px;line-height: 40px;transition: all 0.15s ease-in;width: 250px;/* margin: auto; */text-align: center;}
.blue_btn03:hover {border-color:#48a0f8;background:#48a0f8;color:#FFF;}

.white_btn01:link, .white_btn01:visited {display:block;width: 60%;color:#FFF;padding:6px 20px;font-size: 15px;font-weight: 700;height: 40px;line-height: 40px;transition: all 0.15s ease-in;/* margin: auto; */text-align: center;border:2px solid #FFF;}
.white_btn01:hover {border-color:#48a0f8;background:#48a0f8;}

.arrow01:link, .arrow01:visited {width: 40px;height: 30px;display: block;position:relative;color:#666666;line-height: 30px;font-size: 15px;/* text-shadow: 0px 0px 2px #f1f2f1; */}
.arrow01:before {position: absolute;right: 0px;top: 7px;width: 8px;height: 8px;border-right: 2px solid #666666;border-bottom: 2px solid #666666;transform: rotate(45deg);content: '';text-shadow: 0px 0px 0px #f1f2f1;}
.arrow01:hover { color:#48a0f8;text-shadow:none;}
.arrow01:hover:before { border-color:#48a0f8;text-shadow:none;}

.container {position: relative;/* z-index: 1; */width: 100%;}
.sections h1 {font-size: 2.6vw;letter-spacing: 5px;position: relative;}
.sections h2 {font-size: 2.2vw;}
.sections h3 {font-size: 1.2vw;letter-spacing: 1px;}

.section1 .btn1 {position:absolute;top: 55%;left: 54.8%;}
.section1 .btn1b {left:26.3%;}
.section1 .btn1c {left:auto; right:26%;top: 55%;}

.section2 {height: auto;padding-bottom: 2rem; z-index:2;}
.section2 .p0 {text-align: center;font-size: 1.125vw;letter-spacing: 1px;color:#333;line-height: 2;width: 100%;margin: -1.5rem auto auto;}
.section2 .p0 strong {font-weight:700;font-size: 1.2vw;}
.section2 .p1 {padding: 4rem 0 2.3%;text-align: center;font-size: 2.6vw;border-bottom: 2px solid #000;display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}

.section2 .p2 {padding: 6.5% 0 3.2%;text-align: center;font-size: 2.6vw;position: relative;left: 50%;transform: translateX(-50%);display:flex;width: 40%;height: calc(100vw * 140 / 1920);align-items: flex-end;justify-content: space-around;flex-wrap: nowrap;z-index: 2;}
.section2 .p2 .a1 {position:absolute;top: 40%;left:0;width:100%;height: 1rem;border-top: 0.5vw solid #009a44;}
.section2 .p2 .a1 span {position:absolute;top: -1.7vw;left: 8%;background: url(/assets/img/icon2.jpg) 0 0 no-repeat;background-size: 100% auto;width: 5.9vw;height: 2.4vw;}
.section2 .p2 .a2 {position:absolute;bottom:0;left:0;width:100%;height: 1rem;border-bottom: 0.5vw solid #009a44;}
.section2 .p2 .a2 span {position:absolute;bottom: -1.8vw;right: 8%;background: url(/assets/img/icon3.jpg) 0 0 no-repeat;background-size: 100% auto;width: 5.9vw;height: 2.4vw;}
.section2 .p2 .a3 { font-size:1.2vw;}
.section2 .p2 .a3 strong { font-size:2vw;    font-weight: bold;}
.section2 .p2 .a3 sup {font-size: 1.725vw;}

.section2 .p2 .p2b {position:absolute;bottom: -5rem;left:0;font-size: 0.775vw;text-align: left;color: #999;}

.section3 {height: calc(100vw * 990 / 1920);}
.section3 .p0 {position:absolute;top:0;right: 13.5%;width: 29.3vw;}
.section3 .p1 {padding: 4% 0 2.4%;text-align: center;font-size: 2.6vw;border-bottom: 2px solid #000;display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}

.section3 .p_item {width: 48%;display:flex;gap: 3%;/* justify-content: space-between; */position: relative;z-index: 2;left: 50%;transform: translateX(-50%);top: 9.8%;flex-wrap: wrap;}

.section3 .p_item li {float:left;width: 48.3%;box-shadow: 4px 12px 12px rgba(0, 0, 0, 0.35);position: relative;margin-bottom: 3%;border-radius: 4px;transition: all 0.35s ease-in-out 0s;overflow: hidden;}
.section3 .p_item li:hover {box-shadow: 4px 12px 12px rgba(0, 0, 0, 0.45);}
.section3 .p_item li span {position:absolute;left: 8%;bottom: 6%;color:#FFF;font-size:2vw;line-height: 1.2;letter-spacing: 3px;transition: all 0.35s ease-in-out 0s;font-weight: bold;text-shadow: 3px 3px 16px rgba(0,0,0,0.8);}
.section3 .p_item li i {position:absolute;right: 8%;bottom: 6%;width: 36px;height: 36px;background:#009845;border-radius: 4px; transition: all 0.35s ease-in-out 0s;}
.section3 .p_item li i:before {position:absolute;top: 12px;left: 9px;width:10px;height:10px;border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;transform: rotate(-45deg);content: '';}

/* .section3 .p_item li:hover span { color:#009845;} */
.section3 .p_item li:hover i { background:#FFF;}
.section3 .p_item li:hover i:before {border-right: 2px solid #009845;border-bottom: 2px solid #009845;}

.section3 .btn1 {margin: 10% auto auto;width: 21%;}

.section4 {height: calc(100vw * 2580 / 1920);background: url(/assets/img/p_09.jpg) 0 bottom no-repeat;background-size:100% auto;/* opacity: 0.3; */}

.section4 .p1 {padding: 4.6% 0 2.4%;text-align: center;font-size: 2.6vw;display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
.section4 h2 { color:#009a44;}
.section4 h2 strong { font-weight:700;}
.section4 h3 {margin-top: 12%; color:#404040; font-weight:700;}

.section4 .p_item {width: 660px;margin: 1% auto 4% auto;}
.section4 .p_item li {border-bottom: 2px solid #999;font-size: 0.95vw;position: relative;}
.section4 .p_item li:before {position:absolute;top: 23px;right: 20px;width:10px;height:10px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(-45deg);content: '';}
.section4 .p_item li a { display:block;padding: 20px;}
/* .section4 .p_item li a:hover { color:#009a44;} */
.section4 .p_item li:hover:before { border-right: 2px solid #009a44;border-bottom: 2px solid #009a44;}

.section4 .p_item li:last-child { border-bottom:none;}

.section4 .btn1 {width: 21%;margin:auto;}

.section4 .p2 {margin: 29% auto auto;width: 40%;text-align: center;padding-bottom: 2.5%;position: relative;}
.section4 .p2 .i01 {position:absolute;bottom:0;left: 37%;width: 26%;height:1px;border-bottom:2px solid #000;}
.section4 .p3 {margin: 3.5% auto auto;width: 40%;text-align: center;padding-bottom: 2.5%;color: #404040;}

.section4 .p_item2 {margin: 7.8% auto auto;width: 48%;display: flex;justify-content: space-between;}
.section4 .p_item2 li {width: 32.5%;height: calc(100vw * 400 / 1920);text-align: center;}
.section4 .p_item2 li.a1 {background:url(/assets/img/tab_a1.png) 0 0 no-repeat;background-size: contain;}
.section4 .p_item2 li.a2 {background:url(/assets/img/tab_a2.png) 0 0 no-repeat;background-size: contain;}
.section4 .p_item2 li.a3 {background:url(/assets/img/tab_a3.png) 0 0 no-repeat;background-size: contain;}
.section4 .p_item2 li .a1a {margin-top: 39%;font-size: 1.5vw;}
.section4 .p_item2 li .a1b {margin-top: 2%;font-size: 1.5vw; color:#009a44;font-weight: bold;}
.section4 .p_item2 li .a1c {margin-top: 17%;font-size: 1vw;line-height: 2;}

.section4 .btn2 {width: 44%;margin: 18% auto auto;display: flex;justify-content: space-between;}
.section4 .btn2 a:link, .section4 .btn2 a:visited {display:inline-block;margin:auto 15px;padding: 2.5% 0;width: 50%;}

.section5 {height: auto;margin-top: 2rem;padding-bottom: 3%;}
.section5 .p1 {padding: 2% 0 0.6%;text-align: center;font-size: 2.6vw;}
.section4 .p1 .i01 {position:absolute;bottom:0;left: 37%;width: 26%;height:1px;border-bottom:2px solid #000;}
.section5 .p2 {margin: auto;/* opacity: 0.5; */width: calc(100vw * 851 / 1920);}

.section5 h1 .i01 {position:absolute;bottom: -2vw;left: 44.8%;width: 10.4%;height:1px;border-bottom:2px solid #000;}

.footer {/* height: calc(100vw * 570 / 1859); */padding-bottom: 50px;}
.footer .p1 {padding: 1.6% 0 2.2%;text-align: center;font-size: 2.6vw;border-bottom:2px solid #000;display: inline-block;margin: auto;position: relative;left: 50%;transform: translateX(-50%);}

.footer .p2 {margin: 5% auto auto;display:flex;width: auto;justify-content: center; gap:5vw;}
.footer .p2 .a1 {border-right:1px solid #7f7f7f;width: 25vw;padding-right: 5vw;text-align: center;font-size: 14px;color:#333;line-height: 1.6;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end; gap:5vw; white-space: nowrap;}
.footer .p2 .a1 strong { font-weight:700;}
.footer .p2 .a1 img {margin-bottom: 6px;margin-left: 12%;display: block;height: auto;width: 100%;}
.footer .p2 .a2 {width: 25vw;display: flex;flex-direction: column;justify-content: space-between;}
.footer .p2 .a2 p {font-size: 0.8vw;line-height: 2;}
.footer .p2 .a2 p img {display: inline-block;width: auto;margin-right: 3px;vertical-align: baseline;}

.gotop {position:fixed;bottom:10%;right: calc(100vw * 180 / 1920);z-index: 9;width: calc(100vw * 68 / 1920);}
.goto.hide01 a:link, .goto.hide01 a:visited { display:none;}
.qicon01 {position:fixed;top: 40%;right:0;display:flex;width: 5.2vw;flex-direction: column;min-width: 80px; z-index:8;}

.qicon01 .a1 { position:relative; text-align:center; background:#78b82a; font-weight:bold; padding:18% 0; color:#333;}

.qicon01 img {width: 58%;margin:auto;display: block;padding-bottom: 10px;}
.qicon01 a:link, .qicon01 a:visited {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img//assets/css/trans.gif) 0 0 repeat;}

.popup_cookie {display: none;position: fixed;height:auto;background:#8f8f8f;color:#FFF;top: 0;width: 60%;padding: 15px 20%;z-index:2000;}
.popup_cookie p {position:relative;line-height: 1.4;padding: 0;text-align: left;color:#FFF;font-size: 12px;margin: auto;width: 100%;display: flex;flex-wrap: nowrap;align-items: center;gap: 10%;justify-content: center;letter-spacing: 1px;}
.popup_cookie .close_cookie {position:absolute;top: 5px;right: -60px;width: 30px;height: 30px;}
.popup_cookie .close_cookie:before {content:'';position:absolute;top: 15px;left:0;width:100%;height:1px;border-top: 2px solid #FFF;transform: rotate(-45deg);}
.popup_cookie .close_cookie:after {content:'';position:absolute;top: 15px;left:0;width: 100%;height:1px;border-top: 2px solid #FFF;transform: rotate(45deg);}

.popup_cookie p .link1:link, .popup_cookie p .link1:visited {display:inline-block;padding: 12px 10px;color:#fce501;text-decoration: none;border:1px solid #fce501;border-radius: 5px;width: 120px;text-align: center;letter-spacing: 1px;font-weight: 700;background:transparent;margin-right: 12px;}
.popup_cookie p .link1:hover { background:#fce501; color:#000;}
.popup_cookie p .link2:link, .popup_cookie p .link2:visited {display:inline-block;padding: 12px 10px;color:#000;text-decoration: none;border:1px solid #fce501;background:#fce501;border-radius: 5px;width: 120px;text-align: center;letter-spacing: 1px;font-weight: 700;}
.popup_cookie p .link2:hover { background:transparent; color:#fce501;}
.popup_cookie p .a02 {display: inline-block;min-width: fit-content;}

.loading img { width:auto;}
.align {
    display: flex;
    align-items: center;
    justify-content: center;
}

	
.pop-wechat-qrcode{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    display: none;
}

.qrcode-block{
    padding: 60px 0 20px 20px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.qrcode-block .artic{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.qrcode-block .artic .headline{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
	padding:0 20px;
	color:#009a44;
}
.qrcode-block .artic .subheadline{
    font-size: 16px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}

.qrcode-block .content{
    background-color: #f4f4f4;
}
.qrcode-block .content .left-img{
    width: 478px;
}

.qrcode-block .qr-img{
	width: 166px;
	margin: 15% 42px 15% 54px;
}

.qrcode-block .close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
}
.qrcode-block .close img{
    width: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:12%; margin-left:10%; width:90%;}
.swiper-pagination-bullet { width:12%; height:10px; border-radius:0; opacity:1; filter:Alpha(opacity:100); background:#333333;}
.swiper-pagination-bullet-active { background:#9ec664;}

/* homepage 20241017 */
.container1017 h1 {font-size:2.4vw;display: block;margin: 1vw auto;width: auto;position: relative;padding-bottom: 2.3vw;text-align: center;}
.container1017 h1 strong { font-weight:700;}
.container1017 h1 .i01 {position:absolute;bottom: 0;left: 44.8%;width: 10.4%;height:1px;border-bottom:2px solid #000;}

.section2new .bg_p {position:absolute;top: 0;right: 8%;width: 16.8%;}

.swiper2 {width: 79%;margin: 5vw auto 5.6vw;}
.swiper2 .swiper-slide {border-radius: 6px;overflow: hidden;cursor: pointer;box-shadow: 0px 10px 20px rgba(0,0,0,0.35);}
.swiper2 .swiper-slide * {transition: all 0.3s ease-in-out;}
.swiper2 .swiper-slide .i02 {position:absolute;top:0;left:0;width:100%;opacity: 0;filter:Alpha(opacity:0);}
.swiper2 .swiper-slide .a02 { position:absolute; bottom:0; left:0; width:100%; text-align: center; color:#FFF; line-height: 1.6; opacity: 0;filter:Alpha(opacity:0);}
.swiper2 .swiper-slide .a02 strong {font-size: 1.475vw;font-weight: 700;display: block;letter-spacing: 1px;}
.swiper2 .swiper-slide .a02 span {font-size:0.8vw;display: block;letter-spacing: 1px;}
.swiper2 .swiper-slide:hover .i01 { opacity: 0;filter:Alpha(opacity:0);}
.swiper2 .swiper-slide:hover .i02 { opacity: 1;filter:Alpha(opacity:100);}
.swiper2 .swiper-slide:hover .a02 { opacity: 1;filter:Alpha(opacity:100); bottom:1rem;}

.swiper2 .swiper-slide-active .i01 { opacity: 0;filter:Alpha(opacity:0);}
.swiper2 .swiper-slide-active .i02 { opacity: 1;filter:Alpha(opacity:100);}
.swiper2 .swiper-slide-active .a02 {opacity: 1;filter:Alpha(opacity:100);bottom:1rem;}	
.swiper2 .swiper-slide a:link, .swiper2 .swiper-slide a:visited { position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(255,255,255,0);}

.section2new .p1 {width: 360px;margin:auto;}

.section3new {margin-top: 5.2vw;}
.section3new .a1 {max-width: 1000px; margin:auto; position:relative;}
.section3new .a1 .p1 { width:100%;}
.section3new .a1 .p2 {position:absolute;top:40%;left: 10%;width: 60%;display:flex;align-items: center;gap: 6vw;}
.section3new .a1 .p2 img {width:calc(100vw * 29 / 1920);}
.section3new .a1 .p2 a:link, .section3new .a1 .p2 a:visited {color:#FFF;display:flex;align-items: center;gap: 12px;}

.section3new .a2 {width:calc(100vw * 486 / 1920);margin: 3vw auto;}
.section3new h1 {margin-top: -2vw;}
.section3new h1 .i01 {left: 30%;width: 40%;}

.section3new .a3 {width:calc(100vw * 1256 / 1920);margin: 5vw auto auto;position: relative;overflow: hidden;border-radius: 6px;}
.section3new .a3 .dealers {position:absolute;top:5%;left:0;width:100%;height: 90%;}
.section3new .a3 .dealers ul {position: absolute; width: 100%; height: 100%;display: flex;flex-wrap: nowrap;left: 0;}
.section3new .a3 li {position: absolute;top: 0;left: 0;display:flex;height: auto;width: max-content;white-space: nowrap;align-items: center;gap: 15px;background:rgba(255,255,255,0.5);padding: 5px 30px 5px 10px;border-radius: 20px;}
.section3new .a3 li strong {display:block;padding: 5px 15px;background:#00993f;border-radius:20px;color:#FFF;font-size: 0.8vw;font-weight: 700;}

.section3new .a4 {margin: 3.5vw auto 3vw auto;width: calc(100vw * 1130 / 1920); display: flex; justify-content: center;}
.section3new .a4 li {float:left;width: calc(29% - 4px);text-align: center;padding: 6px 2%;border-right:2px solid #000;}
.section3new .a4 li:last-child { border-right:none;}
.section3new .a4 li p {font-size: 2vw;color:#00993f;display:flex;justify-content: center;align-items: baseline;gap: 1%;}
.section3new .a4 li p strong {font-size: 3vw;font-weight:700;line-height: 1.4;}
.section3new .a4 li span {margin-top: -4%;display: block;}

.section4new {width:calc(100vw * 1256 / 1920);margin: auto;}
.section4new .swiper4 {overflow: hidden;width: 80%;margin: auto auto 5vw;}
.section4new .swiper-slide {display:flex;/* padding: 0 10.6%; */justify-content: space-between;/* width: 78.8%; */}
.section4new .a1 {padding-top: 2%;position: relative;width: calc(100vw * 488 / 1920);}
.section4new picture {width:calc(100vw * 488 / 1920);}
.section4new .a1 picture { width:auto;}
.section4new h2 {display:flex;justify-content: flex-start;}
.section4new .a1 h2 img {width:calc(100vw * 48 / 1920);margin-right: 10px;}
.section4new .copy1 {padding-top: 11%;margin-right: 10%;}

.section4new .blink1 {position:absolute;bottom: 10%;left:0;}
.section4new .swiper4 a:link, .section4new .swiper4 a:visited { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0);}

.section4new .swiper-button-prev, .section4new .swiper-button-next {top: 26%;color: #000;width: 3vw;height: 3vw;}
.section4new .swiper-button-next:after {content:'';width:100%;height:100%;border-top: 2px solid rgba(0,0,0,0.6);border-left: 2px solid rgba(0,0,0,0.6);transform: rotate(135deg);}
.section4new .swiper-button-prev:after {content:'';width:100%;height:100%;border-top: 2px solid rgba(0,0,0,0.6);border-left: 2px solid rgba(0,0,0,0.6);transform: rotate(-45deg);}

.section4new .p1 {width: 21vw;margin: auto auto 20px;min-width: 250px;}

.section5new .bg_p {position:absolute;top:0;left: 36%;transform:translateX(-50%);width:calc(100vw * 1035 / 1920);}
.section5new .p1 {position:relative;padding-top: 19.6vw;z-index:2;}
.section5new .video_box {position:relative;margin: 3.5vw auto auto;z-index:2;overflow: hidden;width:calc(100vw * 1256 / 1920);height: calc(100vw * 708 / 1920);}
.section5new .video_box video { width:100%; height:100%;}
.section5new .video_box_video { position:relative;}
.section5new .video_box_poster {position:absolute;top:0;left:0;width:100%;}
.section5new .p2 {position:relative;z-index:2;display: flex;width: calc(100vw * 1256 / 1920);justify-content: center;margin: 4vw auto auto;align-items: center;gap: 3vw;}
.section5new .p2 .yellow_btn1:link, .section5new .p2 .yellow_btn1:visited {padding: 1vw 3vw;margin: initial;}
.section5new .p2 .green_btn02b:link, .section5new .p2 .green_btn02b:visited {padding: 1vw 3vw;width: 250px;letter-spacing: 3px;}

.section3new .a5 { color:#666; text-align:center; padding-bottom:5vw; font-size:0.729vw;}
.section5new .p3 { color:#666; text-align:center; position: relative; padding:3vw 0 5vw 0; line-height:2; font-size:0.729vw;}

.section5 .p1 p {font-size: 1.6vw;padding: 4vw 0;}

.container1017 .footer h1 {margin: 1vw auto auto;padding-bottom: 0;}
.swiper-button-next, .swiper-button-prev { z-index: 8;}

.container1017 .yellow_btn1:hover {color:#FFF;background:#009a44;}


@media only screen and (max-width: 768px){
	.mobi { display:inline-block;}
	.pc {display: none!important;}
	
	/* .container,.main {margin-top: calc(100vw * 206 / 1125)!important;} */

	.header {position:fixed;padding: 15px 24px;width: calc(100% - 48px);display: flex;align-items: stretch;justify-content: space-between;z-index:999;}
	.header .logo_p1 {width: 52%;margin: auto;padding: 5px 0;}
	.head_menuA {width: 13%;border-right:1px solid #7fcca0;/* padding: 10px 0; */display: flex;align-items: center;}
	.head_menuA .a1 {position:relative;height: 14px;width: 24px;border-top:2px solid #019a4a;border-bottom:2px solid #019a4a;display: block;}
	.head_menuA .a1:after {content:'';position:absolute;top: calc(50% - 1px);left:0;width:100%;height:2px;background:#019a4a;}
	.join_btn01 {/* padding: 5px 0; */border-left:1px solid #7fcca0;width: 13%;display: flex;align-items: center;justify-content: flex-end;}

	.head_menuA .menu_p1 { display:none; position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.65);z-index: 11;}
	.head_menuA.on .menu_p1 { display:block;}
	
	.menu_p1 .menu_list {position: absolute;padding: 75px 0 50px; top:0; left:0; z-index: 11;width: 64%;height: calc(100% - 125px);display: flex;flex-direction: column;background: #FFF url(../img/mobi/menu_bg.jpg) 0 bottom no-repeat;background-size: 50% auto;justify-content: space-between; transition: all 0.35s ease-in;}
	.menu_p1 .menu_list .menu_list_a1 a:link, .menu_list .menu_list_a1 a:visited {display:block;padding:1rem 0;border-bottom: 1px solid #d6d6d6;color:#009a44;letter-spacing: 3px;width: 80%;margin: auto; text-align: center;}
	.menu_p1 .menu_join {padding: 0 10% 0;width: 80%;position: relative;z-index: 11;}
	.menu_p1 .menu_join a:link, .menu_p1 .menu_join a:visited {display:block;padding:1rem 0;text-align: center;color:#fce500;background:#009a44;border-radius: 5px;font-size:1rem;font-weight:700;letter-spacing: 3px;width: 100%;box-shadow: -3px 3px 13px rgba(0,0,0,0.35);}
	.menu_list .menu_list_a1 a.active {font-weight:bold;}
	
	.green_btn01:link, .green_btn01:visited {
		width: 30px;
		/* margin-left:35%; */
		border:none;
		padding: 0;
		font-size: 14px;
		line-height: 1.1;
		text-align: center;
		background: linear-gradient(to bottom, #78b82a 0%, #009a49 60%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		border-radius: 0;
		height: auto;
		text-align: center;
		}
	.green_btn01:hover { color:#009a44;
		background: linear-gradient(to bottom, #78b82a 0%, #009a49 60%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.green_btn02:link, .green_btn02:visited {width: calc(100% - 4px);border:none;padding: 1.2rem 0;font-size: 16px;line-height: 1.1;text-align: center;border: 2px solid #009a44;box-shadow: 3px 3px 16px rgba(0,0,0,0.35);font-size: 1rem;position: relative;z-index: 2;}
	.yellow_btn1:link, .yellow_btn1:visited {width: 100%;padding: 5% 0;font-size: 1rem;margin: 0;}
	.green_btn02b:link, .green_btn02b:visited {width: calc(100% - 4px);padding: 5% 0;font-size: 1rem;margin: 0;background: #FFF;}
	.green_btn02b:hover { color:#009a44;}

	.qicon01 {width: 60px;z-index: 9;min-width: auto;}
	.qicon01 .a1 { padding:6px 0; font-size:14px;}
	
	.qicon01 img { width:32px;padding-bottom: 5px;}
	.gotop {width: 44px;right: 10px!important;}

	.sections h1 {font-size: 32px;}
	.sections h2 {font-size: 30px;}
	.sections h3 {font-size: 16px;}

	.section1 .btn1 {width: 80%;left: 9%;top: 71%; right:auto;}
	.section2 {margin-top: -2.5rem;height: auto;}
	.section2 .p1 {font-size: 38px;border-bottom: none;}
	.section2 .p1:after {content:'';position:absolute;bottom: -0.4rem;background: #999;width: 50%;height: 2px;left: 25%;}

	.section2 .p2 {padding: 5.5rem 0 3rem 0;width: 82%;font-size: 20px;height: 5.5rem;}
	.section2 .p2 .a1 { top:4.3rem; border-top:8px solid #009a44;}
	.section2 .p2 .a1 span {background:url(/assets/img/mobi/icon2.jpg) 0 0 no-repeat;background-size:100% auto;width: 2.4rem;height: 2rem;top: -1.1rem;left: 7%;}
	.section2 .p2 .a2 {border-top:8px solid #009a44;bottom: 0px;height: 10px;border-bottom: none;}
	.section2 .p2 .a2 span {background:url(/assets/img/mobi/icon3.jpg) 0 0 no-repeat;background-size:100% auto;width: 2.4rem;height: 2rem;top: -0.8rem;right: 7%;}
	.section2 .p2 .a3 {font-size: 22px;line-height: 1.2;}
	.section2 .p2 .a3 strong {font-size:28px;font-weight: 700;}
	.section2 .p2 .a3 sup {font-size: 28px;}
	.section2 .p2 .p2b {font-size:12px;bottom: -4.5rem;}

	.section3 {margin-top: 3.5rem;height: auto;}
	.section3 .p0 {width: 62.8%;right: 0;top: 30.7rem;}
	.section3 .p1 {font-size: 38px;border-bottom: none;}
	.section3 .p1:after {content:'';position:absolute;bottom: -0.4rem;background: #999;width: 50%;height: 2px;left: 25%;}
	.section3 .p_item {width: 82%;top: 3.4rem;}
	.section3 .p_item li {width:100%;margin-bottom: 5%;}
	.section3 .p_item li i {right: 6%;}
	.section3 .p_item li span {font-size: 26px;font-weight: 700;}
	.section3 .btn1 {margin-top: 5.5rem;width: 82%;}

	.section4 {height: 110rem;background: none;background-size:100% auto;}
	.section4 .p1 {padding: 3rem 0 1rem 0;}
	.section4 h3 {margin-top: 1.3rem;}
	.section4 .p_item {width:84%;margin: 1.3rem auto 2rem auto;}
	.section4 .p_item li {font-size: 14px;border-bottom: 2px solid #999;}
	.section4 .p_item li a {padding: 16px 0;}
	.section4 .p_item li:before {top: 23px;right: 10px;width:10px;height:10px;border-right: 2px solid #999999;border-bottom: 2px solid #999999;}
	.section4 .btn1 {margin-top: 3.5rem;width: 82%;}
	.section4 .p2 {margin: 0rem auto auto;width: 80%;}
	.section4 .p2 .i01 {width: 20%;left: 40%;border-bottom: 2px solid #999;bottom: -0.7rem;}

	.section4 .p3 {margin-top: 2.6rem;padding: 0;width: 80%;font-size: 28px;}

	.section4 .p_item2 {margin-top: 12rem;width: 84%;display: flex;flex-direction: column;}
	.section4 .p_item2 li {width:100%;height: calc(100vw * 382 / 1125);position: relative;margin-bottom: 1.7rem;}

	.section4 .p_item2 li.a1 {background:url(/assets/img/mobi/tab_a1.png) 0 0 no-repeat;background-size:contain;}
	.section4 .p_item2 li.a2 {background:url(/assets/img/mobi/tab_a2.png) 0 0 no-repeat;background-size:contain;}
	.section4 .p_item2 li.a3 {background:url(/assets/img/mobi/tab_a3.png) 0 0 no-repeat;background-size: contain;}

	.section4 .p_item2 li .a1a {width: 62%;font-size:20px;margin-top: calc(100vw * 76 / 1125);text-align: right;float: left;}
	.section4 .p_item2 li .a1b {width: 36%;font-size:20px;font-weight:700;float: right;margin-top: calc(100vw * 76 / 1125);text-align: left;}
	.section4 .p_item2 li .a1c {width:100%;font-size: 14px;margin-top: calc(100vw * 215 / 1125);clear: both;text-align: center;}

	.section4 .btn2 {width: 82%;display: block;margin: 4.4rem auto auto;}
	.section4 .btn2 a:link, .section4 .btn2 a:visited {display:block;width: calc(100% - 4px);margin: auto auto 1rem;padding: 16px 0;}

	.section5 {height:auto;padding-bottom: 0;}
	.section5 .p1 {margin: 6.3rem auto 2.5rem;}
	.section5 h1 .i01 {bottom: -1.3rem;border-bottom: 2px solid #999;left: 41%;width: 18%;}

	.footer {height:auto;background:url(/assets/img/mobi/p_19.jpg) 0 bottom no-repeat;background-size: 42% auto;padding-bottom: 100px;}
	.footer .p1 {padding: 4rem 0 1rem;border-bottom: none;}
	.footer h1:after {content:'';position:absolute;bottom: -1rem;left: 26%;width: 48%;height:2px;background:#999;}

	.footer .p2 {display:block;margin-top: 3.7rem;width: 100%;position: relative;}
	.footer .p2 .a1b {width: 82%;margin: auto auto 3rem auto;display: block; font-size:14px;}
	.footer .p2 .a1b1 {padding: 0 20px 0 15px;height: 3.3rem;border: 1px solid #999;line-height: 3.3rem;background: url(/assets/img/mobi/search.jpg) right 10px no-repeat;background-size: 30px;}
	.footer .p2 .a1b1 strong { font-weight:700;}
	
	.footer .p2 .a1b2 {width: 48%;display: flex;text-align: center;flex-direction: column;margin: 3.8rem auto auto;}
	.footer .p2 .a1b2 strong { display:block; font-weight:700;}
	.footer .p2 .a1b2 img {margin-left: 12%;}
	.footer .p2 .a1b2:last-child { margin-top:2.5rem;}
	.footer .p2 .a2 {width: 100%;}
	.footer .p2 .a2 h3 {font-size: 28px;text-align: center;width: 82%;margin: auto;display: block;}
	.footer .p2 .a2 h3 a:link, .footer .p2 .a2 h3 a:visited {display:block;width:100%;padding: 10px 0;height:30px;margin-top: 1.6rem;line-height: 30px;border: 1px solid #999;font-size: 20px;font-weight: 700;}
	.footer .p2 .a2 h3 a:hover { color:#333;}

	.footer .p2 .a2 h3 img {width:30px;margin-right: 6px;margin-top: -6px;}
	.footer .p2 .a2 p {font-size: 12px;margin-top: 3rem;text-align: center;letter-spacing: 0px;}

	.footer .p2 .a2 p img { display:none;}


	.popup_cookie {width: 88%;padding: 15px 6%;}
	.popup_cookie p {display: flex;flex-direction: column;gap: 16px;align-items: flex-start;}
	.popup_cookie .close_cookie {top: 5px;right: 0px;width: 30px;height: 30px;}
	.popup_cookie .close_cookie:before {top: 15px;left:0;}
	.popup_cookie .close_cookie:after {top: 15px;left:0;}
	
	.popup_cookie p .link1:link, .popup_cookie p .link1:visited {margin-right: 0;width: 50%;padding: 10px 0;}
	.popup_cookie p .link2:link, .popup_cookie p .link2:visited {width: 50%;padding: 10px 0;}
	.popup_cookie p .a01 {min-width: auto;width: calc(100% - 40px);text-align: justify;}
	.popup_cookie p .a02 {min-width: auto;width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 12px;}

	.pop-wechat-qrcode { width:100%;}
	.qrcode-block .content .left-img { width:50%;}
	.qrcode-block .artic { width:50%;}
	.qrcode-block .qr-img { width:50%; margin:10% auto;}

	.section4 .p2_a1 {background:url(/assets/img/mobi/p_09.jpg) 0 top no-repeat;background-size:100% auto;padding-top: 20rem;}

	.section2 .p0 {font-size:14px;margin-top: 0.5rem;}
	.section2 .p0 strong { font-size:16px;}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:15%; margin-left:0%; width:100%;}
	.swiper-pagination-bullet { width:25%; height:6px;}


	.swiper2 {padding-bottom: 3rem;margin: 4rem auto 1rem;}
	.swiper2 .swiper-slide { transform:scale(0.9);transition: all .5s ease-in-out; background:#000;}
	.swiper2 .swiper-slide .i01 {opacity:0.5; filter:Alpha(opacity:50);}
	.swiper2 .swiper-slide:hover .i01 { opacity: 0.5;filter:Alpha(opacity:50);}
	.swiper2 .swiper-slide:hover .i02 { opacity: 0;filter:Alpha(opacity:0);}
	.swiper2 .swiper-slide:hover .a02 {opacity: 0;filter: Alpha(opacity:0);bottom:0;}
	
	.swiper2 .swiper-slide-active { transform:scale(1);}
	.swiper2 .swiper-slide-active .i01 {opacity:1!important; filter:Alpha(opacity:100)!important;}
	.swiper2 .swiper-slide-active .i02 {opacity:0!important; filter:Alpha(opacity:0)!important;}
	.swiper2 .swiper-slide .a02 strong { font-size:24px;}
	.swiper2 .swiper-slide .a02 span { font-size:14px;}
	.swiper2 .swiper-slide .a02 { bottom:0;}
	.swiper2 .swiper-slide-active .a02 { bottom:1rem;}


	.swiper2 .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 5rem;width: 70%;left: 15%;}
	.section2new .p1 { width:80%;}

	.section3new .a1 .p2 {width:80%;display: flex;justify-content: space-between;}
	.section3new .a1 .p2 img {width: 24px;}

	.section3new .a2 {width:100%;margin-top: 3rem;}
	.section3new h1 {margin-top: -6rem;font-weight: 700;margin-bottom: 1rem;padding-bottom: 4rem;}
	.section3new h1 .i01 {width:20%;left: 40%;}
	
	.section3new .a3 {width:100%;margin-top: 2rem;}

	.section3new .a3 p strong {font-size: 12px;padding: 5px 10px;}

	.section3new .a4 {width: 80%;border-radius: 4rem;background:#FFF;margin: -4rem auto 2rem;position: relative;padding: 2rem 10%; flex-direction: column;}
	.section3new .a4 li {width:96%;text-align: left;display: flex; border-bottom: 2px solid #000;border-right: none;margin-bottom: 0.8rem; align-items: center;}
	.section3new .a4 li p {font-size: 20px;width: 40%;display: flex;justify-content: flex-start;}
	.section3new .a4 li p strong {font-size: 32px;}
	.section3new .a4 li span { margin-top:0;}

	.section4new { width:100%;}
	.section4new .swiper4 { width:100%;}
	.section4new .a1 {position:absolute;left:10%;bottom:1rem;color:#FFF;width: 80%;}

	.section4new .a1 h2 img {width: 39px;}
	.section4new .copy1 {padding-top: 0.8rem;font-size: 12px;margin-right: auto;}
	.section4new .blink1 {position:relative;bottom:auto;left:auto;margin-top: 1rem;}
	.section4new .blink1 a:link, .section4new .blink1 a:visited {color:#FFF; font-size:14px;}
	.section4new .p1 { width:80%;}

	.section5new .bg_p {width:100%;top: 3rem;left: 50%;}
	.section5new .p1 {padding-top: 14rem;}
	.section5new .p1 h1 {font-weight:700;padding-bottom: 2rem;margin: auto;}
	.section5new .p1 h1 strong { display:block;}
	.container1017 .section5new h1 .i01 {width:16%;left: 42%;}

	.section5new { z-index: 9;}
	.section5new .video_box {width:100%;margin: 7rem auto auto;/* z-index: 12; */height:auto;overflow: visible;}

	.section5new .video_box .video_box_video {position: absolute;top: 0;left:0;/* z-index: 2; */background: rgba(0,0,0,1);width: 100%;height: 100%;}
	.section5new .video_box_poster {position:relative;z-index: 3;}
	.section5new .video_box .video_box_video video {width: 100%;height: 100%;/* margin-left: -1%; *//* position:fixed; *//* top: 0; *//* left:0; */}
	.section5new .video_box .video_box_video .close_video {position:absolute;top: -2.8rem;right: 8px;width: 2.4rem;z-index: 12;display: none;}

	.section5new .p2 {width:80%;display: flex;flex-direction: column-reverse;margin: 2rem auto auto;gap: 2rem;}

	.section5new .p2 .yellow_btn1:link, .section5new .p2 .yellow_btn1:visited { padding:5% 0;}
	.section5new .p2 .green_btn02b:link, .section5new .p2 .green_btn02b:visited {padding:5% 0;width: 100%;}

	.section5 .p1 p {font-size: 22px;padding: 4rem 0 2rem;}
	.section5 .p2 { width:100%;}

	.section4new .swiper-button-prev, .section4new .swiper-button-next {top: 43%;width: 1.5rem;height: 1.5rem;}
	.section4new .swiper-button-prev:after { border-color:#FFF!important;}
	.section4new .swiper-button-next:after { border-color:#FFF!important;}
	.section4new .swiper-button-prev {left: 6%;}
	.section4new .swiper-button-next {right: 6%;}

	.section3new .a3 .dealers {top:0;left:0;height: 95%;overflow: hidden;}
	.section3new .a3 li {font-size: 12px;padding: 5px 10px;gap:5px;left: 10px;width: auto;will-change:transform;}

	.section2new .bg_p {top: 3.6rem;right:-1px;width:100%;}
	.section3new { margin-top:3rem;}

	.section4new picture {width: 100%;}
	.section3new .a5 { padding-bottom:3rem; font-size:13px; width:80%; margin:-2rem auto auto; line-height:1.6;}
	.section5new .p3 { padding:2rem 0; font-size:13px; width:80%; margin:auto;}
	.section3new .a3 li strong { font-size:10px;}
}

@media only screen and (max-width: 375px){
	.section4 {height: 108rem;}
	.section4 .p2 {/* margin: 20.7rem auto auto; */}
}
@media only screen and (max-width: 320px){
	.section4 {height: auto;/* margin-bottom: 6rem; */}
	.section4 .p2 {/* margin: 21rem auto auto; */}
	.section4 .p_item2 { margin-top:8rem;}
	.section4 .p3 { margin-top:1.6rem;}
	.footer .p2 .a1b1 {padding: 0 5px;}
	.section4 .p2_a1 {padding-top: 17rem;}
}