html {margin-top: 0 !important;} 
.menu {font-size:25px;padding:0.8em 0;height:5.32em;background:#ffffff;box-shadow:0px 0px 12px rgb(0 0 0 / 15%);}
.menu .nav-toggle,.menu .sub-level-open {display:none;}
.menu .logo-a {font-size:1em;}
.menu .logo-a .logo {width:4.36em;height:3.72em;object-fit:contain;float:left;}
.menu .logo-a span {float:left;font-size:1em;line-height:1.25;color:var(--text);padding-left:1em;margin-left:1em;margin-top:1.75em;border-left:1px solid;}
.menu .email-a {display:block;background:var(--theme);color:#fff;text-align:center;font-size:0.92em;padding:0.4em 1.4em;}
.menu .email-a * {color:#fff;}
.menu-contact-list {}
.menu-contact-list .item {font-size:0.72em;padding:0.35em 0 0.35em 1.5em;line-height:1;background-repeat:no-repeat;background-size:1em auto;background-position:left center;}
.menu-contact-list .item.item1 {background-image:url(../images/menu-contact-ico1.png);}
.menu-contact-list .item.item2 {background-image:url(../images/menu-contact-ico2.png);}
.menu-contact-list .item.item3 {background-image:url(../images/menu-contact-ico3.png);}
.header-h {font-size:25px;height:auto;}
.header-h.head-fixed {height:5.32em;}
.menu.head-fixed {position:fixed;top:0;left:0;right:0;animation:smoothScroll 0.4s forwards;z-index:100;}
.banner {position:relative;font-size:16px;}

.banner .swiper-pagination{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    left: auto;
    right: 6.25em;
    bottom: 46%;
}
.banner .swiper-pagination .swiper-pagination-bullet{
       width: 6px;
       height: 6px;
       border-radius: 6px;
       background-color: #fff;
       opacity: 0.5;
       display: block;
     margin-bottom: 1em;
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child{
      margin-bottom: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 100%;
    background: transparent;
       position: relative;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::before{
    position: absolute;
    content: '';
       width: 6px;
       height: 6px;
       border-radius: 6px;
       background-color: #fff;
       top: 50%;
       left: 50%;
       transform: translate(-50% , -50%);
}

.banner .swiper {width:100%;}
/*.banner .swiper img {*/
/*    width:100%;*/
/*    object-fit:cover;*/
/*     -webkit-transition: all 6s ease-out;*/
/*    -o-transition: all 6s ease-out;*/
/*    -moz-transition: all 6s ease-out;*/
/*    transition: all 6s ease-out;*/
/*    -webkit-transform: scale(1.15);*/
/*    -moz-transform: scale(1.15);*/
/*    -ms-transform: scale(1.15);*/
/*    -o-transform: scale(1.15);*/
/*    transform: scale(1.15);*/
/*}*/
/*.banner .swiper .swiper-slide-active img {*/
/*    -webkit-transform: scale(1);*/
/*    -moz-transform: scale(1);*/
/*    -ms-transform: scale(1);*/
/*    -o-transform: scale(1);*/
/*    transform: scale(1);*/
/*}*/
.pc-img {display:block;}
.m-img {display:none;}
.banner .text {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.banner .txt {
    display: flex;
    justify-content: center;
    align-items: center;
       flex-flow: column;
}
.banner .txt .b_tit{
    margin-top: -1.3em;
    color: #fff;
    font-size: 2.84em;
    font-family: 'Raleway-Medium';
    text-align: center;
    max-width: 820px;
    line-height: 1.2;
}
.banner .txt .b_btm{
    position: absolute;
    bottom: 30.5%;
}
.com_morer>a{
    display: inline-block;
    color: #fff;
     font-size: 1.27em;
    background: rgb(0, 55, 24);
    text-transform: uppercase;
    text-align: center;
    padding: 0.6em 1.35em;
    font-family: 'HarmonyOS_Sans_SC_Bold';

}
.multi_color {
    transition: all 0.65s;
    position: relative;
    overflow: hidden;
}

.multi_color:hover {
box-shadow: 0 0.5em 1.4em 0.15em rgb(0 0 0 / 35%);
}

.multi_color:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}


.touch-form .submit .btn {
    width:100%;
    border-width:0;
    font-size:1.58em;
    font-family:'HarmonyOS_Sans_SC_Bold';
    color:#fff;
    padding:0.8em 0;
    text-align:center;
    cursor: pointer;
    background: rgb(0, 55, 24);
    font-weight: bold;
    text-transform: uppercase;
}

.multi_color:hover:before {
    animation: style1 .55s;
    z-index: 1;
}

.banner .txt .name {display:none;font-size:3em;font-weight:600;font-style:italic;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;color:var(--theme);line-height:1.2;padding-bottom:0.5em;}
.banner .txt .img-tit {width:100%;margin-bottom:1.5em;}
.banner .txt .img-tit img {max-width:100%;}
.banner .txt .p {font-size:1.5em;color:#fff;text-shadow:2px 2px #000;padding-bottom:1.8em;max-width:46em;}
.banner .txt .list {max-width:38.5em;width:100%;padding-bottom:4em;}
.banner .txt .list .item {width:48%;height:8.5em;padding-left:1em;padding-right:1em;background:rgb(0 0 0 / 60%);margin-bottom:1em;text-align:left;overflow:hidden;}
.banner .txt .list .item p {font-size:1.55em;color:#fff;width:100%;text-align:center;}
.banner .txt .list .item1 {border-top-left-radius:1.5em;}
.banner .txt .list .item2 {border-top-right-radius:1.5em;}
.banner .txt .list .item3 {border-bottom-left-radius:1.5em;}
.banner .txt .list .item4 {border-bottom-right-radius:1.5em;}
.banner .txt .list .item p span {color:ivory;display:block;}
.banner .txt .list .item p b {display:block;font-weight:600;color:var(--minor);font-size:1.75em;line-height:1.25;}
.banner .swiper-slide i {position:absolute;left:50%;bottom:3em;margin-left:-1.125em;background:url(../images/banner-icon.png) no-repeat center;background-size:2.25em;width:2.25em;height:3.25em;animation:bannerslide 2s linear infinite;}
@keyframes bannerslide {0% {transform:translateY(-50px);opacity:1;}
100% {transform:translateX(0px);opacity:0;}
}
.banner .swiper-button-prev,.banner .swiper-button-next {top:50%;margin-top:-2.25em;width:4.5em;height:4.5em;opacity:0;transition:all 1s;border-radius:50%;}
.banner .swiper-button-prev {left:8%;}
.banner .swiper-button-next {right:7%;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next {opacity:0.5;background-color:var(--theme);color:#fff;box-shadow:-5px 5px 8px rgb(0 0 0 / 35%);}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after {font-size:2em;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity:1;}
.ba1{
    background:url(../images/ba1.png) no-repeat left center;
    font-size: 1.8em;
    color: #fff;
    font-weight: bold;
    width: 8.5em;
    text-align: center;
}
.bam b{
    font-size: 5em;
}
.bam {
    margin-bottom: 5.625em;
}
.bam span{
    font-size: 3.125em;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.ba2 img{
    width: 6.125em;
}




.section .title .tit {
    text-transform:uppercase;
    font-size:2.7em;
    font-weight:600;
    text-align:center;
    line-height:1.2;
}
.section .title .tit1{
    text-transform: none;
}
.section .title .ico {
    margin:0.5em 0;
}
.section .title .ico img {
    margin:0 auto;
}
.section .title .p {
    text-align:center;
    width:59%;
    max-width:69em;
    margin:0 auto;
    font-size:1.125em;
    color:var(--p-color);
}
.a .btn {display:block;width:100%;font-size:1.5em;font-weight:600;line-height:2em;background:#ffab01;text-align:center;color:#fff;transition:all 0.5s;}
.a .btn:hover {transform:translate(0.25em,-0.25em);box-shadow:0px 0px 12px rgb(0 0 0 / 15%);}
.a .abtn{
    font-weight:500;
    border-radius: 2em;
}

.sy_pro_con .title{
    position: relative;
 
    color: #000;
}

.sy_pro_con .title .m_tit{
    font-size: 3.125em;
       font-family: 'Raleway';
           font-weight: 700;
       margin-bottom: 0.5em;
}
.sy_pro_con .title .f_tit{
    font-size: 1.125em;
   max-width: 55%;
   font-family: 'HarmonyOS_Sans_SC_Light';
   font-weight: 300;
}
.sy_pro_con .title .b_tit{
    max-width: 100%;
}
.sy_pro_con .title .cgy_more{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 1em;
}
.dl_btm>a{
    display: inline-block;
   color: #fff;
    font-size: 1.27em;
    font-family: 'HarmonyOS_Sans_SC_Bold';
    text-align: center;
    background: url(../images/dl2.png) no-repeat 10% 50%;
    border: 2px solid #fff;
    padding: 0.5em 1em 0.5em 2.7em;
}
.dl_btm>a:hover{
     background: url(../images/dl.png) no-repeat 10% 50% #ffffff;
     color: rgb(0, 55, 25);
}
.section-brand{
    background: url(../images/cb_bg.jpg) no-repeat  center;
    padding: 7.2em 0 6em 0;
}
.brand_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand_lists .bl_list{
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl_list .bl_img{
    background: rgb(253 253 253 / 60%);
    box-shadow: -1px 1px 20px 0px rgba(0,0,0,.05);
    width: 9.375em;
    height: 9.375em;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: hidden;  
    transform: rotate(45deg);
    margin-left: 5em;
    transition: all 0.8s;
    position: relative; 
}
.bl_img .brs_inner{
    transform: rotate(-45deg);
}
.bl_list .bl_img:first-child{
    margin-left: 0;
}

.bl_list_2, .bl_list_3, .bl_list_4{
    margin-top: -2.2em;
}
.bl_list .bl_img img{
    object-fit: none;
    transition: all 0.6s ease 0s; 
}

.bl_list .bl_img:hover img{
    transform: rotateY(360deg);

}


.index_section_pj{
      /* padding: 6.2em  0; */
        padding: 3em  0;
    background: url(../images/index_pj_bg.png) no-repeat top;
         background-size: cover;
         position: relative;
}
.index_section_pj .pj_inner{
 position: relative;
}
.pj_map_box{
    background: url(../images/pj_map.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
     /* width: 85.25em; */
     width: 80.23%;
   height: 45.75em;
   margin-top: 5.625em;
   overflow: hidden;
}
.pj_com .pj_map_box ul li{
    position: absolute;
    color: #000;
    text-align: center;
    font-size: 1.195em;
    transition: all 0.5s;
    font-family: 'Raleway-Bold';
    transition: all 0.5s;
}
.pj_map_box ul li::before{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background:rgb(249, 18, 26) ;
    border-radius: 14px;
    top: -1.6em;
    left: 50%;
    transform: translate(-50% , 0);
    opacity: 1;
    overflow: hidden;
    animation: animated-border 1.5s infinite;
}
.pj_map_box ul li.on::before{
     width:24px;
    height: 8px;
    border-radius: 50%;
    top: -1.2em;
}
.pj_map_box ul li.on::after{
    content: '';
    position: absolute;
     background: url(../images/pj_icon.png) no-repeat center;
    background-size: initial;
    width: 2em;
    height: 2.8125em;
    top: -3.8em;
    left: 0;
    transition: all 0.5s;
    animation:moveUpDown 2s linear infinite;
 }
.pj_com .pj_map_con {
    position: absolute !important;
    top: 0;
    right: 0;
     height: 100%;
    width: 16.7%;
    /* border: 1px solid #cc0763; */
}
.pj_com .pj_map_con .pj_map_con_item{
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
} 





.pj_map_box .swiper-pagination span::before{
    content: '';
    position: absolute;
    width: 0.875em;
    height: 0.875em;
    background:rgb(249, 18, 26) ;
    border-radius: 0.875em;
    top: -1.4em;
    left: 4em;
    opacity: 1;
    overflow: hidden;
    animation: animated-border 1.5s infinite;
}
.pj_map_box .swiper-pagination span.swiper-pagination-bullet-active::before{
     width:22px;
    height: 8px;
    border-radius: 50%;
}

 .pj_map_box .swiper-pagination span.swiper-pagination-bullet-active::after{
    content: '';
    position: absolute;
     background: url(../images/pj_icon.png) no-repeat center;
    background-size: initial;
    width: 2em;
    height: 2.8125em;
    left: 40%;
    transform: translate(-50%, 0);
    top: -4.1em;
    transition: all 0.5s;
    animation:moveUpDown 2s linear infinite;
 }

/* .pj_map_box ul li:nth-child(1){
    top: 11em;
    right: 21.8%;
}
.pj_map_box ul li:nth-child(2){
    right: 12.3%;
    bottom: 7em;
}
.pj_map_box ul li:nth-child(3){
    top: 15.5em;
    right: 30%;
}
.pj_map_box ul li:nth-child(4){
    top: 10.5em;
    right: 40%;
}
.pj_map_box ul li:nth-child(5){
    right: 46%;
    bottom: 16em;
}
.pj_map_box ul li:nth-child(6){
      left: 26.3%;
    bottom: 10.5em;
}
.pj_map_box ul li:nth-child(7){
    top: 13em;
    left: 13.2%;
} */

.pj_map_box .swiper-pagination-bullet:nth-child(1){
    position: absolute;
     top: 12em;
    left: 70%;
    font-family: 'Raleway';
    font-weight: 600;
} 
.pj_map_box .swiper-pagination-bullet:nth-child(2){
    position: absolute;
    left: 78%;
    bottom: -31.9em;
    font-family: 'Raleway';
    font-weight: 600;
} 
.pj_map_box .swiper-pagination-bullet:nth-child(3){
    position: absolute;
     left: 59.5%;
    top: 15.8em;
    font-family: 'Raleway';
    font-weight: 600;
} 
 .pj_map_box .swiper-pagination-bullet:nth-child(4){
    position: absolute;
    top: 10.8em;
    left: 51.8%;
    font-family: 'Raleway';
    font-weight: 600;
}
.pj_map_box .swiper-pagination-bullet:nth-child(5){
    position: absolute;
    top: 21.8em;
    left: 46%;
    font-family: 'Raleway';
    font-weight: 600;
}
.pj_map_box .swiper-pagination-bullet:nth-child(6){
    position: absolute;
    left: 24.9%;
    top: 27.3em;
    font-family: 'Raleway';
    font-weight: 600;
}
.pj_map_box .swiper-pagination-bullet:nth-child(7){
    position: absolute;
    top: 13.5em;
    left: 11.7%;
    font-family: 'Raleway';
    font-weight: 600;
}
@keyframes animated-border {
				0% {
					box-shadow: 0 0 0 0 rgb(57 49 49 / 68%);
				}

				100% {
					box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
				}
			}
@keyframes moveUpDown {
    0% {
        transform:translateY(-14px);
        opacity:0.5;
    }
100% {
    transform:translateX(0px);
    opacity:1;
}
}
.pj_map_con_item ul{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.pj_map_con_item ul li{
    margin-bottom: 1em;
}
.pj_map_con_item ul li:last-child{
    margin-bottom: 0;
}
.index_section_pj .pj_com{
    position: relative;
    overflow: hidden;
    padding: 2.6em 0;
}

.s_box{
      height: 100%;
      width: 16.7%;
     transition-duration: 0ms;
     position: absolute;
     top: 0;
     right: 0px;
    /* top: 3em; */
    box-sizing: border-box;
    overflow: hidden;
}

.swiper_outer{
    margin-top: 3em;
    height: 100%;
    box-sizing: border-box;
}

.pj_map_box  .swiper-pagination-h{
    position: relative;
}
.pj_map_box .swiper-pagination span{
      display: block;
        width: 9em;
    height: 1em;
    background: none;
    color: #000;
    text-align: center;
    font-size: 1.1875em;
    line-height: 1.5;
    opacity: 1;
    transition: all 0.5s;
        font-family: 'Raleway-Bold';
}

.swiper-container-v .swiper-button-next.swiper-button-disabled, .swiper-container-v .swiper-button-prev.swiper-button-disabled, .swiper-container-h .swiper-button-next.swiper-button-disabled, .swiper-container-h .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}

.swiper-container-v .swiper-button-prev, .swiper-container-h .swiper-button-prev, .pj_com .sPrev, .s_pn_box .sPrev{
    background: url(../images/pj1.png) no-repeat center ;
    margin-top: -15%;
    left: -15%;
}
.pj_com .sPrev, .pj_com .sNext, .s_pn_box .sPrev, .s_pn_box .sNext{
    width: 44px;
    height: 27px;
}
.pj_com .sPrev, .s_pn_box .sPrev{
 position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50% , 0);
        cursor: pointer;
}
.pj_com .sNext, .s_pn_box .sNext{
   position: absolute;
    bottom: 3.2em;
    left: 50%;
    transform: translate(-50% , 0);
        cursor: pointer;
}
.swiper-container-v .swiper-button-prev:after, .swiper-container-v .swiper-button-next:after, .swiper-container-h .swiper-button-prev:after, .swiper-container-h .swiper-button-next:after{
    content: none;
}
.swiper-container-v .swiper-button-next, .swiper-container-h .swiper-button-next, .pj_com .sNext, .s_pn_box .sNext{
    background: url(../images/pj2.png) no-repeat center ;
    
    /* left: 50%;
    transform: translate(-50%, 0); */
        margin-top: -15%;
    /* transform: rotate(270deg); */
}


.m_picScroll_top_1{
    display: none;
}


.cgy_more .dl_btm{
    margin-left: 1.25em;
}
.section-cgy{
    padding: 6.25em 0 8.75em 0;
    position: relative;
}
.section-cgy::before{
    content: '';
    position: absolute;
    top: -6.15em;
    left: 0;
    right: 0;
    bottom: -6em;
     background: url(../images/pro_cate.png) no-repeat right;
    background-size: 100% 100%;
}
.section-cgy .sy_pro_con .title .m_tit, .section-cgy .sy_pro_con .title .f_tit{
    color: #fff;
}
.pro_slides{
    width: 100%;
    display: flex;
    margin-top: 2.5em;
}
.pro_slides .slide_list{
     height: 65.5vh;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  flex: 1;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  /* transition: all 500ms ease-in-out; */
  transition: all .8s;
  margin-right: 1.25em;
  box-sizing: border-box;
}
.pro_slides .slide_list:last-child{
    margin-right: 0;
}
.pro_slides .slide_list.active {
  flex: 4.5;
}
   .pro_slides .slide_list.active .s_mask{
   /*display: none;*/
   opacity: 0;
}
 .slide_list .sl_more{
    opacity: 0;
  }
   .pro_slides .slide_list.active .sl_more{
    opacity: 1;
    animation: Ps_fadeIn 1.6s forwards;
  }
 .slide_list .sl_more>a{
    background: none;
    box-sizing: border-box;
    border: 1px solid #fff;
}
 .slide_list .sl_more>a:hover{
    color: #fff;
   background: rgb(0, 55, 24);
   border: none;
 }
 .slide_list .sl_tit{
    position: absolute;
    bottom: 1em;
    font-size: 2em;
    width: 100%;
    padding: 0 5px;
    z-index: 11;
}
  .slide_list .sl_tit>div{
 color: #fff;
    font-family: 'Raleway';
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
}
.pro_slides .slide_list.active .sl_tit>div{
    text-align: left;
     animation: Ps_fadeIn 1.6s forwards;
}
/* .pro_slides .slide_list .s_mask{*/
/*    display: block;*/
/*}*/

 .pro_slides .slide_list.active .sl_tit{
    left: 2.5em;
    bottom: 0.8em;
 }
  .pro_slides .slide_list.active .sl_more{
      position: absolute;
   right: 4.5em;
    bottom: 2em;
    z-index: 12;
 }
  @keyframes Ps_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pro_slides .slide_list .s_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
      background: linear-gradient(to bottom, #251e1eb8, #c4c4c440);
    z-index: 10;
    transition: all 0.6s ease-in-out;
     opacity: 1;
}

.sy_pro_con .tit_pj .m_tit, .sy_pro_con .tit_pj .f_tit{
    color: #fff;
}

.section-pj{
    padding: 6.25em 0 4.5em 0;
    position: relative;
}
.section-pj::before{
    background: url(../images/pj_bg.png) no-repeat; 
    content: "";
    position: absolute;
    top: -6.25em;
    left: 0;
    right: 0;
        bottom: -20.5em;
        background-size: 100% 100%;
}

.section-pj .pj_more{
    position: absolute;
       bottom: -1.375em;
    left: 50%;
    transform: translate(-50% , 0);
        z-index: 5;
}

  .swiper-container-v{
     height: 100%;
     overflow: hidden;
}
.swiper-container-v .swiper-slide{
    height: auto !important;
    /* pointer-events: auto !important; */
}
.swiper-fade .swiper-slide .swiper-slide{
    /* pointer-events: auto; */
}
.item {
    position: relative;
}

.item .img, .item .img img {
    width: 100%;
}
.item .img{
    height: 10.75em;
}
.item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item .txt {
    padding-top: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg,rgb(0 0 0 / 30%),rgb(0 0 0 / 14%),rgb(0 0 0 / 0%)) no-repeat bottom;
    background-size: 100% 0%;
    transition: all 0.65s;
    overflow: hidden;
}

 .item .p_con {
    position: relative;
    z-index: 5;
    width: 100%;
}

.item .txt .a-nar {
    opacity: 0;
       display: flex;
    justify-content: center;
    font-family: "Times",sans-serif;
    color: #fff;
    width: 100%;
    text-align: center;
    transition: all 0.65s;
}

.item .txt:before {
    content: " ";
    display: block;
    position: absolute;
    left: 1.25em;
    top: 1.25em;
    width: calc( 100% - 2.5em );
    height: calc( 100% - 2.5em );
    border: solid 1px #ffffff;
    transition: all 0.8s ease-out;
    transform: scale(0.66) rotate(-20deg);
    opacity: 0;
    z-index: 2;
}

 .item:hover .txt {
    background-size: 100% 200%;
    padding-top: 0;
}

.item:hover .txt .a-nar {
    opacity: 1;
}
 .item .txt .a-nar>img{
    width: 3em;
    height: 3em;
    transition: all 0.5s;
}
.item .txt .a-nar>img:hover {
     transform: translate(1em,0);
}

.item:hover .txt:before {
    transition: all 0.3s ease-out;
    transform: scale(1) rotate(0);
    opacity: 0.5;
}
.swiper-container-v .swiper-slide .p_txt, .swiper-container-v .p_txt, .pj-swiper .p_txt{
    font-size: 1.125em;
    color: #fff;
    text-align: center;
    font-family: 'Raleway-Light';
    margin-top: 20px;
        font-weight: 300;
}
.pj-swiper ul li{
    margin-bottom: 20px;

}
.pj-swiper ul li:last-child{
    margin-bottom: 0;
    
}
.news-swiper .swiper-button-prev{

   top: 10.7em;
    left: auto;
    right: calc(4% + 7em);
    background: url(../images/n1.png) no-repeat center;
    background-size: 1.5625em 1.0625em;
    border: 1px solid #fff;
    padding: 0 3.16em;
}
.news-swiper .swiper-button-next{
     right: 4%;
    top: 10.7em;
     background: url(../images/n2.png) no-repeat center;
    background-size: 1.5625em 1.0625em;
    padding: 0 3.16em;
     border: 1px solid #fff;
}
.news-swiper .swiper-button-prev:hover{
     background: url(../images/n1.png) no-repeat center rgb(0, 55, 24);
     border: 1px solid rgb(0, 55, 24);
  box-shadow: 0 0.5em 1.4em 0.15em rgb(0 0 0 / 35%);
      transition: all 0.35s;
}
.news-swiper .swiper-button-next:hover{
     background: url(../images/n2.png) no-repeat center rgb(0, 55, 24);
     border: 1px solid rgb(0, 55, 24);
   box-shadow: 0 0.5em 1.4em 0.15em rgb(0 0 0 / 35%);
       transition: all 0.35s;
}
.news-swiper .swiper-button-prev:before, .news-swiper .swiper-button-next:before{
      content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.news-swiper .swiper-button-prev:hover:before, .news-swiper .swiper-button-next:hover:before{
    animation: style1 .75s;
    z-index: 1;
}
.news-swiper .swiper-button-prev:after, .news-swiper .swiper-button-next:after {
    content: '';
}
@keyframes style1 {
0% {background:rgba(0,0,0,.85);transform:translateX(-50%) translateY(-50%) scale(0)}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@media screen and (min-width:1848px) {
    
}

.section-cus{
    padding: 5.8125em 0 18.5625em 0;
    position: relative;
}
.section-cus::before{
   position: absolute;
    content: '';
    /* background: rgb(234, 228, 228); */
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}
.section-pfe .dzlx{
    background: url(../images/sylx.jpg) no-repeat top center;
   padding: 3.45em 0;
       padding-left: 6.4em;
       position: relative;
       margin-top: -16em;
}
.section-pfe .dzlx::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
      top: 0;
    left: 0;
}
.dzlx .dl_tit{
    font-family: 'Raleway';
    font-size: 2.5em;
     color: #fff;
     font-weight: 600;
    
}
.dzlx .dl_des{
     font-family: 'HarmonyOS_Sans_SC_Light';
    font-size: 1.125em;
    font-weight: 300;
     color: #fff;
     margin: 25px 0 30px 0;
}

.dz_con{
    text-align: center;
   
}
.dz_con .title .f_tit{
    max-width: 100%;
}
.cus_box{
    position: relative;
}
.cus_box .dz_sec{
    display: flex;
    justify-content: space-between;
    margin-top: 3.5625em;
}
.dz_sec .dsl{
    display: flex;
    justify-content: space-between;
    position: relative;
        width: 60.5%;
    margin-right: 40px;
}
.dz_sec .dsl::after{
    content: '';
   background: url(../images/c4.png) no-repeat center;
   position: absolute;
   width: 25em;
   height: 21.43em;
   left: 4.1em;
   bottom: 0;
 
}
.dsl .c4_bg{
  position: absolute;
   width: 25em;
   height: 21.43em;
   left: 4.1em;
   bottom: 0;
}
.dsl .zst{
    overflow: hidden;
    position: relative;
    width: 19.94em;
    height: 29.94em;
    margin-right: 2.25em;
}
.dsl .zst:last-child{
    margin-right: 0;
}
.dsl .zst:nth-child(2){
    margin-top: 6.5em;
}
.dsl .zst img{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    
}
.dsl .zst:hover img {
   
}
.dsr ul li{
    margin-bottom: 3.75em;
    position: relative;
    padding-left: 2.6875em;
    transition: all 0.5s;
}
.dsr ul li:hover{
    transform:translate(-1.2em,0);
}
.dsr ul li::before{
    content: '';
    position: absolute;
    width: 1.4375em;
    height: 1.4375em;
    background: url(../images/c6.png) no-repeat;
    background-size: cover;
    left: 0;
      top: -2px;
      overflow: hidden;
    transition: all 0.8s;
}

.dsr ul li:hover::before{
   transform:rotateY(360deg);
}
@keyframes CusRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.dsr ul li:last-child{
    margin-bottom: 0;
}
.dsr ul li .c_tit{
    font-size: 1.5em;
    font-family: 'Raleway';
       font-weight: 600;
}
.dsr ul li p{
    font-size: 1.15em;
    font-family: 'HarmonyOS_Sans_SC_Light';
    margin-top: 15px;
    font-weight: 300;
}

.c_more{
        position: absolute;
    left: 50%;
    transform: translate(-50%, 23px);
    z-index: 5;
}
.section-cus .c_wz_bg{
 position: absolute;
    left: 0.15em;
    bottom: 0.2em;
    letter-spacing: 1.8rem;
    font-family: 'Butler-Regular-13';
    font-size: 23.75em;
        color: rgb(222 222 222 / 31%);
    z-index: -1;
}
.section-pfe{
    position: relative;
    padding: 6.875em 0 0 0 ;
}
.section-pfe::before{
    background: url(../images/syjj.png) no-repeat;
    content: "";
    position: absolute;
       top: -6.25em;
    left: 0;
    right: 0;
    bottom: -6em;
    background-size: 100% 100%;
}
.section-pfe .pfe_top{
    display: flex;
    padding-top: 6.375em;
}
.pfe_top .ptr{
    width: 46.875em;
    padding: 20px;
        margin-left: 30px;
            background-color: rgb(255 255 255 / 20%);
    z-index: 1;
}
.pfe_top .ptl{
    flex: 1;
    padding-top: 3.125em;
}
.pt_con .title .m_tit{
    margin-bottom: 30px;
    color: #fff;
}
.pt_con .title .f_tit{
    line-height: 1.65;
    max-width: 100%;
    color: #dcdcdc;
}
.ptl .pt_more{
    margin-top: 6.875em;
}
.photo-album {
    position: relative;
}
.photo-album .photo-album-play {
    position: absolute;
    width: 5em;
    height: 5em;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    transition:all 0.5s;
}
.photo-album-play .al_img{
    width: 100%;
    height: 100%;
    position: relative;
}
.photo-album-play .al_img img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;cursor:pointer;}
.pfe_top .ptr:hover .photo-album-play .al_img img{
    transform:scale(1.2);
    transform-origin: left right; 
}

.photo-album .photo-album-cover {
    width: 100%;
}

#video-window {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

#video-window .video-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    ;background: #272831;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#video-window .video-content {
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -640px;
    margin-top: -360px;
    z-index: 9998;
}
#video-window .video-content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#video-window .video-close {
    position: absolute;
    top: 33px;
    right: 57px;
    z-index: 9999;
    cursor: pointer;
}

.page-about-intro{
    position: relative;
    border-top: 1px solid rgb(255 255 255 / 30%);
    margin-top: 6.5em;
}
.page-about-intro .list .item{
    border-right: 1px solid rgb(255 255 255 / 40%);
}
.page-about-intro .list .item:last-child{
    border-right: none;
}

.page-about-intro .list .item .digit-num span{
    color: #fff;
   font-size: 25px;
    font-family: 'Raleway-Medium';
}
.page-about-intro .list .item .digit-num span b{
    color: #fff;
    font-size: 2.25em;
    font-family: 'HarmonyOS_Sans_SC_Bold';
}

.page-about-intro .list .item .digit-num p{
    color: #fff;
    font-size: 1.5625em;
    font-family: 'Raleway-Medium';
    margin-top: 10px;
}
.page-about-intro .list .item {
    padding: 3.75em 0;
}

.section-news{
    position: relative;
    padding: 6.25em 0 11.875em 0;
}
.section-news::before {
    position: absolute;
    content: '';
    background: rgb(245, 245, 245);
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}
.section-news .n_more {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
        bottom: 5em;
}
.news-swiper{
    margin-top: 3.125em;
        position: relative;
}
.sy_pro_con .tit_n .m_tit, .sy_pro_con .tit_n .f_tit {
    color: #000;
}
.news_slide_list {
    background-color: #fff;
    padding: 2.375em 2em 3.3em;
}
.news_slide_list  .imgbox{
        position: relative;
    width: 100%;
    overflow: hidden;
  
}
 .news_slide_list  .imgbox img{
 width:100%;transition:all 0.5s;transform:scale(1);
}
.news_slide_list  .imgbox:hover img{
	transform:scale(1.15);
} 
 .news_slide_list  .txtbox{
    padding-top: 2em;
 }
.txtbox .t1{
    text-align: center;
     font-family: 'HarmonyOS_Sans_SC_Light';
    font-size: 1em;
    margin-bottom: 12px;
    color: #585656;
    line-height: 1.25em;
        display: flex;
    justify-content: center;
    align-items: center;
}
.txtbox .t1 img{
    filter: brightness(0.5);
    width: 1.25em;
    margin-right: 6px;
}
.txtbox .t2{
    text-align: center;
    font-size: 1.475em;
    font-family: 'Raleway';
    font-weight: 600;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
  line-height: 1.25;
    min-height: 2.6em;
}
.txtbox .t2:hover{
   color:rgb(0, 55, 24);
}
.news-swiper .swiper-button-next{
   right: 0;
    top: -5.2em;
     border: 1px solid rgb(0, 55, 24);
    box-sizing: border-box;
}
.news-swiper .swiper-button-prev {
    top: -5.2em;
    left: auto;
    right: 7em;
    border: 1px solid rgb(0, 55, 24);
    box-sizing: border-box;
}
.news-swiper .swiper-button-prev{
    background: url(../images/n3.png) no-repeat center;
    overflow: hidden;
}
.news-swiper .swiper-button-next{
    background: url(../images/n4.png) no-repeat center;
    overflow: hidden;
}
.section-touch{
    background: url(../images/tbg.png) no-repeat;
    /* background-position: center;
   background-size: 120em;
       background-size: cover; */
    padding: 2.8em 0;
    position: relative;
   animation: moveBackgroundLeft 20s linear infinite;
   width: 100%;
   background-size: 120% 100%;
}
@keyframes moveBackgroundLeft {
  from {
    background-position: left center; 
  }
  to {
    background-position: right center; 
  }
}
 


.section-touch .tfr{
    float: right;
} 
.section-touch .t_form_con {
    width: 100%;
    max-width: 47.25em;
    padding: 3.375em 4.375em 2.93em;
    background: rgb(255 255 255 / 85%);
}
.t_top{
    text-align: center;
    color: #000;
}

.t_top .tbt{
   font-family: 'Raleway';
   font-weight: 600;
   font-size: 3em;
   margin-bottom: 0.3em;
}
.t_top .tft{
   font-family: 'HarmonyOS_Sans_SC_Light';
   font-weight: 300;
   font-size: 1.125em;
   line-height: 1.3;
       padding: 0 1em;
}

.touch-form .form-input {
     width: 100%;
    padding-top: 1.7em;
}
.touch-form .form-input input {
    background: transparent;
    border-width: 0;
    border-bottom: 1px solid #000;
    font-size: 1.2675em;
    line-height: 2.5;
    padding: 0 1em;
    width: 100%;
    font-family: 'HarmonyOS_Sans_SC_Light';
    font-weight: 300;
    /* color: rgb(0 0 0 / 20%); */
}
.touch-form .form-input2 {
    width: 47.5%;
}
.touch-form .form-pos{
    position: relative;
}
.touch-form .form-pos img{
   width: 8.375em;
   height: 3.25em;
   position: absolute;
   right: 0;
   bottom: 0;
}
.touch-form .form-pos input{
    max-width: 7.5em;
}
.touch-form .form-pos img.mag_top{
        bottom: 2.05em;
}
.touch-form .form-content{
    width: 100%;
     padding-top: 2.2em;
}
.touch-form .form-content textarea {
    background: transparent;
    border-width: 0;
    border-bottom: 1px solid #000;
   font-size: 1.2675em;
    line-height: 1.5;
    padding: 0 0.5em;
    width: 100%;
    resize: none;
}
.touch-form .form-content .form-textarea::-webkit-input-placeholder{
    transform: translateY(4em);

}
.touch-form .submit {
    margin-top:3.8em;
    width:100%;
}

.touch-form .p {
    margin-top: 2em;
    font-size: 1,125em;
      font-family: 'Raleway-Medium';
}

.f_footer{
    background: url(../images/fbg.png) center no-repeat #060606;
    background-size: cover;
    padding-top: 5.5em;
    color: #fff;
}
.flogo img{
    width: 11.375em;
    height: 10.5em;
}
.flxfs{
        max-width: 30em;
        
}
.flxfs .info{
    margin-bottom: 1.5em;
}
.flxfs .info:last-child{
    margin-bottom: 0;
}
.flxfs .info img {
    width: 1.375em;
    height: 1.375em;
    object-fit: contain;
    margin-right: 0.75em;
        margin-top: 0.2em
}
.flxfs .info p {
    font-size: 1.15em;
       font-family: 'Raleway-Medium';
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
}
.flxfs .info p span{
    color: #fff;
     line-height: 1.4;
}
.ifoot_link {
    min-width: 10em;
    width: auto;
}
.m_name {
    display: none;
}

.ifoot_link .toggle_con .item .tit {
    display: block;
    font-size: 2.125em;
    font-family: 'Raleway';
    font-weight: 600;
    margin-bottom: 0.8em;
     color: #fff;
}
.ifoot_link .toggle_con .item .a {
    display: block;
    margin-bottom: 1.5em;
      font-family: 'Raleway-Medium';
          font-weight: 300;
       color: #fff;
       font-size: 1.125em;
           transition: all 0.5s;
}

.ifoot_link .toggle_con .item .a:hover{
    transform:translate(0.8em,0);
}
.ifoot_link .toggle_con .item .a:last-child{
     margin-bottom: 0;
}
.f_app{
   padding: 3.125em 0 2.8125em 0;
    border-bottom: 1px solid rgb(99, 99, 99);
}
.f_copyright  p{
    text-align: center;
    padding: 1.1em 0;
      font-family: 'Raleway';
          font-weight: 300;
      color: #fff;
      font-size: 1.125em;
}
 .ifoot_link .m_name span {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 3.5em;
        text-align: center;
        width: 3.5em;
        height: 3.5em;
        transition: all 0.5s;
    }

    .ifoot_link .m_toggle.active .m_name span {
        transform: rotate(45deg);
    }

/* #video1{
   width: 70%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
#video1 video{
    width: 100% !important;
    height: 100% !important;
} */


.section-product .list .item {display:block;width:24.16%;margin-right:1.12%;margin-bottom:1em;}
.section-product .list .item:nth-child(4n) {margin-right:0;}
.section-product .list .item .img {overflow:hidden;}
.section-product .list .item .img img {width:100%;aspect-ratio:157/92;object-fit:cover;transition:all 0.5s;}
.section-product .list .item .img:hover img {transform:scale(1.1);}
.section-product .list .item .txt {text-align:center;font-size:1.25em;line-height:1.5;height:3em;margin-top:0.5em;transition:all 0.5s;}
.section-product .list .item .txt:hover {color:var(--theme);}

.section-product, .related_pro{overflow:hidden;}
.section-product .product-swiper {position:relative;}
.section-product .swiper {padding-bottom:4em;}
.section-product .swiper-slide {width:26.25em;}
.section-product .swiper-slide .item {overflow:hidden;border-radius:1.5em;width:100%;}
.section-product .swiper-slide .img {width:100%;}
.section-product .swiper-slide .img img {width:100%;transition:all 0.5s;}
.section-product .swiper-slide .img:hover img {transform:scale(1.05);}
.section-product .swiper-slide .txt {
    background:var(--background-3);
    text-align:center;
    display:block;
	position:relative;
	background-color:#eee;
	border-radius:30px;
	min-height:400px;
	padding-top:190px;
	box-sizing:border-box;
	padding:190px 20px 0;
	text-align:center;
	-weebkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.section-product .swiper-slide .txt h3{
    font-size: 1.375em;
    text-transform: uppercase;
    
}
.section-product .swiper-slide .txt .tit {display:block;font-size:1.5em;font-weight:600;margin-bottom:0.5em;}
.section-product .swiper-slide .txt>div {font-size:1.25em;color:var(--p-color);
    margin-top: 1.6em;
}
.section-product .swiper-slide .txt .more {font-size:1.15em;margin-bottom:0.5em;}
.section-product .swiper-pagination span, .section-delivery .swiper-pagination span {width:0.75em;height:0.75em;}
.section-product .swiper-pagination span.swiper-pagination-bullet-active, .section-delivery .swiper-pagination span.swiper-pagination-bullet-active {
    background:#22aafa;
    border-radius: 6px;
    width: 2em;
}

.section-product .swiper-button-prev,.section-product .swiper-button-next {font-size:2em;width:1em;height:1em;}
.section-product .swiper-button-prev{left:-2em;}
.section-product .swiper-button-next{right:-2em;}
.section-product .swiper-button-prev:after, .related_pro .swiper-button-prev:after {content:"";font-size:1em;width:100%;height:100%;background:url(../images/solutions-prev.png) no-repeat center;background-size:1em;}
.section-product .swiper-button-next:after, .related_pro .swiper-button-next:after {content:"";font-size:1em;width:100%;height:100%;background:url(../images/solutions-next.png) no-repeat center;background-size:1em;}
.section-product .swiper-slide .img:hover img {transform:scale(1.05);}
.related_pro .swiper-button-prev, .related_pro .swiper-button-next{
    font-size: 1.5em;
}
.section-product .swiper-slide a {
    display: block;
    position: relative;
    padding-top: 150px;
}
.section-product .swiper-slide .img {
	width:300px;
	-webkit-border-radius:50%;
	border-radius:50%;
	height:300px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-150px;
	overflow:hidden;
	z-index:1;
}
.section-product .swiper-slide .img img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.section-product .swiper-slide:hover .txt {
	background:#ffaa01;
}
.section-product .swiper-slide:hover h3 {
	color:#fff;
}
.section-product .swiper-slide:hover p {
	color:#fff;
}

.section-professional {background:url(../images/professional-bg.png)  center no-repeat #0f101b;background-size:auto 100%;padding:5.6em 0;}
.section-professional .txt {
    text-align: center;
    width: 100%;
}
.section-professional .txt .name {font-size: 2.375em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    padding-bottom:0.75em;}
.section-professional .txt .p {font-size:1em;font-weight:300;color:#fff;line-height:1.55;width:100%;}
.section-professional .a {
    width:15em;
    margin: auto;
    margin-top: 3em;
}

.section-design .item {
    width: 33.33%;
    padding: 50px 20px 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-bottom: 2.5em;
}
.section-design .item-icon {
    position: absolute;
    top: -0.1em;
    left: 50%;
    margin-left: -53px;
    width: 7.5em;
    height: 7.5em;
    background: #008cd6;
    border-radius: 50%;
    box-shadow: 0px 7px 25px -1px rgb(30 35 129 / 14%);
}
.section-design .item-icon img {
    object-fit: cover;
    margin: 24% auto;
}
.section-design .item-box {
    background-color: #FCFCFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #e3444400;
    border-radius: 30px 30px 30px 30px;
    padding: 90px 15px 0px 15px;
    min-height: 245px;
    box-sizing: border-box;
    box-shadow: 0px 7px 25px -1px rgb(11 11 12 / 15%);
}
.section-design  .item-title-wrap h6 {
    color: #000;
    font-family: "montserrat",Sans-serif;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 20px;
}
.section-design  .item-description p {
    font-size: 1.125em;
    text-align: center;
    margin-top: 0;
    color: #666;
}
.section-design .item-box:hover {
	background-color:#008cd61f;
	border-style:solid;
	border-width:2px 2px 2px 2px;
	border-color:#008cd6;
}

.section-Profile{
    background: #f7f7f7;
}
.section-Profile .pfbox{
    position: relative;
}
.pfbox .pl{
background: #fff;
width: 72%;
position: relative;
}
.pl .pinner{
    padding: 9%;
    padding-right: 28%;
}
.pinner .tit{
    text-transform: uppercase;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.7em;
    position: relative;
}
.pinner .tit::before{
    content: "";
    width: 6px;
    height: 100%;
    background-color: #008cd6;
    top: 0;
    left: -15%;
    position: absolute;
}
.pinner .des p{
    font-size: 1em;
    line-height: 1.7;
    color: #666;
    margin-bottom: 1.5em;
    text-align: justify;
}
.pinner .des p:last-child{
    margin-bottom: 5em;
}
.pfbox .pinner .learna{
    display: flex;
    align-items: center;
    font-size: 1.4em;
}
.pfbox .pinner .learna img{
    display: inline-block;
    margin-left: 0.8em
}
.pfbox .pbg{
    position: absolute;
    bottom: 20px;
    left: 55%;
    width: 22.8em;
}
.pr{
    overflow: hidden;
    width: 53em;
    position: absolute;
    right: -23.5%;
    bottom: 8%;
}
.pr .swiper-button-next, .pr .swiper-button-prev{
    top: 1em;
    left: 0;
    background: #fff;
    width: 5.625em;
    height: 5.625em;
}
.pr .swiper-button-next{
    left: 5.625em;
}
.pr  .swiper-button-next:after, .pr  .swiper-button-prev:after{
    font-size: 22px;
    color: #000;
    font-weight: bold;
}
.pr .swiper-slide img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.foot-contact .flex img {
    width: 1.56em;
    height: 1.56em;
    display: block;
    margin-right: 1.1em;
    margin-top: 0.2em;
}

.foot-form .formtit{
    font-size: 1.875em;
    color: #008cd6;
    font-weight: bold;
}
.copyr{
    border-top: 1px solid #4a4949;
    padding: 1em 0;
}
.copyr p{
    font-size: 1em;
    padding: 0 0.8em;
    text-align: center;
    color: #8c8c8c;
}
.fnav .fn-list{
    padding-top: 2em;
}
.fn-list h4{
    font-size:1.375em;
    color: #0c83c3;
}
.fn-list a{
    display: block;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
    position: relative;
    padding-left: 22px;
}
.fn-list a::before{
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    left: 0;
    position: absolute;
    top: 10px;
}

.section-delivery{
    padding-bottom: 3em;
}

.section-delivery .swiper-pagination, .product-swiper .swiper-pagination{
    bottom: 0;
}
.dbox .del-num{
    color: #fff;
    font-weight: bold;
    font-size: 2.375em;
    width: 113px;
    height: 113px;
    border-radius: 50%;
     background: url(../images/dnbg.png) no-repeat center;  
     margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.dbox p{
    text-align: center;
    font-size: 1.375em;
    margin-top: 24px;
    padding: 0 1.8em;
}
.delivery-swiper .swiper{
    background: url(../images/debg.png) no-repeat center;  
    background-position-y: 20%;
    padding-bottom: 5em;
}
.cpzx-t{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.cpzx-t a{
    display: block;
    font-size: 1.2em;
    background: #f7f7f7;
    text-align: center;
    width: 15.625em;
    padding: 0.5em 0;
    margin: 0 0.5em;
    transition:all 0.2s;
}
.pro-cpzx{
    margin-top: 3.375em;
        width: 100%;
}
.cpzx-t a:hover, .cpzx-t a.active{
   background: #ffab01;
   color: #fff;
}

.gcsp{
    width: 52.5em;
    /* height: 28.75em; */
    margin: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.section-facts{
 padding: 0;   
 background: url(../images/factbg.png) no-repeat center;  
}
.section-facts .list .item .digit-num, .page-about-intro .list .item .digit-num{
   
    text-align: center;
    width: 100%;
}
.section-facts .list .item .digit-num span{
    font-size: 2.625em;
    color: var(--theme);
    font-weight: bold;
}
.section-facts .list .item .digit-num b{
    color: var(--theme);
}
.section-facts .list .item .digit-num p{
    font-size: 1.25em;
}
.section-facts .list .item, .page-about-intro .list .item{
    width: 25%;
    box-sizing: border-box;
}
.section-Show{
    padding-top: 6em;
}
.section-Show .title .tit{
    text-align: left;
}
.show-imgs>div{
    float: left;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    overflow: hidden;
}
.show-imgs>div:nth-child(3n){
    margin-right: 0;
}
.show-imgs>div img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transform: scale(1.1);
}
.show-imgs>div:hover img {
    transform: scale(1);
}

.section-choose .list .item .p a{
    display: block;
    font-size: 1.1em;
    color: #fff;
    background: #ffbf01;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    box-shadow:0px 0px 12px rgb(0 0 0 / 15%);
    transition:all 0.5s;
}

.section-choose .list .item .p a:hover {transform:translate(0.25em,-0.25em);}

.section-into .into-box{
    display: flex;
    align-items: center;
}
.section-into .into-box .tit, .section-into .into-box .p p{
    color: #fff;
}
.section-into .into-box .tit{
    width: 80%;
    text-align: left;
}

.into-imgs>div {
    float: left;
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.into-imgs>div:nth-child(4n){
    margin-right: 0;
}
.into-imgs>div img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transform: scale(1.1);
}
.into-imgs>div:hover img {
    transform: scale(1);
}

.section-honor {
    background:url(../images/htbg2.png) no-repeat;
    background-position:center;
    background-size:120em auto;
    min-height: 66.25em;
    z-index: -11;
    overflow: hidden;
}
.section-honor{
    position: relative;
    padding-top: 7em
}
.section-honor .htbg{
    position: absolute;
    width: 77.3em;
    z-index: -1;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0);
}
.side_form{
    padding: 1em 1em 2em;
}
.sf_box .form-input {
    width: 100%;
    margin-bottom: 0.6em;
}
.sf_box .form-input .form-control {
    width: 100%;
    line-height: 2.6em;
    font-size: 1em;
    padding: 0 1em;
    border: none;
    background: #f7f7f7;
}
.sf_box  .form-content .form-control, .sf_box  .form-content textarea {
    width: 100%;
    line-height: 1.25em;
    font-size: 1em;
    padding: 0.75em 1em;
    height: 10em;
    border: none;
    background: #f7f7f7;
}
.sf_box button, .sf_box .submit input{
    border: none;
    color: #fff;
    font-size: 1.25em;
    width: 80%;
    margin: auto;
    background: #ffab01;
    display: block;
    padding: 0.3em 0;
    border-radius: 2em;
    margin-top: 1em;
}

.cs_box .cs_item{
    color: #666;
    font-size: 1.0625em;
    word-break: break-all;
    line-height: 1.5;
    padding: 0.8em 0;
}
.cs_box{
    padding: 1.6em 0;
}

.box .pdes{
    font-size: 1.625em;
    color: #fff;
    font-weight: bold;
    background: url(../images/pd.png) no-repeat left;
    text-align: center;
    width: 13.3em;
    height: 3em;
    line-height: 2;
    position: absolute;
    left: -1em;
    top: 2%;
}
.pn_flex_l{
    position: relative;
    padding-left: 3.5em;
}
.pn_flex_r{
    position: relative;
    padding-right: 3.5em;
    text-align: right;
}

.pn_flex_l i{
    font-size: 1.5em;
    display: block;
    border: 1px solid #b8b2b2;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.6;
     position: absolute;
     left: 0;
     top: 0;
}
.pn_flex_l:hover i, .pn_flex_r:hover i{
    background: var(--theme);
    color: #fff;
}
.pn_flex_r i{
    font-size: 1.5em;
    display: block;
    border: 1px solid #b8b2b2;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.6;
     position: absolute;
     right: 0;
     top: 0;
}
.pn_flex_l .inner_ti{
    margin-left: 0;
    margin-right: 1em;
}
.pn_flex_l .pnel, .pn_flex_r .pnel{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    line-clamp:1;
    -webkit-box-orient:vertical;
}
.related_pro {
    position: relative;
}
.related_pro .list_products{
    padding: 0 5px;
}
.related_pro .list_products .item{
    width: 100%;
    margin-bottom: 0;
    float: none;

}
.mobile_nav {
    display: none;
}

.section-cases .list .item {display:block;width:32.3%;margin-right:1.55%;margin-bottom:1.875em;position:relative;padding:2px;background:#d3d3d3;}
.section-cases .list .item .i-t,.section-cases .list .item .i-r,.section-cases .list .item .i-b,.section-cases .list .item .i-l {position:absolute;background:var(--theme);width:0;height:0;transition:all 0.5s;}
.section-cases .list .item .i-t {top:0;left:0;height:2px;}
.section-cases .list .item .i-r {top:0;right:0;width:2px;}
.section-cases .list .item .i-b {right:0;bottom:0;height:2px;}
.section-cases .list .item .i-l {bottom:0;left:0;width:2px;}
.section-cases .list .item:hover .i-t {width:100%;}
.section-cases .list .item:hover .i-r {height:100%;}
.section-cases .list .item:hover .i-b {width:100%;}
.section-cases .list .item:hover .i-l {height:100%;}
.section-cases .list .item:nth-child(3n) {margin-right:0;}
.section-cases .list .item .img {overflow:hidden;background:#ffffff;}
.section-cases .list .item .img img {width:100%;aspect-ratio:70/43;object-fit:cover;transition:all 0.5s;transform:scale(1.1);}
.section-cases .list .item:hover .img img {transform:scale(1);}
.section-cases .list .item .txt {text-align:center;padding:1.5em 0.5em 2.5em;background:#ffffff;}
.section-cases .list .item .txt .tit {font-size:1.375em;line-height:1.35;height:2.7em;margin-bottom:1em;}
.section-cases .list .item .txt .score {margin-top:1em;height:3.25em;background-size:auto 1em;background-position:top center;background-repeat:no-repeat;background-image:url(../images/score-5.png);}
.section-cases .list .item .txt .score-1 {background-image:url(../images/score-1.png);}
.section-cases .list .item .txt .score-2 {background-image:url(../images/score-2.png);}
.section-cases .list .item .txt .score-3 {background-image:url(../images/score-3.png);}
.section-cases .list .item .txt .score-4 {background-image:url(../images/score-4.png);}
.section-cases .list .item .txt .score-5 {background-image:url(../images/score-5.png);}
.section-cases .list .item .txt .score i {color:#e09910;font-size:1.25em;}
.section-cases .list .item .txt .a {width:80%;margin:0 auto;}
.section-choose {padding: 4.5em 0;}
.section-choose .list {}
.section-choose .list .item {}
.section-choose .list .item .img {width:50%;}
.section-choose .list .item .img img {width:100%;}
.section-choose .list .item .txt {width:50%;padding-left:3.2em;}
.section-choose .list .item .p {width:100%;position:relative;}
.section-choose .list .item .txt2 {
    padding-left: 0;
    padding-right: 3.2em;
}
.section-choose .list .item .p:nth-child( 2n ) {margin-bottom:0;}
.section-choose .list .item .p i {position:absolute;left:-2.2em;top:-0.35em;font-size:1.5em;font-weight:600;font-style:normal;color:#fff;text-align:center;line-height:1.7em;width:1.7em;border-radius:50%;background:var(--theme);}
.section-choose .list .item .p .tit {font-size:2em;font-weight:600;line-height:1.2;}
.section-choose .list .item .p .info {
    font-size: 1.125em;
    line-height: 1.5;
    color: var(--p-color);
    margin: 1.5em 0 2.8em 0;
}
.section-about {}
.section-about .info {padding-bottom:2.75em;}
.section-about .info .left {width:49%;}
.section-about .info .left .img {}
.section-about .info .left .img img {}
.section-about .info .right {width:51%;padding-left:3%;position:relative;}
.section-about .info .right .label {position:absolute;text-transform:uppercase;font-size:2.75em;font-weight:600;font-style:italic;color:#ffffff;background:var(--minor);line-height:1;padding:0.75em 1em 0.75em;left:-1em;top:0.75em;}
.section-about .info .right .label:after {content:" ";position:absolute;right:0;top:0;width:0;height:0;border-top:1em solid white;border-left:1.15em solid transparent;border-right:0 solid transparent;}
.section-about .info .right .text {}
.section-about .info .right .text .img {padding:2.5em 0 3.5em;}
.section-about .info .right .text .img img {margin:0 0 0 auto;height:7.25em;}
.section-about .info .right .text .txt {padding-bottom:1em;}
.section-about .info .right .text .txt p {font-size:1.05em;line-height:1.75;padding-bottom:1em;}
.section-about .info .right .text .txt .b {font-size:1.375em;font-weight:600;font-style:italic;color:var(--theme);text-transform:uppercase;padding-bottom:0.65em;}
.section-about .info .right .text .a {width:53.5%;margin:0 0 0 auto;}
.section-about .about-swiper {position:relative;padding:0 4.5em;width:94%;max-width:1444px;margin:0 auto;}
.section-about .about-swiper .swiper-slide {width:18.875em;}
.section-about .about-swiper img {width:100%;transition:all 0.5s;}
.section-about .about-swiper .swiper-slide:hover img {transform:scale(1.1);}
.section-about .about-swiper .swiper-button-next,.section-about .about-swiper .swiper-button-prev {font-size:1em;width:3em;height:5em;margin-top:-2.5em;background:rgb(0 0 0 / 50%);border-radius:0.35em;}
.section-about .about-swiper .swiper-button-next {right:0;}
.section-about .about-swiper .swiper-button-prev {left:0;}
.section-about .about-swiper .swiper-button-next:after,.section-about .about-swiper .swiper-button-prev:after {color:#fff;font-size:1.5em;}
.section-blog {padding:3em 0 5em;}
.section-blog .box-top {padding-bottom:3em;}
.section-blog .title {padding-bottom:0;}
.section-blog .title .tit {text-align:left;}
.section-blog .box-tag {max-width:60%;}
.section-blog .box-tag a {font-size:1.25em;color:var(--text);background:var(--background);width:13.5em;line-height:1.35;text-align:center;padding:0.325em;margin-left:1.5em;transition:all 0.45s;}
.section-blog .box-tag a.active {color:#ffffff;background:#ffab01;}
.section-blog .box-list {}
.section-blog .box-li {display:none;}
.section-blog .box-li.active {display:block;}
.section-blog .box-li .left {width:48.5%;float:left;}
.section-blog .box-li .right {width:48.5%;float:right;}
.section-blog .box-li .item {
    display: block;
    width: calc((100% - 40px) / 3);
    float: left;
    box-sizing: border-box;
    margin-right: 20px;
    position: relative;
}
.section-blog .box-li .item::after{
    content: "";
    width: 100%;
    height: 5px;
    background-color: #ffab01;
    left: 0;
    bottom: 0;
    opacity: 0;
    box-sizing: border-box;
    transition: all 0.5s;
}
.section-blog .box-li .item:hover:after{
    opacity: 1;
}
.section-blog .box-li .item:nth-child(3n){
    margin-right: 0;
}
.section-blog .box-li .item .img {width:100%;overflow:hidden;}
.section-blog .box-li .item .img img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.section-blog .box-li .item .txt {width:100%;
    background: #f7f7f7;
    padding: 2.2em 1.6em;
    transition: all 0.5s;
}
.section-blog .box-li .item:hover .txt{
    background-color: #fff;
    box-shadow: 0px 7px 25px -1px rgb(11 11 12 / 15%);
}
.section-blog .box-li .item .txt .date {
    font-size: 1.125em;
    color: var(--theme);
    margin-bottom: 0.6em;
    font-weight: bold;
}
.section-blog .box-li .item .txt .tit {font-size:1.3em;font-weight:500;line-height:1.25;height:2.5em;color:var(--text);margin-bottom:3em;transition: all 0.35s;}
.section-blog .box-li .item .txt .view {font-size:1em;color:var(--p-color);line-height:1.35;padding-left:1.35em;padding-right:1.25em;border-right:1px solid var(--p-color);margin-right:1.25em;background:url(../images/view.png) no-repeat;background-position:left center;background-size:1.125em auto;}
.section-blog .box-li .item .txt .link {}
.section-blog .box-li .item .txt .link span {padding-right:0.5em;color:var(--p-color);transition:all 0.35s;
    font-size: 1.2em;
}
.section-blog .box-li .item .txt .link i {font-size:0.875em;width:1.7em;height:1.7em;line-height:1.5;border-radius:50%;border:0.1em solid var(--p-color);text-align:center;transition:all 0.35s;}
.section-blog .box-li .left .item .img {height:27em;margin-bottom:1.25em;}
.section-blog .box-li .right .item {padding-bottom:2.75em;margin-bottom:3em;border-bottom:1px solid #d4d4d4;}
.section-blog .box-li .right .item:nth-last-child(1) {padding-bottom:0;margin-bottom:0;border-width:0;}
.section-blog .box-li .right .item .img {height:8.25em;width:12.5em;float:right;}
.section-blog .box-li .right .item .txt {width:62%;float:left;}
.section-blog .box-li .item .img:hover img {transform:scale(1.1);}
.section-blog .box-li .item .txt .tit:hover {color:var(--theme);}
.section-blog .box-li .item .txt .link:hover span {color:var(--theme);}
.section-blog .box-li .item .txt .link:hover i {background:var(--theme);border-color:var(--theme);color:#fff;}
.section-digit {position:relative;z-index:1;padding:0;height:7.75em;}
.section-digit .list {}
.section-digit .list .item {width:33.3333%;height:15em;}
.section-digit .list .item1 {background:#e6e6e6;}
.section-digit .list .item2 {background:#ededed;}
.section-digit .list .item3 {background:#f6f6f6;}
.section-digit .list .item .digit-num {text-align:center;width:100%;}
.section-digit .list .item .digit-num span {font-size:2.375em;}
.section-digit .list .item .digit-num b {font-size:2.1em;font-style:italic;padding-right:0.15em;color:var(--theme);line-height:1em;}
.section-digit .list .item .digit-num p {font-size:1.25em;padding-top:0.5em;}
.footer {
font-size:16px;background:url(../images/footer-bg.png) center no-repeat #000000;background-size:auto 100%;}
.foot-box {width:94%;max-width:1400px;margin:0 auto;padding: 4em 0 2.5em 0;}
.foot-box .left {width:30%;padding-right:2.5em;padding-top:1em;}
.foot-box .fnav{
    width: 24%;
    padding-left: 4em;
}
.foot-txt {padding-bottom:4em;}
.foot-txt .foot-name {font-size:3.125em;font-weight:600;font-style:italic;color:#fff;text-transform:uppercase;padding-bottom:0.35em;}
.foot-txt .foot-p {font-size:1em;color:#fff;}
.foot-contact {}
.foot-contact .flex {padding-bottom:1.7em;}
.foot-contact .flex i {display:block;width:2.75em;height:2.75em;background:var(--minor);border-radius:50%;text-align:center;line-height:2.75em;margin-right:0.75em;}
.foot-contact .flex i:before {color:#ffffff;font-size:1.35em;}
.foot-contact .flex .p {flex:1;display: flex;}
.foot-contact .flex .p span {display:block;font-size:1em;line-height:1.5em;color:#fff;}
.foot-contact .flex .p span:first-child{
    flex: none;
}
.f-logo {
    margin-bottom: 2.2em;
}
.foot-contact .flex .p p {display:block;font-size:1.25em;color:#ffffff;line-height:1.5em;padding-top:0.5em;}
.foot-box .right {flex:1;}
.foot-form { padding: 2.6em 2em;background:rgb(0 0 0 / 40%);    border-radius: 2em;}
.foot-form .tit {font-size:15px;color:#fff;margin:1.2em auto;}
.foot-form .form-input {width:49%;margin-bottom:0.6em;}
.foot-form .email-input{width:100%;}
.foot-form .form-input .form-control {width:100%;line-height:3em;font-size:1em;padding:0 0.75em;border-radius: 2em; border: none;}
.foot-form .form-input .form-control.form-control-5 {width:50%;}
.foot-form .form-input img {float:right;width:48%;height:2.15em;font-size:1.25em;}
.foot-form .form-content {width:100%;}
.foot-form .form-content textarea{
    width: 100%;
    line-height: 1.25em;
    font-size: 1em;
    padding: 0.75em;
    height: 10em;
    border-radius: 1em;
        border: none;
}
.foot-form .form-content .form-control {width:100%;line-height:1.25em;font-size:1em;padding:0.75em;height:10em;border-radius: 1em;
    border: none;
    
}
.foot-form .a, .foot-form .submit input {margin:1.25em 0;}
.foot-form .a .btn, .foot-form .submit input {border:none;
    display: block;
    width: 11em;
    font-size: 1em;
    font-weight: 600;
    line-height: 2.5em;
    background: #ffab01;
    text-align: center;
    color: #fff;
    transition: all 0.5s;
    border-radius: 2em;}
.foot-form p {width:100%;font-size:1em;color:#8c8c8c;}
.honor-swiper{
    display: none;
}

.foot_inner{
    background: #fff;
    padding: 0;
    width: 100%;
}
.foot_inner .left, .foot_inner .right {
    width: 50%;
    box-sizing: border-box;
    color: #000;
}
.foot_inner .left{
    padding: 2.5em;
}
.foot-l-txt{
    padding-bottom: 2.4em;
}
.foot-l-txt .foot-name{
    color: #000;
    font-size: 1.875em;
    font-style: normal;
    text-transform: capitalize;
    padding-bottom: 0.8em;
}
.foot-l-txt .foot-p {
    color: #666;
}
.foot-l-contact .flex .p span{
    color: #000;
}
.fwx{
    text-align: center;
}
.fwx img{
   margin: auto;
}
.foot_inner .right{
    background: #008cd7;
}
.foot-r-form{
    background: none;
}

.foot-r-form .formtit {
    color: #ffab01;

}
.foot-r-form .fbtn, .foot-r-form .a .btn, .foot-r-form .submit, .foot-r-form .submit input{
   width: 100%;
   font-size: 1.15em;
}
.foot-r-form .submit, .foot-form .submit{
     transition: all 0.5s;
}
.foot-r-form .submit:hover, .foot-form .submit:hover{
    transform:translate(5px,-5px);
}
.foot-r-form  p {

    color: #fff;
}
.contact_com{
    padding-bottom: 6em;
}

@media screen and (max-width:1380px) {
    .sy_pro_con .title .f_tit, .dzlx .dl_des {
    line-height: 1.6;
  }
.flxfs{
    display: none;
}
.flogo img {
    width: 8em;
    height: auto;
}
.banner,.section,.footer {font-size:15px;}
/*.banner .swiper img {height:41em;}*/
.banner .txt .img-tit img {/*    max-height:3.25em;*/}
.section-about .info .right {padding-left:2%;}
.section-about .info .right .text .img {padding:3em 0 3em;}
.section-about .info .right .label {font-size:2.35em;top:1em;}
.section-about .info .right .text .txt .b {font-size:1.4em;}

.section-honor {
    min-height: auto;
    background: none;
    position: initial;
    padding-top: 5em;
}
.honor-swiper{
    display: block;
}
.section-honor .htbg{
    display: none;
}


}
@media screen and (max-width:1200px) {
.section-blog .box-li .right .item .txt {width: 59%;float: left;}
.foot-box .left {width: 30em;padding-right: 1.25em;}
.foot-form {padding: 3em 1.75em 3.5em;}
}
@media screen and (max-width:1024px) {
html {min-width:auto;}
.menu {font-size:18px;}
.header-h {font-size:18px;}
.banner,.section,.footer {font-size:14px;}
.a .btn {font-size:1.5em;}
.banner .swiper img {
  height: auto;
    width: 100%;
    
}
.section-product .list .item {width:49%;margin-right:2%;}
.section-product .list .item:nth-child(2n) {margin-right:0;}
.section-professional .txt {font-size:0.85em;max-width: 100%;margin-bottom: 2em;}
.section-cases .list .item {width:49%;margin-right:2%;}
.section-cases .list .item:nth-child(3n) {margin-right:2%;}
.section-cases .list .item:nth-child(2n) {margin-right:0;}
.section-cases .list .item .txt .tit {font-size:1.25em;}
.section-about .info {max-width:45em;width:100%;margin:0 auto;padding-bottom:3.5em;position: relative;}
.section-about .info .left {width:100%;margin-bottom:2em;}
.section-about .info .left .img img {margin:0 auto;height:40em;width:100%;object-fit:cover;}
.section-about .info .right {position: unset;width:100%;padding-left:0;}
.section-about .info .right .label {top:-1.25em;left:-1em;font-size:2em;}
.section-about .info .right .text .img {display:none;}
.section-about .info .right .text .a {width:40%;}
.section-digit .list .item .digit-num b {font-size:1.5em;}
.section-choose {background-size: auto 100%;}
.section-choose .list .item {
    margin-bottom: 3.5em;
}
.section-choose .list .item .txt {width: 100%;padding:0 1.5em;}
.section-choose .list .item .img {margin-bottom: 2em;width: 100%;}
.section-choose .list .item .img img {height: 20em;object-fit: cover;}
.section-blog .box-li .left {width:100%;margin-bottom:2.75em;}
.section-blog .box-li .left .item .img {height:auto;}
.section-blog .box-li .right {width:100%;}
.section-blog .box-li .right .item .txt {width:70%;}
.footer {}
.foot-box .left {width:100%;padding-right:0;}
.foot-txt {padding-bottom:3.5em;}
.foot-contact .flex {padding-bottom:3em;}
.section-design .item {
    width: 50%;
}
.section-blog .box-li .item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
}
.section-blog .box-li .item:nth-child(3n){
    margin-right: 20px;
}
.section-blog .box-li .item:nth-child(2n){
    margin-right: 0;
}

}
@media screen and (max-width:800px) {
.menu .logo-a span{display:none;}
.menu .email-a {font-size:1em;}
}
@media screen and (max-width:767px) {
  
    .main{
        overflow: hidden;
    }
    .section-pj::before, .section-pfe::before{
        left: -8%;
       right: -8%;
    }
     .sl_more>a {
    font-size: 1.1em;
    padding: 0.6em 1em;
}
    .flxfs{
        display: block;
        padding-top: 2em;
    }
    .ifoot_link {
    width: 100%;
    padding-top: 1em;
}
 .ifoot_link .m_name {
        display: block;
        line-height: 1;
        color: #fff;
        position: relative;
        margin-bottom: 0;
        font-size: 1.3em;
        background: none;
        padding: 0.9em 0;
        border-bottom: 1px solid #565656;
        border-radius: 0;
         font-family: 'Raleway-Medium';
    }
    .ifoot_link .m_name span{
            color: #fff;
    font-size: 16px;
    }
    .ifoot_link .toggle_con {
    display: none;
    padding: 2em 0;
     border-bottom: 1px solid #565656;
}
.ifoot_link .toggle_con .item {
    padding-bottom: 0;
}
.ifoot_link .toggle_con .item .tit {
    display: none;
}
.ifoot_link .toggle_con .item .a, .f_copyright p {
    font-size: 0.8em;
    line-height: 1.3;
}
    .section-touch .t_form_con {
    padding: 2.4em 2em 3em;
    }
    .gcsp{
        width: 94%;
    }
    .show-imgs>div{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .show-imgs>div:nth-child(3n){
        margin-right: 2%;
    }
    .show-imgs>div:nth-child(2n){
        margin-right:0;
    }
  .flxfs .info p, .ifoot_link .m_name{
        font-size: 0.95em;
    }
    .into-imgs>div{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .into-imgs>div:nth-child(4n){
        margin-right: 2%;
    }
    .into-imgs>div:nth-child(2n){
        margin-right:0;
    }
    .section-into .into-box {
        flex-wrap: wrap;
    }
    .section-into .into-box .tit, .section-into .title .p {
        width: 100%;
        text-align: center;
    }
    .section-into .into-box .p p{
        text-align: center;
    }
    .section-into .into-box .tit{
        margin-bottom: 0.5em;
    }
    .section-choose .list .item .p .info {
        margin: 1.5em 0 2em 0;
    }
 
.menu {padding:0.25em 0;height:4.2em;}
.menu-contact-list {display: none;}
.menu .logo-a {width: 100%;}
.menu .logo-a .logo {float: none;margin: 0 auto;width: auto;height: 3.7em;}
.menu .email-a {padding:0.6em;line-height:1;border-radius:50%;}
.menu .email-a span {display:none;}
.header-h.head-fixed {height:4.2em;}
.banner,.section,.footer {font-size:12px;}
.banner .swiper img {
    /*height: 900px;*/
    
}
.banner .txt {
    padding-top: 28%;
}
.banner .swiper-slide i {display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next {display: none;}
.pc-img {display:none;}
.m-img {display:block;}
.banner .txt .img-tit {margin-bottom:8em;}
.banner .txt .img-tit img {max-height:initial;}
.banner .txt .name {display:block;font-size:2em;line-height:1;padding-bottom:5em;}
.banner .txt .p {display:none;}
.banner .txt .list {display:none;}
/* .section {padding:3em 0;} */
.section-Show{
    padding-top: 3em;
}
.section-facts {
    padding: 0;
   
}
.page-about-intro {
    padding-bottom: 0;
}
/* .container {max-width:600px;} */
.section .title .tit, .pinner .tit {font-size:2.2em;}
.section-product .list .item {width:100%;margin-right:0;}
.section-professional .txt {max-width:unset;width:100%;text-align:center;font-size:0.75em;margin-bottom:3em;}
.section-professional .txt .p {
    display: none;
    font-size:1.5em;}
    .section-design .item {
        width: 100%;
        padding: 50px 0 10px;
    }
    .section-design .item-box{
        min-height: 200px;
        padding-top: 75px;
    }
    .section-design .item-title-wrap h6{
        font-size:1.5em;
    }
    .section-design .item-icon img {
        /* width: 4.18em; */
    }
    .section-design .item-icon {
        margin-left: -50px;
    }
    .section-design .item {
        margin-bottom: 1.5em;
    }
    .section-design .item-icon {

        width: 106px;
        height: 106px;
    }
    .section-blog .box-li .item {
        width: 100%;
        margin-right: 0;

    }
    .section-blog .box-li .item .txt .tit{
        margin-bottom: 0.6em;
    }
    .foot-box {
        padding: 3em 0 0;
    }
    .foot-form .a .btn, .foot-form .submit input{
        font-size: 15px;
    }
.section-professional .a {max-width:unset;margin:0 auto;width:18em;}
.section-cases .list .item {margin-right:0 !important;width:100%;}
.section-cases .list .item .txt .a {width:18em;}
.section-about .info .left .img img {height:30em;}
.section-about .info .right .label {top:-1.25em;left:-0.5em;font-size:1.5em;}
.section-about .info .right .text .txt p, .pinner .des p {font-size:1.15em;}
.section-about .info .right .text .a {width:18em;margin:0 auto;}
.section-about .about-swiper {padding:0 2em;}
.section-about .about-swiper .swiper-button-next,.section-about .about-swiper .swiper-button-prev {font-size:0.85em;}
.section-blog .box-top {padding-bottom:2em;}
.section-blog .title {width:100%;padding-bottom:1.5em;}
.section-blog .box-tag {max-width:100%;}
.section-blog .box-tag a {width:auto;margin:0 0.25em;padding:0.325em 1em;}
.section-blog .box-li .left {padding-bottom:2.75em;margin-bottom:3em;border-bottom:1px solid #d4d4d4;}
.section-blog .box-li .right .item .img {height:auto;width:100%;margin-bottom:1.25em;}
.section-blog .box-li .right .item .txt {width:100%;}
.section-digit {padding:0;height:14em;}
.section-digit .list {position:relative;}
.section-digit .list .item {width:50%;height:10em;}
.section-digit .list .item .digit-num span {font-size:1.25em;}
.section-digit .list .item .digit-num p {font-size:1em;}
.section-digit .list .item1 {margin:0 25%;}
.foot-box .left {padding-top:0;padding-bottom:0;}
.foot-txt {padding-bottom:3em;}
.foot-contact .flex {padding-bottom:1.5em;}
.foot-contact .flex i {font-size:1.15em;}
.foot-contact .flex .p span {font-size:1.3em;}
.foot-contact .flex .p p {padding-top:0.25em;font-size:1.5em;}
.foot-form {padding:3em 2em;}
.foot-form .tit {}
.foot-form .form-input {width:100%;}
.section-product .swiper-slide .txt h3 {
    font-size: 1.6em;
}
.section-product .swiper-slide .txt>div{
    font-size: 1.3em;
    margin-top: 1em;
}
.section-product .swiper-slide .txt{
    min-height: 310px;
}
.fwx {
    margin-bottom: 1.5em;
}
.foot-l-contact .flex .p span {
    font-size: 1em;
}
.foot_inner, .foot-r-form{
   padding-top: 2em;
}
.contact_com {
    padding-bottom: 3em;
}
.foot-r-form .a .btn {
    font-size: 1.1em;
}
.banner .txt .b_tit {
    margin-top: -7em;
}
}
@media screen and (min-width:1921px) {
.banner .swiper img {height:auto;}
.section-professional {background-size:100vw 100%;}
.section-choose {background-size:100vw 100%;}
.footer {background-size:100vw;}
}
.goto {font-size:16px;display:none;position:fixed;z-index:10;right:0;bottom:5em;background:rgb(0 0 0 / 50%);width:3.5em;height:3.5em;line-height: 3.5em;text-align:center;border-radius: 50%;transition: all 0.5s;}
.goto i {color:#fff;font-size: 1.75em;margin-top: 20%;}
.goto:hover{ transform:translate(0,-0.5em);}

.header {
    background:#ffffff;
    font-family: 'Raleway-Regular';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    width: 100%;
    background: linear-gradient(to bottom,rgb(0 0 0 / 86%) 35%, #0f101b00);
     /* transition: all 0.5s; */
     /* transition: top .6s ease;*/

}
.header_top {
    position:relative;
    transition: all 0.5s;
}
.header_top::before{
    content: "";
    position: absolute;
    width: 44%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #5a5a5acf;
}
.header_top::after{
    content: "";
    position: absolute;
    width: 44%;
    height: 1px;
    right:0;
    bottom: 0;
    background: #5a5a5a82;
}
.header_top .container {
    position:relative;
    z-index:1;
}
.header_top_left, .header_top_right{
    padding: 0.813em  0;
       font-family: 'Raleway-Regular';
    font-weight: 300;
}
.header_top.hiddened{
   display: none;
    transition: all 0.5s;
   /* visibility: hidden; */
}
.header_top_left .header_top_h {font-size:1em;color:#fff;line-height:2.5em;}

.header_top_tel {line-height:1.5em;
   
    margin-right:3.125em;
    position: relative;z-index: 1;
}
.header_top_tel img{width:0.75em;height:1em;margin-right:0.5em;}
.header_top_eml img {width:0.875em;height:0.625em;margin-right:0.8em;}
.header_top_tel span, .header_top_eml span {color:#ffffff;
    line-height: 0.9em;
    letter-spacing: 0.5px;
        font-size: 1.025em;
}
.header_top_eml span{
    font-size: 1.025em;
}
.icon_boxs {
margin-right:2.1875em;
 position: relative;z-index: 1;}
.icon_boxs li {margin-right:0.75em;}
.icon_boxs li:last-child{
    margin-right: 0;
}
.f_app .icon_boxs{
    margin-right: 0;
}
.icon_boxs li i {color:#fff;font-size:0.875em;border-radius:50%;width:1.75em;height:1.75em;line-height:1.75em;text-align:center;}
.icon_boxs .icon1 i {background:#5fabde;}
.icon_boxs .icon2 i {background:#3c599b;}
.icon_boxs .icon3 i {background:#0073b1;}
.language_switc {position: relative;z-index: 1;}
.icon_boxs li a {display:block;width:1.375em;height:1.375em;border-radius:50%;background:no-repeat center;background-color:#4c4c4c;transition:all 0.45s;}
.icon_boxs .icon1 a {
    background-image: url(../images/icon1.png);
}
.icon_boxs .icon2 a {
    background-image: url(../images/icon2.png);
}
.icon_boxs .icon3 a {
    background-image: url(../images/icon3.png);
}
.icon_boxs .icon4 a {
    background-image: url(../images/icon4.png);
}
.icon_boxs .icon5 a {
    background-image: url(../images/icon5.png);
}
.icon_boxs .icon6 a {
    background-image: url(../images/icon6.png);
}
.icon_boxs li a:hover {background-color:rgb(0, 55, 24);transform: scale(1.1);}
.language_switc a {
    display:block;
    font-size:1em;
    padding-left:1.5em;
    color:#fff;
    background:url(../images/ls.png) no-repeat;
    background-position: center top 4px;
}

.header_container .nav{
    width: 100%;
    justify-content: space-between;
}
.f_a_skip li a {
    width: 2.08em;
    height: 2.08em;
}

.f_a_skip{
    justify-content: center;
}
.f_a_skip .icon1 a {
    background-image: url(../images/fa1.png);
}
.f_a_skip .icon2 a {
    background-image: url(../images/fa2.png);
}
.f_a_skip .icon3 a {
    background-image: url(../images/fa3.png);
}

.f_a_skip .icon4 a {
    background-image: url(../images/fa4.png);
}

.f_a_skip .icon5 a {
    background-image: url(../images/fa5.png);
}

.f_a_skip .icon6 a {
    background-image: url(../images/fa6.png);
}
.f_a_skip li a {
    width: 2.06em;
    height: 2.06em;
}

.head_language .current-english{
    display:block;
    font-size:1em;
    padding-left:1.5em;
    color:#fff;
    background:url(../images/ls.png) no-repeat;
    background-position: center top 4px;
}

.header_container {
     transition: all 0.5s;
    /* padding:2em 0;  */
    position:relative;

  
}
.header_container .logo-a {
        display: block;
    position: absolute;
    top: -1.95em;
    left: 50%;
    transform: translate(-50%, 0);
}
.header_container .logo-a .logo {
    width: 8.6em;
    /* height: 8.18em; */
    height: auto;
    transition: all 0.5s;
}
.header_container.fix_l .logo-a {
    top: 1em;
}
.header_container.fix_l .logo-a .logo {
    width: 5.8em;
}

.header_container .move_left,.header_container .move_right {display:none;}
.header_container .navbar {font-size:1em;float:left;}
.header_container .navbar>li {float:left;position:relative;margin-right:6.25em;padding:2.5em 0;
}
.header_container .nav_l .navbar>li:last-child{
    margin-right:0;
}
.header_container .nav_r .navbar>li{
    margin-right:0;
    margin-left: 7.7em;;
}
.header_container .nav_r .navbar>li:first-child{
    margin-left: 0;;
}
.header_container .navbar>li>a {
    display:inline-block;
    line-height:1.625em;
    color: #fff;
    font-size: 1.125em;
    font-family: 'Raleway';
    transition: all 0.45s;
}
.navbar .megamenu>a{
    position: relative;
}
.header_container .navbar>li>a:hover{
     color: #989898;
}
/* .navbar .megamenu.active>a:before, .navbar .megamenu>a:hover:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -1.6em;
    width: 1.1875em;
    height: 0.3em;
    margin-top: -0.15em;
    background: url(../images/nav_icon_1.png) no-repeat center;
    
}
.navbar .megamenu.active>a:after, .navbar .megamenu>a:hover::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: -1.6em;
    width: 1.1875em;
    height: 0.3em;
    margin-top: -0.15em;
    background: url(../images/nav_icon_2.png) no-repeat center;
   
} */

.header_container .navbar>li>i {font-size:1.25em;transition:all 0.4s;color: #fff;}
.header_container .navbar>li:hover>i {transform:rotateZ(-180deg);color:var(--theme);}
/* .header_container .nav_list {
    display:none;
} */
@media (min-width: 768px) {
   .header_container .nav_list{
    display:none;
    width: 100%;
    position: fixed;
    /* top: 10em; */
     top: 9.9em;
     left: 0;
     border: unset;
   }
   .header_container.fix_l  .nav_list{
       top: calc(9.9em - 50px);
   }
   .nav_list .nl_con{
    width: 100%;
    display: flex;
    justify-content: center;
        padding: 2.5em 0 3.5em 0;
      background: #15151524;
      border-top: 1px solid #787070;
   }
     .nav_list .nl_con.xl_bg{
          background: #151515bd;
          border-top: 1px solid #585858;
     }
    .nl_con .xl_item{
        margin-right: 6.8125em;
    }
    .nl_con .xl_item:last-child{
        margin-right: 0;
    }
   .xl_item .i_img{
    width: 18.375em;
    /* height: 11.8em; */
    height: auto;
    overflow: hidden;
   }
   .xl_item .i_img img{
       transition: all 0.5s;
   }
.xl_item .i_img:hover img{
	transform:scale(1.1);
} 
   .xl_item span{
     font-size: 1.275em;
     font-family: 'Raleway';
     font-weight: 500;
     color: #fff;
     display: block;
     margin-top: 1em;
      transition: all 0.5s;
   }
   .xl_item span:hover{
        transform:translate(0.8em,0);
   }
}

/* .header_container .nav_list a {display:block;font-size:16px;line-height:3em;word-break:keep-all;white-space:nowrap;padding:0 1.5em;text-align:center;transition:all 0.4s;} */
.header_container .navsearch {float:right;margin:0.5em 0;}
.header_container .navsearch i {color:#ffffff;width:1.875em;height:1.875em;text-align:center;line-height:1.875em;background:var(--theme);border-radius:50%;}
.header_container .nav_list a:hover {color:var(--theme);}
.header-h {height:0;}
.header.head-fixed {position:fixed;top:0;left:0;right:0;
    animation:smoothScroll 0.4s forwards;
    z-index:100;}
.header.hdbg{
    background: #151515bd;
}
.nav_modal {display:none;font-size:16px;position:fixed;z-index:1004;}
.nav_m_mask {display:none;}
.nav_mask {position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:999;}
.sousuos_modal {width:94%;max-width:1300px;position:fixed;left:0;top:40%;right:0;margin:auto;z-index:1004;}
.sousuos_box {}
.search_cons {position:relative;}
.search_cons i {position:absolute;left:0.25em;top:0;height:2.2em;width:2.2em;border:none;background:0;outline:0;font-size:1.125em;color:inherit;line-height:2.2em;text-align:center;pointer-events:none;}
.search_cons input {display:block;background:rgb(235 235 235);outline:0;padding:0 4.375em 0 3em;border:1px solid #ffffff;color:inherit;border-radius:1.25em;width:100%;height:2.5em;font-size:1em;}
.search_cons button {position:absolute;right:1px;top:1px;bottom:1px;display:block;text-align:center;font-size:1.5em;cursor:pointer;transition:.3s;font-style:initial;border-radius:2em;padding:0 1.25em;border:none;outline:0;color:#fff;background:var(--theme);}
.search_cons button .fa {color:#fff;}
.search_cons button .btn_txt {display:none;}
.language_modal {position:fixed;top:10%;left:0;right:0;width:1000px;max-width:94%;height:80%;background:#fff;border-radius:1em;box-shadow:0 0 25px 0 rgba(0,0,0,.75);z-index:1021;margin:auto;color:#000;}
.language_modal_title {position:relative;}
.language_modal_title span {display:block;height:2.5em;line-height:2.5em;font-size:2.25em;overflow:hidden;padding:0 0.75em;border-bottom:1px solid #ddd;font-weight:700;text-transform:uppercase;}
.language_modal_title .language_close {display:block;width:3.125em;height:3.125em;line-height:3.125em;text-align:center;cursor:pointer;position:absolute;top:1em;right:1.5em;padding:0.5em;}

.language_modal_title .language_close svg {fill:var(--text);transition:all 0.4s;}
.language_modal_title .language_close:hover svg {fill:var(--theme);}
.active_locale_v {position:absolute;left:0;bottom:0;width:100%;height:2.5em;line-height:2.5em;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.language_modal_a {display:block;float:left;width:16.6666%;padding:1em 0.625em;transition:all 0.4s;}
.language_modal_a span {display:block;overflow:hidden;text-overflow:ellipsis;line-height:2em;font-size:0.9375em;text-align:center;white-space:nowrap;}
.language_modal_a.font-color span,.language_modal_a:hover span {color:var(--theme);}
.language_modal_a div {background-image:url(../images/languages_icon.png);background-size:28.125em auto;width:3.125em;height:1.875em;margin:0 auto;}
.language_modal_a .icon-af {background-position:0 0;}
.language_modal_a .icon-am {background-position:-3.125em 0;}
.language_modal_a .icon-ar {background-position:0 -1.875em;}
.language_modal_a .icon-az {background-position:-3.125em -1.875em;}
.language_modal_a .icon-be {background-position:0 -3.75em;}
.language_modal_a .icon-bg {background-position:-3.125em -3.75em;}
.language_modal_a .icon-bn {background-position:-7.5em 0;}
.language_modal_a .icon-bs {background-position:-7.5em -1.875em;}
.language_modal_a .icon-ca {background-position:-7.5em -3.75em;}
.language_modal_a .icon-ceb {background-position:0 -5.625em;}
.language_modal_a .icon-co {background-position:-3.125em -5.625em;}
.language_modal_a .icon-cs {background-position:-7.5em -5.625em;}
.language_modal_a .icon-cy {background-position:0 -7.5em;}
.language_modal_a .icon-da {background-position:-3.125em -7.5em;}
.language_modal_a .icon-de {background-position:-7.5em -7.5em;}
.language_modal_a .icon-el {background-position:-9.375em 0;}
.language_modal_a .icon-en {background-position:-9.375em -1.875em;}
.language_modal_a .icon-eo {background-position:-9.375em -3.75em;}
.language_modal_a .icon-es {background-position:-9.375em -5.625em;}
.language_modal_a .icon-et {background-position:-9.375em -7.5em;}
.language_modal_a .icon-eu {background-position:0 -9.375em;}
.language_modal_a .icon-fa {background-position:-3.125em -9.375em;}
.language_modal_a .icon-fi {background-position:-7.5em -9.375em;}
.language_modal_a .icon-fr {background-position:-9.375em -9.375em;}
.language_modal_a .icon-fy {background-position:-12.5em 0;}
.language_modal_a .icon-ga {background-position:-12.5em -1.875em;}
.language_modal_a .icon-gd {background-position:-12.5em -3.75em;}
.language_modal_a .icon-gl {background-position:-12.5em -5.625em;}
.language_modal_a .icon-gu {background-position:-12.5em -7.5em;}
.language_modal_a .icon-ha {background-position:-12.5em -9.375em;}
.language_modal_a .icon-haw {background-position:0 -11.25em;}
.language_modal_a .icon-hi {background-position:-3.125em -11.25em;}
.language_modal_a .icon-hmn {background-position:-7.5em -11.25em;}
.language_modal_a .icon-hr {background-position:-9.375em -11.25em;}
.language_modal_a .icon-ht {background-position:-12.5em -11.25em;}
.language_modal_a .icon-hu {background-position:0 -13.125em;}
.language_modal_a .icon-hy {background-position:-3.125em -13.125em;}
.language_modal_a .icon-id {background-position:-7.5em -13.125em;}
.language_modal_a .icon-ig {background-position:-9.375em -13.125em;}
.language_modal_a .icon-is {background-position:-12.5em -13.125em;}
.language_modal_a .icon-it {background-position:-15.625em 0;}
.language_modal_a .icon-iw {background-position:-15.625em -1.875em;}
.language_modal_a .icon-ja {background-position:-15.625em -3.75em;}
.language_modal_a .icon-jv {background-position:-15.625em -5.625em;}
.language_modal_a .icon-jw {background-position:-15.625em -7.5em;}
.language_modal_a .icon-ka {background-position:-15.625em -9.375em;}
.language_modal_a .icon-kk {background-position:-15.625em -11.25em;}
.language_modal_a .icon-km {background-position:-15.625em -13.125em;}
.language_modal_a .icon-kn {background-position:0 -15em;}
.language_modal_a .icon-ko {background-position:-3.125em -15em;}
.language_modal_a .icon-ku {background-position:-7.5em -15em;}
.language_modal_a .icon-ky {background-position:-9.375em -15em;}
.language_modal_a .icon-la {background-position:-12.5em -15em;}
.language_modal_a .icon-lb {background-position:-15.625em -15em;}
.language_modal_a .icon-lo {background-position:0 -16.875em;}
.language_modal_a .icon-lt {background-position:-3.125em -16.875em;}
.language_modal_a .icon-lv {background-position:-7.5em -16.875em;}
.language_modal_a .icon-mg {background-position:-9.375em -16.875em;}
.language_modal_a .icon-mi {background-position:-12.5em -16.875em;}
.language_modal_a .icon-mk {background-position:-15.625em -16.875em;}
.language_modal_a .icon-ml {background-position:-18.75em 0;}
.language_modal_a .icon-mn {background-position:-18.75em -1.875em;}
.language_modal_a .icon-mr {background-position:-18.75em -3.75em;}
.language_modal_a .icon-ms {background-position:-18.75em -5.625em;}
.language_modal_a .icon-mt {background-position:-18.75em -7.5em;}
.language_modal_a .icon-my {background-position:-18.75em -9.375em;}
.language_modal_a .icon-ne {background-position:-18.75em -11.25em;}
.language_modal_a .icon-nl {background-position:-18.75em -13.125em;}
.language_modal_a .icon-no {background-position:-18.75em -15em;}
.language_modal_a .icon-ny {background-position:-18.75em -16.875em;}
.language_modal_a .icon-pa {background-position:0 -18.75em;}
.language_modal_a .icon-pl {background-position:-3.125em -18.75em;}
.language_modal_a .icon-ps {background-position:-7.5em -18.75em;}
.language_modal_a .icon-pt {background-position:-9.375em -18.75em;}
.language_modal_a .icon-ro {background-position:-12.5em -18.75em;}
.language_modal_a .icon-ru {background-position:-15.625em -18.75em;}
.language_modal_a .icon-sd {background-position:-18.75em -18.75em;}
.language_modal_a .icon-si {background-position:-21.875em 0;}
.language_modal_a .icon-sk {background-position:-21.875em -1.875em;}
.language_modal_a .icon-sl {background-position:-21.875em -3.75em;}
.language_modal_a .icon-sm {background-position:-21.875em -5.625em;}
.language_modal_a .icon-sn {background-position:-21.875em -7.5em;}
.language_modal_a .icon-so {background-position:-21.875em -9.375em;}
.language_modal_a .icon-sq {background-position:-21.875em -11.25em;}
.language_modal_a .icon-sr {background-position:-21.875em -13.125em;}
.language_modal_a .icon-st {background-position:-21.875em -15em;}
.language_modal_a .icon-su {background-position:-21.875em -16.875em;}
.language_modal_a .icon-sv {background-position:-21.875em -18.75em;}
.language_modal_a .icon-sw {background-position:0 -20.625em;}
.language_modal_a .icon-ta {background-position:-3.125em -20.625em;}
.language_modal_a .icon-te {background-position:-7.5em -20.625em;}
.language_modal_a .icon-tg {background-position:-9.375em -20.625em;}
.language_modal_a .icon-th {background-position:-12.5em -20.625em;}
.language_modal_a .icon-tl {background-position:-15.625em -20.625em;}
.language_modal_a .icon-tr {background-position:-18.75em -20.625em;}
.language_modal_a .icon-uk {background-position:-21.875em -20.625em;}
.language_modal_a .icon-ur {background-position:0 -22.5em;}
.language_modal_a .icon-uz {background-position:-3.125em -22.5em;}
.language_modal_a .icon-vi {background-position:-7.5em -22.5em;}
.language_modal_a .icon-xh {background-position:-9.375em -22.5em;}
.language_modal_a .icon-yi {background-position:-12.5em -22.5em;}
.language_modal_a .icon-yo {background-position:-15.625em -22.5em;}
.language_modal_a .icon-zh-CN {background-position:-18.75em -22.5em;}
.language_modal_a .icon-zh-TW {background-position:-21.875em -22.5em;}
.language_modal_a .icon-zu {background-position:-25em 0;}

.head_language .current {padding-left:1.5em;line-height:1.5em;cursor:pointer;background-repeat:no-repeat;background-position:left;background-size:1.0625em;
    color: #fff;
    background-image:url(../images/lag1.png) !important;
}
.head_language .current i{
    color: #fff;
    margin-left: 0.3em;
}
.head_language.active .current {color:var(--theme)}

.head_language .current-english {background-image:url(../images/en.png);}
.head_language .current-french {background-image:url(../images/fr.png);}
.head_language .current-deutsch {background-image:url(../images/de.png);}
.head_language .current-russian {background-image:url(../images/ru.png);}
.head_language .current-italian {background-image:url(../images/it.png);}
.head_language .current-spanish {background-image:url(../images/es.png);}
.head_language .current-portuguese {background-image:url(../images/pt.png);}
.head_language .current-arabic {background-image:url(../images/ar.png);}
.head_language .current-ukrainian {background-image:url(../images/uk.png);}
.head_language .current-swedish {background-image:url(../images/sv.png);}
.head_language .language_con {display:none;position:absolute;right:0;top:3.125em;z-index:999;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);border-radius:5px;}
.head_language .language_con ul {padding:0.5em 0.5em;width:9em;overflow:auto;list-style:none;}
.head_language .language_con li {}
.head_language .language_con li a {line-height:2em;display:block;text-align:left;color:var(--text);font-size:1em;padding-left:2em;
    background-repeat:no-repeat;background-position:0.5em;background-size:1em;background-color:#fff;border-radius:0.35em;
    width: 100%;
}
.head_language .language_con li.active a, .head_language .language_con li a:hover{
    background-color:var(--theme);
    color:#fff;
}
.head_language .language_con li a:hover span{
    color:#fff;
}


.footer_section {background:#232323;font-size:16px;}
.footer_section_container {padding:3.375em 0;}
.footer_section_container .item_txt {width:23em;}
.footer_section_container .item_txt .img {}
.footer_section_container .item_txt .img img {width:13.625em;}
.footer_section_container .item_txt .txt {color:#fefefe;margin:1.875em 0 1.25em;line-height:1.75;}
.footer_icon_boxs {    font-size: 1.05em;
    margin-top: 1em;}

.footer_icon_boxs .icon_boxs {width:10em;border-right:0;margin-right:0;}
.footer_icon_boxs .icon_boxs li {margin:0 0.25em;width:1.625em;height:1.625em;background-size:100% 100%;}
.footer_icon_boxs .icon_boxs li a {display:block;width:100%;height:100%;}
.footer_icon_boxs .icon_boxs .icon1 {background-image:url(../images/icon_boxs_ico1.svg);}
.footer_icon_boxs .icon_boxs .icon2 {background-image:url(../images/icon_boxs_ico2.svg);}
.footer_icon_boxs .icon_boxs .icon3 {background-image:url(../images/icon_boxs_ico3.svg);}
.footer_icon_boxs .icon_boxs .icon4 {background-image:url(../images/icon_boxs_ico4.svg);}
.footer_section_container .item_link {padding-top:1.25em;}
.footer_section_container .item_link .a {display:block;color:#fefefe;line-height:1.5em;padding-left:1.15em;margin:1em 0;transition:all 0.4s;position:relative;}
.footer_section_container .item_link .a:hover {color:var(--theme);}
.footer_section_container .item_link .a:before {content:" ";display:block;position:absolute;width:0.25em;height:0.25em;background:#fff;left:0.25em;top:0.55em;transition:all 0.4s;}
.footer_section_container .item_link .a:hover:before {background:var(--theme);}
.footer_section_container .item_link .tit {font-size:1.5em;font-weight:600;color:var(--theme);}
.footer_section_container .item_wx {padding-top:1.25em;}
.footer_section_container .item_wx .img {width:10em;border:2px solid #666;padding:0.75em;}
.footer_section_container .item_wx .img img {width:100%;}
.footer_section_container .item_wx .tit {text-align:center;color:#fff;margin-top:1em;}
.footer_copyright {}
.footer_copyright .footer_text {text-align:center;font-size:0.85em;color:#8d8d8d;padding:1em 0;line-height:1.5em;border-top:1px solid #585858;}

.fixed-contact {z-index:99;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);}
.fixed-contact.show {transform:none;opacity:1;filter:alpha(opacity=100);}
.fixed-contact:hover {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style:none;background:#ffab01;background-size:cover;margin-bottom:1px;}
.fixed-contact li i {z-index:1000;position:absolute;left:0;display:block;width:50px;height:50px;transition:all .4s;background-repeat:no-repeat;background-position:center center;}
.fixed-contact:hover li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a {color:#fff;}
.fixed-contact li.online_code:hover {height:130px;}
.fixed-contact .online i.icon1 {background-image:url(../images/online-ico1.png);}
.fixed-contact .online i.icon2 {background-image:url(../images/online-ico2.png);}
.fixed-contact .online i.icon3 {background-image:url(../images/online-ico3.png);}
.fixed-contact li a {z-index:1000;position:absolute;top:0;right:-160px;display:block;width:210px;line-height:110%;padding:18px 0 0 50px;color:#fff;white-space:nowrap;transition:all .4s;font-size:14px;text-align:left;font-weight:normal;opacity:0;}
.fixed-contact li a p {color:#ffffff;}
.fixed-contact .online_code a img {max-width:80px;}
.fixed-contact:hover .online_code {height:130px;}
.fixed-contact:hover li a {opacity:1;right:50px;}
.fixed-contact li.online_code:hover a {opacity:1;right:auto;left:0;}
.fixed-contact:hover .online_code a p {margin:0;margin-bottom:5px;}
.m_logo, .header_container .navbar>li>i{
    display: none;
}
.sub_nav .nav_list_2{
    display: none;
}
.header .header_container .navbar>li.megamenu2:hover .header>.sub_nav>.nav_list_2{
     display: block;
}

@media (max-width: 1740px) {
   .bl_list .bl_img{
    width: 7em;
    height: 7em;
    margin-left: 3.5em;
   }
   .bl_list .bl_img img {
    object-fit: cover;
}
.bl_list_2, .bl_list_3, .bl_list_4 {
    margin-top: -1.5em;
}
}

@media (max-width: 1600px) {

.nl_con .xl_item {
    margin-right: 3%;
}
.header_container .logo-a {
    top: -1.3em;
}
.header_container .logo-a .logo {
    width: 7em;
    height: auto;
}
 .header_container .navbar>li{
    margin-right: 3.2em;
}
.header_container .nav_r .navbar>li{
    margin-left: 4em;
}
}

@media (max-width: 1360px) {
   /* .nl_con .xl_item {
    margin-right: 2%;
} */
.xl_item .i_img {
    width: 15em;
}
}


@media screen and (max-width:1300px) {
      .section-news .sy_pro_con .title .f_tit{
        max-width: 100%;
    }
.news-swiper .swiper-button-prev, .news-swiper .swiper-button-prev:hover{
     background: url(../images/new_arr.png) no-repeat center;
    top: 50%;
       left: -2em;
    right: 0;
    border: none;
    box-sizing: border-box;
    padding: 0;
}
.news-swiper .swiper-button-next, .news-swiper .swiper-button-next:hover{
     background: url(../images/new_arr.png) no-repeat center;
     top: 50%;
     right: -2em;
    border: none;
    box-sizing: border-box;
    padding: 0;
    transform: rotate(180deg);
}
.news-swiper .swiper-button-prev:hover, .news-swiper .swiper-button-next:hover{
        box-shadow: none;
}
    .news-swiper .swiper-button-prev:before, .news-swiper .swiper-button-next:before, .news-swiper .swiper-button-next:before, .news-swiper .swiper-button-next:before{
        display: none;
    }
   .picScroll_top_1{
    display: none;
   }
   .m_picScroll_top_1{
    display: block;
   }
   .index_section_pj .pj_com{
    padding: 0;
   }
   
   .picScroll_left ul{
  
   }
    .picScroll_left ul li{
          box-sizing: border-box;
        margin-bottom: 0;

    
    }
     .picScroll_left ul li:last-child{
        margin-right: 0;
     }

.picScroll_left .item .img {
    height: auto;
    /* width: 30%; */
}
.picScroll_left .sPrev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0 , -50%);
}
    .pj_map_box {
         background: none;
             width: 100%;
    height: auto;
    margin-top: 3em;
    }
.pj_map_box .swiper-pagination-bullet:nth-child(1), .pj_map_box .swiper-pagination-bullet:nth-child(2),.pj_map_box .swiper-pagination-bullet:nth-child(3),.pj_map_box .swiper-pagination-bullet:nth-child(4),.pj_map_box .swiper-pagination-bullet:nth-child(5),.pj_map_box .swiper-pagination-bullet:nth-child(6),.pj_map_box .swiper-pagination-bullet:nth-child(7){
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
      background: #0000009c;
    border-radius: initial;
    margin-bottom: 1em;
    transition: all 0.5s;
}
.pj_map_box  .swiper-pagination-vertical.swiper-pagination-bullets, .pj_map_box  .swiper-vertical>.swiper-pagination-bullets {
    right: 0;
    top: 0;
    transform: none;
}
.pj_map_box .swiper-pagination-h {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.pj_map_box .swiper-pagination span{
    width: 30%;
    box-sizing: border-box;
    height: auto;
    padding: 10px 0;
    font-size: 1.4em;
}

.swiper_outer, .s_box{
        height: auto;
      width: 100%;
    position: relative;
        padding: 0 1.5em;
        padding-bottom: 1em;
}
.swiper-container-v .swiper-button-prev{
    margin-top: 0;
        top: 38%;
    left: -2.5em;
    transform: rotate(-90deg);
}
.swiper-container-v .swiper-button-next{
    margin-top: 0;
    top: 38%;
    transform: rotate(270deg);
    right: -2.5em;
}
.pj_map_box .swiper-pagination span::before, .pj_map_box .swiper-pagination span.swiper-pagination-bullet-active::after{
    display: none;
}
.pj_map_box .swiper-pagination span.swiper-pagination-bullet-active{
      background: rgb(0, 55, 24);
}
.index_section_pj .sy_pro_con .title .f_tit{
    max-width: 100%;
}
.swiper-container-v {
    /* margin-top: 2em; */
}
.swiper-container-v .item .img {
    height: auto;
}
.swiper-container-v .swiper-slide .p_txt, .swiper-container-v .p_txt{
    margin-top: 20px;
}
.pj_map_box .swiper-horizontal>.swiper-pagination-bullets, .pj_map_box .swiper-pagination-bullets.swiper-pagination-horizontal, .pj_map_box .swiper-pagination-custom, .pj_map_box .swiper-pagination-fraction{
    bottom: 0;
}
    .brand_box{
        flex-direction: column;
    }
     .brand_box .sy_pro_con, .index_section_pj .sy_pro_con{
       text-align: center;
     }
     .brand_box .brand_lists {
    margin-top: 3.5em;
}

 #video-window .video-content {
    width: 80%;
    height: 60%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-top: 0;
}
.header_container.fix_l .logo-a .logo {
    width: 5em;
    margin-left: 2em;

}
    .section-cgy::before{
           top: -5em;
    }
     .slide_list .sl_tit{
    display: none;
}
.pro_slides .slide_list.active .sl_more {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
    .section-pfe .pfe_top {
    display: block;
        padding-top: 4.5em;
}
.page-about-intro .list .item .digit-num span b{
    font-size: 1.5em;
}
.section-pj .pj_more {
    bottom: -3em;
}
    .pro_slides .slide_list{
        margin-right: 0.625em;
        height: 50vh;
    }
    .page_banner .img {
        height:28.125em;
    }
.sy_pro_con .title .m_tit, .dzlx .dl_tit, .t_top .tbt{
    font-size: 2.4em;
}
   .section-cgy .sy_pro_con .title .m_tit, .section-cgy .sy_pro_con .title .f_tit {
        text-align: center;
        max-width: 100%;
}
.sy_pro_con .title .cgy_more {
    position: initial;
    margin-top: 2.5em;
}
.touch-form .submit .btn {
    font-size: 1.4em;
}
.c_more {
    bottom: -5em;
}

.header_container .navbar>li {margin-right:3em;}
.header_container .nav_r .navbar>li{
    margin-left: 3em
}
.bam b {
    font-size: 4em;
}
.bam span {
    font-size: 2.5em;
}
.section .title .p {

    width: 90%;
}
.pfbox .pl {
    width: 100%;
}
.pl .pinner {
    padding: 8% 5%;
}
.pr {
    position: initial;
    margin: auto;
    margin-top: 2em;
}
.pfbox .pbg, .pr .swiper-button-next, .pr .swiper-button-prev, .pinner .tit::before, .dsl .zst:nth-child(2){
    display: none;
}
.section-cus .c_wz_bg{
    font-size: 18em;
}
.dsr ul li {
    margin-bottom: 3em;
}
.dsr ul li p {
    line-height: 1.3;
    margin-top: 10px;
}

.foot-box .fnav {
    padding-left: 0;
}
.header_container .logo-a {
    top: 2.2em;
}
.header_container .logo-a {
    width: 6em;
    top: -0.5em;
    margin-left: 1.5em;
}
.banner .txt .b_tit{
    font-size: 2.5em;
}
.section-cgy {
    padding: 4em 0;
    background: none;
}
.section-pj, .section-pfe, .section-news, .f_footer{
    padding-top: 4em;
}
.section-brand, .index_section_pj{
    padding: 4em 0;
}
.ptl .pt_more{
    margin-top: 4em;
}
.pfe_top .ptr {
    width: 100%;
    padding: 15px;
    margin-left: 0;
     margin-top: 2em;
}
.pt_con .title .m_tit{
    text-align: center;
}
.pfe_top .ptl{
    position: relative;
    padding-bottom: 70px;
     padding-top: 0;
}
.ptl .pt_more{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50% , 0);
}
.section-pfe .dzlx {
    text-align: center;
    padding-left: 0;
    margin-top: -13em;
}
.page-about-intro{
    margin-top: 2em;
}
.dzlx .dl_des{
    margin: 22px 0;
}
.section-pfe::before{
    top: -9.25em;
    bottom: -9em;
}
.ifoot_link .toggle_con .item .tit{
    font-size: 1.6em;
}
}

@media screen and (max-width:1100px) {
.header_container .navbar {font-size: 0.9em;}
}


@media screen and (max-width:1024px) {
    .header_container .navbar>li {
         padding: 0.5em 0;
}
.xl_item .i_img {
    display: none;
}
.nav_list .nl_con.xl_bg {
    background: none;
    border-top: none;
}
.nav_list .nl_con{
flex-direction: column;
    padding: 0;
    padding-top: 15px;
}
.nl_con .xl_item {
    margin-right: 0;
    display: flex;
    justify-content: center;
    padding: 12px 0;
}
.xl_item span {
    font-size: 1em;
    margin-top: 0; 
}
.banner .swiper-pagination {
    right: 15px;
    bottom: 40%;
}
    .flogo img {
    width: 6em;
    height: auto;
}
  .swiper-container-v .swiper-slide .p_txt{
    margin-top: 18px;
            font-size: 1.6em;
  }

.pro_slides .slide_list.active .s_btm {
    justify-content: center;
    padding: 0;
}
    .section-facts .list .item, .page-about-intro .list .item{
        width: 50%;
   
    }
.page-about-intro{
    margin-top: 0;
        border-top: none;
}
.page-about-intro .list .item:nth-child(1), .page-about-intro .list .item:nth-child(2){
    border-bottom: 1px solid rgb(255 255 255 / 40%);
}
.page-about-intro .list .item {
    padding: 2.5em 0;
}

    .page-about-intro .list .item:nth-child(2){
    border-right: none;
}
.header_container {
    font-size:14px;
        padding: 1em 0;
}
.foot-box .fnav, .header_top .header_top_left{
    display:none;
}

   .f_app {
        padding: 2.2em 0;
   
}

.header_top_right{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header_top_tel {
    padding-right: 0;
    border-right: none;
    margin-right: 0;
}
.section-cus .c_wz_bg, .dsl .zst:last-child{
  display:none;
}
.dz_sec .dsl{
    width: auto;
    margin-right: 20px;
}
.dz_sec .dsl::after{
    background: none;
}

.header_container .move_left{display:block;
    font-size:1.25em;}
.header_container .navsearch {font-size:0.88em;margin-left:0.5em;}
.language_switc a {display:block;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    margin-left: 1em;
    padding:0;background-image: url(../images/ico_earth1.png);}
.header_container .navbtn {display:block;width:40px;height:40px;border:1px solid #FFFFFF;cursor:pointer;overflow:hidden;border-color:var(--theme);background:var(--theme);transition:all 0.3s ease 0s;}
.header_container .navbtn span {display:block;background:#FFFFFF;width:16px;height:1px;font-size:0;margin:4px auto 0;transition:all 0.3s ease 0s;}
.header_container .navbtn span:first-child {margin-top:14px;}
.header_container .navbtn.active {right:140px;}
.header_container .navbtn.active span:first-child {width:20px;transform:rotate(45deg) translate(4px,4px);}
.header_container .navbtn.active span:nth-child(2) {transform:translateX(-40px);}
.header_container .navbtn.active span:nth-child(3) {width:20px;transform:rotate(-45deg) translate(3px,-3px);}
.header_container .move_left {
    position:relative;z-index:1020;
}
.header_container .nav {
    position:fixed;left:0;top:0;width:320px;height:100vh;background:var(--theme);transform:translateX(-320px);transition:all 0.3s ease 0s;z-index:1010;padding:2em 1.5em 0;
  display: initial;
}
.header_container .navbar {float:unset;font-size: 1.15em;}
.header_container .navsearch {
    display:none;
}
.header_container .nav.active {transform:translateX(0);}
.header_container .navbar>li {float:unset;width:100%;margin-right:0;}
.header_container .navbar>li>a {color:#fff;width:100%;text-align: center;}
.header_container .navbar>li>i {position:absolute;width:2.3em;height:2.3em;text-align:center;line-height:2.3em;top:0;right:0;color:#ffffff;}
.header_container .nav_list {position:unset;transform:translateX(0);background:unset;box-shadow:unset;}
.header_container .nav_list a {color:#fff;


}
.header_container .navbar>li>a:after {background:#fff;height:1.5px;left:0;}
.header_container .navbar>li:hover>a {color:#fff;}
.header_container .navbar>li:hover>i {color:#fff;transform:rotateZ(-0);}
.header_container .navbar>li:hover>a:after {width:0;}
.header_container .navbar>li.active>a:after {}
.header_container .navbar>li.active>i {transform:rotateZ(-180deg);}
.nav_m_mask.block {display:block;}
.move_right .icon_boxs {margin-right: 0;padding-right: 0;}
.footer_section_container .item_txt {width: 20em;}
.footer_section_container .item_wx, .fixed-contact {display: none;}


.header_top::before, .header_top::after, .header_top, .header_container .logo-a, .navbar .megamenu.active>a:before, .navbar .megamenu>a:hover:before, .navbar .megamenu.active>a::after, .navbar .megamenu>a:hover::after{
    display: none;
}
.m_logo, .header_container .navbar>li>i{
    display: block;
}
.m_logo img{
    width: 5em;
}
.header_container .navbar>li>a{

}
.header_container .nav_r .navbar>li {
    margin-left: 0;
}
.cgy_more .dl_btm{
    display: none;
}
.sy_pro_con .title .cgy_more{
        bottom: 2em;
}
}


@media screen and (max-width:767px) {
        .section-touch {
    background: url(../images/mtbg.jpg) no-repeat;
    background-size: cover;
}
        .section-cgy::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     background: none;
}
.section-cgy{
    padding: 3em 0 5em 0;
     background: url(../images/mpro_cate.jpg) no-repeat center;
     background-size: cover;
}
      .news-swiper {
    padding: 0 1.5em;
}
.news_slide_list {
    padding: 2.375em 1.5em 3.3em;
}
    .news-swiper .swiper-button-prev, .news-swiper .swiper-button-prev:hover{
    left: -1em;
    }
       .news-swiper .swiper-button-next, .news-swiper .swiper-button-next:hover{
    right: -1em;
    }
      .slide_list .sl_tit{
        display: block;
    }
    .slide_list .sl_tit, .pro_slides .slide_list.active .sl_tit {
    bottom: 1.5em;
    font-size: 20px;
    left: 6%;
    width: auto;
    padding: 0;
}
.pro_slides .slide_list.active .sl_more, .pro_slides .slide_list .sl_more{
    opacity: 1;
    position: absolute;
    right: 6%;
    bottom: 2em;
    z-index: 12;
    left: auto;
    transform: none;
}
    .s_box{
        top: 2em;
    }
 .section-pfe .pfe_top, .section-news{
    padding-top: 3.5em;
 }
    .banner .txt .b_tit {
    font-size: 2.2em;
}
.section-brand, .index_section_pj{
    padding: 3em 0 3.5em 0;
}
.brand_box .brand_lists, .cus_box .dz_sec{
    margin-top: 3.5em;
}
.pro_slides {
    display: block;
    margin-top: 3.5em;
}
.pro_slides .slide_list.active, .pro_slides .slide_list{
    width: 100%;
}
.pro_slides .slide_list{
     margin-right: 0;
     height: 30vh;
     margin-bottom: 15px;
         background-position: center;
}
.pro_slides .slide_list:last-child{
     margin-bottom: 0;
}
.pro_slides .slide_list .s_mask{
    display: none;
}

      .m_logo img {
         width: 5em;
     }
      .section-cgy::before{
        top: -10%;
       left: -8%;
         right: -8%;
       bottom: -10%;
    }
    .f_footer{
    padding-top: 2.5em;
}
.flogo{
        width: 100%;
    display: flex;
    justify-content: center;
}
    .flogo img {
    width: 6em;
    height: auto;
}
    .f_copyright{
            padding: 0.5em 0;
    }
       .f_app {
        padding:  2em 0 0 0;
       border: none;
}
    .dsl .zst{
        display: none;
    }
.section-pfe .dzlx{
    padding: 3em;
    margin-top: -12em;
}
.section-cgy{
    padding: 3em 0 5em 0;
}

.page-about-intro .list .item .digit-num span {
    font-size: 1.8em;
}
.page-about-intro .list .item .digit-num span b {
    font-size: 1.3em;
}
.dz_sec .dsr{
    width: 100%;
}

.sy_pro_con .title .m_tit {
    margin-bottom: 15px;
}

.header_container {padding:1em 0;}
.header_container .logo-a .logo {width:10em;}

.header_container .move_right .icon_boxs, .header_container .nav_list{
    display:none;
}

.nav_modal {font-size:14px;}
.language_modal_title span {font-size:1.25em;height:4.5em;padding:1em 4em 0 2em;line-height:1.5;}
.language_modal_a {width:25%;}
.page_banner, .footer_section {font-size: 12px;}
.footer_section_container .item_link {display: none;}
.footer_section_container .item_txt {width: 100%;}
.footer_icon_boxs {font-size: 1.75em;}
.goto{font-size:14px;}
.bam b {
    font-size: 3.3em;
}
.bam span, .section-facts .list .item .digit-num span{
    font-size: 2.2em;
}
.section-product .swiper-slide .img {
    width: 260px;
    height: 260px;
    margin-left: -130px;
}
.section-product .swiper-slide .txt{
    padding: 160px 20px 0;
}
.pinner .des p:last-child {
    margin-bottom: 3em;
}
.pinner .des p{
    margin-bottom: 1em;
}
.nav_list .nl_con{
    padding-top: 12px;
}
.nl_con .xl_item {
    /* margin-right: 0;
    display: flex;
    justify-content: center;
    padding: 12px 0; */
}
.xl_item .i_img{
    display: none;
}
.xl_item span{
    color: #fff;
}
.section-cus{
    padding-top: 3em;
}
}

@media screen and (max-width:620px) {
.bl_list .bl_img {
    width: 6em;
    margin-left: 1em;
     box-shadow: 0px 0px 20px 11px rgba(0,0,0,.06);
}
.bl_list .bl_img, .bl_img .brs_inner{
    transform: rotate(0);
}
.bl_list .bl_img img {
    transform: rotate(0);
}
.bl_list_2, .bl_list_3, .bl_list_4 {
    margin-top: 1em;
}
}
.page_banner {position:relative;}
.page_banner .img {width:100%;}
.page_banner .img img {width:100%;height:100%;object-fit:cover;}
.page_banner .text {position:absolute;top:0;left:0;width:100%;height:100%;}
.page_banner .text .txt {}
.page_banner .text .txt .h2 {color:#fff;font-size: 2.18em;line-height:0.85em;padding-top: 3em;
    text-align: center;
    text-transform:uppercase;}
 .page_nav {
    width:100%;
    padding:1em 0;
    font-size: 1.125em;
    border-bottom: 1px solid #dadada;
}
 .page_nav .ico {margin-right:0.75em;}
.page_nav .ico svg {display:block;width:1.5em;height:1.5em;}
 .page_nav .ico path {fill:#000;}
 .page_nav a {}
 .page_nav span {margin:0 0.5em;}


.list_nav {border-bottom:1px solid #b9b9bc;}
.list_nav .container {position:relative;}
.list_nav .swiper {margin:0 3em;}
.list_nav .swiper-backface-hidden .swiper-wrapper {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.list_nav .swiper-slide {width:auto;}
.list_nav .swiper-slide .item {display:block;height:3.9em;line-height:3.9em;font-size:1.125em;margin:0 1.5em;position:relative;}
.list_nav .swiper-slide .item.active {color:var(--theme);}
.list_nav .swiper-slide .item:after {content:'';position:absolute;bottom:0;left:0;background:var(--theme);height:3px;width:0;border-radius:1.5px;transition:all 0.5s;}
.list_nav .swiper-slide .item.active:after {width:100%;}
.list_nav .swiper-button-next,.list_nav .swiper-button-prev {font-size:1em;width:3em;height:3em;line-height:3em;margin-top:-1.2em;text-align:center;color:var(--text);}
.list_nav .swiper-button-prev {left:0;}
.list_nav .swiper-button-next {right:0;}
.list_nav .swiper-button-next:after,.list_nav .swiper-button-prev:after {font-size:1.5em;}

.list_link_artboard {display:none;}
.pagination {
    justify-content: center;

}
.pagination .page-item {margin:0 0.25em;width:2em;height:2em;border-radius:0.35em;overflow:hidden;}
.pagination .page-item a {display:block;font-size:1em;width:100%;height:100%;text-align:center;line-height:2;border-bottom:0.15em solid var(--background-3);color:var(--p-color);transition:all 0.35s;background:var(--background-3);}
.pagination .page-item a i {color:inherit;}
.pagination .page-item a.active,.pagination .page-item a:hover {color:#ffab01;border-color:#ffab01;}
.pagination .page-total {width:100%;text-align:center;font-size:0.875em;padding-top:1em;}
.pagination .page-total span {color:#ffab01;}

.projects {font-size: 16px;background:#ffffff;padding-bottom:6.25em;}
.list_projects {padding:3.75em 0 1em;}
.list_projects .item {width:31.6%;margin-right:2.6%;margin-bottom:2.25em;position:relative;border: 1px solid #d9d9d9;}
.list_projects .item:before {content:" ";position:absolute;bottom:0;left:0;height:3px;width:100%;background:#d9d9d9;}
.list_projects .item:after {content:" ";position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--theme);transition:all 0.5s;}
.list_projects .item:nth-child(3n) {margin-right:0;}
.list_projects .item .img {position:relative;width:100%;padding-top:61.8%;overflow:hidden;}
.list_projects .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.list_projects .item .text {background:#fff;padding:1.5em;}
.list_projects .item .text .tit {font-size:1.125em;height:2.7em;line-height:1.35em;margin-bottom:0.55em;transition:all 0.5s;}
.list_projects .item .text .time {font-size:1.125em;color:var(--p-color);line-height:1.35em;padding-left:1.75em;background:url(../images/time.png) no-repeat;background-position:left center;background-size:auto 1.35em;}
.list_projects .item .text .fa {display:block;width:1.75em;height:1.75em;font-size:1.25em;border:0.05em solid var(--p-color);color:var(--p-color);border-radius:50%;text-align:center;line-height:1.65em;background:#fff;transition:all 0.5s;}
.list_projects .item:hover:after {width:100%;}
.list_projects .item .img:hover img {transform:scale(1.1);}
.list_projects .item .text .tit:hover {color:var(--theme);}
.list_projects .item:hover .text .fa {border-color:var(--theme);background:var(--theme);color:#fff;}
.info_projects {font-size: 16px;background:#ffffff;padding:2.25em 0 5.5em;}
.info_projects .left {width:72.9%;border:1px solid #dddddd;}
.info_projects .right {width:24%;}
.info_projects .box {background:#fff;padding:4em 2em 3em;}
.info_projects .box .h2 {text-align:center;font-size:1.875em;line-height:1.25;margin-bottom:0.5em;}
.info_projects .box .span {text-align:center;line-height:1.35;margin-bottom:1.5em;
        font-size: 0.95em;
}
.info_projects .box .span span {color:var(--p-color);padding-left:1.5em;margin:0 0.875em;background-position:left center;background-size:1em auto;background-repeat:no-repeat;}
.info_projects .box .span span.date {background-image:url(../images/date.png);}
.info_projects .box .span span.view {background-image:url(../images/view.png);background-size:1.15em auto;}
.info_projects .box .article {}
.info_projects .box .article p {font-size:1.125em;line-height:1.55;margin-bottom:2.5em;}
.info_projects .box .article p * {color:inherit;}
.info_projects .box .article img {max-width:100% !important;height:auto !important;margin-bottom:2.5em;}
.info_projects .prev-next {margin:0 2em;border-top:1px solid #dddddd;}
.info_projects .prev-next .prev,.info_projects .prev-next .next {width:49.2%;background:#ffffff;padding:2em 0;}
.info_projects .prev-next .prev span {font-size:1.125em;margin-right:0.5em;color:var(--text);}
.info_projects .prev-next .prev span i {font-size:1.125em;margin-right:0.5em;color:inherit;}
.info_projects .prev-next .next span {font-size:1.125em;margin-left:0.5em;color:var(--text);}
.info_projects .prev-next .next span i {font-size:1.125em;margin-left:0.5em;color:inherit;}
.info_projects .prev-next .prev .a {flex:1;font-size:0.875em;}
.info_projects .prev-next .next .a {flex:1;font-size:0.875em;text-align:right;}
.info_projects .prev-next .prev:hover .a,.info_projects .prev-next .next:hover .a,.info_projects .prev-next .prev:hover span,.info_projects .prev-next .next:hover span {color:var(--theme);}
.info_projects .project_img {position:relative;margin-bottom:1.125em;}
.info_projects .project_img .img {width:100%;height:22.75em;}
.info_projects .project_img .img img {width:100%;height:100%;object-fit:cover;}
.info_projects .project_img .txt {position:absolute;top:0;left:0;width:100%;height:100%;}
.info_projects .project_img .txt>div {width:100%;text-align:center;padding:0 1em;}
.info_projects .project_img .txt .name {color:#fff;font-size:1.5em;line-height:1.25;margin-bottom:0.75em;transition:all 0.5s;}
.info_projects .project_img .txt span {display:block;margin:0 auto;width:1.75em;height:1.75em;font-size:1.65em;border:0.05em solid #ffffff;color:#ffffff;border-radius:50%;text-align:center;line-height:1.65em;background:rgb(255 255 255 / 0%);transition:all 0.5s;}
.info_projects .project_img:hover .txt .name {color:var(--theme);}
.info_projects .project_img:hover .txt span {border-color:var(--theme);background:var(--theme);color:#fff;}
.info_projects .down {margin-top:2em;background:#f7f7f7;padding:2.25em 3.25em;}
.info_projects .down .title {margin-bottom:1.85em;}
.info_projects .down .title .tit {font-size:1.75em;font-weight:600;text-transform:uppercase;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);}
.info_projects .down .title .more {font-size:1em;color:var(--p-color);text-transform:uppercase;padding:0 1.5em;line-height:1.75em;border-radius:1em;border:1px solid var(--p-color);transition:all 0.35s;}
.info_projects .down .list {}
.info_projects .down .list .item {width:18.1%;}
.info_projects .down .list .item a {}
.info_projects .down .list .item .img {position:relative;width:100%;padding-top:64%;overflow:hidden;margin-bottom:0.875em;}
.info_projects .down .list .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.info_projects .down .list .item .img:hover img {transform:scale(1.1);}
.info_projects .down .list .item .txt {}
.info_projects .down .list .item .txt .tit {font-size:1em;color:var(--p-color);line-height:1.5;margin-bottom:1em;}
.info_projects .down .list .item .txt .tit:hover {color:var(--theme);}
.info_projects .down .list .item .txt .more {font-size:0.8125em;font-weight:600;color:var(--theme);}
.info_projects .down .list .item .txt .more i {color:inherit;}
.info_projects .down .title .more:hover {color:#fff;border-color:#fff;background:var(--theme);}
.info_projects .down .list .vline {width:1px;background:#d2d2d2;margin:0 calc( 4.6% - 0.5px );}
.static-h {overflow:hidden;}
.static {position:relative;}
.list_category {background:#fff;margin-bottom:1.5em;}
.list_category .title {background: #f7f7f7;padding:1.5em 1.75em;}
.list_category .title span {font-size:1.4em;font-weight:600;line-height:1;color:#000000;
display: block;
position: relative;
}
.list_category .title span::before{
    content: "";
    position: absolute;
    width: 1.3em;
    height: 2px;
    background: #ffab01;
    left: 0;
    bottom: -15px;
}
.list_category .title i {font-size:1.125em;color:#000;}
.category_navbar {padding:0 1.5em;background:#f7f7f7;}
.category_navbar .megamenu {position:relative;border-bottom:1px solid #d2d2d2;padding:1.25em 0;

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

}
.category_navbar .megamenu i{
    font-size: 1.5em;
}
.category_navbar .megamenu:hover i{
    color: var(--theme);
}
.category_navbar .megamenu:nth-last-child(1) {border-width:0;}
.category_navbar .megamenu>a {font-size:1.1em;font-weight:600;}
.category_navbar .megamenu .menu-toggle {position:absolute;right:0;top:1em;font-size:1.25em;width:1em;height:1em;text-align:center;line-height:1em;transition:all 0.5s;}
.category_navbar .sub-menu {display:none;padding:0.5em 0 0;}
.category_navbar .sub-menu li {padding:0.5em 0 0.5em 1em;position:relative;}
.category_navbar .sub-menu li:before {content:" ";width:6px;height:6px;position:absolute;left:0;top:0.85em;background:#fff;border:1px solid var(--p-color);}
.category_navbar .sub-menu li.active:before {border-color:var(--minor);background:var(--minor);}
.category_navbar .sub-menu a {font-size:1em;color:var(--p-color);}
.category_navbar .sub-menu li.active a,.category_navbar .sub-menu li a:hover {color:var(--minor);}
.category_navbar .megamenu.active>a,.category_navbar .megamenu>a:hover, .category_navbar .megamenu.active i{color:var(--theme);}
.category_navbar .megamenu.active .menu-toggle {transform:rotateZ(-90deg);}
.hot_sale {background:#fff;margin-bottom:1.125em;}
.hot_sale .title, .blog_inquiry .title{background: #f7f7f7;padding:1.5em 1.75em;}
.hot_sale .title span, .blog_inquiry .title span {font-size:1.4em;font-weight:600;line-height:1;color:#000;
    display: block;
    position: relative;
}
.hot_sale .title span::before, .blog_inquiry .title span::before{
    content: "";
    position: absolute;
    width: 1.3em;
    height: 2px;
    background: #ffab01;
    left: 0;
    bottom: -15px;
}
.blog_inquiry .title{background: #fff;}
.blog_inquiry{
    box-shadow: 0px 7px 25px -1px rgb(11 11 12 / 15%);
}
.hot_sale ul {padding:0 1em 0.75em;background:#f7f7f7;}
.hot_sale li {padding:1em 0;}
.hot_sale li a {align-items: center;}
.hot_sale li .img {width:30%;}
.hot_sale li .img img {width:100%;height:100%;object-fit:cover;}
.hot_sale li .txt {width:60%;}
.hot_sale li .txt .tit {font-size: 0.875em;color:var(--p-color);line-height:1.35;margin-bottom:1em;}
.hot_sale li .txt .more {font-size:12px;font-weight:600;color:var(--theme);}
.hot_sale li .txt .more i {color:inherit;}
.hot_sale li .txt .tit:hover {color:var(--theme);}
.hot_sale li:nth-last-child(1) {border-width:0;}
.blog {font-size: 16px;background: #ffffff;padding: 3.375em 0 6.25em;}
.blog .left {width: 24%;position: relative;}
.blog .right {width: 72.9%;}
.list_blog .item {padding-bottom:2em;margin-bottom:2em;border-bottom:1px dashed #ddd;transition:all 0.5s;}
.list_blog .item:nth-last-child(1) {border-width:0;}
.list_blog .item .img {height:13.375em;width:20.5em;overflow:hidden;}
.list_blog .item .img img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;transform:scale(1.1);}
.list_blog .item .text {flex:1;padding:1.5em 2em 0;}
.list_blog .item .text .tit {font-size:1.4em;line-height:1.25em;margin-bottom:0.75em;transition:all 0.35s;}
.list_blog .item .text .p {font-size:1em;color:var(--p-color);line-height:1.35;height:2.7em;margin-bottom:1.75em;}
.list_blog .item .text span.date {font-size: 0.875em;color:var(--p-color);line-height:1.35;margin-right:1em;}
.list_blog .item .text span.view {font-size: 0.875em;color:var(--p-color);line-height:1.35;padding-left:1.35em;background:url(../images/view.png) no-repeat;background-position:left center;background-size:1.125em auto;}
.list_blog .item .text .fa {display:block;width:1.75em;height:1.75em;font-size:1.5em;border:0.05em solid var(--p-color);color:var(--p-color);border-radius:50%;text-align:center;line-height:1.65em;background:#fff;transition:all 0.5s;}
.list_blog .item:hover .text .fa {border-color:var(--theme);background:var(--theme);color:#fff;}
.list_blog .item .img:hover img {transform:scale(1);}
.list_blog .item .text .tit:hover {color:var(--theme);}
.list_products .item {
    float:left;
    width:31.9%;
    margin-right:2.15%;
    margin-bottom:3.5em;
    background:#fff;
    transition:all 0.5s;
    padding: 0 2em;
    box-sizing: border-box;
    border-radius: 2em;
    position: relative;
  
    z-index: 2;
}
.list_products .item .item-bg{
    position: absolute;
    background: #ffab01;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    border-radius: 2em;
    z-index: -1;
}
.list_products .item::after{
    position: absolute;
    content:"";
    width: 100%;
    height: 92%;
    background: #fff;
    left: 0;
    bottom: 1.5%;
    border-radius: 2em;
    z-index: -1;
    box-shadow: 0px -5px 20px 0 rgba(0,0,0,.07);
}

.list_products .item:hover {

}
.list_products .item:nth-child(3n) {margin-right:0;}
.list_products .item .img {
    position:relative;width:100%;
    overflow:hidden; border: 1px solid #ddd;
    border-radius: 1em;
}
.list_products .item .img img {
    width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.list_products .item .img:hover img {transform:scale(1.1);}
.list_products .item .text {    padding: 2.4em 0;
    text-align:center;}
.list_products .item .text .tit {font-size:1.25em;margin-bottom:1em;transition:all 0.5s;}
.list_products .item .text .tit:hover {color:var(--theme);}
.list_products .item .text .more {display:inline-block;text-transform:uppercase;font-size:0.9em;color:#fff;line-height:2;background:var(--theme);width:auto;padding:0 1.5em;transition:all 0.5s;}
.list_products .item .text .more:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_product {font-size: 16px;background: #ffffff;padding: 3.375em 0 4em;}
.info_product .top {
    background:#fff;
    margin-bottom:1.5em;
    width:100%;
}
.info_product .top .info_pro_com{
    width: 49%;
}
.info_product .top .info_pro_com .img {
    position:relative;
    padding-top:80%;
    overflow:hidden;
    cursor:url(../images/loupe.png) auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.info_product .top .item {display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.info_product .top .item1 {display:block;}
.info_product .top .img img {width:100%;height:100%;object-fit:cover;}
.info_product .top .title {display:none;font-size:1.875em;font-weight:600;line-height:1.35;margin-bottom:1.25em;}
.info_product .top .txt {width:47.5%;}
.info_product .top .txt .tit {
    font-size: 1.875em;
    font-weight: 600;
    line-height: 1.35;
    padding: 0.2em 0 0.8em 0;
    border-bottom: 1px solid #ddd;
}
.info_product .top .txt .p {font-size:1em;color:var(--p-color);line-height:1.45;margin-bottom:1.75em;}
.info_product .top .txt .ico {margin-bottom:2.5em;}
.info_product .top .txt .ico .icon {width:2.875em;height:2.875em;margin-right:0.25em;background-size:auto 2.875em;background-repeat:no-repeat;background-image:url(../images/product-ico.png);}
.info_product .top .txt .ico .ico1 {background-position:0;}
.info_product .top .txt .ico .ico2 {background-position:-3.2em;}
.info_product .top .txt .ico .ico3 {background-position:-6.4em;}
.info_product .top .txt .ico .ico4 {background-position:-9.6em;}
.info_product .top .txt .ico .ico5 {background-position:-12.8em;}
.info_product .top .txt .ico .ico6 {background-position:-16em;}
.info_product .top .txt .ico .ico7 {background-position:-19.2em;}
.info_product .top .txt .ico .ico8 {background-position:-22.4em;}
.info_product .top .txt .more {display:block;font-size:1.25em;width:10em;line-height:2.2;text-align:center;border-radius:2em;color:#fff;
    background:#ffab01;transition:all 0.5s;margin-bottom:3.5em;
}
.info_product .top .txt .more:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_products-swiper {position:relative;
    margin-top: 1em;
}
.info_products-swiper .swiper-button-next,.info_products-swiper .swiper-button-prev {width:2.125em;height:2.125em;background:#fff;border-radius:50%;box-shadow:2px 2px 5px rgb(0 0 0 / 20%);}
.info_products-swiper .swiper-button-next:after,.info_products-swiper .swiper-button-prev:after {color:var(--theme);font-size:1em;}
.info_products-swiper .swiper-button-next {right:-1em;}
.info_products-swiper .swiper-button-prev {left:-1em;}
.info_products-swiper .swiper-slide {}
.info_products-swiper .swiper-slide .swiper-img {width:100%;padding-top:80%;overflow:hidden;}
.info_products-swiper .swiper-slide .swiper-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.info_products-swiper .swiper-slide .swiper-img.active:before {content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:2px solid var(--theme);box-sizing:border-box;}

.made{
    display: flex;
    align-items: center;
    font-size: 1em;
    color: #333;
}
.made img{
    margin-right: 0.5em;
}



.info_product .left {width:78.3%;}
.info_product .box {background:#ffffff;width:100%;
    padding: 6em 2.5em 3em;
    margin-bottom:2em;border:1px solid #ddd;
position: relative;
}
.info_product .box .h2 {font-size:1.875em;font-weight:600;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);margin-bottom:0.75em;text-transform:uppercase;}
.info_product .box .article {
    padding-top:1.125em;padding-bottom:1.125em;border-bottom:2px solid #eaeaea;}
.info_product .box .article p {font-size:1.125em;line-height:1.55;margin-bottom:2.5em;}
.info_product .box .article p * {color:inherit;}
.info_product .box .article img {max-width:100% !important;height:auto !important;margin-bottom:2.5em;}
.info_product .prev-next {
    margin-top: 1.8em;
}
.info_product .prev-next .prev,.info_product .prev-next .next {width:49.2%;}
.info_product .prev-next .next{
    justify-content: flex-end;
    display: flex;
}
.info_product .prev-next .prev span {font-size:0.9em;margin-right:0.5em;color:#666;}
.info_product .prev-next .prev span i {font-size:1.125em;margin-right:0.5em;color:inherit;}
.info_product .prev-next .next span {font-size:1em;margin-left:0.5em;color:var(--text);}
.info_product .prev-next .next span i {font-size:1.125em;margin-left:0.5em;color:inherit;}
.info_product .prev-next .prev .a {
    font-size:1em;
}
.info_product .prev-next .next .a {
    font-size:1em;text-align:right;}
.info_product .prev-next .prev:hover .a,.info_product .prev-next .next:hover .a,.info_product .prev-next .prev:hover span,.info_product .prev-next .next:hover span {color:var(--theme);}
.info_product-form {background:#fff;padding:5em 5.5em;border:1px solid #ddd;}
.info_product-form .txt {}
.info_product-form .txt .tit {font-size:2.625em;font-weight:600;margin-bottom:0.5em;}
.info_product-form .txt .p {}
.info_product-form .txt .p p {font-size:1.25em;margin-bottom:2em;}
.info_product-form form .form-input {width:48%;margin-bottom:2.25em;}
.info_product-form form .form-control {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .form-control2 {width:60%;padding:0 1.7em;margin-right:0.6em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .form-input img {flex:1;}
.info_product-form form .form-content {width:100%;margin-bottom:2.25em;}
.info_product-form form .form-textarea {display:block;width:100%;padding:0.75em 1.7em;line-height:1.25;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .submit {width:100%;}
.info_product-form form .submit button {display:block;font-size:1.25em;font-weight:600;line-height:3.6em;color:#fff;width:14.5em;background:var(--theme);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.info_product-form form .submit button:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_product-form form .p {width:100%;margin-top:2.25em;}
.info_product-form form .p .ico {border-radius:50%;border:0.125em solid #ededed;width:1.875em;height:1.875em;margin-right:0.5em;padding:0.4em;}
.info_product-form form .p .ico i {display:block;width:100%;height:100%;background:#fb3c00;border-radius:50%;}
.info_product-form form .p p {text-align:center;color:#8c8c8c;font-size:1.125em;flex:1;}
.info_product .right {width:20%;}
.info_product .down {
    padding:2.25em 3.25em;
}
.info_product .down .title {margin-bottom:1.85em;}
.info_product .down .title .tit {
    font-size:2.4em;
    font-weight:600;
    margin: auto;
}
.info_product .down .title .more {font-size:1em;color:var(--p-color);text-transform:uppercase;padding:0 1.5em;line-height:1.75em;border-radius:1em;border:1px solid var(--p-color);transition:all 0.35s;}
.info_product .down .list {}
.info_product .down .list .item {width:18.1%;}
.info_product .down .list .item a {}
.info_product .down .list .item .img {position:relative;width:100%;padding-top:64%;overflow:hidden;margin-bottom:0.875em;}
.info_product .down .list .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.info_product .down .list .item .img:hover img {transform:scale(1.1);}
.info_product .down .list .item .txt {}
.info_product .down .list .item .txt .tit {font-size:1em;color:var(--p-color);line-height:1.5;margin-bottom:1em;}
.info_product .down .list .item .txt .tit:hover {color:var(--theme);}
.info_product .down .list .item .txt .more {font-size:0.8125em;font-weight:600;color:var(--theme);}
.info_product .down .list .item .txt .more i {color:inherit;}
.info_product .down .title .more:hover {color:#fff;border-color:#fff;background:var(--theme);}
.info_product .down .list .vline {width:1px;background:#d2d2d2;margin:0 calc( 4.6% - 0.5px );}
.list_finishes {}
.list_finishes .item {float:left;width:23.5%;margin-right:2%;margin-bottom:2.5em;background:#fff;transition:all 0.5s;border:1px solid #ddd;padding:1.125em;}
.list_finishes .item:nth-child(4n) {margin-right:0;}
.list_finishes .item .img {margin-bottom:1.5em;width:100%;padding-top:100%;overflow:hidden;position:relative;}
.list_finishes .item .img img {width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.5s;}
.list_finishes .item .img:hover img {transform:scale(1.1);}
.list_finishes .item .text {}
.list_finishes .item .text .tit {font-size:1.125em;margin-bottom:1em;line-height:1.35;height:2.7em;transition:all 0.5s;}
.list_finishes .item .text .tit:hover {color:var(--theme);}

.page-about-intro .img {width:45.25%;}
.page-about-intro .img img {margin: 0 auto;width: 100%;}
.page-about-intro .text {
    width:50.5%;
    background:url(../images/abdes.png) no-repeat;background-position:right bottom;
}
.page-about-intro .text .right {}
.page-about-intro .text .right img {
    margin-bottom: 1.25em;
}
.page-about-intro .text .tit {font-size:2.625em;font-weight:600;color:var(--theme);margin-bottom:0.5em;text-transform:uppercase;}
.page-about-intro .text .p {margin-bottom:2.5em;}
.page-about-intro .text .p p {font-size:1.125em;color:var(--p-color);margin-bottom:1em;line-height:1.55;}
.page-about-intro .text .a {width:15em;font-size:0.875em;}
.page-about-intro .list {}
.page-about-intro .list .item {}
.page-about-intro .list .item .txt {}
.page-about-intro .list .item .tit {font-size:2.25em;color:#fff;text-align:center;}
.page-about-intro .list .item .tit .timer {font-size:2.125em;font-weight:600;color:var(--theme);font-style:italic;padding-right:0.1em;}
.page-about-intro .list .item .p {font-size:1.25em;color:#fff;text-align:center;}
.section-into {
    overflow:hidden;
    background:url(../images/intobg.png) no-repeat;
    background-size: cover;
}
.section-into .title .tit,.section-honor .title .tit {font-style: unset;font-size: 2.8em;}
.section-into .title .p {
    text-align: left;
    max-width: none;
    width: auto;
}
.section-into .small-img {position:relative;}
.section-into .small-img .swiper {padding-bottom:5em;}
.section-into .small-img .swiper-slide {width:33%;}
.section-into .small-img .swiper-slide .img {width:100%;}
.section-into .small-img .swiper-slide .img img {width:100%;}
.section-into .small-img .swiper-button-next,.section-into .small-img .swiper-button-prev {font-size:1.5em;width:2.25em;height:2.25em;border-radius:50%;background:rgb(0 0 0 / 70%);margin-top:-2em;}
.section-into .small-img .swiper-button-next {right:-2.75em;}
.section-into .small-img .swiper-button-prev {left:-2.75em;}
.section-into .small-img .swiper-button-next:after,.section-into .small-img .swiper-button-prev:after {font-size:1em;color:#ffffff;}
.section-into .small-img .swiper-pagination span {margin:0 0.375em;width:1em;height:1em;}
.section-into .small-img .swiper-pagination span.swiper-pagination-bullet-active {background:var(--theme);}


.section-honor .title .p {
    width: 45em;
}

.honor-swiper {position:relative;overflow:hidden;padding-bottom:4em;}
.honor-swiper .swiper {padding-top:10em;overflow:unset;width:20%;}
.honor-swiper .swiper-slide {transform:scale(1);transform-origin:bottom;transition:all 0.2s;position:relative;}
.honor-swiper .swiper-slide.swiper-slide-prev {transform:scale(1.2);z-index:1;}
.honor-swiper .swiper-slide.swiper-slide-next {transform:scale(1.2);z-index:1;}
.honor-swiper .swiper-slide.swiper-slide-active {transform:scale(1.37);z-index:2;}
.honor-swiper .swiper-slide .img {width:100%;}
.honor-swiper .swiper-slide .img img {width:auto;
margin: auto;}
.honor-swiper .swiper-button-next,.honor-swiper .swiper-button-prev {font-size: 1.5em; width: 2em; height: 3.25em; border-radius: 0.25em; background: rgb(0 0 0 / 50%); margin-top: -2em;}
.honor-swiper .swiper-button-next {right:50%;margin-right:-11em;}
.honor-swiper .swiper-button-prev {left:50%;margin-left:-11em;}
.honor-swiper .swiper-button-next:after,.honor-swiper .swiper-button-prev:after {font-size:1em;color:#ffffff;}
.honor-swiper .swiper-pagination span {margin:0 0.375em;width:1em;height:1em;opacity:1;background:#d0d0d0;}
.honor-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:var(--theme);}
.section-galleries {padding: 5.375em 0 6.875em;}
.section-galleries .title {width: 40%;}
.section-galleries .title .tit {font-style: unset;font-size: 3em;text-align: left;}
.section-galleries .title .p {padding-top: 1.1em;text-align: left;opacity: 0.75;margin-bottom: 3em;}
.section-galleries .title .a {width:15em;font-size:0.875em;}
.section-galleries .img {width: 54%;}
.section-galleries .img .tit {display: none;}
.section-galleries .img img {width: 100%;}
.page-contact {font-size: 16px;position:relative;overflow:hidden;}
.page-contact .list {
    padding: 2em 0;
    background: #fff;
    margin: 3em auto;
}
.page-contact .list .item {
    width: 33.333%;
    box-sizing: border-box;
    position: relative;
    border-right: 1px solid #dedede;
}
.page-contact .list .item:last-child{
    border-right: none;
}
.page-contact .list .item .ico {position:absolute;top:0;left:0;width:7.875em;height:7.875em;padding:1.375em;border-radius:50%;background:rgb(0 0 0 / 4%);}
.page-contact .list .item .ico img {width:100%;height:100%;padding:20%;background:var(--theme);border-radius:50%;transition:all 0.5s;}
.page-contact .list .item .ico:hover img {transform:rotateY(360deg);}
.page-contact .list .item .txt {
    background:#fff;
    padding:2.65em 1.25em;text-align:center;height:100%;border-radius:0.35em;}
.page-contact .list .item .tit {
    font-size:1.675em;font-weight:600;margin-bottom:1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-contact .list .item .tit img{
    width: 35px;
    margin-right: 5px;
}
.page-contact .list .item .info {}
.page-contact .list .item .info p {font-size:1.125em;color:#333333;line-height:1.45;}
.page-contact-form {padding-left:36.3%;padding-bottom:8.75em;}
.page-contact-form .txt {}
.page-contact-form .txt .tit {font-size:2.325em;font-weight:600;margin-bottom:0.4em;}
.page-contact-form .txt .p {margin-bottom:2.75em;}
.page-contact-form .txt .p p {font-size:1.125em;color:#999;}
.page-contact-form form .form-input {width:48%;margin-bottom:2.25em;}
.page-contact-form form .form-control {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-control2 {width:60%;padding:0 1.7em;margin-right:0.6em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-input img {flex:1;}
.page-contact-form form .form-content {width:100%;margin-bottom:2.25em;}
.page-contact-form form .form-textarea {display:block;width:100%;padding:0.75em 1.7em;line-height:1.25;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .submit {width:100%;}
.page-contact-form form .submit button {display:block;font-size:1.25em;font-weight:600;line-height:3.6em;color:#fff;width:14.5em;background:var(--minor);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.page-contact-form form .submit button:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.page-contact-form form .p {width:100%;margin-top:2.25em;}
.page-contact-form form .p .ico {border-radius:50%;border:0.125em solid #ededed;width:1.875em;height:1.875em;margin-right:0.5em;padding:0.4em;position:relative;}
.page-contact-form form .p .ico:after {content:" ";position:absolute;left:0.5375em;top:0.5375em;display:block;width:0.6em;height:0.6em;background:#fb3c00;border-radius:50%;}
.page-contact-form form .p>p {color:#8c8c8c;font-size:1.125em;}
.page-contact-form form .form-input2>p {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.page-contact-form form .form-input2 .wpcf7-form-control-wrap {width:60%;margin-right:1.5em;}
.page-contact-form form .form-input2 .wpcf7-form-control-wrap input {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-input2 img {height:2.75em;font-size:1.375em;}
.page-contact-form form .submit .wpcf7-form-control {display:block;font-size:1.25em;font-weight:600;line-height:3em;color:#fff;width:14.5em;background:var(--theme);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.page-contact-form form .submit .wpcf7-form-control:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.page-contact-bg {position:absolute;top:0;left:50%;margin-left:-59.375em;background:url(../images/wechat-bg.png) no-repeat;background-position:top right;width:43.5em;height:100%;}
.map {}
.map img {width:100%;}
.map iframe {width:100%;height:35em;display:block;}


@media screen and (max-width:1480px) {
.section-into .small-img .swiper-button-prev {left:-1.5em;}
.section-into .small-img .swiper-button-next {right:-1.5em;}
}
@media screen and (max-width:1200px) {
.info_projects .left {width:75.5%;}
.info_projects .right {width:22%;}
.static-h {font-size: 14px;}
.info_projects .down {
    padding: 1.75em 1.75em;
}
.blog .left {width: 22%;}
.blog .right {width: 75.5%;}
.list_blog .item .img {width:17.22em;height:11.235em;}
.list_blog .item .text {padding:0.75em 1.25em;}
.list_blog .item .text .p {margin-bottom:1em;}
.list_products .item .text {padding: 1.25em 1.25em;}
.info_product .top {}
.info_product .top .txt .tit {font-size: 1.5em;}
.info_product .left {width:75.5%;}
.info_product .right {width:22%;}
.info_product .down {padding: 1.75em 1.75em;}
.info_product-form {padding: 3em 3.25em;}
.info_product-form .txt .tit {font-size: 2.25em;}
.info_product-form .txt .p p {font-size: 1.125em;}
.info_product-form form .form-control {font-size: 1.25em;}
.info_product-form form .form-control2 {font-size: 1.25em;}
.info_product-form form .form-textarea {font-size: 1.25em;}
.list_finishes .item {width: 32%;}
.list_finishes .item:nth-child(4n) {margin-right:2%;}
.list_finishes .item:nth-child(3n) {margin-right:0%;}
.page-contact-bg {width:40em;margin-left:-52em;background-size:100%;}
}

@media screen and (max-width:1024px) {
.list_nav {display:none;}
.list_link_artboard {display:block;padding:20px 0;}
.artboard_box {position:relative;}
.list_link_artboard .bg_artboard {box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);border-radius:2px;position:relative;height:55px;background-color:#fff;color:#333;}
.list_link_artboard .bg_artboard .r_l_box {position:absolute;top:0;right:0;z-index:6;overflow:hidden;height:55px;display:block!important;width:70px;padding-left:15px;background-image:linear-gradient(270deg,#FFFFFF 70%,rgba(255,255,255,0.00) 100%);}
.list_link_artboard .btn_m img {width:20px;margin:17.5px auto;}
.list_link_artboard .hidden_box {overflow:hidden;position:absolute;width:100%;height:55px;}
.list_link_artboard .list_box {position:absolute;top:0;bottom:0;left:0;transition:.2s;}
.list_link_artboard ul.list_one {display:flex;white-space:nowrap;padding:0 55px 0 5px;}
.list_link_artboard ul.list_one a {color:inherit;display:block;padding:0 10px;line-height:55px;}
.list_link_artboard ul.list_one li {position:relative;}
.list_link_artboard ul.list_one .active:after {content:'';display:block;position:absolute;bottom:0;left:0;border-bottom:3px solid var(--theme);width:100%;}
.list_link_artboard .list_m_link {position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:rgba(0,0,0,0.2) 0 2px 16px;z-index:40;padding:10px 0 20px;margin-bottom:60px;display:none;margin-top:15px;}
.list_link_artboard .list_arrow2 {position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;bottom:100%;right:32px;border-top-color:#fff;border-bottom-width:0;transform:rotate(180deg);z-index:9;}
.list_link_artboard .list_m_link .li1 {position:relative;font-size:15px;}
.list_link_artboard .list_m_link .li1>a {display:block;padding:14px 60px 14px 20px;line-height:20px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .li1>i {display:block;position:absolute;right:0;top:0;width:2.5em;height:3em;line-height:3em;text-align:center;transition:all 0.6s;}
.list_link_artboard .list_m_link ._li2 {position:relative;display:none;font-size:14px;}
.list_link_artboard .list_m_link .li2 {position:relative;}
.list_link_artboard .list_m_link .li2>a {display:block;padding:12px 40px 12px 12px;line-height:18px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .li2>i {display:block;position:absolute;right:0;top:0;width:2.5em;height:3em;line-height:3em;text-align:center;transition:all 0.6s;}
.list_link_artboard .list_m_link .open>i {transform:rotateZ(-180deg);}
.list_link_artboard .list_m_link ._li3 {position:relative;display:none;font-size:12px;}
.list_link_artboard .list_m_link ._li3>a {display:block;padding:12px 40px 12px 22px;line-height:18px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .active {background:#fffaf8;}
.projects {font-size: 14px;padding-top: 0;}
.list_projects {padding:0em 0 1em;}
.list_projects .item .text {padding:1em;}
.info_projects {font-size: 14px;}
.info_projects .left {width: 100%;}
.info_projects .right {display: none;}
.info_projects .down .list .vline {margin: 0 calc( 2.6% - 0.5px );}
.info_projects .down .list .item {width: 21.1%;}
.blog {font-size: 14px;padding-top: 0;}
.pro-cpzx{
    margin-top: 0;
}
.blog .left, .cpzx-t{display: none;}
.blog .right {width: 100%;}
.info_product {font-size: 14px;padding-top: 0;}
.info_product .top .title {display:block;}
.info_product .top .img {width:100%;padding-top:0;margin-bottom:1.3em;}
.info_product .top .txt {width:100%;
    padding-top: 1.5em;
}
.info_product .top .item {position:unset;}
.info_product .top .txt .tit {display:none;}
.info_product .left {width: 100%;}
.info_product .right {display: none;}
.info_product .down .list .vline {margin: 0 calc( 2.6% - 0.5px );}
.info_product .down .list .item {width: 21.1%;}
.page-about-intro {}
.page-about-intro>.container {}
.page-about-intro .text .right img {
    margin: 0 auto 1.25em;
}
.page-about-intro .text .a {
    margin: auto;
}
.page-about-intro .img {width:100%;margin-bottom:3em;}
.page-about-intro .img img {width:auto;}
.page-about-intro .text {width:100%;}
.page-about-intro .text .right {}
.page-about-intro .list {padding:2.5em 0;}
.page-about-intro .list .item .tit {font-size:1.5em;}
.page-about-intro .list .item .p {font-size:1em;}
.section-galleries {padding:3em 0 3.5em;}
.section-galleries .container {flex-direction:column-reverse;max-width:680px;}
.section-galleries .title {width:100%;}
.section-galleries .title .tit {display:none;}
.section-galleries .img {width:90%;margin-bottom:2em;}
.section-galleries .img .tit {display:block;text-transform:uppercase;font-size:2.75em;font-weight:600;text-align:center;line-height:1.2;margin-bottom:1em;}
.page-contact {font-size: 14px;}
.page-contact .list .item {}
.page-contact-form form .form-input {width:100%;}
.page-contact-bg {margin-left:-43em;width:35em;}
.map img {height:28em;object-fit:cover;}

.info_product .top .info_pro_com {
    
    width: 100%;
}
.info_product .top .info_pro_com .img {
    padding-top: 0;
}
.cs_box {
    padding: 0 0 1.6em 0;
}

.info_product .box .article {
    padding-top: 3em;
}
.box .pdes{
    height: 3.5em;
}
 .page_nav a {
     font-size:14px;
 }

}


@media screen and (max-width:767px) {
.page_banner .text .txt .h2 {font-size: 2.1em;margin-bottom: 2em;}
.projects {font-size: 12px;}
.list_projects .item {font-size:1.125em;width: 100%;margin-right: 0;}
.info_projects {font-size: 12px;}
.info_projects .box {padding:1.75em 1.5em;}
.info_projects .prev-next {padding:1em 0;}
.info_projects .prev-next .prev,.info_projects .prev-next .next {width:100%;padding:0.5em 0;}
.info_projects .down {padding:2em 1.15em;}
.info_projects .down .list .vline {display:none;}
.info_projects .down .list .item {width:47%;margin:0 1.5% 1.75em;}
.info_projects .down .list .item .txt .tit {font-size:1.125em;}
.info_projects .down .list .item .txt .more {font-size:1em;}
.blog {font-size: 12px;}
.list_blog .item {margin-bottom:2.75em;}
.list_blog .item .img {width:100%;height:auto;}
.list_blog .item .text {padding:1.25em;}
.list_products .item {
    width: 100%;
    margin-right: 0 !important;
}
.section-honor .title .p {
    width: auto;
}
.list_products .item .text {padding: 1.25em 1.5em 2.75em;}
.list_products .item .text .tit {font-size: 1.5em;}
.list_products .item .text .more {font-size: 1.25em;}
.info_product {font-size: 12px;}
.info_product .top {}
.info_product .top .title {font-size:1.75em;margin-bottom:0.75em;}
.info_product .top .txt .more {margin:0 auto 1em;}
.info_products-swiper .swiper-button-next,.info_products-swiper .swiper-button-prev {width:3em;height:3em;}
.info_product .box {padding:1.75em 1.5em;}
.info_product .prev-next {padding:1em 0;}
.info_product .prev-next .prev,.info_product .prev-next .next {width:100%;padding:0.5em 0;}
.info_product-form {padding:2em 1.75em;}
.info_product-form form .form-input {width:100%;}
.info_product-form form .p p {text-align:left;}
.info_product .down {padding:2em 1.15em;}
.info_product .down .list .vline {display:none;}
.info_product .down .list .item {width:47%;margin:0 1.5% 1.75em;}
.info_product .down .list .item .txt .tit {font-size:1.125em;}
.info_product .down .list .item .txt .more {font-size:1em;}
.list_finishes .item {width: 49%;}
.list_finishes .item:nth-child(3n) {margin-right:2%;}
.list_finishes .item:nth-child(2n) {margin-right:0%;}
.page-about-intro .text .tit {font-size:2.2em;}
.page-about-intro .list .item:nth-child(1), .page-about-intro .list .item:nth-child(2){
   /*margin-bottom: 20px;*/
}

.section-into .title .tit,.section-honor .title .tit {font-size:2.2em;}
.section-into .small-img .swiper-button-next,.section-into .small-img .swiper-button-prev {display:none;}
.section-honor {padding:3em 0;}
.honor-swiper .swiper {padding-top:0;width:80%;overflow:hidden;}
.honor-swiper .swiper-slide.swiper-slide-prev,.honor-swiper .swiper-slide.swiper-slide-next,.honor-swiper .swiper-slide,.honor-swiper .swiper-slide.swiper-slide-active {transform:scale(1);}
.honor-swiper .swiper-button-next,.honor-swiper .swiper-button-prev {display:none;}
.honor-swiper .swiper-pagination span {width:1em;height:1em;}
.section-galleries .img .tit {font-size:2.2em;}
.page-contact {font-size: 12px;}
.page-contact .list {padding-bottom:2.5em;}
.page-contact .list .item {
    width:100%;
    border-right: none;
}
.page-contact-form {padding-left:0;padding-bottom:3em;}
.page-contact-bg {display:none;}
.info_product .box .article {
    padding-top: 8em;
}
.mobile_nav {display:block;position:fixed;left:0;bottom:0;right:0;padding:0.7em 0;z-index:180;-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:#fff;border-top:1px solid #eee;}
.mobile_nav a {display:block;width:25%;padding:0 0.75em;text-align:center;color:var(--minor);float:left;}
.mobile_nav a i {font-size:1.5em;}
.mobile_nav a p {color:#0d0d0d;padding-top:0.5em;font-size:13px;text-transform:uppercase;line-height:1em;margin:0;}
.copyr{
    padding-bottom: 7em;
}
}
#translate {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
	 color:#46b450;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {border-color:#ffb900;color:#ffb900;}
.ecolor{
	color:#ffffff;
}