@charset "utf-8";

/* 公共样式集 */
.ibanner,
.inc_banner {
	font-size: 0;
}

.ibanner img,
.inc_banner img {
	width: 100%;
}




.swiper .swiper-pagination {
	bottom: 0;
}

.swiper .swiper-pagination-bullet {
	opacity: 1;
	outline: none;
}




@font-face {
	font-family: 'oppo-b';
	src: url(../fonts/OPPOSans-B.ttf);
}




.pub_tit{
	text-align: center;
}
.pub_tit h2 {
	color: #00428e;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	z-index: 99;
	display: inline-block;
}
.pub_tit h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	z-index: -1;
	background-color: #ffd957;
}
.pub_tit i {
	color: #333;
	font-size: 30px;
	font-family: 'oppo-b';
	display: block;
	margin-top: 15px;
}




.pub_itxt,
.pub_txt{
	color: #666;
	font-size: 16px;
}
.pub_txt{
	text-align: center;
	line-height: 30px;
}
.pub_itxt{
	line-height: 34px;
}




.pub_menu {
	padding: 40px 0 25px;
}
.pub_menu li {
	color: #333;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	width: 150px;
	height: 50px;
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
	background-color: #f7f7f7;
}
.pub_menu li.on,
.pub_menu li:hover {
	color: #fff;
	cursor: pointer;
	background-color: #00428e;
}
.pub_menu li a{
	display:block;
}



.page {
	text-align: center;
	padding: 40px 0;
}
.page .pagination {
	display: inline-block;
}
.page .pagination li {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	margin: 0 5px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #eee;
	background-color: #fff;
}
.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;
	border: 1px solid #00428e;
	background-color: #00428e;
}




.pillar {
	height: 100px;
}
.header {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
}
.header h1 {
	width: 220px;
	height: 70px;
	float: left;
	margin-top: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/logo.png);
}
.header h1 a {
	width: 100%;
	height: 100%;
	text-indent: -999px;
	display: inline-block;
}
.header .nav {
	float: right;
	margin-top: 30px;
	display: inline-block;
}
.header .nav li {
	color: #333;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	/* margin: 0 5px; */
	margin-right: 40px;
	display: inline-block;
	position: relative;
}
.header .nav li:last-child{
	margin-right: 0;
}
.header .nav li.on,
.header .nav li:hover {
	color: #063269;
}
.header .nav li::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	margin: 0 auto;
	transition: all .5s;
	background-color: #00428e;
}
.header .nav li.on::after,
.header .nav li:hover::after
{
	width: 100%;
}
.header .nav li a {
	width: 100%;
	height: 100%;
	/* padding: 0 15px; */
	box-sizing: border-box;
	display: inline-block;
}
.header .search {
	width: 30px;
	height: 30px;
	float: right;
	display: block;
	margin: 35px 0 0 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/search.png);
}
.header .search:hover {
	cursor: pointer;
}
.header .form_box {
	width: 100%;
	position: absolute;
	left: 0;
	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-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search2.png);
	position: absolute;
	right: 15px;
	top: 0;
}




.footer {
	color: #fff;
	font-size: 16px;
	padding: 105px 0 35px 0;
	z-index: 99;
	position: relative;
	background-color: #00428e;
}

.footer::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 490px;
	height: 410px;
	z-index: -1;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/footerbg.png);
}

.footer .text {
	float: left;
	padding-bottom: 175px;
}

.footer .footer_logo {
	width: 270px;
	height: 80px;
	display: block;
	margin-bottom: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/footer_logo.png);
}

.footer .itembox .item {
	text-align: center;
	float: left;
	margin-right: 30px;
}

.footer .itembox .item:last-child {
	margin-right: 0;
}

.footer .item .img {
	width: 110px;
	height: 110px;
}

.footer .item .img img {
	width: 100%;
	height: 100%;
}

.footer .item p {
	margin-top: 10px;
}

.footer .footernav {
	width: 710px;
	float: right;
}

.footer .footernav dl {
	width: 300px;
	float: left;
	margin-bottom: 90px;
}

.footer .footernav dl:nth-child(3n) {
	width: auto;
}

.footer .footernav dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

.footer .footernav dt:hover,
.footer .footernav dd:hover {
	text-decoration: underline;
}

.footer .copy {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 25px;
	border-top: 1px solid #135096;
}




