html,body{
	margin:0;padding:0;width:100%;
	font-family: "SourceHanSansK-Regular", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;
	overflow-x: hidden;font-size:20px;
	background-color:#ffffff;
}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
a{ text-decoration: none;color:inherit;outline:none; }
ul,ol{ list-style: none;padding-left:0;margin:0; }
.hover a:hover { opacity: .8;filter: alpha(opactiy=80); }
.hover2 a:hover { color:#00458d; }
.rotate::after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.flex { display: flex !important;display: -webkit-flex !important; }
.column { flex-direction: column;-webkit-flex-direction:column; }
.flex-wrap { flex-wrap: wrap;-webkit-flex-wrap:wrap; }
.align-center { align-items: center;-webkit-align-items:center; }
.align-start { align-items: flex-start;-webkit-align-items:flex-start; }
.align-stretch { align-items: stretch;-webkit-align-items:stretch; }
.align-end { align-items: flex-end;-webkit-align-items:flex-end; }
.just-center { justify-content: center;-webkit-justify-content:center; }
.just-between { justify-content: space-between;-webkit-justify-content:space-between; }
.just-end { justify-content: flex-end;-webkit-justify-content:flex-end; }
.just-start { justify-content: flex-start;-webkit-justify-content:flex-start; }
.content { padding:15px 0;font-size:.8rem;margin:20px 0;background: #fff; }
.mb-20 { margin-bottom: 20px !important; }
.nothing { font-size:.75rem;color:#999;text-align: center;margin:50px auto; }

/* #common{ margin-bottom: 30px; } */
#common > div.wrap{
	flex-direction: column;-webkit-flex-direction:column;
}
.inner{ padding:15px 20px; }
.content-wrap{ width:95%; }

div.goods-body{
	border:1px solid #ddd;margin:30px 0 0;
	box-shadow: 0 0 3px #eee;
}
.c-red { color:red; }
div.goods-body div.goods-body-header{
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
}
div.goods-body div.goods-body-header ul{
	list-style: none;padding:0;margin:0;
	display: flex;display: -webkit-flex;
	align-items: stretch;-webkit-align-items:stretch;
}
div.goods-body div.goods-body-header ul li{
	margin:0 5px;
}
div.goods-body div.goods-body-header ul li a{
	text-decoration: none;color:#999;font-size:.7rem;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	padding:0px 8px;height: 24px;
	border:1px solid #ddd;
	transition: all .3s;
}
div.goods-body div.goods-body-header ul li a:hover{
	color:white;background-color:#0458ae;border-color:#0458ae;
}
h3.goods-title{
	font-size:1rem;text-align: center;color:#f90000;
	padding:5px 0;margin:10px 0 30px 0;
	border-left:5px solid #f90000;
	border-right:5px solid #f90000;
}

/*common-header*/
div.common-header {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	width: auto;
	max-width: 1020px;
	min-width: 100%;
	margin: 0 auto;
}
div.common-header > div:first-child > a {
	font-size:1.1rem;color:#333;margin:6px 0;
	display: block;
}
div.common-header > div:first-child > a > span {
	font-size: 1.1rem;color:#ccc;margin-right: 10px;
}
div.common-header span.line-blue {
	width:30px;height: 4px;
	background-color: #7997e4;
}
div.common-header span.line-red {
	width:70px;height: 4px;
	background-color: #f54132;
}

/*counter*/
#counter {
	position: relative;
	top:-80px;
	z-index:99;
}
#counter .counter-item:nth-child(1) { background-color:#7997e4; }
#counter .counter-item:nth-child(2) { background-color:#5176d5; }
#counter .counter-item:nth-child(3) { background-color:#395ebb; }
#counter .counter-item {
	padding:30px 20px;color:white;
	width:340px;max-width:340px;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;display: -webkit-flex;
	align-items: flex-start;-webkit-align-items: flex-start;
}
#counter .counter-item .number-wrap {
	font-size: 2rem;width: auto;
	padding-right:20px;text-align: center;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
