@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	overflow-y: visible
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}
header, footer {
	display: block;
}
body {
	min-width: 320px;
	background: #ffffff;
	font-family: Arial, sans-serif;
	height: 100%;
	color: #242423;
	overflow-x: hidden;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-word;
}
li {
	list-style: none;
}
a {
	color: #242423;
	text-decoration: none;
}
a:hover, a:active, a:focus, a:visited {
	text-decoration: none;
	color: #242423;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.container {
	width: 100%;
	box-sizing: border-box;
	padding-left: 10%;
	padding-right: 10%;
}
.brand-logo {
	display: block;
	background: url(../images/brand_logo.png) no-repeat;
	background-size: cover;
	width: 180px;
	height: 32px;
	position: absolute;
	top: 24px;
	left: 10%;
	z-index: 10;
	transition: all 0.2s ease-out;
}
.nav-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 101;
	transition: all 0.3s ease-out;
	height: 80px;
}
.nav-header:hover {
	background: #ffffff;
}
.nav-hbg {
	background: #ffffff;
}
.nav-hbg::after {
	content: '';
	background: #eeeeee;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.nav-header:hover::after {
	content: '';
	background: #eeeeee;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.nav-header .container {
	position: relative;
}
.nav-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}
.navMenu {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.navMenu li {
	position: relative;
	padding: 0 20px;
}
.navMenu .menubar {
	display: block;
	color: #242423;
	font-size: 18px;
	line-height: 40px;
	position: relative;
	padding: 20px 0px;
	text-transform: uppercase;
	transition: all 0.2s ease-out;
	box-sizing: content-box;
}
.navMenu .active .menubar::before {
	content: '';
	height: 2px;
	width: 100%;
	background: rgba(255,255,255,0.8);
	border-radius: 2px;
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 1;
}
.navMenu .menubar::after {
	content: '';
	height: 2px;
	width: 100%;
	background: #f5d53e;
	border-radius: 2px;
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 1;
	transition: all 0.5s ease-out;
	transform: scale(0, 1);
}
.navMenu .menubar:hover {
	background: none;
	color: #f5d53e !important;
}
.nav-hbg .ncur.menubar {
	color: #f5d53e !important;
}
.navMenu .menubar:hover::after, .nav-hbg .active .menubar::after, .nav-hbg .ncur.menubar::after {
	width: 100%;
	transform: scale(1, 1);
}
.subox {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 1001;
	display: none;
	background: #fff;
	padding: 50px 0;
}
.subnav {
	justify-content: center;
	-webkit-justify-content: center;
}
.subnav li {
	padding: 8px 15px;
}
.subnav li a {
	font-size: 16px;
	color: #999;
}
.subnav li a:hover, .subnav .active a {
	color: #242423;
}
.mob-navbar-nav {
	display: none;
}
.nav-other{
	position: absolute;
	top: 30px;
	right: 10%;
	z-index: 2;
	display: flex;
	align-items: center;
}
.lang{
	display: block;
	background: url(../images/ilang_b.png) no-repeat;
	transition: all 0.2s ease-out;
	padding-left: 26px;
	margin-left: 20px;
	font-size: 16px;
}
.lang:hover{
	transform: translateX(-2px);
}
.ssbar {
	background: url(../images/ssico.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: all 0.2s ease-out;
}
.ssbar:hover{
	transform: translateX(-2px);
}
.ss-box {
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100px;
	z-index: 102;
	display: none;
}
.ss-box .container {
	position: relative;
}
.search-box {
	width: 600px;
	padding: 30px 0;
	margin: 0 auto;
}
.search {
	border-bottom: 2px solid #fbeda8;
	padding: 4px 0;
	position: relative;
}
.ssin {
	border: none;
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	outline: none
}
.ssbtn {
	background: url(../images/ssico.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	border: none;
	outline: none;
}
.search-tips {
	padding: 5px 0;
}
.search-tips ul li {
	padding: 5px 0;
}
.search-tips ul li a {
	color: #999;
	cursor: pointer;
}
.search-tips ul li a:hover {
	color: #f5d325;
}
.ss-close {
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 10;
	background: url(../images/close.png) no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.mob-navbtn {
	display: none;
}
/*内页导航*/
.cnav-header .brand-logo {
	background: url(../images/brand_logo_white.png) no-repeat;
	background-size: cover;
}
.cnav-header .ssbar {
	background: url(../images/ssico_white.png) no-repeat;
	background-size: cover;
}
.cnav-header .lang {
	background: url(../images/ilang.png) no-repeat;
	color: #fff
}
.cnav-header .navMenu .menubar {
	color: #fff;
}
.cnav-header.nav-header:hover .brand-logo {
	background: url(../images/brand_logo.png) no-repeat;
	background-size: cover;
}
.cnav-header.nav-header:hover .ssbar {
	background: url(../images/ssico.png) no-repeat;
	background-size: cover;
}
.cnav-header.nav-header:hover .lang  {
	background: url(../images/ilang_b.png) no-repeat;
	color: #242423;
}
.cnav-header.nav-header:hover .navMenu .menubar {
	color: #242423;
}
.cnav-header.nav-hbg .brand-logo {
	background: url(../images/brand_logo.png) no-repeat;
	background-size: cover;
}
.cnav-header.nav-hbg .ssbar {
	background: url(../images/ssico.png) no-repeat;
	background-size: cover;
}
.cnav-header.nav-hbg .lang {
	background: url(../images/ilang_b.png) no-repeat;
	color: #242423
}
.cnav-header.nav-hbg .navMenu .menubar {
	color: #242423;
}
.footer {
	background: #f5d325;
	padding-top: 50px;
}
.foot-box {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	-webkit-align-items: stretch;
	line-height: 28px;
	position: relative;
}
.foot-other {
	text-align: right;
	color: #242423;
}
.foot-other h2 {
	font-size: 22px;
	font-weight: lighter;
}
.foot-other h3 {
	font-size: 18px;
	padding-top: 36px;
}
.f-tools-box {
	position: absolute;
	bottom: 20px;
	right: 0;
	z-index: 1;
}
.f-tools-box h3 {
	font-size: 18px;
	color: #242423;
	text-align: right;
	padding-bottom: 15px;
}
.f-tools {
	justify-content: flex-end;
	-wenkit-justify-content: flex-end;
}
.f-tools li {
	margin-left: 20px;
	position: relative;
	text-align: center;
	font-size: 12px;
}
.f-tools li img{
	width: 86px;
}
.f-tools li a {
	display: block;
	border: 1px solid #343123;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	padding: 5px;
}
.f-nav-box {
	padding-bottom: 10px;
}
.f-nav {
	align-items: flex-start;
	-wenkit-align-items: flex-start;
}
.f-nav li {
	width: 220px;
}
.f-nav li h3 a {
	color: rgba(36,36,35,1);
	font-size: 16px;
}
.f-subnav {
	padding-top: 10px;
	line-height: 30px;
}
.f-subnav a {
	display: inline-block;
	color: rgba(36,36,35,0.8);
	font-size: 14px;
	position: relative;
}
.f-subnav a::after {
	content: '';
	width: 0;
	height: 1px;
	background: rgba(36,36,35,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: all 0.4s ease-out;
}
.f-subnav a:hover::after {
	width: 100%;
}
.copyright {
	justify-content: space-between;
	-wenkit-justify-content: space-between;
	border-top: 1px solid #a18d24;
	line-height: 30px;
	padding: 7px 0;
	color: #242423;
}
.copyright a {
	color: #242423;
}
.wechat {
	position: absolute;
	bottom: 50px;
	left: -30px;
	background: #fff;
	padding: 8px;
	border-radius: 4px;
	z-index: -10;
	width: 100px;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.wechat::after {
	content: '';
	border-top: 6px solid #fff;
	border-right: 6px solid rgba(0,0,0,0);
	border-left: 6px solid rgba(0,0,0,0);
	width: 0;
	height: 0;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	z-index: 1;
}
.m-tools{
	display: none;
}
.bar-wechat:hover .wechat {
	opacity: 1;
	z-index: 1;
}
.f-tools li a {
	line-height: 0;
}
.f-tools li a img {
	opacity: 0.8;
	transition: all 0.2s ease-out;
}
.f-tools li a:hover img {
	opacity: 1;
}
.banner-box {
	position: relative;
}
.banner-box img {
	width: 100%;
}
.banner-box .swiper-container {
	height: 100%;
}
.banner-box .swiper-slide .container {
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.banner-box .swiper-pagination-bullet {
	width: 100px;
	background: none;
	position: relative;
	height: 28px;
	color: rgba(255,255,255,0.2);
	transition: all 0.35s ease-out;
	opacity: 1;
	margin-right: 12px;
}
.banner-box .swiper-pagination-bullet::before {
	content: '';
	width: 100%;
	height: 3px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.banner-box .swiper-pagination-bullet::after {
	content: '';
	width: 0%;
	height: 3px;
	background: rgba(255,255,255,1);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.banner-box .swiper-pagination-bullet-active {
	color: rgba(255,255,255,1);
}
.banner-box .swiper-pagination-bullet-active::after {
	content: '';
	height: 3px;
	background: rgba(255,255,255,1);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	animation: lineload 2.5s linear forwards;
}
.banner-pagination {
	position: absolute;
	bottom: 48px;
	left: 0;
	z-index: 10;
	width: 100%;
}
.banner-box .swiper-button-prev {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	background: rgba(0,0,0,0.3);
	outline: none;
	border-radius: 30px;
	opacity: 1;
	left: 60px;
	transition: all 0.3s ease-out;
}
.banner-box .swiper-button-next {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	background: rgba(0,0,0,0.3);
	outline: none;
	border-radius: 30px;
	opacity: 1;
	right: 60px;
	transition: all 0.3s ease-out;
}
.banner-box .swiper-button-next:hover, .banner-box .swiper-button-prev:hover {
	background: rgba(0,0,0,0.5);
}
.banner-box .swiper-button-prev::after {
	content: '';
	width: 20px;
	height: 20px;
	border-bottom: 2px solid rgba(255,255,255,1);
	border-left: 2px solid rgba(255,255,255,1);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -10px;
	cursor: pointer;
}
.banner-box .swiper-button-next::after {
	content: '';
	width: 20px;
	height: 20px;
	border-bottom: 2px solid rgba(255,255,255,1);
	border-right: 2px solid rgba(255,255,255,1);
	transform: rotate(-45deg);
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -14px;
	margin-top: -10px;
}
.m-banner-box {
	display: none;
}
.brand-video {
	margin-top: 40px;
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	height: clamp();
}
.brand-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brand-ibox {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.brand-info {
	width: 560px;
	background: rgba(245,211,37,0.95);
	box-sizing: border-box;
	padding: 30px;
	color: #242423;
}
.brand-title {
	font-size: 32px;
	padding-bottom: 15px;
	line-height: 1.4;
}
.brand-desc {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 30px;
	text-align: justify;
}
.bar-play {
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.bar-play img {
	margin-right: 8px;
}
.bgf7 {
	background: #f7f7f7;
}
.use-tab {
	margin-left: -20px;
	margin-right: -20px;
	padding-top: 40px;
	padding-bottom: 20px;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.use-tab li {
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	box-sizing: border-box;
	padding: 20px;
}
.use-tab li a {
	display: block;
	background: #fff;
	padding: 30px;
	cursor: pointer;
	height: 100%;
	border-radius: 4px;
	transition: all 0.3s ease-out;
}
.use-tab li h3 {
	font-size: 18px;
	color: #999;
	padding-top: 20px;
}
.iuse01 {
	background: url(../images/iuse_01.png) no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.iuse02 {
	background: url(../images/iuse_02.png) no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.iuse03 {
	background: url(../images/iuse_03.png) no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.iuse04 {
	background: url(../images/iuse_04.png) no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.use-tab .active a, .use-tab li a:hover {
	background: #f5d325;
	box-shadow: 0 0 15px rgba(234,211,37,0.6);
}
.use-tab .active .iuse01, .use-tab li a:hover .iuse01 {
	background: url(../images/iuse_on_01.png) no-repeat;
	background-size: cover;
}
.use-tab .active .iuse02, .use-tab li a:hover .iuse02 {
	background: url(../images/iuse_on_02.png) no-repeat;
	background-size: cover;
}
.use-tab .active .iuse03, .use-tab li a:hover .iuse03 {
	background: url(../images/iuse_on_03.png) no-repeat;
	background-size: cover;
}
.use-tab .active .iuse04, .use-tab li a:hover .iuse04 {
	background: url(../images/iuse_on_04.png) no-repeat;
	background-size: cover;
}
.use-tab .active h3, .use-tab li a:hover h3 {
	color: #242423;
}
.use-box {
	display: none;
	position: relative;
}
.use-pic {
	padding: 0 0;
}
.use-pic img {
	width: 100%;
}
.use-pic-show {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
}
.use-pic-show .container {
	height: 100%;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
.use-title {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 3px 2px rgba(0,0,0,0.6);
}
.use-title strong {
	color: #fbde38;
}
.use-pic-info p {
	color: #fff;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	font-size: 26px;
}
.about-logo {
	padding-top: 110px;
}
.about-logo li {
	flex: 1;
}
.r-b {
	position: absolute;
	bottom: 40%;
	right: 50px;
	text-align: right;
}
.l-t {
	position: absolute;
	top: 10%;
	left: 0;
}
.htitle-group {
	text-align: center;
	padding: 70px 0 52px 0;
	font-size: 16px;
	color: #666;
}
.htitle-group h3 {
	font-size: 28px;
	padding: 20px 0 15px 0;
	color: #242423;
}
.news-img {
	margin-bottom: 20px;
	border-radius: 4px;
	height: clamp(200px,18.9vw,484px);
	overflow: hidden;
}
.news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.news-list {
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-left: -14px;
	margin-right: -14px;
}
.news-list li {
	width: 33.333%;
	box-sizing: border-box;
	padding: 14px;
}
.news-list li a {
	display: block;
}
.news-title {
	font-size: 18px;
	color: #242423;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.15s ease-out;
}
.news-desc {
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	margin-top: 8px;
	position: relative;
	margin-bottom: 10px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	text-overflow:clip;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-other {
	padding-top: 16px;
	color: #666666;
	position: relative;
}
.iread {
	display: inline-block;
	background: url(../images/iread.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 16px;
	margin-left: 12px;
	margin-right: 3px;
}
.idate {
	display: inline-block;
	background: url(../images/idate.png) no-repeat center;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin-right: 6px;
}
.readnum {
	color: #ccc;
}
.news-list li a:hover .news-img img {
	transform: scale(1.02);
}
.news-list li a:hover .news-title {
	color: #8cc662
}
.view-more {
	text-align: center;
	padding: 60px 0 80px 0;
}
.view-more a {
	display: inline-block;
	font-size: 18px;
	color: #8cc662;
	cursor: pointer;
	border: 1px solid #c1deac;
	background: #fff;
	padding: 15px 20px;
	transition: all 0.2s ease-out
}
.view-more a img {
	margin-left: 6px;
	vertical-align: middle;
	transition: all 0.2s ease-out;
	display: inline-block;
}
.view-more a:hover {
	background: #f5d325;
}
.view-more a:hover img {
	transform: scale(1.2)
}
.cban-box {
	position: relative;
}
.cban {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.cban-pic {
	line-height: 0;
	position: relative;
	z-index: 0;
}
.cban-pic img {
	width: 100%;
}
.cban-tit {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}
.cban-slogan {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: lighter;
	text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.slogan-tit {
	font-size: 45px;
	color: #fff;
	text-align: center;
	padding-bottom: 8px;
	font-weight: normal;
}
.cban-desc {
	font-size: 16px;
	color: #fff;
	width: 490px;
	text-align: justify;
	padding: 26px 0;
	line-height: 32px;
}
.bar-about {
	display: inline-block;
	background: rgba(255,255,255,0.88);
	color: #242423;
	padding: 10px 30px;
	transition: all 0.3s ease-out;
	border-radius: 20px;
	letter-spacing: 2px;
}
.bar-about:hover {
	background: rgba(255,255,255,1);
}
.concept-box {
	padding: 20px 0 60px 0;
}
.concept-list {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	padding: 20px 0;
}
.concept-box .concept-list:nth-child(2n) {
	flex-direction: row;
	-webkit-flex-direction: row;
}
.concept-img {
	width: 50%;
	position: relative;
	overflow: hidden;
}
.concept-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.concept-img:hover img {
	transform: scale(1.01);
}
.btn-play {
	display: block;
	background: url(../images/play.png) no-repeat;
	background-size: 100px 48px;
	width: 100px;
	height: 48px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -24px;
	z-index: 10;
	transition: all 0.3s ease-out;
}
.btn-play:hover {
	transform: scale(0.98);
}
.play-tips{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0,0,0,0.6);
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-size: 20px;
}
.concept-info {
	width: 50%;
	box-sizing: border-box;
	padding: 0 100px;
}
.concept-info h2 {
	font-size: 36px;
	line-height: 1.6;
	padding-bottom: 8px;
}
.concept-info h3 {
	font-size: 32px;
	text-align: center;
	line-height: 1.6;
}
.concept-info h4 {
	font-size: 26px;
	line-height: 1.6;
}
.concept-info h5 {
	font-size: 20px;
	padding-top: 20px;
	line-height: 1.6;
	padding-bottom: 4px;
}
.concept-desc {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding-top: 20px;
	color: #1a1a1a;
	width: 630px;
	margin: 0 auto;
}
.pcover {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}

.pop-video {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.pop-video video {
		border: none;
		width: 100%;
	}

.pop-cover {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}

.pclose {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	background: rgba(255,255,255,0.8) url(../images/close.png) no-repeat center;
	background-size: 16px 16px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
}

#vidbox {
	display: none;
}
.pbox {
	position: relative;
	background: #000;
}
.p-close {
	position: absolute;
	z-index: 10;
	color: #fff;
	display: block;
	bottom: -40px;
	left: 50%;
	margin-left: -15px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 16px;
	font-size: 26px;
}
.about-box {
	padding: 40px 0;
}
.about-box .about-list:nth-child(2n) {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.about-img {
	width: 50%;
}
.about-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-info {
	width: 50%;
	box-sizing: border-box;
	padding: 0 120px;
}
.about-tit {
	font-size: 45px;
	color: #242423;
}
.about-desc {
	font-size: 14px;
	color: #666666;
	padding: 30px 0;
}
.about-info h3 {
	font-size: 16px;
	color: #242423;
	padding-bottom: 16px;
	font-weight: bold;
}
.about-info p {
	color: #666;
	line-height: 32px;
	text-align: justify;
}
.course-title {
	text-align: center;
	font-size: 36px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.slogan-num {
	font-size: 120px;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: center;
	-webkit-justify-content: center;
	line-height: 0.8;
	font-weight: bold;
}
.slogan-num p {
	font-size: 20px;
	font-weight: normal;
	transform: scale(1.5) translate(0, 5px);
}
.slogan-honor {
	padding: 50px 30px;
}
.slogan-honor li {
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
}
.slogan-honor li h3 {
	font-size: 20px;
	padding-top: 16px;
	padding-right: 1em;
}
.ctitle-group {
	text-align: center;
	padding: 80px 0 20px 0;
	font-size: 16px;
	color: #666666;
}
.ctitle-group h3 {
	font-size: 36px;
	color: #2b2b2b;
	padding: 30px 0;
}
.rz-swiper {
	padding-bottom: 140px;
	position: relative;
}
.rz-swiper .swiper-container {
	padding: 0 20px;
}
.prize-swiper {
	margin-bottom: 140px;
	margin-top: 30px;
	position: relative;
	padding: 0 40px;
}
.rz-swiper .swiper-slide {
	padding: 20px 0;
}
.rzimg {
	padding-bottom: 60px;
	text-align: center;
}
.rzimg img {
	-webkit-box-reflect: below 4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0), rgba(250, 250, 250, 0), rgba(250, 250, 250, 0), rgba(250, 250, 250, 0.2));
	width: 80%;
}
.rz-swiper .swiper-button-prev, .prize-swiper .swiper-button-prev {
	background: url(../images/arr.png) no-repeat center;
	opacity: 0.6;
	outline: none;
}
.rz-swiper .swiper-button-next, .prize-swiper .swiper-button-next {
	background: url(../images/arr.png) no-repeat center;
	transform: rotate(180deg);
	opacity: 0.6;
	outline: none;
}
.rz-swiper .swiper-button-prev:hover, .prize-swiper .swiper-button-prev:hover {
	opacity: 1;
}
.rz-swiper .swiper-button-next:hover, .prize-swiper .swiper-button-next:hover {
	opacity: 1;
}
.rz-swiper .swiper-button-prev::after, .rz-swiper .swiper-button-next::after, .prize-swiper .swiper-button-prev::after, .prize-swiper .swiper-button-next::after {
	display: none;
}
.bge9 {
	background: #e6e6e6;
}
.prizeimg {
	padding: 20px;
}
.prizeimg img {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	width: 100%;
}
.duty-img {
	width: 60%;
	overflow: hidden;
}
.duty-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.duty-img:hover img {
	transform: scale(1.01);
}
.duty-box {
	padding: 40px 0;
}
.duty-list {
	padding: 20px 0;
}
.duty-box .duty-list:nth-child(2n) {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.duty-info {
	width: 40%;
	box-sizing: border-box;
	padding: 0 60px;
}
.duty-info h3 {
	font-size: 36px;
	padding-bottom: 30px;
	line-height: 1.4;
}
.duty-desc {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.duty-desc p {
	text-align: justify;
}
.ecotour-title {
	text-align: center;
	padding: 76px 0;
}
.ecotour-swiper {
	padding-bottom: 120px;
}
.ecotour-swiper .swiper-pagination {
	top: auto;
	bottom: 0;
}
.ecotour-swiper .swiper-pagination-progressbar {
	background: #e5e5e5
}
.ecotour-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #2b8b32
}
.ecotour-swiper .swiper-slide img {
	width: 100%;
}
.article {
	display: block;
	margin: 0 0 60px 0;
}
.article a {
	display: block;
}
.bamboo-info {
	position: relative;
	font-size: 12px;
	color: #cccccc;
	padding: 16px 0 22px 0;
}
.bamboo-info h2 {
	font-size: 16px;
	color: #242423;
	margin-bottom: 12px;
	padding-top: 2px;
}
.bamboo-info p {
	display: inline-block;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
}
.bamboo-img {
	overflow: hidden;
	position: relative;
}
.bamboo-img img {
	width: 100%;
	transition: all 0.2s ease-out;
}
.article a:hover .bamboo-img img {
	transform: scale(1.02);
}
.wall {
	display: block;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}
.wall-column {
	display: block;
	position: relative;
	/*width: 33.333333%;*/
	width: 25%;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 60px;
}
.bamboo-tit {
	text-align: center;
	font-size: 36px;
	padding: 60px 0;
}
.farmers-box {
	padding: 6px 0;
}
.farmers-img {
	width: 60%;
	overflow: hidden;
}
.farmers-img img {
	width: 100%;
	transition: all 0.3s ease-out;
}
.farmers-img:hover img {
	transform: scale(1.01);
}
.farmers-info {
	width: 40%;
	box-sizing: border-box;
	padding: 0 120px;
}
.farmers-info h3 {
	font-size: 45px;
}
.farmers-desc {
	font-size: 14px;
	line-height: 30px;
	padding: 40px 0;
	color: #666666;
}
.farmers-info .more {
	font-size: 16px;
	transition: all 0.2s ease-out;
	background: #242423;
	color: #fff;
	border-radius: 20px;
	padding: 8px 26px;
	letter-spacing: 2px;
}
.fsc-adbox {
	position: relative;
	margin-bottom: 40px;
}
.fsc-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fsc-info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
}
.fsc-info h2 {
	font-size: 28px;
	padding: 30px 0;
}
.papermake-title {
	text-align: center;
	padding: 60px 15px;
	font-size: 16px;
	line-height: 30px;
}
.papermake-title h3 {
	font-size: 36px;
	padding-bottom: 20px;
}
.papermake-picture {
	width: 50%;
}
.papermake-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.papermake-info {
	width: 50%;
	box-sizing: border-box;
	padding: 0 60px;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #666;
}
.papermake-info h3 {
	font-size: 36px;
	padding-bottom: 26px;
	color: #242423;
}
.papermake-info p {
	width: 580px;
	margin: 0 auto;
}
.papermake-box {
	padding: 20px 0;
}
.papermake-list {
	padding: 20px 0;
}
.papermake-box .papermake-list:nth-child(2n) {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.yanfa-box {
	padding: 20px 0;
}
.yanfa-list {
	padding: 20px 0;
}
.yanfa-list:nth-child(2n) {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.yanfa-img {
	width: 50%;
	overflow: hidden;
}
.yanfa-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.yanfa-img:hover img {
	transform: scale(1.01);
}
.yanfa-info {
	width: 50%;
	box-sizing: border-box;
	padding: 0 160px;
	font-size: 16px;
	line-height: 36px;
	color: #666;
}
.yanfa-info h3 {
	font-size: 36px;
	padding-bottom: 20px;
	color: #242423;
}
.yanfa-info p, .farmers-info p {
	text-align: justify;
}
.brandnews-tab {
	justify-content: center;
	-webkit-justify-content: center;
	padding: 60px 0 20px 0;
}
.brandnews-tab li {
	padding: 0 20px;
}
.brandnews-tab li a {
	display: block;
	font-size: 16px;
	color: #666666;
	padding: 10px 30px;
	border-radius: 4px;
	border: 1px solid #c8c8c8;
	cursor: pointer;
	transition: all 0.2s ease-out
}
.brandnews-tab .active a, .brandnews-tab li a:hover {
	border: 1px solid #f5d53e;
	background: #f5d53e;
	color: #242423;
}
.brandnews-box {
	display: none;
	padding-bottom: 40px;
}
.brandnews-list {
	padding: 40px 0;
	border-bottom: 1px solid #eeeeee;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.brandnews-img {
	width: 560px;
	height: 315px;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
}
.brandnews-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.brandnews-img:hover img {
	transform: scale(1.01);
}
.brandnews-info {
	flex: 1;
	-webkit-flex: 1;
	box-sizing: border-box;
	padding-left: 40px;
	position: relative;
}
.brandnews-title {
	display: block;
	font-size: 20px;
	color: #242423;
	margin-bottom: 20px;
	margin-top: 30px;
}
.brandnews-title:hover {
	color: #f5d325
}
.brandnews-desc {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-top: 30px;
}
.brandnews-desc p {
	text-align: justify;
}
.brandnews-info .more {
	font-size: 14px;
	border: 1px solid #c8c8c8;
	padding: 10px 40px 10px 30px;
	transition: all 0.3s ease-out;
	border-radius: 20px;
	position: absolute;
	letter-spacing: 2px;
	color: #666666;
	bottom: 0;
}
.brandnews-info .more::after {
	content: '';
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 26px;
	z-index: 1;
	margin-top: -5px;
	transition: all 0.3s ease-out;
}
.brandnews-info .more:hover {
	background: #f5d53e;
	border: 1px solid #f5d53e;
	color: #000;
}
.brandnews-info .more:hover::after {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	right: 22px;
}
.page-control {
	text-align: center;
	padding: 20px 0;
}
.pagination > .active > a {
	background: #f5d325;
	border-color: #f5d325
}
.products-box {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 5%;
	padding-right: 5%;
}
.series {
	padding-bottom: 120px;
}
.series-timg img {
	width: 100%;
}
.series-flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px 0;
	position: relative;
}
.series-heading {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 30%;
}
.series-02 .series-heading {
	width: 44%;
}
.series-03 .series-heading {
	width: 65%;
}
.series-04 .series-heading {
	top: 15px;
}
.series-flex img {
	width: 100%;
}
.series-flex li {
	padding: 15px;
	flex: 1;
	-webkit-flex: 1;
	box-sizing: border-box;
}
.series-flex li img {
	border-radius: 4px;
	width: 100%;
}
.series-title {
	font-size: 40px;
	color: #f5d325;
	white-space: nowrap;
	font-weight: bold;
}
.series-subtit {
	font-size: 22px;
	position: relative;
	padding: 16px 0;
}
.series-subtit::after {
	content: '';
	height: 4px;
	border-radius: 2px;
	background: #f5d325;
	width: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.series-desc {
	font-size: 16px;
	line-height: 40px;
	color: #242423;
	padding-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.course-box {
	background: url(../images/about-4-bg.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}
.events-slide-box {
	width: 800px;
	height: 230px;
	float: left;
	border-top: 2px dashed #bfc3cd;
	border-bottom: 2px dashed #bfc3cd;
	position: relative;
	overflow: hidden;
}
.course-swiper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	padding: 0 100px;
}
.course-swiper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 100px;
	right: 100px;
	border-top: 2px dashed rgba(14,31,71,0.25);
}
.course-swiper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 100px;
	right: 100px;
	border-bottom: 2px dashed rgba(14,31,71,0.25);
}
.course-swiper .swiper-button-prev, .course-swiper .swiper-button-next {
	width: 60px;
	height: 90px;
	margin-top: -45px;
	outline: none;
}
.course-swiper .swiper-button-prev::after {
	content: '';
	width: 40px;
	height: 40px;
	border-bottom: 3px solid rgba(14,31,71,1);
	border-left: 3px solid rgba(14,31,71,1);
	transform: rotate(45deg);
	cursor: pointer;
}
.course-swiper .swiper-button-next::after {
	content: '';
	width: 40px;
	height: 40px;
	border-bottom: 3px solid rgba(14,31,71,1);
	border-right: 3px solid rgba(14,31,71,1);
	transform: rotate(-45deg);
	cursor: pointer;
}
.events-slide-list {
	transition: all 1s ease-out;
	text-align: center;
	padding: 20px 50px 50px 50px;
	line-height: 30px;
	font-size: 18px;
}
.events-slide-list h4 {
	font-size: 50px;
	color: #f5d325;
	line-height: 60px;
	position: relative;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: -2px;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.events-slide-list h4:after {
	content: "";
	height: 3px;
	width: 40px;
	background: #f5d325;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
}
.years-box {
	background: url("../images/about-line.png") no-repeat center;
	margin-top: 80px;
}
.course-swiper .swiper-wrapper .swiper-slide {
	padding: 0 100px;
}
.course-year {
	padding-top: 10px;
	height: 135px;
}
.course-year .swiper-wrapper .swiper-slide {
	text-align: center;
	padding: 20px 0;
}
.cyn {
	display: inline-block;
	width: 68px;
	height: 68px;
	background: url("../images/about-point1.png") no-repeat;
	position: relative;
	user-select: none;
	transition: all 0.3s ease-out;
}
.cyn span {
	color: rgba(14,31,71,0.6);
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	transition: all 0.3s ease-out;
}
.course-year .swiper-wrapper .swiper-slide-active .cyn {
	background: url("../images/about-point2.png") no-repeat;
	margin-bottom: 12px;
}
.course-year .swiper-wrapper .swiper-slide-active .cyn span {
	color: rgba(14,31,71,1);
	font-size: 16px;
}
.pagination > li {
	display: inline-block;
	margin: 0 4px;
}
.pagination > li > a, .pagination > li > span {
	color: #666;
	border-radius: 3px;
}
.series-02 {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.series-02 li {
	flex: 0.81;
	flex-shrink: 0;
	box-sizing: border-box;
}
.series-02 li:last-child {
	flex: 0.84;
}
.series-03 {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.series-03 .w-l {
	flex: 1;
}
.series-03 .w-r {
	flex: 2.3
}
.series-04 {
	padding-bottom: 0;
	padding-top: 0;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.series-04 .w-l {
	flex: 1;
}
.series-04 .w-r {
	flex: 2.3
}
.m-series {
	display: none;
}
.contact-box {
	position: relative;
	margin: 40px 0;
}
.map-box {
	width: 50%;
	height: 500px;
	position:relative;
	z-index:10;
}
.map-box img {
	width: 100%;
}
.m-map-box{
	display: none;
}
.m-lx-info{
	display: none;
}
.contact-info-box {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.contact-info-box .container {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.contact-info {
	width: 50%;
	box-sizing: border-box;
	text-align: left;
	padding-left: 100px;
}
.bar-yzm {
	display: block;
	background: #333333;
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	white-space: nowrap;
	border-radius: 4px;
}
.btn-submit {
	background: #f5d325;
	padding: 0 50px;
	height: 34px;
	line-height: 34px;
}
.message {
	margin-left: -5px;
	margin-right: -5px;
	padding: 10px 0;
}
.message li {
	padding: 5px;
}
.mestit {
	color: #666;
	padding-top: 15px;
}
.contact-desc {
	color: #666;
	line-height: 36px;
	padding: 15px 0;
}
.helptit {
	font-size: 18px;
	padding: 15px 0;
	margin-top: 30px;
}
.contact-info h3 {
	font-size: 36px;
	padding-bottom: 10px;
}
.contact-info h4 {
	font-size: 18px;
}
.contact-items {
	padding: 80px 0;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.contact-items li {
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px;
}
.lxinfo {
	padding: 30px 50px;
	color: #666;
	transition: all 0.3s ease-out;
	background: #fcfcfc;
	height: 100%;
	border-radius: 6px;
}
.lxinfo h3 {
	font-size: 16px;
	padding: 10px 0;
}
.lxinfo img {
	transition: all 0.3s ease-out;
}
.contact-items li:hover .lxinfo {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.contact-items li:hover .lxinfo img {
	transform: scale(1.1);
}
.news-title-group {
	text-align: center;
	padding: 60px 0 30px 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	color: #999;
}
.news-tips-icon {
	position: absolute;
	bottom: -10px;
	left: 50%;
	z-index: 10;
	background: #f5d325;
	color: #242423;
	width: 70px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	margin-left: -35px;
}
.news-title-group h1 {
	font-size: 46px;
	line-height: 1.8;
	padding-bottom: 10px;
	color: #242423
}
.content {
	font-size: 16px;
	line-height: 1.8;
	padding: 50px 0;
}
.news-back {
	text-align: right;
	padding-bottom: 80px;
	padding-top: 40px;
}
.news-back a {
	display: inline-block;
	background: #f5d325;
	color: #242423;
	padding: 10px 20px;
	border-radius: 6px;
}
.ecotour-swiper .swiper-container-free-mode>.swiper-wrapper{
	transition-timing-function: linear !important;
	transition-duration:5000s;
}
@media (max-width: 1920px) {
img {
	max-width: 100%;
}
.container {
	width: 1400px;
	padding-left: 0;
	padding-right: 0;
}
.brand-logo {
	left: 0;
}
.nav-other {
	right: 0;
}
.use-pic {
	padding: 0 6%;
}
.use-pic-show {
	padding-left: 0;
	padding-right: 0;
}
.r-b {
	bottom: 40%;
	right: 50px;
}
.l-t {
	top: 10%;
	left: 0px;
}
}
.fsc-desc {
	padding: 60px;
	background: rgba(0,0,0,0.6);
	width: 50%;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 2;
	border-radius: 2px;
}
.fsc-other {
	text-align: center;
	font-size: 14px;
	padding: 20px 150px 60px 150px;
	line-height: 40px
}
.fsc-other h3 {
	font-size: 46px;
	padding-bottom: 30px;
}
.ecotour-swiper .swiper-button-prev {
	color: #2b8b32;
	outline: none;
}
.ecotour-swiper .swiper-button-next{
	color: #2b8b32;
	outline:none;
}







@media (max-width: 1600px) {
.use-pic {
	padding: 0;
}
.concept-info {
	padding: 0 80px;
}
.duty-info h3 {
	font-size: 32px;
}
.yanfa-info {
	padding: 0 120px;
}
.products-box {
	padding-left: 30px;
	padding-right: 30px;
}
.series-title {
	font-size: 32px;
}
.series-subtit {
	font-size: 18px;
}
.series-desc {
	line-height: 32px;
	font-size: 14px;
}
.concept-desc {
	width: 100%;
}
	
.news-img {
	height: clamp(200px,28vw,350px);
}
}

@media (max-width: 1400px) {
.news-img {
	height: clamp(180px,22.8vw,320px);
	margin-top: 12px;
	margin-bottom: 8px;
}
.foot-box {
	padding: 0 15px;
}
.brand-logo {
	left: 15px;
}
.nav-other {
	right: 15px;
}
.ss-close {
	right: 15px;
}
.container {
	width: 100%;
}
.use-title {
	font-size: 50px;
}
.use-pic-info p {
	font-size: 22px;
}
.cban-info {
	padding: 0 15px;
}
.concept-info {
	padding: 0 30px;
}
.about-info {
	padding: 0 30px;
	line-height: 20px;
}
.about-info p {
	line-height: 20px;
}
.duty-info h3 {
	font-size: 28px;
	padding-bottom: 16px;
}
.wall {
	margin-left: 0;
	margin-right: 0;
}
.yanfa-info {
	padding: 0 80px;
}
.brandnews-list {
	padding: 30px 15px;
}
.brandnews-img {
	width: 448px;
	height: 252px;
}
.brandnews-desc {
	margin-top: 20px;
}
.brandnews-title {
	margin-top: 20px;
}
.news-other {
	padding-top: 0;
}
.products-box {
	padding-left: 15px;
	padding-right: 15px;
}
.series-title {
	font-size: 28px;
}
.series-subtit {
	font-size: 18px;
}
.series-desc {
	line-height: 28px;
	font-size: 14px;
}
.farmers-info {
	padding: 0 80px;
}
.news-list {
	margin-left: 0;
	margin-right: 0;
}
.r-b {
	bottom: 50%;
	right: 120px;
}
.l-t {
	top: 10%;
	left: -250px;
}
.contact-info {
	padding-left: 60px;
	padding-right: 15px;
}
	.popvideo{
		width: 900px !important;
		height: 508px !important;
		transform: translateX(0);
		left: 10%
	}
}

@media (max-width: 1280px) {
.series-title {
	font-size: 24px;
}
.series-subtit {
	font-size: 16px;
	padding: 10px 0;
}
.series-desc {
	line-height: 24px;
	padding-top: 8px;
}
.mb30 {
	margin-bottom: 20px;
}
}

@media (max-width: 1024px) {
.foot-box {
	padding: 0 15px;
}
.f-nav li {
	width: 180px;
}
.f-tools-box {
	padding-right: 15px;
}
.copyright {
	padding-right: 15px;
	padding-left: 15px;
}
.use-tab {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 7px;
	padding-right: 7px;
}
.use-tab li {
	padding: 8px;
}
.news-list {
	margin-left: 0;
	margin-right: 0;
	padding-left: 7px;
	padding-right: 7px;
}
.news-list li {
	padding: 8px;
}
.htitle-group {
	padding: 30px 0;
}
.about-tit {
	font-size: 30px;
}
.duty-img {
	width: 50%;
}
.duty-info {
	width: 50%;
	padding: 0 30px;
}
.farmers-info {
	padding: 0 30px;
}
.farmers-desc {
	padding: 20px 0;
	font-size: 12px;
	line-height: 2;
}
.papermake-info {
	padding: 0 30px;
}
.yanfa-info {
	padding: 0 30px;
	line-height: 28px;
}
.yanfa-info h3 {
	font-size: 30px;
}
.series {
	padding-bottom: 30px;
}
.series-03 .w-r {
	flex: 2.1;
}
.brand-video {
	height: 600px;
}
.lxinfo {
	padding: 30px;
}
.news-title-group {
	padding-left: 30px;
	padding-right: 30px;
}
.news-title-group h1 {
	font-size: 32px;
}
.content {
	padding: 30px;
}
.news-back {
	padding-right: 30px;
}
}

@media (max-width: 992px) {
.nav-header {
	height: 80px;
}
.navMenu li {
	padding: 0 12px;
}
.brand-logo {
	top: 28px;
	width: 135px;
	height: 24px;
}
.nav-other {
	top: 28px;
}
.search-box {
	width: 400px;
	padding: 15px 0;
}
.ss-close {
	top: 28px;
	right: 15px;
}
.nav-box {
	box-sizing: border-box;
	padding-left: 120px;
}
.footer {
	padding-top: 30px;
}
.foot-other {
	text-align: left;
	padding-bottom: 20px;
}
.foot-other h3 {
	padding-top: 8px;
	padding-bottom: 10px;
}
.f-tools-box h3 {
	padding-bottom: 6px;
}
.copyright {
	flex-direction: column;
	-webkit-flex-direction: column;
}
	.f-nav li{
		width: 126px;
	}
	.foot-other h2{
		font-size: 18px;
	}
	.foot-other h3{
		font-size: 14px
	}
	.f-tools-box h3{
		font-size: 14px
	}
.copyright a {
	display: block;
}
.use-tab li a {
	padding: 15px;
}
.use-tab li h3 {
	font-size: 16px;
}
.iuse01, .iuse02, .iuse03, .iuse04 {
	width: 60px;
	height: 60px;
}
.use-title {
	font-size: 36px;
}
.use-pic-info p {
	font-size: 18px;
}
.r-b {
	bottom: 40px;
}
.l-t {
	top: 40px;
}
.cban-tit {
	font-size: 22px;
}
.cban-desc {
	font-size: 14px;
	width: 520px;
}
.bar-about {
	padding: 6px 20px;
}
.concept-info {
	padding: 0 15px;
}
.concept-info h2 {
	font-size: 26px;
}
.concept-info h3 {
	font-size: 22px;
}
.concept-info h4 {
	font-size: 20px;
}
.concept-info h5 {
	font-size: 16px;
	padding-top: 16px;
}
.cban-slogan {
	font-size: 16px;
}
.slogan-tit {
	font-size: 32px;
}
.about-info {
	padding: 15px;
}
.slogan-honor {
	padding: 15px;
}
.slogan-num {
	font-size: 60px;
}
.slogan-num p {
	font-size: 14px;
}
.slogan-honor li h3 {
	font-size: 14px;
}
.ctitle-group h3 {
	font-size: 26px;
}
.ctitle-group {
	padding: 40px 30px 20px 30px;
}
.prize-swiper {
	padding-bottom: 60px;
}
.rz-swiper {
	padding-bottom: 60px;
}
.wall-column {
	width: 50%;
}
.farmers-box {
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
}
.duty-list {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.duty-box .duty-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.duty-img {
	width: 100%;
}
.duty-info {
	width: 100%;
	padding-top: 20px;
}
.farmers-img {
	width: 100%;
}
.farmers-info {
	width: 100%;
	padding: 15px;
}
.fsc-adbox {
	height: 220px;
}
.fsc-info {
	padding: 15px;
}
.fsc-info h2 {
	font-size: 22px;
	padding: 20px 0;
}
.papermake-info h3 {
	font-size: 22px;
}
.papermake-info {
	line-height: 28px;
}
.brandnews-img {
	width: 256px;
	height: 144px;
}
.brandnews-title {
	font-size: 16px;
	margin-bottom: 4px;
	margin-top: 0;
}
.brandnews-desc {
	line-height: 20px;
	height: 40px;
	padding: 0;
	margin: 10px 0;
	overflow: hidden;
	font-size: 12px;
}
.brandnews-info {
	padding-left: 15px;
}
.brandnews-info .more {
	font-size: 12px;
	padding: 6px 25px 6px 15px;
}
.brandnews-info .more i {
	font-size: 16px;
}
.series-flex li {
	padding: 10px;
}
.mt30 {
	margin-top: 20px;
}
.series-title {
	font-size: 20px;
}
.series-subtit {
	font-size: 16px;
	padding: 10px 0;
}
.series-desc {
	line-height: 20px;
	font-size: 12px;
	padding-top: 6px;
}
.series-subtit::after {
	height: 2px;
}
.series {
	padding-bottom: 10px;
}
.concept-desc br {
	display: none;
}
.concept-desc p {
	text-align: justify;
}
.course-swiper {
	width: 100%;
}
.course-swiper .swiper-wrapper .swiper-slide {
	padding-left: 30px;
	padding-right: 30px;
}
.years-box {
	margin-top: 60px;
}
.course-title {
	padding: 50px 0;
}
.events-slide-list {
	padding: 20px 30px 30px 30px;
}
.events-slide-list h4 {
	font-size: 40px;
}
.contact-info-box {
	position: relative;
}
.contact-info {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}
.map-box {
	width: 100%;
	min-height: auto;
	box-sizing: border-box;
	padding: 0 30px;
}
	.map-box img{
		border: 1px solid #a2774c;
	}
	.map-box #map{
		border: 1px solid #a2774c;
	}
	.lx-info{
		display: none;
	}
	.m-lx-info{
		display: block;
	}
	.lxinfo h3{
		font-size: 14px;
	}
.contact-items {
	padding: 30px 0;
}
.contact-items li {
	padding: 10px;
}
.lxinfo {
	padding: 15px;
}
.mb30 {
	margin-bottom: 6px;
}
.series-02 li {
	flex: 0.73;
}
.fsc-desc {
	width: 80%;
	padding: 30px;
}
}

@media (max-width: 480px) {
.nav-box {
	display: none;
}
	.map-box {
		height:240px;
	}
.brandnews-info .more {
	position: relative;
}
.brandnews-info .more::after {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	right: 16px;
}
.header-container {
	height: 48px;
}
.idate {
	width: 16px;
	height: 16px;
}
.nav-header::after {
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.nav-header {
	height: 48px;
	background: #fff;
}
.nav-header .brand-logo {
	width: 90px;
	height: 16px;
	background: url(../images/brand_logo.png) no-repeat;
	background-size: cover;
	top: 15px;
	left: 15px;
}
.banner-box {
	display: none;
}
.nav-other {
	top: 16px;
	right: 46px;
}
	.cnav-header .ssbar {
		background: url(../images/ssico.png) no-repeat;
		background-size: cover;
	}
	.cnav-header .lang {
		background: url(../images/ilang_b.png) no-repeat;
		background-size: cover;
	}
	.ss-box{
		top: 48px;
		box-sizing: border-box;
		padding: 0 15px;
		min-height: 0;
	}
	.search-box{
		width: 100%;
		padding: 10px 0;
	}
	.search{
		background: rgba(245,211,37,1);
		border-radius: 4px;
		padding: 2px;
		border-bottom: none;
		overflow: hidden;
	}
	.ssin{
		font-size: 14px;
		padding: 0 10px;
		box-sizing: border-box;
		height: 34px;
		line-height: 34px;
	}
	.ssbtn{
		width: 60px;
		background: url(../images/ssico_white.png) no-repeat center;
		background-size: 20px 20px;
		
	}
	.ss-box .brand-logo{
		display: none;
	}
	.ss-close{
		right: 26px;
		width: 14px;
		height: 14px;
		top: 16px;
		display: none;
	}
	.search-tips{
		display: none
	}
.nav-box {
	display: none;
}
.mob-navbtn {
	display: block;
	position: absolute;
	top: 16px;
	right: 10px;
	z-index: 10;
}
.navbtn {
	/*background: rgba(8,26,65,0.5);*/
	width: 30px;
	height: 20px;
	border: none;
	box-sizing: border-box;
	position: relative;
	z-index: 10000;
}
.navbtn i {
	position: absolute;
	top: 0;
	left: 4px;
	display: block;
	height: 2px;
	width: 22px;
	background: #242423;
	border-radius: 2px;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}
.navbtn i:nth-child(2n) {
	top: 8px;
}
.navbtn i:nth-child(3n) {
	top: 16px;
}
.navbtn:hover i {
	width: 22px !important;
}
.navbtn.cur i {
	width: 20px;
	background: #242423;
}
.navbtn.cur i:nth-child(1) {
	top: 4px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navbtn.cur i:nth-child(2) {
	opacity: 0;
}
.navbtn.cur i:nth-child(3) {
	top: 4px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mob-navbar-nav {
	position: fixed;
	top: 48px;
	left: 0;
	width: 100%;
	z-index: 8;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.mob-navbar-nav ul li {
	border-bottom: 1px solid #eeeeee;
	position: relative;
}
.mob-navbar-nav ul li a {
	color: #242423
}
.mob-navbar-nav ul li h3::after {
	content: '+';
	position: absolute;
	top: 18px;
	right: 15px;
	color: #242423;
	font-size: 26px;
	line-height: 26px;
	margin-top: -10px;
	font-weight: lighter;
	transition: all 0.2s ease-out;
	z-index: 0;
}
.mob-navbar-nav ul li h3 {
	position: relative;
	z-index: 10;
}
.mob-navbar-nav ul li a {
	display: block;
	padding: 15px;
	color: #242423;
	font-size: 14px;
}
	.mob-navbar-nav ul li a:active{
		background: rgba(245,211,37,0.95);
	}
.mob-navbar-nav ul .active h3 a {
	background: #faaf06;
}
.mob-sub {
	display: none;
	padding: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.mob-navbar-nav ul li .mob-sub a {
	color: rgba(0,0,0,0.5);
	display: block;
	padding: 8px;
	font-size: 12px;
}
.mob-nav-open .mob-sub {
	display: block;
}
.mob-nav-open::after {
	transform: rotate(-45deg);
}
.footer {
	padding-top: 20px;
}
.foot-box {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.foot-other {
	text-align: left;
	padding-top: 10px;
}
.f-tools {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	padding-top: 6px;
}
.f-tools li a {
	width: 34px;
	height: 34px;
}
.f-tools li {
	margin-left: 0;
	margin-right: 12px;
}
.f-tools li a img {
	width: 22px;
	height: 22px;
}
.foot-other h2 {
	font-size: 18px;
}
.foot-other h3 {
	font-size: 16px;
}
.f-tools-box {
	position: relative;
	left: 0;
	padding-top: 10px;
}
.f-tools-box h3 {
	text-align: left;
	font-size: 16px;
}
	.f-nav{
		flex-direction: column;
	}
	.f-nav li{
		width: 100%;
	}
	.f-subnav{
		display: none;
	}
	.f-tools-box{
		display: none;
	}
	.f-nav li h3 a{
		display: block;
		font-size: 14px;
		position: relative;
		padding: 12px 0;
	}
	.f-nav li h3 a::after{
		content: '';
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		position: absolute;
		top: 12px;
		right: 6px;
		z-index: 1;
	}
.copyright {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}
.m-banner-box {
	display: block;
	margin-bottom: 20px;
}
	.m-banner-box .swiper-slide{
		height: 180px;
	}
	.m-banner-box .swiper-pagination{
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	}
	.m-banner-box .swiper-button-next{
		outline: none;
		top: auto;
		bottom: 0px;
		right: auto;
		left: 0;
		margin-left: 50px;
	}
	.m-banner-box .swiper-button-next::after{
		content: '➜';
		font-size: 18px;
		color: #fff;
	}
	.m-banner-box .swiper-button-prev{
		outline: none;
		top: auto;
		bottom: 0px;
	}
	.m-banner-box .swiper-button-prev::after{
		content: '➜';
		font-size: 18px;
		color: #fff;
		transform: rotate(180deg);
	}
.brand-video {
	margin-top: 0px;
}
.brand-info {
	width: 90%;
	padding: 15px;
}
.brand-title {
	font-size: 16px;
	padding-bottom: 6px;
}
.brand-desc {
	font-size: 12px;
	padding-bottom: 6px;
	line-height: 1.6;
}
.bar-play {
	font-size: 12px;
}
.bar-play img {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.use-tab {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.use-tab li {
	padding: 0;
	flex: auto;
	-webkit-flex: auto;
}
.use-tab li a {
	padding: 6px;
}
.iuse01, .iuse02, .iuse03, .iuse04 {
	width: 30px;
	height: 30px;
}
.use-tab li h3 {
	font-size: 12px;
	padding-top: 4px;
	letter-spacing: -0.5px;
	white-space: nowrap
}
.use-title {
	font-size: 18px;
}
.use-pic-info p {
	font-size: 12px;
}
.l-t {
	left: 15px;
	top: 15px;
}
.r-b {
	right: 15px;
	bottom: 15px;
}
.use-pic {
	height: 180px;
}
.use-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.htitle-group {
	padding: 15px 0;
	font-size: 12px;
}
.htitle-group h3 {
	font-size: 16px;
	padding: 6px;
}
.news-list li {
	width: 100%;
}
.news-title {
	font-size: 16px;
}
.news-desc {
	font-size: 12px;
	line-height: 20px;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: clip;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-other {
	font-size: 12px;
}
.view-more {
	padding: 10px 0 20px 0;
}
.view-more a {
	font-size: 12px;
	padding: 5px 10px;
}
.view-more a img {
	height: 14px;
	vertical-align: middle;
}
.cban-tit {
	font-size: 16px;
}
.cban-desc {
	width: 100%;
	font-size: 12px;
	line-height: 1.4;
	padding: 6px 0;
}
.bar-about {
	font-size: 12px;
	padding: 6px 15px;
}
.concept-box .concept-list {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 0;
}
.concept-box .concept-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.concept-img {
	width: 100%;
}
.concept-info {
	width: 100%;
	padding: 30px 15px;
	font-size: 12px;
}
.btn-play {
	transform: scale(0.6);
}
.concept-info h2 {
	font-size: 18px;
}
.concept-info h3 {
	font-size: 18px;
}
.concept-info h4 {
	font-size: 16px;
}
.concept-info h5 {
	font-size: 14px;
	padding-top: 12px;
}
.concept-desc {
	font-size: 12px;
	padding-top: 10px;
	line-height: 1.8;
}
.concept-box {
	padding: 15px 0;
}
.slogan-tit {
	font-size: 20px;
	padding-bottom: 6px;
}
.cban-slogan {
	font-size: 14px;
	padding: 0 30px;
}
.about-box {
	padding: 15px 0;
}
.about-list, .about-box .about-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.about-img {
	width: 100%;
}
.about-info {
	width: 100%;
	padding: 20px 15px;
}
.about-tit {
	font-size: 18px;
}
.about-desc {
	padding: 15px 0 0 0;
	font-size: 12px;
}
.slogan-num {
	font-size: 30px;
}
.slogan-num p {
	font-size: 14px;
	transform: scale(0.9);
}
.slogan-honor li h3 {
	font-size: 14px;
	padding-top: 6px;
}
.duty-box {
	padding: 15px 0;
}
.duty-box .duty-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.duty-list {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 0px 0;
}
.duty-img {
	width: 100%;
}
.duty-info {
	width: 100%;
	padding: 30px 15px;
}
.duty-info h3 {
	font-size: 18px;
	padding-bottom: 10px;
}
.article {
	margin-bottom: 30px;
}
.wall-column {
	width: auto;
	float: none;
	margin-bottom: 30px;
}
.bamboo-tit {
	font-size: 18px;
	padding: 20px 0;
}
.farmers-box {
	padding: 10px 0;
}
.farmers-info h3 {
	font-size: 18px;
	padding-bottom: 10px;
}
.farmers-desc {
	padding: 0px 0;
}
.farmers-info .more {
	font-size: 14px;
}
.fsc-info {
	font-size: 12px;
	line-height: 22px;
}
.fsc-info h2 {
	font-size: 16px;
}
.fsc-info img {
	max-height: 60px;
}
.fsc-adbox {
	margin-bottom: 20px;
}
.papermake-list {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 8px 0;
}
.papermake-box .papermake-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.papermake-picture {
	width: 100%;
}
.papermake-info {
	width: 100%;
	padding: 20px 15px;
	font-size: 14px;
	line-height: 28px;
	box-sizing: border-box;
}
.papermake-info h3 {
	font-size: 18px;
	padding-bottom: 16px;
}
.papermake-title {
	padding: 30px;
	font-size: 12px;
	line-height: 2;
}
.papermake-title h3 {
	font-size: 18px;
}
.papermake-box {
	padding: 8px 0;
}
.yanfa-box {
	padding: 8px 0;
}
.yanfa-list {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 8px 0;
}
.yanfa-box .yanfa-list:nth-child(2n) {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.yanfa-img {
	width: 100%;
}
.yanfa-info {
	width: 100%;
	padding: 30px 15px;
	font-size: 14px;
	line-height: 28px;
}
.yanfa-info h3 {
	font-size: 18px;
	padding-bottom: 16px;
}
.brandnews-tab {
	padding: 20px 0 0 0;
}
.brandnews-tab li {
	padding: 0 6px;
}
.brandnews-tab li a {
	font-size: 14px;
	padding: 8px 20px;
}
.brandnews-title {
	font-size: 14px;
}
.brandnews-list {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 15px 0;
}
.brandnews-img {
	display: none;
}
.brandnews-info {
	padding: 10px 15px;
}
.series {
	display: none;
}
.m-series {
	display: block;
	padding-bottom: 30px;
}
.products-box {
	padding: 15px;
}
.m-series .series-title {
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
}
.m-series .series-subtit {
	text-align: center;
}
.m-series .series-subtit::after {
	display: none;
}
.m-series .series-desc {
	text-align: center;
	padding-top: 8px;
}
.ecotour-swiper {
	padding-bottom: 30px;
}
.ecotour-title {
	padding: 30px 0 20px 0;
}
.ecotour-title img {
	max-height: 40px;
}
.about-logo {
	padding-top: 30px;
}
.about-logo li {
	padding-right: 30px;
}
.course-swiper {
	padding: 0 15px;
}
.events-slide-list {
	font-size: 14px;
	line-height: 24px;
}
.course-swiper::before {
	left: 15px;
	right: 15px;
	border-top: 1px dashed rgba(14,31,71,0.25);
}
.course-swiper::after {
	left: 15px;
	right: 15px;
	border-bottom: 1px dashed rgba(14,31,71,0.25);
}
.events-slide-list h4 {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.course-swiper .swiper-button-prev, .course-swiper .swiper-button-next {
	transform: scale(0.6);
}
.course-title {
	font-size: 18px;
	padding: 25px 0;
}
.events-slide-list {
	padding: 10px 15px;
}
.years-box {
	margin-top: -10px;
	background-size: auto 6px;
}
.cyn {
	transform: scale(0.7);
}
.course-box {
	padding-bottom: 30px;
}
.ctitle-group {
	padding: 15px 30px;
	font-size: 14px;
}
.ctitle-group h3 {
	font-size: 20px;
	padding: 15px 0;
}
.prize-swiper {
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.rz-swiper .swiper-button-next, .prize-swiper .swiper-button-next {
	transform: scale(0.7) rotate(180deg);
}
.rz-swiper .swiper-button-prev, .prize-swiper .swiper-button-prev {
	transform: scale(0.7);
}
.rz-swiper {
	padding-bottom: 30px;
}
.rzimg {
	padding-bottom: 30px;
}
.rzimg img {
	max-width: 60%;
}
.contact-info {
	padding: 15px 15px 0 15px;
}
.contact-info h3 {
	font-size: 22px;
}
.contact-info h4 {
	font-size: 16px;
}
.helptit {
	margin-top: 0;
}
.message {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.message li {
	width: 33.33%;
}
.contact-box {
	margin: 20px 0 0 0;
}
.contact-items {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 5px 0;
}
.contact-items li {
	width: 50%;
	padding: 10px;
}
.lxinfo img {
	width: 30px;
}
.lxinfo {
	padding: 10px 6px;
	font-size: 12px;
}
.fsc-desc {
	width: 92%;
	padding: 15px;
	line-height: 2;
	font-size: 12px;
}
.fsc-other {
	padding: 15px;
	line-height: 2;
	font-size: 12px;
}
.fsc-other h3 {
	font-size: 18px;
	padding-bottom: 10px;
}
.news-title-group {
	padding: 15px;
}
.news-title-group h1 {
	font-size: 20px;
}
.content {
	padding: 30px 15px;
}
.news-back {
	padding-right: 15px;
}
.cban-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
}
.fadeIn {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0px);
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0px);
}
}
.fadeInUp {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 -ms-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 -ms-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
/*css animation*/
@keyframes dong {
 0% {
 left: -100vw;
}
 100% {
 left: 0;
}
}
 @keyframes lineload {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
.papermake-picture .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
.papermake-picture .swiper-pagination-bullet-active {
	width: 20px;
	background: #fff;
}
.search-list-box {
	padding-top: 180px;
	padding-bottom: 120px;
	padding-left: 15px;
	padding-right: 15px;
}
.search-cbox {
	width: 520px;
	border: 1px solid #e4e4e4;
	border-radius: 30px;
	padding: 0 20px;
}
.search-cbox .search {
	border-bottom: none;
}
.search-tit {
	font-size: 24px;
	color: #252525;
	position: relative;
	padding: 15px 0;
	margin-top: 30px;
}
.search-tit::after {
	content: '';
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background: #8cc662;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.search-list li {
	border-bottom: 1px solid #dedede;
	padding: 30px 0;
	font-size: 18px;
}
.search-list li span {
	color: #8cc662 !important;
}

@media (max-width: 1024px) {
.search-list-box {
	padding-top: 120px;
	padding-bottom: 30px;
}
}
@media (max-width: 992px) {
	.popvideo{
		width: 90% !important;
		height: 420px !important;
		left: 5%;
	}
}
@media (max-width: 480px) {
.search-list-box {
	padding-top: 20px;
	padding-bottom: 10px;
}
.wechat {
	left: 100%;
	margin-left: 10px;
	bottom: -30px
}
.wechat::after {
	content: '';
	border-top: 6px solid rgba(0,0,0,0);
	border-right: 6px solid #fff;
	border-bottom: 6px solid rgba(0,0,0,0);
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -3px;
	z-index: 1;
}
.search-cbox {
	width: 100%;
	padding: 0;
	border: none;
}
.search-cbox .ssin {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}
.search-tit {
	font-size: 16px;
	margin-top: 10px;
	padding: 10px 0;
}
.search-list li {
	font-size: 14px;
	padding: 10px 0;
}
.page-control {
	padding: 0;
}
.pagination > li {
	margin: 0 2px;
}
.pagination > li > a, .pagination > li > span {
	font-size: 12px;
	padding: 2px 7px;
}
.duty-desc {
	font-size: 12px;
}
	.brand-video{
		height: auto;
		position: relative;
	}
	.brand-video video{
		width: 100%;
		height: auto;
	}
	.brand-ibox{
		position: relative;
		width: 100%;
		align-items: flex-end;
		-webkit-align-items: flex-end;
	}
	.brand-info{
		width: 100%;
	}
	.papermake-info p{
		width: 100%;
		box-sizing: border-box;
	}
	.m-tools{
		display: block;
		position: fixed;
		top: 30%;
		right: 0;
		z-index: 101;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		border-left: 1px solid #e4e4e4;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	.m-tools li a{
		display: block;
		background: #fff;
		width: 40px;
		height: 40px;
		padding: 8px;
		box-sizing: border-box;
	}
	.m-tools li{
		border-bottom: 1px solid #e4e4e4;
		position: relative;
	}
	.m-tools li:last-child{
		border-bottom: none;
	}
	.m-tools li a img{
		width: 24px;
		height: 24px;
	}
	.m-wechat{
		position: absolute;
		bottom: 0;
		right: 100%;
		width: 100px;
		background: #fff;
		padding: 6px;
		display: none;
	}
	.m-wechat img{
		border: 1px solid #e4e4e4;
		margin-bottom: 6px;
	}
	.form-control{
		background: #f5f4f2;
		border: none;
		box-shadow: 0 0 0 rgba(0,0,0,0)
	}
	.map-box{
		padding: 0 15px;
	}
	.lang{
		margin-left: 12px;
		margin-right: 12px;
	}
	.popvideo{
		height: 220px !important;
	}
}
.video-poster{
	height: 100%
}
.video-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.popvideo {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10001;
	transform: translate(-50%,-50%);
	width: 1280px;
	height: 720px;
	background: #000;
}

	.popvideo video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}