header{

    width: 1200px;

    height: 105px;

	margin:auto;

}

footer{

	background-color:#272727;

	padding-bottom:40px;

	

}



.top .logo{

	float:left;

	display:block;

	width:204px;

	height:105px;

	margin-left:60px;

}

.search{

	float:right;

	background:url(../images/search.png) 0 32px no-repeat;

	width:195px;

	height:105px;

}

.tel{

	background:url(../images/tel.png) 0 0 no-repeat;

	width:247px;

	height:105px;

	float:right;

}



.menu{

	background:#01588e;

	height:60px;

	clear:both;

}



.menu ul.menu_ct{

	width:1200px;

	display:block;

	margin:0 auto;

}

.menu ul.menu_ct li{

	width:171px;

	height:60px;

	text-align:center;

	float:left;

}

.menu ul.menu_ct a{

	line-height:30px;

	margin:15px 0px;

	display:block;

	width:171px;

	color:#fff;

	font-size:1.4rem;

	border-right:1px #fff dotted;

}

.menu ul.menu_ct a.contact{

	border-right:0;

}



.banner{

	background:url(../images/banner1.jpg) center 0px no-repeat;

	height:200px;

}

.icon{

    display: none;

}



.center{

	width:1200px;

	margin:30px auto;

}

.center .center_left{

	width:235px;

	float:left;

}

.center .left_title{

	background:#01588e;

	width:235px;

	height:90px;

	line-height:90px;

	color:#fff;

	font-size:3.0rem;

	text-align:center;

}

.center .center_left ul{

	margin-top:20px;

}

.center .center_left ul li{

	height:49px;

	margin-bottom:1px;

}

.center .center_left ul li a{

	display:block;

	height:49px;

	background:#eeeeee;

	line-height:49px;

	color:#000;

	font-size:1.5rem;

	padding-left:20px;

}

.center .center_left ul li.hover a{
	background:#01588e;
	color:#fff;
	transition: background 0.3s ease-in;
}



.center .center_left ul li a span{

	width: 0px;

	height: 0px;

	display:block;

	border-top: 5px solid transparent;

	border-left: 5px solid #01588e;

	border-bottom: 5px solid transparent;

	float:left;

	margin-top:19px;

	margin-right:15px;

}

.center .center_left ul li a:hover span{

	width: 0px;

	height: 0px;

	display:block;

	border-top: 5px solid transparent;

	border-left: 5px solid #fff;

	border-bottom: 5px solid transparent;

	float:left;

	margin-top:19px;

	transition: border 0.3s ease-in;

	margin-right:15px;

}

.center .center_left ul li.hover a span{

	width: 0px;

	height: 0px;

	display:block;

	border-top: 5px solid transparent;

	border-left: 5px solid #fff;

	border-bottom: 5px solid transparent;

	float:left;

	margin-top:19px;

	transition: border 0.3s ease-in;

	margin-right:15px;

}

.center .center_left ul li a:hover{

	background:#01588e;

	color:#fff;

	transition: background 0.3s ease-in;

}



.center .center_right{

	float:right;

	width:900px;

}

.center .center_right .posti{

	height:40px;

	border-bottom:1px #e2e2e2 solid;

}

.center .center_right .posti span{

	color:#01588e;

	font-size:1.8rem;

	border-bottom:2px #01588e solid;

	display:block;

	height:39px;

	padding:0px 15px;

	line-height:39px;

	float:left;

}

.center .center_right .posti small{

	display:block;

	float:right;

	line-height:39px;

	padding-right:20px;

	padding-left:30px;

	background:url(../images/pospic.png) left 10px no-repeat;

}

.center .center_right .posti small a{

	color:#000;

	line-height:39px;

}

.center .center_right .about_content{

	font-size:1.4rem;

	line-height:30px;

	margin-top:0px;

	padding:0 10px;

}

.center .center_right .about_content p{

	font-size:1.4rem;

	line-height:30px;

}

.left_title_ico{

	display:none;

}























.bottom{

	width:1200px;

	margin:0 auto;

	padding:20px 0;

}

.bottom ul{

	margin:20px auto;

	display:block;

	width:420px;

}

.bottom ul li{

	float:left;

	width:105px;

	text-align:center;

}

.bottom ul li a{

	color:#606060;

	font-size:1.4rem;

}

.bottom ul li a:hover{

	color:#fff;

}

.bottom .banquan{

	clear:both;

	color:#606060;

	line-height:28px;

	text-align:center;

	font-size:1.4rem;

	border-top:1px #606060 solid;

	padding-top:20px;

}



@media (min-width: 768px) and (max-width: 1200px){

	header{

		width:768px;

	}

	.top .logo{

		margin-left:30px;

	}

	.menu ul.menu_ct{

		width:768px;

	}

	.menu ul.menu_ct li{

		width:109px;

	}

	.menu ul.menu_ct a{

		width:109px;

	}

	.banner{

		height:125px;

		background-size:1200px auto;

	}

	.icon{

		display: none;

	}

	

	.center{

		width:768px;

	}



	.center .center_right{

		width:500px;

	}

	

	.center .center_right .about_content img{

		width:80%;

		border:0;

	}

	.left_title_ico{

		display:none;

	}

	

	

	

	

	

	

	

	

	

	.bottom{

		width:768px;

	}



}



@media (max-width: 768px){

	header{

		width:100%;

		height:105px;

	}

	.search{

		display:none;

	}

	.tel{

		display:none;

	}

	.top .logo{

		float:left;

		margin:0;

	}

	.icon{

		display: block;

        position: relative;

        float: right;

        width:60px;

        height: 55px;

        padding-top: 30px;

        cursor: pointer;

	}

	.icon span{

        display:block;

        width: 40px;

        height: 5px;

        margin: 4px auto;

        border-radius: 2px;

        background-color: #01588e;

    }



	.menu{

		display: none;

        position: relative;

        top:0;

        left:0;

        margin:0;

		padding:0;

        width:100%;

        height:350px;

		background:#f7f7f7;

	}

	.menu ul.menu_ct{

		width:100%;

		margin:0;

		padding:0;

	}

	.menu ul.menu_ct li{

		width:100%;

		height:50px;

	}

	.menu ul.menu_ct a{

		line-height:50px;

		color:#000;

		display:block;

		width:100%;

		padding:0;

		margin:0;

		text-align:center;

		background-color:#f7f7f7;

		

	}

	.menu ul.menu_ct a:hover{

		background-color:#01588e;

		color:#fff;

		transition: background 0.3s ease-in;

	}

	.banner{

		height:80px;

		background-size:768px auto;

	}

	

	.center{

		width:100%;

		margin:0;

	}

	.center .center_left{

		width:100%;

		float:none;

	}

	

	.center .left_title_ico{

		background:#01588e;

		width:100%;

		height:50px;

		line-height:50px;

		color:#fff;

		font-size:2.0rem;

		text-align:center;

	}

	.center .center_left ul{

		margin-top:1px;

	}

	

	.center .center_right .posti{

		display:none;

	}

	

	.center .center_right{

		float:none;

		width:100%;

	}	

	.center .center_right .about_content{

		margin-bottom:15px;

	}

	.center .center_right .about_content img{

		width:80%;

	}

	.left_title{

		display:none;

	}

	.left_title_ico{

		display:block;

		cursor:pointer;

	}

	.center_left ul{

		display:none;

	}

	



	

	

	.bottom{

		width:100%;

	}

	.bottom ul{

		width:360px;

	}

	.bottom ul li{

		width:90px;

	}

}

@media (min-width: 768px){

	.menu{

		display:block ! important;

	}

	#abm{

		display:block ! important;

	}

}