/*通用类  */
*{
	margin:0;
	padding:0;}
body{		
	margin:0 auto;
	font-size:16px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;	text-align:justify;	
	color:#555;
	overflow-x:hidden;
	position:relative;}
h1,h2,h3{	
	font-weight:500;}
img{
	border:none;}
a{
	cursor:pointer;
	color:#555;
	text-decoration:none !important;	
	outline:none !important;}
a:hover{
	color:#003262;}
ul{
	list-style-type:none;	
	margin:0;}
dl{
	margin:0;
	padding:0;}
em{
	font-style:normal;}
.lt{
	float:left;}
.rt{
	float:right;}
input.sub,label{
	border:none;	
	cursor:pointer;}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;}
table{
	border-collapse:collapse;}
table td,table th{
	padding:0;}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;}
.ck_device{
	position:absolute;
	top:-300px;}

/*所有设备公用 CSS*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;}

/*total*/



.header-mb{
	width:100%;
	height:50px;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#fff;
	border-bottom:1px solid #ccc;}
.header-mb .logo{
	float:left;
	margin-left:3%;}
.header-mb .logo img{
	display:block;
	height:50px;
	width:auto;}
.header-mb-zw{
	height:51px;
	clear:both;}
.nav-mb{
	position:fixed;
	right:0;
	top:0;
	z-index:100;	
	width:100%;
	height:100%;	
	padding-top:50px;
	display:none;}
.nav-mbshow{
	display:block;
	background:url(../images/bg_22.jpg);}
.menu-btn{
	width:40px;
	height:30px;
	border:1px solid #ddd;
	border-radius:5px;	
	position:fixed;
	right:3%;
	top:10px;
	background:#fff url(../images/menu.jpg) no-repeat center center;
	z-index:110;}
.menu-btnshow{
	background-image:url(../images/menu_close.jpg);}
.nav-mb dl{
	width:90%;
	margin:0 auto;	
	font-size:14px;}
.nav-mb a{
	display:block;}
.nav-mb dt{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;}
.nav-mb .par2 dt{
	background:url(../images/add_btn.jpg) no-repeat right center;}
.nav-mb .down dt{
	background-image:url(../images/close_btn.jpg);}
.nav-mb dd{
	line-height:30px;	
	display:none;}
.nav-mb .down dd{
	display:block;}
.nav-mb dd a{
	color:#666;	
	padding:0 20px;}



/*total*/

/*hm首页*/

.banner{
	width:100%;	
	position:relative;
	overflow:hidden;	
	cursor:pointer;}
.banner .swiper-slide{
	width:100%;	
	background-repeat:no-repeat;
	background-position:top center;}
.banner .swiper-slide img{
	display:block;
	width:100%;
	height:auto;}
.banner .swiper-slide a{
	display:block;
	width:100%;}
.banner .swiper-pagination {
  position: absolute;
  right:10px;
  left:auto;
  text-align: center;
  bottom:15px;
  width: 100%;
  width: 200px;
  text-align:right;}
.banner .swiper-pagination-bullet {
  display: inline-block;
  width: 20px;
  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: 44px;
	font-size:22px;
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 10;
	display:inline-block;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.banner .cbtn{
	width: 47px;
	height: 33px;
	position: absolute;
	top: 50%;
	z-index: 60;
	margin-top:-16px;
	cursor: pointer;}
.banner .my-prev{
	left: 20px;
	background:url(../images/ba_pre.jpg) no-repeat center center;}
.banner .my-next{
	right: 20px;
	background:url(../images/ba_next.jpg) no-repeat center center;}
.header{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	height: 150px;
	line-height: 100px;
	background:url(../images/header.jpg) repeat-x left top;}
.header .logo{
	display: block;
	height: 80px;
	margin-left:2%;
	margin-top:10px;
	float: left;}
.header .logo img{
	display: block;
	width:411px;}
.nav{
	float: right;
	line-height: 100px;
	color:#fff;
	padding-right:2%;
	position: relative;
	z-index: 100;}
.nav_in{
	float: left;
	height: 100px;
	margin-right:32px;
	position: relative;
	z-index: 100;
	font-size:16px;}
.nav .par{
	color:#fff;}
.nav .en{
	float: left;}
.nav .en a{
	margin-right:0;
	color:#fff;
	float: left;}
.nav .en em{
	float: left;
	margin:0 8px;}
.nav .ena{
	display: inline-block;
	padding-left:20px;
	background:url(../images/ena.jpg) no-repeat left center;}
.nav .cna{
	display: inline-block;
	padding-left:20px;
	background:url(../images/cna.jpg) no-repeat left center;}
.nav ul{
	width: 200px;
	position: absolute;
	left: 0;
	top: 80px;
	background:rgba(1,51,100,0.8);
	z-index: 100;
	display: none;}
.nav_in:hover ul{
	display: block;}
.nav li{
	height: 40px;
	line-height: 40px;}
.nav li a{
	display: block;
	padding-left:15px;
	color:#fff;}
.nav li a:hover{
	background:rgba(0,50,100,0.9);}

/*hm 首页*/

/*所有设备公用 CSS*/

/* PC大屏幕 big star*/
@media screen and (min-width: 993px) {

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

.wrapin{
	width:1200px;}

.hm_about{
	padding:65px 0;
	width: 1200px;
	margin:0 auto;}
.hm_about .photo{
	display: block;
	width: 600px;
	float: left;}
.hm_about .intro{
	width: 570px;
	float: right;}
.hm_about .head{
	height: 44px;
	line-height: 44px;
	position: relative;}
.hm_about .head i{
	width: 4px;
	height: 26px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-13px;}
.hm_about .head span{
	font-size:26px;
	font-weight: bold;
	padding:0 15px;}
.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;}

.hm_news{
	padding:65px 0;
	background:#f8f8f8;}
.hm_news .wp{
	width: 1160px;
	margin:0 auto;
	background:#fff;
	padding:40px 20px;}
.hm_news .cleft{
	width: 570px;
	float: left;}
.hm_news .head{
	height: 44px;
	line-height: 44px;
	position: relative;}
.hm_news .head i{
	width: 4px;
	height: 26px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-13px;}
.hm_news .head span{
	font-size:26px;
	font-weight: bold;
	padding:0 15px;}
.hm_news .head em{
	text-transform: uppercase;
	color:#999;
	font-size:12px;}
.ne_item2{
	display: block;
	margin-top:12px;
	height: 106px;
	background:#f4f4f4;}
.ne_item2 .date{
	float: left;
	width: 80px;
	text-align:right;
	font-family:Impact;
	color:#003262;}
.ne_item2 .date dt{
	height: 40px;
	line-height: 40px;
	padding-top:20px;
	font-size:38px;}
.ne_item2 .date dd{
	height: 26px;
	line-height: 26px;}
.ne_item2 .inf{
	width: 475px;
	float: right;
	padding-top:24px;}
.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:570px;
	float: right;	
	position:relative;
	overflow:hidden;	
	cursor:pointer;}
.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: 100%;
  width: 200px;
  text-align:right;}
.ne_slider .swiper-pagination-bullet {
  display: inline-block;
  width: 20px;
  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: 47px;
	height: 33px;
	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:30px 0 18px 0;}
.hm_tags a{
	float: left;
	display: block;
	width: 200px;
	text-align: center;
	color:#fff;
	line-height: 40px;}
.hm_tags img{
	display: block;
	width: 50px;
	height: 50px;
	margin:0 auto;}

.hm_case{
	background:url(../images/hbt.jpg) no-repeat center center;
	background-size:cover;
	padding:65px 0;}
.hm_case .wp{
	padding:20px;
	width: 1160px;
	margin:0 auto;
	background:rgba(255,255,255,0.3);}
.hm_case .item{
	width: 222px;
	float: left;
	padding:5px;}
.hm_case .itn{
	display: block;
	width: 222px;
	height: 222px;
	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: 70px;
	line-height: 70px;
	color:#fff;
	display: block;
	text-align: center;
	bottom: 24px;
	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;}
.ft_links{
	border-bottom:1px solid #21496f;
	padding:25px 0;}
.ft_links .tit{
	float: left;
	color:#fff;
	height: 75px;
	line-height: 75px;}
.ft_links a{
	display: block;
	border:1px solid #fff;
	float: left;
	width: 166px;
	height: 73px;
	margin-left:20px;}
.ft_links img{
	display: block;
	width: 166px;
	height: 73px;}
.footer ul{
	width: 195px;
	float: left;
	line-height: 30px;
	color:#fff;
	padding:25px 0;}
.enbody .footer ul{
	font-size:12px;
	white-space:nowrap;}
.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:10px 0;
	line-height: 32px;
	background:#002856;
	text-align: center;
	color:#fff;
	font-size:12px;}
.footer_copy em{
	margin:0 15px;}

.main{
	width: 1200px;
	margin:20px auto;
	background:#fff;}
.aside{
	float: left;
	width: 206px;
	padding-top:30px;}
.as_head{
	height: 54px;
	background:url(../images/as_head.jpg) no-repeat left top;
	color:#fff;
	padding:10px 0 0 30px;}
.as_head dt{
	height: 28px;
	line-height: 28px;
	font-size:22px;}
.as_head dd{
	text-transform:uppercase;
	font-size:12px;}
.as_nav li{
	height: 60px;
	line-height: 60px;
	border-bottom:1px solid #e8e7e7;
	font-size:18px;}
.as_nav li a{
	display: block;
	padding-left:30px;}
.as_nav li a:hover,.as_nav li a.hover{
	font-weight: bold;
	color:#275ba8;}

.section{
	width: 930px;
	float: right;
	padding:0 20px;
	border-left:1px solid #e8e7e7;
	margin-top:30px;}
.now_pos{
	height: 60px;
	line-height: 60px;
	margin-top:-30px;
	text-align:right;
	color:#888;
	border-bottom:1px solid #e8e7e7;}
.now_pos a{
	color:#888;}
.now_pos a:hover{
	color:#00873b;}

.ne_item{
	border-bottom:1px solid #e8e7e7;
	padding:20px 0 16px 0;}
.ne_item .date{
	float: left;
	width: 135px;
	text-align: center;
	min-height: 100px;}
.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: 134px;
	height: 100px;
	float: left;
	margin-left:5px;
	margin-right:15px;}
.ne_item .photo img{
	display: block;
	width: 134px;
	height: 100px;}
.ne_item .name{
	height: 30px;
	line-height: 21px;
	font-size:18px;}
.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: 30px;
	font-size:16px;
	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:30px 0 54px 0;}
.page a{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	border:1px solid #e5e5e5;
	padding:0 13px;
	background:#f9f8f8;
	margin:0 3px;}
.page a:hover,.page a.hover{
	color:#fff;
	background:#275ba8;}

.de_head{
	text-align: center;
	padding:52px 20px 0 20px;}
.de_head .t1{
	line-height: 46px;
	font-size:24px;
	color:#353535;}
.de_head .tags{
	height: 66px;
	line-height: 66px;
	font-size:12px;
	color:#999;}
.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:17px 22px;
	background:#f6f6f6;
	font-size:12px;
	line-height: 26px;
	color:#9c9c9c;}

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

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

.hm_notice{
	padding:23px 0 46px 0;
	background:url(../images/noticebg.jpg) no-repeat bottom center;
	background-size:cover;}
.hm_notice .head{
	height: 140px;
	line-height: 140px;
	position: relative;}
.hm_notice .head i{
	width: 4px;
	height: 26px;
	background:#57585a;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-13px;}
.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;}
.hm_notice .wp{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;}
.no_item{
	display: block;
	width: 567px;
	height: 86px;
	border:1px solid #e6e7e7;
	position: relative;
	background:#fff;
	margin-left:10px;
	margin-bottom:30px;}
.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:30px;}
.no_item .tip{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.ns_item{
	width: 280px;
	height: 300px;
	margin:0 auto;
	display: block;}
.ns_item .name{
	height: 50px;
	line-height: 50px;
	background:#052c58;
	text-align: center;
	color:#fff;
	font-size:14px;}
.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;}

/* PC大屏幕 big end*/
}