@media screen and ( max-width:1440px ){ .index-footer .foot .wenzi{padding-right: 30px;} } @media screen and ( max-width:1300px ){ .nav li{margin-left: 10px;} .w1260{width: 100%; padding: 0 4%; box-sizing: border-box;} .indexTitle .title1{font-size: 32px;} .indexTitle .title3{font-size: 14px;} .index-ad{padding: 80px 0;} .indexPart3 .banner1{width: 50%;} .indexPart3 .rightDiv{width: 49%;} .indexPart4-box ul li{width: 32%; margin-left: 2%; height: 350px;} .container2{margin: 0 4%;} .index-footer .foot .wenzi{padding-right: 10px;} .index-footer .foot .logo img{height: 60px; margin-right: 10px;} .index-footer .foot .wenzi2{width: 30%;} /* .index-footer .foot{padding: 50px 0 110px;} */ .indexPart2-list ul li .text h2{font-size: 20px;} .indexPart2-list ul li .text p{font-size: 16px;} } @media screen and ( max-width:1004px ){ .PC-Box, .banner, .nav, .footNav, .pageTop, .pageNum, .w270{ display:none;} .Phone-Box, .navIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;} .headDiv{ position: relative; background: #ffffff;} .headDiv{ height:1.1rem; position: relative;} .headDiv .logo{ left:0.2rem; top:0.15rem; margin-left: 0;} .headDiv .logo img{ height:40px; } .indexTitle{ padding-bottom: 0.5rem; } .indexTitle .title1{ font-size: 0.4rem; line-height: 0.4rem; } .indexTitle .title2{ font-size: 0.26rem; padding-top: 0.1rem;} .box-container .prev{left: 0;} .box-container .next{right: 0;} .box-container{margin-bottom: 1rem;} .cou_nameBl .name{padding-top: 10px; } .cou_ico{width: 75px; height: 75px; line-height: 75px;} .cou_block{padding: 30px;} .item{height: 385px;} .cou_nameCn{font-size: 24px;} .indexPart1{padding: 0 0 60px;} .indexPart2-list ul li .img{width: 160px; height: 160px;} .cou_img{height: auto;} .indexPart4-box ul li{height: 7rem;} .indexPart4-box ul li:hover .content{height: auto; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .fdsnt{margin-top: 0;} .fdsnt .sedatu .wenzi{transform:translateY(-50%); margin-top: 0;} .fdsnt .sedatu .bepic{height: 4rem; background-size: cover;} .fdsnt .sedatu .wenzi h2{font-size: 0.38rem; line-height: 40px;} .fdsnt .sedatu .wenzi h3{font-size: 0.32rem;} .fdsnt .sedatu .wenzi .line{margin: 0.3rem auto; height: 2px; width: 50px;} .position-weizhi{display: none;} .fenye{display: none;} .mo-more a{display: block;} .page-main .indexPart2-list ul li{margin-bottom: .4rem;} .page-main .indexPart3 .leftDiv{float: left; margin-left: 2.5%;} .page-main .detail-box2 .item{width: 48%;margin-bottom: .4rem;} .page-main .detail-box2 .item:nth-child(3n+1){margin-left: 2.5%;} .page-main .detail-box2 .item:nth-child(2n+1){margin-left: 0;} .page-main .detail-box2 .item .cou_nameCn{font-size: 0.34rem;} .page-main .detail-box2 .item .cou_block{padding: 0.2rem;} .cou_block .btnDiv a{font-size: 12px; margin: 0 auto;} /* .page-main .detail-box2 .item .cou_te{height: auto;} */ .page-main .detail-box3{padding: 0 0 .5rem;} .page-main .detail-box3 .cou_nameCn{ font-size: 0.4rem;} .page-main .detail-box3 .cou_block{padding: .5rem 0;} .page-main .detail-box3 .cou_te{height: auto;-webkit-line-clamp:inherit} .m-list{display:block;} .p-foot{display:block;} .index-footer .foot .wenzi2 figure a{width:25%;} /*鑱旂郴鎴戜滑*/ .about_pag_left{width: 100%;} .width-1500{width: 100%;} /*鏂伴椈椤甸潰*/ .news-list li .news-summary{width:100%;} .news-list li .newsItem_img{width: 100%;} /*涓氬姟鑼冨洿*/ .indexTitle .think-div{width:100%;} /*棣栭〉瀹夐敭*/ .swiper-button-next{margin-top:30px;} .swiper-button-prev{margin-top:30px;} /*position*/ .position{display: none;} /*涓氬姟鑼冨洿*/ .abuottext1 .text{ width: 100%; height: auto; float: left; overflow: hidden; margin-top: 2em; line-height: 1.8em; margin-bottom: 1em; padding-top: 30px; } .aboutimg{ width: 100%; float: right; height: auto; } .indexTitle1 .think-div{ width: 100%; } .backToList{ padding:60px ; } .abuottext{ width: 100%; } } @media screen and ( max-width:900px ){ .p-foot .logo figure{max-width:300px;} .index-footer .foot .wenzi2 {width:25%;} .index-footer .foot .wenzi2 figure a{width:30%;} } @media screen and ( max-width:800px ){ .p-foot .logo figure{max-width:290px;} .index-footer .foot .wenzi2 {width:25%;} .index-footer .foot .wenzi2 figure a{width:35%;} } @media screen and ( max-width:750px ){ .w1260{padding: 0 .2rem;} .container2{margin: 0 .2rem; box-sizing: border-box;} .indexTitle{padding-top: .5rem; padding-bottom: .3rem;} /*.indexTitle .title3{padding-top: .15rem; font-size: 12px; line-height: 25px;}*/ .indexTitle .title3{display: none;} .box-container { height: auto; margin-bottom: 0.5rem; padding: 0 0.7rem;} .cou_ico{width: 1.4rem; height: 1.4rem; line-height: 1.4rem;} .box-container .swiper-slide.swiper-slide-active .cou_ico img{height: 25px;} .cou_nameBl { width: auto; height: auto;} .cou_nameBl .name{font-size: 0.24rem; padding-top: 0.25rem;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .cou_nameCn{font-size: 0.32rem; margin-bottom: 0;} .box-container .prev { left: -0.05rem; top: 0.65rem; width: 0.64rem; height: 0.64rem; background-size: 0.64rem;} .box-container .next { right: -0.05rem; top: 0.65rem; width: 0.64rem; height: 0.64rem; background-size: 0.64rem;} .item{height: auto;} .cou_block{padding: .3rem;} .cou_block ,.cou_img{float: none; width: 100%;} .cou_te{padding-top: 0; font-size: .24rem; line-height: 28px; height: auto; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .cou_block .btnDiv{padding-top: 15px; height: 40px; line-height: 40px;} .indexPart1{padding: 0 0 .5rem;} .cou_block .btnDiv a{width: 130px; line-height: 0.7rem; height: 0.7rem;} .indexPart1{padding: 0 0 .3rem;} .indexPart2-list ul li{width: 48%; margin-bottom: .3rem;} .indexPart2-list ul li .img{height: 2.3rem; width: 2.3rem;} .indexPart2-list ul li .text h2{font-size: 17px; padding: 0 0; margin-top: 10px; margin-bottom: 10px;} .indexPart2-list ul li .text h2::before{display: none;} .indexPart2-list ul li .text h2::after{display: none;} .indexPart2-list ul li .text p{font-size: 14px; color: #666666;} .indexPart2-list ul li .text span{width: 150px; line-height: 0.7rem; height: 0.7rem; font-size: 14px; margin: .2rem auto;} .index-ad{margin-top: 0.1rem; padding: .5rem;} .index-ad h2{font-size: 0.5rem; padding-bottom: .5rem;} .index-ad p{font-size: 0.26rem; padding-bottom: .3rem;} .index-ad a{width: 130px; line-height: 0.7rem; height: 0.7rem; font-size: 14px;} .moreBtn{margin-top: 0; width: 130px; line-height: 0.7rem; height: 0.7rem; font-size: 14px;} .indexPart3{padding: 0 0 .3rem} .indexPart3 .banner1,.indexPart3 .rightDiv{width: 100%; float: none;} .indexPart3 .detail a,.indexPart3 .list li a{padding: 0.5rem 0.3rem;} .indexPart3 .detail .name,.indexPart3 .list li .name{font-size: 0.3rem; padding-top:0;} .indexPart3 .detail{height: auto;} .indexPart3 .detail .time{font-size: 0.38rem; margin-top: 0.3rem;} .indexPart3 .detail .time::after ,.indexPart3 .list li .time::after{ width: 0.5rem; height: 0.5rem; background-size: 0.5rem; margin-top: 0.1rem;} .indexPart3 .detail .content{height: auto; font-size: 0.24rem; color: #666666; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .indexPart3 .list li .lbox{height: auto;} .indexPart3 .list li .time{font-size: 0.38rem; margin-top: 0.5rem;} .indexPart3 .rightDiv{margin-top: 0.2rem; height: auto;} .indexPart3 .mxfDiv{padding: 0.2rem 0.3rem 0.4rem;} .indexPart3 .mxfDiv li{height: 0.7rem; line-height: 0.7rem;} .indexPart4{padding-bottom: 0;} .indexPart4-box ul li a{padding:0.5rem 0.3rem; box-sizing: border-box;} .indexPart4-box ul li .time{padding-bottom: .2rem;} .indexPart4-box ul li .name{font-size: 0.34rem; line-height: 30px; height: auto; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .indexPart4-box ul li .bottom{height:1rem; line-height: 1rem; padding: 0 0.3rem;} .indexPart4-box ul li{width: 100%; height: 4.5rem; margin-left: 0; margin-bottom: .3rem; float: none;} .indexPart4-box ul li:hover .time{color: #666666;} .indexPart4-box ul li:hover .name{color: #333333;} .indexPart4-box ul li:hover .content{color: #ffffff; display: none;} .indexPart4-box ul li:hover .bottom span{color: #888888; display: inline-block;} .index-footer .foot{padding: .2rem 0 .4rem;} /* .index-footer .foot .logo{height: 50px;} */ .index-footer .foot .logo img{height: 50px !important; width: auto !important;} .index-footer .foot .wenzi2{display: none;} .index-footer .foot .wenzi.logo{width: 100%; padding-right: 0; float: none; margin-top: 0.3rem;} .index-footer .foot .wenzi h2{font-size: 0.3rem;display:none;} .index-footer .foot .wenzi figure{padding-top: 0;} .index-footer .foot .logo figure{padding: 20px 0 !important;} .index-footer .foot .wenzi figure a{line-height: 25px; font-size: 12px;} .index-footer .foot .wenzi:nth-child(-n+4):nth-child(n+3){width: 30%; float: left;} .index-footer .foot .wenzi img{width: 80px; height: 80px;} .index-footer .bottom{font-size: 12px; padding: .2rem 0; line-height: 20px;} .index-footer .bottom .left ,.index-footer .bottom .right{float: none; text-align: center;} .page-zhaopin-top{flex-wrap: wrap; padding: .5rem 0 0;} .page-zhaopin-top li{width: 100%; float: none; margin-bottom: .3rem;} .page-zhaopin-top li h3{font-size: 20px;} .page-zhaopin li{width: 100%;} .page-zhaopin li{padding: .4rem; margin-left: 0; margin-bottom: .3rem;} .page-zhaopin li .top h2{font-size: 18px;} .page-zhaopin li .bottom .position{margin: 20px 0;} .shang-info{padding: .3rem 0;} .shang-info-img ,.shang-info-text{width: 100%; float: none;} .shang-info-text{padding: .3rem; box-sizing: border-box;} .shang-info-text .text .dd1 a{width: 140px; height: 40px; line-height: 40px;} .shang-info-text .text .dd1{font-size: 20px;} .shang-info-text .text .dd2 .d3{font-size: 16px;} .shang-info-text .text2{margin-top: .5rem;} .worksWord{padding: .5rem 0;} .worksWord .tit{font-size: 0.4rem;} .worksWord .con{padding: .3rem 0; color: #666666;} .backToList .link{width: 100%;} .backToList .back{position: relative; margin-top: .3rem; height: 42px; line-height: 42px;} .online ul{margin-left:0;} .online li{ width:98%; margin:10px 1%;} .online li input.text{ width:99%; padding-left:1%;} .online li.on_11{ height:120px; width: 99%;} .online li.on_11 textarea{ width:98%; padding:1%; height:120px;} .online li.on_22{ width:99%;} .online li.on_22 input.sub{ width:100%; } }