.news {
	padding-bottom: 90px;
}

.news .listbox .list {
	margin-bottom: 95px;
	background-color: #f5f5f5;
}

.news .listbox .list:last-child {
	margin-bottom: 0;
}

.news .list a {
	width: 100%;
	height: 100%;
	padding: 60px 45px;
	box-sizing: border-box;
	display: inline-block;
}

.news .list .img,
.news .list .text {
	float: left;
}

.news .list .img {
	width: 510px;
	height: 375px;
	margin-right: 40px;
}

.news .list .text {
	width:600px;
	color: #666;
	font-size: 16px;
	padding-top: 30px;
}

.news .list .text span,
.news .list .text h4 {
	font-size: 24px;
}

.news .list .text h4,
.news .list .text .txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.news .list .text h4 {
	color: #333;
	margin-top: 15px;
	-webkit-line-clamp: 1;
}

.news .list .text .txt {
	line-height: 30px;
	-webkit-line-clamp: 3;
	margin-top: 30px;
}

.news .list .text em {
	color: #fff;
	text-align: center;
	line-height: 55px;
	width: 220px;
	height: 55px;
	display: block;
	margin-top: 60px;
	border-radius: 50px;
	background-color: #929292;
}

.news .list .text em:hover {
	background-color: #00428e;
}

.news .page {
	padding: 70px 0 0 0;
}




.newsv {
	color: #666;
	font-size: 18px;
	padding: 90px 0 145px 0;
}

.newsv .tit {
	text-align: center;
}

.newsv .tit h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 35px;
}

.newsv .textbox {
	font-size: 16px;
	line-height: 30px;
	padding: 80px 0 150px 0;
	margin-top: 40px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.newsv .agrop {
	text-align: center;
	margin-top: 50px;
}

.newsv .agrop a {
	padding-right: 55px;
	margin-right: 55px;
	position: relative;
	display: inline-block;
}

.newsv .agrop a:last-child {
	padding-right: 0;
	margin-right: 0;
}

.newsv .agrop a:hover {
	text-decoration: underline;
}

.newsv .agrop a::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 21px;
	background-color: #e3e3e3;
}




.contactbox {
	padding: 70px 0 125px 0;
	background-color: #f7f7f7;
}

.contactbox .listbox .list {
	text-align: center;
	width: 400px;
	height: 335px;
	float: left;
	padding: 60px 30px 30px 30px;
	margin-right: 50px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	background-color: #fff;
}

.contactbox .listbox .list:nth-child(3) {
	margin-right: 0;
}

.contactbox .list i {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.contactbox .list:hover i {
	transform: translateY(-5px);
}

.contactbox .list h4,
.contactbox .list p {
	font-size: 18px;
}

.contactbox .list h4 {
	color: #999;
	margin-top: 40px;
}

.contactbox .list p {
	color: #333;
	margin-top: 30px;
}

.contactbox .message {
	margin-top: 80px;
	padding: 80px 50px 35px 75px;
	box-sizing: border-box;
	background-color: #fff;
}

.contactbox .message .text {
	float: left;
}

.contactbox .message .tit {
	color: #000;
	/* margin-bottom: 40px; */
}

.contactbox .message .tit i,
.contactbox .message .tit h2 {
	position: relative;
}

.contactbox .message .tit i::after,
.contactbox .message .tit h2::after {
	content: '';
	position: absolute;
}

.contactbox .message .tit i {
	font-size: 30px;
	text-transform: uppercase;
	z-index: 99;
	display: inline-block;
}

.contactbox .message .tit i::after {
	right: 0;
	bottom: 2px;
	width: 170px;
	height: 10px;
	z-index: -1;
	background-color: #ffd957;
}

.contactbox .message .tit h2 {
	font-size: 24px;
	margin-top: 10px;
}

.contactbox .message .tit h2::after {
	left: 115px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 2px;
	background-color: #d6d6d6;
}

.contactbox .message .txt {
	color: #999;
	font-size: 16px;
	line-height: 40px;
	margin-top: 40px;
}

.contactbox .message .formbox {
	width: 560px;
	float: right;
}

.contactbox .message .formbox input,
.contactbox .message .formbox textarea {
	color: #999;
	font-size: 14px;
	width: 100%;
	display: block;
	outline: none;
	border: none;
	box-sizing: border-box;
	margin-bottom: 12px;
	background-color: #f4f6f8;
}

.contactbox .message .formbox input {
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
}

.contactbox .message .formbox textarea {
	height: 150px;
	padding: 12px 25px;
}

.contactbox .message .formbox .verify .img,
.contactbox .message .formbox .verify input,
.contactbox .message .formbox .verify button {
	width: 135px;
	height: 40px;
	float: left;
	display: block;
}

.contactbox .message .formbox .verify .img,
.contactbox .message .formbox .verify input {
	margin-right: 5px;
}

.contactbox .message .formbox .verify .img:hover {
	cursor: pointer;
}

.contactbox .message .formbox .verify .img img {
	width: 100%;
	height: 100%;
}

.contactbox .message .formbox .verify button {
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	transition: all .5s;
	background-color: #d30d0d;
}

.contactbox .message .formbox .verify button:hover {
	cursor: pointer;
	background-color: #e40f0f;
}




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




.ab_text {
	color: #666;
	font-size: 16px;
	line-height: 34px;
}





.about {
	padding: 30px 0 95px 0;
}

.about .text {
	margin: 40px 0 70px 0;
}

.about .itembox .item {
	color: #666;
	font-size: 16px;
	text-align: center;
	width: 25%;
	float: left;
	position: relative;
}

.about .itembox .item .txt {
	text-align: left;
	display: inline-block;
}

.about .itembox .item::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 30px;
	background-color: #e2e2e2;
}

