@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section,time{
	display:block;
}
body{
	font-family: "Microsoft YaHei","微软雅黑","Microsoft Yahei UI","Helvetica Neue", Helvetica, Arial,   SimHei,"宋体","\5B8B\4F53", simsun, sans-serif;
	background-color: #ffF;
}
a{
	text-decoration:none;
	color: #000;
}
a:hover{
	text-decoration: underline;
	color:#0000FF;
}
ul,ol{
	list-style: none;
}
.container{
	margin: 0 auto;
	text-align: center;
}


/*当页面大于1600px 时，大屏幕，主要是PC 端***********************************************************************/
@media (min-width: 1601px) {
	/*************** common **************/
	h2{
		font-weight: normal;
		color: #4D5457;
		font-size: 28px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.imghide2,.imghide3{
		display: none;
	}
	/******************************************************************** header ***********************************************/
	header{
		width:100%;
		background-color: #1c83c5;
		height: 100px;
		position: fixed;
	}
	.container{
		width: 1600px;
		/*background-color: red;*/
	}
	header h1{
		text-indent: -9999px;
		float: left;
		margin: 5px 0 0 50px; 
	}
	header .logo{
		background-image: url(../img/logo/logo3.png);
		background-size: 85% 90%;
		background-repeat: no-repeat;
		/*background-color: blue;*/
		width: 550px;
		height: 100px;
	}
	/***********************************************************header_nav：menu******************************************/
	.mainmenu{
		height: 100px;
	}
	.mainmenu h2{
		display: none;
	}
	.mainmenu ul{
		overflow: hidden;
		width: 900px;
		height: 100px;
	}
	.mainmenu li{
		float: left;
		font-size: 18px;
		width: 14%;
	}
	.mainmenu li strong{
		display: block;
		background-color: #121F90;
		color:#fff;
		height: 100px;
		line-height: 100px;
		font-size: 20px;
		font-style: normal;
		font-weight: normal;
	}
	.mainmenu a{
		display: block;
		height: 100px;
		line-height: 100px;
		text-align: center;
		color: #fff;
		font-size: 19px;
	}
	.mainmenu a:hover{
		background-color: #ddd;
		font-weight:bold;
		color:#009;
		height: 100px;
		line-height: 100px;
	}
	.hide2{
		display: none;
	}
	/****************************************index_adv ****************************************/
	#in_adv{
		margin: 0 auto;
		padding-top: 100px;
	}
	#in_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************index_adv ****************************************/
	#in_about{
		width: 100%;
	}	
	#in_about .container{
		height: 400px;
		background-image: url(../img/bg/bg_basic.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	#in_about img{
		width: 150px;
		height: 110px;
	}
	#in_about figure{
		display:inline-block;
		width: 150px;
	 	height: 180px;
	 	border:1px solid F0E6E6;
	 	font-size: 16px;
	 	margin: 0 60px;
	 	padding-top: 110px;
	}
	#in_about figcaption{
		padding-top: 15px;
	}
	/**************************************** in_news ***********************************************/
	#in_news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#in_news .nlist{
		line-height: 120px;
		width: 1300px;
		margin: 0 auto;
		text-align: left;
		border-bottom: 1px solid #ccc;
		/*background-color: blue;*/
	}
	#in_news img{
		width: 120px;
		height: 80px;
		padding: 20px 50px 0px 60px;
		display: block;
		float: left;
	}
	#in_news .ntitle{
		float: left;
		display: block;
		width: 1000px;
		/*background-color: yellow;*/
	}
	#in_news time{
		display: inline-block;
		float: rigth;
		line-height: 120px;
		font-size: 14px;
		text-align: center;
	}
	#in_news .nmark{
		clear: both;
		text-indent: 24px;
		font-size: 14px;
		line-height: 24px;
		padding: 0 100px 20px 80px;
	}
	#in_news .more{
		clear: both;
		font-size: 20px;
		line-height: 100px;
		height: 120px;
	}
	/**************************************** in_serv **************************************************/
	#in_serv{
		clear: both;
		width: 100%;
	}
	#in_serv .container{
		height: 550px;
		background-image: url(../img/bg/bg_service1.png);
	}
	#in_serv figure{
		/*float: left;*/
		display: inline-block;
		margin-top: 20px;
		/*margin-left: 300px;*/
		margin: 0 250px;
	}
	#in_serv .serv_title{
		font-size: 22px;
		line-height: 50px;
	}
	#in_serv .serv_expl{
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}
	/**************************************** in_cust ***************************************************/
	#in_cust{
		width: 100%;
		height: 1000px;
		background-color: #F8F8F8;
		text-align: center;
	}
	#in_cust h2{
		padding-bottom: 30px;
	}
	#in_cust figure{
		display: inline-block;
		width: 300px;
		height: 270px;
		border: 1px solid #ddd;
		/*float: left;*/
		margin: 100px 80px 0;
	}
	#in_cust .logo{
		margin-top: -30px;
		width: 100px;
		height: 50px;
	}
	#in_cust .photo{
		display: block;
		width: 260px;
		height: 160px;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#in_cust figcaption{
		margin-top:20px;
		font-size: 16px;
		line-height: 25px; 
	}
	#in_cust .more{
		clear: both;
		font-size: 20px;
		line-height: 180px;
	}
	/**************************************** index_pro*************************************************/
	#in_pro{
		width: 100%;
		height: 700px;
		background-color: #124385;
	}
	#in_pro h2{
		color: #fff;
		margin-bottom: 20px;
	}
	#in_pro .container{
		height: 700px;
		width: 1350px;
		background-image: url(../img/bg/bg_prog1.png);
		background-size: 100% 90%;
		background-position: right center;
		background-repeat: no-repeat;
		background-position: 0px 30px;
	}
	#in_pro p{
		text-align: left;
		text-indent: 750px;
		padding-top: 30px;
		font-size: 18px;
		color: #ff0;
	}

	/*************************************************************************************** about *******************************************************/
	#about_adv{
		margin: 0 auto;
		padding-top: 100px;
	}
	#about_adv img{
		width: 100%;
		height:auto;
	}
	/******************************************* about basic********************************/
	#about{
		width: 100%;
	}
	#about .container{
		height:auto;
		width: 1400px;
		padding:0 100px 50px;
		text-align: left;
	}
	#about h2{
		text-align: center;
	}
	#about p{
		text-indent: 30px;
		font-size: 16px;
		text-align: left;
		line-height: 45px;
	}
	#about .ap1{
		padding: 0px 15px 5px 20px;
		width: 1100px;
	}
	#about .ap2{
		padding: 10px 20px 0;
	}
	#about .aimg11{
		float: right;
		margin: -310px 15px 0; 
	}
	#about .aimg21{
		float: left;
		margin: 20px 40px 0 20px; 
	}
	/******************************************* about leader********************************/
	#leader{
		width: 100%;
		background-color: #F8F8F8;
	}
	#leader .container{
		min-height: 800px;
		width: 1400px;
		padding:0 100px 50px;
	}
	#leader img{
		float: left;
		display: block;
	}
	#leader .aimg21{
		margin-right: 50px;
		width: 30%;
	}
	#leader .aimg22{
		margin: 50px 50px 0 20px;	
	}
	#leader p{
		text-align: left;
		text-indent: 32px;
		font-size: 16px;
		line-height: 40px;
		padding:0 40px 0px 450px;
	}
	/******************************************* about histroy********************************/
	#history{
		width: 100%;
		background-color: #124385;
		clear: both;
	}
	#history .container{
		padding-bottom: 50px;
	}
	#history h2{
		color: #fff;
	}
	#history p{
		text-align: left;
		padding-left: 450px;
		line-height: 40px;
		color: #fff;
		font-size: 16px;
	}
	#history img{
		display: none;
	}
	/******************************************* about orgnize********************************/
	#orga{
		width: 100%;
	}
	#orga .container{
		height:auto;
		padding-bottom: 50px;
	}
	/******************************************* about honor********************************/
	#honor{
		width: 100%;
		background-color: #F8F8F8;
	}
	#honor .container{
		height:auto;
		padding-bottom: 50px;
	}
	#honor img{
		margin: 30px 50px;
	}
	/******************************************* about idea********************************/
	#idea1{
		width: 100%;
	}
	#idea1 .container,#idea2 .container,#idea3 .container{
		width: 1400px;
		padding:0 100px 50px;
	}
	#idea1 h2{
		padding-bottom: 0px;
	}
	.idea_title{
		text-align: center;
		font-size: 20px;
		padding: 50px 0 50px;
	}
	.idea_img1{
		float: left;
		margin-left: 120px;
	}
	.idea_img2{
		float: right;
		margin-right: 120px;
	}
	.idea_img3{
		clear: both;
	}
	#idea2{
		background-color: #F8F8F8;
	}
	#idea3 .container{
		text-align: left;
	}
	.idea_mark{
		text-align: left;
		padding-left: 300px;
		padding-top: 24px;
	}
	.idea_cont{
		text-align: left;
		font-size: 16px;
		padding-left: 400px;
		width: 730px;
		line-height: 40px;
	}
	/*************************************************************************************** newslist *******************************************************/
	#news_adv{
		margin: 0 auto;
		padding-top: 100px;
	}
	#news_adv img{
		width: 100%;
		height:auto;
	}
	/**************************************** news ***********************************************/
	#news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#news .container{
		padding: 50px 0 60px 0;
	}
	#news .newlist{
		width: 1100px;
		height: 80px;
		border-bottom: 1px solid #ccc;
		margin: 15px auto 0px;
		padding-left: 20px;
		/*background-color: blue;*/
	}
	#news .newlist img{
		float: left;
		width: 60px;
		height: 45px;
		margin: 0px 50px;
		padding: 10px;
		border:1px solid #ddd;
	}
	#news .newlist a{
		float: left;
		line-height: 70px;
	}
	#news .newlist time{
		float: right;
		line-height: 70px;
		margin-right: 80px;
	}
	#news #page{
		margin-top: 40px;
	}
	#news #page a{
		display:inline;
	}
	/*************************************************************************************** news cont *******************************************************/
	#newscont_adv{
		margin: 0 auto;
		padding-top: 100px;
	}
	#newscont_adv img{
		width: 100%;
		height:auto;
	}
	#newscont{
		width: 100%;
		background-color: #F8F8F8;
		margin: 0 atuo;
	}
	#newscont .container{
		padding: 60px 0 60px 0;
		background-color: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		/*background-color: blue;*/
		width: 1400px;
	}
	#newscont .n_title{
		font-size: 20px;
		margin: 0px 0 30px;
	}
	#newscont p{
		text-align: left;
		font-size: 16px;
		line-height: 40px;
		width: 1200px;
		padding:0 110px;
		text-indent: 32px;
		margin: 0 0 0px;
	}
	#newscont .img{
		text-indent: 0px;
	}
	#newscont img{
		margin: 30px;
	}
	/*************************************************************************************** service *******************************************************/
	#serv_adv{
		padding-top: 100px;
	}
	#serv_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************* service  serv*******************************/
	#serv h3{
		font-size: 26px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 40px 0px 20px 150px;
	}
	#serv h4{
		font-size: 18px;
		text-align: left;
		/*text-indent:100px;*/
		color: #4D5457; 
		font-weight: normal;
		padding: 0px 0px 30px 200px;
	}
	/********************************************* service  scope*********************************/
	#s_scope{
		width: 100%;
	}
	#s_scope .container{
		height: auto;
		text-align: left;
	}
	#s_scope h2{
		text-align: center;
	}
	#s_scope .scope_title{
		float: left;
		padding-left: 450px;
		line-height: 50px;
		font-size: 19px;
		font-weight: bold;
	}
	#s_scope p{
		text-align: left;
		line-height: 50px;
		width: 620px;
		margin-left: 580px;
	}
	#s_scope ul{
		width: 850px;
		margin-left: 580px;
		margin-top: 10px;
		text-align: left;
		line-height: 40px;
		padding-bottom: 80px;
	}
	#s_scope .li1{
		float: left;
	}
	#s_scope .li2{
		padding-left: 250px;
	}
	/********************************************* service  s_road********************************/
	#s_road{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_road .container{
		height:auto;
		text-align: center;
	}
	#s_road img{
		margin: 50px 30px;
		border:1px solid #ccc;
	}
	/********************************************* service  s_mult********************************/
	#s_mult{
		width: 100%;
	}
	#s_mult img{
		margin:  20px 0 30px;
	}
	/********************************************* service  s_special********************************/
	#s_special{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_special .container{
		height: 420px;
	}
	#s_special figure{
		display: inline-block;
		margin: 20px 0 0;
	}
	#s_special figcaption{
		padding: 0 0 15px 0;
	}
	#s_special img{
		width:  360px;
		margin: 0 8px;
	}
	/********************************************* service  s_storage********************************/
	#s_stor{
		clear: both;
		width: 100%;
	}	
	#s_stor p{
		line-height: 40px;
	}
	#s_stor img{
		margin: 30px 30px 50px 30px;
		border:2px solid #ccc;
	}
	/********************************************* service  s_vmi********************************/
	#s_vmi{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_vmi .container{
		padding-bottom: 50px;
	}
	/********************************************* service  s_express********************************/
	#s_express{
		width: 100%;
	}	
	#s_express .container{
	}
	#s_express img{
		margin: 30px 0;
	}
	/********************************************* service  s_post********************************/
	#s_post{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_post img{
		margin: 50px 30px 50px;
		border:1px solid #ccc;
	}
	/********************************************* service  s_cust********************************/
	#s_cust{
		width: 100%;
	}
	#s_cust .container{
	}
	#s_cust img{
		margin: 30px 0 50px;
	}
	/********************************************* service  s_banking********************************/
	#s_banking{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_banking .container{
	}
	#s_banking img{
		margin: 50px;
	}
	/*************************************************************************************** network *******************************************************/
	#net_adv{
		padding-top: 100px;
	}
	#net_adv img{
		width: 100%;
		height:auto;
	}
	/***************** network  net ******************************/
	#net{
		background-color: #F8F8F8;
	}
	#net .container{
		background-image: url(../img/bg/bg_net.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 90% 100%;
		padding-bottom: 50px;
	}
	#net p{
		margin-top: 0px;
	}
	#net dl{
		text-align: left;
		margin-top: 20px;
	}
	#net dt{
		font-size: 18px;
		font-weight: bold;
		line-height: 60px;
		text-indent: 280px;
		float: left;
	}
	#net dd{
		line-height: 60px;
		padding: 0 120px 0px 380px;
	}
	/***************** network  branch ******************************/
	#branch{
		width: 100%;
	}
	#branch .container{
		padding-bottom: 50px;
		width: 1500px;
		/*background-color: red;*/
	}
	#branch .b_total{
		text-align: left;
		border:1px solid #ccc;
		width: 280px;
		height: 160px;
		margin: 0 0 50px 80px;
		float: left;
	}
	#branch .b_title{
		border-bottom: 1px solid #ccc;
		line-height: 40px;
		background-color:#E9EBfF;
		font-weight: bold;
		text-indent: 10px;
	}
	#branch .b_cont{
		font-size: 15px;
		padding: 0 8px 0 0;
	}
	#branch .b_addr{
		width:55px;
		line-height: 60px;
		text-indent: 10px;
		font-size: 15px;
	}
	#branch .b_tel{
		line-height: 40px;
		text-indent: 10px;
		font-size: 15px;
	}
	#branch .hide4{
		display: none;
	}
	/***************** network  base ***************************/
	#base{
		clear: both;
		height: 730px;
		background-color: #F8F8F8;
	}
	#base .container{
		/*width: 1400px;*/
	}
	#base figure{
		display: inline-block;
	}
	#base .bimg1{
		width: 550px;
		height: 280px;
		margin: 10px 30px 5px 40px;
	}
	#base .bimg2{
		width: 360px;
		height: 120px;
		margin: 50px 20px 5px 30px;
	}
	#base .b_mark{
		margin-left: 20px;
		font-size: 16px;
	}
	/*************************************************************************************** custom *******************************************************/
	#cust_adv{
		padding-top: 100px;
	}
	#cust_adv img{
			width: 100%;
			height:auto;
	}
	#cust h3{
		font-size: 26px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 50px 0px 0px 250px;
		width: 180px;
		float: left;
	}
	#cust .cust_fig{
		padding:30px 0 0 430px;
	}
	#cust figure{
		width: 230px;
		height: 190px;
		border: 1px solid #ddd;
		float: left;
		margin-top: 50px;
		margin-left: 100px;
		font-size: 15px;
	}
	#cust .logo{
		margin-top: -30px;
		width: 80px;
		height: 50px;
	}
	#cust .photo{
		display: block;
		width: 200px;
		height: 130px;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#cust figcaption{
		margin-top:8px; 
	}

	/*****************/
	#cust1{
		width: 100%;
	}
	#cust1 .container{
		height: 560px;
	}

	/*****************/
	#cust2{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust2 .container{
		height: 330px;
	}

	/*****************/
	#cust3{
		width: 100%;
	}
	#cust3 .container{
		height: 330px;
	}

	/*****************/
	#cust4{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust4 .container{
		height: 330px;
	}

	/*****************/
	#cust5{
		width: 100%;
	}
	#cust5 .container{
		height: 330px;
	}

	/*****************/
	#cust6{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust6 .container{
		height: 560px;
	}

	/*****************/
	#cust7{
		width: 100%;
	}
	#cust7 .container{
		height: 560px;
	}

	/*****************/
	#cust8{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust8 .container{
		height: 330px;
	}

	/*****************/
	#cust9{
		width: 100%;
	}
	#cust9 .container{
		height: 330px;
	}
	/*****************/
	#cust10{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust10 .container{
		height: 560px;
	}
	/*************************************************************************************** project *******************************************************/
	#pro_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#pro_adv img{
		width: 100%;
		height:auto;
	}
	/****************** pro g1 *************************************/
	#pro_yanglao{
		background-color: #F8F8F8;
		padding-bottom: 60px;
	}
	#pro_yanglao .container{
		width: 1400px;
		padding: 0 100px 50px;
	}
	#pro_yanglao img{
		float: right;
		margin: 20px 50px 20px 50px;
	}
	#pro_yanglao p{
		text-align: left;
		font-size: 16px;
		text-indent: 32px;
		line-height: 50px;
		padding: 0px 50px 5px 10px;
	}
	/****************** pro g1 *************************************/
	#pro_g1{
		padding-bottom: 60px;
	}
	#pro_g1 .container{
		width: 1400px;
		padding: 0 100px 50px;
	}
	#pro_g1 img{
		float: left;
		margin: 10px 50px 20px 30px;
	}
	#pro_g1 p{
		text-align: left;
		font-size: 16px;
		text-indent: 32px;
		line-height: 50px;
		padding: 0px 50px 5px 10px;
	}
	#pro_g1 ul{
		text-align: left;
		margin-top: 10px;
	}
	#pro_g1 ul li{
		font-size: 16px;
		line-height: 50px;
		margin-left: 700px;
	}
	/****************** pro hu *************************************/
	#pro_hu{
		background-color: #F8F8F8;
		padding-bottom: 60px;
	}
	#pro_hu .container{
		width: 1400px;
		padding: 0 100px 50px;
	}
	#pro_hu img{
		float: right;
		margin: 10px 50px 20px 50px;
	}
	#pro_hu p{
		text-align: left;
		padding: 0px 200px 0px 30px;
		line-height: 50px;
		text-indent: 32px;
		font-size: 16px;
	}
	/*************************************************************************************** footer *******************************************************/
	footer{
		clear: both;
		width: 100%;
		background-color: #1c83c5;
		font-style: normal;
		color: #fff;
		font-size: 16px;
	}
	.foot{
		height: 300px;
	}
	.foot .contact{
		float: right;
		width: 550px;
		text-align: left;
		padding-top: 40px;
		/*background-color: blue;*/
	}
	.foot h4{
		font-weight: normal;
		padding-top: 18px;
		font-size: 16px;
	}
	.foot dl{
		text-indent: 20px;
	}
	.foot dd{
		line-height: 30px;
	}
	.foot .mark{
		float: left;
		text-align: left;
		padding-left: 160px;
		padding-top: 60px;
		/*background-color: blue;*/
	}
	.foot label{
		display: block;
		color: #fff;
	}
	.foot address{
		display: inline-block;;
		padding: 18px 0px 0px;
	}
	.foot address a{
		display:block;
		font-style: normal;
		color: #fff;
		padding-top: 5px;
	}
	.foot p{
		padding-top: 20px;
	}
}



























































































































