html{background-color: #fff;}
body{font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","STHeiti","MingLiu"}
.mt20{margin-top: 20px;}
/* 头部 */
.header{height: 110px;background-color: #fff;}
.header-top{background:#065ea5;line-height:40px}
.header-contact>li{color:#fff;font-size:13px;margin-left: 20px;}
.header-contact>li,.header-socials li{float:left}
.header-right{float:right!important}
.header-socials{display:inline-block;vertical-align:middle}
.header-socials li{padding:0 10px;font-size:13px}
.header-socials li a{color:#fff}
.header-btn{margin-left:25px;display:inline-block;vertical-align:middle;width: 120px;text-align: center;}
.header-btn .btn{color:#fff;background:#ff5722;border-radius:0;padding:0;font-size:14px;text-transform:capitalize;font-weight:400;line-height:40px;height: 40px;display: block;}
.layui-card-header{font-size:18px;font-weight: bold;height: 50px;line-height: 50px}
.layui-card-header:before{content:"";position:absolute;bottom:-2px;left:10px;width:100px;height:3px;background-color: #065ea5}
.logo{position: absolute; left: 0;top:5px;}
.logo img{width: 180px; height: 54px;}
img{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.layui-btn-blue{background-color:#065ea5}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#065ea5}
.header .layui-nav{position: absolute; right: 0; top: 10px; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 5px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.header .layui-nav .layui-nav-item a{color: #000;padding:0 15px;}
.header .layui-nav .layui-nav-item a:hover,.header .layui-nav .layui-this a{color:#065ea5}
.header .layui-nav .layui-nav-item{line-height: 60px;}
.header .layui-nav .layui-nav-item>a i{height:36px;width:36px;line-height:36px;font-size:20px;border-radius:100%;text-align:center;margin-top:12px;margin-right:5px;display:inline-block;float:left;color:#fff;background-color:#065ea5}
.header .layui-nav .layui-this:after, .header .layui-nav-bar,.header .layui-nav-tree .layui-nav-itemed:after{background-color:#065ea5;}

.header .layui-container .logo{left: 15px;}
.header .layui-container .layui-nav{right: 15px;}
.header .layui-nav .layui-badge, 
.header .layui-nav .layui-badge-dot{right: 0;}
.header .fly-nav-avatar{padding-right: 0;}
.header .fly-nav-avatar img{width: 36px; height: 36px; border-radius: 100%;}
.header .fly-nav-user .layui-nav-child a i{position: relative; top: 2px; margin-right:2px; font-size: 22px;color: #065ea5}

.header .site-nav{padding: 0; background: none;left: 80px;top:0px;}
.header .site-nav .layui-nav-more{border-color:#fff transparent transparent;right:7px;margin-top: -2px;border-width: 5px!important;}
.header .site-nav .layui-nav-mored,.header .layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff}
.header .site-nav i{font-size:20px!important;line-height: 40px;margin-top: 20px!important;}
.header .site-nav .layui-nav-item{line-height: 40px;margin: 0; }
.header .site-nav .layui-nav-bar{display: none}
.header .site-nav .layui-nav-child{top:40px;}
.header .site-nav .layui-nav-item>a{padding: 0 5px;color: #fff}
.header .site-nav .layui-nav-item>a:hover{color: #fff}
.header .site-nav .layui-nav-item a .layui-icon{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:100%;background-color:#065ea5;color:#fff;border:1px #eee solid;}
.header .header-btn .site-nav .layui-nav-item a .layui-icon{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:0;background-color:#fff;color:#333;border:0;}

.header .weixinbox{display: none;width: 120px;height: 160px;position: absolute;top:41px;right:120px;z-index: 9999;padding:10px;background-color: #fff;-moz-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);}
.header .weixinbox img{width: 120px;height: 120px;border:none;}
.header .weixinbox p{text-align: center;line-height: 20px;}
/* 扩展组件平台 */
.fly-html-extend body, .fly-html-layui body{margin: 0;}
.fly-extend-banner{position: relative; height: 500px; background: #9FA6A2;}
.fly-extend-banner *[carousel-item]>div{background-size: cover; background-repeat: no-repeat; background-position: center 0;}
.fly-extend-banner .carousel-link{display: block;width: 100%;height: 100%;}
.fly-extend-banner-link{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.fly-banner-box{position: absolute; left: 0; top: 150px; width: 100%;}
.fly-extend-banner-txt h2{font-size:36px;color: #fff;line-height:200%;}
.fly-extend-banner-txt p{font-size:14px;color: #fff;line-height: 150%;}
.fly-extend-banner-txt a{width: 150px;height: 40px;background: #FFB800;border-radius: 5px;display: block;text-align: center;line-height:40px;color: #000;margin-top: 20px;}

.i_banner{width: 100%;height: 500px;background-image: url(/tpl/images/banner3.jpg);background-position: 0 0;background-repeat: no-repeat;background-size: 100% 500px;overflow: hidden;}
.nixibanner{ width:1270px;overflow:hidden;margin:0 auto;}
.nixibanner_pic{ width:1000px; height:500px; overflow:hidden; float:left;position:relative;}
.nixibanner_pic ul{height:100%;position:absolute; left:0;}
.nixibanner_pic li{width:1000px; height:100%; overflow:hidden;position:relative;float:left;}
.nixibanner_pic li img{width: 100%;height: 100%;}
.nixibanner_pic li::before {content: " ";position: absolute;top: 0;left: 0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.nixibanner_pic li .vod-icon{display:inline-block;width:100px;height:100px;z-index:3;text-align:center;font-size:30px;position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);background-color:#ff5722;border-radius:100%;color:#fff}
.nixibanner_pic li .vod-icon::after,.nixibanner_pic li .vod-icon::before{content:'';display:block;position:absolute;top:0;right:0;z-index:-1;bottom:0;left:0;border-radius:100%;border:1px solid #fff}
.nixibanner_pic li .vod-icon::before{-webkit-animation:ripple 2s linear infinite;animation:ripple 2s linear infinite}
.nixibanner_pic li .vod-icon::after{-webkit-animation:ripple 2s linear 1s infinite;animation:ripple 2s linear 1s infinite}
.nixibanner_pic li .vod-icon:hover{background-color:#fff}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
.nixibanner_pic li .vod-icon i{font-size: 100px;line-height: 100px;}
.nixibanner_pic li .vod-icon:hover i{color: #ff5722;}

.nixibanner_pic li .more-icon{display:inline-block;width:100px;height:50px;z-index:3;position:absolute;left:20px;bottom:20px;text-align: left;}

.nixibanner_left_inc{ width:32px; height:41px; position:absolute;left:0px;top:195px; cursor:pointer;background:url(/tpl/images/float_left_inc.png) left top no-repeat; z-index:9}
.nixibanner_right_inc{ width:32px; height:41px; position:absolute;right:0px;top:195px; cursor:pointer;background:url(/tpl/images/float_right_inc.png) left top no-repeat; z-index:9}

.nixibanner_list{width:260px;height:500px; overflow:hidden; float:right;}
.nixibanner_lists{width:100%; height:440px; overflow:hidden;position:relative;}
.nixibanner_lists ul{width:100%; height:428px;position:absolute;overflow:hidden;}
.nixibanner_lists ul li{width:100%; height:138px; margin-bottom:9px;position:relative;cursor: pointer;}
.nixibanner_lists ul li dd{width:100%; height:100%; overflow:hidden;position: relative;}
.nixibanner_lists ul li dd img{width:100%;height:100%;}
.nixibanner_lists ul li dd::before {content: " ";position: absolute;top: 0;left: 0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.nixibanner_lists ul li.on dd::before{background-color: rgba(0, 0, 0, 0);}
.nixibanner_lists ul li dt{ width:100%; height:26px; overflow:hidden; float:right; font-size:14px;position: absolute;bottom:0;left:0;background-color: rgb(0,0,0,.7);text-align: center;line-height: 26px;color: #fff;}
.nixibanner_pre{width:100%;height:23px; overflow:hidden; cursor:pointer;background:url(/tpl/images/n_pre.png) no-repeat left top;}
.nixibanner_next{width:100%;height:23px; overflow:hidden; cursor:pointer;background:url(/tpl/images/n_next.png) no-repeat left top;}

/*悬浮导航*/
.plan-box{z-index: 9999;display: block;top:30px;}
.plan-box .plan-list{
  transition:all .8s;
  -moz-transition:all .8s;
  -webkit-transition:all .8s;
  -o-transition:all .8s;height:230px;width:200px;
}
.plan-box .plan-item{padding: 20px;display: block;border:1px #dfdfdf solid;border-radius: 10px;background: #fff;text-align: center;}
.plan-box .plan-item h2{font-size:16px;color: #000;padding:10px 0;}
.plan-box .plan-item p,.plan-box .plan-item .mores{display: none;}
.plan-box .plan-item i{width:55px;height: 55px;background: #065ea5;border-radius: 50%;display: inline-block;}
.plan-box .plan-item i.yibu-icon{color: #fff;font-size: 30px;line-height: 55px;}
.plan-box .plan-list:hover{margin-top:-100px;}
.plan-box .plan-list:hover .plan-item{
  -moz-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.04); 
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04);

  }
.plan-box .plan-list:hover .plan-item h2{color: #065ea5;border-bottom: 2px #065ea5 solid;display: inline-block;}
.plan-box .plan-list:hover .plan-item p{display:block;font-size:12px;color: #666;margin: 20px 0;}
.plan-box .plan-list:hover .plan-item .mores{display:block;font-size:12px;color: #065ea5;}

.fly-extend-banner{position:relative;margin:0 auto;padding:0;box-sizing:border-box}
.plan-container{height:230px;}

.video-section{position: relative;overflow: hidden;padding: 10px 0px;background:url(/tpl/images/banner3.jpg) 50% 50% repeat-y;}
.video-section .video-block-container{background-repeat:no-repeat;background-size:cover;width:43%;position:absolute;content:"";right:0;top:0;height:100%;z-index:1}
.video-section .video-block-container:before{position:absolute;content:"";right:0;top:0;width:100%;height:100%;background:rgba(7,41,77,.7);z-index:1}
.row {
  display: flex;
  flex-wrap: wrap;
}
.nixi-logo{display:block;width:300px;height:100px;position:absolute;right:0;top:0;z-index: 99}
.video-block{position:relative}
.video-block:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(7,41,77,.4)}
.video-block:after{position:absolute;content:"";background:#ff5722;left:0;right:0;bottom:-32px;width:80%;height:30%;z-index:-1;opacity:.3;margin:0 auto}
.video-icon{display:inline-block;width:100px;height:100px;z-index:3;text-align:center;font-size:30px;position:absolute;left:70%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);background-color:#ff5722;border-radius:100%;color:#fff}
.video-icon::after,.video-icon::before{content:'';display:block;position:absolute;top:0;right:0;z-index:-1;bottom:0;left:0;border-radius:100%;border:1px solid #fff}
.video-icon::before{-webkit-animation:ripple 2s linear infinite;animation:ripple 2s linear infinite}
.video-icon::after{-webkit-animation:ripple 2s linear 1s infinite;animation:ripple 2s linear 1s infinite}
.video-icon:hover{background-color:#fff}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
.video-icon i{font-size: 100px;line-height: 100px;}

.subnews{margin-top:15px;}
.subnews .title{font-size:24px;color: #fff;margin:20px 0;font-weight: bold;}
.subnews .innerbox{width:auto;height:380px;overflow-y:auto;overflow-x:hidden;color: #fff;padding-right:30px;font-weight: normal;line-height: 200%;font-size:14px;}
.subnews .innerbox::-webkit-scrollbar{width:14px;height:10px;}
.subnews .innerbox::-webkit-scrollbar-thumb{background:#ff5722;}
.subnews .innerbox::-webkit-scrollbar-track{background:url(/tpl/images/scrollbar-track.gif) 50% 50% repeat-y;}
.subnews .innerbox img{width: 100%!important;height: auto!important}
.subnews .more_btn{margin:10px auto;}
.subnews .more_btn a{padding:0 30px;color: #fff;background-color:#ff5722}

.footer_add{width: 100%;padding:60px 0;background: #f3f3f3;}
.addr-single{display:block;align-items:center;box-shadow:0 5px 15px rgba(139,139,139,.157);background-color:#fff;border-radius:5px;padding:20px;}
.addr-single i{height:50px;width:50px;line-height:50px;font-size:24px;border-radius:50%;text-align:center;box-shadow:0 5px 18px rgba(139,139,139,.157);margin-right:10px;display:inline-block;float:left;color:#666}
.addr-single:hover{margin-top: -15px;-webkit-transform:translateY(0px);transform: translateY(0px);transition: all 0.5s ease-in-out;}
.addr-single:hover i{background-color:#f4a201;color:#fff}
.addr-single h5{font-size: 16px;margin-bottom:5px;font-weight: bold;color: #065ea5}
.addr-single span{color: #666;font-size: 12px}
.addr-single:hover h5{color: #000}

.footer{padding: 20px 0; line-height: 30px; text-align: center; color: #fff; font-weight: 300;background: #023A7B}
.footer a{color: #fff;}

@media screen and (min-width: 1200px){
  .plan-box .layui-col-lg2 {
      width: 19.89%;
  }
}
@media screen and (min-width: 992px){
  .plan-box .layui-col-md2 {
      width: 19.89%;
  }
}
@media screen and (max-width:768px){
  .header .top-nav{display: none}
  .subnews {
      width: 100%;
  }
  .winback .subbox{height: auto}
  .subnews .more_btn{text-align: center;}
  .winback .vodbox{position:static;width:100%;height: 260px;}
}

/*内页*/
.nei-banner{width: 100%;height: 150px;overflow:hidden;position:relative;}
.nei-banner .bg{width: 100%;height: 100%;display:flex;justify-content: center;align-items: center;}
.nei-banner .subtitle{text-align: center;line-height: 200%;position:absolute;left:0;top:0;width: 100%;margin-top: 30px;}
.nei-banner .subtitle h6{letter-spacing: 1px;color: #fff;font-size: 16px;font-family:Georgia}
.nei-banner .subtitle h2{font-weight: bold;color: #fff;font-family:Georgia;font-size: 25px;}
.nei-banner .subtitle h3{font-weight: bold;color: #fff;font-size: 20px;border-bottom: 2px #fff solid;display: inline-block;padding-bottom: 5px;}
.nei-banner .subtitle p{color: #fff;font-size: 14px;display: inline-block;padding-bottom: 5px;}

.left-menu{background: #fff;overflow:hidden;padding-bottom: 40px;}
.left-menu h3{font-size:22px;padding-bottom:10px;margin-bottom:25px;position:relative;border-bottom:1px solid #efefef;margin:30px;font-weight: bold;}
.left-menu h3:before{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:3px;background-color: #065ea5}
.left-menu ul li{height: 50px;border-bottom: 1px #efefef solid;line-height: 50px;}
.left-menu ul li a{padding-left: 30px;font-size:16px;display: block;}
.left-menu ul li a:hover,.left-menu ul li a.active{background: #065ea5 ;color: #fff;}
.left-menu ul li a i{float: right;margin-right: 10px;color: #fff;}

.layui-left-menu{background: #fff;overflow:hidden;padding-bottom: 40px;}
.layui-left-menu h3{font-size:22px;padding-bottom:10px;margin-bottom:25px;position:relative;border-bottom:1px solid #efefef;margin:30px;font-weight: bold;}
.layui-left-menu h3:before{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:3px;background-color: #065ea5}
.layui-left-menu .layui-nav{background: #fff;}
.layui-left-menu .layui-nav-item{border-bottom:1px #efefef solid}
.layui-left-menu .layui-nav .layui-nav-item a{color: #000;font-size: 16px;padding:0 30px;}
.layui-left-menu .layui-nav .layui-nav-item a:hover{color: #fff;}
.layui-left-menu .layui-nav .layui-nav-more{border-color:#000 transparent transparent;border-top-color:rgba(0,0,0,.7);}
.layui-left-menu .layui-nav .layui-nav-item a:hover .layui-nav-more{border-color:#fff transparent transparent;border-top-color:#fff;}
.layui-left-menu .layui-nav-bar{background-color: #065ea5}
.layui-left-menu .layui-nav-tree .layui-nav-title a,.layui-left-menu .layui-nav-tree .layui-nav-title a:hover{color:#000!important;}
.layui-left-menu .layui-nav-itemed>a{background-color: #065ea5;color:#fff!important;}
.layui-left-menu .layui-nav .layui-nav-mored, .layui-left-menu .layui-nav-itemed>a .layui-nav-more{margin-top:-3px;border-color:#fff transparent transparent;border-top-color:rgba(255,255,255,1);}
.layui-left-menu .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a,
.layui-left-menu .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-left-menu .layui-nav-tree .layui-nav-child dd.layui-this a{color:#fff;background-color:#065ea5 !important;}
.layui-left-menu .layui-nav-itemed>.layui-nav-child{background-color:#fff!important;}
.layui-left-menu .layui-nav-itemed>.layui-nav-child dd{border-bottom:1px #efefef solid;}
.layui-left-menu .layui-nav-itemed>.layui-nav-child dd a{padding-left:50px;}
.layui-left-menu .layui-nav-tree .layui-nav-item a:hover{background-color:#065ea5}



.right-box{background: #fff;overflow:hidden;padding:30px;}
.right-box .lm-title{position:relative;border-bottom:1px solid #efefef;margin-bottom:30px;height: 40px;line-height: 40px;}
.right-box .lm-title h2{font-size:18px;font-weight: bold;line-height: 40px;}
.right-box .lm-title:before{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:3px;background-color: #065ea5}

.right-box .n_content{line-height: 200%;}

.uk-slider-items{will-change:transform;position:relative}
.course-card{box-sizing:border-box;position:relative;overflow:hidden;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);height:325px}
.course-card-thumbnail{flex:0 0 auto;max-width:none;max-height:100%;overflow:hidden;position:relative;width:100%;height:160px}
.course-card-thumbnail img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
.course-card-body{padding:16px 13px;padding-bottom:10px}
.course-card-body .course-card-info{display:flex;justify-content:space-between}
.course-card h4{color:#065ea5;font-weight:600;margin:10px 0;font-size:15px;line-height:150%}
.course-card p{font-size:13px;margin:0;color:#666;}
.course-card ul{padding:0;margin:0;}
.course-card ul li{list-style:none;display:inline;font-size:13px;color:#666;margin-right: 10px;}
.course-card ul li i{color: #065ea5;font-size:14px;}
.course-card-thumbnail .play-button-trigger,.play-button-trigger{left:0;top:0;width:100%;height:100%;position:absolute;background:url(../images/icon-play.svg) no-repeat;background-size:auto 50%;background-position:center;visibility:hidden;opacity:0;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}
.course-card-thumbnail:hover .play-button-trigger,.play-button-trigger.show{visibility:visible;opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}

.general-card{box-sizing:border-box;position:relative;overflow:hidden;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);height:300px}
.general-card-thumbnail{flex:0 0 auto;max-width:none;max-height:100%;overflow:hidden;position:relative;width:100%;height:auto;}
.general-card-thumbnail img{height:100%;width:100%;object-fit:cover;max-height: 250px;}
.general-card-body{background-color:rgba(255,255,255,1);width: 100%;}
.general-card-body .general-card-info{display:flex;justify-content:space-between}
.general-card h4{font-size:14px;line-height:150%;text-align: center;font-weight: bold;}


.newslist{height:auto;font-size:14px;overflow:hidden;padding:0 5px;}
.newslist ul{padding-bottom:5px;}
.newslist ul li span{color: #999;padding-left: 10px;}
.newslist ul li span.bt_time{padding-right: 10px;float: right;}
.newslist ul li{background:url("../images/dote.jpg") 0 10px no-repeat;padding-left: 15px;margin-bottom:8px;padding-bottom: 8px;border-bottom: 1px #f3f3f3 solid}
.newslist ul li a{color: #000;line-height: 25px;}

.newslist ul li a:hover{color:#f4a200}

.right-box .layui-collapse{border:none;}
.right-box .layui-colla-item{border-top:none;}
.right-box .layui-colla-title{background: none}
.right-box .layui-colla-content{background: #f3f3f3;padding:30px;overflow: hidden;}
.right-menu{margin-bottom:20px;padding-top: 8px;}
.right-menu .layui-breadcrumb a{background: #fff;color:#000!important;padding:10px 20px;font-size:16px;}
.right-menu .layui-breadcrumb span[lay-separator]{margin:0 5px;}
.right-menu .layui-breadcrumb a:hover,.right-menu .layui-breadcrumb a.active{background: #f4a200;color:#fff!important;}

.login-box{height:360px;background:#fff;margin:0 auto;padding: 30px;}
.login-box .layui-form{margin:0 auto;width: 320px;}
.login-box h3{color:#444;font-size:22px;text-align:center;}
.login-box .layui-input[type=number]{display:inline-block;width:50%;vertical-align:top}
.login-box img{display:inline-block;width:46%;height:38px;border:none;vertical-align:top;cursor:pointer;margin-left:4%}
.login-box button.btn-reset{width:95px;background: #FFB800}
.login-box button.btn-submit{width:190px;background: #065ea5}
.login-box p{text-align: center;}

.nei_height{min-height:600px;_height:600px;}
.breadcrumb{padding-top: 20px;}
.breadcrumb .layui-breadcrumb>*{font-size: 13px;}
.breadcrumb .layui-breadcrumb a{color: #fff!important;}
.breadcrumb .layui-breadcrumb a cite{color: #fff!important;}
.show_content{margin: 20px 0;}
.show_content h1{text-align: center;font-weight: bold;padding: 20px 0}
.show_content .breadcrumb{text-align: center;margin:20px 0;}
.show_content .video{display: block;width: 800px;height: 450px;margin:0 auto;}
.show_content .video .tit{text-align: center;font-size:14px;color: #666;}
.show_content .audio{display: block;width: 300px;height: 100px;margin:20px auto;text-align: center;}
.show_content .audio .tit{text-align: center;font-size:14px;color: #666;}
.show_content .content_box{line-height: 200%;}
.show_content .content_box p.imgbox{width:100%;  margin: 0 auto;display: block;text-align: center;} 
.show_content .content_box p.imgbox img{width: 100%!important;}
.show_content .content_box p.videobox{flex:0 0 auto;max-width:none;overflow:hidden;position:relative;width:750px;height:450px;margin: 0 auto;display: block;cursor: pointer;}
.show_content .content_box p.videobox::before{position:absolute;content:"";right:0;top:0;width:100%;height:100%;background:rgba(7,41,77,.7) url(/tpl/images/icon-play.svg) no-repeat 50% 50%;background-size:80px 80px; z-index:1}
.show_content .content_box p.videobox img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
.show_content .content_box p.audiobox{width: 300px;  margin: 0 auto;display: block;text-align: center;height:100px;background-color: #f3f3f3;color: #999;line-height: 100px;}
.show_content .sharebox{text-align: center;padding:20px 0;border-top: 1px #eee solid;margin:10px auto;}
.show_content .sharebox a{font-size: 14px;margin:0 5px}
.show_content span.attachment{background-image: url(../images/files.png);background-size:15px;background-repeat: no-repeat;padding-left: 22px;background-position: 5px 8px;height: 30px;line-height: 30px;display:inline-block;}
.show_content span.attachment:before{content:"附件下载：";color: #999;}
.show_content span.attachment a{color: #065ea5;font-size:16px;}

.contact-box{display:block;align-items:center;box-shadow:0 5px 15px rgba(139,139,139,.157);background-color:#fff;border-radius:10px;padding:50px;}
.contact-box .cta-left{background: url(../images/contact-left-bg.png);background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;padding:5rem;position:relative;z-index:1;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.contact-box .cta-left::before{position:absolute;content:'';height:100%;width:100%;background-color:rgba(0,0,0,.8);top:0;left:0;z-index:-1}
.contact-box .cta-left h2{font-size:32px;line-height:150%;margin-top:-5px;text-transform:capitalize;margin-bottom:30px;}
.contact-box .cta-left .cta-left-wrap .cta-left-single{display:flex;align-items:center;margin-bottom:30px}
.contact-box .cta-left .cta-left-wrap .cta-left-single:last-child{margin-bottom:0}
.contact-box .cta-left .cta-left-wrap .cta-left-single i{border:1px solid #FFB800;color:#FFB800;margin-right:15px;font-weight:900;font-size:27px;display:block;border-radius:10px;height:60px;width:60px;line-height:60px;text-align:center}
.contact-box .cta-left .cta-left-wrap .cta-left-single .cta-left-single-txt h5{line-height:34px;margin-top:-7px;font-size:18px;margin-bottom:8px}
.contact-box .cta-left .cta-left-wrap .cta-left-single .cta-left-single-txt span{line-height:24px;margin-top:-4px;font-size:14px;color:#c5c5c5;display:block}
.contact-box .cta-left .cta-left-wrap .cta-left-single h5,.contact-box .cta-left h2{color:#fff}
.contact-box .cta-right{padding:10px 30px;position:relative;z-index:1;border-radius:10px;box-shadow:0 3px 10px rgba(139,139,139,.157)}
.contact-box .cta-right .layui-form-label{text-align:left;padding-left:0; }
.contact-box .cta-right .layui-input-block{margin-left:0;}
.contact-box .cta-right .layui-input,.contact-box .cta-right .layui-select,.contact-box .cta-right .layui-textarea{border-color:#eee;}
.contact-box .cta-right .layui-input::-webkit-input-placeholder,.contact-box .cta-right .layui-select::-webkit-input-placeholder,.contact-box .cta-right .layui-textarea::-webkit-input-placeholder{color: #ccc}
.contact-box button.btn-reset{width:95px;background: #FFB800}
.contact-box button.btn-submit{width:190px;background: #065ea5}


#FLY-content-flash{margin-bottom: 50px;}
.layui-card-header .layui-a-tips{position:absolute;right:15px;color:#065ea5;font-size: 12px;font-weight: normal;}
.layui-btn-grey{background-color: #666;}

#specuser{padding:0;margin-bottom:50px;}
#specuser .layui-container .subtitle{text-align: center;line-height: 200%;width: 100%;margin-bottom: 30px;border-radius: 5px;}
#specuser .layui-container .subtitle h6{letter-spacing: 1px;color: #87a1d0;font-size: 16px;font-family:Georgia}
#specuser .layui-container .subtitle h2{font-weight: bold;color: #065ea5;font-family:Tahoma;font-size: 25px;}

.specuser .box{display: block;overflow:hidden;position:relative;height: 0px;padding-bottom: 100%;border-radius: 5px;}
.specuser .box:before{content:'';background-color:rgba(255,255,255,.7);opacity:0;position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;transition:all .3s ease .1s}
.specuser .box:hover:before{left:5px;right:5px;bottom:5px;top:5px;opacity:1;animation:bounce-left .5s ease-in forwards}
.specuser .box img{width:100%;transition:all .3s ease 0s;height: 100%;position:absolute;}
.specuser .box:hover img{transform:scale(1.5);}
.specuser .box .box-content{color:#fff;text-align:center;width:100%;height:100%;transform:translateX(-50%) translateY(-50%) scale(1);position:absolute;left:50%;top:50%;z-index:2;transition:all .3s ease .5s}
.specuser .box .content{opacity:0;transform:translateX(-50%) translateY(-50%);position:absolute;left:50%;top:50%;z-index:2;transition:all .3s ease 0s;width: 90%;height: 50%;}
.specuser .box:hover .content{opacity:1}
.specuser .box .title{color:#ff5722;font-size:16px;font-weight:600;text-transform:uppercase;transform:translateY(-100px);opacity:0;transition:all .8s ease .3s}
.specuser .box .post{color:#000;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:capitalize;display:inline-block;margin-bottom:10px;opacity:0;transform:translateY(-100px);transition:all .8s ease .15s}
.specuser .box:hover .post,.box:hover .title{opacity:1;transform:translateY(0)}

.province{margin-bottom: 10px;background-color: #ddd;border-radius: 5px;padding:0 10px;}
.province a{padding:7px 15px;display: inline-block;text-align: center;}
.province a:hover,.province a.cur{background-color: #065ea5;color: #fff;}

.b_10_3{overflow:hidden;text-align:center;position:absolute;left:0;top:0;width: 100%;height: 150px;}
.b_10_3 span{float:left;font-size:16px;line-height:2em;}
.b_10_3 span a{color: #fff;}
.b_10_3 span.bold{font-weight:700}
.b_10_3 span:nth-child(1){width:35%;text-align:center}
.b_10_3 span:nth-child(2){width:30%;text-align:left}
.b_10_3 span:nth-child(3){width:35%;text-align:left}
.b_10_3 span:nth-child(4){width:35%;text-align:right}
.b_10_3 span:nth-child(5){width:25%;text-align:right}
.b_10_3 span:nth-child(6){width:25%;text-align:right}
.b_10_3 span:nth-child(7){width:50%;text-align:center}
.b_10_3 span:nth-child(8){width:30%;text-align:center}
.b_10_3 span:nth-child(9){width:50%;text-align:right}
.b_10_3 span:nth-child(10){width:40%;text-align:right}

 .wordtext{position: absolute;right: 10px;bottom: 10px;color: #aaa;font-size: 12px;}
 .text-center{text-align: center;}

.vodlist{background-color: #333;height: 500px;overflow:hidden;}
.vodlist .layui-card-header{color: #fff;border-bottom:1px #666 solid;}
.vodlist .layui-card-header:before{background-color: #f3f3f3}
.vodlist .innerbox{width:auto;height:450px;overflow-y:auto;overflow-x:hidden;color: #fff;padding-right:0;font-weight: normal;line-height: 200%;font-size:14px;margin-top: 10px;}
.vodlist .innerbox::-webkit-scrollbar{width:10px;height:100%;}
.vodlist .innerbox::-webkit-scrollbar-thumb{background:#4a4a5a;}
.vodlist .innerbox::-webkit-scrollbar-track{background:none;}
.videolist-item{position:relative;display:block;padding:10px 15px;color: #fff;}
.videolist-item:hover,.item-hover{background-color:#065ea5;color: #fff;}
.videolist-item .meida-left{display:table-cell;padding-right:10px;}
.videolist-item .meida-left img{width:100px;height: 60px;}
.videolist-item .meida-right{display:table-cell;vertical-align:top;}
#vodbox_item{width: 100%;height:500px;overflow:hidden;display: block;}
.tox .tox-dialog{border:none}
.tox .tox-button,.tox .tox-dialog,.tox .tox-selectfield select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{border-radius:0}
.tox .tox-dialog-wrap__backdrop{background-color:rgba(0,0,0,.3)}
.tinymce-btn{border-radius:0;border-bottom:0}
.layui-word-red{color: #ff5722}
.layui-upload-img{width:80px; height:80px; margin: 0 10px 10px 0;}
.order-pay{margin:0 auto;}
.order-pay .pay-item{padding:10px 15px;line-height:27px;cursor: pointer;border:2px #FF5722 solid;}
.order-pay .pay-item span{font-size:14px;color: #666; float:left;padding-right: 20px;}
.order-pay .pay-item .wx-logo{width: 100px;height: 27px;display: inline-block;background: url(/tpl/images/WePayLogo.png) 0 0 no-repeat;background-size: 100px 27px;padding-right: 5px;}
.order-pay .pay-item .wx-spec{width: 47px;height: 27px;display: inline-block;background: url(/tpl/images/wxpayspec.png) 0 0 no-repeat;background-size: 47px 20px;margin-top: 3px;}


#specialist{padding:0;margin-bottom:50px;}
#specialist .subtitle{text-align: center;line-height: 200%;width: 100%;margin-bottom: 30px;border-radius: 5px;}
#specialist .subtitle h6{letter-spacing: 1px;color: #87a1d0;font-size: 16px;font-family:Georgia}
#specialist .subtitle h2{font-weight: bold;color: #065ea5;font-family:Tahoma;font-size: 25px;}

#specialist .specialist{width:1280px;margin:0 auto;position:relative;}
.specialist .category{width:1270px;position:relative;overflow:hidden;margin:0px;background:#065ea5;border-radius: 5px;border-bottom-left-radius: 0;}
.specialist .category a:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.specialist .category .prev{display:none;position:absolute;top:0;width:59px;height:100%;box-shadow:0 0 3px #c6c6c7;background:#fff;text-align:center;font-size:0;left:0;border-right:1px solid #e1e3e6}
.specialist .category .prev span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);background-position:96.77% 25%;background-size:initial}
.specialist .category .next span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);background-position:61.29% 25%;background-size:initial}
.specialist .category .next{position:absolute;top:0;width:59px;height:100%;box-shadow:0 0 3px #c6c6c7;background:#fff;text-align:center;font-size:0;right:0;border-left:1px solid #e1e3e6}
.specialist .category ul{width: 900px;margin:0 auto;}
.specialist .category ul li{display:table-cell;white-space:nowrap;font-size:14px;text-align:center;border-bottom:3px solid transparent;cursor:pointer;position:relative;padding:8px 25px;color: #fff}
.specialist .category ul li.active,.specialist .category ul li:hover{background:#ffcc00;color:#065ea5}

.specialist .cont{display:none;min-height: 400px;position: absolute;width:1220px;top:45px;right: 5px}
.specialist .cont.active{display:block}
.specialist .cont ul li{width:150px;float:left;margin:1px;box-sizing:border-box;height: 150px;background-color:#f3f3f3;border-radius: 5px;overflow: hidden;}
.specialist .cont ul li:nth-child(8n){margin-right:0!important;border-radius: 5px;}
.specialist .cont ul li a{display:block;padding:0;height: 100%;width: 100%;overflow: hidden;position: relative;border-radius: 5px;}
.specialist .cont ul li a img{width: 100%;height: 100%;transition: all 0.6s;border-radius: 5px;}
.specialist .cont ul li a:hover{box-shadow:0 3px 7px 0 rgba(0,0,0,.1);}
.specialist .cont ul li a:hover img{transform: scale(1.4);} 
.specialist .cont ul li a:hover .cont_main{display:flex;align-items: center;text-align: center;}
.specialist .cont ul li a .cont_main{display:none;position: absolute;top:5px;left: 5px;z-index: 999;background:rgba(255,255,255,.7);width:140px;height:140px;border-radius: 5px;}
.specialist .cont ul li a .cont_main h3{text-align: center;width: 100%;color: #ff5722;font-weight: bold;font-size: 16px}


.specialist .province2{width:50px;position:relative;overflow:hidden;margin:0px;max-height: 470px;height: 470px;background:#065ea5;}
.specialist .province2 a:after{content:"";display:inline-block;height: 0;width:100%;vertical-align:middle}
.specialist .province2 .prev2{display:none;position:absolute;left:0;width:100%;height:30px;background:#065ea5;text-align:center;font-size:0;top:0;border-bottom:1px solid #e1e3e6}
.specialist .province2 .prev2 span{display:inline-block;vertical-align:middle;width:16px;height:44px;background-repeat:no-repeat;background-image:url(../images/arrow-up.svg);background-position:96.77% 25%;background-size:initial}
.specialist .province2 .next2 span{display:inline-block;vertical-align:middle;width:16px;height:44px;background-repeat:no-repeat;background-image:url(../images/arrow-down.svg);background-position:61.29% 25%;background-size:initial}
.specialist .province2 .next2{position:absolute;left:0;width:100%;height:30px;background:#065ea5;text-align:center;font-size:0;bottom:0;border-top:1px solid #e1e3e6}
.specialist .province2 ul li{display:block;white-space:nowrap;font-size:14px;text-align:center;border-bottom:3px solid transparent;cursor:pointer;position:relative;width: 100%;margin:0;padding:5px 3px;color: #fff;}
.specialist .province2 ul li.active,.specialist .province2 ul li:hover{background:#ffcc00;color:#065ea5}