/*---------------star频道页的样式202.06.24*/
/*公用样式*/
.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}

.hide_box{  overflow: hidden;}
.box_relative{ position: relative;}
.box_absolute{ position:absolute;}

.min_1280{margin: 0 auto; min-width: 1280px; _width:expression((documentElement.clientWidth < 1280) ? "1280px" : "auto" );}

/*列表自适应样式*/
.flex-wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;}

.wb{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.wbw{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}

.wb2{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb2 .item_w{width: calc(100%/2);}

.wb3{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb3 .item_w{width: calc(100%/3);}

.wb4{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb4 .item_w{width: calc(100%/4);}

.wb5{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb5 .item_w{width: calc(100%/5);}

.wb6{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb6 .item_w{width: calc(100%/6);}

.wb7{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb7 .item_w{width: calc(100%/7);}
/*列表自适应样式*/

/*-----------star中间的样式*/
.i_banner{ background-image: url("../images/channels/i_banner.jpg") ; background-position: center top; height: 240px; background-color: #f5f5f5;}
.i_banner_w{ height:240px;width: 1920px; background-color: red; overflow: hidden;}
.i_banner_pic{ width:1920px; left:50%; top:0; margin-left:640px; }

/*导航*/
.i_nav{ height:60px;  margin-top: -60px;}
.i_nav_ul{line-height: 60px; background-color: rgba(255,255,255,.8); height: 60px;}
.i_nav .li_w{float:left; margin: 0 12px; min-width:90px;}
.i_nav .a_w::before{ position:absolute; content: ''; background-color:#07468a ; width: 0px;  height: 3px; overflow: hidden; left:50%; bottom: 0; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.i_nav .a_w{ display:block; position: relative;}
.i_nav .active{font-weight: bold;}
.i_nav .active .a_w::before,.i_nav .a_w:hover::before{  width: 30px;}



/*更多*/
.th_more_a{position:relative; padding-right: 28px;}
.th_more_a::before{ content: ">"; position:absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 18px; heigth:18px; text-align: center; color: #fff; background-color: #07468a; right:0; font-family: '宋体'; font-size:12px; font-weight: bold; line-height: 18px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.th_more_a:hover::before{background-color: #333;}

/*动画*/
.w_720{ width:720px;}
.h_405{ height:405px;}
.i_news_flash{ position:relative;}
.i_news_flash .bd li{ position:relative;}
.i_news_flash .bd .th_t{ position:absolute; font-size: 18px; color:#fff; bottom: 20px; left:4%; width: 70%;}

.i_news_flash .hd{ position:absolute; z-index: 2; width:100%; bottom: 20px; right:0; text-align: right; padding-right:5%; }
.i_news_flash .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 4px;overflow:hidden; font-size: 0; background-color:rgba(255,255,255,.5); width:10px; height:10px; position: relative;}
.i_news_flash .hd li,.i_news_flash .hd li::before{ -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.i_news_flash .hd li::before{ position:absolute; content: ''; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width:0; height: 0;  overflow: hidden; background-color: #fff; transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }
.i_news_flash .hd .on::before{ width:100%; height: 100%;}
.i_news_flash .hd .on{background-color: transparent;background-color: #fff\9; }

.i_news_flash .black_bj {bottom: 0; left:0; width:100%; height:80px;}
/*垂直渐变*/
.black_bj{background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.9)); background: -moz-linear-gradient(-90deg, rgba(0,0,0,.0), rgba(0,0,0,.9)); background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.0), rgba(0,0,0,.9)); background: -webkit-gradient(linear,0 0%,0% 100%, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.9)));}

/*浅蓝色背景*/
.blue_light_bj{ background-color:#f3f6f9;}
.white_bj{ background-color:#fff;}


/*新闻列表*/
.i_new_list_ul .li_w{ min-height:60px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 10px;}
.i_new_list_ul { line-height:1.3;}
.a_black{ display:block;}
.i_new_list_ul .a_black{ position:relative; padding-left: 28px;}
.i_new_list_ul .a_black::before{ width:6px; height: 6px; border:4px solid #c4d3e3; background-color: #07468a; position:absolute; content: ''; top:50%; left:0;  transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}

.i_news_ul .li_w{ margin-bottom: 10px; min-height: 62px;}
.i_ann_ul .li_w{ padding-top:5px; padding-bottom: 5px;}

.last_li li:last-child{ margin-bottom:0;}

/*日期*/
.i_news_date{ line-height:1.1; border-right:1px solid #ddd;}
.w_80{ width:80px;}


/*滚动图片*/
#slide{overflow:hidden; height: 300px;}
.h_lab_scroll_w .slideul1{width:3999px;}
.h_lab_scroll_w .slideul2 li{float:left;  padding-top:0px; position: relative; width:300px; overflow: hidden; margin-right: 20px; text-align: center;}
.h_lab_scroll_w .slideul2 li .box{ display: block;  height: 300px;}
.h_lab_scroll_w .slideul2 .pic{ height:200px;}
.h_lab_scroll_w .slideul2 .t_d{ margin-top:8px;}
.h_lab_scroll_w .slideul2 .box_d{text-align: left; padding: 15px 15px 0 15px;}
.h_lab_scroll_w .slideul2 .th_t{ font-size:16px; font-weight: normal;}
.h_lab_scroll_w .slideul2 li .box:hover { color:#fff; background-color: #07468a;}
.h_lab_scroll_w .slideul2 li .box:hover .t_d{color:#fff;}

.img_w{ width:100%; height: 100%; overflow: hidden;}


/*间距*/
.box_pr28{ padding-right:28px;}
.box_pl16{ padding-left:16px;}
.box_ph15{ padding-top:15px; padding-bottom: 15px;}
.box_mt30{ margin-top:30px;}
.box_mt40{ margin-top:40px;}
.box_ml40{ margin-left:40px;}
.box_mr40{ margin-right:40px;}
.box_mr20{margin-right:20px;}
.box_ph15{ padding-top:15px; padding-bottom: 15px;}
.box_pt30{ padding-top:30px;}
.box_pt40{ padding-top:40px;}
.box_pd60{ padding-bottom: 60px;}
.box_pl20{padding-left:20px;}
.box_pr20{padding-right:20px;}
.box_ph12{ padding-top:12px; padding-bottom: 12px;}

/*文字大小*/
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_24{ font-size:24px;}
.font_b{font-weight: bold;}
/*蓝色链接*/
.blue_link a,.blue_text{ color:#07468a;}
.blue_link a:hover{ color:#333;}
.green_text{ color:#389b41;}
.blue_light_text{color:#3b97b2;}

.box_c{text-align:center;}
.box_d_line_blue{ border-bottom:2px solid #07468a;}
.box_sizing{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*省略号*/
.hide1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.hide2,.hide6,.hide4,.hide3,.hide10,.hide_1_w,.hide9,.hide8,.hide5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hide2{-webkit-line-clamp: 2;height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide5{-webkit-line-clamp: 5; height:9em; line-height: 1.8em;}
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide9{-webkit-line-clamp: 9;height:18em; line-height: 2em;}
.hide8{-webkit-line-clamp: 8;height:14.4em; line-height:1.8em;}
.hide10{-webkit-line-clamp: 10;height:16em; }

/*圆角*/
.round_r10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/*自定义动画*/
.transition_a{transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }

/*经过*/
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_box_t .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{ -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px); }
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_pic_shadow_t .box:hover .pic,.hover_box_shadow .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{-moz-box-shadow: 0 10px 25px rgba(0,0,0,.07);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.07);box-shadow: 0 10px 25px rgba(0,0,0,.07);}

.hover_box_line .box{ position:relative;}
.hover_box_line .box::before{ width:0; height: 4px; background-color: #004ea1; font-size: 0; overflow: hidden;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;  -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); left: 50%; bottom: 0;  display: block; position: absolute; content: ''; z-index: 2;}
.hover_box_line .box:hover::before{ width:100%;}

.hover_box_line_black .box::before{ background-color: #1a1a1a;}

/*经过图片有闪光效果*/
.hover_pic a{position: relative; overflow: hidden; display:block;}
.hover_pic a:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover_pic a:hover:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}