@charset "utf-8";
/* 公共样式集 */
.inc_banner{
	font-size: 0;
	position: relative;
}
.inc_banner img{
	width: 100%;
}
.inc_banner .pub_menu{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(0, 0, 0, 0.3);
}
.inc_banner .pub_menu ul li{
	color: #fff;
	font-size: 16px;
	line-height: 80px;
	height: 80px;
	margin-right: 10px;
	display: inline-block;
	transition: all .5s;
}
.inc_banner .pub_menu ul li:last-child{
	margin-right: 0;
}
.inc_banner .pub_menu ul li.on,
.inc_banner .pub_menu ul li:hover
{
	background-color: #2b5eab;
}
.inc_banner .pub_menu ul li a{
	width: 100%;
	height: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	display: inline-block;
}
.breadcrumb{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(0, 0, 0, 0.3);
}
.breadcrumb ul{
	float: right;
}
.breadcrumb ul li{
	color: #fff;
	font-size: 16px;
	height: 80px;
	line-height: 80px;
	padding-right: 20px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}
.breadcrumb ul li::after{
	content: '>';
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 16px;
}
.breadcrumb ul li:last-child::after{
	display: none;
}
.breadcrumb ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.breadcrumb ul li:hover a{
	text-decoration: underline;
}




.swiper .pub_overbtn{
	width: 260px;
	height: 70px;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper .pub_overbtn .swiper-button-prev,
.swiper .pub_overbtn .swiper-button-next
{
	width: 130px;
	height: 70px;
	top: 0;
	margin-top: 0;
	border: none;
	outline: none;
	position: absolute;
}
.swiper .pub_overbtn .swiper-button-prev{
	left: 0;
	background-color: #1b1b1b;
}
.swiper .pub_overbtn .swiper-button-next{
	right: 0;
	background-color: #2b5eab;
}
.swiper .pub_overbtn .swiper-button-prev::after,
.swiper .pub_overbtn .swiper-button-next::after
{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper .pub_overbtn .swiper-button-prev::after{
	background-image: url(../images/pub_prev.png);
}
.swiper .pub_overbtn .swiper-button-next::after{
	background-image: url(../images/pub_next.png);
}




.pub_btngrop{
	text-align: center;
}
.pub_btngrop .btngrop{
	height: 20px;
	display: inline-block;
	position: relative;
}
.pub_btngrop .btngrop .swiper-button-prev,
.pub_btngrop .btngrop .swiper-button-next
{
	width: 12px;
	height: 20px;
	z-index: 70;
	outline: none;
	position: absolute;
	top: 0;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.pub_btngrop .btngrop  .swiper-button-prev{
	left: -70px;
	background-image: url(../images/service_prev.png);
}
.pub_btngrop .btngrop  .swiper-button-next{
	right: -70px;
	background-image: url(../images/service_next.png);
}
.pub_btngrop .btngrop  .swiper-button-prev::after,
.pub_btngrop .btngrop  .swiper-button-next::after
{
	display: none;
}
.pub_btngrop .btngrop  .swiper-pagination{
	width: auto;
	display: inline-block;
	position: static;
	margin-top: 3px;
}
.pub_btngrop .btngrop  .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: none;
	outline: none;
	margin: 0 10px!important;
	background-color: #c8c8c8;
}
.pub_btngrop .btngrop  .swiper-pagination-bullet-active{
	background-color:#5e5e5e;
}




.pub_nav{
	border-bottom: 1px solid #d9d9d9;
	background-color: #f1f1f1;
}
.pub_nav ul li{
	color: #666;
	font-size: 16px;
	line-height: 80px;
	height: 80px;
	margin-right: 40px;
	display: inline-block;
	position: relative;
	transition: all .5s;
}
.pub_nav ul li:last-child{
	margin-right: 0;
}
.pub_nav ul li.on,
.pub_nav ul li:hover
{
	color: #2b5eab;
	font-weight: bold;
}
.pub_nav ul li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 4px;
	transition: all .5s;
	background-color: #2b5eab;
}
.pub_nav ul li.on::after,
.pub_nav ul li:hover::after{
	width: 100%;
}
.pub_nav ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.pub_tit{
	color: #333;
	text-align: center;
}
.pub_tit i{
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 8px;
}
.pub_tit h2{
	font-size: 30px;
}




.pub_more{
	color: #fff;
	font-size: 15px;
	line-height: 60px;

	height: 60px;
	padding-left: 30px;
	padding-right: 70px;
	display: inline-block;
	position: relative;
	border-radius: 50px;
	transition: all .5s;
	border: 1px solid #535353;
}
.pub_more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 30px;
	width: 15px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:  center;
	background-image: url(../images/arrow22.png);
}




.pub_hdbox{
	border-top: 1px  solid #000;
	border-bottom: 1px  solid #000;
}
.pub_hdbox ul{
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
}
.pub_hdbox ul li{
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	width: 25%;
	height: 80px;
	transition: all .5s;
	border-right: 1px solid #000;
}
.pub_hdbox ul li.on,
.pub_hdbox ul li:hover{
	color: #fff;
	cursor: pointer;
	background-color: #1f1f1f;
}  
.pub_hdbox ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.pub_hdbox ul li:last-child{
	border-right: none;
}




.page{
	text-align: center;
	padding:40px 0;
}
.page .pagination{
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #666;
	margin:0 5px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
.page .pagination .prev,
.page .pagination .next
{
	width: 90px;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 3px;
}
.page .pagination li.active,
.page .pagination li:hover
{
	color: #fff;
	background-color: #2b5eab;
}




.pillar{
	height: 100px;
}
.header{
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all .5s;
	background-color: #fff;
}
.header.on,
.header:hover{
	background-color: #fff;
}
.header h1{
	width: 190px;
	height: 60px;
	float: left;
	margin-top: 20px;
	margin-right: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: lfet center;
	background-image: url(../images/logo2.png);
}
.header h1 a{
	width: 100%;
	height: 100%;
	display: inline-block;
	text-indent: -9999px;
}
.header .nav{
	float: left;
	margin-top: 17px;
	display: inline-block;
}
.header .nav>li{
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
	display: inline-block;
	position: relative;
}
.header .nav>li{
	color: #333;
}
.header .nav>li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	transition: all .5s;
	background-color: #2b5eab;
}
.header .nav>li:hover::after{
	width: 100%;
}
.header .nav>li:last-child{
	margin-right: 0;
}
.header .nav>li>a{
	width: 100%;
	height: 100%;
	padding: 20px 15px;
	box-sizing: border-box;
	display: inline-block;
}
.header .nav>li .nav2{
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	display: none;
	border-radius: 5px;
	padding: 20px 10px;
	box-sizing: border-box;
	background-color: #fff;
}
.header .nav>li .nav2 li{
	color: #888;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .5s;
}
.header .nav>li .nav2 li.on,
.header .nav>li .nav2 li:hover
{
	color: #333;
}
.header .btngrop{
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}
.header .btngrop a{
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	margin-right: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.header .btngrop a:last-child{
	margin-right: 0;
}
.header .btngrop .search{
	background-image: url(../images/search2.png);
}
.header .btngrop .user{
	background-image: url(../images/user2.png);
}
.header .btngrop .phone{
	background-image: url(../images/phone2.png);
}
.header .cn{
	color: #fff;
	font-size: 16px;
	float: right;
	margin-top: 38px;
}
.header .cn{
	color: #666;
}
.header .form_box{
	width: 100%;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left:0;
	bottom: -120px;
	text-align: center;
	background:rgba(0,0,0,.3);
	display:none;
	z-index: 122;
}
.header .form_box .searchbox{
	width: 650px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	border-radius: 5px;
	background-color: #fff;
}
.header .form_box .search_content{
	color: #333;
	font-size: 16px;
	text-align: left;
	width: 140px;
	position: relative;
}
.header .form_box .search_content h4{
	line-height: 60px;
	height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
}
.header .form_box .search_content h4:hover{
	cursor: pointer;
}
.header .form_box .search_content h4::before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -16px;
	right: 0;
	width: 1px;
	height: 32px;
	background-color: #d2d2d2;
}
.header .form_box .search_content h4::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 20px;
	width: 10px;
	height: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/search_arrow.png);
}
.header .form_box .search_content ul{
	width: 140px;
	position: absolute;
	left: 0;
	top: 65px;
	display: none;
	overflow: hidden;
	padding: 15px 0;
	border-radius: 5px;
	background-color: #2f2f2f;
}
.header .form_box .search_content ul.on{
	display: block;
}
.header .form_box .search_content ul li{
	color: #fff;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .5s;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #2f2f2f;
}
.header .form_box .search_content ul li:hover{
	color: #333;
	cursor: pointer;
	background-color: #fff;
}
 .header .form_box form{
	width:90%;
	max-width:500px; 
	display:inline-block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
}
.header .form_box form input.text{
	width:520px;
	height:60px;
	line-height:60px;
	border-bottom:1px solid #ccc;
	background:none;
	font-size:15px;
	color:#666;
	background:#fff;
	padding-left:15px;
	box-sizing: border-box;
}
.header .form_box form input.submit{
	width:26px;
	height:26px;
	background: none;
	display:inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search2.png);
	position: absolute;
	right:20px;
	top:50%;
	margin-top: -13px;
}




