@charset "utf-8";

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.header {
	width: 100%;
	/* background: #fff; */
	padding: 16px 0;
}

.header .logo {
	width: 200px;
	height: 65px;
	background: url(../images/logo.png) center center no-repeat;
	float: left;
}

.header .logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
}

.header .header_nav ul {
	float: left;
	margin-left: 90px;
}

.header .header_nav ul li {
	float: left;
	display: inline-block;
	font-size: 16px;
	color: #000000;
	margin-right: 50px;
	height: 68px;
	line-height: 68px;

	/* -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; */
}

.header .header_nav ul li:hover {
	font-weight: bold;
	/* transform: translate(0, -5px); */
}

.header .search {
	float: right;
	width: 192px;
	border-bottom: 1px solid #9f9f9f;
	padding-top: 18px;
}

.header .search .text {
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #999999;
	text-indent: 20px;

}

.header .search .submit {
	float: right;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/seach.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
	margin-top: 3px;
}

/* ibanner */
.ibanner {
	font-size: 0;
	width: 100%;
}

.ibanner img {
	width: 100%;
	height: 100%;
}

.ibanner .swiper-container .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	background: #fff;
	opacity: 1;
	margin: 0 10px;
}

.ibanner .swiper-container .swiper-pagination-bullet-active {
	background: none;
	border: 1px solid #fff;
}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
}

/*  iabout  */
.iabout {
	width: 100%;
	height: 836px;
	background: url(../images/iabout.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.iabout .iabout_title {
	padding-top: 110px;
	padding-bottom: 20px;
	position: relative;
}

.iabout .iabout_title h2 {
	font-size: 24px;
	line-height: 30px;
	color: #333333;
}

.iabout .iabout_title em {
	display: block;
	font-size: 36px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.iabout .iabout_title::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #9d9d9d;
	position: absolute;
	left: 0;
	bottom: 0;
}

.iabout .text_box {
	padding-top: 55px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	width: 565px;
}

.iabout .num_group {
	padding-top: 100px;
}

.iabout .num_group .group {
	float: left;
	margin-right: 78px;
}



.iabout .num_group .group em {
	display: block;
	font-size: 48px;
	color: #000;
	font-weight: bold;
	font-family: 'Arial';
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}

.iabout .num_group .group:first-child em::before {
	content: "W";
	position: absolute;
	font-size: 48px;
	color: #000;
	font-weight: bold;
	font-family: 'Arial';
	top: 0;
	right: -5px;
}

.iabout .num_group .group:first-child em {
	box-sizing: border-box;
	padding-right: 40px;
}




.iabout .num_group .group:nth-child(1) em::after,
.iabout .num_group .group:nth-child(3) em::after {
	content: "+";
	position: absolute;
	font-family: 'Impact';
	font-size: 30px;
	color: #000;
	font-weight: bold;
	top: 0;
}

.iabout .num_group .group:nth-child(1) em::after {
	right: -25px;
}

.iabout .num_group .group:nth-child(3) em::after {
	right: 0;
}

.iabout .num_group .group span {
	font-size: 16px;
	color: #666666;
}


/* ipro */
.ipro {
	width: 100%;
	/* height: 615px; */
	/* background: url(../images/ipro_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
	position: relative;
	/* padding-bottom: 310px; */

}

.ipro .gallery-top {
	text-align: center;
	height: 615px;
	z-index: 0;
}

.ipro .gallery-top .swiper-slide {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ipro .gallery-top h4 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 45px;
}

.ipro .gallery-top .text {
	margin-top: 10%;
}

.ipro .gallery-top .text_box {
	font-size: 15px;
	line-height: 28px;
	color: #ffffff;
	width: 722px;
	margin: 0 auto;

}

.ipro .gallery-top a {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #fff;
	margin-top: 35px;
}

.ipro .gallery-top a:hover {
	color: #cdc7c7;
}

.ipro .gallery-top .swiper-button-next.swiper-button-disabled,
.ipro .gallery-top .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.ipro .gallery-top .swiper-button-next {
	right: 300px;
}

.ipro .gallery-top .swiper-button-prev {
	left: 300px;
}

.ipro .gallery-thumbs {
	text-align: center;
	/* bottom: 54px; */
	z-index: 9999;
	overflow: unset;
}

.ipro .gallery-thumbs .item {
	padding-bottom: 50px;
	background: #fff;
	z-index: 999;
	/* padding-top: 32px; */

	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.ipro .gallery-thumbs .item em {
	display: block;
	font-size: 16px;
	color: #999999;
	text-transform: uppercase;
	text-align: center;
	padding-top: 32px;
	display: none;
}

.ipro .gallery-thumbs .item i {
	display: inline-block;
	width: 64px;
	height: 78px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 18px;
	margin-top: 65px;
}

.ipro .gallery-thumbs .item p {
	font-size: 16px;
	color: #333333;
	padding-bottom: 20px;
	position: relative;
}

.ipro .gallery-thumbs .item p::after {
	content: "";
	width: 17px;
	height: 3px;
	background-color: #000;
	position: absolute;
	left: 48%;
	bottom: 0;
	display: none;
}

.ipro .gallery-thumbs .swiper-slide-thumb-active {}

.ipro .gallery-thumbs .swiper-slide-thumb-active .item {
	transform: translate(0, -54px);
}

.ipro .gallery-thumbs .swiper-slide-thumb-active .item em {
	display: block;
}

.ipro .gallery-thumbs .swiper-slide-thumb-active .item p::after {
	display: block;
}

/*  iadvantage  */
.iadvantage {
	background: #f5f5f5;
	padding: 100px 0;
}

.iadvantage .iadvantage_tit {
	float: left;
}

.iadvantage .iadvantage_tit em {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.iadvantage .iadvantage_tit h2 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 25px;
	position: relative;
}

.iadvantage .iadvantage_tit h2::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #9d9d9d;
	position: absolute;
	left: 0;
	bottom: 0;
}

.iadvantage .button {
	float: right;
	width: 120px;
	height: 52px;
	position: relative;
}

.iadvantage .button .swiper-button-next,
.iadvantage .button .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-color: #f5f5f5;
	border: 1px solid #9d9d9d;
	position: absolute;
	cursor: pointer;
}

.iadvantage .button .swiper-button-next:after,
.iadvantage .button .swiper-container-rtl .swiper-button-prev:after {
	content: ' ';
}

.iadvantage .button .swiper-button-prev:after,
.iadvantage .button .swiper-container-rtl .swiper-button-next:after {
	content: ' ';
}

.iadvantage .button .swiper-button-next.swiper-button-disabled,
.iadvantage .button .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	pointer-events: auto;
}

