@charset "utf-8";

body{

	font-family: Arial;

}





.wrap {



	width: 74%;



	margin: 0 auto



}





html {

    direction: ltr !important;

}



.wrap_top {



	width: 84%;



	margin: 0 auto



}



html {



	scroll-behavior: smooth



}



@media screen and (max-width:1600px) {



	.wrap {



		width: 80%



	}



	.wrap_top {width: 88%;}



}



@media screen and (max-width:1440px) {



	.wrap {



		width: 88%



	}



	.wrap_top {width: 90%;}



}



@media screen and (max-width:1366px) {



	.wrap_top {width: 96%;}



}



@media screen and (max-width:1200px) {



	.wrap {



		width: 94%



	}



}



@media screen and (max-width:1024px) {



	.wrap_top {



		position: initial;



	}



}







@font-face {



	font-family: 'ops';



	src: url('static/webfonts/OpenSans-Regular.ttf') format("truetype");



	font-weight: normal;



}



@font-face {



	font-family: 'ops';



	src: url('static/webfonts/OpenSans-ExtraBold.ttf') format("truetype");



	font-weight: bold;



}



@font-face {



	font-family: 'ops';



	src: url('static/webfonts/OpenSans-ExtraBoldItalic.ttf') format("truetype");



	font-style: italic;



}







:root {



	--i_color: #0070bb;



	/* 全局颜色 */



	--i_color2: #28a675;



	--i_color3: #063501;



	/* 副颜色 */



	--header_height: 1.07rem;



	/* 头部高度 */



	--border_color: rgba(0, 0, 0, .1);



	/* 默认边框颜色 */



	--f_menu_height: 50px;



	/* 移动端底部菜单 */



}







@media screen and (max-width:1024px) {



	:root,



	header {



		--header_height: .6rem;



	}



}



@media screen and (max-width:768px) {



	:root {



		--border_color: rgba(0, 0, 0, .06)



	}



}







/* header */



header {



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	z-index: 2014;



	background-color: white;



}



/* header::before {



	content: '';



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 1px;



	background: var(--border_color);



	z-index: 2014;



} */







.top_cont {



	position: relative;



	z-index: 2013;



}



.top {



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	position: relative;



	



}



/* .TopHeader .top_cont {



	background: #222;



} */







@media screen and (max-width:1024px) {



	header {



		top: 0;



		top: 0;



		width: 100%;



		box-shadow: 0 4px 10px rgba(0, 0, 0, .1);



	}



	header {border-radius:0}



	/* .top_cont {



		background: #333 !important;



	} */



	



}















/* logo */



.logo {



	display: -webkit-flex;



	display: flex;



	align-items: center;



	height: var(--header_height);



}



.logo a {



	display: -webkit-flex;



	display: flex;



	align-items: center;



	height: 97%;



}



.logo img {



	max-height: 100%;



}







@media screen and (max-width:1440px) {



	.logo a {



		height: 60%;



	}



}



@media screen and (max-width:1024px) {



	.logo a {



		height: 70%;



	}



}























/* 导航 */



@media screen and (min-width:1025px) {



	.i_nav {



		margin:0 auto;



		display: -webkit-flex;



		display: flex;



		flex-wrap: nowrap;



		z-index: 2014;



	}







	.i_nav>li {



		position: relative;



		margin: 0 .26rem;



	}







	.i_nav>li>a {



		display: block;



		font-size: .18rem;



		color: #333;



		line-height: var(--header_height);



		white-space: nowrap;



		-webkit-border-radius: .08rem;



		border-radius: .08rem;



		text-transform: uppercase;



	}







	.i_nav>.current-menu-item>a,



	.i_nav>.current-category-ancestor>a,



	.i_nav>.current-post-ancestor>a,



	.i_nav>.current-menu-ancestor>a,



	.i_nav>.current-menu-parent>a,



	.i_nav>li:hover>a,



	.i_nav .curr>a {



		color: var(--i_color) !important;



	}







	

	.i_nav .sub-menu {

		display: none;

		position: absolute;

		border-top: 2px solid var(--i_color);

		background: #fff;

		box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15);

	}

	.i_nav .sub-menu li {

		position: relative;

		width: 2.8rem;

		display: flex;

		display: -webkit-flex;

		align-items: center;

		min-height: 0.44rem;

	}

	.i_nav .sub-menu li::before,

	.i_nav .sub-menu li::after {

		content: '';

		position: absolute;

		bottom: 0;

		height: 1px;

	}

	.i_nav .sub-menu li::before {

		left: 0;

		width: 100%;

		background: rgb(0 0 0 / 8%);

	}

	.i_nav .sub-menu li::after {

		right: 0;

		width: 0;

		background: var(--i_color);

	}



	.i_nav .sub-menu>li>a {

		display: block;

		padding: 0 .2rem 0 .2rem;

		font-size: 0.15rem;

		color: #222;

		

		position: relative;

		left: 0;

	}

	.i_nav .sub-menu>li>a::before {

		

		font-family: "Font Awesome 5 Pro";

		font-weight: 300;

		position: absolute;

		top: 50%;

		transform: translate(0, -50%);

		left: -.16rem;

		font-size: 0.14rem;

		color: var(--i_color);

		opacity: 0;

	}

	.i_nav .sub-menu>li:hover::after {

		right: initial;

		left: 0;

		width: 100%;

	}

	.i_nav .sub-menu>li:hover>a {

		left: .16rem;

	}

	.i_nav .sub-menu>li:hover>a {

		color: var(--i_color);

	}

	.i_nav .sub-menu>li:hover>a::before {

		left: 0;

		opacity: 1;

	}

	.i_nav .sub-menu>li,

	.i_nav .sub-menu>li::after,

	.i_nav .sub-menu>li>a,

	.i_nav .sub-menu>li>a::before {

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

    .i_nav .sub-menu .sub-menu{

		position: absolute;

		top: -2px;

		right: -101%;

	}



}







@media screen and (max-width:1440px) {



	.i_nav>li {



		margin: 0 .2rem;



	}



}



@media screen and (max-width:1366px) {



	.i_nav>li {



		margin: 0 .16rem;



	}



	.i_nav>li>a {



		font-size: 0.15rem;



	}



}



@media screen and (max-width:1200px) {



	.i_nav>li {



		margin: 0 .14rem;



	}



	.i_nav>li>a {



		font-size: 0.14rem;



	}



}



@media screen and (max-width:1024px) {



	.i_nav {



		display: none;



		position: fixed;



		top: var(--header_height);



		left: 0;



		width: 100%;



		width: 100vw;



		max-height: calc(100vh - var(--header_height));



		background: #FFF;



		overflow-y: auto;



		z-index: 2



	}



	/*滚动条*/



	.i_nav::-webkit-scrollbar {



		width: 3px;



		height: 8px



	}



	.i_nav::-webkit-scrollbar-thumb {



		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



		background: #555



	}



	.i_nav::-webkit-scrollbar-track {



		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



		border-radius: 0;



		background: #F1F1F1



	}







	.i_nav>li {



		margin: 0 0 !important;



		border-bottom: 1px solid var(--border_color);



		position: relative



	}



	.i_nav>.menu-item-has-children i {



		display: block;



		position: absolute;



		top: 0;



		right: 0;



		width: .44rem;



		height: .44rem;



		background: #F1F1F1;



	}



	.i_nav>.menu-item-has-children i::before {



		content: '\f107';



		position: absolute;



		top: 50%;



		left: 50%;



		transform: translate(-50%, -50%);



		font-size: 0.26rem;



		color: #222;



	}







	.i_nav>.menu-item-has-children i.on::before {



		content: '\f106';



	}







	.i_nav>li>a {



		padding: 0 .2rem;



		font-size: .15rem;



		color: #222;



		line-height: .44rem;



		text-transform: uppercase;



	}







	.i_nav>li>.sub-menu {



		display: none



	}



	.i_nav>li>.sub-menu li {



		position: relative;



	}



	.i_nav .sub-menu a {



		padding: 0 .4rem;



		font-size: .14rem;



		color: #555;



		line-height: .4rem;



		position: relative



	}



	.i_nav .sub-menu li:not(:last-child) {



		border-bottom: 1px solid var(--border_color)



	}







	.i_nav>li>.sub-menu b {



		position: absolute;



		top: 0;



		right: 0;



		width: .4rem;



		height: .4rem;



		background: url(static/imgs/public/arrow_down_hollow_hei.svg) no-repeat center;



		background-size: .16rem;



	}



	.i_nav>li>.sub-menu b.on {



		background: url(static/imgs/public/arrow_up_hollow_hei.svg) no-repeat center;



		background-size: .16rem;



	}







	.i_nav .sub-menu .sub-menu {



		display: none;



	}







	.i_nav .sub-menu .sub-menu a {



		padding: 0 .6rem;



		font-size: .13rem;



		color: #888;



		line-height: .36rem;



		position: relative;



	}







	.i_nav a {



		display: block;



		overflow: hidden;



		white-space: nowrap;



		text-overflow: ellipsis



	}



}



@media screen and (max-width:768px) {}



@media screen and (max-width:560px) {}



























/* 移动端导航按钮 */



.nav_menu {



	/* position: absolute;



	right: 0;



	top: 50%;



	transform: translateY(-50%); */



	position: relative;



	width: 22px;



	height: 16px;



	display: none;



	cursor: pointer



}



.nav_menu i {



	display: block;



	width: 100%;



	height: 3px;



	position: absolute;



	top: 50%;



	margin-top: -2px;



	background: #222;



	border-radius: .1rem;



	transition: 0.5s



}



.nav_menu::before,



.nav_menu::after {



	content: "";



	width: 100%;



	height: 3px;



	background: #222;



	position: absolute;



	left: 0;



	border-radius: .1rem;



	transition: 0.5s



}



.nav_menu::before {



	top: 0;



}



.nav_menu::after {



	bottom: 0;



}











.nav_menu.on i {



	opacity: 0



}







.nav_menu.on::before {



	transform: rotate(45deg);



	top: 50%;



	margin-top: -2px



}







.nav_menu.on::after {



	transform: rotate(-45deg);



	top: 50%;



	margin-top: -2px



}







@media screen and (max-width:1024px) {



	.nav_menu {



		display: block !important



	}







}











.top_r {



	--size: .24rem



}



.top_r {



	margin-left: 0.3rem;



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	height: var(--header_height)



}







.top_search_ico {



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	height: var(--header_height);



	margin-left: 0.3rem;



	position: relative;



}







.top_search_ico i {



	font-size: var(--size);



	cursor: pointer;



}



.top_search_ico.on i {



	color: var(--i_color);



}











.top_language {



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	border: 1px solid #b5b5b5;



	border-radius: 0.2rem;



	position: relative;



	box-sizing: border-box;



	padding: 6px 18px;



}



.top_language>i {



	font-size: var(--size);



	cursor: pointer;



}



.top_language.on>i {



	color: var(--i_color);



}



.top_language_i{



	display: flex;



	display: -webkit-flex;



	align-items: center;



}



.top_language_i img{



    width: 0.22rem;



}



.top_language_i p{



    font-size: 0.16rem;



	font-weight: bold;



	color: var(--i_color);



	margin-left: 0.05rem;



	box-sizing: border-box;



	padding-right: 0.1rem;



	position: relative;



}



.top_language_i p::after{



	content: '';



	position: absolute;



	top: calc(50% + 0.025rem);



	right: 0;



	transform: translate(0,-50%);



	border-top: 0.05rem solid #6a6a6a;



	border-bottom: 0.05rem solid transparent;



	border-left: 0.03rem solid transparent;



	border-right: 0.03rem solid transparent;



}















































.top_language_list {



	visibility: hidden;



	opacity: 0;



	position: absolute;



	top: calc(var(--header_height) - .2rem);



	right: 0;



	z-index: 2;



	-webkit-transition: all .3s ease;



	transition: all .3s ease



}



.top_language_list.on {



	visibility: visible;



	opacity: 1;



	top: 0.5rem;



	box-shadow: .04rem .06rem .1rem rgb(0 0 0 / 10%);



}







.top_language_list ul {



	overflow: hidden;



}







.top_language_list li {



	background: #FFF;



}



.top_language_list a>span {



	display: block;



	padding: 0 14px;



	min-width: 100px;



	overflow: hidden



}



.top_language_list img,



.top_language_list .trp-ls-language-name {



	display: inline-block;



	vertical-align: middle;



	margin-left: 8px;



	font-size: .12rem;



	color: #666;



	line-height: .3rem



}







.top_language_list li:hover {



	background: var(--i_color)



}



.top_language_list li:hover .trp-ls-language-name {



	color: #FFF;



}



.top_language,



.top_language>i {



	-webkit-transition: all .3s ease;



	-moz-transition: all .3s ease;



	-ms-transition: all .3s ease;



	-o-transition: all .3s ease;



	transition: all .3s ease



}







@media screen and (max-width:1024px) {



	.top_language {



		margin: 0 .2rem;



	}



}



@media screen and (max-width:768px) {}



@media screen and (max-width:560px) {}















header,



.top_cont,



.logo,



.logo img,



.i_nav>li,



.i_nav>li>a,



.top_r {



	-webkit-transition: all .7s ease;



	-moz-transition: all .7s ease;



	-ms-transition: all .7s ease;



	-o-transition: all .7s ease;



	transition: all .7s ease



}



























/* search main */



.top_search {



	--search_height: .38rem



}



.top_search {



	position: fixed;



	top: -1rem;



	left: 0;



	width: 100%;



	padding: .16rem 0;



	background: #FFF;



	-webkit-transition: all .3s ease;



	transition: all .3s ease;



	z-index: 6;



}



.top_search.on {



	top: var(--header_height);



	box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);



}



.top_search form {



	width: 80%;



	margin: 0 auto;



	max-width: 5rem;



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	box-sizing: border-box;



	border: 1px solid var(--i_color);



	overflow: hidden;



}



.top_search_ipt {



	width: calc(100% - var(--search_height));



	height: var(--search_height);



	box-sizing: border-box;



	padding: 0 0 0 .12rem;



}



.top_search_btn {



	font-size: 0;



	width: calc(var(--search_height));



	height: var(--search_height);



	background: var(--i_color) url(../images/search.svg) no-repeat center;



	background-size: .2rem;



	cursor: pointer;



}







@media screen and (max-width:1366px) {



	.top_r {



		margin-left: 0.5rem;



	}







}



@media screen and (max-width:1200px) {}



@media screen and (max-width:1024px) {



	.top_r {



		margin-left: auto;



	}



}



@media screen and (max-width:768px) {



	.top_search {



		--search_height: .34rem



	}



	.top_search {



		padding: .12rem 0;



	}



}



@media screen and (max-width:560px) {



	.top_search form {



		width: 94%;



	}



	.top_search_btn {}



}











/* email_btn */







.email_btn{



    background-color: var(--i_color);



	margin-left: 0.4rem;



	transition: all 0.3s ease;



}



.email_btn p{



	font-size: 0.16rem;



	font-weight: bold;



	color: white;



	box-sizing: border-box;



	padding: 0.16rem;



    cursor: pointer;



}



.email_btn:hover{



    background-color: var(--i_color2);



}







@media screen and (max-width:1024px) {



	.email_btn{



		margin-left: 0rem;



		margin-right: 0.2rem;



	}



}



















/* 导航下拉 */



/* products */







@media screen and (min-width:1025px) {



    .drop{



		



		width: 100%;



		position: fixed;



		top: var(--header_height);



		left: 0;



		background-color: #fdfdfd;



		box-sizing: border-box;



		padding: 0.4rem 0;



		z-index: 99999999;



		border-radius:  0  0 0.4rem 0.4rem;



		display: flex;



		display: -webkit-flex;



		flex-direction: column;



		align-items: center;



	}



	.drop h2{



		font-size: 0.38rem;



		font-weight: bold;



		color: #333333;



		text-align: center;



		box-sizing: border-box;



		display: inline-block;



		position: relative;



		padding-bottom: 0.2rem;



		margin-bottom: 0.4rem;



	}



	.drop h2 span{



		color: var(--i_color);



	}



	.drop h2::after{



		content: '';



		position: absolute;



		bottom: 0;



		left: 0;



		width: 100%;



		height: 1px;



		background-color: #dedede;



	}



    .drop_ul{



        display: flex;



		display: -webkit-flex;



	}



	.drop_ul li{



        width: 22.5%;



		margin-right: 2.5%;







	}



	.drop_ul li:hover img{



		transform:translate(-50%,-50%) scale(1.2);



	}



	.drop_ul_img{



		position: relative;



		overflow: hidden;



		border-radius: 0.2rem;



	}



	.drop_ul_img::before{



		content: '';



		position: absolute;



		top: 0%;



		left: 0;



		width: 100%;



		height: 100%;



		background-color: rgba(0, 0, 0, .2);



		opacity: 0;



		z-index: 2;



		transition: all 0.3s linear;



	}



	.drop_ul li:hover .drop_ul_img::before{



		opacity: 1;



	}



	.drop_ul_img::after{



		content: '';



		display: block;



		padding-bottom: 80%;



	}



	.drop_ul li img{



        position: absolute;



		top: 50%;



		left: 50%;



		transform: translate(-50%,-50%);



		width: 100%;



		height: 100%;



		object-fit: cover;



		transition: all 1.4s linear;



	}



    .drop_ul h3{



		font-size: 0.2rem;



		line-height: 0.22rem;



		color: var(--i_color);



		font-weight: bold;



		text-align: center;



		box-sizing: border-box;



		padding: 0.2rem 0 0.3rem 0;



	}



	.drop_jian{



		display: flex;



		display: -webkit-flex;



		flex-wrap: wrap;



	}



	.drop_jian li{



		width: 22.5%;



		margin-right: 2.5%;



		margin-bottom: 0.15rem;



	}



	.drop_jian li a{



		display: flex;



		display: -webkit-flex;



		align-items: center;



		box-sizing: border-box;



		padding-left: 12%;



	}



	.drop_jian li a i{



        display: block;



		width: 0.13rem;



		min-width: 0.13rem;



		height: 0.14rem;



		background: url('static/imgs/green_jian.png') center no-repeat;



		background-size: 100% 100%;



	}



	.drop_jian li a h4{



        font-size: 0.14rem;



		color: #666666;



		font-weight: bold;



		margin-left: 0.09rem;



		transition: all 0.3s ease;



	}



	.drop_jian li a:hover i{



		animation: bounce_513 1s infinite;



	}



	.drop_jian li a:hover h4{



		color: var(--i_color);



	}



	.drop_btn{



        margin-top: 0.3rem;



	}



	.drop_btn a{



       background-color: var(--i_color);



	   display: flex;



	   display: -webkit-flex;



	   justify-content: center;



	   align-items: center;



	   width: 2.5rem;



	   height: 0.45rem;



	   transition: all 0.3s ease;



	}



	.drop_btn a:hover{



		background-color: var(--i_color2);



	}



	.drop_btn h5{



       font-size: 0.14rem;



	   color: white;



	   font-weight: bold;



	   margin-right: 0.08rem;



	   margin-top: 0.02rem;



	}



	.drop_btn i{



		display: block;



		display: -webkit-flex;



		width: 0.15rem;



		height: 0.15rem;



        background: url('static/imgs/top_brn.png') center no-repeat;



		background-size: 100% 100%;



		



	}



	@keyframes bounce_513 {



		0%,



		  100% {



		  transform: translateX(-25%);



		  animation-timing-function: cubic-bezier(0.8, 0, 1, 1);



		}



	  



		50% {



		  transform: translateX(0);



		  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);



		}



	  }



	@media screen and (max-width:1600px) {







	}



	@media screen and (max-width:1440px) {



		



	}



	@media screen and (max-width:1366px) {



		



	}



	@media screen and (max-width:1200px) {



		



	}







}