#counter .counter-item .number-wrap span { font-size:3rem; }
#counter .counter-item p {
	color:#efefef;font-size:.9rem;
	margin-top: 0;margin-bottom:10px;
}
#counter .counter-item .counter-info {
	flex-grow:1;-webkit-flex-grow:1;
}
#counter .counter-item .counter-info span {
	color:#c3c3c3;font-size:.7rem;
}
#counter .counter-item .counter-info > div:nth-child(1) {
	padding-bottom: 15px;border-bottom:1px solid #bbb;
	margin-bottom: 25px;
}
#counter .counter-item .counter-info img {
	height: auto;width: auto;
	opacity: .9;
	filter: opacity(0.9);
}

/*product*/
#product {
	margin:-30px auto 30px auto;width:90%;
}
#product .slick-slide {
	height: auto !important;outline:none;
}
#product .slick-prev, #product .slick-next {
	color:#cfcfcf !important; z-index:999 !important;opacity: 1;
}
#product .slick-prev:before, #product .slick-next:before {
	font-size:3rem;
}
.product-header-wrap {
	max-width: 1440px !important;
	min-width: 90% !important;
}

#search { padding:0 10px; }
#search input {
	padding:6px;width:140px;
	border:1px solid #ccc;
	outline:none;color:#555;
}
#search a {
	background-color:black;
	color:white;display:block;
	padding:0 6px;
}
div.content{ width:95%;margin:0 auto;font-size:.75rem;color:#555; }
div.content h1,
div.content h2,
div.content h3,
div.content h4,
div.content h5,
div.content h6{
	display: block;
	font-size:.85rem;color:#333;padding:5px 0 5px 35px;
	border-left: 5px solid #f5785d;margin:10px 0 10px -2.7%;
}
.font_large{ font-size: .85rem !important; }


/*breadcrumb*/
div.breadcrumb ol{
	list-style: none;padding:0;font-size:.7rem;
	display: flex;display: -webkit-flex;margin:20px 0;
	align-items: center;-webkit-align-items:center;
}
div.breadcrumb ol a{
	text-decoration: none;color:#666;
}
div.breadcrumb ol a:hover{
	color:#0458ae;text-decoration: underline;
}
div.breadcrumb ol span{
	margin:0 6px;color:#333;
}


/*goods-list*/
ul.goods-list{
	list-style: none;padding-left: 0;
	display: flex;display: -webkit-flex;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	align-items: stretch;-webkit-align-items:stretch;
	margin: 30px -10px !important;
}
ul.goods-list > li{
	width:calc(100% / 3);margin-bottom: 15px;
	box-sizing:border-box;
	padding:0 10px;
}
ul.goods-list > li > div{
	width:100%;height: 100%;
	display: flex;display: -webkit-flex;border:1px solid #ddd;
	flex-direction: column;-webkit-flex-direction:column;
	align-items: center;-webkit-align-items:center;
	justify-content: flex-end;-webkit-justify-content:flex-end;
	transition:  all .3s;
}
ul.goods-list > li > div:hover{
	box-shadow: 0 0 15px #ccc; 
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
ul.goods-list > li > div:hover h4 a { color:#00458d; }
/*ul.goods-list > li > div:hover img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}*/
ul.goods-list > li > div > figure{ overflow:hidden;width:80%;margin-bottom:0;
	display:flex;display: -webkit-flex;
	flex-grow:1;-webkit-felx-flex-grow:1;
	align-items: center;-webkit-align-items:center;
}
ul.goods-list > li > div > figure > a{ display: block;width:100%; }
ul.goods-list > li img{ 
	width:100%; height: auto;
	transition: transform .3s linear;
}
ul.goods-list > li > div > h4{
	font-size:.85rem;font-weight: normal;margin:5px 0 20px 5px;;text-align: center;
}
ul.goods-list > li > div > h4 a{ text-decoration: none;color:#333; }
ul.goods-list > li > div > p{
	font-size:.75rem;margin:5px 0 20px 0;color:#777;text-align: center;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
span.dec-line{
	display: block;
	height:2px;width:60px;background-color:#0458ae;
}
.nowrap{
	display: block;white-space: nowrap;width:90%;margin:0 auto;
	text-overflow: ellipsis;overflow:hidden;
}
div.readMore{
	background-color:#f90000;
	margin:30px 0;
	display: inline-flex;display: -webkit-inline-flex;
	justify-content: center;-webkit-justify-content:center;
}
div.readMore a{
	text-decoration: none;display: block;font-size:.65rem;
	color:white;background-color:transparent;
	transition: all .3s;padding:8px 25px;
}
div.readMore:hover{
	opacity: .8;
}

/*contact-form*/
.contact-info > div {
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	margin-bottom: 30px;
}
.contact-info > div > img { margin-right: 30px; }
.contact-info > div > span {
	font-size:.8rem;color:#3c3c3c;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1.2px;
	white-space: pre-line;
	word-wrap: break-word;
}
.contact-block { margin-bottom: 20px; }
.contact-block > div, .contact-block > form { width:50%; }

/*contact-form*/
.contact-form > div {
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	align-items: flex-start;-webkit-align-items:flex-start;
	margin-bottom: 10px;width:100%;
}
.contact-form > div > span {
	font-size:.75rem;color:#58595b;
	font-family: 'Open Sans', sans-serif;
}
.contact-form > div > input,
.contact-form > div > textarea,
.contact-form > div > select {
	width:100%;border:1px solid #ccc;
	padding:8px 10px;line-height: 1.4em;
	outline: none;box-sizing: border-box;
}
.contact-form > div > select{ cursor: pointer; }
.contact-form > div > select option {
	font-size:.75rem;color:#4c4c4c;font-family: 'Open Sans',sans-serif;
}
.contact-form > input[type=submit] {
	background-color:#000;
	color:white;font-size:.8rem;
	font-family: 'Open Sans', sans-serif;
	padding:6px 20px;border:unset;
	align-self:center;align-self: center;
	cursor: pointer;transition: opacity .3;
	margin-top: 20px;
}
.contact-form > input[type=submit]:hover {
	opacity: .8;
}
.check_group {
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	border:1px solid #ccc;padding:10px;
	box-sizing: border-box;width:100%;
}
.check_group label {
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	font-size:.75rem;color:#5c5c5c;margin-bottom: 6px;
	font-family: 'Open Sans', sans-serif;
}
.check_group label:last-child { margin-bottom: 0; }
.check_group label > input { margin-right: 10px; }


/*footer*/
footer {
	margin-top:0;
	font-size:.75rem;color:#dfdfdf;
	background-color:#393939;
}
footer > div.wrap {
	width:95%;padding:20px 0 10px 0;
}
footer > div.wrap img {
	height:50px;width:auto;
}
footer > div.wrap p {
	margin:10px 0;font-size:.75rem;
}
footer > div.wrap p span.iconfont::before {
	font-size:1.2rem;margin-right: 4px;
}


#product div.av-item:hover .item-hover {
	opacity: .8;
	-webkit-opacity: .8;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
#product div.pro-item div.item-hover {
	position: absolute;

}
.av-item {
	overflow: hidden;
	position: relative;
	height:100%;width:100%;
	cursor: pointer;
}
.av-item * {
	cursor:pointer;
}
.av-item:hover .item-hover {
	opacity: .9;
    -webkit-opacity: .9;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.item-hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background-color: rgba(224,32,57, .6);
	opacity: 0;
	-webkit-opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.item-hover > a {
	position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 60px;
    text-decoration: none;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.item-hover > a > div {
	width: 100%;
	height: 100%;
	text-align: right;
	color: white;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.item-hover span {
	font-size:1.4rem;display: block;
	margin:5px 0;
}
.item-hover h4 {
	font-size:1rem;letter-spacing: 2px;
	text-align: center;
}


/* product */
.block-header { text-align:center;width:100%; }
.block-header > h3 { font-size:1.8rem;color:black;margin:8px 0;font-weight:Regular;}
.block-header > span { font-size: 1.1rem;color:black;}

.pro-slick { 
	margin:5px 0 0;
}
.pro-slick .pro-item {
	display: flex;display:-webkit-flex;
	flex-wrap:wrap;-webkit-flex-wrap:wrap;
	align-items:stretch;-webkit-align-items:stretch;
	width:100%;
	padding: 0 50px;box-sizing: border-box;
}
.pro-slick .pro-item > div.av-item {
	width:25%;padding:20px;
	box-sizing: border-box;
}
.pro-slick .pro-item > div.av-item > div:first-child > div {
	display: inline-block;
	background-position: center center;
	background-size:contain;
	background-repeat: no-repeat;
	min-height:240px;width:100%;
	max-height: 300px;max-width:400px;
}
.pro-slick .pro-item > div.av-item > div:first-child > span {
	color:#333;font-size:.8rem;text-align: center;display: block;
}
.pro-slick .slick-prev { left:0px; }
.pro-slick .slick-next { right:0px; }


.logo { margin:0;font-size:0;padding:0;}

/*customer*/
.customer-list > li {
	width:33.3%;padding:20px;
	box-sizing: border-box;
}
.customer-list > li > a {
	display: block;
}
.customer-list > li > a img {
	width:auto;height:auto;
	max-width:100%;
}

/* news */
#news {
	margin:50px auto;
}
#news-block {
	margin:50px 0;
}
#news-block > div:first-child {
	width:55%;
}
#news-block > div:last-child {
	height:400px;width:45%;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
}
#news-block ul {
	font-size:.8rem;color:black;
	height:100%;
}
#news-block ul > li {
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
#news-block ul > li > a {
	display: inline-block;color:inherit;
}
#news-block ul > li:hover {
	color:#e00024;
}
#news-block ul > li.active {
	color:#e00024;
}
#news-block ul > li.active span.news-circle,#news-block ul > li:hover span.news-circle {
	background-color:#e00024;
	box-shadow: 0 0 10px #ee4460;
}
#news-block span.news-circle {
	display: inline-block;margin:0 20px;
	width:12px;height:12px;
	min-width: 12px;min-height: 12px;
	border-radius: 50%;-webkit-border-radius: 50%;
	box-shadow: 0 0 10px #afafaf;
	background-color:#cfcfcf;
	transition: .3s;z-index: 2;
}
#news-block span.slider-line {
	display:block;border-left:1px solid #cfcfcf;
	margin-left:95px;height: 100%;
	z-index: 1;
}
#news-block span.news-time { color:inherit;font-size:.7rem; }
.news-list { margin:30px auto;width:100%; }
.news-list > li {
	width:calc(100% / 3);
	box-sizing: border-box;
	padding:0 15px;margin:20px 0;
	text-align:left;
}
.news-list > li > div {
	height:200px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.news-list > li > div > a {
	display:block;width:100%;height:100%;
}
.news-list > li > span {
	font-size:.7rem;color:#666;
	display:block;margin:10px 0;
}
.news-list > li > h4 {
	margin:0;font-size:.8rem;
	display:block;white-space: nowrap;
	text-overflow:hidden;
	overflow:hidden;
}
.news-list > li > p {
	font-size:.7rem;color:#666;
	line-height:1.4em;max-height:2.8em;
	overflow:hidden;
}
.news-list > li > a {
	font-size:.75rem;color:#555;display:block;
}
.news-list > li > a:after {
	font-family:FontAwesome;
	content:"\f101";
	margin-left:6px;
}

/*common-header2*/
div.common-header2 {
	position:relative;margin:50px 0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction: column;
	justify-content: center;-webkit-justify-content: center;
	align-items: center;-webkit-align-items: center;
}
div.common-header2 > div {
	position: absolute;
	font-size:7rem;font-weight: bolder;
	letter-spacing: 3px;color: #ddd;
}
div.common-header2 > h2 {
	font-size:1.3rem;color:black;
	letter-spacing: 2px;z-index:9;
	margin:10px 0;
}
div.common-header2 > span.common-line {
	display: block;height: 4px;
	width:50px;background-color:#f90000;
	z-index:9;
}

/*pagination*/
ul.pagination {
	display: flex;display: -webkit-flex;width:100%;
	align-items: stretch;-webkit-align-items:stretch;
	justify-content: center;-webkit-justify-content:center;
	flex-wrap;-webkit-flex-wrap:wrap;
	color:#777;margin:20px 0;
}
ul.pagination > li > a, ul.pagination > li > span {
	display: block;
	padding:6px 12px;
	border: 1px solid #ddd;
	margin-left: -.5px;font-size: .7rem;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
ul.pagination > li:hover { background-color:rgba(0,0,0,.05); }
ul.pagination > li.disabled:hover { background-color: unset;cursor: not-allowed; }
.pagination > li.active > a, .pagination > li.active > span {
	background-color:#0039a4;border-color:#0039a4;color:white;
}

/*about*/
#about {
	margin:50px 0;
	background-image: url('../images/about-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 500px;width:100%;
}
#about > div.wrap > div:first-child {
	width:50%;padding:50px 20px;
}
#about > div.wrap > div:first-child p {
	color: white;
	font-size: .85rem;
	line-height: 1.5rem;
}
#about > div.wrap > div:last-child {
	background-color:rgba(245,65,50, .72);
	padding:20px 30px;color:white;
	height:280px;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction: column;
	justify-content: space-between;-webkit-justify-content: space-between;
}#about > div.wrap > div:first-child
#about > div.wrap > div:last-child h4 {
	font-width: 400;font-size:.9rem;margin:10px 0;
	opacity: .9;
	filter: opacity(.9);
}
#about > div.wrap > div:last-child a {
	font-size:.75rem;
}
#about > div.wrap > div:last-child span.line {
	width:60px;height: 3px;background-color:white;color:white;display: block;
}

