@charset "utf-8";
/* CSS Document */
* {
	border: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	outline: none;
}
html, body {
	width: 100%;
	height: 100%;
}
html {
  scroll-behavior: smooth;
}
body {
	font-size: 14px;
	line-height: 1.5;
	font-family: "sourcehansans", "微软雅黑", sans-serif, Arial;
	color: #333;
	background: #fff;
	margin: 0;
}
a {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
h1, h2, h3, h4, h5, h6, strong, b, span, a, dl, dt, dd, p, img, ul, ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ov {
	overflow: hidden;
}
.dis {
	display: block !important;
}
.dn {
	display: none;
}
.clear {
*zoom:1
}
.clear:before, .clear:after {
	display: table;
	content: ""
}
.clear:after {
	clear: both
}
input, textarea {
	-webkit-appearance: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
select {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}
@font-face {
	font-family: "sourcehansans";
	font-style: normal;
	font-weight: 100;
	src: url("../images/SourceHanSans-Light.otf");
	src: url("../images/SourceHanSans-Light.eot") format("embedded-opentype"), url("../images/SourceHanSans-Light.woff2") format("woff2"), url("../images/SourceHanSans-Light.woff") format("woff"), url("../images/SourceHanSans-Light.ttf") format("truetype"),
}
@font-face {
	font-family: "sourcehansans";
	font-style: normal;
	font-weight: 400;
	src: url("../images/SourceHanSans-Regular.otf");
	src: url("../images/SourceHanSans-Regular.eot") format("embedded-opentype"), url("../images/SourceHanSans-Regular.woff2") format("woff2"), url("../images/SourceHanSans-Regular.woff") format("woff"), url("../images/SourceHanSans-Regular.ttf") format("truetype"),
}
@font-face {
	font-family: "sourcehansans";
	font-style: normal;
	font-weight: 700;
	src: url("../images/SourceHanSans-Medium.otf");
	src: url("../images/SourceHanSans-Medium.eot") format("embedded-opentype"), url("../images/SourceHanSans-Medium.woff2") format("woff2"), url("../images/SourceHanSans-Medium.woff") format("woff"), url("../images/SourceHanSans-Medium.ttf") format("truetype"),
}
@font-face {
	font-family: "sourcehansans";
	font-style: normal;
	font-weight: 900;
	src: url("../images/SourceHanSans-Bold.otf");
	src: url("../images/SourceHanSans-Bold.eot") format("embedded-opentype"), url("../images/SourceHanSans-Bold.woff2") format("woff2"), url("../images/SourceHanSans-Bold.woff") format("woff"), url("../images/SourceHanSans-Bold.ttf") format("truetype"),
}
/*header*/
.header {
	width: 90%;
	padding: 0 5%;
	height: 64px;
	background-color: #f2f2f2;
	height: 64px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
/*.header.pos{ background-color:rgba(255,255,255,.9);}*/
.header .logo {
	height: 36px;
	padding: 14px 0;
	float: left;
}
.header .logo img {
	display: block;
	height: 36px;
}
.header .nav {
	float: right;
}
.header .nav a {
	display: block;
	float: left;
	font-weight: 400;
	font-size: 14px;
	height: 64px;
	line-height: 64px;
	margin-left: 2.5vw;
	overflow: hidden;
}
.header .nav a.on, .header .nav a:hover {
	color: #d51518;
}
.he_langan {
	position: relative;
	margin-left: 2.5vw;
	height: 64px;
	float: right;
}
.he_langteui {
	width: 100%;
	position: absolute;
	top: 64px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 15px;
	box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08);
	display: none;
}
.he_langte {
	display: flex;
	cursor: pointer;
}
.he_langte img {
	height: inherit !important;
}
.he_langti1 {
	width: 18px;
	line-height: 64px;
}
.he_langti1 img {
	width: 100%;
}
.he_langti2 {
	width: 14px;
	line-height: 64px;
}
.he_langti2 img {
	width: 100%;
	transition: all 0.36s;
}
.he_langt1 {
	padding: 0 10px;
	line-height: 64px;
}
.he_langtli {
	text-align: center;
	padding: 3px 0;
}
.he_langtli a {
	font-size: 14px;
	line-height: 1.5;
	color: #999;
	transition: all 0.36s;
}
.he_langte.on .he_langti2 img {
	transform: rotate(180deg);
}
/*banner*/
.banner {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-top: 64px;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner #myVideo {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}
/*关于我们*/
.abox {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 4.43vw 0;
}
.abox .tu {
	padding: 0 16%;
	width: 11.25%;
}
.abox .tu img {
	width: 100%;
	display: block;
	margin: auto;
}
.abox .wen {
	font-size: 18px;
	line-height: 30px;
	margin-right: 16%;
	flex: 1;
}
/*数据*/
.sbox {
	width: 100%;
	display: block;
	overflow: hidden;
}
.sbox li {
	width: 20%;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
}
.sbox li .tu {
	width: 100%;
	position: relative;
	z-index: 1;
}
.sbox li .tu img {
	width: 100%;
	display: block;
}
.sbox li .tu b {
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #d51518;
	opacity: .3;
}
.sbox li .wen {
	width: 90%;
	position: absolute;
	top: 2.6vw;
	left: 5%;
	z-index: 3;
}
.sbox li .wen .w01 {
	width: 100%;
}
.sbox li .wen .w01 img {
	display: block;
	margin: auto;
}
.sbox li .wen .w02 {
	width: 100%;
	text-align: center;
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	color: #fff;
	margin-top: 2.86vw;
}
/*服务*/
.fbox {
	width: 100%;
	background-color: #fff;
	padding-top: 4.43vw;
	position: relative;
	z-index: 1;
}
.fbox .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.fbox .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.fbox .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.fbox .list {
	width: 100%;
	margin-top: 2.34375vw;
}
.fbox .list a {
	width: 33%;
	height: 21.18vw;
	margin-left: .5%;
margin-bottom:.5vw;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.fbox .list a:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.fbox .list a .wen {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.36);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.fbox .list a .wen .w01 {
	font-size: 108px;
	line-height: 88px;
	font-weight: 700;
	color: #d51518;
}
.fbox .list a .wen .w02 {
	width: 120px;
	height: 1px;
	background-color: #d51518;
	margin: 1.04vw 0;
}
.fbox .list a .wen .w03 {
	width: 236px;
	height: 46px;
	font-size: 26px;
	line-height: 46px;
	font-weight: 100;
	background-color: #d51518;
	color: #fff;
	text-align: center;
	border-radius: 46px;
}
.fbox .list a .wen .w04 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 100;
	color: #d51518;
	text-transform: uppercase;
	margin-top: 1.04vw;
}
.fbox .list a:hover .wen {
	opacity: 0;
}
/*工厂*/
.fbox .list02 {
	width: 100%;
	margin-top: 2.34375vw;
}
.fbox .list02 a {
	width: 33%;
	height: 34vw;
	margin-left: .5%;
margin-bottom:.5vw;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.fbox .list02 a:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.fbox .list02 a img {
	width: 100%;
	display: block;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	position: relative;
	z-index: 1;
}
.fbox .list02 a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.fbox .list02 p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	padding: 0 5%;
	text-align: center;
	font-size: 30px;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.fbox .list02 a:hover p {
	bottom: -100%;
}
/*案例*/
.fbox .list01 {
	display: block;
	width: 100%;
	margin-top: 1.84375vw;
}
.fbox .list01 li {
	width: 33%;
	height: 26.16vw;
	display: block;
	margin-left: .5%;
margin-top:.5vw;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.fbox .list01 li:nth-child(1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.fbox .list01 li:nth-child(2), .fbox .list01 li:nth-child(3) {
	width: 16.49%;
}
.fbox .list01 li:nth-child(4) {
	width: 32.52%;
}
.fbox .list01 li:nth-child(5) {
	clear: left;
	float: left;
	margin-left: 0;
	width: 23.74%;
}
.fbox .list01 li:nth-child(6) {
	width: 32.71%;
}
.fbox .list01 li:nth-child(7) {
	width: 24.8%;
}
.fbox .list01 li:nth-child(8) {
	width: 17.25%;
}
.fbox .list01 a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.fbox .list01 a .tu {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 1;
}
.fbox .list01 a:hover .tu {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.fbox .list01 a .wen {
	width: 370px;
	max-width: 90%;
	background-color: rgba(255,255,255,.65);
	padding: 1.5625vw 6%;
	box-sizing: border-box;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 3;
	display: none;
}
.fbox .list01 a .wen .w01 {
	font-size: 26px;
	line-height: 36px;
	color: #d51518;
	font-weight: 400;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fbox .list01 a .wen .w02 {
	font-size: 18px;
	line-height: 28px;
	max-height: 168px;
	font-weight: 100;
margin-top:.78vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}
/*.fbox .list01 a:hover .wen{ display:block;}*/

/*合作品牌*/
.hbox {
	width: 100%;
	background-color: #fff;
	padding-top: 4.43vw;
	padding-bottom: 4.6875vw;
	position: relative;
	z-index: 1;
}
.hbox .title {
	width: 82%;
	margin: auto;
	text-align: center;
}
.hbox .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.hbox .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.hbox .list {
	width: 82%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.hbox .list a {
	width: 8.86%;
	height: 5.18vw;
	margin: 1.3vw 0;
	margin-left: 2.5325%;
	display: flex;
	align-items: center;
	overflow: hidden;
	float: left;
	-webkit-transition: -webkit-transform 1s, height 1s, width 1s;
}
.hbox .list a:nth-child(9n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.hbox .list a img {
	max-width: 100%;
	max-height: 7.62vw;
	display: block;
	margin: auto;
}
/*.hbox .list a:hover{ -webkit-transform:rotateY(-360deg);}*/

/*获奖*/
.rbox {
	width: 100%;
	background-color: #ea8a8b;
	padding-bottom: 1.5625vw;
	position: relative;
	z-index: 1;
}
.rbox .list {
	width: 82%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rbox .list li {
	width: 30%;
	margin-top: 1.5625vw;
}
.rbox .list li img {
	display: block;
	height: 86px;
}
.rbox .list li:nth-child(2) img, .rbox .list li:nth-child(5) img {
	margin: auto;
}
.rbox .list li:nth-child(3) img, .rbox .list li:nth-child(6) img {
	float: right;
}
/*.rbox .list li{ width:32%; margin-top:1.5625vw; margin-left:2%; display:flex; align-items:center; overflow:hidden; float:left; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.rbox .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.rbox .list li strong{ width:100px; height:86px; display:block; background-color:#fff;}
.rbox .list li strong img{ display:block; max-width:100%; margin:auto; max-height:86px;}
.rbox .list li p{ flex:1; margin-left:15px; display:block; font-size:14px; font-weight:700;}*/

/*footer*/
.footer {
	width: 100%;
	background-color: #282828;
	position: relative;
	z-index: 1;
}
.footer .f01 {
	width: 24%;
	margin: 0 0.5%;
	float: left;
	padding: 4px 10px 4px 10px;
	box-sizing: border-box;
}
.footer .f01 .w01 {
	height: 56px;
	margin-top: 26px;
}
.footer .f01 .w01 img {
	display: block;
	height: 56px;
}
.footer .f01 .w02 {
	font-size: 22px;
	line-height: 32px;
	color: #373a41;
	margin-top: 21px;
	font-weight: 900;
}
.footer .f01 .w03 {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	margin-top: 5px;
}
.footer .f01 .w03 a {
	color: #fff;
	display: block;
	float: left;
}
.footer .f01 .w03 span {
	color: #fff;
	display: block;
	float: left;
	margin: 0 5px;
}
.footer .f01 .w03 a:nth-child(6) {
	clear: left;
	float: left;
}
.footer .f02 {
	width: 24%;
	margin: 0 0.5%;
	float: left;
	padding: 4px 10px 4px 10px;
	box-sizing: border-box;
}
.footer .f02 dt {
	display: block;
	overflow: hidden;
	margin-top: 24px;
	font-size: 22px;
	line-height: 28px;
	color: #373a41;
	font-weight: 900;
	margin-bottom: 10px;
}
.footer .f02 dd {
	display: flex;
	overflow: hidden;
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	flex-wrap:wrap;
}
.footer .f02 dd span {
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	display: block;
}
.footer .f02 dd p {
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	display: block;
	flex: 1;
}
.footer .f02 dd img {
	display: block;
	width: 60px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.footer .f02 dd a {
	width: 60px;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-right:15px;
}
.footer .f02 dd a.fllow{ width:30px; ovderflow:hidden;
	margin-right:15px;}
	.footer .f02 dd a.fllow img{ width:100%;
	margin-top: 15px;margin-bottom: 0;}
.footer .f03 {
	width: 24%;
	margin: 0 0.5%;
	float: left;
	padding: 4px 110px 4px 10px;
	box-sizing: border-box;
}
.footer .f03 .w01 {
	font-size: 22px;
	line-height: 38px;
	color: #373a41;
	font-weight: 900;
	float:left;
}
.footer .f03 .w02 {
	width: 100%;
	padding-top:10px;
	float:left;
}
.footer .f03 .w02:nth-child(3){ width:48.5%;}
.footer .f03 .w02:nth-child(4){ width:48.5%; margin-left:3%;}
.footer .f03 .w02:nth-child(5){ width:48.5%;}
.footer .f03 .w02:nth-child(6){ width:48.5%; margin-left:3%;}
.footer .f03 .w02 label {
	display: block;
	font-size: 14px;
	color: #e3e3e3;
	line-height: 14px;
	height: 20px;
}
.footer .f03 .w02 .form-box-group-q {
	width: 100%;
	overflow: hidden;
}
.footer .f03 .w02 .form-box-group-q input {
	width: 100%;
	padding: 2px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	height: 24px;
	line-height: 20px;
	font-size: 14px;
	border: solid 1px #CCC;
	margin-bottom: 3px;
	border-radius: 3px;
}
.footer .f03 .w02 .form-box-group-q select {
	width: 100%;
	padding: 2px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	height: 24px;
	line-height: 20px;
	font-size: 14px;
	border: solid 1px #CCC;
	margin-bottom: 3px;
	border-radius: 3px;
	background:url(../images/sel.png) right 10px center no-repeat #fff;
}
.footer .f03 .w02 .form-box-group-q textarea {
	width: 100%;
	padding: 2px;
	box-sizing: border-box;
	display: block;
	overflow: auto;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	border: solid 1px #CCC;
	margin-bottom: 3px;
	border-radius: 3px;
}
.footer .f03 .w02 a {
	width: 115px;
	height: 40px;
	overflow: hidden;
	display: block;
}
.footer .f03 .w02 a img {
	width: 100%;
	height: 40px;
	display: block;
}
.footer .f03 .w03 {
	width: 100px;
	float:left;
	height: 24px;
	margin-top:15px;
}
.footer .f03 .w03 input {
	width: 100%;
	height: 24px;
	border-radius: 30px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
}
.footer .f04 {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 10px;
	line-height: 31px;
	color: #b5b5b5;
	padding: 4px 10px 4px 10px;
	box-sizing: border-box;
}
.footer .f04 a {
	color: #b5b5b5;
}
#gotop {
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	background-color: rgba(213,21,24,0.7);
	border-radius: 5px;
	position: fixed;
	right: 3%;
	bottom: 5%;
	z-index: 99;
	overflow: hidden;
}
#gotop img {
	width: 100%;
	display: block;
}
/*案例*/
.banner .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner .swiper-container .swiper-slide {
	width: 100%;
	display: block;
	overflow: hidden;
}
.banner .swiper-container .swiper-slide img {
	display: block;
	width: 100%;
}
.banner .swiper-pagination {
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 40px;
	z-index: 3;
}
.banner .swiper-pagination span {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	background-color: #d51518;
	opacity: .32;
	margin: 0 10px;
	cursor: pointer;
	border-radius: 100%;
	overflow: hidden;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
}
.case {
	width: 100%;
	padding-top: 4.6875vw;
}
.case .list {
	width: 93%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.case .list a {
	min-width: 110px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 22px;
	margin: 0 1.5vw;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 42px;
	background-color: rgba(213,21,24,0.7);
	margin-bottom: 1.5625vw;
	padding: 0 1.5vw;
}
.case .list a.on, .case .list a:hover {
	background-color: #d51518;
}
.case .list01 {
	display: block;
	width: 100%;
	margin-top: 3.125vw;
}
.case .list01 li {
	width: 23.8%;
	display: block;
	margin-left: 1.6%;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.case .list01 li:nth-child(4n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.case .list01 li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.case .list01 li a:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.case .list01 li a img {
	width: 100%;
	display: block;
}
/*案例内页*/
.casen {
	width: 100%;
	border-top: 64px solid #fff;
}
.casen img {
	width: 100%;
	height: auto;
	margin: auto;
	display: block;
}
.casen video {
	width: 100% !important;
	height: auto !important;
	max-height: calc(100% - 64px);
	background-color: #000;
	display: block;
	position: relative;
}
/*.casen video:before{ content:""; display:block; width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:#000;}*/

.fanh {
	width: 100%;
	padding: 4.6875vw 0;
}
.fanh a {
	display: block;
	width: 198px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #333;
	border-radius: 50px;
	margin: auto;
	text-align: center;
	font-size: 20px;
}
.fanh a:hover {
	background-color: #d51518;
	border: 1px solid #d51518;
	color: #fff;
}
/*关于我们*/
.banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner .mask {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.banner .mask .wen {
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	z-index: 9;
}
.banner .mask .wen .w03 {
	width: 100%;
}
.banner .mask .wen .w03 img {
	width: 38.15%;
	max-width: 412px;
	margin: 5px auto;
	display: block;
}
.banner .mask .wen .w01 {
	color: #d51518;
	font-size: 36px;
	line-height: 46px;
	font-weight: 900;
	margin-top: 3.65vw;
}
.banner .mask .wen .w02 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 1.5625vw;
	color:#666;
}
.ab01 {
	width: 100%;
	background-color: #fff;
	padding-top: 4.43vw;
	padding-bottom: 4.43vw;
	position: relative;
	z-index: 1;
}
.ab01 .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.ab01 .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.ab01 .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.ab01 .list {
	width: 90%;
	margin: auto;
	margin-top: 2.34375vw;
}
.ab01 .list a {
	width: 32.23%;
	display: block;
	margin-left: 1.655%;
	margin-bottom: 1.4895vw;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.ab01 .list a:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.ab01 .list a img {
	width: 100%;
	display: block;
}
.ab01 .wen {
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
margin-top:.78125vw;
}
.ab02 {
	width: 100%;
	background-color: #fff;
	padding-top: 4.16vw;
	position: relative;
	z-index: 1;
}
.ab02 .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.ab02 .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.ab02 .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.ab02 .list {
	width: 90%;
	margin: auto;
	margin-top: 2.34375vw;
}
.ab02 .list a {
	width: 32.23%;
	display: block;
	margin-left: 1.655%;
	margin-bottom: 1.4895vw;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.ab02 .list a:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.ab02 .list a img {
	width: 100%;
	display: block;
}
.ab02 .list01 {
	width: 90%;
	display: block;
	margin: auto;
	margin-top: -1vw;
}
.ab02 .list01 li {
	width: 25%;
	display: block;
	float: left;
	overflow: hidden;
	margin-top: 2.08vw;
}
.ab02 .list01 li strong {
	width: 234px;
	height: 234px;
	display: block;
	overflow: hidden;
	border-radius: 100%;
	margin: auto;
}
.ab02 .list01 li strong img {
	width: 100%;
	display: block;
}
.ab02 .list01 li p {
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	display: block;
	overflow: hidden;
margin-top:.52vw;
}
.ab02 .list01 li:nth-child(4n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.ab03 {
	width: 100%;
	background-color: #fff;
	padding-top: 4.16vw;
	padding-bottom: 4.43vw;
	position: relative;
	z-index: 1;
}
.ab03 .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.ab03 .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.ab03 .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.ab03 .list {
	width: 90%;
	margin: auto;
	margin-top: 2.34375vw;
	display: block;
}
.ab03 .list li {
	width: 18.8%;
	display: block;
	margin-left: 1.5%;
	margin-bottom: 1.35vw;
	overflow: hidden;
	float: left;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ab03 .list li:nth-child(5n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.ab03 .list li:hover {
	box-shadow: 0 0 10px rgba(213,21,24,.1);
}
.ab03 .list li strong {
	width: 100%;
	margin-top: 20px;
	height: 130px;
	display: block;
	overflow: hidden;
}
.ab03 .list li strong img {
	max-width: 100%;
	max-height: 130px;
	margin: auto;
	display: block;
}
.ab03 .list li p {
	font-size: 18px;
	line-height: 28px;
	margin: 15px auto;
	text-align: center;
	display: block;
	overflow: hidden;
}
.ab03 .wen {
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
margin-top:.92755vw;
}
.ab04 {
	width: 100%;
	background-color: #f7f7f7;
	padding-top: 4.16vw;
	position: relative;
	z-index: 1;
}
.ab04 .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.ab04 .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.ab04 .title .t02 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 100;
	margin-top: 1.04vw;
}
.ab04 .box {
	width: 90%;
	padding: 0 5%;
	margin: auto;
	margin-top: 2.34375vw;
	display: block;
	position: relative;
}
.ab04 .box .swiper-button-white {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	top: 95px;
}
.ab04 .box .swiper-button-white img {
	width: 100%;
}
.ab04 .box .swiper-button-prev {
	left: 5%;
}
.ab04 .box .swiper-button-next {
	right: 5%;
}
.ab04 .box .line {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 110px;
	border-bottom: 1px dashed #bdbdbd;
}
.ab04 .box .swiper-container {
	margin: 0 50px;
	overflow: hidden;
	padding-bottom: 4.43vw;
	position: relative;
	z-index: 3;
}
.ab04 .box .swiper-container .swiper-slide {
	width: 25%;
}
.g_d1pt2top {
	padding: 0 30px;
	margin-top: -15px;
}
.g_d1pt2top p {
	margin-left: 85px;
	color: #333;
	font-size: 24px;
	transform: translateY(15px);
}
.g_dian {
	margin-left: 40px;
	width: 27px;
	display: block;
}
.g_d1pt2ico {
	width: 80px;
	height: 80px;
	background: #464646;
	border-radius: 50%;
	position: relative;
}
.g_d1pt2ico img {
	display: block;
	width: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.g_d1pt2bot {
	position: relative;
	margin: 0 30px;
	margin-top: 46px;
}
.g_san {
	position: absolute;
	width: 21px;
	left: 25px;
	top: -15px;
}
.g_d1pt2botwz {
	background: #fff;
	padding: 50px 36px;
	box-shadow: 5px 5px 10px 3px rgba(0,0,0, .03);
}
.g_d1pt2botwz p {
	font-size: 14px;
	color: #999;
	line-height: 1.75;
	min-height: 5.25em;
	height: auto;
}
/*联系*/
.lx {
	width: 100%;
	background-color: #fff;
	padding-top: calc(4.43vw + 64px);
	padding-bottom: 4.6875vw;
	position: relative;
	z-index: 1;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.lx .title {
	width: 90%;
	margin: auto;
	text-align: center;
}
.lx .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
}
.lx .title .t02 {
	font-size: 22px;
	color: #d51518;
	line-height: 20px;
	font-weight: 100;
	margin-top: 1.04vw;
	text-transform: uppercase;
}
.lx .list {
	width: 100%;
	margin: auto;
	margin-top: 3.90625vw;
}
.lx .list li {
	width: calc(50% - 1px);
	height: 19vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	background-color: rgba(255,255,255,.65);
	float: left;
}
.lx .list li:nth-child(2n) {
	margin-left: 2px;
}
.lx .list li .w01 {
	text-align: center;
}
.lx .list li .w01 p {
	display: block;
	font-size: 20px;
	line-height: 50px;
}
.lx .list li .w02 {
	border-radius: 30px;
	width: 30%;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	overflow: hidden;
}
.lx .list li .w02 a{ width:30px; display:block; margin:10px;}
.lx .list li .w02 img {
	width: 100%;
	display: block;
}
.lx .list li .w03 {
	font-size: 20px;
	line-height: 50px;
	max-width: 30%;
	margin-left: 5%;
}
/*新闻*/
.news {
	width: 100%;
	background-color: #fff;
	padding-top: calc(4.43vw + 64px);
	padding-bottom: 4.6875vw;
	position: relative;
	z-index: 1;
}
.news .title {
	width: 960px;
	margin: auto;
}
.news .title .t01 {
	font-size: 50px;
	color: #d51518;
	line-height: 60px;
	font-weight: 900;
	float: left;
}
.news .title .t02 {
	font-size: 18px;
	color: #d51518;
	line-height: 28px;
	font-weight: 100;
	margin-top: 30px;
	float: left;
	margin-left: 25px;
}
.news .list {
	width: 960px;
	margin: auto;
	margin-top: 1vw;
}
.news .list li {
	display: block;
	width: 100%;
	padding: 1.5625vw 0;
	border-bottom: 1px solid #d51518;
	overflow: hidden;
}
.news .list li .tu {
	width: 368px;
	height: 368px;
	float: left;
}
.news .list li .tu img {
	width: 100%;
	display: block;
}
.news .list li .wen {
	margin-left: 66px;
	width: 526px;
	float: left;
}
.news .list li .wen .w01 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 100;
	margin-top: 20px;
}
.news .list li .wen .w02 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	margin-top: 10px;
}
.news .list li .wen .w02 a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .list li .wen .w02 a:hover {
	color: #d51518;
}
.news .list li .wen .w03 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-top: 20px;
	max-height: 196px;
}
/*新闻内页*/
.ny {
	width: 90%;
	margin: auto;
}
.ny .bt {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
}
.ny .time {
	font-size: 18px;
	line-height: 28px;
	color: #999;
margin-top:.78vw;
	padding-bottom: 1vw;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.ny .wen {
	width: 100%;
	margin: 2vw auto;
	font-size: 18px;
	line-height: 28px;
}
.ny .wen img {
	max-width: 100%;
	height: auto;
}
.ny .back {
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	position: relative;
}
.ny .back p {
	max-width: calc(100% - 150px);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}
.ny .back span {
	position: absolute;
	right: 0;
	top: 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ny .back a:hover {
	color: #d51518;
}
/*工厂*/
.gc {
	width: 100%;
	background-color: #fff;
	padding-top: 4.6875vw;
	padding-bottom: 4.6875vw;
	position: relative;
	z-index: 1;
}
.gc .fen {
	width: 93%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin-top: -1.5625vw;
}
.gc .fen a {
	min-width: 110px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 22px;
	margin: 0 1.5vw;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 42px;
	background-color: rgba(213,21,24,0.7);
	margin-top: 1.5625vw;
	padding: 0 1.5vw;
}
.gc .fen a.on, .gc .fen a:hover {
	background-color: #d51518;
}
.gc .box {
	margin-top:4.43vw;
}
.gc .box .title {
	width: 90%;
	margin: auto;
	padding-top: 4.43vw;
	border-top:1px dashed #ddd;
}
.gc .box .title .t01 {
	font-size:21px;
	color: #d51518;
	line-height: 30px;
	font-weight: 900;
	float: left;
}
.gc .box .title .t02 {
	font-size: 14px;
	color: #d51518;
	line-height: 30px;
	font-weight: 100;
	float: right;
	margin-left: 25px;
}
.gc .box .list {
	width: 90%;
	margin: auto;
	margin-top: 0.85425vw;
}
.gc .box .list a {
	width: 32.23%;
	display: block;
	margin-left: 1.655%;
	margin-top: 1.4895vw;
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 15px;
}
.gc .box .list a:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.gc .box .list a img {
	width: 100%;
	display: block;
}
/*产品*/
.pro {
	width: 100;
	padding: 2.6875vw 0;
	background-color: #f7f7f7;
}
.pro .pros{ width:70%; margin:auto;}
.pro .lbar {
	width: 120px;
	float: left;
	background-color: #fff;
	padding: 15px 20px;
}
.pro .lbar .bt {
	text-align: center;
	font-size: 20px;
	font-weight:bold;
	line-height: 40px;
	border-bottom: 1px solid #eee;
}
.pro .lbar .list {
	width: 100%;
	display: block;
	padding: 10px 0;
}
.pro .lbar .list a {
	display: flex;
	font-size: 12px;
	line-height: 34px;
	padding: 0 15px;
	height: 36px;
	overflow: hidden;
}
.pro .lbar .list a img {
	display: block;
	float: left;
	height: 14px;
	margin: 10px 15px;
	margin-left: 0;
}
.pro .lbar .list a.on {
	color: #d51518;
}
.pro .rbar {
	width: calc(100% - 180px);
	float: right;
}
.pro .rbar .sx {
	background-color: #fff;
	padding: 10px 20px;
}
.pro .rbar .sx dl {
	display: block;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
	overflow: hidden;
}
.pro .rbar .sx dl:last-child {
	border-bottom: none;
}
.pro .rbar .sx dl dt {
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	width: 30px;
	color:#999;
	float: left;
}
.pro .rbar .sx dl dd {
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	width: calc(100% - 30px);
	float: left;
}
.pro .rbar .sx dl dd a {
	display: block;
	float: left;
	margin-left: 20px;
	font-size: 12px;
	line-height: 24px;
}
.pro .rbar .sx dl dd a:hover, .pro .rbar .sx dl dd a.on {
	color: #d51518;
}
.pro .rbar .list {
	display: block;
	width: 100%;
}
.pro .rbar .list li {
	width: 22.75%;
	background-color: #fff;
	display: block;
	margin-left: 3%;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	float: left;
}
.pro .rbar .list li:nth-child(4n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.pro .rbar .list li strong {
	width: 100%;
	padding-top: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}
.pro .rbar .list li strong img {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.pro .rbar .list li b {
	width: 86%;
	margin: auto;
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-weight:normal;
	text-align:center;
	margin-top: 2px; vertical-align:text-top;
}
.pro .rbar .list li em {
	display: inline-block;
	margin-right:5px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0 5px;
	background-color: #d51518;
	color: #fff;
	font-style: normal; vertical-align:text-top;
}
.pro .rbar .list li p {
	width: 86%;
	margin: 15px auto;
	margin-top:0;
	display: block;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	color: #666;
	text-align: center;
}
.pro .rbar .list li p span {
	color: #d51518;
	display: inline-block;
	line-height: 22px;
}
.pro .rbar .list li p span:nth-child(2) {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	margin-right:5px;
}
.pro .rbar .list li:hover b {
	color: #d51518;
}
.fanye {
	width: 100%;
	text-align: center;
	padding-top: 1vw;
}
.fanye li {
	margin: 0 3px;
	display: inline-block;
margin-top:.6vw;
}
.fanye li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e1e1e1;
	display: block;
}
.fanye li span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e1e1e1;
	display: block;
}
.fanye li.active span {
	color: #fff;
	background-color: #464646;
	border: 1px solid #464646;
}
.fanye li.disabled span {
	color: #aaa;
	background-color: #f2f2f2;
	cursor: no-drop;
}
.fanye li a:hover {
	color: #d51518;
}
/*产品内页*/
.pro02 {
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
}
.pro02 .bg{ width:20%;
	background-color: #f7f7f7; position:fixed; right:0; top:0; height:100vh; z-index:1;}
.pro02 .pros{ width:70%; height:100%; margin:auto; position:relative; z-index:3;}
.pro02 .lbar {
	width: 55%;
	padding: 4.6875vw 5%;
	padding-left:0;
	padding-top: calc(4.6875vw + 64px);
	box-sizing: border-box;
	height: 100vh;
	overflow: hidden;
	float:left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pro02 .lbar .w01 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	text-align:center;
	color:#666;
}
.pro02 .lbar .w02 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 1vw;
	text-align:center;
	color:#777;
}
.pro02 .lbar .w03 {
	font-size: 16px;
	line-height: 26px;
	margin-top: 2vw;
	color:#999;
}
.pro02 .rbar {
	width: 45%;
	padding-left:5%;
	padding-top: calc(4.6875vw + 64px);
	box-sizing: border-box;
	height: 100vh;
	overflow: hidden;
	overflow: auto;
	float: right;
	background-color: #f7f7f7;
}
.pro02 .rbar::-webkit-scrollbar{ width:5px; height:1px;}
.pro02 .rbar::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#f7f7f7;}
.pro02 .rbar::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.pro02 .rbar .wen {
	width: 100%;
}
.pro02 .rbar .wen p {
	margin-bottom: 2vw;
}
.pro02 .rbar .wen img {
	max-width: 100%;
	display: block;
	height: auto !important;
}
.g_b2nrfrbot {
	border-top: 1px solid #dddddd;
	overflow: hidden;
	padding: 3vw 0;
	margin-top: 2vw;
}
.g_b2nrfrbot1 {
	max-width: 40%;
}
.g_b2nrfrbot1 a {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.g_fadein1{
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s; 
}
.g_fadein2{
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3.5s; 
}
.g_fadein3{
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.4s; 
}
.g_fadein4{
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.45s; 
}