@font-face { font-family: arial; src: url(../fonts/arial.ttf); }
@font-face { font-family: DIN-Bold; src: url(../fonts/din-bold.ttf); }
@font-face { font-family: DINCOND-BOLDALTERNATE; src: url(../fonts/dincond-boldalternate.otf); }
i, em { font-style: normal; }
.wrap { width: 75%; margin: 0 auto; }
body { line-height: 1.5; font-size: 1rem; color: #181b21; }
a { color: #181b21; }
a:hover { color: #0c9543; }
img { max-width: 100%; }
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.imghover { overflow: hidden; position: relative; cursor: pointer; }
.imghover:before { position: absolute; left: -50%; top: 0; width: 50%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); content: ""; }
@media (min-width: 768px) {
.imghover:hover:before { left: 100%; transition: all .8s; }
}
.header { width: 100%; overflow: hidden; border-top: 5px #0c9543 solid; }
.header .logo { float: left; display: inline-block; width: 16%; padding: 2.4rem 0 0; overflow: hidden; }
.header .logo a { display: inline-block }
.header .nav { width: 58%; float: left; }
.header .nav ul { display: flex; margin: 0 1rem; }
.header .nav li { width: 14.28%; float: left; text-align: center; line-height: 8.125rem; font-size: 1.125rem; }
.header .nav li a { display: block; position: relative; transition: all 0.5s; }
.header .nav li a:hover { color: #ffffff; background-color: #0c9543; }
.header .nav li a:after { content: ""; }
.header .tel { width: 26%; float: right; font-size: 0.875rem; line-height: 1.2; margin-top: 1.6rem; }
.header .tel span { display: block; font-family: "Arial Black", Gadget, sans-serif; color: #02724b; font-size: 1.2rem; }
.header .tel i { display: inline-block; width: 0.8125rem; height: 0.8125rem; background: url(../images/tel.png) no-repeat center center; margin-right: 5px; }
.bannerSwiper { clear: both; position: relative; z-index: 0; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; margin: 0 auto; max-width: 100%; }
.bannerSwiper .swiper-slide img{
        width:100%;
        height:auto;
        min-height:100%;
        transition:1s linear 2s;
        transform:scale(1.1,1.1);
        }
.bannerSwiper .swiper-slide-active img,.bannerSwiper .swiper-slide-duplicate-active img{
        transition:6s linear;
        transform:scale(1,1);
        }
.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ff3c30; opacity: 1; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; }
.bannerSwiper .swiper-button-prev { opacity: .8; left: 4%; }
.bannerSwiper .swiper-button-next { opacity: .8; right: 4%; }
.draw_h { width: 4.125rem!important; height: 4.125rem!important; display: block; border-radius: 50%; text-align: center; }
.draw_h:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50% }
svg.drawcircle { position: absolute; top: 0; left: 0; overflow: inherit; display: block; pointer-events: none }
svg.drawcircle circle { fill: none; box-sizing: border-box; stroke-width: 2; stroke: none; stroke-dasharray: 0, 188.49; stroke-dashoffset: 188.49; transition: all .3s linear 0s }
.draw_h .icon { fill: #626262; vertical-align: middle; transition: .3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.draw_h:hover svg.drawcircle circle { stroke: #fff; stroke-dasharray: 188.49, 0; stroke-dashoffset: 188.49; -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1); transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1) }
.draw_h:hover .icon { fill: #0081cc }
.sectit { text-align: center; margin-bottom: 1.5rem; }
.sectit i { display: block; width: 4.6875rem; height: 3.25rem; background: url(../images/sec1-1.png) no-repeat center center; background-size: cover; margin: 0 auto; display: block; }
.sectit h2 { font-size: 2.125rem; font-weight: bold; margin: 0.5rem 0; background: url(../images/sec1-2.png) no-repeat center center; }
.sectit p { font-size: 1.125rem; }
.section1 { padding: 3rem 0; }
.sec1Swiper2 { height: 80%; width: 100%; }
.sec1Swiper { height: 20%; box-sizing: border-box; margin: 0 auto 2rem; }
.sec1Swiper .swiper-slide { width: 9.1875rem; height: 9.1875rem; background: url(../images/sec1-4.png) no-repeat center center; background-size: 100%; }
.sec1Swiper .swiper-slide-thumb-active { background: url(../images/sec1-3.png) no-repeat center center; background-size: 100%; color: #ffffff; }
.swiper-slide img { display: block; }
.sec1 { text-align: center; font-size: 1rem; }
.sec1 h3 { padding-top: 3rem; }
.sec1 b { display: block; }
.sec12 { overflow: hidden; display: flex; position: static; }
.sec12 dt { width: 50%; float: left; }
.sec12 dt img{ width: 100%; }
.sec12 dd { width: 50%; float: left; background: url(../images/sec1-5.jpg) no-repeat center center; background-size: cover; }
.sec1txt { padding: 5rem; color: #ffffff; }
.sec1txt span { display: block; width: 4.25rem; height: 4.25rem; border: 1px #ffffff solid; border-radius: 50%; text-align: center; line-height: 4rem; font-family: DINCOND-BOLDALTERNATE; font-size: 2.25rem; margin-bottom: 1.5rem; }
.sec1txt em { font-size: 1.125rem; text-transform: capitalize; }
.sec1txt h3 { font-size: 2.2rem; line-height: 1; }
.sec1txt p { margin: 2rem 0 3rem; }
.sec1txt a { display: block; width: 10.8125rem; height: 2.6875rem; line-height: 2.6875rem; border: 1px #ffffff solid; text-align: center; color: #ffffff; }
.sec1txt a:hover { background-color: #ffffff; color: #0c9543; }
.sjsec1 { display: none; }
.section2 { }
.sec2tit { overflow: hidden; }
.sec2tit h2 { font-size: 2.25rem; font-weight: bold; }
.sec2tit a { display: block; width: 13.125rem; height: 3rem; border: 1px #d6d6d6 solid; text-align: center; line-height: 3rem; border-radius: 30px; float: right; }
.sec2tit a:hover { background-color: #0c9543; color: #ffffff; border: 1px #0c9543 solid; }
.sec2Swiper { height: 38.75rem; margin-top: 1.5rem; }
.sec2Swiper .swiper-slide { /*height:300px;*/ height: calc((100% - 20px) / 2) !important; padding-right: 1rem; margin-bottom: 10px; text-align: center; }
.sec2Swiper .swiper-slide h3 { font-size: 1.125rem; padding: 0.5rem 0; position: relative; }
.sec2Swiper .swiper-slide .imgZoom { border: 3px #0d8a34 solid; position: relative; }
.sec2Swiper .swiper-slide .imgZoom:after { content: ""; display: block; width: 7.25rem; height: 2.4375rem; background: url(../images/sec2-1.jpg) no-repeat center center;background-size: cover; position: absolute; bottom: 0; left: 0; }
.sec3tit { margin-top: 2rem; }
.sec3tit h2 { background-image: none; }
.s_yewu { width: 100%; overflow: hidden; padding: 6.75remrem 0; }
.s_yewu .bgbox { opacity: 0; pointer-events: none }
.s_yewu .bgbox img { position: fixed; z-index: -1 }
.s_yewu .bgbox .s_boll01 { right: 0; top: 0 }
.s_yewu .bgbox .s_boll02 { left: 10%; top: 15% }
.s_yewu .bgbox .s_boll03 { left: 55%; top: 30% }
#s_yewu_slide { clip-path: url("#clip"); /**/ margin-top: -12.5rem }
#s_yewu_slide .box { display: block; position: relative; color: #fff }
#s_yewu_slide .img { height: 45.375rem; }
#s_yewu_slide .txt { position: absolute; background: rgba(0, 0, 0, 0.35); transition: .5s; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column }
#s_yewu_slide .txt h4 { font-size: 1.375rem; transition: .5s .4s }
#s_yewu_slide .txt p {
font-size: .875rem; line-height: 2; text-align: center; transition: .5s .4s; text-transform: uppercase; }
#s_yewu_slide .txt p:after, #s_yewu_slide .mask p:after { content: ""; display: block; width: 1px; height: 1.5rem; background-color: #ffffff; margin: 0 auto; }
#s_yewu_slide .mask { position: absolute; padding: 0 3rem; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column }
#s_yewu_slide .mask * { opacity: 0; visibility: hidden; transition: .5s; transform: translateY(-30px) }
#s_yewu_slide .mask:before { content: ""; display: block; position: absolute; transition: .7s; left: 0; top: 0; width: 100%; height: 0; background-image: -moz-linear-gradient(270deg, #35be60 10%, #0d8a34 90%); background-image: -webkit-linear-gradient(270deg, #35be60 10%, #0d8a34 90%); background-image: -ms-linear-gradient(270deg, #35be60 10%, #0d8a34 90%); z-index: -1 }
#s_yewu_slide .mask .ico {
margin-bottom: .75rem; width: 5.375rem }
#s_yewu_slide .mask h4 { font-size: 1.375rem; }
#s_yewu_slide .mask p {
font-size: .875rem; line-height: 2; text-align: center; text-transform: uppercase; }
#s_yewu_slide .box:hover .txt * { opacity: 0; visibility: hidden; transform: translateY(30px); transition: .5s }
#s_yewu_slide .box:hover .mask * { opacity: 1; visibility: visible; transition: .5s .2s; transform: translateY(0px) }
#s_yewu_slide .box:hover .mask:before { height: 100% }
#s_yewu_slide .anim { -webkit-transform: translate(140vw, 0); transform: translate(140vw, 0) }
#s_yewu_slide.aos-animate .anim { -webkit-animation: admission 1.5s forwards; animation: admission 1.5s forwards }
 @-webkit-keyframes admission { 0% {
 -webkit-transform: translate(140vw, 0);
 transform: translate(140vw, 0)
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0)
}
}
 @keyframes admission { 0% {
 -webkit-transform: translate(140vw, 0);
 transform: translate(140vw, 0)
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0)
}
}
.img_db { width: 100%; position: relative }
.img_db:after { content: ""; display: block; width: 100%; height: 0; padding-top: 60.9%; position: static!important }
.img_db img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover }
.img_db .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center }
.img_db .pic img { position: static; width: auto; height: auto; object-fit: contain }
path { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s }
.m { max-width: 1640px; width: 100%; padding: 0 100px; height: 100%; margin: 0 auto; display: block; position: relative }
.s_tt.center { display: flex; align-items: center; justify-content: center; flex-direction: column }
.section4 { background: url(../images/sec4bg.jpg) no-repeat center 80%; background-size: cover; margin-top: -15rem; padding-bottom: 3rem; }
.sec4tit { padding-top: 6rem; margin-bottom: 3rem; }
.sec4tit h2 span { color: #13923a; }
.sec4c { display: flex; position: static; overflow: hidden; }
.sec4c li { float: left; }
.sec41 { width: 30%; margin-left: 10%; }
.sec42 { width: 20%; text-align: center; padding-top: 4%; }
.sec43 { margin-right: 10%; margin-left: 0; }
.sec4-1 { background-color: #ffffff; padding: 0.8rem; border-radius: 100px; width: 80%; position: static; overflow: hidden; margin: 3rem auto 1rem; zoom: 1; -moz-box-shadow: 0px 6px 13px rgba(36,138,98,0.24); -webkit-box-shadow: 0px 6px 13px rgba(36,138,98,0.24); box-shadow: 0px 6px 13px rgba(36,138,98,0.24); }
.sec4-1 span { display: block; float: left; margin-right: 1rem; width: 7.5rem; height: 7.5rem; background-size: cover; }
.sec4-1 h3 { font-size: 1.6rem; margin-top: 1.5rem; color: #0d8a34; }
.sec4-2 { margin-left: -60px; }
.sec43 { text-align: right; }
.sec43 span { float: right; margin-left: 1rem; margin-right: 0; }
.sec43 .sec4-2 { margin-left: auto; margin-right: -60px; }
.sec43 .sec4-1 { margin-left: auto; }
.sec4tel { width: 930px; height: 92px; background-color: rgba(255,167,42,0.2); border-radius: 50px; margin: 6rem auto auto; padding: 9px; }
.sec4telbg { width: 100%; height: 100%; background-color: #ffa72a; border-radius: 50px; line-height: 74px; font-size: 1.125rem; color: #ffffff; text-shadow: 2px 4px 5px rgba(255,143,27,0.88); border: 1px #ff8d12 solid; }
.sec4telbg span { display: block; float: left; width: 57px; height: 58px; background: url(../images/sec4tel.png) no-repeat center center; margin: 12px; }
.sec4telbg b { font-family: DIN-Bold; font-size: 1.5rem; }
.sec4i1 { background: url(../images/sec4-2.png) no-repeat center center; }
.sec4i2 { background: url(../images/sec4-3.png) no-repeat center center; }
.sec4i3 { background: url(../images/sec4-4.png) no-repeat center center; }
.sec4i4 { background: url(../images/sec4-5.png) no-repeat center center; }
.sec4i5 { background: url(../images/sec4-6.png) no-repeat center center; }
.sec4i6 { background: url(../images/sec4-7.png) no-repeat center center; }
.section5 { background: url(../images/sec5bg.png) no-repeat center top; background-size: cover; margin-top:-12rem; }
.sec51{ width:45%; padding: 12rem 0 4rem;}
.sec5tit{}
.sec5tit h2 { font-size: 2.125rem; font-weight: bold; margin: 0.5rem 0; color: #000; }
.sec5tit h2:before{ content:""; display:block; float:left; background:url(../images/sec5-1.png) no-repeat center center; width:2.25rem; height:2.25rem; background-size:cover; margin-right:10px; margin-top:8px;}
.sec5tit p { font-size: 1.125rem; }
.sec5txt{ text-indent:2em; color:#666666; margin:2.5rem 0; line-height:2;}
.sec5a a{ display:inline-block; border-top:1px #000000 solid; border-bottom:1px #000000 solid; padding:5px 0; font-size:1rem; margin-top:10px; }
.sec5a:before{ content:""; display:inline-block; width:3.5rem; height:3.5rem; background:url(../images/sec5-2.png) no-repeat center center; background-size:cover; margin-right:10px;}

.sec53 { background-color: #0d8a34; padding: 2rem 0; border-radius:8px; }
.sec53 ul { overflow: hidden; margin: 0 -1%; padding:0 5rem; }
.sec53 li { width: 31.3333%; float: left; margin: 0 1%; }
.sec53 li i { display: block; float:left; width:7.25rem; height:7.25rem; background:url(../images/sec53-4.png) no-repeat center center; background-size:cover; transition:all 0.5s; }
.sec53 li div { display: inline-table; color: #ffffff; }
.sec53 li div span { font-size: 3.25rem; display: table-cell; font-family:DIN-Bold; }
.sec53 li div em { font-size: 1.125rem;}
.sec53 li p { margin-left: 1rem; font-size: 1rem; }
.sec53 li:hover i { background:url(../images/sec53-5.png) no-repeat center center; background-size:cover; }
.sec53 li div span:after{ content:"+";}
.section6 { padding: 2rem 0 3rem; background-color:#eeeeee; }
.sec6slide{  }
.sec6slide .hd{  position:relative; }
.sec6slide .hd ul{ width:50%; margin:0 auto 2rem; overflow:hidden;}
.sec6slide .hd ul li{ float:left; width:31.33333%; margin:0 1%; cursor:pointer; border:1px #b9b9b9 solid; text-align:center; padding:0.8rem 0; border-radius:30px; font-size:1.125rem; }
.sec6slide .hd ul li.on{ background-color:#ffcc42; border:1px #ffcc42 solid; }
.sec6slide .bd ul{ overflow:hidden; margin:0 -1%; position:static;}
.sec6slide .bd li{ width:31.33333%; float:left; margin:0 1% 1.5rem; text-align:center; background-color:#ffffff;}
.sec6slide .bd li h3{ padding:0.8rem 0; font-size:1.125rem;}
.sec6slide .bd li a{ display:block;}
.sec6slide .bd li a .sec6txt{ position:relative;}
.sec6slide .bd li a .sec6txt:after{ content:""; display:block; width:0; height:2px; background-color:#219e6c; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.sec6slide .bd li a:hover .sec6txt:after{ width:100%; }
.section7 { padding: 3rem 0; }
.sec7c{ overflow:hidden; margin-top:2rem; border-top:1px #dfe0e0 solid;border-left:1px #dfe0e0 solid; position:static; display:flex; flex-wrap:wrap;}
.sec7c li{ width:20%; float:left; padding:2rem 0; border-bottom:1px #dfe0e0 solid; border-right:1px #dfe0e0 solid; text-align:center;/* margin-top:-1px; margin-left:-1px;*/ box-sizing:border-box;}
.sec7a{ display:block; line-height:58px;}
.sec7a a{ display:block;}
.sec7a:hover{ background-color:#0c9543;}
.sec7a:hover a{color:#ffffff;}
.section8 { padding: 4rem 0; overflow: hidden; background:url(../images/sec8bg.jpg) no-repeat center center; background-size: cover; }
.sec8tit { color:#ffffff; margin-bottom:3rem; margin-top:0; }
.sec8c { overflow:hidden; margin:0 -1%; position:static; display:flex; color:#ffffff; font-size:1.125rem; background:url(../images/sec8-1.png) no-repeat center 25%; }
.sec8c li{ width:12.5%; float:left; text-align:center;}
.sec8c li span{ display:block; width:7.5rem; height:7.5rem; line-height:7.5rem; margin:0 auto 1rem; background-color:#ffffff; text-align:center; border-radius:50%; transition:all 0.5s;}
.sec8c li span i {  color: #088423; font-size: 2.5rem;  transition:all 0.5s;}
.sec8c li:hover span{ background-color:#088423;}
.sec8c li:hover span i{ color:#ffffff;}

.section9 { padding: 3rem 0; overflow: hidden; }
.sec9tit{ overflow:hidden; margin-bottom:2rem;}
.sec9tit .sec5tit{ width:30%; float:left;}
.sec9titr { overflow: hidden; width: 50%; float: right; display: table; margin-top: 2rem; }
.sec9titr li { width: 30%; float: left; margin-left: 2%; text-align: center; font-size: 1.125rem }
.sec9titr li a { display: block; padding: 0.8rem 1rem; border-radius: 50px; border:1px #d3d3d3 solid; }

.sec9titr li a:hover{ background-color: #0d8a34; border: 1px #0d8a34 solid; color:#ffffff; }
.sec91{ overflow:hidden;}
.sec91 dt{ width:64.66666%; float:left; margin-right:2%;}
.sec91 dt img{min-height: 350px; object-fit: cover; width: 100%;}
.sec91 dt a{ display:block; position:relative;}
.sec91 dt h3{ position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.6); padding:1rem 2rem; color:#ffffff;}
.sec91 dd{ width:33.33333%; float:left;}
.sec9li{ display:block; border-top:1px #e5e5e6 solid; padding:2rem 0 0 0;}
.sec9li .date{ opacity:0.6; font-size:1rem;}
.sec9li h3{ font-weight:bold; font-size:1.25rem; margin:1.5rem 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sec9li img{ min-height:230px; object-fit: cover;width: 100%;}
.sec92{ overflow:hidden; margin:0 -1%;}
.sec92 li{ width:31.33333%; float:left; margin:3rem 1% auto;}
.sec92 li p{ opacity:0.8; font-size:1rem; position:relative;}
.sec92 li p:before{ content:""; display:block; width:20px; height:3px; background-color:#00a751; margin-bottom:2rem;}

.footer { overflow: hidden; background:url(../images/fbg.jpg) no-repeat center top; background-size: cover; padding: 3rem 0 10rem; }
.flogo { text-align:center; }
.footer1{ padding:3rem 0; position:relative; overflow:hidden;}
.footer1:before{ content:""; display:block; width:100%; height:3px; background:url(../images/f2.png) no-repeat center center; position:absolute; top:5.5rem; left:0;}
.footer dl{ float:left;}
.footer .f1 { width: 15%; margin-left:5%; display:inline-block;}
.footer .f2 { width: 30%;}
.footer .f3 { width: 30%;}
.footer .fwx { width: 15%;}
.footer dt { font-size: 1.125rem; font-weight: bold; margin-bottom: 2rem;}
.footer dd a { display: block; }
.footer dd{ line-height: 2; font-size: 1rem;}
.footer .f2 dd{ width:50%; float:left;}
.footer .f3 dd b{ color:#1a7e56; font-weight:bold; font-family:arial; font-size:1.125rem;}
.copyright { padding: 1rem 0; clear: both; text-align: center; background-color:rgba(255,255,255,0.6);  }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/fl5.png) #0c9543 no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 33333; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: 1; }
.no-touch .cd-top:hover { background-color: #0c9543; opacity: 1; }
@media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
.bottom_float { display: none; position: fixed; z-index: 3333; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background-color: #ffcc42; font-size: 1.875rem; text-align: center; }
.bottom_float a { color: #000000; display: block; }

.ny-hezuo{ background:url(../images/nyhz.jpg) #ebf2ef repeat-x top center; padding:3rem 0;}
.nyhzlist{ overflow:hidden; margin:0 -1% 3rem; display:flex; position:static; flex-wrap:wrap;}
.nyhzlist li{ background-color:#ffffff; padding:1.5rem 0; width:18%; margin:0 1%; float:left; text-align:center; border-radius:10px;}
.nyhz1{ background-color:#ffffff; padding:3rem; border-radius:10px; overflow:hidden; display:flex; flex-wrap:wrap; position:static;}
.nyhz1 dl{ width:31.3333%; float:left; margin:0 1%; line-height:2;}
.nyhz1 dt{ font-size:1.5rem; font-weight:bold;}
.nyhz1 dd{ font-size:1rem;}
.nyhz1 dd:before{ content: "·"; font-size: 1rem; /* 添加圆点样式 */margin-right: 5px; /* 自定义间距 */}
@media (min-width:1921px) {
html { font-size: 20px; }
.sec4tel{width: 44%;}
}
@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 15px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 13px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px !important; }
}
@media (max-width:328px) {
html { font-size: 12px !important; }
}
@media (max-width: 1400px) {
.wrap { width: 96%; margin: 0 auto; }
.header .logo img { max-width: 100%; }
}
@media (max-width: 1280px) {
.sec1Swiper, .sec1Swiper2 { display: none; }
.sjsec1 { display: block; }
.sjsec1 ul { display: flex; position: static; overflow: hidden; flex-wrap: wrap; }
.sjsec1 li { padding: 0.5rem 1rem; font-size: 1.125rem; border: 1px #666666 dashed; flex-grow: 1; margin: 0 5px 10px; text-align: center; }
.sec2Swiper{ height:auto;}
.sec4-1{ width:100%; box-sizing:border-box;}
.sec41{ width:40%; margin-left:0;}
.sec4-2{ margin-left:0;}
.sec43,.sec43 .sec4-2{ margin-right:0;}
.sec53 ul{ padding:0;}
.sec53 li i{ width:5rem; height:5rem;}
.sec53 li div span{ font-size:2.5rem;}
.header .tel span{ font-size:1.1rem;}
}
@media (max-width: 990px) {
.header .tel { display: none; }
.header .nav { width: 70%; }
.header .logo { width: 30%; }
.sec53 li i{ margin:0 auto; float:none;}
.sec53 li{ text-align:center;}
.sec53 li p{ margin-left:0;}
.sec53 li div,.sec53 li div span{ display:block; text-align:center;}
.section8{ background-size:cover;}
.sec8c li span{ width:5rem; height:5rem; line-height:5rem;}
.sec8c li span i{ font-size:2rem;}
.sec4tel{ display: none; }
}
@media (max-width: 800px) {
.header { padding: 0; }
.header .wrap { width: 100%; }
.header .logo { width: 100%; text-align: center; float: none; margin: 1rem auto; padding: 0; display: block; }
.header .nav { width: 100%; background-color: #02724b; }
.header .nav li a { color: #ffffff; height: 3rem; line-height: 3rem; font-size: 1rem; border-top: 1px rgba(255,255,255,0.5) solid; border-left: 1px rgba(255,255,255,0.5) solid; }
.header .nav li { width: 33.33333%; }
.header .nav ul { flex-wrap: wrap; margin: 0 auto; }
.header .nav li:first-child { display: none; }
.sec42{ display:none;}
.sec4c{ flex-wrap:wrap;}
.sec41{ width:48%; margin:0 1%;}
.sec4-1{ margin:1rem auto;}
.sec4-1 h3{ margin-top:0; font-size:1.4rem;}
.sec43 span{ float:left; margin-right:1rem; margin-left:auto;}
.sec43{ text-align:left;}
.sec4tel{ width:100%; margin:2rem auto auto; text-align:center;}
.sec4telbg span{ display:inline-block; float:none;}
.section5{ background-image:none;}
.sec51{ width:100%; padding-bottom:2rem;}
.sec5tit,.sec5a{ text-align:center;}
.sec5tit h2:before{ float:none; margin:0 auto;}
.sec6slide .hd ul{ width:100%;}
.sec6slide .bd li{ width:48%;}
.sec7c li{ width:33.3333333%; flex-grow:1;}
.sec7c li:last-child{ padding:0;}
#yixing{ display:none;}
#s_yewu_slide{ margin:0 auto;}
.section4{ margin-top:0;}
.sec4tit{ padding-top:3rem; margin-top:0; margin-bottom:1.5rem;}
#s_yewu_slide .img{ height:15.375rem;}
.sec91 dt,.sec91 dd,.sec92 li{ width:100%; margin:0 auto 1rem;}
.section9{ padding-bottom:0;}
.footer .f1,.footer .f2{ display:none;}
.footer .f3{ width:75%;}
.footer .fwx{ width:25%;}
.flogo img{ max-width:60%;}
.sec9tit .sec5tit{ width:100%;}
.sec9titr{ width:100%; float:none; padding-top:1.5rem;}
.section4{ background-image:none;}
.bottom_float{ display:block;}
.sec4-1 span{ width:5.5rem; height:5.5rem;}
.sec5txt{ margin:1rem 0;}
.sectit i{width: 3rem; height: 2.0625rem;}
.sec2tit a{ width:8rem;}
.nyhz1 dl{ width:48%;}
.nyhz1{ padding:1.5rem;}
.draw_h{ width:2.5rem!important; height:2.5rem!important; }
}
@media (max-width: 640px) {
.sec8c{ flex-wrap:wrap; background-image:none;}
.sec8c li{width:25%; margin-bottom:1rem; }
.sectit h2{ font-size:2rem;}
.sec4c li{ width:98%;}
.nyhz1 dl{ width:98%;}
.nyhz1{ padding:1rem;}
.nyhzlist li{ width:48%; margin-bottom:1rem;}
}
@media (max-width: 480px) {
.footer .f3{ width:100%; text-align: center;}
.footer .fwx{ display:none;}
}
