*{box-sizing: border-box;} h1{font-weight: normal; white-space: normal;} .bg{background: #fafafa;} .bg1{background: #f9f9f9;} .fl{float: left;} .fr{float: right;} h1,h2,h3{font-weight: normal;} dl dt{font-weight: normal;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: visible; cursor: default !important;} .pad20{padding: 20px 0;} .pad30{padding: 30px 0;} .pad60{padding: 60px 0;} .pad70{padding: 70px 0;} .pad80{padding: 80px 0;} .pt60{padding-top: 60px;} .pb60{padding-bottom: 60px;} .pb80{padding-bottom: 80px;} .mb10{margin-bottom: 10px;} .mb60{margin-bottom: 60px;} @media only screen and (max-width: 1024px) { .pad60{padding: 40px 0;} .pad70{padding: 40px 0;} .pad80{padding: 40px 0;} .pt60{padding-top: 40px;} .pb60{padding-bottom: 40px;} .pb80{padding-bottom: 50px;} .mb60{margin-bottom: 40px;} } @media only screen and (max-width: 768px) { .pad60{padding: 30px 0;} .pad70{padding: 30px 0;} .pad80{padding: 30px 0;} .pt60{padding-top: 30px;} .pb60{padding-bottom: 30px;} .pb80{padding-bottom: 40px;} .mb60{margin-bottom: 30px;} } /*新闻中心 - 公司新闻*/ .news_tabs{overflow: hidden; } .news_tabs ul{margin: 0 -6.5px;overflow: hidden;} .news_tabs ul li{width: 25%; padding: 0 6.5px; float: left;} .news_tabs ul li a{display: block; width: 100%; height: 45px; line-height: 43px; border: #bebebe solid 1px; text-align: center; color: #000; position: relative;} .news_tabs ul li a:before{content: ''; width: 10px; height: 16px; background: url(../images/news_tabs_icon02.png) ; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);right: 28px;} .news_tabs ul li a:hover{color: #fff !important; background: #00aeef; border-color: #00aeef;} .news_tabs ul li a:hover:before{background: url(../images/news_tabs_icon01.png) ;} .news_tabs ul li a.on{color: #fff !important; background: #00aeef; border-color: #00aeef;} .news_tabs ul li a.on:before{background: url(../images/news_tabs_icon01.png) ;} .company1{ overflow: hidden;} .company1_l{width: 50%;} .company1_r{width: 45.3%; padding: 30px 0;} .company1_r h2{margin-bottom: 30px;} .company1_r h2 span{color: #00aeef;} .company1_r h2 i{color: #777777;} .company1_r h1{margin-bottom: 35px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .company1_r h1 a{color: #000000;} .company1_r p{color: #8c8c8c; line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 35px;} .company2 ul{margin: -25px; overflow: hidden;} .company2 ul li{padding: 25px; width: 33.333333%; float: left;} .company2 ul li:nth-child(3n+1){clear: both;} .company2 ul li a{display: block; position: relative; overflow: hidden;} .company2 ul li a img{width: 100%;} .company2 ul li a i{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);} .company2_con{width: 100%; height: 100%; position: absolute; top: 54%; left: 0; padding: 34px; color: #fff; transition: all 0.5s;} .company2_con h1{line-height: 24px; margin-bottom: 10px;} .company2_time{margin-bottom: 15px; display: none;} .company2_con p{line-height: 22px; height: 66px; overflow: hidden; display: none;} .company2 ul li a:hover .company2_con{ top: 0;} .company2 ul li a:hover .company2_time{display: block;} .company2 ul li a:hover .company2_con p{display: block;} /*新闻中心 - 公司视频*/ .video_tit{position: absolute; padding: 0 20px; text-align: center; color: #fff; width: 100%; left: 0; bottom: 15px; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .video1 ul li a img.video_icon{width: auto;} .details{overflow: hidden;} .details1_l{width: calc(100% - 460px);} .details1_l_bnimg{margin-bottom: 25px;} .details1_l_bnimg img{width: 100%;} .details1_l_info{font-size: 0; border-bottom: #c8c5bf solid 1px; line-height: 60px; height: 60px; margin-bottom: 14px;} .details1_l_info span{display: inline-block; padding-left: 26px; color: #7f7f7f; font-size: 14px; background-position: left center; background-repeat: no-repeat; margin-right: 40px;} .details1_l_info span.source{background-image: url(../images/x_details_icon01.png);} .details1_l_info span.views{background-image: url(../images/x_details_icon02.png);} .details1_l_info span.posttime{background-image: url(../images/x_details_icon03.png); margin-right: 0;} .details1_l_tit{line-height: 1.2em; margin-bottom: 60px;} .details_close{width: 100px; height: 30px; line-height: 30px; text-align: center; display: block; background: #b0b0b0; color: #fff; border-radius: 3px; margin-top: 60px; } .details_close:hover{color: #fff !important;} .details1_r{width: 400px;} .details1_rel{border: #f5f5f5 solid 1px; padding: 30px; width: 100%;} .details1_rel ul li{overflow: hidden; padding: 30px 0 20px; border-bottom: #c8c5bf solid 1px;} .details1_rel_img{width: 108px;} .details1_rel_img img{width: 100%;} .details1_rel_con{width: 215px;} .details1_rel_con h2{line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 3px;} .details1_rel_con h2 a{color: #393939;} .details1_rel_con span{color: #00aeef;} .bd_weixin_popup{box-sizing: content-box;} .details1_share{padding-top: 30px; clear: both;} .details1_share > span{margin-bottom: 20px; line-height: 1em; display: block;} .bdsharebuttonbox a{margin: 0 !important; width: 26px !important; height: 26px !important; padding: 0 !important; margin-right: 6px !important;} .bdsharebuttonbox a.bds_tsina{background: url(../images/share_icon01.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_tqq{background: url(../images/share_icon02.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_sqq{background: url(../images/share_icon03.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_weixin{background: url(../images/share_icon04.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_tqf{background: url(../images/share_icon05.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_tsina:hover{background: url(../images/share_icon01_h.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_tqq:hover{background: url(../images/share_icon02_h.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_sqq:hover{background: url(../images/share_icon03_h.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_weixin:hover{background: url(../images/share_icon04_h.png) center center no-repeat !important;} .bdsharebuttonbox a.bds_tqf:hover{background: url(../images/share_icon05_h.png) center center no-repeat !important;} /*新闻中心 - 产品动态*/ .pronews1{background: #00aeef; } .pronews1 a{color: #fff !important;} .pronews1 .company1_r h2 span{color: #fff;} .pronews1 .company1_r h2 i{color: #fff;} .pronews1 .company1_r p{color: #fff;} .pronews1{ overflow: hidden; margin-bottom: 30px;} .pronews1_l{width: 50%;} .pronews1_r{width: 50%; padding: 30px 60px;} .pronews1_r h2{margin-bottom: 30px;} .pronews1_r h2 span{color: #fff;} .pronews1_r h2 i{color: #fff;} .pronews1_r h1{margin-bottom: 35px;color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pronews1_r h1 a{color: #fff;} .pronews1_r p{color: #fff; line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 35px;} .pronews2{overflow: hidden;} .pronews2 ul li{padding: 30px 0; border-bottom: #00aeef solid 1px; overflow: hidden;} .pronews2_l{width: 300px; margin-right: 40px;} .pronews2_l img{width: 100%;} .pronews2_r{width: calc(100% - 425px);} .pronews2_r h1{color: #242424; padding: 20px 0; line-height: 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .pronews2_r h1 a{color: #242424;} .pronews2_r span{color: #00aeef; display: block; margin-bottom: 20px; line-height: 1em;} .pronews2_r p{color:#7f7f7f; line-height: 22px; height: 44px; overflow: hidden;} /*服务支持 - 常见问题*/ .problem_tabs{overflow: hidden; margin-bottom: 30px;} .problem_tabs ul li{width: 16.666666%; float: left;} .problem_tabs ul li a{display: block; text-align: center; height: 54px; line-height: 54px; border-bottom: #bebebe solid 1px; color: #000000; position: relative;} .problem_tabs ul li a:before{content:''; position: absolute; width: 16px; height: 10px; background: url(../images/problem_icon01.png) no-repeat; display: none; right: 26px; top: 50%; margin-top: -5px;} .problem_tabs ul li a.on{background: #00aeef; border-bottom-color: #00aeef; color: #fff; font-weight: bold;} .problem_tabs ul li a.on:before{display: block;} .problem_tabs ul li a:hover{color: #fff !important;background: #00aeef;font-weight: bold;border-bottom-color: #00aeef;} .problem_tabs ul li a:hover:before{display: block;} .problem_search{padding: 15px 20px; border: #e6e6e6 solid 1px; overflow: hidden;} .problem_search_tt{width: calc(100% - 136px); height: 32px; padding: 0 25px; border: none;} .problem_search_btn{width: 136px; height: 32px; border: none; background: #00aeef; color: #fff;} .problem1 ul li{ padding: 10px 10px 10px 40px; background:url(../images/problem_icon02.png) 10px 10px no-repeat; /*margin-top: 10px;*/} .problem1 ul li h1{color: #2a2a2a; line-height: 20px;} .problem1 ul li p{color: #7f7f7f; line-height: 20px;} /*服务支持 - 资料下载*/ .download_tabs{margin-bottom: 0 !important;} .download_search{padding: 15px 45px; overflow: visible; margin-bottom: 30px;} .download_search > span{display: block; line-height: 34px; margin-right: 45px;} .pro_tt{width: 20%;height: 34px;line-height: 32px;border: #d5dfe8 solid 1px; padding: 0 8px; color: #666666;} .sx{width: calc(100% - 85px); width: -moz-calc(100% - 85px);} @media only screen and (max-width: 1023px ) { .sx{width: 100%;} } .case-down { cursor: pointer; width: 20%; height: 34px; line-height: 32px; position: relative; border: #d5dfe8 solid 1px; margin-right: 10px; } /*.case-down:first-child{border: none;}*/ .case-down em { display: block; width: 8px; height: 32px; position: absolute; right: 20px; top: 0; background: url(../images/download_icon01.png) no-repeat center center ; } .case-down span { display: block; padding: 0 8px; color: #666666; } .case-down dl { position: absolute; top: 100%; left: 0px; padding: 10px 0; /*background: url(../images/case_down_bg.png) repeat;*/ background: #fff; display: none; color: #777; width: 100%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); max-height: 140px; overflow-y: auto; cursor: default; } .case-down dl dd{cursor: pointer; padding: 0 10px; line-height: 24px;} .download_search .problem_search_btn{margin: 1px 0 0 30px;} .ph_table {width: 100%; } .ph_table td { line-height: 20px; padding-left: 40px;} .ph_table thead td { background:#8c8c8c; color:#fff; height: 48px; } .ph_table .t1 { width: 14%; } .ph_table .t2 { width: 26%; } .ph_table .t3 { width: 26%; } .ph_table .t4 { width: 20%; } .ph_table .t5 { } .ph_table tbody td{ color:#707070; padding-top: 24px; padding-bottom: 24px;} .ph_table tbody td:nth-child(1) a{color:#707070;} .ph_table tbody td:nth-child(4) a{color: #00aeef; display: inline-block; padding-right: 13px; background: url(../images/download_icon02.png) left center no-repeat; margin-right: 22px; height: 20px; vertical-align: top;} .ph_table tbody td:nth-child(5){cursor: pointer;} .ph_table tbody td:nth-child(5) img{width: 20px;} .ph_table tbody tr:nth-child(2n){background: #f5f5f5;} @media only screen and (max-width:1024px) { .ph_table td{padding-left: 20px;} .ph_table tbody td:nth-child(4) a{padding-right: 25px; margin-right: 15px;} } @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 #eee; border-bottom:0; margin-bottom:20px; } .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:8px 0 !important; padding-left: 6em !important; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding:8px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .ph_table tbody tr:last-child{margin-bottom: 0;} } /*服务支持 - 服务网点*/ .service1_l{width: 50%;} .service1_l img{width: 100%;} .service1_r{width: 50%; position: relative;} .service1_r img{width: 100%;} .service1_r_con{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 65px;} .service1_r_con h1{color: #595959; line-height: 2em; position: relative;margin-bottom: 36px;} .service1_r_con h1 a{color: #595959;} .service1_r_con h1:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 56px; height: 1px; background: #595959; } .service1_r_con dl{padding-left: 30px; background: url(../images/problem_icon02.png) left top no-repeat; } .service1_r_con dl:last-child{margin-bottom: 20px;} .service1_r_con dl dt{color: #2a2a2a; line-height: 20px; margin-bottom: 15px;} .service1_r_con dl dd{color: #7f7f7f; line-height: 20px; max-height: 40px; overflow: hidden;} .service1_r_con a{color:#00aeef;} .service2{position: relative; clear: both;} .service2 img{width: 100%;} .service2_con{width: 50%; background: rgba(0,174,239,0.64);} .service2_con h1{color: #fff;} .service2_con h1 a{color: #fff;} .service2_con h1:before{background: #fff;} .service2_con > a{color: #fff; clear: both;} .service2_con ul{overflow: hidden; margin-bottom: 50px;} .service2_con ul li{float: left;width: 108px; height: 32px; margin: 0 10px 10px 0;} .service2_con ul li:nth-child(3n+1){clear: both;} .service2_con ul li a{display: block; border: rgba(255,255,255,0.5) solid 1px; line-height: 30px; text-align: center; color: #fff;} .service3{position: relative;} .map{height: 632px; } .service3_wrap{position: absolute; width: 400px; height: 100%; top: 0; left: 0; border-top: #00aeef solid 3px; background: rgba(0,0,0,0.7); padding: 40px;} .service3_wrap ul{height: 100%;} .service3_wrap ul li{color: #fff; border-bottom: rgba(255,255,255,0.25) solid 1px; margin-bottom: 30px;} .service3_wrap ul li h1{display: inline-block; line-height: 2.5em; border-bottom: #fff solid 3px;} .service3_wrap ul li p{line-height: 36px; padding: 20px 0;} .service4{background: #eaeaea; padding: 50px 50px 60px; overflow: hidden;} .service4_tit{color:#3d3d3d; margin-bottom: 20px;} .service4 ul{margin: 0 -30px 40px; overflow: hidden;} .service4 ul li{width: 50%; padding:0 30px; float: left; margin-bottom: 10px;} .service4 ul li p{line-height: 36px; color: #3d3d3d;} .service4 ul li p span{color:#f00;} .service4 ul li input{height: 36px; background: #fff; border: none; width: 100%; padding: 0 10px;} .service4 ul li.con{width: 100%;} .service4 ul li.con textarea{width: 100%; height: 140px; padding: 10px; border: none;} .service4_btn{width: 177px; height: 42px; background: #00aeef; color: #fff; border: none; border-radius: 4px; display: block; margin: auto;} .map img{max-width: none !important;} .download_zz_box{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none;} .download_zz{padding: 30px; width: 260px; height: 260px; border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; top: 50%; left: 50%; margin: -130px 0 0 -130px;display: none;} .download_zz img{width: 200px; } /*联系我们*/ .contact{height: 890px; position: relative; margin-top: 30px;} .contact_map{height: 100%;} .contact_wrap{ margin: 30px auto; overflow: hidden; /*position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);*/} .contact_bj{width: 33.333333%; padding: 0 25px; float: right; margin-bottom: 40px;} .contact_bj_wrap{margin: 0 -25px;} .contact_con{background: #fff; padding: 30px 40px; position: relative;border: transparent solid 2px;} .contact_con h1{color: #242424; line-height: 1.5em; margin-bottom: 10px; padding-bottom: 10px; position: relative;} .contact_con h1:before{content: ""; width: 70px; height: 2px; background: #2786db; position: absolute; bottom: 0; left:0px !important;} .contact_con p{color: #7f7f7f; line-height: 26px;} .contact_con p a{color: #7f7f7f;} .contact_list{cursor: pointer;position: relative;} .contact_list .contact_con{border: #2786db solid 2px;} .contact_img{position: absolute; top: 0; left: 0; display: none;width: 100%; height: 100%; background-size: cover; z-index: 1;} @media only screen and (min-width: 1024px){ .contact_list:hover .contact_img{display: block;} } /*.contact_swiper{clear: both;} .contact_swiper .swiper-slide .contact_con{height: 260px; }*/ .contact_swiper{clear: both;} .contact_swiper .swiper-wrapper1{margin: 0 -5px;} .contact_swiper .swiper-slide1{width: 50%; float: left; padding:0 5px; margin-bottom: 10px;} .contact_swiper .swiper-slide1 .contact_con{height: 260px; } /*企业文化 - 企业荣誉*/ .honor1{color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 30px;} .honor1 h1{text-align: center; line-height: 3em; margin-bottom: 10px;} .honor1 ul{padding: 0 80px; overflow: hidden;} .honor1 ul li{width: 25%; padding: 0 10px; float: left;} /*.honor1 ul li:nth-child(3){width: 20%;} .honor1 ul li:nth-child(4){width: 30%;}*/ .honor1 ul li span{position: relative; display: inline-block; } .honor1 ul li b{line-height: 1em; display: block; font-weight: normal; font-size: 100px;} .honor1 ul li span em{position: absolute; top: 10px; right: 0; transform: translateX(110%); width: 150px; display: block; text-align: left;} .honor1 ul li span i{position: absolute; bottom: 8px; right: 0; transform: translateX(110%); width: 150px; display: block; text-align: left;} .honor2 ul{margin: 0 -18px; overflow: hidden;} .honor2 ul li{float: left; width: 50%;padding: 0 18px;} .honor2 ul li p{line-height: 4.3em; padding-left: 18px; border-bottom: #bebebe solid 1px; position: relative; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .honor2 ul li p:before{content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 50%; margin-top: -2.5px; left: 5px; background: #00aeef;} .honor3{overflow: hidden;} .honor3 ul {margin: 0 -25px;} .honor3 ul li{width: 25%; float: left; padding: 0 25px;} .honor3_wrap{padding: 20px 10px; border: #eaeaea solid 1px; margin-bottom: 20px;} .honor3_wrap img{width: 100%;} .honor3 ul li p{text-align: center; color: #2a2a2a; line-height: 1.33em;} .honor4{border-top: #bebebe solid 1px; padding-top: 20px;} .about_history{} .about_history .part_1{position: relative;} .about_history .part_1 .leftbox{float: left;width: 333px;height: 760px;} .about_history .part_1 .leftbox .swiper-container{height: 100%;width: 100%} .about_history .part_1 a{color: #a6a6a6;display: block;margin: auto;border-radius: 25px;width: 90%;text-align: center;position: relative;font-size: 1em;margin: 16px auto;opacity: 0;transform-origin:50% 50%;} .about_history .part_1 .leftbox .swiper-slide-active a{color: #fff;background: #00aeef;font-size: 1.6em;box-shadow: 0 5px 10px 3px #d2d2d2;border: 1px solid #fff;opacity: 1;} .about_history .part_1 a:before{content: "";position: absolute;display: block;width: 25px;height: 25px;background-image: url(../images/dot_07.png);right: 15px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .3s;} .about_history .part_1 .leftbox .swiper-slide-active a:hover{color: #fff!important;} .about_history .part_1 .leftbox .swiper-slide-active a:before{opacity: 1;} .about_history .part_1 .leftbox .swiper-slide em{display: none;} .about_history .part_1 .leftbox .swiper-slide-active em{display: inline;} .about_history .part_1 .leftbox .swiper-slide i{display: inline-block;border-bottom: 2px solid #92918f;width: 73px;position: relative;margin-right: 14px;top: -6px;} .about_history .part_1 .leftbox .swiper-slide-active i{display: none;} .about_history .part_1 .rightbox{width: calc(93% - 333px);width: -moz-calc(93% - 333px);;float: right;} .about_history .part_1 li{float: left; width: 100%; padding: 35px 0; border-bottom:#bebebe solid 1px;overflow: hidden;} .about_history .part_1 li h1{ line-height: 1.66em; overflow: hidden; color: #242424; font-weight: bold;} .about_history .part_1 li p{color: #7f7f7f; line-height: 22px;margin-top: 10px; } .about_history .part_1 li img{max-width: 100%; margin-top: 25px;} @media only screen and (max-width:1440px ) { .contact_swiper .swiper-slide1 .contact_con{height: 220px; padding: 20px 35px;} .contact_wrap{bottom: 30px;} } @media only screen and (max-width:1300px){ .about_history .part_1 .leftbox{width: 300px;} .about_history .part_1 .rightbox{width: calc(97% - 300px);width: -moz-calc(97% - 300px)} } @media only screen and (min-width:1024px){ .about_history .part_1 .leftbox .prev_nth2Mode a{transform: rotate(-10deg);opacity: 1;} .about_history .part_1 .leftbox .next_nth2Mode a{transform: rotate(10deg) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth3Mode a{transform: rotate(-15deg) translateX(-17px);opacity: 1;} .about_history .part_1 .leftbox .next_nth3Mode a{transform: rotate(15deg) translateX(-17px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth4Mode a{transform: rotate(-20deg) translateX(-40px);opacity: 1;} .about_history .part_1 .leftbox .next_nth4Mode a{transform: rotate(20deg) translateX(-40px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;} .about_history .part_1 .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;} .about_history .part_1 .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;} .about_history .part_1 li{padding: 30px 0;} } @media only screen and (max-width:1023px){ .about_history .part_1 .leftbox{width: 200px;height: 500px; padding-top: 30px;} .about_history .part_1 a{opacity: 1;} .about_history .part_1 .leftbox .swiper-slide-active a{top: -11px;} .about_history .part_1 .rightbox{width: -moz-calc(97% - 200px);width: calc(97% - 200px)} .about_history .part_1 li .img{width: 100%;} } @media only screen and (max-width:768px){ .about_history .part_1 .leftbox{padding-top: 20px;} .about_history .part_1 li{padding: 20px 0;} } @media only screen and (max-width:767px){ .about_history .part_1 .leftbox{width: 120px;height: 300px; padding-top: 20px;} .about_history .part_1 .rightbox{width: -moz-calc(100% - 140px);width: calc(100% - 140px)} .about_history .part_1 li p,.about_history .part_1 li h4{width: 100%;} .about_history .part_1 .leftbox .swiper-slide-active a{font-size: 1.2em;top: -7px;} .about_history .part_1 .leftbox .swiper-slide i{width: 40px;} .about_history .part_1 a:before{width: 17px;height: 17px;background-size: cover;right: 6px;} .about_history .part_1 li{width: 100%; padding: 20px 0;} } /*网站地图*/ .mapsite dl{overflow: hidden;margin-bottom: 43px;} .mapsite dl:last-child{margin-bottom: 0;} .mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #00aeef ;line-height: 44px;display: inline-block;color:#fff;float: left; position: relative;} .mapsite dl dt a{display: block;color:#fff;} .mapsite dl dd{ width: 100%; float: left;} .mapsite dl dd a{color:#333;} .mapsite dl dd ul{overflow: hidden; margin-left: 200px;} .mapsite dl dd ul li{margin-right: 50px; float: left; line-height: 44px;} .mapsite dl dd ul li b{font-weight: normal; margin-right: 10px;} @media only screen and (min-width: 1025px) { .mapsite dl dt a:hover{color: #fff !important;} .mapsite dl dd a:hover{color:#4A58B7;} } @media only screen and (max-width: 1023px) { .mapsite dl dd ul li{margin-right: 20px;} } @media only screen and (max-width:767px) { .pad_100{padding-bottom: 20px;} .mapsite dl dt{width:100%; margin-right: 0; float: none; height: 36px; line-height: 36px;} .mapsite dl dd ul{margin-left: 0;} .mapsite dl{margin-bottom: 20px;} } /*搜索结果页*/ .xse_t{overflow: hidden; padding: 60px; background-size:cover ;} .xse_tt{width: calc(100% - 160px);height: 40px; background: #fff; border: #cccccc solid 1px; color:#333333; padding: 0 20px;} .xse_btn{width: 140px; height: 40px; background: #fff; border: #cccccc solid 1px; color:#666666; } .xse > p{color: #353535; margin-bottom: 35px;} .xse em{color: #cc0000;} .xse_b ul li:first-child{border-top: #cccccc solid 1px;;} .xse_b ul li{padding: 35px 0; border-bottom: #cccccc solid 1px;} .xse_b ul li dl dt{margin-bottom: 10px;} .xse_b ul li dl dt a{color: #333333;} .xse_b ul li dl dd{line-height: 24px; height: 48px; overflow: hidden; color: #666666;} /*刺绣机电控*/ .emb1{padding: 55px 0; overflow: hidden;} .emb1_wrap ul li{text-align: center; width: 15%; float: left;} .emb1_wrap ul li:nth-child(2){width: 25%;} .emb1_wrap ul li a{display: block; padding: 0 5px;} .emb1_img{height: 71px; margin-bottom: 10px;} .emb1_wrap ul li p{color:#3d3d3d;} .emb1_wrap ul li p.fnt_22{} .emb1_wrap ul li p.fnt_10{font-size: 10px; margin-bottom: 5px; letter-spacing: -0.5px; line-height: 15px; height: 30px;} .emb1_icon{display: block; width: 20px; height: 20px; background-image: url(../images/emb1_icon.png); background-size: 100% 100%; margin: auto;} .emb1_wrap ul li.on p{color: #00aeef;} .emb1_wrap ul li.on .emb1_icon{background-image: url(../images/emb1_iconh.png);} .emb2_tabs{overflow: hidden;} .emb2_tabs ul{position: relative; overflow: hidden;} .emb2_tabs ul:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bebebe;} .emb2_tabs ul li{width: 20%; float: left;} .emb2_tabs ul li a{display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; color:#000000; position: relative;} .emb2_tabs ul li a img{position: absolute; right: 0; top: 50%; margin-top: -4.5px; margin-right: 26px; display: none;} .emb2_tabs ul li.on a{background: #00aeef; color:#fff !important; font-weight: bold;} .emb2_tabs ul li.on img{display: block;} .t3 ul li{width:33.333333%} .t4 ul li{width:25%} .t5 ul li{width:20%} .emb2_list{background: #787878; overflow: hidden; margin-bottom: 38px; position: relative;} .emb2_list:last-child{margin-bottom: 0;} .emb2_list_l{width: 18%; color: #fff; padding: 10px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .emb2_list_l h1{text-align: center; line-height: 1.5em;} .emb2_list_r{width: 82%; background: #e2e2e2; overflow: hidden;} .emb2_list_r ul li{background: #f2f2f2; border: #e1e1e1 solid 1px; width: 33.333333%; float: left; position: relative;} .emb2_list_r ul li img{width: 100%;} .emb2_list_r ul li p{color: #000000; position:absolute; bottom: 30px; width: 100%; padding: 0 10px; text-align: center; z-index: 3;} .emb2_list_r ul li .mask{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 2; opacity: 0; transition: all 0.3s;} .emb2_list_four .emb2_list_r ul li{width: 25%;} .solved1{padding: 30px 30px 60px 30px; background: #f5f5f5; margin-bottom: 35px;} .solved1 h1{color: #000000; font-weight: bold; margin-bottom: 15px;} .solved1 p{color: #7f7f7f; line-height: 24px;} .solved2 h1{color: #00aeef;font-weight: bold; margin-bottom: 25px; line-height: 1.4em;} .solved2{background: none; width: 100%;} .productd1{overflow: hidden;} .productd1_l{width: 50.54%; position: relative;} .productd1_l .imgbox{width: 100%;margin-bottom: 13px;background: url(../images/productd1_bg.jpg) no-repeat;background-size: cover;} /*.productd1_l .imgbox img{width: 100%; height: 100%;}*/ .productd1_l .imgbox:hover{cursor: crosshair;} .productd1_l .imgbox em{display: block;width: 100%; height: 100%;} .productd1_l .imgbox em > img{width: 100%; height: 100%;} .productd1_l i{position: absolute;bottom: 0;right: 0;width: 52px;height: 52px;background-size: 100% 100%; background: url(../images/dian.png) repeat;width: 200px;height: 150px; opacity: 0;} .productd1_l i.on{opacity: 1;} .cp_xq{position: absolute;left: 101%;width: 60%;height: 45%;top: 25%;background: url(../images/productd1_bg.jpg) center repeat;z-index: 10;transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease-out;overflow: hidden; border: #333 solid 1px; box-sizing: border-box;} .cp_xq.on{transform: scale(1); -webkit-transform: scale(1);} .cp_xq img{position: absolute; max-width:none !important;} .productd1_l .pro_slide{position: relative;} .productd1_l img{width: 100%;} .productd1_l .history_album{overflow: hidden;width: 100%;position: relative;} .productd1_l .slide_wrap{width: 2000%;position: relative;} .productd1_l .slide_list{float: left;margin-right: 10px;} .productd1_l .but{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;} .productd1_l .but .next, .productd1_l .but .prev{width: 37px;height: 65px;background-size: cover;margin-top: -73px;display: block;position: absolute;cursor: pointer;} .productd1_l .but .prev{left: 0;background-image: url(../images/about_pre.png);} .productd1_l .but .next{right: 0;background-image: url(../images/about_next.png)} .productd1_l .slide_list{border: 1px solid #e5e5e5;overflow: hidden;cursor: pointer;} .productd1_l .slide_list.on{border-color: #17b5f0;} .productd1_r{width: 45.3%;} .productd1_r h1{line-height: 1.1em; color: #242424; padding-bottom: 1em; position: relative; margin-bottom: 30px;} .productd1_r h1:before{content: ""; position: absolute; bottom: 0; left: 0; width: 56px; height: 1px; background: #595959;} .productd1_r dl{margin-bottom: 25px;} .productd1_r dl dt{font-weight: bold; color: #00aeef; margin-bottom: 15px;} .productd1_r dl.pintro{border-bottom: #bebebe solid 1px;} .productd1_r dl.pintro dd{color: #7f7f7f; line-height: 24px; padding-bottom: 35px;} .productd1_r dl.pdown{margin-bottom: 0;} .productd1_r dl.pdown dd ul li{height: 47px; line-height: 46px; border-bottom:#abb3c6 dotted 1px;} .productd1_r dl.pdown dd ul li p{width: calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #242424; padding-left: 28px; background: url(../images/productd1_icon01.png) left center no-repeat; float: left;} .productd1_r dl.pdown dd ul li p a{color: #242424;} .productd1_r dl.pdown dd ul li > a{display: block; float: right; width: 36px; height: 46px; background: url(../images/productd1_icon02.png) center center no-repeat; margin-right: 20px;} .productd1_r dl.psolve{margin-bottom: 15px;} .productd1_r dl.psolve dd{overflow: hidden;} .productd1_r dl.psolve dd ul li{width: 100px; height: 100px; border: #e1e1e1 solid 1px; position: relative; float: left; margin-right: 10px; margin-bottom: 10px;} .productd1_r dl.psolve dd ul li .box{width: 100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); text-align: center; display: block;} .productd1_r dl.psolve dd ul li .box .imgbox{height: 34px; position: relative;} .productd1_r dl.psolve dd ul li .box .imgbox img{max-height: 100%; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .productd1_r dl.psolve dd ul li .box p{color: #000000; margin-top: 10px;} .productd2{position: relative;} .productd2 .productd2_close{position: absolute; overflow: hidden; left: 50%; transform: translateX(-50%); bottom: 80px;} @media only screen and (min-width: 1025px) { /*服务支持 - 常见问题*/ /*.problem1 ul li:hover{background:#00aeef url(../images/problem_icon03.png) 30px 30px no-repeat;} .problem1 ul li:hover h1{color: #fff;} .problem1 ul li:hover p{color: #fff;}*/ .emb1_wrap ul li:hover p{color: #00aeef;} .emb1_wrap ul li:hover .emb1_icon{background-image: url(../images/emb1_iconh.png);} .emb2_list_r ul li:hover .mask{opacity: 1;} .emb2_list_r ul li:hover p{color: #fff; } .emb2_tabs ul li:hover a{background: #00aeef; color:#fff !important; font-weight: bold;} .emb2_tabs ul li:hover img{display: block;} } @media only screen and (max-width: 1440px) { .productd2 .productd2_close{bottom: 30px;} } @media only screen and (max-width: 1350px) { .company2_con{padding: 25px;} } @media only screen and (max-width: 1200px) { .company2_con{padding: 25px;} .company2_con p{height: 44px;} } @media only screen and (max-width: 1024px) { .banner_tit h1{margin-bottom: 10px;} /*新闻中心 - 公司新闻*/ .company1_r{padding:20px 0;} .company1_r h2{margin-bottom: 20px;} .company1_r h1{margin-bottom: 20px;} .company1_r p{margin-bottom: 20px;} .company2 ul{margin: -10px;} .company2 ul li{padding: 10px;} .company2_con{padding: 20px; height: auto;top: auto; bottom:-20px;} .company2 ul li a:hover .company2_con{ top: auto;bottom:-20px; } .company2 ul li a:hover .company2_time{display: none;} .company2 ul li a:hover .company2_con p{display: none;} .details1_l{width: calc(100% - 440px);} .details1_l_tit{ margin-bottom: 40px;} .details_close{margin-top: 40px;} /*新闻中心 - 产品动态*/ .pronews1{margin-bottom: 10px;} .pronews1_r{padding:20px;} .pronews1_r h2{margin-bottom: 20px;} .pronews1_r h1{margin-bottom: 20px;} .pronews1_r p{margin-bottom: 20px;} /*服务支持 - 服务网点*/ .service1_r_con{padding: 40px;} .service4{padding: 40px;} .service4 ul{margin: 0 -15px 20px;} .service4 ul li{padding: 0 15px;} /*企业文化 - 企业荣誉*/ .honor1{margin-bottom: 20px;} .honor1 ul{padding: 0 30px;} .honor1 ul li b{font-size: 80px;} .honor3 ul{margin: 0 -15px;} .honor3 ul li{padding: 0 15px;} .honor4{padding-top: 10px;} /*联系我们*/ .contact{height: 800px;} .contact_bj_wrap{margin: 0 -15px;} .contact_bj{padding: 0 15px;} /*.contact_con:before{left: 30px;}*/ /*搜索结果页*/ .xse_t{padding: 40px;} .xse > p{margin-bottom: 20px;} .xse_b ul li{padding: 20px 0;} /*刺绣机电控*/ .emb1{padding: 40px 0;} .emb2_list{margin-bottom: 25px;} .solved1{padding: 30px;} } @media only screen and (max-width: 1023px) { .download_search > span{float: none;} .download_search{padding: 10px;} .case-down{width: 25%;} .pro_tt{} } @media only screen and (max-width: 768px) { .banner_tit h1{margin-bottom: 5px;} /*联系我们*/ .contact{height: 800px;} .contact_bj_wrap{margin: 0 -10px;} .contact_bj{padding: 0 10px;} .contact_con{padding: 20px 40px;} /*.contact_con:before{left: 20px;}*/ /*新闻中心 - 公司新闻*/ .company1_r h2{margin-bottom: 15px;} .company1_r h1{margin-bottom: 15px;} .company1_r p{margin-bottom: 15px;height: 48px;} .company2_con h1{line-height: 20px; max-height: 40px; overflow: hidden; } /*新闻中心 - 公司视频*/ .video_tit{bottom: 8px;} .video1 ul li a img.video_icon{width: 30px;} .details1_l{width: 100%;} .details1_r{display: none;} .details1_l_bnimg{margin-bottom: 10px;} .details1_l_tit{ margin-bottom: 30px;} .details_close{margin-top: 30px;} /*新闻中心 - 产品动态*/ .pronews1_r h2{margin-bottom: 15px;} .pronews1_r h1{margin-bottom: 15px;} .pronews1_r p{margin-bottom: 15px; height: 48px;} .pronews2 ul li{padding: 20px 0;} .pronews2_l{margin-right: 20px;} .pronews2_r{width: calc(100% - 320px);} /*服务支持 - 常见问题*/ .problem_tabs{margin-bottom: 20px;} .problem_tabs ul li a:before{right: 10px;} /*服务支持 - 服务网点*/ .service1_r_con{padding: 20px;} .service1_r_con h1{margin-bottom: 20px;} .service2_con ul{margin: 0 -5px 20px;} .service2_con ul li{width: 33.3333%; padding:0 5px; margin: 0 0 10px 0;} .service3_wrap{padding: 20px; width: 300px;} .service4{padding: 20px;} /*企业文化 - 企业荣誉*/ .honor1{margin-bottom: 10px;} .honor1 ul{padding: 0 20px;} .honor1 ul li{padding: 0;} .honor1 ul li b{font-size: 50px;} .honor1 ul li span em{transform: translateX(101%); top: 3px;} .honor1 ul li span i{transform: translateX(101%); bottom: 3px;} .honor3 ul{margin: 0 -15px;} .honor3 ul li{padding: 0 15px;} .honor4{padding-top: 10px;} /*搜索结果页*/ .xse_t{padding: 30px;} /*刺绣机电控*/ .emb1{padding: 30px 0;} .emb1_img{height: 40px;} .emb2_list{margin-bottom: 20px;} .solved1{margin-bottom: 30px;} .solved2 h1{margin-bottom: 20px;} .productd1_l{width: 100%; margin-bottom: 30px;} .productd1_r{width: 100%;} .productd1_r h1{margin-bottom: 20px;} .productd1_r dl.pintro dd{padding-bottom: 20px;} .contact_swiper .swiper-slide1 .contact_con{height: 210px;} } @media only screen and (max-width: 767px) { .case-down em{right: 10px;} .pro_tt{width: 48%; margin: 10px 2% 10px 0;} /*联系我们*/ .contact{height: auto; /*padding-bottom: 30px;*/} .contact_map{height: 300px;} .contact_wrap{/*position: static; transform: translateX(0);-webkit-transform: translateX(0); padding-top: 20px;*/ height: auto; overflow: hidden;} .contact_bj_wrap{} .contact_bj{width: 100%; margin-bottom: 0;} .contact_swiper .swiper-slide1 {width: 100%;} .contact_swiper .swiper-slide1 .contact_con{height: 200px;} /*新闻中心 - 公司新闻*/ .news_tabs ul{margin: -5px;} .news_tabs ul li{width: 50%; padding: 5px;} .news_tabs ul li a:before{right: 15px;} .company1_l{width: 100%; margin-bottom: 20px;} .company1_r{width: 100%;} .company1_r p{height: 96px;} .company1_r_more img{width: 20px;} .company2 ul li{width: 100%;} .details1_l_info{height: auto; line-height: 30px;} .details_close{display: none;} /*新闻中心 - 产品动态*/ .pronews1_l{width: 100%;} .pronews1_r{width: 100%;} .pronews1_r p{height: 96px;} .pronews2_l{width: 100%;} .pronews2_r{width: 100%;} /*服务支持 - 常见问题*/ .problem_tabs ul li{width: 33.333333%;} .problem_tabs ul li a{height: 36px; line-height: 36px;} .problem_search{padding: 10px;} .problem_search_tt{width: calc(100% - 80px); padding:0 20px 0 0;} .problem_search_btn{width: 80px;} /*服务支持 - 资料下载*/ .download_search > span{margin-right: 10px; float: none;} .case-down{width: 48%; margin-right: 2%;} .download_search .problem_search_btn{margin: 11px 0 10px 0;} /*服务支持 - 服务网点*/ .service1_l{width: 100%;} .service1_r{width: 100%;} .service2_con{position: static; width: 100%;} .map{height: 300px;} .service3_wrap{position: static; width: 100%;} .service3_wrap ul li{margin-bottom: 20px;} .service3_wrap ul li p{padding: 10px 0;} .service4_tit{margin-bottom: 10px;} .service4 ul{margin: 0 -15px 0;} .service4 ul li{width: 100%;} /*企业文化 - 企业荣誉*/ .honor1 ul li{width: 50%;} .honor2 ul li{width: 100%;} .honor3{margin-bottom: 10px !important;} .honor3 ul{margin: 0 -10px;} .honor3 ul li{width: 50%; padding: 0 10px; margin-bottom: 20px;} .honor3 ul li:nth-child(2n+1){clear: both;} .honor3_wrap{margin-bottom: 10px;} /*搜索结果页*/ .xse_t{padding: 20px;} .xse_tt{width:calc(100% - 105px); padding: 0 10px;} .xse_btn{width:90px;} /*刺绣机电控*/ .emb1{padding: 30px 0 10px 0 !important;} .emb1_wrap ul li{width: 50% !important; margin-bottom: 20px;} .emb2_tabs ul:before{display: none;} .emb2_tabs ul li{width: 33.333333% !important;} .emb2_tabs ul li a img{display: none !important;} .emb2_list_l{width: 100%; padding: 20px;} .emb2_list_r{width: 100%;} .emb2_list_r ul li{width: 50%;} .emb2_list_r ul li p{bottom: 15px;} .emb2_tabs ul li a{height: 40px; line-height: 40px;} .emb2_list_four .emb2_list_r ul li{width: 50%;} .solved1{padding: 20px;} .productd2 .productd2_close{display: none;} } @media only screen and (max-width: 320px) { /*企业文化 - 企业荣誉*/ .honor1{padding-bottom: 20px !important;} .honor1 ul li{width: 100%; margin-bottom: 10px;} /*刺绣机电控*/ .emb2_list_r ul li p{bottom: 10px;} } /*产品中心*/ .banner_bg ul li{display: none; position: relative; background-size: cover;} .banner_bg ul li.on{display: block;} .banner_bg ul li video{position: absolute; top: 0; left: 0; display: none; width: 100%;} .banner_bg ul li.on video{ display: block;} .banner_text{width: 45%;} .banner_text_list{display: none; text-align: left;} .banner_text_list.on{display: block;} .banner_text_list a{color: #fff;} .banner_text_list h3{margin-bottom: 50px; margin-top: 2em;} .banner_text_list p{line-height: 24px; margin-bottom: 20px;} .banner_tabs{width: 32%;} .banner_tabs ul li{ height: 66px; padding: 14px; border: rgba(255,255,255,0.4) solid 1px; margin-bottom: 8px; cursor: pointer;} .banner_tabs ul li .icon{width: 70px; height: 36px; position: relative;} .banner_tabs ul li .icon img{position: absolute; top: 50%; left: 30px; transform: translateY(-50%); max-height: 100%;} .banner_tabs ul li .icon img:nth-child(1){} .banner_tabs ul li .icon img:nth-child(2){display: none;} .banner_tabs ul li p{line-height: 36px; color: #fff; border-left: rgba(255,255,255,0.4) solid 1px; padding: 0 20px; width: calc(100% -70px);} /*.banner_tabs ul li.on .icon img:nth-child(1){display: none;} .banner_tabs ul li.on .icon img:nth-child(2){display: block;} .banner_tabs ul li.on p{color: #00aeef;}*/ .banner_tabs ul li.on{background: rgba(0,0,0,0.5);} /*缝纫机电控产品解决方案*/ .es_tit{position: relative;} .es_tit img{width: 100%;} .es_tit dl{color: #fff; position: absolute; width: 100%; padding:50px 70px; left: 0; bottom: 0;} .es_tit dl dt{margin-bottom: 5px;} .es_tit dl dd{font-family: arial;} .es_b_l{width: 290px; padding:30px 50px; background: #e6e6e6;} .es_b_r{width: calc(100% - 310px); padding:30px 50px;background: #e6e6e6;} .es_b h1{color: #000000; margin-bottom: 20px;} .es_b ul li{line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .es_b ul li a{color: #777; text-decoration: underline !important; } .es_b_list{color: #777; line-height: 24px;} .es_b_list a{color: #777;} @media only screen and (min-width: 1025px) { /*.banner_tabs ul li:hover .icon img:nth-child(1){display: none;} .banner_tabs ul li:hover .icon img:nth-child(2){display: block;} .banner_tabs ul li:hover p{color: #00aeef;}*/ } @media only screen and (max-width: 1600px) { .banner_text_list h3{font-size: 36px; margin-bottom: 30px;} .banner_tabs ul li{height: 46px; padding: 10px;} .banner_tabs ul li .icon{height: 24px;} .banner_tabs ul li p{line-height: 24px;} } @media only screen and (max-width: 1024px) { .banner_bg{height: 100%;} .banner_bg ul{height: 100%;} .banner_bg ul li{height: 100%;} .banner_bg ul li video{display: none !important;} .banner_bg ul li img{display: none !important;} .es_tit dl{padding: 30px;} .es_b_l{padding: 20px;} .es_b_r{padding: 20px;} } @media only screen and (max-width: 1023px) { .banner_tabs{width: 100%;} .banner_tabs ul li{width: 49%; float: left; margin: 0 0.5% 8px;} .banner_text{width: 100%;} .es_tit dl{padding: 20px;} } @media only screen and (max-width: 767px) { .banner_tabs ul li{width: 100%; float: left; margin: 0 0 8px;} .banner_text_list h3{font-size: 20px; margin: 20px 0;} .es_tit dl{position: static; color: #000;} .es_tit{margin-bottom: 0 !important;} .es_b_l{width: 100%; margin-bottom: 20px;} .es_b_r{width: 100%;} } @media only screen and (max-width: 320px) { .banner_text_list h3{font-size: 18px; margin: 10px 0;} .banner_text_list p{line-height: 20px; margin-bottom: 10px;} } .produc2_img07{cursor: pointer;} .produc2_img07_ph_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 20px; z-index: 100000; display: none;} .produc2_img07_ph_box div{width: 100%; height: 100%; position: relative;} .produc2_img07_ph_box img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} /*20181217*/ .service3_legend{position: absolute; top: 8px; right: 9px; z-index: 2; background: #fff; padding: 10px 20px; line-height: 30px; overflow: hidden; } .service3_legend ul li i{display: block; float: left; width: 18px; height: 18px; margin-top: 6px; margin-right: 8px; background: #1493ff;} /*.service3_legend ul li:nth-child(2) i{background: #8f71ff;} .service3_legend ul li:nth-child(3) i{background: #ff8400;}*/ .service3_legend ul li a{color: #333;} .service3_legend ul li{cursor: pointer;} .service3_legend ul li.on a{text-decoration: underline !important;} @media only screen and (max-width: 767px) { .service3_legend{position: static;} .service3_legend ul li{float: left; margin-right: 20px;} } .BMap_shadow img{display: none !important;}