@charset "utf-8";
/* -------------------------------
 --CSS  
 --by   市场部 Sivan 2017-11-08
 --update  v.2017-11-08
 ---适用新闻列表、内页模块
----------------------------------*/

/*----------banner----------*/ 

.news_banner .wrap_section_banner_text h1 { font-size: 38px; color:#008cd7;letter-spacing: 2px;}
.news_banner .wrap_section_banner_text p { max-width: 470px; line-height: 32px; font-size: 16px; margin: 10px 0 10px 0; color: #008cd7;letter-spacing: 10px; }
.news_banner .wrap_section_banner_img .news_banner_1_img { position: absolute; z-index: 200; bottom: 0px; right:0; transition: all 3s ease; transform: rotate(0deg) translateX(400px) translateY(0px); }
.swiper-slide-active .news_banner .wrap_section_banner_img .news_banner_1_img { transition: all 4s ease; transform: rotate(0deg) translateX(0px); }


/*----------面包屑导航---------*/ 
.about_details_nav{background-color: #E8F0F2;}
.about_details_nav .fixed_nav{position: relative;z-index: 10;background-color: #E8F0F2;width: 100%;height: 50px;line-height: 50px;-moz-transition: all 1.2s .1s ease;-o-transition: all 1.2s .1s ease;transition: all 1.2s .1s ease}
/*.about_details_nav .container{padding:0 0px}*/
.fixed_news_nav_p { margin: 0; font-size: 14px; height: 50px; line-height: 50px !important; float: left; color: #36475a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fixed_news_nav_p  a{color:#36475a;}
.fixed_news_nav_p  a:hover{color:#0080ff ;}
.fixed_news_nav_p  a.active { color: #0080ff ;}

.fixed_nav ul.fix_nesw_nav_w {position:relative;height: 50px; line-height: 48px; overflow: hidden; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; -webkit-transition: all .5s; transition: all .5s; }
.fixed_nav ul.fix_nesw_nav_w  li { float: left; text-align: center; font-size: 14px;color:#36475a; height: 50px; line-height: 50px;min-width: 50px;padding: 0 40px 0 5px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fixed_nav ul.fix_nesw_nav_w  li a{color:#36475a;}
.fixed_nav ul.fix_nesw_nav_w  li a:hover{color:#0080ff ;}
.fixed_nav ul.fix_nesw_nav_w  li:nth-last-of-type(1) { padding: 0px; }
@media (max-width:1040px) {
.fixed_nav .fix_nav_btn { display: block; position: absolute; width: 48px; height: 32px; line-height: 32px; top: 10px; right: 0px; z-index: 120; padding: 0 10px; text-align: center; color: #999; font-size: 10px; -webkit-perspective: 52px; perspective: 52px; cursor: pointer; -webkit-transition: .5s; transition: .5s }

.fixed_nav .fix_nav_btn i { transition: all .5s; -webkit-transition: all .5s }
.fixed_nav .fix_nav_btn:hover i { color: #0080ff ; }
.tab_more .fix_nav_btn i { color: #0080ff ; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.fixed_nav_p.pull-left { display: none; }
.fixed_nav ul { float: left !important; width: 100%; overflow-y: hidden; white-space: nowrap; }
.fixed_nav ul li a { color: #36475a; display: block; width: auto; padding: 0 0px; text-align: center;  overflow: hidden; white-space: nowrap; ; }
.fixed_nav ul.tab_more { width: 100%; height: auto; text-align: left; overflow: hidden; white-space: normal; }
    
.about_details_nav .fixed_nav { width: 100%; height: auto;padding:5px 0; text-align: left; overflow: hidden; white-space: normal; transition: all .5s; -webkit-transition: all .5s }
    
}
@media (max-width:1000px) {
.fixed_nav .fix_nav_btn i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon_nav_down.png) no-repeat center center;
    transition: all .5s;
    -webkit-transition: all .5s;
}	
.fixed_nav ul.fix_nesw_nav_w { float: left !important; width: 100%; overflow-y: hidden; white-space: nowrap; }
.fixed_nav ul.fix_nesw_nav_w.tab_more{height:auto;}
}
@media (max-width:420px) {
    .news_details_nav .container{padding:0 0 0 10px }
.fixed_nav ul.fix_nesw_nav_w  li { display: inline-block; *display: inline;}
}
/*----------列表样式 2017-07-25----------*/ 
.wrap_section_w_w { }
.wrap_section_w_w .fsnav ul li { padding: 0 30px }
.wrap_section_w_w .fsnav ul li a { color: #333; line-height: 58px; }
.wrap_section_w_w .fsnav ul li.active a { color: #0080ff ; border-bottom: 2px solid #0080ff ; }
.wrap_section_w { min-height: 600px; padding: 50px 0;background-color:#ffffff;}
.wrap_section_w:nth-child(2n-1) { background-color: #f8f8f8 }
.wrap_section_w .section_w { color: #333; }/**内容（文案、图片、按钮）包裹**/
.wrap_section_w .section_w .scene_s_h1 { display: block; width: 150px; margin: 0 auto; position: relative; font-size: 38px; color: #333; }
.wrap_section_w .section_w .section_h3 { margin: 0px 0 40px 0; font-size: 28px; font-weight: 500; color: #008BD7; ; transform: translatey(-20px); -webkit-transition: all 1.2s .1s; -webkit-transition-delay: ease; -moz-transition: all 1.2s .1s ease; -o-transition: all 1.2s .1s ease; transition: all 1.2s .1s ease; }
.wrap_section_w .section_w .section_h3 .line { display: inline-block; position: relative; width: 2px; height: 24px; margin-right: 10px; background-color: #008BD7; top: 4px; }
.wrap_section_w .section_w .section_w_text { max-width: 700px; line-height: 32px; margin: 100px auto 0px auto; font-size: 16px; color: #666 }
.wrap_section_w .section_w .section_w_text .test_b { color: #333 }
.wrap_section_w .section_w .section_w_text .section_w_text_ms { margin-bottom: 30px; transform: translatey(15px); -webkit-transition: all 1.2s .1s; -webkit-transition-delay: ease; -moz-transition: all 1.2s .1s ease; -o-transition: all 1.2s .1s ease; transition: all 1.2s .1s ease; }
.wrap_section_w .section_w .section_w_text .section_w_text_ps { max-width: 500px; margin: 0 auto; }
.wrap_section_w.active .section_w .section_w_text .section_h3 { transform: translateX(0px); }
.wrap_section_w.active .section_w .section_w_text .section_w_text_ms { transform: translateX(0px); }
.wrap_section_w .section_w .section_w_img { position: relative;min-height:310px; margin-top: 100px }
.wrap_section_w .section_w .section_w_img img { position: absolute; transition: all 3s ease; transform: rotate(0deg) translateX(100px) translateY(0px); }
.wrap_section_w.active .section_w .section_w_img img { transform: rotate(0deg) translateX(80px) translateY(0px); }

.wrap_section_w .section_w .section_w_ck { text-align: left; }
.wrap_section_w .section_w .section_w_ck a { display: block; display: inline-block; width: auto; width: 180px; height: 52px; line-height: 52px; padding: 0 30px; margin: 10px auto 10px auto; text-align: center; font-size: 15px; color: #FFF; background-color: #019cfe; border-radius: 30px; box-shadow: 1px 2px 6px 0px rgb( 31, 159, 238, .6 ); transform: translatey(25px); -webkit-transition: all 1.2s .1s; -webkit-transition-delay: ease; -moz-transition: all 1.2s .1s ease; -o-transition: all 1.2s .1s ease; transition: all 1.2s .1s ease; }
.wrap_section_w .section_w .section_w_ck a:hover { background-color: #0691e9; }
.wrap_section_w.active .section_w .section_w_ck a { transform: translateX(0px); }

/*----------新闻动态列表----------*/ 
.wrap_news_w .page_number { text-align: center; margin:30px auto; }
.wrap_section_w{background-color:#F8F8F8;padding:0}
.news_list_w{background-color:#F8F8F8;padding:0}

.news_list{padding:2% 0;overflow: hidden;margin: 0 auto;}
.news_list_w:nth-child(2n+1){ background-color: #fff; }
.news_list .news_img{min-height: 50px;margin: 10px auto 10px auto;overflow: hidden;}
.news_list .news_img a{display: block;padding-top: 53%;vertical-align: middle;position: relative;	background-color:#E0E6EA;overflow: hidden;}
.news_list .news_img a::after{ content: ""; display: block; width: 100%; height: 100px; margin: auto; position: absolute;z-index: 2; top: 0; bottom: 0; left: 0; right: 0; top: auto; transition: all 0.3s ease;background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.1)); }
.news_list .news_img a ::before {display: block;height: 100%;visibility: hidden;vertical-align: middle;}
.news_list .news_img a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;	max-width: 100%;display: block;vertical-align: middle;color:transparent;-webkit-transition: opacity 1s, transform 1s;transition: opacity 1s, transform 1s;}
.news_list .btn_r_more{
    display: block;
    display: inline-block;
    width: auto;
    min-width: 60px;
    padding: 0 40px;
    height: 42px;
    line-height: 42px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
    color: #0080ff ;
    border: 1px solid #E8F0F2;
    color: #6e798b;
    border: 1px solid #ccd4e3;
    background-color: transparent;
    border-radius: 30px;
}
.news_list .btn_r_more:hover{
    border: 1px solid #00aaff;
    color: #FFF;
    background-color: #00aaff;
}
.news_list .news_text{padding-left:15px;margin: 10px auto 0 auto;}
.news_list .news_text .text_w{position:relative;min-height:130px;margin-bottom:2%;} 
.news_list .news_text .text_w h4{margin-top:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:70%;} 
.news_list .news_text .text_w h4 a{font-size:18px;line-height: 1.2;color:#36475a ;font-weight:700;	-webkit-transition: ease-in all 0.3s;-moz-transition: ease-in all 0.3s;transition: ease-in all 0.3s;} 
.news_list .news_text .text_w h4 a:hover{color:#0080ff }
.news_list:hover .news_text .text_w h4 a{color:#0080ff }
.news_list .news_text .text_w .new_con{line-height: 28px;color:#6e798b;max-height:140px;width:90%;overflow:hidden;}
@media (max-width:992px) {
    .news_list .news_text .text_w{min-height:auto;} 
    .news_list  .btn_r_more {display: none;}  
}
@media (max-width:768px) {
 .news_list .news_text .text_w .new_con{width:100%;}  
 .news_list{padding:10% 0;overflow: hidden;margin: 0 auto;}
}
.text_w .day_w, .text_w .date_w { display:block; text-align:center; font-family:Arial;color:#a5b1bf;}
.text_w .news_date { width: 80px;height:80px;padding:15px;position:absolute;top:0px;right:0px; border:1px solid #E8E8E8;color:#999;	-webkit-transition: ease-in all 0.3s;-moz-transition: ease-in all 0.3s;transition: ease-in all 0.3s;
 -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.text_w .day_w { height:35px; line-height:35px; font-size:30px;font-weight:700;color:#6e798b;}
.text_w .date_w { height:18px; line-height:18px; font-size:12px;padding-bottom:20px;border-bottom:1px solid #E8E8E8}

@media (max-width:768px) {
 .news_list .news_text .text_w h4{width:100%;}
 .text_w .news_date{ display: none;}
    .news_list .news_text .btn_theme_default {display: none;} 
}
/*---hover交互---*/
.news_list .ck_cover { width:100%; height:100%; background-color:#0080ff ; position:absolute; z-index:1; top:0; left:0; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_list .ck_text{	display: inline-block;margin:auto;width: 100%;height:100%;position:absolute; z-index:2;top: 0;left: 0;vertical-align: middle;}
.news_list .ck_left_line { overflow: hidden;margin:auto; width:30px; height:1px; background:#FFF; position:absolute; z-index:2; top: 0;bottom:0; left:90px; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_list .ck_right_line { overflow: hidden;margin:auto; width:30px; height:1px; background:#fff; position:absolute; z-index:2; top: 0;bottom:0; right:90px; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_list .btn_ck { overflow: hidden;margin: auto; width:100px; height:32px; font-size:16px; text-align:center; line-height:32px; color:#fff; position:absolute; z-index:2;  top: 0;bottom:0; right:0; left:0; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }

.news_list .ck_cover,.news_list .ck_text,.news_list .ck_left_line,.news_list .ck_right_line,.news_list .btn_ck {-moz-transition: ease 0.4s;-o-transition: ease 0.4s;-webkit-transition: ease 0.4s;transition: ease 0.4s;}
.news_list .ck_left_line{left:30%;}
.news_list .ck_right_line{right:30%;}
.news_list .btn_ck{top:10%;}

.news_list .news_img a:hover .ck_cover{opacity:.9; filter:alpha(opacity=.9); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}
.news_list .news_img a:hover .ck_left_line,.news_list .news_img a:hover .ck_right_line {opacity:.9; filter:alpha(opacity=.90); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}
.news_list .news_img a:hover .ck_left_line{left:20%}
.news_list .news_img a:hover .ck_right_line{right:20%}
.news_list .news_img a:hover .btn_ck {top:0;opacity:1;filter:alpha(opacity=.98); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}
.news_list:hover .btn_theme_default:before{left:80%;}

/*----------新闻动态内页----------*/ 
.wrap_news_inner_w{background-color:#FFF;padding:30px 0;}
.news_content_w{-webkit-transition: ease-in all 0.3s;-moz-transition: ease-in all 0.3s;transition: ease-in all 0.3s;}
.news_content_w .news_t_w{overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #EEE;}

.news_content_w .news_t_w .news_title{font-size: 32px;line-height: 42px;font-weight:700;color: #36475a;}
.news_content_w .news_t_w .news_title_b{color:#6e798b;overflow:hidden;margin-top:20px;}
.news_content_w .news_t_w .news_title_b .news_date{float: left;height: 24px;line-height:24px;}


.news_font {float: right;width:80px;height:24px;overflow: hidden;}
.news_font span{ cursor: pointer;float: right;display:block;display:inline-block; width: 24px; height: 24px;margin-right: 10px; background: transparent url("../images/font.png")}
.news_font .bigger { background-position:0px -102px;margin-right:0px;  }
.news_font .smaller {background-position: 0px 0px;}

.news_content{line-height:2;font-size: 16px; border-bottom: 1px solid #eee;color: #36475a;}
.news_content img{ display: block; margin: 0 auto; padding: 30px 0; max-width: 100% !important; height: auto !important; }


.Thenext {font-size: 16px; margin: 20px 0px; color: #999; overflow: hidden; line-height: 24px; }
.Thenext e0m {
    display: block;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    margin-right: 10px;
    color:#FFF;
    background-color:#008BD7;
    border-radius: 30px;
   
}
.Thenext .last_t {padding-left:0px;
padding-right: 0px; float: left; text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ white-space: nowrap; overflow: hidden; }
.Thenext .next_t { float: right; text-align: right; text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ white-space: nowrap; overflow: hidden; }
.Thenext a { color: #666; }
.Thenext a:hover { color: #008BD7; }

@media(max-width:768px) {
 .Thenext { margin: 20px 0px; color: #666; padding:0  0 50px 0px; margin-bottom: 50px;overflow: hidden;border-bottom: 1px solid #eee; }
 .Thenext .last_t { float: left; text-align: left;padding:0; text-overflow: clip; /* for IE */ -moz-text-overflow: clip; /* for Firefox,mozilla */ white-space: normal; overflow: none; }
 .Thenext .next_t { float: left; text-align: left; padding:0;text-overflow: clip; /* for IE */ -moz-text-overflow: clip; /* for Firefox,mozilla */ white-space: normal; overflow: none; }
 .Thenext a { color: #666; }
 .Thenext a:hover { color: #008BD7; }
}
/*----------新闻侧边栏----------*/ 
.news_side_w{padding:8px 0px 0px 50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media (max-width:768px) {
.news_side_w{padding:0 10px;}
}
/*新闻推荐*/
.news_recommend_w{overflow: hidden;}
.news_recommend_w h3{ font-size: 22px; font-weight: 500;color: #36475a;padding-bottom:20px;margin-bottom: 20px;border-bottom:1px solid #eee}
.news_recommend_w .line { display: inline-block; position: relative; width: 2px; height: 22px; margin-right: 10px; background-color: #008BD7; top: 4px; }
.news_recommend_w ul{margin-left:-10px;margin-right:-10px;}
.news_recommend_w li{width:50%;float: left;padding-left: 10px;padding-right: 10px;margin:5px auto;
min-height: 50px;
overflow: hidden;
}

.news_recommend_w li a {
min-height: 50px;
margin: 0 auto;
overflow: hidden;
}
.news_recommend_w li a .news_img{
display: block;
padding-top: 53%;
vertical-align: middle;
position: relative;
background-color:#E0E6EA;
}
.news_recommend_w li a .news_img img::before {
    display: block;
   	height: 100%;
    visibility: hidden;
    vertical-align: middle;
    
}
.news_recommend_w li a .news_img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
vertical-align: middle;    
transition: all .5s ease-out .1s;
background:url("../images/loading.gif") no-repeat center center;
-webkit-transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s;
}
.news_recommend_w li a h4{
 line-height: 42px;
    margin:5px auto 10px auto;
text-align: center;
font-size:14px;
color:#36475a;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_recommend_w a:hover h4{
color:#008BD7
}

/*---hover交互---*/
.news_recommend_w  .ck_cover { width:100%; height:100%; background-color:#00aaff; position:absolute; z-index:1; top:0; left:0; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_recommend_w .ck_text{	display: inline-block;margin:auto;width: 100%;height:100%;position:absolute; z-index:2;top: 0;left: 0;vertical-align: middle;}
.news_recommend_w .ck_left_line { overflow: hidden;margin:auto; width:20px; height:1px; background:#FFF; position:absolute; z-index:2; top: 0;bottom:0; left:90px; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_recommend_w .ck_right_line { overflow: hidden;margin:auto; width:20px; height:1px; background:#fff; position:absolute; z-index:2; top: 0;bottom:0; right:90px; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }
.news_recommend_w .btn_ck { overflow: hidden;margin: auto; width:100px; height:32px; font-size:16px; text-align:center; line-height:32px; color:#fff; position:absolute; z-index:2;  top: 0;bottom:0; right:0; left:0; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-filter:alpha(opacity=0); }

.news_recommend_w .ck_cover,.news_recommend_w .ck_text,.news_recommend_w .ck_left_line,.news_recommend_w .ck_right_line,.news_recommend_w .btn_ck {-moz-transition: ease 0.4s;-o-transition: ease 0.4s;-webkit-transition: ease 0.4s;transition: ease 0.4s;}
.news_recommend_w .ck_left_line{left:30%;}
.news_recommend_w .ck_right_line{right:30%;}
.news_recommend_w .btn_ck{top:20%;}

.news_recommend_w li a:hover .ck_cover{opacity:.9; filter:alpha(opacity=.9); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}
.news_recommend_w li a:hover .ck_left_line,.news_recommend_w li a:hover .ck_right_line {opacity:.9; filter:alpha(opacity=.90); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}
.news_recommend_w li a:hover .ck_left_line{left:20%}
.news_recommend_w li a:hover .ck_right_line{right:20%}
.news_recommend_w li a:hover .btn_ck {top:0;opacity:1;filter:alpha(opacity=.98); -webkit-filter:alpha(opacity=.9); -ms-filter:alpha(opacity=.9); -moz-filter:alpha(opacity=.9);}



/*新闻排行*/
.news_hot_w{overflow: hidden;margin: 8% 0;}
.news_hot_w h3{ font-size: 22px; font-weight: 500;color: #36475a;padding-bottom:20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.news_hot_w .line { display: inline-block; position: relative; width: 2px; height: 22px; margin-right: 10px; background-color: #008BD7; top: 4px; }


.news_hot_w  ul {background:url(../images/news_hot.png) no-repeat 0px 10px; padding-left:32px;}
.news_hot_w  li {height: 39px;  line-height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news_hot_w  li a{float:left;}
.news_hot_w  li .hot_time{float:right;color: #a5b1bf;}
.news_hot_w  li a {color:#36475a; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.news_hot_w  li a:hover {color:#008BD7 }


/*BANNER块*/
.news_banner_w { position: relative; max-height: 320px; overflow: hidden; width: 100%; background-color: #F0F1EE }

.news_banner_w .pc{display: block !important;}
.news_banner_w .m{display: none !important;}
@media (max-width: 750px) {
    .news_banner_w { max-height: auto; width: 100%; background-color: #F0F1EE } 
    .news_banner_w .pc{display: none !important;}
    .news_banner_w .m{display: block !important;}
} 
}