body {



	font-size: 0.18rem;



	font-family: Arial, 'microsoft yahei', Helvetica, sans-serif;



	min-width: 320px;



	width: 100%;



	margin: 0px auto;



	padding: 0px;



	height: auto;



	position: relative;



	height: 100%;



}







div,



dl,



dt,



dd,



ul,



ol,



li,



h1,



h2,



h3,



h4,



h5,



h6,



pre,



form,



fieldset,



input,



textarea,



p,



blockquote,



th,



td,



font {



	padding: 0px;



	margin: 0px;



}







* {



	margin: 0px;



	padding: 0px;



}







fieldset,



img {



	border: 0px none;



	vertical-align: bottom;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	font-weight: normal;



	font-size: 100%;



}







ol,



ul,



li,



dl,



dt,



dd {



	list-style: outside none none;



}







input,



button,



textarea,



checkbox,



select,



radio,



form {



	vertical-align: middle;



	font-size: 100%;



}







a {



	color: #333;



	text-decoration: none;



}







a:link,



a:visited {



	text-decoration: none;



}







a:hover {



	text-decoration: none;



}







.container {



	min-width: 320px;



	width: 100%;



	margin: 0px auto;



	background: #fff;



}







.toper {



	width: 100%;



	height: auto;



	background: #fff;



	position: relative;



	z-index: 0;



}







.toper h4 {



	width: 100%;



	height: 0.95rem;



	text-align: center;



	font-size: 0.26rem;



	line-height: 0.95rem;



	color: #fff;



}







.toper .xbsindex {



	width: 6.1rem;



	margin: 0 auto;



	position: relative;



	overflow: hidden;



	z-index: 1;



	border-radius: 0.1rem;



	overflow: hidden;



}







.toper .xbsindex img {



	width: 100%;



	height: 3.2rem;



}







.toper .tel {



	width: auto;



	padding: 0 0.15rem;



	height: 0.85rem;



	line-height: 0.85rem;



	border-bottom: solid 1px #c6c6c6;



	display: flex;



	justify-content: space-between;



}







.toper .tel p {



	padding-left: 0.56rem;



	font-size: 0.24rem;



	position: relative;



}







.toper .tel p::before {



	content: '';



	width: 0.35rem;



	height: 0.35rem;



	background: url(/templates/m_temp_25/images/tel01.png);



	position: absolute;



	top: 0.25rem;



	left: 0;



	background-size: 0.35rem 0.35rem;



	animation: msClock 1.2s linear infinite;



}







@keyframes msClock {







	0%,



	70%,



	100% {



		transform: rotate(0) scale(1);



	}







	10%,



	30% {



		transform: rotate(-15deg) scale(1);



	}







	20%,



	40% {



		transform: rotate(15deg) scale(1);



	}



}







.toper .tel a {



	width: 1.3rem;



	height: 0.45rem;



	line-height: 0.45rem;



	background: #666;



	font-size: 0.22rem;



	color: #fff;



	text-align: center;



	border-radius: 0.05rem;



	margin-top: 0.2rem;



	position: relative;



}







.icon_nav {



	width: auto;



	padding: 0.4rem 0.25rem 0.25rem 0.25rem;



	display: flex;



	justify-content: space-between;



	flex-wrap: wrap;



	background: #fff;



	border-bottom: solid 0.1rem #f2f2f2;



}







.icon_nav li a {



	display: block;



	width: 100%;



	height: 0.42rem;



	font-size: 0.22rem;



	color: #fff;



}







.pro_center {



	width: auto;



	padding: 0.4rem 0.15rem 0 0.15rem;



	background: #fff;



	border-bottom: solid 0.1rem #f2f2f2;



}







.pro_center .bt {



	height: 0.75rem;



	display: flex;



	justify-content: space-between;



	position: relative;



}







.pro_center .bt::after {



	content: '';



	width: 0.4rem;



	height: 0.04rem;



	background: #000;



	position: absolute;



	bottom: 0;



	left: 0;



}







.pro_center .bt .name {



	font-size: 0.3rem;



	line-height: 0.3rem;



	color: #000;



}







.pro_center .bt p {



	font-size: 0.22rem;



	line-height: 0.18rem;



	color: #c2c2c2;



	font-family: Arial;



	text-transform: Uppercase;



	margin-top: 0.15rem;



}