@media screen and (max-width:1024px) {



	.drop{display: none;}



}



























/* -=---------------------banner--------------------------- */



/* banner */



.banner{width:100%; overflow:hidden; position:relative;margin-top: var(--header_height);}



.banner .swiper-slide{height:0; overflow:hidden; padding-bottom:88.7vh; position:relative}



.banner .swiper-slide a{



	width: 100%;



	display: block;



}



.banner .swiper-slide a>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}

.banner .swiper-slide img {width:100%}

.banner .swiper-slide video{position:absolute; left:0; top:0; width:100%; height:100%!important; object-fit:cover; z-index:2}



.banner .swiper-button-prev, .banner .swiper-button-next{



	position:absolute;



	top:50%;



	transform:translate(0,-50%);



	width:60px;



	height:60px;



	z-index:999;



	outline:none;



	cursor:pointer;



	-moz-user-select:none; /*火狐*/



    -webkit-user-select:none; /*webkit浏览器*/



    -ms-user-select:none; /*IE10*/



    -khtml-user-select:none; /*早期浏览器*/



    user-select:none;



	-webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px;



	-webkit-transition:all 0.3s ease;



	-moz-transition:all 0.3s ease;



	-ms-transition:all 0.3s ease;



	-o-transition:all 0.3s ease;



	transition:all 0.3s ease;



}



.banner .swiper-button-prev{left:-60px; background:rgba(0,0,0,.6) url(../images/arrow_left_kx_bai.svg) no-repeat center; background-size:26px}



.banner .swiper-button-next{right:-60px; background:rgba(0,0,0,.6) url(../images/arrow_right_kx_bai.svg) no-repeat center; background-size:26px}



.banner:hover .swiper-button-prev{left:4%}



.banner:hover .swiper-button-next{right:4%}



.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color:var(--i_color)}







.banner .pagination-all{



	position:absolute;



	bottom:30px;



	left:50%;



	transform:translate(-50%,0);



	cursor:pointer;



	z-index:10;



}



.banner .swiper-pagination {



	position: relative;



	display: inline-block;



	text-align: left;



}



.banner .swiper-pagination-bullet {



	width: 70px;



	height: 1px;



	border-radius: 0;



	background: rgba(255, 255, 255, 0.7);



	opacity: 1;



	position: relative;



	transition: all 0.5s;



	-webkit-transition: all 0.5s;



	-moz-transition: all 0.5s;



	-ms-transition: all 0.5s;



}



.banner .swiper-pagination-bullet::after{



	content: '';



	width: 0%;



	height: 2px;



	background-color: var(--i_color);



	position: absolute;



	top: 50%;



	left: 0;



	transform: translate(0,-50%);



	transition: width 4.5s linear;



	opacity: 0;



}



.banner .swiper-pagination-bullet-active {



	position: relative;







}



.banner .swiper-pagination-bullet-active::after{



	content: '';



	width: 100%;



	opacity: 1;



}











.banner_svg{



	width: 100%;



	height: 0.5rem;



	position: absolute;



	bottom: -1px;



	left: 0;



	z-index: 2;



	transform: rotate(180deg);



}



.banner_svg svg{



	width: 100%;



	height: 100%;







}







































@media screen and (max-width:1440px){

	.banner .swiper-slide>img,.banner .swiper-slide video {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		object-fit: cover

	}

	.banner {

		margin-top: var(--header_height);

		position: relative;

		top: initial;

		height: auto;

		-webkit-border-radius: 0 0;

		border-radius: 0 0;

	}

	.banner .swiper-slide {

		padding-bottom: 48.7%

	}



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){

	

}



@media screen and (max-width:959px){



	.top_search_ico {



		margin-right: 0.3rem;



		margin-left: 0;



	}



	.banner .swiper-button-prev, .banner .swiper-button-next{display:none!important}



}



@media screen and (max-width:767px){



	.banner .swiper-slide{padding-bottom:44%}



}



@media screen and (max-width:560px){



	



	.banner .pagination-all{bottom:26px}



	.banner .swiper-pagination-bullet{width:35px}



}



@media screen and (max-width:425px){



	



}















/* banner上的文字 */



.banner1_text{



    position: absolute;



	top: 10%;



	left: 50%;



	transform: translate(-50%,0);



	width: 94%;







}



.banner1_text h2{



	font-size: 0.5rem;



	font-weight: bold;



	color: white;



	line-height: 110%;



	text-align: center;



	text-transform: uppercase;



}



.banner1_text h3{



    font-size: 0.2rem;



	line-height: 0.3rem;



	color: white;



	text-align: center;



	text-transform: uppercase;



	margin: 0.1rem 0;



}



.banner_btn{



	margin-top: 0.3rem;



}



.btn{



    display: flex;



	display: -webkit-flex;



	justify-content: center;



}



.btn_flex{



	display: flex;



	display: -webkit-flex;







}



.btn a{



	font-size: 0.15rem;



	color: white;



	box-sizing: border-box;



	padding: 0.12rem 0.3rem;



	border-radius: 0.2rem;



	border: 1px solid white;



	position: relative;



	overflow: hidden;



	transition: all 0.4s ease;



}



.btn a:before {



	content: "";



	position: absolute;



	pointer-events: none;



	width: 100%;



	height: 20%;



	background-color: #e8e8e8;



	translate: -100% 0;



	rotate: 45deg;



	transition: all 0.4s ease;



}



  



.btn a:hover {



	background-color: var(--i_color);



	border: 1px solid var(--i_color);



}



  



.btn a:hover:before {



	translate: 100%;



}



  











































@media screen and (max-width:1440px){



	.banner1_text h2 {font-size: 0.45rem;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.banner1_text h2 {font-size: 0.4rem;}



}



@media screen and (max-width:959px){



	.banner1_text h2 {font-size: 0.35rem;}



}



@media screen and (max-width:767px){



	.banner1_text h2 br{display: none;}



	.banner1_text h2 {font-size: 0.3rem;}



}



@media screen and (max-width:560px){



	.banner1_text h2 {font-size: 0.28rem;}



}



@media screen and (max-width:425px){



	.banner1_text h2 {font-size: 0.25rem;}



}



















/* ------------------------------main------------------------ */







/* home_products */



.home_products{



    box-sizing: border-box;



	padding: 1rem 0;



}







/* 标题 */



.title{







}



.title p{



    font-size: 0.42rem;



	color: #333333;



	font-weight: bold;



	text-transform: capitalize;



	text-align: center;



	position: relative;



	box-sizing: border-box;



	padding-bottom: 0.2rem;



}



.title p::after{



    content: '';



	position: absolute;



	bottom: 0;



	left: 50%;



	transform: translate(-50%,0);



	width: 1.5rem;



	height: 0.04rem;



	background-color: #333;



	z-index: 2;







}



.title p::before{



	content: '';



	position: absolute;



	bottom: 0;



	left: 50%;



	transform: translate(-50%,0);



	width: 1.2rem;



	height: 0.04rem;



	background-color: var(--i_color);



	z-index: 3;



}















@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.title p{font-size: 0.4rem;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.title p{font-size: 0.35rem;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.title p{font-size: 0.3rem;}



}



@media screen and (max-width:767px){



	.title p{font-size: 0.28rem;}



	.title p {padding-bottom: 0.15rem;}



}



@media screen and (max-width:560px){



	.title p{font-size: 0.25rem;}



}



@media screen and (max-width:425px){



	.title p {padding-bottom: 0.1rem;}



}



































.home_products_area{



	margin-top: 0.6rem;



}



.home_products_area li{



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.home_products_area li a{



	display: block;



	width: 100%;



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.home_products_img{



	position: relative;



	width: 50%;



	overflow: hidden;



}



.home_products_img::after{



	content: '';



	display: block;



    padding-bottom: 63.5%;



}



.home_products_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: contain;



	transition: all 0.3s ease;



}



.home_products_area li:hover .home_products_img img{



	width: 110%;



	height: 110%;



}



.home_products_all li:hover .home_products_img img{



	width: 110%;



	height: 110%;



}



.home_products_text{



	box-sizing: border-box;



	width: 50%;



    padding: 0.4rem 4%;



	display: flex;



	display: -webkit-flex;



	flex-direction: column;



	align-items: center;



}



.home_products_text h2{



    font-size: 0.3rem;



	font-weight: bold;



	text-transform: capitalize;



	text-align: center;



	display: inline-block;



	box-sizing: border-box;



	padding-bottom: 0.1rem;



	position: relative;



}



.home_products_text h2::after{



	content: '';



	position: absolute;



	width: 100%;



	height: 0.02rem;



	background-color: var(--i_color);



	bottom: 0;



	left: 50%;



	transform: translate(-50%,0);



}



.home_products_text h3{



	font-size: 0.16rem;



	line-height: 0.28rem;



	color: #666666;



	margin: 0.3rem 0;



	height: 1.96rem;



	overflow: auto;



	box-sizing: border-box;



	padding-right: 0.05rem;



}







.home_products_btn{







}



.home_products_btn>div{







}



.home_products_btn h4{



    display: flex;



	display: -webkit-flex;



}



.home_products_btn p{



    font-size: 0.18rem;



	color: white;



	background-color: var(--i_color);



	box-sizing: border-box;



	padding: 0 0.35rem;



	display: flex;



	display: -webkit-flex;



	justify-content: center;



	align-items: center;



	transition: all 0.3s ease;



}



.home_products_btn:hover p{



	background-color: var(--i_color2);



}



.home_products_btn i{



    display: block;



	width: 0.5rem;



	height: 0.5rem;



	background-color: #3a3a3a;



	font-size: 0.22rem;



	color: white;



    display: flex;



	display: -webkit-flex;



	justify-content: center;



	align-items: center;



}







.home_products_area li:nth-child(2) a{



	flex-direction: row-reverse;



}







/*滚动条*/



.home_products_text h3::-webkit-scrollbar {



	width: 2px;



	height: 8px



}



.home_products_text h3::-webkit-scrollbar-thumb {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	background: var(--i_color)



}



.home_products_text h3::-webkit-scrollbar-track {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	border-radius: 0;



	background: #F1F1F1



}















.home_products_all{



    display: flex;



	display: -webkit-flex;



	justify-content: space-between;



	flex-wrap: wrap;



	margin-top: 0.55rem;



}



.home_products_all li{



    width: 48.8%;



}



.home_products_all li a{



    width: 100%;



	display: block;



}



.home_product2_img::after{



	padding-bottom: 58.54%;



}



.home_product2_img{



	width: 100%;



}



.home_products_all .home_products_text{



	width: 100%;



    padding: 0.4rem 0%;



}















@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.home_products{padding: 0.8rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.home_products{padding: 0.6rem 0;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	.home_products_all li {width: 100%;}



	.home_products_img {width: 100%;}



	.home_products_area li {width: 100%;}



	.home_products_area li a {flex-direction: column;}



	.home_products_text {width: 100%;}



	.home_products_all {margin-top: 0rem;}



}



@media screen and (max-width:425px){



	



}















/* home_about */



.home_about_area{



	background: url('../images/home_about.jpg') center no-repeat;



	background-size: cover;



	box-sizing: border-box;



	background-attachment: fixed;



	padding: 1.2rem 0 2rem 0;



}



.home_about{



    display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.home_about_left{



	width: 66.4%;



	box-sizing: border-box;



	padding-left: 13%;



	padding-right: 1%;



}



.home_about_right{



	width: 33.6%;



	box-sizing: border-box;



	padding-right: 2%;



}



.home_about_img{



    position: relative;



    overflow: hidden;



	width: 100%;



	margin-top: 0.4rem;



}



.home_about_img::after{



	content: '';



    display: block;



	padding-bottom: 66%;



}



.home_about_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.home_about h2{



	font-size: 0.4rem;



	color: #333333;



	font-weight: bold;



	box-sizing: border-box;



	padding-bottom: 0.1rem;



	position: relative;



}



.home_about h2::after{



	content: '';



	width: 1.5rem;



	height: 0.04rem;



	background-color: #bbbbbb;



	position: absolute;



	bottom: 0;



	left: 0;



}



.home_about h2::before{



	content: '';



	width: 1.2rem;



	height: 0.04rem;



	background-color: #0070bb;



	position: absolute;



	bottom: 0;



	left: 0;



	z-index: 2;



}



.home_about_left h3{



	font-size: 0.19rem;



	line-height: 0.32rem;



	color: #333333;



	margin: 0.3rem 0;



}



.home_about_left a{



	display: flex;



	display: -webkit-flex;



	justify-content: center;



	align-items: center;



	font-size: 0.2rem;



	color: var(--i_color);



	box-sizing: border-box;



	width: 2.3rem;



	height: 0.46rem;



	border: 1px solid var(--i_color);



	transition: all 0.3s ease;



}



.home_about_left a:hover{



	color: white;



	background-color: var(--i_color);



}



.home_about_img i{



	position: absolute;



	top: 50%;



	left: 50%;



	width: 1.5rem;



	height: 1.5rem;



	transform: translate(-50%,-50%);



	background: url('static/imgs/play.png') center no-repeat;



	background-size: contain;



	cursor: pointer;



}











@media screen and (max-width:1600px){



	.home_about_left {padding-left: 10%;}



}



@media screen and (max-width:1440px){



	.home_about_left {padding-left: 8%;}



	.home_about_img::after {padding-bottom: 100%;}



}



@media screen and (max-width:1366px){



	.home_about_left {padding-left: 6%;}



}



@media screen and (max-width:1200px){



	.home_about_left {padding-left: 3%;}



}



@media screen and (max-width:1025px){



	.home_about_left {



		width: 100%;



		padding-left: 3%;



		padding-right: 3%;



	}



	.home_about_right {



		width: 100%;



		padding:0 3%;



	}



	.home_about_img::after {



		padding-bottom: 25%;



	}



	.home_about_img i{width: 1rem;height: 1rem;}



}



@media screen and (max-width:959px){



	.home_about_img::after {



		padding-bottom: 35%;



	}



}



@media screen and (max-width:767px){



	.home_about_img::after {



		padding-bottom: 45%;



	}



}



@media screen and (max-width:560px){



	.home_about_img::after {



		padding-bottom: 55%;



	}



}



@media screen and (max-width:425px){



	



}



















/* video */





/* eject videos */

.vd_box{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	background: rgba(0, 0, 0, .5);

	z-index: 999999;

}

.vd_box_area {

	position: absolute;

	top: 52%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 2014;

	width: 60%;

	max-height: 90%;



}

.vd_box_area::before {

	content: '';

	display: block;

	padding-bottom: 56.25%;

}

.close_v {

	position: absolute;

	top: -.2rem;

	right: -.2rem;

	width: 0.4rem;

	height: 0.4rem;

	background: var(--i_color);

	z-index: 2;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.close_v::before {

	content: '+';

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 0.44rem;

	color: #FFF;

	-webkit-transform: translate(-50%, -50%) rotate(45deg);

	transform: translate(-50%, -50%) rotate(45deg)

}

.vd_box iframe {

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background: #000;

	object-fit: contain;

}

@media screen and (max-width:1024px) {

	.vd_box_area {

		width: 80%;

	}

	.close_v::before {

		font-size: 0.4rem;

	}

}

@media screen and (max-width:768px) {

	.vd_box_area {

		width: 88%;

	}

	.close_v {

		top: -.15rem;

		right: -.15rem;

		width: 0.3rem;

		height: 0.3rem;

	}

	.close_v::before {

		font-size: 0.3rem;

	}

}



































/* home_four */



.home_four_area{



	position: relative;



	z-index: 3;



	margin-top: -1.2rem;



}



.home_four{



    box-sizing: border-box;



	margin: 0 4.8%;



	background-color: var(--i_color);



	box-sizing: border-box;



	padding: 0.4rem 0;



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.home_four li{



    width: 25%;



	box-sizing: border-box;



	padding: 0.2rem 0;



	border-right: 1px solid #66a9d6;



}



.home_four li:last-child{



	border-right: 0;



}



.home_four_text{



	display: flex;



	display: -webkit-flex;



	align-items: flex-end;



    justify-content: center;



}



.home_four_text h2{



    font-size: 0.55rem;



	font-weight: bold;



	color: white;



}



.home_four_text h3{



    font-size: 0.2rem;



	color: white;



	margin-left: 0.05rem;



}



.home_four h4{



	font-size: 0.24rem;



	color: white;



	text-align: center;



	margin-top: 0.3rem;



}











@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.home_four {margin: 0%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



    .home_four li {width: 50%;}



	.home_four li:nth-child(even){border-right: 0;}



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	.home_four h4 {font-size: 0.2rem;}



}



@media screen and (max-width:425px){



	



}























































/* home_news */



.home_news_area{



	box-sizing: border-box;



	padding: 1rem 0 1.3rem 0;



}



.home_news{



	display: flex;



	display: -webkit-flex;



	margin-top: 0.4rem;



	flex-wrap: wrap;



}



.home_news_left{



	width: 42%;



	box-sizing: border-box;



	padding: 0 3% 0 13%;



	



}



.home_news_img{



	position: relative;



	display: block;



}



.home_news_img::after{



	content: '';



	display: block;



	padding-bottom: 116.7%;



}



.home_news_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.home_news_right{



	width: 58%;



}



.home_news_right li{



	box-sizing: border-box;



	padding: 0.25rem 22% 0.25rem 2%;



	transition: all 0.3s ease;



}



.home_news_right li a{



    display: block;



	width: 100%;



}



.home_news_right h2{



    font-size: 0.18rem;



	color: #083472;



	transition: all 0.3s ease;



}



.home_news_right h3{



	font-size: 0.24rem;



	line-height: 0.3rem;



	color: #333333;



	font-weight: bold;



	text-transform: uppercase;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 2;



   height: 0.6rem;



   transition: all 0.3s ease;



}



.home_news_right h4{



	font-size: 0.16rem;



	line-height: 0.32rem;



	color: #333333;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 2;



   height: 0.64rem;



   transition: all 0.3s ease;



}







.home_news_right .current{



	background: url('../images/home_news1.jpg') center no-repeat;



	background-size: cover;



}



.home_news_right .current h2,.home_news_right .current h3,.home_news_right .current h4{



	color: white;



}



























@media screen and (max-width:1600px){



	.home_news_right li {padding: 0.25rem 18% 0.25rem 2%;}



	.home_news_right h3 {font-size: 0.22rem;line-height: 0.28rem;height: 0.56rem;margin: 0.05rem 0;}



	.home_news_right h4 {font-size: 0.16rem;line-height: 0.20rem;height: 0.4rem;}



	.home_news_left {padding: 0 3% 0 10%;}



	.home_news_area {padding: 0.8rem 0 1rem 0;}



}



@media screen and (max-width:1440px){



	.home_news_right li {padding: 0.25rem 15% 0.25rem 2%;}



	.home_news_right h3 {-webkit-line-clamp: 1;height: 0.28rem;}



	.home_news_left {padding: 0 3% 0 8%;}



	.home_news_img::after {padding-bottom: 90.7%;}



	.home_news_area {padding: 0.6rem 0 0.8rem 0;}



}



@media screen and (max-width:1366px){



	.home_news_right li {padding: 0.25rem 12% 0.25rem 2%;}



	.home_news_left {padding: 0 3% 0 6%;}



}



@media screen and (max-width:1200px){



	.home_news_right li {padding: 0.25rem 8% 0.25rem 2%;}



	.home_news_left {padding: 0 3% 0 3%;}



	.home_news_area {padding: 0.6rem 0;}



}



@media screen and (max-width:1025px){



	.home_news_right li {padding: 0.25rem 6% 0.25rem 2%;}



}



@media screen and (max-width:959px){



	.home_news_left {width: 100%;}



	.home_news_img::after {padding-bottom: 40.7%;}



	.home_news_right {width: 100%;box-sizing: border-box;padding: 0 3%;margin-top: 0.2rem;}



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}



















/* home_content */







.home_content_area{



    background-color: #e5e5e5;



	box-sizing: border-box;



	padding: 0.9rem 0 1.2rem 0;



}



.home_content{



	text-align: center;



}



.home_content h2{



	font-size: 0.4rem;



	color: #333333;



	font-weight: bold;



	text-align: center;



	text-transform: uppercase;



}



.home_content h3{



    font-size: 0.16rem;



	line-height: 0.32rem;



	color: #333333;



	text-align: center;



	margin: 0.1rem 0;



}



.home_content a{



	font-size: 0.22rem;



	font-weight: bold;



	color: #0070bb;



	text-align: center;



	transition: all 0.3s ease;



}



.home_content a:hover{



	color: var(--i_color2);



}



.home_content_form{



	background-color: white;



	margin: 0 8%;



	margin-top: 0.5rem;



	box-sizing: border-box;



	padding: 0.4rem;



}







@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.home_content h2 {font-size: 0.35rem;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){







}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.home_content h2 {font-size: 0.3rem;}



}



@media screen and (max-width:767px){



	.home_content h3 br{display: none;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}











/* 侧边客服 表单 */











#wpforms-117{--input_font_size:0.16rem; --input_height:0.42rem}



#wpforms-117{width:100%; margin:0 auto; padding:0}



#wpforms-form-130{width:100%; overflow:hidden}



#wpforms-117 input, #wpforms-117 button{margin:0; padding:0; border:none; background:none}



#wpforms-117 .wpforms-field{padding:0; margin:0;text-align: left;}



#wpforms-117 .wpforms-error-container{line-height:16px}







#wpforms-117 .wpforms-field-container{width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; overflow:hidden}



#wpforms-117 .wpforms-submit-container{padding:0!important; width:170px; height:var(--input_height); background:var(--i_color);border-radius: 0.2rem; position:relative;margin:0 auto;}



















#wpforms-117 .wpforms-field-label{



	text-align: left !important;



	font-size: 0.14rem;



	color: #000;



	line-height: 0.28rem;



}















/* 



#wpforms-117 .wpforms-field{



	position: relative;



}



#wpforms-117 .wpforms-field-label{



	font-size: 0;



}



#wpforms-117 .wpforms-field-label span{



	position: absolute;



	top: 15px;



	left: 3px;



	font-size: 0.14rem;



    color: red;



} */























































#wpforms-117 .wpforms-field{width:100%; margin-bottom:0px; padding-bottom:20px; background:transparent; overflow:hidden}



#wpforms-117 .wpforms-field:nth-child(1),#wpforms-117 .wpforms-field:nth-child(3){margin-right:20px}



#wpforms-117 .wpforms-field:nth-child(1), #wpforms-117 .wpforms-field:nth-child(2){width:calc(50% - 10px)}



#wpforms-117 .wpforms-field:nth-child(3), #wpforms-117 .wpforms-field:nth-child(4){width:calc(50% - 10px)}



#wpforms-117 input{height:var(--input_height)}



#wpforms-117 textarea{min-height:100px}



#wpforms-117 input, #wpforms-117 textarea{width:100%;border: 0; max-width:100%!important; font-size:var(--input_font_size);border-radius: 0.1rem;background-color: #f3f8fb; color:#222; box-sizing:border-box; line-height:var(--input_height); padding:0 10px}



#wpforms-117 input::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 input::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 textarea::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 textarea::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}



#wpforms-117 #wpforms-117-field_1-error, #wpforms-117 #wpforms-117-field_2-error, #wpforms-117 #wpforms-117-field_3-error, #wpforms-117 #wpforms-117-field_4-error{position:absolute; font-size:14px}



#wpforms-117 .wpforms-submit-container button{overflow: hidden;border-radius: 0.2rem; width:100%; height:var(--input_height); font-size:16px; color:#FFF; line-height:var(--input_height); cursor:pointer; text-transform:uppercase; position:relative; z-index:2}



#wpforms-117 .wpforms-submit-container img{position:absolute; top:50%; transform:translate(0,-50%); right:4px}



















#wpforms-117 .wpforms-submit-container:hover{



	background-color: var(--i_color2);



	animation: a 0.5s 1 linear;



	animation-delay: 0.01s;



}































@media screen and (max-width:1440px){



	.home_content_form {margin: 0 7%;margin-top: 0.6rem;}



}







@media screen and (max-width:1366px){







}







@media screen and (max-width:1200px){



	.home_content_form {margin: 0 6%;margin-top: 0.4rem;}



}







@media screen and (max-width:959px){



	.home_content_form {margin: 0 4%;margin-top: 0.6rem;}







}







@media screen and (max-width:767px){



	.home_content_form {margin: 0 2%;margin-top: 0.6rem;}



	.home_content_form {padding: 0.4rem 0.2rem;}



}







@media screen and (max-width:560px){



	.home_content_form {margin: 0%;margin-top: 0.6rem;}



}











/* home_ff */



.home_ff_area{



	background-color: #e5e5e5;



}



.home_ff{



    background: url('../images/home_ff1.jpg') center no-repeat;



	background-size: cover;



	box-sizing: border-box;



	padding: 0.9rem 0 1rem 0;



	border-radius: 0% 0% 50% 50% / 0% 0% 15% 15% ;



	background-attachment: fixed;



}



.home_ff h2{



    font-size: 0.24rem;



	color: white;



	text-align: center;



}



.home_ff h3{



	font-size: 0.4rem;



	color: white;



	font-weight: bold;



	line-height: 0.48rem;



	text-align: center;



	margin: 0.2rem 0 0.5rem 0;



}



.home_ff_ul{



	box-sizing: border-box;



	padding: 0 5.8%;



	display: flex;



	display: -webkit-flex;







}



.home_ff_ul li{



	width: calc(100% / 3);



	display: flex;



	display: -webkit-flex;



	flex-direction: column;



	justify-content: space-between;



	align-items: center;



	box-sizing: border-box;



	padding: 0 2%;



}



.home_ff_ul img{



    width: 1rem;



	height: 1rem;



	object-fit: contain;



	transition: all 0.3s ease;



}



.home_ff_ul h4{



    font-size: 0.26rem;



	color: white;



	font-weight: bold;



	margin: 0.2rem 0 0.1rem 0;



	text-align: center;



}



.home_ff_ul h5{



    font-size: 0.18rem;



	color: white;



	line-height: 0.28rem;



	text-align: center;



	margin-bottom: 0.25rem;



}



.home_ff_ul a{



    font-size: 0.15rem;



	color: white;



	box-sizing: border-box;



	padding: 0.105rem 0.25rem;



	border-radius: 0.2rem;



	border: 1px solid white;



	transition: all 0.3s ease;



}



.home_ff_ul a:hover{



	background-color: white;



	color: var(--i_color);



}



.home_ff_ul li:hover img{



	transform: rotateY(180deg);



}











@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.home_ff_ul {padding: 0 5%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.home_ff_ul {padding: 0 3%;}



	.home_ff h3 {font-size: 0.35rem;}



	



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.home_ff_ul {padding: 0 0%;}



	.home_ff h3 {font-size: 0.3rem;}



}



@media screen and (max-width:767px){



	.home_ff h3 br{display: none;}



	.home_ff h3{box-sizing: border-box;padding: 0 3%;}



	.home_ff_ul h4 {font-size: 0.24rem;}



}



@media screen and (max-width:560px){



	.home_ff_ul h5{display: none;}



	.home_ff_ul h4 {font-size: 0.2rem; margin: 0.2rem 0;}



}



@media screen and (max-width:425px){



	



}



























/* home_submit */



.home_submit{



    background-color: #e5e5e5;



	box-sizing: border-box;



	padding:0.9rem 0 0rem 0 ;



}



.home_submit h2{



	font-size: 0.4rem;



	color: #333333;



	font-weight: bold;



	text-align: center;



}



.home_submit h3{



	font-size: 0.19rem;



	color: #363f4d;



	text-align: center;



	margin: 0.15rem 3% 0.3rem 3%;



}



.home_submit_form{







}















#wpforms-114 {



	--input_font_size: .16rem;



	--input_height: .66rem



}



#wpforms-114 {



	width: 58%;



	margin: 0 auto;



	padding: 0



}



#wpforms-form-114 {



	width: 100%;



	background: #FFF;



	-webkit-border-radius: 100px;



	border-radius: 100px;



	box-sizing: border-box;



	padding: 1px;



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	position: relative;



}



#wpforms-114 .wpforms-field-container {



	width: 75%;



}







#wpforms-114 input,



#wpforms-114 button {



	margin: 0;



	padding: 0;



	border: none;



	background: none



}



