.pc-no {display:none;}

.sec1 .sec1_slide{width:100%; height:100%; overflow: hidden;}
.sec1 .sec1_slide .container{max-width:1400px; width:100%; height:100%; margin:0 auto; position: relative;  display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.sec1 .sec1_slide .content{ width:100%; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; justify-content: center; position: relative;}
.sec1 .text_box{width:100%;}
.sec1 .text_group{overflow: hidden; padding:5px;}
.sec1 .text_group > div{position: relative; display: inline-block;padding:2%;}
.sec1 .text_group > div::before{position: absolute; left:0; bottom:-2px; width:0; height:113px; background:#1caf49; content:'';}
.sec1 .text_group span{vertical-align: baseline; font-size:60px; font-weight: 500; color:#fff; position: relative; top:70px; transition: all .3s ease; margin-left:-4px;}
.sec1 .slide1.swiper-slide-active  h2{opacity: 0; animation: text_fade1 2s forwards; animation-delay: 3400ms; animation-timing-function:ease;}
.sec1 .slide2.swiper-slide-active  h2{opacity: 0; animation: text_fade1 2s forwards; animation-delay: 3400ms; animation-timing-function:ease;}

.sec1 .swiper-slide-active .text_group span{animation: text_move_1 1s linear forwards;  animation-timing-function:ease-in-out; top:70px; opacity: 0;}
.sec1 .slide1 h2{font-size:85px; font-weight: 600; color:#1caf49;}
.sec1 .slide2 h2{font-size:85px; font-weight: 600; color:#1caf49;}
.sec1 .sec1_slide .swiper-slide-active .text_group > div::before{animation: text_group_line 1s linear forwards; animation-timing-function:ease;}
.sec1 .sec1_slide .slide1 .text_group:nth-child(1) > div::before{animation-delay: 1700ms;}
.sec1 .sec1_slide .slide2 .text_group:nth-child(1) > div::before{animation-delay: 1300ms;}

.sec1 .slide1 h2{display: flex; display: -ms-flex; display: -webkit-flex; align-items: flex-end; opacity: 0; margin-top:20px;}
.sec1 .slide1.swiper-slide-active h2 {opacity: 0; animation: text_fade2 2s forwards; animation-delay: 3000ms; animation-timing-function:ease;}
.sec1 .slide1 h2 span:nth-child(1){font-size:85px; font-weight: 600; color:#1caf49; position: relative;}


.sec1 .slide2 h2{display: flex; display: -ms-flex; display: -webkit-flex; align-items: flex-end; opacity: 0; margin-top:20px;}
.sec1 .slide2.swiper-slide-active h2 {opacity: 0; animation: text_fade2 2s forwards; animation-delay: 3000ms; animation-timing-function:ease;}
.sec1 .slide2 h2 span:nth-child(1){font-size:85px; font-weight: 600; color:#1caf49; position: relative;}

@keyframes text_fade1 { from{opacity: 0;} to{opacity: 1;} }
@keyframes text_fade2 { from{opacity: 0;} to{opacity: 1;} }
@keyframes text_group_line { from{width:0;} to{width:100%;} }
@keyframes text_move_1 { 0%{top:70px; opacity: 0;} 50%{top:-10px;} 100%{top:0; opacity: 1;} }
.next_box{width:220px; height:24px; position: relative; margin-top:80px;}
.next_box .inner{width:100%; height:100%; position: relative;}
.next_box .next{width:24px; height:24px; position: absolute; position: absolute; right:0; top:50%; transform: translateY(-50%); cursor: pointer; background:url(../images/pagination-right.png) no-repeat center / 100%; opacity: .5; transition: all .3s ease; margin:0;}
.next_box .prev{width:24px; height:24px; position: absolute; left:0; top:50%; transform: translateY(-50%); cursor: pointer; background:url(../images/pagination-left.png) no-repeat center / 100%; opacity: .5; transition: all .3s ease; margin:0;}
.next_box .next:hover{opacity: 1;}
.next_box .prev:hover{opacity: 1;}
.sec-pagination{margin-left:24px;}
.swiper-pagination-bullet{position: relative; opacity: .5 !important; background:none; width:24px; height:24px; border-radius: 0; transition: all .3s ease;}
.swiper-pagination-bullet:nth-child(1)::after{position: absolute; content:'1'; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff;}
.swiper-pagination-bullet:nth-child(2)::after{position: absolute; content:'2'; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff;}
.swiper-pagination-bullet:nth-child(3)::after{position: absolute; content:'3'; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff;}
.swiper-pagination-bullet-active{margin-right:120px; transition: all .3s ease; opacity: 1 !important;}
.swiper-pagination-bullet-active::before{position: absolute; content:''; left:calc(100% + 10px); top:50%; transform: translate(0,-50%); width:0; height:2px; background:#fff; transition: all .3s ease; animation: bar 6500ms linear forwards;}
@keyframes bar { from{width:0;} to{width:100px;} }
.sec1 .slide1{background:url(../images/slide1.jpg) no-repeat center / cover}
.sec1 .slide2{background:url(../images/slide2.jpg) no-repeat center / cover}
.sec1 .scroll{position: absolute; left:50%; bottom:60px; transform: translate(-50%,0); z-index: 100; text-align: center;}
.sec1 .scroll i{width:33px; height:71px; position: relative; display: block;}
.sec1 .scroll i::after{position: absolute; left:50%; bottom:-30px; transform: translate(-50%,0); content:'Scroll'; color:rgba(255, 255, 255, .5);}
.sec1 .scroll{animation: scroll 2000ms linear infinite forwards; }
@keyframes scroll { 0%{transform: translate(-50%,0);} 50%{transform: translate(-50%,-10px);} 100%{transform: translate(-50%,0);} }
.sec1 .slide1.swiper-slide-active{animation: bg_size 10s linear forwards; animation-timing-function:ease;}
.sec1 .slide2.swiper-slide-active{animation: bg_size 10s linear forwards; animation-timing-function:ease;}
@keyframes bg_size { from{background-size:100%;} to{background-size:120%;} }
@media(max-width:1400px){
    .sec1 .sec1_slide .container{padding:0 20px; background: rgba(0, 0, 0, .3);}
    .sec1 .text_group span{font-size:50px;}
    .sec1 .slide1 h2 span{font-size:50px;}
    .sec1 .slide2 h2 span{font-size:50px;}
    .sec1 .slide1 h2 span:nth-child(1){font-size:50px;}
    .sec1 .slide2 h2 span:nth-child(1){font-size:50px;}
    @keyframes bg_size { from{background-size:cover;} to{background-size:cover;} }
}

@media (max-width:1300px) {
    .sec2 .sec2_slide .swiper-slide{padding:50px 40px;}
}

@media(max-width:768px){
    .sec1, .sec1 .fp-tableCell{height:700px !important;}
    .sec1 .text_group span{font-size:22px;}
    .sec1 .slide1 h2{font-size:36px;}
    .sec1 .slide2 h2{font-size:36px;}

}

@media (max-width:460px) {
    .sec1 .text_group > div::before{height:40px;margin-left:-2px;}
    .sec1 .slide1 h2{font-size:36px; color:#FFF;}
    .sec1 .slide2 h2{font-size:36px; color:#FFF;}
}

@media(max-width:425px){
    .sec1 .text_group{text-align: center;}
    .next_box{margin:80px auto 0;}
    .sec1 .slide1.swiper-slide h2{text-align: center; justify-content: center; color:#FFF;}
    .sec1 .slide2.swiper-slide h2{text-align: center; justify-content: center; color:#FFF;}
    .sec1 .slide1 h2 span:nth-child(1){font-size:27px; color:#FFF;}
    .sec1 .slide2 h2 span:nth-child(1){font-size:27px; color:#FFF;}
}

@media (max-width:375px) {
    .sec1 .slide1 h2 span:nth-child(1){font-size:27px;}
    .sec1 .slide2 h2 span:nth-child(1){font-size:27px;}
}


/* section2 */
.sec2{background:url(../images/sec2_bg.png) no-repeat bottom center / cover; position: relative; z-index: 1; overflow: hidden; padding:0 !important;}
.sec2::before{position: absolute; left:50%; top:-40px; transform: translate(-50%,0); content:''; width:733px; height:147px; background:url(../images/sec2_bef.png) no-repeat center / 100%; z-index: 0;}
.sec2 > .container{width:100%; height:100%; padding:160px 0 0; position: relative; z-index: 1;}
.main_title1{font-size:60px; font-family: 'Montserrat'; font-weight: 700;}
.sec2 .main_title1{text-align: center; color:#95bf0a; margin-top:40px;}
.sec2 .tab_menu{display: flex; display: -ms-flex; display: -webkit-flex; width:100%; justify-content: center; margin-top: 20px;}
.sec2 .tab_menu ul{display: flex; display: -ms-flex; display: -webkit-flex;}
.sec2 .tab_menu ul li{position: relative; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; margin:0 20px;}
.sec2 .tab_menu ul li a::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; background:#261f1c; border-radius: 100px; opacity: 0; transition: all .3s ease; z-index: -1;}
.sec2 .tab_menu ul li a:hover::before{opacity: 1;}
.sec2 .tab_menu ul li a.on::before{opacity: 1;}
.sec2 .tab_menu ul li::after{position: absolute; left:calc(100% + 20px); top:50%; transform: translate(-50%,-50%); content:''; width:6px; height:6px; background:#261f1c; border-radius: 50%;}
.sec2 .tab_menu ul li a{ font-size:30px; font-weight: 500; padding: 15px 40px; display: block; text-align: center; color:#89b200; position: relative; z-index: 1; transition: all .3s ease; z-index: 10;}
.sec2 .tab_menu ul li a i{display: inline-block; width:35px; height:33px; background:url(../images/tab_menu_img1.png) no-repeat center / 100%; margin-right:10px;}
.sec2 .tab_menu ul li:hover a{color:#fff;}
.sec2 .tab_menu ul li a.on{color:#fff;}
.sec2 .tab_menu ul li:nth-child(3):after{display: none;}
.sec2 .tab_menu ul li:last-child::before{display: none;}
.sec2 .tab_menu ul li:last-child:after{display: none;}
.sec2 .tab_menu ul li.more{margin-left:40px;}
.sec2 .tab_menu ul li.more a{padding:0; width:42px; height:42px; border-radius: 50%; background:#261f1c; position: relative; color:#89b200;}
.sec2 .tab_menu ul li.more a::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:18px; height:2px; background:#fff; z-index: 5; opacity: 1;}
.sec2 .tab_menu ul li.more a::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:2px; height:18px; background:#fff; }
.sec2 .tab_menu ul li.more a > span > span{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(0deg); content:''; width:75px; height:75px; border-radius: 50%; border:2px solid transparent; border-top:2px solid #261f1c; border-right:2px solid #261f1c; border-bottom:2px solid #261f1c; animation: spin 3000ms linear infinite ;}
@keyframes spin { from{transform: translate(-50%,-50%) rotate(0deg);} to{transform: translate(-50%,-50%) rotate(360deg);} }
.sec2 .tab_box{width:100%; margin:60px auto 0;}
.sec2 .sec2_slide{width:100%; height:auto;}
.sec2 .sec2_slide .swiper-slide{transition: all .3s ease; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column;  box-sizing: border-box; padding:50px 40px;}
.sec2 .sec2_slide .swiper-slide .img_box{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; position: relative;}
.sec2 .sec2_slide .swiper-slide .img_box img{max-width: 250px; width:100%;}
.sec2 .sec2_slide .swiper-slide .more_btn{text-align: center; display: block; transform: translateY(25px); display: none;}
.sec2 .sec2_slide .swiper-slide .bottom_btn{display: none; transform: translateY(50%); position: relative; width:100%; opacity: 0; z-index: 20000;}
.sec2 .sec2_next{position: absolute; right:0; top:50%; transform: translate(0,-50%); content:''; width:32px; height:32px; background:url(../images/sec2_next.png) no-repeat center / 100%; z-index: 100;}
.sec2 .sec2_prev{position: absolute; left:0; top:50%; transform: translate(0,-50%); content:''; width:32px; height:32px; background:url(../images/sec2_prev.png) no-repeat center / 100%; z-index: 100;}
.sec2 .sec2_slide .swiper-slide .bottom_btn span{width:42px; height:42px; content:''; display: block; margin:0 auto; background:url(../images/sec2_more.png) no-repeat center / 100%; cursor: pointer;}
.sec2 .sec2_slide .swiper-slide-active .bottom_btn{animation: sec2_bottom_btn 1s linear forwards; animation-timing-function:ease; display: block;}
@keyframes sec2_bottom_btn { from{opacity: 0;} to{opacity: 1;} }
.sec2 .sec2_slide .swiper-slide-active{background:#fff; transform: scale(1.1); position: relative; z-index: 1; box-shadow: 15px 15px 30px rgba(0, 0, 0, .2); border-radius: 40px;}
.sec2 .sec2_slide .swiper-slide-active .more_btn{opacity: 1; display: block;}

.products .list_view {position: absolute !important; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100vh; background:#000; z-index: 50000; display: none;}
.products .list_view .contaienr{padding:0 !important;}
.products .list_view .content{max-width:1100px; width:100%; margin:0 auto; background:#fff; padding:60px; position: relative; top:50%; transform: translateY(-50%); box-shadow: 15px 15px 30px rgba(0, 0, 0, .2); border-radius: 30px;}
.products .list_view .swiper{overflow: hidden;}
.products_slide-next{position: absolute; left:calc(100% + 40px); top:50%; transform: translate(0,-50%); content:''; width:85px; height:23px; background:url(./images/0201_next.png) no-repeat center / 100%; cursor: pointer; transition: all .3s ease;}
.products_slide-next:hover{left:calc(100% + 50px);}
.products_slide-prev{position: absolute; right:calc(100% + 40px); top:50%; transform: translate(0,-50%); content:''; width:85px; height:23px; background:url(./images/0201_prev.png) no-repeat center / 100%; cursor: pointer; transition: all .3s ease;}
.products_slide-prev:hover{right:calc(100% + 50px)}
.products .list_view .swiper-slide .item_group{display: flex; display: -ms-flex; display: -webkit-flex;}
.products .list_view .swiper-slide .img_box{margin-right:60px;}
.products .list_view .swiper-slide .info h2{font-size:46px; font-weight: 700; color:#261f1c; margin-bottom:30px; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.products .list_view .swiper-slide .info h2 i{margin-right:20px;}
.products .list_view .swiper-slide .info ul {display: flex; display: -ms-flex; display: -webkit-flex; margin:0 -5px 40px; border-bottom:1px solid #dee3d0;}
.products .list_view .swiper-slide .info ul li{width:calc(25% - 10px); margin:0 5px;}
.products .list_view .swiper-slide .info > p {color:#7baf2b; text-align: right; font-size:16px;}
.products .list_view .swiper-slide .info ul li h3 span{font-size:16px; font-weight: 500; color:#4e7a0a; padding:5px; border-radius: 50px; background:#dee3d0; display: block; text-align: center;}
.products .list_view .swiper-slide .info ul li .icon{display: block; border-bottom:1px solid #dee3d0; margin-bottom:20px;}
.products .list_view .swiper-slide .info ul li .icon img{position: relative; left:50%; transform: translate(-50%,0); padding:40px 0;}
.products .list_view .swiper-slide .info ul li p{line-height: 1.4; font-weight: 500; padding:0 5px; text-align: center; margin-bottom:30px;}
.products .list_view .close{position: absolute; left:50%; top:calc(100% + 20px); transform: translateX(-50%); cursor: pointer; width:90px; height:90px; border-radius: 30px; background:#ffd200; box-shadow: 15px 15px 30px rgba(0, 0, 0, .2);}
.products .list_view .close > div{transition: all 1000ms ease; transform-origin: center; width:100%; height:100%;}
.products .list_view .close > div::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:50%; height:2px;  border-radius: 10px; background:#000;}
.products .list_view .close > div::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:50%; height:2px;  border-radius: 10px; background:#000;}
.products .list_view .close:hover > div{transform: rotate(180deg);}
.sec2 .container{padding:120px 0;}


@media (max-width:1400px) {
    .sec2 .main_title1{font-size:50px;}
    .sec2 .tab_menu ul li a{font-size:24px !important;}
}

@media(max-width:1024px){
    .sec2 .main_title1{font-size:45px;}
    .sec2, .sec2 .fp-tableCell{height:auto !important;}
    .sec2 .tab_menu ul{width:100%; justify-content: center;}
    .sec2 .tab_menu ul li{justify-content: center;}
    .sec2 .tab_menu ul li a{font-size:20px !important; padding:10px 25px !important;}
    .sec2 .tab_menu ul li.more{display: none;}
    .sec2 .container{padding:120px 0;}
    .sec2 .tab_menu ul li a i {display: inline-block !important;}
}

@media(max-width:768px){
    .sec2 .main_title1{font-size:40px;}
    .sec2::before{top:0;}
    /* .sec2 .container{padding:140px 0 160px;} */
    /* .sec2 .tab_box{margin-top:100px;} */
    .sec2 .sec2_slide .swiper-slide{padding:50px 30px; border-radius: 20px;}
    .sec2::before{position: absolute; left:50%; top:-40px; transform: translate(-50%,0); content:''; width:96%; height:140px; background:url(../images/sec2_bef.png) no-repeat center / 100%; z-index: 0;}

}

@media (max-width:620px) {
    .sec2 .tab_menu ul li{width:30%; margin:0 0 20px;}
    .sec2 .tab_menu ul li::after{display: none;}
    .sec2 .sec2_slide .swiper-slide{padding:0;}
    .sec2 .sec2_slide .swiper-slide-active{padding:40px 20px; transform: scale(1.3);}
    .sec2 .container{padding:100px 0 160px;}
    .products .tab_menu ul li a i {width: 30px !important;}
}

@media (max-width:500px) {
    .sec2, .sec2 .fp-tableCell{height:850px !important;}
    .sec2 .sec2_slide .swiper-slide-active{padding:0; transform: scale(1); background:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);}
    .sec2 .sec2_slide .swiper-slide{justify-content: center; align-items: center; border-radius: 0;}
    .sec2 .sec2_slide .swiper-slide .img_box{position: relative; max-width:256px;}
    .sec2 .sec2_slide .swiper-slide .img_box::after{transition: all .8s ease; opacity: 0;}
    .sec2 .sec2_slide .swiper-slide-active .img_box::after{position: absolute; left:50%; top:-40px; transform: translate(-50%,0); content:''; background:#fff; width:calc(100% + 60px); height:calc(100% + 120px); z-index: -1; opacity: 1; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); border-radius: 20px;}
    .sec2 .sec2_next{right:calc(50% - 80px); width:27px; height:27px;}
    .sec2 .sec2_prev{left:calc(50% - 80px); width:27px; height:27px;}
    .sec2 .tab_box{margin-top:60px;}
    .sec2 .tab_menu ul li a{font-size:18px !important; padding:10px 15px !important;}
    .sec2 .container{padding:0 0 60px;}
    .sec2 .main_title1 {margin-top: 0;}
}
@media (max-width:400px) {
    .sec2 .tab_menu ul li a i{display: none !important;}
    .sec2 .tab_menu ul li a.on {width: 100% !important;}

}
@media (max-width:365px) {
	.sec1 .text_box{}
    .sec1 .slide1 h2 span:nth-child(1){margin-left:-7px}
    .sec1 .slide2 h2 span:nth-child(1){margin-left:-7px}
    .sec2 .main_title1{font-size:36px;}
    .sec2 .tab_menu ul li a.on {width: 100% !important;}

}

@media(max-width:340px){
    .sec2 .sec2_slide .swiper-slide-active .img_box{padding:0 20px;}
    .sec2 .sec2_slide .swiper-slide-active .img_box::after{width:calc(100% + 30px);}
    .sec2, .sec2 .fp-tableCell{height:820px !important;}
}

/* section3 */
.sec3 .container{width:100%; height:100%; display: flex; display: -ms-flex; display: -webkit-flex;}
.sec3 .content_left{width:50%; padding-left:80px; padding-top:140px; padding-right:60px; background:url(../images/sec3_left_bg.jpg) no-repeat center / cover;}
.sec3 .content_left .title_group:nth-child(1){margin-bottom:40px;}
.sec3 .content_left .title_group:nth-child(1) h2{font-family: 'Montserrat'; font-size:55px; font-weight: 700; color:#27b251;padding-bottom:30px;}
.sec3 .content_left .title_group:nth-child(1) p{font-family: 'Montserrat'; font-size:20px; font-weight: 300; color:#a3a799; line-height:29px;}
.sec3 .content_left .title_group:nth-child(2){margin-bottom:40px;}
.sec3 .content_left .title_group:nth-child(2) .logo{margin-bottom:10px;}
.sec3 .content_left .title_group:nth-child(2) p{font-size:20px; font-weight: 500; color:#3d7944; line-height: 1.9;}
.sec3 .content_left .img_box{margin-bottom:40px;}
.sec3 .content_left .more{width:100%; display: flex; display: -ms-flex; display: -webkit-flex; justify-content: flex-end;}
.sec3 .content_left .more .btn_type1{padding:10px 35px; font-size:16px; font-weight: 600; background:#fff; border-radius: 100px; border:2px solid #27b251; color:#27b251;}
.sec3 .content_left .more .btn_type1 span{margin-right:30px;}
.sec3 .content_right{display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; padding:120px 45px 0 110px; position: relative; width:50%; background:#f5f7f0;}
.sec3 .content_right .title_group{width:100%; padding-bottom:160px; position: relative; z-index: 1;}
/*.sec3 .content_right .title_group::before{position: absolute; right:-45px; top:-50px; content: ''; width:370px; height:258px; background:url(../images/sec3_right_top_item.png) no-repeat center / 100%; z-index: -1;}*/
.sec3 .content_right .title_group h2{font-family: 'Montserrat'; font-size:75px; margin-bottom:10px; font-weight: 700; color:#27b251;}
.sec3 .content_right .title_group p{font-size:21px; font-weight: 300; color:#1c1c1c; line-height: 1.4;}
.sec3 .content_right .swiper{overflow: hidden; position: relative; padding-bottom:150px; z-index: 1;}
.sec3 .content_right .swiper .swiper-slide .top{display: block; width:100%; font-size:20px; font-weight: 600; color:#fff; padding:5px; text-align: center; border-radius: 100px;}
.sec3 .content_right .swiper .swiper-slide .catecory_type1{ background:#27b251;}
.sec3 .content_right .swiper .swiper-slide .catecory_type2{ background:#27b251;}
.sec3 .content_right .swiper .swiper-slide h3{font-size:20px; font-weight: 600; color:#5c514b; padding:30px 0; max-width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; border-bottom:1px solid #bab4a5;}
.sec3 .content_right .swiper .swiper-slide p{max-width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; margin:10px 0; font-size:20px; font-weight: 300; color:#433524;}
.sec3 .content_right .swiper .swiper-slide .day{font-size:16px; font-family: 'Montserrat'; color:#433524;}
.sec3_next{position: absolute; right:112px; bottom:0; content:''; width:92px; height:25px;  background:url(../images/sec3_prev.png) no-repeat center / 100%; cursor: pointer;}
.sec3_prev{position: absolute; right:0; bottom:0; content:''; width:92px; height:25px; background:url(../images/sec3_next.png) no-repeat center / 100%; cursor: pointer;}
.sec3 .content_left iframe {height:400px;}
@media(max-width:1440px){
    .sec3 .content_left{padding:120px 40px 80px;}
    .sec3 .content_right{padding:120px 40px 80px;}
    .sec3 .content_right .title_group{padding-bottom:80px;}
    .sec3 .content_left .title_group:nth-child(1) h2{font-size:65px;}
    .sec3 .content_right .title_group h2{font-size:65px;}
    .sec3 .content_right .title_group::before{width:400px; height:300px;}
    .sec3 .content_right .swiper .swiper-slide h3{font-size:20px; padding:0; margin:20px 0 0px; position: relative; border:0;}
    .sec3 .content_right .swiper .swiper-slide p{font-size:17px;}
    .sec3 .content_left .img_box{margin-bottom:60px;}
    .sec3 .content_left .img_box img{max-width:200px;}
    .sec3 .content_left .more{justify-content: flex-start;}
    .sec3_next, .sec3_prev{width:72px; height:20px;}
}

@media(max-width:1024px){
.sec3, .sec3 .fp-tableCell{height:auto !important;}
.sec3 .content_right .title_group::before{right:calc(-35% - 40px);}
.sec3 .content_left .title_group:nth-child(1) h2{font-size:45px; margin-bottom:10px;}
.sec3 .content_right .title_group h2{font-size:45px;}
.sec3 .content_right .title_group p{font-size:16px;}
.sec3 .content_left .title_group:nth-child(1) p{font-size:16px;}
}

@media(max-width:768px){
    .sec3 .content_left{padding:120px 20px 60px;}
    .sec3 .content_left .title_group:nth-child(2){display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; align-items: center;}
    .sec3 .content_left .title_group:nth-child(2) .logo{max-width:175px; text-align: center;}
    .sec3 .content_left .title_group:nth-child(2) p{font-size:16px; text-align: center;}
    .sec3 .content_right .title_group h2{font-size:40px;}
    .sec3 .content_left .title_group:nth-child(1) h2{font-size:40px; margin-bottom:10px;}
    .sec3 .content_right{padding:120px 20px 60px;}
    .sec3 .content_right .swiper{padding-bottom:170px;}
    .sec3 .content_right .swiper .swiper-slide .top{font-size:16px; max-width:150px;}
    .sec3 .content_left .img_box{text-align: center;}
    .sec3 .content_left .more .btn_type1{padding:10px 15px;}
    .sec3 .content_left .more .btn_type1 i img{width:72px; height:20px;}
    .sec3 .content_left .title_group:nth-child(1) h2{text-align: center;}
    .sec3 .content_left .title_group:nth-child(1) p{text-align: center;}
    .sec3 .content_left .more{justify-content: center;}
    .sec3_next, .sec3_prev{left:0;}
    .sec3_prev {left:100px;}
    .sec3 .content_right .title_group::before{opacity: .3;}
    .sec3 .content_left .img_box img{max-width:160px;}
    .sec3 .content_right .swiper{padding-bottom:140px;}
    .sec3 .content_right .title_group{padding-bottom:30px;}
    .sec3 .content_right .swiper .swiper-slide h3{font-size:16px;}
    .sec3 .content_right .swiper .swiper-slide p{font-size:14px;}
}

@media (max-width:600px) {
    .sec3 .content_left .title_group:nth-child(2) .logo{max-width:150px; text-align: center;}
    .sec3 .container{flex-direction: column;}
    .sec3 .content_left{width:100%; padding: 60px 20px 60px ;}
    .sec3 .content_right{width:100%; padding-top:60px;}
    .sec3 .content_right .title_group h2{text-align: center;}
    .sec3 .content_right .title_group p{text-align: center;}
    .sec3 .content_right .title_group p br{display: none;}
    .sec3 .content_right .swiper{padding-bottom:80px;}
    .sec3_next{position: absolute;  transform: translate(-100%,0); left:calc(50% - 20px);}
    .sec3_prev{position: absolute;  transform: translate(100%,0); right:calc(50% - 20px); left:auto;}
}

@media(max-width:375px){
    .sec3 .content_right .title_group h2{font-size:36px;}
    .sec3 .content_left .title_group:nth-child(1) h2{font-size:36px; margin-bottom:10px;}
    .sec3 .content_left .title_group:nth-child(2) .logo{max-width:120px; text-align: center;}
    .sec3 .content_right .swiper .swiper-slide .top{margin:0 auto;}
    .sec3 .content_right .swiper .swiper-slide h3{text-align: center;}
    .sec3 .content_right .swiper .swiper-slide p{text-align: center;}
    .sec3 .content_right .swiper .swiper-slide .day{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center;}
    .sec3 .content_left .title_group:nth-child(2) .logo{max-width:150px;}
	.sec3 .content_left iframe {height:200px;}
}


/* section4 */
.sec4{background:url(../images/sec4_bg.jpg) no-repeat center / cover;}
.sec4 .container{max-width:1400px; width:100%; margin:0 auto; padding:50px; background:rgba(255, 255, 255, .2); backdrop-filter: blur(7px);}
.sec4 .content_group{padding:80px; border:1px solid rgba(255, 255, 255, .35);; width:100%; display: flex; display: -ms-flex; display: -webkit-flex;}
.sec4 .content_left{width:50%;}
.sec4 .main_title1 {color:#fcc600; margin-bottom:40px; font-size:85px;}
.sec4 p{font-size:18px; font-weight: 300; color:#fff; margin-bottom:20px; line-height: 1.3;}
.sec4 p:last-child{margin:0; font-weight: 500; font-size:24px;line-height: 1.6;}
.sec4 p:last-child b{font-size:20px; font-weight: 600;}
.sec4 .content_right{width:50%; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: center;}
.sec4 .content_right ul{ display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center;}
.sec4 .content_right ul li{width:222px; height:130px; display: block; background:#fff; margin:5px; overflow: hidden; box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);}
/*
.sec4 .content_right ul li:nth-child(1){border-radius: 50% 50% 0 50%;}
.sec4 .content_right ul li:nth-child(2){border-radius: 50% 50% 50% 0;}
.sec4 .content_right ul li:nth-child(3){border-radius: 50% 0 50% 50%;}
.sec4 .content_right ul li:nth-child(4){border-radius: 0 50% 50% 50%;}
*/
.sec4 .content_right ul li a{width:100%; height:100%; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: flex-end; font-size: 20px; font-weight: 500; color:#49332a; transition: all .3s ease; background:#fff; padding-bottom:10px;}
.sec4 .content_right ul li:hover a{color:#fff; background:#86bc24;}
.sec4 .content_right ul li a i{margin-bottom:10px; text-align: center;}

@media(max-width:1440px){
    .sec4 .content_group{padding:40px;}
    .sec4 .main_title1{font-size:75px;}
}

@media (max-width:1110px) {
    .sec4 .content_left{width:40%;}
    .sec4 .content_right{width:60%;}
}

@media(max-width:1024px){
    .sec4, .sec4 .fp-tableCell{height:auto !important;}
    .sec4 .container{margin:20px auto;}
    .sec4 .main_title1{font-size:55px;}
    .sec4 p{font-size:16px;}
    .sec4 p:last-child{font-size:20px;}
    .sec4 .content_right ul li{width:192px; height:185px;}
    .sec4 .content_right ul li a{padding-bottom:40px;}
    .sec4 .content_right ul li:nth-child(3) a, .sec4 .content_right ul li:nth-child(4) a{padding-top:40px;}
    .sec4 .content_right ul li a{font-size:16px;}
    .sec4 .content_right ul li a i{margin-bottom:20px;}
    .sec4 .content_right ul li a i img{max-width:80%;}
    .sec4 .content_right ul li:nth-child(3) a i, .sec4 .content_right ul li:nth-child(4) a i{margin-top:20px;}
}

@media (max-width:860px) {
    .sec4 .container{width:95%;}
    .sec4 .content_left{width:35%;}
    .sec4 .content_right{width:65%;}
    .sec4 .main_title1{font-size:45px;}
    .sec4 p:last-child{font-size:16px;}
    .sec4 .content_right ul li{width:172px; height:175px;}
}

@media(max-width:785px){
    .sec4 .content_group{flex-direction: column;}
    .sec4 .content_left{width:97.5%; padding-bottom:5px;margin:0 auto;}
    .sec4 .content_right{width:100%;}
    .sec4 .content_right ul li{width:222px; height:215px;}
    .sec4 .content_right ul li a i{margin-bottom:30px; text-align: center;}
    .sec4 .content_right ul li a{width:100%; height:100%; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: flex-end; font-size: 20px; font-weight: 500; color:#49332a; transition: all .3s ease; background:#fff; padding-bottom:50px;}
    .sec4 .main_title1{text-align: center; font-size: 40px;}
    .sec4 .main_title1 br{display: none;}
    .sec4 p{text-align: center;}
    .sec4{position: relative; z-index: 1;}
    .sec4::after {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; background:#000; z-index: -1; opacity: .2;}
}

@media (max-width:680px) {
    .sec4 .content_right ul li{width:192px; height:185px;}
    .sec4 .content_right ul li a{padding-bottom:40px;}
    .sec4 .content_right ul li:nth-child(3) a, .sec4 .content_right ul li:nth-child(4) a{padding-top:40px;}
    .sec4 .content_right ul li a{font-size:16px;}
    .sec4 .content_right ul li a i{margin-bottom:20px;}
    .sec4 .content_right ul li a i img{max-width:80%;}
    .sec4 .content_right ul li:nth-child(3) a i, .sec4 .content_right ul li:nth-child(4) a i{margin-top:20px;}
}

@media (max-width:620px) {
    .sec4 .container{padding:40px;}
    .sec4 .content_group{padding:20px;}
    .sec4 .content_right ul li{width:calc(50% - 10px); height:170px;}

}

@media (max-width:450px) {
    .sec4 .content_right ul li{height:150px;}
    .sec4 .content_right ul li a{padding-bottom:30px;}
    .sec4 .content_right ul li:nth-child(3) a, .sec4 .content_right ul li:nth-child(4) a{padding-top:30px;}
    .sec4 .main_title1{ font-size: 26px;}

}

@media(max-width:400px){
    .sec4 .content_left{margin-bottom:0px;width:94%; }
    .sec4 .content_left iframe {height:200px;}
    .sec4 .content_right ul li{width:44%; }
    .sec4 .content_right ul li a{padding:0; padding:10px !important;}

}

.products .tab_menu{padding:0 20px;}
.products .tab_menu ul li a::before{display: none;}
.products .tab_menu ul li:last-child a::before{display: block;}
.products .tab_menu ul li a{border-radius: 100px;}
.products .tab_menu ul li a.on{background:#000;}
.products .tab_menu ul li:hover a {color:#000 !important;}
.products .tab_menu ul li:hover a.on{color:#fff !important;}


.sec2 .products .list_view .edit{}

    
 
@media (max-width:1024px) {
    #sec2 .products .list_view .edit{height:60px; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: center; position: absolute; left:calc(50% + 80px); top:50%; transform: translate(-50%,-50%); content:''; border-radius: 20px;}
    }