/* public css */
.pic-box{
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.pic-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box-width{
	width: 1600px;
	margin:0 auto
}

.left,.right{
	width: 50%;
}

.contain-wrapper{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
}
.contain-box{
	width:100%;
	padding: 50px 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
}
.main-box{
	width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width:1600px){
	.box-width{
		width: 95%;
		margin:0 auto;
		min-width:1300px
	}
	.main-box{
		width: 95%;
		margin: 0 auto;
		min-width: 1300px;
	}
}
.more:hover{
	background:#e10406!important;
}
/* public css end */
/* header css */
header{
	width: 100%;
	background: #0060b0;
}
.tophead{
	line-height: 40px;
	width: 100%;
	height: 100px;
	background: #fff;
}
.tophead .textbox{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.tophead .textbox p a{
	display:inline-block;
	margin:0 10px;
}
.head{
	display: flex;
	justify-content: space-between;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #000;
}
.toplogo{
	height: 100%;
	display: flex;
	align-items: center;
	padding: 5px;
	margin: 0 auto;
	justify-content: space-between;
}
.toplogo .pic-box{
	width: 30%;
	object-fit: cover;
}
.topcon{
	font-size: 18px;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	height: 90%;
	display: flex;
	align-items: center;
}
.topcon p{
	display:flex;
	align-items: flex-end;
	color: #e10406;
	font-weight: bold;
}
.topcon span{
	font-size: 30px;
	color: ;
}
.topcon p img{
	width: 40px;
	margin-right: 15px;
	filter: brightness(0);
}
.topcon p:nth-child(2){
	font-size:25px;
	font-weight: bold;
}
.toplogo img{
	height: 100%;
	width: auto;
}
.toplogo>p{
	font-size: 16px;
	letter-spacing: 3px;
	position:relative;
	padding: 5px 0;
	text-align: center;
	height: 100%;
	line-height: 34px;
}
.toplogo>p:before{
	position:absolute;
	background:#d10e14;
	height:3px;
	width: 100%;
	content:'';
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
}
.toplogo>p span{
	font-size: 24px;
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(-45deg,#0060b0,#5c82d0,#004782);
}
.topnav{
	height:100%;
	font-size: 17px;
	display: flex;
	width: 100%;
	justify-content: space-around;
	color: #fff;
}
.topnav>li{position: relative;width: 16%;text-align: center;background: linear-gradient(-30deg,#0060b0,#004680);}
.topnav>li:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	height:60%;
	/* background: #ffffff4d; */
	width:1px;
	margin:auto;
}
.topnav>li:nth-child(1):after{
	display:none;
}
.topnav>li:after{
	content:'';
	position:absolute;
	top:7px;
	bottom:0;
	right:15%;
	height:0;
	margin:auto;
	border:5px transparent solid;
	border-top-color:white;
}
@media screen and (max-width:1400px){
	.topnav>li{
	padding: 0 15px;
	position:relative;
}
}
.topnav li a{
	display:block;
	height:100%;
	width:100%;
	transition:none;
}
.topnav>li:hover,
.topnav>li.active{
	background: #e10406;
	color:#fff;
}
.topnav .subnav{
	display: none;
	position:absolute;
	left:0;
	top: 50px;
	z-index:10;
	line-height: 50px;
	background: #0060b0;
	color:#fff;
	font-size:14px;
	width:100%;
	text-align: center;
	border-top: 1px #fff solid;
}
.topnav>li:hover .subnav{
	display:block;
}
.topnav .subnav>li:hover{
	background: #e10406;
}
.contain-title{
	font-size:35px;
	color:#000;
	font-weight: bold;
	text-align: center;
	width:100%;
	position: relative;
	margin-bottom: 50px;
}
.contain-title:before{
	position:absolute;
	background: linear-gradient(45deg, #0060b0, #95c2e7,#2573b5);
	height:3px;
	width:100px;
	content:'';
	bottom:-20px;
	left:0;
	right:0;
	margin:auto auto;
}
/* banner css */
.banner{
	width: 100%;
	overflow-x: hidden;
	overflow-y: clip;
	position:relative;
}
.banner .pic-box{
	width: 100%;
}
.banner .swiper-slide-active .pic-box img{
	transform:scale(1.2);
	animation:banshow 3s forwards;
}
@keyframes banshow{
	0%{
		transform:scale(1.2);
		opacity:1;
	}
	15%{
		opacity:0.8;
	}
	20%{
		opacity:1
	}
	100%{
		transform:scale(1);
	}
}
.bannerbox .textbox{
	position: absolute;
	bottom: -50px;
	background: linear-gradient(-45deg,#0060b0,#004b89);
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 20px 30px;
	align-items: center;
	z-index: 100;
	left: 0;
	right: 0;
	width: 1200px;
	margin: auto;
	border-top-right-radius: 10px;
	border-top-left-radius: 20px;
}
.bannerbox{
	position:relative;
}
.bannerbox .swiper-pagination{
	bottom: 80px!important;
}
.bannerbox .swiper-pagination span{
	width:10px;
	height:10px;
	background:#fff;
}
.bannerbox .textbox p:nth-child(1){
	font-size: 22px;
	line-height: 38px;
}
.bannerbox .textbox p:nth-child(2){
	font-size: 13px;
}
/* product css */
.propagin{
	width: 100%;
}
.propagin p{
	width:100%;
	border: 1px #3333332e solid;
	color: #000;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}
.propagin .swiper-slide-thumb-active p{
	background: linear-gradient(45deg, #ff1a1c, #ff0003b8,#ff1a1b,#e10406b0);
	color:#fff;
	border-color:#fff;
	transition: none;
}
.proscreen{
	margin-top:40px;
	overflow: hidden;
}
.proscreen .proshow{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.proshow .showbox{
	width: 23%;
	margin-right: 2%;
	margin-bottom: 35px;
	overflow: hidden;
	position: relative;
	height: 430px;
}
.proshow .showbox:hover img{
	/* transform:scale(1.2); */
}
.proshow .showbox .pic-box{
	height: 100%;
	width: 100%;
	position:relative;
}
.proshow .showbox .pic-box:before{
	position:absolute;
	height:100%;
	width:50px;
	content:'';
	background: linear-gradient(45deg, #fff, #ffffff5e,#ffffff8c);
	top:0;
	left: -50%;
	display:block;
	transform: skewX(-20deg);
	z-index: 10;
}
.proshow .showbox:hover .pic-box:before{
	transition: 0.7s linear;
	left: 120%;
}
.proshow .showbox p{
	font-size:18px;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(-45deg,#0060b0,#004782);
	color:#fff;
	background: #303030e3;
	position: absolute;
	bottom: -40px;
	width: 100%;
}
.proshow .showbox:hover p{
	bottom:0;
}
/* addbox css */
.addbox{
	background-image: url(../images/adbg.jpg);
	background-attachment: fixed;
}
.addbox:before{
	background:#1a82d863;
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.addbox .contain-title{
	color:#fff;
}
.addshow{
	position: relative;
	width:100%;
}
.addbox .showgroup{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
	align-items: flex-start;
	position: relative;
	margin-bottom: 20px;
	height: 300px;
}
.addbox .showgroup .left{
	height:100%;
	width: 40%;
}
.addbox .showgroup .left .pic-box{
	width:100%;
	height: 100%;
}
.addbox .showgroup .left .pic-box img{
	height: auto;
}
.addbox .showgroup .right{
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 55%;
}
.addbox .showgroup .showbox{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 50px 80px 50px 30px;
	background: #00000099;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.addbox .showgroup .showbox b{
	font-size: 200px;
	position:absolute;
	bottom: -40px;
	right: 0px;
	display:block;
	transform: skewX(340deg);
	font-family: cursive;
	color: #ff575763;
}
.addbox .showgroup .titgroup{
	font-size: 28px;
	font-weight: bold;
	position: relative;
	padding-left: 10px;
	border-left: 10px #ff5757 solid;
}
.addbox .showgroup .textbox{
	font-size: 18px;
	line-height: 35px;
	margin-top: 20px;
	position: relative;
	letter-spacing: 1px;
	z-index: 10;
}
.addbox .showgroup:nth-child(even){
	flex-direction: row-reverse;
	color: #fff;
}
.addbox .showgroup:nth-child(even) .right .showbox{
	flex-direction: column;
	text-align: right;
	padding: 50px 30px 50px 80px;
}
.addbox .showgroup:nth-child(even) .right .showbox .titgroup{
	padding-right:10px;
	border-right: 10px #ff5757 solid;
	border-left:none;
}
.addbox .showgroup:nth-child(even) .right .showbox b{
	right:unset;
	
}
/* aboutus css*/
.abusbox{
	/* background-image:url(../images/abbg.png); */
}
.abshow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.abshow .left{
	padding:40px;
	width: 58%;
}
.abshow .tit{
	font-size:28px;
	font-weight: bold;
}
.abshow .tit span{
	margin:0 10px;
	color: #e10406;
}
.abshow p.tit:nth-child(2){
	margin-left:100px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 3px #e10406 solid;
}
.abshow .textbox{
	overflow: hidden;
	padding: 10px;
	line-height: 40px;
	font-size:16px;
	margin-top: 40px;
	padding-right: 100px;
}
.abshow .more{
	display: block;
	line-height: 40px;
	width:120px;
	background:#0060b0;
	color:#fff;
	text-align: center;
	font-size:14px;
}
.abshow .bottombox{
	width: 100%;
	display:flex;
	margin-top: 90px;
	justify-content: space-between;
}
.abshow .bottombox .showbox{
	width:33.33%;
	display:flex;
	font-size:16px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.abshow .bottombox .showbox .num{
	margin-right: 10px;
	text-align: center;
	font-size: 16px;
}
.abshow .bottombox .showbox .num span{
	font-size:50px;
	font-weight:bold;
	color: #e10406;
	margin: 10px;
}
.abshow .right{
	width: 42%;
	display: flex;
	align-items: center;
}
.abshow .right .pic-box{
	width: 100%;
	/* height: 700px; */
	margin:0 auto
}
.abshow .right .pic-box img{
	height:100%;
	width: 100%;
	object-fit: cover;
}
.grodshow{
	width:100%;
	overflow: hidden;
	margin-top:50px;
}
.grodshow .showbox{
	position:relative;
}
.grodshow .showbox .pic-box{
	width:100%;
	height: 250px;
}
.grodshow .showbox .pic-box img{
	height:100%;
	width:auto;
}
.grodshow .showbox p{
	width: 50%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: linear-gradient(45deg, #0060b085, #1a82d836);
	position: absolute;
	bottom: 0;
	font-size: 15px;
	letter-spacing: 2px;
	/* display: none; */
	background: #004681ad;
}
/* speshow css */
.spebox{
	color:#fff;
	text-align: center;
	padding-bottom: 160px;
	margin-top: 40px;
	margin-bottom: 120px;
	background-image: url(../images/typebg.jpg);
}
.spebox:before{
	background: linear-gradient(45deg, #00000096, #373737);
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.iconbox{
	position:absolute;
	width: 1000px;
	left:0;
	right:0;
	background: #216aa7;
	bottom: -80px;
	margin: auto;
	display: flex;
	padding:0 20px;
	border-radius: 10px;
}
.iconbox .showbox{
	width: 25%;
	border-right: 1px #fff;
	height: 180px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:16px;
	text-align: center;
	flex-direction: column;
}
.iconbox .showbox:hover img{
	transform:rotateY(360deg)
}
.iconbox .showbox .pic-box{
	width: 100px;
	margin-bottom:20px;
	background: #fff;
	border-radius: 50%;
	padding: 15px;
}
.speshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	position:relative;
	z-index:10;
}
.speshow .tit{
	width:100%;
	font-size: 35px;
	line-height:30px;
	margin-bottom:50px
}
.speshow .tit span{
	opacity:0.6;
	font-size:20px;
}
.speshow .showbox{
	width: 13%;
	margin: 20px 3.5%;
	background-color: #214ecd00;
	color: #000;
	border-radius: 20px;
	line-height: 50px;
	font-size: 18px;
	display: flex;
	color:#fff;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	padding: 10px;
}
.speshow .showbox .pic-box{
	width: 45%;
	margin-bottom: 10px;
}
/* caseshow css */
.caseshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap
}
.caseshow .showbox{
	width: 23%;
	position: relative;
	height: 400px;
}
.caseshow .showbox .pic-box{
	height:100%;
	width:100%;
}
.caseshow .showbox .pic-box img{
	width: 100%;
	min-width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseshow .showbox p{
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background-color: #0060b085;
	bottom: 0;
}
.caseshow .showbox:nth-child(1),
.caseshow .showbox:nth-child(2),
.caseshow .showbox:nth-child(3){
	width: 32%;
	margin-bottom: 30px;
}
.caseshow .showbox:hover img{
	transform:scale(1.2)
}
.casebox .more{
	display: block;
	width: 200px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #216aa7;
	border-radius: 10px;
	margin: 20px auto;
	font-size: 17px;
}
/* news css */
.newsshow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newsshow .showbox:nth-child(1){
	width: 100%;
	display: flex;
	flex-direction: row;
	box-shadow: 10px 5px 20px #00000047;
	margin-bottom: 3%;
}
.newsshow .showbox:nth-child(1) .pic-box{
	width: 48%;
	height: auto;
}
.newsshow .showbox:nth-child(1) .textbox{
	width: 52%;
	padding: 50px;
	height: 100%;
}
.newsshow .showbox{
	width: 32%;
	position: relative;
	display: block;
}
.newsshow .showbox .pic-box{
	height: 280px;
	width:100%;
}
.newsshow .showbox .textbox{
	width:100%;
	padding: 20px;
	background-color: #fff;
	color: #000;
	height: 150px;
	overflow: hidden;
}
.newsshow .showbox:hover .textbox{
	background-color: #0060b0;
	color:#fff;
}
.newsshow .showbox .textbox .newtit{
	font-size: 22px;
	margin-bottom: 10px;
	transition: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.newsshow .showbox .textbox .newtit span{
	margin-right:15px;
	font-size:16px;
	color:#0060b0;
	font-weight: bold;
}
.newsshow .showbox:hover .textbox span{
	color:#fff;
}
.newsshow .showbox .textbox .intro{
	font-size: 17px;
	line-height: 35px;
	transition: none;
}
.newsbox .more{
	display: block;
	width: 200px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #0060b0;
	border-radius: 10px;
	margin: 20px auto;
	font-size: 17px;
}
/* footer */
footer{
	width:100%;
	color:#fff;
	background: #1d1d1d;
	padding: 50px 0 0px;
}
footer .footer{
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}
footer .footer .left{
	width:65%;
	border-right: 1px #8b8b8b solid;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
footer .footer .left .contactnum{
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	align-items: flex-end;
	padding-right: 5%;
}
footer .footer .left .contactnum p{
	font-size:16px;
	margin: 10px;
}
.footnav{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footnav>li{
	width: 20%;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	height: auto;
}
.footnav>li:nth-last-child(1){
	display:none;
}
.footnav>li:nth-last-child(3){
	display:none;
}
.footnav li a{
	width:100%;
	height: auto;
	display:block;
}
.footnav li .subnav{
	margin-top:10px;
	font-size:14px;
	opacity: 0.7;
	width:100%
}
.footcontact{
	width:35%;
	padding-left: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
	align-items: flex-end;
}
.footcontact .contacttext{
	width: 47%;
}
.footcontact .pic-box{
	width: 75%;
	margin-bottom: 30px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	display: none;
}
.footcontact p{
	line-height:40px;
	font-size:40px;
	font-size: 14px;
}
.footcontact p span{
	font-weight:700
}
.fewm{
	width: 28%;
	text-align: center;
	margin-left: 2%;
}
.fewm img{
	width:100%;
}
.finalbox{
	text-align:center;
	padding:15px 0;
	color: #fff;
	background:#000;
	font-size: 14px;
}
/* nyabout css */
.nyabout{
	margin-top:50px;
}
.nyabout h1,
.nyabout h2{
	font-size: 30px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.nyabdetail{
	margin-bottom: 100px;
	border: 5px #0060b0 solid;
	padding-top: 25px;
	/* border-bottom: none; */
	border-radius: 20px;
	width: 100%;
}
.nyabdetail .textbox{
	font-size:16px;
	line-height: 30px;
	padding: 40px;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}
.nyabdetail .numbox{
	width: 100%;
	background-image:url(../images/typebg.jpg);
	position: relative;
	height: 200px;
	display: flex;
	justify-content: space-around;
	background-position: center;
}

.nyabdetail .numbox:before{
	background: linear-gradient(45deg, #00000080, #0060b069);
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.nyabdetail .numbox .showbox{
	width: 20%;
	font-size: 20px;
	color: #fff;
	background: #0060b0;
	position: relative;
	top: 100px;
	height: 150px;
	margin: 0 1.5%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
}
.nyabdetail .numbox .top{
	width: 100%;
	text-align: center;
	font-size: 16px;
}
.nyabdetail .numbox .top b{
	font-size: 50px;
}
.nyabdetail .numbox .bottom{
	font-size: 20px;
	text-align: center;
}
.nycomshow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nycomshow .showbox{
	width: 32%;
	margin: 10px 0;
	height: auto;
	position: relative;
	overflow: hidden;
}
.nycomshow .showbox:hover img{
	transform:scale(1.2)
}
.nycomshow .showbox p{
	font-size: 16px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}
.abhonorbox{
	margin-top:40px;
}
.abhonorshow{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.abhonorshow .showbox{
	width:23%;
	height:auto;
	margin:20px 0;
}
.abhonorshow .showbox p{
	width:100%;
	text-align:center;
	margin-top:10px;
	font-size:18px;
}
/* sjln css */
.nysjln .ttit{
	width:100%;
	font-size: 35px;
	text-align: center;
	margin: 30px 0;
	font-weight: bold;
}
.sjcontain{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap
}
.sjcontain .showbox{
	width:45%;
	position:relative;
	height:350px;
}
.sjcontain .showbox .pic-box{
	height:100%;
	width:100%
}
.sjcontain .showbox .textbox{
	position:absolute;
	top:0;
	left:0;
	background: radial-gradient(#00000094, #0060b0a6);
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	font-size:18px;
	padding:40px;
}
.sjcontain .showbox .textbox .tit{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px
}
.sjcontain .showbox .textbox .intro{
	line-height:40px;
	text-align:center;
}
.cpxjcontain{
	padding:40px 0;
	position:relative;
	margin-top: 50px;
}
.cpxjcontain:before{
	background:#1a82d863;
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.cpxjcontain .ttit{
	color:#fff;
	font-weight:bold;
	position:relative
}
.cpxjshow{
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:10;
}

.cpxjshow .showbox{
	width:18%;
	background:#fff;
	padding:20px;
	height:250px;
}

.cpxjshow .showbox .pic-box{
	width:40%;
	margin:0 auto
}
.cpxjshow .showbox .tit{
	text-align:center;
	font-size:20px;
	color:#0060b0;
	font-weight:bold;
	margin-bottom:20px
}
.cpxjshow .showbox .intro{
	text-align:center;
	font-size:16px;
}
.hxshow{
	display:flex;
	justify-content:center;
}
.hxshow .showbox{
	width:23%;
	margin:0 30px;
	background:#0060b0;
	color:#fff;
	position:relative;
	overflow:hidden;
	padding:20px
}

.hxshow .showbox .pic-box{
	width: 90px;
	margin:0 auto;
	margin-bottom: 10px;
}
.hxshow .showbox p{
	text-align:center;
	font-size:20px;
	position:relative;
}
.hxshow .showbox b{
	position:absolute;
	bottom:-40px;
	font-size:120px;
	transform:skewX(-20deg);
	right:0;
	color:#ffffff5e
}
/*手机样式*/
.m-head{
    display:none;
}
.m-top-menu{
    display: none;
}
.m-footbut{
    display:none;
}