.about .itembox .item:last-child:before {
	display: none;
}

.about .item .num {
	color: #00428e;
	font-size: 72px;
	font-weight: bold;
	font-family: 'Arial';
	z-index: 99;
	position: relative;
	display: inline-block;
}

.about .item .num::before,
.about .item .num::after {
	content: '';
	position: absolute;
}

.about .item .num::before {
	top: 2px;
	right: -10px;
	width: 35px;
	height: 35px;
	z-index: -1;
	border-radius: 50%;
	background-color: #ffd957;
}

.about .item .num::after {
	right: -25px;
	bottom: 12px;
	color: #666;
	font-size: 18px;
	font-weight: lighter;
}

.about .item:nth-child(1) .num::after {
	content: '条';
}

.about .item:nth-child(2) .num::after {
	content: '多亩';
	right: -40px;
}

.about .item:nth-child(3) .num::after {
	content: '亿 m²';
	right: -50px;
}

.about .item:nth-child(4) .num::after {
	content: '亿';
}

.about .abvideo {
	margin-top: 95px;
}

.about .abvideo .img {
	position: relative;
}

.about .abvideo .img::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 105px;
	height: 105px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play.png);
}




.pub_brand {
	padding-bottom: 120px;
}

.pub_brand .text {
	text-align: center;
	max-width: 1160px;
	margin: 0 auto;
	margin-top: 35px;
}

.pub_brand .listbox {
	margin-top: 70px;
}

.pub_brand .listbox .list {
	color: #fff;
	width: 410px;
	height: 500px;
	float: left;
	z-index: 99;
	overflow: hidden;
	margin-right: 35px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pub_brand .listbox .list:nth-child(3) {
	margin-right: 0;
}

.pub_brand .list h4 {
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
	padding: 0 35px;
	transition: all .5s;
	box-sizing: border-box;
}

.pub_brand .list:hover h4 {
	display: none;
}

.pub_brand .list .mask {
	width: 100%;
	height: 170px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-image: linear-gradient(to top, rgba(86, 128, 178, 1), rgba(82, 127, 178, 0.6), rgba(92, 131, 179, 0));
}

.pub_brand .list .txt {
	padding: 15px 35px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	transition: all .5s;
	transform: translateY(100%);
	background-color: rgba(0, 66, 142, 0.8);
}

.pub_brand .list:hover .txt {
	transform: translateY(0);
}

.pub_brand .list .txt h5 {
	font-size: 18px;
}

.pub_brand .list .txt p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}




.pub_posit {
	color: #fff;
	max-width: 1920px;
	margin: 0 auto;
	z-index: 99;
	padding: 55px 0 100px 0;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/positbg.jpg);
}

.pub_posit::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 100%;
	z-index: -1;
	background-image: linear-gradient(to right, rgba(5, 68, 141, 0.8), rgba(5, 68, 141, 0.4), rgba(5, 68, 141, 0));
}