.footer{
	color: #999;
	font-size: 15px;
	padding-top: 65px;
	padding-bottom: 50px;
	background-color: #1f1f1f;
}
.footer .footernav{
	padding-bottom: 60px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #414141;
}
.footer .footernav dt{
	color: #fff;
	font-size: 17px;
	margin-bottom: 25px;
}
.footer .footernav dd{
	line-height: 30px;
}
.footer .footernav dd:hover{
	text-decoration: underline;
}
.footer .itembox{
	padding: 45px 0;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #414141;
}
.footer .itembox .item{
	margin-right: 15px;
}
.footer .itembox .item:last-child{
	margin-right: 0;
}
.footer .itembox .item .img{
	width: 140px;
	height: 140px;
	margin-bottom: 18px;
}
.footer .itembox .item .img img{
	width: 100%;
	height: 100%;
}
.footer .itembox .item .txt{
	line-height: 24px;
	text-align: center;
}
.footer .copy{
	line-height: 32px;
	text-align: center;
	padding-top: 32px;
}




.ibanner{
	font-size: 0;
}
.ibanner img{
	width: 100%;
}
.ibanner .ibangrop{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	z-index: 300;
}
.ibanner .ibangrop .btngrop{
	display: inline-block;
	position: relative;
}
.ibanner .ibangrop .swiper-button-prev,
.ibanner .ibangrop .swiper-button-next
{
	width: 10px;
	height: 16px;
	z-index: 70;
	outline: none;
	position: absolute;
	top: 0;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.ibanner .ibangrop .swiper-button-prev{
	left: -70px;
	background-image: url(../images/ibanner_prev.png);
}
.ibanner .ibangrop .swiper-button-next{
	right: -70px;
	background-image: url(../images/ibanner_next.png);
}
.ibanner .ibangrop .swiper-button-prev::after,
.ibanner .ibangrop .swiper-button-next::after
{
	display: none;
}
.ibanner .ibangrop .swiper-pagination{
	width: auto;
	display: inline-block;
	position: static;
}
.ibanner .ibangrop .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: none;
	outline: none;
	border: 2px solid;
	margin: 0 8px!important;
	border-color: rgba(255,255,255,0.3);
	background-color: transparent;
}
.ibanner .ibangrop .swiper-pagination-bullet-active{
	border-color:#fff;
}




.iab{
	padding: 125px 0 110px 0;
	background-color: #f7f7f7;
}
.iab .tit{
	color: #333;
	float: left;
}
.iab .tit i{
	font-size: 50px;
	line-height: 66px;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 420px;
	display: block;
}
.iab .tit h2{
	font-size: 38px;
}
.iab .textbox{
	width: 590px;
	float: right;
}
.iab .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 55px;
}
/* .iab .textbox .more{
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 30px;
	position: relative;
}
.iab .textbox .more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
	width: 15px;
	height: 10px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow.png);
}
.iab .textbox .more:hover::after{
	transform: translateX(10px);
}
 */
.iab .textbox .more{
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	width: 150px;
	height: 50px;
	display: block;
	border-radius: 25px;
	transition: all .5s;
	background-color: #1f1f1f;
}
.iab .textbox .more:hover{
	background-color: #2b5eab;
}




.ipro{
	padding: 110px 0;
}
.ipro .pub_hdbox{
	margin: 75px 0 90px 0;
}
.ipro .bdbox .bd{
	text-align: center;
	display: none;
}
.ipro .bdbox .bd.on{
	display: block;
}
.ipro .listbox{
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.ipro .listbox .list{
	text-align: center;
	width: 420px;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}
.ipro .listbox .list:nth-child(3n){
	margin-right: 0;
}
.ipro .listbox .list .img{
	width: 100%;
	height: 450px;
	margin-bottom: 30px;
}
.ipro .listbox .list h4,
.ipro .listbox .list p
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ipro .listbox .list h4{
	color: #333;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
}
.ipro .listbox .list p{
	color: #a6a6a6;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
}
.ipro .bdbox .bd .pub_more{
	color: #333333;
	border: 1px solid #e3e3e3;
}
.ipro .bdbox .bd .pub_more::after{
	background-image: url(../images/arrow.png);
}
.ipro .bdbox  .pub_more:hover{
	color: #fff;
	background-color: #2b5eab;
}
.ipro .bdbox .bd .pub_more:hover::after{
	background-image: url(../images/arrow22.png);
}




.izone{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/izonebg.jpg);
}
.izone .textbox{
	width: 560px;
	padding-top: 160px;
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 160px;
	box-sizing: border-box;
	background-color: #1f1f1f;
}
.izone .textbox .pub_tit{
	color: #fff;
	text-align: left;
	margin-bottom: 70px;
}
.izone .textbox .text{
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 115px;
}
.izone .pub_more:hover{
	color: #fff;
	border: 1px solid #2b5eab;
	background-color: #2b5eab;
}




.ivideo{
	padding: 110px 0;
}
.ivideo .pub_tit{
	margin-bottom: 60px;
}
.ivideo_slide .swiper-wrapper{
	margin-bottom: 60px;
}
.ivideo_slide .swiper-slide .img{
	height: 285px;
}
.ivideo_slide .swiper-slide h4{
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	width: 100%;
	height: 80px;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.ivideo_slide .swiper-slide:hover h4{
	color: #fff;
	background-color: #1f1f1f;
}
.ivideo_slide  .swiper-scrollbar{
	width: 350px;
	height: 2px;
	border-radius: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;;
	background-color: #ddd;
}
.ivideo_slide  .swiper-scrollbar-drag{
	background-color: #333;
}




.icase{
	padding-bottom: 135px;
}
.icase .listbox{
	display: flex;
	justify-content: space-between;
}
.icase .listbox .list{
	width: 635px;
	height: 655px;
	z-index: 2;
	padding-top: 95px;
	padding-left: 80px;
	box-sizing: border-box;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icase .listbox .list::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -295px;
	left: 50%;
	margin-left: -285px;
	width: 570px;
	height: 590px;
	z-index: -1;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.4);
}
.icase .listbox .list .tit{
	color: #fff;
	font-size: 26px;
}
.icase .listbox .list .tit i{
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}
.icase .listbox .list .tit h2{
	font-size: 26px;
}
.icase .listbox .list .more{
	position: absolute;
	right: 100px;
	bottom: 100px;
}
.icase .listbox .list .more li{
	color: #fff;
	font-size: 18px;
	line-height: 40px;
    -webkit-box-orient: vertical;
	width: 130px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
.icase .listbox .list .more li:last-child{
	margin-bottom: 0;
}
.icase .listbox .list .more li::before{
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 18px;
}
.icase .listbox .list .more li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 130px;
	height: 1px;
	transition: all .5s;
	background-color: #fff;
}
.icase .listbox .list .more li:hover::after{
	width: 180px;
}
.icase .listbox .list .more li a{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	width: 100%;
	height: 100%;
	padding-right: 50px;
	box-sizing: border-box;
	display: inline-block;
}




