@font-face {
    font-family: "NotoSans-Regular";
    src: url("/assets/fonts/NotoSans-Regular.eot");
    src:  url("/assets/fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"),
            url("/assets/fonts/NotoSans-Regular.woff2") format("woff2"), 
            url("/assets/fonts/NotoSans-Regular.woff") format("woff"), 
            url("/assets/fonts/NotoSans-Regular.ttf")  format("truetype"), 
          url("/assets/fonts/NotoSans-Regular.svg#Helvetica") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NotoSans-Bold";
    src: url("/assets/fonts/NotoSans-Bold.eot");
    src:  url("/assets/fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"),
            url("/assets/fonts/NotoSans-Bold.woff2") format("woff2"), 
            url("/assets/fonts/NotoSans-Bold.woff") format("woff"), 
            url("/assets/fonts/NotoSans-Bold.ttf")  format("truetype"), 
          url("/assets/fonts/NotoSans-Bold.svg#Helvetica") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NotoSans-BoldItalic";
    src: url("/assets/fonts/NotoSans-BoldItalic.eot");
    src:  url("/assets/fonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"),
            url("/assets/fonts/NotoSans-BoldItalic.woff2") format("woff2"), 
            url("/assets/fonts/NotoSans-BoldItalic.woff") format("woff"), 
            url("/assets/fonts/NotoSans-BoldItalic.ttf")  format("truetype"), 
          url("/assets/fonts/NotoSans-BoldItalic.svg#Helvetica") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NotoSans-Italic";
    src: url("/assets/fonts/NotoSans-Italic.eot");
    src:  url("/assets/fonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"),
            url("/assets/fonts/NotoSans-Italic.woff2") format("woff2"), 
            url("/assets/fonts/NotoSans-Italic.woff") format("woff"), 
            url("/assets/fonts/NotoSans-Italic.ttf")  format("truetype"), 
          url("/assets/fonts/NotoSans-Italic.svg#Helvetica") format("svg");
    font-weight: normal;
    font-style: normal;
}

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:NotoSans-Regular;font-size:16px;width:100%;color:#FFF;background-color:#333;letter-spacing:1.5px}
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{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}

