@charset "utf-8";
*{padding: 0;margin: 0;}
body{font:14px Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
	padding: 0;margin: 0;background-color: #f1f2f3;}
/*公用*/
a{text-decoration: none;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
em{font-style: normal;}
input,textarea{font-family: '微软雅黑';outline: none;border: 0;resize: none;}
input::placeholder,textarea::placeholder{color: #9FA0A0;}
ul{list-style: none;padding: 0;margin: 0;}
h1,h2,h3{padding: 0;margin: 0;}
img{display: block;max-width: 100%;transition: all .3s;margin: 0 auto}

.fr{float: right;display: block;}
.fl{float: left;display: block;}
.w1200{width: 1200px;margin: 0 auto;position: relative;}

.text-align{text-align: center;}
.bgff{background-color: #fff;}
.text-left{text-align:left !important;}

.clearfix:after{
	content:"";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
.clearfix:after{
	*zoom:1;        /*针对IE6/IE7*/
}
.cover{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 9;left: 0;top: 0;display: none;} 

/*头部菜单*/
.header{position: absolute;top: 0;left: 0;right: 0;z-index: 10;padding-left: 90px;padding-right: 90px;padding-top: 20px;}
.header .logo{height: auto;overflow: hidden;width: 182px;height: 70px;}
.header .logo a{display: block;width: 100%;height: 100%;background: url(../images/nav-logo.png) center top no-repeat;}
.header .logo span{cursor:pointer;position:relative;top:18px;width: 60px;height: 57px;display: inline-block;background: url(../images/menu-nav-bg.png) center top no-repeat;}
.header .nav-list{height: 30px;padding: 30px 4px;}
.header .nav-list ul li{float: left;position:relative;}
.header .nav-list ul li a{display: block;height: 42px;line-height: 42px;padding: 0 12px;color: #fff;margin-right: 20px;}
.header .nav-list ul li.active>a{font-weight: bold;}
.header .nav-list ul li a:hover{color: #fff;}
.header .nav-list ul li dl{position: absolute;left: 0;top: 42px;display: none;min-width: 260px;}
.header .nav-list ul li dl,.header .nav-list ul li dl dd{padding: 0;margin: 0;}
.header .nav-list ul li dd a{height: 30px;line-height: 30px;}
.header .nav-list ul li:hover dl{display: block;}
.header .header-fr{height: auto;overflow: visible;padding-top: 17px;position: absolute;top:20px;right: 90px;}
.header .header-fr ul li{float: left;padding:0 6px;line-height: 70px;}
.header .header-fr ul li a{display: block;color: #fff;padding:0 10px;margin: 0 -10px;line-height: 70px;height: 70px;}
.header .header-fr ul li a:hover{text-decoration: underline;}
.header .header-fr ul li.search a{width: 15px;height: 70px;background: url(../images/icon-header-search.png) center center no-repeat;}
.header .header-fr ul li.active a{font-weight: bold;}
/*白色主题*/
.white .header .logo a{background: url(../images/nav-logo.png) center top no-repeat;}
.white .header .nav-list ul li a{color: #fff;}
.white .header .nav-list ul li a:hover{color: #fff;}
.white .header .header-fr ul li{color: #fff;}
.white .header .header-fr ul li a{color: #fff;}
.white .header .header-fr ul li.search a{background: url(../images/icon-header-search-2.png) center center no-repeat;}
/*蓝色主题*/
.blue .header .logo a{background: url(../images/nav-logo-2.png) center top no-repeat;}
.blue .header .nav-list ul li a{color: #001a47;}
.blue .header .nav-list ul li a:hover{color: #001a47;}
.blue .header .header-fr ul li{color: #001a47;}
.blue .header .header-fr ul li a{color: #001a47;}
.blue .header .header-fr ul li.search a{background: url(../images/icon-header-search-2.png) center center no-repeat;}

/*底部*/
.footer{height: auto;overflow: hidden;background-color: #212122;border-top:4px solid #b81c22;padding-bottom: 70px;padding-top: 25px;}
.footer ul{text-align: center;padding: 20px 0;height: auto;overflow: hidden;}
.footer ul li{display: inline-block;}
.footer ul li a{display: block;padding: 0 30px;font-size: 14px;font-weight: bold;color: #fff;}
.footer ul li a:hover{text-decoration: underline;}
.footer .img-box{margin: 32px auto;width: 330px;padding: 5px;}
.footer .img-box img{display: block;}
.footer .footer-bottom{border-top: 1px solid #444444;height: auto;overflow: hidden;width:auto;text-align:center;}
.footer .footer-bottom p{text-align: center;font-size: 13px;color: #9fa0a0;padding: 16px 0;display:inline-block;}
.footer .footer-bottom a{font-size: 13px;color: #9fa0a0;margin:10px;}

/*返回顶部*/
.back-top{display:none;width: 47px;height: 47px;position: fixed;right: 40px;bottom:250px;z-index: 10;}
.back-top a{display: block;width:100%;height:100%;background: url(../images/icon-back-top.png) center top no-repeat;cursor: pointer;background-size: 100%;}

/*返回首页*/
.back-home{display:none;width: 47px;height: 47px;position: fixed;right: 40px;bottom:185px;z-index: 10;}
.back-home a{display: block;width:100%;height:100%;background: url(../images/icon-back-home.png) center top no-repeat;cursor: pointer;background-size: 100%;}

/*翻页*/
.wrap-page{height: auto;overflow: hidden;text-align: center;padding: 20px 0 40px;}
.wrap-page a.page{width: 24px;height: 24px;margin:0 5px;display:inline-block;border-radius:100%;text-align:center;line-height:24px;border: 1px solid #d2d2d2;background-color: #fff;color: #001a47;}
.wrap-page a.page:hover,.wrap-page a.page.active{background-color: #001a47;color: #fff;}
.wrap-page a.prev{position:relative;top:12px;width: 24px;height: 24px;margin:0 5px;display:inline-block;background: url(../images/icon-page-prev.png) center top no-repeat;}
.wrap-page a.next{position:relative;top:12px;width: 24px;height: 24px;margin:0 5px;display:inline-block;background: url(../images/icon-page-next.png) center top no-repeat;}

/*固定在底部的菜单*/
.mask{display:none;width: 100%;height: 100%;position: fixed;left: 0;top:0;right: 0;bottom: 0;z-index: 9;}
.fixed-right-nav{display:none;width: 47px;height: 47px;position: fixed;right: 40px;bottom:120px;z-index: 11;}
.fixed-right-nav a{display: block;width:100%;height:100%;background: url(../images/fixed-right-nav.png) center top no-repeat;}
.fixed-right-nav.active a{background: url(../images/fixed-right-nav-active.png) center top no-repeat;}

.fixed-bottom-nav{display:none;height: 228px;overflow: hidden;position: fixed;left: 0;right: 0;bottom: 0;z-index: 10;background: url(../images/bg-fixed-bottom-nav.png) repeat;}
.fixed-bottom-nav-cen{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;padding-top: 30px;}
.fixed-bottom-nav-cen ul li{width:240px;height: auto;overflow: visible;float: left;}
.fixed-bottom-nav-cen ul li a{display:block;color: #fff;}
.fixed-bottom-nav-cen ul li span{float: left;}
.fixed-bottom-nav-cen ul li span a{padding-right: 12px;}
.fixed-bottom-nav-cen ul li dl{height: auto;min-height:164px;overflow: hidden;padding-top: 18px;background: url(../images/bg-fixed-bottom-nav-dl.png) 0 top no-repeat;}
.fixed-bottom-nav-cen ul li dl dd{height: auto;overflow: hidden;}
.fixed-bottom-nav-cen ul li dl dd a{padding: 6px 0 6px 1px;font-size: 12px;}
.fixed-bottom-nav-cen ul li dl dd a em{position:relative;top:6px;margin-right:12px;display: inline-block;float:left;width: 5px;height: 5px;overflow: hidden;background-color: #001a47;border: 1px solid #fff;border-radius: 100%;}
.fixed-bottom-nav-cen ul li dl dd a p{height: auto;overflow: hidden;}
.fixed-bottom-nav-cen ul li dl dd a:hover{color: #d1292e;}
.fixed-bottom-nav-cen ul li dl dd a:hover em{background-color: #d1292e;}

@media (max-width: 1440px) {
	.header{padding-right: 60px;padding-left: 60px;}
	.header .header-fr{right: 60px;}
	
	.fixed-bottom-nav-cen{width: 1200px;}
	.fixed-bottom-nav-cen ul li{width: 200px;}
}

/* 视频弹窗 */
.video-box{height:auto;z-index: 0;overflow: hidden;padding-bottom: 80px;}
.video-box .poster{width:1200px;margin:0 auto;height: auto;overflow: hidden;position: relative;z-index: 1;cursor: pointer;}
.video-box .poster::before{z-index:2;content:"";position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);}
.video-box img{width: 100%;}
.video-box .play{z-index:3;width: 69px;height: 69px;background: url(../images/icon-play2.png) center no-repeat;background-size: 100%;display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto}

.video-popup{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;z-index: 10000;background: url(../images/cover-bg.png) repeat;}
.video-popup .coverV {z-index: 1000;position: fixed;top: 0;left: 0;right: 0;height: 70px;line-height: 70px;overflow: hidden;background: url(../images/bg-video-title.png) repeat;background: #000000\0;}
.video-popup .video-popup-box {width: 100%;height: 100%;overflow: hidden;background-color: #fff;position: absolute;left: 0;top: 0;}
.video-popup .video-list-box {position: absolute !important;left: 0;top: 0;top: 70px\0;right: 0;bottom: 0;z-index: 0;}
.video-popup .coverV .other a {float:right;width:30px;height:30px;font-size: 20px;color: #fff;display: inline-block;margin: 20px 10px;background: url('../images/icon-close.png') center top no-repeat;background-size: 100%;}




/* 公用图集弹出 */
.imgs-popup {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 110;
	background: rgba(0,0,0,.5);
  }
  
  .imgs-popup .con {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
  }
  
  .imgs-popup .con .top {
	height: auto;
	overflow: hidden;
	padding: 1% 0 0 5%;
	position: relative;
	z-index: 1;
  }
  
  .imgs-popup .con .top .number {
	font-size: 16px;
	color: #fff;
	float: left;
  }
  
  .imgs-popup .con .top .other {
	float: right;
	padding: .5% 1%;
	background: rgba(0,0,0,0);
  }
  
  .imgs-popup .con .top .other a {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin: 0 8px;
  }
  
  .imgs-popup .con .slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
  }
  
  .imgs-popup .con .slide .swiper-slide {
	vertical-align: middle;
	text-align: center;
	position: relative;
  }
  
  .imgs-popup .con .slide .swiper-slide img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 90%;
	max-height: 89%;
  }
  
  .imgs-popup .con .bottom {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	padding: 1% 5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	border-top: 1px solid #ebebeb;
  }
  
  .imgs-popup .con .btnPrev, .imgs-popup .con .btnNext {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	left: 2%;
	top: 45%;
	z-index: 1;
  }
  .imgs-popup .con .btnPrev{
	transform:rotate(180deg);
  }
  .imgs-popup .con .btnNext {
	left: auto;
	right: 2%;
  }