/**********样式重置**********/
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 85px;}}
@media (max-width: 1440px){html{font-size: 70px;}}
@media (max-width: 1220px){html{font-size: 65px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}
html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
    margin:0 auto;
}
body{ font-family: "Poppins-Regular","Arial", "Helvetica","sans-serif"; background-color:#fff; overflow-x:hidden; color: #2a1f1c; box-sizing: border-box; max-width: 1920px; margin: 0 auto;}
a{ color:#333333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#7cb62c;}
img,li{ vertical-align:top; border:0px; list-style-type: none; box-sizing: border-box;}
img{ max-width:100%; height: auto; transition: linear 0.35s;}

.clear{clear: both;}
.container{ margin: 0px auto; clear: both; padding: 0;  box-sizing: border-box;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: normal; }
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0; font-weight: normal; box-sizing: border-box;}
body,td,th{ font-family: "Poppins-Regular","Arial", "Helvetica","sans-serif"; font-size:12px; box-sizing: border-box;}
input,textarea{ font-family: "Poppins-Regular","Arial", "Helvetica","sans-serif"; border:0; outline:medium; box-sizing: border-box;}

@media (min-width:1px) and (max-width:1081px){
	.container{ margin-left: 15px; margin-right: 15px;}
}
@media (min-width:1082px){
	.container{ width: 960px;}
}
@media (min-width:1200px){
	.container{ width: 1100px;}
}
@media (min-width:1300px){
	.container{ width: 1200px;}
}
@media (min-width:1650px){
	.container{ width: 1550px;}
}
/**********样式重置**********/

@media (min-width:1082px){
	body{ margin-left: 0.8rem;}
}

.leftnav{ position: fixed; left: 0; top: 0; bottom: 0; width: 0.8rem; box-sizing: border-box;}
.leftnav ul{ display: flex; flex-direction: column; height: 100%;}
.leftnav li{ width: 100%; height: 50%;}
.leftnav li a{ display: flex; align-items: center; justify-content: center; flex-direction: column-reverse; flex-wrap: wrap; height: 100%;}
.leftnav li a i{ font-size: 0.25rem; margin-top: 0.1rem; color: #7cb62c;}
.leftnav li a span{writing-mode:tb-rl; display: block; transform: rotateX(-180deg) rotateY(180deg); font-size: 0.2rem; color: #555;}
.leftnav li:nth-child(2){ background: #7cb62c;}
.leftnav li:nth-child(2) a i{ color: #fff;}
.leftnav li:nth-child(2) a span{ color: #fff;}

/**********头部**********/
.header{ position: fixed; left: 0; top: 0.33rem; right: 0;z-index: 11; box-sizing: border-box; transition: linear 0.35s; background: none; }
.header .container{ display: flex; justify-content:space-between; align-items: center; box-sizing: border-box;}
@media (min-width:1082px){
	.header{ left: 0.8rem;}
	.header:before{ content: ""; position: absolute; left: 0; top: -0.33rem; width: 100%; height: 0; background: #fff; transition: linear 0.2s; box-shadow: 0 0 5px #f5f5f5;}
	.header.fis_show{}
	.header.fis_show:before{ height: calc(100% + 0.66rem); }
}
@media (min-width: 1px) and (max-width: 1081px) {
	.header{ box-shadow: 0 0 5px #ddd; background: #fff; top: 0}
}
.header .logo{ display: inline-flex; margin: 0; position: relative; z-index: 15;}
.header .logo a{ display: flex; align-items: center; justify-content: center; transition: linear 0.35s; width: 2.4rem;}
.header .logo img{ transition: linear 0.35s;}
.header .logo img.logo1{ display: block;}
.header .logo img.logo2{ display: none;}

@media (min-width:1082px){
	.header .logo{}
	.header.fis_show .logo img.logo1{ display: none;}
	.header.fis_show .logo img.logo2{ display: block;}
}
@media (min-width: 1px) and (max-width: 1081px) {
	.header .logo{ display: inline-block;}
	.header .logo a{ padding: 10px 0; }
	.header .logo img.logo1{ display: none;}
	.header .logo img.logo2{ display: block;}
}

.header .menu{ margin: 0; }

.header .menu .jdmenu{}
.header .menu .jdmenu>ul>li{ font-size: 14px; text-transform: capitalize; position: relative;}
.header .menu .jdmenu>ul>li>a{ display: block; color: #333; position: relative; transition: linear 0.3s; overflow: hidden; letter-spacing: 1px;}
.header .menu .jdmenu>ul>li>a>b{ display: inline-block; color: #333;}

.header .menu .bg1{ position: absolute; left: 1.6rem; top: 50%; transform: translateY(-50%); z-index: -1; width: 1.09rem; height: 1.09rem;}
.header .menu .bg2{ position: absolute; left: 4.3rem; bottom: 1.3rem; width: 0.59rem; height: 0.58rem;}
.header .menu .bg3{ position: absolute; left: 60%; bottom: 1.5rem; width: 0.38rem; height: 0.38rem;}
.header .menu .bg4{ position: absolute; right: 0.15rem; bottom: 0.15rem; width: 3.46rem; height: 3.26rem;}
.header .menu .divinfo{ position: absolute; left: 1.22rem; bottom: 0.7rem; z-index: 3;}
.header .menu .divinfo .info{ font-size: 0.25rem; color: #333; display: flex; align-items: center; line-height: 2}
.header .menu .divinfo .info i{ margin: 0; font-size: 0.25rem; margin-right: 5px;}
.header .menu .divinfo .info span{ margin: 0;}
.header .menu .divinfo .info:nth-child(2) a{ color: #7cb62c; font-family: "Poppins-Bold";}

@media (min-width: 1082px) {
    .header .menu{ position: fixed; left: 0.8rem; top: 0; right: 0; width: 0; height: 100%; transition: linear 0.35s; overflow: hidden; background: #f8f6f6; z-index: 12}
	.header .menu[typeof="open"]{ width: calc(100% - 0.8rem);}

    .header .menu .jdmenu{ clear: both; margin: 2.2rem auto 0 auto; transition: linear 0.35s;}
	.header .menu .jdmenu>ul{ display: flex; justify-content: space-between; width: 100%;}
	.header .menu .jdmenu>ul>li{ width: auto; margin: 0; display: block;}
	.header .menu .jdmenu>ul>li:nth-child(n+2){ padding-left: 0.3rem;}
	.header .menu .jdmenu>ul>li>a{ display: block; white-space: nowrap; text-overflow: ellipsis; font-family: "Poppins-Bold"; font-size: 0.24rem; color: #7cb62c; line-height: 1.4; margin-bottom: 0.25rem;}

	/*.header .menu .jdmenu>ul>li>a>b{ display: none;}*/
	.header .menu .jdmenu>ul>li:first-child{ margin-left: 0;}
	.header .menu .jdmenu>ul>li:last-child{ margin: 0;}
	/*.header .menu .jdmenu>ul>li.active>a,.header .menu .jdmenu>ul>li:hover>a{ color: #7cb62c;}*/
	
	.header .menu[typeof="close"] .jdmenu{ width: 0;}
}
@media (min-width: 1240px) {
    .header .menu .jdmenu>ul>li{ font-size: 18px;}
}
@media (min-width: 1px) and (max-width: 1081px){
	.header .menu .jdmenu{ position: fixed; left: 0; right: 0; top: 50px; height: 0px; transition: linear 0.5s; overflow: hidden; background: #fff; box-sizing: border-box; margin: 0;}
	.header .menu .jdmenu[typeof='open']{ height: 100%; bottom: 52px; }
	.header .menu .jdmenu>ul{ overflow-y: auto; padding-bottom: 60px; position: absolute; width: 100%; box-sizing: border-box; top: 0px; bottom: 52px; padding-top: 30px;}
	.header .menu .jdmenu>ul>li{ border-bottom: 1px solid #d5d5d5; font-size: 16px;}
	.header .menu .jdmenu>ul>li>a{ padding: 15px 0.4rem; color: #333;}
	.header .menu .jdmenu>ul>li>a>b{ float: right; margin-right: 0; display: none;}
	.header .menu .jdmenu>ul>li>a>b:before{font-size:20px; color: #333;}
	.header .menu .jdmenu>ul>li.open>a>b:before{transform: rotate(-90deg);}
    .header .menu .jdmenu>ul>li.lisearch{ display: none;}
	.header .menu .jdmenu>ul>li.langer{ display: none;}
}

.header .headr{ display: inline-flex; margin: 0; width: auto; align-items: center; transition: linear 0.35s; justify-content: center; position: relative;}
.header .headr .btn{ width: 1.86rem; height: 0.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #555; background: none; border-radius: 0.5rem; margin-right: 0.18rem; transition: linear 0.35s; position: relative; z-index: 1; overflow: hidden; box-shadow: 0 0 5px #99999950;}
.header .headr .btn:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -2;}
.header .headr .btn:nth-child(2){ color: #fff;}
.header .headr .btn:nth-child(2):before{ background: linear-gradient(to right,#bdc864,#76b91f); z-index: -1;}
.header .headr .btn:after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(to right,#76b91f,#bdc864); z-index: -1; transition: linear 0.35s;}
.header .headr .btnsearch{ width: 0.5rem; height: 0.5rem;}
.header .headr .btnsearch i{ font-size: 0.2rem;}
.header .headr .btnmenu{ position: relative; display: inline-flex; width: 50px; height: 50px; border-radius: 50%; background: #fff; align-items: center; justify-content: center; z-index: 15; box-sizing: border-box;}
.header .headr .btnmenu:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; border-radius: 50%;  z-index: 1;}
@media (min-width: 1082px) {
	.header .headr .btn:hover{ color: #fff;}
	.header .headr .btn:hover:after{ width: 100%;}
	.header .headr .btnmenu{ border: 1px solid #76b91f;}
	.header .headr .btnmenu:hover:before{ animation: circle-opacity 2s infinite;}
}
@media (min-width: 1px) and (max-width: 1081px){
}

/*二级导航*/
.header .menu .jdmenu>ul>li>.dropdown-menu{ min-width: 100%; z-index: 8; box-sizing: border-box;}
.header .menu .jdmenu>ul>li>.dropdown-menu>li{ font-size: 13px; position: relative; display: flex; align-items: center;}
.header .menu .jdmenu>ul>li>.dropdown-menu>li>a{ margin: 0; width: calc(100% - 10px); color: #555555; display: flex;text-transform: capitalize; align-items: center; line-height: 2;}

.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul{ min-width: 100%; background: #fff; position: absolute; left: 100%; top: 0; display: none; z-index: 8; box-sizing: border-box;}
.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li{ border-bottom: #ddd solid 1px; font-size: 0.13rem; }
.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li>a{ color: #333; font-weight: 500; padding: 0.1rem 0.2rem 0.1rem 0.26rem; display: block;text-transform: capitalize}

.header .menu .jdmenu>ul>li>.lang-menu>li>a img{ margin: 0; width: 24px; height: auto;}
.header .menu .jdmenu>ul>li>.lang-menu>li>a span{ margin: 0; margin-left: 5px;}


@media (min-width: 1082px) {
	.header .menu .jdmenu>ul>li>.dropdown-menu{}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li{ }
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>a{ }
	.header .menu .jdmenu>ul>li>.dropdown-menu>li:before{ content: ""; width: 6px; height: 1px; background: #555; display: block; margin-right: 0.1rem;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li:hover>a{ color: #7cb62c;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li:hover>a:before{ background: #7cb62c;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li:hover>ul{ display: block;}
	
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul{ box-shadow: 2px 2px 5px #d5d5d5;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li>a{ text-overflow:ellipsis; white-space: nowrap;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li:hover>a{ background: #7cb62c; color: #fff;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li:last-child{ border-bottom: 0;}
	
	.header .menu .jdmenu>ul>li>.dropdown-menu.lang-menu{ width:120px; min-width: inherit;}
}
@media (min-width: 1240px) {
    .header .menu .jdmenu>ul>li>.dropdown-menu>li{ font-size: 16px;}
}
@media (min-width: 1px) and (max-width: 1081px){
	.header .menu .jdmenu>ul>li>.dropdown-menu{ position: inherit!important; left: inherit!important; right: inherit!important; top: inherit!important; min-width: inherit; display: block; margin: 0;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li{ text-align: left; font-size: 14px;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>a>b:before{ transform: rotate(90deg);}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li.open>a>b:before{transform: rotate(-90deg);}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>a{ display: block; padding: 5px 30px}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul{ position: inherit!important; left: inherit!important; right: inherit!important; top: inherit!important; min-width: inherit; display: none; margin: 0;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li{ border-bottom: #ddd dashed 1px;}
	.header .menu .jdmenu>ul>li>.dropdown-menu>li>ul>li>a{ padding: 10px 36px;}
}


.search{ position:fixed; right: 0; top: 0; left: 0; background: #414141; height: 0; transition: linear 0.65s; overflow: hidden; z-index: 11}
.search[typeof='on']{ height: 100%;}
.search .close{ position: absolute; right: 15px; top: 15px; color: #fff; cursor: pointer; transition: linear 0.65s;}
.search .close i{ font-size: 0.6rem;}
.search .searchlist{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; text-align: center;}
.search .logo{ margin-bottom: 20px; }
.search .logo img{ height: auto!important;}
.search form{ display: flex; transition: linear 0.35s; z-index: 2; padding: 0px 10px;background: #fff; }
.search form>input{ flex: 1; height: 40px; padding: 10px 10px; background: #fff; color: #342c2a; border:0; transition: linear 0.5s;}
.search form>button{ width: 40px; background: none; border: 0; cursor: pointer; outline: none; color: #342c2a;}
.search form>button>i{ font-size: 20px; overflow: hidden; display: inline-block; margin-top: 1px;}
/*.search>form>input::-webkit-input-placeholder{ color: #fff; font-size: 18px;}
.search>form>input::-moz-placeholder{ color: #fff; font-size: 18px;}
.search>form>input::-moz-placeholder{ color: #fff; font-size: 18px;}
.search>form>input::-ms-input-placeholder{ color: #fff; font-size: 18px;}*/
@media (min-width: 1082px) {
}
@media (min-width: 1px) and (max-width: 1081px){
	.search .searchlist{ width: 100%; box-sizing: border-box; padding: 0 3vw;}
}
/**********头部**********/

/**********大图切换**********/
.bframe{ overflow: hidden; position: relative; z-index: 1;}
#bframe img{ width: 100%; height: auto;}
.bframe .swiper-container{ width: 100%;}
.bframe .swiper-slide{ overflow: hidden; position: relative;}
.bframe .swiper-slide a{ display: block; position: relative;}
.bframe .swiper-slide img{ width: 100%; height: auto; }
.bframe .swiper-slide-active img{ transition:5s linear; }

.bframe .swiper-pagination{ position: absolute;  bottom: 0.45rem!important; z-index: 9;  display:none;}
.bframe .swiper-pagination .swiper-pagination-bullet{ display: inline-block; width: 8px; height: 8px; border: 0; background: #a9abaf; opacity: 1; margin-top: 0.5rem; transition: linear 0.35s;}
.bframe .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; }

.bframe .btn{ display: inline-flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; background: #fff; border-radius: 50%; width: 0.58rem; height: 0.58rem; box-shadow: 0 0 0.25rem rgba(0,88,28,0.26); margin-top: 0.85rem; margin-right: 0.15rem;}
.bframe .btn i{ color: #7cb62c; font-size: 0.3rem; transform: rotate(-45deg);}
.bframe .btn-next i{ transform: rotate(135deg);}

.bframe .btn_txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.bframe .btn_txt .lt{ margin: 0; width: 48%; color: #fff;}
.bframe .btn_txt .lt span{ background: #95c64f; display: inline-block; font-size: 0.2rem; padding: 0.15rem 0.3rem; border-radius: 0.3rem;}
.bframe .btn_txt .lt h1{ font-family: "Poppins-Bold"; font-size: 0.4rem; line-height: 1.55;}
.bframe .btn_txt .lt p{ font-size: 18px; line-height: 2;}
.bframe .btn_txt .lt .btsearch{ margin: 0; margin-top: 0.45rem; background: none; border-radius: 0.56rem; border: 1px solid #fff; max-width: 5.6rem;}
.bframe .btn_txt .lt .btsearch form{ display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 0.15rem 0 0.3rem;}
.bframe .btn_txt .lt .btsearch form>input{ flex: 1; height: 40px; padding: 10px 0; background: none; color: #fff; border:0; transition: linear 0.5s;}
.bframe .btn_txt .lt .btsearch form>input::placeholder{ color: #fff;}
.bframe .btn_txt .lt .btsearch form>button{ width: 40px; background: none; border: 0; cursor: pointer; outline: none;}
.bframe .btn_txt .lt .btsearch form>button>i{ font-size: 20px; overflow: hidden; display: inline-block; margin-top: 1px; color: #fff;}
.bframe .btn_txt .lt dl{ margin-top: 0.3rem;}
.bframe .btn_txt .lt dl dd{ display: inline-block; margin: 0; margin-right: 0.2rem;}
.bframe .btn_txt .lt dl dd a{ display: flex; align-items: center; justify-content: center; width: 1.73rem; height: 0.58rem; border-radius: 0.58rem; background: #fff; color: #7eb726; font-size: 16px; border: 1px solid #fff; transition: linear 0.35s;}
.bframe .btn_txt .lt dl dd a:hover{ background: none; color: #fff;}
@media (min-width: 1082px) {
	.bframe{}
	.bframe .btn:hover{ background: #7cb62c;}
	.bframe .btn:hover i{ color: #fff;}
}
@media (min-width: 1px) and (max-width: 1081px){
	.bframe{ margin-top: 50px;}
	.bframe .btxt{ position: inherit; width: 100%;}
	.bframe .btn{ margin-top: 0.5rem;}
	.bframe .btn_txt{ position: inherit; left: inherit; top: inherit; transform: none; background: #f8f6f6; margin: 0; padding: 0.3rem;}
	.bframe .btn_txt .lt{ color: #333; width: 100%;}
	.bframe .btn_txt .lt span{ color: #fff;}
	.bframe .btn_txt .lt .btsearch{ border-color: #95c64f;}
	.bframe .btn_txt .lt .btsearch form>input{ color: #333;}
	.bframe .btn_txt .lt .btsearch form>input::placeholder{ color: #333;}
	.bframe .btn_txt .lt .btsearch form>button>i{ color: #95c64f;}
}

/**********大图切换**********/


/**********首页样式**********/

.iframe{ overflow: hidden; padding-top: 10px; background: #f8f6f6;}
.iframe .container{  position: relative;}
.iframe .tit{ font-size: 0.3rem; color: #7cb62c; line-height: 1.2; margin-bottom: 10px;}
.iframe .maintit{ font-size: 0.46rem; font-weight: bold; line-height: 1.4;}
.iframe .indexconsult{ display: flex; flex-wrap: wrap; background: #fff; padding: 0.35rem 0.5rem 0.55rem 0.5rem; position: relative; box-sizing: border-box; margin-top: 0.5rem; align-items: flex-end;}
.iframe .indexconsult input{ width: 3.9rem; height: 0.5rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.25rem; font-size: 14px; color: #555555; margin: 0; margin-right: 0.25rem; margin-TOP: 0.25rem; border:1px dashed #77b920; border-radius: 0.5rem;}
.iframe .indexconsult .clear{ width: 100%;}
.iframe .indexconsult button{ width: 2.28rem; height: 0.6rem; display: inline-flex; align-items: center; justify-content: space-between; background: #7cb62c; padding:5px; border: 0; box-sizing: border-box; border-radius: 0.6rem; cursor: pointer; outline: none;}
.iframe .indexconsult button b{ margin: 0; flex: 1; display: inline-flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #fff;}
.iframe .indexconsult button span{ margin: 0; width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.iframe .indexconsult button span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
.iframe .indexconsult button:hover span{ transform: rotate(45deg)}
.iframe .indexconsult .bg4{ position: absolute; right: 0; bottom: 0; width: 4.03rem; height: 3.8rem;}
.iframe  .bouttit{ font-size: 14px; color: #777777; line-height: 2.1; margin-top: 0.3rem; margin-left: 0.5rem;}
@media (min-width:1082px){
}
@media (min-width:1px) and  (max-width:1081px){
	.iframe .indexconsult input{ min-width: 100%;}
	.iframe .indexconsult button{margin-top: 0.3rem;}
}


.iframe1{ padding: 1rem 0 ; overflow: hidden; position: relative; background: #f8f6f6}
.iframe1 .container{ display: flex; flex-wrap: wrap;}
.iframe1 .item{ margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem; padding: 0.3rem 0.45rem; border-radius: 0.1rem; box-sizing: border-box; background: #fff; box-shadow: 0 0 0.18rem rgba(105,128,23,0.15); position: relative; overflow: hidden; cursor: pointer;}
.iframe1 .item:before{ content: ""; position: absolute; top: -0.5rem; right: -0.5rem; background: url("../images/1_05.png") no-repeat center center / 100% 100%; width: 2.06rem; height: 2.06rem; z-index: 1;}
.iframe1 .item span{ width: 0.78rem; height: 0.78rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #7cb62c; color: #fff;}
.iframe1 .item span i{ font-size: 0.4rem;}
.iframe1 .item b{ display: block; font-family: "Poppins-Bold"; font-size: 0.34rem; margin: 0.2rem 0 0.25rem;}
.iframe1 .item p{ font-size: 16px; line-height: 1.75;}
.iframe1 .item:nth-child(2n+1){ background: linear-gradient(45deg,#79bb24,#c0cb6c);}
.iframe1 .item:nth-child(2n+1) span{ background: #fff; color: #7cb62c;}
.iframe1 .item:nth-child(2n+1) b{ color: #fff;}
.iframe1 .item:nth-child(2n+1) p{ color: #fff;}
@media (min-width:1082px){
	.iframe1 .item:nth-child(4){ margin-right: 0;}
	.iframe1 .item:hover{ box-shadow: 0 0 0.15rem #00000030;}
}
@media (min-width:1px) and  (max-width:1081px){
	.iframe1 .item{ width: calc((100% - 0.25rem)/2); margin-bottom: 0.3rem;}
	.iframe1 .item:nth-child(2n){ margin-right: 0;}
}


.iframe2{ overflow: hidden; background-color: #f8f6f6; position: relative;}
.iframe2 .bg1{ position: absolute; right: 4.7rem; bottom: 0.3rem;}
.iframe2 .bg2{ position: absolute; right: 1.5rem; top: 0.9rem;}
.iframe2 .lt{ position: relative;}
.iframe2 .lt img{ border-radius: 0.1rem;}
.iframe2 .lt span{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(to right,#bdc864,#76b91f); width: 0.8rem; height: 0.8rem; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; cursor: pointer;}
.iframe2 .lt span i{ font-size: 0.3rem; }
.iframe2 .lt span em{ position: absolute; left: -0.12rem; top: -0.12rem; right: -0.12rem; bottom: -0.12rem; border: 1px solid #fff; z-index: 1; border-radius: 50%; animation: load 3s linear infinite;}
.iframe2 .lt span em:after{ content: ""; width: 0.1rem; height: 0.1rem; background: #fff; border-radius: 50%; position: absolute; left: 0.2rem; top: 2px;}
.iframe2 .fr{ position: relative;}
.iframe2 .fr .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c;}
.iframe2 .fr .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3}
.iframe2 .fr .context{ margin-top: 0.4rem; font-size: 16px; line-height: 1.875; color: #777777;}
.iframe2 .fr .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin-top: 0.8rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.iframe2 .container{ display: flex; justify-content: space-between;}
	.iframe2 .lt{ margin: 0; width: calc(50% - 0.65rem); box-sizing: border-box; margin-right: 0.65rem;}
	.iframe2 .fr{ margin: 0; width: 50%;}
	.iframe2 .fr .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and  (max-width:1081px){
	.iframe2 .lt{ margin-bottom: 0.3rem;}
}


.iframe3{ overflow: hidden; padding: 0.85rem 0; background-color: #f8f6f6;}

@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
}


.iframe4{ overflow: hidden; background: url("../images/1_11.jpg") no-repeat center bottom #f8f6f6;}
.iframe4 .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c;}
.iframe4 .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3; margin-bottom: 0.5rem;}
@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
}

.iframe5{ overflow: hidden;}
.iframe5 .lt{}
.iframe5 .fr{ padding: 1rem 0 0.6rem;}
.iframe5 .fr .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c;}
.iframe5 .fr .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3; margin-bottom: 0.5rem;}
.iframe5 .fr p{ font-size: 16px; line-height: 1.875; color: #777777;}
.iframe5 .fr .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
.iframe5 .fr .list{ display: flex; flex-wrap: wrap; margin-top: 0.5rem;}
.iframe5 .fr .list .item{ margin: 0; width: calc((100% - 0.3rem)/2); margin-right: 0.3rem; margin-bottom: 0.4rem; box-sizing: border-box;  padding: 0.15rem 0.3rem; border-radius: 0.1rem; box-shadow: 0 0 0.18rem #699e1715; background: #fff; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.iframe5 .fr .list .item .tag{ margin: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.18rem; height: 1.18rem; background: url(../images/1_13.jpg) no-repeat center center / 100% 100%; color: #fff;}
.iframe5 .fr .list .item .tag i{ font-size: 0.35rem; margin-left: -0.11rem;}
.iframe5 .fr .list .item .txt{ margin: 0; width: calc(100% - 1.48rem);}
.iframe5 .fr .list .item .txt b{ display:block; font-family: "Poppins-Bold"; font-size: 18px;}
.iframe5 .fr .list .item .txt article{ font-size: 14px; line-height: 1.72; margin-top: 0.1rem; display: block;}
@media (min-width:1082px){
	.iframe5{ display: flex; justify-content: space-between;}
	.iframe5 .lt{ width: 6.75rem; margin: 0;}
	.iframe5 .fr{ margin: 0; width: calc(100% - 6.75rem - 0.45rem); padding-right: calc((100% - 960px)/2);}
	.iframe5 .fr .list .item:nth-child(2n){ margin-right: 0;}
	.iframe5 .fr .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
	.iframe5 .fr .list .item:hover{ box-shadow: 0 0 0.15rem #00000030;}
}
@media (min-width:1200px){
	.iframe5 .fr{ padding-right: calc((100% - 1100px)/2);}
}
@media (min-width:1300px){
	.iframe5 .fr{ padding-right: calc((100% - 1200px)/2);}
}
@media (min-width:1650px){
	.iframe5 .fr{ padding-right: calc((100% - 1550px)/2);}
}
@media (min-width:1px) and (max-width:1081px){
	.iframe5 .fr{ padding: 0.6rem 15px;}
	.iframe5 .fr .list .item{ width: 100%; margin-right: 0;}
}

.iframe6{ padding: 0.65rem 0 1rem; overflow: hidden; text-align: center;}
.iframe6 .list{ display: flex; flex-wrap: wrap;}
.iframe6 .item{ margin: 0; width: calc((100% - 1.2rem)/4); margin-right: 0.4rem; margin-bottom: 0.2rem;}
.iframe6 .item .img{ overflow: hidden; border-radius: 0.1rem; box-sizing: border-box; box-shadow: 0 0 .29rem #00000015;}
.iframe6 .item .img img{}
.iframe6 .item .txt{ padding: 0.15rem; text-align: center;}
.iframe6 .item .txt .maintit{ font-family: "Poppins-Bold"; font-size: 18px; color: #555555;}

.iframe6 .item:first-child .tit{ font-size: 0.3rem; color: #7eb726; margin-bottom: 0.3rem;}
.iframe6 .item:first-child .bouttit{ font-family: "Poppins-Bold"; font-size: 0.36rem; line-height: 1.55;}
.iframe6 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.3rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.iframe6 .item:first-child{ width: calc((100% - 1.2rem + 1.6rem)/4); margin-right: 0; text-align: left;}
	.iframe6 .item:nth-child(4n){ margin-right: 0;}
	.iframe6 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.iframe6 .item{ width: 100%; margin-right: 0;}
}

.iframe7{}
.iframe7 .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c; text-align: center; margin-bottom: 0.3rem;}
.iframe7 .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3; text-align: center; margin-bottom: 0.55rem;}
.iframe7 ul{ display: flex; flex-wrap: wrap;}
.iframe7 ul li{ margin: 0; width: calc((100% - 1.5rem)/4); margin-right: 0.5rem; font-size: 18px; color: #555555; padding: 0.2rem; box-sizing: border-box; border: 2px solid #7cb62c; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; transition: linear 0.35s; cursor: pointer; outline: none;}
.iframe7 ul li.active,.iframe7 ul li:hover{ background: #7cb62c; color: #fff;}
.iframe7 .list{ margin-top: 0.75rem; text-align: center;}
.iframe7 .list .itembox{ display: none; flex-wrap: wrap;}
.iframe7 .list .itembox.active{ display: flex;}
.iframe7 .list .context{ display: none; font-size: 16px; line-height: 2; margin-bottom: 0.4rem;}
.iframe7 .list .context.active{ display: block;}
.iframe7 .list .item{ margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem; margin-bottom: 0.3rem; box-sizing: border-box; background: #f8f6f6; border: 1px solid #e7e7e7; border-radius: 0.1rem; text-align: left;}
.iframe7 .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.iframe7 .list .item .img img{ width: 100%; height: auto;}
.iframe7 .list .item .txt{ padding: 0.3rem 0.25rem;}
.iframe7 .list .item .txt .bouttit{ font-size: 18px; color: #555555;}
.iframe7 .list .item .txt .line{ display: block; margin: 0.15rem 0; height: 0; border-bottom: 2px dashed #c5c4c4;}
.iframe7 .list .item .txt p{ font-size: 14px; color: #777777;}
.iframe7 .list .more{ display: none; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.3rem; border: 1px solid transparent; transition: linear 0.35s;}
.iframe7 .list .more.active{ display: inline-flex;}
@media (min-width:1082px){
	.iframe7 ul li:nth-child(4){ margin-right: 0;}
	.iframe7 .list .item:nth-child(4n){ margin-right: 0;}
	.iframe7 .list .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.iframe7 ul li{ width: 100%; margin-right: 0; margin-bottom: 0.3rem;}
	.iframe7 .list .item{ width: calc((100% - 0.25rem)/2);}
	.iframe7 .list .item:nth-child(2n){ margin-right: 0;}
}


.iframe8{}
.iframe8 .lt{ position: relative; padding: 0.9rem 0 0.4rem;}
.iframe8 .lt .bg1{ position: absolute; right: 0; top: 0.2rem; display: inline-block;}
.iframe8 .lt .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c; margin-bottom: 0.3rem;}
.iframe8 .lt .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3; margin-bottom: 0.5rem;}
.iframe8 .lt .itembox{ display: none; flex-wrap: wrap;}
.iframe8 .lt .itembox.active{ display: flex;}
.iframe8 .lt .item{ margin: 0; width: calc((100% - 0.2rem)/2); margin-bottom: 0.25rem; margin-right: 0.2rem; box-sizing: border-box; padding: 0.1rem; border-radius: 0.1rem; background: #f8f6f6; position: relative; overflow: hidden; z-index: 1; display: flex; justify-content: space-between;}
.iframe8 .lt .item .img{ margin: 0; width: 1.65rem; overflow: hidden; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.iframe8 .lt .item .txt{ margin: 0; width: calc(100% - 1.9rem); position: relative; z-index: 2; box-sizing: border-box; padding-right: 0.15rem;}
.iframe8 .lt .item .txt .bouttit{ font-size: 18px; line-height: 1.4; height: 2.8em; color: #555555;}
.iframe8 .lt .item .txt time{ display: block; font-size: 14px; color: #7cb62c; margin: 0.1rem 0}
.iframe8 .lt .item .txt span{ display: inline-block; font-size: 14px; color: #fff; padding: 0.1rem 0.19rem; border-radius: 0.19rem; background: linear-gradient(-175deg,#79bb24,#c0cb6c);}
.iframe8 .lt .item:before{ content: ""; position: absolute; top: -0.5rem; right: -0.5rem; background: url("../images/1_05.png") no-repeat center center / 100% 100%; width: 2.06rem; height: 2.06rem; z-index: 1;}
.iframe8 .lt .more{ display: none; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.3rem; border: 1px solid transparent; transition: linear 0.35s;}
.iframe8 .lt .more.active{ display: flex;}
.iframe8 .fr{ background: url("../images/1_14.jpg") no-repeat center center / 100% auto; height: 8.23rem; box-sizing: border-box; padding: 1rem 0; display: flex; align-items: center;}
.iframe8 .fr ul{}
.iframe8 .fr li{ font-size: 0.36rem; color: #fff; line-height: 1.2; margin-bottom: 0.4rem; display: flex; align-items: center; justify-content: flex-end; cursor: pointer;}
.iframe8 .fr li i{ font-size: 0.27rem; margin-right: 0.22rem; opacity: 0;}
.iframe8 .fr li:after{ content: ""; display: inline-block; width: 10px;height: 2px; background: #fff; margin-left: 0.2rem;}
.iframe8 .fr li a{ display: block; color: #fff;}
.iframe8 .fr li.active{ font-family: "Poppins-Bold";}
.iframe8 .fr li.active i{ opacity: 1;}
@media (min-width:1082px){
	.iframe8{ display: flex; justify-content: space-between;}
	.iframe8 .lt{ margin: 0; width: calc(100% - 6.92rem); padding-left: calc((100% - 960px)/2); box-sizing: border-box;}
	.iframe8 .lt .item:nth-child(2n){ margin-right: 0;}
	.iframe8 .lt .item:hover{ box-shadow: 0 0 0.15rem #00000030;}
	.iframe8 .lt .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
	.iframe8 .fr{ margin: 0; width: 6.22rem;}
}
@media (min-width:1200px){
	.iframe8 .lt{ padding-left: calc((100% - 1100px)/2);}
}
@media (min-width:1300px){
	.iframe8 .lt{ padding-left: calc((100% - 1200px)/2);}
}
@media (min-width:1650px){
	.iframe8 .lt{ padding-left: calc((100% - 1550px)/2);}
}
@media (min-width:1px) and (max-width:1081px){
	.iframe8{ display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column-reverse;}
	.iframe8 .fr{ width: 100%; }
	.iframe8 .lt{ padding: 0.6rem 15px;}
	.iframe8 .lt .item{ width: 100%; margin-right: 0;}
}
/**********首页样式**********/


/**********底部样式**********/
.barrier{ padding: 0.6rem 0 1.13rem; overflow: hidden; background: #f8f8f8;}
.barrier .lt{ position: relative;}
.barrier .lt span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; background: #00000080; font-size: 0.3rem; padding: 5px 0.3rem; color: #7cb62c;}
.barrier .fr{}
.barrier .fr .tit{ font-size: 0.3rem; line-height: 1.3; color: #7cb62c; margin-bottom: 0.3rem;}
.barrier .fr .maintit{ font-family: "Poppins-Bold"; font-size: 0.46rem; line-height: 1.3; margin-bottom: 0.5rem;}
.barrier .fr .subscribeBox{ display: flex; flex-wrap: wrap;}
.barrier .fr .subscribeBox input{ margin: 0; width: calc((100% - 0.3rem)/2); height: 0.5rem; box-sizing: border-box; background: noen; margin-right: 0.3rem; border-radius: 0.5rem; padding:0 0.2rem; font-size: 16px; margin-bottom: 0.2rem; border: 1px dashed #80be2f; color: #555555;}
.barrier .fr .subscribeBox input::placeholder{ color: #555555;}
.barrier .fr .subscribeBox textarea{ margin: 0; width: calc((100%)/1); height: 1rem; box-sizing: border-box; background: noen; border-radius: 0.25rem; padding:0.2rem; font-size: 16px; margin-bottom: 0.2rem; border: 1px dashed #80be2f; color: #555555; resize: none;}
.barrier .fr .subscribeBox textarea::placeholder{ color: #555555;}
.barrier .fr .subscribeBox .button{ display: flex; align-items: center; width: 100%; margin-top: 0.1rem;}
.barrier .fr .subscribeBox .button button{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.08rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; margin-right: 0.4rem; box-sizing: border-box; outline: none;}
.barrier .fr .subscribeBox .button button b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.barrier .fr .subscribeBox .button button span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.barrier .fr .subscribeBox .button button span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
.barrier .fr .subscribeBox .button .upload{ width: 2.4rem!important; height: 0.6rem!important; border-radius: 0.65rem; background: #f8f6f6; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.barrier .fr .subscribeBox .button .upload .add{ top: 0; display: flex; justify-content: space-between; padding: 5px; align-items: center; }
.barrier .fr .subscribeBox .button .upload .add svg{ display: none;}
.barrier .fr .subscribeBox .button .upload .add:before{ content: "Attachment"; display: inline-block; font-size: 0.2rem; color: #555555; width: calc(100% - 0.5rem); text-align: center;}
.barrier .fr .subscribeBox .button .upload .add:after{ content: ""; background: url("../images/1_17.jpg") no-repeat center center / 100% 100%; width: 0.5rem; height: 0.5rem;}
.barrier .fr .subscribeBox .button .upload .success{ opacity: 0;}

@media (min-width:1082px){
    .barrier .container{ display: flex; justify-content: space-between;}
	.barrier .lt{ margin: 0; width: 6.09rem; }
	.barrier .fr{ margin: 0; width: calc(100% - 6.6rem); }
	.barrier .fr .subscribeBox input:nth-child(2n){ margin-right: 0;}
	.barrier .fr .subscribeBox .button button:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.barrier .lt{ margin-bottom: 0.3rem;}
	.barrier .fr .subscribeBox input{ width: 100%; margin-right: 0;}
}

.footer{ overflow: hidden; padding-top: 1.7rem; background: url("../images/1_16.jpg") no-repeat top center / cover;}
.footer .container{ display: flex; justify-content: space-between;}

.footer .foot{ margin: 0; width: calc((100%)/4); margin-bottom: 1rem;}
.footer .foot .maintit{ font-family: "Poppins-Bold"; font-size: 0.24rem; line-height: 1.2; margin-bottom: 0.3rem; color: #fff;}
.footer .foot ul{}
.footer .foot li{ display: block; font-size: 16px; line-height: 2;}
.footer .foot li a{ display: block; color: #fff; }


.footer .foot .divinfo{ display: flex; justify-content: space-between; margin-bottom: 0.2rem; color: #fff;}
.footer .foot .divinfo em{ display: inline-block; font-style: normal; width: 0.3rem; margin-top: 4px;}
.footer .foot .divinfo em i{ font-size: 18px;}
.footer .foot .divinfo span{ display: block; width: calc(100% - 0.3rem); color: #fff; font-size: 16px;}
.footer .foot .divinfo span a{ color: #fff;}
.footer .foot .divinfo:nth-child(3) span a{ font-family: "Poppins-Bold";}

.footer .foot p{ font-size: 18px; line-height: 2; color: #fff; margin: 0.4rem 0}

.footer .share{ display: flex; justify-content: space-between;}
.footer .share a{ margin: 0; display: inline-block;}
.footer .share a i{ font-size: 0.24rem; color: #fff;}
@media (min-width:1082px){
	.footer .foot:nth-child(1){ width: 1.5rem; margin-right: 1.4rem;}
	.footer .foot:nth-child(2){ width: 4rem; margin-right: 1rem;}
	.footer .foot:nth-child(2) li:nth-child(2n){ margin-right: 0;}
	.footer .foot:nth-child(3){ width: 4.2rem; margin-right: 0.85rem;}
	.footer .foot:nth-child(4){ width: 2.8rem;}
}
@media (min-width:1px) and  (max-width:1081px){
	.footer{ padding-top: 0.8rem;}
	.footer>.container{ display: none;}
}

/*region 语种工具*/
.footer_language{overflow: hidden; padding: 15px 0; background: #000000;}
.footer_language>.container>ul{display: flex; justify-content: space-between;}
.footer_language>.container>ul>li{ margin: 0; display: inline-block;}
.footer_language>.container>ul>li>a{font-size:12px; line-height:2em; color: #fff;}
.footer_language>.container>ul>li>a>img{border:solid 1px #eaeaea; margin-right: 3px;}
.footer_language>.container>ul>li>a>span{font-size:12px; line-height:2em;}
.footer_language>.container>ul>li:last-child{ margin-right: 0px;}

@media (min-width:1px) and (max-width:1080px){
.footer_language{ display: none;}
}
/*endregion*/

.copy{ overflow: hidden; padding:0.15rem 0;  border-top: 1px solid #bcd39f;}
.copy .container{  display: flex; justify-content: space-between; align-items: center;}
.copy .divcopy{ font-size: 14px; line-height: 1.5; color: #fff;}
.copy .divcopy a{ color: #fff;}
@media (min-width:1082px){
	.copy .divcopy{ margin: 0; width: 50%; }
	.copy .divcopy:nth-child(2){ text-align: right;}
}
@media (min-width:1px) and  (max-width:1081px){
	.copy{ margin-top: 0; margin-bottom: 52px; padding-top: 0.1rem;}
	.copy .container{ padding: 0; border: 0; display: block;}
    .copy .divcopy{ font-size: 14px;}
}
/**********底部样式**********/


/**********内页大图**********/
.nbframe{ position: relative; overflow: hidden;}
.nbframe img{ width: 100%; height: auto;}
@media (min-width:1082px){
    .nbframe{}
}
@media (min-width:1px) and  (max-width:1081px){
	.nbframe{ margin-top: 48px;}
}
/**********内页大图**********/

/**********面包屑**********/
.location{ overflow: hidden; padding: 0.2rem 0; box-sizing: border-box; }
.location .container{ position: relative;}
.location .txt p{  display: inline-flex; align-items: center; width: 100%; color: #666666;}
.location .icon-home{ margin-right: 5px; font-size: 0.2rem;}
.location .icon-here{ display: inline-block; padding: 0 3px; font-size: 16px;}
.location a{ display: inline-block; color: #666666;}
@media (min-width:1082px){
    .location .txt h1{ display: none;}
    .location .txt h2{ display: none;}
}
@media (min-width:1px) and (max-width:1081px){
	.location .txt h1{ display: none;}
    .location .txt h2{ display: none;}
	.location .txt p{ flex-wrap: wrap;}
}

.stylesort{ overflow: hidden; }
.stylesort .item{ display: inline-flex; padding: 0.1rem 0.25rem; border-radius: 5px; font-size: 16px; margin-left: 0.15rem;}
.stylesort .item:hover,.stylesort .item.active{ background: #7cb62c; color: #fff;}
@media (min-width:1082px){
	.stylesort{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}
@media (min-width:1px) and (max-width:1081px){
	.stylesort{ margin-top: 0.5rem;}
}
/**********面包屑**********/

.body{ position: relative; }

/**********左右侧页面**********/
.flex_between{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }

.left_nav{ width: 4.1rem; box-sizing: border-box; margin: 1rem 0 0.3rem; background: #f8f6f6; padding: 0.3rem 0.4rem; border-radius: 0.1rem;}
.left_nav .lbt{ overflow: hidden;}
.left_nav .lbt .maintit{ background: linear-gradient(-174deg ,#79bb24,#c0cb6c); font-family: "Poppins-Bold"; font-size: 0.3rem; color: #fff; padding: 0.1rem 0.3rem; border-radius: 0.3rem; text-align: center;}
.left_nav>.lbt>ul{ }
.left_nav>.lbt>ul>li{ font-size: 18px; position: relative; border-bottom: 1px dashed #7cb62c;}
.left_nav>.lbt>ul>li>a{ display: block; justify-content: space-between; padding: 0.2rem 0.17rem; color: #555555; position: relative; }
.left_nav>.lbt>ul>li>a:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 1px; background: #555555;}
.left_nav>.lbt>ul>li:last-child{ border-bottom: 0;}
.left_nav>.lbt>ul>li:hover>a,.left_nav>.lbt>ul>li.active>a{ font-family: "Poppins-Bold"; color: #7cb62c}

.left_nav>.lbt>ul>li>ul{ background: #f8f8f8; display: none!important; transition: linear 0.35s;}
.left_nav>.lbt>ul>li>ul>li{ font-size: 16px; font-weight: normal;}
.left_nav>.lbt>ul>li>ul>li>a{ display: block; color: #333; padding: 0.13rem 0.4rem ;}
.left_nav>.lbt>ul>li>ul>li:hover>a,.left_nav>.lbt>ul>li>ul>li.active>a{ background: #f0f0f0; color: #e8302e;}

.left_nav .itembox{ margin: 0 -0.4rem -0.3rem -0.4rem; background: #f8f6f6; padding-top: 0.4rem; position: relative;}
.left_nav .itembox .img{ overflow: hidden;}
.left_nav .itembox .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; text-align: center; width: 90%}
.left_nav .itembox .txt .z1{ font-family: "Poppins-Bold"; font-size: 0.24rem; line-height: 1.625; color: #fff; }
.left_nav .itembox .txt a{ display: inline-flex; width: 1.68rem; height: 0.6rem; align-items: center; justify-content: center; border-radius: 0.6rem; font-size: 14px; color: #7cb62c; margin-top: 0.35rem; box-shadow: 5px 0 0.18rem #80b82839; position: relative; overflow: hidden;}
.left_nav .itembox .txt a:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -2;}
.left_nav .itembox .txt a:after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(to right,#76b91f,#bdc864); z-index: -1; transition: linear 0.35s;}

.left_nav .hotlist{ margin: 0.3rem -0.4rem -0.3rem -0.4rem; background: #ccc; padding: 0.3rem;}
.left_nav .hotlist .maintit{ font-family: var(--font1); font-size: 0.3rem;}
@media (min-width:1082px){
	.left_nav{ }
	.left_nav .itembox .txt a:hover{ color: #fff;}
	.left_nav .itembox .txt a:hover:after{ width: 100%;}
}
@media (min-width:1px) and (max-width:1081px){
	.left_nav{ width: 100%; padding: 0.3rem;}
	.left_nav .lbt .maintit{}
	.left_nav .lbt>ul{ display: none;}
	.left_nav>.lbt>ul>li{ padding: 0 .3rem;}
	.left_nav .itembox{ display: none;}
}

.left_nav1{ width: 4.1rem; box-sizing: border-box; margin: 1rem 0 0.3rem; }
.left_nav1 .lbt{ overflow: hidden;background: #f8f6f6; padding: 0.3rem 0.4rem; border-radius: 0.1rem; margin-bottom: 0.4rem;}
.left_nav1 .lbt .maintit{ background: linear-gradient(-174deg ,#79bb24,#c0cb6c); font-family: "Poppins-Bold"; font-size: 0.3rem; color: #fff; padding: 0.1rem 0.3rem; border-radius: 0.3rem; text-align: center;}
.left_nav1>.lbt>ul{ }
.left_nav1>.lbt>ul>li{ font-size: 18px; position: relative; border-bottom: 1px dashed #7cb62c;}
.left_nav1>.lbt>ul>li>a{ display: block; justify-content: space-between; padding: 0.2rem 0.17rem; color: #555555; position: relative; }
.left_nav1>.lbt>ul>li>a:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 1px; background: #555555;}
.left_nav1>.lbt>ul>li:last-child{ border-bottom: 0;}
.left_nav1>.lbt>ul>li:hover>a,.left_nav1>.lbt>ul>li.active>a{ font-family: "Poppins-Bold"; color: #7cb62c}

.left_nav1>.lbt>ul>li>ul{ background: #f8f8f8; display: none!important; transition: linear 0.35s;}
.left_nav1>.lbt>ul>li>ul>li{ font-size: 16px; font-weight: normal;}
.left_nav1>.lbt>ul>li>ul>li>a{ display: block; color: #333; padding: 0.13rem 0.4rem ;}
.left_nav1>.lbt>ul>li>ul>li:hover>a,.left_nav1>.lbt>ul>li>ul>li.active>a{ background: #f0f0f0; color: #e8302e;}

.left_nav1 .hotlist{ margin-top: 0.3rem;}
.left_nav1 .hotlist ul{}
.left_nav1 .hotlist ul li{ font-size: 14px; margin-bottom: 0.15rem; position: relative; padding: 0 0.2rem;}
.left_nav1 .hotlist ul li a{ line-height: 1.5; position: relative; z-index: 1;}
.left_nav1 .hotlist ul li:before{ content: ""; position: absolute; left: 0; top: 0.05rem; width: 0.1rem; height: 0.1rem; background: #79bb24; border-radius: 50%;}
@media (min-width:1082px){
	.left_nav1{ }
	.left_nav1 .itembox .txt a:hover{ color: #fff;}
	.left_nav1 .itembox .txt a:hover:after{ width: 100%;}
}
@media (min-width:1px) and (max-width:1081px){
	.left_nav1{ width: 100%; padding: 0.3rem;}
	.left_nav1 .lbt .maintit{}
	.left_nav1 .lbt>ul{ display: none;}
	.left_nav1>.lbt>ul>li{ padding: 0 .3rem;}
	.left_nav1 .itembox{ display: none;}
}

.right_detail{ width: calc(100% - 4.5rem); margin: 1rem 0 0.3rem;}
@media (min-width:1px) and (max-width:1081px){
	.right_detail{ width: 100%; }
}
/**********左右侧页面**********/



/**********关于我们**********/
.abtit{ text-align: center;}
.abtit span{ font-size: 0.2rem; display: inline-flex; align-items: center; justify-content: center;}
.abtit span:before{ content: ""; display: inline-block; width: 0.14rem; height: 0.16rem; background: url("../images/2_04.png") no-repeat center center / 100% 100%; margin-right: 0.11rem;}
.abtit h2,.title-aboutusny{ font-family: "Poppins-Bold"; font-size: 0.28rem;}

.aframe{ padding:0.4rem 0 1.3rem;  position: relative; background: url("../images/2_03.jpg") no-repeat center center / cover;}

.aframe .context{ font-size: 16px; line-height: 2; overflow: hidden; color: #777777;}
@media (min-width:1082px){
	.aframe .lt{margin: 0; max-width: 10.04rem;}
}
@media (min-width:1px) and (max-width:1081px){
}

.contents{ padding:0.4rem 0 2.3rem;  position: relative; background: url("../images/1_18.jpg") no-repeat center center / cover;}
.contents .z1{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.4rem; padding-top: 0.9rem;}
.contents{ padding:0;  position: relative; background: url("../images/1_18.jpg") no-repeat center bottom;}
.contents .left_nav{ margin: 0 0 0.3rem;}
.contents .right_detail{ margin: 0 0 0.3rem;}
.contents .container{ position: relative;}
.contents .context{ font-size: 16px; line-height: 2;}

.contents .bg1{ position: absolute; right: 3.6rem; bottom: 3rem; width: 1.09rem; height: 1.09rem;}
.contents .bg2{ position: absolute; right: 1.7rem; top: 2.2rem; width: 0.59rem; height: 0.59rem;}
.contents .bg4{ position: absolute; right: 0; bottom: 0; width: 4.03rem; height: 3.8rem;  display:none;}

.aframe1{ overflow: hidden; padding: 0.55rem 0 0.9rem; background: #fff;}
.aframe1 .list{ display: flex; flex-wrap: wrap; margin-top: 0.4rem;}
.aframe1 .list .item{ overflow: hidden; margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem;}
.aframe1 .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.aframe1 .list .item .txt{ padding: 0.2rem; text-align: center; display: none;}
.aframe1 .list .item .txt h3{ font-size: 18px; color: #333;}
@media (min-width:1082px){
	.aframe1 .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe1 .list .item{ width: calc((100% - 0.25rem)/2); margin-bottom: 0.25rem;}
	.aframe1 .list .item:nth-child(2n){ margin-right: 0;}
}

.aframe2{ overflow: hidden; padding: 0.55rem 0 0.9rem;}
.aframe2 .list{ display: flex; flex-wrap: wrap; margin-top: 0.4rem;}
.aframe2 .list .item{ overflow: hidden; margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem;}
.aframe2 .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.aframe2 .list .item .txt{ padding: 0.2rem; text-align: center; display: none;}
.aframe2 .list .item .txt h3{ font-size: 18px; color: #333;}
@media (min-width:1082px){
	.aframe2 .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe2 .list .item{ width: calc((100% - 0.25rem)/2); margin-bottom: 0.25rem;}
	.aframe2 .list .item:nth-child(2n){ margin-right: 0;}
}

.aframe3{ overflow: hidden; padding:0.95rem 0 ; background: #fff; text-align: center;}
.aframe3 .list{ margin-top: 0.45rem; position: relative;}
.aframe3 .list .swiper-slide{ margin: 0;}
.aframe3 .list .item{ overflow: hidden;}
.aframe3 .list .item .img{ overflow: hidden; position: relative;}
.aframe3 .list .item .img img{ width: 100%; height: auto;}
.aframe3 .list .btn{ display: inline-flex; width: 0.5rem; height: 0.5rem; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(to right,#8bbf36,#b0c75c); position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; outline: none;}
.aframe3 .list .btn i{ color: #fff; font-size: 0.3rem;}
.aframe3 .list .btn-prev{ left: 0;}
.aframe3 .list .btn-next{ right: 0;}
.aframe3 .more{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; margin-top: 0.4rem; box-sizing: border-box;}
.aframe3 .more b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.aframe3 .more span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.aframe3 .more span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}

@media (min-width:1082px){
	.aframe3 .list .btn-prev{ left: -0.25rem;}
	.aframe3 .list .btn-next{ right: -0.25rem;}
	.aframe3 .list .item:nth-child(3n){ margin-right: 0;}
	.aframe3 .more:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
}


.aframe4{ overflow: hidden; padding:0.85rem 0 ; background: #f8f6f6; text-align: center;}
.aframe4 .container{ position: relative; display: flex; flex-wrap: wrap;}
.aframe4 .item{ margin: 0; width: calc((100% - 1.2rem)/4); margin-right: 0.4rem; margin-bottom: 0.35rem;}
.aframe4 .item .nr{ color: #fff; text-align: left; width: 100%; padding: 0.5rem; box-sizing: border-box;}
.aframe4 .item .nr .z1{ font-size: 0.2rem; margin-bottom: 0.3rem;}
.aframe4 .item .nr .z2{ font-size: 0.28rem; font-family: var(--font1);}
.aframe4 .item .nr span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s; margin-top: 0.2rem;}
.aframe4 .item .nr span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem; line-height: 1;}

.aframe4 .item .img{ overflow: hidden; border-radius: 0.1rem;}
.aframe4 .item .img img{ width: 100%; height: auto;}
.aframe4 .item .txt{ font-size: 15px; margin-top: 0.2rem; color: #555555;}
.aframe4 .item:nth-child(1){ background: #76b91f; margin-bottom: 1.2rem; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem;}
@media (min-width:1082px){
	.aframe4 .item:nth-child(4n){ margin-right: 0;}
	.aframe4 .item .img{ height: 3.14rem; position: relative;}
	.aframe4 .item .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe4 .item{ width: calc((100% - 0.4rem)/2); }
	.aframe4 .item .nr{  padding: 0.2rem; }
	.aframe4 .item .txt{ font-size: 14px;}
	.aframe4 .item:nth-child(1){ margin-bottom: 0.3rem;}
	.aframe4 .item:nth-child(2n){ margin-right: 0;}
}

.aframe5{ overflow: hidden; padding:0.65rem 0 ; background: #fff;}
.aframe5 .swiper-slide{ margin: 0;}
.aframe5 .item{ display: flex; justify-content: space-between; align-items: center;}
.aframe5 .item .img{ margin: 0; width: 42.8%; background: url("../images/2_05.jpg") no-repeat center center / 100% 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0.8rem 0;}
.aframe5 .item .img .imgnr{ text-align: center;}
.aframe5 .item .img .imgnr img{ margin: 0; width:3.95rem; height: 3.95rem; border-radius: 50%;}
.aframe5 .item .img .imgnr .z1{ font-size: 0.2109rem; font-family: var(--font1); margin: 0.2rem 0 0.1rem;}
.aframe5 .item .img .imgnr .z2{ font-size: 16px; line-height: 1.625;}
.aframe5 .item .txt{ margin: 0; width: calc(100% - 42.8% - 1.3rem);}
.aframe5 .item .txt .z1{ font-size: 0.28rem; font-family: var(--font1); line-height: 1.2; margin-bottom: 0.6rem;}
.aframe5 .item .txt .z2{ font-size: 16px; line-height: 1.625;}
.aframe5 .item .txt .imglist{ display: flex; margin: 0.4rem 0;}
.aframe5 .item .txt .imglist .imgbox{ margin: 0; width: 1.08rem; height: 1.08rem; box-sizing: border-box; border-radius: 50%; overflow: hidden; position: relative; z-index: 3; border-color: transparent; border-width: 2px; border-style: solid;}
.aframe5 .item .txt .imglist .imgbox:nth-child(n+2){ margin-left: -0.3rem; z-index: 2;}
.aframe5 .item .txt .imglist .imgbox:nth-child(3){ z-index: 1}
.aframe5 .item .txt .imglist .imgbox.active{ z-index: 6; border-color: #7eb726;}
.aframe5 .item .txt a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.aframe5 .item .txt a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.aframe5 .item .txt a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.aframe5 .item .txt a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}

@media (min-width:1082px){
	.aframe5 .item .txt a:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe5 .item{ flex-wrap: wrap;}
	.aframe5 .item .img{ width: 100%;}
	.aframe5 .item .txt{ width: 100%;}
}

.aframe6{ overflow: hidden; padding:0.8rem 0 ; background: #f8f6f6;}
.aframe6 .container{ align-items: center;}
.aframe6 .img{ margin: 0; width: 46.8%;}
.aframe6 .txt{ margin: 0; width: calc(100% - 46.8% - 1rem);}
.aframe6 .txt h3{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.3rem;}
.aframe6 .txt p{ font-size: 16px; line-height: 1.875; margin-bottom: 0.5rem;}
.aframe6 .txt a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.aframe6 .txt a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.aframe6 .txt a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.aframe6 .txt a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.aframe6 .txt a:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe6 .img{ width: 100%;}
	.aframe6 .txt{ width: 100%; margin-top: 0.3rem;}
}

.aframe7{ overflow: hidden; padding:0.8rem 0 ; background: #fff;}
.aframe7 .container{ align-items: center; flex-direction: row-reverse;}
.aframe7 .img{ margin: 0; width: 46.8%;}
.aframe7 .txt{ margin: 0; width: calc(100% - 46.8% - 1rem);}
.aframe7 .txt h3{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.3rem;}
.aframe7 .txt p{ font-size: 16px; line-height: 1.875; margin-bottom: 0.5rem;}
.aframe7 .txt a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.aframe7 .txt a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.aframe7 .txt a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.aframe7 .txt a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.aframe7 .txt a:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe7 .container{ flex-direction: row;}
	.aframe7 .img{ width: 100%;}
	.aframe7 .txt{ width: 100%; margin-top: 0.3rem;}
}

.aframe8{ overflow: hidden; padding:0.8rem 0 ;}
.aframe8 h2,.productlist-title{ text-align: center; font-size: 0.28rem; font-family: var(--font1);}
.aframe8 .list{ display: flex; flex-wrap: wrap; margin-top: 0.45rem;}
.aframe8 .list .item{ margin: 0; width: calc((100% - 0.6rem)/4); margin-right: 0.2rem; box-sizing: border-box; border: 1px solid #e9e9e9; border-radius: 0.1rem; overflow: hidden; background: #ffffff;}
.aframe8 .list .item .img{ overflow: hidden; padding: 0.2rem;}
.aframe8 .list .item .txt{ padding: 0.3rem 0.25rem;}
.aframe8 .list .item .txt .z1{ font-size: 18px; color: #555;}
.aframe8 .list .item .txt .line{ display: block; height: 0; border-bottom: 2px dashed #c9c9c9; margin: 0.2rem 0;}
.aframe8 .list .item .txt span{ font-size: 14px; color: #7cb62c;}
.aframe8 .linkmore{ margin-top: 0.5rem; text-align: center;}
.aframe8 .linkmore a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.aframe8 .linkmore a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.aframe8 .linkmore a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.aframe8 .linkmore a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.aframe8 .linkmore a:hover span{ transform: rotate(45deg)}
	.aframe8 .list .item:nth-child(4){ margin-right: 0;}
	.aframe8 .list .item:hover .img img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:1081px){
	.aframe8 .list .item{ width: calc((100% - 0.2rem)/2); margin-right: 0.2rem; margin-bottom: 0.2rem;}
	.aframe8 .list .item:nth-child(2n){ margin-right: 0;}
}


.abbrand{ padding: 1rem 0; background: #fff;}
.abbrand .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.abbrand .list{ position: relative;}
.abbrand .list .item{padding: 0.55rem 0.8rem; position: relative; z-index: 1; color: #fff;}
.abbrand .list .item .z2{ font-family: "Poppins-Bold"; font-size: 0.36rem; margin-bottom: 0.4rem;}
.abbrand .list .item .z3{ display: block; font-size: 14px; line-height: 1.72;}
.abbrand .list .item:after{ content: ""; background: #7cb62c; position: absolute; left: 0.7rem; top: 0; right: 0; bottom: 0; transform: skew(-40deg); border-radius: 0.2rem; z-index: -2;}
.abbrand .list .item:before{ content: ""; background: #7cb62c; position: absolute; top: 0; height: 100%; width: 70%; z-index: -1;}
.abbrand .list .item:nth-child(1):before{ left: 0; border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}
.abbrand .list .item:nth-child(1):after{  left: 30%; right: -0.6rem;}
.abbrand .list .item:nth-child(3){ text-align: right;}
.abbrand .list .item:nth-child(3):after{  right: 30%; left: -0.6rem;}
.abbrand .list .item:nth-child(3):before{ right: 0; border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}
.abbrand .list span{ display: block; width: 2.32rem; height: 2.32rem;}
.abbrand p{ font-size: .16rem; line-height: 1.875; margin-top: 0.4rem; text-align: center; color: #777777;}
@media (min-width:1082px){
	.abbrand .list{ display: flex; justify-content: space-between;}
	.abbrand .list .item{ margin: 0; width: calc(50% - 1rem);}
	.abbrand .list span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
}
@media (min-width:1px) and (max-width:1081px){
}

.abbrand1{ overflow: hidden; padding:0.85rem 0 ; background: url("../images/1_23.jpg") no-repeat center center / cover;}
.abbrand1 .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.abbrand1 .z2{ font-size: 16px; line-height: 1.875; color: #777; text-align: center;}
.abbrand1 .list{ margin-top: 0.55rem; position: relative;}
.abbrand1 .item{ overflow: hidden; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; height: 4.4rem; cursor: pointer;}
.abbrand1 .item .img{ width: 0.86rem; height: 0.86rem; display: inline-flex; align-items: center; justify-content: center; background: #7cb62c; border-radius: 50%; box-sizing: border-box; padding: 0.2rem;}
.abbrand1 .item .line{ display: block; width: 1px; height: 0.5rem; border-left: 2px dashed #7c7c7c;}
.abbrand1 .item .txt{ margin: 0.2rem 0 0.3rem;}
.abbrand1 .item .line2{ display: block; width: 1px; height: 0.5rem; border-left: 2px dashed #7c7c7c;}
.abbrand1 .item .txt{}
.abbrand1 .item .txt .z3{ font-family: "Poppins-Bold"; font-size: 18px; margin-bottom: 0.1rem;}
.abbrand1 .item .txt .z4{ font-size: 14px; color: #777777;}
.abbrand1 .item  span{ display: block; width: 0.15rem; height: 0.15rem; background: #555555; border-radius: 50%; margin: 7px auto 0.15rem auto; border: 2px solid #fff;}
.abbrand1 .item  .z5{ display: block; font-family: "Poppins-Bold"; font-size: 18px;}
.abbrand1 .item.itemtwo{}
.abbrand1 .item.itemtwo .line{ border-color: #7cb62c;}
.abbrand1 .item.itemtwo .line2{ height: 1.14rem; border-color: #7cb62c;}
.abbrand1 .item.itemtwo span{ background: #7cb62c;}
.abbrand1 .item.itemtwo .z5{ color: #7cb62c;}
.abbrand1 .list:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0.49rem; height: 1px; border-bottom: 2px dashed #606060;}
@media (min-width:1082px){
	.abbrand1 .list{ margin: 0 1.1rem; margin-top: 0.55rem;}
	.abbrand1 .item:hover .txt h3{ color: #7cb62c}
	.abbrand1 .item:hover .img img{ transform: rotateY(180deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.abbrand1 .item{ height: 5rem;}
}

.abbrand2{ overflow: hidden; padding:0.85rem 0 ; background: #fff; text-align: center;}
.abbrand2 .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.abbrand2 .list{ display: flex; flex-wrap: wrap; text-align: left;}
.abbrand2 .list .item{ margin: 0; width: calc((100% - 0.6rem)/3); margin-right: 0.3rem; box-sizing: border-box; padding: 0.3rem 0.25rem; border-radius: 0.1rem; background: #f8f6f6;}
.abbrand2 .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.abbrand2 .list .item .txt{ margin-top: 0.3rem; text-align: center;}
.abbrand2 .list .item .txt .z2{ font-size: 18px; color: #555555;}
.abbrand2 .more{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.08rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; margin-right: 0.4rem;}
.abbrand2 .more b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.abbrand2 .more span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.abbrand2 .more span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.abbrand2 .list .item:nth-child(3n){ margin-right: 0;}
	.abbrand2 .more:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and (max-width:1081px){
	.abbrand2 .list .item{ width: 100%; margin-right: 0; margin-bottom: 0.3rem;}
}


.abbrand3{ overflow: hidden; padding:0.85rem 0 ; text-align: center;}
.abbrand3 h2{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.abbrand3 p{ font-size: 16px; line-height: 1.875; color: #777; text-align: center;}
.abbrand3 .list{ display: flex; flex-wrap: wrap; margin-top: 0.5rem;}
.abbrand3 .list .item{ margin: 0; width: calc((100% - 0.3rem)/2); margin-right: 0.3rem; margin-bottom: 0.4rem; box-sizing: border-box;  padding: 0.15rem 0.3rem; border-radius: 0.1rem; box-shadow: 0 0 0.18rem #699e1715; background: #fff; display: flex; align-items: center; justify-content: space-between; text-align: left; cursor: pointer;}
.abbrand3 .list .item .tag{ margin: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.18rem; height: 1.18rem; background: url(../images/1_13.jpg) no-repeat center center / 100% 100%; color: #fff;}
.abbrand3 .list .item .tag i{ font-size: 0.35rem; margin-left: -0.11rem;}
.abbrand3 .list .item .txt{ margin: 0; width: calc(100% - 1.48rem);}
.abbrand3 .list .item .txt h4{ font-family: "Poppins-Bold"; font-size: 18px;}
.abbrand3 .list .item .txt article{ font-size: 14px; line-height: 1.72; margin-top: 0.1rem; display: block;}

.abbrand3 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.2rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.abbrand3 .list{justify-content: center;}
	.abbrand3 .list .item{ max-width: 4.9rem;}
	.abbrand3 .list .item:nth-child(2n){ margin-right: 0;}
	.abbrand3 .list .item:hover{ box-shadow: 0 0 0.18rem #00000030!important;}
	.abbrand3 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.abbrand3 .list .item{ width: 100%; margin-right: 0;}
}

.abowner{ overflow: hidden; padding:0.85rem 0 ;}
.abowner h2{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.abowner p{ font-size: 16px; line-height: 1.875; color: #777; text-align: center;}
.abowner .list{ display: flex; flex-wrap: wrap; margin-top: 0.5rem;}
.abowner .list .item{ margin: 0; width: calc((100% - 0.35rem)/2); margin-right: 0.35rem; position: relative;}
.abowner .list .item .img{ overflow: hidden;}
.abowner .list .item .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; text-align: center; color: #fff; width: 70%;}
.abowner .list .item .txt h3{ font-size: 0.24rem; margin-bottom: 0.2rem; font-family: "Poppins-Bold";}
.abowner .list .item .txt article{ display: block; font-size: 14px; line-height: 1.72;}
@media (min-width:1082px){
	.abowner .list .item:nth-child(2){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.abowner .list .item{ width: 100%; margin-right: 0; margin-bottom: 0.35rem;}
}

.abowner1{ overflow: hidden; padding:0.85rem 0 0 0 ; background: #fff; text-align: center;}
.abowner1 .item{ display: flex; justify-content: space-between; padding: 0.7rem 0.8rem; box-sizing: border-box; box-shadow: 0 0 0.2rem #00000009; border-radius: 0.1rem; align-items: flex-start;}
.abowner1 .item .img{ width: 2.48rem; margin: 0; position: relative;}
.abowner1 .item .img:before{ content: ""; position: absolute; left: 0.2rem; top: 0.2rem; width: 0.32rem; height: 0.32rem; border-radius: 50%; background: linear-gradient(40deg,#bdc864,#76b91f); box-shadow: 0 0 0.29rem #80b82853; z-index: 3;}
.abowner1 .item .img img{ border-radius: 50%; position: relative; z-index: 2;}
.abowner1 .item .img:after{ content: ""; position: absolute; bottom: -0.1rem; right: -0.1rem; width: 100%; height: 100%; border-radius: 50%; background: #f0f2e9;}
.abowner1 .item .txt{ margin: 0; width: calc(100% - 3.2rem); text-align: left;}
.abowner1 .item .txt h3{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem;}
.abowner1 .item .txt p{ font-size: 16px; line-height: 1.875; color: #777777;}
.abowner1 .item .txt span{ display: block; font-size: 16px; color: #7cb62c; margin-top: 0.3rem;}

.abowner1 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.abowner1 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.abowner1 .item{ flex-wrap: wrap;}
	.abowner1 .item .txt{ width: 100%;}
}
/**********关于我们**********/


/**********单页面**********/
.singlepage{ font-size: 16px; line-height: 2; padding: 0.5rem 0;}
.singlepage img{ width: auto; height: auto;}
/**********单页面**********/

.aframe .bg1{ position: absolute; right: 3.6rem; bottom: 3rem; width: 1.09rem; height: 1.09rem;}
.aframe .bg2{ position: absolute; right: 1.7rem; top: 2.2rem; width: 0.59rem; height: 0.59rem;}

.prospect{ overflow: hidden; padding:0.85rem 0 ; background: #fff;}
.prospect .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.prospect .z2{ font-size: 16px; line-height: 1.875; color: #777; text-align: center;}
.prospect .z2 span{ color: #7cb62c;}
.prospect .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
.prospect img{ margin: 0 auto; margin-top: 0.5rem;}
@media (min-width:1082px){
	.prospect .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
}

.prospect1{ padding: 1.7rem 0 1.4rem;}
.prospect1 .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.9rem; text-align: center;}
.prospect1 .list{ display: flex; flex-wrap: wrap;}
.prospect1 .list .item{ margin: 0; width: calc((100% - 1.8rem)/4); margin-right: 0.6rem; margin-bottom: 0.9rem; box-sizing: border-box; background: linear-gradient(-113deg,#79bb24,#c0cb6c); text-align: center; border-radius: 0.1rem; cursor: pointer;}
.prospect1 .list .item span{ display: inline-flex; width: 0.9rem; height: 0.9rem; background: #fff; border-radius: 50%; font-family: "Poppins-Bold"; font-size: 0.46rem; color: #7cb62c; align-items: center; justify-content: center; box-sizing: 0 0 0.18rem #699e1720; margin-top: -50%;}
.prospect1 .list .item article{ display: flex; font-size: 0.25rem; color: #fff; height: 1.5rem; align-items: center; justify-content: center;}
.prospect1 .list .item:nth-child(2n){ background: #fff;}
.prospect1 .list .item:nth-child(2n) span{ background: linear-gradient(-113deg,#79bb24,#c0cb6c); color: #fff; box-sizing: 0 0 0.18rem #699e1720; }
.prospect1 .list .item:nth-child(2n) article{ color: #555555; }
.prospect1 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.prospect1 .list .item:nth-child(4n){ margin-right: 0;}
	.prospect1 .list .item:hover{ box-shadow: 0 0 .15rem #00000030;}
	.prospect1 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.prospect1 .list .item{  width: calc((100% - 0.6rem)/2); }
	.prospect1 .list .item:nth-child(2n){ margin-right: 0;}
}

.prospect2{ overflow: hidden; padding:1.5rem 0 0.3rem ; background: #fff;}
.prospect2 .container{position: relative;}
.prospect2 .bg1{ position: absolute; right: 1.4rem; top: 2.7rem; display: inline-block;}
.prospect2 .z1{font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem; text-align: center;}
.prospect2 .z2{ font-size: 16px; line-height: 1.875; color: #777; text-align: center;}
.prospect2 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
.prospect2 img{ margin: 0 auto; margin-top: 0.5rem;}
@media (min-width:1082px){
	.prospect2 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
}

.prospect-overview{ padding: 1rem 0 0.4rem; background: #fff;}
.prospect-overview .item{ margin-bottom: 0.6rem;}
.prospect-overview .item .img{ overflow: hidden; border: 2px solid #f5f5f5; border-radius: 0.1rem;}
.prospect-overview .item .img img{ border-radius: 0.1rem; width: 100%; height: auto; transform: scale(1.05)}
.prospect-overview .item .txt{ padding-top: 0.6rem;}
.prospect-overview .item .txt h3,.franchisesupport_title{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.3rem; color: #2b2b2b;}
.prospect-overview .item .txt p{ font-size: 16px; line-height: 1.875; color: #777777;}
.prospect-overview .item .txt a{ display: flex; width: 1.68rem; height: 0.52rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin-top: 0.3rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.prospect-overview .item{ display: flex; justify-content:space-between;}
	.prospect-overview .item .img{ margin: 0; width: 50%;}
	.prospect-overview .item .txt{ margin: 0; width: calc(50% - 0.75rem);}
	.prospect-overview .item:nth-child(2n){ flex-direction: row-reverse;}
	.prospect-overview .item:hover .img img{ transform: scale(1.15)}
	.prospect-overview .item .txt a:hover{ background: none; color: #7cb62c;}
}
@media (min-width:1px) and (max-width:1081px){
}

.whyustit{ text-align: center;}
.whyustit .z1{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.3rem;}
.whyustit .z2{ font-size: 16px; color: #777;}

.whyus{ padding: 0.6rem 0 0.9rem; background: #fff;}
.whyus .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem;}
.whyus .list .item{ margin: 0; width: calc((100% - 0.6rem)/4); margin-right: 0.2rem; border-radius: 0.1rem; background: #f8f6f6;}
.whyus .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.whyus .list .item .txt{ padding: 0.15rem; text-align: center;}
.whyus .list .item .txt .z3{ font-size: 18px; color: #555555;}
.whyus .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.whyus .list .item:nth-child(4){ margin-right: 0;}
	.whyus .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.whyus .list .item{ width: calc((100% - 0.2rem)/2); margin-bottom: 0.3rem;}
	.whyus .list .item:nth-child(2n){ margin-right: 0;}
}

.whyus1{ padding: 0.6rem 0 0.9rem; }
.whyus1 .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem;}
.whyus1 .list .item{ margin: 0; width: calc((100% - 0.6rem)/2); margin-right: 0.6rem;}
.whyus1 .list .item .img{ overflow: hidden;}
.whyus1 .list .item .txt{ margin-top: 0.3rem; text-align: center;}
.whyus1 .list .item .txt .z1{ font-size: 16px;}
.whyus1 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.5rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.whyus1 .list .item:nth-child(2n){ margin-right: 0;}
	.whyus1 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
}
@media (min-width:1px) and (max-width:1081px){
	.whyus1 .list .item{ width: 100%; margin-right: 0;}
}

.whyus2{ padding: 0.6rem 0 0.9rem; background: #fff;}
.whyus2 .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem; justify-content: center;}
.whyus2 .list .item{ margin: 0; width: calc((100% - 1.2rem)/5); margin-right: 0.3rem; margin-bottom: 0.3rem; box-sizing: border-box; padding: 0.2rem; background: linear-gradient(-105deg,#7cb62c,#c0cb6c); border-radius: 0.1rem; overflow: hidden; text-align: center; cursor: pointer;}
.whyus2 .list .item span{ width: 0.5rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 0.15rem; background: #fff; border-radius: 50%; color: #7cb62c;}
.whyus2 .list .item span i{ font-size: 0.25rem;}
.whyus2 .list .item .z1{font-size: 16px; color: #fff;}

.whyus2 .more{ display: flex; width: 1.68rem; height: 0.62rem; border-radius: 0.62rem; align-items: center; justify-content: center; background: #7cb62c; font-size: 0.2rem; color: #fff; box-shadow: 5px 0 0.18rem #80b82839; margin: 0 auto; margin-top: 0.2rem; border: 1px solid transparent; transition: linear 0.35s;}
@media (min-width:1082px){
	.whyus2 .list .item:nth-child(5n){ margin-right: 0;}
	.whyus2 .more:hover{ background: linear-gradient(to right,#76b91f,#bdc864);}
	.whyus2 .list .item:hover{ box-shadow: 0 0 .15rem #00000030;}
}
@media (min-width:1px) and (max-width:1081px){
	.whyus2 .list .item{ width: calc((100% - 0.3rem)/2);}
	.whyus2 .list .item:nth-child(2n){ margin-right: 0;}
}

.whyus3{ padding: 0.6rem 0 0.9rem; }
.whyus3 .list{ margin-top: 0.6rem; position: relative; text-align: center;}
.whyus3 .item{ display: flex; justify-content: space-between; padding: 0.7rem 0.8rem; box-sizing: border-box; box-shadow: 0 0 0.2rem #00000009; border-radius: 0.1rem; align-items: flex-start; background: #fff; text-align: left;}
.whyus3 .item .img{ width: 2.48rem; margin: 0; position: relative;}
.whyus3 .item .img:before{ content: ""; position: absolute; left: 0.2rem; top: 0.2rem; width: 0.32rem; height: 0.32rem; border-radius: 50%; background: linear-gradient(40deg,#bdc864,#76b91f); box-shadow: 0 0 0.29rem #80b82853; z-index: 3;}
.whyus3 .item .img img{ border-radius: 50%; position: relative; z-index: 2;}
.whyus3 .item .img:after{ content: ""; position: absolute; bottom: -0.1rem; right: -0.1rem; width: 100%; height: 100%; border-radius: 50%; background: #f0f2e9;}
.whyus3 .item .txt{ margin: 0; width: calc(100% - 3.2rem); text-align: left;}
.whyus3 .item .txt .z1{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.3rem;}
.whyus3 .item .txt p{ font-size: 16px; line-height: 1.875; color: #777777;}
.whyus3 .item .txt span{ display: block; font-size: 16px; color: #7cb62c; margin-top: 0.3rem;}
.whyus3 .btnlist{ display: inline-flex; align-items: center; justify-content: center; padding: 0.15rem 0.3rem; border-radius: 0.6rem; background: #7cb62c; margin: 0.3rem auto 0 auto;}
.whyus3 .btnlist .btn{ display: inline-block; cursor: pointer; color: #fff; outline: none;}
.whyus3 .btnlist .btn i{ display: block; font-size: 0.3rem;}
.whyus3 .btnlist .btn-prev i{ transform: rotate(180deg); display: block;}
.whyus3 .btnlist span{ width: 1px; height: 0.32rem; background: #fff; display: inline-block; margin: 0 0.15rem;}
@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
	.whyus3 .item{ flex-wrap: wrap;}
	.whyus3 .item .txt{ width: 100%;}
}

.manufacturer{ padding: 0.6rem 0 0.9rem; background: #fff;}
.manufacturer .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem;}
.manufacturer .list .item{ margin: 0; width: calc((100% - 1.6rem)/3); margin-right: 0.8rem; margin-bottom: 0.5rem; border-radius: 0.1rem; background: #f8f6f6;}
.manufacturer .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.manufacturer .list .item .txt{ padding: 0.15rem; text-align: center;}
.manufacturer .list .item .txt .zz1{ font-size: 18px; color: #555555;}
@media (min-width:1082px){
	.manufacturer .list .item:nth-child(3n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.manufacturer .list .item{ width: calc((100% - 0.4rem)/2); margin-right: 0.4rem}
	.manufacturer .list .item:nth-child(2n){ margin-right: 0;}
}

.manufacturer1{ padding: 0.6rem 0 0.9rem;}
.manufacturer1 .list{ margin-top: 0.5rem;}
.manufacturer1 .list .item{ box-sizing: border-box; display: flex; padding: 0.5rem 0.6rem; background: #fff; margin-bottom: 0.5rem;}
.manufacturer1 .list .item .txt{ margin: 0; width: 3rem; position: relative; z-index: 2;}
.manufacturer1 .list .item .txt span{ font-family: "Poppins-Bold"; font-size: 1.6329rem; color: #7cb62c; position: absolute; left: 0; top: -0.2rem; z-index: -1; opacity: 0.1; line-height: 1;}
.manufacturer1 .list .item .txt .zz1{ font-family: "Poppins-Bold"; font-size: 0.24rem;}
.manufacturer1 .list .item .img{ margin: 0; width: calc(100% - 3rem);}
@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
	.manufacturer1 .list .item{ flex-wrap: wrap;}
	.manufacturer1 .list .item .txt{ width: 100%; margin-bottom: 0.5rem;}
	.manufacturer1 .list .item .img{ width: 100%;}
}

.certificate{ padding: 0.6rem 0 0.9rem; background: #fff;}
.certificate .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem; justify-content: center;}
.certificate .list .item{ margin: 0; width: calc((100% - 3.6rem)/4); margin-right: 1.2rem; margin-bottom: 0.3rem; border-radius: 0.1rem; }
.certificate .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.certificate .list .item .txt{ padding: 0.15rem; text-align: center;}
.certificate .list .item .txt .zz1{ font-size: 16px; color: #555555;}
@media (min-width:1082px){
	.certificate .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.certificate .list .item{ width: calc((100% - 0.3rem)/2); margin-right: 0.3rem;}
	.certificate .list .item:nth-child(2n){ margin-right: 0;}
}


.certificate1{ padding: 0.6rem 0 0.9rem;}
.certificate1 .list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem; justify-content: center;}
.certificate1 .list .item{ margin: 0; width: calc((100% - 3.6rem)/4); margin-right: 1.2rem; margin-bottom: 0.3rem; border-radius: 0.1rem; }
.certificate1 .list .item .img{ overflow: hidden; border-radius: 0.1rem;}
.certificate1 .list .item .txt{ padding: 0.15rem; text-align: center;}
.certificate1 .list .item .txt .zz1{ font-size: 16px; color: #555555;}
@media (min-width:1082px){
	.certificate1 .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.certificate1 .list .item{ width: calc((100% - 0.3rem)/2); margin-right: 0.3rem;}
	.certificate1 .list .item:nth-child(2n){ margin-right: 0;}
}

.Testimonials{}
.Testimonials .itembox{ background: #fff;}
.Testimonials .itembox:nth-child(2n){ background: #f8f6f6;}
.Testimonials .item{ display: flex; justify-content: space-between; padding: 0.7rem 0.8rem; box-sizing: border-box; border-radius: 0.1rem; align-items: flex-start;}
.Testimonials .item .img{ width: 2.48rem; margin: 0; position: relative;}
.Testimonials .item .img:before{ content: ""; position: absolute; left: 0.2rem; top: 0.2rem; width: 0.32rem; height: 0.32rem; border-radius: 50%; background: linear-gradient(40deg,#bdc864,#76b91f); box-shadow: 0 0 0.29rem #80b82853; z-index: 3;}
.Testimonials .item .img img{ border-radius: 50%; position: relative; z-index: 2;}
.Testimonials .item .img:after{ content: ""; position: absolute; bottom: -0.1rem; right: -0.1rem; width: 100%; height: 100%; border-radius: 50%; background: #f0f2e9;}
.Testimonials .item .txt{ margin: 0; width: calc(100% - 3.2rem); text-align: left;}
.Testimonials .item .txt .z1{ font-family: "Poppins-Bold"; font-size: 0.46rem; margin-bottom: 0.45rem;}
.Testimonials .item .txt .z2{ font-size: 16px; line-height: 1.875; color: #777777;}
.Testimonials .item .txt span{ display: block; font-size: 16px; color: #7cb62c; margin-top: 0.3rem;}
@media (min-width:1082px){
	.Testimonials .itembox:nth-child(2n) .item{  flex-direction: row-reverse;}
}
@media (min-width:1px) and (max-width:1081px){
	.Testimonials .item{ flex-wrap: wrap;}
	.Testimonials .item .txt{ width: 100%;}
}

/**********图库**********/
.gallerytit{ text-align: center; padding-top: 0.6rem; font-size: 0.46rem; font-family: "Poppins-Bold"; text-transform: capitalize;}

.gallerylist{ display: flex; flex-wrap: wrap; padding: 0.6rem 0 0.4rem 0;}
.gallerylist .item{ margin: 0; display: block; width: calc((100% - 0.6rem)/4); margin-right: 0.2rem; margin-bottom: 0.2rem; box-sizing: border-box; }
.gallerylist .item .img{ overflow: hidden; border: 1px solid #f5f5f5;}
.gallerylist .item .img img{ width: 100%; height: auto;}
.gallerylist .item .txt{ overflow: hidden; margin-top: 0.1rem;}
.gallerylist .item .txt h3{ font-size: 16px; text-align: center;}

@media (min-width:1082px){
	.gallerylist .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.gallerylist .item{ width: calc((100% - 0.2rem)/2);}
	.gallerylist .item:nth-child(2n){ margin-right: 0;}
}

/**********图库**********/

/**********解决方案**********/

.applicationlist{ padding: 0.6rem 0 ;}
.applicationlist h2{ font-family: "Montserrat-Bold"; font-size: 0.58rem; line-height: 1; color: #000;}
.applicationlist .line{ display: block; margin: 0.3rem 0 0.6rem; width: 0.88rem; height: 3px; background: #007d50;}
.applicationlist .list{ display: flex; flex-wrap: wrap;}
.applicationlist .list .item{ margin: 0; display: block; width: calc((100% - 1.05rem)/4); margin-right: 0.35rem; margin-bottom: 0.3rem;}
.applicationlist .list .item .img{ overflow: hidden;}
.applicationlist .list .item .img img{ width: 100%;}
.applicationlist .list .item .txt{ padding: 0 0.3rem;}
.applicationlist .list .item .txt h3{ background: #000000; color: #fff; text-align: center; font-size: 14px; padding: 0.15rem; transform: translateY(-50%); position: relative; z-index: 2;}
.applicationlist:nth-child(2n){ background: #f4f4f4;}
@media (min-width:1082px){
    .applicationlist .list .item:nth-child(4n){ margin-right: 0;}
    .applicationlist .list .item:hover .img img{ transform: scale(1.1)}
}
@media (min-width:1px) and  (max-width:1081px){
	.applicationlist{ padding: 30px 0;}
	.applicationlist .list .item{ width: calc((100% - 0.4rem)/2);}
	.applicationlist .list .item:nth-child(2n){ margin-right: 0;}
	.applicationlist .list .item .txt h3{ font-size: 14px;}
}


.marketroad{ padding: 0.8rem 0;}
.marketroad .qualitytit p{ line-height: 1.8; font-size: 0.26rem;}
.marketroad .context{ font-size: 16px; line-height: 1.875; color: #666666;}
.marketroad .img{ overflow: hidden; margin-top: 0.2rem;}
.marketroad .img img{ width: 100%; height: auto;}
/**********解决方案**********/



/**********产品页面**********/
.sticky{ width: 0; height: 45px; position: sticky; top: 1.16rem; background: #7cb62c90; display: flex; justify-content: center; z-index: 8; transition: all 0.5s; overflow: hidden;}
.sticky .item{ margin: 0; display: inline-block; font-size: 16px; padding: 0.1rem 0.2rem; color: #fff; border-right: 1px solid #fff; box-sizing: border-box; cursor: pointer;}
.sticky.fis_show{ width: 100%;}
@media (min-width:1082px){
    .sticky .item:last-child{ border: 0;}
}
@media (min-width:1px) and  (max-width:1081px){
}

.introduction{ padding: 0.9rem 0 0.4rem;}
.introduction h1{ font-size: 0.3rem; font-family: var(--font1); text-align: center; margin-bottom: 0.2rem;}
.introduction .context{ font-size: 16px; line-height: 1.875;}
.introduction .item{ display: flex; justify-content: space-between; background: #fff; align-items: center; margin-top: 0.45rem; position: relative;}
.introduction .item .img{ margin: 0; width: 46.8%;}
.introduction .item .txt{ margin: 0; width: calc(100% - 46.8% - 1rem);}
.introduction .item .txt h3{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.3rem;}
.introduction .item .txt p{ font-size: 16px; line-height: 1.875; margin-bottom: 0.5rem;}
.introduction .item a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box; position: absolute; left: calc(46.8% + 1rem); bottom: 0.3rem;}
.introduction .item a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.introduction .item a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.introduction .item a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.introduction .item a:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and  (max-width:1081px){
	.introduction .item{ flex-wrap: wrap;}
	.introduction .item .img{ width: 100%;}
	.introduction .item .txt{ width: 100%; padding: 0.3rem;}
    .introduction .item a{ position: inherit; left: inherit; bottom: inherit; margin-bottom: 0.3rem; margin-left: 0.2rem;}
}

.outputlist{ overflow: hidden; padding: 0.3rem 0;}
.outputlist .item{ display: flex; justify-content: space-between; background: #fff; margin-bottom: 0.5rem; align-items: center;}
.outputlist .item .img{ margin: 0; width: 47.41%;}
.outputlist .item .txt{ margin: 0; width: calc(100% - 47.41%); box-sizing: border-box; padding: 0 0.6rem;}
.outputlist .item .txt h3{ font-family: var(--font1); font-size: 0.3rem; line-height: 1.2; margin-bottom: 0.3rem;}
.outputlist .item .txt h3 span{ color: #7cb62c; display: inline-block; margin-right: 0.2rem;}
.outputlist .item .txt p{ font-size: 16px; line-height: 1.875; margin-bottom: 0.3rem;}
.outputlist .item .txt dl{ display: flex; flex-wrap: wrap;}
.outputlist .item .txt dl dd{ margin: 0; width: calc((100%)/2); margin-bottom: 0.15rem;}
.outputlist .item .txt dl dd a{ display: flex; align-items: center; font-size: 16px;}
.outputlist .item .txt dl dd a:before{ content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #7cb62c; box-sizing: border-box; border-radius: 50%; margin-right: 0.15rem;}
.outputlist .item .txt .linkmore{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 1.8rem; height: 0.48rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; margin-top: 0.3rem; box-sizing: border-box;}
.outputlist .item .txt .linkmore b{width: calc(100% - 0.4rem); font-size: .18rem; color: #fff; text-align: center;}
.outputlist .item .txt .linkmore span{width: 0.4rem; height: 0.4rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.outputlist .item .txt .linkmore span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.2rem;}

@media  (min-width:1082px){
	.outputlist .item:nth-child(2n+1){ flex-direction: row-reverse;}
	.outputlist .item:nth-child(2n){ flex-direction: row;}
	.outputlist .item .txt .linkmore:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and  (max-width:1081px){
	.outputlist .item{ flex-wrap: wrap;}
	.outputlist .item .img{ width: 100%;}
	.outputlist .item .txt{ width: 100%; padding: 0.4rem;}
	.outputlist .item .txt dl dd{ width: 100%;}
}


.introduction1{ padding: 0.9rem 0 1rem;}
.introduction1 h2{ font-size: 0.28rem; font-family: var(--font1); text-align: center;}
.introduction1 h2 span{ color: #7cb62c;}
.introduction1 .list{ margin-top: 0.4rem; display: flex; flex-wrap: wrap;}
.introduction1 .list .item{ margin: 0; width: calc((100% - 0.2rem)/2); margin-right: 0.2rem; margin-bottom: 0.2rem; background: #fff; display: flex; overflow: hidden; border-radius: 0.1rem;}
.introduction1 .list .item .img{ margin: 0; width: 48%;}
.introduction1 .list .item .txt{ margin: 0; width: calc(100% - 48%); padding: 0.4rem; box-sizing: border-box;}
.introduction1 .list .item .txt i{ font-size: 0.45rem; color: #7cb62c;}
.introduction1 .list .item .txt h3,.products_subtitle{ font-size: 18px; line-height: 1.2; font-family: var(--font1); margin: 0.2rem 0 0.15rem;}
.introduction1 .list .item .txt .line{ display: block; height:0; border-bottom: 2px dashed #cfcfcf; margin-bottom: 0.2rem;}
.introduction1 .list .item .txt p{ font-size: 16px; line-height: 1.5; color: #777777;}
.introduction1 .list .item:nth-child(2n){ margin-right: 0;}
@media  (min-width:1082px){
	.introduction1 .list .item{ align-items: center; justify-content: space-between;}
}
@media (min-width:1px) and  (max-width:1081px){
	.introduction1 .list .item{  flex-wrap: wrap;}
	.introduction1 .list .item .img{ width: 100%;}
	.introduction1 .list .item .txt{ width: 100%; padding: 0.2rem; margin-top: 0;}
}

.introduction2{ padding: 0 0 0.7rem 0; background: #fff;}
.introduction2 .lt{ margin: 0; width: 50%;}
.introduction2 .lt dl{}
.introduction2 .lt dl dd{ display: flex; align-items: center; margin-bottom: 0.15rem; justify-content: space-between;}
.introduction2 .lt dl dd span{ margin: 0; width: 0.7rem; height: 0.7rem; background: #a2c44e; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.3rem;}
.introduction2 .lt dl dd b{ margin: 0; width: calc((100% - 0.9rem)); font-size: 0.2rem; font-family: var(--font1);}
.introduction2 .fr{ margin: 0; width: 50%; box-sizing: border-box; padding-left: 0.8rem;}
.introduction2 .fr h2{ font-size: 0.28rem; font-family: var(--font1); margin-bottom: 0.3rem;}
.introduction2 .fr h2 span{ color: #7cb62c; display: block;}
@media  (min-width:1082px){
}
@media (min-width:1px) and  (max-width:1081px){
	.introduction2 .lt{ width: 100%;}
	.introduction2 .fr{ width: 100%; padding: 0; margin-top: 0.3rem;}
}

.smalllist{ padding: 0.5rem 0 ;}
.smalllist .lt{ margin: 0; width: 100%; background: #fff; box-sizing: border-box; padding: 0.3rem 0.25rem; border-radius: 0.1rem; margin-bottom: 0.4rem;}
.smalllist .lt dl{ display: flex; align-items: center; flex-wrap: wrap;}
.smalllist .lt dl dt{ font-size: 18px; font-family: var(--font1); background: linear-gradient(45deg,#c0cb6c,#7abb25); padding: 0.2rem; color: #fff; border-radius: 0.5rem; text-align: center;}
.smalllist .lt dl dd{ padding: 0.2rem 0; border-bottom: 1px dashed #7cb62c; font-size: 16px; cursor: pointer;}
.smalllist .lt dl dd.active{ color: #7cb62c;}
.smalllist .fr{ margin: 0; width: calc(100%);}
.smalllist .fr .list{ display: none;}
.smalllist .fr .list .linkmore{ text-align: center; margin-top: 0.25rem;}
.smalllist .fr .list .linkmore a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.smalllist .fr .list .linkmore a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.smalllist .fr .list .linkmore a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.smalllist .fr .list .linkmore a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}

@media  (min-width:1082px){
}
@media (min-width:1px) and  (max-width:1081px){
	.smalllist .lt{ width: 100%;}
	.smalllist .fr{ width: 100%; margin-top: 0.3rem;}
}
.trampoline{ padding: 0.45rem 0 0.6rem;}
.trampoline .z1{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.45rem; text-align: center;}
.trampoline .z1 span{ display: block; color: #7cb62c;}
.trampoline .list{  display: flex; flex-wrap: wrap;}
.trampoline .list .item{ margin: 0; width: calc((100% - 36px)/7); margin-right: 6px; margin-bottom: 6px; position: relative;}
.trampoline .list .item .img{ overflow: hidden;}
.trampoline .list .item .img img{ width: 100%; height: auto;}
.trampoline .list .item .txt{ position: absolute; left: 0; bottom: 0; right: 0; background: rgba(78,61,109,0.72); text-align: center; color: #fff; padding: 0.1rem;}
.trampoline .list .item .txt .zz1{ font-size: 13.75px;}
@media  (min-width:1082px){
    .trampoline .list .item:nth-child(7n){ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:1081px){
}

.indoor{ padding: 0.45rem 0 0.6rem; background: #fff;}
.indoor .z1{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.35rem; text-align: center;}
.indoor .z1 span{ color: #7cb62c;}
.indoor .z2{ text-align: center; font-size: 16px; line-height: 2; color: #666}
.indoor .list{ margin-top: 0.5rem; display: flex; flex-wrap: wrap;}
.indoor .list .item{ margin: 0; width: calc((100% - 1.2rem)/4); margin-right: 0.4rem; margin-bottom: 0.4rem; cursor: pointer;}
.indoor .list .item .img{ overflow: hidden; border-radius: 0.2rem;}
.indoor .list .item .img img{ width: 100%; height: auto;}
.indoor .list .item .txt{ text-align: center; font-size: 18px; margin-top: 0.2rem;}
@media  (min-width:1082px){
    .indoor .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:1081px){
}

.strnote01{ padding: 0.45rem 0 0.6rem; background: #fff;}
.strnote01 h2{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.45rem;}
@media  (min-width:1082px){
}
@media (min-width:1px) and  (max-width:1081px){
}

.strnote02{ padding: 0.45rem 0 0.6rem; background: #fff;}
.strnote02 .container{ align-items: center;}
.strnote02 .img{ margin: 0; width: 46.8%;}
.strnote02 .txt{ margin: 0; width: calc(100% - 46.8% - 1rem);}
.strnote02 .txt h3{ font-family: var(--font1); font-size: 0.28rem; margin-bottom: 0.3rem;}
.strnote02 .txt p{ font-size: 16px; line-height: 1.875; margin-bottom: 0.2rem;}
.strnote02 .txt img{ margin-bottom: 0.3rem;}
.strnote02 .txt a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 2.28rem; height: 0.6rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.strnote02 .txt a b{width: calc(100% - 0.5rem); font-size: 0.2rem; color: #fff; text-align: center;}
.strnote02 .txt a span{width: 0.5rem; height: 0.5rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.strnote02 .txt a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.26rem;}
@media (min-width:1082px){
	.strnote02 .txt a:hover span{ transform: rotate(45deg)}
}
@media (min-width:1px) and  (max-width:1081px){
	.strnote02 .img{ width: 100%;}
	.strnote02 .txt{ width: 100%; margin-top: 0.3rem;}
}

.strnote03{ padding: 0.85rem 0 0.45rem;}
.strnote03 h2{ font-size: 28px; font-family: var(--font1); text-align: center; margin-bottom: 0.5rem;}
.strnote03 h2 span{ color: #7cb62c;}
.strnote03 h3{ font-size: 24px; font-family: var(--font1);}
.strnote03 .list{ margin-top: 0.3rem;}
.strnote03 .list dl{ margin-bottom: 0.1rem; position: relative; z-index: 1; background: #fff; padding: 0.2rem 0.3rem; cursor: pointer; overflow: hidden;}
.strnote03 .list dl:before{ content: ""; width: 1.6rem; height: 1.6rem; background: #f4ffda; border-radius: 50%; position: absolute; left: -0.8rem; top:-0.4rem; z-index: -1;}
.strnote03 .list dl:after{ content: ""; width: 1.2rem; height: 1.2rem; background: #f3f8ff; position: absolute; right: -0.3rem; top:0.4rem; z-index: -1; border-radius: 0.1rem; transform: rotate(75deg);}
.strnote03 .list dl dt{ display: flex; justify-content: space-between; align-items: center; font-weight: normal;}
.strnote03 .list dl dt>i:first-child{ margin: 0; color: #a2c44e; font-size: 20px;}
.strnote03 .list dl dt>b{ margin: 0; font-size: 18px; width: calc(100% - 20px - 26px - 15px); font-weight: normal;}
.strnote03 .list dl dt>span{ width: 26px; height: 26px; border-radius: 50%; background: #a2c44e; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; border-color: transparent; box-sizing: border-box;}
.strnote03 .list dl dt>span i{ font-size: 16px; color: #fff; border: 0; font-weight: normal;}
.strnote03 .list dl dt>span i.icon-right{ display: block;}
.strnote03 .list dl dt>span i.icon-cuo{ display: none;}
.strnote03 .list dl dd{ display: none; font-size: 15px; color: #777777; line-height: 1.75;}
.strnote03 .list dl.active dt>span{ border-color: #bbbbbb; background: none;}
.strnote03 .list dl.active dt>span i.icon-right{ display: none;}
.strnote03 .list dl.active dt>span i.icon-cuo{ display: block; color: #bbbbbb;}
.strnote03 .list dl.active dd{ display: block; margin-top: 0.1rem;}
@media  (min-width:1082px){
}
@media (min-width:1px) and  (max-width:1081px){
	.strnote03 .list dl dt>b{ font-size: 16px;}
	.strnote03 .list dl dd{ font-size: 14px;}
}

.strnote04{ padding: 0.85rem 0 0.45rem; background: #fff;}
.strnote04 h2{ font-size: 28px; font-family: var(--font1); text-align: center; margin-bottom: 0.5rem;}
.strnote04 h2 span{ color: #7cb62c;}
.strnote04 .list{}

@media  (min-width:1082px){
	.strnote04 .list .item{ width: calc((100% - 0.75rem)/4); margin-bottom: 0;}
	.strnote04 .list .item:nth-child(3){ margin-right: 0.25rem;}
	.strnote04 .list .item:nth-child(4){ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:1081px){
	.strnote04 .list .item{}
}

.ProList{ display: flex; flex-wrap: wrap;}
.ProList .item{ margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem; margin-bottom: 0.25rem; box-sizing: border-box; background: #fff; border: 1px solid #e7e7e7; border-radius: 0.1rem; text-align: left;}
.ProList .item .img{ overflow: hidden; border-radius: 0.1rem;}
.ProList .item .img img{ width: 100%; height: auto;}
.ProList .item .txt{ padding: 0.25rem 0.2rem;}
.ProList .item .txt h3{ font-size: 16px; line-height: 1.2; color: #333;}
.ProList .item .txt .line{ display: block; margin: 0.1rem 0; height: 0; border-bottom: 1px dashed #c5c4c4;}
.ProList .item .txt p{ font-size: 14px; line-height: 1.4; color: #999;}
.ProList .item .txt span{ font-size: 14px; color: #7cb62c; display: inline-block; margin-top: 0.15rem;}
@media (min-width:1082px){
	.ProList .item:nth-child(4n){ margin-right: 0;}
    .ProList .item:hover .img img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:1081px){
	.ProList .item{ width: calc((100% - 0.35rem)/2);}
	.ProList .item:nth-child(2n){ margin-right: 0;}
}

.productsdetail{ }
.productsdetail .detailhtml{ padding: 0.6rem 0;	}
.productsdetail .detailhtml .container{ box-shadow: 0 0 15px #d5d5d5; padding: 0.4rem; box-sizing: border-box; background: #fff;}
.productsdetail .detailhtml .html_l{ overflow: hidden;}
.productsdetail .detailhtml .html_l .proimgbox{ overflow: hidden; border: 1px solid #e1e1e1;}
.productsdetail .detailhtml .html_l .proimgbox img{ width: 100%; height: auto;}
.productsdetail .detailhtml .smallImg{ margin-top: 0.2rem; position: relative; box-sizing: border-box;}
.productsdetail .detailhtml .smallImg .swiper-container{ box-sizing: border-box; overflow: hidden; margin-left: 0.4rem; margin-right: 0.4rem;}
.productsdetail .detailhtml .smallImg .swiper-slide{ margin: 0; padding: 0; box-sizing: border-box; border: 1px solid #e1e1e1;}
.productsdetail .detailhtml .smallImg .swiper-slide>a{ display: block; box-sizing: border-box; margin: 0; padding: 0;}
.productsdetail .detailhtml .smallImg .swiper-slide>a>img{ width: 100%; height: auto; box-sizing: border-box; margin: 0; padding: 0;}
.productsdetail .detailhtml .smallImg .swiper-slide-active{ border-color: #7cb62c;}
.productsdetail .detailhtml .smallImg .btn{ display: inline-flex; top: 50%; transform: translateY(-50%); z-index: 5; position: absolute; cursor: pointer; outline: none; width: 0.34rem; height: 0.34rem; background: #e4e4e4; align-items: center; justify-content: center; border-radius: 50%;}
.productsdetail .detailhtml .smallImg .btn i{ font-size: 0.2rem; color: #fff;}
.productsdetail .detailhtml .smallImg .btn:hover{ background: #7cb62c;}
.productsdetail .detailhtml .smallImg .btn-prev{ left: 2px;}
.productsdetail .detailhtml .smallImg .btn-next{ right: 2px;}
.productsdetail .detailhtml .html_r{}
.productsdetail .detailhtml .html_r h1{ font-size: 0.24rem; color: #7cb62c; text-transform: capitalize;}
.productsdetail .detailhtml .html_r .context{ overflow: hidden; padding: 0.2rem 0rem 0.15rem 0rem; color: #666; font-size: 14px; line-height: 2; display: flex; flex-wrap: wrap;}
.productsdetail .detailhtml .html_r .context .item{ margin: 0; width: calc((100%)/4); text-align: center; border-right: 1px solid #cfcfcf; box-sizing: border-box; border-bottom: 1px solid #cfcfcf; padding: 5px;}
.productsdetail .detailhtml .html_r .context .item img{ display: inline-block; width: 0.88rem; height: 0.88rem;}
.productsdetail .detailhtml .html_r .context .item h3{ font-size: 16px; color: #a8a8a8;}
.productsdetail .detailhtml .html_r .context .item p{ font-size: 16px; color: #da251c;}
.productsdetail .detailhtml .html_r .onservice{ overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem;}
.productsdetail .detailhtml .html_r .onservice>a{ margin: 0; width: calc((100% - 0.2rem)/2); margin-right: 0.2rem; margin-bottom: 0.2rem; font-size: 16px; display: flex; align-items: center;}
.productsdetail .detailhtml .html_r .onservice>a>i{ font-size: 0.24rem; color: #7cb62c;}
.productsdetail .detailhtml .html_r .onservice>a>span{ margin: 0; margin-left: 5px;}
.productsdetail .detailhtml .html_r .onservice>a:nth-child(2n){ margin-right: 0;}
.productsdetail .detailhtml .html_r .onservice>a:hover{ color: #7cb62c; }
.productsdetail .detailhtml .html_r .prokmore{ display: flex; margin-top: 0.1rem;}
.productsdetail .detailhtml .html_r .prokmore a{ margin: 0; text-transform: uppercase; color: #666; font-size: 14px;  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #7cb62c; padding: 0.1rem 0.2rem; border-radius: 0.3rem; margin-right: 0.15rem; letter-spacing: 1px;}
.productsdetail .detailhtml .html_r .prokmore a>i{ font-size: 0.2rem; margin-right: 0.1rem; color: #7cb62c;}
.productsdetail .detailhtml .html_r .prokmore a:hover{ background: #7cb62c; color: #fff;}
.productsdetail .detailhtml .html_r .prokmore a:hover i{ color: #fff;}

.productsdetail .details-txt{ background: #f5f5f5; padding-top: 0.6rem;}
.productsdetail .details-txt .container{box-sizing: border-box;}
.productsdetail .details-txt .lt{ margin: 0; }
.productsdetail .details-txt .fr{ margin: 0; }
.productsdetail .details-txt .fr dl{  background: #f5f5f5;}
.productsdetail .details-txt .fr dl dd{ font-size: 14px; line-height: 2; background: #fff; padding: 0.1rem 0.2rem; margin-bottom: 0.1rem; cursor: pointer;}
.productsdetail .details-txt .fr dl dd:hover,.productsdetail .details-txt .fr dl dd.active{ background: #7cb62c; color: #fff;}
.productsdetail .xgeffect{background: #fff; padding: 0.6rem 0.5rem 0 0.5rem;}
.productsdetail .xgeffect .detailtop{ }
.productsdetail .xgeffect .detailtop span{ display: inline-block; position: relative; z-index: 1; font-size: 24px; font-family: var(--font1); color: #fff; padding: 0.1rem 0.1rem 0.1rem 0.6rem; background: #7cb62c; border-radius: 0.1rem; width: 100%; box-sizing: border-box;}
.productsdetail .xgeffect .detailtop span:before{ content: ""; width: 0.47rem; height: 0.53rem; background: url("../images/2_18.png") no-repeat center center / 100% 100%; position: absolute; left: 0.1rem; top:-0.2rem; display: inline-block;}
.productsdetail .xgeffect .detalist{  font-size: 16px; line-height: 2; padding: 0.2rem 0;}
.productsdetail .xgeffect .detalist img{ width: auto; height: auto;}
.productsdetail .xgeffect .detalist iframe{ max-width: 100%;}
.productsdetail .xgeffect .detalist table{ width: 100%; overflow: hidden; border-radius: 0.1rem;}
.productsdetail .xgeffect .detalist table tr{ width: 100%;}
/*.productsdetail .xgeffect .detalist table tr td:nth-child(1){white-space:nowrap;width:1%; }*/
.productsdetail .xgeffect .detalist table tr:nth-child(1n) td{ background: #f6f6f6;}
.productsdetail .xgeffect .detalist table tr:nth-child(2n) td{ background:#fcfcfc;}
.productsdetail .xgeffect .detalist table tr td{ padding:0.15rem 0.3rem;  font-size: 16px;}

.productsdetail .xgeffect .detalist.on ol,.productsdetail .xgeffect .detalist.on ul{ list-style-type: inherit; padding: 0 0.3rem;}
.productsdetail .xgeffect .detalist.on ol li,.productsdetail .xgeffect .detalist.on ul li{ list-style-type: inherit;}

.productsdetail .xgeffect .detalist .faq{}
.productsdetail .xgeffect .detalist .faq dl{ margin-bottom: 0.1rem; position: relative; z-index: 1; background: #fff; padding: 0.2rem 0.3rem; cursor: pointer; overflow: hidden;}
.productsdetail .xgeffect .detalist .faq dl:before{ content: ""; width: 1.6rem; height: 1.6rem; background: #f4ffda; border-radius: 50%; position: absolute; left: -0.8rem; top:-0.4rem; z-index: -1;}
.productsdetail .xgeffect .detalist .faq dl:after{ content: ""; width: 1.2rem; height: 1.2rem; background: #f3f8ff; position: absolute; right: -0.3rem; top:0.4rem; z-index: -1; border-radius: 0.1rem; transform: rotate(75deg);}
.productsdetail .xgeffect .detalist .faq dl dt{ display: flex; justify-content: space-between; align-items: center;}
.productsdetail .xgeffect .detalist .faq dl dt>i:first-child{ margin: 0; color: #a2c44e; font-size: 20px;}
.productsdetail .xgeffect .detalist .faq dl dt>b{ margin: 0; font-family: var(--font1); font-size: 18px; width: calc(100% - 20px - 26px - 15px)}
.productsdetail .xgeffect .detalist .faq dl dt>span{ width: 26px; height: 26px; border-radius: 50%; background: #a2c44e; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; border-color: transparent; box-sizing: border-box;}
.productsdetail .xgeffect .detalist .faq dl dt>span i{ font-size: 16px; color: #fff; border: 0; font-weight: normal;}
.productsdetail .xgeffect .detalist .faq dl dt>span i.icon-right{ display: block;}
.productsdetail .xgeffect .detalist .faq dl dt>span i.icon-cuo{ display: none;}
.productsdetail .xgeffect .detalist .faq dl dd{ display: none; font-size: 16px; color: #777777; line-height: 1.75;}
.productsdetail .xgeffect .detalist .faq dl.active dt>span{ border-color: #bbbbbb; background: none;}
.productsdetail .xgeffect .detalist .faq dl.active dt>span i.icon-right{ display: none;}
.productsdetail .xgeffect .detalist .faq dl.active dt>span i.icon-cuo{ display: block; color: #bbbbbb;}
.productsdetail .xgeffect .detalist .faq dl.active dd{ display: block; margin-top: 0.1rem;}

.productsdetail .xgeffect .detalist .case{ display: flex; flex-wrap: wrap;}
.productsdetail .xgeffect .detalist .case .item{ margin: 0; width: calc((100% - 0.6rem)/4); margin-right: 0.2rem; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 0.1rem; overflow: hidden; background: #f8f6f6;}
.productsdetail .xgeffect .detalist .case .item .img{ overflow: hidden;}
.productsdetail .xgeffect .detalist .case .item .txt{ padding:0.15rem;}
.productsdetail .xgeffect .detalist .case .item .txt h3{ font-size: 16px; color: #333; line-height: 1.2;}
.productsdetail .xgeffect .detalist .case .item .txt .line{ display: block; height: 0; border-bottom: 1px dashed #c9c9c9; margin: 0.1rem 0;}
.productsdetail .xgeffect .detalist .case .item .txt p{ font-size: 14px; line-height: 1.4; color: #999;}
.productsdetail .xgeffect .detalist .case .item .txt span{ font-size: 14px; color: #7cb62c;}
.productsdetail .xgeffect .detalist .linkmore{ margin-top: 0.5rem; text-align: center;}
.productsdetail .xgeffect .detalist .linkmore a{ display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 1.6rem; height: 0.4rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer; box-sizing: border-box;}
.productsdetail .xgeffect .detalist .linkmore a b{width: calc(100% - 0.35rem); font-size: 0.15rem; color: #fff; text-align: center;}
.productsdetail .xgeffect .detalist .linkmore a span{width: 0.35rem; height: 0.35rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.productsdetail .xgeffect .detalist .linkmore a span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 0.18rem;}

.productsdetail .xgeffect .detalist .customer{ display: flex; flex-wrap: wrap; margin-top: 0.4rem}
.productsdetail .xgeffect .detalist .customer .item{ margin: 0; width: calc((100% - 0.4rem)/3); margin-right: 0.2rem; text-align: center; box-sizing: border-box; box-shadow: 0 0 0.18rem rgba(183,183,183,0.1); padding: 0.3rem;}
.productsdetail .xgeffect .detalist .customer .item .img{ display: inline-flex; align-items: center; justify-content: center; width: 0.88rem; height: 0.88rem; border: 2px solid #7cb62c; box-sizing: border-box; border-radius: 50%; overflow: hidden; margin-top: -0.6rem;}
.productsdetail .xgeffect .detalist .customer .item .txt{ margin-top: 0.2rem;}
.productsdetail .xgeffect .detalist .customer .item .txt h3{ font-size: 16px; font-family: var(--font1);}
.productsdetail .xgeffect .detalist .customer .item .txt p{ font-size: 15px; color: #999999; line-height: 1.7; margin: 0.15rem 0;}
.productsdetail .xgeffect .detalist .customer .item .txt .context{ font-size: 14px; line-height: 1.6; color: #999; text-align: left;}


@media (min-width:1082px){
	.productsdetail .detailhtml .container{ display: flex; justify-content: space-between; }
	.productsdetail .detailhtml .html_l{ width: 50%; margin: 0; padding-right: 0.6rem; box-sizing: border-box;}
	.productsdetail .detailhtml .html_r{ width: 50%; margin: 0;}
	.productsdetail .detailhtml .html_r .context .item:nth-child(4n){ border-right: 0;}
	.productsdetail .detailhtml .html_r .context .item:nth-child(n+5){ border-bottom: 0;}
	.productsdetail .details-txt .container{box-sizing: border-box; display: flex; justify-content: space-between;}
	.productsdetail .details-txt .lt{ width: calc(100% - 3rem); margin: 0; }
	.productsdetail .details-txt .fr{ width: 2.6rem; margin: 0;}
	.productsdetail .details-txt .fr dl{ position: sticky; top: 1.16rem;}
	.productsdetail .xgeffect .detalist.ProList{}
	.productsdetail .xgeffect .detalist.ProList .item{ }
	
	.productsdetail .xgeffect .detalist .case .item:nth-child(4){ margin-right: 0;}
	.productsdetail .xgeffect .detalist .case .item:hover .img img{ transform: scale(1.1)}
	.productsdetail .xgeffect .detalist .linkmore a:hover span{ transform: rotate(45deg)}
	
	.productsdetail .xgeffect .detalist .customer .item:nth-child(3n){ margin-right: 0;}
	
	.productsdetail .xgeffect .detalist .list .item{ width: calc((100% - 0.75rem)/4); margin-bottom: 0;}
	.productsdetail .xgeffect .detalist .list .item:nth-child(3){ margin-right: 0.25rem;}
	.productsdetail .xgeffect .detalist .list .item:nth-child(4){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.productsdetail .detailhtml .html_r{ margin-top: 30px;}
	.productsdetail .detailhtml .html_r .context .item{ width: calc((100%)/2);}
	.productsdetail .detailhtml .html_r .context .item:nth-child(2n){ border-right: 0;}
	.productsdetail .detailhtml .html_r .context .item:nth-child(n+7){ border-bottom: 0;}
	.productsdetail .detailhtml .html_r .concp>a{ font-size: 12px;}
	.productsdetail .detailhtml .html_r .onservice>a{ width: 100%; margin-right: 0;}
	.productsdetail .detailhtml .html_r .linkmore{ flex-wrap: wrap;}
	.productsdetail .detailhtml .html_r .linkmore a{ margin-bottom: 0.2rem;}
	.productsdetail .detailhtml .html_r .prokmore{ flex-wrap: wrap;}
	.productsdetail .detailhtml .html_r .prokmore a{ margin-bottom: 0.2rem;}
	.productsdetail .details-txt .fr{ display: none;}
	.productsdetail .xgeffect .detalist img{ width: auto!important; height: auto!important;}
	
	.productsdetail .xgeffect{ padding: 0.3rem;}
	.productsdetail .xgeffect .detailtop h2{ font-size: 18px;}
	.productsdetail .xgeffect .detalist{ font-size: 14px;}
	.productsdetail .xgeffect .detalist table tr td{ font-size: 14px;}
	
	.productsdetail .xgeffect .detalist .faq dl dt>b{ font-size: 16px;}
	.productsdetail .xgeffect .detalist .faq dl dd{ font-size: 14px;}
	
	.productsdetail .xgeffect .detalist .case .item{ width: calc((100% - 0.2rem)/2); margin-bottom: 0.2rem;}
	.productsdetail .xgeffect .detalist .case .item:nth-child(2n){ margin-right: 0;}
	
	.productsdetail .xgeffect .detalist .case .item{ width: calc((100% - 0.2rem)/2); margin-bottom: 0.2rem;}
	.productsdetail .xgeffect .detalist .case .item:nth-child(2n){ margin-right: 0;}
	
	.productsdetail .xgeffect .detalist .customer .item{ width: 100%; margin-right: 0; margin-bottom: 0.2rem;	}
	
}

.table-responsive{overflow-x:auto;min-height:.01%;}
@media screen and (max-width:767px){.table-responsive{overflow-y:hidden;margin-bottom:15px;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar; box-sizing: border-box;}
.table-responsive>.table{margin-bottom:0;}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap;}
.table-responsive>.table-bordered{border:0;}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0;}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0;}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;}
}

.feedbackbox ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.feedbackbox ul>li{margin:0 0 34px;width:100%;position:relative;padding:6px 20px;background-color:#f7f7f7; box-sizing: border-box; display: flex;}
.feedbackbox ul>li.half{width:calc((100% - 2%)/2);}
.feedbackbox ul>li>label{text-align:left;font-weight:normal;font-size:0.14rem;line-height:40px;margin-right:5px;color:#8a8a8a; display: flex; white-space: nowrap;text-overflow: ellipsis;}
.feedbackbox ul>li>label>i{display:inline-block;vertical-align:top;font-size:0.2rem;line-height:40px;margin-right:5px;}
.feedbackbox ul>li>label>em{color:#f00;font-style:initial;font-size:0.18rem;line-height:40px;display:inline-block;vertical-align:top;}
.feedbackbox ul>li>.input{margin:0;font-size:0.16rem;height:40px;padding-left:10px;background-color:transparent;flex:1;width:0; box-sizing: border-box;}
.feedbackbox ul>li textarea.input{resize:none;position:relative;line-height:30px;font-size:0.16rem;border:none;height:140px;padding-top:6px;}
.feedbackbox ul>li.tips{border-bottom:none;font-size:18px;line-height:24px;color:#747474;}
.feedbackbox .submit{width: 1.76rem; height: 0.45rem; border-radius: 5px; font-size: 18px; text-transform: uppercase; color: #fff; cursor: pointer; outline: none; position: relative; overflow: hidden; border: 0;}
.feedbackbox .submit span{ display: block; position: relative; z-index: 3;}
@media  (min-width:992px) and (max-width:1229px) {
    .feedbackbox ul>li.half{margin-bottom:20px;}
    .feedbackbox ul>li{}
    .feedbackbox ul>li>label{font-size:0.16rem;}
    .feedbackbox ul>li.btnli .btnlink{padding:3px 40px;}
}
@media (min-width:768px) and (max-width:991px) {
    .feedbackbox ul>li.half{margin-bottom:20px;}
    .feedbackbox ul>li{}
    .feedbackbox ul>li>label{font-size:0.16rem;}
    .feedbackbox ul>li>input{}
    .feedbackbox ul>li textarea{}
    .feedbackbox ul>li.btnli .morelink{padding:3px 40px;font-size:0.16rem;line-height:32px;}
}
@media (min-width:1px) and (max-width:767px) {
    .feedbackbox ul>li{padding:5px 10px;}
    .feedbackbox ul>li.half{margin-bottom:20px;width:100%;}
    .feedbackbox ul>li>label{font-size:0.16rem;}
    .feedbackbox ul>li textarea.input{height:80px;width:100%;flex:inherit;}
    .feedbackbox ul>li.btnli .morelink{padding:3px 40px;font-size:0.16rem;line-height:32px;}
	.feedbackbox .submit{}
}
/**********产品页面**********/

/**********新闻中心**********/
.newsbar{ padding: 0.6rem 0;}
.newsbar h2{ font-family: "Montserrat-Bold"; font-size: 0.48rem; line-height: 1; color: #000;}
.newsbar .line{ display: block; margin: 0.3rem 0 0.6rem; width: 0.88rem; height: 3px; background: #007d50;}

.newslist{ padding: 0.3rem 0; display: flex; flex-wrap: wrap;}
.newslist .item{ margin: 0; width: calc((100% - 0.5rem)/3); margin-right: 0.25rem; display: block; margin-bottom: 0.35rem; background: #f2f2f2;border-radius: 0.1rem; overflow: hidden;}
.newslist .item .img{ overflow: hidden;}
.newslist .item .img img{ width: 100%; height: auto;}
.newslist .item .txt{ padding: 0.25rem;}
.newslist .item .txt time{ display: block; font-size: 14px; color: #7cb62c;}
.newslist .item .txt time i{margin-right: 5px;}
.newslist .item .txt .z1{ margin: 0.1rem 0; font-size: 16px; color: #333; line-height: 1.2}
.newslist .item .txt p{ font-size: 14px; line-height: 1.4; color: #999;}
.newslist .item .txt .line{ display: block; height: 0px; margin: 0.15rem 0; border-bottom: 1px dashed #999999;}
.newslist .item .txt span{ display: block; font-size: 14px; color: #7cb62c;}

@media (min-width:1082px){
	.newslist .item:nth-child(3n){ margin-right: 0;}
	.newslist .item:hover{ box-shadow: 0 0 0.15rem #00000030;}
}
@media (min-width:1px) and (max-width:1081px){
	.newslist .item{ width: 100%; margin-right: 0;}
}

.exhibitionslist{ padding: 0.3rem 0; display: flex; flex-wrap: wrap;}
.exhibitionslist .item{ margin: 0; width: calc((100% - 0.5rem)/3); margin-right: 0.25rem; display: block; margin-bottom: 0.35rem; background: #f8f8f8;border-radius: 0.1rem; overflow: hidden;}
.exhibitionslist .item .img{ overflow: hidden;}
.exhibitionslist .item .txt{ padding: 0 0.3rem;}
.exhibitionslist .item .txt .title{ display: flex; justify-content: space-between; padding: 0.2rem 0; align-items: center;}
.exhibitionslist .item .txt .title .z1{ font-size: 18px; margin: 0; color: #2b2b2b;}
.exhibitionslist .item .txt .title .more{ margin: 0; display: inline-flex; align-items: center;justify-content: space-between; padding: 5px; width: 1.38rem; height: 0.36rem; border-radius: 0.6rem; background: linear-gradient(-178deg,#79bb24,#c0cb6c); border: 0; cursor: pointer;  box-sizing: border-box;}
.exhibitionslist .item .txt .title .more b{width: calc(100% - 0.3rem); font-size: 12px; color: #fff; text-align: center;}
.exhibitionslist .item .txt .title .more span{width: 0.3rem; height: 0.3rem; background: #eeefe8; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: linear 0.35s;}
.exhibitionslist .item .txt .title .more span i{ background: linear-gradient(45deg,#79bb24,#c0cb6c); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 12px;}
.exhibitionslist .item .txt .line{ display: block; height: 1px; background: #eaeaea; margin-bottom: 0.15rem;}
.exhibitionslist .item .txt dl{ margin-bottom: 0.1rem;}
.exhibitionslist .item .txt dl dd{ display: flex; font-size: 14px; color: #777777; margin-bottom: 0.1rem;}
.exhibitionslist .item .txt dl dd i{ color: #7cb62c; font-size: 18px; margin-right: 0.1rem;}
@media (min-width:1082px){
	.exhibitionslist .item:nth-child(3n){ margin-right: 0;}
	.exhibitionslist .item:hover .img img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:1081px){
	.exhibitionslist .item{ width: 100%;}
}

.newsdetail{ overflow: hidden; background: rgba(255,255,255,0.7);}
.newsdetail .Title{ overflow: hidden;}
.newsdetail .Title h1{ font-size: 0.3rem; color: #7cb62c; text-align: center; padding: 0 15px; margin-bottom: 30px; }
.newsdetail .Title .txt{ padding: 20px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; text-align: center; font-size: 16px; font-family: "Gilroy_Regular";}
.newsdetail .context{ overflow: hidden; padding: 0.45rem 0 0.6rem; border-bottom: 1px solid #f1f1f1; font-size: 16px; line-height: 2; font-family: "Gilroy_Regular";}
.newsdetail .context img{ max-width: 100%; height: auto;}
.newsdetail .pagelist{ overflow: hidden; margin-top: 15px; display: flex; justify-content: space-between; font-family: "Gilroy_Regular";}
.newsdetail .pagelist>a{ font-size: 16px; line-height: 28px; color: #666; max-width: 45%; margin: 0; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

@media (min-width:1px) and (max-width:1080px){
.newsdetail{ padding: 15px;}
.newsdetail .Title h1{ font-size: 20px; line-height: 2; padding: 0 7px; margin-bottom: 15px;}
.newsdetail .Title .txt{ padding: 10px 0 5px 0; display: block;}
.newsdetail .Title .txt #ProShare{ margin-top: 10px; display: block;}
.newsdetail .context{ padding: 15px 0 20px;}
.newsdetail .pagelist{ display: block;}
.newsdetail .pagelist>a{ display: block; font-size: 14px; line-height: 24px; color: #666; max-width: 100%; margin: 0;}
}
/**********新闻中心**********/


/**********案例中心**********/
.summary{ margin-bottom: 0.2rem;}
.summary .context{ font-size: 16px; line-height: 1.875;}

.casesbody{}
.left_cases{ margin: 1rem 0 0.3rem; width: 3.36rem; }
.left_cases li{ display: block; margin-bottom: 0.2rem; text-align: center; border-radius: 0.5rem; overflow: hidden;}
.left_cases li>a{ display: block; font-size: 18px; color: #555; padding: 0.165rem 0.25rem; background: #f8f6f6;}
.left_cases li.active>a,.left_cases li:hover>a{ background: linear-gradient(to left,#79bb24,#c0cb6c); color: #fff;}
.casesbody .right_detail{ width: calc(100% - 4rem);}

.caseslist{padding:0 0 0.3rem 0; display: flex; flex-wrap: wrap;}
.caseslist .item{ margin: 0; width: calc((100% - 0.5rem)/3); margin-right: 0.25rem; margin-bottom: 0.35rem; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 0.1rem; overflow: hidden; background: #f8f6f6;}
.caseslist .item .img{ overflow: hidden; border-radius: 0.1rem;}
.caseslist .item .txt{ padding: 0.25rem;}
.caseslist .item .txt h3{ font-size: 16px; color: #555555; font-family: "Poppins-Bold";}
.caseslist .item .txt .line{ display: block; margin: 0.15rem 0; height: 0; border-bottom: 2px dashed #c5c4c4;}
.caseslist .item .txt p{ font-size: 14px; color: #777777;}
@media (min-width:1082px){
	.caseslist .item:nth-child(3n){ margin-right: 0;}
	.caseslist .item:hover{ box-shadow: 0 0 0.15rem #00000030;}
}
@media (min-width:1px) and (max-width:1081px){
	.left_cases{ display: none;}
	.casesbody .right_detail{ width: 100%;}
	
	.caseslist .item{ width: calc((100% - 0.25rem)/2);}
	.caseslist .item:nth-child(2n){ margin-right: 0;}
}

/**********案例中心**********/

/**********视频中心**********/
.catevideo{ padding: 0.35rem 0 0.75rem;}
.catevideo dl{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.catevideo dl dd{ margin: 0 0.25rem; display: inline-block; background: #f8f6f6; border-radius: 0.5rem; font-size: 18px;}
.catevideo dl dd a{ display: block; padding: 0.2rem 1.1rem;}
.catevideo dl dd:hover{ background: linear-gradient(to right,#bfcb6c,#7bbc26);}
.catevideo dl dd:hover>a{ color: #fff;}
.catevideo dl dd.active{ background: linear-gradient(to right,#bfcb6c,#7bbc26);}
.catevideo dl dd.active>a{ color: #fff;}
@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
	.catevideo dl dd{ margin: 0.1rem; font-size: 16px;}
	.catevideo dl dd a{ padding: .1rem 0.3rem;}
}

#iframevideo{ width: 100%; height: 100%;}

.videolist{ overflow: hidden; padding: 0 0 0.3rem 0; display: flex; flex-wrap: wrap;}
.videolist .item{ margin: 0; width: calc((100% - 0.9rem)/4); margin-right: 0.3rem; margin-bottom: 0.3rem; cursor: pointer;}
.videolist .item .img{ overflow: hidden; position: relative;}
.videolist .item .img i{position:absolute; display:inline-flex; cursor:pointer;align-items:center;justify-content:center; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 0.4rem; color: #d81e06;}
.videolist .item .txt{ padding: 0.15rem 0; box-sizing: border-box; }
.videolist .item .txt .z2{ font-size: 16px; color: #666; margin-bottom: 0.1rem; display: none;}
.videolist .item .txt .z1{ font-size: 16px; text-align: center;}
@media (min-width:1082px){
	.videolist .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.videolist .item{ width: calc((100% - 0.25rem)/2);}
	.videolist .item:nth-child(2n){ margin-right: 0;}
}
/**********视频中心**********/

/**********服务中心**********/

.service{ overflow: hidden; padding: 0.55rem 0 0.95rem; background: #f3f3f5;}
.service .item{ overflow: hidden; background: #fff;}
.service .item h3{ display: flex; align-items: center; padding: 0.3rem 0.4rem; background: #616161;}
.service .item h3 em{ display: inline-block; font-style: normal; font-family: "Audiowide-Regular"; font-size: 0.6527rem; text-transform: uppercase; color: #fff;}
.service .item h3 span{ font-size: 16px; color: #fff; margin-left: 0.1rem; line-height: 2; text-transform: uppercase;}
.service .item p{ font-size: 14px; line-height: 1.7; color: #262626; padding: 0.35rem 0.4rem;}
.service .item:nth-child(2) h3{ background: #7cb62c;}
@media (min-width:1082px){
	.service .container{ display: flex; justify-content: space-between;}
	.service .item{ margin: 0; width: calc((100% - 0.7rem)/3); margin-right: 0.35rem;}
	.service .item:nth-child(3n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
}

/**********服务中心**********/


/**********常见问题**********/
.faqlist{ overflow: hidden; padding: 0.6rem 0 0.2rem 0;}
.faqlist .z1{ font-size: 0.36rem; font-weight: bold; color: #333; font-family: "Poppins-Bold";}
.faqlist .line{ display: block; width: 0.68rem; height: 6px; border-radius: 6px; background: linear-gradient(to right,#bdc864,#76b91f); margin: 0.15rem 0 0.3rem;}
.faqlist p{ font-size: 16px; line-height: 1.875; color: #666;}
.faqlist .list{ overflow: hidden;}

.faqlist .item{ transition: all 0.35s ease; overflow: hidden; padding: 0.2rem; box-sizing: border-box; border: 1px solid #ddd; margin-top: 0.3rem; cursor: pointer;}
.faqlist .item .tit{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ddd; padding-bottom: 0.15rem; margin-bottom: 0.15rem;}
.faqlist .item .tit span{ margin: 0; display: inline-flex; align-items: center; justify-content: center; color: #7cb62c;}
.faqlist .item .tit span i{ font-size: 0.24rem;}
.faqlist .item .tit b{ margin: 0; width: calc(100% - 0.4rem); display: block; font-size: 18px; }
.faqlist .item .txt{ display: flex; align-items: flex-start; justify-content: space-between;}
.faqlist .item .txt span{ margin: 0; display: inline-flex; align-items: center; justify-content: center; color: #7cb62c; margin-top: 5px;}
.faqlist .item .txt span i{ font-size: 0.24rem;}
.faqlist .item .txt .context{  margin: 0; width: calc(100% - 0.4rem); display: block; font-size: 16px; line-height: 2.25;}

@media (min-width:1082px){
	.faqlist .item:hover{ background: #7cb62c; color: #fff;}
	.faqlist .item:hover  span{ color: #fff;} 
}
@media (min-width:1px) and (max-width:1081px){
}
/**********常见问题**********/


/**********下载中心**********/
.downloadlist{ overflow: hidden; padding: 0.7rem 0 0 0;}
.downloadlist .z1{ font-size: 0.46rem; font-family: "Poppins-Bold"; color: #2b2b2b; margin-bottom: 0.6rem; text-align: center;}
.downloadlist .list{ display: flex; flex-wrap: wrap;}
.downloadlist .list .item{ margin: 0; width: calc((100% - 3.75rem)/4); margin-right: 1.25rem; margin-bottom: 0.4rem;}
.downloadlist .list .item .img{}
.downloadlist .list .item .txt{}
.downloadlist .list .item .txt h3{ margin: 0.15rem 0; font-size: 16px; text-transform: uppercase; color: #777777;}
.downloadlist .list .item .txt .info{}
.downloadlist .list .item .txt .info a{ display: inline-flex; align-items: center; font-size: 14px; margin-right: 0.1rem;}
.downloadlist .list .item .txt .info a i{ font-size: 18px; margin-right: 5px;}

@media (min-width:1082px){
	.downloadlist .list .item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
	.downloadlist .list .item{ width: 100%; margin-right: 0; text-align: center;	}
}
/**********下载中心**********/


/**********联系我们**********/
.information{ padding: 1rem 0 1.3rem ; overflow: hidden; background: url("../images/1_29.jpg") no-repeat center bottom;}
.information .lt .z1{ font-size: 0.46rem; font-family: "Poppins-Bold"; color: #2b2b2b; margin-bottom: 0.6rem;}
.information .lt .divinfo{ display: flex; margin-bottom: 0.25rem;}
.information .lt .divinfo span{ margin: 0; font-size: 0.20rem; color: #666666; line-height: 1.5; display: inline-block;}
.information .lt .divinfo span a{ color: #666666;}
.information .lt .divinfo span a.email{ color: #7cb62c; font-family: "Poppins-Bold";}
.information .lt .divinfo span:first-child{white-space: nowrap;text-overflow: ellipsis;}
.information .lt .divinfo span:last-child{}
@media (min-width:1082px){
	.information .lt{ margin: 0; width: 5rem;}
	.information .fr{ margin: 0; width: calc(100% - 6.1rem);}
}
@media (min-width:1px) and (max-width:1081px){
}


.information .leave{ margin-top: 0.35rem;}
.information .leave .feedbackbox{ display: flex; flex-wrap: wrap;}
.information .leave .input{ margin: 0; width: calc(100%); display: block; justify-content: space-between; align-items: center; box-sizing: border-box; margin-bottom: 0.1rem!important;}
.information .leave .input.textarea{ flex-wrap: wrap;}
.information .leave .input label{ font-size: 16px; color: #333; margin-bottom: 0.1rem; display: block; text-transform: capitalize; font-weight: bold;}
.information .leave .input label em{ color: red; display: inline-block; margin-right: 0.1rem}
.information .leave .input input{ width: 100%; height: 0.42rem; background: none; border: 1px solid #e8e8e8; outline: none; padding: 0 0.2rem; box-sizing: border-box; border-radius: 5px;}
.information .leave .input textarea{ width: 100%; background: #fff; height: 1.26rem; border: 1px solid #e8e8e8; outline: none; padding: 0.1rem ; resize: none; border-radius: 5px;}
.information .leave button{ display: block; font-size: 16px; text-transform: uppercase; color: #fff; width: 4.1rem; height: 0.48rem; border: 0; cursor: pointer; outline: none; margin-top: 0.1rem; transition: linear 0.35s; border-radius: 5px;}
.information .leave button i{ font-size: 0.2rem; margin-left: 0.1rem;}

@media (min-width:1082px){
    .information .leave .input.w100{ margin: 0; width: calc(100%);}
    .information .leave .input.w33{ margin: 0; width: calc((100% - 0.4rem)/3); margin-right: 0.2rem;}
	.information .leave .input.w50{ margin: 0; width: calc((100% - 0.2rem)/2); margin-right: 0.2rem;}
    .information .leave .input.end{ margin-right: 0;}
}
@media (min-width:1px) and (max-width:1081px){
    .information .leave .input{ width: 100%;}
	.information .leave .input input{ height: 30px;}
}
/**********联系我们**********/


/**********网站地图**********/
.SitemapPage{ overflow: hidden; padding: 0.6rem 0}
.SitemapPage .title h2{ font-family: "Gilroy-Bold"; font-size: 0.3rem; color: #333; text-transform: uppercase; margin-bottom: 0.15rem; margin-bottom: 0.3rem;}
.sitemapnav a{display:inline-block;}
.sitemapnav dt{margin-bottom:10px;}
.sitemapnav dt a{font-size:24px;color:#000;}
.sitemapnav dd.line{width:100%;height:1px;background-color:#ddd;margin:15px 0;}
.sitemapnav dd{margin-bottom:10px;position:relative;}
.sitemapnav dd.bigcate{padding-left:30px;}
.sitemapnav dd.bigcate:before{content:"";width:10px;height:2px;position:absolute;left:15px;top:14px;background-color:#333;}
.sitemapnav dd.bigcate a{font-size:20px;color:#333;line-height:30px;}
.sitemapnav dd.smallcate{padding-left:50px;}
.sitemapnav dd.smallcate:before{content:"";width:10px;height:2px;position:absolute;left:35px;top:14px;background-color:#666;}
.sitemapnav dd.smallcate a{font-size:18px;color:#666;line-height:30px;}
.sitemapnav dd.prolist{padding-left:55px;}
.sitemapnav dd.prolist a{display:block;font-size:16px;color:#999;margin-bottom:5px;position:relative;line-height:24px;}
.sitemapnav dd.prolist a:before{content:">";margin-right:5px;}
.sitemapnav dd.list{padding-left:20px;}
.sitemapnav dd.list a{display:block;font-size:16px;color:#999;margin-bottom:5px;position:relative;line-height:24px;}
.sitemapnav dd.list a:before{content:">";margin-right:5px;}
.sitemapnav a:hover{color:#0093e4!important;text-decoration:underline;}
@media (max-width:767px) {
    .sitemapnav dt a{font-size:18px;}
    .sitemapnav dd.bigcate a{font-size:16px;}
    .sitemapnav dd.smallcate a{font-size:15px;}
    .sitemapnav dd.prolist a{font-size:14px;}
    .sitemapnav dd.list a{font-size:14px;}
}
/**********网站地图**********/


/**********公共样式**********/

.thankyou{ text-align: center; padding: 0.6rem 0;}
.thankyou h2{ font-size: 0.45rem; line-height: 1.6; font-weight: bold;}
.thankyou p{ font-size: 18px; line-height: 1.5;}
.thankyou a{ display: inline-flex; margin-top: 0.3rem;}

.PrivacyPolicy{ padding: 0.6rem 0;}
.PrivacyPolicy h3{ font-size: 0.45rem; line-height: 1.6; font-weight: bold;}
.PrivacyPolicy article{ line-height: 2; font-size: 16px;}
.PrivacyPolicy article h4{ font-size: 18px;}

.currertkeywords{margin-top:0.5rem;font-size:18px;color:#666;}
.currertkeywords b{display:inline-block;margin-right:10px;font-size:18px;color:#333;}

.ValidationError{ border-width: 1px; border-style: solid; border-color: red;}
.error{ text-align: center; padding: 0.5rem 0;}
.error a{ width: 240px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d5d5d5; font-size: 14px; text-transform: capitalize;}

.pagination-container{ overflow: hidden; text-align: center; padding-bottom: 0.4rem; }

.hidden{ display: none!important;}
@media (min-width:1082px){
	.hidden-pc{ display: none!important;}
}
@media (min-width:1px) and (max-width:1081px){
	.hidden-xs{ display: none!important;}
}


/**********公共样式**********/

/**********右侧浮动**********/
#float{position:fixed;right:15px;top:50%;margin-top:-60px;z-index:9; display: flex; flex-wrap: wrap; width: 0.5rem; }
#float .ico{ display: flex; width: 0.5rem; height: 0.5rem; background: #85bd2b; align-items: center; justify-content: center; margin-bottom: 0.1rem; position: relative;  cursor: pointer; border-radius: 0.1rem;}
#float .ico span{ margin: 0;}
#float .ico i{ font-size: 0.24rem; color: #fff;}
#float .ico p{ margin: 0; white-space: nowrap; text-overflow: ellipsis; width: 0; overflow: hidden; transition: all 0.35s ease; position: absolute; right: 100%; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px;}
#float .ico.openhover:hover{ border-top-left-radius: 0; border-bottom-left-radius: 0;}
#float .ico.openhover:hover p{ width: 2rem; background: #85bd2b; border-top-left-radius: 0.1rem; border-bottom-left-radius: 0.1rem;}
#float #btninquy{}
#float #btninquy>em>i{ animation: blink 1.5s infinite; }
@media (min-width:1px) and (max-width:1081px){
	#float .ico p{ font-size: 12px;}
}
@keyframes blink {
0% {
opacity: 1;
	color: #7cb62c;
}
50% {
opacity: 0.5;
}
100% {
opacity: 0;
}
}


#floatForm{position:fixed;right:0;bottom:0;z-index:10; transition: linear 0.35s; transform: translateY(100%);}
#floatForm[typeof='close']{ }
#floatForm[typeof='open']{ transform: translateY(0);}
#floatForm .contactTop{ overflow: hidden; display: flex; justify-content: space-between; margin-left: -20px; margin-top: -30px; position: relative; height: 75px; margin-bottom: 0.2rem; align-items: center;}
#floatForm .contactTop:before{position:absolute;top:0;left:0;width:0;height:0;border-color:#7cb62c transparent transparent transparent;border-style:solid;border-width:75px 98px 0 0;content:"";}
#floatForm .contactTop .contactLogo{ margin-left: 20px; margin-top: 5px; position: relative; z-index: 3; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px #f5f5f5; background: #7cb62c; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;}
#floatForm .contactTop .contactLogo img{ max-width: inherit; width: 100%; height: auto;}
#floatForm .contactForm{width:90%;max-width:380px;z-index:1; padding:30px 20px;background-color:#f3f3f3;border:1px solid #d5d5d5; overflow: hidden; border-radius: 10px;}
#floatForm .contactForm .btnclose{display:inline-flex;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;align-items: center;justify-content: center;cursor:pointer; margin: 0;}
#floatForm .contactForm .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;}
#floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;}
#floatForm .contactForm input,.contactForm textarea{padding:12px;width:100%;border:1px solid #dadada;margin-bottom:10px;background-color:#fff;color:#000;resize:none; box-sizing: border-box;}
#floatForm .contactForm .submit{padding:0.1rem 0.2rem;min-width:100%;font-size:0.16rem;border:1px solid #7cb62c;background-color:#7cb62c;text-align:center;color:#fff;display:inline-block; height: auto; box-sizing: border-box; border-radius: 0;}
#floatForm .contactForm .submit:hover{color:#7cb62c;}
@media (min-width:1px) and (max-width:1081px){
	#floatForm{ bottom: 50px;}
}
/**********右侧浮动**********/

/**********分页样式**********/
.pagination{display:inline-block;margin:10px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 12px;border:1px solid #ddd;background-color:#fff;text-decoration:none;font-size:13px;line-height:1.428571429;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#eee;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#7cb62c;background-color:#7cb62c;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span{border-color:#ddd;background-color:#fff;color:#999;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pager{margin:20px 0;padding-left:0;list-style:none;text-align:center;}
.pager:after,.pager:before{display:table;content:" ";}
.pager:after{clear:both;}
.pager:after,.pager:before{display:table;content:" ";}
.pager:after{clear:both;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;border:1px solid #ddd;border-radius:15px;background-color:#fff;}
.pager li>a:focus,.pager li>a:hover{background-color:#eee;text-decoration:none;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#999;cursor:not-allowed;}
/**********分页样式**********/

/*****GoogleCookie******/
.GoogleCookie{display:block; position:fixed;bottom: 0px;  left:0px; width:100%; background:rgba(0,0,0,0.7);animation:myfirst 1.5s;-webkit-animation:myfirst 1.5s;z-index:999; }
.GoogleCookie .txt{display:block; padding:1% 5%;}
.GoogleCookie .txt h4{font-size:18px!important; font-weight:bold; display:block; color:#fff!important;}
.GoogleCookie .txt p{font-size:16px!important; display:block;color:#fff!important;}
.GoogleCookie .txt button{padding:10px 15px; font-size:16px; background:rgba(0,0,0,0.7);color:#fff!important; border:solid 1px #333333; border-radius:5px; cursor:pointer;}
.GoogleCookie .txt button:last-child{margin-left:25px;}
@keyframes myfirst {from {bottom: -250px;}to {bottom: 0px;}}
@-webkit-keyframes myfirst {from {bottom: -250px;}to {bottom: 0px;}}
.OpenGoogleCookie{position:fixed;bottom:25px; right:0px;z-index:9999; width:50px; height:50px; display:none;}
.OpenGoogleCookie a{ width:50px; height:50px; cursor:pointer;}
.OpenGoogleCookie a img{display:block; width:50px; height:50px;}
.OpenGoogleCookie a:hover p{display:block;}
.OpenGoogleCookie p {position: absolute;right: 50px;top:0px;width: 160px; display:none;}
.OpenGoogleCookie p span{float:right; width:140px; color: #dddddd;font-size: 12px!important;text-align: center;line-height: 2em; background:#333; }
.OpenGoogleCookie p i{float:right; margin-right:0px; border-style: solid; border-color: transparent; border-width: 12px 0 12px 12px; border-left-color: #333; }
 @media (min-width:1px) and (max-width:768px){.GoogleCookie{bottom: 50px;}.OpenGoogleCookie{bottom:50px} }


.brand{ background: url("../images/2_01.webp") no-repeat center top / cover; padding: 0.9rem 0 2.1rem;}
.brand .z1{ font-family: var(--font1); font-size: 0.46rem; margin-bottom: 0.45rem;}
.brand .context{ font-size: 16px; line-height: 1.875;}
.brand .tit{ font-family: var(--font1); font-size: 0.36rem; color: #7cb62c; text-decoration: underline; margin-top: 0.7rem;}
@media (min-width:1082px){
}
@media (min-width:1px) and (max-width:1081px){
}

.brand1{}
.brand1 .z1{ font-size: 0.28rem; font-family: var(--font1); text-align: center; margin-bottom: .25rem;}
.brand1 .z2{ font-size: 16px; line-height: 1.75; color: #777777; text-align: center;}
.brand1 .imgbox{ margin-top: 0.45rem; overflow: hidden; border-radius: 5px;}


/*404*/
.page404{ overflow: hidden; padding: 2rem 0; text-align: center;}
.page404 h2{ font-size: 0.2rem; color: #e60012;}
.page404 h2 span{ display: inline-flex; align-items: center;}
.page404 h2 span:before{ content: ""; display: inline-block; width: 0.15rem; height: 1px; background: #e60012; margin-right: 0.1rem;}
.page404 h2 span:after{ content: ""; display: inline-block; width: 0.15rem; height: 1px; background: #e60012; margin-left: 0.1rem;}
.page404 h4{ font-size: 1.6rem; color: #333; font-weight: bold;}
.page404 p{ font-size: 0.16rem; color: #333;}
.page404 .btn404{ display: inline-block; padding: 0.16rem 0.32rem; border: 1px solid #333; font-size: 0.16rem; margin-top: 0.5rem; transition: linear 0.35s;}
.page404 .btn404:hover{ background: #e60012; color: #333;}

/*Home*/
.title-shouye{font-size: 0.46rem;font-weight: bold;line-height: 1.4;}
#shouyesubtitle_process{font-size: 0.23rem;}
/*Prospect*/
.nyprospect_title{font-size: 0.46rem;}
.Franchise_Advantages_desc{font-size: 14px;margin-top: 10px;font-family: "Poppins";}
.prospect-investment_title{display: inline-block;}
/*About*/
.abouttitle-span:before,.Video_title h2:before {content: "";display: inline-block;width: 0.14rem;height: 0.16rem;background: url(../images/2_04.png) no-repeat center center / 100% 100%;margin-right: 0.11rem;}
.aboutprony-desc{font-size: 14px;text-align: center;}

/*Brand*/
.brand_title{font-family: "Poppins-Bold";font-size: 0.46rem;margin-bottom: 0.45rem;text-align: center;}
.brand_subtitle{font-size: 0.24rem;margin-bottom: 0.2rem;font-family: "Poppins-Bold";}
.brandowner_title{font-family: "Poppins-Bold";font-size: 18px;}
/*Video*/
.Video_title h1{font-size:0.42rem;margin-bottom:20px;}
.Video_title h2{font-size:0.3rem;margin-bottom: 10px;}
.Video_title p{margin-bottom:30px;font-size: 14px;color: #666;}
/*Certificate*/
.desc_materials{font-size: 16px;color: #777;font-family: "Poppins";}
/*News*/
.newslist-title{font-weight: bold;font-size: 0.3rem;}