#wpforms-114 .wpforms-field {



	padding: 0;



	margin: 0



}







#wpforms-114 .wpforms-field-label {



	font-size: 0



}



#wpforms-114 .wpforms-required-label {



	position: absolute;



	top: 55%;



	transform: translate(0,-50%);



	left: .14rem;



	font-size: .22rem;



	color: #F00



}







#wpforms-114 .wpforms-field {



	width: 100%;



	background: transparent;



	position: relative;



}



#wpforms-114 .wpforms-field-textarea {



	width: 100% !important



}







#wpforms-114 .wpforms-field-container input {



	width: 100%;



	font-size: var(--input_font_size);



	color: #333;



	height: var(--input_height);



	box-sizing: border-box;



	border: none;



	background: none;



	padding: 0 .2rem 0 .3rem;



	overflow: hidden;



}



#wpforms-114 input {



	line-height: var(--input_height)



}



#wpforms-114 textarea {



	line-height: 22px;



	min-height: 120px;



	padding: .1rem .16rem



}



#wpforms-114 input::-webkit-input-placeholder,



#wpforms-114 textarea::-webkit-input-placeholder {



	color: #BBB;



	font-size: var(--input_font_size)



}



#wpforms-114 input::-moz-placeholder,



#wpforms-114 textarea::-moz-placeholder {



	color: #BBB;



	font-size: var(--input_font_size)



}



#wpforms-114 input::-ms-input-placeholder,



#wpforms-114 textarea::-ms-input-placeholder {



	color: #BBB;



	font-size: var(--input_font_size)



}







#wpforms-114 #wpforms-114-field_1-error,



#wpforms-114 #wpforms-114-field_2-error,



#wpforms-114 #wpforms-114-field_3-error,



#wpforms-114 #wpforms-114-field_4-error,



#wpforms-114 #wpforms-114-field_5-error,



#wpforms-114 #wpforms-114-field_6-error {



	position: absolute;



	left: .3rem;



	bottom: -.24rem;



	font-size: 13px;



	color: #DF1E1E;



}











#wpforms-114 .wpforms-submit-container {



	margin-left: auto;



	padding: 0 !important;



	box-sizing: border-box;



	width: 25%;



	height: var(--input_height);



	background: var(--i_color);



	background: -webkit-linear-gradient(left, #017ace, #083c7c);



	background: linear-gradient(to right, #017ace, #083c7c);



	-webkit-border-radius: 100px;



	border-radius: 100px;



	overflow: hidden;



	position: relative;



	margin-top: 0.02rem;







}



#wpforms-114 .wpforms-submit-container::before {



	content: '';



	position: absolute;



	right: 0;



	top: 0;



	width: 0;



	height: 100%;



	background: var(--i_color2);



}



#wpforms-114 .wpforms-submit-container button {



	width: 100%;



	height: var(--input_height);



	font-size: .13rem;



	font-weight: bold;



	color: #FFF;



	line-height: var(--input_height);



	cursor: pointer;



	position: relative;



	z-index: 2;



	box-sizing: border-box;



	



}







#wpforms-114 .wpforms-submit-container img {



	position: absolute;



	top: 50%;



	transform: translate(0, -50%);



	right: 4px



}



/* #wpforms-114 .wpforms-submit-container:hover::before {



	left: 0;



	right: initial;



	width: 100%;



} */



#wpforms-114 .wpforms-submit-container::before {



	-webkit-transition: all .5s ease;



	transition: all .5s ease



}



















@media screen and (max-width:1440px) {







	#wpforms-114 {



		--input_font_size: .15rem;



		--input_height: .6rem



	}



}



@media screen and (max-width:1366px) {







}



@media screen and (max-width:1200px) {







}



@media screen and (max-width:1024px) {



	



	#wpforms-114 {



		--input_font_size: .14rem;



		--input_height: .5rem;



		width: 80%;



	}



}



@media screen and (max-width:767px) {



	



	#wpforms-114 {



		--input_font_size: .14rem;



		--input_height: .4rem;



		width: 98%;



	}



	#wpforms-114 .wpforms-required-label {



		left: 0.06rem;



		font-size: 0.16rem;



	}



	#wpforms-114 .wpforms-field-container {



		width: calc(100% - 120px);



	}



	#wpforms-114 .wpforms-submit-container {



		width: 120px;



	}



	#wpforms-114 .wpforms-field-container input {



		padding: 0 .2rem 0 0.2rem;



	}



	#wpforms-114 .wpforms-submit-container button {



		font-size: 0.12rem;



	}



	#wpforms-114 #wpforms-114-field_1-error,



	#wpforms-114 #wpforms-114-field_2-error,



	#wpforms-114 #wpforms-114-field_3-error,



	#wpforms-114 #wpforms-114-field_4-error,



	#wpforms-114 #wpforms-114-field_5-error,



	#wpforms-114 #wpforms-114-field_6-error {



		left: 0.2rem;



		font-size: 0.12rem;



	}



}



@media screen and (max-width:560px) {







}















/*--------------------- footer --------------------*/



.footer_area{



	background-color: #e5e5e5;



	box-sizing: border-box;



	padding: 1rem 0 0 0 ;



}



.footer{



    display: flex;



	display: -webkit-flex;







}



.footer_left{



	width: 22%;



}



.footer_left img{



	width: 2.83rem;



}



.footer_left p{



	font-size:0.16rem;



	color: #363f4d;



	line-height: 0.25rem;



	margin: 0.1rem 0 0.25rem 0;



}



.footer_left_ul{



    display: flex;



	display: -webkit-flex;



	margin-bottom: 0.5rem;



}



.footer_left_ul li{



    margin-right: 0.15rem;



}



.footer_left_ul li a{



    display: block;



	width: 100%;



}



.footer_left_ul li img{



	width: 0.38rem;



	height: 0.38rem;



	transition: all 0.3s ease;



}



.footer_left_ul li img:hover{



	transform: translateY(-8px);



}



.footer h2{



	font-size: 0.26rem;



	color: #363f4d;



	font-weight: bold;



	box-sizing: border-box;



	padding-left: 0.22rem;



	position: relative;



}



.footer h2::after{



	content: '';



	position: absolute;



	width: 0.1rem;



	height: 0.22rem;



	background-color: var(--i_color);



	top: 50%;



	left: 0;



	transform: translate(0,-50%);



}



.footer_center{



	width: 44%;



	box-sizing: border-box;



	padding: 0 7%;



}



.footer_center_ul{



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



	margin-top: 0.5rem;



}



.footer_center_ul ul{



	display: none;



}



.footer_center_ul li{



	width: 46%;



	margin-right: 4%;



	box-sizing: border-box;



	padding: 0.15rem 0;



	border-bottom: 1px solid #c0c0c0;



}



.footer_center_ul li a{



	display: block;



	position: relative;



	font-size: 0.16rem;



	text-transform: uppercase;



	color: #363f4d;



	box-sizing: border-box;



	padding-left: 0.3rem;



	transition: all 0.3s ease;



}



.footer_center_ul li a::after{



    content: '';



	position: absolute;



	left: 0;



	top: 50%;



	transform: translate(0,-50%);



	width: 0.15rem;



	height: 0.13rem;



	background: url('../images/jj.png') center no-repeat;



	background-size: contain;



}



.footer_center_ul li:hover a{



    color: var(--i_color);



}



.footer_center_ul li:hover a::after{



	background: url('static/imgs/jjb.png') center no-repeat;



	background-size: contain;



}



.footer_right{



	width: 34%;



}



.footer_right_ul{



    margin-top: 0.3rem;



}



.footer_right_ul li{



    display: flex;



	display: -webkit-flex;



	align-items: flex-start;



	margin-bottom: 0.25rem;



}



.footer_right_ul li img{



    width: 0.25rem;



	height: 0.25rem;



	min-width: 0.25rem;



	object-fit: contain;



	transition: all 0.3s ease;



}



.footer_right_ul li img:hover{



	transform: translateY(-5px);



}



.footer_right_ul li h3{



    font-size: 0.19rem;



	color: #363f4d;



	font-weight: bold;



	margin: 0 0.1rem;



}



.footer_right_ul li a{



    font-size: 0.16rem;



	color: #363f4d;



	transition: all 0.3s ease;



}



.footer_right_ul li a:hover{



	color: var(--i_color);



}











.footer_max{



	width: 100%;



	display: flex;



	display: -webkit-flex;



	box-sizing: border-box;



	padding: 0.16rem 3%;



	background-color: #555c62;



	justify-content: center;



}



.footer_max p,.footer_max a{



    font-size: 0.16rem;



	color: white;



	text-align: center;



	



}



.footer_max a:hover{



	color: var(--i_color);



}











@media screen and (max-width:1600px){







}



