@charset "utf-8";

body{background-color: #f5f5f5;}

/* Swiper */
.swiper{
	--swiper-theme-color: #004ca1;			/* 设置Swiper风格 */
	--swiper-navigation-color: #306a9e;		/* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px;			/* 设置按钮大小 */
}

/* 展开导行 */
.sidebar-wrapper {position:relative;height:100%;overflow:auto;display:none;}
#dowebok {background-color:rgba(0,0,0,.6);}
#dowebok .nav {margin-top:80px;list-style-type:none;color:#fff;}
#dowebok .nav li {display:block;line-height:55px;font-size:18px;position:relative;}
#dowebok .nav li a {display:block;padding:0 20px;height:100%;border-bottom:1px solid #666;}
#dowebok .nav a:hover {background-color:#000;}
#dowebok .nav li .n2btn {width:35px;height:55px;display:inline-block;position:absolute;right:0;top:0;color:#fff;background:url(../images/more.svg) no-repeat left center;background-size:auto 24px;z-index:10;}
#dowebok .nav li .nav2 {display:none;}
#dowebok .nav li .nav2 li {font-size:16px;}
#dowebok .nav li .nav2 li a {padding-left:50px;}
[data-simplersidebar='active'] {box-shadow:3px 0px 3px 0px rgba(0,0,0,0.5);}

/* 广告图 */
.banner{width:100%;height:100%;font-size:0;}
.banner .swiper-slide a{width:100%;height:100%;}
.banner .swiper-slide a img{width:100%;}
.banner .banner-pagination{position:absolute;left:0;bottom:25px;z-index:99;text-align:center;}
.banner .banner-pagination .swiper-pagination-bullet{margin:0 6px;height:10px;width:10px;}
.banner .banner-pagination .swiper-pagination-bullet-active{opacity:1}
.inc_banner{font-size:0;position: relative;}
.inc_banner img{width:100%;}

@media (max-width:768px){
	.banner .banner-pagination{bottom:15px;}
	.banner .banner-pagination .swiper-pagination-bullet{margin:0 5px;height:8px;width:8px;}
}


.header{
	background-color: #448bc5;
	padding:15px 0;
}
.header h1{
	display:inline-block;
	float:left;
	width:130px;
	height:70px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/logo.png);
	background-size: auto 90%;
}
.header h1 a{
	display:block;
	text-indent: -9999px;
	width:100%;
	height:100%;
}
.header .menugroup{
	display:inline-block;
	float:right;
	color:#fff;
	padding-top:20px;
}
.header .menugroup a,
.header .menugroup span{
	display:inline-block;
	height:30px;
	line-height: 30px;
	width:35px;
	float:left;
}
.header .menugroup a{
	width:80px;
	font-size: 16px;
	font-weight: bold;
	border:1px solid #fff;
	text-align: center;
	box-sizing: border-box;
}
.header .menugroup a:hover{
	color:#222;
	border:1px solid #222;
}
.header .menugroup i.line{
	width:1px;
	height:15px;
	display:inline-block;
	background-color: #fff;
	margin: 0 15px;
	float:left;
	opacity: .6;
	margin-top:8px;
}
.header .menugroup span{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/menu.svg);
	background-size: auto 90%;
	margin-left:30px;
	cursor: pointer;
}
.header .nav{
	display:inline-block;
	float:right;
	color:#fff;
	padding-top:25px;
}
.header .nav>ul>li{
	line-height: 40px;
	font-size: 16px;
	margin-right:60px;
	position: relative;
}
.header .nav>ul>li:hover,
.header .nav>ul>li.on{
	color:#222;
}
.header .nav>ul>li>a{
	display:block;
	padding:0 5px;
}

/* 二级 */
.header .nav>ul>li>ul{
	position: absolute;
	left:50%;
	top:40;
	z-index: 3;
	padding-top:20px;
	padding-bottom: 5px;
	box-sizing: border-box;
	display:none;
	transform: translateX(-50%);
}
.header .nav>ul>li:hover>ul{
	display:block;
}
.header .nav>ul>li>ul>li{
	background-color: rgba(39,121,191,.3);
	width:280px;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
}
.header .nav>ul>li>ul>li:hover{
	background-color: rgba(39,121,191,.6);
}
.header .nav>ul>li>ul>li>a{
	display:block;
}


@media (max-width:1400px){
	.header .nav ul li{
		margin-right:40px;
	}
}

@media (max-width:1200px){
	.header h1{
		width:120px;
		height:60px;
	}
	.header .nav{
		padding-top:10px;
	}
	.header .nav ul li{
		margin-right:15px;
	}
	.header .menugroup{
		padding-top:15px;
	}
	.header .menugroup a{
		width:70px;
		font-size: 15px;
	}
	
	.header .nav>ul>li>ul{
		padding-top:25px;
	}
	
}

@media (max-width:991px){
	.header h1{
		width:110px;
		height:50px;
	}
	.header .menugroup{
		padding-top:10px;
	}
}

@media (max-width:768px){
	.header{
		padding:8px 0;
	}
	.header h1{
		width:80px;
		height:40px;
	}
	.header .menugroup{
		padding-top:4px;
	}
	.header .menugroup a{
		font-size: 14px;
	}
	.header .menugroup i.line{
		margin: 0 8px;
		margin-top:8px;
	}
	.header .menugroup span{
		margin-left:15px;
	}
}




.footer{
	background-color: #eeeef0;
	padding:60px 0;
}
.footer .fnav{
	display:inline-block;
	float:left;
	width:65%;
	box-sizing: border-box;
}
.footer .fnav .item{
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0 60px;
}
.footer .fnav .item dl{
	text-align: center;
}
.footer .fnav .item dl dt{
	font-size: 16px;
	color:#34302f;
	margin-bottom: 15px;
}
.footer .fnav .item dl dd{
	font-size: 14px;
	color:#353535;
	line-height: 21px;
	margin-bottom: 5px;
}
.footer .fnav .item dl dd:hover{
	color:#222;
	text-decoration:underline;
}
.footer .fcontact{
	display:inline-block;
	float:left;
	width:35%;
	box-sizing: border-box;
	padding-left:150px;
}
.footer .fcontact .text{
	font-size: 14px;
	color:#353535;
}
.footer .fcontact .text p{
	background-repeat: no-repeat;
	background-position: left top 5px;
	background-size: 24px auto;
	padding-left:35px;
	margin-bottom: 20px;
	min-height: 26px;
	line-height: 24px;
}

.footer .fcontact .text p:nth-child(1){
	background-image: url(../images/ftag1.png);
}
.footer .fcontact .text p:nth-child(2){
	background-image: url(../images/ftag2.png);
}
.footer .fcontact .text p:nth-child(3){
	background-image: url(../images/ftag3.png);
}
.footer .fcontact .text p:nth-child(4){
	background-image: url(../images/ftag4.png);
}

.footer .fcontact .qrgroup .list{
	margin-left:50px;
	text-align: center;
}
.footer .fcontact .qrgroup .list:nth-child(1){
	margin-left:0;
}
.footer .fcontact .qrgroup .list .img{
	width:130px;
	height:158px;
}
.footer .fcontact .qrgroup .list:nth-child(2) .img{
	padding-top:15px;
	height:70px;
	box-sizing: border-box;
	width:100px;
	height:100px;
}
.footer .fcontact .qrgroup .list p{
	height:21px;
	line-height: 21px;
	font-size: 14px;
	color:#353535;
}