.inews{
	padding-top: 105px;
	padding-bottom: 140px;
	background-color: #f3f3f3;
}
.inews .pub_tit{
	margin-bottom: 65px;
}
.inews .bignews{
	font-size: 0;
	height: 465px;
	margin-bottom: 35px;
	transition: all .5s;
	background-color: #fff;
}
.inews .bignews:hover{
	background-color: #1f1f1f;
}
.inews .bignews a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.inews .bignews .img{
	width: 650px;
	height: 465px;
	float: left;
	margin-right: 55px;
}
.inews .bignews .text{
	color: #333;
	width: 540px;
	float: left;
	padding-top: 55px;
}
.inews .bignews .text span{
	font-size: 16px;
	display: block;
	margin-bottom: 55px;
	transition: all .5s;
}
.inews .bignews:hover .text span{
	color: #fff;
}
.inews .bignews .text h4{
	font-size: 20px;
	line-height: 36px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: 35px;
	transition: all .5s;
}
.inews .bignews:hover .text h4{
	color: #fff;
}
.inews .bignews .text p{
	color: #888;
	font-size: 15px;
	line-height: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: 65px;
	transition: all .5s;
}
.inews .bignews:hover .text p{
	color: #888;
}
.inews .bignews .text  .line{
	width: 100%;
	height: 1px;
	display: block;
	margin-bottom: 25px;
	transition: all .5s;
	background-color: #dcdcdc;
}
.inews .bignews:hover .text  .line{
	background-color: #393939;
}
.inews .bignews .text .more{
	font-size: 16px;
	display: inline-block;
	padding-right: 40px;
	position: relative;
	transition: all .5s;
}
.inews .bignews:hover .text .more{
	color: #fff;
}
.inews .bignews .text .more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
	width: 15px;
	height: 10px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow.png);
}
.inews .bignews:hover .text .more::after{
	transform: translateX(10px);
	background-image: url(../images/arrow22.png);
}
.inews .listbox .list{
	width: 410px;
	height: 440px;
	float: left;
	margin-right: 35px;
	transition: all .5s;
	background-color: #fff;
}
.inews .listbox .list:hover{
	background-color: #1f1f1f;
}
.inews .listbox .list:nth-child(3){
	margin-right: 0;
}
.inews .listbox .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.inews .listbox .list .img{
	width: 100%;
	height: 255px;
}
.inews .listbox .list:hover .text h4,
.inews .listbox .list:hover .text .more
{
	color: #fff;
}
.inews .listbox .list .text{
	color: #333;
	padding: 25px 30px;
	box-sizing: border-box; 
}
.inews .listbox .list .text h4,
.inews .listbox .list .text p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.inews .listbox .list .text h4{
	font-size: 20px;
	margin-bottom: 10px;
	transition: all .5s;
}
.inews .listbox .list .text p{
	color: #888;
	font-size: 15px;
	margin-bottom: 40px;
}
.inews .listbox .list .text .line{
	width: 100%;
	height: 1px;
	display: block;
	margin-bottom: 20px;
	transition: all .5s;
	background-color: #dcdcdc;
}
.inews  .listbox .list:hover .text  .line{
	background-color: #393939;
}
.inews .listbox .list .text .more{
	font-size: 16px;
	display: block;
	position: relative;
	transition: all .5s;
}
.inews .listbox .list .text .more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
	width: 15px;
	height: 10px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow.png);
}
.inews .listbox .list:hover .text .more::after{
	transform: translateX(10px);
	background-image: url(../images/arrow22.png);
}




.case{
	padding-top: 105px;
	padding-bottom: 55px;
	background-color: #f1f1f1;
}
.case .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.case .listbox .list{
	width: 630px;
	margin-bottom: 50px;
	background-color: #fff;
}
.case .listbox .list .img{
	width: 100%;
	height: 420px;
}
.case .listbox .list  h4{
	color: #666;
	font-size: 18px;
	line-height: 90px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: 90px;
	padding-left: 25px;
	padding-right: 80px;
	box-sizing: border-box;
	position: relative;
}
.case .listbox .list  h4::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -24px;
	right: 25px;
	width: 48px;
	height: 48px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/jia_icon1.png);
}
.case .listbox .list:hover  h4::after{
	background-image: url(../images/jia_icon2.png);
}
.case .page{
	padding: 55px 0;
}




.society{
	padding: 90px 0;
	background-color: #f3f3f3;
}
.society .list{
	font-size: 0;
	margin-bottom: 45px;
	background-color: #fff;
}
.society .list:last-child{
	margin-bottom: 0;
}
.society .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.society .list .img{
	width: 430px;
	height: 310px;
	float: left;
	margin-right: 65px;
}
.society .list .text{
	color: #888;
	font-size: 15px;
	width: 720px;
	float: left;
	padding-top: 50px;
}
.society .list .text span{
	display: block;
	margin-bottom: 35px;
}
.society .list .text h4{
	color: #333;
	font-size: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 15px;
}
.society .list .text p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 40px;
}
.society .list .text em{
	line-height: 55px;
	height: 55px;
	display: inline-block;
	padding: 0 45px;
	border-radius: 50px;
	transition: all .5s;
	background-color: #eee;
}
.society .list .text em:hover{
	color: #fff;
	background-color: #2b5eab;
}
.society .page{
	padding-top: 100px;
	padding-bottom: 30px;
}




.news{
	padding: 110px 0;
	background-color: #f3f3f3;
}
.news .list{
	font-size: 0;
	margin-bottom: 45px;
	background-color: #fff;
}
.news .list:last-child{
	margin-bottom: 0;
}
.news .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.news .list .img{
	width: 430px;
	height: 310px;
	float: left;
	margin-right: 65px;
}
.news .list .text{
	color: #888;
	font-size: 15px;
	width: 720px;
	float: left;
	padding-top: 50px;
}
.news .list .text span{
	display: block;
	margin-bottom: 35px;
}
.news .list .text h4{
	color: #333;
	font-size: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 15px;
}
.news .list .text p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 40px;
}
.news .list .text em{
	line-height: 55px;
	height: 55px;
	display: inline-block;
	padding: 0 45px;
	border-radius: 50px;
	transition: all .5s;
	background-color: #eee;
}
.news .list .text em:hover{
	color: #fff;
	background-color: #2b5eab;
}
.news .page{
	padding-top: 110px;
	padding-bottom: 10px;
}




.newsv{
	padding: 110px 0;
}
.newsv em{
	color: #2b5eab;
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
}
.newsv h2{
	color: #333;
	font-size: 28px;
	padding-bottom: 35px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}
.newsv .time{
	color: #666;
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	border-bottom: 1px solid #d2d2d2;
}
.newsv .time span{
	display: inline-block;
}
.newsv .time span:first-child{
	margin-right: 25px;
}
.newsv .textbox{
	color: #444;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 100px;
}
.newsv .textbox video{
	width: 100%;
}
.newsv .agrop{
	color: #666;
	font-size: 16px;
	line-height: 75px;
	text-align: center;
	height: 75px;
	padding: 0 30px;
	box-sizing: border-box;
	background-color: #f1f1f1;
}
.newsv .agrop a{
	position: relative;
	display: inline-block;
}
.newsv .agrop a:hover{
	text-decoration: underline;
}
.newsv .agrop .prev{
	float: left;
	padding-left: 30px;
}
.newsv .agrop .next{
	float: right;
	padding-right: 30px;
}
.newsv .agrop .prev::after,
.newsv .agrop .next::after
{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 7px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.newsv .agrop .prev::after{
	left: 0;
	background-image: url(../images/newsv_prev.png);
}
.newsv .agrop .next::after{
	right: 0;
	background-image: url(../images/newsv_next.png);
}




.video{
	padding-top: 90px;
	padding-bottom: 35px;
}
.video  .list{
	width: 415px;
	float: left;
	margin-right: 25px;
	margin-bottom: 55px;
	background-color: #f1f1f1;
}
.video  .list:nth-child(3n){
	margin-right: 0;
}
.video  .list .pic{
	width: 100%;
	height: 270px;
	position: relative;
}
.video  .list .pic::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -32px;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play_icon2.png);
}
.video  .list .pic .img{
	width: 100%;
	height: 100%;
}
.video  .list .pic .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}  
.video  .list  h4{
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 75px;
	height: 75px;
}
.video .page{
	padding: 55px 0;
}




