@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align: middle;}
html{  }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: "";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 
}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
body {line-height:1;font-size: 13px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;overflow-x:hidden;}
p{line-height:1.75;}
a {color:#333; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover {color: #81D8D3;}
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;  }
.wrapper .inner {width: 100%;margin:0 auto;} /**页面全局宽度**/
body.list .wrapper .mod{/* padding:0 60px; */}
/*head开始*/
#header {position: absolute;top: 0;width: 100%;left:0;z-index: 20; /* background: url(./images/head_bg.png) top center no-repeat; */}
body.list #header{box-shadow: 9px 0px 12px 0px #d5d2d2;position: static;margin-bottom: 0px;}
body.list #header .inner{height: 115px;padding: 0 60px;}
body.list2 #header{margin-bottom: 0;}
#header .mod{/* padding:0 40px; */position: relative;}
#header .inner{ position:relative;padding: 0 40px;box-sizing: border-box;}
.header .sitelogo{float:left;margin-top: 50px;}
body.list .header .sitelogo{margin-top: 30px;}
.header .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/
.header .head-left{float:left;display:inline-block;/* position: absolute; *//* z-index: 88888; */}
.header .head-main{float:left;margin-top:10px;}
.header .head-right{float:right;margin-top: 50px;position: relative;margin-right: 40px;}
body.list .header .head-right{margin-top: 40px;}

