@media screen and (max-width: 2000px){
    .banner .swiper-wrapper .swiper-slide img{max-width: unset;width: auto}
    .all_banners img{max-width: unset;width: auto}
}

@media screen and (max-width: 1600px){
    .banner .swiper-wrapper .swiper-slide img{max-width: 100%;width: 100%}
    .all_banners img{max-width: 100%;width: 100%}
}
@media screen and (max-width: 1425px){
    .header .header_con{width: 100%}
}

@media screen and (max-width: 1260px){
    .h_search{display: none;}
}

@media screen and (max-width: 1200px){
    .header .header_con{width: 96%}
    .navi > div .ice_nav{width: 95%}
    .header .header_con .nav_first_wrapper .nav_first li{margin: 0 10px;}
    .in_product_wrapper{background: white}
    .in_product_wrapper .in_product_1400 > p{right: 5px;}
    .cooperation_wrapper .cooperation_con li:first-of-type{padding: 0 3%;}
    .invest_wrapper .invest_con .invest_fake{display: none;}
    .customize > p{padding: 0 3%;}
    .custom_case > figure > figcaption{padding: 0 3%;}
    .custon_design .custon_designcon{padding: 0 3%;}
    .live_action{padding: 0 3%;}
    .clouds .cloud_design{padding: 0 3%;}
    .supertools > p{padding: 0 3%;}
    .vip_serve > p{padding: 0 3%;}
    .vip_serve ul{padding: 0 3%;}
    .duo_technology{padding: 0 3%;}
    .gongyi ul li{padding: 0 3%;}
    .te_tiexin ul{padding: 0 3%;}
    .pro_list .pro_show{padding: 0 3%;}
    .shijing{padding: 0 3%;}
    .news .news_list > ul{padding: 0 3%;}
    .join .join_top{padding: 0 3%;}
    .join .join_bottom{padding: 0 3%;}
    .contact{padding: 0 3%;}
    .news_view{padding: 0 3%;}
    .honor{padding: 0 3%;}
    .videos > ul{padding: 0 3%;}
    .h_search{display: none;}
    .friendly{padding: .2rem 3%;}
    .fazhanLC{padding: 0 3%;}
    .in_servier_warpper .in_servier_con .in_ser_right ul{padding: 0 3%;}
    .shen-phone{display: block;}
    .re-book{display: none;}
}