.contact {
	padding: 135px 0;
	background-color: #f1f1f1;
}
.contact .pub_tit{
	margin-bottom: 65px;
}
.contact .pub_tit i{
	font-size: 30px;
	font-weight: normal;
}
.contact .pub_tit h2{
	font-size: 32px;
}
.contact .listbox .list{
	text-align: center;
	width: 416px;
	height: 280px;
	float: left;
	padding: 55px 25px;
	box-sizing: border-box;
	margin-right: 25px;
	position: relative;
	background-color: #fff;
}
.contact .listbox .list:last-child{
	margin-right: 0;
}
.contact .listbox .list::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #dfdfdf;
}
.contact .listbox .list i{
	width: 50px;
	height: 50px;
	display: block;
	margin:  0 auto;
	margin-bottom: 25px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.contact .listbox .list:nth-child(1) i{
	background-image: url(../images/con_icon1.png);
}
.contact .listbox .list:nth-child(2) i{
	background-image: url(../images/con_icon2.png);
}
.contact .listbox .list:nth-child(3) i{
	background-image: url(../images/con_icon3.png);
}
.contact .listbox .list:hover i{
	transform: translateY(-10px);
}
.contact .listbox .list h4{
	color: #888;
	font-size: 16px;
	margin-bottom: 12px;
}
.contact .listbox .list p{
	color: #333;
	font-size: 16px;
	line-height: 30px
}
.contact .listbox .list:first-child p{
	font-size: 22px;
}




.codebox{
	width: 100%;
	max-width: 1920px;
	height: 1090px;
	margin: 0 auto;
	position: relative;
	background-color: #f1f1f1;
}
.codebox  .bgimg{
	width: 100%;
	height: 670px;
	overflow: hidden;
}
.codebox  .bgimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.codebox .itembox{
	max-width: 1300px;
	height: 590px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 80px;
	padding-top: 70px;
	padding-bottom: 40px;
	box-sizing: border-box;
	margin: 0 auto;
	background-color: #fff;
}
.codebox .itembox .item{
	width: 160px;
	float: left;
	margin-right: 36px;
	margin-bottom: 20px;
}
.codebox .itembox .item:nth-child(6n){
	margin-right: 0;
}
.codebox .itembox .item .img{
	width: 100%;
	height: 160px;
}
.codebox .itembox .item .img img{
	width: 100%;
	height: 100%;
}
.codebox .itembox .item  p{
	color: #666;
	font-size: 15px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}




.address{
	padding: 130px 0;
	background-color: #f1f1f1;
}
.address .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.address .listbox .list{
	width: 635px;
	height: 270px;
	padding: 0 50px;
	padding-top: 40px;
	padding-bottom: 35px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative;
	transition: all .3s;
	background-color: #fff;
}
.address .listbox .list:first-child{
	padding-top: 50px;
}
.address .listbox .list:hover{
	background-color: #2b5eab;
}
.address .listbox .list::after{
	content: '';
	position: absolute;
	right: 30px;
	bottom: 25px;
	width: 305px;
	height: 80px;
	transition: all .3s;
	background-size: contain;
	background-repeat: no-repeat;
	background-repeat: right center;
	background-image: url(../images/address_icon1.png);
}
.address .listbox .list:hover::after{
	background-image: url(../images/address_icon2.png);
}
.address .listbox .list h4{
	color: #333;
	font-size: 22px;
	margin-bottom: 20px;
	transition: all .3s;
}
.address .listbox .list:hover h4{
	color: #fff;
}
.address .listbox .list .txt{
	color: #666;
	font-size: 15px;
	line-height: 30px;
	transition: all .3s;
}
.address .listbox .list:hover .txt{
	color: #fff;
}
.address .listbox .list .pub_tit{
	text-align: left;
	transition: all .5s;
}
.address .listbox .list:hover .pub_tit{
	color: #fff;
}
.address .listbox .list .pub_tit i{
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 6px;
}
.address .listbox .list .pub_tit h2{
	font-size: 32px;
}




.store{
	padding-top: 110px;
	padding-bottom: 50px;
} 
.store .titbox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 65px;
}
.store .titbox .pub_tit{
	text-align: left;
	float: left;
}
.store .titbox .formbox select,
.store .titbox .formbox button
{
	font-size: 16px;
	line-height: 60px;
	height: 60px;
	border-radius: 50px;
	outline: none;
	border: none;
	box-sizing: border-box;
	display: inline-block;
}
.store .titbox .formbox select{
	color: #666;
	width: 280px;
	padding: 0 30px;
	margin-right: 15px;
	background-color: #eee;
	appearance:none;
　　-moz-appearance:none;
　　-webkit-appearance:none;
	background-repeat: no-repeat;
	background-position: right 30px center; 
	background-image: url(../images/store_icon.png);
}
.store .titbox .formbox button{
	color: #fff;
	padding: 0 65px;
	transition: all .5s;
	background-color: #1f1f1f;
}
.store .titbox .formbox button:hover{
	background-color: #333;
}
.store .listbox .list{
	width: 410px;
	float: left;
	margin-right: 35px;
	margin-bottom: 50px;
}
.store .listbox .list:nth-child(3n){
	margin-right: 0;
}
.store .listbox .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.store .listbox .list .img{
	width: 100%;
	height: 280px;
	margin-bottom: 25px;
}
.store .listbox .list p{
	color: #333;
	font-size: 16px;
	text-align: center;
	margin-bottom: 12px;
	transition: all .5s;
}
.store .listbox .list:hover p{
	color: #666;
}
.store .listbox .list h4{
	color: #888;
	font-size: 15px;
	text-align: center;
}
.store .page{
	padding: 50px 0;
}




.fin{
	padding: 100px 0;
	background-color: #f3f3f3;
}
.fin .list{
	font-size: 0;
	margin-bottom: 45px;
	background-color: #fff;
}
.fin .list:last-child{
	margin-bottom: 0;
}
.fin .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.fin .list .img{
	width: 430px;
	height: 310px;
	float: left;
	margin-right: 65px;
}
.fin .list .text{
	color: #888;
	font-size: 15px;
	width: 720px;
	float: left;
	padding-top: 50px;
}
.fin .list .text span{
	display: block;
	margin-bottom: 35px;
}
.fin .list .text h4{
	color: #333;
	font-size: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 15px;
}
.fin .list .text p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 40px;
}
.fin .list .text em{
	line-height: 55px;
	height: 55px;
	display: inline-block;
	padding: 0 45px;
	border-radius: 50px;
	transition: all .5s;
	background-color: #eee;
}
.fin .list .text em:hover{
	color: #fff;
	background-color: #2b5eab;
}
.fin .page{
	padding-top: 110px;
	padding-bottom: 10px;
}




.superior{
	padding-bottom: 540px;
	position: relative;
	margin-bottom: 140px;
}
.superior .superiorbox{
	background-color: #f1f1f1;
}
.superior .textbox{
	max-width: 1300px;
	padding-top: 150px;
	padding-bottom: 310px;
	margin: 0 auto;
}
.superior .textbox .pub_tit{
	margin-bottom: 50px;
}
.superior .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 32px;
}
.superior .img{
	max-width: 1300px;
	height: 740px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}




.bass{
	width: 100%;
	max-width: 1920px;
	padding-bottom: 785px;
	margin: 0 auto;
	position: relative;
	background-color: #f1f1f1;
}
.bass .bassimg{
	width: 100%;
	height: 670px;
	overflow: hidden;
}
.bass .bassimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bass .textbox{
	height: 836px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 120px;
	padding: 75px 60px;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1300px;
	background-color: #fff;
}
.bass .textbox .txt{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	max-width: 920px;
	padding-bottom: 70px;
	margin: 0 auto;
}
.bass .textbox .bass_slide .swiper-wrapper{
	margin-bottom: 60px;
}
.bass .textbox .bass_slide .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: none;
	outline: none;
	margin: 0 10px!important;
	background-color: #c8c8c8;
}
.bass .textbox .bass_slide .swiper-pagination-bullet-active{
	background-color: #5e5e5e;
}
.bass .textbox .bass_slide .img{
	width: 100%;
	height: 380px;
}
.bass .textbox .bass_slide h4{
	color: #333;
	font-size: 18px;
	text-align: center;
	line-height: 80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: 80px;
}




.down{
	padding: 90px 0;
}
.down .itembox{
	color: #fff;
	font-size: 16px;
	line-height: 65px;
	height: 65px;
	padding: 0 40px;
	box-sizing: border-box;
	background-color: #1f1f1f;
}
.down .itembox div{
	float: left;
	margin-right: 7px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.down .itembox div:last-child{
	margin-right: 0;
}
.down .itembox div{
	float: left;
}
.down .itembox div:first-child{
	width: 420px;
}	
.down .itembox div:nth-child(2){
	width: 240px;
}
.down .itembox div:nth-child(3){
	width: 250px;
}
.down .itembox div:nth-child(4){
	width: 240px;
}
.down .itembox div:nth-child(5){
	width: 40px;
}
.down .listbox .list{
	color: #666;
	font-size: 16px;
	line-height: 80px;
	width: 100%;
	height: 80px;
	padding: 0 40px;
	box-sizing: border-box;
}
.down .listbox .list:nth-child(2n-1){
	background-color: #f1f1f1;
}
.down .listbox .list:nth-child(2n){
	background-color: #e4e4e4;
}
.down .listbox .list:hover{
	cursor: pointer;
}
.down .listbox .list div{
	height: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	float: left;
	margin-right: 7px;
}
.down .listbox .list div:first-child{
	width: 420px;
}	
.down .listbox .list div:nth-child(2){
	width: 240px;
}
.down .listbox .list div:nth-child(3){
	width: 250px;
}
.down .listbox .list div:nth-child(4){
	width: 240px;
}
.down .listbox .list div:nth-child(5){
	width: 24px;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/down_icon1.png);
}
.down .listbox .list:nth-child(5):hover{
	background-image: url(../images/down_icon2.png);
}
.down .listbox .list div:nth-child(5) a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.down .page{
	padding-top: 90px;
	padding-bottom: 0;
}




