html{
	height: 100%;
	background-color: #fff;
}
body{
	font-family: 'PingFang SC','microsoft yahei', '微软雅黑';
	font-size: 20px;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	line-height: 1.5;
	overflow-x: hidden;
}
p {
	line-height: 1.5;
	font-size: .37333rem;
}
p,
ul {
    margin: 0;
    padding: 0;
}
a{
	background: transparent;
	text-decoration: none;
	color: #333;
	line-height: 1.5;
}

a:active,
a:hover {
    outline: 0;
}
a,
a:hover,
a:link,
a:active,
a:visited {
  text-decoration: none;
}
.clear:after{
	content:"";
	display:block;
	clear:both;
}
ul li{
	list-style: none;
}
input{
    -webkit-tap-highlight-color: transparent;
}
input:focus{
	outline: none;
}
.inline_block {
	display: inline-block;
}
.block {
	display: block;
}
.pull_left{
	float: left;
}
.pull_right{
	float: right;
}

.pos_rel {
	position: relative;
}
.pos_ab {
	position: absolute;
}
.top_0 {
	top: 0;
}
.left_0 {
	left: 0;
}
.right_0 {
	right: 0;
}
.bottom_0 {
	bottom: 0;
}

.mg_0_auto {
	margin: 0 auto;
}
.w48p {
	width: 48%;
}
.w50p {
	width: 50%;
}
.w64p {
	width: 64%;
}
.w75p {
	width: 75%;
}
.w90p {
	width: 90%;
}
.w41 {
  width: 0.54rem;
}
.w48 {
	width: 0.64rem;
}
.w94 {
	width: 1.25rem;
}
.w108 {
	width: 1.44rem;
}
.w176 {
	width: 2.3467rem;
}
.h40 {
  height: 0.5333rem;
}
.h48 {
	height: 0.64rem;
}
.hr56 {
  height: 0.56rem;
}
.h69 {
  height: 0.92rem;
}
.h80 {
	height: 1.067rem;
}
.h130 {
	height: 2rem;
}
.h176 {
	height: 2.3467rem;
}
.h180 {
	height: 2.4rem;
}

.h252 {
	height: 3.36rem;
}
.h80p {
	height: 80%;
}
.lh_40 {
	line-height: 0.5333rem;
}
.lh_48 {
	line-height: 0.64rem;
}
.lh_80 {
	line-height: 1.067rem;
}
.lh_130 {
	line-height: 2rem;
}
.lh_15p {
	line-height: 1.5;
}
.pt_8 {
	padding-top: 0.1rem;
}
.pt_24 {
	padding-top: 0.32rem;
}
.pt_30 {
	padding-top: .4rem;
}
.pt_33 {
	padding-top: .44rem;
}
.pt_40 {
	padding-top: 0.5333rem;
}
.pb_24 {
	padding-bottom: 0.32rem;
}
.pb_40 {
	padding-bottom: .5333rem;
}
.pb_33 {
	padding-bottom: .44rem;
}
.pl_17 {
	padding-left: 0.2223rem;
}
.pl_18 {
	padding-left: 0.24rem;
}
.pl_27 {
	padding-left: 0.36rem;
}
.pl_30{
	padding-left: 0.4rem;
}
.pl_48{
	padding-left: 0.64rem;
}
.pr_18 {
	padding-right: 0.24rem;
}
.pr_27 {
	padding-right: 0.36rem;
}
.pr_30{
	padding-right: 0.4rem;
}
.pb_15{
	padding-bottom: 0.2rem;
}

.mt_18 {
	margin-top: 0.24rem;
}
.mt_24 {
	margin-top: 0.32rem;
}
.mt_30 {
	margin-top: 0.4rem;
}
.mt_45 {
	margin-top: 0.6rem;
}
.mt_60 {
	margin-top: 0.8rem;
}
.mt_75 {
	margin-top: 1rem;
}
.mb_18 {
	margin-bottom: 0.24rem;
}
.mb_24 {
	margin-bottom: 0.32rem;
}
.mb_30 {
	margin-bottom: .4rem;
}
.mb_45 {
	margin-bottom: 0.6rem;
}
.mb_50 {
	margin-bottom: .6667rem;
}
.mb_69 {
	margin-bottom: .92rem;
}
.ml_30 {
	margin-left: 0.4rem;
}
.ml_22 {
	margin-left: 0.3rem;
}
.ml_38 {
	margin-left: 0.5rem;
}
.ml_45 {
	margin-left: 0.6rem;
}
.mr_30 {
	margin-right: 0.4rem;
}
.mr_22 {
	margin-right: 0.3rem;
}
.mr_69 {
	margin-right: 0.92rem;
}
.mr_75 {
	margin-right: 1rem;
}


