body,header,h1,img,h5,figure,figcaption,p,footer,ul,li,input,textarea{
	margin: 0px;
	padding: 0px;
}
body{
	font-size: 16px;
	font-family:"新宋体";
}
a{
	text-decoration:none;
}
img{
  width: 100%;
  vertical-align: middle;
}
ul,li{
	list-style-type: none;
}
.clear{clear: both;}
.header{
	width: 100%;
}
.header .content{
	max-width: 1200px;
	height: 94px;
	line-height: 94px;
	margin: 0 auto;
}
.header .content .logo{
	width: 33.33%;
	height: 94px;
	line-height: 94px;
	padding: 0;
	display: block;
	float: left;
	text-align: left;
	overflow:hidden;
}
.header .content .logo img{
	height:100%;
	max-width:100%;
}
.header .content .nav{
	width: 58.33%;
	height: 89px;
	line-height: 89px;
	display: block;
	float: right;
	text-align: center;
	font-size: 18px;
	color: #2f2e2e;
	font-weight: 300px;
	margin-right: 0;
}
.header .content .nav ul{
	width: 100%;
}
.header .content .nav ul li{
	width: 16.6%;
	display: inline-block;
	float: left;
	height: 89px;
	line-height: 89px;
}
.header .content .nav ul li a{
	color: #2f2e2e;
}
.header .content .nav ul li a:hover{
	display: inline-block;
	border-bottom: 4px #27b7ff solid;
}
.header .moblie{
	width: 100%;
	height: 45px;
	color: #fff;
	display: none;
	position: relative;
	z-index:9999;
}
.header .moblie li{
	height: 45px;
	line-height: 45px;
	text-indent: 10px;
	font-size: 16px;
	background-color: #0069cc;
}
.header .moblie li a{
	display: block;
	color: #fff;
}
.header .moblie li ul{
	width: 100%;
	color: #fff;
	display: none;
}
.header .moblie li ul li{
	padding-left: 10px;
	line-height: 45px;
	height: 45px;
	background-color: #333;
	border-bottom: 1px #fff solid;
}



.banner{
	width: 100%;
	margin: 0;
	z-index:0;
}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  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;
  align-items: center;
}
.banner .swiper-container .swiper-slide img {
  max-width: 100%;
  border: none;
  vertical-align: middle;
}



.index_title{
	width: 100%;
	margin: 30px 0;
	text-align: center;
}
.index_title h1{
	color: #006ad3;
	font-weight: normal;
}
.index_title .h1_bottom{
	margin: 10px auto;
	margin-bottom: 20px;
	max-width: 34px;
	border-bottom: 1px #c7c7c9 solid;
}
.index_title h5{
	color: #666;
	font-weight: normal;
}
.index_business{
	max-width: 1200px;
	margin:20px auto;
}
.index_business figure{
	width: 18%;
	display: block;
	float: left;
	margin: 0 1%;
	padding: 10px 0; 
}
.index_business figure img{
	vertical-align: middle;
}
.index_business figure figcaption{
	border: 1px #eaeaeb solid;
}
.index_business figure figcaption p{
	width: 90%;
	margin: 5px auto;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 16px;
	color: #006ad3;
}
.index_business figure figcaption p a{
	border: 1px #006ad3 solid;
	color: #666;
	font-size: 14px;
	padding: 7px 20px;
}
.index_business figure figcaption p a:hover{
	border: 1px #006ad3 solid;
	background-color: #006ad3;
	color: #fff;
}
.index_jianjie{
	width: 100%;
	height: 314px;
	overflow:hidden;
	background: url(../images/jianjie.png) no-repeat center;
}
.index_jianjie .content{
	max-width: 1200px;
	padding-top: 105px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	overflow:hidden;
}
.index_jianjie .content .left{
	width: 10%;
	display: block;
	float: left;
}
.index_jianjie .content .right{
	display: block;
	float: right;
	width: 86.66%;
	height: 64px;
	overflow: hidden;
	padding-bottom: 20px;
}
.index_jianjie .content p{
	line-height: 17px;
}
.index_team{
	width: 100%;
	padding: 30px 0;
	background-color: #f6f6f6;
	margin: 0 auto;
}
.index_team .content{
	max-width: 1200px;
	text-align: center;
	margin: 40px auto;
	margin-bottom:0px;
}
.index_youshi{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 75px;
}
.index_youshi figure{
	width: 18%;
	display: block;
	float: left;
	text-align: center;
	margin: 10px 1%;
	box-sizing: border-box;
}
.index_youshi figure img{
	vertical-align: middle;
	border: 2px #eaeaeb solid;
	box-sizing: border-box;
}
/*�Ŷӽ���*/
.company{
	max-width: 1000px;
	margin: 20px auto;
	margin-bottom: 75px;
}
.company .title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #006ad3;
	font-size: 20px;
	margin-top: 30px;
	font-weight: 300px;
}
.company .main{
	width: 100%;
	border-bottom: 1px #eaeaeb solid;
}
.company .main .content{
	width: 98%;
	margin: 10px auto;
	line-height: 25px;
}
.company .main .content figure{
	width: 22%;
	padding:10px 1.5%;
	display: block;
	float: left;
}
.company .main .content figure img{
	vertical-align: middle;
	width: 100%;
}
.company .main .content figure figcaption{
	text-align: center;
	font-size: 18px;
}
/*��ϵ����*/
.contact{
	max-width: 1200px;
	margin: 0px auto;
}
.contact .title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #006ad3;
	font-size: 24px;
	margin-top: 50px;
	font-weight: bold;
}
.contact .left{
	width: 41.66%;
	display: block;
	float: left;
	line-height: 25px;
	padding-bottom: 45px;
}
.contact .left figure{
	width: 100%;
	text-align: left;
}
.contact .left figure figcaption{
	width: 100%;
	margin-top: 10px;
}
.contact .left figure figcaption p{
	line-height: 25px;
	font-size: 14px;
}
.contact .left figure figcaption .margin{
	margin: 10px 0;
}
.contact .left figure figcaption .strong{
	font-weight: bold;
}