.service{
	padding: 120px 0;
	background-color: #f3f3f3;
}
.service .listbox{
	width: 520px;
	float: left;
	padding-top: 25px;
}
.service .listbox .list{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;
}
.service .listbox .list:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.service .list .tit{
	color: #333;
	margin-bottom: 20px;
}
.service .list .tit em{
	font-size: 46px;
	font-weight: bold;
	font-family: 'Arial';
	font-style: italic;
	margin-right: 15px;
	transition: all .5s;
	display: inline-block;
}
.service .list:hover .tit em{
	color: #2b5eab;
}
.service .list .tit h4{
	font-size: 22px;
	display: inline-block;
}
.service .list p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.service  .img{
	width: 635px;
	height: 635px;
	float: right;
}
.service  .img img{
	width: 100%;
	height: 100%;
}




.service_slidebox{
	padding-bottom: 115px;
	background-color: #f3f3f3;
}
.service_slide{
	max-width: 1300px;
	margin: 0 auto;
}
.service_slide  .swiper-wrapper{
	margin-bottom: 50px;
}
.service_slide  .swiper-slide{
	height: 460px;
	position: relative;
}
.service_slide  .swiper-slide .img{
	width: 100%;
	height: 100%;
}
.service_slide  .swiper-slide h4{
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 85px;
	height: 85px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.service_slide .secgropbox{
	text-align: center;
}
.service_slide .secgropbox .btngrop{
	display: inline-block;
	position: relative;
}
.service_slide .secgropbox .btngrop .swiper-button-prev,
.service_slide .secgropbox .btngrop .swiper-button-next
{
	width: 12px;
	height: 20px;
	outline: none;
	position: absolute;
	top: 0;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.service_slide .secgropbox .btngrop .swiper-button-prev{
	left: -60px;
	background-image: url(../images/service_prev.png);
}
.service_slide .secgropbox .btngrop .swiper-button-next{
	right: -60px;
	background-image: url(../images/service_next.png);
}
.service_slide .secgropbox .btngrop .swiper-button-prev::after,
.service_slide .secgropbox .btngrop .swiper-button-next::after
{
	display: none;
}
.service_slide .secgropbox .btngrop .swiper-pagination{
	width: auto;
	display: inline-block;
	position: static;
}
.service_slide .secgropbox .btngrop .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: none;
	outline: none;
	margin: 0 10px!important;
	margin-top: 3px!important;
	background-color: #c8c8c8;
}
.service_slide .secgropbox .btngrop .swiper-pagination-bullet-active{
	background-color:#5e5e5e;
}




.service2{
	padding-bottom: 70px;
	background-color: #f3f3f3;
}
.service2 .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service2 .listbox .list{
	width: 565px;
	padding-bottom: 35px;
	margin-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
}
.service2 .list .tit{
	color: #333;
	margin-bottom: 20px;
}
.service2 .list .tit em{
	font-size: 46px;
	font-weight: bold;
	font-family: 'Arial';
	font-style: italic;
	margin-right: 15px;
	display: inline-block;
}
.service2 .list .tit h4{
	font-size: 22px;
	display: inline-block;
}
.service2 .list p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




.honor{
	padding-top: 80px;
	padding-bottom: 55px;
	background-color: #f1f1f1;
}
.honor .list{
	width: 410px;
	float: left;
	margin-right: 35px;
	margin-bottom: 55px;
	background-color: #fff;
}
.honor .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.honor .list:nth-child(3n){
	margin-right: 0;
}
.honor .list  .pic{
	padding: 20px;
	box-sizing: border-box;
}
.honor .list .img{
	height: 370px;
}
.honor .list h4{
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 90px;
	height: 90px;
	transition: all .5s;
	border-top: 1px solid #d2d2d2;
}
.honor .list h4:hover{
	color: #fff;
	background-color: #2b5eab;
}
.honor .page{
	padding: 50px 0;
}




.course{
	padding: 90px 0;
}
.course .listbox{
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative;
}
.course .listbox::after{
	content: '';
	position: absolute;
	top: 0;
	left: 185px;
	width: 1px;
	height: 100%;
	background-color: #dcdcdc;
}
.course .list{
	margin-bottom: 75px;
}
.course .list:last-child{
	margin-bottom: 0;
}
.course .list .tit{
	color:#333;
	font-size: 22px;
	line-height: 36px;
	width: 185px;
	float: left;
}
.course .list  .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	width: 1100px;
	float: left;
	padding-left: 110px;
	box-sizing: border-box;
	position: relative;
}
.course .list  .text::after{
	content: '';
	position: absolute;
	top: 17px;
	left: 0;
	width: 65px;
	height: 1px;
	background-color: #dcdcdc;
}




.bringbox{
	padding-bottom: 460px;
	position: relative;
}
.bring{
	background-color: #f1f1f1;
}
.bring .textbox{
	max-width: 1300px;
	padding-top: 130px;
	padding-bottom: 280px;
	margin: 0 auto;
}
.bring  .textbox .pub_tit{
	text-align: left;
	margin-bottom: 35px;
	position: relative;
}
.bring .textbox .pub_tit::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_icon.png);
}
.bring  .textbox .pub_tit i{
	font-size: 36px;
	margin-bottom: 5px;
}
.bring  .textbox .pub_tit h2{
	font-size: 32px;
}
.bring .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	width: 920px;
}
.bringbox .bring_slide{
	max-width: 1300px;
	height: 680px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.bringbox .bring_slide .pub_overbtn{
	position: absolute;
	right: 0;
	bottom: 0;
}




.equipment{
	padding-top: 140px;
	padding-bottom: 115px;
}
.equipment .pub_tit{
	text-align: left;
	margin-bottom: 70px;
	position: relative;
}
.equipment .pub_tit::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_icon.png);
}
.equipment .pub_tit i{
	font-size: 36px;
	margin-bottom: 5px;
}
.equipment .pub_tit h2{
	font-size: 32px;
}
.equ_slide .swiper-wrapper{
	margin-bottom: 65px;
}
.equ_slide  .swiper-slide{
	width: 630px;
	position: relative;
	border: 1px solid #e4e4e4;
}
.equ_slide  .swiper-slide::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background-color: #2b5eab;
}
.equ_slide .img{
	width: 100%;
	height: 430px;
}
.equ_slide  .text{
	width: 100%;
	height: 260px;
	padding: 35px 30px;
	box-sizing: border-box;
}
.equ_slide  .text h4{
	color: #333;
	font-size: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 30px;
	transition: all .5s;
}
.equ_slide  .swiper-slide:hover .text h4{
	color: #2b5eab;
}
.equ_slide  .text p{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}




.systembox{
	position: relative;
	padding-bottom: 515px;
}
.system{
	padding-top: 135px;
	padding-bottom: 250px;
	background-color: #f1f1f1;
}
.system .textbox .pub_tit{
	text-align: left;
	margin-bottom: 40px;
	position: relative;
}
.system .textbox .pub_tit::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_icon.png);
}
.system .textbox{
	max-width: 1300px;
	margin: 0 auto;
}
.system .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	width: 915px;
}
.systembox .system_slide{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1300px;
	height: 700px;
	margin: 0 auto;
}
.systembox .system_slide .pub_overbtn{
	position: absolute;
	right: 0;
	bottom: 0;
}
.systembox .system_slide h4{
	color: #fff;
	font-size: 20px;
	line-height: 70px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	width: 100%;
	height: 70px;
	padding-left: 40px;
	padding-right: 300px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}




.manage{
	padding-top: 145px;
	padding-bottom: 120px;
}
.manage .pub_tit{
	text-align: left;
	margin-bottom: 35px;
	position: relative;
}
.manage .pub_tit::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_icon.png);
}
.manage_slide .swiper-wrapper{
	margin-bottom: 40px;
}
.manage_slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.manage .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 70px;
}
.manage_slide .img{
	width: 100%;
	height: 410px;
	padding: 30px;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/manbg.jpg);
}
.manage_slide h4{
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 85px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: 85px;
}




