@charset "utf-8";

/* CSS Document */
/***********************************

      说明：
			页面按视窗大小缩放，
			默认 100vw=1920px，
			页面内所有元素的尺寸均按这一规则进行处理
			

/****************************

        内页公共部分

****************************/
.inner-main {
	position: relative;
	z-index: 0;
}

.w1720 {
	width: 89.58vw;
	max-width: 1720px;
	margin: 0 auto;
}


/********* 内页banner ***********/
.inner-banner {
	width: 100%;
	height: 100vh;
	max-height: 720px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	color: #fff;
}

.inner-banner .banner-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.inner-banner .title {
	font-size: 3.125vw;
	line-height: 1;
	letter-spacing: 5px;
	font-weight: bold;
}

.inner-banner .line {
	width: 3.125vw;
	height: 3px;
	/*background: rgba(255, 255, 255, .6);*/
	margin: 1.04vw 0 1.875vw 0;
}

	.inner-banner .neirong {
		font-size: 1.875vw;
		font-weight: lighter;
		line-height: 1.4;
	}

/******** 内页功能区 *********/
.inner-gongneng {
	border-bottom: 1px #e5e5e5 solid;
	  
}

.inner-gongneng .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inner-gongneng .sub-navi {
	padding-left: 8.333vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.inner-gongneng .sub-navi .nav-item {
	white-space: nowrap;
	height: 5.208vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 3.645vw;
	color: #000;
	font-size: 0.9375vw;
	line-height: 1.5;
	font-weight: lighter;
	position: relative;
}

.inner-gongneng .sub-navi .nav-item:first-child {
	margin-left: 0;
}

.inner-gongneng .sub-navi .nav-item:hover,
.inner-gongneng .sub-navi .nav-item.on {
	color: #0172c0;
}

.inner-gongneng .sub-navi .nav-item:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 0;
	border-bottom: 2px #0172c0 solid;
}

.inner-gongneng .sub-navi .nav-item.on:after {
	width: 100%;
}

