/* banner */

.banner {

	width: 100%;

}



.banner img {

	width: 100%;

}



/* ABOUT */

.about {

	padding: 3% 0;

}



.tit {

	margin-bottom: 2%;

}



.tit h2 {

	text-align: center;

	font-size: 30px;

	font-weight: bold;

	margin-bottom:10px;

	letter-spacing: 2px;

}



.tit h3 {

	text-align: center;

	font-size: 18px;

	color: #3c3c3c;

}



.about p {

	font-size: 20px;

	line-height: 36px;

	text-indent: 40px;

}



.com-in-blo {

	margin-top: 6%;

}



.com-in-blo .blo-box {

	width: 20%;

	float: left

}



.blo-box {

	text-align: center;

}



.blo-box .dn1 {

	color: #0b0205

}



.com-in-blo .blo-box .dn1 span {

	font-size: 48px;

	color: #c30d23;

	font-weight: bold;

	margin-right: 10px;

}



.com-in-blo .blo-box .dn2 {

	color: #333;

	font-size: 16px;

	line-height: 30px;

}



.more {

	text-align: center;

	margin-top: 4%;

}



.more a {

	width: 170px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: 1px solid #c30d23;

	display: inline-block;

}



.more a:hover {

	color: #fff;

	background-color: #c30d23;

}



/* server */

.server ul li {

	

	width: 20%;

	float: left;

	position: relative;

	overflow: hidden;

}

.server ul li img{height: 800px;width:100%}

.server ul li div {

	text-align:center;

	width: 100%;

	transition: all .5s ease-out 0s;	

}

.server ul li div h2 {

	color: #333;

	font-weight: bold;

	font-size: 24px;

	margin-bottom: 10px;

	margin-top: 15px;

}



.server ul li div p {

	color: #333;

	font-size: 16px;

	line-height: 1.7;

}







/* case */

.case {

	margin-top: 3%;

}



.case li {

	width: 23%;

	float: left;

	margin-right: 2%;

	margin-bottom: 2%;

}



.case li:nth-of-type(4n) {

	margin-right: 0;

}



.case li a {

	display: block;

}



.case li div:nth-of-type(1) {

	height: 250px;

}



.case li div img {

	height: 100%;

	width: 100%;

	;

}



.case li div:nth-of-type(2) {

	border: 1px solid #333;

	height: 60px;

	line-height: 60px;

	padding-left: 30px;

}

.case li div:nth-of-type(2) p{display:inline-block}

