.cloudzoom-zoom {
  z-index: 9999;
}
.header {
  z-index: 999;
}
@font-face {
  font-family: PingFangSCR;
  src: url(../css/fonts/PINGFANGREGULAR.TTF);
}
@font-face {
  font-family: PingFangSC;
  src: url(../css/fonts/PINGFANGMEDIUM_0.TTF);
}
@font-face {
  font-family: PingFangSCB;
  src: url(../css/fonts/PINGFANGBOLD_0.TTF);
}
@font-face {
  font-family: FuturaBT;
  src: url(../css/fonts/LVNM.TTF);
}
@font-face {
  font-family: FuturaBTB;
  src: url(../css/fonts/LVNMBD.TTF);
}
* {
  font-family: PingFangSC;
  box-sizing: border-box;
}
.public_w {
  max-width: 1354px;
  width: 71%;
  margin: 0 auto;
}
.public_w_1 {
  max-width: 1354px;
  width: 100%;
  margin: 0 auto;
}
.about_introduce,
.team_introduce,
.case_introduce {
  padding-bottom: 4.5rem;
}
.title_introduce {
  /*margin-top: 6.2rem;*/
}
.title_introduce .title_B {
  display: flex;
}
.title_introduce .title_B2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title_introduce h3 {
  display: flex;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: calc(14px + 0.5rem);
  color: #222222;
  margin-bottom: 0.5rem;
  align-items: center;
}
.title_introduce h3::before,
.title_introduce h3::after {
  content: "";
  display: block;
  width: calc(18px + 1rem);
  height: 1px;
  background-color: #222222;
}
.title_introduce h3::before {
  margin-right: calc(4px + 0.2rem);
}
.title_introduce h3::after {
  margin-left: calc(4px + 0.2rem);
}
.title_introduce .tit_en {
  display: block;
  font-family: FuturaBT;
  font-weight: normal;
  font-size: calc(14px + 0.1rem);
  color: #777777;
  text-align: center;
  margin-bottom: 3.5rem;
}
.title_introduce .introduce {
  width: 66%;
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #222222;
  line-height: calc(16px + 0.7rem);
 
}