@media screen and (max-width: 1024px){
    .header .header_con{justify-content: space-between}
    .header .header_con .nav_first_wrapper{display: none;}
    .header .header_con{padding: 10px 0;}
    .introduction_wrapper .introduction_con{flex-direction: column;margin-top: 0;padding-bottom: 0}
    .introduction_wrapper .introduction_con > div{width: 100%}
    .introduction_wrapper .introduction_con figcaption{width: 100%;padding-top: 20px}
    .introduction_wrapper .introduction_con figcaption > h3{text-align: center}
    .introduction_wrapper .introduction_con figcaption > h4{text-align: center}
    .introduction_wrapper .introduction_con figcaption > p{padding: 0 3%;}
    .introduction_wrapper .introduction_con figcaption > ul{margin: 30px auto 30px auto;}
    .introduction_wrapper .introduction_con figcaption > ul li{margin: 0 auto;}
    .introduction_wrapper .introduction_con figcaption > ul li p{text-align: center;align-items: flex-start;padding-left: 3%}
    .introduction_wrapper:after{display: none}
    .introduction_wrapper .introduction_con figcaption .int_learn{margin: 0 auto;}
    .in_product_wrapper{padding: 30px 0;}
    .in_product_wrapper:after{display: none;}
    .in_product_wrapper .in_product_1400 .in_product_con{padding: 0 3%;}
    .in_product_wrapper .in_product_1400 .in_product_con .in_pro_text{width: 100%;margin-bottom: 20px}
    .in_product_wrapper .in_product_1400 .in_product_con .in_pro_text h3{text-align: center}
    .in_product_wrapper .in_product_1400 .in_product_con .in_pro_text h4{text-align: center}
    .in_product_wrapper .in_product_1400 .in_product_con li{margin-bottom: 30px}
    .in_servier_warpper .in_servier_con{flex-direction: column}
    .in_servier_warpper .in_servier_con .in_ser_left{width: 100%}
    .in_servier_warpper .in_servier_con .in_ser_right{width: 100%;padding-top: 20px;padding-left: 0}
    .in_servier_warpper:after{display: none;}
    .in_ser_right{background: #fafafa;}
    .in_servier_warpper .in_servier_con .in_ser_left ul li{height: auto;}
    .in_servier_warpper .in_servier_con .in_ser_left ul li a{padding: 45px 0;}
    .in_servier_warpper .in_servier_con .in_ser_right > h3{text-align: center}
    .invest_wrapper .invest_con{flex-direction: column;justify-content: unset}
    .invest_wrapper .invest_con .invest_condition > h3{text-align: center;margin-bottom: 20px;font-size: 14px}
    .invest_wrapper .invest_con .invest_condition{width: 100%;padding: 0 3%;}
    .invest_wrapper .invest_con .invest_news{width: 100%;padding: 20px 3% 0 3%;}
    .invest_wrapper .invest_con .invest_news > h3{text-align: center;font-size: 14px}
    .invest_wrapper .invest_con .invest_news .invest_swipet{margin: 20px auto auto auto;height: 180px;}
    .invest_wrapper .invest_con .invest_news .invest_pag{margin-top: 20px}
    .footer_wrapper .footer_con .footer_top ul{display: none;}
    .footer_wrapper .footer_con .footer_top{justify-content: center}
    .footer_wrapper .footer_con{padding: 10px 0;}
    .footer_wrapper .footer_bottom{margin: 10px auto;padding-bottom: 10px}
    .footer_wrapper .footer_bottom figure{flex-direction: column;justify-content: unset}
    .footer_wrapper .footer_bottom figure > div{width: 100%;border-right: 0}
    .footer_wrapper .footer_bottom figure figcaption{width: 100%;margin-top: 15px}
    .footer_wrapper .footer_bottom figure > div p{text-align: center}
    .footer_wrapper .copyrights{padding: 10px 0;}
    .about > p{margin-bottom: 20px}
    .pro_list .pro_list_con .pro_show li{width: 48%;margin: 0 1%;}
    .pro_list_con .selects_list{justify-content: unset}
    .pro_list .pro_list_con .selects_list li{width: 48%}
    .desig_con > ul{padding: 30px 3% 0 3%;}
    .desig_con > ul > li{width: 48%;margin-right: 4%;}
    .desig_con > ul > li:nth-of-type(2n){margin-right: 0}
    .now_position .now_position_con{padding-left: 1%}
    .pro_view .pro_viewcon:after{display: none;}
    .pro_list_con .selects_list li{width: 25%}
    .live_action{flex-direction: column;}
    .live_action > div{width: 100%;}
    .live_action figcaption{width: 100%;padding-top: 20px}
    .live_action figcaption h3{text-align: center}
    .live_action figcaption h3:after{display: none;}
    .live_action figcaption b{margin: 0 auto .4rem auto;}
    .live_action figcaption ul{position: relative;justify-content: center}
    .live_action figcaption ul li{margin:0 5% ;}
    .show_details .show_details_text{padding: 0 3%;}
    .clouds .cloud_design{flex-direction: column}
    .clouds .cloud_design p{width: 100%;line-height: 2em}
    .clouds .cloud_design div{width: 100%;margin: 15px 0;}
    .supertools ul li{width: 48%;}
    .vip_serve ul{flex-wrap: wrap;}
    .vip_serve ul li{width: 100%;justify-content: center;margin-bottom: 10px}
    .vip_serve ul li dl{width: 200px}
    .duo_technology > h3{text-align: center}
    .gongyi > h3{text-align: center;}
    .gongyi ul li b{width: 100%;text-align: center}
    /*.gongyi ul li dl{justify-content: center}*/
    .gongyi ul li dl dd{width: 47%;margin: 0 1% 1% 1%;}
    .te_tiexin > h3{width: 100%;text-align: center}
    .pro_list .pro_show li{width: 48%;margin: 0 1%;}
    .pro_list .pro_show li:nth-of-type(3n){margin: 0 1%;}
    .shijing > li{width: 48%;margin: 0 1%;margin-bottom: 15px}
    .shijing > li:nth-of-type(4n){margin: 0 1%;margin-bottom: 15px}
    .shijing > li a figure figcaption p{padding: 5px 10px;}
    .news .news_list > ul > li{width: 48%;margin: 0 1%;margin-bottom: 15px}
    .news .news_list > ul > li:nth-of-type(4n){width: 48%;margin: 0 1%;margin-bottom: 15px}
    /*.news .news_top .news_swiper .swiper-wrapper .swiper-slide a figure div{height: 100%;}*/
    .join .join_top ul li{width: 48%;margin: 0 1% 15px 1%;}
    .join > h3{text-align: center;width: 100%}
    .join .join_bottom ul li{width: 100%;margin-bottom: 15px}
    .contact{flex-direction: column}
    .contact .cont_left{width: 100%;order: 2;}
    .contact .cont_right{width: 100%;order: 1;border-bottom: 1px solid #dddddd;margin-bottom: 15px}
    .contact .cont_right > h3{text-align: center}
    .contact .cont_right dl dd{text-align: center}
    .contact .cont_left > h3{text-align: center}
    .contact .cont_left > span{padding: 0 2%;}
    .contact .cont_left > p{padding: 0 2%;}
    .honor ul li{width: 46%;margin: 0 2%;margin-bottom: 15px}
    .honor ul li:nth-of-type(4n){margin: 0 2%;margin-bottom: 15px}
    .honor > ul > li a figure figcaption{margin-top: 10px}
    .honor > ul > li a figure figcaption p{padding: 5px 10px;}
    .videos > ul li{width: 48%;margin: 0 1%;}
    .videos > ul li:nth-of-type(4n){width: 48%;margin: 0 1%;}
    .videos .vid_content figure{height: 50%;}
    .hz_list ul{padding-top: 30px}
    .header_ctrl{display: block;}
    .news_view .news_view_content p img{display: block;width: 100%!important;height: 100%!important;}
    .live_action figcaption>img{width: 100px;height: 100px;margin: 0 auto;position: relative;margin-bottom: 7%}
    .live_action figcaption:after{width: 100%;text-align: center;bottom: 12%;}
    .footer_wrapper .footer_bottom figure > div a{text-align: center}
}



@media screen and (max-width: 769px){
    .header{position: fixed ;top: 0;left: 0;z-index: 8888;}
    .header .header_con{padding: 5px 0;}
    .banner{height: auto;margin-top: 58px}
    .all_banners{margin-top: 58px;}
    .all_banners img{height: 100%;object-fit: cover}
    .header .header_con > a img{width: 65%}
    .hz_list{position: fixed;top: 58px;left: 0;width: 100%;overflow: scroll}
    .hz_list ul{margin-top: 5px;position: relative;}
    .m_header-change > ul li{height: 3px;}
    .navi > div .ice_nav{flex-wrap: wrap;justify-content: center}
    .navi > div .ice_nav li{margin: 0 2% 5px 2%;}
    .navi > div .ice_nav li a p{font-size: 20px}
    .introduction_wrapper .introduction_con figcaption > h3{font-size: 14px}
    .introduction_wrapper .introduction_con figcaption > h4{font-size: 24px}
    .introduction_wrapper .introduction_con figcaption > ul li span{font-size: 24px}
    .introduction_wrapper .introduction_con figcaption > ul{margin: 15px auto;}
    .introduction_wrapper .introduction_con figcaption > ul li{margin-bottom: 0}
    .in_product_wrapper .in_product_1400 .in_product_con .in_pro_text h3{font-size: 14px}
    .in_product_wrapper .in_product_1400 .in_product_con .in_pro_text h4{font-size: 20px}
    .in_product_wrapper .in_product_1400 .in_product_con li{width: 49%;margin-bottom: 15px}
    .in_product_wrapper .in_product_1400 > p{display: none;}
    .in_product_wrapper{padding: 15px 0;}
    .in_servier_warpper .in_servier_con .in_ser_left > h3{font-size: 14px}
    .in_servier_warpper .in_servier_con .in_ser_left > h4{font-size: 20px}
    .in_servier_warpper .in_servier_con .in_ser_left ul li a{padding: 20px 0;}
    .in_servier_warpper .in_servier_con .in_ser_right > h3{font-size: 14px}
    .in_servier_warpper .in_servier_con .in_ser_right > h3 span{font-size: 20px}
    .in_servier_warpper .in_servier_con .in_ser_right ul li a figure b{margin: 5px auto;font-size: 14px}
    .in_servier_warpper .in_servier_con .in_ser_right ul li a figure p{font-size: 14px}
    .in_servier_warpper .in_servier_con .in_ser_right ul li{width: 49%}
    .in_servier_warpper .in_servier_con .in_ser_right ul{padding: 0 3%;}
    .cooperation_wrapper .cooperation_con li:first-of-type p{font-size: 14px}
    .cooperation_wrapper .cooperation_con li:first-of-type span{font-size: 26px}
    .cooperation_wrapper .cooperation_con li:last-of-type{padding-left: 15px}
    .cooperation_wrapper .cooperation_con li:last-of-type span{font-size: 14px}
    .invest_wrapper .invest_con .invest_condition > h3 span{font-size: 20px}
    .invest_wrapper .invest_con .invest_condition ul li{width: 49%}
    .invest_wrapper .invest_con .invest_condition ul li a figure > span{font-size: 26px}
    .invest_wrapper .invest_con .invest_condition ul li a figure figcaption{font-size: 14px}
    .invest_wrapper .invest_con .invest_news > h3 span{font-size: 20px}
    .invest_wrapper .invest_con .invest_news .invest_swipet .swiper-wrapper .swiper-slide a p{text-align: center}
    .invest_wrapper .invest_con .invest_news .invest_swipet .swiper-wrapper .swiper-slide a h4{margin-bottom: 25px}
    .footer_wrapper .footer_con .footer_top > a img{width: 75%;margin: 0 auto;}
    .footer_wrapper .footer_bottom figure figcaption div p{font-size: 14px}
    .about .introduction_con > div img{object-fit: cover}
    .pro_list .pro_list_con .pro_show li{width: 96%;margin: 0 2%;}
    /*.pro_list .pro_list_con .selects_list li{width: 98%}*/
    .desig_con > ul > li{width:100%;margin: 0 0 15px 0;}
    .desig_con > ul > li:nth-of-type(2n){margin: 0 0 15px 0;}
    .desig_con > ul > li a figure figcaption{padding: 10px ;}
    .desig_con > ul{padding-top: 10px;}
    .snakes li{margin: 2px 3%;}
    .desig_con > ul > li a figure figcaption span:after{display: none;}
    .pro_view .pro_viewcon > figure{padding:0 3% ; }
    .pro_view .pro_viewcon > figure{flex-direction: column}
    .pro_view .pro_viewcon > figure figcaption{width: 100%;order: 2;}
    .pro_view .pro_viewcon > figure > div{width: 100%;order: 1;padding: 50% 0;}
    .pro_view .pro_viewcon > figure figcaption > div{margin-bottom: 10px}
    .pro_view .pro_viewcon > figure figcaption > dl{margin-bottom: 15px}
    .pro_view .pro_viewcon > figure figcaption > dl dd{margin-bottom: 5px}
    .pro_view .pro_viewcon > figure figcaption > div h3{font-size: 26px}
    .pro_list_con .selects_list{padding: 0 3%;}
    .pro_list_con .selects_list li{width: 48%}
    .pro_view .pro_viewtext > figure h3{font-size: 26px}
    .pro_view .pro_viewtext > figure{padding: 10px 0;}
    .pro_view .pro_viewtext .pro_viewtext_con{padding: 0 3%;}
    .crayon h3{font-size: 26px}
    .custom_case:before{height: 200px;}
    .custom_case:after{height: 55px;}
    .custon_design:before{display: none;}
    .custom_case > figure > figcaption .custon_outside .custon_pag{font-size: 14px!important;}
    .custon_design .custon_designcon .custon_des_out .custon_des_pag{font-size: 14px!important;}
    .custon_design .custon_designcon .custon_des_swiper .swiper-wrapper .swiper-slide a figure{padding: 25px 10px;}
    .custon_design .custon_designcon .custon_des_swiper .swiper-wrapper .swiper-slide a figure h4:after{display: none;}
    .live_action figcaption h3 span{font-size: 26px}
    .show_details .detail_top h3{font-size: 26px}
    .footer_wrapper .footer_bottom figure figcaption{display: none;}
    .vip_serve ul li figure div img{width: 70%}
    .duo_technology ul li{width: 100%;margin-bottom: 15px}
    .te_tiexin ul li{flex-direction: column;justify-content: center}
    .te_tiexin ul li img{margin-bottom: 15px}
    .pro_list .pro_show li{width: 100%;margin: 0;margin-bottom: 15px}
    .pro_list .pro_show li:nth-of-type(3n){margin: 0;margin-bottom: 15px}
    .news .news_list > ul > li{width: 100%;margin: 0 auto;margin-bottom: 15px}
    .news .news_list > ul > li:nth-of-type(4n){width: 100%;margin: 0 auto;margin-bottom: 15px}
    .news .news_list > ul > li a figure figcaption time:after{display: none;}
    .news .news_top .news_swiper .swiper-wrapper .swiper-slide a figure div{width: 40%;}
    .news .news_top .news_swiper .swiper-wrapper .swiper-slide a figure figcaption{width: 60%}
    .news .news_top .news_swiper .swiper-wrapper .swiper-slide a figure figcaption time:after{display: none;}
    .news .news_top{padding: 20px 1%;}
    .join .join_top ul li{width: 100%}
    .join .join_top ul li figure div span{font-size: 26px}
    .join .join_top ul li figure figcaption{text-align: center}
    .contact .cont_left .cont_form dl ul{flex-wrap: wrap;}
    .contact .cont_left .cont_form dl ul li{width: 100%;margin-bottom: 15px}
    .contact .cont_left .cont_form dl ul li input{width: 100%;margin-left: 0}
    .contact .cont_left .cont_form dl dd:first-of-type input{width: 100%;margin-left: 0}
    .contact .cont_left .cont_form dl dd textarea{width: 100%;margin-left: 0}
    .contact .cont_left .cont_form dl .cont_didi{flex-direction: column}
    .contact .cont_left .cont_form dl dd{flex-wrap: wrap;}
    .contact .cont_left .cont_form dl .cont_didi figure{margin-left: 0;margin-top: 15px}
    .cooperation_wrapper .cooperation_con li:nth-of-type(2) p i{margin-right: 8px}
    .introduction_wrapper .introduction_con figcaption > ul li:after{display: none;}
    .pro_view .pro_viewcon > figure figcaption > div p:before{display: none;}
    .news_view .new_view_top ul{flex-direction: column}
    .news_view > ul li{text-align: center;}
    .news_view > ul li a{display: block;margin: 0 auto;text-align: center;}
    .videos > ul li{width: 100%}
    .videos > ul li:nth-of-type(4n){width: 100%}
    .invest_wrapper .invest_con .invest_news .invest_swipet .swiper-wrapper .swiper-slide a{display: flex;flex-direction: column;justify-content: space-around;padding:2%;}
    .pro_list_con .big_list li{margin: 0 1px;}
    .news .news_list > ul > li a figure figcaption h3{font-weight: bold}
    .news_view .new_view_top > h1{overflow: visible;text-overflow: unset;white-space: unset;text-align: center}
    .clouds .cloud_design div a img{width: 50%;}
    .friendly{padding: 0;}
    .friend_phone{display: flex!important;width: 100%;padding: 15px 3%;justify-content: space-between;align-items: center;}
    .friend_pc{display: none!important;}
    .ryze_flex{display: flex!important;padding: 0 3%;}
    .friendly .friend_pc li:first-of-type{display: none;}
    .dws_Scroll{display: none;opacity: 0;visibility: hidden}
    .animated, .animated_delay, .animated_prompt{visibility: visible!important;animation-duration:0s!important;}

}