@charset "utf-8";
body{
	margin: 0;
	padding: 0;
	font-family: 'sans-serif';
	background: #fff;
	font-size: 16px;
	color: #333;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input,
select,
textarea{
	outline: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'sans-serif';
	font-size: 16px;
	color: #333;
}
table{
	border-collapse: collapse;
}
img{
	border: 0;
	display: inline-block;
	max-width: 100%;
	width: auto;
	vertical-align: top;
}
ul,
li{
	list-style-type: none;
}
a{
	text-decoration: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fb{
	font-weight: bold;
}
.cl{
	clear: both;
}
.clear:after{
	content: '';
	display: block;
	clear: both;
}
.ov{
	overflow: hidden;
}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bigimg img{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.bigimg:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.tj{
	text-align: justify;
	word-break: break-all;
}
.to1{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.to2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.content{
	width: 1440px;
	margin: 0 auto;
}
.phone{
	display: none;
}
/* [v-cloak]{
	display: none;
} */

@font-face{
	font-family: 'Techna-Sans';
	src: url('../fonts/Techna-Sans-Regular.otf') format('opentype'),
		url('../fonts/Techna-Sans-Regular.ttf') format('truetype'),
		url('../fonts/Techna-Sans-Regular.woff') format('woff');
	font-display: swap;
}

/*首页*/
.header{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
}
.header .content{
	height: 92px;
	position: relative;
}
.logo{
	float: left;
	width: 220px;
	margin-top: 24px;
}
.logo img{
	width: 100%;
}
.search_img{
	float: right;
	width: 25px;
	height: 27px;
	cursor: pointer;
	margin-top: 36px;
}
.search_img img{
	width: 100%;
	height: 100%;
}
.ss_box{
	width: 350px;
	transition: 0.4s;
	position: absolute;
	right: 0;
	top: 25px;
	transform: scale(0);
    transform-origin: right center;
    opacity: 0;
    pointer-events: none;
}
.ss_box.active {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}
.ss_close{
	float: right;
	width: 25px;
	height: 27px;
	margin: 10px 0 0 20px;
	cursor: pointer;
}
.ss_con{
	float: left;
	width: 300px;
	height: 42px;
	padding: 0 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.ss_txt{
	width: 80%;
	height: 40px;
	border: none;
	background: none;
	color: #666;
}
.ss_txt::placeholder{
	color: #666;
}
#sousuo{
	width: 25px;
	height: 27px;
}
.search_tit{
	font-size: 72px;
	line-height: 92px;
}
.search_close{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 30px;
	right: 40px;
	cursor: pointer;
}
.language{
	float: right;
	padding: 4px 20px 0 0;
	line-height: 88px;
	color: #b2b2b2;
	font-size: 12px;
}
.language a{
	color: #333;
	font-size: 16px;
	padding: 0 10px;
	cursor: pointer;
}
.language a:hover{
	color: #0073cf;
}
.nav{
	float: right;
	padding: 4px 22px 0 0;
	position: relative;
}
.nav li{
	float: left;
	line-height: 88px;
}
.nav a{
	display: flex;
	align-items: center;
	padding: 0 25px;
}
.nav li:hover{
	color: #0073cf;
}
.nav li.on{
	color: #0073cf;
}
.nav i{
	width: 8px;
	height: 13px;
	background: url(../images/ind_00.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 8px;
	transition: transform 0.3s ease;
}
.nav li:hover i{
	background: url(../images/ind_00s.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(90deg);
}
.nav li:hover .subnav_box{
	color: #333;
	display: block;
}
.subnav_box{
	width: 720px;
	height: 258px;
	background: #f2f2f2;
	border-radius: 8px;
	padding: 32px 32px 35px 35px;
	position: absolute;
	top: 92px;
	left: 20px;
	display: none;
}
.subnav{
	float: left;
	width: 290px;
	padding-top: 4px;
}
.subnav li{
	float: none;
	line-height: 44px;
	margin-bottom: 24px;
}
.subnav li:last-child{
	margin-bottom: 0;
}
.subnav_t{
	width: 265px;	
	height: 44px;
	position: relative;
}
.subnav_t a{
	display: block;
	padding: 0 45px !important;
}
.subnav_t em{
	width: 8px;
	height: 13px;
	background: url(../images/ind_00s.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 21px;
	opacity: 0;
}
.subimg{
	width: 23px;
	height: 24px;
	position: absolute;
	top: 11px;
	left: 14px;
}
.subimg img{
	width: 100%;
	height: 100%;
}
.subnav li:hover .img01{
	display: none;
}
.subnav li:hover .img02{
	display: block;
}
.subnav li:hover .subnav_t em{
	opacity: 1;
}
.subnav li:hover .subnav_t{
	background: #fff;
	border-radius: 50px;
}
.subnav li.active .subnav_t{
	background: #fff;
	border-radius: 50px;
}
.subnav li.active .img01{
	display: none;
}
.subnav li.active .img02{
	display: block;
}
.subnav li.active .subnav_t em{
	opacity: 1;
}
.sub{
	width: 100%;
	padding: 13px 0 0 30px;
}
.sub li{
	float: left;
	color: #787878;
	font-size: 14px;
	line-height: 32px;
	display: flex;
	align-items: center;
	margin-right: 16px;
}
.sub a{
	padding: 0 !important;
}
.sub span{
	width: 4px;
	height: 4px;
	background: #aeaeae;
	border-radius: 50%;
	display: block;
	margin-right: 10px;
}
.sub li:hover span{
	background: #0073cf;
}
.subnav_r{
	float: right;
	width: 309px;
}
.subnav_pic{
	width: 100%;
	height: 191px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.subnav_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.subnav_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#menu,.menu,.nav_box{
	display: none;
}

.banner{
	width: 100%;
	height: 835px;
	position: relative;
	margin-top: 92px;
}
.banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s linear 2s;
	transform: scale(1);
}
.banner .swiper-slide video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-slide-active img,
.banner .swiper-slide-duplicate-active img{
	transition: 2s linear;
	transform: scale(1.1);
}
.bn_con{
	width: 100%;
	color: #fff;
	font-size: 28px;
	line-height: 44px;
	position: absolute;
	left: 0;
	z-index: 5;
}
.bn_con h1{
	font-size: 54px;
	line-height: 60px;
	font-weight: normal;
	margin-bottom: 28px;
}
.bn01{
	top: 30%;
	transform: translateY(-30%);
}
.bn02{
	top: 50%;
	transform: translateY(-50%);
}
.banner .content{
	opacity: 0;
	transform: translateX(100%);
	transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}
.banner .swiper-slide-active .content,
.banner .swiper-slide-duplicate-active .content{
	opacity: 1;
	transform: translateX(0);
}
.bn_bot{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 37px;
	z-index: 10;
}
.bncon{
	width: 1440px;
	height: 30px;
	margin: 0 auto;
	position: relative;
}
.banner .swiper-pagination{
	text-align: right;
	line-height: 20px;
	z-index: 10;
	color: #fff;
	font-size: 18px;
	font-family: 'Techna-Sans';
}
.banner .swiper-pagination .pagination-current{
	font-size: 32px;
}
.mouse{
	width: 200px;
	text-align: center;
	line-height: 22px;
	color: #fff;
	font-size: 15px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 37px;
	z-index: 15;
	animation: bounce-down 2s linear infinite;
}
.mouse img{
	width: 26px;
}
.mouse div{
	margin-bottom: 16px;
}
@keyframes bounce-down{
	25% {
		transform: translateX(-50%) translateY(-10px);
	}
	50%,
	100% {
		transform: translateX(-50%) translateY(0);
	}
	75% {
		transform: translateX(-50%) translateY(10px);
	}
}
@-webkit-keyframes bounce-down{
	25% {
		-webkit-transform: translateX(-50%) translateY(-10px);
	}
	50%,
	100% {
		-webkit-transform: translateX(-50%) translateY(0);
	}
	75% {
		-webkit-transform: translateX(-50%) translateY(10px);
	}
}

.about_bg{
	width: 100%;
	min-height: 924px;
	background: url(../images/ind_01.jpg) no-repeat center top;
	background-size: cover;
	padding: 84px 0 100px;
	overflow: hidden;
	position: relative;
}
.about_bg .content{
	position: relative;
	z-index: 2;
}
.title{
	width: 100%;
	text-align: center;
	line-height: 36px;
	text-transform: uppercase;
	color: #969696;
	font-size: 26px;
	margin-bottom: 58px;
}
.title h1{
	color: #222;
	font-size: 46px;
	font-weight: normal;
	line-height: 80px;
}
.title div{
	font-weight: lighter;
}
.about{
	width: 1015px;
	text-align: center;
	line-height: 36px;
	color: #222;
	font-size: 18px;
	margin: 0 auto 50px;
}
.about h1{
	font-size: 26px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
}
.about_bg .more{
	margin: 0 auto 55px;
}
.more{
	width: 160px;
	height: 54px;
	border: solid 1px #016eb9;
	border-radius: 60px;
	color: #016eb9;
	font-size: 16px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.more div{
	width: 31px;
	height: 38px;
	position: relative;
	margin-right: 8px;
}
.more div img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.more a{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.more::before{
	position: absolute;
	display: block;
	content: '';
	background: #016eb9;
	width: 0;
	left: -5%;
	top: -5%;
	height: 110%;
	z-index: 1;
	overflow: hidden;
	transition: all 0.6s;
}
.more:hover::before{
	width: 110%;
}
.more:hover{
	color: #fff;
}
.img02{
	display: none;
}
.more:hover .img01{
	display: none;
}
.more:hover .img02{
	display: block;
}
.about_num{
	width: 100%;
}
.about_num ul{
	margin-right: -2%;
}
.about_num li{
	float: left;
	width: 18%;
	height: 275px;
	padding: 39px 10px;
	text-align: center;
	line-height: 24px;
	color: #7b7b7b;
	font-size: 16px;
	background: #fff;
	border-radius: 18px;
	margin-right: 2%;
}
.about_num img{
	width: 77px;
	height: 77px;
	display: block;
	margin: 0 auto 27px;
	transition: all 0.6s;
}
.about_num li:hover img {
	transform: rotateY(180deg);
}
.about_num h1{
	font-weight: normal;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 14px;
}
.about_num h1 b{
	font-family: "Techna-Sans";
	font-size: 50px;
	color: #333;
	line-height: 46px;
	margin-right: 10px;
}
.num_01{
	color: #404040;
	font-size: 16px;
	line-height: 30px;
}
.num_02{
	color: #333;
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
	padding-right: 8px;
}
.background{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
@keyframes move{
	100% {
		transform: translate3d(0, 0, 1px) rotate(360deg);
	}
}
.background span{
	width: 1vmin;
	height: 1vmin;
	border-radius: 1vmin;
	backface-visibility: hidden;
	position: absolute;
	animation: move;
	animation-duration: 49;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: 1;
}
.background span:nth-child(0){
	color: #1a529c;
	top: 1%;
	left: 83%;
	animation-duration: 11s;
	animation-delay: -1s;
	transform-origin: -1vw 7vh;
	box-shadow: -2vmin 0 1.2166831475vmin currentColor;
}
.background span:nth-child(1){
	color: #1a529c;
	top: 77%;
	left: 30%;
	animation-duration: 8s;
	animation-delay: -6s;
	transform-origin: -16vw -3vh;
	box-shadow: 2vmin 0 1.0814137563vmin currentColor;
}
.background span:nth-child(2){
	color: #1a529c;
	top: 31%;
	left: 42%;
	animation-duration: 11s;
	animation-delay: -6s;
	transform-origin: 13vw -16vh;
	box-shadow: 2vmin 0 0.252018094vmin currentColor;
}
.background span:nth-child(3){
	color: #1a529c;
	top: 94%;
	left: 2%;
	animation-duration: 8s;
	animation-delay: -8s;
	transform-origin: -12vw -22vh;
	box-shadow: 2vmin 0 0.4037830081vmin currentColor;
}
.background span:nth-child(4){
	color: #1a529c;
	top: 66%;
	left: 14%;
	animation-duration: 8s;
	animation-delay: -5s;
	transform-origin: 2vw -12vh;
	box-shadow: 2vmin 0 0.3104758149vmin currentColor;
}
.background span:nth-child(5){
	color: #1a529c;
	top: 30%;
	left: 22%;
	animation-duration: 15s;
	animation-delay: -10s;
	transform-origin: -24vw -6vh;
	box-shadow: -2vmin 0 0.5184082025vmin currentColor;
}
.background span:nth-child(6){
	color: #1a529c;
	top: 61%;
	left: 96%;
	animation-duration: 11s;
	animation-delay: -8s;
	transform-origin: -9vw 4vh;
	box-shadow: -2vmin 0 1.0658300054vmin currentColor;
}
.background span:nth-child(7){
	color: #1a529c;
	top: 42%;
	left: 95%;
	animation-duration: 9s;
	animation-delay: -2s;
	transform-origin: 14vw 7vh;
	box-shadow: 2vmin 0 0.7873386022vmin currentColor;
}
.background span:nth-child(8){
	color: #1a529c;
	top: 30%;
	left: 69%;
	animation-duration: 6s;
	animation-delay: -9s;
	transform-origin: 9vw 25vh;
	box-shadow: -2vmin 0 1.2340148539vmin currentColor;
}
.background span:nth-child(9){
	color: #1a529c;
	top: 76%;
	left: 65%;
	animation-duration: 7s;
	animation-delay: -1s;
	transform-origin: -19vw 11vh;
	box-shadow: -2vmin 0 0.3706580269vmin currentColor;
}
.background span:nth-child(10){
	color: #1a529c;
	top: 98%;
	left: 81%;
	animation-duration: 14s;
	animation-delay: -10s;
	transform-origin: 6vw 17vh;
	box-shadow: 2vmin 0 0.7071063458vmin currentColor;
}
.background span:nth-child(11){
	color: #1a529c;
	top: 2%;
	left: 66%;
	animation-duration: 15s;
	animation-delay: -4s;
	transform-origin: 9vw 12vh;
	box-shadow: -2vmin 0 0.7101778948vmin currentColor;
}
.background span:nth-child(12){
	color: #1a529c;
	top: 60%;
	left: 4%;
	animation-duration: 13s;
	animation-delay: -10s;
	transform-origin: -2vw 21vh;
	box-shadow: 2vmin 0 0.9531848799vmin currentColor;
}
.background span:nth-child(13){
	color: #1a529c;
	top: 21%;
	left: 41%;
	animation-duration: 14s;
	animation-delay: -7s;
	transform-origin: -4vw 22vh;
	box-shadow: -2vmin 0 0.3326184955vmin currentColor;
}
.background span:nth-child(14){
	color: #1a529c;
	top: 40%;
	left: 13%;
	animation-duration: 14s;
	animation-delay: -1s;
	transform-origin: 8vw 25vh;
	box-shadow: -2vmin 0 0.2889462611vmin currentColor;
}
.background span:nth-child(15){
	color: #1a529c;
	top: 93%;
	left: 68%;
	animation-duration: 10s;
	animation-delay: -10s;
	transform-origin: -20vw 7vh;
	box-shadow: 2vmin 0 1.1570768969vmin currentColor;
}
.background span:nth-child(16){
	color: #1a529c;
	top: 28%;
	left: 16%;
	animation-duration: 14s;
	animation-delay: -3s;
	transform-origin: 4vw -1vh;
	box-shadow: 2vmin 0 0.3110673443vmin currentColor;
}
.background span:nth-child(17){
	color: #1a529c;
	top: 41%;
	left: 77%;
	animation-duration: 13s;
	animation-delay: -8s;
	transform-origin: -2vw 25vh;
	box-shadow: 2vmin 0 1.1632744326vmin currentColor;
}
.background span:nth-child(18){
	color: #1a529c;
	top: 65%;
	left: 99%;
	animation-duration: 7s;
	animation-delay: -10s;
	transform-origin: -19vw 24vh;
	box-shadow: 2vmin 0 0.4234082352vmin currentColor;
}
.background span:nth-child(19){
	color: #1a529c;
	top: 99%;
	left: 33%;
	animation-duration: 14s;
	animation-delay: -7s;
	transform-origin: -19vw 10vh;
	box-shadow: 2vmin 0 0.6429336872vmin currentColor;
}
.background span:nth-child(20){
	color: #1a529c;
	top: 26%;
	left: 8%;
	animation-duration: 12s;
	animation-delay: -3s;
	transform-origin: 25vw 21vh;
	box-shadow: -2vmin 0 0.2895757143vmin currentColor;
}
.background span:nth-child(21){
	color: #1a529c;
	top: 62%;
	left: 2%;
	animation-duration: 11s;
	animation-delay: -1s;
	transform-origin: 3vw -8vh;
	box-shadow: -2vmin 0 0.648790269vmin currentColor;
}
.background span:nth-child(22){
	color: #1a529c;
	top: 33%;
	left: 36%;
	animation-duration: 10s;
	animation-delay: -5s;
	transform-origin: 6vw 24vh;
	box-shadow: 2vmin 0 0.4563546902vmin currentColor;
}
.background span:nth-child(23){
	color: #1a529c;
	top: 52%;
	left: 7%;
	animation-duration: 14s;
	animation-delay: -5s;
	transform-origin: 24vw 22vh;
	box-shadow: -2vmin 0 0.9153600755vmin currentColor;
}
.background span:nth-child(24){
	color: #1a529c;
	top: 43%;
	left: 70%;
	animation-duration: 15s;
	animation-delay: -9s;
	transform-origin: 23vw -10vh;
	box-shadow: 2vmin 0 0.6479670503vmin currentColor;
}
.background span:nth-child(25){
	color: #1a529c;
	top: 1%;
	left: 29%;
	animation-duration: 13s;
	animation-delay: -7s;
	transform-origin: -10vw -12vh;
	box-shadow: 2vmin 0 0.5295836513vmin currentColor;
}
.background span:nth-child(26){
	color: #1a529c;
	top: 64%;
	left: 51%;
	animation-duration: 9s;
	animation-delay: -7s;
	transform-origin: 8vw -21vh;
	box-shadow: 2vmin 0 0.5962699092vmin currentColor;
}
.background span:nth-child(27){
	color: #1a529c;
	top: 14%;
	left: 10%;
	animation-duration: 14s;
	animation-delay: -5s;
	transform-origin: 12vw -11vh;
	box-shadow: 2vmin 0 0.5281335649vmin currentColor;
}
.background span:nth-child(28){
	color: #1a529c;
	top: 57%;
	left: 100%;
	animation-duration: 7s;
	animation-delay: -7s;
	transform-origin: 23vw -11vh;
	box-shadow: 2vmin 0 0.2790176444vmin currentColor;
}
.background span:nth-child(29){
	color: #1a529c;
	top: 60%;
	left: 34%;
	animation-duration: 14s;
	animation-delay: -1s;
	transform-origin: -18vw 24vh;
	box-shadow: 2vmin 0 0.5759635814vmin currentColor;
}
.background span:nth-child(30){
	color: #1a529c;
	top: 45%;
	left: 14%;
	animation-duration: 6s;
	animation-delay: -6s;
	transform-origin: 19vw 20vh;
	box-shadow: -2vmin 0 0.7182588918vmin currentColor;
}
.background span:nth-child(31){
	color: #1a529c;
	top: 42%;
	left: 44%;
	animation-duration: 14s;
	animation-delay: -8s;
	transform-origin: 4vw -12vh;
	box-shadow: -2vmin 0 0.3235645262vmin currentColor;
}
.background span:nth-child(32){
	color: #1a529c;
	top: 87%;
	left: 17%;
	animation-duration: 7s;
	animation-delay: -8s;
	transform-origin: 17vw -12vh;
	box-shadow: 2vmin 0 0.3346880551vmin currentColor;
}
.background span:nth-child(33){
	color: #1a529c;
	top: 77%;
	left: 96%;
	animation-duration: 11s;
	animation-delay: -6s;
	transform-origin: 18vw -9vh;
	box-shadow: 2vmin 0 0.7364139192vmin currentColor;
}
.background span:nth-child(34){
	color: #1a529c;
	top: 45%;
	left: 19%;
	animation-duration: 6s;
	animation-delay: -9s;
	transform-origin: 15vw 21vh;
	box-shadow: 2vmin 0 0.8863952306vmin currentColor;
}
.background span:nth-child(35){
	color: #1a529c;
	top: 10%;
	left: 20%;
	animation-duration: 12s;
	animation-delay: -1s;
	transform-origin: 25vw 20vh;
	box-shadow: -2vmin 0 0.3034244133vmin currentColor;
}
.background span:nth-child(36){
	color: #1a529c;
	top: 26%;
	left: 81%;
	animation-duration: 14s;
	animation-delay: -7s;
	transform-origin: -18vw -8vh;
	box-shadow: 2vmin 0 1.1515878165vmin currentColor;
}
.background span:nth-child(37){
	color: #1a529c;
	top: 36%;
	left: 71%;
	animation-duration: 14s;
	animation-delay: -2s;
	transform-origin: 25vw 8vh;
	box-shadow: -2vmin 0 0.7001679781vmin currentColor;
}
.background span:nth-child(38){
	color: #1a529c;
	top: 47%;
	left: 56%;
	animation-duration: 7s;
	animation-delay: -6s;
	transform-origin: -16vw -24vh;
	box-shadow: 2vmin 0 0.9762294148vmin currentColor;
}
.background span:nth-child(39){
	color: #1a529c;
	top: 13%;
	left: 59%;
	animation-duration: 7s;
	animation-delay: -4s;
	transform-origin: -19vw 17vh;
	box-shadow: 2vmin 0 1.1403835373vmin currentColor;
}
.background span:nth-child(40){
	color: #1a529c;
	top: 64%;
	left: 16%;
	animation-duration: 10s;
	animation-delay: -6s;
	transform-origin: 11vw 11vh;
	box-shadow: 2vmin 0 1.1288142546vmin currentColor;
}
.background span:nth-child(41){
	color: #1a529c;
	top: 83%;
	left: 97%;
	animation-duration: 12s;
	animation-delay: -3s;
	transform-origin: -21vw 11vh;
	box-shadow: -2vmin 0 0.8546357177vmin currentColor;
}
.background span:nth-child(42){
	color: #1a529c;
	top: 39%;
	left: 83%;
	animation-duration: 10s;
	animation-delay: -9s;
	transform-origin: -10vw 7vh;
	box-shadow: -2vmin 0 0.2694043806vmin currentColor;
}
.background span:nth-child(43){
	color: #1a529c;
	top: 86%;
	left: 14%;
	animation-duration: 10s;
	animation-delay: -1s;
	transform-origin: 16vw 11vh;
	box-shadow: -2vmin 0 0.4910040452vmin currentColor;
}
.background span:nth-child(44){
	color: #1a529c;
	top: 5%;
	left: 16%;
	animation-duration: 12s;
	animation-delay: -10s;
	transform-origin: 16vw 25vh;
	box-shadow: -2vmin 0 0.9906608286vmin currentColor;
}
.background span:nth-child(45){
	color: #1a529c;
	top: 26%;
	left: 60%;
	animation-duration: 6s;
	animation-delay: -4s;
	transform-origin: 14vw -7vh;
	box-shadow: -2vmin 0 0.7332913807vmin currentColor;
}
.background span:nth-child(46){
	color: #1a529c;
	top: 29%;
	left: 5%;
	animation-duration: 8s;
	animation-delay: -3s;
	transform-origin: 23vw 1vh;
	box-shadow: -2vmin 0 0.307820715vmin currentColor;
}
.background span:nth-child(47){
	color: #1a529c;
	top: 6%;
	left: 70%;
	animation-duration: 14s;
	animation-delay: -10s;
	transform-origin: 8vw 12vh;
	box-shadow: -2vmin 0 0.9688388645vmin currentColor;
}
.background span:nth-child(48){
	color: #1a529c;
	top: 97%;
	left: 37%;
	animation-duration: 11s;
	animation-delay: -2s;
	transform-origin: 25vw 11vh;
	box-shadow: -2vmin 0 0.6903757254vmin currentColor;
}
.background span:nth-child(49){
	color: #1a529c;
	top: 62%;
	left: 66%;
	animation-duration: 11s;
	animation-delay: -5s;
	transform-origin: -4vw -17vh;
	box-shadow: -2vmin 0 0.8399178073vmin currentColor;
}

.news_bg{
	width: 100%;
	min-height: 930px;
	background: url(../images/ind_09.jpg) no-repeat center top;
	background-size: cover;
	padding: 84px 0;
	overflow: hidden;
}
.news_bg .title{
	margin-bottom: 54px;
}
.news_con{
	width: 100%;
	/*padding-left: calc((100vw - 1440px) / 2);*/
	padding: 0 2.5%;
	overflow: hidden;
}
.news{
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.news .swiper-slide{
	height: 462px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
}
.news .swiper-button-next,.news .swiper-button-prev{
	width: 67px;
	height: 67px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	top: 217px;
}
.news .swiper-button-prev{
	left: 102px;
}
.news .swiper-button-prev:hover,.news .swiper-button-next:hover{
	background: #016eb9;
	color: #fff;
}
.news .swiper-button-next{
	right: 102px;
}
.news .swiper-button-next:after, .news .swiper-button-prev:after{
	color: #9d9d9d;
	font-size: 14px;
}
.news .swiper-button-next:hover:after, .news .swiper-button-prev:hover:after{
	color: #fff;
}
.news_pic{
	width: 100%;
	height: 279px;
	overflow: hidden;
	margin-bottom: 34px;
}
.news_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news_bot{
	width: 90%;
	margin: 0 auto;
}
.news_tt{
	height: 36px;
	line-height: 36px;
	color: #1d1d1f;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_text{
	height: 32px;
	line-height: 32px;
	color: #8a8989;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 12px;
}
.news_time{
	height: 32px;
	line-height: 32px;
	color: #016eb9;
	font-size: 20px;
	overflow: hidden;
	font-family: "Techna-Sans";
}

.inn_box{
	width: 100%;
	padding: 84px 0 92px;
	overflow: hidden;
}
.inn_box .title{
	margin-bottom: 10px;
}
.inn_left{
	float: left;
	width: 380px;
}
.inn_left .more{
	margin: 0;
}
.inn_right{
	float: right;
	width: 978px;
	padding-top: 66px;
}
.inn_tit{
	width: 100%;
	margin-bottom: 34px;
}
.inn_tit img{
	width: 206px;
	margin-bottom: 22px;
}
.inn_tit h1{
	color: #333;
	font-size: 40px;
	line-height: 54px;
	font-weight: normal;
}
.inn_text{
	color: #454545;
	font-size: 22px;
	line-height: 34px;
	margin-bottom: 58px;
}
.inn_list{
	width: 100%;
}
.inn_list ul{
	margin-right: -30px;
}
.inn_list li{
	float: left;
	width: 222px;
	margin-right: 30px;
}
.inn_list li:nth-child(odd){
	margin: 64px 30px 0 0;
}
.inn_pic{
	width: 100%;
	height: 352px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 16px;
}
.inn_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.inn_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.inn_txt{
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: #333;
	font-size: 16px;
}

.quality_bg{
	width: 100%;
	min-height: 932px;
	background: url(../images/ind_16.jpg) no-repeat center top;
	background-size: cover;
	padding: 86px 0;
	overflow: hidden;
	position: relative;
}
.quality_bg .title{
	margin-bottom: 31px;
}
.quality_con{
	width: 1322px;
	height: 545px;
	margin: 0 auto;
	position: relative;
}
.qua01{
	width: 340px;
	position: absolute;
	top: 144px;
	left: 9px;
}
.qua01 img{
	width: 100%;
	height: 265px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.qua01:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.qua01 h1{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 50px;
	text-align: center;
	font-style: italic;
	transform: skew(-10deg) rotate(-4deg);
}
.qua02{
	width: 348px;
	position: absolute;
	top: 0;
	left: calc(50% - 348px / 2 - 118px);
}
.qua02 img{
	width: 100%;
	height: 287px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.qua02:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.qua02 h1{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	font-style: italic;
	transform: skew(-10deg) rotate(-5deg);
}
.qua03{
	width: 586px;
	position: absolute;
	top: 58px;
	right: 0;
}
.qua03 img{
	width: 100%;
	height: 428px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.qua03:hover img{
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
}
.qua03 h1{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	font-style: italic;
	transform: skew(-10deg) rotate(-5deg);
	margin: -8px 0 10px;
	position: relative;
	z-index: 1;
}
.qua_txt{
	width: 62%;
	color: #808080;
	font-size: 14px;
	line-height: 26px;
	transform: skew(-10deg) rotate(-5deg);
	margin: 0 auto;
}

.partner_box{
	width: 100%;
	padding: 84px 0 102px;
	overflow: hidden;
}
.partner_box .title{
	margin-bottom: 15px;
}
.partner_bg{
	width: 1776px;
	height: 477px;
	margin: 0 auto 64px;
	position: relative;
}
.partner_pic{
	width: 100%;
	height: 477px;
}
.partner_pic img{
	width: 100%;
	height: 100%;
}
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(5px);
    }
    50%,
    100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-5px);
    }
}
.partner{
	position:absolute;
	background: #fff;
	border-radius: 8px;
    box-shadow:0 0 40px rgba(5, 5, 5, 0.2);
	overflow: hidden;
	z-index: 1;
}
.partner img{
	width: 100%;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.partner:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.par01{
	width: 131px;
	left: calc(50% - 131px / 2 - 466px);
    top: 79px;
    animation: bounce-up 1.3s linear infinite;
}
.par02{
	width: 201px;
	left: calc(50% - 201px / 2 - 490px);
    top: 210px;
    animation: bounce-up 1.6s linear infinite;
	z-index: 2;
}
.par03{
    width: 192px;
	left: calc(50% - 192px / 2 - 636px);
    top: 286px;
    animation: bounce-up 1.9s linear infinite;
}
.par04{
    width: 197px;
	left: calc(50% - 197px / 2 - 238px);
    top: 46px;
    animation: bounce-up 2.2s linear infinite;
}
.par05{
    width: 204px;
	left: calc(50% - 204px / 2 - 340px);
    top: 145px;
    animation: bounce-up 2.5s linear infinite;
	z-index: 3;
}
.par06{
    width: 201px;
	left: calc(50% - 201px / 2 - 417px);
    top: 327px;
    animation: bounce-up 1.3s linear infinite;
}
.par07{
    width: 179px;
	left: calc(50% - 179px / 2 - 164px);
    top: 222px;
    animation: bounce-up 1.9s linear infinite;
}
.par08{
    width: 201px;
	left: calc(50% - 201px / 2 - 174px);
    top: 367px;
    animation: bounce-up 2.2s linear infinite;
}
.par09{
    width: 243px;
	left: calc(50% - 243px / 2 + 5px);
    top: 124px;
    animation: bounce-up 1.6s linear infinite;
	z-index: 4;
}
.par10{
    width: 238px;
	left: calc(50% - 238px / 2 + 31px);
    top: 272px;
    animation: bounce-up 1.3s linear infinite;
	z-index: 4;
}
.par11{
    width: 203px;
	left: calc(50% - 203px / 2 + 180px);
    top: 85px;
    animation: bounce-up 1.9s linear infinite;
}
.par12{
    width: 205px;
	left: calc(50% - 205px / 2 + 241px);
    top: 210px;
    animation: bounce-up 2.2s linear infinite;
	z-index: 3;
}
.par13{
    width: 208px;
	left: calc(50% - 208px / 2 + 228px);
    top: 364px;
    animation: bounce-up 2s linear infinite;
}
.par14{
    width: 191px;
	left: calc(50% - 191px / 2 + 422px);
    top: 144px;
    animation: bounce-up 1.6s linear infinite;
	z-index: 2;
}
.par15{
    width: 198px;
	left: calc(50% - 198px / 2 + 397px);
    top: 294px;
    animation: bounce-up 1.9s linear infinite;
	z-index: 2;
}
.par16{
    width: 203px;
	left: calc(50% - 203px / 2 + 569px);
    top: 236px;
    animation: bounce-up 2.2s linear infinite;
}

.foot_bg{
	width: 100%;
	background: #2a2a2a;
}
.foot_t{
	padding: 40px 0 24px;
}
.foot_tl{
	float: left;
	width: 840px;
}
.f_logo{
	width: 306px;
	margin-bottom: 28px;
}
.f_logo img{
	width: 100%;
}
.f_con{
	width: 100%;
}
.f_con ul{
	margin-right: -1%;
}
.f_con li{
	float: left;
	width: 32.33%;
	padding-left: 37px;
	line-height: 28px;
	color: #898989;
	font-size: 14px;
	font-weight: bold;
	margin: 0 1% 18px 0;
	position: relative;
}
.f_con span{
	color: #d7d7d7;
	font-size: 20px;
	font-weight: normal;
	display: block;
	font-family: 'Techna-Sans';
}
.f_con img{
	width: 27px;
	height: 27px;
	position: absolute;
	top: 0;
	left: 0;
}
.f_con li:nth-child(4) span{
	font-size: 18px;
}
.f_con li:last-child{
	width: 64%;
}
.f_con li:last-child span{
	font-size: 16px;
	font-family: 'sans-serif';
}
.share{
	float: right;
	padding-top: 90px;
}
.share ul{
	margin-right: -36px;
}
.share li{
	float: left;
	/*width: 54px;*/
	color: #898989;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	margin-right: 36px;
	cursor: pointer;
	position: relative;
}
.share_pic{
	width: 54px;
	height: 54px;
	position: relative;
	margin: 0 auto 14px;
}
.share_pic img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.share li:hover{
	color: #fff;
}
.share li:hover .img01{
	display: none;
}
.share li:hover .img02{
	display: block;
}
.code{
	width: 110px;
	height: 110px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 105px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	justify-content: center;
	align-items: center;
}
.code img{
	width: 105px;
	height: 105px;
}
.share li:hover .code{
	display: block;
}
.copyright{
	width: 100%;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	padding: 17px 0 14px;
	color: #898989;
	font-size: 14px;
	line-height: 26px;
}
.copyright a:hover{
	color: #fff;
}
.copyright .fl{
	width: 65%;
}
.copyright .fr{
	width: 32%;
	text-align: right;
}


/* 新闻与媒体 */
.main_bn{
	width: 100%;
	height: 536px;
	position: relative;
	overflow: hidden;
	margin-top: 94px;
}
.main_bn img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    animation: bannerZoom 8s ease-in-out forwards;
}
@keyframes bannerZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
.bn_txt{
	width: 100%;
	text-align: center;
	line-height: 60px;
	font-size: 52px;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}

.grey{
	background: #f2f2f2;
}
.news_box{
	padding: 62px 0 100px;
	min-height: 600px;
}
.news_list{
	width: 100%;
}
.news_list ul{
	margin-right: -48px;
}
.news_list li{
	float: left;
	width: 448px;
	height: 462px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	margin: 0 48px 47px 0;
}
.news_list02{
	width: 100%;
}
.news_list02 ul{
	margin-right: -2%;
}
.news_list02 li{
	float: left;
	width: 18%;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	margin: 0 2% 30px 0;
}
.news_list02 .news_pic{
    height: 130px;
    display: flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 0;
}
.news_list02 .news_pic img{
    width: 80%;
    height: auto;
}

.page{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	font-size: 16px;
}
.page a{
	width: 44px;
	height: 44px;
	line-height: 44px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	color: #454545;
	margin: 0 5px;
}
.page a.st{
	font-family: 宋体;
	color: #909090;
	font-size: 14px;
	font-weight: bold;
}
.page a:hover{
	background: #016eb9;
	color: #fff;
}
.page a.active{
	background: #016eb9;
	color: #fff;
}

.newsshow_box{
	padding: 120px 0 100px;
}
.news_bg02{
	width: 100%;
	background: #fff;
	padding: 48px 70px;
}
.news_tit{
	width: 100%;
	text-align: center;
	line-height: 52px;
	color: #222;
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 30px;
	border-bottom: solid 1px #e4e4e4;
}
.news_day{
	width: 100%;
	text-align: center;
	line-height: 26px;
	color: #555;
	font-size: 16px;
	padding: 22px 0 40px;
}
.news_txt{
	color: #222;
	font-size: 16px;
	line-height: 36px;
	text-align: justify;
	min-height: 320px;
	margin-bottom: 57px;
}
.fanye_line{
	width: 100%;
	border-top: solid 1px #e4e4e4;
	padding-top: 44px;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.fanye{
	width: 44%;
	line-height: 40px;
	height: 40px;
	color: #222;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fanye a{
	color: #646464;
}
.fanye a:hover{
	color: #bb0402;
	text-decoration: underline;
}
.fanye:last-child{
	text-align: right;
}
.fanye_img{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
}
.fanye_img img{
	width: 100%;
	height: 100%;
}


/* 联系我们 */
.contact_bn{
	width: 100%;
	height: 588px;
	position: relative;
	overflow: hidden;
	margin-top: 94px;
}
.contact_bn img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    animation: bannerZoom 8s ease-in-out forwards;
}
.con_txt{
	width: 100%;
	line-height: 72px;
	font-size: 48px;
	color: #fff;
	position: absolute;
	top: 124px;
	left: 0;
	z-index: 2;
}
.con_tt{
	font-weight: lighter;
}

.map_box{
	width: 100%;
	height: 795px;
	position: relative;
}
.map{
	width: 100%;
	height: 795px;
	overflow: hidden;
}
.map img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.map_txt{
	padding: 10px;
	font-size: 14px;
}
.map_txt h3{
	color: #eb543f;
	font-size: 18px;
	margin-bottom: 5px;
}
.contact_box{
	width: 100%;
	position: absolute;
	top: -227px;
	left: 0;
	z-index: 50;
	overflow: hidden;
}
.contact_bg{
	min-height: 554px;
	background: #fff;
	padding: 75px 0;
}
.contact01{
	width: 100%;
	min-height: 185px;
	border-bottom: solid 1px #e7e7e7;
	padding-left: 98px;
	margin-bottom: 52px;
}
.contact01 ul{
	margin-right: -140px;
}
.contact01 li{
	float: left;
	width: 354px;
	color: #7a7a7a;
	font-size: 18px;
	line-height: 40px;
	margin-right: 140px;
}
.contact01 img{
	width: 45px;
	height: 45px;
	display: block;
}
.contact01 h1{
	color: #222;
	font-size: 36px;
	font-family: 'Techna-Sans';
	font-weight: normal;
	line-height: 56px;
}
.con_pl{
	padding-left: 98px;
}
.contact02{
	float: left;
	width: 400px;
	padding-left: 58px;
	margin: 31px 91px 0 0;
	position: relative;
	color: #7a7a7a;
	font-size: 16px;
	line-height: 30px;
}
.contact02 img{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}
.con_t{
	color: #222;
	font-size: 18px;
	line-height: 32px;
	margin: 8px 0;
}
.con_code{
	float: left;
	width: 125px;
	text-align: center;
}
.con_code img{
	width: 100%;
	height: 125px;
}
.con_code h1{
	color: #7a7a7a;
	font-size: 16px;
	font-weight: normal;
	line-height: 34px;
}


/* 产品中心-大健康 */
.pro_head .header{
	background: none;
	box-shadow: none;
}
.product{
	width: 100%;
	height: 100vh;
	position: relative;
}
.product .swiper-slide{
	height: 100vh;
}
.product img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*.product a{*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	z-index: 3;*/
/*}*/
.pro_nav{
	display: none;
}
.pro_dot {
	width: 10px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: 44px;
	z-index: 5;
}
.pro_dot .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	position: relative;
	width: 10px;
	height: 30px;
	outline: none;
}
.pro_dot .swiper-pagination-bullet:last-child{
	margin: 0;
}
.pro_dot .swiper-pagination-bullet div:nth-child(1) {
	width: 6px;
	height: 6px;
	background: #9a9a9a;
	border-radius: 50%;
	position: relative;
}
.pro_dot .swiper-pagination-bullet div:nth-child(2) {
	width: 28px;
	height: 33px;
	background: url(../images/nav_02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -6px;
	top: -13px;
	opacity: 0;
}
.pro_dot .swiper-pagination-bullet-active div:nth-child(1) {
	background: #fff;
}
.pro_dot .swiper-pagination-bullet-active div:nth-child(2) {
	opacity: 1;
}
.box{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.product_left{
	width: 65%;
}
.p_top{
	opacity: 0;
	transform: translateY(50px);
}
.pt01{
	transition: all 0.6s ease-out;
}
.pt02{
	transition: all 1s ease-out;
}
.pt03{
	transition: all 1.4s ease-out;
}
.pt04{
	transition: all 1.8s ease-out;
}
.animate-from-top {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.product_a{
	color: #222;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 38px;
}
.product_b{
	width: 580px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 40px;
}
.product_c{
	width: 580px;
	color: #333;
	font-size: 14px;
	line-height: 36px;
}
.product_d{
    display: none;
}
.product_d .more{
	margin: 0 !important;
}
.label{
	padding: 10px 20px;
	line-height: 36px;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 35px;
}
.label_01{
	background: rgba(11, 50, 126, 0.1);
	border: solid 1px #0b327f;
	color: #0a3180;
}
.label_02{
	background: rgba(235, 97, 6, 0.1);
	border: solid 1px #eb6106;
	color: #eb6106;
}
.label_03{
	background: rgba(155, 30, 63, 0.1);
	border: solid 1px #9b1e3f;
	color: #9b1e3f;
}
.label_04{
	background: rgba(163, 76, 54, 0.1);
	border: solid 1px #a34c36;
	color: #a34c36;
}
.label_05{
	background: rgba(197, 0, 24, 0.1);
	border: solid 1px #c50018;
	color: #c50018;
}
.label_06{
	background: rgba(210, 97, 93, 0.1);
	border: solid 1px #d2615d;
	color: #d2615d;
}
.label_07{
	background: rgba(234, 113, 146, 0.1);
	border: solid 1px #db4f75;
	color: #db4f75;
}
.label_08{
	background: rgba(233, 197, 105, 0.1);
	border: solid 1px #d3af50;
	color: #d3af50;
}
.label_09{
	background: rgba(228, 197, 104, 0.1);
	border: solid 1px #d3af50;
	color: #d3af50;
}


/* 产品中心-药品 */
.pro_type{
	width: 100%;
	height: 68px;
	background: #f2f2f2;
	text-align: center;
	overflow: hidden;
}
.pro_type ul{
	margin-right: -64px;
	display: flex;
	justify-content: center;
}
.pro_type li{
	line-height: 68px;
	color: #222;
	font-size: 16px;
	display: flex;
	align-items: center;
	position: relative;
	margin-right: 64px;
}
.pro_type a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.pro_type img{
	width: 29px;
	height: 35px;
	margin-right: 12px;
	opacity: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.pro_type div{
	height: 68px;
	position: relative;
}
.pro_type div i{
	width: 100%;
	height: 4px;
	background: #0073cf;
	border-radius: 5px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scale(0,0);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.pro_type li.on img{
	opacity: 1;
}
.pro_type li.on i{
	transform: scale(1,1);
}
.pro_type li.on div{
	color: #0073cf;
	font-weight: bold;
}
.pro_type li:hover{
	color: #0073cf;
	font-weight: bold;
}
.pro_type li:hover i{
	transform: scale(1,1);
}
.pro_type li:hover img{
	opacity: 1;
}
.pro_box{
	padding: 80px 0 36px;
}
.pro_list{
	width: 100%;
}
.pro_list ul{
	margin-right: -48px;
}
.pro_list li{
	float: left;
	width: 448px;
	margin: 0 48px 25px 0;
}
.pro_pic{
	width: 100%;
	height: 448px;
	background: #f2f2f2;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 32px;
}
.pro_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.pro_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.pro_text{
	width: 100%;
	text-align: center;
	line-height: 32px;
	height: 64px;
	color: #333;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}


/* 产品详情 */
.proshow_box{
	padding: 124px 0 94px;
}
.path{
	width: 100%;
	padding-left: 52px;
	color: #393939;
	font-size: 14px;
	line-height: 30px;
	position: relative;
	margin-bottom: 30px;
}
.path img{
	width: 28px;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 0;
}
.path_fh{
	color: #8a8a8a;
	padding: 0 10px;
}
.path_on{
	color: #0073cf;
}
.proshow{
	width: 100%;
	position: relative;
}
.proshow .swiper-slide{
	height: 650px;
	background: #fff;
	padding: 64px 150px 64px 112px;
}
.proshow .swiper-button-next,.proshow .swiper-button-prev{
	width: 67px;
	height: 67px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	transform: translateY(-50%);
}
.proshow .swiper-button-prev{
	left: 36px;
}
.proshow .swiper-button-prev:hover,.proshow .swiper-button-next:hover{
	background: #016eb9;
	color: #fff;
}
.proshow .swiper-button-next{
	right: 36px;
}
.proshow .swiper-button-next:after, .proshow .swiper-button-prev:after{
	color: #9d9d9d;
	font-size: 14px;
}
.proshow .swiper-button-next:hover:after, .proshow .swiper-button-prev:hover:after{
	color: #fff;
}
.proshow_pic{
	float: left;
	width: 520px;
	height: 520px;
	overflow: hidden;
}
.proshow_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.proshow_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.proshow_right{
	float: right;
	width: 570px;
}
.proshow_top{
	border-bottom: solid 1px #d9d9d9;
	padding: 30px 0 24px;
	color: #555;
	font-size: 22px;
	margin-bottom: 30px;
}
.proshow_top div{
	font-weight: lighter;
}
.proshow_top h1{
	color: #222;
	font-weight: normal;
	font-size: 36px;
	line-height: 48px;
	margin-bottom: 18px;
}
.proshow_scroll{
	height: 320px;
	overflow-y: auto;
}
.proshow_scroll::-webkit-scrollbar{
	width: 5px;
	height: 1px;
}
.proshow_scroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: #9e9e9e;
}
.proshow_scroll::-webkit-scrollbar-track{
	border-radius: 10px;
	background: #ededed;
}
.proshow_txt{
	width: 95%;
	color: #333;
	font-size: 14px;
	line-height: 30px;
}
.proshow_txt h1{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 12px;
}
.proshow_txt div{
    text-align: justify;
    margin-bottom: 22px;
}


/* 关于欣峰 */
.com_bg{
	width: 100%;
	min-height: 1153px;
	padding: 94px 0;
	background: url(../images/about_01.jpg) no-repeat center bottom;
	background-size: cover;
	overflow: hidden;
}
.com_tit{
	width: 100%;
	text-align: center;
	line-height: 60px;
	color: #333;
	font-size: 48px;
	margin-bottom: 75px;
}
.com_txt{
	width: 1085px;
	text-align: center;
	line-height: 48px;
	color: #333;
	font-size: 16px;
	margin: 0 auto 80px;
}
.com_list{
	width: 100%;
}
.com_list li{
	float: left;
	width: 23%;
	text-align: center;
	line-height: 26px;
	color: #5c5c5c;
	font-size: 16px;
	position: relative;
}
.com_list i{
	width: 1px;
	height: 80px;
	background: rgba(40, 40, 40, 0.1);
	display: block;
	position: absolute;
	top: 0.12rem;
	right: 0;
}
.com_list h1{
	color: #222;
	font-weight: normal;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 15px;
}
.com_list h1 b{
	font-size: 60px;
	font-family: 'Techna-Sans';
	line-height: 50px;
}
.com_list h1 span{
	font-size: 22px;
	line-height: 38px;
	padding-left: 10px;
}
.com_list li:nth-child(2),.com_list li:nth-child(3){
	width: 27%;
}
.com_list li:last-child i{
	display: none;
}

.honor_box{
	width: 100%;
	padding: 80px 0 90px;
	overflow: hidden;
}
.honor_box .title{
	margin-bottom: 74px;
}
.honor_t{
	width: 100%;
}
.honor_tl{
	float: left;
	width: 607px;
	min-height: 437px;
	padding: 257px 0 0 110px;
	position: relative;
}
.honor_tr{
	float: right;
	width: 524px;
	min-height: 437px;
	position: relative;
}
.honor_blue{
	width: 1347px;
	height: 95px;
	background: url(../images/about_02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 132px;
	right: 0;
}
.honor_en{
	width: 459px;
	height: 120px;
	position: absolute;
	top: 60px;
	right: 68px;
	z-index: 2;
}
.honor_en img{
	width: 100%;
	height: 100%;
}
.honor_tl_txt{
	color: #333;
	font-size: 20px;
	font-weight: lighter;
	line-height: 42px;
}
.honor_red{
	width: 1448px;
	height: 95px;
	background: url(../images/about_07.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 308px;
	left: -184px;
}
.honor_trbg{
	width: 100%;
	height: 308px;
	background: url(../images/about_04.png) no-repeat;
	background-size: 100% 100%;
}
.honor_trpicbg{
	width: 100%;
	height: 270px;
	background: url(../images/about_05.png) no-repeat center bottom;
	background-size: 100% 90px;
}
.honor_trpic{
	width: 345px;
	height: 227px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
}
.honor_trpic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.honor_trpic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.honor{
	width: 100%;
	padding-bottom: 106px;
	position: relative;
}
.honor .swiper-button-next,.honor .swiper-button-prev{
	width: 67px;
	height: 67px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	top: auto;
	bottom: 10px;
}
.honor .swiper-button-prev{
	left: 642px;
}
.honor .swiper-button-prev:hover,.honor .swiper-button-next:hover{
	background: #016eb9;
	color: #fff;
}
.honor .swiper-button-next{
	right: 642px;
}
.honor .swiper-button-next:after, .honor .swiper-button-prev:after{
	color: #9d9d9d;
	font-size: 14px;
}
.honor .swiper-button-next:hover:after, .honor .swiper-button-prev:hover:after{
	color: #fff;
}
.honor_pic{
	width: 100%;
	height: 260px;
	background: #f5f5f7;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 18px;
	cursor: pointer;
}
.honor_pic img{
	width: 289px;
	height: 206px;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.honor_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.honor_txt{
	width: 100%;
	text-align: center;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.img_modal{
	position: fixed;
	width: 100%;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
.img_modal_box{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.img_modal_con{
	/* width: 70%; */
	position: relative;
}
.img_modal_show{
	display: block;
}
.img_modal .img_modal_img{
	width: auto;
	height: 60vh;
}
.img_modal .img_modal_img img{
	width: auto;
	height: 100%;
}
.img_modal_header{
	display: flex;
	justify-content: flex-end;
	position: absolute;
	top: -50px;
	right: -50px;
}
.img_modal_header img{
	width: 50px;
	height: 50px;
}
.img_modal_header img:nth-last-child(1){
	width: 50px;
	cursor: pointer;
}


/* 企业文化 */
.culture_box{
	padding: 66px 0 50px;
	min-height: 600px;
	overflow: hidden;
}
.culture{
	width: 100%;
}
.culture li{
	height: 466px;
	background: #f6f6f6;
	margin-bottom: 52px;
}
.culture_text{
	float: left;
	width: 44%;
	height: 466px;
	padding: 20px 90px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.culture_txt{
	color: #454545;
	font-size: 16px;
	line-height: 36px;
	text-align: justify;
}
.culture_txt h1{
	color: #343434;
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 30px;
}
.culture_pic{
	float: left;
	width: 56%;
	height: 466px;
	overflow: hidden;
}
.culture_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.culture_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.culture li:nth-child(even) .culture_text{
	float: right;
	padding: 20px 110px 20px 60px;
}


/* 战略布局-口溶膜 */
.str_bg{
	width: 100%;
	background: url(../images/str_01.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden;
	padding: 93px 0 40px;
}
.kou_tit{
	width: 100%;
	text-align: center;
	line-height: 60px;
	color: #222;
	font-size: 48px;
	margin-bottom: 40px;
}
.kou_txt{
	width: 820px;
	text-align: center;
	line-height: 36px;
	color: #333;
	font-size: 16px;
	margin: 0 auto 44px;
}
.kou_txt h1{
	line-height: 36px;
	font-size: 24px;
	font-weight: normal;
	margin: 32px 0 15px;
}
.kou_txt h2{
	line-height: 30px;
	font-size: 20px;
	font-weight: normal;
}
.kou{
	width: 1102px;
	margin: 0 auto;
	position: relative;
}
.kou ul{
	margin-right: -23px;
}
.kou li{
	float: left;
	width: 261px;
	height: 428px;
	padding: 90px 20px;
	text-align: center;
	line-height: 30px;
	color: #454545;
	font-size: 16px;
	margin-right: 23px;
}
.kou li:nth-child(1){
	background: url(../images/str_03.png) no-repeat;
	background-size: 100% 100%;
}
.kou li:nth-child(2){
	width: 256px;
	height: 398px;
	background: url(../images/str_04.png) no-repeat;
	background-size: 100% 100%;
	padding: 60px 20px;
	margin: 30px 22px 0 0;
}
.kou li:nth-child(3){
	width: 256px;
	height: 398px;
	background: url(../images/str_05.png) no-repeat;
	background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 60px 20px;
	margin: 30px 23px 0 0;
}
.kou li:nth-child(4){
	background: url(../images/str_06.png) no-repeat;
	background-size: 100% 100%;
}
.kou img{
	width: 95px;
	height: 95px;
	display: block;
	margin: 0 auto 34px;
}
.kou_left{
	width: 261px;
	height: 421px;
	background: url(../images/str_02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -45px;
	left: -287px;
}
.kou_right{
	width: 261px;
	height: 428px;
	background: url(../images/str_07.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -45px;
	right: -287px;
}
.kou_pic{
	width: 100%;
	margin-top: -55px;
	position: relative;
	z-index: 1;
}
.kou_pic img{
	width: 100%;
}

.youshi_box{
	padding-top: 37px;
	overflow: hidden;
}
.youshi_box .kou_tit{
	margin-bottom: 53px;
}
.youshi{
	width: 100%;
	padding-bottom: 100px;
	overflow: hidden;
}
.youshi ul{
	margin-left: -1%;
}
.youshi li{
	float: left;
	width: 49%;
	height: 503px;
	margin: 0 1% 18px 0;
	position: relative;
	overflow: hidden;
}
.youshi img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.youshi li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.youshi_txt{
	width: 80%;
	color: #454545;
	font-size: 20px;
	font-weight: lighter;
	line-height: 36px;
	position: absolute;
	top: 114px;
	left: calc((100vw - 1440px) / 2);
	z-index: 2;
}
.youshi_txt h1{
	color: #333;
	font-size: 40px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 15px;
}
.youshi li:nth-child(even) .youshi_txt{
	left: 60px;
}


/* 战略布局-药品 */
.yao_bg{
	width: 100%;
	min-height: 985px;
	background: url(../images/str_17.jpg) no-repeat center top;
	background-size: 100% 100%;
	padding-top: 93px;
	overflow: hidden;
}
.yao_txt{
	width: 1000px;
	text-align: center;
	line-height: 40px;
	color: #333;
	font-size: 16px;
	margin: 0 auto 197px;
}
.yao_txt h1{
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
	margin-top: 38px;
}
.yao_di{
	width: 922px;
	height: 362px;
	background: url(../images/str_18.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
}
.yao{
	width: 315px;
	position: absolute;
}
.yao_01{
	top: -125px;
	right: 94px;
}
.yao_02{
	top: -53px;
	left: 100px;
}
.yao_02 .yao_text{
	text-align: right;
	padding: 0 25px 0 0;
	top: 90px;
	right: auto;
	left: -290px;
}
.yao_02 .yao_line{
	top: 69px;
	right: auto;
	left: -72px;
}
.yao_02 .yao_line div{
	right: auto;
	left: -16px;
}
.yao_03{
	top: 43px;
	right: 50px;
}
.yao_04{
	top: 115px;
	left: 240px;
}
.yao_04 .yao_text{
	text-align: right;
	padding: 0 25px 0 0;
	top: 90px;
	right: auto;
	left: -290px;
}
.yao_04 .yao_line{
	top: 69px;
	right: auto;
	left: -72px;
}
.yao_04 .yao_line div{
	right: auto;
	left: -16px;
}
.yao_pic{
	width: 100%;
	height: 162px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.yao_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.yao_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.yao_text{
	width: 290px;
	padding-left: 16px;
	color: #909192;
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	top: 82px;
	right: -290px;
}
.yao_line{
	width: 114px;
	height: 1px;
	background: #cacaca;
	position: absolute;
	top: 63px;
	right: -62px;
}
.yao_line div{
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	border: solid 3px #c7ccd3;
	position: absolute;
	top: -8px;
	right: -16px;
}

.yao_box{
	padding: 60px 0 40px;
	overflow: hidden;
}
.yao_list{
	width: 100%;
}
.yao_list li{
	height: 580px;
	background: url(../images/str_23.jpg) no-repeat;
	background-size: 100% 100%;
	border-radius: 20px;
	padding: 105px 100px;
	margin-bottom: 60px;
	overflow: hidden;
}
.yao_list li:nth-child(even){
	background: url(../images/str_24.jpg) no-repeat;
	background-size: 100% 100%;
}
.yao_list li:nth-child(even) .yao_left{
	float: right;
}
.yao_list li:nth-child(even) .yao_right{
	float: left;
}
.yao_left{
	float: left;
	width: 475px;
	color: #454545;
	font-size: 18px;
	line-height: 40px;
	font-weight: lighter;
	text-align: justify;
	margin-top: 60px;
}
.yao_left h1{
	color: #333;
	font-size: 40px;
	line-height: 52px;
	font-weight: normal;
	margin-bottom: 30px;
}
.yao_right{
	float: right;
	width: 528px;
	height: 370px;
}  
.yao_right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.yao_right:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}