/*当页面大于1200px 时，大屏幕，主要是PC 端***********************************************************************/
@media (min-width: 1200px) and (max-width: 1600px) {
	/*************** common **************/
	h2{
		font-weight: normal;
		color: #4D5457;
		font-size: 28px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.imghide1,.imghide3{
		display: none;
	}
	/******************************************************************** header ***********************************************/
	header{
		width:100%;
		background-color: #1c83c5;
		height: 90px;
		position: fixed;
	}
	.container{
		width: 1200px;
	}
	header h1{
		text-indent: -9999px;
		float: left;
	}
	header .logo{
		background-image: url(../img/logo/logo3.png);
		background-repeat: no-repeat;
		width: 550px;
		height: 90px;
	}
	/***********************************************************header_nav：menu******************************************/
	.mainmenu{
		height: 90px;
	}
	.mainmenu h2{
		display: none;
	}
	.mainmenu ul{
		overflow: hidden;
		width: 650px;
		height: 90px;
	}
	.mainmenu li{
		float: left;
		font-size: 17px;
		width: 14%;
	}
	.mainmenu li strong{
		display: block;
		background-color: #121F90;
		color:#fff;
		height: 90px;
		line-height: 90px;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
	}
	.mainmenu a{
		display: block;
		height: 90px;
		line-height: 90px;
		text-align: center;
		color: #fff;
	}
	.mainmenu a:hover{
		background-color: #ddd;
		font-weight:bold;
		color:#009;
		height: 90px;
		line-height: 90px;
	}
	.hide2{
		display: none;
	}
	/****************************************index_adv ****************************************/
	#in_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#in_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************index_adv ****************************************/
	#in_about{
		width: 100%;
	}	
	#in_about .container{
		height: 360px;
		background-image: url(../img/bg/bg_basic.png);
		background-repeat: no-repeat;
	}
	#in_about img{
		width: 140px;
		height: 110px;
	}
	#in_about figure{
		display: block;
		width: 150px;
	 	height: 180px;
	 	border:1px solid F0E6E6;
	 	float: left;
	 	font-size: 15px;
	 	text-align: center;
	 	margin-left: 75px;
	 	padding-top: 90px;
	}
	#in_about figcaption{
		padding-top: 15px;
	}
	/**************************************** in_news ***********************************************/
	#in_news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#in_news .nlist{
		line-height: 120px;
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	#in_news img{
		width: 120px;
		height: 80px;
		padding: 20px 50px 0px 60px;
		display: block;
		float: left;
	}
	#in_news .ntitle{
		float: left;
		display: block;
		width: 630px;
	}
	#in_news time{
		display: inline-block;
		float: rigth;
		line-height: 120px;
		font-size: 14px;
		text-align: center;
	}
	#in_news .nmark{
		clear: both;
		text-indent: 24px;
		font-size: 12px;
		line-height: 20px;
		padding: 0 60px 20px;
	}
	#in_news .more{
		clear: both;
		font-size: 20px;
		line-height: 100px;
		height: 120px;
	}
	/**************************************** in_serv **************************************************/
	#in_serv{
		clear: both;
		width: 100%;
	}
	#in_serv .container{
		height: 550px;
		background-image: url(../img/bg/bg_service1.png);
	}
	#in_serv figure{
		float: left;
		margin-top: 20px;
		margin-left: 300px;
	}
	#in_serv .serv_title{
		font-size: 20px;
		line-height: 40px;
	}
	#in_serv .serv_expl{
		font-size: 14px;
		line-height: 30px;
		text-align: center;
	}
	/**************************************** in_cust ***************************************************/
	#in_cust{
		width: 100%;
		height: 1000px;
		background-color: #F8F8F8;
		text-align: center;
	}
	#in_cust h2{
		padding-bottom: 30px;
	}
	#in_cust figure{
		width: 300px;
		height: 250px;
		border: 1px solid #ddd;
		float: left;
		margin-top: 100px;
		margin-left: 80px;
		font-size: 15px;
	}
	#in_cust .logo{
		margin-top: -30px;
		width: 100px;
		height: 50px;
	}
	#in_cust .photo{
		display: block;
		width: 260px;
		height: 160px;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#in_cust figcaption{
		margin-top:20px;
		font-size: 14px; 
	}
	#in_cust .more{
		clear: both;
		font-size: 20px;
		line-height: 180px;
	}
	/**************************************** index_pro*************************************************/
	#in_pro{
		width: 100%;
		height: 600px;
		background-color: #124385;
	}
	#in_pro h2{
		color: #fff;
		margin-bottom: 20px;
	}
	#in_pro .container{
		height: 650px;
		background-image: url(../img/bg/bg_prog1.png);
		background-repeat: no-repeat;
		background-position: 0px 30px;
	}
	#in_pro p{
		text-align: left;
		text-indent: 600px;
		padding-top: 30px;
		font-size: 17px;
		color: #ff0;
	}

	/*************************************************************************************** about *******************************************************/
	#about_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#about_adv img{
		width: 100%;
		height:auto;
	}
	/******************************************* about basic********************************/
	#about{
		width: 100%;
	}
	#about .container{
		height:auto;
		padding-bottom: 50px;
		text-align: left;
	}
	#about h2{
		text-align: center;
	}
	#about p{
		text-indent: 30px;
		font-size: 15px;
		text-align: left;
		line-height: 35px;
	}
	#about .ap1{
		padding: 0px 15px 5px 20px;
		width: 950px;
	}
	#about .ap2{
		padding: 10px 10px 0;
	}
	#about .aimg11{
		float: right;
		margin: -310px 15px 0; 
	}
	#about .aimg21{
		float: left;
		margin: 20px 20px 0; 
	}
	/******************************************* about leader********************************/
	#leader{
		width: 100%;
		background-color: #F8F8F8;
	}
	#leader .container{
		min-height: 800px;
	}
	#leader img{
		float: left;
		display: block;
	}
	#leader .aimg21{
		margin-right: 50px;
	}
	#leader .aimg22{
		margin: 50px 20px 0 10px;	
	}
	#leader p{
		text-align: left;
		text-indent: 30px;
		font-size: 15px;
		padding:0 30px 0px 400px;
		line-height: 35px;
	}
	/******************************************* about histroy********************************/
	#history{
		width: 100%;
		background-color: #124385;
		clear: both;
	}
	#history .container{
		padding-bottom: 50px;
	}
	#history h2{
		color: #fff;
	}
	#history p{
		text-align: left;
		padding-left: 350px;
		line-height: 35px;
		color: #fff;
	}
	#history img{
		display: none;
	}
	/******************************************* about orgnize********************************/
	#orga{
		width: 100%;
	}
	#orga .container{
		height:auto;
		padding-bottom: 50px;
	}
	/******************************************* about honor********************************/
	#honor{
		width: 100%;
		background-color: #F8F8F8;
	}
	#honor .container{
		height:auto;
		padding-bottom: 50px;
	}
	#honor img{
		margin: 15px 10px;
	}
	/******************************************* about idea********************************/
	#idea1{
		width: 100%;
	}
	#idea1 .container,#idea2 .container,#idea3 .container{
		padding-bottom: 50px;
	}
	#idea1 h2{
		padding-bottom: 0px;
	}
	.idea_title{
		text-align: center;
		font-size: 20px;
		padding: 50px 0 50px;
	}
	.idea_img1{
		float: left;
		margin-left: 20px;
	}
	.idea_img2{
		float: right;
		margin-right: 20px;
	}
	.idea_img3{
		clear: both;
	}
	#idea2{
		background-color: #F8F8F8;
	}
	#idea3 .container{
		text-align: left;
	}
	.idea_mark{
		text-align: left;
		padding-left: 245px;
		padding-top: 20px;
	}
	.idea_cont{
		text-align: left;
		font-size: 15px;
		padding-left: 320px;
		width: 730px;
		line-height: 35px;
	}
	/*************************************************************************************** newslist *******************************************************/
	#news_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#news_adv img{
		width: 100%;
		height:auto;
	}
	/**************************************** news ***********************************************/
	#news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#news .container{
		padding: 50px 0 60px 0;
	}
	#news .newlist{
		width: 1000px;
		height: 70px;
		border-bottom: 1px solid #ccc;
		margin: 15px auto 0;
	}
	#news .newlist img{
		float: left;
		width: 60px;
		height: 45px;
		margin: 0px 50px;
		padding: 5px;
		border:1px solid #ddd;
	}
	#news .newlist a{
		float: left;
		line-height: 55px;
	}
	#news .newlist time{
		float: right;
		line-height: 55px;
		margin-right: 50px;
	}
	#news #page{
		margin-top: 40px;
	}
	#news #page a{
		display:inline;
	}
	/*************************************************************************************** news cont *******************************************************/
	#newscont_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#newscont_adv img{
		width: 100%;
		height:auto;
	}
	#newscont{
		width: 100%;
		background-color: #F8F8F8;
		margin: 0 atuo;
	}
	#newscont .container{
		padding: 60px 0 60px 0;
		background-color: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#newscont .n_title{
		font-size: 20px;
		margin: 0px 0 30px;
	}
	#newscont p{
		text-align: left;
		font-size: 16px;
		line-height: 40px;
		width: 990px;
		padding:0 110px;
		text-indent: 32px;
		margin: 0 0 0px;
	}
	#newscont .img{
		text-indent: 0px;
	}
	#newscont img{
		margin: 30px;
	}
	/*************************************************************************************** service *******************************************************/
	#serv_adv{
		padding-top: 90px;
	}
	#serv_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************* service  serv*******************************/
	#serv h3{
		font-size: 26px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 40px 0px 20px 40px;
	}
	#serv h4{
		font-size: 18px;
		text-align: left;
		/*text-indent:100px;*/
		color: #4D5457; 
		font-weight: normal;
		padding: 0px 0px 30px 100px;
	}
	/********************************************* service  scope*********************************/
	#s_scope{
		width: 100%;
	}
	#s_scope .container{
		height: auto;
		text-align: left;
	}
	#s_scope h2{
		text-align: center;
	}
	#s_scope .scope_title{
		float: left;
		padding-left: 290px;
		line-height: 50px;
		font-size: 19px;
		font-weight: bold;
	}
	#s_scope p{
		text-align: left;
		line-height: 50px;
		width: 620px;
		margin-left: 410px;
	}
	#s_scope ul{
		width: 700px;
		margin-left: 410px;
		margin-top: 10px;
		text-align: left;
		line-height: 40px;
		padding-bottom: 80px;
	}
	#s_scope .li1{
		float: left;
	}
	#s_scope .li2{
		padding-left: 250px;
	}
	/********************************************* service  s_road********************************/
	#s_road{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_road .container{
		height:auto;
		text-align: center;
	}
	#s_road img{
		margin: 50px 30px;
		border:1px solid #ccc;
	}
	/********************************************* service  s_mult********************************/
	#s_mult{
		width: 100%;
	}
	#s_mult img{
		margin:  20px 0 30px;
	}
	/********************************************* service  s_special********************************/
	#s_special{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_special .container{
		height: 420px;
	}
	#s_special figure{
		display: inline-block;
		margin: 20px 0 0;
	}
	#s_special figcaption{
		padding: 0 0 15px 0;
	}
	#s_special img{
		width:  360px;
		margin: 0 8px;
	}
	/********************************************* service  s_storage********************************/
	#s_stor{
		clear: both;
		width: 100%;
	}	
	#s_stor p{
		line-height: 40px;
	}
	#s_stor img{
		margin: 30px 30px 50px 30px;
		border:2px solid #ccc;
	}
	/********************************************* service  s_vmi********************************/
	#s_vmi{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_vmi .container{
		padding-bottom: 50px;
	}
	/********************************************* service  s_express********************************/
	#s_express{
		width: 100%;
	}	
	#s_express .container{
	}
	#s_express img{
		margin: 30px 0;
	}
	/********************************************* service  s_post********************************/
	#s_post{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_post img{
		margin: 50px 30px 50px;
		border:1px solid #ccc;
	}
	/********************************************* service  s_cust********************************/
	#s_cust{
		width: 100%;
	}
	#s_cust .container{
	}
	#s_cust img{
		margin: 30px 0 50px;
	}
	/********************************************* service  s_banking********************************/
	#s_banking{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_banking .container{
	}
	#s_banking img{
		margin: 50px;
	}
	/*************************************************************************************** network *******************************************************/
	#net_adv{
		padding-top: 90px;
	}
	#net_adv img{
		width: 100%;
		height:auto;
	}
	/***************** network  net ******************************/
	#net{
		background-color: #F8F8F8;
	}
	#net .container{
		background-image: url(../img/bg/bg_net.png);
		background-repeat: no-repeat;
		padding-bottom: 50px;
	}
	#net p{
		margin-top: 0px;
	}
	#net dl{
		text-align: left;
		margin-top: 20px;
	}
	#net dt{
		font-size: 18px;
		font-weight: bold;
		line-height: 60px;
		text-indent: 180px;
		float: left;
	}
	#net dd{
		line-height: 60px;
		padding: 0 120px 0px 310px;
	}
	/***************** network  branch ******************************/
	#branch{
		width: 100%;
	}
	#branch .container{
		padding-bottom: 50px;
	}
	#branch .b_total{
		text-align: left;
		border:1px solid #ccc;
		width: 270px;
		height: 160px;
		margin: 0 5px 30px 20px;
		float: left;
	}
	#branch .b_title{
		border-bottom: 1px solid #ccc;
		line-height: 40px;
		background-color:#E9EBfF;
		font-weight: bold;
		text-indent: 5px;
	}
	#branch .b_cont{
		font-size: 14px;
		padding: 0 8px 0 0;
	}
	#branch .b_addr{
		width:55px;
		line-height: 60px;
		text-indent: 5px;
		font-size: 15px;
	}
	#branch .b_tel{
		line-height: 40px;
		text-indent: 5px;
		font-size: 15px;
	}
	#branch .hide4{
		display: none;
	}
	/***************** network  base ***************************/
	#base{
		clear: both;
		height: 730px;
		background-color: #F8F8F8;
	}
	#base figure{
		float: left;
	}
	#base .bimg1{
		width: 550px;
		height: 280px;
		margin: 10px 20px 5px 30px;
	}
	#base .bimg2{
		width: 360px;
		height: 120px;
		margin: 50px 8px 5px 30px;
	}
	#base .b_mark{
		margin-left: 20px;
		font-size: 14px;
	}
	/*************************************************************************************** custom *******************************************************/
	#cust_adv{
		padding-top: 90px;
	}
	#cust_adv img{
			width: 100%;
			height:auto;
	}
	#cust h3{
		font-size: 26px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 40px 0px 0px 100px;
		width: 180px;
		float: left;
	}
	#cust .cust_fig{
		padding:30px 0 0 280px;
	}
	#cust figure{
		width: 220px;
		height: 180px;
		border: 1px solid #ddd;
		float: left;
		margin-top: 50px;
		margin-left: 50px;
		font-size: 14px;
	}
	#cust .logo{
		margin-top: -30px;
		width: 80px;
		height: 50px;
	}
	#cust .photo{
		display: block;
		width: 200px;
		height: 130px;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#cust figcaption{
		margin-top:3px; 
	}
	/*****************/
	#cust1{
		width: 100%;
	}
	#cust1 .container{
		height: 560px;
	}
	/*****************/
	#cust2{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust2 .container{
		height: 320px;
	}
	/*****************/
	#cust3{
		width: 100%;
	}
	#cust3 .container{
		height: 320px;
	}
	/*****************/
	#cust4{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust4 .container{
		height: 320px;
	}
	/*****************/
	#cust5{
		width: 100%;
	}
	#cust5 .container{
		height: 320px;
	}
	/*****************/
	#cust6{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust6 .container{
		height: 560px;
	}
	/*****************/
	#cust7{
		width: 100%;
	}
	#cust7 .container{
		height: 560px;
	}
	/*****************/
	#cust8{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust8 .container{
		height: 320px;
	}
	/*****************/
	#cust9{
		width: 100%;
	}
	#cust9 .container{
		height: 320px;
	}
	/*****************/
	#cust10{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust10 .container{
		height: 560px;
	}
	/*************************************************************************************** project *******************************************************/
	#pro_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#pro_adv img{
		width: 100%;
		height:auto;
	}
	/****************** pro yanglao *************************************/
	#pro_yanglao{
		background-color: #F8F8F8;
		padding-bottom: 60px;
	}
	#pro_yanglao h2{
	}
	#pro_yanglao img{
		float: right;
		margin: 20px 50px 0 40px;
	}
	#pro_yanglao p{
		text-align: left;
		font-size: 15px;
		text-indent: 30px;
		line-height: 50px;
		padding: 0px 50px 5px 10px;
	}
	/****************** pro g1 *************************************/
	#pro_g1{
		padding-bottom: 60px;
	}
	#pro_g1 h2{
	}
	#pro_g1 img{
		float: left;
		margin: 10px 50px 0 30px;
	}
	#pro_g1 p{
		text-align: left;
		font-size: 15px;
		text-indent: 30px;
		line-height: 50px;
		padding: 0px 50px 5px 10px;
	}
	#pro_g1 ul{
		text-align: left;
		margin-top: 10px;
	}
	#pro_g1 ul li{
		font-size: 15px;
		line-height: 40px;
		margin-left: 600px;
	}
	/****************** pro hu *************************************/
	#pro_hu{
		background-color: #F8F8F8;
		padding-bottom: 60px;
	}
	#pro_hu img{
		float: right;
		margin: 10px 20px 20px 50px;
	}
	#pro_hu p{
		text-align: left;
		padding: 0px 200px 0px 30px;
		line-height: 50px;
		text-indent: 30px;
		font-size: 15px;
	}
	/*************************************************************************************** footer *******************************************************/
	footer{
		clear: both;
		width: 100%;
		background-color: #1c83c5;
		font-style: normal;
		color: #fff;
		font-size: 14px;
	}
	.foot{
		height: 300px;
	}
	.foot .contact{
		float: right;
		width: 450px;
		text-align: left;
		padding-top: 40px;
	}
	.foot h4{
		font-weight: normal;
		padding-top: 18px;
		font-size: 16px;
	}
	.foot dl{
		text-indent: 20px;
	}
	.foot dd{
		line-height: 30px;
	}
	.foot .mark{
		float: left;
		text-align: left;
		padding-left: 80px;
		padding-top: 60px;
	}
	.foot label{
		display: block;
		color: #fff;
	}
	.foot address{
		display: inline-block;;
		padding: 18px 0px 0px;
	}
	.foot address a{
		display:block;
		font-style: normal;
		color: #fff;
		padding-top: 5px;
	}
	.foot p{
		padding-top: 20px;
	}
}





















































































