/*loading*/
.loadPage{position:fixed;left: calc(50% - 100px);top: 12%;width: 200px;height: 30px;background:url(../img/trans.gif) repeat;z-index:99999;display: none;}
.loadPage .loadimg{position: absolute;width: 68px;/* margin:200px auto; */height: 68px;top: 15%;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:NotoSans-Regular,arial,sans;margin:0 auto;position:relative;overflow:hidden;height:100%}
a:link, a:visited{color:#FFF;text-decoration: none;}
a:hover { color:#FFF;}

img{width:100%;vertical-align:middle;}
.pc{display:inline-block;}
.mobi{display:none;}
.sections{position: relative;width: 100%;/* height: auto; *//* overflow: hidden; */}
.center{text-align:center}
.abso{position:absolute}
.swiper-container{width:100%;height:100%;overflow: hidden;}
.bg{height:100%;width:100%;position: relative;background:url(../img/trans.gif) center center / cover no-repeat;}

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

.wrap {/* position:relative; */width:100%;overflow: hidden;}
.header {position: fixed;top: 0;left: 0;width: 90%;padding: 20px 5%;z-index: 9;background: linear-gradient(180deg,#000 30%,transparent);transition: all 0.3s linear;}
.header .p1 {width: auto;}
.header .p1 p {display: flex;align-items: center;gap: 2rem;}
.header .p1 .p1a {width: calc(100vw * 200 / 1920);}
.header .p1 .p1b {height: 44px;padding-top: 0.6rem;}
.header .p1 .p1b a:link, .header .p1 .p1b a:visited{text-decoration: none;position:relative;overflow: hidden;display: flex;height: 100%;align-items: center;padding: 0 20px;border-radius: 6px;transition: all .2s linear;}
.header .p1 .p1b a:hover { background:rgba(17,24,29,1);}

.header .p1 .p1c { display:none;}
.header .p1 .p1d { display:none;}
/* .header .logo_p1 a img {transition: all 2s ease-in-out 0s;} */
.header .p2 {width: auto;position:absolute;top: 20px;right: 5%;white-space: nowrap;}
.header .p2 a:link, .header .p2 a:visited {display:flex;gap: 10px;height: 44px;align-items: center;padding: 0 20px;border-radius: 6px;transition: all .2s linear;}
.header .p2 a img { width:calc(100vw * 22 / 1920);}
.header .p2 a:link .a2, .header .p2 a:visited .a2{text-decoration: none;position:relative;overflow: hidden;display: flex;height: 30px;align-items: center;}
.header .p2 a:hover {background: rgba(17,24,29,0.5);color:#FFF;}

.header .w01 { display: inline;}
.header .blue01 {display: none;}
.header.wBg01 {background: linear-gradient(180deg,#FFF 100%,transparent);}
.header.wBg01 .p1 p.p1b { display: none;}
.header.wBg01 .w01 { display:none;}
.header.wBg01 .blue01 {display:inline;}
.header.wBg01 .p2 a:link .a2, .header.wBg01 .p2 a:visited .a2{color:#284f9a;}
.header.wBg01 .p2 a:hover {background:rgb(37,80,154,0.8);}
.header.wBg01 .p2 a:hover .a2 {color:#FFF;}

.top_nav {position:fixed;top:0;right:0;width: 60px;height:70vh;padding-top:30vh;z-index:8;display: flex;background: rgba(0,0,0,0.2);justify-content: center;align-items: center;flex-direction: column;gap: 1.5rem;}
.top_nav:after {content:'';position:absolute;top:0;left:5px;width: calc(100% - 5px);height:100%;background: rgba(0,0,0,0.1);}
.top_nav a:link, .top_nav a:visited {position:relative;z-index:2;display: flex;flex-direction: column;align-items: center;gap: 10px;color: #fce500;font-size: 14px;}

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

.red_btn1:link,.red_btn1:visited {display:block;color:#FFF;background:#d11f2c;padding: 10px;font-size: 16px;font-weight: 700;border-radius: 4px;/* height: 40px; *//* line-height: 40px; */transition: all 0.15s ease-in;width: 200px;margin: auto;text-align: center;letter-spacing: 0px;box-shadow: 3px 3px 16px rgba(0,0,0,0.5);}
.red_btn1:hover {background:#FFF;color:#d11f2c;}

.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;}
.sections .copy1 { display:none;}
/*.sections .video_p1 { display:none;}*/
.section1 .video_p1 {position:absolute;top: 50.6%;left: 49.4%;width: 2.1%;}

.sections .canvas { display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.sections canvas {width:100%;position: absolute;left: 0;top: 0;}
.sections .shadow_top {position:absolute;top:0;left:0;width:100%;height: 10%;background: linear-gradient(180deg,#010c34 0%,transparent 100%);}
.sections .shadow_bom {position:absolute;bottom:0;left:0;width:100%;height:10%;background: linear-gradient(0deg,#010c34 0%,transparent 100%);}
.sections .img_p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
.section1 .img_p1 .p1a {position:absolute;top: 27%;left: 36.5%;width: 26.9%;}
.section1 .img_p1 .p1b {position:absolute;bottom:5%;left:32%;width:36%;}
.section1 .img_p1 .p1c {position:absolute;bottom:0;left:0;width:100%;}

.section2 .video_p1 {position:absolute;top: 59%;left: 11.3%;width: 2.1%;}
.section2 .p1a {position:absolute;top: 61%;left: 11.5%;width: 25.2%;}

.section3 .video_p1 {position:absolute;top: 80%;right: 10%;width: 2.1%;}
.section4 .video_p1 {position:absolute;top: 46%;right: 11%;width: 2.1%;}
.section5 .video_p1 {position:absolute;top: 80%;right: 10%;width: 2.1%;}

.section4 .p1 {position:absolute;top: 55.4%;right: 10%;width: 21%; padding:1.4% 1.6%; border-radius:8px; background:#00205b; max-width: 350px;}
.section4 .p1 p { font-size:1.125vw; text-align:center; padding-bottom:2%;font-weight:500;font-style: italic;}
.section4 .p1 a:link, .section4 .p1 a:visited { position:relative; display:block; margin-top:4%; width:100%;background-color:#FFF; background-repeat: no-repeat; background-size:auto 56%; background-position:5% center; text-indent: 21%; padding:10px 0; border-radius:8px;transition: all 0.15s ease-in; color:#000; font-size:15px; font-weight:500;letter-spacing:0.5px;}
.section4 .p1 .a1:link, .section4 .p1 .a1:visited { background-image:url(../img/0609/auto.png); background-size:auto 34%;}
.section4 .p1 .a2:link, .section4 .p1 .a2:visited {background-image:url(../img/0609/size.png); background-position:7% center;}
.section4 .p1 a:hover { background-color:#eee;}
.section4 .p1 a::before{ position:absolute; content:''; width:20%; height:100%; top:0; right:0; background:url(../img/0609/arrow.png) center no-repeat; background-size:auto 76%;}

.section8 .yellow_btn1 {position:absolute;top: 56.6%;left: 47.5%;width: 11%;letter-spacing: 2px;}
/*
.section1 { min-height: calc(100vw * 1070 / 1920);}
.section2 { min-height: calc(100vw * 1070 / 1920);}
.section3a { min-height: calc(100vw * 257 / 1920);}
.section3 { min-height: calc(100vw * 250 / 1920);}
.section4 { min-height: calc(100vw * 520 / 1920);}
.section5 { min-height: calc(100vw * 1068 / 1920);}
.section6 { min-height: calc(100vw * 1068 / 1920);}

.section7 { min-height: calc(100vw * 620 / 1920);}
.section8 { min-height: calc(100vw * 775 / 1920);}
*/
.video_pop {position: fixed;top: 0%;left: -9999px;width: 100%;height: 100%;border: none;background: rgba(0,0,0,0.9);z-index:11;}
.video_pop .video_c1 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: calc(94% - 58px); max-width:1280px; height: 90%;}
.video_pop .video_c1 video {width:100%;height:100%;}

.video_pop .video_close {position:absolute;top: 0;right: -58px;}
.video_pop .video_close a:link, .video_pop .video_close a:visited {display:block;width: 48px;height: 48px;background:url(../img/close2.png) center no-repeat;background-size: 100% auto;padding: 5px;}


.s7_sliders {position:absolute;width: auto;top: 36%;left: 50%;height: calc(100vw * 238 / 1920);display: flex;transform:translateX(-50%);}
.s7_sliders li {/* float:left; */width: auto;height: 100%;position:relative;}
.s7_sliders li .b0 {position:relative;top:0;left:0;width: 6rem;height:100%;z-index: 3;cursor: pointer;}
.s7_sliders li .b0 img {position:absolute;top: 75%;left: 50%;width:48px;transition: all .3s linear;transform:translateX(-50%);}
.s7_sliders li .b0 span { position:absolute;top:0; left:0; width:100%; height:100%;}
.s7_sliders li:nth-child(1) .b0 span { background:#27509b;}
.s7_sliders li:nth-child(2) .b0 span { background:#3a61a6;}
.s7_sliders li:nth-child(3) .b0 span { background:#6182ba;}
.s7_sliders li:nth-child(4) .b0 span { background:#88a5d0;}
.s7_sliders li .b1 {width:6rem;height:100%;position:relative;top: -100%;left:0;z-index:1; overflow:hidden;}
.s7_sliders li .b1 img {width: 60vw;}
.s7_sliders li .b1 a:link, .s7_sliders li .b1 a:visited {position:absolute;bottom: 10%;right: 5%;}
.s7_sliders li:nth-child(1) .b0 img {top: 79%;}
.s7_sliders li:nth-child(2) .b0 img {top: 77%;}
.s7_sliders li:nth-child(3) .b0 img {top: 76%;}
.s7_sliders li:nth-child(4) .b0 img {top: 73%; width:36px;}

 .s7_sliders .on .b0 span { opacity:0.75; filter:Alpha(opacity:75);}
.s7_sliders .on .b0 img {top: 15%!important;}
/*.s7_sliders .on .b1 { width:100%;} */

.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,0.6);
    z-index: 9999;
    display: none;
}

.qrcode-block{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.qrcode-block .artic{
  /* height: 100%; */
  /* display: flex; */
  /* flex-direction: column; */
  width: 160px;
  height: 160px;
  padding: 20px;
  position: absolute;
  bottom: 79px;
  right: 39px;
  background: #FFF;
  border-radius: 50%;
  /* overflow: hidden; */
  border: 2px solid #FFF;
}
.qrcode-block .artic .headline{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
	padding: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; */
    position: relative;
    width: 478px;
}
.qrcode-block .content .left-img{
    width: 478px;
}

.qrcode-block .qr-img{/* width: 100%; *//* margin: 10px; */}

.qrcode-block .close{
    position: absolute;
    top: -40px;
    right: -40px;
    width: 40px;
    z-index: 9;
}
.qrcode-block .close img{
    width: 100%;
}

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

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

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

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

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

.qrcode-block-bike .close{ position: absolute; top: 10px; right: 10px; width:40px;}
.qrcode-block-bike .close img{ width: 100%;}

/* popup cookie for homepage */
.popup_cookie {display: none;position: fixed;background:#333;top: 0;width: 100%;z-index: 10;opacity: 1;height: 48px;overflow: hidden;}
.popup_cookie p { position:relative;line-height: 1.4; padding:15px 40px 15px; text-align: left; color:#FFF; font-size: 12px; margin: auto; width: fit-content;}
.popup_cookie .close_cookie { position:absolute; top:0; right:0; width:40px; height:40px;}
.popup_cookie .close_cookie img {width:100%;}
.popup_cookie p .link1:link, .popup_cookie p .link1:visited { color:#FFF; text-decoration: underline;}

.footer {background:#FFF;position: relative;z-index: 8;}
.net{width:100%;height:75px;background: #284c9b;}
.net .wrapper{max-width:1400px;margin:0 auto;height:100%;justify-content:space-between;color:#fff;font-size:14px;padding-left:24px;padding-right:24px}
.net .wrapper a{color:#fff}
.net .wrapper a:hover{text-decoration:underline}
.record{height: 50px;font-size: 12px;background: #FFF;}
.record img { width:auto;}
.record a:link, .record a:visited { color:#333;}
.record a:hover{text-decoration:underline}

@media only screen and (max-width: 1024px){
	.mobi { display:inline-block;}
	.pc {display: none!important;}
	
	.popup_cookie p {padding: 36px 20px 10px;}

	.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;}
	
	.net .wrapper{flex-direction:column;padding:0;font-size:12px}
	.net{padding:20px 0}
	.record{height:60px}
	.record a{font-size:12px}
	.net{ padding:22px 0; height: 60px;}

    .popup_cookie {height: 115px;}
    .top_nav {
		top:-22vh;
		height:75vh;
		padding-top:38vh;
        width: 44px;
        object-fit: cover;
        object-position: left top;
        -webkit-mask: left top / contain;
        mask: center top / contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100vw 100vh;
        mask-size: 100vw 100vh;
        -webkit-mask-position: left top;
        mask-position: left top;
        -webkit-mask-image: linear-gradient(154deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 80%);
        mask-image: linear-gradient(154deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 80%);
        mix-blend-mode:normal;
    }
    .header .p1 p.p1a {position:relative;left:50%;transform: translateX(-50%);width: calc(100vw * 320 / 750);z-index: 8;}
    .header .p1 p.p1b {display: flex;position: fixed;flex-direction: column;height: calc(100vh - 10px);gap: 0;align-items: flex-start;left: -100vw;width: 100vw;background: #FFF;padding-top: 10px;transition: left 0.3s linear;}
    .header .p2 a:link .a2, .header .p2 a:visited .a2 { display:none;}
    .header .p2 a img { width:calc(100vw * 34 / 750);}

    .header .p2 { top:50%;transform: translateY(-50%); right:0;}

    .header .p1 .p1c {display:block;position:absolute;top: 50%;left: 5%;width: 24px;height: 2px;transform: translateY(-50%);}
    .header .p1 .p1c .brandsite_navi {position:absolute;top:0;left:0;width: 100%;height: 2px;background:#FFF;}
    .header .p1 .p1c .brandsite_navi:before {content:"";position:absolute;top: -6px;left:0;width: 100%;height:2px;background:#FFF;}
    .header .p1 .p1c .brandsite_navi:after {content:"";position:absolute;bottom: -6px;left:0;width: 100%;height:2px;background:#FFF;}

    .header.wBg01 .p1 .p1c .brandsite_navi {background:#25509a;}
    .header.wBg01 .p1 .p1c .brandsite_navi:before {background:#25509a;}
    .header.wBg01 .p1 .p1c .brandsite_navi:after {background:#25509a;}

    .header.wBg01 .p1 p.p1b { display:flex;}

	.header { padding:15px 5%;}
    .header.active {background: linear-gradient(180deg,#FFF 100%,transparent);}
    .header.active .p1 p.p1b {left: 0;}
    .header.active .w01 { display:none;}
    .header.active .blue01 {display:inline;}
    .header.active .p2 a:link .a2, .header.active .p2 a:visited .a2{color:#284f9a;}
    .header.active .p1 .p1c { display:none;}
    .header.active .p2 { display:none;}
    .header.active .p1 .p1d {position:absolute;top:20px;right: 3%;display: block;}
    .nav_close:link,.nav_close:visited { display:block; width:36px; height:36px; background:url(../img/close2.png) 0 0 no-repeat; background-size:100% auto;}

    .header .p1 .p1b a:link, .header .p1 .p1b a:visited { position:relative; color:#27509b;height: 60px; line-height:60px;padding: 0 30px;width: calc(100vw - 60px);border-bottom: 1px solid #e8e8e8;}
    .header .p1 .p1b a::after {content: "";position: absolute;width: 10px;height: 10px;top:calc(50% - 5px);transform: translateY(-50%);right: 30px;background: transparent;border-right: 2px solid #27509b;border-bottom: 2px solid #27509b;transform: rotate(-45deg);}

    /* .section1 { height:calc(100vw * 1360 / 750);} */
    .section1 .img_p1 .p1a { display:none;}
    .section1 .img_p1 .p1b {width:calc(100vw * 543 / 750);left: 50%;transform: translateX(-50%); bottom:3%;}
    .section1 .video_p1 {width: 8%;left: 46%;top: 69%;}

    .section2 .video_p1 {width: 8%;left: 46%;top: 31%;}
    .section3 .video_p1 {width: 8%;left: 46%;top: 20%;/* bottom: 12%; */}
    .section4 .video_p1 {width: 8%;left: 46%;top: 27%;/* bottom: 12%; */}
    .section5 .video_p1 {width: 8%;left: 46%;top: 25%;/* bottom: 12%; */}
	
	.section4 .p1 { width:calc(78% - 3.2rem); right:11%; top:68%; padding:1.6rem; max-width:none;}
	.section4 .p1 p { font-size:16px;}
	.section4 .p1 a:link, .section4 .p1 a:visited { font-size:15px; background-position: 7% center;text-indent: 23%;background-size: auto 54%;}
	.section4 .p1 .a1:link, .section4 .p1 .a1:visited {background-size: auto 34%;}
	.section4 .p1 .a2:link, .section4 .p1 .a2:visited { background-position: 9.4% center;}
	.section4 .p1 a::before { background-size: auto 64%;}

    .section8 .yellow_btn1 {width: 60%;left: 18%;top: 60.1%;font-size: 14px;}

    .s7_sliders {width: 92%;height:auto;display: flex;flex-direction: column; top:24%;}
    .s7_sliders li {width:100%;height:auto;min-height: 50px;}
    .s7_sliders li .b0 {width:100%;height: 50px;position: absolute;}
    .s7_sliders li .b0 img {left:10%;top:50%;width:calc(100vw * 75 / 750);transform:translate(0,-50%);}
	
	.s7_sliders li:nth-child(1) .b0 img {top: 50%;}
	.s7_sliders li:nth-child(2) .b0 img {top: 50%;}
	.s7_sliders li:nth-child(3) .b0 img {top: 50%;}
	.s7_sliders li:nth-child(4) .b0 img {top: 50%; width:28px;}

    .s7_sliders .on .b0 img { top:50%!important;}
	

    .s7_sliders li .b1 {width:100%;top: 0;height: 50px;}
    .s7_sliders li .b1 img {width:100%;}

    .s7_sliders li .b1 a:link, .s7_sliders li .b1 a:visited {right:auto;left:50%;transform: translateX(-50%);font-size: 14px;bottom: 5%;}

    .video_pop .video_c1 {width: 100%; max-width:none;}
    .video_pop .video_close {right: 10px;}
    .video_pop .video_close a:link, .video_pop .video_close a:visited { width:32px; height:32px; padding:0;}
    .top_nav a:link, .top_nav a:visited {font-size: 12px;}
/*
    .section1 { min-height: calc(100vw * 1070 / 750);}
    .section2 { min-height: calc(100vw * 1360 / 750);}
	.section3a { min-height: calc(100vw * 283 / 750);}
    .section3 { min-height: calc(100vw * 1277 / 750);}
    .section4 { min-height: calc(100vw * 1170 / 750);}
    .section5 { min-height: calc(100vw * 1248 / 750);}
    .section6 { min-height: calc(100vw * 1176 / 750);}

    .section7 { min-height: calc(100vw * 1293 / 750);}
    .section8 { min-height: calc(100vw * 1766 / 750);}
	
*/	
	.section1 .img_p1 .p1c { bottom:0;}
}

@media only screen and (max-width: 375px){
	
}
@media only screen and (max-width: 320px){
	
}