.company{
	text-align: center;
	background-color: #2779bf;
	font-size: 14px;
	color:#fff;
	padding:20px 0;
}
.company span{
	display: inline-block;
	margin-right:15px;
}


@media (max-width:1400px){
	.footer .fnav .item{
		grid-gap: 0 40px;
	}
	.footer .fcontact{
		padding-left:100px;
	}
}

@media (max-width:1200px){
	.footer .fnav .item{
		grid-gap: 0 20px;
	}
	.footer .fcontact{
		padding-left:60px;
	}
}

@media (max-width:991px){
	.footer{
		padding:50px 0;
	}
	.footer .fcontact{
		padding-left:0;
		width:auto;
		display:block;
		float:none;
	}
}

@media (max-width:768px){
	.footer{
		padding:40px 0;
	}
	.footer .fcontact .text p{
		margin-bottom: 15px;
	}
}


.strength{
	font-size: 0;
	position: relative;
	width:100%;
	height:0;
}
.strength .item{
	width:100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 100;
	transform: translateY(-100%);
	display:grid;
	grid-template-columns: repeat(4, 1fr);
}
.strength .item .list{
	box-sizing: border-box;
	text-align: center;
	padding:10px 0;
	color:#18407f;
	background-color: rgba(255,255,255,.8);
	border-left:1px solid #fff;
}
.strength .item .list:nth-child(1){
	border:none;
}
.strength .item .list i{
	width:50px;
	height:50px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin-bottom: 5px;
}
.strength .item .list:nth-child(1) i{
	background-image: url(../images/ise1.png);
}
.strength .item .list:nth-child(2) i{
	background-image: url(../images/ise2.png);
}
.strength .item .list:nth-child(3) i{
	background-image: url(../images/ise3.png);
}
.strength .item .list:nth-child(4) i{
	background-image: url(../images/ise3.png);
}
.strength .item .list h4{
	line-height: 30px;
	font-size: 14px;
}
.strength .item .list:hover{
	background-color: rgba(0,51,117,.8);
	color:#fff;
}

@media (max-width:991px){
	.strength .item .list i{
		width:40px;
		height:40px;
		margin-bottom: 3px;
	}
	.strength .item .list h4{
		font-size: 13px;
	}
}

@media (max-width:768px){
	.strength .item .list i{
		width:32px;
		height:32px;
	}
	.strength .item .list h4{
		font-size: 12px;
		line-height: 21px;
	}
}

@media (max-width:640px){
	.strength{
		height:auto;
		background-color: #2779bf;
	}
	.strength .item{
		position: static;
		transform: translateY(0);
		grid-template-columns: repeat(2, 1fr);
	}
	.strength .item .list{
		border:none;
	}
}



.tit1{
	margin-bottom: 50px;
	position: relative;
}
.tit1 h2{
	font-size: 40px;
	color:#34302f;
}
.tit1 p{
	display:block;
	font-size: 14px;
	color:#777;
	margin-top:30px;
	box-sizing: border-box;
}
.tit1 a.more{
	display:inline-block;
	height:45px;
	line-height: 45px;
	font-size: 14px;
	color:#fff;
	background-color: #2779bf;
	padding:0 25px;
	border-radius: 25px;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 3;
}
.tit1 a.more:hover,
.tit1 a.more:active{
	background-color: #222;
}

@media (max-width:1400px){
	.tit1 h2{
		font-size: 35px;
	}
	.tit1 a.more{
		height:40px;
		line-height: 40px;
	}
}

@media (max-width:1200px){
	.tit1 h2{
		font-size: 30px;
	}
	.tit1 p{
		margin-top:20px;
	}
}

@media (max-width:991px){
	.tit1 h2{
		font-size: 25px;
	}
	.tit1 p{
		margin-top:15px;
	}
	.tit1 a.more{
		height:35px;
		line-height: 35px;
		font-size: 13px;
	}
	
}

@media (max-width:768px){
	.tit1{
		margin-bottom: 40px;
	}
	.tit1 h2{
		font-size: 20px;
	}
	.tit1 p{
		margin-top:10px;
	}
	.tit1 a.more{
		position: static;
		height:30px;
		line-height: 30px;
		padding:0 15px;
		margin-top:10px;
		font-size: 12px;
	}
}

@media (max-width:640px){
	.tit1 h2{
		font-size: 18px;
	}
}




.ipro{
	background-color: #eeeef0;
	padding-top:80px;
	padding-bottom: 100px;
}
.ipro .item{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 5px;
}
.ipro .item .list{
	background-color: #fff;
	padding:35px;
	box-sizing: border-box;
}
.ipro .item .list .img{
	width: 100px;
	height:100px;
	margin-bottom: 25px;
}
.ipro .item .list h4{
	font-size: 20px;
	color:#302c2b;
	margin-bottom: 45px;
}
.ipro .item .list:hover h4,
.ipro .item .list:active h4{
	color:#2779bf;
}
.ipro .item .list a.more{
	display:inline-block;
	height:22px;
	line-height: 22px;
	font-size: 14px;
	color:#8c8c8c;
	padding-right:30px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/more.png);
}
.ipro .item .list a.more:hover,
.ipro .item .list a.more:active{
	color:#222;
}


@media (max-width:1400px){
	.ipro{
		padding-bottom: 90px;
	}
}

@media (max-width:1200px){
	.ipro{
		padding-bottom: 80px;
	}
	.ipro .item .list .img{
		width: 80px;
		height:80px;
		margin-bottom: 20px;
	}
	.ipro .item .list h4{
		font-size: 18px;
		margin-bottom: 30px;
	}
	
}

@media (max-width:991px){
	.ipro{
		padding-top:70px;
		padding-bottom: 70px;
	}
	.ipro .item .list .img{
		width: 70px;
		height:70px;
		margin-bottom: 15px;
	}
	.ipro .item .list h4{
		font-size: 16px;
		margin-bottom: 25px;
	}
	
}

@media (max-width:768px){
	.ipro{
		padding-top:60px;
		padding-bottom: 60px;
	}
	.ipro .item{
		grid-template-columns: repeat(3, 1fr);
	}
	.ipro .item .list{
		padding:30px;
	}
	.ipro .item .list .img{
		width: 60px;
		height:60px;
		margin-bottom: 10px;
	}
	.ipro .item .list h4{
		font-size: 14px;
		margin-bottom: 20px;
	}
	
}

@media (max-width:640px){
	.ipro .item{
		grid-template-columns: repeat(2, 1fr);
	}
	.ipro .item .list{
		padding:20px;
	}
	.ipro .item .list .img{
		width: 50px;
		height:50px;
	}
	
}



