/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1700px){
	.wapper{
		width: 1700px !important;
		margin: 0 auto;
	}
}

:root {
    --main-color: #45b035;
    --primary-color: #45b035;
    --font-color: #666;
    --main-white: #fff;
    --main-color-white: #fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


/* 导航 */
.headerbox {
    
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
}
.headerbox .header{display: flex;align-items: center;justify-content: space-between;height: 80px;}
.headerbox.curr{background-color: #fff;}
.headerbox.is-scroll{transform: translateY(-100%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97), transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);}
.logo{display: flex;align-items: center;justify-content: center;font-size: 0;}
    .logo img {
        max-height: 75px;
    }
.headerbox .header .menu ul{display: flex;align-items: center;}
.headerbox .header .menu ul li{
	position: relative;
	padding: 0 30px;
}
.headerbox .header .menu ul li a{
	font-size: 18px;
    line-height: 80px;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
}
.headerbox.curr .header .menu ul li a{color: #333;}
.headerbox .header .menu>ul>li>a:after{position: absolute;left: 0;bottom: 0;width: 100%;transition: all 0.5s;background-color: #45b035;height: 4px;}
.headerbox .header .menu>ul>li:hover>a:after{content: "";}
.headerbox .header .menu ul li .sub_menu{
	width: max-content;
    position: absolute;
    top: 140%;
    
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li:hover > dl {
    opacity: 1;
    visibility: visible;
    top: 100%;
	
}

.headerbox .header .menu ul li dd {
    position: relative;
    display: block;
	text-align: center;
	transition: all 400ms ease;
}
.headerbox .header .menu dl dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu dl dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;
	
}
.headerbox .header .menu ul li dl dd a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    text-align: left;
    display: block;
    padding: 15px 25px 15px 25px;
    position: relative;
    text-decoration: none;
    outline: none;
	text-align: center;
    text-transform: none;
    transition: all 400ms ease;
    border-bottom: 1px solid #f4f4f4;
}
.headerbox .header .menu ul li dl dd:hover{
    background-color: var(--primary-color);
}
.headerbox .header .menu ul li dl dd:hover>a{color: #fff;}

.headerbox.curr .f_s_btn i{color: #333;}
.f_s_btn{position: relative;}
.f_s_btn i{font-size: 20px;color: #fff;cursor: pointer;line-height: 80px;}
.f_s_btn.on i{color: var(--primary-color);}
.f_s_btn.on i:after{position: absolute;left: 0;bottom: 0;width: 100%;transition: all 0.5s;background-color: #45b035;height: 4px;content: "";}

.f_search{position: absolute;left: 0;top: 100%;width: 100%;background-color: #fff;padding: 119px 0 136px;text-align: center;background-color: #f5f5f5;display: none;}
.f_search.on{display: block;}
.f_search h1{font-size: 32px;color: #333;margin-bottom: 42px;}
.f_search form {width: 60%;display: flex;align-items: center;justify-content: center;height: 59px;margin: 0 auto;}
.f_search form .text{position: relative;width: 60%;}
.f_search form .fs_text{width: 100%;height: 59px;border: 1px solid #808080;border-right: none;color: #808080;text-indent: 40px;background: transparent;}
.f_search form i{position: absolute;left: 10px;color: #808080;top: 50%;z-index: 2;transform: translateY(-50%);z-index: 6;font-size: 20px;}
.f_search form .fs_btn{width: 163px;height: 59px;background: linear-gradient(0deg, #45b035 0%, #25C1FE 100%);cursor: pointer;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;font-size: 18px;color: #fff;}

.language{width: 60px;/*margin-top:30px;*/margin-left: 40px;}
.headerbox.curr .language a{color: #333;}
.language a{font-size: 14px;color: #fff;position: relative;line-height: 25px;opacity: 0.6;transition: all .5s;text-align: center;display: block;}
.language a.curr,.language a:hover{opacity: 1;}
.language a.curr:before{content: "";position: absolute;height: 16px;width: 3px;left: -1.5px;top: 50%;margin-top: -8px;/*background: #fff;*/opacity: 1;z-index: 2;}
.language .line{width: 19px;height: 1px;background: #fff;opacity: .5;margin: 5px auto;}

.h_right{display: flex;align-items: center;}




/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;background:var(--main-white);position:fixed;z-index:999;width:100%;display: none;top: 0;align-items: center;justify-content: space-between;}

.sp_right{display: flex;align-items: center;}
.sp_logo{height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;position:relative;cursor:pointer;height:30px;}
.sp_right .f_s_btn i{color: #333;margin-right: 20px;}
.sp_right .lan{margin-right: 20px;}
/* 横杠 */
.sp_nav 
span{display:block;background:#000000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:var(--main-white);width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--font-color);width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:var(--font-color);display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}








/* bannerbox */
.bannerbox {
    width: 100%;
    /*margin-top: 80px;*/
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide{display: block;font-size: 0;width: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.bannerbox .mySwiper1 .swiper-slide .imgbox{width: 100%;font-size: 0;}
.bannerbox .mySwiper1 .swiper-slide .imgbox img{width: 100%;}
.bannerbox .mySwiper1 .swiper-slide .text{position: absolute;top:60%;transform: translateY(-50%);width: 100%;padding: 0 80px;z-index: 7;text-align: left;}
.bannerbox .mySwiper1 .swiper-slide .text h1{font-size: 50px;color: #fff;margin-bottom: 20px;font-weight: bold;}
.bannerbox .mySwiper1 .swiper-slide .text h3{font-size: 24px;color: #fff;}
.more{width: 142px;height: 45px;color: #fff;position: relative;overflow: hidden;border-radius: 10px;transition: all .5s;border: 2px solid #fff;margin-top: 90px;display: inline-block;font-size: 16px;text-align: center;line-height: 40px;}
.more:hover{border: 2px solid var(--primary-color);background-color: var(--primary-color);color: #fff;}


.bannerbox .mySwiper1 .swiper-pagination-bullet {
	width: 34px;
    height: 4px;
    overflow: hidden;border-radius: 0;
    background-color: #fff;opacity: 1;
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background: var(--primary-color);
}

.pd50{padding: 50px 0;}
.pd80{padding: 80px 0;}

/* footer */
.footerbox{width: 100%;margin: 0 auto;}
.f_topbox {
    width: 100%;
    margin: 0 auto;
    background-color: #45b035;
}
.f_botbox {
    width: 100%;
    margin: 0 auto;
    background-color: #72b768;
}
.f_top{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_left {
    width: 65.66%;
    padding: 50px 0 60px 0px;
}
.ft_right {
    width: 34.33%;
    padding: 50px 0 60px 50px;
}
.ft_left ul{display: flex;justify-content: space-between;}
.ft_left ul li{}
.ft_left ul li h3{font-size: 18px;color: #fff;margin-bottom: 13px;}
    .ft_left ul li h3 a {
        color: #fff;
        font-weight: 900;
    }
    .ft_left ul li dl dd a {
        line-height: 2;
        color: #ffffff;
        font-size: 16px;
    }
.ft_left ul li dl dd a:hover{color: #fff;}

.ft_right .f_logo{font-size: 0;margin-bottom: 15px;}
.ft_right .f_logo img{max-width: 50%;width: auto;}
.ft_right .desc{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_right .desc .item{max-width: 50%;padding-right: 4%;margin-bottom: 8px;position: relative;}
.ft_right .desc .item .li-item{margin-bottom: 12px;}
.p1{font-size: 14px;color: #fff;line-height: 1.4;}
.p2{font-size: 14px;color: #fff;margin-top: 5px;}
.gzhbox{position: absolute;}
.gzhbox .p2{margin-bottom: 23px;}
.gzhbox img{max-width: 99px;width: auto;}

.sharebox{width: 100%;}
.shareul{display: flex;flex-wrap: wrap;margin-top: 20px;}
.shareul a{width: 34px;height: 34px;margin-right: 10px;display: block;position: relative;border-radius: 50%;}
.shareul a:hover{background-color: #fff;}
.shareul a img{width: 100%;height: 100%;object-fit: cover;}
.shareul a .wximg{position: absolute;width: 120px;height: 120px;background: #fff;left: 50%;margin-left: -60px;bottom: 2.25rem;transition: all .5s;opacity: 0;}
.shareul a .wximg img{width: 100%;height: 100%;}
.shareul a:hover .wximg{opacity: 1;}


.f_botbox{padding: 23px 0;width: 100%;margin: 0 auto;}
.f_bot{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.f_bot p{display: flex;align-items: center;font-size: 13px;color: #666;}
.f_bot p a{color: #666;display: flex;align-items: center;}
.f_bot p a img{margin-right: 5px;width: 20px;}
.f_bot p a:hover{color: #fff;}

.f_bot ul{display: flex;align-items: center;}
.f_bot ul li a{display: inline-block;padding: 0 10px;font-size: 13px;color: #666;border-right: 1px solid #666;}
.f_bot ul li:first-child a{border-right: 0;}
.f_bot ul li:last-child a{border-right: 0;}
.f_bot ul li a:hover{color: #fff;}






/* 通用内页 */
.inbannerbox{position: relative;width: 100%;margin: 0 auto;height: 50vh;background-repeat: no-repeat;background-size: cover;background-position: center;}
.inbannerbox h1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 42px;color: #fff;font-weight: bold;}
.insidebox{width: 100%;margin: 0 auto;}
.insidebox .inside{width: 100%;box-sizing: border-box;}


.mian_title{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;margin-bottom: 80px;}
.mian_title h1{padding-left: 20px;font-size: 45px;color: #000;font-weight: bold;position: relative;}
.mian_title h1:before{content: "";position: absolute;width: 8px;height: 50px;top: 50%;transform: translateY(-50%);background: linear-gradient(0deg, #45b035 0%, #45b035 100%);left: 0;}

.mian_title .r{width: 43.5%}
.mian_title p{font-size: 14px;color: #808080;line-height: 2;}

.mian_title1{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;margin-bottom: 80px;}
.mian_title1 h1{padding-left: 20px;font-size: 45px;color: #000;font-weight: bold;position: relative;margin-bottom: 34px;}
.mian_title1 h1:before{content: "";position: absolute;width: 8px;height: 50px;top: 50%;transform: translateY(-50%);background: linear-gradient(0deg, #45b035 0%, #45b035 100%);left: 0;}
.mian_title1 h3{font-size: 22px;color: #fff;font-weight: bold;}
.mian_title1 p{font-size: 17px;color: #fff;}

.m_more{color: var(--primary-color);}
.m_more:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;--m-i: linear-gradient(#fff, #fff);--m-o: content-box, padding-box;--border-radius: 10px;--border-width: 2px;box-sizing: border-box;padding: var(--border-width);border-radius: var(--border-radius);background-image: linear-gradient(0deg, #45b035, #45b035);-webkit-mask-image: var(--m-i), var(--m-i);-webkit-mask-image: var(--m-i), var(--m-i);-webkit-mask-origin: var(--m-o);-webkit-mask-origin: var(--m-o);-webkit-mask-clip: var(--m-o);-webkit-mask-composite: exclude;-webkit-mask-composite: destination-out;filter: hue-rotate(0);transition: all .5s;}

.white{color: #fff !important;}
.text-bold{font-weight: bold;}
.tit-20{font-size: 20px;}
.tit-12{font-size: 12px;}
.m-block{display: block;} 
.pc-block {display: block;}
.por {position: relative;}

.all_fixbox{position:fixed;right:0;bottom:76px;z-index:9;width:60px;}
.all_fixbox .li{margin-bottom:2px;cursor:pointer;display:block;}
.all_fixbox .li .icon{overflow: hidden;}
.all_fixbox .telbox{width:238px;height:58px;position: absolute;left:-240px;top:0;background:rgba(255,255,255,.8); border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;padding-left:.55rem;opacity:0;visibility:hidden;z-index:1;transition: all .5s;}
.all_fixbox .telbox{color:#010101;}
.all_fixbox .telbox span{color:#45b035;margin-left:5px;}
.all_fixbox .li:hover .telbox{opacity:1;visibility:visible;}

.all_fixbox .li .icon img{height:58px;width:60px;}


.a_title{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 80px;}
.a_title h1{padding-left: 20px;font-size: 45px;color: #000;font-weight: bold;position: relative;}
.a_title h1:before{content: "";position: absolute;width: 8px;height: 50px;top: 50%;transform: translateY(-50%);background: linear-gradient(0deg, #45b035 0%, #45b035 100%);left: 0;}
/* ================首页样式===================== */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;}
.index1_content{width: 100%;margin: 0 auto;}
.index1_content ul{display: flex;flex-wrap: wrap;}
.index1_content ul li{width: 33.33%;padding: 0 1%;margin-bottom: 20px;position: relative;cursor: pointer;}
.index1_content ul li .video{width: 100%;display: block;}
.index1_content ul li .video video{filter: grayscale(100%);opacity: .7;width: 100%;max-height: 269px;transform: scale(.8);transition: all .8s;}
.index1_content ul li.active .video video{filter: grayscale(0);opacity: 1;transform: scale(1.3) translate(0, -1rem);}
.index1_content ul li .dianbox{position: absolute;z-index: 3;left: 30%;top: 40%;opacity: 0.7;transition: all 0.5s;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.index1_content ul li:hover .dianbox{opacity: 1;}
.index1_content ul li .dian{width: 40px;height: 40px;margin-right: 10px;position: relative;transition: all .5s;}
.tran-middle{position: absolute;top: 50%;left: 50%;transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.f-no-s-center {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;}
.index1_content ul li .dian .dianicon{z-index: 3;width: 25.5px;height: 25.5px;transition: all .5s;}
.index1_content ul li .quan{z-index: 1;max-width: none;width: 42.5px;height: 42.5px;transform: scale(.8) translate(calc(-50% + 0.5px), calc(-50% + 0.5px));opacity: 0;transition: all .5s;}
.index1_content ul li.active .quan{transform: scale(1) translate(calc(-50% + 0.5px), calc(-50% + 0.5px));opacity: 1;}
.index1_content ul li .span{border: 2px solid #45b035;border-radius: 10px;height: 45px;padding: 0 5px 0 7px;background: #fff;transition: all .5s;height: 45px;}
.index1_content ul li.active .span{height: 55px;font-size: 24px;}
.index1_content ul li .span .txt {
    transition: all .5s;
    color: #45b035;
}
.index1_content ul li .span svg{fill: #45b035;margin-left: 7px;width: 27px;transform: scale(0);opacity: 0;transition: all .5s;height: 25.5px;}
.index1_content ul li.active .span svg{transform: scale(1);opacity: 1;}

.index1_list{width: 100%;margin: 0 auto;margin-top: 50px;}
.index1_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .index1_list ul li {
        margin-bottom: 20px;
        width: 30%;
    }
.index1_list ul li a{display: block;width: 100%;font-size: 0;position: relative;overflow: hidden;border-radius: 5px;}
.index1_list ul li a img{width: 100%;transition: all .5s;}
.index1_list ul li a span{position: absolute;left: 15px;top: 50%;transform: translate(0, -50%);z-index: 4;font-size: 18px;color: #000;}
.index1_list ul li:hover a img{transform: scale(1.1);}



.index2box{width: 100%;margin: 0 auto;position: relative;height: 100vh;}
.index2_content{position: absolute !important;left: 0;top: 0;width: 100%;height: 100%;}
.index2_content ul li{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%;display: block;padding-top: 5%;z-index: 5;position: relative;}
.index2_content ul li .mian_title1{text-align: left;max-width: 1710px;display: block;margin-bottom: 0;margin: 0 auto;}
.index2_tab{width: 100%;position: relative;z-index: 3 !important;height: 100%;}
.index2_content ul li .mian_title1 h1{color: #fff;}
.index2_tab ul{height: 100%;}
.index2_tab ul li{justify-content: flex-end;align-content: center;border-right: 1px solid rgba(255, 255, 255, 0.08);transition: background .5s;display: flex;flex-flow: column wrap;cursor: pointer;background-color: transparent;height: 100%;}
.i2tab_swiper .swiper-wrapper .swiper-slide-thumb-active{background: linear-gradient(0deg, #45b035 0%, transparent 100%);}
.index2_tab ul li .inner{width: 100%;position: absolute;left: 0;padding: 0 30px 50px;transition: all .5s;z-index: 4;}
.index2_tab ul li .inner .icon{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.index2_tab ul li .inner .icon img{height: 40px;width: auto;max-width: 100%;}
.index2_tab ul li .inner h3{font-size: 17px;color: #fff;}
.index2_tab ul li .inner .height{height: 20vh;}
.index2_tab ul li .inner .textbox{font-size: 14px;color: #fff;line-height: 24px;display: none;}
.index2_tab ul li .inner .i2_btn{width: 142px;height: 45px;color: #fff;position: relative;overflow: hidden;border-radius: 10px;transition: all .5s;margin: 0 auto;border: 2px solid #fff;z-index: 3;display: none;line-height: 40px;margin-top: 50px;}


.index2_tab ul li.swiper-slide-thumb-active .inner .icon{display: none;}
.index2_tab ul li.swiper-slide-thumb-active .inner h3{display: none;}
.index2_tab ul li.swiper-slide-thumb-active .inner .height{display: none;}
.index2_tab ul li.swiper-slide-thumb-active .inner .textbox{display: block;}
.index2_tab ul li.swiper-slide-thumb-active .inner .i2_btn{display: block;}

.i2_pagination{display: none;}
.i2_pagination .swiper-pagination-bullet {
	width: 34px;
    height: 4px;
    overflow: hidden;border-radius: 0;
    background-color: #fff;opacity: 1;
}
.i2_pagination .swiper-pagination-bullet-active{
	background: var(--primary-color);
}


.index3 .mian_title{align-items: flex-start;}
.index3 .mian_title .m_more{margin-top: 20px;}
.i3_swiper{width: 100%;margin: 0 auto;}
.i3_swiper .swiper-slide{background-color: transparent;overflow: hidden;border-radius: 20px;overflow: hidden;}
.i3_swiper .swiper-slide .inner{width: 100%;position: relative;font-size: 0;}
.i3_swiper .swiper-slide .inner img{width: 100%;}
.i3_swiper .swiper-slide .inner .zhao{width: 104%;height: 100%;position: absolute;object-fit: cover;z-index: 2;left: -2%;bottom: 0;transition: all .5s;background: linear-gradient(0deg, #45b035 0%, transparent 80%);opacity: 1;}
.i3_swiper .swiper-slide .inner .text{position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 25px;z-index: 3;bottom: 20px;text-align: left;}
.i3_swiper .swiper-slide .inner .text h1{font-size: 45px !important;color: #fff;margin-bottom: 8px;font-weight: bold;}
.i3_swiper .swiper-slide .inner .text h3{font-size: 17px !important;color: #fff;}



.index4box{width: 100%;margin: 0 auto;}
.index4{width: 100%;margin: 0 auto;}
.i4_title{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.i4_title h1{padding-left: 20px;font-size: 45px;color: #000;font-weight: bold;position: relative;}
.i4_title h1:before{content: "";position: absolute;width: 8px;height: 50px;top: 50%;transform: translateY(-50%);background: linear-gradient(0deg, #45b035 0%, #45b035 100%);left: 0;}
.i4_title .m_more{margin-top: 0;}
.i4_left{width: calc(100% -200px);display: flex;align-items: center;}
.i4_tab{margin-left: 50px;}
.i4_tab ul{display: flex;align-items: center;}
.i4_tab ul li{padding: 0 22px;font-size: 17px;color: #808080;position: relative;cursor: pointer;}
.i4_tab ul li.on{color: var(--primary-color);font-weight: bold;}
.i4_tab ul li:after{content: "";position: absolute;width: 2px;height:20px;top: 50%;right: 0;background: #808080;z-index: 1;transform: translateY(-50%);}
.i4_tab ul li:last-child:after{display: none;}

.i4_content{width: 100%;margin: 0 auto;}
.i4_content ul li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.i4_content ul li .li_left{width: 49%;}
.i4_content ul li .li_right{width: 49%;}
.i4_content ul li .li_left a{display: block;width: 100%;position: relative;border-radius: 10px;overflow: hidden;}
.i4_content ul li .li_left a:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 1;background: linear-gradient(0deg, #45b035 0%, transparent 80%);}
.i4_content ul li .li_left a .imgbox{width: 100%;font-size: 0;overflow: hidden;}
.i4_content ul li .li_left a .imgbox img{width: 100%;transition: all 0.5s;}
.i4_content ul li .li_left a:hover .imgbox img{transform: scale(1.1);}
.i4_content ul li .li_left .textbox{position: absolute;width: 100%;bottom: 40px;padding: 0 40px;z-index: 3;}
.i4_content ul li .li_left .textbox .date{display: block;font-size: 22px;color: #fff;margin-bottom: 10px;}
.i4_content ul li .li_left .textbox .tip{width: 65px;height: 24px;border-radius: 5px;margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.5);font-size: 12px;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;}
.i4_content ul li .li_left .textbox h1{font-size: 22px;color: #fff;margin-bottom: 5px;font-weight: bold;}
.i4_content ul li .li_left .textbox p{font-size: 14px;color: #fff;}


.li_right dl dd{width: 100%;border-radius: 10px;overflow: hidden;margin-bottom: 17px;}
.li_right dl dd a{display: block;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.li_right dl dd a .imgbox{width: 30%;font-size: 0;}
.li_right dl dd a .imgbox img{width: 100%;}
.li_right dl dd a .textbox{padding: 30px 20px;background-color: #fff;width: 70%;}
.li_right dl dd a .textbox h1{font-size: 20px;color: #000;margin-bottom: 3px;font-weight: bold;}
.li_right dl dd a .textbox p{font-size: 15px;color: #808080;margin-top: 6px;}
.li_right dl dd a .textbox .else{display: flex;align-items: center;margin-top: 10px;}
.li_right dl dd a .textbox .tip{width: 65px;height: 24px;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.5);font-size: 12px;color: var(--primary-color);text-align: center;display: flex;align-items: center;justify-content: center;position: relative;margin-right: 15px;}
.li_right dl dd a .textbox .date{font-size: 15px;color: #000;}


.index5box{width: 100%;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.index5{width: 100%;margin: 0 auto;height: 640px;display: flex;align-items: center;justify-content: center;}
.index5 .text{text-align: center;}
.index5 .text h1{font-size: 42px;color: #000;margin-bottom: 42px;font-weight: bold;}
.index5 .text h3{font-size: 16px;color: #000;}



/*  */
.about1box{width: 100%;margin: 0 auto;}
.about1{width: 100%;margin: 0 auto;}

.about1_content{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about1_content .item{width: 30%;}
.about1_content .video{width: 40%;padding: 0 30px;font-size: 0;}
.about1_content .video video{width: 100%;}
.about1_content .item ul li{width: 100%;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom: 2px solid #f5f5f5;}
.about1_content .item ul li:last-child{margin-bottom: 0;}
.about1_content .item ul li .icon{margin-right: 20px;font-size: 0;}
.about1_content .item ul li .icon img{max-width: 100%;width: 66px;}
.about1_content .item ul li .textbox{flex: 1;}
.about1_content .item ul li .textbox .p{display: flex;align-items: flex-end;}
.about1_content .item ul li .textbox .p h1{font-size: 42px;color: #45b035;font-weight: bold;}
.about1_content .item ul li .textbox .p span{font-size: 14px;color: #45b035;}
.about1_content .item ul li .textbox h2{font-size: 14px;color: #101010;}



.about2box{width: 100%;margin: 0 auto;}
.about2{width: 100%;margin: 0 auto;}
.about2_content{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about2_left{width: 49%;height: 650px;overflow-y: scroll;font-size: 16px;color: #000;line-height: 30px;}
.about2_right{width: 49%;font-size: 0;}
.about2_right img{width: 100%;border-radius: 10px;}



.about3box{width: 100%;margin: 0 auto;height: 100vh;position: relative;}
.about3box .a_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.about3box .bg3{z-index: 2;}
.about3{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 4;}
.about3 .a_title{position: absolute;top: 100px;padding: 0 70px;width: 100%;left: 0;z-index: 5;}
.a3_swiper{width: 100%;height: 100%;}
.a3_swiper ul li{width: 20% !important;border-right: 1px solid rgba(255, 255, 255, 0.08);padding: 11.5rem 1.25rem 0;display: flex;flex-flow: column wrap;transition: background .5s;align-content: center;background-color: transparent;}
.a3_swiper ul li:hover{background: rgba(31, 87, 168, 0.5);backdrop-filter: blur(18px);}
.a3_swiper ul li .inner{width: 100%;transition: all 0.5s;}
.a3_swiper ul li:hover .inner{transform: translate(0, -15px);}
.a3_swiper ul li .inner .icon{font-size: 0;}
.a3_swiper ul li .inner .icon img{width: 76px;margin: 0 auto 20px;display: block;transition: all .5s;opacity: 0;}
.a3_swiper ul li:hover .inner .icon img{opacity: 1;}
.a3_swiper ul li .inner h1{font-size: 33px;color: #fff;}
.a3_swiper ul li .inner h3{font-size: 22px;color: #fff;}
.a3_swiper ul li .inner p{margin-top: 50px;opacity: .5;transition: all .5s;font-size: 15px;color: #fff;}



.about4box{width: 100%;margin: 0 auto;}
.about4{width: 100%;margin: 0 auto;}
.a4_tab{width: 100%;margin: 0 auto;margin-bottom: 40px;}
.a4_tab ul{display: flex;flex-wrap: wrap;}
.a4_tab ul li{margin-right: 20px;}
.a4_tab ul li span{display: inline-block;border: 1px solid #45b035;font-size: 16px;width: 140px;height: 42px;line-height: 40px;color: #45b035;text-align: center;border-radius: 50px;}
.a4_tab ul li.on span{background-color: #45b035;color: #fff;}


.a4_box{width: 100%;margin: 0 auto;min-height: 700px;overflow: hidden;}
.a4_box .item{width: 100%;display: none;flex-wrap: wrap;position: relative;}
.a4_box .item.on{display: flex;}
.a4_tab_1{position: absolute;left: 20%;top: 0;width: 30%;height: 600px;z-index: 8;overflow: hidden;}
.a4_box_1{width: 100%;display: flex;align-items: center;justify-content: space-between;z-index: 6;;height: 600px;}

.a4_tab_1 .swiper-slide{background-color: transparent;cursor: pointer;}
.a4_tab_1:after{width: 5px;height: 100%;position: absolute;left: 0%;top: 0%;background-image: url(../images/about4line.png);background-repeat: no-repeat;background-size: cover;content: "";}
.a4_tab_1 .swiper-slide .inner{width: 100%;text-align: left;padding-left: 60px;position: relative;}

.a4_tab_1 .swiper-slide-thumb-active .inner:before{width: 5px;height: 60px;background: linear-gradient(0deg, #45b035 0%, #45b035 100%);content: "";position: absolute;left: 0;top: 0;}
.a4_tab_1 .swiper-slide .inner h3{font-size: 17px;}
.a4_tab_1 .swiper-slide .inner .desc{font-size: 22px;}

.a4_tab_1 .swiper-slide-thumb-active .inner h3{color: #000;}
.a4_tab_1 .swiper-slide-thumb-active .inner .desc{font-weight: bold;color: #45b035;}

.a4_box_1 .swiper-slide{justify-content: space-between;background-color: transparent;opacity: 0 !important;}
.a4_box_1 .swiper-slide-active{opacity: 1 !important;}
.a4_box_1 .swiper-slide .year {
    width: 20%;
    writing-mode: vertical-rl;
    font-size: 153px;
    color: rgb(69 176 53 / 50%);
    font-weight: bold;
    transform: rotate(180deg);
}
.a4_box_1 .swiper-slide .imgbox{width: 45%;border-radius: 20px;font-size: 0;overflow: hidden;}
.a4_box_1 .swiper-slide .imgbox .textbox{display: none;}
.a4_box_1 .swiper-slide .imgbox img{width: 100%;}






/*  */
.contact1box{width: 100%;margin: 0 auto;}
.contact1{width: 100%;margin: 0 auto;}
.contact1_content{width: 100%;margin: 0 auto;}
.contact1_content ul{display: flex;flex-wrap: wrap;}
.contact1_content ul li{width: 22%;margin-right: 4%;margin-bottom: 20px;padding: 30px 34px;background-color: #f0f0f0;border-radius: 10px;}
.contact1_content ul li:nth-child(4n){margin-right: 0;}
.contact1_content ul li .icon{display: flex;align-items: center;justify-content: center;font-size: 0;margin-bottom: 15px;}
.contact1_content ul li .icon img{max-width: 100%;width: auto;}
.contact1_content ul li .textbox{width: 100%;text-align: center;}
.contact1_content ul li .textbox h3{font-size: 20px;margin-bottom: 13px;color: #000;}
.contact1_content ul li .textbox h3 a{color: #000;}


.contact2box{width: 100%;margin: 0 auto;}
.contact2{width: 100%;margin: 0 auto;}
.contact2_content{width: 100%;margin: 0 auto;}
.contact2_content ul{display: flex;flex-wrap: wrap;}
.contact2_content ul li{width: 22%;margin-right: 4%;margin-bottom: 20px;padding: 30px;background-color: #f0f0f0;border-radius: 10px;flex-flow: column wrap;align-content: center;transition: all 0.5s;display: flex;}
.contact2_content ul li:hover{background-color: #45b035;}
.contact2_content ul li:nth-child(4n){margin-right: 0;}
.contact2_content ul li a{display: flex;flex-flow: column wrap;transform:translate(0, 15px);transition: all .5s;}
.contact2_content ul li:hover a{transform:translate(0, 0);}
.contact2_content ul li a .icon{font-size: 0;margin-bottom: 20px;}
.contact2_content ul li a .icon img{max-width: 100%;width: auto;}
.contact2_content ul li a h3{font-size: 20px;color: #000;text-align: center;}
.contact2_content ul li:hover a h3{color: #fff;}
.contact2_content ul li a span{margin-top: 10px;text-decoration: underline;display: inline-block;text-align: center;transition: all 0.5s;opacity: 0;font-size: 14px;color: #fff;}
.contact2_content ul li:hover a span{opacity: 0.5;}



/*  */
.ojbox1{width: 100%;margin: 0 auto;}
.oj1{width: 100%;margin: 0 auto;}
.oj1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;flex-wrap: wrap;}
.oj1 ul li{width: 49%;margin-bottom: 20px;border-radius: 10px;overflow: hidden;background-color: #fff;}
.oj1 ul li a{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.oj1 ul li a .imgbox{width: 44%;font-size: 0;overflow: hidden;}
.oj1 ul li a .imgbox img{width: 100%;transition: all 0.5s;}
.oj1 ul li:hover a .imgbox img{transform: scale(1.1);}
.oj1 ul li a .textbox{padding: 37.5px 21px;width: 56%;}
.oj1 ul li a .textbox h3{font-size: 18px;color: #000;margin-bottom: 10px;font-weight: bold;}
.oj1 ul li a .textbox p{font-size: 14px;color: #808080;margin-bottom: 12px;}
.oj1 ul li a .textbox .bot{display: flex;align-items: center;}
.oj1 ul li a .textbox .bot .more{margin-right: 20px;width: 80px;height: 30px;line-height: 28px;font-size: 14px;margin-top: 0;}
.oj1 ul li a .textbox .bot .date{font-size: 14px;color: #000;}


/*  */
.news1box{width: 100%;margin: 0 auto;}
.news1{width: 100%;margin: 0 auto;}
.news1 ul{display: flex;flex-wrap: wrap;}
.news1 ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.news1 ul li:nth-child(3n){margin-right: 0;}
.news1 ul li a{display: block;width: 100%;}
.news1 ul li a .inner{width: 100%;position: relative;font-size: 0;overflow: hidden;border-radius: 10px;}
.news1 ul li a .inner img{width: 100%;transition: all 0.5s;}
.news1 ul li:hover a .inner img{transform: scale(1.1);}
.news1 ul li a .inner .zhao{width: 104%;height: 100%;position: absolute;object-fit: cover;z-index: 2;left: -2%;bottom: 0;transition: all .5s;background: linear-gradient(0deg, #45b035 0%, transparent 80%);opacity: 1;}
.news1 ul li a .inner .text{position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 25px;z-index: 3;bottom: 20px;text-align: left;}
.news1 ul li a .inner .text h1{font-size: 45px !important;color: #fff;margin-bottom: 8px;font-weight: bold;}
.news1 ul li a .inner .text h3{font-size: 17px !important;color: #fff;}


.news2box{width: 100%;margin: 0 auto;background-color: rgba(255, 255, 255, 0.6);}
.news2{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.news2_left{}
.news2_left ul{display: flex;align-items: center;flex-wrap: wrap;}
.news2_left ul li{margin-right: 15px;width: 120px;height: 50px;}
.news2_left ul li:last-child{margin-right: 0;}
.news2_left ul li select{width: 100%;height: 50px;background: #fff;border: 2px solid #e3e3e3;border-radius: 10px;cursor: pointer;padding: 0 10px;position: relative;z-index: 3;font-size: 14px;color: #000;}
.news2_right{position: relative;}
.news2_right form{}
.n_text{width: 280px;height: 50px;background: #fff;border: 2px solid #e3e3e3;padding: 0 50px 0 20px;border-radius: 5px;}
.n_btn{width: 20px;height: 20px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: url(../images/search2.png) no-repeat;cursor: pointer;}


/*  */
.tech1box{width: 100%;margin: 0 auto;}
.tech1{width: 100%;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.tech1_left{width: 50%;}
.tech1_right{width: 50%;font-size: 15px;color: #808080;line-height: 30px;}
.tech_num{width: 100%;margin: 0 auto;border-top: 1px solid #f3f3f3;}
.tech_num ul{display: flex;flex-wrap: wrap;}
.tech_num ul li{width: 33.33%;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;height: 238px;display: flex;align-items: center;justify-content: center;}
.tech_num ul li .inner{}
.tech_num ul li .inner .icon{display: flex;align-items: flex-end;}
.tech_num ul li .inner .icon img{width: 42.5px;margin-right: 10px;}
.tech_num ul li .inner h3{font-size: 45px;color: #45b035;font-weight: bold;}
.tech_num ul li .inner span{font-size: 17px;color: #45b035;}
.tech_num ul li .inner .p{padding-left: 52.5px;font-size: 15px;color: #808080;}


.white{color: #fff !important;}
.tech2box{width: 100%;margin: 0 auto;padding: 116px 0;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;height: 900px;}
.tech2{width: 100%;margin: 0 auto;position: relative;z-index: 2;}
.tech2 .a_title{margin-bottom: 136px;}
.tech2 .desc{font-size: 15px;color: #fff;margin-bottom: 50px;max-width: 710px;}
.tech2 .f{width: 100%;max-width: 710px;}
.tech2 .f ul{display: flex;flex-wrap: wrap;}
.tech2 .f ul li{width: 32%;height: 70px;margin-right: 2%;margin-bottom: 2%;border: 2px solid #fff;display: flex;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;}
.tech2 .f ul li:nth-child(3n){margin-right: 0;}
.tech2 .f ul li img{max-width: 100%;width: auto;height: 100%;}
.line-gradient{background: linear-gradient(to right, #45b035 0%, transparent 80%);width: 100%;position: absolute;height: 100%;top: 0;left: 0;z-index: 1;}



.tech3box{width: 100%;margin: 0 auto;}
.tech3{width: 100%;margin: 0 auto;}
.tech3_content{width: 100%;margin: 0 auto;}
.tech3_content p{font-size: 15px;color: #808080;margin-bottom: 20px;}
.tech3_content .imgbox{width: 100%;font-size: 0;}
.tech3_content .imgbox img{width: 100%;}


.tech4box{width: 100%;margin: 0 auto;}
.tech4{width: 100%;margin: 0 auto;}
.tech4_top{width: 100%;margin: 0 auto;margin-bottom: 40px;}
.tech4_top ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tech4_top ul li{width: 49%;padding: 20px 0;border-bottom: 1px solid #f3f3f3;display: flex;align-items: center;justify-content: space-between;}
.tech4_top ul li .li_left{display: flex;align-items: flex-end;}
.tech4_top ul li .li_left .icon{font-size: 0;margin-right: 30px;}
.tech4_top ul li .li_left .icon img{width: 40px;}
.tech4_top ul li .li_left h1{font-size: 45px;color: #45b035;font-weight: bold;}
.tech4_top ul li .li_left span{font-size: 20px;color: #45b035;font-weight: bold;}
.tech4_top ul li .li_right p{font-size: 15px;color: #808080;}


.tech4_bot{width: 100%;margin: 0 auto;}
.t4_swiper_box{width: 100%;margin: 0 auto;margin-bottom: 50px;}
.t4_swiper_box .swiper-wrapper{width: 100%;}
.t4_swiper_box .swiper-slide{background-color: transparent;}
.t4_swiper_box .swiper-slide .inner{width: 100%;position: relative;font-size: 0;border-radius: 10px;overflow: hidden;}
.t4_swiper_box .swiper-slide .inner:after{background: linear-gradient(to right, #45b035 0%, transparent 80%);width: 100%;position: absolute;height: 100%;top: 0;left: 0;z-index: 1;content: "";}
.t4_swiper_box .swiper-slide .inner img{width: 100%;transition: all 0.5s;}
.t4_swiper_box .swiper-slide:hover .inner img{transform: scale(1.1);}
.t4_swiper_box .swiper-slide .inner h1{position: absolute;z-index: 2;padding: 110px 100px;top: 0;width: 100%;left: 0;font-size: 45px;color: #fff;font-weight: bold;text-align: left;}

.t4_tab{width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.t4_tab:after{position: absolute;width: 100%;height: 2px;background-color: #e2e2e2;top: 2px;left: 0;content: "";}
.t4_swiper_tab{width: 100%;max-width: 1400px;margin: 0 auto;overflow: hidden;}
.t4_swiper_tab .swiper-wrapper{width: 100%;}
.t4_swiper_tab .swiper-slide{background-color: transparent;cursor: pointer;}
.t4_swiper_tab .swiper-slide span{font-size: 16px;color: #999;position: relative;display: inline-block;padding-top: 40px;}
.t4_swiper_tab .swiper-slide-thumb-active span{color: #45b035;}
.t4_swiper_tab .swiper-slide-thumb-active span:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 6px;background-color: #45b035;}



.tech5box{width: 100%;margin: 0 auto;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 110px 120px;}
.tech5{width: 100%;margin: 0 auto;}
.t5_title{display: flex;flex-wrap: wrap;justify-content: space-between;}
.t5_title .a_title{width: auto;}
.t5_title p{font-size: 15px;color: #fff;max-width: 720px;line-height: 30px;}

.tech5_content{width: 100%;margin: 0 auto;position: relative;padding-bottom:50px;}
.tech5_content .t5_swiper{width: 100%;overflow: hidden;}
.t5_swiper .swiper-slide{background-color: transparent;}
.t5_swiper .swiper-slide .inner{padding: 34px 34px 25px;width: 100%;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 20px;}
.t5_swiper .swiper-slide:hover .inner{box-shadow: inset 0 0 0 2px #fff;}
.t5_swiper .swiper-slide .inner .imgbox{width: 100%;font-size: 0;}
.t5_swiper .swiper-slide .inner .imgbox img{width: 100%;}
.t5_swiper .swiper-slide .inner .textbox {text-align: center;margin-top: 34px;}
.t5_swiper .swiper-slide .inner .textbox h3{font-size: 17px;color: #fff;}

.t5_pagination{bottom: 0;}
.t5_pagination .swiper-pagination-bullet{width: 34px;height: 4px;opacity: 0.2;background-color: #fff;border-radius: 0;}
.t5_pagination .swiper-pagination-bullet-active{opacity: 1;}


/*  */
.videobox{width: 100%;margin: 0 auto;}
.videobox video{width: 100%;}
img{max-width: 100%;width: auto;}


.ser1box{width: 100%;margin: 0 auto;}
.ser1{width: 100%;margin: 0 auto;}
.ser1_title{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.ser1_title .a_title{width: auto;margin-bottom: 20px;}
.ser1_title .desc{font-size: 15px;color: #808080;line-height: 30px;width: 65%;}

.ser1_content{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;align-items: center;}
.ser1_content:before{width: 50%;background-color: #f7f7f7;left: 0;top: 0;height: 100%;content: "";position: absolute;}
.s1_swiper_tab{height: 400px;width: 30%;position: relative;padding-left: 20px;}
.s1_box{width: 65%;position: relative;}

.s1_swiper_tab:before{width: 2px;height: 100%;background-color:#ddd;position: absolute;left: 0;top: 0;content: "";}
.s1_swiper_tab .swiper-slide{background-color: transparent;text-align: left;cursor: pointer;}
.s1_swiper_tab .swiper-slide span{font-size: 22px;color: #808080;position: relative;padding-left: 30px;display: block;width: 100%;}
.s1_swiper_tab .swiper-slide-active span{font-size: 24px;color: #45b035;font-weight: bold;}
.s1_swiper_tab .swiper-slide-active span:before{width: 5px;height: 100%;background-color: #45b035;position: absolute;left: 0;top: 0;content: "";}

.s1_swiper_box{width: 100%;}
.s1_swiper_box .swiper-slide{background-color: transparent;}
.s1_swiper_box .swiper-slide .inner{width: 100%;overflow: hidden;position: relative;border-radius: 20px;}
.s1_swiper_box .swiper-slide .inner:after{background: linear-gradient(0deg, #45b035 0%, transparent 80%);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.s1_swiper_box .swiper-slide .inner img{width: 100%;transition: all 0.5s;}
.s1_swiper_box .swiper-slide .inner .inner_bot{display: flex;align-items: center;justify-content: space-between;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 58px 40px 76px;z-index: 3;}
.s1_swiper_box .swiper-slide .inner .inner_bot .textbox{width: 65%;text-align: left;}
.s1_swiper_box .swiper-slide .inner .inner_bot .textbox h3{font-size: 22px;color: #fff;margin-bottom: 13.6px;}
.s1_swiper_box .swiper-slide .inner .inner_bot .textbox p{font-size: 15px;color: #fff;line-height: 30px;}
.s1_swiper_box .swiper-slide .inner .inner_bot .more{margin-top: 0;}
.s1_pagination{bottom: 0;display: none;}
.s1_pagination .swiper-pagination-bullet{width: 34px;height: 4px;opacity: 1;background-color: #e5e5e5;border-radius: 0;}
.s1_pagination .swiper-pagination-bullet-active{background-color: #45b035;}

.ser2box{width: 100%;margin: 0 auto;background-repeat: no-repeat;background-size: cover;}
.ser2{width: 100%;margin: 0 auto;}
.ser2_content{width: 100%;margin: 0 auto;position: relative;padding-bottom: 40px;}
.ser2_next,.ser2_prev{position: absolute;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;background-color: #dfe5e8;display: flex;align-items: center;justify-content: center;font-size: 25px;color: #fff;z-index: 9;border-radius: 50%;transition: all 0.5s;}
.ser2_next:hover,.ser2_prev:hover{background-color: #4287e1;}
.ser2_next{right: 0;}
.ser2_prev{left: 0;}
.ser2_swiper{width: 90%;margin: 0 auto;}
.ser2_swiper .swiper-slide{background-color: transparent;}
.ser2_swiper .swiper-slide .inner{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ser2_swiper .swiper-slide .inner .imgbox{width: 40%;font-size: 0;display: flex;align-items: center;justify-content: center;}
.ser2_swiper .swiper-slide .inner .textbox{width: 50%;background-color: #fff;padding: 51px 85px 57px;border-radius: 20px;text-align: left;}
.ser2_swiper .swiper-slide .inner .imgbox img{max-width: 100%;width: auto;}
.ser2_swiper .swiper-slide .inner .textbox h3{position: relative;font-size: 37px;color: #222;padding-bottom: 8px;margin-bottom: 30px;}
.ser2_swiper .swiper-slide .inner .textbox h3:after{width: 76px;height: 3px;background: linear-gradient(0deg, #45b035, #45b035);content: "";position: absolute;left: 0;bottom: 0;}
.ser2_swiper .swiper-slide .inner .textbox p{font-size: 13px;color: rgb(31, 35, 41);}
.ser2_pagination{bottom: 0;}
.ser2_pagination .swiper-pagination-bullet{width: 34px;height: 4px;opacity: 1;background-color: #fff;border-radius: 0;}
.ser2_pagination .swiper-pagination-bullet-active{background-color: #45b035;}



.ser3box{width: 100%;margin: 0 auto;}
.ser3{width: 100%;margin: 0 auto;position: relative;}
.ser3_swiper{width: 90%;margin: 0 auto;}
.ser3_next,.ser3_prev{position: absolute;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;background-color: rgba(35,122,228,.85);display: flex;align-items: center;justify-content: center;font-size: 25px;color: #fff;opacity: 0;visibility: hidden;z-index: 9;border-radius: 50%;transition: all 0.5s;}
.ser3_next{right: 0;}
.ser3_prev{left: 0;}
.ser3:hover .ser3_next{opacity: 1;visibility: visible;}
.ser3:hover .ser3_prev{opacity: 1;visibility: visible;}

.ser3_swiper .swiper-slide{background-color: transparent;opacity: 0.6;}
.ser3_swiper .swiper-slide-active{opacity: 1;}
.ser3_swiper .swiper-slide .inner{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ser3_swiper .swiper-slide .inner .i_left{width: 60%;}
.ser3_swiper .swiper-slide .inner .i_right{width: 38%;}
.ser3_swiper .swiper-slide .inner .i_left .imgbox{width: 100%;font-size: 0;overflow: hidden;border-radius: 20px;margin-bottom: 20px;}
.ser3_swiper .swiper-slide .inner .i_left .imgbox img{width: 100%;transition: all 0.5s;}
.ser3_swiper .swiper-slide .inner .i_left .imgbox:hover img{transform: scale(1.1);}
.ser3_swiper .swiper-slide .inner .i_left .textbox{width: 100%;}
.ser3_swiper .swiper-slide .inner .i_left .textbox h3{margin-bottom: 17px;color: #000;font-size: 24px;font-weight: bold;}
.ser3_swiper .swiper-slide .inner .i_left .textbox p{font-size: 15px;color: #808080;}

.ser3_swiper .swiper-slide .inner .i_right .item .imgbox{width: 100%;font-size: 0;overflow: hidden;border-radius: 20px;margin-bottom: 20px;}
.ser3_swiper .swiper-slide .inner .i_right .item .imgbox img{width: 100%;transition: all 0.5s;}
.ser3_swiper .swiper-slide .inner .i_right .item .imgbox:hover img{transform: scale(1.1);}
.ser3_swiper .swiper-slide .inner .i_right .item .textbox{width: 100%;}
.ser3_swiper .swiper-slide .inner .i_right .item .textbox h3{margin-bottom: 17px;color: #000;font-size: 20px;font-weight: bold;}
.ser3_swiper .swiper-slide .inner .i_right .item .textbox p{font-size: 15px;color: #808080;}



.ser4box{width: 100%;margin: 0 auto;}
.ser4{width: 100%;margin: 0 auto;}
.ser4_content{width: 100%;margin: 0 auto;position: relative;padding-bottom: 40px;}
.ser4_swiper{width: 100%;margin: 0 auto;}
.ser4_swiper .swiper-slide{background-color: transparent;}
.ser4_swiper .swiper-slide .inner{width: 100%;}
.ser4_swiper .swiper-slide .inner ul li{width: 100%;border:1px solid #dadada;transition: all 0.5s;}
.ser4_swiper .swiper-slide .inner ul li:hover{box-shadow: inset 0 0 0 15px #dcdcdc;}
.ser4_pagination{bottom: 0;}
.ser4_pagination .swiper-pagination-bullet{width: 34px;height: 4px;opacity: 1;background-color: #e0e0e0;border-radius: 0;}
.ser4_pagination .swiper-pagination-bullet-active{background-color: #45b035;}



.ser5box{width: 100%;margin: 0 auto;}
.ser5{width: 100%;margin: 0 auto;}
.s5_swiper{width: 100%;margin: 0 auto;}
.s5_swiper .swiper-slide{background-color: transparent;}
.s5_swiper .swiper-slide .inner{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.s5_swiper .swiper-slide .inner .ewm{width: 48%;font-size: 0;border: 5px solid #f0f0f0;font-size: 0;}
.s5_swiper .swiper-slide .inner .ewm img{width: 100%;}
.s5_swiper .swiper-slide .inner .textbox{width: 52%;}
.s5_swiper .swiper-slide .inner .textbox h3{font-size: 18px;color: #333;margin-bottom: 13px;}
.s5_swiper .swiper-slide .inner .textbox p{font-size: 14px;color: #000;font-weight: bold;}


.a4_box_m{display: none;}
.a4_box_m .item{display: none;}
.a4_box_m .item.on{display: block;}
.a4_box_m_1_swiper .swiper-slide{background-color: transparent;}
.a4_box_m_1_swiper .swiper-slide .inner{width: 100%;}
.a4_box_m_1_swiper .swiper-slide .inner .imgbox{width: 100%;font-size: 0;margin-bottom: 10px;}
.a4_box_m_1_swiper .swiper-slide .inner .imgbox img{width: 100%;}
.a4_box_m_1_swiper .swiper-slide .inner .textbox {text-align: left;}
.a4_box_m_1_swiper .swiper-slide .inner .textbox h3{font-size: 14px;color: #ffffff;}
.a4_box_m_1_swiper .swiper-slide .inner .textbox p{font-size: 14px;color: #ffffff;}
.a4_box_m_1_swiper .swiper-slide-active .inner .textbox h3{color: #000;}
.a4_box_m_1_swiper .swiper-slide-active .inner .textbox p{font-weight: bold;color: #45b035;}



.pro_list{width: 100%;margin: 0 auto;margin-bottom: 30px;}
.pro_list ul{display: flex;flex-wrap: wrap;}
    .pro_list ul li {
        width: 20%;
        padding: 0 5px;
    }
.pro_list ul li a{display: flex;width: 100%;flex-direction: column;align-items: center;}
.pro_list ul li a .icon{width: 120px;height: 120px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-bottom: 10px;}
.pro_list ul li a .icon img{max-width: 100%;width: 80px;}
.pro_list ul li.curr a .icon{box-shadow: 0 .125rem .75rem 0 rgba(0,0,0,.1);}
.pro_list ul li a p{text-align: center;font-size: 16px;color: #333;}
    .pro_list ul li.curr a p {
        color: #000000;
    }










@media only screen and (max-width: 980px) {
	.headerbox{
		display: none;
	}
	.sp_header{ display:flex;}
	.bannerbox{margin-top: 70px;}
	.inbannerbox{margin-top: 70px;}
	.videobox{margin-top: 70px;}
	.pd50{padding: 25px 0;}
	.index2_content ul li .mian_title1{padding: 0 20px;}
	.mian_title1 h1 {font-size: 30px;}
	.i2_pagination{display: block;}
	.mian_title {flex-wrap: wrap;}
	.mian_title h1{font-size: 30px;}
	.mian_title .r {width: 100%;margin-top: 20px;}
	.index1_list ul li {width: 45%;}
	.i3_swiper {padding: 0 15px !important;}
	.i4_title {flex-wrap: wrap;}
	.i4_left {width: 100%;flex-wrap: wrap;}
	.i4_title h1 {width: 100%;font-size: 30px;}
	.i4_tab {margin-left: 0;width: 100%;margin-top: 20px;margin-bottom: 20px;}
	.i4_content ul li .li_left {width: 100%;margin-bottom: 20px;}
	.i4_content ul li .li_right{width: 100%;}
	.li_right dl dd a .imgbox {width: 100%;}
	.li_right dl dd a .textbox{width: 100%;}
	.index5 .text h1 {font-size: 30px;margin-bottom: 20px;}
	.index5 {height: 340px;}
	.index5 .more {margin-top: 20px;}
	.ft_left{display: none;}
	.ft_right {width: 100%;padding: 20px 0;}
	.f_bot p {flex-wrap: wrap;margin-bottom: 10px;}
	.f_search {padding: 50px 0;}
	.f_search h1 {font-size: 25px;margin-bottom: 20px;}
	.f_search form {width: 90%;}
	.f_search form .fs_btn {width: 100px;}
	.bannerbox .mySwiper1 .swiper-slide .text h1 {font-size: 35px;}
	.contact1_content ul li{width: 48%;}
	.contact1_content ul li:nth-child(2n){margin-right: 0;}
	.contact2_content ul li{width: 48%;}
	.contact2_content ul li:nth-child(2n){margin-right: 0;}
	.oj1 ul li a .imgbox{width: 100%;}
	.oj1 ul li a .textbox{width: 100%;}
	.news2_left {width: 100%;margin-bottom: 20px;}
	.news1 ul li {width: 100%;margin-right: 0 !important;}
	.news1 ul li a .inner .text h1 {font-size: 30px;}
	.a_title h1 {font-size: 30px;}
	.t4_swiper_box .swiper-slide .inner h1 {font-size: 30px;padding: 20px;}
	.tech1_left {width: 100%;margin-bottom: 20px;}
	.tech1_right{width: 100%;}
	.tech_num ul li {width: 50%;}
	.tech2 .f ul li {width: 49%;}
	.tech2 .f ul li:nth-child(2n){margin-right: 0% !important;}
	.tech2 .f ul li:nth-child(3n){margin-right: 2%;}
	.tech4_top ul li{width: 100%;}
	.ser1_content{padding: 50px 0;}
	.s1_swiper_tab{display: none;}
	.s1_box{width: 100%;}
	.ser2_swiper .swiper-slide .inner .imgbox {width: 100%;margin-bottom: 20px;justify-content: flex-start;}
	.ser2_swiper .swiper-slide .inner .textbox{width: 100%;}
	.ser2_swiper .swiper-slide .inner .textbox h3 {font-size: 25px;}
	.ser2_swiper .swiper-slide .inner .textbox{width: 100%;}
	.ser3_swiper .swiper-slide .inner .i_left {width: 100%;margin-bottom: 20px;}
	.ser3_swiper .swiper-slide .inner .i_right{width: 100%;}
	.ser1_title .desc {width: 100%;}
	.a4_box{display: none;}
	.a4_box_m{display: block;}
	.about2_left {width: 100%;}
	.about2_right{width: 100%;}
	.about1_content .item {width: 100%;}
	.about1_content .video{width: 100%;margin: 20px 0;}
	.bannerbox .mySwiper1 .swiper-slide .text .more{display: none;}
}


@media only screen and (max-width: 680px) {
	.mian_title1 h1 {font-size: 25px;}
	.mian_title h1{font-size: 25px;}
	.index1_content ul li {width: 100%;}
	.i4_title h1{font-size: 25px;}
	.index5 .text h1 {font-size: 25px;}
	.bannerbox .mySwiper1 .swiper-slide .text h1 {font-size: 20px;}
	.bannerbox .mySwiper1 .swiper-slide .text h3 {font-size: 16px;}
	.contact1_content ul li{width: 100% !important;}
	.contact2_content ul li{width: 100% !important;}
	.oj1 ul li {width: 100%;}
	.news2_left ul li {margin-bottom: 20px;}
	.a_title h1 {font-size: 25px;}
	.t4_swiper_box .swiper-slide .inner h1 {font-size: 25px;}
	.ser2_swiper .swiper-slide .inner .textbox{width: 100%;padding: 20px;}
	.s1_swiper_box .swiper-slide .inner:after{display: none;}
	.s1_swiper_box .swiper-slide .inner .inner_bot {position: unset;padding: 15px;flex-wrap: wrap;}
	.s1_swiper_box .swiper-slide .inner .inner_bot .textbox{width: 100%;margin-bottom: 20px;}
	.s1_swiper_box .swiper-slide .inner .inner_bot .textbox h3{font-size: 16px;color: #333;margin-bottom: 10px;}
	.s1_swiper_box .swiper-slide .inner .inner_bot .textbox p{font-size: 14px;color: #666;}
	.s1_swiper_box .swiper-slide .inner .inner_bot .more {border-color: #333;color: #333;}
	.ser1_content:before {display: none;}
	.s1_pagination{display: block;}
	.s1_box{padding-bottom: 40px;}
	
}