.iadvantage .button .swiper-button-next {
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
	background-image: url(../images/right.png);
	background-position: center;
	background-size: 8px 16px;
	outline: none;
}

.iadvantage .button .swiper-button-prev {
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
	background-image: url(../images/left.png);
	background-position: center;
	background-size: 8px 16px;
	outline: none;
}

.iadvantage .button .swiper-button-next:hover,
.iadvantage .button .swiper-button-prev:hover {
	background-color: #000;
	border: 1px solid #000;
}

.iadvantage .button .swiper-button-next:hover {
	background-image: url(../images/right2.png);
}

.iadvantage .button .swiper-button-prev:hover {
	background-image: url(../images/left2.png);
}

.iadvantage .swiper-container {
	margin-top: 60px;
}

.iadvantage .swiper-container .pic_box {
	width: 625px;
	height: 490px;
	overflow: hidden;
	float: left;
}

.iadvantage .swiper-container .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.iadvantage .swiper-container .pic_box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.iadvantage .swiper-container .right_box {
	float: right;
	/* width: 500px; */
}

.iadvantage .swiper-container .right_box h4 {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 18px;
}

.iadvantage .swiper-container .right_box em {
	display: block;
	font-size: 24px;
	color: #666666;
	padding-bottom: 30px;
	position: relative;
}

.iadvantage .swiper-container .right_box em::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	position: absolute;
	left: 0;
	bottom: 0;
}

.iadvantage .swiper-container .right_box .text_box {
	margin-top: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.iadvantage .swiper-container .right_box .text_box p {
	position: relative;
	padding-left: 28px;
}

.iadvantage .swiper-container .right_box .text_box p::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #000;
	left: 0;
	top: 42%;
}

