@charset "utf-8";
/* 公共样式集 */
.service {
	padding: 95px;
}
.service .listbox .list{
	width: 433px;
	float: left;
	text-align: center;
}
.service .listbox .list i{
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-bottom: 30px;
	display: block;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.service .listbox .list:nth-child(1) i{
	background-image: url(../images/service_icon1.png);
}
.service .listbox .list:nth-child(2) i{
	background-image: url(../images/service_icon2.png);
}
.service .listbox .list:nth-child(3) i{
	background-image: url(../images/service_icon3.png);
}
.service .listbox .list h4{
	color: #333;
	font-size: 24px;
	margin-bottom: 15px;
}
.service .listbox .list .text{
	color: #666;
	font-size: 15px;
	line-height: 24px;
}


.pub_tit h2{
	color: #333;
	font-size: 36px;
	font-weight: bold;
	z-index: 999;
	display: inline-block;
	position: relative;
}
.pub_tit h2::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	width: 80%;
	height: 18px;
	margin: 0 auto;
	z-index: -1;
	background-color: #7dc6ff;
}


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


.pub_menu{
	height: 100px;
	padding-top: 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #dcdcdc;
}
.pub_menu .agrop a{
	color: #666;
	font-size: 16px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	margin-right: 10px;
}
.pub_menu .agrop a.on,
.pub_menu .agrop a:hover
{
	color: #fff;
	background-color: #2b2d5f;
}


.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;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 3px;
}
.page .pagination li.prev,
.page .pagination li.next {
	width: 85px;
	color:#666;
	font-size: 16px;
	background-color: #fff;
}
.page .pagination li.active,
.page .pagination li:hover {
	color: #fff;
	border: 1px solid #2b2d5f;
	background-color: #2b2d5f;
}


.header{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.header h1{
	width: 220px;
	height: 48px;
	float: left;
	margin-top: 35px;
	margin-right: 65px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 98%;
	background-image: url(../images/logo.png);
}
.header h1 a{
	width: 100%;
	height: 100%;
	display: inline-block;
	text-indent: -9999px;
}
.header .nav{
	height: 120px;
	line-height: 120px;
	display: inline-block;
}
.header .nav li{
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	display: inline-block;
}
.header .nav li a{
	width: 100%;
	height: 100%;
	padding: 0 18px;
	box-sizing: border-box;
	display: inline-block;
}
.header .nav li.on,
.header .nav li:hover{
	color: #7dc6ff;
}
.header .btngrop{
	color: #fff;
	font-size: 18px;
	float: right;
	margin-top: 48px;
}
.header .btngrop .search{
	padding-left: 45px;
	margin-top: 50px;
	position: relative;
	cursor:pointer;
}
.header .btngrop .search::after{
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../images/search.png);
}
.header .form_box{
	width:100%;
	position: absolute;
	left:0;
	/* top:90px; */
	bottom: -105px;
	text-align: center;
	background:rgba(0,0,0,.3);
	display:none;
	z-index: 122;
}
.header .form_box form{
	display:inline-block;
	position: relative;
	margin:25px 0;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	width:90%;
	max-width:650px;
}
.header .form_box form input.text{
	width:650px;
	height:50px;
	line-height:50px;
	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:50px;
	height:50px;
	background: none;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search_icon.png);
	position: absolute;
	right:15px;
	top:0;
}