.wisdom{
	padding: 145px 0;
}
.wisdom .textbox{
	margin-bottom: 90px;
}
.wisdom .textbox .pub_tit{
	text-align: left;
	float: left;
}
.wisdom .textbox .pub_tit i{
	line-height: 50px;
	max-width: 280px;
}	
.wisdom .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	max-width: 730px;
	float: right;
}
.wisdom_slide{
	width: 100%;
	height: 680px;
}
.wisdom_slide .pub_overbtn{
	position: absolute;
	right: 0;
	bottom: 0;
}




.lifebox{
	padding-bottom: 360px;
	position: relative;
}
.life{
	padding-top: 125px;
	padding-bottom: 420px;
	background-color: #f1f1f1;
}
.life .textbox{
	max-width: 1300px;
	margin: 0 auto;
}
.life  .textbox .pub_tit{
	text-align: left;
	float: left;
	margin-bottom: 35px;
}
.life .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	width: 730px;
	float: right;
}
.lifebox .life_slide{
	max-width: 1300px;
	height: 680px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.lifebox .life_slide .pub_overbtn{
	position: absolute;
	right: 0;
	bottom: 0;
}




.coming{
	padding: 170px 0;
}
.coming .textbox{
	margin-bottom: 90px;
}
.coming .textbox .pub_tit{
	text-align: left;
	float: left;
}
.coming .textbox .pub_tit i{
	line-height: 50px;
	max-width: 320px;
}	
.coming .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	max-width: 730px;
	float: right;
}
.coming_slide{
	width: 100%;
	height: 680px;
}
.coming_slide .pub_overbtn{
	position: absolute;
	right: 0;
	bottom: 0;
}




.ideabox{
	padding-bottom: 140px;
}
.idea{
	background-color: #f1f1f1;
}
.idea .textbox{
	max-width: 1300px;
	padding-top: 140px;
	padding-bottom: 120px;
	margin: 0 auto;
	position: relative;
}
.idea .textbox::after{
	content: '';
	position: absolute;
	left: 55px;
	bottom: -40px;
	width: 1px;
	height: 140px;
	background-color: #626262;
}
.idea .textbox .pub_tit{
	text-align: left;
	max-width: 520px;
}
.idea .textbox .pub_tit i{
	line-height: 50px;
	margin-bottom: 12px;
}
.ideabox .listbox{
	max-width: 1300px;
	margin: 0 auto;
}
.ideabox  .list{
	margin-bottom: 160px;
}
.ideabox  .list:first-child{
	position: relative;
}
.ideabox  .list:last-child{
	margin-bottom: 0;
}
.ideabox  .list .text{
	float: left;
	width: 560px;
	padding-right: 30px;
	box-sizing: border-box;
	padding-top: 75px;
}
.ideabox  .list  .img{
	float: right;
}
.ideabox  .list:nth-child(2n) .text{
	float: right;
}
.ideabox  .list .text .tit{
	color: #333;
	margin-bottom: 35px;
}
.ideabox  .list .text .tit h4{
	font-size: 36px;
	margin-bottom: 10px;
}
.ideabox  .list .text .tit  h5{
	font-size: 28px;
}
.ideabox  .list .text  .txt{
	color: #666;
	font-size: 16px;
	line-height: 32px;
}
.ideabox  .list .img{
	width: 650px;
	height: 720px;
	overflow: hidden;
}
.ideabox  .list .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ideabox  .list:first-child .img{
	position: absolute;
	top: -170px;
	right: 0;
}
.ideabox  .list:nth-child(2n) .img{
	float: left;
}




.about{
	padding-top: 140px;
	padding-bottom: 120px;
}
.about .pub_tit{
	text-align: left;
	float: left;
}
.about .pub_tit i{
	line-height: 36px;
	max-width: 350px;
}
.about .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	width: 615px;
	float: right;
}




.about2{
	max-width: 1300px;
	margin: 0 auto;
}
.about2 .item_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about2 .item{
	width: 615px;
	padding-top: 40px;
	padding-bottom: 90px;
	position: relative;
	border-top: 2px solid #dcdcdc;
}
.about2 .item::before{
	content: '';
	position: absolute;
	top: 50px;
	right: 0;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/top_icon.png);
}
.about2 .item::after{
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 0;
	height: 2px;
	transition: all .5s;
	background-color: #575757;
}
.about2 .item:hover:after{
	width: 100%;
}
.about2 .item .value{
	color: #222;
	font-size: 56px;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
}
.about2 .item .value::after{
	content: '+';
	position: absolute;
	top: 5px;
	right: -20px;
	font-size: 20px;
	font-weight: normal;
}
.about2 .item:nth-child(1) .value::after,
.about2 .item:nth-child(2) .value::after
{
	display: none;
}
.about2 .item p{
	color: #888;
	font-size: 16px;
}




.strategy{
	padding-bottom: 425px;
	position: relative;
	background-color: #f1f1f1;
}
.strategy .img{
	max-width: 1920px;
	height: 670px;
	margin: 0 auto;
	overflow: hidden;
}
.strategy .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.strategy .textbox{
	max-width: 1300px;
	height: 560px;
	padding-top: 85px;
	padding-bottom: 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background-color: #fff;
}
.strategy .textbox .pub_tit{
	padding-bottom: 85px;
	margin-bottom: 30px;
	position: relative;
}
.strategy .textbox .pub_tit::after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	bottom: 0;
	width: 1px;
	height: 60px;
	background-color: #535353;
}
.strategy .text{
	color: #666;
	font-size: 16px;
	line-height: 34px;
	max-width: 950px;
	margin: 0 auto;
}




.culture{
	padding-top: 135px;
	padding-bottom: 380px;
	background-color: #f1f1f1;
}
.culture .pub_tit{
	text-align: left;
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.culture .listbox .list{
	padding: 40px 0;
	background-color: #f1f1f1;
	border-bottom: 1px solid #dcdcdc;
}
.culture .listbox .list:hover{
	cursor: pointer;
}
.culture .listbox .list.on{
	background-color: #fff;
	border-bottom: none;
}
.culture .list .hd{
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}
.culture .list .hd::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 0;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/ab_jia.png);
} 
.culture .list.on .hd::after{
	background-image: url(../images/ab_jian.png);
}
.culture .list .hd h4{
	color: #222;
	font-size: 24px;
	margin-bottom: 15px;
}
.culture .list .hd p{
	color: #666;
	font-size: 16px;
}
.culture .list .text{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	padding-top: 40px;
	max-width: 1300px;
	margin: 0 auto;
	display: none;
}
.culture .list .text.on{
	display: block;
}