.navigation {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

.navigation .link,
.navigation .arrow,
.navigation .wenzi {
	color: #000;
	font-size: 0.9375vw;
	line-height: 1.5;
	font-weight: lighter;
}

.navigation .arrow {
	margin: 0 10px;
}

.navigation .link:hover,
.navigation .wenzi {
	color: #0172c0
}

/************* 联系横幅 *****************/
.contact-small {
	height: 18.229vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.contact-small .title {
	font-size: 1.875vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1.3vw;
	letter-spacing: 5px;
}

.contact-small .info {
	font-size: 1.04vw;
	line-height: 1;
	font-weight: lighter;
	margin-bottom: 1.822vw;
}

.contact-small .button {}

.contact-small .contact-button {
	width: 9.375vw;
	height: 2.6vw;
	border-radius: 5px;
	color: #fff;
	font-size: 0.833vw;
	background: #eb3e4f;
}

/************* 翻页 **************/
.pages{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 0;
	padding: 1.04vw 0 3.64vw 0;
}

.pages .page-item{
	width: 2.6vw;
	height: 2.6vw;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
	font-size:1.25vw;
	margin: 0 5px;
}

.pages .page-item.arrow{
	border: 1px #dbdbdb solid;
	color: #000;
	font-size: 1.5625vw;
}

.pages .page-item.on,
.pages .page-item:hover{
	color:#dc291c;
	text-decoration: underline;
}

/******************************

       内页其他部分
			 
*******************************/
.inner-about {
	
}

.inner-about .intro{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6.25% 0;
}

.inner-about .intro .intro-box{
	width: 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #fff;
	padding: 3.488% 9.3%;
}

.inner-about .intro .intro-box .img-box{
	width: 30.2vw;
	font-size: 0;
}

.inner-about .intro .intro-box .text-box{
	width: 39.3vw;
}

.inner-about .intro .intro-box .text-box .mt{
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bolder;
	color: #333;
	margin-bottom: 1.3vw;
}

.inner-about .intro .intro-box .text-box .mc{
	color: #555;
	font-size: 0.9375vw;
	line-height: 1.667;
}

.inner-about .mission{
	/*padding: 6.77% 0 5.2% 0*/
	padding:4% 0 3% 0
}

.inner-about .mission .mission-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

.inner-about .mission .mission-box .text-box,
.inner-about .mission .mission-box .img-box{
	width: 50%;
}

.inner-about .mission .mission-box .text-box .text-content{
	width: 100%;
	padding-left: 27%;
	padding-right: 10.4%;
}

.inner-about .mission .mission-box .text-box .mt{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 2.08vw;
}

.inner-about .mission .mission-box .text-box .mc{
	color: #555;
	font-size: 1.25vw;
	line-height: 1.667;
	font-weight: lighter;
}

.inner-about .mission .mission-box .text-box .mc strong{
	color: #333;
	font-weight: bold;
}

.inner-about .mission .mission-box .img-box .img{
	width: 100%;
	padding-bottom: 4.166%;
}

.inner-about .mission .mission-box .img-box .img .img-content{
	width: 100%;
	height: 0;
	padding-bottom: 77.91%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.inner-about .history{
	padding: 5.2% 0 6.25% 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-about .history .mt{
	text-align: center;
	color: #333;
	font-size: 2.08vw;
	line-height:1;
	font-weight: bold;
	margin-bottom: 4%;
}

.inner-about .history .mc{
	position: relative;
}

.inner-about .history .swiper-container-horizontal>.swiper-pagination-progressbar, 
.inner-about .history .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
	position: static;
	margin: 3.125vw auto 3px auto;
	width: 76%;
	height: 1px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	height: 7px;
	top: -3px;
}

.inner-about .history .swiper-button-next, 
.inner-about .history .swiper-button-prev{
	width: 3.4375vw;
	height: 3.4375vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0670dc;
	color: #fff;
}

.inner-about .history .swiper-button-next:after, 
.inner-about .history .swiper-button-prev:after{
	font-size: 1.875vw;
}

.inner-about .history .swiper-button-prev{
	left:-1.3vw
}

.inner-about .history .swiper-button-next{
	right: -1.3vw;
}

.inner-about .history .swiper-history{
	width: 92%;
	margin: 0 auto;
}

.inner-about .history .swiper-history .swiper-slide{
	padding: 1.5625vw 0;
	background: rgba(6,112,220,0);
}

.inner-about .history .swiper-history .slide-content{
	background: #fff;
	padding: 28.3% 18.33%;
	height: 22.9vw;
}

.inner-about .history .swiper-history .slide-content .year{
	color: #333;
	font-size: 2.08vw;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 2.86vw;
}

.inner-about .history .swiper-history .slide-content .msg{
	text-align: left;
	color: #555;
	font-size: 0.9735vw;
	line-height: 2.22vw;
}

.inner-about .history .swiper-history .swiper-slide.swiper-slide-active{
	background: rgba(6,112,220,.6);
}

.inner-about .history .swiper-history .swiper-slide.swiper-slide-active .slide-content{
	background: none;
}

.inner-about .history .swiper-history .swiper-slide.swiper-slide-active .slide-content .year,
.inner-about .history .swiper-history .swiper-slide.swiper-slide-active .slide-content .msg{
	color: #fff;
}

/************** business ***************/
.inner-business{
	
}

.inner-business .overview{
	position: relative;
	/*padding: 6% 4.16% 0 4.16%;*/
}

.inner-business .overview .mt{
	text-align: center;
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 2.6%;
}

.inner-business .overview .mc{
	
}

.inner-business .overview .group-box{
	font-size: 0;
	text-align: center;
}

.inner-business .overview .group-box .img-big{
	
}

.inner-business .overview .group-box .img-big img{
	width: 65.98vw;
}

.inner-business .overview .img-small{
	display: none;
}

.inner-business .market{
	padding: 6.81% 0;
}

.inner-business .market .content{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}

.inner-business .market .bt{
	
}

.inner-business .market .bt .year{
	color: #0670dc;
	font-size: 5.2vw;
	line-height: 1;
	margin-bottom: 1.04vw;
	font-weight: bold;
	font-family: sans-serif;
}

.inner-business .market .bt .title{
	color: #000;
	font-size: 1.25vw;
	font-weight: bold;
	line-height: 1;
}

.inner-business .market .bc{
	
}

.inner-business .market .content-list,
.inner-business .products .content-list,
.inner-business .gender .content-list{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
		    justify-content: center;
    flex-wrap: wrap;
	padding-left: 1.8vw;
}

	.inner-business .market .content-list .list-item {
		/*margin-left: 5.72vw;*/
		color: #000;
		margin: 0 3vw;
	}

.inner-business .market .content-list .list-item .nc,
.inner-business .products .content-list .list-item .nc,
.inner-business .gender .content-list .list-item .nc{
	font-size: 2.6vw;
	line-height:1;
	font-weight: bold;
	font-family: sans-serif;
	margin-bottom: 1.3vw;
}

.inner-business .market .content-list .list-item .nc:after,
.inner-business .products .content-list .list-item .nc:after,
.inner-business .gender .content-list .list-item .nc:after{
	content: "%";
	font-size: 1.5625vw;
}

.inner-business .market .content-list .list-item .nt,
.inner-business .products .content-list .list-item .nt,
.inner-business .gender .content-list .list-item .nt{
	font-size: 1.25vw;
	line-height: 1;
	font-weight: lighter;
}

.inner-business .products{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.inner-business .products .content{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	padding: 5.68% 0;
	/*flex-direction: row-reverse;*/
	flex-direction: rowverse;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-business .products .bt .title,
.inner-business .gender .bt .title{
	font-size: 3.125vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1.04vw;
}

.inner-business .products .bt .year,
.inner-business .gender .bt .year{
	font-size: 1.25vw;
	line-height: 1;
	font-weight: bold;
	font-family: sans-serif;
}

	.inner-business .products .content-list .list-item {
		margin: 0 2vw;
	
	}

.inner-business .gender{
	
}

.inner-business .gender .content{
	padding: 4.6875% 0 5.72% 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}

	.inner-business .gender .content-list .list-item {
		margin: 0 3vw;
	}

.inner-business .customer{
	padding: 6.25% 5.2%;
}

.inner-business .customer .content{
	background: #fff;
}

.inner-business .customer .content-box{
	padding: 4.16% 4.6875% 2.6% 8.33%;
}

.inner-business .customer .mt{
	text-align: center;
	color: #333;
	font-size:2.08vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 4.6875vw;
}

.inner-business .customer .mc{
	font-size: 0;
}

.inner-business .customer .logo-list{
	text-align: justify;
}

.inner-business .customer .logo-list .list-item{
	margin-right:3.64vw ;
	margin-bottom: 2.6vw;
	display: inline-block;
	vertical-align: top;
	max-width: 11.04vw;
	height: 4.79vw;
	line-height: 4.79vw;
}

.inner-business .customer .logo-list .list-item img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

/********************* Community *****************/
.inner-news{
	padding: 5.2% 0 0 0;
	position: relative;
}

.inner-news .content{
	width: 72.91vw;
	margin: 0 auto;
}

.inner-news .mt{
	text-align: center;
	margin-bottom: 2.6vw;
}

.inner-news .mt .title{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 1.3vw;
}

.inner-news .mt .info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #333;
	font-size: 1.25vw;
	line-height:1;
}

.inner-news .mt .info:before,
.inner-news .mt .info:after{
	content: "";
	display: block;
	width: 10.9375vw;
	height: 0.2604vw;
	background: #0670dc;
}

.inner-news .mc{
	
}

.inner-news .hot-news{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 7.14%;
}

.inner-news .hot-news .hotnews-item{
	width: 30%;
	background: #ebebeb;
}

.inner-news .hot-news .hotnews-item .list-content{
	padding: 9.5%;
}

.inner-news .hot-news .hotnews-item .img-box{
	margin-bottom: 2.08vw;
}

.inner-news .hot-news .hotnews-item .img-box .img{
	display: block;
	width: 100%;
}

.inner-news .hot-news .hotnews-item .img-box .img-content{
	width: 100%;
	height: 0;
	padding-bottom:67.64%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-news .hot-news .hotnews-item .text-box{
	
}

.inner-news .hot-news .hotnews-item .news-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 1.04vw;
}

.inner-news .hot-news .hotnews-item .news-info .tag{
	color: #333;
	font-size: 1.04vw;
	line-height: 1;
	font-weight: bold;
}

.inner-news .hot-news .hotnews-item .news-info .date{
	color: #333;
	font-size: 0.9375vw;
	line-height: 1;
	font-weight: lighter;
}

.inner-news .hot-news .hotnews-item .news-title{
	margin-bottom: 10px;
}

.inner-news .hot-news .hotnews-item .news-title .link{
	display: inline-block;
	font-size: 1.458vw;
	color: #333;
	line-height: 1.42;
	font-weight: bold;
	/*max-height: 4.16vw;*/
	height: 4.16vw;
	display:-webkit-box;/**对象作为伸缩盒子模型展示**/
            -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
            -webkit-line-clamp:2;/**显示的行数**/
            overflow:hidden;/**隐藏超出的内容**/
	overflow: hidden;
}

.inner-news .hot-news .hotnews-item .news-title .link:hover{
	color: #0172c0;
}

.inner-news .hot-news .hotnews-item .news-memo{
	color: #333;
	font-size: 0.9735vw;
	line-height: 1.333;
	font-weight: lighter;
	height: 3.75vw;
	overflow: hidden;
	margin-bottom: 1.458vw;
	display:-webkit-box;/**对象作为伸缩盒子模型展示**/
            -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
            -webkit-line-clamp:3;/**显示的行数**/
            overflow:hidden;/**隐藏超出的内容**/
}

.inner-news .hot-news .hotnews-item .more-link{
	width: 7.8vw;
	height: 2.08vw;
	margin: 0 auto;
	border: 1px #eb3e4f solid;
	color: #fff;
	font-size: 0.83vw;
	border-radius: 5px;
    background: #eb3e4f;
    transition: all .4s ease;
}

.inner-news .hot-news .hotnews-item .more-link:hover{
	background: #ebebeb;
	color: #eb3e4f;
}

.inner-news .news-list{
	
}

.inner-news .news-list .list-item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	border-bottom: 1px #ddd solid;
	padding-bottom: 2.08vw;
	margin-bottom: 2.08vw;
}

.inner-news .news-list .list-item .img-box{
	width: 24.28%;
}

.inner-news .news-list .list-item .img-box .img{
	width: 100%;
	display: block;
}

.inner-news .news-list .list-item .img-box .img-content{
	width: 100%;
	height: 0;
	padding-bottom:67.64%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-news .news-list .list-item .text-box{
	width: 69.28%;
}

.inner-news .news-list .list-item .date{
	color: #333;
	font-size: 0.9375vw;
	line-height: 1;
	font-weight: lighter;
	margin-bottom: 1.04vw;
}

.inner-news .news-list .list-item .title{
	margin-bottom: 10px;
}

.inner-news .news-list .list-item .title .link{
	display: inline-block;
	color: #333;
	font-size: 2.08vw;
	line-height: 1.25;
	font-weight: bold;
	max-height: 5.2vw;
	overflow: hidden;
}

.inner-news .news-list .list-item .memo{
	color: #333;
	font-size: 1.14vw;
	line-height: 1.36;
	max-height: 3.125vw;
	overflow: hidden;
}

/**************** 新闻详情 *****************/
.inner-news-detail{
	padding: 4.6875% 0 0 0;
}

.inner-news-detail .content{
	width: 72.91vw;
	margin: 0 auto;
}

.inner-news-detail .mt{
	text-align: center;
	border-bottom: 1px #ddd solid;
	padding: 0 10.71% 3.57% 10.71%;
}

.inner-news-detail .mt .title{
	color: #333;
	font-size: 2.08vw;
	line-height: 1.5;
	margin-bottom: 1.3vw;
	font-weight: bold;
}

.inner-news-detail .mt .date{
	color: #333;
	font-size: 1.25vw;
	line-height: 1;
	font-weight: lighter;
}

.inner-news-detail .mc{
	
}

.inner-news-detail .news-neirong{
	padding: 3.57% 7.14%;
	border-bottom: 1px #ddd solid;
	color: #666;
	font-size: 0.9375vw;
	line-height: 2.22;
}

.inner-news-detail .pre-next{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 3.57% 0;
}

.inner-news-detail .pre-next li{
	width: 48%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.inner-news-detail .pre-next li:last-child{
	flex-direction: row-reverse;
}

.inner-news-detail .pre-next .arrow{
	color: #000;
	font-size: 1.5625vw;
	line-height: 1;
	width: 3.125vw;
}

.inner-news-detail .pre-next .link{
	max-width: calc(100% - 3.125vw);
	color: #333;
	font-size: 1.04vw;
	line-height: 1.5;
}

.inner-news-detail .pre-next li:last-child .arrow{
	text-align: right;
}

/*************** 联系我们 **************/
.inner-contact{
	
}

.inner-contact .contact-list{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.inner-contact .contact-list .list-item{
	display: table-cell;
	vertical-align: top;
	cursor: pointer;
}

.inner-contact .contact-list .list-item .list-content{
	width: 100%;
	height: 100%;
	padding: 14.58% 6.25%;
	text-align: center;
}

.inner-contact .contact-list .list-item .icon{
	width: 2.08vw;
	font-size: 0;
	margin: 0 auto 2.08vw auto;
}

.inner-contact .contact-list .list-item .icon img{
	width: 100%;
}

.inner-contact .contact-list .list-item .wenzi{
	
}

.inner-contact .contact-list .list-item .city{
	color: #333;
	font-size: 1.5625vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 1.5625vw;
}

.inner-contact .contact-list .list-item .addr{
	color: #333;
	font-size: 0.9735vw;
	line-height: 1.667;
	font-weight: lighter;
}


.inner-contact .contact-list .list-item:first-child{
	background: #fff;
}

.inner-contact .contact-list .list-item:nth-child(2){
	background: #eee;
}

.inner-contact .contact-list .list-item:nth-child(3){
	background: #ddd;
}

.inner-contact .contact-list .list-item:nth-child(4){
	background: #a8a8a8;
}

.inner-contact .contact-list .list-item.on{
	background: #0670dc;
}

.inner-contact .contact-list .list-item.on .icon img{
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.inner-contact .contact-list .list-item.on .city,
.inner-contact .contact-list .list-item.on .addr{
	color: #fff;
}

.inner-contact .contact-gongneng{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}

.inner-contact .contact-gongneng .map-box,
.inner-contact .contact-gongneng .contact-box{
	width: 50%;
}

.inner-contact .contact-gongneng .map-box{
	font-size: 0;
}

.inner-contact .contact-gongneng .map-box .img{
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 83.333%;
}

.inner-contact .contact-gongneng .map-box .img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inner-contact .contact-gongneng .contact-box{
	background: #0670dc;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 5.2%;
}

.inner-contact .contact-gongneng .contact-bd{
	width: 25.25vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.inner-contact .contact-gongneng .contact-bd .fs-wrap{
	width: 100%;
	position: relative;
	margin-bottom: 1.04vw;
}

.inner-contact .contact-gongneng .contact-bd .fs-label-wrap{
	border: none;
}

.inner-contact .contact-gongneng .contact-bd .fs-label-wrap .fs-label{
	padding: 0 2.08vw 0 1.04vw;
	height: 2.6vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	color: #666;
	font-size: 18px;
}

.inner-contact .contact-gongneng .contact-bd .fs-arrow{
	border-left: 9px transparent solid;
	border-right: 9px transparent solid;
	border-top: 9px #aaa solid;
	right: 1.04vw;
}

.inner-contact .contact-gongneng .contact-bd .fs-dropdown{
	width: 100%;
		margin-top: 0;
}

.inner-contact .contact-gongneng .contact-bd .fs-option, 
.inner-contact .contact-gongneng .contact-bd .fs-search, 
.inner-contact .contact-gongneng .contact-bd .fs-optgroup-label{
	font-size: 0.9735vw;
	line-height: 1.5625vw;
	padding: 10px 1.04vw;
	color:#666;
}

.inner-contact .contact-gongneng .contact-bd .text{
	background: #fff;
	height: 2.6vw;
	line-height: 2.6vw;
	padding:0 1.04vw;
	color: #666;
	font-size: 0.9735vw;
	margin-bottom: 1.04vw;
}

.inner-contact .contact-gongneng .contact-bd .text.short{
	width: 12.29vw;
}

.inner-contact .contact-gongneng .contact-bd .textarea{
	background:#fff;
	width:100%;
	height: 7.8125vw;
	color: #666;
	font-size: 0.9735vw;
	line-height: 1.5625vw;
	padding: 10px 1.04vw;
	margin-bottom: 1.04vw;
}

.inner-contact .contact-gongneng .contact-bd .link{
	width: 9.735vw;
	height: 2.6vw;
	background: #eb3e4f;
	color: #fff;
	font-size: 1.04vw;
	border: 2px #eb3e4f solid;
	transition: all .4s ease;
	border-radius: 5px;
	cursor: pointer;
}

.inner-contact .contact-gongneng .contact-bd .link:hover{
	background: #fff;
	color: #eb3e4f;
}

/************* CSR ***************/
.csr{
	
}

.csr .part1{
	padding-top:7.29%;
}

.csr .part1 .content,
.csr .part2 .content{
	width: 72.91vw;
	margin: 0 auto;
}

.csr .part1 .mt{
	text-align: center;
	padding-bottom: 2.08vw;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	color: #333;
}

.csr .part1 .mc{
	padding: 0 6.42%;
	color: #333;
	font-size: 1.25vw;
	line-height: 1.9;
	font-weight: 300;
}
.csr .part2{
	background:#efefef;
	padding: 5.2% 0;
}

.csr .part2 .mt{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 3.125%;
	position: relative;
	z-index: 0;
}

.csr .part2 .mt .wenzi{
	width: 50%;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	color: #333;
}

.csr .part2 .mc{
	background: #fff;
	width: 100%;
	padding: 5.71%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.csr .part2 .img-box{
	width: 27.08vw;
	position: relative;
	padding-bottom: 5.2vw;
}

.csr .part2 .img-box .img{
	position: relative;
	z-index: 1;
	margin-top: -6.25vw;
}

.csr .part2 .img-box .img img{
	width:100%;
}

.csr .part2 .img-box:after{
	content: "";
	position: absolute;
	right:-2.6vw;
	bottom: 0;
	z-index: 0;
	width: 21.92vw;
	height: 7.96875vw;
	background-image: url(../images/inner-csr-bg-1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.csr .part2 .text-box{
	width: 31.77vw;
	position: relative;
}

.csr .part2 .text-box:before{
	content: "";
	position: absolute;
	left:-3.125vw;
	top:-1.9vw;
	width: 4.89vw;
	height: 3.489vw;
	z-index: 0;
	<!--background-image: url(../images/inner-csr-bg-2.png);-->
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.csr .part2 .text-box .wenzi{
	position: relative;
	z-index: 1;
	color: #333;
	font-size: 1.25vw;
	line-height: 1.9;
	font-weight: lighter;
}

/*************** 全球网络 **************/
.inner-global{
	/*padding: 5.2% 0 0 0;*/
}

	.inner-global .manufacturing {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding: 5.2% 0 6.25% 0;
	}

.inner-global .manufacturing .content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 72.91vw;
	margin: 0 auto;
}

.inner-global .manufacturing .tab-menu{
	width: 57.42%;
}

.inner-global .manufacturing .tab-menu ul{
	font-size: 0;
	margin-bottom: 10px;
}

.inner-global .manufacturing .tab-menu ul li{
	display: inline-block;
	vertical-align: top;
	width: 8.3vw;
	height: 3.125vw;
	line-height: 3.125vw;
	margin-left: 1px;
	background: #ccc;
	color: #666;
	font-size: 0.935vw;
	text-align: center;
	cursor: pointer;
}

.inner-global .manufacturing .tab-menu ul li:first-child{
	margin-left: 0;
}

.inner-global .manufacturing .tab-menu ul li:hover,
.inner-global .manufacturing .tab-menu ul li.selected{
	background: #0670dc;
	color: #fff;
}

.inner-global .manufacturing .tab-menu .map{
	/*background-image: url(../images/inner-network-map-bg-1.jpg);
	background-position: left top;
	background-repeat: repeat;*/
	width: 100%;
	border: 1px #ddd solid;
	font-size: 0;
}

.inner-global .manufacturing .tab-menu .map img{
	width: 100%;
}

.inner-global .manufacturing .tab-box{
	width: 39.28%;
}

.inner-global .manufacturing .tab-box .tabbox-container{
	display: none;
}

.inner-global .manufacturing .tab-box .comp-list{
	
}

.inner-global .manufacturing .tab-box .comp-list .list-item{
	margin-bottom: 1.5625vw;
}

.inner-global .manufacturing .tab-box .tabbox-container h3{
	color: #333;
	font-size: 1.25vw;
	line-height: 1.33;
	font-weight: bold;
	margin-bottom: 5px;
}

.inner-global .manufacturing .tab-box .tabbox-container{
	color: #333;
	font-size: 0.9375vw;
	line-height: 1.33;
	font-weight: lighter;
}

.inner-global .manufacturing .tab-box .tushi{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.inner-global .manufacturing .tab-box .tushi .tushi-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 2.08vw;
}

.inner-global .manufacturing .tab-box .tushi .icon{
	font-size: 0;
}

.inner-global .manufacturing .tab-box .tushi .type1 .icon{
	width: 1.14vw;
}

.inner-global .manufacturing .tab-box .tushi .type2 .icon{
	width: 1.14vw;
}

.inner-global .manufacturing .tab-box .tushi .type1 .icon{
	width: 1.4vw;
}

.inner-global .manufacturing .tab-box .tushi .icon img{
	width: 100%;
}

.inner-global .manufacturing .tab-box .tushi .wenzi{
	padding-left: 5px;
	font-size: 0.729vw;
	line-height: 1;
}

.inner-global .process{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5.2% 5.2% 5.72% 5.2%;
}

.inner-global .process .content{
	width: 100%;
	background: rgba(255,255,255,.9);
}

.inner-global .process .content-box{
	padding: 4.6875% 8.333% 6.25% 8.333%;
}

.inner-global .process .mt{
	text-align: center;
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 3.64vw;
}

.inner-global .process .liucheng-list{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
}

.inner-global .process .liucheng-list .list-item{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 11.45vw;
	height: 11.45vw;
	background: #0670dc;
	color: #fff;
	position: relative;
}

.inner-global .process .liucheng-list .list-item .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width:3.95vw;
	height: 3.4375vw;
	margin-bottom: 2.08vw;
	transition: all .4s ease;
}

.inner-global .process .liucheng-list .list-item .icon img{
	width:auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.inner-global .process .liucheng-list .list-item .wenzi{
	font-size: 1.25vw;
	line-height: 1;
	font-weight: bold;
}

.inner-global .process .liucheng-list .list-item:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 0.8333vw #0670dc solid;
	border-top: 0.677vw transparent solid;
	border-bottom: 0.677vw transparent solid;
	position: absolute;
	right: -0.833vw;
	top: 50%;
	transform: translate(0,-50%);
}

.inner-global .process .liucheng-list .list-item:last-child:after{
	display: none;
}

.inner-global .process .liucheng-list .list-item:hover .icon{
	transform: rotate(360deg);
}

.inner-global .quality{
	padding: 3.125%;
}

.inner-global .quality .content{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.inner-global .quality  .content-box{
	padding: 3.888% 21.111% 3.333% 21.111%;
	color: #fff;
}

.inner-global .quality  .content-box .mt{
	font-size: 2.08vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1.5625vw;
}

.inner-global .quality  .content-box .wenzi{
	font-size: 0.9375vw;
	line-height: 1.56;
	font-weight: lighter;
	padding-bottom: 2.08vw;
}

.inner-global .quality  .content-box .pic{
	font-size: 0;
}

.inner-global .supports{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5.2%;
}

.inner-global .supports .content{
	background: #fff;
}

.inner-global .supports .content-box{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 2% 9.3% 2% 8.72%;
}

.inner-global .supports .text-box{
	width: 35.41vw;
}

.inner-global .supports .text-box .mt{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	margin-bottom: 2.08vw;
	font-weight: bold;
}

.inner-global .supports .text-box .mc{
	color: #555;
	line-height: 2;
	font-size: 0.9375vw;
	font-weight: lighter;
}

.inner-global .supports .img-box{
	font-size: 0;
	width: 33.333vw;
}

.inner-global .supports .img-box img{
	width: 100%;
}

/***************** R&D ********************/
.inner-rd{
	/*padding: 7.8125% 0 0 0;*/
}

	.inner-rd .design {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		/*padding-bottom: 8.85%;*/
		padding: 7.8125% 0 8.85% 0;
	}

.inner-rd .design .content{
	width: 72.91vw;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}

.inner-rd .design .text-box,
.inner-rd .design .img-box{
	width: 50%;
}

.inner-rd .design .text-box .mt{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 1.6vw;
}

	.inner-rd .design .text-box .mc {
		color: #333;
		font-size: 1.25vw;
		line-height: 1.5;
		font-weight: lighter;
	}

	.inner-rd .design .img-box {
		font-size: 0;
		/*padding-right: 2.08vw;*/
		/*text-align: right;*/
		text-align: center;
	}

	.inner-rd .design .img-box img {
		/*width: 25.46875vw;*/
		max-width: 100%;
	}

.inner-rd .product{
	
}

.inner-rd .product .content{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
}

.inner-rd .product .img-box{
	width: 50%;
	height: 42.7vw;
	background: #e9edf0;
	display:flex;
	justify-content: center;
	align-items: center;
}

.inner-rd .product .img-box img{
	width: 46.14vw;
}

.inner-rd .product .text-box{
	width: 50%;
	background: #2c3242;
}

.inner-rd .product .text-box .box-content{
	width: 72.91%;
	padding-left: 5.2vw;
	padding-top: 8.333vw;
	color: #fff;
}

.inner-rd .product .text-box .mt{
	font-size: 2.08vw;
	line-height:1;
	font-weight: bold;
	margin-bottom: 2.08vw;
}

.inner-rd .product .text-box .mc{
	
}

.inner-rd .product .text-box .info{
	font-size: 1.04vw;
	line-height: 1.75;
	font-weight: lighter;
	margin-bottom: 3.125vw;
}

.inner-rd .product .text-box .list{
	
}

.inner-rd .product .text-box .list .list-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}

.inner-rd .product .text-box .list .list-item .bt{
	width: 9.375vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.inner-rd .product .text-box .list .list-item .bt .icon{
	width: 2.39vw;
	height: 1.5625vw;
	display:flex;
	justify-content: center;
	align-items: center;
}

.inner-rd .product .text-box .list .list-item .bt .icon img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.inner-rd .product .text-box .list .list-item .bt .title{
	font-size: 0.9375vw;
	line-height: 1;
	width: calc(100% - 2.39vw);
	padding: 0 5px;
	font-weight: bold;
}

.inner-rd .product .text-box .list .list-item .bc{
	width: calc(100% - 9.375vw);
	font-size: 0.9375vw;
	line-height: 1;
	font-weight: lighter;
}

.inner-rd .fabric{
	padding: 3.125% 0 7.29% 0;
}

.inner-rd .fabric .content{
	width: 72.91vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.inner-rd .fabric .text-box{
	width: 42.85%;
}

.inner-rd .fabric .text-box .mt{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 2.08vw;
}

.inner-rd .fabric .text-box .mc{
	color: #333;
	font-size: 1.25vw;
	line-height: 1.667;
	font-weight: lighter;
}

.inner-rd .fabric .img-box{
	width: 48.57%;
	min-height: 25.57vw;
	position: relative;
}

.inner-rd .fabric .img-item{
	width: 12.5vw;
	height: 12.5vw;
	border-radius: 50%;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}

.inner-rd .fabric .img-item .item-content{
	width: 11.45vw;
	height: 11.45vw;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.inner-rd .fabric .img-item .item-content .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.inner-rd .fabric .img-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inner-rd .fabric .img-item .item-content .wenzi{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items:center;
	background: rgba(0,0,0,.4);
	color: #fff;
	font-size: 1.04vw;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

.inner-rd .fabric .img-item:first-child{
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

.inner-rd .fabric .img-item:nth-child(2){
	position: absolute;
	right:4.6875vw;
	top:5.2vw;
	z-index: -1;
}

.inner-rd .fabric .img-item:nth-child(3){
	position: absolute;
	right:7.29vw;
	top:14.0625vw;
	z-index: -2;
}

.inner-rd .fabric .img-item:nth-child(4){
	position: absolute;
	left:7.29vw;
	top:14.0625vw;
	z-index: -3;
}

.inner-rd .fabric .img-item:nth-child(4) .wenzi{
	padding-right: 25%;
}

.inner-rd .fabric .img-item:nth-child(5){
	position: absolute;
	left:4.6875vw;
	top:5.2vw;
	z-index: -4;
}

.inner-rd .fabric .zhuangshi{
	position: absolute;
	left:4.6875vw;
	top:5.2vw;
	z-index: 1;
	width: 12.5vw;
	height: 8vw;
	overflow: hidden;
	z-index: 1;
}

.inner-rd .management{
	padding: 5.729% 0 6.77% 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-rd .management .content{
	width: 72.91vw;
	margin: 0 auto;
}

.inner-rd .management .mt{
	color: #fff;
	font-size: 2.08vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2.08vw;
	text-align: center;
}

.inner-rd .management .list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}

	.inner-rd .management .list .list-item {
		width: 21.97vw;
		background: #fff;
		margin-bottom: 20px;
	}

.inner-rd .management .list .list-item .img-box{
	width: 100%;
	height: 0;
	padding-bottom: 66.58%;
	position: relative;
	overflow: hidden;
}
.inner-rd .management .list .list-item .img-box img{
	position: absolute;
	top:0;
	right:0;
	width:100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s ease;
}

.inner-rd .management .list .list-item .text-box{
	padding: 16.58% 7.1%;
	text-align: center;
}

.inner-rd .management .list .list-item .text-box .title{
	color: #333;
	font-size: 1.25vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}

.inner-rd .management .list .list-item .text-box .info{
	color: #333;
	font-size: 1.25vw;
	line-height: 1.4;
	font-weight: lighter;
}

.inner-rd .management .list .list-item:hover .img-box img{
	transform:scale(1.2)
}

/************** Sustainability ****************/
.inner-sus{

}

.inner-sus .comm{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 3.125% 0 10.9735% 0;
}

.inner-sus .comm .content{
	width: 72.91vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.inner-sus .comm .text-box,
.inner-sus .comm .img-box{
	width: 50%;
}

.inner-sus .comm .text-box{
	padding-top: 2.08vw;
}

.inner-sus .comm .text-box .mt{
	color: #333;
	font-size: 2.08vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2.6vw;
}

.inner-sus .comm .text-box .mc{
	color: #333;
	font-size: 1.04vw;
	line-height: 1.5;
	font-weight: lighter;
}

.inner-sus .comm .img-box{
	font-size: 0;
}

.inner-sus .comm .img-box img{
	max-width: 36.35vw;
}

.inner-sus .product{
	
}

.inner-sus .product .mt{
	background:#efefef;
	padding: 4.6875% 0 3.64% 0;
	text-align: center;
}

.inner-sus .product .mt .content{
	width: 72.91vw;
	margin: 0 auto;
}

.inner-sus .product .mt .title{
	color: #333;
	font-size: 2.08vw;
	line-height: 1;
	margin-bottom: 1.5625vw;
	font-weight: bold;
}

.inner-sus .product .mt .info{
	/*padding: 0 16.4%;*/
	color:#333;
	font-size: 1.04vw;
	font-weight: lighter;
	line-height: 1.5;
}

	.inner-sus .product .mc.data_mc {
		padding-top: 7.16%;
	}
	.inner-sus .product .mc.img_mc {
		padding: 4% 0 4% 0;
	}
.inner-sus .product .mc .content{
	width: 72.91vw;
	margin: 0 auto;
}

.inner-sus .product .timu{
	text-align: center;
	color: #0670dc;
	font-size: 2.08vw;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 3.64vw;
}

	.inner-sus .product .jieshao {
		position: relative;
		font-size: 0.935vw;
		line-height: 1.4;
	}

		.inner-sus .product .jieshao .zhuangshi {
			position: absolute;
			right: 5px;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

.inner-sus .product .jieshao .zhuangshi .wenzi{
	color:#222;
	font-size:1.25vw;
	line-height: 1;
	font-weight: bold;
}

.inner-sus .product .jieshao .zhuangshi .img{
	font-size: 0;
	margin: 1.5625vw 0;
}

.inner-sus .product .jieshao .zhuangshi .img img{
	max-width: 2.65625vw;
}

.inner-sus .product .info{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.inner-sus .product .info .info-item{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

	.inner-sus .product .info .info-item:first-child {
		width: 11.667vw;
		height: 8.28125vw;
		background-image: url(../images/inner-sus-bg-2.png);
		padding: 0 2.5vw;
	}

.inner-sus .product .info .info-item:nth-child(2){
	width: 23.125vw;
	height: 7.9167vw;
	background-image: url(../images/inner-sus-bg-3.png);
}

.inner-sus .product .info .info-item:nth-child(3){
	width: 34.85vw;
	height: 7.9167vw;
	background-image: url(../images/inner-sus-bg-3.png);
}
	.inner-sus .product .info .info-item:nth-child(4) {
		width: 45.85vw;
		height: 7.9167vw;
		background-image: url(../images/inner-sus-bg-3.png);
	}
	.inner-sus .product .info .info-item:nth-child(5) {
		width: 57.2vw;
		height: 7.9167vw;
		background-image: url(../images/inner-sus-bg-3.png);
	}

	.inner-sus .product .info .info-item:first-child .bt {
		width: calc(11.667vw - 6.125vw);
	}

	.inner-sus .product .info .info-item:nth-child(2) .bt {
		width: calc(23.125vw - 6.125vw);
	}

	.inner-sus .product .info .info-item:nth-child(3) .bt {
		width: calc(34.85vw - 6.125vw);
	}

	.inner-sus .product .info .info-item:nth-child(4) .bt {
		width: calc(45.85vw - 6.125vw);
	}

	.inner-sus .product .info .info-item:nth-child(5) .bt {
		width: calc(57.2vw - 6.125vw);
	}

.inner-sus .product .info .info-item .bt{
	color: #fff;
	font-size: 0.9375vw;
	line-height: 1.667;
	font-weight: bold;
	text-align: center;
}

.inner-sus .product .info .info-item .bc{
	position: absolute;
	color: #333;
	font-size: 1.04vw;
	line-height: 1.5;
	font-weight: lighter;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;
	width:25vw;
}

.inner-sus .product .info .info-item .bc .wenzi{
	margin-bottom: 0.78125vw;
}

.inner-sus .product .info .info-item .bc:after{
	content: "";
	display: block;
	width: 4.6875vw;
	height: 3.33vw;
	background-image:url(../images/inner-sus-arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

	.inner-sus .product .info .info-item:first-child .bc {
		/* width: 25vw; */
		left: -25.1vw;
		bottom: 0;
	}

	.inner-sus .product .info .info-item:nth-child(2) .bc {
		/* width: 21.51vw; */
		left: -25.51vw;
		bottom: 0;
	}

	.inner-sus .product .info .info-item:nth-child(3) .bc {
		/* width: 21.875vw; */
		left: -25.875vw;
		top: 10px;
	}
	.inner-sus .product .info .info-item:nth-child(4) .bc {
		/* width: 21.875vw; */
		left: -25.875vw;
		top: 10px;
	}
	.inner-sus .product .info .info-item:nth-child(5) .bc {
		/* width: 21.875vw; */
		left: -25.875vw;
		top: 10px;
	}

		.inner-sus .product .info .info-item:last-child .bc:after {
			display: none;
		}

	.inner-sus .product .info .info-item:first-child .bt {
		margin-top: 2.08vw;
	}

	.inner-sus .product .lists {
		/*padding-top: 4.285%;*/
		display: flex;
		justify-content: center;
		align-items: center;
	}

.inner-sus .product .lists .list-item{
	width: 6.35vw;
	margin: 0 2.6vw;
	text-align: center;
}

.inner-sus .product .lists .list-item .img-box{
	width: 100%;
	font-size: 0;
	margin-bottom: 1.04vw;
}

.inner-sus .product .lists .list-item .img-box .img{
	width: 100%;
	height: 6.35vw;
	border-radius: 50%;
	border: 1px #dedede solid;
	overflow: hidden;
}

.inner-sus .product .lists .list-item .img-box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inner-sus .product .lists .list-item .text-box{
	color: #333;
	font-size: 0.935vw;
	line-height: 1;
	font-weight: bold;
}
.inner-banner{
      /*  height: 0;
        padding-bottom: 46.875%;
        position: relative;*/
}

.inner-banner .banner-content{
/*position: absolute;
        left: 0;
        top: 5vw;
        width: 100%;
        height: 100%;*/
}


/**************** 20211118新增 ********************/
.gender-new {
	padding: 4.427% 0 4.1667%
}

	.gender-new .swiper-gender {
	}

		.gender-new .swiper-gender > .swiper-wrapper > .swiper-slide {
			padding-bottom: 1.041vw
		}


		.gender-new .swiper-gender .img-box {
			width: 22.03125vw;
			height: 27.3958vw;
			position: relative;
			z-index: 1;
		}

			.gender-new .swiper-gender .img-box .img-shadow {
				content: "";
				position: absolute;
				left: -1.041vw;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}

			.gender-new .swiper-gender .img-box .swiper-container {
				margin-top: 1.041vw;
				position: relative;
				z-index: 1;
			}


			.gender-new .swiper-gender .img-box .slide-content {
				width: 100%;
				height: 100%;
				background-image: radial-gradient(#e9e9e9 60%, #b7b6b7);
				display: flex;
				justify-content: center;
				align-items: center;
			}

		.gender-new .swiper-gender .text-box {
			width: 43.229vw;
			padding-left: 7.8125vw
		}

			.gender-new .swiper-gender .text-box .title {
				text-align: left;
				color: #000;
				font-size: 1.875vw;
				line-height: 1;
				padding-bottom: 1.041vw;
				border-bottom: 1px #ddd solid;
				position: relative;
			}

				.gender-new .swiper-gender .text-box .title .zhuangshi {
					content: "";
					position: absolute;
					left: 0;
					bottom: -2px;
					width: 4.1667vw;
					height: 3px;
					border-radius: 3px;
				}

			.gender-new .swiper-gender .text-box .neirong {
				padding-top: 3.125vw
			}

				.gender-new .swiper-gender .text-box .neirong .box-content {
					width: 17.5vw;
					height: 17.5vw;
					position: relative;
					margin: 0 auto;
				}

				.gender-new .swiper-gender .text-box .neirong .g-container {
					position: relative;
					margin: auto;
					width: 100%;
					height: 100%;
					z-index: 0;
				}

				.gender-new .swiper-gender .text-box .neirong .g-progress {
					position: relative;
					margin: auto;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					-webkit-mask: radial-gradient(transparent, transparent 67%, #000 67.5%, #000 0);
					mask: radial-gradient(transparent, transparent 67%, #000 67.5%, #000 0);
				}

				.gender-new .swiper-gender .text-box .neirong .g-circle {
					position: absolute;
					top: 0;
					left: 0;
				}

				.gender-new .swiper-gender .text-box .neirong .data {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
				}

				.gender-new .swiper-gender .text-box .neirong .data-container {
					position: absolute;
					left: 50%;
					top: 50%;
					width: 15.1vw;
					height: 15.1vw;
					border-radius: 50%;
					margin-left: -7.552vw;
					margin-top: -7.552vw;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
				}

					.gender-new .swiper-gender .text-box .neirong .data-container .zhuangshi-thin,
					.gender-new .swiper-gender .text-box .neirong .data-container .zhuangshi-bloder {
						position: absolute;
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						border-radius: 50%;
						z-index: 1;
						border: 4px #a5bfd8 solid;
					}

					.gender-new .swiper-gender .text-box .neirong .data-container .zhuangshi-bloder {
						z-index: 0;
						border: 1.77vw #c4d5e5 solid;
					}

					.gender-new .swiper-gender .text-box .neirong .data-container .data-num,
					.gender-new .swiper-gender .text-box .neirong .data-container .data-fl {
						position: relative;
						z-index: 2;
					}

					.gender-new .swiper-gender .text-box .neirong .data-container .data-num {
						font-size: 2.604vw;
						line-height: 1;
						margin-bottom: 0.78125vw;
					}

						.gender-new .swiper-gender .text-box .neirong .data-container .data-num:after {
							content: "%";
							font-size: 1.5625vw;
						}

					.gender-new .swiper-gender .text-box .neirong .data-container .data-fl {
						color: #000;
						font-size: 3.125vw;
						line-height: 1;
						font-weight: bolder;
					}

	.gender-new .swiper-button-next,
	.gender-new .swiper-button-prev {
		width: 4.1667vw;
		height: 4.1667vw;
		border: 1px #8f9199 solid;
		border-radius: 50%;
	}

		.gender-new .swiper-button-next:after,
		.gender-new .swiper-button-prev:after {
			color: #9a9ca3;
			font-size: 1.77vw;
		}