.m_info{margin: 20px 0; text-align: center;} .padding-t-80{ padding-top: 80px; } .bg-color{ background: #eceff3; } .clearf{ zoom: 1;/*鍏煎IE娴忚鍣紝璁╂爣绛炬竻娴姩*/ } .clearf:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .insolve_two_tab{overflow: hidden; float: left;} .insolve_two_tab li{width: auto; color: #767779;float: left;padding: 0 20px;box-sizing: border-box;position: relative;cursor: pointer;transition: all .3s;} .insolve_two_tab li:after{content: "";display: block;width: 1px;height: 26px;background: #b7b8b8;position: absolute;right: 0px;transform: rotate(15deg);top:50%;margin-top: -13px;} .insolve_two_tab li:first-child{padding-left: 0;} .insolve_two_tab li:last-child:after{display: none;} .insolve_two_tab li.on{color: #2d9341;font-weight: bold;} .insolve_two_tab li.on a,.insolve_two_tab li a.on{color: #2d9341;font-weight: bold;} .top{ padding-bottom: 50px; } .top .right{ float: right; } .top .right{ position: relative; width:21.94% } input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color : #000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color : #000; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color : #000; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color : #000; } input::-ms-input-placeholder { /* Microsoft Edge */ color : #000; } .top .right input{ background: none; box-sizing: border-box; padding-left: 20px; width: 100%; height: 50px; line-height: 50px; border: none; border: 1px solid #afafaf; } .top .right button{ background: none; border: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .list_wrap{ padding-bottom: 80px; } .pageout{ margin-bottom: 0; margin-top: 30px; } .list_wrap table{ border: none; width: 100%; } .list_wrap table tr th{ border-bottom: 4px solid #2d9341 !important; box-sizing: border-box; height: 80px; padding-left: 60px; border: none; line-height: 80px; background: #fff; } .list_wrap table tr td{ position: relative; box-sizing: border-box; line-height: 100px; height: 100px; padding-left: 60px; } .list_wrap table tr td em{ display: none; } .list_wrap table tr:nth-child(odd){ background: #fff; } .list_wrap table tr td div::before{ color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 20px; } .list_wrap table tr td:nth-child(4){ width: 230px; } .list_wrap table tr td:nth-child(4) a{ color: #7e7e7e; } .list_wrap table tr td div{ top: 50%; transform: translateY(-50%); right: 40%; position: absolute; line-height: 100px; width: 30px; height: 20px; background: #2d9341; border-radius: 25px; } @media only screen and (max-width:767px){ .insolve_two_tab .swiper-slide{ width: 100%; font-size: 14px; } .padding-t-80 { padding-top: 20px; } .top { padding-bottom: 20px; } .top .right{ padding-top: 10px; width: 100%; } .insolve_two_tab li { float: left; padding: 0 10px; box-sizing: border-box; position: relative; cursor: pointer; transition: all .3s; } .list_wrap table tr th{ display: none; } .list_wrap table tr td { padding-right: 10px; text-align: right; display: block; font-weight: bold; position: relative; box-sizing: border-box; line-height: 60px; height: 60px; padding-left: 10px; } .list_wrap table tr td:nth-child(4) { color: #7e7e7e; padding-right: 50px; width:100%; } .list_wrap table tr td div { top: 50%; transform: translateY(-50%); right: 10px; position: absolute; line-height: 100px; width: 30px; height: 20px; background: #2d9341; border-radius: 25px; } .list_wrap table tr td em { color: #000; float: left; display: block; } .top .right button { font-size: 25px; background: none; border: none; position: absolute; right: 20px; top: 50%; transform: translateY(-30%); } .list_wrap table tr{ font-size: 14px; background: #fff !important; display: block; margin-bottom: 5px; } } /* 鏁呴殰鐮佹煡璇 */ .titlecode{ color: #2d9341; text-align: center; font-weight: bold; } .sousuo{ position: relative; width: 43.54%; margin: 0 auto; height: 50px; margin-top: 60px; margin-bottom: 50px; } .sousuo input{ background: none; padding-left: 10px; box-sizing: border-box; width: 100%; height: 50px; border: 1px solid #b0b0b0; } .sousuo button{ border: none; background: none; border-left: 1px solid #b0b0b0; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); padding-left: 10px; } .fankui{ font-weight: bold; color: #000000; text-align: center; } .tablewrap{ width: 100%; padding-bottom: 130px; } .tablewrap table{ margin-top: 50px; border: none; width: 100%; } .tablewrap table tr td:nth-child(1){ border-left: none; } .tablewrap table tr td:nth-child(8){ border-right: none; } .tablewrap table tr th:nth-child(1){ border-left: none; } .tablewrap table tr th:nth-child(8){ border-right: none; } .bottbutton:hover{ opacity: .8; } .tablewrap table tr th{ border:1px solid #4da05d; padding-top: 10px; padding-bottom: 10px; color: #fff; box-sizing: border-box; background: #2d9341; } .tablewrap table tr td{ border: 1px solid #cfd7d1; background: #fff; box-sizing: border-box; padding-top: 15px; padding-bottom: 15px; } .tablewrap table tr th:nth-child(1){ text-align: center; width: 7.63%; } .tablewrap table tr td:nth-child(1){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(2){ padding-left: 30px; width: 11.11%; } .tablewrap table tr td:nth-child(2){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(3){ padding-left: 35px; padding-right: 35px; width: 23.95%; } .tablewrap table tr td:nth-child(3){ padding-left: 35px; padding-right: 35px; width: 23.95%; } .tablewrap table tr th:nth-child(4){ text-align: center; width: 7.63%; } .tablewrap table tr td:nth-child(4){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(5){ text-align: center; width: 7.63%; } .tablewrap table tr td:nth-child(5){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(6){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(7){ text-align: center; width: 7.63%; } .tablewrap table tr td:nth-child(6){ text-align: center; width: 7.63%; } .tablewrap table tr td:nth-child(7){ text-align: center; width: 7.63%; } .tablewrap table tr th:nth-child(8){ text-align: center; width: 26.79%; } .tablewrap table tr td:nth-child(8){ padding-left: 35px; padding-right: 35px; width: 26.79%; } .tablewrap table tr td em{ display: none; } @media only screen and (max-width:767px){ .sousuo { position: relative; width: 100%; margin: 0 auto; height: 50px; margin-top: 15px; margin-bottom: 16px; } .tablewrap table { margin-top: 10px; border: none; width: 100%; } .tablewrap table tr{ display: block; margin-bottom: 35px; } .tablewrap table tr th{ display: none; } .tablewrap table tr td{ border: none; border-bottom: 1px solid #7e7e7e; padding-left: 10px !important; padding-right: 10px !important; text-align: left !important; width: 100% !important; display: block; } .tablewrap table tr td em{ color: #2d9240; display: block; float: left; } .tablewrap table tr td p{ margin-top: 25px; } } /* 闃蹭吉鏌ヨ */ .Anti{ border-radius: 10px; margin: 0 auto; padding: 60px 80px; width: 50.69%; background: #fff; } .Anti .label{ font-weight: 500; color: #2d9240; } .bottbutton{ font-weight: bold; border-radius: 5px; border: 0; height: 50px; display: block; background: #2d9240; color: #fff; letter-spacing: 10px; width: 41.09%; margin: 0 auto; } .Anti div{ margin-top: 15px; margin-bottom: 25px; } .Anti input{ box-sizing: border-box; padding: 0 20px; width: 100%; height: 50px; line-height: 50px; border: 1px solid #afafaf; } .zhonginput{ overflow: hidden; width: 100%; } .zhonginput input:nth-child(1){ float: left; width: 29.31%; } .zhonginput input:nth-child(2){ float: right; width: calc(100% - 10px - 29.31%); } .bottbutton{ margin-top: 50px; } .padding-b-120{ padding-bottom: 120px; } .bottominput{ position: relative; } .bottominput .yzm{ position: absolute; right: 3px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width:767px){ .Anti { box-sizing: border-box; border-radius: 10px; margin: 0 auto; padding: 30px 5px; width: 100%; background: #fff; } .padding-b-120 { padding-bottom: 50px; } .Anti div { margin-top: 10px; margin-bottom: 10px; } .bottbutton { margin-top: 15px; } } /* 鍦板浘 */ .address_con{height: 45px;margin-bottom: 10px;} .selectInput { width: 100%; height: 100%; border-bottom: 1px solid #2d9240; padding: 0px 10px; position: relative; float: left; box-sizing: border-box; } .selectInput input { width: calc(100% - 10px); background: none; border: none; height: 100%; color: #2d9341; /* font-size: 14px; */ cursor: pointer; } .selectInput i { left: auto; right: 10px; transition: all .3s; line-height: 40px; position: absolute; } .selectInput.on i{ transform-origin: center 27%; transform:rotate(180deg) translateY(-50%); -ms-transform:rotate(180deg) translateY(-50%); -webkit-transform:rotate(180deg) translateY(-50%); } .address_txt{ color: #000; } /*.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: 5px 10px; } .selectUl li a { color: #3f3f3f; } .contact_list{display: none;border-top: 0;} .contact_list.on{display: block;} .content_con{overflow: hidden;} .contact_c{position: relative;height: 600px;} #map{width: 100%;height: 100%;} .contact_text{ background:#fff; color: #2d9341; position: absolute; padding: 40px 45px; width:33.33%; box-sizing:border-box; right: 90px; top:50%; transform: translateY(-50%) !important; height: 49.16%; border-bottom: 5px solid #2d9341; } .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: 60px;display: inline-block;} .contact_list li p{display: inline;width: calc(100% - 58px);} .contact_list li a{color: #fff;} .contact_code img{margin-right: 20px;} .contact_list ul li .iconleft{ color: #9f9f9f; float: left; margin-right: 10px; } .contact_list ul li .iconright{ color: #000; float: left; width: calc(100% - 30px); } @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;} } @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; transform: none !important; } .content_con{padding: 0px;} } .liststrw{ margin: 60px 0; } .liststrw ul{ width: 100%; } .liststrw ul li{ padding: 0 60px; box-sizing: border-box; width: 33.33%; float: left; } .liststrw ul li:nth-child(1),.liststrw ul li:nth-child(2){ border-right: 1px solid #d9d9d9; } .liststrw ul li h2{ margin-bottom: 20px; color: #2d9341; } .liststrw ul li p{ font-weight: 500; line-height: 1.5; height: 6em; } .liststrw ul li:nth-child(3) p{ font-weight: bold; } .lfbox{ position: relative; } .lfbox .leftbox{ box-sizing: border-box; padding: 4.16%; width: 50%; background: #f9f8f8; } .lfbox .leftbox img{ width: 100%; } .lfbox h2{ margin-bottom: 20px; color: #2d9341; } .lfbox .rightbox{ background: #f3f3f3; box-sizing: border-box; padding: 4.16%; padding-right: 30px; width: 50%; position: absolute; right: 0; top: 0; height: 100%; } .lfbox .rightbox p{ margin-bottom: 20px; } .ewms p{ margin-top: 20px; float: left; } .rigntimg{ float: right; width:108px; height: 108px; } @media only screen and (max-width:1600px){ .lfbox .rightbox { padding: 3.16%; } .lfbox .leftbox{ padding: 3.16%; } } @media only screen and (max-width:1580px){ .lfbox .rightbox { padding: 2.16%; } .lfbox .leftbox{ padding: 2.16%; } } @media only screen and (max-width:1530px){ .lfbox .rightbox { padding: 2.16%; } .lfbox .leftbox{ padding: 2.16%; } .lfbox h2 { margin-bottom: 10px; } .lfbox .rightbox p { margin-bottom: 14px; } } @media only screen and (max-width:1390px){ .lfbox .rightbox { padding: 2.16%; } .lfbox .leftbox{ padding: 2.16%; } .lfbox h2 { margin-bottom: 10px; } .lfbox .rightbox p { margin-bottom: 14px; } .lfbox .rightbox p { font-size: 14px; } } @media only screen and (max-width:1290px){ .lfbox .rightbox { padding: 2%; } .lfbox .leftbox{ padding: 2%; } .lfbox h2 { margin-bottom: 10px; } .lfbox .rightbox p { margin-bottom: 10px; } .lfbox .rightbox p { font-size: 14px; } .lfbox .rightbox img{ width: 17.06%; } } @media only screen and (max-width:767px){ .liststrw ul li{ width: 100%; margin-bottom: 10px; border: none; padding: 20px 10px; background: #f3f3f3; } .liststrw ul li h2 { margin-bottom: 0px; } .bg-color-hui{ /* background: #7e7e7e; */ } .liststrw ul li p { height: auto; } .liststrw { margin: 0px; } .lfbox .leftbox { width: 100%; } .lfbox .rightbox{ position: static; width: 100%; } } .dr .sousuo { float: right; position: relative; width: 43.61%; margin: 0 auto; height: 50px; margin-bottom: 40px; } .liswrap{ height: 100px; line-height: 100px; position: relative; width: 100%; } .soulist ul .on .liswrap{ height: 75px; color: #2d9341; line-height: 75px; border-bottom: 1px solid #2d9341; } .soulist ul .on .iconaaa{ transform-origin: center 0%; transform:rotate(180deg) translateY(-50%); -ms-transform:rotate(180deg) translateY(-50%); -webkit-transform:rotate(180deg) translateY(-50%); line-height: 76px; } .hide{ transition: .5s all; overflow: hidden; height: 0px; } .hide .edit_con_original{line-height: 1.5;} .soulist ul .on .hide{ height: auto; /* display: block; */ padding-top: 30px; padding-bottom: 50px; } .soulist ul li{ margin-bottom: 10px; background: #fff; box-sizing: border-box; padding: 0px 50px; } .soulist ul .on{ border-bottom: 5px solid #2d9341; margin-bottom: 30px; } .soulist ul li .iconaaa{ top: 50%; transform:rotate(0deg) translateY(-50%); -ms-transform:rotate(0deg) translateY(-50%); /* IE 9 */ -webkit-transform:rotate(0deg) translateY(-50%); /* Safari and Chrome */ right: 24px; position: absolute; line-height: 100px; width: 30px; height: 20px; background: #2d9341; border-radius: 25px; } .soulist ul li .iconaaa::before { color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 20px; } .soulist ul li i{ margin-left: 6px; margin-right: 10px; color: #2d9341; } /* 绂惧窛绠€浠 */ .p-t-120{ padding-top: 120px; } .commontitle{ text-align: center; } .commontitle p{ padding: 20px 160px; } .box1{ position: relative; } .box1 .boxl{ position: relative; width: 50%; } .box1 .boxl .icon-bofang1{ cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); color: #fff; opacity: .8; } .box1 .boxl img{ display: block; width: 100%; } .box1 .boxr{ box-sizing: border-box; position: absolute; width: 50%; height: 100%; background-color: #f5f5f5; right: 0; top: 0; } .box1 .boxr > div{ padding: 8% 3.5%; } .box1 .boxr h2{ padding-bottom: 20px; border-bottom:1px solid#2d9240; margin-bottom: 20px; } .box1 .boxr .edit_con_original{ height: 12em; } .index_02{ margin-top: 110px; position: relative;overflow: hidden;} .busImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .busImg li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 1s ease; } .busImg li.on{opacity: 1;} .busBox{height: 100%;position: relative;} .busBox .swiper-container{height: 100%;width: 100%;box-sizing: border-box;position: inherit;} .busBox .swiper-container-android .swiper-slide,.busBox .swiper-wrapper{transform: none;position: inherit;display: inherit;} .busBox ul,.busBox dl{height: 100%;box-sizing: border-box;} .busBox ul.swiper-wrapper>li{float: left;width:calc(98% / 2);position: relative;height: 100%;z-index: 2;} .busBox ul.swiper-wrapper>li:after{content: "";width: 1px;height: 120%;display: block;position: absolute;right: 0;top: -10%;transform: rotate(15deg);background: #cccccc;} .busBox li dd{text-align: center;color: #fff;width: 100%;cursor: pointer;padding-right: 10%;box-sizing: border-box;} .busBox li dd img{width: 70px;height: 70px;margin-bottom:10px;} .busBox li dt{padding: 10% 15% 8% 31%;box-sizing: border-box;display: none;background: url(../images/bus_05.png) no-repeat;background-size: cover;height: 100%;} .busBox li dt h2{color: #0b7c4c;margin-bottom: 20px;} .busBox li dt ul{margin-top: 8%;width: 60%;height: auto;overflow: hidden;box-sizing: border-box;} .busBox li dt ul li{float: left;width: 50%;height: auto;margin-bottom: 20px;} .busBox_link{position: absolute;bottom: 10%;} .busBox_link a{width: 56px;height: 40px;display: block;background: #fff;border-radius: 20px;text-align: center;line-height: 40px;color: #0b7c4c;} .busBox_link a i{font-size: 20px;font-weight: bold;} .busBox ul.on{padding-left: 35%;padding-right: 10%;} @media only screen and (min-width: 1024px){ .busBox ul.swiper-wrapper>li.on{position: absolute;left: 0;} } @media only screen and (max-width: 1024px){ .busBox ul.swiper-wrapper>li.on{ position: static !important; } } .busBox ul.swiper-wrapper>li.on dt{height: 100%;display: block;} .busBox ul.swiper-wrapper>li.on dd{display: none;} .busBox ul.swiper-wrapper>li.on{width: 40%;z-index: 1;} .busBox ul.swiper-wrapper>li.on:after{display: none;} .busBox .lhl_but{display: none;} .busBox .lhl_but div{background: none;font-size: 20px;background: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-top: -15px;} .busBox .lhl_but div.swiper-button-prev{left: 0;} .busBox .lhl_but div.swiper-button-next{right: 0;} .box3 .commontitle{ margin: 100px 0 50px 0; } .box3 img{ width: 100%; } .box4{ margin-bottom: 100px; } .box4 .commontitle{ margin: 40px 0 50px 0; } .box4 .box4l , .box4 .box4r{ width: 49.37%; } .box4 .box4l img{ width: 100%; } .box4 .box4l{ float: left; } .box4 .box4r{ float: right; } .box4r .box4rt{ margin-bottom: 2.7%; } .box4r div img{ width: 100%; } .box4 .boxwrap > div{ box-sizing: border-box; position: relative; } .box4rt{ box-sizing: border-box; position: relative; } .box4rb{ box-sizing: border-box; position: relative; } .box4 .boxwrap > div .ding{ box-sizing: border-box; padding: 40px 50px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; } .box4 .boxwrap > div .ding .edit_con_original{color: #fff;} .box4 .boxwrap > div .ding h2{ margin-bottom: 20px; } .box4 .boxwrap > div .edit_con_original{ display: none; } .box4l:hover .ding .edit_con_original{ display: block; } .box4rt:hover .ding .edit_con_original, .box4rb:hover .ding .edit_con_original{ display: block; } .box4l:hover .ding , .box4rt:hover .ding, .box4rb:hover .ding{ border-bottom: 4px solid #2b8d64; } .box5 .commontitle{ padding-top: 90px; padding-bottom: 80px; } .box5 .swiper-container .swiper-slide{ margin-bottom: 130px; padding-bottom: 130px; width: 70%; padding-left: 60px; box-sizing: border-box; border-left: 1px solid #ababac; } .box5 .swiper-container .swiper-slide:nth-child(1){ } .box5 .swiper-container .swiper-slide h2{ color: #2b8d64; margin-bottom: 30px; } .box5 .swiper-container .swiper-slide li{ line-height: 2.25; padding-left: 20px; color: #000; position: relative; } .box5 .swiper-container .swiper-slide li::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #2b8d64; border-radius: 5px; } .box5 .swiper-container .swiper-slide ul{ /* display: none; */ visibility: hidden; } .box5 .swiper-slide-active ul{ visibility: visible !important; } .box5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev , .box5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; } .box5 .swiper-button-next a, .box5 .swiper-button-prev a{ height: 40px; width: 60px; font-weight: bold; border-radius: 30px; background: #2d9341; color: #fff; text-align: center; line-height: 40px; display: block; position: relative; z-index: 2; } .box5 .swiper-button-next.swiper-button-disabled, .box5 .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important; } .box5 .swiper-button-next{ right: 90px; } .box5 .swiper-button-next.swiper-button-disabled a, .box5 .swiper-button-prev.swiper-button-disabled a{ background: #ffffff; color: #0b7c4c; } .box5 .inLink:hover{ color: #000 !important; } @media only screen and (max-width:1024px) { .busBox li dd img{width: 50px;height: 50px;} .busBox .swiper-container{position: relative;} .busBox .swiper-container-android .swiper-slide, .busBox .swiper-wrapper{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative; display: flex; } .busBox .swiper-container{padding-right: 0;} .busBox li dt ul{margin-top: 30px;width: 100%;} .busBox ul.on{padding-left: 0;} .busBox li.on{position: relative;} .busBox li dt{display: block;width: 100%;padding: 50px;background: none;color: #fff;} .busBox li dd{display: none;} .busBox li:after{display: none;} .busBox li dt ul li{display: inline-block;float: none;width: auto;margin-right: 20px;} .busBox li dt ul li a{color: #fff;} .busBox li dt h2{color: #fff;} .busBox .lhl_but{display: block;} } @media only screen and (max-width:767px) { .busBox li dt{padding: 40px; padding-top: 100px;} .busImg ul,.busImg li{height: 100%;} .busImg li img{display: none;height: 100%;} .busBox ul.swiper-wrapper>li dd{ top: 20% !important; padding-left: 40px; box-sizing: border-box; display: block !important; } .busBox li dd img { float: left !important; } .busBox ul.swiper-wrapper>li dd p{ display: none; } } @media only screen and (min-width:1025px) { .busBox li dt ul li a:hover{color: #000!important;font-weight: bold;} .busBox_link a:hover,.inservice_link a:hover{background: #2d9341;color: #fff!important;} } @media only screen and (max-width:1024px){ .busBox ul.swiper-wrapper>li:after{display: none;} } @media only screen and (max-width:767px){ .p-t-120 { padding-top: 20px; } .commontitle p { padding: 20px 10px; text-align: left; } .box1 .boxl { position: relative; width: 100%; } .box1 .boxr { position: static; width: 100%; height: auto; } .box1 .boxr .edit_con_original { height: auto; } .index_02 { margin-top: 40px; position: relative; overflow: hidden; } .box3 .commontitle { margin: 15px 0 10px 0; } .box4 .box4l, .box4 .box4r { width: 100%; } .box4 .boxwrap > div .ding { box-sizing: border-box; padding: 10px 10px; color: #fff; position: static; bottom: 0; left: 0; height: auto; width: 100%; background: #b0b0b0; border-bottom: 4px solid #2b8d64; } .box4 .boxwrap > div .edit_con_original { display: block; } .box4 { margin-bottom: 20px; } .box5 .commontitle { padding-top: 20px; padding-bottom: 20px; } .swiperdsj .swiper-wrapper{ height: auto !important; } .box5 .swiper-container .swiper-slide { width: 70%; padding-left: 0px; box-sizing: border-box; border-left: none; } .box5 .swiper-container .swiper-slide h2 { color: #2b8d64; margin-bottom: 10px; } .box5 .swiper-button-next a, .box5 .swiper-button-prev a { height: 20px; width: 20px; font-weight: bold; border-radius: 0; background: #2d9341; color: #fff; text-align: center; line-height: 20px; display: block; position: relative; z-index: 2; } .box5 .swiper-button-next { right: 0px; top: 55px; } .box5 .swiper-button-prev{ left: 0; top: 55px; } .dr .sousuo { float: right; position: relative; width: 100%; margin: 0 auto; height: 50px; margin-bottom: 20px; } .soulist ul li { margin-bottom: 10px; background: #fff; box-sizing: border-box; padding: 0px 10px; } .soulist ul .on { border-bottom: 5px solid #2d9341; margin-bottom: 15px; } .soulist ul .on .liswrap{ height: auto; line-height: 24px;} .soulist ul li .liswrap{ font-size: 14px; } .soulist ul li .iconaaa { right: 0px; } .liswrap { padding:20px 0; height:auto; line-height: 24px; position: relative; width: calc(100% - 40px); padding-right: 40px; } .soulist ul .on .hide { height: auto; padding-top: 15px; padding-bottom: 20px; } } .box6{ padding: 70px 0; } .box6 .swiper-container{ margin-top: 30px; width: 1143px; max-width: 90%; } .box6 .wrap{ position: relative; } .box6 .wrap .swiper-slide{ padding: 15px; box-sizing: border-box; } .box6 .imgwrap{ box-shadow: 0px 0px 15px 0px #c0c0c0 ; background: #fff; } .box6 .imgwrap img{ width: 100%; } .box6 .wrap .swiper-slide p{ margin-top: 20px; text-align: center; } .box6 .swiper-button-next, .swiper-container-rtl .swiper-button-prev , .box6 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; } .box6 .swiper-button-next a, .box6 .swiper-button-prev a{ height: 40px; width: 60px; font-weight: bold; border-radius: 30px; background: #2d9341; color: #fff; text-align: center; line-height: 40px; display: block; position: relative; z-index: 2; } .box6 .swiper-button-next.swiper-button-disabled, .box6 .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important; } .box6 .swiper-button-next{ right: 90px; } .box6 .swiper-button-next.swiper-button-disabled a, .box6 .swiper-button-prev.swiper-button-disabled a{ background: #ffffff !important; color: #0b7c4c; box-shadow: 0px 0px 15px 0px #c0c0c0 ; } .box6 .swiper-button-next a, .box6 .swiper-button-prev a { height: 20px; width: 20px; font-weight: bold; border-radius: 0; background: #2d9341; color: #fff; text-align: center; line-height: 20px; display: block; position: relative; z-index: 2; } .box6 .swiper-button-next { right: 0px; } .box6 .inLink:hover{ color: #000 !important; } @media only screen and (max-width:767px){ .box6 .swiper-container { max-width: 100%; } .box1 .boxl .icon-bofang1{ font-size: 55px; } .box5 .swiper-container .swiper-slide { margin-bottom: 30px; padding-bottom: 30px; width: 70%; box-sizing: border-box; border-left: 1px solid #ababac; } .box6 { padding: 30px 0; } .insolve_two_tab ul{ width: 80%; margin: 0 auto; } } .video_tx img { width: 100%; } /*瑙嗛寮圭獥*/ .video_appboxx{ 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_appboxx.show{visibility: visible;opacity:1;} .video_appboxx video{object-fit: cover; width: 100%;} .video_appboxx .video_tx{ z-index:2;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_appboxx.show .video_tx{ visibility: visible;opacity:1; top:50%; } .video_appboxx .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appboxx .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;} /*瑙嗛寮圭獥*/ /*.insolve_two_tab .swiper-slide{ width: auto !important; }*/ .insolve_two_tab{ margin: 0; } .lhl_but div.swiper-button-prev, .lhl_but div.swiper-button-next{ display: none; } @media only screen and (max-width:767px){ .boxxxx{ margin-bottom: 20px; overflow: hidden; position: relative; } .boxxxx .swiper-container{ float: none; width:calc(100% - 60px);margin:0 auto;} .insolve_two_tab ul{widtH:100%;} .insolve_two_tab ul li{ text-align: center;} .lhl_but div.swiper-button-prev{left: 0px; display: block;} .lhl_but div.swiper-button-next{right: 0px; display: block;} .lhl_but div { background: none; font-size: 18px; line-height: 44px; text-align: center; } .insolve_two_tab li{ margin-top: 0; } .insolve_two_tab li:after{ display: none; } .rigntimg { float: right; width: 108px !important; height: 108px; } } .bg-cover{ background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} #map{position: relative;} #map ul,#map ul li{position: absolute;top:0;left: 0;width: 100%;height: 100%;} #map ul li{display: none;} #map ul li:first-child{display: block;} #map ul li.on{display: block;}