@media screen and (max-width:1440px){



	.footer_center {padding: 0 5%;}



	.footer_left {width: 30%;}



	.footer_right {width: 28%;}



	.footer_area {padding: 0.8rem 0 0 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.footer_center {padding: 0 3%;}



	.footer_area {padding: 0.6rem 0 0 0;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.footer_right{display: none;}



	.footer_left {width: 50%;}



	.footer_center {width: 50%;}



}



@media screen and (max-width:767px){



	.footer_left {width: 100%;}



	.footer_center {width: 100%;margin:0 0 0.4rem 0;}



	.footer{flex-wrap: wrap;}



	.footer_center_ul {margin-top: 0.4rem;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}















/* ---------------------about---------------------- */







.about_banner{



	width: 100%;



	margin-top: var(--header_height);



}



.about_banner_img{



	position: relative;



	overflow: hidden;



}



.about_banner_img::after{



	content: '';



	display: block;



	padding-bottom: 14.5%;



}



.about_banner_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.about_banner_text{



	position: absolute;



	top: 50%;



	left: 13%;



	transform: translate(0%,-50%);



	width: 87%;



}



.about_banner_text h2{



	font-size: 0.5rem;



	font-weight: bold;



	color: white;



	text-transform: uppercase;



}







@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.about_banner_text h2 {font-size: 0.45rem;}



	.about_banner_text {left: 10%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.about_banner_text h2 {font-size: 0.4rem;}



	.about_banner_text {left: 8%;}



}



@media screen and (max-width:1025px){



	.about_banner_img::after {padding-bottom: 20%;}



	.about_banner_text {left: 6%;}



}



@media screen and (max-width:959px){



	.about_banner_img::after {padding-bottom: 25%;}



	.about_banner_text h2 {font-size: 0.35rem;}



	.about_banner_text {left: 3%;width: 94%;}



}



@media screen and (max-width:767px){



	.about_banner_img::after {padding-bottom: 30%;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}















/* 当前位置 */



.in_position{padding:14px 0; background:#fff;border-bottom: 1px solid #e5e5e5;}



.in_position a{display:block; float:left; font-size:14px; color:#666; position:relative; line-height:20px; text-transform:uppercase}



.in_position a:first-child{padding-left:24px; background:url(../images/home_b.svg) no-repeat left center; background-size:16px}



.in_position a:not(:last-child):after{content:">"; margin:0 4px; color:#777}



.in_position a:last-child{color:var(--i_color)!important}



.in_position a:hover{color:var(--i_color)}



@media screen and (max-width:959px){



	.in_position a{font-size:15px}



}



@media screen and (max-width:767px){



	.in_position a{font-size:14px}



}



@media screen and (max-width:560px){



	.in_position a{font-size:12px}



}











/* about_us */



.about_us{



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



	padding: 0.6rem 0 1.3rem 0;



	box-sizing: border-box;



}



.about_us_left{



	width: 50%;



}



.about_us_left h2{



    font-size: 0.44rem;



	font-weight: bold;



	color: var(--i_color);



}



.about_us_left h3{



	font-size: 0.5rem;



	color: #333333;



	font-weight: bold;



	margin: 0.15rem 0;



}



.about_us_h4{



	height: 3.45rem;



	overflow: auto;



	box-sizing: border-box;



	padding-right: 1%;



}



.about_us_left h4{



	display: block;



	font-size: 0.16rem;



	line-height: 0.32rem;



	color: #333;



	



}



/*滚动条*/



.about_us_h4::-webkit-scrollbar {



	width: 2px;



	height: 8px



}



.about_us_h4::-webkit-scrollbar-thumb {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	background: var(--i_color)



}



.about_us_h4::-webkit-scrollbar-track {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	border-radius: 0;



	background: #F1F1F1



}







.about_us_left a{



	display: inline-block;



	font-size: 0.2rem;



	color: var(--i_color);



	box-sizing: border-box;



	padding: 0.105rem 0.6rem;



	border: 1px solid var(--i_color);



	margin-top: 0.4rem;



}







.about_us_right{



	width: 47%;



	box-sizing: border-box;



	margin-left: 3%;



	position: relative;



	overflow: hidden;



}



.about_us_right::after{



    content: '';



	display: block;



	padding-bottom: 80%;



}



.about_us_right img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}







.about_us_left a:hover{



	background-color: var(--i_color);



	color: white;



}















@media screen and (max-width:1600px){



	.about_us {padding: 0.6rem 0 1.1rem 0;}



}



@media screen and (max-width:1440px){



	.about_us_left h3 {font-size: 0.45rem;}



	.about_us_left h2 {font-size: 0.4rem;}



	.about_us {padding: 0.6rem 0 1rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.about_us_left h3 {font-size: 0.4rem;}



	.about_us_left h2 {font-size: 0.35rem;}



	.about_us {padding: 0.6rem 0 0.8rem 0;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.about_us {padding: 0.6rem 0;}



}



@media screen and (max-width:767px){



	.about_us_left {width: 100%;}



	.about_us_left h4 {font-size: 14px;}



	.about_us_right {width: 100%;margin-left: 0%;margin-top: 0.4rem;}



	.about_us_right::after {padding-bottom: 72%;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}















/* @media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){







}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



} */











/* about_sheet */



.about_sheet_area{



	background: url('../images/about_us1.jpg') center no-repeat;



	background-size: cover;



	box-sizing: border-box;



	padding: 1.2rem 0 1rem 0;



	background-attachment: fixed;



}



.about_sheet{



    



}



.about_title{



	display: flex;



	display: -webkit-flex;



	flex-direction: column;



	align-items: center;



}



.about_title p{



	font-size: 0.4rem;



	color: white;



	font-weight: bold;



	text-transform: capitalize;



	text-align: center;



	



}



.about_title i{



	display: block;



	width: 1rem;



	height: 0.04rem;



	background-color: #333333;



	position: relative;



	margin-top: 0.2rem;



}



.about_title i::after{



	content: '';



	position: absolute;



	top: 0%;



	left: 0;



	width: 80%;



	height: 100%;



	background-color: var(--i_color);







}



.about_sheet_all{



    margin-top: 0.8rem;



}



















/* 合作伙伴 */



.sheet_partner_box{}







.sheet_partner{position:relative}



.sheet_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}



.sheet_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1;box-sizing: border-box;padding-bottom: 0.8rem;}



.sheet_partner_list .swiper-slide{



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}







.sheet_partner_list .img{width:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,.2); position:relative; }



.sheet_partner_list .img:before{content:""; display:block; padding-bottom:79.5%}



.sheet_partner_list .img img{position:absolute; top:0; left:0;  width:100%; height:100%; object-fit:cover}



.owl-carousel .owl-stage{padding-bottom:50px;}

.swiper-wrapper li:nth-child(even) h2{background-color: var(--i_color) !important;}





.sheet_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}







.sheet_partner_list h2{



	font-size: 0.22rem;



	color: white;



	font-weight: bold;



	box-sizing: border-box;



	padding: 0.15rem 2%;



	background-color: #4d4d4d;



	position: absolute;



    bottom: -0.4rem;



	right: 0;



	width: 90%;



	text-align: center;



}



.sheet_h2{



	bottom: -0.4rem;



	right: unset;



	left: 0;



	background-color: var(--i_color) !important;



}















/* 指示器 */



.sheet_partner .pt-pagination{display:block; text-align:center; margin:20px auto 0}



.sheet_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.sheet_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}







/* 左右箭头 */



.sheet_partner .pt-button-prev, .sheet_partner .pt-button-next{position:absolute; top:43%; transform:translate(0,-50%); width:40px; height:50px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer; outline:none}



.sheet_partner .pt-button-prev:before, .sheet_partner .pt-button-next:before{



	position:absolute;



	top:50%;



	left:50%;



	font-size:30px;



	line-height:30px;



	color:#FFF;



	font-family:-apple-system, simsun, system-ui, sans-serif;



	letter-spacing:-2px;



    -ms-transform:translate(-50%,-50%);



    -webkit-transform:translate(-50%,-50%);



    -moz-transform:translate(-50%,-50%);



    -o-transform:translate(-50%,-50%);



	transform:translate(-50%,-50%);



}



.sheet_partner .pt-button-prev{left:1px}



.sheet_partner .pt-button-prev:before{content:"<"}



.sheet_partner .pt-button-next{right:1px}



.sheet_partner .pt-button-next:before{content:">"}







@media screen and (max-width:1440px){



	.about_title p{font-size: 0.35rem;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.sheet_partner .pt-button-prev, .sheet_partner .pt-button-next{display:none}



	.pt-pagination{display:block}



	.about_title p{font-size: 0.3rem;}



}



@media screen and (max-width:959px){



	.sheet_partner_list h2 {font-size: 0.2rem;}



}



@media screen and (max-width:767px){



	.sheet_partner_list h2 {font-size: 0.18rem;}



}



@media screen and (max-width:560px){



	.pt-pagination{margin:14px auto 0}



	.pt-pagination .swiper-pagination-bullet{width:10px; height:10px}



}















/* about_faq */



.about_faq_area{



    box-sizing: border-box;



	padding: 1.2rem 0;



}



.about_title_black p{



	color: #333;



}



.about_faq{



    display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



	margin-top: 0.7rem;



}



.about_faq_left{



	width: 50%;



	position: relative;



	overflow: hidden;



}



.about_faq_left::after{



	content: '';



	display: block;



	padding-bottom: 60%;



}



.about_faq_left img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.about_faq_right{



	width: 50%;



	box-sizing: border-box;



	padding-left: 3%;



}



.about_faq_ul{







}



.about_faq_ul li{



   margin-bottom: 0.15rem;



}



.about_faq_f{



   display: flex;



   display: -webkit-flex;



   justify-content: space-between;



   align-items: center;



   cursor: pointer;



}



.about_faq_f h3{



    font-size: 0.2rem;



	color: #4d4d4d;



	font-weight: bold;







}



.about_faq_f p{



	display: block;



	width: 0.4rem;



	height: 0.4rem;



	background: url('static/imgs/faq.png') center no-repeat;



	background-size: cover;



	min-width: 0.4rem;



}



.about_faq_ul h4{



	font-size: 0.16rem;



	line-height: 0.32rem;



	color: #333;



	box-sizing: border-box;



	padding: 0.1rem 0;



	display: none;



	border-bottom: 1px solid #c6c6c6;



}



.about_faq_ul li.on p{



	transform: rotate(180deg);



}















@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.about_faq {margin-top: 0.6rem;}



	.about_faq_area {padding: 1rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.about_faq_area {padding: 0.8rem 0;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.about_faq {margin-top: 0.4rem;}



	.about_faq_area {padding: 0.6rem 0;}



}



@media screen and (max-width:767px){



	.about_faq_left {width: 100%;}



	.about_faq_right {width: 100%;padding-left: 0%;margin-top: 0.4rem;}



	.about_faq_f h3 {font-size: 0.25rem;}



	.about_faq_left::after {padding-bottom: 44%;}



}



@media screen and (max-width:560px){



	.about_faq_f h3 {font-size: 0.22rem;}



}



@media screen and (max-width:425px){



	



}



















/* about_why */



.about_why_area{







}



.about_why{



    margin-top: 0.7rem;



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.about_why_left{



	background-color: #3a3a3a;



	width: 50%;



	box-sizing: border-box;



	padding: 0.9rem 4% 0.7rem 13%;



}



.about_why_left p{



	font-size: 0.17rem;



	line-height: 0.3rem;



	color: white;



}







.about_why_right{



	width: 50%;



}



.about_why_right img{



	width: 100%;



	height: 100%;



	object-fit: cover;



}











@media screen and (max-width:1600px){



	.about_why_left{padding: 0.9rem 4% 0.7rem 10%;}



}



@media screen and (max-width:1440px){



	.about_why_left{padding: 0.8rem 4% 0.6rem 8%;}



	.about_why {margin-top: 0.6rem;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.about_why_left{padding: 0.6rem 4% 0.6rem 6%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.about_why_left{padding: 0.6rem 3%;}



	.about_why {margin-top: 0.4rem;}



}



@media screen and (max-width:767px){



	.about_why_left {width: 100%;}



	.about_why_right {



		width: 100%;



		position: relative;



		overflow: hidden;



	}



	.about_why_right::after{



		content: '';



		display: block;



		padding-bottom: 44%;



	}



	.about_why_right img{



		position: absolute;



		top: 50%;



		left: 50%;



		transform: translate(-50%,-50%);



		width: 100%;



		height: 100%;



		object-fit: cover;



	}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}











































/* about_what */



.about_what_area{



	box-sizing: border-box;



	padding: 1rem 0 0.8rem 0;



}



.about_what{



	margin-top: 0.7rem;



}



















/* 合作伙伴 */



.what_partner_box{}







.what_partner{position:relative}



.what_partner_list{width:100%; padding:0.2rem!important;box-sizing: border-box; margin:0 auto; position:relative; overflow:hidden; z-index:1}



.what_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.what_partner_list .swiper-slide{



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



	border:2px solid #dcdcdc;



}







.what_partner_list .img{width:26.7%; box-sizing:border-box;  position:relative;}



.what_partner_list .img:before{content:""; display:block; padding-bottom:74%}



.what_partner_list .img img{ position:absolute; top:42%; left:43%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}











.what_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}







.what_partner_text{



    width: 73.3%;



	box-sizing: border-box;



	padding: 0.7rem 13% 0.5rem 4%;



	position: relative;



}



.what_partner_text::after{



    content: '';



	position: absolute;



	top: -0.3rem;



	right: 0.6rem;



	width: 1.28rem;



	height: 0.9rem;



	background: url('static/imgs/what2.jpg') center no-repeat;



	background-size: cover;



}



.what_partner_text p{



	font-size: 0.18rem;



	line-height: 0.28rem;



	color: #66686b;



	height: 1.12rem;



	overflow: auto;







}



/*滚动条*/



.what_partner_text p::-webkit-scrollbar {



	width: 2px;



	height: 8px



}



.what_partner_text p::-webkit-scrollbar-thumb {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	background: var(--i_color)



}



.what_partner_text p::-webkit-scrollbar-track {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	border-radius: 0;



	background: #F1F1F1



}















/* 指示器 */



.what_partner  .pt-pagination{display:none; text-align:center; margin:20px auto 0}



.what_partner  .pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.what_partner  .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}



























@media screen and (max-width:1440px){



	.what_partner_text {padding: 0.7rem 10% 0.5rem 4%;}



	.about_what_area {padding: 0.8rem 0;}



	.about_what {margin-top: 0.6rem;}



}



@media screen and (max-width:1366px){



	.what_partner_text {padding: 0.7rem 8% 0.5rem 4%;}



}



@media screen and (max-width:1200px){



	.what_partner .pt-button-prev, .what_partner .pt-button-next{display:none}



	.pt-pagination{display:block}



	.what_partner_text {padding: 0.7rem 6% 0.5rem 4%;}



	.about_what_area {padding: 0.7rem 0;}



}



@media screen and (max-width:959px){



	.what_partner_text {padding: 0.7rem 3% 0.5rem 3%;}



	.about_what_area {padding: 0.6rem 0;}



	.about_what {margin-top: 0.4rem;}



}



@media screen and (max-width:767px){



	.what_partner_list .img{display: none;}



	.what_partner_text{



		width: 100%;



	}



	.what_partner_text p{height: auto;}



	



}



@media screen and (max-width:560px){



	.pt-pagination{margin:14px auto 0}



	.pt-pagination .swiper-pagination-bullet{width:10px; height:10px}



}



















/* about_hz */



.about_hz_area{



	box-sizing: border-box;

	padding-top:50px;



}



.about_hz{



	margin: 0.2rem 0;



}



















/* 合作伙伴 */



.hz_partner_box{}







.hz_partner{position:relative}



.hz_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}



.hz_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.hz_partner_list .swiper-slide{



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}







.hz_partner_list .img{width:100%; box-sizing:border-box;  position:relative; overflow:hidden}



.hz_partner_list .img:before{content:""; display:block; padding-bottom:50%}



.hz_partner_list .img img{opacity:.5; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; filter:grayscale(1); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); object-fit:contain}







.hz_partner_list li:hover img{opacity:1; filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0)}



.hz_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}







/* 指示器 */



.hz_partner .pt-pagination{display:none; text-align:center; margin:20px auto 0}



.hz_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.hz_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}







/* 左右箭头 */



.hz_partner .pt-button-prev, .hz_partner .pt-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:40px; height:50px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer; outline:none}



.hz_partner .pt-button-prev:before, .hz_partner .pt-button-next:before{



	position:absolute;



	top:50%;



	left:50%;



	font-size:30px;



	line-height:30px;



	color:#FFF;



	font-family:-apple-system, simsun, system-ui, sans-serif;



	letter-spacing:-2px;



    -ms-transform:translate(-50%,-50%);



    -webkit-transform:translate(-50%,-50%);



    -moz-transform:translate(-50%,-50%);



    -o-transform:translate(-50%,-50%);



	transform:translate(-50%,-50%);



}



.hz_partner .pt-button-prev{left:-40px}



.hz_partner .pt-button-prev:before{content:"<"}



.hz_partner .pt-button-next{right:-40px}



.hz_partner .pt-button-next:before{content:">"}







@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.hz_partner .pt-button-prev, .hz_partner .pt-button-next{display:none}



	.pt-pagination{display:block}



}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	.pt-pagination{margin:14px auto 0}



	.pt-pagination .swiper-pagination-bullet{width:10px; height:10px}



}



















/* about_contact */



.about_contact_area{



	background: url('../images/about_f.jpg') center no-repeat;



	background-size: cover;



	box-sizing: border-box;



	padding: 0.6rem 0 1.8rem 0;



	display: flex;



	display: -webkit-flex;



	flex-direction: column;



	align-items: center;



	position: relative;



	z-index: 2;



}



.about_contact_area h2{



    font-size: 0.4rem;



	color: white;



	text-align: center;



	font-weight: bold;



}



.about_contact_area h3{



    font-size: 0.16rem;



	line-height: 0.32rem;



	color: white;



	text-align: center;



	margin: 0.2rem 0;



}



.about_contact_area a{



    font-size: 0.22rem;



	color: white;



	font-weight: bold;



	text-align: center;



	transition: all 0.3s ease;



}



.about_contact_area a:hover{



	color: var(--i_color2);



}



.about_contact_form{



	background-color: #f2f2f2;



	box-sizing: border-box;



	padding-bottom: 0.8rem;



}



.about_contact_form .home_content_form{



	margin-top: -1.3rem;



	position: relative;



	z-index: 3;



}











@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){







}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	.about_contact_area h3 br{display: none;}



	.about_contact_area h3{box-sizing: border-box;padding: 0 3%;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}















/* ----------------------------------------contact--------------------------------------- */



.contact_form_area{



	box-sizing: border-box;



	padding: 0.6rem 0 0 0;



}