.case li div:nth-of-type(2) span{margin-left:8px;margin-right:8px;color:#c30d23;}

/* cuotomer */

.customer {

	margin-top: 3%;

	margin-bottom: 4%

}



.customer .swiper-wrapper .swiper-slide {

	text-align: center;

	margin-bottom: 12px;

}


.swiper-div .swiper-container{width: 1350px;position: static;}
.customer .swiper-wrapper .swiper-slide img {

	width: 182px;

	height: 72px;

	border:1px solid #333;

	padding: 4px;
}

/* .customer .swiper-container{padding-left:165px;padding-right:165px} */
.swiper-div{position: relative;}
.customer .swiper-button-next, .swiper-button-prev{height:55px;width:55px;top: 45%;}

.customer .swiper-button-prev{background:url(../images/arr-left.png) no-repeat center/cover;left:0;opacity:1}

.customer .swiper-button-next{background:url(../images/arr-right.png) no-repeat center/cover;right:0;opacity:1}

/*footer*/

.section7 {

	background-color: #3b3b3b;

}



.section7 p {

	color: #fff;

	text-align: center;

	padding: 20px 0;

}







/*案例*/

.case_box {

	padding: 1% 0 3%;

	

}



.case_box .ntit,

.join .ntit,

.about_box .ntit {

	opacity: 1;

}



.case_nav li {

	display: inline-block;



}



.case_nav li a {

	display: inline-block;

	width: 150px;

	height: 50px;

	transition: all .2s;

	font-size: 18px;

	position: relative;

	padding-left: 30px;

}



.case_nav li a::after {

	position: absolute;

	content: "";

	width: 8px;

	height: 8px;

	border-radius: 50%;

	overflow: hidden;

	background: #333;

	left: 10px;

	top: 10px;

}



.case_nav li.cur a::after {

	background: #c30d23;

	;

}



.case_ul {

	margin-top: 20px;

}



.case_ul li {

	width: 24%;

	margin-bottom: 2%;

	float: left;

	margin-right: 1.3%;

}



.case_ul li:nth-of-type(4n) {

	margin-right: 0;

}



.case_ul li .caseImg {

	width: 100%;

	height: 253px;

	overflow: hidden;

}



.case_ul li img {

	transition: all .5s ease-out 0s;

	width: 100%;

	height: 100%;

}



.case_ul li:hover img {

	transform: scale(1.1, 1.1);

}



.case_ul li .caseP {

	width: 100%;

	height: 80px;

	padding: 10px;

	background: #eeeeee;



}



.case_ul li .caseP p {

	color: #333;

	width:50%;

	float:left;

}

.case_ul li .caseP span {

	color: #333;

	float:right;

}



.case_ul li .caseP h3 {

	margin-bottom: 7px;

	font-size: 20px;

	color: #c30d23;

}





/*分页*/

.page_desc {

	margin: 20px auto;

	text-align: center;

	font-size: 16px;

}



.page_desc li {

	display: inline-block;

	margin: 0 5px;

}



.page_desc li>span,

.page_desc li a {

	padding: 4px 10px;

	display: inline-block;

	border: 1px solid transparent;

	color: #555;

	background: #fff;

}



.page_desc li span.current,

.page_desc li a:hover {

	background: #c30d23;

	color: #fff;

	border: 1px solid #c30d23

}



footer {

	background-color: #191919;

	padding: 20px 0;

	text-align: center;

}



footer p {

	color: #999999;

}



.case_detail {

	text-align: center;

	margin-top: 3%;

}



.case_detail h3 {

	font-size: 24px;

	padding-bottom: 10px;

	border-bottom: 1px solid #f1f1f1;

	margin-bottom: 20px;

	font-weight: normal;

}



.case_detail img {

	display: block;

	margin: 0 auto;

	margin-bottom: 10px;

}



/*联系我们*/

.contact-tit {

	margin: 3% 0;

}



.contact-tit h2 {

	text-align: center;

	font-size: 30px;

	color: #3c3c3c;

	letter-spacing: 2px;

	margin-bottom:10px;

}



.contact-tit p {

	text-align: center;

	font-size: 18px;

	color: #c30d23;

}



.contact {

	background: url(../images/bg.jpg) no-repeat center/cover;

	height: 970px;

	text-align: center;

	padding-top: 4%;

}



.contact h2 {

	font-size: 48px;

	color: #3d3d3d;

}



.contact h3 {

	font-size: 30px;

	color: #c30d23;

	margin-bottom: 3%;

}



.contact h4 {

	font-size: 24px;

	color: #3d3d3d;

	position: relative;

	line-height: 40px;

}



.contact h4::after {

	content: "";

	position: absolute;

	width: 400px;

	height: 1px;

	background: #c30d23;

	bottom: 15px;

	left: 5%;

}



.contact h4::before {

	content: "";

	position: absolute;

	width: 400px;

	height: 1px;

	background: #c30d23;

	bottom: 15px;

	right: 5%;

}



.contact ul {

	width: 1200px;

	margin: 3% auto;

}



.contact ul li {

	width: 33.33%;

	float: left;

}



.contact ul li div {

	margin-bottom: 4%;

}



.contact ul li p {

	font-size: 18ox;

	color: #3c3c3c;

	line-height: 36px;

}



/*新闻*/

.news {

	margin-top: 2%;

}



.news1 {

	transition: all .2s;

}



.news1:hover {

	background: #f2f2f2;

}



.news1_box {

	transition: 430ms;

	-webkit-transition: 430ms;

	-o-transition: 430ms;

	-moz-transition: 430ms;

	padding: 20px 0;

}



.news1 .news_left {

	width: 25%;

	height: 240px;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

}



.news1 .news_left img {

	max-width: 100%;

	max-height: 100%;

}



.news1 .news_time {

	width: 20%;

	text-align: center;

	padding-top: 88px;

}



.news1 .news_time div {

	width: 95px;

	height: 85px;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 13px;

}



.news1 .news_time p {

	font-size: 24px;

}



.news1 .news_time h4 {

	font-size: 16px;

	color: #999;

	font-weight: normal;

	border-bottom: 1px solid #999;

	padding-bottom: 5px;

	margin-bottom: 5px;

}



.news1 .news_right {

	width: 55%;

	padding-top: 30px;

	padding-left: 30px;

}



.more2 {

	font-size: 16px;

	border: 1px solid #999;

	display: inline-block;

	padding: 6px 30px;

	margin-top: 40px;

	color: #999;

	transition: all .2s;

}



.news1:hover .news_right .more2 {

	background: #c30d23;

	;

	color: #fff;

	border: 1px solid #c30d23

}



.news_right h3 a {

	font-size: 24px;

	font-weight: normal;

	margin: 10px 0;

	display: inline-block;

	color: #333;

	transition: all .2s;

}



.news1:hover .news_right h3 a {

	color: #c30d23

}



.news_right p {

	font-size: 14px;

	line-height: 26px;

	height: 52px;

	overflow: hidden;

	color: #333;

}



.news_right p a {

	color: #333;

}



.news_detail {

	margin-top: 40px;

}



.news_detail h3 {

	font-size: 22px;

	line-height: 30px;

	padding: 25px 0 15px 0;

	border-bottom: 1px solid #e7e7e7;

	color: #000;

	overflow: hidden;

	text-align: center;

}



.news_detail h3 p {

	color: #e5e5e5;

	text-align: center;

	font-size: 14px;

	font-weight: normal;

}



.news_detail h3 .fu_title {

	color: #555555;

	font-size: 18px;

	text-align: center;

}



.news_detail .text {

	padding: 16px 0;

	overflow: hidden;

}



.news_detail .text p {

	font-size: 14px;

	line-height: 30px;

	color: #555;

	margin-bottom: 0;

}



.news_detail .text p img {

	max-width: 100%;

}



.jump {

	position: relative;

	margin: 3% 0;

}



.jump span {

	display: block;

	line-height: 32px;

	font-size: 14px;

}



.jump span a {

	color: #666;

}



/*加入*/

.join {

	padding: 1% 0 3%;

	border-top:1px solid #c30d23;

}



.join .case_nav li a {

	width: 200px;

}



.position-item {

	position: relative;

	padding: 30px 30px 30px 30px;









	font-size: 14px;

	color: #3c3c3c;

	line-height: 1;

	transition: all .4s;

}



.position-item:nth-of-type(even) {

	background: #eeeeee;

}



.position-item .position-name {

	font-size: 24px;

	color: #4b4b4b;

	max-width: 500px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: inline-block;

	font-weight: bold;



}



.position-item .position-name:hover {

	color: #e60012

}



.position-item .position-title {

	width: 50%;

	float: left;

}



.position-item .position-title h2,

.position-item .item-category H2 {

	font-size: 18px;

	color: #c30d23;

	margin-bottom: 30px;

}



.position-item .position-title h2 {

	margin-bottom: 60px;

}



.position-item .item-category {

	height:150px;

	width: 50%;

	float: left;

	overflow: hidden;

}

.position-item .item-category.on {

	height:auto;}

.position-item .item-category h3 {

	font-size: 20px;

}



.position-item .item-category p {

	font-size: 16px;

	line-height: 30px

}



.position-item .item-detail {

	padding-left: 50%;

	height: 55px;

	line-height: 55px;

	font-size: 14px;

	color: #4b4b4b;

	cursor: pointer;

}



.position-item .position-title .title-name {

	font-size: 24px;

	color: #3c3c3c;;

}







.detail {

	margin-bottom: 20px;

	display: none;

	padding-left: 50%;

}



.detail h3 {

	color: #3c3c3c;

	font-size: 20px;

	line-height: normal;

	margin-bottom: 5px

}



.detail p {

	color: #3c3c3c;

	font-size: 16px;

	line-height: 30px

}



.about_box {

	padding: 1% 0 3%;



}



.about_box img {

	display: inline-block;

	margin: 15px 0;

}



.aboutPart {

	margin-top: 3%;

}



.aboutPart img {

	width: 100%;

}



@media (max-width: 1600px) {}



@media (max-width: 1440px) {

	.about p {

		font-size: 16px;

		line-height: 30px;

	}

	.server ul li img {

    height: 520px;

   }

	.customer .swiper-container {

    padding-left: 65px;

    padding-right: 65px;

}

	.server ul li div h2{font-size: 24px;}

	.server ul li div p{font-size: 16px;}



	.contact-tit h2 {

		font-size: 32px;

	}



	.contact-tit p {

		font-size: 20px;

	}



	.contact {

		height: 750px;

	}



	.contact h2 {

		font-size: 38px;

	}



	.contact h3 {

		font-size: 24px;

	}



	.contact h4 {

		font-size: 18px;

	}



	.contact h4::after {

		bottom: 58px;

	}



	.contact h4::before {

		bottom: 58px;

	}



	.case_nav li a {

		font-size: 18px;

	}



	.case_nav li a::after {

		top: 7px

	}



	.position-item .position-title h2,

	.position-item .item-category H2 {

		font-size: 18px;

	}



	.position-item .position-title .title-name {

		font-size: 24px;

	}



	.tit h2 {

		font-size: 32px;

	}



	.tit h3 {

		font-size: 16px;

	}

}



@media (max-width: 1366px) {}



@media (max-width: 1280px) {}