.pub_posit .tit i {
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	position: relative;
	padding-bottom: 20px;
}

.pub_posit .tit i::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35px;
	height: 4px;
	background-color: #fff;
}

.pub_posit .tit h2 {
	font-size: 30px;
	margin-top: 40px;
}

.pub_posit .txt {
	font-size: 16px;
	line-height: 30px;
	margin-top: 110px;
}




.ab_posit {
	max-width: 1300px;
	margin: 0 auto;
	padding: 55px 30px 100px 30px;
	box-sizing: border-box;
	background-image: url(../images/abposit.jpg);
}




.honor {
	padding: 110px 0;
}

.honor .text {
	text-align: center;
	margin-top: 10px;
}

.honor_slide {
	margin-top: 90px;
}

.honor_slide .swiper-wrapper {
	margin-bottom: 90px;
}

/* .honor_slide .swiper-slide {
	height: 290px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #f7f7f7;
} */

.honor_slide .swiper-pagination-bullet {
	opacity: 1;
	border: none;
	outline: none;
	width: 12px;
	height: 12px;
	margin: 0 5px !important;
	background-color: #e3e3e3;
}

.honor_slide .swiper-pagination-bullet-active {
	background-color: #00428e;
}

.honor_slide .img {
	height: 290px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #f7f7f7;
	/* height: 230px; */
}
.honor_slide h4{
	color: #333;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 30px;
}




.assis {
	padding: 30px 0 100px 0;
}

.assis .txt {
	margin: 40px 0;
}

.assis .list {
	background-color: #f8f8f8;
}

.assis .list .img,
.assis .list .text {
	width: 650px;
	height: 580px;
	float: left;
}

.assis .list .text {
	padding: 90px 45px 130px 45px;
	box-sizing: border-box;
	position: relative;
}

.assis .list .text h4 {
	color: #333;
	font-size: 30px;
	padding-bottom: 25px;
	position: relative;
}

.assis .list .text h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: #00428e;
}

.assis .list .text em {
	color: #666;
	font-size: 18px;
	display: block;
	margin-top: 30px;
}

.assis .list .text .txt2 {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 45px;
}

.assis .list .text .btngrop {
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 45px;
	bottom: 90px;
}

.assis .list .text .btngrop span {
	width: 45px;
	height: 40px;
	display: block;
	position: relative;
}

.assis .list .text .btngrop .prev {
	background-color: #00428e;
}

.assis .list .text .btngrop .next {
	background-color: #cdcdcd;
}

.assis .list .text .btngrop span:hover {
	cursor: pointer;
}

.assis .list .text .btngrop span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 17px;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.assis .list .text .btngrop .prev::after {
	background-image: url(../images/assis_prev.png);
}

.assis .list .text .btngrop .next::after {
	background-image: url(../images/assis_next.png);
}




.aspect {
	font-size: 0;
	max-width: 1920px;
	margin: 0 auto;
}

.aspect .txt {
	
	max-width: 780px;
	margin: 0 auto;

	margin-top: 25px;
	
}

.aspect .img {
	margin-top: 80px;
}




.join_brand {
	padding-top: 105px;
}




.coop {
	padding: 105px 0 130px 0;
}

.coop .txt {
	text-align: center;
	max-width: 790px;
	margin: 20px auto 60px auto;
}

.coop .listbox .list {
	display: flex;
}

.coop .list .img {
	width: 580px;
	height: 490px;
}

.coop .list .text {
	width: 720px;
	padding-top: 30px;
	box-sizing: border-box;
}

.coop .list:nth-child(2n-1) .text {
	padding-left: 50px;
}

.coop .list:nth-child(2n) .img {
	order: 2;
}

.coop .list .text:nth-child(2n) .text {
	order: 1;
}

.coop .list .text h4 {
	color: #333;
	font-size: 30px;
	z-index: 99;
	display: inline-block;
	position: relative;
}

.coop .list .text h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	z-index: -1;
	background-color: #ffd957;
}

.coop .list .text .itembox {
	margin-top: 60px;
}


.coop .list .text .item {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 55px;
	box-sizing: border-box;
}

.coop .list .text .item:last-child {
	margin-bottom: 0;
	padding-right: 15px;
}

.coop .list .text .item span,
.coop .list .text .item p {
	padding-left: 55px;
}