.footer{
	padding-top: 80px;
	padding-bottom: 55px;
	background-color: #2b2d5f;
}
.footer .nav{
	margin-bottom: 50px;
	display: inline-block;
}
.footer .nav dl{
	float: left;
	margin-right: 80px;
}
.footer .nav dl:last-child{
	margin-right: 0;
}
.footer .nav dl dt{
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.footer .nav dl dd{
	color: #9b9ba8;
	font-size: 15px;
	line-height: 36px;
}
.footer .nav dl dd:hover{
	color: #fff;
	text-decoration: underline;
}
.footer .img {
	float: right;
}
.footer .img img{
	width: 160px;
	height: 160px;
	display: block;
	margin-bottom: 20px;
}
.footer .img p{
	color: #9b9ba8;
	font-size: 15px;
	text-align: center;
}
.footer .copy{
	color: #9b9ba8;
	font-size: 15px;
	line-height: 32px;
	padding-top: 30px;
	border-top: 1px solid #4e4e78;
}




.ibanner{
	font-size: 0;
	margin-bottom: 15px;
}
.ibanner img{
	width: 100%;
	/* height: 100%; */
}
.ibanner .swiper-pagination{
	bottom: 25px;
}
.ibanner .swiper-pagination-bullet{
	opacity: 1;
	border: none;
	width: 60px;
	height: 4px;
	border-radius: 0;
	margin: 0 8px!important;
	background-color: rgba(255, 255, 255, 0.4);
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #fff;
}





.ipro{
	padding: 85px 0;
}
.ipro .pub_tit{
	text-align: center;
	margin-bottom: 70px;
}
.ipro .findpro_box {
	width: 100%;
	height: 220px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}
.ipro .findpro_box .item {
	float: left;
	width: 25%;
	text-align: center;
	padding: 18px 22px;
	border-right: 1px solid #eee;
	box-sizing: border-box;
	transition: all 0.3s;
}
.ipro .findpro_box .item:last-child {
	border-right: 0;
}
.ipro .findpro_box .item i {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 15px;
}
.ipro .findpro_box .item:nth-child(1) i {
	background-image: url(../images/ipro_icon1.png);
}
.ipro .findpro_box .item:nth-child(2) i {
	background-image: url(../images/ipro_icon2.png);
}
.ipro .findpro_box .item:nth-child(3) i {
	background-image: url(../images/ipro_icon3.png);
}
.ipro .findpro_box .item:nth-child(4) i {
	background-image: url(../images/ipro_icon4.png);
}
.ipro .findpro_box .item h4 {
	font-size: 18px;
	color: #666;
	margin-bottom: 10px;
}
.ipro .findpro_box .item p {
	font-size: 14px;
	color: #999;
}
.ipro .findpro_box .item .item1 {
	display: inline-block;
	height: 183px;
	width: 100%;
	padding: 31px 0;
	box-sizing: border-box;
}
.ipro .findpro_box .item .item2 {
	display: none;
	padding-top: 1%;
	height: 170px;
	overflow: hidden;
}
.ipro .findpro_box .item .item2 ul {
	height: 160px;
	overflow: hidden;
}
.ipro .findpro_box .item .item2 ul li {
	float: left;
	font-size: 14px;
	color: #030000;
	line-height: 43px;
	padding-right: 10px;
	width: 30%;
	text-align: left;
}
.ipro .findpro_box .item .item2 ul li:hover {
	color: #003c54;
}
/* 鼠标悬浮 */
.ipro .findpro_box .show .item1 {
	float: left;
	background: #2b2d5f;
	width: 38.5%;
	position: relative;
}
.ipro .findpro_box .show .item1::after {
	content: '';
	border: solid 12px transparent;
	position: absolute;
	right: -24px;
	top: 20%;
	border-left-color: #2b2d5f;
}
.ipro .findpro_box .show .item1 h4,
.ipro .findpro_box .show .item1 p {
	color: #fff;
}
.ipro .findpro_box .show {
	width: 48%;
}
.ipro .findpro_box .remove {
	width: 17%;
}
.ipro .findpro_box .show:nth-child(1) .item1 i {
	background-image: url(../images/ipro_icon11.png);
}
.ipro .findpro_box .show:nth-child(2) .item1 i {
	background-image: url(../images/ipro_icon22.png);
}
.ipro .findpro_box .show:nth-child(3) .item1 i {
	background-image: url(../images/ipro_icon33.png);
}
.ipro .findpro_box .show:nth-child(4) .item1 i {
	background-image: url(../images/ipro_icon44.png);
}
.ipro .findpro_box .show .item2 {
	display: block;
	float: right;
	width: 55%;
}





.ipro_slidebox{
	margin-bottom: 20px;
	overflow: hidden;
}
.ipro_slide {
	max-width: 1300px;
	overflow: visible;
	margin: 0 auto;
}
.ipro_slide .swiper-slide{
	height: 550px;
}
.ipro_slide .text{
	width: 595px;
	height: 110px;
	padding: 0 25px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.3);
}
.ipro_slide .text .tit{
	float: left;
}
.ipro_slide .text .tit h4{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ipro_slide .text .tit p{
	color: #fff;
	font-size: 15px;
}
.ipro_slide .text span{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	width: 135px;
	height: 40px;
	display: block;
	border: 1px solid #fff;
}
.ipro_slide .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.37);
}
.ipro_slide .swiper-slide-active+.swiper-slide .mask,
.ipro_slide .swiper-slide-active  .mask{
	opacity: 0;
}
.ipro_slide .swiper-button-prev,
.ipro_slide .swiper-button-next{
	width: 65px;
	height: 65px;
	outline: none;
	opacity: 1;
	background-color: #2b2d5f;
}
.ipro_slide .swiper-button-prev{
	left: 20px!important;
}
.ipro_slide .swiper-button-next{
	right: 20px!important;
}
.ipro_slide .swiper-button-prev::after,
.ipro_slide .swiper-button-next::after{
	color: #fff;
	font-size: 25px;
}




