锘縝ody{overflow-x: hidden;} .tit{text-align: center; font-weight: lighter; color: #000; line-height: 1.1em;} .imgPos{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); width: 100%; height: 100%; } /*浼佷笟浠嬬粛*/ .intro1_wrap{width: 46.29%;} .intro1_wrap .tit{text-align: left; margin-bottom: 0.75em;} .intro1_con p{line-height: 20px; margin-bottom: 20px;} .intro1_con p:last-child{margin-bottom: 0;} .intro1_video{width: 48.9%;} .video_button{display: block;position: relative; margin-bottom: 30px;} .video_button h2{width: 100%; text-align: center; color: #fff;} .video_button > span{display: block; position: absolute; left:50%; margin-left: -27px; bottom:15%; width: 54px; height: 54px; background: url(../images/dot09.png) no-repeat;} .intro1_video a.more{margin: 0 0 0 10px;} .intro1_video a.more img{margin: 8px 7px 0 0;} .intro1_b{color: #fff; text-align: center; line-height: 1.31em; background-size: cover; background-position:center center; background-repeat: no-repeat;} .intro2{background: #fbfbfb;} .intro2_wrap ul li{ margin-bottom: 35px;} .intro2_wrap ul li:last-child{margin-bottom: 0;} .intro2_wrap ul li dl{ padding-left: 60px; background: url(../images/intro2_icon.png) 6px top no-repeat;} .intro2_wrap ul li dl dt{line-height: 1.1em; margin-bottom: 0.5em;} .intro2_wrap ul li dl dd{line-height: 20px;} .intro3_wrap{position: relative;} .intro3_line{position: absolute; width: 100%; top: 34px; left: 0;height: 1px; background: #e5e5e5;} .intro3_de{width: 30px; height: 82px; position: relative;} .intro3_de span{display: block; width: 30px; height: 30px; border: rgba(0,0,0,0.1) solid 11px; border-radius: 50%; position: relative; z-index: 2; position: relative;} .intro3_de span em{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 8px; height: 8px; background: #d80b24; border-radius: 50%;} .intro3_de i{display: block; width: 0; height: 67px; border-right: #cccccc dashed 1px; position: absolute; top: 15px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .intro3_time{line-height: 2em;} .intro3_img{width: 100%; padding-bottom: 56.52%; position: relative;} .intro3 .swiper-slide p{line-height: 24px; margin-top: 24px;} .intro3_swiper{position: relative;padding-top: 19px;} .intro3 .swiper-button-next.swiper-button-disabled, .intro3 .swiper-button-prev.swiper-button-disabled{ opacity: 0.18; pointer-events:all; } .intro3 .swiper-button-prev.swiper-button-disabled{background-image: url(../images/intro3_left_dis.png);} .intro3 .swiper-button-next.swiper-button-disabled{background-image: url(../images/intro3_right_dis.png);} .intro3 .swiper-button-next,.intro3 .swiper-button-prev{ width: 36px; height: 67px; background-size: 100% 100%; margin: 0; top: 0 !important; } .intro3 .swiper-button-prev{background-image: url(../images/intro3_left.png); left: -85px;} .intro3 .swiper-button-next{background-image: url(../images/intro3_right.png); right: -85px;} @media only screen and (max-width: 1440px) { .intro2_wrap ul li{margin-bottom: 25px;} .intro3 .swiper-button-prev{ left: 10px;} .intro3 .swiper-button-next{ right: 10px;} } @media only screen and (max-width: 1199px) { .intro3 .swiper-button-next,.intro3 .swiper-button-prev{top: 40%;} } @media only screen and (max-width: 1023px) { .intro3 .swiper-button-next,.intro3 .swiper-button-prev{top: 33%;} } @media only screen and (max-width: 767px) { .intro1_wrap{width: 100%; margin-bottom: 20px;} .intro1_video{width: 100%;} .video_button{margin-bottom: 20px;} .intro2_wrap ul li dl{padding-left: 40px; background-size: 20px auto;} .intro3_line{display: none;} .intro3_de{display: none;} .intro3 .swiper-button-next,.intro3 .swiper-button-prev{top: 30% !important;} .intro3_time{margin: 0 60px;} .intro3 .swiper-slide p{margin-left: 60px;margin-right: 60px;} } @media only screen and (max-width: 375px) { .intro3 .swiper-button-next,.intro3 .swiper-button-prev{top: 26%;} } @media only screen and (max-width: 320px) { .intro3 .swiper-button-next,.intro3 .swiper-button-prev{top: 23%;} } /**鑽h獕璧勮川**/ .honor{} .honor_tabs{ line-height: 1.1em; margin-bottom: 1em;} .honor_tabs a{margin-right: 50px;} .honor_tabs a:last-child{margin-right: 0;} .honor_tabs a.on{font-weight: bold;} .honor_wrap{background: #fbfbfb; overflow: hidden;} .honor_wrap ul{margin: 0 -4.1%; overflow: hidden; margin-bottom: 15px;} .honor_wrap ul li{width: 33.333333%; padding: 0 4.1%; position: relative; float: left; margin-bottom: 55px;} .honor_wrap ul li a{display: block; width: 100%; position: relative;} .honor_img_h{position: absolute; top: 0; left: 0; opacity: 0; } .honor_wrap ul li dl{text-align: center; padding: 0 10%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-80%); -webkit-transform: translate(-50%,-80%);} .honor_wrap ul li dl dt{line-height: 1.1em; margin-bottom: 0.67em;} .honor_wrap ul li dl dd{line-height: 1.2em;} /*.honor_wrap ul li a:hover .honor_img{opacity: 0;}*/ .honor_wrap ul li a:hover .honor_img_h{opacity: 1;} .honor_wrap ul li a:hover dl dt{ text-shadow: 0 5px 5px #ebebeb;} .honor_wrap ul li a:hover dl dd{text-shadow: 0 5px 5px #ebebeb;} @media only screen and (max-width: 1440px) { .honor_wrap ul li{margin-bottom: 35px;} } @media only screen and (max-width: 1024px) { .honor_wrap ul{margin: 0 -2%;} .honor_wrap ul li{margin-bottom: 25px; padding: 0 2%;} } @media only screen and (max-width: 767px) { .honor_tabs{text-align: center;} .honor_tabs a{margin-right: 20px;} .honor_wrap ul{margin-bottom: 0;} .honor_wrap ul li{margin-bottom: 40px; width: 100%;} .honor_wrap ul li a{width: 70%;margin: 0 auto;} } /**鎶€鏈祫璐?*/ .tech_wrap{background: #fbfbfb; overflow: hidden;} .tech_t{margin-bottom: 20px; background-size: cover; background-position: center center; background-repeat: no-repeat;background-image: none !important;background-color: #00a3d1;border-radius: 20px;} .tech_t .tech_t_i{color: #fff; text-align: center; padding: 5.7% 20px 2.2%;} .tech_t .tech_t_i dt{ display: inline-block; text-align: left; line-height: 1.4em; margin-right: 45px;} .tech_t .tech_t_i .tech_t_o{line-height: 3em; display: inline-block;text-align: center;font-weight: bold;} .tech_t img{width: 100%;} .tech_b ul li{/*font-weight: lighter;*/ line-height: 1.2em;position: relative; padding: 1.3em 0 1.3em 38px; border-bottom: #ececec solid 1px;} .tech_b ul li:before{content: ''; position: absolute; top: calc(1.9em - 4px);top: -moz-calc(1.9em - 4px); left: 18px; width: 8px; height: 8px; background: #2ca3d5; border-radius: 50%;} @media only screen and (max-width: 767px) { .tech_t .tech_t_i dt{text-align: center; display: block; margin-right: 0; margin-bottom: 0.5em;} .tech_t .tech_t_i .tech_t_o{text-align: left; display: block;} } /**鍏氱兢寤鸿**/ .party_img{width: 33.45%;} .party_img a{display: block; padding-bottom: 75.2%; position: relative;} .party_img a img{} .party_wrap{overflow: hidden;} .party_wrap ul li{padding: 60px 0;} .party_wrap ul li:first-child{padding-top: 0 !important;} .party_wrap ul li:nth-child(2n){background: #f2f2f2;} .party_con{width: 60.3%;} .party_time{line-height: 1.67em; margin-bottom: 1.33em;} .party_tit{margin-bottom: 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .party_describe{line-height: 24px; height: 72px; overflow: hidden;} @media only screen and (max-width: 1440px) { .party_wrap ul li{padding: 40px 0;} } @media only screen and (max-width: 1024px) { .party_wrap ul li{padding: 30px 0;} } @media only screen and (max-width: 767px) { .party_wrap ul li{padding: 20px 0;} .party_img{width: 100%; margin-bottom: 20px;} .party_con{width: 100%;} .party_time{margin-bottom: 0.5em;} } /**鑱旂郴鎴戜滑**/ .contact_wrap{ position: relative;} .map{width: 100%; height: 574px;} .contact_con{position: absolute; top: 0; right: 0; height: 100%; width: 32.1%; padding: 4.8%; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; font-weight: lighter;} .contact_con dl.contact_info{margin-bottom: 50px;} .contact_con dt{margin-bottom: 0.5em;} .contact_con dl dd p{line-height: 18px; padding-left: 24px; background-repeat:no-repeat ; background-position:left 2px; margin-bottom: 15px;} .contact_con dl.contact_info dd p:nth-child(1){background-image: url(../images/contact_icon01.png);} .contact_con dl.contact_info dd p:nth-child(2){background-image: url(../images/contact_icon02.png);background-position:left 4px; } .contact_con dl.contact_info dd p:nth-child(3){background-image: url(../images/contact_icon03.png);} .contact_con dl.contact_info dd p:nth-child(4){background-image: url(../images/contact_icon04.png);} .contact_con dl.contact_transfer dd p:nth-child(1){background-image: url(../images/contact_icon05.png);} .contact_con dl.contact_transfer dd p:nth-child(2){background-image: url(../images/contact_icon06.png);} @media only screen and (max-width: 1023px) { .map{ height: 400px;} .contact_con{position: static; width: 100%; height: auto;} .contact_con dl.contact_info{margin-bottom: 20px;} } /**浼佷笟鏂伴椈-璇︽儏椤?*/ .details_tit{text-align: center; line-height: 1.1em; margin-bottom: 0.7em;} .details_info{text-align: center; color: #666; padding-bottom: 35px; border-bottom: #e6e6e6 solid 1px;} .details_info span{margin: 0 45px; display: inline-block;} .details_wrap{padding: 35px 0;} .details_share{border-bottom: #e6e6e6 solid 1px; margin-bottom: 10px; padding-bottom: 20px;} .details_share_txt{margin-bottom: 20px;} .bdsharebuttonbox a{margin: 0 10px 0 0 !important; background-position: center center !important; background-size: 100% 100%; padding-left: 24px !important; height: 24px !important; line-height: 24px !important;} .bd_weixin_popup{box-sizing: content-box;} .details_b{padding-right: 60px; position: relative;} .details_b span{display: block; color: #666; line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .details_b a{color: #000;} .details_close{display: block; position: absolute; right: 0; bottom: 8px;} @media only screen and (max-width: 1024px) { .details_info span{margin: 0 20px;} .details_info{padding-bottom: 20px;} .details_wrap{padding: 20px 0;} .details_share_txt{margin-bottom: 10px;} .details_share{padding-bottom: 10px;} .details_b{padding-right: 0;} .details_close{display: none;} } /**浼佷笟鏂伴椈**/ .company_wrap{overflow: hidden; margin-bottom: 20px;} .company_wrap ul li{padding: 20px;} .company_wrap ul li:nth-child(2n+1){background: #fafafa;} .company_img{width: 39.8%;} .company_img a{display: block; padding-bottom: 56.36%; position: relative;} .company_img a img{} .company_con{width: 56.47%;} .company_time{line-height: 3.2em;} .company_tit{margin-bottom: 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .company_describe{line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 24px;} .company_more{} @media only screen and (max-width: 1023px) { .company_time{line-height: 2em;} .company_describe{margin-bottom: 10px;} } @media only screen and (max-width: 767px) { .company_img{width: 100%; margin-bottom: 10px;} .company_con{width: 100%;} } /**琛屼笟鏀跨瓥**/ .policy_wrap{overflow: hidden; margin-bottom: 20px;} .policy_wrap ul{margin: 0 -15px; overflow: hidden;} .policy_wrap ul li{width: 50%; float: left; padding: 0 15px; margin-bottom: 20px;} .policy_wrap ul li a{display: block; padding: 35px 40px; border: #e6e6e6 solid 1px; border-top: #00b7ea solid 2px !important;} .policy_time{color: #666; font-family: arial;} .policy_tit{line-height: 1.5em;} .policy_wrap ul li a:hover{background: #00b7ea;border: #00b7ea solid 1px;} .policy_wrap ul li a:hover .policy_time{color: #fff;} .policy_wrap ul li a:hover .policy_tit{color: #fff;} @media only screen and (max-width: 1024px) { .policy_wrap ul{margin: 0 -10px;} .policy_wrap ul li{padding: 0 10px;} .policy_wrap ul li a{padding: 25px 30px;} } @media only screen and (max-width: 767px) { .policy_wrap ul li{width: 100%;} .policy_wrap ul li a{padding: 15px 20px;} } /**浜烘墠鐞嗗康**/ .concept_wrap{overflow: hidden;} .concept_wrap ul{padding-bottom: 92.5%; position: relative; width: 100%;} .concept_wrap ul li{position: absolute;} .concept_con p{line-height: 20px;} .concept_wrap ul li:nth-child(1){top: 0; left: 0; width: 50.8%; height: 37%;} .concept_wrap ul li:nth-child(1) .concept_img{width: 100%; padding-bottom: 41.58%; overflow: hidden; position: relative;} .concept_wrap ul li:nth-child(1) .concept_con{padding-right: 8.6%;} .concept_wrap ul li:nth-child(1) .concept_con h1{margin-bottom: 0.33em; padding-top: 0.67em;} .concept_wrap ul li:nth-child(1) .concept_con p{} .concept_wrap ul li:nth-child(2){top: 0; left: 50.8%; width: 24.6%; height: 37%;} .concept_wrap ul li:nth-child(2) .concept_img{width: 100%;height: 100%; position: relative;} .concept_wrap ul li:nth-child(2) .concept_con{position: absolute; padding: 17.8%; width: 100%; top: 0; left: 0; color: #fff;} .concept_wrap ul li:nth-child(2) .concept_con h1{margin-bottom: 0.67em;} .concept_wrap ul li:nth-child(3){top: 0; left: 75.4%; width: 24.6%; height: 37%;} .concept_wrap ul li:nth-child(3) .concept_img{width: 100%;height: 100%; position: relative;} .concept_wrap ul li:nth-child(3) .concept_con{position: absolute; padding: 17.5%; width: 100%; top: 0; left: 0;} .concept_wrap ul li:nth-child(3) .concept_con h1{margin-bottom: 0.67em;} .concept_wrap ul li:nth-child(4){top: 37%; left: 0%; width: 100%; height: 32.5%;} .concept_wrap ul li:nth-child(4) .concept_img{width: 100%;height: 100%; position: relative;} .concept_wrap ul li:nth-child(4) .concept_con{position: absolute; width: 49.2%; top: 50%; right: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%); color: #fff; padding:0 4.4%;} .concept_wrap ul li:nth-child(4) .concept_con h1{margin-bottom: 0.33em;} .concept_wrap ul li:nth-child(5){top: 69.5%; left: 0%; width: 100%; height: 30.5%;} .concept_wrap ul li:nth-child(5) .concept_img{width: 50.65%; height: 100%; position: relative;} .concept_wrap ul li:nth-child(5) .concept_con{width: 49.35%; height: 100%; background: #fbfbfb; position: relative;} .concept_wrap ul li:nth-child(5) .concept_con h1{margin-bottom: 0.33em;} .concept_innne{position: absolute;top: 50%; left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%); padding: 0 20.4%;} @media only screen and (max-width: 1023px) { .concept_wrap ul li:nth-child(1) .concept_con h1{padding: 0; margin: 0;} .concept_wrap ul li:nth-child(2) .concept_con{padding: 20px;} .concept_wrap ul li:nth-child(3) .concept_con{padding: 20px;} .concept_wrap ul li:nth-child(4) .concept_con{padding: 0 20px;} .concept_innne{padding: 0 10%;} } @media only screen and (max-width: 767px) { .concept_wrap ul{padding: 0;} .concept_wrap ul li{position: relative; width: 100% !important; top: auto !important; left: auto !important;float: left;} .concept_wrap ul li:nth-child(1) .concept_con{padding: 15px 0;} .concept_wrap ul li:nth-child(2){width: 50% !important; } .concept_wrap ul li:nth-child(2) .concept_img{height: auto; padding-bottom: 139.5%;} .concept_wrap ul li:nth-child(3){width: 50% !important; } .concept_wrap ul li:nth-child(3) .concept_img{height: auto; padding-bottom: 139.5%;} .concept_wrap ul li:nth-child(4) .concept_img{height: auto; padding-bottom: 30%;} .concept_wrap ul li:nth-child(4) .concept_con{position: static; width: 100%; color:#000; transform: translateY(0%);-webkit-transform: translateY(0%); padding: 15px 0;} .concept_wrap ul li:nth-child(4) .concept_con h1{margin-bottom: 0;} .concept_wrap ul li:nth-child(5) .concept_img{width: 100%; padding-bottom: 55.69%;} .concept_wrap ul li:nth-child(5) .concept_con{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none;} } /**浜烘墠鍩瑰吇**/ .train_tit h1{margin-bottom: 0.5em;} .train_tit p{line-height: 24px;} .train_wrap ul li{width: 100%; padding-bottom: 49.43%; position: relative; margin-bottom: 30px;} .train_wrap ul li:last-child{margin-bottom: 0;} .train_img{width: 75.1%; padding-bottom: 42.27%; position: absolute; top: 0; left: 0; overflow: hidden;} .train_con{position: absolute; bottom: 0; right: 0; width: 50.39%; padding-bottom: 33.45%; background-image: url(../upload/train_bg01.png); background-size: 100% 100%;} .train_con_in{ position: absolute; color: #fff; padding: 0 19% 0 22%; top: 50%; left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);} .train_con_in h1{margin-bottom: 0.67em;} .train_con_in p{line-height: 24px; max-height: 144px;} .train_wrap ul li:nth-child(2n) .train_img{left: auto; right: 0;} .train_wrap ul li:nth-child(2n) .train_con{right: auto; left: 0;background-image: url(../upload/train_bg02.png);} .train_wrap ul li:nth-child(2n) .train_con_in{ padding: 0 22% 0 19%;} @media only screen and (max-width: 1024px) { .train_wrap ul li{margin-bottom: 20px;} } @media only screen and (max-width: 1023px) { .train_con_in p{max-height: 96px;} } @media only screen and (max-width: 767px) { .train_wrap ul li{margin-bottom: 10px; padding-bottom: 0;} .train_img{position: relative; width: 100%; padding-bottom: 56.28%;} .train_con{position: relative; width: 100%; padding-bottom: 0; background: none !important;} .train_con_in{position: static; transform: translateY(0%);-webkit-transform: translateY(0%); color: #000; padding: 10px 0 !important;} .train_con_in p{max-height: none;} } /**鏈€鏂板叕鍛?*/ .notice_wrap{overflow: hidden; margin-bottom: 20px;} .notice_wrap ul{margin: 0 -15px; overflow: hidden;} .notice_wrap ul li{width: 50%; float: left; padding: 0 15px; margin-bottom: 20px;} .notice_con{display: block; padding: 35px 40px; border: #e6e6e6 solid 1px; border-top: #00b7ea solid 2px !important;} .notice_con dl{padding-left: 55px; background: url(../images/notice_icon.png) left top no-repeat; } .notice_con dl dt{line-height: 1.5em; margin-bottom: 0.75em; height: 3em; overflow: hidden;} .notice_con dl dd a{display: block; width: 80px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #00b7ea;} .notice_con dl dd a:hover{color: #fff !important;} @media only screen and (max-width: 1024px) { .notice_wrap ul{margin: 0 -10px;} .notice_wrap ul li{padding: 0 10px;} .notice_con{padding: 25px 30px;} } @media only screen and (max-width: 767px) { .notice_wrap ul li{width: 100%;} .notice_con{padding: 15px 20px;} } /**鑲$エ淇℃伅**/ .stock_img{display: none;} @media only screen and (max-width: 767px) { .stock_bo{display: none;} .stock_img{display: block;} } /**鎶曡祫鑰呬簰鍔?*/ .invest_wrap{position: relative;} .invest_map{height: 480px;} .invest_con{position: absolute; top: 0; right: 0; width: 30.4%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:5.24% 4.37%; color: #fff;} .invest_con h1{margin-bottom: 0.67em;} .invest_con dl dt{} .invest_con dl dd{margin-top: 14px;} .invest_con dl dd p{line-height: 24px; padding-left: 24px; background-position: left 5px; background-repeat: no-repeat; margin-bottom: 12px;} .invest_con dl dd p:nth-child(1){background-image: url(../images/contact_icon02.png); background-position: left 7px;} .invest_con dl dd p:nth-child(2){background-image: url(../images/invest_icon.png);} @media only screen and (max-width: 1023px) { .invest_map{height: 400px;} .invest_con{position: static; width: 100%;} } @media only screen and (max-width: 767px) { .invest_con dl dd p{margin-bottom: 0;} } /**涓昏惀涓氬姟**/ /**鍏叡鐜**/ .envir1{background-size: cover; background-position: center center; background-repeat: no-repeat;} .envir1 dl{color: #009fd3; margin-bottom: 24px;} .envir1 dl dt{margin-bottom: 0.5em; line-height: 1.1em;} .envir1 dl dd{line-height: 1.2em;} .envir1 p{color: #000000; line-height: 20px;} .envir2{overflow: hidden;} .envir2 ul {margin: 0 -8px; overflow: hidden;} .envir2 ul li{width: 33.333333%; float: left; padding: 0 8px;} .envir2 ul li a{display: block;} .envir2 ul li a dl dt{width: 100%; padding-bottom: 132%; overflow: hidden; position: relative;} .envir2 ul li a dl dd{color: #fff; line-height: 2.67em; text-align: center; background: #20aee5;} @media only screen and (max-width: 767px) { .envir1 dl{margin-bottom: 15px;} .envir2 ul li{width: 50%; margin-bottom: 10px;} .envir2 ul li:last-child{margin-bottom: 0;} } /**鍩庡競澶ф皵姹℃煋闃叉不缁煎悎瑙e喅鏂规**/ .city_tit{text-align: center; margin-bottom: 36px;} .city_tit h1{line-height: 1.1em;} .city_tit p{margin-top: 14px;} .city1 p{line-height: 20px; margin-bottom: 14px;} .city1 p:last-child{margin-bottom: 0;} .city3{background-size: cover; background-position: center center; background-repeat: no-repeat;} .city3_wrap{overflow: hidden;} .city3_wrap ul li{margin-bottom: 40px;} .city3_wrap ul li:last-child{margin-bottom: 0;} .city3_wrap ul li dl{ padding-left: 50px; background: url(../images/city3_icon.png) left 0 no-repeat; max-width: 530px; margin: auto;} .city3_wrap ul li dl dt{line-height: 1.1em; margin-bottom: 10px;} .city4_wrap ul{text-align: center; font-size: 0; color: #fff; overflow: hidden;} .city4_wrap ul li{height: 78px; line-height: 78px; text-align: center; position: relative; width: 35%; display: inline-block; margin: 0px 20px 20px 0; } .city4_wrap ul li:before{content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;background: #00B7EA;transform: skew(-50deg);z-index: -1;} .city4_wrap ul li:nth-child(2n){margin-right: 0px;} .city4_wrap ul li:nth-child(1){margin-left: 103px;} .city4_wrap ul li:nth-child(3){margin-left: -103px;} .city5{background: #f5f5f5;} .city5_wrap{position: relative; margin-bottom: 40px;} .city5 .swiper-slide a{display: block;} .city5 .swiper-slide i{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.7);} .city5 .swiper-slide-active i{display: none;} .city5 .swiper-button-next, .city5 .swiper-button-prev{width: 66px; height: 79px; background: #ff001b; background-position: center center; background-repeat: no-repeat; background-size: 37.88% auto; margin-top: -40px; left: 50%;} .city5 .swiper-button-prev{background-image: url(../images/city5_left.png);} .city5 .swiper-button-next{background-image: url(../images/city5_right.png);} @media only screen and (max-width: 1400px) { .city5_wrap{ margin-bottom: 30px;} } @media only screen and (max-width: 1024px) { .city_tit{margin-bottom: 28px;} .city3_wrap ul li{margin-bottom: 30px;} .city5_wrap{ margin-bottom: 20px;} } @media only screen and (max-width: 768px) { .city5 .swiper-button-next, .city5 .swiper-button-prev{width: 40px; height: 48px; margin-top: -24px; background-size: auto auto;} .city4_wrap ul{margin: 0 -1%;} .city4_wrap ul li{height: 40px; line-height: 40px;width: 48%; margin: 0 1% !important; margin-bottom: 10px !important; } .city4_wrap ul li:before{transform: skew(0deg);} } @media only screen and (max-width: 767px) { .city_tit{margin-bottom: 20px;} .city3_wrap ul li{margin-bottom: 20px;} .city3_wrap ul li dl{padding-left: 30px; background-size: 20px auto;} .city4_wrap ul li{width: 98%;} .city5 .swiper-button-prev{left: 0 !important; margin-left: 0 !important;} .city5 .swiper-button-next{left: auto; right: 0 !important; margin-left: 0 !important;} } /**鐜鍜ㄨ-鐜鐩戞祴-鐜娌荤悊**/ .list{background: #f5f5f5;} .list_wrap ul{overflow: hidden; margin: 0 -1.5%;} .list_wrap ul li{width: 33.333333%; float: left; padding: 0 1.5%; margin-bottom: 3%;} .list_wrap ul li a{display: block;} .list_img{width: 100%; padding-bottom: 74.58%; position: relative; overflow: hidden;display: none;} .list_wrap ul li a dl{ padding:25px 20px; background: #fff;} .list_wrap ul li a dl dt{color: #000; margin-bottom: 0.5em; line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list_wrap ul li a dl dd{ color: #666; height:60px; line-height: 20px; overflow: hidden;} .list_wrap ul li a:hover dl{background: #00b7ea;} .list_wrap ul li a:hover dl dt{ color: #fff;} .list_wrap ul li a:hover dl dd{color: #fff;} @media only screen and (max-width: 767px) { .list_wrap ul li{width: 100%;} } /*妗堜緥璇︽儏椤?/ .cased1{color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat;} .cased1 h1{line-height: 1.1em; margin-bottom: 0.25em;} .cased2{background: #f5f5f5;} .cased2 p{line-height: 20px; margin-bottom: 24px;} .cased2 ul li{line-height: 1.5em; margin-bottom: 0.5em; /*padding-left: 37px; background: url(../images/city3_icon.png) left 0.25em no-repeat; background-size: 22px auto;*/} .cased2 ul li:last-child{margin-bottom: 0;} .cased3{background: #fff;} /*浼佷笟鏈嶅姟-鐜鍜ㄨ-浜у搧璇︽儏椤?/ .serviced_tit{text-align: center;} .serviced_tit h1{line-height: 1.1em;} .serviced_tit p{margin-top: 14px;} .serviced1_img{width: 48%;} .serviced1_con{width: 46.72%;} .serviced1_con p{line-height: 24px;} .serviced2 .serviced_tit{margin-bottom: 30px;} .serviced2_wrap{} .serviced2_wrap ul{display: block; margin: auto; max-width: 68%;} .serviced2_wrap ul li{line-height: 30px; padding-left: 16px; position: relative;} .serviced2_wrap ul li:before{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #2ca3d5; left: 0; top: 11px;} .serviced3{padding-left: 50px; padding-right: 50px;} .serviced3 .serviced_tit{text-align: left; color:#fff;} .serviced4 .serviced_tit{margin-bottom: 35px;} .serviced4_wrap{position: relative;} .serviced4_img{margin-bottom: 20px;} .serviced4 p{text-align: center; line-height: 1.1em;} .serviced4 .swiper-button-next, .serviced4 .swiper-button-prev{width: 66px; height: 79px; background: #ff001b; background-position: center center; background-repeat: no-repeat; background-size: 37.88% auto; margin-top: -40px; } .serviced4 .swiper-button-prev{background-image: url(../images/city5_left.png); left: -76px;} .serviced4 .swiper-button-next{background-image: url(../images/city5_right.png); right: -76px;} .serviced4 .swiper-button-next.swiper-button-disabled, .serviced4 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-color: #505050;} @media only screen and (max-width: 1400px) { .serviced4 .swiper-button-prev{ left: 0px;} .serviced4 .swiper-button-next{ right: 0px;} .serviced3{padding-left: 30px; padding-right: 30px;} } @media only screen and (max-width: 1024px) { .serviced2 .serviced_tit{margin-bottom: 20px;} .serviced4 .serviced_tit{margin-bottom: 25px;} } @media only screen and (max-width: 768px) { .serviced4 .swiper-button-next, .serviced4 .swiper-button-prev{width: 40px; height: 48px; margin-top: -24px;} } @media only screen and (max-width: 767px) { .serviced_tit p{margin-top: 5px;} .serviced1_img{width: 100%; margin-bottom: 15px;} .serviced1_con{width: 100%;} .serviced2 .serviced_tit{margin-bottom: 10px;} .serviced2_wrap ul{width: 100%; max-width: none;} .serviced3{padding-left: 20px; padding-right: 20px;} .serviced3 .serviced_tit p{margin-top: 10px;} .serviced4 .serviced_tit{margin-bottom: 20px;} } /**鍜ㄨ鏈嶅姟**/ .envird1 h1{text-align: center; line-height: 1.1em; margin-bottom: 1.25em;} .envird1 p{line-height: 24px; padding: 0 30px;} .envird2{padding-top: 8.3%; background-size: 100% auto; background-position: center top; background-repeat: no-repeat;} .envird2_list{width: 48.2%; padding: 4.37%; border-top: #00b7ea solid 3px; background: #fff;} .envird2_list h1{line-height: 1.1em; margin-bottom: 30px;} .envird2_list ul li{padding-left: 17px; line-height: 30px; position: relative;} .envird2_list ul li:before{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #2ca3d5; left: 0; top: 11px;} .envird3{background-size: 100% auto; background-position: center top; background-repeat: no-repeat;} .envird3 h1{text-align: center; color: #fff; line-height: 1.1em;} .envird3_list{width: 100%; padding: 4.37%; background: #fff;} .envird3_list ul li{padding-left: 17px; line-height: 24px; position: relative; margin-bottom: 20px;} .envird3_list ul li:before{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #2ca3d5; left: 0; top: 8px;} .envird4{background: #f5f5f5;} .envird4 h1{text-align: center; line-height: 1.1em;} .envird4{} .envird4_wrap{position: relative;} .envird4 .swiper-button-next, .envird4 .swiper-button-prev{width: 66px; height: 79px; background: #ff001b; background-position: center center; background-repeat: no-repeat; background-size: 37.88% auto; margin-top: -40px; } .envird4 .swiper-button-prev{background-image: url(../images/city5_left.png); left: -76px;} .envird4 .swiper-button-next{background-image: url(../images/city5_right.png); right: -76px;} .envird4 .swiper-button-next.swiper-button-disabled, .envird4 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-color: #505050;} @media only screen and (max-width: 1400px) { .envird4 .swiper-button-prev{ left: 0px;} .envird4 .swiper-button-next{ right: 0px;} } @media only screen and (max-width: 768px) { .envird4 .swiper-button-next, .envird4 .swiper-button-prev{width: 40px; height: 48px; margin-top: -24px;} } @media only screen and (max-width: 767px) { .envird1 h1{margin-bottom: 10px;} .envird1 p{padding: 0;} .envird2{background-size: auto 200px; padding-top: 220px;} .envird2_list{width: 100%;} .envird2_list h1{margin-bottom: 10px;} .envird3{background-size: auto 200px; padding-top: 220px !important;} .envird3 h1{color: #000; margin-bottom: 0;} } /*鏅烘収鐜繚瑙e喅鏂规*/ .protect_tit h1{line-height: 1.1em; text-align: center;} .protect1 p{line-height: 20px;} .protect2 .protect_tit{margin-bottom: 45px;} .protect2_con p{line-height: 20px;} .protect2_list h1{} .protect2_list h1{ display: inline-block; line-height: 24px;text-align: center; color: #fff!important; position: relative;z-index: 100; padding: 12px 25px; margin-left: 15px; margin-bottom: 30px; } .protect2_list h1:before{content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;background: #00B7EA;transform: skew(-30deg);z-index: -1;} .protect2_list h1 i{display: block; width: 66px; height: 15px; background: url(../images/protect2_icon01.jpg) center center no-repeat; background-size: 100% 100%; position: absolute; top: -15px; right: -12px;} .protect2_list h1 em{display: block; width: 58px; height: 13px; background: url(../images/protect2_icon02.jpg) center center no-repeat; background-size: 100% 100%; position: absolute; bottom: -13px; left: -9px;} .protect2_list:last-child h1{margin-bottom: 15px;} .mb45{margin-bottom: 45px;} .protect2_con ul li{overflow: hidden; position: relative; padding-bottom: 22.3%; margin-bottom: 30px;} .protect2_con ul li:nth-child(2n+1){background: #f8f8f8;} .protect2_con ul li:last-child{margin-bottom: 0;} .protect2_img{width: 39.3%; height: 100%; position: absolute; top: 0; left: 0;} .protect2_img img{/*width: 100%; height: 100%;*/position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 56%;} .protect2_r{width: 60.7%;height: 100%; padding: 1.75% 2.62%; position: absolute; top: 0; right: 0;} .protect2_con ul li:nth-child(2n) .protect2_img{left: auto; right: 0;} .protect2_con ul li:nth-child(2n) .protect2_r{left: 0; right: auto; padding-left: 0;} .protect2_r_wrap{width: 100%; height: 100%; position: relative; overflow: hidden;} .protect2_in{position: absolute; width: 100%; max-height: 100%; top: 50%; left: 0; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .protect3{background: #f8f8f8;} .protect3 .city3_wrap ul li dl{max-width: 700px;} .protect4 .protect_tit{margin-bottom: 36px;} .protect4_wrap ul{margin: 0 -1px; overflow: hidden;} .protect4_wrap ul li{width: 33.333333%; float: left; padding: 0 1px; margin-bottom: 15px;} .protect4_img{padding-bottom: 75%; position: relative;} .protect4_wrap ul li p{line-height: 4em; text-align: center; background: #20aee5; color: #fff;} @media only screen and (max-width: 768px) { .protect2 .protect_tit{margin-bottom: 35px;} .protect4 .protect_tit{margin-bottom: 25px;} } @media only screen and (max-width: 767px) { .protect2_img{position: static; width: 100%;} .protect2_r{position: static; width: 100%; padding: 15px;} .protect2_con ul li{padding-bottom: 0; margin-bottom: 20px; background: #f8f8f8;} .protect2_in{position: static; transform: translate(0,0%);-webkit-transform: translate(0,0%); max-height: none;} .protect2_list:last-child h1{margin-bottom: 0;} .protect4_wrap ul li{width: 100%; margin-bottom: 15px;} .protect2_list h1{margin-left: 0; padding: 12px;} .protect2_list h1:before{transform: skew(0deg);} .protect2_list h1 i{right: 3px;} .protect2_list h1 em{left: 5px;} } /**闇€姹傚挩璇?*/ .consult_wrap{overflow: hidden;} .consult_wrap ul{margin: 0 -20px; overflow: hidden; color: #8e8e8e;} .consult_wrap ul li{width: 50%; float: left; padding: 0 20px; margin-bottom: 20px;} .consult_wrap ul li input.txt{width: 100%; height: 45px; padding: 0 40px; border: #dcdcdc solid 1px; background-position: 15px center; background-repeat: no-repeat; color: #8e8e8e;} .consult_wrap ul li:nth-child(1){width: 100%;} .consult_wrap ul li textarea{width: 100%; height: 100%; border: #dcdcdc solid 1px; border-bottom-width: 3px; padding: 20px 40px;background-image: url(../images/consult_icon01.png);background-position: 15px 24px; background-repeat: no-repeat; color: #8e8e8e;} .consult_wrap input::-webkit-input-placeholder { /* WebKit browsers */ color: #8e8e8e; } .consult_wrap textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #8e8e8e; } .consult_wrap ul li:nth-child(1){height: 170px;} .consult_wrap ul li:nth-child(1) textarea{} .consult_wrap ul li:nth-child(2) input.txt{background-image: url(../images/consult_icon02.png);} .consult_wrap ul li:nth-child(3) input.txt{background-image: url(../images/consult_icon03.png);} .consult_wrap ul li:nth-child(4) input.txt{background-image: url(../images/consult_icon04.png);} .consult_wrap ul li:nth-child(5) input.txt{background-image: url(../images/consult_icon05.png);} .consult_wrap ul li:nth-child(6) input.txt{background-image: url(../images/consult_icon06.png);} .consult_wrap ul li:nth-child(7) input.txt{background-image: url(../images/consult_icon07.png);} .consult_wrap ul li:nth-child(8) input.txt{background-image: url(../images/consult_icon08.png); width: 72.7%; float: left;} .send_btn{width: 27.3%; height: 45px; background: #dcdcdc; float: left; border: none; color: #555555;} .send_btn.disabled{cursor: no-drop;} .consult_wrap ul li:last-child{width: 100%; clear: both; margin-top: 30px;} .submit{ display: block; width: 180px; height: 50px; line-height: 50px;text-align: center;color: #fff!important; position: relative;z-index: 100; margin:0 auto; font-size: 14px;} .submit:before{content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;background: #00B7EA;transform: skew(-30deg); z-index: -1;} .submit:hover{color: #fff !important;} @media only screen and (max-width: 767px) { .consult_wrap ul li{width: 100%;} .consult_wrap ul li:last-child{margin-top: 0;} } /*娉曞緥澹版槑*/ .sitemap{ width: 1280px; margin: auto; } .sitemap h1{ font-size: 30px; padding-bottom: 30px; } .sitemap h1 a{color: #00B7EA;} .sitemap_con dl { overflow: hidden; padding: 40px 0;border-top: 1px dashed #bebebe;} .sitemap_con dl dt{ float: left; width: 115px; height: 115px; background: #00B7EA; text-align: center;} .sitemap_con dl dd{ float: left; width: 86%; float: right} .sitemap_con dl dt h2{ font-size: 18px; font-weight: bold; color: #fff; padding-top: 30px; padding-bottom: 10px} .sitemap_con dl dd li{ width: 32%; float: left;} .sitemap_con dl dd ul{ overflow: hidden;} .sitemap_con dl dd li h3{ margin-bottom: 20px; font-size: 20px; border-left: 2px solid #00B7EA; padding-left: 4px; line-height: 20px;} .sitemap_con dl dd li p{ font-size: 16px; line-height: 30px;} .sitemap_con dl dd p a{ color: #00B7EA;} .sitemap_con dl dd p a:hover{ color: #257e44;} .sitemap_con dl:nth-child(1) ul { margin-top:44px;} .sitemap_con dl:nth-child(3) ul { margin-top:44px;} .sitemap_con dl:nth-child(4) ul { margin-top:44px;} .sitemap_con dl:nth-child(5) ul { margin-top:44px;} .sitemap_con dl:nth-child(6) ul { margin-top:44px;} @media only screen and (max-width:1366px) { /*map*/ .sitemap{ width:98%; margin: auto} .sitemap h1{ padding: 10px 0;} } @media only screen and (max-width:1024px) { .sitemap_con dl dd li h3{ font-size: 16px; margin-bottom: 10px;} .sitemap_con dl dd li p{ font-size: 14px;} .sitemap_con dl dd{ width: 80%;} } @media only screen and (max-width:768px) { .sitemap{padding-top: 10px;} .sitemap_con dl ul { margin-top:0px !important;} .sitemap h1{ padding:10px;} .sitemap{ width: 100%;} .sitemap_con dl dt{ height: auto;padding:10px; text-align: left;} .sitemap_con dl dt h2{ float: left; padding:0; font-weight:normal;} .sitemap_con dl dt span{ float: left; margin-left: 10px;} .sitemap h1{ font-size: 18px; padding-bottom: 10px;} .sitemap_con dl dd{ width:100%; padding:2%;} .sitemap_con dl dt{ width:100%;} .sitemap_con dl{ padding:0; border:none;} } @media only screen and (max-width:730px) { .sitemap_con dl dd li h3{ margin:10px 0;} .sitemap_con dl dd li{ width: 100%;} .sitemap_con dl dd li p{ float: left; padding:0 10px;} } /**鎼滅储缁撴灉椤?*/ .aid_search .keyword{height: 64px;width: 100%;background: #ededed;overflow: hidden;} .aid_search .keyword>div{margin:21px auto 19px;width: 90.78%;} .aid_search .keyword h4{color: #272727;line-height: 1.11em;display: inline-block;} .aid_search .keyword a{display: inline-block;margin-left: 11px;width: 62px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #005bac;} .aid_search .keyword a:hover { color:#fff!important;} .aid_search .keyword>div>div{position: relative;;display: inline-block;border: 1px solid #d5dfe8;height: 26px;padding-right: 29px;padding-left: 8px;background: #fff;box-sizing: border-box;} .aid_search .keyword>div>div.active{box-shadow: 0 0 3px #999;background: #fbf7e6;} .aid_search .keyword input{border: none;background: transparent;width: 96%;height: 100%;} .aid_search .keyword span{display: inline-block;position: absolute; top:0;width: 26px;height: 26px;background: url(../images/search_icon01.png) no-repeat center;} .aid_search>p{display: block;width: 90.78%;margin: 20px auto 0;color: #1b1b1b;} .aid_search em{color:#00b7ea;} .aid_search .result{margin-top: 21px;} .aid_search .result li{border-bottom: 1px solid #e5e5e5;border-top:transparent solid 1px;} .aid_search .result li:first-child{border-top:1px solid #e5e5e5; } .aid_search .result li>div{margin: 5px 0;padding: 28px 0 30px;transition:all .5s} .aid_search .result li:hover>div{background: #e5e5e5;} .aid_search .result dl{width: 90.78%;margin:auto} .aid_search .result dt{position: relative;} .aid_search .result dt:before{content: "";position: absolute;width: 3px;height: 6px;background: url(../images/search_icon02.png) no-repeat;top: 50%;margin-top: -3px;} .aid_search .result dt a{color: #272727;line-height: 1.11em;padding-bottom: 2px;} .aid_search .result li:hover dt a{color: #00b7ea;border-bottom: 1px solid #00b7ea;} .aid_search .result dd{margin-top: 17px;color: #666;} .aid_search .keyword span { right: 9px;} .aid_search .keyword > div > div { width: 214px;} .aid_search .result dt:before { left: -16px;} .aid_sitemap li { margin-top: 43px;height: 43px;} @media only screen and (max-width: 1023px){ .aid_search .result li > div { padding:15px 0 20px;} } @media only screen and (max-width: 767px){ /*.aid_search .keyword { display:none}*/ .aid_search .keyword > div > div{width: 52%;} .aid_search .result dd { height:3em;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aid_search .keyword a{margin-left: 0;} } /**鍙嬫儏閾炬帴**/ .link{background: #F7F7F7;} .link_wrap ul{margin: 0 -10px; overflow: hidden;} .link_wrap ul li{width: 25%; padding: 0 10px; float: left; margin-bottom: 20px;} .link_wrap ul li a{display: block; background: #fff;border: 1px solid #E0E0E0; padding: 10px;} .link_wrap ul li dl dt{padding-bottom: 50%; position: relative;} .link_wrap ul li dl dt img{max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .link_wrap ul li dl dd{text-align: center; margin-top: 20px;} @media only screen and (max-width: 767px){ .link_wrap ul{margin: 0 -5px;} .link_wrap ul li{width: 50%; padding: 0 5px; margin-bottom: 10px;} } .tech_o{margin-bottom: 20px;} .tech_o ul{margin: 0 -20px;} .tech_o li{float: left;width: 33.33%;text-align: center;} .tech_o li:nth-child(4),.tech_o li:nth-child(5){width: 50%;} .tech_o_inner{margin: 20px;} .tech_o_inner h2{margin-bottom: 30px;overflow: hidden;} .tech_o_inner span{display: inline-block;width: 50%;margin: 0 auto;} .tech_o li:nth-child(4) .tech_o_inner span,.tech_o li:nth-child(5) .tech_o_inner span{width: 32%;} .tech_o_inner span img{width: 100%;} @media only screen and (max-width: 767px) { .tech_o li{width: 50%;margin-bottom: 20px;} .tech_o_inner h2{margin-bottom: 10px;} .tech_o ul{margin: 0 -5px;} .tech_o_inner{margin: 5px;} .tech_o_inner span{width: 32%;} } @media only screen and (max-width: 412px) { .tech_o_inner h2{height: 72px;margin-bottom:5px;} } .protect2_list>ul{height: 267px;width: 100%;position: relative;} .protect2_list>ul li{position: absolute;width: 200px;top: 0;} .protect2_list>ul li:nth-child(1){left: 10%;} .protect2_list>ul li:nth-child(2){left: 33.5%;} .protect2_list>ul li:nth-child(3){left: 50%;} .protect2_list>ul li:nth-child(4){width: 140px;left: 72%;} .protect2_inner h2{text-align: center;color: #00b7ea;margin-bottom: 20px;} .protect2_inner span{display: block;} .protect2_list>ul li:nth-child(3) .protect2_inner span{text-align: center;} @media only screen and (max-width: 1100px) { .protect2_list>ul li:nth-child(1){left: 8.5%;} .protect2_list>ul li:nth-child(2){left: 32%;} .protect2_list>ul li:nth-child(3){left: 49%;} .protect2_list>ul li:nth-child(4){width: 140px;left: 70.5%;} } @media only screen and (max-width: 1023px) { .protect2_list>ul li{width: 120px;} .protect2_list>ul li:nth-child(1){left: 8%;width: 160px;} .protect2_list>ul li:nth-child(2){left: 33%;} .protect2_list>ul li:nth-child(3){left: 51%;} .protect2_list>ul li:nth-child(4){width: 120px;left: 69.5%;} .protect2_inner h2{margin-bottom: 10px} } @media only screen and (max-width: 767px) { .protect2_list>ul{height: auto;} .protect2_list>ul li{position: static;float: left;width: 50% !important;} .protect2_inner{margin: 2 20px;padding-bottom: 20px;} .protect2_list>ul li:nth-child(4) .protect2_inner span{text-align: center;} }