.coop .list .text .item span {
	display: block;
	position: relative;
	margin-bottom: 10px;
	font-size: 20px;
}

.coop .list .text .item span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 35px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/coop_icon.png);
}




.join {
	padding-bottom: 145px;
}

.join .txt {
	margin-top: 20px;
}

.join .formbox {
	margin-top: 95px;
}

.join .formbox .ligrop {
	display: flex;
}

.join .formbox .li p {
	color: #333;
	font-size: 18px;
	margin-bottom: 20px;
}

.join .formbox .li input,
.join .formbox .li select {
	color: #999;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	display: block;
	border: none;
	outline: none;
	border-bottom: 1px solid #e2e2e2;
}

.join .formbox .li input {
	width: 100%;
}

.join .formbox .infor {
	margin-bottom: 50px;
}

.join .formbox .infor .li {
	width: 420px;
	margin-right: 20px;
}

.join .formbox .infor .li:nth-child(3) {
	margin-right: 0;
}

.join .formbox .infor .region .slect {
	display: flex;
	justify-content: space-between;
}

.join .formbox .infor .region select {
	width: 135px;
}

.join .formbox .infor .region select:hover {
	cursor: pointer;
}

.join .formbox .message {
	margin-bottom: 50px;
}

.join .formbox .verify {
	margin-bottom: 50px;
}

.join .formbox .verify .code {
	position: relative;
}

.join .formbox .verify .code .img {
	width: 100px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.join .formbox .verify .code .img:hover {
	cursor: pointer;
}

.join .formbox .verify .code .img img {
	width: 100%;
	height: 100%;
}

.join .formbox button {
	color: #fff;
	font-size: 16px;
	width: 400px;
	height: 55px;
	display: block;
	margin: 0 auto;
	border: none;
	outline: none;
	background-color: #00428e;
}

.join .formbox button:hover {
	cursor: pointer;
	background-color: #014da5;
}




.casebox{
	padding-top: 110px;
	background-color: #f7f7f7;
}
.caseh {
	max-width: 1300px;
	margin: 0 auto;
}
.caseh .list{
	position: relative;
}
.caseh .bigslide{
	width: 1300px;
}
.caseh .bigslide .img{
	width: 100%;
	height: 580px;
	overflow: hidden;
}
.caseh .bigslide .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseh .text{
	position: absolute;
	right: 150px;
	top: 20%;
	width: 515px;
	height: 360px;
	padding: 50px 45px 45px 50px;
	box-sizing: border-box;
	border-right: 5px solid #00428e;
	background-color: #fff;
	z-index: 55;
}
.caseh .text h4{
	color: #333;
	font-size: 24px;
	padding-bottom: 15px;
	position: relative;
}
.caseh .text h4::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 2px;
	background-color: #00428e;
}
.caseh .text p{
	color: #333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 40px;
}
.caseh .btngrop{
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 50px;
	bottom: 45px;
}
.caseh .btngrop .swiper-button-next,
.caseh .btngrop .swiper-button-prev 
{
	width: 35px;
	height: 32px;
	position: relative;
	margin-top: 0;
}
.caseh .btngrop .swiper-button-prev{
	left: 0;
	background-color: #d4d3d3;
}
.caseh .btngrop .swiper-button-next{
	right: 0;
	background-color: #00428e;
}
.caseh .btngrop .swiper-button-prev::after,
.caseh .btngrop .swiper-button-next::after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 14px;
	height: 11px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.caseh .btngrop .swiper-button-prev::after{
	background-image: url(../images/case_prev.png);
}
.caseh .btngrop .swiper-button-next::after{
	background-image: url(../images/case_next.png);
}




.case{
	padding: 140px 0 40px 0;
}
.case .listbox .list{
	width: 410px;
	float: left;
	margin-right: 35px;
	margin-bottom: 65px;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}
.case .listbox .list:nth-child(3n){
	margin-right: 0;
}
.case .listbox .list::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50px;
	height: 1px;
	transition: all .5s;
	background-color: #00428e;
}
.case .listbox .list:hover:after{
	width: 100%;
}
.case .list .img{
	height: 300px;
}
.case .list  h4{
	color: #00428e;
	font-size: 16px;
	line-height: 60px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: 60px;
}
.case .page{
	padding: 35px 0 65px 0;
}