.about_img {
  padding: 4rem 0;
  background: url(../images/about_bg.png) no-repeat;
  background-size: cover;
}
.about_img .my2_slide img {
  width: 100%;
}
.about_img .about_List {
  display: none;
  width: 100%;
}
.about_img .about_List .aboutItem {
  margin-bottom: 1rem;
}
.about_img .about_List img {
  width: 100%;
}
.teamList {
  padding: 4rem 0;
  background-color: #f4f4f4;
}
.teamList .public_w {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.teamList .team_person {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: calc(14px + 0.1rem);
  color: #222222;
  margin-bottom: 1rem;
  transition: 0.3s;
  cursor: pointer;
}
.teamList .team_person .person_tit:hover {
  color: #700126;
}
.teamList .member {
  width: 80.65%;
  position: relative;
}
.teamList .member .memberItem,
.teamList .member .memberSpecial {
  width: 100%;
}
.teamList .member .memberItem img,
.teamList .member .memberSpecial img {
  width: 100%;
}
.teamList .member .memberItem {
  position: relative;
  transition: 0.3s;
  z-index: 3;
}
.teamList .member .memberSpecial {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  opacity: 0;
  z-index: 10;
  overflow: hidden;
}
.teamList .member .memberSpecial.memberSpecialAc {
  opacity: 1;
}
.teamPersonB {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.teamPersonB .teamPerson_bg {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.4;
  position: absolute;
  z-index: 3;
}
.teamPersonB .teamPersonC {
  width: 71%;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  padding-right: 2rem;
}
.teamPersonB .teamPersonC .teamPersonCON {
  display: flex;
  padding: calc(10px + 4rem);
  justify-content: space-between;
}
.teamPersonB .teamPersonC .teamPersonCON .teamPersonImg {
  width: 49.56%;
}
.teamPersonB .teamPersonC .teamPersonCON .teamPersonImg img {
  width: 100%;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral {
  width: 44.89%;
  padding: 7% 3.7rem;
  background-color: #F4F4F4;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral .memberReferral_con {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral .menubox {
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral .name {
  font-family: PingFangSC;
  font-weight: 500;
  font-size: calc(14px + 0.2rem);
  color: #222222;
  margin-bottom: 0.5rem;
  text-align: center;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral h3 {
  margin: 2rem 0 1.5rem;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral p {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #666666;
  line-height: calc(16px + 0.3rem);
  margin-bottom: 0.5rem;
}
.teamPersonB .teamPersonC .teamPersonCON .memberReferral p:last-of-type {
  margin-bottom: 0;
}
.teamPersonB .teamPersonC .close {
  display: block;
  width: calc(18px + 1rem);
  height: calc(18px + 1rem);
  position: absolute;
  top: calc(8px + 1rem);
  right: calc(8px + 1rem);
  font-size: calc(15px + 1rem);
}
.teamPersonB .teamPersonC .close img {
  width: 100%;
}
.caseList1 {
  padding: 4rem 0;
  background-color: #F4F4F4;
}
.caseList1 .nav_box {
  width: 62%;
}
.caseList1 ul {
  display: flex;
  flex-wrap: wrap;
}
.caseList1 .nav_Item {
  width: 32.1%;
  margin-right: 1.5%;
  border: 1px solid #E5E5E5;
  margin-bottom: 12px;
  transition: 0.3s;
}
.caseList1 .nav_Item:nth-of-type(3n) {
  margin-right: 0;
}
.caseList1 .nav_Item a {
  display: block;
  padding: calc(17px + 0.5rem) 9%;
}
.caseList1 .nav_Item .pro_icon {
  width: calc(26px + 0.7rem);
  height: calc(31px + 0.7rem);
  margin: 0 auto 14px;
  position: relative;
}
.caseList1 .nav_Item .pro_icon img {
  width: 100%;
  transition: 0.3s;
}
.caseList1 .nav_Item .pro_icon .pro_icon2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.caseList1 .nav_Item .title .orderNum {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(14px + 0.1rem);
  color: #222;
  line-height: 22px;
  margin-bottom: calc(12px + 0.2rem);
  transition: 0.3s;
}
.caseList1 .nav_Item .title .stairName {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(14px + 0.1rem);
  color: #222;
  line-height: 22px;
  transition: 0.3s;
}
.caseList1 .nav_Item .title .stairName2 {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.1rem);
  color: #666666;
  line-height: 20px;
}
.caseList1 .nav_Item:hover {
  background-color: #fff;
  border-color: transparent;
}
.caseList1 .nav_Item:hover .pro_icon .pro_icon2 {
  opacity: 1;
}
.caseList1 .nav_Item:hover .title .orderNum {
  color: #700126;
}
.caseList1 .nav_Item:hover .title .stairName {
  color: #700126;
}
.caseList {
  padding: 4rem 0;
  background-color: #F4F4F4;
}
.caseList .public_w {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.caseList .nav_box {
  width: 10%;
  min-width: 60px;
}
.caseList .nav_Item {
  margin-bottom: 1.5rem;
}
.caseList .pro_nameTitle {
  display: flex;
  font-family: PingFangSC;
  font-weight: 400;
  font-size: calc(12px + 0.3rem);
  color: #222222;
  align-items: center;
}
.caseList .pro_nameTitle_act{
    color: #700126;
}
.caseList .pro_nameTitle .stairName {
  margin-right: calc(4px + 0.4rem);
}
.caseList .pro_nameTitle .extendBox {
  transition: 0.3s;
  transform: rotate(-90deg) !important;
}
.caseList .pro_nameTitle .extendBox i {
  font-size: calc(10px + 0.4rem);
}
.caseList .pro_nav_second {
  /*display: none;*/
  margin-top: 1.2rem;
}
.caseList .pro_nav_second .secondList {
  margin-left: 2px;
}
.caseList .pro_nav_second .pro_secondItem {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #222222;
  margin-bottom: 0.7rem;
  transition: 0.3s;
}
.caseList .pro_nav_second .pro_secondItem .pro_secondItem_nav{
    display: flex;
}
.secondTitle{
    margin-right: calc(4px + 0.4rem);
    cursor: pointer;
}

.caseList .pro_nav_second .pro_navActive2{
    color: #700126;
}
.caseList .pro_nav_second .pro_secondItem .pro_navActive2,
.caseList .pro_nav_second .pro_secondItem:hover {
  color: #700126;
}
.caseList .pro_nameTitleAct{
    color: #700126;
}
.caseList .pro_nameTitleAct .extendBox {
  transform: rotate(0deg) !important;
}

.caseList .pro_name_second_TitleAct .extendBox {
  transform: rotate(-90deg) !important;
}

.pro_nav_second .extendBox{
    transform: rotate(0deg);
    transition: .3s;
}
.caseList .pro_pro_bottom {
  padding-right: 10%;
  width: 87%;
}
.caseList .pro_pro_ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.caseList .pro_pro_ul .pro_pro_li {
  width: 48.5%;
  margin-bottom: 1.5rem;
}
.caseList .pro_pro_ul .pro_pro_li a {
  display: block;
}
.caseList .pro_pro_ul .pro_pro_li .pro_img1 {
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.caseList .pro_pro_ul .pro_pro_li img {
  width: 100%;
  transition: 0.3s;
}
.caseList .pro_pro_ul .pro_pro_li .pro_name {
  font-family: PingFangSC;
  font-weight: 400;
  font-size: calc(12px + 0.2rem);
  color: #222222;
  transition: 0.3s;
}
.caseList .pro_pro_ul .pro_pro_li:hover img {
  transform: scale(1.1);
}
.caseList .pro_pro_ul .pro_pro_li:hover .pro_name {
  color: #700126;
}
.caseR_introduce {
    width: 80%;
  margin-bottom: 5rem;
}
.caseR_introduce .title_introduce {
  margin-bottom: 5rem;
}
.caseR_introduce .title_introduce .tit_en {
    margin-bottom: 0;
}
.caseR_introduce .caseReadB {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.caseR_introduce .caseReadPhoto {
  width: 56.25%;
}
.caseR_introduce .caseReadPhoto .casePhoto li {
  display: none;
  margin-bottom: 2.5rem;
}
.caseR_introduce .caseReadPhoto .casePhoto li:nth-of-type(1) {
  display: block;
}
.caseR_introduce .caseReadPhoto .casePhoto li:nth-of-type(2) {
  display: block;
}
.caseR_introduce .caseReadPhoto .casePhoto li:nth-of-type(3) {
  display: block;
}
.caseR_introduce .caseReadPhoto .casePhoto img {
  width: 100%;
}
.caseR_introduce .caseReadPhoto .caseReadCont {
  font-family: PingFangSC;
  font-weight: 400;
  font-size: calc(12px + 0.2rem);
  color: #333333;
  line-height: calc(20px + 0.5rem);
  margin-bottom: 3.5rem;
}
.caseR_introduce .caseReadPhoto .caseReadCont .caseRec {
  cursor: pointer;
  color: #73072B;
}
.caseR_introduce .caseReadPhoto .loadMore {
  display: flex;
  font-family: PingFangSC;
  font-weight: 500;
  font-size: calc(14px + 0.2rem);
  color: #333333;
  line-height: calc(16px + 0.4rem);
  align-items: center;
  cursor: pointer;
}
.caseR_introduce .caseReadPhoto .loadMore img {
  width: calc(11px + 0.5rem);
  height: calc(11px + 0.5rem);
  margin-left: calc(4px + 0.3rem);
}
.caseR_introduce .caseRead_cont {
  width: 38.7%;
}
.caseR_introduce .caseRead_cont .caseRead_c1 {
  position: static;
  top: 60px;
}
.caseR_introduce .caseRead_cont .caseRead_c2 {
  position: fixed;
}
.caseR_introduce .caseRead_cont h3 {
  font-family: PingFangSC;
  font-weight: 500;
  font-size: calc(12px + 0.3rem);
  color: #222222;
  margin-bottom: 1rem;
}
.caseR_introduce .caseRead_cont p {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(11px + 0.25rem);
  color: #666666;
  line-height: calc(10px + 1.1rem);
  margin-bottom: 1.5rem;
}
.casePersonB {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.casePersonB .casePerson_bg {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.4;
  position: absolute;
  z-index: 3;
}
.casePersonB .casePersonC {
  width: 71%;
  max-height: 90%;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  padding-right: 2rem;
  overflow: hidden;
}
.casePersonB .casePersonC .casePersonCON {
  display: flex;
  padding: calc(20px + 2rem);
  justify-content: space-between;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg {
  width: 54.81%;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiBox {
  width: 100%;
  margin-bottom: 1.5rem;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiBox img {
  width: 100%;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .mySwiper2 {
  margin-bottom: 1.2rem;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiper-pagination2 .my-bullet2 {
  display: inline-block;
  width: calc(4px + 0.2rem);
  height: calc(4px + 0.2rem);
  border-radius: 50%;
  background-color: #ACADAD;
  transition: 0.3s;
  margin: 0 calc(2px + 0.15rem);
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiper-pagination2 .my-bullet2.swiper-pagination-bullet-active {
  background-color: #303132;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiper-pagination2 .my-bullet2:first-of-type {
  margin-left: 0;
}
.casePersonB .casePersonC .casePersonCON .casePersonImg .swiper-pagination2 .my-bullet2:last-of-type {
  margin-right: 0;
}
.casePersonB .casePersonC .casePersonCON .memberReferral {
  width: 36.43%;
}
.casePersonB .casePersonC .casePersonCON .memberReferral .menubox .name {
  display: flex;
  align-items: center;
  font-family: PingFangSC;
  font-weight: 500;
  font-size: calc(14px + 0.2rem);
  color: #222222;
  margin-bottom: 2rem;
  margin-left: calc(-9px - 0.6rem);
}
.casePersonB .casePersonC .casePersonCON .memberReferral .menubox .name img {
  width: calc(5px + 0.4rem);
  margin-right: calc(4px + 0.2rem);
}
.casePersonB .casePersonC .casePersonCON .memberReferral .menubox p {
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #666666;
  line-height: calc(16px + 0.7rem);
  margin-top: 0.5rem;
}
.casePersonB .casePersonC .close {
  display: block;
  width: calc(18px + 1rem);
  height: calc(18px + 1rem);
  position: absolute;
  top: calc(8px + 1rem);
  right: calc(8px + 1rem);
  font-size: calc(15px + 1rem);
}
.casePersonB .casePersonC .close img {
  width: 100%;
}
.contact_introduce {
  margin-bottom: 5rem;
}
.contact_introduce .title_introduce {
  margin-bottom: 5rem;
}
.contact_introduce .title_introduce .tit_en {
    margin-bottom: 0;
}

.contact_introduce .contactBox {
  width: 60%;
  max-width: 635px;
}
.contact_introduce .contactBox .contactList {
  margin-bottom: 1.5rem;
}
.contact_introduce .contactBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact_introduce .contactBox .contactItem {
  width: 30%;
  margin-right: calc(14px + 2.5rem);
  margin-bottom: 1.5rem;
  position: relative;
}
.pro_nav_third{
    display: none;
}
.pro_navActive2 .pro_nav_third{
    display: block;
}
.contact_introduce .contactBox .contactItem .contact_icon {
  width: calc(14px + 0.8rem);
  position: relative;
  margin: 0 auto 1rem;
}
.contact_introduce .contactBox .contactItem .contact_icon img {
  width: 100%;
  transition: 0.3s;
}
.contact_introduce .contactBox .contactItem .contact_icon .contact_icon2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 5;
}
.contact_introduce .contactBox .contactItem .contact_tit {
  font-family: PingFangSC, PingFang SC;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #666666;
  line-height: calc(20px + 0.6rem);
  text-align: center;
  margin-bottom: 1rem;
}
.contact_introduce .contactBox .contactItem .shortLine {
  display: block;
  width: calc(8px + 0.2rem);
  height: calc(2px + 0.15rem);
  background: #1A1A1A;
  margin: 0 auto;
}
.contact_introduce .contactBox .contactItem:last-of-type:hover .contact_icon .contact_icon2,
.contact_introduce .contactBox .contactItem.contactActive .contact_icon .contact_icon2 {
  opacity: 1;
}
.contact_introduce .contactBox .contactItem .cont_Qrimg {
  display: none;
  width: 100%;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 0;
}
.contact_introduce .contactBox .contactItem .cont_Qrimg img {
  width: 100%;
}
.mask_box{
    width:100%;
    height: 100%;
    background: #00000060;
    position: fixed;
    top: 0;
    display: none;
    z-index: 1000;
}
.mask_box .map_box{
    width: 80%;
    height: calc(200px + 30rem);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
}
.contact_introduce .contactBox .contactItem .cont_map{
    
  width: 100%;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 0;
  width: calc(20px +  10rem);
  height: calc(20px + 2rem);
 box-shadow: 0px calc(0px + 0.1rem) calc(2px + 0.1rem) #c4c4c4;
 cursor: pointer;
  
  
  display: none;
}
.contact_introduce .contactBox .contactItem .cont_map div{
    width: 100%;
    height: 100%;
    display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(16px + 0.5rem);
   gap: calc(-28px + 4rem);
}
.contact_introduce .contactBox .contactItem .cont_map p{
    font-size: calc(8px + 0.5rem);
  color: #700126;
  font-family: PingFangSC;
}
.contact_introduce .input_form .inputList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact_introduce .input_form input {
  outline: none;
  border: none;
}
.contact_introduce .input_form .messageItem {
  margin-bottom: 2rem;
}
.contact_introduce .input_form .messageItem .in1 {
  width: 100%;
  font-family: PingFangSCR;
  font-weight: 300;
  font-size: calc(12px + 0.2rem);
  color: #222222;
  padding-bottom: calc(6px + 0.5rem);
  transition: 0.3s;
  border-bottom: 1px solid #00000000;
}
.contact_introduce .input_form .messageItem .in1::placeholder {
  color: #222;
  opacity: 1;
}
.contact_introduce .input_form .messageItem .in1:focus {
  border-bottom: 1px solid #000000;
}
.contact_introduce .input_form .messageItem1 {
  width: 45%;
  border-bottom: 1px solid #000000;
}
.contact_introduce .input_form .messageItem3 {
  width: 100%;
  margin-bottom: 1.2rem;
}
.contact_introduce .input_form .messageItem3 .in2 {
  outline: none;
  height: calc(87px + 5rem);
  padding: 0.8rem 0.9rem;
  border: 1px solid #000000;
}
.contact_introduce .form_btn {
  height: calc(24px + 1rem);
  margin: 0 auto;
}
.contact_introduce .form_btn input {
  width: 100%;
  height: 100%;
  border: none;
  overflow: unset;
  color: #fff;
  background-color: #000000;
  font-family: PingFangSC;
  font-weight: 400;
  font-size: calc(10px + 0.3rem);
  color: #FFFFFF;
}
.footsBT {
  border-top: 1px solid #EBEBEB;
}
.case_list{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(8px + 0.5rem);
    padding-left: calc(10px + 2rem);
    flex-wrap: wrap;
    display:none;
}
.case_list:nth-of-type(2){
    display: flex;
}
.case_list_item{
    width: calc(100px + 10rem);
height: calc(18px + 10rem);
background: #FFFFFF;
padding-top: calc(10px + 1.5rem);
padding-left: calc(2px + 2rem);
transition: .5s;
}
.case_list_item:hover{
  box-shadow: 0px 0px calc(4px + 1rem) 0px rgba(0,0,0,0.08);  |
}

.case_list_item .p1{
font-family: PingFangSC;
font-weight: 500;
font-size: calc(8px + 0.5rem);
color: #999999;
line-height: 1;
}

.case_list_item .p2{
font-family: PingFangSC;
font-weight: 500;
font-size: calc(8px + 0.5rem);
color: #333333;
line-height: 1;
margin-top: calc(4px + 0.5rem);
transition: .3s;
}
.case_list_item:hover .p2{
    color: #700126;
}
.case_list_item .case_icon{
    width: calc(6px + 1.5rem);
    margin-top: calc(3px + 3rem);
}

.case_list_item .case_icon img{
    width: 100%;
    display: none;
}
.case_list_item .case_icon img:nth-of-type(1){
    display: block;
}
.case_list_item:hover .case_icon img{
    display: none;
}
.case_list_item:hover .case_icon img:nth-of-type(2){
    display: block;
}


.pro_nav_third ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(2px + 0.5rem);
    margin-top: calc(7px + 0.5rem);
}
.pro_nav_third li{
font-family: PingFangSC;
font-weight: 500;
font-size: calc(6px + 0.5rem);
color: #848484;
line-height: 1;
}


@media screen and (max-width: 1700px) and (min-width: 1100px) {
  .caseR_introduce .caseRead_cont p {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1100px) {
  .public_w {
    max-width: 1354px;
    width: 90%;
    margin: 0 auto;
  }
  .caseList1 .nav_box {
    width: 85%;
  }
  .caseList .nav_box {
    width: 13%;
  }
  .caseList .pro_pro_bottom {
    padding: 0;
  }
  .teamPersonB .teamPersonC {
    width: 85%;
  }
  .casePersonB .casePersonC {
    width: 85%;
  }
}
@media screen and (max-width: 800px) {
    .case_list_item .case_icon {
    width: calc(13px + 1.5rem);

}
 .case_list_item .p1{
     font-size: calc(10px + 1rem);
 }
 .case_list_item .p2{
      font-size: calc(12px + 1rem);
 }
   .case_list_item {
       width: calc(100px + 36rem);
       height: calc(18px + 22rem);
   }
  .title_introduce h3 {
    margin-bottom: 2rem;
  }
  .title_introduce .tit_en {
    margin-bottom: 5rem;
  }
  .title_introduce .introduce {
    width: 100%;
    line-height: calc(20px + 1.5rem);
  }
  .about_introduce,
  .team_introduce,
  .case_introduce {
    padding-bottom: calc(30px + 2rem);
  }
  .teamList .public_w {
    display: block;
  }
  .teamList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .teamList .team_person {
    width: 50%;
    margin-bottom: calc(20px + 2rem);
  }
  .teamList .member {
    width: 100%;
  }
  .about_img .mySwiper1 {
    display: none;
  }
  .about_img .about_List {
    display: block;
  }
  .caseList1 .nav_box {
    width: 100%;
  }
  .caseList .nav_Item {
    margin-bottom: 3rem;
  }
  .caseList .pro_nav_second .pro_secondItem {
    margin-bottom: 2rem;
  }
  .caseList .nav_box {
    width: 23%;
  }
  .caseList .pro_pro_bottom {
    width: 75%;
  }
  .caseList .pro_pro_ul .pro_pro_li {
    width: 100%;
    margin-bottom: calc(15px + 2rem);
  }
  .caseR_introduce .caseReadB {
    flex-direction: column-reverse;
  }
  .caseR_introduce .caseRead_cont {
    width: 100%;
    margin-bottom: 4rem;
  }
  .caseR_introduce .caseReadPhoto {
    width: 100%;
  }
  .caseR_introduce .caseReadPhoto img {
    width: 100%;
  }
  .teamPersonB .teamPersonC {
    height: 90%;
    overflow-y: scroll;
  }
  .teamPersonB .teamPersonC .teamPersonCON {
    display: block;
  }
  .teamPersonB .teamPersonC .teamPersonCON .teamPersonImg {
    width: 60%;
    margin: 0 auto 3rem;
  }
  .teamPersonB .teamPersonC .teamPersonCON .memberReferral {
    width: 100%;
    background-color: #fff;
  }
  .teamPersonB .teamPersonC .teamPersonCON .memberReferral .name {
    margin-bottom: 3rem;
  }
  .teamPersonB .teamPersonC .teamPersonCON .memberReferral h3 {
    margin-bottom: 2rem;
  }
  .teamPersonB .teamPersonC .teamPersonCON .memberReferral p {
    line-height: calc(20px + 1rem);
  }
  .teamPersonB .teamPersonC .teamPersonCON .memberReferral .memberReferral_con .menubox {
    position: relative;
  }
  .casePersonB .casePersonC {
    overflow-y: scroll;
  }
  .casePersonB .casePersonC .casePersonCON {
    display: block;
  }
  .casePersonB .casePersonC .casePersonCON .casePersonImg {
    width: 100%;
    margin-bottom: 4rem;
  }
  .casePersonB .casePersonC .casePersonCON .memberReferral {
    width: 100%;
  }
  .contact_introduce .contactBox {
    width: 100%;
    margin: 0 auto;
  }
  .contact_introduce .contactBox .contactItem {
    width: 46%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 500px) {
  .caseList1 .nav_box {
    width: 100%;
  }
  .caseList1 ul {
    justify-content: space-between;
  }
  .caseList1 .nav_Item {
    width: 49%;
    margin-right: 0;
  }
}