/*在768 和1199 像素之间的屏幕里，中小屏幕，分辨率低的PC和ipad***********************************************************************/
@media (min-width: 780px) and (max-width: 1199px) {
	.container{
		width: 990px;
	}
	/*************** common **************/
	h2{
		font-weight: normal;
		color: #4D5457;
		font-size: 22px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.imghide1,.imghide3{
		display: none;
	}
	/******************************************************************** header ***********************************************/
	header{
		width:100%;
		background-color: #1c83c5;
		height: 90px;
		position: fixed;
	}
	header h1{
		text-indent: -9999px;
		float: left;
	}
	header .logo{
		background-image: url(../img/logo/logo3.png);
		background-repeat: no-repeat;
		background-size: 100% 75%;
		background-position:left center;
		width: 350px;
		height: 90px;
	}
	/***********************************************************header_nav：menu******************************************/
	.mainmenu{
		height: 90px;
	}
	.mainmenu h2{
		display: none;
	}
	.mainmenu ul{
		overflow: hidden;
		width: 600px;
		height: 90px;
	}
	.mainmenu li{
		float: left;
		font-size: 16px;
		width: 14%;
	}
	.mainmenu li strong{
		display: block;
		background-color: #121F90;
		color:#fff;
		height: 90px;
		line-height: 90px;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
	}
	.mainmenu a{
		display: block;
		height: 90px;
		line-height: 90px;
		text-align: center;
		color: #fff;
	}
	.mainmenu a:hover{
		background-color: #ddd;
		font-weight:bold;
		color:#009;
		height: 90px;
		line-height: 90px;
	}
	.hide2{
		display: none;
	}
	/****************************************index_adv ****************************************/
	#in_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#in_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************index_adv ****************************************/
	#in_about{
		width: 100%;
	}	
	#in_about .container{
		height: 360px;
		background-image: url(../img/bg/bg_basic.png);
		background-repeat: no-repeat;
	}
	#in_about img{
		width: 130px;
		height: 100px;
	}
	#in_about figure{
		display:inline-block;
		width: 150px;
	 	height: 180px;
	 	border:1px solid F0E6E6;
	 	font-size: 14px;
	 	text-align: center;
	 	margin:90px  20px 0;
	}
	#in_about figcaption{
		padding-top: 15px;
	}
	/**************************************** in_news ***********************************************/
	#in_news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#in_news .nlist{
		line-height: 120px;
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	#in_news img{
		width: 120px;
		height: 80px;
		padding: 20px 50px 0px 60px;
		display: block;
		float: left;
	}
	#in_news .ntitle{
		float: left;
		display: block;
		width: 630px;
	}
	#in_news time{
		display: inline-block;
		float: rigth;
		line-height: 120px;
		font-size: 14px;
		text-align: center;
	}
	#in_news .nmark{
		clear: both;
		text-indent: 24px;
		font-size: 12px;
		line-height: 20px;
		padding: 0 60px 20px;
	}
	#in_news .more{
		clear: both;
		font-size: 20px;
		line-height: 100px;
		height: 120px;
	}
	/**************************************** in_serv **************************************************/
	#in_serv{
		clear: both;
		width: 100%;
	}
	#in_serv .container{
		/*height: 550px;*/
		background-image: url(../img/bg/bg_service1.png);
		background-size: 100% 100%;
	}
	#in_serv figure{
		display: inline-block;
		margin: 10px 130px 80px;
	}
	#in_serv figure img{
		width: 90%;
	}
	#in_serv .serv_title{
		font-size: 18px;
		line-height: 40px;
	}
	#in_serv .serv_expl{
		font-size: 14px;
		line-height: 30px;
		text-align: center;
	}
	/**************************************** in_cust ***************************************************/
	#in_cust{
		width: 100%;
		background-color: #F8F8F8;
		text-align: center;
	}
	#in_cust h2{
		padding-bottom: 50px;
	}
	#in_cust figure{
		display: inline-block;
		width: 260px;
		border: 1px solid #ddd;
		margin: 30px 30px;
		font-size: 14px;
	}
	#in_cust .logo{
		margin-top: -25px;
		width: 80px;
		height: 40px;
	}
	#in_cust .photo{
		display: block;
		width: 230px;
		height: 150px;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#in_cust figcaption{
		margin:20px 0 10px; 
	}
	#in_cust .more{
		clear: both;
		font-size: 20px;
		line-height: 50px;
		padding-bottom: 30px;
	}
	/**************************************** index_pro*************************************************/
	#in_pro{
		width: 100%;
		height: 600px;
		background-color: #124385;
	}
	#in_pro h2{
		color: #fff;
		margin-bottom: 0px;
	}
	#in_pro .container{
		height: 650px;
		background-image: url(../img/bg/bg_prog1.png);
		background-repeat: no-repeat;
		background-size: 100% 80%;
		background-position: 0px 50px;
	}
	#in_pro p{
		text-align: left;
		text-indent: 480px;
		padding-top: 20px;
		font-size: 15px;
		color: #ff0;
	}
	/*************************************************************************************** about *******************************************************/
	#about_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#about_adv img{
		width: 100%;
		height:auto;
	}
	/******************************************* about basic********************************/
	#about{
		width: 100%;
	}
	#about .container{
		height:auto;
		padding-bottom: 50px;
		text-align: left;
	}
	#about h2{
		text-align: center;
	}
	#about p{
		font-size: 14px;
		text-indent: 28px;
		text-align: left;
		line-height: 30px;
	}
	#about .ap1{
		padding: 0px 15px 5px 20px;
		width: 760px;
	}
	#about .ap2{
		padding: 10px 10px 0;
	}
	#about .aimg11{
		float: right;
		width: 18%;
		margin: -270px 10px 0; 
	}
	#about .aimg21{
		float: left;
		width: 18%;
		margin: 20px 20px 0; 
	}
	/******************************************* about leader********************************/
	#leader{
		width: 100%;
		background-color: #F8F8F8;
	}
	#leader .container{
		min-height: 800px;
	}
	#leader img{
		float: left;
		display: block;
	}
	#leader .aimg21{
		margin-right: 30px;
		width: 28%;
	}
	#leader .aimg22{
		display: inline-block;
		text-align: center;
		margin: 30px 0px 0 70px;	
	}
	#leader p{
		font-size: 14px;
		text-align: left;
		text-indent: 28px;
		padding:0 30px 0px 330px;
		line-height: 35px;
	}
	/******************************************* about histroy********************************/
	#history{
		width: 100%;
		background-color: #124385;
		clear: both;
	}
	#history .container{
		padding-bottom: 50px;
	}
	#history h2{
		color: #fff;
	}
	#history p{
		text-align: left;
		padding-left: 260px;
		line-height: 35px;
		color: #fff;
		font-size: 14px;
	}
	#history img{
		display: none;
	}
	/******************************************* about orgnize********************************/
	#orga{
		width: 100%;
	}
	#orga .container{
		height:auto;
		padding-bottom: 50px;
	}
	#orga img{
		width: 60%;
	}
	/******************************************* about honor********************************/
	#honor{
		width: 100%;
		background-color: #F8F8F8;
	}
	#honor .container{
		height:auto;
		padding-bottom: 50px;
	}
	#honor img{
		margin: 15px 10px;
		width: 20%;
	}
	/******************************************* about idea********************************/
	#idea1{
		width: 100%;
	}
	#idea1 .container,#idea2 .container,#idea3 .container{
		padding-bottom: 50px;
	}
	#idea1 h2{
		padding-bottom: 0px;
	}
	.idea_title{
		text-align: center;
		font-size: 18px;
		padding: 50px 0 30px;
	}
	.idea_img1{
		float: left;
		margin-left: 20px;
	}
	.idea_img2{
		float: right;
		margin-right: 20px;
	}
	.idea_img3{
		clear: both;
	}
	#idea2{
		background-color: #F8F8F8;
	}
	#idea3 .container{
		text-align: left;
	}
	.idea_mark{
		text-align: left;
		padding-left: 245px;
		padding-top: 20px;
	}
	.idea_cont{
		text-align: left;
		padding-left: 320px;
		width: 730px;
		line-height: 35px;
		font-size: 14px;
	}
	/*************************************************************************************** newslist *******************************************************/
	#news_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#news_adv img{
		width: 100%;
		height:auto;
	}
	/**************************************** news ***********************************************/
	#news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#news .container{
		padding: 50px 0 60px 0;
		font-size: 15px;
	}
	#news .newlist{
		width: 900px;
		height: 70px;
		border-bottom: 1px solid #ccc;
		margin: 15px auto 0;
	}
	#news .newlist img{
		float: left;
		width: 60px;
		height: 45px;
		margin: 0px 50px;
		padding: 5px;
		border:1px solid #ddd;
	}
	#news .newlist a{
		float: left;
		line-height: 55px;
	}
	#news .newlist time{
		float: right;
		line-height: 55px;
		margin-right: 50px;
	}
	#news #page{
		margin-top: 40px;
	}
	#news #page a{
		display:inline;
	}
	/*************************************************************************************** news cont *******************************************************/
	#newscont_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#newscont_adv img{
		width: 100%;
		height:auto;
	}
	#newscont{
		width: 100%;
		background-color: #F8F8F8;
		margin: 0 atuo;
	}
	#newscont .container{
		width: 990px;
		padding: 60px 0 60px 0;
		background-color: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#newscont .n_title{
		font-size: 18px;
		margin: 0px 0 30px;
	}
	#newscont p{
		text-align: left;
		font-size: 15px;
		line-height: 40px;
		width: 800px;
		padding:0 90px;
		text-indent: 28px;
		margin: 0 0 0px;
	}
	#newscont .img{
		text-indent: 0px;
	}
	#newscont img{
		margin: 30px;
	}
	/*************************************************************************************** service *******************************************************/
	#serv_adv{
		padding-top: 90px;
	}
	#serv_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************* service  serv*******************************/
	#serv h3{
		font-size: 18px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 40px 0px 20px 40px;
	}
	#serv h4{
		font-size: 16px;
		text-align: left;
		color: #4D5457; 
		font-weight: normal;
		padding: 0px 0px 30px 100px;
	}
	#serv{
		font-size: 14px;
	}
	/********************************************* service  scope*********************************/
	#s_scope{
		width: 100%;
	}
	#s_scope .container{
		height: auto;
		text-align: left;
	}
	#s_scope h2{
		text-align: center;
	}
	#s_scope .scope_title{
		float: left;
		padding-left: 200px;
		line-height: 50px;
		font-size: 16px;
		font-weight: bold;
	}
	#s_scope p{
		text-align: left;
		line-height: 50px;
		width: 600px;
		margin-left: 300px;
	}
	#s_scope ul{
		width: 700px;
		margin-left: 300px;
		margin-top: 10px;
		text-align: left;
		line-height: 40px;
		padding-bottom: 80px;
	}
	#s_scope .li1{
		float: left;
	}
	#s_scope .li2{
		padding-left: 250px;
	}
	/********************************************* service  s_road********************************/
	#s_road{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_road .container{
		height:auto;
		text-align: center;
		font-size: 14px;
	}
	#s_road img{
		margin: 50px 15px;
		width: 28%;
		border:1px solid #ccc;
	}
	/********************************************* service  s_mult********************************/
	#s_mult{
		width: 100%;
	}
	#s_mult img{
		width: 50%;
		margin:  20px 0 30px;
	}
	/********************************************* service  s_special********************************/
	#s_special{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_special figure{
		display: inline-block;
		width: 30%;
		margin: 20px 5px 50px;
	}
	#s_special figcaption{
		padding: 0 0 15px 0;
	}
	#s_special img{
		width: 100%;
		margin: 0 10px;
	}
	/********************************************* service  s_storage********************************/
	#s_stor{
		clear: both;
		width: 100%;
	}	
	#s_stor p{
		line-height: 40px;
	}
	#s_stor img{
		width: 26%;
		margin: 30px 25px 50px;
		border:2px solid #ccc;
	}
	/********************************************* service  s_vmi********************************/
	#s_vmi{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_vmi .container{
		padding-bottom: 50px;
	}
	#s_vmi img{
		width: 40%;
	}
	/********************************************* service  s_express********************************/
	#s_express{
		width: 100%;
	}	
	#s_express img{
		width: 45%;
		margin: 30px 0;
	}
	/********************************************* service  s_post********************************/
	#s_post{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_post img{
		margin: 50px 25px 50px;
		border:1px solid #ccc;
		width: 25%;
	}
	/********************************************* service  s_cust********************************/
	#s_cust{
		width: 100%;
	}
	#s_cust img{
		margin: 30px 0 50px;
		width: 80%;
	}
	/********************************************* service  s_banking********************************/
	#s_banking{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_banking img{
		margin: 50px;
		width: 80%;
	}
	/*************************************************************************************** network *******************************************************/
	#net_adv{
		padding-top: 90px;
	}
	#net_adv img{
		width: 100%;
		height:auto;
	}
	/***************** network  net ******************************/
	#net{
		background-color: #F8F8F8;
	}
	#net .container{
		background-image: url(../img/bg/bg_net.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position:0px 0px;
		padding-bottom: 50px;
	}
	#net p{
		margin-top: 0px;
		font-size: 14px;
	}
	#net dl{
		text-align: left;
		margin-top: 20px;
	}
	#net dt{
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
		text-indent: 180px;
		float: left;
	}
	#net dd{
		line-height: 50px;
		padding: 0 100px 0px 300px;
		font-size: 14px;
	}
	/***************** network  branch ******************************/
	#branch{
		width: 100%;
	}
	#branch .container{
		padding-bottom: 50px;
		font-size: 14px;
	}
	#branch .b_total{
		text-align: left;
		border:1px solid #ccc;
		width: 220px;
		height: 145px;
		margin: 0 5px 20px 20px;
		float: left;
	}
	#branch .b_title{
		border-bottom: 1px solid #ccc;
		line-height: 30px;
		background-color:#E9EBfF;
		font-weight: bold;
		text-indent: 5px;
	}
	#branch .b_cont{
		font-size: 13px;
		padding: 0 8px 0 0;
	}
	#branch .b_addr{
		width:55px;
		line-height: 60px;
		text-indent: 5px;
		font-size: 14px;
	}
	#branch .b_tel{
		line-height: 50px;
		text-indent: 5px;
		font-size: 14px;
	}
	#branch .hide4{
		display: none;
	}
	/***************** network  base ***************************/
	#base{
		clear: both;
		height: 600px;
		background-color: #F8F8F8;
	}
	#base figure{
		float: left;
	}
	#base .bimg1{
		width: 420px;
		height: 200px;
		margin: 10px 30px 5px 35px;
	}
	#base .bimg2{
		width: 280px;
		height: 100px;
		margin: 50px 8px 5px 30px;
	}
	#base .b_mark{
		margin-left: 20px;
		font-size: 14px;
	}
	/*************************************************************************************** custom *******************************************************/
	#cust_adv{
		padding-top: 90px;
	}
	#cust_adv img{
		width: 100%;
		height:auto;
	}
	#cust h3{
		font-size: 22px;
		font-weight: normal;
		color: #4D5457;
		text-align: left;
		padding: 40px 0px 0px 80px;
		width: 120px;
		float: left;
	}
	#cust .cust_fig{
		padding:30px 0 0 200px;
	}
	#cust figure{
		width: 200px;
		height: 160px;
		border: 1px solid #ddd;
		float: left;
		margin-top: 50px;
		margin-left: 40px;
		font-size: 14px;
	}
	#cust .logo{
		margin-top: -30px;
		width: 70px;
		height: 40px;
	}
	#cust .photo{
		display: block;
		width: 170px;
		height: 110px;
		margin: 0 auto;
		border-radius: 8px;
		border:1px solid #ccc;
	}
	#cust figcaption{
		margin-top:3px; 
	}


	/*****************/
	#cust1{
		width: 100%;
	}
	#cust1 .container{
		height: 520px;
	}
	/*****************/
	#cust2{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust2 .container{
		height: 300px;
	}
	/*****************/
	#cust3{
		width: 100%;
	}
	#cust3 .container{
		height: 300px;
	}
	/*****************/
	#cust4{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust4 .container{
		height: 300px;
	}
	/*****************/
	#cust5{
		width: 100%;
	}
	#cust5 .container{
		height: 300px;
	}
	/*****************/
	#cust6{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust6 .container{
		height: 520px;
	}
	/*****************/
	#cust7{
		width: 100%;
	}
	#cust7 .container{
		height: 520px;
	}
	/*****************/
	#cust8{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust8 .container{
		height: 300px;
	}
	/*****************/
	#cust9{
		width: 100%;
	}
	#cust9 .container{
		height: 300px;
	}
	/*****************/
	#cust10{
		width: 100%;
		background-color: #F8F8F8;
	}
	#cust10 .container{
		height: 520px;
	}

	/*************************************************************************************** project *******************************************************/
	#pro_adv{
		margin: 0 auto;
		padding-top: 90px;
	}
	#pro_adv img{
		width: 100%;
		height:auto;
	}
	/****************** pro yanglao *************************************/
	#pro_yanglao{
		background-color: #F8F8F8;
		padding-bottom: 50px;
	}
	#pro_yanglao img{
		float: right;
		margin: 20px 50px 0 40px;
	}
	#pro_yanglao p{
		text-align: left;
		font-size: 14px;
		text-indent: 24px;
		line-height: 40px;
		padding: 0px 50px 5px 10px;
	}
	/****************** pro g1 *************************************/
	#pro_g1{
		padding-bottom: 50px;
	}
	#pro_g1 img{
		float: left;
		margin: 10px 50px 0 30px;
	}
	#pro_g1 p{
		text-align: left;
		font-size: 14px;
		text-indent: 24px;
		line-height: 40px;
		padding: 0px 50px 5px 10px;
	}
	#pro_g1 ul{
		text-align: left;
		margin-top: 10px;
	}
	#pro_g1 ul li{
		font-size: 14px;
		line-height: 35px;
		margin-left: 500px;
	}
	/****************** pro hu *************************************/
	#pro_hu{
		background-color: #F8F8F8;
		padding-bottom: 60px;
	}
	#pro_hu img{
		float: right;
		margin: 20px 20px 0 50px;
	}
	#pro_hu p{
		text-align: left;
		font-size: 14px;
		padding: 0px 200px 0px 30px;
		line-height: 40px;
		text-indent: 24px;
	}
	/*************************************************************************************** footer *******************************************************/
	footer{
		clear: both;
		width: 100%;
		background-color: #1c83c5;
		font-style: normal;
		color: #fff;
		font-size: 14px;
	}
	.foot{
		height: 300px;
	}
	.foot .contact{
		float: right;
		width: 300px;
		text-align: left;
		padding-top: 40px;
	}
	.foot h4{
		font-weight: normal;
		padding-top: 18px;
		font-size: 14px;
	}
	.foot dl{
		text-indent: 20px;
	}
	.foot dd{
		line-height: 30px;
	}
	.foot .mark{
		float: left;
		text-align: left;
		padding-left: 80px;
		padding-top: 60px;
	}
	.foot label{
		display: block;
		color: #fff;
	}
	.foot address{
		display: inline-block;;
		padding: 18px 0px 0px;
	}
	.foot address a{
		display:block;
		font-style: normal;
		color: #fff;
		padding-top: 5px;
	}
	.foot p{
		padding-top: 20px;
	}
}
































































































