.contact_form_area h2{



    font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.contact_form_area h3{



    font-size: 0.22rem;



	line-height: 0.3rem;



	color: #333;



	text-align: center;



	margin: 0.2rem 0 0.4rem 0;



}



.contact_form{



	background-color: #e9e9e9;



	margin: 0 8.5%;



	box-sizing: border-box;



	padding: 0.6rem 4.2%;



}



.contact_form .home_content_form{



	margin: 0;



}







@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.contact_form {margin: 0 6%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.contact_form {margin: 0 4%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.contact_form {margin: 0 2%;}



	.contact_form {padding: 0.4rem 4.2%;}



}



@media screen and (max-width:767px){



	.contact_form {margin: 0%;}



	.contact_form {padding: 0.3rem 4.2%;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}



















/* contact_us */



.contact_us_area{



    box-sizing: border-box;



	padding: 1rem 0;



	position: relative;



}







.contact_us{



    display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



	box-sizing: border-box;



	padding: 0 8.5%;



}



.contact_us>div{



	width: 50%;



}



.contact_us_left{







}



.contact_us h2{



	font-size: 0.3rem;



	color: #363636;



	font-weight: bold;



	box-sizing: border-box;



	padding-bottom: 0.1rem;



	position: relative;



}



.contact_us h2::after{



	content: '';



	position: absolute;



	bottom: 0;



	left: 0;



	width: 1rem;



	height: 0.03rem;



	background-color: #333;



}



.contact_us h2::before{



	content: '';



	position: absolute;



	bottom: 0;



	left: 0;



	width: 0.8rem;



	height: 0.03rem;



	background-color: var(--i_color);



	z-index: 2;



}



.contact_left_ul{



    box-sizing: border-box;



	padding-right: 5%;



	margin-top: 0.5rem;



}



.contact_left_ul li{



    display: flex;



	display: -webkit-flex;



	align-items: center;



	margin-bottom: 0.3rem;



}



.contact_left_ul li img{



    width: 0.25rem;



	height: 0.3rem;



	object-fit: contain;



	min-width: 0.25rem;



	margin-right: 0.2rem;



	transition: all 0.3s ease;



}



.contact_left_ul li img:hover{



	transform: translateY(-8px);



}



.contact_left_ul li a{



	font-size: 0.16rem;



	color: #1d1d1d;



	transition: all 0.3s ease;



}



.contact_left_ul li a:hover{



	color: var(--i_color);



}







.contact_map{



	width: 100%;



	height: 3.5rem;



	background-color: var(--i_color);



	margin-top: 0.2rem;



}







.contact_map #simpleMap,



.contact_map .fluid-width-video-wrapper,



.contact_map iframe {



        width: 100%;



        height: 100% !important;



}











@media screen and (max-width:1440px){



	.contact_us{padding: 0 6%;}



	.contact_us_area{padding: 0.8rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.contact_us{padding: 0 4%;}



	.contact_us_area{padding: 0.6rem 0;}



}



@media screen and (max-width:960px){



	.contact_us{padding: 0 2%;}



}



@media screen and (max-width:767px){



	.contact_us>div {width: 100%;}



	.contact_us_right{margin-top: 0.2rem;}



	.contact_us{padding: 0%;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}















/* --------------------------advantages---------------------- */



.advantages_area{



    box-sizing: border-box;



	padding:  0.5rem 0 0.9rem 0;



}



.advantages_area h2{



	font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.advantages{



	box-sizing: border-box;



	padding: 0 8.5%;



}



.advantages li{



    margin-top: 0.6rem;



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.advantages_left{



	width: 54%;



	position: relative;



}



.advantages_left::after{



	content: '';



	display: block;



	padding-bottom: 70.5%;



}



.advantages_img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.advantages_i{



	position: absolute;



	top: 50%;



	right: -0.2rem;



	transform: translate(0,-50%);



	width: 0.46rem;



	height: 0.46rem;



	object-fit: cover;



	z-index: 2;



}



.advantages_right{



	width: 46%;



	box-sizing: border-box;



	padding-left: 3%;



	display: flex;



	display: -webkit-flex;



	flex-direction: column;



	justify-content: center;



}







.advantages_right h3{



	font-size: 0.3rem;



	font-weight: bold;



	color: #0070bb;



	box-sizing: border-box;



	padding-bottom: 0.1rem;



	position: relative;



	margin-bottom: 0.2rem;



}



.advantages_right h3::after{



	content: '';



	position: absolute;



    bottom: 0;



	left: 0;



	width: 0.55rem;



	height: 0.04rem;



	background-color: #0070bb;



}



.advantages_right h4{



	font-size: 0.16rem;



	line-height: 0.3rem;



	color: #333333;



}











.advantages li:nth-child(even){



	flex-direction: row-reverse;



}



.advantages li:nth-child(even) .advantages_right{



	padding-left: 0%;



	padding-right: 3%;



}



.advantages li:nth-child(even) .advantages_i{



	right: unset;



	left: -0.2rem;



}















@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.advantages {padding: 0 6%;}







}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.advantages {padding: 0 4%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.advantages {padding: 0 2%;}



}



@media screen and (max-width:767px){



	.advantages {padding: 0%;}



	.advantages_right{width: 100%;margin-top: 0.4rem;}



	.advantages_left {width: 100%;}



	.advantages_right{padding-left: 0;}



	.advantages_right h4{font-size: 14px;}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}



































/* advantages_bule */



.advantages_bule{



	width: 100%;



	background-color: #0070bb;



	box-sizing: border-box;



	padding: 0.58rem 0;



	display: flex;



	display: -webkit-flex;



	align-items: center;



	flex-direction: column;



}



.advantages_bule h2{



	font-size: 0.36rem;



	color: white;



	font-weight: bold;



	text-align: center;



}



.advantages_bule a{



	display: inline-block;



	font-size: 0.16rem;



	color: white;



	border-radius: 0.2rem;



	box-sizing: border-box;



	padding: 0.10rem 0.5rem;



	border: 1px solid white;



    margin-top: 0.3rem;



}











/* ------------------------Honor ----------------------*/



.Honor{



    box-sizing: border-box;



	padding: 0.6rem 0 0.9rem 0;



}



.Honor h2{



	font-size: 0.4rem;



	color: var(--i_color);



	text-align: center;



	font-weight: bold;



}



















/* Exhibition style */



.in_honor {}







.in_honor_list {



	width: calc(100% - 1.4rem);



	box-sizing: border-box;



	padding: 0.6rem 2px !important;



	margin: 0 auto;



	position: relative;



	overflow: hidden



}



.in_honor_list .swiper-wrapper {



	padding: .7rem 0;



	display: -webkit-flex;



	display: flex;



	position: relative;



	width: 100%



}



.in_honor_list .swiper-slide {



	flex-shrink: 0;



	position: relative;



	overflow: hidden;



	cursor: pointer;



}







.in_honor_list .img {



	width: 100%;



	background: #FFF;



	position: relative;



	box-sizing: border-box;



	border: 1px solid #dfe3e5;



	overflow: hidden



}



.in_honor_list .img::before {



	content: "";



	display: block;



	padding-bottom: 130%



}



.in_honor_list .img img {



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%, -50%);



	width: 100%;



	height: 100%;



	object-fit: contain



}











.in_honor_list .swiper-slide-active {



	-webkit-transform: scale(1.4, 1.4);



	transform: scale(1.4, 1.4);



	z-index: 5;



	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);



}



.in_honor_list .swiper-slide-prev,.in_honor_list .swiper-slide-next {



	-webkit-transform: scale(1.2, 1.2);



	transform: scale(1.2, 1.2);



	z-index: 3;



}



/* .in_honor_list .swiper-slide-active::before {



	content: '';



	position: absolute;



	left: 50%;



	transform: translate(-50%, 0);



	bottom: .2rem;



	width: 100%;



	height: 10%;



	background-image: radial-gradient(var(--i_color2) 20%, #FFF 80%);



	-webkit-filter: blur(10px);



	filter: blur(10px)



} */



.in_honor_list .swiper-slide-active .img {



	border-bottom: none;



}



.in_honor_list .swiper-slide-active .txt {



	display: block;



}







.in_honor_list .swiper-slide {



	-webkit-transition: all .5s ease;



	transition: all .5s ease



}











.honor-prev,



.honor-next {



	position: absolute;



    top: 45%;



    transform: translate(0,-50%);



    width: 0.23rem;



    height: 0.41rem;



    z-index: 999;



    cursor: pointer;



    outline: none;



    transition: all 0.3s ease;



}



.honor-prev {



	left: -0.5%;



	background:url(static/imgs/sw_left.png) no-repeat center;



	background-size: cover



}



.honor-next {



	right: -0.5%;



	background:url(static/imgs/sw_right.png) no-repeat center;



	background-size: cover



}



.in_honor_list .swiper-button-disabled {



	cursor: not-allowed



}















.honor-pagination {



	display:none; text-align:center; margin:20px auto 0;display: flex;display: -webkit-flex;align-items: center;justify-content: center;display:none;



}



.honor-pagination .swiper-pagination-bullet{width:0.1rem; height:0.1rem; display:inline-block; margin:0 5px; background:#a8a8a8; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none;opacity: 1;}



.honor-pagination .swiper-pagination-bullet-active {



	background-color: var(--i_color);



}















@media screen and (max-width:1880px){



	



}



@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	



}



@media screen and (max-width:1080px){



	



}



@media screen and (max-width:959px){



	.honor-prev, .honor-next{display: none;}



	.honor-pagination {display:block;}



	.in_honor_list {padding: 0.4rem 2px !important;}



}



@media screen and (max-width:767px){



	.in_honor_list .swiper-slide-active {



		-webkit-transform: scale(1.25, 1.25);



		transform: scale(1.25, 1.25);



	}



	.in_honor_list .swiper-slide-prev, .in_honor_list .swiper-slide-next {



		-webkit-transform: scale(1.1, 1.1);



		transform: scale(1.1, 1.1);



	}



	.in_honor_list {



		width: calc(100% - 0.4rem);



		padding: 0.2rem 0.1rem !important;



	}



	.in_honor_list .swiper-wrapper {



			padding: .4rem 0;



	}



	.zs_bac {



		padding: 0.9rem 0 1.8rem 0;



		border-radius: 1.4rem 1.4rem 0 0;



	}



}



@media screen and (max-width:560px){



	.in_honor_list {



		width: calc(100%);



	}



	.honor-pagination {margin: 0px auto 0;}



	.zs_bac_left {



		width: 100%;



		padding-right: 0%;



	}



	.zs_bac_right {



		width: 100%;



		padding-left: 0%;



	}



	.zs_bac_area {



		flex-wrap: wrap;



	}



	.zs_bac {



		padding: 0.7rem 0 1.6rem 0;



		border-radius: 1.3rem 1.3rem 0 0;



	}



}



@media screen and (max-width:425px){



	



}















/* FACTORY */



.factory{



	box-sizing: border-box;



	padding: 0.6rem 0 0.9rem 0;



}



.factory h2{



	font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.factory_area{







	box-sizing: border-box;



	margin:0 8.3%;



	margin-top: 0.5rem;



}























/* 鍥剧墖鏌ョ湅鍖� */



.in_factory_cont{--sm_pic_width:19%}



.in_factory_cont{ position:relative; overflow:hidden}



.in_factory_cont:before{content:""; display:block; padding-bottom:80.4%}







/* 缂╃暐鍥� */



.in_factory_list_box{ width:100%; height:100%; box-sizing:border-box;}



.in_factory_list{height:100%; overflow:hidden}



.in_factory_list .swiper-slide{cursor:pointer}



.in_factory_list {



    width: calc(100% - 60px);



    margin: 0 auto;



}



.in_factory_list .img{width:100%; height:100%;border-radius: 0rem; box-sizing:border-box;  position:relative; overflow:hidden;}



.in_factory_list .img img{width:100%; height:100%; object-fit:cover;filter: brightness(85%);-webkit-filter: brightness(85%);border-radius: 0rem;}



.in_factory_list .swiper-slide-thumb-active .img{border:2px solid var(--i_color);}



.in_factory_list .swiper-slide-thumb-active img{filter: brightness(100%);-webkit-filter: brightness(100%);}



.infactory-button-prev, .infactory-button-next{



	opacity:.7;



	position:absolute;



	top:50%;



	transform:translate(0%,-50%);



	width:30px;



	height:60px;



	background:#000;



	z-index:999;



	outline:none;



	cursor:pointer;



	-moz-user-select:none;



    -webkit-user-select:none;



    -ms-user-select:none;



    -khtml-user-select:none;



    user-select:none;



	-webkit-transition:all 0.3s ease;



	-moz-transition:all 0.3s ease;



	-ms-transition:all 0.3s ease;



	-o-transition:all 0.3s ease;



	transition:all 0.3s ease;



	}



.infactory-button-prev{left:4px; background:url(static/imgs/arrow_left_hollow_hei.svg) no-repeat center; background-size:contain}



.infactory-button-next{right:4px; background:url(static/imgs/arrow_right_hollow_hei.svg) no-repeat center; background-size:contain}



.infactory-button-prev.swiper-button-disabled, .infactory-button-next.swiper-button-disabled{cursor:not-allowed; opacity:.1}







/* 澶у浘 */



.in_factory_show_box{ width:100%; height:100%; box-sizing:border-box; padding:0 0; margin:0 auto}



.in_factory_show{width:100%; height:100%; box-sizing:border-box; position:relative; overflow:hidden}



.in_factory_show .swiper-wrapper{display:flex; position:relative; width:100%; height:100%; z-index:1}



.in_factory_show .swiper-slide{



	height:100%;



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}







.in_factory_show .img{width:100%; height:100%; position:relative; overflow:hidden}



.in_factory_show .img img{width:100%; height:100%; object-fit:cover;border-radius: 0rem;}







.single_btn{



    position: absolute;



    bottom: -0.8rem;



	left: 50%;



	transform: translate(-50%,0);



	z-index: 3;



	transition: all 0.5s ease;



}



.single_btn a{



	font-size: 0.2rem;



	color: #333333;



	display: inline-block;



	box-sizing: border-box;



	padding: 0.12rem 0.5rem;



	border-radius: 0.3rem;



	text-transform: capitalize;



	background-color: #FFBCDA;



	position: relative;



	overflow: hidden;



}



.single_btn a:before {



    content: "";



    position: absolute;



    width: 100px;



    height: 120%;



    background-color: var(--i_color2);



    top: 50%;



    transform: skewX(30deg) translate(-250%, -50%);



    transition: all 0.7s ease-out;



}



.single_btn a:hover::before {



    transform: skewX(30deg) translate(300%, -50%);



    transition-delay: 0.1s;



}











.in_factory_show_box:hover .single_btn{



	bottom: 0.2rem;



}







.products_single_can{



   display: flex;



   display: -webkit-flex;



   flex-wrap: wrap;



   border-top: 1px solid rgba(0, 0, 0, 0.3);



   border-left: 1px solid rgba(0, 0, 0, 0.3);



}



.products_single_can li{



    width: 50%;



	font-size: 0.16rem;



	color: #333;



	display: flex;



	display: -webkit-flex;



	border-bottom: 1px solid rgba(0, 0, 0, 0.3);



}



.products_single_can p{



	box-sizing: border-box;



	padding: 0.15rem;



}



.products_single_can .products_single_can1{



    width: 30%;



	font-weight: bold;



	box-sizing: border-box;



	border-right: 1px solid rgb(0 0 0 / 30%);



}  



.products_single_can .products_single_can2{



    width: 70%;



	border-right: 1px solid rgb(0 0 0 / 30%);



}























.infactory-pagination{display:none; margin:16px auto 0}



.infactory-pagination .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; margin:0 4px; background:#E5E5E5; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.infactory-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}











.in_factory_cont:before{display:none}



.in_factory_show_box{position:initial; width:100%}



.in_factory_show .img{width:100%; position:relative; overflow:hidden}



.in_factory_show .img:before{content:""; display:block; padding-bottom:60%}



.in_factory_show .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}



.in_factory_list_box{margin-top:0.4rem; padding:0 0; position:relative; width:100%; height:initial}



.in_factory_list{width:calc(100% - 220px); margin:0 auto}



.in_factory_list_box .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.in_factory_list_box .swiper-slide{height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-shrink:0; position:relative; cursor:pointer}



.in_factory_list .img{height:auto}



.in_factory_list .img:before{content:""; display:block; padding-bottom:68%}



.in_factory_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover}



.infactory-button-prev, .infactory-button-next{top:90%; transform:translate(0,-50%); width:30px; height:60px}



.infactory-button-prev{left:0; background:url(static/imgs/arrow_left_hollow_hei.svg) no-repeat center; background-size:40px}



.infactory-button-next{left:initial; right:0; background:url(static/imgs/arrow_right_hollow_hei.svg) no-repeat center; background-size:40px}



















.products_single_right {width: 100%;padding-left: 0%;margin-top: 0.4rem;}



.products_single {justify-content: center;}















.in_factory_list h2{



	position: absolute;



	bottom: 0;



	left: 0;



	width: 100%;



	background-color: rgba(0, 0, 0, 0.8);



	box-sizing: border-box;



	padding: 0.14rem 2%;



	text-align: center;



	color: white;



	font-size: 14px;



	font-weight: bold;



}



























@media screen and (max-width:1440px){



	.factory_area {margin:0.5rem 6% 0 6%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.products_single_can li {width: 100%;}



	.factory_area {margin:0.5rem 4% 0 4%;}



}



@media screen and (max-width:959px){



	.infactory-button-prev {background-size: 30px;}



	.infactory-button-next {background-size: 30px;}



	.in_factory_list {width: calc(100% - 110px);}



	.factory_area {margin:0.4rem 2% 0 2%;}



}



@media screen and (max-width:767px){



	.products_single_left {width: 80%;}



	.products_single_right h2 {font-size: 0.3rem;}



	.in_factory_list h2{display: none;}



	.infactory-button-prev {background-size: 28px;}



	.infactory-button-next {background-size: 28px;}



	.in_factory_list {width: calc(100% - 80px);}



	.factory_area {margin:0.4rem 0% 0 0%;}



}



@media screen and (max-width:560px){



	.products_single_left {width: 100%;}



	.products_single_a p{display: none;}



	.products_single_a i {margin: 0 0.1rem 0 0;}



	.products_single_right h2 {font-size: 0.28rem;}



}











/* history */







.history{



    box-sizing: border-box;



	padding: 0.2rem 0 1.2rem 0;



}



.history h2{



	font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.history_fac{



    box-sizing: border-box;



	display: flex;



	display: -webkit-flex;



	justify-content: center;



	margin: 0.6rem 0;



}



.history_fac>div{



    width: 34%;



	position: relative;



	overflow: hidden;



	margin-right: 1%;



}



.history_fac>div::after{



	content: '';



	display: block;



	padding-bottom: 70%;



}



.history_fac img{



    position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}







.history_text{



    box-sizing: border-box;



	padding: 0 8.3%;



	margin-top: 1rem;



}

.history_text img{max-width:100%}

.history_text p{



    font-size: 0.16rem;



	line-height: 0.32rem;



	color: #333;



}







@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.history_text {padding: 0 6%;margin-bottom: 0.8rem;}



	.history_fac {margin: 0.4rem 0;}



	.history_fac>div {width: 40%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.history_text {padding: 0 4%;margin-bottom: 0.6rem;}



	.history_fac>div {width: 45%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.history_text {padding: 0 2%;margin-bottom: 0.4rem;}

.product-description .x5{width:100%;}

.product-description .x7{width:100%;}

.product-description .padding-large{padding:30px 0 0 0 }

}



@media screen and (max-width:767px){



	.history_text {padding: 0%;}

.article .post h1{font-size:20px;}

}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}



















.history_ul{



	box-sizing: border-box;



	padding: 0 8.3%;



	position: relative;



}



.history_ul::after{



	content: '';



	position: absolute;



	top: 0;



	left: 50%;



	transform: translate(-50%,0);



	width: 0.04rem;



	height: 100%;



	background-color: #f7f7f7;



	z-index: -1;



}



.history_ul li{



	display: flex;



	display: -webkit-flex;



	position: relative;



	justify-content: space-between;



	box-sizing: border-box;



	padding-bottom: 0.2rem;



}



.history_ul li:nth-child(even){



	flex-direction: row-reverse;



}























.history_ul_left{



	width: calc(50% - 0.34rem);



	background-color: #e5e5e5;



	box-sizing: border-box;



	padding: 0.2rem;



}



.history_ul_img{



	width: 100%;



	position: relative;



	overflow: hidden;



}



.history_ul_img::after{



	content: '';



	display: block;



	padding-bottom: 52.5%;



}



.history_ul_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all 0.3s ease;



}



.history_ul_left h3{



	font-size: 0.3rem;



	font-weight: bold;



	color: var(--i_color);



	margin: 0.1rem 0;



	transition: all 0.3s ease;



}



.history_ul_left h4{



    font-size: 0.16rem;



	line-height: 0.26rem;



	color: #333;



}







.history_ul_center{



	width: 0.5rem;



	height: 0.5rem;



	background-color: var(--i_color);



	border-radius: 50%;



	position: absolute;



	top: 0;



	left: 50%;



	transform: translate(-50%,0);



	transition: all 0.3s ease;



    z-index: 3;



}



.history_ul_center img{



	width: 0.23rem;



	height: 0.23rem;



	object-fit: contain;



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



}







.history_ul_right{



	width: calc(50% - 0.34rem);



}



.history_ul_right p{



	font-size: 0.28rem;



	color: var(--i_color);



	font-weight: bold;



	margin-top: 0.08rem;



}







.history_ul li:nth-child(even) .history_ul_right p{



	text-align: right;



}







.history_ul li::after{



	content: '';



	position: absolute;



	bottom: 0;



	left: 50%;



	transform: translate(-50%,0);



	width: 0.04rem;



	height: 0;



	background-color: #28a675;



	transition: all 1s ease;



	z-index: 2;



}



.history_ul li:hover{



	position: relative;



}



.history_ul li:hover .history_ul_center{



	background-color: #28a675;



}



.history_ul li:hover::after{



	height: 100%;



	top: 0;



	bottom: auto;



}







.history_ul li:hover .history_ul_img img{



	width: 110%;



	height: 110%;



}



.history_ul li:hover .history_ul_left h3{



	color: #28a675;



}







@media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	.history_ul {padding: 0 6%;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.history_ul {padding: 0 4%;}



	.history_ul_left h3 {font-size: 0.25rem;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.history_ul {padding: 0 2%;}



}



@media screen and (max-width:767px){



	.history_ul {padding: 0%;}



}



@media screen and (max-width:560px){



	.history_ul_left h3 {font-size: 0.2rem;}



	.history_ul_left {padding: 0.15rem;}



}



@media screen and (max-width:425px){



	



}











/* news */







.news_all{



   box-sizing: border-box;



   padding: 0.4rem 0 1.2rem 0;



   display: flex;



   display: -webkit-flex;



}



.news_all_left{



   width: calc(100% - 3rem);



   box-sizing: border-box;



   padding-right: 3%;



}



.news_all_right{



	width: 3rem;



}



.news_all_left h2{



	font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.news_all_ul{



    box-sizing: border-box;



	padding:  0.4rem 0;



}



.news_all_ul li{



    box-sizing: border-box;



	padding-bottom: 0.22rem;



	border-bottom: 1px solid #cccccc;



	margin-bottom: 0.22rem;



}



.news_all_ul li:hover .news_all_text h3{



    color: var(--i_color);



}



.news_all_ul li a{



	display: flex;



	display: -webkit-flex;



	width: 100%;



}



.news_all_ul .news_all_data{



	font-size: 0.14rem;



	color: #1a1a1a;



	position: relative;



	width: 0.8rem;



	line-height: 0.32rem;



}



.news_all_ul .news_all_data::after{



	content: '';



	position: absolute;



	top: 0.42rem;



	left: 0;



	width: 0.17rem;



	height: 0.05rem;



	background: url('static/imgs/dan.png') center no-repeat;



	background-size: contain;



}



.news_all_text{



	width: calc(76% - 0.8rem);



	box-sizing: border-box;



	padding: 0 2%;



}



.news_all_text h3{



    font-size: 0.18rem;



	line-height: 0.32rem;



	font-weight: bold;



	color: #000000;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 2;



   height: 0.64rem;



   transition: all 0.3s ease;



}



.news_all_text h4{



	font-size: 0.16rem;



	line-height: 0.3rem;



	color: #666666;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 3;



   height: 0.9rem;



}











.news_all_img{



	width: 24%;



	position: relative;



	overflow: hidden;



}



.news_all_img::after{



	content: '';



	display: block;



	padding-bottom: 61%;



}



.news_all_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all 0.3s ease;



}



.news_all_ul li:hover .news_all_img img{



	width: 110%;



	height: 110%;



}



/* 页数 */



/* Number of pages */



.in_page_box {



	text-align: center;



	overflow: hidden;



	margin-top: 0.2rem;



}



.in_page {



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	justify-content: center;



	align-items: center;



}



.in_page li {



	margin: 0 .04rem;



}



.in_page a,



.in_page span {



	display: block;



    padding: 0 .17rem;



    line-height: .4rem;



    font-size: .14rem;



    color: #666;



    background: #FFF;



    border: 1px solid var(--border_color);



    overflow: hidden;



    transition: all 0.3s ease;



    border-radius: 0.4rem;



}



.in_page li{



	margin:0 0.04rem;



}



.in_page>i {



	margin-left: 0.1rem;



	font-size: 0rem;



	color: #888;



}







.in_page a:hover,



.in_page .active_page a,



.in_page .active_page span {



	border-color: var(--i_color) !important;



	background: var(--i_color);



	color: #FFF !important



}







@media screen and (max-width:1024px) {







	.in_page a,



	.in_page span {



		    padding: 0 0.15rem;



		    line-height: 0.35rem;



			font-size: 0.14rem;



			border-radius: 0.3rem;



	}



	.in_page_box {margin-top: 0.4rem;}



}



@media screen and (max-width:767px) {



	.in_page>i {



			display: block;



			width: 100%;



			margin-top: 0.1rem;



			font-size: 0rem;



	}



	



}



@media screen and (max-width:560px){



	



}



  



.news_recent{







}



.news_all_h5{



    font-size: 0.22rem;



	font-weight: bold;



	color: white;



	box-sizing: border-box;



	padding: 0.24rem 7%;



	background-color: #3a3a3a;



}



.news_recent_ul{







}



.news_recent_ul li{



    border-bottom: 1px solid #ebebeb;



	position: relative;



}



.news_recent_ul li::after{



	content: '';



	position: absolute;



	top: 50%;



	left: 0;



	transform: translate(0,-50%);



	width: 0.02rem;



	height: 80%;



	background-color: var(--i_color);



}



.news_recent_ul li a{



	display: flex;



	display: -webkit-flex;



	box-sizing: border-box;



	padding: 0.2rem 7%;



}



.news_recent_img{



	width: 31%;



	position: relative;



}



.news_recent_img::after{



	content: '';



	display: block;



	padding-bottom: 67%;



}



.news_recent_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.news_recent_text{



	width: 69%;



	box-sizing: border-box;



	padding-left: 5%;



}



.news_recent_text p{



	font-size: 0.14rem;



	color: #000000;



	line-height: 0.2rem;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 2;



   height: 0.4rem;



   transition: all 0.3s ease;



}



.news_recent_ul li:hover .news_recent_text p{



	color: var(--i_color);



}



.news_recent_text span{



	display: block;



	font-size: 0.14rem;



	color: var(--i_color);



	line-height: 0.23rem;



}







.news_products_ul{







}



.news_products_ul li{



   box-sizing: border-box;



   position: relative;



   border-bottom: 1px solid #ebebeb;



}







.news_products_ul li>a{



   box-sizing: border-box;



   padding: 0.2rem 7%;



   font-size: 0.2rem;



   color: #333333;



   font-weight: bold;



   display: block;



   position: relative;



   transition: all 0.3s ease;

   text-transform: capitalize;



}



.news_products_ul li:hover>a{



	color: var(--i_color);



}



.news_products_ul li>a::after{



	content: '';



	position: absolute;



	top: 50%;



	left: 0;



	transform: translate(0,-50%);



	width: 0.02rem;



	height: 80%;



	background-color: var(--i_color);



}



.news_products_ul i{



   display: block;



   width: 0.4rem;



   height: 0.5rem;



   background: url('static/imgs/fff.png') center no-repeat;



   background-size: 0.17rem;



   position: absolute;



   top: 0.04rem;



   right: 7%;



   cursor: pointer;



}



.news_products_ul dl{



   display: none;



}



.news_products_ul dl dt{







}



.news_products_ul dl dt a{



   box-sizing: border-box;



   padding: 0.15rem 10%;



   display: block;



   font-size: 0.14rem;



   color: #333;



   transition: all 0.3s ease;



}



.news_products_ul dl dt a:hover{



	color: var(--i_color);



}



.news_products_active1>a{



	color: var(--i_color) !important;



}



.news_products_active2>a{



	color: var(--i_color) !important;



}











.news_form{







}



.news_form h5{



	text-align: center;



}



.news_form_area{



	box-sizing: border-box;



	padding: 0.2rem 7%;



	border: 1px solid #ebebeb;



}



















/* contact 表单 */







#wpforms-120 {



	--input_font_size: 16px;



	--input_height: .4rem



}



#wpforms-form-120 {



	width: 100%;



	position: relative;



	overflow: hidden



}







#wpforms-120 input,



#wpforms-120 button {



	margin: 0;



	padding: 0;



	border: none;



	background: none



}



#wpforms-120 .wpforms-field {



	padding: 0;



	margin: 0



}



#wpforms-120 .wpforms-field-label {



	font-size: 0;



}



