/* 閸愬懘銆塨anner */
.detailBanner {
  position: relative;
  z-index: 2;
}
.detailBanner .image img {
  width: 100%;
  height: auto;
  -webkit-animation: scale 7s ease forwards;
     -moz-animation: scale 7s ease forwards;
          animation: scale 7s ease forwards;
}
.detailBanner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.detailBanner .content .title {
  font-size: 2.1875vw;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.98958vw;
}
.detailBanner .content .desc {
  font-size: 1.04167vw;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.45833vw;
  font-weight: 300;float: left;
  border: solid 1px #fbcf00;
  color: #fbcf00;
  font-weight: bold;
  padding: 10px 20px 10px 20px;
}




/* 閼辨梻閮撮幋鎴滄粦 */
.contactus {
width:100%;float:left;margin-top:3%;margin-bottom:3%;
}
.contactus .contactusTitle {
  margin-bottom: 3%;float:left;width:100%;
}
.contactus .contactusTitle .title {
  font-weight: bold;text-align: center;
  font-size: 42px;
}
.contactus .contactusInfo {
  border-top: 0.156vw solid #fbcf00;border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0.677vw 0.677vw 0px rgba(2, 3, 3, 0.14);
  position: relative;float:left;width:100%;
  z-index: 2;
}
.contactus .contactusInfo ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 12.292vw;
}
.contactus .contactusInfo ul li {
  height: 8.333vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 0px 5.469vw;
  border-right: 1px solid #EAEAEA;
}
.contactus .contactusInfo ul li:last-child {
  border-right: 0px;
}
.contactus .contactusInfo ul li .icon img {
  width: auto;
  height: 4.167vw;
  margin: 0 auto;
}
.contactus .contactusInfo ul li .title {
  font-size: 0.833vw; font-weight:normal;
  margin: 0.208vw 0px 0.365vw;
}
.contactus .contactusInfo ul li .intro {
  font-weight: bold;
  font-size:16px;
}
.contactus .contactusInfo ul li .intro:hover a{ color:#fbcf00;}

.contactus .contactusMap {
  position: relative;z-index: 1;
}
.contactus .contactusMap img.map {
  width: 100%;
  height: auto;
}
.contactus .contactusMap .address {
  text-align: center;
  position: absolute;
  left: 43.802vw;
  top: 20.313vw;
}
.contactus .contactusMap .address img {
  width: auto;
  height: 2.083vw;
  margin: 0 auto;
}
.contactus .contactusMap .address p {
  font-weight: bold;
  font-size: 0.938vw;
  color: #8893AC;
  line-height: 1.146vw;
  margin-top: 2px;
}
/* 閸︺劎鍤庨悾娆掆枅 */
.massage {width:100%;float:left;
  padding:3% 0px 3%;background: url('../images/message-bg.jpg') no-repeat center/cover;
  position: relative;
}
.massage .massageMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;background-color: rgba(255, 255, 255, 0.5); border-radius:20px;
  min-height: 36.979vw;

}
.massage .massageMain .massageRight .group:nth-child(6){width: 100%;}
.massage .massageMain .massageLeft {
  width: 40.2666666667%;border-radius: 20px 0px 0 20px;
  padding: 3.333vw 7.813vw 3.333vw 2.865vw;
  background: url("../images/massageLeftBg.jpg") no-repeat center/cover;
}
.massage .massageMain .massageLeft .title {
  font-weight: bold;
  font-size:30px;
  line-height: 1;
  margin-bottom:3%;
}
.massage .massageMain .massageLeft .subTitle {
  font-weight: 300;
  font-size:16px;
  line-height:28px;
  margin-bottom: 3%;
}
.massage .massageMain .massageLeft .intro {
  font-weight: bold;
  font-size: 2.24vw;
  color: rgba(255, 255, 255, 0.2);
  line-height: 2.135vw;
  text-transform: uppercase;
}
.massage .massageMain .massageRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 59.7333333333%;
  padding: 4.479vw 3.385vw 5.156vw 6.5vh;
  margin: -0.599vw;
}
.massage .massageMain .massageRight .group {
  width: calc(50% - 1.198vw);
  height: auto;
  margin: 0.599vw;
}
.massage .massageMain .massageRight .group:nth-child(5) {
  width: 100%;
}
.massage .massageMain .massageRight .group .title {
  font-weight: 500;
  font-size: 0.833vw;
  color: #333333;
  line-height: 1.146vw;
  margin-bottom: 0.625vw;
}
.massage .massageMain .massageRight .group .input {
  position: relative;
}
.massage .massageMain .massageRight .group .input input {
  height: 2.76vw;
  padding: 0px 1.042vw;
}
.massage .massageMain .massageRight .group .input textarea {
  height: 9.115vw;
  padding: 0.781vw 1.042vw;
}
.massage .massageMain .massageRight .group .input input, .massage .massageMain .massageRight .group .input textarea {
  width: 100%;
  background: #F8F8F8;
  border: 1px solid #F1F1F3;
  font-weight: 300;
  font-size: 0.729vw;
  color: #333333;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea::-webkit-input-placeholder {
  color: #B8B8B8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea::-moz-placeholder {
  color: #B8B8B8;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:-ms-input-placeholder {
  color: #B8B8B8;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::placeholder, .massage .massageMain .massageRight .group .input textarea::placeholder {
  color: #B8B8B8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input:hover, .massage .massageMain .massageRight .group .input input:focus, .massage .massageMain .massageRight .group .input textarea:hover, .massage .massageMain .massageRight .group .input textarea:focus {
  background: rgba(251, 207, 0, 0.05);
  border-color: #fbcf00;
}
.massage .massageMain .massageRight .group .input input:hover::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input input:focus::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea:hover::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea:focus::-webkit-input-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover::-moz-placeholder, .massage .massageMain .massageRight .group .input input:focus::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea:hover::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea:focus::-moz-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover:-ms-input-placeholder, .massage .massageMain .massageRight .group .input input:focus:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:hover:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:focus:-ms-input-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover::placeholder, .massage .massageMain .massageRight .group .input input:focus::placeholder, .massage .massageMain .massageRight .group .input textarea:hover::placeholder, .massage .massageMain .massageRight .group .input textarea:focus::placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input img {
  position: absolute;
  top: 1px;
  right: 1px;
  width: auto;
  height: calc(100% - 2px);
}
.massage .massageMain .massageRight .group button {
  cursor: pointer;
padding: 0 2em 0 2.5em;width:100%;float:left;
  height:3.61111111em;border: solid 1px #fbcf00 !important;
  color: #fbcf00;border-radius: 50px; background-color:#fff;
  font-size: 16px;


  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group button:hover {
  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;
}







@media (max-width: 768px) {

  .contactus .contactusTitle {
    margin-bottom: 20px;
  }
  .contactus .contactusTitle .title {
    font-size: 20px !important;

  }
  .contactus .contactusInfo {

    border-width: 2px;
    box-shadow: 0px 10px 10px 0px rgba(2, 3, 3, 0.14);
  }
  .contactus .contactusInfo ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .contactus .contactusInfo ul li {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 15px 20px;
    border-right: 0px;
    border-bottom: 1px solid #EAEAEA;
  }
  .contactus .contactusInfo ul li:last-child {
    border-right: 0px;
  }
  .contactus .contactusInfo ul li .icon img {
    height: 60px;
  }
  .contactus .contactusInfo ul li .title {
    font-size: 14px;
    margin: 2px 0px 4px;
  }
  .contactus .contactusInfo ul li .intro {
    font-size: 16px;
    line-height: 22px;
  }
  .contactus .contactusMap img.map {
    height: 62.8019vw;
    object-fit: cover;
  }
  .contactus .contactusMap .address {
    left: 30%;
    top: 53%;
  }
  .contactus .contactusMap .address img {
    height: 28px;
  }
  .contactus .contactusMap .address p {
    font-size: 13px;
    line-height: 22px;
    margin-top: 2px;
    white-space: nowrap;
  } .massage {
    padding: 40px 0px;
  }
  .massage .massageMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
  .massage .massageMain .massageLeft {
    width: 100%;
    padding: 40px 20px;
  }
  .massage .massageMain .massageLeft .title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .massage .massageMain .massageLeft .subTitle {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .massage .massageMain .massageLeft .intro {
    font-size: 20px;
    line-height: 24px;
  }
  .massage .massageMain .massageRight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 23px 20px;
    margin: 0px;
  }
  .massage .massageMain .massageRight .group {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  .massage .massageMain .massageRight .group:nth-child(5) {
    margin: 0px 0px 25px 0px;
  }
  .massage .massageMain .massageRight .group .title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .massage .massageMain .massageRight .group .input input {
    height: 46px;
    padding: 0px 13px;
  }
  .massage .massageMain .massageRight .group .input textarea {
    height: 105px;
    padding: 10px 13px;
  }
  .massage .massageMain .massageRight .group .input img {
    top: 1px;
    right: 1px;
    height: calc(100% - 2px);
  }
  .massage .massageMain .massageRight .group .input input, .massage .massageMain .massageRight .group .input textarea {
    font-size: 13px;
  }
  .massage .massageMain .massageRight .group button {
    display: block;
    width: 110px;
    height: 44px;
    font-size: 14px;
    border-radius: 25px;
    margin: 0 auto;
  }
  .massage .massageMain .massageRight .group button:hover {
    box-shadow: 0px 5px 8px 0px #E82A26;
  }
	
	
	}

/*	case	
*/	
.solution{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
.solution .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin-bottom: 3%;
}
.solution .SeeMore:hover {
	color: #fff;
}
	.solXq {
  grid-template-columns: repeat(3,1fr);
  display: grid;
  gap: 20px 20px;
    /* padding-left: 120px; */
    position: relative;

}

/* .solXq::after {
                content: '';
                width: 1px;
                height: calc(100% + 30px);
                border-left: 1px dashed #e7e7e7;
                position: absolute;
                top: -25px;
                left: 60px;
            } */

.solXq_li {border-radius: 20px;
  overflow: hidden;

}
.solXq_li img{ position:relative !important;} 
.solXq_liImg {
    width: 100%;float:left;

}

/*  */
.solXq_liText {
    width: 100%;
    padding: 5% 5%;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solXq_li span {
    font-size:24px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.solXq_li p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 3%;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}





@media(max-width:1200px){.solXq_li span{ font-size:20px;}}

@media(max-width:769px){.solXq_liImg{width:100%;}.solXq_li{ display:block;}.solXq_liText{width:100%;padding-top: 3%;padding-bottom:3%;}

solution-page.list .box1 ul{grid-template-columns: repeat(1,1fr);}
}

/* 閸掑棝銆?*/

.fanYe {
    width: 100%;
    padding: 0 20%;
    margin: 40px 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fanYe_a,
.fanYe_b {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgb(158 158 158 / 36%);
}

.fanYe_a img {
    width: 14px;
}

.fanYe_a {
    margin: 0 4px;
}

.fanYe_b {
    color: #002673;
    font-family: "Montserrat";
    font-size: 14px;
    margin: 0 10px;
}

.fanYe_b.on {
    background:#fbcf00;
    color: #fff;
}




/* 閸愬懘銆夐崚鍡欒 */
.detailListBg {
  background-color: #fff;
  border-bottom: 1px solid rgba(180, 194, 204, 0.2);
}
.detailListBg .detailList {
  height: 70px;
  line-height: 70px;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide {
  width: auto;
  margin-right: 2%;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0px;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide a {
  display: block;
  font-size: 16px;
  color: #3B3B3B;
  position: relative;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide a::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0.10417vw;
  background-color:#fbcf00;
  content: "";
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide-active a {
  color: #fbcf00;
  font-weight: 500;
}
.detailListBg .detailList .swiper-wrapper .swiper-slide-active a::after {
  opacity: 1;
  visibility: visible;
}







  /*閺備即妞堢拠锔藉剰*/
   .gszl {
          width:100%;float:left; 
        }

        .gszl_l .hzTit {
            width: 100%;
            border-bottom: 1px solid #f3f3f3;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0;
        }

        .gszl_l .hzTit span {
            padding: 30px 0;
            position: relative;
        }

        .gszl_l .hzTit span::after {
            content: "";
            width: 40%;
            height: 5px;
            background: #D55228;
            border-radius: 25px;
            position: absolute;
            left: 0;
            bottom: -2px;
        }

        .gszl .hzTit a img {
            width: 16px;
            margin-left: 20px;
        }

        .gszl_xq {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 30px;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .gszl_l {
            width: -webkit-calc(100% - 514px);
            width: -moz-calc(100% - 514px);
            width: calc(100% - 514px);
            border-right: 1px solid #f3f3f3;
            padding-right: 5%;
        }

        .gszl_l ul {
            margin-top: 20px;
        }

        .gszl_l ul li {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 30px 20px;
            border-bottom: 1px solid #f3f3f3;
            position: relative;
        }

        .gszl_l ul li img {
            width: 30px;
            height: 30px;
            position: absolute;
            right: 2%;
            top: 35%;
        }

        .gszl_time {
            text-align: center;
            font-size: 12px;
        }

        .gszl_time b {
            font-size: 30px;
            line-height: 1.2;
        }

        .gszl_text {
            margin-left: 5%;
            font-size: 16px;
        }

        .gszl_text p:first-child {
            font-weight: 600;
        }

        .gszl_l_gg {
            text-align: center;
            padding: 20px 0;
            color: #e0e0e0;
        }

        .

        .gpxx {
            padding: 40px 50px;
            background: #d55228;
            color: #fff;
        }

        .gpxx .hzTit {
            width: 100%;
            color: #fff;
            padding: 0;
        }

        .gpTit {
            padding-top: 5%;
            padding-bottom: 2%;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .gpTit span {
            font-size: 24px;
        }

        .gpZhishu {
            padding: 4% 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .gpZhishu>div {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 10% 0;
            position: relative;
        }

        .gpZhishu p {
            margin-right: 30%;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 16px;
        }

        .gpZhishu p img {
            width: 20px;
            position: absolute;
            right: 0%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .gpZhishu p b {
            font-size: 26px;
        }

        .gpTime {
            padding: 10px 0 20px;
        }

        .gpbt {
            margin-top: 5%;
        }

        .gpbt p {}

        .gpbt p b {
            color: #D55228;
            position: relative;
            padding: 0 10px;
        }

        .gpbt p b::after {
            content: "";
            width: 4px;
            height: 60%;
            background: #D55228;
            border-radius: 50px;
            position: absolute;
            left: 0;
            top: 20%;
        }

        .gszl_img {
            max-width: 100%;
        }

        .newsDet_con {
            border-bottom: 1px solid #eeeeee;
            padding: 40px 10px 28px;line-height:28px;overflow: hidden;
        }

        .newsDet_con>p {

            text-align: left;
            font-size: 16px;
            color: #5F5F5F;
        }



        .newsDet_con div.one {
            width: 100%;
        }

        .newsDet_con div img {
            max-width: 72%;
            display: inline-block;
        }

.gtf ul li span{ font-size:20px;}
        @media (max-width:1200px) {
            .gszl_xq  .gszl_r {
                display: none !important;
            }
            .gszl_xq .gszl_l{
                width:100% !important;
            }
        }
        @media (max-width:1024px) {
            .newsDet_con>p {
                font-size: 14px;
            }

            .newsDet_con div img {
                max-width: 100%;
            }

        }

        @media (max-width:768px) {


            .newsDet_con>p {
                line-height: 32px;
                letter-spacing: 0.5px;
            }

            .newsDet_con div {
                width: 100%;
                margin: 20px 0 0;
            }

        }
        @media (max-width:480px) {


            .newsDet_con>p {
                line-height: 30px;
            }
        }  .cd-target__box span {
            font-size: 20px;
            line-height: 1.4;
            color: #111;
            display: block;
            margin-bottom: 25px;
        }
        .cd-target__list li {
            margin-bottom: 30px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
            overflow: hidden;
        }
        .cd-target__list a {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: color .4s;
            -o-transition: color .4s;
            -moz-transition: color .4s;
            transition: color .4s;
            font-size: 15px;
            line-height: 1.8;
            color: rgba(17, 17, 17, 0.8);
            overflow: hidden;
        }
        .cd-target__list a span {
            width: -webkit-calc(100% - 160px);
            width: -moz-calc(100% - 160px);
            width: calc(100% - 160px);
            height: 54px;
            display: block;
            font-size: 15px;
            line-height: 1.8;
            color: rgba(17, 17, 17, 0.8);
            margin-top: 10px;
            margin-bottom: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .cd-target__list li .img {
            position: relative;
            width: 140px;
            height: 80px;
            margin-right: 20px;
        }
        .cd-target__list a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            display: block;
        }
        img{
            max-width: 100%;
        }
        .gszl_xq .gszl_r {
            width: 300px;
        }
        .gszl_xq .gszl_l{
            width: -webkit-calc(100% - 400px);
            width: -moz-calc(100% - 400px);
            width: calc(100% - 350px);
        }
        .gszl_l .hzTit span{
            color: #333;
            font-weight: bold;
            font-size: 30px;
        }
        .gszl_l .hzTit span::after {
            content: "";
            width: 0;
            height: 0;
            background: #D55228;
            border-radius: 25px;
            position: absolute;
            left: 0;
            bottom: -2px;
        }
		
	.padd {
  padding: 3% 0;
}	
		
		
/*	==	
*/		



@media (max-width: 1400px) {
  .detailListBg .detailList {
    height: 53px;
    line-height: 53px;
overflow-y: hidden;
  }
}


@media (max-width: 800px) {

.solXq {
  grid-template-columns: repeat(2,1fr);

}
}

		
/*	娴溠冩惂閸掓銆?
*/		
.productlist {
  padding: 3% 0;width:100%;float:left;
}
.productlist .list{grid-template-columns: repeat(4,1fr);
  display: grid;
  gap: 20px 20px;}
.productlist .item{margin-bottom: 2%;background: #f7f7f7;border-radius:20px;position: relative;}
.productlist .item a{padding: 1vw 0;display: block;overflow: hidden;}
.productlist .item .img{overflow: hidden;transition: all .5s;background: #f7f7f7;}
.productlist .item .img img{mix-blend-mode: multiply;transition: all .5s;border-radius: 3px;}
.productlist .item:hover .img{transform:scale(.9);}
.productlist .item:hover .img img{transform:scale(1.04);}
.productlist .item .info{transition: all .5s;transform: translateY(30%);}
.productlist .item .info .t1{text-align:center;font-size:16px;margin-top: 1vw;}
.productlist .item .info .btn{margin:0 auto;transform: translateY(130%);transition: all .5s;}
.productlist .item:hover .info{transform: translateY(-35%);}
.productlist .item:hover .info .btn{transform: translateY(50%);}

.productlist .item .info .btn .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin: auto;
	margin-bottom: 3%;
}
.productlist .item .info .btn .SeeMore:hover {
	color: #fff;
}
@media (max-width: 800px) {
.productlist .list{grid-template-columns: repeat(2,1fr);}
}
}



/*	娴溠冩惂鐠囷附鍎?
*/

.product{width:100%;float:left;}
.product .pcont{padding: 150px 0 90px;background: url(../images/productsConfigImageBg.jpg);background-size: cover;}
.product .pcont .auto_1400{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.product .pcont .left .fl{font-size:20px;color: #333;font-weight: 300;margin-bottom: .2vw;width:100%;float:left; text-align:left;}
.product .pcont .left .t1{font-size:36px;color: #333;font-weight: bold;margin-bottom: 2vw;width:100%;float:left; text-align:left;}
.product .pcont .left .text{margin-bottom: 3vw;width:100%;float:left; text-align:left; font-size:16px; color: #333;line-height:25px}
.product .pcont .left .text p{color: #333;font-size: .88vw;margin-top: 1vw;position: relative;padding-left: 1.2vw;}
.product .pcont .left .text p:nth-child(1){margin-top: 0;}
.product .pcont .left .text p:after{position: absolute;content: "";left: 0;top: 50%;width: .6vw;height: .6vw;background: #FECA0A;border-radius: 2px;transform: translate(0 , -50%);}
.product .pcont .left .btn{}
.product .pcont .left .btn .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin-bottom: 3%;
}
.product .pcont .left .btn .SeeMore:hover {
	color: #fff;
}

.product .pcont .left{width: 45%;text-align: end;float:left;}



.product .pcont .right{width: 50%;text-align: end;float:right;}
.product .pcont .right .img img{mix-blend-mode: multiply;}
.product .rem{padding: 3% 0;}
.product .rem .title{font-weight: bold;text-align: center;margin-bottom: 3vw;}
.product .rem .item{background: #f7f7f7;border-radius: 8px;position: relative;}
.product .rem .item:nth-child(3n+3){margin-right: 0;}
.product .rem .item a{padding: 1.5vw 0;display: block;overflow: hidden;}
.product .rem .item .img{overflow: hidden;transition: all .5s;background: #f7f7f7;}
.product .rem .item .img img{mix-blend-mode: multiply;transition: all .5s;}
.product .rem .item:hover .img{transform:scale(.9)}
.product .rem .item:hover .img img{transform:scale(1.04);}
.product .rem .item .info{transition: all .5s;transform: translateY(30%);}
.product .rem .item .info .t1{text-align:center;font-size:1.05vw;margin-top: 1vw;}
.product .rem .item .info .btn{margin:0 auto;transform: translateY(130%);transition: all .5s;}
.product .rem .item:hover .info{transform: translateY(-35%);}
.product .rem .item:hover .info .btn{transform: translateY(50%);}
.product .rem .list{grid-template-columns: repeat(4,1fr);
  display: grid;
  gap: 20px 20px;}
.product .rem .item .btn .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin: auto;
	margin-bottom: 3%;
}
.product .rem .item .btn .SeeMore:hover {
	color: #fff;
}

@media only screen and (max-width:1080px){
.product .pcont{padding: 100px 0 60px;}
.product .pcont .auto_1400{max-width: 1400px;}
.product .pcont .left .fl{font-size: 18px;}
.product .pcont .left .t1{font-size: 34px;}
.product .pcont .left .text{margin-bottom: 40px;}
.product .pcont .left .text p{font-size: 14px;margin-top: 10px;}
.product .rem{padding: 60px 0;}
.product .rem .title{font-size: 28px;margin-bottom: 40px;}
.product .rem .item .info .t1{font-size: 17px;margin-top: 15px;}
}
@media only screen and (max-width:800px){
.product .rem .item{}
.product .rem .item:nth-child(odd){margin-right: 2%;}
.product .rem .item:nth-child(even){margin-right: 0;}
.product .rem .item:nth-child(3){display: none;}
.product .rem .list{grid-template-columns: repeat(2,1fr);}
}
@media only screen and (max-width:640px){
.product .pcont{padding: 80px 0 30px;}
.product .pcont .left{width: 100%;margin-bottom: 20px;}
.product .pcont .left .fl{font-size: 15px;margin-bottom: 3px;}
.product .pcont .left .t1{font-size: 22px;margin-bottom: 15px;}
.product .pcont .left .text{margin-bottom: 25px;}
.product .pcont .left .text p{padding-left: 15px;}
.product .pcont .left .text p:after{width: 8px;height: 8px;}
.product .pcont .right{width: 85%;margin: 0 auto;}
.product .rem{padding: 30px 0;}
.product .rem .title{font-size: 22px;margin-bottom: 25px;}
.product .rem .item a{padding: 10px 0;}
.product .rem .item .info .t1{font-size: 15px;}
}
  .product .pcont .right .swiper-pagination-bullet {
            background: #000; /* 姒涙顓绘０婊嗗 */
            opacity: 0.5;
        }
    .product .pcont .right .swiper-pagination-bullet-active {
            background: #fbcf00; /* 濠碘偓濞插顤侀懝?*/
            opacity: 1;
        }


/*閸忓厖绨幋鎴滄粦*/


.brandStory {
  margin: 3% auto 3%;
}
.brandStory .brandStoryTitle {
  font-size: 2.1875vw;
  font-weight: bold;
  text-align: center;
  line-height: 2.5vw;
  margin-bottom: 3.64583vw;
}
.brandStory .brandStoryMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E8EAEA;
}
.brandStory .brandStoryMain .image {
  width: 51.73%;
  overflow: hidden;
}
.brandStory .brandStoryMain .image:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.brandStory .brandStoryMain .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.brandStory .brandStoryMain .content {
  width: 48.27%;
  padding: 4.16667vw 1.51042vw 1.5625vw 3.48958vw;
}
.brandStory .brandStoryMain .content .title {
  font-size: 1.875vw;

  font-weight: 500;
  line-height: 2.23958vw;
  margin-bottom: 1.35417vw;
}
.brandStory .brandStoryMain .content .desc {
  font-size: 16PX; color:#5F5F5F;
  line-height:25PX;
  margin-bottom: 1.92708vw;
}
.brandStory .brandStoryMain .content .icon img {
  width: auto;
  height: 4.6875vw;
}


.brandStory {margin-top:3%;}

.brandStory dl {
grid-template-columns: repeat(2,1fr);
  display: grid;
  gap: 50px 20px;
}

.brandStory dl dd {text-align: center;

}

.brandStory dl dd:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.brandStory dl dd .date {
  font-weight: bold;

  color: #fbcf00;
  line-height: 0.8;

  padding: 0 0 0.520833vw;
}
.brandStory dl dd .date b{  font-size:40px;}
.brandStory dl dd .Hintro {
  font-size: var(--font-size15);
  color: #5F5F5F666;
}

.brandStory dl dd .date span {
  font-size: var(--font-size36);
  /* display: block; */

}

/* .Technology dl dd:nth-child(3) .date {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
} */

.brandStory dl dd .date span:nth-child(2) {
  font-size: var(--font-size16);
  /* margin: 0 0.260417vw; */
  height: auto;
    /* display: flex;
    align-items: flex-end; */
}



.qixuai .brandHousesTitle {
  text-align: center;
width:100%;float:left;
}
.qixuai .brandHousesTitle .title {
  font-size: 2.1875vw;
  font-weight: bold;
  margin-bottom: 1.40625vw;
}
.qixuai .brandHousesTitle .desc {
  font-size:16px;
  color: #5F5F5F;
}


.n-licheng .brandHousesTitle {
  text-align: center;position: relative;
  z-index: 999;
width:100%;float:left;
}
.n-licheng .brandHousesTitle .title {
  font-size: 2.1875vw; color:#fff;
  font-weight: bold;
  margin-bottom: 1.40625vw;
}
.n-licheng .brandHousesTitle .desc {
  font-size:16px;
  color: rgba(255,255,255,.7);
}



.honorTitle .brandHousesTitle {
  text-align: center;
width:100%;float:left;
}
.honorTitle .brandHousesTitle .title {
  font-size: 2.1875vw;
  font-weight: bold;
  margin-bottom: 1.40625vw;
}
.honorTitle .brandHousesTitle .desc {
  font-size:16px;
  color: #5F5F5F;
}




.n-neop .brandHousesTitle {
  text-align: center;
width:100%;float:left;
}
.n-neop .brandHousesTitle .title {
  font-size: 2.1875vw;
  font-weight: bold;
  margin-bottom: 1.40625vw;
}
.n-neop .brandHousesTitle .desc {
  font-size:16px;
  color: #5F5F5F;
}



/* 閸濅胶澧濇禒瀣矝 */
.brandIntroduce {
  margin:5% auto 0; background-color:#dedede;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;width:100%;float:left;background-image: url(../images/pinpai.jpg); background-repeat:no-repeat;
}
.brandIntroduce .brandIntroduceLeft {
  width:45%;float:left;  padding-top:5%;padding-bottom:5%;
}
.brandIntroduce .brandIntroduceLeft .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.brandIntroduce .brandIntroduceLeft .swiper-wrapper .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.brandIntroduce .brandIntroduceLeft .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.brandIntroduce .brandIntroduceRight {
  width: 50%;float:right;
  padding-top:8%;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceTitle {
  font-size: 2.1875vw;
  font-weight: bold;
  line-height: 2.5vw;
  margin-bottom: 3%;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li {
  border-bottom: 1px solid rgba(255,255,255,.3);padding-bottom:3%;
  cursor: pointer;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li:first-child {
  border-top: 1px solid rgba(0,0,0,.1);
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li.active .title .icon {
  color:#fbcf00;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li.active .title i::before {
  background-color: #fbcf00;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li.active .title i::after {
  display: none;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li.active .desc {
  display: block;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding:3% 0px;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title .icon {
  font-size: 1.04167vw;
  color: #000;
  font-weight: bold;
  margin-right: 0.625vw;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title .name {

  font-size: 1.04167vw;
  font-weight: bold;
  margin-right: 5.20833vw;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i {
  display: block;
  width: 1.04167vw;
  height: 1.04167vw;
  position: relative;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 0.10417vw;
  content: "";
  display: block;
  background-color: #8E8E8C;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.10417vw;
  height: 100%;
  content: "";
  display: block;
  background-color: #8E8E8C;
}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .desc {
  display: none;
  font-size: 0.83333vw;
  color: #3D3D3D;
  line-height: 1.45833vw;
  font-weight: 300;
}

.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li.active .desc strong{ font-weight:bold;}


.new {
    position: relative;
    background: #fff;width:100%;float:left;
	
}

.newTop {
    display: flex;
    justify-content: space-between;
    box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .05);
    padding: 30px;
    margin-bottom: 100px;
}

.newTopImg {
    width: 35%;
    padding-top: 24%;
}

.newTopText {
    width: 65%;
    padding: 30px 20px 20px 60px;
}

.newTopText i {
    display: block;

}

.newTopText span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.newTopText p {
    font-size: 18px;line-height:28px;
    margin-bottom: 100px;
}

/*  */
.newUl {
    margin-bottom: 40px;
}

.newUl form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newSle select {
    padding: 12px 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.newIpt {
    position: relative;
}

.newIpt input {
    width: 340px;
    padding: 12px 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.newIpt svg {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/*  */

.newBox {
    display: flex;
    flex-wrap: wrap;
}

.newItem {
    width: calc(33.33% - 30px);
    margin-right: 45px;
    margin-bottom: 45px;
    border: 2px solid transparent;
    transition: all .68s;border-radius: 20px;
}

.newItem:nth-child(3n) {
    margin-right: 0;
}

.newImg {
    padding-top: 64%;
}

.newImg i {
    display: inline-block;
    font-size: 12px;
    padding: 1px 12px;
    background: #fbcf00;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.newText {
    padding: 30px;
    background: #f7f8fa;
}

.newText span {
    min-height: auto;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newText p {
    font-size: 16px;
    color: #5F5F5F;
    margin-bottom: 3%;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newText i {
    display: block;
    color: #999;font-style: normal;
}

/*  */

.newItem:hover .newText {
    background:#fbcf00;
}

.newItem:hover .newImg img {
    transform: scale(1.1);
}

.newItem:hover span {
    color: #fff;
}

.newItem:hover p {
    color: #fff;
}

.newItem:hover i {
    color: #fff;
}

.newTopText .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin-bottom: 3%;
}
.newTopText .SeeMore:hover {
	color: #fff;
}


@media (max-width: 1200px) {
  .newTopText span {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .newBox {
    justify-content: space-between;
  }  .newItem {
    width: calc(50% - 10px);
    margin-right: 0;
    margin-bottom: 20px;
  }  .newTop {
    flex-wrap: wrap;
    padding: 0;
    box-shadow: none;
  } .newTopImg {
    width: 100%;
    padding-top: 66%;
  }  .newTopText {
    width: 100%;
    order: -1;
    padding: 0;
    margin-bottom: 30px;
  }
}

@media(max-width:800px){.newText span{ font-size:16px;}
	.brandStory .brandStoryMain{display:block;}
	
	.brandStory .brandStoryMain .image {
  width: 100%;
  overflow: hidden;
}.brandStory .brandStoryMain .content{  width: 100%;}

.brandStory dl{grid-template-columns: repeat(2,1fr);gap: 20px 20px;}
.brandStory dl dd .date b {
  font-size: 30px;
}.brandIntroduce .brandIntroduceRight .brandIntroduceTitle{ font-size:20px;}
.brandIntroduce .brandIntroduceRight{width:100%;}.brandIntroduce .brandIntroduceLeft{width:100%;}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title .name{ font-size:16px;}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .desc{ font-size:14px;line-height:25px;}
.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i::after{width: 2px;
  height: 100%;}.brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i::before{width: 100%;
  height: 2px;}
  
  .brandIntroduce .brandIntroduceRight .brandIntroduceMain ul li .title i{height:10px;width:10px;}
.gszl_l .hzTit span{ font-size:20px;width:100%;}
  
}
		
/*	==	
*/		
		
	.solution-page{width:100%;float:left;padding-top:3%;}	.solution-page.list .box1 ul{grid-template-columns: repeat(1,1fr);
  display: grid;
  gap: 20px 20px;}
.solution-page.list .box1 li{margin-bottom: 50px;position: relative;border-radius: 20px;height: auto;color:#fff;}
.solution-page.list .box1 .img-bg{height:100%;border-radius: 20px;}
.solution-page.list .box1 .img{height:100%}
.solution-page.list .box1 .info{border-radius: 0 0 20px 20px;width:100%;padding:5% 2% 2% 2%;position:absolute;bottom:0;left:0;z-index: 2;/*display: flex;flex-direction: column;justify-content: center;*/background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));}
.solution-page.list .box1 .info>p{max-width: 100%;}
.solution-page.list .box1 .info>p:nth-of-type(1){font-size: 30px; font-weight:bold;color:#fff;}
.solution-page.list .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 28px;margin:20px 0 20px;color:#fff;}
.solution-page.list .box1 .info>p:nth-of-type(3){width:200px;line-height: 58px;border:1px solid #fff;font-size: 16px;color:#fff;padding-left: 45px;background: url(../images/arrow.png) no-repeat 80% center/16px;transition: .3s;}
.solution-page.list .box1 li:nth-child(2n) .info{}

		.img-bg {
  overflow: hidden;

}
@media (max-width:1200px){
    .solution-page.list .box1{padding:50px 0}
    .solution-page.list .box1 li{margin-bottom: 30px;border-radius: 10px;height: auto;background: #A2A5AA ;}
    .solution-page.list .box1 li::after{display: none;}
    .solution-page.list .box1 .img-bg{border-radius: 10px 10px 0 0;height:auto}
    .solution-page.list .box1 .img{height:auto;}
    .solution-page.list .box1 .info{width:100%;height: auto;position:static;display: block;padding:30px 25px 40px}
    .solution-page.list .box1 .info>p{max-width: 100%;}
    .solution-page.list .box1 .info>p:nth-of-type(1){font-size: 18px;}
    .solution-page.list .box1 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px}
    .solution-page.list .box1 .info>p:nth-of-type(3){width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px}
    .solution-page.list .box1 li:nth-child(2n) .info{padding-left:25px}
    .solution-page.list .box1 .load{width:150px;line-height: 45px;font-size: 14px;background-position:30px center;background-size:16px;padding-left: 60px}}
	
	
	
	
	
	
	
	
.kojop .box2{padding:3% 0 3%;background-size: 100%;background-position: center top;width:100%;float:left;background-repeat: repeat;}
.kojop .box2 .tit{text-align: center;font-size:42px; font-weight:bold;}
.kojop .box2  .dfg{  width:100%;float:left; text-align:center;padding-top:1%;padding-bottom:2%; font-size:18px;}
.kojop .box2 .tit::after{background: #fff;transform: translateX(-50%);left: 50%;}
.kojop .box2>.width>p{font-size: 18px;line-height: 28px;color:#fff;text-align: center;margin:40px 0}
.kojop .box2 ul{width: 100%; float: left;display: flex;flex-wrap: wrap;grid-template-columns: repeat(3,1fr); display: grid;gap: 20px 20px;}
.kojop .box2 li{border-radius: 20px;background-color:#FFF;box-shadow: 0 0 20px rgba(0,0,0,.15);padding:50px 60px 70px;position: relative;}
/*.kojop .box2 li:nth-child(3n+1){margin-right: 40px;}*/
.kojop .box2 li>p:nth-of-type(1){font-size:20px;line-height: 40px; font-weight:bold;}
.kojop .box2 .attr{display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;padding:20px 0}
.kojop .box2 .attr>p{margin-right: 30px;color:#999;line-height: 24px;}
.kojop .box2 .attr>p>span{color:#5F5F5F}
.kojop .box2 li>p:nth-of-type(2){color: #5F5F5F;line-height: 32px;margin:20px 0 30px; font-size:16px;}
.kojop .box2 li>p:nth-of-type(3){font-size: 16px;
  display: inline-block;
border: solid 1px #fbcf00 !important;
  color: #fbcf00;cursor:pointer;border-radius: 50px;
  text-transform: uppercase;
  line-height: 3.61111111em;
  height: 3.61111111em;
  padding: 0 2em 0 2em;
 transition: .3s;}
.kojop .box2 .page{padding-bottom: 40px;}
.kojop .box2 .popup{position: fixed;z-index: 9999;top: 0;left: 0;background: rgba(0,0,0,.7);width:100%;height:100%;display: none;}
.kojop .box2 .con{background: #fff;position: relative;margin:50px auto;border-radius: 20px;padding:90px;width:60%;}
.kojop .box2 .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #eee url(../images/close.svg) no-repeat center center/20px;cursor: pointer;transition: .3s;border-radius: 0 20px 0 0;transition: .3s;}
.kojop .box2 .title{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px}
.kojop .box2 .title>p{flex:1;padding-right: 50px;font-size: 30px; font-weight:bold;line-height: 46px;}
.kojop .box2 .title>a{width: 180px;line-height: 60px;background: #fbcf00 url(../images/23.png) no-repeat 40px center/24px;padding-left: 75px;font-size: 16px;color: #fff;transition: .3s;border-radius: 30px;}
.kojop .box2 .content{padding:40px 0;}
.kojop .box2 .content p{font-size: 16px;line-height: 32px;color:#5F5F5F}
.kojop .box2 .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important}
.kojop .box2 .content a{display: inline-block;}
.kojop .box2 .tip{color: #999;line-height: 24px;}


.zdlopp{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
.zdlopp .tit{text-align: center;font-size:42px; font-weight:bold;}
.zdlopp  .dfg{ width:100%;float:left; text-align:center;padding-top:1%;padding-bottom:2%; font-size:18px;}

.jobyp {width:100%;float:left;}
.zdlopp .auto_1400{ overflow:hidden; background-color:#f1f1f1;padding:2%;border-radius:20px;}

.jobyp .col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.recuit .form-group {
  line-height: 34px;
  margin-bottom: 25px;
}.recuit label {
  width: 110px;
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
}.recuit .mess01 {
  float: left;
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
}
.text-area {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}.recuit input[type="text"] {
  width: 100%;
  float: left;
  background: #fff;
  border: none;
  outline: 0;
  box-shadow: none;
  font-size: 16px;
  color: #1d1d1d;
  border-radius: 0;
}.jobyp .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}.jobyp .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}.recuit input[type="radio"] {
  height: 34px;
  margin-top: 0px;
  vertical-align: -12px;
  margin-right: 6px;
  -webkit-appearance: radio;
}.jobyp .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}.recuit select {
  width: 100%;
  float: left;
}.jobyp textarea.form-control {
  height: auto;
}
.jobyp .recuit textarea {
  width: 100%;
  float: left;
  background: #fff;
  padding: 10px !important;
  border: none;
  outline: 0;
  box-shadow: none;
  font-size: 16px;
  color: #1d1d1d;
  border-radius: 0;
}.jobyp .col-md-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.red{ color:#F00;}

.recuit button {
font-size: 16px;
  display: inline-block;
border: solid 1px #fbcf00 !important;
  color: #fbcf00;
  cursor: pointer;border-radius: 50px; background-color:#fff;
  text-transform: uppercase;
  line-height: 3.61111111em;
  height: 3.61111111em;
  padding: 0 2em 0 2.5em;
  outline: 0;
  cursor: pointer;
}.recuit button:hover{  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;}
.kojop .box2 li > p:nth-of-type(3):hover{  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;}


/*team*/
.teamlist{width:100%;float:left;margin-top:3%;margin-bottom:3%;}

.teamlist .list {grid-template-columns: repeat(3,1fr);
  display: grid;
  gap: 20px 20px;}
.teamlist .item{ margin-bottom: 3%;background: #000000;background-image: linear-gradient(to left,#7B7B7B,#0000001a);border-radius: 15px;position: relative;}
.teamlist .item:nth-child(odd){margin-right: 3%;}
.teamlist .item:nth-child(even){margin-right: 0;}
.teamlist .item a{align-items: center;padding: 0 4vw;justify-content: space-between;}
.teamlist .item .text{ position:absolute;position: absolute;
  width: 100%;
  float: left;
  bottom: 0;
  left: 0;background-color: rgba(0,0,0,.5);border-radius:0 0 15px 15px; text-align:center;padding-top:5%;padding-bottom:5%;}
.teamlist .item .text .t1{color:#fff;font-size:24px; font-weight:bold;margin-bottom:1vw}
.teamlist .item .text .t2{color:#ffffff9e;font-size:.85vw}
.teamlist .item .info{position:absolute;width:100%;height:100%;background-image:linear-gradient(to right,rgb(243 214 110),rgb(254 202 11));left:0;top:0;border-radius:15px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s}
.teamlist .item .info>div{padding:0 4vw}
.teamlist .item .info .t1{font-size:24px; margin-bottom:1vw; color:#333;} 
.teamlist .item .info p{font-size:.85vw;line-height:1.8;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.teamlist .item .info .btn{margin-top: 2.5vw;}
.teamlist .item:hover .info{opacity:1;visibility:visible}
.teamlist .item .img{width:100%;float:left; text-align:center;}
.teamlist .item .img img{margin:auto;max-width:100%;}
@media screen and (max-width:1080px){
.teamlist{padding:60px 0;}
.teamlist .item{border-radius: 10px;}
.teamlist .item a{padding: 0 30px;}
.teamlist .item .text .t1{font-size: 24px;margin-bottom: 15px;}
.teamlist .item .text .t2{font-size: 14px;}
.teamlist .item .info{border-radius: 10px;}
.teamlist .item .info>div{padding: 0 30px;}
.teamlist .item .info .t1{font-size: 18px;margin-bottom: 10px;}
.teamlist .item .info p{font-size: 14px;-webkit-line-clamp: 2;}
.teamlist .item .info .btn{margin-top: 20px;}.kojop .box2 ul{grid-template-columns: repeat(2,1fr);}

}
@media screen and (max-width:800px){
.teamlist .item{margin-bottom: 2%;}
.teamlist .item:nth-child(odd){margin-right: 2%;}
.teamlist .item a{padding: 0 20px;}
.teamlist .item .info>div{padding: 0 20px;}
.teamlist .list {grid-template-columns: repeat(2,1fr);}
.teamlist .item .text .t1{ font-size:16px;}
.kojop .box2 ul{grid-template-columns: repeat(1,1fr);}
.kojop .box2 li > p:nth-of-type(1){ font-size:16px;}
.kojop .box2 li > p:nth-of-type(3){ font-size:14px;}

}
@media screen and (max-width:640px){
.teamlist .item{width: 100%;}
.teamlist .item{margin-right: 0 !important;}
.teamlist .item a{padding: 0 30px;}
.teamlist .item .info>div{padding: 0 30px;}
}
@media screen and (max-width:520px){
.teamlist{padding:30px 0;}
.teamlist .item .text .t1{margin-bottom: 10px;}
}




@media(max-width:1440px){
	.kojop .box2 .tit{ font-size:32px;}
.zdlopp .tit{ font-size:32px;}.contactus .contactusTitle .title{ font-size:32px;}
}
	
	@media(max-width:800px){.kojop .box2 li{width:100%;margin-right: 0;}.kojop .box2 li:nth-child(2n+1){width:100%;margin-right: 0;}
.jobyp .col-md-4{-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;margin-bottom:10px;float: left;}.jobyp .row{display:block;}
.kojop .box2 .con{padding: 5%;}

.kojop .box2 .tit{ font-size:20px;}.kojop .box2 li{padding:5%;}.kojop .box2 .dfg{ font-size:16px;}.zdlopp .tit{ font-size:20px;}.zdlopp .dfg{ font-size:16px;}

}
	
	
	
/* team */
.team .top{background:#f2f2f2;padding-top:150px}
.team .top .auto_1400{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.team .top .img{width: 50%;background-image:linear-gradient(to right,rgb(243 214 110),rgb(254 202 11));text-align:center;border-radius:15px;margin-bottom: -5vw;}
.team .top .img img{width: 18vw;}
.team .top .info{width:40%}
.team .top .info .t1{display:flex;align-items:center;margin-bottom:1vw}
.team .top .info .t1 h2{font-size:1.8vw}
.team .top .info .t1 p{font-size:.88vw;color: #fff;margin-left:1vw;background: #feca0a;padding: .5vw 1vw;border-radius: 30px;font-weight: bold;}
.team .top .info .text p{font-size:.88vw;color:#5F5F5F;line-height:2}
.team .color{padding: 90px 0;}
.team .cont{padding: 90px 0;background: #f2f2f2;}
.team .cont p{color: #333;font-size: .88vw;line-height: 2;}
@media screen and (max-width:1080px){
.team .top{padding-top: 100px;}
.team .top .img img{width: 50%;}
.team .top .info{width: 45%;}
.team .top .info .t1{margin-bottom: 15px;}
.team .top .info .t1 h2{font-size: 24px;}
.team .top .info .t1 p{font-size: 16px;padding: 8px 15px;}
.team .top .info .text p{font-size: 15px;}
.team .color{padding: 60px 0;}
.team .cont{padding: 60px 0;}
.team .cont p{font-size: 16px;}
}
@media screen and (max-width:680px){
.team .top{padding: 60px 0;background: #fff;}
.team .top .img{width: 100%;margin-bottom: 30px;}
.team .top .info{width: 100%;}
.team .color{display: none;}
}
@media screen and (max-width:520px){
.team .top{padding: 30px 0;}
.team .top .img{border-radius: 10px;margin-bottom: 20px;}
.team .top .info .t1 h2{font-size: 20px;}
.team .top .info .t1 p{font-size: 14px;margin-left: 10px;padding: 6px 15px;}
.team .top .info .text p{font-size: 14px;line-height: 26px;}
.team .cont{padding: 30px 0;}
.team .cont p{font-size: 14px;line-height: 26px;}
}

	/* 图片高度 */
.indImg{
    overflow: hidden;
    position: relative;
}
.indImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}


	
/* picturelist */
.picturelist{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
.picturelist .list{grid-template-columns: repeat(3,1fr); display: grid;gap: 20px 20px;}
.picturelist .item{position: relative;padding-right: 2%;margin-right: 2%;}
.picturelist .item:after{position: absolute;content: "";top: 0;background: #d1d1d1;height: 100%;width: 1px;right: -10px;}
.picturelist .item:nth-child(3n+3){padding-right: 0;margin-right: 0;}
.picturelist .item:nth-child(3n+3):after{display: none;}
.picturelist .item .img{padding-bottom: 75%;position: relative;overflow: hidden;}
.picturelist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.picturelist .item:hover .img img{transform:scale(1.06)}
.picturelist .item .info .t1{margin-top:.5vw;color:#000;font-size:1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all .5s ease;font-weight: bold;text-align: center;}
.picturelist .item:hover .info .t1{color: #FECA0A;}
@media screen and (max-width:1080px){
.picturelist{padding: 60px 0;}
.picturelist .item .info .t1{font-size: 20px;margin-top: 8px;}
.picturelist .item:nth-child(odd){margin-right: 2% !important;padding-right: 2% !important;}
.picturelist .item:nth-child(even){padding-right: 0 !important;margin-right: 0 !important;}
.picturelist .item:nth-child(odd):after{display: block !important;}
.picturelist .item:nth-child(even):after{display: none !important;}
}

@media screen and (max-width:800px){
	.picturelist .list{grid-template-columns: repeat(2,1fr);}
	}

@media screen and (max-width:520px){
.picturelist{padding: 35px 0;}
.picturelist .item .info .t1{font-size: 16px;margin-top: 6px;}
}
	
	
	
	
/*facyuoi*/
.facyuoi{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
.facyuoi-1{width:100%;float:left;margin-bottom:3%;}
.biaoti{ text-align:center;}	
.biaoti .title{margin: 0 0 .78125vw;}
.biaoti .intro{ color:#5F5F5F; font-size:var(--font-size17);}
	
	
	
.cooperativeTermsBg{width:100%;float:left;padding-top:3%;padding-bottom:3%;}
	
	
	
	.cooperativeTermsBg .cooperativeTerms ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cooperativeTermsBg .cooperativeTerms ul li {
  width: 48.6%;
  margin-right: 2.8%;
  margin-bottom: 2.8%;
  position: relative;
}

.cooperativeTermsBg .cooperativeTerms ul li:nth-child(even) {
  margin-right: 0%;
}

.cooperativeTermsBg .cooperativeTerms ul li:nth-last-child(-n+2) {
  margin-bottom: 0%;
}

.cooperativeTermsBg .cooperativeTerms ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.cooperativeTermsBg .cooperativeTerms ul li .image {
  overflow: hidden;
  border-radius: 20px;
}
.cooperativeTermsBg .cooperativeTerms ul li .image:before{ position:absolute; content:"";top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,.6); border-radius:20px;}
.cooperativeTermsBg .cooperativeTerms ul li:hover .image:before{ background-color:rgba(0,0,0,.3);}
.cooperativeTermsBg .cooperativeTerms ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cooperativeTermsBg .cooperativeTerms ul li .text {
  text-align: center;
  width: 100%;
  padding: 0 10%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cooperativeTermsBg .cooperativeTerms ul li .text h1 {
  font-size: var( --font-size26);
  color: #ffffff;
  font-weight: normal;
  line-height: 1.77083vw;
  margin-bottom: 1.71875vw;
}

.cooperativeTermsBg .cooperativeTerms ul li .text img {
  width: auto;
  height: 1.30208vw;
}
	
	
	
	
	.facyuoi-2{width:100%;float:left;margin-bottom:3%;}

	.facyuoi-2-a{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
		.facyuoi-2-a ul{padding:5%;}		.facyuoi-2-a ul li{margin-top:20px;margin-bottom:20px;}
	 /* 娑撹顔愰崳?閳?閸欏本鐖€佃鐦崡锛勫 + 娑擃厼銇庨崶鐐垼 */
    .compare-wrapper {
      max-width: 100%;
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      gap: 2rem;
      align-items: stretch;
    }

    /* 瀹革箑褰搁柅姘辨暏閸楋紕澧栭弽宄扮础 */
    .card {
      flex: 1 1 0;
      background: #ffffff;
      border-radius:20px;
      box-shadow: 0 30px 50px -20px rgba(0, 30, 60, 0.25), 0 10px 20px -5px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      transition: all 0.25s ease;
      backdrop-filter: blur(2px);
      display: flex;
      flex-direction: column;
    }

    .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 40px 60px -15px rgba(0, 40, 80, 0.3);
    }

    /* 婢舵挳鍎撮懝鍙夋蒋 + 閺嶅洭顣?*/
    .card .top {
      padding: 2rem 2.5rem 1.2rem 2.5rem;
      font-size: var(--font-size30);
      font-weight: 700;
      color: white;
      text-shadow: 0 2px 4px rgba(0,0,0,0.1);
      border-bottom: none;
      background: linear-gradient(115deg, #1b2b40 0%, #283b54 100%);
    }

    /* 瀹革缚鏅舵导鐘电埠 閳?缁嬪秴浜曢崑蹇旀閻ㄥ嫭绻侀悘?*/
    .left .top {
      background: linear-gradient(135deg, #3a4e62, #2c3d4f);
    }

    /* 閸欏厖鏅舵稉鎾茬瑹 閳?缁夋垶濡ч拑?*/
    .right .top {
      background: linear-gradient(135deg, #eebd0a, #c09c17);
    }



    /* 閺夛紕娲扮亸蹇旂垼妫?*/
.facyuoi-2-a .t1 {
      font-size:var( --font-size20);
      font-weight: 600;
      color: #1f2a36;
      line-height: 1.4;
      border-left: 6px solid;
      padding-left: 1rem;
    }

    .left .t1 {
      border-color: #ccc; 
    }

    .right .t1 {
      border-color: #eebd0a; 
    }

    /* 閹诲繗鍫弬鍥ㄦ拱 */
      .facyuoi-2-a  .text {
      font-size: 1rem;
      line-height: 1.6;margin-top:10px;
      color: #5F5F5F;
      margin-left: 1.4rem;  /* 娑撳孩鐖ｆ０妯轰箯娓氀冾嚠姒绘劘顫嬬憴?*/
      padding-right: 0.4rem;
      opacity: 0.85;
    }

    /* 娑擃參妫块惃鍒琧on濞搭喖濮?*/
    .facyuoi-2-a .icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: white;
      width: 84px;
      height: 84px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 15px 25px -8px rgba(0, 40, 80, 0.3), 0 0 0 6px rgba(255,255,255,0.8);
      z-index: 10;
      pointer-events: none;  /* 鐠佲晠绱堕弽鍥┾敍闁骏绱濇稉宥呭叡閹垫壆鍋ｉ崙璇插幢閻?*/
    }

      .facyuoi-2-a .icon img {
      width: 52px;
      height: 52px;
      object-fit: contain;
      display: block;
    }

    /* 閸濆秴绨插蹇ョ窗婵″倹鐏夌€硅棄瀹虫稉宥咁檮閿涘奔绗傛稉瀣垻閸欑姴鑻熺拫鍐╂殻icon娴ｅ秶鐤?*/
    @media (max-width: 900px) {
      .compare-wrapper {
        flex-wrap: wrap;
        gap: 2.5rem;
      }

         .facyuoi-2-a .icon {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: -1rem auto 0.5rem;
        width: 72px;
        height: 72px;
        box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2), 0 0 0 4px white;
        order: 2;
      }

          .facyuoi-2-a .icon img {
        width: 44px;
        height: 44px;
      }

      .left, .right {
        flex: auto;
        width: 100%;
      }
    }

    /* 鐏忓繐鐫嗗顔跨殶 */
    @media (max-width: 500px) {

      .card .top { font-size: 1.2rem; padding: 1.5rem 1.5rem 1rem; }
      .t1 { font-size: 1.1rem; }
    }

    /* 閻愬湱绱?閳?缂佹瑥褰告潏瑙勬蒋閻╊喖顤冮崝鐘辩閻愬湱绨块懛瀛樺妳 */
    .right .text {

    }

    .left .text {

    }


    /* 濡剝瀚欓崶鍓у娑撳秴褰查悽銊︽閻ㄥ嫭鏋冪€?*/
      .facyuoi-2-a  .icon img {
      background: #eef3f7;
      border-radius: 50%;
      padding: 6px;
    }
	
	
	.facyuoi-3{width:100%;float:left;margin-bottom:3%; background-color:#f4f4f4;padding-top:3%;padding-bottom:3%;}
	
	.facyuoi-3-a{width:100%;float:left;margin-top:3%;}
	.facyuoi-3-a .top {
            max-width: 1400px;
            width: 100%;
            background: rgba(255,255,255,0.75);
            backdrop-filter: blur(4px);
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.3), inset 0 1px 3px rgba(255,255,255,0.8);
            padding: 2.5rem 2rem;
            border: 1px solid rgba(255,255,255,0.6);
        }


	.facyuoi-3-a .top > ol {
            display: flex;
            list-style: none;
            background: #1e2b3c;
            border-radius: 5rem 5rem 2rem 2rem;
            padding: 0.8rem 1.2rem 0.8rem 2.5rem;
            margin-bottom: 2.2rem;
            box-shadow: 0 12px 18px -8px rgba(0,20,30,0.4);
            border-bottom: 3px solid #fbcf00;
            flex-wrap: wrap;
            align-items: center;
        }

	.facyuoi-3-a .top > ol > dl {
            color: white;
            font-weight: 600;
            font-size: 1.1rem;
            letter-spacing: 0.5px;
            margin-right: 2rem;
            padding: 0.5rem 0;
            text-shadow: 0 2px 3px rgba(0,0,0,0.3);
            border-bottom: 2px solid transparent;
            display: inline-block;
        }

	.facyuoi-3-a .top > ol > dl:first-of-type {
            background:#fbcf00;
            color: #1e2b3c;
            padding: 0.5rem 1.8rem;
            border-radius: 3rem;
            margin-left: -0.8rem;
            box-shadow: inset 0 -2px 0 #fbcf00;
        }

	.facyuoi-3-a .top > ol > dl:not(:first-of-type) {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(4px);
            padding: 0.5rem 1.5rem;
            border-radius: 3rem;
            margin: 0 0.5rem;
            border: 1px solid rgba(255,255,255,0.15);
        }

   	.facyuoi-3-a .top > ul {
            display: grid;
            grid-template-columns: 200px repeat(4, 1fr);
            gap: 0.75rem;
            margin: 2rem 0 2.2rem 0;
            background: transparent;
            list-style: none;
            align-items: stretch;
        }

	.facyuoi-3-a .top > ul > li:first-child {
            grid-column: 1 / 2;
            background: #2c4059;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2rem 0.8rem 0.8rem 2rem;
            box-shadow: inset -2px 0 0 #fbcf00, 5px 8px 12px rgba(0,0,0,0.1);
            letter-spacing: 1px;
            text-orientation: upright;
            writing-mode: horizontal-tb;
            padding: 0 0.5rem;
            line-height: 1.3;
            text-align: center;
        }

   	.facyuoi-3-a .top > ul > li:not(:first-child) {
            background: white;
            border-radius: 1.5rem 1.5rem 1.2rem 1.2rem;
            padding: 1.3rem 1rem 1rem 1rem;
            box-shadow: 0 12px 22px -12px rgba(34, 48, 63, 0.3), 0 0 0 1px rgba(0,0,0,0.02);
            transition: transform 0.15s ease, box-shadow 0.2s;
            display: flex;
            flex-direction: column;
            border-bottom: 4px solid transparent;
        }

	.facyuoi-3-a .top > ul > li:not(:first-child):hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 28px -16px rgba(0, 50, 80, 0.4), 0 0 0 1px #cbd5e1;
        }

	.facyuoi-3-a .top > ul > li > span {
            display: block;
            font-weight: 700;
            font-size: 1.1rem;
            color: #1e2b3c;
            margin-bottom: 0.5rem;
            padding-bottom: 0.4rem;
            border-bottom: 2px dotted #d4dce6;
        }

	.facyuoi-3-a .top > ul > li > p {
            font-size:1rem;
            line-height: 1.5;
            opacity: 0.6;
            flex: 1;
        }

	.facyuoi-3-a .top > ul > li > span > i {
            color: #f5b342;
            font-style: normal;
            margin-right: 4px;
            font-size: 1.3rem;
            vertical-align: middle;
            text-shadow: 0 2px 3px #ffdd99;
        }

	.facyuoi-3-a .top > ul:nth-of-type(3) > li:last-child {
            background: #fef7e8;
            border-bottom: 4px solid #f5b342;
        }
        .top > ul:nth-of-type(3) > li:last-child span {
            color: #b1660e;
            font-size: 1.15rem;
        }

        	.facyuoi-3-a .top > ul:last-of-type > li:not(:first-child) {
            background: #f8f2e9;
            border-bottom: 4px solid #9babbc;
        }
        	.facyuoi-3-a .top > ul:last-of-type > li:not(:first-child) p {
            font-weight: 500;
            color: #2b3b4e;
        }

	.facyuoi-3-a .top > ul > li > span:only-child {
            border-bottom: none;
        }

        @media (max-width: 1000px) {
	.facyuoi-3-a .top > ul {
                grid-template-columns: 150px repeat(4, 1fr);
            }
        }

        @media (max-width: 800px) {
	.facyuoi-3-a .top {
                padding: 1.5rem 1rem;
            }
	.facyuoi-3-a .top > ol {
                border-radius: 2rem;
                padding: 0.8rem 1rem;
                justify-content: center;
            }
	.facyuoi-3-a .top > ol > dl {
                margin: 0.2rem 0.4rem;
                font-size: 0.9rem;
                padding: 0.4rem 1rem;
            }
	.facyuoi-3-a .top > ul {
                grid-template-columns: 1fr;
                gap: 1rem;
            }
	.facyuoi-3-a .top > ul > li:first-child {
                grid-column: 1 / -1;
                border-radius: 2rem;
                padding: 1rem;
                writing-mode: horizontal-tb;
                min-height: auto;
            }
        }


	.facyuoi-3-a .top > ol > dl:first-of-type {
            min-width: 100px;
            text-align: center;
        }

	.facyuoi-3-a .top > ul > li > span::before {
          content: "▣";
            color: #ffb347;
            display: inline-block;
            margin-right: 6px;
            font-weight: 400;
            font-size: 0.9rem;
        }

        	.facyuoi-3-a .top > ul > li:first-child span::before {
            content: none;
        }

      	.facyuoi-3-a .top > ul:nth-of-type(2) > li:not(:first-child) > span {
            color: #a03d3d;
            border-bottom-color: #e3c5c5;
        }
        .top > ul:nth-of-type(2) > li:not(:first-child) > span::before {
       content: "▲";
            color: #b04a4a;
            font-size: 1rem;
        }

	.facyuoi-3-a .top > ul:first-of-type > li:not(:first-child) > span {
            color:#fbcf00;
        }
        .top > ul:first-of-type > li:not(:first-child) > span::before {
               content: "★";
            color:#fbcf00;
        }

       	.facyuoi-3-a .top > ul:nth-of-type(3) > li > span > i {
            font-size: 1.3rem;
            display: inline-block;
            margin-right: 2px;
        }

      	.facyuoi-3-a  .top > ul:last-of-type > li:not(:first-child) > span::before {
             content: "📋";
            font-size: 1rem;
            margin-right: 5px;
        }

       	.facyuoi-3-a .top > ul:nth-of-type(3) > li:last-child span i {
            animation: glint 2s infinite;
        }
        @keyframes glint {
            0% { opacity: 0.9; text-shadow: 0 0 2px gold; }
            50% { opacity: 1; text-shadow: 0 0 10px #ffae00; }
            100% { opacity: 0.9; text-shadow: 0 0 2px #f5b342; }
        }
		
		
		
	.facyuoi-4{width:100%;float:left;margin-bottom:3%;}
	.facyuoi-4-a{width:100%;float:left;margin-top:3%;}	
		
		
	.facyuoi-5{width:100%;float:left;margin-bottom:3%;}
	.facyuoi-5-a{width:100%;float:left;}
		
	.pc {
  display: block !important;
}

.mobile {
  display: none !important;
}
	
		.industrialLayout {
  position: relative;
}

.industrialLayout .industrialLayoutTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -2.08333vw;
  text-align: center;
  z-index: 11;
}

.industrialLayout .industrialLayoutTitle h1 {
  font-size:var(--font-size17);
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  margin-bottom: 0.78125vw;
}

.industrialLayout .industrialLayoutTitle p {
  font-size: var(--font-size42);
  color: #ffffff;
  font-weight: bold;
  line-height: 2.86458vw;
}

.industrialLayout .industrialLayoutBg::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 73.4375vw;
  height: 73.4375vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: block;
  content: "";
  z-index: 9;
}

.industrialLayout .industrialLayoutBg .swiper-slide {
  opacity: 0 !important;
  position: relative;
}

.industrialLayout .industrialLayoutBg .swiper-slide::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  content: "";
  display: block;
}

.industrialLayout .industrialLayoutBg .swiper-slide img {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  transition: all 5s linear;
}

.industrialLayout .industrialLayoutBg .swiper-slide img.mobile {
  height: calc(100vh - 60px);
}

.industrialLayout .industrialLayoutBg .swiper-slide-active {
  opacity: 1 !important;
}

.industrialLayout .industrialLayoutBg .swiper-slide-active img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.industrialLayout .industrialLayoutBg .swiper-button-prev,
.industrialLayout .industrialLayoutBg .swiper-button-next {
  top: 44%;
  width: 1.5625vw;
  height: 1.5625vw;
  font-size: 1.5625vw;
  color: #ffffff;
  margin-top: 0px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.industrialLayout .industrialLayoutBg .swiper-button-prev::after,
.industrialLayout .industrialLayoutBg .swiper-button-next::after {
  display: none;
}

.industrialLayout .industrialLayoutBg .swiper-button-prev:hover,
.industrialLayout .industrialLayoutBg .swiper-button-next:hover {
  color: var(--vi-color);
}

.industrialLayout .industrialLayoutBg .swiper-button-prev {
  left: auto;
  right: 14.8%;
}

.industrialLayout .industrialLayoutBg .swiper-button-next {
  right: 5.2%;
}

.industrialLayout .industrialLayoutBg .pagination {
  position: absolute;
  bottom: auto;
  left: auto;
  top: 44%;
  right: 8.7%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  font-size: 1.19792vw;
  color: #ffffff;
  z-index: 10;
}

.industrialLayout .industrialLayoutBg .pagination .pagination-current {
  font-weight: bold;
}

.industrialLayout .industrialLayoutBg .pagination .pagination-current,
.industrialLayout .industrialLayoutBg .pagination .pagination-total {
  font-size: 1.19792vw;
  color: #ffffff;
}

.industrialLayout .industrialLayoutMain {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 33.75vw;
  height: 33.75vw;
  z-index: 10;
  overflow: visible !important;
}

.industrialLayout .industrialLayoutMain #industrialLayoutCanvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 33.75vw;
  height: 33.75vw;
}

.industrialLayout .industrialLayoutMain::after,
.industrialLayout .industrialLayoutMain::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 33.75vw;
  height: 33.75vw;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3) inset;
  display: block;
  content: "";
  z-index: 9;
}

.industrialLayout .industrialLayoutMain::after {
  border: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 9;
}

.industrialLayout .industrialLayoutMain::before {
  -webkit-box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3);
}

.industrialLayout .industrialLayoutMain .swiper-slide {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.industrialLayout .industrialLayoutMain .swiper-slide.active::after {
  background-image: url("../images/iconRoundActive.png");
}

.industrialLayout .industrialLayoutMain .swiper-slide.active .text h1 {
  font-size: 1.35417vw;
}

.industrialLayout .industrialLayoutMain .swiper-slide.active .text p {
  opacity: 1;
  visibility: visible;
  padding-top: 0px;
}

.industrialLayout .industrialLayoutMain .swiper-slide::after {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.25vw;
  height: 1.25vw;
  background: url("../images/iconRound.png") no-repeat;
  background-size: 1.25vw 1.25vw;
  border-radius: 50%;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(1) {
  -webkit-transform: translateX(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(1) .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-transform: rotate(0deg) translateX(0%) translateY(-100%);
  -moz-transform: rotate(0deg) translateX(0%) translateY(-100%);
  -ms-transform: rotate(0deg) translateX(0%) translateY(-100%);
  transform: rotate(0deg) translateX(0%) translateY(-100%);
  text-align: center;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(1) .text h1 {
  margin-bottom: 0.78125vw;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(2) {
  -webkit-transform: translateX(-50%) rotate(72deg);
  -moz-transform: translateX(-50%) rotate(72deg);
  -ms-transform: translateX(-50%) rotate(72deg);
  transform: translateX(-50%) rotate(72deg);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(2) .text {
  -webkit-transform: rotate(-72deg) translate(100%, 18%);
  -moz-transform: rotate(-72deg) translate(100%, 18%);
  -ms-transform: rotate(-72deg) translate(100%, 18%);
  transform: rotate(-72deg) translate(100%, 18%);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(2) .text p {
  padding-left: 0.78125vw;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(3) {
  -webkit-transform: translateX(-50%) rotate(144deg);
  -moz-transform: translateX(-50%) rotate(144deg);
  -ms-transform: translateX(-50%) rotate(144deg);
  transform: translateX(-50%) rotate(144deg);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(3) .text {
  -webkit-transform: rotate(-144deg) translate(86%, 100%);
  -moz-transform: rotate(-144deg) translate(86%, 100%);
  -ms-transform: rotate(-144deg) translate(86%, 100%);
  transform: rotate(-144deg) translate(86%, 100%);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(4) {
  -webkit-transform: translateX(-50%) rotate(216deg);
  -moz-transform: translateX(-50%) rotate(216deg);
  -ms-transform: translateX(-50%) rotate(216deg);
  transform: translateX(-50%) rotate(216deg);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(4) .text {
  -webkit-transform: rotate(-216deg) translate(-86%, 100%);
  -moz-transform: rotate(-216deg) translate(-86%, 100%);
  -ms-transform: rotate(-216deg) translate(-86%, 100%);
  transform: rotate(-216deg) translate(-86%, 100%);
  text-align: right;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(5) {
  -webkit-transform: translateX(-50%) rotate(288deg);
  -moz-transform: translateX(-50%) rotate(288deg);
  -ms-transform: translateX(-50%) rotate(288deg);
  transform: translateX(-50%) rotate(288deg);
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(5) .text {
  -webkit-transform: rotate(-288deg) translate(-100%, 18%);
  -moz-transform: rotate(-288deg) translate(-100%, 18%);
  -ms-transform: rotate(-288deg) translate(-100%, 18%);
  transform: rotate(-288deg) translate(-100%, 18%);
  text-align: right;
}

.industrialLayout .industrialLayoutMain .swiper-slide:nth-child(5) .text p {
  padding-right: 0.78125vw;
}

.industrialLayout .industrialLayoutMain .swiper-slide .text {
  width: auto;
}

.industrialLayout .industrialLayoutMain .swiper-slide .text h1 {
  font-size:var( --font-size24);
  color: #ffffff;
  font-weight: bold;
  width: auto;
  white-space: nowrap;
  margin-top: 0.52083vw;
  margin-bottom: 0.67708vw;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.industrialLayout .industrialLayoutMain .swiper-slide .text p {
  opacity: 0;
  visibility: hidden;
  padding-top: 0.78125vw;
  font-size: var(--font-size16);
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.17188vw;
  height: 3.51563vw;
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

		
		@media(max-width:800px){ 
		
		.kojop .box2 li>p:nth-of-type(2){font-size:14px;}
		 .pc {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }
  .industrialLayout .industrialLayoutBg::after {
    display: none;
  }

  .industrialLayout .industrialLayoutTitle {
    top: 40px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  .industrialLayout .industrialLayoutTitle h1 {
    font-size: 18px;
  }

  .industrialLayout .industrialLayoutTitle p {
    font-size: 24px;
    line-height: 30px;margin-top: 30px;
  }

  .industrialLayout .industrialLayoutMain::after {
    display: none;
  }

  .industrialLayout .industrialLayoutMain::before {
    display: none;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide {
    width: 105px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    position: relative !important;
    top: 0px;
    left: 0px;
    padding-top: 20px;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide::before {
    position: absolute;
    top: 6px;
    left: 0px;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    content: "";
    display: block;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }

  .industrialLayout .industrialLayoutMain {
    width: 100%;
    top: auto;
    bottom: 15px;
    height: auto;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    overflow: hidden !important;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide::after {
    width: 15px;
    height: 15px;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 15px;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide .text h1 {
    font-size: 14px;
    text-align: center;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide.active .text h1 {
    font-size: 14px;
  }

  .industrialLayout .industrialLayoutMain .swiper-slide .text p {
    display: none;
  }

  .industrialLayout .industrialLayoutBg .swiper-slide {
    position: relative;
  }

  .industrialLayout .industrialLayoutBg .swiper-slide .text {
    position: absolute;
    top: 170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff;
    z-index: 9;
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 0.4s ease 1s;
    -moz-transition: all 0.4s ease 1s;
    transition: all 0.4s ease 1s;
  }

  .industrialLayout .industrialLayoutBg .swiper-slide-active .text {
    opacity: 1;
    visibility: visible;
    top: 250px;
  }}
		
.solXq1{width:100%;float:left;margin-top:3%;}
		.solXq1 .SeeMore {
	border: solid 1px #fbcf00 !important;
	color: #fbcf00;
	margin-bottom: 3%;
}
.solXq1 .SeeMore:hover {
	color: #fff;
}

.solXq1 .swiper-button-next,.solXq1 .swiper-button-prev{ background-image:none;}
.solXq1 .swiper-button-next,.solXq1 .swiper-button-prev{ background-color:#fff; border-radius:50%;width:40px;height:40px;}





.platform-page{width:100%;float:left}
.platform-page .box4{}
.platform-page .box4 .con-box{display: none;}
.platform-page .box4 .con{display: flex;box-shadow: 0 0 20px rgba(0,0,0,.10);border-radius: 20px;padding:3%;align-items: center;}
.platform-page .box4 .con>.img-div{width:46.87%;margin-top: 15px;height:auto}
.platform-page .box4 .con>.img-div img{ border-radius:20px;}
.platform-page .box4 .con .info{flex:1;padding-left: 100px;}
.platform-page .box4 .con .info>p:nth-of-type(1){font-size: var( --font-size22);line-height: 40px;font-weight:bold;}
.platform-page .box4 .con ul{grid-template-columns: repeat(2, 1fr); display: grid;gap: 10px 0px;width:100%;float:left;}
.platform-page .box4 .con li{ font-size:16px; color:#5F5F5F;}
.bnmn{ font-size:var( --font-size18);width:100%;float:left;margin-top:3%;margin-bottom:3%; BORDER-BOTTOM:dashed 1PX #CCC;padding-bottom:10px;}

.platform-page .box4 .con .txt{flex:1;padding-left: 30px;}
.platform-page .box4 .con .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin-bottom: 5px;}
.platform-page .box4 .con .txt>p:nth-of-type(2){font-size: 16px;line-height: 26px;color:#999}
.platform-page .box4 .tab{position:relative;height: 180px;margin-top:3%;}
.platform-page .box4 .tab li{width:12.5%;float:left;box-shadow: 0 0 20px rgba(0,0,0,.10);height:100%;background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .3s;cursor: pointer;}


.platform-page .box4 .tab .img-div{width:60px;height: 55px;margin:0 auto 10px}
.platform-page .box4 .tab li>p:nth-of-type(1){font-size:var( --font-size18);width:100%;text-align: center; font-weight:bold;}
.platform-page .box4 .tab li>p:nth-of-type(2){font-size: 180px;color:rgba(0,0,0,.05);position: absolute;top: 50%;left: 55%;transform: translate(-50%,-50%);transition: .3s}
.platform-page .box4 .tab li:first-child>p:nth-of-type(2){left: 50%;}
.platform-page .box4 .tab li.active{background:#fbcf00;}
.platform-page .box4 .tab li.active>p:nth-of-type(1){color:#fff}
.platform-page .box4 .tab li.active>p:nth-of-type(2){color:rgba(255,255,255,.05)}
.platform-page .box4 .tab li.active img{ filter: brightness(0) invert(1);}
 .chapop{width:100%;float:left;margin-top:3%;}
	 .chapop_a{width:100%;float:left;}
	 .chapop_a ul{grid-template-columns: repeat(4,1fr); display: grid;gap: 20px 20px;}
	 .chapop_a ul li{ background-color:#dedede; text-align:center;height:45px;line-height:45px; border-radius:5px;}
	 	 .chapop_a ul li a{  font-size:16px;}.chapop_a ul li:hover{background-color:#fbcf00;}.chapop_a ul li:hover a{ color:#fff;}
	  .chapop_a ul li.on{background-color:#fbcf00;} .chapop_a ul li.on a{ color:#fff;}

@media(max-width:1200px){ 

    .platform-page .box4 .con{display: block;box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px;float: left;margin-bottom:3%;}
    .platform-page .box4 .con>.img-div{width:100%;margin: 0 0 20px;}
    .platform-page .box4 .con .info{padding-left: 0;}
    .platform-page .box4 .con li .img-div{width:42px;height: 39px;}
    .platform-page .box4 .con .txt{padding-left: 15px;}
    .platform-page .box4 .con .txt>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin-bottom: 2px;}
    .platform-page .box4 .con .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px}
.platform-page .box4 .tab li{width:25%;}

}

@media(max-width:800px){.platform-page .box4 .con li{ font-size:14px;} .platform-page .box4 .tab li{width:50%;}
    .chapop_a ul{grid-template-columns: repeat(2,1fr);}
     .detailBanner .content{top:70%;}  .biaoti .intro{margin-top:5%;} .solXq_li span {
    font-size: 16px;margin-bottom: 10px;
  }.newTopText p{margin-bottom:5%;}.newTop{margin-bottom:5%;}.newText {
  padding: 10px;}.newText p{font-size: 14px;}.fanYe_a, .fanYe_b{height: 28px;width: 28px;}
  .platform-page .box4 .con ul{grid-template-columns: repeat(1, 1fr);}.solXq_li p{font-size: 14px;}
}