/*banner begin*/



.BMap_bubble_content {

	margin: 0 auto;

	text-align: center;

}

.box1 {

	clear: both;

	width: 100%;

	height: 450px;

	overflow: hidden;

	position: relative;

}

.xown {

	display: table;

	width: 100%;

	height: 500px;

	line-height: 500px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 40px;

}

.ani-slide .xown {

	opacity: 1;

	-webkit-animation-name: driveInBottom;

	animation-name: driveInBottom;

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

}

.xown1 {

	display: table;

	width: 100%;

	height: 500px;

	padding-top: 200px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 40px;

	line-height: 70px;

}

.ani-slide .xown1 {

	opacity: 1;

	-webkit-animation-name: driveInTop;

	animation-name: driveInTop;

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

}

.xown2 {

	display: table;

	width: 488px;

	height: 500px;

	padding-top: 200px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 40px;

	line-height: 70px;

	margin: 0 auto;

}

.xown2 h1 {

	text-align: left;

	color: #fff;

	font-size: 40px;

	opacity: 0;

}

.xown2 h2 {

	text-align: right;

	color: #fff;

	font-size: 40px;

	opacity: 0;

}

.ani-slide .xown2 h1 {

	opacity: 1;

	-webkit-animation-name: driveInLeft;

	animation-name: driveInLeft;

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

}

.ani-slide .xown2 h2 {

	opacity: 1;

	-webkit-animation-name: driveInRight;

	animation-name: driveInRight;

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

}

.xown3 {

	display: table;

	width: 100%;

	height: 700px;

	padding-top: 353px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 40px;

	line-height: 66px;

	margin: 0 auto;

}

.aqde {

	float: right;

	width: 560px;

	text-align: left;

	color: #fff;

	font-size: 48px;

	line-height: 66px;

	opacity: 0;

}

.ani-slide .aqde {

	opacity: 1;

	-webkit-animation-name: driveInRight;

	animation-name: driveInRight;

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

}

 @media(max-width:1024px) {

.box1 {

	clear: both;

	width: 100%;

	height: 500px;

	overflow: hidden;

	position: relative;

}

.xown {

	display: table;

	width: 100%;

	height: 500px;

	line-height: 500px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 20px;

}

.xown1 {

	display: table;

	width: 100%;

	height: 500px;

	padding-top: 250px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 20px;

	line-height: 25px;

}

.xown2 {

	display: table;

	width: 198px;

	height: 500px;

	padding-top: 250px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 48px;

	line-height: 25px;

	margin: 0 auto;

}

.xown2 h1 {

	text-align: left;

	color: #fff;

	font-size: 20px;

	opacity: 0;

}

.xown2 h2 {

	text-align: right;

	color: #fff;

	font-size: 20px;

	opacity: 0;

}

.xown3 {

	display: table;

	width: 100%;

	height: 500px;

	padding-top: 290px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 48px;

	line-height: 66px;

	margin: 0 auto;

}

.aqde {

	float: right;

	width: 430px;

	text-align: left;

	color: #fff;

	font-size: 20px;

	line-height: 25px;

	opacity: 0;

}

}

 @media(max-width:414px) {

.box1 {

	clear: both;

	width: 100%;

	height: 350px;

	overflow: hidden;

	position: relative;

}

.xown {

	display: table;

	width: 100%;

	height: 350px;

	line-height: 25px;

	padding-top: 180px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 20px;

}

.xown1 {

	display: table;

	width: 100%;

	height: 350px;

	padding-top: 180px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	opacity: 0;

	color: #fff;

	font-size: 20px;

	line-height: 25px;

}

.xown2 {

	display: table;

	width: 198px;

	height: 350px;

	padding-top: 180px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 48px;

	line-height: 25px;

	margin: 0 auto;

}

.xown2 h1 {

	text-align: left;

	color: #fff;

	font-size: 20px;

	opacity: 0;

}

.xown2 h2 {

	text-align: right;

	color: #fff;

	font-size: 20px;

	opacity: 0;

}

.xown3 {

	display: table;

	width: 100%;

	height: 350px;

	padding-top: 180px;

	text-align: center;

	vertical-align: inherit;

	position: relative;

	color: #fff;

	font-size: 48px;

	line-height: 66px;

	margin: 0 auto;

}

.aqde {

	float: right;

	width: 70%;

	text-align: left;

	color: #fff;

	font-size: 20px;

	line-height: 25px;

	opacity: 0;

}

}

/*banner end*/



/*main begin*/



.box2 {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #f2f2f2;

	padding: 48px 0 60px 0;

}

.cpin {

	width: 1100px;

	margin: 0 auto;

}

.cpin_t {

	height: auto;

	overflow: hidden;

	color: #333333;

	font-size: 30px;

	line-height: 40px;

	text-align: center;

	margin-bottom: 30px;

}

.cpin_t i {

	display: block;

	color: #333;

	font-size: 20px;

	

	text-transform: capitalize;

}

.cpin_b {

	width: 100%;

	height: auto;

}

.cpin_b li {

	float: left;

	width: 31%;

	height: auto;

	min-height: auto;

	background: #fff;

	border-radius: 10px;

	box-shadow: 0px 0px 20px #d4e1ef;

	padding: 40px 10px 10px 10px;

	text-align: center;

	margin-right: 2.3%;

	cursor: pointer;

	margin-bottom: 2.3%;

}

.cpin_b li h1 {

	color: #333333;

	line-height: 28px;

	font-size: 24px;

	margin-bottom: 10px;

	transition: all 1s ease;

}

.cpin_b li p {

	color: #333333;

	line-height: 28px;

	font-size: 16px;

	transition: all 1s ease;

}

.cpin_b li img {

	display: block;

	max-width: 100%;

	height: 214px;

	margin: 0 auto;

	margin-top: 40px;

	transition: all 1s ease;

}

.cpin_b li:last-child {

	margin-right: 0px;

}

.cpin_b li:hover h1, .cpin_b li:hover p {

	color: #ca151c;

}

.cpin_b li:hover img {

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

 @media(max-width:1440px) {

.cpin {

	width: 100%;

	padding: 0 60px;

	margin: 0 auto;

}

}

 @media(max-width:1024px) {

.cpin {

	width: 100%;

	padding: 0 30px;

	margin: 0 auto;

}

.cpin_t {

	height: auto;

	overflow: hidden;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	margin-bottom: 30px;

}

.cpin_t i {

	display: block;

	color: #333;

	font-size: 16px;

	

	text-transform: capitalize;

}

.cpin_b li h1 {

	color: #333333;

	line-height: 28px;

	font-size: 18px;

	margin-bottom: 10px;

	transition: all 1s ease;

}

.cpin_b li p {

	color: #333333;

	line-height: 28px;

	font-size: 16px;

	transition: all 1s ease;

}

.cpin_b li img {

	display: block;

	max-width: 60%;

	height: 161px;

	margin: 0 auto;

	margin-top: 20px;

	transition: all 1s ease;

}

.box2 {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #f2f2f2;

	padding: 30px 0 30px 0;

}

}

 @media(max-width:768px) {

.cpin {

	width: 100%;

	padding: 0 30px;

	margin: 0 auto;

}

.cpin_t {

	height: auto;

	overflow: hidden;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	margin-bottom: 30px;

}

.cpin_t i {

	display: block;

	color: #333;

	font-size: 16px;

	

	text-transform: capitalize;

}

.cpin_b li h1 {

	color: #333333;

	line-height: 28px;

	font-size: 18px;

	margin-bottom: 10px;

	transition: all 1s ease;

}

.cpin_b li p {

	color: #333333;

	line-height: 28px;

	font-size: 16px;

	transition: all 1s ease;

}

.cpin_b li img {

	display: block;

	max-width: 60%;

	height: 115px;

	margin: 0 auto;

	margin-top: 20px;

	transition: all 1s ease;

}

}

 @media(max-width:414px) {

.cpin {

	width: 100%;

	padding: 0 15px;

	margin: 0 auto;

}

.cpin_t {

	height: auto;

	overflow: hidden;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	margin-bottom: 30px;

}

.cpin_t i {

	display: block;

	color: #333;

	font-size: 16px;

	

	text-transform: capitalize;

}

.cpin_b li h1 {

	color: #333333;

	line-height: 28px;

	font-size: 18px;

	margin-bottom: 10px;

	transition: all 1s ease;

}

.cpin_b li p {

	color: #333333;

	line-height: 28px;

	font-size: 16px;

	transition: all 1s ease;

}

.cpin_b li img {

	display: block;

	max-width: 60%;

	height: auto;

	margin: 0 auto;

	margin-top: 20px;

	transition: all 1s ease;

}

.cpin_b li {

	float: left;

	width: 100%;

	height: auto;

	min-height: auto;

	background: #fff;

	border-radius: 10px;

	box-shadow: 0px 0px 20px #d4e1ef;

	padding: 40px 10px 10px 10px;

	text-align: center;

	margin-right: 0%;

	margin-bottom: 15px;

	cursor: pointer;

}

.cpin_b li:last-child {

	margin-right: 0px;

	margin-bottom: 0px;

}

}

.box3 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg.jpg) repeat-x left top #fdfdff;

	padding: 48px 0 0 0;

}

.njin {

	width: 100%;

	height: auto;

	clear: both;

	height: auto;

	overflow: hidden;

}

.njin li {

	float: left;

	width: 20%;

	height: auto;

	position: relative;

	overflow: hidden;

	perspective: 1000px;

}

.scinq {

	position: relative;

	width: 100%;

	height: auto;

	position: relative;

}

.scin img {

	display: block;

	width: 100%;

	height: 600px;

}

.scin1 {

	width: 100%;

	height: auto;

	transform: rotateY(0);

	transition: all 0.50s ease-in-out 0s;

}

.scin2 {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	transform: rotateY(90deg);

	transition: all 0.50s ease-in-out 0s;

	z-index: 88;

	z-index: -1

}

.njin li:hover .scin2 {

	transform: rotateY(0);

	z-index: 99

}

.njin li:hover .scin1 {

	transform: rotateY(90deg);

	z-index: 88

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 276px 0px 0 0px;

	transition: all 1s ease;

}