.iab{
	padding: 110px 0;
}
.iab .textbox {
	margin-bottom: 90px;
}
.iab .textbox .pub_tit{
	float: left;
}  
.iab .textbox .pub_tit h2{
	color: #333;
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}
.iab .textbox .pub_tit h2::after{
	width: 90%;
}
.iab .textbox .pub_tit i{
	color: #333;
	font-size: 22px;
	font-weight: bold;
	display: block;
}
.iab .textbox .text {
	color: #666;
	font-size: 16px;
	line-height: 36px;
	width: 645px;
	float: right;
}
.iab .listbox {
	width: 100%;
	height: 650px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/iabbg.jpg);
}
.iab .listbox .list {
	width: 433px;
	height: 650px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(67, 58, 48, 0.3);
}
.iab .listbox .list .mask1 {
	display: block;
}
@-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);
	}
}
.iab .listbox .list i {
	font-size: 48px;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	width: 206px;
	height: 201px;
	line-height: 201px;
	text-align: center;
	position: relative;
	display: block;
	z-index: 1;
}

.iab .listbox .list i::after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/rotate.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	animation: quan 15s infinite linear;
}

.iab .listbox .list .mask2 {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
}

.iab .listbox .list .mask2 .text {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}

.iab .listbox .list .mask2 .text h4 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.iab .listbox .list .mask2 .text .txt {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}

.iab .listbox .list:hover .mask1 {
	display: none;
}

.iab .listbox .list:hover .mask2 {
	display: block;
}




.ipro2{
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #f5f5f5;
}
.ipro2 .pub_tit {
	margin-bottom: 55px;
}
.ipro2 .pub_tit .tit{
	float: left;
}
.ipro2 .pub_tit h2{
	margin-bottom: 10px;
}
.ipro2 .pub_tit h2::after{
	width: 100%;
}
.ipro2 .pub_tit .tit i{
	color: #666;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.ipro2 .pub_tit  a{
	color: #000;
	font-size: 16px;
	width: 115px;
	height: 40px;
	line-height: 40px;
	display: block;
	float: right;
	position: relative;
	transition: all .5s;
	border-bottom: 2px solid #000;
}
.ipro2 .pub_tit  a:hover{
	color: #3c4086;
	border-bottom: 2px solid #3c4086;
}
.ipro2 .pub_tit  a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
	width: 20px;
	height: 10px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_arrow.png);
}
.ipro2_slide .swiper-wrapper{
	margin-bottom: 70px;
}
.ipro2_slide .img{
	width: 100%;
	height: 390px;
}
.ipro2_slide  .text{
	width: 100%;
	height: 135px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 35px;
	box-sizing: border-box;
	background-color: #fff;
}
.ipro2_slide  .text p{
	color: #333;
	font-size: 22px;
}
.ipro2_slide  .text span{
	color: #fff;
	font-size: 16px; 
	width: 180px;
	height: 55px;
	line-height: 55px;
	padding: 0 30px;
	box-sizing: border-box;
	display: block;
	border-radius: 50px;
	position: relative;
	transition: all .5s;
	background-color: #2b2d5f;
}
.ipro2_slide  .text span:hover{
	background-color: #3c4086;
}
.ipro2_slide  .text span::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 35px;
	width: 10px;
	height: 14px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/ipro2_arrow.png);
}
.ipro2_slide  .swiper-pagination{
	bottom: 0;
}
.ipro2_slide  .swiper-pagination-bullet{
	opacity: 1;
	outline: none;
	margin: 0 8px!important;
	background-color: #d2d2d2;
}
.ipro2_slide  .swiper-pagination-bullet-active{
	background-color: #2b2d5f;
}




.iroll{
	padding-top: 95px;
	padding-bottom: 120px;
}
.iroll .item_box .item{
	width: 325px;
	height: 106px;
	float: left;
	text-align: center;
	position: relative;
	z-index: 999;
}
.iroll .item_box .item::before{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -65px;
	bottom: -30px;
	width: 130px;
	height: 100px;
	z-index: -99;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/rollbg.png);
}
.iroll .item_box .item::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -53px;
	right: 0;
	width: 1px;
	height: 106px;
	background-color: #c9c9c9;
}
.iroll .item_box .item:last-child::after{
	display: none;
}
.iroll .item_box .item .value{
	color: #333;
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 15px;
}
.iroll .item_box .item  p{
	color: #444;
	font-size: 16px;
}




