/*header*/

.header {
	height: 116px;
	line-height: 116px;
	position: fixed;
	width: 100%;
	z-index: 7000;
	background: #ffffff;
	top: 0;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}

.logo,
.header_r {
	width: 20%;
}

.logo {
	width: 122px;
	height: 82px;
	position: relative;
	margin-left: 10%;
	z-index: 500;
}

.logo h1 img {
	cursor: pointer;
	display: block;
	z-index: 300;
}


.bg{
    background: #1b75bc;
    color: black;
}
.bg>a{
    /*background: #8897c3;*/
    color: #fff!important;
}
.nav {
	text-align: center;
	z-index: 300;
	width: 72%;
	position: absolute;
	left: 50%;
	/*top: 7%;*/
	margin-left: -28%;
}
.nav>ul>li {
    height: 116px;
	float: left;
	display: inline-block;
}

.nav>ul>li>a {
	font-size: 14px;
	color: #7d7d7e;
	display: block;
	padding: 0 23px;
	text-decoration: none;
}

.nav>li:hover {
	background: #080808;
	color: #ffffff;
}

.index_on {
	background: #080808;
	color: #ffffff !important;
}

.nav>li:hover a {
	color: #ffffff !important;
}

.nav>a {
	float: right;
	margin-right: 5%;
	font-family: Arial;
	color: #7d7d7e;
	display: block;
	position: relative;
	top: 0px;
}

.header_r {
	/*padding-right: 94px;*/
	position: relative;
	float: right;
	width: 5%;
	z-index: 500;
	height: 70px;
	top: 2px;
	right: 0px;
}

.Quickmeau {
	color: #fff;
	background: #1d76bc !important;
	height: 100%;
	width: 250px;
	position: fixed;
	right: -250px;
	top: 0;
	z-index: 9999;
}

.Quickmeauul li {
	width: 100%;
	height: 75px;
	padding: 0px 20px 0px 30px;
	position: relative;
}

.Quickmeauul li a {
	color: #fff;
	line-height: 75px;
	font-size: 15px;
}

.Quickmeauul li a i {
	font-size: 20px;
}

@-webkit-keyframes bounce-up {
	25% {
		-webkit-transform: translateY(5px);
	}
	50%,
	100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(5px);
	}
}

@keyframes bounce-up {
	25% {
		transform: translateY(5px);
	}
	50%,
	100% {
		transform: translateY(0px);
	}
	75% {
		transform: translateY(5px);
	}
}

.bounce-up {}

.Quickmeauul li a b {
	background-color: #fff;
	width: 37px;
	height: 25px;
	border-radius: 13%;
	color: #000;
	display: block;
	position: absolute;
	top: 25px;
	line-height: 27px;
	font-size: 12px;
	right: 52px;
	text-align: center;
}

.Quickmeauul li:hover a {
	line-height: 75px;
	font-size: 18px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.Quickmeauul li:hover i {
	font-size: 28px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-animation: bounce-up 3.5s linear infinite;
	animation: bounce-up 3.5s linear infinite;
}

.side-search>form {
	padding: 10px 30px 25px 30px;
}

.side-search>form .form-group {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.side-search>form .input-search {
	position: relative;
	overflow: hidden;
}

.side-search>form .input-search-btn {
	z-index: 3;
	padding: 5px 5px 0 10px;
}

.input-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 10px;
	background: 0 0;
	border: none;
	border-radius: 0 200px 200px 0;
}

.side-search>form .input-search .form-control {
	border-radius: 0;
	background: none;
	padding: 0;
	font-family: 'AddFont', Microsoft Yahei;
	width: 155px;
	height: 50px;
	color: #fff;
	position: relative;
	z-index: 2;
	font-size: 16px;
	border-top: none;
	border-left: none;
	border-right: none;
	caret-color: #fff;
}

.side-foot {
	padding: 30px 30px 25px 30px;
	text-align: left;
	overflow: hidden;
}

.side-phone {
	line-height: 1;
	padding-bottom: 20px;
	height: 30px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: .6s .4s;
	-moz-transition: .6s .4s;
	-ms-transition: .6s .4s;
	-o-transition: .6s .4s;
	-webkit-transition: .6s .4s;
	transition-property: opacity, transform!important;
	-moz-transition-property: opacity, transform!important;
	-ms-transition-property: opacity, transform!important;
	-o-transition-property: opacity, transform!important;
	-webkit-transition-property: opacity, transform!important;
}

.side-phone P {
	float: left;
	margin: 0;
	line-height: 1;
}

.side-phone p b {
	display: block;
	font-family: 'AddFont';
	font-weight: normal;
	color: #fff;
	margin-bottom: 5px;
}

.side-phone p a {
	display: block;
	font-family: 'AddFont';
	color: #fff;
	font-size: 22px;
	letter-spacing: -1px;
}

.social-box a {
	font-size: 14px;
	width: 25px;
	line-height: 25px;
	height: 25px;
	border-radius: 99px;
	cursor: pointer;
	text-align: center;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	background: red;
	margin: 4px 0 0 4px;
	float: left;
	color: #fff;
	margin-left: 3px;
}

.input-search-btn i {
	font-size: 25px;
	color: #fff;
}


/*下拉菜单*/

.erji_nav {
	display: none;
	overflow: hidden;
	width: 100% !important;
	height: 300px !important;
	border-top: 2px solid #d1b44c;
	position: absolute;
	left: 0;
	top: 103px;
	background-color: #fff;
	padding-top: 55px;
	padding-bottom: 70px;
}

.erji_nav .title {
	overflow: hidden;
	width: 170px;
	float: left;
	margin-left: 120px;
}

.erji_nav .title i {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #dc1313;
	margin-bottom: 20px;
}

.erji_nav .title h3 {
	font-size: 20px;
	margin-bottom: 30px;
}

.erji_nav .title h3 a {
	color: #333 !important;
}

.erji_nav .title .more {
	display: block;
	width: 118px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #cecece;
	font-size: 12px;
	color: #999;
	font-family: Arial;
}

.erji_nav ul {
	overflow: hidden;
	float: left;
	width: 120px;
	margin-left: 45px;
}

.erji_nav .ul01 {
	border-right: 1px solid #e9e9e9;
}

.erji_nav li {
	font-size: 14px;
	line-height: 36px;
	width: 100%;
	*float: left
}

.erji_nav li a {
	color: #000 !important;
}

.erji_nav li a:hover {
	color: #dc1313 !important;
}

.erji_nav .contect {
	display: block;
	width: 128px;
	height: 78px;
	border: 1px solid #cecece;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #555;
	text-decoration: none;
	margin-left: 45px;
}

.erji_nav .contect img {
	display: block;
	margin: 10px auto;
}


/*banner*/

#arrow-left {
	background: url(../img/banner_rm.svg) no-repeat left top;
	width: 80px;
	z-index: 999;
}