/*news-index*/
.news-index {
	margin:0 -10px;
}
.news-index > div {
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	width:32%;padding:10px;box-sizing: border-box;
}
.news-index > div > div {
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
.news-index > div img {
	width:100%;height:auto;
}
.news-index > div span.news-date {
	font-size:.65rem;color:#b2b2b2;
	margin:10px 0;
}
.news-index > div span.line {
	width:60px;height:4px;margin:15px 0;
	background-color:#7997e4;display: block;
}
.news-index > div h4 {
	font-weight: 400;font-size:.75rem;color:#333;
	margin:0;
}
.news-index > div p {
	font-size:.7rem;color:#a1a1a1;line-height: 1.2rem;
	margin:0;max-height:8.4rem;overflow:hidden;
	height: 8.4rem;
}
.news-index > div a.news-img {
	display: block;margin:10px 0;
}
.news-index > div a.news-img > div {
	background-repeat: no-repeat;
	background-size: cover;
	height:220px;width:100%;
}
.news-index > div.recive {
	flex-direction: column-reverse;-webkit-flex-direction: column-reverse;
}
.news-index > div.recive > div {
	flex-direction: column;-webkit-flex-direction: column;
}

/*service*/
#service {
	background-color:#e5e5e5;
	padding:20px 0;
}
.service-slick {
	height:auto;width:100%;
	margin:30px 0;
}
.service-slick .slick-slide {
	height:auto !important;
}
.service-slick .slick-slide img {
	width:100%;height:auto;
}

