* {
	  	margin: 0;
	  	border: 0;
	  	padding: 0;
	  }

	  body {
	  	font-size: 15px;
	  	font-family: Arial, Helvetica, sans-serif;
	  	background: transparent;
	  	line-height: 1.5;
	  	font-weight: 400;
	  	color: #515050;
	  	background-color: #ffffff;
	  }

	  img {
	  	max-width: 100%;
	  }

	  ul,
	  li {
	  	list-style: none;
	  }

	  a {
	  	-webkit-transition: all 0.4s ease-out 0s;
	  	-moz-transition: all 0.4s ease-out 0s;
	  	-ms-transition: all 0.4s ease-out 0s;
	  	-o-transition: all 0.4s ease-out 0s;
	  	transition: all 0.4s ease-out 0s;
	  }

	  a:hover {
	  	-webkit-transition: all 0.4s ease-out 0s;
	  	-moz-transition: all 0.4s ease-out 0s;
	  	-ms-transition: all 0.4s ease-out 0s;
	  	-o-transition: all 0.4s ease-out 0s;
	  	transition: all 0.4s ease-out 0s;
	  }

	  /* ## Global Class ## */

	  p {
	  	font-weight: 400;
	  	line-height: 24px;
	  	font-size: 14px;
	  }

	  h1 {
	  	font-size: 30px;
	  	line-height: 40px;
	  }

	  h1,
	  h2,
	  h3,
	  h4,
	  h5 {
	  	font-weight: 500;
	  	color: #333;
	  }

	  a,
	  a:hover,
	  a:focus,
	  .btn:focus {
	  	-webkit-text-decoration: none;
	  	-moz-text-decoration: none;
	  	-ms-text-decoration: none;
	  	-o-text-decoration: none;
	  	text-decoration: none;
	  	-webkit-text-decoration: none;
	  	-moz-text-decoration: none;
	  	-ms-text-decoration: none;
	  	-o-text-decoration: none;
	  	text-decoration: none;
	  	-webkit-text-decoration: none;
	  	-moz-text-decoration: none;
	  	-ms-text-decoration: none;
	  	-o-text-decoration: none;
	  	text-decoration: none;
	  	-webkit-text-decoration: none;
	  	-moz-text-decoration: none;
	  	-ms-text-decoration: none;
	  	-o-text-decoration: none;
	  	text-decoration: none;
	  	-webkit-text-decoration: none;
	  	-moz-text-decoration: none;
	  	-ms-text-decoration: none;
	  	-o-text-decoration: none;
	  	text-decoration: none;
	  	outline: none;
	  	color: #000;
	  }

	  a {
	  	color: #333333;
	  }

	  a:hover {
	  	color: #d9002b;
	  }

	  .box {}

	  .top {
	  	width: 100%;
	  	height: 85px;
	  	background-color: #ffffff;
	  	clear: both;
	  }

	  .wh {
	  	height: auto;
	  	margin: 0 12.45% 0 12.45%;
	  	overflow: hidden;
	  }

	  .wh_dh {
	  	overflow: initial;
	  }

	  .logo {
	  	margin-top: 20px;
	  	float: left;
	  	margin-left: 48px;
	  }

	  .logo img {
	  	width: 220px;
	  	display: block;
	  }

	  .search1 {
	  	margin-top: 30px;
	  	float: right;
	  	margin-right: .35rem;
	  }

	  .search1 a {
	  	display: block;
	  }

	  .search1 i {
	  	background: url(../images/search.png) no-repeat;
	  	width: .22rem;
	  	height: .24rem;
	  	background-size: 100%;
	  	display: inline-block;
	  }

	  .search {
	  	float: right;
	  	position: absolute;
	  	width: 100%;
	  	top: 85px;
	  	z-index: 99999;
	  	background: #d9002b;

	  }

	  .search dl {
	  	margin: 20px 12.45%;
	  	padding: 20px 0 30px 0;
	  }

	  .search dl dt {
	  	display: block;
	  	font-size: .36rem;
	  	color: #ffffff;
	  }

	  .search dl dd {
	  	display: block;
	  	background: #ffffff;
	  	border-radius: 40px;
	  	padding: 10px;
	  	margin-top: 15px;
	  }

	  .search .rt_iput {
	  	width: -webkit-calc(100% - 88px);
	  	width: -moz-calc(100% - 88px);
	  	width: calc(100% - 88px);
	  	height: 36px;
	  	outline: none;
	  	font-size: 16px;
	  	padding: 0 20px;
	  	vertical-align: middle;
	  	border-radius: 2px 0 0 2px;
	  }

	  .search button {
	  	width: 40px;
	  	height: 40px;
	  	background: #d9002b;
	  	outline: none;
	  	vertical-align: middle;
	  	cursor: pointer;
	  	border-radius: 50%;
	  	color: #FFFFFF;
	  }

	  .nav {
	  	height: 85px;
	  	font-size: 14px;
	  	color: #686868;
	  	margin-top: 0;
	  	float: right;
	  	margin-right: 15px;
	  }

	  .nav ul {}

	  .nav ul li {
	  	font-size: 16px;
	  	line-height: 80px;
	  	font-family: "微软雅黑";
	  	display: inline-block;
	  	padding-left: 34px;
	  	padding-right: 34px;
	  	position: relative;
	  	float: left;
	  }

	  .nav ul li a {
	  	color: #333333;
	  }

	  .nav ul li.cur a {
	  	color: #d9002b;
	  }

	  .nav ul li.cur::before {
	  	content: "";
	  	width: 32px;
	  	bottom: 0;
	  	height: 2px;
	  	background: #d9002b;
	  	position: absolute;
	  }

	  .nav ul li:hover {}

	  .nav ul li a:hover {
	  	color: #d9002b;
	  }

	  .nav ul li.on a {
	  	color: #333333;
	  	font-weight: bold;
	  }

	  .tel {
	  	background: #d9002b;
	  	display: flex;
	  	height: 100%;
	  	padding: 0 20px;
	  	flex-direction: row;
	  	flex-wrap: nowrap;
	  	align-items: center;
	  	font-size: 22px;
	  	color: #ffffff;
	  	float: right;
	  }

	  .tel i img {
	  	display: block;
	  }

	  .tel span {
	  	margin-left: 20px;
	  	font-family: "din";
	  }

	  .am-slider-default .am-control-nav li a.am-active {
	  	background-color: #d9002b !important;
	  }

	  .banner {
	  	width: 100%;
	  	overflow: hidden;
	  }

	  .banner .tabloid .am-slider-default .am-control-nav {
	  	bottom: 19px;
	  	text-align: center;
	  	right: 0;
	  	width: 100%;
	  	border-top: 1px solid rgb(255 255 255 / 20%);
	  	padding-top: .2rem;
	  	padding-bottom: .1rem;
	  }

	  .banner .am-slider-default .am-direction-nav a {
	  	opacity: 1;
	  	top: inherit;
	  	bottom: 0;
	  }

	  .banner .am-slider-default .am-direction-nav .am-prev {
	  	left: 0.6rem;
	  	background: url(../images/ar_l_hover.png) no-repeat;
	  }

	  .banner .am-slider-default .am-direction-nav .am-prev:hover {
	  	background: url(../images/ar_l.png) no-repeat;
	  }

	  .banner .am-slider-default .am-direction-nav .am-next {
	  	right: 0.6rem;
	  	text-align: right;
	  	background: url(../images/ar_r_hover.png) no-repeat;
	  }

	  .banner .am-slider-default .am-direction-nav .am-next:hover {
	  	background: url(../images/ar_r.png) no-repeat;
	  }

	  .bg {
	  	background: #f4f6f8;
	  	overflow: hidden;
	  }

	  .bg1 {
	  	background: url(../images/bg01.jpg) no-repeat left top;
	  	background-size: auto 100%;
	  }

	  .shebei {
	  	margin-top: .5rem;
	  }

	  .about {
	  	display: block;
	  	margin: 0 0 0 12.45%;
	  	position: relative;
	  	height: 8.9rem;
	  }

	  .about_left {
	  	position: absolute;
	  	width: 40%;
	  	top: 1.8rem;
	  }

	  .about_left h2 {
	  	font-size: 26px;
	  	display: block;
	  	color: #d9002b;
	  }

	  .about_left span {
	  	font-size: 40px;
	  	display: block;
	  	color: #222222;
	  	line-height: 55px;
	  	margin-top: 30px;
	  }

	  .about_left p {
	  	font-size: 18px;
	  	display: block;
	  	color: #666666;
	  	line-height: 35px;
	  	margin-top: 20px;
	  }

	  .about_left a.more {
	  	height: 60px;
	  	line-height: 60px;
	  	background: #d9002b;
	  	display: block;
	  	width: 180px;
	  	border-radius: 40px;
	  	margin-top: 70px;
	  }

	  .about_left a.more span {
	  	font-size: 18px;
	  	color: #ffffff;
	  	display: inline-block;
	  	margin-top: 0;
	  	float: left;
	  	margin-left: 32px;
	  	line-height: 60px;
	  }

	  .about_left a.more i {
	  	font-size: 32px;
	  	color: #d9002b;
	  	display: inline-block;
	  	margin-top: 0;
	  	background: #ffffff;
	  	text-align: center;
	  	line-height: 45px;
	  	width: 45px;
	  	height: 45px;
	  	border-radius: 50%;
	  	float: right;
	  	margin: 8px 8px 0 0;
	  }

	  .about_right {
	  	height: 100%;
	  	float: right;
	  }

	  .about_right img {
	  	display: block;
	  	width: 100%;

	  }

	  .bg2 {
	  	background: url(../images/bg02.jpg) no-repeat left top;
	  	background-size: 100% 100%;
	  }

	  .swiper-container {
	  	width: 100%;
	  	height: auto;
	  	margin-left: auto;
	  	margin-right: auto;
	  }

	  /* 
	  .swiper-slide {
	  	text-align: center;
	  	font-size: 18px;
	  	background: #fff;
	  	height: 200px;
	  	/* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }

	  */ .banner .am-slider-default .am-control-nav li a {
	  	width: 10px;
	  	height: 10px;
	  	box-shadow: initial;
	  }

	  .product {
	  	display: block;
	  	margin: 0 12.45% 0 12.45%;
	  	position: relative;
	  	padding-top: 1.2rem;
	  	padding-bottom: 1.38rem;
	  }

	  .product .title {
	  	display: block;
	  }

	  .product .title h2 {
	  	display: block;
	  	color: #d9002b;
	  	font-size: 46px;
	  }

	  .product .title h2 span {
	  	color: #1c1c1c;
	  }

	  .product .title p {
	  	display: block;
	  	color: #888888;
	  	font-size: 16px;
	  	margin-top: 10px;
	  }

	  .product .title ul {
	  	display: flex;
	  	margin-top: 35px;
	  }

	  .product .title ul li {
	  	height: 70px;
	  	line-height: 70px;
	  	background: #ffffff;
	  	border-radius: 40px;
	  	color: #333333;
	  	font-size: 20px;
	  	padding: 0 .6rem;
	  	margin-right: 15px;
	  	cursor: pointer;
	  }

	  .product .title ul li.cur {
	  	height: 70px;
	  	line-height: 70px;
	  	background: #d9002b;
	  	border-radius: 40px;
	  	color: #ffffff;
	  	font-size: 20px;
	  	padding: 0 60px;
	  	margin-right: 15px;
	  	cursor: pointer;
	  }

	  .product .content {
	  	margin-top: 40px;
	  }

	  .product .content ul li {
	  	padding: 35px 0;
	  	-webkit-box-shadow: 0 0 22px 0 rgb(0 0 0 / 2%);
	  	box-shadow: 0 0 22px 0 rgb(0 0 0 / 2%);
	  	border-radius: 35px;
	  }

	  .product .content ul li dt {
	  	display: block;
	  	width: 100%;
	  }

	  .product .content ul li dt img {
	  	display: block;
	  	width: 100%;
	  	border-radius: 30px;
	  }

	  .product .content ul li dd a {
	  	display: block;
	  	width: 100%;
	  	margin-top: 20px;
	  	background: #ffffff;
	  	border-radius: 40px;
	  	height: 80px;
	  	line-height: 80px;
	  	text-align: center;
	  	font-size: 20px;
	  }

	  .product .content ul li dd a:hover {
	  	display: block;
	  	width: 100%;
	  	margin-top: 20px;
	  	background: #d9002b;
	  	border-radius: 40px;
	  	height: 80px;
	  	line-height: 80px;
	  	text-align: center;
	  	font-size: 20px;
	  	color: #ffffff;
	  }

	  .news {
	  	display: block;
	  	margin: 0 12.45% 0 12.45%;
	  	position: relative;
	  	padding-top: 120px;
	  	padding-bottom: 100px;
	  }

	  .news .title {
	  	display: block;
	  	position: relative;
	  }

	  .news .title h2 {
	  	display: block;
	  	color: #d9002b;
	  	font-size: 46px;
	  }

	  .news .title h2 span {
	  	color: #1c1c1c;
	  	display: inline-block;
	  	margin: 0;
	  	font-size: 46px;
	  }

	  .news .title span {
	  	color: #888888;
	  	display: block;
	  	margin-top: 12px;
	  	font-size: 16px;
	  }

	  .news .title p {
	  	display: block;
	  	color: #888888;
	  	font-size: 16px;
	  	margin-top: 10px;
	  }

	  .news .title a.more {
	  	height: 60px;
	  	line-height: 60px;
	  	background: #d9002b;
	  	display: block;
	  	width: 180px;
	  	border-radius: 40px;
	  	position: absolute;
	  	top: 15px;
	  	right: 0;
	  }

	  .news .title a.more span {
	  	font-size: 18px;
	  	color: #ffffff;
	  	display: inline-block;
	  	margin-top: 0;
	  	float: left;
	  	margin-left: 32px;
	  	line-height: 60px;
	  }

	  .news .title a.more i {
	  	font-size: 32px;
	  	color: #d9002b;
	  	display: inline-block;
	  	margin-top: 0;
	  	background: #ffffff;
	  	text-align: center;
	  	line-height: 45px;
	  	width: 45px;
	  	height: 45px;
	  	border-radius: 50%;
	  	float: right;
	  	margin: 8px 8px 0 0;
	  }

	  .news .content {
	  	margin-top: .5rem;
	  }

	  .news .content ul {
	  	display: flex;
	  	margin: 0 -30px;
	  	flex-wrap: wrap;
	  }

	  .news .content ul li {
	  	width: -webkit-calc(33.33% - 62px);
	  	width: -moz-calc(33.33% - 62px);
	  	width: calc(33.33% - 62px);
	  	margin: 0 30px;
	  	border: 1px solid #dae9f4;
	  	min-height: 480px;
	  	border-radius: 20px;
	  }

	  .news .content ul li div {
	  	display: block;
	  	margin: .4rem;
	  }

	  .news .content ul li div span {
	  	display: block;
	  	font-size: 18px;
	  	color: #999999;
	  }

	  .news .content ul li div span b {
	  	font-size: 28px;
	  	color: #333333;
	  }

	  .news .content ul li div h2 {
	  	display: block;
	  	font-size: 22px;
	  	color: #333333;
	  	line-height: 34px;
	  	margin-top: 25px;
	  	min-height: 80px;
	  }

	  .news .content ul li div h2 a {
	  	color: #333333;
	  }

	  .news .content ul li div p {
	  	display: block;
	  	font-size: 16px;
	  	color: #666666;
	  	line-height: 29px;
	  	margin-top: 30px;
	  	min-height: 100px;
	  }

	  .news .content ul li div a.more {
	  	height: 44px;
	  	line-height: 44px;
	  	display: block;
	  	border: 1px solid #c1c8cd;
	  	width: 146px;
	  	border-radius: 40px;
	  	margin-top: 50px;
	  	background: url(../images/more.png) no-repeat 81% center;
	  }

	  .news .content ul li div a.more span {
	  	margin-left: 30px;
	  	display: inline-block;
	  	font-size: 16px;
	  }

	  .news .content ul li:hover {
	  	background: url(../images/newsbg.jpg) no-repeat;
	  	background-size: cover;
	  	border: 0;
	  	padding: 1px;
	  }

	  .news .content ul li:hover span {
	  	color: #ffffff;
	  }

	  .news .content ul li:hover span b {
	  	color: #ffffff;
	  }

	  .news .content ul li:hover h2 a {
	  	color: #ffffff;
	  }

	  .news .content ul li:hover p {
	  	color: #ffffff;
	  }

	  .news .content ul li:hover a.more {
	  	color: #d9002b;
	  	border: 1px solid #ffffff;
	  	background: url(../images/more_hover.png) no-repeat 81% center #ffffff;
	  }

	  .news .content ul li:hover a.more span {
	  	color: #d9002b;
	  }

	  .job {
	  	display: block;
	  	margin: 0 8% 0 8%;
	  	position: relative;
	  	padding-top: 0;
	  	height: 6.4rem;
	  	background: url(../images/bg03.jpg) no-repeat;
	  	background-size: 100% 100%;
	  	border-radius: 40px;
	  	margin-bottom: 1rem;
	  }

	  .job .title {
	  	display: block;
	  	position: relative;
	  	margin: 0 5.2% 0 5.2%;
	  	padding-top: 1.2rem;
	  }

	  .job .title h2 {
	  	display: block;
	  	color: #ffffff;
	  	font-size: .36rem;
	  	line-height: .54rem;
	  	width: 43%;
	  	margin-top: .4rem;
	  }

	  .job .title span {
	  	color: #ffffff;
	  	font-size: 20px;
	  }

	  .news .title p {
	  	display: block;
	  	color: #888888;
	  	font-size: 16px;
	  	margin-top: 10px;
	  }

	  .job .content {
	  	display: block;
	  	position: relative;
	  	margin: 0 5.2% 0 5.2%;
	  	padding-top: 90px;
	  }

	  .job .content ul {
	  	display: flex;
	  }

	  .job .content ul li {
	  	width: 380px;
	  	margin-right: 40px;
	  	background-color: rgb(255 255 255 / 40%);
	  	min-height: 1.5rem;
	  	border-radius: 20px;
	  	position: relative;
	  }

	  .job .content ul li i {
	  	width: .78rem;
	  	height: .78rem;
	  	border-radius: 50%;
	  	border: 1px solid #ffffff;
	  	display: inline-block;
	  	position: absolute;
	  	top: .35rem;
	  	left: .5rem;
	  }

	  .job .content ul li:nth-child(1) i {
	  	background: url(../images/job_icon.png) no-repeat center center;
	  }

	  .job .content ul li:nth-child(2) i {
	  	background: url(../images/tel_icon.png) no-repeat center center;
	  }

	  .job .content ul li h2 {
	  	font-size: 22px;
	  	color: #ffffff;
	  	margin-top: .4rem;
	  	margin-left: 1.6rem;
	  }

	  .job .content ul li span {
	  	font-size: 18px;
	  	color: #ffffff;
	  	display: block;
	  	margin-top: .03rem;
	  	margin-left: 1.6rem;
	  }

	  .main {
	  	margin: 0 12.45%;
	  	overflow: hidden;
	  	margin-bottom: 70px;
	  }

	  .l-r {
	  	display: block;
	  	width: 100%;
	  }

	  .l-r .content-1 {
	  	display: block;
	  	margin-top: .2rem;
	  	overflow: hidden;
	  }

	  .l-r .content-1 ul {
	  	display: block;
	  }

	  .l-r .content-1 ul li {
	  	display: block;
	  	border: 1px solid #dae9f4;
	  	margin-top: .3rem;
	  	padding: .2rem;
	  	border-radius: 8px;
	  }

	  .l-r .content-1 ul li span {
	  	display: block;
	  	font-size: 14px;
	  }

	  .l-r .content-1 ul li h3 {
	  	display: block;
	  	font-size: .18rem;
	  	margin-top: 5px;
	  }

	  .bannerlist01 {
	  	width: 100%;
	  	height: 5.96rem;
	  	position: relative;
	  	background-size: 100% 100%;
	  }

	  .bannerlist01 h2 {
	  	position: absolute;
	  	bottom: 30px;
	  	left: 12.45%;
	  	font-size: 38px;
	  	color: #ffffff;
	  }

	  .orient {
	  	width: 100%;
	  	height: 60px;
	  	border-bottom: 1px solid #d9d9d9;
	  	line-height: 60px;
	  	text-align: right;
	  }

	  .orient span {
	  	margin-right: 12.45%;
	  	color: #999999;
	  	background: url(../images/orient.png) no-repeat left center;
	  	padding-left: 30px;
	  	line-height: 60px;
	  	display: inline-block;
	  }

	  .orient span a {
	  	color: #999999;
	  }

	  .aboutlist {
	  	display: block;
	  	margin: 0 12.45% 0 12.45%;
	  	position: relative;
	  	margin-bottom: 1.2rem;
	  	overflow: hidden;
	  	margin-top: 1.1rem;
	  }

	  .aboutlist dl {
	  	display: block;
	  }

	  .aboutlist dl dt.ab_img01 {
	  	display: block;
	  	width: 40%;
	  	float: left;
	  	margin-top: 1.5rem;
	  }

	  .aboutlist dl dt.ab_img01 img {
	  	display: block;
	  	width: 100%;
	  }

	  .aboutlist dl dd {
	  	display: block;
	  	width: 55%;
	  	float: right;
	  }

	  .aboutlist dl dd span {
	  	font-size: 26px;
	  	color: #d9002b;
	  	display: block;
	  }

	  .aboutlist dl dd h2 {
	  	font-size: 40px;
	  	color: #222222;
	  	display: block;
	  	margin-top: .2rem;
	  	line-height: 55px;
	  	margin-right: 1.1rem;
	  }

	  .aboutlist dl dd div {
	  	display: block;
	  	margin-top: .15rem;
	  }

	  .aboutlist dl dd p {
	  	font-size: 18px;
	  	color: #666666;
	  	display: block;
	  	margin-top: .2rem;
	  	line-height: 35px;
	  }

	  .aboutlist dl dt.ab_img02 {
	  	display: block;
	  	width: 100%;
	  	float: left;
	  	margin-top: 45px;
	  }

	  .aboutlist dl dt.ab_img02 img {
	  	display: block;
	  	width: 100%;
	  }

	  .nav_left {
	  	width: 294px;
	  	float: left;
	  	background: url(../images/navbg.jpg) repeat-x left top;
	  	margin-top: 50px;
	  	border-radius: 30px;
	  	padding-bottom: 0px;
	  }

	  .nav_left .title {
	  	margin-left: 10px;
	  	text-align: center;
	  	padding: .4rem 0;
	  }

	  .nav_left .title h2 {
	  	font-size: .36rem;
	  	color: #ffffff;
	  	line-height: 55px;
	  	font-weight: bold;
	  }

	  .nav_left .content {
	  	margin-left: 10px;
	  }

	  .nav_left .content ul {
	  	display: block;
	  	border-radius: 30px;
	  	overflow: hidden;
	  }

	  .nav_left .content ul li {
	  	display: block;
	  	border-bottom: 1px solid #fcecef;
	  }

	  .nav_left .content ul li:last-child {
	  	border-bottom: 0;
	  }

	  .nav_left .content ul li a {
	  	display: block;
	  	width: -webkit-calc(100% - 30px);
	  	width: -moz-calc(100% - 30px);
	  	width: calc(100% - 30px);
	  	height: 65px;
	  	line-height: 65px;
	  	font-size: .2rem;
	  	padding-left: 30px;
	  	color: #333333;
	  	background: url(../images/r_icon.png) no-repeat 92% center #ffffff;
	  }

	  .nav_left .content ul li.cur a {
	  	color: #ffffff;
	  	background: url(../images/r_icon.png) no-repeat 92% center #d41138;
	  }

	  .chanpin {
	  	width: 76%;
	  	float: right;
	  }

	  .cplist {
	  	width: 100%;
	  	display: block;
	  }

	  .cplist ul {
	  	display: flex;
	  	margin: 0 -16px;
	  	flex-wrap: wrap;
	  }

	  .cplist ul li {
	  	width: -webkit-calc(33.33% - 32px);
	  	width: -moz-calc(33.33% - 32px);
	  	width: calc(33.33% - 32px);
	  	margin: 0 16px;
	  	margin-top: .5rem;
	  }

	  .cplist ul li dt {
	  	display: block;
	  	width: 100%;
	  }

	  .cplist ul li dt img {
	  	display: block;
	  	width: 100%;
	  	border-radius: 30px;
	  }

	  .cplist ul li dd a {
	  	display: block;
	  	width: 100%;
	  	margin-top: .2rem;
	  	background: #f5eded;
	  	border-radius: 40px;
	  	height: .8rem;
	  	line-height: .8rem;
	  	text-align: center;
	  	font-size: .2rem;
	  }

	  .cplist ul li dd a:hover {
	  	display: block;
	  	width: 100%;
	  	margin-top: .2rem;
	  	background: #d9002b;
	  	border-radius: 40px;
	  	height: .8rem;
	  	line-height: .8rem;
	  	text-align: center;
	  	font-size: .2rem;
	  	color: #ffffff;
	  }

	  .cp_detail_top {
	  	width: 100%;
	  	display: block;
	  	background: #fbf5f5;
	  	border-radius: 30px;
	  	margin-top: 50px;
	  }

	  .cp_detail_top dl {
	  	padding: 35px;
	  	overflow: hidden;
	  }

	  .cp_detail_top dl dt {
	  	width: 40%;
	  	float: left;
	  }

	  .cp_detail_top dl dt img {
	  	width: 100%;
	  	display: block;
	  	border-radius: 30px;
	  }

	  .cp_detail_top dl dd {
	  	width: 54%;
	  	float: right;
	  }

	  .cp_detail_top dl dd h2 {
	  	color: #333333;
	  	display: block;
	  	position: relative;
	  	padding-bottom: .2rem;
	  	font-size: .28rem;
	  	font-weight: bold;
	  	margin-bottom: .3rem;
	  	margin: 15px 0 0 0
	  }

	  .cp_detail_top dl dd h2::before {
	  	content: "";
	  	position: absolute;
	  	bottom: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 1px;
	  	background: #aabbc7;
	  	opacity: .5;
	  }

	  .cp_detail_top dl dd p {
	  	font-size: 18px;
	  	color: #666666;
	  	display: block;
	  	line-height: 41px;
	  	margin: 25px 0 0 0
	  }

	  .cp_detail_top dl dd label {
	  	background: #d9002b;
	  	width: 280px;
	  	height: 75px;
	  	border-radius: 40px;
	  	line-height: 75px;
	  	flex-direction: row;
	  	text-align: center;
	  	font-size: .22rem;
	  	color: #ffffff;
	  	float: left;
	  	margin-top: 38px;
	  }

	  .cp_detail_top dl dd label i img {
	  	display: inline-block;
	  	vertical-align: middle;
	  	margin-top: -10px;
	  }

	  .cp_detail_top dl dd label span {
	  	margin-left: 15px;
	  	font-family: "din";
	  	display: inline-block;
	  }

	  .cp_detail_bottom {
	  	width: 100%;
	  	display: block;
	  	background: #fbf5f5;
	  	border-radius: 30px;
	  	margin-top: 50px;
	  }

	  .cp_detail_bottom .title {
	  	padding: 38px 35px 0 0;
	  	overflow: hidden;
	  }

	  .cp_detail_bottom .title h2 {
	  	display: inline-block;
	  	background: #d9002b;
	  	width: 180px;
	  	height: .75rem;
	  	border-radius: 0 40px 40px 0;
	  	line-height: .75rem;
	  	flex-direction: row;
	  	text-align: center;
	  	font-size: .26rem;
	  	color: #ffffff;
	  }

	  .cp_detail_bottom .content {
	  	padding: .35rem;
	  	overflow: hidden;
	  	padding-top: 10px;
	  	font-size: .18rem;
	  	color: #333333;
	  	line-height: 40px;
	  }

	  .cp_detail_bottom .content p {
	  	font-size: 18px;
	  	line-height: 40px;
	  }

	  .cp_detail_bottom .content img {
	  	max-width: 100%;
	  	display: block;
	  }

	  .cp_detail_bottom .content p {
	  	margin-top: 20px;
	  }

	  .newslist {
	  	padding-top: 0px;
	  }

	  .newslist .content ul li {
	  	margin-top: .6rem;
	  }

	  .proWrap {
	  	width: 100%;
	  	margin: 0 0%;
	  	float: left;
	  	margin-top: 3%;
	  	padding-bottom: 0%;
	  }

	  .joinList {}

	  .proWrap .title1 {
	  	margin: 0 0%;
	  	display: block;
	  	margin-top: 0%;
	  	margin-bottom: 2px;
	  	background: #a12522;
	  	padding: 13px 0;
	  	padding-left: 5%;
	  	padding-right: 70px;
	  	color: #ffffff;
	  }

	  .proWrap .title1 .join-p {
	  	float: right;
	  	font-size: 16px;
	  	color: #ffffff;
	  	font-weight: normal;
	  	margin-right: 10px;
	  	text-align: center;
	  	width: 120px;
	  	margin-left: 10px;
	  }

	  .joinList li {
	  	margin-bottom: 0rem;
	  	width: 100%;
	  	float: left;
	  	background: #fcfafa;
	  }

	  .joinList li:nth-child(odd) {
	  	background: #f5eded;
	  }

	  .joinList li:last-child {
	  	margin-bottom: 0;
	  }

	  .joinTit {
	  	overflow: hidden;
	  	position: relative;
	  	margin: 0;
	  	font-size: 18px;
	  	color: #333333;
	  	padding: 10px 0;
	  	line-height: 40px;
	  	padding-right: 70px;
	  	padding-left: 2%;
	  	cursor: pointer;
	  	transition: all 0.3s linear;
	  }

	  .joinIco1 {
	  	float: right;
	  	width: 25px;
	  	height: 25px;
	  	position: absolute;
	  	right: 0.3rem;
	  	background: url(../images/r-bg.png) no-repeat center center;
	  	background-size: 50%;
	  	border-radius: 50%;
	  	top: 50%;
	  	transform: translateY(-50%);
	  }

	  .joinList li.active .joinIco1 {
	  	background: url(../images/t-bg.png) no-repeat center center;
	  	background-size: 50%;
	  	width: 25px;
	  	height: 25px;
	  	transform: translateY(-50%);
	  }

	  .joinTit .join-p {
	  	float: right;
	  	font-size: 18px;
	  	color: #333333;
	  	font-weight: normal;
	  	margin-right: 10px;
	  	margin-left: 10px;
	  	width: 70%;
	  	text-align: center;
	  }

	  .joinList li.active .join-p {
	  	color: #fff;
	  }

	  .joinText {
	  	padding: 0.3rem 2%;
	  	font-size: 18px;
	  	background: #f5eded;
	  	color: #666666;
	  	line-height: 200%;
	  	word-break: break-all;
	  	display: none;
	  	overflow: hidden;
	  }

	  .joinText h3 {
	  	font-size: 18px;
	  	color: #333333;
	  	line-height: 200%;
	  }

	  .joinText p {
	  	margin-bottom: 15px;
	  	line-height: 40px;
	  	width: 100%;
	  	float: left;
	  	font-size: 16px;
	  	overflow: hidden;
	  }

	  .joinText p b {
	  	font-size: 20px;
	  	color: #d9002b;
	  }

	  .joinText label {
	  	float: left;
	  	background: #0060ff;
	  	padding: 4px;
	  	color: #fff;
	  	font-style: normal;
	  }

	  .joinText label em {
	  	float: left;
	  	border: 1px solid #fff;
	  	font-size: 16px;
	  	padding: 3px 30px;
	  	color: #fff;
	  	font-style: normal;
	  }

	  .joinText label em img {
	  	vertical-align: middle;
	  	margin-right: 10px;
	  	width: 20px;
	  	margin-top: -2px;
	  }

	  .joinList li.active .joinTit {
	  	color: #ffffff;
	  	background: #d9002b;
	  }

	  .joinList li.active .joinIco1:after {
	  	height: 0;
	  }

	  .joinList li.active .joinIco1:before {
	  	background: #e1e1e1;
	  	color: #333333;
	  }

	  .joinList li.active .joinTit .join-p {
	  	color: #ffffff;
	  }

	  .joinList li.active .joinIco2 {
	  	background-image: url(../images/joinIco2.png);
	  }



	  .map {
	  	display: flex;
	  	margin-top: 65px;
	  	flex-direction: column;
	  	align-items: center;
	  }

	  .map .map_img {
	  	display: flex;
	  	width: 100%;
	  }

	  .map .map_img img {
	  	display: block;
	  	width: 100%;
	  	border-radius: 30px;
	  }

	  .map .map_title {
	  	display: flex;
	  	width: 100%;
/* 	  	background: #ffffff;
	  	border-radius: 30px; */
	  	margin-top: 0px;
	  	overflow: hidden;
	  }

	  .map .map_title dl {
	  	width: 100%;
	  	height: 100%;
	  }

	  .map .map_title dl dd {
	  	float: left;
	  	height: 360px;
	  	width: 70%;
	  }

	  .map .map_title dl dd h2 {
	  	font-size: 22px;
	  	color: #d9002b;
	  	display: block;
	  	position: relative;
	  	padding-bottom: 20px;
	  	font-size: 28px;
	  	font-weight: bold;
	  	margin-bottom: 30px;
	  	margin: 40px 0 0 26px
	  }

	  .map .map_title dl dd h2 span {
	  	display: block;
	  	font-size: 18px;
	  	font-weight: normal;
	  }

	  .map .map_title dl dd h2::before {
	  	content: "";
	  	position: absolute;
	  	bottom: 0;
	  	left: 0;
	  	width: 60px;
	  	height: 1px;
	  	background: #d9002b;
	  }

	  .map .map_title dl dd p {
	  	font-size: 18px;
	  	color: #333333;
	  	display: block;
	  	line-height: 41px;
	  	margin: 30px 0 0 26px
	  }

	  .map .map_title dl dt {
	  	float: right;
	  	width: 147px;
	  	/* background: #d9002b; */
	  	height: 360px;
	  	text-align: center;
		margin-right: 26px;
	  }

	  .map .map_title dl dt label {
	  	width: 147px;
	  	margin-top: 80px;
	  }

	  .map .map_title dl dt label img {
	  	width: 100%;
	  	display: block;
	  }

	  .map .map_title dl dt span {
	  	font-size: 18px;
	  	color: #333333;
	  	display: block;
	  	margin-top: 15px;
	  	font-weight: normal;
	  }

	  .detail {
	  	display: block;
	  	width: 100%;
	  	margin-top: 60px;
	  }

	  .detail .title {
	  	display: block;
	  	width: 100%;
	  }

	  .detail .title span {
	  	display: block;
	  	width: 100%;
	  	font-size: 16px;
	  	color: #999999;
	  }

	  .detail .title h2 {
	  	display: block;
	  	width: 100%;
	  	font-size: 42px;
	  	color: #333333;
	  	margin-top: 10px;
	  }

	  .detail .content {
	  	display: block;
	  	width: 100%;
	  	margin-top: 25px;
	  }

	  .detail .content p img {
	  	display: block;
	  }

	  .detail .content p {
	  	margin-top: 10px;
	  	line-height: 40px;
	  	font-size: 16px;
	  }

	  .d_page {
	  	width: 100%;
	  	margin-top: 50px;
	  	background: #f5eded;
	  	border-radius: 30px;
	  }

	  .d_page ul {
	  	padding: 35px;
	  	display: flex;
	  	justify-content: space-between;
	  }

	  .d_page ul li span {
	  	display: block;
	  	color: #999999;
	  	font-size: 16px;
	  }

	  .d_page ul li a {
	  	display: block;
	  	margin-top: 5px;
	  	color: #333333;
	  	font-size: 18px;
	  }

	  .d_page ul li a:hover {
	  	color: #d9002b;
	  }

	  .d_page ul li:last-child {
	  	text-align: right;
	  }

	  .d_page ul li i {
	  	display: inline-block;
	  	width: 66px;
	  	height: 66px;
	  	border-radius: 50%;
	  	background: url(../images/homeicon.png) no-repeat center center #d9002b;
	  }

	  .d_page ul li:nth-child(2) a {
	  	margin-top: 0;
	  }

	  .page {
	  	display: flex;
	  	width: 100%;
	  	justify-content: center;
	  	margin-top: 70px;
	  }

	  .page a {
	  	display: flex;
	  	width: .65rem;
	  	height: .65rem;
	  	border-radius: 50%;
	  	background: #f5eded;
	  	line-height: .65rem;
	  	text-align: center;
	  	margin: 0 5px;
	  	justify-content: center;
	  	font-size: .2rem;
	  	color: #463939;
	  }

	  .page a:hover {
	  	background: #d9002b;
	  	color: #ffffff;
	  }

	  .page a.cur {
	  	background: #d9002b;
	  	color: #ffffff;
	  }

	  .page a.page_l,
	  .page a.page_r {
	  	width: auto;
	  	padding: 0 .3rem;
	  	border-radius: 35px;
	  }

	  /**底部通用样式**/
	  .footer {
	  	width: 100%;
	  	background: url(../images/bg04.jpg) no-repeat;
	  	background-size: 100% 100%;
	  	padding: 0 0 10px 0;
	  	font-size: 14px;
	  }

	  .foot-t {
	  	display: block;
	  	border-bottom: 1px solid rgb(255 255 255 / 20%);
	  }

	  .foot-t h2 {
	  	float: left;
	  	margin-top: 30px;
	  }

	  .foot-t ul {
	  	float: right;
	  	display: flex;
	  }

	  .foot-t ul li {
	  	margin-left: 60px;
	  	padding: 35px 0;
	  	font-size: 20px;
	  }

	  .foot-t ul li a {
	  	color: #ffffff;
	  }

	  .foot-c {
	  	display: block;
	  	margin-top: 60px;
	  }

	  .ft-titlte {
	  	float: left;
	  	color: #ffffff;
	  }

	  .ft-titlte h2 {
	  	font-size: 22px;
	  	color: #ffffff;
	  	display: block;
	  	position: relative;
	  	padding-bottom: 20px;
	  	margin-bottom: 30px;
	  }

	  .ft-titlte h2::before {
	  	content: "";
	  	position: absolute;
	  	bottom: 0;
	  	left: 0;
	  	width: 40px;
	  	height: 1px;
	  	background: #ffffff;
	  }

	  .ft-titlte p b {
	  	font-size: 30px;
	  }

	  .ft-titlte p {
	  	font-size: 18px;
	  	color: #ffffff;
	  	display: block;
	  	line-height: 35px;
	  	margin-top: 10px;
	  }

	  .ft-r {
	  	float: right;
	  	width: 108px;
	  	text-align: center;
	  	margin-top: 30px;
		margin-left: 15px;
	  }

	  .ft-r span {
	  	font-size: 15px;
	  	color: #ffffff;
	  	display: block;
	  	margin-top: 10px;
	  }

	  .foot-b {
	  	display: block;
	  	border-top: 1px solid rgb(255 255 255 / 20%);
	  	margin-top: 45px;
	  	padding: 30px 0 15px 0;
	  }

	  .foot-b span {
	  	font-size: 16px;
	  	color: #ffffff;
	  }

	  .foot-b span.l {
	  	float: left;
	  }

	  .foot-b span.r {
	  	float: right;
	  }

	  .footer_in {
	  	padding: 20px 0 15px 0;
	  	border-bottom: 1px solid #3D3E40;
	  	text-align: center;
	  	font-size: 15px;
	  }

	  .footer_in a {
	  	padding: 0 30px;
	  	color: #ddd;
	  	position: relative;
	  	z-index: 1;
	  }

	  .footer_in a:before {
	  	content: "";
	  	width: 1px;
	  	height: 16px;
	  	background: #3f3f3f;
	  	position: absolute;
	  	left: 0;
	  	top: 50%;
	  	margin-top: -7px;
	  }

	  .footer_in a:first-child:before {
	  	background: #252525;
	  }

	  .footlogo {
	  	display: inline-block;
	  	margin: 3px auto 10px auto;
	  	height: 50px;
	  }

	  .footlogo img {
	  	height: 100%;
	  }

	  .gotop {
	  	width: 40px;
	  	height: 40px;
	  	background: #d9002b;
	  	font-size: 14px;
	  	text-align: center;
	  	position: fixed;
	  	right: 15px;
	  	bottom: 120px;
	  	padding: 5px;
		z-index: 88;
	  }

	  .gotop a {
	  	color: #ffffff;
	  }

	  @media only screen and (max-width:1680px) {
	  	.about {
	  		height: 8rem;
	  	}

	  	.bannerlist01 {
	  		height: 5rem;
	  	}

	  	.chanpin {
	  		width: 72%;
	  		float: right;
	  	}
	  }

	  @media only screen and (max-width: 1440px) {
	  	.about_left h2 {
	  		font-size: 16px;
	  	}

	  	.about_left span {
	  		font-size: 30px;
	  		margin-top: .3rem;
	  		line-height: 40px;
	  	}

	  	.about_left p {
	  		font-size: 16px;
	  	}

	  	.about_left {
	  		top: 1.2rem;
	  	}

	  	.about {
	  		margin: 0 0 0 10%;
	  	}

	  	.product {
	  		margin: 0 10% 0 10%;
	  	}

	  	.product .title h2,
	  	.news .title h2,
	  	.news .title h2 span {
	  		font-size: 32px;
	  		font-weight: bold;
	  	}

	  	.product .title ul li {
	  		font-size: 18px;
	  		height: 60px;
	  		line-height: 60px;
	  	}

	  	.product .title ul li.cur {
	  		font-size: 18px;
	  		height: 60px;
	  		line-height: 60px;
	  	}

	  	.product .content ul li dd a {
	  		font-size: 18px;
	  		height: 70px;
	  		line-height: 70px;
	  	}
		.product .content ul li dd a:hover {
			font-size: 18px;
			height: 70px;
			line-height: 70px;
		}
	  	.news {
	  		margin: 0 10% 0 10%;
	  		position: relative;
	  		padding-top: 1.2rem;
	  		padding-bottom: 1rem;
	  	}

	  	.news .title a.more span {
	  		font-size: 16px;
	  	}

	  	.newslist {
	  		padding-top: 0px;
	  	}

	  	.job {
	  		display: block;
	  		margin: 0 5% 0 5%;
	  		margin-bottom: 1rem;
	  	}

	  	.wh {
	  		height: auto;
	  		margin: 0 10% 0 10%;
	  		overflow: hidden;
	  	}

	  	.foot-t ul li {
	  		margin-left: .6rem;
	  	}

	  	.bannerlist01 {
	  		height: 5rem;
	  	}

	  	.aboutlist {
	  		margin: 0 10% 0 10%;
	  		margin-bottom: 1.2rem;
	  		margin-top: 1.1rem;
	  	}

	  	.chanpin {
	  		width: 68%;
	  		float: right;
	  	}

	  	.main {
	  		margin: 0 10%;
	  		overflow: hidden;
	  		margin-bottom: .7rem;
	  	}

	  	.bannerlist01 h2 {
	  		left: 10%;
	  	}
	  }

	  @media only screen and (max-width: 1366px) {
	  	.nav ul li {
	  		padding-left: .34rem;
	  		padding-right: .34rem;
	  	}

	  	.bannerlist01 {
	  		height: 5rem;
	  	}

	  	.joinTit .join-p {
	  		width: 50%;
	  	}

	  }

	  @media only screen and (max-width: 1280px) {
	  	.nav ul li {
	  		padding-left: 0.24rem;
	  		padding-right: 0.24rem;
	  	}
	  }

	  @media only screen and (max-width: 1024px) {
	  	body.navShow .nav {
	  		right: 0;
	  	}

	  	.navA {
	  		display: block;
	  		position: absolute;
	  		z-index: 10;
	  		left: auto;
	  		right: 22px;
	  		top: 22px;
	  		bottom: auto;
	  		width: 20px;
	  		height: 20px;
	  		background: url(../images/nav40.png) center no-repeat;
	  		background-size: 100%;
	  		z-index: 5555;
	  	}

	  	body.navShow .navA {
	  		background-image: url(../images/close40.png);
	  	}

	  	.tel {
	  		margin-right: 65px;
	  	}

	  	.nav {
	  		position: fixed;
	  		top: 0;
	  		right: -100%;
	  		width: 100%;
	  		height: 100%;
	  		overflow-y: auto;
	  		background: #fff;
	  		padding-top: 1.5rem;
	  		margin: 0;
	  		z-index: 555;
	  	}

	  	.nav ul {
	  		margin-top: 60px;
	  	}

	  	.nav ul li {
	  		text-align: center;
	  		width: 100%;
	  		margin-top: 15px;
	  		line-height: 33px;
	  	}

	  	.nav {
	  		transition: All 0.5s ease;
	  		-webkit-transition: All 0.5s ease;
	  		-moz-transition: All 0.5s ease;
	  		-o-transition: All 0.5s ease;
	  	}

	  	.top {
	  		height: 65px;
	  	}

	  	.logo {
	  		margin-top: 18px;
	  		float: left;
	  		margin-left: .5rem;
	  	}

	  	.logo img {
	  		width: 150px;
	  		display: block;
	  	}

	  	.search1 {
	  		margin-top: 24px;
	  		float: right;
	  		margin-right: 0.35rem;
	  	}

	  	.tel span {
	  		margin-left: 20px;
	  		font-family: "din";
	  		font-size: 16px;
	  	}

	  	.main {
	  		margin: 0 1rem;
	  		overflow: hidden;
	  		margin-bottom: 0.7rem;
	  	}

	  	.orient span {
	  		margin-right: .5rem;
	  	}

	  	.l-r .content-1 ul li h3 {
	  		display: block;
	  		font-size: 15px;
	  		margin-top: 5px;
	  		font-weight: bold;
	  	}

	  	.page {
	  		margin-top: 30px;
	  	}

	  	.wh {
	  		height: auto;
	  		margin: 0 1rem 0 1rem;
	  		overflow: hidden;
	  	}

	  	.about {
	  		margin: 0 0 0 1rem;
	  	}

	  	.about_left p {
	  		font-size: 14px;
	  		margin-top: 18px;
	  		line-height: 30px;
	  	}

	  	.about_left span {
	  		font-size: 24px;
	  		margin-top: 0.3rem;
	  		line-height: 40px;
	  	}

	  	.about_left a.more span {
	  		font-size: 14px;
	  		color: #ffffff;
	  		display: inline-block;
	  		margin-top: 0;
	  		float: left;
	  		margin-left: 27px;
	  		line-height: 50px;
	  	}

	  	.about_left a.more {
	  		height: 50px;
	  		line-height: 50px;
	  		background: #d9002b;
	  		display: block;
	  		width: 140px;
	  		border-radius: 40px;
	  		margin-top: 20px;
	  	}

	  	.about_left a.more i {
	  		font-size: 32px;
	  		color: #d9002b;
	  		display: inline-block;
	  		margin-top: 0;
	  		background: #ffffff;
	  		text-align: center;
	  		line-height: 40px;
	  		width: 40px;
	  		height: 40px;
	  		border-radius: 50%;
	  		float: right;
	  		margin: 5px 5px 0 0;
	  	}

	  	.about_left {
	  		top: 1rem;
	  	}

	  	.product {
	  		margin: 0 1rem 0 1rem;
	  	}

	  	.product .title ul li {
	  		font-size: 15px;
	  		height: 50px;
	  		line-height: 50px;
	  		padding: 0 0.4rem;
	  	}

	  	.product .title ul li.cur {
	  		font-size: 15px;
	  		height: 50px;
	  		line-height: 50px;
	  		padding: 0 0.4rem;
	  	}

	  	.product .title p {
	  		font-size: 14px
	  	}

	  	.product .title h2,
	  	.news .title h2,
	  	.news .title h2 span {
	  		font-size: 26px;
	  		font-weight: bold;
	  	}

	  	.product .content ul li dd a {
	  		font-size: 15px;
	  		height: 50px;
	  		line-height: 50px;
	  	}

	  	.product .content ul li dd a:hover {
	  		height: 50px;
	  		line-height: 50px;
	  		font-size: 15px;
	  	}

	  	.product .content ul li {
	  		padding: 0;
	  	}

	  	.news {
	  		margin: 0 1rem 0 1rem;
	  		position: relative;
	  		padding-top: 1.2rem;
	  		padding-bottom: 1rem;
	  	}

	  	.news .content ul {
	  		display: flex;
	  		margin: 0 -11px;
	  		flex-wrap: wrap;
	  	}

	  	.news .content ul li {
	  		width: -webkit-calc(33.33% - 24px);
	  		width: -moz-calc(33.33% - 24px);
	  		width: calc(33.33% - 24px);
	  		margin: 0 11px;
	  		border: 1px solid #dae9f4;
	  		min-height: 400px;
	  		border-radius: 20px;
	  	}

	  	.news .content ul li div span {
	  		font-size: 14px;
	  	}

	  	.news .content ul li div span b {
	  		font-size: 18px;
	  	}

	  	.news .content ul li div h2 {
	  		font-size: 16px;
	  		line-height: 30px;
	  	}

	  	.news .content ul li div p,
	  	.news .content ul li div a.more span {
	  		font-size: 13px;
	  	}

	  	.news .title a.more span {
	  		font-size: 14px;
	  		color: #ffffff;
	  		display: inline-block;
	  		margin-top: 0;
	  		float: left;
	  		margin-left: 27px;
	  		line-height: 50px;
	  	}

	  	.news .title a.more {
	  		height: 50px;
	  		line-height: 50px;
	  		background: #d9002b;
	  		display: block;
	  		width: 140px;
	  		border-radius: 40px;
	  		margin-top: 5px;
	  	}

	  	.news .title a.more i {
	  		font-size: 32px;
	  		color: #d9002b;
	  		display: inline-block;
	  		margin-top: 0;
	  		background: #ffffff;
	  		text-align: center;
	  		line-height: 40px;
	  		width: 40px;
	  		height: 40px;
	  		border-radius: 50%;
	  		float: right;
	  		margin: 5px 5px 0 0;
	  	}

	  	.news .content ul li div p {
	  		margin-top: 0;
	  	}

	  	.news .content ul li div a.more {
	  		width: 130px;
	  	}

	  	.job .title span {
	  		font-size: 14px;
	  	}

	  	.job .title h2 {
	  		font-size: 19px;
	  	}

	  	.job .content {
	  		margin: 0 5.2% 0 5.2%;
	  		padding-top: 1rem;
	  	}

	  	.job .content ul li h2 {
	  		font-size: 16px;
	  	}

	  	.job .content ul li span {
	  		font-size: 14px;
	  	}

	  	.job .content ul li i {
	  		background-size: 50% !important;
	  	}

	  	.aboutlist dl dd span {
	  		font-size: 14px;
	  	}

	  	.aboutlist dl dd h2 {
	  		font-size: 22px;
	  		font-weight: bold;
	  		line-height: 30px;
	  	}

	  	.aboutlist dl dd p {
	  		font-size: 14px;
	  	}

	  	.orient span {
	  		font-size: 14px;
	  	}

	  	.bannerlist01 h2 {
	  		left: 1rem;
	  		font-size: 20px;
	  	}

	  	.nav_left {
	  		width: 3.8rem;
	  		margin-top: .5rem;
	  	}

	  	.newslist {
	  		padding-top: 0px;
	  	}

	  	.newslist .content ul li {
	  		margin-top: 0.4rem;
	  	}

	  	.joinTit,
	  	.joinTit .join-p {
	  		font-size: 16px;
	  	}

	  	.map .map_title dl dd h2 {
	  		font-size: 20px;
	  	}

	  	.map .map_title dl dd h2 span {
	  		font-size: 14px;
	  	}

	  	.map .map_title dl dd p {
	  		font-size: 15px;
	  		color: #333333;
	  		display: block;
	  		line-height: 34px;
	  		margin: 18px 0 0 26px;
	  	}

	  	.map .map_title dl dt,
	  	.map .map_title dl dd {
	  		height: 315px;
	  	}

	  	.map .map_title dl dt label {
	  		width: 147px;
	  		margin-top: 65px;
	  	}

	  	.map .map_title dl dt span {
	  		font-size: 14px;
	  	}

	  	.detail .title span {
	  		font-size: 13px;
	  	}

	  	.detail .title h2 {
	  		font-size: 22px;
	  	}

	  	.detail .content p {
	  		font-size: 14px;
	  	}

	  	.d_page ul {
	  		padding: 16px 31px 10px 31px;
	  		display: flex;
	  		justify-content: space-between;
	  	}

	  	.cp_detail_top {
	  		margin-top: .5rem;
	  	}

	  	.cp_detail_top dl dd p {
	  		font-size: 14px;
	  		line-height: 30px;
	  		margin: 15px 0 0 0;
	  	}

	  	.cp_detail_top dl dd h2 {
	  		margin-top: 0;
	  	}

	  	.cp_detail_top dl dd label {
	  		background: #d9002b;
	  		width: 205px;
	  		height: 50px;
	  		line-height: 50px;
	  		margin-top: 20px;
	  	}

	  	.cp_detail_top dl dd label i img {
	  		width: 25px;
	  		margin-top: -5px;
	  	}

	  	.cp_detail_bottom .title h2 {
	  		width: 135px;
	  	}

	  	.cp_detail_bottom .content p {
	  		font-size: 14px;
	  		line-height: 30px;
	  		margin-bottom: 20px;
	  		margin-top: 0;
	  	}

	  	.news .title span {
	  		font-size: 14px;
	  	}
		.nav ul li {
		    padding-left: 0;
		    padding-right: 0;
		}

	  }

	  @media only screen and (max-width: 800px) {
	  	.banner .am-slider-default .am-direction-nav a {
	  		opacity: 1;
	  		top: inherit;
	  		bottom: -7px;
	  	}
		
		.product .title ul{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		
		.product .title ul li{
			margin-bottom: 12px;
		}
		
		.product .content {
		    margin-top: 20px;
		}
		
		.product .content ul li dd a {
		    font-size: 15px;
		    height: 55px;
		    line-height: 55px;
		}

	  	.about_right {
	  		height: inherit;
	  		width: 70%;
	  		margin-top: -1rem;
	  	}

	  	.about {
	  		height: auto;
	  		overflow: hidden;
	  	}

	  	.about_left {
	  		position: relative;
	  		width: 90%;
	  	}

	  	.news .title span {
	  		font-size: 14px;
	  		width: 69%;
	  	}

	  	.news .title a span {
	  		font-size: 14px;
	  		width: initial;
	  		display: inline-block;
	  	}

	  	.news .content ul li {
	  		width: -webkit-calc(100% - 24px);
	  		width: -moz-calc(100% - 24px);
	  		width: calc(100% - 24px);
	  		margin: 0 11px;
	  		border: 1px solid #dae9f4;
	  		min-height: 400px;
	  		border-radius: 20px;
	  		margin-bottom: 30px;
	  	}

	  	.job .title h2 {
	  		width: 60%;
	  	}

	  	.job {
	  		height: 5.5rem;
	  	}

	  	.job .content {
	  		margin: 0 5.2% 0 5.2%;
	  		padding-top: 0.7rem;
	  	}

	  	.job .title {
	  		display: block;
	  		position: relative;
	  		margin: 0 5.2% 0 5.2%;
	  		padding-top: .8rem;
	  	}

	  	.foot-t h2 {
	  		width: 150px;
	  	}

	  	.foot-t ul li {
	  		margin-left: 0.3rem;
	  		font-size: 14px;
	  	}

	  	.foot-c {
	  		display: block;
	  		margin-top: 35px;
	  	}

	  	.ft-titlte h2 {
	  		font-size: 18px;
	  	}

	  	.ft-titlte p {
	  		font-size: 14px;
	  		color: #ffffff;
	  		display: block;
	  		line-height: 30px;
	  		margin-top: 10px;
	  	}

	  	.foot-b span {
	  		width: 100%;
	  		text-align: left;
	  		font-size: 14px;
	  	}

	  	.aboutlist dl dt.ab_img01 {
	  		width: 30%;
	  	}

	  	.aboutlist dl dd {
	  		width: 65%;
	  	}

	  	.bannerlist01 {
	  		height: 3.6rem;
	  	}

	  	.aboutlist {
	  		margin: 0 8% 0 8%;
	  		margin-bottom: 1.2rem;
	  		margin-top: 1.1rem;
	  	}
		.nav_left{
			width: 100%;
			background:none;
		}
		.nav_left .title{
			padding: 0;
			color: #333333;
		}
		.nav_left .title h2{
			color: #333333;
		}
		.nav_left .content {
		    margin-left: 0;
			margin-top: 15px;
		}
		.nav_left .content ul{
			border-radius: 0;
		}
		.nav_left .content ul li{
			display: inline-block;
			border: 0;
			border-radius: 0;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
		}
		.nav_left .content ul li a{
			width: auto;
			display: inline-block;
			background:none;
			background: #f5f5f5;
			padding-left: 0;
			text-align: center;
			height: 30px;
			line-height: 30px;
			padding: 0 10px;
		}
		.nav_left .content ul li.cur a{
			width: auto;
			display: inline-block;
			background:none;
			background: #d9002b;
			padding-left: 0;
			line-height: 30px;
			padding: 0 10px;
		}
		.chanpin {
		    width: 100%;
		    float: right;
		}
		.map .map_title {
		    display: flex;
		    width: -webkit-calc(100% - 2px);
		    width: -moz-calc(100% - 2px);
		    width: calc(100% - 2px);
		    background: #ffffff;
		    border-radius: 30px;
		    margin-top: 30px;
		    overflow: hidden;
			border: 1px solid #f0f0f0;
		}
		.map .map_title dl dt label {
		    width: 110px;
		    margin-top: 65px;
		}
	  }

	  @media only screen and (max-width: 640px) {
	  	.tel {
	  		display: none;
	  	}

	  	.top {
	  		height: 55px;
	  	}

	  	.logo {
	  		margin-top: 14px;
	  		float: left;
	  		margin-left: 0.3rem;
	  	}

	  	.search1 {
	  		margin-top: 18px;
	  		float: right;
	  		margin-right: 1.35rem;
	  	}

	  	.navA {
	  		top: 17px;
	  	}

	  	.banner .tabloid .am-slider-default .am-control-nav {
	  		bottom: 15px;
	  	}

	  	.banner .am-slider-default .am-direction-nav a {
	  		height: 37px;
	  	}

	  	.banner .tabloid .am-slider-default .am-control-nav {
	  		padding: 0;
	  	}

	  	.bannerlist01 {
	  		height: 2.35rem;
	  	}

	  	.orient,
	  	.orient span {
	  		height: 40px;
	  		line-height: 40px;
	  	}

	  	.about {
	  		margin: 0 0 0 8%
	  	}

	  	.about_left {
	  		position: relative;
	  		width: 92%;
	  	}

	  	.product {
	  		margin: 0 8% 0 8%;
	  	}

	  	.news {
	  		margin: 0 8% 0 8%;
	  		position: relative;
	  		padding-top: 30px;
	  		padding-bottom: 1rem;
	  	}

	  	.news .title h2 span {
	  		width: auto;
	  	}

	  	.news .title a.more {
	  		height: 40px;
	  		line-height: 40px;
	  		background: #d9002b;
	  		display: block;
	  		width: 120px;
	  		border-radius: 40px;
	  		margin-top: 0;
	  		top: 0;
	  	}

	  	.news .title a.more span {
	  		line-height: 40px;
	  		margin-left: 17px;
	  	}

	  	.news .title span {
	  		font-size: 14px;
	  		width: 100%;
	  	}

	  	.news .title a.more i {
	  		font-size: 32px;
	  		color: #d9002b;
	  		display: inline-block;
	  		margin-top: 0;
	  		background: #ffffff;
	  		text-align: center;
	  		line-height: 30px;
	  		width: 30px;
	  		height: 30px;
	  		border-radius: 50%;
	  		float: right;
	  		margin: 5px 5px 0 0;
	  	}

	  	.job {
	  		background-size: cover;
	  		height: auto;
	  	}

	  	.job .title {
	  		display: block;
	  		position: relative;
	  		margin: 0 8% 0 8%;
	  		padding-top: 0.8rem;
	  	}

	  	.job .title h2 {
	  		width: 100%;
	  		font-size: 16px;
	  	}

	  	.job .content ul {
	  		display: flex;
	  		flex-direction: column;
	  	}

	  	.job .content ul li {
	  		width: 100%;
	  		margin-right: 0;
	  		margin-bottom: 20px;
	  	}

	  	.job .content ul li h2 {
	  		margin-top: 0.3rem;
	  	}

	  	.wh {
	  		height: auto;
	  		margin: 0 8% 0 8%;
	  		overflow: hidden;
	  	}

	  	.foot-t ul {
	  		width: 100%;
	  		text-align: left;
	  	}

	  	.foot-t ul li {
	  		margin-left: 0;
	  		margin-right: 0.3rem;
	  		font-size: 14px;
	  		padding: 15px 0;
	  	}

	  	.ft-r {
	  		float: left;
			margin-left: 0;
			margin-right: 15px;
	  	}

	  	.footer {
	  		width: 100%;
	  		background: url(../images/bg04.jpg) no-repeat;
	  		background-size: cover;
	  		padding: 0 0 10px 0;
	  		font-size: 14px;
	  	}

	  	.bannerlist01 h2 {
	  		left: 8%;
	  		font-size: 16px;
			bottom: 20px;
	  	}

	  	.orient span {
	  		background-size: 16px;
	  		padding-left: 24px;
	  	}

	  	.aboutlist dl dt.ab_img01 {
	  		display: none;
	  	}

	  	.aboutlist dl dd {
	  		width: 100%;
	  	}

	  	.aboutlist {
	  		margin: 0 8% 0 8%;
	  		margin-bottom: 1.2rem;
	  		margin-top: 40px;
	  	}

	  	.ft-titlte p b {
	  		font-size: 22px;
	  	}

	  	.ft-titlte h2 {
	  		padding-bottom: 20px;
	  		margin-bottom: 20px;
	  	}
		.main {
		    margin: 0 8%;
		    overflow: hidden;
		    margin-bottom: 0.7rem;
		}
		.nav_left{
			
		}
		.chanpin {
		    width: 100%;
		    float: right;
		}
		.cplist ul li {
		    width: -webkit-calc(50% - 32px);
		    width: -moz-calc(50% - 32px);
		    width: calc(50% - 32px);
		    margin: 0 16px;
		    margin-top: 0.5rem;
		}
		.page {
		    display: flex;
		    width: 100%;
		    justify-content: center;
		    margin-top: 30px;
		    flex-direction: row;
		    flex-wrap: wrap;
		}
		.page a{
			margin-bottom: 10px;
		}
		.cp_detail_top dl dt{
			width: 100%;
		}
		.cp_detail_top dl dd {
		    width: 100%;
		    float: right;
			margin-top: 25px;
		}
		.news.newslist .content {
		    margin-top: 0.0rem;
		}
		.joinTit .join-p{
			display: none;
		}
		.joinTit, .joinTit .join-p {
		    font-size: 15px;
		}
		.proWrap {
		    margin-top: 30px;
		}
		.joinTit{
			padding-left: 20px;
		}
		.joinText {
		    padding: 0.3rem 20px;
		    font-size: 15px;
		}
		.joinText p {
		    font-size: 15px;
		}
		.map {
		    display: flex;
		    margin-top: 35px;
		    flex-direction: column;
		    align-items: center;
		}
		.map .map_title dl dd {
		    float: left;
		    height: inherit;
		    width: 100%;
		}
		.map .map_title dl dd h2 {
		    font-size: 20px;
			margin: 25px 25px 0 25px;
		}
		.map .map_title dl dd p {
		    font-size: 15px;
		    color: #333333;
		    display: block;
		    line-height: 34px;
		   margin: 18px 25px 0 25px;
		}
		.map .map_title dl dt{
			width: 100%;
			height: inherit;
			margin-top: 20px;
			margin-right: 0;
		}
		.map .map_title dl dt label {
		    width: 110px;
		    margin-top: 35px;
			margin-bottom: 15px;
		}
		.detail {
		    display: block;
		    width: 100%;
		    margin-top: 30px;
		}
		.d_page ul {
		    padding: 16px 31px 10px 31px;
		    display: flex;
		    justify-content: space-between;
		    flex-direction: column;
		}
		.d_page ul li:nth-child(2) a{
			display: none;
		}
		.d_page ul li:last-child {
		    text-align: left;
			margin-top: 15px;
		}
		.d_page ul li a,.d_page ul li span{
			font-size: 15px;
		}
	  }


	  .paginationjs-pages ul {
	  	display: flex;
	  	width: 100%;
	  	justify-content: center;
	  	margin-top: 0;
	  }

	  .paginationjs-prev {}

	  .paginationjs-prev a {
	  	width: auto;
	  	padding: 0 .3rem;
	  	border-radius: 35px;
	  }

	  .paginationjs-next a {
	  	width: auto;
	  	padding: 0 .3rem;
	  	border-radius: 35px;
	  }

	  li.active a {
	  	background: #d9002b;
	  	color: #ffffff;
	  }