.advbox{
	height: 540px;
	position: relative;
	background-color: #e1e1e1;
}
.advbox .adv_slide{
	max-width: 1300px;
	height: 650px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 145px;
}
.adv_slide .bd {
	background-color: #fff;
}
.adv_slide .bd .img{
	width: 650px;
	height: 650px;
	float: left;
	overflow: hidden;
}
.adv_slide .bd .img img{
	width: 100%;
	height: 100%;
}
.adv_slide .bd .text{
	width: 650px;
	height: 650px;
	padding: 0 55px;
	padding-top: 65px;
	box-sizing: border-box;
	float: right;
}
.adv_slide .bd .text h4{
	color: #333;
	font-size: 26px;
	margin-bottom: 30px;
}
.adv_slide .bd .text .txt{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	height: 410px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.adv_slide .bd .text .txt::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 1px;
	background-color: #4f4f4f;
}
.adv_slide .btngropbox{
	color: #888;
	font-size: 15px;
	line-height: 70px;
	text-transform: uppercase;
	width: 535px;
	height: 70px;
	position: absolute;
	right: 55px;
	bottom: 30px;
	display: flex;
	justify-content: space-between;
	border: 1pxs solid red;
}
.adv_slide .btngropbox  .btngrop span{
	width: 22px;
	height: 18px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.adv_slide .btngropbox  .btngrop span:hover{
	cursor: pointer;
}
.adv_slide .btngropbox  .btngrop .prev{
	margin-right: 40px;
	background-image: url(../images/adv_prev.png);
}
.adv_slide .btngropbox  .btngrop .next{
	background-image: url(../images/adv_next.png);
}




.boss{
	padding: 125px 0;
}
.boss .img{
	width: 570px;
	height: 710px;
	float: left;
}
.boss .img img{
	width: 100%;
	height: 100%;
}
.boss .text{
	width: 650px;
	padding-top: 50px;
	float: right;
}
.boss .text h2{
	color: #000;
	font-size: 30px;
	line-height: 40px;
	max-width: 470px;
	margin-bottom: 30px;
}
.boss .text  .tit{
	text-align: right;
	margin-bottom: 45px;
}
.boss .text  .tit em{
	color: #444;
	font-size: 16px;
}
.boss .text  .tit span{
	color: #000;
	font-size: 22px;
}
.boss .text .txt{
	color: #444;
	font-size: 16px;
	line-height: 36px;
	padding-top: 45px;
	border-top: 1px solid #dcdcdc;
}




.boss2{
	max-width: 1920px;
	padding-top: 25px;
	margin: 0 auto;
}
.boss2 .pub_hdbox ul li:hover{
	cursor: pointer;
}
.boss2 .bdbox{
	background-size: cover;
	background-repeat: no-repeat bottom;
	background-position: left;
	background-image: url(../images/boss2bg.png);
}
.boss2 .textbox{
	padding-top: 125px;
	padding-bottom: 150px;
	max-width: 1300px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.boss2 .textbox .text{
	width: 650px;
	float: left;
}
.boss2 .textbox .text h4{
	color: #333;
	font-size: 30px;
	padding-bottom: 30px;
	margin-bottom: 25px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.boss2 .textbox .text h4::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 1px;
	background-color: #313131;
}
.boss2 .textbox .text .txt{
	color: #444;
	font-size: 16px;
	line-height: 32px;
}
.boss2 .textbox .img{
	width: 570px;
	height: 710px;
	float: right;
}
.boss2 .textbox .img img{
	width: 100%;
	height: 100%;
}




.join{
	padding-top: 125px;
	padding-bottom: 150px;
	background-color: #f1f1f1;
}
.join .pub_tit{
	margin-bottom: 70px;
}
.join .formbox{
	color: #444;
	font-size: 16px;
}
.join .formbox .ligrop{
	display: flex;
	justify-content: space-between;
}
.join .formbox .li{
	width: 625px;
	height: 70px;
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 30px;
	border-bottom: 1px solid #7d7d7d;
}
.join .formbox .li label{
	line-height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	display: block;
}
.join .formbox .li.txt2 label{
	width: 50px;
}
.join .formbox .li.txt3 label{
	width: 65px;
}
.join .formbox .li.txt4 label{
	width: 80px;
}
.join .formbox .li.txt5 label{
	width: 130px;
}
.join .formbox .li.txt2  input{
	padding-left: 50px;
}
.join .formbox .li.txt3  input{
	padding-left: 65px;
	padding-right: 130px;
}
.join .formbox .li.txt4  input{
	padding-left: 80px;
}
.join .formbox .li.txt5  input{
	padding-left: 130px;
}
.join .formbox input{
	font-size: 16px;
	line-height: 70px;
	width: 100%;
	height: 70px;
	border: none;
	box-sizing: border-box;
	background-color: transparent;
}
.join .formbox .li  .layui-unselect{
	width: 100%;
}
.join .formbox input::-webkit-input-placeholder{
	color: #444;
}
.join .formbox .work .li{
	display: flex;
}
.join .formbox .work select{
	width: 500px;
	height: 100%;
	border: none;
	outline: none;
	background-color: transparent;
}
.join .formbox .need{
	width: 100%;
	padding-top: 50px;
	display: flex;
	flex-direction: column;
}
.join .formbox .need h4{
	color: #666;
	font-size: 20px;
	margin-bottom: 30px;
}
.join .formbox .need .li{
	width: 100%;
	height: auto;
	display: flex;
	border-bottom: none;
}
.join .formbox .need .checkbox  .layui-unselect{
	width: auto;
	margin-right: 55px;
}
.join .formbox .need .checkbox  .layui-unselect:last-child{
	margin-right: 0;
}
.join .formbox .need .checkbox input{
	width: auto;
	height: auto;
	margin-right: 5px;
}
.join .formbox .need button{
	color: #888;
	font-size: 16px;
	border: none;
	outline: none;
	margin-left: 55px;
	background-color: transparent;
}
.join .formbox .need button:hover{
	cursor: pointer;
}
.join .formbox .mould .li{
	display: flex;
}
.join .formbox .mould .li .layui-form-select{
	width: 545px;
}
.join .formbox .verify{
	padding-top: 30px;
	padding-bottom: 50px;
}
.join .formbox .verify .li{
	position: relative;
}
.join .formbox .verify .img{
	width: 120px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 15px;
}
.join .formbox .verify .img:hover{
	cursor: pointer;
}
.join .formbox  .verify .img img{
	width: 100%;
	height: 100%;
}
.join .formbox  .verify button{
	color: #fff;
	font-size: 18px;
	width: 625px;
	height: 70px;
	border: none;
	outline: none;
	border-radius: 10px;
	transition: all .5s;
	background-color: #434343;
}
.join .formbox  .verify button:hover{
	cursor: pointer;
	background-color: #535353;
}
.join .formbox  .tips{
	color: #888;
	font-size: 16px;
	text-align: center;
}




.give{
	padding: 100px 0;
}
.give .itembox{
	padding: 0 40px;
	margin-bottom: 12px;
	background-color: #1f1f1f;
}
.give .itembox ul{
	color: #fff;
	font-size: 16px;
	line-height: 65px;
	max-width: 1110px;
	height: 65px;
	display: flex;
}
.give .itembox ul li{
	text-align: center;
	width: 20%;
}
.give .itembox ul li:first-child{
	text-align: left;
}
.give .listbox .list{
	padding: 0 40px;
	box-sizing: border-box;
	margin-bottom: 12px;
	border: 1px solid #dcdcdc;
}
.give .listbox .hd{
	color: #666;
	font-size: 16px;
	position: relative;
}
.give .listbox .hd:hover{
	cursor: pointer;
}
.give .listbox .hd::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 0;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/give_jia.png);
}
.give .listbox .hd.on::after{
	background-image: url(../images/give_jian.png);
}
.give .listbox .hd ul{
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 70px;
	max-width: 1110px;
	height: 70px;
	display: flex;
}
.give .listbox .hd ul li{
	width: 20%;
}
.give .listbox ul li:first-child{
	text-align: left;
}
.give .listbox .list .text{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	padding: 35px 0;
	margin:  0	auto;
	display: none;
	border-top: 1px solid #dcdcdc;
}
.give .listbox .list .text.on{
	display: block;
}




.pro_nav{
	border-bottom: none;
}
.pro_nav .list{
	border-bottom: 1px solid #d9d9d9;
}
.pro_nav .list:last-child{
	border-bottom: none;
}
.pro_nav .list ul{
	max-width: 1300px;
	margin: 0 auto;
}




