* {
	transition-property: all;
	-ms-transition-property: all;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	margin: 0;
	padding: 0;
}

html,
body {
	font-size: 12px;
	background: #fff;
	font-weight: normal;
	color: #595656;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体", sans-serif;
	counter-reset: my-item;
}

body {
	overflow-x: hidden;
}

img {
	border: none;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:link {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover {
	color: #fff;
}

a:active {
	color: #fff;
}

ul,
li {
	list-style-type: none;
}

input,
button,
select,
textarea {
	outline: none;
	border: none;
}

.clear {
	clear: both;
}

header {
	background: #273c7f;
	height: 50px;
	width: 100%;
	-webkit-box-shadow: 0 2px 8px 3px rgba(197, 201, 208, 0.5);
	box-shadow: 0 2px 8px 3px rgba(197, 201, 208, 0.5);
	z-index: 999;
}

section {
	width: 1200px;
	margin: 0 auto;
}

h1 {
	background-image: url(../images/logo.png);
	text-indent: -100em;
	width: 106px;
	height: 20px;
	float: left;
	margin-top: 15px;
 background-size: 100% 100%;
}

header nav {
	float: right;
	line-height: 50px;
	color: #FFFFFF;
	font-size: 16px;
}

header nav li {
	float: left;
	margin-right: 50px;
	cursor: pointer;
}

header .show {}

header nav li:last-child {
	margin-right: 0;
}
.mobile-icon{ 
 display:none;
}

.fload {
	background: rgba(255, 255, 255, 0.9);
	height: 50px;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 990;
	width: 100%;
	border-bottom: 1px solid #C5C9D0;
	color: #525d68;
	display: none;
}

.fload h3 {
	font-size: 20px;
	font-weight: normal;
	float: left;
	line-height: 50px;
}

.fload ul {
	float: right;
	font-size: 15px;
	line-height: 20px;
	margin-top: 15px;
}

.fload ul li {
	float: left;
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #525D68;
}

.fload ul li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

.fload ul .a_link {
	color: #358ccb;
}

.fload ul .a_link:link {
	color: #358ccb;
}

.fload ul .a_link:visited {
	color: #358ccb;
}

.fload ul .a_link:hover {
	color: #358ccb;
}

.fload ul .a_link:active {
	color: #358ccb;
}

.fload ul a:link {
	color: #525d68;
}

.fload ul a:visited {
	color: #525d68;
}

.fload ul a:hover {
	color: #358ccb;
}

.fload ul a:active {
	color: #525d68;
}

#fload1 {
	background: rgba(255,255,255,0.9);
	height: 50px;
	position: absolute;
	z-index: 900;
	width: 100%;
	border-bottom: 1px solid #C5C9D0;
	color: #525d68;
}

#fload1 h3 {
	font-size: 20px;
	font-weight: normal;
	float: left;
	line-height: 50px;
}

#fload1 h3 a:link {
	color: #525d68;
}

#fload1 h3 a:visited {
	color: #525d68;
}

#fload1 h3 a:hover {
	color: #525d68;
}

#fload1 h3 a:active {
	color: #525d68;
}

#fload1 ul {
	float: right;
	font-size: 15px;
	line-height: 20px;
	margin-top: 15px;
}

#fload1 ul li {
	float: left;
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #525D68;
}

#fload1 ul li a:link {
	color: #525d68;
}

#fload1 ul li a:visited {
	color: #525d68;
}

#fload1 ul li a:hover {
	color: #32c4f2;
}

#fload1 ul li a:active {
	color: #525d68;
}

#fload1 ul li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

/**slider**/
.slider{
	width: 100%;
	height: 690px;
}

.slider .item{
	position: relative;
	background: #ccc;
	color: #FFF;
	text-align: center;
	background-size: cover;
	background-position: 50%;
	/*transition: 0.4s;*/
}
.slider .item a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 8;
}
.slider .item span{
	display: none;
	position: absolute;
	bottom: 100px;left: 0;
	width: 100%;
	text-align:center;
	color: #ccc;
	font-size: 30px;
	font-family: "tt",Arial,'MingLiU','΢���ź�';
}

