@charset "utf-8";

@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/DINPro-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/DINPro-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/DINPro-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/DINPro-Black.otf") format("opentype");
  font-weight: 900;
}

*{padding:0px; margin:0px;}
body{font-size:16px; color:#555; font-family:"DINPro", Arial, Helvetica, sans-serif;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:16px; border:0; background:none; outline:none; vertical-align:middle; font-family:"DINPro", Arial, Helvetica, sans-serif;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#000; text-decoration:none;
transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#13a4aa; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}
.middle{vertical-align:middle; margin-top:-3px; margin-right:5px;}
.ds_il{max-width:100%; height:auto; display:inline-block;}
.jt_ct{justify-content:space-between;}
.jt_cn{justify-content:center;}
.an_tm{align-items:center;}
.mg_my{margin:0;}
::placeholder{color:#999;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#aaa; border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background-color:#555;}
::-webkit-scrollbar-thumb:active{background-color:#000;}
@media only screen and (max-width:992px){
body{font-size:15px;}
input,select,button,textarea{font-size:15px;}
.container, .container-fluid{padding:0 20px;}
}

@media only screen and (max-width:1200px){
html.on{width:100%; height:100vh; overflow:hidden;}
}

.header{
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;

  background-color:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(20px);
  box-shadow:0 0 15px rgba(0,0,0,.05);
}


.header{
  transform: translateY(0);

  transition:
    transform .35s ease,
    background-color .5s ease,
    backdrop-filter .5s ease,
    box-shadow .5s ease;
}
.header.is-hidden{
  transform: translateY(-100%);
}

.header .yc_nr.header-switches-desktop{
  display:flex;
  align-items:center;
  gap:10px;
}

.header .yc_nr.header-switch-divider{
  color:#13a4aa;
  font-size:14px;
}

.header .yc_nr.header-switches-mobile{
  display:none;
}

.header .row{margin:0;}
.header .logo{width:196px; position:relative;}
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s; opacity: 0;
-webkit-transition:all .5s;}

.header .logo img.d_w{position:absolute; top:0; left:0; opacity:1;}

.header .an{width:36px; height:22px; display:none; position:relative;}
.header .an span{width:36px; height:2px; background-color:#333; display:block; position:absolute;
transition:all .5s;
-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{display:flex; flex-wrap:wrap; align-items:center;}
.header .nav ul{display:flex;}
.header .nav ul li{margin-right:50px; position:relative;}
.header .nav #p_r{position:static;}
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:inline-block; vertical-align:middle; margin-left:8px; margin-top:-6px; font-size:14px; color:#333; font-weight:bold;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li:hover .y_j i{color:#13a4aa;
transform:rotate(270deg);
-webkit-transform:rotate(270deg);}
.header .nav ul li.on .y_j i{color:#fff;
transform:rotate(270deg);
-webkit-transform:rotate(270deg);}
.header:hover .nav ul li.on .y_j i{color:#13a4aa;}
.header.on .nav ul li.on .y_j i{color:#13a4aa;}
.header .nav .y_j a{display:inline-block; color:#333; line-height:76px; position:relative;}

.header:hover .nav ul li:hover .y_j a{color:#13a4aa;}
.header:hover .nav ul li.on .y_j a{color:#13a4aa;}

.header.on .nav ul li:hover .y_j a{color:#13a4aa;}
.header.on .nav ul li.on .y_j a{color:#13a4aa;}
.header .nav .y_j a:after{width:0; height:2px; background-color:#13a4aa; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li:hover .y_j a:after{width:100%;}
.header .nav ul li.on .y_j a:after{
  width:100%;
}
.header.on .nav ul li.on .y_j a:after{width:100%;}
.header .nav .e_j{width:180px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.03); position:absolute; top:76px; left:50%; margin-left:-90px; display:none;}
.header .nav #p_r .e_j{width:100%; max-height:calc(100vh - 76px); padding:50px 0 20px; left:0; margin-left:0; overflow-y:overlay;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .row{margin:0 -10px;}
.header .nav .f_l p a{font-size:14px; line-height:46px; color:#555; text-align:center; display:block;}
.header .nav .f_l p a:hover{background-color:#f7f7f7; color:#13a4aa;}
.header .nav .cp_xl{width:calc(20% - 20px); margin:0 10px 20px;}
.header .nav .cp_xl .t_p{width:100%; padding:20px; background-color:#f7f7f7; text-align:center;}
.header .nav .cp_xl .t_p img{width:100%; height:auto; display:inline-block;
transition:all 1s;
-webkit-transition:all 1s;}
.header .nav .cp_xl .t_p:hover img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.header .nav .cp_xl .b_t{text-align:center; line-height:26px; margin-top:15px;}
.header .nav .s_b{display:none;}
.header .yc_nr{display:flex; flex-wrap:wrap; align-items:center; gap: 16px;}
.header .s_ch{line-height:36px; color:#555; cursor:pointer; display:inline-block; margin-right:30px;
transition:all .5s;
-webkit-transition:all .5s;}

.header .s_ch i{font-size:20px; font-weight:bold; margin-top:-2px; vertical-align:middle; display:inline-block;}
.header .j_xs{line-height:36px; color:#fff; cursor:pointer; display:inline-block; margin-right:30px;}
.header .j_xs a{color:#555;}

.header:hover .j_xs a:hover{color:#13a4aa;}
.header.on .j_xs a:hover{color:#13a4aa;}
.header .j_xs i{margin-right:5px; margin-top:-2px; vertical-align:middle; display:inline-block;}
.header .yy_qh{position:relative;}
.header .yy_qh span.x_z{color:#555; line-height:76px; display:inline-block; cursor:pointer;
transition:all .5s;
-webkit-transition:all .5s;}

.header .yy_qh span.x_z i{font-size:14px; color:#888; display:inline-block; vertical-align:middle; margin-left:8px; margin-top:-3px;}

.header .yy_qh .x_l{width:130px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); position:absolute; top:76px; left:50%; margin-left:-65px; opacity:0; visibility:hidden; display:inline-block;
transform:translateY(10px);
-webkit-transform:translateY(10px);
transition:all .5s;
-webkit-transition:all .5s;}
.header .yy_qh:hover .x_l{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);}
.header .yy_qh .x_l a{display:block; font-size:14px; color:#555; text-align:center; line-height:46px;}
.header .yy_qh .x_l a:hover{background-color:#f7f7f7; color:#13a4aa;}
@media only screen and (max-width:1440px){
.header .nav ul li{margin-right:30px;}
.header .s_ch{margin-right:15px;}
.header .j_xs{margin-right:15px;}
}
@media only screen and (max-width:1200px){

.header .logo{width:160px; margin:20px 0;}
.header .an{display:block;}
.header .yc_nr{margin-top:15px;}
.header .nav{width:100%; height:calc(100vh - 68px); padding:10px 5% 20px; margin:0; background-color:#f7f7f7; position:fixed; top:68px; right:-100%; z-index:9999; overflow:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{right:0;}
.header .nav ul{width:100%; float:none; display:block;}
.header .nav ul li{width:100%; height:auto; text-align:left; border-bottom:1px solid #ddd; float:none; padding:0; margin:0;}
.header .nav .y_j:after{display:none;}
.header .nav .y_j i{display:block; margin:0; width:80%; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:66px; z-index:99;
transform:none;
-webkit-transform:none;}
.header .nav ul li:hover .y_j i{transform:none;
-webkit-transform:none;}
.header .nav ul li.on .y_j i{transform:none;
-webkit-transform:none;}
.header .nav .y_j a{font-size:16px; color:#333; line-height:66px; text-shadow:none; display:block;}
.header .nav .y_j a:hover{color:#333;}
.header .nav ul li:hover .y_j a{color:#333;}
.header .nav ul li.on .y_j a{color:#333;}
.header .nav .y_j a:after{display:none;}
.header .nav .e_j{width:100%; height:calc(100vh - 68px); padding:10px 5% 20px; background-color:#f7f7f7; position:fixed; top:auto; left:auto; bottom:0; right:-100%; z-index:9999; overflow:auto; display:block; opacity:1; visibility:inherit;
transition:all .5s;
-webkit-transition:all .5s;
transform:none;
-webkit-transform:none;}
.header .nav #p_r .e_j{max-width:100%; height:calc(100vh - 68px); max-height:calc(100vh - 68px); padding:10px 5% 20px; left:auto; margin-left:0;
transform:none;
-webkit-transform:none;}
.header .nav .e_j.on{right:0;}
.header .nav .e_j:after{display:none;}
.header .nav .row{margin:0 -5px;}
.header .nav .f_l{width:100%; padding:0; margin-bottom:0;}
.header .nav .f_l p{margin:0;}
.header .nav .f_l p a{font-size:16px; line-height:66px; color:#333; text-align:left; border-bottom:1px solid #ddd;}
.header .nav .f_l p a:hover{color:#333;}
.header .nav .cp_xl{width:calc(20% - 10px); margin:0 5px 10px;}
.header .nav .cp_xl .t_p{padding:10px;}
.header .nav .s_b{display:block; line-height:50px;}
.header .nav .s_b i{font-size:16px; font-weight:bold;}
.header .s_ch{color:#555; margin-right:25px;}
.header .j_xs{margin-right:25px;}
.header .yy_qh span.x_z{display:none;}
.header .yy_qh .x_l{width:auto; background:none; box-shadow:none; position:relative; top:auto; left:auto; margin-left:0; opacity:1; visibility:inherit; display:flex;
transform:none;
-webkit-transform:none;}
.header .yy_qh .x_l a{margin-right:25px;}
}
@media only screen and (max-width:992px){
.header .logo{width:136px; margin:22px 0;}
.header .nav{width:100%; height:calc(100vh - 69px);}
.header .nav .e_j{width:100%; height:calc(100vh - 69px);}
.header .nav #p_r .e_j{height:calc(100vh - 69px); max-height:calc(100vh - 69px);}
.header .nav .container{padding:0;}
.header .nav .row{margin:0 -10px;}
.header .nav .cp_xl{width:calc(50% - 20px); margin:0 10px 20px;}
}

.search{width:100%; height:100vh; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:9999999999; display:none;}
.search .sc_gb{position:absolute; top:-50px; right:-50px; cursor:pointer; color:#fff;
transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{color:#13a4aa;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.search .sc_nr{width:560px; padding-left:30px; background-color:#fff; border-radius:30px; margin:0 auto; display:flex; justify-content:space-between; position:absolute; top:50%; left:50%; margin:-30px 0 0 -280px;}
.search input{width:430px; height:60px; line-height:60px; color:#333;}
.search input::placeholder{color:#999;}
.search button{width:100px; height:60px; line-height:60px; text-align:center; color:#000; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.search button:hover{color:#13a4aa;}
.search button i{font-weight:bold;}
@media only screen and (max-width:1200px){
.search{height:100vh; top:0;}
.search .sc_bj{padding:60px 0;}
}
@media only screen and (max-width:992px){
.search .sc_nr{width:90%;}
.search .sc_gb{top:10px; right:20px;}
.search .sc_gb i{font-size:22px; font-weight:lighter;}
.search input{width:85%; font-size:15px;}
.search button{width:15%;}
.search button i{font-size:24px; font-weight:lighter;}
}

.head_h{width:100%; height:76px; overflow:hidden;}
@media only screen and (max-width:1200px){
.head_h{height:68px;}
}


.pc_ban{
  width:100%;
  height:100vh;

  position:relative;

  overflow:hidden;
}

.pc_ban .swiper-button-prev{
  width:50px;
  height:50px;

  padding:10px;

  border-radius:50%;

  background:rgba(0,0,0,.3);

  left:0;

  margin-top:-25px;

  opacity:0;

  z-index:99;

  transition:all .5s;
  -webkit-transition:all .5s;
}

.pc_ban:hover .swiper-button-prev{
  left:3%;
  opacity:1;
}

.pc_ban:hover .swiper-button-prev:hover{
  background:rgba(0,0,0,.5);
}

.pc_ban .swiper-button-next{
  width:50px;
  height:50px;

  padding:10px;

  border-radius:50%;

  background:rgba(0,0,0,.3);

  right:0;

  margin-top:-25px;

  opacity:0;

  z-index:99;

  transition:all .5s;
  -webkit-transition:all .5s;
}

.pc_ban:hover .swiper-button-next{
  right:3%;
  opacity:1;
}

.pc_ban:hover .swiper-button-next:hover{
  background:rgba(0,0,0,.5);
}

.pc_ban .swiper-pagination{
  bottom:30px;
}

.pc_ban .swiper-pagination-bullet{
  width:8px;
  height:8px;

  border-radius:8px;

  background-color:#fff;

  opacity:.6;

  margin:0 5px !important;

  transition:all .5s;
  -webkit-transition:all .5s;
}

.pc_ban .swiper-pagination-bullet-active{
  width:36px;
  opacity:1;
}

.pc_ban .swiper-slide{
  overflow:hidden;

  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.pc_ban .swiper-slide:after{
  width:0;
  height:5px;

  background-color:rgba(255,255,255,.2);

  position:absolute;

  left:0;
  bottom:0;

  content:"";

  transition:all 10s .5s;
  -webkit-transition:all 10s .5s;
}

.pc_ban .swiper-slide-active:after{
  width:100%;
}

/* =========================================================
   CONTENT POSITION
========================================================= */

.pc_ban .container{
  position: relative;

  width:100%;
  height:100%;

  z-index:99;
}

.pc_ban .bn_wz{
  position:absolute;

  bottom: 180px;
  right:120px;

  width:620px;

  text-align:right;

  color:#fff;

  text-shadow:0 0 20px rgba(0,0,0,.3);
}

.pc_ban .bn_wz.wz_lf{
  left:114px;
  right:auto;

  text-align:left;
}

/* =========================================================
   SMALL TITLE
========================================================= */

.pc_ban .bn_wz h1{
  margin-bottom:10px;

  font-size:40px;
  line-height:1.1;

  font-family:"DINPro";
  font-weight:700;

  color:#fff;
}

/* =========================================================
   BIG TITLE
========================================================= */

.pc_ban .bn_wz h3{
  margin-bottom:22px;

  font-size:48px;
  line-height:1;

  font-family:"DINPro";
  font-weight:900;

  color:#fff;
}

/* =========================================================
   BUTTON
========================================================= */

.pc_ban .bn_wz a{
  width:155px;
  height:44px;

  border:1px solid #13a4aa;

  background:#13a4aa;

  border-radius:5px;

  font-size:20px;
  line-height:42px;

  font-family:"DINPro";
  font-weight:500;

  text-align:center;

  color:#fff;

  display:inline-block;

  position:relative;

  text-decoration:none;

  transition:all .35s ease;
}

.pc_ban .bn_wz a:hover{
  background:rgba(0,0,0,.1);

  color:#13a4aa;
}

.pc_ban img{
  width:100%;
  height:auto;

  display:inline-block;
}

.gy_bt{margin-bottom:50px; text-align:center;}
.gy_bt h1{font-size:50px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:56px;}
.gy_bt p{font-size:20px; color:#999; line-height:26px;}
@media only screen and (max-width:1440px){
.gy_bt{margin-bottom:40px;}
.gy_bt h1{font-size:44px; line-height:50px;}
.gy_bt p{font-size:18px;}
}
@media only screen and (max-width:1200px){
.gy_bt{margin-bottom:35px;}
.gy_bt h1{font-size:32px; line-height:40px;}
.gy_bt p{font-size:16px; line-height:24px;}
}
@media only screen and (max-width:992px){
.gy_bt{margin-bottom:30px;}
.gy_bt h1{font-size:26px; line-height:34px;}
.gy_bt p{font-size:14px; line-height:22px;}
}

.sy_cp{width:100%; background:#f5f5f5 url(../assets/cp_bj.jpg) no-repeat bottom center; margin-top:100vh; padding:90px 0; position:relative; z-index:9; overflow:hidden;}
.sy_cp .cp_zs{position:relative;}
.sy_cp .swiper-cp{position:relative; padding-bottom:80px; overflow:inherit !important;}
.sy_cp .swiper-button-prev{width:44px; height:44px; border:1px solid #13a4aa; border-radius:50%; background:url(../assets/zjt2.svg) no-repeat center / 26px 26px; left:50%; margin-left:-660px; top:auto; bottom:0; margin-top:0; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-prev:hover{background:#13a4aa url(../assets/zjt.svg) no-repeat center / 26px 26px;}
.sy_cp .swiper-button-next{width:44px; height:44px; border:1px solid #13a4aa; border-radius:50%; background:url(../assets/yjt2.svg) no-repeat center / 26px 26px; right:50%; margin-right:-660px; top:auto; bottom:0; margin-top:0; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-next:hover{background:#13a4aa url(../assets/yjt.svg) no-repeat center / 26px 26px;}
.sy_cp .swiper-pagination-progressbar{max-width:1200px; height:4px; left:50%; top:auto; bottom:20px; background-color:#ddd; border-radius:4px; overflow:hidden;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);}
.sy_cp .swiper-pagination-progressbar-fill{background-color:#13a4aa;}
.sy_cp .swiper-slide{width:40%; cursor:pointer; position:relative; overflow:hidden;}
.sy_cp .swiper-slide img{width:100%; height:auto; display:block; margin:0 auto;
transition:all 1s;
-webkit-transition:all 1s;
transform:scale(.5);
-webkit-transform:scale(.5);}
.sy_cp .swiper-slide-active img{transform:scale(1);
-webkit-transform:scale(1);}
.sy_cp .swiper-slide a{width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; display:none;}
.sy_cp .swiper-slide-active a{display:block;}
.sy_cp .w_z{font-size:28px; line-height:36px; text-align:center; color:#333; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; margin-top:25px; opacity:0;}
.sy_cp .swiper-slide-active .w_z{opacity:1;}
@media only screen and (max-width:1440px){
.sy_cp .swiper-cp{padding-bottom:60px;}
.sy_cp .swiper-button-prev{margin-left:-560px;}
.sy_cp .swiper-button-next{margin-right:-560px;}
.sy_cp .swiper-pagination-progressbar{max-width:1000px;}
.sy_cp .w_z{font-size:22px; line-height:30px; margin-top:15px;}
}
@media only screen and (max-width:1200px){
.sy_cp{margin-top:600px; padding:70px 0 50px;}
.sy_cp .swiper-button-prev{display:none;}
.sy_cp .swiper-button-next{display:none;}
.sy_cp .swiper-slide{width:50%;}
.sy_cp .swiper-slide img{transform:scale(.7);
-webkit-transform:scale(.7);}
.sy_cp .swiper-slide-active img{transform:scale(1);
-webkit-transform:scale(1);}
.sy_cp .swiper-pagination-progressbar{max-width:800px;}
.sy_cp .w_z{font-size:20px; line-height:28px;}
}
@media only screen and (max-width:992px){
.sy_cp{margin-top:500px; padding:50px 0 30px;}
.sy_cp .swiper-pagination-progressbar{max-width:80%;}
.sy_cp .w_z{font-size:17px; line-height:26px;}
}
@media only screen and (max-width:640px){
.sy_cp .swiper-slide{width:100%;}
}

.sy_gy{width:100%; height:100vh; background-color:#fff; display:flex; align-items:center; justify-content:center; position:relative; z-index:9; overflow:hidden;}
.sy_gy .gy_bj{width:82%; height:80vh; background:url(/assets/gy_bj.jpg) no-repeat center / cover; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transition:all .5s;
-webkit-transition:all .5s;}
.sy_gy .gy_bj.active{width:100%; height:100vh; position:fixed;}
.sy_gy .container{position:relative; z-index:9;}
.sy_gy .gy_bt h1{color:#fff;}
.sy_gy .gy_bt p{color:#fff;}
.sy_gy .gy_wz{width:65%; margin:0 auto; font-size:22px; line-height:36px; text-align:center; color:#fff; overflow:hidden; display:-webkit-box;
line-clamp:4;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;}
.sy_gy a.more{width:180px; height:56px; border:1px solid #13a4aa; background:#13a4aa; border-radius:5px; font-size:20px; line-height:56px; text-align:center; color:#fff; display:block; margin:40px auto 0; position:relative;}
.sy_gy a.more:hover{background:rgba(0,0,0,.1); color:#13a4aa;}
@media only screen and (max-width:1440px){
.sy_gy .gy_wz{width:80%; font-size:18px; line-height:30px;}
.sy_gy a.more{width:160px; height:50px; font-size:18px; line-height:46px; margin:30px auto 0;}
}
@media only screen and (max-width:1200px){
.sy_gy{height:auto; padding:80px 0;}
.sy_gy .gy_bj{width:100%; height:100%;}
.sy_gy .gy_bj.active{height:100%; position:absolute;}
.sy_gy .gy_wz{width:80%; font-size:16px; line-height:28px;}
.sy_gy a.more{width:130px; height:38px; font-size:15px; line-height:36px; margin-top:25px;}
}
@media only screen and (max-width:992px){
.sy_gy{padding:60px 0;}
.sy_gy .gy_wz{width:90%; font-size:15px; line-height:22px;}
.sy_gy a.more{width:120px; height:34px; font-size:14px; line-height:32px; margin-top:15px;}
}

.sy_cb{width:100%; padding:90px 0; background-color:#fff; position:relative; z-index:9; overflow:hidden;}
.sy_cb .container{position:relative;}
.sy_cb .cb_tp{width:80%;}
.sy_cb .cb_tp img{width:100%; height:auto; display:block;}
.sy_cb .cb_wz{width:36%; position:absolute; top:50%; right:15px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);}
.sy_cb .wz_nr{padding:80px 35px; background-color:rgba(0,0,0,.8); text-align:center; color:#fff;}
.sy_cb .cb_wz h3{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:40px; margin-bottom:10px;}
.sy_cb .cb_wz p{line-height:26px; overflow:hidden;}
.sy_cb .cb_wz a.more{width:160px; height:46px; border:1px solid #13a4aa; border-radius:2px; font-size:16px; line-height:44px; text-align:center; color:#13a4aa; display:block; margin:30px auto 0; position:relative;}
.sy_cb .cb_wz a.more:hover{ background:#13a4aa; color:#fff;}
@media only screen and (max-width:1440px){
.sy_cb .wz_nr{padding:60px 30px;}
.sy_cb .cb_wz h3{font-size:30px; line-height:36px;}
.sy_cb .cb_wz a.more{width:140px; margin:25px auto 0;}
}
@media only screen and (max-width:1200px){
.sy_cb{padding:70px 0;}
.sy_cb .cb_tp{width:75%;}
.sy_cb .cb_wz{width:40%;}
.sy_cb .wz_nr{padding:40px 20px;}
.sy_cb .cb_wz h3{font-size:26px; line-height:30px;}
.sy_cb .cb_wz a.more{width:130px; height:40px; line-height:38px; margin:20px auto 0;}
}
@media only screen and (max-width:992px){
.sy_cb{padding:50px 0;}
.sy_cb .cb_tp{width:100%;}
.sy_cb .cb_wz{width:100%; position:relative; top:auto; right:auto;
transform:none;
-webkit-transform:none;}
.sy_cb .wz_nr{padding:35px 15px;}
.sy_cb .cb_wz h3{font-size:22px; line-height:26px;}
.sy_cb .cb_wz p{line-height:22px;}
.sy_cb .cb_wz a.more{width:120px; height:34px; line-height:32px; margin:15px auto 0;}
}

.sy_xw{width:100%; padding:90px 0; background:#fff url(/assets/dd.png); position:relative; z-index:9; overflow:hidden;}
.sy_xw .xw_zs{position:relative;}
.sy_xw .swiper-button-prev{width:44px; height:44px; border-radius:50%; background:#eee url(/assets/zjt1.svg) no-repeat center / 26px 26px; left:-64px; margin-top:-22px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .swiper-button-prev:hover{background:#13a4aa url(/assets/zjt.svg) no-repeat center / 26px 26px;}
.sy_xw .swiper-button-next{width:44px; height:44px; border-radius:50%; background:#eee url(/assets/yjt1.svg) no-repeat center / 26px 26px; right:-64px; margin-top:-22px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .swiper-button-next:hover{background:#13a4aa url(/assets/yjt.svg) no-repeat center / 26px 26px;}
.sy_xw .swiper-pagination{display:none;}
.sy_xw .t_p{overflow:hidden;}
.sy_xw .w_z h3{font-size:26px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:32px; margin:15px 0;}
.sy_xw .w_z p{line-height:26px; color:#777; margin-bottom:10px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_xw .w_z span{color:#555;}
.sy_xw .w_z i{font-size:16px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-4px;}
.sy_xw img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;}
.sy_xw .swiper-slide:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);}
.sy_xw ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);}
@media only screen and (max-width:1440px){
.sy_xw .w_z h3{font-size:22px; line-height:28px;}
}
@media only screen and (max-width:1200px){
.sy_xw{padding:70px 0 50px;}
.sy_xw .swiper-xw{width:100%; padding-bottom:30px;}
.sy_xw .swiper-button-prev{display:none;}
.sy_xw .swiper-button-next{display:none;}
.sy_xw .swiper-pagination{display:block; bottom:0;}
.sy_xw .swiper-pagination-bullet-active{background-color:#13a4aa;}
.sy_xw .w_z h3{font-size:20px; line-height:26px; margin:10px 0;}
}
@media only screen and (max-width:992px){
.sy_xw{padding:50px 0 30px;}
.sy_xw .swiper-xw{padding-bottom:20px;}
.sy_xw .w_z h3{font-size:18px; line-height:24px;}
.sy_xw .w_z p{line-height:22px;}
}

.n_ban{width:100%; height:100vh; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; position:relative; overflow:hidden;}
.n_ban .container{position:absolute; top:55%; left:50%; z-index:99;
transform:translate(-50%,-50%); 
-webkit-transform:translate(-50%,-50%);}
.n_ban .w_z{width:50%; font-size:80px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:86px; color:#fff;}
.n_ban .w_z span{display:inline-block;}
@media only screen and (max-width:1440px){
.n_ban .w_z{width:55%; font-size:60px; line-height:76px;}
}
@media only screen and (max-width:1200px){
.n_ban{height:500px; background-attachment:scroll;}
.n_ban .w_z{width:60%; font-size:50px; line-height:60px;}
}
@media only screen and (max-width:992px){
.n_ban{height:360px;}
.n_ban .w_z{width:70%; font-size:30px; line-height:40px;}
}

.nx_bn{width:100%; height:560px; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; overflow:hidden;}
.nx_bn .bn_ss{width:500px; padding-left:30px; background-color:#fff; border-radius:30px; margin:0 auto; display:flex; justify-content:space-between; position:absolute; top:50%; left:50%; margin:-30px 0 0 -250px;}
.nx_bn input{width:390px; height:60px; line-height:60px; color:#333;}
.nx_bn input::placeholder{color:#999;}
.nx_bn button{width:80px; height:60px; line-height:60px; text-align:center; color:#000; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.nx_bn button:hover{color:#13a4aa;}
.nx_bn button i{font-weight:bold;}
@media only screen and (max-width:1200px){
.nx_bn{height:400px;}
.nx_bn .bn_ss{width:400px; padding-left:20px; border-radius:30px; margin:-25px 0 0 -200px;}
.nx_bn input{width:320px; height:50px; line-height:50px;}
.nx_bn button{width:60px; height:50px; line-height:50px;}
}
@media only screen and (max-width:992px){
.nx_bn{height:300px;}
.nx_bn .bn_ss{width:80%; max-width:400px; margin:0;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.nx_bn input{width:calc(100% - 70px);}
}

.ab_js{width:100%; padding:100px 0; overflow:hidden;}
.ab_js .row{margin:0 -25px;}
.ab_js .js_wz{width:calc(50% - 50px); margin:0 25px; position:relative;}
.ab_js .js_wz .b_t{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:46px;}
.ab_js .js_wz .h_x{width:80px; height:6px; border-radius:6px; background-color:#13a4aa; margin:20px 0 35px;}
.ab_js .js_wz .w_z{font-size:18px; line-height:30px;}
.ab_js .js_wz .z_m{position:absolute; bottom:0; left:0; font-size:70px; line-height:70px; font-weight:bold; text-transform:uppercase; font-family:"Times New Roman"; white-space:nowrap;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-image:-webkit-linear-gradient(top, #eee, #fff);
background-image:linear-gradient(top, #eee, #fff);}
.ab_js .js_tp{width:calc(50% - 50px); margin:0 25px;}
.ab_js .js_tp img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1440px){
.ab_js .row{margin:0 -20px;}
.ab_js .js_wz{width:calc(50% - 40px); margin:0 20px;}
.ab_js .js_wz .b_t{font-size:30px; line-height:38px;}
.ab_js .js_wz .h_x{width:60px; height:5px; border-radius:5px; margin:15px 0 25px;}
.ab_js .js_wz .w_z{font-size:17px; line-height:28px;}
.ab_js .js_wz .z_m{font-size:50px; line-height:50px;}
.ab_js .js_tp{width:calc(50% - 40px); margin:0 20px;}
}
@media only screen and (max-width:1200px){
.ab_js{padding:60px 0;}
.ab_js .row{margin:0 -15px;}
.ab_js .js_wz{width:calc(50% - 30px); margin:0 15px;}
.ab_js .js_wz .b_t{font-size:26px; line-height:32px;}
.ab_js .js_wz .h_x{width:50px; margin:10px 0 20px;}
.ab_js .js_wz .w_z{font-size:16px; line-height:26px;}
.ab_js .js_wz .z_m{font-size:30px; line-height:30px;}
.ab_js .js_tp{width:calc(50% - 30px); margin:0 15px;}
}

.cp_xq .js_tp{position:relative;}
.cp_xq .js_tp .t_p{transition:all .5s;
  -webkit-transition:all .5s;}
.cp_xq .js_tp:hover .t_p{opacity:.6;}
.cp_xq .js_tp i{position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; opacity:0; cursor:pointer;
  transition:all .5s;
  -webkit-transition:all .5s;}
.cp_xq .js_tp:hover i{opacity:1;}

.cp_dt{
  width: 100%;
  overflow: hidden;
}
.cp_dt img {
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width:992px){
  .cp_xq .row{flex-direction:column-reverse;}
}
.tc_tp{width:100%; height:100%; background-color:rgba(255,255,255,.96); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_tp .g_b{position:absolute; top:50px; right:50px; cursor:pointer; color:#555;
  transition:all .5s;
  -webkit-transition:all .5s;}
.tc_tp .g_b:hover{color:#13a4aa;
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);}
.tc_tp .g_b i{font-size:26px;}
.tc_tp .tp_nr{width:100%; max-width:1000px; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);}
.tc_tp .tp_nr img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1400px){
  .tc_tp .g_b{top:30px; right:30px;}
  .tc_tp .g_b i{font-size:22px;}
  .tc_tp .tp_nr{max-width:1000px;}
}
@media only screen and (max-width:1100px){
  .tc_tp .g_b{top:50px; right:50px;}
  .tc_tp .tp_nr{max-width:86%;}
}
@media only screen and (max-width:768px){
  .tc_tp .g_b{top:30px; right:30px;}
  .tc_tp .tp_nr{max-width:96%;}
}


@media only screen and (max-width:992px){
.ab_js{padding:40px 0;}
.ab_js .row{margin:0;}
.ab_js .js_wz{width:100%; margin:10px 0;}
.ab_js .js_wz .b_t{font-size:22px; line-height:28px;}
.ab_js .js_wz .h_x{width:40px;}
.ab_js .js_wz .w_z{font-size:15px; line-height:22px;}
.ab_js .js_wz .z_m{display:none;}
.ab_js .js_tp{width:100%; margin:10px 0;}
}

.ab_yj{width:100%; padding:120px 0; background-color:#000; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden; position:relative;}
.ab_yj:after{width:25%; height:100%; position:absolute; top:0; left:0; content:""; background-color:#fafafa;}
.ab_yj .container{position:relative; z-index:10;}
.ab_yj .yj_wz{width:50%; padding:50px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.05);}
.ab_yj .yj_wz .b_t{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:46px;}
.ab_yj .yj_wz .h_x{width:80px; height:6px; border-radius:6px; background-color:#13a4aa; margin:20px 0 35px;}
.ab_yj .yj_wz .w_z{font-size:18px; line-height:30px;}
@media only screen and (max-width:1440px){
.ab_yj .yj_wz{width:55%; padding:35px;}
.ab_yj .yj_wz .b_t{font-size:30px; line-height:38px;}
.ab_yj .yj_wz .h_x{width:60px; height:5px; border-radius:5px; margin:15px 0 25px;}
.ab_yj .yj_wz .w_z{font-size:17px; line-height:28px;}
}
@media only screen and (max-width:1200px){
.ab_yj{padding:80px 0; background-attachment:scroll;}
.ab_yj .yj_wz{width:55%; padding:30px;}
.ab_yj .yj_wz .b_t{font-size:26px; line-height:32px;}
.ab_yj .yj_wz .h_x{width:50px; margin:10px 0 20px;}
.ab_yj .yj_wz .w_z{font-size:16px; line-height:26px;}
}
@media only screen and (max-width:992px){
.ab_yj{padding:50px 0;}
.ab_yj:after{display:none;}
.ab_yj .yj_wz{width:100%; padding:20px; background-color:rgba(255,255,255,.8);}
.ab_yj .yj_wz .b_t{font-size:22px; line-height:28px;}
.ab_yj .yj_wz .h_x{width:40px;}
.ab_yj .yj_wz .w_z{font-size:15px; line-height:22px;}
}

.ab_qj{width:100%; overflow:hidden; position:relative;}
.ab_qj img{width:100%; height:auto; display:block;}
.ab_qj .container{position:absolute; top:0; left:50%; z-index:99;
transform:translateX(-50%); 
-webkit-transform:translateX(-50%);}
.ab_qj .qj_wz{max-width:900px; margin:0 auto; text-align:center;}
.ab_qj .qj_wz .b_t{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:46px;}
.ab_qj .qj_wz .h_x{width:80px; height:6px; border-radius:6px; background-color:#13a4aa; margin:20px auto 35px;}
.ab_qj .qj_wz .w_z{font-size:18px; line-height:30px;}
@media only screen and (max-width:1440px){
.ab_qj .qj_wz .b_t{font-size:30px; line-height:38px;}
.ab_qj .qj_wz .h_x{width:60px; height:5px; border-radius:5px; margin:15px auto 25px;}
.ab_qj .qj_wz .w_z{font-size:17px; line-height:28px;}
}
@media only screen and (max-width:1200px){
.ab_qj{padding-top:50px;}
.ab_qj .qj_wz .b_t{font-size:26px; line-height:32px;}
.ab_qj .qj_wz .h_x{width:50px; margin:10px auto 20px;}
.ab_qj .qj_wz .w_z{font-size:16px; line-height:26px;}
}
@media only screen and (max-width:992px){
.ab_qj{padding-top:0;}
.ab_qj .container{position:relative; top:auto; left:auto;
transform:none; 
-webkit-transform:none;}
.ab_qj .qj_wz .b_t{font-size:22px; line-height:28px;}
.ab_qj .qj_wz .h_x{width:40px;}
.ab_qj .qj_wz .w_z{font-size:15px; line-height:22px;}
}

.ny_xw{width:100%; padding:80px 0; overflow:hidden;}
.ny_xw .xw_bt{width:100%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:40px; font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:44px;}
.ny_xw .xw_lb ul{margin:0 -20px;}
.ny_xw .xw_lb ul li{width:calc(33.33333333% - 40px); margin:0 20px 30px;}
.ny_xw .t_p{overflow:hidden;}
.ny_xw .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;}
.ny_xw .xw_lb ul li:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);}
.ny_xw .m_c{font-size:20px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:30px; margin-top:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_xw .w_z h3{font-size:26px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:32px; margin:15px 0;}
.ny_xw .w_z p{line-height:26px; color:#777; margin-bottom:10px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.ny_xw .w_z span{color:#555;}
.ny_xw .w_z i{font-size:16px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-4px;}
@media only screen and (max-width:1440px){
.ny_xw .xw_bt{padding-bottom:25px; margin-bottom:30px; font-size:30px; line-height:38px;}
.ny_xw .xw_lb ul{margin:0 -15px;}
.ny_xw .xw_lb ul li{width:calc(33.33333333% - 30px); margin:0 15px 30px;}
.ny_xw .m_c{font-size:18px; line-height:28px; margin-top:10px;}
.ny_xw .w_z h3{font-size:22px; line-height:28px; margin:10px 0;}
}
@media only screen and (max-width:1200px){
.ny_xw{padding:60px 0;}
.ny_xw .xw_bt{padding-bottom:20px; margin-bottom:25px; font-size:26px; line-height:32px;}
.ny_xw .xw_lb ul{margin:0 -10px;}
.ny_xw .xw_lb ul li{width:calc(50% - 20px); margin:0 10px 20px;}
.ny_xw .m_c{font-size:17px; line-height:26px;}
.ny_xw .w_z h3{font-size:20px; line-height:26px;}
}
@media only screen and (max-width:992px){
.ny_xw{padding:50px 0;}
.ny_xw .xw_bt{font-size:22px; line-height:30px;}
.ny_xw .w_z h3{font-size:18px; line-height:24px;}
}
@media only screen and (max-width:640px){
.ny_xw .xw_lb ul{margin:0;}
.ny_xw .xw_lb ul li{width:100%; margin:0 10px 20px;}
}

.xw_xq{width:100%; padding:80px 0; overflow:hidden; position:relative;}
.xw_xq .container{max-width:1230px;}
.xw_xq .xq_nr .b_t{font-size:36px; color:#000; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:46px; text-align:center; margin-bottom:25px;}
.xw_xq .xq_nr .x_x{padding-bottom:30px; margin-bottom:45px; border-bottom:1px solid #eee; text-align:center; line-height:26px;}
.xw_xq .xq_nr .x_x span{display:inline-block; padding:0 10px;}
.xw_xq .xq_nr .n_r{font-size:18px; line-height:32px; color:#333;}
.xw_xq .xq_nr .n_r img{width:100%; height:auto; display:block;}
.xw_xq .xq_nr .f_y{margin-top:40px; padding-top:30px; border-top:1px solid #eee; color:#999; line-height:32px; text-transform:uppercase;}
.xw_xq .xq_nr .z_c, .xw_xq .xq_nr .y_c{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media only screen and (max-width:1440px){
.xw_xq .xq_nr .b_t{font-size:30px; line-height:36px; margin-bottom:20px;}
.xw_xq .xq_nr .x_x{padding-bottom:25px; margin-bottom:35px;}
.xw_xq .xq_nr .n_r{font-size:17px; line-height:28px;}
.xw_xq .xq_nr .f_y{margin-top:30px; padding-top:25px; line-height:30px;}
}
@media only screen and (max-width:1200px){
.xw_xq{padding:60px 0 80px;}
.xw_xq .xq_nr .b_t{font-size:24px; line-height:34px; margin-bottom:15px;}
.xw_xq .xq_nr .x_x{padding-bottom:25px; margin-bottom:30px;}
.xw_xq .xq_nr .n_r{font-size:14px; line-height:24px;}
.xw_xq .xq_nr .f_y{margin-top:30px; padding-top:20px; font-size:14px;}
}
@media only screen and (max-width:992px){
.xw_xq{padding:40px 0 60px;}
.xw_xq .xq_nr .b_t{font-size:22px; line-height:32px;}
}

.cl_bt{margin-bottom:50px; text-align:center; font-size:50px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:56px;}
@media only screen and (max-width:1440px){
.cl_bt{margin-bottom:40px; font-size:40px; line-height:46px;}
}
@media only screen and (max-width:1200px){
.cl_bt{margin-bottom:30px; font-size:32px; line-height:40px;}
}
@media only screen and (max-width:992px){
.cl_bt{margin-bottom:25px; font-size:26px; line-height:32px;}
}

.cl_js{width:100%; padding:80px 0; overflow:hidden;}
.cl_js .cl_wz{font-size:20px; text-align:center; line-height:32px;}
.cl_js .wrap{margin:30px 0;}
.cl_js .wrap ul li{width:calc(33.33333333% - 30px); margin:0 15px; text-align:center;}
.cl_js .wrap b{font-size:100px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:120px;}
.cl_js .wrap p{font-size:20px; color:#999;}
.cl_js .cl_tp ul li{width:calc(50% - 30px); margin:0 15px;}
.cl_js .cl_tp img{width:100%; height:auto; display:block;}
.cl_js .video{width:100%; margin-bottom:30px; overflow:hidden; position:relative;}
.cl_js .video video{width:100%; height:100%; display:block; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
object-fit:cover;
object-position:center;
-webkit-user-select:none;
user-select:none;}
.cl_js .vd_bj{width:100%; cursor:pointer; position:relative; z-index:9;}
.cl_js .vd_bj.on{opacity:0; z-index:-9;}
.cl_js .vd_bj:after{width:100%; height:100%; position:absolute; top:0; left:0; content:""; background-color:rgba(0,0,0,.3);}
.cl_js .vd_bj img{width:100%; height:auto; display:block;}
.cl_js .vd_bj i{position:absolute; top:50%; left:50%; z-index:9; font-size:56px; color:#fff;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
@media only screen and (max-width:1440px){
.cl_js .cl_wz{font-size:18px; line-height:28px;}
.cl_js .wrap{margin:25px 0;}
.cl_js .wrap b{font-size:70px; line-height:90px;}
.cl_js .wrap p{font-size:18px;}
}
@media only screen and (max-width:1200px){
.cl_js{padding:60px 0;}
.cl_js .cl_wz{font-size:16px; line-height:26px;}
.cl_js .wrap{margin:20px 0;}
.cl_js .wrap ul{margin:0 -10px;}
.cl_js .wrap ul li{width:calc(33.33333333% - 20px); margin:0 10px;}
.cl_js .wrap b{font-size:50px; line-height:70px;}
.cl_js .wrap p{font-size:16px;}
.cl_js .cl_tp ul{margin:0 -10px;}
.cl_js .cl_tp ul li{width:calc(50% - 20px); margin:0 10px;}
}
@media only screen and (max-width:992px){
.cl_js{padding:50px 0;}
.cl_js .cl_wz{font-size:15px; line-height:22px;}
.cl_js .wrap{margin:15px 0;}
.cl_js .wrap ul{margin:0 -5px;}
.cl_js .wrap ul li{width:calc(33.33333333% - 10px); margin:0 5px;}
.cl_js .wrap b{font-size:36px; line-height:50px;}
.cl_js .wrap p{font-size:15px;}
.cl_js .cl_tp ul{margin:0 -5px;}
.cl_js .cl_tp ul li{width:calc(50% - 10px); margin:0 5px;}
}

.cl_ss{width:100%; padding:80px 0; background-color:#f7f7f7; overflow:hidden;}
.cl_ss .ss_zs{position:relative;}
.cl_ss .swiper-button-prev{width:44px; height:44px; border-radius:50%; background:#fff url(/assets/zjt1.svg) no-repeat center / 26px 26px; left:-64px; margin-top:-22px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.cl_ss .swiper-button-prev:hover{background:#13a4aa url(/assets/zjt.svg) no-repeat center / 26px 26px;}
.cl_ss .swiper-button-next{width:44px; height:44px; border-radius:50%; background:#fff url(/assets/yjt1.svg) no-repeat center / 26px 26px; right:-64px; margin-top:-22px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.cl_ss .swiper-button-next:hover{background:#13a4aa url(/assets/yjt.svg) no-repeat center / 26px 26px;}
.cl_ss .swiper-pagination{display:none;}
.cl_ss img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1200px){
.cl_ss{padding:60px 0 40px;}
.cl_ss .swiper-ss{padding-bottom:30px;}
.cl_ss .swiper-button-prev{display:none;}
.cl_ss .swiper-button-next{display:none;}
.cl_ss .swiper-pagination{display:block; bottom:0;}
}
@media only screen and (max-width:992px){
.cl_ss{padding:50px 0 30px;}
}

.cl_zs{width:100%; padding:80px 0; overflow:hidden;}
.cl_zs .swiper-button-prev{width:44px; height:76px; border-radius:0 5px 5px 0; background:rgba(0,0,0,.5) url(/assets/banner-l.png) no-repeat center / 20px 34px; left:0; margin-top:-38px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.cl_zs .swiper-button-prev:hover{background:#13a4aa url(/assets/banner-l.png) no-repeat center / 20px 34px;}
.cl_zs .swiper-button-next{width:44px; height:76px; border-radius:5px 0 0 5px; background:rgba(0,0,0,.5) url(/assets/banner-r.png) no-repeat center / 20px 34px; right:0; margin-top:-38px; z-index:99; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.cl_zs.cl_zs .swiper-button-next:hover{background:#13a4aa url(/assets/banner-r.png) no-repeat center / 20px 34px;}
.cl_zs .swiper-pagination{display:none;}
.cl_zs img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1200px){
.cl_zs{padding:60px 0;}
}
@media only screen and (max-width:992px){
.cl_zs{padding:50px 0;}
.cl_zs .swiper-button-prev{width:30px; height:50px; background:rgba(0,0,0,.5) url(/assets/banner-l.png) no-repeat center / 15px 22px; margin-top:-25px;}
.cl_zs .swiper-button-prev:hover{background:#13a4aa url(/assets/banner-l.png) no-repeat center / 15px 22px;}
.cl_zs .swiper-button-next{width:30px; height:50px; background:rgba(0,0,0,.5) url(/assets/banner-r.png) no-repeat center / 15px 22px; margin-top:-25px;}
.cl_zs.cl_zs .swiper-button-next:hover{background:#13a4aa url(/assets/banner-r.png) no-repeat center / 15px 22px;}
.cl_zs .swiper-pagination{display:none;}
.cl_zs img{width:100%; height:auto; display:block;}
}

.ny_cp{width:100%; padding:80px 0; overflow:hidden;}
.ny_cp .cp_bt{width:100%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:40px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.ny_cp .cp_bt .m_c{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:44px;}
.ny_cp .cp_bt .l_m ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ny_cp .cp_bt .l_m ul li{margin-left:40px; font-size:18px; line-height:44px;}
.ny_cp .cp_bt .l_m ul li a{color:#999;}
.ny_cp .cp_bt .l_m ul li:hover a{color:#13a4aa;}
.ny_cp .cp_bt .l_m ul li.on a{color:#13a4aa;}
.ny_cp .cp_lb ul{margin:0 -20px;}
.ny_cp .cp_lb ul li{width:calc(33.33333333% - 40px); margin:0 20px 30px;}
.ny_cp .t_p{overflow:hidden;}
.ny_cp .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;}
.ny_cp .cp_lb ul li:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);}
.ny_cp .w_z{font-size:22px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:32px; text-align:center; padding:25px 0; border-bottom:1px solid #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media only screen and (max-width:1440px){
.ny_cp .cp_bt{padding-bottom:25px; margin-bottom:30px;}
.ny_cp .cp_bt .m_c{font-size:30px; line-height:38px;}
.ny_cp .cp_bt .l_m ul li{margin-left:35px; font-size:16px; line-height:38px;}
.ny_cp .cp_lb ul{margin:0 -15px;}
.ny_cp .cp_lb ul li{width:calc(33.33333333% - 30px); margin:0 15px 30px;}
.ny_cp .w_z{font-size:20px; line-height:30px; padding:20px 0;}
}
@media only screen and (max-width:1200px){
.ny_cp{padding:60px 0;}
.ny_cp .cp_bt{padding-bottom:20px; margin-bottom:25px;}
.ny_cp .cp_bt .m_c{font-size:26px; line-height:32px;}
.ny_cp .cp_bt .l_m ul li{margin-left:25px; line-height:32px;}
.ny_cp .cp_lb ul li{width:calc(50% - 30px);}
.ny_cp .w_z{font-size:18px; line-height:28px; padding:15px 0;}
}
@media only screen and (max-width:992px){
.ny_cp{padding:50px 0;}
.ny_cp .cp_bt{padding-bottom:20px; margin-bottom:25px;}
.ny_cp .cp_bt .m_c{font-size:22px; line-height:32px; margin-bottom:10px;}
.ny_cp .cp_lb ul{margin:0 -10px;}
.ny_cp .cp_lb ul li{width:calc(50% - 20px); margin:0 10px 20px;}
.ny_cp .w_z{font-size:18px; line-height:28px; padding:15px 0;}
.ny_cp .cp_bt .l_m ul li{margin-left:0; margin-right:20px; font-size:15px; line-height:30px;}
}
@media only screen and (max-width:640px){
.ny_cp .cp_lb ul{margin:0;}
.ny_cp .cp_lb ul li{width:100%; margin:0 0 20px;}
.ny_cp .w_z{font-size:17px; line-height:26px;}
}

.xq_ban{width:100%; padding-top:20vh; height:100vh; background-color:#f5f5f5; position:relative; overflow:hidden;}
.xq_ban .container{position:relative; z-index:10;}
.xq_ban .xq_bj{width:100%; height:80%; position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden;}
.xq_ban .xq_bt{font-size:52px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#fff; text-shadow:0 0 20px rgba(0,0,0,.2); text-align:center; line-height:66px; margin-bottom:35px;}
.xq_ban .hd{position:absolute; right:0; bottom:80px;}
.xq_ban .hd{display:flex;}
.xq_ban .hd h3{font-size:20px; line-height:46px; color:#000; margin-right:15px;}
.xq_ban .hd ul{display:flex;}
.xq_ban .hd ul li{width:46px; padding:3px; background-color:#fff; border:1px solid #ddd; border-radius:50%; margin-right:15px; cursor:pointer;}
.xq_ban .hd ul li.on{border:1px solid #13a4aa;}
.xq_ban .hd img{width:100%; height:auto; display:block;}
.xq_ban .bd ul li{width:100%; height:calc(80vh - 100px);}
.xq_ban .bd img{width:100%; height:100%; display:block;
object-fit:contain;
object-position:center;
-webkit-user-select:none;
user-select:none;}
@media only screen and (max-width:1440px){
.xq_ban .xq_bt{font-size:44px; line-height:52px; margin-bottom:30px;}
.xq_ban .hd{bottom:50px;}
.xq_ban .hd{display:flex;}
.xq_ban .hd h3{font-size:18px; line-height:40px; margin-right:10px;}
.xq_ban .hd ul li{width:40px; padding:2px; margin-right:10px;}
}
@media only screen and (max-width:1200px){
.xq_ban .xq_bj{background-attachment:scroll;}
.xq_ban .xq_bt{font-size:38px; line-height:44px; margin-bottom:30px;}
.xq_ban .hd{bottom:30px;}
.xq_ban .hd h3{line-height:36px;}
.xq_ban .hd ul li{width:36px;}
.xq_ban .bd ul li{width:100%; height:calc(80vh - 74px);}
}
@media only screen and (max-width:992px){
.xq_ban{padding-top:15vh; height:auto;}
.xq_ban .container{padding-bottom:50px;}
.xq_ban .xq_bj{background-attachment:scroll;}
.xq_ban .xq_bt{font-size:22px; line-height:30px; margin-bottom:20px;}
.xq_ban .hd{bottom:20px;}
.xq_ban .hd h3{font-size:15px; line-height:26px;}
.xq_ban .hd ul li{width:26px;}
.xq_ban .bd ul li{height:auto;}
}

.xq_js{width:100%; padding:80px 0; overflow:hidden;}
.xq_js .xq_bt{font-size:46px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:56px;}
.xq_js .js_nr{margin-top:80px;}
.xq_js .js_nr h3{font-size:26px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#333; line-height:36px;}
.xq_js .js_nr .w_z{font-size:18px; line-height:26px; margin:25px 0;}
.xq_js .js_nr .t_p ul li{width:calc(50% - 30px); margin:0 15px;}
.xq_js .js_nr .t_p img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1440px){
.xq_js .xq_bt{font-size:40px; line-height:50px;}
.xq_js .js_nr{margin-top:60px;}
.xq_js .js_nr h3{font-size:22px; line-height:30px;}
.xq_js .js_nr .w_z{font-size:17px; margin:20px 0;}
}
@media only screen and (max-width:1200px){
.xq_js{padding:60px 0;}
.xq_js .xq_bt{font-size:32px; line-height:40px;}
.xq_js .js_nr{margin-top:40px;}
.xq_js .js_nr h3{font-size:20px; line-height:28px;}
.xq_js .js_nr .w_z{font-size:16px; margin:15px 0;}
}
@media only screen and (max-width:992px){
.xq_js{padding:50px 0;}
.xq_js .xq_bt{font-size:26px; line-height:34px;}
.xq_js .js_nr{margin-top:30px;}
.xq_js .js_nr h3{font-size:18px; line-height:26px;}
.xq_js .js_nr .w_z{font-size:14px; margin:10px 0;}
.xq_js .js_nr .t_p ul{margin:0 -5px;}
.xq_js .js_nr .t_p ul li{width:calc(50% - 10px); margin:0 5px;}
}

.xq_cs{width:100%; padding-top:80px; overflow:hidden;}
.xq_cs .xq_bt{font-size:46px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:56px; margin-bottom:35px;}
.xq_cs .row{margin:0 -25px;}
.xq_cs .cs_nr{width:calc(55% - 50px); margin:0 25px;}
.xq_cs .cs_tp{width:calc(45% - 50px); margin:0 25px;}
.xq_cs .cs_tp img{width:100%; height:auto; display:block;
object-fit:contain;
object-position:center;
-webkit-user-select:none;
user-select:none;}
.xq_cs .hd{margin-bottom:20px;}
.xq_cs .hd ul{margin:0;}
.xq_cs .hd ul li{width:25%; border-bottom:4px solid #eee; font-size:20px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#333; text-align:center; padding-bottom:15px; position:relative; cursor:pointer;}
.xq_cs .hd ul li.on{color:#13a4aa;}
.xq_cs .hd ul li.on:after{width:100%; height:4px; position:absolute; bottom:-4px; left:0; background-color:#13a4aa; content:"";}
.xq_cs .bd ul li{display:flex; justify-content:space-between; padding:20px 0; border-bottom:1px solid #eee;}
.xq_cs .bd ul li:last-child{border-bottom:0;}
.xq_cs .bd span{color:#999;}
.xq_cs .bd span.h_s{color:#000; text-align:right;}
.xq_cs .cp_xh{margin-bottom:20px;}
.xq_cs .cp_xh ul{display:flex; flex-wrap:wrap;}
.xq_cs .cp_xh ul li{min-width:160px; height:50px; padding:0 25px; border-radius:3px; border:2px solid #ddd; font-size:20px; line-height:46px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; text-align:center; color:#333; margin-right:15px; cursor:pointer;}
.xq_cs .cp_xh ul li:hover{color:#fff; border:2px solid #13a4aa; background-color:#13a4aa;}
.xq_cs .cp_xh ul li.on{color:#fff; border:2px solid #13a4aa; background-color:#13a4aa;}
.xq_cs .cs_zs{display:none;}
.xq_cs .cs_zs.dk{display:block;}
@media only screen and (max-width:1440px){
.xq_cs .xq_bt{font-size:40px; line-height:50px; margin-bottom:40px;}
.xq_cs .row{margin:0 -15px;}
.xq_cs .cs_nr{width:calc(55% - 30px); margin:0 15px;}
.xq_cs .cs_tp{width:calc(45% - 30px); margin:0 15px;}
.xq_cs .hd{margin-bottom:15px;}
.xq_cs .hd ul li{border-bottom:3px solid #eee; font-size:18px;}
.xq_cs .hd ul li.on:after{height:3px; bottom:-3px;}
.xq_cs .bd ul li{padding:15px 0;}
}
@media only screen and (max-width:1200px){
.xq_cs{padding-top:60px;}
.xq_cs .xq_bt{font-size:32px; line-height:40px; margin-bottom:30px;}
.xq_cs .row{margin:0;}
.xq_cs .cs_nr{width:100%; margin:0;}
.xq_cs .cs_tp{display:none;}
.xq_cs .hd{margin-bottom:15px;}
.xq_cs .hd ul li{border-bottom:3px solid #eee; font-size:18px;}
.xq_cs .hd ul li.on:after{height:3px; bottom:-3px;}
.xq_cs .bd ul li{padding:15px 0;}
}
@media only screen and (max-width:992px){
.xq_cs{padding-top:50px;}
.xq_cs .xq_bt{font-size:26px; line-height:34px; margin-bottom:20px;}
}
@media only screen and (max-width:640px){
.xq_cs .hd ul li{width:50%; padding-top:20px;}
.xq_cs .cp_xh{margin-bottom:0;}
.xq_cs .cp_xh ul{margin:0 -5px;}
.xq_cs .cp_xh ul li{width:calc(50% - 10px); height:46px; padding:0; border:1px solid #ddd; font-size:18px; line-height:44px; margin:0 5px 10px;}
.xq_cs .cp_xh ul li:hover{border:1px solid #13a4aa;}
.xq_cs .cp_xh ul li.on{border:1px solid #13a4aa;}
}

.cp_tj{width:100%; padding:80px 0 50px; background-color:#f7f7f7; overflow:hidden;}
.cp_tj .tj_bt{font-size:46px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:56px; margin-bottom:50px;}
.cp_tj .swiper-cp{position:relative; padding-bottom:50px;}
.cp_tj .swiper-pagination{bottom:0;}
.cp_tj .swiper-pagination-bullet-active{background-color:#13a4aa;}
.cp_tj .swiper-slide{background-color:#fff; padding:20px;}
.cp_tj .swiper-slide img{width:100%; height:auto; display:block; margin:0 auto;
transition:all 1s;
-webkit-transition:all 1s;}
.cp_tj .swiper-slide:hover img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.cp_tj .w_z{font-size:18px; line-height:26px; text-align:center; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; margin-top:15px;}
@media only screen and (max-width:1440px){
.cp_tj .tj_bt{font-size:40px; line-height:50px; margin-bottom:40px;}
.cp_tj .swiper-cp{padding-bottom:40px;}
.cp_tj .swiper-slide{padding:15px;}
.cp_tj .w_z{font-size:17px; margin-top:10px;}
}
@media only screen and (max-width:1200px){
.cp_tj{padding:60px 0 40px;}
.cp_tj .tj_bt{font-size:32px; line-height:40px; margin-bottom:30px;}
.cp_tj .swiper-cp{padding-bottom:30px;}
.cp_tj .swiper-slide{padding:10px;}
.cp_tj .w_z{font-size:16px;}
}
@media only screen and (max-width:992px){
.cp_tj{padding:50px 0 30px;}
.cp_tj .tj_bt{font-size:26px; line-height:34px; margin-bottom:20px;}
}

.zl_xz{width:100%; padding:80px 0; overflow:hidden;}
.zl_xz .container{width:90%; max-width:1230px;}
.zl_xz .zl_bt{font-size:36px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; text-align:center; line-height:46px; margin-bottom:35px;}
.zl_xz .zl_lb ul li{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;}
.zl_xz .zl_lb .t_p{width:15%;}
.zl_xz .zl_lb .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;}
.zl_xz .zl_lb ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);}
.zl_xz .zl_lb .m_c{width:calc(75% - 150px); font-size:20px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.zl_xz .zl_lb a.r_m{width:130px; height:46px; border:1px solid #13a4aa; border-radius:3px; font-size:16px; line-height:44px; text-align:center; color:#13a4aa; display:block; position:relative;}
.zl_xz .zl_lb a.r_m:hover{background-color:#13a4aa; color:#fff;}
@media only screen and (max-width:1440px){
.zl_xz .zl_bt{font-size:30px; line-height:38px; margin-bottom:30px;}
.zl_xz .zl_lb ul li{padding-bottom:25px; margin-bottom:25px;}
.zl_xz .zl_lb .m_c{font-size:18px;}
}
@media only screen and (max-width:1200px){
.zl_xz{padding:60px 0;}
.zl_xz .zl_bt{font-size:26px; line-height:32px; margin-bottom:25px;}
.zl_xz .zl_lb ul li{padding-bottom:20px; margin-bottom:20px;}
.zl_xz .zl_lb .m_c{width:calc(75% - 130px); font-size:17px;}
.zl_xz .zl_lb a.r_m{width:110px; height:36px; font-size:15px; line-height:34px;}
}
@media only screen and (max-width:992px){
.zl_xz{padding:50px 0;}
.zl_xz .zl_bt{font-size:22px; line-height:28px; margin-bottom:15px;}
}
@media only screen and (max-width:640px){
.zl_xz .zl_lb .t_p{width:25%;}
.zl_xz .zl_lb .m_c{width:70%; font-size:17px;}
.zl_xz .zl_lb a.r_m{width:100px; height:30px; font-size:14px; line-height:28px; margin-left:30%;}
}

.lx_wm{width:100%; min-height:calc(100vh - 76px); padding:100px 0; background-color:#f7f7f7; overflow:hidden;}
.lx_wm .lx_dt{width:50%; height:calc(100vh - 76px); position:fixed; top:76px; left:0;}
.lx_wm .lx_dt img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
user-select:none;}
.lx_wm .lx_xx{width:45%; margin-left:55%;}
.lx_wm .lx_lg{width:190px;}
.lx_wm .lx_lg img{width:100%; height:auto; display:block;}
.lx_wm .lx_wz{line-height:26px; margin:25px 0;}
.lx_wm .lx_fs ul li{padding-left:36px; margin-bottom:25px; position:relative;}
.lx_wm .lx_fs h3{font-size:18px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; line-height:26px; color:#000;}
.lx_wm .lx_fs p{line-height:26px;}
.lx_wm .lx_fs span{display:inline-block; margin-right:15px;}
.lx_wm .lx_fs i{width:30px; position:absolute; top:0; left:0; text-align:center; line-height:26px; color:#13a4aa;}
.lx_wm .lx_fs i.icon-dizhi1{font-size:28px;}
.lx_wm .lx_bd{margin-top:50px;}
.lx_wm .lx_bd h3{font-size:26px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:36px;}
.lx_wm .lx_bd h4{font-size:18px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#333; line-height:26px; margin-bottom:5px;}
.lx_wm .lx_bd input{width:100%; height:50px; background-color:#fff; padding:0 15px; border-radius:3px; line-height:50px; color:#555; display:block;}
.lx_wm .lx_bd textarea{width:100%; height:128px; background-color:#fff; padding:12px 15px; border-radius:3px; line-height:26px; color:#555; resize:none; display:block;}
.lx_wm .lx_bd ul li{margin-top:20px;}
.lx_wm .lx_bd button{width:150px; height:50px; border:1px solid #13a4aa; border-radius:3px; font-size:20px; line-height:48px; text-align:center; color:#13a4aa; display:block; position:relative; margin-top:30px;
transition:all .5s;
-webkit-transition:all .5s;}
.lx_wm .lx_bd button:hover{background-color:#13a4aa; color:#fff;}
@media only screen and (max-width:1440px){
.lx_wm .lx_lg{width:150px;}
.lx_wm .lx_wz{margin:20px 0;}
.lx_wm .lx_fs ul li{margin-bottom:20px;}
.lx_wm .lx_fs h3{font-size:17px;}
.lx_wm .lx_bd{margin-top:40px;}
.lx_wm .lx_bd h3{font-size:22px; line-height:30px;}
.lx_wm .lx_bd h4{font-size:17px;}
}
@media only screen and (max-width:1200px){
.lx_wm{min-height:calc(100vh - 68px); padding:70px 0;}
.lx_wm .lx_dt{height:calc(100vh - 68px); top:68px;}
.lx_wm .lx_lg{width:120px;}
.lx_wm .lx_fs h3{font-size:16px;}
.lx_wm .lx_bd{margin-top:30px;}
.lx_wm .lx_bd h3{font-size:20px; line-height:28px;}
.lx_wm .lx_bd h4{font-size:16px;}
.lx_wm .lx_bd input{height:46px; line-height:46px;}
.lx_wm .lx_bd textarea{height:102px;}
.lx_wm .lx_bd ul li{margin-top:15px;}
.lx_wm .lx_bd button{width:120px; height:40px; font-size:18px; line-height:38px; margin-top:20px;}
}
@media only screen and (max-width:992px){
.lx_wm{min-height:inherit; padding:50px 0;}
.lx_wm .lx_dt{width:100%; height:360px; position:relative; top:auto; left:auto;}
.lx_wm .lx_xx{width:100%; margin-left:0; margin-top:20px;}
.lx_wm .lx_lg{width:120px;}
.lx_wm .lx_fs p{line-height:22px;}
}

.jxs_zs{width:100%; padding:115px 0; background-color:#f7f7f7; position:relative; overflow:hidden;}
.jxs_zs .jxs_fq{width:calc(20% - 30px); padding:10px 0 50px; margin:0 15px; border-right:1px solid #ddd;}
.jxs_zs .jxs_fq:last-child{border-right:0;}
.jxs_zs .jxs_fq .b_t{width:100%; font-size:22px; font-family:"DINPro", Arial, Helvetica, sans-serif;
font-weight:700;; color:#000; line-height:30px;}
.jxs_zs .jxs_fq ul li{margin-top:35px; font-size:16px; line-height:26px;}
.jxs_zs .jxs_fq img{width:28px; height:18px; display:inline-block; vertical-align:middle; margin-top:-4px; margin-right:8px;}
@media only screen and (max-width:1440px){
.jxs_zs{padding:90px 0;}
.jxs_zs .jxs_fq{padding:10px 0 40px;}
.jxs_zs .jxs_fq .b_t{font-size:20px; line-height:30px;}
}
@media only screen and (max-width:1200px){
.jxs_zs{padding:70px 0;}
.jxs_zs .row{margin:0 -10px;}
.jxs_zs .jxs_fq{width:calc(33.33333333% - 20px); padding:10px 0 40px; margin:0 10px;}
.jxs_zs .jxs_fq:last-child{border-right:1px solid #ddd;}
.jxs_zs .jxs_fq:nth-child(3n){border-right:0;}
.jxs_zs .jxs_fq .b_t{font-size:18px; line-height:28px;}
}
@media only screen and (max-width:1024px){
.jxs_zs{padding:60px 0;}
.jxs_zs .jxs_fq{padding:10px 0 40px;}
.jxs_zs .jxs_fq ul li{margin-top:30px; font-size:15px;}
.jxs_zs .jxs_fq img{margin-right:6px;}
}
@media only screen and (max-width:768px){
.jxs_zs{padding:50px 0;}
.jxs_zs .row{margin:0;}
.jxs_zs .jxs_fq{width:100%; border-right:0; border-bottom:1px solid #ddd; margin:0 0 35px; padding:0 0 35px;}
.jxs_zs .jxs_fq:last-child{border-bottom:0; padding-bottom:30px; margin-bottom:0;}
.jxs_zs .jxs_fq .b_t{font-size:20px; line-height:30px;}
.jxs_zs .jxs_fq ul li{margin-top:25px;}
}

.yema{width:100%; margin-top:35px; text-align:center;}
.yema ul li{display:inline-block; margin:0 2px;}
.yema ul li a{min-width:40px; height:40px; background-color:#f4f4f4; border-radius:5px; line-height:40px; font-size:15px; text-align:center; color:#333; display:block;}
.yema ul li a:hover{color:#fff; background-color:#13a4aa;}
.yema ul li a.on{color:#fff; background-color:#13a4aa;}
.yema ul li i{display:inline-block; vertical-align:middle; margin-top:-2px; font-size:20px;}
@media only screen and (max-width:640px){
.yema ul li a{min-width:32px; height:32px; font-size:13px; line-height:32px;}
}

.fh_top{width:44px; height:44px; border-radius:50%; background-color:#fafafa; border:2px solid #fff; box-shadow:0 0 15px 0 rgba(55,99,170,.2); border-radius:50%; position:fixed; bottom:18px; right:10px; cursor:pointer; text-align:center; overflow:hidden; z-index:99999; display:none;
transition:all .5s;
-webkit-transition:all .5s;}
.fh_top:hover{background-color:#13a4aa; border:2px solid #13a4aa;}
.fh_top i{font-size:30px; color:#333; line-height:44px; display:inline-block; vertical-align:middle; margin-top:-2px;
transition:all .5s;
-webkit-transition:all .5s;}
.fh_top:hover i{color:#fff;}
@media only screen and (max-width:992px){
.fh_top{width:40px; height:40px; bottom:18px; right:10px; line-height:40px;}
.fh_top i{font-size:26px; margin-top:-4px;}
}

.footer{width:100%; background-color:#000; font-size:14px; line-height:22px; color:rgba(255,255,255,.6); position:relative; z-index:101;}
.footer a{color:rgba(255,255,255,.6);}
.footer a:hover{color:#fff;}
.footer .ft_dh{width:100%; padding:60px 0; border-bottom:1px solid rgba(255,255,255,.2); font-size:14px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.footer .ft_lm ul li{margin-right:20px;}
.footer .ft_sj ul{margin:0;}
.footer .ft_sj ul li{margin-left:30px;}
.footer .ft_sj i{font-size:24px;}
.footer .ft_sj i.icon-youtube4{font-size:20px;}
.footer .ft_sj i.icon-douyin{font-size:20px;}
.footer .ft_xx{width:100%; padding:35px 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position: relative;}
.footer .ft_xx span{display:inline-block; margin-right:10px;}
.footer .ft_xx span img{width:16px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.footer .ft_xx .y_c img{width:136px; height:auto; display:inline-block;}
@media only screen and (max-width:1200px){
.footer .ft_dh{padding:40px 0;}
.footer .ft_lm ul li{margin-right:20px;}
.footer .ft_sj ul{margin:0;}
.footer .ft_sj ul li{margin-left:30px;}
.footer .ft_sj i{font-size:20px;}
.footer .ft_sj i.icon-youtube4{font-size:18px;}
.footer .ft_sj i.icon-douyin{font-size:18px;}
.footer .ft_xx{padding:30px 0;}
.footer .ft_xx .y_c img{width:120px;}
}
@media only screen and (max-width:992px){
.footer{text-align:center;}
.footer .ft_dh{padding:20px 0;}
.footer .ft_lm{display:none;}
.footer .ft_sj{width:100%; text-align:center;}
.footer .ft_sj ul{width:100%; display:block;}
.footer .ft_sj ul li{margin:0 15px; display:inline-block;}
.footer .ft_xx{width:100%; padding:20px 0;}
.footer .ft_xx .y_c{width:100%; margin-top:15px;}
}

.sy_cp {
  position: relative;

  width: 100%;
  height: 100vh;

  overflow: hidden;

  z-index: 1;
}

.sy_cp .t_p {
  position: relative;

  width: 100%;
  height: 100vh;
}

.sy_cp .t_p img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;
}

.home-models {
  position: relative;

  z-index: 10;

  margin-top: 0;
  background: #fff;

  padding: 42px 0 100px;

  overflow: hidden;
}

.home-models::before {
  content: "";

  position: absolute;
  inset: 0;

  background-image: url("../assets/background_road_to_offroad.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;

  opacity: 0.6;

  z-index: 0;

  pointer-events: none;
}

.home-models > * {
  position: relative;
  z-index: 1;
}

.home-models .container {
  max-width: 1440px;

  margin: 0 auto;

  padding-left: 52px;
  padding-right: 52px;
}

.home-models-title {
  text-align: center;
  margin-bottom: 32px;
}

.home-models-title h1 {
  font-size: 36px;

  color: #333;

  font-family: "DINPro";
  font-weight: 700;
}

/* =========================================
   ROAD / OFFROAD SCALE
========================================= */

.road-scale {
  position: relative;

  max-width: 800px;
  height: 64px;

  margin: 0 auto 20px;
}

.road-scale-line {
  position: absolute;

  left: 0;
  right: 0;
  top: 50%;

  height: 4px;

  transform: translateY(-50%);

  overflow: visible;

  background: linear-gradient(
    90deg,
    #d9d9d9 0%,
    #13a4aa 50%,
    #d9d9d9 100%
  );
}

.road-scale-point {
  position: absolute;

  top: 50%;

  width: 18px;
  height: 18px;

  border-radius: 50%;

  background: #13a4aa;

  transform: translate(-50%, -50%);
  transition: left .35s ease;
}

.road-scale-active-label {
  position: absolute;

  bottom: 18px;
  left: 50%;

  transform: translateX(-50%);

  white-space: nowrap;

  font-family: "DINPro";
  font-size: 18px;
  font-weight: 700;

  color: #0E7D81;
}

.road-scale-road,
.road-scale-offroad {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  font-family: "DINPro";
  font-size: 22px;
  font-weight: 700;
  line-height: 1;

  text-transform: uppercase;

  color: #333;
}

.road-scale-road {
  right: 100%;
  margin-right: 64px;
}

.road-scale-offroad {
  left: 100%;
  margin-left: 64px;
}

.road-scale-mobile{
  display:none;
}

/* =========================================
   SLIDER
========================================= */

.home-models-slider {
  position: relative;
  margin-bottom: 32px;
}

/* ARROWS */

.home-model-arrow {
  position: absolute;
  top: 50%;

  transform: translateY(-50%);

  width: 56px;
  height: 56px;

  padding: 0;

  border: none;
  outline: none;
  background: transparent;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  z-index: 5;
}

.home-model-arrow:focus,
.home-model-arrow:focus-visible,
.home-model-arrow:active {
  outline: none;
  border: none;
}

.home-model-arrow img {
  width: 56px;
  height: 56px;

  object-fit: contain;
}

.home-model-arrow-prev {
  left: 2px;
}

.home-model-arrow-next {
  right: 2px;
}

/* =========================================
   GRID
========================================= */

.home-models-grid {
  display: grid;

  grid-template-columns: 310px 424px 310px;

  justify-content: center;
  align-items: center;

  gap: 64px;
}

/* =========================================
   BASE CARD
========================================= */

.home-model-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;

  justify-self: center;

  width: 310px;
  height: 450px;

  padding: 28px 22px 31px;
  padding-bottom: 50px;

  text-align: center;

  background: #fff;

  border-radius: 8px;
  border: none;

  opacity: 1;

  box-shadow:
    0 0 10px rgba(0,0,0,0.15);

  transition:
    opacity .25s ease;

}

.home-model-card.is-prev,
.home-model-card.is-next,
.home-model-card.is-active {
  animation: none;
}

/* =========================================
   CARD
========================================= */

.home-model-card.is-active {
  display: flex;
    flex-direction: column;

  width: 424px;
  height: 600px;

  padding: 28px 28px 44px;

  opacity: 1;

  border: 2px solid #13a4aa;

  box-shadow:
    0 0 10px rgba(0,0,0,0.15);

  transform: translateY(-8px);
}

.home-model-card:not(.is-active) {
  height: 540px;
  display: flex;
  flex-direction: column;
}



/* =========================================
   CARD labels
========================================= */
.home-model-labels{
  position:absolute;
  top:26px;
  right:-2px;
  z-index:10;

  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.home-model-label{
 
  border-radius:8px 0 0 8px;
  font-weight:500;
  line-height:1;
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;

  color:#fff;

  box-shadow:0 4px 10px rgba(0,0,0,.18);
}

.home-model-label--preorder{
  background:#0E7D81;

  min-width:124px;

  padding:9px 18px;

  font-size:13px;
}

.home-model-label--promo{
  background:#D1900B;

  min-width:98px;

  padding:9px 18px;

  font-size:13px;
}
/*===================
  LABELS VOOR SIDECARDS
========================*/

.home-model-card:not(.is-active) .home-model-labels{
  top:18px;
  gap:6px;
  right: 0;
}

.home-model-card:not(.is-active) .home-model-label{
  border-radius:6px 0 0 6px;

  box-shadow:
    0 2px 6px rgba(0,0,0,.12);
}

.home-model-card:not(.is-active) .home-model-label--preorder{
  min-width:96px;

  padding:6px 12px;

  font-size:10px;
}

.home-model-card:not(.is-active) .home-model-label--promo{
  min-width:78px;

  padding:6px 12px;

  font-size:10px;
}



/* =========================================
   CARD VOLGORDE
========================================= */
.home-model-card.is-hidden {
  display: none;
}


.home-model-card.is-prev,
.home-model-card.is-next{
  display:flex;
  flex-direction:column;
  height:540px;
}

.home-model-card.is-prev {
  grid-column: 1;
}

.home-model-card.is-active {
  grid-column: 2;
}

.home-model-card.is-next {
  grid-column: 3;
}

.home-model-card.is-prev .home-model-description,
.home-model-card.is-next .home-model-description{
  min-height:62px;
}

.home-model-card.is-prev .home-model-usps,
.home-model-card.is-next .home-model-usps{
  min-height:96px;
  margin-bottom:24px;
}

.home-model-card.is-prev .home-model-card-scale,
.home-model-card.is-next .home-model-card-scale{
  margin-top:auto;
}

/* =========================================
   IMAGE
========================================= */

.home-model-image {
  height: 170px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 10px;
}

.home-model-image img {
  max-width: 100%;
  max-height: 100%;

  object-fit: contain;
  transition: transform .35s ease;
}


/* =========================================
   TITLE
========================================= */

.home-model-card h2 {
  margin-bottom: 24px;

  color: #000;

  font-family: "DINPro";
  font-weight: 900;
}

.home-model-card.is-active h2 {
  font-size: 24px;
}

.home-model-card:not(.is-active) h2 {
  font-size: 20px;
}

/* =========================================
   DESCRIPTION
========================================= */

.home-model-description {
  min-height: 72px;
  margin-bottom: 14px;
}

.home-model-card:not(.is-active) .home-model-description {
  min-height: 62px;
}

.home-model-card.is-active .home-model-description {
  min-height: 80px;
}

.home-model-description p {
  margin: 0 auto;

  color: #383838;

  font-family: "DINPro";
  font-weight: 500;
}

.home-model-card.is-active .home-model-description p {

  font-size: 16px;
  line-height: 1.3;
}

.home-model-card:not(.is-active) .home-model-description p {

  font-size: 12px;
  line-height: 1.25;
}

/* =========================================
   DIVIDER
========================================= */

.home-model-divider {
  flex:0 0 auto;
  display:block;
  width: 50px;
  height: 2px;

  margin-left: auto;
  margin-right: auto;

  background: #13a4aa;
}

.home-model-card.is-active .home-model-divider {
   width:50px;
  height:2px;
  margin-top: 18px;
  margin-bottom: 16px;
}

.home-model-card:not(.is-active) .home-model-divider {
   width:50px;
  height:2px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* =========================================
   PRICE
========================================= */

.home-model-price {
  margin: 0;

  color: #000;

  font-family: "DINPro";
  font-weight: 700;
  margin-bottom: 22px;
}

.home-model-card.is-active .home-model-price {
  font-size: 20px;
}

.home-model-card:not(.is-active) .home-model-price {
  font-size: 14px;
  margin-bottom: 16px;
}

.home-model-price.is-promo{
 width:200px;

  margin:0 auto 20px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:4px 18px;

  border-radius:8px;

  background:rgba(209,144,11,.12);

  color:#A96F07;

  font-weight:700;

  text-align:center;
}

/* =========================================
   USP BASE
========================================= */

.home-model-usps {
  min-height: 84px;
  list-style: none;

  padding: 0;
  margin: 0;

  display: grid;

  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap:16px;
  row-gap:12px;
  padding-left: 12px;
}

.home-model-usps li {
  list-style: none;

  display: flex;
  align-items: flex-start;
  gap: 6px;

  min-width: 0;

  color: #383838;

  font-family: "DINPro";
  font-weight: 500;
}

.home-model-usps li::before {
  content: "";

  width:14px;
  height:14px;

  flex:0 0 14px;

  background-image: url("../assets/check_circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* =========================================
   ACTIVE USP
========================================= */
.home-model-card.is-active {
   display:flex;
  flex-direction:column;
  height:600px;
  min-height:640px;
}

.home-model-card.is-active .home-model-usps {
  min-height: 94px;
  margin-bottom: 20px;
}

.home-model-card.is-active .home-model-usps,
.home-model-card:not(.is-active) .home-model-usps {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  width: 100%;

  column-gap: 16px;
  row-gap: 10px;
}

.home-model-card.is-active .home-model-usps li,
.home-model-card:not(.is-active) .home-model-usps li {
  width: 100%;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 6px;

  min-width: 0;

  text-align: left;

  white-space: normal;
  overflow-wrap: break-word;
}

.home-model-card.is-active .home-model-usps li {
  font-size: 14px;
  line-height: 1.35;
}


.home-model-card.is-active .home-model-usps li::before {
  width: 18px;
  height: 18px;

  flex: 0 0 18px;

  margin-top: 1px;
}


/* =========================================
   SIDE USP
========================================= */
.home-model-card:not(.is-active) .home-model-image {
  height: 154px;
}

.home-model-card:not(.is-active) .home-model-image img {
  max-width: 85%;
  max-height: 85%;
}


.home-model-card:not(.is-active) .home-model-usps li::before {
  width: 14px;
  height: 14px;

  flex: 0 0 14px;

  margin-top: 1px;
}
.home-model-card:not(.is-active) .home-model-usps li {
  font-size: 12px;
  line-height: 1.25;
}
/* =========================================
   OFFROAD SCALE ACTIVE CARD
========================================= */


.home-model-card.is-active .home-model-card-scale {
  margin-top: auto;
}

.home-model-card.is-active .home-model-card-scale-separator {
  width: 350px;
  height: 1px;

  margin: 0 auto 8px;

  background: #d8d8d8;
}

.home-model-card.is-active .home-model-card-scale-content {
  width: 350px;

  margin: 0 auto;

  display: grid;
  grid-template-columns: 60px 1fr 60px;

  column-gap: 24px;

  align-items: start;
}

.home-model-scale-label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  gap: 6px;

  font-family: "DINPro";
  font-size: 14px;
  font-weight: 400;

  color: #a1a1a1;

  text-transform: uppercase;
}

.home-model-scale-label img {
  width: 28px;
  height: 28px;

  object-fit: contain;
}

.home-model-card.is-active .home-model-card-scale-line {
  position: relative;

  height: 2px;

  margin-top: 38px;

  background: #d8d8d8;
}

.home-model-card.is-active .home-model-card-scale-dot {
  position: absolute;

  top: 50%;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #13a4aa;

  transform: translate(-50%, -50%);
}

.home-model-card.is-active .home-model-card-scale-dot::before {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 10px;

  transform: translateX(-50%);

  width: 0;
  height: 0;

  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #13a4aa;
}


/* SIDE CARD SCALE */

.home-model-card:not(.is-active) .home-model-usps {
  min-height: 80px;

  margin-bottom: 24px;
}

.home-model-card:not(.is-active) .home-model-card-scale {
  display: block;

  width: 255px;

  margin-top: auto;
}

.home-model-card:not(.is-active) .home-model-card-scale-separator {
  width: 255px;
  height: 1px;

  margin: 0 auto 8px;

  background: #d9d9d9;
}

.home-model-card:not(.is-active) .home-model-card-scale-content {
  width: 255px;

  margin: 8px auto;

  display: grid;
  grid-template-columns: 44px 166px 44px;
  column-gap: 0;
  align-items: start;
}

.home-model-card:not(.is-active) .home-model-scale-label {
  height: 42px;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: space-between;

  font-family: "DINPro";
  font-size: 12px;
  font-weight: 400;

  color: #a1a1a1;

  text-transform: uppercase;
}

.home-model-card:not(.is-active) .home-model-scale-label img {
  width: 24px;
  height: 24px;

  object-fit: contain;
}

.home-model-card:not(.is-active) .home-model-card-scale-line {
    position: relative;

  width: 166px;
  height: 1px;

  margin-top: 36px;

  background: #d8d8d8;
}

.home-model-card:not(.is-active) .home-model-card-scale-dot {
  position: absolute;

  top: 50%;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #13a4aa;

  transform: translate(-50%, -50%);
}

.home-model-card:not(.is-active) .home-model-card-scale-dot::before {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 8px;

  transform: translateX(-50%);

  width: 0;
  height: 0;

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #13a4aa;
}
/* =========================================
   Models lined up under cards
========================================= */

.home-model-nav-wrapper {
  position: relative;

  width: 100vw;

  margin-left: calc(50% - 50vw);

  overflow-x: auto;
  overflow-y: hidden;

  scrollbar-width: none;

  background: rgba(255,255,255,0.92);

  box-shadow: 0 0 10px rgba(0,0,0,0.10);

  cursor: grab;

  user-select: none;
}

.home-model-nav-wrapper::-webkit-scrollbar {
  display: none;
}

.home-model-nav-wrapper.is-dragging {
  cursor: grabbing;
}

.home-model-nav {
  width: max-content;
  min-width: 100%;

  height: 110px;

  display: flex;
  align-items: center;

  gap: 28px;

  padding-left: calc(50% - 95px);
  padding-right: calc(50% - 95px);
}

.home-model-nav-item {
  width: 190px;
  height: 90px;

  flex: 0 0 190px;

  position: relative;

  padding: 0;

  border: none;

  background: transparent;

  opacity: .35;

  cursor: pointer;

  transition: opacity .25s ease, transform .25s ease;
}

.home-model-nav-item img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;
  object-position: center;
}

.home-model-nav-item.is-active {
  opacity: 1;

  border: none;
  outline: none;
}

.home-model-nav-item.is-active::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: -10px;

  height: 3px;

  background: #13a4aa;
}

.home-model-nav-item:hover {
  opacity: .8;

  transform: translateY(-2px);
}

.home-model-nav-item:focus,
.home-model-nav-item:focus-visible {
  outline: none;
  box-shadow: none;
}

.road-scale-mobile-line,
.road-scale-mobile-point,
.road-scale-mobile-bottom{
  display:none;
}
/* MODELS PAGE */
.models-page {
  position: relative;

  padding-top: 140px;
  padding-bottom: 80px;

  background: #fff;

  z-index: 2;
  overflow:hidden;
}
.models-page::before{
  content: "";

  position: absolute;

  top: 120px;
  bottom: 0;

  left: 50%;

  width: 100vw;
  height: 800px;
  transform: translateX(-50%);

  background-image: url("../assets/background_road_to_offroad.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;

  opacity: .30;

  pointer-events: none;

  z-index: 0;
}

.models-page .container{
  max-width:1440px;
  position: relative;
  z-index: 2;
}

.models-page-title {
  margin-bottom: 42px;

  font-size: 36px;
  line-height: 1;

  font-family: "DINPro";
  font-weight: 600;

  color: #000;
}

.models-grid {
  display: grid;
  grid-template-columns: repeat(4, 340px);
    gap:32px;

  justify-content: left;
  align-items: stretch;
}

.models-card {
  position: relative;
  width:340px;
  min-height:590px;
  height: 590px;

  background:#fff;

  border-radius:12px;

  box-shadow:0 0 20px rgba(0,0,0,.08);

  padding-top:32px;
  padding-left:24px;
  padding-right:24px;

  display:flex;
  flex-direction:column;

  transition:all .3s ease;
}

.models-card:hover{
  transform:translateY(-4px);

  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.models-card-labels{
  position:absolute;
  top:26px;
  right:-2px;
  z-index:10;

  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.models-card-label{
  border-radius:8px 0 0 8px;

  font-weight:500;
  line-height:1;
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;

  color:#fff;

  box-shadow:0 4px 10px rgba(0,0,0,.18);
}

.models-card-label--preorder{
  background:#0E7D81;

  min-width:88px;

  padding:9px 12px;

  font-size:12px;
}

.models-card-label--promo{
  background:#D1900B;

  min-width:78px;

  padding:9px 14px;

  font-size:12px;
}

.models-card-image {
  width:100%;
  height:163px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.models-card-image img{
  max-width:100%;
  max-height:100%;

  object-fit:contain;
}

.models-card-title {
  margin-top:20px;

  font-size:24px;
  font-weight:700;
  text-align: center;

  line-height:1.1;
  color: #000;
}

.models-card-description{
  margin-top:16px;
  margin-bottom: 16px;
  text-align: center;
  min-height:72px;
}

.models-card-description p{
  margin:0;

  font-size:14px;
  line-height:1.35;

  color:#383838;

  font-family:"DINPro";
  font-weight:500;
}


.models-card-price {
  margin-top:12px;

  font-size:18px;
  font-weight:700;
  text-align: center;
  color: #0E7D81;

}

.models-card-price.is-promo{
  width:160px;

  margin:12px auto 0;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:3px 14px;

  border-radius:8px;

  background:rgba(209,144,11,.08);

  color:#A96F07;

  font-weight:700;

  text-align:center;
}

.models-card-usps{
  list-style:none;

  margin:18px 0 24px;
  padding:0;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  column-gap:16px;
  row-gap:14px;

  min-height:72px;
}

.models-card-usps li{
  display:flex;
  align-items:flex-start;

  gap:6px;

  min-width:0;

  font-size:14px;
  line-height:1.3;

  color:#383838;

  font-family:"DINPro";
  font-weight:500;

  white-space:normal;
  overflow-wrap:break-word;
}

.models-card-usps li::before{
  content:"";

  width:14px;
  height:14px;

  flex:0 0 14px;

  margin-top:1px;

  background-image:url("../assets/check_circle.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.models-scale {
  margin-top:auto;
  padding-top:24px;
}


.models-scale-separator{
  width: 255px;
  height: 1px;
  margin: 0 auto 6px;
  background: #d9d9d9;
}

.models-scale-content{
  width: 255px;
  margin: 12px auto;
  display: grid;
  grid-template-columns: 44px 166px 44px;
  column-gap: 0;
  align-items: end;
}

.models-scale-label{
  height: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

  font-family: "DINPro";
  font-size: 10px;
  font-weight: 400;
  color: #a1a1a1;
  text-transform: uppercase;
}

.models-scale-label img{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.models-scale-line{
  position: relative;
  width: 166px;
  height: 1px;
  margin-bottom: 12px;
  background: #d8d8d8;
}

.models-scale-dot{
  position: absolute;
  top: 50%;

  width: 4px;
  height: 4px;
  border-radius: 50%;

  background: #13a4aa;
  transform: translate(-50%, -50%);
}

.models-scale-dot::before{
  content: "";
  position: absolute;

  left: 50%;
  bottom: 8px;

  transform: translateX(-50%);

  width: 0;
  height: 0;

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #13a4aa;
}

/*=========================
  DETAILS PAGE
===========================*/
.xq_cs .h_s{
  font-family:"Gantari-Regular", sans-serif;

  font-size:16px;
  font-weight:500;

  letter-spacing:0.02em;
line-height:1.4;

  color:#111;
}

.detail-hero-labels{
  position:absolute;
  right:-2px;

  z-index:20;

  display:flex;
  flex-direction:column;
  align-items:flex-end;

  gap:12px;
}

.detail-hero-label{
  border-radius:8px 0 0 8px;

  font-weight:600;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;

  color:#fff;

  box-shadow:
    0 4px 12px rgba(0,0,0,.18);
}

.detail-hero-label--preorder{
  background:#0E7D81;

  min-width:200px;

  padding:20px 22px;

  font-size:18px;
}

.detail-hero-label--promo{
  background:#D1900B;

  min-width:10px;

  padding:20px 22px;

  font-size:18px;
}

.detail-summary{
  position:relative;
  overflow:hidden;
  background:#000;
  isolation:isolate;
}

.detail-summary::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.10) 28%,
      rgba(255,255,255,.18) 38%,
      rgba(255,255,255,.08) 48%,
      rgba(255,255,255,0) 62%
    );

  z-index:2;
  pointer-events:none;
}

.detail-summary::before{
  content:"";
  position:absolute;
  inset:0;

  background-image:url("../assets/background_texture.png");


  opacity:.5;

  z-index:2;
  pointer-events:none;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,.9) 30%,
      rgba(0,0,0,.35) 50%,
      rgba(0,0,0,.15) 100%
    );

  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,.9) 30%,
      rgba(0,0,0,.35) 50%,
      rgba(0,0,0,.15) 100%
    );
}

.detail-summary::after{
  content:"";

  position:absolute;
  top:0;
  right:0;

  width:52%;
  height:100%;

  background:#13a4aa;

  clip-path:polygon(120px 0, 100% 0, 100% 100%, 0 100%);

  z-index:1;
}

.detail-summary .container{
  max-width:1530px;
  margin:0 auto;

}

.detail-summary-card{
    position:relative;
  z-index:3;

  display:grid;
  grid-template-columns:50% 50%;

  min-height:180px;
  gap:0;

  padding:0;

  overflow:hidden;
  border-bottom:0;
}

.detail-summary-left{
  position:relative;

  padding:28px 80px 34px 0;

  color:#fff;


  z-index:2;
}

.detail-summary-left > *{
  position:relative;
  z-index:3;
}

.detail-summary-description{
  max-width:none;
  margin:0 0 18px;

  font-size:18px;
  line-height:1.25;
  color:#fff;
}

.detail-summary-price{
  margin:0 0 20px;

  font-size:42px;
  font-weight:700;
  color:#fff;
}

.detail-summary-price.is-promo{
  color:#D1900B;
}


.detail-summary-right{
  position:relative;
  z-index:1;

  padding:28px 0 34px 120px;
  color:#fff;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.detail-summary-usps{
  display:flex;
  flex-direction:column;
  gap:22px;

  margin:0;
  padding:0;
  list-style:none;
}

.detail-summary-usps li{
  display:flex;
  align-items:center;

  font-size:18px;
  line-height:1.15;
  font-weight:700;
  color:#fff;
}

.detail-summary-usps li::before{
  content:"";

  width:18px;
  height:18px;
  flex:0 0 18px;

  margin-right:8px;

  background-image:url("../assets/check_circle.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  filter:brightness(0) invert(1);
}

.detail-summary-scale{
  width:520px;
  padding-top: 0;
  margin-top:10px;
}

.detail-summary-scale .models-scale-separator{
  display:none;
}

.detail-summary-scale .models-scale-content{
  width:100%;
  margin:0;

    grid-template-columns:80px 1fr 110px;
}

.detail-summary-scale .models-scale-label{
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
}

.detail-summary-scale .models-scale-label img{
   width:32px;
  height:32px;
  filter:brightness(0) invert(1);
}

.detail-summary-scale .models-scale-line{
  background:rgba(255,255,255,.65);
  width: 100%;
  height:2px;
  margin-bottom: 4px;
}

.detail-summary-scale .models-scale-dot{
  position:absolute;

  width:4px;
  height:4px;

  border-radius:50%;
  background:#13a4aa;
}

.detail-summary-scale .models-scale-dot::before{
   content:"";

  position:absolute;

  left:50%;
  bottom:10px;

  transform:translateX(-50%);

  width:0;
  height:0;

  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:10px solid #13a4aa;
}

/* ==================================================================================================
   LAPTOP
===================================================================================================== */
@media (min-width:1025px) and (max-width:1366px){
  .road-scale{
    margin-bottom: 10px;
  }

  .home-models-grid{
    gap: 24px;
  }

   .home-models .home-model-arrow-prev{
    left:24px;
  }

  .home-models .home-model-arrow-next{
    right:24px;
  }
  .home-models-grid {
  touch-action: pan-y;
  }
  .pc_ban .bn_wz a{
    margin-top:40px;
  }

  .home-model-card h2 {
    margin-bottom: 14px;
  }

  .home-model-image{
    height: 140px;
  }
  .home-model-card.is-active{
    min-height: 562px;
    height: 562px;
  }

  .home-model-card.is-active .home-model-description{
    min-height: 56px;
    margin-bottom: 6px;
  }

  .home-model-card.is-active .home-model-description p{
    font-size: 14px;
  }

  .home-model-card.is-active .home-model-price{
    font-size: 18px;
    margin-bottom: 16px;
  }

  /*SIDE CARDS*/
  .home-model-card.is-prev, .home-model-card.is-next {
    height: 510px;
  }
  .home-model-card:not(.is-active) .home-model-image{
    height: 135px;
  }
  .home-model-card:not(.is-active) h2 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .home-model-card:not(.is-active) .home-model-price {
    margin-bottom: 10px;
  }

   .home-models .home-model-arrow-prev{
    left:-90px;
  }

  .home-models .home-model-arrow-next{
    right:-90px;
  }

  /*MODELS PAGE*/

  .models-page .container{
    padding-left:16px;
    padding-right:16px;
  }

  .models-grid{
    grid-template-columns:repeat(3, 1fr);

    gap:16px;
  }

  .models-card{
    display: flex;
    flex-direction: column;
    width:100%;
    min-width:0;
    height: auto;
    min-height: 580px;
    padding-left:16px;
    padding-right:16px;
  }

  .models-card-image{
    height:130px;
  }

  .models-card-description{
    margin-bottom: 20px;
    min-height: 86px;
    max-width:260px;
    font-size: 15px;
    margin:16px auto 12px;
  }


  .models-card-price{
    margin-top: 20px;
    min-height: 24px;
    font-size: 20px;
  }

  
  .models-card-usps{
    grid-template-columns:repeat(2, 125px);

  justify-content:center;
    margin-bottom: 12px;
    padding-left:20px;
    padding-right:14px;
    min-height: 72px;
    column-gap:10px;
    row-gap:10px;
    min-height:105px;
  
  }

  .models-card-usps li{
    font-size:14px;
    line-height:1.25;
  }

  .models-card-usps li::before{
    width:16px;
    height:16px;
    flex:0 0 16px;
  }

  .models-scale{
    margin-top:auto;
    padding-top: 8px;
  }

   /*====================
    DETAIL PAGE
 ======================*/
 .detail-summary::after{
    width:53%;

    clip-path:polygon(80px 0, 100% 0, 100% 100%, 0 100%);
  }

  .detail-summary-card{
    min-height:150px;
  }

  .detail-summary-left{
    padding:20px 50px 24px 0;
  }

  .detail-summary-right{
    padding:20px 0 24px 80px;
  }

  .detail-summary-description{
    font-size:16px;
    line-height:1.25;

    margin:0 0 14px;
  }

  .detail-summary-price{
    font-size:30px;

    margin:0 0 10px;
  }

  .detail-summary-usps{
    gap:14px;
  }

  .detail-summary-usps li{
    font-size:16px;
  }

  .detail-summary-usps li::before{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }

  .detail-summary-scale{
    width:360px;
    padding-top: 0;
  }

  .detail-summary-scale .models-scale-content{
    grid-template-columns:60px 1fr 82px;
  }

  .detail-summary-scale .models-scale-label{
    font-size:12px;
  }

  .detail-summary-scale .models-scale-label img{
    width:24px;
    height:24px;
  }

  .detail-summary-scale .models-scale-line{
    height:2px;
  }

  .detail-summary-scale .models-scale-dot::before{
    bottom:8px;

    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:8px solid #13a4aa;
  }
  

}

/* ==================================================================================================
   TABLET
===================================================================================================== */
@media (min-width:641px) and (max-width:1366px) and (pointer:coarse){
  .n_ban{
    height:500px;
  background-size:cover;
    background-position:center 42%;
    background-attachment:scroll;
  }


}
@media (min-width:641px) and (max-width:1024px){

  .home-models .home-models-slider{
    position:relative;
    width:100vw;
    margin-left:calc(50% - 50vw);
  }

   .home-models .home-model-arrow-prev{
    left:24px;
  }

  .home-models .home-model-arrow-next{
    right:24px;
  }
  .home-models-grid {
  touch-action: pan-y;
  }
  .pc_ban .bn_wz a{
    margin-top:40px;
  }

  /*MODELS PAGE*/

  .models-page .container{
    padding-left:16px;
    padding-right:16px;
  }

  .models-grid{
    grid-template-columns:repeat(3, 1fr);

    gap:16px;
  }

  .models-card{
    display: flex;
    flex-direction: column;
    width:100%;
    min-width:0;
    height: auto;
    min-height: 580px;
    padding-left:16px;
    padding-right:16px;
  }

  .models-card-image{
    height:130px;
  }

  .models-card-description{
    margin-bottom: 20px;
    min-height: 86px;
    max-width:260px;
    font-size: 15px;
    margin:16px auto 12px;
  }


  .models-card-price{
    margin-top: 20px;
    min-height: 24px;
    font-size: 20px;
  }

  
  .models-card-usps{
    grid-template-columns:repeat(2, 125px);

  justify-content:center;
    margin-bottom: 12px;
    padding-left:20px;
    padding-right:14px;
    min-height: 72px;
    column-gap:10px;
    row-gap:10px;
    min-height:105px;
  
  }

  .models-card-usps li{
    font-size:14px;
    line-height:1.25;
  }

  .models-card-usps li::before{
    width:16px;
    height:16px;
    flex:0 0 16px;
  }

  .models-scale{
    margin-top:auto;
    padding-top: 8px;
  }

  /*====================
    DETAIL PAGE
 ======================*/
 .detail-summary::after{
    width:53%;

    clip-path:polygon(80px 0, 100% 0, 100% 100%, 0 100%);
  }

  .detail-summary-card{
    min-height:150px;
  }

  .detail-summary-left{
    padding:26px 50px 24px 0;
  }

  .detail-summary-right{
    padding:26px 0 24px 80px;
  }

  .detail-summary-description{
    font-size:16px;
    line-height:1.25;

    margin:0 0 14px;
  }

  .detail-summary-price{
    font-size:34px;

    margin:0 0 16px;
  }

  .detail-summary-usps{
    gap:14px;
  }

  .detail-summary-usps li{
    font-size:16px;
  }

  .detail-summary-usps li::before{
    width:15px;
    height:15px;
    flex:0 0 15px;
  }

  .detail-summary-scale{
    width:360px;
    padding-top: 0;
  }

  .detail-summary-scale .models-scale-content{
    grid-template-columns:60px 1fr 82px;
  }

  .detail-summary-scale .models-scale-label{
    font-size:12px;
  }

  .detail-summary-scale .models-scale-label img{
    width:24px;
    height:24px;
  }

  .detail-summary-scale .models-scale-line{
    height:2px;
  }

  .detail-summary-scale .models-scale-dot::before{
    bottom:8px;

    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:8px solid #13a4aa;
  }


}
 
/* ==================================================================================================
   MOBILE
===================================================================================================== */
@media only screen and (max-width:640px){

  /* =========================================
     HEADER LANGUAGE AND COUNTRY
  ========================================= */
   .header .yc_nr.header-switches-desktop{
    display:none;
  }

  .header .yc_nr.header-switches-mobile{
    display:block;
    width:100%;
    padding-top:12px;
  }

  .header .header-switch-group + .header-switch-group{
    margin-top:18px;
  }

  .header .header-switch-label{
    display:block;
    margin-bottom:8px;

    font-size:12px;
    color:#0E7D81;

    text-transform:uppercase;
    letter-spacing:.08em;
  }

  .header .header-switch-options{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
  }
  .header-switch-options a{
    opacity:.55;
    transition:.3s;
  }

  .header-switch-options a.active{
    opacity:1;
    font-weight:700;
    color:#13a4aa;
  }


  /* =========================================
     BANNER
  ========================================= */

  .pc_ban .bn_wz{
    left:50%;
    right:auto;
    bottom:134px;
    width:calc(100% - 44px);
    text-align:center;
    transform:translateX(-50%);
  }

  .pc_ban .bn_wz h1{
    font-size:32px;
    line-height:1.1;
    margin-bottom:60px;
  }

  .pc_ban .bn_wz h3{
    font-size:48px;
    line-height:1;
    margin-bottom:60px;
  }

  .pc_ban .bn_wz a{
    margin:0 auto;
    display:inline-block;
  }

  /* =========================================
     MOBILE BACKGROUND
  ========================================= */


  .home-models:before{
    background-image: url("../assets/background_road_to_offroad_mobile.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    opacity: 0.2;
  }

  .home-models .container{
    position:relative;
    padding-left:0;
    padding-right:0;
  }

  /* =========================================
     HIDE DESKTOP ELEMENTS
  ========================================= */

  .home-models-title,
  .road-scale,
  .home-model-arrow,
  .home-model-nav-wrapper{
    display:none;
  }

  /* =========================================
     MOBILE TITLE
  ========================================= */

  .road-scale-mobile{
    display:block;
    width:342px;
    height:180px;
    margin:0 auto;
    position:relative;
  }

  .road-scale-mobile-title{
    position:absolute;
    top:32px;
    left:0;

    font-size:32px;
    line-height:1.1;

    font-family:"DINPro";
    font-weight:700;

    color:#333333;
    text-align:left;
  }

  .road-scale-mobile-wrapper{
    position:absolute;
    top:128px;
    right:0;
  }

  .road-scale-mobile-road{
    font-size:32px;
    line-height:1;

    font-family:"DINPro";
    font-weight:700;
    font-style:italic;

    color:#333333;
  }

  /* =========================================
     SLIDER WRAPPER
  ========================================= */

  .home-models-slider{
    position:relative;
    width:calc(100% - 48px);
    max-width:342px;
    margin:0 auto 32px;
  }

  /* =========================================
     CARDS
  ========================================= */

 .home-models-grid{
  position:relative;

  display:flex;
  flex-direction:column;
  align-items:center;

  gap:24px;
}

.home-models-grid .home-model-card{
  height:auto;
  min-height:520px;

  padding-bottom:32px;
}

.home-model-card.is-hidden{
  display:block;
}

.home-model-card,
.home-model-card *{
  transition:none;
}

.home-model-image{
  height:150px;
  margin-bottom:18px;
}

.home-model-divider{
  width:50px;
  height:2px;
  margin:14px auto;
}

.home-model-card:not(.is-active) .home-model-price {
  font-size: 16px;
}

/* =========================================
   MOBILE USP
========================================= */

.home-model-usps,
.home-model-card.is-active .home-model-usps,
.home-model-card:not(.is-active) .home-model-usps{

  display:flex;
  flex-direction:column;

  align-items:center;

  gap:10px;

  min-height:0;
}

.home-model-usps li,
.home-model-card.is-active .home-model-usps li,
.home-model-card:not(.is-active) .home-model-usps li{
  width:300px;
  max-width:300px;

  justify-content:center;

  text-align:center;

  font-size:13px;
  line-height:1.3;

  white-space:normal;
  overflow-wrap:break-word;
}

.home-model-usps li::before{
  margin-top:1px;
}


/* =========================================
   SCALE
========================================= */

.home-model-card-scale{
  display:block;

  margin-top:24px;
}


  /* =========================================
     VERTICAL LINE
  ========================================= */

  .road-scale-mobile-line{
    display:block;

    position:absolute;

    top:0;
    bottom:0;

    right:-10px;

    width:3px;

    background:linear-gradient(
      to bottom,
      #13a4aa 0%,
      #ae812d 100%
    );

    border-radius:999px;

    z-index:20;

    overflow:visible;
  }

  .road-scale-mobile-point{
    display:block;

    position:absolute;

    top:160px;
    left:50%;

    width:26px;
    height:26px;

    border-radius:50%;

    background:#13a4aa;

    border:3px solid #fff;

    box-shadow:0 0 0 2px #13a4aa;

    transform:translate(-50%, -50%);

    z-index:30;
  }

  /* =========================================
     OFFROAD BOTTOM
  ========================================= */

  .road-scale-mobile-bottom{
    display:block;

    width:342px;

    margin:24px auto 0;

    text-align:right;

    font-size:32px;
    line-height:1;

    font-family:"DINPro";
    font-weight:700;
    font-style:italic;

    color:#333333;
  }

  /* MODELS PAGINA*/


  .models-page{
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .models-page::before{
     background-image: url("../assets/background_road_to_offroad_mobile.png");
     opacity: 0.1;
     height: 4000px;

    background-size: 100% auto;
    background-position: center top;
  }

   .models-page .container{
    padding-left:24px;
    padding-right:24px;
  }

  .models-page-title{
    text-align: center;
    font-size: 30px;
    margin-bottom: 24px;
  }

  .models-grid{
    grid-template-columns: 1fr;
    gap: 16px;
    justify-items: center;
  }

  .models-card{
    width:100%;
    max-width:342px;
    height:auto;
    min-height:560px;

    padding:28px 20px 24px;
  }
  .models-card-image{
    justify-content:center;
     height:150px;
  }

   .models-card-title{
    font-size:22px;
  }

  .models-card-title,
  .models-card-price{
    text-align:center;
  }

    .models-card-description{
    max-width:260px;
    min-height:0;
    margin:14px auto 16px;
  }

  .models-card-description p{
    font-size:15px;
    line-height:1.35;
  }

  .models-card-usps{
    grid-template-columns:1fr;
    min-height:0;
    row-gap:10px;
    margin-top:16px;
  }

  .models-card-usps li{
    justify-content:center;
    text-align:center;
    font-size:14px;
  }

  .models-scale{
    margin-left:auto;
    margin-right:auto;
  }

  /*==============
    DETAIL PAGE
  ================*/
.detail-hero-labels{
    right:-2px;
    gap:7px;
  }

  .detail-hero-label{
    border-radius:6px 0 0 6px;

    box-shadow:0 2px 8px rgba(0,0,0,.16);
  }

  .detail-hero-label--preorder{
    min-width:120px;

    padding:10px 14px;

    font-size:11px;
  }

  .detail-hero-label--promo{
    min-width:72px;

    padding:10px 14px;

    font-size:11px;
  }
  .detail-summary{
    background:#000;
  }

  .detail-summary::after{
    display:none;
  }

  .detail-summary::before{
    opacity:.2;
    mask-image: none;
  }

  .detail-summary-card{
    grid-template-columns:1fr;
  }

  .detail-summary-left{
    padding:32px 0 14px;
  }

  .detail-summary-right{
    padding:26px 0 30px;
  }

  .detail-summary-description{
    font-size:15px;
    text-align: center;
    margin-bottom: 34px;
  }

  .detail-summary-price{
    font-size:30px;
    text-align: center;
  }

  .detail-summary-usps{
    gap:16px;
    align-self:center;
  }

  .detail-summary-usps li{
    font-size:15px;
  }

  .detail-summary-scale{
    width:100%;
    max-width:320px;
  }

  .detail-summary-scale .models-scale-content{
    grid-template-columns:56px 1fr 72px;
  }

  .detail-summary-scale .models-scale-label{
    font-size:11px;
  }

  .detail-summary-scale .models-scale-label img{
    width:22px;
    height:22px;
  }

}