.ijoin{
	max-width: 1920px;
	height: 820px;
	margin: 0 auto;
	position: relative;
}
.ijoin .bdbox {
	width: 100%;
	height: 740px;
}
.ijoin .bdbox .bd{
	height: 740px;
	display: none;
}
.ijoin .bdbox .bd.on{
	display: block;
}
.ijoin .bdbox .bd .img{
	width: 100%;
	height: 100%;
}
.ijoin .hdbox{
	max-width: 1300px;
	height: 155px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 1px 2px 20px #f3f3f3;
	background-color: #fff;
}
.ijoin .hdbox .hd{
	width: 325px;
	height: 100%;
	float: left;
	text-align: center;
	transition: all .5s;
	padding: 50px 20px 0 20px;
	transition: all .5s;
	box-sizing: border-box;
	position: relative;
}
.ijoin .hdbox .hd::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -52px;
	right: 0;
	width: 1px;
	height: 104px;
	background-color: #d2d2d2;
}
.ijoin .hdbox .hd:nth-child(4)::after{
	display: none;
}
.ijoin .hdbox .hd.on,
.ijoin .hdbox .hd:hover{
	cursor: pointer;
	background-color: #2b2d5f;
}
.ijoin .hdbox .hd h4{
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ijoin .hdbox .hd  p{
	color: #888;
	font-size: 16px;
}
.ijoin .hdbox .hd.on h4,
.ijoin .hdbox .hd.on p,
.ijoin .hdbox .hd:hover h4,
.ijoin .hdbox .hd:hover p{
	color: #fff;
}




.contact{
	padding-top: 90px;
	padding-bottom: 65px;
	background-color: #f3f3f3;
}
.contact .pub_tit{
	text-align: center;
	margin-bottom: 45px;
}
.contact .pub_tit h2{
	color: #2b2d5f;
	font-size: 32px;
	display: block;
	margin-bottom: 10px;
}
.contact .pub_tit h2::after{
	display: none;
}
.contact .pub_tit i{
	color: #888;
	font-size: 16px;
	text-transform: uppercase;
}
.contact .listbox .list{
	width: 410px;
	height: 260px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
	margin-right: 30px;
	margin-bottom: 30px;
	transition: all .5s;
	background-color: #fff;
	transition: all .5s;
	border: 1px solid #dcdcdc;
}
.contact .listbox .list:hover{
	transform: translateY(-15px);
}
.contact .listbox .list:nth-child(3n){
	margin-right: 0;
}
.contact .listbox .list:hover{
	background-color: #2b2d5f;
}
.contact .listbox .list i{
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.contact .listbox .list:nth-child(1) i,
.contact .listbox .list:nth-child(2) i{
	background-image: url(../images/con_icon1.png);
}
.contact .listbox .list:nth-child(1):hover i,
.contact .listbox .list:nth-child(2):hover i{
	background-image: url(../images/con_icon11.png);
}
.contact .listbox .list:nth-child(3) i{
	background-image: url(../images/con_icon2.png);
}
.contact .listbox .list:nth-child(3):hover i{
	background-image: url(../images/con_icon22.png);
}
.contact .listbox .list:nth-child(4) i{
	background-image: url(../images/con_icon3.png);
}
.contact .listbox .list:nth-child(4):hover i{
	background-image: url(../images/con_icon44.png);
}
.contact .listbox .list:nth-child(5) i{
	background-image: url(../images/con_icon4.png);
}
.contact .listbox .list:nth-child(5):hover i{
	background-image: url(../images/con_icon44.png);
}
.contact .listbox .list:nth-child(6) .code{
	width: 148px;
	height: 148px;
	margin-bottom: 15px;
}
.contact .listbox .list h4{
	color: #666;
	font-size: 16px;
	margin-bottom: 15px;
}
.contact .listbox .list p{
	color: #333;
	font-size: 16px;
}
.contact .listbox .list:hover h4,
.contact .listbox .list:hover p{
	color: #fff;
}




#map{
	max-width: 1920px;
	height: 620px;
	margin: 0 auto;
}




.news{
	padding-top: 85px;
	padding-bottom: 50px;
	background-color: #f3f3f3;
}
.news .list{
	width: 630px;
	margin-bottom: 60px;
	transition: all .5s;
}
.news .list:hover{
	transform: translateY(-15px);
}
.news .list .img{
	width: 100%;
	height: 390px;
}
.news .list .text{
	width: 100%;
	height: 240px;
	padding: 45px 40px;
	box-sizing: border-box;
	background-color: #fff;
}
.news .list .text span{
	color: #888;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
.news .list .text h4{
	color: #333;
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 65px;
}
.news .list:hover .text h4{
	color: #2a2a2a;
}
.news .list .text em{
	color: #444;
	font-size: 16px;
	display: block;
	padding-bottom: 10px;
	position: relative;
}
.news .list .text em::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 95px;
	height: 1px;
	background-color: #666;
}
.news .page{
	padding: 40px;
}




.newsv{
	padding-top: 80px;
	padding-bottom: 20px;
}
.newsv .tit{
	margin-bottom: 40px;
	text-align: center;
}
.newsv .tit h2{
	color: #444;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 10px;
}
.newsv .tit em{
	color: #999;
	font-size: 18px;
	display: block;
}
.newsv .text_box {
	color: #888;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 30px;
	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: #b52127;
	text-decoration: underline;
}




.case{
	padding-top: 85px;
	padding-bottom: 70px;
	background-color: #f3f3f3;
}
.case .listbox .list{
	width: 410px;
	float: left;
	margin-right: 35px;
	margin-bottom: 60px;
	transition: all .5s;
}
.case .listbox .list:nth-child(3n){
	margin-right: 0;
}
.case .listbox .list:hover{
	transform: translateY(-15px);
}
.case .listbox .list .img{
	width: 410px;
	height: 280px;
}
.case .listbox .list  p{
	color: #444;
	font-size: 16px;
	text-align: center;
	line-height: 80px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	transition: all .3s;
	background-color: #fff;
}
.case .listbox .list:hover  p{
	color: #2b2d5f;
}
.case .page{
	padding: 25px 0;
}




.about{
	padding-top: 90px;
	background-color: #f3f3f3;
}
.about .pub_tit{
	margin-bottom: 35px;
}
.about .pub_tit h2{
	font-size: 40px;
	margin-bottom: 15px;
}
.about .pub_tit h2::after{
	width: 90%;
	left: 0;
	margin: 0;
}
.about .pub_tit i{
	color: #333;
	font-size: 28px;
	text-transform: uppercase;
	display: block;
}
.about .text{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	padding-bottom: 250px;
}




.videobox{
	width: 100%;
	height: 440px;
	margin-bottom: 10px;
	position: relative;
}
.videobox .video{
	max-width: 1300px;
	height: 650px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -210px;
}
.videobox .video .img{
	width: 100%;
	height: 100%;
	position: relative;
}
.videobox .video .img::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -65px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 130px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play.png);
}




