@charset "utf-8";
body{
	overflow-x: hidden;
}
html{
    scroll-padding-top:110px;
}
/* 展开导行 */
.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);}




.bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
.bgc{
	background-color: #f5f7fb;
}




.swiper-container .swiper-pagination{
	bottom: 0;
}
.swiper-container .swiper-pagination-bullet,
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next
{
	opacity: 1;
	border: none;
	outline: none;
}




.pbmenu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 25px;
	margin-bottom: 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #5c5c5c;
}
.pbmenu li{
	color: #000;
	font-size: 20px;
	text-align: center;
	width: 33.3%;
	line-height: 70px;
	height: 70px;
	font-weight: lighter;
	position: relative;
}
.pbmenu li::after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -50px;
	width: 1px;
	height: 0;
	transition: all .5s;
	background-color: #22303a;
}
.pbmenu li.on::after,
.pbmenu li:hover::after
{
	height: 50px;
}
.pbmenu li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




@media(max-width:1500px){
	.pbmenu li{
		font-size: 18px;
		line-height: 60px;
		height: 60px;
	}
}
@media(max-width:1400px){
	.pbmenu{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.pbmenu li{
		line-height: 50px;
		height: 50px;
	}
	.pbmenu li::after{
		bottom: -40px;
	}
	.pbmenu li.on::after,
	.pbmenu li:hover::after
	{
		height: 40px;
	}
}
@media(max-width:1300px){
	.pbmenu li{
		font-size: 16px;
		line-height: 45px;
		height: 45px;
	}
}
@media(max-width:991px){
	.pbmenu{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.pbmenu li{
		line-height: 40px;
		height: 40px;
	}
	.pbmenu li::after{
		bottom: -30px;
	}
	.pbmenu li.on::after,
	.pbmenu li:hover::after
	{
		height: 30px;
	}
}
@media(max-width:768px){
	.pbmenu{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.pbmenu li{
		font-size: 14px;
	}
	.pbmenu li::after{
		bottom: -20px;
	}
	.pbmenu li.on::after,
	.pbmenu li:hover::after
	{
		height: 20px;
	}
	
}




.page {
	text-align: center;
	padding:40px 0;
}
.page .pagination {
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	margin:0 5px;
	box-sizing: border-box;
	border: 1px solid #eee;
	background-color: #fff;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
}
.page .pagination li.prev,
.page .pagination li.next{
	position: relative;
}
.page .pagination li.prev::after,
.page .pagination li.next::after
{
	content: '';
	width: 9px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.page .pagination li.prev::after{
	background-image: url(../images/pg_prev.png);
}
.page .pagination li.prev:hover::after{
	background-image: url(../images/pg_prev2.png);
}
.page .pagination li.next::after{
	background-image: url(../images/pg_next.png);
}
.page .pagination li.next:hover::after{
	background-image: url(../images/pg_next2.png);
}
.page .pagination li.active,
.page .pagination li:hover {
	color: #fff;
	border: 1px solid #22303a;
	background-color: #22303a;
}
.page .pagination li.disabled,
.page .pagination li.disabled:hover{
	color:#ddd;
	display:none;
}




@media(max-width:1300px){
	.page .pagination li{
		line-height: 45px;
		width: 45px;
		height: 45px;
	}
}
@media(max-width:991px){
	.page .pagination li{
		line-height: 40px;
		width: 40px;
		height: 40px;
	}
	.page .pagination li.prev::after,
	.page .pagination li.next::after
	{
		height: 12px;
	}
}
@media(max-width:480px){
	.page .pagination li{
		font-size: 14px;
		line-height: 35px;
		width: 35px;
		height: 35px;
	}
}




.header{
	width:100%;
	height: 110px;
	position: fixed;
	left:0;
	top:0;
	z-index: 999;
}
.header.on{
	background-color: #fff;
}
.header h1{
	width: 275px;
	height: 70px;
	float: left;
	margin-top: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/logo.png);
}
.header.on h1{
	background-image: url(../images/logo2.png);
}
.header h1 a{
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.header .nav,
.header .hdcall,
.header .menu
{
	float: right;
}
.header .nav{
	margin-top: 35px;
}
.header .nav li{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	float: left;
	margin: 0 5px;
}
.header.on .nav li{
	color: #000;
}
.header .nav li.on,
.header .nav li:hover
{
	color: #a1a1a1;
}
.header .nav li a{
	width: 100%;
	height: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	display: inline-block;
}
.header .hdcall{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	margin: 35px 0 0 40px;
	position: relative;
}
.header.on .hdcall{
	color: #a1a1a1;
}
.header .hdcall::after{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/call.png);
}
.header.on .hdcall::after{
	background-image: url(../images/call2.png);
}
.header .hdcall a{
	width: 100%;
	height: 100%;
	padding-left: 35px;
	box-sizing: border-box;
	display: inline-block;
}
.header .menu{
	width: 35px;
	height: 30px;
	display: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/menu.png);
}
.header.on .menu{
	background-image: url(../images/menu2.png);
}




@media(max-width:1500px){
	.header{
		height: 100px;
	}
	.header h1{
		width: 265px;
		height: 60px;
		margin-top: 20px;
	}
	.header .nav{
		margin-top: 30px;
	}
	.header .nav li a{
		padding: 0 20px;
	}
	.header .hdcall{
		margin: 30px 0 0 40px;
	}
	.header .hdcall a{
		padding-left: 25px;
	}
}
@media(max-width:1300px){
	.header{
		height: 80px;
	}
	.header h1{
		width: 240px;
		height: 50px;
		margin-top: 15px;
	}
	.header .nav{
		margin-top: 20px;
	}
	.header .nav li{
		font-size: 15px;
	}
	.header .nav li a{
		padding: 0 15px;
	}
	.header .hdcall{
		font-size: 15px;
		margin: 20px 0 0 20px;
	}
}
@media(max-width:1200px){
	.header h1{
		width: 220px;
	}
	.header .nav{
		margin-top: 25px;
	}
	.header .nav li{
		line-height: 30px;
		height: 30px;
	}
	.header .nav li a{
		padding: 0 5px;
	}
	header .hdcall{
		margin: 20px 0 0 15px;
	}
}
@media(max-width:991px){
	.header{
		height: 70px;
	}
	.header h1{
		width: 200px;
		height: 40px;
	}
	.header .nav{
		display: none;
	}
	.header .hdcall{
		line-height: 30px;
		height: 30px;
		margin: 20px 20px 0 0;
	}
	.header .menu{
		width: 30px;
		height: 20px;
		display: block;
		margin-top: 25px;
	}
}
@media(max-width:768px){
	.header{
		height: 50px;
	}
	.header h1{
		width: 180px;
		margin-top: 5px;
	}
	.header .hdcall{
		margin: 10px 15px 0 0;
	}
	.header .menu{
		margin-top: 15px;
	}
}
@media(max-width:460px){
	.header h1{
		width: 160px;
		height: 30px;
		margin-top: 10px;
	}
	.header .hdcall{
		margin: 10px 10px 0 0;
	}
}




/* 翻屏效果 */
.screen{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#eff2f7;
	z-index: 100;
}
.screen .swiper-slide{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.screen .item{
	width:100%;
	max-width:1600px;
	box-sizing: border-box;
	margin:0 auto;
}
.screen .autoh{
	height:auto;
	margin-top:0;
}
.screen .page-pagination{
	position: absolute;
	right:auto;
	display:inline-block;
	z-index: 9999;
	padding-left:50px;
	width:10px;
}
.screen .page-pagination .swiper-pagination-bullet{
	display:inline-block;
	height:10px;
	width:10px;
	background:rgba(0,0,0,.5);
	cursor:pointer;
	opacity:.6;
	transition:all 0.3s ease-in;
	margin:6px 0 !important;
	outline: none;
}
.screen .page-pagination .swiper-pagination-bullet-active{
	background:rgba(0,0,0,.8);
	opacity:1;
}


@media (max-width:1500px){
	.screen .item{
		padding-left: 15px;
		padding-right:15px;
	}
}
@media (max-width:991px){
	.screen .page-pagination{
		padding-left:15px;
	}
	.screen .page-pagination .swiper-pagination-bullet{
		height:8px;
		width:8px;
		margin:5px 0 !important;
	}
}




/* 广告图 */
.ibanner{
	width: 100%;
	height: 100%;
}
.ibanner .swiper-slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.ibanner .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ibanner .swiper-pagination{
	bottom: 40px;
}
.ibanner .swiper-pagination-bullet{
	width: 50px;
	height: 1px;
	border-radius: 0;
	margin: 0 10px !important;
	background-color: rgba(255, 255, 255,.5);
	transition: all .3s ease-in-out;
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #fff;
}




@media(max-width:1500px){
	.ibanner .swiper-pagination{
		bottom: 30px;
	}
	.ibanner .swiper-pagination-bullet{
		width: 40px;
	}
}
@media(max-width:1300px){
	.ibanner .swiper-pagination-bullet{
		margin: 0 8px!important;
	}
}
@media(max-width:991px){
	.ibanner .swiper-pagination{
		bottom: 25px;
	}
}
@media(max-width:768px){
	.ibanner .swiper-pagination-bullet{
		width: 30px;
		margin: 0 6px!important;
	}
}




.inc_banner {font-size:0;}
.inc_banner img {width:100%;}




.ipro .listbox{
	display: flex;
	flex-wrap: wrap;
	max-width: 955px;
	margin: 0 auto 45px auto;
}
.ipro .listbox .list{
	text-align: center;
	width: 25%;
	position: relative;
}
.ipro .listbox .list::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 2px;
	height: 50px;
	background-color: #c9c9c9;
}
.ipro .list h4{
	color: #333;
	font-size: 45px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}
.ipro .list h4 span,
.ipro .list h4 sup
{
	display: inline-block;
}
.ipro .list p,
.ipro .list i
{
	color: #666;
	font-size: 16px;
}
.ipro .list p{
	margin-bottom: 10px;
}
.ipro_slide{
	max-width: 980px;
}
.ipro_slide .swiper-wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 110px;
}
.ipro_slide .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 300ms;
	transform: scale(0.7);
}
.ipro_slide .swiper-slide.swiper-slide-prev,
.ipro_slide .swiper-slide.swiper-slide-next
{
	transform: scale(0.8);
}
.ipro_slide .swiper-slide-active{
	transform: scale(1);
}
.ipro_slide .swiper-pagination-bullet{
	width: 36px;
	height: 2px;
	margin: 0 12px!important;
	border-radius: 0;
	background-color: #fff;
}
.ipro_slide .swiper-pagination-bullet-active{
	background-color: #22303a;
}




@media(max-width:1500px){
	.ipro_slide .swiper-wrapper{
		margin-bottom: 80px;
	}
}
@media(max-width:1400px){
	.ipro .list h4{
		font-size: 40px;
	}
	.ipro_slide .swiper-wrapper{
		margin-bottom: 60px;
	}
}
@media(max-width:1300px){
	.ipro .list h4{
		font-size: 35px;
	}
	.ipro_slide .swiper-wrapper{
		margin-bottom: 50px;
	}
}
@media(max-width:1200px){
	.ipro .list h4{
		font-size: 30px;
	}
	.ipro .list p,
	.ipro .list i
	{
		font-size: 15px;
	}
	.ipro .list p{
		margin-bottom: 5px;
	}
}
@media(max-width:991px){
	.ipro_slide{
		display: none;
	}
	.ipro .listbox{
		margin-bottom: 35px;
	}
}
@media(max-width:460px){
	.ipro .listbox{
		margin-bottom: 10px;
	}
	.ipro .listbox .list{
		width: 50%;
		margin-bottom: 20px;
	}
	.ipro .listbox .list:nth-child(2n)::after{
		display: none;
	}
}




.mb-ipro-slide{
	display: none;
	margin: 0 15px;
}
.mb-ipro-slide .swiper-wrapper{
	display: flex;
	margin-bottom: 40px;
}
.mb-ipro-slide .img{
	height: 250px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
}
.mb-ipro-slide .swiper-pagination-bullet{
	width: 30px;
	height: 2px;
	margin: 0 5px!important;
	border-radius: 0;
	background-color: #fff;
}
.mb-ipro-slide .swiper-pagination-bullet-active{
	background-color: #22303a;
}




@media(max-width:991px){
	.mb-ipro-slide{
		display: block;
	}	
}
@media(max-width:460px){
	.mb-ipro-slide .swiper-wrapper{
		margin-bottom: 30px;
	}
	.mb-ipro-slide .img{
		height: 200px;
	}
}




.iab .textbox{
	color: #fff;
	width: 43%;
	float: right;
}
.iab .textbox .text{
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 70px;
}
.iab .textbox .listbox{
	display: flex;
	flex-wrap: wrap;
}
.iab .textbox .listbox .list{
	text-align: left;
	width: 50%;
	position: relative;
	margin-bottom: 35px;
	box-sizing: border-box;
}
.iab .textbox .listbox .list:nth-child(2n){
	padding-left: 80px;
}
.iab .textbox .listbox .list:nth-child(3),
.iab .textbox .listbox .list:nth-child(4)
{
	margin-bottom: 0;
}
.iab .textbox .listbox .list::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 75px;
	background-color: #fff;
}
.iab .textbox .listbox .list:nth-child(2n):after{
	display: none;
}
.iab .textbox .list .li{
	text-align: left;
	display: inline-block;
}
.iab .textbox .list h4{
	font-size: 84px;
	font-weight: bold;
}
.iab .textbox .list h4 small{
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
}
.iab .textbox .list:nth-child(4) h4 small{
	font-size: 84px;
	display: inline-block;
}
.iab .textbox .list p{
	font-size: 20px;
}
.iab .textbox .list i{
	font-size: 10px;
}




