/* banner  */

.banner{

	position: relative;

	width: 100%;

	padding-bottom: 49.0%;

	z-index: 10;

}

.banner-bg{

	width: 100%;

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	left: 0;

	z-index: 0;

}

#bannerVideo{

	min-height: 100%;

	min-width: 100%;

	position: absolute;

	left: 50%;

	top: 48%;

	transform: translate(-50%,-50%);

	object-fit: cover;

	z-index: 1;

}

.playbtn{

	border-radius: 50%;

	height: 40px;

	overflow: hidden;

	position: absolute;

	right: 10px;

	top: 80px;

	width: 40px;

	z-index: 3;

	cursor: pointer;

	animation:rotateMusicIcon 3s linear infinite

}

.playbtn img{width: 100%;}

.paused{

	animation-play-state: paused;

}

@keyframes rotateMusicIcon {

	0% { transform:rotate(0) }

	to { transform:rotate(1turn) }

}

.banner-content{

	max-width: 1400px;

	position: absolute;

	width: 100%;

	/* height: 100%; */

	left: 50%;

	top: 0;

	transform: translateX(-50%);

	z-index: 2;

	margin:auto;

	padding-top: 170px;

	box-sizing: border-box;

}

.banner-content p{

	font-size: 20px;

	color: #fff;

	font-family: 'youshebiaotihei'

}

.banner-content p span{

	color: rgb(235, 29, 78);

}

.banner-content .p2{

	padding: 16px 0 16px 0;

	font-size: 48px;

}

.banner-content .p3{

	font-size: 60px;

	margin-bottom: 40px;

}

.banner-content .p4{

	font-family: 'SourceHanSansCN';

	color: #fff;

	font-size: 18px;

	margin-top: 30px;

	max-width: 960px;

}

.banner-content .p4 span{

	display: inline-block;

	min-width: 315px;

	margin-bottom: 30px;

	padding-right: 5px;

}

.banner-content .p4 i{

	display: inline-block;

	border: 1px solid #fff;

	border-radius: 4px;

	width: 26px;

	line-height: 26px;

	text-align: center;

	margin-right: 16px;

}

.banner-content .p5{

	margin-top: 20px;

	font-size: 24px;

	display: block;

	width: 227px;

	height: 52px;

	line-height: 52px;

	border-radius: 4px;

	color: #fff;

	background: rgba(216, 27, 67, 1);

	text-align: center;

	font-family: 'youshebiaotihei';

}

/* content */

.title1{

	text-align: center;

	font-size: 36px;

	font-family: 'youshebiaotihei';

	padding: 60px 0 5px 0;

}

.title2{

	text-align: center;

	font-size: 16px;

	font-family: 'SourceHanSansCN';

	padding-bottom: 40px;

}

.title3{

	font-size: 14px;color: rgb(134, 134, 134);

	text-align: center;padding-bottom: 20px;font-family: 'SourceHanSansCN';

}

.content1 .box1{

	padding-bottom: 25px;

}

.content1 .box1 img{

	width: 180px;

	border-radius: 9px;

	transition:all 0.8s;

	margin-top: 25px;height: 100%;

}

.content1 .box1 img:hover{

	transform: translateY(-10px);

}