div.selector{
	margin:20px 0;
	border:1px solid #ddd;margin-bottom: 15px;
	display: flex;display: -webkit-flex;width:100%;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: stretch;-webkit-align-items:stretch;
}
div.selector a{
	display: block;text-decoration: none;font-size:.7rem;color:inherit;
	text-align: center;
}
div.selector > div{ width:50%;padding:10px 0;transition: all .3s;color:#555; }
div.selector div:first-child{ border-right: 1px solid #ddd; }
div.selector p{
	margin:10px 20px 5px 20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
div.selector > div:hover{ background-color:#0458ae;color:white; }

/*selector*/
/*div.selector{
	width:95%;margin:10px auto;border-top:1px solid #ddd;
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;font-size:.7rem;
}
div.selector > p { white-space:nowrap;max-width:48%;text-overflow: ellipsis;overflow:hidden; }
div.selector a{ text-decoration: none; }*/

.slick-slide {
	height:500px !important;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/*slider*/
.slider-item{
	z-index: 999999;
	display: none;
	position: fixed;
	right: 10px;
	height: 30px;
	width: 30px;
	font-size: .8rem;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background-color: rgba(255,255,255,.8);
	border:1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

}
.slider-item::before{
	display: flex;display: -webkit-flex;
	justify-content: center;-webkit-justify-content:center;
	align-items: center;-webkit-align-items:center;
	height: 100%;width: 100%;
}
#scroll-up{ bottom: 120px;color:#337ab7;  }
#scroll-down{ bottom: 80px;color:#337ab7;  }
#return-home{ bottom: 160px;color:#337ab7; }
#return-back{ 
	z-index: 999999;
	display: block;
	position: fixed;
	top:40px;
	left:80px;
	font-size: 1rem;letter-spacing: 4px;
	background-color: rgba(0,0,0,.5);border-color:#ccc;
	color: white;padding:10px 35px;text-decoration: none;
}
#return-back:hover{
	background-color: rgba(0,0,0,.8);
}
.factory-hidden{ display: none !important; }
.slider-item:hover{
	display: block;
	z-index: 999999;
	display: none;
	position: fixed;
	height: 30px;
	width: 30px;
	font-size: .8rem;
	line-height: 30px;
	background-color: #337ab7;border-color:#337ab7;
	color: white !important;
}

/*sliderDown*/
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-9em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-9em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-9em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-9em)
	}

	100% {
		transform: translateY(0)
	}
}