.bg_ff3300 {
	background: #ff3300;
} 
.bg_666 {
	background: #666;
}
.bd_radius_100p {
	border-radius: 100%;
}
.bd_radius_20 {
	border-radius: 0.26667rem;
}
.bd_e4 {
	border: 1px solid #e4e4e4;
}
.bd_bottom_ccc {
	border-bottom: 1px solid #ccc;
}
.bd_top_ccc {
	border-top: 1px solid #ccc;
}
.bd_bottom_dashed {
	border-bottom: 1px dashed #ccc;
}
.bd_top_dashed {
	border-top: 1px dashed #ccc;
}
.ts_18 {
	font-size: .24rem;
}
.ts_24 {
	font-size: .32rem;
}
.ts_26 {
	font-size: .3467rem;
}
.ts_28 {
	font-size: .37333rem;
}
.ts_30 {
	font-size: .4rem;
}
.ts_34 {
	font-size: .4533rem;
}
.ts_36 {
	font-size: .48rem;
}
.tw_bold{
	font-weight: bold;
}
.tc_333{
	color: #333;
}
.tc_666{
	color: #666;
}
.tc_999{
	color: #999;
}

.tc_blue {
    color: #00a2ff;
}
.tc_white {
    color: #fff;
}
.tc_c8{
	color: #c8c8c8;
}
.tc_red{
	color: #f6564a;
}
.text_ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}

