@charset "UTF-8";


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1606445141293'); /* IE9 */
  src: url('iconfont.eot?t=1606445141293#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1606445141293') format('woff'),
  url('iconfont.ttf?t=1606445141293') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1606445141293#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconairudiantubiaohuizhi-zhuanqu_zixundongtai:before {
  content: "\e69d";
}

.iconicon2:before {
  content: "\e608";
}

.icongongsirongyu-01:before {
  content: "\e619";
}

.iconwangluofuwu:before {
  content: "\e600";
}

.iconqiyewenhua:before {
  content: "\e60d";
}

.iconwenti:before {
  content: "\e603";
}

.iconzuzhi:before {
  content: "\e6c3";
}

.iconlianxiwomen:before {
  content: "\e61d";
}

.iconkehufuwu:before {
  content: "\e670";
}

.iconziliaoxiazai:before {
  content: "\e640";
}

.icongongsijianjie:before {
  content: "\e651";
}

.iconkefufuwu:before {
  content: "\e622";
}

.iconeye:before {
  content: "\e60a";
}

.icontimeout:before {
  content: "\e60b";
}

.icontrademark:before {
  content: "\e60c";
}




* {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media only screen and (min-width:1100px) {
	html {
		font-size: 11px !important;
	}
}

@media only screen and (min-width:1180px) {
	html {
		font-size: 12px !important;
	}
}

@media only screen and (min-width:1280px) {
	html {
		font-size: 13.5px !important;
	}
}

@media only screen and (min-width:1380px) {
	html {
		font-size: 14.5px !important;
	}
}

@media only screen and (min-width:1480px) {
	html {
		font-size: 16px !important;
	}
}

html {
	overflow-y: scroll;
}

@font-face {
	font-family: "din-bold";
	src: url("../i/din-bold.woff2") format("woff2"),
		url("../i/din-bold.woff") format("woff"),
		url("../i/din-bold.ttf") format("truetype"),
		url("../i/din-bold.eot") format("embedded-opentype"),
		url("../i/din-bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "font-eg";
	src: url("../i/KorolevCondensed-Medium.woff2") format("woff2"),
		url("../i/KorolevCondensed-Medium.woff") format("woff"),
		url("../i/KorolevCondensed-Medium.ttf") format("truetype"),
		url("../i/KorolevCondensed-Medium.eot") format("embedded-opentype"),
		url("../i/KorolevCondensed-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	text-align: left;
	font-size: 14px;
	color: #282828;
	background-color: #FFFFFF;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

p,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
}

.num {
	font-family: "din-bold";
}

.eg {
	font-family: "font-eg";
}

#banner {
	width: 100%;
	overflow: hidden;
}
#banner1{
	display: none;
	width: 100%;
	overflow: hidden;
}

#banner .am-slider-default {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

#banner .am-slider-default .am-control-nav {
	bottom: 3rem;
}

#banner .am-slider-default .am-control-nav li {
	width: 3%;
}

#banner .am-slider-default .am-control-nav li a {
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	opacity: 1;
	box-shadow: none;
}

#banner .am-slider-default .am-control-nav li a.am-active {
	background-color: #1897f2;
}

#banner .am-slider-default .am-direction-nav a {
	height: 2rem;
	line-height: 2rem !important;
	box-shadow: none;
	opacity: 1;
	top: auto;
	bottom: 2.5rem;
	width: auto;
}

#banner .am-slider-default .am-direction-nav a.am-prev {
	left: 40.5%;
}

#banner .am-slider-default .am-direction-nav a.am-prev:before {
	content: "PREV";
	color: #FFFFFF;
	width: auto;
	font-size: 1rem !important;
	opacity: 1;
	box-shadow: none;
}

#banner .am-slider-default .am-direction-nav a.am-next {
	right: 40.5%;
}

#banner .am-slider-default .am-direction-nav a.am-next:before {
	content: "NEXT";
	color: #FFFFFF;
	width: auto;
	font-size: 1rem !important;
	opacity: 1;
	box-shadow: none;
}

.content-box {
	max-width: 1480px;
	width: 100%;
	margin: auto;
}

#nav-hader {
	width: 100%;
	height: 5rem;
	box-sizing: border-box;
	border-bottom: 1px solid #FFFFFF;
	z-index: 9999;
	background-color: rgba(255, 255, 255, .0);
	transition: all .5s;
}

#nav-hader .nav-hader {
	height: 5rem;
}

#nav-hader .nav-hader .nav-list,
#nav-hader .nav-hader .logo,
#nav-hader .nav-hader .nav-search-lng {
	float: left;
}

#nav-hader .nav-hader .logo {
	width: 18%;
	height: 100%;
}

#nav-hader .nav-hader .logo a {
	display: block;
	width: 100%;
	height: 2rem;
	background-image: url(../../img/icon/h_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 1.5rem;
	transition: all .5s;
}

#nav-hader .nav-hader .nav-list {
	width: 54%;
	height: 5rem;
	margin-left: 8%;
}

#nav-hader .nav-hader .nav-list li {
	float: left;
	height: 5rem;
	font-size: 1rem;
	margin-left: 5.3%;
}

#nav-hader .nav-hader .nav-list li:first-child {
	margin-left: 0;
}

#nav-hader .nav-hader .nav-list li .nav-lable-a {
	display: block;
	color: #FFFFFF;
	height: 100%;
	line-height: 5rem;
	position: relative;
}

#nav-hader .nav-hader .nav-list li .nav-lable-a::after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	background-color: #1897f2;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -1px;
	transition: all .5s;
}

#nav-hader .nav-hader .nav-list li:hover .nav-lable-a::after {
	width: 100%;
	height: 3px;
}

#nav-hader .nav-hader .nav-list li.active .nav-lable-a::after {
   width: 100%;
}

.nav-search-lng {
	width: 10%;
	height: 100%;
	margin-left: 10%;
}

.nav-search-lng .nav-search-box,
.nav-search-lng .lng {
	float: left;
}

#nav-hader .nav-hader .nav-list li:hover::after {
	width: 100%;
}

.nav-search-box {
	width: 1.5rem;
	height: 100%;
	margin-right: 30%;
}

.nav-search-lng .nav-search-box .search-img {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../../img/icon/search.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 1.8rem;
	transition: all .5s;
	cursor: pointer;
}

.nav-search-lng .lng {
	height: 100%;
	color: #FFFFFF;
	line-height: 5rem;
	font-size: 1rem;
}

.nav-search-lng .lng span {
	margin: 0 0.5rem;
}

.nav-search-lng .lng a {
	color: #FFFFFF;
}

.nav-search-lng .lng a.active {
	color: #1897f2;
}

#nav-hader:hover,
#nav-hader.n-active {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

#nav-hader:hover .nav-hader .logo a,
#nav-hader.n-active .nav-hader .logo a {
	background-image: url(../../img/icon/b_logo.png);
}

#nav-hader.n-active .nav-hader .nav-list li .nav-lable-a,
#nav-hader:hover .nav-hader .nav-list li .nav-lable-a {
	color: #343434;
}

#nav-hader.n-active .nav-search-lng .lng,
#nav-hader:hover .nav-search-lng .lng,
#nav-hader.n-active .nav-search-lng .lng a,
#nav-hader:hover .nav-search-lng .lng a {
	color: #343434;
}

#nav-hader.n-active .nav-search-lng .lng a.active,
#nav-hader:hover .nav-search-lng .lng a.active {
	color: #1897f2;
}

#nav-hader.n-active .nav-search-lng .nav-search-box .search-img,
#nav-hader:hover .nav-search-lng .nav-search-box .search-img {
	background-image: url(../../img/icon/b-search.png);
}

.nav-inner-list {
	width: 100%;
	height: 0;
	top: 5rem;
	left: 0;
	background-color: #FFFFFF;
	transition: all .5s;
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	z-index: 1;
}

.nav-inner-a {
	text-align: center;
}

.nav-inner-a .nav-inner-a-1 {
	display: inline-block;
	padding: 0 0.5rem;
	color: #434343;
	font-size: 0.9rem;
	box-sizing: border-box;
	position: relative;
	margin: 10px auto;
}

.nav-inner-a .nav-inner-a-1::after {
	content: "";
	width: 1px;
	height: 1rem;
	background-color: #5d5d5d;
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.nav-inner-a .nav-inner-a-1:last-child::after {
	content: none;
}

.nav-inner-a .nav-inner-a-1:hover {
	color: #1897f2;
}

#nav-hader .nav-hader .nav-list li:hover .nav-inner-list {
	height: auto;
	padding: 1rem 0;
	opacity: 1;
}

.nav-search-form {
	width: 30%;
	height: 5rem;
	float: right;
	display: none;
	transition: all .5s;
}

.nav-search-form .form-box {
	width: 100%;
	margin-top: 1.5rem;
	overflow: hidden;
}