.soni h1 {

	color: #ffffff;

	font-size: 30px;

	line-height: 30px;

	margin-bottom: 50px;

	min-height: 63px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni h1:after {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	bottom: 0px;

	height: 4px;

	width: 0px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.soni img {

	display: block;

	margin: 0 auto;

	margin-bottom: 25px;

}

.soni p {

	padding: 0 60px 0 60px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

.imdg {

	opacity: 0;

	transition: all 1s ease;

}

.njin li:hover h1:after {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	bottom: 0px;

	height: 4px;

	width: 60px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.njin li:hover .imdg {

	opacity: 1;

}

.njin li:hover .soni {

	padding: 157px 0 0 0;

}

 @media(max-width:1680px) {

.njin li:hover .soni {

	padding: 127px 0 0 0;

}

.soni p {

	padding: 0 40px 0 40px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

}

 @media(max-width:1440px) {

.njin li:hover .soni {

	padding: 97px 0 0 0;

}

.soni p {

	padding: 0 20px 0 20px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

.soni h1 {

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

	min-height: 43px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni img {

	display: block;

	margin: 0 auto;

	width: 75px;

	margin-bottom: 25px;

}

.scin img {

	display: block;

	width: 100%;

	height: 450px;

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 176px 0px 0 0px;

	transition: all 1s ease;

}

}

 @media(max-width:1280px) {

.njin li:hover .soni {

	padding: 47px 0 0 0;

}

.soni p {

	padding: 0 20px 0 20px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

.soni h1 {

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

	min-height: 43px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni img {

	display: block;

	margin: 0 auto;

	width: 75px;

	margin-bottom: 25px;

}

.scin img {

	display: block;

	width: 100%;

	height: 400px;

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 136px 0px 0 0px;

	transition: all 1s ease;

}

}

 @media(max-width:1024px) {

.njin li:hover .soni {

	padding: 256px 0 0 0;

}

.soni p {

	padding: 0 20px 0 20px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

.soni h1 {

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

	min-height: 43px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni img {

	display: block;

	margin: 0 auto;

	width: 75px;

	margin-bottom: 25px;

}

.scin img {

	display: block;

	width: 100%;

	height: auto;

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 356px 0px 0 0px;

	transition: all 1s ease;

}

.njin li {

	float: left;

	width: 50%;

	height: auto;

	position: relative;

	overflow: hidden;

	perspective: 1000px;

}

}

 @media(max-width:768px) {

.njin li:hover .soni {

	padding: 176px 0 0 0;

}

.soni p {

	padding: 0 20px 0 20px;

	color: #ffffff;

	line-height: 28px;

	font-size: 14px;

}

.soni h1 {

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

	min-height: 43px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni img {

	display: block;

	margin: 0 auto;

	width: 75px;

	margin-bottom: 25px;

}

.scin img {

	display: block;

	width: 100%;

	height: auto;

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 286px 0px 0 0px;

	transition: all 1s ease;

}

.njin li {

	float: left;

	width: 50%;

	height: auto;

	position: relative;

	overflow: hidden;

	perspective: 1000px;

}

}

 @media(max-width:414px) {

.njin li:hover .soni {

	padding: 26px 0 0 0;

}

.soni p {

	padding: 0 10px 0 10px;

	color: #ffffff;

	line-height: 24px;

	font-size: 12px;

}

.soni h1 {

	color: #ffffff;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 20px;

	min-height: 40px;

	text-align: center;

	transition: all 1s ease;

	position: relative;

}

.soni img {

	display: block;

	margin: 0 auto;

	width: 55px;

	margin-bottom: 10px;

}

.scin img {

	display: block;

	width: 100%;

	height: 323px;

}

.soni {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99;

	padding: 106px 0px 0 0px;

	transition: all 1s ease;

}

.njin li {

	float: left;

	width: 50%;

	height: auto;

	position: relative;

	overflow: hidden;

	perspective: 1000px;

}

}

.box4 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg1.jpg) no-repeat center top #f0f0f0;

}

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden; /*background:url(../images/bg2.jpg) no-repeat center bottom;*/

	padding: 50px 263px 140px 135px;

	position: relative;

}

.boce {

	height: auto;

}

.boce_l {

	float: left;

	width: 127px;

	color: #333333;

	font-size: 18px;

	padding-top: 102px;

}

.boce_r {

	float: right;

	width: 91%;

	height: auto;

	padding: 10px;

	overflow: hidden;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 30px 10px 0 30px;

}

.fzoi h1 {

	color: #333333;

	

	font-size: 18px;

	line-height: 30px;

}

.fzoi h1 i {

	color: #333333;

	font-size: 18px;

	

}

.fzoi p {

	color: #333333;

	font-size: 14px;

	line-height: 24px;

}



/*.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:60px 20px 30px 20px;}



.fzoi h1{ color:#333333;  font-size:26px; line-height:48px;}



.fzoi h1 i{ color:#333333; font-size:18px;}



.fzoi p{ color:#333333; font-size:14px; line-height:24px;}*/



@media(max-width:1680px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden; /*background:url(../images/bg2.jpg) no-repeat center bottom; */

	padding: 50px 100px 140px 100px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 30px 30px 0 30px;

}

}

 @media(max-width:1366px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg2.jpg) no-repeat center bottom;

	padding: 50px 100px 140px 100px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 50px 30px 0 30px;

}

.boce_r {

	float: right;

	width: 88%;

	height: auto;

	padding: 10px;

	overflow: hidden;

}

}

 @media(max-width:1024px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg2.jpg) no-repeat center bottom;

	padding: 40px 30px 40px 30px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 50px 30px 0 30px;

}

.boce_r {

	float: right;

	width: 86%;

	height: auto;

	padding: 10px;

	overflow: hidden;

}

.boce_l {

	float: left;

	width: 127px;

	color: #fff;

	font-size: 18px;

	padding-top: 102px;

}

}

 @media(max-width:768px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg2.jpg) no-repeat center bottom;

	padding: 40px 30px 40px 30px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 50px 30px 0 30px;

}

.boce_r {

	float: right;

	width: 80%;

	height: auto;

	padding: 10px;

	overflow: hidden;

}

.boce_l {

	float: left;

	width: 127px;

	color: #fff;

	font-size: 18px;

	padding-top: 102px;

}

}

 @media(max-width:414px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg2.jpg) no-repeat center bottom;

	padding: 40px 15px 40px 15px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 30px;

}

.boce_r {

	float: right;

	width: 65%;

	height: auto;

	padding: 0px;

	overflow: hidden;

}

.boce_l {

	float: left;

	width: 127px;

	color: #333;

	font-size: 18px;

	padding-top: 0px;

}

}

 @media(max-width:360px) {

.box4_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/bg2.jpg) no-repeat center bottom;

	padding: 40px 15px 40px 15px;

	position: relative;

}

.fzoi {

	width: 100%;

	height: auto;

	min-height: 252px;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 10px;

	padding: 50px 30px 0 30px;

}

.boce_r {

	float: right;

	width: 61%;

	height: auto;

	padding: 0px;

	overflow: hidden;

}

.boce_l {

	float: left;

	width: 127px;

	color: #333;

	font-size: 18px;

	padding-top: 0px;

}

}

.box6 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px;

	position: relative;

}

.hzhb li {

	float: left;

	width: 23%;

	margin: 2% 2% 2% 0;

	border: 1px solid #eee;

}

 @media(max-width:1680px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px;

	position: relative;

}

}

 @media(max-width:1366px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px;

	position: relative;

}

}

 @media(max-width:1024px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 10px;

	position: relative;

}

.hzhb li {

	width: 48%;

}

}

}

 @media(max-width:768px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

}

}

 @media(max-width:414px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

}

}

 @media(max-width:360px) {

.box6_1 {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

}

}

/*main end*/



/*产品中心 beign*/



.cp_box {

	clear: both;

	width: 100%;

	height: auto;

	min-height: 500px;

	padding-top: 80px;

}

.cp_box_1 {

	width: 100%;

	height: 0px;

	overflow: hidden;

	opacity: 0;

	position: absolute;

	left: 0;

	top: 88px;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

	transition: all 1s ease;

}

.cp_box_1 span {

	float: left;

	color: #fff;

	line-height: 30px;

	font-size: 24px;

	margin-left: 40px;

	margin-right: 90px;

}

.cp_box_1 ul {

	float: left;

}

.cp_box_1 li {

	float: left;

	margin-right: 40px;

	line-height: 30px;

	height: 30px;

	padding-top: 0px;

}

.cp_box_1 li a {

	display: block;

	color: #fff;

	font-size: 14px;

	padding: 0 15px;

}

.cp_box_1 li a:hover {

	background: #163c69

}

.cp_box_1 li a:hover:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0px;

	height: 2px;

	width: 0px;

	background: #ca151c;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cp_box_1 li a.wonw {

	background: #163c69;

}

.cp_box_1 li:last-child {

	margin-right: 0px;

}

 @media(max-width:1024px) {

.cp_box {

	clear: both;

	width: 100%;

	height: auto;

	min-height: 400px;

	padding-top: 80px;

}

.cp_box_1 {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

}

.cp_box_1 span {

	float: left;

	color: #fff;

	line-height: 30px;

	font-size: 18px;

	margin-left: 0px;

	margin-right: 15px;

}

.cp_box_1 li {

	float: left;

	margin-right: 15px;

	line-height: 30px;

}

}

 @media(max-width:414px) {

.cp_box {

	clear: both;

	width: 100%;

	height: auto;

	min-height: 200px;

	padding-top: 80px;

}

.cp_box_1 {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

}

.cp_box_1 span {

	float: left;

	width: 100%;

	color: #fff;

	line-height: 30px;

	font-size: 18px;

	margin-left: 0px;

	margin-right: 0px;

}

.cp_box_1 li {

	float: left;

	margin-right: 15px;

	line-height: 30px;

}

.cp_box_1 ul {

	float: left;

	display: block;

	width: 100%;

}

}

.cp_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

}

.cowni {

	width: 1400px;

	height: auto;

	margin: 0 auto;

}

.cowni_l {

	float: left;

	width: 11%;

	height: auto;

	min-height: 134px;

	background: #163c69;

	text-align: center;

	color: #fff;

	font-size: 18px;

	padding-top: 11px;

}

.cowni_l span {

	display: block;

	color: #fff;

	position: relative;

	font-size: 52px;

	

	padding-bottom: 7px;

	margin-bottom: 7px;

}