.pro_center .bt .more {



	font-size: 0.22rem;



	line-height: 0.75rem;



	color: #707070;



	font-family: Arial;



	text-transform: Uppercase;



	background: url(/templates/m_temp_25/images/pro_jt_01.png) right center no-repeat;



	padding-right: 0.3rem;



	background-size: 0.22rem 0.1rem;



}







.pro_center .chanpin {



	margin-top: 0.5rem;



}







.chanpin .porducts-b1 {



	width: 120%;



	height: 0.46rem;



	display: flex;



	justify-content: space-between;



	position: relative;



}







.chanpin .porducts-b1::before {



	content: '';



	width: 100%;



	height: 1px;



	background: #d4d4d4;



	position: absolute;



	top: 0.38rem;



	left: 0;



}







.chanpin .product-tabs .swiper-slide {



	width: auto;



	height: 0.46rem;



	position: relative;



	margin-right: 0.3rem;



}







.chanpin .product-tabs .swiper-slide a {



	display: block;



	width: auto;



	height: 0.46rem;



	/* line-height: 0.24rem; */



	text-align: center;



	font-size: 0.24rem;



	color: #444;



	position: relative;



}







.product-content .swiper-slide .incplb {



	margin-top: 0.4rem;



	display: flex;



	justify-content: space-between;



	flex-wrap: wrap;



}







.product-content .swiper-slide .incplb .incp_1 {



	width: 47%;



	height: 2.55rem;



	overflow: hidden;



	margin-bottom: 0.3rem;



}







.incp_1pic {



	width: 100%;



	height: 2.1rem;



}







.incp_1pic img {



	width: 100%;



	height: 2.1rem;



	vertical-align: top;



	display: block;



	object-fit: cover;



}







.incp_1tite {



	height: 0.45rem;



	line-height: 0.45rem;



	font-size: 0.22rem;



	color: #888;



	overflow: hidden;



}







.incp_1tite a {



	display: block;



	width: auto;



	padding-right: 0.5rem;



	color: #888;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	background: url(/templates/m_temp_25/images/pro_jt_02.png) right center no-repeat;



	background-size: 0.32rem 0.32rem;



}







.swiperProDucts .swiper-slide {



	height: 9rem;



}







.case_center {



	width: auto;



	padding: 0.4rem 0.15rem 0 0.15rem;



	background: #fff;



}







.case_center .bt {



	height: 0.75rem;



	display: flex;



	justify-content: space-between;



	position: relative;



}







.case_center .bt::after {



	content: '';



	width: 0.4rem;



	height: 0.04rem;



	background: #000;



	position: absolute;



	bottom: 0;



	left: 0;



}







.case_center .bt .name {



	font-size: 0.3rem;



	line-height: 0.3rem;



	color: #000;



}







.case_center .bt p {



	font-size: 0.22rem;



	line-height: 0.18rem;



	color: #c2c2c2;



	font-family: Arial;



	text-transform: Uppercase;



	margin-top: 0.15rem;



}







.case_center .bt .more {



	font-size: 0.22rem;



	line-height: 0.75rem;



	color: #707070;



	font-family: Arial;



	text-transform: Uppercase;



	background: url(/templates/m_temp_25/images/pro_jt_01.png) right center no-repeat;



	padding-right: 0.3rem;



	background-size: 0.22rem 0.1rem;



}







.case_02 {



	width: 100%;



	margin-top: 0.4rem;



	overflow: hidden;



	padding: 0.1rem 0 0.8rem 0 !important;



}







.case_02 .swiper-slide {



	width: 2.65rem;



	-moz-box-shadow: 0px 0px 5px #e9e9e9;



	-webkit-box-shadow: 0px 0px 5px #e9e9e9;



	box-shadow: 0px 0px 5px #e9e9e9;



}







.case_02 .swiper-slide a {



	width: 100%;



	display: block;



}







.case_02 .swiper-slide img {



	width: 100%;



	height: 1.8rem;



	vertical-align: top;



}







.case_02 .swiper-slide h4 {



	width: auto;



	height: 0.5rem;



	line-height: 0.5rem;



	padding: 0 0.45rem 0 0.1rem;



	font-size: 0.23rem;



	color: #444;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	background: url(/templates/m_temp_25/images/case_jt.png) 2.25rem center no-repeat;



	background-size: 0.13rem 0.24rem;



}







