body,html{ margin: 0; padding:0; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 16px; color: #333; position: relative;}
li{list-style: none;}
::-webkit-scrollbar{ width: 4px; height: 4px; border-radius: 4px;}
::-webkit-scrollbar-thumb{ background-color: var(--main-color); border-radius: 4px;}
:root{--swiper-theme-color:#fff}
input, textarea{    outline: 0;
    border: 0;}
*{margin:0;padding:0; box-sizing: border-box;}
a,a:focus,a:hover{text-decoration:none}
#header{ position: fixed;width: 100%;  z-index: 1000; border-bottom: 1px rgba(255,255,255,0.3) solid;    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.warp80{ width:90%; margin: 0 auto; }
.topcon{display: flex; justify-content: space-between;align-items: center;}
.logo img{ height: auto;width:200px;}
.menu{ display: flex;
    flex-grow: 1;
    max-width: 1100px;
    gap: 3rem;}
.menu .m_con{display: flex;    flex-grow: 1;}
 .top_menu_box i{font-size:1.7rem; color:#fff;}
#header.xg .top_menu_box i{ color:#ea5b24;}
header.ny_header .top_menu_box i{ color:#000;}
.logo_r{ display: none;}
.xg .logo_w{ display:none;}
.xg .logo_r{ display:block;}
nav{display: flex;flex-grow: 1;}
nav ul{ display: flex;
    justify-content: space-between;
    width: 100%;}
nav ul li{position: relative;}
nav ul li a{color: #fff;line-height: 100px; font-size:1.125rem;transition: 0.5s; display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}


nav ul li .sub{ position:absolute; top:100%;width:140px; left:45%; margin-left:-60px;  z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
nav ul li .sub .box{ padding:10px 10px; text-align: center; background:#ff0103; position: relative; z-index: 9;}
nav ul li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.9375rem; color: rgba(255,255,255,.8);}
nav ul li .sub a:hover{ color:#fff;}
nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#header.xg .menu nav ul li .sub .box a{ color: #fff;}
#header.xg .menu nav ul li a{ color: #000;}

#header.xg {background:rgba(255,255,255,1);box-shadow:0 1px 2px rgba(0,0,0,0.15)}
#header .menu nav ul li:before{content: "";    
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transition: 0.5s;}
#header .menu  nav ul li.active:before{ transform: scale(1);background: #ff0100;}
#header .menu nav ul li:hover:before{    transform: scale(1);background: #ff0100; }

.top_menu_box {
    display: flex;align-items: center;
    gap: 3rem;
    flex-shrink: 0;}


    .top_tel {
        display: flex;
        gap: 1rem;
        align-items: center;}

        



 .top_search {
       align-items: center;
        cursor: pointer
   
}

/* 搜索 */
/*顶部搜索*/
.tc[name=tc_search]{ transition-delay: .3s;}
.tc[name=tc_search].act{ transition-delay: 0s;}
.tc_search{ font-size:16px; border-radius: 5px;top: 50%;left:50%;margin-left: -400px;margin-top: -400px; height: 800px;width: 800px; border-radius: 50%; position: absolute; color:#fff;text-align:center; font-family:arial;letter-spacing:2px; transition: .4s ease-in-out;-webkit-transition:.4s ease-in-out;overflow:hidden; opacity: 0; z-index: 1; }

.act .tc_search{ opacity: 1;}
.tc_search .tc_close{ width: 45px; height: 45px; line-height: 40px; border-radius: 50%; background: #ea5b24; left: 50%; margin-left: -22.5px; bottom: 20%; top: auto; z-index: 99; float: none; position: static; margin: 0 auto; margin-top: 7rem;}
.tc_search .tc_close img{ width:20px;}
.tc_search form{height:60px;border-radius:30px; border: 2px solid #ea5b24; width: 30rem;z-index: 999;margin: 0 auto;position: relative;}
.tc_search #keyword{ font-size:1.125rem; color:#90837f; height:58px; padding:0 2rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none; }

.tc_search .svg{ transform: scale(.4); transition: 1s cubic-bezier(0.65, 0.14, 0.4, 1.19);position: absolute;top: 50%;left:50%;margin-left: -400px;height: 800px;width: 800px;margin-top: -400px; min-height: 800px; min-width: 800px; z-index: -1; background: #fbf2ea; background-size:  contain; border-radius: 50%;}
.tc.act .tc_search .svg{ transform: scale(1.2); }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.tc_search .tt{ margin-bottom: 5rem;}
.tc_search .tt h3{ font-size: 1.625rem; color: #3f3f3f; }
.tc_search .tt span{ font-size: 4rem; color: #ea5b24; font-weight: bold; font-family: FRAHV; text-transform: uppercase;}
.tc[name=tc_search] .tc_bg{ background:rgba(234,91,36,0.5)}
.tc_search input::-webkit-input-placeholder{ color:#90837f; }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#90837f; }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#90837f; }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#90837f; }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
.ar_wap{ display: none;}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:1000; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s; overflow: auto;}
.tc[name=tc_search]{opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;
  }
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
button{    font-family: inherit;border: 0; background: none;
    font-size: inherit;
    line-height: inherit;    outline: 0; padding-left: 100px;}
button .iconfont{font-size: 2rem;line-height: 60px; color:  #ea5b24;}






.menu nav ul li a:hover{ font-weight: 600;}
.home_banner video{    display: block;   
    width: 100%;
    height: 100%;
    object-fit: cover;}
.home_banner .swiper-slide{height: 900px;    /*  background-size: cover !important;
    background-attachment: fixed !important; */ }

.home_banner img{ width: 100%; }
.home_banner{ position: relative;}


.b_text {
transform: translateY(7rem);
    opacity: 0;
    transition: .7s;}
    
 .home_banner .swiper-slide-active .b_text {
  transform: translateY(0);
  opacity: 1;
}   
    
.home_banner .swiper-slide.swiper-slide-active .slide-inner {
  animation: scaleUpDown 6s linear forwards;
  -webkit-animation: scaleUpDown 6s linear forwards;
}
.home_banner .slide-inner{
    
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
    
}

@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    transform: scale(2);
    transform: scale(2);
  }

  to {
    transform: scale(1);
    transform: scale(1);
  }
}


.b_text{position: absolute;top:35%; text-align: center; color: #fff; width: 100%;}
.text_con{ font-size: 72px;}
.text_con span:nth-child(1){color: #ff0103;}
.b_text h2{font-size: 72px; font-weight: 500;}
.text_con span{ font-weight: 100;}
.home_banner .bg_img{ height: auto;}
.bg_img{ position: absolute;     bottom: -10px;z-index: 10; height: 132px;}
.home_about{ margin-top: 52px;}
.warp1440{width: 1440px; margin: 0 auto;}
.h_about_tit h2{font-size: 48px; font-family: Arial, Helvetica, sans-serif;font-weight: 400;color:#ff0103;}
.h_about_tit h3{ font-weight:100; font-size: 24px;}
.h_about_con{ display: flex;}
.h_about_fl{width: 50%;}
.fl_about{ margin: 45px 0px;}
.fl_about h2{ font-size:32px; }
.fl_about p{ font-size: 32px;    font-weight: 100;
    font-size: 32px;
    color: #777;}
.h_aboutfl{padding-right: 60px; }
.h_aboutfl .fl_aboutcon{font-size:16px; line-height: 30px;}
.h_about_fr{ width: 50%; padding-top:50px}
.h_about_fr img{ width: 100%;}
.more{display: inline-table; margin-top: 35px; position: relative;overflow: hidden;
    border: 1px #ddd solid;
    border-radius: 100px;
z-index: 0;}
.more::before{position: absolute; content:""; top: 0; left: 0; background:#ff3b3b; transition: all 0.3s; width: 0; height: 100%; z-index: -1;}
.more:hover::before{width: 100%;}
.more a{    display: inline-block;
  
    padding: 12px 20px;
    font-size: 14px;
   }
.more:hover a{ color: #fff;}
.more span{ margin-left: 10px;}
.about_date{ margin-top: 95px;}
.about_d{ display: flex; justify-content: space-between;
    margin: 95px auto 0;}
.about_d .about_d1{display: flex; text-align: center;
    align-items: center;
    gap: 1rem; }
.about_d .about_d1:nth-child(4) span{ /* vertical-align:top */}
.about_d .about_d1 h3{ font-size: 48px;display: inline-block; font-weight: 500;}
.about_d1 .about_j p{color:#a0a0a0}
.about_d .about_d1  span{ font-size: 16px;}
.about_d .about_d1 .iconfont{    font-size: 2rem; 
    width: 80px;
    height:80px;
    border: 1px #000 solid;
    border-radius: 100px;
    line-height: 80px;}
	
.about_jc{font-weight: 600;}	
.hj_list .swiper-pagination-bullet-active{background:#ea5b24;}
.products_con{position: relative; padding-bottom: 100px;}


.runpic-pic {
    width: 100%;
    overflow: hidden;
   /* position: relative; 
    z-index: 1;*/
    height: 835px;
    background-color: #b6b5aa;
}

.runpic-pic ul li {
    width: 100%;
    height: 835px;
    display: none;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    position: relative;
    background-size: cover !important;
	position: absolute;
	top: 0%;
	left: 0%;
    
} 



.h_about_fr video{ width: 100%;}
 .runpic-pic-true{animation: toPicBig 1s ease-in-out both;} 
@keyframes toPicBig
{0% {transform: scale(1.04);}100% {transform: scale(1);}}

.runpic-pic-shade {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    transition: all 2s;
}
.runpic-words ul li.active{    background-size: 100% 100%;}
.h_pro_con h5{    font-size: 20px;}
.h_pro_con .more a{ color: #fff;}
.h_pro_text{margin-top: 20px;
    line-height: 30px;}
.products_con .bg_img{top: 0px;}
.pro_m{padding-top: 200px;   border-right: 1px rgba(255,255,255,0.5) solid;    height: 100%;
z-index: 10;
    position: absolute;
    width: 40%;}
.pro_t{padding-left: 30%;}
.h_pro_con{    position: absolute; z-index: 100; top:50%;
    width: 45%;
    left: 40%; 
    color: #fff;
    height: 100%;
  
    padding-left: 50px;}
.pro_m h2{color: #fe0001;    font-size: 48px;font-family: Arial, Helvetica, sans-serif;}
.pro_m  h3{    font-weight: 100;font-size: 24px; color: #fff; margin-bottom: 15px;}
.pro_m  p{ color: #fff; line-height: 25px; font-size: 14px;}
.runpic-pic.swiper{z-index: 3;}
.pro_h_nav{ width: 100%;}
.pro_h_nav ul{margin-top: 150px;
    color: #fff;
    text-align: center;}
.pro_h_nav ul li{line-height: 80px; border-bottom: 1px rgba(255,255,255,0.5) solid;
position: relative;

 background-image:linear-gradient(to right,rgba(94,12,3,0.2),rgba(22,20,18,0.2));
    background-size: 0 100%;
    transition: background .3s;
    background-repeat: no-repeat;
	






}
.pro_h_nav ul li:hover{background-size: 100% 100%; }


.home_news_con{position: relative;}
.home_news_con .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-40px}
.home_news_con .swiper-pagination-bullet-active{background: #ea5b24; outline: none;}
.h_news_bt{ position: relative;}
.h_news_bt .news_more{ position: absolute; right: 0; top: 0;}
.home_newslist{margin-top: 40px;}
.h_news_ul{ display: flex;}
.h_news_img{ height: 265px; overflow: hidden;}
.h_news_img img{ width: 100%; display: block; height: 100%; object-fit: cover; transition: 0.3s;}
.h_news_li:hover .h_news_img img{ transform: scale(1.1,1.1);}
.h_news_li:hover{box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .05);}
.h_news_textcon{ padding:25px 30px 0px;border-bottom:1px #f7f7f7 solid}
.h_news_textcon>span{ margin-bottom: 15px;    display: inline-block;}
.h_news_textcon h3{ font-size: 18px;  color: #333;     height: 70px;
    overflow: hidden;}
.h_news_li{ border:1px #f7f7f7 solid}
.news_date span{display: inline-block;line-height: 50px;  color: #999;}
.news_date{padding:0 30px;}
.fbg{background: #2f343a;}
.foot1{ padding: 45px 0px;border-bottom: 2px #3c3c3c solid;}
.foot2con a{ color: #fff;}
.foot2con h3{ color: #fff; font-size: 20px;}
.foot2con{display: flex;   justify-content: space-between;}
.foot2_fl{width: 50%;padding-top: 45px;  }
.foot2_fl ul li h3 a{display: inline-block;margin-bottom: 25px;}
.foot2_fl ul li h3 a:hover{font-weight: 100;}
.foot2_fl ul{display: flex; justify-content: space-between;}
.foot2_fl ul li{flex:1}
.foot_fl1{padding: 45px 50px 0px;
    border-left: 1px #3c3c3c solid;
    border-right: 1px #3c3c3c solid; }
.foot2_li a{display: block;line-height: 28px; font-size: 14px; color: #9b9fa4;}
.foot2_li a:hover{ color: #fff;}
.foot2_li{ margin-top: 30px;}
.ewm{    margin-bottom: 15px;}
.ewm_img{    background: #282d31;}
.ewm_img img{display: block; width: 100%;}
.ewm span{    color: #fff;
    text-align: center;
    display: block;
    line-height: 40px}
.foot_fr{padding-top: 45px;}
.foot_fr h2{}
.dh{color: #fff; padding: 30px 0px;}
.dh span{color: #8a8b8f;}
.f_more.more{margin-top: 0;}
.foot3{border-top: 2px #3c3c3c solid;}
.foot3 p{color: #818181; line-height: 80px; font-size: 14px;}
.home_newslist{padding-bottom: 60px;}

header.ny_header{ position: initial;box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.04);}
header.ny_header nav ul li a{color: #000; }
header.ny_header nav ul li .sub .box a{color: #fff;}
.ny_banner img{ width: 100%; object-fit: cover;}
.ny_banner{position: relative;}
.ny_banner .ny_text{position: absolute;top: 35%;
    color: #fff;
    width: 100%;}
	
.ny_banner .ny_text h2{font-size: 30px; text-transform: uppercase;}
.ny_banner .ny_text span{display: inline-block;margin-top: 10px; font-size: 24px;}
.position{ height: 90px;    border-bottom: 2px solid #edeff1;}
.position .ny_p{ display: flex; justify-content: space-between; align-items: center; color: #929292;}
.position .ny_p a{line-height: 90px; display: inline-block; color: #929292;}
.t_menu ul{display: flex;    gap: 4rem;}
 .position .ny_p .t_menu ul li a{ line-height: 5.375rem;
    display: block;
    font-size: 1.125rem;
    color: #010101;}  
.n_about .bd{    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4.5rem;}
.n_about .tt{margin-bottom: 1.875rem}	
	.n_about .tt h3{    font-size: 2.5rem;
    color: #313131;
    font-weight: bold;}
.n_about .tt p{    font-size: 2.375rem;
    line-height: 1.2;
    color: #ff0101;
    opacity: 0.8;
    text-transform: uppercase;
    font-family: Poppins-Light;}
.n_about .con{    font-size: 1.0625rem;
    line-height: 2rem;
    color: #515151;}
.n_shuzi{margin-top: 3.25rem;}
.n_shuzi ul{    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;}
.n_shuzi ul li i{font-style: initial;}
.n_shuzi ul li div{display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 5px;}
.n_shuzi ul li p{    font-size: 1rem;
    color: #2c2c2e;
    margin-bottom: 1.125rem;}
.n_shuzi ul li > span{    font-size: 1.75rem; color: #ff0101;}
.n_about .right img{display: block;}
.n_shuzi ul li div span{    font-size: 2.75rem;
    color: #2c2c2e;
    font-family: DISNEYENGLISH-MEDIUM;}
	
.about_yqimg{ display:flex; flex-wrap:wrap;    justify-content: space-around;}
.about_yqimg .hj_li:nth-child(1),.about_yqimg .hj_li:nth-child(2){ width:50%}
.about_yqimg .hj_li img{ width:100%; height:auto; object-fit:cover}
.about_yqimg .hj_li:nth-child(3),.about_yqimg .hj_li:nth-child(4),.about_yqimg .hj_li:nth-child(5){ width:33.33%}
.about_yqimg .hj_li{padding:10px}
.about_gg{	
	height:43.75rem;
	    background: url(../img/about_gg.jpg) center no-repeat;
	    background-size: cover;
	    background-attachment: fixed;
	    text-align: center;}
.about_gg .txt{    display: flex;
 margin-top: 50px;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;}
.about_gg .txt h4{    font-size: 1.8rem;}
.about_gg .txt h3{    font-size: 3rem;
    margin-top: 1rem;
    margin-bottom: 2rem;}
.products_content .pad_bot{    padding-bottom: 3.25rem;}
.products_content .pad_top{    padding-top: 3.25rem;}
.pad_bot{    padding-bottom: 6.25rem;}
.pad_top{    padding-top: 6.25rem;}
.hj_tit{text-align: center; margin-bottom: 2rem;}
.hj_tit h3{font-size: 1.5rem; color: #ff0101;}
.hj_tit h2{font-size: 2.5rem;}
/* .hj_ul{display: flex; justify-content: space-between; align-items: center;} */

.hj_ul .hj_li img{display: block; width: 100%;}
.type_nav .t_menu ul li:before{content: "";
    display: block;
    width: 100%;
    height: 4px;
    background:#ff0101;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);}
.type_nav .t_menu ul li{position: relative;}
.type_nav .t_menu ul li:hover:before{transform: scale(1);}

:before, :after{    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}

.type_nav .t_menu ul li.active:before{transform: scale(1);}

.type_nav .t_menu ul li.active a{color:#ff0101 ;}

.qywh_list{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.25rem;
}
.wh_tit{ text-align: center;}

.qywh_list .qywh_li{transition:all 0.3s;    position: relative; text-align: center; max-height: 450px;
    background: #f1f1f1;
    border-radius: 10px;
    padding: 50px;}
.qywh_list .qywh_li:hover{background: #ff0101; color: #fff;    margin-top: -0.1rem;}
.hover_w{ display: none;position: absolute;
    bottom: 0;
    font-size: 5rem;
    right: -45px; }
.hover_w span{opacity: 1; transition: 0.3s;}
.qywh_list .qywh_li:hover .hover_w{ display: block;}
.qywh_list .qywh_li:hover .hover_w span.iconfont{ display: block;
    background: none;
    font-size: 19rem;
    width: auto;
    height: auto;
    line-height: normal;}


 .qywh_li .ico{
    width: 90px;
    height: 90px;
    background: url(../img/ico.png) no-repeat center;
	    transition: 0.5s;
      background-position: 4px 13px;}
	  
.qywh_list .qywh_li:nth-child(2) .ico{ background-position: -81px 13px;}	  
.qywh_list .qywh_li:nth-child(3) .ico{ background-position: -168px 13px;}	
	.qywh_list .qywh_li:nth-child(4) .ico{ background-position: -250px 13px;}	
.qywh_list .qywh_li:nth-child(5) .ico{ background-position: -345px 13px;}	
.qywh_list .qywh_li:nth-child(6) .ico{ background-position: -435px 13px;}		
	
.qywh_li:hover .ico{background-position: 4px -65px;}
.qywh_list .qywh_li:nth-child(2).qywh_li:hover  .ico{ background-position: -81px -65px;}	
.qywh_list .qywh_li:nth-child(3).qywh_li:hover  .ico{ background-position: -168px -65px;}	
.qywh_list .qywh_li:nth-child(4).qywh_li:hover  .ico{ background-position: -250px -65px;}	
.qywh_list .qywh_li:nth-child(5).qywh_li:hover  .ico{ background-position: -345px -65px;}
.qywh_list .qywh_li:nth-child(6).qywh_li:hover  .ico{ background-position: -435px -65px;}
.wh_text{ margin-top: 1rem; transition: 0.3s;}
.wh_tit{font-size: 2rem;}

.qywh_list .qywh_li span{
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0.2;
    color:#ff0101;
    font-size: 1.5rem;
    display: block;
    text-transform: uppercase;
   }
.qywh_list .qywh_li .wh_text h3{padding: 20px 0px;  position: relative; margin-bottom: 10px;font-size:1.8rem;}
.qywh_list .qywh_li:hover .wh_text span{ color:#fff; opacity: 1;}
.qywh_list .qywh_li .wh_text h3::after{position: absolute; left: 45%; bottom:5px; content:""; background:#ff0101; height: 5px; width: 35px;}
.qywh_list .qywh_li:hover .wh_text h3::after{background: #fff;}
.qywh_list .qywh_li .wh_text  p{font-size:1rem; }

.qywh_list .qywh_li .iconfont{color: #fff; font-size: 2rem;    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
    line-height: 100px;
    background: #ff0101;
    margin: 0 auto;}

.qywh_list .qywh_li:hover .iconfont{display: none;}
.qywh_list .qywh_li:hover .wh_text{ margin-top: 5rem;}

.qywh_list .qywh_li:hover .qywh_tit{display: block;}


/* 走进-发展历程 */
.clearFix:after{clear:both;}
.clearFix:before, .clearFix:after {display:table;content:""}
.intofz-menu{width: 100%;border: 1px solid #e5e5e5;}
.intofz-menu a{display: flex;float: left;align-items: center;padding-top: 4px;justify-content: center;width: 20%;height: 72px;position: relative;font-size: 24px;color: #888;font-family:'PROXIMA';transition: all .4s ease;border-left: 1px solid #e5e5e5;}
.intofz-menu a:first-child{border-left: none;}
.intofz-menu a::after{content: "";position: absolute;width: 0;opacity: 0;transition: width .4s ease 0s, opacity .2s ease .4s;height: 3px;top: -1px;background: #f89253;left: 0;right: 0;margin: 0 auto;}
.intofz-menu a:hover, .intofz-menu a.active{color: #000;}
.intofz-menu a.active{background: #ff0101; color: #fff;}
.intofz-menu a.active::after{width: 100%;opacity: 1;transition: width .4s ease .2s, opacity .2s ease 0s;}
.intofz-loop-wrap{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;overflow: hidden;min-height: 730px;}
.intofz-loop-img, .intofz-loop-list{width: 50%;float: left;}
.intofz-loop-img{padding-right: 120px;}
.intofz-loop-img .date{position: relative;z-index: 2;text-align: right;}
.intofz-loop-img .date p{font-size: 100px;color: #d0d0d0;line-height: 1;font-family:'PROXIMA';position: relative;}
.intofz-loop-img .date p:first-child{color: #303030;padding-right: 70px;}
.intofz-loop-img .date p:first-child::after{content: "";position: absolute;right: 0;width: 48px;height: 10px;top: 50%;margin-top: -5px;background: #d0d0d0;}
.intofz-loop-img .date p:last-child{margin-right: -10px;}
.intofz-loop-img .img{width: 100%;overflow: hidden;margin-top: -40px;}
.intofz-loop-img .img img{width: 100%;object-fit: cover;}
.intofz-loop-list{position: relative;}
.intofz-loop-list::after{content: "";width: 1px;height: 3000px;top: -400px;position: absolute;left: 0;background: #e5e5e5;}
.intofz-loop-list li{width: 100%;padding: 0 30px 0 80px;position: relative;margin-top: 26px;}
.intofz-loop-list li:first-child{margin-top: 0;}
.intofz-loop-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.intofz-loop-cont .year{width: 110px;font-size: 18px;color: #303030;line-height: 26px;}
.intofz-loop-cont .text{font-size: 16px;color: #888;line-height: 26px;width: calc(100% - 110px);text-align:justify;text-justify:inter-word;}
.intofz-loop-dot{position: absolute;width: 8px;height: 8px;background: #e5e5e5;border-radius: 50%;left: -4px;top: 9px;transition: all .4s ease;z-index: 4;}
.intofz-loop-dot::before{content: "";position: absolute;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #e5e5e5;left: 50%;top: 50%;margin: -10px 0 0 -10px;transition: all .4s ease;}
.intofz-loop-dot::after{content: "";position: absolute;width: 46px;height: 1px;background: #e5e5e5;top: calc(50% - 1px);left: 14px;transition: all .4s ease;}
.intofz-loop-list li:hover .intofz-loop-dot{background: #f89253;}
.intofz-loop-list li:hover .intofz-loop-dot::before{border: 1px solid #f89253;}
.intofz-loop-list li:hover .intofz-loop-dot::after{background: #f89253;}

.intofz-loop-list h2{ color: #f89253; padding-left: 75px;}
.news .swiper-pagination-bullet-active{background:#ea5b24;}
.newstj_con {display: flex; justify-content: space-between; }
.newstj_con .n_left img{ width: 100%; display: block; object-fit: cover; height: 100%;}
.newstj_con .n_left  .n_img{height: 100%;}
.n_left{width: 60%;height:500px;}
.n_right{width: calc(100% - 60%);padding:50px 30px 0px; background: #f6f7f9;}
.newsjt_bt span{#666}
.newsjt_bt h2{font-size: 24px; padding: 40px 0px;}
.newsjt_bt p{ color: #666;    line-height: 25px;
    margin-bottom: 50px;}
.news_tj{    border-radius: 10px;
    width: 100%;
    box-shadow: 0 11px 88.8px 0 rgba(0, 0, 0, 0.2);}
.newstj_con.swiper-slide{display: flex;}

.news_ul {    display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 2.25rem;}
.news_ul .news_li:hover{-webkit-box-shadow:0 0 12px rgba(0, 0, 0, .12);  
	    -moz-box-shadow:0 0 12px rgba(0, 0, 0, .12);  
	    box-shadow:0 0 12px rgba(0, 0, 0, .12); }
.news_ul .news_li:hover .news_img img{transform: scale(1.1);}
.news_ul .news_li:hover .news_text h3{color: #ea5b24;}
.news_ul .news_li:hover .news_text .n_more{ background:#ea5b24; color: #fff; border: 0;} 
.news_img{height: 256px; overflow: hidden;}
.news_img img{display: block; width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.news_text{background: #f6f7f9; padding: 30px 20px;    height: 200px;
    overflow: hidden;}
.news_text span{ font-size: 12px; color: #666; margin-bottom: 20px; display: inline-block;}
.news_d{    display: flex;
    align-items: center;
    gap: 0.3rem;}
.news_text h3{font-size: 24; margin-bottom: 30px; display: inline-block; color: #000;}
.news_text .n_more{color: #666;font-size: 12px;
    border: 1px #ddd solid;
    width: 80px;
    text-align: center;
    padding: 5px;
    border-radius: 20px;}
.news_text span{ display: block;}
.page{ margin-top:100px;}
.page a{padding:30px 50px;   display: block; border-bottom: 1px #e0e0e0 solid; color: #666;}
.page a:hover{ color: #000;}
.page a:first-child{    border-top: 1px solid #e0e0e0;}
.news_back {position: relative;   border: 1px #ddd solid;text-align: center;height: 50px; line-height: 50px;position: relative; border-radius: 50px; width: 215px; margin:50px auto 0;}
.news_back::after{position: absolute; content: ""; width: 0px;height: 100%;transition: all 0.6s;left: 0;bottom: 0;border-radius: 50px;z-index: -1;}
.news_back a{ color: #666; display: block;}
.news_back:hover a{color: #fff;}
.news_back:hover::after{z-index: 10;  background-size:100% 100%;background:#f47000; width:100%;}
.news_back:hover a{ color: #fff;    z-index: 100;
    position: relative;}
.ar_title{    display: flex;
    align-items: center;
    margin-bottom: 2.25rem;
	}
.ar_title .time{width: 105px;
    height: 105px;
    flex-shrink: 0;
    background:#ff0101;
    margin-right: 1.875rem;
    padding-top: 0.5rem;
    color: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;}	
.ar_title .time p{font-family: Poppins-Regular;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: skewX(-10deg);
    font-size: 0.75rem;}
.ar_title .time span{    font-size: 2.375rem;
    font-family: Poppins-SemiBold;
    display: block;
    margin-top: 0.5rem;}
.ar_title h3{    line-height: 2.5rem;
    font-size: 2rem;
    color: #3d3d3d;
    font-weight: bold;}		
.arcnews_con{ display: flex; justify-content: space-between; gap: 5rem;}
.arc_news{ padding-top: 90px;}
.arcnews_con img{    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
    display: inline-block;}
.ar_article img:last-child{margin-bottom: 0;}
.ar_article{line-height: 35px; color: #666;}
.right_tuijian .tt{    font-size: 1.75rem;
    color: #3d3d3d;
    font-weight: bold;
    margin-bottom: 1.5rem;}
	
.right_tuijian ul li a{    display: flex;
    padding: 1.25rem 0;
    border-bottom: 1px solid #ecedee;
    align-items: center;}	
.right_tuijian ul li:first-child a{    padding-top: 0;}	


.right_tuijian ul li .img{    width: 8.75rem;overflow: hidden;
    height: 5.625rem;
    flex-shrink: 0;
    border-radius: 0.625rem;}
.right_tuijian ul li .img img{    width: 100%; margin: 0;
    height: 100%;
    display: block;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;}
.right_tuijian ul li .txt2{    padding-left: 1rem;}
.right_tuijian ul li .txt2 span{font-size: 0.8125rem;
    color: #717171;
    font-family: "BarlowCondensed-Regular";
    display: flex;
    align-items: center;
    margin-bottom: 0.875rem;}
.right_tuijian ul li .txt2 p{    font-size: 1rem;
    line-height: 1.375rem;
    color: #3d3d3d;
    overflow: hidden;}
.arcnews_right{padding: 4.875rem 0;
    width: 25rem;
    flex-shrink: 0;
    padding-left: 2.5rem;
    border-left: 1px solid #ecedee;}
.txtovh2{overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
	
.arcnews_right > div{    position: sticky; top: 6rem;}
.yrln{background: #f5f5f5;}	
	@keyframes NXFsUeMV18lHDhhBAfOJ {
	
		0%,
		100% {
			border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
		}
	
		14% {
			border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
		}
	
		28% {
			border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
		}
	
		42% {
			border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
		}
	
		56% {
			border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
		}
	
		70% {
			border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
		}
	
		84% {
			border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
		}
	}
	
	.Xy41Kvfn8OmrAd6ZmErQ {
		width: 50%;
		height: 500px;
		overflow: hidden;
		animation: NXFsUeMV18lHDhhBAfOJ 25s ease-in-out infinite alternate both
	}
	
	.Xy41Kvfn8OmrAd6ZmErQ img {
		width: 100%;
		height: 500px;
		object-fit: cover
	}
.ln_con{display: flex; justify-content: space-between;    gap: 5rem;
    align-items: center;}
.ln_con .yrln_text h2{    font-size: 35px;}
.ln_con .yrln_text .ln_text{margin-top: 20px;}
.ln_text h3{    font-size: 24px;
    color: #f00;
    margin-bottom: 30px;}
.ln_text p{    line-height: 30px;}

.join1-btn{ display: flex; align-items: center; justify-content: space-between; width: 160px; max-width: 1.8rem; line-height: 26px; padding: .1rem .2rem; border-radius: 25px; background-color: var(--blue-color); transition: all .3s;}
.join3-swiper{ position: relative;}
.join3-swiper .swiper-slide{ width: 44.27%; max-width: 850px; margin: 0 auto;}
.join3-img{ padding-bottom: 67%;}
.join3-text{ color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 100px 80px; background: url(../images/join3-bg.png) right bottom no-repeat; background-size: 85% auto; background-color: rgba(234, 91, 36, .8); transform: scaleY(0); transform-origin: center bottom; transition: all .3s linear 0;}

.join3-title{ margin: .2rem 0; font-weight: normal; color: #fff; font-size:40px}
.join3-con{ max-width: 554px; line-height: 1.7; min-height: 5.4em; margin: 2rem 0; opacity: .8;}
.join3-btn{ background-color: transparent; border: 1px solid #FFFFFF; transition: all .3s;}
.join3-btn:hover{ background-color: var(--blue-color); border-color: var(--blue-color);}
.join3-swiper .swiper-slide-active .join3-text{ transform: scaleY(1); transition: all .3s linear .3s;}
.join3-swiper .swiper-pagination{ display: none;}
.join3-button{outline: none; position: absolute; top: 70%; transform: translateY(-50%); width: 80px; height: 80px; max-width: 5rem; max-height: 5rem; border-radius: 50%; border: none; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 2; cursor: pointer; transition: all .3s;}
.join3-button:hover{ transform: scale(0.95) translateY(-50%);}
.join3-prev{ left: 16.56%; background-image: url(../img/join3-prev.png);}
.join3-next{ right: 16.56%; background-image: url(../img/join3-next.png);}
.join3_c {text-align: center;}
.join3_c h2{font-size: 40px;}
.join3_c p{color: #666;
    font-size: 18px;
    margin-top: 20px;}
.job{background: #f5f5f5;}



    
.base-img .img-bg{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;}
.img-bg{    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.base-img .img-bg img{display:none}
.lx_box{color: #fff;}

.lx_box a{ color: #fff;}
.lx_box .iconfont{color:#fff; font-size:18px}
.lx_box .iconfont a{padding-left:5px}
.addbox .iconfont{ font-size:3rem}







/* 全链生态 */
.ico .iconfont{    font-size: 3.5rem;
    color: #fff;}
.s_fuwu {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.s_fuwu .s_tt {
  margin-bottom: 3.5rem;
}
.s_fuwu .s_tt h3{    color: #fff; text-align: center;     font-size: 2.875rem; padding-top: 2rem;}
.s_fuwu .bgbox {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.s_fuwu .bgbox * {
  height: 100%;
}
.s_fuwu .bgbox img {
  transform: none;
}
.s_fuwu .bgbox:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 23rem;
  z-index: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
.s_fuwu .bd {
  position: relative;
}
.s_fuwu .bd .swiper {
  overflow: visible;
  width: 31vw;
  margin: 0 auto;
}
.s_fuwu .bd .centerbox {
  position: absolute;
  left: 50%;
  top: 0;
  width: 33.5rem;
  height: 33.5rem;
  transform: translateX(-50%);
}
.s_fuwu .bd .centerbox img {
  display: block;
  animation: xz2 22s infinite linear;
}
@keyframes xz2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
.s_fuwu .bd .box {
  height: 33.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.s_fuwu .bd .box .ico {
  border-radius: 2.5rem 0.625rem 2.5rem 0.625rem;
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.s_fuwu .bd .box h4 {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.s_fuwu .bd .box p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.75rem;
}
.s_fuwu .bd .arr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  transition: 0.5s;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  outline: none;
}
.s_fuwu .bd .arr svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #fff;
}
.s_fuwu .bd .arr svg path {
  fill: #fff;
  transition: 0s;
}
.s_fuwu .bd .arr:hover {
  border: 1px solid #fff;
  background: #fff;
}

.s_fuwu .bd .arr:hover svg{fill:#ff0101}
.s_fuwu .bd .arr:hover svg path{fill:#ff0101}
.s_fuwu .bd .arr_left {
  left: 3.125rem;
}
.s_fuwu .bd .arr_left svg {
  transform: rotate(180deg);
}
.s_fuwu .bd .arr_right {
  right: 3.125rem;
}
.s_fuwu .hd {
  margin-top: 4rem;
}
.s_fuwu .hd .swiper-wrapper {
  justify-content: center;
  align-items: center;
}
.s_fuwu .hd .swiper-wrapper:before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.s_fuwu .hd .swiper-wrapper:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.s_fuwu .hd .swiper-slide {
  width: auto;
}
.s_fuwu .hd .box {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.s_fuwu .hd .box:before {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.s_fuwu .hd .box:after {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.s_fuwu .hd .box h3 {
  color: #fff;
  width: 9px;
  white-space: nowrap;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  height: 2.5rem;
  transition: 0.5s;
  border-radius: 2rem;
 background: #ff0101;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.s_fuwu .hd .box .dot {
  display: block;
  width: 9px;
  flex-shrink: 0;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.5s;
}
.s_fuwu .hd .swiper-slide-thumb-active .box h3 {
  width: 14.375rem;
  opacity: 1;
}
.s_fuwu .hd .swiper-slide-thumb-active .box .dot {
  width: 9px;
  opacity: 0;
}
.qlst_ms{ padding-left:15px}
.qlst_more{border:1px #fff solid;border-radius:50px; margin-top:20px}
.qlst_more a{ padding:0 20px; color:#fff;line-height:30px; font-size:14px}
.qlst_more:hover{background:#f6701e;}

.r_tuijian_slide .img_text{
    text-align: center;
    background: #f1f1f1;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 2rem;}

.right_tuijian ul li .txt2.qlstt {width:calc(100% - 80px)}

.r_tuijian_slide li:hover .img_text{background: #fc6206; color:#fff}

.right_tuijian ul li .txt2.qlstt p{ font-size：.9rem; color:#666}


/* 内页产品 */
.products_content{padding-top: 6rem;}
.products_tit{text-align: center;}
.products_tit h2{font-size: 3rem;
    font-weight: 500;
    color:#ff0101;}

.products_tit p{font-size: 1.2rem;
    font-weight: 100;}

.products_content .fl ul{ display: flex;gap: 2rem;}

.products_content .fl ul li a{ display: inline-block; color: #000; }
.products_content .fl ul li h2{line-height: 50px; font-size: 1.5rem;
    padding: 10px 0px;}

.products_content .fl ul li{flex: 1; text-align: center; border-bottom: 1px #ddd solid;;position: relative;}
/* .products_content .fl ul li::after{position: absolute; content:"";bottom: 0; width: 0;background: #fc6206; transition: 0.6s;left: 0; height: 1px;} */
.products_content .fl ul li.active::after{ width: 100%;}
.products_content .fl ul li.active{    color: #fff;
    background: #ff0101;}
.product_li{display: flex;}
.products_content .fl ul li span{    font-size: 4rem;color:  #fc6206;}
/* .product_li:nth-child(2){-webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;}
.product_li:nth-child(2) .product_text{padding-left: 0; padding-right: 5%;} */
.product_li .product_img img{ width: 100%; display:block}
.product_li .product_img { width: 60%;}
.p_arc_fl{ position: relative;}
.p_arc_fl .fh{ position: absolute; bottom: 50px; left: 40%;z-index: 0; overflow: hidden; background:#ff0102; border-radius: 50px; }
.p_arc_fl .fh a{display: flex; color: #fff;overflow: hidden;  height: 50px; line-height: 50px;text-align: center; padding: 0 30px;}
.p_arc_fl .fh a span{ padding-right: 10px; font-size: 2rem;}
.p_arc_fl .fh a::after{background: #ea5b24; width: 0; height: 100%; transition: all .3s; position: absolute; content:""; left:0; z-index: -1;}
.p_arc_fl .fh a:hover::after{width: 100%;}

.product_li .product_text{width: calc(100% - 60%); background:#f1f1f1; padding:50px}
.product_li .product_text h2{margin-bottom: 20px;color: #ff0101; font-size:2.5rem; font-weight:500}
.product_li .product_text .pro_ytcon{line-height: 30px;
    color: #666;
    font-size: 16px;}
	
.product_li.swiper-slide{display: flex;}

.product_li .product_text .pro_td{ line-height: 30px; margin-top: 20px;}
.product_list  .swiper-button-prev,.product_list  .swiper-button-next{ color:#ff6e15;    outline: none; }

.products_content .fl ul{ background: #f1f1f1;}
.p_arc_con{ display: grid;     grid-template-columns: 1fr 1fr; gap:2rem; height: 700px;}

.p_arc_con .p_arc_fl img{width:100%;object-fit: cover; height: 100%; display: block;}

.pro_nav ul li{ line-height: 100px;text-align: center; cursor: pointer;}
.p_arc_ms{ max-width: 680px;  padding-top: 50px;
    margin-left: 7%;}
.pro_arc .swiper-button-prev,.pro_arc .swiper-button-next{color: #ff0101;outline: none; background: #f5f5f5;border-radius: 50px; width: 50px; height: 50px;}
.pro_arc .swiper-button-prev::after,.pro_arc .swiper-button-next::after{ font-size: 1.5rem;}
.pro_arc .swiper-button-prev:hover,.pro_arc .swiper-button-next:hover{background:#ff0101; color: #fff;}
.pro_arc .swiper-button-next{ bottom:10px; top: 80%; right: 10%;}
.pro_arc .swiper-button-prev{top: 80%; left: auto; right: 15%;}
.pro_pnav{background: #f1f1f1;}
.pro_nav ul li.swiper-slide-thumb-active{ background: #ff0103;  color: #fff;}
.ms_t .ms_tit h3{font-size: 2rem;    margin-bottom: 10px;}
.ms_tit p{color: #666;}
.ms_text p{color: #666; line-height:25px}
.ms_text h3{font-size: 1.5rem; font-weight: 500;}
.ms_text{    padding: 50px 0px;
    line-height: 35px;
    border-top: 1px #ddd solid;}
.ms_tit{padding: 20px 0px;}
.p_arc_con.swiper-slide {display: inline-grid;}

.hzhbcon .h_tit,.hzubcon1 .h_tit{text-align: center;
    font-size: 3rem;
    font-weight: 100;}
.hzhb_con ul{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;}
.hzhb_con ul li{padding: 60px 65px 70px 50px;
    display: flex;
    justify-content: space-between;
    background:rgba(0, 0, 0, 0.03);
    width: 49%;
    border-bottom-right-radius: 70px;
    border-top-left-radius: 70px;}
.hzhb_con ul li:nth-child(2){ border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;}
.shop-img{    width: 28%;}
.shop-con{    width: 62%;}
.shop-title{font-size: 24px;}
.shop-link{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px;}
.shop-link a{width: calc(50% - 6px);
    margin: 12px 0 0;
    height: 50px;
    border-radius: 30px;
    border: 2px solid #f3d4c1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: inherit;
}
.shop-link a span{ color:  #fc6206;}
.shop-item:hover{background: #fc6206;
    border-color: #fc6206;
    color: #fff;}
.shop-item:hover span{  color: #fff;}

.hzubcon1{background: #f4f6f9;}
.fwkhlist .fwkh_ul .fwkh_li img{width: 100%;height: 100%; object-fit: cover;}
.fwkhlist .fwkh_ul .fwkh_li{background: #fff;overflow: hidden;    padding: 10px;}
.fwkhlist .fwkh_ul .fwkh_li:hover img{filter:Gray;transition: all .1s linear;-webkit-filter: grayscale(100%);
}
.fwkhlist .fwkh_ul .fwkh_li:hover .zzry_tit{color:#ea5b24}

.fwkhlist .fwkh_ul .fwkh_li .zzry_tit{height:50px; line-height:50px; text-align:center}

.fwkhlist .fwkh_ul{display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem;}
.fwkh_con{margin-top: 60px;}


.joinList li{background: #fff;border-radius: 50px;    margin-top: 20px;}

.joinList-menu{cursor: pointer; justify-content: space-between;align-items: center;padding: 0 58px;height: 80px;    display: flex;
    flex-wrap: wrap;}

.joinList-menu .title{align-items: center;transition: all .4s ease;     font-size: 18px; display: flex;
    flex-wrap: wrap;}

.joinList-menu .title::before{content: "";display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #f56004;margin-right: 20px;}

.joinList-menu .more{align-items: center;font-size: 16px; margin-top: 0; background: none;}
.joinList-menu .more:before{background: none;}

.joinList-menu:hover .title{color: #f56004;}
.joinList-menu .more .iconfont{transition: all .4s ease;display: inline-block;}
.joinList-menu.active .more .iconfont{transform: rotate(90deg);}

.joinList-drop{padding: 0 58px 58px;display: none;}

.joinList-drop-item:first-child{border-top: 1px solid #eee;padding-top: 40px;}


.joinList-drop-text p{line-height: inherit;    line-height: 36px;}

.joinList-drop-btn{line-height:59px; text-align: center; cursor: pointer;transition: all .4s ease; width: 180px;height: 59px;border-radius: 40px;box-shadow: 0 15px 30px -10px rgba(97, 97, 97, 0.15);border: 1px solid #f56004;}

.joinList-drop-btn:hover{color: #fff;background: #f56004}
.joinList-drop-btn a{color: #f56004;}
.joinList-drop-btn:hover a{color: #fff;}
.job_yx{    line-height: 35px;color: #666;}

.pagebar .pagination {
  display: flex;
  justify-content: center;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
     font-size: 1.2rem;
  margin: 0 5px;
  border-radius: 3px;
      width: 50px;
      height: 50px;
      border-radius: 100px;
      line-height: 50px;
      text-align: center;
}

.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
 background:#ea5b24;
     border: 1px solid #ea5b24; 
	 color: #fff;
}
.pagination a.page-num-current {
  color: #fff;
background:#fe1010;
     border: 1px solid  #fe1010;
}





/* 联系我们 */
/* .lianxi_bn{height:60vh;} */
.lianxi_bn .m{display:flex;align-items:center;justify-content:center}
.lianxi_bn .m img{max-width:70%;height:auto;padding-top:12rem;}
.n_lianxi{position:relative;z-index:9}
.n_lianxi .box1{display:flex}
.n_lianxi .box1 dl{width:25%;text-align:center}
.n_lianxi .box1 dt{font-size:1.875rem;color:#fff;font-weight:bold;padding:1.25rem 0;    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;}
.n_lianxi .box1 dt span{ font-size: 3rem;
    padding-right: 0.5rem;}   
#lx_wz{text-align: center;
    margin: auto;
    font-size: 5rem;
    color: #fff;
    max-width: 80%;    padding-top: 2rem; padding-bottom: 5rem;}
 /* margin-bottom:4.375rem */
}
.n_lianxi .box1 dd{font-size:1.125rem;color:#fff;line-height:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.n_lianxi .box1 dl+dl{border-left:1px solid #fff}
.n_lianxi .box2 .addbox{width:100%;display:flex;}
.n_lianxi .box2{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4.625rem}
.n_lianxi .box2 dl{padding:2rem 0;/* border-bottom:5px solid #fff;*/
 width:100%}
.n_lianxi .box2 dt{font-size:1.625rem;color:#fff;font-weight:bold;margin-bottom:.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem 0;}
.n_lianxi .box2 dd{font-size:1.5rem;color:#fff;line-height:1.5}
.lx_logo img{display:block;margin:0 auto;}
.lx_logo h2{text-align:center;color:#fff;font-size:3rem;font-weight:bold;margin-top:3.75rem;margin-bottom:3.75rem}
a{color: initial;}

.foot_lx{position: fixed; bottom:0; width: 100%;}
.s_about{color:#fff;position:relative;width:100%;overflow:hidden}
.s_about .m{height:100%;position:static}
.s_about .txt{font-size:1rem;line-height:1.9;max-width:840px;position:relative;z-index:10}
.s_about .txt .con{height:12.5rem}
.btn_explore{font-size:.9375rem;display:inline-block}
.s_about .building{position:absolute;right:0;bottom:0;z-index:9;width:89.5rem;max-width:90%}
.s_about .btn_tansou i:before{background:rgba(255,255,255,.2);}
.s_about .bd{position:relative;min-height:100vh}
.s_about_boll_box{display:inline-block;position:absolute;z-index:8;left:-2%;bottom:0;max-width:100%;max-height:110%}
.s_about_boll_box img{display:block}
.s_about_boll_box span{position:absolute;left:0;top:0;width:100%;height:100%}
.s_about_boll_box span:nth-child(1){z-index:3}
.s_about_boll_box span:nth-child(2){z-index:2}
.s_about_boll_box span:nth-child(3){z-index:1}
.s_about_boll_box span:nth-child(1){animation:aspin-reverse 13s infinite linear}
.s_about_boll_box span:nth-child(2){animation:aspin 13s infinite linear}
.s_about_boll_box span:nth-child(3){animation:aspin2 13s infinite linear}
#n_about{height: 58rem;}

@keyframes aspin{0%{transform:0}
33%{transform:translateX(-200px) translateY(-150px)}
66%{transform:translateX(120px) translateY(-260px)}
100%{transform:0}
}
@keyframes aspin2{0%{transform:0}
50%{transform:translateX(160px) translateY(220px)}
100%{transform:0}
}
@keyframes aspin-reverse{0%{transform:0}
50%{transform:translateX(200px) translateY(150px)}
100%{transform:0}
}

.swiper-backface-hidden .swiper-slide{transform: translateZ(0);
    backface-visibility: hidden;}
#m_header{display: none;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 996;
    width: 100%;
    background: #fff;}
	
#m_nav{display: none;}	
	
.top_nav{    background: #f56004;
    padding: 0 1.375rem;
    margin-left: 3.125rem;
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 0;
    height: 4.5rem;
   display: flex;
    align-items: center;
    justify-content: center;
    display: none;}	
@media screen and (max-width:1440px) {
	html{ font-size: 14px;}
	.warp1440{ width: 80%;}
	.h_about_tit h2{font-size: 30px;}
	.h_aboutfl .fl_aboutcon{font-size: 1rem;}
	.fl_about p,.fl_about h2{font-size: 1.2rem;}
	.h_about_tit h2{font-size: 2.3rem;}
	.about_d .about_d1 .iconfont{ width: 6rem; height: 6rem; line-height: 6rem; font-size: 3rem;}
	.about_d .about_d1 h3{font-size: 2.3rem; font-weight: 500;}
	.foot2con h3{font-size: 1.2rem;}
	.b_text h2{ font-size: 4rem;}
	.text_con{font-size:3rem}
	.n_about .bd .left,.n_about .bd .right{flex:1}
	.n_about .right img{ width: 100%;}
	.join3-title{font-size:2rem}
	#lx_wz{font-size: 3.5rem;}
	.s_fuwu .bd .centerbox img{width: 100%;}
}

@media screen and (max-width:1200px){
    .about_gg{ height:100%}
    html{font-size：14px}
    .ny_banner{    padding-top: 4.5rem;}
    .ny_banner .ny_text{top: 50%;}
    .ny_banner .ny_text span{ margin-top:0px}
	.menu{display: none;}
	.h_about_con{flex-wrap: wrap;}
	.h_about_fl,.h_about_fr{width:100%;}
	.h_aboutfl{padding-right:0}
	.fl_about{margin: 2rem 0rem;}
	.more{margin-top: 2rem; margin-bottom: 2rem;}
	.about_date{ margin-top: 0rem;}
	.about_d{margin: 2rem auto 0;}
	.about_d .about_d1 .iconfont{border: none;}
	.about_d{flex-wrap:wrap; width: 100%;}
	.about_d .about_d1{ width: 50%;gap: 0rem;}
	.about_d .about_d1 h3{font-size: 1.5rem; display:inline-block}
	.about_d .about_d1 span{display:inline-block}
	.about_jc{display:initial}
	.products_con .bg_img{    top: -2px;}
	.h_pro_text{    line-height: 2rem;}
	.bg_img img{ width: 100%;}
	.s_fuwu .bd .box{height: 25rem;
    padding: 0 2rem;}
	.s_fuwu .bd .centerbox {
	    width: 25rem;
	    height: 25rem;
	}
	.s_fuwu .hd .box:before,.s_fuwu .hd .box:after{width: 1rem;}
	.s_fuwu .hd .swiper-slide-thumb-active .box h3{    width: 5rem;}
	.s_fuwu .bd .arr_right{    right: 1rem;}
	.s_fuwu .bd .arr_left{left: 1rem;}
	.join3-swiper .swiper-slide{    width: 60%;
    max-width: none;}
	#header{ display: none;}
#m_header{display: block;}
#m_header .m{    display: flex;
    justify-content: space-between;
    height: 4.5rem;}	
#m_header .top_menu_box{margin-right: 6rem;    display: flex;
    gap: 3rem;
    flex-shrink: 0;}	

.menubtn{width: 1.875rem;
    height:3.875rem;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;}	
	
.menubtn span{    display: block;
    width: 1.875rem;
    height: 3px;
    background: #fff;
    position: relative;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;}
		
.menubtn span:before{    top: -7px;
    transition-property: top, transform;}	
		
.menubtn span:after, .menubtn span:before{content: "";
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 3px;
    left: 0;
    background-color: #fff;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;}		
.menubtn span:after{    bottom: -7px;
    left: 50%;
    transition-property: bottom, transform;}		
		
.menubtn.active span {
  background-color: transparent !important;
  transition-delay: 0s, 0s;
}

.menubtn.active span:after, .menubtn.active span:before {
  width: 100%;
  background: #fff;
  transition-delay: 0s, 0.3s;
}

.menubtn.active span:before {
  top: 0;
  transform: rotate(45deg);
}

.menubtn.active span:after {
  bottom: 0;
  left: 0;
  transform: rotate(-45deg);
}
		
#m_nav {
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 999;
  padding: 3.125rem 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  visibility: hidden;
  background: #f56004;
  transform-origin: left;
  -webkit-clip-path: inset(0 0 calc(100vh - 4.5rem) calc(100vw - 4.5rem));
          clip-path: inset(0 0 calc(100vh - 4.5rem) calc(100vw - 4.5rem));
		  display: block;
}
.top_nav{display: block;}
nav ul{    display: inherit;}
#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  opacity: 1;
  transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav::-webkit-scrollbar {
  display: none;
}

#m_nav .outbox {
  transform: translateY(120px);
  opacity: 0;
  transition: all 1.2s ease;
}

#m_nav.act .outbox {
  transform: translateY(0);
  opacity: 1;
}

#m_logo img{    width: 180px;
    margin-top: 20px;
    padding-left: 20px;}

#m_nav::-webkit-scrollbar {
  display: none;
}
.s_fuwu .s_tt h3{padding-top: 6rem;font-size: 1.875rem;}
#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav ul > li {
  overflow: hidden;
  padding: 0;
}

#m_nav ul > li + li {
  border-top: 1px solid rgba(220, 220, 220, 0.1);
}

#m_nav li .a {
  display: block;
}

#m_nav li h3 {
  line-height: 4.5rem;
  height: 4.5rem;
  color: #fff;
  font-weight: bold;
  padding: 0 2rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav li .a {
  flex-grow: 1;
      line-height: 4.5rem;
}

#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 3.125rem;
  text-align: center;
}

#m_nav li i {
  font-size: 0;
}

#m_nav .title i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  width: 30px;
  height: 4.5rem;
  opacity: 0.8;
  float: right;
  display: block;
  background: url(https://www.gybiotech.cn/assets/vango/pc/images/arr_white.svg) center no-repeat;
  background-size: 16px;
}

#m_nav li.on.title i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav .on.title i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav li {
  display: block;
  width: 100%;
}

#m_nav .slide_nav {
  position: absolute;
  left: 0;
  height: 70px;
  z-index: 998;
  padding: 15px;
  top: 0;
  width: 100%;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: 0;
  border: 0;
  clear: both;
  padding-bottom: 1rem;
}

#m_nav .title .list span {
  background: 0;
}

#m_nav .title .list span a:hover {
  color: #014085;
}

#m_nav .title .list a {
  display: block;
  font-size: 1.0625rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 0 2rem;
  line-height: 2.5rem;
  border: 0;
  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav .title .list .void > a {
  background-size: 10px;
  position: relative;
}

#m_nav .title .list .void > a:before {
  content: "·";
  position: absolute;
  left: -1em;
  font-size: 12px;
  font-weight: bold;
}

#m_nav .title .list span {
  position: relative;
  display: block;
}

#m_nav .title .list span .sub {
  position: static;
  width: 100%;
  display: block !important;
  overflow: hidden;
}

#m_nav .title .sub a {
  background: 0;
  font-size: 0.875rem;
  opacity: 0.8;
  min-width: 50%;
  float: left;
  display: block;
  color: #fff;
}

.nav_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

#m_nav li h3 {
  transform: translateY(3.125rem);
  opacity: 0;
}

#m_nav li .list a {
  transform: translateY(3.125rem);
  opacity: 0;
}

#m_nav.act li h3 {
  transform: translateY(0);
  transition: all 0.5s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1);
  opacity: 1;
}

#m_nav.act .list a {
  transform: translateY(0);
  transition: all 0.5s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1);
  opacity: 1;
}		
		
#header{display: none;}	
#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  opacity: 1;
  transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1);
  
  
}


.pro_arc .swiper-button-next, .pro_arc .swiper-button-prev{ display:none}
.foot3 p{    line-height: 2rem;
    font-size: 1rem;
    text-align: center;
    padding: 1rem;}	
    
 .base-img .img-bg{    background-size: 100% !important;}   
    .join3_c h2,.ln_con .yrln_text h2{    font-size: 2rem;}
 .ln_text h3{font-size: 1.5rem;}   
 .ln_text p{line-height: 1.8rem;}
  .ln_con{    gap: 2rem;}  
  
 .news_text{height:auto;    padding: 2rem;}
 .news_text span{margin-bottom: 1rem;}
  .news_text h3{    font-size: 1.5rem;margin-bottom: 1rem;}
  
  .h_about_fr{padding-top:0px}
  
  
  
  
  
  
  
	}

@media screen and (max-width:768px){
    
 body, html{font-size:12px}
.warp1440{ width: 90%;}	
.f_more.more,.foot_fl1,.foot2_fl,.foot1{ display: none;}	
.h_pro_con{        width: 100%;top: 40%;
    color: #fff;
    padding-left: 0;
    left: 0;
    padding: 0 5%;}
.pro_h_nav{ width:100%}
.pro_h_nav ul{    margin-top: 2rem;text-align: center;}
.pro_h_nav ul li{line-height: 3rem;    font-size: 1rem;color: #fff;}
.pro_m p{font-size: 12px;}	
.pro_m h3{font-size: 1.3rem;}
.pro_m h2{    font-size: 1rem;}
.pro_t{padding-left: 2rem;}
.pro_m{    padding-top: 6rem;    width: 100%; height: 50%;}
.pad_top{padding-top:2rem}
.pad_bot{padding-bottom:2rem;}
.home_news_con .swiper-pagination-bullets.swiper-pagination-horizontal{    bottom: -20px;}
.ny_banner .ny_text h2{    font-size: 1rem;}
.runpic-pic{    height: 610px;}
.ny_banner .ny_text span{    font-size: 1rem;}
.logo img{ width: 50px;}
.n_about .bd .left, .n_about .bd .right{width: 100%;
    flex: auto;}
	.n_about .bd{    flex-wrap: wrap;}
	.qywh_list{grid-template-columns: initial;}
		.wh_tit h2{    font-size: 2rem;}
.qywh_list .qywh_li .iconfont{ width: 80px; height: 80px; line-height: 80px;}

.qywh_list .qywh_li .iconfont{    font-size: 3rem;}
.intofz-menu a{    font-size: 1rem;height: 2rem;}
.intofz-loop-img, .intofz-loop-list{ width: 100%;}
.intofz-loop-img{padding-right: 0;}
.intofz-loop-img .date p{font-size: 3rem;}
.intofz-loop-img .date p:last-child{margin-right:0px}
.intofz-loop-list::after{height: 2000px;
    top: -40px;
    left: 10px;}
.intofz-loop-list li{padding: 0 0 0 30px;}
.intofz-loop-dot::after{display: none;}
.intofz-loop-dot{left: 6px;}
.shop-link a{height: 3rem;    font-size: 1rem; margin: 0;}
.shop-con,.shop-img{width: 100%;text-align: center;}
.shop-img img{width: 50px;}
.shop-title{    font-size: 16px;}
.hzhb_con ul li{padding: 20px; width: 100%; margin-bottom: 10px; flex-wrap: wrap;}
.fwkh_con{    margin-top: 20px;}
.news{display: none;}
.news_ul{grid-template-columns: inherit;}
.arcnews_right{display: none;}
.products_content .fl ul li span{    font-size: 3rem;}
.products_content .fl ul li h2{    font-size: 1.5rem;    line-height: 1.5rem;}
.product_li.swiper-slide{    flex-wrap: wrap;}
.product_li .product_img,.product_li .product_text{width: 100%;}
.p_arc_con{    grid-template-columns: inherit; gap:0}
.p_arc_fl .fh{left: 28%;}
.p_arc_fl .fh a{height: 3rem;line-height: 3rem;font-size: 1rem;}
.pro_arc .swiper-button-next,.pro_arc .swiper-button-prev{top:33%}
.pro_arc .swiper-button-prev{right: 23%;}
.pro_arc .swiper-button-next{right: 0;}
.pro_nav ul li{line-height: 3rem;}
.pro_pnav{    margin-top: 2.5rem;}
.p_arc_ms{ width: 90%;    padding-top: 2rem;
    margin-left:0; margin: auto;}
	.s_fuwu .bd .box{    padding: 0 1rem;
    height: 30rem;}
	.s_fuwu .bd .centerbox{    width: 30rem;
    height: 30rem;}
	.s_fuwu .bd .swiper {
	    width: 30rem;    overflow: hidden;
	}
	.s_fuwu .bd .arr{    width: 2.5rem;
    height: 2.5rem;}
.ln_con{    flex-wrap: wrap;}
.Xy41Kvfn8OmrAd6ZmErQ{  height: 300px;animation: auto; width: 100%;}
.Xy41Kvfn8OmrAd6ZmErQ img{    width: 100%;
    height: 300px;}
	.join3-swiper .swiper-slide{width: 80%;
    max-width: none;}
	.join3-text{padding: 20px;}
	.lianxi_bn .m img{    max-width: 50%;padding-top: 5rem;}
	#lx_wz{font-size: 2rem;}
	.news_ul{ margin-top: 2rem;}
	.p_arc_fl .fh{    bottom: 10px;}
.hzhbcon .h_tit, .hzubcon1 .h_tit{ font-size:2rem}
.hzhb_con ul{ margin-top:2rem}


}
@media screen and (max-width:640px){
	html{font-size: 12px;}
	.position_con{display: none;}
	.position .ny_p .t_menu ul li a{font-size: 1.125rem;line-height: 3.375rem;}
	.position{height: auto;}
	.about_gg .txt h3{    font-size: 2rem;}
	.b_text h2{font-size: 2rem;}
	.s_fuwu .bd .box{padding: 0 2rem;
    height: 22rem;}
	.join3-swiper .swiper-slide{width: 90%;}
	.join2-des{font-size: 1rem;}
	.join3-title{font-size: 1.5rem;}
.join3-button{width: 3rem;
    height: 3rem;}
	.n_lianxi .box1 dl{width: 50%;}
	.n_lianxi .box1{    flex-wrap: wrap;}
	.lx_box a{    font-size: 1rem;}
	.n_lianxi .box1 dl+dl{border:none;}
	
	.fwkhlist .fwkh_ul{grid-template-columns:auto}
	
	
}
@media (max-width: 480px){
	.lianxi_bn{height: 35vh;}
	.s_fuwu .bd .swiper {
	    width: 22rem;
	}
	.n_lianxi .box2 .addbox{    flex-wrap: wrap;}
	.s_fuwu .bd .centerbox {
	    width: 22rem;
	    height: 22rem;
	}
	.t_menu ul{    gap: 3rem;}
}