* {
	margin: 0px;
	padding: 0px;
	font: 14px / 24px "Microsoft Yahei", Arial, "arial sans-serif";
}

body,
html {
	font: 14px / 24px "Microsoft Yahei", Arial, "arial sans-serif";
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: rgb(51, 51, 51);
	font-weight: normal;
	outline: none;
}


img {
	max-width: 100%;
	display: flex;
	align-items: flex-start;
}



a,
div,
p,
li,
ul,
span {
	outline: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	font-size: inherit;
	color: inherit;
}

a:hover {
	outline: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
}

strong {
	font-weight: bold;
	font-size: inherit;
	color: inherit;
}

i {
	font-style: italic;
}

#body {
	visibility: hidden;
}

/* head */
.head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 110px;
	margin: 0 auto;
}

.headLeft {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 110px;
}

.logo {
	width: 444px;
	height: 110px;
}

.headRight {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 40px;
}

.headRightTop {
	font-size: 16px;
	color: #C8C8C8;
}

.headRightBottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-top: 20px;
	font-size: 16px;
	color: #333333;
}

.headRightBottom span {
	font-size: inherit;
	color: inherit;
	font-weight: bold;
	margin-left: 7px;
	margin-right: 14px;
}

.headRightBottom a {
	font-size: inherit;
	color: #E60000;
	font-weight: bold;
}


/* head */

/* nav */
.navBox {
	width: 100%;
	z-index: 2;
	top: 0px;
	left: 0px;
}

.subNav {
	margin: 0 auto;
}

@media screen and (min-width:1025px) {

	.navBox,
	.subNavBox {
		display: block !important;
	}
}

.nav {
	width: 100%;
	height: 66px;
	background-image: url(../img/menubg.png);
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 999;
}