#wpforms-120 .wpforms-required-label {



	position: absolute;



	top: .14rem;



	left: .05rem;



	font-size: .16rem;



	color: #F00



}



#wpforms-120 .wpforms-field {



	width: 100%;



	background: transparent;



	padding-bottom: .2rem;



	position: relative;



	overflow: hidden



}







#wpforms-120 .wpforms-field-container input,



#wpforms-120 textarea {



	width: 100%;



	max-width: 100% !important;



	min-width: 100%;



	font-size: var(--input_font_size);



	color: #333;



	height: var(--input_height);



	box-sizing: border-box;



	background: #f3f8fb;



	padding: 0 .2rem;



	overflow: hidden;



	-webkit-transition: all .5s ease;



	transition: all .5s ease;



	border: 1px solid transparent;



}



#wpforms-120 .wpforms-field-container input:hover,



#wpforms-120 textarea:hover {



	border-color: var(--i_color);



}



#wpforms-120 input {



	line-height: var(--input_height);



	border-radius: 0.04rem;



}



#wpforms-120 textarea {



	line-height: .22rem;



	min-height: 1rem;



	padding: .08rem .16rem;



	border-radius: .04rem;



}







#wpforms-120 input::-webkit-input-placeholder,



#wpforms-120 textarea::-webkit-input-placeholder {



	color: #b3b3b3;



	font-size: var(--input_font_size)



}



#wpforms-120 input::-moz-placeholder,



#wpforms-120 textarea::-moz-placeholder {



	color: #b3b3b3;



	font-size: var(--input_font_size)



}



#wpforms-120 input::-ms-input-placeholder,



#wpforms-120 textarea::-ms-input-placeholder {



	color: #b3b3b3;



	font-size: var(--input_font_size)



}







#wpforms-120-field_1-error,



#wpforms-120-field_2-error,



#wpforms-120-field_3-error,



#wpforms-120-field_4-error,



#wpforms-120-field_5-error,



#wpforms-120-field_6-error {



	position: absolute;



	font-size: 12px;



	color: #A90909;



}







#wpforms-120 .wpforms-field-container {



	width: 100%;



	display: -webkit-flex;



	display: flex;



	flex-wrap: wrap;



	justify-content: space-between;



	overflow: hidden



}



#wpforms-120 .wpforms-submit-container {



	padding: 0 !important;



	overflow: hidden;



	position: relative;



	display: flex;



	display: -webkit-flex;



	justify-content: flex-end;



}







#wpforms-120 .wpforms-submit-container button {



	width: 1.5rem;



	height: .42rem;



	font-size: .14rem;



	font-weight: bold;



	color: white;



	background: var(--i_color);



	line-height: .42rem;



	cursor: pointer;



	position: relative;



	-webkit-border-radius: .04rem;



	border-radius: .04rem;



	z-index: 2;



	transition: all 0.3s ease;



}



#wpforms-120 .wpforms-submit-container button:hover {



	background-color: var(--i_color2);



}



#wpforms-120 .wpforms-submit-container img {



	position: absolute;



	top: 50%;



	transform: translate(0, -50%);



	right: 4px



}















#wpforms-120 .wpforms-submit-container button{



    position: relative;



	overflow: hidden;



}















@media screen and (max-width:1600px){







}



@media screen and (max-width:1440px){



	.news_all {padding: 0.4rem 0 1rem 0;}



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.news_all {padding: 0.4rem 0 0.6rem 0;}



}



@media screen and (max-width:1025px){



	.news_all_right{display: none;}



	.news_all_left {width: 100%;padding-right: 0%;}



}



@media screen and (max-width:959px){



	.news_all {padding: 0.4rem 0;}



}



@media screen and (max-width:767px){







}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



}







/* -----------------single_news----------------- */







.single_news{



	display: flex;



	display: -webkit-flex;



	box-sizing: border-box;



	padding: 0.4rem 0 0.8rem 0;



}



.single_news_left{



	width: calc(100% - 3rem);



	box-sizing: border-box;



	padding-right: 3%;



}



.single_news_right{



	width: 3rem;



}







.single_news_left h1{



	font-size: 0.4rem;



	color: var(--i_color);



	font-weight: bold;



	text-align: center;



}



.single_news_left article{



	font-size: 0.16rem;



	color: #333333;



	line-height: 0.3rem;



	max-width: 100%;



	overflow: auto;



	margin-top: 0.4rem;



}







/*滚动条*/



.single_news_left article::-webkit-scrollbar {



	width: 3px;



	height: 2px



}



.single_news_left article::-webkit-scrollbar-thumb {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	background: #555



}



.single_news_left article::-webkit-scrollbar-track {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	border-radius: 0;



	background: #F1F1F1



}















@media screen and (max-width:1025px){



	.single_news_right{display: none;}



	.single_news_left {width: 100%;padding-right: 0%;}



}















/* ----------------------products ------------------------*/







.products_banner_img{







}



.products_banner_img::after{



	padding-bottom: 30%;



}







.products_banner_text{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	box-sizing: border-box;



	padding: 0 5%;



	display: flex;



	display: -webkit-flex;



}



.products_banner_left{



	width: 50%;



}



.products_banner_left h2{



	font-size: 0.26rem;



	color: white;



	line-height: 0.5rem;



}



.products_banner_left h3{



	font-size: 0.44rem;



	color: white;



	font-weight: bold;



	text-transform: uppercase;



	margin: 0.3rem 0;



}



.products_banner_left a{



	font-size: 0.15rem;



	color: white;



	box-sizing: border-box;



	padding: 0.12rem 0.3rem;



	border-radius: 0.2rem;



	display: inline-block;



	border: 1px solid white;



}















.products_banner_right{



	width: 50%;



	box-sizing: border-box;



	padding-left: 4%;



	



}



.products_banner_form{



	background: rgba(255, 255, 255, 0.3);



	box-sizing: border-box;



	padding: 0.2rem;



	box-sizing: border-box;



	border-radius: 0.15rem;



    border: 1px dashed white;



}



.products_banner_form h2{



	font-size: 0.22rem;



	color: white;



	text-align: center;



	margin-bottom: 0.2rem;



}











@media screen and (max-width:1600px){



	.products_banner_text {padding: 0 3%;}



}



@media screen and (max-width:1440px){



	.products_banner_text {padding: 0%;}



}



@media screen and (max-width:1366px){

	.products_banner_img::after{



		padding-bottom: 40%;

	

	}

	



}



@media screen and (max-width:1200px){



	.products_banner_img::after {padding-bottom: 54%;}



}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	.products_banner_img::after {padding-bottom: 64%;}



	.products_banner_right{display: none;}



	.products_banner_right {width: 100%;padding-left: 0%;}

	.products_banner_left {

		width: 100%;

	}

	.products_banner_left h3 {font-size: 0.4rem;}





}



@media screen and (max-width:767px){



	.products_banner_img::after {padding-bottom: 74%;}

    .products_banner_left h3 {font-size: 0.3rem;}

	.products_banner_img{display: none;}



}



@media screen and (max-width:560px){



	.products_banner_img::after {padding-bottom: 84%;}

	.products_banner_left h3 {font-size: 0.25rem;}

}



@media screen and (max-width:425px){



	.products_banner_img::after {padding-bottom: 104%;}



}



















/* @media screen and (max-width:1600px){



	



}



@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){







}



@media screen and (max-width:1025px){







}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



} */



























/* 侧边客服 表单 */















#wpforms-123{--input_font_size:0.16rem; --input_height:0.42rem}







#wpforms-123{width:100%; margin:0 auto; padding:0}











#wpforms-123 input, #wpforms-123 button{margin:0; padding:0; border:none; background:none}







#wpforms-123 .wpforms-field{padding:0; margin:0}







#wpforms-123 .wpforms-error-container{line-height:16px}















#wpforms-123 .wpforms-field-container{width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; overflow:hidden}







#wpforms-123 .wpforms-submit-container{padding:0!important; width:1.5rem; height:var(--input_height); background:var(--i_color);border-radius: 0rem; position:relative;}







































#wpforms-123 .wpforms-field{



	position: relative;



}







#wpforms-123 .wpforms-field-label{



	font-size: 0;



}







#wpforms-123 .wpforms-field-label span{



	position: absolute;



	top: 15px;



	left: 3px;



	font-size: 0.14rem;



    color: red;



}







#wpforms-123 .wpforms-field{width:100%; padding-bottom:20px; background:transparent; overflow:hidden}







#wpforms-123 .wpforms-field:nth-child(1),#wpforms-123 .wpforms-field:nth-child(3){margin-right:20px}







#wpforms-123 .wpforms-field:nth-child(1), #wpforms-123 .wpforms-field:nth-child(2){width:calc(50% - 10px)}



#wpforms-123 .wpforms-field:nth-child(3), #wpforms-123 .wpforms-field:nth-child(4){width:calc(50% - 10px)}











#wpforms-123 input{height:var(--input_height)}







#wpforms-123 textarea{min-height:100px}







#wpforms-123 input, #wpforms-123 textarea{width:100%;border: 0; max-width:100%!important; font-size:var(--input_font_size);border-radius: 0.05rem;background-color: white; color:#222; box-sizing:border-box; line-height:var(--input_height); padding:0 10px}















#wpforms-123 input::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 input::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 textarea::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-123 textarea::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}















#wpforms-123 #wpforms-123-field_1-error, #wpforms-123 #wpforms-123-field_2-error, #wpforms-123 #wpforms-123-field_3-error, #wpforms-123 #wpforms-123-field_4-error{position:absolute; font-size:14px}















#wpforms-123 .wpforms-submit-container button{overflow: hidden;border-radius: 0rem; width:100%; height:var(--input_height); font-size:16px; color:#FFF; line-height:var(--input_height); cursor:pointer; position:relative; z-index:2}







#wpforms-123 .wpforms-submit-container img{position:absolute; top:50%; transform:translate(0,-50%); right:4px}



















#wpforms-123 .wpforms-submit-container:hover{



	background-color: var(--i_color2);



}































@media screen and (max-width:1440px){







}



@media screen and (max-width:1366px){







}



@media screen and (max-width:1200px){







}



@media screen and (max-width:959px){







}



@media screen and (max-width:767px){







}



@media screen and (max-width:560px){







}















/*--------------------------------- products---------------------------------------- */







.products{



	display: flex;



	display: -webkit-flex;



	box-sizing: border-box;



	padding: 0.75rem 0;



	flex-wrap: wrap;



}



.products_left{



	width: 3rem;



}



.products_right{



	width: calc(100% - 3rem);



}

.pro_area h2{

	font-size: 0.26rem;

    color: #333;

    font-weight: bold;

    text-transform: capitalize;

	box-sizing: border-box;

	padding-left: 2%;

}

.pro_area h3{

	font-size: 0.18rem;

    line-height: 0.32rem;

    color: #333;

    margin: 0.2rem 0 0.4rem 0;

	box-sizing: border-box;

	padding-left: 2%;

}















.products_right_ul{



    display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.products_right_ul li{



    width: 30.33%;



	margin-left: 3%;



	margin-bottom: 0.2rem;



}







.products_right_ul li a{



	display: block;



	width: 100%;



}



.products_right_img{



	width: 100%;



	position: relative;



	overflow: hidden;



}



.products_right_img::after{



	content: '';



	display: block;



	padding-bottom: 100%;



}



.products_right_img img{



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%);



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all 0.3s ease;



}







.products_right_text{







}



.products_right_text p{



	font-size: 0.16rem;



	line-height: 0.24rem;



	color: #000000;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 3;



   height: 0.72rem;



   transition: all 0.3s ease;



}



.products_right_text span{



	display: inline-block;



	box-sizing: border-box;



	padding: 0.12rem 0.15rem;



	color: white;



	font-size: 0.14rem;



	background-color: var(--i_color);



	margin-top: 0.2rem;

	transition: all 0.3s ease;



}



.products_right_ul li:hover .products_right_text span{

	background-color: var(--i_color2);

}



.products_right_text{



	box-sizing: border-box;



}







.products_right_ul li:hover img{



	width: 105%;



	height: 105%;



}







.products_right_ul li:hover p{



    color: var(--i_color);



}



.products_left ion-icon{display: none;}







@media screen and (max-width:959px){



	.products_left {width: 100%;}



    .products_left .news_products_ul li>a{padding: 0.2rem 2%;}



	.news_products_ul i {width: 0.5rem;right: 2%;background-size: contain;}



	.products_left .news_products_ul dl dt a {padding: 0.15rem 4%;}



	.products_left h5{



		display: flex;



		display: -webkit-flex;



		align-items: center;



		justify-content: center;



	}



	.products_left ion-icon{



		display: block;



		font-size: 0.25rem;



		color: white;



		margin-left: 0.1rem;



	}



	.products_right {



		width: 100%;



		margin-top: 0.4rem;



	}



}