.nav-search-form .form-box button {
	width: 1.5rem;
	height: 1.5rem;
	background: transparent;
	background-image: url(../../img/icon/b-search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	margin: 0.25rem 1rem;
	float: left;
	outline: none;
}

.nav-search-form .form-box input {
	width: 70%;
	height: 2rem;
	float: left;
	font-size: 1rem;
	outline: none;
	margin-right: 1rem;
	transition: all .5s;
	border: none;
	background: transparent;
}

.nav-search-form .form-box .nav-colos {
	width: 1.5rem;
	height: 1.5rem;
	background: transparent;
	background-image: url(../../img/icon/colos.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	margin: 0.25rem 1rem;
	float: left;
	outline: none;
	cursor: pointer;
}

/* 主题首页内容 */
#main .picMarquee-left {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;

}

.picMarquee-left .bd {
	width: 100%;
	box-sizing: border-box;
	padding: 0 4%;
	overflow: hidden;
}

.picMarquee-left .bd ul li {
	float: left;
	width: 20%;
	padding: .5%;
	box-sizing: border-box;
	overflow: hidden;
}

.picMarquee-left .bd ul li .pic {
	text-align: center;
	width: 100%;
	height: 8.3rem;
	margin: auto;
	box-shadow: 0 0 10px #eee;
}

.picMarquee-left .bd ul li .pic img {
	width: 100%;
	height: 100%;
}

.picMarquee-left .hd a {
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	margin: auto;
	cursor: pointer;
}

.picMarquee-left .hd .prev {
	background-image: url(../../img/icon/l_1.png);
	left: 0;
	top: 0;
	bottom: 0;
}

.picMarquee-left .hd .next {
	background-image: url(../../img/icon/r_1.png);
	right: 0;
	top: 0;
	bottom: 0;
}

#main .index-partner {
	padding: 4.6rem 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.main-lable {
	width: 100%;
	margin-bottom: 1.2rem;
	text-align: center;
}

.main-lable h1 {
	color: #333333;
	font-size: 2rem;
}

.main-lable h3 {
	color: #999999;
	font-size: 1.2rem;
}

#main .index-product {
	width: 100%;
	height: auto;
	padding: 4.4rem 0;
	box-sizing: border-box;
	position: relative;
	background-color: #f7f8f8;
}

.index-product-box {
	overflow: hidden;
}

.index-product-box .product-sel-left {
	width: 16%;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #dbdbdb;
}