/* 超出两行溢出 */
.text_ellipsis_line_2{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
}
/* 超出三行溢出 */
.text_ellipsis_line_3{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
}
.text_ellipsis_line_5 {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
}
.bg_rgba_30p {
  background: rgba(0,0,0,.3);
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
.hide{
	display: none!important;
}
.none{
	display: none;
}
.of_hidden{
	overflow: hidden;
}
.of_x_auto {
	overflow-x: auto;
}
.of_x_hidden {
	overflow-x: hidden
}


.no_wrap {
	white-space: nowrap;
}
/* 弹性盒子布局 */

.flex {
	display: flex;
	display: -webkit-flex;
}

.direction_column {
	flex-direction:column;
}
.direction_row {
	flex-direction:row;
}
.space_between {
	justify-content: space-between;
}
.content_center {
	justify-content:center;
}
.space_around {
	justify-content:space-around;
}
.items_center {
	align-items:center;
}
.flex_wrap {
	flex-wrap:wrap;
}

.flex_end {
	justify-content: flex-end;
}
.rotate{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	transition:all 0.2s linear;
}

/*--------------兼容pad尺寸----------------*/
/* @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	html{
		font-size: 40px!important;
	}
} */
/*----------iphone6Plus时，0.6rem是15px--------*/
/* @media only screen and (width: 414px) {
	.fz_24{
		font-size: 16px;
	}
} */

.w100p {
  width: 100%;
}
.h100p {
  height: 100%;
}
.bg_language_grey {
	background: url('../images/language.png');
	background-size: 1.44rem 0.53rem;
	height: .53rem;
	line-height: .53rem;
}
.bg_language {
	background: url('../images/glass_white.png');
	background-size: 1.44rem 0.53rem;
	height: .53rem;
	line-height: .53rem;
}
.bg_language a,.bg_language_grey a{
	font-size: .24rem;
	display: block;
	height: .53rem;
	line-height: .53rem;
	margin-top: .04rem;
	color: #fff;
}

.active_tab{
	border-bottom: 1px solid #003399;
	color: #003399;
	/* background: #003399 */
} 
.tab_item div{
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
	white-space: nowrap;
	position: absolute;
}
.tab_item div::-webkit-scrollbar{
	display: none;
}
.nav_wrap {
	width: 3.2rem;
	border: 1px solid #00a2ff;
	position: absolute;
	top: 0;
	right: .6rem;
	background: #ccc;
	z-index: 10;
	padding: .24rem;
}
.nav_wrap a {
	display: block;
	line-height: 1.5;
}

.nav_wrap::after {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%;    
	position: absolute;
	width: 0;
	border-width: 10px;
	border-left-color: #00a2ff;
	top: 0;
}

/* 侧导航样式 */
.slide_bar_wrap {
  position: fixed;
  top: 1.16rem;
  right: 0;
  width: 52%;
  z-index: 12;
  color: #fff;
  background: rgba(0, 0, 0, .5);
}
.slide_bar_wrap a{
  color: #fff;
  display: block;
  padding-left: .8rem;
  line-height: 2;
}
.slide_bar_wrap p{
  height: 1.12rem;
  line-height: 1.12rem;
  padding-left: .4rem;
  padding-right: .4rem;
  white-space: nowrap;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.slide_bar_wrap img{
  width: .32rem;
  display: inline-block;
}
.slide_item_wrap {
  background: rgba(0, 0, 0, .5);
  padding-top: .2rem;
  padding-bottom: .2rem;
}

/* 分页器样式 */
.page_item_wrap {
	margin-top: .96rem;
}
.page_item_wrap li {
	border-radius: 100%;
	display: inline-block;
	width: .6rem;
	border: 1px solid #e4e4e4;
	margin-left: .12rem;
	margin-right: .12rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	color: #fff;
}
.page_item_wrap li a {
	color: #fff;
}
.page_item_wrap li span {
	color: #333;
}
.page_item_wrap .active {
	color: #333!important;
	background: #fff!important;
}
.page_item_wrap li:nth-child(1) a{
	color: #333;
}
.page_item_wrap li:last-child a{
	color: #333;
}
.page_item_wrap li:nth-child(5n+1) {
	background: #ff3300;
}
.page_item_wrap li:nth-child(5n+2) {
	background: #0099cc;
}
.page_item_wrap li:nth-child(5n+3) {
	background: #99cc33;
}
.page_item_wrap li:nth-child(5n+4) {
	background: #ffcc00;
}
.page_item_wrap li:nth-child(5n+5) { 
	background: #cc0066;
}
.page_item_wrap li:nth-child(1){
	background: none;
	color: #333;
}
.page_item_wrap li:last-child{
	background: none;
	color: #333;
}



/* 内容区域、详情页样式 */
.content_wrap h2 {
	font-size: .48rem;
	text-align: center;
	margin-bottom: .52rem;
	font-weight: bold;
}
.content_wrap h3 {
	font-size: .48rem;
	margin-top: .96rem;
	font-weight: bold;
	margin-bottom: .4rem;
} 
.content_wrap h4 {
	font-size: .37333rem;
	font-weight: bold;
}
.content_wrap p {
	font-size: .37333rem;
	/* margin-bottom: .52rem; */
 }
 .content_wrap p img{
	width: 100%;
 }
.content_wrap div {
	font-size: .34667rem;
	line-height: 1.5;
}
.content_img_center div  {
	padding-left: 5%;
  padding-right: 5%;
	text-align: center;
}
.content_img_center div img {
	width: 100%;
}
.div_img_center >div{
	text-align: center;
	margin-bottom: .52rem;
}

.div_img_center img{
	width: 94%;
}

.div_img_45p div{
	text-align: center;
	width: 94%;
}
.div_img_45p img{
	width: 45%;
}
.tab_bg {
	background: url('../images/tab_bg.png') top center no-repeat;
	background-size: 100% auto;
}

.film_img_href{
	text-align: center;
  display: flex;
  display: -webkit-flex;
	justify-content: center;
	align-items: center;
	font-size: 0;
	overflow: hidden;
  height: 6.9867rem;
}
.film_img_href a{
	width: 94%;
	overflow: hidden;
	display: -webkit-flex;
  flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0;
}
.film_img_href img{
	margin-top: 0.42rem;
	height: 6.16rem;
}
.film_info a {
	display: inline-block;
	max-width: 80%;
}
.film_info span {
	display: inline-block;
	max-width: 20%;
	margin-top: .12rem;
	text-align: center;
}
.film_item:nth-child(5n+1) .film_img_href {
  background: url('../images/film_bg_yellow.png') no-repeat;
  background-size:cover; 
}
.film_item:nth-child(5n+2) .film_img_href {
  background: url('../images/film_bg_blue.png') no-repeat;
  background-size:cover; 
} 
.film_item:nth-child(5n+3) .film_img_href {
  background: url('../images/film_bg_orenge.png') no-repeat;
  background-size:cover; 
} 
.film_item:nth-child(5n+4) .film_img_href {
  background: url('../images/film_bg_green.png') no-repeat;
  background-size:cover; 
} 
.film_item:nth-child(5n+5) .film_img_href {
  background: url('../images/film_bg_pink.png') no-repeat;
  background-size:cover; 
} 

.film_item>div>a {
	font-size: .48rem;
	font-weight: bold;
}
.film_item>div>span {
	font-size: .32rem;
	color: #fff;
	background: #ff3300;
	border-radius: .12rem;
	height: .48rem;
	line-height: .48rem;
	padding-left: .24rem;
	padding-right: .24rem;
}


/* 新闻列表带跳转logo */
.logo_href {
	height: 2.4rem;
	width: 2.4rem;
	overflow: hidden;
	float: left;
	text-align: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
	justify-content: center;
	font-size: 0;
	border: 1px solid #e4e4e4;
}
.logo_href img{
	width: 100%;
}


.wap_index_msg {padding: 0 20px;padding-top: 20px;}
.wap_index_msg li {overflow: hidden;_zoom:1;color: #fff;font-size: 12px;line-height: 22px;}
.wap_index_msg li span {float: left;display: block;width: 20%;font-size: 12px;line-height: 22px;text-align: right;}
.wap_index_msg li p {float: left;width: 79%;text-align: justify;font-size: 12px;line-height: 22px;padding-left: 1%}

.wap_index_footer_msg {text-align: center;font-size: 12px;line-height: 22px;padding: 0 20px;color: #fff}

.wap_index_footer_msg {position: absolute;bottom: 45px;padding: 0px;width: 100%;text-align: center; background: rgba(0,0,0,.3);}