#arrow-right {
	background: url(../img/banner_lm.svg) no-repeat left bottom;
	width: 80px;
	z-index: 999;
}

#banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

#banner {
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	top: 116px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
}

#bannerSwiper .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

#bannerSwiper .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	opacity: 1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

#bannerSwiper .swiper-pagination-bullet-active {
	background: #fdd000;
	width: 12px;
}

#swiper-slide1 a img {
	width: 100%;
	height: 100%;
}


/*section2*/
.section1{
	width:100%;
	height: 855px;
	


}
.section2 {
	 width: 1410px;
	overflow: hidden;
	margin: 40px auto;
	position: relative;

}

.section2-fl {
	width: 50%;
	overflow: hidden;
}
.section2-fl img{
	width:99%
}
.section2-fr {
	width: 50%;
	overflow: hidden;
}

.section2-fr p:nth-child(1) {
	font-size: 39px;
	margin-top: 30px;
}

.section2-fr p:nth-child(1) span {
	font-size: 18px;
	margin-left: 20px;
	color: #524c4c;
}

.section2-fr p:nth-child(2) {
	    font-size: 13px;
    text-indent: 2em;
    height: 244px;
    width: 94%;
    line-height: 30px;
    overflow: hidden;
}

.section2-fr p:nth-child(3) a {
	display: block;
	height: 25px;
	font-size: 14px;
	color: #4b3333;
	margin-right: 20px;
}

.section2-fr p:nth-child(4) {
	display: block;
	height: 65px;
	/*margin-left: -73px;*/
	border-bottom: 5px solid #000000;
	background: #2389e0;
	padding-left: 40px;
	font-size: 30px;
	color: #fff;
	line-height: 60px;
}


/*section3*/

.section3 {
	background: url(../img/ys_bg.jpg) no-repeat center;
	height: 734px;
	overflow: hidden;
}

.cont {
	width: 1200px;
	margin: 30px auto;
}

.title {
	width: 268px;
	display: block;
	text-align: center;
	height: 67px;
	margin: 0px auto;
	overflow: hidden;
	margin-top: 60px;
	background: url(../img/title.png) no-repeat center;
}

.title p {
	text-align: center;
	color: #fff;
}

.title p:nth-child(1) {
	margin-left: 30px;
	font-size: 47px;
	font-weight: bold;
	padding-left: 13px;
}

.title p:nth-child(2) {
	text-align: left;
	margin-left: 10px;
	text-transform: Uppercase;
}

.title p:nth-child(2) span {
	text-align: left;
	margin-left: 10px;
	font-size: 30px;
}

.section3 ul {
	margin-top: 60px;
}

.section3 ul li {
	float: left;
	width: 46%;
	    height: 190px;
	    overflow: hidden;
	margin-bottom: 40px;
	padding: 20px;
	margin-left: 40px;
	background: #fff;
}

.section3 ul li .ys_img {
	width: 232px;
	height: 153px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	transition: all 5s;
}

.section3 ul li .ys_img img {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	transition: all 0.5s;
}

.section3 ul li .ys_img:hover img {
	transform: scale(1.1);
}

.section3 ul li .ys_txt {
	width: 245px;
	margin-top: 20px;
}

.section3 ul li .ys_txt p:nth-child(1) {
	font-size: 20px;
	color: #151010;
	font-weight: bold;
}

.section3 ul li .ys_txt p:nth-child(2) {
	font-size: 12px;
	color: #474747;
	line-height: 20px;
}


/*section4*/

.section4 {
	width: 100%;
	margin-top: 0px;
	overflow: hidden;
	margin-bottom: 20px;
}

.section4 .cont_nav {
	    width: 920px;
    text-align: center;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: -14px !important;
}

.section4 .cont_nav li {
	float: left;
	width: 200px;
	height: 60px;
	margin-left: 20px;
	color: #000000;
	font-size: 24px;
	
	transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;

}

.section4 .cont_nav li a {
	display: block;
	color: #000;
	font-size: 24px;
	line-height: 60px;
	text-decoration: none;
}

.section4 .cont_nav li:hover {
	 background: #1184da;	
	   transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	color: #fff;
}

.section4 .cont_nav li:hover a {
	color: #fff;
}

.section4 .cont_nav li.hover {
	background: #2389e0;
	color: #fff;
}

.section4 .cont_nav li.hover a {
	color: #fff;
}
.cont_img_box{
	width:100%;
	overflow: hidden;
}
.cont_img {
	
}

.fold_wrap {
	width: 100%;
	height: 677px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	padding: 0px;
}

