.h1_tit{padding: 30px 0;text-align: center;} .mask{background: rgba(0,0,0,0.15);position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .present_con{background: #f3f3f3;overflow: hidden;position: relative;} .present_con .l{float: right;width: 50%;position: relative;} .present_con .r{float: left;width: 50%;padding: 40px 50px;box-sizing: border-box;position: absolute;left: 0;top: 0;height: 100%;} .present_con .r h2{color: #004b7f;margin-bottom: 30px;} .present_txt{color: #666666;line-height: 28px;height: 72%;} .present_txt p{margin-bottom: 20px;} .present_p{color: #666666;margin-top: 30px;} .present_p p{margin-bottom: 20px;} /*瑙嗛寮圭獥*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .overview_02{overflow: hidden;padding-bottom: 3%;} .speech .l{float: right;width: 33.7%;} .speech .r{float: left;width:calc(100% - 33.7%);padding-right: 45px;box-sizing: border-box;} .speech .r .edit_con_original{color: #666;} .leader_office{padding: 20px 0;} .leader_office p{float: left;line-height: 86px;margin-right: 20px;} .leader_office img{float: left;width: 190px;height: 86px;} .overview_03{background: #eeeeee;padding: 40px;text-align: center;box-sizing: border-box;} .overview_03 img{max-width: 100%;} .overview_04{padding: 30px 0 90px;overflow: hidden;} .honorSwi .swiper-container{padding: 30px 0;} .honorSwi li{padding: 70px 70px 50px;box-sizing: border-box;background: #eeeeee;position: relative;} .honorSwi li dd{position: relative;height: 394px;} .honor_img{display: table-cell;} .honor_img img{max-width: 100%;} .honorSwi li dt{text-align: center;margin-top: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;} .blk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);} .honorSwi li.swiper-slide-active{background: url(../images/overview_03.jpg) no-repeat center;background-size: 100% 100%;box-shadow: 0 0 20px rgba(0,0,0,0.2);} .honorSwi li.swiper-slide-active .blk{display: none;} .honorSwi li.swiper-slide-active dt{opacity: 1;} .lhl_but>div{background: #ffffff;color: #7a7a7a;width: 66px;height: 78px;text-align: center;line-height: 79px;font-size: 28px;margin-top: -39px;transition: all .3s;} .lhl_but>div.swiper-button-prev{left: 21.7%;} .lhl_but>div.swiper-button-next{right: 22%;} @media only screen and (min-width:1025px) { .lhl_but>div:hover{background: #e50020;color: #fff;} } @media only screen and (max-width:1024px) { .mask img{width: 50px;} .present_con .r{padding: 20px;} .present_con .r h2{margin-bottom: 10px;} .present_txt{height: 50%;} .speech .l{width: 40%;} .speech .r{width: 60%;} .leader_office p{line-height: inherit;} .speech_txt{height: 400px;overflow: hidden;} .overview_02{margin-bottom: 30px;} .honorSwi li{padding: 20px 30px 30px;} .honorSwi li dd{height: 300px;} .honorSwi li dt{margin-top: 10px;} .honorSwi .swiper-container{padding: 15px 0;} .overview_04{padding: 15px 0 70px;} .lhl_but>div.swiper-button-prev{left: 13.7%;} .lhl_but>div.swiper-button-next{right: 14%;} } @media only screen and (max-width:767px) { .h1_tit{padding: 20px 0;} .present_con .r,.present_con .l{float: none;width: 100%;} .present_con .r{position: static;} .present_txt{height: 300px;} .speech .l,.speech .r{float: none;width: 100%;} .speech .r{padding-right: 0;} .leader_office{overflow: hidden;} .leader_office p{line-height: 45px;} .leader_office img{width: 100px;height: 45px;} .overview_03{padding: 20px;} .honorSwi li.swiper-slide-active{box-shadow: none;} .lhl_but>div{width: 30px;height: 50px;margin-top: -25px;line-height: 50px;font-size: 18px;top:50%;} .lhl_but>div.swiper-button-prev{left: 0;} .lhl_but>div.swiper-button-next{right: 0;} .honorSwi li dd{height: 250px;} } /*浼佷笟鏂囧寲*/ .culture_p{color: #004b7f;} .culture_img{position: relative;width: 100%;} .culture_con{margin-bottom: 120px;overflow: hidden;} .culture_list{margin-top: 5%;} .first_dl{width: 43%;float: left;overflow: hidden;} .last_dl{width: 57%;float: left;overflow: hidden;} .first_dl dd{padding-left: 15%;box-sizing: border-box;} .culture_txt{position: absolute;color: #fff;width: 100%;box-sizing: border-box;} .culture_txt h1{margin-bottom: 20px;} .culture_txt p{line-height: 50px;} .first_dl dd .culture_txt{left: 0%;top: 0%;padding: 10%;box-sizing: border-box;} .first_dl dt{ /*border-top: 8px solid #fff;border-right: 8px solid #fff;*/ box-sizing: border-box;} .first_dl dt .culture_txt{left: 0%;top: 0%;padding: 10% 5% 0px 20%;} .last_dl dd{margin-top: 10%;} .last_dl dt{padding-right: 15%;} .last_dl dd .culture_txt{right: 80px;top: 10%;width: auto;} .last_dl dt .culture_txt{right: 80px;top: 10%;width: auto;text-align: right;} @media only screen and (max-width:1024px) { .culture_txt h1{margin-bottom: 10px;} .culture_txt p{line-height: 30px;} } @media only screen and (max-width:767px) { .culture_con{padding: 40px 0;overflow: hidden;margin-bottom: 20px;} .first_dl,.last_dl{width: 100%;} .first_dl dd{padding-left: 0;} .first_dl dt{border: none;} .last_dl dd{margin-top: 0;} .last_dl dt{padding-right: 0;} .culture_txt{left: 0% !important;top: 0% !important;padding: 10% !important;box-sizing: border-box;text-align: left!important;} .culture_list{margin-top: 30px;} } /*鍙戝睍鍘嗙▼鐗堟湰1 */ .his_box{text-align: center;margin-bottom: 20px;} .his_box .swiper-wrapper{display: inherit;font-size: 20px;} .his_box .swiper-slide{width: auto;} .his_box .lhl_but{display: none;} .his_box ul{border-bottom: 1px solid #e5e5e5;} .his_box li{display: inline-block;margin: 0 20px;position: relative;} .his_box li a{padding: 15px 0;display: block;} .his_box li em{height: 3px;background: #004b7f;position: absolute;bottom: -1px;width: 0;display: block;transition: all .3s;left: 50%;} .his_box li.on em{width: 100%;left: 0;} .his1_list dl{overflow: hidden;position: relative;margin: 50px 0;box-sizing: border-box;} .his1_list dl dd{float: left;width: 29%;position: relative;} .his1_list dl dd .mask{background: rgba(0,0,0,0.2);} .his1_txt{width: 100%;text-align: center;color: #fff;} .his1_list dl dt{float: left;width: 71%;position: absolute;right: 0;top: 0;padding: 15px 0px 10px 35px;box-sizing: border-box;height: 100%;} .his-con{line-height: 30px;color: #666666;height: 100%;overflow: hidden;} .his1_list dl:nth-child(2n) dd{float: right;} .his1_list dl:nth-child(2n) dt{left: 0;right: auto;padding: 15px 35px 10px 0;} @media only screen and (min-width:1025px) { .his_box li:hover em{width: 100%;left: 0;} } @media only screen and (max-width: 1024px) { .his1_list dl:last-child{margin-bottom: 30px;} .his1_list dl dd{width: 100%;} .his1_list dl dt{width: 100%;position: static;padding: 20px 0 0;} } /**/ .his2_con{position: relative;padding: 45px 0;} .dev_index_l_wrap { width:104px; } .dev_index_l_wrap ul {width:100%; float:right; position:relative;padding: 25px 0;} .dev_index_l_wrap li {width:100%; height:60px; line-height:60px; text-align:center;position: relative;} .dev_index_l_wrap li span{padding-right:20px; color:#5E5E5E; font-family:Arial;float:right;cursor:pointer;} .dev_index_l_wrap li.active span{ color:#D0002F; font-weight:bold;} .dev_index_l_wrap li.active::after{content: "";right: 0;top: 50%;margin-top: -12px;position: absolute;display: block;width: 4px;height: 24px;background: #D0002F;} .dev_index_l_box {overflow:hidden; width:104px; position:relative; margin-bottom:15px; height:452px;border-right: 1px solid #878787;} /*.dev_index_l_top { display:block; width:16px; height:10px; margin-bottom:15px; position:relative; float:right; }*/ /*.dev_index_l_bottom { display:block; width:16px; height:10px; margin-bottom:15px; position:relative; float:right;}*/ /*.dev_index_l_top.disabled{ cursor: default; }*/ /*.dev_index_l_bottom.disabled{cursor: default;}*/ .dev_index { position:relative; overflow:hidden; } .dev_index_l { width:104px; left:0; top:0;float: left;position: fixed;} .dev_index_r { width:calc(100% - 154px); float:right;box-sizing: border-box;margin-left: 154px;} .dev_index_r_box{display: inline-block;} .dev_index_r .dev_index_r_part{padding: 20px 35px 10px;box-sizing: border-box;margin-bottom: 30px;border-bottom: 1px solid #ebebeb;} .dev_index_r .dev_index_r_part > h4 { color:#004b7f; padding:0px 0 15px; line-height: 1.1; font-family: arial; /*font-weight: normal;*/} .dev_index_r ul { position:relative;} .dev_index_r li { width:100%; margin-bottom:12px;} .dev_index_r li .year_wrap { width:100%;overflow: hidden;} .dev_index_r li.odd .year_wrap { float:right;} .dev_index_r li .year_wrap img { width:100%;} .year_box {position:relative; z-index:20;} .year_box h4 { color:#2b2b2b; margin-bottom:6px;} .year_box p { color:#616161; } /*.dev_index_l { position:fixed; z-index:220; opacity:0;}*/ #swiper-container2 { display:none;} .dev_index_r .dev_index_r_part.active{background: #f6f9fc;border-bottom: 0;} #swiper-container2 .swiper-container{overflow: inherit;} #swiper-container2 .swiper-wrapper{display: inherit;} @media only screen and (max-width: 1520px) { } @media only screen and (max-width: 1300px) { } @media only screen and (max-width: 1024px) { .his2_con{padding: 30px 0;} .dev_index_l { width:20%; display:none; } .dev_index_l_wrap,.dev_index_l_box { width:100%;} .dev_index_r { margin-left:0; padding-left:26%; width:74%;} .dev_index_r ul { margin-bottom:10px; } .phone_dev.dev_index_l { position:relative; top:0; width:100%; } .dev_index_l_top {width: 10px; height: 16px; content: "\e64f"; margin-bottom: 0; position: absolute; float: none; right: auto; left:10px;top:50%; margin-top:-8px;display: block; } .dev_index_l_bottom {width: 10px; height: 16px; content: "\e649"; margin-bottom: 0; position: absolute; float: none; right: 10px; top:50%; margin-top:-8px; display: block;} .phone_dev.dev_index_l .dev_index_l_wrap {height:60px; position:relative;} .phone_dev.dev_index_l .dev_index_l_box {height:60px; margin-bottom:0; width:90%; padding:0 10px; box-sizing:border-box;} .phone_dev.dev_index_l .dev_index_l_wrap ul { float:none; width:100%; margin-top:0;} .phone_dev.dev_index_l .dev_index_l_wrap li { line-height:60px; height:60px; width:100px; background:none; float:left; } .phone_dev.dev_index_l .dev_index_l_wrap li span { padding:0; background:none; right:auto; top:0; float:none;} .phone_dev.dev_fixed { position:fixed; top:60px; z-index:200; background:#fff; border-bottom:2px solid #005bac; } .dev_index_r { padding-left:0; width:100%; float:none;margin-top: 30px;} .dev_index_r ul { margin:0; width:100%; } .dev_index_r li .year_wrap {width:auto;} .dev_index_r li.odd .year_wrap { float:none;} .dev_index_r .dev_index_r_part.active{background: #f6f9fc;border-bottom: 0;} #swiper-container2 .swiper-container{overflow: hidden;} #swiper-container2 .swiper-wrapper{display: flex;} #swiper-container2{width: 100%!important;margin: 0 auto;display: block;box-sizing: border-box;} #swiper-container2 .swiper-button-prev{left: 0px;} #swiper-container2 .swiper-button-next{right: 0px;} #swiper-container2 .swiper-slide { text-align:center; line-height:30px; height:30px; } #swiper-container2 .swiper-slide.active-nav { color:#d00000; font-size:18px; } .dev_index_r .dev_index_r_part{padding: 20px 0px 0;border-bottom:none;} .but{} .but>div{background: none;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 20px;top: 50%;margin-top: -15px;} .dev_index_r .dev_index_r_part.active{background: none;} .dev_index_r_box{display: flex;} } @media only screen and (max-width: 767px) { /*about_dev*/ .dev_index_r{margin-top: 0;} #swiper-container2{margin: 0 auto;} #swiper-container2 .swiper-button-prev{left: -8px;} #swiper-container2 .swiper-button-next{right: -8px;} .dev_index_r li { width:100%;} .dev_index_r .dev_index_r_part > h4{padding-bottom: 10px;} .his2_con{padding-top: 0;} .his_box{width: 80%;margin: 20px auto;position: relative;} .his_box ul{font-size: 13px;} .his_box li{margin: 0 2px;} .his_box li a{padding: 10px 0;} .his_box li em{height: 2px;} .his_box .swiper-wrapper{display: flex;} .his_box .swiper-slide{width: 100%;} /*.his_box .lhl_but{display: block;}*/ .his_box.on .lhl_but{display: block;} .his_box .lhl_but>div.swiper-button-prev{left: -13%;} .his_box .lhl_but>div.swiper-button-next{right: -13%;} } @media only screen and (max-width: 345px) { .his_box ul{font-size: 12px;} .his_box li{margin: 0 0px;} #swiper-container2{padding: 0 4%;} } /*璐ㄩ噺淇濊瘉*/ .quality_con{overflow: hidden;position: relative;padding: 3% 0;padding-bottom: 70px;} .quality_wrap{position: relative;overflow: hidden;} .quality_con-le{width: 50%;float: left;box-sizing: border-box;padding-right: 45px;} .quality_img{position: relative;background: #eeeeee;padding: 30px 20%;box-sizing: border-box;} .quality_img em{position: absolute;right: -45px;width: 1px;background: #878787;height: 100%;top: 0;} .quality_img div{display: table-cell;background: #eeeeee;} .quality_img img{width: auto;height: 80%;} /*.quality_img img::after{content: "";width: 100%;background: url(../images/yy.png) no-repeat;background-size: cover;height: 57px;*/ /*position: absolute;top: -20px;left: 0;display: block;}*/ .quality_con-re{width: 50%;float: right;padding-left: 45px;box-sizing: border-box;padding-bottom: 50px;} .quality_ul dl{overflow: hidden;float: left;width: calc((100% - 10px) / 2);margin-bottom: 10px;cursor: pointer;margin-right: 10px;display: table-cell;padding: 35px;box-sizing: border-box;border: 1px solid #fff;} .quality_ul{} .quality_ul dl:nth-child(2n){margin-right: 0;} .quality_ul dl dd{padding: 25px 40px;box-sizing: border-box;background: #eee;position: relative;} .quality_ul dl dd img{width: 100%;} .quality_ul dl dt{padding: 15px 0;display: none;padding-right: 44px;} .quality_ul dl dt h1{} .customerSwiper{position: relative;} .but>div{background: none;} .customerSwiper .but>div i{font-size: 24px;color: #2d3e6f;} .customerSwiper .but>div i:hover{color: #014d95;} .customerSwiper .swiper-button-next.swiper-button-disabled,.customerSwiper .swiper-button-prev.swiper-button-disabled{opacity: 1;} .customerSwiper .swiper-button-prev{left: 50%;bottom: -50px;top: auto;margin-left: -47px;} .customerSwiper .swiper-button-next{left: 50%;bottom: -50px;top: auto;margin-right: -47px;} .quality_txt h1{margin: 25px 0;text-align: center;} .quality_txt p{color: #84888d;line-height: 30px;} .quality_icon{position: absolute;left: 0;bottom: 15px;width: 100%;} .quality_icon .honor_icon-img{width: 100%;text-align: center;} .quality_icon .honor_icon-img img{width: 257px;height: 137px;} .quality_mask{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;top: 0;left: 0;} .quality_mask span{ width: 50px; height: 50px; border-radius: 100%; border: 1px solid #aae0f9; text-align: center; line-height: 50px; color: #a9ddf5; font-size: 28px; display: block; } .quality_ul dl.on{color: #fff;border: 1px solid #e50020;} .quality_ul dl.on .honor_mask{display: block;} .customerSwiper .but>div{width: 40px;height: 24px;text-align: center;line-height: 24px;border: 1px solid #bdbcbc;font-size: 18px;transition: all .3s;} @media only screen and (min-width:1025px) { .customerSwiper .but>div:hover{background: #004b7f;color: #fff!important;border-color: #004b7f;} .customerSwiper .but>div:hover i{color: #fff;} } @media only screen and (max-width:1024px) { .quality_ul dl{padding: 15px;} .quality_ul dl dd{padding: 20px 20px;} } @media only screen and (max-width:767px) { .quality_con .publi_box ul{text-align: center;} .quality_con .publi_box ul li{padding: 5px 20px;margin: 0 10px;} .quality_con-le{width: 100%;position: static;} .quality_icon{position: static;} .quality_con-re{width: 100%; background-size: 100% 100%;padding-left: 0;border-left: 0;padding-bottom: 20px;} .quality_ul dl{width: 100%;padding: 0;height: auto!important;} .quality_ul dl.on{background: none;color: #213265;} .quality_ul dl.on dt em{opacity: 1;} .quality_img,.quality_txt{display: none;} .quality_con {padding: 20px 0;} .quality_ul dl dt{display: block;padding-right: 0;text-align: center;} .quality_con-re .but .swiper-button-prev,.quality_con-re .but .swiper-button-next{top: 32%;bottom: auto;} .quality_con-re .but .swiper-button-prev{left: -5px;} .quality_con-re .but .swiper-button-next{right: 0;left: auto;} } /*鍏徃鏂伴椈*/ .news_01{margin: 30px 0 80px;overflow: hidden;position: relative;} .news_01 .l{float: left;width: 52%;} .news_01 .r{float: left;width: 48%;padding-left: 80px;overflow: hidden;box-sizing: border-box;padding-top: 15px;position: absolute;right: 0;top: 0;height: 100%;} h1.news_tit{margin-bottom: 15px;max-height: 70px;overflow: hidden;} .list_span{color: #c9c9c9;margin: 0px 0 50px;} .list_span span{margin-right: 15px;} .list_span span i{font-size: 22px;display: inline-block;vertical-align: middle;color: #2f6b99;margin-right: 8px;} .list_p{color: #555;line-height: 25px;height: 50px;overflow: hidden;} .list_link{position: absolute;bottom: 30px;} .list_link a{display: inline-block;width: 48px;height: 29px;line-height: 29px;text-align: center;background: #004a82;border-radius: 15px;} .list_link a img{margin-top: 7px;} .news_list dl{padding: 45px;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #ebebeb;} .news_list dl dd{float: right;width: 306px;} .news_list dl dt{float: left;width: calc(100% - 306px);} .news_list dl dt .l{float: left;width: 123px;height: 100px;border-right: 1px solid #ebebeb;box-sizing: border-box;} .l_date{width: 100px;height: 100px;background: #004a82;color: #fff;position: relative;} .l_date div{width: 100%;text-align: center;} .news_list dl dt .r{float: left;width: calc(100% - 123px);padding: 0 40px;overflow: hidden;box-sizing: border-box;} .look_details{margin-top: 15px;} .look_details a{display: inline-block;padding: 13px 40px 13px 25px;border-left: 2px solid #e60019;border-right: 2px solid #e60019;} .look_details a i{color: #e60019;margin-left: 40px;} /*淇℃伅鍏憡*/ .placard_list ul{overflow: hidden;} .placard_list ul li{float: left;width: calc((100% - 40px) / 2);margin-right: 40px;margin-top: 40px;padding: 30px 40px;box-sizing: border-box;background: #f7f7f7;border-bottom: 2px solid #ebebeb;position: relative;} .placard_list ul li:nth-child(2n){margin-right: 0;} .placard_list ul li .list_span{margin-bottom: 0;} .placard_list ul li h1.news_tit{margin: 3% 0 8%;height:70px; } .placard_list ul li em{position: absolute;left: 0;bottom: -2px;height: 2px;width: 0;display: block;background: #004a82;transition: all .3s;} @media only screen and (min-width:1025px) { .list_link a:hover{opacity: .8;} .news_list dl:hover{background: #f6f9fc;border-bottom-color: #fff;} .news_list dl:hover .l_date{background: #e60019;} .news_list dl:hover .look_details a{background: #e60019;color: #fff;} .news_list dl:hover .look_details a i{color: #fff;} .placard_list ul li:hover{background: #f6f9fc;} .placard_list ul li:hover .look_details a{background: #e60019;color: #fff;} .placard_list ul li:hover .look_details a i{color: #fff;} .placard_list ul li:hover em{width: 100%;} } @media only screen and (max-width:1440px) { .news_01{margin: 0px 0 50px;} .news_01 .r{padding-left: 40px;} h1.news_tit{max-height: 70px;} .placard_list ul li h1.news_tit{height: 60px;} } @media only screen and (max-width:1024px) { .news_01 .r{padding-left: 20px;padding-top: 0;} .list_span{margin-bottom: 10px;} .list_link{bottom: 0;} .news_list dl{padding: 20px;} .news_list dl dd{width: 30%;} .news_list dl dt{width: 70%;} .news_list dl dt .r{padding: 0 20px;} .look_details a{padding: 3px 20px 3px 20px;} h1.news_tit{height: 48px;margin-bottom: 10px;} .placard_list ul li{padding: 20px;} .placard_list ul li h1.news_tit{height: 48px;} } @media only screen and (max-width:767px) { .news_01{margin: 40px 0;} .news_01 .l{width: 100%;} .news_01 .r{width: 100%;position: static;padding: 20px 0;} .list_link{position: static;margin-top: 20px;} .news_list dl{padding: 0;} .news_list dl dd,.news_list dl dt{float: none;width: 100%;} .news_list dl dt{overflow: hidden;padding: 20px 0;} .news_list dl dt .l{width: 100px;height: 80px;} .l_date{width: 80px;height: 80px;} .news_list dl dt .r{padding: 0 0 0 10px;} .placard_list ul li{width: 100%;margin-right: 0;} .placard_list ul li h1.news_tit{margin: 20px 0 40px;} } /*淇¤涓炬姤*/ .report_con{padding-bottom: 120px;overflow: hidden;} .report_con .l{float: left;width: 50%;} .report_con .r{float: left;width: 50%;padding: 30px 40px;box-sizing: border-box;} .report_con .r h1{margin-bottom: 20px;} .report_edit{font-size: 16px;color: #666666;} .report_edit .edit_con_original{line-height: 24px;} @media only screen and (max-width:1600px) { .report_con{padding-bottom: 80px;} } @media only screen and (max-width:1024px) { .report_con .l,.report_con .r{width: 100%;float: none;} .report_con .r{padding: 30px 0;} } @media only screen and (max-width:767px) { .report_con{padding: 40px 0 50px;} } /*鑱旂郴鎴戜滑*/ .content_con{padding-bottom: 120px;overflow: hidden;} .contact_c{position: relative;height: 628px;} #map{width: 100%;height: 100%;} .contact_text{background:url(../images/contact_bg.jpg) no-repeat;background-size: 100% 100%;color: #fff;padding: 40px 45px;width:416px;box-sizing:border-box;right: 0px;top:0;position: absolute;height: 100%;} .contact_text h1{margin-bottom: 20px;} .contact_list{line-height: 28px;border-top: 1px dashed #fff;padding: 15px 0;} .contact_list li{overflow: hidden;} .contact_list li span{width: 50px;display: inline-block;} .contact_list li p{display: inline;width: calc(100% - 58px);} .contact_list li a{color: #fff;} .contact_code{margin-top: 20px;} .contact_code img{margin-right: 20px;width: 103px;height: 103px;} @media only screen and (min-width:1025px) { .contact_list li a.tel_link:hover{color: #fff!important;cursor: inherit;} } @media only screen and (max-width:1600px) { .content_con{padding-bottom: 80px;} } @media only screen and (max-width:1440px){ .contact_c{height: 600px;} } @media only screen and (max-width:1366px){ .contact_c{height: 500px;} .contact_text h1{margin-bottom: 30px;} .content_con{padding-bottom: 40px;} } @media only screen and (max-width:1024px){ .contact_c{height:auto;} #map{height: 300px} .contact_text{position: static;width: 100%;padding: 30px;} .contact_text h1{margin-bottom:10px;} } @media only screen and (max-width:767px){ #map{height: 200px} .contact_text{padding: 20px;} .content_con{padding: 40px 0 30px;} } /*浜烘墠鐞嗗康*/ .idea_list{margin-top: 40px;} .idea_list dl{margin-bottom: 80px;overflow: hidden;} .idea_list dl dd{float: left;width: 49%;} .idea_list dl dt{float: left;width: 51%;padding: 20px 0 20px 40px;box-sizing: border-box;height: 100%;} .idea_txt{color: #666666;margin-top: 20px;height: 100%;} .idea_list dl:nth-child(2n) dd{float: right;} .idea_list dl:nth-child(2n) dt{float: left;padding: 20px 40px 20px 0px;} @media only screen and (max-width:1024px){ .idea_list dl dt{padding: 0px 0 0px 20px;} .idea_list dl:nth-child(2n) dt{padding: 0px 20px 0px 0px;} .idea_txt{margin-top: 10px;height: 130px;overflow: hidden;} } @media only screen and (max-width:767px){ .culture_p br{display: none;} .idea_con{padding: 40px 0;} .idea_list{margin-top: 30px;} .idea_list dl dd,.idea_list dl dt{float: none;width: 100%;} .idea_list dl dt,.idea_list dl:nth-child(2n) dt{padding: 20px 0;overflow: hidden;} .idea_txt{height: auto;} .idea_list dl{margin-bottom: 20px;height: auto!important;} } /*鎷涜仒鐞嗗康*/ .sele_group{margin-bottom: 25px;display: inline-block;width: 100%;} .sele_group .sele_item{width: calc((62% - 90px) / 3);float: left;margin-right: 30px;} .sele_group .sele_item:last-child{width: 38%;margin-right: 0;} .sele_group .sele_item:last-child .btn{float: right;width: 40%;background: #be2025;color: #fff;line-height: 48px;text-align: center;box-shadow: none;border: none;font-size: 14px;} .sele_group .sele_item:last-child input{float: left;width: 60%;border: none;line-height: 48px;background: #f2f2f2;text-indent: 20px;font-size: 16px;height: 48px;} .pub_select{position: relative;} .pub_select dt{background: #f2f2f2;height: 48px;line-height: 48px;padding: 0 20px;box-sizing: border-box;position: relative;cursor: pointer;} .pub_select dt i{position: absolute;right: 20px;line-height: 48px;top: 0;transition: all .3s;color: #0054aa;} .pub_select dd{display: none; position: absolute;left: 0;top:50px;width: 100%;background: rgba(255,255,255,1);box-sizing:border-box;padding:10px 20px;z-index: 3;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .pub_select dd a{display: block;line-height: 45px;border-bottom: 1px solid #dbddde;} .pub_select-img{border: 4px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-top: 35px;} .pub_select-img a{display: block;} .pub_select-img a img{width: 100%;} .pub_select dt.on_o i{transform: rotate(180deg);} .recruit_item{position: relative;background: #fbfbfb;margin-bottom: 20px;} .recruit_item-t{cursor: pointer;overflow: hidden;padding: 25px 35px;} .recruit_item-t span{width: calc((100% - 281px) / 3);display: block;float: left;text-align: center;} .recruit_item-t span:first-child{text-align: left;} .recruit_item-t span b{font-style: normal;font-weight: normal;} .recruit_item-t span:last-child{width:280px;text-align: right;} .recruit_item-bt{overflow: hidden;color: #797979;} .recruitment_t-txt{height: 224px;overflow: hidden;} .recruit_item-t span em{display: none;} .recruit_text-p{font-weight: bold;margin-bottom: 20px;} .recruit_item-b{display: none;padding: 0 35px;padding-bottom: 50px;} .recruit_text{overflow: hidden;margin-bottom: 10px;} .recruit_text img{margin-right: 22px;} .recruit_text span{float: left;width: 55px;} .recruit_text>p{position: relative;line-height: 30px;} .recruit_text>p em{position: absolute;left: 0;bottom: 0;width: 118px;height: 1px;display: block;background: #bdbdbd;} .recruit_item-bItem{float: left;width: 50%;box-sizing: border-box;overflow: hidden;color: #666;margin-bottom: 20px;padding-right: 50px;} .recruit_item-bItem:nth-child(2){padding-left: 50px;padding-right: 0;border-right: none;} .xlicon{font-size:30px;display: block;height: 24px;line-height: 24px;width: 24px;float: right;} .recruit_item-b_txt{margin-bottom: 30px;} .recruit_item-b_txt span{margin-right: 50px;} .recruit_item.on{border-bottom: 0;background: #f6f9fc;} .recruit_item.on .recruit_item-t{font-size: 24px;padding: 30px 35px 10px;} .recruit_item.on .recruit_item-b{overflow: hidden;} .recruit_item.on .xlicon{transform: rotate(-90deg);} .recruit_item.on .recruit_text>p,.recruit_item.on .edit_con_original{} .recruit_itemAll{overflow: hidden;} .n_more{overflow: hidden;margin-top: 10px;} .n_more a{width: 180px;display: block;height: 45px;line-height: 45px;text-align: center;background: #be2025;color: #fff;} .recruit_title{border-bottom: 1px solid #e3e3e6;background: #b09862;color: #fff;} .n_more a:hover{opacity: .8;color: #fff!important;} .recruit_details{padding-bottom: 20px;} .len_more{width: 165px;height: 40px;margin: 0 auto;line-height: 40px;background: #0099d9;color: #fff;text-align: center;border-radius: 30px;display: block;overflow: hidden; margin-top: 30px;cursor: pointer;transition: all .3s;} @media only screen and (min-width: 1025px){ .modal_btn .btn:hover{opacity: .8;} } @media only screen and (max-width: 1024px){ .sele_group .sele_item{width: calc((62% - 30px) / 3);float: left;margin-right: 10px;} .sele_group .sele_item:last-child{width: 38%;margin-right: 0;} .pub_select dt{padding: 0 10px;} .sele_group .sele_item:last-child input{text-indent: 10px;} .recruit_item-t{padding: 30px;} .recruit_item-t span{width: calc((100% - 150px) / 3);display: block;float: left;text-align: center;} .recruit_item-t span:last-child{text-align: right;width: 150px;} .recruit_list dl dd{width: 70px;} .recruit_list dl dt{width: calc(100% - 80px);} .recruit_item-b{padding: 0 30px;padding-bottom: 40px;} .recruit_item-bItem{width: 100%;margin-bottom: 20px;border-right: none;padding: 0;} .recruit_item-bItem:nth-child(2){padding: 0;} .recruit_item.on .recruit_item-t{padding: 50px 30px 10px;} } @media only screen and (max-width: 767px){ .recruit_01{padding: 40px 0;} .sele_group{margin-bottom: 0;} .sele_group .sele_item{width: 100% !important;margin-right: 0%;margin-bottom: 20px;} .sele_group .sele_item:nth-child(2n){margin-right: 0;} .recruit_item{padding: 20px 0px;} .recruit_item-t{padding: 20px 20px 10px;} .recruit_title{display: none;} .recruit_item-t span{text-align: right;display: block;width: 100%!important;margin-bottom: 10px;} .recruit_item-t span b{display: none;} .recruit_item-t span:first-child{width: 100%;text-align: right;} .recruit_item-t span em{display: block;float: left;} .recruit_item-t span:last-child{width: 100% !important;margin-bottom: 0;} .recruit_item-b{padding: 0 20px;} .recruit_text{margin-bottom: 5px;} .recruit_edit{padding-left: 0;} .recruit_item-b_txt span{display: block;margin: 5px 0;} .recruit_item.on{padding-bottom: 40px;} .recruit_item.on .recruit_item-t{font-size: 18px;padding: 20px 20px 10px;} .n_more{margin-top: 0;} .xlicon{margin-right: 5px;} .sc_span{float: none;width: 100%;} .len_more{margin-top: 0;} } /*鎶曡祫鑰呭叧绯?/ .performance_con{overflow: hidden;} .performance_con ul{overflow: hidden;} .performance_con ul li{float: left;width: 48%;margin-right: 4%;border: 1px solid #333333;padding: 40px 50px;box-sizing: border-box;position: relative;transition: all .3s;margin-bottom: 50px;} .performance_con ul li:nth-child(2n){margin-right: 0;} .span_pdf{font-size: 50px;width: 80px;left: 40px;color: #0054aa;} .performance_txt{padding-left: 80px;box-sizing: border-box;} .performance_txt p{margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .performance_txt span{color: #9a9a9a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .performance_txt span i{color: #0054aa;font-size: 20px;display: inline-block;vertical-align: middle;margin-right: 8px;margin-bottom: 3px;} @media only screen and (min-width: 1025px){ .performance_con ul li:hover{background: #0054aa;border-color: #0054aa;} .performance_con ul li:hover .span_pdf{color: #fff;} .performance_con ul li:hover a{color: #fff!important;} .performance_con ul li:hover .performance_txt span{color: #fff;} .performance_con ul li:hover .performance_txt span i{color: #fff;} } @media only screen and (max-width: 1024px){ .performance_con ul li{padding: 30px;margin-bottom: 30px;} .performance_txt span i{margin-bottom: 0;} .span_pdf{left: 30px;} } @media only screen and (max-width: 767px){ .performance_con{padding: 40px 0;} .performance_con ul li{width: 100%;float: none;margin-right: 0;} } .strock_con{padding-bottom: 7%;} .strock_l{float: left;width: 53%;height: 100%;} .strock_l img{width: 100%;} .strock_r{float: left;width: 47%;height: 100%;position: relative;background: #fafafa;} .strock_rt{background: #fafafa;padding: 30px 40px;box-sizing: border-box;} .strock_rb{max-height: 59%;padding: 30px 0px 0 40px;background: #fff; box-sizing: border-box;position: absolute;right: 0;bottom: 0; } .strock_rt .txt h2{display: inline-block;color: #0054aa;margin-right: 20px;} .strock_rt .txt span{color: #0054aa;margin-right: 10px;} .strock_rt .txt em{margin-left: 50px;} .strock_rt ul{margin-top: 30px;overflow: hidden;} .strock_rt ul li{float: left;width: 20%;text-align: center;position: relative;} .strock_rt ul li h1{color: #be2025;} .strock_rt ul li em{position: absolute;right: 0;top: 50%;margin-top: -10px;width: 2px;height: 20px;background: #dcdcdc;} .strock_rt ul li:last-child em{display: none;} .strock_rt .len_more{background: #e60019;border-radius: 0;margin-left: 0;} .strock_rt .len_more i{margin-left: 20px;} @media only screen and (max-width: 1024px){ .strock_con{height: auto!important;} .strock_l,.strock_r{width: 100%;} .strock_rb,.strock_r{position: static;} .strock_rb{padding: 30px 0 50px;} } @media only screen and (max-width: 767px){ .strock_con{padding: 40px 0;height: auto!important;} .strock_rt{padding: 20px;} .strock_rt ul li h1{font-size: 18px;} .strock_rt ul{margin: 20px 0;} .strock_rt .txt h2{margin-right: 5px;font-size: 20px;} .strock_rt .txt em{margin-left: 5px;} .strock_rt .txt span{margin-right: 5px;font-size: 14px;} .strock_rb,.strock_r{position: static;} } .connection_con{padding-bottom: 7%;overflow: hidden;} .connection_01{position: relative;} .connection_01 img{width: 100%;} .connection_txt{position: absolute;width: 460px;right: 50px;bottom: 10%;border-top: 8px solid #e50020;background: rgba(255,255,255,0.88);padding: 30px 50px;box-sizing: border-box;} .connection_txt h1{color: #004b7f;} .connection_c{margin-top: 20px;} .connection_c p{margin-bottom: 15px;overflow: hidden;} .connection_c p i{width: 30px;float: left;color: #a1a1a1;font-size: 22px;margin-top: -2px;} .connection_c p span{width: calc(100% - 30px);float: left;color: #666666;} .connection_c p span a{color: #666666;} @media only screen and (max-width: 1024px){ .connection_txt{position: static;width: 100%;} } @media only screen and (max-width: 767px){ .connection_con{padding: 40px 0;} .connection_txt{padding: 20px;} } /*浜у搧涓績*/ .product_list{margin: 4% 0 5%;overflow: hidden;} .product_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;} .product_list dl:nth-child(3n){margin-right: 0;} .product_list dl a{color: #fff;} .product_list dl dt{position: absolute;left: 0;bottom: 0;width: 100%;} .product_list dl h2{ padding: 10px 40px; box-sizing: border-box; background: #004b7f; border-left: 16px solid #e50020; color: #fff; transition: all .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 20px; } .product_list dl h2 a{display: block;width: 100%;} .pro_txt{padding: 20px 20px 20px 40px;box-sizing: border-box;transform: translateY(-1000%);transition: all .3s;} .pro_item{margin-top: 20px;} .product_list dl a:hover{color: #fff!important;} .proList_body .product_list dl dt{height: auto;} .proList_body .product_list{margin-top: 0;} @media only screen and (min-width: 1025px){ .product_list dl:hover dt{top: 0;width: 100%;height: 100%;background: url(../upload/product_bg1.jpg) no-repeat;background-size: 100% 100%;} .product_list dl:hover dt .pro_txt{transform: translateY(0);height: 80%;} .product_list dl:hover h2{background: #e50020;width: 100%;} .proList_body .product_list dl:hover dt{background: none;height: auto;position: static;} .proList_body .product_list dl:hover h2{background: #e50020;width: 100%;} } @media only screen and (max-width: 1024px){ .product_list dl{width: 49%;} .product_list dl:nth-child(3n){margin-right: 2%;} .product_list dl:nth-child(2n){margin-right: 0;} .product_list dl dt{height: 100%;} .product_list dl dt .pro_txt{transform: translateY(0);height: calc(100% - 40px);padding: 15px;} .product_list dl dt h2{padding: 0px 20px;height: 40px;line-height: 40px;} .pro_item{margin-top: 10px;} .product_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px;height: 40px;} } @media only screen and (max-width: 767px){ .product_list{margin: 30px 0 30px;} .proList_body .product_list{margin: 30px 0 30px;} .product_list dl{width: 100%;margin-right: 0;margin-bottom: 20px;} } /*浜у搧璇︽儏椤?/ .details_t{overflow: hidden;position: relative;} .details_t .l{margin-top: 20px;} .details_t .r{box-sizing: border-box;} .pro_swi{position: relative;} .pro_swi .but>div{display: block;background: #e50020;width: 75px;height: 66px;line-height: 65px;text-align: center;color: #fff; font-size: 30px;margin-top: -33px;font-weight: bold;} .pro_swi .swiper-button-next{right: 0;} .pro_swi .swiper-button-prev{left: 0;} .desc_item{margin-top: 23px;} .desc_item h2{background: url(../upload/desc_bg.png) no-repeat;width: 167px;height: 31px;line-height: 31px;color: #fff;text-align: center;margin-bottom: 17px;} .desc_item h2 span{margin-left: 25px;} .desc_item .txt{background: #f6f9fd;padding: 20px;box-sizing: border-box;color: #666666;} .desc_item .txt li::before{content: "";width: 9px;height: 9px;background: url(../upload/lx.png) no-repeat;background-size: cover;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 2px;} .lis_span span{padding: 10px 0;border-bottom: 1px solid #eeeeee;display: block;} .pro_swi li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;} .pro_swi li:nth-child(3n){margin-right: 0;} .product_del .details_t .l{float: left;width: 50%;margin-top: 0;} .product_del .details_t .r{float: left;width: 50%;padding-left: 50px;box-sizing: border-box;padding-top: 10px;position: absolute;right: 0;top: 0;height: 100%;} .product_del .pro_swi li{width: 100%;margin-bottom: 0;} @media only screen and (max-width: 1560px){ .details_t .r{padding-top: 0;} } .details_c{padding-top: 4%;overflow: hidden;padding-bottom: 4%;} .pub_h1{margin-bottom: 50px;} .details_b{padding: 4% 0;overflow: hidden;padding-top: 0;} @media only screen and (max-width: 767px){ .pro_swi li{width: 100%;margin-right: 0;} .product_del .details_t .l,.product_del .details_t .r{width: 100%;} .product_del .details_t .r{position: static;padding: 20px 0 0;} } /*搴旂敤棰嗗煙*/ .application_con{padding-bottom: 4%;overflow: hidden;} .application_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;border: 3px solid rgba(229,0,32,0);box-sizing: border-box;} .application_list dl:nth-child(3n){margin-right: 0;} .application_list dl dt{padding: 10px 40px;box-sizing: border-box;background: #004b7f;border-left: 16px solid #e50020;color: #fff;transition: all .3s; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;} @media only screen and (min-width: 1025px){ .application_list dl:hover{border: 3px solid rgba(229,0,32,1);border-bottom: 0;} .application_list dl:hover dt{background: #e50020;} } @media only screen and (max-width: 1024px){ .application_list dl dt{padding: 15px;} } @media only screen and (max-width: 767px){ .application_con{padding: 30px 0;} .details_t,.details_c,.details_b{padding-top: 30px;} .pub_h1{margin-bottom: 20px;} .details_t .l,.details_t .r{float: none;width: 100%;} .pro_swi .but>div{width: 50px;height: 42px;line-height: 42px;margin-top: -21px;} .application_list dl{width: 100%;margin-right: 0;margin-bottom: 10px;} } /*璇︽儏椤?/ .details_desc .edit_con_original{line-height: 24px;color: #666666;} .application_t .r h1{margin-bottom: 20px;} .related_pro{position: relative;} .related_pro .but>div{display: block;background: #e50020;width: 75px;height: 66px;line-height: 65px;text-align: center; color: #fff;font-size: 30px;margin-top: -33px;font-weight: bolder;} .related_pro .swiper-button-next{right: 0;} .related_pro .swiper-button-prev{left: 0;} @media only screen and (max-width: 767px){ .related_pro .but>div{width: 50px;height: 42px;line-height: 42px;margin-top: -21px;} } /*鐪熺┖鎶€鏈?/ .label_list{margin: 40px 0;overflow: hidden;} .label_list ul li{float: left;margin-right: 27px;width: 200px;height: 55px;line-height: 55px;text-align: center;background: #eaeaea;} .label_list ul li:last-child{margin-right: 0;} .label_list ul li a{display: block;} .label_list ul li.on{background: #e50020;color: #fff;} .label_list ul li.on a{color: #fff;} .technology_list dl{margin-bottom: 5%;overflow: hidden;position: relative;} .technology_list dl dd{float: left;width: 46%;} .technology_list dl dt{float: left;width: 54%;padding-left: 3%;box-sizing: border-box;overflow: hidden; position: absolute; right: 0; top: 0;height: 100%;} .technology_list dl:nth-child(2n) dt{left: 0;right: auto;} .technology_item{margin-bottom: 20px;} .technology_item .edit_con_original{line-height: 30px;} .technology_item h1{margin-bottom: 20px;} .technology_item p{color: #666666;} .technology_list dl:nth-child(2n) dd{float: right;} .technology_list dl:nth-child(2n) dt{float: left;padding-left: 0;padding-right: 3%;} @media only screen and (max-width: 1024px){ .label_list ul li{width: 120px;} .technology_list dl dd,.technology_list dl dt{float: none;width: 100%;padding: 0!important;} .technology_list dl dt{position: static;height: auto;margin-top: 20px;} } @media only screen and (max-width: 767px){ .label_list{margin: 30px 0;} .label_list ul li{width: 70px;margin-right: 5px;height: 40px;line-height: 40px;font-size: 14px;} .technology_list{padding-bottom: 40px;} } .compute_con{padding-bottom: 4%;} .aftersale_con>h1{color: #004b7f;text-align: center;margin-bottom: 40px;} .advisory_con>h1{text-align: left;color: #004b7f;margin-bottom: 40px;} /*鏈嶅姟缃戠偣*/ .outlets_con .tit{margin-bottom: 20px;color: #004b7f;} .outlets_txt{margin-bottom: 20px;color: #666666;} .outlets_con .edit_con_original{line-height: 24px;color: #666;} .outlets_con .edit_con_original a{color: #666;} .outlets_list{overflow: hidden;padding-bottom: 5%;} .outlets_list ul li{float: left;width: 32%;margin-right: 2%;margin-top: 60px;border: 1px solid #acacac;box-sizing: border-box;padding: 20px 25px;position: relative;transition: all .3s;} .outlets_list ul li:nth-child(3n){margin-right: 0;} .outlets_list ul li em{position: absolute;width: calc(100% + 2px);height: 8px;background: #004b7f;left: -1px;top: -8px;transition: all .3s;} .outlets_list ul li h1{text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .outlets_address{margin-top: 20px;} .outlets_address p{margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .outlets_address p:first-child{height: 48px;overflow: hidden;white-space: inherit;} .outlets_address p i{float: left;width: 20px;margin-right: 15px;color: #a1a1a1;font-size: 20px;line-height: 26px;} .outlets_address p span{float: left;width: calc(100% - 35px);color: #666666;} .outlets_address p span a{color: #666;} @media only screen and (min-width: 1025px){ .outlets_list ul li:hover{background: #f6f9fc;} .outlets_list ul li:hover em{background: #e50020;} .outlets_address p span a.tel_link:hover{color: #666!important;cursor: inherit;} } @media only screen and (max-width: 1024px){ .outlets_list ul li{width: 48%;margin-right: 4%;} .outlets_list ul li:nth-child(3n){margin-right: 4%;} .outlets_list ul li:nth-child(2n){margin-right: 0;} .outlets_list{padding-bottom: 50px;} } @media only screen and (max-width: 767px){ .outlets_list ul li{width: 100%;margin-right: 0;margin-top: 40px;} } /*甯歌闂*/ .problem_con{padding-bottom: 5%;overflow: hidden;} .problem_con dl{padding: 0px 30px;background: #fbfbfb;margin-bottom: 20px;} .problem_con dl dd{overflow: hidden;cursor: pointer;padding: 30px 0;} .problem_con dl dd p{float: left;width: calc(100% - 40px);} .problem_con dl dd i{float: right;width: 40px;font-size: 28px;line-height: 30px;text-align: right;} .problem_con .edit_con_original{line-height: 24px;color: #666;} .problem_con dl dt{display: none;padding-bottom: 50px;} .problem_con dl.on{background: #f6f9fc;} .problem_con dl.on dd i:before{content: "\e64e";} @media only screen and (max-width: 1024px){ .problem_con dl dd i{line-height: 27px;} } @media only screen and (max-width: 767px){ .problem_con dl{padding: 0 15px;} } /*涓嬭浇涓績*/ .downcenter_con{} .downcenter_con table{width: 100%;} .downcenter_con table thead td{background: #004b7f;color: #fff;padding: 10px 40px;border-right: 2px solid #fff;} .downcenter_con table thead td.t1{width: 70%;} .downcenter_con table thead td.t2{width: 14%;} .downcenter_con table thead td.t3{width: 14%;border-right: 0;} .downcenter_con table thead td.t4{width: 2%;border-right: 0;} .downcenter_con table tbody td{background: #fff;padding: 15px 40px;border-right: 2px solid #fff;} .downcenter_con table tbody td.t3{border-right: 0;} .downcenter_con table tbody td.t4{border-right: 0;} .downcenter_con table tbody td.t1 p img{margin-right: 20px;} .downcenter_con table tbody td.t3 i{margin-left: 20px;color: #0f5687;} .downcenter_con table tbody td.t4{position: relative;} .downcenter_con .ph_table tbody td:last-child{background: #fff;} .downcenter_con table tbody tr:nth-child(2n) td{background: #f3f3f3;} .downcenter_con table tbody tr:nth-child(2n) td:last-child{background: #f3f3f3;} .hover_img img{vertical-align: middle;} .hover_block_img{position: absolute;top: -100px;width: 100px;left: 50%;margin-left: -50px;background: #fff;display: none;} .hover_block_img img{width: 100%;} @media only screen and (min-width:1025px) { .downcenter_con table tbody td.t4:hover .hover_block_img{display: block;} } @media only screen and (max-width:1024px) { .downcenter_con table thead td.t1{width: 60%;} .downcenter_con table thead td.t2{width: 19%;} .downcenter_con table thead td.t3{width: 19%;} .downcenter_con table thead td{padding: 10px 20px;} .downcenter_con table tbody td{padding: 15px 20px;} .hover_img{display: none;} .hover_block_img{display: inline-block;position: static;margin-left: 0;} } @media only screen and (max-width:767px) { .ph_table, .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #dadada; border-bottom: 0; margin-bottom: 20px; } .ph_table td { border: none; border-bottom: 1px solid #dadada; position: relative; padding: 5px 0; padding-left: 6em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding: 15px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .ph_table tbody td{padding: 10px 0;text-align: right;padding-right: 15px;} .ph_table tbody td:first-child{text-align: right;} .ph_table tbody td:last-child{text-align: center;} .downcenter_con table tbody td.t1 p img{margin-right: 5px;} .downcenter_con table tbody td{padding-left: 40px;padding-right: 10px;width: 100%; box-sizing: border-box;} .downcenter_con table tbody td.t4{padding-left:10px;} } /*璧勮川璇佺収*/ .qualification_con .page{margin-top: 0;} .qualification_list{overflow: hidden;} .qualification_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;} .qualification_list dl:nth-child(3n){margin-right: 0;} .qualification_list dl dd{padding: 35px 0;text-align: center;background: #eeeeee;} .qualification_list dl dd img{ display: inline-block; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto; } .qualification_list dl dt{padding: 40px 0;overflow: hidden;text-align: center;} .qualification_list dl dt p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} @media only screen and (max-width:1024px) { .qualification_list dl dt{padding: 20px 0;} .qualification_con .page{margin-top: 40px;} } @media only screen and (max-width:767px) { .qualification_list dl{width: 100%;margin-right: 0;margin-bottom: 20px;} .qualification_list dl dd{padding: 20px 0;} .qualification_con .page{margin-top: 0px;} } /*鎼滅储缁撴灉*/ .search-part{ margin:5% 0 0;} .search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;} .search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;} .search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;box-sizing: border-box;background: #fff;} .search_t button{background:#0099d9;color: #fff;width: 140px;float: left;} .search_p{color: #000;padding:2%;font-family: SourceHanSansCN-Medium;} .search_p span,.search_p i{color: #0099d9;} .search_list{padding:0 0 2%;} .search_list ul{margin-bottom:5%;} .search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;font-family: SourceHanSansCN-Regular;} .search_list p{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list p i{color: #0099d9;} .search_list p a{color: #4c4c4c;} .search_list em{float: right;width: 90px;text-align: right;color: #999999; font-family: arial;} @media only screen and (max-width:767px) { .search_t{padding:5%;} .search_t button{width:100px; height: 30px; line-height: 30px; font-size: 14px;} .search_t input{width:calc(100% - 100px); height: 30px; line-height: 30px;font-size: 14px;} .search_p{padding: 20px 0;} .search_list li{height:40px; line-height: 40px;} .search_list p{width: calc(100% - 80px);} .search_list em{width:80px;} } /*璇︽儏椤 鏂颁慨鏀?/ .details_table{position: relative;overflow: hidden;margin-bottom: 30px;} .details_table .wrap{position: relative;z-index: 2;} .details_table::after{content: "";overflow: hidden;position: absolute;left: 0;width: 100%; height: 1px;background: #dddddd;bottom: 0px;} .details_table li{float: left;width: 170px;height: 66px;text-align: center;line-height: 66px;background: #fff;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;cursor: pointer;color: #959595;} .details_table li:first-child{border-left: 1px solid #ddd;} .details_table li.on{border-bottom: 1px solid #fff;color: #000;font-weight: bold;} .index_edit-item{display: none;} .index_edit-item.on{display: block;} .ph_table{width: 100%;} .ph_table thead td{background: #e5e6e6;padding: 20px 40px;font-weight: bold} .ph_table tbody tr{background: #f3f3f3;} .ph_table tbody tr:nth-child(2n){background: #e5e6e6;} .ph_table tbody td { padding: 20px 40px; border-top: 8px solid #fff; } .ph_table td{} .ph_table td:last-child{border-right:0;} .t1,.t2,.t3,.t4,.t5{width: 19%;} .t6{width: 5%;} .ph_table tbody td:last-child{background: #0254aa;padding: 0;text-align: center;} .ph_table tbody td:last-child a{display: block;} .ph_table tbody td:last-child a img{margin-top: 6px;} @media only screen and (max-width:767px) { .ph_table, .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table tr { border: 1px solid #dadada; border-bottom: 0; margin-bottom: 20px; } .ph_table td { border: none; border-bottom: 1px solid #dadada; position: relative; padding: 5px 0; padding-left: 6em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding: 10px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .ph_table tbody td{padding: 10px;} } .fitting_l{float: left;width: 20%;margin-right: 2%;} .fitting_l li{padding: 15px 40px;box-sizing: border-box;background: #004b7f;border-bottom: 1px solid #0062a6;color: #fff;overflow: hidden; position: relative;cursor: pointer;} .fitting_l li span{float: left;width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .fitting_l li img{float: right;width: 6px;right: 40px;left: auto;display: none;} .fitting_l li.on{background: #0062a6;} .fitting_l li.on img{display: block;} .fitting_r{float: left;width: 78%;} .fitting_r dl{margin-bottom: 60px;} .fitting_r dd{color: #004b7f;margin-bottom: 30px;} .fitting_r dt li{background: #e5e6e6;padding: 20px 40px;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #fff;} .fitting_r dt li:nth-child(2n){background: #f3f3f3;} .fitting_r dt li span{float: left;width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .fitting_r dt li p{float: right;width: 120px;text-align: right;color: #959595;} .fitting_r dt li:last-child{border-bottom: 0;} .fitting_item{display: none;} .fitting_item.on{display: block;} @media only screen and (min-width:1025px) { .fitting_l li:hover{background: #0062a6;} } @media only screen and (max-width:1024px) { .details_table li{padding: 0 20px;height: 40px;line-height: 40px;width: auto;} .fitting_l{width: 30%;margin-right: 2%;} .fitting_r{width: 68%;} .fitting_l li{padding: 10px 20px;} .fitting_r dt li{padding: 10px 20px;} .fitting_r dd{margin-bottom: 20px;} .fitting_l li img{right: 20px;} } @media only screen and (max-width:767px) { .details_table li{padding: 0 8px;font-size: 14px;} .fitting_l{width: 100%;margin-right: 0;} .fitting_l li span{font-size: 14px;} .fitting_l li{float: left;width: 33.3%;} .fitting_r{width: 100%;margin-top: 30px;} } /*鏂颁慨鏀?/ .address_con{height: 45px;margin-bottom: 10px;} .selectInput { width: 100%; height: 100%; border: 1px solid #d9dfe7; padding: 0px 10px; border-radius: 5px; position: relative; float: left; box-sizing: border-box; } .selectInput input { width: calc(100% - 25px); background: none; border: none; height: 100%; color: #fff; font-size: 14px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .selectInput i { left: auto; right: 10px; transition: all .3s; line-height: 40px; position: absolute; } /*.selectInput.on img{transform: rotate(180deg);}*/ .selectUl { background: #fff; border: 1px solid #ccc; display: none; position: absolute; box-sizing: border-box; top: 45px; width: 100%; left: 0px; z-index: 9; font-size: 14px; line-height: 26px; } .selectUl { padding: 10px 0; } .selectUl li { padding: 0 10px; } .selectUl li a { color: #3f3f3f; } .contact_list{display: none;border-top: 0;} .contact_list.on{display: block;} /*钀ラ攢缃戠粶*/ .networ_tit{overflow: hidden;} .networ_tit h2{float: left;line-height: 50px;} .networ_tit h2 em{display: block;width: 80px;height: 2px;background: #0254aa;margin-top: 10px;} .networ_tag{float: right;} .networ_tag span{float: left;width: 98px;height: 50px;line-height: 50px;text-align: center;background: #e0e0e0;cursor: pointer;} .networ_tag span.on{background: #e9000f;color: #fff;} .network{padding:5% 5% 10%; position: relative; } .nanhai{ position: absolute;right: 30%; bottom: -50px;} .nanhai1{position: absolute;right:5%; bottom:10%;} .province_ul li.m01{left:590px; top:205px;} .province_ul li.m02{ left:630px; top:160px;} .province_ul li.m03{ left:630px; top:90px;} .province_ul li.m04{ left:508px; top:220px;} .province_ul li.m05{ left:525px; top:242px;} .province_ul li.m06{ left:500px; top:260px;} .province_ul li.m07{ left:455px; top:280px;} .province_ul li.m08{ left:450px; top:180px;} .province_ul li.m09{ left:585px; top:380px;} .province_ul li.m10{ left:568px; top:350px;} .province_ul li.m11{ left:570px; top:410px;} .province_ul li.m12{ left:534px; top:370px;} .province_ul li.m13{ left:550px; top:460px;} .province_ul li.m14{ left:510px; top:440px;} .province_ul li.m15{ left:535px; top:295px;} .province_ul li.m16{ left:475px; top:335px;} .province_ul li.m17{ left:460px; top:380px;} .province_ul li.m18{ left:450px; top:440px;} .province_ul li.m19{ left:480px; top:502px;} .province_ul li.m20{ left:410px; top:502px;} .province_ul li.m21{ left:410px; top:580px;} .province_ul li.m22{ left:395px; top:405px;} .province_ul li.m23{ left:320px; top:390px;} .province_ul li.m24{ left:380px; top:455px;} .province_ul li.m25{ left:290px; top:490px;} .province_ul li.m26{ left:120px; top:360px;} .province_ul li.m27{ left:410px; top:322px;} .province_ul li.m28{ left:318px; top:260px;} .province_ul li.m29{ left:230px; top:290px;} .province_ul li.m30{ left:368px; top:280px;} .province_ul li.m31{ left:120px; top:180px;} .province_ul li.m32{ left:590px; top:500px;} .province_ul li.m33{ left:500px; top:525px;} .province_ul li.m34{left:470px; top:535px;} .province_ul{width:760px; height:620px; position:absolute; margin:0 auto; left:0; top:0; z-index:1} .province_ul li{ color:#333; font-size:12px; width:auto; height:20px; position:absolute; text-align: center;} .province_ul li em{ /*background:url(../images/dot02.png) left center no-repeat;*/ display: inline-block;width: 10px;height: 10px;background-size: 100% 100%;} .province_ul li span{display: block;text-align: center;} .province_ul li span.nodot{ background:none;} .province_ul li.m04 em{ /*background:url(../images/dot02_bj.png) left center no-repeat;*/ width: 18px;height: 22px;background-size: 100% 100%;} .province_ul li.m04 span{margin-top: -5px;} .province_ul li.m04.current em{ /*background:url(../images/dot02.png) left center no-repeat;*/ width: 10px;height: 10px;background-size: 100% 100%;} .province_ul li.current{color:#000;} .province_ul li.current em{ /*background:url(../images/dot02.png) left center no-repeat;*/ background-size: 100% 100%;} .province_ul li.current span{font-weight: bold;} .province_ul li.m04.current,.province_ul li.m05.current,.province_ul li.m06.current,.province_ul li.m09.current,.province_ul li.m10.current,.province_ul li.m11.current,.province_ul li.m13.current,.province_ul li.m21.current,.province_ul li.m32.current{ color:#333; } .map_box{ position:relative; width:760px; height:620px; margin:0 auto;} #svgpaper{ width:760px; height:620px; position:absolute; left:-40px; top:0; z-index:0} #paper{width:760px; height:620px; position:absolute; margin:0 auto; left:-40px; top:0; z-index:2} .hidden{ display:none;} .cl11{ position:absolute;display:none;z-index:4; right:8%; top:18%;background:rgba(0,75,127,0.9); width:425px;} .cl11 .w { padding:20px 35px; box-sizing: border-box;color: #fff;} .cl11 .w p{line-height: 30px;} .cl11 .w a{color: #fff;} .cl11 .w a.tel_link:hover{color: #fff!important;cursor: inherit;} /*.cl11 table{width:100%;color:#000; text-align: center; line-height: 30px; }*/ /*.cl11 table th{ border-bottom:2px solid #0069CF; text-align: center; }*/ /*.cl11 table td{color:#777777; padding:5px;}*/ .cl_box{ width:312px; } .cl11 .close1 { position:absolute;right:5px; top:5px; width:25px; height: 25px; line-height: 25px; text-align:center; color:#fff; background:#004b7f; z-index:111; border-radius: 50%;} .address-select { display:none;} .dbx{position: absolute;left: -17px;top: 25px;} .hidden{background:rgba(0,75,127,0.9); width:425px;position: absolute;top: 20px;} .hidden .w { padding:20px 35px; box-sizing: border-box;color: #fff;} .hidden .w p{line-height: 30px;text-align: left;} .hidden .w a{color: #fff;} .hidden .w a.tel_link:hover{color: #fff!important;cursor: inherit;} .hidden .w em{width: auto!important;height: auto!important;} .hidden .w span{display: inline-block!important;} .abo_ll{float: left;width:43.33%;} .abo_ll dd{ position:relative;} .abo_ll dd span{position: absolute;right:3%;bottom:28%; width: 130px; height: 45px;} .abo_ll dd h3{ color: #fff; position: absolute;right:3%; bottom:19%;} .abo_rr{float: right;width:52.5%;} .abo_rr h3 span{ display: block;width:46px; height:29px; margin-bottom:20px; border-bottom: 1px solid #0167CA; } .abo_rr li{ float: left;width:33.33%;color:#777777; margin-bottom:30px; position: relative;} .abo_rr li i{ position: relative;top:5px; } .abo_rr li em{ position: absolute;right:30px;top:0; width: 1px; height: 100%; background: #B4A9A8;transform:rotate(15deg); -ms-transform:rotate(15deg); } .spe_ll{float: left;width:65.16%;} .spe_ll dl{color:#fff; padding:3% 5% 6%; margin-bottom: 5%; /*background: url(../upload/about_img03.jpg) no-repeat;*/ /*background-size:cover;*/} .spe_ll dt {font-weight: normal; margin-bottom:4.5%;} .spe_ll dt span{margin-right: 20px;} .spe_ll dd h2{margin-bottom:2%;} .index-network{ position:relative; overflow:hidden;} .index-network .img { width:1220px; height:849px; margin:0 auto; position:relative; } .index-network .img > img { width:100%;transition:1s all; -webkit-transition:1s all; opacity:0;} .index-network .img .d { background:#fff; width:8px; height:8px; border-radius: 50%; z-index:10; left:74.83%; top:49.46%; position:absolute;} .index-network .img > .list { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .index-network .img > .list li {position:absolute; right:0; top:0; width:100%; height:100%;} .index-network .img > .list li img { width:1200px; height:849px; position:absolute; right:0; top:0;} .index-network .img > .logo-item{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;} .logo-item li { /*background:url(../images/logo-item.png) no-repeat; */ width:68px; height:70px; position:absolute; transition:3s all; -webkit-transition:3s all; -moz-transition:3s all; -o-transition:3s all; transform:scale(0,0); -webkit-transform:scale(0,0);} .logo-item li.i1 { left:36%; top:19%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .logo-item li.i2 { left:17%; top:33%; transition-delay:0.6s; -webkit-transition-delay:0.4s;} .logo-item li.i3 { left:20%; top:45%; transition-delay:1.4s; -webkit-transition-delay:0.4s;} .logo-item li.i4 { left:50%; top:41%; transition-delay:0.2s; -webkit-transition-delay:0.4s;} .logo-item li.i5 { left:59%; top:33%; transition-delay:1.4s; -webkit-transition-delay:0.4s;} .logo-item li.i6 { left:32%; top:66%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .logo-item li.i7 { left:49%; top:56%; transition-delay:0.8s; -webkit-transition-delay:0.4s;} .logo-item li.i8 { left:79%; top:68%; transition-delay:0.2s; -webkit-transition-delay:0.4s;} .index-network.open .logo-item li { transform:scale(1,1); -webkit-transform:scale(1,1);} .index-network.open .img > img { opacity:1;} .index-network.open .img .d { opacity:1;} .map-network .list li { overflow:hidden; transition:3s all; -webkit-transition:3s all; -moz-transition:3s all; -o-transition:3s all; } .map-network .list li.l1 { width:0%;} .map-network .list li.l2 { width:0%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .map-network .list li.l3 { width:0%; transition-delay:1.6s; -webkit-transition-delay:1.6s;} .map-network .list li.l4 { width:0%; transition-delay:1.4s; -webkit-transition-delay:1.4s;} .map-network .list li.l5 { width:0%; transition-delay:1.2s; -webkit-transition-delay:1.2s;} .map-network .list li.l6 { width:0%; transition-delay:1.0s; -webkit-transition-delay:1.0s;} .map-network .list li.l7 { width:0%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .map-network .list li.l8 { height:0%; transition-delay:1.5s; -webkit-transition-delay:0.4s;} .index-network.open .list li.l1 { width:100%;} .index-network.open .list li.l2 { width:100%;} .index-network.open .list li.l3 { width:100%;} .index-network.open .list li.l4 { width:100%;} .index-network.open .list li.l5 { width:100%;} .index-network.open .list li.l6 { width:100%;} .index-network.open .list li.l7 { width:100%;} .index-network.open .list li.l8 { height:100%;} @media only screen and (max-width: 1365px) { .index-network { height:800px;} .index-network .img { width:1150px;height:800px;} .index-network .img > .list li img { width:1150px;height:800px;} } @media only screen and (max-width: 1279px) { .network{padding-bottom:12%;} .nanhai{right:20%;} .index-network { height:675px;} .index-network .img { width:970px;height:675px;} .index-network .img > .list li img { width:970px;height:675px;} } @media only screen and (max-width: 1023px) { .map_box{ display:none;} .address-select{ display:block;} .address-select li{float: left;width:12%; line-height: 30px; text-align: center;} .address-select li.on{color:#0167CA;} .cl11{ position:relative; left:0; top:0; width: 100%; margin-top: 15px; border: none;} .cl11 .close1,.nanhai,.nanhai1{ display:none;} .map{height: 450px;} .network{padding:40px 0;} .index-network { height:513px;} .index-network .img { width:738px;height:513px;} .index-network .img > .list li img { width:738px;height:513px;} .cl11 .w{margin-top: 30px;} .dbx{transform: rotate(90deg);left: 50%;top: -23px;margin-left: -15px;} } @media only screen and (max-width: 767px) { .map{height: 350px;} .BMap_bubble_title{font-size: 14px!important;} .index-network { height:268px;} .index-network .img { width:385px;height:268px;} .index-network .img > .list li img { width:385px;height:268px;} .index-network .img .d{width:4px; height: 4px;} .logo-item li{width:28px; height: 30px; background-size: cover;} .address-select li{width:20%;} } @media only screen and (max-width:375px) { .product_list li:nth-child(5){top: -27px;} .map{height: 300px;} .index-network { height:240px;} .index-network .img { width:345px;height:240px;} .index-network .img > .list li img { width:345px;height:240px;} } @media only screen and (max-width:340px) { .index-network { height:216px;} .index-network .img { width:310px;height:216px;} .index-network .img > .list li img { width:310px;height:216px;} } @media only screen and (max-width:320px) { .index-network { height:201px;} .index-network .img { width:290px;height:201px;} .index-network .img > .list li img { width:290px;height:201px;} } .network_item{display: none;} .network_item.on{display: block;} .network_item>img{width: 100%;} .network_item.world{position: relative;} .world_item{position: absolute;} .world_item img{width: 60px;display: none;} .world_item>span{background: url(../images/w_d.png) no-repeat;background-size: cover;width: 15px;height: 15px;display: block;cursor: pointer;} .world_item>span:before { content: ''; width: 15px; height: 15px; border-radius: 50%; /*background-color: #fff;*/ background:rgba(0,75,127,0.5); opacity: 0.7; animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 200ms; transition: 0.5s all ease; transform: scale(1); display: block; } @keyframes scale { 0% { transform: scale(1); } 50%, 75% { transform: scale(1.8); } 78%, 100% { opacity: 0; } } .world_word{position: absolute;left: 50%;top: 15px;width: 390px;padding: 20px 30px;box-sizing: border-box;background:rgba(0,75,127,0.9);color: #fff; display: none;z-index: 10;margin-left: -195px;} .world_word p{line-height: 30px;} .world_word p a{color: #fff;} .world_item.on .world_word{display: block;} @media only screen and (max-width: 1200px) { .world_word{left: -50px;top: 30px;} } @media only screen and (max-width: 1024px) { .world_word{left: -50px;top: 30px;} .networ_tit h2 em{margin-top: 0;} .cl11 .w{padding: 20px;} .network_item.world{margin-top: 30px;} .world_item{position: static;margin-bottom: 20px;} .world_item>span{margin-left: 10px;} .world_word{position: static;display: block;width: 100%;margin-left: 0;padding: 20px;margin-top: 20px;} } @media only screen and (max-width: 767px) { } .aftersale_down{background: url(../upload/aftersale_down.png) no-repeat;background-size: cover;display: block;width: 219px;height: 32px;padding-left: 34px;box-sizing: border-box;} .aftersale_down span{text-align: center;color: #fff;width: 100%;line-height: 32px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .details_b .application_list{position: relative;} .details_b .application_list .swiper-button-prev{left: 0px;} .details_b .application_list .swiper-button-next{right: 0px;} .details_b .application_list .lhl_but>div{margin-top: -62px;width: 75px;height: 66px;line-height: 66px;font-weight: bolder;} .swiper-pagination @media only screen and (max-width: 767px) { .details_b .application_list .lhl_but>div{ width: 50px; height: 42px; line-height: 42px; margin-top: -44.5px; } } .technology_item h2{margin-bottom: 20px;} .model_list .ph_table td{width: 98%;box-sizing: border-box;padding: 20px 40px;} .model_list .ph_table td a{display: block;} .model_list .ph_table td:last-child{width: 80px;} .model_list{padding-bottom: 8%;} @media only screen and (max-width: 767px) { .model_list{padding: 40px 0;} .model_list .ph_table td:last-child{text-align: center;} .model_list .ph_table td{padding: 10px;border-top: 0;width: 100%;} .ph_table td a{position: relative;z-index: 3;} .aboutstaus tbody td:last-child { background: #0254aa; padding: 0; text-align: right; } } .parameter li{overflow: hidden;margin-bottom: 10px;} .parameter li:nth-child(2n){} .parameter dl{float: left;width: calc((100% - 10px) / 2);margin-right:10px;box-sizing: border-box;} .parameter dl:nth-child(2n){margin-right: 0;} .parameter dl dd{float: left;width: 50%;background: #e5e6e6;padding: 20px 20px;box-sizing: border-box;height:80px; line-height: 20px;} .parameter dl dt{float: left;width: 50%;background: #e5e6e6;padding: 20px 20px;box-sizing: border-box; height:80px; line-height: 20px;} .parameter dl dt .edit_con_original,.parameter dl dt .edit-con-original{ line-height: 20px;} .parameter li:nth-child(2n) dd,.parameter li:nth-child(2n) dt{background: #f3f3f3;} @media only screen and (max-width: 767px) { .parameter dl{width: 100%;margin-right: 0;margin-bottom: 10px;} .parameter li{margin-bottom: 0;} } /* 鐩戜簨浼 */ .listimg{ width: 1440px; max-width: 94%; margin: 0 auto; } .listimg ul{ overflow: hidden; } .listimg ul li{ margin-right: 2%; margin-top: 40px; width: 23.33%; float: left; } .listimg ul li img{ width: 100%; } .listimg ul li h2{ margin-top: 15px; font-family: "SourceHanSansCN"; font-weight: bold; color: rgb(2, 84, 170); line-height: 1; } .listimg ul li p{ margin-top: 15px; font-family: "SourceHanSansCN"; color: rgb(102, 102, 102); line-height: 1; } .listimg ul li:nth-child(4) , .listimg ul li:nth-child(8){ margin-right: 0; } .jianshihui{ width: 1440px; max-width: 94%; margin: 0 auto; } .jianshihui .l{ width: 36.04% } .jianshihui .r{ width: calc(100% - 36.04%); padding: 39px 0px 0 85px; } @media only screen and (max-width: 767px) { .listimg ul li { width: 48%; margin: 1%; } } @media only screen and (max-width: 1024px) { .jianshihui .l{ width: 100% } .jianshihui .r{ width: 100%; padding-left: 0; padding-right: 0; /* padding: 39px 0px 0 85px; */ } } .aboutstaus{ margin-bottom: 80px; } .aboutstaus .t1,.aboutstaus .t2,.aboutstaus .t3,.aboutstaus .t4,.aboutstaus .t5{ width: auto !important; } .aboutstaus .t4{ width: 6% !important; } .aboutstaus .t5{ width: 40% !important; } .aboutstaus .t6{ width: 40% !important; } .aboutstaus .t3{ padding: 15px 40px !important; text-align: left !important; } @media only screen and (max-width: 767px){ .aboutstaus tbody td:last-child { text-align: right !important; padding: 0 !important; } } .news_02{ margin-bottom: 40px; }