.iab{
	padding-top:80px;
	padding-bottom: 100px;
	background-color: #fff;
}
.iab .item{
	display:grid;
	grid-template-columns: 1fr 40% 1fr;
	grid-gap: 0 60px;
	box-sizing: border-box;
}
.iab .item .lbox .tx{
	font-size: 16px;
	color:#5a5a5a;
	line-height: 30px;
	margin-bottom: 40px;
}
.iab .item .lbox .tx span{
	color: #2879bf;
}
.iab .item .lbox .tag{
	height:30px;
	line-height: 30px;
	padding-left:75px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/hot.png);
	margin-bottom: 30px;
}
.iab .item .lbox .tag span{
	display:inline-block;
	font-size: 18px;
	color:#5a5a5a;
	height:30px;
	line-height: 30px;
	background-color: #eaebed;
	padding:0 15px;
	border-radius: 25px;
}
.iab .item .lbox .ht{
	font-size: 48px;
	color:#212121;
	font-weight: bold;
	margin-bottom: 120px;
}
.iab .item .lbox a.more{
	display:inline-block;
	height:45px;
	line-height: 45px;
	font-size: 14px;
	color:#fff;
	background-color: #2779bf;
	padding:0 25px;
	border-radius: 25px;
	margin-left:90px;
}
.iab .item .lbox a.more:hover,
.iab .item .lbox a.more:active{
	background-color: #222;
}
.iab .item .rbox .libox{
	padding-top:60px;
}
.iab .item .rbox .libox .li{
	margin-bottom: 60px;
}
.iab .item .rbox .libox .li h4{
	font-size: 36px;
	color:#212121;
	font-weight: bold;
}
.iab .item .rbox .libox .li p{
	font-size: 16px;
	color:#2879bf;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/start.png);
	padding-left:30px;
	margin-bottom: 4px;
}
.iab .item .rbox .tx{
	font-size: 16px;
	line-height:32px;
	color:#5a5a5a;
}
.iab .item .rbox .tx h4{
	font-size: 30px;
}


.iab .tit1{
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
.iab .tit1 .agroup{
	position: absolute;
	right:0;
	bottom:30px;
	z-index: 3;
}
.iab .tit1 .agroup a{
	display:inline-block;
	width:180px;
	height:40px;
	line-height: 40px;
	border:1px solid #676767;
	text-align: center;
	margin-left:10px;
	font-size: 14px;
	color:#676767;
	border-radius: 25px;
}
.iab .tit1 .agroup a:nth-child(1){
	margin-left:0;
}
.iab .tit1 .agroup a i{
	display:inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/angle.png);
	padding-right:30px;
}


@media (max-width:1400px){
	.iab{
		padding-bottom: 90px;
	}
	.iab .item{
		grid-gap: 0 40px;
	}
	.iab .item .lbox .ht{
		font-size: 40px;
		margin-bottom: 60px;
	}
	.iab .item .lbox a.more{
		margin-left:0;
	}
	.iab .item .rbox .libox .li h4{
		font-size: 34px;
	}
}

@media (max-width:1200px){
	.iab{
		padding-bottom: 80px;
	}
	.iab .item{
		grid-gap: 0 30px;
	}
	.iab .item .lbox .ht{
		font-size: 35px;
		margin-bottom: 60px;
	}
	.iab .item .rbox .libox .li h4{
		font-size: 30px;
	}
	.iab .item .rbox .tx h4{
		font-size: 26px;
	}
	
}