.case_02 .swiper-slide p {



	width: auto;



	line-height: 0.2rem;



	margin-bottom: 0.15rem;



	padding: 0 0.1rem;



	font-size: 0.22rem;



	color: #888;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}







.case_02 .swiper-pagination-bullet {



	width: 0.12rem;



	height: 0.12rem;



	border-radius: 50%;



	background: #a8a8a8;



	opacity: 1;



}







.ad_tel p {



	padding-left: 1rem;



	font-size: 0.24rem;



	position: relative;



	color: #fff;



}







.ad_tel p::before {



	content: '';



	width: 0.44rem;



	height: 0.44rem;



	background: url(/templates/m_temp_25/images/tel02.png);



	position: absolute;



	top: 0.13rem;



	left: 0.4rem;



	background-size: 0.44rem 0.44rem;



	animation: msClock 1.2s linear infinite;



}







.ad_tel p span {



	font-weight: bold;



	font-size: 0.3rem;



}







.ad_tel a {



	width: 1.4rem;



	height: 0.7rem;



	line-height: 0.7rem;



	background: #333;



	font-size: 0.22rem;



	color: #fff;



	text-align: center;



	border-radius: 0.35rem

}







.ys {



	width: auto;



	overflow: hidden;



	border-bottom: solid 0.1rem #f2f2f2;



}







.ys .bt {



	text-align: center;



	height: 1rem;



	position: relative;



	margin-bottom: 0.4rem;



}







.ys .bt h3 {



	font-size: 0.32rem;



	line-height: 1.2;



	color: #000;



}







.ys .bt p {



	font-size: 0.22rem;



	line-height: 0.22rem;



	color: #c2c2c2;



	margin-top: 0.1rem;



	font-family: Arial;



	text-transform: Uppercase;



}







.ys .case_01 .swiper-slide {



	width: auto;



	height: auto;



	margin-top: 0.4rem;



	padding-bottom: 0.4rem;



	cursor: pointer;



	position: relative;



	transform: scale(0.9);



	margin-top: -0.2rem;



}







.ys .case_01 .swiper-slide.swiper-slide-active {



	display: block;



	transform: scale(1);



	margin-top: 0rem;



}







.ys .case_01 .swiper-slide img {



	width: 100%;



	height: 3.3rem;



}







.ys .case_01 .swiper-slide .show {



	width: 100%;



	height: auto;



	border-radius: 0.1rem;



	margin-top: 0.6rem;



	padding: 0.3rem 0.4rem;



	margin-left: -0.4rem;



	-moz-box-shadow: 0px 0px 7px #e9e9e9;



	-webkit-box-shadow: 0px 0px 7px #e9e9e9;



	box-shadow: 0px 0px 7px #e9e9e9;



	display: none;



}







.ys .case_01 .swiper-slide.swiper-slide-active .show {



	display: block;



}







.ys .case_01 .swiper-slide .show h4 {

	/* height: 0.5rem; */

	font-size: 0.3rem;

	/* line-height: 0.3rem; */

	color: #333;

	background: url(/templates/m_temp_25/images/ys_line.png) bottom left repeat-x;

	padding-bottom: 0.2rem;

}







.ys .case_01 .swiper-slide .show p {



	font-size: 0.22rem;



	line-height: 0.35rem;



	color: #888;



	margin-top: 0.25rem;



}







.ys .case_01 .swiper-pagination {



	bottom: none;



	height: 0.2rem;



	top: 3.5rem !important;



}







.ys .case_01 .swiper-pagination-bullet {



	width: 0.12rem;



	height: 0.12rem;



	border-radius: 50%;



	background: #a8a8a8;



	opacity: 1;



}







.about_center {



	width: auto;



	padding: 0.4rem 0.15rem;



	background: #fff;



	border-bottom: solid 0.1rem #f2f2f2;



}







.about_center .bt {



	height: 0.75rem;



	display: flex;



	justify-content: space-between;



	position: relative;



}







.about_center .bt::after {



	content: '';



	width: 0.4rem;



	height: 0.04rem;



	background: #000;



	position: absolute;



	bottom: 0;



	left: 0;



}







.about_center .bt .name {



	font-size: 0.3rem;



	line-height: 0.3rem;



	color: #000;



}







.about_center .bt p {



	font-size: 0.22rem;



	line-height: 0.18rem;



	color: #c2c2c2;



	font-family: Arial;



	text-transform: Uppercase;



	margin-top: 0.15rem;



}







.about_center .bt .more {



	font-size: 0.22rem;



	line-height: 0.75rem;



	color: #707070;



	font-family: Arial;



	text-transform: Uppercase;



	background: url(/templates/m_temp_25/images/pro_jt_01.png) right center no-repeat;



	padding-right: 0.3rem;



	background-size: 0.22rem 0.1rem;



}







.about_center .center {



	width: auto;



	height: 4.85rem;



	position: relative;



	margin-top: 0.35rem;



}







.about_center .center img {



	display: block;



	width: 100%;



	height: 3.55rem;



	border-radius: 0.1rem;



	overflow: hidden;



}







.about_center .center .txt {



	width: auto;



	height: 2.6rem;



	padding: 0 0.25rem;



	border-radius: 0.15rem;



	position: absolute;



	left: 0.15rem;



	bottom: 0;



	background: #fff;



	-moz-box-shadow: 0px 0px 7px #e9e9e9;



	-webkit-box-shadow: 0px 0px 7px #e9e9e9;



	box-shadow: 0px 0px 7px #e9e9e9;



	overflow: hidden;



}







.about_center .center .txt p {



	font-size: 0.22rem;



	line-height: 0.4rem;



	color: #666;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 5;



	overflow: hidden;



	margin-top: 0.2rem;



}







.news {



	width: auto;



	padding: 0.4rem 0.15rem;



	background: #fff;



	border-bottom: solid 0.1rem #f2f2f2;



}







.news .bt {



	height: 0.75rem;



	display: flex;



	justify-content: space-between;



	position: relative;



}







.news .bt::after {



	content: '';



	width: 0.4rem;



	height: 0.04rem;



	background: #000;



	position: absolute;



	bottom: 0;



	left: 0;



}







.news .bt .name {



	font-size: 0.3rem;



	line-height: 0.3rem;



	color: #000;



}







.news .bt p {



	font-size: 0.22rem;



	line-height: 0.18rem;



	color: #c2c2c2;



	font-family: Arial;



	text-transform: Uppercase;



	margin-top: 0.15rem;



}







.news .bt .more {



	font-size: 0.22rem;



	line-height: 0.75rem;



	color: #707070;



	font-family: Arial;



	text-transform: Uppercase;



	background: url(/templates/m_temp_25/images/pro_jt_01.png) right center no-repeat;



	padding-right: 0.3rem;



	background-size: 0.22rem 0.1rem;



}







.news .yinying {



	height: auto;



	margin-top: 0.4rem;



}







.news .tabs {



	width: auto;



	height: 0.4rem;



	line-height: 0.4rem;



	margin-bottom: 0.4rem;



	display: flex;



	justify-content: space-between;



}







.news .tabs a {



	width: 1.15rem;



	font-size: 0.22rem;



	padding-left: 0.55rem;



	color: #fff;



	border-radius: 0.06rem;



	display: inline-block;



}







.news .top {



	width: auto;



	height: 2rem;



	display: flex;



	justify-content: space-between;



}







.news .top a {



	display: block;



	width: 47%;



	height: 2rem;



	border-radius: 0.1rem;



	overflow: hidden;



	position: relative;



}







.news .top a img {



	display: block;



	width: 100%;



	height: 2rem;



	vertical-align: top;



}







.news .top a p {



	width: 90%;



	padding: 0 5%;



	height: 0.45rem;



	line-height: 0.45rem;



	font-size: 0.22rem;



	text-align: center;



	color: #fff;



	background: rgba(0, 0, 0, 0.6);



	position: absolute;



	left: 0;



	bottom: 0;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}







.news .bottom {



	width: auto;



	height: auto;



}







.news .bottom a {



	display: block;



	width: auto;



	height: 1.4rem;



	padding: 0 0.1rem;



	border-bottom: solid 1px #d6d6d6;



	margin-top: 0.4rem;



}







.news .bottom a h4 {



	font-size: 0.26rem;



	line-height: 0.3rem;



	color: #444;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}







.news .bottom a span {



	display: block;



	padding-left: 0.35rem;



	height: 0.25rem;



	line-height: 0.25rem;



	background: url(/templates/m_temp_25/images/date.png) left center no-repeat;



	background-size: 0.22rem 0.22rem;



	margin-top: 0.18rem;



}







.news .bottom a p {



	font-size: 0.22rem;



	line-height: 0.24rem;



	color: #888;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	margin-top: 0.2rem;



}







.footer {



	width: auto;



	padding: 0.4rem 0.15rem 1.6rem 0.15rem;



	height: auto;



	background: #fff;



	position: relative;



}







.footer h4 {



	font-size: 0.28rem;



	line-height: 0.3rem;



	color: #000;



	margin-bottom: 0.4rem;



}







.footer p {



	width: 4.5rem;

	font-size: 0.22rem;

	line-height: 0.33rem;

	color: #666;

	margin-bottom: 0.15rem



}







.footer p a {



	color: #666;



}







.footer p img {



	vertical-align: middle;



}







.footer .ewm {



	width: 1.2rem;



	height: 1.2rem;



	position: absolute;



	right: 0.2rem;



	top: 1rem;



}







.footer .ewm img {



	display: block;



	width: 1.2rem;



	height: 1.2rem;



	vertical-align: top;



}







.webChatHm {



	position: absolute;



	top: -1000%;



}







.webChatBox {



	width: 96%;



	border-radius: 10px;



	background: #fff;



	position: fixed;



	z-index: 999999999999999;



	left: 2%;



	top: 30%;



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



	display: none;



}







.webChatBox .webChatBoxCenter {



	position: relative;



}







.webChatBox .webChatBoxCenter .webClose {



	width: 0.5rem;



	height: 0.5rem;



	background: url(/templates/m_temp_25/images/webChatclose.png) no-repeat center;



	position: absolute;



	top: -0.4rem;



	right: 0.2rem;



	background-size: 50%;



}







.webChatBox .webChatBoxCenter img {



	width: 10%;



	display: block;



	margin: 10% auto 0;



}







.webChatBox .webChatBoxCenter h4 {



	font-weight: bold;



	color: #000;



	text-align: center;



	font-size: 16px;



	padding-top: 0.2rem;



}







.webChatBox .webChatBoxCenter p {



	font-size: 14px;



	text-align: center;



	margin-top: 0.1rem;



}







.webChatBox .webChatBoxCenter span {



	padding: 5px 20px;



	background: #1aad19;



	font-size: 14px;



	line-height: 20px;



	border-radius: 20px;



	color: #fff;



	display: block;



	margin: 0 auto;



	width: 30%;



	text-align: center;



	margin: 6% auto 6%;



}







.ft_nav a {



	width: 25%;



	display: block;



	text-align: center;



	position: relative;



}







.ft_nav a::before {



	content: '';



	width: 1px;



	height: 0rem;



	background: #fff;



	position: absolute;



	top: 0;



	left: 50%;



	-webkit-transition: all .5s;



	transition: all .5s;



}







.ft_nav a.on::before {



	content: '';



	width: 1px;



	height: 8px;



	background: #fff;



	position: absolute;



	top: 0;



	left: 50%;



	-webkit-transition: all .5s;



	transition: all .5s;



}







.ft_nav a i {



	display: block;



	width: 29px;



	height: 26px;



	margin: 12px auto 5px;



}







.ft_nav a:nth-of-type(1) i {



	background: url(/templates/m_temp_25/images/ft_nav_01.png) center center no-repeat;



	background-size: 76%;



}







.ft_nav a:nth-of-type(2) i {



	background: url(/templates/m_temp_25/images/ft_nav_02.png) center center no-repeat;



	background-size: 76%;



}







.ft_nav a:nth-of-type(3) i {



	background: url(/templates/m_temp_25/images/ft_nav_03.png) center center no-repeat;



	background-size: 76%;



}







.ft_nav a:nth-of-type(4) i {



	background: url(/templates/m_temp_25/images/webchat.png) center center no-repeat;



	background-size: 76%;



}







.ft_nav a p {



	font-size: 14px;



	color: #fff;



	line-height: 1;



}<!--ºÄʱ1763397858.3128Ãë-->