@media (max-width: 1919px){ .product_wel .left img{ height:auto;} .product_wel .right{ padding:30px;} .product_wel .left{ overflow:hidden; height:auto;} .video_wel .left{ padding:5% 6.3%} .footer-main li{ margin-right:2%; width:8%} .footer-main li:first-child{ margin-right:4%; width:28%} .footer-main li:first-child{ padding-right:3%} } @media (max-width: 1780px){ .late_news .left{ width:50%; overflow:hidden} .late_news .right{ width:50%; overflow:hidden} /*.late_news .left .swiper-container .swiper-wrapper .swiper-slide .title img{height: 100%;width: auto;max-width: none;}*/ .late_news .right li .text{ width:50%; text-align:center} .late_news .right li .imgs{ width:50%} .late_news .left .swiper-container{ width:100%} .header .w_120,.footer-main{ padding:0 20px} } @media (max-width: 1680px){ .wrap_3_in{ width:100%} } @media (max-width: 1600px){ .product_wel .right span { color: #0a4e97; font-size: 16px; line-height: 20px; display: block; margin-bottom: 25px; } .product_wel .right h1{ font-size:23px; line-height:26px;} .video_wel .left {padding: 3% 3.3%;} nav ul li{ margin:0 10px} .other_links{ margin-left:15px} } @media (max-width: 1500px){ .other_banner .banner .title .p1{ margin-top:8%} .ab_1 .right{ margin-top:0; margin-right:0} .late_news .right li .text{ padding: 2%; padding-bottom: 0 } } @media (max-width: 1450px){ .product_wel .right{ padding:3%} .product_wel .right .text{ margin-bottom:40px} .product_wel .right b{ height:36px; line-height:36px;} .video_wel .left a.more{height:36px; line-height:36px;} .product_wel li .right b:hover:after{ bottom:8px;} .video_wel .left a.more:hover:after{ bottom:8px;} .news_box_tit.w_1400 { margin-bottom: 10px; } .ab_1 .left h1{ font-size:36px;} .z-index{ padding-top:30px;} } @media (max-width: 1410px){ #num2{ font-size: xx-large } .w_1500{ width:98%} .at_video_list_two ul{ width:98%} .at_video_list_two li{ width:31.333%; margin:1%} .ab_1 .left{ width:50%} .ab_1 .right{ width:50%} } @media (max-width: 1400px){ .top_map li{ padding:0 2%} .top_map li:first-child{ padding-left:2%} .top_map li:last-child{ padding-right:2%} .top_map{ margin-bottom:30px;} .map_content h3{ font-size:16px; margin-bottom:10px} .tip_box_img{ width:90%; margin-left:-45%} .tip_box_img .con span{ right:0} /*.home_banner .swiper-container{ height:520px}*/ .home_banner .swiper-slide .title .p1{padding-top:110px;color:#0a4e97;font-size:16px;line-height:18px;margin-bottom:20px;letter-spacing:44px;} .home_banner .swiper-slide .title .p2{line-height:42px;color:#0a4e97;font-size:40px;margin:0 auto 24px auto;font-weight:700;} .home_banner .swiper-slide .title .p3{font-family:Arial, Helvetica, sans-serif;font-size:50px;line-height:62px;text-transform:uppercase;font-weight:700;color:#b8b8b8} .home_banner .swiper-slide .title.title_2 .p3{padding-top:110px;color:#fff;opacity:0.5} .home_banner .swiper-slide .title.title_2 .p1{padding-top:0;line-height:26px;color:#fff} .home_banner .swiper-slide .title.title_2 .p2{color:#fff} .home_banner .swiper-slide .title.title_2 .p2 strong{color:#094d97} .home_banner .swiper-slide .title.title_3 .p1{color:#fff} .home_banner .swiper-slide .title.title_3 .p2{color:#fff} .home_banner .swiper-slide .title.title_3 .p3{color:#fff} .home_banner .swiper-slide .title.title_4{margin-left:289px} .home_banner .swiper-slide .title.title_4 .p1{color:#c5eafc;font-family:Arial, Helvetica, sans-serif;font-size:50px;opacity:0.5;text-align:left;letter-spacing:normal;text-transform:uppercase;font-weight:700;line-height:60px} .home_banner .swiper-slide .title.title_4 .p2{color:#fff;font-size:20px;text-align:left;padding-left:40px;border-left:1px solid #87abd0;margin-left:46px;font-weight:normal} .home_banner .swiper-slide .title.title_4 .p2 strong{font-size:28px;font-weight:normal} .home_banner .swiper-slide .title.title_4 .p2 strong b{color:#0a4e97;font-weight:normal} .home_banner .swiper-slide .title.title_4 .p3{float:left;text-align:left;color:#fff;font-weight:normal;border:1px solid #9ab7d8;padding:10px 20px;display:inline-block;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;line-height:22px;} .home_banner .swiper-slide .title span{width:33px;height:2px;background:#fff;margin:0 auto 33px auto;display:block;opacity:0} .news-ibox #scrollObj1{ width:100%} .logo{ width:130px; margin-top:18px} .other_links{ margin-top:20px;} nav ul li{ line-height:70px} header .header{ height:70px;} nav ul span a{ line-height:16px;} nav ul li:hover span{ top:70px} .fix_videos .con{ width:80%} .ewm_box{ padding:18px 5%} .home_banner .swiper-slide .title.title_4{ margin-left:12%} .zhanlue_list .right{ height:auto;} .contact_job .contact_right .con{ padding:5%} .contact_job .contact_right .con span{ margin-bottom:3%} .map_content .contact_100{ margin-left:-247px} .fenbu_list .left{ width:50%; height:auto;} .fenbu_list .right{ width:50%; padding-top:6%} .fenbu_list .left{ margin-left:0} .fenbu_list li:nth-child(2n) .left{ margin-right:0;} .fenbu_list li:nth-child(2n) .right{ padding-top:6%} .touzizhe .con{ width:100%; margin-left:-50%} nav ul span a { font-size: 12px; line-height: 20px; padding: 10px 15px; } nav ul li:hover span{ width:126px; left:-20px} .in_top li a{ margin:0 20px} .in_top ul{ width:96%} .video_wel .left .p2 { color: #333; font-size: 26px; margin-bottom: 20px; line-height: 30px; } .video_wel .left .p1 { color: #666; font-size: 14px; line-height: 16px; margin-bottom: 14px; } .video_wel .left .text { margin-bottom: 20px; line-height: 20px; font-size: 14px; color: #999; } .ab_3 .left{ width:40%; padding-right:5%} .ab_3 .right ul{ width:100%} .ab_3 .right li { width: 46%; height: auto; padding: 30px 20px; margin: 2%; } .ab_3 .right li .text h1{ font-size:16px; margin-bottom:10px} .ab_3 .right li .imgs{ width:23%; margin-right:0} .ab_3 .right li .text{ width:75%; font-size:13px;} .ab_3 .right{ width:60%} .ab_2 .tip_ab2{ width:94%} .ab_2 .tip_ab2{ margin-right:-47%} .tip_box .con{ width:90%} .tip_box .con span{ right:0} .news-ibox #scrollObj{ width:100%} .product_list ul{ width:100%} .product_list li { margin: 1%; color: #fff; width: 31.333%; } .product_list .top{ width:96%;} #news_list .swiper-slide{ height:290px} #news_list .left{ width:50%} #news_list .right{ width:50%; padding-left:4%; padding-top:0} #news_list .right span{ font-size:14px; margin-bottom:15px;} #news_list .right h1 { font-size: 20px; line-height: 26px; height: 26px; margin-bottom: 24px; } #news_list .right { line-height: 24px; font-size: 14px; } #news_list .right .con{ height:48px; margin-bottom:40px;} .zhanlue_list .left,.zhanlue_list .right{ width:50%} .search_in_box div{ width:29%; margin-right:0.5%} .search_in_box .search_submint input{ width:11%} .w1400{ width:92%; margin:0 auto} nav ul li a.link{ padding:0 10px} nav ul li,.other_links .company{ font-size:12px} .other_links { margin-left: 10px; } .other_links span { margin: 10px 15px; } .other_links .sites { font-size: 13px; margin-right: 10px; } .w_1400{ width:92%; margin:0 auto} .zhanlue_list li .left { padding: 30px 30px; } .zhanlue_list .left h1 { font-size: 18px; margin-bottom: 10px; line-height: 20px; height: 20px; } .zhanlue_list .left span{ margin-bottom:20px;} .zhanlue_list .left .con{ font-size:13px; line-height:24px;} } @media (max-width: 1300px){ .ab_dis_list li .top .sum{ font-size: 30px } .ab_1 .left h1{ font-size:30px;} .map_content h3 { color: #333; font-size: 16px; line-height: 28px; font-weight: 700; margin-bottom: 10px; } .top_map p{ font-size:14px; line-height:30px;} } @media (max-width: 1240px){ .zhanlue_list li .left { padding: 20px 30px; } .zhanlue_list .left .con{ height:166px;} .swiper-container#news_list { height: 370px; } .ab_1 .left h1 { color: #333; font-size: 25px; font-weight: 700; line-height: 40px; } .ab_1 .atip-box .atip_l{ margin-bottom:30px; } } @media (max-width: 1220px){ .fenbu_list .right .con { color: #888; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 20px; } .fenbu_list .right h1{ font-size:20px; line-height:22px; margin-bottom:20px; height:22px;} .fenbu_list li{ margin-bottom:40px} } @media (max-width: 1300px){ .late_news .right li .text h1{ margin-bottom: 10px; line-height: 26px; } .late_news .right li .text .con{ line-height: 22px; height: 64px; } .late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ padding: 30px 20px; } } @media (max-width: 1120px){ .swiper-container#news_list { height: 320px; } .late_news .right li .text .con{ -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; height: auto; } } @media (max-width: 1200px){ .footer-main li h2{ font-size:14px; margin-bottom:15px;} .footer-main li:first-child { margin-right: 3%; width: 27%; padding-right:0 } .footer .con{ margin-left:0} .footer-main li p a{ font-size:12px;} .home_banner .swiper-slide .title .p2{ font-size:30px;} .home_banner .swiper-slide .title .p3{ font-size:40px;} .product_wel .right h1 { font-size: 16px; line-height: 20px; margin-bottom:10px; } .product_wel .right span{ font-size:14px; margin-bottom:10px;} .tip_ab2 .con{ font-size:14px; line-height:20px;} .m-search-box { width: 94%; margin-left: -47%; } .footer .top{ box-sizing: border-box; padding: 0 15px;} .footer .top .list { width: 20%; text-align: left; margin-right: 5%; } .footer .top .list.list-last{ width:25%} .home_banner .swiper-slide .title { height: 100%; width: 90%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } .menu_box .padding_box .nav { width: 100%; margin: 30px auto 0 auto; } .menu_box .nav ul li h1{ font-size:20px} .menu_box .nav ul li{ margin-right:0; width:24%} .menu_box .nav ul li.last { margin-right: 0; width: 26%; } .z-index{ padding-top:30px;} } @media (max-width: 1180px){ .ab_dis_list li{ padding: 40px;} .tip_ab2 .con{ margin-bottom:20px} nav ul li { margin: 0 5px; } header .logo{ width:130px} } @media (max-width: 1100px){ .in_top li a{ font-size:14px;} } @media (max-width: 1024px){ .ab_dis_list li{ padding:30px;} #ab_2{ margin-bottom:50px} header .header { display: none; } .z-index{ padding-bottom:30px} .head_phone{ display:block} .sub-menu{ display:block} .footer{ display:none} .foote{ display:block} .contact_job .contact_right .con{ font-size:12px} .contact_job .contact_right .con h1 { font-size: 20px; line-height: 24px; margin-bottom: 10px; } } @media (max-width: 1000px){ .home_banner .swiper-slide .title .p2{ width:100%} .in_top li a{ font-size:12px;} .in_top li a { margin: 0 10px; padding:18px 0; } .in_top li a img { margin-right: 10px; } } @media (max-width: 979px) and (min-width: 769px)){ } @media (max-width: 910px){ .ab_2 .jiagou{ width:150%} .contact_job .contact_right .con{ line-height:30px;} .contact_job .contact_right .con h1{ font-size:15px;} } @media (max-width: 900px){ .ab_1 .left{ margin-bottom:20px;} .ab_1 .left,.ab_1 .right{ width:100%} .ab_1 .left .con{ padding-left:0} .ab_1 .left{ padding-right:0} .ab_1 .left h1{ font-size:20px;} .ab_1 .atip-box .atip_r{ font-size:12px;} } @media (max-width: 840px){ .ab_dis_list li .top .sum{ font-size: 20px !important } .product_wel li{ width:100%} .product_wel li:nth-child(2n) .left{ float:right} .product_wel li:nth-child(2n) .right{ float:left} .product_wel li.two .left{ float:left} .product_wel li.two:nth-child(2n) .left{ float:right} .product_wel li:nth-child(2n) .left:after{left: 0;top: 20%;transform: rotate(-180deg);} .product_wel li.two .left:after{ left:inherit;transform:rotate(360deg); top:70%} .product_wel li.two:nth-child(2n) .left:after{ left: 0;top: 20%;transform: rotate(-180deg);} } @media (max-width: 800px){ table.table_tit, .rlzy_table .job_list dt table td, .rlzy_table .job_list dd div.gangwei_need span,.rlzy_table th { font-size: 12px; } .rlzy_table .job_list dd div.p35 { padding: 3%; } .lijishenqing{ display:none} #news_list .right h1 { font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 12px; } #news_list .right span { font-size: 12px; margin-bottom: 10px; } #news_list .right { line-height: 20px; font-size: 12px; } #news_list .right .con { height: 40px; margin-bottom: 20px; } #news_list .right b { background: url(../img/news/icon1.png) no-repeat left center; padding-left: 12%; font-size: 12px; color: #666; height: 38px; line-height: 38px; display: block; background-size: 9% auto; } #news_list .swiper-slide { height: 196px; } .swiper-container#news_list { height: 260px; } .late_news .left{} .late_news .left,.late_news .right{ width:100%} .late_news .right li .text { padding: 2%; } .late_news .right li .text h1 { color: #0a4e97; font-size: 23px; line-height: 20px; margin-bottom: 10px; max-height: 40px; overflow: hidden; } .intro_content li p{ font-size:12px} .intro_content h1 { color: #333; font-size: 18px; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; } .intro_content h2{ font-size: 18px; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; } .intro_content ul{ margin-bottom:25px} .touzizhe .con h3 { font-size: 16px; } .touzizhe .con .imgs { border: 1px solid #fff; border-radius: 360px; width: 70px; height: 70px; margin: 0 auto 24px auto; } .touzizhe .con{ margin-top:0; top:16%; height:auto;} .touzizhe .con .imgs { border: 1px solid #fff; border-radius: 360px; width: 50px; height: 50px; margin: 0 auto 12px auto; } .touzizhe .con .imgs img{ width:100%} .touzizhe .con h3 { font-size: 14px; } .fenbu_list .right span{ margin-bottom:15px; font-size:14px;} .fenbu_list .right,.fenbu_list li:nth-child(2n) .right{ padding-top:3%} .map-355{ margin:15% auto} #map { height: 300px; } .map_content .contact_100 { position: relative; left: 0; top: 0; width: 100%; height: auto; z-index: 11; margin-left:0; } .map_content .contact_100 .w1200{ float:none; width:100%} .map-355{ margin-top:0; padding:20px 0} .map-355 h1{ font-size:16px} .map-355 form li{ width:48%} .p_48 { padding: 0 20px; } .top_map p img{ width:12px} .top_map p{ font-size:12px; margin-right:0} .top_map{ margin-bottom:30px} .ab_dis_list li .top .sum{ font-size:40px} } @media (max-width: 992px){ .late_news .left, .late_news .right{ width: 100%; } .late_news .left .swiper-container .swiper-wrapper .swiper-slide .title img{ width: 100%; max-width: none } } @media (max-width: 768px){ .product_list .top{ height:144px} .top_map li{ width:50%; padding:0; margin-bottom:20px;} .top_map li:after{ background:none} .news-ibox{ display:none} .rlzy_table .job_list dt{ height:50px; line-height:50px;} .video_wel .left,.video_wel .right{ width:100%} .video_wel .right span { width: 46px; height: 46px; background: url(../images/c3.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; background-size: 100% 100%; } .video_wel .right span:after { width: 46px; height: 46px; background: url(../images/c4.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; background-size: 100% 100%; } .video_wel .left{ padding:20px;} .news-ibox #scrollBox{ display:none} .zhengshu_phone{ display:block} .ab_3,.ab_5{ padding:30px 0} .ab_4{ padding:30px 0 0 0} .product_list li h1 { height: 35px; line-height: 35px;} .product_list li h1{ font-size:13px;} .product_list{ margin-bottom:40px; padding-bottom:0} .zhanlue_list .left, .zhanlue_list .right { width: 100%; } .zhanlue_list .left .con{ height:auto} .load-logo2 img{ width:100%} /*.home_banner .swiper-container{ height:280px; }*/ .home_banner .swiper-slide .title .p1 { font-size: 16px; padding-top:7%; line-height: 20px; margin-bottom: 3%; } .home_banner .swiper-slide .title span{ margin-bottom:3%} .home_banner .swiper-slide .title .p2{ margin-bottom:4%; font-size:20px; line-height:26px} .home_banner .swiper-slide .title .p3 { line-height:34px; font-size: 26px; } .home_banner .swiper-slide .title .p3 a { height: 36px; line-height: 36px; width:40%; font-size: 12px; } .cicle_box .icon3_boder p { width: 50%; float: right; } .home_banner .swiper-slide{ background-size:100% 100%!important} header .header{ display:none} .chaxun_list li{ width:100%} .other_banner .banner .title .p1 { margin-top: 4%; } .other_banner .banner .title .p1{ font-size:20px;} .other_banner .banner .title span{ margin-bottom:2%} .sub-menu{ display:block} .other_banner .banner .title .p2 { line-height: 24px; font-size: 12px;} .wrap_3_newsbox.w_1400{ width:100%} .wrap_3_in .wrap_3_newsbox .flex-viewport li .text{ padding:4% 3% 8% 3%; line-height:20px; font-size:12px;} .wrap_3_in .wrap_3_newsbox .flex-viewport li .text h1{ font-size:16px; margin-bottom:10px;} .wrap_3_in .wrap_3_newsbox .flex-viewport li .text .con{ margin-bottom:20px;} } @media (max-width: 750px){ } @media (max-width: 660px){ .ab_1 .left a{ font-size: 12px; line-height: 26px; height: 26px; width: 100px; } #news_list .right b{ background-size:5% auto; padding-left:7%} #news_list .right .con{ margin-bottom:10px} .swiper-container#news_list { height: 440px; } .contact_job .contact_left,.contact_job .contact_right{ width:100%} .search_in_box div input, .search_in_box div select{ font-size:12px;} .search_in_box div{ line-height:30px; height:30px; font-size:12px;} .search_in_box .search_submint input{ height:30px;} .map-355 form li{ width:100%; margin-left:0} .ab_dis_list li{ width:50%; } .ab_1 .right{ height:auto;} .ab_dis_list li .top .sum{ font-size:20px;} .ab_dis_list li .con_dis{ font-size:12px; line-height:20px;} #news_list .left,#news_list .right{ width:100%} .at_video_list_two li{ width:100%} .at_video_list_two li .top span img{ width:100%} #news_list .right{ padding:15px; border:1px solid #e1e1e1} .phone_dh .logo { width: 146px; } .in_top li a{ margin:0} .fix_videos .con{ width:80%} #map{ height:150px} .top_h,.scrolltext{ width:220%} .m-search-box input.tex{ width:75%} .report_table::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } .fix_videos .close { width: 34px; height: 34px; background-size:40%; position: absolute; top: -47px; right: -10px; filter: alpha(opacity=100); opacity: 1; cursor: pointer; } .report_table::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .report_table::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(205,34,6,.3); background-color: #cd2206; } .wrap_3_in .wrap_3_newsbox .flex-viewport li{ height:auto;} .wrap_3_in .wrap_3_newsbox .flex-viewport li .text{ border:1px solid #ccc; border-top:none; padding-bottom:2px} .info-page .back { border-radius: 30px; font-size: 13px; text-align: center; width: 108px; height: 30px; line-height: 30px; margin-bottom: 20px; float:none } .ab_2 .jiagou { width: 230%; } .tip_ab2 h1{ font-size:20px; margin-bottom:0} .tip_ab2 .con { font-size: 12px; line-height: 18px; height:36px; overflow:hidden } .jiagou_see img{ width:12px;} .jiagou_see { width: 130px; height: 38px; line-height: 38px; font-size: 12px; padding-left: 15px; } .tip_ab2 .con{ width:100%} .ab_3 .right,.ab_3 .left{ width:100%} .ab_3 .left{ padding-right:0; margin-bottom:20px} .tip_ab{ font-size:18px; margin-bottom:18px;} .ab_3 .left .con{ line-height:18px; font-size:12px; margin-bottom:20px;} .ab_3 .left .more { font-size: 12px; line-height: 26px; height: 26px; width: 100px; } .fenbu_list .left,.fenbu_list .right{ width:100%} .fenbu_list .right h1{ font-size:16px; margin-bottom:10px} .fenbu_list .right i { width: 114px; height: 30px; line-height: 30px; padding-left: 16px; font-size: 12px; } .fenbu_list li{ margin-bottom:20px} .fenbu_list{ padding:0} .map_content h3 { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .job_donw .jianli_title p{ width:auto; float:none} .job_donw .jianli_title{ height:auto;} .job_donw,.rlzy_table .job_list dd div.gangwei_need{ padding:15px 0} .rlzy_table .job_list dd:last-child{ padding-bottom:0} .zhanlue_list li .left{ padding:20px;} .product_wel .left:after,.product_wel li.two .left:after{ width: 13px; height: 26px; background-size: 100% 100%; } } @media (max-width: 480px){ .top_map li{ width:100%; padding:0; margin-bottom:20px;} .map_content h3 { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .tip_box_img { width: 90%; margin-left: -45%; padding: 40px 20px; } .tip_box_img .con span{ width:36px; height:33px;} .tip_box_img .con h1{ font-size:15px; margin-bottom:22px;} #ab_2{ margin-bottom:40px} .product_list .top { height: 114px; } .tip_box .con{ margin-top:30%} .pagination a{ font-size:12px;} .other_banner .banner .title{ width:96%; margin-left:-48%;} .contact_job .contact_right .con h1 { line-height: 18px; font-size: 14px; } .fix_videos .con{ height:auto; padding:10px; margin-top:45%} .late_news .left .swiper-container .swiper-wrapper .swiper-slide .text h1 { font-size: 14px; font-weight: 700; margin-bottom: 10px; line-height: 20px; } .late_news .right li .imgs img { height:auto; max-width: none; width: 100%; } .home_banner{ display:none} .phone_wrap2{ display:block} .contact_job .contact_right .con {line-height: 24px;} .contact_job .contact_right .con p img {margin-right: 10px;width: 14px;} .backtop {width: 26px;height: 26px; background-size:50% auto;top: -13px;} .backtop:hover{background: #ef3332 url(../images/03.png) no-repeat center 15px; background-size:50% auto;} .pagebox{ margin-bottom:30px;} .news_about_con{ padding:10px; 20px} .news_detail_con { line-height: 22px; font-size: 12px; } .news_detail_con h1{ font-size:14px; line-height:24px;} .news_detail_con .top_tt span{ font-size:12px; margin-bottom:10px;} .info-page{ margin-top:20px; padding-top:15px;} .at_video_list_two li .box { padding: 20px; } .at_video_list_two li .box span{ margin-bottom:10px; font-size:12px;} .at_video_list_two li .box h1{ font-size:16px; margin-bottom:10px;} .at_video_list_two li{ font-size:12px; line-height:18px;} .at_video_list_two li .con{ height:36px} .other_banner .banner .title .p1 { font-size: 14px; line-height: 18px; margin-bottom: 2%; } .other_banner .banner img{ width:130%; max-width:none} .phone_nav_menu{ font-size:12px} .phone_nav_menu li img { margin-right: 5px; width: 14px; } .rlzy_table{ padding-bottom:20px; margin-top:30px} .other_banner .banner .title span { margin-bottom: 2%; } .other_banner .banner .title .p2 { line-height: 16px; font-size: 12px; } .intro_content li{ width:100%} .map-355{ margin-bottom:0} .phone_nav_menu{ display:block;} .in_top{ display:none;} .phone_wrap2 .swiper-slide .title .p1{ font-size:12px;letter-spacing: 10px; margin-bottom:2%} .phone_wrap2 .swiper-slide .title .p2 { margin-bottom: 8%; font-size: 14px; line-height: 18px; } .phone_wrap2 .swiper-slide .title .p3 { line-height: 22px; font-size: 18px; color:#fff; opacity:0.5 } .home_banner .swiper-slide .title .p1{ font-size:12px;letter-spacing: 10px;} .home_banner .swiper-slide .title .p2 { margin-bottom: 2%; font-size: 14px; line-height: 18px; } .home_banner .swiper-slide .title .p3 { line-height: 22px; font-size: 16px; } /*.home_banner .swiper-container { height: 150px; }*/ .home_banner .swiper-pagination-bullet { background: #fff; opacity: 1; width: 10px; height: 10px; border-radius: 360px; background: #fff; } .home_banner .swiper-container-horizontal>.swiper-pagination-bullets,.home_banner .swiper-pagination-custom,.home_banner .swiper-pagination-fraction{ margin:10px; bottom:0} .late_news .right li .text,.late_news .right li .imgs{ width:100%} .product_wel .right h1 { font-size: 14px; line-height: 16px; margin-bottom: 5px; } .late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ width:100%} .product_wel .right span{ font-size:12px; height:20px; overflow:hidden} .product_wel .right b{ width:96%;padding-left: 20px; text-align:left} .product_wel li .right b:after { background: #0a4e97 url(../images/bj.png) no-repeat center center; bottom: 8px; -webkit-transition: all .3s; transition: all .3s; } .product_wel li .right b { background: #0a4e97; color: #fff; } .product_wel .right b{ font-size:12px} .product_wel .right { line-height: 15px; font-size: 12px;} .product_wel .right .text{ display:none} .video_wel .left .p2 { color: #333; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .video_wel .left .text{ font-size:12px;} .tip_box .con{ padding:40px 20px} .tip_box .con span{ width:36px; height:33px;} .tip_box .con h1 { color: #000; font-size: 14px; line-height: 18px; text-align: center; margin-bottom: 30px; } .tip_box .text_scroll { height: 170px; overflow: hidden; font-size: 12px; line-height: 18px; color: #666; } .ab_1 .right .swiper-container { height: 220px; } .ab_1 .right .swiper-button-next.swiper-button-white, .ab_1 .right .swiper-container-rtl .swiper-button-prev.swiper-button-white{ width:70px; height:50px; background-size:50% auto;} .ab_1 .right .swiper-button-next.swiper-button-white:hover { background-size:50% auto; } .ab_1 .left .con{ margin-bottom:30px;} .ab_1 .right .swiper-slide span{ display:none} .product_list li{ width:48%} .ab_4 .ab_bottom .right #map{ height:150px} .load-logo2{ display:block} .load-logo{ display:none;} .loadings { position: absolute; width: 80%; left: 50%; margin-left: -40%; top: 40%; } .load-logo img{ width:100%} .line_left{} .wrap_3_in .wrap_3_newsbox .flex-viewport li .text b{ display:none} .about_job a.more{ width:60%; line-height:40px; height:40px; font-size:14px; margin-top:40px;} .about_job .job-list-tpl2 dd{ padding:3% 4%; font-size:12px} .about_job .job-list-tpl2 dd td span{ font-size:14px} .about_job .job-list-tpl2 dt{ height:40px; line-height:40px; font-size:12px} .about_job .job-list-tpl2 dt:after{ width:16px; height:16px; margin-top:-8px;} .late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ position:relative} .late_news .left .swiper-container .swiper-wrapper .swiper-slide .title img{ max-width:100%; height:auto} .late_news .left .swiper-container .swiper-wrapper .swiper-slide .title{ margin-bottom:0} .late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ background: rgba(10,78,151,1);} .late_news .left .swiper-container{ padding-bottom:80px;} .late_news .left .swiper-button-next,.late_news .left .swiper-button-prev{ background-size:100% 100%; width:30px; height:30px} .late_news .left .left_btns{ width:66px; height:30px; margin-bottom:20px} .late_news .left .swiper-button-next:hover { background: url(../img/home/date.png) no-repeat; background-size:100% 100%; } .late_news .left .swiper-button-prev:hover { background: url(../img/home/dateh.png) no-repeat; background-size:100% 100%; } .box_wel_title .tip_title{ font-size:20px} } @media (max-width: 375px){ .swiper-container#news_list { height: 420px; } .ab_2 .jiagou { width: 250%; } } @media (max-width: 320px){ .swiper-container#news_list { height: 390px; } .other_banner .banner .title .p1{ margin-top:6%} .in_top li a { padding: 3% 8px; } } .logo img{ max-width:130px}