@media screen and (max-width:767px){



	.products_right_ul li {



		width: 49%;



		margin-left: 2%;



	}



	.products_right_ul li:nth-child(odd){



		margin-left: 0;



	}

	

	.products{

		padding: 0.4rem 0;

	}



}



@media screen and (max-width:560px){



	



}



@media screen and (max-width:425px){



	



} 











/* -----------------------------single-grid -------------------------*/



.grids{



	display: flex;



	display: -webkit-flex;



	box-sizing: border-box;



	flex-wrap: wrap;



	padding: 0.5rem 0;



}







.grids_left{



    width: 47.5%;



}



.grids_right{







}







/* 鍥剧墖鏌ョ湅鍖� */



.in_grid_cont{--sm_pic_width:17%}



.in_grid_cont{background:#FFF; position:relative; overflow:hidden}



.in_grid_cont:before{content:""; display:block; padding-bottom:80.4%}







/* 缂╃暐鍥� */



.in_grid_list_box{position:absolute; top:0; left:0; width:var(--sm_pic_width); height:100%; box-sizing:border-box; padding:40px 0}



.in_grid_list{height:100%; overflow:hidden}



.in_grid_list .swiper-slide{cursor:pointer}







.in_grid_list .img{width:100%; height:100%; box-sizing:border-box; border:2px solid var(--border_color); position:relative; overflow:hidden;}



.in_grid_list .img img{width:100%; height:100%; object-fit:cover;filter: brightness(85%);-webkit-filter: brightness(85%);}



.in_grid_list .swiper-slide-thumb-active .img{border:2px solid var(--i_color);}



.in_grid_list .swiper-slide-thumb-active img{filter: brightness(100%);-webkit-filter: brightness(100%);}



.ingrid-button-prev, .ingrid-button-next{



	opacity:.7;



	position:absolute;



	left:50%;



	transform:translate(-50%,0);



	width:60px;



	height:30px;



	background:#000;



	z-index:999;



	outline:none;



	cursor:pointer;



	-moz-user-select:none;



    -webkit-user-select:none;



    -ms-user-select:none;



    -khtml-user-select:none;



    user-select:none;



	-webkit-transition:all 0.3s ease;



	-moz-transition:all 0.3s ease;



	-ms-transition:all 0.3s ease;



	-o-transition:all 0.3s ease;



	transition:all 0.3s ease;



	}



.ingrid-button-prev{top:4px; background:url(static/imgs/arrow_up_hollow_hei.svg) no-repeat center; background-size:contain}



.ingrid-button-next{bottom:4px; background:url(static/imgs/arrow_down_hollow_hei.svg) no-repeat center; background-size:contain}



.ingrid-button-prev.swiper-button-disabled, .ingrid-button-next.swiper-button-disabled{cursor:not-allowed; opacity:.1}







/* 澶у浘 */



.in_grid_show_box{position:absolute; top:0; right:0; width:calc(100% - var(--sm_pic_width) - 20px); height:100%; box-sizing:border-box; padding:0 0; margin:0 auto}



.in_grid_show{width:100%; height:100%; box-sizing:border-box; border:1px solid var(--border_color); position:relative; overflow:hidden}



.in_grid_show .swiper-wrapper{display:flex; position:relative; width:100%; height:100%; z-index:1}



.in_grid_show .swiper-slide{



	height:100%;



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}







.in_grid_show .img{width:100%; height:100%; position:relative; overflow:hidden}



.in_grid_show .img img{width:100%; height:100%; object-fit:cover}







.ingrid-pagination{display:none; margin:16px auto 0}



.ingrid-pagination .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; margin:0 4px; background:#E5E5E5; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.ingrid-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}







.in_grid_cont:before{display:none}



.in_grid_show_box{position:initial; width:100%}



.in_grid_show .img{width:100%; position:relative; overflow:hidden}



.in_grid_show .img:before{content:""; display:block; padding-bottom:100%}



.in_grid_show .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}



.in_grid_list_box{margin-top:10px; padding:0 0; position:relative; width:100%; height:initial}



.in_grid_list{width:calc(100% - 60px); margin:0 auto}



.in_grid_list_box .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.in_grid_list_box .swiper-slide{height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-shrink:0; position:relative; cursor:pointer}



.in_grid_list .img{height:auto}



.in_grid_list .img:before{content:""; display:block; padding-bottom:61%}



.in_grid_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover}



.ingrid-button-prev, .ingrid-button-next{top:50%; transform:translate(0,-50%); width:30px; height:50px;background-color: #282828;}



.ingrid-button-prev{left:0; background:#282828 url(static/imgs/arrow_left_hollow_heiss.svg) no-repeat center; background-size:18px}



.ingrid-button-next{left:initial; right:0; background:#282828 url(static/imgs/arrow_right_hollow_heiss.svg) no-repeat center; background-size:18px}







.ingrid-button-prev:hover{



	background:#0070bb url(static/imgs/arrow_left_hollow_heiss.svg) no-repeat center;



	background-size:18px



}



.ingrid-button-next:hover{



	background:#0070bb url(static/imgs/arrow_right_hollow_heiss.svg) no-repeat center;



	background-size:18px



}















@media screen and (max-width:1440px){



	



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	



}



@media screen and (max-width:959px){



	



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	



}











.grids_right{



	width: 52.5%;



	box-sizing: border-box;



	padding-left: 4%;



}



.grids_right h1{



	font-size: 0.34rem;



	line-height: 0.36rem;



	font-weight: bold;



	color: var(--i_color);



	text-transform: uppercase;



}



.grids_right h2{



	font-size: 0.16rem;



	line-height: 0.28rem;



	color: #333333;



	margin: 0.2rem 0;



}



.grids_right h3{



	font-size: 0.2rem;



	line-height: 0.28rem;



	font-weight: bold;



	color: #333;



}



.grids_right_ul{



    margin: 0.25rem 0 0.4rem 0;



}



.grids_right_ul p{ 



    display: flex;



	display: -webkit-flex;



    margin-bottom: 0.15rem;

	position:relative;



}



.grids_right_ul p:before{



	display: block;



	width: 0.16rem;



	min-width: 0.16rem;



	height: 0.16rem;



	background: url('../images/dui.png') center no-repeat;



	background-size: 0.16rem;



	margin-top: 0.01rem;

	content: '';

    position: absolute;

	left:0;



}



.grids_right_ul p{



	font-size: 0.16rem;



	line-height: 0.2rem;



	color: #333333;



	margin-left: 0.1rem;

	padding-left:20px;



}



.cp_xq h1{color:#0070bb}



.grids_right_btn{







}



.grids_right_btn a{



	display: block;



	width: 1.8rem;



}



.grids_right_btn p{



	font-size: 0.16rem;



	color: white;



	



	text-align: center;



	box-sizing: border-box;



	padding: 0.12rem 0;



	background-color: var(--i_color);



	transition: all 0.3s ease;



	cursor: pointer;



}



.grids_right_btn p:hover{



	background-color: var(--i_color2);



}



.grids_right_btn p:hover{



	background-color: var();



}











@media screen and (max-width:959px){



	.grids_right {width: 100%;padding-left: 0%;margin-top: 0.4rem;}



	.grids {justify-content: center;}



	.grids_left {width: 50%;}



}



@media screen and (max-width:767px){



	.grids_left {width: 80%;}



}



@media screen and (max-width:560px){



	.grids_left {width: 100%;}



}











/* grids_area */



.grids_area{







}



.grids_area>h2{



	font-size: 0.25rem;



	color: white;



	font-weight: bold;



	box-sizing: border-box;



	padding: 0.14rem 4%;



	background-color: var(--i_color);



	position: relative;



}



.grids_area>h2::after{



	content: '';



	position: absolute;



	top: -0.19rem;



	left: 0;



	width: 0.2rem;



	height: 0.2rem;



	clip-path: polygon(100% 0, 0% 100%, 100% 100%);



	background-color: #89a9cf;



	z-index: -1;



}







.grids_area>h2::before{



	content: '';



	position: absolute;



	top: -0.19rem;



	right: 0;



	width: 0.2rem;



	height: 0.2rem;



	clip-path: polygon(0 0, 0% 100%, 100% 100%);



	background-color: #89a9cf;



	z-index: -1;



}



.grids_area article{



	font-size: 0.16rem;



	line-height: 0.28rem;



	color: #333;



	box-sizing: border-box;



	padding: 0.4rem 0;



}



.grids_area article  li {



    list-style: disc !important;



    margin: 10px 17px !important;



}



/*滚动条*/



.grids_area article::-webkit-scrollbar {



	width: 3px;



	height: 2px



}



.grids_area article::-webkit-scrollbar-thumb {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	background: var(--i_color)



}



.grids_area article::-webkit-scrollbar-track {



	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);



	border-radius: 0;



	background: #F1F1F1



}



/* hot_grids */



.hot_grids{



	box-sizing: border-box;



	padding: 1rem 0;



}



.hot_grids_area{



    margin-top: 0.2rem;



}











/* 合作伙伴 */



.hot_partner_box{}







.hot_partner{position:relative}



.hot_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}



.hot_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.hot_partner_list .swiper-slide{



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}



.hot_partner_list .swiper-slide a{



	display: block;



	width: 100%;



}



.hot_partner_list .img{width:100%; box-sizing:border-box; position:relative; overflow:hidden}



.hot_partner_list .img:before{content:""; display:block; padding-bottom:90%}



.hot_partner_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain}











.hot_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}







.hot_partner_list p{



	font-size: 0.2rem;



	line-height: 0.24rem;



	color: #000000;



	box-sizing: border-box;



	padding: 0.1rem 4%;



}















/* 指示器 */



.hot_partner .pt-pagination{display:none; text-align:center; margin:20px auto 0}



.hot_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.hot_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}







/* 左右箭头 */



.hot_partner .pt-button-prev, .hot_partner .pt-button-next{position:absolute; top:50%; transform:translate(0,-50%);border-radius: 50%; width:0.6rem; height:0.6rem;border: 1px solid #303030; z-index:999; cursor:pointer; outline:none;transition: all 0.3s ease;}



.hot_partner .pt-button-prev:before, .hot_partner .pt-button-next:before{



	position:absolute;



	top:50%;



	left:50%;



	font-size:30px;



	line-height:30px;



	color:#303030;



	font-family:-apple-system, simsun, system-ui, sans-serif;



	letter-spacing:-2px;



    -ms-transform:translate(-50%,-50%);



    -webkit-transform:translate(-50%,-50%);



    -moz-transform:translate(-50%,-50%);



    -o-transform:translate(-50%,-50%);



	transform:translate(-50%,-50%);



	transition: all 0.3s ease;



}



.hot_partner .pt-button-prev{left:-0.6rem}



.hot_partner .pt-button-prev:before{content:"<"}



.hot_partner .pt-button-next{right:-0.6rem}



.hot_partner .pt-button-next:before{content:">"}







.hot_partner .pt-button-prev:hover, .hot_partner .pt-button-next:hover{



	border: 1px solid var(--i_color);



}



.hot_partner .pt-button-prev:hover::before, .hot_partner .pt-button-next:hover::before{



	color: var(--i_color);



}







@media screen and (max-width:1440px){



	.hot_grids {padding: 0.8rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.hot_partner .pt-button-prev, .hot_partner .pt-button-next{display:none}



	.hot_partner .pt-pagination{display:block}



}



@media screen and (max-width:959px){



	.hot_grids {padding: 0.6rem 0;}



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	.hot_partner .pt-pagination{margin:14px auto 0}



	.hot_partner .pt-pagination .swiper-pagination-bullet{width:10px; height:10px}



}











/* --------------grids_form------------- */



.grids_form_area{



	background: url('static/imgs/grid_form.jpg') center no-repeat;



	background-size: cover;



	box-sizing: border-box;



	padding: 1rem 0;



	background-attachment: fixed;



}



.grids_form{



	display: flex;



	display: -webkit-flex;



	flex-wrap: wrap;



}



.grids_form_left{



	width: 50%;



}



.logo_white{



	height: 0.5rem;



}



.grids_form_left h2{



	font-size: 0.3rem;



	color: #b3b3b3;



	font-weight: bold;



	margin: 0.2rem 0 1rem 0;



}



.grids_form_ul{







}



.grids_form_ul li{



    display: flex;



	display: -webkit-flex;



	align-items: center;



	margin-bottom: 0.5rem;



}



.grids_form_ul img{



	width: 0.56rem;



	height: 0.56rem;



	transition: all 0.3s ease;



}



.grids_form_ul img:hover{



	transform: rotateY(180deg);



}



.grids_form_text{



    width: calc(100% - 0.56rem);



	box-sizing: border-box;



	padding: 0 4%;



}



.grids_form_text h3{



    font-size: 0.18rem;



	color: white;



	margin-bottom: 0.1rem;



}



.grids_form_text a{



    font-size: 0.16rem;



	color: #b0b0b0;



	transition: all 0.3s ease;



}



.grids_form_text a:hover{



	color: var(--i_color);



}



.grids_form_right{







}



.grids_form_right h2{



	font-size: 0.4rem;



	color: white;



	font-weight: bold;



	box-sizing: border-box;



	padding-bottom: 0.15rem;



	position: relative;



	margin-bottom: 0.8rem;



}



.grids_form_right h2::after{



	content: '';



	position: absolute;



	width: 1.3rem;



	height: 0.03rem;



	background-color: white;



	bottom: 0;



	left: 0.02rem;



}







.grids_form_right{



	width: 50%;



}







/* 侧边客服 表单 */











#wpforms-126{--input_font_size:0.16rem; --input_height:0.5rem}







#wpforms-126{width:100%; margin:0 auto; padding:0}







#wpforms-form-130{width:100%; overflow:hidden}















#wpforms-126 input, #wpforms-126 button{margin:0; padding:0; border:none; background:none}







#wpforms-126 .wpforms-field{padding:0; margin:0}







#wpforms-126 .wpforms-error-container{line-height:16px}















#wpforms-126 .wpforms-field-container{width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; overflow:hidden}







#wpforms-126 .wpforms-submit-container{padding:0!important; width:1.8rem; height:var(--input_height); background:var(--i_color);border-radius: 0.05rem; position:relative;}







































#wpforms-126 .wpforms-field{







	position: relative;







}







#wpforms-126 .wpforms-field-label{







	font-size: 0;







}







#wpforms-126 .wpforms-field-label span{







	position: absolute;







	top: 21px;







	left: 3px;







	font-size: 0.14rem;



    color: red;











}























































#wpforms-126 .wpforms-field{width:100%; margin-bottom:10px; padding-bottom:20px; background:transparent; overflow:hidden}







#wpforms-126 .wpforms-field:nth-child(1){margin-right:20px}







#wpforms-126 .wpforms-field:nth-child(1), #wpforms-126 .wpforms-field:nth-child(2){width:calc(50% - 10px)}















#wpforms-126 input{height:var(--input_height)}







#wpforms-126 textarea{min-height:160px}







#wpforms-126 input, #wpforms-126 textarea{width:100%;border: 0; max-width:100%!important; font-size:var(--input_font_size);border-radius: 0rem;background-color: rgba(255, 255, 255, 0.3); color:#fff; box-sizing:border-box; line-height:var(--input_height); padding:0 10px}















#wpforms-126 input::-webkit-input-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 input::-moz-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 input::-moz-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 input::-ms-input-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 textarea::-webkit-input-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 textarea::-moz-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 textarea::-moz-placeholder{color:#fff; font-size:var(--input_font_size)}







#wpforms-126 textarea::-ms-input-placeholder{color:#fff; font-size:var(--input_font_size)}















#wpforms-126 #wpforms-126-field_1-error, #wpforms-126 #wpforms-126-field_2-error, #wpforms-126 #wpforms-126-field_3-error, #wpforms-126 #wpforms-126-field_4-error{position:absolute; font-size:14px}















#wpforms-126 .wpforms-submit-container button{overflow: hidden;border-radius: 0rem; width:100%; height:var(--input_height); font-size:16px; color:#FFF; line-height:var(--input_height); cursor:pointer; text-transform:uppercase; position:relative; z-index:2}







#wpforms-126 .wpforms-submit-container img{position:absolute; top:50%; transform:translate(0,-50%); right:4px}































#wpforms-126 .wpforms-submit-container:hover{







	background-color: var(--i_color2);







}































@media screen and (max-width:1440px){



	



}







@media screen and (max-width:1366px){



	



}







@media screen and (max-width:1200px){







}







@media screen and (max-width:959px){



	.grids_form_left{display: none;}



	.grids_form_right {width: 100%;}



	.grids_form_right h2 {margin-bottom: 0.6rem;}



}







@media screen and (max-width:767px){



	.grids_form_right h2 {margin-bottom: 0.4rem;}



}



@media screen and (max-width:560px){







}































/* grids_of */



.grids_of{



	box-sizing: border-box;



	padding: 1rem 0;



}



.grids_of_area{



	margin-top: 0.6rem;



}











/* 合作伙伴 */



.of_partner_box{}







.of_partner{position:relative}



.of_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}



.of_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}



.of_partner_list .swiper-slide{



	display:-webkit-box;



	display:-ms-flexbox;



	display:-webkit-flex;



	display:flex;



	flex-shrink:0;



	position:relative;



	cursor:pointer;



}



.of_partner_list .swiper-slide a{



	display: block;



	width: 100%;



}



.of_partner_list .img{width:100%; box-sizing:border-box; position:relative; overflow:hidden}



.of_partner_list .img:before{content:""; display:block; padding-bottom:78%}



.of_partner_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}











.of_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}



.of_partner_list p{



	font-size: 0.24rem;



	line-height: 0.24rem;



	color: #000000;



	font-weight: bold;



	text-align: center;



	box-sizing: border-box;



	margin: 0.2rem 4% 0 4%;



	overflow: hidden;



   text-overflow: ellipsis;



   display: -webkit-box;



  -webkit-box-orient: vertical;



   -webkit-line-clamp: 2;



   height: 0.48rem;



}















/* 指示器 */



.of_partner .pt-pagination{display:none; text-align:center; margin:20px auto 0}



.of_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}



.of_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}







/* 左右箭头 */



.of_partner .pt-button-prev, .of_partner .pt-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:40px; height:50px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer; outline:none}



.of_partner .pt-button-prev:before, .of_partner .pt-button-next:before{



	position:absolute;



	top:50%;



	left:50%;



	font-size:30px;



	line-height:30px;



	color:#FFF;



	font-family:-apple-system, simsun, system-ui, sans-serif;



	letter-spacing:-2px;



    -ms-transform:translate(-50%,-50%);



    -webkit-transform:translate(-50%,-50%);



    -moz-transform:translate(-50%,-50%);



    -o-transform:translate(-50%,-50%);



	transform:translate(-50%,-50%);



}



.of_partner .pt-button-prev{left:-0.6rem}



.of_partner .pt-button-prev:before{content:"<"}



.of_partner .pt-button-next{right:-0.6rem}



.of_partner .pt-button-next:before{content:">"}











.of_partner .pt-button-prev:hover, .of_partner .pt-button-next:hover{



	background-color: var(--i_color);



}



























@media screen and (max-width:1440px){



	.grids_of{padding: 0.8rem 0;}



}



@media screen and (max-width:1366px){



	



}



@media screen and (max-width:1200px){



	.of_partner .pt-button-prev, .of_partner .pt-button-next{display:none}



	.pt-pagination{display:block}



}



@media screen and (max-width:959px){



	.grids_of{padding: 0.6rem 0;}



}



@media screen and (max-width:767px){



	



}



@media screen and (max-width:560px){



	.pt-pagination{margin:14px auto 0}



	.pt-pagination .swiper-pagination-bullet{width:10px; height:10px}



}







.banner_top{



	margin-top: var(--header_height);



}



























