@charset "utf-8";
.w1566 {max-width: 1566px; margin: 0 auto;}


.heared { width: 100%; position: relative; overflow: hidden;}
	.heared .vBg {
		position: absolute;
		top: 0;
		height: 525px;
		bottom: 0;
		right: 0;
		left: 0;
		background: url(../img/h-banner.jpg) no-repeat center;
		background-size: cover;
		z-index: -2;
	}
.heared .vidbacking-active-body-back { position: absolute !important; z-index: -1 !important;}

.heared .h-top { position: absolute; top: 0; right: 0; left: 0; padding: 22px 35px 0 58px;}
.heared .h-top .menu { height: 58px; padding-top: 15px;}
.heared .h-top .menu ul:after { clear: both; content: ""; display: block;}
.heared .h-top .menu li { float: left; padding: 0 15px;}
.heared .h-top .menu li a { display: block; height: 40px; padding: 0 12px; line-height: 40px; font-size: 16px; font-weight: 700; color: #fff;}
.heared .h-top .menu .line { display: none; position: absolute; bottom: 5px; left: 15px; width: 52px; height: 3px; background: #FDDF06; transition: .3s;}
.heared .h-top .search { width: 45px; margin-top: 15px; position: relative;}
.heared .h-top .search a.searchBtn { display: block; padding: 10px;}
.heared .h-top .search .sub { display: none; position: absolute; top: -5px; right: 0; width: 500px; padding-right: 50px;}
.heared .h-top .search .sub > p { height: 46px; border: none; font-size: 16px; border-radius: 10px; background: #fff; position: relative; padding-right: 50px; overflow: hidden;}
.heared .h-top .search .sub > p .txt { border: none; height: 46px; padding:0 2%; width: 96%;}
.heared .h-top .search .sub > p .sBtn { position: absolute; right: 0; top: 0; height: 46px; width: 50px; cursor: pointer; border: none; background: url(../img/searchBtn.png) no-repeat center;}
.heared .h-top .search .sub .close { display: block; position: absolute;right: 0; top: 0; bottom: 0; width: 50px; text-align: center; padding-top: 12px;}

.heared .h-tq { height: 136px; background: #163271; background: rgba(22,50,113,.92); position: absolute; left: 0; right: 0; bottom: 270px;opacity: 0; transition: 1s;}
.heared .h-tq.on { opacity: 1;}
.heared .h-tq .tq-ps { position: relative; padding-left: 300px;}
.heared .h-tq .tq-ps .t1 { position: absolute; padding-top:25px; left: 0; top: 0; color: #fff; font-size: 16px; line-height: 30px;}
.heared .h-tq .tq-ps .ps { height: 136px; text-indent: -999em; overflow: hidden; background: url(../img/h-img-1-1.png) no-repeat 35% center;}

.heared .h-swzc { height: 270px; background: #DFEFFF; background: rgba(223,239,255,.96); position: absolute; left: 0; right: 0; bottom: -270px;transition: 1.5s;}
.heared .h-swzc.on { bottom: 0;}
.heared .h-swzc .btns a { position: absolute; top: 50%; display: block; width: 43px; height: 62px; margin-top: -32px;background: url(../img/ico-btn-1.png) no-repeat;}
.heared .h-swzc .btns a:hover { opacity: .8;}
.heared .h-swzc .btns a.lBtn { left: 0;}
.heared .h-swzc .btns a.rBtn { right: 0; background-position: 0 -85px;}

.heared .upBtn,.heared .doneBtn { width: 102px; position: absolute; left: 50%; margin-left: -61px; height: 20px;background: url(../img/h-cj-ico-1-2.png) no-repeat; z-index: 9; cursor: pointer; opacity: 0; transition: 1s;}
.heared .upBtn { bottom: 386px;}
.heared .doneBtn { bottom: 0;background-position: 0 -23px;}
.heared .upBtn.on,.heared .doneBtn.on { opacity: 1;}

.heared .h-swzc .lists { position: relative; height: 270px; }
.heared .h-swzc .lists .oL { position: relative; left: 0; top: 48px; overflow: hidden;}
.heared .h-swzc .lists ul { position: relative; left: 0;}
.heared .h-swzc .lists ul:after { clear: both; content: ""; display: block;}
.heared .h-swzc .lists ul li { width: 518px; float: left; text-align: center;}
.heared .h-swzc .lists ul li a { width: 348px; margin: 0 auto;}
.heared .h-swzc .lists ul li a,.heared .h-swzc .lists ul li a * { display: block;}
.heared .h-swzc .lists ul li a i { width: 348px; height: 132px; overflow: hidden;}
.heared .h-swzc .lists ul li a i img { width: 348px;height: 132px; float: left;transition: 1s;}
.heared .h-swzc .lists ul li a:hover i img{ transform: scale(1.08);}
.heared .h-swzc .lists ul li a em { width: 318px; height: 42px; line-height: 42px; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #01519a; transition: .3s;}
.heared .h-swzc .lists ul li a.vod i { position: relative;}
.heared .h-swzc .lists ul li a.vod i:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/ico-v-1.png) no-repeat center;;}
.heared .h-swzc .lists ul li a.on em,.heared .h-swzc .lists ul li a:hover em { background: #2B5F98; color: #fff; font-weight: 700; font-size: 15px;}

.h-nab { margin-top: -238px;}
.h-nab .item { float: left; position: relative; min-height: 260px;}
.h-nab .news a { display: block; margin-right: 30px; font-size: 14px; color: #7a7a7a; line-height: 26px; } 
.h-nab .news a i { font-size: 20px; color: #8a8a8a;}
.h-nab .news a strong { display: block; padding: 5px 0 15px; line-height: 28px; font-size: 20px; color: #363636; }
.h-nab .news a:hover { opacity: .7;}
.h-nab .news {width: 32%;}
.h-nab .prpl {width: 35%;}
.h-nab .join {width: 33%;}
.h-nab .news .box { padding-right: 40px;}
.h-nab .prpl .box { padding: 0 40px;}
.h-nab .join .box { padding-left: 40px;}
.h-nab .prpl,.h-nab .join { margin-top: 38px;}
.h-nab .prpl:after,.h-nab .prpl:before { display: block; content: ""; position: absolute; top: 0; bottom: 0; width: 2px;background: url(../img/h-line-1.png) no-repeat;}
.h-nab .prpl:after { left: 0;}
.h-nab .prpl:before { right: 0;}
.h-nab .prpl .box .icos { text-align: center;padding-top: 30px;}
.h-nab .prpl .box .icos a { display: inline-block; padding: 0 15px; }
.h-nab .prpl .box .icos a:hover { opacity: .8;}
.h-nab .titBg { height: 52px; text-indent: -99em; overflow: hidden; background: url(../img/h-img-4-1.png) no-repeat 0 center;}
.h-nab .titBg.t2{ background-image: url(../img/h-img-4-2.png) ;}

.h-nab .join  { background: url(../img/h-img-b1.png) no-repeat 250px 2px; color: #7a7a7a; font-size: 14px; line-height: 26px;}
.h-nab .join p.t1 { padding: 15px 0 0; color: #2b5f98;}
.h-nab .join p { width: 268px;}

.footer { font-size: 14px; color: #6b6b6b;}
.footer a { color: #6b6b6b;}
.footer a:hover { color: #1D87C5;}

@media screen and (min-width: 1500px){
	.heared {height: 800px;}
	.heared .h-top {padding: 12px 25px 0 35px;}
	.heared .h-top .menu li { padding: 0 5px;}
	.heared .h-top .menu li a { font-size: 15px;}
	
}
@media screen and (min-width: 1280px) {
	.heared {height: 800px;}
	.heared .h-top {padding: 10px 15px 0 15px;}
	.heared .h-top .menu li { padding: 0;}
	.heared .h-top .menu li a { font-size: 14px;}
	
	.w1566 {max-width: 1400px;}
	.heared .h-swzc .lists ul li { width: 482px;}
	
}

@media screen and (min-width: 1280px){
	
	.w1566 {max-width: 1300px;}
	.heared .h-swzc .lists ul li { width: 432px;}
	.h-nab .join { background-position: right bottom;}
	.heared .h-swzc .lists { background-position: 20px center;}
	
}

@media screen and (max-width: 1360px) {
	body { min-width: 1360px;}
	.w1566 { width: 1320px; padding: 0 20px;}
		
}


/*::-webkit-scrollbar  { width: 3px; height: 3px; background: #fff;border-radius: 3px;}  
::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5;}   
::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ccc;}*/