.brand {
	padding: 90px 0;
}
.brand .textbox {
	padding-bottom: 75px;
}
.brand .textbox h2{
	color: #333;
	font-size: 50px;
	width: 140px;
	float: left;
	position: relative;
}
.brand .textbox h2::after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 1px;
	height: 112px;
	background-color: #d2d2d2;
}
.brand .textbox .text{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	width: 1070px;
	float: right;
}
.brand_slide .swiper-wrapper{
	margin-bottom: 55px;
}
.brand_slide .img{
	width: 100%;
	height: 310px;
}
.brand_slide .swiper-pagination{
	bottom: 0;
}
.brand_slide .swiper-pagination-bullet{
	opacity: 1;
	outline: none;
	margin: 0 8px!important;
	background-color: #d2d2d2;
}
.brand_slide .swiper-pagination-bullet-active{
	background-color: #2b2d5f;
}




.idea{
	max-width: 1920px;
	height: 700px;
	margin: 0 auto;
	display: flex;
}
.idea .img{
	width: 1070px;
	height: 700px;
}
.idea .img img{
	width: 100%;
	height: 100%;
}
.idea .text{
	color: #fff;
	width: 850px;
	height: 700px;
	padding: 120px 125px ;
	box-sizing: border-box; 
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/ideabg.jpg);
}
.idea .text h2{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
}
.idea .text  .txt{
	font-size: 16px;
	line-height: 40px;
}