.index-product-box .product-sel-left div {
	width: 100%;
	border-top: 1px solid #dbdbdb;
	padding: 1rem;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.index-product-box .product-sel-left div:first-child {
	border-top: none;
}

.index-product-box .product-sel-left .lable {
	font-size: 1.2rem;
	text-align: center;
	color: #FFFFFF;
	line-height: 1;
	background-color: #1897f2;
}

.index-product-box .product-sel-left .lable::before {
	content: "";
	width: 12%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 10%;
	bottom: 0;
	margin: auto;
	background-color: #FFFFFF;
}

.index-product-box .product-sel-left .lable::after {
	content: "";
	width: 12%;
	height: 2px;
	position: absolute;
	top: 0;
	right: 10%;
	bottom: 0;
	margin: auto;
	background-color: #FFFFFF;
}

.index-product-box .product-sel-left .tab {
	cursor: pointer;
	transition: all .5s;
}

.index-product-box .product-sel-left .tab span {
	width: 10rem;
	color: #333333;
	overflow: hidden;
	float: left;
	display: block;
	font-size: 1rem;
	line-height: 1.6;
}

.index-product-box .product-sel-left .tab .img {
	float: right;
	margin-top: 0.25rem;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(../../img/icon/r_2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .5s;
	border: none;
	padding: 0;
}

.index-product-box .product-sel-left .tab:hover,
.index-product-box .product-sel-left .tab.active {
	background-color: #1897f2;
}

.index-product-box .product-sel-left .tab:hover span,
.index-product-box .product-sel-left .tab.active span {
	color: #FFFFFF;
}

.index-product-box .product-sel-left .tab:hover .img,
.index-product-box .product-sel-left .tab.active .img {
	background-image: url(../../img/icon/r_2_w.png);
}

.product-list {
	width: 81%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 3%;
}

.product-list .product-parameter {
	width: 100%;
	font-size: 1rem;
	line-height: 1;
	padding: 1rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin-bottom: 1.8rem;
	border-radius: .3rem;
	overflow: hidden;
	position: relative;
}

.product-list .product-parameter.product-padding-right {
	
}

.product-list .product-parameter span {
	display: inline-block;
	padding-right: .8rem;
	box-sizing: border-box;
	position: relative;
}

.product-list .product-parameter a {
	display: inline-block;
	color: #333333;
	padding: 0 .4rem;
	box-sizing: border-box;
	position: relative;
}

.product-list .product-parameter .active {
	color: #1897f2;
}


.product-list .product-parameter a:not(:first-child)::after {
	content: "";
	width: 1px;
	height: .9rem;
	background-color: #666666;
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	margin: auto;
}

.product-search {
	width: 15rem;
	height: 2rem;
	border-radius: 2rem;
	border: 1px solid #CCCCCC;
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
}

.product-search input {
	width: 12.5rem;
	height: 100%;
	border: none;
	box-sizing: border-box;
	padding: 0 0.8rem;
	outline: none;
	font-size: 1rem;
	float: left;
}

.product-search button {
	float: right;
	width: 1.25rem;
	height: 1.25rem;
	margin: .3rem .8rem 0 0;
	background-color: transparent;
	background-image: url(../../img/icon/search_g.png);
	overflow: hidden;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.product-goods-queue {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1rem;
}

.product-goods-queue .product-goods-info {
	width: 23%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	float: left;
	margin-left: 2.66667%;
}

.product-goods-queue .product-goods-info:first-child {
	margin-left: 0;
}

.product-goods-queue .product-goods-info .p-img {
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 0.3rem;
}

.product-goods-queue .product-goods-info .p-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.product-goods-queue .product-goods-info .p-text {
	font-size: 1.15rem;
	color: #333333;
	width: 100%;
	position: relative;
	padding: .5rem .3rem;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

#main .index-about {
	width: 100%;
	/* height: 35.875rem; */
	background-image: url(../../img/index-bg-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

#main .index-about .index-about-box {
	height: 35.875rem;
	overflow: hidden;
	position: relative;
}

.index-about-box .main-lable {
	margin-top: 8.75rem;
}

.index-about-box .main-lable h1,
.index-about-box .main-lable h3 {
	color: #FFFFFF;
	text-align: left;
}

.index-about-box .main-lable span {
	display: block;
	width: 2.3rem;
	height: 1px;
	background-color: #ffffff;
	margin-top: .5rem;
}

.index-about-box .paly-img {
	width: 5rem;
	height: 5rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}

.index-about-box .paly-img img {
	width: 100%;
}

.videos {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: rgba(0, 0, 0, .5);
}

.videos .videos-src {
	display: block;
	width: 70rem !important;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
	position: absolute;
}

.videos video {
	display: block;
	width: 100%;
}

.videos img {
	position: absolute;
	width: 2rem !important;
	height: 2rem !important;
	display: block;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
}

.index-news {
	width: 100%;
	padding: 4.6rem 0;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background-color: #f7f8f8;
}

.index-news .index-news-box {
	position: relative;
}

.slideTxtBox .hd {
	right: 0;
	top: 0;
	position: absolute;
}

.slideTxtBox .hd ul li {
	float: left;
	overflow: hidden;
	font-size: 1rem;
	color: #666666;
	padding: 0 1rem;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.slideTxtBox .hd ul li.on {
	color: #0071e3;
}

.slideTxtBox .hd ul li::after {
	content: "";
	width: 1px;
	height: 1rem;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
	position: absolute;
	background-color: #666666;
}

.slideTxtBox .hd ul li:first-child::after {
	content: none;
}

.slideTxtBox .bd {
	margin-top: 2rem;
}

.slideTxtBox .bd ul {
	zoom: 1;
}

.slideTxtBox .bd li {
	height: auto;
}

.slideTxtBox .bd .bd-list {
	float: left;
	width: 31%;
	margin-left: 3.5%;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0 0 .8rem rgba(226, 235, 235, .35);
	background-color: #FFFFFF;
}

.slideTxtBox .bd .bd-list:first-child {
	margin-left: 0;
}

.slideTxtBox .bd .bd-list .img {
	width: 100%;
	height: 18.125rem;
	overflow: hidden;
}

.slideTxtBox .bd .bd-list .img img {
	width: 100%;
	height: 100%;
}

.slideTxtBox .bd .bd-list .info {
	width: 100%;
	padding: 1.5rem 1.5rem 0;
	box-sizing: border-box;
}

.slideTxtBox .bd .bd-list .info h3 {
	width: 100%;
	font-size: 1.1rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1.3rem;
	line-height: 1;
	transition: all .5s;
}

.slideTxtBox .bd .bd-list .info p {
	width: 100%;
	height: 3.2rem;
	line-height: 1.6;
	font-size: 1rem;
	color: #666666;
	overflow: hidden;
}

.slideTxtBox .bd .bd-list .date {
	width: 100%;
	padding: 0 1.5rem 1.5rem;
	box-sizing: border-box;
	color: #666666;
	font-size: 0.8rem;
	transition: all .5s;
}

.slideTxtBox .bd .bd-list .date span {
	font-size: 1.4rem;
	font-family: "font-eg";
	margin-right: .5rem;
}

.slideTxtBox .bd .bd-list:hover .info h3 {
	color: #0071e3;
}

.slideTxtBox .bd .bd-list hr {
	transition: all .5s;
}

.slideTxtBox .bd .bd-list:hover hr {
	border-color: #0071e3;
}

.slideTxtBox .bd .bd-list:hover .date {
	color: #0071e3;
}

.index-brand {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 4.6rem 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.index-brand .index-brand-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2%;
	box-sizing: border-box;
}

.index-brand .index-brand-list ul li {
	width: 18%;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(218, 218, 218, .35);
}

.index-brand .index-brand-list ul li img {
	width: 100%;
}

.index-brand .index-brand-list ul li:nth-child(5n) {
	margin-right: 0;
}

/* 底部 */
#footer {
	width: 100%;
	height: auto;
	padding: 4.6rem 0 3rem;
	box-sizing: border-box;
	background-color: #e7e7e7;
	overflow: hidden;
}

#footer .footer-copy {
	color: #282828;
}

.friendly-link {
	vertical-align: middle;
	font-size: 14px;
	color: #999999;
	line-height: 1.6;
	margin-top: 3rem;
}

.friendly-link a,
.friendly-link span {
	display: inline-block;
	padding: 0 0.2rem;
	color: #999999;
}

.footer-content {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.footer-info {
	width: 12.5%;
	margin-right: 6%;
	float: left;
}

.footer-phone {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #0071e3;
	letter-spacing: 1px;
	margin-bottom: .8rem;
}

.footer-address {
	width: 100%;
	font-size: 1rem;
	color: #333333;
	margin-bottom: 2rem;
	line-height: 1.6;
}

.footer-relevant-lable {
	width: 100%;
	font-size: 14px;
	margin-bottom: 1rem;
}

.footer-relevant-shop {
	width: 100%;
	overflow: hidden;
}

.footer-relevant-shop div {
	width: 17%;
	margin-right: 9%;
}

.footer-relevant-shop div img {
	width: 100%;
}

.footer-relevant-shop div:nth-child(4n) {
	margin-right: 0;
}

.footer-nav {
	width: 60%;
	height: auto;
	float: left;
}

.footer-ch {
	float: right;
	width: 20%;
}

.footer-ch img {
	width: 100%;
}

.footer-list {
	width: 18%;
	overflow: hidden;
	margin-left: 2%;
}

.footer-list:first-child {
	margin-left: 0;
}

.footer-list .lable {
	width: 100%;
	font-size: 1.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333333;
	margin-bottom: 1rem;
}

.footer-list ul li {
	width: 100%;
	margin-bottom: 1rem;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer-list ul li a {
	font-size: 0.8rem;
	color: #999999;
}

/* 分页 */
.page {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2rem;
	overflow: hidden;
}

.page a,
.page span {
	display: inline-block;
	padding: 0 15px;
	line-height: 1;
	min-width: 2rem;
	font-size: 1rem;
	text-decoration: none;
}

.page a{
	color: #AAAAAA;
    border: 1px solid #CCCCCC;
    /* border-radius: 0.2rem; */
    /* transition: all .5s; */
    font-size: 12px;
    line-height: 28px;
    text-decoration: none;
}

.page span {
	color: #333333;
}

.page a:hover,
.page a.a-active {
	border-color: #1897f2;
	color: #1897f2;
}
.page-pagination-active{
	background-color: #009688 !important;
    color: #fff !important;
}
/* 分类 */
.inner-banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

/* 分类 */
.inner-banner1 {
	display: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.inner-banner img {
	width: 100%;
}
.inner-banner1 img {
	width: 100%;
}
.inner-nav-list {
	width: 100%;
	height: 6.25rem;
	background: transparent;
	border-top: 1px solid #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
}

.inner-nav-list .content-box {
	height: 100%;
}

.inner-nav-list .content-box a {
	float: left;
	display: block;
	width: 25%;
	height: 100%;
	line-height: 6.25rem;
	text-align: center;
	position: relative;
}

.inner-nav-list .content-box a::after {
	content: "";
	width: 1px;
	height: 1.5rem;
	background-color: #AAAAAA;
	left: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	margin: auto;
}

.inner-nav-list .content-box a:first-child::after {
	content: none;
}

.inner-nav-list .content-box div {
	display: inline-block;
	vertical-align: middle;
}

.inner-nav-list .content-box .img {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 1.2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all .5s;
}

.inner-nav-list .content-box .lable {
	color: #fff;
	font-size: 1rem;
	transition: all .5s;
}

.inner-nav-list .content-box .inner-active .lable,
.inner-nav-list .content-box a:hover .lable {
	color: #1897f2;
}

.inner-nav-list .content-box .img.kefu {
	background-image: url(../../img/icon/n-1.png);
}

.inner-nav-list .content-box .img.wanluo {
	background-image: url(../../img/icon/n-2.png);
}

.inner-nav-list .content-box .img.ziliao {
	background-image: url(../../img/icon/n-3.png);
}

.inner-nav-list .content-box .img.cjwt {
	background-image: url(../../img/icon/n-4.png);
}

.inner-nav-list .content-box .img.about {
	background-image: url(../../img/icon/n-5.png);
}

.inner-nav-list .content-box .img.wenhua {
	background-image: url(../../img/icon/n-6.png);
}

.inner-nav-list .content-box .img.rongyv {
	background-image: url(../../img/icon/n-7.png);
}

.inner-nav-list .content-box .img.jiagou {
	background-image: url(../../img/icon/n-8.png);
}

.inner-nav-list .content-box .inner-active .img.kefu,
.inner-nav-list .content-box a:hover .img.kefu {
	background-image: url(../../img/icon/ns-1.png);
}

.inner-nav-list .content-box .inner-active .img.wanluo,
.inner-nav-list .content-box a:hover .img.wanluo {
	background-image: url(../../img/icon/ns-2.png);
}

.inner-nav-list .content-box .inner-active .img.ziliao,
.inner-nav-list .content-box a:hover .img.ziliao {
	background-image: url(../../img/icon/ns-3.png);
}

.inner-nav-list .content-box .inner-active .img.cjwt,
.inner-nav-list .content-box a:hover .img.cjwt {
	background-image: url(../../img/icon/ns-4.png);
}

.inner-nav-list .content-box .inner-active .img.about,
.inner-nav-list .content-box a:hover .img.about {
	background-image: url(../../img/icon/ns-5.png);
}

.inner-nav-list .content-box .inner-active .img.wenhua,
.inner-nav-list .content-box a:hover .img.wenhua {
	background-image: url(../../img/icon/ns-6.png);
}

.inner-nav-list .content-box .inner-active .img.rongyv,
.inner-nav-list .content-box a:hover .img.rongyv {
	background-image: url(../../img/icon/ns-7.png);
}

.inner-nav-list .content-box .inner-active .img.jiagou,
.inner-nav-list .content-box a:hover .img.jiagou {
	background-image: url(../../img/icon/ns-8.png);
}

.customer-box {
	width: 100%;
	height: auto;
	padding: 4.6rem 0;
	background-color: #FFFFFF;
}

.customer-fun {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.customer-fun div {
	width: 31%;
	float: left;
	margin-left: 3.5%;
	overflow: hidden;
	border-radius: .5rem;
}

.customer-fun div:first-child {
	margin-left: 0;
}

.customer-fun div img {
	width: 100%;
}

.customer-article {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 4.6rem;
	box-shadow: 0 0 .8rem #EEEEEE;
	border-radius: .8rem;
	margin-top: 4.6rem;
	background-image: url(../../img/page-jiao.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}

.customer-article .logo {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.customer-article .logo img {
	width: 21.875rem;
}

.customer-rich {
	width: 100%;
	margin-bottom: 2rem;
}

.customer-work {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.customer-work .customer-work-list {
	width: 23%;
	padding: 2%;
	box-sizing: border-box;
	float: left;
	background-color: #fafaf9;
	border-radius: 0.8rem;
	overflow: hidden;
	margin-right: 2.6666%;
	font-size: 1rem;
	vertical-align: middle;
	margin-top: 2.6666%;
}

.customer-work .customer-work-list:nth-child(1),
.customer-work .customer-work-list:nth-child(2),
.customer-work .customer-work-list:nth-child(3),
.customer-work .customer-work-list:nth-child(4) {
	margin-top: 0;
}

.customer-work .customer-work-list:nth-child(4n) {
	margin-right: 0;
}

.customer-work .customer-work-list span {
	display: inline-block;
	width: 77%;
	text-align: left;
	line-height: 1.6;
}

.customer-work .customer-work-list img {
	display: inline-block;
	width: 20%;
	line-height: 1;
}

.network-box {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 4.6rem 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.network-box .am-tabs {
	position: relative;
	overflow: hidden;
}

.network-box .am-nav-tabs>li>a {
	color: #666666;
	font-size: 1.3rem;
	border: none;
	padding: 1rem 0;
	margin-right: 2.5rem;
}

.network-box .am-nav-tabs>li>a:hover,
.network-box .am-nav-tabs>li.am-active>a,
.network-box .am-nav-tabs>li.am-active>a:focus,
.network-box .am-nav-tabs>li.am-active>a:hover {
	border: none;
	color: #1897f2;
	background-color: transparent;
}

.network-box .am-tabs-bd,
.network-box .am-nav-tabs {
	border: none;
}

.network-box .am-tabs-bd {
	margin-top: 2rem;
}

.network-box .ditu {
	width: 100%;
	height: auto;
}

.network-box .ditu img {
	width: 100%;
}

.network-box .ditu div {
	font-size: 1.1rem;
	text-align: center;
	color: #999999;
}

.network-search {
	width: 23rem;
	height: 2.2rem;
	border: 1px solid #DDDDDD;
	border-radius: 3rem;
	position: absolute;
	top: .8rem;
	right: 0;
	overflow: hidden;
}

.network-search form {
	display: block;
	width: 100%;
	height: 100%;
}

.network-search input {
	float: left;
	display: block;
	width: 20rem;
	height: 100%;
	border: none;
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0 .8rem;
	outline: none;
}

.network-search button {
	float: left;
	width: 2.3rem;
	height: 1.3rem;
	background: transparent;
	background-image: url(../../img/icon/search_b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	margin-top: .3rem;
	outline: none;
}

.distribution {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.distribution-list {
	width: 31%;
	height: 17.5rem;
	background-color: #f7f9fa;
	margin-right: 2.6666%;
	margin-bottom: 2.666%;
	box-sizing: border-box;
	float: left;
	border-radius: .8rem;
	overflow: hidden;
}

.distribution-list:nth-child(3n) {
	margin-right: 0;
}

.distribution-list .distribution-info {
	width: 100%;
	box-sizing: border-box;
	padding: 6%;
}

.distribution-info h3 {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.1rem;
	color: #282828;
	margin-bottom: .5rem;
}

.distribution-info .distribution-fuhao {
	width: 2rem;
	height: .4rem;
	position: relative;
	background-color: #e8e8e8;
	overflow: hidden;
	border-radius: 999px;
	margin-bottom: 1rem;
}

.distribution-info .distribution-fuhao::after {
	content: '';
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #48b38a;
	border-radius: 999px;
}

.distribution-info .distribution-content {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.distribution-info .distribution-content div {
	float: left;
	width: 2rem;
	height: 2rem;
	border: 1px solid #aaa;
	border-radius: 50%;
	overflow: hidden;
}

.distribution-info .distribution-content div img {
	width: 100%;
	height: 100%;
	display: block;
}

.distribution-info .distribution-content p {
	width: 20rem;
	font-size: 1rem;
	float: left;
	margin-left: 1rem;
	line-height: 2rem;
	margin-bottom: .8rem;
}

.distribution-info .distribution-content p span {
	color: #0071E3;
	font-size: 1.2rem;
}

.network-partner {
	width: 100%;
	margin-top: 3rem;
}

.network-partner div {
	width: 100%;
	font-size: 1.3rem;
	color: #333333;
	margin-bottom: 1rem;
}

.network-partner p {
	width: 100%;
	font-size: 1.15rem;
	color: #666666;
}

.dwon {
	width: 100%;
	height: auto;
	padding: 4.6rem 0;
	box-sizing: border-box;
	position: relative;
}

.dwon-screen {
	width: 100%;
}

.dwon-screen .am-selected {
	width: 20rem;
	background-color: #fafafa;
	margin-right: 3rem;
}

.dwon-screen .am-btn {
	font-size: 1.1rem;
	line-height: 1.6;
	border-radius: 9999px;
	overflow: hidden;
	padding-left: 1rem;
	padding-right: 2rem;
	box-sizing: border-box;
}

.dwon-screen .am-btn-default.am-active,
.dwon-screen .am-btn-default:active,
.dwon-screen .am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
	outline: none;
}

.dwon-screen .am-selected-list {
	font-size: 1rem;
}

.dwon-list ul {
	margin: 2rem 0;
}

.dwon-list ul>li {
	width: 100%;
	padding: 2rem 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
}

.dwon-list .img {
	float: left;
	width: 4rem;
	height: 4.375rem;
	margin-right: 2rem;
	cursor: pointer;
}

.dwon-list .img img {
	width: 100%;
	height: 100%;
}

.dwon-list .info {
	float: left;
	width: 43rem;
	height: auto;
	cursor: pointer;
}

.dwon-list .info h3 {
	width: 100%;
	line-height: 1.6;
	font-size: 1.1rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .9rem;
}

.dwon-list .info p {
	width: 100%;
	line-height: 1.6;
	font-size: .9rem;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dwon-list .btn {
	float: right;
	width: auto;
	height: auto;
	padding: .5rem 1.6rem;
	font-size: 1.1rem;
	color: #1b7aff;
	border: 1px solid #1b7aff;
	border-radius: 999px;
	overflow: hidden;
	margin-top: .4rem;
	cursor: pointer;
}

.common,
.common-det {
	width: 100%;
	padding: 4.6rem 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
	overflow: hidden;
}

.common-list {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2rem;
}

.common-list-box {
	width: 46%;
	height: auto;
	overflow: hidden;
	padding: 2rem 0;
	box-sizing: border-box;
	float: left;
	margin-right: 8%;
	border-bottom: 1px solid #EEEEEE;
}

.common-list-box:nth-child(2n) {
	margin-right: 0;
}

.common-lable {
	margin-bottom: 1rem;
}

.common-lable,
.common-text {
	display: block;
	width: 100%;
	overflow: hidden;
}

.common-lable .lable {
	width: 35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.1rem;
	float: left;
	margin-top: .5rem;
	line-height: 1.6;
	color: #333333;
	transition: all .5s;
}

.common-list-box:hover .common-lable .lable {
	color: #1897f2;
}

.common-lable .icon-img {
	width: 1.4rem;
	height: 1.4rem;
	margin-top: .65rem;
	float: right;
}

.common-lable .icon-img img {
	display: block;
	width: 100%;
	height: 100%;
}

.common-text .common-p {
	float: left;
	width: 35rem;
	font-size: 1.1rem;
	line-height: 2.6;
	color: #333333;
	height: 5rem;
	overflow: hidden;
}

.b-shi {
	width: 2.8rem;
	height: 2.8rem;
	color: #FFFFFF;
	background-color: #1897f2;
	float: left;
	margin-right: 1.8rem;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.25rem;
}

.b-shi.gray-shi {
	background-color: #b5b5b5;
}

.common-det h1 {
	width: 100%;
	font-size: 1.8rem;
	text-align: center;
}

.common-det .date {
	font-size: 1rem;
	color: #999999;
	text-align: center;
	width: 100%;
	margin-top: .5rem;
}

.common-det .common-det-r {
	width: 100%;
	font-size: 1rem;
	color: #666;
	line-height: 1.8;
	overflow: hidden;
	margin-top: 2rem;
}

.common-det .common-det-r p {
	margin-bottom: 1rem;
}

.common-det .common-det-r p img {
	display: block;
	max-width: 100%;
	margin: auto;
}

.prev-next {
	width: 50%;
}

.prev-next a {
	display: block;
	width: 100%;
	color: #999999;
	margin-top: 1rem;
	font-size: .9rem;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prev-next a:first-child {
	margin-top: 0;
}

.prev-next a:hover {
	color: #19A7F0;
}

.information {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 4.6rem 0;
	background-color: #FFFFFF;
}

.information .content-box {
	position: relative;
}

.information .dynamic-tab {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1rem;
}

.information .dynamic-tab a {
	display: inline-block;
	color: #666666;
	padding: .3rem 1rem;
	position: relative;
}

.customer-rich p {
	font-size: 14px;
	color: #666;
}

.information .dynamic-tab a::before {
	content: "";
	width: 1px;
	height: 1rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #CCCCCC;
}

.information .dynamic-tab a:first-child::before {
	content: none;
}

.information .dynamic-tab a:hover,
.information .dynamic-tab a.a-active {
	color: #1897F2;
}

.dynamic-list {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.dynamic-list li {
	width: 100%;
	height: auto;
	padding: 2rem 0;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
}

.dynamic-list li:last-child {
	border: none;
}

.dynamic-list li a {
	display: table;
	width: 100%;
	height: auto;
	
}

.dynamic-list-date,
.dynamic-list-content,
.dynamic-list-img {
	display: inline-block;
	vertical-align: middle;
}

.dynamic-list-img {
	width: 25%;
	height: 30rpx;
	border-radius: 1rem;
	overflow: hidden;
	margin-right: 3%;
}

.dynamic-list-img img {
	width: 100%;
}

.dynamic-list-date {
	width: 5%;
	margin-right: 3%;
}

.dynamic-list-date .m-d {
	color: #666666;
	font-size: 1.8rem;
}

.dynamic-list-date .y {
	color: #999999;
	font-size: 1.1rem;
}

.dynamic-list-date .money {
	width: 100%;
	position: relative;
	color: #0071e3;
	font-size: 1.1rem;
	position: relative;
	padding: .8rem 0;
	margin-top: .8rem;
}

.dynamic-list-date .money::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;
	position: absolute;
	top: 0;
	left: 0;
}

.dynamic-list-content {
	width: 63%;
	padding-left: 3%;
	box-sizing: border-box;
	position: relative;
}

.dynamic-list-content::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 1.3rem;
	background-color: #999;
	top: .3rem;
	left: 0;
}

.dynamic-list-title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.1rem;
	color: #333333;
	margin-bottom: 2rem;
}

.dynamic-list-text {
	width: 100%;
	height: 3.4rem;
	line-height: 2;
	font-size: .9rem;
	color: #666666;
	overflow: hidden;
}

.about-us {
	width: 100%;
	height: auto;
	position: relative;
	padding: 4.6rem 0;
	background-color: #FFFFFF;
	overflow: hidden;
}

.about-grow {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.about-grow-lable {
	width: 100%;
}

.about-lable {
	margin-bottom: 2rem;
}

.about-lable h1 {
	font-size: 2rem;
}

.about-grow-lable h1 {
	float: left;
	width: 10rem;
	font-size: 2rem;
	padding-bottom: 1.5rem;
	line-height: 1;
	position: relative;
	color: #666666;
	overflow: hidden;
}

.about-grow-lable h1::after {
	position: absolute;
	content: '';
	width: 4rem;
	height: .3rem;
	background-color: #1897f2;
	left: 0;
	bottom: 0;
	border-radius: 999px;
	overflow: hidden;
}

.about-grow-lable img {
	float: right;
	width: 23rem;
}

.about-grow-swiper .am-slider-default {
	box-shadow: none;
	height: 30rem;
	position: relative;
	background-color: transparent;
	background-image: url(../../img/text.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0.5rem;
}

.about-grow-swiper .am-slider-default .am-slides li {
	height: 30rem;
	position: relative;
}

.about-grow-swiper .grow-list {
	width: 100%;
	height: 0.1rem;
	background-color: #666666;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.about-grow-swiper .am-direction-nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 36px;
	overflow: hidden;
	text-align: center;
}

.about-grow-swiper .am-direction-nav li {
	display: inline-block;
	overflow: hidden;
}

.about-grow-swiper .am-slider-default .am-direction-nav a {
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	width: 70px;
	height: 50px;
}

.about-grow-swiper .am-slider-default .am-direction-nav a.am-prev::before {
	content: "\f104";
}

.about-grow-swiper .am-slider-default .am-direction-nav a.am-next::before {
	content: "\f105";
}

.about-grow-swiper .am-slider-default .am-direction-nav a:before {
	font-size: 35px !important;
}

.grow-list {
	padding: 0 .2rem;
}

.grow-list .grow-long {
	float: left;
	width: 23%;
	height: 1rem;
	position: relative;
}

.grow-list .grow-long:last-child {
	width: 8%;
}

.grow-list .grow-long::after {
	position: absolute;
	content: '';
	top: -1rem;
	left: 0;
	width: 0.1rem;
	height: 1rem;
	background-color: #666666;
}

.grow-list .grow-long::before {
	position: absolute;
	content: '';
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	left: -0.2rem;
	top: -0.25rem;
	border: .1rem solid #19A7F0;
	background-color: #ffffff;
	box-sizing: border-box;
	z-index: 1;
}

.grow-small {
	float: left;
	width: 20%;
	height: 0.1rem;
	position: relative;
}

.grow-small::after {
	position: absolute;
	content: '';
	width: 0.1rem;
	height: 0.4rem;
	top: -0.4rem;
	background-color: #999999;
	left: 0;
}

.grow-small:first-child::after {
	content: none;
}

.grow-long-last .grow-small {
	float: left;
	width: 50%;
	height: 0.01rem;
	position: relative;
}

.grow-y {
	position: absolute;
	bottom: -1rem;
	left: 0;
	font-size: 1rem;
	color: #19A7F0;
	font-family: 'font-num';
}

.grow-centent {
	position: absolute;
	bottom: 3rem;
	width: 100%;
	height: auto;
}

.grow-centent.double {
	top: auto;
	bottom: -3rem;
	height: 2.00rem;
}

.grow-centent h4 {
	color: #282828;
	font-size: 1rem;
	margin-bottom: 1rem;
	font-family: 'font-num';
}

.grow-centent p {
	width: 100%;
	line-height: 1.8;
	position: relative;
	padding-left: 1.3rem;
}

.grow-centent p::after {
	content: '';
	width: 1rem;
	height: 0.2rem;
	background-color: #19A7F0;
	left: 0;
	top: 0.7rem;
	position: absolute;
}

.about-info {
	width: 100%;
	height: auto;
	margin-bottom: 4rem;
}

.about-info-top {
	width: 100%;
	height: auto;
	display: table;
	word-spacing: -1em;
	margin-bottom: 6%;
}

.about-info-top-i,
.about-info-top-r {
	display: inline-block;
	vertical-align: middle;
}

.about-info-top-i {
	width: 47%;
	height: auto;
	border-radius: .7rem;
	overflow: hidden;
	margin-right: 6%;
}

.about-info-top-i img {
	width: 100%;
}

.about-info-top-r {
	width: 47%;
	height: auto;
	position: relative;
	font-size: 1.1rem;
	color: #666666;
	line-height: 1.8;
}

.about-info-top-r p {
	margin-top: 5rem;
}

.about-info-top-r p:first-child {
	margin-top: 0;
}

.about-info-bottom {
	width: 100%;
	display: table;
	word-spacing: -1em;
}

.about-honor-info,
.about-info-video {
	display: inline-block;
	vertical-align: middle;
}

.about-honor-info {
	width: 47%;
	margin-right: 6%;
}

.about-info-video {
	width: 47%;
}

.about-info-video video {
	width: 100%;
}

.about-honor-number {
	display: table;
	word-spacing: -1em;
	width: 35%;
	margin-left: 10%;
	float: left;
	margin-bottom: 3rem;
}

.about-honor-number .number {
	font-size: 3.75rem;
	color: #249bf2;
	line-height: 1;
	vertical-align: bottom;
}

.about-honor-number .lable {
	font-size: 1rem;
	vertical-align: bottom;
	line-height: 1.6;
}

.about-check {
	width: 100%;
	height: 43.75rem;
	position: relative;
	background-image: url(../../img/about-bg-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.about-check .content-box {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.about-check .main-lable {
	margin-top: 7.8rem;
}

.about-check .main-lable h1 {
	color: #FFFFFF;
}

.about-check .main-lable span {
	display: block;
	width: 4rem;
	height: .3rem;
	margin-top: .7rem;
	background-color: #1897f2;
}

.about-check-list {
	width: 18.75rem;
	position: absolute;
}

.about-check-list .title {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1.5rem;
	box-sizing: border-box;
	line-height: 1;
}

.about-check-list .img {
	width: 100%;
	height: 12.5rem;
	border-radius: 0.3rem;
	overflow: hidden;
	background-color: #FFFFFF;
}

.about-check-list .img img {
	width: 100%;
	height: 100%;
}

.about-check-list.ac-1 {
	left: 0;
	bottom: 0;
}

.about-check-list.ac-2 {
	right: 0;
	bottom: 25rem;
}

.about-check-list.ac-3 {
	right: 18.75rem;
	bottom: 12.5rem;
}

.about-check-list.ac-4 {
	right: 37.5rem;
	bottom: 0;
}

.about-check-list.ac-5 {
	right: 0;
	bottom: 0;
}

.about-machining {
	width: 100%;
	height: auto;
	padding: 4.6rem 0;
	background-color: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
}

.about-machining-introduce {
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.8;
	color: #666666;
	margin-bottom: 2rem;
}

.about-machining-list {
	width: 100%;
	height: 16rem;
	border-radius: .3rem;
	overflow: hidden;
	position: relative;
	margin-bottom: 2rem;
}

.about-machining-list img {
	display: block;
	width: 100%;
	height: 100%;
}

.about-machining-list .about-machining-title {
	width: 100%;
	height: 2.5rem;
	font-size: 1rem;
	background: rgba(0, 0, 0, .3);
	color: #FFFFFF;
	bottom: 0;
	left: 0;
	line-height: 2.5rem;
	text-align: center;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (min-width: 641px) {
	[class*=am-u-] {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.culture {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 4.6rem 0;
}

.culture-list ul {
	margin-bottom: 4.6rem;
}

.culture-list ul li {
	border-radius: .4rem;
	background-color: #fafafa;
	overflow: hidden;
}

.culture-list ul li div {
	width: 100%;
	height: 13.1rem;
	overflow: hidden;
}

.culture-list ul li div img {
	width: 100%;
	height: 100%;
}

.culture-list ul li h3 {
	width: 100%;
	padding: 0 1rem;
	box-sizing: border-box;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
	line-height: 1;
	font-size: 1rem;
	color: #666666;
	text-align: center;
}

.culture-list ul li p {
	width: 100%;
	padding: 0 1.5rem;
	box-sizing: border-box;
	font-size: 0.9rem;
	color: #999999;
}

.active-list-ul {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.active-list-li {
	float: left;
	width: 21.56rem;
	height: 15.87rem;
	position: relative;
	border-radius: .6rem;
	overflow: hidden;
	margin: 0 2rem 2rem 0;
}

.active-list-li:nth-child(4n) {
	margin: 0;
}

.active-list-li img {
	width: 100%;
	height: 100%;
}

.active-list-li div {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	position: absolute;
	color: #FFFFFF;
	background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.1rem;
}

.honor {
	width: 100%;
	height: auto;
	position: relative;
	padding: 4.6rem 0;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #FFFFFF;
}

.honor-swiper {
	width: 100%;
	overflow: hidden;
}

.honor-patent {
	padding-top: 2rem;
	box-sizing: border-box;
	width: 100%;
}

.honor-patent-list {
	width: 100%;
}

.honor-patent-list div {
	float: left;
	width: 16.5rem;
	height: 23.31rem;
	margin-bottom: 2.5rem;
	margin-right: 2.5rem;
	box-shadow: 0 0 .5rem #DDD;
}

.honor-patent-list div img {
	width: 100%;
	height: 100%;
}

.honor-patent-list div:nth-child(5n) {
	margin-right: 0;
}

.honor-swiper-box {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 4rem;
}

#certify {
	position: relative;
	width: 62.25rem;
}

#certify .swiper-slide {
	width: 45.628rem;
	height: 30rem;
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}

#certify .swiper-button-prev,
.swiper-container-rtl .swiper-button-prev {
	width: 3.25rem;
	height: 3.25rem;
	bottom: 0;
	top: auto;
	outline: none;
	left: auto;
	right: 8.25rem;
	background-image: url(../../img/icon/h-w-p.png);
	background-size: contain;

}

#certify .swiper-button-next,
.swiper-container-rtl .swiper-button-next {
	width: 3.25rem;
	height: 3.25rem;
	bottom: 0;
	top: auto;
	outline: none;
	right: 5rem;
	background-image: url(../../img/icon/h-w-n.png);
	background-size: contain;
}

.certify-list-label {
	width: 38.6rem;
	height: 100%;
	background-color: #f7f8f8;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 3.25rem;
	box-sizing: border-box;
	overflow: hidden;
}

.certify-list-label div {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #434343;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 2rem;
	box-sizing: border-box;
	margin-bottom: .9rem;
}

.certify-list-label div:last-child {
	margin-bottom: 0;
}

.certify-list-label div::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #1897f2;
}

.framework,
.contact {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 4.6rem 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

.framework .fw-img img {
	width: 100%;
}

.contact-list {
	height: 16.25rem;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 2rem;
	padding: 0 1rem;
}

.contact-list .contact-icon {
	width: 100%;
	margin-bottom: 1.5rem;
}

.contact-list .contact-icon img {
	width: 3.25rem;
	height: 3.25rem;
}

.contact-en {
	width: 100%;
	font-size: 1rem;
	color: #999999;
	margin-bottom: .5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.contact-icon-name {
	width: 100%;
	font-size: 1.2rem;
	color: #666666;
	margin-bottom: .5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.contact-info {
	width: 100%;
	font-size: 1.1rem;
	color: #333333;
	margin-bottom: .5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.contact-map {
	margin-top: 2rem;
}

#allmap {
	width: 100%;
	height: 35rem;
}

.product {
	width: 100%;
	height: auto;
	padding: 4.6rem 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
	overflow: hidden;
}

.product .product-info {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.product-info-img {
	width: 50%;
	position: relative;
	overflow: hidden;
	border-radius: 0.7rem;
	background-color: #f6f6f6;
	float: left;
}

.product-info-img div {
	width: 100%;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	position: relative;
}

.product-info-img div img {
	display: block;
	max-width: 70%;
	max-height: 70%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.product-info-content {
	width: 50%;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	box-sizing: border-box;
	float: left;
}

.product-info-content .product-r {
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	position: relative;
}

.product-info-content .product-r-a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 5.625rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.product-info-name {
	width: 100%;
	font-size: 1.4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #1897f2;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.product-info-quality {
	width: 100%;
	font-size: 1.1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666666;
	line-height: 1;
}
.product-info-quality p{
	line-height: 1.6;
	font-size: 1rem;
}
.product-lable {
	width: 100%;
	font-size: 1.3rem;
	color: #333333;
	line-height: 1;
	padding-top: 2rem;
	margin-bottom: 1rem;
}

.product-rich {
	width: 100%;
	font-size: 1.1rem;
	color: #999999;
}

.product-rich p {
	line-height: 1.6;
	font-size:1rem;
}

.product-color {
	width: 100%;
	height: 3.25rem;
	overflow: hidden;
	margin-top: 2.5rem;
}

.product-color .product-color-lable {
	float: left;
	width: 3.25rem;
	font-size: 1rem;
}

.product-color-list {
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	margin-right: .5rem;
	border-radius: .3rem;
}

.product-swiper-list {
	width: 100%;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.product-swiper-left {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;

}

.product-swiper-left .bd {
	width: 100%;
	box-sizing: border-box;
	padding: 0 4%;
	overflow: hidden;
}

.product-swiper-left .bd ul li {
	float: left;
	width: 8.125rem;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 1.3rem;
}

.product-swiper-left .bd ul li .pic {
	text-align: center;
	width: 8.125rem;
	height: 8.125rem;
	margin: auto;
	box-shadow: 0 0 10px #eee;
	border: 1px solid #EEEEEE;
	border-radius: .3rem;
	overflow: hidden;
	text-align: center;
	line-height: 8.125rem;
}

.product-swiper-left .bd ul li .pic img {
	max-width: 100%;
	max-height: 100%;
}

.product-swiper-left .hd a {
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	margin: auto;
	cursor: pointer;
}

.product-swiper-left .title {
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 2rem;
	line-height: 2rem;
	color: #999999;
	font-size: 0.9rem;
}

.product-swiper-left .hd .prev {
	background-image: url(../../img/icon/l_1.png);
	left: 0;
	top: 0;
	bottom: 0;
}

.product-swiper-left .hd .next {
	background-image: url(../../img/icon/r_1.png);
	right: 0;
	top: 0;
	bottom: 0;
}

.product-swiper-list .lable {
	font-size: 1.2rem;
	color: #1897f2;
	margin-bottom: 2rem;
	margin-top: 50rem;
}

.product-details {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.product-details-top {
	width: 100%;
	height: 5rem;
	background-color: #1897f2;
	color: #FFFFFF;
	padding: 0 1.5rem;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 2rem;
}

.product-details-top-text {
	height: 100%;
	position: relative;
	font-size: 1.1rem;
	vertical-align: middle;
	float: left;
	line-height: 5rem;
}

.product-details-top-text span {
	font-size: 1.3rem;
}

.product-details-top-img {
	float: right;
	height: 100%;
	width: 9.375rem;
	line-height: 5rem;
}

.product-details-top-img img {
	width: 100%;
}

.product-details-main div,
.product-details-main div img {
	width: 100%;
}
.product-details-main p,.product-details-main div,.product-details-main span{
    line-height: 1.6;
    font-size: 1rem;
    color: #999999;
}
.product-details-main td{
    font-size: 1rem;
    color: #999999;
}
.search-input {
	width: 100%;
	height: auto;
	background-color: #f7f8f9;
	padding: 4.6rem 0;
}

.search-input form {
	display: block;
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: auto;
}

.search-input form input {
	width: 30rem;
	height: 3rem;
	font-size: 1rem;
	padding: 0 1rem;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border-radius: .3rem;
	outline-color: #19A7F0;
}

.search-input form button {
	width: 5rem;
	height: 3rem;
	box-sizing: border-box;
	border: 1px solid #19A7F0;
	border-radius: .3rem;
	font-size: 1rem;
	background-color: #19A7F0;
	color: #FFFFFF;
}

.search-info {
	display: block;
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: auto;
	padding: 4rem 0;
}

.search-tab,
.search-hb {
	width: 100%;
	overflow: hidden;
}

.search-tab {
	margin-bottom: 3rem;
}

.search-tab div {
	width: auto;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.1rem;
	float: left;
	position: relative;
	color: #666666;
	margin-right: 3rem;
	cursor: pointer;
	transition: all .5s;
}

.search-tab div::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0.2rem;
	background-color: #FFFFFF;
	transition: all .5s;
}

.search-tab div:hover,
.search-tab div.a-active {
	color: #19A7F0;
}

.search-tab div:hover::after,
.search-tab div.a-active::after {
	width: 2rem;
	height: 0.2rem;
	background-color: #19A7F0;

}

.search-content {
	display: none;
}

.search-content:first-child {
	display: block;
}

.search-product-list {
	width: 100%;
	overflow: hidden;
}

.search-product-list a {
	display: table;
	word-spacing: -1em;
	/*兼容其他浏览器，题主还未验证*/
}

.search-product-img {
	display: inline-block;
	width: 15rem;
	height: 15rem;
	border: 1px solid #EEEEEE;
	overflow: hidden;
	border-radius: .5rem;
	margin-right: 2rem;
	vertical-align: middle;
}

.search-product-img img {
	max-width: 100%;
	max-height: 100%;
}

.search-product-content {
	display: inline-block;
	width: 58rem;
	vertical-align: middle;
}

.search-product-content h3 {
	width: 100%;
	color: #454545;
	font-size: 1.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1rem;
}

.search-product-content p {
	width: 100%;
	font-size: 1.1rem;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1rem;
}

.search-product-content span {
	color: #007AFF;
	font-size: 1.1rem;
}

.search-loading {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	margin-top: 4rem;
	color: #999999;
}

.search-dynamic-list {
	width: 100%;
	overflow: hidden;
}

.search-dynamic-list a {
	display: table;
	word-spacing: -1em;
	/*兼容其他浏览器，题主还未验证*/
}

.search-dynamic-list .search-dynamic-img {
	width: 17rem;
	height: 9.5rem;
	border: 1px solid #EEEEEE;
	border-radius: .5rem;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.search-dynamic-list .search-dynamic-img img {
	width: 100%;
	height: 100%;
}

.search-dynamic-list .search-dynamic-info {
	display: inline-block;
	width: 56rem;
	margin-left: 2rem;
	vertical-align: middle;
}

.search-dynamic-list .search-dynamic-info h3 {
	width: 100%;
	color: #454545;
	font-size: 1.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1rem;
}

.search-dynamic-list .search-dynamic-info p {
	width: 100%;
	color: #999999;
	height: 3.2rem;
	font-size: 1rem;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.footer-bottom {
	overflow: hidden;
}

@media only screen and (max-width:1024px) {
	#banner{
		display: none;
	}
	#banner1{
		display: block;
	}
	.am-offcanvas-bar {
		background-color: #FFFFFF;
		border: #FFFFFF;
	}

	.am-offcanvas-bar:after {
		background: #CCCCCC;
	}

	.doc-img {
		width: 100%;
		margin-bottom: 3rem;
	}

	.doc-img img {
		width: 100%;
	}

	#doc-oc-demo .am-list>li>a {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		color: #666666;
		font-size: 1.5rem;
	}

	.content-box {
		padding: 0 25px;
		box-sizing: border-box;
	}

	.am-header-default {
		background-color: #FFFFFF;
		border-bottom: 1px solid #EEEEEE;
	}

	.am-header-default .am-header-nav {
		color: #434343;
	}

	.am-header-default .am-header-nav>a {
		color: #434343;
	}

	#banner .am-slider-default .am-control-nav li a {
		height: 3px;
	}

	#banner .am-direction-nav {
		display: none;
	}

	#main .picMarquee-left {
		/* padding:0 25px; */
		box-sizing: border-box;
		position: relative;
	}

	.picMarquee-left .hd .next {
		right: 1rem;
	}

	.picMarquee-left .hd .prev {
		left: 1rem;
	}

	.picMarquee-left .hd a {
		width: 2rem;
		height: 2rem;
	}

	.index-product-box {
		box-sizing: border-box;
		/* padding: 0 25px; */
	}

	.product-list {
		width: 100%;
		margin: auto;
	}

	.product-list .product-parameter {
		font-size: 1.5rem;
		padding: 2rem;
	}

	.product-goods-queue .product-goods-info .p-text {
		font-size: 1.5rem;
	}

	.index-moble-product-sel {
		width: 100%;
		position: relative;
		overflow: hidden;
		text-align: center;
		display: table;
		word-spacing: -1em;
		margin-bottom: 2rem;
	}

	.index-moble-product-sel div {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.7rem;
		height: 4rem;
		padding: 0 1rem;
		line-height: 4rem;
		margin-left: 2rem;
		position: relative;
		transition: all .5s;
		color: #434343;
	}

	.index-moble-product-sel div:first-child {
		margin-left: 0;
	}

	.index-moble-product-sel div.a-active {
		color: #1897f2;
	}

	.index-moble-product-sel div.a-active::after {
		content: "";
		width: 2em;
		height: 3px;
		background-color: #1897f2;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.videos img {
		width: 3rem !important;
		height: 3rem !important;
	}

	.videos .videos-src {
		width: 90rem !important;
	}

	.slideTxtBox .hd {
		right: 25px;
	}

	.slideTxtBox .hd ul li {
		font-size: 1.5rem;
	}

	.slideTxtBox .bd .bd-list .info p {
		height: 3.8rem;
	}

	.product-list .product-parameter.product-padding-right {
		padding-right: 30rem;
	}

	.product-search {
		width: 28rem;
		height: 3rem;
		line-height: 3rem;
	}

	.product-search button {
		width: 1.5rem;
		height: 1.5rem;
		margin: .6rem 1rem 0 0;
	}

	.product-info-name,
	.product-swiper-list .lable,
	.product-details-top-text span {
		font-size: 2rem;
	}

	.product-info-quality,
	.product-lable,
	.product-color-lable,
	.product-details-top-text,
	.common-lable .lable,
	.dwon-list .info h3 {
		font-size: 1.5rem;
	}

	.product-details {
		margin-top: 2rem;
	}

	.common-text .common-p {
		height: 6rem;
	}

	.common-text .common-p {
		font-size: 1.3rem;
		line-height: 2.3;
	}

	.dwon-list .info {
		width: 65rem;
	}

	.dwon-list .info p {
		font-size: 1.3rem;
	}

	.inner-nav-list .content-box .lable {
		font-size: 1.7rem;
	}

	.information .dynamic-tab {
		position: absolute;
		right: 25px;
		top: 0;
		font-size: 1.5rem;
	}

	.dynamic-list-title {
		font-size: 1.5rem;
	}

	.dynamic-list-text {
		font-size: 1.3rem;
		height: 5.4rem;
	}

	.about-info-top-r {
		font-size: 1.4rem;
	}

	.about-info-top-r p {
		margin-top: 2rem;
	}

	.about-honor-number .lable {
		font-size: 1.5rem;
	}

	.about-honor-number .number {
		font-size: 4rem;
	}

	.about-machining-introduce {
		font-size: 1.3rem;
	}

	.about-machining-list {
		height: 18.5rem;
	}

	.about-machining-list .about-machining-title {
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.5rem;
	}

	.culture-list ul li div {
		height: 26rem;
	}

	.culture-list ul li h3 {
		font-size: 2rem;
	}

	.culture-list ul li p {
		font-size: 1.6rem;
		text-align: center;
		line-height: 2;
	}

	.main-lable h1 {
		font-size: 2.4rem;
	}

	.main-lable h3 {
		font-size: 1.75rem;
	}

	.active-list-li {
		width: 23%;
		margin-right: 2.5%;
	}

	.active-list-li div {
		font-size: 1.3rem;
	}

	.certify-list-label div {
		font-size: 1.5rem;
	}

	#certify .swiper-button-prev,
	.swiper-container-rtl .swiper-button-prev {
		display: none;
	}

	#certify .swiper-button-next,
	.swiper-container-rtl .swiper-button-next {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	#banner{
		display: none;
	}
	#banner1{
		display: block;
	}
	.footer-info {
		width: 40%;
		margin-right: 20%;
	}

	.footer-phone {
		font-size: 2rem;
	}

	.footer-address,
	.footer-relevant-lable,
	.footer-list .lable {
		font-size: 1.5rem;
	}

	.footer-list ul li a {
		font-size: 1.3rem;
	}

	.footer-nav {
		width: 100%;
		margin-top: 4rem;
	}

	.footer-ch {
		float: left;
		width: 30%;
	}

	.footer-relevant-shop div {
		width: 13%;
		margin-right: 5%;
	}

	.slideTxtBox .bd .bd-list .img {
		height: 14rem;
	}

	.slideTxtBox .bd .bd-list .info h3 {
		line-height: 1.6;
		margin-bottom: .5rem;
	}

	.customer-work {
		display: none;
	}

	.main-lable h1 {
		font-size: 2rem;
	}

	.main-lable h3 {
		font-size: 1.5rem;
	}

	.distribution-list {
		width: 47.5%;
		margin-right: 5%;
	}

	.distribution-list:nth-child(3n) {
		margin-right: 5%;
	}

	.distribution-list:nth-child(2n) {
		margin-right: 0;
	}

	.dwon-list .info {
		width: 70%;
	}

	.common-lable .lable {
		width: 25rem;
		margin-top: 0;
	}

	.common-text .common-p {
		width: 25rem;
		margin-top: 0;
	}

	.about-machining-list {
		height: 13.5rem;
	}

	.culture-list ul li div {
		height: 21rem;
	}

	.active-list-li {
		float: left;
		height: 11.87rem;
	}

	#certify {
		position: relative;
		width: 100%;
	}

	.certify-list-label {
		position: relative;
	}

	.certify-list-label {
		width: 100%;
		margin-top: 2rem;
	}

	.honor-patent-list div {
		width: 23%;
		margin-right: 2.5%;
	}

	.honor-patent-list div:nth-child(4n) {
		margin-right: 0;
	}

	.videos .videos-src {
		width: 90% !important;
	}
}

@media only screen and (max-width:640px) {
	#banner{
		display: none;
	}
	#banner1{
		display: block;
	}
	/* 分类 */
.inner-banner {
	display: none;
}

	/* 分类 */
	.inner-banner1 {
		display: block;
	}

	.product-details-main p img {
	width: 100%;
	}

	.main-lable h1 {
		font-size: 1.6rem;
	}

	.main-lable h3 {
		font-size: 1.2rem;
	}

	.footer-top {
		display: none;
	}

	#main .index-partner {
		padding: 2rem 0;
	}

	#banner .am-slider-default .am-control-nav {
		bottom: 1rem;
	}

	#main .picMarquee-left {
		padding: 0;
		width: 100%;
		margin: auto;
	}

	.content-box,
	.index-product-box {
		padding: 0 15px;
	}

	.index-model-partner {
		width: 100%;
		overflow: hidden;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.index-model-partner div {
		width: 47.5%;
		margin-right: 5%;
		float: left;
		border: 1px solid #EEEEEE;
		border-radius: 5px;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.index-model-partner div img {
		width: 100%;
	}

	.index-model-partner div:nth-child(2n) {
		margin-right: 0;
	}

	.index-moble-product-sel div {
		font-size: 1.3rem;
		margin: auto;
	}

	#main .index-product {
		padding: 2rem 0;
	}

	.product-parameter {
		display: none;
	}

	.product-goods-queue .product-goods-info {
		width: 48.5%;
		margin-right: 3%;
		margin-left: 0;
	}

	.product-goods-queue .product-goods-info:nth-child(2n) {
		margin-right: 0;
	}

	.product-goods-queue .product-goods-info .p-text {
		font-size: 1.2rem;
	}

	.videos img {
		width: 2rem !important;
		height: 2rem !important;
	}

	.slideTxtBox .hd {
		position: relative;
		height: auto;
		overflow: hidden;
		padding: 0 15px;
	}

	.slideTxtBox .bd .bd-list {
		width: 100%;
		margin: auto auto 2rem;
	}

	.slideTxtBox .bd .bd-list .img {
		height: auto;
	}

	.index-brand .index-brand-list ul li {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 15px;
	}

	.index-brand .index-brand-list ul li:nth-child(5n) {
		margin-right: 3%;
	}

	.index-brand .index-brand-list ul li:nth-child(2n) {
		margin-right: 0;
	}

	#footer {
		text-align: center;
		padding-top: 1rem;
	}

	.doc-img {
		width: 70%;
	}

	#doc-oc-demo .am-list>li>a {
		font-size: 1.3rem;
	}

	.product {
		padding: 2rem 0;
	}

	.product-info-img {
		width: 100%;
	}

	.product-info-content {
		height: auto;
		width: 100%;
		overflow: hidden;
	}

	.product-info-content .product-r-a {
		padding-left: 0;
		position: relative;
	}

	.product-info-content .product-r {
		padding: 0;
	}

	.product-rich {
		height: auto;
	}

	.customer-box {
		padding: 2rem 0;
	}

	.customer-fun div {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-bottom: 15px;
	}

	.customer-article .logo {
		margin-bottom: 1rem;
	}

	.customer-article .logo img {
		width: 40%;
	}

	.customer-article {
		padding: 2rem;
	}

	.customer-rich p {
		font-size: 12px;
		color: #666;
	}

	.inner-nav-list {
		display: none;
	}

	.distribution-list {
		width: 100%;
		margin: auto auto 15px;
	}

	.network-search {
		position: relative;
	}

	.network-search {
		height: 3.2rem;
	}

	.network-search button {
		margin-top: .8rem;
	}

	.am-tabs-bd .am-tab-panel {
		padding: 0;
	}

	.dwon-screen .am-selected {
		margin-bottom: 15px;
	}

	.dwon-list .btn {
		float: left;
		margin-top: 10px;
	}

	.dwon-list .info {
		width: 100%;
		margin-top: 10px;
	}

	.common-list-box {
		width: 100%;
		margin: auto auto 15px;
	}

	.common-lable .icon-img {
		display: none;
	}

	.common-lable .lable {
		width: 100%;
		margin-top:15px;
	}

	.common-text .common-p {
		width: 100%;
		margin-top:15px;
	}
	.about-info-top-i{
		width: 100%;
	}
	.about-info-top-r{
		width: 100%;
		margin-top: 15px;
	}
	.about-honor-info{
		width: 100%;
	}
	.about-honor-number .number{
		font-size: 3rem;
	}
	.about-honor-number{
		width: 45%;
		margin-left: 5%;
	}
	.about-info-video{
		width: 100%;
	}
	.about-check{
		height: auto;
		padding-bottom: 20px;
	}
	.about-check-list{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width:80%;
		height: auto;
		margin: auto;
	}
	.about-check-list .title{
		font-size: 1rem;
	}
	.about-check-list .img{
		height: auto;
	}
	.about-check-list.ac-1,
	.about-check-list.ac-2,
	.about-check-list.ac-3,
	.about-check-list.ac-4,
	.about-check-list.ac-5{
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.about-machining-list {
	    height: auto;
	}
	.active-list-li{
		width: 100%;
		height: auto;
		max-height: 20rem;
	}
	.honor-patent-list div{
		width: 48.5%;
		height:auto;
		margin-right:3% ;
	}
	.honor-patent-list div:nth-child(2n){
		margin-right: 0;
	}
	#certify-moble img{
		width: 100%;
	}
	.search-input{
		padding: 2rem 15px;
		box-sizing: border-box;
		
	}
	.search-input form input{
		width: 80%;
	}
	.search-info{
		padding: 2rem 15px;
		box-sizing: border-box;
	}
	.search-product-list a{
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.search-product-img{
		width: 40%;
		height: auto;
		position: relative;
		padding-top: 40%;
		margin-right: 5%;
	}
	.search-product-img img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.search-product-content{
		width: 55%;
	}
	.search-dynamic-list a{
		display: block;
	}
	.search-dynamic-list .search-dynamic-img{
		width: 50%;
		height: auto;
	}
	.search-dynamic-list .search-dynamic-info{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.search-dynamic-list .search-dynamic-info p{
		height: auto;
	}


	#inner-nav {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fbfbfb;
	overflow: hidden;
	border-bottom: 1px solid #cecece;
}

#inner-nav .inner-nav-bar {
	width: 100%;
	padding: 0.2rem 0;
	overflow: hidden;
}

.inner-nav-bar .inner-nav-breadcrumb {
	float: right;
	margin-top: 0.08rem;
}

.inner-nav-bar .inner-nav-breadcrumb .am-breadcrumb {
	margin: 0;
	padding: 0;
}

.am-breadcrumb .iconfont {
	font-size: 0.16rem;
	color: #014099;
}

.am-breadcrumb li,
.am-breadcrumb a {
	color: #999999;
	cursor: pointer;
	font-size: 0.16rem;
}

.am-breadcrumb>.am-active {
	color: #333333;
}
}

.pagerstyle{
	padding: 0;
	margin: 0px;
	color: #999999;
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 2rem;
}
.pagerstyle div {
	display: inline-block;
	width: auto;
	border: 1px solid #dddddd;
}
.pagerstyle .current {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #ffffff;
	border-right: 1px solid #dddddd;
	border-radius: 0;
	margin-bottom: 5px;
	margin: 0px;
}
.pagerstyle .num {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	line-height: 1.2;
	border-right: 1px solid #dddddd;
	background-color: #ffffff;
	border-radius: 0;
	margin-bottom: 5px;
	margin: 0px;
}
.pagerstyle a{
	color: #0e90d2;
}