/*sliderUp*/
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-9em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-9em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-9em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-9em)
	}
}

/*fadeIn*/
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*sliding*/
.sliding{
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.sliding.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp;
}

.sliding.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown;
}

.sliding.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}



div.wrap{
	width:80%;margin:0 auto;
	display: flex;display: -webkit-flex;
	max-width:1440px;
}
header{ 
	/*background-color:rgba(255,255,255,.9);border-bottom:1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);*/
}
header{
	width: 100%;
	z-index: 999;
	background-color:white;
}
/*header*/
header > div.wrap{
	width: 90%;
	justify-content: space-between;-webkit-justify-content: space-between;
	align-items: stretch;-webkit-align-items:stretch;
}
header > div.wrap > div:first-child{
	display: flex;display: -webkit-flex;width:20%;
	justify-content: flex-start;-webkit-justify-content: flex-start;
	align-items: center;-webkit-align-items:center;
}
header > div.wrap > div:first-child img { width:200px;height: auto; }
header > div.wrap > div:first-child p { font-size:.85rem;white-space:nowrap; }

ul.navigation{
	list-style: none;padding-left: 0;font-size:.75rem;
	display: flex;display: -webkit-flex;margin:0;
	align-items: stretch;-webkit-align-items:stretch;
	height: 100%;
}
ul.navigation > li{
	margin:0 2px;display: block;margin:0 auto;
	overflow:hidden;color:#333;
}
ul.navigation > li.active a{
	background-color: #395ebb !important;
	color:white;
}
ul.navigation > li > a{
	text-decoration: none;color: #333;
	background-color:transparent;
	display: flex;display: -webkit-flex;padding:0 30px;
	align-items: center;-webkit-align-items:center;
	width:100%;height: 100%;
	transition: all .3s;
}
ul.navigation > li > a:hover{
	background-color: #395ebb !important;
	color:white;
}
ul.navigation a.dirc::after{
	font-family: FontAwesome;margin-left: 2px;
	content: "\f107";font-size:.8rem;
	display: flex;display: -webkit-flex;
	align-self: center;-webkit-align-self:center;
	transition: all .3s;color: inherit;
}
a.rotate::after, ul.navigation a.dirc:hover::after{
	transform: rotate(-180deg);
}
div.language { margin-right: 20px; }
div.language a {
	background-color: #f90000;color:white;
	font-size:.75rem;display: inline-block;
	padding:6px 16px;
}
div.language span {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;margin-right:20px;
	width:60px;height:30px;
}