.pro_nav{
	padding: 55px 0 80px 0;
	background-color: #f7f7f7;
}
.pro_nav .li{
	padding-bottom: 15px;
	margin-bottom: 40px;
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
	border-bottom: 1px solid #d6d6d6;
}
.pro_nav .li:last-child{
	margin-bottom: 0;
}
.pro_nav .li span{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	width: 100px;
	height: 35px;
	margin-right: 40px;
	display: block;
	border-radius: 50px;
	background-color: #00428e;
}
.pro_nav .li .qb{
	color: #333;
	font-size: 16px;
	line-height: 35px;
	padding-right: 20px;
	margin-right: 15px;
	position: relative;
}
.pro_nav .li .qb::after{
	content: '>';
	position: absolute;
	right: 0;
	top: 0px;
}
.pro_nav ul{
	width: 1000px;
	display: inline-block;
	height: 35px;
	overflow: hidden;
}
.pro_nav ul.on{
	height: auto;
}
.pro_nav ul li{
	color: #666;
	font-size: 16px;
	line-height: 35px;
	margin: 0 5px;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav ul li.on,
.pro_nav ul li:hover
{
	color: #00428e;
}
.pro_nav ul li a{
	padding: 0 20px;
	box-sizing: border-box;
	display: inline-block;
}
.pro_nav .more{
	color: #4c4948;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	padding-right: 25px;
	position: relative;
	display: inline-block;
}
.pro_nav .more::after{
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;  
	background-image: url(../images/gd.png);
}




.pro_search{
	padding-top: 35px;
}
.pro_search form{
	width: 400px;
	display: block;
	position: relative;
	box-sizing: border-box;
	border-bottom: 2px solid #ddd;
}
.pro_search input{
	color: #999;
	font-size: 16px;
	line-height: 50px;
	width: 100%;
	height: 50px;
	display: block;
}
.pro_search button{
	width: 20px;
	height: 20px;
	border: none;
	outline: none;
	position: absolute;
	right: 0;
	bottom: 10px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/pro_search.png);
	background-color: transparent;
}
.pro_search button:hover{
	cursor: pointer;
}




