.index1{text-align: center;background: url(../images/index-bg1.jpg) no-repeat center center;background-size: cover;padding:100px 0;}
.index1 .font24{color:#4b9e50;font-family: 'Poppins';font-weight: bold;}
.index1 .font55{margin: 20px 0 40px 0;text-transform: none;}
.index1 p{color: #666;}
.iframe1 { float:left; width:100%;padding-top:150px;background: url(../images/about1.jpg) no-repeat center center;background-size: cover; overflow: hidden;}
.ifr1top{float:left; width:100%;}
.ifr1top .ifr1topbtn{float: left;}
.ifr1top .ifr1topbtn a{background: none;border: 1px solid #666;}
.ifr1top .ifr1topbtn a span{color: #fff;}
.ifr1top .ifr1topbtn a i{color: #000;background: #fff;}
.ifr1top .ifr1topbtn:hover a i{background: #4b9e50;color: #fff;}
.ifr1top_left {width: 50%  ;float:left; font-size:18px;}
.ifr1top_left .font55{color: #fff;margin: 20px 0 50px 0;}
.ifr1top_left p{color: #fff;line-height:2;font-weight: 100;margin-bottom: 50px;font-size: 14px;}
.ifr1top_right { float:right; width:42%;margin-top: 100px;}

.ifr1top_right .plfqes ul { float: left; width: 100%; margin: 0; padding: 5px 0; list-style: none }
.ifr1top_right .plfqes ul li {color: #fff ;float: left; width: 100%; cursor: pointer; border-bottom: 1px solid #666; padding-top: 18px; padding-bottom: 18px }
.ifr1top_right .plfqes ul li span.tttd { float: left; font-weight: bold; }
.ifr1top_right .plfqes ul li i { float: right; font-size: 20px;font-weight: bold;}
.ifr1top_right .plfqes ul li j {display: none;font-weight: bold;}
.ifr1top_right .plfqes ul li p { float: left; width: 100%; font-size: 14px; margin-top: 10px; display: none }
.ifr1top_right .plfqes ul li.hover i {display: none;}
.ifr1top_right .plfqes ul li.hover j {display: block;float: right;font-size: 20px;}
.ifr1top_right .plfqes ul li.hover p { display: block }
.ifr1tri_mid { float:right; width:70%;margin-top:20px;}
.ifr1tri_mid p {margin-bottom:20px; }

.ifr1midd { float:left; width:100%;margin-top:120px;display: flex;position: relative;justify-content: space-between;}
.ifr1midd::before{content: " ";position:absolute;top:0;left:-50%;width:200%;height:1px;background: #59595a;}
.ifr1midd .num {align-items: center;justify-content: space-between; float: left; width: calc((100% - 90px)/4); text-align: left; display: flex;  position: relative;margin-right:30px;  }
.ifr1midd .num:nth-last-child(0) { margin-right: 0px;}

.ifr1midd .num::before { content: ""; height:100%; width: 1px; background: #59595a; right: 0px; top: 0px; position: absolute; }
.ifr1midd .num:nth-child(5)::before { display: none;}
.ifr1midd .num font { font-size: 40px; top:0px; position: relative;color: #fff;margin-left: 12px;}
.ifr1midd .num strong { color: #fff; font-size: 14px; margin-top:20px; position: relative; line-height: 1; font-weight: 100;}
.ifr1midd .num strong span {font-size: 40px;margin-right: 10px;}
.ifr1midd .num:last-child { float: right; }
.ifr1midd .num .ppd {color: #fff;margin: 20px 0;width: 120%;opacity: .5;font-size: 14px;height: 48px;}
.ifr1midd .num:hover strong { color: #4b9e50 }
.ifr1midd .num:hover strong font{ color: #4b9e50 }
.ifr1midd .num .num-l{display: flex;justify-content: left;flex-direction: column;}
.ifr1midd .num .num-r{width: 55px;height:55px;margin-right: 15px;display: flex;justify-content: center;align-items: center;margin-bottom: 40px;}
.ifr1midd .num .num-r i{font-size: 43px;color: #fff;transition: all 0.3s ease-in-out;}
.ifr1midd .num:hover .num-r i{color: #4b9e50;}
.ifr1midd .num:nth-last-child(0) .num-r{margin-right: 0;}
.iframe2 {float: left;width: 100%;margin-top: 100px;padding-bottom: 50px;position: relative;z-index: 2;background: url(../images/b3.jpg) no-repeat center center;background-size: contain;overflow: hidden;background-position-y: 30px;}
.iframe2 .ipro-lt{float: left; width: 100%;display: flex;justify-content: space-between;}
.iframe2 .ipro-lt-li{float: left;width: 45%;}
.iframe2 .ipro-lt-li .ipro-bc{display: none;opacity: 0;transition: all 0.5s ease-in-out;margin-top: 30px;}
.iframe2 .ipro-lt-li.on .ipro-bc{display: block;opacity: 1;}
.iframe2 .ipro-lt-li.on .ipro-bc a{border: 1px solid #e5e5e5;}
.iframe2 .ipro-lt-li .ipro-a{cursor: pointer;;line-height: 1.2;font-weight: bold;color: #9e9e9e;transition: all 0.3s ease-in-out;}
.iframe2 .ipro-rt{float: left;width: 100%;margin-top: 60px;}
.iframe2 .ipro-lt-li.on .ipro-a{color: #333;}
.iframe2 .ipro-rt .ipro-rt-li{text-align: center;}
.iframe2 .ipro-rt .ipro-rt-li{opacity: 0;transition: all .3s;}
.iframe2 .ipro-rt .ipro-rt-li.on{opacity: 1;}
.iframe2 .ipro-rt .ipro-rt-li img{height:400px ;object-fit: contain;}
.ab5lmtxtd { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 45px; background: rgb(0,0,0,0.42); border-radius: 15px; float: left; }
.ab5lmtxtd h3 { color: #fff; }
.ab5lt_fi1 { display: flex; flex-flow: column; }
.ab5lt_fi1 img { width: 345px; margin-top: 15px; }
.ab5lmtxtd span { color: #fff; float: right; font-size: 18px; }
.ab5spvideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; height: 50%; justify-content: center; align-items: center; display: flex; cursor: pointer; }
.ab5spvideo i { background-color: rgba(255, 255, 255, 0.3); width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; color: #fff; font-size: 16px; }
.ab5svbtn { position: absolute; left: 50px; bottom: 50px; float: left; width: calc(100% - 100px); }

.ab5svbtn a { background: #fff; color: #333; padding: 15px; padding-left: 25px; padding-right: 15px; }
.ab5svbtn a span { color: #333; }
.ab5svbtn a i { color: #333; }
.ab5svbtn a:hover { background: #4b9e50; color: #fff; }
.ab5svbtn a::before { content: ""; position: absolute; top: -2px; left: -2px; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #4b9e50; border-radius: 25px; transform: scaleX(0); transform-origin: right; -webkit-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -moz-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -o-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); }

.iframe3 { float: left; width: 100%; padding-top: 100px; background: #fff; padding-bottom: 50px;overflow: hidden;}
.ifr3top { float: left; width: 100%; }
.ifr3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.ifr3top_right { float:left; width:100%; }
.ifr3top_right h3 { color: #333; padding-bottom: 25px; width: 870px; flex: 1; float: left; }
.ifr3top_right h3 font { color: #4b9e50 }
.ifr3top_right a { float: right;border: 1px solid #e5e5e5; }

.ifr3midd { float: left; width: 100%; margin-top: 50px; overflow:hidden;}
.ifr3midd ul { float: left; width: 100%; }
.ifr3midd .item { float: left; width:100%; }

.ifr3midd .item a { display: flex; justify-content: center; flex-flow: column; align-items: center; }
.ifr3midd .item a div { width: 85px; height: 85px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.ifr3midd .item a p { text-align: center; margin-top: 15px; }
.ifr3midd .item a:hover div { background: #4b9e50; }
.ifr3midd .swiper-slide-active .item a div { background: #4b9e50; }
.ifr3midd .swiper-slide-active .item a.hover p { color: #4b9e50 }


.ifr3bot { float: left; width: 100%; margin-top: 50px; position: relative; display: none; }
.ifr3bot .swiper { height: auto; overflow: visible; }
.ifr3bot.hover { display:block;}
.ifr3bot .swiper-wrapper { height: auto; width: 100%; }
.ifr3bot .swiper-slide { height: auto; }

.ifr3bot .item {float: left;width: 100%;background: #fff;position: relative;overflow: hidden;}
.ifr3bot .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); top: 0px; left: 0px;opacity: 0;transition: all 0.3s ease-in-out;}
.ifr3bot .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #4b9e50; margin-right: 20px; margin-top: 20px; }
.ifr3bot .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #4b9e50; border-radius: 20px; padding: 25px; }
.ifr3bot .item .pabp .pabbp strong {float: left;; color: #fff; font-weight: normal; font-size: 16px;text-align: left;}
.ifr3bot .item .pabp .pabbp p { font-size: 14px;float: left;;text-align: left;color: rgb(255,255,255,0.5);margin-top: 15px; margin-bottom: 0px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.ifr3bot .item .ptp {position: relative;;overflow: hidden;height:550px;text-align:center;border-radius: 20px;}
.ifr3bot .item .ptp img {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;object-fit: cover;width: 100%;height: 100%;}
.ifr3bot .item .pmp { margin-top: 20px; text-align: center;float: left;transition: all .3s ease;}
.ifr3bot .item .pmp span{float: left;}
.ifr3bot .item:hover .pabp {opacity: 1;}
.ifr3bot .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.ifr3bot .item .pmp .font18{color: #000;text-align: left;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.ifr3bot .item .pmp p{margin: 10px 0 40px 0;opacity:1;transition: all .3s ease;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-align: left;font-size: 16px;}

.ifr3bot .btnlist { }
.ifr3bot .btnlist .btn {transition: all .3s ease; ;color: #666666; font-size: 22px; font-weight: bold; background: #fff; width: 50px; height: 50px; border-radius: 30px; border: 1px solid #e8e8e8; position: absolute; top: calc(50% - 100px); z-index: 9; }
.ifr3bot .btnlist .btn:hover { background: #4b9e50; color: #fff; border: 1px solid #4b9e50; }
.ifr3bot .btnlist .btn-prev { left: -60px; }
.ifr3bot .btnlist .btn-next { right: -60px; }

iframe4{}


@media(min-width:1px) and (max-width:599px) {
    .ifr1midd::before{display: none;}
    /* .ifr1midd .num .num-l{align-items: center;} */
    .ifr1midd .num .num-r{width: 36px;height: 36px}
    .ifr1midd .num:nth-child(4) .num-r{margin-right: 40px}
    .ifr1midd{flex-wrap: wrap;}
    .ifr1midd .num { float: left; width: 100%; text-align: left; display: flex;  margin-bottom: 30px; position: relative; margin-right: 0px; padding-bottom:10px;}
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num::after {opacity:0.7; background: none; content: ""; height: 20px; width: 100%; left: 0px; bottom: 0px; position: absolute; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-width: 1px;  background-position: center center; border-color: #4b9e50; border-style: solid; border-top: 0px; }

    .ifr1midd .num::before { opacity:0.7;background: none; content: ""; height: 20px; width: 100%; left: 0px; top: 0px; position: absolute; border-top-left-radius: 8px; border-top-right-radius: 8px; border-width: 1px; background-position: center center; border-color: #4b9e50; border-style: solid; border-bottom: 0px; }
    .ifr1midd .num strong { color: #fff; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; padding-left: 30px; }
    .ifr1midd .num strong span { font-size: 36px; }
    .ifr1midd .num .ppd { margin-top: 15px; width: 100%; padding-left: 30px; }
    .ifr1midd .num font { font-size: 30px; top: -20px; position: relative; }
    .iframe2 .ipro-lt-li .ipro-bc{margin-top: 10px;margin-bottom: 10px;float: left;display: none !important;}
    .iframe2 .ipro-lt-li.on .ipro-bc{display: block !important;}
    
    .iframe2 .ipro-rt{margin-top: 20px;}
    .iframe2 .ipro-lt{flex-wrap: wrap;}
    .iframe2 .ipro-lt-li{width:100%;margin-bottom: 20px;}
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }
    .ifr3midd .btn:hover { background:#4b9e50;color:#fff;}
    .ifr3bot .btnlist .btn-prev { left: 0px; }
    .ifr3bot .btnlist .btn-next { right: 0px; }

    .ifr3bot .btnlist .btn { color: #666666; font-size: 16px; background: #fff; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ccc; position: absolute; top: calc(50% - 100px); z-index: 9; line-height:40px; padding: 0px; }
    .ifr3bot .btnlist .btn:hover { background: #009b4c; color: #fff; border: 1px solid #009b4c; }


    .ifr3midd .item a div { width: 65px; height: 65px; background: #fff; border-radius: 100%; }
    .ifr3midd .swiper { padding:0px 30px; position:relative;}
    .ifr3midd .item a div img { height: 42px; }

    .ifr3bot .swiper { height: auto; overflow: hidden; width:100%;}

}

@media(min-width:600px) and (max-width:767px) {
    .ifr1midd { flex-flow: wrap; display: flex; }
    .ifr1midd .num { float: left; width: 50%; text-align: left; display: flex;  padding-bottom: 10px; position: relative; padding-left: 30px;flex-wrap: wrap;margin-right:0 }
    .ifr1midd .num::after{content: "";position: absolute;top: 0px;left: -50%;width: 200%;height: 1px;background:#59595a;}
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num:nth-child(2n)::before { right: -9999px; }
    .ifr1midd .num strong { color: #fff; font-size:14px; margin-top: 35px; position: relative; line-height: 0.5rem;}
    .ifr1midd .num strong span { font-size: 36px; }
    .ifr1midd .num font{font-size: 30px;}
    .ifr1midd .num .ppd { margin-top: 15px; }
    .ifr1midd .num .num-r{width: 36px;height: 36px;margin-right:20px}
    .ifr1midd .num:nth-child(2) .num-r{margin-right: 0;}
    .ifr3bot .btnlist .btn-prev { left: 0px; }
    .ifr3bot .btnlist .btn-next { right: 0px; }
    .ifr3bot .btnlist .btn { color: #666666; font-size: 16px; background: #fff; width: 46px; height: 46px; border-radius: 50%; position: absolute; z-index: 9; line-height: 46px; padding: 0px; }
    .ifr3bot .btnlist .btn:hover { background: #009b4c; color: #fff; border: 1px solid #009b4c; }
    .ifr3midd .btn:hover { background: #4b9e50; color: #fff; }

    .ifr3midd .item a div { width: 65px; height: 65px; background: #fff; border-radius: 100%; }
    .ifr3midd .swiper { padding: 0px 30px; position: relative; }
    .ifr3midd .item a div img { height: 42px; }
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }
    .ifr3bot .swiper { height: auto; overflow: hidden; width: 100%; }
}
@media(min-width:1px) and (max-width:767px) {
    .iframe4{margin-top: 20px;}
    .index1{padding: 30px 0;}
    .iframe1{padding-top: 40px;}
    .ifr1top_left { float: left; width: 100%; }
    .ifr1top_left p{font-size: 14px;}
    .ifr1top_right { float: left; width: 100%;margin-top: 30px;}
    .ifr1tri_mid { float: right; width: 90%; margin-top: 20px; }
    .ifr1top_right h3 { margin-top: 20px; }
    .iframe2 { float: left; width: 100%; margin-top: 20px; position: relative; z-index: 2; }
    .iframe2 .ipro-lt-li .ipro-a{font-size: 20px;}
    .ifr2list .vidimg { height: 505px; }
    .ab5lmtxtd { padding:25px;}
    .ab5svbtn { left: 25px; width: calc(100% - 50px);bottom:25px;}
    .ab5lt_fi1 img { max-width:345px;}
    .iframe2{padding-bottom: 20px;margin-top:40px;}
    .iframe2 .ipro-rt{margin-top: 30px;}
    .iframe2 .ipro-rt .ipro-rt-li img{height:200px;}
    .ifr3bot{margin-top: 20px;}
    .ifr3bot .item .ptp{height:300px;}
    .iframe3 { float: left; width: 100%; padding-top:20px;padding-bottom: 10px;}
    .ifr3top_left { float: left; width: 100%; }
    .ifr3top_right { float: left; width: 100%; margin-top: 20px; }
    .ifr3top_right h3 { width: 100%; }
    .ifr3midd .item a p { font-size: 14px; }    
    .ifr3top_right a { float: left; }
    .ifr4lld { height: 460px; }
    .ifr4m_list { left: 20px; width: calc(100% - 40px) }
    .ifr4m_list a p { width: 100%; }


    .ifr4bott .item { float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dee1e6; }

    .ifr4bott .item a { display: flex; flex-flow: wrap; }
    .ifr4bott .item .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2;margin-top:25px; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 100%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }


    .ifr5top { float: left; width: 100%; }
    .ifr5top h3 font { color: #4b9e50 }
    .ifr5top p { width: 100%; margin-top: 30px; color: #666666; margin-bottom: 40px; }
    .ifr5right { float: left; width: 100%;margin-top:40px; }
    .ifr5right .ifr1top_right .plfqes ul li .tttd span { margin-right: 10px; }
    .ifr5right .ifr1top_right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

    .ifr6mid a {  border-radius: 25px; margin-right: 15px; color: #333333; font-weight: bold; font-size: 14px;float:left;margin-bottom:15px; }
    .ifr6bot { float: left; width: 100%; margin-top: 25px; }
    .ifr6bot .swiper { height: auto; overflow:hidden;float:left; width:100%;  }
}

@media(min-width:768px) and (max-width:991px) {
    .iframe1{padding-top: 50px;}
    .ifr1top_left { float: left; width: 100%; }
    .ifr1top_right { float: left; width: 100%;margin-top: 40px;}
    .ifr1tri_mid { float: right; width: 90%; margin-top: 20px; }
    .ifr1top_right h3 { margin-top: 20px; }
    .ifr1midd { flex-flow: wrap; display: flex; }
    
    .ifr1midd .num { float: left; width: 50%; text-align: left; display: flex;  padding-bottom: 10px; position: relative; padding-left: 30px;flex-wrap: wrap;margin-right:0 }
    .ifr1midd .num::after{content: "";position: absolute;top: 0px;left: -50%;width: 300%;height: 1px;background:#59595a;}
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num:nth-child(2n)::before { right: -9999px; }
    .ifr1midd .num strong { color: #fff; font-size:14px; margin-top: 30px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 36px; }
    .ifr1midd .num font{font-size: 30px;}
    .ifr1midd .num .ppd { margin-top: 15px;width: 100%; }
    .ifr1midd .num .num-r{width: 36px;height: 36px;margin-right:20px}
    .ifr1midd .num:nth-child(2) .num-r{margin-right: 0;}
    .iframe2{padding-bottom: 30px;}
    .iframe2 .ipro-rt .ipro-rt-li img{height: 300px;}
    .iframe2 .ipro-lt-li .ipro-a{font-size: 20px;}
    .ifr2list .vidimg { height: 505px; }
    .ifr3midd .btn:hover { background: #4b9e50; color: #fff; }
    .iframe3 { float: left; width: 100%; padding-top: 30px;padding-bottom: 20px; }
    .ifr3top_left { float: left; width: 100%; }
    .ifr3top_right { float: left; width: 100%; margin-top: 20px; }
    .ifr3top_right h3 { width: 60%; }
    .ifr3midd .item a p { font-size: 14px; }
    .ifr3top_right a {}
    .ifr3bot .item .ptp{height:300px;}
    .ifr3bot .btnlist .btn-prev { left: 0px; }
    .ifr3bot .btnlist .btn-next { right: 0px; }
    .ifr3midd .item a div { width: 65px; height: 65px; background: #fff; border-radius: 100%; }
    .ifr3midd .swiper { padding: 0px 30px; position: relative; }
    .ifr3midd .item a div img { height: 42px; }
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }


    .ifr4lld { height: 430px; }
    .ifr4m_list { left: 25px; width: calc(100% - 50px) }
    .ifr4m_list a p { width: 85%; }

    .ifr4bott .item { float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dee1e6; }

    .ifr4bott .item a { display: flex; flex-flow: wrap; }
    .ifr4bott .item .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 25px; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 100%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr5top { float: left; width: 100%; }
    .ifr5top h3 font { color: #4b9e50 }
    .ifr5top p { width: 100%; margin-top: 30px; color: #666666; margin-bottom: 40px; }
    .ifr5right { float: left; width: 100%; margin-top: 40px; }
    .ifr5right .ifr1top_right .plfqes ul li .tttd span { margin-right: 10px; }
    .ifr5right .ifr1top_right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

    .ifr6mid a { border-radius: 25px; margin-right: 15px; color: #333333; font-weight: bold; font-size: 14px; float: left; margin-bottom: 15px; }
    .ifr6bot { float: left; width: 100%; margin-top: 25px; }
}

@media(min-width:992px) and (max-width:1199px) {
    .iframe1{padding-top: 60px;}
    .ifr1top_left { float: left; width: 100%; }
    .ifr1top_right { float: left; width: 100%;margin-top: 50px;}
    .ifr1tri_mid { float: right; width: 85%; margin-top: 20px; }
    .ifr1top_right h3 { margin-top: 20px; }
    .ifr1midd .num{flex-direction: column;}
    .ifr1midd .num .num-r{margin-right: 20px;width: 36px;height: 36px;}
    .ifr1midd .num strong span{font-size: 36px;}
    .ifr1midd .num font{font-size: 30px;}
    .ifr1midd .num .ppd { margin-top: 15px; }
    .ifr2list .vidimg { height: 505px; }
    .iframe2{padding-bottom: 30px;}
    .iframe3 { float: left; width: 100%; padding-top: 30px; }
    .ifr3top_left { float: left; width: 100%; }
    .ifr3top_right { float: left; width: 100%;margin-top:20px; }
    .ifr3top_right h3 { width: 580px; }
    .ifr3midd .item a p { font-size: 14px; }
    .ifr3top_right a { float: right; }
    .ifr3bot .item .ptp{height:350px;}
    .ifr3midd .btn:hover { background: #4b9e50; color: #fff; }
    .ifr3bot .btnlist .btn-prev { left: 0px; }
    .ifr3bot .btnlist .btn-next { right: 0px; }
    .ifr3midd .item a div { width: 65px; height: 65px; background: #fff; border-radius: 100%; }
    .ifr3midd .item a div img { height: 42px; }
    .ifr3midd .swiper { padding: 0px 30px; position: relative; }  
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }

    .ifr4lld { height:480px;}
    .ifr4m_list a p { width: 80%; }

    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.25rem; font-weight: bold; margin-top: 15px; color: #009b4c }
    .ifr4bott .item .plp p { width: 95%; margin-top: 18px; color: #666666;}


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 280px; width: 100%; object-fit: cover; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr5top p {  width:95%;}
    .ifr5right .ifr1top_right .plfqes ul li .tttd span { margin-right: 10px; }
    .ifr5right .ifr1top_right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

    .ifr6mid a { border-radius: 25px; margin-right: 15px; color: #333333; font-weight: bold; font-size: 16px; float: left;}
}

@media(min-width:1200px) and (max-width:1365px) {
    .ifr1top_left { float: left; }
    .ifr1top_right { }
    .ifr1tri_mid { float: right; width: 80%; margin-top: 20px; }
    .ifr1midd .num{flex-direction: column;}
    .ifr1midd .num .num-r{margin-right: 20px;width: 45px;height: 45px;}
    .ifr1midd .num strong span{font-size: 36px;}
    .ifr1midd .num font{font-size: 36px;}
    .ifr1midd .num .ppd { margin-top: 15px; }

    .ifr2list .vidimg { height: 505px; }

    .iframe3 { float: left; width: 100%; padding-top: 50px; }
    .ifr3top_left { float: left; }
    .ifr3midd .item a p { font-size:14px;}
    .ifr3midd .btn:hover { background: #4b9e50; color: #fff; }

    .ifr3midd .swiper { padding: 0px 38px; position: relative; }
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }
    .ifr3bot .btnlist .btn-prev { left: 0px; }
    .ifr3bot .btnlist .btn-next { right: 0px; }
    .ifr4lld { height: 520px; }
    .ifr4m_list a p { width: 80%; }


    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 90%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }

    .ifr5top p { width: 95%; }
    .ifr5right .ifr1top_right .plfqes ul li .tttd span { margin-right: 10px; }
    .ifr5right .ifr1top_right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }
}

@media(min-width:1366px) and (max-width:1439px) {
    .ifr1top_left { float: left; }
    .ifr1top_right {}
    .ifr1tri_mid { float: right; width:80%; margin-top: 20px; }
    .ifr1midd .num .ppd { margin-top: 15px; }
    .ifr1midd .num .num-r{margin-right: 20px;width: 50px;height: 50px;}
    .ifr1midd .num strong span{font-size: 40px;}
    .ifr1midd .num font{font-size: 40px;}
    .ifr2list .vidimg { height: 525px; }
    .iframe3 { float: left; width: 100%;}
    .ifr3top_left { float: left; }

    .ifr3midd .swiper { padding: 0px 38px; position: relative;display:flex;width:100%; overflow:hidden; }
    .ifr3midd .btn-prev { position: absolute; top: calc(50% - 25px); left: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; text-align: center; line-height: 50px; padding: 0px; }
    .ifr3midd .btn i { width: 25px; text-align: center; line-height: 50px; display: block; }
    .ifr3midd .btn-next { position: absolute; top: calc(50% - 25px); right: 0; z-index: 10; width: 25px; height: 50px; background: #F5F5F5; cursor: pointer; padding: 0px; }
    .ifr4lld { height: 540px; }
    .ifr4m_list a p { width: 75%; }


    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 90%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }

    .ifr5top p { width: 95%; }
    .ifr5right .ifr1top_right .plfqes ul li .tttd span { margin-right: 10px; }
    .ifr5right .ifr1top_right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }
}

@media(min-width:1440px) and (max-width:1599px) {
    .ifr1top_left { float: left; }
    .ifr1top_right {  }
    .ifr1tri_mid { float: right; width: 80%; margin-top: 20px; }
    .ifr1midd .num .num-r{margin-right: 30px;}
    .ifr1midd .num strong span{font-size: 40px;}
    .ifr1midd .num font{font-size: 45px;}
    .ifr2list .vidimg { height: 525px; }
    .iframe3 { float: left; width: 100%; }
    .ifr3top_left { float: left; }
    .iframe3 { float: left; width: 100%; }
    .ifr3top_left { float: left; }
    

    .ifr3midd .btn { display: none; }
    .ifr4lld { height: 580px; }
    .ifr4m_list a p { width: 70%; }


    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 90%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height:350px; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
}

@media(min-width:1600px) and (max-width:1859px) {
    
    .ifr1top_left { float: left; }
    .ifr1top_right {}
    .ifr1tri_mid { float: right; width: 75%; margin-top: 20px; }
    .ifr2list .vidimg {  height: 525px;}

    .iframe3 { float: left; width: 100%;}
    .ifr3top_left { float: left;}
    .ifr3midd .btn { display: none; }
    .ifr4lld {height:620px; }



    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 80%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
}
@media(min-width:1860px) {
    .ifr3midd .btn { display: none; }

    .ifr4bott .item { float: left; width: 100%; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #dee1e6; }
    .ifr4bott .item .plp { float: left; width: 45%; display: flex; flex-flow: column; }
    .ifr4bott .item .plp strong { color: #009b4c; }
    .ifr4bott .item .plp span { font-size: 0.32rem; font-weight: bold; margin-top: 20px; color: #009b4c }
    .ifr4bott .item .plp p { width: 80%; margin-top: 25px; color: #666666; }


    .ifr4bott .item .prp { float: right; width: 50%; overflow: hidden; border-radius: 20px; }
    .ifr4bott .item .prp img { border-radius: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .ifr4bott .item:hover .prp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .ifr4bott .item:nth-child(3) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; margin-right: 20px; }
    .ifr4bott .item:nth-child(3) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(3) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(3) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
    .ifr4bott .item:nth-child(4) { float: left; width: calc((100% - 20px)/2); padding-top: 35px; padding-bottom: 35px; border-bottom: 0px; }
    .ifr4bott .item:nth-child(4) a { display: flex; flex-flow: wrap; }
    .ifr4bott .item:nth-child(4) .plp { float: left; width: 100%; display: flex; flex-flow: column; order: 2; margin-top: 45px; }
    .ifr4bott .item:nth-child(4) .prp { float: left; width: 100%; overflow: hidden; border-radius: 20px; order: 1; }
}




.bloggd { display:none;}
.indgd { display:none;}