@media screen and (max-width: 1200px){
    .nav_wrap{padding: 0 2%;}
    .searching{display: none;}
    .nav_wrap .Innavs > ul{width: 75%;justify-content: flex-end}
    .nav_wrap .Innavs > ul li{margin: 0 ;margin-left: 3%}
    .as_title{padding: 0 2%;}
    .create_main{padding: 0 2%;}
    .Inproduct_Wrap{padding: 0 4%;}
    .Injoin_wrap{padding-left: 4%;padding-right: 4%}
    .Inchoose{padding: 0 2%;}
    .Innews{padding: 0 2%;}
    .Inonline_con{padding: 0 2%;}
    .footers .footers_con{padding-left: 2%;padding-right: 2%}
    .Inonline .Inonline_con .Inonline_right{width: 40%}
    .nav_wrap .Innavs > a{min-width: 195px;}
    .second_Navs ul{padding: 0;}
    .about{padding-left: 3%;padding-right: 3%}
    .about .about_con figcaption{padding: 0 3%;flex-wrap: wrap;justify-content: center;align-items: center;}
    .about .about_con figcaption img{margin: 0 auto 10px auto;}
    .about .about_con figcaption img:last-of-type{margin-right: auto}
    /*.products .proCon .proTop{padding: 0 3%;}*/
    .proTop_Child{padding: 0 3%;}
    .products .proCon .pro_list{padding: 0 3%;}
    .joins_con{padding-left: 3%;padding-right: 3%}
    .case_list{padding: 0 3%;}
    .honor_list{padding: 0 3%;}
    .newsTop{padding: 0 3%;}
    .news .newsBottom > ul{padding: 0 3%;}
    .map .mapCon{padding: 0 3%;}
    .contact .contactCon{padding: 0 3%;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure i{display: none;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure:before{display: none;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide:after{display: none;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide{padding: 0;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure{position: relative;}


    .join_fif{padding: 0 3%;}
    .joinWhy{padding: 0 3%;}
    .join9{padding: 0 3%;}
    .joinLiu{padding-left: 3%;padding-right: 3%}
    .join_online .joinOn_Wrap{padding: 0 3%;}


}


@media screen and (max-width: 1024px){
    .tops{display: none;}
    .nav_wrap .Innavs > ul{display: none;}
    .ryze_nav{display: block;z-index: 888}
    .Inyoushi{padding: 0 2%;}
    .Inyoushi .faker_Youshi{flex-direction: column}
    .Inyoushi .faker_Youshi li .Content_youshi{width: 100%;max-width:100%;}
    .Inyoushi .faker_Youshi li .Content_youshi .youshi_right{padding: .35rem;}
    .Inyoushi .faker_Youshi li .Content_youshi .youshi_right .youshi_top{justify-content: center;}
    .Inyoushi .faker_Youshi li .Content_youshi .youshi_right .youshi_top figure div{right: auto;left: 40%;}
    .create_main > ul{flex-direction: column;}
    .create_main > ul > li:first-of-type:before{display: none;}
    .create_main > ul > li:first-of-type{padding-left: 0}
    .create_main > ul > li{width: 100%}
    .create_main > ul > li:first-of-type img{display: block;margin: 0 auto;height: auto;width: auto}
    .create_main > ul > li:last-of-type{margin-top: 15px    }
    .create_main:before{display: none;}
    .create_main:after{display: none;}
    .Innews{flex-direction: column}
    .Innews .Innews_list{width: 100%}
    .Innews .Innews_normal{width: 100%}
    .Inonline .Inonline_con{flex-direction: column}
    .Inonline .Inonline_con .Inonline_left{width: 100%;padding-left: 0}
    .Inonline .Inonline_con .Inonline_left > h3{text-align: center}
    .Inonline .Inonline_con .Inonline_left > p{text-align: center}
    .Inonline .Inonline_con .Inonline_left figure{justify-content: center;}
    .Inonline .Inonline_con .Inonline_left figure figcaption p{color: white;}
    .Inonline .Inonline_con .Inonline_left figure figcaption a{color: white ;}
    .Inonline .Inonline_con .Inonline_right{width: 50%}
    .footers .footers_con > div{display: none;}
    .footers .footers_con > figure{display: none;}
    .footers .footers_con{justify-content: center;}
    .as_title p{width: 90%}
    .Innews .Innews_normal .Innews_wrapper{padding-right: 0}
    .joins .joins_con > ul > li{width: 48%;margin: 0 1%;margin-bottom: 20px}
    .joins .joins_con > ul > li:nth-of-type(3n){margin-right: 1%;margin-bottom: 20px}
    .joins .joins_con > ul > li a figure figcaption h3{font-size: 16px}
    .honors .honorCon .honor_list li{width: 48%;margin: 0 1%;margin-bottom: 15px}
    .honors .honorCon .honor_list li:nth-of-type(3n){margin-right: 1%}
    .honors .honorCon .honor_list li a figure figcaption{font-size: 14px}
    .news .newsBottom > ul > li{width: 48%;margin: 0 1%;margin-bottom: 15px}
    .news .newsBottom > ul > li:nth-of-type(3n){margin-right: 1%}
    .pro_view_f .pro_view_fcon { flex-direction: column; }
    .pro_view_f .pro_view_fcon > ul { justify-content: center; flex-direction: column; padding: 0 2%; width: 100%; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type { order: 2; width: 100%; height: 2rem; flex-direction: initial; margin: .2rem auto; }
    .pro_view_f .pro_view_fcon > ul > li:last-of-type { width: 100%; height: auto; }
    .pro_view_f .pro_view_fcon > ul > li:last-of-type a { padding: 29% 0; margin: 0 auto; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type i { width: 30px; height: 30px; padding: 0; line-height: 30px; text-align: center; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container { width: 100%; height: 100%; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide { width: 23% !important; margin-left: 2%; height: 100% !important; position: relative; margin-top: auto; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide:first-of-type { margin-left: 0; margin-top: auto; }
    .pro_view_f .pro_view_fcon figure { margin: .3rem auto; }
    .pro_view_f .pro_view_fcon figure > a { width: 60%; }
    .pro_view_f .pro_view_fcon figure > div { padding: 15px 3%; }
    .pro_view_b { padding: .3rem 0; }
    .pro_view_b .pro_share { justify-content: space-around; margin-bottom: .3rem; flex-wrap: wrap; }
    .pro_view_b .pro_view_bcon { display: block; }
    .pro_view_b .pro_view_bcon .bcon_right > ul { display: none; }
    .pro_view_b .pro_view_bcon .bcon_left { width: 100%; }
    .map .mapCon{flex-direction: column}
    .map .mapCon .mapWrap{width: 100%}
    .map .mapCon figcaption{width: 100%;padding: 20px 10px;}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure h3{padding: 15px;font-size: 16px}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure p{padding: 20px;}


    .joinPage .joinWhy ul li span{font-size: 16px;width: 30px;height: 30px;border-radius: 15px;line-height: 30px}
    .joinPage .joinWhy ul li h3{font-size: 16px}
    .joinPage .joinWhy ul li p{font-size: 14px}
    .join9 > figcaption > ul{display: block;}
    .join9 > figcaption > ul:before{display: none;}
    .join9 > figcaption > ul li{width: 100%;margin: 10px auto;justify-content: center;font-size: 14px;text-align: center;flex-wrap: wrap;background: #ef8200!important;color: white!important;}
    .join9 > figcaption > ul li:nth-of-type(2n){margin: 0 auto;justify-content: center;background: white!important;color: #333333!important;}
    .join9 > figcaption > ul li span{color: white!important;}
    .join9 > figcaption > ul li:nth-of-type(2n) span{color: #333333!important;}
    .join9 > figcaption > ul li:before{display: none;}
    .join9 > figcaption > ul li:nth-of-type(2n):before{display: none;}
    .join9 > figcaption > ul li span{font-size: 14px}
    .joinLiu > ul{justify-content: space-between}
    .joinLiu > ul li{width: 25%}
    .joinLiu > ul li:last-of-type{margin-right: 1%}
    .joinLiu > ul li > p:after{right: 0}
    .join_online .joinOn_Wrap h3{font-size: 16px;text-align: center;font-weight: normal;}
    .join_online .joinOn_Wrap h3 span{font-size: 16px;font-weight: normal}
    .join_online .joinOn_Wrap > P{text-align: center}
    .join_online .joinOn_Wrap .Inform{width: 80%;margin: 0 auto;}
    .join9 > figcaption{width: 100%}
    .joinPage .join_fif .joinPage_youshi .swiper-wrapper li h3{font-size: 16px}
    .newsView .newsView_con .newsV_list{display: none;}
    .newsView .newsView_con .newsV_main{width: 100%}
}



@media screen and (max-width: 769px){
    .nav_wrap .Innavs{padding: 5px 0;}
    .nav_wrap .Innavs > a{min-width: 145px;}
    .about .about_con > h3{font-size: 16px}
    .as_title h3{font-size: 16px}
    .as_title h3 span{font-size: 16px}
    .as_title div figure b{font-size: 14px}
    .ryze_nav{width: 25px;height: 25px;}
    .Inyoushi .faker_Youshi li .Content_youshi .youshi_right .youshi_top figure div{top: -3%;}
    .create_main > ul > li:last-of-type div h3{font-size: 16px}
    .create_main > ul > li:last-of-type div h4{font-size: 14px}
    .create_main > ul > li:last-of-type div{margin-bottom: 10px}
    .create_main > ul > li:last-of-type dl{height: 40px;}
    .Inproduct-top{margin-bottom: 0}
    .Inproduct-top li{margin-bottom: 5px;}
    .Inchoose ul li{padding: 5px 0;}
    .Inproduct_Wrap .Inproduct-con .swiper-wrapper .swiper-slide a figure figcaption{padding: 15px;}
    .Inproduct_Wrap .Inproduct-con .swiper-wrapper .swiper-slide a figure figcaption h3{font-size: 16px}
    .Injoin_wrap .Injoin_con .Injoin_swiper .swiper-wrapper .swiper-slide a figure figcaption{font-size: 14px}
    .Inchoose ul li{width: 100%}
    .Inchoose ul li span{width: 30px;height: 30px;border-radius: 15px}
    .Inchoose ul li h3{font-size: 16px}
    .Inchoose ul li p{font-size: 14px}
    .Inonline .Inonline_con{background: transparent;}
    .Inonline .Inonline_con .Inonline_left > h3{font-size: 16px;display: none;}
    .Inonline .Inonline_con .Inonline_left > h3 span{font-size: 16px;display: none;}
    .Inonline .Inonline_con .Inonline_left > p{font-size: 14px;display: none;}
    .Inonline .Inonline_con .Inonline_right > h3{font-size: 16px}
    .Inonline .Inonline_con .Inonline_right > h3 span{font-size: 16px}
    .Inonline .Inonline_con .Inonline_right > p{font-size: 16px}
    .Inonline .Inonline_con .Inonline_right{width: 100%}
    .Inonline .Inonline_con .Inonline_right .Inform > div .ver_code .code-box{min-width: 215px;}
    .Inonline .Inonline_con .Inonline_right .Inform > div > figure .submit-btn{font-size: 14px}
    .footers .footers_con > ul li{flex-wrap: wrap;}
    .nav_wrap{position: fixed;top: 0;left: 0;width: 100%;z-index: 5;background: white;}
    .Inbanner{margin-top: 40px;}
    .products .proCon .proTop_Child li a{font-size: 14px}
    .products .proCon .proTop li a{font-size: 14px}
    .products .proCon .pro_list li{width: 48%;margin: 0 1%;}
    .products .proCon .pro_list li:nth-of-type(3n){margin-right: 1%}
    .page_num ul li{margin: 0 1%;}
    .page_num ul .page_next a{width: 55px}
    .joins .joins_con > ul > li a figure figcaption h3{font-size: 14px;padding-bottom: 10px}
    .cases .caseCon .case_list li{width: 48%;margin: 0 1%;margin-bottom: 10px}
    .cases .caseCon .case_list li:nth-of-type(3n){margin-right: 1%}
    .cases .caseCon .case_list li a figure figcaption{font-size: 14px}
    .second_Navs ul li a{font-size: 14px}
    .news .newsTop .newTop_con{padding: 30px 0;}
    .news .newsTop .newTop_con .news_container .swiper-wrapper .swiper-slide a figure{flex-direction: column;justify-content: center;padding: 0 3%;}
    .news .newsTop .newTop_con .news_container .swiper-wrapper .swiper-slide a figure > div{width: 100%;padding: 33% 0;margin-bottom: 10px}
    .news .newsTop .newTop_con .news_container .swiper-wrapper .swiper-slide a figure figcaption{width: 100%}
    .news .newsTop .newTop_con .news_container .swiper-wrapper .swiper-slide a figure figcaption h3{font-size: 16px;margin-bottom: 10px}
    .news .newsTop .newTop_con .news_container .swiper-wrapper .swiper-slide a figure figcaption span{margin-top: 10px}
    .news .newsBottom > ul > li a figure figcaption h3{font-size: 14px}
    .pro_view_f .pro_view_fcon figure > div p { line-height: 1.6em; }
    .pro_view_f .pro_view_fcon figure > div h3 { font-size: 16px; }
    .pro_view_f .pro_view_fcon figure > a { width: 313px;margin: 0 auto; }
    .pro_view_b .pro_share > ul li a { padding: 0; height: 35px; width: 100px; line-height: 35px; text-align: center; }
    .pro_view_b .pro_view_bcon .bcon_left h3 { font-size: 20px; }
    .pro_view_b .pro_view_bcon .bcon_left p { font-size: 14px; }
    .pro_view_b .pro_view_bcon .bcon_left ul li { padding: 4px 5px; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back { width: 115px; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back a i { width: 40px; text-align: center; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back a p { width: 90px; font-size: 14px; }
    .contact .contactCon .conForm .rows{flex-direction: column;margin-bottom: 0}
    .contact .contactCon .conForm .rows input{width: 100%;margin-bottom: 10px}
    .contact .contactCon .conForm .select_city{flex-direction: column;margin-bottom: 0}
    .contact .contactCon .conForm .select_city select{width: 100%;margin-bottom: 10px}
    .contact .contactCon .conForm .controlBtn > figure{flex-direction: column}
    .contact .contactCon .conForm .controlBtn > figure .replaces{margin-bottom: 10px;width: 40%;min-width: 220px;}
    .contact .contactCon .conForm .controlBtn > figure .submit-btn{width: 40%;min-width: 220px}
    .history .history_con .history_container .swiper-wrapper .swiper-slide figure{padding: 0 7%;}
    .otherBanner{margin-top: 47px}
    .Injoin_Youshi img:last-of-type{display: block;}
    .Injoin_Youshi img:first-of-type{display: none;}
    .right_nav{display: none;}
    .Innews .Innews_normal .Innews_wrapper .Innews_swiper ul li a dl dd h3{width: 255px}
    .footers .footers_con > ul li{margin-bottom: 5px}
    .Inproduct_Wrap .Inproduct-con .swiper-wrapper .swiper-slide a figure div{padding: 35% 0;}
    .Injoin_wrap .Injoin_con .Injoin_swiper .swiper-wrapper .swiper-slide a figure div{padding: 35% 0;}
    .Inproduct_Wrap .Inpro_nav{width: 94%;left: 3%;}
    .Inonline .Inonline_con .Inonline_left figure{display: none;}


    .joinPage .join_fif .joinPage_Tit h3{font-size: 16px;font-weight: normal;text-align: center}
    .joinPage .join_fif .joinPage_Tit span{font-size: 16px;font-weight: normal;text-align: center}
    .joinPage .joinPage_Tit h3{font-size: 16px;font-weight: normal;text-align: center}
    .joinPage .join_fif .joinPage_Tit h3 span{font-size: 16px;font-weight: normal;}
    .joinPage .joinPage_Tit p{text-align: center}
    .joinPage .joinWhy ul li{width: 50%}
    .joinPage .joinWhy ul li:nth-of-type(2n){background: white;}
    .joinPage .joinWhy ul li:nth-of-type(2n) span{background: #ef8200;color: white;}
    .joinPage .joinWhy ul li:nth-of-type(2n) h3{color: #ef8200;}
    .joinPage .joinWhy ul li:nth-of-type(2n) p{color: #29292f;}
    .joinPage .joinWhy ul li:nth-of-type(2){background: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(2) span{background:white;color: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(2) h3{color: white;}
    .joinPage .joinWhy ul li:nth-of-type(2) p{color: white;}
    .joinPage .joinWhy ul li:nth-of-type(3){background: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(3) span{background:white;color: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(3) h3{color: white;}
    .joinPage .joinWhy ul li:nth-of-type(3) p{color: white;}
    .joinPage .joinWhy ul li:nth-of-type(6){background: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(6) span{background:white;color: #a1a09e;}
    .joinPage .joinWhy ul li:nth-of-type(6) h3{color: white;}
    .joinPage .joinWhy ul li:nth-of-type(6) p{color: white;}
    .joinLiu > ul li figure div img{width: 30%;min-width: 26px;}
    .joinLiu > ul li figure{min-width: 110px;min-height: 110px}
    .joinLiu > ul li{width: 48%}
    .join_online .joinOn_Wrap .Inform > div > figure{width: 100%}
    .join_online .joinOn_Wrap .Inform > div{flex-wrap: wrap;flex-direction: column}
    .join_online .joinOn_Wrap .Inform > div > figure{margin-top: 10px}
    .join_online .joinOn_Wrap .Inform > div > figure .replaces{font-size: 14px}
    .join_online .joinOn_Wrap .Inform > div > figure .submit-btn{font-size: 14px}
    .joinLiu > ul li > p:after{display: none;}
    .joinPage .joinWhy ul li{padding-left: 10px;padding-right: 10px}
    .joinLiu > ul li > p{font-size: 14px}
    .joinPage_Tit{margin-bottom: 10px}
    .joinPage .joinPage_Tit h3 span{font-size: 16px;font-weight: normal;text-align: center}
    .join_online .joinOn_Wrap .Inform .select_city select{width: 100%}
    .join_online .joinOn_Wrap .Inform .select_city select:first-of-type{margin-bottom: 10px}
    .joinLiu{padding: 15px 3%;}
    .joinLiu > ul li{margin-bottom: 10px}
    .joinPage .join_fif .joinPage_youshi .swiper-wrapper li p{font-size: 12px}
    .joinPage .joinWhy ul li h3{font-size: 14px;margin-bottom: 5px}

    .joinPage .joinWhy ul li p{font-size: 12px;width: 100%}
    .join_online .joinOn_Wrap .Inform > div .ver_code{width: 100%}
    .join_online .joinOn_Wrap .Inform > div .ver_code .code-box{width: 100%}

    .newsView .newsView_con .newsV_main .returnPre{width: 40%;margin: 0 auto;display: block;padding: 5px;text-align: center;font-size: 14px}
    .newsView .newsView_con .newsV_main h1{font-size: 18px}
    .newsView .newsView_con .newsV_main{border: none;}
}