/* 手机 mobile start*/
@media (max-width: 767px) {
body{
	background-size:100% auto;
	font-size:13px;}

.visible-xs{display: block !important;}
.visible-xs-block {display: block !important;}
.visible-xs-inline {display: inline !important;}
.visible-xs-inline-block {display: inline-block !important;}
.hidden-xs{display:none !important;}

.wrapin{
	width:100%;}

.banner .swiper-pagination {
  position: absolute;
  right:10px;
  left:auto;
  text-align: center;
  bottom:10px;
  width: 100%;
  width: 108px;
  text-align:right;}
.banner .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 4px;  
  background: #fff;  
  margin: 0 3px;
  cursor: pointer;
  border-radius:0;
  opacity: 1;}
.banner .swiper-pagination-bullet-active {
  background: #003262;}

.banner .name{
	color:#fff;
	line-height: 34px;
	font-size:12px;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 10;
	display:inline-block;
	max-width:60%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.banner .cbtn{
	width: 23px;
	height: 16px;
	position: absolute;
	top: 50%;
	z-index: 60;
	margin-top:-8px;
	cursor: pointer;}
.banner .my-prev{
	left: 0;
	background:url(../images/ba_pre.jpg) no-repeat center center;
	background-size:100% 100%;}
.banner .my-next{
	right: 0;
	background:url(../images/ba_next.jpg) no-repeat center center;
	background-size:100% 100%;}

.hm_about{
	padding:10px 0;
	width: 96%;
	margin:0 auto;}
.hm_about .photo{
	display: block;
	width: 100%;}
.hm_about .intro{
	width: 100%;
	padding-top:10px;}
.hm_about .head{
	height: 34px;
	line-height: 34px;
	position: relative;}
.hm_about .head i{
	width: 3px;
	height: 20px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-10px;}
.hm_about .head span{
	font-size:18px;
	font-weight: bold;
	padding:0 10px;}
.hm_about .head em{
	text-transform: uppercase;
	color:#999;
	font-size:12px;}
.hm_about p{
	line-height: 30px;
	text-indent:2em;
	padding-top:3px;}
.hm_about .more{
	display: block;
	width: 90px;
	height: 34px;
	line-height: 34px;
	background:#003262;
	text-align: center;
	color:#fff;
	margin-top:10px;}

.hm_news{
	padding:15px 0;
	background:#f8f8f8;}
.hm_news .wp{
	width: 96%;
	margin:0 auto;
	background:#fff;
	padding:10px 10px;
	box-sizing:border-box;}
.hm_news .cleft{
	width: 100%;}
.hm_news .head{
	height: 34px;
	line-height: 34px;
	position: relative;}
.hm_news .head i{
	width: 3px;
	height: 20px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-10px;}
.hm_news .head span{
	font-size:18px;
	font-weight: bold;
	padding:0 15px;}
.hm_news .head em{
	text-transform: uppercase;
	color:#999;
	font-size:12px;}
.ne_item2{
	display: flex;
	margin-top:12px;
	height: 96px;
	background:#f4f4f4;
	justify-content: space-between;}
.ne_item2 .date{	
	width: 22%;
	text-align:right;
	font-family:Impact;
	color:#003262;}
.ne_item2 .date dt{
	height: 40px;
	line-height: 40px;
	padding-top:16px;
	font-size:38px;}
.ne_item2 .date dd{
	height: 26px;
	line-height: 26px;}
.ne_item2 .inf{
	width: 70%;
	float: right;
	padding-top:20px;}
.ne_item2 .inf dt{
	height: 32px;
	line-height: 32px;
	font-size:16px;}
.ne_item2 .inf dd{
	height: 28px;
	line-height: 28px;
	color:#999;}
.ne_item2 .nm,.ne_item2 .tip{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.ne_slider{
	width:100%;	
	position:relative;
	overflow:hidden;	
	cursor:pointer;
	margin-top:12px;}
.ne_slider .swiper-slide{
	width:100%;	
	background-repeat:no-repeat;
	background-position:top center;}
.ne_slider .swiper-slide img{
	display:block;
	width:100%;
	height:auto;}
.ne_slider .swiper-slide a{
	display:block;
	width:100%;}
.ne_slider .swiper-pagination {
  position: absolute;
  right:10px;
  left:auto;
  text-align: center;
  bottom:15px; 
  width: 100px;
  text-align:right;}
.ne_slider .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 4px;  
  background: #fff;  
  margin: 0 3px;
  cursor: pointer;
  border-radius:0;
  opacity: 1;}
.ne_slider .swiper-pagination-bullet-active {
  background: #09629d;}
.ne_slider .na{
	width: 100%;
	height: 44px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background:rgba(0,0,0,0.3);}
.ne_slider .name{
	color:#fff;
	line-height: 44px;
	font-size:14px;
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 10;
	display:inline-block;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.ne_slider .cbtn{
	width: 23px;
	height: 16px;
	position: absolute;
	top: 50%;
	z-index: 60;
	margin-top:-16px;
	cursor: pointer;}
.ne_slider .my-prev{
	left: 0;
	background:url(../images/ba_pre.jpg) no-repeat center center;}
.ne_slider .my-next{
	right: 0;
	background:url(../images/ba_next.jpg) no-repeat center center;}

.hm_tags{
	background:#002856;
	padding:10px 0 10px 0;}
.hm_tags a{
	float: left;
	display: block;
	width: 33.3333%;
	text-align: center;
	color:#fff;
	line-height: 40px;
	margin:5px 0;
	font-size:12px;
	white-space:nowrap;}
.hm_tags img{
	display: block;
	width: 40px;
	height: 40px;
	margin:0 auto;}

.hm_case{
	background:url(../images/hbt.jpg) no-repeat center center;
	background-size:cover;
	padding:15px 0;}
.hm_case .wp{
	padding:10px;
	width: 96%;
	box-sizing:border-box;
	margin:0 auto;
	background:rgba(255,255,255,0.3);}
.hm_case .item{
	width: 50%;
	float: left;
	padding:2px;
	box-sizing:border-box;}
.hm_case .itn{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;}
.hm_case .itn img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;}
.hm_case .flg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background:rgba(0,50,100,0.4);
	display: none;}
.hm_case .item:hover .flg{
	display: block;}
.hm_case .name{
	height: 30px;
	line-height: 30px;
	color:#fff;
	display: block;
	text-align: center;
	bottom: 14px;
	position: absolute;
	width: 100%;
	left: 0;}
.hm_case .fd{
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-14px 0 0 -14px;
	background:url(../images/fd.jpg) no-repeat center center;}

.footer{	
	background:url(../images/footerbg.jpg) no-repeat top center;
	background-size:cover;}
.ft_links{
	border-bottom:1px solid #21496f;
	padding:15px 0 15px 80px;
	position: relative;}
.ft_links .tit{
	position: absolute;
	left: 10px;
	top: 15px;
	color:#fff;
	height: 40px;
	line-height: 30px;}
.ft_links a{
	display: block;
	border:1px solid #fff;
	float: left;
	width: auto;
	height: 30px;
	margin:0 0 10px 15px;}
.ft_links img{
	display: block;
	width: 68px;
	height: 30px;}
.footer ul{
	width: 50%;
	float: left;
	line-height: 30px;
	color:#fff;
	padding:15px 10px;
	box-sizing:border-box;}
.footer ul a{
	color:#fff;}
.footer ul a:hover{
	text-decoration: underline;}
.ft_rt{
	float: right;}
.ft_rt .c1{
	float: left;
	margin:66px 14px 0 0;}
.ft_rt dl{
	float: right;
	text-align: center;
	padding-top:30px;
	color:#fff;}
.ft_rt dt img{
	display: block;
	width: 82px;
	height: 82px;}
.ft_rt dd{
	height: 40px;
	line-height: 40px;}
.footer_copy{
	padding:5px 10px;
	line-height: 32px;
	background:#002856;
	text-align: center;
	color:#fff;}
.footer_copy em{
	margin:0 15px;}

.main{
	margin:10px auto;
	background:#fff;}
.aside{	
	width: 100%;	
	display: none;}
.as_head{
	height: 58px;
	background:#275ba8 url(../images/as_head.jpg) no-repeat left top;
	color:#fff;
	padding:6px 0 0 20px;}
.as_head dt{
	height: 28px;
	line-height: 28px;
	font-size:20px;}
.as_head dd{
	text-transform:uppercase;
	font-size:12px;}
.as_nav li{
	height: 45px;
	line-height: 45px;
	border-bottom:1px solid #e8e7e7;
	font-size:16px;}
.as_nav li a{
	display: block;
	padding-left:20px;}
.as_nav li a:hover,.as_nav li a.hover{
	font-weight: bold;
	color:#275ba8;}

.section{
	width: 100%;		
	margin-top:10px;}
.now_pos{
	height: 40px;
	line-height: 40px;	
	color:#888;
	border-bottom:1px solid #e8e7e7;
	padding:0 10px;}
.now_pos a{
	color:#888;}
.now_pos a:hover{
	color:#00873b;}

.ne_item{
	border-bottom:1px solid #e8e7e7;
	padding:10px 0 10px 0;}
.ne_item .date{	
	width: 100%;
	text-align: center;}
.ne_item .date dt{
	height: 30px;
	line-height: 30px;
	font-size:30px;
	font-weight: bold;
	color:#275ba8;}
.ne_item .date dd{
	height: 28px;
	line-height: 28px;
	font-size:12px;
	color:#999;}
.ne_item .photo{
	display: block;
	width: 100%;	
	box-sizing:border-box;
	padding:0 10px;}
.ne_item .photo img{
	display: block;
	width: 100%;
	height: auto;}
.ne_item .inf{
	padding:12px 10px 0 10px;}
.ne_item .name{
	height: 30px;
	line-height: 20px;
	font-size:16px;}
.ne_item .nm{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#353535;}
.ne_item .nm:hover{
	color:#407551;}
.ne_item .tip{
	line-height: 24px;
	font-size:14px;
	color:#999;}
.ne_item .count{
	height: 40px;
	color:#999;
	line-height: 40px;
	font-size:12px;}
.ne_item .count span{
	display: inline-block;
	padding-left:22px;
	background:url(../images/ne_count.jpg) no-repeat left center;}

.page{
	text-align: center;
	padding:15px 0 15px 0;}
.page a{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	border:1px solid #e5e5e5;
	padding:0 8px;
	background:#f9f8f8;
	margin:0 3px;}
.page a:hover,.page a.hover{
	color:#fff;
	background:#275ba8;}

.de_head{
	text-align: center;
	padding:12px 10px 0 10px;}
.de_head .t1{
	line-height: 36px;
	font-size:22px;
	color:#353535;}
.de_head .tags{	
	line-height: 24px;
	font-size:12px;
	color:#999;
	padding:10px 0;}
.de_head .tags span{
	margin:0 20px;}
.de_head .date{
	padding-left:20px;
	background:url(../images/date.jpg) no-repeat left center;}
.de_head .count{
	padding-left:20px;
	background:url(../images/ne_count.jpg) no-repeat left center;}

.de_tags{
	padding:15px 15px;
	background:#f6f6f6;
	font-size:12px;
	line-height: 26px;
	color:#9c9c9c;}

.de_cnt{
	line-height: 1.8;
	padding:0 10px;}
.de_cnt img{
	display: block;
	margin:10px auto;
height:auto;
	max-width:100%;}

.de_ot{
	border-top:1px solid #e8e7e7;
	margin:10px;
	line-height: 20px;
	padding:10px 0;}
.de_ot li{
	height: 20px;}
.de_ot li a{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.hm_notice{
	padding:0 2%;
	background:url(../images/noticebg.jpg) no-repeat bottom center;
	background-size:cover;}
.hm_notice .head{
	height: 60px;
	line-height: 60px;
	position: relative;}
.hm_notice .head i{
	width: 3px;
	height: 20px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-10px;}
.hm_notice .head span{
	font-size:26px;
	font-weight: bold;
	padding:0 15px;}
.hm_notice .head em{
	text-transform: uppercase;
	color:#999;
	font-size:12px;}
.no_item{
	display: block;
	width: 100%;
	height: 86px;
	border:1px solid #e6e7e7;
	position: relative;
	background:#fff;
	margin-left:10px;
	margin-bottom:20px;
	box-sizing:border-box;}
.no_item i{
	display: block;
	width: 10px;
	height: 88px;
	position: absolute;
	left: -10px;
	top: -1px;
	background:#032d5b;}
.no_item dl{
	padding:8px 0 0 20px;}
.no_item dt{
	height: 36px;
	line-height: 36px;
	font-size:16px;}
.no_item dd{
	height: 24px;
	line-height: 24px;
	color:#999;}
.no_item .name{
	float: left;
	display:inline-block;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.no_item .date{
	float: right;
	font-family:Impact;
	color:#003262;
	padding-right:10px;}
.no_item .tip{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.ns_item{
	width: 160px;
	height: 200px;
	margin:0 auto;
	display: block;}
.ns_item .name{
	height: 30px;
	line-height: 30px;
	background:#052c58;
	text-align: center;
	color:#fff;
	font-size:12px;}
.ns_item .nm{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.ns_item img{
	display: block;
	width: 100%;
	height: auto;}

/* 手机 mobile end*/	
}