.pro{
	padding: 50px 0 25px 0;
}
.pro .listbox .list{
	width: 400px;
	float: left;
	margin: 0 50px 80px 0;
	font-size: 0;
}
.pro .listbox .list a{
    display: block;
}
.pro .listbox .list:nth-child(3n){
	margin-right: 0;
}
.pro .listbox .list .img_box{
	width: 400px;
	height: 400px;
	background-color: #f5f5f5;
	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 .list .tit{
	margin-top: 30px;
}
.pro .list .tit h4,
.pro .list .tit p
{
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pro .list .tit h4{
	color: #000;
}
.pro .list:hover .tit h4{
	color: #00428e;
}
.pro .list .tit p{
	color: #666;
	margin-top: 10px;
}
.pro .page{
	padding: 20px 0 80px 0;
}




.breadcrumb{
	font-size: 16px;
	padding: 25px 0;
	background-color: #f7f7f7;
}
.breadcrumb span,
.breadcrumb ul
{
	float: left;
}
.breadcrumb span,
.breadcrumb li
{
	line-height: 50px;
	height: 50px;
}
.breadcrumb span{
	color: #333;
	display: block;
}
.breadcrumb ul{
	margin-left: 15px;
}
.breadcrumb li{
	color: #666;
	float: left;
	position: relative;
	padding-right: 20px;
	margin-right: 10px;
}
.breadcrumb li:hover a{
	text-decoration: underline
}
.breadcrumb li::after{
	content: '>';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.breadcrumb li:last-child::after{
	display: none;
}
.breadcrumb li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.introduce{
	padding: 90px 0;
}
.introduce  .prov1_slidebox{
	width: 720px;
	float: left;
}
.introduce .big_slide{
	width: 600px;
	height: 520px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #bdbdbd;
}
.introduce .big_slide .swiper-button-prev,
.introduce .big_slide .swiper-button-next
{
	width: 24px;
	height: 47px;
	opacity: 1;
	border: none;
	outline: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.introduce .big_slide .swiper-button-prev{
	background-image: url(../images/intr_prev.png);
}
.introduce .big_slide .swiper-button-next{
	background-image: url(../images/intr_next.png);
}
.introduce .big_slide .swiper-button-prev::after,
.introduce .big_slide .swiper-button-next::after
{
	display: none;
}
.introduce .small_slide{
	width: 100px;
	height: 520px;
	float: right;
}
.introduce .small_slide .swiper-slide{
	width: 100px;
	height: 100px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px solid #e4e4e4;
}
.introduce .small_slide .swiper-slide-thumb-active{
	box-sizing: border-box;
	border: 2px solid #00428e;
}
.introduce .small_slide .swiper-slide:hover{
	cursor: pointer;
}
.introduce .text{
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	width: 480px;
	float: right;
	padding-top: 35px;
}
.introduce .text .tit{
	position: relative;
	padding-bottom: 35px;
}
.introduce .text .tit::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #cfcfcf;
}
.introduce .text .tit h2{
	color: #333;
	font-size: 30px;
	margin-bottom: 12px;
}
.introduce .text .txt{
	margin-top: 25px;
}
.introduce .text .txt h4,
.introduce .text .txt p{
	line-height: 46px;
	display: inline-block;
}
.introduce .text .txt h4{
	color: #333;
}
.introduce .text .vr{
	color: #fff;
	line-height: 40px;
	height: 40px;
	padding:  0 20px 0 60px;
	margin-top: 30px;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	background-color: #e81f32;
}
.introduce .text .vr:hover{
	background-color: #f32337;
}
.introduce .text .vr::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/vr.png);
}
.introduce .text .agrop{
	margin-top: 60px;
}
.introduce .text .agrop a{
	text-align: center;
	line-height: 50px;
	width: 150px;
	height: 50px;
	border-radius: 50px;
	margin-right: 60px;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #bfbfbf; 
}
.introduce .text .agrop a:last-child{
	margin-right: 0;
}
.introduce .text .agrop a:hover{
	color: #fff;
	background-color: #00428e;
	border: 1px solid #00428e; 
}




.prov_tit h2,
.prov_tit i
{
	font-size: 18px;
	display: inline-block;
}
.prov_tit h2{
	color: #333;
	padding-right: 10px;
	position: relative;
}
.prov_tit h2::after{
	content: '/';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	color: #666;
	font-size: 18px;
}
.prov_tit i{
	color: #666;
}




.details{
	padding: 45px 0;
}
.details .prov_tit{
	margin-bottom: 95px;
}
.details .text{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}


.prov{	padding: 95px 0 100px 0;
	/* padding: 95px 0 130px 0; */
}
.prov .prov_tit{
	margin-bottom: 65px;
}

.prov_slide .swiper-wrapper{
	margin-bottom: 80px;
}

.prov_slide .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	opacity: 1;
	border: none;
	outline: none;
	margin: 0 8px!important;
	background-color: #e3e3e3;
}
.prov_slide .swiper-pagination-bullet-active{
	background-color: #00428e;
}
.prov_slide .img{
	width: 100%;
	height: 410px;
	/* padding: 15px; */
	box-sizing: border-box;
	background-color: #f3f3f3;
}
.prov_slidet h4,
.prov_slide p
{
	color: #444;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.prov_slide h4{
	font-size: 20px;
	margin-top: 20px;
}
.prov_slide .swiper-slide:hover h4{
	color: #00428e;
}
.prov_slide p{
	font-size: 16px;
	margin-top: 8px;
}	




.iab{
	max-width: 1920px;
	height: 870px;
	margin: 0 auto;
	padding-top: 80px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/iabbg.jpg);
}
.iab .pub_tit{
	text-align: left;
}
.iab .txt{
	margin-top: 40px;
	max-width: 355px;
}
.iab .pub_more{
	margin-top: 70px;
}