.cowni_l span:after {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	bottom: 0px;

	height: 2px;

	width: 20px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cowni_r {

	float: right;

	width: 89%;

	height: auto;

	overflow: hidden;

	padding: 102px 85px 59px 159px

}

.cowni_r1 {

	float: left;

	width: 44%;

	height: auto;

	position: relative;

	border: 1px solid #a0a0a0;

	border-radius: 10px;

	min-height: 312px;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	border-top-left-radius: 0px;

}

.cowni_r1 img {

	display: block;

	max-width: 100%;

	height: 319px;

}

.cowni_r1:after {

	content: '';

	position: absolute;

	left: 0;

	top: -1px;

	height: 1px;

	width: 80%;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cowni_r1:before {

	content: '';

	position: absolute;

	left: -1px;

	top: 0px;

	height: 80%;

	width: 1px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cowni_r2 {

	float: right;

	width: 44%;

	height: auto;

	overflow: hidden;

	padding-top: 80px;

}

.cowni_r2 p {

	background: url(../images/bg2.png) no-repeat left 15px;

	padding-left: 25px;

	color: #333333;

	font-size: 16px;

	line-height: 30px;

}

.cp_box1_1 {

	background: #f2f2f2;

}

.cowni_l1 {

	float: right;

}

.cowni_r1_1 {

	float: right;

}

.cowni_r1_1:after {

	content: '';

	position: absolute;

	left: 0;

	top: -1px;

	height: 1px;

	width: 80%;

	background: #f2f2f2;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cowni_r1_1:before {

	content: '';

	position: absolute;

	left: -1px;

	top: 0px;

	height: 80%;

	width: 1px;

	background: #f2f2f2;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.cowni_r2_1 {

	float: left;

}

.cowni_l_e {

	padding-top: 0px;

}

.cowni_r2_2 {

	padding-top: 90px;

}

.cowni_r2_3 {

	padding-top: 35px;

}

.cowni_r2_4 {

	padding-top: 0px;

}

 @media(max-width:1440px) {

.cowni {

	width: 100%;

	padding: 0 60px;

	height: auto;

	margin: 0 auto;

}

}

 @media(max-width:1366px) {

.cowni_r2 p {

	background: url(../images/bg2.png) no-repeat left 15px;

	padding-left: 15px;

	color: #333333;

	font-size: 15px;

	line-height: 30px;

	letter-spacing: -0.5px;

}

}

 @media(max-width:1024px) {

.cowni {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.cowni_l {

	float: left;

	width: 20%;

	height: auto;

	min-height: 134px;

	background: #163c69;

	text-align: center;

	color: #fff;

	font-size: 20px;

	padding-top: 30px;

}

.cowni_r {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0px 40px 0px

}

.cowni_r1 img {

	display: block;

	width: 100%;

	height: 366px;

}

.cowni_l_e {

	padding-top: 0px;

}

.cowni_l span {

	display: block;

	color: #fff;

	position: relative;

	font-size: 20px;

	

	padding-bottom: 7px;

	margin-bottom: 7px;

}

.cowni_r2 {

	float: right;

	width: 44%;

	height: auto;

	overflow: hidden;

	padding-top: 30px;

}

.cowni_r2_2 {

	padding-top: 90px;

}

.cowni_r2_3 {

	padding-top: 35px;

}

.cowni_r2_4 {

	padding-top: 0px;

}

.cowni_r1_2 {

	float: left;

}

}

 @media(max-width:768px) {

.cowni {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.cowni_l {

	float: left;

	width: 20%;

	height: auto;

	min-height: 134px;

	background: #163c69;

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding-top: 30px;

}

.cowni_r {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0px 40px 0px

}

.cowni_r1 img {

	display: block;

	width: 100%;

	height: auto;

}

.cowni_l_e {

	padding-top: 30px;

}

.cowni_r1_2 {

	float: left;

}

.cowni_r2_1 {

	float: left;

}

}

 @media(max-width:414px) {

.cowni {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.cowni_l {

	float: left;

	width: 30%;

	height: auto;

	min-height: 114px;

	background: #163c69;

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding-top: 30px;

}

.cowni_r {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0px 40px 0px

}

.cowni_r1 img {

	display: block;

	width: 100%;

	height: auto;

}

.cowni_l_e {

	padding-top: 15px;

}

.cowni_r1_2 {

	float: left;

}

.cowni_r2_1 {

	float: left;

}

.cowni_r1 {

	float: left;

	width: 100%;

	height: auto;

	position: relative;

	border: 1px solid #a0a0a0;

	border-radius: 10px;

	min-height: 312px;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	border-top-left-radius: 0px;

}

.cowni_r2 {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-top: 20px;

}

.cowni_r2 p {

	background: url(../images/bg2.png) no-repeat left 12px;

	padding-left: 15px;

	color: #333333;

	font-size: 14px;

	line-height: 24px;

}

}

/*产品中心 end*/



/*解决方案 begin*/



.cp_box_2 {

	width: 100%;

	height: 0px;

	overflow: hidden;

	opacity: 0;

	position: absolute;

	left: 0;

	top: 88px;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

	transition: all 1s ease;

}

.cp_box_2 span {

	float: left;

	color: #fff;

	line-height: 30px;

	font-size: 24px;

	margin-left: 40px;

	margin-right: 90px;

}

.cp_box_2 ul {

	float: left;

}

.cp_box_2 li {

	float: left;

	line-height: 30px;

	height: 30px;

	padding-top: 0px;

}

.cp_box_2 li a {

	display: block;

	color: #fff;

	font-size: 14px;

	padding: 0 15px;

}

.cp_box_2 li a:hover {

	background: #163c69

}

.cp_box_2 li a.wonw {

	background: #163c69;

}

.cp_box_2 li:last-child {

	margin-right: 0px;

}

.cp_box_2 li a:hover:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0px;

	height: 2px;

	width: 0px;

	background: #ca151c;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

 @media(max-width:1024px) {

.cp_box_2 {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

}

.cp_box_2 span {

	float: left;

	color: #fff;

	line-height: 30px;

	font-size: 18px;

	margin-left: 0px;

	margin-right: 15px;

}

.cp_box_2 li {

	float: left;

	margin-right: 15px;

	line-height: 30px;

}

}

 @media(max-width:414px) {

.cp_box_2 {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

}

.cp_box_2 span {

	float: left;

	width: 100%;

	color: #fff;

	line-height: 30px;

	font-size: 18px;

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

}

.cp_box_2 li {

	float: left;

	margin-right: 15px;

	line-height: 30px;

}

.cp_box_2 ul {

	float: left;

	display: block;

	width: 100%;

}

}

 @media(max-width:360px) {

.cp_box_2 {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: rgba(51,51,51,0.27);

	overflow: hidden;

}

.cp_box_2 span {

	float: left;

	width: 100%;

	color: #fff;

	line-height: 30px;

	font-size: 18px;

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

}

.cp_box_2 li {

	float: left;

	margin-right: 0px;

	line-height: 30px;

}

.cp_box_2 ul {

	float: left;

	display: block;

	width: 100%;

}

}

.jj_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 50px 0;

}

.jifi {

	width: 1360px;

	height: auto;

	margin: 0 auto;

}

.jifi_t {

	position: relative;

	height: auto;

	border-left: 10px solid #163c69;

	padding-left: 10px;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	min-height: 32px;

	margin-bottom: 50px;

}

.jifi_b {

	height: auto;

	overflow: hidden;

}

.jifi_bl {

	float: left;

	width: 41%;

	height: auto;

	overflow: hidden;

}

.jifi_bl p {

	line-height: 28px;

	color: #333333;

	font-size: 14px;

}

.jifi_br {

	float: right;

	width: 46%;

	height: auto;

	overflow: hidden;

}

.jifi_br img {

	display: block;

	width: 100%;

	height: auto;

}

 @media(max-width:1440px) {

.jifi {

	width: 100%;

	padding: 0 60px;

	height: auto;

	margin: 0 auto;

}

}

 @media(max-width:1024px) {

.jj_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 40px 0;

}

.jifi {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.jifi_t {

	position: relative;

	height: auto;

	border-left: 5px solid #163c69;

	padding-left: 10px;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	min-height: 32px;

	margin-bottom: 30px;

}

.jifi_bl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

}

.jifi_br {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

}

}

 @media(max-width:414px) {

.jj_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 40px 0;

}

.jifi {

	width: 100%;

	padding: 0 15px;

	height: auto;

	margin: 0 auto;

}

.jifi_t {

	position: relative;

	height: auto;

	border-left: 5px solid #163c69;

	padding-left: 10px;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	min-height: 32px;

	margin-bottom: 30px;

}

.jifi_bl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

}

.jifi_br {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

}

}

.jj_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #f2f2f2;

	padding: 50px 0;

}

.ptsi {

	height: auto;

	overflow: hidden;

}

.ptsi dl {

	float: left;

	width: 50%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.ptsi dt {

	float: left;

	width: 50%;

	height: auto;

	overflow: hidden;

}

.ptsi dt img {

	display: block;

	max-width: 100%;

	height: 238px;

}

.ptsi dd {

	float: right;

	width: 44%;

	height: auto;

	padding: 104px 40px 0 0;

}

.ptsi dd p {

	line-height: 28px;

	color: #333333;

	font-size: 14px;

}

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 48%;

	top: 58px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dl:nth-child(3) dt {

	float: right;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 104px 0px 0 40px;

}

.ptsi dl:nth-child(4) dt {

	float: right;

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 104px 0px 0 40px;

}

 @media(max-width:1440px) {

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 48%;

	top: 28px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dd {

	float: right;

	width: 44%;

	height: auto;

	padding: 60px 40px 0 0;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 60px 0px 0 40px;

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 60px 0px 0 40px;

}

}

 @media(max-width:1024px) {

.jj_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #f2f2f2;

	padding: 40px 0;

}

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 34%;

	top: 28px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dd {

	float: right;

	width: 63%;

	height: auto;

	padding: 80px 20px 0 20px;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 80px 20px 0 20px

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 80px 20px 0 20px

}

.ptsi dl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.ptsi dl:nth-child(3) dt {

	float: left;

}

.ptsi dl:nth-child(4) dt {

	float: left;

}

.ptsi dt img {

	display: block;

	max-width: 100%;

	height: auto;

}

.ptsi dt {

	float: left;

	width: 37%;

	height: auto;

	overflow: hidden;

}

.ptsi dl:last-child {

	margin-bottom: 0px;

}

}

 @media(max-width:414px) {

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 75%;

	top: 28px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dd {

	float: right;

	width: 100%;

	height: auto;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.ptsi dl:nth-child(3) dt {

	float: left;

}

.ptsi dl:nth-child(4) dt {

	float: left;

}

.ptsi dt img {

	display: block;

	max-width: 100%;

	height: auto;

}

.ptsi dt {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.ptsi dl:last-child {

	margin-bottom: 0px;

}

}

 @media(max-width:375px) {

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 75%;

	top: 28px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dd {

	float: right;

	width: 100%;

	height: auto;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.ptsi dl:nth-child(3) dt {

	float: left;

}

.ptsi dl:nth-child(4) dt {

	float: left;

}

.ptsi dt img {

	display: block;

	max-width: 100%;

	height: auto;

}

.ptsi dt {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.ptsi dl:last-child {

	margin-bottom: 0px;

}

}

 @media(max-width:360px) {

.ptsi dl span {

	display: block;

	width: 92px;

	height: 26px;

	position: absolute;

	left: 72%;

	top: 28px;

	background: url(../images/bg3.png) no-repeat center center;

	line-height: 26px;

	text-align: center;

	color: #fdfeff;

	font-size: 14px;

}

.ptsi dd {

	float: right;

	width: 100%;

	height: auto;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(3) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl:nth-child(4) dd {

	float: left;

	padding: 20px 0px 0 0;

}

.ptsi dl {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.ptsi dl:nth-child(3) dt {

	float: left;

}

.ptsi dl:nth-child(4) dt {

	float: left;

}

.ptsi dt img {

	display: block;

	max-width: 100%;

	height: auto;

}

.ptsi dt {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.ptsi dl:last-child {

	margin-bottom: 0px;

}

}

.jj_box2 {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #fdfeff;

	padding: 50px 0;

}

.alin {

	height: auto;

}

.alin dl {

	float: left;

	width: 20%;

	height: auto;

	margin-right: 6.6%;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 5px;

}

.alin dl:last-child {

	margin-right: 0%;

}

.alin dt {

	height: auto;

	overflow: hidden;

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

	background-size: cover;

	padding: 15px 10px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

.alin dt img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.alin dd {

	height: auto;

	min-height: 210px;

	padding: 20px 0 0 20px;

}

.alin dd h1 {

	text-align: center;

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	line-height: 28px;

	margin-bottom: 10px;

}

.alin dd li {

	line-height: 28px;

	font-size: 14px;

	float: left;

	width: 50%;

}

 @media(max-width:1440px) {

.alin dd {

	height: auto;

	min-height: 210px;

	padding: 20px 0 0 20px;

}

.alin dl {

	float: left;

	width: 22%;

	height: auto;

	margin-right: 4%;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 5px;

}

}

 @media(max-width:1024px) {

.alin dd {

	height: auto;

	min-height: 210px;

	padding: 20px 0 0 20px;

}

.alin dl {

	float: left;

	width: 48%;

	height: auto;

	margin-right: 4%;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 5px;

}

.alin dl:nth-child(2) {

	margin-right: 0px;

}

}

 @media(max-width:414px) {

.alin dd {

	height: auto;

	min-height: auto;

	padding: 20px 20px 20px 20px;

	overflow: hidden;

}

.alin dl {

	float: left;

	width: 100%;

	height: auto;

	margin-right: 0%;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

}

.alin dl:nth-child(2) {

	margin-right: 0px;

}

.alin dt img {

	display: block;

	margin: 0 auto;

	max-width: 20%;

}

}

.jifi_bl1 {

	padding-top: 50px;

}

 @media(max-width:1440px) {

.jifi_bl1 {

	padding-top: 30px;

}

}

 @media(max-width:1024px) {

.jifi_bl1 {

	padding-top: 0px;

}

}

.gone {

	width: 949px;

	height: auto;

	margin: 0 auto;

	position: relative;

	min-height: 947px;

	position: relative;

	background: url(../images/tu35.png) no-repeat left top;

}

.gone_t {

	width: 949px;

	height: auto;

	margin: 0 auto;

}

.gone_t img {

	display: block;

	display: block;

	min-height: 947px;

	animation: whirl 20s linear infinite;

}

.gone_c {

	position: absolute;

	width: 171px;

	height: 171px;

	left: 388px;

	right: 0;

	top: 388px;

}

/*.goni{ width:170px; height:44px; position:absolute; z-index:999;right:90px; top:97px; color:#333333; font-size:16px; font-weight:bold; line-height:44px;}



.goni img{ vertical-align:middle; margin-right:10px;}



.goni1{ left:294px; top:37px;}



.goni2{ left:550px; top:110px;}



.goni3{ left:468px; top:226px;}



.goni4{ left:64px; top:349px;}



.goni5{ right:81px; top:349px;}



.goni6{ left:188px; top:504px;}



.goni7{ right:-42px; top:548px;}



.goni8{ left:120px; top:700px;}



.goni9{ left:340px; top:886px;}



.goni10{ right:180px; top:864px;}



.goni11{ right:110px; top:630px;}*/



 



.bone {

	width: 949px;

	height: 949px;

	position: absolute;

	display: block;

	animation: circleRoate 40s infinite linear;

	left: 0;

	top: 0;

}

.goni {

	animation: circleRoate1 40s infinite linear;

	text-align: center;

}

.goni img {

	display: block;

	margin: 0 auto;

	margin-bottom: 5px;

}

 @keyframes circleRoate {

 from {

 transform: rotate(0deg);

}

to {

	transform: rotate(360deg);

}

}

 @keyframes circleRoate1 {

 from {

 transform: rotate(0deg);

}

to {

	transform: rotate(-360deg);

}

}

/**/



.dotdot1 {

	position: absolute;

	left: 748px;

	top: 96px;

	width: auto;

	height: auto;

	font-size: 14px;

}

.dotdot2 {

	position: absolute;

	left: 294px;

	top: 0;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot3 {

	position: absolute;

	left: 370px;

	top: 112px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot4 {

	position: absolute;

	left: 498px;

	top: 236px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot5 {

	position: absolute;

	left: 107px;

	top: 349px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot6 {

	position: absolute;

	right: 110px;

	top: 349px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot7 {

	position: absolute;

	left: 206px;

	top: 504px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot8 {

	position: absolute;

	right: -30px;

	top: 548px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot9 {

	position: absolute;

	left: 15px;

	top: 650px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot10 {

	position: absolute;

	left: 370px;

	top: 912px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot11 {

	position: absolute;

	right: 180px;

	top: 854px;

	width: auto;

	height: auto;

	font-size: 14px

}

.dotdot12 {

	position: absolute;

	right: 138px;

	top: 630px;

	width: auto;

	height: auto;

	font-size: 14px

}

 @keyframes animX {

 0% {

left: 0px;

}

 100% {

left: 949px;

}

}

 @keyframes animY {

 0% {

top: 0;

}

 100% {

top: 949px;

}

}

.oncd {

	display: none;

	margin: 0 auto;

}

.oncd ul {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.oncd ul li {

	float: left;

	width: 33.33%;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 20px;

}

.oncd ul li p {

	margin-top: 10px;

}

.oncd ul li img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

 @media(max-width:1024px) {

.gone {

	width: 100%;

	height: auto;

	margin: 0 auto;

	position: relative;

	min-height: 947px;

}

.gone_t {

	width: 100%;

	height: auto;

	margin: 0 auto;

}

.gone_t img {

	display: block;

	display: block;

	min-height: auto;

	animation: whirl 20s linear infinite;

	margin: 0 auto;

}

.goni {

	width: 170px;

	height: 44px;

	position: absolute;

	z-index: 999;

	right: 20px;

	top: 97px;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	line-height: 44px;

}

.goni1 {

	left: 294px;

	top: 8px;

}

.goni2 {

	left: 550px;

	top: 119px;

}

.goni3 {

	left: 468px;

	top: 226px;

}

.goni4 {

	left: 0px;

	top: 349px;

}

.goni5 {

	right: 11px;

	top: 349px;

}

.goni6 {

	left: 124px;

	top: 504px;

}

.goni7 {

	right: 128px;

	top: 548px;

}

.goni8 {

	left: 55px;

	top: 700px;

}

.goni9 {

	left: 280px;

	top: 886px;

}

.goni10 {

	right: 110px;

	top: 864px;

}

.goni11 {

	right: 40px;

	top: 630px;

}

.gone {

	width: 1096px;

	height: auto;

	margin: 0 auto;

	position: relative;

	min-height: 947px;

	display: none;

}

.oncd {

	margin: 0 auto;

	display: block;

}

}

/* .jj_box3{ display:block; width:100%; height:auto;background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:50px 0 160px 0;}



.jifi_t1{ border-left:10px solid #fff; color:#fff;}



.xton{ width:58%; height:auto; margin:0 auto; margin:0 auto;}



.xton p{ background:url(../images/bg4.png) no-repeat left 12px; padding-left:25px; line-height:30px; color:#fdfeff; font-size:16px;}



@media(max-width:1024px){



.jj_box3{ display:block; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:40px 0;}



.jifi_t1{ border-left:5px solid #fff; color:#fff;}	



.xton{ width:100%; height:auto; margin:0 auto; margin:0 auto;}



}



@media(max-width:414px){



.xton p{ background:url(../images/bg4.png) no-repeat left 12px; padding-left:25px; line-height:30px; color:#fdfeff; font-size:14px;}	



} */



.jj_box3_1 {

	display: block;

	width: 100%;

	height: auto;

	padding: 50px 0 50px 0;

}

.jifi_t1 {

	border-left: 10px solid #163c69;

	color: #333;

}

.xton {

	width: 100%;

	height: auto;

	margin: 0 auto;

	margin: 0 auto;

	background: url(../images/w_tu5.png)repeat-y center top;

}

.xton dl {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: url(../images/w_tu3.png)no-repeat center center;

	margin-bottom: 30px;

}

.xton dl.bg {

	background: url(../images/w_tu4.png)no-repeat center center;

}

.xton dt {

	float: left;

	width: 48%;

}

.xton dd {

	float: right;

	width: 48%;

	margin-top: 100px;

}

.xton dl.bg dt {

	float: right;

	width: 48%;

}

.xton dl.bg dd {

	float: left;

	width: 48%;

}

.xton dl:last-child {

	margin-bottom: 0px;

}

.xton p {

	background: url(../images/bg4_1.png) no-repeat left 12px;

	padding-left: 25px;

	line-height: 30px;

	color: #333;

	font-size: 16px;

}

 @media(max-width:1024px) {

.jj_box3_1 {

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 40px 0;

}

.jifi_t1 {

	border-left: 5px solid #333;

	color: #333;

}

.xton {

	width: 100%;

	height: auto;

	margin: 0 auto;

	margin: 0 auto;

}

.xton dd {

	float: right;

	width: 48%;

	margin-top: 30px;

}

}

 @media(max-width:414px) {

.xton {

	background: none;

}

.xton dl, .xton dl.bg {

	background: none;

}

.xton p {

	color: #333;

	font-size: 14px;

}

.xton dt {

	float: none;

	width: 100%;

}

.xton dd {

	float: none;

	width: 100%;

	margin-top: 0px;

}

.xton dl.bg dt {

	float: none;

	width: 100%;

}

.xton dl.bg dd {

	float: none;

	width: 100%;

}

}

.khui {

	height: auto;

}

.khui li {

	float: left;

	width: 30%;

	height: auto;

	position: relative;

	min-height: 200px;

	margin-right: 4.5%;

}

.khui li span {

	display: block;

	float: left;

}

.khui li font {

	position: absolute;

	left: 60px;

	width: 74%;

	top: 45px;

	background: url(../images/bg5.jpg) no-repeat 20px top;

	padding-top: 10px;

}

.khui li h1 {

	color: #333333;

	line-height: 30px;

	font-weight: bold;

	font-size: 18px;

	padding-left: 20px;

	margin-bottom: 10px;

}

.khui li p {

	position: relative;

	color: #333333;

	font-size: 14px;

	line-height: 20px;

	padding-bottom: 10px;

}

.khui li p:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0px;

	height: 2px;

	width: 20px;

	background: #163c69;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.khui li.qcbj {

	margin-right: 0px;

}

.jifi_bl3 p {

	font-size: 16px;

	line-height: 30px;

}

 @media(max-width:1024px) {

.khui li {

	float: left;

	width: 30%;

	height: auto;

	position: relative;

	min-height: 200px;

	margin-right: 5%;

}

}

 @media(max-width:414px) {

.khui li {

	float: left;

	width: 100%;

	height: auto;

	position: relative;

	min-height: 160px;

	margin-right: 0%;

}

}

.xton1 p {

	margin-bottom: 20px;

}

.xton1 p:last-child {

	margin-bottom: 0px;

}

 @keyframes whirl {

 from {

 transform: rotate(0deg);

}

to {

	transform: rotate(360deg);

}

}

/*解决方案 end*/



/*客户案例 begin*/



.kh_box {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 50px 0;

	text-align: center;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

}

 @media(max-width:1024px) {

.kh_box {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 30px 0;

	text-align: center;

	color: #333333;

	font-size: 20px;

	line-height: 24px;

}

}

/***/



#navv li {

	position: relative;

	float: left;

	width: 18%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #fff;

	border: 1px solid #eee;

	margin: 0 1% 20px;

}

#navv li a {

	color: #000;

	font-size: 18px;

}

#navv li ul {

	position: absolute;

	display: none;

	top: 50px;

	left: 0;

}

#navv li ul li {

	height: 40px;

	line-height: 40px;

	background: #ca151c;

	text-align: center;

	border: 0;

	z-index: 99999999;

	width: 100px;

}

#navv li ul li a {

	z-index: 99999999;

	color: #fff;

	font-size: 14px;

}

#navv li:hover ul, li.over ul {

	display: block;

}

.gxin2 {

	float: left;

	width: 23%;

}

.gxin1 {

	float: right;

	width: 75% !important;

}

 @media(max-width:768px) {

.gxin2 {

	float: none;

	width: 100%

}

#navv li {

	width: 33.33%;

	float: left;

	width: auto;

	padding: 0 10px;

	border: 1px solid #eee;

	margin: 5px

}

}

/***/



















.hk_box1 {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #fafafa;

	padding: 40px 0;

}

.gxin {

	width: 1370px;

	height: auto;

	margin: 0 auto;

}

.gxin li {

	float: left;

	width: 22%;

	height: auto;

	position: relative;

	margin-right: 4%;

	transition: all 1s ease;

	margin-bottom: 20px;

}

.xone {

	width: 100%; /*height:200p*/

x;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	margin-bottom: 15px;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: left;

	-webkit-justify-content: center;

	-ms-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

}

.gxin li img {

	display: block;

	max-width: 100%;

	height: 100%;

	margin: 0 auto;

}

.gxin li.qcbj {

	margin-right: 0px;

}

.gxin li span {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	width: 26px;

	height: 26px;

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

	transition: all 1s ease;

	opacity: 0;

}

/*.gxin li:hover span{ opacity:1;}*/



.gxin li p {

	text-align: center;

	color: #333333;

	font-size: 16px;

	line-height: 30px;

}

.gxin li:hover {

	-moz-transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	transform: translateY(-5px);

}

 @media(max-width:1440px) {

.gxin {

	width: 100%;

	padding: 0 60px;

	height: auto;

	margin: 0 auto;

}

}

 @media(max-width:1024px) {

.gxin {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.gxin li img {

	display: block;

	width: 100%;

	min-height: 106px;

	margin: 0 auto;

}

}

 @media(max-width:768px) {

.gxin {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.gxin li img {

	display: block;

	width: 100%;

	min-height: 77px;

	margin: 0 auto;

}

.gxin li p {

	text-align: center;

	color: #333333;

	font-size: 14px;

	line-height: 30px;

}

}

 @media(max-width:414px) {

.gxin {

	width: 100%;

	padding: 0 15px;

	height: auto;

	margin: 0 auto;

}

.gxin li img {

	display: block;

	width: 100%;

	min-height: 77px;

	margin: 0 auto;

}

.gxin li p {

	text-align: center;

	color: #333333;

	font-size: 14px;

	line-height: 30px;

}

.gxin li {

	float: left;

	width: 48%;

	height: auto;

	position: relative;

	margin-right: 4%;

	transition: all 1s ease;

	margin-bottom: 20px;

}

.gxin li:nth-child(even) {

	margin-right: 0%;

}

}

.gxin1 {

	width: 1370px;

	height: auto;

	margin: 0 auto;

}

.gxin1 li {

	float: left;

	width: 32%;

	height: auto;

	position: relative;

	margin-right: 2%;

	transition: all 1s ease;

	margin-bottom: 20px;

}

.gxin1 li:nth-child(3n) {

	margin-right: 0;

}

.gxin1 li img {

	display: block;

	max-width: 100%;

	height: 100%;

	margin: 0 auto;

}

.gxin1 li.qcbj {

	margin-right: 0px;

}

.gxin1 li span {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	width: 26px;

	height: 26px;

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

	transition: all 1s ease;

	opacity: 0;

}

/*.gxin1 li:hover span{ opacity:1;}*/



.gxin1 li p {

	text-align: center;

	color: #333333;

	font-size: 14px;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.gxin1 li:hover {

	-moz-transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	transform: translateY(-5px);

}

 @media(max-width:1440px) {

.gxin1 {

	width: 100%;

	padding: 0 60px;

	height: auto;

	margin: 0 auto;

}

}

 @media(max-width:1024px) {

.gxin1 {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.gxin1 li img {

	display: block;

	width: 230px;

	min-height: 106px;

	margin: 0 auto;

}

}

 @media(max-width:768px) {

.gxin1 {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.gxin1 li img {

	display: block;

	width: 100%;

	min-height: 77px;

	height: 170px !important;

	margin: 0 auto;

}

.gxin1 li p {

	text-align: center;

	color: #333333;

	font-size: 14px;

	line-height: 30px;

}

}

 @media(max-width:414px) {

.gxin1 {

	width: 100% !important;

	padding: 0 15px;

	height: auto;

	margin: 0 auto;

	float: none;

}

.gxin1 li img {

	display: block;

	width: 100%;

	min-height: 77px;

	margin: 0 auto;

}

.gxin1 li p {

	text-align: center;

	color: #333333;

	font-size: 14px;

	line-height: 30px;

}

.gxin1 li {

	float: left;

	width: 48%;

	height: auto;

	position: relative;

	margin-right: 2%;

	transition: all 1s ease;

	margin-bottom: 20px;

}

.gxin1 li:nth-child(even) {

	margin-right: 0%;

	float: right

}

.gxin1 li.qcbj {

	margin-right: 0px;

}

}

.kh_box2 {

	clear: both;

	padding: 30px 0;

	background: #f2f2f2;

	overflow: hidden;

}

.kh_box1 {

	clear: both;

	width: 100%;

	padding: 80px 0 0px 0;

	margin-top: -80px;

	height: auto;

	margin-bottom: 30px;

}

.kh_box1 dl {

	clear: both;

	height: 100%;

	overflow: hidden;

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	position: relative;

}

.kh_box1 dt {

	float: right;

	width: 57%;

	position: relative;

}

.kh_box1 dt img {

	display: block;

	width: 100%;

	height: 600px;

}

.wzhi {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 130px 38px 0;

}

.wzhi p {

	float: right;

	width: 48%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.kh_box1 dd {

	float: left;

	width: 43%;

	height: auto;

	padding: 52px 202px 0 129px;

}

.kh_box1 dd h1 {

	position: relative;

	display: block;

	margin-bottom: 40px;

}

.kh_box1 dd h1 span {

	display: block;

	color: #efefef;

	font-size: 238px;

	line-height: 238px;

}

.kh_box1 dd h1 i {

	display: block;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-top: -75px;

}

.kh_box1 dd p {

	color: #333333;

	font-size: 14px;

	line-height: 30px;

}

.qucxo {

	width: 160px;

	height: 100%;

	position: absolute;

	left: 39%;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

}

.kh_box1 dl dt.wo {

	float: left;

}

.kh_box1 dl dd.wq {

	float: right;

	padding: 52px 129px 0 198px;

}

.qucxo1 {

	left: 53%;

}

.wzhi1 {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 0px 38px 130px;

}

.wzhi1 p {

	float: left;

	width: 48%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.kh_box1:last-child {

	margin-bottom: 0px;

}

 @media(max-width:1440px) {

.kh_box1 dt img {

	display: block;

	width: 100%;

	height: 446px;

}

.qucxo {

	width: 100px;

	height: 100%;

	position: absolute;

	left: 39%;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

}

.wzhi {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 40px 38px 0;

}

.kh_box1 dd {

	float: left;

	width: 43%;

	height: auto;

	padding: 32px 100px 0 60px;

}

.kh_box1 dd h1 span {

	display: block;

	color: #efefef;

	font-size: 130px;

	line-height: 130px;


}

.kh_box1 dd h1 i {

	display: block;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-top: -75px;

}

.kh_box1 dl dd.wq {

	float: right;

	padding: 30px 60px 0 100px;

	;

}

.qucxo1 {

	left: 53.5%;

}

.wzhi p {

	float: right;

	width: 68%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.wzhi1 p {

	float: left;

	width: 68%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.wzhi1 {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 0px 38px 40px;

}

}

 @media(max-width:1366px) {

.kh_box1 dt img {

	display: block;

	width: 100%;

	height: 423px;

}

.qucxo {

	width: 100px;

	height: 100%;

	position: absolute;

	left: 39%;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

}

.wzhi {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 40px 38px 0;

}

.kh_box1 dd {

	float: left;

	width: 43%;

	height: auto;

	padding: 32px 100px 0 60px;

}

.kh_box1 dd h1 span {

	display: block;

	color: #efefef;

	font-size: 130px;

	line-height: 130px;


}

.kh_box1 dd h1 i {

	display: block;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-top: -75px;

}

.kh_box1 dl dd.wq {

	float: right;

	padding: 30px 60px 0 100px;

	;

}

.qucxo1 {

	left: 53.5%;

}

.wzhi p {

	float: right;

	width: 68%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.wzhi1 p {

	float: left;

	width: 68%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.wzhi1 {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 38px 0px 38px 40px;

}

}

 @media(max-width:414px) {

.kh_box1 dt {

	float: left;

	width: 100%;

	position: relative;

}

.kh_box1 dd {

	float: left;

	width: 100%;

	height: auto;

	padding: 30px;

}

.wzhi {

	width: 100%;

	height: auto;

	position: inherit;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 20px;

	overflow: hidden;

}

.wzhi p {

	float: right;

	width: 100%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.wzhi1 p {

	float: left;

	width: 100%;

	height: auto;

	position: relative;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	border-bottom: 2px solid #fff;

	padding-bottom: 10px;

}

.kh_box1 dt img {

	display: block;

	width: 100%;

	height: auto;

}

.qucxo {

	width: 100px;

	height: 100%;

	position: absolute;

	left: 39%;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	display: none;

}

.wzhi1 {

	width: 100%;

	height: auto;

	position: inherit;

	left: 0;

	bottom: 0;

	background: rgba(31,31,31,0.72);

	padding: 20px;

	overflow: hidden;

}

.kh_box1 dl dd.wq {

	float: right;

	padding: 30px;

}

}

/*客户案例 end*/



/*新闻中心 beign*/



.xw_box {

	clear: both;

	height: auto;

	overflow: hidden;

	background: #fcfcfc;

	padding: 50px 0;

	overflow: hidden;

}

.xwone {

	width: 1100px;

	height: auto;

	margin: 0 auto;
	padding:0 15px;
}

.xoni_t {

	height: auto;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-bottom: 40px;

}

.xoni_b {

	height: auto;

}

.xoni_bt {

	text-align: center;

	margin-bottom: 50px;

	overflow: hidden;

}

.xoni_bt li {

	display: inline-block;

	margin-right: 105px;

}

.xoni_bt li a {

	display: block;

	color: #333333;

	font-size: 18px;

	line-height: 30px;

}

.xoni_bt li a:hover {

	border-bottom: 2px solid #163c69;

}

.xoni_bt li a.pes {

	border-bottom: 2px solid #163c69;

	color: #ca151c;

}

.xoni_bt li:last-child {

	margin-right: 0px;

}

.xoni_bb {

	clear: both;

	height: auto;

	padding-bottom: 35px;

}

.xoni_bb dl {

	clear: both;

	width: 100%;

	height: auto;

	padding: 25px;

	overflow: hidden;

	transition: all 1s ease;

	border-bottom: 1px solid #ccc;

}

.xoni_bb dt {

	float: left;

	width: 32%;

	height: auto;

	overflow: hidden;

}

.xoni_bb dt img {

	display: block;

	width: 100%;

	transition: all 1s ease;

}

.xoni_bb dd {

	float: right;

	width: 65%;

	height: auto;

	/*padding-top: 35px;*/

}

.xoni_bb dd h1 {

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

}

.xoni_bb dd h1 span {

	display: block;

	float: left;

	width: 80%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #333333;

	font-size: 18px;

	line-height: 31px;

	transition: all 1s ease;

}

.xoni_bb dd h1 font {

	display: block;

	float: right;

	text-align: right;

	color: #666666;

	font-size: 24px;

}

.xoni_bb dd p {

	transition: all 1s ease;

	clear: both;

	background: url(../images/bg5.png) no-repeat right 10px;

	padding-right: 230px;

	line-height: 31px;

	color: #444444;

	font-size: 14px;

}

.xoni_bb dl:hover {

	background: #fff;

	box-shadow: 0px 0px 10px #ccc;

	border-bottom: 1px solid #fff;

}

/*.xoni_bb dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}*/



.xoni_bb dl:hover dd h1 span {

	color: #ca151c;

}

.xoni_bb dl:hover dd p {

	background: url(../images/bg6.png) no-repeat right 10px;

}

.fy {

	clear: both;

	line-height: 31px;

	text-align: center;

	margin-bottom: 20px;

	color: #669dd2;

	font-size: 14px;

}

.fy div {

	clear: both;

	text-align: center;

	margin: 0 auto;

}

.fy div a.prev {

	font-size: 14px;

	padding: 6px 10px;

	background: #d9d9d9;

	color: #fff;

	margin-right: 10px;

}

.fy div span.current {

	background: #0e318f;

	margin-right: 10px;

	padding: 6px 10px;

	font-size: 14px;

	color: #fff

}

.fy div a {

	padding: 6px 10px;

	color: #428bca;

	margin-right: 10px;

	font-size: 14px;

}

.fy div a.next {

	background: #0e318f;

	padding: 6px 10px;

	color: #fff;

	margin-right: 10px;

	font-size: 14px;

}

.fyiw {

	clear: both;

	height: auto;

	text-align: center;

	line-height: 31px;

}

.fyiw a {

	color: #333333;

	font-size: 18px;

}

.fyiw span {

	color: #333;

	font-size: 18px;

	margin: 0 10px;

}

.fyiw div {

	color: #333;

	font-size: 18px;

	margin: 0 10px;

}

.deee {

	/*width: 1200px;*/

	margin: 0 auto;

}

.xw_box22 {

	padding-top: 140px;

}

 @media(max-width:1440px) {

.xwone {

	width: 100%;

	padding: 0 60px;

	height: auto;

	margin: 0 auto;

}

}

 @media(max-width:1024px) {

.xwone {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.xoni_t {

	height: auto;

	color: #333333;

	font-size: 20px;

	line-height: 25px;

	margin-bottom: 20px;

}

.deee {

	width: 100%;

	margin: 0 auto;

}

.xoni_bb dd h1 span {

	display: block;

	float: left;

	width: 70%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #333333;

	font-size: 18px;

	line-height: 31px;

	transition: all 1s ease;

}

.xoni_bb dd {

	float: right;

	width: 65%;

	height: auto;

	padding-top: 10px;

}

}

 @media(max-width:768px) {

.xwone {

	width: 100%;

	padding: 0 30px;

	height: auto;

	margin: 0 auto;

}

.xoni_t {

	height: auto;

	color: #333333;

	font-size: 20px;

	line-height: 25px;

	margin-bottom: 20px;

}

.deee {

	width: 100%;

	margin: 0 auto;

}

.xoni_bb dd h1 span {

	display: block;

	float: left;

	width: 70%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #333333;

	font-size: 18px;

	line-height: 31px;

	transition: all 1s ease;

}

.xoni_bb dd {

	float: right;

	width: 100%;

	height: auto;

	padding-top: 15px;

}

.xoni_bb dt {

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.xoni_bb dt img {

	display: block;

	width: 100%;

	transition: all 1s ease;

}

.xoni_bb dd p {

	transition: all 1s ease;

	clear: both;

	background: url(../images/bg5.png) no-repeat right 10px;

	padding-right: 100px;

	line-height: 31px;

	color: #444444;

	font-size: 14px;

}

}

 @media(max-width:414px) {

.xwone {

	width: 100%;

	padding: 0 15px;

	height: auto;

	margin: 0 auto;

}

.xoni_bt {

	text-align: center;

	margin-bottom: 20px;

	overflow: hidden;

}

.xoni_bb dl {

	clear: both;

	width: 100%;

	height: auto;

	padding: 20px 15px;

	overflow: hidden;

	transition: all 1s ease;

	border-bottom: 1px solid #ccc;

}

.xoni_bb dd h1 font {

	display: block;

	float: right;

	text-align: right;

	color: #666666;

	font-size: 14px;

}

.xoni_bb dd p {

	transition: all 1s ease;

	clear: both;

	background: none;

	padding-right: 0px;

	line-height: 31px;

	color: #444444;

	font-size: 14px;

}

.xoni_bb dl:hover dd p {

	background: none;

}

.xoni_bb dd h1 {

	height: auto;

	overflow: hidden;

	margin-bottom: 0px;

}

.xw_box22 {

	padding-top: 50px;

}

}

.deeee {

	width: 100%;

	height: auto;

}

.xwyin {

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.xwyin h1 {

	text-align: center;

	color: #333333;

	font-size: 18px;

	line-height: 31px;

	margin-bottom: 10px;

}

.xwyin h2 {

	color: #666666;

	font-size: 14px;

	line-height: 31px;

	text-align: center;

	margin-bottom: 30px;

}

.xwyin h2 img {

	vertical-align: middle;

	margin-right: 8px;

}

.xwyin h2 span {

	color: #666;

	font-size: 14px;

	margin-right: 10px;

}

.xwyin p img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

	margin-bottom: 20px;

}

.xwyin span.wonww {

	text-align: center;

	margin-bottom: 20px;

	display: block;

	color: #333333;

	font-size: 18px;

	line-height: 35px;

}

.xwyin p {

	line-height: 32px;

	color: #666666;

	font-size: 16px;

}

.sxhi {

	height: auto;

	overflow: hidden;

}

.sxhi_l {

	float: left;

	width: 80%;

}

.sxhi_l p {

	line-height: 31px;

	color: #333333;

	font-size: 14px;

}

.sxhi_l p a {

	color: #333;

	font-size: 14px

}

.sxhi_l p a:hover {

	color: #ce0000;

}

.sxhi_r { /*float:right;*/

	width: 200px;

	height: 35px;

	background: #ca151c;

	line-height: 35px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	cursor: pointer; /*margin-top:5px;*/

	margin: 0 auto;

}

 @media(max-width:414px) {

.sxhi_l {

	float: left;

	width: 100%;

}

.sxhi_r {

	float: left;

	width: 82px;

	height: 35px;

	background: #ca151c;

	line-height: 35px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	cursor: pointer;

	margin-top: 5px;

}

}

/*新闻中心 end*/



/**/



.rc_box {

	clear: both;

	height: auto;

	overflow: hidden;

	padding: 50px 100px;

}

.rczp_t {

	height: auto;

	overflow: hidden;

	text-align: center;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-bottom: 50px;

}

.rczp_c {

	width: 300px;

	height: auto;

	margin: 0 auto;

	line-height: 24px;

	color: #999999;

	font-size: 14px;

	text-align: center;

	margin-bottom: 50px;

}

.rzcp_b {

	clear: both;

	height: auto;

	overflow: hidden;

}

.rzcp_v {

	clear: both;

	height: auto;

	overflow: hidden;

	margin-bottom: 0px;

}

.rzcp_v li {

	float: left;

	width: 47%;

	height: auto;

	border: 1px solid #a0a0a0;

	overflow: hidden;

	margin-bottom: 40px;

	transition: all 1s ease;

}

.sxonw {

	width: 100%;

	height: auto;

	line-height: 60px;

	background: #c1c1c1;

	text-align: center;

	color: #333;

	font-size: 24px;

	transition: all 1s ease;

}

.sxonw span {

	color: #333333;

	font-size: 14px;

	margin-left: 40px;

	transition: all 1s ease;

}

.xongt {

	overflow: hidden;

	width: 100%;

	height: auto;

	padding: 29px 29px;

	position: relative;

}

.xonwd:after {

	content: '';

	position: absolute;

	left: 240px;

	top: 0px;

	height: 100%;

	width: 1px;

	border-left: 1px dashed #ccc;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.xonwd {

	position: relative;

	min-height: 260px;

}

.xonwd_l {

	float: left;

	width: 27%;

	height: auto;

}

.xonwd_l h1 {

	color: #333333;

	font-size: 16px;

	line-height: 28px;

}

.xonwd_l p {

	color: #333;

	font-size: 14px;

	line-height: 28px;

}

.xonwd_r {

	float: right;

	width: 63%;

	height: auto;

}

.xonwd_r h1 {

	color: #333333;

	font-size: 16px;

	line-height: 28px;

}

.xonwd_r p {

	color: #333333;

	font-size: 14px;

	line-height: 28px;

}

.rzcp_v li:nth-child(even) {

	float: right;

}

.rzcp_v li:hover {

	border: 1px solid #ca151c;

}

.rzcp_v li:hover .sxonw {

	background: #ca151c;

	color: #fff;

}

.rzcp_v li:hover .sxonw span {

	color: #fff;

}

.rczp_b {

	clear: both;

	height: auto;

	;

	overflow: hidden;

	padding-left: 35px;

}

.rczp_b h1 {

	color: #333333;

	font-size: 24px;

	line-height: 28px;

	margin-bottom: 10px;

}

.rczp_b p {

	line-height: 28px;

	color: #333;

	font-size: 14px;

}

.rc_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

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

	background-size: cover;

	padding: 100px 0;

	text-align: center;

	color: #ffffff;

	font-size: 32px;

	line-height: 32px;

}

.rc_box1 a {

	display: block;

	width: 150px;

	height: 50px;

	background: #ca151c;

	font-size: 18px;

	color: #fff;

	line-height: 50px;

	text-align: center;

	margin: 0 auto;

	margin-top: 30px;

}

 @media(max-width:1440px) {

.rc_box {

	clear: both;

	height: auto;

	overflow: hidden;

	padding: 50px 60px;

}

.xonwd:after {

	content: '';

	position: absolute;

	left: 177px;

	top: 0px;

	height: 100%;

	width: 1px;

	border-left: 1px dashed #ccc;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.xonwd {

	position: relative;

	min-height: 340px;

}

}

 @media(max-width:1366px) {

.rc_box {

	clear: both;

	height: auto;

	overflow: hidden;

	padding: 50px 60px;

}

.xonwd:after {

	content: '';

	position: absolute;

	left: 211px;

	top: 0px;

	height: 100%;

	width: 1px;

	border-left: 1px dashed #ccc;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.xonwd {

	position: relative;

	min-height: 370px;

}

.xonwd_l {

	width: 37%;

}

.xonwd_r {

	width: 55%;

}

}

 @media(max-width:1024px) {

.rc_box {

	clear: both;

	height: auto;

	overflow: hidden;

	padding: 40px 30px;

}

.xonwd:after {

	content: '';

	position: absolute;

	left: 150px;

	top: 0px;

	height: 100%;

	width: 1px;

	border-left: 1px dashed #ccc;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

	display: none;

}

.xonwd {

	position: relative;

	min-height: auto;

}

.rzcp_v li {

	float: left;

	width: 100%;

	height: auto;

	border: 1px solid #a0a0a0;

	overflow: hidden;

	margin-bottom: 20px;

	transition: all 1s ease;

}

.xongt {

	height: auto;

	overflow: hidden;

	width: 100%;

	height: auto;

	padding: 30px 20px;

	position: relative;

}

.xonwd_l {

	float: left;

	width: 100%;

	height: auto;

	margin-bottom: 20px;

	border-bottom: 1px dashed #ccc;

	padding-bottom: 10px;

}

.xonwd_r {

	float: right;

	width: 100%;

	height: auto;

}

.sxonw {

	width: 100%;

	height: auto;

	line-height: 45px;

	background: #c1c1c1;

	text-align: center;

	color: #333;

	font-size: 18px;

	transition: all 1s ease;

}

.sxonw span {

	color: #333333;

	font-size: 14px;

	margin-left: 20px;

	transition: all 1s ease;

}

.rczp_b {

	clear: both;

	height: auto;

	;

	overflow: hidden;

	padding-left: 0px;

}

.rc_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

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

	background-size: cover;

	padding: 50px 0;

	text-align: center;

	color: #ffffff;

	font-size: 20px;

	line-height: 32px;

}

}

 @media(max-width:414px) {

.rc_box {

	clear: both;

	height: auto;

	overflow: hidden;

	padding: 40px 15px;

}

.xonwd:after {

	content: '';

	position: absolute;

	left: 150px;

	top: 0px;

	height: 100%;

	width: 1px;

	border-left: 1px dashed #ccc;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

	display: none;

}

.xonwd {

	position: relative;

	min-height: auto;

}

.rzcp_v li {

	float: left;

	width: 100%;

	height: auto;

	border: 1px solid #a0a0a0;

	overflow: hidden;

	margin-bottom: 20px;

	transition: all 1s ease;

}

.xongt {

	height: auto;

	overflow: hidden;

	width: 100%;

	height: auto;

	padding: 30px 20px;

	position: relative;

}

.xonwd_l {

	float: left;

	width: 100%;

	height: auto;

	margin-bottom: 20px;

	border-bottom: 1px dashed #ccc;

	padding-bottom: 10px;

}

.xonwd_r {

	float: right;

	width: 100%;

	height: auto;

}

.sxonw {

	width: 100%;

	height: auto;

	line-height: 25px;

	padding: 10px 0;

	background: #c1c1c1;

	text-align: center;

	color: #333;

	font-size: 16px;

	transition: all 1s ease;

}

.sxonw span {

	color: #333333;

	font-size: 14px;

	margin-left: 0;

	transition: all 1s ease;

	display: block;

	width: 100%

}

.rczp_b {

	clear: both;

	height: auto;

	;

	overflow: hidden;

	padding-left: 0px;

}

.rc_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

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

	background-size: cover;

	padding: 50px 0;

	text-align: center;

	color: #ffffff;

	font-size: 20px;

	line-height: 32px;

}

}

.gy_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 61px 20px;

}

.gywm_t {

	height: auto;

	overflow: hidden;

	text-align: center;

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	margin-bottom: 40px;

}

.gywm_t img {

	vertical-align: middle;

	margin-right: 20px;

}

.gywm_l {

	float: left;

	width: 100%;

	height: auto;

	padding-top: 10px;

	overflow: hidden;

	line-height:30px;

}

.gywm_l p {

	line-height: 28px;

	color: #333333;

	font-size: 14px;

	margin-bottom: 30px;

}

.gywm_l p:last-child {

	margin-bottom: 0px;

}

.gywm_r {

	float: right;

	width: 46%;

	height: auto;

}

.gywm_r img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

 @media(max-width:1440px) {

.gy_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 50px 60px;

}

}

 @media(max-width:1024px) {

.gy_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 40px 30px;

}

.gywm_t {

	height: auto;

	overflow: hidden;

	text-align: center;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

}

.gywm_t img {

	vertical-align: middle;

	margin-right: 20px;

}

.gywm_l {

	float: left;

	width: 100%;

	height: auto;

	padding-top: 0px;

	overflow: hidden;

}

.gywm_l p {

	line-height: 28px;

	color: #333333;

	font-size: 14px;

	margin-bottom: 30px;

}

.gywm_l p:last-child {

	margin-bottom: 0px;

}

.gywm_r {

	float: right;

	width: 100%;

	height: auto;

}

}

 @media(max-width:414px) {

.gy_box {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	padding: 40px 15px;

}

.gywm_t {

	height: auto;

	overflow: hidden;

	text-align: center;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

}

.gywm_t img {

	vertical-align: middle;

	margin-right: 20px;

}

.gywm_l {

	float: left;

	width: 100%;

	height: auto;

	padding-top: 0px;

	overflow: hidden;

}

.gywm_l p {

	line-height: 28px;

	color: #333333;

	font-size: 14px;

	margin-bottom: 30px;

}

.gywm_l p:last-child {

	margin-bottom: 0px;

}

.gywm_r {

	float: right;

	width: 100%;

	height: auto;

}

}

.gy_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0px 0px 170px;

}

.gywm_t1 {

	margin: 0px;

}

.gy_box2 {

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 812px;

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

	background-size: cover;

	padding: 180px 0px 0 0px;

}

.falc {

	height: auto;

	position: relative;

	padding: 0px 65px 0 65px;

}

.falc:after {

	content: '';

	position: absolute;

	left: 0;

	top: 149px;

	height: 2px;

	width: 100%;/*background:#cfd1d2;*/

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.faonw {

	height: 154px;

	background: url(../images/bg7.png) no-repeat 20px bottom;

	transition: all 1s ease;

	cursor: pointer;

}

.faonw_t {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 18px;

	line-height: 30px;

	margin-bottom: 25px;

	transition: all 1s ease;

}

.faonw_t:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 1px;

	height: 2px;

	width: 120px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.faonw_b {

	clear: both;

	height: auto;

	overflow: hidden;

	color: #fff;

	font-size: 22px;

	line-height: 26px;

	transition: all 1s ease;

}

.faonw:hover .faonw_t:after {

	background: #02b7c6;

}

.faonw:hover .faonw_t {

	color: #02b7c6;

}

.faonw:hover .faonw_b {

	color: #02b7c6;

}

.faonw1 {

	height: 154px;

	cursor: pointer;

	background: url(../images/bg7.png) no-repeat 20px top;

	margin-top: 145px;

	padding-top: 35px;

	transition: all 1s ease;

}

.faonw_t1 {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 18px;

	line-height: 30px;

	margin-bottom: 0px;

	padding-top: 10px;

	margin-top: 15px;

	transition: all 1s ease;

}

.faonw_t1:after {

	content: '';

	position: absolute;

	left: 0;

	top: 1px;

	height: 2px;

	width: 120px;

	background: #fff;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.faonw1:hover .faonw_b {

	color: #02b7c6

}

.faonw1:hover .faonw_t1:after {

	content: '';

	position: absolute;

	left: 0;

	top: 1px;

	height: 2px;

	width: 120px;

	background: #02b7c6;

	transition: 400ms ease all;

	-moz-transition: 400ms ease all;

}

.faonw1:hover .faonw_t1 {

	color: #02b7c6

}

.faonw:hover {

	background: url(../images/bg8.png) no-repeat 20px bottom;

}

.faonw1:hover {

	background: url(../images/bg8.png) no-repeat 20px top;

}

 @media(max-width:1440px) {

.faonw_t {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 25px;

	transition: all 1s ease;

}

.faonw_t1 {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 0px;

	padding-top: 10px;

	margin-top: 15px;

	transition: all 1s ease;

}

}

 @media(max-width:1024px) {

.faonw_t {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 25px;

	transition: all 1s ease;

}

.faonw_t1 {

	height: auto;

	min-height: 66px;

	position: relative;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 0px;

	padding-top: 10px;

	margin-top: 15px;

	transition: all 1s ease;

}

.gy_box2 {

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 512px;

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

	background-size: cover;

	padding: 155px 0px 0 0px;

}

.gy_box1 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0;

}

.gywm_t1 {

	margin: 0px;

}

}

.gy_box3 {

	clear: both;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #203145

}

.hyin_l {

	float: left;

	width: 24%;

	height: auto;

	padding: 107px 0 0 182px;

}

.hyin_l li {

	width: 95px;

	height: auto;

	overflow: hidden;

	cursor: pointer;

	min-height: 48px;

	position: relative;

	margin-bottom: 80px;

}

.hyin_l li a {

	color: #ffffff;

	font-size: 22px;

	min-height: 48px;

}

.dada {

	border-bottom: 3px solid #2fe4ea;

	color: #fff;

}

.xiao {

	color: #fff;

	border-bottom: 3px solid #fff;

}

.hyin_r {

	float: right;

	width: 76%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.hyin_r img {

	display: block;

	width: 100%;

	height: 852px;

}

.hyin_l li:last-child {

	margin-bottom: 0px;

}

.bonee {

	position: absolute;

	width: 165px;

	height: auto;

	left: 709px;

	top: 324px;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}

.bonee img {

	display: block;

	margin: 0 auto;

	width: 24px;

	height: auto

}

.duine {

	width: 390px;

	height: 160px;

	background: #203145;

	border-radius: 5px;

	position: absolute;

	left: 40px;

	top: 18px;

	padding: 10px 27px 0 27px;

	overflow: hidden;

}

.duined {

	padding-top: 23px;

}

.duine h1 {

	color: #fff;

	font-size: ffffff;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 5px;

}

.duine p {

	clear: both;

	height: auto;

	margin-bottom: 10px;

	overflow: hidden;

}

.duine p span {

	display: block;

	float: left;

	width: 12px;

	height: 12px;

	vertical-align: middle;

	margin-top: 3px;

}

.duine p span img {

	display: block;

	width: 12px;

	height: 12px;

}

.duine p font {

	display: block;

	float: right;

	width: 92%;

	color: #ffffff;

}

.duine p:last-child {

	margin-bottom: 0px;

}

.duine1 {

	top: 179px;

}

.duine2 {

	top: 339px;

}

.duine3 {

	top: 500px;

}

.duine4 {

	top: 560px;

	width: 536px;

}

.xonq {

	width: 50%;

	float: left;

}

 @media(max-width:1600px) {

.bonee {

	position: absolute;

	width: 165px;

	height: auto;

	left: 579px;

	top: 324px;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}

}

 @media(max-width:1366px) {

.bonee {

	position: absolute;

	width: 165px;

	height: auto;

	left: 479px;

	top: 324px;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}

}

 @media(max-width:1024px) {

.bonee {

	position: absolute;

	width: 165px;

	height: auto;

	left: 479px;

	top: 324px;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}

.hyin_l {

	float: left;

	width: 100%;

	height: auto;

	padding: 30px 30px;

}

.hyin_r {

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.hyin_l li {

	width: 20%;

	height: auto;

	overflow: hidden;

	cursor: pointer;

	color: #ffffff;

	font-size: 16px;

	min-height: 48px;

	position: relative;

	margin-bottom: 0px;

	float: left;

	text-align: center;

}

.duine {

	width: 90%;

	height: auto;

	background: #203145;

	border-radius: 5px;

	position: absolute;

	left: 0px;

	right: 0;

	margin: auto;

	top: 18px;

	padding: 23px 27px 23px 27px;

	overflow: hidden;

}

.duine1 {

	top: 18px;

}

.duine2 {

	top: 18px;

}

.duine3 {

	top: 18px;

}

.duine4 {

	top: 18px;

	width: 100%;

}

.hyin_r img {

	display: block;

	width: 100%;

	height: auto;

}

.bonee img {

	display: block;

	margin: 0 auto;

	width: 24px;

	height: auto

}

.bonee {

	position: absolute;

	width: 165px;

	height: auto;

	left: 439px;

	top: 214px;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}

}

 @media(max-width:414px) {

.hyin_l {

	float: left;

	width: 100%;

	height: auto;

	padding: 30px 15px;

}

.hyin_l li {

	width: 20%;

	height: auto;

	overflow: hidden;

	cursor: pointer;

	color: #ffffff;

	font-size: 14px;

	min-height: 48px;

	position: relative;

	margin-bottom: 0px;

	float: left;

	text-align: center;

}

.xonq {

	width: 100%;

	float: left;

}

}

/**/



.nav_circle {

	width: 1096px;

	height: 947px;

	position: absolute;

	z-index: 999;

	left: 160px;

	top: 97px;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	line-height: 44px;

}

.img_top {

	left: 160px;

	top: -27px;

	-webkit-transform: rotate(0deg);

}

.img_top img, .img_bottom img {

	width: 77px;

	height: 77px;

}

.r1 {

	transform: rotate(0deg) skew(0deg) scale(1);

	-ms-transform: rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

	-moz-transform: rotate(0deg) skew(0deg) scale(1);     /* Firefox */

	-webkit-transform: rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

	-o-transform: rotate(0deg) skew(0deg) scale(1);

	animation: rotate 10s linear infinite;

	-webkit-animation: rotate 10s linear infinite;

	-moz-animation: rotate 10s linear infinite;

	-o-animation: rotate 10s linear infinite;

}

.r1 .img {

	transform: rotate(0deg) skew(0deg) scale(1);

	-ms-transform: rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

	-moz-transform: rotate(0deg) skew(0deg) scale(1);     /* Firefox */

	-webkit-transform: rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

	-o-transform: rotate(0deg) skew(0deg) scale(1);

	animation: rotate_c1 10s linear infinite;

	-webkit-animation: rotate_c1 10s linear infinite;

}

 @keyframes rotate {

 0% {

 transform:rotate(0deg) skew(0deg) scale(1);

 -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

 -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

 -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

 -o-transform:rotate(0deg) skew(0deg) scale(1);

}

 100% {

 transform:rotate(360deg) skew(0deg) scale(1);

 -ms-transform:rotate(360deg) skew(0deg) scale(1);     /* IE 9 */

 -moz-transform:rotate(360deg) skew(0deg) scale(1);     /* Firefox */

 -webkit-transform:rotate(360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

 -o-transform:rotate(360deg) skew(0deg) scale(1);

}

}

 @keyframes rotate_c1 {

 0% {

 transform:rotate(0deg) skew(0deg) scale(1);

 -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

 -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

 -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

 -o-transform:rotate(0deg) skew(0deg) scale(1);

}

 100% {

 transform:rotate(-360deg) skew(0deg) scale(1);

 -ms-transform:rotate(-360deg) skew(0deg) scale(1);     /* IE 9 */

 -moz-transform:rotate(-360deg) skew(0deg) scale(1);     /* Firefox */

 -webkit-transform:rotate(-360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

 -o-transform:rotate(-360deg) skew(0deg) scale(1);

}

}

.ed_box {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.75);

	z-index: 9999;

}

.xwinw {

	width: 400px;

	height: auto;

	margin: auto;

	position: absolute;

	left: 0;

	right: 0;

	top: 10%;

	padding: 30px 15px;

	background: #fff;

	overflow: hidden;

	border-radius: 5px;

}

.xwinw_b {

	clear: both;

	height: auto;

	overflow: hidden;

}

.xwinw_b p {

	clear: both;

	height: auto;

	overflow: hidden;

	margin-bottom: 8px;

	line-height: 41px;

	font-size: 16px;

	color: #333;

	text-align: center

}

.xwinw_b p img {

	display: block;

	margin: 0 auto;

}

.ed_box1 {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.75);

	z-index: 9999;

}

.xgin {

	width: 226px;

	height: auto;

	margin: 0 auto;

}

.xgin p {

	color: #333333;

	line-height: 24px;

	font-size: 15px;

}

.tuxo2 {

	width: 100%;

	height: 35px;

	background: #1d64b4;

	text-align: center;

	line-height: 35px;

	color: #fff;

	font-size: 15px;

	border: none;

	margin: 15px auto;

}

.xgin p span {

	color: #666666;

	line-height: 24px;

	font-size: 14px;

}

.xgin p a {

	display: block;

	width: 121px;

	height: 35px;

	border: 1px solid #ccc;

	text-align: center;

	line-height: 33px;

	color: #333;

	font-size: 14px;

	margin: 0 auto;

	margin-top: 35px

}

.wbk14 {

	width: 100%;

	height: 41px;

	border: 1px solid #ccc;

	line-height: 39px;

	padding: 0 15px;

	color: #333;

	font-size: 16px;

	border-radius: 5px;

}

.xwinw_b p font a {

	border: 1px solid #1d64b4;

	width: 121px;

	height: 35px;

	background: #1d64b4;

	color: #fff;

	font-size: 15px;

	text-align: center;

	line-height: 33px;

	display: block;

	float: left;

	margin-right: 8px;

	margin-top: 30px;

}

.xwinw_b p font button {

	border: 1px solid #1d64b4;

	width: 121px;

	height: 35px;

	background: #1d64b4;

	color: #fff;

	font-size: 15px;

	text-align: center;

	line-height: 33px;

	display: block;

	float: left;

	margin-right: 8px;

	margin-top: 30px;

}

.xwinw_b p font a.qunee {

	border: 1px solid #ccc;

	background: none;

	color: #333;

}

.xwinw_b p font button {

	border: 1px solid #ccc;

	background: none;

	color: #333;

}

.xwinw_b p {

	clear: both;

	height: auto;

	overflow: hidden;

	margin-bottom: 8px;

	line-height: 41px;

}

.xwinw_b p span {

	display: block;

	float: left;

	width: 87px;

	text-align: left;

	color: #333333;

	font-size: 16px;

}

.xwinw_b p font {

	float: right;

	display: block;

	width: 100%;

}

.scin {

	display: block;

	border: 1px solid #1d64b4;

	width: 121px;

	height: 35px;

	background: #1d64b4;

	color: #fff;

	font-size: 15px;

	text-align: center;

	line-height: 33px;

	display: block;

	float: left;

	margin-right: 5px;

}

.file-box {

	display: block;

	position: relative;

	padding: 3px 5px;

	overflow: hidden;

	border: 1px solid #1d64b4;

	width: 121px;

	height: 40px;

	background: #1d64b4;

	color: #fff;

	font-size: 15px;

	text-align: center;

	line-height: 35px;

}

.file-btn {

	position: absolute;

	width: 121px;

	height: 40px;

	top: 0;

	left: 0;

	outline: none;

	background-color: transparent;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

}

 @media(max-width:414px) {

.xwinw {

	width: 90%;

	height: auto;

	margin: auto;

	position: absolute;

	left: 0;

	right: 0;

	top: 10%;

	padding: 30px;

	background: #fff;

	overflow: hidden;

	border-radius: 5px;

}

}