.contact .right{
	width: 56.66%;
	display: block;
	float: right;
	padding-bottom: 85px;
}
.contact .right .title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #006ad3;
	margin-top: 0px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px #ccc solid;
}
.contact .right .tishi{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #2f2e2e;
	margin: 20px 0;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 0px;
}
.contact .right  ul{
	width: 100%;
}
.contact .right  ul li{
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	display: inline-block;
}
.contact .right  ul .inputleft{
	width: 14.7%;
	float: left;
	text-align: left;
}
.contact .right  ul .inputright{
	width: 73.52%;
	float: left;
	text-align: left;
}
.contact .right  ul .inputright .input{
	height: 40px;
	width: 100%;
	border: 1px #ccc solid;
}
.contact .right  ul .inputright .textarea{
	height: 80px;
	width: 100%;
	border: 1px #ccc solid;
}
.contact .right  ul .inputright .submit{
	height: 40px;
	width: 100px;
	background-color: #5b5b5b;
	border: 0px #ccc solid;
	color: #fff;
}




.footer{
	width: 100%;
	height: 500px;
	background-color: #2c2f3c;
	display: flex;
	flex-direction: column;
}
.footer .content{
    width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	color: #d0cece;
	font-size: 14px;
	padding: 100px 0 0 0;
}
.footer .content .title{
	text-align: left;
	padding-left: 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.footer .content .left{
	display: block;
	float: left;
	width: 48.33%;
	height: 200px;
}
.footer .content .left li{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}
.footer .content .right{
	display: block;
	float: right;
	width: 48.33%;
	height: 285px;
	overflow: hidden;
	text-align:right;
}
.footer .content .right img{
	width:200px;
	height:200px;
}
.footer .banquan{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.footer .banquan a{
    color: #fff;
}
.bottom-menu{
	width: 100%;
	height: 65px;
	line-height: 65px;
	display: none;
	color: #fff;
	position: fixed;
	bottom: 0px;
	background-color: #2c2f3c;
}
.bottom-menu ul{
	width: 100%;
}
.bottom-menu ul li{
	width: 25%;
	height: 30px;
	line-height: 30px;
	padding-top:35px;
	display: inline-block;
	float: left;
	text-align: center;
}
.bottom-menu ul a{
	color: #fff;
}

.news{
	width: 100%;
	margin: 40px 0;
}
.news .newstitle{
	width: 270px;
	font-size: 28px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	color: #336489;
	border-bottom: 1px #ccc solid;
}
.news .content{
	max-width: 1200px;
	margin: 40px auto;
}
.news .content .main_left{
	width: 46.66%;
	display: block;
	float: left;
	background-color: #f7f7f7;
	overflow: hidden;
}
.news .content .main_right{
	width: 46.66%;
	display: block;
	float: right;
	background-color: #f7f7f7;
	overflow: hidden;
}
.news .content ul{
	width: 96%;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
}
.news .content li{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-overflow: ellipsis;
}

.news .content .main_right li{
	background: url(../images/circle.png) left no-repeat;
	line-height: 41px;
	height: 41px;
	text-indent: 1em;
	border-bottom: 1px #e8e8e8 dashed;
}
.news .content time{
	text-align: right;
	float: right;
	display: block;
}
.more{
	width: 100px;
	line-height: 30px;
	height: 30px;
	padding: 5px 15px;
	background-color: #336489;
	margin: 0 auto;
	margin-top: 40px;
	color: #fff;
}
/*公司新闻*/
.gonggao{
	max-width: 1200px;
	margin: 40px auto;
}
.gonggao .title{
	width: 270px;
	font-size: 28px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	color: #336489;
	border-bottom: 1px #ccc solid;
}
.gonggao .content{
	width:100%;
	margin:40px auto;
	min-height: 100px;
	height: auto;
	color: #666;
	line-height: 25px;
}
.gonggao .content ul{
	width: 100%;
	margin: 40px auto;
}
.gonggao .content ul li{
	width: 46%;
	margin: 0 auto;
	margin-right: 4%;
	display: inline-block;
	float: left;
	background: url(../images/circle.png) left no-repeat;
	line-height: 41px;
	height: 41px;
	text-indent: 1em;
	border-bottom: 1px #e8e8e8 dashed;
}
.gonggao .content ul li time{
	float: right;
}
@media(min-width: 1200px){
	
}
/*�е���ĻPC��*/
@media(min-width: 992px) and (max-width: 1199px){
	.index_business figure{
		width: 23%;
		margin: 0 1%;
	}
}
/*С��ĻPAD��*/
@media(min-width: 768px) and (max-width: 991px){
	.index_business figure{
		width: 31.33%;
		margin: 0 1%;
	}
	.footer .content .left{
		width: 98%;
		margin: 0 1%;
	}
	.footer .content .right{
		display: none;
	}
	.company .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.company .main{
		width: 98%;
		margin: 0 1%;
	}
	.contact .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contact .right,.contact .left{
		width: 98%;
		margin: 0 1%;
	}
	.contact .left{
		padding-bottom: 15px;
	}
	.contact .right{
		margin-top: 40px;
	}
	.contact .right  ul .inputleft,.contact .right  ul .inputright{
		width: 100%;
		height: 45px;
	}
	.contact .right  ul li{
		height: 70px;
		line-height: 70px;
	}
}
/*�ֻ���*/
@media(min-width: 480px) and (max-width: 767px){
	.header .content .nav ul .menu_hidden{
		display: none;
	}
	.header .content .nav ul li{
		width: 25%;
	}
	.index_business figure{
		width: 48%;
		margin: 0 1%;
	}
	.index_jianjie .content{
		padding-top:20px;
	}
	.index_jianjie .content .left{
		width: 20%;
		margin: 10px 40%;
	}
	.news .content .main_left, .news .content .main_right{
		width: 100%;
	}
	.index_jianjie .content .right{
		width: 98%;
		margin: 0 1%;
	}
	.index_youshi figure{
		width: 48%;
		margin:10px 1%; 
	}
	.footer .content .left{
		width: 98%;
		margin: 0 1%;
	}
	.footer .content .right{
		display: none;
	}
	.company .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.company .main{
		width: 98%;
		margin: 0 1%;
	}
	.company .main .content figure{
		width: 47%;
	}
	.contact .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contact .right,.contact .left{
		width: 98%;
		margin: 0 1%;
	}
	.contact .right{
		margin-top: 40px;
	}
	.contact .left{
		padding-bottom: 15px;
	}
	.contact .right  ul .inputleft,.contact .right  ul .inputright{
		width: 100%;
		height: 45px;
	}
	.gonggao .content ul li{
		width: 46.5%;
		margin: 0 1%;
	}
	.contact .right  ul li{
		height: 70px;
		line-height: 70px;
	}
}
/*���ͷֱ����ֻ�*/
@media(max-width: 479px){
	.header .content .logo{
		width: 100%;
		text-align: center;
	}
	.header .content .nav{
		display: none;
	}
	.header .moblie,.bottom-menu{
		display: block;
	}
	.index_business figure{
		width: 98%;
		margin: 0 1%;
	}
	.index_jianjie .content{
		padding-top:20px;
	}
	.news .content .main_left, .news .content .main_right{
		width: 100%;
	}
	.index_jianjie .content .left{
		width: 40%;
		margin: 10px 30%;
	}
	.index_jianjie .content .right{
		width: 98%;
		margin: 0 1%;
	}
	.index_youshi figure{
		width: 98%;
		margin:10px 1%; 
	}
	.footer{
		display: none;
	}
	.company .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.company .main{
		width: 98%;
		margin: 0 1%;
	}
	.company .main .content figure{
		width: 96%;
	}
	.contact .title{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contact .right,.contact .left{
		width: 96%;
		margin: 0 2%;
	}
	.contact .right{
		margin-top: 40px;
	}
	.contact .left{
		padding-bottom: 15px;
	}
	.contact .right  ul .inputleft,.contact .right  ul .inputright{
		width: 100%;
		height: 45px;
	}
	.contact .right  ul li{
		height: 70px;
		line-height: 70px;
	}
	.gonggao .content ul li{
		width: 99%;
		margin: 0 1%;
	}
}