.iadvantage .swiper-container .right_box .right_pic {
	margin-top: 40px;
	width: 505px;
}

.iadvantage .swiper-container .right_box .right_pic .pic_box {
	width: 248px;
	height: 142px;
	overflow: hidden;
}

.iadvantage .swiper-container .right_box .right_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.iadvantage .swiper-container .right_box .right_pic img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.iadvantage .swiper-container .right_box .right_pic .pic_box:first-child {
	float: left;
}

.iadvantage .swiper-container .right_box .right_pic .pic_box:last-child {
	float: right;
}


/*  ijoin  */
.ijoin_tit {
	text-align: center;
	padding-top: 90px;
}

.ijoin_tit h2 {
	font-size: 24px;
	color: #fff;
	padding-bottom: 15px;
	position: relative;
}

.ijoin_tit em {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	display: block;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.ijoin_tit h2::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 48%;
	bottom: 0;
}

.ijoin {
	width: 100%;
	height: 868px;
	background-image: url(../images/ijoin_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.ijoin .ijoin_box .item {
	text-align: center;
	width: 225px;
	float: left;
	margin-right: 130px;
	margin-top: 75px;
	/* cursor: pointer; */

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.ijoin .ijoin_box .item:nth-child(4n) {
	margin-right: 0;
}

.ijoin .ijoin_box .item i {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: inline-block;
	margin-bottom: 25px;
}

.ijoin .ijoin_box .item:hover {
	transform: translate(0, -18px);
}

.ijoin .ijoin_box .item h4 {
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 8px;
}

.ijoin .ijoin_box .item p {
	font-size: 15px;
	color: #fff;
	line-height: 24px;
}


/*  inews  */
.inews_tit h2,
.inews_tit em {
	color: #333;
}

.inews_tit h2::after {
	background-color: #9d9d9d;
}

.inews_box {
	margin: 50px 0 85px;
}

.inews_box .item {
	width: 400px;
	height: 470px;
	border: 1px solid #bfbfbf;
	float: left;
	margin-right: 45px;
}

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

.inews_box .item .pic_box {
	width: 360px;
	height: 232px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 25px;
}

.inews_box .item .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.inews_box .item:hover .pic_box img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.inews_box .item .text {
	width: 350px;
	margin: 0 auto;
}

.inews_box .item .text h4 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 8px;
	margin-top: 40px;
}

.inews_box .item .text span {
	font-size: 12px;
	color: #999999;
}

.inews_box .item .text .text_box {
	margin-top: 25px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.inews_box .item .text .text_box p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.inews_box .item:hover .text span,
.inews_box .item:hover .text .text_box {
	color: #333;
}


/*  footer  */
.footer {
	background: #eeeeee;
	padding: 60px 0 50px;
}

.footer .footer_left {
	float: left;
}

.footer .footer_left span {
	/* display: inline-block; */
	font-size: 16px;
	color: #4e4e4e;
}

.footer .footer_left .phone {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: 25px;
	line-height: unset;
}

.footer .footer_left p {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}


.footer .footer_left .code {
	width: 116px;
	height: 116px;
	overflow: hidden;
	margin: 15px 0 5px;
}

.footer .footer_left .code img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.footer .footer_right {
	float: right;
}

.footer .footer_right dl {
	float: left;
	margin-right: 100px;
}

.footer .footer_right dl:last-child {
	margin-right: 15px;
}

.footer .footer_right dt {
	font-size: 16px;
	font-weight: bold;
	color: #4e4e4e;
	line-height: 30px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
}

.footer .footer_right dt::after {
	content: "";
	width: 23px;
	height: 2px;
	background-color: #171717;
	position: absolute;
	left: 0;
	bottom: 0;
}

.footer .footer_right dd {
	font-size: 14px;
	line-height: 30px;
	color: #848484;
	/* padding: 2px 0; */
}

.footer .footer_right dd:hover {
	color: #333;
}

.copyright {
	text-align: center;
	padding: 25px 0;
	background: #000;
}

.copyright p {
	color: #f5f5f5;
	font-size: 14px;
}

.copyright p a:nth-child(2){
	padding-left: 30px;
	position: relative;
}

.copyright p a:nth-child(2)::after{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/beian.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
}


/*  public  */
.banner {
	max-width: 1920px;
	margin: 0 auto;
}

.about_nav {
	border-bottom: 1px solid #e0e0e0;
}

.nav {
	float: left;
}

.nav ul li {
	float: left;
	font-size: 16px;
	color: #666666;
	margin-right: 75px;
	height: 80px;
	line-height: 80px;
	position: relative;
}

.nav ul li:hover,
.nav ul li.on {
	color: #000;
}

.nav ul li::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #2f2f2f;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}

.nav ul li:hover::after {
	display: block;
}

.nav ul li.on::after {
	display: block;
}

.nav ul li a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.bread_nav {
	float: right;
}

.bread_nav ul li {
	display: inline-block;
}

.bread_nav ul li:hover {
	color: #000;
}

.bread_nav ul {
	font-size: 16px;
	color: #999999;
	padding-top: 25px;
}


/*  about  */
.about_text {
	padding-top: 100px;
	padding-bottom: 60px;
}

.about_text .text_tit {
	float: left;
}

.about_text .text_tit em {
	display: block;
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	color: #000;
	font-family: 'Arial';
}

.about_text .text_tit h2 {
	font-size: 24px;
	color: #000;
	margin-top: 12px;
	margin-bottom: 8px;
}

.about_text .text_tit span {
	font-size: 16px;
	font-family: 'Arial';
	color: #999999;
	text-transform: uppercase;
}

.about_text .text_box {
	float: right;
	width: 795px;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	padding-bottom: 110px;
}

.about_text .pic_box {
	width: 1300px;
	height: 551px;
	overflow: hidden;
}

.about_text .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.culture {
	width: 100%;
	height: 600px;
	background-image: url(../images/culture.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tit1 {
	text-align: center;
}

.tit1 em {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.tit1 h2 {
	margin-top: 8px;
	font-size: 24px;
	color: #fff;
	padding-bottom: 20px;
	position: relative;
}

.tit1 h2::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 48%;
	bottom: 0;
}

.culture .tit1 {
	padding-top: 86px;
}

.culture .item_box {
	padding: 0 125px;
	padding-top: 130px;
}

.culture .item_box .item {
	text-align: center;
	float: left;
	/* margin-right: 225px; */
	margin-right: 270px;
	cursor: pointer;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.culture .item_box .item:last-child {
	margin-right: 0;
}

.culture .item_box .item i {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 80px;
	height: 80px;
}

.culture .item_box .item:hover {
	transform: translate(0, -18px);
}

.culture .item_box .item h4,
.culture .item_box .item p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.culture .item_box .item h4 {
	margin-top: 30px;
}

.honor {
	padding: 95px 0 60px;
}

.honor .tit1 {
	text-align: left;
}

.honor .tit1 em,
.honor .tit1 h2 {
	color: #000;
}

.honor .tit1 h2::after {
	background: #000;
	left: 0;
}

.honor .swiper-container {
	padding-top: 40px;
	padding-bottom: 90px;
}

.honor .swiper-container .img_box {
	width: 290px;
	height: 370px;
	border: 1px solid #eee;
	border-bottom: none;
	overflow: hidden;
}

.honor .swiper-container .img_box img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.honor .swiper-container .img_box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.honor .swiper-container .swiper-slide p {
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-top: none;
	cursor: pointer;
}

.honor .swiper-container .swiper-slide:hover p {
	background: #000;
	color: #fff;
}

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

.honor .swiper-container .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #b0b0b0;
	opacity: 1;
}

.honor .swiper-container .swiper-pagination-bullet-active {
	background: #000;
}

.honor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}


/*  join  */
.join_text {
	margin-top: 90px;
	margin-bottom: 115px;
}

.join_text .text {
	float: left;
	width: 540px;
	padding-top: 75px;
}

.join_text .text em {
	display: block;
	font-weight: bold;
	font-size: 36px;
	line-height: 48px;
	color: #333;
}

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

.join_text .pic_box {
	float: right;
	width: 706px;
	height: 440px;
	overflow: hidden;

}

.join_text .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.join_text .pic_box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


.advantage {
	padding-bottom: 70px;
}

.advantage .tit1 {
	margin-bottom: 60px;
}

.advantage .tit1 h2,
.advantage .tit1 em {
	color: #333;
}

.advantage .tit1 h2::after {
	background: #333;
}

.advantage .swiper-container {
	padding-bottom: 60px;
}

.advantage .swiper-container .swiper-slide {
	cursor: pointer;
}

.advantage .swiper-container .pic_box {
	width: 407px;
	height: 250px;
	overflow: hidden;
}

.advantage .swiper-container .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.advantage .swiper-container .text_box {
	padding-top: 28px;
	border: 1px solid #eee;
	border-top: none;
	height: 250px;
	box-sizing: border-box;
}

.advantage .swiper-container .text_box h4 {
	font-weight: bold;
	font-size: 24px;
	color: #0c0b0b;
	text-align: center;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 28px;
}

.advantage .swiper-container .text_box h4::after {
	content: "";
	width: 46px;
	height: 2px;
	background-color: #0c0b0b;
	position: absolute;
	left: 45%;
	bottom: 0;
}

.advantage .swiper-container .text_box p {
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	width: 372px;
	margin: 0 auto;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.advantage .swiper-container .swiper-slide:hover .text_box p {
	color: #666;
}

.advantage .swiper-container .swiper-slide:hover .pic_box img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

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

.advantage .swiper-container .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	background: #b1b1b1;
	opacity: 1;
}

.advantage .swiper-container .swiper-pagination-bullet-active {
	background: #000;
}

.advantage .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
}

.technology {
	padding: 105px 0 140px;
}

.technology .text {
	text-align: center;
	margin-bottom: 65px;
}

.technology .text em {
	font-weight: bold;
	font-size: 36px;
	color: #3b3b3b;

}

.technology .text p {
	font-size: 16px;
	color: #666;
	margin-top: 10px;
}

.technology .swiper-container {
	height: 420px;
}

.technology .swiper-container .swiper-slide {
	width: 320px;
	height: 420px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	/* transition: 300ms; */

}

.technology .swiper-container .swiper-slide a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.technology .swiper-container .swiper-slide-active {
	width: 640px !important;
	margin-right: 10px;
}

.technology .swiper-container .swiper-slide-prev {
	margin-right: 10px;
}

.technology .swiper-container .swiper-slide-prev,
.technology .swiper-container .swiper-slide-next {
	width: 320px !important;
}

.technology .swiper-container .pic {
	/* height: 420px;
	width: 320px; */
	width: 100%;
	height: 100%;

	background-repeat: no-repeat;
	background-size: auto;
	/* background-size: cover; */
}

.technology .swiper-container .swiper-slide-next .pic,
.technology .swiper-container .swiper-slide-prev .pic {
	background-position: left;
}

.technology .swiper-container .swiper-slide-active .pic {
	background-position: center;
	background-size: cover;
}

.technology .swiper-button-next,
.technology .swiper-button-prev {
	width: 59px;
	height: 59px;
	background-color: #fff;
	/* border: 1px solid #9d9d9d; */
	border-radius: 50px;
	position: absolute;
	cursor: pointer;
}

.technology .swiper-button-next:after,
.technology .swiper-container-rtl .swiper-button-prev:after {
	content: ' ';
}

.technology .swiper-button-prev:after,
.technology .swiper-container-rtl .swiper-button-next:after {
	content: ' ';
}

.technology .swiper-button-next.swiper-button-disabled,
.technology .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	pointer-events: auto;
}

.technology .swiper-button-next {
	right: 120px;
	left: auto;
	background-image: url(../images/right3.png);
	background-position: center;
	background-size: 34px 14px;
}

.technology .swiper-button-prev {
	right: auto;
	left: 120px;
	background-image: url(../images/left3.png);
	background-position: center;
	background-size: 34px 14px;
}

.technology .swiper-button-next:hover,
.technology .swiper-button-prev:hover {
	background-color: #8c8c8c;
	border: none;
}

.technology .swiper-button-next:hover {
	background-image: url(../images/right33.png);
}

.technology .swiper-button-prev:hover {
	background-image: url(../images/left33.png);
}













.application {
	width: 100%;
	height: 810px;
	background-image: url(../images/application_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.application .application_tit {
	text-align: center;
	padding: 65px 0 50px;
}

.application .application_tit h2 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px;
}

.application .application_tit em {
	font-size: 18px;
	color: #fff;
}

.application .application_form form .form1 input {
	width: 408px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #999999;
	padding-left: 20px;
	box-sizing: border-box;
	margin-right: 33px;
	margin-bottom: 28px;
}

.application .application_form form .form1 input:nth-child(3) {
	margin-right: 0;
}

.application .application_form form textarea {
	width: 100%;
	height: 330px;
	box-sizing: border-box;
	font-size: 16px;
	color: #999;
	padding: 20px;
	margin-bottom: 65px;
	font-family: '微软雅黑';
}

.application .application_form form .button {
	text-align: center;
}

.application .application_form form .button img {
	width: 200px;
	height: 56px;
	cursor: pointer;
	margin-right: 25px;
}

.application .application_form form .button input {
	width: 306px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #565656;
	text-align: center;
	margin-right: 25px;
}

.application .application_form form .button input.verify {
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.application .application_form form .button input.submit {
	background: #c7000c;
	color: #fff;
	cursor: pointer;
	margin-right: 0;
}

.application .application_form form .button input.submit:hover {
	background: #bb000b;
}


/* contact */
.contact_nav {
	border-bottom: 1px solid #e0e0e0;

}

.contact_box {
	background: #f8f8f8;
	padding-bottom: 85px;
}

.contact1 {
	padding: 80px 0 60px;
}

.contact1 .item_box .item {
	width: 400px;
	float: left;
	text-align: center;
	padding: 45px 25px;
	background: #fff;
	margin-right: 50px;
	/* cursor: pointer; */
	box-sizing: border-box;
}


.contact1 .item_box .item:last-child {
	margin-right: 0;
}

.contact1 .item_box .item i {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
	display: inline-block;
	margin-bottom: 28px;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.contact1 .item_box .item:hover i {
	transform: translate(0, -15px);
}

.contact1 .item_box .item p {
	font-size: 16px;
	color: #333;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.contact1 .item_box .item:hover p {
	transform: translate(0, -15px);
}

.contact2 {
	background: #fff;
	padding-bottom: 38px;
}

.contact2 .text {
	float: left;
	padding-left: 65px;
	padding-top: 110px;
}

.contact2 .contact2_tit h2 {
	font-size: 24px;
	color: #000;
	position: relative;
}

.contact2 .contact2_tit em {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	font-family: 'Arial';
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact2 .contact2_tit h2::after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: #d6d6d6;
	position: absolute;
	left: 32%;
	bottom: 16%;
}

.contact2 .text .text_box {
	margin-top: 45px;
}

.contact2 .text .text_box p {
	font-size: 16px;
	color: #999999;
	line-height: 40px;
}

.contact2 .contact2_form {
	float: right;
	width: 562px;
	padding-right: 50px;
	padding-top: 84px;
	text-align: right;
}

.contact2 .contact2_form form .form1 input {
	width: 100%;
	height: 42px;
	background: #f4f6f8;
	color: #999;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 15px;
	margin-bottom: 15px;
}

.contact2 .contact2_form form textarea {
	width: 100%;
	height: 150px;
	background: #f4f6f8;
	color: #999;
	box-sizing: border-box;
	padding: 15px;
	font-size: 14px;
	font-family: '微软雅黑';
	margin-bottom: 15px;
}

.contact2 .contact2_form form .button input,
.contact2 .contact2_form form .button img {
	width: 134px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	background: #f4f6f8;
	text-align: center;
	margin-right: 6px;
}

.contact2 .contact2_form form .button input.verify {
	text-align: left;
	box-sizing: border-box;
	padding-left: 15px;
}

.contact2 .contact2_form form .button img {
	cursor: pointer;
	background: none;
}

.contact2 .contact2_form form .button input.submit {
	color: #fff;
	background: #414141;
	cursor: pointer;
	text-align: center;
}

.contact2 .contact2_form form .button input.submit:hover {
	background: #7a7979;
}



/*  case  */
.case_nav {
	border-bottom: 1px solid #e0e0e0;

}

.case_box {
	padding-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.case_box .item {
	float: left;
	margin-right: 32px;
	text-align: center;
	width: 410px;
	border: 1px solid #eee;
	margin-bottom: 45px;
}

.case_box .item:nth-child(3n) {
	margin-right: 0;
}

/* .case_box .item:nth-child(4){
	margin-bottom: 65px;
} */

.case_box .item .pic_box {
	width: 386px;
	height: 260px;
	overflow: hidden;
	margin: 12px auto 18px;
}

.case_box .item .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.case_box .item:hover .pic_box img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.case_box .item p {
	font-size: 16px;
	color: #666;
	height: 60px;
	line-height: 60px;
	background: #f9f9f9;
}

.case_box .item:hover p {
	background: #484848;
	color: #fff;
}


/*  news  */
.news_nav {
	border-bottom: 1px solid #e0e0e0;

}

.news_box {
	padding: 55px 0;
	text-align: center;
}

.news_box .item {
	width: 400px;
	height: 470px;
	border: 1px solid #bfbfbf;
	float: left;
	margin-right: 45px;
	margin-bottom: 40px;
	text-align: left;
}

.news_box .item:nth-child(3n) {
	margin-right: 0;
}



.news_box .item .pic_box {
	width: 360px;
	height: 232px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 25px;
}

.news_box .item .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.news_box .item:hover .pic_box img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news_box .item .text {
	width: 350px;
	margin: 0 auto;
}

.news_box .item .text h4 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 8px;
	margin-top: 40px;
}

.news_box .item .text span {
	font-size: 12px;
	color: #999999;
}

.news_box .item .text .text_box {
	margin-top: 25px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.news_box .item .text .text_box p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_box .item:hover .text h4,
.news_box .item:hover .text .text_box,
.news_box .item:hover .text span {
	color: #333;
}


/*  pro  */
.pro_nav {
	border-bottom: 1px solid #e0e0e0;
}

.pro_box {
	background: #f8f8f8;
	padding: 55px 0;
	text-align: center;
}

.pro_box .item {
	float: left;
	margin-right: 20px;
	text-align: center;
	padding-bottom: 22px;
	background: #fff;
	margin-bottom: 60px;
}

.pro_box .item:nth-child(3n) {
	margin-right: 0;
}

.pro_box .img {
	width: 420px;
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/* .pro_box .img_box {
	width: 420px;
	height: 270px;
} */

.pro_box .img img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pro_box .item:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro_box .item p {
	font-size: 16px;
	color: #666;
	padding: 30px 0 18px;
}

.pro_box .item span.detail {
	width: 130px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 50px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	border: 1px solid #f1f1f1;
	cursor: pointer;
}

.pro_box .item span.detail:hover {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.pro_box .pages a {
	background: #fff;
}

.pro_box .pages a.prev,
.pro_box .pages a.next {
	background: none;
}

.pro_box .pages a.prev:hover,
.pro_box .pages a.next:hover {
	background-color: #000;
}


/*  pro2  */
.pro2 {
	background: #f8f8f8;
	padding-bottom: 50px;
}

.pro2_box {
	padding: 42px 0;
}

.pro2_box .swiper-container {
	width: 650px;
	height: 500px;
}

.pro2_box .swiper-container .img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.pro2_box .swiper-container .img img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pro2_box .swiper-container .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro2_box .swiper-container .swiper-pagination {
	bottom: 15px;
}

.pro2_box .swiper-container .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background: #fff;
	opacity: 1;
}

.pro2_box .swiper-container .swiper-pagination-bullet-active {
	background: #000;
}

.pro2_box .text {
	height: 500px;
	width: 650px;
	box-sizing: border-box;
	padding: 60px 58px 65px;
	background: #fff;
}

.pro2_box .text h4 {
	font-size: 30px;
	color: #000;
}

.pro2_box .text h5 {
	font-size: 16px;
	color: #000;
}

.pro2_box .text p {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.pro2_box .text .text_box {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.pro2_box .text .fenlei {
	padding: 25px 0;
	border-bottom: 1px solid #dbdbdb;
}

.pro2_box .text .fenlei h5,
.pro2_box .text .fenlei p {
	display: inline-block;

}

.pro2_box .text .tedian {
	margin-bottom: 60px;
}

.pro2_box .text .tedian h5 {
	padding: 18px 0 22px;
}

.pro2_box .text .button a {
	font-size: 16px;
	color: #999;
	display: inline-block;
	padding-right: 24px;
	border-right: 1px solid #808080;
	margin-right: 28px;
}

.pro2_box .text .button a:hover {
	color: #444;
}

.pro2_box .text .button a:last-child {
	border: none;
}

.pro2_detail {
	background: #fff;
}

.pro2_detail h2 {
	font-size: 24px;
	color: #333;
	text-align: center;
	padding: 42px 0;
}

.pro2_detail em {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	display: block;
	margin-bottom: 8px;
}

.pro2_detail .text_box {
	font-size: 16px;
	line-height: 28px;
	padding: 30px;
}





/*  newsv  */
.newsv {
	padding-bottom: 60px;
}

.newsv_box {
	padding: 0 15px;
}

.newsv_box .htit {
	padding: 50px 0;
	text-align: center;
}

.newsv_box .htit h2 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding: 6px 0;
}

.newsv_box .htit p {
	font-size: 15px;
	color: #6f6f6f;
}

.newsv_box .text_box {
	font-size: 14px;
	color: #333;
	line-height: 26px;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 40px;

}

.newsv_box .next_group {
	line-height: 30px;
	padding: 25px 0;
	font-size: 15px;
	color: #444;
	text-align: center;
}

.newsv_box .next_group a {
	display: inline-block;
	margin-right: 40px;
}

.newsv_box .next_group a:hover {
	text-decoration: underline;
}


/*  video */
.video_box {
	padding-top: 140px;
	padding-bottom: 50px;
}

.video_box .item {
	float: left;
	margin-right: 50px;
	text-align: center;
	margin-bottom: 70px;
}

.video_box .item:nth-child(2n) {
	margin-right: 0;
}

.video_box .item .pic_box {
	width: 624px;
	height: 346px;
	overflow: hidden;
	position: relative;
}

.video_box .item .pic_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_box .item .pic_box .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	opacity: 0;
}

.video_box .item .pic_box .mask i {
	display: inline-block;
	width: 55px;
	height: 55px;
	background-image: url(../images/play.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.video_box .item .pic_box:hover .mask {
	opacity: 1;
}

.video_box .item p {
	font-size: 16px;
	color: #333;
	padding-top: 20px;
}

/* video2 */
.video2_box .video_tit {
	text-align: center;
}

.video2_box .video_tit h2 {
	font-size: 24px;
	color: #333;
	padding: 45px 0 20px;
}
.video2_box .video_tit p{
	height: 49px;
	line-height: 49px;
	width: 100%;
	background-color: #f8f8f8;
}
.video2_box .video_tit p i {
	width: 14px;
	height: 14px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 12px;
}

.video2_box .video_tit p i:nth-child(1) {
	background-image: url(../images/time.png);
}

.video2_box .video_tit p i:nth-child(3) {
	background-image: url(../images/read.png);
}

.video2_box .video_tit p span {
	font-size: 14px;
	color: #666;
	display: inline-block;
}

.video2_box .video_tit p span:nth-child(2) {
	padding-right: 22px;
}

.video2_box video {
	width: 1015px;
	height: 603px;
	margin: 0 auto;
	display: block;
	margin-top: 95px;
	margin-bottom: 110px;
	background-color: #000!important;
}

.video2_box .button{
	padding: 20px 0;
	background: #f8f8f8;
	margin-bottom: 100px;
}
.video2_box .button a{
	display: inline-block;
	font-size: 16px;
	color: #666;
}
.video2_box .button a:nth-child(1){
	float: left;
	margin-left: 80px;
}
.video2_box .button a:nth-child(2){
	float: right;
	margin-right: 80px;
}

























/*  pages  */
.pages {
	display: inline-block;
}


.pages a {
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	font-size: 15px;
	color: #666666;
	text-align: center;
	margin-right: 15px;
}

.pages a.prev i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-image: url(../images/left4.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 9px;
	display: inline-block;
	text-align: center;
}

.pages a.next i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-image: url(../images/right4.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 9px;
	display: inline-block;
	text-align: center;
}

.pages a:hover,
.pages a.on {
	color: #fff;
	background-color: #000;
}

.pro2_pages {
	padding: 30px 0;
}