/* CSS Document */
*{ box-sizing:border-box; font-family:sans-serif; font-size:1rem; color:#000; }
html, body { margin:0; background:#fff; width: 100%; height: 100%; }
a { color:#000; text-decoration:none; cursor:pointer; }
a:hover { color:#999; text-decoration:none; }
img { border:0; max-width:100%; }
form, ul { margin:0; padding:0; }
li { list-style:none; }
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; float: left; }
.col-1 { width: 8.3333333333%; }
.col-2 { width: 16.6666666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333333333%; }
.col-5 { width: 41.6666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333333333%; }
.col-8 { width: 66.6666666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333333333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100%; }
.col-offset-0 {
margin-left: 0;
}
.col-offset-1 {
margin-left: 8.3333333333%;
}
.col-offset-2 {
margin-left: 16.6666666667%;
}
.col-offset-3 {
margin-left: 25%;
}
.col-offset-4 {
margin-left: 33.3333333333%;
}
.col-offset-5 {
margin-left: 41.6666666667%;
}
.col-offset-6 {
margin-left: 50%;
}
.col-offset-7 {
margin-left: 58.3333333333%;
}
.col-offset-8 {
margin-left: 66.6666666667%;
}
.col-offset-9 {
margin-left: 75%;
}
.col-offset-10 {
margin-left: 83.3333333333%;
}
.col-offset-11 {
margin-left: 91.6666666667%;
}
.col-offset-12 {
margin-left: 100%;
}
.col-offset-0-5 {
margin-left: 4.166666666%;
}
.body { display:block; position:relative; width:100%; max-width:1280px; height:100%; margin:0 auto; }
@media (max-width: 1280px) {
.body { overflow: hidden; }
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.row{ margin-top: 2rem; margin-bottom: 2rem; }
.gap{ margin: 5rem auto; }
.stage{ position:relative; width:100%; }
#stage1{ padding-top: 100px; }
#stage2{ padding-top: 100px; }
#stage3{ }
#stage4{ padding-top: 100px; }
#stage5{ padding-top: 100px; }
#footer{ background: #000000; }
.mob{ display: none; }
#header { width:100%; /*height:196px; */ z-index:999; }
#header .body{ z-index: 100; }
.menu, .nav-mob{ display: none; }
.header{ position: relative; /* background:rgba(0 ,0, 0, 1);*/ z-index: 10; }
.header-home{ position:fixed; /*background:rgba(0 ,0, 0, 0); */}
.header-fix{ position:fixed; /*background:rgba(0 ,0, 0, 0.99); */}
.header-bg{ position: relative; width: 100%; height: 100%; z-index: 10;}
.header-home .header-bg{ background:rgba(0 ,0, 0, 0); }
.header .header-bg{ background:rgba(0 ,0, 0, 1); }
.header-fix .header-bg{ background:rgba(0 ,0, 0, 0.99); }
.header-home:hover .header-bg{ background:rgba(0 ,0, 0, 0.99); }
#header_line{ position: absolute; width: 100%; height: 6px; background:#f4e6d1; z-index: 1; bottom: 0; }
.header-bar{ position: relative; width: 100%; height:112px; -webkit-transition: height 200ms; -o-transition: height 200ms; transition: height 200ms; }
.header-fix .header-bar{ height:3rem; -webkit-transition: height 200ms; -o-transition: height 200ms; transition: height 200ms; }
#logo{ position:relative; width:100%; height:100%; background:url(../img/logo.png) center bottom no-repeat; background-size: auto 90%; }
#header_box1{ position: relative; float: left; width: 11%; height: 100%; z-index: 99; }
#header_icon1{ position: relative; float: left; width: 18%; height: 100%; background: url(../img/header_icon1.png) center no-repeat; }
#header_txt1{ position: relative; float: left; height: 100%; line-height: 100%; font-size: 0.9375rem; color: #FFFFFF; display:table; padding-left: 0.5rem; }
#header_txt1 span{ font-size: 0.9375rem; color: #eee; display:table-cell; vertical-align:middle; }
#header_txt1 span:hover{ color:#fff; }
#header_box2{ position: relative; float: right; width: 9%; height: 100%; z-index: 99; }
#header_icon2{ position: relative; float: left; width: 2rem; height: 100%; background: url(../img/header_icon2.png) center no-repeat; }
#header_txt2{ position: relative; float: left; width:-moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem); width: calc(100% - 2rem); font-size: 0.9375rem; color: #FFFFFF; display:table;height: 100%; line-height: 100%; padding-left: 0.5rem; }
#header_txt2 span{ font-size: 0.9375rem; color: #eee; display:table-cell; vertical-align:middle; }
#header_txt2 span:hover{ color:#fff; }
#header_box3{ position: relative; float: right; /*width: 11%; */ width: 9%; height: 100%; z-index: 99; cursor: pointer; }
#header_icon3{ position: relative; float: left; display:table; width: 2rem; height: 100%; background: url(../img/header_icon3.png) center no-repeat; }
#header_txt3{ position: relative; float: left; width:-moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem); width: calc(100% - 2rem); font-size: 0.9375rem; color: #FFFFFF; display:table;height: 100%; line-height: 100%; padding-left: 0.5rem; }
#header_txt3 span{ font-size: 0.9375rem; color: #eee; display:table-cell; vertical-align:middle; }
#header_txt3 span:hover{ color:#fff; }
#header_box4{ position: relative; float: left; width: 30%; height: 100%; z-index: 99; display: flex;flex-direction: row;align-items: center;justify-content: center; }
#header_icon4{ position: relative; float: left; width: 30px; height: 30px; background: url(../img/country/jp.png) center no-repeat; background-color: #fff; border-radius: 14px;}
#header_txt4{ position: relative; float: left; height: 100%; line-height: 100%; font-size: 0.9375rem; color: #FFFFFF; display:table; padding-left: 0.5rem; }
#header_txt4 span{ font-size: 0.9375rem; color: #eee; display:table-cell; vertical-align:middle; }
#header_txt4 span:hover{ color:#fff; }
#header_box5{ position: relative; float: left; width: 30%; height: 100%; z-index: 99; display: flex;flex-direction: row;align-items: center;justify-content: center;}
#header_icon5{ position: relative; float: left; width: 30px; height: 30px; background: url(../img/country/uae.png) center no-repeat;background-color: #fff; border-radius: 14px; }
#header_txt5{ position: relative; float: left; height: 100%; line-height: 100%; font-size: 0.9375rem; color: #FFFFFF; display:table; padding-left: 0.5rem; }
#header_txt5 span{ font-size: 0.9375rem; color: #eee; display:table-cell; vertical-align:middle; }
#header_txt5 span:hover{ color:#fff; }
.clear{ clear: both; }
#nva{ position: relative; width: 100%; height: 3.4rem; line-height: 3rem; margin-top: 2rem; -webkit-transition: margin-top 200ms; -o-transition: margin-top 200ms; transition: margin-top 200ms; text-align: center; }
.nav-menu{ line-height: 48px; font-size: 0.9375rem; color: #eee; /*margin-left: 0.2rem; margin-right: 0.2rem;*/ padding:0 1.5rem; height: 100%; display: inline-block; }
.nav-menu:hover{ color: #fff; }
.nav-sub{ position: absolute; width: 100%; background: rgba(255,255,255,0.95); opacity: 0; display: none; /*-webkit-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; */ z-index: 1; }
.nav-sub .body{ padding:2rem 4rem; }
.nav-tit{ position: relative; font-size: 1.375rem; margin-bottom: 1rem; }
.nav-sub .body .col-12{ margin-bottom: 1rem; }
.nav-sub .body ul{ margin-top: 0.5rem; }
.nav-sub .body ul li{ float: left; width: 100%; }
.nav-sub .body ul li a{ font-size: 0.875rem; font-weight: normal; height: 1.25rem; line-height: 1.25rem; }
.nav-sub .body .col-8 .col-8 ul li { width: 50%; }
.nav-sub .body .nav-pic{ line-height: 0px; }
.nav-sub-link{
position: relative; padding-left: 1rem;
}
.nav-sub-link:before{
position: absolute;
left: 0px;
top:0px;
bottom: 0px;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #000000;
content: "";
}
/*
#nva0{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 18%; }
#nva1{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva2{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva3{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva4{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva5{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva6{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
#nva7{ position: relative; float: left; line-height: 48px; font-size: 0.875rem; color: #FFFFFF; margin-left: 5%; }
*/
.header-fix #nva{ margin-top: 0px; -webkit-transition: margin-top 200ms; -o-transition: margin-top 200ms; transition: margin-top 200ms; }
#banner{ position:relative; width:100%; height:880px; background:url(../img/banner.jpg) center bottom no-repeat; background-size:auto 100%; /*padding-top: 190px; */ overflow:hidden; }
#video-play{ position: absolute; width: 80px; height: 80px; left:-webkit-calc(50% - 40px); left: calc(50% - 40px); top:-webkit-calc(50% - 40px); top: calc(50% - 40px); background:url("../img/play_l.png") no-repeat; background-size:100% 100%; opacity:0.85; display:none; }
#banner video {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.stage-center{ position: relative; width: 100%; padding-bottom:40px; }
/*
#stage1_pic1{ position: relative; float: left; width: 23%; height: 348px; background: url(../img/stage1_pic1.jpg) center no-repeat; margin:0 1%; }
#stage1_pic2{ position: relative; float: left; width: 23%; height: 348px; background: url(../img/stage1_pic2.jpg) center no-repeat; margin:0 1%; }
#stage1_pic3{ position: relative; float: left; width: 23%; height: 348px; background: url(../img/stage1_pic3.jpg) center no-repeat; margin:0 1%; }
#stage1_pic4{ position: relative; float: left; width: 23%; height: 348px; background: url(../img/stage1_pic4.jpg) center no-repeat; margin:0 1%; }
*/
#stage1_pic1{ position: relative; float: left; width: 32%; height: 350px; background: url(../img/show01.jpg?ver=20231109) center no-repeat; margin:0 1% 0 0; }
#stage1_pic2{ position: relative; float: left; width: 32%; height: 350px; background: url(../img/show02.jpg) center no-repeat; margin:0 1%; }
#stage1_pic3{ position: relative; float: left; width: 32%; height: 350px; background: url(../img/show03.jpg) center no-repeat; margin:0 0 0 1%; }
.stage1_txt{ position: absolute; bottom: -3rem; width: 100%; font-size: 1.5rem; color: #767676; text-align: center; }
#stage1_line{ position: relative; width: 100%; height: 1px; background:#767676; }
#stage1-slide-box{ display: none; }
#stage2_tit{ position: relative; width: 100%; line-height: 3rem; font-size: 3rem; text-align: center; color: #0f0f0f; padding-bottom: 10px; }
#stage2_txt{ position: relative; width: 100%; line-height: 1.875rem; font-size: 1.25rem; text-align: center; color: #777777; }
#stage2_pic{ position: relative; width: 100%; margin-top: 60px; line-height: 0px; }
#stage2_box{ position: relative; width: 100%; /*height: 610px;*/ padding-bottom: 3rem; margin-bottom:120px; background: #FFFFFF; margin-top: 60px; }
#stage2_pro1{ position: relative; float: left; width: 34%; height: 286px; background: url(../img/stage2_pro1.jpg?ver=20231109) center no-repeat; margin-left: 16%; }
#stage2_pro2{ position: relative; float: left; width: 34%; height: 286px; background: url(../img/stage2_pro2.jpg?ver=20231109) center no-repeat; }
.stage2_txt{ position: absolute; width: 100%; bottom: -3rem; font-size: 1.125rem; text-align: center; color: #777777; }
#stage2-mob{ display: none; }
#stage3-slide { position:relative; width:100%; height:760px; margin:0 auto; overflow:hidden;}
#stage3-slide0 { position:absolute; width:100%; height:760px; overflow:hidden; }
#stage3-slide1 { position:absolute; width:100%; height:760px; overflow:hidden; }
#stage3-slide2 { position:absolute; width:100%; height:760px; overflow:hidden; }
#stage3_pic1{ position: relative; width: 100%; height: 100%; background: url(../img/stage3_pic1.jpg?ver=20201127) center no-repeat; background-size: auto 100%; }
#stage3_pic2{ position: relative; width: 100%; height: 100%; background: url(../img/stage3_pic2.jpg?ver=20201127) center no-repeat; background-size: auto 100%; }
#stage3_pic3{ position: relative; width: 100%; height: 100%; background: url(../img/stage3_pic3.jpg) center no-repeat; background-size: auto 100%; }
#stage3_tit1{ position: relative; width: 100%; height: 102px; background: url(../img/stage3_tit1.png) center bottom no-repeat; padding-top: 320px; }
#stage3_txt1{ position: relative; width: 34%; margin:0 33%; font-size: 1.25rem; text-align: center; color: #9a9a9a; line-height: 1.875rem; padding-top: 12px; }
#stage3_desc2{ position: relative; width: 40%; font-size: 1.875rem; line-height: 3rem; text-align: center; color: #FFFFFF; margin-left:14%; padding-top: 230px; }
#stage3_line2{ position: relative; width: 40%; height: 1px; margin:12px 0 24px 14%; background: #fbece9; }
#stage3_tit2{ position: relative; width: 40%; font-size: 3.1rem; line-height: 3.75rem; text-align: center; color: #FFFFFF; margin-left:14%; margin-bottom: 24px; }
#stage3_txt2{ position: relative; width: 40%; font-size: 1.25rem; line-height: 1.875rem; text-align: center; color: #FFFFFF; margin-left:14%; }
#stage3_desc3{ position: relative; width: 76%; font-size: 1.5rem; line-height: 3rem; text-align: center; color: #FFFFFF; margin:0 12%; padding-top: 380px; }
#stage3_tit3{ position: relative; width: 76%; font-size: 3.1rem; line-height: 3.75rem; text-align: center; color: #FFFFFF; margin:0 12%; letter-spacing:0.65rem; }
#stage3_line3{ position: relative; width: 43.75%; height: 1px; margin: 16px 0 24px 28%; background: #4f4e4e; }
#stage3_txt3{ position: relative; width: 76%; font-size: 1.25rem; line-height: 1.875rem; text-align: center; color: #9a9a9a; margin:0 12%; }
#stage3_txt3 span{color: #9a9a9a; }
#stage3_box{ position:absolute; width:100%; height:100%; z-index: 99; }
#left{ position: absolute; width: 100px; height: 100px; background: url(../img/left.png) center left no-repeat; z-index: 99; top: 390px; cursor: pointer; left:-moz-calc(50% - 600px); left:-webkit-calc(50% - 600px); left: calc(50% - 600px); }
#right{ position: absolute; width: 100px; height: 100px; background: url(../img/right.png) center right no-repeat; z-index: 99; top: 390px; cursor: pointer; right:-moz-calc(50% - 600px); right:-webkit-calc(50% - 600px); right: calc(50% - 600px); }
@media (max-width: 1280px) {
#left{ left: 0px; }
#right{ right: 0px; }
}
#stage4_banner{ position: relative; width: 100%; /*height: 950px; */ /*background: url(../img/stage4_banner.jpg) center bottom no-repeat;*/ border:4px solid #f4e6d1; padding-bottom:20px; margin-right: 1rem; max-width: 1280px; }
#stage4_tit{ position: relative; width: 100%; color: #0f0f0f; text-align: center; font-size: 3rem; line-height: 3rem; }
#stage4_txt1{ position: relative; width: 100%; color: #777777; text-align: center; font-size: 1.25rem; line-height: 1.875rem; padding: 22px 0 2rem; }
#stage4_txt2{ position: relative; width: 20%; top: -1.25rem; background: #FFFFFF; left: 0; right: 0; margin: auto; color: #777777; text-align: center; font-size: 1.25rem; line-height: 2rem; height: 2rem; text-decoration:underline; }
/*
#stage4_box1{ position: relative; width: 22%; height: 260px; margin-left: 6%; float: left; }
#stage4_box2{ position: relative; width: 22%; height: 260px; float: left; }
#stage4_box3{ position: relative; width: 22%; height: 260px; float: left; }
#stage4_box4{ position: relative; width: 22%; height: 260px; margin-right: 6%; float: left; }
#stage4_box5{ position: relative; width: 22%; height: 260px; margin-left: 6%; float: left; margin-top: 100px; }
#stage4_box6{ position: relative; width: 22%; height: 260px; float: left; margin-top: 100px; }
#stage4_box7{ position: relative; width: 22%; height: 260px; float: left; margin-top: 100px; }
#stage4_box8{ position: relative; width: 22%; height: 260px; margin-right: 6%; float: left; margin-top: 100px; }
#stage4_pro1{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro1.jpg) center no-repeat; }
#stage4_pro2{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro2.jpg) center no-repeat; }
#stage4_pro3{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro3.jpg) center no-repeat; }
#stage4_pro4{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro4.jpg) center no-repeat; }
#stage4_pro5{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro5.jpg) center no-repeat; }
#stage4_pro6{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro6.jpg) center no-repeat; }
#stage4_pro7{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro7.jpg) center no-repeat; }
#stage4_pro8{ position: relative; width: 100%; height: 186px; background: url(../img/stage4_pro8.jpg) center no-repeat; }
*/
.pro-box{ position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
.pro-item{ position: relative; width: 20%; margin: 10px 0; }
.pro-item .pro-img{ position: relative; width: 100%; height: 0; line-height: 0; padding-bottom: 80%; }
.pro-item .pro-img img{ position: absolute; height: 100%; left: 0; right: 0; margin: auto; }
.stage4_line{ position: relative; width: 30%; height: 1px; background: #000000; margin:0 auto; margin-top: 12px; margin-bottom: 24px; }
.stage4_desc{ position: relative; width: 100%; color: #191919; text-align: center; font-size: 0.875rem; line-height: 1.125rem }
#stage5_tit{ position: relative; width: 100%; color: #0f0f0f; text-align: center; font-size: 3rem; line-height: 3rem; }
#stage5_txt{ position: relative; width: 100%; color: #777777; text-align: center; font-size: 1.25rem; line-height: 1.875rem; text-align: center; padding-top: 16px; padding-bottom: 40px; }
#stage5_pic{ position: relative; width: 100%;/* height: 500px; background: url(../img/stage5_pic.jpg) center no-repeat;*/ line-height: 0px; border-bottom: 1px solid #d5d5d5; margin-bottom: 50px; }
#stage5_pic2{ position: relative; width: 100%; /*height: 500px; background: url(../img/stage5_pic2.jpg) center no-repeat;*/ line-height: 0; margin: 50px 0; }
#stage5_pic2 .img-box{ display: none; }
/*
#stage5_box1{ position: relative; width: 25%; height: 250px; float: left; }
#stage5_box2{ position: relative; width: 25%; height: 250px; float: left; }
#stage5_box3{ position: relative; width: 25%; height: 250px; float: left; }
#stage5_box4{ position: relative; width: 25%; height: 250px; float: left; }
#stage5_pro1{ position: relative; width: 100%; height: 186px; background: url(../img/stage5_pro1.png) center no-repeat; }
#stage5_pro2{ position: relative; width: 100%; height: 186px; background: url(../img/stage5_pro2.png) center no-repeat; }
#stage5_pro3{ position: relative; width: 100%; height: 186px; background: url(../img/stage5_pro3.png) center no-repeat; }
#stage5_pro4{ position: relative; width: 100%; height: 186px; background: url(../img/stage5_pro4.png) center no-repeat; }
*/
.stage5_line{ position: relative; width: 24%; height: 1px; background: #171717; margin:0 auto; margin-top: 12px; margin-bottom: 12px; }
.stage5_desc{ position: relative; width: 100%; color: #191919; text-align: center; font-size: 0.875rem; line-height: 1.125rem }
#stage6_logo{ position: relative; width: 100%; height: 22px; background: url(../img/stage6_logo.png) center no-repeat; margin-bottom: 24px; }
#stage6_line{ position: relative; width: 100%; height: 1px; background: #000000; margin-bottom: 24px; }
#stage6_box{ position: relative; width: 90%; margin: 0 auto; margin-bottom: 60px; }
#stage6_icon1{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon1.png) center no-repeat; float: left; }
#stage6_icon2{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon2.png) center no-repeat; float: left; }
#stage6_icon3{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon3.png) center no-repeat; float: left; }
#stage6_icon4{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon4.png) center no-repeat; float: left; }
#stage6_icon5{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon5.png) center no-repeat; float: left; }
#stage6_icon6{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon6.png) center no-repeat; float: left; }
#stage6_icon7{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon7.png) center no-repeat; float: left; }
#stage6_icon8{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon8.png) center no-repeat; float: left; }
#stage6_icon9{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon9.png) center no-repeat; float: left; }
#stage6_icon10{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon10.png) center no-repeat; float: left; }
#stage6_icon11{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon11.png) center no-repeat; float: left; }
#stage6_icon12{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon12.png) center no-repeat; float: left; }
#stage6_icon13{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon13.png) center no-repeat; float: left; }
#stage6_icon14{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon14.png) center no-repeat; float: left; }
#stage6_icon15{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon15.png) center no-repeat; float: left; }
#stage6_icon16{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon16.png) center no-repeat; float: left; }
#stage6_icon17{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon17.png) center no-repeat; float: left; }
#stage6_icon18{ position: relative; width: 16.5%; height: 100px; background: url(../img/stage6_icon18.png) center no-repeat; float: left; }
#stage7_height{ position: relative; width: 100%; height:1px; }
#stage7_nva{ position: relative; width: 100%; height: /*78*/60px; line-height:60px; }
#stage7_nva0{ position: relative; width: 10%; float: left; line-height: 50px; font-size: 0.9375rem; color: #eee; margin-left: 25%; }
#stage7_nva1{ position: relative; width: 10%; float: left; line-height: 50px; font-size: 0.9375rem; color: #eee; margin-left: 12%; }
#stage7_nva2{ position: relative; width: 10%; float: left; line-height: 50px; font-size: 0.9375rem; color: #eee; margin-left: 12%; }
#stage7_nva a:hover { color:#fff; }
#stage7_line{ position: relative; width: 100%; height: 1px; background: #5c5c5c; }
#stage7_txt{ position: relative; width: 30%; height: 100px; line-height: 100px; float: left; text-align: left; font-size: 0.875rem; color: #999; }
#stage7_logo{ position: relative; width:40%; height: 100px; background: url(../img/logo_w.png) center no-repeat; background-size: 100% auto; margin: 0 auto; opacity:1; }
#stage7_box{ position: relative; width: 30%; height: 100px; float: right; }
#stage7_icon1{ position: relative; width:10%; height: 100%; background: url(../img/stage7_icon1.png) center no-repeat; float: right; cursor: pointer; }
#stage7_icon2{ position: relative; width:20%; height: 100%; background: url(../img/stage7_icon2.png) center no-repeat; float: right; cursor: pointer; }
#stage7_icon6{ position: relative; width:20%; height: 100%; background: url(../img/stage7_icon6.png) center no-repeat; float: right; cursor: pointer; }
#stage7_icon_redbook{ position: relative; width:10%; height: 100%; background: url(../img/icon-redbook.png) center no-repeat; float: right; cursor: pointer; }
#stage7_desc{ position: relative; width:70%; height: 100%; font-size: 0.75rem; color: #FFFFFF; float: left; padding-top: 36px; }
#stage7_icon3{ position: relative; width:31%; height: 50px; background: url(../img/stage7_icon3.png) center right no-repeat; float: left; }
#stage7_txt1{ position: relative; width: 20%; height: 50px; line-height: 50px; font-size: 0.875rem; color: #999; float: left; padding-left: 12px; }
#stage7_txt1 a{ color: #999; font-size: 0.875rem; }
#stage7_icon4{ position: relative; width:2%; height: 50px; background: url(../img/stage7_icon4.png) center no-repeat; float: left; }
#stage7_txt2{ position: relative; width: 30%; height: 50px; line-height: 50px; font-size: 0.875rem; color: #999; float: left; padding-left: 12px; }
#showbox{ margin: 80px auto;}
#showbox_tit{ position: relative; width: 100%; color: #0f0f0f; text-align: center; font-size: 3rem; line-height: 3rem; }
#showbox .show-bar{ display: flex; flex-flow: row wrap; justify-content:space-between; }
#showbox .show-bar .show-pic{ position: relative; width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width: calc(50% - 5px); margin-bottom: 10px; }
#go-top{ display: none; }
#main{ position:relative; width:100%; min-height:calc(100% - 410px); }
.list-main .body{ max-width: 1050px; }
/*
#product1{ padding-top: 220px; }
#product2{ padding-top: 24px; }
*/
#product3{ }
#product4{ padding-top: 50px; margin-bottom: 50px; }
#product_kv_box{ position: relative; width: 46.875%; height: 600px; background: url(../img/product/product_kv_box.jpg) center no-repeat; float: left; margin-left: 11.25%; margin-right: 2%; }
#product_desc_box{ position: relative; width: 29%; height: 600px; float: left; }
.product_kv{ position: relative; width: 100%; height: 100%; }
.product_kv img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.product_kv_s2{ position: absolute; left: 2%; top: 2%; }
.product_kv_s3{ position: absolute; left: 2%; top: 15%; }
.product_kv_s4{ position: absolute; left: 2%; top: 28%; }
.product_tit{ position: relative; width: 100%; color: #0c0c0c; font-size: 1.125rem; line-height: 1.5rem; }
.product_color_btn{ position: relative; width: 42%; height: 6%; font-size: 1rem; text-align: center; border: 1px solid #bfbfbf; line-height: 1.875rem; float: left; margin: 3.5% 7.5% 2% 0; }
.product_color_btn span{ font-size: 0.875rem; }
.product_txt{ position: relative; width: 100%; font-size: 1rem; line-height: 1.5rem; color: #515050; padding-bottom: 6%; }
.product_txt span{ font-size: 1.125rem; line-height: 2rem; color: #0c0c0c; font-weight: bold; }
#share_txt{ font-size:0.875rem; height: 30px; line-height: 30px; float: left; }
#weibo_icon{ position: relative; width:13%; height: 30px; background: url(../img/product/weibo_icon.png) center no-repeat; float: left; }
#weixin_icon{ position: relative; width:13%; height: 30px; background: url(../img/product/weixin_icon.png) center no-repeat; float: left; }
#share_box{ margin-bottom: 24px; }
#download_box{ position: relative; width: 48%; height: 42px; line-height: 42px; font-size: 1rem; color: #f4e6d1; text-align: center; background: #000000; }
#video_box{ position: relative; width: 100%; margin-bottom: 2rem; }
#product2_pic{ position: relative; width: 77.5%; height: 540px; margin-left: 11.25%; margin-bottom: 40px; background: url(../img/product/product2_pic.jpg) center no-repeat; }
.product3_tit{ font-size: 1.625rem; line-height: 3.75rem; margin-left: 11.25%; float: left; }
.product3_close{ position: relative; width: 10%; height: 60px; margin-right: 11.25%; background: url(../img/product/product3_close.png) center right no-repeat; float: right; }
.product3_line{ position: relative; width: 77.5%; height: 2px; margin-left: 11.25%; margin-bottom: 40px; background: #000000; }
.product3_line2{ position: relative; width: 77.5%; height: 1px; margin-left: 11.25%; margin-bottom: 40px; background: #000000; }
.table1{ position: relative; margin-left: 11.25%; width: 30%; float: left; margin-bottom: 40px; }
.table1 td{ font-size: 1.125rem; }
.table2{ position: relative; margin-left: 6%; width: 30%; float: left; margin-bottom: 40px; }
.table2 td{ font-size: 1.125rem; }
.table_line{ position: relative; width: 1px; height: 200px; background: #bcbcbc; float: left; }
#product3_lv2_tit{ font-size:2.5rem; line-height: 3.125rem; margin-left: 11.25%; margin-bottom: 50px; }
#product3_lv3_tit{ font-size:2.5rem; line-height: 3.125rem; margin-left: 11.25%; margin-bottom: 16px; }
.product3_lv2_txt{ font-size: 1.875rem; line-height: 3.125rem; margin-left: 11.25%; }
.product3_lv2_desc{ font-size: 1.5rem; line-height: 1.875rem; margin-left: 11.25%; color: #101010; margin-bottom: 24px; }
.product3_lv3_txt{ font-size: 1.875rem; line-height: 2.5rem; margin-left: 11.25%; }
.product3_lv2_box{ width: 26%; float: left; }
.ml11{ margin-left:11.25%; }
.product3_lv2_box_tit{ font-size: 1.375rem; color: #838383; margin-bottom: 12px; }
.product3_lv2_box_txt{ font-size: 0.875rem; color: #838383; line-height: 1.25rem; padding-left: 11%; }
.product3_lv2_line{ position: relative; width: 77.5%; height: 1px; margin-left: 11.25%; margin-bottom: 40px; margin-top: 40px; background: #c5c5c5; }
#product3_lv2{ margin-bottom: 80px; }
#product3_lv3{ margin-bottom: 80px; }
#product3_lv4{ margin-bottom: 80px; margin-left: 11.25%; width: 77.5%; }
#product3_lv5{ margin-bottom: 80px; margin-left: 11.25%; width: 77.5%; }
#product3_lv3_pic{ position: relative; width: 77.5%; height: 250px; margin-left: 11.25%; background: url(../img/product/product3_lv3_pic.png) center left no-repeat; }
.product3_lv3_desc{ font-size: 1.5rem; line-height: 1.875rem; margin-left: 11.25%; margin-top: 24px; }
.product3_lv3_desc span{ font-size: 1.125rem; }
#product3_lv4 ul{
font-size: 1.125rem;
margin-left: 2rem;
}
#product3_lv4 ul li{
line-height: 1.5rem;
list-style-type: decimal !important;
padding-bottom: 12px;
}
#product3_lv5 ul{
font-size: 1.125rem;
margin-left: 2rem;
}
#product3_lv5 ul li{
line-height: 1.5rem;
list-style-type: decimal !important;
padding-bottom: 12px;
}
#product4_tit{ font-size: 3rem; line-height: 3.75rem; text-align: center; }
#product4_txt{ font-size: 1.25rem; line-height: 1.875rem; text-align: center; color: #777777; padding-top: 16px; margin-bottom: 50px; }
#product4_pic{ position: relative; margin-left: 11.25%; width:51%; height: 496px; background: url(../img/product/product4_pic.jpg) center left no-repeat; float: left; margin-right: 6%; }
#product4_pro1{ position: relative; width:7%; height: 250px; background: url(../img/product/product4_pro1.png) center no-repeat; float: left; }
#product4_pro2{ position: relative; width:7%; height: 250px; background: url(../img/product/product4_pro2.png) center no-repeat; float: left; }
.product4_desc{position: relative; width:20%; height: 250px; float: left; font-size: 0.875rem; line-height: 1.125rem; padding-left: 2%; padding-top: 90px; }
.buy-tit{ position: relative; font-size: 1.5rem; padding-top: 3rem; padding-bottom: 2rem; line-height: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #afafaf; }
.buy-list{ padding-bottom: 2rem; }
.buy-list .buy-item{ position: relative; width: 33.3333333333%; float: left; padding-right: 1.5rem; padding-left: 1.5rem; min-height: 920px; margin-bottom: 5rem; }
.buy-list .buy-item:nth-child(3n+0){ padding-right: 0; padding-left: 3rem; }
.buy-list .buy-item:nth-child(3n+1){ padding-right: 3rem; padding-left: 0; }
.buy-list .buy-item .buy-item-pic{ width: 100%; line-height: 0px; }
.buy-list .buy-item .buy-item-pic img{ width: 100%; }
.buy-list .buy-item .buy-item-name{ position: relative; width: 100%; font-size: 1.125rem; color: #4d4d4d; text-align: center; margin: 3rem auto 0; }
.buy-list .buy-item .buy-item-name:after{ position: relative; width: 100%; background: url( ../img/buy/arrow.jpg) center no-repeat; content: ""; height: 6rem; display: block; }
.buy-list .buy-item .buy-item-link{ width: 100%; }
.buy-list .buy-item .buy-item-link a.buy-link{ position: relative; width: 100%; display: block; height: 2rem; line-height: 2rem; border-bottom: 1px solid #afafaf; margin-top: 1rem; }
.buy-list .buy-item .buy-item-link a.buy-link:after{ position: absolute; content: ">"; height: 100%; display: block; right: 0px; top: 0px; }
.buy-list .buy-item .buy-item-link a.buy-link01{ color: #a56e2a; }
.buy-list .buy-item .buy-item-link a.buy-link02{ color: #6b481b; }
.popup{ position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.30); z-index: 99999; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.pop-close{ position: absolute; width: 4rem; height: 4rem; top: 0; right: 0; cursor: pointer; z-index: 999999; }
.pop-close:before {
position: absolute;
top:-moz-calc(50% - 1px); top:-webkit-calc(50% - 1px); top: calc(50% - 1px);
left: 10%;
width: 80%; height: 2px; background: #757575;
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pop-close:after {
position: absolute;
top:-moz-calc(50% - 1px); top:-webkit-calc(50% - 1px); top: calc(50% - 1px);
left: 10%;
width: 80%; height: 2px; background: #757575;
content: "";
transition: all cubic-bezier(.38,.04,.35,.96) 600ms;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.customer-service { position: relative; width: 940px; height: auto; background: #FFFFFF; margin:0 auto; padding: 3rem 2rem 4rem; /*display: none;*/
/*top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/
}
.tit-box{ position: relative; width: 100%; text-align: center; padding-top: 2rem; padding-bottom: 1.5rem; margin-bottom: 1rem; border-bottom: 1px solid #020203; }
.tit-box .cs-tit{ position: relative; font-size: 2rem; }
.center-box{ position: relative; width: 100%; }
.center-box-left{ position: relative; width: 50%; float: left; border-right: 1px solid #d9d9d9; padding-right: 2rem; height: 660px; }
.center-box-right{ position: relative; width: 50%; float: left; padding-left: 2rem; padding-bottom: 1rem; }
.center-box p{ margin-block-start: 0.5rem; margin-block-end: 0; }
.text-tit{ position: relative; font-size: 1.25rem; margin-top: 1rem; }
.text-tit a{ font-size: 1.25rem; color: #020203; }
.text-tit span{ position: relative; font-size: 1.25rem; display: inline-block; }
.text-tit img{ position: absolute; right: -30px; top: 4px; width: 24px; }
.cs-tips{ position: relative; background: #000000; display: inline-block; color: #FFFFFF; line-height: 1rem; padding: 1rem 2rem; margin: 1rem 0; }
/*
.cs-tips:after{
position: absolute;
right: -1rem;
width: 0;
height: 0;
border-style: solid;
border-width: 0.5rem 0 0.5rem 1rem;
border-color: transparent transparent transparent #000000;
content: "";
}
*/
.cs-tips:after{
position: absolute;
right:-moz-calc(50% - 0.5rem);right:-webkit-calc(50% - 0.5rem); right: calc(50% - 0.5rem);
bottom: -1rem;
width: 0;
height: 0;
border-style: solid;
border-width: 1rem 1rem 0 1rem;
border-color: #000000 transparent transparent transparent;
content: "";
}
.cs-box{ padding-bottom: 2rem; border-bottom: 1px solid #d9d9d9; margin-bottom: 2rem; }
.cs-line{ padding-top: 2rem; padding-bottom: 4rem; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin: 40px 0; }
.wechat-code{ margin-top: 1rem; }
.wechat-code img{ width: 164px; }
.wechat-show{
position: absolute; width: 400px; height:480px; background: #FFFFFF; margin: auto; padding: 2rem; display: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wechat-show .wechat-code{
position: relative;
width: 100%;
/*padding-left:-moz-calc(50% - 103px); padding-left:-webkit-calc(50% - 103px); padding-left: calc(50% - 103px);*/
text-align: center;
}
.wechat-show .wechat-code img{ width: 64%; }
.mail-code { margin-top: 1rem; }
.mail-code img{ width: 164px; }
.mail-show{
position: absolute; width: 400px; height:400px; background: #FFFFFF; margin: auto; padding: 2rem; display: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mail-show .mail-code{
position: relative;
width: 100%;
/*padding-left:-moz-calc(50% - 103px); padding-left:-webkit-calc(50% - 103px); padding-left: calc(50% - 103px);*/
text-align: center;
}
.mail-show .mail-code img{ width: 100%; }
.redbook-show{
position: absolute; width: 400px; height:520px; background: #FFFFFF; margin: auto; padding: 2rem; display: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.redbook-show .redbook-code{
position: relative;
width: 100%;
text-align: center;
}
.redbook-show .redbook-code img{ width: 64%; }
.banner{ position: relative; width: 100%; height: auto; }
.banner-s{ display: none; }
.banner-bg{ position: relative; width: 100%; height: 500px; text-align: center; }
.banner-bg img{ object-position: center; object-fit: cover; height: 500px; width: 1920px; }
.text-box{ position: absolute;
z-index: 10; background: rgba(255,255,255,0.90); display: table; padding: 2rem;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 520px;
}
.text-box-r{ position: absolute;
top: 50%;
left: auto;
right: 0;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.text-box-l{ position: absolute;
top: 50%;
left: 0%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.banner-center{ position: absolute; width: 100%; height: 100%; margin:auto; max-width: 1280px; left: 0; right: 0; }
.banner .more-btn{ position: absolute; display: block; width: 238px; height: 52px; margin: 0 auto; -background: url(../img/brand/btn_more_w.png) center no-repeat; -background:rgba(255,255,255,0.1); border:2px solid #ab664e; z-index: 20; left: 0px; right: 0px; bottom: 120px; text-align: center; line-height:48px; font-size:1.1rem; font-weight:bold; color:#ab664e; }
.text-box .text-center{ border: 1px solid #000000; width: 100%; height: 100%; display:table-cell; vertical-align:middle; text-align: center; padding: 2.8rem 6rem; }
.text-box .text-center-s{ padding: 4rem 2rem; }
.text-box .text-center .tc-tit{ position: relative; font-size: 2.5rem; }
.text-box .text-center .tc-txt{ position: relative; font-size: 1.25rem; margin-top: 1rem; }
.show-bar{ position: relative; display: block; width: 100%; margin:80px 0; line-height: 0px; }
.show-bar img{ width: 100%; }
.show-bar .show-mask{ position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 10; opacity: 0; transition: opacity 300ms; line-height: 0; }
.show-bar:hover .show-mask{ opacity: 1; transition: opacity 300ms; }
.show-bar .show-mask-fix{ position: absolute; height: 100%; left: 100%; bottom: 0px; width: 10%; }
.show-bar .show-mask-fix img{ width: auto; height: 100%; }
.tool-bar { position: relative; width: 100%; height:2.625rem; margin: 3rem 0; padding:0.5rem; border:1px solid #e5e5e5; }
.tool-bar .filter { float:left; color:#5d5d5d; }
.tool-bar .order { float:right; color:#5d5d5d; }
.tool-bar select { height:1.4rem; margin:0 1rem; border:0; }
.pro-list{ padding-bottom: 2rem; }
.category-tit { margin: 0 auto; }
.category-tit .show-bar{ position: relative; width: 100%; margin: 3rem 0; }
.category-tit .pro-tit{ position: relative; width: 100%; color: #262626; padding-bottom: 1rem; margin-bottom: 4rem; font-size: 2rem; }
.category-tit .pro-tit:after{ position: absolute; bottom: 0px; width: 180px; height: 6px; background: #e9e4d2; content:""; left: 0px; }
.pro-list .pro-item{ position: relative; width: 33.3333333333%; float: left; padding-right: 6px; padding-left: 6px; min-height: 570px; margin-bottom: 2.6rem; }
.pro-list .pro-item:nth-child(3n+0){ padding-right: 0; padding-left: 12px; }
.pro-list .pro-item:nth-child(3n+1){ padding-right: 12px; padding-left: 0; }
.pro-list .pro-item .pro-item-pic{ width: 100%; line-height: 0px; border-bottom: 8px solid #ddd6c0; }
.pro-list .pro-item .pro-item-pic img{ width: 100%; }
.pro-list .pro-item .pro-item-name{ position: relative; width: 100%; font-size: 1.125rem; line-height: 1.5rem; color: #797575; text-align: center; margin: 2.2rem auto 0; }
.pro-list .pro-item .pro-item-price{ text-align: center; margin-top: 0.5rem; font-size: 1.125rem; color: #797575; display: none; }
.city-box{ position: relative; width: 100%; margin: 5rem 0; text-align: center; }
.city-box .city-tit{ position: relative; background: #000000; color: #FFFFFF; display: inline-block; padding: 0.5rem 2rem; font-size: 1.5rem; margin-bottom: 2rem; }
.city-box .city-list{ position: relative; width: 100%; }
.city-box .city-list a{ display: inline-block; font-size: 1.25rem; padding: 0 0.875rem; color: #404040; border-right: 1px solid #404040; margin: 1rem 0; }
.city-box .city-list a:last-child{ border-right: none; }
.store-list{ position: relative; width: 100%; display: flex; flex-flow: row wrap; }
.store-list .store-item{ position: relative; width: 33.3333333333%; /*float: left; */ padding-right: 6px; padding-left: 6px; min-height: 440px; margin-bottom: 2.6rem; }
.store-list .store-item:nth-child(3n+0){ padding-right: 0; padding-left: 12px; }
.store-list .store-item:nth-child(3n+1){ padding-right: 12px; padding-left: 0; }
.store-list .store-item .store-item-pic{ width: 100%; line-height: 0px; }
.store-list .store-item .store-item-pic img{ width: 100%; }
.store-list .splitline{ position: relative; width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 3rem; }
.store-list .store-item .store-item-country{ position: relative; display: inline-block; color: #797575; text-align: left; margin: 20px auto 0; border: 1px solid #846420; color: #846420; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 1rem; }
.store-list .store-item .store-item-name{ position: relative; width: 100%; font-size: 1.25rem; line-height: 1.5rem; color: #404040; text-align: left; margin: 10px auto 0; }
.store-list .store-item .store-item-add{ position: relative; width: 100%; font-size: 1rem; line-height: 1.5rem; color: #797575; text-align: left; margin: 10px auto 0; }
.dealer-list{ position: relative; width: 100%; padding-bottom: 2rem; }
.dealer-list .dealer-list-tit{ position: relative; font-size: 1.625rem; font-weight:700; padding-bottom: 1rem; border-bottom: 1px solid #7c7c7c; margin-bottom: 1rem; cursor: pointer; }
.dealer-list .dealer-list-tit:after{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px; }
.dealer-list .dealer-list-tit:before{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.dealer-list .dealer-item { color:#5e5d5d; font-size: 1.125rem; /* padding: 1rem 0;*/ height: 0px; overflow: hidden; }
.dealer-list-active .dealer-list-tit:before{
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.dealer-list-active .dealer-item { padding: 1rem 0; height: auto; overflow: hidden;
transition: all 600ms;
}
.list-box{ padding-top: 3rem; }
.faq-list{ position: relative; width: 100%; padding-bottom: 2rem; }
/*.faq-list:first-child{ padding-top: 5rem; }*/
.faq-list .faq-list-tit{ position: relative; font-size: 1.375rem; font-weight:700; padding-bottom: 1rem; border-bottom: 1px solid #7c7c7c; margin-bottom: 1rem; width: 100%; cursor: pointer; }
.faq-list .faq-list-tit:after{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px; }
.faq-list .faq-list-tit:before{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.faq-list .faq-item { position: relative; color:#5e5d5d; font-size: 1.125rem; /*padding: 1rem 0 2rem;border-bottom: 1px solid #c5c5c5; margin-bottom: 1rem; */ height: 0px; overflow: hidden; }
.faq-list .faq-item:last-child { border-bottom: none; }
.faq-list-active .faq-list-tit:before{ position: absolute; width: 20px; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.faq-list-active .faq-item { padding: 1rem 0 2rem;border-bottom: 1px solid #c5c5c5; margin-bottom: 1rem; height: auto; overflow: hidden;
transition: all 600ms;
}
.faq-item-t { position: relative; color: #000000; margin-bottom: 1rem; }
.faq-item-q { position: relative; font-size: 0.875rem; color: #a2a2a2; margin-bottom: 1rem; }
.faq-item-q span{ display: block; color: #a2a2a2; font-size: 0.875rem; }
.faq-item-a { position: relative; color: #838383; width: 90%; }
.faq-item-a h4 { color: #838383; }
.faq-item-a ul li{ margin-left: 1.25rem; list-style-type: decimal; color: #838383; margin-bottom: 0.5rem; }
.faq-item-a ul li b{ color: #838383; margin-bottom: 0.5rem; }
/**** product **/
.product{ padding-top: 2rem; }
.product .body{ max-width: 1024px; }
.product .product-show-box{ margin-bottom: 2rem; }
.product .show{ position: relative; float: left; width:60%; line-height: 0; }
.product .show .show-thumb{ position: absolute; width: 14%; z-index: 10; }
.product .show .show-thumb .thumb-pic{ width: 100%; border: 1px solid #f1f1f1; margin-bottom: 0.2rem; }
.product .show .show-thumb .thumb-pic img{ width: 100%; }
.product .show .product-show-mask{ position: absolute; width: 100%; height: 100%; z-index: 2; display: none; }
.product .show-intro{ position: relative; float: left; width:-moz-calc(40% - 1rem); width:-webkit-calc(40% - 1rem); width: calc(40% - 1rem); margin-left: 1rem; height: 600px; }
.product .show-intro .base{ margin-bottom: 0.5rem; min-height: 25%; }
.product .show-intro .base .title{ font-size: 1.25rem; line-height: 1.8rem; margin-bottom: 0.5rem; white-space:nowrap; }
.product .show-intro .base .price{ font-size: 1.5rem; line-height: 1.8rem; display: none; }
.product .show-intro .base .capacity{ font-size: 1.125rem; line-height: 1.5rem; color: #505050; }
.product .show-intro .effect{ color: #505050; min-height: 40%; }
.product .show-intro .effect .item-name{ font-size: 1.125rem; line-height: 1.8rem; margin-bottom: 0.5rem; font-weight: bold; color: #000000; }
.product .share { position: relative; width: 100%; height: 2rem; line-height: 2rem; margin-bottom: 2rem; }
.product .share span{ float: left; }
.product .share .wechat-icon{ position: relative; background: url(../img/product/weixin_icon.png) center no-repeat; width: 2rem; height: 2rem; background-size: 100% auto; display: inline-block; margin-left: 0.5rem; }
.product .share .weibo-icon{ position: relative; background: url(../img/product/weibo_icon.png) center no-repeat; width: 2rem; height: 2rem; background-size: 100% auto; display: inline-block !important; margin-left: 0.5rem !important; }
.product .share .bds_tsina{ position: relative; background: url(../img/product/weibo_icon.png) center no-repeat; width: 2rem; height: 2rem; background-size: 100% auto; display: inline-block; margin: 0; margin-left: 0.5rem; }
.product .share .bds_weixin{ position: relative; background: url(../img/product/weixin_icon.png) center no-repeat; width: 2rem; height: 2rem; background-size: 100% auto; display: inline-block; margin: 0; margin-left: 0.5rem; }
.download-manual{ position: relative; background: url(../img/product/btn_pdf.jpg) center no-repeat; width: 174px; height: 42px; display: inline-block; }
.product-pic-box { position: relative; width: 100%; margin-bottom: 60px; }
.product-pic-box img{ width: 100%; }
.product-intro { margin-bottom:60px; }
.product-intro .product-intro-tit{ position: relative; font-size: 1.375rem; font-weight:700; padding-bottom: 1rem; border-bottom: 1px solid #7c7c7c; margin-bottom: 1rem; width: 100%; -cursor: pointer; }
/*
.product-intro .product-intro-tit:after{ position: absolute; width: 20px; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px; }
.product-intro .product-intro-tit:before{ position: absolute; width: 20px; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.product-intro-active .product-intro-tit:before{ position: absolute; width: 20px; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px - 0.5rem); top:-webkit-calc(50% - 1px - 0.5rem); top: calc(50% - 1px - 0.5rem); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}*/
.product-intro-active .product-item { /*padding: 0 0 2rem;*/margin-top: 40px; -border-bottom: 1px solid #c5c5c5; margin-bottom: 40px; height: auto; overflow: hidden;
transition: all 600ms;
}
.product-intro-active .product-item:last-child{ border-bottom: none; }
.product-intro-active .product-item .title{ font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; }
.product-intro-active .product-item .brief, .product-intro-active .product-item .brief * { font-size: 1.125rem; line-height: 1.8rem; }
.product-intro-active .product-item .item-name{ font-size: 1.25rem; line-height: 1.8rem; color:#101010; }
.product-intro-active .product-item .text, .product-intro-active .product-item .text * { font-size: 1.125rem; color: #838383; line-height: 2rem; margin-top: 1rem; }
.product-intro-active .product-item table td{ font-size: 1.125rem; line-height: 1.8rem; vertical-align: top; }
.product-intro-active .product-item .text table td{ color: #838383; }
.product-intro-active .product-item .text ul, .product-intro-active .product-item .text ul li { margin-top: 0rem; }
.product-intro-active .product-item table td:first-child{ padding-right: 1rem; }
.product-intro-active .product-item table td.tips{ font-size: 1rem; line-height: 1.5rem; padding-right: 2rem; }
.product-intro-active .product-item .tips{ font-size: 1rem; }
.product-intro-active .product-sp { height:1px; background:#c5c5c5; /*margin:2rem 0;*/ overflow:hidden; }
.product-intro-active .product-item .col{ border-right: 1px solid #bcbcbc; }
.product-intro-active .product-item .col:last-child{ border-right: none; }
ul.decimal li{list-style-type: decimal; margin-left: 1.5rem; padding-left: 0.5rem; }
.product-match { position: relative; border-top: 1px solid #7c7c7c; padding-top: 1rem; padding-bottom: 2rem; }
.product-match .match-tit{ position: relative; width: 100%; text-align: center; font-size: 3rem; line-height: 3rem; margin-top: 3rem; }
.product-match .match-text{ position: relative; width: 100%; text-align: center; font-size: 1.25rem; line-height: 2.2rem; margin-top: 1rem; color: #777777; margin-bottom: 3rem; }
.product-match .match-pic { position: relative; float: left; width: 64%; text-align: center; }
.product-match .match-pro{ position: relative; float: left; width:-moz-calc(36% - 1rem); width:-webkit-calc(36% - 1rem); width: calc(36% - 1rem); margin-left: 1rem; }
.product-match .match-pro .match-item{ position: relative; width: 100%; margin: 3rem 0; cursor: pointer; }
.product-match .match-pro .match-item .match-item-pic{ position: relative; width: 40%; text-align: center; float: left; }
.product-match .match-pro .match-item .match-item-txt{ position: relative;float: left; width:-moz-calc(60% - 1rem); width:-webkit-calc(60% - 1rem); width: calc(60% - 1rem); margin-left: 1rem; height: 172px; }
.product-match .match-pro .match-item .match-item-txt .txt-center{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
font-size: 0.875rem;
line-height: 1.5rem;
}
#product-slide-box{ display: none; }
.brand-intro { position: relative; width: 100%; margin: 0 auto; padding-bottom: 5rem; border-bottom: 6px solid #efe0c8; }
.brand-intro .president{ position: relative; width: 100%; margin: 0 auto; max-width: 1090px; }
.categories{ position: relative; padding: 100px 0 140px; }
.categories .stage-center {
position: relative;
padding-bottom: 0rem;
}
.img-box{ position: relative; width: 100%; line-height: 0; }
.brand-intro .txt01{ max-width: 1000px; margin: 0 auto; margin-top: 4rem; }
.brand-intro .txt02{ max-width: 940px; margin: 0 auto; margin-top: 4rem; }
.brand-intro .text{ position: relative; width: 100%; max-width: 860px; margin: 0 auto; margin-top: 2rem;}
.brand-intro .text p{ font-size: 1.125rem; color: #424242; margin-block-start: 0em; margin-block-end: 0em; padding-bottom: 1rem; }
.explore{ padding: 5rem 0; max-width: 940px; }
.explore .explore-tit{ position: relative; width: 100%; text-align: center; font-size: 3.25rem; margin-bottom: 5rem; }
.explore .pic, .explore .text{ position: relative; float: left; width:-moz-calc(50% - 1rem); width:-webkit-calc(50% - 1rem); width: calc(50% - 1rem); }
.explore .pic{ line-height: 0; margin-right: 1rem; }
.explore .text{ position: relative; margin-left: 1rem; height: 490px; }
.explore .text p{ font-size: 1.125rem; color: #424242; margin-block-start: 0em; margin-block-end: 0em; padding-bottom: 1rem; }
.explore .text p.in{ text-indent: 2rem; }
.explore .text .text-center{
padding-right: 2rem; padding-left: 1rem;
position: absolute;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.explore .picflr{ float: right; margin-right: 0; margin-left: 1rem; }
.explore .textflr{ float: right; margin-left: 0; margin-right: 1rem; }
.explore .textflr .text-center{
padding-right: 1rem; padding-left: 2rem;
}
.pursue{ position: relative; background: url(../img/brand/bg01.jpg) center no-repeat; padding: 5rem 0; }
.pursue .pursue-tit{ position: relative; width: 100%; text-align: center; font-size: 3.25rem; margin-bottom: 5rem; color: #ffffff; }
.show-box .col{ position: relative; float: left; width: 25%; text-align: center; }
.show-box .text{ position: relative; text-align: center; color: #c7c7c7; font-size: 0.875rem; }
.show-box .text h3{ color: #d8c09e; font-size: 1.5rem; font-weight: normal; margin-block-start: 0em; margin-block-end: 0em; padding: 1rem 0 0.5rem; }
.pursue-line{ position: absolute; width: 100%; height: 80%; z-index: 10; border-bottom: 6px solid #efe0c8; border-left: 6px solid #efe0c8; border-right: 6px solid #efe0c8; top: 2rem; }
.pursue-line:before{ position: absolute; top: 0; left: 0; width: 32%; height: 6px; background: #efe0c8; content: ""; }
.pursue-line:after{ position: absolute;top: 0; right: 0; width: 32%; height: 6px; background: #efe0c8; content: ""; }
.tech{ position: relative; background: url(../img/brand/bg02.jpg) center no-repeat; padding: 5rem 0; }
.tech .tech-tit{ position: relative; width: 100%; text-align: center; font-size: 3.25rem; margin-bottom: 5rem; }
.tech .bar-line{ position: relative; /*background: url(../img/brand/bar.png) center no-repeat; */width: 50px; height: 498px; margin: 0 auto; margin-bottom: 5rem; background-size: 100% 100%; border-radius: 50px;
background: -webkit-linear-gradient(#ffe5cc, #140a06); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#ffe5cc, #140a06); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#ffe5cc, #140a06); /* Firefox 3.6 - 15 */
background: linear-gradient(#ffe5cc, #140a06); /* æ ‡å‡†çš„è¯æ³• */
}
.tech .bar-line .bar-item{ position: absolute; width: 50vw; max-width: 400px; }
.tech .bar-line .bar-item .pic-box{ position: relative; width: 90px; height: 90px; float: left; }
.tech .bar-line .bar-item .text{ float: left; width:-moz-calc(100% - 1rem - 90px); width:-webkit-calc(100% - 1rem - 90px); width: calc(100% - 1rem - 90px);margin-left: 1rem; }
.tech .bar-line .bar-item .text .tit{ position: relative; font-size: 1.25rem; border: 2px solid #59493f; display: inline-block; line-height: 1.5rem; padding: 4px 1rem; border-radius: 1.5rem; }
.tech .bar-line .bar-item .text p{ font-size: 0.875rem; color: #525252; }
.tech .bar-line .bar-item-l{ left:5rem; }
.tech .bar-line .bar-item-l:before{ position: absolute; height: 1px; width: 3.5rem; background: #000000; content: ""; left: -3.5rem; top: 45px; }
.tech .bar-line .bar-item-l:after{ position: absolute; height: 1px; width: 26px; background: #FFFFFF; content: ""; left: -3.5rem; top: 45px; }
.tech .bar-line .bar-item-r{ right:5rem; }
.tech .bar-line .bar-item-r:before{ position: absolute; height: 1px; width: 3.5rem; background: #000000; content: ""; right: -3.5rem; top: 45px; }
.tech .bar-line .bar-item-r:after{ position: absolute; height: 1px; width: 26px; background: #FFFFFF; content: ""; right: -3.5rem; top: 45px; }
.tech .bar-line .bar-item-r .pic-box{ float: right; }
.tech .bar-line .bar-item-r .text{ float: right; margin-left: 0rem; margin-right: 1rem; }
.tech .bar-line .bar-item-r .text .tit{ float: right; }
.tech .bar-line #item01{ top: 0px; }
.tech .bar-line #item02{ top: 5rem; }
.tech .bar-line #item03{ top: 10rem; }
.tech .bar-line #item04{ top: 15rem; }
.tech .bar-line #item05{ top: 20rem; }
.path{ position: relative; background: url(../img/brand/bg03.jpg) center no-repeat; padding: 5rem 0; background-size: auto 100%; }
.path .path-tit{ position: relative; width: 100%; text-align: center; font-size: 3.25rem; margin-bottom: 5rem; color: #FFFFFF; }
.path ul{ margin-bottom: 5rem; }
.path ul:before{ position: absolute; background: #f4e6d1; width: 100%; height: 1px; content: ""; }
.path ul li{ position: relative; display:block; float: left; color: #cbcbcb; width: 16.6666666667%; padding-left: 1rem; margin-top: 1rem; line-height: 1.5rem; }
.path ul li:before{ position: absolute; background: #f4e6d1; width: 6px; height: 6px; border-radius: 6px; content: ""; top:-moz-calc(-1rem - 3px); top:-webkit-calc(-1rem - 3px); top: calc(-1rem - 3px); }
.benchmark{ position: relative; padding: 5rem 0; }
.benchmark-line{ position: relative; max-width: 1080px; }
.benchmark-line:before{ position: absolute; top: 10%; left: 0; width:-moz-calc(100% - 12px); width:-webkit-calc(100% - 12px); width: calc(100% - 12px); height: 80%; border-bottom: 6px solid #efe0c8; border-left: 6px solid #efe0c8; border-right: 6px solid #efe0c8; content: ""; }
.benchmark-line:after{ position: absolute; top: 10%; left: 0; width: 100%; height: 6px; background: #efe0c8; content: ""; }
.benchmark-line .text{ padding-top:-moz-calc(10% + 2rem); padding-top:-webkit-calc(10% + 2rem); padding-top: calc(10% + 2rem);
padding-left: 2rem;
}
.benchmark-line .text .benchmark-tit{ position: relative; font-size: 3rem; margin-bottom: 2rem; }
.benchmark-line .text .benchmark-tit:after{ position: absolute; bottom: -1rem; left: 0; width: 68px; height: 1px; background: #000000; content: ""; }
.benchmark-line .text p{ position: relative; font-size: 1.25rem; line-height: 2rem; }
.more{ position: relative; background: url(../img/brand/bg05.jpg) center no-repeat; padding: 12rem 0; background-size: auto 100%; }
.more .more-tit{ position: relative; width: 100%; text-align: center; line-height: 0; margin-bottom: 1rem; }
.more .more-txt1{ position: relative; width: 100%; text-align: center; margin-bottom: 0.5rem; }
.more .more-txt2{ position: relative; width: 100%; font-size: 1.25rem; text-align: center; margin-bottom: 2rem; }
.more .more-btn{ position: relative; display: block; width: 238px; height: 52px; margin: 0 auto; -background: url(../img/brand/btn_more.png) center no-repeat; -background:rgba(255,255,255,0.1); border:2px solid #634337; text-align: center; line-height:48px; font-size:1.1rem; font-weight:bold; color:#634337; }
#categories-slide-box{ display: none; }
.category-box{ padding: 4rem 0; border-bottom: 1px solid #d8d8d8; }
.category-box:last-child{ border-bottom: none; }
.category-box .pic{ position: relative; float: left; width:-moz-calc(50% - 1rem); width:-webkit-calc(50% - 1rem); width: calc(50% - 1rem); }
.category-box .text{ position: relative; float: left; width:50%; }
.category-box .pic{ line-height: 0; margin-right: 1rem; text-align: center; }
.category-box .text{ position: relative;/* margin-left: 1rem; */ }
.category-box .text .tit{ position: relative; font-size: 2rem; margin-top: 1rem; }
.category-box .text .stit{ position: relative; font-size: 1.5rem; margin-bottom: 4rem; }
.category-box .text .stit .tips{ position: relative; font-size: 1.25rem; color: #9d9d9d; }
.category-box .text .stit:after{ position: absolute; bottom: -2rem; width: 180px; height: 6px; background: #e9e4d2; content: ""; left: 0px; }
.category-box .text li{ color: #a8a8a8; margin-bottom: 0.5rem; }
.category-box .picflr{ float: right; margin-right: 0; margin-left: 1rem; }
.category-box .textflr{ float: right; margin-left: 0;/* margin-right: 1rem;*/ }
#bdshare_weixin_qrcode_dialog{ height: 300px !important; width: 250px !important; position: fixed; }
.auth{ max-width: 1140px; margin-top: 4rem; border-radius: 1.5rem 1.5rem 0rem 0rem; overflow: hidden; }
.auth .pic-box{ line-height: 0; }
.auth #pic05{ position: relative; width: 40%; float: left; }
.auth #pic06{ position: relative; width: 60%; float: left; }
#category5{ max-width: 1040px; margin-bottom: 4rem; }
#category5-slogan{ max-width: 1040px; }
.news{ max-width: 990px; }
.news .sort{ position: relative; width: 100%; margin-top: 5rem; }
.news .sort:first-child{ margin-top: 0; padding-top: 5rem; }
.news .sort .sort-tit{ position: relative; width: 50%; margin: 0 auto; font-size: 2.5rem; text-align: center; height: 3rem; line-height: 3rem; color: #020203; margin-bottom: 3rem; }
.news .sort .sort-tit:before{ position: absolute; width: 50%; height: 1px; right: 100%; background: #161616; content: ""; top: 50%; }
.news .sort .sort-tit:after{ position: absolute; width: 50%; height: 1px; left: 100%; background: #161616; content: ""; top: 50%; }
.recom-item { position: relative; width:-moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem); width: calc(100% - 2rem); border-bottom: 1px solid #e7e7e7; margin: 3rem auto; padding-bottom: 3rem; }
.recom-item:last-child { border-bottom:none; padding-bottom: 0rem; }
.recom-item .recom-item-tit{ position: relative; font-size:2.215rem; color: #caaa8b; line-height: 2.5rem; }
.recom-item .recom-item-stit{ position: relative; font-size:1.3rem; color: #6b6b6b; line-height: 2rem; }
.recom-item .recom-item-date{ position: relative; font-size:1rem; color: #959595; line-height: 1.5rem; }
.recom-item .recom-item-pic{ position: relative; line-height: 0px; padding-top: 3rem; }
.recom-item .recom-item-pic img{ max-width: 100%; }
.press-item { position: relative; width:-moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem); width: calc(100% - 2rem); border-bottom: 1px solid #e7e7e7; margin: 3rem auto; padding-bottom: 3rem; }
.press-item:last-child { border-bottom:none; padding-bottom: 0rem; }
.press-item .press-pic{ position: relative; float: left; width: 40%; }
.press-item .press-center{ position: relative; float: left; width: 60%; padding: 0 2rem; }
.press-item .press-center .press-tit{ position: relative; font-size:1.5rem; color: #020203; line-height: 2rem; }
.press-item .press-center .press-date{ position: relative; font-size:1rem; color: #959595; line-height: 2rem; }
.press-item .press-center .press-info p{ color: #020203; }
#brochure { position:absolute; left:0; right:0; top:0; bottom:0; width:2068px; height:582px; margin:auto; display:none; }
#brochure .page { background-color:#fff; background-size:100% 100%; }
#brochure-prov { position:absolute; left:-80px; top:0; bottom:0; width:80px; height:80px; margin:auto; background:url(../img/left.png) center no-repeat; }
#brochure-next { position:absolute; right:-80px; top:0; bottom:0; width:80px; height:80px; margin:auto; background:url(../img/right.png) center no-repeat; }
#brochure-loading { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:32px; height:32px; background:url("../img/spinner.png") no-repeat center / 100% 100%; z-index:99; }
.new{ position: relative; display: block; font-size: 1.125rem; color:#5e5d5d; }
.new:after{ position: relative; content: ""; display: inline-block; background: url(../img/icon_new.jpg) center bottom no-repeat; width: 48px; height: 20px; top: 2px; background-size: 80% auto; }
.counter{ position: relative; display: block; font-size: 1.125rem; color:#5e5d5d; }
.counter:after{ position: relative; content: "旗舰店"; display: inline-block; height: 20px; line-height: 20px; font-size: 0.75rem; background: #000000; color: #FFFFFF; padding: 0 6px; border-radius: 4px; top:0; }
.counter .new{ display: inline-block;}
#banner-slide{ position: relative; display: block; width: 100%; overflow: hidden; }
#banner-slide .slide{ position: absolute; width: 100%; }
#banner-slide0{ background: url(../img/banner04.jpg?ver=20231109) center bottom no-repeat; background-size: auto 100%; }
#banner-slide1{ background: url(../img/banner01.jpg?ver=20231109) center bottom no-repeat; background-size: auto 100%; }
#banner-slide2{ background: url(../img/banner05.jpg?ver=20231109) center bottom no-repeat; background-size: auto 100%; }
#banner-slide3{ background: url(../img/banner02.jpg?ver=20231109) center bottom no-repeat; background-size: auto 100%; }
#banner-slide4{ background: url(../img/banner03.jpg?ver=20231109) center bottom no-repeat; background-size: auto 100%; }
#banner-slide .slide a{position: relative; display: block; width: 100%; height: 100%; }