.pro_nav2{
	padding-top: 50px;
	padding-bottom: 20px;
}
.pro_nav2 .li{
	margin-bottom: 20px;
	position: relative;
	display: flex;
	justify-content: flex-start;
}
.pro_nav2 .li:last-child{
	margin-bottom: 0;
}
.pro_nav2 .li span{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	width: 105px;
	height: 40px;
	background-color: #353535;
	position: relative;
}
.pro_nav2 .li span::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid #353535;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.pro_nav2 .li .qb{
	color: #2b5eab;
	font-size: 15px;
	font-weight:bold;
	line-height: 40px;
	height: 40px;
	padding-right: 30px;
	margin-left: 30px;
	margin-right: 10px;
	position: relative;
}
.pro_nav2 .li .qb::after{
	content: '>';
	position: absolute;
	right: 0;
	top: 0px;
}
.pro_nav2 ul{
	width: 980px;
	display: inline-block;
	height: 40px;
	overflow: hidden;
}
.pro_nav2 ul.on{
	height: auto;
}
.pro_nav2 ul li{
	color: #353535;
	font-size: 16px;
	line-height: 40px;
	margin: 0 5px;
	transition: all .5s;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav2 ul li.on,
.pro_nav2 ul li:hover
{
	color: #2b5eab;
}
.pro_nav2 ul li a{
	width: 100%;
	height: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav2 .more{
	color: #666;
	font-size: 15px;
	line-height: 40px;
	padding-right: 25px;
	position: absolute;
	top:0;
	right: 0;
}
.pro_nav2 .more:hover{
	cursor: pointer;
}
.pro_nav2 .more.on{
	color: #2b5eab;
	font-weight: bold;
}
.pro_nav2 .more::after{
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-position: right center;  
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../images/gd.png);
}
.pro_nav2 .more .sh{
	display: none;
}
.pro_nav2 .more.on .sh{
	display: block;
}
.pro_nav2 .more.on .gd{
	display: none;
}




.pro{
	padding-top: 40px;
	padding-bottom: 50px;
}
.pro .listbox .list{
	width: 300px;
	margin-right: 20px;
	margin-bottom: 70px;
	float: left;
	transition: all .5s;
}
.pro .listbox1 .list{
	width: 380px;
	margin-right: 80px;
}
.pro .listbox1 .list:nth-child(3n){
	margin-right: 0;
}
.pro .listbox2 .list:nth-child(4n){
	margin-right: 0;
}
.pro .listbox .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.pro .listbox .list .img_box{
	width: 100%;
	height: 380px;
	margin-bottom: 30px;
	position: relative;
}
.pro .listbox .list .img_box .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all .5s ease-in-out;
}
.pro .listbox .list:hover .img_box .mask{
	opacity: 1;
}
.pro .listbox .list h4,
.pro .listbox .list p
{
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pro .listbox .list h4{
	color: #000;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
}
.pro .listbox .list:hover h4{
	color: #2b5eab;
}
.pro .listbox .list p{
	color: #a6a6a6;
	font-size: 16px;
	height:25px;
	line-height:25px;
}
.pro .page{
	padding-top: 20px;
	padding-bottom: 50px;
}




.introduce{
	padding: 120px 0;
	background-color: #f1f1f1;
}
.introduce_slide{
	width: 600px;
/* 	height: 600px; */
	float: left;
}
.introduce_slide .swiper-wrapper{
	margin-bottom: 25px;
}
.introduce_slide .swiper-slide{
	height: 600px;
	background-color: #fff;
}
.introduce_slide .btngrop{
	width: 105px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.introduce_slide .btngrop .swiper-button-prev,
.introduce_slide .btngrop .swiper-button-next
{
	width: 30px;
	height: 18px;
	opacity: 1;
	outline: none;
	margin-top: 0;
	position: static;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.introduce_slide .btngrop .swiper-button-prev{
	background-image: url(../images/intr_prev.png);
}
.introduce_slide .btngrop .swiper-button-next{
	background-image: url(../images/intr_next.png);
}
.introduce_slide .btngrop .swiper-button-prev::after,
.introduce_slide .btngrop .swiper-button-next::after
{
	display: none;
}
.introduce_slide .swiper-pagination{
	bottom: 60px;
}
.introduce_slide .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	border: none;
	outline: none;
	opacity: 1;
	margin: 0 7px!important;
	background-color: rgba(152, 152, 152, 0.8);
}
.introduce_slide .swiper-pagination-bullet-active{
	background-color: #313131;
}
.introduce .textbox{
	width: 620px;
	float: right;
}
.introduce .textbox .tit{
	padding-bottom: 35px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #c9c9c9;
}
.introduce .textbox .tit::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 80px;
	height: 1px;
	background-color: #434343;
}
.introduce .textbox .tit h4{
	color: #000;
	font-size: 30px;
}
.introduce .textbox  .tit h5{
	color: #666;
	font-size: 18px;
}
.introduce .textbox .text{
	color: #333;
	font-size: 16px;
	line-height: 46px; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 80px;
	margin-bottom: 45px;
	position: relative;
	border-bottom: 1px solid #c9c9c9;
}
.introduce .textbox .text::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 80px;
	height: 1px;
	background-color: #434343;
}
.introduce .textbox .text p{
	width: 48%;
}
.introduce .textbox .agrop{
	width: 100%;
	padding-bottom: 50px;
}
.introduce .textbox .agrop a{
	color: #888;
	font-size: 16px;
	margin-right: 35px;
	display: inline-block;
	transition: all .5s;
}
.introduce .textbox .agrop a:last-child{
	margin-right: 0;
}
.introduce .textbox .agrop a:hover{
	color: #444;
}
.introduce .textbox .vrbtn{
	color: #fff;
	font-size: 16px;
	line-height: 65px;
	height: 65px;
	padding: 0 50px;
	display: inline-block;
	border-radius: 50px;
	transition: all .5s;
	background-color: #2b5eab;
}
.introduce .textbox .vrbtn:hover{
	background-color: #2e67bc;
}




.details{
	padding: 100px 0;
}
.details .pub_tit{
	margin-bottom: 60px;
}
.details .textbox{
	color: #666;
	font-size: 18px;
	line-height: 30px;
}




.other{
	padding-top: 35px;
	padding-bottom: 75px;
}
.other .pub_tit{
	margin-bottom: 60px;
}
.other_slide .swiper-wrapper{
	margin-bottom: 25px;
}
.other_slide .swiper-slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.other_slide .swiper-slide .img_box{
	width: 100%;
	height: 380px;
	position: relative;
}
.other_slide .swiper-slide .img_box .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all .5s ease-in-out;
}
.other_slide .swiper-slide:hover .img_box .mask{
	opacity: 1;
}
.other_slide .swiper-slide h4{
	color: #000;
	font-size: 18px;
	text-align: center;
	line-height: 80px;
	width: 100%;
	height: 80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	transition: all .5s;
}
.other_slide .swiper-slide:hover h4{
	color: #2b5eab;
}




.panoramic{
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #f1f1f1;
}
.panoramic .pub_tit{
	margin-bottom: 60px;
}
.panoramic .listbox .list{
	width: 400px;
	float: left;
	margin-right: 50px;
	margin-bottom: 40px;
	position: relative;
}
.panoramic .listbox .list:nth-child(3n){
	margin-right: 0;
}
.panoramic .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
} 
.panoramic .list .img{
	width: 100%;
	height: 280px;
	margin-bottom: 25px;
}
.panoramic .list h4,
.panoramic .list p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.panoramic .list h4{
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
}
.panoramic .list p{
	color: #666;
	font-size: 15px;
}
.panoramic .list .mask{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}




.mix{
	padding: 95px 0;
}
.mix .pub_tit{
	margin-bottom: 60px;
}
.mix_slide .swiper-wrapper{
	margin-bottom: 50px;
}
.mix_slide .swiper-slide{
	width: 380px;
	text-align: center;
}
.mix_slide .swiper-slide .img_box{
	width: 100%;
	height: 380px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #dcdcdc;
}
.mix_slide .swiper-slide  .img_box .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all .5s ease-in-out;
}
.mix_slide .swiper-slide:hover .img_box .mask{
	opacity: 1;
}
.mix_slide .swiper-slide  h4,
.mix_slide .swiper-slide  p
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mix_slide .swiper-slide  h4{
	color: #000;
	font-size: 18px;
	transition: all .5s;
	margin-bottom: 10px;
}
.mix_slide .swiper-slide:hover  h4{
	color: #2b5eab;
}
.mix_slide .swiper-slide p{
	color: #666;
	font-size: 16px;
}




.loginbox{
	width: 100%;
	height: 1380px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/loginbg.jpg);
}
.loginbox .login{
	width: 580px;
	padding: 50px 70px;
	box-sizing: border-box;
	background-color: #fff;
}
.loginbox .login h2{
	color: #333;
	font-size: 26px;
	text-align: center;
	margin-bottom: 35px;
}
.loginbox .login .formbox{
	margin-bottom: 30px;
}
.loginbox .login input{
	color: #888;
	font-size: 16px;
	width: 100%;
	height: 60px;
	padding: 0 10px;
	box-sizing: border-box;
	display: block;
	border: none;
	outline: none;
	margin-bottom: 10px;
	border: 1px solid #dcdcdc;
}
.loginbox .login input::-webkit-input-placeholder{
	color: #888;
}
.loginbox .login input:focus{
	border: 1px solid #7d7d7d;
}
.loginbox .login button{
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 60px;
	border: none;
	outline: none;
	display: block;
	margin-top: 20px;
	transition: all .5s;
	background-color: #1f1f1f;
}
.loginbox .login button:hover{
	background-color: #313030;
}
.loginbox .login p{
	color: #888;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}




/* 侧边栏 */
.sidebar{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 999;
}
.sidebar .list{
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 3px;
	background-color: #383838;
}
.sidebar .list:hover{
	background-color: #2b5eab;
}
.sidebar .list:last-child{
	margin-bottom: 0;
}
.sidebar .list i{
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.sidebar .jm i{
	background-image: url(../images/sidebar_icon11.png);
}
.sidebar .ly i{
	background-image: url(../images/sidebar_icon22.png);
}
.sidebar .jx i{
	background-image: url(../images/sidebar_icon33.png);
}
.sidebar .fh i{
	width: 22px;
	height: 12px;
	background-image: url(../images/sidebar_icon44.png);
}