.nav ul {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.nav ul li {
	text-align: center;
	position: relative;
	z-index: 0;
	height: 66px;
	padding: 0px 62px;
	display: flex;
	align-items: center;
}

.nav_link {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transform: skew(45deg);
	transform: skew(45deg);
	z-index: 0;
}

.nav_link.active {
	background-color: rgba(14, 75, 166, .28);
}

.nav_link:hover {
	background-color: rgba(14, 75, 166, .28);
	transition: all ease-in-out 250ms;
}

.nav_span {
	display: none;
	font-size: 15px;
	color: #FFFFFF;
}

.nav_font {
	color: #fff;
	font-size: 15px;
	z-index: 1;
	pointer-events: none;
	position: relative;
	display: flex;
	align-items: center;
}

.nav_font img {
	margin-left: 6px;
}

.nav_ul {
	position: absolute;
	display: none;
	flex-direction: column;
	top: 66px;
	background: #ededed;
	width: 100%;
	left: 31px;
	padding: 10px;
	box-sizing: border-box;
	z-index: 2;
}

.nav_ul a {
	padding: 10px 0px;
	border-bottom: 1px solid #FFFFFF;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #585555;
}

.nav_ul a:hover {
	color: #ff0000;
}

.nav_ul a:last-child {
	border-bottom: none;
}

.nav ul li:hover .nav_ul {
	display: flex;
}

.nav ul li:hover .nav_link {
	background-color: rgba(14, 75, 166, .28);
	transition: all ease-in-out 250ms;
}


/* nav */



/* banner */



.bannerImg {
	width: 100%;
	height: 100%;
}

.bannerBox .swiper-container {
	height: 560px;
}

/* banner */
/* news */
.news {
	min-height: 122px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.newsHead {
	font-size: 30px;
	font-weight: bold;
	color: #343434;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.newsSubHead {
	font-size: 18px;
	font-weight: bold;
	color: #343434;
	text-align: center;
	margin-top: 12px;
}

.newsList {
	max-width: 1350px;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.newsList li {
	width: 33.3%;
	display: flex;
	justify-content: flex-start;
}

.newsList li:nth-child(3n+2) {
	justify-content: center;
}

.newsList li:nth-child(3n+3) {
	justify-content: flex-end;
}


.newsList li a {
	width: 415px;
	display: flex;
	flex-direction: column;
}

.newsListImg {
	width: 100%;
	height: 270px;
	position: relative;

}


.newsListImgDivFont {
	width: 96px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #4c4d4f;
	position: absolute;
	bottom: 10px;
	right: -10px;
}

.newsListImgDiv {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
	display: flex;
}

.newsListImg img {
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0s;
}

.newsListHead {
	font-size: 20px;
	font-weight: bold;
	color: #343434;
	margin-top: 30px;
	margin-bottom: 15px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsListTime {
	font-size: 14px;
	color: #4C4D4F;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	line-height: 17px;
}

.newsListTime img {
	margin-right: 10px;
}

.newsListPro {
	font-size: 15px;
	color: #343434;
	line-height: 22px;
	opacity: 0.76;
	margin-bottom: 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.newsList li:hover .newsListHead {
	color: #2a7fc7;
}

.newsList li:hover .newsListImg img {
	transform: scale(1.1);
}


/* news */
/* server */
.serverBox {
	background-color: #4c4d4f;
}

.server {
	min-height: 122px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #4c4d4f;
}

.serverHead {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.serverSubHead {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 12px;
}

.serverUl {
	width: 1401px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
}

.serverUlLI {
	width: 33.33%;
	height: 292px;
	position: relative;
}

.serverUlImg {
	width: 100%;
	height: 100%;
}

.serverUlLIFont {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.serverUlLIFontDiv {
	width: 100%;
	height: 100%;
	position: relative;
}

.serverUlLIFontDivA {
	min-width: 206px;
	height: 34px;
	border: 1px solid #F9F9F9;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	bottom: 36px;
	left: 50%;
	box-sizing: border-box;
	transform: translate(-50%, 0);
}

.serverUlLIFontDivUl {
	position: absolute;
	bottom: -100%;
	margin-left: 15px;
	margin-right: 15px;
	flex: 1;
	width: calc(100% - 30px);

}

.serverUlLIFontDivUl li a {
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	line-height: 30px;
}

.serverUlLIFontDivUl li a:hover {
	background-color: rgba(255, 255, 255, .3);
}

.serverUlLI:hover .serverUlLIFont {
	background-color: rgba(223, 0, 0, .7);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:nth-child(2):hover .serverUlLIFont {
	background-color: rgba(84, 85, 86, .8);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:nth-child(3):hover .serverUlLIFont {
	background-color: rgba(217, 187, 146, .7);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:nth-child(4):hover .serverUlLIFont {
	background-color: rgba(126, 126, 86, .8);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:nth-child(5):hover .serverUlLIFont {
	background-color: rgba(138, 23, 26, .7);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:nth-child(6):hover .serverUlLIFont {
	background-color: rgba(0, 67, 174, .7);
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.serverUlLI:hover .serverUlLIFontDivUl {
	bottom: 90px;
	-webkit-transition: bottom ease-in-out 350ms;
	ransition: bottom ease-in-out 350ms;
}

/* server */

/* project */
.projectBox {
	width: 100%;
	background-color: #a7a9ac;
	padding-bottom: 20px;
}

.projectBoxHead {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #343434;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 22px;
}

.projectBoxUl {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: 1401px;
	margin: 0 auto;
}

.projectBoxUl li {
	width: 20%;
	height: 184px;
}

.projectBoxUl li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-right: 1px solid #b5b6b6;
	box-sizing: border-box;
	-moz-transition: background-color ease-in-out 250ms;
	-webkit-transition: background-color ease-in-out 250ms;
	transition: background-color ease-in-out 250ms;
}

.projectBoxUl li a:hover {
	background-color: #ffe401;
}

.projectBoxUl li a:hover p {
	color: #4C4D4F;
}

.projectBoxUl li:last-child a {
	border-right: none;
}

.projectBoxUl li a img {
	height: 58px;
}

.projectBoxUl li a div {
	font-size: 16px;
	font-weight: bold;
	color: #4C4D4F;
	margin-top: 24px;
	margin-bottom: 14px;
}

.projectBoxUl li a p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}

/* project */

/* produce */
.produce {
	width: 1401px;
	margin: 0 auto;
}

.produceDiv {
	float: right;
	display: flex;
	flex-direction: column;
}

.produceDiv:nth-child(1) {
	float: left;
}

.produceDiv:nth-child(2) {
	margin-bottom: 18px;
}

.produceDiv:nth-child(3) {
	margin-bottom: 0px;
}

.produceDiv:nth-child(1) img {
	width: 932px;
	height: 475px;
}

.produceDiv:nth-child(2) img {
	width: 437px;
	height: 232px;
}

.produceDiv:nth-child(3) img {
	width: 437px;
	height: 225px;
}

.produceDiv:nth-child(1) .produceDivFont {
	width: 932px;
}

.produceDiv:nth-child(2) .produceDivFont {
	width: 437px;
}

.produceDiv:nth-child(3) .produceDivFont {
	width: 437px;
}

.produceDivFont {
	width: 100%;
	height: 90px;
	background-color: #a7a9ac;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.produceDivFontP {
	font-size: 16px;
	font-weight: bold;
	color: #4C4D4F;
	line-height: 22px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.produceDivFontDiv {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 15px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0px 10px;
	box-sizing: border-box;
	text-align: center;
}

.produceBox {
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* produce */
/*footer start*/
.footer {
	background-image: url(../img/footer_bg.jpg);
	background-size: cover;
	background-position: top center;
}

.footer-top {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1401px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(234, 239, 235, .1);
	margin: 0 auto;
}

.footer-top-img {
	width: 381px;
}

.footer-top-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding-top: 38px;
	padding-bottom: 38px;
}

.footer-top-right-p {
	font-size: 14px;
	color: #9F9F9D;
}

.footer-top-right-a {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.footer-center {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1401px;
	margin: 0 auto;
}

.footer-center-left {
	display: flex;
	flex-direction: row;
	padding-top: 36px;
}

.footer-center-left-li {
	margin-right: 50px;
}

.footer-center-left-head {
	font-size: 16px;
	color: #DEDEDE;
	margin-bottom: 10px;
}

.footer-center-left-ul {
	display: flex;
	flex-direction: column;
}

.footer-center-left-ul li {
	line-height: 30px;
}

.footer-center-left-ul li a {
	font-size: 14px;
	color: #BDBDBD;
	line-height: 30px;
}

.footer-center-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 26px;
	color: #BDBDBD;
}

.footer-center-right li {
	font-size: 14px;
	line-height: 30px;
}

.footer-bottom {
	font-size: 12px;
	color: #BCBCBC;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 92px;
	margin: 0 auto;
}

.footer-center-left-ul li a:hover {
	color: #2a7fc7;
}

.footer-center-left-li-div {
	display: flex;
	flex-direction: column;
}



/*footer end*/
#navToogleCKB,
#navToogleCKB2 {
	display: none;
}

.bd-navLinks-btn,
.subNavBtn {
	width: 50px;
	height: 50px;
	position: relative;
	display: none;
}

.isicon {
	position: absolute;
	background-color: #000;
	height: 2px;
	top: 50%;
	left: 50%;
	width: 28px;
	margin-left: -14px;
	-webkit-transition: all 250ms linear;
	transition: all 250ms linear;
}

.isicon:before,
.isicon:after {
	display: block;
	position: absolute;
	content: ' ';
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-transition: all 250ms linear;
	transition: all 250ms linear;
}

.isicon:before {
	bottom: -10px;
}

.isicon:after {
	top: -10px;
}

#navToogleCKB:checked+.head .isicon {
	background-color: transparent;
}

#navToogleCKB:checked+.head .isicon:after,
#navToogleCKB:checked+.head .isicon:before {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

#navToogleCKB:checked+.head .isicon:before {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	bottom: 0px;
}

#navToogleCKB:checked+.head .isicon:after {
	top: 0px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

#navToogleCKB2:checked+.contactBox .isicon {
	background-color: transparent;
}

#navToogleCKB2:checked+.contactBox .isicon:after,
#navToogleCKB2:checked+.contactBox .isicon:before {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

#navToogleCKB2:checked+.contactBox .isicon:before {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	bottom: 0px;
}

#navToogleCKB2:checked+.contactBox .isicon:after {
	top: 0px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.Pagination {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Pagination ul {
	list-style: none;
}


.Pagination ul li {
	float: left;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	text-align: center;
	line-height: 22px;
	width: 22px;
	height: 22px;
	font-size: 12px;
	margin: 0px 5px;
	cursor: pointer;
	color: rgb(139, 139, 139);
	box-sizing: border-box;
}

.Pagination ul li:hover {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
}

.Pagination .total_num {
	margin: 0px 5px;
	font-size: 14px;
}

.Pagination .total_page {
	font-size: 14px;
}

.Pagination .total_num i {
	font-style: normal;
}

.Pagination .list_box {
	overflow: hidden;
	position: relative;
	height: 32px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.Pagination .list_box ul {
	position: absolute;
	top: 5px;
}

.Pagination .prepage {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 12px;
	margin: 0px 5px;
	cursor: pointer;
	color: rgb(139, 139, 139);
	box-sizing: border-box;
}

.Pagination .prepage:hover {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
}

.Pagination .nextpage {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 12px;
	margin: 0px 5px;
	cursor: pointer;
	color: rgb(139, 139, 139);
	box-sizing: border-box;
}

.Pagination .nextpage:hover {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
}

.Pagination .first_page {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 12px;
	margin: 0px 5px;
	cursor: pointer;
	color: rgb(139, 139, 139);
	box-sizing: border-box;
}

.Pagination .first_page:hover {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
}

.Pagination .last_page {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 12px;
	margin: 0px 5px;
	cursor: pointer;
	color: rgb(139, 139, 139);
	box-sizing: border-box;
}

.Pagination .last_page:hover {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
}

.Pagination .redir {
	background-color: rgb(88, 172, 244);
	color: rgb(255, 255, 255);
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 14px;
	cursor: pointer;
}

.Pagination .redir:hover {
	opacity: 0.8;
}

.Pagination input {
	width: 50px;
	height: 25px;
	border-radius: 5px;
	border: 1px solid rgb(204, 204, 204);
	outline: none;
	text-indent: 5px;
	margin: 0px 5px;
}

.Pagination .short {
	background-color: rgb(255, 255, 255);
	cursor: default;
}

.Pagination .short:hover {
	background-color: rgb(255, 255, 255);
	color: rgb(139, 139, 139);
}

.Pagination_active {
	background-color: rgb(88, 172, 244) !important;
	color: rgb(255, 255, 255) !important;
	border: 1px solid rgb(88, 172, 244) !important;
}

#ele {
	padding-bottom: 60px;
	padding-top: 30px;
}

.newsHeadFont {
	max-width: 1350px;
	padding-top: 40px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.newsHeadFontTitle {
	font-size: 28px;
	font-weight: bold;
	color: #010101;
	text-align: center;
	margin-bottom: 40px;
}

.newsHeadFontSubTitle {
	font-size: 14px;
	color: #7C7C7C;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
}

#CompanyProfile {
	padding-top: 106px;
	margin-top: -106px;
}

.newsHeadFontSubTitle a {
	font-size: inherit;
	color: inherit;
}

.newsHeadFontSubTitle a:hover {
	color: #e60000;
}

.newsHeadFontSubTitle span {
	font-size: inherit;
	color: #010101;
	font-weight: bold;
}

.navTabs {
	max-width: 1350px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	border-bottom: 1px solid #e0e0e0;
	margin: 0 auto;
	position: relative;
	height: 50px;
}

.navTabsUl {
	display: flex;
	flex-direction: row;

}

.navTabsUl li {
	color: #7C7C7C;
	font-size: 14px;
}

.navTabsUl li a {
	font-size: inherit;
	color: inherit;
	margin-left: 32px;
	margin-right: 32px;
}

.navTabsUl li a:hover {
	color: #e60000;
}

.navTabsTime {
	height: 50px;
	float: left;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 50px;
	background-color: #e60000;
	color: #fff;
	display: flex;
	align-items: center;
}

.navTabsTime img {
	margin-right: 6px;
}

.navTabsTime::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 0 50px;
	border-top-color: transparent;
	border-left-color: #e60000;
	border-right-width: 0px;
	border-bottom-width: 0px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: -50px;
}

.contentSection {}

.contentBox {
	font-size: 16px;
	color: #787878;
	line-height: 26px;
	max-width: 1350px;
	margin: 0 auto;
}

.container .contentBox {
	padding-bottom: 30px;
}

.contentBox h3 {
	font-size: 30px;
	line-height: 45px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 30px;
}

.contentBox img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
}

.contentBox p,
.contentBox span,
.contentBox a,
.contentBox li,
.contentBox div {
	font-size: inherit;
	color: inherit;
	margin-bottom: 30px;
	line-height: inherit;

}

.bannerFont {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0px;
	left: 50%;
	/* max-width: 1350px; */
	transform: translate(-50%, 0px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 40px;
}

.bannerFont div {
	font-size: 40px;
	font-weight: bold;
	color: #D1D1D1;
	width: 280px;
	line-height: 55px;
}

.bannerFont p {
	font-size: 16px;
	color: #D1D1D1;
	line-height: 55px;
}

.contactBox h3 {
	font-size: 30px;
	line-height: 45px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding-bottom: 30px;
	position: relative;
}

.contactBoxSubtitle {
	font-size: 15px;
	line-height: 15px;
	color: #7A7878;
	text-align: center;
	padding-bottom: 70px;
}

.contactBoxForm {
	width: 872px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.form-row {
	display: block;
	margin-bottom: 35px;
	position: relative;
	width: 345px;
}

.form-row:last-child {
	width: 100%;
	height: 200px;
}

.form-row:last-child textarea {
	height: 100%;
}

.note {
	font-size: 14px;
	color: #E8002B;
	text-align: center;
	padding-bottom: 30px;

}

.sendBtn {
	width: 130px;
	height: 55px;
	background: #E8002B;
	font-size: 14px;
	font-weight: bold;
	color: #FEFEFE;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 80px;
	cursor: pointer;
}

.kopron-icon-help {
	max-height: 52px;
	margin-bottom: 10px;
}

.helpBox {
	width: 100%;
	height: 166px;
	background-color: #f2f1f1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.helpBoxDiv {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	margin-bottom: 20px;
}

.helpBoxP {
	font-size: 16px;
	color: #000000;
}

.form-control {
	height: 55px;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	border: 1px solid #D2D2D2;
	border-radius: 0px;
	box-sizing: border-box;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	outline: none;
}

.form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(76 77 79 / 60%);
	box-shadow: inset 0px 0px 6px rgb(0 0 0 / 8%), 0px 0px 6px rgb(76 77 79 / 8%);
}

.placeholder-text {
	pointer-events: none;
	position: absolute;
	height: 55px;
	line-height: 54px;
	left: 20px;
	top: 0;
	text-transform: uppercase;
	overflow: hidden;
	color: #636262;
}

input[required]+.placeholder-text:after {
	color: #e60000;
}

input[required]+.placeholder-text:after {
	content: '*';
	display: inline-block;
	margin-left: 3px;
}

::-webkit-input-placeholder {
	color: #787878 !important;
	opacity: 1;
	transition: opacity 0.3s ease
}

:-moz-placeholder {
	color: #787878 !important;
	opacity: 1;
	transition: opacity 0.3s ease
}

::-moz-placeholder {
	color: #787878 !important;
	opacity: 1;
	transition: opacity 0.3s ease
}

:-ms-input-placeholder {
	color: #787878 !important;
	opacity: 1;
	transition: opacity 0.3s ease
}

:placeholder-shown {
	color: #787878 !important;
	opacity: 1;
	transition: opacity 0.3s ease
}

input:required::-webkit-input-placeholder:after {
	color: #e60000 !important;
	content: " *";
	display: block
}

input:required:-moz-placeholder:after {
	color: #e60000 !important;
	content: " *";
	display: block
}

input:required::-moz-placeholder:after {
	color: #e60000 !important;
	content: " *";
	display: block
}

input:required:-ms-input-placeholder:after {
	color: #e60000 !important;
	content: " *";
	display: block
}

input:required:placeholder-shown:after {
	color: #e60000 !important;
	content: " *";
	display: block
}


.placeholder-text {
	pointer-events: none;
	position: absolute;
	height: 55px;
	line-height: 54px;
	left: 20px;
	top: 0;
	text-transform: uppercase;
	overflow: hidden
}

.help-me .placeholder-text {
	height: 43px;
	line-height: 42px
}

input[required]+.placeholder-text:after {
	content: '*';
	display: inline-block;
	margin-left: 3px
}

input[required]+.placeholder-text {
	display: block
}

input[required]:valid+.placeholder-text {
	display: none
}

.subNavBox {
	padding-bottom: 60px;
}

.subNav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 52px;
	align-items: center;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	max-width: 1350px;
}

.subNav li a {
	font-size: 14px;
	font-weight: bold;
	color: #777575;
	margin-left: 60px;
	margin-right: 60px;
}

.subNav li a.active,
.subNav li a:hover {
	color: #FF0000;
}

.aboutContent {
	display: flex;
	flex-direction: row;
	max-width: 1350px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.aboutContentL,
.aboutContentR {
	width: 50%;
}

.aboutContentL {
	padding-right: 40px;
	box-sizing: border-box;
	border-right: 1px solid #e0e0e0;
	font-size: 15px;
	color: #747474;
}

.aboutContentR {
	font-size: 15px;
	color: #747474;
}

.aboutContentL div,
.aboutContentL strong,
.aboutContentL p,
.aboutContentR div,
.aboutContentR strong,
.aboutContentR p {
	margin-bottom: 30px;
	line-height: inherit;
	text-align: justify;
}

.aboutContentL img,
.aboutContentR img {
	margin-bottom: 30px;
}

.aboutContentR {
	padding-left: 40px;
	box-sizing: border-box;
}

.contactSection,
.contactSectionWork {
	display: flex;
	flex-direction: column;
}

.aboutContentLBox {
	background-color: #f3f3f3;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.aboutContentLBox p {
	margin-bottom: 15px;
	/* display: flex; */
	/* align-items: flex-start; */
}

.aboutContentLBox span {
	margin-right: 6px;
}

.exampleSection {
	background-color: #f2f1f1;
}

.exampleSectionUl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1401px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.list {
	overflow: hidden;
}

.watchMore {
	margin-top: -30px;
	font-size: 18px;
	color: #545454;
	cursor: pointer;
}

.exampleSectionUl li {
	width: 25%;
	height: 200px;
	overflow: hidden;
}

.exampleSectionUl li a {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.exampleSectionUl li a img {
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0s;
}

.exampleSectionUl li:hover img {
	transform: scale(1.1);
}

.watchMore {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 96px;
}

.watchMore span {
	font-size: 18px;
	color: #545454;
}

.watchMore img {
	width: 18px;
	margin-top: 15px;
}

.subNavBtn {
	display: none;
	height: 1.288rem;
	top: .4rem;
	position: absolute;
	right: .6rem;
}

.productionUl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-top: 1px solid #e0e0e0;
	max-width: 1350px;
	padding-top: 40px;
	margin: 0 auto;
}

.productionUl li {
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.productionUlImg {
	width: 194px;
	height: 136px;
	border: 1px solid #d8d8d8;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.productionUlImg img {
	max-height: 100%;
	max-width: 100%;
}

.productionUlFont {
	font-size: 15px;
	color: #747474;
	margin-top: 18px;
	margin-bottom: 60px;
}

.designUl {
	display: flex;
	flex-direction: row;
	max-width: 1350px;
	padding-bottom: 60px;
	margin: 0 auto;
}

.designUl li {
	width: 20%;
	height: 168px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #d8d8d8;
}

.designUl li:last-child {
	border-right: none;
}

.designUl li img {
	height: 58px;
	margin-bottom: 26px;
}

.designUl li span {
	font-size: 16px;
	color: #747474;
	text-align: center;
}

.designFont {
	font-size: 15px;
	color: #747474;
	text-align: center;
}

.bz {
	margin-right: 6px;
}

.whyHdsUl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 30px;
	max-width: 1350px;
	margin: 0 auto;
}

.whyHdsUl li {
	width: 25%;
	height: 198px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #d8d8d8;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.whyHdsUl li:nth-child(4n+4) {
	border-right: none;
}

.whyHdsUlImg {
	height: 38px;
	margin-bottom: 28px;
}

.whyHdsUlDiv {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

.whyHdsUlP {
	font-size: 15px;
	color: #747474;
	text-align: center;
	padding: 0px 10px;
}

.ourModalUl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1401px;
	margin: 0 auto;
}

.ourModalUl li {
	width: 20%;
}

.ourModalUl li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.ourModalUlDiv img {
	opacity: 0;
}

.ourModalUl li a:hover .ourModalUlDiv {
	/* display: flex; */
	background-color: rgba(223, 0, 0, .7);
	-ms-transition: background-color ease-in-out 350ms;
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.ourModalUl li a:hover .ourModalUlDiv img {
	opacity: 1;
	-ms-transition: opacity ease-in-out 350ms;
	-webkit-transition: opacity ease-in-out 350ms;
	transition: opacity ease-in-out 350ms;
}

.ourModalUlTop {
	width: 230px;
	height: 225px;
	position: relative;

}

.ourModalUlDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	display: flex;
	-ms-transition: background-color ease-in-out 350ms;
	-webkit-transition: background-color ease-in-out 350ms;
	transition: background-color ease-in-out 350ms;
}

.ourModalImg {
	width: 100%;
	height: 100%;
}

.ourModalUlBottom {
	font-size: 15px;
	font-weight: bold;
	color: #080808;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.redFont {
	font-size: 16px;
	font-weight: bold;
	color: #DC0030;
	text-align: center;
	padding-bottom: 30px;
}

.productionAdvatageUl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1350px;
	margin: 0 auto;
	border-top: 1px solid #e0e0e0;
	padding-top: 30px;
}

.productionAdvatageUl li {
	width: 25%;
	border-right: 1px solid #d8d8d8;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	margin-bottom: 30px;
	padding: 0px 10px;
	/* padding-bottom: 30px; */
	padding-bottom: 20px;
	box-sizing: border-box;

}

.productionAdvatageUl li:nth-child(4n+4) {
	border-right: none;
}

.productionAdvatageUlDiv {
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #2F2F2F;
}

.productionAdvatageUlP {
	font-size: 15px;
	color: #747474;
	text-align: center;
	padding: 0px 10px;
	/* height: 48px; */
}

/* .productionAdvatageUl li img{
	height: 150px;
} */

.productionAdvatageUlSpan {
	font-size: 15px;
	color: #747474;
	margin-bottom: 30px;
}

.productionAdvatageUlArea {
	width: 230px;
	height: 179px;
}

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .8);
	z-index: 999;
	display: none;
}

.modalContent {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 45px 50px;
	color: #FFFFFF;
	font-size: 16px;
	position: relative;
}

.closeBtn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 30px;
	cursor: pointer;
	color: rgba(255, 255, 255, .8);
}

@media screen and (max-width:1439px) {
	.productionAdvatageUlArea {
		width: 3.18rem;
		height: 2.48rem;
	}

	.ourModalUlTop {
		width: 3.34rem;
		height: 3.1rem;
	}

	.productionUl,
	.designUl,
	.productionAdvatageUl,
	.whyHdsUl {
		margin-left: .34rem;
		margin-right: .34rem;
	}

	.ourModalUl {
		margin-left: 8px;
		margin-right: 8px;
	}

	.productionUlImg {
		width: 2.7rem;
		height: 1.95rem;
	}

	.subNav li a {
		margin-left: .6rem;
		margin-right: .6rem;
	}

	.exampleSectionUl li {
		height: 2.75rem;
	}


	.subNav,
	.aboutContent {
		margin-left: .34rem;
		margin-right: .34rem;
	}

	.newsHeadFontSubTitle,
	.navTabs,
	.contentBox,
	.bannerFont {
		margin-left: .34rem;
		margin-right: .34rem;
	}

	.bannerBox .swiper-container {
		height: 7.69rem;
	}

	.nav ul li {
		padding: .42rem .6rem;
		height: inherit;
		box-sizing: border-box;
	}

	.newsList li {
		/* width: 5.7rem; */
		/* width: 5.6rem; */
		width: calc(33.33% - 0.68rem);
		margin-left: .34rem;
		margin-right: .34rem;
	}

	.newsList li a {
		width: 100%;
	}

	.newsListImg {
		height: 3.7rem;
	}



	.newsListHead {
		margin-top: .42rem;
		margin-bottom: .21rem;
	}

	.newsListTime {
		margin-bottom: .21rem;
	}

	.newsListPro {
		margin-bottom: .42rem;
	}

	.serverUlLI {
		height: 4.02rem;
	}

	.newsList,
	.serverUl {
		width: 100%;
	}

	.produceDiv:nth-child(1) img {
		width: 12.38rem;
		height: 6.52rem;
	}


	.produceDiv:nth-child(2) img {
		width: 6rem;
		height: 3.19rem;
	}


	.produceDiv:nth-child(3) img {
		width: 6rem;
		height: 3.1rem;
	}

	.produceDiv:nth-child(2) {
		margin-bottom: 0.23rem;
		margin-right: .2rem;
	}

	.produceDiv:nth-child(3) {
		margin-right: .2rem;
	}

	.produceDiv:nth-child(1) {
		margin-left: .2rem;
	}

	.produceDiv:nth-child(1) .produceDivFont {
		width: 12.38rem;
	}

	.produceDiv:nth-child(2) .produceDivFont {
		width: 6rem;
	}

	.produceDiv:nth-child(3) .produceDivFont {
		width: 6rem;
	}

	.footer {
		padding-left: .34rem;
		padding-right: .34rem;
	}

	#ele {
		padding-bottom: 1.05rem;
		padding-top: .42rem;
	}

}

/* head footer 移动端 */
@media screen and (max-width:1024px) {

	.contactBoxForm {
		flex-direction: column;
		width: calc(100% - 1.2rem);
	}

	.subNav {
		flex-direction: column;
		height: auto;
		margin-left: .6rem;
		margin-right: .6rem;
		padding-left: 0px;
		padding-right: 0px;
	}

	.subNav li {
		padding-top: .42rem;
		padding-bottom: .42rem;
		border-bottom: 1px solid #e0e0e0;
		width: 100%;
	}

	.subNav li a {
		margin-left: .6rem;
		margin-right: .6rem;
		font-size: .72rem;
	}

	.subNav li:last-child {
		border-bottom: none;
	}

	.subNavBtn {
		top: 0px;
		height: 45px;
	}

	.subNavBox {
		display: none;
	}

	.form-row {
		width: 100%;
	}

	.newsHeadFont {
		padding-top: 100px;
	}

	.container .newsHeadFont {
		padding-top: 40px;
	}

	.bd-navLinks-btn,
	.subNavBtn {
		display: block;
	}

	.headRight {
		display: none;
	}

	.headLeft,
	.head {
		height: auto;
	}

	.logo {
		width: auto;
		height: 60px;
	}

	.nav {
		width: 100%;
		height: auto;
		background-image: none;
		display: flex;
		justify-content: center;
		position: relative;
		flex-direction: column;
	}

	.nav ul {
		flex-direction: column;
	}

	.nav ul li:hover .nav_link {
		background-color: transparent;
	}

	.nav_link.active {
		background-color: transparent;
	}

	.nav ul li {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 5px .6rem;
	}

	.nav_ul {
		position: static;
		padding: 0px .6rem;
		background: transparent;
	}

	.nav_ul a {
		padding: 5px 0px;
		border-bottom: none;
		color: #fff;
	}

	.navBox {
		width: 100%;
		height: auto;
		position: fixed !important;
		z-index: 999;
		background: #a7a9ac;
		top: 60px;
		left: 0px;
		display: none;
		padding: 10px 0px;
		max-height: calc(100vh - 80px);
		overflow-y: auto;
		overflow-x: hidden;
	}

	.serverUlLI:hover .serverUlLIFontDivUl {
		display: none;
	}

	.headBox {
		position: fixed;
		top: 0px;
		left: 0px;
		background: #fff;
		z-index: 2;
		width: 100%;
	}

	.bannerBox {
		margin-top: 60px !important;
	}

	.nav_font {
		width: 100%;
	}

	.nav ul li:hover .nav_ul {
		display: none;
	}

	.footer {
		padding-left: .6rem;
		padding-right: .6rem;
	}



	.footer-top-right-p {
		margin-bottom: .2rem;
	}



	.footer-center-left-ul,
	.footer-center-right {
		display: none;
	}

	.footer-center-left-head {
		margin-bottom: 0px;
		color: #dedede;
	}

	.footer-center-left-li {
		margin-right: 0px;
		width: 25%;
		text-align: center;
		margin-top: .2rem;
		margin-bottom: .2rem;
	}

	.footer-center-left {
		flex-wrap: wrap;
		flex: 1;
		padding-bottom: .36rem;
	}

	.footer-bottom {
		padding-bottom: .92rem;
		font-size: 14px;
	}

	.footer-center {
		border-bottom: 1px solid rgba(234, 239, 235, .1);
	}

	.footer-top-img {
		width: 9rem;
	}

	.serverUlLIFontDivA {
		bottom: 0.52rem;
	}

	.Pagination {
		flex-wrap: wrap;
	}


}


/* head footer 移动端 */

.bannerBox {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.bannerBox:after {
	content: '';
	position: fixed;
	top: -67px;
	right: 0;
	left: 0;
	z-index: 1;
	height: 120%;
	background: url(../img/teaser-content-background.svg) no-repeat 0 0;
	background-size: cover;
}

.index .bannerBox:after {
	content: '';
	position: fixed;
	top: -67px;
	right: 0;
	left: 0;
	z-index: 1;
	height: 120%;
	background: url(../img/teaser-content-background.svg) no-repeat 0 0;
	background-size: cover;
	display: none;
}


.headBox,
.navBox {
	z-index: 333;
}

section {
	background-color: #ffff;
}

section {
	position: relative;
	z-index: 0;
}

.bannerBox,
.newsBox,
.serverBox,
.projectBox,
.produceBox,
.footerBox {
	position: relative;
	z-index: 0;
}

.bannerBox .swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	width: 100%;
	bottom: 20px;
	z-index: 9;
}

.bannerBox .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	background: transparent !important;
	border: 1px solid #fff;
	box-sizing: border-box;
	opacity: 1 !important;
	margin: 0 4px;
}

.bannerBox .swiper-pagination-bullet-active {
	background: #FFFFFF !important;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.contentSectionWork {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.exampleSectionUlImg:hover .ourModalUlDiv {
    /* display: flex; */
    background-color: rgba(223,0,0,.7);
    -ms-transition: background-color ease-in-out 350ms;
    -webkit-transition: background-color ease-in-out 350ms;
    transition: background-color ease-in-out 350ms;
}
.exampleSectionUlImg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.lianjieFont{
	font-size: 16px;
	color: #FFFFFF;
	opacity: 0;
}
.exampleSectionUlImg:hover .lianjieFont{
	opacity: 1;
	-ms-transition: opacity ease-in-out 350ms;
	-webkit-transition: opacity ease-in-out 350ms;
	transition: opacity ease-in-out 350ms;
}
.modifyUl{
	max-width: 1350px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    flex-wrap: wrap;
}
.modifyUl li {
	width: calc(33.3% - 40px);
	margin-left: 20px;
	margin-right: 20px;
    display: flex;
    justify-content: flex-start;
}
.modifyImg {
    width: 100%;
    height: 270px;
	position: relative;
	overflow: hidden;
}
.modifyImg img{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}
.modifyFont {
    font-size: 20px;
    font-weight: bold;
    color: #343434;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
.modifyUl li:hover .modifyImg img {
    transform: scale(1.1);
}
.modifyUl li:hover .modifyFont {
    color: #2a7fc7;
}
@media screen and (max-width: 1439px){
	.modifyUl{
		width: 100%;
	}

	.modifyUl li {
		width: calc(33.33% - 0.68rem);
		margin-left: 0.34rem;
		margin-right: 0.34rem;
	}

	.modifyImg {
		height: 3.7rem;
	}
	.modifyFont {
		margin-top: 0.42rem;
		margin-bottom: 0.42rem;
	}

}
@media screen and (max-width: 767px){
	.modifyUl {
		flex-direction: column;
	}
	.modifyUl li {
		width: calc(100% - 1.2rem);
		margin-left: 0.6rem;
		margin-right: 0.6rem;
	}
	.modifyUl li a{
		width: 100%;
	}
	.modifyImg {
		height: auto;
	}
	.modifyFont {
		margin-top: 0.63rem;
		margin-bottom: 0.63rem;
		line-height: 1.148rem;
		font-size: .82rem;
	}
}