@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;outline:none;}
*{box-sizing: border-box;}
body{width:100%;background:#fff;color:#333;font-size:14px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;max-width: 100%;}
ul{list-style: none;}

.contain{
	width: 96%;
	max-width: 1680px;
	margin: 0 auto;
}
.banner{
	position: relative;
}
.banner1{
	font-size: 0;
	text-align: center;
	position: relative;
    /*height: 100vh;*/
    overflow: hidden;
}
.banner1>img{
    height: 100vh;
    width: 100%;
}
.banner1 video{
    width: 100%;
    object-fit:fill;
}
.banner2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.innerBanner2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.banner3{
	font-weight: bold;
	font-size: 60px;
	color: #FFFFFF;
	line-height: 79px;
	text-align: center;
}
.banner4{
	margin-top: 24px;
	font-size: 40px;
	color: #FFFFFF;
	line-height: 53px;
	letter-spacing: 2px;
	text-align: center;
}
.banner5{
	margin-top: 120px;
}
.banner5 a{
	display: inline-block;
	width: 220px;
	height: 50px;
	background: rgba(255,255,255,0.21);
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(10px);
	font-weight: 300;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}
.header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	background-color: rgba(0,0,0,0.5);
}
.header1{
	zoom: 1;
}
.header1:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.logo{
	font-size: 0;
	float: left;
	padding: 20px 0;
}
.nav{
	float: right;
}
.nav ul li{
	float: left;
	margin-left: 30px;
	padding: 18px 0;
	line-height: 55px;
	font-size: 16px;
	color: #FFFFFF;
	position: relative;
}
.nav ul li.on{
	font-weight: bold;
}
.nav ul li.on::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 26px;
	transform: translateX(-50%);
	width: 34px;
	height: 2px;
	background: #FFFFFF;
}
.nav ul li a{
	color: #fff;
}
.nav_sub{
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	padding-top: 5px;
}
.nav_sub1{
	width: 146px;
	background: rgba(0,0,0,0.18);
	border-radius: 4px;
	backdrop-filter: blur(10px);
	padding: 16px 0 21px;
}
.nav_sub1 a{
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
}
.nav_sub2{
	width: 294px;
	background: rgba(0,0,0,0.18);
	border-radius: 4px;
	backdrop-filter: blur(10px);
	padding: 20px 40px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.nav_sub2 a{
	display: block;
	width: 50%;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
}
.nav_sub3{
	width: 294px;
	background: rgba(255,255,255,0.18);
	border-radius: 4px;
	backdrop-filter: blur(10px);
	padding: 16px 0 21px;
}
.nav_sub3 a{
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
}
.nav ul li:hover .nav_sub{
	display: block;
}
.introduction{
	margin-top: 100px;
	position: relative;
	padding: 70px 0 120px;
	overflow: hidden;
}
.introduction1{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 54%;
}
.title{
	font-weight: bold;
	font-size: 36px;
	color: #333333;
	line-height: 46px;
}
.title1{
	margin-top: 8px;
	font-size: 14px;
	color: rgba(51, 51, 51, 0.5);
	line-height: 26px;
}
.title1 span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	width: 2px;
	height: 14px;
	background: #B71117;
}
.title1 code{
	font-family: inherit;
	display: inline-block;
	vertical-align: middle;
}
.introduction2{
	max-width: 565px;
	margin-top: 40px;
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}
.introduction3{
	max-width: 565px;
	margin-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.introduction4{
	width: calc(100% / 3);
	position: relative;
}
.introduction4::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 46px;
	background-color: #DADDE7;
}
.introduction4:last-child::before{
	width: 0;
}
.introduction5{
	font-weight: bold;
	font-size: 56px;
	color: #333333;
	line-height: 66px;
	text-align: center;
}
.introduction5 span{
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	font-size: 20px;
	color: #E62229;
	line-height: 36px;
}
.introduction5 code{
	font-family: inherit;
	display: inline-block;
	vertical-align: top;
}
.introduction6{
	margin-top: 7px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	text-align: center;
}
.concept{
	background-color: #3855A0;
	position: relative;
}
.concept1{
	height: 244px;
	display: flex;
	align-items: center;
}
.concept2{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
}
.concept3{
	margin-top: 8px;
	font-weight: bold;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 46px;
	width: 44%;
}
.concept3 span{
	margin-right: 9px;
}
.concept4{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 54%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.concept5{
	height: 100%;
	width: 25%;
	background-color: #F0F1F5;
	display: flex;
	align-items: center;
	justify-content: center;
}
.concept5:nth-child(2n){
	background-color: #FAFAFC;
}
.concept6{
	font-size: 0;
	text-align: center;
}
.concept6 img{
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
.concept7{
	margin-top: 13px;
	font-size: 20px;
	color: #666666;
	line-height: 36px;
	text-align: center;
}
.product{
	margin-top: 100px;
}
.tc{
	text-align: center;
}
.product1{
	margin-top: 60px;
	text-align: center;
}
.product1 span{
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin: 0 15px;
}
.product1 span.on{
	color: #B71117;
	font-weight: bold;
}
.product2{
	margin-top: 16px;
	zoom: 1;
	display: none;
}
.product2:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.show{
	display: block !important;
}
.product3{
    display: none;
	float: left;
	margin-top: 24px;
	width: calc((100% - 48px)/3);
	background-color: #F5F6F9;
	padding: 40px 36px;
	height: 700px;
}
.product4{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 28px;
}
.product5{
	margin-top: 28px;
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	margin-bottom: 40px;
}
.product6{
	margin-top: 14px;
	font-size: 14px;
	color: #999999;
	line-height: 28px;
}
.product6 span{
	display: inline-block;
	font-size: 0;
}
.p_img1{
	display: none;
}
.product7{
	margin-top: 90px;
	font-size: 0;
	text-align: center;
}
.product7 img{
	height: 240px;
	width: 100%;
}
.product3:hover{
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.11);
}
.product3:hover .p_img{
	display: none;
}
.product3:hover .p_img1{
	display: inline-block;
}
.product3:hover .product4{
	color: #B71117;
}
.product3:hover .product5{
	color: #B71117;
}
.product3:hover .product6 a{
	color: #B71117;
}
.product8{
	float: left;
	margin-top: 24px;
	margin-right: 24px;
	/*height: 338px;*/
	width: calc((100% - 48px)/3);
	background-color: #F5F6F9;
	padding: 30px 30px;
}
.product8:nth-child(3n){
    margin-right: 0;
}
.product9{
	margin-top: 30px;
	font-size: 0;
	text-align: center;
	height: 258px;
	overflow: hidden;
}
.product9 img{
    width: 100%;
	/*height: 180px;*/
}
.product8:hover{
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.11);
}
.product8:hover .p_img{
	display: none;
}
.product8:hover .p_img1{
	display: inline-block;
}
.product8:hover .product4{
	color: #B71117;
}
.product8:hover .product5{
	color: #B71117;
}
.product8:hover .product6 a{
	color: #B71117;
}
.solution{
	margin-top: 100px;
}
.solution1{
	margin-top: 60px;
	height: 832px;
	background: url(../img/sol_bg.jpg) center no-repeat;
	background-size: cover;
	position: relative;
}
.solution1::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.55);*/
}
.solution2{
	height: 100%;
	position: relative;
}
.solution3{
	height: 100%;
	width: calc(100% / 7);
	float: left;
	transition: all .5s;
	border-left: 1px solid #FFFFFF;
	padding: 0 25px;
	display: flex;
	align-items: center;
}
.solution4{
	font-size: 0;
}
.solution5{
	margin-top: 20px;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 28px;
}
.solution6{
	margin-top: 36px;
	width: 33px;
	height: 2px;
	background: #FFFFFF;
}
.solution7{
	display: none;
	margin-top:24px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 28px;
}
.solution8{
	display: none;
	margin-top: 40px;
}
.solution8 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 48px;
	background: rgba(255,255,255,0.21);
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(10px);
	font-weight: 300;
	font-size: 18px;
	color: #FFFFFF;
}
.solution8 a img{
	margin-left: 20px;
}
.solution3.on{
	width: calc(200% / 7);
}
.solution3.on .solution6{
	display: none;
}
.solution3.on .solution7{
	display: block;
}
.solution3.on .solution8{
	display: block;
}
.case{
	margin-top: 100px;
}
.case1{
	margin-top: 60px;
	text-align: center;
}
.case1 span{
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin: 0 15px;
}
.case1 span.on{
	color: #B71117;
	font-weight: bold;
}
.case2{
	margin-top: 60px;
}
.case2 .swiper{
	padding: 0 22%;
}
.case3{
	display: none;
	position: relative;
}
.case4{
	font-size: 0;
	position: relative;
}
.case4::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.case4 > img{
    width: 100%;
}
.case5{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(10px);
	padding: 40px 40px 25px;
}
.case6{
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 28px;
}
.case7{
	margin-top: 35px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 28px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.case2 .swiper-slide-active .case4::before{
	width: 0;
	height: 0;
}
.case2 .swiper-slide-active .case5{
	display: block;
}
.cLeft{
	position: absolute;
	left: 22%;
	top: 50%;
	z-index: 9;
	transform: translate(-38px,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 48px;
	background: rgba(0,0,0,0.44);
}
.cimg1{
	display: none;
}
.cRight{
	position: absolute;
	right: 22%;
	top: 50%;
	z-index: 9;
	transform: translate(38px,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 48px;
	background: rgba(0,0,0,0.44);
}
.cLeft:hover{
	background: #B71117;
	backdrop-filter: blur(10px);
}
.cRight:hover{
	background: #B71117;
	backdrop-filter: blur(10px);
}
.news{
	padding: 116px 0 100px;
}
.news1{
	margin-top: 60px;
}
.news1 ul{
	overflow: hidden;
}
.news1 ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 48px)/3);
	margin-right: 24px;
}
.news1 ul li:nth-child(3n){
	margin-right: 0;
}
.news2{
	font-size: 0;
}
.news3{
	margin-top: 30px;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news3 a{
	color: #333333;
}
.news4{
	margin-top: 14px;
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news5{
	margin-top: 20px;
}
.news5 a{
	font-size: 14px;
	color: #999999;
	line-height: 28px;
}
.news5 a span{
	display: inline-block;
}
.nimg1{
	display: none;
}
.news1 ul li:hover .news3 a{
	color: #B71117;
}
.news1 ul li:hover .news4{
	color: #B71117;
}
.news1 ul li:hover .news5 a{
	color: #B71117;
}
.news1 ul li:hover .nimg{
	display: none;
}
.news1 ul li:hover .nimg1{
	display: block;
}
.footer{
	background-color: #151B26;
	padding: 60px 0 70px;
}
.footer1{
	overflow: hidden;
}
.footer2{
	float: left;
	font-size: 0;
	margin-top: 100px;
}
.footer3{
	float: left;
	margin-left: 100px;
}
.footer4{
	font-weight: 500;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 25px;
}
.footer5{
	margin-top: 16px;
	max-width: 240px;
}
.footer5 a{
	display: inline-block;
	width: 90px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 40px;
	margin-right: 30px;
}
.footer5 a:nth-child(2n){
	margin-right: 0;
}
.footer6{
	margin-top: 16px;
}
.footer6 a{
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 40px;
	margin-right: 30px;
}
.footer7{
	float: right;
}
.footer8{
	margin-top: 16px;
	font-weight: bold;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 40px;
}
.footer9{
	margin-top: 9px;
	max-width: 300px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 24px;
}
.footer10{
	margin-top: 30px;
	font-weight: 500;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 25px;
}
.footer11{
	margin-top: 16px;
	font-size: 0;
}
.footer11 a{
	margin-right: 16px;
}
.beian{
	line-height: 49px;
	background: #1A212D;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}
.beian a{
	color: rgba(255, 255, 255, 0.8);
}
.header_m{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 6;
}
.header_m1{
	overflow: hidden;
}
.logo_m{
	width: 40%;
	float: left;
	margin: 9px 6px;
}
.logo_m img{
	height: 40px;
}
.icon_m{
	width: 10%;
	float: right;
	margin: 19px 6px;
}
.icon_m img{
	height: 20px;
}
.menu_m{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	padding: 23px 7% 0;
}
.menu_m1{
	width: 77%;
}
.menu_m2{
	margin-top: 20px;
}
.menu_m2 ul li{
	list-style-type: none;
	line-height: 40px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 16px;
	padding-left: 6%;
}
.menu_m2 ul li a{
	color: #fff;
}
.menu_m2 ul li a img{
	margin-right: 9px;
	vertical-align: middle;
}
.menu_msub{
	display: none;
	width: 100%;
	padding-left: 20px;
}
.menu_msub a{
	display: block;
	font-size: 14px;
	color: #fff;
}
.innerBanner{
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
	line-height: 42px;
	text-align: left;
}
.innerBanner1{
	margin-top: 27px;
	width: 120px;
	height: 2px;
	background: #FFFFFF;
}
.inNav{
	background: #FFFFFF;
	box-shadow: 0px 2px 20px 0px rgba(215,227,253,0.8);
}
.inNav1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.inNav1 a{
	line-height: 100px;
	display: inline-block;
	font-size: 20px;
	color: #333333;
	padding: 0 10px;
}
.inNav1 a.on{
	font-weight: bold;
	border-bottom: 2px solid #B71117;
}
.intro{
	margin-top: 100px;
}
.intro1{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.intro2{
	margin-top: 100px;
}
.intro3{
	width: 67%;
}
.intro4{
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}
.intro5{
	margin-top: 60px;
	padding: 30px 0;
	background: rgba(56,85,160,0.05);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.culture{
	margin-top: 100px;
	position: relative;
	padding: 40px 0;
}
.culture1{
	font-weight: 600;
	font-size: 24px;
	color: #333333;
	line-height: 60px;
}
.culture1 span{
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 2px solid #B71117;
}
.culture1 code{
	display: inline-block;
	vertical-align: middle;
	font-family: inherit;
}
.mt111{
	margin-top: 111px;
}
.mt40{
	margin-top: 40px;
}
.culture2{
	padding-left: 16px;
	font-size: 30px;
	font-weight: lighter;
	color: #333333;
	line-height: 60px;
	width: 32%;
}
.culture3{
	padding-left: 16px;
	font-size: 24px;
	font-weight: lighter;
	color: #333333;
	max-width: 300px;
	line-height: 40px;
}
.culture3 span{
	display: inline-block;
}
.culture4{
	font-size: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 63.8%;
}
.develop{
	margin-top: 100px;
	padding: 80px 0 114px;
	background: url(../img/dev_bg.png) center no-repeat;
	background-size: cover;
}
.develop1{
	margin-top: 80px;
	position: relative;
	overflow: hidden;
}
.develop2{
	overflow: hidden;
}
.develop3{
	float: left;
	width: 40%;
	font-size: 0;
}
.develop4{
	float: right;
	width: 56%;
}
.develop5{
	margin-top: 18px;
	font-weight: 900;
	font-size: 46px;
	color: #333333;
	line-height: 40px;
}
.develop6{
	margin-top: 24px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.develop7{
	position: absolute;
	right: 0;
	width: 56%;
	bottom: 36px;
	z-index: 9;
}
.develop7 a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.7);
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
}
.develop7 a:hover{
	background-color: #B71117;
	border: 1px solid #B71117;
	color: #fff;
}
.develop8{
	margin-top: 80px;
	border-bottom: 1px solid #9698A3;
	font-size: 0;
	overflow: hidden;
}
.develop9{
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	line-height: 20px;
	text-align: center;
}
.develop10{
	margin: 36px auto 0;
	text-align: center;
}
.develop10 span{
	display: inline-block;
	width: 1px;
	height: 5px;
	background-color: #9698A3;
	position: relative;
}
.develop8 .swiper-wrapper{
	align-items: flex-end;
}
.develop8 .swiper-slide-thumb-active .develop10{
	margin: 19px auto 0;
}
.develop8 .swiper-slide-thumb-active .develop10 span{
	height: 46px;
	background-color: #B71117;
}
.develop8 .swiper-slide-thumb-active .develop10 span::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	width: 11px;
	height: 11px;
	background: #B71117;
	border-radius: 50%;
}
.prospect{
	background: url(../img/qj_bg.png) center no-repeat;
	padding: 100px 0 180px;
	background-size: cover;
}
.prospect1{
	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
}
.prospect2{
	margin-top: 10px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px;
	text-align: center;
}
.prospect2 span{
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 14px;
	background: #FFFFFF;
	margin-right: 5px;
}
.prospect2 code{
	display: inline-block;
	vertical-align: middle;
	font-family: inherit;
}
.prospect3{
	margin-top: 80px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
}
.repurtion{
	padding: 100px 0 80px;
}
.repurtion1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.repurtion2{
	font-size: 16px;
	line-height: 32px;
}
.repurtion2 a{
	color: #666666;
	margin-left: 60px;
}
.repurtion2 a.on{
	color: #B71117;
	font-weight: bold;
}
.repurtion3{
	margin-top: 60px;
}
.repurtion4{
	display: none;
	overflow: hidden;
}
.repurtion5{
	float: left;
	width: 28.4%;
}
.repurtion6{
	border: 1px solid #F1F1F1;
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 20px;
	color: #333333;
	margin-top: 14px;
}
.repurtion6:first-child{
	margin-top: 0;
}
.repurtion6 img{
	margin-right: 20px;
}
.repurtion7{
	float: right;
	width: 67.2%;
	overflow: hidden;
}
.repurtion8{
	float: left;
	width: calc((100% - 48px)/3);
	margin-right: 24px;
	position: relative;
}
.repurtion8:nth-child(3n){
	margin-right: 0;
}
.repurtion9{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.14);
	backdrop-filter: blur(10px);
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	padding: 20px 35px;
}
.certificate{
	background-color: #F9F9FC;
	padding: 66px 0 88px;
}
.certificate1{
	text-align: center;
}
.certificate1 a{
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin: 0 50px;
}
.certificate1 a.on{
	color: #B71117;
	font-weight: bold;
}
.certificate2{
	display: none;
	margin-top: 60px;
}
.certificate2{
	font-size: 0;
	position: relative;
}
.certificate3{
	border: 1px solid #A3A9C3;
	padding: 24px;
}
.c_left{
	position: absolute;
	left: -72px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.7);
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}
.c_left:hover{
	background-color: #B71117;
	border: 1px solid #B71117;
	color: #fff;
}
.c_right{
	position: absolute;
	right: -72px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.7);
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}
.c_right:hover{
	background-color: #B71117;
	border: 1px solid #B71117;
	color: #fff;
}
.inpro{
	padding: 100px 0;
}
.inpro1{
	margin-top: 60px;
	text-align: center;
}
.inpro1{
	margin-top: 60px;
	text-align: center;
}
.inpro1 a{
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin: 0 15px;
}
.inpro1 a.on{
	color: #B71117;
	font-weight: bold;
}
.inpro4 ul{
	overflow: hidden;
}
.inpro4 ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 48px)/3);
	margin-right: 24px;
	margin-top: 60px;
}
.inpro4 ul li:nth-child(3n){
	margin-right: 0;
}
.inpro5{
	font-size: 0;
	position: relative;
	height: 300px;
	padding: 20px;
	border: 1px solid #CCCCCC;
}
.inpro5 img{
    width: 100%;
    height: 100%;
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 50%;*/
	/*transform: translate(-50%,-50%);*/
	/*max-width: 80%;*/
	/*max-height: 90%;*/
}
.inpro6{
	margin-top: 30px;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.inpro7{
	margin-top: 14px;
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	height: 56px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inpro8{
	margin-top: 20px;
	font-size: 14px;
	color: #999999;
	line-height: 28px;
}
.inpro8 code{
	font-family: inherit;
	display: inline-block;
	vertical-align: middle;
}
.inpro8 span{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.p_arrow1{
	display: none;
}
.inpro4 ul li:hover .inpro5{
	border: 1px solid #B71117;
}
.inpro4 ul li:hover .inpro6{
	color: #B71117;
}
.inpro4 ul li:hover .inpro7{
	color: #B71117;
}
.inpro4 ul li:hover .inpro8{
	color: #B71117;
}
.inpro4 ul li:hover .p_arrow{
	display: none;
}
.inpro4 ul li:hover .p_arrow1{
	display: block;
}
.page{
	margin-top: 100px;
	text-align: right;
}
.page a{
	margin-left: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #272848;
	border-radius: 3px;
}
.page a.on{
	background-color: #D80610;
	border: 1px solid #D80610;
	color: #fff;
}
.inNews{
	font-size: 0;
}
.newsDeta{
	font-weight: bold;
	font-size: 36px;
	color: #333333;
	line-height: 40px;
}
.newsDeta1{
	margin-top: 25px;
	font-size: 14px;
	color: #333333;
	line-height: 19px;
}
.newsDeta2{
	margin-top: 30px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.newsDeta2 p{
	margin-top: 20px;
}
.newsDeta3{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newsDeta4{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 42px;
}
.newsDeta5 a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.7);
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
}
.newsDeta5 a:hover{
	background-color: #B71117;
	border: 1px solid #B71117;
	color: #fff;
}
.newsDeta6{
	margin-top: 45px;
}
.newsDeta7:hover .inpro5{
	border: 1px solid #B71117;
}
.newsDeta7:hover .inpro6{
	color: #B71117;
}
.newsDeta7:hover .inpro7{
	color: #B71117;
}
.newsDeta7:hover .inpro8{
	color: #B71117;
}
.newsDeta7:hover .p_arrow{
	display: none;
}
.newsDeta7:hover .p_arrow1{
	display: block;
}
.inCase{
	padding: 1px 24px 40px;
	border: 1px solid #CCCCCC;
}
.join{
	overflow: hidden;
}
.join1{
	float: left;
	font-size: 0;
	width: 49%;
}
.join2{
	float: right;
	width: 47%;
}
.join3{
	margin-top: 49px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}
.join4{
	margin-top: 30px;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}
.join4 span{
	display: inline-flex;
	align-items: center;
	margin-right: 20px;
}
.join4 img{
	margin-right: 5px;
}
.join5{
	margin-top: 100px;
	font-weight: 500;
	font-size: 32px;
	color: #333333;
	line-height: 32px;
	text-align: center;
}
.join6{
	margin-top: 80px;
}
.join6 ul{
	zoom: 1;
}
.join6 ul:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.join6 ul li{
	list-style-type: none;
	float: left;
	margin-top: 32px;
	margin-right: 32px;
	width: calc((100% - 32px)/2);
	border: 1px solid #EDEDEE;
	display: flex;
	align-items: flex-start;
	padding: 40px;
}
.join6 ul li:nth-child(2n){
	margin-right: 0;
}
.join7{
	width: 100px;
	font-weight: bold;
	font-size: 66px;
	color: #434A52;
	line-height: 86px;
	position: relative;
	margin-right: 16px;
}
.join7::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: #434A52;
}
.join8{
	flex: 1;
}
.join9{
	font-weight: 600;
	font-size: 24px;
	color: #333333;
	line-height: 33px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.join9 span{
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.join10{
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.join6 ul li:hover{
	box-shadow: 0px 2px 20px 0px rgba(80,88,121,0.1);
}
.join6 ul li:hover .join7{
	color: #B71117;
}
.join6 ul li:hover .join7::before{
	background-color: #B71117;
}
.map{
	margin-top: 60px;
}
.inContact{
	margin-top: 30px;
}
.inContact ul{
	overflow: hidden;
}
.inContact ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 40px)/3);
	margin-right: 20px;
	margin-top: 30px;
	border: 1px solid #CCCCCC;
	padding: 40px 0 60px;
}
.inContact ul li:nth-child(3n){
	margin-right: 0;
}
.inContact1{
	font-size: 0;
	text-align: center;
}
.inContact2{
	margin-top: 30px;
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	text-align: center;
}
.inContact3{
	margin-top: 5px;
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	text-align: center;
}
.inContact4{
	margin-top: 80px;
	font-weight: bold;
	font-size: 36px;
	color: #333333;
	line-height: 47px;
}
.inContact5{
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.inContact5 input{
	height: 60px;
	background: #F5F6F9;
	padding: 0 25px;
	width: calc((100% - 40px)/3);
	font-size: 18px;
}
.inContact6{
	margin-top: 20px;
}
.inContact6 textarea{
	padding: 18px 13px;
	height: 323px;
	background: #F5F6F9;
	width: 100%;
	resize: none;
	border: none;
}
.inContact7{
	margin-top: 40px;
}
.inContact7 input{
	width: 159px;
	height: 51px;
	background: #B71117;
	border-radius: 25px;
	font-size: 18px;
	color: #FFFFFF;
}
.zhfa{
	margin-top: 110px;
}
.zhfa1{
	overflow: hidden;
}
.zhfa2{
	float: left;
	font-size: 0;
	width: 42%;
	position: relative;
	height: 488px;
	border: 1px solid #CCCCCC;
}
.zhfa2 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
}
.zhfa3{
	float: right;
	width: 54%;
}
.zhfa4{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 42px;
}
.zhfa5{
	margin-top: 30px;
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}
.zhfa5 span{
	margin-right: 10px;
	width: 12px;
	height: 12px;
	background: #B71117;
}
.zhfa6{
	margin-top: 10px;
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.zhfa6 span{
	display: inline-block;
	width: 33%;
}
.content{
	margin-top: 100px;
}
.content1{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 42px;
	text-align: center;
}
.content2{
	font-size: 0;
	text-align: center;
}
.manage{
	margin-top: 50px;
	font-size: 0;
	text-align: center;
	/* padding: 80px 0 130px;
	background: linear-gradient( 246deg, #0435CB 0%, #3D7CD8 100%); */
}
.manage1{
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
	line-height: 42px;
	text-align: center;
}
.manage2{
	margin-top: 80px;
	overflow: hidden;
}
.manage3{
	float: left;
	font-size: 0;
	width: 51.2%;
	margin-top: 25px;
}
.manage4{
	float: right;
	width: 43.8%;
}
.manage4 ul{
	font-size: 0;
}
.manage4 ul li{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	margin-right: 70px;
	width: calc((100% - 140px)/3);
	margin-bottom: 50px;
}
.manage4 ul li:nth-child(3n){
	margin-right: 0;
}
.manage5{
	font-size: 0;
	text-align: center;
}
.manage6{
	margin-top: 30px;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}
.manage7{
	margin-top: 14px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}
.sjcp{
	margin-top: 100px;
}
.sjcp1{
	margin-top: 100px;
	position: relative;
}
.sjcp2{
	margin: 0 auto;
	width: 219px;
	height: 219px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sjcp3{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	text-align: center;
}
.sjcp3 img{
	display: block;
	margin: 0 auto 10px;
}
.sLeft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.s_img1{
	display: none;
}
.sLeft:hover .s_img{
	display: none;
}
.sLeft:hover .s_img1{
	display: block;
}
.sRight{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.sRight:hover .s_img{
	display: none;
}
.sRight:hover .s_img1{
	display: block;
}
.advan{
	margin: 100px 0;
}
.advan1{
	margin-top: 35px;
}
.advan1 ul li{
	margin-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.advan1 ul li:nth-child(2n){
	flex-direction: row-reverse;
}
.advan2{
	font-size: 0;
	width: 50%;
}
.advan3{
	width: 50%;
	padding: 0 40px;
	display: flex;
	align-items: flex-start;
}
.advan4{
	width: 76px;
	height: 76px;
	background: #B71117;
	margin-right: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 76px;
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
}
.advan5{
	flex: 1;
}
.advan6{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 28px;
}
.advan7{
	margin-top: 20px;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
}
.relCase{
	background: #F9F9FC;
	padding: 80px 0 64px;
}
.relCase1{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 48px;
}
.relCase2{
	margin-top: 60px;
	position: relative;
}
.relCase3{
	font-size: 0;
	text-align: center;
}
.relCase4{
	margin-top: 30px;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	text-align: center;
}
.relLeft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.relLeft:hover .s_img{
	display: none;
}
.relLeft:hover .s_img1{
	display: block;
}
.relRight{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.relRight:hover .s_img{
	display: none;
}
.relRight:hover .s_img1{
	display: block;
}
.proDeta{
	padding: 100px 0;
}
.proDeta1{
	overflow: hidden;
}
.proDeta2{
	float: left;
	width: 55%;
	overflow: hidden;
}
.proDeta3{
	float: right;
	width: 80%;
}
.gallery-top1{
	overflow: hidden;
}
.proDeta4{
	font-size: 0;
	height: 550px;
	position: relative;
}
.proDeta4 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	/*max-width: 90%;*/
	/*max-height: 90%;*/
}
.proDeta6 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
}
.proDeta5{
	float: left;
	height: 550px;
	width: 16%;
	padding: 71px 0;
	position: relative;
}
.proDeta5 .gallery-thumbs1{
	height: 100%;
	overflow: hidden;
}
.proDeta6{
	font-size: 0;
	border: 1px solid #CCCCCC;
	height: 128px;
	position: relative;
}
.proDeta6 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
}
.pro_left{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 9;
	width: 100%;
	font-size: 16px;
	color: #999999;
	line-height: 28px;
	text-align: center;
}
.pro_right{
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 9;
	width: 100%;
	font-size: 16px;
	color: #999999;
	line-height: 28px;
	text-align: center;
}
.proDeta2 .swiper-slide-thumb-active .proDeta6{
	border: 1px solid #B71117;
}
.proDeta7{
	float: right;
	width: 42%;
}
.proDeta8{
	margin-top: 78px;
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 28px;
}
.proDeta9{
	margin-top: 48px;
	font-size: 20px;
	color: #999999;
	line-height: 28px;
}
.proDeta10{
	margin-top: 30px;
	font-size: 20px;
	color: #999999;
	line-height: 28px;
	padding-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.proDeta11{
	margin-top: 60px;
}
.proDeta11 a{
	display: block;
	width: 169px;
	height: 48px;
	background: #B71117;
	border-radius: 24px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}
.too{
	font-size: 0;
	text-align: center;
	/* background: url(../img/too_bg.png) center no-repeat;
	background-size: cover;
	padding: 80px 0 140px; */
}
.too1{
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
	line-height: 48px;
}
.too2{
	margin: 171px auto 0;
	font-size: 0;
	position: relative;
	width: 777px;
	height: 401px;
}
.too_font{
	position: relative;
}
.too_font1{
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 32px;
	white-space: nowrap;
}
.too_font2{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
	width: 300px;
}
.tr{
	text-align: right;
}
.too3{
	position: absolute;
	top: -135px;
	left: 709px;
}
.too3 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	right: calc(100% + 20px);
	width: 116px;
	height: 1px;
	background-color: #FFFFFF;
}
.too3 .too_font::after{
	content: '';
	position: absolute;
	top: 35px;
	right: calc(100% + 136px);
	width: 1px;
	height: 110px;
	background-color: #FFFFFF;
}
.too4{
	position: absolute;
	top: 18px;
	right: calc(100% + 49px);
}
.too4 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	left: calc(100% + 12px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.too5{
	position: absolute;
	top: 18px;
	left: calc(100% + 53px);
}
.too5 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	right: calc(100% + 5px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.too6{
	position: absolute;
	top: 160px;
	right: calc(100% + 49px);
}
.too6 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	left: calc(100% + 12px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.too7{
	position: absolute;
	top: 160px;
	left: calc(100% + 53px);
}
.too7 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	right: calc(100% + 5px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.too8{
	position: absolute;
	top: 285px;
	right: calc(100% + 49px);
}
.too8 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	left: calc(100% + 12px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.too9{
	position: absolute;
	top: 285px;
	left: calc(100% + 53px);
}
.too9 .too_font::before{
	content: '';
	position: absolute;
	top: 35px;
	right: calc(100% + 5px);
	width: 75px;
	height: 1px;
	background-color: #FFFFFF;
}
.setting{
	padding: 80px 0;
}
.setting1{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 48px;
}
.setting2{
	margin-top: 60px;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
}
.setting3{
	display: flex;
	border-bottom: 1px solid #CCCCCC;
}
.setting2 span{
	width: 305px;
	border-right: 1px solid #CCCCCC;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.setting2 code{
	font-family: inherit;
	flex: 1;
	padding: 0 20px 0 100px;
	min-height: 60px;
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}
.relGoods{
	margin-top: 60px;
	position: relative;
}
.relGoods1{
	font-size: 0;
	text-align: center;
	position: relative;
	height: 220px;
	border: 1px solid #CCCCCC;
}
.relGoods1 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
}
.relGoods2{
	margin-top: 24px;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
	text-align: center;
}
.proLeft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.proLeft:hover .s_img{
	display: none;
}
.proLeft:hover .s_img1{
	display: block;
}
.proRight{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
.proRight:hover .s_img{
	display: none;
}
.proRight:hover .s_img1{
	display: block;
}
.rel_fa{
	padding: 40px 0;
}
.rel_fa1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.rel_fa2{
	font-size: 0;
	width: 58.8%;
}
.rel_fa3{
	width: 39%;
}
.rel_fa4{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 48px;
}
.rel_fa5{
	margin-top: 60px;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 36px;
}
.rel_fa6{
	margin-top: 24px;
	font-size: 20px;
	color: #666666;
	line-height: 40px;
}
.rel_fa6 a{
	color: #B71117;
}
.addStre{
    margin-top: 50px;
    height: 100vh;
    padding: 40px 0;
    position: relative;
}
.addStre1{
    text-align: center;
}
.titletext {
    font-size: 36px;
    color: #fff;
    margin: 0 10px;
}
.dian {
    background: #d43f36;
    border-radius: 5px;
    display: inline-block;
    height: 10px;
    margin-bottom: 6px;
    width: 10px;
}
.addStre2{
    height: 2px;
    margin: 8px auto 0;
    width: 72px;
    background: #d43f36;
}
.addStre3{
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 20px;
    color: #FFFFFF;
    text-align: center;
}
.addStre4{
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(42, 79, 163, .9);
    color: #fff;
    font-size: 24px;
    height: 72px;
    left: 50%;
    line-height: 72px;
    position: absolute;
    text-align: center;
    top: 50vh;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 968px;
    z-index: 100;
}
.addStre5{
    margin: 37vh auto 0;
    padding-top: 5vh;
    position: relative;
    z-index: 3;
}
.addStre5 ul {
    align-items: stretch;
    display: flex;
    height: 324px;
    justify-content: space-between;
}
.addStre5 ul li {
    background: #f9f9f9;
    border-radius: 4px;
    border-top: 6px solid #2a4fa3;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0, 0, 0, .1), 0 5px 5px 0 rgba(0, 0, 0, .09), 0 11px 7px 0 rgba(0, 0, 0, .05), 0 20px 8px 0 rgba(0, 0, 0, .01), 0 31px 9px 0 transparent;
    height: 380px;
    overflow: hidden;
    padding: 20px;
    transition: transform .3s;
    width: 255px;
}
.addStre6{
    font-size: 0;
    height: 60px;
}
.addStre7{
    color: #2a4fa3;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
}
.addStre8{
    color: #555;
    font-size: 14px;
    margin-top: 16px;
    line-height: 24px;
    max-height: 168px;
}
.addStre5 ul li:hover{
    transform: scale(1.1);
}
.bottom_img {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    height: 50vh;
    left: 0;
    position: absolute;
    width: 100%;
}
.project{
	background: url(../img/add_bg1.jpg) center no-repeat;
	padding: 40px 0;
	background-size: cover;
}
.project1{
    margin: 30px auto 0;
    max-width: 760px;
    padding-bottom: 20px;
    border-bottom: 1px solid #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project2{
    border: 1px solid #78d1fd;
    border-radius: 200px;
    color: #fff;
    margin: 15px;
    width: 160px;
    padding: 4px 35px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.project2.on{
    background: #78d1fd;
    color: #002643;
    font-weight: 700;
}
.project3{
    max-width: 1200px;
    margin: 30px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.project4{
    width: 800px;
    margin-right: 40px;
    align-content: space-between;
    display: none;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.project4.show{
    display: flex !important;
}
.project5 {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    height: 190px;
    overflow: hidden;
    position: relative;
    width: 245px;
    margin-right: 32px;
}
.project5:nth-child(3n){
    margin-right: 0;
}
.project5:nth-child(n+4){
    margin-top: 30px;
}
.project6{
    height: calc(100% - 40px);
    overflow: hidden;
    width: 100%;
}
.project6 img{
    height: 100%;
    max-width: 200%;
}
.project7{
    background: #6b8fb5;
    color: #fff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project8{
    flex: 1;
}
.project9 {
	display: none;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 4px;
    height: 138px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 18px;
}
.project10 {
    border-bottom: 1px solid #7c7c7c;
    color: #cfedff;
    font-size: 17px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.project10 img{
    margin-right: 6px;
}
.project11{
    height: 95px;
}
.project11 .swiper{
    height: 100%;
}
.project12{
    padding: 19px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project13{
    font-size: 0;
    margin-right: 20px;
}
.project13 img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
.project14{
    flex: 1;
}
.project15{
    color: #fff;
    font-size: 17px;
}
.project15 span{
    margin-left: 6px;
    font-size: 12px;
}
.project16{
    color: #999;
    display: -webkit-box;
    font-size: 16px;
    padding-top: 4px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project17{
    background: hsla(0, 0%, 100%, .12);
    border-radius: 4px;
    height: 410px;
    overflow: hidden;
    padding: 0 18px;
}
.project18{
    height: 362px;
}
.project18 .swiper{
    height: 100%;
}
.project19{
    color: #fff;
    font-size: 16px;
}
.project20{
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #FFFFFF;
}
.project21 {
    border-bottom: 1px dashed #7c7c7c;
    padding: 8px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}