* {
  margin: 0;
  padding: 0;
}

html{
    scroll-padding-top:70px; 
}
.s_title, .s_line, .s_img,.s_button1, .s_list, .s_layout{
    animation-fill-mode: both;
}
@keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

::-webkit-scrollbar{width:6px;border-radius:3px;background-color:#e2e2e2}
::-webkit-scrollbar-track{border-radius:6px;border-radius:3px;background-color:#e2e2e2}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--color1);}

:root {
--color1: #999;
--color2: #333;
--main-color:#666;
--theme-color:#000;
--svgline-color:#333;
    --mColor:#666;
  --yx_FS72: 70px;
  --yx_FS60: 60px;
  --yx_FS54: 54px;
  --yx_FS48: 48px;
  --yx_FS45: 46px;
  --yx_FS42: 40px;
  --yx_FS38: 38px;
  --yx_FS36: 32px;
  --yx_FS30: 30px;
  --yx_FS28: 28px;
  --yx_FS24: 24px;
  --yx_FS22: 22px;
  --yx_FS18: 18px;
  --yx_FS16: 16px;
  --yx_FS14: 14px;
}


@keyframes bannerimg
{
from {transform: scale(1.2);}
to {transform: scale(1);}
}

@font-face {
  font-family: "mechsuit";
  src: url(../fonts/mechsuit.otf);
}
@font-face {
  font-family: "lineseedsans_rg";
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/pg2024062819261469079/cms/file/lineseedsans_rg.ttf);
}

body {
  color: #333;
  font: 14px/1.5 'HarmonyOS Sans SC','\5FAE\8F6F\96C5\9ED1',arial;
  overflow-x:hidden;
}


.reset_style,body {
  word-break: normal;
}

a {
  transition: all .3s;
  text-decoration: none;
}
a:hover{
  color: var(--mColor);
  text-decoration: none;
}

.textRequire{
    position: relative;
}
span.required {
    position: absolute;
    left: 5px;
    z-index: 2;
    color: #c6232a;
    top: 11px;
}
.textRequire span.required {
    top:11px;
}

div[class^=e_richText-]{
    width: 100%;
    overflow: hidden;
}
  div[class^=e_richText-] img {
    max-width: 100% !important;
    height: auto !important;
  }

  div[class^=e_richText-] video {
    max-width: 100% !important;
    height: auto !important;
  }

div[class^="e_breadcrumb"] > .p_breadcrumb{
    display:flex;
  flex-wrap:wrap !important;
}
div[class^="e_breadcrumb"] .p_breadcrumbItem{
    white-space:normal !important;
}

     .table_wrap{
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: 10px;
    }
     .table_wrap::-webkit-scrollbar{
    height:5px;
    }
    .table_wrap::-webkit-scrollbar-thumb{
      background-color:var(--mColor);
      }
      .table_wrap::-webkit-scrollbar-track{
        background:#ccc;
      }
    .table_wrap table{min-width:400px;}

.btn-primary{
    background:var(--mColor);
  color:#fff;
  border-color: var(--mColor);
}
.bg-primary{
    background:var(--mColor);
  color:#fff;
}
.text-primary{
    color:var(--mColor)
}
/*cookies*/
.btn-outline-primary{
    color: var(--mColor);
    border-color: var(--mColor);
}
.custom-control-input:checked ~ .custom-control-label::before{
    border-color: var(--mColor);
    background-color: var(--mColor);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color: rgba(242,143,0, 0.3);
}
div[class^="e_cookie"] .p_rIcon{
    background-color: var(--mColor) !important;
}

.prolist .p_loopitem div[class^=e_container-]:before{display:none !important;}
.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:after,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:after{display:none !important;}
.prolist .p_loopitem div[class^=e_container-]:hover div[class^=e_image-] img{opacity: 1 !important;}


.subpage_ad .text {

}
.subpage_ad:before{
    content: "";
    dislay: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
}
.subpage_ad .bgimg {
animation: bannerimg 2s;
}
.subpage_ad .ad-tit{

}
.subpage_ad .ad-line{

}
.subpage_ad .ad-sum{

}
.pl_service2 .service_value{
background-color: #333;
}
.pl_service2 .service_item:hover {
    background-color: #333;
    color: #fff;
}
.pl_service2 .service_value::after{
border-left: 6px solid #333;
}
.pl_service4{
    font-size:14px;
}
.pl_service4 .service_icon span{
    display:none;
}
.pl_service4 .service_icon{
    display: flex;
    align-items: center;
}
.pl_service4 .service_value a{
    color:#fff;
}
.pl_service4 > .item_con .service_item.showLang:hover{
    min-width: 245px;
}
.pl_service4 .service_group > .item_con:nth-child(1) .service_item.showLang:hover{
    min-width: 280px;
}
.pl_service4 .service_icon .icon{
    margin-top:0;
}

/*nav*/
.subNav {
  max-width: 1320px !important;
  display: flex;
  flex-wrap: wrap;
}

.subNav>div {
  width: auto !important;
}

.subNav:after {
  display: none !important;
}

.e_breadcrumb-1 .p_breadcrumb {
  flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
 


  /*大屏*/
  .NavList_a1 a {
    font-size: 14px !important;
    padding: 0px 20px !important;
  }
}

.swiper_arr{
    width: 90px;
    display: flex;
    justify-content: space-between;
}
.swiper_arr .swierBtn{
    transition: all;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    border: 0px #ffac04 solid;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    background: #d9d9d9;
}
.swiper_arr .swierBtn svg{
    width: 60%;
    height: auto;
    margin: 0;
}
.swiper_arr .swierBtn:hover{
    background: #2c2caf;
    color: #fff;
}

.subpage_ad{

}
@media only screen and (max-width: 768px) {
  .mobTitle{
    font-size: 24px !important;
  }
.pl_service{
  bottom: 65px;
  right: 10px;
}
.pl_service .p_defaultIocn{
  color: #fff;
  background: var(--mColor);
}
.smartIcon{
  width: 50px;
  height: 50px;
  color: var(--mColor) !important;
  padding: 5px;
  right: 10px;
  bottom: 10px;
}
  
.swiper_arr{
    width: 70px;
}
.swiper_arr .swierBtn{
    transition: all;
    width: 30px;
    height: 30px;
    border: 0px #ffac04 solid;
}
  
  .subpage_ad{

  }
  .subpage_ad .text{

  }
  /*小屏*/
  .subNav>div {
    width: 100% !important;
  }
  .pl_service{
      bottom: 60px;
  }
  .pl_service .p_defaultIocn{
    
    color:rgba(240,134,25,1);
  }
}


.wapper{ width: 90% !important;  margin: 0 auto;}

.banner01{ width: 100%; position: relative;}
.banner01 .img{ width: 100%;}
.banner01 .img img{ width: 100%; vertical-align: bottom;}
.banner01 #video1{ width: 100%;vertical-align: bottom;}

.banner01 .titbg{ color: #fff; position: absolute; top: 30%; left: 50%;transform: translate(-50%,0%);
}
.banner01 .titbg .h1{ display: flex; justify-content: center;  align-items: center; font-size: calc(12px + 30* 100vw / 1920);}
.banner01 .titbg .h1 span{line-height: 1.5;     font-family: "lineseedsans_rg"; margin-right: 10px; font-weight: bold;}
.banner01 .titbg .h2{ line-height: 1;  font-family: "mechsuit"; color: var(--mColor); margin-top: 0px;margin-bottom: 3%; margin-right: 10px;}
.banner01 .titbg .h3{line-height: normal; color: rgba(255, 255, 255, 1);display: table; margin: 0 auto; margin-bottom: 20px; font-size: calc(12px + 18* 100vw / 1920);}
@media only screen and (max-width: 980px) {
  .banner01 .titbg{  top: 50%;transform: translate(-50%,-50%);
  }
}

.more{ display: flex; justify-content: center;  align-items: center;}
.more a{ color:#fff; font-size: 16px;    position: relative; width: 150px;    padding: 8px;    height: 40px; border-radius: 40px; align-items: center; justify-content: center;margin-right: 10px; text-align: center; overflow: hidden;}
.more a.more01{  background-color: #000;  background: #000;} 
.more a.more02{  background-color:var(--mColor);  background: var(--mColor)} 
.more a:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);
}
.more a::after {
content: "";
position: absolute;
width: 0;
height: 100%;
transition: all .3s;
z-index: 0;
opacity: 0;
top: 0;
left: 0px;
}

.more a:hover {
background: var(--color2);
}
.more a:hover::after {
opacity: 1;
}
.more a:hover:before {
animation: style1 .75s;
z-index: 1;
}




.title{ color: #fff; text-align: center; position: absolute; left: 50%; transform: translate(-50%, 0); top: 10%;    z-index: 1;}
.title h2{  font-size: calc(12px + 20* 100vw / 1920);}
.title p{     font-size: calc(8px + 6* 100vw / 1920);}

.title02{}
.title02 .h1{ display: flex;  align-items: center;}
.title02 .h1 p{    font-weight: normal; color: #000; margin-right: 10px;}
.title02 .h1 span{    line-height: 1;color: var(--color1);    font-family: "mechsuit";    margin-top: 0px; margin-bottom: 1%; margin-right: 10px;}
.cent02{ position: relative; margin-top: 5%;}

.cent02 .img{ width: 100%;}
.cent02 .img img{ width: 100%; vertical-align: bottom;}



.cent03{ margin-top: 5%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2%;}
.cent03 .img{width: 36%;}
.cent03 .img img{ width: 100%; vertical-align: bottom;}
.cent03_r{width: 59%;}
.canshu{ margin-top: 4%;}
.canshu ul{ display: flex;  align-items: center; justify-content: space-between;flex-wrap: wrap; }
.canshu ul li{ width: 32%;}
.canshu ul li .h1{ color: #999; display: block; margin-top: 5px;  font-size: calc(12px + 4* 100vw / 1920);}
.canshu ul li .h2{    color: #333;  font-weight: bold;  font-size: calc(12px + 12* 100vw / 1920);}
.canshu ul li .h3{ display: flex;  align-items: center;    padding: 10px 0px;}
.canshu ul li .h3 .h4{ width: 30px; height: 30px;display: flex; align-items: center; justify-content: center; background: #000; color: rgba(255, 255, 255, 1); background-color: #000; border-radius: 100%;font-size: 20px; font-weight: bold;}
.canshu ul li .h3 .h5{        font-size: calc(12px + 12* 100vw / 1920);    color: #333;    font-weight: bold;    padding-left: 10px;}
@media only screen and (max-width: 980px) {
  .cent03{flex-wrap: wrap; margin-top: 5%; margin-bottom: 5%;}
  .cent03 .img{ width: 100%;}
  .cent03_r.cent03_r{ width: 100%;}
  .title02 .h1 p{ font-size: 24px;}
  .title02 .h1 span{ font-size: 18px;}
}

.more02{ text-align: center;}
.more02 a{ width: 140px; height:44px; background: #000; font-size:16px; border-radius: 20px; color: #fff; display: block; list-style: 44px; text-align: center; margin: 0 auto; line-height: 44px; position: relative; overflow: hidden;}
.more02 a:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);
}
.more02 a::after {
content: "";
position: absolute;
width: 0;
height: 100%;
transition: all .3s;
z-index: 0;
opacity: 0;
top: 0;
left: 0px;
}
.more02 a:hover {
background: var(--color1);
background-color: var(--color1);
}
.more02 a:hover:before {
animation: style1 .75s;
z-index: 1;
}
.more02 a:hover::after {
opacity: 1;
}

@keyframes style1 {
0% {
    background: rgba(0,0,0,.25);
    transform: translateX(-50%) translateY(-50%) scale(0)
}

to {
    background: 0 0;
    transform: translateX(-50%) translateY(-50%) scale(1)
}
}


.cent04{ position: relative; margin-top: 4%;}
.cent04 .img{ width: 100%;}
.cent04 .img img{ width: 100%; vertical-align: bottom;}
.cent04 .title{ text-align: left; top: inherit; bottom: 5%; width: 81%;}


.cent05{ margin-top: 8%;}
.cent0501{ width: 90%; margin: 0 auto;}
.cent0501 .h1{        font-size: calc(12px + 30* 100vw / 1920);}
.cent0501 .h2{  font-size: calc(12px + 6* 100vw / 1920); color: #888; display: block; margin-top: 15px;}


.cent06{ box-sizing: border-box; padding: 64px clamp(18px,4vw,48px) 78px;}
.cent0601{ display: flex;   align-items:flex-end;justify-content: space-between;}
.cent0601_l{ width: 26%;}
.cent0601_l h2{ font-size: calc(12px + 30* 100vw / 1920);}
.cent0601_l span{    font-size:calc(12px + 4* 100vw / 1920); color: #667085;}
.cent0601_r{ width: 44%; display: flex;  align-items: center; justify-content:end;}
.cent0601_r .all{display: inline-flex; align-items: center; gap: 4px; padding: 5px;  border: 1px solid rgba(230, 235, 241, 0.94); border-radius: 999px; background: rgba(245, 247, 250, 0.86);  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 28px rgba(16, 24, 40, 0.05);  overflow-x: auto;  scrollbar-width: none; }
.cent0601_r .all .series-chip{    min-height: 34px; padding: 7px 14px; border: 0; border-radius: 999px;background: transparent; color: rgba(16, 24, 40, 0.7); cursor: pointer;font-size: 13px; font-weight: 680; white-space: nowrap; transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;}
.cent0601_r .all .series-chip.active {color:#101828; background: #fff; box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);}
.jiajtou{ display: flex; justify-content: center;  align-items: center; flex-wrap: wrap; }
.jiajtou .swiper-button-prev, .jiajtou  .swiper-button-next{ width: 40px; height: 40px; border: 1px solid #ccc; position:inherit; top: inherit; left: inherit; bottom: inherit; right: inherit; border-radius: 50%; margin: 0 0.5vw;}
.jiajtou .swiper-button-next:after, .jiajtou .swiper-button-prev:after{ font-size: 12px; color: #333; font-weight: bold;}

.cent0602{margin-top:3%;padding-bottom: 34px;position:relative;}
.cent0602 .mySwiper02{ padding:2% 0;}
.cent0602 .swiper-scrollbar02{background: #f1f1f1 !important;position: absolute !important;left: 1% !important;bottom: 3px !important;z-index: 50 !important;height: 11px !important;top:inherit !important;}
.cent0602 .swiper-scrollbar02 .swiper-scrollbar-drag{ background: #c1c1c1;border-radius: 11px;}
.cent0602 .swiper-slide .nr_box {border:1px solid #eee;border-radius: 12px;overflow: hidden;transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);box-shadow: 0 4px 12px rgba(16,24,40,0.02);}
.cent0602 .swiper-slide:hover .nr_box { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(16, 24, 40, 0.08);border-color: rgba(37, 109, 148, 0.2); }
.cent0602 .swiper-slide .img {padding-bottom: 70%;position: relative;overflow: hidden;background: #f5f7fa;}
.cent0602 .swiper-slide .img img { width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: contain;}
.cent0602 .swiper-slide:hover .img img { transform: scale(1.1); }
.cent0602 .swiper-slide .txtbg { }
.cent0602 .swiper-slide .txt {padding: 4% 5%;color: #666;}
.cent0602 .swiper-slide .txt .h2 {font-size: 24px;line-height: 1.5em;height: 1.5em;color: #101828;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.cent0602 .swiper-slide .txt .h3 {font-size: 14px;line-height: 1.5em;height: 3em;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #667085;}
.cent0602 .swiper-slide .txt>a{margin-top: auto;width: 100%;height: 42px; border-radius: 8px;border: 1px solid #e6ebf1;background: #fff;color: #101828;display: flex;align-items: center;justify-content: center;
font-size: 14px;font-weight: 700; transition: all 0.2s ease;}
    .cent0602 .swiper-slide:hover .txt > a {
        background: #666;
        color: #fff;
        border-color: #666;
    }
@media only screen and (max-width: 980px) {
  .cent0601{flex-wrap: wrap; }
  .cent0601_l{ width: 100%;}
  .cent0601_r{ width: 100%; margin-top: 5%;}
  .cent0601_r .all{ width: 69%;}
.cent0602 .swiper-slide .txt { padding: 10px 5%; }
.cent0602 .swiper-slide .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.cent0602 .swiper-slide .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}


.cent07_bg{ background: radial-gradient(circle at 50% 50%,#fefefe 0%,#f1f5f9 100%); padding-top:7%; text-align: center;}
.cent07_bg .h1{ font-size: clamp(40px,12vw,84px);     font-weight: 700;  line-height: 1.1; margin-bottom: 8px;}
.cent07_bg .h2{    font-size: clamp(16px, 4vw, 22px); color: #64748b; font-weight: 400; opacity: 0.8; max-width: 80%;margin: 0 auto;}
.mySwiper04{}
.mySwiper04 .img{padding-bottom: 25%;position: relative;overflow: hidden;background: #f5f7fa; max-width: 1200px; width: 80%; margin:auto;}
.mySwiper04 .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: contain;}
.mySwiper03{}
.mySwiper03 .swiper-wrapper{ display: flex; justify-content: center;  align-items: center;}
.mySwiper03 .h3{    font-size: 10px; color: #64748b; font-weight: 600; margin-top: 2%;}
.mySwiper03 .img02{    width: 32px; height: 32px; border-radius: 50%;border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px #e2e8f0;transition: all 0.4s cubic-bezier(0.4,0,0.2,1); margin: 0 auto;}
.mySwiper03 .swiper-slide{ padding: 20px 0;}
.mySwiper03 .swiper-slide-thumb-active .img02{ width: 40px; height: 40px;box-shadow: 0 0 0 2px #0f172a, 0 8px 24px rgba(0, 0, 0, 0.2); transform: scale(1.15);}
.mySwiper03 .swiper-slide-thumb-active  .h3{ color:#0f172a;}

@media only screen and (max-width: 980px) {
  .mySwiper04{ margin-top: 5%;}
  .cent07_bg{ padding-bottom: 7%;}
}



.wapper02{ max-width: 1200px; width: 90%; margin: 0 auto;}
.wapper03{ max-width: 1440px; width: 90%; margin: 0 auto;}

.cent08{ margin: 3% auto;}
.cent08 .h1{ display: block; text-align: center; font-size: clamp(28px,4vw,36px); color: #0f172a; font-weight:bold;}
.cent08 .txtbg{ background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 2%;transition: all 0.4s cubic-bezier(0.4,0,0.2,1); cursor: pointer; position: relative; box-sizing: border-box; margin-top: 3%;}
.cent08 .txtbg.active::after { content: "✓"; position: absolute; top: 16px; right: 16px; width: 28px; height: 28px; background: #0f172a; color: #fff; border-radius: 50%;display: flex; align-items: center;justify-content: center;font-weight: 700;}
.cent08 .txtbg.active{ border-color: #0f172a; background: #f8fafc;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}
.cent08 .txtbg:hover {border-color: #0f172a; transform: translateY(-4px);}
.cent08 .txtbg .h2{    background: #0f172a; color: #fff;    display: inline-block;padding: 4px 12px; border-radius: 20px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px;}
.cent08 .txtbg .h3{    font-size: 24px; margin-bottom: 4px; display: block; font-weight: bold;}
.cent08 .txtbg .h4{ line-height: 1.1; margin: 20px 0;}
.cent08 .txtbg .h4 span{ font-size: 24px; font-weight: 500; display: block;    text-decoration: line-through; color: #64748b; }
.cent08 .txtbg .h4 strong{ color: #0f172a; font-size: 30px; display: block;}
.cent08 .txtbg .h4 strong em{ font-style: normal; font-size: 14px;color: #64748b;}
.cent08 .txtbg .h5{    padding-top: 16px; border-top: 1px solid #e2e8f0; margin-top: 16px;}
.cent08 .txtbg .h5 ul { list-style: none;}
.cent08 .txtbg .h5 li { font-size: 13px; color:#64748b;padding: 4px 0; display: flex; align-items: center; gap: 8px;}
.cent08 .txtbg .h5 li::before { content: "✓"; color: #10b981; font-weight: bold;}
.cent08 .txtbg .h5 li.missing { color: #94a3b8; text-decoration: line-through;}
.cent08 .txtbg .h5 li.missing::before { content: "—"; color: #cbd5e1;}
.version-reason {margin-top: 16px; padding: 12px 16px; background: #f8fafc;border-radius: 12px;font-size: 12px;color: #0f172a;line-height: 1.6; border-left: 4px solid #d4af37; text-align: left;}
@media only screen and (max-width: 980px) {
.cent08{ margin: 5% auto;}
.cent08 .txtbg{ padding: 8%;}
}

.cent09_bg{ background: #fafafa;border-top: 1px solid #e2e8f0; padding: 3% 0;}
.cent09{    display: grid; grid-template-columns: 1fr 360px;  gap: 40px; }
.cent09_l{ display: block;}
.cent09_l dl{}
.cent09_l dl dd{}
.cent09_l dl dd .h1{ margin-bottom: 20px; color: #0f172a; border-bottom: 1px solid #e2e8f0;padding-bottom: 8px;}
.cent09_l dl dd .h1 h1{font-size: 18px;}
.cent09_l dl dd ul{}
.cent09_l dl dd ul li{}
.cent09_l dl dd ul li .option-list{    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 20px;margin-bottom: 10px;display: flex;align-items: center;gap: 16px; cursor: pointer; transition: all 0.3s;}
.cent09_l dl dd ul li .option-list  .check-circle{ width: 24px; height: 24px; border: 2px solid #e2e8f0; border-radius: 50%;display: flex;align-items: center; justify-content: center;}
.cent09_l dl dd ul li .option-list .worry{ flex:1}
.cent09_l dl dd ul li .option-list .worry .h2{ margin: 0; padding: 0; line-height: 1;height: auto; font-size: inherit;}
.cent09_l dl dd ul li .option-list .worry .h2 strong{ font-size: 16px; color: #0f172a; line-height: 1.6;}
.cent09_l dl dd ul li .option-list .worry .h2 em{ font-size: 11px;  color: #3b82f6; margin-left: 8px; cursor: pointer; text-decoration: underline; font-weight: 500; font-style: normal;}
.cent09_l dl dd ul li .option-list .worry .h2 em:hover {color: #2563eb;}
.cent09_l dl dd ul li .option-list .worry .h3{ color: #64748b; font-size: 13px;}
.cent09_l dl dd ul li .option-list .option-price{ display: flex; justify-content: center;  align-items: flex-end;   flex-direction: column; line-height: 1;}
.cent09_l dl dd ul li .option-list .option-price span{ color:#64748b; display: block; font-size: 12px;}
.cent09_l dl dd ul li .option-list .option-price strong{ font-size: 16px; color: #0f172a;}
.selected .check-circle {background: #0f172a;border-color: #0f172a;color: #fff; font-size: 12px;}
.cent09_l dl dd ul li.selected .check-circle::after { content: "L";transform: scaleX(-1) rotate(-35deg);font-family: sans-serif; display: block; margin-bottom: 2px;}
.cent09_r{  position: sticky; top: 70px;height: fit-content; background: #0f172a; padding: 5%; box-sizing: border-box; border-radius: 20px;    padding: 32px;box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2); color: #fff9;}
.cent09_r .h1{font-size: 11px; font-weight: 700; text-transform: uppercase;letter-spacing: 1px;}
.cent09_r .h2{font-size: 22px; opacity: 0.5; text-decoration: line-through;}
.cent09_r .h3{ font-size: 40px; display: block; font-weight: bold; color: #Fff;}
.cent09_r .h4{ margin-top: 3%;}
.cent09_r .h4 .h5{color: rgba(255, 255, 255, 0.5);font-size: 12px; margin-bottom: 8px}
.cent09_r .h4 ul{ border-top: 1px solid rgba(255,255,255,0.1); padding-top: 12px; line-height: 1.6;    margin-bottom: 20px;}
.cent09_r .h4 ul li{    display: flex; justify-content: space-between;margin-bottom: 4px; align-items: center; }
.cent09_r .h4 ul li span{ font-size: 11px; font-weight: normal;}
.cent09_r .h4 ul li .h6{ }
.cent09_r .h4 ul li .h6 em{ font-size: 11px;  opacity: 0.55;    text-decoration: line-through;font-style: normal;}
.cent09_r .h4 ul li .h6 i{ font-size:11px ;    margin-left: 6px;font-style: normal;}
.cent09_r .h7{    margin-top: 18px;padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.12);}
.cent09_r .h7 h2{ font-size: 11px; font-weight: 700; color: rgba(255, 255, 255, 0.65);margin-bottom: 10px;text-transform: uppercase; letter-spacing: 0.6px;}
.cent09_r .h7 .et{ display: flex;   align-items: center;justify-content: space-between;}
.cent09_r .h7 .et .select{ width: 96px; height: 44px; list-style: 44px;    background-size: 16px; border: 1px solid rgba(255,255,255,0.15);    border-radius: 12px; background: rgba(255, 255, 255, 0.06); padding: 10px 14px; color: #fff;}
.cent09_r .h7 .et .input_text{width:calc(100% - 120px); min-height: 44px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; background: rgba(255, 255, 255, 0.06); color: #fff; padding: 10px 14px;font: inherit; font-size: 13px;  outline: none; transition: all 0.2s cubic-bezier(0.4,0,0.2,1);outline:none;}
.cent09_r .h7 .et .input_text::-webkit-input-placeholder{ color:#fff;}
.cent09_r .pint{ width: 100%; padding: 12px; background: #fff; color:#0f172a; border: none; border-radius: 12px; font-weight: 700;font-size: 12px; cursor: pointer;transition: all 0.3s;display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; margin-top: 10px;}
.cent09_r .pint:hover{    background:#d4af37;color:#0f172a;}
.cent09_r .exoit{ width: 100%; padding: 16px; background: rgba(255,255,255,0.1); color:#fff; border: none; border-radius: 12px; font-weight: 700;font-size: 15px; cursor: pointer;transition: all 0.3s;display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; margin-top: 10px; border: 1px solid rgba(255,255,255,0.2)}
.cent09_r .exoit:hover{    background:#fff;color:#0f172a;}

@media only screen and (max-width: 980px) {
  .cent09{flex-wrap: wrap; display: flex;}
  .cent09_bg{ padding: 10% 0;}
  .cent09_l{ width: 100%;}
  .cent09_r{ width: 100%;}
}

.cent10{ padding: 3% 0;}
.cent10>.h1{ display: block; text-align: center; font-size: clamp(28px,4vw,36px); color: #0f172a; font-weight:bold;}
.cent1001{ margin-top: 3%;}
.cent1001 ul{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; margin-bottom: 48px; background: #fff; padding: 32px; border-radius: 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);  border: 1px solid #e2e8f0;}
.cent1001 ul li{}
.cent1001 ul li h2{ font-size: 12px; font-weight: 700; color: #0f172a; margin: 0;}
.cent1001 ul li span{    font-size: 12px; color: #64748b;font-weight: 500;text-align: center;}
.cent1002{ margin-top: 3%;}
.cent1002 dl dd{}
.cent1002 dl dd .h2{ margin: 40px 0 20px; font-size: 16px; color: #0f172a; text-transform: uppercase;font-weight: bold;}
.cent1002 dl dd ul{ display: grid;  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));   gap: 12px;  margin-bottom: 40px;  align-items: stretch;}
.cent1002 dl dd ul li{    background: #f8fafc; padding: 14px 18px; border-radius: 12px; display: flex; align-items: flex-start; gap: 10px;  transition: all 0.3s; border: 1px solid transparent; height: 100%; box-sizing: border-box;}
.cent1002 dl dd ul li:hover{    border-color:#d4af37; background: #fff;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);}
.cent1002 dl dd ul li .spec-icon{color: #d4af37; font-weight: bold; flex-shrink: 0; font-size: 14px;margin-top: 4px;}
.cent1002 dl dd ul li .txtbg{text-align:left; min-width: 0; overflow-wrap: anywhere; font-size: 11px; font-weight: 500;color: #0f172a;}
@media only screen and (max-width: 980px) {
  .cent10{ padding: 10% 0;}
  .cent1001 ul{ padding: 5%;}
}

.clear{ margin:0; padding:0; font-size:0; clear:both; }

.cent11{ margin-top: 3%;}
.cent11 .tabs_val{ margin-top: 1%;}
.cent11 .tab_valli2{ display: none;}
.cent11 .tab_valli2 .img{ padding-bottom: 60%;position: relative;overflow: hidden;}
.cent11 .tab_valli2 .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: contain;}
.cent11  .tab_valli{ display: none;}
.cent11  .tieg{    display: flex ; position: relative; max-width: 100%; justify-content: center; margin-top: 2%;}
.cent11  .tieg li{position: relative; padding: 10px 30px; border-bottom: 2px #eee solid;}
.cent11  .tieg li span{ font-size: 16px; color: #aaaaaa; } 
.cent11  .tieg li:before { content: ''; position: absolute; height: 2px; background:#e78142; left: 0; bottom: 0; transition: all .5s; width: 0;}
.cent11  .tieg li:hover:before { width: 100%;}
.cent11 .tab_item.cur:before { width: 100%;}
.cent11 .tab_item.cur span{ color:#e78142 ;}
.cent11 .fmc{ font-size: 14px; color: #333; display: block; width: 50%; margin: 0  auto; text-align: center;}
@media only screen and (max-width: 980px) {
  .cent11 .fmc{ width: 100%;}
  .cent11 .tieg li{ padding: 8px 10px;}
  .cent11 .tieg li span{ font-size: 12px;}
}

.cent12{ margin-top: 4%; max-width: 100%;}
.cent12 img{ width: 100%; vertical-align: bottom;}

.cent13{ margin-top: 4%; position: relative;}
.cent13 img{ width: 100%; vertical-align: bottom;}
.cent1301{ position:absolute; top: 10%; left: 50%; transform: translate(-50%, 0); text-align: center;}
.cent1301 h2{    font-size: calc(12px + 30* 100vw / 1920); color: #fff; font-weight: normal;}
.cent1301 a{ font-size: 16px; background: #fff; color: #000; display:inline-flex; justify-content: center;  align-items: center; width: auto; padding: 0 20px;}
.cent1301 a em{    font-family: 'mechsuit'; font-style: normal; color: var(--color1)}
.cent1301 a:hover{ color: #fff;}
@media only screen and (max-width: 980px) {
.cent1301 a{ font-size: 14px;}
.cent1301{ width: 80%;}
.cent1301 a em{ font-size: 14px;}
}

.cent14{  width: 94%; margin: 4% auto 0;}
.cent14 ul{display: flex; flex-wrap: wrap;  position: relative;  max-width: 100%;}
.cent14 ul li{  flex: 0 0 auto;  width: calc(91% / 4);  margin-right: 3%; margin-bottom: 3%;}
.cent14 ul li:nth-child(4n) { margin-right: 0% ;}
.cent14 ul li .nr_box{}
.cent14 ul li .nr_box .txtbg{}
.cent14 ul li .nr_box .txtbg .h1{    line-height: 1;font-family: Impact;  font-weight: bold; font-size: calc(12px + 88* 100vw / 1920);}
.cent14 ul li .nr_box .txtbg .h2 { width: 100%;background-color: rgba(255, 255, 255, 1);margin-top: -8%; position: relative; z-index: 1; padding-bottom: 2%;        font-size: calc(12px + 12* 100vw / 1920); font-weight: bold;}
.cent14 ul li .nr_box .txtbg .h2 a{}
.cent14 ul li .nr_box .txtbg .h2:hover a{ color: var(--mColor);}
.cent14 ul li .nr_box .txtbg .h3{ font-size: calc(12px + 10 * 100vw / 1920);font-weight: bold; line-height: 1.5;}
.cent14 ul li .nr_box .txtbg .h4{ font-size:calc(12px + 8 * 100vw / 1920);font-weight: bold;line-height: 1.5;}
.cent14 ul li .nr_box  .imgbg{ border-radius:10px; overflow: hidden; margin-top: 6%;}
.cent14 ul li .nr_box .img { padding-bottom:75%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent14 ul li .nr_box .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: contain; }
.cent14 ul li:hover .img img { transform: scale(1.1); }
.cent14 ul li:nth-child(4n+2) > .nr_box {transform: translateY(40px);}
.cent14 ul li .h5{ text-align: right; margin-top: 5%;} 
.cent14 ul li .h5 strong{ font-size: 16px; display: block; margin-top: 8px;}
@media only screen and (max-width: 980px) {
  .cent14 ul li{ width: 100%; margin-bottom: 5%; margin-right: 0;}
  .cent14 ul li .h5 strong{ font-size: 15px;}
  .cent14 ul li .nr_box .txtbg .h2{  margin-top: 0px; padding-bottom: 20px;}
}


.cent15{width: 94%; margin: 4% auto; }
.cent15 .swiper-pagination05{ position:inherit; bottom: inherit !important; margin-top: 2%;}
.cent1501{}
.cent1501 ul li{  float: left; width: calc((100% - 120px)/4); margin: 30px 0 0px 30px; background: #fff; }
.cent1501 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.cent1501 ul li .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; position: relative; }
.cent1501 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.cent1501 ul li:hover .img img { transform: scale(1.1); }
.cent1501 ul li .img:before {content: '';position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; transition: all .5s; z-index: 10;}
.cent1501 ul li:hover .img:before { opacity: 0;}
@media only screen and (max-width: 980px) {
  .cent1501 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
  .cent1501 ul li:nth-child(3n-2) { margin-left: 10px; clear: none; }
  .cent1501 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
}
.inside_con{ padding:10px 0; min-height: 300px;}


.cent16{ margin: 4% auto;}
.cent16 .h1{ font-size: calc(12px + 38 * 100vw / 1920); display:block; font-weight: bold; text-align: center;}
.cent1601{ margin-top: 4%;}
.cent1601 ul{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.cent1601 ul li{ width: 48%;margin-bottom: 2%;}
.cent1601 ul li strong{ font-size: 20px; color: #333;}
.cent1601 ul li span{font-size: 16px; color: #333;}
@media only screen and (max-width: 980px) {
  .cent1601 ul li{ width: 100%;margin-bottom: 5%;}
  .cent16{ margin: 5% auto;}
  .cent16 .h1{   font-size: calc(12px + 38* 550px / 1920);}
}


.banner03{ text-align: center;}
.banner03 .img{ width: 100%;}
.banner03 .img img{ width: 100%; vertical-align:bottom;}
.banner03 .titbg{ position: absolute;  top: 13%; left: 50%;transform: translate(-50%, 0); text-align: center; color: #fff;}
.banner03 .titbg .h1{ max-width: 250px; display: block; margin: 0 auto;}
.banner03 .titbg .h1 img{ width: 100%;}
.banner03 .titbg .h3{        font-size: calc(10px + 30* 50vw / 1920); font-weight: bold; }
.banner03 .titbg p{        font-size: calc(8px + 40* 100vw / 1920); font-weight: bold; }
.banner03 .newtext{ position: absolute; bottom: 3%; left: 50%;transform: translate(-50%, 0); text-align:left; color: #fff; width: 90%; left: 50%;    transform: translate(-50%, 0);
  max-width: 1400px;}
.banner03 .newtext .h1{ font-size:calc(12px + 58 * 100vw / 1920); display: block; text-align: left;}

@media only screen and (max-width: 980px) {
  .banner03 .titbg{ width: 60%;}
  .banner03 .titbg .h3{ font-size: 24px;}
}




.cent17{ position: relative; margin-top: 3%;}
.cent17 .img{ width: 100%;}
.cent17 .img img{ width: 100%; vertical-align:bottom;}
.cent17 .titbg03{ position: absolute;  top: 13%; left: 50%;transform: translate(-50%, 0); text-align: center; color: #fff; z-index: 1;}
.cent17 .titbg03 .h1{display: flex;justify-content: center;align-items: center;font-size: calc(12px + 10* 100vw / 1920);padding: 0;margin: 0;height: auto;line-height: 1;}
.cent17 .titbg03 .h1 .img02{max-width: 250px;padding: 0;}
.cent17 .titbg03 .h1 .img02 img{ width: 100%; vertical-align:bottom;}
.cent17 .titbg03 .h2{    margin-top: 15px;        font-size: calc(12px + 6* 100vw / 1920);}
@media only screen and (max-width: 980px) {
  .cent17 .titbg03{ width: 80%;}
  .cent17 .titbg03 .h1 .img02{ width: 60%;}

}

.cent18{ position: relative; margin-top: 5%;}
.cent18 .img{ width: 100%;}
.cent18 .img img{ width: 100%; vertical-align:bottom;}
.cent1801{ color: #FFf; position:absolute; top: 8%; left: 10%; width: 80%; z-index: 1;}
.cent1801 .h1{display: flex;align-items: center;font-size: calc(12px + 30* 100vw / 1920);padding: 0;margin: 0;height: auto;line-height: 1; }
.cent1801 .h1 .img02{max-width: 250px;padding: 0;}
.cent1801 .h1 .img02 img{ width: 100%; vertical-align:bottom;}
.cent1801>p{ font-size: 18px; display: block; margin-top: 1%;}
@media only screen and (max-width: 980px) {
  .cent1801{ position:inherit; color: #000; width: 100%; left: inherit; margin: 5% auto;}
  .cent1801 .h1{flex-wrap: wrap; }
  .cent1801 .h1 .img02{ margin: 5% 0;}
  .cent1801 .h1 .img02 img{filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);}
  .cent1801>p{ font-size:calc(12px + 6 * 550px / 1920)}
}



.cent19{ position: relative; margin-top: 5%;}
.cent19 .img{ width: 100%;}
.cent19 .img img{ width: 100%; vertical-align:bottom;}
.cent19 .title{ position:absolute; z-index: 1; text-align: left; width: 80%;}
.cent19 .title h2{color:black; font-weight: normal;}
.cent19 .title p{color:black; }
.cent19 .h3{color:black; position:absolute; bottom: 2%; left: 50%; transform: translate(-50%, 0); z-index: 1;   text-align: right; font-size: 14px;}
@media only screen and (max-width: 980px) {
.cent19 .h3{ display: none;}
}

.cent20{ position: relative; margin-top: 5%;}
.cent20 .img{ width: 100%;}
.cent20 .img img{ width: 100%; vertical-align:bottom;}
.cent20 .titbg03{ text-align: center; width: 80%; left: 50%; transform: translate(-50%, 0); top:10%; color: #fff; z-index: 1; position: absolute;}
.cent20 .titbg03 .h1{ font-size: calc(12px + 30 * 100vw / 1920); display: block;}
.cent20 .titbg03 .h2{ font-size:calc(12px + 6 * 100vw / 1920); display: block;}

.cent21 .titbg03{ top: 30%;}



.cent22_bg { cursor: url(../images/e63054f52.jpg),move; -ms-touch-action: none; touch-action: none; position: relative; margin-top: 5%; }
.cent22_bg .swiper-scrollbar06{        background: #eee !important;  position:inherit !important;   left: inherit !important; bottom:inherit !important;  z-index: 50 !important; height: 2px !important; top:inherit !important;  width: 70% !important; margin: 5% auto 0;}
.cent22_bg .swiper-scrollbar06 .swiper-scrollbar-drag{ background: var(--mColor); border-radius: 11px;}
.cent22_bg{}
.mySwiper06 .swiper-slide {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.cent22_bg .txtbg{}
.cent22_bg .txtbg .h1{ font-size: 18px; color: var(--color1); display: block; font-weight: bold;}
.cent22_bg .txtbg .txt{ color: #333;}
.cent22_bg .txtbg .txt p{ font-size:14px;    margin-top: 5px;}
.cent22_bg .txtbg .txt ul{}
.cent22_bg .txtbg .txt ul li{ display: flex;  align-items: center; justify-content: space-between;}
.cent22_bg .txtbg .txt ul li span{ font-size:14px; width:55px ;    flex: 0 0 auto;}
.cent22_bg .txtbg .txt ul li .h2{  font-size:14px;    flex: 0 0 auto; max-width: 100%; max-height: 100%;}
@media only screen and (max-width: 980px) {
}

.cent23{ margin-top: 3%;}
.titbf{ text-align: center;}
.titbf .h1{ font-size: calc(12px + 30 * 100vw / 1920);}
.newsclass_list { margin-top: 3%; }
.newsclass_list ul li { float: left; width: calc(100%/6); background: #fff; }
.newsclass_list ul li:nth-child(6n-5) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box {overflow: hidden;transition: all .3s ease;}
.newsclass_list ul li .imgbg{ padding:0 10px}
.newsclass_list ul li .img {padding-bottom: 140%;position: relative;overflow: hidden;background: #fff;}
.newsclass_list ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: contain;}
.newsclass_list ul li .txtbg {background: linear-gradient(to bottom, #ebebeb, #fff);background-image: linear-gradient(to bottom, #ebebeb, #fff);padding-left: 10px;padding-right: 10px;padding-top: 30px;margin-top: 20px;display: flex;flex-wrap: wrap;flex-direction: row;}
.newsclass_list ul li .txt { padding: 8% 4.5%; color: #666; }
.newsclass_list ul li .txt .h2 {font-size: 14px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}
.newsclass_list ul li .txt .h3 {height: 3em;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #666;line-height: 1.5;text-align: center;}
.newsclass_list ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.newsclass_list ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
@media only screen and (max-width: 980px) {
.newsclass_list ul li {float: left; width: calc(100%/2);}
.newsclass_list ul li:nth-child(3n-2) { clear: none; }
.newsclass_list ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}






.cent24_bg{ padding: 4% 0; margin-top: 4%;}
.cent24_bg .h1{ color: #fff;}
.cent2401{ margin-top: 3%; position: relative;}
.cent2401 .swiper-button-next, .cent2401 .swiper-button-prev{ width: 40px; height: 40px; border: 1px solid #fff;}
.cent2401 .swiper-button-next:after, .cent2401 .swiper-button-prev:after{ color: #Fff; font-size: 24px;}
@media only screen and (max-width: 980px) {
  .cent24_bg{ padding: 5% 0;}
}

.cent25_bg{ background: rgba(218,218,218,1);}
.cent25{ padding: 3% 0;}
.cent2501{ display: flex;   align-items: center;justify-content: space-between; margin-top: 3%;}
.cent2501_l{    flex: 0 0 24%; padding-right: 3%; width: 24%; align-self: center;}
.cent2501_l h2{ font-size: calc(12px + 18 * 100vw / 1920); font-weight: normal;}
.cent2501_l .h1{        font-size: calc(12px + 8* 100vw / 1920);}
.cent2501_r{ position: relative; flex: 0 0 76%; width: 76%;}
.cent2501_r .img img{ width:100%;object-fit:contain;}
.cent2501_r .swiper-button-next, .cent2501_r .swiper-button-prev{ width: 40px; height: 40px; border: 1px solid #fff;}
.cent2501_r .swiper-button-next:after, .cent2501_r .swiper-button-prev:after{ color: #Fff; font-size: 24px;}
.cent2501_r #certify .swiper-slide{    width: 370px;height: 524px;}
@media only screen and (max-width: 980px) {
  .cent25{ padding: 5% 0;}
.cent2501{flex-wrap: wrap; }
.cent2501_l{ padding-right: 0; width: 100%; flex:inherit}
.cent2501_r{ width: 100%;flex:inherit; margin-top: 5%;}
#certify{ width: 100% !important;}
#certify .swiper-slide{ width: 100% !important; height:auto !important;}
}


.cent26{ margin-top: 3%;}
.titte{ text-align: center;}
.titte .h1{ font-size: calc(12px + 30* 100vw / 1920);}
.titte .h2{font-size: calc(12px + 3* 100vw / 1920);}

.newsclass_list02{ margin-top: 3%;}
.newsclass_list02 ul li {float: left; width: calc((100% - 300px)/6); margin: 0 0 30px 30px; background: #fff; }
.newsclass_list02 ul li:nth-child(6n-5) { margin-left: 0; clear: left; }
.newsclass_list02 ul li .nr_box {/* border:1px solid #eee; */ border-radius:10px; overflow: hidden; transition: all .3s ease; box-shadow: 0px 0px 15px #ccc; }
.newsclass_list02 ul li:hover .nr_box { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.newsclass_list02 ul li .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; }
.newsclass_list02 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit:contain; }
.newsclass_list02 ul li:hover .img img { transform: scale(1.1); }
@media only screen and (max-width: 980px) {
  .cent26{ margin-top: 5%;}
  .newsclass_list02{ margin-top: 5%;}
  .newsclass_list02 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
  .newsclass_list02 ul li:nth-child(3n-2) { margin-left: 10px; clear: none; }
  .newsclass_list02 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
}



.cent27_bg{ position: relative; margin-top: 3%; padding-bottom: 5%;}
.cent27_bg::before { content: ''; position: absolute; background: #dadada; width: 100%; height: 52%;bottom: 0;}
.cent2701{ margin-top: 4%;    display: flex ;flex-wrap: wrap; flex-direction: row;}
.cent2701 .img{flex: 0 0 37%;}
.cent2701 .img img{ width: 100%;}
.cent2702{    flex: 0 0 63%;padding-left: 4%;display: flex;flex-direction: column;justify-content: space-between;}
.cent2704 {        font-size: calc(12px + 13* 100vw / 1920); display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;padding-bottom: 5%; z-index: 1;}
.cent1703{    padding-top: 4%;padding-bottom: 5%; z-index: 1;}
.cent1703 .h1{        font-size: calc(12px + 20* 100vw / 1920);}
.cent1703 .h2{ display: flex; justify-content:end;  align-items: center; font-size: 14px;}
.cent1703 .img01{}
@media only screen and (max-width: 980px) {
.cent27_bg{ padding: 5% 0;}
.cent2701{flex-wrap: wrap; }
.cent2701 .img{ width: 100%;flex:inherit;}
.cent2702{ width: 100%; padding-left: 0;flex:inherit};
.cent1703{ padding: 5% 0;}

}

.cent28{display: flex;align-items: center;justify-content: space-between;margin: 2% auto;}
.cent28 .select{ padding: 9px 25px 9px 9px; border: 1px solid #dfdfdf; width: 13%;} 
.sousou01{width:40%;border:1px solid #ccc;border-radius:30px;line-height:36px;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.sousou01 .input_text02{line-height:36px;outline:none;padding-left:4%;width:80%;box-sizing: border-box;border: none;}
.sousou01 .input_text02::-webkit-input-placeholder{ color:#ccc;}
.sousou01 a{     flex: 0 0 100px; max-width: 20%; display: flex; justify-content: center;  align-items: center; background: var(--mColor); color: #fff;}
@media only screen and (max-width: 980px) {
  .cent28{flex-wrap: wrap; margin: 5% auto;}
  .cent28 .select{ width: 100%; box-sizing: border-box;}
  .sousou01{ width: 100%; margin: 5% auto 0;}
}


.cent29_bg{ background: rgba(242,244,246,1); padding: 3% 0;}
.tiee01{    margin-bottom: 30px;}
.tiee01 .h1{line-height: 1;font-size: calc(12px + 23* 100vw / 1920);font-weight: bold;padding-left: 25px;border-bottom: 1px #000 solid;position: relative;padding-bottom: 10px;}
.tiee01 .h1:before {content: '';width: 10px;height: 35px;background: #000;position: absolute;left: 0;top: 0px;}
.tiee01 .h2{        font-size: calc(12px + 14* 100vw / 1920);}
@media only screen and (max-width: 980px) {
  .tiee01 .h1:before {width: 5px;height: 25px;top: -2px;}
.tiee01 .h1{padding-left: 15px;}

}

.newsclass_list04{ margin-top: 0; }
.newsclass_list04 ul li { float: left; width: calc((100% - 40px)/3); margin: 20px 0 0px 20px; background: #fff; }
.newsclass_list04 ul li:nth-child(3n-1) { margin-left: 0; clear: left; }
.newsclass_list04 ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */ overflow: hidden; transition: all .3s ease; box-shadow: 0px 0px 15px #ccc; }
/* .newsclass_list04 ul li:hover .nr_box { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); } */
.newsclass_list04 ul li .img { padding-bottom: 60%; position: relative; overflow: hidden; background: #f9f9f9; }
.newsclass_list04 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit:cover; }
.newsclass_list04 ul li:hover .img img { transform: scale(1.1); }
.newsclass_list04 ul li .txtbg { }
.newsclass_list04 ul li .txt {padding: 6% 5%;color: #666;}
.newsclass_list04 ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;color: rgba(41,41,41,1);margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: 15px;}
.newsclass_list04 ul li:hover .txt .h2 { color: var(--mColor); }
.newsclass_list04 ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 3em;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgba(159,159,159,1);}
.newsclass_list04 ul li .txt .h4{ display:none}
.newsclass_list04 ul li:hover .txt .h4{     margin-left: 10px;}
.newsclass_list04 ul li .time {font-size: 15px;line-height: 24px;color: rgba(159,159,159,1);/* padding-left:24px; */position: relative;}
.newsclass_list04 ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
.newsclass_list04 ul li:nth-child(1){ width: 100% !important; margin: 0 0 20px 0;}
.newsclass_list04 ul li:nth-child(1) .nr_box{ display: flex;  justify-content: space-between;}
.newsclass_list04 ul li:nth-child(1) .nr_box .imgbg{ width: 50%;}
.newsclass_list04 ul li:nth-child(1) .nr_box .txtbg{ width: 50%; }
.newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4{color:#fff;font-size: 16px;position: relative;width: 150px;padding: 8px;height: 40px;border-radius: 40px;align-items: center;justify-content: center;margin-right: 10px;text-align: center;overflow: hidden;display: block;background: var(--mColor);margin-top: 5%;    transition: all .5s;}
.newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4:before {
  content: "";
  position: absolute;
  display: block;
  transition: all .6s;
  width: 100%;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  padding-top: 100%;
  transform: translateX(-50%) translateY(-50%);
  }
  .newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  transition: all .3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
  }
  
  .newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4:hover {
  background: var(--color2);
  }
  .newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4:hover::after {
  opacity: 1;
  }
  .newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4:hover:before {
  animation: style1 .75s;
  z-index: 1;
  }

@media only screen and (max-width: 980px) {
.newsclass_list04 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.newsclass_list04 ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.newsclass_list04 ul li .txt { padding: 10px 5%; }
.newsclass_list04 ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list04 ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; }
.newsclass_list04 ul li:nth-child(1) .nr_box{ flex-wrap: wrap; }
.newsclass_list04 ul li:nth-child(1) .nr_box .txtbg .txt .h4{}
.newsclass_list04 ul li:nth-child(1) .nr_box .imgbg{ width: 100%;}
.newsclass_list04 ul li:nth-child(1) .nr_box .txtbg{ width: 100%; margin-top: 5%;}
}


.weizhi{height:auto; line-height:40px; background:url(../images/home.png)left center no-repeat;font-size:14px; padding-left: 20px; color:#6c757d;}
.weizhi a{ color:#6c757d;}
.weizhi span{ color: #333;}


.cent30 .tit{ text-align:center;}
.cent30 .tit .h2{ font-size:28px; line-height:1.4em; font-weight: bold;color: rgba(48, 49, 51, 1);
  font-family: Microsoft YaHei; }
.cent30 .tit .h3{ font-size:14px; line-height:1.4em; color:#999; margin-top:5px;  }
.cent30 .tit .h3 span{ display:inline-block; margin:0 10px;font-size:14px;}
.cent30_bg{ background: rgba(245,245,245,1); padding: 3% 0;}
.cent30{ background: #fff; padding: 4% 2%; box-sizing: border-box;}
.cent30 .h4{    display: flex ; flex-wrap: wrap; flex-direction: row;  width: 100%;  display-radio: flex;  background-color: rgba(230, 247, 255, 1);padding-top: 15px; padding-bottom: 15px;  padding-right: 15px;  padding-left: 15px;  margin-bottom: 30px; font-size: 14px; margin-top: 2%;}
@media only screen and (max-width: 980px) {
.cent30_bg{ padding: 5% 0;}
}

.cent31 {
    margin-top: 3%;
    margin-bottom: 3%;
}

.cent31 .gjie{}
.cent31 .gjie ul{}
.cent31 .gjie ul li{ float:left; display: block; width:calc((100% - 20px)/2); margin: 0 20px 20px 0;}
.cent31 .gjie ul li:nth-child(2n) {margin-right: 0% ;}
.cent31 .gjie ul li span{display: block;color: #666;font-size: calc(12px + 8* 100vw / 1920);margin-bottom: .5rem;}
.cent31 .gjie ul li span em{ font-style: normal; color:red;}
.cent31 .gjie ul li .select{background: #000;border-radius: 6px;width: 100%;border: 1px solid #e1e1e1;line-height: 38px;height: 38px;font-size: 16px;padding: 0 20px;box-sizing: border-box;display: block;color: #fff;}
.cent31 .gjie ul li .input_text{background: #000;border-radius: 6px;width: 100%;border: 1px solid #e1e1e1;line-height: 38px;height: 38px;font-size: 16px;padding: 0 20px;box-sizing: border-box;display: block;color: #fff;}
.cent31 .gjie ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.nuaeg{ width: 100% !important; margin-right: 0;}
.cent31 .gjie ul li .text{background: #000;border-radius: 6px;width: 100%;border: 1px solid #e1e1e1;    height: 150px; padding: 10px 15px;font-size: 16px;box-sizing: border-box;display: block;color: #fff;}
.cent31 .gjie ul li .text::-webkit-input-placeholder{ color:#ccc;}
.gijte{color:#fff;font-size: 16px;position: relative;width: 30%;padding: 8px;height: 40px;border-radius: 8px;text-align: center;overflow: hidden;display: block;background: #000;transition: all .5s;margin: 0% auto 0;}
.gijte:before {
  content: "";
  position: absolute;
  display: block;
  transition: all .6s;
  width: 100%;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  padding-top: 100%;
  transform: translateX(-50%) translateY(-50%);
  }
  .gijte::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  transition: all .3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
  }
  
  .gijte:hover {
  background: var(--color2);
  }
  .gijte:hover::after {
  opacity: 1;
  }
  .gijte:hover:before {
  animation: style1 .75s;
  z-index: 1;}


  .cent32{ margin-top: 3%;}
  .cent32 .foe ul li{display: flex ; flex-wrap: wrap;  flex-direction: row; width: 100%;  padding-top: 20px; padding-bottom: 20px;  border-bottom: 1px #000 solid;}
  .cent32 .foe ul li .h1{    display: flex;flex-wrap: wrap; flex-direction: row; width: 100%;margin-top: 0px; margin-bottom: 10px;}
  .cent32 .foe ul li .h1 .juie{    line-height: normal; width: 30px;height: 30px;display: flex; justify-content: center; align-items: center;border-radius: 100%;font-size: 16px;color: rgba(255, 255, 255, 1); background: var(--mColor);}
  .cent32 .foe ul li .h1 .h1_r{    font-size: 16px;     width: calc(100% - 30px);    padding-left: 10px;}

  .cent32 .foe ul li .h2{    display: flex;flex-wrap: wrap; flex-direction: row; width: 100%;margin-top: 0px; margin-bottom: 10px;}
  .cent32 .foe ul li .h2 .jui02{    line-height: normal; width: 30px;height: 30px;display: flex; justify-content: center; align-items: center;border-radius: 100%;font-size: 16px;color: rgba(255, 255, 255, 1); background:rgba(165,165,165,1);}
  .cent32 .foe ul li .h2 .h1_r{    font-size: 16px;     width: calc(100% - 30px);    padding-left: 10px;}
  .cent32 .foe ul li .h2 .h1_r .img{ width: 100%; margin-top: 5%;}
  .cent32 .foe ul li .h2 .h1_r .img img{ max-width: 100%}
  .cent32  .gijte{ margin-top: 2%; width: 20%;}

  @media only screen and (max-width: 980px) {
    .cent31{ margin-top: 5%;}
    .cent31 .gjie ul li{ float: none; width: 100%; margin-right: 0; margin-bottom: 5%;}

  }

  .cent33 { margin-top: 3%;}
  .cent3301 ul{ display: flex;  align-items:flex-start; justify-content: space-between;}
  .cent3301 ul li{ width: 30%; text-align: left;}
  .cent3301 ul li .img{ width: 100%; text-align: center;}
  .cent3301 ul li .img img{  max-width: 200px;}
  .cent3301 ul li .h1{font-size: calc(12px + 8* 100vw / 1920); font-weight: bold;}
  .cent3301 ul li .h2{font-size: calc(12px + 4* 100vw / 1920);}
  .cent3301 ul li .h3{ color: #333;        font-size: calc(12px + 4* 100vw / 1920); text-align:left;}
  .cent3301 ul li .img02{    width: 100px;
    height: 100px;
    border: 1px #000 solid;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;}
    .cent3301 ul li .img02 .icon {
      margin: 0;
      width: 100%;
      height: 100%;
      fill: currentColor;
  }
  @media only screen and (max-width: 980px) {
    .cent33 { margin: 5% auto;}
    .cent3301 ul{flex-wrap: wrap; }
    .cent3301 ul li{ width: 100%; margin-right: 0; margin-bottom: 5%;}
  }

.cent34{ margin: 5% auto;}
.newsclass_list06 { margin-top: 0.63rem; }
.newsclass_list06 ul li { float: left; width: calc((100% - 96px)/2); margin: 0 0 60px 96px; background: #fff; }
.newsclass_list06 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.newsclass_list06 ul li .nr_box { }
.newsclass_list06 ul li .nr_box .h1{ font-size:calc(12px + 13 * 100vw / 1920);    margin-bottom: 20px; display: block;}
.newsclass_list06 ul li .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; }
.newsclass_list06 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;  object-fit: cover;}
@media only screen and (max-width: 980px) {
.newsclass_list06 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.newsclass_list ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
}


.wapper04{ max-width: 790px; width: 90%; margin: 0 auto;}
.txtbg{ text-align: center; border-bottom: 2px solid #000; padding-bottom: 2%;}
.txtbg .h1{ font-weight: bold; font-size: 28px; line-height: 1; margin-bottom: 2%;}
.txtbg .h2{font-weight:normal; font-size: 16px; line-height: 1; color:#666;}

.txtbg01{border-bottom: 1px solid #ccc;}
.txtbg01 .h1{font-weight: bold;font-size: 16px;line-height: 1;padding: 0px 0 10px 0;}
.cent35{ margin: 4% auto;}
.cent35 dl dd{ margin-top: 2%;}
.cent3501 dl{margin-top: 3%;}
.jjxx li{float: left;width: calc((100% - 10px)/2);margin: 10px 0 0 10px;background: #fff;display: flex;align-items: center;font-size: 14px;}
.jjxx li:nth-child(2n-1) {margin-left: 0;clear: left;}
.jjxx li>span{width: 21%;color: #666;font-size: 14px;}
.pzlb{ margin-top: 10px;}
.pzlb table {/* border:1px solid #ccc; */border-top:none;/* border-left:none; */}
.pzlb table tr td{/* border-left:1px solid #ccc; */border-bottom: 1px solid #ccc;padding: 6px;}
.pzlb table tr th{/* border-left:1px solid #ccc; */border-bottom: 1px solid #ccc;background: #f8fafc;font-size: 14px;padding: 6px;}
.sjge{ text-align: right;}

.shjge{background: #f8fafc;border-radius: 8px;box-sizing: border-box;padding: 13px;}
.shjge ul li{display: flex;align-items: center;justify-content: space-between;padding: 7px 0;font-size: 14px;color: #000;}
.shjge ul li span{}
.shjge ul li strong{}
.shjge ul li em{ font-style:normal; color:#64748b;}
.shjge ul li i{ font-style:normal;  color:#64748b;}
.shjge ul li .h1{ color: #d4af37;font-size: 14px; font-weight: bold;}
.shjge ul li .h2{color: #d4af37;font-size: 21px;font-weight: bold;}
.gngd{ border-bottom: 2px solid #d4af37;}

.zhyeg{border-left: 2px solid #d4af37;box-sizing: border-box;padding: 10px;font-size: 14px;color: #000;line-height: 1.5;box-shadow: 0px 4px 12px #ccc;color: #64748b; }
.qizhu{ margin-top: 6%;}
.qizhu ul{ display: flex;  align-items: center;justify-content: space-between;}
.qizhu ul li{border-top: 1px solid #000;width: 23%;text-align: center;}
.qizhu ul li .h1{font-size: 20px;color: #000;line-height: 1;padding: 10px 0 0 0;}

.yejiaoend{ text-align: center; color: #64748b;  border-top: 1px solid #ccc; margin-top: 6%; padding: 10px 0;} 
.yejiaoend>span{ display: block; font-size: 12px; line-height: 1.5;}

.cent3502{ margin-top: 5%;}
.cent3502 dl{margin-top: 3%;}
.txddt ul li{float: left;width: calc((100% - 10px)/2);margin: 10px 0 0 10px;background: #fff;display: flex;align-items: center;background: #f8fafc; border-radius: 5px; box-sizing: border-box; padding: 8px 10px;font-size: 14px;}
.txddt ul li:nth-child(2n-1) {margin-left: 0;clear: left;}
.txddt ul li>span{width: 80%;color: #000;font-size: 14px;      overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;}
  .txddt ul li>strong{ width: 20%; text-align: right; font-weight: normal;color: #64748b;}
  @media only screen and (max-width: 980px) {
    .cent35{ margin: 5% auto;}
    .cent35 dl dd{ margin-top: 5%;}
    .txtbg .h1{ font-size: 16px;}
    .txtbg .h2{ font-size: 12px;}
    .txtbg01 .h1{ font-size: 12px;}
    .jjxx li>span{ font-size: 12px; width: 40%;}
    .jjxx li{ font-size: 12px;}
    .pzlb{overflow-x:scroll; width: 100%;}
    .pzlb table tr th{ font-size: 12px;}
    .pzlb table tr td{ font-size: 12px;}
    .zhyeg{ font-size: 12px;}
    .shjge ul li{ font-size: 12px;}
    .shjge ul li .h1{ font-size: 12px;}
    .shjge ul li .h2{ font-size: 12px;}
    .qizhu ul li .h1{ font-size: 9px;}
    .txddt ul li{ float: none;width: 100%; margin-left: 0;} 
  }