.fold_wrap li {
	float: left;
	width: 25%;
	height: 677px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@keyframes test {
	0% {
		transform: translate(0, 0)
	}
	50% {
		transform: translate(0, 5px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.fold_wrap2 li:hover {
	animation: test 0.25s ease-in 3;
}

.fold_wrap li .mask_b {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	right: 0px;
	top: 0px;
	text-align: right;
	background: rgba(0, 0, 0, .3);
	_background: #B2B2B2;
}

.fold_wrap li.active .mask_b {
	background: none;
}

.fold_wrap li .mask_b h4 {
	color: #fff;
	width: 100%;
	margin: 0 auto;
	display: block;
	font: 30px/30px Microsoft Yahei;
	position: relative;
	right: 40px;
	top: 370px;
	text-align: center;
}

.fold_wrap li.big {
	width: 875px;
}

.i_how_n1 {
	top: 370px;
}

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

.more {
	clear: both;
	width: 160px;
	display: block;
	margin: 30px auto;
	height: 60px;
	line-height: 60px;
	color: #2389e0;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #d2d2d2;
}

.section5 {
	width: 100%;
	height: 750px;
	overflow: hidden;
	background: url(../img/ys2_bg.jpg) no-repeat center;
}

.cont_nav2 {
	width: 700px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

.cont_nav2 li {
	float: left;
	width: 140px;
	height: 40px;
	margin-left: 20px;
	border-radius: 20px;
}

.cont_nav2 li a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	text-decoration: none;
}

.cont_nav2 li:hover {
	background: #ffffff;
}

.cont_nav2 li:hover a {
	color: #101010;
}


.cont_nav2 li.hover3 {
	background: #ffffff;
}

.cont_nav2 li.hover3 a {
	color: #101010;
}

.cont_list1_box {
	margin-top: 60px;
	clear: both;
	overflow: hidden;
}

.cont_list1_box .cont_list1 {
	margin-top: 60px;
}

.cont_list1 ul li {
	float: left;
	width: 280px;
	height: 300px;
	margin-left: 10px;
}

.cont_list1 ul li a {
	display: block;
	text-decoration: none;
}

.cont_list1 ul li a .cont_list1_img {
	width: 280px;
	height: 215px;
	display: block;
	overflow: hidden;
}

.cont_list1 ul li a .cont_list1_img img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.cont_list1 ul li a .cont_list1_img:hover img {
	transform: scale(1.1);
}

.cont_list1 ul li a .cont_list1_txt {
	text-align: center;
	font-size: 16px;
	color: #fff;
	display: block;
	line-height: 40px;
	height: 40px;
}

.pare_bpx {
	margin-bottom: 30px;
	margin-top: 60px;
	height: 306px;
}

.pare_bpx ul li {
	width: 274px;
	margin-bottom: 5px;
	height: 130px !important;
	float: left;
	transition: all 1s;
	margin-left: 5px !important;
}

.pare_bpx ul li img {
	max-width: 100%;
	transition: all 1s;
}

.pare_bpx ul li:hover {
	transform: rotateY(360deg);
}
.cont_img_box{
	width:100%;
	overflow: hidden;
}

/*section6*/

.section6 {
	margin-top: 40px;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.title2 {
	width: 268px;
	display: block;
	text-align: center;
	height: 67px;
	margin: 0px auto;
	overflow: hidden;
	margin-top: 60px;
	background: url(../img/title2.png) no-repeat center;
}

.title2 p {
	text-align: center;
}

.title2 p:nth-child(1) {
	margin-left: 30px;
	font-size: 47px;
	font-weight: bold;
	padding-left: 13px;
	color: #248edd;
}

.title2 p:nth-child(2) {
	text-align: left;
	margin-left: 20px;
	color: #000;
	text-transform: Uppercase;
}

.title2 p:nth-child(2) span {
	text-align: left;
	margin-left: 10px;
	font-size: 30px;
	color: #000;
}

.title2 p {
	color: #000;
}

.cont_nav3 {
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

.cont_nav3 li {
	float: left;
	width: 140px;
	height: 50px;
	margin-left: 143px;
	transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;

}

.cont_nav3 li a {
	display: block;
	color: #000;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}

.cont_nav3 li:hover {
	   background: #1184da;	
	   transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
}
.cont_nav3 li.hover {
    background: #1184da;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
.cont_nav3 li:hover a {
	  	color: #fff;
}
.cont_nav3 li.hover a {
    color: #fff;
}

.cont_nav3 li.hover4 {
	
	background: #1184da;
	
}

.cont_nav3 li.hover4 a {
	color: #fff;
}


/*skew-box*/


.skew-box {
	top: 30px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.skew-box:before {
	content: '';
	position: absolute;
	background: #fff;
	height: 100%;
	width: 500px;
	right: 100%;
	top: 0;
	z-index: 8;
	transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
}

.skew-box:after {
	content: '';
	position: absolute;
	background: #fff;
	height: 100%;
	width: 500px;
	left: 100%;
	bottom: 0;
	z-index: 9;
	transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
}

.skew-box ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	z-index: 7;
}

@media (min-width:992px) {
	.skew-box ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 50%;
		position: relative;
		z-index: 1;
		transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
	}
	.skew-box ul li:nth-child(2) {
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		-webkit-transform: translateX(50%);
	}
	.skew-box ul li:nth-child(3) {
		position: absolute;
		z-index: 3;
		left: 0;
		top: 0;
		transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}
	.skew-box ul li:nth-child(4) {
		position: absolute;
		z-index: 4;
		left: 0;
		top: 0;
		transform: translateX(150%);
		-moz-transform: translateX(150%);
		-ms-transform: translateX(150%);
		-o-transform: translateX(150%);
		-webkit-transform: translateX(150%);
	}
	.skew-box ul:hover li:nth-child(2) {
		transform: translateX(44%);
		-moz-transform: translateX(44%);
		-ms-transform: translateX(44%);
		-o-transform: translateX(44%);
		-webkit-transform: translateX(44%);
	}
	.skew-box ul:hover li:nth-child(3) {
		transform: translateX(88%);
		-moz-transform: translateX(88%);
		-ms-transform: translateX(88%);
		-o-transform: translateX(88%);
		-webkit-transform: translateX(88%);
	}
	.skew-box ul:hover li:nth-child(4) {
		transform: translateX(132%);
		-moz-transform: translateX(132%);
		-ms-transform: translateX(132%);
		-o-transform: translateX(132%);
		-webkit-transform: translateX(132%);
	}
	.skew-box ul:hover li:nth-child(3):hover+li {
		transform: translateX(156%);
		-moz-transform: translateX(156%);
		-ms-transform: translateX(156%);
		-o-transform: translateX(156%);
		-webkit-transform: translateX(156%);
	}
	.skew-box ul:hover li:nth-child(2):hover+li {
		transform: translateX(112%);
		-moz-transform: translateX(112%);
		-ms-transform: translateX(112%);
		-o-transform: translateX(112%);
		-webkit-transform: translateX(112%);
	}
	.skew-box ul:hover li:nth-child(2):hover+li+li {
		transform: translateX(156%);
		-moz-transform: translateX(156%);
		-o-transform: translateX(156%);
		-ms-transform: translateX(156%);
		-webkit-transform: translateX(156%);
	}
	.skew-box ul:hover li:nth-child(1):hover+li {
		transform: translateX(68%);
		-moz-transform: translateX(68%);
		-ms-transform: translateX(68%);
		-o-transform: translateX(68%);
		-webkit-transform: translateX(68%);
	}
	.skew-box ul:hover li:nth-child(1):hover+li+li {
		transform: translateX(112%);
		-moz-transform: translateX(112%);
		-ms-transform: translateX(112%);
		-o-transform: translateX(112%);
		-webkit-transform: translateX(112%);
	}
	.skew-box ul:hover li:nth-child(1):hover+li+li+li {
		transform: translateX(156%);
		-moz-transform: translateX(156%);
		-ms-transform: translateX(156%);
		-o-transform: translateX(156%);
		-webkit-transform: translateX(156%);
	}
	.skew-box ul li strong {
		position: absolute;
		left: -4.5%;
		bottom: 25%;
		width: 50%;
		text-align: center;
		z-index: 999;
		visibility: visible;
		opacity: 1;
		transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transition: .25s;
		-moz-transition: .25s;
		-ms-transition: .25s;
		-o-transition: .25s;
		-webkit-transition: .25s;
	}
	.skew-box ul li:hover strong {
		visibility: hidden;
		opacity: 0;
		transform: scale(.6, .6);
		-moz-transform: scale(.6, .6);
		-ms-transform: scale(.6, .6);
		-o-transform: scale(.6, .6);
		-webkit-transform: scale(.6, .6);
		transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
	}
	.skew-box ul li strong img {
		max-width: 100px;
		max-height: 100px;
		margin: 0 auto;
		display: block;
	}
	.skew-box ul li strong i {
		font-size: 55px;
		color: #fff;
		line-height: 1.2;
	}
	.skew-box ul li strong h2 {
		color: #fff;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li strong b {
		color: #fff;
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li font {
		position: absolute;
		z-index: 999;
		width: 75%;
		padding: 0 20%;
		left: -5%;
		bottom: 34%;
		color: #fff;
		font-weight: normal;
		visibility: hidden;
		opacity: 0;
		transform: scale(.6, .6);
		-moz-transform: scale(.6, .6);
		-ms-transform: scale(.6, .6);
		-o-transform: scale(.6, .6);
		-webkit-transform: scale(.6, .6);
		transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
	}
	.skew-box ul li:hover font {
		visibility: visible;
		opacity: 1;
		transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transition: .25s .4s;
		-moz-transition: .25s .4s;
		-ms-transition: .25s .4s;
		-o-transition: .25s .4s;
		-webkit-transition: .25s .4s;
	}
	.skew-box ul li font h1 {
		color: #fff;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li font b {
		color: #fff;
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li font p {
		color: #fff;
		margin-top: 10px;
		overflow: hidden;
		max-height: 140px;
	}
	.skew-box ul li font a {
		color: #023894;
		float: right;
		width: 180px;
		height: 50px;
		margin: 15px 15px 0 0;
		line-height: 50px;
		text-align: center;
		position: relative;
	}
	.skew-box ul li font a:before {
		background: #fff;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		content: '';
		position: absolute;
		z-index: -1;
		transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	.skew-box ul li font a:hover:before {
		background: #e6e6e6;
	}
	.skew-box ul li span {
		width: 100%;
		transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		overflow: hidden;
		display: block;
		position: relative;
	}
	.skew-box ul li span:before {
		width: 100%;
		height: 100%;
		background: #023894;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		z-index: 999;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	.skew-box ul li:hover span:before {
		opacity: .6;
	}
	.skew-box ul li span img {
		transform: skewX(15deg);
		-moz-transform: skewX(15deg);
		-ms-transform: skewX(15deg);
		-o-transform: skewX(15deg);
		-webkit-transform: skewX(15deg);
		width: 100%;
		margin-left: -15%;
		display: block;
	}
}

@media (max-width:1599px) {
	.skew-box ul li strong i {
		font-size: 50px;
	}
	.skew-box ul li font {
		padding: 0 15%;
		left: -4%;
		bottom: 17%;
	}
	.skew-box ul li font p {
		max-height: 130px;
	}
	.skew-box ul li font a {
		width: 160px;
		height: 45px;
		line-height: 45px;
		margin: 10px 10px 0 0;
	}
}

@media (max-width:1199px) {
	.skew-box ul li strong i {
		font-size: 45px;
	}
	.skew-box ul li font {
		padding: 0 13%;
		left: -3%;
		bottom: 13%;
	}
	.skew-box ul li font p {
		max-height: 120px;
	}
	.skew-box ul li font a {
		width: 140px;
		height: 40px;
		line-height: 40px;
		margin: 10px 10px 0 0;
	}
}

@media (max-width:991px) {
	.skew-box ul:before {
		height: 50%;
	}
	.skew-box ul:after {
		height: 50%;
	}
	.skew-box ul:after {
		display: block;
		clear: both;
		content: '';
	}
	.skew-box ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 50%;
		float: left;
		position: relative;
	}
	.skew-box ul li span {
		width: 100%;
		display: block;
		position: relative;
	}
	.skew-box ul li span:before {
		width: 100%;
		height: 100%;
		background: #023894;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		z-index: 995;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	.skew-box ul li:hover span:before {
		opacity: .6;
	}
	.skew-box ul li span img {
		width: 100%;
		display: block;
	}
	.skew-box ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.skew-box ul li strong {
		position: absolute;
		left: 0;
		bottom: 30%;
		width: 100%;
		text-align: center;
		z-index: 999;
	}
	.skew-box ul li strong i {
		font-size: 45px;
		color: #fff;
		line-height: 1.2;
	}
	.skew-box ul li strong img {
		max-width: 100px;
		max-height: 100px;
		margin: 0 auto;
		display: block;
	}
	.skew-box ul li strong h2 {
		color: #fff;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li strong b {
		color: #fff;
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.skew-box ul li font {
		display: none;
	}
}

@media (max-width:767px) {
	.skew-box ul li strong {
		bottom: 25%;
		line-height: 1.2;
	}
	.skew-box ul li strong img {
		max-width: 50px;
		max-height: 50px;
	}
	.skew-box ul li strong i {
		font-size: 30px;
		line-height: 1;
	}
	.skew-box ul li strong h2 {
		font-size: 20px;
	}
	.skew-box ul li strong b {
		font-size: 12px;
	}
}

/*skew-box*/

.section7{
	
	width: 100%;
	height: 616px;
	clear: both;
	overflow: hidden;
	background: #f5f5f5;
}

.cont_nav4{
	width: 401px;
	margin: 40px auto;
	overflow: hidden;
	
	text-align: center;
}
.cont_nav4 li {
	float: left;
	width: 140px;
	height: 50px;
	margin-left: 40px;
	transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;

}

.cont_nav4 li a {
	display: block;
	color: #000;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}

.cont_nav4 li:hover {
	   background: #1184da;	
	   transform: skewX(-15deg);
		-moz-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
}
.cont_nav4 li:hover a {
	  	color: #fff;
}

.cont_nav4 li.hover4 {
	
	background: #1184da;
	
}

.cont_nav4 li.hover4 a {
	color: #fff;
}

.news_box_cont{
	clear: both;

}

.news_list ul li{
	float: left;
		width: 367px;
	height: 600px;
	margin-left: 10px;
	position: relative;
}
.news_list ul li a{
	display: block;
}
.news_list ul li .news_img{
	width: 367px;
	height: 208px;
	display: block;
	overflow: hidden;
}
.news_list ul li .news_img img{
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}.news_list ul li .news_img:hover img{
	transform: scale(1.1);
}


.news_txt{
	position: absolute;
    height: 208px;
    top: 159px;
	width: 95%;
	padding: 10px;
	margin-left: 10px;
	background: #fff;
}

.news_txt h3{
	line-height: 30px;
    font-size: 17px;
    color: #635c5c;
    height: 30px;
    overflow: hidden;
}
.news_txt p:nth-child(2){
	font-size: 12px;
	color: #635c5c;
}
.news_txt p:nth-child(3){
	font-size: 13px;
	line-height: 30px;
	color: #635c5c;
	height: 61px;
	overflow: hidden;
}
.news_txt a{
	margin-top: 10px;
	display: block;
	height: 40px;
	line-height: 40px;
text-transform: Uppercase;
}



footer {
	width: 100%;
	overflow: hidden;
	background: #1f2020;
}

.foot_nav {
	margin-top: 30px;
	width: 120px;
	height: 200px;
	margin-right: 22px;
}

.foot_nav h4 {
	margin-top: 20px;
	font-size: 14px;
	color: #ffffff;
}

.foot_p1 {
	margin-top: 10px;
	width: 30px;
	height: 2px;
	border-bottom: 1px solid #FFFFFF;
}

.foot_nav ul {
	margin-top: 20px;
}

.foot_nav ul li {
	float: left;
	width: 120px;
	height: 30px;
	line-height: 20px;
	margin-left: -38px;
}

.foot_nav ul li a {
	display: block;
	color: #e6e6e6;
	font-size: 12px;
}

.foot_nav ul li a:hover {
	text-decoration: underline;
}

.foot_fx {
	background: url(../img/f.png) no-repeat right;
	margin-top: 40px;
	margin-left: -5px;
	width: 186px;
	margin-right: 28px;
}

.foot_fx>p:nth-child(1) {
	color: #FFFFFF;
	font-size: 14px;
}

.foot_fx>p:nth-child(2) {
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 16px;
}

.foot_fx a {
	display: block;
	width: 138px;
	height: 47px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	line-height: 47px;
	background: #008ebd url(../img/qq.png) no-repeat 20px center;
}

#share2,
#share3 {
	display: block;
	overflow: hidden;
	clear: both;
}

.gb_resItms {
	margin-top: 20px;
}

.gb_resItms p {
	width: 51px;
	float: left;
}

#weixin3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx1.png) no-repeat !important;
}

#qzone3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx3.png) no-repeat !important;
}

#tsina3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx2.png) no-repeat !important;
}

.foot_wx {
	margin-top: 40px;
	margin-left: 30px;
}

.foot_wx p {
	color: #FFFFFF;
	font-size: 14px;
}

.foot_wx img {
	margin-top: 18px;
}

.foot {
	height: 60px;
	padding-bottom: 30px;
	margin-top: 60px;
	border-top: 1px solid #565353;
}

.foot p {
	margin-top: 30px;
	color: #ffffff;
}

.foot p a {
	margin-top: 30px;
	color: #ffffff;
}
/*zy_banner*/
.zy_banner{
	width: 100%;
	height: 350px;
	overflow: hidden;
	clear: both;
	top: 116px;
	position: relative;
}

.position{
	position: absolute;
	bottom: 0px;
	height: 60px;
	width: 100%;
	background: rgba(27,117,188,0.8);
	
}
.position .positon_fl{
	color: #fff;
	
	height: 40px;
	font-size: 14px;
	padding-left: 30px;
	background: url(../img/wz.png) no-repeat 0px 0px;
	
}
.position .positon_fl span{
	margin-left: 20px;
}
.position .positon_fl a{
	color: #fff;
	line-height: 16px;
	font-size: 14px;
	float: left;
	margin-left: 20px;
	display: block;
	
}
.position .positon_fr {
	color: #fff;
	line-height: 16px;
	font-size: 18px;
	float: right;
	margin-left: 20px;
	display: block;
	
}

/*other_nav*/
.other_nav{
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-top: 110px;
}

.other_nav ul li {
	float: left;
	    display: inline-block;
    margin-right: 80px;
    padding: 0 8px;
    font-size: 16px;
    color: #999;
    height: 60px;
    border-bottom: 4px solid transparent;
    font-weight: normal;
}
.other_nav ul li a{
	
    font-size: 16px;
    color: #999;
display: block;
  padding: 0 8px;
text-decoration: none;
    font-weight: normal;
}
.other_nav ul li:hover{
	    border-color: #1b75bc;
}
.other_nav ul li:hover a{
	 color: #1b75bc;
}

.other_nav ul li.cur{
	border-color: #1b75bc;
}
.other_nav ul li.cur a{
	color: #1b75bc;
}

.other_box{
	width: 100%;
	overflow: hidden;
	background: #f9f9f9;
	padding: 20px;
}


.other_list{
	margin-top: 20px;
}
.other_list li{
	margin-top: 10px;
	height: 264px;
	background: #fff;
	margin-bottom: 20px;
}
.other_list li .new_time{
	width: 180px;
	height: 264px;
	padding: 20px;
	background: #1b75bc;
}
.other_list li .new_time p{
	color: #fff;
	text-align: center;
	
}
.other_list li .new_time p:nth-child(1){
font-size: 57px;
color: #fff;
margin-top: 20px;
	
}
.other_list li .new_time p:nth-child(2){
width: 150px;
height: 2px;
margin-top: 20px;
background: #fff;
	
}
.other_list li .new_time p:nth-child(3){
font-size:24px;
color: #fff;
margin-top: 20px;
}
.other_list li .new_img{
	display: block;
	width: 520px;
	height: 264px;
	overflow: hidden;
}

.other_list li .new_img a{
	display: block;
	width: 520px;
	height: 264px;
	overflow: hidden;
}
.other_list li .new_img a img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.other_list li:hover img{
	transform: scale(1.1);
}
.other_list li .new_txt{
	width: 383px;
	margin-left: 30px;
	margin-top: 20px;
}
.other_list li .new_txt h4{
	font-size: 18px;
	color: #000;
	height: 18px;
	overflow: hidden;
} 
.other_list li .new_txt h4:hover{
	color: #1b75bc;
}
.other_list li .new_txt span{
	margin-top: 10px;
	font-size: 12px;
	color: #635c5c;
} 
.other_list li .new_txt p{
line-height: 24px;
margin-top: 10px;
    height: 97px;
overflow: hidden;
	font-size: 12px;
	color: #635c5c;
} 
.other_list li .new_txt a{
display: block;
width: 120px;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
background: #000000;
}
 .other_list li .new_txt a:hover{
background: #1184DA;
} 

/*新闻详情页*/

.other_cont {
    padding-bottom: 20px;
}

.newsinfor{
	
background-color: white;
}
.newsinfor .sub-tit {
    font-size: 38px;
    line-height: 73px;
    color: #222;
    margin-bottom: 30px;
}
.newsinfor .sub-tit .math{
	height: 22px;
}
.newsinfor .math .time{
	font-size: 18px;
	line-height: 22px;
	color: #666666;
	font-family: "Arial";
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #e5e5e5;
}
.newsinfor .math .tit{
	font-size: 16px;
    color: #1e409f;
    line-height: 22px;
}
.newsinfor_cont{
	    width: 100%;
    padding-bottom: 70px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    padding-top: 20px;
    }
.bot{
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;

}
.bot .box{
	width: 750px;
	float: left;
}
.bot .box p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.bot .box p a{
	color: #999;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.bot .box p a:hover{
	color: #666;
}
.bot .btns {
   width: 219px;
    height: 46px;
    line-height: 46px;
   text-align: center;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    color: #1e409f;
    display: block;
    float: right;
   
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.other_news{
	overflow: hidden;
	margin-top: 120px;
	width: 100%;
    background-color: #f4f4f4;
    padding: 90px 0;
}
.other_p{
	margin-top: 30px;
	font-size: 30px;
}

/*other_title*/
.other_title{
	text-align: center;
}
.other_title p:nth-child(1){
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}
.other_title p:nth-child(2){
	font-size: 18px;

}
.other_about1 .about_img{
	width: 600px;
	height: 397px;
}

.other_about1 .about_img img{
	width:100%;
	height: auto;
}

.other_about1 .about_txt{
	background: #f9f9f9;
	width: 600px;
	padding: 20px;
	height: 397px;
}
.other_about1 .about_txt p:nth-child(1){
	margin-top: 20px;
	font-size: 24px;
	color: #1b75bc;
	font-weight: bold;
}
.other_about1 .about_txt p:nth-child(2){
	font-size: 14px;
	color: #928f8f;
	height: 120px;
	line-height:30px;
	text-indent: 2em;
}
.other_about1 .about_txt2{
	background: #f9f9f9;
	width: 600px;
	padding: 20px;
	height: 397px;
}
.other_about1 .about_txt2 p:nth-child(1){
	margin-top: 20px;
	font-size: 24px;
	color: #1b75bc;
	font-weight: bold;
}.other_about1 .about_txt2 p:nth-child(2){
	font-size: 14px;
	color: #928f8f;
	height: 120px;
	line-height: 30px;
}

/*发展历程*/
.suyuanBg2{
	width: 1137px;

	overflow: hidden;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
	background:#f9f9f9;
}
.ladder_bg{
	margin-top: 230px;
	background:url(../img/suyuanBg2.jpg)  top center repeat-y;
	width: 1137px;	
	    margin-bottom: 60px;
}
.ladder_bg:after{content:"";clear:both;display:block;height:0;line-height:0;font-size:0;}


.suyuanLogo{
    display: block;
    position: absolute;
        left: 52%;
    margin-left: -86.5px;
    top: 155px;
    z-index: 5;
    font-size: 45px;
    color: #3a88c5;
    text-transform:uppercase
}

.ladder_bg_bt{
    display: block;
    position: absolute;
        left: 52%;
    margin-left: -86.5px;
    bottom: -21px;
    z-index: 5;
    font-size: 45px;
    color: #3a88c5;
    text-transform:uppercase
}
.hosLeft{
	width: 497px;
	height: auto;
	float: left;
	margin-left: 47px;
	
}
.hosRight{
	width: 497px;
	height: auto;
	float: left;
	margin-left: 55px;
}
/* .hosfu5{
	margin-top: -122px;
}
.hosfu4{
	margin-top: -105px;
}
.hosfu3{
	margin-top: 85px;
}
.hosfu2{
	margin-top: 85px;
}
.hosfu1{
	margin-top: 85px; 
}
.hos0{
	margin-top: 85px;
}
.hosfu1{
	margin-top: 61px; 
}
.hos1{
	margin-top: 87px; 
}
.hos2{
	margin-top: 80px; 
}
.hos3{
	margin-top: 85px;
}
.hos4{
	margin-top: 90px;
}
.hos5{
	margin-top: 105px;
}
.hos6{
	margin-top: 88px;
}
.hos7{
	margin-top: 85px;
}
.hos8{
	margin-top: 85px;
}
.hos9{
	margin-top: 88px;
}
.hos10{
	margin-top: 74px;
}
.hos11{
	margin-top: 72px;
}
.hos12{
	margin-top: 97px;
}
.hos13{
	margin-top: 98px;
}
.hos14{
	margin-top: 75px;
}
.hos15{
	margin-top: 74px;
}
.hosImg{
	
} */


.hosLeft .hosBor{
	width: 497px;
	height: 286px;
	background: url(../img/lc.png) no-repeat center right;
	margin-top: 86px;
}
.hosRight .hosBor{
	width: 497px;
	height: 286px;
	padding-left: 240px;
	background: url(../img/lc2.png) no-repeat center left;
	margin-top: 86px;
}
.hosBor img{
	width: 306px;
	height: 207px;
	display: block;
	overflow: hidden;
	transition: all 0.3s;
}
@keyframes test {
	0% {
		transform: translate(0, 0)
	}
	50% {
		transform: translate(0, 5px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.hosBor img:hover {
	animation: test 0.25s ease-in 3;
}

.hosBor p:nth-child(2){
margin-left: 120px;
	font-size: 24px;
	color: #010101
}
.hosBor p:nth-child(3){
	text-align: left;
	font-size: 14px;
	color: #010101;

}
.hosImg{
	display: none;
}
.hosBor_top1{margin-top: -120px;}
.hosBor_top2{margin-top: 80px;}
/*about_hj*/
.about_hj{
	margin-top: 30px;
}
/*联系我们*/
.allmap {
	width: 100%;
	height: 400px;
}
#allmap {
	width: 100%x;
	height: 353px;
}
.contactss {
	text-align: center;
	margin: 25px 0;
	margin-top: 30px;
}
.contactss a {
	display: inline-block;
	zoom: 1;
	width: 177px;
	height: 50px;
	line-height: 50px;
	margin: 0 15px;
	background: #323232;
	font-size: 14px;
	color: #fff;
}
.contactss a:hover {
	color: #FFFFFF;
}
.contactss a.hover,
.contactss a:hover {
	background: url(../img/contact.png) no-repeat right top;
	width: 176px;
	height: 64px;
}
.finished {
	margin-top: 48px;
	margin-bottom: 30px;
	text-align: left;
}
.finished2 {
	text-align: justify;
	font-weight: 100;
	line-height: 2;
	font-size: 15px;
}
.agile_service_grd {
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: #262c38;
}
.agile_service_grd i {
	font-size: 2.5em;
	color: #fff;
	line-height: 2.3em;
}
.agile_service_grd {
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	background: #62A8EA;
}
.agileits_w3layouts_service_grid:hover .agile_service_grd {
	-webkit-animation: fa-spin 3s infinite linear;
	animation: fa-spin 3s infinite linear;
	background: #0ac876;
	border-color: #0ac876;
}
.agileits_w3layouts_service_grid h4 {
	font-size: 1.2em;
	color: #0ac876;
	margin: 1em 0 .6em;
	padding: .3em 0;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
}
.agileits_w3layouts_service_grid p {
	color: #545454;
	line-height: 1.9em;
	text-align: center;
	padding: 0px 65px;
}
.mx_list ul {
	margin-top: 20px;
}
.mx_list ul li {
	width: 88px;
	height: 30px;
	border: 1px #dadada solid;
	line-height: 30px;
	float: left;
	margin-left: 13px;
	text-align: center;
	margin-bottom: 13px;
}

/*在线留言*/
.message{ overflow:hidden;margin:10px auto;}
.message_box{width: 100%;margin:auto;margin-top:10px;}
.message_box input{width: 22%;padding:0 10px;height:48px;line-height:48px;background:#f1f1f1;margin-right:20px;margin-bottom:20px;border:none;}
.message_box textarea{width: 93%;padding:10px;background:#f1f1f1;height:118px;margin-bottom:20px;font-size:14px;color:#888;border:none;}
.message_box .sub_btn{ width:220px; height:48px; line-height:48px; text-align:center; border:none; cursor:pointer; color:#FFFFFF;background:#e95c02;}
.btn_group{width:220px; margin:auto; }

 .inp4 .Img1 {
    width: 120px;
    height: 38px;
    border-left: 1px solid #d1d1d1;
   
    }

/*加入我们*/
.h_60 {
	float: left;
	width: 100%;
	height: 60px;
}

.sideMenu_1 {
	width: 100%;
	float: left;
}

.sideMenu_1 h3 {
	width: 100%;
	float: left;
}

.sideMenu_1 h3 .zbox {
	float: left;
	width: 100%;
	padding: 31px 15% 32px 0;
	position: relative;
	border-bottom: solid 1px #eee;
	cursor: pointer;
}

.sideMenu_1 h3.on .zbox {
	background: #f1f1f1;
}

.sideMenu_1 h3 .zbox em {
	display: block;
	width: 15%;
	height: 26px;
	position: absolute;
	right: 0;
	top: 50%;
	color: #333333;
	font-size: 16px;
	font-family: "Arial";
	text-align: center;
	line-height: 26px;
	margin-top: -13px;
}

.sideMenu_1 h3.on .zbox em,
.sideMenu_1 h3 .zbox:hover em {
	color: #a1151c;
}

.sideMenu_1 h3 .zbox .c_377 {
	width: 38.196%;
	float: left;
	padding: 0 10px 0 4.5%;
}

.sideMenu_1 h3 .zbox .c_377 h4 {
	width: 100%;
	float: left;
	font-size: 20px;
	color: #333;
	line-height: 28px;
	margin-top: 21px;
}

.sideMenu_1 h3.on .zbox .c_377 h4,
.sideMenu_1 h3 .zbox:hover .c_377 h4 {
	color: #1b75bc;
}

.sideMenu_1 h3 .zbox .c_377 h5 {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 22px;
}

.sideMenu_1 h3 .zbox .c_380 {
	width: 38.5%;
	float: left;
}

.sideMenu_1 h3 .zbox .c_380 h5 {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.sideMenu_1 h3 .zbox .c_230 {
	width: 23.304%;
	float: left;
	padding-top: 20px
}

.sideMenu_1 h3 .zbox .c_230 h5 {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #909090;
	line-height: 18px;
	padding: 5px 0;
}

.sideMenu_1 h3 .zbox .c_230 h5 span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
}

.sideMenu_1 ul {
	width: 100%;
	background: #f1f1f1;
	position: relative;
	margin-top: 29px;
	padding: 44px 0 60px 0;
	float: left;
	display: none;
}

.sideMenu_1 ul .ico {
	position: absolute;
	left: 50%;
	top: -9px;
	margin-left: -8px;
}

.sideMenu_1 ul .ico img {
	float: left;
}

.sideMenu_1 ul .c_596 {
	width: 50.94%;
	float: left;
	padding-right: 20px;
}

.sideMenu_1 ul .c_596 h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-weight: bold;
}

.sideMenu_1 ul .c_596 .p {
	width: 100%;
	float: left;
	margin-top: 7px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 28px;
}

.sideMenu_1 ul .btn1 {
	width: 100%;
	float: left;
	margin-top: 48px;
}

.sideMenu_1 ul .btn1 a {
	display: block;
	width: 170px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: white;
	background: #1b75bc;
	font-size: 16px;
}

.sideMenu_1 ul .c_574 {
	width: 49.06%;
	float: left;
}

.sideMenu_1 ul .c_574 h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-weight: bold;
}

.sideMenu_1 ul .c_574 .p {
	width: 100%;
	float: left;
	margin-top: 7px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 28px;
}

@media screen and (max-width:991px) {
	.h_60 {
		height: 30px;
	}
	.sideMenu_1 h3 .zbox {
		padding: 15px 15% 15px 0;
	}
	.sideMenu_1 h3 .zbox .c_230 {
		display: none;
	}
	.sideMenu_1 h3 .zbox .c_230 h5 span {
		margin-left: 0;
	}
	.sideMenu_1 h3 .zbox .c_380 {
		width: 60%;
	}
	.sideMenu_1 h3 .zbox .c_377 h4 {
		font-size: 18px;
		line-height: 26px;
	}
}

@media screen and (max-width:767px) {
	.sideMenu_1 h3 .zbox .c_230 {
		display: none;
	}
	.sideMenu_1 h3 .zbox .c_377 {
		width: 50%;
	}
	.sideMenu_1 h3 .zbox .c_380 {
		width: 50%;
	}
	.sideMenu_1 ul {
		margin-top: 19px;
		padding: 24px 15px 30px 15px;
	}
	.sideMenu_1 h3 .zbox {
		padding: 15px 133px 15px 0;
	}
	.sideMenu_1 h3 .zbox .c_380 h5 {
		line-height: 24px;
	}
	.sideMenu_1 h3 .zbox .c_377 h4 {
		margin-top: 0;
	}
	.sideMenu_1 ul .c_596 h4 {
		font-size: 14px;
		line-height: 24px;
	}
	.sideMenu_1 ul .c_596 .p {
		margin-top: 4px;
		font-size: 12px;
		line-height: 24px;
	}
	.sideMenu_1 ul .btn1 {
		margin-top: 15px;
	}
	.sideMenu_1 ul .btn1 a {
		width: 120px;
		height: 34px;
		line-height: 34px;
		font-size: 14px;
	}
	.sideMenu_1 ul .c_574 h4 {
		font-size: 14px;
		line-height: 24px;
	}
	.sideMenu_1 ul .c_574 .p {
		margin-top: 4px;
		font-size: 12px;
		line-height: 24px;
	}
}

@media screen and (max-width:480px) {
	.sideMenu_1 h3 .zbox em {
		width: 80px;
	}
	.sideMenu_1 h3 .zbox .c_377 {
		width: 100%;
	}
	.sideMenu_1 h3 .zbox .c_380 {
		display: none;
	}
	.sideMenu_1 ul .c_596 {
		width: 100%;
	}
	.sideMenu_1 ul .c_574 {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (max-width:768px) {
	.logo {
 
    margin-left: 0px;
}
.nav {
   
}
.nav>ul>li>a {
    padding: 0 8px;
}
.header_r {
   
    right: -29px0;
}

	}



@media screen and (max-width:1024px) {
	.logo {
 
    margin-left: 8px;
}
.nav {
    text-align: center;
    z-index: 300;
    width: 111%;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -36%;
}
.nav>ul>li>a {
    padding: 0 21px;
}
.header_r {
   
    right: -36px;
}

	}

	@media screen and (max-width:1200px) {
	.logo {
 
    margin-left: 26px;
}
.nav {
    text-align: center;
    z-index: 300;
    width: 77%;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -33%;
}
.nav>ul>li>a {
    padding: 0 16px;
}
.header_r {
   
    right: -53px;
}

	}

	@media screen and (max-width:1400px) {
.section2 {
    width: 1214px;

}

.section2-fl  img{
    width: 99%;

}

.section2-fl  img{
    width: 99%;

}
.section2-fr p:nth-child(2) {
    font-size: 13px;
    text-indent: 2em;
    height: 178px;
    line-height: 30px;
    overflow: hidden;
}

.nav {
    text-align: center;
    z-index: 300;
    width: 74%;
    position: absolute;
    left: 47%;
    top: 7%;
    margin-left: -28%;
}



/*分页*/
.page li{
	float:left;
}