html,body{
	margin:0;
	auto:0;
	font-size: 14px;
	font-family: sans-serif;
}
ul,li{
	list-style: none;
}
.contain{
	width:1200px;
	margin: auto; 
}
.header{
	
}
.top{
	height: 30px;
	width: 100%;
	display: flex; 
	padding-right: 20px; 
	justify-content: right;
	color: #999;
}
.top a{
	text-decoration: none;
	color: #999;
	padding-left:5px;
	padding-right:5px;
}
.logo{
	background-image: url(../images/logo-bg.png);
	height: 120px;
	display: flex;
	justify-content: space-between;
}
.logo-box{
	width:400px;
}
.search-box{
	width:260px; 
	padding-top: 50px;
	padding-right: 50px;
	display: flex;
	justify-content: right;
}
.search-input{
	height:28px;
	padding:2px 4px;
	border: #0159a3 solid 1px; 
}
.search-input input{
	height:22px;  
	border:none;
	color: #999;
	outline: none;
}
.search-btn{
	height:34px;
	width:60px;
	background-color: #0159a3;
	color: #ddd; 
	line-height: 30px;
	text-align: center;
}
.search-btn:hover{
	color: #fff;
	font-size:16px;
}
.navbar{
	width:100%;
	min-width:1200px;
	background-color: #0159a3;
	height: 60px;
}
.navbar ul{
	display: flex;
	flex-direction: row;
}
.navbar ul>li{
	padding-left:45px;
	padding-right: 35px;
}
.navbar ul>li a{
	color: #e1eaef;
	text-decoration: none;
	font-size:18px;
	line-height: 60px;
	font-family: 微软雅黑; 
}
.navbar ul>li:hover a{
	color: #ffffff;
	font-size:20px;
}
.navbar ul>li::after{
	content:""; 
	border-bottom:solid 3px #dcf04d;
	margin-top: -3px; 
	transition: width .2s linear;
	width:0;
}
 
.navbar ul>li:hover::after{  
	width: 120%;
	margin-left:-6px;
	display: block;
}
.navbar ul>li:hover ~li::before{  
	left: 0;  
}
.navbar ul>li:hover ~li::after{  
	width: 0;  
} 
.navbar ul>li.active::after{
	display: block;
	width: 120%;
	margin-left:-8px;
	text-align: center;
}
.navbar ul>li.active a{
	color: #ffffff;
	font-size:20px;
}
.index-main{
	background-image: url("../images/index-main-bg.png");
	background-position: top -200px center;
	background-color: #f6f2ee;
	background-repeat: no-repeat;
	width: 100%;
	min-width:1200px;
	min-height:450px; 
	justify-content: space-around;
	padding-top: 180px;
}
.main{  
	/* background-color: #f6f2ee; */
	width: 100%;
	min-width:1200px;
	min-height:450px; 
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main-contain{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.work_news{
	width:280px;
	height: 460px; 
	display: flex;
	margin-top: -55px;
	flex-direction: column;
}
.work_news_content{
	background:rgba(1,89,163,0.82);
}
.title{
	background-image: url("../images/title-bg.png");
	background-repeat: no-repeat;
	height:40px; 
	font-size: 20px;
	color: #0159a3;
	padding-left: 36px;
	padding-top: 5px;
	font-weight: bold;
	text-align: left !important;
}
.title a {  
	color: #0159a3; 
	font-weight: bold; 
	text-decoration:none;
}
.work_news_content>ul{ 
	margin:0;
	padding:0;
	height: 420px;
}
.work_news_content>ul>li{
	list-style: none; 
	border-bottom: #e1e1e1 solid 1px;
	line-height: 30px;
	padding:15px;
	color:#a2a2a2;
}
.work_news_content>ul>li a{
	text-decoration: none;
	color: #efefef;
}
.work_news_content>ul>li a:hover{
	text-decoration: none;
	color: #f00;
}
.swipers{
	width:650px;
}
.swipers img{
	width:100%; 
	height: 400px;
}
.work_channels{
	width:200px;
	display: flex;
	flex-direction: column;
	margin-top:-55px;
}
.phones{
	width:100%;
	height: 200px;
	background:rgba(1,89,163,0.82);
	color: #efefef;
	line-height: 180%;
	padding:10px;
}
.phones h2{
	font-size:16px;
	padding: 0;
	line-height: 40px;
}
.QR{
	width:220px;  
	text-align: center;
	background-color: #ffffff;
}
.QR img{
	width:150px;
}

.frind_links{
	height: 60px; 
	margin:10px auto;
	background:rgba(255,255,255,0.5);
}
.frind_links ul,li{
	list-style: none;
	margin: 0; 
}
.frind_links li{
	padding:20px;
	display: inline-block;
}
.frind_links a{
	color:#666;
}
.footer{
	height: 60px;
	width: 100%;
	min-width:1200px;
	background-color: #535353;
}
.footer-text{
	color: #efefef;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	padding-top: 10px;
	font-family: 宋体;
}

.left_menu{
	width:220px; 
	display: flex;
	flex-direction: column;
}
.menu-title{
	background-color: #0159a3;
	font-size:18px;
	padding:16px 20px ;
	color: #efefef;
	letter-spacing: 3px;
}
.menu-item{
	padding:15px;
	border-top: solid 1px #fff;
	border:solid 1px #e1e1e1;
	background-color: #ffffff;
}
.menu-item:hover{
	border-bottom: 2px solid #0159a3;
}
.menu-item.active{
	border-bottom: 2px solid #0159a3;
}

.menu-item a{
	color: #444;
	font-size:14px; 
	text-decoration: none;
	letter-spacing: 3px;
}
.menu-item:hover a{
	color: #0159a3;
	font-size:14px;
}
.menu-item.active a{
	color: #0159a3;
	font-size:14px;
}

 
.right-content{
	width:940px;
	min-height: 580px; 
	display: flex;
	flex-direction: column;
}
.location{ 
	color: #0159a3; 
	width:100%;
	background-color: #fff;  
	border-bottom: solid 2px #0159a3;
}
.location-title{ 
	padding:16px 20px;
}
.location a{
	color: #0159a3;
	font-size:14px;
	text-decoration: none;
}
.location a:hover{
	color: #f00;
	font-size:14px;
	text-decoration: none;
}
.list-content{
	margin-top:10px; 
	background-color: #fff;
}
.list-content p{
	text-indent: 2em;
	line-height: 180%;
	font-size:14px;
}

.list-view{
	padding:10px 30px;
}
.list-view li{
	padding:0px; 
	background-image: url("../images/list_lig.png");
	background-repeat: no-repeat;
	background-position:left 0px top 20px; 
	padding-left: 15px;
	border-bottom: dashed 1px #e1e1e1;
	height: 50px;
	display: flex;
	justify-content: space-between;
	line-height: 50px;
}
.list-view a{
	color:#222;
	text-decoration:none;
	line-height: 50px;
}
.content{
	min-width:1200px;
}
.content p{
	font-size: 14px;
}
.content h2{
	text-align: center;
	color: #222;
	line-height: 60px;
	font-size: 22px;
}
.content h4{
	text-align: center;
	color: #999;
	font-weight: normal;
	font-family: fangsong;
	font-size: 12px;
}
.content hr{
	color: #999;
/* 	border-color: #999;
	height: 1px; */
}