@media screen and (max-width:1600px){ } @media screen and (max-width:1440px){ .news_img{height:300px;} .home_item .slide-item{height:350px;} .slide-item .mask .item_text{top:130px;} .slide-item .mask .item_text .item-title{font-size: 24px} .slide-item:hover .item_text .item-title{margin-top: -30px;} .slide-item:hover .item_text .line-panel{margin-top: 0px;} .slide-item .item_text .item-desc{font-size:15px!important; line-height:24px!important;} } @media screen and (max-width:1330px){ .nav li{margin: 0 10px;} .down .content{margin:0 20px;width:calc(100% - 40px);} } @media screen and (max-width:1280px){ .content{width:100%;} .slide-item,.pro_nav a{width: 33.33%;} .about_nav a{width: 25%;} .about li{width: 18%;padding: 0 1%;} .about li img{max-width: 100%;} .about_list li p{padding: 15px 20px 0;} .news_img{height:250px;} .home_item .slide-item{height:300px;} .slide-item .mask .item_text{top:100px;} .slide-item .mask .item_text .item-title{font-size: 24px} .slide-item:hover .item_text .item-title{margin-top: -30px;} .slide-item:hover .item_text .line-panel{margin-top: 0px;} .slide-item .item_text .item-desc{font-size:15px!important; line-height:24px!important;} .foot{width: calc(100% - 80px);padding:45px 40px;} } @media screen and (max-width:1250px){ .header,.top{ display:none} .ph_header{ display:block;} .foot{display: none} a.search{margin-top: 0;margin-left: 0;} #mm-0.mm-panel_has-navbar .mm-navbar{display: none;} } @media screen and (max-width:1100px){ .news_img{height:220px;} .about_list li h1{font-size:22px;} .about_list li p{font-size:13px;} .home_item .slide-item{height:250px;} .slide-item .mask .item_text{top:80px;} .slide-item .mask .item_text .item-title{font-size: 22px} .slide-item:hover .item_text .item-title{margin-top: -30px;} .slide-item:hover .item_text .line-panel{margin-top: 0px;} .slide-item .item_text .item-desc{font-size:15px!important; line-height:24px!important;} .about li{width: 48%;padding: 1%} .structure_contain,.news_detail{width: auto;} .brand_main,.news ul,.news_nav ul{width: auto;} .news ul li{width: 32%;margin-right: 2%;} .contain,.pro_list,.list_top, .pro_detail,.contact_ditu,.message,.case_category{width: auto;margin: 0 15px;} .main_pro,.auditing,.detail_nav,.case,.career,.team{width: auto;margin: 0 15px;} .main_pro li,.case_category li{width: 31.33%;margin:1%;} .list_img{width: 28%;} .top_img,.ditu_img{width: 50%;} .list_txt{width: 70%;margin-left: 2%;margin-right: 0;} .top_txt,.ditu_txt{width: 46%;padding: 2%;} .auditing,.message{padding: 20px;} #example5,.culture_banner{display: none;} .caseph_slide{display: block;} .career_select a{display: block;margin-top: 10px;} .career_select select{display: block;margin-bottom: 10px;margin-right: 0;} .ditu_img,.ditu_txt,.ditu_txt h1{height: auto;} .contact_form{width: 100%;} .searchbar>div{width: 98%;} .shares_l{width: 100%;margin-right: 0;margin-bottom: 30px;float: none;} .shares_r{width: 100%;float: none;} .shares_self,.shares_number{width: 50%;} .investor_l{width: 50%;margin-right: 2%;padding: 20px;min-height: 405px;} .investor_r{width: 48%;padding: 20px;} .about li p{padding:0 80px;} } @media screen and (max-width:640px){ .about_list li{width: 50%;border:none;} .about_list{border:none;} .menu_title h1{font-size: 20px;} .ditu_txt h1,.slide-item .mask .item_text .item-title{font-size: 18px;} .list_txt h1 a,.case_txt h2,.shares_number span,.detail_title h1,.top_txt h1{font-size: 16px;} .menu_title p,.case_txt p,.searchbar input,.searchbar .btn,.case_category li h1,.home_case li p,.news ul li h1,.news_nav ul li a{font-size: 14px;} .about_nav a,.shares_self time,.investor_nav a,.announcement_nav a,.system li time,.home_news li p,.news ul li p,.about li p{font-size: 12px;} .pro_nav a,.product_detail table tr td{font-size: 12px;} .menu_title{padding: 20px 0;} .news ul li p{height: auto;} .pro_list li,.top_txt h1,.product_detail,.case_txt h2{padding: 10px;} .list_txt h1{padding-bottom: 10px;} .menu_title p{margin-top: 5px;} .ditu_txt p{margin-top: 10px;} .slide-item{width: 100%;height: 260px;} .slide-item .mask .item_text .item-desc{height: auto;margin-bottom: 10px;} .home_case li{width: 100%;margin:0!important;} .home_news li{width: 100%;margin:0 0 20px!important;} .home_item ul{width: 100%;margin:0!important;} .home_case ul{width: 100%;margin:0!important;} .home_news ul{width: 100%;margin:0!important;} .news_img{width: 100%;box-sizing: border-box;} .home_news li img{width: 100%;height: auto;} .home_news li h1{height: auto;margin: 10px 0;} .structure_img{width: 100%;float: none;margin-bottom: 20px;} .structure_txt{width: 100%;float: none;padding-left: 0;} .structure_main .swiper-button-prev{left: 0;} .structure_main .swiper-button-next{right: 0;} .about{padding: 0 15px 20px;} .operate li h4,.operate li .list-item{padding: 15px;} .news_nav ul li,.pro_nav a,.searchbar input,.searchbar .btn,.investor_nav a,.shares_slide .hd li,.announcement_nav a{height: 38px;line-height: 38px;} .news ul li,.case_category li{width: 100%;float: none;margin-right: 0;margin-left:0;margin-bottom: 20px;} .news_txt{padding: 15px 15px 0;} .news ul li p,.list_txt p,.product_detail table{margin: 10px 0;} .news_shares{padding-top: 30px;margin-bottom: 30px;} .news_shares .news_sharesL,.news_shares .news_sharesR,.list_img,.list_txt,.ditu_img,.ditu_txt{float: none;} .news_shares .news_sharesL{margin-bottom: 20px;} .top_txt h1,.shares_slide .hd{margin-bottom: 10px;} .main_pro li{width: 98%;} .list_img,.top_img,.ditu_img{width: 100%;} .list_txt,.ditu_txt{width: 100%;margin-left: 0;margin-top: 20px;} .top_txt{padding: 0 2%;width: 98%;} .foot_copy p span{display: none;} .detail_nav li{margin: 5px;} .detail_nav li a{font-size: 12px;padding: 5px;} .shares_slide .hd li{width: 60px;font-size: 12px;} .shares_slide, .shares{margin: 20px 0;} .shares_slide .bd ul{padding: 20px;} .shares_self h1{font-size: 16px;margin-bottom: 5px;} .shares_number span{margin: 0 5px;} .shares_number h1{font-size: 24px;line-height: 30px;margin-bottom: 10px;} .shares_number h1 b{padding-right: 30px;background-size: 18px;} .shares_self{padding: 29px 0;} .shares_number{padding: 45px 10px;} .shares_r h1{padding: 10px 15px;} .shares_r h1 span{font-size: 14px;padding-left: 25px;background-size: 18px;} .shares_data h2{padding: 10px;font-size: 12px;} .shares_data,.shares_slide>h1{padding: 10px;} .shares_slide>h1 span{font-size: 12px;margin-right: 10px;margin-bottom: 10px;} .announcement_nav a{width: 65px;} .announcement_nav,.investor,.announcement li, .system li{padding: 15px 0;} .announcement li p{float: none;font-size: 14px;padding-right: 0;} .announcement li span{float: none;font-size: 12px;padding-top: 10px;padding-left: 25px;display: block;} .system li a{font-size: 14px;padding: 0 30px;background-size: 25px;} .investor_l{width: 100%;margin-right: 0;margin-bottom: 20px;float: none;min-height: auto;} .investor_r{width: 100%;float: none;} .investor_l h1, .investor_r h1{font-size: 18px;margin-bottom: 10px;} .investor_l p{font-size: 14px;background-size: 20px!important;padding-left: 30px;margin-bottom: 5px;} .detail_title{padding-bottom: 10px;margin-bottom: 15px;} .news_detail video{max-width:90%;height: auto;} .about li h1,.structure_txt h1{font-size: 14px;margin: 10px 0;} .structure_txt p,.honnor_item p{font-size: 14px;line-height: 24px;} .honnor_item{margin: 10px 0;padding: 10px;height: auto;} .honnor_item h1{font-size: 16px;margin-bottom: 10px;margin-top: 0;} .product_detail table tr td{min-width: 200px;padding: 10px;} .news_detail{padding: 20px 10px;} .news_detail iframe{width:100%;margin:0 auto;display: flex;} .about_list li h1{font-size:18px;} .about_list li{height:initial;width:100%; margin-bottom:10px;} .about_list li a{margin-top:0; height:initial;} .about_list li p{opacity:1;} .home_item .slide-item{width:100%;margin:0 0 10px;} .foot_copy .content{width:100%; text-align:center;} .about li p{padding:0!important;} .brand_main{padding:0 15px;} .honnor_slide{margin: 0 15px 50px;} .investor_nav .contain{margin:0!important;} .shares_slide .bd ul img{width:100%!important; height:auto!important;} .down li p{font-size:14px;} .down li img{width:22px;} .about_list li a img{display:none;} .about_list li a i{display:none;} .about_list li:hover a{transition: all ease-in-out 300ms;margin-top: initial; padding-bottom:25px;} .about_list li a{padding:25px 0;} .about_list li:hover p{opacity:1;transition: all ease-in-out 300ms;} .about_list li h1{padding-top:0;} .about_list li p{padding-top:10px;} .about_list li p{line-height:22px;} .home_about{display:none;} .main_pro .video {width:calc(100% - 40px);padding: 0;margin-top: 30px;padding: 0 20px} }