.iab2{
	padding: 135px 0 110px 0;
}
.iab2 .textbox{
	margin-bottom: 75px;
}
.iab2 .textbox .pub_tit{
	text-align: left;
	float: left;
}
.iab2 .textbox .txt{
	max-width: 680px;
	float: right;
}
.iab2 .listbox{
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/iab2bg.jpg);
}
.iab2 .listbox .list{
	width: 433px;
	height: 600px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	/* background-color: rgba(0, 0, 0, 0.3); */
}
.iab2 .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);
	}
}
.iab2 .listbox .list h4{
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	width: 265px;
	height: 245px;
	line-height: 245px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.iab2 .listbox .list h4::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;
}
.iab2 .listbox .list .mask2{
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
	z-index: 99;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.iab2 .listbox .list .mask2::after{
	content: '';
	width: 100%;
	height: 240px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-image: linear-gradient(to top,rgba(18,47,86,0.9),rgba(18,47,86,0.7),rgba(18,47,86,0));
}
.iab2 .listbox .list .mask2 .text{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}
.iab2 .listbox .list .mask2 .text h5{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}
.iab2 .listbox .list .mask2 .text .txt{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.iab2 .listbox .list:hover .mask1{
	display: none;
}
.iab2 .listbox .list:hover .mask2{
	display: block;
}




.ipro .pub_itxt{
	text-align: center;
	max-width: 1000px;
	margin: 25px auto 65px auto;
}
.ipro .listbox{
	height: 600px;
	padding: 0 40px;
	box-sizing: border-box;
}
.ipro .listbox .list{
	width: 210px;
	height: 485px;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 42px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
.ipro .listbox .list:nth-child(2n-1){
	margin-top: 115px;
}
.ipro .listbox .list:last-child{
	margin-right: 0;
}
.ipro .listbox .list::after{
	content: '';
	position: absolute;
	right: -20px;
	width: 2px;
	height: 480px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/ipro_icon.png);
}
.ipro .listbox .list:last-child:after{
	display: none;
}
.ipro .listbox .list:nth-child(2n-1)::after{
	top: -48px;
}
.ipro .listbox .list:nth-child(2n)::after{
	top: 65px;
}
.ipro .list .text{
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 140px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.4);
}
.ipro .list .text i{
	width: 35px;
	height: 30px;
	display: block;
	margin: 0 auto;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/ipro_icon2.png);
}
.ipro .list:hover .text i{
	transform: translateY(-5px);
}
.ipro .list .text h4,
.ipro .list .text p
{
	margin-top: 5px;
}
.ipro .list .text h4{
	font-size: 18px;
}
.ipro .list .text p{
	font-size: 16px;
}




.pub_more{
	color: #333;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding-right: 40px;
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 1px solid #333;
}
.pub_more:hover{
	color: #00428e;
}
.pub_more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 0;
	width: 28px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/pub_more.png);
}
.pub_more:hover:after{
	background-image: url(../images/pub_more2.png);
}




.ijoin{
	max-width: 1920px;
	margin: 0 auto;
	padding: 120px 0;
	overflow: hidden;
}
.ijoin .picbox{
	width: 830px;
	height: 500px;
	float: left;
	position: relative;
}
.ijoin .img{
	width: 1140px;
	height: 500px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -310px;
}
.ijoin .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ijoin .text{
	width: 355px;
	float: right;
}
.ijoin .text .pub_tit{
	text-align: left;
	margin-bottom: 20px;
}
.ijoin .pub_more{
	margin-top: 45px;
}




.inews{
	padding: 10px 0 150px 0;
}
.inews .titbox{
	margin-bottom: 40px;
}
.inews .titbox .pub_tit{
	text-align: left;
	float: left;
}
.inews .titbox .pub_more{
	float: right;
}
.inews .listbox .list{
	width: 410px;
	float: left;
	margin-right: 35px;
	position: relative;
	overflow: hidden;
}
.inews .listbox .list:nth-child(3n){
	margin-right: 0;
}
.inews .list .img{
	height: 420px;
	margin-bottom: 20px;
}	
.inews .list h4,
.inews .list p
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.inews .list .text{
	color: #666;
	font-size: 16px;
}
.inews .list .text h4{
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}
.inews .list .text .time{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}
.inews .list .mask{
	color: #fff;
	width: 100%;
	height: 210px;
	position: absolute;
	left: 0;
	bottom: -210px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 25px 0 40px;
	box-sizing: border-box;
	transition: all .5s;
	z-index: 99;
	background-color: #00428e;
}
.inews .list .mask .text2 h4{
	font-size: 18px;
	margin-bottom: 10px;
}
.inews .list:hover .mask{
	bottom: 0;
}
.inews .list .mask .text2 p{
	font-size: 16px;
}




.ibanner .swiper-pagination{
	bottom: 40px;
}
.ibanner .swiper-pagination-bullet{
	width: 40px;
	height: 3px;
	opacity: 1;
	outline: none;
	border: none;
	transition: all .5s;
	border-radius: 0;
	margin: 0 8px!important;
	background-color: #fff;
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #00428e;
}