/**banner**/

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

.swiper-container {
	height: 600px;
	background-color: #fff;
}



.swiper-slide section {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
    margin: 0 auto;
	text-align: left;
	color: #5e5b53;
}

.swiper-slide section .subtitle {
	position: absolute;
	left: -30%;
	top: 0%;
    margin: 0 auto;
	z-index: -1;
	width: auto;
	height: auto;
}

.title {
	position: absolute;
	left: 50%;
	top: 10%;
	width: 35%;
}

.title h3 {
	font-family: 'Microsoft YaHei';
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	
}

.title .text {
	font-size: 14px;
	line-height: 30px;
	margin-top: 45px;
}


.title .button {
	color: #32c4f2;
	border: 1px solid #32c4f2;
	padding: 10px 35px 10px 10px;
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat;
	background-position: 95% center;
}

.title .button a:link {
	color: #32c4f2;
}

.title .button a:visited {
	color:  #32c4f2;
}

.title .button a:hover {
	color: #32c4f2;
	font-size:120%;
}

.title .button a:active {
	color: #32c4f2;
}

.swiper-slide section .button {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/1.png);
	background-position: center;
}

.swiper-slide section .button_2 {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/2.png);
	background-position: center;
}


.swiper-slide section .button_3 {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/3.png);
	background-position: center;
}

.swiper-slide section .button_4 {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/e1.png);
	background-position: center;
}

.swiper-slide section .button_5 {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/e2.png);
	background-position: center;
}


.swiper-slide section .button_6 {
	border: 0px solid #1e3a7f;
	padding: 145px 352px;
	font-size: 14px;
	margin-top: 160px;
	margin-left: 382px;
	display: inline-block;
	background:url(/upload/album/month_1801/e3.png);
	background-position: center;
}


.swiper-pagination-bullet {
	padding: 5px;
	border: 2px solid #eb5f24;
	background: transparent;
	opacity: 1;
	margin-bottom:5px
}

.swiper-pagination-bullet-active {
	background: #eb5f24;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(../images/leftb.png);
	width: 65px;
	height: 65px;
	background-size: cover;
	left: 8%;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/rightb.png);
	width: 65px;
	height: 65px;
	background-size: cover;
	right: 8%;
}

.conutup {
	background: #1e3a7f;
	width: 100%;
	padding: 50px 0 30px;
}

.conutup li {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #00afec;
	padding: 0 50px;
}

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

.conutup li .scale {
	color: #fff;
	font-size: 30px;
	text-align: center;
	opacity: 0;
}

.conutup li .scale1 {
	animation: show 0.5s ease-in;
	-webkit-animation: show 0.5s ease-in;
	opacity: 1;
}

.conutup li .scale2 {
	animation: show2 1s ease-in;
	-webkit-animation: show 1s ease-in;
}