.quality{
	padding: 100px 0;
	background-color: #f3f3f3;
}
.quality .pub_tit{
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.quality .pub_tit h2{
	color: #333;
	font-size: 40px;
	margin-bottom: 15px;
}
.quality .pub_tit h2::after{
	left: 0;
	margin: 0;
	width: 90%;
}
.quality .pub_tit i{
	color: #333;
	font-size: 28px;
	display: block;
	text-transform: uppercase;
}
.quality .pub_tit .btngrop{
	width: 140px;
	height: 60px;
	position: relative;
	right: 0;
	bottom: 0;
	z-index: 9999;
}
.quality .pub_tit .btngrop .swiper-button-prev,
.quality .pub_tit .btngrop .swiper-button-next{
	width: 60px;
	height: 60px;
	opacity: 1;
	outline: none;
	position: static;
	margin-top: 0;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
.quality .pub_tit .btngrop .swiper-button-prev{
	float: left;
}
.quality .pub_tit .btngrop .swiper-button-next{
	float: right;
}
.quality .pub_tit .btngrop .swiper-button-prev:hover,
.quality .pub_tit .btngrop  .swiper-button-next:hover{
	background-color: #0f345c;
	border: 1px solid #0f345c;
}
.quality .pub_tit .btngrop .swiper-button-prev::after,
.quality .pub_tit .btngrop .swiper-button-next::after{
	color: #999;
	font-size: 22px;
	font-weight: normal;
}
.quality .pub_tit .btngrop .swiper-button-prev:hover::after,
.quality .pub_tit .btngrop .swiper-button-next:hover::after{
	color: #fff;
}
.quality_slide .swiper-slide{
	background-color: #fff;
}
.quality_slide .img_box{
	height: 400px;
	padding: 30px;
	box-sizing: border-box;
}
.quality_slide h4{
	color: #333;
	font-size: 16px;
	text-align: center;
	height: 75px;
	line-height: 75px;
	border-top: 1px solid #dcdcdc;
}




.pro_nav {
	padding-top: 85px;
	padding-bottom: 65px;
}
.pro_nav .li_box{
	margin-bottom: 50px;
}
.pro_nav .li {
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #d6d6d6;
}
.pro_nav .li span{
	color: #666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	width: 70px;
	height: 30px;
}
.pro_nav .li .qb{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	width: 60px;
	height: 30px;
	margin-left: 5px;
	position: relative;
	border-radius: 3px;
	background-color: #2b2d5f;
}
.pro_nav ul{
	width: 1150px;
	display: inline-block;
}
.pro_nav ul li{
	color: #333;
	font-size: 16px;
	line-height: 30px;
	margin: 0 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
}
.pro_nav ul li.on,
.pro_nav ul li:hover
{
	color: #fff;
	background-color: #2b2d5f;
}
.pro_nav ul li a{
	padding: 0 10px;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav .more{
	color: #4c4948;
	font-size: 16px;
	line-height: 30px;
	padding-right: 15px;
	position: relative;
	display: inline-block;
}
.pro_nav .more::after{
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	right: -15px;
	top: 8px;
	background-position: right center;  
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../images/gd.png);
}
.pro_nav .li:nth-child(2) .more{
	display: none;
}
.pro_nav .form_box{
	width: 440px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #dcdcdc;
}
.pro_nav .search{
	color: #888;
	font-size: 16px;
	line-height: 65px;
	width: 360px;
	height: 65px;
	padding: 0 20px;
	float: left;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav button{
	width: 78px;
	height: 65px;
	border: none;
	outline: none;
	padding: 0;
	float: right;
	transition: all .5s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-image: url(../images/pro_search.png);
	background-color: #eee;
}
.pro_nav button:hover{
	cursor: pointer;
	background-color: #2b2d5f;
	background-image: url(../images/pro_search2.png);
}
.pro{
	padding: 65px 0;
	background-color: #f3f3f3;
}
.pro{
	padding-bottom: 70px;
}
.pro .list_box .list{
	text-align: center;
	width: 410px;
	margin-right: 35px;
	margin-bottom: 55px;
	float: left;
	transition: all .5s;
}
.pro .list_box .list:nth-child(3n){
	margin-right: 0;
}
.pro .list_box .list .img_box{
	width: 410px;
	height: 410px;
	background-color: #f3f3f3;
	margin-bottom: 20px;
	position: relative;
}
.pro .list_box .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;
}
.pro .list_box .list:hover .img_box .mask{
	opacity: 1;
}
.pro .list_box .list  .tit{
	width: 100%;
	height: 55px;
}
.pro .list_box .list  .tit i{
	color: #000;
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
}
.pro .list_box .list  .tit  h4{
	color: #666;
	font-size: 16px;
}
.pro .page{
	padding: 40px 0;
}




.introduce{
	padding-top: 105px;
	padding-bottom: 90px;
	background-color: #f3f3f3;
}
.introduce  .introduce_slidebox{
	width: 680px;
	float: left;
}
.introduce .big_slide{
	width: 560px;
	height: 560px;
	padding-bottom: 50px;
	float: left;
}
.introduce .big_slide .swiper-slide{
	background-color: #fff;
}
.introduce .big_slide .swiper-scrollbar{
	height: 2px;
}
.introduce .big_slide .swiper-scrollbar-drag{
	height: 2px;
	background-color: #2b2d5f;
}
.introduce .small_slide {
	width: 102px;
	height: 560px;
	float: right;
}
.introduce .small_slide .swiper-slide{
	width: 102px;
	height: 102px!important;
	box-sizing: border-box;
	background-color: #fff;
}
.prov1 .small_slide .swiper-slide .img{
	width: 102px;
	height: 102px;
	margin: 0 auto;
}
.introduce .small_slide .img img{
	width: 100%;
	height: 100%;
}
.introduce .small_slide .swiper-slide-thumb-active{
	border: 1px solid #2b2d5f;
}
.introduce .text_box{
	width: 550px;
	float: right;
	padding-top: 25px;
}
.introduce .text_box .tit{
	margin-bottom: 20px;
}
.introduce .text_box .tit i{
	color: #444;
	font-size: 34px;
	margin-bottom: 10px;
}
.introduce .text_box .tit h4{
	color: #444;
	font-size: 34px;
}
.introduce .text_box .text{
	color: #666;
	font-size: 16px;
	line-height: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.introduce .text_box .text p span{
	color: #333;
}
.introduce .text_box .vrbtn{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	width: 190px;
	height: 50px;
	display: block;
	margin-bottom: 40px;
	background-color: #2b2d5f;
	transition: all .3s;
	border-radius: 50px;
}
.introduce .text_box .vrbtn:hover{
	background-color: #303269;
}
.introduce .text_box  .agrop a{
	color: #666;
	font-size: 15px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
}
.introduce .text_box  .agrop a:first-child{
	padding-left: 0;
}
.introduce .text_box  .agrop a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
	width: 2px;
	height: 16px;
	background-color: #c8c8c8;
}
.introduce .text_box  .agrop a:last-child::after{
	display: none;
}
.introduce .text_box  .agrop a:hover{
	text-decoration: underline;
}




.scene{
	padding: 90px 0;
}
.scene .pub_tit{
	text-align: center;
	margin-bottom: 60px;
}
.scene .pub_tit h2{
	color: #333;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 15px;
}
.scene .pub_tit h2::after{
	display: none;
}
.scene .pub_tit i{
	color: #888;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.scene .text{
	text-align: center;
}



.details{
	padding-bottom: 110px;
}
.details .pub_tit{
	text-align: center;
	margin-bottom: 40px;
}
.details .pub_tit h2{
	color: #333;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 15px;
}
.details .pub_tit h2::after{
	display: none;
}
.details .pub_tit i{
	color: #888;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.details .text{
	color: #333;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}




.prov{
	padding: 90px 0;
	background-color: #f3f3f3;
}
.prov .pub_tit{
	text-align: center;
	margin-bottom: 60px;
}
.prov .pub_tit h2{
	color: #333;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 15px;
}
.prov .pub_tit h2::after{
	display: none;
}
.prov .pub_tit i{
	color: #888;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.prov .list_box .list{
	text-align: center;
	width: 410px;
	margin-right: 35px;
	float: left;
	transition: all .5s;
}
.prov .list_box .list:nth-child(3n){
	margin-right: 0;
}
.prov .list_box .list .img_box{
	width: 410px;
	height: 410px;
	background-color: #f3f3f3;
	margin-bottom: 20px;
	position: relative;
}
.prov .list_box .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;
}
.prov .list_box .list:hover .img_box .mask{
	opacity: 1;
}
.prov .list_box .list  .tit{
	width: 100%;
	height: 55px;
}
.prov .list_box .list  .tit i{
	color: #000;
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
}
.prov .list_box .list  .tit  h4{
	color: #666;
	font-size: 16px;
}




.advantage_slide {
	max-width: 1300px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}
.advantage_slide .bd .text{
	width: 440px;
	float: left;
	padding-top: 50px;
}
.advantage_slide .bd .text h3{
	color: #2b2d5f;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}
.advantage_slide .bd .text h4{
	color: #2b2d5f;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	display: inline-block;
	z-index: 99;
}
.advantage_slide .bd .text h4::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	margin: 0 auto;
	width: 380px;
	height: 35px;
	z-index: -99;
	background-color: #7dc6ff;
}
.advantage_slide .bd .text p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.advantage_slide  .img-cover{
	width: 775px;
	height: 500px;
	float: right;
}
.advantage_slide .btngrop {
	position: absolute;
	left: 0;
	bottom: 140px;
}
.advantage_slide .btngrop span{
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #e1e1e1;
	background-size: 11px 21px;
	background-repeat: no-repeat;
	background-position: center;
}
.advantage_slide .btngrop .prev{
	background-image: url(../images/prev_icon.png);
}
.advantage_slide .btngrop .next{
	background-image: url(../images/next_icon.png);
}
.advantage_slide .btngrop span:hover{
	cursor: pointer;
	background-color: #2b2d5f;
}



.core{
	max-width: 1920px;
	height: 850px;
	padding-top: 85px;
	box-sizing: border-box;
	margin: 0 auto;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/core.jpg);
}
.core h2{
	color: #fff;
	font-size: 36px;
	text-align: center;
	margin-bottom: 105px;
}
.core .corebox{
	z-index: 99;
	position: relative;
}
.core .corebox::after{
	content: '';
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: -99;
	background-color: #575983;
}
.core .corebox::before{
	content: '';
	position: absolute;
	bottom: 190px;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: -99;
	background-color: #575983;
}
.core .itembox .item{
	width: 325px;
	float: left;
	padding: 0 40px;
	box-sizing: border-box;
	text-align: center;
	/* margin-bottom: 100px; */
}
.core .itembox .item h4{
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
}
.core .itembox .item span{
	color: #2b2d5f;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	background-color: #7dc6ff;
	margin: 0 auto;
	margin-bottom: 15px;
}
.core .itembox .item p{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	min-height: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}



.condition{
	padding: 110px 0;
}
.condition .img-cover{
	width: 650px;
	height: 665px;
	float: left;
}
.condition  .textbox{
	width: 555px;
	float: right;
	padding-top: 65px;
}
.condition  .textbox .tit{
	margin-bottom: 50px;
}
.condition  .textbox .tit h2{
	color: #333;
	font-size: 36px;
	margin-bottom: 15px;
}
.condition  .textbox .tit p{
	color: #666;
	font-size: 18px;
}
.condition  .textbox  .listbox .list{
	margin-bottom: 35px;
}
.condition  .textbox  .listbox .list h4{
	color: #333;
	font-size: 18px;
	height: 45px;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
.condition  .textbox  .listbox .list h4 i{
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 40px;
	height: 45px;
	line-height: 45px;
	margin-right: 10px;
	display: inline-block;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/condition_icon.png);
}
.condition  .textbox  .listbox .list p{
	color: #666;
	font-size: 16px;
}




.apply{
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	background-color: #f6f7f7;
}
.apply .formbox{
	width: 650px;
	height: 635px;
	padding-top: 50px;
	box-sizing: border-box;
	text-align: center;
}
.apply .formbox h2{
	color: #333;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 40px;
}
.apply .formbox input{
	color: #888;
	font-size: 16px;
	width: 435px;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	display: inline-block;
	outline: none;
	border: none;
}
.apply .formbox input::-webkit-input-placeholder{
	color: #888;
}
.apply .formbox .igrop{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.apply .formbox .igrop input{
	width: 270px;
}
.apply .formbox .igrop .img{
	width: 160px;
	height: 61px;
	display: inline-block;
}
.apply .formbox .igrop .img img{
	width: 100%;
	height: 100%;
}
.apply .formbox .igrop .img:hover{
	cursor: pointer;
}
.apply .formbox p{
	color: #888;
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 25px;
}
.apply .formbox button{
	color: #fff;
	font-size: 20px;
	width: 435px;
	height: 60px;
	line-height: 60px;
	outline: none;
	border: none;
	box-sizing: border-box;
	transition: all .3s;
	background-color: #2b2d5f;
}
.apply .formbox button:hover{
	cursor: pointer;
	background-color: #3c4086;
}
.apply .img2{
	width: 650px;
	height: 635px;
}
.apply .img2 img{
	width: 100%;
	height: 100%;
}