@media (max-width:991px){
	.iab{
		padding-top:70px;
		padding-bottom: 70px;
	}
	.iab .item{
		display:block;
	}
	.iab .item .lbox{
		margin-bottom: 30px;
	}
	.iab .item .lbox .ht{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.iab .item .lbox a.more{
		height:35px;
		line-height: 35px;
		font-size: 13px;
		padding:0 20px;
	}
	.iab .item .img{
		margin-bottom: 30px;
		max-width: 600px;
	}
	.iab .item .rbox .libox{
		padding-top:0;
	}
	.iab .item .rbox .libox .li{
		margin-bottom: 30px;
	}
	.iab .item .rbox .libox .li h4{
		font-size: 26px;
	}
	.iab .item .rbox .tx h4{
		font-size: 22px;
	}
	.iab .tit1 .agroup a{
		width:130px;
		height:35px;
		line-height: 35px;
		font-size: 13px;
	}
	.iab .tit1 .agroup a i{
		padding-right:20px;
	}
}

@media (max-width:768px){
	.iab{
		padding-top:60px;
		padding-bottom: 60px;
	}
	.iab .item .lbox .tx{
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.iab .item .lbox .tag span{
		font-size: 16px;
	}
	.iab .item .lbox .ht{
		font-size: 25px;
	}
	.iab .item .lbox a.more{
		height:30px;
		line-height: 30px;
		font-size: 12px;
		padding:0 15px;
	}
	.iab .item .rbox .libox .li h4{
		font-size: 22px;
	}
	.iab .item .rbox .libox .li p{
		font-size: 14px;
	}
	.iab .item .rbox .tx{
		font-size: 14px;
		line-height:30px;
	}
	.iab .item .rbox .tx h4{
		font-size: 18px;
	}
	.iab .tit1 .agroup{
		position: static;
		padding-top:30px;
	}
	.iab .tit1 .agroup a{
		width:100px;
		height:30px;
		line-height: 30px;
		font-size: 12px;
		box-sizing: border-box;
	}
	.iab .tit1 .agroup a i{
		padding-right:15px;
	}
}



.icase{
	background-color: #eaebed;
	padding-top:80px;
	padding-bottom: 100px;
}
.icase .tit1{
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
}
.icase .tit1 a.more{
	bottom:30px;
}
.icase .icase_slide{
	padding:0 75px;
	position: relative;
}
.icase .icase_slide .swiper-slide{
	position: relative;
}
.icase .icase_slide .img{
	height:440px;
}
.icase .icase_slide .text{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
	width:100%;
	background-color: rgba(0,0,0,.5);
	color:#fff;
	padding:15px 30px;
	box-sizing: border-box;
}
.icase .icase_slide .text h4{
	font-size: 21px;
	margin-bottom: 5px;
}
.icase .icase_slide .text p{
	font-size: 16px;
}

.icase .icase-prev,
.icase .icase-next{
	width:55px;
	height:55px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #;
	background-size: 100%;
	position: absolute;
	top:42%;
	z-index: 3;
}
.icase .icase-prev{
	background-image: url(../images/icase-prev.png);
	left:0;
}
.icase .icase-next{
	background-image: url(../images/icase-next.png);
	right:0;
}

@media (max-width:1400px){
	.icase{
		padding-bottom: 90px;
	}
	.icase .icase_slide .img{
		height:400px;
	}

}

@media (max-width:1200px){
	.icase{
		padding-bottom: 80px;
	}
	.icase .icase_slide{
		padding:0 60px;
	}
	.icase .icase_slide .img{
		height:360px;
	}
	.icase .icase_slide .text h4{
		font-size: 18px;
	}
	.icase .icase-prev,
	.icase .icase-next{
		width:45px;
		height:45px;
	}
}

@media (max-width:991px){
	.icase{
		padding-top:70px;
		padding-bottom: 70px;
	}
	.icase .icase_slide{
		padding:0 50px;
	}
	.icase .icase_slide .img{
		height:300px;
	}
	.icase .icase_slide .text h4{
		font-size: 16px;
	}
	.icase .icase_slide .text p{
		font-size: 14px;
	}
	.icase .icase-prev,
	.icase .icase-next{
		width:40px;
		height:40px;
	}
}

@media (max-width:768px){
	.icase{
		padding-top:60px;
		padding-bottom: 60px;
	}
	.icase .icase_slide{
		padding:0 40px;
	}
	.icase .icase_slide .img{
		height:260px;
	}
	.icase .icase_slide .text{
		padding:10px 15px;
	}
	.icase .icase_slide .text h4{
		font-size: 14px;
	}
	.icase .icase_slide .text p{
		font-size: 12px;
	}
	.icase .icase-prev,
	.icase .icase-next{
		width:35px;
		height:35px;
	}
	
}

@media (max-width:480px){
	.icase .icase_slide .img{
		height:220px;
	}
}





.tit2{
	margin-bottom: 80px;
	text-align: center;
}
.tit2 h2{
	font-size: 40px;
	color:#34302f;
	margin-bottom: 20px;
}
.tit2 p{
	display:block;
	font-size: 14px;
	color:#777;
	box-sizing: border-box;
}
.tit2 a.more{
	display:inline-block;
	width:220px;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	color:#2779bf;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow.png);
	border-bottom: 1px solid #2779bf;
	margin-top:40px;
}
.tit2 a.more:hover,
.tit2 a.more:active{
	color: #222;
}

@media (max-width:1400px){
	.tit2 h2{
		font-size: 35px;
	}
}

@media (max-width:1200px){
	.tit2{
		margin-bottom: 60px;
	}
	.tit2 h2{
		font-size: 30px;
	}
	.tit2 a.more{
		margin-top:30px;
	}
}

@media (max-width:991px){
	.tit2{
		margin-bottom: 50px;
	}
	.tit2 h2{
		font-size: 25px;
	}
	.tit2 a.more{
		width:130px;
		margin-top:20px;
	}

}

@media (max-width:768px){
	.tit2{
		margin-bottom: 40px;
	}
	.tit2 h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.tit2 a.more{
		width:110px;
		margin-top:15px;
	}
}

@media (max-width:640px){
	.tit2 h2{
		font-size: 18px;
	}
}



.inews{
	padding:100px 0;
	background-color: #fff;
}
.inews .text{
	font-size: 16px;
}
.inews .text h4{
	color:#212121;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.inews .text p{
	color:#5a5a5a;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inews .text span{
	display:inline-block;
	height:21px;
	line-height: 21px;
	background-color: #676767;
	color:#fff;
	font-size: 14px;
	padding:0 8px;
	border-radius: 4px;
}
.inews_slide .swiper-slide:hover span{
	background-color:#2779bf;
}
.inews_slide .swiper-scrollbar{
	position: static;
	width:100%;
	margin-top:50px;
}
.inews_slide .swiper-scrollbar .swiper-scrollbar-drag{
	background-color: #2779bf;
}


@media (max-width:1400px){
	.inews{
		padding:90px 0;
	}
	
}

@media (max-width:1200px){
	.inews{
		padding:80px 0;
	}
	
}

@media (max-width:991px){
	.inews{
		padding:70px 0;
	}
	
}

@media (max-width:768px){
	.inews{
		padding:60px 0;
	}
	.inews .text{
		font-size: 14px;
	}
	.inews .text span{
		font-size: 13px;
	}
}



.ihz{
	padding-bottom: 80px;
	background-color: #fff;
}
.ihz .item{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
.ihz .item .img{
	height:115px;
	box-sizing: border-box;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ihz_slide .swiper-pagination{
	position: static;
	margin-top:40px;
}
.ihz_slide .swiper-pagination-bullet{
	width:10px;
	height:10px;
}


/*@media (max-width:1400px){*/
/*	.ihz .item{*/
/*		grid-template-columns: repeat(6, 1fr);*/
/*	}*/
/*}*/
/*@media (max-width:1200px){*/
/*	.ihz .item{*/
/*		grid-template-columns: repeat(5, 1fr);*/
/*	}*/
/*}*/

@media (max-width:991px){
	.ihz{
		padding-bottom: 70px;
	}
	.ihz .item{
		grid-template-columns: repeat(4, 1fr);
	}
	.ihz .item .img{
		height:100px;
	}
}

@media (max-width:768px){
	.ihz{
		padding-bottom: 60px;
	}
	.ihz .item .img{
		height:90px;
	}
}

@media (max-width:640px){
	.ihz .item{
		grid-template-columns: repeat(3, 1fr);
	}
	.ihz .item .img{
		height:80px;
	}
}



.pubnav{
	padding-top:90px;
	padding-bottom: 30px;
}
.pubnav h2{
	font-size: 40px;
	color:#34302f;
	margin-bottom: 20px;
}
.pubnav ul{
	border-bottom:1px solid #ccc;
	padding:20px 0;
	text-align: right;
	font-size: 0;
}
.pubnav ul li{
	display:inline-block;
	height:30px;
	line-height: 30px;
	padding:0 20px;
	border-radius: 25px;
	font-size: 16px;
	color:#353535;
	margin-right:6px;
}
.pubnav ul li:nth-last-child(1){
	margin-right:0;
}
.pubnav ul li:hover,
.pubnav ul li.on{
	background-color: #d7d7d7;
	color:#e2320b;
}
.pubnav ul.bl{
    text-align: left;
}
.pubnav ul.bl li{
    margin-bottom: 5px;
}


@media (max-width:991px){
	.pubnav{
		padding-top:70px;
	}
	.pubnav h2{
		font-size: 30px;
	}
}

@media (max-width:768px){
	.pubnav{
		padding-top:60px;
	}
	.pubnav h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.pubnav ul{
		padding:15px 0;
		text-align: left;
	}
	.pubnav ul li{
		height:28px;
		line-height: 28px;
		padding:0 15px;
		font-size: 14px;
		margin-bottom: 6px;
	}
}






.tit3{
	padding-bottom: 30px;
}
.tit3 h3{
	font-size: 30px;
	color:#34302f;
	height:40px;
	line-height: 40px;
	border-left:5px solid #e2320b;
	padding-left:15px;
}

@media (max-width:991px){
	.tit3 h3{
		font-size: 20px;
		height:35px;
		line-height: 35px;
	}
}

@media (max-width:768px){
	.tit3 h3{
		font-size: 18px;
		height:30px;
		line-height: 30px;
	}
}


.case{
	padding-bottom: 60px;
}
.case .list_box{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 70px 90px;
	padding-bottom: 20px;
}
.case .list_box .list{
	position: relative;
	box-sizing: border-box;
}
.case .list_box .list .img{
	height:380px;
}
.case .list_box .list .text{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
	width:100%;
	background-color: rgba(0,0,0,.5);
	color:#fff;
	padding:15px 30px;
	box-sizing: border-box;
}
.case .list_box .list .text h4{
	font-size: 21px;
	margin-bottom: 5px;
}
.case .list_box .list .text p{
	font-size: 16px;
}


@media (max-width:1200px){
	.case .list_box{
		grid-gap: 50px;
	}
}

@media (max-width:991px){
	.case .list_box{
		grid-gap: 40px;
	}
	.case .list_box .list .img{
		height:300px;
	}
	.case .list_box .list .text h4{
		font-size: 18px;
	}
}

@media (max-width:768px){
	.case{
		padding-bottom: 40px;
	}
	.case .list_box{
		grid-gap: 30px 15px;
	}
	.case .list_box .list .img{
		height:240px;
	}
	.case .list_box .list .text{
		padding:10px 15px;
	}
	.case .list_box .list .text h4{
		font-size: 16px;
	}
	.case .list_box .list .text p{
		font-size: 14px;
	}
}

@media (max-width:480px){
	.case .list_box .list .img{
		height:180px;
	}
	.case .list_box .list .text h4{
		font-size: 14px;
	}
	.case .list_box .list .text p{
		font-size: 12px;
	}
}




.page {
	text-align: center;
	padding:40px 0;
}
.page .pagination {
	display: inline-block;
}
.page .pagination li{
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #8c8a8a;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 8px;
}
.page .pagination li.prev,
.page .pagination li.next {
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position-y:center;
}
.page .pagination li.prev{
	background-position-x: left;
	background-image:url(../images/pprev.png);
	padding-left:18px;
}
.page .pagination li.next{
	background-position-x: right;
	background-image:url(../images/pnext.png);
	padding-right:18px;
}
.page .pagination li.active,
.page .pagination li:hover {
	color:#e2320b;
}
.page .pagination li.disabled,
.page .pagination li.disabled:hover{
	color:#ddd;
}


@media (max-width:768px){
	.page {
		padding:25px 0;
	}
}



.pubnav2{
	padding-bottom: 40px;
}
.pubnav2 h2{
	border-bottom: 1px solid #ccc;
	padding-bottom: 80px;
}

@media (max-width:991px){
	.pubnav2{
		padding-bottom: 30px;
	}
	.pubnav2 h2{
		padding-bottom: 60px;
	}
}

@media (max-width:768px){
	.pubnav2{
		padding-bottom: 0;
	}
	.pubnav2 h2{
		padding-bottom: 20px;
	}
}


.news{
	padding-bottom:80px;
}
.news .list_box{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 80px;
	padding-bottom: 20px;
}
.news .list_box .list .text{
	font-size: 16px;
}
.news .list_box .list .text h4{
	color:#212121;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news .list_box .list .text p{
	color:#5a5a5a;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news .list_box .list .text span{
	display:inline-block;
	height:21px;
	line-height: 21px;
	background-color: #676767;
	color:#fff;
	font-size: 14px;
	padding:0 8px;
	border-radius: 4px;
}
.news .list_box .list:hover .text span{
	background-color:#2779bf;
}

@media (max-width:1200px){
	.news .list_box{
		grid-gap: 60px;
	}
}

@media (max-width:991px){
	.news .list_box{
		grid-gap: 40px 20px;
	}
	.news{
		padding-bottom:70px;
	}
	
}

@media (max-width:768px){
	.news{
		padding-bottom:60px;
	}
	.news .list_box{
		grid-gap: 40px 15px;
	}
	.news .list_box .list .text{
		font-size: 14px;
	}
	.news .list_box .list .text span{
		font-size: 13px;
	}
}

@media (max-width:480px){
	.news .list_box{
		grid-template-columns: repeat(1,1fr);
		grid-gap: 30px 0;
	}
}





.newsv{
	background-color: #f6f6f6;
	padding:80px 0;
}
.newsv .htx{
	text-align: center;
	margin-bottom: 50px;
}
.newsv .htx h2{
	font-size: 24px;
	color:#363636;
	font-weight: bold;
	margin-bottom:10px;
}
.newsv .htx p{
	font-size: 14px;
	color:#959799;
}
.newsv .text{
	font-size: 16px;
	color:#363636;
	line-height: 36px;
	padding-bottom:80px;
}
.newsv .menugroup a{
	display:block;
	height:35px;
	line-height:35px;
	margin-bottom:20px;
	font-size: 16px;
	color:#7e7e7f;
}
.newsv .menugroup a i{
	display:inline-block;
	width:120px;
	background-color: #959799;
	text-align: center;
	color:#fafcfe;
	margin-right:10px;
}
.newsv .menugroup a:hover{
	color:#ce0019;
}


@media (max-width:1200px){
	.newsv .htx h2{
		font-size: 22px;
	}
}
@media (max-width:991px){
	.newsv{
		padding:70px 0;
	}
	.newsv .htx h2{
		font-size: 20px;
	}
}
@media (max-width:768px){
	.newsv .htx{
		margin-bottom: 40px;
	}
	.newsv .htx h2{
		font-size: 18px;
	}
	.newsv .htx p{
		font-size: 13px;
	}
	.newsv .text{
		font-size: 14px;
		line-height: 26px;
	}
	.newsv .menugroup a{
		font-size: 14px;
	}
	.newsv .menugroup a i{
		width:80px;
	}
}
@media (max-width:640px){
	.newsv .htx h2{
		font-size: 16px;
	}
}




.tech{
	padding-bottom: 120px;
}
.tech .list_box{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px 90px;
}
.tech .list_box .list{
	padding:25px;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: center;
	border:1px solid #f5f5f5;
}
.tech .list_box .list:hover,
.tech .list_box .list:active{
	background-color: #fff;
	border:1px solid #eee;
}
.tech .list_box .list .img{
	width:100px;
	height:55px;
	display:inline-block;
	margin-bottom: 15px;
}
.tech .list_box .list h4{
	font-size: 18px;
	color:#34302f;
	margin-bottom: 20px;
}
.tech .list_box .list p{
	font-size: 16px;
	color:#5a5858;
	line-height: 24px;
	text-align: left;
}

@media (max-width:991px){
	.tech{
		padding-bottom: 80px;
	}
	.tech .list_box{
		grid-gap: 40px 50px;
	}
	.tech .list_box .list .img{
		width:90px;
		height:50px;
	}
	
}

@media (max-width:768px){
	.tech{
		padding-bottom: 60px;
	}
	.tech .list_box{
		grid-gap: 30px 15px;
	}
	.tech .list_box .list{
		padding:25px 15px;
	}
	.tech .list_box .list .img{
		width:80px;
		height:45px;
	}
	.tech .list_box .list h4{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.tech .list_box .list p{
		font-size: 14px;
		line-height: 21px;
	}
	
}

@media (max-width:640px){
	.tech .list_box{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px 15px;
	}
	.tech .list_box .list .img{
		width:70px;
		height:40px;
	}
	
}



.down{
	padding-bottom: 120px;
}
.down .list_box{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px 90px;
}
.down .list_box .list{
	background-color: #fff;
	padding:25px;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: center;
	border:1px solid #f5f5f5;
}
.down .list_box .list i{
	width:40px;
	height:40px;
	display:inline-block;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/down.png);
	background-size: 90% auto;
}
.down .list_box .list:hover i,
.down .list_box .list:active i{
	background-image: url(../images/down2.png);
}
.down .list_box .list h4{
	font-size: 16px;
	color:#34302f;
}

@media (max-width:991px){
	.down{
		padding-bottom: 80px;
	}
	.down .list_box{
		grid-gap: 40px 50px;
	}
	.down .list_box .list .img{
		width:90px;
		height:50px;
	}
	
}

@media (max-width:768px){
	.down{
		padding-bottom: 60px;
	}
	.down .list_box{
		grid-gap: 30px 15px;
	}
	.down .list_box .list{
		padding:25px 15px;
	}
	.down .list_box .list i{
		width:35px;
		height:35px;
	}
	.down .list_box .list h4{
		font-size: 14px;
	}
}

@media (max-width:640px){
	.down .list_box{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px 15px;
	}
}



.contact{
	padding-bottom: 160px;
}
.contact .item .text{
	width:40%;
	padding-right:100px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 24px;
}
.contact .item .msg{
	width:60%;
	box-sizing: border-box;
}
.contact .item .msg .list{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:40px 30px;
	margin-bottom: 40px;
}
.contact .item .msg .li label{
	display:inline-block;
	height:21px;
	line-height: 21px;
	display:inline-block;
	font-size: 14px;
	color:#292929;
}
.contact .item .msg .li label i{
	color:red;
}
.contact .item .msg .li input.tx{
	height:45px;
	line-height: 45px;
	display:block;
	width:100%;
	background-color: #ededed;
	padding-left:10px;
	box-sizing: border-box;
	font-size: 14px;
	color:#333;
}
.contact .item .msg .li textarea{
	display:block;
	padding:10px;
	box-sizing: border-box;
	width:100%;
	min-height: 140px;
	margin-bottom: 60px;
	font-size: 14px;
	color:#333;
	background-color: #ededed;
}
.contact .item .msg .li button{
	width:210px;
	height:50px;
	line-height: 50px;
	background-color: #222;
	font-size: 18px;
	color:#fff;
	border-radius: 6px;
	border:none;
	padding-left:55px;
	position: relative;
}
.contact .item .msg .li button span{
	width:55px;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #3267a3;
	background-image: url(../images/msg.png);
	border-radius: 6px 0 0 6px;
	border-right: 1px solid #666;
}


@media (max-width:1200px){
	.contact{
		padding-bottom: 100px;
	}
}

@media (max-width:991px){
	.contact{
		padding-bottom: 80px;
	}
	.contact .item .text{
		padding-right:60px;
	}
	
}

@media (max-width:768px){
	.contact{
		padding-bottom: 60px;
	}
	.contact .item .text{
		padding-right:40px;
		font-size: 16px;
		line-height: 22px;
	}
	.contact .item .msg .list{
		grid-gap:30px 15px;
	}
	.contact .item .msg .li input.tx{
		height:40px;
		line-height: 40px;
	}
	.contact .item .msg .li textarea{
		margin-bottom: 40px;
		min-height: 100px;
	}
	.contact .item .msg .li button{
		width:160px;
		height:40px;
		line-height: 40px;
		font-size: 16px;
		padding-left:50px;
	}
	.contact .item .msg .li button span{
		width:50px;
	}
}

@media (max-width:640px){
	.contact .item{
		display:block;
	}
	.contact .item .text{
		width:auto;
		padding-right:0;
		margin-bottom: 40px;
	}
	.contact .item .msg{
		width:auto;
	}
	.contact .item .msg .list{
		display:block;
		margin-bottom: 0;
	}
	.contact .item .msg .list .li{
		margin-bottom: 20px;
	}
	.contact .item .msg .li textarea{
		margin-bottom: 30px;
	}
}



.pronav{
	padding-top:100px;
	margin-bottom: 70px;
}
.pronav h2{
	font-size: 40px;
	color:#34302f;
	margin-bottom: 30px;
}
.pronav ul{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 0;
}
.pronav ul li{
	font-size: 16px;
	color:#353535;
	height:28px;
	line-height:28px;
	display:inline-block;
	margin-right:30px;
	margin-bottom: 6px;
}
.pronav ul li:hover,
.pronav ul li:active,
.pronav ul li.on{
	color:#e2320b;
}
.pronav ul li a{
	display:block;
	padding:0 3px;
}


@media (max-width:1200px){
	.pronav{
		padding-top:80px;
		margin-bottom: 60px;
	}
	.pronav h2{
		font-size: 35px;
	}
}

@media (max-width:991px){
	.pronav{
		padding-top:70px;
		margin-bottom: 50px;
	}
	.pronav h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	
}

@media (max-width:768px){
	.pronav{
		padding-top:60px;
		margin-bottom: 40px;
	}
	.pronav h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.pronav ul li{
		font-size: 14px;
		height:26px;
		line-height:26px;
		margin-right:15px;
	}
}



.pro{
	padding-bottom: 100px;
}
.pro .list_box{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 35px 50px;
	padding-bottom: 20px;
}
.pro .list_box .list{
	width:100%;
	background-color: #fff;
}
.pro .list_box .list .img{
	height:240px;
	padding:15px;
	box-sizing: border-box;
}
.pro .list_box .list .img a{
    display:block;
    width:100%;
    height:100%;
}
.pro .list_box .list .text{
	padding:20px 15px;
	text-align: center;
}
.pro .list_box .list .text h4{
	font-size: 14px;
	color:#34302f;
	margin-bottom: 10px;
}
.pro .list_box .list .text p{
	font-size: 14px;
	color:#9b9898;
	margin-bottom: 15px;
}
.pro .list_box .list .text span{
	display:inline-block;
	height:25px;
	line-height: 25px;
	font-size: 12px;
	color:#2779bf;
	border-bottom: 2px solid #e4eaf1;
	padding-right:70px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow2.png);
}

@media (max-width:1200px){
	.pro{
		padding-bottom: 80px;
	}
	.pro .list_box{
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
	}
}

@media (max-width:991px){
	.pro{
		padding-bottom: 70px;
	}
	.pro .list_box{
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px 25px;
	}
	.pro .list_box .list .img{
		height:200px;
	}
	
}

@media (max-width:768px){
	.pro{
		padding-bottom: 60px;
	}
	.pro .list_box .list .img{
		height:180px;
	}
	.pro .list_box .list .text span{
		padding-right:50px;
	}
}

@media (max-width:640px){
	.pro .list_box{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px 15px;
	}
}

@media (max-width:480px){
	.pro .list_box .list .img{
		height:160px;
	}
}



.prov{
	padding-bottom: 100px;
}
.prov .htx{
	border-left:5px solid #e2320b;
	padding-left:15px;
	font-size: 0;
	margin-bottom: 30px;
}
.prov .htx h2{
	font-size: 30px;
	color:#34302f;
}
.prov .provinfo .img{
	width:50%;
	height:420px;
	box-sizing: border-box;
}
.prov .provinfo .text{
	width:50%;
	box-sizing: border-box;
	padding-left:150px;
}
.prov .provinfo .text .ht{
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
.prov .provinfo .text .ht h3{
	background-image: linear-gradient(to bottom, #676ac8 , #2879bf);
	height:35px;
	line-height: 35px;
	font-size: 18px;
	color:#fff;
	text-align: center;
	border-radius: 25px;
	display:inline-block;
	width:300px;
	box-shadow: -2px 3px 5px #999;
}
.prov .provinfo .text .tx{
	font-size: 16px;
	color:#5a5a5a;
	line-height: 30px;
}


@media (max-width:991px){
	.prov{
		padding-bottom: 80px;
	}
	.prov .htx h2{
		font-size: 25px;
	}
	.prov .provinfo .img{
		height:400px;
	}
	.prov .provinfo .text{
		padding-left:60px;
	}
	.prov .provinfo .text .ht h3{
		width:200px;
	}
}

@media (max-width:768px){
	.prov{
		padding-bottom: 60px;
	}
	.prov .htx h2{
		font-size: 20px;
	}
	.prov .provinfo .img{
		height:360px;
	}
	.prov .provinfo .text{
		padding-left:30px;
	}
	.prov .provinfo .text .ht h3{
		width:160px;
		font-size: 16px;
		height:30px;
		line-height: 30px;
	}
	.prov .provinfo .text .tx{
		font-size: 14px;
		line-height: 28px;
	}
}

@media (max-width:640px){
	.prov .htx h2{
		font-size: 18px;
	}
	.prov .provinfo{
		display:block;
	}
	.prov .provinfo .img{
		width:auto;
		height:320px;
		margin-bottom: 30px;
	}
	.prov .provinfo .text{
		width:auto;
		padding-left:0;
	}
	.prov .provinfo .text .ht h3{
		width:120px;
		font-size: 14px;
		height:26px;
		line-height: 26px;
	}
}

@media (max-width:480px){
	.prov .provinfo .img{
		height:auto;
	}
	
}



.detail{
	padding-bottom: 100px;
}
.detail_slide .hd{
	padding:5px 10px;
	background-color: #ebebeb;
	border-radius: 5px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
	margin-bottom: 50px;
}
.detail_slide .hd ul li{
	background-image: linear-gradient(to bottom, #c4c4c6 , #969698);
	height:35px;
	line-height: 35px;
	font-size: 18px;
	color:#34302f;
	border-radius: 25px;
	display:inline-block;
	padding:0 70px;
	margin-right:15px;
	cursor: pointer;
}
.detail_slide .hd ul li.on{
	background-image: linear-gradient(to bottom, #676ac8 , #2879bf);
	color:#fff;
}
.detail_slide .bd .text{
	font-size: 14px;
	line-height: 24px;
	color:#333;
}


@media (max-width:991px){
	.detail{
		padding-bottom: 80px;
	}
	.detail_slide .hd ul li{
		padding:0 50px;
	}
}

@media (max-width:768px){
	.detail{
		padding-bottom: 60px;
	}
	.detail_slide .hd{
		margin-bottom: 40px;
	}
	.detail_slide .hd ul li{
		padding:0 30px;
		height:30px;
		line-height: 30px;
		font-size: 16px;
		margin-right:10px;
	}
}

@media (max-width:640px){
	.detail_slide .hd ul li{
		padding:0 20px;
		font-size: 14px;
		height:26px;
		line-height: 26px;
	}
}



.bgc{
	background-color: #fff;
}


.abtx{
	font-size: 16px;
	color:#5a5a5a;
	line-height: 48px;
}


@media (max-width:768px){
	.abtx{
		font-size: 14px;
		line-height: 32px;
	}
}


.ab1{
	background-color: #fff;
}
.ab1 .item{
	margin-bottom:60px;
}
.ab1 .item .hgroup{
	padding-top:60px;
	width:52%;
	box-sizing: border-box;
	padding-right:150px;
	color:#5a5a5a;
}
.ab1 .item .hgroup h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.ab1 .item .hgroup h3{
	font-size: 18px;
	margin-bottom: 60px;
}
.ab1 .item .hgroup h3 i{
	color:#2779bf;
}
.ab1 .item .hgroup h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
}
.ab1 .item .img{
	width:48%;
	box-sizing: border-box;
}


@media (max-width:1200px){
	.ab1 .item .hgroup{
		padding-top:40px;
		padding-right:80px;
	}
	
}

@media (max-width:991px){
	.ab1 .item{
		margin-bottom:50px;
	}
	.ab1 .item .hgroup{
		padding-top:0;
		padding-right:30px;
	}
	.ab1 .item .hgroup h2{
		font-size: 20px;
	}
	.ab1 .item .hgroup h3{
		margin-bottom: 40px;
	}
}

@media (max-width:768px){
	.ab1 .item{
		margin-bottom:40px;
	}
	.ab1 .item{
		display:block;
	}
	.ab1 .item .hgroup{
		width:auto;
		padding-right:0;
		margin-bottom: 30px;
	}
	.ab1 .item .hgroup h2{
		font-size: 18px;
	}
	.ab1 .item .hgroup h3{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.ab1 .item .hgroup h4{
		font-size: 16px;
		line-height: 30px;
	}
	.ab1 .item .img{
		width:auto;
		max-width: 500px;
	}
}



.abgroup{
	background-color: #fff;
	padding: 80px 0;
}
.abgroup .item{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	text-align: center;
	padding:20px 0;
	box-sizing: border-box;
	box-shadow: 1px 2px 4px #ccc;
}
.abgroup .item .col{
	box-sizing: border-box;
	position: relative;
}
.abgroup .item .col::after{
	display:inline-block;
	width:1px;
	height:80%;
	background-color: #ccc;
	content:'';
	position: absolute;
	left:0;
	top:10%;
	z-index: 3;
}
.abgroup .item .col:nth-child(1)::after{
	opacity: 0;
}
.abgroup .item .list{
	display:inline-block;
	padding:10px 15px;
	box-sizing: border-box;
}
.abgroup .item .list h4{
	font-size: 48px;
	color:#a9abac;
	margin-bottom: 10px;
}
.abgroup .item .list h4 sub{
	font-size: 16px;
	color:#313131;
}
.abgroup .item .list p{
	font-size: 16px;
	color:#313131;
}
.abgroup .item .list:hover h4 span{
	color:#0062a7;
}



@media (max-width:991px){
	.abgroup{
		padding: 80px 0;
	}
	.abgroup .item{
		grid-template-columns: 1fr 1fr;
		grid-gap: 25px 0;
	}
	.abgroup .item .col:nth-child(3)::after{
		opacity: 0;
	}
	.abgroup .item .list{
		min-width: 250px;
	}
	.abgroup .item .list h4{
		font-size: 35px;
	}

}

@media (max-width:768px){
	.abgroup{
		padding: 60px 0;
	}
	.abgroup .item .list h4{
		font-size: 30px;
	}
	.abgroup .item .list h4 sub{
		font-size: 14px;
	}
	.abgroup .item .list p{
		font-size: 14px;
	}
}

@media (max-width:480px){
	.abgroup{
		padding: 40px 0;
	}
	.abgroup .item{
		grid-template-columns: 1fr;
	}
	.abgroup .item .col::after{
		opacity: 0;
	}
	.abgroup .item .list{
		min-width: 250px;
	}
	.abgroup .item .list h4{
		font-size: 25px;
	}
}



.taggroup{
	background-color: #fff;
	padding:80px 0;
}
.taggroup .list_box{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
}
.taggroup .list_box .list{
	transition: all .3s ease-in-out;
	display:inline-block;
}
.taggroup .list_box .list:hover,
.taggroup .list_box .list:active{
	transform: translateY(-15px);
}
.taggroup .list_box .list i{
	display:inline-block;
	width:130px;
	height:130px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	margin-bottom: 15px;
}
.taggroup .list_box .list h4{
	font-size: 20px;
	color:#2779bf;
}
.taggroup .list_box .list:hover h4,
.taggroup .list_box .list:active h4{
	color:#e5000f;
}

@media (max-width:991px){
	.taggroup{
		padding:70px 0;
	}
	.taggroup .list_box .list i{
		width:110px;
		height:110px;
	}
	.taggroup .list_box .list h4{
		font-size: 18px;
	}
	
}

@media (max-width:768px){
	.taggroup{
		padding:60px 0;
	}
	.taggroup .list_box .list i{
		width:90px;
		height:90px;
	}
	.taggroup .list_box .list h4{
		font-size: 16px;
	}
	
}

@media (max-width:640px){
	.taggroup{
		padding:40px 0;
	}
	.taggroup .list_box .list i{
		width:70px;
		height:70px;
	}
	.taggroup .list_box .list h4{
		font-size: 14px;
	}
}

@media (max-width:480px){
	.taggroup .list_box{
		grid-template-columns: repeat(2, 1fr);
		grid-gap:25px 0;
	}
}



.history{
	padding:80px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/honor_bg.jpg);
	background-size: cover;
}
.history_box .thumb{
	position: relative;
	margin-bottom: 70px;
}
.history_box .thumb::after{
	content:'';
	display:inline-block;
	width:100%;
	height:1px;
	background-color: #707070;
	position: absolute;
	left:0;
	top:10px;
	z-index: -1;
}
.history_box .thumb .swiper-slide{
	text-align: center;
}
.history_box .thumb .swiper-slide h4{
	font-size: 16px;
	color:#fff;
	height:30px;
	line-height: 30px;
	position: relative;
	padding-top:25px;
	cursor: pointer;
	font-weight: bold;
}
.history_box .thumb .swiper-slide h4:after{
	content:'';
	display:inline-block;
	background-color: #fff;
	width:10px;
	height:10px;
	border:4px solid #707070;
	border-radius: 100px;
	position: absolute;
	left:50%;
	top:0;
	z-index: 6;
	transform: translateX(-50%);
}
.history_box .thumb .swiper-slide-thumb-active h4{
	color: #004ca1;
}
.history_box .thumb .swiper-slide-thumb-active h4::after{
	border:4px solid #004ca1;
}
.history_box .history_slide{
	max-width: 1080px;
	mrgin:0 auto;
}
.history_box .history_slide .swiper-slide{
	padding:0 70px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
.history_box .history_slide .swiper-slide .item{
	padding:60px;
	box-sizing: border-box;
	box-shadow: 1px 2px 3px #ccc;
	background-color: #fff;
}
.history_box .history_slide .swiper-slide .item .img{
	width:52%;
	height:300px;
	display:inline-block;
}
.history_box .history_slide .swiper-slide .item .text{
	width:43%;
	display:inline-block;
	font-size: 18px;
	color:#595757;
	line-height: 28px;
}
.history_box .swiper-button-prev,
.history_box .swiper-button-next{
	width:42px;
	height:42px;
	background-color: #e0e0e0;
	border-radius: 100px;
}
.history_box .history_slide {
	--swiper-navigation-size: 20px;
}



@media (max-width:991px){
	.history{
		padding:100px 0;
	}
	.history_box .thumb{
		margin-bottom: 50px;
	}
	.history_box .history_slide .swiper-slide .item{
		padding:50px;
	}
	.history_box .history_slide .swiper-slide .item .img{
		height:240px;
	}
	.history_box .history_slide .swiper-slide .item .text{
		font-size: 16px;
		line-height: 24px;
	}
}
@media (max-width:768px){
	.history{
		padding:80px 0;
	}
	.history_box .thumb{
		margin-bottom: 40px;
	}
	.history_box .thumb .swiper-slide h4{
		font-size: 14px;
		height:25px;
		line-height: 25px;
		padding-top:20px;
	}
	.history_box .history_slide .swiper-slide .item{
		padding:30px;
	}
	.history_box .history_slide .swiper-slide .item .img{
		height:220px;
	}
	.history_box .history_slide .swiper-slide .item .text{
		font-size: 14px;
		line-height: 21px;
	}
}
@media (max-width:640px){
	.history{
		padding:60px 0;
	}
	.history_box .thumb{
		margin-bottom: 30px;
	}
	.history_box .history_slide .swiper-slide{
		padding:0 50px;
		padding-bottom: 5px;
	}
	.history_box .history_slide .swiper-slide .item{
		padding:15px;
		display:block;
	}
	.history_box .history_slide .swiper-slide .item .img{
		width:auto;
		height:auto;
		display:block;
		margin-bottom:15px;
	}
	.history_box .history_slide .swiper-slide .item .text{
		width:auto;
		display:block;
	}
	.history_box .swiper-button-prev,
	.history_box .swiper-button-next{
		width:32px;
		height:32px;
	}
	.history_box .history_slide {
	    --swiper-navigation-size: 16px;
	}
}



.honor{
	background-color: #fff;
	padding:80px 0;
}
.honor_slide{
	padding:0 80px;
	position: relative;
}
.honor_slide .img{
	width:100%;
	height:350px;
}
.honor_slide h4{
	height:40px;
	line-height: 40px;
	font-size: 16px;
	color:#5a5a5a;
	text-align: center;
}

.honor_slide .honor-slide-prev,
.honor_slide .honor-slide-next{
	display:inline-block;
	width:40px;
	height:40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	top:42%;
	z-index: 3;
}
.honor_slide .honor-slide-prev{
	background-image: url(../images/honor_prev.png);
	left:0;
}
.honor_slide .honor-slide-next{
	background-image: url(../images/honor_next.png);
	right:0;
}

@media (max-width:991px){
	.honor{
		padding:70px 0;
	}
	.honor_slide{
		padding:0 60px;
	}
	.honor_slide .img{
		height:280px;
	}
	
}

@media (max-width:768px){
	.honor{
		padding:60px 0;
	}
	.honor_slide{
		padding:0 50px;
	}
	.honor_slide .img{
		height:240px;
	}
	.honor_slide h4{
		height:30px;
		line-height: 30px;
		font-size: 14px;
	}
	.honor_slide .honor-slide-prev,
	.honor_slide .honor-slide-next{
		width:35px;
		height:35px;
	}
}

@media (max-width:640px){
	.honor_slide{
		padding:0;
	}
}


.env{
	padding-top:40px;
	padding-bottom: 80px;
	background-color: #fff;
}
.env .list_box{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px 20px;
}
.env .list_box .list{
	border-radius: 6px;
	overflow: hidden;
}
.env .list_box .list a{
	display:block;
}
.env .list_box .list .img{
	width:100%;
	height:260px
}

@media (max-width:1200px){
	.env .list_box .list .img{
		height:230px
	}
}

@media (max-width:991px){
	.env{
		padding-top:30px;
		padding-bottom: 70px;
	}
	.env .list_box .list .img{
		height:190px
	}
}

@media (max-width:768px){
	.env{
		padding-top:20px;
		padding-bottom: 60px;
	}
	.env .list_box .list .img{
		height:160px
	}
}

@media (max-width:640px){
	.env .list_box{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
	}
}

@media (max-width:480px){
	.env .list_box .list .img{
		height:120px
	}
}