@media(max-width:1500px){
	.iab .textbox .list h4{
		font-size: 65px;
	}
	.iab .textbox .list:nth-child(4) h4 small{
		font-size: 65px;
	}
}
@media(max-width:1400px){
	.iab .textbox .text{
		line-height: 32px;
		margin-bottom: 60px;
	}
	.iab .textbox .list p{
		font-size: 18px;
	}
}
@media(max-width:1300px){
	.iab .textbox .text{
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 50px;
	}
	.iab .textbox .listbox .list::after{
		height: 60px;
	}
	.iab .textbox .list h4{
		font-size: 50px;
	}
	.iab .textbox .list h4 small{
		font-size: 16px;
	}
	.iab .textbox .list:nth-child(4) h4 small{
		font-size: 50px;
	}
	.iab .textbox .list p{
		font-size: 17px;
	}
}
@media(max-width:1200px){
	.iab .textbox .text{
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 40px;
	}
	.iab .textbox .list h4{
		font-size: 40px;
	}
	.iab .textbox .list h4 small{
		font-size: 14px;
	}
	.iab .textbox .list:nth-child(4) h4 small{
		font-size: 40px;
	}
	.iab .textbox .list p{
		font-size: 15px;
	}
}
@media(max-width:991px){
	.iab .textbox{
		width: 50%;
	}
}
@media(max-width:768px){
	.iab .textbox{
		width: 100%;
	}
	.iab .textbox .listbox .list{
		text-align: center;
		width: 50%;
		margin-bottom: 25px;
	}
	.iab .textbox .listbox .list:nth-child(2n){
		padding-left: 0;
		text-align: center;
	}
	.iab .textbox .listbox .list::after{
		height: 50px;
	}
	.iab .textbox .list .li{
		text-align: center;
	}
	.iab .textbox .text{
		margin-bottom: 30px;
	}
}




