@charset "utf-8";
/*	通用样式  */
.details-row { color: #fff; background: #F5F6F8 url(../images/bg.png) no-repeat 50% 200px; font-size: 12px; }
.news-list-row {color: #fff; background: #F5F6F8 url(../images/bg.png) no-repeat 50% 200px; font-size: 12px; }

body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, img, form, textarea, input, button, th, td { margin: 0; padding: 0; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '宋体', Helvetica, Arial, sans-serif }
img { border: none }
li { list-style: none; }
em { font-style: normal; }
/*	链接与hover  */
i { font-style: normal; display: inline-block; }
a { color: #333; text-decoration: none; }
/*a:hover { text-decoration: underline; color: #299DFF }*/
a:hover { text-decoration:none; color: #cca759 }
/*	---------------------------------------------------通用样式-------------------------------------------------------- */
/*	页面宽度（px） 居中显示/居左 居右  */
.wp { width: 1100px; margin: 0 auto }
.fl { float: left }
.fr { float: right }
.align-l { text-align: left!important }
.align-c { text-align: center!important }
.align-r { text-align: right!important }
/*	避免元素浮动，父元素高度缺失  */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.oh { overflow: hidden }
.pipe { color: #e3e3e3; margin: 0 5px }
.hr { height: 1px; background: #eee; margin: 30px 0 !important; overflow: hidden }
/*	垂直  */
.vtop { vertical-align: top!important }
.vmiddle { vertical-align: middle!important }

/*	字色  */
.fs, .fs a { color: #888 }/*清灰*/
.fs1, .fs1 a { color: #FF7F00 }/*橘*/
.fs2, .fs2 a { color: #299DFF; }/*蓝*/
.fs3, .fs3 a { color: #C40000; }/*红*/
.fs4, .fs4 a { color: #8ab200; }/*绿*/
.fs5, .fs5 a { color: #aaa; }/*灰*/
.fs6,.fs6 a{color:#7e7d7d;}
.fs7,.fs7 a{color:#ddd;}
/*	字体  */
.sz12 { font-size: 12px!important }
.sz14 { font-size: 14px!important }
.sz16 { font-size: 16px !important }
.sz18 { font-size: 18px!important }
.sz20 { font-size: 20px!important }
.sz26 { font-size: 26px!important }
.sz30 { font-size: 30px!important }
/*	外边距  */
.mt { margin-top: 15px!important }
.ml { margin-left: 15px!important }
.mr { margin-right: 15px!important }
.mb { margin-bottom: 15px!important }
.delmt { margin-top: 0px!important }
.delml { margin-left: 0px!important }
.delmr { margin-right: 0px!important }
.delmb { margin-bottom: 0px!important }
/*	内边距  */
.pt { padding-top: 10px!important }
.pl { padding-left: 10px!important }
.pr { padding-right: 10px!important }
.pb { padding-bottom: 10px!important }
.delpt { padding-top: 0px!important; }
.delpl { padding-left: 0px!important; }
.delpr { padding-right: 0px!important; }
.delpb { padding-bottom: 0px!important; }
/*	圆角  */
.radius{border-radius:50%}
.radius10{border-radius:10px}
/*	精灵  */
.sp { background: url(../images/sprites.png); display: inline-block;}

/* 框架标题 */
#content { }
.ct { background: #fff;  margin-bottom: 15px; }

/* 左侧导航 */
.lnav {float: left; width:100%; }
.lnav ul { background: #2a98f5; }
.lnav ul li a { display: block; font-size: 14px; height: 50px; line-height: 50px; transition: background 0.5s ease 0s; color: #fff; border-bottom: 1px solid #2991e8; padding: 0 20px 0 20px; }
.lnav ul li a:hover { text-decoration: none; background: #389FF5 }
.lnav ul li a i { width: 16px; height: 16px; display: none; float: right; margin-top: 16px; background-position: -21px -24px; }
.lnav ul li.a i { display: block; }
.lnav .btm { height: 10px; background: #e1e1e1; margin-left: 20px; }
/* 右侧内容 */
.rct { width:100%; min-height: 600px; float: right; background: #fff; margin-bottom: 15px; }
/*	分页 */
.paging-box { padding: 20px 0 30px 0; }
.paging a, .paging strong {margin:0 1px; height: 33px; line-height: 33px; padding: 0 12px; font-size: 14px; color: #555; box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1) inset; display: inline-block; border-radius: 3px; background: #f6f6f6 }
.paging strong { background: #2A98F5; color: #fff; }
.paging a:hover { text-decoration: none; background: #eee }
.paging span { color: #666; margin: 0 5px }
.paging span.current{height: 33px; line-height: 33px; background:#cca759;padding: 0 12px; font-size: 14px; color: #fff; box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1) inset; display: inline-block; border-radius: 3px;}
.paging span.disabled{height: 33px; line-height: 33px; background:#FBFBFB;padding: 0 12px; font-size: 14px; color: #C9C9C9; display: inline-block; border-radius: 3px; border:1px solid #e6e6e6;}
.paging a.prev, .paging a.next { width: auto; font-size: 14px; padding: 0 20px; }
.paging a.no { background: #f8f8f8; color: #c6c6c6 }
/*	浮动块 */
.row-float { width: 100%; }
.row-float .float2, .row-float .float3, .row-float .float4, .row-float .float5 { display: block; float: left; width: 100%; min-height: 30px; }
.row-float .float2 { width: 50% }
.row-float .float3 { width: 33.333333333%; *width:33.319%;}
.row-float .float4 { width: 25% }
.row-float .float5 { width: 20%}
/* 图文样式DL */
.dl-pic { overflow: hidden }
.dl-pic dt { font-size: 16px; overflow: hidden; margin-bottom: 10px }
.dl-pic dd.pic { float: left; margin-right: 20px; overflow: hidden }
.dl-pic dd { color: #888; line-height: 20px; overflow: hidden }
.dl-pic dd p { line-height: 25px; }

/* ICON */
.sp.more-1 { width: 16px; height: 16px; margin-left: 10px; vertical-align: middle; background-position: -30px 0px; }
.sp.more-2 { width: 16px; height: 16px; margin-left: 10px; vertical-align: middle; background-position: -47px 0px; }
.sp.more-3 { width: 16px; height: 16px; margin-left: 10px; vertical-align: middle; background-position: -41px -24px; }
.sp.flogo { width: 70px; height: 33px; background-position: -122px -19px }
.sp.map { width: 54px; height: 54px; background-position: -64px 0 }
.sp.contact-ico { width: 16px; height: 16px; vertical-align: middle; margin-right: 10px; }
.sp.contact-ico-1 { background-position: -118px 0; }
.sp.contact-ico-2 { background-position: -136px 0; }
.sp.contact-ico-3 { background-position: -157px 0; }
.sp.contact-ico-4 { background-position: -314px -20px; }
.sp.contact-ico-5 { background-position: -314px -2px; }
.sp.home { width: 16px; height: 16px; vertical-align: middle; margin-right: 10px; background-position: 0 -25px }
.sp.view-p { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background-position: 0 -43px }
.sp.view-n { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background-position: -21px -43px }
.sp.th-em{ height:18px; width:18px; background-position:-289px 0; vertical-align:middle;}
.sp.th-pn{ height:18px; width:18px; background-position:-289px -19px; vertical-align:middle}
.sp.agent-icon{width:14px;height:13px;background-position:-333px -2px; vertical-align:middle;}
.sp.join-icon{width:14px;height:13px;background-position:-351px -2px; vertical-align:middle;}
/*	---------------------------------------------------头部区域-------------------------------------------------------- */
.th{ height:40px; line-height:40px; border-bottom:1px solid #f4f5f7}
.th .language{ margin-left:10px}
.th .language span a { color: #888 }
.th .language span .pipe { padding: 0 5px; }
.th .language span a.a { color: #299dff }
.th .language:hover span { background: #fff }
.th .thnav { margin-right:17px}
.th .thnav a,.th .thnav span{ margin-left:15px; color:#aaa}
.th .thnav a:hover{color:#29A9FF; text-decoration:none}
.th .thnav a i{ margin-right:5px;}
.th .thnav span i{ margin-right:4px;}

/*	下拉菜单  */
.dropNav li.open a { color: #299dff; border: none; padding-bottom: 3px; }
.dropNav li ul { display: none; position: absolute; top: 65px; left: 0; min-width: 150px; background: #fff; color: #333; border: 1px solid #EAEAEA; border-top: none; box-shadow: 5px 5px 0 rgba(0,0,0,.1); }
.dropNav li.r ul { left: auto; right: 0px; }
.dropNav li ul li { width: 100%; }
.dropNav li ul li a { display: inline-block; text-indent: 15px; color: #666 !important; border: none !important; height: 40px; line-height: 40px; width: 100%; font-weight: normal !important; z-index: 10; font-size: 14px; padding: 0 15px; padding: 0px }
.dropNav li ul li a:hover { background: #fafafa; color: #299dff !important; }
/* 首页焦点图 */
.flexslider { position: relative; width: 100%; height: 430px; overflow: hidden }
.flexslider .slides li { display: block; height: 430px; width: 100%; background-position: 50% 0; }
.flexslider .slides li a { display: block; width: 100%; height: 430px; }
.flexslider .slides img { width: 100%; display: block; }
.flex-direction-nav { *height: 0;}
.flex-direction-nav a { text-decoration: none; display: block; width: 14px; height: 22px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: -9999px; background: url(../images/sprites.png) no-repeat }
.flex-direction-nav .flex-prev { left: 60px; background-position: 0 0 }
.flex-direction-nav .flex-next { right: 60px; background-position: -15px 0 }
.flexslider:hover .flex-prev { opacity: 0.7; left: 60px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 60px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-control-nav { width: 100%; position: absolute; bottom: 150px; z-index: 3; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 10px; height: 10px; display: block; background: #666; background: rgba(255,255,255,0); border: 2px solid rgba(255,255,255,0.8); cursor: pointer; text-indent: -9999px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; border: 2px solid #fff; cursor: default; }
/* 首页新闻 */
.index-news { margin-top: -130px; position: relative; z-index: 3; margin-bottom: 15px; }
.text-news { width: 545px; }
.text-hd { background: #299dff; height: 80px; padding: 25px 30px; background: rgba(41,157,255,.95) }
.text-hd dt { font-size: 18px; overflow: hidden; margin-bottom: 10px; }
.text-hd dt span { font-size: 12px; margin-left: 20px; color: #bee1ff }
.text-hd dd { color: #888; line-height: 25px; overflow: hidden; font-size: 14px; color: #bee1ff }
.text-hd a { color: #fff; transition: all .3s ease; }
.text-hd a:hover .sp { opacity: .8 }
.text-hd a:hover { text-decoration: none; opacity: .8 }
.text-list { background: #fff; padding: 20px 15px 15px 30px; height: 215px; }
.text-list ul { border-right: 1px dotted #e0e0e0; padding-right: 20px; width:448px; }
.text-list li { height: 35px; line-height: 35px; display:block ;font-size:14px;font-size: 14px; }
.text-list li i { width: 3px; height: 3px; overflow: hidden; background: #aaa; float: left; margin-top: 18px; margin-right: 11px; }
.text-list li span { float: right; font-size: 12px; color: #aaa }
.text-list .more a { display: inline-block; padding:95px 0 }
.text-list .more a:hover { opacity: .6 }
.index-block{ width:510px; background:#fff; padding:15px 20px 15px 15px;height: 350px; }
.index-block dl{ height:105px; margin-bottom:15px;background-repeat:no-repeat}
.index-block dl .pic{ width:230px; height:105px; overflow:hidden; }
.index-block dl .pic img{}
.index-block dl dt{ font-size:14px; padding-top:18px; }
.index-block dl dt a{ text-decoration:none}
.index-block dl .more{font-size:14px;}
.index-block dl .more a{ color:#299DFF}
.index-block dl i.sp {width: 16px;height: 16px;display: inline-block; vertical-align:middle;background-position: -21px -24px;}

/* 首页产品 */
.index-product { padding: 5px 0 15px 0 }
.index-product .dl-pic { padding: 20px 10px; transition: opacity 0.5s ease 0s; }
.index-product .dl-pic dd.pic{ margin-top:0px}
.index-product .dl-pic dt { margin-bottom: 2px; line-height: 25px; font-weight: 700; font-size: 14px }
.index-product .dl-pic dt a { color: #4A5A67; }
.index-product .dl-pic dt a:hover { text-decoration: none; }
.index-product .dl-pic dd{ font-size:12px;}
.index-product .dl-pic:hover { opacity: .6 }
.index-product dl{ text-align:center;color: #888;font-size:14px;}
.index-product dl dd{ margin:3px 0}
/* 面包屑导航 */
.bnav { background: url(../images/bnav-bg.png); padding: 20px 30px; font-size: 14px; }
.bnav a { color: #666 }
.bnav span { color: #000; margin: 0 8px; }
/* 新闻列表 */
.list-title { border-bottom: 1px solid #ebebeb; margin-bottom: 10px; padding-top:16px; height: 55px; line-height: 45px; }
.list-title h3 { font-size: 18px; font-weight:normal; color:#666; text-indent: 20px }
.list-text-box{ margin-top:-10px}
.list-text-box dl { padding:20px 20px 15px 20px; border-bottom: 1px dotted #ddd; }
.list-text-box dl:hover{ background:#fafafa}
.list-text-box dl dt { font-size: 18px }
.list-text-box dl dt a:hover { color: #cca759 }
.list-text-box dl dd { font-size: 14px; margin-bottom: 5px; line-height: 25px }
.list-text-box dl dd.date { color: #aaa; }
.list-text-box dl dd.date span a{color:#299DFF}
.list-text-box dl dd.date span a i{ margin-right:5px}
.list-text-box dl dd.date span a:hover i{animation: rotateIn 1s; -webkit-animation:shake 1s; -moz-animation:rotateIn 1s;-o-animation:rotateIn 1s;}

/* 新闻内页 */
.view-title { background: #2C98F5; line-height: 60px; color: #fff; padding: 20px 60px; font-size: 16px !important;}
.view-title h3 { font-weight: normal;font-size: 20px !important; }
.view-title-source { height: 50px; line-height: 50px; font-size: 14px; padding: 0 30px; color: #aaa; overflow:hidden;}
.view-title-source span { margin-right: 50px; }
.view-title-source span em { color: #444; margin-left: 5px }
.view-box { line-height: 32px; font-size: 16px; padding: 30px 50px; color: #555; }
/*视频盒子模型*/
.video-box { line-height: 30px; font-size: 14px; padding:10px; color: #555; padding-top:20px; }
.view-video-box 
{
    width:710px;
    height:460px;
    margin:0 auto; 
    text-align:center; 
    -webkit-transition:all 0.225s ease-in-out;
    -moz-transition:all 0.225s ease-in-out;
    -o-animation:all 0.225s ease-in-out;
    transition:all 0.225s ease-in-out;
    background-color:#fafafa;
    padding:5px;
    box-shadow: 0 0 20px 0 rgba(151, 167, 175, 0.5);
    border-radius:5px;
    }
.view-box p{overflow: hidden; }
.view-box img{max-width:100%; }
.view-extend { height: 70px; line-height: 70px; margin: 20px 20px 0 20px; padding: 0 30px; border-top: 1px solid #EBEBEB }
.view-extend .view-toggle a { color: #888; font-size: 14px; margin-right: 30px; }
.view-extend .view-toggle a:hover { opacity: .7; text-decoration: none; color: #447196 }
.view-related { padding: 10px 0 30px 35px; }
.view-related h3 { height: 70px; line-height: 70px; font-weight: normal; font-size: 16px; color: #888 }
.view-related li { float: left; width: 50%; height: 40px; line-height: 40px; font-size: 14px; font-size: 14px; overflow:hidden;   -webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap;text-overflow: ellipsis;}
.view-related li i { width: 3px; height: 3px; overflow: hidden; background: #2a98f5; float: left; margin-top: 18px; margin-right: 15px; }
.view-related li span { float: right; font-size: 12px; color: #aaa; margin-right: 50px; }
/* 视频列表 */
.list-video-box { width:100%;margin:0 auto;}
.list-video-box ul { padding: 20px 0 }
.list-video-box li { float: left; width: 200px; margin: 0 24px; margin-bottom: 40px; }
.list-video-box li .pic { display: block; position: relative; padding-bottom: 19px; }
.list-video-box li .pic span.p { position: absolute; bottom: 0px; display: block; width: 400px; height: 25px; background-position: 0 -60px; z-index: 2 }
.list-video-box li .pic i.sp { width: 50px; height: 50px; position: absolute; top: 35%; left: 45%; display: none; background-position: -227px 0px; z-index: 2; animation: fadeIn .8s; -webkit-animation: fadeIn .8s; -moz-animation: fadeIn .8s; -o-animation: fadeIn .8s; }
.list-video-box li h3 { height: 50px; line-height: 50px; font-size: 18px; font-weight: normal }
.list-video-box li span.date { color: #aaa; font-size: 14px; }
.list-video-box li a { display: block; transition: all 0.5s ease 0s; }
.list-video-box li a:hover { text-decoration: none; }
.list-video-box li a:hover .pic i.sp { display: block; }
.list-video-box li a:hover .pic:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 1; animation: fadeIn .3s; -webkit-animation: fadeIn .3s; -moz-animation: fadeIn .3s; -o-animation: fadeIn .3s; }


/*	---------------------------------------------------动画------------------------------------------------------- */
/* 动画效果放大 */
.zoom-pic { overflow: hidden }
.zoom-pic img { transition-duration: 0.5s; }
.zoom-pic:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transition-duration: 0.5s; }
/* 动画效果移动 */
.move-pic { overflow: hidden }
.move-pic img { transition-duration: 0.5s; }
.move-pic:hover img { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
 @-webkit-keyframes loading { 0% {
width:0%
}
 10% {
width:10%
}
 100% {
width:100%
}
}

@-webkit-keyframes bounceInUp { 0% {
 opacity:0;
 -webkit-transform: translateY(80px);
 transform: translateY(80px);
}

 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
 -ms-transform: translateY(80px);
 transform: translateY(80px);
}

 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.bounceInUp { animation: bounceInUp .8s; -webkit-animation: bounceInUp .8s; -moz-animation: bounceInUp .8s; -o-animation: bounceInUp .8s; }
@-webkit-keyframes fadeIn { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn { animation: fadeIn .8s; -webkit-animation: fadeIn .8s; -moz-animation: fadeIn .8s; -o-animation: fadeIn .8s; }
@-webkit-keyframes rotateIn {  0% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
}
 @keyframes rotateIn {  0% {
 -webkit-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
}
.rotateIn { animation: rotateIn 4s infinite linear; -webkit-animation: rotateIn 4s infinite linear; -moz-animation: rotateIn 4s infinite linear; -o-animation: rotateIn 4s infinite linear; }

/* amy 2015-04-24 */
.bg{background:#fff;}
.frame{ padding: 60px 90px; line-height: 30px; font-size: 14px; color: #444 }

/*员工招聘*/
.icon{width:10px;height:7px;display:inline-block;background:url(../imgages/icon.png) no-repeat center;  vertical-align: middle;}
.listInfo div {
    cursor: pointer;
}
.listInfo div .title {
    width: 85%;
}
.listInfo  li {
    padding: 5px 10px 2px;
}
.listInfo li:hover {
    background: #fafafa none repeat scroll 0 0;
}
.list-iteam{padding:0 11px 20px 11px;background:#fafafa;margin:0 0 25px;}
.link{position:absolute;top:20px;right:30px;}
.hide{display: none;}

/* 面板 */
.fly-panel{border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.fly-panel[pad20]{padding: 20px;}
.fly-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.fly-panel-main{padding: 10px 15px;}

/* 专栏 */
.fly-column{height: 50px; line-height: 50px;}
.fly-column ul li{position: relative; display: inline-block; height: 50px;}
.fly-column ul li a{padding: 0 20px; font-size:14px;}
.fly-column ul li.layui-this:after{ position: absolute; bottom: 13px; left: 8px; z-index: 0; width: 50px; height: 22px; border: 1px solid #5FB878; border-radius: 2px;}
.fly-column ul li.layui-this a{color: #5FB878;}
.fly-column ul li .fly-mid{margin: 0 20px;}
.fly-column-right{position: absolute; right: 0; top: 0;}
.fly-column-right .layui-btn{vertical-align: initial;}

.fly-column .layui-badge-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 33px;
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
   
}

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
@media (max-width: 767px) {

    /*这里padding会出现位移*/
    .details-row {color: #fff;background: #F5F6F8 url(../images/bg.png) no-repeat 100%;font-size: 12px;}
    .details-row .container { padding-top:0; margin:0;  }
    /*.details-row .container .col-sm-12{ padding:0; }*/
     
    .view-title-source span { margin:0px;}
    .view-box {padding:10px 10px;}
    .view-related li {width:100%;}
    
    /*新闻列表*/
    .news-list-row {padding-top:10px;}
    .lnav {display:none;}
    /*新闻列表*/

     /*视频列表*/
    .list-video-box {padding:10px;}
    .list-video-box li { float: left; width: 100%;padding:0; margin:0;}
    .list-video-box li .pic img {width:100%;}
    .list-video-box li .pic span.p {display:none;}
     /*视频列表*/
     .video-box{padding:0;}
     .view-video-box{width:100%;height:460px;padding:0;}
     
     
  /* 专栏 */
  .fly-column{height: 100%;}
  .fly-column ul{padding: 10px; font-size: 0;overflow:hidden;}
  .fly-column ul li{float: left; width: 33.33%; height: 36px; line-height: 36px; font-size: 14px; vertical-align: middle; text-align: center; box-sizing: border-box;}
  .fly-column-right{right: 10px;}
  .fly-column ul li.layui-this:after{display: none;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px) {  
      .details-row { padding-top:90px;}
    
        /*新闻列表*/
        .news-list-row {padding-top:90px;}
        .news-list-row .container .col-sm-4, .col-sm-8,.col-sm-12{padding:0;}
        /*新闻列表*/

             /*视频列表*/
.list-video-box {padding-left: 33px;}
.list-video-box li { float: left; width: 100%; margin: 0 24px; margin-bottom: 40px; }
.list-video-box li .pic { display: block; position: relative; padding-bottom: 19px; }
.list-video-box li .pic img{ width:400px;}
.list-video-box li .pic span.p { position: absolute; bottom: 0px; display: block; width: 400px; height: 25px; background-position: 0 -60px; z-index: 2 }
.list-video-box li .pic i.sp { width: 50px; height: 50px; position: absolute; top: 35%; left: 38%; display: none; background-position: -227px 0px; z-index: 2; animation: fadeIn .8s; -webkit-animation: fadeIn .8s; -moz-animation: fadeIn .8s; -o-animation: fadeIn .8s; }
.list-video-box li h3 { height: 50px; line-height: 50px; font-size: 18px; font-weight: normal }
.list-video-box li span.date { color: #aaa; font-size: 14px; }
.list-video-box li a { display: block; transition: all 0.5s ease 0s; }
.list-video-box li a:hover { text-decoration: none; }
.list-video-box li a:hover .pic i.sp { display: block; }
.list-video-box li a:hover .pic:after { content: ""; position: absolute; width: 80%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 1; animation: fadeIn .3s; -webkit-animation: fadeIn .3s; -moz-animation: fadeIn .3s; -o-animation: fadeIn .3s; }
   /*视频列表*/
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 
.details-row { padding-top:90px;}     
/*视频列表*/
.list-video-box {padding-left: 33px;}
.list-video-box li { float: left; width: 400px; margin: 0 24px; margin-bottom: 40px; }
.list-video-box li .pic { display: block; position: relative; padding-bottom: 19px; }
.list-video-box li .pic img{ width:400px;}
.list-video-box li .pic span.p { position: absolute; bottom: 0px; display: block; width: 400px; height: 25px; background-position: 0 -60px; z-index: 2 }
.list-video-box li .pic i.sp { width: 50px; height: 50px; position: absolute; top: 35%; left: 45%; display: none; background-position: -227px 0px; z-index: 2; animation: fadeIn .8s; -webkit-animation: fadeIn .8s; -moz-animation: fadeIn .8s; -o-animation: fadeIn .8s; }
.list-video-box li h3 { height: 50px; line-height: 50px; font-size: 18px; font-weight: normal }
.list-video-box li span.date { color: #aaa; font-size: 14px; }
.list-video-box li a { display: block; transition: all 0.5s ease 0s; }
.list-video-box li a:hover { text-decoration: none; }
.list-video-box li a:hover .pic i.sp { display: block; }
.list-video-box li a:hover .pic:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 1; animation: fadeIn .3s; -webkit-animation: fadeIn .3s; -moz-animation: fadeIn .3s; -o-animation: fadeIn .3s; }
   /*视频列表*/
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {

    .details-row { padding-top:90px;}
    .bnav span { margin: 0 8px; }
    /*新闻列表左侧菜单*/
    .news-list-row .container .col-sm-4, .col-sm-8,.col-sm-12{padding:0;}
   
}