@charset "utf-8";
html {
    color: #000;
    background: #fff;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    outline: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    /*-webkit-user-select: none; *//* prevent copy paste, to allow, change 'none' to 'text' */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}
html,body {
    position: relative;
    font-family: "microsoft yahei",sans-serif; 
    font-size: 12px;
    width: 100%;
    min-width: 1200px;
    background: #000;
    margin: 0 auto;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0;
}

input,select,textarea,button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: 0;
    -webkit-user-select: text;
    outline:medium;
    color: #333;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img,input,textarea,button{
    border: 0;
    background: none;
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address,caption,cite,code,dfn,em,th,var,i {
    font-style: normal;
    font-weight: 500;
}

ol,ul {
    list-style: none;
}

caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,q:after {
    content: '';
}

/* a:hover {
    text-decoration: underline;
} */

ins,a {
    text-decoration: none;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #999;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #999;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #999;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #999;   
}

/*-----------------------activity--------------------------*/
.bottom_bg{ width:100%; overflow:auto; padding-bottom: 20px; padding-top: 20px;background: #212121; }
.bottom_bot{ font-family:"微软雅黑"; font-size:13px; text-align:center; color:#6d6d6d; height:30px; line-height:30px;}


.imagesTan {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999999;
    display: none;
}
.imagesTan p {
    position: absolute;
    top:50%;
    left:50%;
    padding-top: 50px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.imagesTan p img {
    display: block;
    width: auto;
    height: auto;
    max-width: 1100px;
    max-height: 90vh;
}
.imagesTan .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat center center;
    background-size: 30px 30px;
    cursor: pointer;
}

/*面包屑*/
.mbx-m { display: none; }
.mbx {
    height: 60px;
}
.com-position {
    width: 1136px;
    margin: 0 auto;
    color: #999;
    font-size:16px;
    line-height: 60px;
}
.com-position a {
    color: #999;
    font-size:16px;
}
.com-position a:hover {
    color: #fff;
}

body {
    position: relative;
    background: url(../images/bg3.jpg) no-repeat center bottom #0a0c1b;
    background-size: 1920px 280px;
}

.rightNav {
    position: absolute;
    top:800px;
    right: 50%;
    margin-right: -720px;
    width: 100px;
    z-index: 99;
}
.rightNav.active {
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.rightNav p { width: 100%; }
.rightNav p img { display: block; width: 92px; height: auto; }
.rightNav ul { width: 100%; background: url(../images/rightbg.png) no-repeat center top; background-size: 102px 100%; }
.rightNav ul li { width: 92px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #e5cfaa; border-bottom: 1px dashed #d1a978; overflow: hidden; }
.gotop,.rightNav ul li { cursor: pointer; }
.rightNav ul li:last-child{ border-bottom: none; }
.rightNav ul li:hover { color: #fff; }
@media screen and (max-width: 1300px) {
    .rightNav {
        display: none;
    }
}

.banner {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
} 
.banner .indextop {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1920px;
    height: auto;
    margin-left: -960px;
}

.boxone {
    width: 100%;
    height: 1318px;
    background: url(../images/bg1.jpg) no-repeat center top;
    background-size: 1920px auto;
}
.jianjie {
    width: 1136px;
    height: 700px;
    margin:0 auto;
    background: url(../images/jianjebg.png) no-repeat center top;
    background-size: 100% auto;

}
.jianjiel,.jianjier {
    width: 460px;
    height: 400px;
    font-size: 18px;
    font-family: '宋体';
    line-height: 50px;
    color: #e8dc98;
    text-align: justify;
    margin: 100px 0 0 46px;
}
.jianjiel span {
    font-size: 26px;
    font-weight: bold;
}
.jianjier {
    margin: 100px 46px 0 0;
}

.danben {
    position:relative;
    width: 1136px;
    height: 440px;
    margin: 50px auto 0;
}
.danbenswiper {
    position:relative;
    width: 1136px;
    height: 340px;
    margin:0 auto;
}
.danbenswiper .danbenBox {
    position: relative;
    width: 1136px;
    height: 340px;
    margin:0 auto;
    overflow: hidden;
}
.danbenwrap {
    position:absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 340px;
    transition: .6s;
    -webkit-transition: .6s;
}

.danben .title {
    margin-bottom: 40px;
    height: 60px;
    background: url(../images/tit1.png) no-repeat center center;
    background-size: auto 60px;
}
.danbenwrap .danbenpic {
    float: left;
    width:126px;
    height:300px;
    cursor:pointer;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
}
.danbenwrap .danbenpic .bookbox {
    width: 630px;
}
.danbenwrap .danbenpic .bookbox .img {
    width: 220px;
    height: 300px;
}
.danbenwrap .danbenpic .bookbox .img img {
    display: block;
    width: auto;
    height: 300px;
}
.danbenwrap .danbenpic .bookbox .info {
    width: 350px;
    height: 200px;
    padding:30px;
    margin-top: 30px;
    background: url(../images/bookbg.png) no-repeat center center;
    background-size: 100% 100%;
}
.danbenwrap .danbenpic .bookbox .info h1 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
.danbenwrap .danbenpic .bookbox .info p {
    font-size: 16px;
    color: #fff;
    line-height: 36px;
}
.danbenwrap .active{ width: 640px; transition: .3s; -webkit-transition: .3s;}
.button-prev {
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -50px;
    width: 30px;
    height: 100px;
    background: url(../images/pre.png) no-repeat center center;
    background-size: 26px auto;
    cursor: pointer;
}
.button-next {
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -50px;
    width: 30px;
    height: 100px;
    background: url(../images/next.png) no-repeat center center;
    background-size: 26px auto;
    cursor: pointer;
}
.button-prev.no,.button-next.no { opacity: .5; }
@media screen and (max-width: 1400px) {
    .rightNav {
        margin-right: -680px;
    }
    .button-prev {
        left: 0;
    }
    .button-next {
        right: 0;
    }
}

.boxtwo {
    width: 100%;
    padding-bottom: 260px;
    background: url(../images/bg2.jpg) no-repeat center top;
    background-size: 1920px auto;
}
.danaocqschool {
    position: relative;
    padding-top: 30px;
    width: 1136px;
    margin: 0 auto;
}
.danaocqschool .title {
    margin-bottom: 20px;
    height: 60px;
    background: url(../images/tit2.png) no-repeat center center;
    background-size: auto 60px;
}
.danaocqschool .info {
    text-indent: 2em;
    color: #cfa972;
    font-size: 24px;
    font-family: '宋体';
    line-height: 46px;
    padding:0 16px;
    text-align: justify;
}
.danaocqschool .info span {
    font-weight: bold;
    background: #3e312e;
}
.videoBox { margin-top: 30px; }
.videotab {
    width: 100%;
    height: 100px;
    margin-bottom: 6px;
}
.videotab li {
    float: left;
    position: relative;
    width: 150px;
    height: 98px;
    margin-right: 8px;
    background: #382256;
    border: 1px solid #cfa972;
    cursor: pointer;
    opacity: .6;
}
.videotab li.se { opacity: 1; }
.videotab li span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #cfa972;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    transform: translateY(-50%);
}
.videolist {
    width: 100%;
    height: 460px;
    background: url(../images/videobg.png) no-repeat center top;
    background-size: 100% auto;
}
.videolist .videocon {
    position: relative;
    width: 750px;
    height: 430px;
    margin: 10px 0 0 10px;
}
.videolist .videocon video {
    display: block;
    width: 100%;
    height: 100%;
}
.videoplay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    background: url(../images/play.png) no-repeat center center;
    background-size: 60px 60px;
    cursor: pointer;
    z-index: 100;
}
.videolistinfo {
    width: 366px;
    margin-top: 10px;
}
.videolistinfo .videoItem {
    display: none;
}
.videolistinfo .videoItem.active {
    display: block;
}
.videoItem h1 {
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: url(../images/videotit-line.png) no-repeat right bottom;
    background-size: 100% auto;
}
.videoNumbox {
    width: 350px;
    height: 350px; 
    margin: 10px 0 0 10px;
    overflow: hidden;
}
.videoNum {
    width: 370px;
    height: 350px;
    overflow: auto;
}
.videoNum li {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px 5px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #cfa972;
    cursor: pointer;
}
.videoNum li.se {
    color: #3e312e;
    font-weight: bold;
    background: #ffd9a2;
}
.videoNum li.buy {
    line-height: 78px;
}
.videoNum li.buy:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 60px;
    height: 20px;
    background: url(../images/buycq.png) no-repeat center center;
    background-size: auto 16px;
}


.indexschoolx {
    position: relative;
    width: 1136px;
    margin: 40px auto 0;
}
.indexschoolx .title {
    margin-bottom: 40px;
    height: 60px;
    background: url(../images/tit3.png) no-repeat center center;
    background-size: auto 60px;
}
.schoolxcon {}
.schoolxli{
    position: relative;
    width: 100%;
    height: 80px;
    border-bottom: 1px dashed #3e312e;
}
.schoolxli ul {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    height: 80px;
}
.schoolxli ul li {
    float: left;
    width: 100px;
    height: 80px;
    margin: 0 30px;
    font-size: 14px;
    text-align: center;
    line-height: 44px;
    color: #cfa972; 
    background: url(../images/citytit2.png) no-repeat center top;
    background-size: 100% auto;
    cursor: pointer;
}
.schoolxli ul li.se {
    color: #3e312e;
    font-size: 20px;
    background: url(../images/citytit1.png) no-repeat center top;
    background-size: 100% auto;
}


.schoolxitem {
    width: 100%;
    height: 240px;
    margin: 20px auto;
    cursor: grab;
    display: none;
}
.schoolxitem.active {
    display: block;
}
.schoolxitem .swiper-wrapper {
    width: auto;
    height: 210px;
}
.schoolxitem .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 280px;
    height: 210px;
    overflow: hidden;
}
.schoolxitem .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
}
.schoolxitem .swiper-slide span {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 4px 6px;
    font-size: 12px;
    background: #3e312e;
    color: #cfa972;
}
.schoolxitem .swiper-scrollbar{
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 50;
    height: 6px;
    width: 500px;
    margin-left: -250px;
    background: #453b35;
}
.schoolxitem .swiper-scrollbar .swiper-scrollbar-drag {
    background: #ffd9a2;
    cursor: pointer;
}


.indexnews {
    position: relative;
    width: 1136px;
    margin: 40px auto;
}
.indexnews .title {
    margin-bottom: 40px;
    height: 60px;
    background: url(../images/tit4.png) no-repeat center center;
    background-size: auto 60px;
}
.newslist a {
    float: left;
    width: 500px;
    height: 40px;
    margin: 0 4px 8px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    padding:4px;
    opacity: 0.5;
    text-indent: 30px;
    background: url(../images/dot.png) no-repeat 10px center #171b3b;
    background-size: 8px 8px;
    overflow: hidden;
}
.newslist a:hover {
    opacity: 1;
}