.content1 .box2 ul{

	width: 100%;

	max-width: 1400px;

	margin: auto;

	background:url(../image/bg1.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;

	text-align: center;

	font-family: 'SourceHanSansCN';

	padding: 60px 1% 20px 1%;

	border-radius: 20px;

	margin-bottom: 70px;

	box-sizing: border-box;

}

.content1 .box2 ul li{

	width: 25%;

}

.content1 .box2 ul p{

	font-size: 30px;

}

.content1 .box2 ul span{

	font-size: 48px;

	font-weight: bold;

}

.content1 .box2 ul .p2{

	font-size: 20px;

	padding: 16px 0 6px 0;

}

.content1 .box2 ul .text{

	margin: 50px auto 10px;

	font-size: 14px;

	color: #cacacacc;

	letter-spacing: 4px;

	line-height: 18px;

}

.content2{

	background: #f7f8fa;

}

.content2 .box2 .hd a{

	width: 160px;

	display: block;

	text-align: center;

	padding: 9px 0;

	border-radius: 50px;

}

.content2 .box2 .hd li.on a{

	color: #fff;

	background: #353535;

}

.content2 .box2 .bd{

	padding: 30px 0 50px 0;

}

.content2 .box2 .bd li a{

	width: 32%;

	position: relative;

	margin-bottom: 2%;

	overflow: hidden;

}

.content2 .box2 .bd li a img{

	width: 100%;

	display: block;

	transition: transform .3s linear;

}

.content2 .box2 .bd li a:hover img{

	transform: scale(1.1);

}

.content2 .box2 .bd li a span{

	position: absolute;

	z-index: 2;

	left: 5px;

	bottom: 5px;

	color: #fff;

}

.content2 .box2 .bd li a p{

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

	height: 100%;

	background: url(../image/video_bg.png) #ef0000 no-repeat center;

	transform: scale(0);

	transition: transform .3s linear;

	opacity: .5;

}

.content2 .box2 .bd li a:hover p{

	transform: scale(1);

	transition: transform .3s linear;

}

.content3 form input,.content3 form textarea{background:none;border:none;width:100%;line-height:38px;font-size:13px;padding-bottom:2px}

.content3 form label{display:flex;align-items:center;border:1px solid #b3b3b3;width: 100%;max-width: 800px;margin: 0 auto 20px;box-sizing: border-box;}

.content3 form label i{color:#b3b3b3;font-size:15px;width:32px;min-width:32px;line-height:32px;text-align:center}

.content3 form textarea{width: 100%;max-width: 800px;margin: auto;border:1px solid #b3b3b3;padding:5px;line-height:1.2;height:70px;display: block;box-sizing: border-box;}

.content3 form .button{width:240px;line-height:44px;cursor:pointer;text-align:center;color:#fff;

	border:0;background:#e60031;border-radius:30px;transition:all .6s;opacity:0.8;font-size: 18px;

display: block;margin: 40px auto 80px;font-family: 'SourceHanSansCN';}

.content3 form .button:hover{opacity:1}

.content4{

	width: 100%;

	background: url(../image/bg3.jpg) repeat center ,rgba(12, 13, 33, 1);

	background-repeat: no-repeat;

	background-size: cover;

	color: #fff;

	padding: 0 0 40px 0;

}

.content4 .title2{padding-bottom: 20px}

.content4 .box2 img{

	width: 90%;

	max-width: 70px;

	display: block;

	margin: auto;

}

.content4 .box2 .item{

	width: 18%;

	background: #75757542;

	border-radius: 12px;

	padding: 40px 1.5% 30px;

	margin: 2.5% auto;

	box-sizing: border-box;

	font-family: 'SourceHanSansCN';

	text-align: center;

}

.content4 .box2 .item h2{

	font-size: 19px;

	font-family: none;

	padding: 24px 0 28px;

}

.content4 .box2 .item p{

	font-size: 13px;

	opacity: 0.55;

	line-height: 1.8;

}

.content4 .box3{

	width: 800px;

	height: 160px;

	background: #75757542;

	border-radius: 12px;

	margin-top: 12px;

	justify-content: space-evenly;

}

.content4 .box3 p{

	font-size: 36px;

	font-family: 'youshebiaotihei';

}

.content4 .box3 p span{

	color: rgb(216, 27, 67);

}

.content4 .box3 a{

	background: #d81b43;

	border-radius: 9px;

	color: #fff;

	text-align: center;

	width: 160px;

	line-height: 50px;

}

.content5 .title2{padding-bottom: 20px}

.content5 .box2{

	padding: 40px 1% 100px 1%;

}

.content5 .box2 .flex-between-center{

	max-width: 1210px;

	margin: auto;

}

.content5 .box2 img{

	width: 100%;

	max-width: max-content;

	display: block;

}

.content5 .box2 .r img{

	max-width: 46px;

}

.content5 .box2 .flex2 img{

	max-width: 75px;

}

.content5 .box2 .flex1,.content5 .box2 .flex2{

	position: relative;

}

.content5 .box2 .flex-between-center span{

	position: absolute;

	width: max-content;

	bottom: 50%;

	left: 50%;

	transform: translate(-50%,50%);

	font-family: 'youshebiaotihei';

}

.content5 .box2 .flex-between-center .flex1 span{

	color: #fff;

	font-size: 30px;

}

.content5 .box2 .flex-between-center .flex2 span{

	bottom: -18px;

	font-size: 20px;

}

.content5 .box2 .b{

	transform: rotate(90deg);margin: 15px 25px;

}

.content6{

	background: #f7f8fa;

	padding-bottom: 60px;

}

.content6 .box2 a{

	width: 13%;

	display: block;

	margin: 1% 1.5%;

	box-shadow: 0 0 10px rgba(0,0,0,.2);

	border-radius: 6px;

	transition:all 0.8s;

	padding: 8px 2px;

	background: #fff;

	box-sizing: border-box;

}

.content6 .box2 a:nth-child(7){margin-left: 4%;}

.content6 .box2 a:nth-child(11){margin-right: 4%;}

.content6 .box2 a:nth-child(18){margin-left: 4%;}

.content6 .box2 a:nth-child(22){margin-right: 4%;}

.content6 .box2 a img{

	width: 100%;

	display: block;

	border-radius: 6px;

}

.content6 .box2 a:hover{

	transform: translateY(-10px);

}

.content7{

	max-width: 1200px;

	margin: auto;

}

.content7 .title1,.content7 .title2{text-align: left;}

.content7 .box2 a{

	border-bottom: 1px solid #ccc;

	padding: 0 0.6em;

	font-size: 14px;

	line-height: 40px;

}

.content7 .box2 a img{

	display: none;

	vertical-align: bottom;

	width: 32px;

	padding: 4px 0;

}

.content7 .box2 a:nth-child(1) img,.content7 .box2 a:nth-child(2) img,.content7 .box2 a:nth-child(3) img{display: inline-block;}

.content7 .box2 a:last-child{

	border-bottom: none;

}

.content7 .box2 a span.r{min-width: 80px;}

.content7 .box3{

	margin: 40px 0 60px 0;

	background:url(../image/bg4.jpg) center center no-repeat;
	background-size: cover;
	height: 300px;

	border-radius: 20px;

	color: #fff;

}

.content7 .box3 .p1{

	font-size: 34px;

	font-family: 'youshebiaotihei';

	margin-bottom: 10px;

}

.content7 .box3 .p2,.content7 .box3 .p4{

	font-size: 15px;

	font-family: 'SourceHanSansCN';

}

.content7 .box3 .p3{

	font-size: 28px;

	font-family: 'youshebiaotihei';

	margin: 10px 0 10px 0;

}

.content7 .box3 .right{

	text-align: center;

}

.content7 .box3 .right img{

	width: 180px;

	border-radius: 5px;

	margin-bottom: 4px;

}

/* 我们的资质 */

.content8 .title1 {padding: 10px 0 5px 0;}

.content8 img{

	width: 100%;

}

.content8 .box2{

	margin-bottom: 30px;

}

.content8 .item1{

	width: 24%;

}

.content8 .item1 a{

	display: block;

	margin: 20px 0;

	background: #f1f2f3;

	box-shadow: 0 1px 3px rgba(34,25,25,0);

	padding: 12px;

	box-sizing: border-box;

}

.content8 .item2{

	width: 73%;

	margin: 20px 0;

}

.content8 .item2 a{

	background: #f1f2f3;

	padding:10px;

	box-sizing: border-box;

}

.content8 .item2 img{

	width: 100%;

	height: 450px;

	object-fit: cover;

}

.content8 .item2 p{

	margin: 12px 0 0;

	padding: 10px 0 4px;

	border-top: 1px solid #d9dadb;

	text-align: center;

	font-size: 15px;

	color: #494949;

	line-height: 26px;

	font-family: 'SourceHanSansCN';

}



@media screen and (max-width: 1500px) {

	.banner-content{width: 96%;}

}

@media screen and (max-width: 1400px) {

	.banner {padding-bottom: 0%;}

	.banner-bg{position: relative;}

	#bannerVideo{width: 100%;position: relative;left: 0;top: 0;transform: translate(0,0);}

	.playbtn{height: 30px;width: 30px;top:80px}

	.content1 .box1{justify-content: center;}

	.content1 .box1 img{margin: 0 10px;}

	.content7 .box3{width: 98%;margin:40px auto 60px;}

}

@media screen and (max-width: 1200px) {

	.banner-content{-webkit-text-size-adjust: none;padding-top: 110px;}

	.banner-content .p4 span{min-width: 290px;}

	.content1 .box2 ul .text{letter-spacing: 2px;}

	.content4 .box2 .item {width: 19%;padding: 40px 0.5% 30px;margin: 2% auto;}

	.content4 .box2 .item h2 {font-size: 17px;}

	.content4 .box2 .item p {font-size: 12px;}

	.content8 .item1{width: 30%;}

	.content8 .item2{width: 68%;}

}

@media screen and (max-width: 950px) {

	.last{display: none}

	.title1 {font-size: 20px;letter-spacing: -1px}

	.title2 {font-size: 15px;}

	.title3 {font-size: 11px;}

	.banner-content{padding-top: 0;top:calc(50% + 25px);left:50%;transform: translate(-50%,-50%);}
	.banner-content .p1 {font-size: 3vw;padding:0;}
	.banner-content .p2 {font-size: 4.8vw;padding:0;}

	.banner-content .p3 {font-size: 6vw;margin-bottom:0;}

	.banner-content .p4 {margin-top:-3px;line-height: 1;}

	.banner-content .p4 span{

		min-width: calc(50% - 3px);

		margin-bottom: 0;

		font-size:11px;

		padding-right: 3px;

	}

	.banner-content .p4 i{

		width: 12px;

		line-height: 12px;

		margin-right: 3px;

		font-size: 10px;

	}

	.banner-content .p5 {

		margin-top: 6px;

		font-size: 12px;

		width: 100px;

		height: 26px;

		line-height: 26px;

	}

	/* .banner-content .p4 span {width:80%;margin-bottom:0;font-size:11px;display:list-item;list-style:disc;transform:translateX(16px);min-width:90%;}

	.banner-content .p4 i{display: none;}

	.banner-content .p5{display: none;} */

	.playbtn{height: 30px;width: 30px;top:70px;right: 26px;}

	.content1 .box1 img{width: calc(50% - 20px);margin-top: 20px;}

	.content1 .box2 ul li {font-size: 9px;}

	.content1 .box2 ul p{font-size: 16px}

	.content1 .box2 ul span {font-size: 20px;}

	.content1 .box2 ul .p2 {font-size: 16px;padding: 12px 0 6px 0;}

	.content1 .box2 ul .text{margin: 30px auto 10px;font-size: 10px;letter-spacing: 0px;}

	.content2 .box2 .hd li{width: 33%;}

	.content2 .box2 .hd a{width: 100%;}

	.content2 .box2 .bd{width: 96%;margin:auto;}

	.content2 .box2 .bd li a{width: 49%;margin-bottom: 2%}

	.content2 .box2 .bd li a:nth-child(21){display: none}

	.content2 .box2 .bd li a p{display: none;}

	.content4 .box2{flex-wrap:wrap;}

	.content4 .box2 .item {width: 46%;padding: 40px 1% 30px;margin: 2%;}

	.content4 .box3 {width: 98%;height: 75px;}

	.content4 .box3 p {font-size: 22px;}

	.content4 .box3 a{width:100px;line-height: 42px;}

	.content5 .box2{overflow: hidden;}

	.content5 .box2 .flex-between-center .flex1 span {font-size: 19px;}

	.content5 .box2 .flex-between-center .flex2 span {font-size: 12px;}

	.content5 .box2 .r img {max-width: 30px;}

	.content5 .box2 .b {margin: 1% 4%;}

	.content6 .box2 a{width: 31.33%;margin: 1%;box-shadow: 0 0 0px rgba(0,0,0,0);transform: translateY(-10px);}

	.content6 .box2 a:nth-child(7),.content6 .box2 a:nth-child(11),.content6 .box2 a:nth-child(18),.content6 .box2 a:nth-child(22){margin: 1%}

	.content6 .box2 a img{width: 100%;}

	.content7 .title1, .content7 .title2{text-align: center;}

	.content7 .box3 .p1{font-size: 23px;}

	.content7 .box3 .p2,.content7 .box3 .p4{font-size: 13px;}

	.content7 .box3 .p3{font-size: 20px;}

	.content7 .box3 .right img {width: 100px;}

	.content8 .box2{flex-wrap: wrap;}

	.content8 .item1{width: 98%;margin: auto;display: flex;justify-content: space-between;}

	.content8 .item1 a{width: 49%;margin: 2% 0;}

	.content8 .item2{width: 98%;margin: auto;}

	.content8 .item2 img {height: auto;object-fit: cover;}

}