/* -------------------------------------- 侧边客服 -------------------------------------- */



.aside_right{position:fixed; right:10px; bottom:20%; z-index:999999}



.aside_right ul{}



.aside_right li{position:relative; cursor:pointer;}



.aside_right li>a{display:block;transition: all 0.3s ease; width:0.48rem;margin-top: 0.05rem;border-radius: 0.05rem; height:0.48rem; background:#181816; display:flex; justify-content:center; align-items:center; z-index:3}







.aside_right em{display:block; margin:0 auto; width:0.2rem; height:0.2rem;}



.aside_right li:nth-child(1) em{background:url(../images/aside_ico_whatsapp.svg) no-repeat center; background-size:contain}



.aside_right li:nth-child(2) em{background:url(../images/aside_ico_tel.svg) no-repeat center; background-size:contain}



.aside_right li:nth-child(3) em{background:url(../images/email.svg) no-repeat center; background-size:contain}



.aside_right li:nth-child(4) em{background:url(../images/top1.svg) no-repeat center; background-size:contain}







.aside_right li>a:hover{background:var(--i_color);}







.side_tel_box, .side_qr_box{position:absolute; box-shadow:-1px 2px 6px rgba(0,0,0,.2); display:flex; justify-content:center; align-items:center; z-index:-1}



.side_tel_box{top:7px; right:-300px; width:180px; background:#FFF}



.side_qr_box{top:50%; transform:translate(0,-50%); right:-180px; width:120px; height:120px; background:#FFF}







.side_tel_box h6{padding:8px 0; font-size:14px; color:#666}



.side_tel_box h6 a{line-height:20px}



.side_tel_box a:hover{color:var(--i_color)}



.side_qr_box img{width:90%; height:90%}







.aside_right li:hover .side_tel_box, .aside_right li:hover .side_qr_box{right:48px}







.side_tel_box, .side_qr_box{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}











/* 侧边客服 表单 */







#aside_mask_bg{display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9999999999998}







#aside_sc_from{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; padding:0.6rem 0.4rem;border-radius: 0.2rem; background:#e2e2e2; z-index:9999999999999; overflow:auto}







#aside_sc_from .tit{margin-bottom:40px}







#aside_sc_from .tit h1{font-size:26px; color:#333; text-align: center;text-transform: uppercase; font-weight:bold; line-height:30px}















#wpforms-129{--input_font_size:16px; --input_height:42px}







#wpforms-129{width:100%; margin:0 auto; padding:0}







#wpforms-form-130{width:100%; overflow:hidden}















#wpforms-129 input, #wpforms-129 button{margin:0; padding:0; border:none; background:none}







#wpforms-129 .wpforms-field{padding:0; margin:0}







#wpforms-129 .wpforms-error-container{line-height:16px}















#wpforms-129 .wpforms-field-container{width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; overflow:hidden}







#wpforms-129 .wpforms-submit-container{padding:0!important; width:170px; height:var(--input_height); background:var(--i_color);border-radius: 0.2rem; position:relative;margin:0 auto;}







































#wpforms-129 .wpforms-field{







	position: relative;







}







#wpforms-129 .wpforms-field-label{







	font-size: 0;







}







#wpforms-129 .wpforms-field-label span{







	position: absolute;







	top: 15px;







	left: 3px;







	font-size: 0.14rem;



    color: red;











}























































#wpforms-129 .wpforms-field{width:100%; margin-bottom:10px; padding-bottom:20px; background:transparent; overflow:hidden}







#wpforms-129 .wpforms-field:nth-child(1){margin-right:20px}







#wpforms-129 .wpforms-field:nth-child(1), #wpforms-129 .wpforms-field:nth-child(2){width:calc(50% - 10px)}















#wpforms-129 input{height:var(--input_height)}







#wpforms-129 textarea{min-height:100px}







#wpforms-129 input, #wpforms-129 textarea{width:100%;border: 0; max-width:100%!important; font-size:var(--input_font_size);border-radius: 0.1rem;background-color: white; color:#222; box-sizing:border-box; line-height:var(--input_height); padding:0 10px}















#wpforms-129 input::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 input::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 input::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 textarea::-webkit-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 textarea::-moz-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}







#wpforms-129 textarea::-ms-input-placeholder{color:rgba(0,0,0,.3); font-size:var(--input_font_size)}















#wpforms-129 #wpforms-129-field_1-error, #wpforms-129 #wpforms-129-field_2-error, #wpforms-129 #wpforms-129-field_3-error, #wpforms-129 #wpforms-129-field_4-error{position:absolute; font-size:14px}















#wpforms-129 .wpforms-submit-container button{overflow: hidden;border-radius: 0.2rem; width:100%; height:var(--input_height); font-size:16px; color:#FFF; line-height:var(--input_height); cursor:pointer; text-transform:uppercase; position:relative; z-index:2}







#wpforms-129 .wpforms-submit-container img{position:absolute; top:50%; transform:translate(0,-50%); right:4px}















.close{position:absolute; top:20px; right:30px; display:block; width:50px; height:50px; background:url(static/imgs/close_1_hei.svg) no-repeat center; background-size:contain}







.close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}







.close{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}







































#wpforms-129 .wpforms-submit-container:hover{







	background-color: var(--i_color2);







	animation: a 0.5s 1 linear;







	animation-delay: 0.01s;







}































@media screen and (max-width:1440px){







	







}







@media screen and (max-width:1366px){







	







}







@media screen and (max-width:1200px){







	.aside_right a{width:0.42rem; height:0.42rem}







	.aside_right em{width:0.18rem; height:0.18rem}







}







@media screen and (max-width:959px){







	/* .aside_right{display:none} */







	#aside_sc_from {width: 80%;}







}







@media screen and (max-width:767px){







	







}







@media screen and (max-width:560px){







	#aside_sc_from {width: 87%;}







}















/* 移动端底部 */



.footer_phone_show{



	display: none;



}



.footer_phone{



	



	position: fixed;



	bottom: 0;



	left: 0;



	width: 100%;



	background-color: white;



	z-index: 999;



	



}



.footer_phone{



	width: 100%;



	display: flex;



	display: -webkit-flex;



	flex-direction: row;



}



.footer_phone li{



	width: 32%;



	padding: 13px;



	border-right: 1px solid rgba(211,211,211,1);



	border-top: 1px solid rgba(211,211,211,1);



}



.footer_phone li:nth-child(3){



	border-right: 0px;



}



.footer_phone a{



	display: block;



	width: 100%;



	display: flex;



	display: -webkit-flex;



	justify-content: center;



}



.footer_phone ion-icon {



    font-size: 23px;



}



.footer_phone p{



   font-size: 12px;



   color: #333333;



   font-family: Arial;



   line-height: 23px;



   margin-left: 10px;



}







@media screen and (max-width:959px){



	.footer_phone_show{



		display: block;



	}



	footer{margin-bottom: 50px;}



}



























/* 隐私政策 */



.privacy{margin-bottom: 100px;padding-top: 70px;}



#header{background-color: rgb(0 0 0 / 57%) !important;}



.privacy_cont{}



.privacy_cont .tit{margin-bottom:30px}



.privacy_cont .tit h2{font-size:24px; text-align:center; font-weight:bold}



.privacy_cont article, .privacy_cont article *{font-size:14px; color:#666; line-height:24px}



.foot {top: 130px;}



.privacy ol {padding: 0px;}



@media screen and (max-width:1200px){



	.privacy{margin-bottom: 50px;}



}



@media screen and (max-width:959px){



	.privacy{margin-bottom: 30px;}



}



















/* 感谢页面 */



.thanks{padding-top: 100px; margin:0px auto 100px; text-align:center; }



.thanks h2{margin-bottom:20px; font-size:30px; color:#222; font-weight:bold}



.thanks a{z-index: 2; display: flex;display: -webkit-flex;justify-content: center; position: relative; transition: all 1s ease;}















.btns {



	height: 4em;



	width: 12em;



	display: flex;



	align-items: center;



	justify-content: center;



	background: transparent;



	border: 0px solid black;



	cursor: pointer;



  }



  .btns:hover p{



	  color: var(--i_color);



  }  



  .wrapper {



	height: 2em;



	width: 8em;



	position: relative;



	background: transparent;



	display: flex;



	justify-content: center;



	align-items: center;



  }



  



.thanks  .text {



	font-size: 17px;



	z-index: 1;



	color: #000;



	padding: 4px 12px;



	border-radius: 4px;



	background: rgba(255, 255, 255, 0.7);



	transition: all 0.5s ease;



  }



  



  .flower {



	display: grid;



	grid-template-columns: 1em 1em;



	position: absolute;



	transition: grid-template-columns 0.8s ease;



  }



  



  .flower1 {



	top: -12px;



	left: -13px;



	transform: rotate(5deg);



  }



  



  .flower2 {



	bottom: -5px;



	left: 8px;



	transform: rotate(35deg);



  }



  



  .flower3 {



	bottom: -15px;



	transform: rotate(0deg);



  }



  



  .flower4 {



	top: -14px;



	transform: rotate(15deg);



  }



  



  .flower5 {



	right: 11px;



	top: -3px;



	transform: rotate(25deg);



  }



  



  .flower6 {



	right: -15px;



	bottom: -15px;



	transform: rotate(30deg);



  }



  



  .petal {



	height: 1em;



	width: 1em;



	border-radius: 40% 70% / 7% 90%;



	



	background: linear-gradient(#E870A5, #FFEFF6);



	border: 0.5px solid #FFEFF6;



	z-index: 0;



	transition: width 0.8s ease, height 0.8s ease;



  }



  



  .two {



	transform: rotate(90deg);



  }



  



  .three {



	transform: rotate(270deg);



  }



  



  .four {



	transform: rotate(180deg);



  }



  



  .btns:hover .petal {



	background: linear-gradient(#758afa, #ebddff);



	border: 0.5px solid #ebddff;







  }



  



  .btns:hover .flower {



	grid-template-columns: 1.5em 1.5em;



  }



  



  .btns:hover .flower .petal {



	width: 1.5em;



	height: 1.5em;



  }



  



  .btns:hover .text {



	background: rgba(255, 255, 255, 0.4);



  }



  



  .btns:hover div.flower1 {



	animation: 15s linear 0s normal none infinite running flower1;



  }



  



  @keyframes flower1 {



	0% {



	  transform: rotate(5deg);



	}



  



	100% {



	  transform: rotate(365deg);



	}



  }



  



  .btns:hover div.flower2 {



	animation: 13s linear 1s normal none infinite running flower2;



  }



  



  @keyframes flower2 {



	0% {



	  transform: rotate(35deg);



	}



  



	100% {



	  transform: rotate(-325deg);



	}



  }



  



  .btns:hover div.flower3 {



	animation: 16s linear 1s normal none infinite running flower3;



  }



  



  @keyframes flower3 {



	0% {



	  transform: rotate(0deg);



	}



  



	100% {



	  transform: rotate(360deg);



	}



  }



  



  .btns:hover div.flower4 {



	animation: 17s linear 1s normal none infinite running flower4;



  }



  



  @keyframes flower4 {



	0% {



	  transform: rotate(15deg);



	}



  



	100% {



	  transform: rotate(375deg);



	}



  }



  



  .btns:hover div.flower5 {



	animation: 20s linear 1s normal none infinite running flower5;



  }



  



  @keyframes flower5 {



	0% {



	  transform: rotate(25deg);



	}



  



	100% {



	  transform: rotate(-335deg);



	}



  }



  



  .btns:hover div.flower6 {



	animation: 15s linear 1s normal none infinite running flower6;



  }



  



  @keyframes flower6 {



	0% {



	  transform: rotate(30deg);



	}



  



	100% {



	  transform: rotate(390deg);



	}



  }



























































@media screen and (max-width:1200px){



	.thanks{padding-top: 60px;}



	



}



@media screen and (max-width:767px){



	.thanks{padding-top: 40px;margin:0px auto 70px}



	



}



@media screen and (max-width:560px){



	



}



















/* 搜索页 */



.search{background-color: white;}



.in_search_tit{padding-bottom:70px; text-align:center;background-color: white;}



.in_search_tit h2{font-size:34px; color:var(--i_color); font-weight:bold; text-transform:uppercase;padding-top: 0.4rem;}



.in_search_tit p{margin:16px 0; font-size:24px; color:#757575}



.in_search{width:510px; margin:0 auto; border:1px solid var(--border_color); overflow:hidden}



.in_search .search_ipt{float:left; box-sizing:border-box; padding-left:10px; width:calc(100% - 110px); font-size:15px; color:#333; line-height:46px}



.in_search .search_btn{float:right; width:110px; height:46px; line-height:46px; background:var(--i_color); font-size:18px; color:#FFF;cursor: pointer;}















@media screen and (max-width:1440px){



	.in_search_tit{}



	.in_search_tit h2{font-size:32px}



	.in_search_tit p{font-size:22px}



	.pd_other li{width: 23%;margin-bottom: 0.6rem;}



}



@media screen and (max-width:1366px){



	.in_search_tit h2{font-size:28px}



	.in_search_tit p{font-size:20px}



	.in_search .search_btn{font-size:16px}



}



@media screen and (max-width:1200px){



	.in_search_tit{padding-bottom:60px}



	.in_search_tit h2{font-size:26px}



	.in_search_tit p{margin:10px auto 16px; font-size:18px}



	.pd_other li{width: 23%;margin-bottom: 0.4rem;}



}



@media screen and (max-width:959px){



	.in_search_list li{margin-bottom:30px}



	.in_search_tit h2{font-size:24px}



	.in_search_tit p{font-size:17px}



	.pd_other li{width: 23%;margin-bottom: 0.2rem;}



}



@media screen and (max-width:767px){



	.in_search_tit{padding-bottom:40px}



	.in_search{width:90%}



	.in_search_tit h2{font-size:22px}



	.in_search_tit p{font-size:16px}



	



	



}



@media screen and (max-width:560px){



	.in_search_tit{padding-bottom:34px}



	.in_search{width:94%}



	.in_search_tit h2{font-size:20px}



	.in_search_tit p{font-size:14px}



	.in_search .search_ipt{line-height:38px}



	.in_search .search_btn{height:38px; line-height:38px}



}















/* search results list */



.in_search_list {



	padding-bottom: .6rem;



	overflow: hidden;



}



.in_search_list li {



	box-sizing: border-box;



	border: 1px solid var(--border_color);



	margin-bottom: 0.26rem;



}



.in_search_list a {



	display: block;



	padding: .2rem;



}



.in_search_list h2 {



	font-size: 0.18rem;



	color: #212121;



	font-weight: bold;



	position: relative;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.in_search_list h6 {



	margin: .1rem 0;



	font-size: 0.14rem;



	color: #666;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.in_search_list i {



	display: inline-block;



	padding: .06rem .1rem;



	font-size: 0.13rem;



	color: var(--i_color);



	background: #EDEDED;



	-webkit-border-radius: .04rem;



	border-radius: .04rem;



}







@media screen and (max-width:1024px) {



	.in_search_list h2 {



			font-size: 0.15rem;



			white-space: initial;



	}



	.in_search_list h6 {



			font-size: 0.13rem;



	}



	.in_search_list i {



			font-size: 0.12rem;



	}



}



@media screen and (max-width:959px) {}



@media screen and (max-width:767px) {



	.in_search_list li {



			margin-bottom: 0.2rem;



	}



}



@media screen and (max-width:560px) {



	.in_search_list {



		padding-bottom: .3rem



	}



}















.main{



	background-color: white;



	width: 100%;



	height: 100%;



	position: relative;



}















/* 404 */



.in404{position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF}



.in404_text{position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); width:80%; text-align:center}



.in404_text h1{font-size:220px; color:#BBB}



.in404_text h6{margin:10px auto 30px; font-size:18px; color:#999}



.in404_text a{display:inline-block; padding:0 40px; line-height:32px; font-size:15px; color:#999; border:2px solid #DDD; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px}







@media screen and (max-width:959px){



.in404_text h1{font-size:180px}



}



@media screen and (max-width:767px){



	.in404_text h1{font-size:140px}



	.in404_text h6{font-size:16px}



	.in404_text a{font-size:14px}



}



@media screen and (max-width:560px){



	.in404_text h1{font-size:70px}



	.in404_text h6{margin:10px auto 18px; font-size:14px; line-height:20px}



	.in404_text a{font-size:13px}



}





.factory_list{

	display: flex;

	display: -webkit-flex;

    justify-content: center;

	margin-top: 0.4rem;

	flex-wrap: wrap;

}

.factory_list li{

}

.factory_list li a{

	font-size: 0.18rem;

	box-sizing: border-box;

	color: #333;

	width: 2.5rem;

	background-color: white;

	padding: 12px 0;

	text-align: center;

	display: block;

	border-bottom: 1px solid #999;

	text-transform: uppercase;

	font-weight: bold;

	transition: all 0.3s ease;

}

.factory_list_active a{

    color: white !important;

	background-color: var(--i_color) !important;

}

.factory_list li:hover a{

	color: white;

	background-color: var(--i_color);

}

@media screen and (max-width:959px){

	.factory_list li{width: 25%;}

	.factory_list li a{width: 100%;}

}

@media screen and (max-width:560px){

	.factory_list li{width: 50%;}

	.factory_list li a{width: 100%;}

}









.input_hideen{display: none !important;}















/* 编辑器 */

/* article,

article p {

        font-size: 0.18rem;

        color: #444;

        line-height: 0.24rem;

} */

/* 重置标签样式 */

article,

article * {

        margin: revert;

        padding: revert;

        list-style: none;

}

article b {

        font-weight: bold;

}

article a {

        text-decoration: underline;

}

article figure {

        margin-left: auto;

        margin-right: auto;

}

.wp-block-column figure img {

        width: 100%;

}

article img {

        /* margin-top: 0.3rem;

        margin-bottom: 0.3rem; */

        max-width: 100% !important;

        height: initial !important

}

article h1,

article h2,

article h3,

article h4,

article h5,

article h6 {

        font-weight: bold;

}

.has-text-align-center {

        text-align: center;

}

/* article ul,article li,article ol{list-style: revert;} */

/* article ul,article ol{padding-left: 0.22rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}

article li{margin-top: .1rem;margin-bottom: 0.1rem;} */



article .aligncenter {

        margin-left: auto;

        margin-right: auto;

}

article .wp-caption {

        max-width: 100% !important;

}



/* 默认表格 */

article table {

        margin-top: 0.2rem;

        margin-bottom: 0.2rem;

        width: 100% !important;

        max-width: 100% !important;

        background: #FFF;

        border-collapse: collapse !important;

        border-spacing: 0 !important;

        overflow-x: auto;

}

article tbody {

        width: 100% !important;

        max-width: 100% !important

}

article table tr,

article table td {

        max-width: 100% !important

}

article table tr,

article table td,

article table tr p,

article table td p {

        margin: 0;

        padding: 0

}

/* article table tr:nth-child(odd) {

        background: rgba(0, 0, 0, .04)

} */

article table td {

        padding: 8px;

        border: 1px solid var(--border_color)

}







.d_whatsapp{

	position: fixed;

	right: 0.2rem;

	bottom: 0.2rem;

	background-color: #25d366;

	box-sizing: border-box;

	padding:0.1rem 0.2rem;

    border-radius: 0.2rem;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	gap: 0.1rem;

	z-index: 99999999;

}

.d_whatsapp iconify-icon{

    font-size: 0.2rem;

	color: #fff;

}

.d_whatsapp p{

	font-size: 0.18rem;

	color: #ffff;

}





@media screen and (max-width:959px){

	

	.d_whatsapp {

		bottom: 60px;

	}

	.aside_right li:not(:last-child){

		display: none;

	}

}