/*在480 和767 像素之间的屏幕里，较小屏幕，主要是手机******************************************************************/
@media (min-width: 480px) and (max-width: 779px) {
	/*************** common **************/
	h2{
		font-weight: normal;
		color: #4D5457;
		font-size: 16px;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	.imghide1,.imghide2{
		display: none;
	}
	/******************************************************************** header ***********************************************/
	header{
		width:100%;
		background-color: #1c83c5;
		height: 40px;
		position: fixed;
	}
	.container{
		width: 100%;
	}
	header h1{
		display: none;
	}
	/***********************************************************header_nav：menu******************************************/
	.mainmenu{
		background-color: #1c83c5;
	}
	.mainmenu h2{
		display: none;
	}
	.mainmenu ul{
		overflow: hidden;
		width: 100%;
		height: 50px;
	}
	.mainmenu li{
		float: left;
		font-size: 14px;
		width: 14%;
	}
	.mainmenu li strong{
		display: block;
		background-color: #121F90;
		color:#fff;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}
	.mainmenu a{
		display: block;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
	}
	.mainmenu a:hover{
		background-color: #ddd;
		font-weight:bold;
		color:#009;
		height: 50px;
		line-height: 50px;
	}
	.hide1{
		display: none;
	}
	/****************************************index_adv ****************************************/
	#in_adv{
		margin: 0 auto;
		padding-top: 50px;
	}
	#in_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************index_adv ****************************************/
	#in_about{
		width: 100%;
	}	
	#in_about .container{
		padding: 20px 0;
	}
	#in_about img{
		width: 80px;
		height: 55px;
	}
	#in_about figure{
		text-align: center;
		display:inline-block;
		width: 100px;
	 	height: 110px;
	 	border:1px solid F0E6E6;
	 	font-size: 10px;
	 	text-align: center;
	 	margin-left:2%;
	 	padding-top: 8px;
	}
	#in_about figcaption{
		padding-top: 5px;
	}
	/**************************************** in_news ***********************************************/
	#in_news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#in_news .nlist{
		display: block;
		line-height: 70px;
		width: 100%；
		margin: 0 auto;
		text-align: left;
	}
	#in_news img{
		width: 50px;
		height: 40px;
		padding: 15px 8% 0px 8%;
		display: block;
		float: left;
	}
	#in_news .ntitle{
		display: block;
		line-height: 70px;
		font-size: 12px;
	}
	#in_news time{
		display: none;
	}
	#in_news .nmark{
		display: none;
	}
	#in_news .more{
		clear: both;
		font-size: 13px;
		line-height: 40px;
		height: 60px;
	}
	/**************************************** in_serv **************************************************/
	#in_serv{
		clear: both;
		width: 100%;
	}
	#in_serv figure{
		display: inline-block;
		width: 120px;
		margin: 20px 10% 30px;
	}
	#in_serv figure img{
		width: 60%;
	}
	#in_serv .serv_title{
		font-size: 14px;
		line-height: 28px;
	}
	#in_serv .serv_expl{
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	/**************************************** in_cust ***************************************************/
	#in_cust{
		width: 100%;
		background-color: #F8F8F8;
		text-align: center;
	}
	#in_cust h2{
		padding-bottom: 15px;
	}
	#in_cust figure{
		display: inline-block;
		width: 30%;
		border: 1px solid #ddd;
		margin-top: 10px;
		margin-left: 1%;
	}
	#in_cust .logo{
		margin-top: 0px;
		width: 40%;
	}
	#in_cust .photo{
		display: block;
		width: 80%;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#in_cust figcaption{
		margin-top:10px;
		font-size: 11px;
		margin-bottom: 10px; 
	}
	#in_cust figcaption span{
		display: none;
	}
	#in_cust .more{
		clear: both;
		font-size: 14px;
		line-height: 60px;
	}
	/**************************************** index_pro*************************************************/
	#in_pro{
		width: 100%;
	}
	#in_pro h2{
		margin-bottom: 20px;
	}
	#in_pro .container{
		padding-bottom: 30px;
	}
	#in_pro p{
		text-align: left;
		text-indent: 20px;
		padding-top: 8px;
		font-size: 12px;
		font-style: normal;  
	}
	#in_pro p span{
		display: none;
	}
	/*************************************************************************************** about *******************************************************/
	#about_adv{
		margin: 0 auto;
		padding-top: 50px;
	}
	#about_adv img{
		width: 100%;
		height:auto;
	}
	/******************************************* about basic********************************/
	#about{
		width: 100%;
		background-color: #F8F8F8;
	}
	#about .container{
		height:auto;
		padding-bottom: 30px;
		text-align: center;
	}
	#about h2{
		text-align: center;
	}
	#about p{
		font-size: 12px;
		text-indent: 24px;
		text-align: left;
		line-height: 25px;
		padding: 5px 15px 0;
	}
	#about img{
		width: 20%;
		text-align: center;
		padding: 5px;
	}
	/******************************************* about leader********************************/
	#leader{
		width: 100%;
	}
	#leader .container{
		padding-bottom: 40px;
	}
	#leader img{
		float: left;
		display: block;
	}
	#leader .aimg21{
		width: 35%;
		padding: 20px 25px 30px 20px;
	}
	#leader .aimg22{
		display: none;
	}
	#leader p{
		text-align: left;
		font-size: 12px;
		text-indent: 24px;
		padding: 10px 15px 0 12px;
		line-height: 24px;
	}
	/******************************************* about histroy********************************/
	#history{
		width: 100%;
		background-color: #124385;
		clear: both;
	}
	#history .container{
		padding-bottom: 30px;
	}
	#history h2{
		color: #fff;
		padding-bottom: 10px;
	}
	#history p{
		font-size: 12px;
		text-align: left;
		padding-left: 25px;
		line-height: 24px;
		color: #fff;
	}
	#history img{
		display: none;
	}
	/******************************************* about orgnize********************************/
	#orga{
		width: 100%;
	}
	#orga .container{
		height:auto;
		padding-bottom: 50px;
	}
	#orga img{
		width: 70%;
		padding-top: 15px;
	}
	/******************************************* about honor********************************/
	#honor{
		width: 100%;
		background-color: #F8F8F8;
	}
	#honor .container{
		height:auto;
		padding-bottom: 20px;
	}
	#honor h2{
		padding-bottom: 20px;
	}
	#honor img{
		margin: 5px 5px;
		width: 26%;
	}
	/******************************************* about idea********************************/
	#idea1{
		width: 100%;
	}
	#idea1 h2{
		padding-bottom: 20px;
	}
	.idea_title{
		text-align: center;
		font-size: 14px;
		padding: 5px 0 15px 5px;
	}
	#idea1 img{
		display: none;
	}
	#idea2 img{
		display: none;
	}
	#idea3 .container{
		text-align: left;
		padding-bottom: 20px;
	}
	.idea_mark{
		text-align: left;
		padding-left: 5%;
		font-size: 14px;
	}
	.idea_cont{
		font-size: 12px;
		text-align: left;
		line-height: 25px;
		padding: 5px 10% 5px 10% ;
	}
	/*************************************************************************************** newslist *******************************************************/
	#news_adv{
		margin: 0 auto;
		padding-top: 50px;
	}
	#news_adv img{
		width: 100%;
		height:auto;
	}
	/**************************************** news ***********************************************/
	#news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#news .container{
		padding: 10px 0 20px 0;
		font-size: 12px;
	}
	#news .newlist{
		height: 60px;
		border-bottom: 1px solid #ccc;
		margin: 5px auto;
	}
	#news .newlist img{
		float: left;
		width: 10%;
		height:65%;
		margin: 0 0 0 10%;
		padding: 5px;
		border:1px solid #ddd;
	}
	#news .newlist a{
		float: left;
		line-height: 50px;
		padding-left: 8%;
	}
	#news .newlist time{
		display: none;
	}
	#news #page{
		margin: 15px 0;
	}
	#news #page a{
		display:inline;
	}
	/*************************************************************************************** news cont 480-779*******************************************************/
	#newscont_adv{
		margin: 0 auto;
		padding-top: 50px;
	}
	#newscont_adv img{
		width: 100%;
		height:auto;
	}
	#newscont{
		width: 100%;
		background-color: #F8F8F8;
		margin-bottom: 20px;
	}
	#newscont .container{
		background-color: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#newscont .n_title{
		font-size: 14px;
		margin: 20px 0 20px;
	}
	#newscont p{
		text-align: left;
		font-size: 12px;
		line-height: 30px;
		padding:0 8px;
		text-indent:24px;
		margin: 0 0 0px;
	}
	#newscont .img{
		text-indent: 0px;
	}
	#newscont img{
		margin: 10px;
		width: 50%;
	}
	#newscont .img450{
		width: 70%;
		padding: 10px 10px;
	}
	#newscont .img400{
		width: 55%;
		padding: 15px 10px 10px;
	}
	#newscont .img350{
		width: 50%;
	}
	#newscont .img300{
		width: 40%;
		padding: 15px 10px 5px;
	}
	#newscont .img250{
		width: 35%;
		padding: 15px 10px;
	}
	#newscont .img200{
		width: 30%;
		padding: 15px 10px;
	}
	/*************************************************************************************** service *******************************************************/
	#serv_adv{
		padding-top: 50px;
	}
	#serv_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************* service  serv*******************************/
	#serv h3{
		font-size: 15px;
		font-weight: normal;
		color: #4D5457;
		text-align: center;
		padding: 20px 0px 15px 0px;
	}
	#serv h4{
		font-size: 13px;
		text-indent:24px;
		color: #4D5457; 
		font-weight: normal;
		padding: 0px 0px 15px 0px;
	}
	#serv p{
		font-size: 12px;
		line-height: 25px;
		text-align: left;
		text-indent: 24px;
		padding: 0 15px;
	}
	/********************************************* service  scope*********************************/
	#s_scope{
		width: 100%;
	}
	#s_scope .container{
		height: auto;
		text-align: left;
	}
	#s_scope h2{
		text-align: center;
		padding-bottom: 10px;
	}
	#s_scope .scope_title{
		padding-left: 25px;
		line-height: 25px;
		font-size: 14px;
		font-weight: bold;
	}
	#s_scope p{
		margin: 0 15px;
	}
	#s_scope ul{
		font-size: 12px;
		margin-left: 90px;
		text-align: left;
		line-height: 20px;
		padding-bottom: 20px;
	}
	/********************************************* service  s_road********************************/
	#s_road{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_road .container{
		height:auto;
		text-align: center;
		padding-bottom: 20px;
	}
	#s_road img{
		margin: 10px 5px;
		width: 30%;
		border:1px solid #ccc;
	}
	/********************************************* service  s_mult********************************/
	#s_mult{
		width: 100%;
	}
	#s_mult img{
		width: 60%;
		margin: 10px 0 20px;
	}
	/********************************************* service  s_special********************************/
	#s_special{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_special .container{
		padding-bottom: 30px;
	}
	#s_special figure{
		margin: 10px 0 0;
	}
	#s_special figcaption{
		padding: 0 0 0px 0;
	}
	#s_special img{
		width: 45%;
		margin: 0 0px 0px;
	}
	/********************************************* service  s_storage********************************/
	#s_stor{
		clear: both;
		width: 100%;
	}	
	#s_stor .container{
	}
	#s_stor img{
		margin: 10px 3px 20px;
		width: 30%;
		border:2px solid #ccc;
	}
	/********************************************* service  s_vmi********************************/
	#s_vmi{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_vmi img{
		width: 50%;
		padding: 5px 0 20px;
	}
	/********************************************* service  s_express********************************/
	#s_express{
		width: 100%;
	}	
	#s_express img{
		width: 50%;
	}
	/********************************************* service  s_post********************************/
	#s_post{
		width: 100%;
		background-color: #F8F8F8;
		padding-bottom: 20px;
	}	
	#s_post img{
		border:1px solid #ccc;
		width: 30%;
		margin: 10px 5px 10px;
	}
	/********************************************* service  s_cust********************************/
	#s_cust{
		width: 100%;
	}
	#s_cust img{
		margin: 20px 0 30px;
		width:80%;
	}
	/********************************************* service  s_banking********************************/
	#s_banking{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_banking img{
		margin: 15px 0 30px;
		width: 90%;
	}
	/*************************************************************************************** network *******************************************************/
	#net_adv{
		padding-top: 50px;
	}
	#net_adv img{
		width: 100%;
		height:auto;
	}
	/***************** network  net ******************************/
	#net{
		background-color: #F8F8F8;
	}
	#net .container{
		padding-bottom: 20px;
	}
	#net h2{
		padding-bottom: 20px;
	}
	#net p{
		margin-top: 0px;
		font-size: 12px;
	}
	#net dl{
		text-align: left;
		margin: 10px 15px;

	}
	#net dt{
		font-size: 13px;
		margin: 10px 0;
		font-weight: bold;
	}
	#net dd{
		font-size: 12px;
	}
	/***************** network  branch ******************************/
	#branch{
		width: 100%;
	}
	#branch .container{
		padding-bottom: 20px;
	}
	#branch h2{
		padding-bottom: 20px;
	}
	#branch .b_total{
		text-align: left;
		border-bottom:1px solid #eee;
	}
	#branch .b_title{
		line-height: 20px;
		font-size: 13px;
		background-color:#E9EBfF;
		text-indent: 5%;
		float: left;
		width: 25%;
	}
	#branch .b_cont{
		font-size: 12px;
	}
	#branch .b_addr{
		line-height: 13px;
		text-indent: 5px;
		font-size: 12px;
	}
	#branch .b_tel{
		line-height: 24px;
		text-indent: 5px;
		font-size: 12px;
	}
	#branch .hide3{
		display: none;
	}
	/***************** network  base ***************************/
	#base{
		clear: both;
		background-color: #F8F8F8;
	}
	#base h2{
		padding-bottom: 20px;
	}
	#base figure p{
		font-size: 12px;
		padding: 0px 0 15px;
	}
	#base .bimg1{
		width: 60%;
	}
	#base .bimg2{
		width: 65%;
	}
	/*************************************************************************************** custom *******************************************************/
	#cust_adv{
		padding-top: 50px;
	}
	#cust_adv img{
			width: 100%;
			height:auto;
		}
	#cust h3{
		font-size: 16px;
		font-weight: normal;
		color: #4D5457;
		text-align: center;
		padding: 10px 0px 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		clear: both;
		background-color: #E9EBfF;
	}
	#cust figure{
		width: 30%;
		border: 1px solid #ddd;
		float: left;
		margin-bottom: 3%;
		margin-left: 2%;
		font-size: 12px;
	}
	#cust .logo{
		width: 40%;
	}
	#cust .photo{
		display: block;
		width: 80%;
		margin: 0 auto;
		border-radius: 1px;
		border:1px solid #ccc;
	}
	#cust figcaption{
		margin:5px 0; 
	}
	/*************************************************************************************** project *******************************************************/
	#pro_adv{
		margin: 0 auto;
		padding-top: 50px;
	}
	#pro_adv img{
		width: 100%;
		height:auto;
	}
	/****************** pro yanglao *************************************/
	#pro_yanglao{
		background-color: #F8F8F8;
		padding-bottom: 30px;
	}
	#pro_yanglao h2{
		padding-bottom: 20px;
	}
	#pro_yanglao img{
		width: 40%;
	}
	#pro_yanglao p{
		text-align: left;
		text-indent: 24px;
		line-height: 30px;
		font-size: 12px;
		padding: 5px 20px 5px 20px;
	}
	/****************** pro g1 *************************************/
	#pro_g1{
		padding-bottom: 30px;
	}
	#pro_g1 h2{
		padding-bottom: 20px;
	}
	#pro_g1 img{
		width: 40%;
	}
	#pro_g1 p{
		text-align: left;
		text-indent: 24px;
		line-height: 30px;
		font-size: 12px;
		padding: 5px 20px 5px 20px;
	}
	#pro_g1 ul{
		text-align: left;
	}
	#pro_g1 ul li{
		font-size: 12px;
		line-height: 30px;
		margin-left: 20%;
	}
	/****************** pro hu *************************************/
	#pro_hu{
		background-color: #F8F8F8;
		padding-bottom: 30px;
	}
	#pro_hu h2{
		padding-bottom: 20px;
	}
	#pro_hu img{
		width: 40%;
		margin: 0px 0px 10px 0px;
	}
	#pro_hu p{
		text-align: left;
		padding: 0px 20px;
		line-height: 30px;
		text-indent: 24px;
		font-size: 12px;
	}
	/*************************************************************************************** footer *******************************************************/
	footer{
		clear: both;
		width: 100%;
		font-style: normal;
		font-size: 12px;
	}
	.foot{
		height: 300px;
	}
	.foot .contact{
		width: 100%;
		text-align: left;
		padding-top: 5px;
		padding-left: 15px;
		padding-bottom: 10px;
		color: #ffa;
		background-color: #124385;
	}
	.foot h4{
		font-weight: normal;
		padding-top: 10px;
		font-size: 12px;
	}
	.foot dl{
		text-indent: 20px;
	}
	.foot dd{
		line-height: 20px;
		color: #ffa;
	}
	.foot .mark{
		text-align: left;
		padding-left: 15px;
		padding-top: 20px;
	}
	.foot label{
		display: block;
	}
	.foot address{
		display: inline-block;;
		padding: 0px 0px 0px;
	}
	.foot address a{
		display:block;
		font-style: normal;
		padding-top: 5px;
	}
	.foot p{
		padding-top: 5px;
	}	
}














































































































































