﻿@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; }/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
body,html{ width: 100%; min-width: 1600px; font-family:"Microsoft YaHei","Arial", "SimSun"; font-size: 14px;}
ul, ul li, ol li, li {	list-style:none;}
a, img, input, textarea {border:none;}
a{ color: #333; text-decoration: none}
a:hover{ color:#0B1E3F;}
table {	border-collapse: collapse;border-spacing:0;}
.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;}
.bg-alpha-0{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.zimg img{
    -webkit-transition: -webkit-transform 0.3s ease ;
    -moz-transition: -moz-transform 0.3s ease ;
    -ms-transition: -ms-transform 0.3s ease ;
    -o-transition: -o-transform 0.3s ease ;
    transition: transform 0.3s ease ;
}
.zimg img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/**首页头部**/
.head{position: relative; z-index: 99999; width: 100%; height: 120px; }

/*菜单*/
.nav{position: relative; width: 100%; height:120px; margin: auto; background:#fff;
    box-shadow: 0 0 15px rgba(238, 238, 238, 0.5);
}
.nav-box {position:absolute; left:50%; top:-120px; margin-left:-800px; width: 1600px; height:120px;  }
.nav-logo{ position: absolute; left:0; top:25px; display: block; width:259px; height: 70px;}
.nav-ul {  position: absolute; left:620px; top:30px;  width:1000px; }
.nav-ul>li{position: relative; float:left; width:140px; height: 60px; text-align: center; }
.nav-ul>.space:before{
    content: ' ';
    position: absolute;
    right: 0;
    margin-top: 22px;
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: rgba(11, 30, 63, 0.2);
}
.nav-ul>li>a { display: inline-block; width: 100%; height: 60px; line-height:60px;  color:#0B1E3F; font-size: 16px; }
.nav-ul>li>a:hover{background: #0B1E3F; color: #E8C793 }
.nav-ul .curr{ background: #0B1E3F; }
.nav-ul .curr>a{ color: #E8C793}
.nav-ul>li:last-child:before{
    display: none;
}
.nav-select{position: absolute;  top: 60px; background-color: #fff; background:#fff; display: none; }
.nav-select li{width: 140px;  border-bottom: #ccc solid  1px; }
.nav-select li:hover{background: #fff; }
.nav-select a{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #333;  font-size: 14px;   }
.nav-select a:hover{ background: #0B1E3F; color:#E8C793;   }



/*首页图片轮播 */
.banner{ position: relative; width:100%; height:620px;  zoom:1; overflow:hidden;}
.banner .swiper-slide{ height:100%; overflow:hidden; position:relative;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center center;
  background-repeat: no-repeat;
}
.banner .swiper-slide img{width: 100%; height:100%;}
.banner .swiper-pagination-bullet{
    width: 32px;
    height: 5px;
    background-color: #0B1E3F;
    border-radius: unset;
    opacity: .65;
}
.banner .swiper-pagination-bullet-active{
    background-color: #E8C793;
}

.flex-viewport,.ban_lst,.ban_lst li,.ban_lst li img{ height:100%;}
.flex-direction-nav a{width:26px;height:48px;overflow:hidden;margin-top:-24px;display:block;position:absolute;top:50%;z-index:1;cursor:pointer; background: url(../images/banner_arr.png) no-repeat; font-size:0;}
.flex-direction-nav .flex-next{width: 26px;height: 48px; right:30px; background-position: -26px 0;}
.flex-direction-nav .flex-prev{left:30px; width: 26px;height: 48px;  }
.flex-direction-nav .flex-prev:hover{ background-position: 0 -48px;}
.flex-direction-nav .flex-next:hover{background-position: -26px -48px;}
.flex-control-nav{width:100%;position:absolute;bottom:20px; left:0; text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:32px;height:5px; background-color: #fff; background-color: rgba(255,255,255,.5); filter:alpha(opacity=50);  overflow:hidden;cursor:pointer; font-size:0; display: inline-block; *display: inline; *zoom:1; cursor: pointer;}
.flex-control-paging li a.flex-active{ background: #0B1E3F;}

/*首页内容1*/
.conA{width: 100%; height: 600px; margin:  auto;  background:#e6e6e6 }
.conA .box{ position: relative; width: 1600px; height: 600px; margin: auto;}
.conA .news{position:absolute; left: 0; top:150px; width: 1100px; padding-top: 30px; }
.conA .news h3{ margin-bottom:40px; height: 60px; line-height: 60px;  font-size: 30px; color: #0B1E3F; font-weight: bold; border-bottom: #ccc solid 1px;}
.conA .news h3 span{font-size:18px;font-weight: normal; color: #ccc; padding-left: 10px;}
.conA .news h3 a{ float: right; font-size: 14px; color:#E8C793}

.conA .news-list{ width: 1100px; overflow: hidden}
.conA .news-list .swiper-slide{width: 1100px; height:400px; }
.conA .news-list .swiper-slide .img{position: relative; float:left; width: 600px; height:400px; margin:0px 20px 20px 0 ; overflow: hidden; }
.conA .news-list .swiper-slide .video:before{
    content: ' ';
    display: block;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    width: 96px;
    height: 96px;
    background-image: url(../images/play.png);
    -webkit-background-size: 96px;
    background-size: 96px;
    background-repeat: no-repeat;
}
.conA .news-list .swiper-slide .img img{  width: 600px; height:400px; }
.conA .news-list .swiper-slide p { line-height: 160%; color: #555; padding-bottom: 10px;
    font-size: 18px;  }
.conA .news-list .swiper-slide p.bt {padding-top: 10px; font-size: 32px; color: #0B1E3F; font-weight: bold;}
.conA .news-list .swiper-slide p.d { color: #999 }
.conA .news-list .swiper-pagination{
    text-align: right;
}
.conA .news-list  .swiper-pagination-bullet{
    width: 32px;
    height: 5px;
    background-color: #0B1E3F;
    border-radius: unset;
    opacity: .65;
}
.conA .news-list  .swiper-pagination-bullet-active{
    background-color: #E8C793;
}


/*学校简介*/
.conA .about{position:absolute; z-index: 999;  left:1150px; top:-270px;  width:450px; height: 540px; background-color: #0B1E3F; background-color: rgba(11,30,63,1); filter:alpha(opacity=90);}
.conA .about-box{ padding: 20px 10px 15px 20px;}
.conA .about h3{ font-weight: normal; font-size: 24px; color: #fff; line-height: 24px; }
.conA .about .e{display: block;font-size: 14px;  color:#E8C793; }
.conA .about .text{ padding-top: 10px; line-height:28px;  font-size: 16px;  color:#ccc }
.conA .about .text .zimg{display:block;width:400px; height: 240px; margin-bottom: 10px;  overflow: hidden }
.conA .about .text img{ width:400px; height: 240px;display: block;object-fit: cover}
.conA .about .bt-more{ display: block;width: 100px; height: 30px; line-height: 30px;
    border-radius: 5px;
    background: #999; margin-top: 10px; font-size: 14px; color:#E8C793; text-align: center; }
.conA .about .bt-more:hover{  background-position: 0 -40px;}
.conA .about .desc{ padding-bottom: 10px}
.conA .about .date{ color: #999;}
.conA .about .about-link{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.conA .about .about-link:hover{
    color:#E8C793;
}

.conB{width: 100%; height: 700px; margin:  auto; background:#fff }
.conB .group{position: relative;top:10px}
.conB .box{ position: relative; width: 1600px; margin: auto; padding-top: 100px}
.conB .box-left{ width: 1000px; float: left}
.conB .box-left .title{ font-size: 22px; padding: 50px 0 10px}
.conB .box-left .title span{
    padding-left: 10px;
    font-size: 18px;
    color: #ccc;
    font-weight: normal;
}
.conB .box-left .desc{ font-size: 18px; color: #999; line-height: 200%;white-space: pre-wrap;}
.conB .box-left .more{ font-size: 18px; color: #E8C793; padding-top:30px}
.conB .box-right{ width: 600px; float: right; text-align: center}


.conC{width: 100%; height: 800px; margin:  auto; background:#fff }
.conC .box{ position: relative; width: 1600px; margin:30px auto;}
.conC  .tese {position: relative;}
.conC  .tese h1{ width:100%; height:90px; text-align:center; border-bottom:1px solid #ccc;}
.conC  .tese h1 p{ box-sizing: border-box; padding-top: 20px; height:90px; margin-bottom: -1px; font-size:30px; display:inline-block; border-bottom:3px solid #0B1E3F; font-weight:bold; color:#0B1E3F}

.conC  .tese .tese-list{ position: absolute; top:120px; padding-top:50px; width:1600px;  overflow:hidden }
.conC  .tese .swiper-slide{ width: 400px; display:inline; float:left; position:relative; text-align: center}
.conC  .tese .swiper-slide h4{ font-size:18px; color:#373737; font-weight:bold;}
.conC  .tese .swiper-slide p.p01{ font-size:18px; color:#7f7f7f; padding:20px 0px 10px; }
.conC  .tese .swiper-slide p.p01 a{ font-size:18px;color:#0B1E3F}
.conC  .tese .swiper-slide p.p01 a:hover{ color:#E8C793}
.conC  .tese .swiper-slide .text-url{ font-size: 18px; padding: 0 20px; text-align: left }
.conC  .tese .swiper-slide .text-url a{font-size: 18px; color: #999; line-height: 200%}

.conC  .tese .swiper-slide .zimgDiv{ width:350px; height:200px; overflow:hidden; margin:auto;}
.conC  .tese .swiper-slide a img{ display:block; width:350px; height:200px;}

.conC  .tese .swiper-pagination{
    top: 0;
    bottom: unset;
    box-sizing: border-box;
    padding-right: 20px;
    text-align: right;
}
.conC  .tese  .swiper-pagination-bullet{
    width: 32px;
    height: 5px;
    background-color: #0B1E3F;
    border-radius: unset;
    opacity: .65;
}
.conC  .tese  .swiper-pagination-bullet-active{
    background-color: #E8C793;
}


/*友情链接*/
.link{width: 100%; height: 70px; background:#333;}
.link .link-box{width: 1600px;  margin: auto; color:#E8C793; font-size: 14px; padding-top: 26px;}
.link .link-box h3{ float: left; width:100px; font-size: 14px; font-weight: normal;}
.link .link-box ul{}
.link .link-box ul li{ float: left; padding: 0 10px 0 10px; }
.link .link-box ul li a{  color:#E8C793 }
.link .link-box ul li a:hover{ color:#fff }

.foot{width: 100%; height: 220px; background: #1F1F1F;}
.foot .foot-box{width: 1600px; margin: auto; font-size: 14px; color: #E8C793}
.foot .foot-box .link-url{ padding-top: 40px;}
.foot .foot-box .link-url a{color: #E8C793}
.foot .foot-box .link-url a:hover{color: #fff}

.foot .weixin{float: left; width:500px;  padding-top: 20px;}
.foot .weixin a.code img{float: left; width: 120px; height: 120px; margin-right: 10px;}
.foot .weixin p{ line-height: 22px; font-size: 12px;}
.foot .weixin p.title{ padding: 10px 0 ; font-size: 14px; }

.foot .copy { float: right;  }
.foot .copy a{color: #E8C793}
.foot .copy a:hover{color: #fff}
.foot .copy .tel {text-align:right; font-size: 24px; }
.foot .copy .tel span{font-size: 14px; }
.foot .copy .text{ padding-top: 30px; font-size: 12px; text-align: right; line-height: 22px; }




.suspension { position: fixed; z-index: 55; right: 20px; bottom: 20px; width: 50px; height: 255px; }
.suspension-box { position: relative; float: right; }
.suspension-box a.a { display: block; width: 50px; height: 50px; overflow: hidden; background-color: #ccc; margin-bottom: 1px; cursor: pointer; }
.suspension-box a.back_top { background-color: #797979; }
.suspension-box a.weibo:hover,.suspension-box a.weixin:hover,.suspension-box a.app:hover { opacity: 0.8; filter: alpha(opacity=80); }
.suspension-box a.back_top:hover { background-color:#0B1E3F; }
.suspension-box a i { display: block; float: left; width: 25px; height: 25px; margin-left: 13px; margin-top: 13px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; text-indent: -9999px; }
.suspension-box a.share i { background-position: 0 0; }
.suspension-box a.weibo i { background-position: -25px 0px; }
.suspension-box a.weixin i { background-position: 0px -25px; }
.suspension-box a.app i { background-position: 0px -50px; }
.suspension-box a.back_top i { background-position: -25px -50px; }



.suspension-box div.code { position: absolute; right: 50px; top: 0; display: none; width: 161px; height: 181px; padding: 10px; background-color: #fff; border: 1px solid #D9D9D9; }

.suspension-box div.code p {  margin-top: 5px; text-align: center; }

.suspension-box div.code i { width: 8px; height: 15px; position: absolute; top: 17px; right: -8px;  background-repeat: no-repeat; }





.suspension-box div.share {width: 190px;  height: 32px; padding: 8px }

.suspension-box div.share i {  top: 17px; }



.suspension-box div.weibo i { top: 67px; }

.suspension-box div.weixin i { top: 117px; }

.suspension-box div.app { top: 100px;  width: 190px;  height: 33px;line-height: 33px; padding: 8px }


.cms-show{
    padding-bottom: 40px;
    background: #f1f1f1;
}
.cms-show-bar{
    width: 100%;
    height: 450px;
    background-image: url(../images/bar6.jpg);
    background-position: 0 0;
    background-position: center bottom;
}

.cms-show-main{
    margin: 40px auto 0;
    background-color: #fff;
    width: 1600px;
    box-sizing: border-box;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
}

.cms-show-main h1{
    text-align: center;
    color: #0B1E3F;
    font-size: 36px;
}
.cms-show-main-info{
    display: flex;
    align-content: flex-end;
    justify-content: space-between;
    padding: 20px 0;
    color: #999;
    font-size: 16px;
}
.cms-show-main-info .time{
    display: inline-block;
    padding-top: 25px;
}

.cms-show-main .content{
    padding-top: 30px;
    border-top: solid 1px #eee;
    line-height: 180%;
    font-size: 18px;
}

.cms-show-main .content img{
    max-width: 100% !important;
    height: auto;
}
.cms-show-main .content p{
    margin-bottom: 20px;
}

.web_share{display:flex;align-items:center;float:left;}

.web_share .share_title{float:left;margin-right:10px;}

.web_share #click_eject{cursor:pointer;}

.web_share .share-btn,.web_share .web_btn{margin-right:10px;cursor:pointer;width:38px;height:38px;text-align:center;display:flex;align-items:center;justify-content:center;background-size:20px 20px;background-position:center;background-repeat:no-repeat;background-color:#F0F0F0;border-radius:50%;}

.share-copy{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;background:rgba(0,0,0,0.8);border-radius:6px 6px 6px 6px;font-size:14px;padding:6px 16px;color:#FFFFFF;z-index:9999;}


.copyDesc{font-size:16px;font-weight:400;color:#FFFFFF;line-height:30px; text-align: center}

.dialog_cont p{color:inherit;font-size:inherit;}

.web_wechat{background-image:url(/static/images/share_icon_wechat.svg);}

.web_tsina{background-image:url(/static/images/share_icon_sina.svg);}

.web_qzone{background-image:url(/static/images/share_icon_qqzone.svg);}

.web_qq{background-image:url(/static/images/share_icon_qq.svg);}

.print-btn{background-image:url(/static/images/share_icon_copy_link.svg);}

.web_share .share-btn:hover,.web_share .web_btn:hover{background-color:#FE9445;}

.web_wechat:hover{background-image:url(/static/images/share_icon_wechat_hover.svg);}

.web_tsina:hover{background-image:url(/static/images/share_icon_sina_hover.svg);}

.web_qzone:hover{background-image:url(/static/images/share_icon_qqzone_hover.svg);}

.web_qq:hover{background-image:url(/static/images/share_icon_qq_hover.svg);}
.print-btn:hover{background-image:url(/static/images/share_icon_copy_link_hover.svg);}
@media screen and (max-width:1600px) {
    .d_news_show .pd{
        max-width: 1150px!important;
    }

}
.cms-title{
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 50px;
    color: #0B1E3F;
    font-size: 36px;
    font-family: "思源宋体", "Microsoft YaHei", "Arial", "SimSun";
}
.cms-list{
}
.cms-list-item{
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: solid 1px #f1f1f1;
}
.cms-list-item .pic{
    width: 300px;
    height: 220px;
    margin-right: 30px;
    object-fit: cover;
    float: left;
}
.cms-list-item h3{
    margin-bottom: 10px;
}
.cms-list-item .title{
    margin-bottom: 10px;
    color: #0B1E3F;
    font-size: 24px;
    text-decoration: none;
}
.cms-list-item .title:hover{
    color: #E8C793;
}
.cms-list-item p{
    line-height: 180%;
    color: #999;
    font-size: 16px;
}

.cms-list-item  .video:before{
    content: ' ';
    display: block;
    position: absolute;
    z-index: 99;
    left: 118px;
    top: 78px;
    width: 64px;
    height: 64px;
    background-image: url(../images/play.png);
    -webkit-background-size: 64px;
    background-size: 64px;
    background-repeat: no-repeat;
}

.pagination{
    a{
        display: inline-block;
        margin-right: 5px;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        border: solid 1px #f1f1f1;
        font-size: 16px;
        color: #0B1E3F;
        background: #f8f8f8;
    }
    a:hover{
        background-color: #0B1E3F;
        color: #E8C793;
        border: solid 1px #0B1E3F;
    }
}

.timeline {
    border-left: 4px solid #e8c793;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(232, 199, 147, 0.0);
    margin: 50px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 66%
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event {
    border-bottom: 1px dashed rgba(232, 199, 147, 0.3);
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
}

.timeline .event:before {
    left: -217.5px;
    color: rgba(255, 255, 255, 0.4);
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}

.timeline .event:after {
    box-shadow: 0 0 0 4px #e8c793;
    left: -57.85px;
    background: #fff;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 10px;
}
.timeline .event h3{
   margin-bottom: 10px;
    color: #0B1E3F;
}

.my-video{
    margin: 0 auto 30px;
    text-align: center;
}
.my-video .video-js{
    margin: auto;
}

.video-js .vjs-big-play-button{
    margin-left: -1.5em;
    margin-top: -0.75em;
    top: 50% !important;
    left: 50% !important;
    font-size: 5em !important;
}