.inews .title{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.inews .title .tit{
	color: #666;
	font-size: 24px;
	line-height: 36px;
}
.inews .title .btnbox{
	width: 130px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.inews .title .btnbox .swiper-button-prev,
.inews .title .btnbox .swiper-button-next
{
	width: 50px;
	height: 50px;
	margin-top: 0;
	position: relative;
	top: 0;
	background-color: #fff;
	background-image: none;
}
.inews .title .btnbox .swiper-button-prev{
	left: 0;
}
.inews .title .btnbox .swiper-button-next{
	right: 0;
}
.inews .title .btnbox .swiper-button-prev:hover,
.inews .title .btnbox .swiper-button-next:hover
{
	background-color: #22303a;
}
.inews .title .btnbox .swiper-button-prev::after,
.inews .title .btnbox .swiper-button-next::after
{
	content: '';
	width: 12px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.inews .title .btnbox .swiper-button-prev::after{
	background-image: url(../images/inews_prev.png);
}
.inews .title .btnbox .swiper-button-prev:hover::after{
	background-image: url(../images/inews_prev2.png);
}
.inews .title .btnbox .swiper-button-next::after{
	background-image: url(../images/inews_next.png);
}
.inews .title .btnbox .swiper-button-next:hover::after{
	background-image: url(../images/inews_next2.png);
}
.inews_slide .swiper-slide{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row;
	justify-content: space-between;
}
.inews_slide .bignews{
	color: #fff;
	width: 42.5%;
	height: 455px;
	position: relative;
}
.inews_slide .bignews .time{
	position: absolute;
	top: 25px;
	right: 38px;
}
.inews_slide .bignews .time span,
.inews_slide .bignews .time em
{
	display: block;
}
.inews_slide .bignews .time span{
	font-size: 16px;
}
.inews_slide .bignews .time em{
	font-size: 50px;
	font-weight: bold;
}
.inews_slide .bignews .text{
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
	transition: all .5s;
	position: absolute;
	left: 0;
	bottom: 0;
}
.inews_slide .bignews:hover .text{
	background-color: rgba(0,0,0,.5);
}
.inews_slide .bignews .text h4,
.inews_slide .bignews .text p
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.inews_slide .listbox{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inews_slide .listbox .list{
	width: 48%;
	height: 455px;
	position: relative;
	background-color: #fff;
}
.inews_slide .listbox .list::after{
	content: '';
	width: 21px;
	height: 15px;
	position: absolute;
	right: 50px;
	bottom: 31px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/inews_more.png);
}
.inews_slide .list a{
	width: 100%;
	height: 100%;
	padding: 27px 58px 100px 42px;
	box-sizing: border-box;
	display: inline-block;
}
.inews_slide .list em{
	color: #666;
	font-size: 14px;
	margin-bottom: 25px;
	display: block;
}
.inews_slide .list h4,
.inews_slide .list p
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inews_slide .list h4{
	color: #000;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 16px;
}
.inews_slide .list .line{
	width: 100%;
	height: 1px;
	margin-bottom: 16px;
	position: relative;
	background-color: #dcdcdc;
}
.inews_slide .list .line::after{
	content: '';
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .5s;
	background-color: #000;
}
.inews_slide .list:hover .line::after{
	width: 100%;
}
.inews_slide .list p{
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.inews_slide .list .time{
	width: 100%;
	padding: 0 70px 0 42px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.inews_slide .list .time span,
.inews_slide .list .time i
{
	color: #666;
	display: block;
}
.inews_slide .list .time span{
	font-size: 16px;
}
.inews_slide .list .time i{
	font-size: 50px;
	font-weight: bold;
}




@media(max-width:1400px){
	.inews .title .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.inews .title .btnbox{
		width: 100px;
		height: 40px;
	}
	.inews .title .btnbox .swiper-button-prev,
	.inews .title .btnbox .swiper-button-next
	{
		width: 40px;
		height: 40px;
	}
	.inews .title .btnbox .swiper-button-prev::after, 
	.inews .title .btnbox .swiper-button-next::after
	{
		height: 16px;
	}
	.inews_slide .bignews{
		height: 410px;
	}
	.inews_slide .bignews .text{
		padding: 20px 30px;
	}
	.inews_slide .bignews .time em{
		font-size: 40px;
	}
	.inews_slide .listbox .list{
		height: 410px;
	}
	.inews_slide .list .time i{
		font-size: 40px;
	}
	.inews_slide .list a{
		padding: 27px 58px 80px 42px;
	}
}
@media(max-width:1300px){
	.inews_slide .bignews{
		height: 360px;
	}
	.inews_slide .bignews .time{
		right: 30px;
	}
	.inews_slide .bignews .text{
		font-size: 16px;
		line-height: 26px;
		padding: 20px;
	}
	.inews_slide .bignews .time em{
		font-size: 30px;
	}
	.inews_slide .listbox .list{
		height: 360px;
	}
	.inews_slide .list .time i{
		font-size: 30px;
	}
	.inews_slide .list a{
		padding: 27px 42px 70px 42px;
	}
	.inews_slide .list em{
		margin-bottom: 15px;
	}
	.inews_slide .list h4{
		font-size: 16px;
		line-height: 26px;
	}
	.inews_slide .list p{
		font-size: 14px;
		line-height: 24px;
	}
	.inews_slide .list .time{
		padding: 0 42px 0 42px;
	}
	.inews_slide .listbox .list::after{
		right: 40px;
	}
}
@media(max-width:991px){
	.inews .title{
		margin-bottom: 40px;
	}
	.inews_slide .bignews{
		height: 310px;
	}
	.inews_slide .bignews .time{
		top: 20px;
		right: 20px;
	}
	.inews_slide .listbox .list{
		height: 310px;
	}
	.inews_slide .list a {
    padding: 25px 30px 70px 30px;
	}
	.inews_slide .list .time{
		padding: 0 30px 0 30px;
	}
	.inews_slide .listbox .list::after{
		width: 18px;
		right: 28px;
	}
}
@media(max-width:768px){
	.inews .title{
		align-items: center;
	}
	.inews .title .btnbox{
		width: 90px;
		margin-top: 0;
	}
	.inews_slide .bignews{
		width: 100%;
		margin-bottom: 20px;
	}
	.inews_slide .listbox{
		width: 100%;
	}
	.inews_slide .listbox .list{
		width: 49%;
	}
	.inews_slide .list a {
    padding: 25px 15px 70px 15px;
	}
	.inews_slide .list .time{
		padding: 0 15px 0 15px;
	}
	.inews_slide .listbox .list::after{
		right: 15px;
	}
}
@media(max-width:460px){
	.inews .title{
		margin-bottom: 35px;
	}
	.inews .title .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.inews .title .btnbox{
		width: 80px;
		height: 35px;
	}
	.inews .title .btnbox .swiper-button-prev,
	.inews .title .btnbox .swiper-button-next
	{
		width: 35px;
		height: 35px;
	}
	.inews_slide .bignews{
		height: 260px;
		margin-bottom: 0;
	}
	.inews_slide .bignews .text{
		padding: 15px;
	}
	.inews_slide .listbox{
		display: none;
	}
}




.footer{
	padding: 85px 0 40px 0;
}
.ftbg{
	background-image: url(../images/ftbg.jpg);
}
.footer .ftbox{
	display: flex;
	justify-content: space-between;
	margin-bottom: 128px;
}
.footer .ftbox .ftnav{
	width: 68%;
	display: flex;
	justify-content: space-between;
}
.footer .ftnav dl dt{
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	margin-bottom: 20px;
}
.footer .ftnav dl dt:hover{
	color: #999;
}
.footer .ftnav dl dd{
	color: #999;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
}
.footer .ftnav dl dd:hover{
	color: #fff;
}
.footer .ftnav dl dt a,
.footer .ftnav dl dd a
{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.footer .share .code-pic{
	display: flex;
	margin-bottom: 20px;
}
.footer .share .code-pic .img{
	width: 125px;
	height: 125px;
	margin-right: 30px;
}
.footer .share .code-pic .img:last-child{
	margin-right: 0;
}
.footer .share .code-pic .img img{
	width: 100%;
	height: 100%;
}
.footer .share p{
	color: #999;
	font-size: 14px;
}
.footer .copy{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding-top: 40px;
	box-sizing: border-box;
	border-top: 1px solid #2b2b2b;
}




@media(max-width:1500px){
	.footer .share .code-pic .img{
		width: 120px;
		height: 120px;
		margin-right: 20px;
	}
}
@media(max-width:1400px){
	.footer{
		padding: 70px 0 40px 0;
	}
	.footer .ftbox{
		margin-bottom: 100px;
	}
	.footer .ftnav dl dt{
		margin-bottom: 10px;
	}
	.footer .share .code-pic .img{
		width: 100px;
		height: 100px;
	}
}
@media(max-width:1300px){
	.footer .ftbox{
		margin-bottom: 80px;
	}
	.footer .ftnav dl dt{
		font-size: 16px;
	}
	.footer .ftnav dl dd{
		line-height: 32px;
		height: 32px;
	}
	.footer .share .code-pic .img{
		width: 100px;
		height: 100px;
	}
}
@media(max-width:1200px){
	.footer{
		padding: 60px 0 40px 0;
	}
	.footer .ftbox{
		margin-bottom: 60px;
	}
}
@media(max-width:991px){
	.footer{
		padding: 40px 0;
	}
	.footer .ftbox{
		margin-bottom: 40px;
	}
	.footer .ftbox .ftnav{
		display: none;
	}
	.footer .ftbox .share{
		text-align: center;
		width: 100%;
	}
	.footer .share .code-pic{
		justify-content: center;
		margin-bottom: 12px;
	}
	.footer .share .code-pic .img{
		width: 80px;
		height: 80px;
		margin-right: 15px;
	}
}
@media(max-width:768px){
	.footer{
		padding: 30px 0;
	}
	.footer .ftbox{
		margin-bottom: 30px;
	}
	.footer .copy{
		line-height: 26px;
		padding-top: 30px;
	}
}
@media(max-width:460px){
	.footer{
		padding: 25px 0 20px 0;
	}
	.footer .ftbox{
		margin-bottom: 20px;
	}
	.footer .copy{
		padding-top: 20px;
	}
}




.news{
	padding: 65px 0 35px 0;
}
.news .listbox{
	display: flex;
	flex-wrap: wrap;
	padding-top: 70px
}
.news .listbox .list{
	width: 32%;
	margin: 0 2% 45px 0;
	background-color: #fff;
}
.news .listbox .list:nth-child(3n){
	margin-right: 0;
}
.news .list .img{
	height: 390px;
}
.news .list .text{
	font-size: 16px;
	height: 240px;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
}
.news .list .text h4{
	color: #333;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .3s;
}
.news .list:hover .text h4{
	font-size: 18px;
	font-weight: bold;
}
.news .list .text .time{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
}
.news .list .text .time span,
.news .list .text .time em
{
	display: block;
}
.news .list .text .time span{
	color: #666;
}
.news .list .text .time em{
	color: #aaa;
	padding-right: 35px;
	box-sizing: border-box;
	position: relative;
}
.news .list:hover .text .time em{
	color: #22303a;
}
.news .list .text .time em::after{
	content: '';
	width: 16px;
	height: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/nsmore.png);
}
.news .list:hover .text .time em::after{
	background-image: url(../images/nsmore2.png);
}
.news .page{
	padding: 45px 0;
}




@media(max-width:1500px){
	.news .list .img{
		height: 360px;
	}
	.news .list .text{
		height: 220px;
	}
}
@media(max-width:1400px){
	.news{
		padding: 60px 0 35px 0;
	}
	.news .list .img{
		height: 310px;
	}
	.news .list .text{
		height: 200px;
	}
	.news .page{
		padding: 20px 0 30px 0;
	}
}
@media(max-width:1300px){
	.news{
		padding: 50px 0 35px 0;
	}
	.news .listbox{
		padding-top: 55px;
	}
	.news .listbox .list{
		margin: 0 2% 35px 0;
	}
	.news .list .img{
		height: 280px;
	}
	.news .list .text{
		height: 180px;
		padding: 20px;
	}
	.news .list .text h4{
		line-height: 30px;
	}
	.news .list .text .time{
		left: 20px;
		right: 20px;
		bottom: 20px;
	}
}
@media(max-width:991px){
	.news{
		padding: 35px 0;
	}
	.news .listbox{
		padding-top: 40px;
	}
	.news .list .img{
		height: 240px;
	}
	.news .list .text{
		font-size: 15px;
		height: 160px;
		padding: 20px 15px;
	}
	.news .list:hover .text h4{
		font-size: 16px;
	}
	.news .list .text h4{
		line-height: 26px;
	}
	.news .list .text .time{
		left: 15px;
		right: 15px;
		bottom: 20px;
	}
	.news .list .text .time em{
		padding-right: 25px;
	}
	.news .list .text{
		height: 140px;
	}
}
@media(max-width:768px){
	.news .listbox{
		justify-content: space-between;
	}
	.news .listbox .list{
		width: 48%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.news .list .img{
		height: 200px;
	}
	.news .list .text{
		height: 130px;
	}
	.news .page{
		padding: 20px 0 25px 0;
	}
}
@media(max-width:480px){
	.news .listbox{
		padding-top: 35px;
	}
	.news{
		padding: 30px 0;
	}
	.news .listbox .list{
		width: 100%;
	}
	.news .page{
		padding: 10px 0 20px 0;
	}
}




.newsv{
	color: #666;
padding-top: 120px;
padding-bottom: 100px;
}
.newsv .tit{
margin-bottom: 40px;
text-align: center;
}
.newsv .tit h2{
color: #444;
font-size: 26px;
line-height: 30px;
margin-bottom: 20px;
}
.newsv .tit em{
font-size: 18px;
display: block;
}
.newsv .text_box{
font-size: 18px;
line-height: 36px;
padding-bottom: 70px;
margin-bottom: 45px;
border-bottom: 1px solid #d2d2d2;
}
.newsv  .agrop{
text-align: center;
}
.newsv  .agrop a{
color: #666;
font-size: 18px;
padding-right: 50px;
display: inline-block;
position: relative;
margin-right: 50px;
}
.newsv .agrop a:last-child{
margin-right: 0;
}
.newsv  .agrop a::after{
content: '';
position: absolute;
top: 50%;
margin-top: -10px;
right: 0;
width: 1px;
height: 20px;
background-color: #bfbfbf;
}
.newsv .agrop a:last-child::after{
display: none;
}
.newsv  .agrop a:hover{
color: #333;
text-decoration: underline;
}




@media (max-width:1500px){
.newsv{
	padding-top: 100px;
}
}
@media (max-width:1400px){
.newsv{
	padding: 80px 0;
}
.newsv .tit{
	margin-bottom: 65px;
}
.newsv .tit h2{
	margin-bottom: 10px;
}
.newsv .text_box{
	padding-bottom: 80px;
}
}
@media (max-width:1200px){
.newsv{
	padding: 60px 0;
}
.newsv .tit{
	margin-bottom: 45px;
}
.newsv .tit h3{
	font-size: 22px;
	margin-bottom: 10px;
}
.newsv .tit em{
	font-size: 16px;
}
.newsv .text_box{
	padding-bottom: 60px;
}
.newsv .text_box{
	line-height: 30px;
}
.newsv.agrop a{
	padding-right: 40px;
	margin-right: 40px;
}
}
@media (max-width:991px){
.newsv{
	padding: 50px 0;
}
.newsv .tit{
	margin-bottom: 35px;
}
.newsv .tit h2{
	font-size: 20px;
	margin-bottom: 10px;
}
.newsv .text_box{
	font-size: 14px;
	line-height: 25px;
	padding-bottom: 40px;
	margin-bottom: 35px;
}
.newsv .agrop a{
	font-size: 16px;
	padding-right: 30px;
	margin-right: 30px;
}
}
@media (max-width:768px){
.newsv{
	padding: 40px 0;
}
.newsv .tit em{
	font-size: 14px;
}
.newsv .tit{
	margin-bottom: 30px;
}
.newsv .tit h2{
	font-size: 16px;
	line-height: 26px;
}
.newsv .agrop a{
	font-size: 14px;
	padding-right: 20px;
	margin-right: 20px;
}
.newsv .text_box{
	padding-bottom: 30px;
	margin-bottom: 30px;
}
}




.contact{
	padding: 125px 0;
}
.contact .title{
	text-align: center;
	margin-bottom: 75px;
}
.contact .title h2{
	color: #22303a;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 12px;
}
.contact .title p{
	color: #7b7b7b;
	font-size: 16px;
}
.contact .listbox .list{
	text-align: center;
	width: 24%;
	height: 235px;
	float: left;
	padding: 45px 20px 20px 20px;
	margin-right: 1.333%;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all .5s;
	background-color: #fff;
}
.contact .listbox .list:last-child{
	margin-right: 0;
}
.contact .listbox .list:hover{
	background-color: #22303a;
}
.contact .list i{
	width: 45px;
	height: 45px;
	margin: 0 auto 18px auto;
	display: block;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.contact .list:nth-child(1) i,
.contact .list:nth-child(2) i
{
	background-image: url(../images/con_ic1.png);
}
.contact .list:nth-child(1):hover i,
.contact .list:nth-child(2):hover i
{
	background-image: url(../images/con_ic11.png);
}
.contact .list:nth-child(3) i{
	background-image: url(../images/con_ic2.png);
}
.contact .list:nth-child(3):hover i{
	background-image: url(../images/con_ic22.png);
}
.contact .list:nth-child(4) i{
	background-image: url(../images/con_ic3.png);
}
.contact .list:nth-child(4):hover i{
	background-image: url(../images/con_ic33.png);
}
.contact .list h4{
	color: #333;
	font-size: 18px;
	margin-bottom: 16px;
	transition: all .5s;
}
.contact .list p{
	font-size: 16px;
	line-height: 24px;
	transition: all .5s;
}
.contact .list:hover h4,
.contact .list:hover p
{
	color: #fff;
}




@media(max-width:1500px){
	.contact{
		padding: 110px 0;
	}
	.contact .title{
		margin-bottom: 65px;
	}
	.contact .title h2{
		font-size: 32px;
	}
}
@media(max-width:1400px){
	.contact{
		padding: 90px 0;
	}
	.contact .title h2{
		font-size: 28px;
	}
	.contact .title h2{
		margin-bottom: 8px;
	}
	.contact .listbox .list{
		height: 220px;
	}
	.contact .list i{
		width: 40px;
		height: 40px;
		margin: 0 auto 15px auto;
	}
	.contact .list h4{
		margin-bottom: 13px;
	}
}
@media(max-width:1300px){
	.contact{
		padding: 70px 0;
	}
	.contact .title{
		margin-bottom: 50px;
	}
	.contact .listbox .list{
		padding: 40px 15px;
	}
}
@media(max-width:1200px){
	.contact{
		padding: 60px 0;
	}
	.contact .title h2{
		font-size: 25px;
	}
	.contact .title{
		margin-bottom: 45px;
	}
	.contact .listbox .list{
		height: 180px;
		padding: 30px 15px;
	}
	.contact .list i{
		width: 35px;
		height: 35px;
		margin: 0 auto 10px auto;
	}
	.contact .list h4{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.contact .list p{
		font-size: 14px;
	}
}
@media(max-width:991px){
	.contact{
		padding: 50px 0;
	}
	.contact .title{
		margin-bottom: 35px;
	}
	.contact .title h2{
		font-size: 23px;
		margin-bottom: 5px;
	}
	.contact .title p{
		font-size: 15px;
	}
}
@media(max-width:768px){
	.contact{
		padding: 40px 0;
	}
	.contact .title h2{
		font-size: 20px;
	}
	.contact .listbox .list{
		width: 100%;
		height: 160px;
		float: none;
		margin-bottom: 25px;
	}
	.contact .listbox .list:last-child{
		margin-bottom: 0;
	}
}
@media(max-width:480px){
	.contact .listbox .list{
		height: 150px;
	}
	.contact .list i{
		width: 30px;
		height: 30px;
	}
}




.map{
	max-width: 1600px;
	height: 690px;
	margin: 110px auto;
	border-radius: 5px;
	overflow: hidden;
}
.map img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}




@media(max-width:1500px){
	.map{
		height: 640px;
	}
}
@media(max-width:1400px){
	.map{
		height: 590px;
		margin: 90px auto;
	}
}
@media(max-width:1300px){
	.map{
		height: 540px;
		margin: 70px auto;
	}
}
@media(max-width:1200px){
	.map{
		height: 490px;
		margin: 60px auto;
	}
}
@media(max-width:991px){
	.map{
		height: 420px;
		margin: 50px auto;
	}
}
@media(max-width:768px){
	.map{
		height: 350px;
		margin: 40px auto;
	}
}
@media(max-width:640px){
	.map{
		height: 300px;
	}
}
@media(max-width:460px){
	.map{
		height: 250px;
	}
}




.job{
	padding: 30px 0 115px 0;
}
.job .title{
	text-align: center;
	padding: 75px 0 50px 0;
}
.job .title h2{
	color: #223039;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 25px;
}
.job .title .txt{
	color: #999;
	font-size: 16px;
	line-height: 36px;
}
.job .listbox .list{
	padding: 35px 100px 35px 35px;
	margin-bottom: 65px;
	box-sizing: border-box;
	background-color: #fff;
}
.job .listbox .list:last-child{
	margin-bottom: 0;
}
.job .list .img{
	width: 49.5%;
	height: 450px;
	float: left;
	border-radius: 5px;
}
.job .list .textbox{
	width: 45.052%;
	float: right;
	padding-top: 35px;
}
.job .list .textbox h4{
	color: #333;
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	padding-left: 65px;
	margin-bottom: 40px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #333;
}
.job .list .textbox h4::after{
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/job_ic.png);
}
.job .list .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 50px;
}
.job .list .btngrop .label{
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 45px;
	width: 26%;
	height: 45px;
	float: left;
	margin-right: 3.6%;
	border-radius: 5px;
	transition: all .5s;
	box-sizing: border-box;
	border: 1px solid #223039;
}
.job .list .btngrop .label:last-child{
	margin-right: 0;
}
.job .list .btngrop .label:hover{
	color: #fff;
	background-color: #223039;
}
.job .list .btngrop .label a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




@media(max-width:1500px){
	.job{
		padding: 30px 0 100px 0;
	}
	.job .title{
		padding: 60px 0 50px 0;
	}
	.job .title h2{
		font-size: 34px;
	}
}
@media(max-width:1400px){
	.job{
		padding: 30px 0 80px 0;
	}
	.job .title{
		padding: 40px 0 50px 0;
	}
	.job .title h2{
		margin-bottom: 15px;
	}
	.job .title .txt{
		line-height: 32px;
	}
	.job .list .img{
		height: 400px;
	}
	.job .listbox .list{
		padding: 35px 75px 35px 35px;
		margin-bottom: 50px;
	}
	.job .list .textbox{
		padding-top: 20px;
	}
}
@media(max-width:1300px){
	.job{
		padding: 30px 0 70px 0;
	}
	.job .title h2{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.job .listbox .list{
		padding: 35px 60px 35px 35px;
	}
	.job .list .img{
		height: 350px;
	}
	.job .list .textbox{
		padding-top: 15px;
	}
	.job .list .textbox h4{
		line-height: 55px;
		height: 55px;
		padding-left: 40px;
		margin-bottom: 30px;
	}
	.job .list .textbox h4::after{
		left: 0;
	}
	.job .list .textbox .text{
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 40px;
	}
	.job .list .btngrop .label{
		font-size: 15px;
		line-height: 40px;
		height: 40px;
		margin-right: 2.5%;
	}
}
@media(max-width:1200px){
	.job{
		padding: 30px 0 60px 0;
	}
	.job .title{
		padding: 30px 0 40px 0;
	}
	.job .title h2{
		font-size: 26px;
	}
	.job .title .txt{
		font-size: 15px;
		line-height: 30px;
	}
	.job .listbox .list{
		margin-bottom: 45px;
		padding: 35px;
	}
	.job .list .textbox{
		padding-top: 0;
	}
	.job .list .textbox h4{
		font-size: 16px;
		line-height: 45px;
		height: 45px;
	}
	.job .list .textbox h4::after{
		width: 28px;
		height: 28px;
	}
	.job .list .textbox .text{
		margin-bottom: 30px;
	}
}
@media(max-width:991px){
	.job{
		padding: 30px 0 50px 0;
	}
	.job .title h2{
		font-size: 24px;
	}
	.job .title .txt{
		line-height: 28px;
	}
	.job .listbox .list{
		padding: 25px;
		margin-bottom: 40px;
	}
	.job .list .img{
		width: 100%;
		height: 300px;
		max-width: 500px;
		float: none;
		margin-bottom: 20px;
	}
	.job .list .textbox{
		width: 100%;
		float: none;
	}
	.job .list .textbox h4{
		padding-left: 30px;
		margin-bottom: 25px;
	}
	.job .list .textbox h4::after{
		width: 26px;
		height: 26px;
	}
	.job .list .textbox .text{
		line-height: 26px;
	}
}
@media(max-width:768px){
	.job{
		padding: 20px 0 40px 0;
	}
	.job .title{
		padding: 25px 0 35px 0;
	}
	.job .title h2{
		font-size: 22px;
	}
	.job .listbox .list{
		margin-bottom: 30px;
	}
	.job .list .img{
		height: 250px;
		max-width: 450px;
		margin-bottom: 15px;
	}
	.job .list .textbox h4{
		line-height: 40px;
		height: 40px;
	}
}
@media(max-width:480px){
	.job .title{
		padding: 25px 0 30px 0;
	}
	.job .title h2{
		font-size: 20px;
	}
	.job .title .txt{
		font-size: 14px;
		line-height: 24px;
	}
	.job .listbox .list{
		padding: 25px 15px;
	}
	.job .list .img{
		height: 200px;
	}
	.job .list .textbox .text{
		font-size: 14px;
	}
	.job .list .textbox h4{
		margin-bottom: 20px;
	}
	.job .list .textbox h4::after{
		width: 24px;
		height: 24px;
	}
	.job .list .textbox .text{
		margin-bottom: 20px;
	}
	.job .list .btngrop .label{
		font-size: 14px;
		line-height: 35px;
		width: 32%;
		height: 35px;
		margin-right: 2%;
	}
}




.join_tit{
	color: #000;
	font-size: 36px;
	text-align: center;
	padding-bottom: 25px;
	position: relative;
}
.join_tit::after{
	content: '';
	width: 66px;
	height: 3px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	border-radius: 50px;
	background-color: #22303a;
}




@media(max-width:1500px){
	.join_tit{
		font-size: 34px;
		padding-bottom: 20px;
	}
}
@media(max-width:1400px){
	.join_tit{
		font-size: 30px;
	}
}
@media(max-width:1300px){
	.join_tit{
		font-size: 28px;
		padding-bottom: 20px;
	}
	.join_tit::after{
		width: 55px;
	}
}
@media(max-width:1200px){
	.join_tit{
		font-size: 26px;
	}
	.join_tit::after{
		width: 50px;
	}
}
@media(max-width:991px){
	.join_tit{
		font-size: 24px;
		padding-bottom: 15px;
	}
	.join_tit::after{
		width: 40px;
	}
}
@media(max-width:991px){
	.join_tit{
		font-size: 22px;
		padding-bottom: 12px;
	}
	.join_tit::after{
		width: 35px;
	}
}
@media(max-width:480px){
	.join_tit{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.join_tit::after{
		width: 30px;
	}
}



.joinbox{
	padding: 85px 0 110px 0;
}
.joinbox .join_tit{
	margin-bottom: 20px;
}
.joinbox .txt{
	color: #5d5d5d;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 40px;
}
.joinbox .join{
	padding: 80px 90px 55px 90px;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff;
}
.joinbox .join .text{
	width: 39.5%;
	float: left;
	padding-top: 5px;
}
.joinbox .join .text h4{
	color: #000;
	font-size: 30px;
	margin-bottom: 70px;
}
.joinbox .join .text .txt2{
	color: #666;
	font-size: 16px;
	line-height: 36px;
}
.joinbox .join .formbox{
	width: 53%;
	float: right;
}
.joinbox .join .formbox .label{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.joinbox .join .formbox .label:last-child{
	margin-bottom: 0;
}
.joinbox .join .formbox .label.address{
	margin-bottom: 30px;
}
.joinbox .join .formbox input,
.joinbox .join .formbox button
{
	font-size: 16px;
	height: 55px;
	opacity: 1;
	border: none;
	outline: none;
	border-radius: 50px;
}
.joinbox .join .formbox input{
	width: 48%;
	color: #5d5d5d;
	font-size: 16px;
	padding: 0 50px;
	box-sizing: border-box;
	background-color: #f5f7fb;
}
.joinbox .join .formbox .label .verfiy{
	width: 52%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 50px;
}
.joinbox .join .formbox .label .verfiy .img{
	width: 36%;
	height: 55px;
	cursor: pointer;
	background-color: #000;
}
.joinbox .join .formbox .label .verfiy .img img{
	width: 100%;
	height: 100%;
}
.joinbox .join .formbox .label .verfiy input{
	text-align: center;
	width: 53%;
	padding: 0 15px;
}
.joinbox .join .formbox .label button{
	color: #fff;
	width: 35.4%;
	cursor: pointer;
	transition: all .5s;
	background-color: #22303a;
}
.joinbox .join .formbox .label button:hover{
	background-color: #19242c;
}




@media(max-width:1500px){
	.joinbox{
		padding: 80px 0 100px 0;
	}
	.joinbox .join{
		padding: 55px 80px;
	}
	.joinbox .join .text h4{
		margin-bottom: 60px;
	}
}
@media(max-width:1400px){
	.joinbox{
		padding: 80px 0;
	}
	.joinbox .join .text h4{
		font-size: 26px;
		margin-bottom: 50px;
	}
	.joinbox .join .text .txt2{
		line-height: 32px;
	}
	.joinbox .join{
		padding: 55px 60px;
	}
	.joinbox .join .formbox input,
	.joinbox .join .formbox button
	{
		height: 50px;
	}
	.joinbox .join .formbox input{
		padding: 0 35px;
	}
	.joinbox .join .formbox .label.address{
		margin-bottom: 20px;
	}
	.joinbox .join .formbox .label .verfiy{
		margin-left: 0;
	}
	.joinbox .join .formbox .label .verfiy .img{
		height: 50px;
	}
}
@media(max-width:1300px){
	.joinbox{
		padding: 70px 0;
	}
	.joinbox .txt{
		font-size: 15px;
		line-height: 28px;
	}
	.joinbox .join{
		padding: 40px 50px;
	}
	.joinbox .join .text h4{
		font-size: 24px;
		margin-bottom: 40px;
	}
	.joinbox .join .text .txt2{
		font-size: 15px;
		line-height: 28px;
	}
	.joinbox .join .formbox input,
	.joinbox .join .formbox button
	{
		font-size: 15px;
	}
	.joinbox .join .formbox input{
		padding: 0 25px;
	}
}
@media(max-width:1200px){
	.joinbox{
		padding: 60px 0;
	}
	.joinbox .join .text h4{
		font-size: 22px;
	}
}
@media(max-width:991px){
	.joinbox{
		padding: 50px 0;
	}
	.joinbox .txt{
		margin-bottom: 30px;
	}
	.joinbox .join .text h4{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.joinbox .join{
		padding: 30px;
	}
	.joinbox .join .text{
		width: 100%;
		float: none;
		padding-top: 0;
		margin-bottom: 30px;
	}
	.joinbox .join .formbox{
		width: 100%;
		float: none;
	}
}
@media(max-width:768px){
	.joinbox{
		padding: 40px 0;
	}
	.joinbox .join_tit{
		margin-bottom: 15px;
	}
	.joinbox .txt{
		font-size: 14px;
		line-height: 25px;
	}
	.joinbox .join .text h4{
		font-size: 18px;
	}
	.joinbox .join .text .txt2{
		font-size: 14px;
		line-height: 25px;
	}
	.joinbox .join .formbox .label,
	.joinbox .join .formbox .label.address
	{
		margin-bottom: 15px;
	}
	.joinbox .join .formbox input,
	.joinbox .join .formbox button
	{
		font-size: 14px;
		height: 45px;
	}
	.joinbox .join .formbox .label .verfiy .img{
		height: 45px;
	}
}
@media(max-width:480px){
	.joinbox .join{
		padding: 30px 15px;
	}
	.joinbox .join .text h4{
		margin-bottom: 15px;
	}
	.joinbox .join .formbox .label{
		margin-bottom: 0;
	}
	.joinbox .join .formbox input,
	.joinbox .join .formbox button
	{
		height: 40px;
	}
	.joinbox .join .formbox input{
		width: 100%;
		padding: 0 18px;
		margin-bottom: 12px;
	}
	.joinbox .join .formbox .label.address{
		margin-bottom: 0;
	}
	.joinbox .join .formbox .label .verfiy{
		width: 100%;
		margin-bottom: 12px;
	}
	.joinbox .join .formbox .label .verfiy .img,
	.joinbox .join .formbox .label .verfiy input
	{
		width: 47%;
		margin-bottom: 0;
	}
	.joinbox .join .formbox .label .verfiy .img{
		height: 40px;
	}
	.joinbox .join .formbox .label button{
		width: 100%;
	}
}




.why{
	padding: 80px 0 120px 0;
}
.why .join_tit{
	margin-bottom: 22px;
}
.why .txt{
	color: #5d5d5d;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	margin-bottom: 60px;
}
.why .bdbox{
	max-width: 1520px;
	margin: 0 auto;
}
.why .bdbox .bd{
	position: relative;
}
.why .bd .img{
	width: 59%;
	height: 580px;
}
.why .bd .text{
	width: 46%;
	padding: 65px 165px 190px 45px;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	border-radius: 50px;
	box-shadow: 0px 0px 2px 2px #f7f7f7;
	background-color: #fff;
}
.why .bd .text h3{
	color: #22303a;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 25px;
}
.why .bd .text h4{
	color: #333;
	font-size: 30px;
	margin-bottom: 20px;
	position: relative;
	z-index: 3;
}
.why .bd .text h4::after{
	content: '';
	width: 220px;
	height: 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 50px;
	background-color: #eaeaea;
}
.why .bd .text p{
	color: #999;
	font-size: 16px;
	line-height: 30px;
}
.why .bd .text .btngrop{
	width: 107px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 45px;
	right: 165px;
	bottom: 85px;
}
.why .bd .text .btngrop span{
	width: 42px;
	height: 42px;
	cursor: pointer;
	display: block;
	border-radius: 50%;
	position: relative;
	background-color: #f5f7fb;
}
.why .bd .text .btngrop span:hover{
	background-color: #22303a;
}
.why .bd .text .btngrop span::after{
	content: '';
	width: 14px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.why .bd .text .btngrop .prev::after{
	background-image: url(../images/why_prev.png);
}
.why .bd .text .btngrop .prev:hover::after{
	background-image: url(../images/why_prev2.png);
}
.why .bd .text .btngrop .next::after{
	background-image: url(../images/why_next.png);
}
.why .bd .text .btngrop .next:hover::after{
	background-image: url(../images/why_next2.png);
}




@media(max-width:1500px){
	.why{
		padding: 80px 0 100px 0;
	}
	.why .bd .img{
		height: 550px;
	}
	.why .bd .text{
		padding: 50px 140px 170px 40px;
	}
	.why .bd .text h3{
		font-size: 42px;
	}
	.why .bd .text .btngrop{
		bottom: 70px;
	}
}
@media(max-width:1400px){
	.why{
		padding: 80px 0;
	}
	.why .txt{
		line-height: 32px;
		margin-bottom: 50px;
	}
	.why .bd .img{
		height: 500px;
	}
	.why .bd .text{
		padding: 40px 100px 150px 40px;
	}
	.why .bd .text h3{
		font-size: 36px;
		margin-bottom: 15px;
	}
	.why .bd .text h4{
		font-size: 26px;
	}
	.why .bd .text h4::after{
		width: 200px;
	}
	.why .bd .text .btngrop{
		bottom: 50px;
	}
}
@media(max-width:1300px){
	.why{
		padding: 70px 0;
	}
	.why .bd .img{
		height: 450px;
	}
	.why .bd .text{
		padding: 40px 80px 130px 40px;
	}
	.why .bd .text h3{
		font-size: 32px;
	}
	.why .bd .text h4{
		font-size: 24px;
	}
	.why .bd .text h4::after{
		width: 180px;
	}
}
@media(max-width:1200px){
	.why{
		padding: 60px 0;
	}
	.why .txt{
		font-size: 15px;
		line-height: 26px;
	}
	.why .bd .img{
		height: 400px;
	}
	.why .bd .text{
		padding: 30px 50px 100px 30px;
		border-radius: 30px;
	}
	.why .bd .text h3{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.why .bd .text h4{
		font-size: 22px;
	}
	.why .bd .text h4::after{
		width: 150px;
	}
	.why .bd .text p{
		font-size: 15px;
		line-height: 26px;
	}
	.why .bd .text .btngrop{
		width: 100px;
		left: 30px;
		right: auto;
		bottom: 30px;
	}
	.why .bd .text .btngrop span{
		width: 40px;
		height: 40px;
	}
	.why .bd .text .btngrop span::after{
		height: 16px;
	}
}
@media(max-width:991px){
	.why{
		padding: 50px 0;
	}
	.why .join_tit{
		margin-bottom: 15px;
	}
	.why .txt{
		margin-bottom: 40px;
	}
	.why .bd .img{
		height: 350px;
	}
	.why .bd .text{
		padding: 30px 30px 80px 30px;
		border-radius: 20px;
	}
	.why .bd .text h3{
		font-size: 24px;
		margin-bottom: 8px;
	}
	.why .bd .text h4{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.why .bd .text h4::after{
		width: 130px;
	}
	.why .bd .text .btngrop{
		width: 85px;
	}
	.why .bd .text .btngrop span{
		width: 35px;
		height: 35px;
	}
	.why .bd .text .btngrop span::after{
		width: 10px;
		height: 14px;
	}
}
@media(max-width:768px){
	.why{
		padding: 40px 0;
	}
	.why .txt{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	.why .bd .img{
		width: 100%;
		max-width: 500px;
		height: 300px;
		margin-bottom: 20px;
	}
	.why .bd .text{
		width: 100%;
		padding: 30px 20px;
		position: static;
		transform: translateY(0);
		border-radius: 10px;
	}
	.why .bd .text h3{
		font-size: 20px;
	}
	.why .bd .text h4{
		font-size: 17px;
	}
	.why .bd .text p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.why .bd .text .btngrop{
		position: static;
	}
}
@media(max-width:640px){
	.why .bd .img{
		height: 250px;
	}
}
@media(max-width:460px){
	.why .bd .img{
		height: 200px;
	}
	.why .bd .text{
		padding: 25px 15px;
	}
	.why .bd .text h4::after{
		width: 100px;
	}
	.why .bd .text p{
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.why .bd .text .btngrop span::after{
		height: 12px;
	}
}




.accord{
	color: #fff;
	padding: 115px 0 410px 0;
	background-position: center;
	background-image: url(../images/join3bg.jpg);
}
.accord h2{
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 25px;
}
.accord h3{
	font-size: 30px;
	margin-bottom: 55px;
}
.accord .listbox .list{
	float: left;
	margin-right: 40px;
}
.accord .listbox .list:last-child{
	margin-right: 0;
}
.accord .list span,
.accord .list small
{
	font-weight: bold;
	display: inline-block;
}
.accord .list span{
	font-size: 54px;
}
.accord .list small{
	font-size: 27px;
}




@media(max-width:1500px){
	.accord{
		padding: 110px 0 360px 0;
	}
	.accord h2{
		font-size: 42px;
	}
	.accord .list span{
		font-size: 42px;
	}
	.accord .list small{
		font-size: 25px;
	}
}
@media(max-width:1400px){
	.accord{
		padding: 80px 0 310px 0;
	}
	.accord h2{
		font-size: 36px;
	}
	.accord h3{
		font-size: 26px;
		margin-bottom: 45px;
	}
	.accord .list span{
		font-size: 36px;
	}
	.accord .list small{
		font-size: 22px;
	}
}
@media(max-width:1300px){
	.accord{
		padding: 80px 0 250px 0;
	}
	.accord h2{
		font-size: 32px;
	}
	.accord h3{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.accord .list span{
		font-size: 32px;
	}
}
@media(max-width:1200px){
	.accord{
		padding: 80px 0 200px 0;
	}
	.accord h2{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.accord h3{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.accord .list span{
		font-size: 26px;
	}
	.accord .list small{
		font-size: 20px;
	}
}
@media(max-width:991px){
	.accord{
		padding: 60px 0 150px 0;
	}
	.accord h2{
		font-size: 24px;
	}
	.accord h3{
		font-size: 16px;
		margin-bottom: 25px;
	}
	.accord .listbox .list{
		margin-right: 20px;
	}
	.accord .list span{
		font-size: 26px;
	}
	.accord .list small{
		font-size: 18px;
	}
}
@media(max-width:768px){
	.accord{
		padding: 50px 0 120px 0;
	}
	.accord h2{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.accord h3{
		margin-bottom: 20px;
	}
	.accord .list span{
		font-size: 22px;
	}
	.accord .list small{
		font-size: 16px;
	}
}
@media(max-width:460px){
	.accord{
		padding: 50px 0;
	}
	.accord .listbox .list{
		margin-right: 10px;
	}
	.accord .list span{
		font-size: 20px;
	}
	.accord .list small{
		font-size: 16px;
	}
}




.profit{
	padding: 105px 0 115px 0;
}
.profit h2{
	color: #22303a;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 70px;
}
.profit_slide .swiper-wrapper{
	margin-bottom: 55px;
}
.profit_slide .swiper-slide{
	border-radius: 20px;
	overflow: hidden;
	transition: all .5s
} 
.profit_slide .img{
	height: 280px;
}
.profit_slide .text{
	height: 200px;
	padding: 22px 50px 25px 30px;
	box-sizing: border-box;
	background-color: #fff;
}
.profit_slide .swiper-slide:hover .text{
	background-color: #22303a;
}
.profit_slide .text h4{
	color: #333;
	font-size: 24px;
	margin-bottom: 18px;
	transition: all .5s
}
.profit_slide .text p{
	color: #5d5d5d;
	font-size: 16px;
	line-height: 30px;
	transition: all .5s;
}
.profit_slide .swiper-slide:hover .text h4,
.profit_slide .swiper-slide:hover .text p
{
	color: #fff;
}
.profit_slide .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin: 0 6px!important;
	background-color: #969696;
}
.profit_slide .swiper-pagination-bullet-active{
	background-color: #22303a;
}




@media(max-width:1500px){
	.profit{
		padding: 100px 0;
	}
	.profit h2{
		font-size: 42px;
		margin-bottom: 60px;
	}
	.profit_slide .img{
		height: 250px;
	}
}
@media(max-width:1400px){
	.profit{
		padding: 80px 0;
	}
	.profit h2{
		font-size: 36px;
	}
	.profit_slide .text{
		height: 170px;
		padding: 20px 40px 20px 30px;
		box-sizing: border-box;
		background-color: #fff;
	}
}
@media(max-width:1300px){
	.profit{
		padding: 70px 0;
	}
	.profit h2{
		font-size: 32px;
		margin-bottom: 50px;
	}
	.profit_slide .img{
		height: 220px;
	}
	.profit_slide .text{
		height: 170px;
		padding: 20px 40px 20px 30px;
	}
}
@media(max-width:1200px){
	.profit{
		padding: 60px 0;
	}
	.profit h2{
		font-size: 28px;
		margin-bottom: 40px;
	}
	.profit_slide .img{
		height: 200px;
	}
	.profit_slide .text{
		height: 150px;
		padding: 20px 30px;
	}
	.profit_slide .text h4{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.profit_slide .text p{
		font-size: 15px;
		line-height: 26px;
	}
}
@media(max-width:991px){
	.profit{
		padding: 50px 0;
	}
	.profit h2{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.profit_slide .img{
		height: 180px;
	}
	.profit_slide .text{
		height: 140px;
		padding: 20px 15px;
	}
	.profit_slide .text h4{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.profit_slide .text p{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width:768px){
	.profit{
		padding: 40px 0;
	}
	.profit h2{
		font-size: 22px;
	}
	.profit_slide .swiper-wrapper{
		margin-bottom: 40px;
	}
	.profit_slide .swiper-slide{
		border-radius: 10px;
	}
	.profit_slide .text{
		height: auto;
		padding: 25px 15px;
	}
	.profit_slide .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		margin: 0 5px!important;
	}
}
@media(max-width:460px){
	.profit h2{
		font-size: 20px;
	}
	.profit_slide .text{
		padding: 20px 15px;
	}
	.profit_slide .text h4{
		margin-bottom: 8px;
	}
}




.case{
	padding: 45px 0 105px 0;
}
.case .txt{
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	padding: 75px 0 40px 0;
}
.case .hd{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 65px;
}
.case .hd li{
	color: #636363;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	width: 180px;
	height: 50px;
	cursor: pointer;
	margin-right: 15px;
	margin-bottom: 15px;
	transition: all .5s;
	background-color: #fff;
}
.case .hd li.on,
.case .hd li:hover
{
	color: #fff;
	background-color: #22303a;
}
.case .gallery_slide{
	margin-bottom: 30px;
}
.case .gallery_slide .swiper-slide{
	position: relative;
}
.case .gallery_slide .swiper-slide .img{
	height: 800px;
}
.case .gallery_slide .text{
	color: #fff;
	width: 37%;
	/*padding: 40px 45px 10px 45px;*/
	font-size: 18px;
    line-height: 36px;
	padding: 40px 45px;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 135px;
	background-color: rgba(0,0,0,.7);
}
.case .gallery_slide .text h4{
	font-size: 24px;
	margin-bottom: 32px;
}
.case .gallery_slide .text .txt2{
	font-size: 16px;
	line-height: 36px;
}
.case .thumb_slide .swiper-wrapper{
	margin-bottom: 115px;
}
.case .thumb_slide .swiper-slide{
	height: 180px;
}
.case .thumb_slide .active{
	box-sizing: border-box;
	border: 3px solid #223039;
}
.case .thumb_slide .swiper-button-prev,
.case .thumb_slide .swiper-button-next
{
	width: 30px;
	height: 50px;
	top: 22%;
	margin-top: 0;
	background-image: none;
	background-color: rgba(0,0,0,.8);
}
.case .thumb_slide .swiper-button-prev{
	left: 0;
}
.case .thumb_slide .swiper-button-next{
	right: 0;
}
.case .thumb_slide .swiper-button-prev::after,
.case .thumb_slide .swiper-button-next::after
{
	content: '';
	width: 12px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.case .thumb_slide .swiper-button-prev::after{
	background-image: url(../images/case-prev.png);
}
.case .thumb_slide .swiper-button-next::after{
	background-image: url(../images/case-next.png);
}
.case .thumb_slide .swiper-scrollbar{
	opacity: 1;
	height: 1px;
	background-color: #959595;
}
.case .thumb_slide .swiper-scrollbar-drag{
	height: 8px;
	margin-top: -4px;
	top: 50%;
	border-radius: 0;
	background-color: #223039;
}




@media(max-width:1500px){
	.case{
		padding: 30px 0 100px 0;
	}
	.case .txt{
		padding: 60px 0 40px 0;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 700px;
	}
	.case .thumb_slide .swiper-wrapper{
		margin-bottom: 100px;
	}
}
@media(max-width:1400px){
	.case .gallery_slide .swiper-slide .img{
		height: 600px;
	}
	.case .gallery_slide .text{
		padding: 45px 30px;
	}
	.case .thumb_slide .swiper-slide{
		height: 150px;
	}
	.case .thumb_slide .swiper-button-prev,
	.case .thumb_slide .swiper-button-next
	{
		top: 21%;
	}
}
@media(max-width:1300px){
	.case{
		padding: 30px 0 80px 0;
	}
	.case .txt{
		line-height: 30px;
		padding: 40px 0;
	}
	.case .hd{
		margin-bottom: 55px;
	}
	.case .hd li{
		font-size: 15px;
		width: 160px;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 500px;
	}
	.case .gallery_slide .text{
		padding: 30px 25px;
	}
	.case .gallery_slide .text h4{
		font-size: 20px;
		margin-bottom: 25px;
	}
	.case .gallery_slide .text .txt2{
		font-size: 15px;
		line-height: 32px;
	}
	.case .thumb_slide .swiper-wrapper{
		margin-bottom: 75px;
	}
	.case .thumb_slide .swiper-slide{
		height: 120px;
	}
	.case .thumb_slide .swiper-button-prev,
	.case .thumb_slide .swiper-button-next
	{
		top: 20%;
	}
}
@media(max-width:1200px){
	.case{
		padding: 30px 0 60px 0;
	}
	.case .txt{
		font-size: 15px;
		line-height: 26px;
		padding: 30px 0;
	}
	.case .hd{
		align-self: flex-start;
	/* justify-content: flex-start; */
		margin-bottom: 40px;
	}
	.case .hd li{
		line-height: 45px;
		height: 45px;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 400px;
	}
	.case .gallery_slide .text{
		top: 50%;
		transform: translateY(-50%);
		bottom: 0;
	}
	.case .gallery_slide .text h4{
		margin-bottom: 15px;
	}
	.case .thumb_slide .swiper-wrapper{
		margin-bottom: 60px;
	}
	.case .thumb_slide .swiper-scrollbar-drag{
		height: 6px;
		margin-top: -3px;		
	}
}
@media(max-width:991px){
	.case{
		padding: 20px 0 50px 0;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 320px;
	}
	.case .gallery_slide .text{
		width: 100%;
		position: static;
		transform: translateY(0);
		bottom: 30px;
		background-color: #223039;
	}
	.case .thumb_slide .swiper-wrapper{
		margin-bottom: 50px;
	}
	.case .thumb_slide .swiper-scrollbar-drag{
		height: 4px;
		margin-top: -2px;		
	}
}
@media(max-width:768px){
	.case{
		padding: 20px 0 40px 0;
	}
	.case .txt{
		font-size: 14px;
		line-height: 26px;
	}
	.case .hd{
		justify-content: flex-start;
	}
	.case .hd li{
		width: 32%;
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		margin: 0 2% 10px 0;
	}
	.case .hd li:nth-child(3n){
		margin-right: 0;
	}
	.case .gallery_slide{
		margin-bottom: 20px;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 250px;
	}
	.case .gallery_slide .text{
		padding: 25px 20px;
	}
	.case .gallery_slide .text h4{
		font-size: 18px;
		margin-bottom: 12px;
	}
	.case .gallery_slide .text .txt2{
		font-size: 14px;
		line-height: 26px;
	}
	.case .thumb_slide .swiper-wrapper{
		margin-bottom: 40px;
	}
	.case .thumb_slide .swiper-slide{
		height: 100px;
	}
	.case .thumb_slide .swiper-button-prev,
	.case .thumb_slide .swiper-button-next
	{
		display: none;
	}
}
@media(max-width:460px){
	.case .hd{
		margin-bottom: 30px;
	}
	.case .hd li{
		width: 32%;
		margin-right: 2%;
	}
	.case .gallery_slide .swiper-slide .img{
		height: 200px;
	}
	.case .gallery_slide .text h4{
		font-size: 17px;
	}
	.case .thumb_slide .swiper-slide{
		height: 80px;
	}
}




.video{
	padding: 65px 0 135px 0;
}
.video .slidebox{
	display: flex;
	flex-wrap: wrap;
	margin-top: 110px;
	background-color: #f5f5f5;
}
.video .slidebox .thumb-slide{
	width: 440px;
	height: 720px;
	margin-right: 35px;
}
.video .slidebox .thumb-slide .swiper-slide{
	width: 400px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 25px;
	box-sizing: border-box;
	transition: all .5s;
}
.video .slidebox .thumb-slide .swiper-slide.active{
	background-color: #3c464f;
}
.video .slidebox .thumb-slide .img{
	width: 185px;
	height: 110px;
}
.video .slidebox .thumb-slide .text{
	color: #333;
	width: 135px;
}
.video .slidebox .thumb-slide .active .text{
	color: #fff;
}
.video .slidebox .thumb-slide .text h4{
	font-size: 16px;
	margin-bottom: 15px;
}
.video .slidebox .thumb-slide .text p{
	font-size: 12px;
	text-transform: uppercase;
}
.video .slidebox .thumb-slide .swiper-scrollbar{
	background-color: #fff;
}
.video .slidebox .thumb-slide .swiper-scrollbar-drag{
	background-color: #3c464f;
}
.video .slidebox .gallery-slide{
	height: 700px;
	flex: 1;
}
.video .slidebox .gallery-slide .swiper-slide,
.video .slidebox .gallery-slide video
{
	width: 100%;
	height: 100%;
}
.video .slidebox .gallery-slide .swiper-slide{
	position: relative;
	overflow: hidden;
}
.video .slidebox .gallery-slide video{
	object-fit: cover;
}
.video .slidebox .gallery-slide .play{
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/v-play.png);
}
.video .slidebox .gallery-slide .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}




@media(max-width:1500px){
	.video{
		padding: 50px 0 110px 0;
	}
	.video .slidebox{
		margin-top: 90px;
	}
	.video .slidebox .thumb-slide{
		height: 640px;
	}
	.video .slidebox .thumb-slide .swiper-slide{
		padding: 20px;
	}
	.video .slidebox .gallery-slide{
		height: 640px;
	}
	.video .slidebox .gallery-slide .play{
		width: 80px;
		height: 80px;
	}
}
@media(max-width:1400px){
	.video{
		padding: 40px 0 90px 0;
	}
	.video .slidebox{
		margin-top: 80px;
	}
}
@media(max-width:1300px){
	.video{
		padding: 40px 0 80px 0;
	}
	.video .slidebox .thumb-slide{
		width: 410px;
		height: 560px;
	}
	.video .slidebox .thumb-slide .swiper-slide{
		width: 370px;
	}
	.video .slidebox .thumb-slide .img{
		width: 170px;
		height: 90px;
	}
	.video .slidebox .thumb-slide .text{
		width: 140px;
	}
	.video .slidebox .gallery-slide{
		height: 560px;
	}
	.video .slidebox .gallery-slide .play{
		width: 70px;
		height: 70px;
	}
}
@media(max-width:1200px){
	.video{
		padding: 30px 0 70px 0;
	}
	.video .slidebox{
		margin-top: 70px;
	}
	.video .slidebox .thumb-slide{
		width: 375px;
		height: 480px;
		margin-right: 25px;
	}
	.video .slidebox .thumb-slide .swiper-slide{
		width: 340px;
	}
	.video .slidebox .thumb-slide .img{
		width: 150px;
		height: 80px;
	}
	.video .slidebox .thumb-slide .text h4{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.video .slidebox .gallery-slide{
		height: 480px;
	}
}
@media(max-width:768px){
	.video .slidebox{
		display: none;
	}
}




.mb_video{
	margin-top: 40px;
	display: none;
}
.mb_video .mb-gallery-slide .swiper-wrapper{
	margin-bottom: 50px;
}
.mb_video .mb-gallery-slide .swiper-slide,
.mb_video .mb-gallery-slide video
{
	width: 100%;
	height: 100%;
}
.mb_video .mb-gallery-slide .swiper-slide{
	height: 350px;
	overflow: hidden;
	position: relative;
}
.mb_video .mb-gallery-slide video{
	object-fit: cover;
}
.mb_video .mb-gallery-slide .swiper-scrollbar{
	background-color: rgba(0,0,0,.5);
}
.mb_video .mb-gallery-slide .swiper-scrollbar-drag{
	background-color: #3c464f;
}
.mb_video .mb-gallery-slide .play{
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/v-play.png);
}
.mb_video .mb-gallery-slide .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}




@media(max-width:768px){
	.video{
		padding: 25px 0 50px 0;
	}
	.mb_video{
		display: block;
	}
}
@media(max-width:640px){
	.mb_video .mb-gallery-slide .swiper-slide{
		height: 300px;
	}
}
@media(max-width:520px){
	.mb_video .mb-gallery-slide{
		margin-bottom: 0;
	}
	.mb_video .mb-thumb-slide{
		display: none;
	}
}
@media(max-width:480px){
	.video{
		padding: 25px 0 40px 0;
	}
	.mb_video .mb-gallery-slide .swiper-slide{
		height: 250px;
	}
	.mb_video .mb-thumb-slide .img{
		width: 45%;
	}
	.mb_video .mb-thumb-slide .text{
		width: 51%;
	}
}
@media(max-width:420px){
	.mb_video .mb-gallery-slide .swiper-slide{
		height: 200px;
	}
	.mb_video .mb-gallery-slide .play{
		width: 45px;
		height: 45px;
	}
}




.pro-banner .swiper-pagination{
	bottom: 15px;
}
.pro-banner .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin: 0 7px!important;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #fff;
}
.pro-banner .swiper-pagination-bullet-active{
	background-color: transparent;
}




@media(max-width:768px){
	.pro-banner .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		margin: 0 4px!important;
	}
}




.pro-menu{
	padding: 60px 0;
	/*padding-top:110px;*/
	/*margin-top: 110px;*/
}
.pro-menu .formbox{
	max-width: 505px;
	margin: 0 auto 50px auto;
	position: relative;
}
.pro-menu .formbox input,
.pro-menu .formbox button
{
	display: block;
	border: none;
	outline: none;
}
.pro-menu .formbox input{
	color: #c4c4c4;
	font-size: 16px;
	width: 100%;
	height: 60px;
	padding: 0 45px 0 40px;
	box-sizing: border-box;
	border-radius: 50px;
	background-color: #fff;
}
.pro-menu .formbox input::-webkit-input-placeholder{
	color: #c4c4c4;
}
.pro-menu .formbox button{
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/pro-search.png);
	background-color: transparent;
}
.pro-menu .formbox button:hover{
	background-image: url(../images/pro-search2.png);
}
/* .pro-nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 25px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #e2e2e2;
}
.pro-nav li{
	color: #868686;
	font-size: 18px;
	text-align: center;
	width: 220px;
}
.pro-nav li.on,
.pro-nav li:hover
{
	color: #2b2b2b;
}
.pro-nav li i{
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto 18px auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.pro-nav li p{
	position: relative;
}
.pro-nav li p::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 2px;
	height: 20px;
	background-color: #d5d6d7;
}
.pro-nav li:last-child p::after{
	display: none;
}
.pro-nav2{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 25px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #e2e2e2;
}
.pro-nav2 li{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	position: relative;
}
.pro-nav2 li.on,
.pro-nav2 li:hover
{
	color: #3e3e3e;
}
.pro-nav2 li::after{
	content: '';
	width: 2px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-color: #d8d8d8;
}
.pro-nav2 li:last-child::after{
	display: none;
}
.pro-nav2 li a{
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0 28px;
	box-sizing: border-box;
} */
/* --------------- */
/* .pro-nav11{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pro-nav11 li{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	position: relative;
}
.pro-nav11 li.on,
.pro-nav11 li:hover
{
	color: #3e3e3e;
}
.pro-nav11 li::after{
	content: '';
	width: 2px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-color: #d8d8d8;
}
.pro-nav11 li:last-child::after{
	display: none;
}
.pro-nav11 li a{
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0 28px;
	box-sizing: border-box;
} */
 
 
 
 
.pro-nav .li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}
.pro-nav .li:last-child{
	margin-bottom: 0;
}
.pro-nav .li .name{
	color: #000;
	font-size: 16px;
	line-height: 36px;
	width: 95px;
	height: 36px;
	padding-left: 45px;
	box-sizing: border-box;
	position: relative;
}
.pro-nav .li .name::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center; 
}
.pro-nav .li1 .name::after{
	background-image: url(../images/pronav-ic1.png);
}
.pro-nav .li2 .name::after{
	background-image: url(../images/pronav-ic2.png);
}
.pro-nav .li3 .name::after{
	background-image: url(../images/pronav-ic3.png);
}
.pro-nav .li ul{
	width: calc(100% - 115px);
	display: flex;
	flex-wrap: wrap;
}
.pro-nav .li ul li{
	color: #000;
	font-size: 16px;
	line-height: 36px;
	height: 36px;
	margin: 0 15px 15px 0;
	border-radius: 5px;
}
.pro-nav .li ul li.on,
.pro-nav .li ul li:hover
{
	color: #fff;
	background-color: #22303a;
}
.pro-nav .li ul li a{
	width: 100%;
	height: 100%;
	padding: 0 15px;
	display: inline-block;
	box-sizing: border-box;
}





@media(max-width:1500px){
	/* .pro-nav li{
		width: 200px;
	}
	.pro-nav2 li a{
		padding: 0 25px;
	} */
	.pro-nav .li ul{
		width: calc(100% - 100px);
	}
	.pro-nav .li ul li a{
		padding: 0 10px;
	}
}
@media(max-width:1400px){
	.pro-menu .formbox input{
		height: 50px;
		padding: 0 40px;
	}
	.pro-menu .formbox button{
		right: 25px;
	}
	/* .pro-nav li i{
		width: 40px;
		height: 40px;
	}
	.pro-nav2,
	.pro-nav11
	{
		justify-content: flex-start;
	} */
}
@media(max-width:1300px){
	.pro-menu .formbox{
		margin: 0 auto 40px auto;
	}
	/* .pro-nav li i{
		margin: 0 auto 12px auto;
	}
	.pro-nav li p{
		font-size: 16px;
	}
	.pro-nav2 li a,
	.pro-nav11 li a
	{
		padding: 0 20px;
	} */
	.pro-nav .li{
		margin-bottom: 10px;
	}
	.pro-nav .li .name{
		font-size: 15px;
		line-height: 32px;
		height: 32px;
	}
	.pro-nav .li ul li{
		font-size: 15px;
		line-height: 32px;
		height: 32px;
		margin: 0 10px 10px 0;
	}
}
@media(max-width:1200px){
	/* .pro-nav,
	.pro-nav2
	{
		margin-bottom: 25px;
	}
	.pro-nav li{
		width: 180px;
	}
	.pro-nav2 li,
	.pro-nav11 li
	{
		font-size: 15px;
		line-height: 28px;
		height: 28px;
	} */
}
@media(max-width:991px){
	.pro-menu{
		padding: 50px 0;
	}
	.pro-menu .formbox{
		max-width: 460px;
	}
	.pro-menu .formbox input{
		font-size: 15px;
		height: 45px;
		padding: 0 45px 0 30px;
	}
	/* .pro-nav li{
		width: 150px;
	}
	.pro-nav li i{
		width: 35px;
		height: 35px;
	}
	.pro-nav2 li a,
	.pro-nav11 li a
	{
		padding: 0 20px;
	} */
	.pro-nav .li .name{
		width: 75px;
		padding-left: 30px;
	}
	.pro-nav .li .name::after{
		width: 20px;
		height: 20px;
	}
	.pro-nav .li ul{
		width: calc(100% - 80px)
	}
}
@media(max-width:768px){
	.pro-menu{
		padding: 40px 0;
	}
	.pro-menu .formbox{
		margin: 0 auto 30px auto;
	}
	/* .pro-nav{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.pro-nav li{
		width: 25%;
	}
	.pro-nav li i{
		width: 30px;
		height: 30px;
	}
	.pro-nav li p{
		font-size: 15px;
	}
	.pro-nav2{
		margin-bottom: 20px;
	}
	.pro-nav2 li,
	.pro-nav11 li
	{
		text-align: center;
		width: 25%;
	}
	.pro-nav2 li a,
	.pro-nav11 li a
	{
		padding: 0;
	} */
	.pro-nav .li .name{
		font-size: 14px;
		width: 100%;
		margin-bottom: 10px;
	}
	.pro-nav .li ul{
		width: 100%;
	}
	.pro-nav .li ul li{
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 35px;
		width: 32%;
		height: 35px;
		margin: 0 2% 10px 0;
		background-color: #a1a1a1;
	}
	.pro-nav .li ul li:nth-child(3n){
		margin-right: 0;
	}
}
@media(max-width:640px){
	.pro-nav .li ul{
		justify-content: space-between;
	}
	.pro-nav .li ul li{
		width: 49%;
		margin: 0 0 7px 0;
	}
}
@media(max-width:480px){
	.pro-menu .formbox input{
		font-size: 14px;
		height: 40px;
		padding: 0 40px 0 25px;
	}
	.pro-menu .formbox button{
		width: 20px;
		height: 20px;
		right: 20px;
	}
	/* .pro-nav{
		justify-content: flex-start;
		padding-bottom: 8px;
	}
	.pro-nav li{
		width: 33.3%;
		margin-bottom: 12px;
		position: relative;
	}
	.pro-nav li::after{
		content: '';
		width: 1px;
		height: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		background-color: #d5d6d7;
	}
	.pro-nav li:nth-child(3n)::after{
		display: none;
	}
	.pro-nav li i{
		margin-bottom: 5px;
	}
	.pro-nav li p::after{
		display: none;
	}
	.pro-nav2 li,
	.pro-nav11 li
	{
		font-size: 14px;
		width: 33.3%;
	}
	.pro-nav2 li:last-child::after,
	.pro-nav11 li:last-child::after
	{
		display: block;
	}
	.pro-nav2 li:nth-child(3n):after,
	.pro-nav11 li:nth-child(3n):after
	{
		display: none;
	} */
}




.pro{
	padding: 60px 0 95px 0;
}
.pro .listbox{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 60px 35px;
}
.pro .listbox .list{
	box-shadow: 0px 0px 3px 3px #f9f9f9;
}
.pro .list .img{
	width: 100%;
	height: 335px;
	position: relative;
}
.pro .list .img .pic2{
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.pro .list .img .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	transition: all .5s ease-in-out;
	background-color: rgba(0,0,0,.6);
}
.pro .list:hover .img .mask{
	opacity: 1;
}
.pro .list .text{
	height: 115px;
	padding: 30px 65px 20px 30px;
	box-sizing: border-box; 
	position: relative;
}
.pro .list .text h4{
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
}
.pro .list .text p{
	color: #666;
	font-size: 15px;
}
.pro .list .text .more{
	width: 40px;
	height: 40px;
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	border: 1px solid #dcdcdc;
}
.pro .list:hover .text .more{
	border: 1px solid #22303a;
	background-color: #22303a;
}
.pro .list .text .more::after{
	content: '';
	width: 8px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/pro-more.png);
}
.pro .list:hover .text .more::after{
	background-image: url(../images/pro-more2.png);
}
.pro .page{
	padding: 110px 0 0 0;
}




@media(max-width:1500px){
	.pro .listbox{
		gap: 50px 30px;
	}
	.pro .list .img{
		height: 305px;
	}
	.pro .page{
		padding: 90px 0 0 0;
	}
}
@media(max-width:1400px){
	.pro{
		padding: 60px 0 70px 0;
	}
	.pro .list .img{
		height: 286px;
	}
	.pro .page{
		padding: 70px 0 0 0;
	}
}
@media(max-width:1300px){
	.pro{
		padding: 60px 0;
	}
	.pro .listbox{
		gap: 40px 30px;
	}
	.pro .list .img{
		height: 265px;
	}
	.pro .list .text{
		height: 100px;
		padding: 25px 60px 20px 25px;
	}
	.pro .list .text h4{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.pro .list .text .more{
		width: 35px;
		height: 35px;
	}
	.pro .list .text .more::after{
		width: 6px;
		height: 15px;
	}
	.pro .page{
		padding: 60px 0 0 0;
	}
}
@media(max-width:1200px){
	.pro .list .img{
		height: 245px;
	}
	.pro .list .text{
		height: 85px;
		padding: 20px 60px 20px 20px;
	}
	.pro .list .text h4{
		font-size: 16px;
	}
	.pro .list .text p{
		font-size: 14px;
	}
	.pro .list .text .more{
		width: 30px;
		height: 30px;
	}
}
@media(max-width:991px){
	.pro .list .img{
		height: 197px;
	}
	.pro .list .text h4{
		font-size: 15px;
	}
}
@media(max-width:768px){
	.pro{
		padding: 50px 0;
	}
	.pro .listbox{
		gap: 30px 30px;
		grid-template-columns: 1fr 1fr;
	}
	.pro .page{
		padding-top: 50px;
	}
}
@media(max-width:680px){
	.pro {
		padding: 40px 0;
	}
	.pro .listbox{
		gap: 25px;
		grid-template-columns: 1fr;
	}
	.pro .page{
		padding-top: 40px;
	}
}




.introducebox{
	padding: 100px 0 120px 0;
}
.introduce{
	display: flex;
	flex-wrap: wrap;
	padding: 0 165px 0 125px;
}
.introduce .slidebox{
	width: 630px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: 60px;
}
.introduce .slidebox .thumb-slide{
	width: 115px;
	height: 505px;
}
.introduce .slidebox .thumb-slide .swiper-slide{
	cursor: pointer;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.introduce .slidebox .thumb-slide .swiper-slide.active{
	border: 1px solid #22303a;
}
.introduce .slidebox .gallery-slide{
	width: 500px;
	height: 505px;
	background-color: #f7f7f7;
}
.introduce .text{
	flex: 1;
	padding-top: 20px;
}
.introduce .text em{
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	width: 50px;
	display: block;
	margin-bottom: 24px;
	background-color: #22303a;
}
.introduce .text h2{
	color: #333;
	font-size: 30px;
	margin-bottom: 32px;
}
.introduce .text .txt{
	color: #333;
	font-size: 16px;
	line-height: 45px;
	padding: 24px 0;
	margin-bottom: 60px;
	box-sizing: border-box;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.introduce .text .txt span{
	color: #999;
}
.introduce .text .agrop{
	font-size: 0;
}
.introduce .text .agrop a{
	color: #666;
	font-size: 16px;
	line-height: 47px;
	height: 47px;
	display: inline-block;
	padding: 0 55px;
	margin-right: 20px;
	box-sizing: border-box;
	position: relative;
	transition: all .5s;
	border-radius: 50px;
	border: 1px solid #e0e0e0;
}
.introduce .text .agrop a:last-child{
	margin-right: 0;
}
.introduce .text .agrop .vr{
	padding: 0 30px 0 75px;
}
.introduce .text .agrop a:hover{
	color: #fff;
	border: 1px solid #22303a;
	background-color: #22303a;
}
.introduce .text .agrop .vr::after{
	content: '';
	width: 25px;
	height: 17px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/vr.png);
}
.introduce .text .agrop .vr:hover:after{
	background-image: url(../images/vr2.png);
}




@media(max-width:1600px){
	.introduce{
		padding: 0 125px;
	}
}
@media(max-width:1500px){
	.introducebox{
		padding: 100px 0;
	}
	.introduce{
		padding: 0 80px;
	}
	.introduce .slidebox{
		width: 600px;
		margin-right: 50px;
	}
	.introduce .slidebox .gallery-slide{
		width: 470px;
	}
}
@media(max-width:1400px){
	.introducebox{
		padding: 80px 0;
	}
	.introduce{
		padding: 0 50px;
	}
	.introduce .slidebox .thumb-slide{
		height: 480px;
	}
	.introduce .slidebox .gallery-slide{
		height: 480px;
	}
	.introduce .text em{
		margin-bottom: 20px;
	}
	.introduce .text h2{
		font-size: 28px;
		margin-bottom: 28px;
	}
	.introduce .text .agrop a{
		padding: 0 45px;
	}
}
@media(max-width:1300px){
	.introducebox{
		padding: 70px 0;
	}
	.introduce{
		padding: 0;
	}
	.introduce .slidebox{
		margin-right: 30px;
	}
	.introduce .text h2{
		font-size: 26px;
		margin-bottom: 24px;
	}
	.introduce .text .txt{
		line-height: 40px;
		margin-bottom: 50px;
	}
}
@media(max-width:1200px){
	.introducebox{
		padding: 60px 0;
	}
	.introduce .slidebox{
		width: 450px;
	}
	.introduce .slidebox .thumb-slide{
		width: 100px;
		height: 430px;
	}
	.introduce .slidebox .gallery-slide{
		width: 330px;
		height: 430px;
	}
	.introduce .text em{
		margin-bottom: 15px;
	}
	.introduce .text h2{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.introduce .text .txt{
		font-size: 15px;
		line-height: 32px;
		padding: 20px 0;
		margin-bottom: 40px;
	}
	.introduce .text .agrop a{
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		padding: 0 30px;
		margin-right: 12px;
	}
}
@media(max-width:991px){
	.introducebox{
		padding: 50px 0;
	}
	.introduce .slidebox{
		width: 100%;
		margin-right: 0;
	}
	.introduce .slidebox{
		justify-content: flex-start;
	}
	.introduce .slidebox .thumb-slide{
		margin-right: 15px;
		height: 400px;
	}
	.introduce .slidebox .gallery-slide{
		flex: 1;
		height: 400px;
	}
	.introduce .text{
		width: 100%;
		flex: 0 1 auto;
		padding-top: 30px;
	}	
	.introduce .text h2{
		font-size: 22px;
	}
}
@media(max-width:768px){
	.introduce .slidebox .gallery-slide{
		height: 300px;
	}
	.introduce .slidebox .thumb-slide{
		height: 300px;
	}
	.introduce .text h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.introduce .text em{
		margin-bottom: 10px;
	}
	.introduce .text .txt{
		font-size: 14px;
		line-height: 28px;
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.introduce .text .agrop .vr{
		padding: 0 20px 0 50px;
	}
	.introduce .text .agrop .vr::after{
		width: 20px;
		height: 14px;
		left: 20px;
	}
}
@media(max-width:640px){
	.introducebox{
		padding: 40px 0;
	}
	.introduce .slidebox .gallery-slide{
		height: 250px;
	}
	.introduce .slidebox .thumb-slide{
		height: 250px;
	}
}
@media(max-width:460px){
	.introduce .slidebox .gallery-slide{
		height: 200px;
	}
	.introduce .slidebox .thumb-slide{
		height: 200px;
	}
	.introduce .text h2{
		font-size: 18px;
	}
	.introduce .text .agrop a{
		line-height: 35px;
		height: 35px;
		margin-right: 8px;
	}
}
@media(max-width:380px){
	.introduce .text .agrop a{
		text-align: center;
		width: 33%;
		padding: 0;
		margin-right: 0.5%;
		border-radius: 20px;
	}
	.introduce .text .agrop .vr{
		padding: 0;
	}
	.introduce .text .agrop .vr::after{
		display: none;
	}
}




.muse{
	color: #fff;
	text-align: center;
	padding: 100px 0 200px 0;
	background-image: url(../images/lgbg.jpg);
}
.muse i{
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto 20px auto; 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/lg-ic.png);
}
.muse h2{
	font-size: 30px;
	margin-bottom: 34px;
}
.muse h3{
	font-size: 24px;
	margin-bottom: 28px;
}
.muse .text{
	font-size: 16px;
	line-height: 36px;
}





@media(max-width:1500px){
	.muse{
		padding: 100px 0 180px 0;
	}
	.muse i{
		width: 80px;
		height: 80px;
	}
}
@media(max-width:1400px){
	.muse{
		padding: 100px 0 160px 0;
	}
}
@media(max-width:1300px){
	.muse{
		padding: 100px 0 140px 0;
	}
	.muse i{
		width: 70px;
		height: 70px;
	}
	.muse h2{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.muse h3{
		font-size: 20px;
		margin-bottom: 20px;
	}
}
@media(max-width:1200px){
	.muse{
		padding: 100px 0 120px 0;
	}
	.muse h2{
		font-size: 24px;
	}
	.muse .text{
		font-size: 15px;
		line-height: 32px;
	}
}
@media(max-width:991px){
	.muse{
		padding: 100px  0;
	}
	.muse i{
		width: 60px;
		height: 60px;
		margin: 0 auto 15px auto;
	}
	.muse h2{
		margin-bottom: 15px;
	}
	.muse h3{
		font-size: 18px;
	}
	.muse .text{
		font-size: 15px;
		line-height: 32px;
	}
}
@media(max-width:768px){
	.muse{
		padding: 80px  0;
	}
	.muse i{
		width: 50px;
		height: 50px;
	}
	.muse h2{
		font-size: 22px;
	}
}
@media(max-width:640px){
	.muse{
		padding: 60px  0;
	}
	.muse h2{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.muse h3{
		font-size: 16px;
	}
	.muse i{
		margin: 0 auto 10px auto;
	}
	.muse .text{
		font-size: 14px;
		line-height: 28px;
	}
}
@media(max-width:480px){
	.muse{
		padding: 40px 0;
	}
	.muse i{
		width: 40px;
		height: 40px;
	}
	.muse .text{
		line-height: 24px;
	}
}




.details{
	padding: 90px 0 100px 0;
}
.details .title{
	text-align: center;
	margin-bottom: 55px;
}
.details .title h2{
	color: #333;
	font-size: 36px;
	font-weight: lighter;
	margin-bottom: 12px;
}
.details .title i{
	color: #999;
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}
.details .text{
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}




@media(max-width:1400px){
	.details{
		padding: 80px  0;
	}
	.details .title h2{
		font-size: 32px;
	}
}
@media(max-width:1300px){
	.details{
		padding: 70px  0;
	}
	.details .title{
		margin-bottom: 45px;
	}
	.details .title h2{
		font-size: 28px;
		margin-bottom: 7px;
	}
	.details .title i{
		font-size: 20px;
	}
}
@media(max-width:1200px){
	.details{
		padding: 60px  0;
	}
	.details .title h2{
		font-size: 24px;
	}
	.details .title i{
		font-size: 18px;
	}
	.details .text{
		font-size: 15px;
		line-height: 28px;
	}
	
}
@media(max-width:991px){
	.details{
		padding: 50px  0;
	}
	.details .text{
		font-size: 15px;
		line-height: 28px;
	}
}
@media(max-width:768px){
	.details{
		padding: 40px  0;
	}
	.details .title{
		margin-bottom: 30px;
	}
	.details .title h2{
		font-size: 20px;
	}
	.details .title i{
		font-size: 16px;
	}
	.details .text{
		font-size: 14px;
		line-height: 26px;
	}
}




.ab-menu{
	padding-top: 30px;
}
.ab-menu .pbmenu li{
	width: 25%;
}




@media(max-width:768px){
	.ab-menu{
		padding-top: 20px;
	}
}




.ab-tit{
	text-align: center;
	padding-bottom: 15px;
	position: relative;
}
.ab-tit i{
	color: #eaeaea;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
}
.ab-tit h2{
	color: #22303a;
	font-size: 37px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}




@media(max-width:1500px){
	.ab-tit i{
		font-size: 55px;
	}
	.ab-tit h2{
		font-size: 34px;
	}
}
@media(max-width:1400px){
	.ab-tit{
		padding-bottom: 8px;
	}
	.ab-tit i{
		font-size: 50px;
	}
	.ab-tit h2{
		font-size: 30px;
	}
}
@media(max-width:1200px){
	.ab-tit i{
		font-size: 45px;
	}
	.ab-tit h2{
		font-size: 26px;
	}
}
@media(max-width:991px){
	.ab-tit{
		padding-bottom: 5px;
	}
	.ab-tit i{
		font-size: 40px;
	}
	.ab-tit h2{
		font-size: 22px;
	}
}
@media(max-width:768px){
	.ab-tit{
		padding-bottom: 3px;
	}
	.ab-tit i{
		font-size: 35px;
	}
	.ab-tit h2{
		font-size: 20px;
	}
}
@media(max-width:460px){
	.ab-tit i{
		font-size: 30px;
	}
}




.ab-txt{
	color: #323232;
	font-size: 16px;
	line-height: 30px;
}




@media(max-width:1200px){
	.ab-txt{
		font-size: 15px;
		line-height: 28px;
	}
}
@media(max-width:768px){
	.ab-txt{
		font-size: 14px;
		line-height: 26px;
	}
}




.about{
	max-width: 1920px;
	padding: 70px 0 100px 0;
	margin: 0 auto;
	overflow: hidden;
}
.about .ab-tit{
	margin-bottom: 70px;
}
.about .txt1{
	max-width: 1115px;
	margin: 0 auto 100px auto;
}
.ab-slide{
	max-width: 1100px;
	overflow: visible;
	margin-bottom: 45px;
}
.ab-slide .swiper-wrapper{
	margin-bottom: 90px;
}
.ab-slide .swiper-slide{
	height: 580px;
	position: relative;
}
.ab-slide .swiper-slide::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all .5s;
	background-color: rgba(0,0,0,.6);
}
.ab-slide .swiper-slide-active::after{
	opacity: 0;
}
.ab-slide .slidebtnbox{
	text-align: center;
}
.ab-slide .slidebtngrop{
	display: inline-block;
}
.ab-slide .btngrop{
	display: flex;
	align-items: center;
}
.ab-slide .btngrop .swiper-button-prev,
.ab-slide .btngrop .swiper-pagination,
.ab-slide .btngrop .swiper-button-next
{
	position: static;
}
.ab-slide .btngrop .swiper-button-prev,
.ab-slide .btngrop .swiper-button-next
{
	width: 48px;
	height: 20px;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.ab-slide .btngrop .swiper-button-prev{
	background-image: url(../images/ab1-prev.png);
}
.ab-slide .btngrop .swiper-button-next{
	background-image: url(../images/ab1-next.png);
}
.ab-slide .btngrop .swiper-button-prev::after,
.ab-slide .btngrop .swiper-button-next::after
{
	content: '';
}
.ab-slide .btngrop .swiper-pagination{
	width: auto;
	margin: 0 27px;
	display: inline-block;
}
.ab-slide .btngrop .swiper-pagination-bullet{
	color: #333;
	font-size: 18px;
	line-height: 35px;
	width: 15px;
	height: 35px;
	border-radius: 0;
	margin: 0 8px!important;
	box-sizing: border-box;
	background-color: transparent;
}
.ab-slide .btngrop .swiper-pagination-bullet-active{
	border-bottom: 2px solid #cacaca;
}
.about .txt2{
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
}
.about .cn-txt{
	margin-bottom: 20px;
}




@media(max-width:1500px){
	.about{
		padding: 50px 0 100px 0;
	}
	.about .ab-tit{
		margin-bottom: 50px;
	}
	.about .txt1{
		margin: 0 auto 80px auto;
	}
	.ab-slide .swiper-wrapper{
		margin-bottom: 70px;
	}
	.ab-slide .swiper-slide{
		height: 530px;
	}
	.ab-slide .btngrop .swiper-button-prev,
	.ab-slide .btngrop .swiper-button-next
	{
		width: 40px;
	}
}
@media(max-width:1400px){
	.about{
		padding: 40px 0 80px 0;
	}
	.about .ab-tit{
		margin-bottom: 40px;
	}
	.about .txt1{
		margin: 0 auto 60px auto;
	}
	.ab-slide .swiper-wrapper{
		margin-bottom: 50px;
	}
	.ab-slide .swiper-slide{
		height: 450px;
	}
	.ab-slide .btngrop .swiper-button-prev,
	.ab-slide .btngrop .swiper-button-next
	{
		width: 35px;
		height: 15px;
	}
}
@media(max-width:1300px){
	.about{
		padding: 30px 0 70px 0;
	}
	.about .txt1{
		margin: 0 auto 50px auto;
	}
}
@media(max-width:1200px){
	.about{
		padding: 30px 0 60px 0;
	}
	.about .ab-tit{
		margin-bottom: 30px;
	}
	.about .txt1{
		margin: 0 auto 40px auto;
	}
	.ab-slide .swiper-slide{
		height: 400px;
	}
}
@media(max-width:991px){
	.about{
		padding: 30px 0 50px 0;
	}
	.ab-slide{
		margin-bottom: 40px;
	}
	.ab-slide .swiper-wrapper{
		margin-bottom: 40px;
	}
	.ab-slide .swiper-slide{
		height: 350px;
	}
	.ab-slide .btngrop .swiper-pagination{
		margin: 0 10px;
	}
	.ab-slide .btngrop .swiper-pagination-bullet{
		font-size: 16px;
		margin: 0 6px;
	}
	.ab-slide .btngrop .swiper-button-prev,
	.ab-slide .btngrop .swiper-button-next
	{
		width: 30px;
		height: 10px;
	}
}
@media(max-width:768px){
	.about{
		padding: 25px 0 40px 0;
	}
	.about .ab-tit{
		margin-bottom: 20px;
	}
	.about .txt1{
		margin: 0 auto 30px auto; 
	}
	.ab-slide{
		margin-bottom: 30px;
	}
	.ab-slide .swiper-wrapper{
		margin-bottom: 20px;
	}
	.ab-slide .swiper-slide{
		height: 300px;
	}
}
@media(max-width:580px){
	.ab-slide .swiper-slide{
		height: 250px;
	}
}
@media(max-width:480px){
	.ab-slide{
		margin-bottom: 25px;
	}
	.ab-slide .swiper-slide{
		height: 200px;
	}
	.ab-slide .btngrop .swiper-button-prev,
	.ab-slide .btngrop .swiper-button-next
	{
		width: 20px;
		height: 12px;
	}
	.ab-slide .btngrop .swiper-pagination-bullet{
		font-size: 14px;
	}
	.about .cn-txt{
		margin-bottom: 15px;
	}
}




.abvideo{
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}
.abvideo .img{
	width: 100%;
	height: 730px;
	overflow: hidden;
}
.abvideo .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abvideo .play{
	width: 160px;
	height: 160px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play.png);
}
.abvideo .play::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	margin-top: -60px;
	margin-left: -60px;
	animation: quan 15s infinite linear;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/abplay.png);
}
@-ms-keyframes quan{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes quan{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}
@keyframes quan{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}




@media(max-width:1500px){
	.abvideo .img{
		height: 650px;
	}
	.abvideo .play{
		width: 140px;
		height: 140px;
	}
	.abvideo .play::after{
		width: 100px;
		height: 100px;
		margin-top: -50px;
		margin-left: -50px;
	}
}
@media(max-width:1400px){
	.abvideo .img{
		height: 500px;
	}
	.abvideo .play{
		width: 120px;
		height: 120px;
	}
	.abvideo .play::after{
		width: 90px;
		height: 90px;
		margin-top: -45px;
		margin-left: -45px;
	}
}
@media(max-width:1300px){
	.abvideo .img{
		height: 450px;
	}
}
@media(max-width:1200px){
	.abvideo .img{
		height: 400px;
	}
	.abvideo .play{
		width: 100px;
		height: 100px;
	}
	.abvideo .play::after{
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px;
	}
}
@media(max-width:991px){
	.abvideo .img{
		height: 350px;
	}
	.abvideo .play{
		width: 80px;
		height: 80px;
	}
	.abvideo .play::after{
		width: 60px;
		height: 60px;
		margin-top: -30px;
		margin-left: -30px;
	}
}
@media(max-width:768px){
	.abvideo .img{
		height: 300px;
	}
}
@media(max-width:580px){
	.abvideo .img{
		height: 250px;
	}
}
@media(max-width:480px){
	.abvideo .img{
		height: 200px;
	}
	.abvideo .play{
		width: 60px;
		height: 60px;
	}
	.abvideo .play::after{
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
	}
}




.strength{
	padding: 115px 0 80px 0;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.strength::after{
	content: '';
	width: 1875px;
	height: 790px;
	position: absolute;
	top: -280px;
	left: 0;
	z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/ab3bg.png);
}
.strength .title{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 190px;
}
.strength .title .ab-tit{
	text-align: left;
	padding-bottom: 0;
	margin-left: 115px;
}
.strength .title .ab-tit h2{
	text-align: left;
	position: static;
}
.strength .title .ab-txt{
	width: 41%;
}
.str-slide .swiper-wrapper{
	margin-bottom: 95px;
}
.str-slide .img{
	height: 380px;
}
.str-slide .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin: 0 10px!important;
	background-color: #d9d9d9;
}
.str-slide .swiper-pagination-bullet-active{
	background-color: #22303a;
}




@media(max-width:1500px){
	.strength{
		padding: 100px 0 80px 0;
	}
	.strength .title{
		margin-bottom: 160px;
	}
	.strength .title .ab-tit{
		margin-left: 80px;
	}
	.str-slide .swiper-wrapper{
		margin-bottom: 70px;
	}
	.str-slide .img{
		height: 350px;
	}
}
@media(max-width:1400px){
	.strength{
		padding: 80px 0;
	}
	.strength .title{
		margin-bottom: 130px;
	}
	.strength .title .ab-tit{
		margin-left: 50px;
	}
	.str-slide .img{
		height: 320px;
	}
}
@media(max-width:1300px){
	.strength{
		padding: 70px 0;
	}
	.strength .title{
		margin-bottom: 100px;
	}
	.strength .title .ab-tit{
		margin-left: 0;
	}
	.str-slide .img{
		height: 300px;
	}
}
@media(max-width:1200px){
	.strength{
		padding: 60px 0;
	}
	.strength .title{
		margin-bottom: 75px;
	}
	.strength .title .ab-tit{
		margin-left: 0;
	}
	.str-slide .swiper-wrapper{
		margin-bottom: 60px;
	}
	.str-slide .img{
		height: 270px;
	}
}
@media(max-width:991px){
	.strength::after{
		display: none;
	}
	.strength .title{
		margin-bottom: 50px;
	}
	.str-slide .swiper-wrapper{
		margin-bottom: 50px;
	}
	.str-slide .img{
		height: 250px;
	}
	.str-slide .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		margin: 0 6px!important;
	}
}
@media(max-width:768px){
	.strength{
		padding: 50px 0;
	}
	.strength .title{
		margin-bottom: 40px;
	}
	.str-slide .swiper-wrapper{
		margin-bottom: 40px;
	}
}
@media(max-width:480px){
	.strength{
		padding: 40px 0;
	}
	.strength .title{
		margin-bottom: 30px;
	}
	.strength .title .ab-tit{
		width: 100%;
		margin-bottom: 10px;
	}
	.strength .title .ab-txt{
		width: 100%;
	}
	.str-slide .img{
		height: 200px;
	}
}




.honor{
	padding: 75px 0 115px 0;
}
.honor .ab-tit{
	margin-bottom: 80px;
}
.honor-slide .swiper-wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 80px;
}
.honor-slide .swiper-slide{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	transition: 300ms;
	transform: scale(0.8);
}
.honor-slide .swiper-slide.swiper-slide-prev,
.honor-slide .swiper-slide.swiper-slide-next
{
	transform: scale(0.9);
}
.honor-slide .swiper-slide-active{
	transform: scale(1);
}
.honor-slide .swiper-slide h4{
	color: #888;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
}
.honor-slide .swiper-scrollbar{
	height: 1px;
	background-color: #d2d2d2;
}
.honor-slide .swiper-scrollbar-drag{
	background-color: #626262;
}




@media(max-width:1500px){
	.honor{
		padding: 75px 0 100px 0;
	}
}
@media(max-width:1400px){
	.honor{
		padding: 80px 0;
	}
	.honor .ab-tit{
		margin-bottom: 60px;
	}
	.honor-slide .swiper-slide h4{
		margin-top: 20px;
	}
}
@media(max-width:1300px){
	.honor{
		padding: 70px 0;
	}
	.honor .ab-tit{
		margin-bottom: 50px;
	}
	.honor-slide .swiper-wrapper{
		margin-bottom: 60px;
	}
}
@media(max-width:1200px){
	.honor{
		padding: 60px 0;
	}
	.honor .ab-tit{
		margin-bottom: 40px;
	}
	.honor-slide .swiper-wrapper{
		margin-bottom: 50px;
	}
}
@media(max-width:991px){
	.honor{
		padding: 50px 0;
	}
	.honor-slide .swiper-wrapper{
		margin-bottom: 40px;
	}
}
@media(max-width:768px){
	.honor{
		padding: 40px 0;
	}
	.honor .ab-tit{
		margin-bottom: 25px;
	}
	.honor-slide .swiper-wrapper{
		margin-bottom: 30px;
	}
	.honor-slide .swiper-slide,
	.honor-slide .swiper-slide.swiper-slide-prev,
	.honor-slide .swiper-slide.swiper-slide-next
	{
		transform: scale(1);
	}
	.honor-slide .swiper-slide .img{
		height: 250px;
		padding: 25px;
		box-sizing: border-box;
		background-color: #fff;
	}
	.honor-slide .swiper-slide h4{
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
		margin-top: 15px;
	}
}
@media(max-width:380px){
	.honor-slide .swiper-slide .img{
		height: 220px;
		padding: 20px;
	}
}




.course{
	padding: 130px 0 120px 0;
}
.course .ab-tit{
	margin-bottom: 85px;
}
.course  .gallerybox{
	margin-bottom: 80px;
	position: relative;
}
.course .gallery_slide{
	width: 90.45%;
	margin: 0 auto;
	overflow: hidden;
}
.course  .gallery_slide .swiper-slide{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.course  .gallery_slide .img{
	width: 34.34%;
	height: 315px;
}
.course .gallery_slide .text{
	width: 62%;
	padding-top: 14px;
	position: relative;
	z-index: 9;
}
.course .gallery_slide .text .tit{
	margin-bottom: 30px;
}
.course .gallery_slide .text .tit p,
.course .gallery_slide .text .tit h4
{
	color: #22303a;
	font-size: 18px;
}
.course .gallery_slide .text .tit p{
	margin-bottom: 6px;
}
.course .gallery_slide .text .txt{
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.course  .gallerybox .swiper-button-prev,
.course  .gallerybox .swiper-button-next
{
	font-size: 0;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 5px #fbfbfb;
	background-color: #fff;
	background-image: none;
}
.course  .gallerybox .swiper-button-prev{
	left: 0;
}
.course  .gallerybox .swiper-button-next{
	right: 0;
}
.course .gallerybox .swiper-button-prev:hover,
.course  .gallerybox .swiper-button-next:hover
{
	background-color: #22303a;
}
.course .gallerybox .swiper-button-prev::after,
.course .gallerybox .swiper-button-next::after
{
	content: '';
	width: 9px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.course .gallerybox .swiper-button-prev::after{
	background-image: url(../images/ab5-prev.png);
}
.course .gallerybox .swiper-button-next::after{
	background-image: url(../images/ab5-next.png);
}
.course .gallerybox .swiper-button-prev:hover:after{
	background-image: url(../images/ab5-prev2.png);
}
.course .gallerybox .swiper-button-next:hover::after{
	background-image: url(../images/ab5-next2.png);
}
.course .thumb_slide{
	position: relative;
	overflow: hidden;
}
.course .thumb_slide::after{
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #eaeaea;
}
.course .thumb_slide .swiper-slide{
	color: #666;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	padding-top: 30px;
	position: relative;
}
.course .thumb_slide .swiper-slide.active{
	color: #22303a;
	font-size: 24px;
	font-weight: bold;
}
.course .thumb_slide .swiper-slide::after{
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #e3e3e3;
}
.course .thumb_slide .swiper-slide.active::after{
	width: 20px;
	height: 20px;
	top: 2px;
	background-color: #22303a;
}




@media(max-width:1500px){
	.course {
    padding: 90px 0 100px 0;
	}
	.course .ab-tit{
		margin-bottom: 65px;
	}
}
@media(max-width:1400px){
	.course {
    padding: 80px 0;
	}
	.course .ab-tit{
		margin-bottom: 60px;
	}
	.course .gallery_slide .text{
		padding: 0;
	}
}
@media(max-width:1300px){
	.course {
    padding: 70px 0;
	}
	.course .ab-tit{
		margin-bottom: 50px;
	}
	.course .gallerybox{
		margin-bottom: 50px;
	}
}
@media(max-width:1200px){
	.course {
    padding: 60px 0;
	}
	.course .ab-tit{
		margin-bottom: 40px;
	}
	.course .gallerybox{
		margin-bottom: 40px; 
	}
}
@media(max-width:991px){
	.course {
    padding: 50px 0;
	}
	.course .ab-tit{
		margin-bottom: 30px;
	}
	.course .gallerybox{
		margin-bottom: 40px;
	}
	.course .gallery_slide{
		width: 100%;
	}
	.course .gallerybox .swiper-button-prev,
	.course .gallerybox .swiper-button-next
	{
		display: none;
	}
}
@media(max-width:768px){
	.course {
		padding: 40px 0;
	}
	.course .ab-tit{
		margin-bottom: 25px;
	}
	.course .gallerybox{
		margin-bottom: 25px;
	}
	.course .gallery_slide .img{
		width: 100%;
		height: 260px;
		margin-bottom: 30px;
	}
	.course .gallery_slide .text .tit{
		margin-bottom: 20px;
	}
	.course .gallery_slide .text .tit p,
	.course .gallery_slide .text .tit h4{
		font-size: 16px;
	}
	.course .gallery_slide .text .tit p{
		margin-bottom: 3px;
	}
	.course .gallery_slide .text{
		width: 100%;
	}
	.course .thumb_slide .swiper-slide.active{
		font-size: 20px;
	}
	.course .thumb_slide .swiper-slide.active::after{
		width: 14px;
		height: 14px;
		top: 5px;
	}
}
@media(max-width:480px){
	.course .gallery_slide .img{
		height: 240px;
	}
}
@media(max-width:420px){
	.course .gallery_slide .img{
		height: 200px;
	}
}