/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机***********************************************************************/
@media  (max-width: 479px){
	/*************** common **************/
	h2{
		font-weight: normal;
		color: #4D5457;
		font-size: 16px;
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.imghide1,.imghide2{
		display: none;
	}
	/******************************************************************** header ***********************************************/
	header{
		width:100%;
		background-color: #1c83c5;
		height: 40px;
		position: fixed;
	}
	.container{
		width: 100%;
	}
	header h1{
		display: none;
	}
	/***********************************************************header_nav：menu******************************************/
	.mainmenu{
		background-color: #1c83c5;
	}
	.mainmenu h2{
		display: none;
	}
	.mainmenu ul{
		overflow: hidden;
		width: 100%;
		height: 40px;
	}
	.mainmenu li{
		float: left;
		font-size: 12px;
		width: 14%;
	}
	.mainmenu li strong{
		display: block;
		background-color: #121F90;
		color:#fff;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.mainmenu a{
		display: block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
	}
	.mainmenu a:hover{
		background-color: #ddd;
		font-weight:bold;
		color:#009;
		height: 40px;
		line-height: 40px;
	}
	.hide1{
		display: none;
	}
	/****************************************index_adv ****************************************/
	#in_adv{
		margin: 0 auto;
		padding-top: 40px;
	}
	#in_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************index_adv ****************************************/
	#in_about{
		width: 100%;
	}	
	#in_about .container{
		padding: 15px 0;
	}
	#in_about img{
		width: 80px;
		height: 55px;
	}
	#in_about figure{
		text-align: center;
		display: inline-block;
		width: 100px;
	 	height: 110px;
	 	border:1px solid F0E6E6;
	 	font-size: 10px;
	 	text-align: center;
	 	margin-left:0%;
	 	padding-top: 8px;
	}
	#in_about figcaption{
		padding-top: 5px;
	}
	/**************************************** in_news ***********************************************/
	#in_news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#in_news .nlist{
		display: block;
		line-height: 70px;
		width: 100%；
		margin: 0 auto;
		text-align: left;
	}
	#in_news img{
		width: 50px;
		height: 40px;
		padding: 15px 6% 0px 5%;
		display: block;
		float: left;
	}
	#in_news .ntitle{
		display: block;
		line-height: 70px;
		font-size: 12px;
	}
	#in_news time{
		display: none;
	}
	#in_news .nmark{
		display: none;
	}
	#in_news .more{
		clear: both;
		font-size: 13px;
		line-height: 40px;
		height: 60px;
	}
	/**************************************** in_serv **************************************************/
	#in_serv{
		clear: both;
		width: 100%;
	}
	#in_serv figure{
		display: inline-block;
		width: 120px;
		margin: 20px 10px 30px;
	}
	#in_serv figure img{
		width: 60%;
	}
	#in_serv .serv_title{
		font-size: 14px;
		line-height: 28px;
	}
	#in_serv .serv_expl{
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	/**************************************** in_cust ***************************************************/
	#in_cust{
		width: 100%;
		background-color: #F8F8F8;
		text-align: center;
	}
	#in_cust h2{
		padding-bottom: 15px;
	}
	#in_cust figure{
		display: inline-block;
		width: 30%;
		border: 1px solid #ddd;
		margin-top: 10px;
		margin-left: 1%;
	}
	#in_cust .logo{
		margin-top: 0px;
		width: 40%;
	}
	#in_cust .photo{
		display: block;
		width: 80%;
		margin: 0 auto;
		border-radius: 10px;
		border:1px solid #ccc;
	}
	#in_cust figcaption{
		margin-top:10px;
		font-size: 11px;
		margin-bottom: 10px; 
	}
	#in_cust figcaption span{
		display: none;
	}
	#in_cust .more{
		clear: both;
		font-size: 14px;
		line-height: 60px;
	}
	/**************************************** index_pro*************************************************/
	#in_pro{
		width: 100%;
	}
	#in_pro h2{
		margin-bottom: 20px;
	}
	#in_pro .container{
		padding-bottom: 30px;
	}
	#in_pro p{
		text-align: left;
		text-indent: 8px;
		padding-top: 8px;
		font-size: 12px;
		/*color: #ffc;*/
		font-style: normal;
	}
	#in_pro p span{
		display: none;
	}
	/*************************************************************************************** about *******************************************************/
	#about_adv{
		margin: 0 auto;
		padding-top: 40px;
	}
	#about_adv img{
		width: 100%;
		height:auto;
	}
	/******************************************* about basic********************************/
	#about{
		width: 100%;
		background-color: #F8F8F8;
	}
	#about .container{
		height:auto;
		padding-bottom: 30px;
		text-align: center;
	}
	#about h2{
		text-align: center;
	}
	#about p{
		font-size: 12px;
		text-indent: 24px;
		text-align: left;
		line-height: 25px;
		padding: 5px 8px 0 8px;
	}
	#about img{
		width: 30%;
		text-align: center;
		padding: 5px;
	}
	/******************************************* about leader********************************/
	#leader{
		width: 100%;
	}
	#leader .container{
		padding-bottom: 30px;
	}
	#leader img{
		float: left;
		display: block;
	}
	#leader .aimg21{
		width: 40%;
		padding: 10px 10px 0;
	}
	#leader .aimg22{
		display: none;
	}
	#leader p{
		text-align: left;
		font-size: 12px;
		text-indent: 24px;
		padding: 5px 8px 0 8px;
		line-height: 25px;
	}

	/******************************************* about histroy********************************/
	#history{
		width: 100%;
		background-color: #124385;
		clear: both;
	}
	#history .container{
		padding-bottom: 30px;
	}
	#history h2{
		color: #fff;
		padding-bottom: 10px;
	}
	#history p{
		font-size: 12px;
		text-align: left;
		padding: 10px 3px 0 5px;
		line-height: 24px;
		color: #fff;
	}
	#history img{
		display: none;
	}
	/******************************************* about orgnize********************************/
	#orga{
		width: 100%;
	}
	#orga .container{
		height:auto;
		padding-bottom: 50px;
	}
	#orga img{
		width: 80%;
		padding-top: 15px;
	}
	/******************************************* about honor********************************/
	#honor{
		width: 100%;
		background-color: #F8F8F8;
	}
	#honor .container{
		height:auto;
		padding-bottom: 20px;
	}
	#honor h2{
		padding-bottom: 20px;
	}
	#honor img{
		margin: 5px 5px;
		width: 28%;
	}
	/******************************************* about idea********************************/
	#idea1{
		width: 100%;
	}
	#idea1 h2{
		padding-bottom: 10px;
	}
	.idea_title{
		text-align: center;
		font-size: 12px;
		padding: 15px 0 10px 0px;
	}
	#idea1 img{
		display: none;
	}
	#idea2 img{
		display: none;
	}
	#idea3 .container{
		text-align: left;
		padding-bottom: 20px;
	}
	.idea_mark{
		text-align: left;
		padding-left: 5px;
		font-size: 12px;
	}
	.idea_cont{
		font-size: 12px;
		text-align: left;
		line-height: 25px;
		padding: 8px;
	}
	/*************************************************************************************** newslist *******************************************************/
	#news_adv{
		margin: 0 auto;
		padding-top: 40px;
	}
	#news_adv img{
		width: 100%;
		height:auto;
	}
	/**************************************** news ***********************************************/
	#news{
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
	}
	#news .container{
		padding: 10px 0 15px 0;
		font-size: 12px;
	}
	#news .newlist{
		height: 50px;
		border-bottom: 1px solid #ccc;
	}
	#news .newlist img{
		float: left;
		width: 12%;
		height:70%;
		margin: 5px 10px 0;
		border:1px solid #ddd;
	}
	#news .newlist a{
		float: left;
		line-height: 50px;
		padding-left: 10px;
	}
	#news .newlist time{
		display: none;
	}
	#news #page{
		margin: 15px 0;
	}
	#news #page a{
		display:inline;
	}
	/*************************************************************************************** news cont 320-479*******************************************************/
	#newscont_adv{
		margin: 0 auto;
		padding-top: 40px;
	}
	#newscont_adv img{
		width: 100%;
		height:auto;
	}
	#newscont{
		width: 100%;
		background-color: #F8F8F8;
		margin-bottom: 20px;
	}
	#newscont .container{
		padding: 20px 10px;
		background-color: #fff;
	}
	#newscont .n_title{
		font-size: 14px;
		margin: 20px 0 20px;
	}
	#newscont p{
		text-align: left;
		font-size: 12px;
		line-height: 30px;
		padding:10px 15px 0 0;
		text-indent:24px;
		margin: 0 0 0px;
	}
	#newscont img{
		width: 45%;
		padding: 10px 10px;	
	}
	#newscont .img{
		text-indent: 0px;
	}
	#newscont .img450{
		width: 70%;
		padding: 10px 10px;
	}
	#newscont .img400{
		width: 60%;
		padding: 10px 10px;
	}
	#newscont .img350{
		width: 50%;
	}
	#newscont .img300{
		width: 50%;
		padding: 10px 15px;
	}
	#newscont .img250{
		width: 45%;
		padding: 10px 10px;
	}
	#newscont .img200{
		width: 30%;
		padding: 15px 10px;
	}
	/*************************************************************************************** service *******************************************************/
	#serv_adv{
		padding-top: 40px;
	}
	#serv_adv img{
		width: 100%;
		height:auto;
	}
	/********************************************* service  serv*******************************/
	#serv h3{
		font-size: 15px;
		font-weight: normal;
		color: #4D5457;
		text-align: center;
		padding: 15px 0px 10px 0px;
	}
	#serv h4{
		font-size: 13px;
		text-align: left;
		text-indent:24px;
		color: #4D5457; 
		font-weight: normal;
	}
	#serv p{
		font-size: 12px;
		line-height: 25px;
		text-align: left;
		text-indent: 24px;
		padding: 0 5px;
	}
	/********************************************* service  scope*********************************/
	#s_scope{
		width: 100%;
	}
	#s_scope .container{
		height: auto;
		text-align: left;
	}
	#s_scope h2{
		text-align: center;
		padding-bottom: 10px;
	}
	#s_scope .scope_title{
		/*float: left;*/
		padding-left: 10px;
		line-height: 25px;
		font-size: 12px;
		font-weight: bold;
	}
	#s_scope p{
		margin: 0 8px;
	}
	#s_scope ul{
		font-size: 12px;
		margin-left: 0px;
		text-align: left;
		line-height: 20px;
		padding-bottom: 20px;
	}
	/********************************************* service  s_road********************************/
	#s_road{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_road .container{
		height:auto;
		text-align: center;
		padding-bottom: 20px;
	}
	#s_road img{
		margin: 8px 3px;
		width: 30%;
		border:1px solid #ccc;
	}
	/********************************************* service  s_mult********************************/
	#s_mult{
		width: 100%;
	}
	#s_mult img{
		width: 70%;
		margin: 10px 0 15px;
	}
	/********************************************* service  s_special********************************/
	#s_special{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_special .container{
		padding-bottom: 20px;
	}
	#s_special figure{
		margin: 10px 0 0;
	}
	#s_special figcaption{
		padding: 0 0 0px 0;
	}
	#s_special img{
		width: 50%;
		margin: 0 0px;
	}
	/********************************************* service  s_storage********************************/
	#s_stor{
		clear: both;
		width: 100%;
	}	
	#s_stor .container{
		padding-bottom: 10px;
	}
	#s_stor img{
		margin: 8px 3px;
		width: 30%;
		border:2px solid #ccc;
	}
	/********************************************* service  s_vmi********************************/
	#s_vmi{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_vmi .container{
		padding-bottom: 20px;
	}
	#s_vmi img{
		width: 50%;
	}
	/********************************************* service  s_express********************************/
	#s_express{
		width: 100%;
	}	
	#s_express .container{
		padding-bottom: 10px;
	}
	#s_express img{
		width: 50%;
	}
	/********************************************* service  s_post********************************/
	#s_post{
		width: 100%;
		background-color: #F8F8F8;
	}
	#s_post .container{
		padding-bottom: 10px;
	}	
	#s_post img{
		border:1px solid #ccc;
		width: 30%;
		margin: 8px 3px;
	}
	/********************************************* service  s_cust********************************/
	#s_cust{
		width: 100%;
	}
	#s_cust .container{
		padding-bottom: 10px;
	}
	#s_cust img{
		margin: 10px 0;
		width:80%;
	}
	/********************************************* service  s_banking********************************/
	#s_banking{
		width: 100%;
		background-color: #F8F8F8;
	}	
	#s_banking img{
		margin: 5px 0 20px;
		width: 90%;
	}
	/*************************************************************************************** network *******************************************************/
	#net_adv{
		padding-top: 40px;
	}
	#net_adv img{
		width: 100%;
		height:auto;
	}
	/***************** network  net ******************************/
	#net{
		background-color: #F8F8F8;
	}
	#net .container{
		background-image: url(../img/bg/bg_net.png);
		background-repeat: no-repeat;
		background-size: 100% 80%;
		padding-bottom: 20px;
	}
	#net h2{
		padding-bottom: 20px;
	}
	#net p{
		margin-top: 0px;
		font-size: 12px;
		padding: 0 20px;
	}
	#net dl{
		text-align: left;
		margin: 10px 8px 5px 8px;
	}
	#net dt{
		font-size: 12px;
		margin: 8px 0;
		font-weight: bold;
	}
	#net dd{
		font-size: 12px;
	}
	/***************** network  branch ******************************/
	#branch{
		width: 100%;
	}
	#branch h2{
		padding-bottom: 20px;
	}
	#branch .b_total{
		text-align: left;
		border-bottom:1px solid #eee;
	}
	#branch .b_title{
		line-height: 20px;
		font-size: 12px;
		background-color:#E9EBfF;
		text-indent: 8px;
		float: left;
		width: 25%;
	}
	#branch .b_cont{
		font-size: 12px;
	}
	#branch .b_addr{
		line-height: 20px;
		text-indent: 0px;
		font-size: 12px;
	}
	#branch .b_tel{
		line-height: 20px;
		text-indent: 0px;
		font-size: 12px;
	}
	#branch .hide3{
		display: none;
	}
	/***************** network  base ***************************/
	#base{
		clear: both;
		background-color: #F8F8F8;
	}
	#base h2{
		padding-bottom: 20px;
	}
	#base figure p{
		font-size: 12px;
		padding: 0px 0 15px;
	}
	#base .bimg1{
		width: 65%;
	}
	#base .bimg2{
		width: 65%;
	}
	/*************************************************************************************** custom *******************************************************/
	#cust_adv{
		padding-top: 40px;
	}
	#cust_adv img{
		width: 100%;
		height:auto;
	}
	#cust h3{
		font-size: 16px;
		font-weight: normal;
		color: #4D5457;
		text-align: center;
		padding: 10px 0px 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		clear: both;
		background-color: #E9EBfF;
	}
	#cust figure{
		width: 30%;
		border: 1px solid #ddd;
		float: left;
		margin-bottom: 3%;
		margin-left: 2%;
		font-size: 12px;
	}
	#cust .logo{
		width: 40%;
	}
	#cust .photo{
		display: block;
		width: 70%;
		margin: 0 auto;
		border-radius: 1px;
		border:1px solid #ccc;
	}
	#cust figcaption{
		margin:5px 0; 
	}
	/*************************************************************************************** project *******************************************************/
	#pro_adv{
		margin: 0 auto;
		padding-top: 40px;
	}
	#pro_adv img{
		width: 100%;
		height:auto;
	}
	/****************** pro yanglao *************************************/
	#pro_yanglao{
		background-color: #F8F8F8;
		padding-bottom: 30px;
	}
	#pro_yanglao h2{
		padding-bottom: 20px;
	}
	#pro_yanglao img{
		width: 50%;
	}
	#pro_yanglao p{
		text-align: left;
		text-indent: 24px;
		line-height: 30px;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}
	/****************** pro g1 *************************************/
	#pro_g1{
		padding-bottom: 30px;
	}
	#pro_g1 h2{
		padding-bottom: 20px;
	}
	#pro_g1 img{
		width: 50%;
	}
	#pro_g1 p{
		text-align: left;
		text-indent: 24px;
		line-height: 30px;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}
	#pro_g1 ul{
		text-align: left;
	}
	#pro_g1 ul li{
		font-size: 12px;
		line-height: 30px;
		margin-left: 20%;
	}
	/****************** pro hu *************************************/
	#pro_hu{
		background-color: #F8F8F8;
		padding-bottom: 30px;
	}
	#pro_hu h2{
		padding-bottom: 20px;
	}
	#pro_hu img{
		width: 50%;
		margin: 0px 0px 10px 0px;
	}
	#pro_hu p{
		text-align: left;
		padding: 0px 10px 0px 10px;
		line-height: 30px;
		text-indent: 24px;
		font-size: 12px;
	}
	/*************************************************************************************** footer *******************************************************/
	footer{
		clear: both;
		width: 100%;
		font-style: normal;
		font-size: 12px;
	}
	.foot{
		height: 300px;
	}
	.foot .contact{
		width: 100%;
		text-align: left;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 10px;
		background-color: #124385;
		color: #ffa;
	}
	.foot h4{
		font-weight: normal;
		padding-top: 10px;
		font-size: 12px;
	}
	.foot dl{
		text-indent: 20px;
		color: #ffa;
	}
	.foot dd{
		line-height: 20px;
		color: #ffa;
	}
	.foot .mark{
		text-align: left;
		padding-left: 10px;
		padding-top: 20px;
	}
	.foot label{
		display: block;
	}
	.foot address{
		display: inline-block;;
		padding: 0px 0px 0px;
	}
	.foot address a{
		display:block;
		font-style: normal;
		padding-top: 5px;
	}
	.foot p{
		padding-top: 5px;
	}
}