.mbanner{position: relative;}
.mbanner .name{color:#fff;font-size: 24px;border:1px solid #fff;padding:0 20px;line-height: 60px;position: absolute;right:69px;bottom:40px;z-index: 100;}
.mbanner .img-ico{position: absolute;width: 100%;height:60vh;top: 200px;left:0;background: url(./P/P-banner.svg) center no-repeat;}
.mbanner .imgs{height: 100vh;width: 100%;position: relative;}
.mbanner .bg{background: url(./images/head_bg.png) top center no-repeat;width: 100%;top: 0;left: 0;position: absolute;height: 230px;}
/*默认主导航样式*/
#nav{background: #fff url(./images/nav_bg.png) no-repeat 1% 148%;/* height: 965px; */;z-index:10}
body.list #nav{margin-top: 80px;background:none}
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {margin:0 auto;height: 960px;padding: 115px 55px 0;box-sizing: border-box;}
body.list .nav .wp-menu{height: auto;padding:0}
.nav .wp-menu .menu-item {display: block; /* float: left; */ position: relative;margin-bottom: 45px;}
.nav .wp-menu .menu-item.i1 { background:none;}
body.main .nav .wp-menu .menu-item.i1 a {
    color: #81D8D1;
}
.nav .wp-menu .menu-item a > .menu-switch-arrow{ display:none; width:20px; height:20px; background:url(images/nav_j.png) no-repeat center center;vertical-align:middle; }
.nav .wp-menu .menu-item a.menu-link {display: inline-block;/* padding: 0 32px; */line-height: 35px;color: #070707;font-size: 20px;}
.nav .wp-menu .menu-item a.menu-link span{margin-left: 15px;font-size:16px ;}
.nav .wp-menu .menu-item.selected>a,.nav .wp-menu .menu-item.parent>a{color:#81D8D1}
.nav .wp-menu .menu-item.hover a.menu-link,
.nav .wp-menu .menu-item a.hover{  color: #81D8D1;}
.nav .sub-menu {display: none ;position: absolute;left: 0;top: 42px;min-width: 100%;width:auto;z-index: 100;background:#fff;}
.nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; }
.nav .sub-menu .sub-item a {display: block;color: #000;height: 40px;line-height: 40px;padding: 0 17px;font-size: 14px;background:none;}
.nav .sub-menu .sub-item.hover> a,
.nav .sub-menu .sub-item a:hover{  color:#81D8D1; display: block; }
.nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}
/**主页banner开始**/
#banner {position: relative;}
#banner .inner {text-align: center;position:relative;}
/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
 
/**标题栏新闻窗口**/
.post {   }
.post .tt {display:inline-block;width:100%;border-bottom: 0px solid #e6e6e6;} /**标题栏**/
.post .tt .tit {display:inline-block;float:left;font-size: 16px;font-weight:normal;cursor: pointer} /**标题字体**/
.post .tt .tit .title {display:block;line-height: 30px;color: #a4a4a4;font-family:"Microsoft yahei";transition:all 0.4s ease-in-out}
.post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/
.post .con {   margin:0 auto; }
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc; } /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center; }
.post .more_btn {display:inline-block;*display:inline; *zoom:1; height: 20px;margin-top: 10px;line-height: 20px;float:right;opacity:0.7}

.post .more_btn .more_text,.post .more_btn a {font-size:13px; cursor:pointer;} 
.post .more_btn a{color:#666;} 
.post .more_btn a:hover{color:#666;} 
 
 
/**自定义新闻列表**/
.news_list { }
.news_list li.news {line-height: 34px;padding-left:0px;} /**标题图标**/
.news_list li.news span.news_title { float:left; }/*标题*/
.news_list li.news span.news_title img {vertical-align: middle;}
.news_list li.news span.news_meta {float:right;margin-left:2px;color: #9C9C9C;}/*属性*/
.news_list li.news .news_time,
.news_list li.news .news_time span{/* color: #666; */}/*发布时间*/
.news_list li.news .news_icon {display:inline-block;margin:0 auto; border:0px solid red;}
.news_list li.news .news_text {/* line-height:22px; */ /* color:#666; */}/*默认简介*/
.news_list li.news .news_bg {position:absolute; left:0px;bottom:0px; right:0px; height:30px; background:#000; opacity:.7; filter:Alpha(opacity=70);}
.news_list li.news p {line-height:34px;}
 
/*标题文*/
.news_text{}
.news_text .news_list {}
.news_text .news_list li.news{margin-bottom:10px;} 
.news_text .news_list li.news .news_title{line-height: 24px; font-size: 15px;} 
.news_text .news_list li.news .news_text{line-height:22px;font-size: 13px;}
.news_text .news_list li.news .news_time{line-height: 28px;font-size: 13px;}
 
 
/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner{height: 235px;background-position:center center;background-repeat:no-repeat;text-align:center;}
.l-banner img{display:none;height:100%;vertical-align:top;}
/**主体列表页开始**/
.delist #l-container {padding-bottom:30px}
#l-container .inner {padding-left:60px;box-sizing: border-box;}
/**主体文章页开始**/
#d-container {}
#d-container .inner {background:#fff;}

.col_menu {width: 400px;float:left;margin-right: -400px;position:relative;} 
.col_menu .nav .sub-menu {
    display: none;
    position: static;
}
.col_menu .nav .parent .sub-menu {
    display: block !important;
}
.col_menu .l-qh{ margin-bottom:10px;}
.col_menu .col_menu_head {background: #0f429b;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name {font-size: 18px;font-weight:normal;color:#fff;}/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:50px; padding:0px 5px 0px 30px;}/**栏目名称图标**/
.col_menu .col_menu_con{border:1px solid #e4e4e4;}
/*栏目列表*/
.col_list{}
.col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; }
.col_list .wp_listcolumn .wp_column a {color:#333;font-size: 15px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #F6EAEA;}
.col_list .wp_listcolumn .wp_column a .column-name{padding:5px 0px 5px 28px;line-height:32px;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#0f429b; background:#eee; } 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #0f429b;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#0f429b;}
/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {font-weight:bold; font-weight:bold;color:#0f429b;} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#0f429b;} 
/**栏目新闻**/
.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{margin-left: 400px;}
body.list .col_news .col_news_box{margin-top: 80px;}
body.list2 .col_news .col_news_box{margin-top: 0;}
.col_news_head {border-bottom: 1px solid #DBDBDB;}
.col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 18px;font-family:"Microsoft yahei";font-weight: normal;color: #81D8D3;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} /**当前位置**/
.col_metas .col_path a{color: #2F2F2F;}
.col_news_con { /* padding:5px 0px 10px 0px; */ margin:0 0px;}
.col_news_list { /* margin-top:7px; */}
.col_news_list .news_list li.news{height:34px;overflow:hidden}
.col_news_list .news_list li.news .news_title{float:none;margin-right:100px;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col_news_list .news_list li.news .news_meta{margin-left:-100px}
.col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/
/**文章页**/
.infobox {padding:20px 60px; margin:0 auto; width:auto;}
.article {padding-top:10px;}
.article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #81D8D3;} /**文章标题**/
.article h2.arti_title {line-height: 34px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #0f429b;} /**文章副标题**/
.article .arti_metas {padding:10px;text-align:center;/* border-top:1px solid #ececec; */}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/
.article .entry { margin:0 auto; overflow:auto;margin-top:10px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width);display:block }   /**文章阅读部分图片大小限制**/
.article .entry .read table{margin:0 auto; border:none;}
/**页脚开始**/
#footer {background: url(./images/foot_bg.png) top left no-repeat;/* border-top: 1px solid; */}
#footer .inner {padding: 120px 0px 170px;position:relative;}
#footer .inner .mod{padding: 0 40px;}
#footer .inner .foot-left{float:left;/* padding:12px 0px; *//* margin-top:10px; */}
#footer .inner .foot-right{float:right;/* margin-top: 12px; */text-align: right;}
#footer .inner .foot-right img{max-width: 80%;margin-bottom: 50px;}
#footer .inner p{font-size: 12px;line-height: 21px; font-weight:normal;text-align:left;color: #fff;}
#footer .inner p span { margin:0 3px; }
#footer .inner .copyright{text-align: right;color: #000000;line-height: 26px;font-size: 16px;}
#footer .inner .copyright div{display:inline-block}
#footer .inner .copyright a{color:#eee;}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF url(images/sous.png) no-repeat center;cursor: pointer; vertical-align:top; }
/*自定义输入框*/
.search-panel { float: right; clear: right;   position:relative; z-index:200; right:-28px;  }
.search-window { overflow: hidden; /* position:absolute; */ top:0; right:0; z-index:100;/* padding-left:420px; */ padding-top:4px; padding-bottom:4px;float: right;}
.searchbtn { position: absolute;  width: 25px; height: 25px; top: 7px;  right: 0;cursor: pointer; z-index:120; background: url(./images/sous.png) left center no-repeat;}
.wp-search {  position: relative;}
.wp-search form { display: block;}
.wp-search .search-input { margin-right: 30px; }
.wp-search .search-input input.search-title { width: 100%; height:30px; line-height: 30px; border:0; outline: 0; background:#fff; color: #333; font-size: 14px; text-indent: 5px;border-bottom: 1px solid;}
.wp-search .search-btn { width: 25px; height: 25px; position: absolute; right: 0; top: 3px; /* margin-top: -17px; */}
.wp-search .search-btn input.search-submit { width: 100%; height: 25px; border:0; outline: 0; cursor: pointer; background: url(./images/sous.png) left center no-repeat;}
body.list .searchbtn,body.list .wp-search .search-btn input.search-submit{background: url(./images/list_sous.svg) left center no-repeat;background-size: 23px 23px;}

input.search-title:-webkit-autofill,
input.search-title:-webkit-autofill:hover,
input.search-title:-webkit-autofill:focus, 
input.search-title:-webkit-autofill:active {
	transition-delay: 999999999s;
	transition: color  999999999s ease-out, background-color  999999999s ease-out;
	 -webkit-transition-delay:  999999999s;
	 -webkit-transition: color  999999999s ease-out, background-color  999999999s ease-out;
	 -webkit-text-fill-color: #fff;
}

body.list input.search-title:-webkit-autofill,
body.list input.search-title:-webkit-autofill:hover,
body.list input.search-title:-webkit-autofill:focus, 
body.list input.search-title:-webkit-autofill:active {
	transition-delay: 999999999s;
	transition: color  999999999s ease-out, background-color  999999999s ease-out;
	 -webkit-transition-delay:  999999999s;
	 -webkit-transition: color  999999999s ease-out, background-color  999999999s ease-out;
	 -webkit-text-fill-color: #333;
}




/* 分享二维码 */
.shares{text-align:center;}
.shares ul{width:auto; margin:0 auto;text-align: right; }
.shares li{float:left; margin:0 6px; position:relative;}
.shares li a{display:inline-block; width: 40px; height: 40px; border: 0px solid red; background:url('images/weibo.svg') no-repeat center; opacity: 1; filter:Alpha(opacity=60); vertical-align:top;}
.shares li a:hover{ opacity:1; filter:Alpha(opacity=100); } 
.shares li a:hover{background: url('images/weibo-hover.svg') no-repeat center;}
.shares li.i2 a{background: url(./images/weixin.svg) no-repeat center; }
.shares li.i2 a:hover{background: url(./images/weixin-hover.svg) no-repeat center; }
.shares li.i3 a{background: url(./images/douyin.svg) no-repeat center;}
.shares li.i3 a:hover{background: url(./images/douyin-hover.svg) no-repeat center;}
.shares li span{display:block; line-height:22px; font-size:12px; color: #D0D4EA;text-align:center;}
.shares li .con{display:none; position:absolute; bottom: 100px; left:0%;z-index:100; margin-left: -80px; width:100px;}
.shares li .con img{ width: 90px; height:90px; vertical-align:top; background:#fff;}
 
/*列表页*/
/*************************************************************
 * 特殊页面
 */
 /*滚动样式*/
.w25{float: left;width: 25%;position: relative;}
.w50{float: left;width: 50%;position: relative;}
.w75{float: left;width: 75%;position: relative;}
.w100{width: 100%;position: relative;}  
.yh{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.l2{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.l3{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3; 
   -webkit-box-orient: vertical;
}

.post{position: relative;}
.post>.tt{display: none;}
.post .tt{/* display: none; */position: absolute;bottom:40px;left:0;box-sizing: border-box;width:100%;padding: 0 55px;z-index: 11;} 
.post .news_box>a{display: block;height: 100%;width: 100%;}
.post .news_imgs .bg{position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000;opacity: 0.3;transition: all 0.3s ease-in-out;/* display: none; */}
.post .news_wz .news_title{font-size: 18px;line-height: 35px;position: relative;padding-bottom: 20px;margin-bottom: 15px;height:80px;box-sizing:border-box}
.post .news_wz .news_title:after{content: "";display: block;position: absolute;bottom:0;left:50%;width:15px;margin-left:-7px;height: 2px;background-color: #767676;transition: all 0.3s ease-in-out;}
.post .news_wz .news_time{font-size: 16px;line-height: 20px;margin-bottom: 25px;line-height: 22px;}
.post .news_wz .news_text{font-size: 16px;line-height:24px;max-height: 72px;}

.post li.news:hover .tt .tit .title{color:#fff}
.post li.news:hover .bg{opacity: 0;}
.post li.news:hover .more_btn {opacity:1}
.post li.news:hover .news_wz{color:#fff} 
.post li.news:hover .news_title:after{background-color: #fff;}
.imgh1 .news_box{height: 960px;} 
.imgh1 .news_imgs{height: 50%;width: 100%;}
.imgh1 .news_wz{height: 50%;background: #0a0a0a;color: #a4a4a4;text-align: center;box-sizing: border-box;padding: 70px 55px 0;transition: all 0.3s ease-in-out;}
.imgh2 .news_box{height: 1440px;}
.imgh2 .news_imgs{height: 960px;}
.imgh2 .news_wz{height:480px;background: #0a0a0a;color: #a4a4a4;text-align: center;box-sizing: border-box;padding: 70px 100px 0;}
.imgh3 .news_box{height: 1440px;}
.imgh3 .news_imgs{height: 960px;}
.imgh3 .news_wz{height:480px;background: #0a0a0a;color: #a4a4a4;text-align: center;box-sizing: border-box;padding: 70px 100px 0;}

.foot-logo{margin-top: 110px;}
.foot-logo li{float:left;padding:0 20px;position: relative;line-height: 24px;font-size: 18px;}
.foot-logo li:first-child{padding-left:0}
.foot-logo li a{color:#000}
.foot-logo li:after{content:"";display: block;position: absolute;right:0;width:1px;height:20px;top:50%;margin-top:-10px;background: #000;}
.foot-logo li.i5:after{display:none}

.sp1 #wp_paging_w16{margin-top:30px}
.sp1 .listcon li.news{border-bottom: 1px solid #dadada;padding:60px 0 44px;height:auto}
.sp1 .listcon li.news:first-child{padding-top:0}
.sp1 .media{width:327px;height: 215px;float: left;margin-right: -327px;position: relative;}
.sp1 .wz{margin-left: 360px;}
.sp1 .media>div{position: absolute;top:0;left:0;width:100%;height:100%;display:none}
.sp1 .media .bg{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 100;background: #000;opacity:0.6;display:block;transition:all 0.3s ease-in-out}
.sp1 .listcon li.news:hover .media .bg{opacity:0}
.sp1 .media img,.sp1 .media video{width:100%;height: 100%;object-fit: cover;}
.sp1 .media .playbutton{top:50%;left:50%;transform: translate(-50%,-50%);z-index: 111;cursor: pointer;width: 60px;height: auto;position: absolute;}
.sp1 .listcon li.news .news_title{font-size: 18px;line-height: 30px; margin: 0 auto 10px;}
.sp1 .listcon li.news .news_text{font-size: 14px;line-height: 28px;color: #999;max-height: 84px;}
.sp1 .listcon li.news .news_time{margin-top: 30px;color: #888;font-size: 14px;}


.sp2 .listcon li.news{ float: left;width: 33.333%;height: auto;}
.sp2 .listcon li.news:first-child{ }
.sp2 .media{width: 100%;height: 437px;position: relative;/* padding-top: 95%; */}
.sp2 .wz{margin-left:0px;background-color: #000;padding: 12% 8% 8%;color: #fff;position: relative;box-sizing: border-box;height: 465px;}
.sp2 .media>div{position: absolute;top:0;left:0;width:100%;height:100%;display:block;}
.sp2 .media .bg{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 100;background: #000;opacity:0.6;display:block;transition:all 0.3s ease-in-out}
.sp2 .listcon li.news:hover .media .bg{opacity:0}
.sp2 .media img,.sp2 .media video{width:100%;height: 100%;object-fit: cover;}
.sp2 .media .playbutton{top:50%;left:50%;transform: translate(-50%,-50%);z-index: 111;cursor: pointer;width: 60px;height: auto;position: absolute;}
.sp2 .listcon li.news .news_title{font-size: 16px;line-height: 30px; margin: 0 auto 10px;position: relative;text-align: center;padding-bottom: 20px;white-space: initial;color:#fff}
.sp2 .listcon li.news .news_title a{color:#fff}
.sp2 .listcon li.news .news_title:after{    content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 15px;
   margin-left: -7px;
   height: 2px;
   background-color: #767676;
   transition: all 0.3s ease-in-out;
}
.sp2 .listcon li.news .news_text{font-size: 14px;line-height: 28px;color: #999;max-height: 84px;}
.sp2 .listcon li.news .news_text a{color:#999}
.sp2 .listcon li.news .news_time{margin-top: 15px;color: #fff;font-size: 14px;text-align: center;opacity: 0.8;}
.sp2 .listcon li.news a.readmore{color:#fff;padding-right: 10px;font-size: 16px;float: right;position: absolute;right: 8%;bottom: 8%;line-height: 20px;}
.sp2 .listcon li.news a.readmore img{margin: 0 0 0 12px;transition: all 1s ease-in-out; } 
.sp2 .listcon li.news a.readmore:hover img{animation: move infinite 1s ease-in-out; }
@keyframes move
{
0% {transform: translate(0,0);}
50% {transform: translate(-10px,0);}
100% {transform: translate(0,0);}
}


.header .nav_btn {
   position: absolute;
   right: 0;
   cursor: pointer;
   top: 60px;
z-index: 10;}
.header .nav_btn div{width: 26px;height: 2px;margin-bottom: 5px;background-color: #fff;}
body.list .header .nav_btn{top: 50px;}
body.list .header .nav_btn div{background: #333333;}
.nav-2{clear: both;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;padding-top:154px;overflow-y:auto;z-index:-1;overflow-x:hidden}
.btn-navcon {
   position: fixed;
   opacity: 0;
   filter: alpha(opacity=0);
   left: 0;right:0;bottom:0;
   top: 0;
   z-index: 1000; 
   background: rgba(0,0,0,0.8);
   width: 100%;   
visibility: hidden;
}
.btn-navcon .head{background:url(./images/nav2-head-bg.png) repeat-x center top}
body.show .btn-navcon{}
.btn-navcon .head-left{float: left;margin-top:50px;margin-left: 40px;margin-bottom: 40px;}
body.show{overflow:hidden}
.btn-navcon.on { 
   opacity: 1;transition: All 0.5s ease;
   filter: alpha(opacity=100);
visibility: visible;
 
}
 
.btn-navcon.on ul li.links{
   float: left;
   width: 12.5%;
   text-align: center;
position: relative;}
.btn-navcon.on ul li.links a{
   color: #fff;
   line-height: 40px;
   font-size: 20px;
   font-weight: bold;
}
.btn-navcon.on ul li.links a:hover{color:#81D8D1}
.btn-navcon.on ul li.links .ul-links{/* padding-top: 20px; */}
.btn-navcon.on ul li.links a.sub-link{
   font-size: 18px;
   font-weight: normal;
}
.btn-navcon .close {
   width: 40px;
   text-align: center;
   position: absolute;
   right: 2vw;
   top: 2vw;z-index:100;
   transition: transform .4s ease-out;
cursor: pointer;font-size: 40px;color: #fff;font-weight: normal;/* font-family: "Arial"; */position: absolute;}

.close i {
   color: #fff;
   font-size: 40px;
   cursor: pointer;
}
.close:hover {
   transform: rotate(180deg);
}
.btn-navcon .menu-switch-arrow{width: 20px; height: 20px;background: url(./images/nav_j.png) no-repeat center;;vertical-align:middle;display: block;position: absolute;right: 20px;top: 15px;z-index: 100;transition: all 0.3s ease-in-out;background-size: cover; display:none}
.btn-navcon .menu-switch-arrow.show{transform:rotate(90deg)}

.dfpv-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}
#playvideo {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}
#playvideo .playbox {
    position: absolute;
    width: 56%;
    top: 15%;
    height: 65%;
    margin: 0 auto;
    display: block;
    z-index: 100;
    left: 22%;
}
#playvideo video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#playvideo .close {
    position: absolute;
    right: -70px;
    top: -35px;
    cursor: pointer;
    z-index: 100;color:#fff;font-size:40px;transition: transform .4s ease-out;
}
#playvideo .video_bg {
    position: absolute;
    z-index: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.videobox .play-bg{
    background: url(images/play-bg.png) no-repeat;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    display: none;
}
.videobox .play-bg.active{display: block;}
.videobox .play{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    cursor: pointer;
}


body.list #header {
    box-shadow: 9px 0px 12px 0px #d5d2d2;
    position: static;
    margin-bottom: 0px;
    height: auto;
}

li.links.i8 {
    display: none !important;
}