@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,input,select,button,textarea { padding:0; margin:0; border:none;}
input,button,select,textarea,a,img{outline:none; }/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
::-moz-focus-inner{border:0;}/*火狐的私有属性去掉点击时边框*/
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
input, textarea {border: 0;font-family:"Microsoft YaHei";}
body { width:100%; padding: 0;  font-family:"Microsoft YaHei","Arial", "SimSun";}
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
.fl { float:left;}
.fr { float:right;}
.none{ display:none;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.box{ display: -webkit-flex; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; }
.flex{ -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }
.overflow{ overflow: hidden; }
.border-box{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.hide{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.hide2{display:-webkit-box !important;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.hide3{display:-webkit-box !important;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;}

.mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/mask_40.png) repeat; }

.main{ position: relative; width: 100%; min-width: 1200px; padding: 0;}
.wrap{ position: relative; width: 1200px; margin: 0 auto; }

/*暂无数据*/
.noData{ padding: 126px 0; text-align: center; font-size: 14px; color: #333; }
.noData img{ display: block; margin: 0 auto 26px; }

/*接口提示*/
.dialog-wrap{position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;-webkit-transition: all .25s ease 0s;-moz-transition: all .25s ease 0s;-o-transition: all .25s ease 0s;transition: all .25s ease 0s;overflow: hidden;}
.dialog{position: absolute;left: 50%;top: 50%;width: 400px;height: auto;margin-left:-200px;background: #fff;border-radius: 6px;-webkit-transform: scale(1,1) translateY(-50%);-moz-transform: scale(1,1) translateY(-50%);-o-transform: scale(1,1) translateY(-50%);transform: scale(1,1) translateY(-50%);border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: all .25s ease 0s;}
.dialog-wrap .dialog-hd {position: relative;padding: 0 20px;font-size: 16px;font-weight: 700;color: #ed393c;line-height: 56px;border-bottom: 1px solid #ddd;}
.dialog-wrap .dialog-line {position: absolute;left: 20px;top: 21px;display: inline-block;width: 3px;height: 14px;background: #ed393c;vertical-align: middle;border-radius: 1px;}
.dialog-wrap .dialog-title {padding-left: 15px;font-weight: 700;}
.dialog-wrap .dialog-close {position: absolute;right: 20px;top: 18px;display: block;width: 20px;height: 20px;text-align: center;font-size: 18px;font-style: normal;line-height: 20px;cursor: pointer;border-radius: 50%;overflow: hidden;}
.dialog-wrap .dialog-close:hover {background: #ed393c;color: #fff;}
.dialog-wrap .dialog-bd {padding: 20px;overflow: hidden;overflow-y: auto;font: 20px/30px "Microsoft YaHei";color: #333;text-align: center;}

/*head*/
.head{ position: fixed; left: 0; top: 0; right: 0; z-index: 99; width: 100%; height: 80px;
  background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FFFFFFFF');
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);}
.head-box{ height: 80px; }
.logo{ margin-top: 20px; width: auto; height: 41px; }
.nav > li{ width: 120px; height: 80px; }
.nav > li > a{ display: block; width: 100%; height: 100%; line-height: 80px; font-size: 18px; color: #333; text-align: center; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
.nav > li.curr > a{ font-weight: bold; color: #177fe4; }
.nav > li:hover > a{ background-color: rgba(255,255,255,.4); font-weight: bold; color: #177fe4; }
.nav-ul{ height: 0; -moz-opacity:0; -khtml-opacity: 0; filter:alpha(opacity=0); opacity: 0; overflow: hidden; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; }
.nav > li:hover > .nav-ul{ height: auto; -moz-opacity:1; -khtml-opacity: 1; filter:alpha(opacity=100); opacity: 1; }
.nav-ul > li{ width: 120px; height: 42px; }
.nav-ul > li > a{ display: block; width: 100%; height: 100%; line-height: 42px; font-size: 16px; color: #333; text-align: center; background-color: #fff; }
.nav-ul > li.curr > a,.nav-ul > li:hover > a{ color: #177fe4; background-color: #f4f4f4; }

/*foot*/
.foot01{ padding: 61px 0 31px; width: 100%; }
.foot01-box{ width: 150px; }
.foot01-box.first{ padding-left: 65px; }
.foot01-box.last{ width: 137px; }
.foot01-box h3{ margin-bottom: 5px; line-height: 24px; font-size: 18px; font-weight: normal; color: #222; }
.foot01-box a{ position: relative; display: block; padding-left: 16px; line-height: 35px; font-size: 14px; color: #666; background: url(../images/icon/icon_txt.png) no-repeat left center;}
.foot01-box a:hover{ text-decoration: underline; color:#177fe4; }
.foot01-ewm{ width: 394px; border-left: 1px solid #e3e3e3; }
.foot01-ewm h3{ height: 25px; line-height: 25px; font-size: 18px; font-weight: normal; color: #222; text-align: center; }
.foot01-ewm img{ height: 25px; margin-right: 4px; }
.foot01-ewm div{ width: 268px; margin: 22px auto 0; }
.foot01-ewm p{ width: 125px; }
.foot01-ewm p img{ display: block; width: 125px; height: 124px; }
.foot01-ewm p span{ display: block; margin-top: 6px; line-height: 24px; font-size: 18px; color: #333; text-align: center; }
.foot02{ width: 100%; height: 79px; background-color: #f0f0f0; }
.foot02 p{ line-height: 23px; font-size: 14px; color: #666; text-align: center; }
.foot02-p1{ padding-top: 16px; }

/*子页banner*/
.banner{ margin-top: 10px; height: 360px; }

/*当前位置+类型切换*/
.position{ height: 54px; line-height: 54px; background-color: #fff; border-bottom: 1px solid #e3e3e3;}
.position-panel{ width: 1200px; margin: 0 auto; }
.position-panel > a{ position: relative; float: left; width: 100px; height: 54px; font-size: 16px; color: #858585; text-align: center; }
.position-panel > a.curr,.position-panel > a:hover{ color: #177fe4; font-weight: bold; border-bottom: 1px solid #177fe4; }
.position-panel > a > span{ display: block; margin-top: 16px; width: 99px; height: 22px; line-height: 22px; border-right: 1px solid #d2d2d2; }
.videoPage .position-panel > a{ width: 98px;}
.videoPage .position-panel > a > span{ width: 97px;}
.videoPage .position-panel > a.panel01{ width: 110px;}
.videoPage .position-panel > a.panel01 > span{ width: 109px;}

/*分页*/
.page{ padding: 30px 0 30px; font-size: 0; text-align: center;}
.page > a{ display: inline-block;*zoom:1; *display:inline; vertical-align: middle; width: 48px; height: 36px; margin:0 5px; font: normal 14px/36px "Arial"; color: #555; text-align: center; background-color: #fff; border: 1px solid #e8e8e8; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer;}
.page > .first-page,.page > .last-page{ width: 68px; font-family: "Microsoft YaHei";}
.page > .page-up,.page > .page-down{ width: 78px; font-family: "Microsoft YaHei";}
.page > .curr, .page > .valid:hover{ font-weight: bold; color: #fff; background-color: #177fe4; border-color: #177fe4;}
.page > .invalid {cursor: auto;}

.container{ background-color: #f7f7f7; }

.mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/mask_40.png) repeat; }

/*加载动画*/
.loading_tips{ padding: 140px 0; text-align:center; }
.loading_tips img{ width: 100px; height: auto;}
.loading_tips p{ margin-top: 25px; font-size: 16px; color: #999;  }

/*图片放大效果*/
.scale-pic{ width: 100%; height: 100%; object-fit: cover; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; transition-duration: 300ms; }
.animate-pic > li:hover .scale-pic{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.animate-pic > li:hover .mask{ display: block; }

/*最新上线样式*/
.data-list{ width: 1218px; margin: 0 auto;}
.data-list > li{ position: relative; float: left; width: 386px; margin: 20px 20px 0 0; background-color: #fff; -webkit-transition: all .2s linear;transition: all .2s linear;}
.data-list > li:hover{box-shadow: 0 3px 9px 3px rgba(23,127,228,.3);}
.data-list > li > a{ display: block; position: relative;padding-bottom: 18px; }
.data-img{ position: relative; display: block; width: 100%; height: 283px; overflow: hidden;}
.data-img .mask{ display: none; }
.data-img i{ position: absolute; left: 50%; top: 50%; margin-left: -31px; margin-top: -31px; width: 62px; height: 62px; background: url(../images/icon/icon_play01.png) no-repeat center; background-size: 100% 100%; }
.data-tit{ padding: 4px 13px 0; height: 40px; font: bold 16px/40px "Microsoft YaHei"; color: #333; }
.data-info{ margin: 0 13px; height: 20px; line-height: 20px; font-size: 14px; color: #454545; }
.data-info p{overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;}

/*视频详情页面*/
.video{margin-top: 10px;padding-bottom:64px;background: #101010;}
.video-box{width: 71.14%;margin: 0 auto;}
.video-box .video-con{ position: relative; z-index: 1; width: 100%;height:68.5vh;padding-top: 60px;background: #000;}
.video-box #my-video{width: 100%;height: 100%;}
.video-box .video-js .vjs-big-play-button{top:50%;left:50%;width: 68px;height: 68px;border:none;background: url(../images/icon/icon_play01.png) no-repeat center;background-size: 100% 100%;}
.video-box .video-js .vjs-control-bar{background: #000;}
.video-box .video-js .vjs-slider {background-color: #4c4c4c;}
.video-box .video-js .vjs-play-progress {background-color: #177fe4;}
.video-box .tit{margin-top: 30px;font-size: 30px;color: #fff;}
.video-box .desc{margin-top: 22px;font: 14px/27px "Microsoft YaHei";color: #fff;}
.video-box .swiper-tit{margin-top: 40px;padding-bottom: 18px;font-size: 20px;color: #fff;border-bottom: 1px solid #313131;}
.video-box .swiper-box{position: relative;width: 100%;height: 158px;margin-top: 40px;}
.video-box .swiper-slide{width:248px!important;cursor: pointer;}
.video-box .swiper-container{width: 94.2%;height:100%;margin: 0 auto;}
.video-box .content-list-box{width: 100%;height: 100%;}
.video-box .content-list-box span{position: absolute;bottom: 0;left: 0;width: 100%;height: 28px;font: 15px/28px "Microsoft YaHei";text-align:center;color: #fff;background: rgba(0,0,0,.65);}
.video-box .swiper-button-next,.video-box  .swiper-button-prev {width: 10px;height: 26px;margin-top: -13px;background-size: 10px 26px;}
.video-box .swiper-button-next:focus,.video-box  .swiper-button-prev:focus{outline: none;}
.video-box .swiper-button-prev {background-image: url(../images/icon/swiper01.png);left: 0;}
.video-box .swiper-button-prev:hover {background-image: url(../images/icon/swiper03.png);}
.video-box .swiper-button-next{background-image: url(../images/icon/swiper02.png);right: 0;left: auto;}
.video-box .swiper-button-next:hover{background-image: url(../images/icon/swiper04.png);}
*:focus{outline: none!important;}


.logochpucdcwbqeh{ display:none!important; }


.header{width: 100%;}
.header-top{width:100%;height:115px;padding:20px 0 22px;background: #fff;}
.top-logo{width: auto;height: 73px;cursor: pointer;}
.header-right{height: 54px;}
.header-icon{position:relative;margin-right: 30px;cursor: pointer;color: #236fd1;}
.header-icon:hover{text-decoration: underline;}
.header-icon .icon{float:left;width: auto;height: 16px;margin-top: 19px;margin-right: 5px;}
.header-icon .name{font: 14px/54px "Microsoft YaHei";color: #236fd1;}
.wechat-box{display:none;position: absolute;top:45px;left: 50%;z-index: 9;width: 150px;height:161px;margin-left: -75px;background: url(../images/top-ewm-bg.png) no-repeat center;background-size: 100% 100%}
.wechat-ewm{position: absolute;top: 50%;left: 50%;width: auto;height: 134px;-webkit-transform: translate(-50%,-64px);-moz-transform: translate(-50%,-64px);-o-transform: translate(-50%,-64px);transform: translate(-50%,-64px);}
.header-icon.wechat:hover .wechat-box{display: block;}
.header-bot{height: 36px;}
.menu-item{position:relative;margin-right:5px;width: 120px;height:36px;font:bold 18px/36px "Microsoft YaHei";text-align: center;color: #333;}
.menu-item.curr,.new-home .menu-item:hover{background: #2f8adf;background: #eee;border-radius: 4px;}
.menu-item a{display:inline-block;width:100%;height:100%;color: #333;}
.menu-item.curr a,.new-home .menu-item:hover a{color: #236fd1;}
.menu-child{opacity:0;position: absolute;left: 0;top:36px;z-index: 9;width: 120px;height:0;text-align: center;background: #fff;border-radius: 4px;overflow: hidden;}
.menu-item:hover .menu-child{height: auto;opacity: 1;}
.menu-child li{width: 100%;height: 48px;}
.menu-child li a{font: 18px/48px "Microsoft YaHei";color: #666!important;}
.menu-child li.curr,.new-home .menu-child li:hover{background: #eee;}
.menu-child li.curr a,.new-home .menu-child li:hover a{color: #236fd1!important;}
.header-inp{position:relative;width: 240px;height: 36px;padding-left:14px;padding-right:35px;border: 1px solid #cdcdcd;background: #fff;border-radius: 6px;overflow: hidden;}
.header-inp .icon-ss{position: absolute;top:50%;right: 15px;margin-top:-9px;width: 22px;height: 18px;cursor: pointer;background: url(../../images/index/icon-ss.png) no-repeat center;background-size: auto 18px;}
.header-inp .icon-ss:hover{background: url(../../images/index/icon-ss-curr.png) no-repeat center;background-size: auto 18px;}
.header-inp input{float:left;width:100%;height:36px;font: 14px/36px "Microsoft YaHei";}
.footer{margin-top: 26px;padding-top:26px;padding-bottom:36px;border-top: 6px solid #236fd1;}
.footer-left{margin-right: 30px;}
.footer-left img{display: block;width: auto;height: 73px;}
.footer-left p{margin-top:28px;font: 14px/28px "Microsoft YaHei";color: #666;}
.footer-left p a{color: #666;}
.footer-left span{font-weight: bold;}
.footer-ewm{float: left;margin-left: 19px;}
.footer-ewm img{width: 126px;height: 126px}
.footer-ewm p{font: 16px/24px "Microsoft YaHei";color: #666;text-align: center;}

.header .main,.header .wrap,.footer .main,.footer .wrap {
  min-width: 1366px;
}
@media screen and (max-width: 1366px) {
  .header .main, .header .wrap, .footer .main, .footer .wrap {
    min-width: 1200px;
  }
}