/* index banner */
a:hover {
	-webkit-tap-highlight-color: transparent;
}
.banner {
	position: relative;
	width: 100%;
}
.swiper-pagination {
	bottom: 0.1rem !important;
	text-align: center !important;
	font-size: 0;
}
.swiper-pagination-bullet {
	width: 0.12rem !important;
	height: 0.12rem !important;
	opacity: 1 !important;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF !important;
	box-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
.swiper-pagination-bullet-active {
	background-color: #ca0217 !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.05rem !important;
}
/* -------------------------自定义部分开始 --------------------------*/
@font-face {
	font-family: "hfont";
	src: url('../font/hfont.woff') format('woff'), url('../font/hfont.ttf') format('truetype');
}
.hfont {
	font-family: "hfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}
input {
	outline: none;
}
body {
	background: #FFF !important;
}
.allpage {
	background: #FFF !important;
}
/*head*/

.logo {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search {
	background-color: #5ab100 !important;
}
.nav-btn {
	color: #FFF !important;
}
.search_hl {
	color: #FFF !important;
}
/*content*/
.content {
	padding-bottom: 0.75rem !important;
	padding-top: 0.2rem;
}
/*iwrap*/
.iwrap {
	position: relative;
	width: 93.75%;
	margin: 0 auto;
}
/*hnav2*/
.hnav2 {
	display: flex; justify-content: space-between; flex-wrap: wrap; background: #D2213E;
}
.hnav2 .son {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33%;
	font-size: 0.20rem;
	line-height: 0.50rem;
	text-align: center;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 0;
	text-align: center;
}
.hnav2 .son img{ width: 50%; text-align: center; vertical-align: middle; margin-left: 25%;}
.hnav2 .son:nth-child(3n) {
	border-right: none;
}
.hnav2 .son:nth-child(3n+1) {
	border-left: none;
}
/*hnav*/
.hnav {
	display: flex; justify-content: space-around; flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0.1rem 3.125%;
}
.hnav-son {
	display: inline-block;
	width: 48%;
	font-size: 0.18rem;
	line-height: 0.55rem;
	text-align: center;
	color: #fff;
	background: #d2213e;
	height: 0.55rem;
	overflow: hidden;
	margin-bottom: 2.5%
}
.hnav-son .in {
	position: relative;
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	border: 0.05rem solid #ff7988;
	font-size: 0.5rem;
	line-height: 0.75rem;
	color: #FFF;
	border-radius: 50%;
}
.hnav-son:nth-child(3n) {
	margin-right: 0;
}
table{ width: 100% !important;}
/*itl*/
.itl {
	padding: 2% 3.125%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 0.5rem;
	color: #333;
	font-size: 0.35rem;
}
.itl dt{ font-size: 0.20rem; padding-left: 10px; text-transform: uppercase; color: #000; background: url(../images/title.png) no-repeat center top ;}
.itl1 {
	padding: 2% 3.125%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 0.5rem;
	color: #fff;
	font-size: 0.35rem;
}
.itl1 dt{ font-size: 0.20rem; padding-left: 10px; text-transform: uppercase; color: #fff; background: url(../images/title1.png) no-repeat center top ;}

/*inew*/
.inew {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1% 0;
	width: 93.75%;
}
.inew li {
	border-bottom: 1px dashed #cccccc;
	font-size: 0.20rem;
	color: #666;
	line-height: 0.55rem;
}
.inew li i {
	width: 0.06rem;
	height: 0.06rem;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50rem;
	background: #c1c1c1;
	margin: 0 3.125%;
}
.inew li:last-child {
	border-bottom: none;
}
.inew a {
	display: block;
	color: #303030;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inew span:first-child {
	float: right;
	padding-left: 0.1rem;
	font-weight: bold;
	font-size: 0.21rem;
	color: #c1c1c1;
	margin-right: 3.125%;
}
.lxwm{ background: #333333; padding: 5%; color: #fff; text-align: center; line-height: 0.32rem;}
.lxwm span{ line-height: 0.4rem; font-size: 0.4rem;}
/*iadg*/
.iadg {
	font-size: 0.20rem;
	line-height: 2em;
	color: #323232;
	text-align: left;
	margin: 2% auto;
	text-indent: 20px;
}
.cpzx{ padding: 3% 0%; background: url(../images/bg.png) repeat top;}
.spzx{}
.spzx .item_b:nth-child(5){ width: 100%;}
.spzx .item_b:nth-child(5) img {
	width: 100%;
	height: 200px;
}
ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.title{ text-align: left; padding-left: 10px;}
.title dl{ font-size: 0.35rem; color: #303030;}
.title dt{ line-height: 48px; text-transform: uppercase; font-size: 0.3rem; font-weight: bold; color: #dadada; position: relative; margin-bottom: -18px;}
.title dd{ line-height: 48px; text-transform: uppercase; font-size: 0.3rem; font-weight: bold; color: #fff; position: relative; margin-bottom: -18px;}
.cpfl{ display: flex; justify-content: space-around; z-index: 99; position: relative; margin-bottom: 40px; flex-wrap: wrap;}
.cpfl li{ width: 32%; background: #d2213e; border-radius: 10px; line-height: 50px; text-align: center; margin-bottom: 10px;}
.cpfl li a{ font-size: 0.23rem; color: #fff;}
.cpzs{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 44%; padding: 2%; text-align: center; margin-bottom: 40px; background: #F8F8F8; border-radius: 15px;}
.cpzs li ol img{ width: 100%; height: auto;}
.cpzs li p{ line-height: 45px; font-size: 0.2rem; color: #303030;}
.hzal{ background: url(../images/hzal.jpg) repeat top; padding: 55px 0px 80px 0px;}
.hzalb{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.hzalb dl{ width: 24%;}
.hzalb dl ol{ width: 100%;  overflow: hidden;}
.hzalb dl ol img{  border-radius: 10px;}
.hzalb dl dt{ padding: 0px 0px 0px 14px; position: relative; margin-top: -100%;font-size: 0.2rem; font-weight: bold; color: #fff; text-shadow: #000 1px 1px 2px; transition: all 0.6s; }
.hzalb dl dt span{ line-height: 25px; font-size: 18px; font-weight: normal;}
.gsjj{ padding: 60px 0px 0 0;}
.gsjjb{ background: url(../images/gsbg.jpg) no-repeat left top; position: relative; padding: 35px 5px;}
.gs_l{}
.gs_l p{ line-height: 0.35rem; font-size: 0.2rem; color: #303030; text-indent: 2em;}
.gs_r{}
.gs_r img{ padding-top: 5px; transition: all 0.6s;}
.gs_r:hover img{ border-top-right-radius: 50px; border-bottom-left-radius: 50px; transition: all 0.6s;}
.gsmore{ width: 140px; height: 40px; line-height: 40px; text-align: center; background: #d2213e; border-radius: 10px; margin: 20px 0px;}
.gsmore a{ font-size: 0.23rem; color: #fff;}
.index-smart-section{ line-height: normal;}
.cpys{ padding: 60px 0px;}
.index-smart-section .factory {
  position: relative;
}
video{ width: 100%;}

.index-smart-section .factory .mod-table {
  height: 100%;
}

.index-smart-section .factory .box {
  table-layout: fixed;
  margin-bottom: 20px;
}

.index-smart-section .factory .wuhan {
  width: 38.2353%;
  vertical-align: top;
}

.index-smart-section .factory .wuhan .wrap {
  width: 100%;
  position: relative;
}

.index-smart-section .factory .wuhan .pic {
  overflow: hidden;
  padding-top: 2px;
}

.index-smart-section .factory .wuhan .pic img {
  display: block;
  max-width: none;
}

.index-smart-section .factory .wuhan .title {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 15px;
}

.index-smart-section .factory .wuhan .en {
  font-style: normal;
  color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 86px;
  text-transform: uppercase;
  line-height: 0.6;
}

.index-smart-section .factory .wuhan .detail {
  display: block;
  width: 128px;
  line-height: 36px;
  text-align: center;
  border-radius: 36px;
  background-color: #d2213e;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.index-smart-section .factory .beijing {
  width: 61.7647%;
  overflow: hidden;
}
 .index-smart-section .factory .made-s .beijing{ position: relative;}


.index-smart-section .factory .beijing .con {
  width: 45%;
  background-color: #d2213e;
  color: #fff;
  position: relative;
}

.index-smart-section .factory .beijing .con .wrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box;

}

.index-smart-section .factory .beijing .con .title {
  font-size: 0.23rem;
  margin-bottom: 10px;
}

.index-smart-section .factory .beijing .con .desc {
  font-size: 0.2rem;
  overflow: hidden;
  padding-left: 10px;
}

.index-smart-section .factory .beijing .con .detail {
  display: block;
  width: 60%;
  line-height: 0.45rem;
  text-align: center;
  border-radius: 36px;
  background-color: #fff;
  color: #d2213e;
  font-size: 0.2rem;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 10px;
}

.index-smart-section .factory .beijing .con .en {
  font-style: normal;
  position: absolute;
  font-size: 46px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.1);
  right: 0;
  bottom: 0;
  line-height: 0.73;
  text-align: right;
  text-transform: uppercase;
}
.index-smart-section .factory .beijing .pic {
  width: 55%; background: url(../images/fac_bg.jpg) repeat;
  position: relative;
  overflow: hidden;
}
.mod-table .mod-td {
    display: table-cell;
    vertical-align: middle;
}
.layer-wrapper {
    width: 1380px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
}
.news{ padding: 0px 0px;}
.newsb{ display: flex; justify-content: space-around; position: relative; flex-wrap: wrap;}
.newsb dl{ width: 47%;}
.newsb dl ol{ }
.newsb dl ol img{ width: 176px; height: 118px;}
.newsb dl dd{ line-height: 35px; font-size: 0.2rem; color: #666; padding-top: 10px;}
.newsb dl dt{ margin-bottom: 10px;}
.newsb dl dt a{ color: #303030; font-size: 0.2rem;}
.newsb dl ul{ width: 40px; height: 2px; background: #d2213e; margin-left: 0px; margin-top: 5px; transition: all 0.6s;}
/*item_b*/
.item_b {
	position: relative;
	float: left;
	width: 48.3%;
	margin-right: 3.4%;
	margin-bottom: 3%;
}
.item_b:nth-child(2n) {
	margin-right: 0;
}
.item_b .pic {
	position: relative;
	text-align: center;
}
.item_b .pic img {
	width: 100%;
	height: 130px;
}
.item_b .tl {
	font-weight: normal;
	font-size: 0.18rem;
	line-height: 0.4rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 0.4rem;
	color: #333;
}
/*icla*/
.icla {
	text-align: left;
}
.icla a {
	display: inline-block;
	margin: 0.1rem 0.05rem;
	padding: 0 0.8em 0 1.8em;
	font-size: 0.23rem;
	line-height: 0.4rem;
	color: #FFF;
	background: #e51b31 url(../images/img11.png) 0.1rem center no-repeat;
	background-size: 0.3rem auto;
}
/*beian*/
.beian {
	width: 100%;
	height: 0.45rem;
	font-size: 0.21rem;
	line-height: 0.45rem;
	color: #fff;
	text-align: center;
	background: #333;
}
.beian img {
	display: inline-block;
}
/*footer*/
.footer {
	height: 0.75rem !important;
}
.foot-relative {
	height: 0.75rem !important;
}
.foot a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	color: #FFF !important;
}
.foot a:first-child {
	border-left: none;
}
.foot a:last-child {
	border-right: none;
}
.i_tel {
	width: 93.75%;
	margin: 0.1rem auto;
	border: #cacaca solid 1px;
	border-radius: 0.08rem;
	text-align: center;
	line-height: 0.5rem;
	color: #666666;
}
.i_tel img {
	display: inline-block;
	width: 6.6%;
	margin-right: 3%;
	vertical-align: middle;
	margin-bottom: 1%;
}
.i_tel em {
	font-style: normal;
	color: #1e3300;
	font-size: 0.22rem;
}
.page a {
	color: #333;
}
.pages {
	padding-bottom: 20px;
	display: inline-block;
}
.pages li {
	float: left;
	padding: 0px 5px;
}
.pages li a {
	color: #333;
}
.about embed {
	width: 100%;
	height: auto;
}
.rytp ul {
	width: 46%;
	float: left;
	margin: 0 2%;
}
.rytp ul li {
	width: 156px;
	border: 1px solid #ccc;
	text-align: center !important;
	margin: 0px auto;
}
.rytp ul li a {
	text-align: center !important;
	width: 156px;
	height: 156px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.rytp ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.rytp ul p {
	line-height: 32px;
	height: 32px;
	text-align: center;
}
.prolist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.prolist dl {
	float: left;
	margin: 0 1%;
	width: 48%;
	height: auto;
	line-height: 0px;
}
.prolist dt {
	width: 96%;
	height: auto;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.prolist dt a {
	width: 100%;
}
.prolist dd {
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.pro_list_img {
	width: 100%;
	height: 174px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
}
.prolist dt .pro_list_img img {
	padding: 0px;
	border: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	line-height: 0px;
	font-size: 0px;
}
.prolist dl dd a {
	color: #333;
}
