@charset "utf-8";
/* CSS Document */
/*
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
*/
.container{
	width: 90%;
	max-width: 1560px;
	margin: 0 auto;
}
::-webkit-selection{
    background-color: #e65e10;
	color: #fff;
}
::-moz-selection{
    background-color: #e65e10;
	color: #fff;
}
::-ms-selection{
    background-color: #e65e10;
	color: #fff;
}
::-o-selection{
    background-color: #e65e10;
	color: #fff;
}
::selection{
    background-color: #e65e10;
	color: #fff;
}

.headerbg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.headerbg1{
	padding: 10px 0;
}
/* .headerbg::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.6);
	z-index: -1;
	-webkit-backdrop-filter: 	blur(10px);
	-moz-backdrop-filter: 		blur(10px);
	-ms-backdrop-filter: 		blur(10px);
	-o-backdrop-filter: 		blur(10px);
	backdrop-filter: 			blur(10px);
	z-index: -1;
} */
.header{
	width: 90%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo{
	width: 178px;
}

.logotext{
	margin: 0 auto 0 25px;
}
.logotext span{
	font-size: 14px;
	line-height: 20px;
	width: 60px;
	background: #2c60ab;
	color: #fff;
	display: table;
	text-align: center;
}
.logotext p{
	font-size: 20px;
	line-height: 20px;
	margin: 3px 0 0 0;
}

.menu li{
	display: block;
	float: left;
	margin: 0 70px 0 0;
}
.menu li a{
	color: #222;
	font-size: 18px;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.menu li:hover a,
.menu li.this a{
	color: #285ca3;
}

.toptel p{
	font-size: 24px;
	font-weight: bold;
}
.toptel .iconfont{
	display: none;
}


.pagination-banner{
	bottom: 40px;
}
.pagination-banner span{
	width: 11px;
	height: 11px;
	border: 1px solid rgba(255,255,255,.4);
	background: none;
	margin: 0 20px;
	position: relative;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.pagination-banner span::before{
	content: '';
	display: block;
	width: 4.5px;
	height: 4.5px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -2.25px;
	top: 50%;
	margin-top: -2.25px;
	border-radius: 50%;
	transform: scale(0);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.pagination-banner span.swiper-active-switch{
	transform: scale(1.6);
}
.pagination-banner span.swiper-active-switch::before{
	transform: scale(0.8);
}
/* .pagination-banner::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: .4;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
} */


.swiper-slide{
	position: relative;
	overflow: hidden;
}
.banner1 .text{
	position: absolute;
	top: 50%;
	left: 50%;
}
.banner1 .bannerpic{
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	-webkit-transform: 	translateX(1000px);
	-moz-transform: 	translateX(1000px);
	-ms-transform: 		translateX(1000px);
	-o-transform: 		translateX(1000px);
	transform: 			translateX(1000px);
	-webkit-transition-delay: 	500ms;
	-moz-transition-delay: 		500ms;
	-ms-transition-delay: 		500ms;
	-o-transition-delay: 		500ms;
	transition-delay: 			500ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .bannerpic2{
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	-webkit-transform: 	translateY(1000px);
	-moz-transform: 	translateY(1000px);
	-ms-transform: 		translateY(1000px);
	-o-transform: 		translateY(1000px);
	transform: 			translateY(1000px);
	transform-origin: right;
	-webkit-transition-delay: 	800ms;
	-moz-transition-delay: 		800ms;
	-ms-transition-delay: 		800ms;
	-o-transition-delay: 		800ms;
	transition-delay: 			800ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .text1{
	font-size: 60px;
	color: #e65e10;
	font-weight: bold;
	line-height: 60px;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	300ms;
	-moz-transition-delay: 		300ms;
	-ms-transition-delay: 		300ms;
	-o-transition-delay: 		300ms;
	transition-delay: 			300ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .text2{
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
	margin: 15px 0 0 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	400ms;
	-moz-transition-delay: 		400ms;
	-ms-transition-delay: 		400ms;
	-o-transition-delay: 		400ms;
	transition-delay: 			400ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .text3{
	margin: 40px 0 0 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	500ms;
	-moz-transition-delay: 		500ms;
	-ms-transition-delay: 		500ms;
	-o-transition-delay: 		500ms;
	transition-delay: 			500ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .text3 li{
	display: block;
	float: left;
	font-size: 28px;
	line-height: 28px;
	color: #fff;
	padding: 0 20px;
	border-right: 1px solid rgba(255,255,255,.3);
}
.banner1 .text3 li:first-child{
	padding: 0 20px 0 0;
}
.banner1 .text3 li:last-child{
	padding: 0 0 0 20px;
	border: none;
}
.banner1 .text4{
	line-height: 58px;
	border: 1px solid rgba(255,255,255,.4);
	display: table;
	margin: 70px 0 0 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	600ms;
	-moz-transition-delay: 		600ms;
	-ms-transition-delay: 		600ms;
	-o-transition-delay: 		600ms;
	transition-delay: 			600ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner1 .text4 a{
	font-size: 24px;
	color: #fff;
	display: block;
	padding: 0 0 0 20px;
	float: left;
}
.banner1 .text4 .iconfont{
	display: block;
	width: 58px;
	text-align: center;
	background: rgba(255,255,255,.1);
	color: #fff;
	font-size: 20px;
	float: right;
	cursor: pointer;
	margin: 0 0 0 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.banner1 .text4:hover .iconfont{
	background: #e65e10;
}

.banner1.swiper-slide-active .bannerpic,
.banner1.swiper-slide-active .bannerpic2,
.banner1.swiper-slide-active .text1,
.banner1.swiper-slide-active .text2,
.banner1.swiper-slide-active .text3,
.banner1.swiper-slide-active .text4{
	-webkit-transform: 	translateX(0);
	-moz-transform: 	translateX(0);
	-ms-transform: 		translateX(0);
	-o-transform: 		translateX(0);
	transform: 			translateX(0);
}
.banner1.swiper-slide-active .bannerpic2{
	-webkit-transform: 	translateY(0);
	-moz-transform: 	translateY(0);
	-ms-transform: 		translateY(0);
	-o-transform: 		translateY(0);
	transform: 			translateY(0);
}


.banner2 .pic{
	-webkit-transition: all 3s;
	-moz-transition: 	all 3s;
	-ms-transition: 	all 3s;
	-o-transition: 		all 3s;
	transition: 		all 3s;
}
.banner2.swiper-slide-active .pic{
	-webkit-transform: 	scale(1.1);
	-moz-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.banner2 .text{
	position: absolute;
	top: 50%;
	left: 50%;
}
.banner2 .text1{
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	300ms;
	-moz-transition-delay: 		300ms;
	-ms-transition-delay: 		300ms;
	-o-transition-delay: 		300ms;
	transition-delay: 			300ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner2 .text1 img{
	width: auto;
}
.banner2 .text2{
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 15px 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	400ms;
	-moz-transition-delay: 		400ms;
	-ms-transition-delay: 		400ms;
	-o-transition-delay: 		400ms;
	transition-delay: 			400ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner2 .text3{
	font-size: 36px;
	color: #fff;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	500ms;
	-moz-transition-delay: 		500ms;
	-ms-transition-delay: 		500ms;
	-o-transition-delay: 		500ms;
	transition-delay: 			500ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner2 .text4{
	line-height: 58px;
	border: 1px solid rgba(255,255,255,.4);
	display: table;
	margin: 30px 0 0 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	600ms;
	-moz-transition-delay: 		600ms;
	-ms-transition-delay: 		600ms;
	-o-transition-delay: 		600ms;
	transition-delay: 			600ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner2 .text4 .iconfont{
	display: block;
	width: 58px;
	text-align: center;
	background: rgba(255,255,255,.1);
	color: #fff;
	font-size: 20px;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.banner2.swiper-slide-active .text1,
.banner2.swiper-slide-active .text2,
.banner2.swiper-slide-active .text3,
.banner2.swiper-slide-active .text4{
	-webkit-transform: 	translateX(0);
	-moz-transform: 	translateX(0);
	-ms-transform: 		translateX(0);
	-o-transform: 		translateX(0);
	transform: 			translateX(0);
}




.banner3 .pic{
	-webkit-transition: all 3s;
	-moz-transition: 	all 3s;
	-ms-transition: 	all 3s;
	-o-transition: 		all 3s;
	transition: 		all 3s;
}
.banner3.swiper-slide-active .pic{
	-webkit-transform: 	scale(1.1);
	-moz-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.banner3 .text{
	position: absolute;
	top: 50%;
	left: 50%;
}
.banner3 .text1{
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	300ms;
	-moz-transition-delay: 		300ms;
	-ms-transition-delay: 		300ms;
	-o-transition-delay: 		300ms;
	transition-delay: 			300ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner3 .text1 img{
	width: auto;
}
.banner3 .text2{
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 15px 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	400ms;
	-moz-transition-delay: 		400ms;
	-ms-transition-delay: 		400ms;
	-o-transition-delay: 		400ms;
	transition-delay: 			400ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner3 .text3{
	font-size: 36px;
	color: #fff;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	500ms;
	-moz-transition-delay: 		500ms;
	-ms-transition-delay: 		500ms;
	-o-transition-delay: 		500ms;
	transition-delay: 			500ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner3 .text4{
	line-height: 58px;
	border: 1px solid rgba(255,255,255,.4);
	display: table;
	margin: 30px 0 0 0;
	-webkit-transform: 	translateX(-1000px);
	-moz-transform: 	translateX(-1000px);
	-ms-transform: 		translateX(-1000px);
	-o-transform: 		translateX(-1000px);
	transform: 			translateX(-1000px);
	-webkit-transition-delay: 	600ms;
	-moz-transition-delay: 		600ms;
	-ms-transition-delay: 		600ms;
	-o-transition-delay: 		600ms;
	transition-delay: 			600ms;
	-webkit-transition-duration: 	600ms;
	-moz-transition-duration: 		600ms;
	-ms-transition-duration: 		600ms;
	-o-transition-duration: 		600ms;
	transition-duration: 			600ms;
}
.banner3 .text4 .iconfont{
	display: block;
	width: 58px;
	text-align: center;
	background: rgba(255,255,255,.1);
	color: #fff;
	font-size: 20px;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.banner3 .text5{
	width: 52.9%;
	position: absolute;
	right: 15%;
	top: -38%;
	-webkit-transform: 	translateX(1500px);
	-moz-transform: 	translateX(1500px);
	-ms-transform: 		translateX(1500px);
	-o-transform: 		translateX(1500px);
	transform: 			translateX(1500px);
	-webkit-transition-delay: 	300ms;
	-moz-transition-delay: 		300ms;
	-ms-transition-delay: 		300ms;
	-o-transition-delay: 		300ms;
	transition-delay: 			300ms;
	-webkit-transition-duration: 	900ms;
	-moz-transition-duration: 		900ms;
	-ms-transition-duration: 		900ms;
	-o-transition-duration: 		900ms;
	transition-duration: 			900ms;
}
.banner3 .text6{
	width: 10.6%;
	position: absolute;
	right: 2%;
	top: 0;
	-webkit-transform: 	translateX(1000px);
	-moz-transform: 	translateX(1000px);
	-ms-transform: 		translateX(1000px);
	-o-transform: 		translateX(1000px);
	transform: 			translateX(1000px);
	-webkit-transition-delay: 	500ms;
	-moz-transition-delay: 		500ms;
	-ms-transition-delay: 		500ms;
	-o-transition-delay: 		500ms;
	transition-delay: 			500ms;
	-webkit-transition-duration: 	900ms;
	-moz-transition-duration: 		900ms;
	-ms-transition-duration: 		900ms;
	-o-transition-duration: 		900ms;
	transition-duration: 			900ms;
}

.banner3.swiper-slide-active .text1,
.banner3.swiper-slide-active .text2,
.banner3.swiper-slide-active .text3,
.banner3.swiper-slide-active .text4,
.banner3.swiper-slide-active .text5,
.banner3.swiper-slide-active .text6{
	-webkit-transform: 	translateX(0);
	-moz-transform: 	translateX(0);
	-ms-transform: 		translateX(0);
	-o-transform: 		translateX(0);
	transform: 			translateX(0);
}






















.kh{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
}
.kh li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.kh li .icon{
	width: 68px;
	height: 68px;
	margin: 0 20px 0 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.kh li .text strong{
	font-size: 24px;
}
.kh li .text p{
	font-size: 16px;
	color: #333;
	margin: 5px 0 0 0;
}




.stitle{
	text-align: center;
}
.stitle strong{
	display: block;
	font-size: 42px;
	color: #222;
	margin: 0 0 10px 0;
}
.stitle p{
	font-size: 20px;
	color: #666;
	line-height: 36px;
}


.fwbklist li{
	display: block;
	float: left;
	width: 23.7%;
	margin: 0 1.733% 0 0;
}
.fwbklist li:last-child{
	margin: 0;
}
.fwbklist li .fwtitle{
	padding: 50px 0;
	background: url("../images/bg_tab.jpg") #2c60ab right top no-repeat;
	background-size: cover;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.fwbklist li .fwtitle .iconfont{
	font-size: 54px;
}
.fwbklist li .fwtitle .fwtitle_text{
	margin: 0 0 0 10px;
}
.fwbklist li .fwtitle .fwtitle_text strong{
	font-size: 32px;
}
.fwbklist li .fwtitle .fwtitle_text p{
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Arial";
	font-weight: bold;
}
.fwbklist li .fwtext{
	background: #f9f9f9;
	position: relative;
	z-index: 1;
}
.fwbklist li .fwtext::before{
	content: '';
	display: block;
	background: #2c60ab;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.fwbklist li:hover .fwtext::before{
	height: 100%;
}
.fwbklist li .fwintro{
	padding: 15px 22px;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.fwbklist li .fwxmlist{
	padding: 25px;
}
.fwbklist li .fwxmlist ul{
	width: 50%;
	float: left;
}
.fwbklist li .fwxmlist li{
	float: none;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #222;
	position: relative;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.fwbklist li .fwxmlist li::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #2c60ab;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.fwbklist li:nth-child(3) .fwxmlist ul,
.fwbklist li:nth-child(4) .fwxmlist ul{
	width: 100%;
	float: none;
}

.fwbklist li:hover .fwintro,
.fwbklist li:hover .fwxmlist li{
	color: #fff;
}

.fwbklist li:hover .fwxmlist li::before{
	background: #5680bc;
}



.knbg{
	background: url("../images/bg_kn.jpg") center no-repeat;
	background-size: cover;
	height: 600px;
	overflow: hidden;
}
.knbg .container{
	position: relative;
	height: 600px;
}
.knbg .text{
	position: absolute;
	left: 0;
	top: 50%;
}
.knbg .text .text1{
	font-size: 36px;
	color: #e65e10;
	margin: 0 0 40px 0;
}
.knbg .text .text2{
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
}
.knbg .text .text3{
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
}
.knbg .text .text3 a{
	display: inline-block;
	vertical-align: middle;
}
.knbg .text .text3 .iconfont{
	width: 44px;
	line-height: 44px;
	display: block;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin: 0 0 0 20px;
    -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.knbg .text .text3 .iconfont:hover{
	background: #e65e10;
	border: 1px solid #e65e10;
}

.knbg .knlist{
	position: absolute;
	right: 0;
	top: 50%;
	width: 50%;
	color: #fff;
}
.knbg .knlist li{
	display: block;
}
.knbg .knlist li .cir{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -3px;
}
.knbg .knlist li .cir::after{
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -7px;
	border-radius: 50%;
	border: 1px solid #fff;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes warn {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    10% {
        transform: scale(1.1);
        opacity: 0.2;
    }
    20% {
        transform: scale(1.2);
        opacity: 0.4;
    }
    30% {
        transform: scale(1.3);
        opacity: 0.6;
    }
    40% {
        transform: scale(1.4);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.5);
        opacity: 1;
    }
    60% {
        transform: scale(1.6);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.7);
        opacity: 0.6;
    }
    80% {
        transform: scale(1.8);
        opacity: 0.4;
    }
    90% {
        transform: scale(1.9);
        opacity: 0.2;
    }
    100% {
        transform: scale(2.0);
        opacity: 0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.06);
    }
    20% {
        transform: scale(1.12);
    }
    30% {
        transform: scale(1.18);
    }
    40% {
        transform: scale(1.24);
    }
    50% {
        transform: scale(1.3);
    }
    60% {
        transform: scale(1.24);
    }
    70% {
        transform: scale(1.18);
    }
    80% {
        transform: scale(1.12);
    }
    90% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.knbg .knlist li strong{
	display: block;
	font-size: 30px;
}
.knbg .knlist li p{
	font-size: 20px;
}
.knbg .knlist li:nth-child(1){
	margin: 0 0 70px 20%;
}
.knbg .knlist li:nth-child(2){
	margin: 0 0 70px 40%;
}
.knbg .knlist li:nth-child(3){
	margin: 0 0 0 55%;
}

.cuslogoslide li a{
	display: block;
	border: 1px solid #efefef;
	margin: 15px 7px;
}


.ldzx{
	background: url("../images/ppzz.jpg") center no-repeat;
	background-size: cover;
	height: 760px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.ldzx .move1{
	position: absolute;
	transform: translate(0,0);
	animation: move1 30s linear infinite;
	-webkit-animation: move1 30s linear infinite;
	-moz-animation: move1 30s linear infinite;
}
.ldzx .move2{
	position: absolute;
	transform: translate(0,0);
	animation: move2 30s linear infinite;
	-webkit-animation: move2 30s linear infinite;
	-moz-animation: move2 30s linear infinite;
}
.ldzx .move3{
	position: absolute;
	transform: translate(0,0);
	animation: move3 30s linear infinite;
	-webkit-animation: move3 30s linear infinite;
	-moz-animation: move3 30s linear infinite;
}
.ldzx .move4{
	position: absolute;
	transform: translate(0,0);
	animation: move4 30s linear infinite;
	-webkit-animation: move4 30s linear infinite;
	-moz-animation: move4 30s linear infinite;
}
.ldzx .move9{
	position: absolute;
	transform: translate(0,0);
	animation: move9 30s linear infinite;
	-webkit-animation: move9 30s linear infinite;
	-moz-animation: move9 30s linear infinite;
}
@keyframes move1 {
    0%  { left: 0%; top: 50%; }
    25% { left: 50%; top: 0%; }
    50% { left: 100%; top: 50%; }
    75% { left: 50%; top: 100%; }
    100%{ left: 0%; top: 50%; }
}
@keyframes move2 {
    0%  { left: 30%; top: 0%; }
    25% { left: 50%; top: 100%; }
    50% { left: 100%; top: 50%; }
    75% { left: 50%; top: 0%; }
    100%{ left: 0%; top: 50%; }
}
@keyframes move3 {
    0%  { left: 50%; top: 0%; }
    25% { left: 100%; top: 70%; }
    50% { left: 60%; top: 100%; }
    75% { left: 0%; top: 20%; }
    100%{ left: 50%; top: 0%; }
}
@keyframes move4 {
    0%  { left: 70%; top: 0%; }
    25% { left: 0%; top: 10%; }
    50% { left: 10%; top: 100%; }
    75% { left: 100%; top: 10%; }
    100%{ left: 70%; top: 0%; }
}
@keyframes move9 {
    0%  { left: 80%; top: 0%; }
    25% { left: 0%; top: 50%; }
    50% { left: 80%; top: 100%; }
    75% { left: 70%; top: 0%; }
    100%{ left: 0%; top: 20%; }
}




.ldzx li{ position: absolute; z-index: 5; display: block;}
.ldzx li img{ position: relative; z-index: 2; display: block;}
.ldzx .move5{  z-index: 7; left: 11%; top: 42%;}
.ldzx .move6{  z-index: 7; left: 19%; top: 63%;}
.ldzx .move7{  z-index: 7; left: 80%; top: 24%;}
.ldzx .move8{  z-index: 7; left: 51%; top: 14%;}
.ldzx .move10{ z-index: 7; left: 27%; top: 35%;}
.ldzx .move11{ z-index: 7; left: 29%; top: 13%;}
.ldzx .move12{ z-index: 7; left: 77%; top: 60%;}
.ldzx .move13{ z-index: 7; left: 65%; top: 71%;}
.ldzx .move14{ z-index: 7; left: 33%; top: 69%;}
.ldzx .move15{ z-index: 7; left: 40%; top: 22%;}
.ldzx .move16{ z-index: 7; left: 62%; top: 20%;}
.ldzx .move17{ z-index: 7; left: 69%; top: 33%;}

.ldzx .text{
	font-size: 42px;
	line-height: 60px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 100%;
	z-index: 6;
}
.ldzx .text span{
	display: block;
	width: 218px;
	line-height: 58px;
	border: 1px solid rgba(255,255,255,.2);
	font-size: 30px;
	padding: 0 30px;
	font-family: "Arial";
	margin: 15px auto 0 auto;
}
.ldzx .text span .iconfont{
	font-size: 24px;
	display: block;
	float: left;
}

.ldzx .move10,
.ldzx .move12,
.ldzx .move16{
    /* -webkit-animation: warn3 2s ease-out;
    -moz-animation: warn3 2s ease-out;
    animation: warn3 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite; */
}

@keyframes warn3 {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.04);
    }
    20% {
        transform: scale(1.08);
    }
    30% {
        transform: scale(1.12);
    }
    40% {
        transform: scale(1.16);
    }
    50% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(1.16);
    }
    70% {
        transform: scale(1.12);
    }
    80% {
        transform: scale(1.08);
    }
    90% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}


.ldzx li::before{
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	border-radius: 50%;
}

.ldzx li.move5::before,
.ldzx li.move8::before,
.ldzx li.move10::before,
.ldzx li.move12::before,
.ldzx li.move17::before{
	background: #2c60ab;
	z-index: 1;
    -webkit-animation: warn4 2s ease-out;
    -moz-animation: warn4 2s ease-out;
    animation: warn4 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.ldzx li.move7::before,
.ldzx li.move11::before,
.ldzx li.move14::before{
	background: #e65e10;
	opacity: 0;
	z-index: 1;
}
.ldzx li.move7:hover::before,
.ldzx li.move11:hover::before,
.ldzx li.move14:hover::before{
	opacity: 1;
    -webkit-animation: warn4 2s ease-out;
    -moz-animation: warn4 2s ease-out;
    animation: warn4 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.ldzx li.move6::before,
.ldzx li.move13::before,
.ldzx li.move15::before,
.ldzx li.move16::before{
	background: rgba(255,255,255,.1);
	opacity: 0;
	z-index: 1;
}
.ldzx li.move6:hover::before,
.ldzx li.move13:hover::before,
.ldzx li.move15:hover::before,
.ldzx li.move16:hover::before{
	opacity: 1;
    -webkit-animation: warn4 2s ease-out;
    -moz-animation: warn4 2s ease-out;
    animation: warn4 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}



@keyframes warn4 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    10% {
        transform: scale(1.05);
        opacity: 0.9;
    }
    20% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    30% {
        transform: scale(1.15);
        opacity: 0.7;
    }
    40% {
        transform: scale(1.2);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.25);
        opacity: 0.5;
    }
    60% {
        transform: scale(1.3);
        opacity: 0.4;
    }
    70% {
        transform: scale(1.35);
        opacity: 0.3;
    }
    80% {
        transform: scale(1.4);
        opacity: 0.2;
    }
    90% {
        transform: scale(1.45);
        opacity: 0.1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}














.newslist>ul{
	width: 31.4%;
	margin: 0 2.9% 0 0;
	float: left;
}
.newslist>ul:last-child{
	margin: 0 0;
}
.newslist>ul>a:hover .pic 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);
}

.newslist .text{
	font-size: 24px;
	line-height: 36px;
	padding: 20px 0 0 0;
	max-height: 72px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.newslist .text .time{
	font-size: 16px;
	color: #999;
	font-family: "Arial";
	width: 110px;
	height: 36px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	text-align: right;
	display: none;
}
.newslist .text .time .iconfont{
	font-size: 16px;
	margin: 0 5px 0 0;
}
.newslist ul ul{
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
}
.newslist ul ul li{
	display: block;
	line-height: 34px;
}
.newslist ul ul li a{
	display: block;
	font-size: 16px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.newslist ul ul li:hover a{
	color: #2c60ab;
}



.footer{
	padding: 60px 0 40px 0;
	background: #1b1b1b;
}


.fcontact strong{
	display: block;
	float: left;
	font-size: 46px;
	color: #fff;
	line-height: 48px;
}
.fcontact .text{
	font-size: 16px;
	line-height: 24px;
	opacity: .6;
	color: #fff;
	padding: 0 0 0 30px;
	margin: 0 0 0 30px;
	border-left: 1px solid rgba(255,255,255,.2);
}

.fkh li{
	display: block;
	float: left;
	font-weight: bold;
	color: #e65e10;
	font-size: 32px;
	line-height: 34px;
	padding: 0 20px;
	border-left: 1px solid rgba(255,255,255,.2);
}
.fkh li:nth-child(1){
	border: none;
}



.footer1{
	padding: 0 0 40px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.footer2{
	padding: 40px 0 50px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}


.flogo{
	width: 224px;
}

.fmenu{
	margin: 0 0 0 85px;
	width: 240px;
}
.fmenu li{
	display: block;
	line-height: 36px;
	float: left;
	width: 120px;
}
.fmenu li a{
	font-size: 16px;
	color: #fff;
}


.fewm li{
	display: block;
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.fewm li p{
	color: #fff;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.cr{
	line-height: 50px;
	font-size: 14px;
	color: #868a96;
	text-align: center;
}
.cr a{
	font-size: 14px;
	color: #868a96;
}



.bannerbg,
.listbanner,
.nbanner{
	height: 710px;
}


.ljjbrand{
	background: url(../images/bg_nlogo.jpg) center no-repeat;
	background-size: cover;
}
.nlogo{
	display: table;
	margin: 0 auto;
	width: 30%;
}


.ppln{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ppln li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.ppln li strong{
	font-size: 48px;
}
.ppln li .text{
	margin: 0 0 0 25px;
}
.ppln li .text p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
}



.nabout{
	background: url(../images/bg_nabout.jpg) center no-repeat;
	background-size: cover;
	padding: 200px 0;
}
.nabout .stitle{
	max-width: 730px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 0 0 15px 0;
}
.nabout .stitle strong{
	color: #fff;
	text-align: left;
}
.nabout .text{
	max-width: 740px;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
}


.team{
	background: #f7f7f7;
}
.team .container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.teamintro{
	width: 23%;
}
.teamintro .stitle{
	text-align: left;
}
.teamintro .text{
	font-size: 18px;
	line-height: 36px;
	color: #666;
}
.teamslide{
	width: 72%;
}
.teamslide li{
	display: block;
}
.teamslide li a{
	display: block;
	margin: 0 0 0 20px;
	position: relative;
}
.teamslide li .teamtext{
	position: absolute;
	left: 6%;
	width: 88%;
	top: 6%;
	height: 88%;
	padding: 6%;
	box-sizing: border-box;
	color: #fff;
	background: rgba(44,96,171,.8);
	-webkit-transform: 	scale(0);
	-moz-transform: 	scale(0);
	-ms-transform: 		scale(0);
	-o-transform: 		scale(0);
	transform: 			scale(0);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.teamslide li .teamtext .teamname{
	font-size: 24px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.teamslide li .teamtext .teamname strong{
	font-size: 36px;
	padding: 0 20px 0 0;
}
.teamslide li .teamtext .text{
	font-size: 14px;
	line-height: 26px;
}
.teamslide li:hover .teamtext{
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
}

.teamslide_arrow .iconfont{
	width: 54px;
	line-height: 54px;
	border: 1px solid #d2d2d2;
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	float: left;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.teamslide_arrow .iconfont:hover{
	border: 1px solid #e65e10;
	background: #e65e10;
	color: #fff;
}
.teamslide_arrow_left{
	margin: 0 15px 0 0;
	-webkit-transform: 	rotate(180deg);
	-moz-transform: 	rotate(180deg);
	-ms-transform: 		rotate(180deg);
	-o-transform: 		rotate(180deg);
	transform: 			rotate(180deg);
}



.ppdwleft{
	width: 45%;
}
.ppdwleft .stitle{
	text-align: left;
}
.ppdwlist li{
	width: 50%;
	float: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.ppdwlist li .iconfont{
	font-size: 70px;
	color: #000;
	margin: 0 25px 0 0;
	width: 70px;
}
.ppdwlist li:nth-child(1),
.ppdwlist li:nth-child(2){
	margin: 0 0 60px 0;
}
.ppdwlist li:nth-child(3) .iconfont{
	font-size: 60px;
}
.ppdwlist li .text span{
	font-size: 30px;
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.ppdwlist li .text p{
	line-height: 36px;
	font-size: 20px;
	text-align: left;
	color: #666;
}

.ppdwpic{
	width: 50%;
}
.ppdwpic .pic{
	width: 48.7%;
	margin: 0 2.6% 0 0;
}
.ppdwpic .pic:last-child{
	margin: 30px 0 0 0;
}

.ppsj{
	background: url(../images/ppsj.jpg) center no-repeat;
	background-size: cover;
}
.ppsj .stitle strong,
.ppsj .stitle p{
	color: #fff;
}
.ppsjlist{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ppsjlist li{
	color: #fff;
	display: block;
	background: url(../images/cir.png) center no-repeat;
	background-size: contain;
	text-align: center;
	padding: 44px 0;
	width: 12.8%;
}
.ppsjlist li .iconfont{
	font-size: 54px;
}
.ppsjlist li p{
	font-size: 30px;
	margin: 20px 0 0 0;
}

.nnews{
	position: relative;
}
.nnews .mao{
	top: 0;
}
.nnewslist li{
	display: block;
	float: left;
	width: 48%;
	margin: 0 4% 0 0;
	padding: 2% 0;
	border-bottom: 1px solid #e5e6e8;
}
.nnewslist li:nth-child(2n){
	margin: 0;
}
.nnewslist li .pic{
	width: 30%;
}
.nnewslist li .text{
	width: 66.666%;
}
.nnewslist li .text strong{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 24px;
}
.nnewslist li .text p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
	max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	margin: 10px 0 0 0;
}
.nnewslist li .text .date{
	font-size: 16px;
	color: #999;
	margin: 20px 0 0 0;
}
.nnewslist li .text .date .iconfont{
	margin: 0 5px 0 0;
}

.nbanner{
	position: relative;
}
.banner_case .text{
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	color: #fff;
	width: 100%;
}
.banner_case .text strong{
	font-size: 60px;
	display: block;
}
.banner_case .text p{
	font-size: 30px;
	margin: 10px 0 0 0;
}

.mao{
	position: absolute;
	top: -120px;
	left: 0;
}

.casecate{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 50px;
	text-align: center;
}
.casecate li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 50px;
}
.casecate li a{
	display: block;
	color: #fff;
	font-size: 30px;
	border-bottom: 4px solid rgba(255,255,255,0);
	padding: 0 0 10px 0;
}
.casecate li:hover a,
.casecate li.this a{
	border-bottom: 4px solid rgba(255,255,255,1);
}



.industrycate{
	text-align: center;
	position: relative;
	overflow: hidden;
	max-width: 1440px;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
/* .industrycate ul{
} */
.industrycate li{
	line-height: 40px;
	display: block;
	float: left;
}
.industrycate li:first-child{
	/* display: none; */
	/* line-height: 80px; */
}
.industrycate li a{
	font-size: 20px;
	color: #666;
	padding: 0 40px 0 0;
	box-sizing: border-box;
}
.industrycate li:hover a,
.industrycate li a.this{
	color: #2c60ab
}
.industrycate li .iconfont{
	font-size: 26px;
	margin: 0 5px 0 0;
	float: left;
	display: block;
}
.industrycate .industrycate_arrow{
	width: 32px;
	line-height: 32px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 2;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.industrycate .industrycate_arrow.x{
	-webkit-transform: 	rotate(180deg);
	-moz-transform: 	rotate(180deg);
	-ms-transform: 		rotate(180deg);
	-o-transform: 		rotate(180deg);
	transform: 			rotate(180deg);
}


.ncaselist li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.ncaselist li:nth-child(3n){
	margin: 0 0 2% 0;
}
.ncaselist li:nth-child(3n+1){
	clear: both;
}
.ncaselist li strong{
	display: block;
	font-size: 20px;
	margin: 15px 0 0 0;
}
.ncaselist li p{
	font-size: 14px;
	color: #666;
	margin: 5px 0 0 0;
}




.ppchlist li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}
.ppchlist li:last-child{
	margin: 0;
}
.ppchlist li .ppchtitle{
	padding: 50px 0;
	background: url("../images/bg_tab.jpg") #2c60ab right top no-repeat;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
}
.ppchlist li .ppchtitle .iconfont{
	font-size: 54px;
	margin: 0 0 0 8%;
}
.ppchlist li .ppchtitle .ppchtitle_text{
	margin: 0 0 0 10px;
}
.ppchlist li .ppchtitle .ppchtitle_text strong{
	font-size: 32px;
}
.ppchlist li .ppchtitle .ppchtitle_text p{
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Arial";
	font-weight: bold;
}
.ppchlist li .ppchtext{
	background: #f9f9f9;
	position: relative;
	z-index: 1;
}
.ppchlist li .ppchtext::before{
	content: '';
	display: block;
	background: #2c60ab;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.ppchlist li:hover .ppchtext::before{
	height: 100%;
}
.ppchlist li .ppchintro{
	margin: 0 8%;
	padding: 15px 0;
	font-size: 16px;
	line-height: 28px;
	border-bottom: 1px solid #c9c9c9;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ppchlist li .ppchtdlist{
	padding: 25px 8%;
}
.ppchlist li .ppchtdlist li{
	float: none;
	width: 100%;
	line-height: 36px;
	font-size: 18px;
	color: #222;
	position: relative;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ppchlist li .ppchtdlist li::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #2c60ab;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.ppchlist li:hover .ppchintro,
.ppchlist li:hover .ppchtdlist li{
	color: #fff;
}

.ppchlist li:hover .ppchtdlist li::before{
	background: #5680bc;
}



.nppsj{
	background: url(../images/bg_ppsj.jpg) center no-repeat;
	background-size: cover;
	padding: 100px 0 80px 0;
}
.nppsj .stitle strong,
.nppsj .stitle p{
	color: #fff;
}

.nppsjlist li{
	position: relative;
	float: left;
	width: 33.333%;
	color: #fff;
	display: block;
	text-align: center;
	padding: 60px 4% 0 4%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,.2);
	z-index: 1;
}
.nppsjlist li::before{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #2c60ab;
	content: '';
	display: block;
	left: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transform: 	translateY(50px);
	-moz-transform: 	translateY(50px);
	-ms-transform: 		translateY(50px);
	-o-transform: 		translateY(50px);
	transform: 			translateY(50px);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nppsjlist li:hover::before{
	opacity: 1;
	-webkit-transform: 	translateY(0);
	-moz-transform: 	translateY(0);
	-ms-transform: 		translateY(0);
	-o-transform: 		translateY(0);
	transform: 			translateY(0);
}
.nppsjlist li:last-child{
	border: none;
}
.nppsjlist li .iconfont{
	font-size: 58px;
}
.nppsjlist li strong{
	font-size: 32px;
	display: block;
	margin: 10px 0 15px 0;
}
.nppsjlist li p{
	line-height: 28px;
	font-size: 16px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid rgba(255,255,255,0);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nppsjlist li:hover p{
	border-bottom: 1px solid rgba(255,255,255,.2);
}


.nppsjlist li .text{
	position: absolute;
	text-align: left;
	font-size: 16px;
	line-height: 36px;
	opacity: 0;
	left: 0;
	width: 100%;
	background: #2c60ab;
	margin: -1px 0 0 0;
	padding: 0 13% 50px 13%;;
	box-sizing: border-box;
	-webkit-transform: 	translateY(50px);
	-moz-transform: 	translateY(50px);
	-ms-transform: 		translateY(50px);
	-o-transform: 		translateY(50px);
	transform: 			translateY(50px);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nppsjlist li:hover .text{
	opacity: 1;
	-webkit-transform: 	translateY(0);
	-moz-transform: 	translateY(0);
	-ms-transform: 		translateY(0);
	-o-transform: 		translateY(0);
	transform: 			translateY(0);
}
.nppsjlist li .text span{
	display: block;
	float: left;
	width: 50%;
	position: relative;
	padding: 0 0 0 12px;
	box-sizing: border-box;
}
.nppsjlist li .text span::before{
	width: 6px;
	height: 6px;
	background: #80a0cd;
	content: '';
	display: block;
	border-radius: 50%;
	left: 0;
	position: absolute;
	top: 50%;
	margin-top: -3px;
}



.ppzzyxleft{
	width: 32%;
}

.ppzzyxtabs{
	margin: 50px 0 0 0;
}
.ppzzyxtabs li{
	display: block;
	padding: 0 0 0 20px;
	border-left: 6px solid #c9c9c9;
	margin: 0 0 30px 0;
	text-align: left;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ppzzyxtabs li:last-child{
	margin: 0;
}
.ppzzyxtabs li.this{
	border-left: 6px solid #e65e10;
}
.ppzzyxtabs li span{
	font-size: 30px;
	display: block;
	line-height: 30px;
	color: #888888;
	font-weight: bold;
}
.ppzzyxtabs li.this span{
	color: #000;
}
.ppzzyxtabs li .text{
	display: none;
	padding: 20px 0 0 0;
}
.ppzzyxtabs li .text p{
	font-size: 16px;
	color: #272727;
	line-height: 30px;
}
.ppzzyxtabs li .text a{
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ppzzyxtabs li a:hover{
	color: #e65e10;
}

.ppzzyxpic{
	width: 60%;
}


.hzms{
	background: url("../images/bg_hzms.jpg")
}
.hzms .stitle strong{
	color: #fff;
}
.hzmslist li{
	float: left;
	width: 49%;
	color: #fff;
	padding: 3% 3%;
	border: 1px solid rgba(255,255,255,.2);
	box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.hzmslist li:nth-child(1){
	margin: 0 2% 0 0;
}
.hzmslist li .iconfont{
	font-size: 90px;
	margin: 0 40px 0 0;
}
.hzmslist li .text strong{
	display: block;
	font-size: 32px;
	margin: 0 0 15px 0;
}
.hzmslist li .text p{
	font-size: 18px;
	line-height: 30px;
}
.hzmslist li.this{
	background: #fff;
	color: #000;
}
.hzmslist li.this .iconfont{
	color: #e65e10;
}
.hzmslist li.this .text p{
	color: #666;
}


.hzmsintro{
	color: #fff;
}
.hzmsintro>strong{
	font-size: 32px;
	display: block;
	margin: 0 0 10px 0;
}
.hzmsintro p{
	font-size: 16px;
	line-height: 30px;
}
.hzmsintro p span{
	display: inline-block;
	width: 10px;
}





.wzkftabs{
	width: 37.2%;
	padding: 40px 0;
	background: #2c60ab;
}
.wzkftabs li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 0 17%;
	padding: 26px 7%;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,.2);
}
.wzkftabs li .iconfont{
	font-size: 30px;
	margin: 5px 12px 0 0;
}
.wzkftabs li:last-child{
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.wzkftabs li.this{
	background: rgba(255,255,255,.1);
}
.wzkftabs li strong{
	font-size: 24px;
	display: block;
	margin: 0 0 8px 0;
}
.wzkftabs li p{
	font-size: 16px;
	line-height: 26px;
	opacity: .6;
}


.wzkfpics{
	width: 62.8%;
}



.xcxkf{
	background: url("../images/bg_xcxkf.jpg") center no-repeat;
	background-size: cover;
	padding: 100px 0 70px 0;
}
.xcxkf .stitle strong,
.xcxkf .stitle p{
	color: #fff;
}

.xcxkf .pic{
	width: 47.75%;
}


.xcxkflist{
	width: 50%;
}
.xcxkflist li{
	width: 50%;
	float: left;
	display: block;
	color: #fff;
	padding: 5%;
	box-sizing: border-box;
}

.xcxkflist li:nth-child(1){
	border-right: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.xcxkflist li:nth-child(2){
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.xcxkflist li:nth-child(3){
	border-right: 1px solid rgba(255,255,255,.2);
}

.xcxkflist li .iconfont{
	font-size: 54px;
}
.xcxkflist li strong{
	font-size: 24px;
	display: block;
	margin: 20px 0 10px 0;
}
.xcxkflist li p{
	font-size: 16px;
	line-height: 28px;
	opacity: .6;
}

.xcxkflist li.this{
	background: #313131;
}


.saas{
	background: #f7f7f7;
}
.saas .stitle{
	text-align: left;
	margin: 50px 0 0 0;
}
.saas .text{
	width: 43%;
}
.saas .text .pic{
	margin: 130px 0 0 0;
}
.saas .saaspic{
	width: 50%;
}


/* .hzcase{

} */
.hzcase .stitle strong{
	text-align: left;
	float: left;
}
.hzcase .stitle .more{
	display: block;
	width: 140px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background: #2c60ab;
	text-align: center;
	float: right;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.hzcase .stitle .more:hover{
	background: #e65e10;
}


.hzcaselist li{
	display: block;
	float: left;
	width: 32.8%;
	margin: 0 0.8% 0.8% 0;
}
.hzcaselist li:nth-child(3n){
	margin: 0 0 0.8% 0;
}


.menubut,
.menuclose{
	display: none;
}



.sidebar{
	position: fixed;
	right: 0;
	top: 60%;
	width: 44px;
	z-index: 99;
}
.sidebar li{
	height: 44px;
	background: #2c60ab;
	margin: 2px 0 0 0;
	display: block;
	cursor: pointer;
	position: relative;
}
.sidebar li .iconfont{
	font-size: 24px;
	color: #fff;
	line-height: 44px;
	width: 44px;
	text-align: center;
}
.sidebar li .text{
	display: none;
	width: 150px;
	right: 44px;
	position: absolute;
	top: 0;
	background: #2c60ab;
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.sidebar li .text.pic{
	width: 96px;
	overflow: visible;
	height: 96px;
}

.shadow{
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	opacity: .6;
	display: none;
}


.messageform{
	opacity: 0;
	position: fixed;
	left: 30%;
	width: 40%;
	top: 50%;
	background: #fff;
	padding: 3%;
	box-sizing: border-box;
	z-index: 9999;
	-webkit-transform: 	scale(0);
	-moz-transform: 	scale(0);
	-ms-transform: 		scale(0);
	-o-transform: 		scale(0);
	transform: 			scale(0);
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.messageform>#messageform>li{
	margin: 0 0 5px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	padding: 0 20px;
	background: #f8f9fa;
	position: relative;
}
.messageform li input{
	width: 100%;
	border: none;
	height: 46px;
	background: none;
	position: relative;
	z-index: 2;
}
.messageform li textarea{
	width: 100%;
	border: none;
	height: 80px;
	box-sizing: border-box;
	padding: 10px 0;
	background: none;
}
.messageform li .text{
	width: 25%;
}
.messageform li .text span{
	color: #f00;
}
.messageform li input{
	width: 75%;
	font-size: 14px;
}
.messageform li img{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.messageform li .constype{
	cursor: pointer;
}
.messageform li .iconfont{
	position: absolute;
	right: 20px;
	width: 46px;
	line-height: 46px;
	text-align: center;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.messageform>#messageform>li.subb{
	padding: 0;
	cursor: pointer;
}
.messageform>#messageform>li.subb input{
	width: 100%;
}
.messageform>#messageform>li.subb::after{
	width: 0;
	height: 4px;
	left: 50%;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 2;
	background-color: #e65e10;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.messageform>#messageform>li.subb:hover::after{
	width: 100%;
	left: 0;
}
.messageform>#messageform>li .subbutton{
	background: #2c60ab;
	color: #fff;
	cursor: pointer;
}

.consopt{
	float: right;
	position: absolute;
	width: 75%;
	right: 0;
	top: 46px;
	background: #fff;
	display: none;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	z-index: 999;
}
.consopt li{
	float: none;
	width: 90%;
	margin: 0 5%;
	padding: 0;
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 40px;
	background: none;
	cursor: pointer;
	border-bottom: 1px solid #efefef;
}




.messageformshow{
	opacity: 1;
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
}


.messageclose{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
}

.newstext .text a{
	font-size: 16.5px;
	color: #666;
	text-decoration: underline;
}


.nheaderbg{
	background: none;
	border-bottom: 1px solid rgba(255,255,255,.15);
	background: rgba(0,0,0,.2);
}

.nheader .logotext p,
.nheader .menu li a,
.nheader .toptel a,
.nheader .menubut,
.nheader .menuclose{
	color: #fff !important;
}


.bzbanner{
	width: 100%;
	height: 620px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
}


.bantext{
	width: 90%;
	color: #fff;
	padding: 0 5%;
	display: table-cell;
	vertical-align: middle;
}



.bantext .bzcasename{
	font-size: 48px;
	font-weight: bold;
}
.bantext .bzcaseintro{
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	width: 100%;
	max-width: 760px;
}
.bantext .bzcasetd{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.bantext .bzcasecolor{
	margin: 30px 0 0 0;
}
.bantext .bzcasecolor li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	float: left;
	margin: 0 40px 0 0;
}
.bantext .bzcasecolor li:last-child{
	margin: 0;
}
.bantext .bzcasecolor li .bzcolor{
	width: 54px;
	height: 54px;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	margin: 0 22px 0 0;
	background-color: rgba(255,255,255,.2);
}
.bantext .bzcasecolor li .bzcolor span{
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: -1;
	border-radius: 50%;
	left: 7px;
	top: 7px;
}
.bantext .bzcasecolor li .text{
	font-size: 16px;
	line-height: 24px;
}



.bnav{
	font-size: 16px;
	color: #a2a4a7;
	line-height: 44px;
	width: 90%;
	margin: 0 auto;
}
.bnav a{
	font-size: 16px;
	color: #a2a4a7;
}


.bzcasebg{
	padding: 30px 0 0 0;
	background-color: #e9edee;
}

.bzcasecontent{
	padding: 5%;
	background-color: #fff;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
}
.bzcasecontent img{
	margin: 0 0 50px 0;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}

.nnewstag{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.nnewstag a{
	display: block;
	padding: 3px 0 3px 8px;
	border: 1px solid #285ca3;
	border-radius: 3px;
	font-size: 14px;
	margin: 10px;
}
.nnewstag a span{
	padding: 0 0 0 8px;
	background-color: #285ca3;
	color: #fff;
	padding: 3px 8px;
	margin: 0 0 0 8px;
}