@media screen and (max-width: 1199px){
  .pchea{display: none}
  .subhlogo{display: block}
  .box3_cont>div.words a{background-size: contain !important}
  .footop ul{/*display: none*/ line-height:180%;}
  .footop {justify-content: center}
  .about2_spic .swiper-prev, .about2_spic .swiper-next{display: none}
  .snav .snavfoo{padding-top: 0.7rem}
  .box1 img{display: none}
  header{padding-top: 80px;}
  .all_banner{display: none}
  .banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover}
  .joinin1_swiper .swiper-prev, .about3_swiper .swiper-prev, .about6_swiper .swiper-prev{left: 5px; color: #fabe00} 
  .joinin1_swiper .swiper-next, .about3_swiper .swiper-next, .about6_swiper .swiper-next{right: 5px; color: #fabe00}
}

@media screen and (max-width: 991px){
  .box2 .box2ul{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 1300px;
  }
  .box2 .box2ul li .picwarp{margin-top: 0px;}
  .box2 .box2ul li{width: 32%; margin-right: 2%;margin-top: 1rem}
  .box2 .box2ul li:nth-of-type(3n+3){margin-right: 0px;}
  .box2 .box2ul li h6, .box2 .box2ul li p{display: none}
  .store_map #map, .store_map .map_swiper{float: none; width: 100%; }
  .store_map #map #allmap, .map_swiper .swiper-container{height: 7rem; min-height: 350px}
  .map_swiper .swiper-slide .pic{display: none}
  .map_swiper .swiper-slide .words{float: none; width: 100%}
  .proview_left, .proview_right, .procont_left{width: 100%; float: none;}
  .proview_right{margin: 15px 0px; min-height: auto;}
  .pv-ct{position: relative; right: auto; bottom: auto; margin-top: 20px; left: auto;}
  .procont_right{display: none}
  .about1 li .words h5{font-size: 20px}
  .about2_bpic .swiper-slide{background: no-repeat; background-color: #fff}
  .about2_bpic .swiper-slide .words, .about2_bpic .pic, .about5 .words{float: none; width: 100%;}
  .about2_bpic .swiper-slide .words{padding: 0 0 20px}
  .about5 img{display: none}
  .about5 .title h5 br{display: none}
  .about5 p{margin-top: 0.2rem}
  .feedback img{display: none}
  .feedback .feedform{width: 100%}






}

@media screen and (max-width: 767px){
  .banner{height: 100vh; padding-top: 60px}
  .banner .swiper-container{height: 100%;}
  .banner div img{height: 100%; width: 100%; object-fit: cover}
  .subhlogo .hloho{ width: 40%; min-width: 150px;}
  .header{padding-top: 0px;}
  .subhlogo .layout{height: 60px;}
  .meun-btn {width: 30px;height: 30px;}
  .meun-btn span {height: 3px;}
  .box3_tit .left hr, .title hr{width: 30px;}
  .box3_tit .left h5, .title h5{font-size: 28px}
  .box3_tit .left h6, .title h6{font-size: 16px}
  .box2 .title .box2ulone li{font-size:16px;}
  .box1 p, .box2 .title p{font-size: 16px; line-height: 150%}
  .box2 .box2ul li .picwarp{width: 100px; height: 100px;}
  .box2 .box2ul li h5{font-size: 12px;}
  .box2{min-height: auto; padding-bottom: 30px;}
  .box3_tit img, .page_nav_bd{display: none}
  .box3_cont>div{float: none; width: 100%}
  .box4 .layout{display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 0px;}
  .box4 .layout .title p{font-size: 14px; line-height: 24px; margin-top: 15px}
  .box4_pagination{position: relative; color: #000; bottom: 0px; display: none}
  .box4_pagination>div{color: #000}
  .box6 ul li{float:none; width:100%; margin: 0 0 20px}
  .box6 dl{justify-content: space-between}
  .box6 dl dd{margin-right: 0px; width: 32%}
  .box6 ul li .words h5{font-size: 16px;}
  .box6 ul li .words p{font-size: 14px; line-height: 24px; height: 48px;}
  footer br{display: block}
  .foobot p{font-size: 14px; text-align: left}
  .tanchuang-content{left:0;width: 100%; max-width: 100%; margin-left: 0;padding: 8% 4%;}
  .tanchuang-content .will_close{right: 0;top:0;}
  .tanchuang-content h6{font-size: 18px;line-height: 30px;}
  .tanchuang-content h6 span{font-size: 16px;}
  .form-control2 label{font-size: 14px;width: 20%;}
  .form-control2 input{width: 80%;}
  .form-control2 select{width:80%;margin-bottom: 2%;margin-left: 20%; }
  .form-control2 select option{font-size: 14px;}
  .form-control2 select:nth-of-type(1){margin-top: -32px;}
  .form-control2{display: flex;flex-wrap: wrap;margin-bottom: 10px;width: 100%;}
  .second_nav{width: 250px}
  .fix_list{width: 100%;display: flex; bottom: 10px; top: auto; justify-content: center;align-items: center;}
  .fix_list li{width: 50px;box-sizing: border-box;height: 50px;border-radius: 50%;margin-right: 10px;}
  .fix_list li:last-of-type{border-right: none;margin-right: 0;}
  .fix_list li img {height: 20px;}
  .fix_list li p{font-size: 12px;}
  .fix_list .phone:hover .fix_te{opacity: 0;}
  .fix_qr .fix_te{top:auto;bottom:50px;right: 0;}
  .fix_list .back i{font-size: 20px}
  .fengpage li, .snav>.snavtop{display: none}
  .fengpage li.feng,   .fengpage li.fengli{display: block}
  .case_list li{margin-right: 0px; width: 100%; float: none}
  .page_nav_hd{font-size: 14px; }
  .page_nav_hd .right li a{padding: 9.5px 20px}
  .page_nav_bd li{line-height: 40px; height: 40px; font-size: 14px; width: 33%; padding: 0px; text-align: center}
  .snav>.snavtop dl{width: 100%; }
  .snav>.snavtop{flex-direction: column; padding-bottom: 5px; align-items: flex-start}
  .snav dt, .snav dd{line-height: 36px}
  .snav form .form_input{min-width: 300px;}
  .stroe_form .flex-grow{display: none}
  .stroe_form{flex-wrap: wrap}
  .stroe_form .form, .stroe_form select{width: 49.5%; height: 36px; margin: 5px 0px; padding: 0px;}
  .service_list li h6{font-size: 18px; min-height: 50px}
  .pro_view_btn a{width: 125px; font-size: 14px; padding: 5px 7px}
  .procont_left .cpnt{padding: 20px 0px;}
  .about1 li .words h5, .about2_bpic .words h6{font-size: 16px;}
  .about1 ul{display: block}
  .about1 li{width: 100%}
  .about1 li .words p{font-size: 14px}
  .about2_bpic .words h5{font-size: 32px;}
  .about2_bpic .words p{font-size: 14px; margin-top: 0.2rem}
  .about2_bpic .words h3{font-size: 20px; margin-top: 10px; line-height: 120%}
  .about4 p{font-size: 14px;}
  .about5 p{font-size: 14px; line-height: 20px;}
  .news_list li{margin-right: 0px; float: none; width: 100%}
  .news_list li .words h4{margin-top: 0.2rem}
  .news_list li .words h5{font-size: 16px;}
  .news_list li .words h6{font-size: 14px; line-height: 18px; height: 36px;}
  .actform div.flex .formName, .actform div.flex .formTelephone, .actform div.flex select{width: 49%;}
  .actform div.flex{flex-wrap:wrap}
  .actform .ver_code1, .actform .form_btn{display: block}
  .actform .form_btn input{min-width: 42%; font-size: 12px; margin-top: 20px; margin-right: 10px; margin-left: 0px}
	.join li .words1>div{float: none; width: 100%; padding-left: 0px !important; border: none !important;}
	.join li .words1 div:nth-of-type(1){margin-bottom: 15px;}
	.join dd:nth-of-type(5), .join dd:nth-of-type(3){display: none} 
	.join dd{width: 33%; font-size: 14px;}
	.join li .more{margin-left: auto; margin-right: auto}
  .feedback .form_btn input{margin-right: 0.2rem}
  .feedback .feedform h5{font-size: 24px;}
  .feedback .feedform h5 span{font-size: 24px}
  .con-box{flex-wrap: wrap;height: auto;}
  .con-box li{width: 50%;border-bottom: 1px solid #dfdfdf;height: 140px;}
  .con-box li h6{font-size: 14px;height: 40px;}
  .con-box li:nth-of-type(2){border-right: none;}
  .con-box li:nth-of-type(3){border-bottom: none;}
  .con-box li:nth-of-type(4){border-bottom: none;}
  .joinin3 li .words{background: none !important}
  .joinin3 li img, .joinin3 li .words{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
  .joinin3 li .words{z-index: 2; background-color: rgba(0, 0, 0, 0.4) !important; }
  .joinin3 li .words h5, .joinin3 li .words h6, .joinin3 li .words p{color: #fff;}
  .joinin3 li{height: 6.5rem;}
  .about3_swiper .swiper-slide .pic img{width: 98%; height: 98%;}
  .joinin4 li{width: 33%}
  .joinin4 li p{line-height: 24px; font-size: 14px; height: 48px;}
  .joinin4 li h5{font-size: 16px; line-height: 24px}
  .joinin4 li i{margin-bottom: 10px}
  .joinform, .joinin_swiper{width: 100%; float: none; position: relative; top: auto; height: auto; bottom: auto;}
  .joinin_swiper .swiper-slide{flex-direction: column; padding: 10px 0}
  .joinform .jiam p, .joinform .jiam input, .joinform .jiam label, .joinform figure>input, .joinform form select{font-size: 14px;}
  .joinin5{background-size: cover}
  .contwords li p:nth-of-type(1){width: auto; min-width: 75px;}
  .contwords li p:nth-of-type(2){width: 100%; font-size: 14px}
  .second_nav form{height: 60px;}
  .box3_cont{display: flex; flex-direction: column;}
  .box3_cont>.words{order:1}
  .box5 .swiper-container img{min-height: 300px}
  .foobot p, .joinin_swiper, .about4 img{display: none}
  .foobot p:nth-last-of-type(1), .foobot p:nth-last-of-type(2){display: block}
  .box6_swiper .swiper-pagination{display: block}
  .page_nav_bd li{float: none; width: 100%; border-bottom: 1px solid #d3d3d3;line-height: normal;  height: 50px;}
  .page_nav_bd li:nth-last-of-type(1){border-bottom: 0px; }
  .page_nav_bd li.li_act{background-color: #fabe00}
  .page_nav_bd li{font-size: 16px;}
  .page_nav_bd li a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  .contwords li{align-items: flex-start;}
  .join li .words .bdsharebuttonboxpro{float: left;}
  .box1 .layout1400{padding-bottom: 15px;}
  .joinform .ver_code > p{font-size: 14px;}
  .joinform .ver_code .code-box{width: 200px;}
  .form_btn {display: flex; justify-content: center; align-items: center;}
  .about5{padding: 0.5rem 15px;}
  .joinform .ver_code {display: flex; justify-content: 	center; align-items: center;}
  .about5 .title hr{margin-left: auto; margin-right: auto}
  .about5 .title h5, .about5 .title h6{text-align: center}
  .joinin7{display: none}
  .joinin7modil{display: block}
  .joinin7modil li{float: right;}
  .joinin7modil li:nth-of-type(7){float: left;}
  .joinin7modil li:nth-of-type(8){float: left;}

  /* .joinin7modil li:nth-of-type(3) i::before{left: 50%; bottom: -14px;margin-left: -5px; transform: rotateZ(90deg)}
  .joinin7modil li:nth-of-type(4) i::before{left: -10px; top: 50%;margin-top: -10px; transform: rotateY(180deg)}
  .joinin7modil li:nth-of-type(5) i::before{left: -10px; top: 50%;margin-top: -10px; transform: rotateY(180deg)}
  .joinin7modil li:nth-of-type(6) i::before{left: 50%; bottom: -14px;margin-left: -5px; transform: rotateZ(90deg)} */

  .joinin7modil li:nth-of-type(1) i::before{left: 50%; bottom: -14px;margin-left: -5px; transform: rotateZ(90deg); right: auto; top: auto; margin-top: auto}
  .joinin7modil li:nth-of-type(2) i::before{right: -10px; top: 50%;margin-top: -10px;}
  .joinin7modil li:nth-of-type(3) i::before{right: -10px; top: 50%;margin-top: -10px;}
  .joinin7modil li:nth-of-type(4) i::before{left: -5px; top: 50%;margin-top: -10px; transform: rotateY(180deg)}
  .joinin7modil li:nth-of-type(5) i::before{left: -10px; top: 50%;margin-top: -10px; transform: rotateY(180deg)}
  .joinin7modil li:nth-of-type(6) i::before{left: 50%; bottom: -14px;margin-left: -5px; transform: rotateZ(90deg); right: auto; top: auto; margin-top: auto}
  .joinin7modil li:nth-of-type(7) i::before{left: auto; top: auto; margin-top: auto; transform: rotateY(0deg); right: -10px; top: 50%;margin-top: -10px;}
  .joinin7modil li:nth-of-type(8) i::before{content: none}










}

@media screen and (max-width: 414px){
  .box2 .title .box2ulone li{font-size: 14px;}
  .box2 .box2ul li .picwarp{width: 70px; height: 70px;}
  .box2 .box2ul li .picwarp img{width: 58%; height: 80%; object-fit: contain}
  .pv-ct a span{font-size: 14px}
  .procont_left h5{font-size: 36px}
  .joinin3 li .words h5, .joinin3 li .words h6, .joinin3 li .words p{font-size: 14px}
  .joinform .form_btn input{margin-right: 10px;  min-width: 100px;}
  .joinin4 li{width: 50%}
}