.conutup li .scale3 {
	animation: show3 1.5s ease-in;
	-webkit-animation: show 1.5s ease-in;
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@-moz-keyframes show {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@keyframes show {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@-webkit-keyframes show2 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	50% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@-moz-keyframes show2 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	50% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@keyframes show2 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	50% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@-webkit-keyframes show3 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	70% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@-moz-keyframes show3 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	70% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@keyframes show3 {
	0% {
		opacity: 0;
		margin-left: -30px;
	}
	70% {
		opacity: 0;
		margin-left: -30px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

.conutup li .number {
	font-family:'DINPro8c6de20a016b5f';
	font-size: 102px;
	font-weight: lighter;
	display: inline-block;
	letter-spacing: -10px;
	line-height: 160px;
}

.conutup li .data {
	color: #f26334;
	text-align: center;
}

.conutup li .small {
	display: inline-block;
	font-size: 18px;
	text-align: left;
	margin-left: 15px;
}

.conutup li p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.bc {background-color: #525659;
}
	
.bc_1 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 800px;
	background: url(../images/bc_1.jpg) no-repeat;
	background-size: cover;
	position: relative;
}

.bc_1 section {
	position: relative;
	height: 100%;
	text-align: left;
}

.bc_1 section .title {
	top: 16%;
	left: 0;
	width: 38%;
}

.bc_2 section .title {
	right: 0;
	left: auto;
	top: 8%;
}

.bc_5 section .title {
	right:2%;
	left: auto;
	top: 8%;
	text-align:left;
}

.bc_1 section .title .text {
	margin-top: 30px;
}

.bc_1 section .title .button {
	margin-top: 30px;
}

.bc_1 section img {
	margin-top: 30px;
	width: auto;
 max-width: 100%;
}

.bc_2 {
	background: url(../images/bc_2.jpg) no-repeat; position: relative; overflow: hidden;
	height: 700px;
}
.bc_2 section img {
	margin-top: 0;
	width:auto;
 max-width: none;
}
.bc_2 section div{ position: absolute;}

.bc_2 .ban5{ left: 0; top:275px;}
.bc_2 .ban4{ left: 59px; top:235px;}
.bc_2 .ban3{ left: 88px; top:201px;}
.bc_2 .ban2{ left: -260px; top:10px;}
.bc_2 .ban1{ left: 160px; top:98px;}


.ban4 {
	-webkit-animation: ban_run_4 1s;
	-moz-animation: ban_run_4 1s;
	animation: ban_run_4 1s;
}


@-webkit-keyframes ban_run_4 {
	0% {
		-webkit-transform: translate(-44px,35px);
		transform: translate(-44px,35px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@-moz-keyframes ban_run_4 {
	0% {
		-webkit-transform: translate(-44px,35px);
		transform: translate(-44px,35px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes ban_run_4 {
	0% {
		-webkit-transform: translate(-44px,35px);
		transform: translate(-44px,35px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

.ban3 {
	-webkit-animation: ban_run_3 1s;
	-moz-animation: ban_run_3 1s;
	animation: ban_run_3 1s;
}

@-webkit-keyframes ban_run_3 {
	0% {
		-webkit-transform: translate(-58px,69px);
		transform: translate(-58px,69px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@-moz-keyframes ban_run_3 {
	0% {
		-webkit-transform: translate(-58px,69px);
		transform: translate(-58px,69px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes ban_run_3 {
	0% {
		-webkit-transform: translate(-58px,69px);
		transform: translate(-58px,69px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

.ban2 {
	-webkit-animation: ban_run_2 1s;
	-moz-animation: ban_run_2 1s;
	animation: ban_run_2 1s;
}

@-webkit-keyframes ban_run_2 {
	0% {
		-webkit-transform: translatex(-260px);
		transform: translatex(-260px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@-moz-keyframes ban_run_2 {
	0% {
		-webkit-transform: translatex(-260px);
		transform: translatex(-260px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes ban_run_2 {
	0% {
		-webkit-transform: translatex(-260px);
		transform: translatex(-260px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

.ban1 {
	-webkit-animation: ban_run_1 1s;
	-moz-animation: ban_run_1 1s;
	animation: ban_run_1 1s;
}

@-webkit-keyframes ban_run_1 {
	0% {
		-webkit-transform: translate(-110px,152px);
		transform: translate(-110px,152px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes ban_run_1 {
	0% {
		-webkit-transform: translate(-110px,152px);
		transform: translate(-110px,152px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes ban_run_1 {
	0% {
		-webkit-transform: translate(-110px,152px);
		transform: translate(-110px,152px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}


.bc_2 section .title {
	right: 2%;
	left: auto;
	top: 8%;
	text-align:left;
}

.bc_2 .car2 {
	position: absolute;
	right: 0;
	top: 84px;
}

.bc_2 section .title img{
 margin-top: 100px;
}
.bc_3 {
	background: url(../images/bc_3.jpg) no-repeat;
 overflow: hidden;
}

.bc_3 section .title {
	top: 16%;
	left: 0;
	width: 38%;
}

.bc_3 section .title h3 {
	color: #fff;
}

.bc_3 section .title .text {
	color: #fff;
}

.bc_3 .car {
	position: absolute;
	right: 0;
	top: 84px;
}


/**汽车动画**/

.car {
	-webkit-animation: car_run 1s;
	-moz-animation: car_run 1s;
	animation: car_run 1s;
}

@-webkit-keyframes car_run {
	0% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes car_run {
	0% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes car_run {
	0% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.car2 {
	-webkit-animation: car_run 1s;
	-moz-animation: car_run 1s;
	animation: car_run 1s;
}

@-webkit-keyframes car2_run {
	0% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
	100% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px)
	}
}

@-moz-keyframes car2_run {
	0% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
	100% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px)
	}
}

@keyframes car2_run {
	0% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
	100% {
		-webkit-transform: translatex(944px);
		transform: translatex(944px)
	}
}

.bc_4 {
	width: 100%;
	height: auto;
}

.bc_4 section {
	text-align: center;
	margin: 80px auto 50px;
}

.bc_4 .title {
	position: static;
	width: 58%;
	margin: 0 auto;
}

.bc_4 .title .text {
	width: 60%;
	margin: 20px auto;
}

.bc_4 .act {
	width: 960px;
	height: 380px;
	position: relative;
	margin: 80px auto;
}


/**首页底部展开动画**/

.act div {
	overflow: hidden;
	position: absolute;
}

.act .act_1 {
	top: 34px;
	left: 0px;
}

.act .act_2 {
	top: 34px;
	left: 140px;
}

.act .act_3 {
	top: 34px;
	left: 290px;
}

.act .act_4 {
	top: 34px;
	left: 390px;
}

.act .act_5 {
	top: 34px;
	left: 540px;
}

.act .act_6 {
	top: 34px;
	left: 690px;
}

.act_1 {
	-webkit-
	mation: act_left1 1s;
	-moz-animation: act_left1 1s;
	animation: act_left1 1s;
}

@-webkit-keyframes act_left1 {
	0% {
		-webkit-transform: translatex(480px);
		transform: translatex(480px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left1 {
	0% {
		-webkit-transform: translatex(480px);
		transform: translatex(480px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left1 {
	0% {
		-webkit-transform: translatex(480px);
		transform: translatex(480px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.act_2 {
	-webkit-animation: act_left2 1s;
	-moz-animation: act_left2 1s;
	animation: act_left2 1s;
}

@-webkit-keyframes act_left2 {
	0% {
		-webkit-transform: translatex(340px);
		transform: translatex(340px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left2 {
	0% {
		-webkit-transform: translatex(340px);
		transform: translatex(340px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left2 {
	0% {
		-webkit-transform: translatex(340px);
		transform: translatex(340px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.act_3 {
	-webkit-animation: act_left3 1s;
	-moz-animation: act_left3 1s;
	animation: act_left3 1s;
}

@-webkit-keyframes act_left3 {
	0% {
		-webkit-transform: translatex(190px);
		transform: translatex(190px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left3 {
	0% {
		-webkit-transform: translatex(190px);
		transform: translatex(190px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left3 {
	0% {
		-webkit-transform: translatex(190px);
		transform: translatex(190px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.act_4 {
	-webkit-animation: act_left4 1s;
	-moz-animation: act_left4 1s;
	animation: act_left4 1s;
}

@-webkit-keyframes act_left4 {
	0% {
		-webkit-transform: translatex(90px);
		transform: translatex(90px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left4 {
	0% {
		-webkit-transform: translatex(90px);
		transform: translatex(90px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left4 {
	0% {
		-webkit-transform: translatex(90px);
		transform: translatex(90px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.act_5 {
	-webkit-animation: act_left5 1s;
	-moz-animation: act_left5 1s;
	animation: act_left5 1s;
}

@-webkit-keyframes act_left5 {
	0% {
		-webkit-transform: translatex(-60px);
		transform: translatex(-60px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left5 {
	0% {
		-webkit-transform: translatex(-60px);
		transform: translatex(-60px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left5 {
	0% {
		-webkit-transform: translatex(-60px);
		transform: translatex(-60px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

.act_6 {
	-webkit-animation: act_left6 1s;
	-moz-animation: act_left6 1s;
	animation: act_left6 1s;
}

@-webkit-keyframes act_left6 {
	0% {
		-webkit-transform: translatex(-210px);
		transform: translatex(-210px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@-moz-keyframes act_left6 {
	0% {
		-webkit-transform: translatex(-210px);
		transform: translatex(-210px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

@keyframes act_left6 {
	0% {
		-webkit-transform: translatex(-210px);
		transform: translatex(-210px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0)
	}
}

footer {
	background: #1e3a7f;
	padding: 50px 0;
	color: #aeb6bf;
	font-size: 14px;
	line-height: 28px;
}
footer a:link {
	color: #aeb6bf;
}

footer a:visited {
	color: #aeb6bf;
}

footer a:hover {
	color: #aeb6bf;
}

footer a:active {
	color: #aeb6bf;
}

footer .border {
	padding-bottom: 30px;
	border-bottom: 1px solid #aeb6bf;
	overflow: hidden;
	margin-bottom: 30px;
}

footer .border dl {
	width: 13%;
	float: left;
	text-align: left;
	margin-right: 4%;
}

footer .border dl:last-child {
	margin-right: 0;
}

footer dt {
	color: #fff;
	margin-bottom: 30px;
}

footer dt a:link {
	color: #fff;
}

footer dt a:visited {
	color: #fff;
}

footer dt a:hover {
	color: #fff;
}

footer dt a:active {
	color: #fff;
}

footer .pull_left {
	float: left;
}

footer .pull_right {
	float: right;
}

footer .pull_right li {
	float: left;
	margin-left: 30px;
	padding-left: 18px;
}

footer .pull_right .ch {
	background: url(../images/ch.jpg) no-repeat;
	background-position: left center;
}

footer .pull_right .en {
	background: url(../images/en.jpg) no-repeat;
	background-position: left center;
}


/**产品**/

.bc {
	background: #f2f2f2;
}

.banner_pro {
	width: 1920px;
	height: 500px;
	position: absolute;
	margin-left: -960px;
	left: 50%;
}

.banner1::after {
	content: ".";
	clear: both;
	display: block;
	height: 500px;
	visibility: hidden;
}

.sorts {
	margin: 10px auto;
}

.sorts::after {
	height: 0;
	content: ".";
	clear: both;
	visibility: hidden;
	display: block;
}

.sorts li {
	box-sizing: border-box;
	float: left;
	width: 294px;
	margin-right: 8px;
	background: #1e3a7f;
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
}

.sorts li:last-child {
	margin-right: 0;
	background: #fff;
	border: 1px solid #1e3a7f;
}

.sorts .menu b {
	width: 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	border-width: 8px;
	position: absolute;
	right: 10px;
	top: 18px;
}

.sorts .menu_down {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 990;
}

.sorts .menu_down li {
	float: none;
	width: 100%;
	color: #3c5fa6;
	background: #dadada;
	font-size: 14px;
	border: none;
}

.sorts .menu_down li a{
	display:block;
}
.sorts .menu_down li a:link {
	color: #3c5fa6;
}

.sorts .menu_down li a:visited {
	color: #3c5fa6;
}

.sorts .menu_down li a:hover {
	color: #fff;
}

.sorts .menu_down li a:active {
	color: #fff;
}

.sorts .menu_down li:hover {
	background: #1e3a7f;
	color: #fff;
}

.sorts .menu_down li:hover a {
	color: #fff;
}

.menu_down {
	display: none;
}

.search-input {
	width: 80%;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	position: absolute;
	top: 0;
}

.search {
	width: 20%;
	height: 38px;
	line-height: 38px;
	background: url(../images/search_1.png) no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	right: 0;
}

.product {
	margin: 30px 0;
}

.product::after {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

.product_list {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 292.5px;
	background: #fff;
	text-align: center;
}

.product_list img {
	width: 100%;
	height: auto;
}

.product_list h4 {
	font-size: 20px;
	line-height: 35px;
	color: #535e68;
	margin-top: 15px;
}

.product_title {
	font-size: 14px;
	color: #838fa4;
	width: 90%;
	margin: 0 auto 15px;
	max-height: 38px;
	min-height: 38px;
	overflow: hidden;
	line-height: 20px;
}

.product .product_list:nth-child(4n+0) {
	margin-right: 0;
}


/**产品详情**/

.pro_menu_down{
 display: none;
}

.pro_big {
	margin-top: 140px;
	text-align: center;
	width: 100%;
	height: 510px;
	overflow: hidden;
	position: relative;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	transition: height 1s;
}

.pro_big img {
	width: 100%;
	max-width: 660px;
	height: auto;
}

.pro_big_new {
	height: 450px;
}

.pro_big_new img {
	width: 100%;
	max-width: 1000px;
	height: auto;
}

.pro_shadow {
	background: url(../images/shadow.png) no-repeat;
	width: 1200px;
	height: 18px;
	background-size: cover;
	position: absolute;
	bottom: 0;
	opacity: 0.8;
}

.pro_click {
	text-align: center;
	color: #358ccb;
	font-size: 16px;
	margin: 30px auto;
	display: table;
	cursor: pointer;
}

.pro_down {
	background: url(../images/down.jpg) no-repeat;
	background-position: bottom center;
	padding-bottom: 24px;
}

.pro_up {
	background: url(../images/up.jpg) no-repeat;
	background-position: bottom center;
	padding-bottom: 24px;
	display: none;
}

.pro_info {
	margin-top: 50px;
	border-bottom: 1px solid #c8ccd2;
	padding-bottom: 50px;
	font-size: 14px;
	line-height: 28px;
}

.pro_info h3 {
	font-family: 'STHeiti';
	font-size: 24px;
	line-height: 48px;
	margin-bottom: 30px;
	font-weight: normal;
}
.pro_info h4 {
	font-size: 24px;
	line-height: 48px;
	margin-bottom: 20px;
	font-weight: normal;
}
.pro_info h5 {
	font-size: 20px;
	line-height: 48px;
	margin-bottom: 10px;
	font-weight: normal;
}

.pro_info::after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.pro_info .pro_left {
	float: left;
}
.pro_info .pro_left h5{
	font-size: 18px;
	margin-top: 20px;
}

.pro_info .pro_margin {
	margin-left: 45px;
}

.pro_left li {
	list-style: inside disc;
}

.pro_info .pro_form {}

.pro_info .pro_form li {
	border-top: 1px solid #c8ccd2;
	padding: 30px 0;
}

.pro_info .pro_form li::after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.pro_info .pro_form .pro_text {
	float: left;
}

.pro_info .pro_form .pro_text_left {
	width: 30%;
}

.pro_info .pro_form li h5 {
	font-size: 18px;
}

.pro_info .pro_form .pro_text_right {
	width: 70%;
}

.pro_info .swiper-container {
	height: auto;
}

.pro_info .product_list {
	border: 1px solid #c8ccd2;
	box-sizing: border-box;
	overflow: hidden;
}

.pro_info .product {
	margin: 0;
}

.pro_pos {
	position: relative;
}

.pro_pos .swiper-button-next {
	right: -10%;
}

.pro_pos .swiper-button-prev {
	left: -10%;
}
.swiper_pc{display: block;}
.swiper_mb{display: none;}

/**解决方案**/

.plan {
	margin: 45px auto 90px;
}

.plan li {
	border-bottom: 1px solid #c7cbd2;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.plan li::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.plan .plan_text {
	width: 300px;
	float: left;
	max-height: 300px;
}

.plan .plan_text h4 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 30px;
}

.plan .plan_text p {
	font-size: 14px;
	line-height: 22px;
	color: #838fa4;
	margin-bottom: 20px;
}

.plan .plan_text span {
	font-size: 14px;
	color: #36a9dd;
}

.plan .plan_img {
	width: 810px;
	float: right;
}


/**技术支�?*/

.technology {
	width: 100%;
	height: 750px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.technology1 {
	background-image: url(../images/technology_1.jpg);
	text-align: center;
}

.technology2 {
	background-image: url(../images/technology_2.jpg);
}

.technology3 {
	background-image: url(../images/technology_3.jpg);
}

.technology h4 {
	font-size: 40px;
	font-family: 'Source-Han-Sans7e437275b16b5f';
	line-height: 80px;
	padding-top: 200px;
	font-weight: normal;
}

.technology p {
	font-size: 14px;
	line-height: 28px;
}

.technology1 .serch-te {
	width: 60%;
	margin: 50px auto 0;
	position: relative;
	height: 50px;
}

.technology1 .search-input {
	position: absolute;
	height: 50px;
	width: 90%;
	left: 10%;
}

.technology1 .serch-te .search {
	height: 50px;
	width: 10%;
	left: 0;
	background-color: #fff;
}

.technology2 .section_te {
	width: 50%;
	float: right;
}

.section_te h4 {
	padding-left: 10%;
}

.section_te p {
	width: 80%;
	padding-left: 10%;
	margin-bottom: 50px;
}

.technology .button {
	color: #32c4f2;
	border: 1px solid #32c4f2;
	padding: 7px 35px 7px 10px;
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat;
	background-position: 90% center;
}

.technology .button {
	margin-left: 10%;
}

.technology3 .section_te {
	width: 50%;
	float: left;
}

.technology4 {
	background-image: none;
}

.technology4 .tech_img {
	float: left;
	width: 50%;
	text-align: center;
	margin-top: 150px;
}


/**常见问题**/

.banner_te {
	width: 100%;
	height: 575px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner_ask {
	background-image: url(../images/banner_q&a.jpg);
}

.banner_te .section_te {
	width: 50%;
	float: left;
}

.banner_te h4 {
	font-size: 40px;
	font-family: 'Source-Han-Sans7e437275b16b5f';
	line-height: 80px;
	margin-top: 200px;
	font-weight: normal;
}

.banner_te p {
	font-size: 14px;
	line-height: 28px;
}

.title_question {
	margin: 30px 0 100px;
}

.title_question li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #c7cbd2;
}

.title_question li::before {
	counter-increment: my-item;
    content: counter(my-item) "��"; 
	font-size: 18px;
	font-weight: 600;
	float: left;
}

.title_question li::after {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

.title_question .ask {
	width: 35%;
	float: left;
	font-size: 18px;
	font-weight: 600;
}

.title_question .ask .xiaotu{
	width:90px; 
        border:1px solid #c7cbd2; 
        padding:3px; 
        display:none;
	}
	
.title_question .ask .xiaotu img{
	width:90px; 
        height:auto;"
	}

.title_question .answer {
	width: 55%;
	float: right;
	font-size: 14px;
	line-height: 28px;
}

.title_question .answer .answer_text {
	display: block;
	overflow: hidden;
}
.title_question .answer .answer_text img{
 max-width: 100%;
}

.title_question .answer .down {
	float: right;
	width: 17px;
	height: 9px;
	cursor: pointer;
	margin-top: 10px;
}

.title_question .answer .down_hover {
	background: url(../images/down_ask.png) no-repeat;
}

.title_question .answer .down_up {
	background: url(../images/up_ask.png) no-repeat;
}

.lanren ul.list{
	margin: 0;
}
.lanren .more {
  background: rgba(0, 0, 0, 0) url("../images/down.jpg") no-repeat scroll center bottom;
  padding-bottom: 24px;
  margin: 0 auto 50px;
  text-align: center;
  color: #358ccb;
  font-size: 16px;
}
.lanren .more_up {
  background:none;
}
.lanren .more a:link{
  color: #358ccb;
}

.banner_down {
	background-image: url(../images/banner_down.jpg);
}

.ask span {
	display: block;
	font-size: 14px;
	color: #32c4f2;
	font-weight: normal;
	line-height: 40px;
}
.ask span a:link{
 color: #32c4f2;
}
.ask span a:visited{
 color: #32c4f2;
}
.ask span a:hover{
 color: #32c4f2;
}
.ask span a:active{
 color: #32c4f2;
}
.banner_video {
	background-image: url(../images/banner_video.jpg);
}

.video {
	width: 100%;
	height: auto;
	position: relative;
}

.video_play {
	width: 100%;
	height: 100%;
	background-image: url(../images/play_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(197, 201, 208, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}


/**关于**/

.banner_about {
	background-image: url(../images/banner_about.jpg);
}

.about {
	margin: 70px auto 80px;
	color: #5b6772;
}

.about h4 {
	font-size: 40px;
	font-family: 'Source-Han-Sans7e437275b16b5f';
	line-height: 60px;
	text-align: center;
	font-weight: normal;
	padding-bottom: 60px;
	border-bottom: 1px solid #c7cbd2;
}

.about p {
	font-size: 14px;
	line-height: 28px;
	margin-top: 20px;
}

.about li {
	margin-top: 50px;
}

.about li h5 {
	font-size: 18px;
	color: #525d68;
}

.about li p {
	margin-bottom: 20px;
}

.banner_partner {
	background-image: url(../images/banner_partner.jpg);
}

.partner_logo {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.partner_logo::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.partner_logo li {
	float: left;
	width: 294px;
	height: auto;
	margin: 0 8px 8px 0;
}

.partner_logo li:nth-child(4n+0) {
	margin-right: 0;
}

.banner_join {
	background-image: url(../images/banner_join.jpg);
}

.join_text {
	width: 40%;
	float: left;
	color: #5b6772;
}

.join_text h5 {
	font-size: 40px;
	margin-top: 200px;
	line-height: 55px;
	font-weight: normal;
}

.join_text p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}

.join {
	margin-top: 30px;
	border-bottom: 1px solid #c7cbd2;
	padding-bottom: 30px;
}

.join ul {
	padding-top: 20px;
}

.join li {
	margin-top: 0;
	font-size: 14px;
	line-height: 28px;
}

.join span {
	font-size: 14px;
	color: #32c4f2;
	margin-top: 20px;
	display: block;
}

.banner_contact {
	background-image: url(../images/banner_contact.jpg);
}

.contact_left {
	width: 25%;
	float: left;
}

.contact_left h3 {
	font-size: 18px;
}

.contact_left p {
	font-size: 18px;
	margin-top: 10px;
}

.contact_right {
	width: 70%;
	float: right;
}

.contact_right img {
	width: 100%;
}

.compass {
	margin-top: 50px;
	width: 65px;
	text-align: center;
}

.compass span {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}

.contact_left .contact_dian {
	font-size: 15px;
}

.contact_left h5 {
	font-size: 16px;
	font-weight: normal;
}

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

.contact_left ul li {
	font-size: 15px;
	margin-top: 0;
	line-height: 24px;
}

.banner_news {
	background-image: url(../images/banner_news.jpg);
}

.banner_jianjie {
	background-image: url(../images/banner_jianjie.jpg);
}



/**1440分辨率屏�?*/
@media (min-width: 1200px) and (max-width:1440px) {
	.bc_1 {
		background-position: -200px;
	}
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 4%;
	}
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 4%;
	}
 .bc_3 .car {
		right: -164px;
		top: 84px;
	}
	@-webkit-keyframes car_run {
		0% {
			-webkit-transform: translatex(779px);
			transform: translatex(779px);
		}
		100% {
			-webkit-transform: translatex(0);
			transform: translatex(0)
		}
	}
	@-moz-keyframes car_run {
		0% {
			-webkit-transform: translatex(779px);
			transform: translatex(779px);
		}
		100% {
			-webkit-transform: translatex(0);
			transform: translatex(0)
		}
	}
	@keyframes car_run {
		0% {
			-webkit-transform: translatex(779px);
			transform: translatex(779px);
		}
		100% {
			-webkit-transform: translatex(0);
			transform: translatex(0)
		}
	}
}