ul.dropdown-menu{
	list-style: none;background-color:transparent;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	padding:0;z-index: 99999;
	position: absolute;top:80%;
	border:1px solid #ccc;
	display: none;
	opacity: 0;
}
ul.dropdown-menu > li, .subclass ol > li{ 
	border-bottom: 1px solid #dfdfdf;
}
ul.dropdown-menu > li:last-child, .subclass ol > li:last-child{ border-bottom: none; }
ul.dropdown-menu a{
	background:rgba(255, 255, 255,.95);
	color:#444;
	text-decoration: none;font-size:.7rem;padding:14px 16px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	outline: none;white-space: nowrap;
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
}
ul.dropdown-menu a:hover{ background-color:#0458ae;color:white; }

.subclass {
	/* display:flex;display:-webkit-flex; */
	position:relative;
}
.subclass > a:after {
	font-family: FontAwesome;
	content: "\f105";
}
.subclass:hover ol {
	opacity:1;display:block;
}
.subclass ol {
	position:absolute;left:100%;border:1px solid #ccc;
	top:0;
	opacity: 0;display:none;
}



.carousel:hover .slick-prev {
	left: 40px;
	opacity: 1;
}
.carousel:hover .slick-next {
	right: 40px;
	opacity: 1;
}
/*mobile-header*/
#mobile-header{
	display: none; 
}
.navbar{
	background-color:white;padding:10px;
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
	border-bottom:1px solid rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);

}
.ab-content {
	max-height:320px;overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
}
.zh-cn p {
	line-height: 16px !important;
}
.navbar img{ width:auto;height: 50px; }
.navbar > div:first-child{
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
.burger{
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	cursor: pointer;-webkit-cursor:pointer;padding:2px 6px;
}
.separator{
	height: 2px;width: 20px;background-color: #222;margin: 2px 0;border-radius: 1px;
}
div.menu{
	background-color:white;
	margin:0;padding:0;
	-webkit-box-shadow:0px 4px 7px #aaa; 
	-moz-box-shadow:0px 4px 7px #aaa; 
	-ms-box-shadow:0px 4px 7px #aaa; 
	-o-box-shadow:0px 4px 7px #aaa; 
	box-shadow:0px 4px 7px #aaa;
	position: absolute;
	left:0;right:0;
	z-index: 99999999;
	display: none;
}
div.menu > ul{
	list-style: none;padding:0 0 10px 20px;margin:0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.menu > ul > li{
	margin:14px 0;
}
div.menu > ul > li > a{
	color:#333;text-decoration: none;font-size:.85rem;
}
.open{
	color:#ccc;
}


.mobile-dropdown > a::after{
	font:normal normal normal 14px/1 FontAwesome;
	content: '\f0da';margin-left: 5px;color:#df6826;
}
.down::after{
	content: '\f0d7' !important;
}
ul.mobile-dropdown-menu{
	list-style: none;padding-left: 0;
	display: flex;display: -webkit-flex;font-size:.7rem;
	flex-direction: column;-webkit-flex-direction:column;
	padding:0;z-index: 99999;
	height: 0;overflow:hidden;border-left: 1px dashed #aaa;
}
ul.mobile-dropdown-menu > li{ 
	padding:4px 0;margin:8px 0;
}
ul.mobile-dropdown-menu > li:last-child{ margin-bottom: 0;padding-bottom: 0; }
ul.mobile-dropdown-menu > li::before{
	content:'----';color:#aaa;margin-right: 4px;font-size: .5rem;
	line-height: 1px;margin-left: 1px;
}
ul.mobile-dropdown-menu a{
	text-decoration: none;color:#444;
}



a#share-qq{ color:#0458ae; }
a#share-qq:hover{ border-color:#0458ae;color:white;background-color:#0458ae; }
a#share-ali{ color:#fc7f00;font-size:1rem; }
a#share-ali:hover{ background-color:#fc7f00;color:white;border-color:#fc7f00; }

#map {
	height: 500px;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #ccc;
	margin: 30px 0;
}






@media screen and (min-width: 300px) and (max-width: 767px) {
	html,body{ font-size:18px; }
	ul.goods-list{
		flex-wrap: wrap;-webkit-flex-wrap:wrap;margin:30px 0 10px 0;
	}
	ul.goods-list > li{ 
		display: flex;display: -webkit-flex;
		justify-content: center;-webkit-justify-content:center;
		width:50%; margin-bottom: 25px;
	}
	div.readMore{ margin:0; }
	ul.goods-list > li > div{ padding:5px 0; }
	.inner{ padding:8px; }
	div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6{ padding:5px 0 5px 10px; }
	#return-back{
		left:30px;top:20px;padding:6px 20px;
    }
	.slick-slide {
		height: 150px !important;
		background-position: center center ;
	}
	.pro-slick .slick-slide { height:350px !important; }
	.pro-slick .slick-slide h4 { top:10px; }
	.pro-slick .slick-slide img { max-height:200px; }
	.news-list { margin:0 auto; }
	.news-list > li { 
		width:100%;margin:30px 0;
	}
    header{ display: none !important; }
	#mobile-header{ 
		display: block;
		position: fixed;
	    left: 0;
	    right: 0;
	    z-index: 9999;
	    box-shadow: 0 2px 3px #cecece;
	}
	.carousel{ margin-top: 71px; }
    div.wrap{ width:95%; }
    .content-block { box-sizing: border-box; }

	div.common-header2 {
		margin:10px 0;
	}
	div.common-header2 > div {
		font-size:4rem;
	}
	.pro-slick .pro-item {
		width:100%;padding:0;
		/*flex-direction: column;-webkit-flex-direction: column;*/
	}
	.pro-slick .pro-item > div.av-item > div:first-child > div {
		min-height: 95px;
	}
	.pro-slick .pro-item > div.av-item {
		height:140px;width:50%;min-height: 140px;
		padding:5px;margin:10px 0;
	}
	.pro-slick .pro-item > div.av-item > div:first-child {
		background-size: contain;
		background-position: center;min-height: 140px;
	}
	#about {
		background-size: cover;
		height:500px;
	}
	#about > div.wrap {
		flex-direction: column-reverse;-webkit-flex-direction: column-reverse;
	}
	#about > div.wrap > div:first-child {
		width:100%;box-sizing: border-box;
		padding:30px 20px;
	}
	#about > div.wrap > div:last-child {
		width:100%;height:200px;box-sizing: border-box;
	}
	.news-index {
		flex-wrap:wrap;-webkit-flex-wrap:wrap;
	}
	.news-index > div.recive {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.news-index > div {
		width:100%;
	}

	#news-block > div:last-child { display: none; }
	#news-block > div:first-child { width:100%; }
	#news-block ul > li {
		margin:20px 0;
		flex-direction: column-reverse;-webkit-flex-direction: column-reverse;
		align-items: flex-end;-webkit-align-items: flex-end;
	}
	#news-block span.slider-line, #news-block span.news-circle {
		display: none;
	}

	footer {
		display: flex;display: -webkit-flex;
		flex-direction: column-reverse;-webkit-flex-direction: column-reverse;
	}
	footer p {
		margin:6px 15px;
	}
	footer div.wrap {
		flex-direction: column;-webkit-flex-direction: column;
	}
	footer > div:first-child > div > p {
		width:100%;max-width: 100%;text-align: center !important;
	}
	footer > div:first-child > div > a {
		display: block;text-align: center;width:100%;
		max-width:100%;
	}
	footer > div:first-child,footer > div:last-child { padding:15px 0;}
	div.goods-body div.goods-body-header ul li a {
		padding:0 6px;white-space: nowrap;
	}
	div.goods-body {
		margin-top:30px;
	}
	.ueditor_baidumap {
		width:90%;height:250px;
		display: flex;display: -webkit-flex;
		justify-content: center;-webkit-justify-content: center;
		align-items: center;-webkit-align-items: center;
		margin:0 auto;
	}
	.contact-block > div, .contact-block > form { width:90%; }
	#news {
		margin:80px auto 20px auto;
	}
	div.goods-filter {
		margin-top:30px;
	}
	.ab-content { max-height: unset; }
	.item-hover h4 { font-size:.8rem;}
	#main .common-header {
		justify-content: center;-webkit-justify-content: center;
	}
	#main .common-header > div:first-child > div {
		justify-content: center;-webkit-justify-content: center;
	}
	#main .common-header div.readMore {
		display: none;
	}
	#counter {
		top:0;
		flex-direction: column;-webkit-flex-direction: column;
		align-items: center;-webkit-align-items: center;
	}
	#counter .counter-item {
		min-width:80%;width:80%;margin:10px 0;
		padding:10px 20px;
	}
	#counter .counter-item img {
		height:40px !important;width: auto !important;
	}
	#map { height:300px; }
	#product {
		margin:30px auto;width:95%;
	}
	.product-header-wrap {
		min-width: 100% !important;
	}
	#counter .counter-item .number-wrap {
		width:70px;
	}
	.customer-list {
		margin:30px auto;
	}
	.customer-list > li {
		width:50%;padding:10px;
	}
	.customer-list > li > a img {
		width:100%;height:auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	html,body{ font-size:18px; }
	ul.goods-list{ flex-wrap: wrap;-webkit-flex-wrap:wrap; }
    ul.goods-list > li{ width:50%; }
    
    div.wrap{ width:95%; }
	header > div.wrap > div:first-child p{ display: none; }
	ul.navigation > li > a{ padding: 0 10px; }
	div.language { margin-right:10px; }
	ul.navigation > li{ white-space: nowrap; }
    ul.navigation > li.language ul.dropdown-menu{ left:80%; }

}

@media screen and (min-width:1370px) {
	.slick-slide {
		height:700px !important;
	}
}