@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #7e0501; font-size: 12px;min-width: 1100px!important;font-family: "Source Han Sans CN";color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: 1.2rem;}
.title{ height: 1.63rem; background: url(../images/t_bg.png) no-repeat top / 100%; padding-top: 0.65rem; box-sizing: border-box;}
.title h2{font-size: .50rem; color: #ffc88f; font-weight: bold; display: inline-block; position: relative;}
.title h2::before{content: ""; width: .97rem; height: .01rem; background: #ff9148; display: block; position: absolute; left: -1.45rem; top: .35rem;}
.title h2::after{content: ""; width: .97rem; height: .01rem; background: #ff9148; display: block; position: absolute; right: -1.45rem; top: .35rem;}

/*banner*/
.banner-box{width: 100%;height: 688px;position: relative;background: url(../images/banner_bg.jpg) no-repeat top / 100%;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: .6rem; left: -1.6rem;}
.ban-img{position: absolute;left: 721px;top: 195px; animation: move3 1s infinite linear alternate;}
.ban-xx02{position: absolute;right: -286px;top: 402px;animation: ss 1s infinite ease-in-out;width: 20px;}
.ban-xx03{position: absolute;left: 1050px;top: 0; animation: ss 1s infinite ease-in-out;}
.ban-xx04{position: absolute;left: 1233px;top: 80px;animation: ss1 1s infinite ease-in-out;width: 21px;}
.ban-xx05{position: absolute;left: 1200px;top: 125px; animation: ss 1s infinite ease-in-out;}
.ban-xx06{position: absolute;left: 1312px;top: 200px; animation: ss1 1s infinite ease-in-out;}
.ban-xx07{position: absolute;left: 1200px;top: 500px; animation: ss 1s infinite ease-in-out;}
@keyframes ss{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
@keyframes ss1{
    0%{ opacity: 1;}
    100%{ opacity: 0;}
}
@keyframes move3{
    0%{ transform: translateY(-6px);}
    100%{ transform: translateY(0);}
}

/*sec01*/
.sec01{padding-top: 0.98rem; background: url(../images/s1_bg.jpg) no-repeat top center;}
.main{ background: linear-gradient(to bottom, #880703 , #aa1112); padding: .94rem 0; border-radius: 0 0 .5rem .5rem;}
.sec01-main ul li{width: 3.1rem; display: inline-block; vertical-align: top; margin-right: 0.42rem; cursor: pointer;
border-right:1px solid #c00a0f;
border-image: -webkit-linear-gradient(#c00a0f ,#ab0e0f )30 30; /* 控制边框颜色渐变 */
border-image: -moz-linear-gradient(#c00a0f ,#ab0e0f )30 30;
border-image: linear-gradient(#c00a0f ,#ab0e0f )30 30; /* 标准的必须写在最后 */
}
.sec01-main ul li:last-child{margin-right: 0;}
.sec01-main ul li div{width: 3rem; height: 1.5rem; background: url(../images/s1_lt.png) no-repeat; padding-top: 0.4rem; box-sizing: border-box; margin-bottom: 0.4rem;}
.sec01-main ul li div h3{font-size: .3rem; color: #ffc88f; font-weight: bold;}
.sec01-main ul li div h4{font-size: .22rem; color: #ffc88f; margin-top: 0.05rem; letter-spacing: .02rem;}
.sec01-main ul li p{font-size: .18rem; color: #ffc88f; line-height: 0.3rem; text-align: left; margin-bottom: 0.4rem; padding: 0 .1rem;}
.sec01-main ul li a{width: 2.27rem; height: 0.52rem; line-height: 0.52rem; text-align: center; font-size: .18rem; color: #ffc88f; border: 1px solid #ffc88f; border-radius: .26rem; display: inline-block;}
.sec01-main ul li:hover div{background: url(../images/s1_lt_h.png) no-repeat;}
.sec01-main ul li:hover div h3{ color: #7e0501;}
.sec01-main ul li:hover div h4{ color: #7e0501;}

/*sec02*/
.sec02-item{margin-bottom: 0.9rem;}
.item-t{margin-bottom: 0.3rem;}
.num{width: 1.81rem; display: inline-block; vertical-align: middle; position: relative; margin-right: 0.68rem;}
.num .zhuan{position: absolute; top: -0.28rem; right: -0.28rem;}
.info{width: 6.84rem; display: inline-block; vertical-align: middle; text-align: left;}
.info h3{font-size: .22rem; color: #ffc88f; font-weight: normal;}
.info h3 b{font-size: .3rem; color: #ffc88f; font-weight: bold; padding-right: 0.22rem;}
.info span{width: 5.08rem; height: 0.27rem; font-size: .18rem; text-align: center; color: #7e0501; background: #ffc88f; border-radius: 0 .13rem .13rem 0; display: inline-block; margin-top: 0.14rem;}
.info span b{font-weight: bold;}
.info p{font-size: .18rem; color: #ffc88f; line-height: 0.26rem; text-align: left; margin-top: 0.24rem;}
.info p b{font-weight: bold;}
.item-b{width: 9.38rem; border: 1px solid #ff331e; margin: 0 auto; padding: .24rem; box-sizing: border-box;}
.item-b .book{background: url(../images/s2_bookbg.png) no-repeat top / 100% 100%; padding: .28rem 0; margin-bottom: 0.1rem;}
.container{width: 1.79rem; height: 2.31rem; perspective:1000;transform-style:preserve-3d; overflow:inherit !important;display: inline-block; vertical-align: middle;}
.flip{position:relative;transition:0.6s;transform-style:preserve-3d;}
.container:hover .flip{transform:rotateY(180deg);}
.container .item{width: 1.79rem; height: 2.31rem; box-sizing: border-box;position: absolute;top: 0px;left: 0px;backface-visibility:hidden;}
.container .item-show{z-index:2; position: relative; padding-top: .24rem; background: #710502;}
.container .item-show img{margin-left: -0.14rem;}
.container .item-show h3{font-size: .24rem; color: #3a3a3a; line-height: 0.34rem; font-weight: bold; margin-bottom: 0.1rem; display: inline-block;}
.container .item-hide{transform:rotateY(-180deg); padding: .35rem .15rem; background: #710502;}
.container .item-hide p{ font-size: .16rem; color: #ffc88f; line-height: 0.26rem; text-align: justify;}
.container span{font-size: .1rem; color: #e93c32; padding-top: 0.1rem; display: block;}
.book-info{width: 4.76rem; height: 1.65rem; background: url(../images/s2_jt.png) no-repeat; display: inline-block; vertical-align: middle;}
.book-info img{display: inline-block; vertical-align: middle;}
.book-info span{width: 1.63rem; height: 1.63rem; font-size: .2rem; font-weight: bold; color: #de372e; line-height: 0.26rem; background: #6403019e; border-radius: 1rem; display: inline-block; vertical-align: middle; padding-top: 0.52rem; box-sizing: border-box;}
.book-info span:nth-child(3){margin-left: -0.3rem;}
.item-b a{width: 2.27rem; height: 0.52rem; line-height: 0.52rem; text-align: center; font-size: .18rem; color: #ffc88f; border: 1px solid #ffc88f; border-radius: .26rem; display: block; margin: 0 auto; margin-bottom: 0.16rem;}
.item-b .tips{font-size: .14rem; color: #ff1e00; }

.sec02-item02 .info span{width: 6.38rem; height: auto; text-align: left; padding: 0 .1rem; box-sizing: border-box;}
.sec02-item02 .info span b{display: inline-block; vertical-align: top;}
.sec02-item02 .info span i{display: inline-block; vertical-align: top;}
.sec02-item02 .book{margin-bottom: 0.2rem;}
.sec02-item02 .book ul li{width: 3.89rem; background: #710502; display: inline-block; vertical-align: top; padding-top: 0.25rem; margin-right: 0.46rem;}
.sec02-item02 .book ul li:last-child{margin-right: 0;}
.sec02-item02 .book ul li img{display: inline-block; vertical-align: top; margin-right: 0.22rem;}
.sec02-item02 .book ul li div{width: 1.92rem; display: inline-block; vertical-align: top; text-align: left; margin-top: 0.2rem;}
.sec02-item02 .book ul li div h4{font-size: .2rem; color: #ffc88f; font-weight: 600; margin-bottom: 0.15rem;}
.sec02-item02 .book ul li div p{font-size: .16rem; color: #ffc88f; line-height: 0.26rem; text-align: left;}
.sec02-item02 .book span{font-size: .1rem; color: #de372e; display: inline-block; padding-top: 0.18rem;}

.sec02-item03{margin-bottom: 0;}
.sec02-item03 .book ul li{display: inline-block; vertical-align: top; margin: 0 .54rem;}
.sec02-item03 .book ul li .list-t{width: 3.21rem; height: 0.89rem; background: #790e07; border-radius: .1rem; padding-top: 0.14rem; box-sizing: border-box;}
.sec02-item03 .book ul li .list-t img{display: inline-block; vertical-align: middle; margin-right: 0.16rem;}
.sec02-item03 .book ul li .list-t div{display: inline-block; vertical-align: middle; text-align: left;}
.sec02-item03 .book ul li .list-t div h4{font-size: .24rem; color: #ffc88f; font-weight: bold;}
.sec02-item03 .book ul li .list-t div p{font-size: .16rem; color: #ffc88f; margin-top: 0.05rem; margin-left: 0;}
.sec02-item03 .book ul li p{text-align: left; margin-left: 0.3rem; margin-top: 0.2rem;}
.sec02-item03 .book ul li p i{width: 0.17rem; height: 0.19rem; background:url(../images/s2_jt03.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; margin-right: 0.15rem;}
.sec02-item03 .book ul li p span{font-size: .16rem; color: #ffc88f; line-height: 0.26rem; display: inline-block; vertical-align: middle;}
.sec02-item03 .book ul li p span b{font-weight: bold;}
.pic{margin-top: 0.3rem;background: url(../images/s2_bookbg.png) no-repeat top / 100% 100%; padding: .28rem 0; margin-bottom: 0.27rem; overflow: hidden;}
.pic h4{font-size: .26rem; color: #ffc88f; font-weight: bold; margin-bottom: 0.18rem;}
.pic ul li{width: 2.64rem !important; height: 1.65rem; display: inline-block; vertical-align: middle; margin: 0 .14rem;}

.zhuan1{ animation: zhuan 1s linear;}
.toLeft{ animation: toleft 1s linear;} 
.toRight{ animation: torigtht 1s linear;}
@keyframes zhuan{
    0%{ transform: rotate(360deg);}
    100%{ transform: rotate(0);}
}
@keyframes toleft{
    0%{ transform: translateX(200px)}
    100%{ transform: translateX(0);}
}
@keyframes torigtht{
    0%{ transform: translateX(-200px)}
    100%{ transform: translateX(0);}
}

/*sec03*/
.sec03-main ul li div{width: 3rem; height: 1.87rem; background: url(../images/s3_lt.png) no-repeat; padding-top: 0.25rem; box-sizing: border-box; margin-bottom: 0.3rem;}
.sec03-main ul li i{width: 0.84rem; height: 0.84rem; display: inline-block; margin-bottom: 0.12rem; background-size: 100% !important;}
.sec03-main ul li:nth-child(1) i{background: url(../images/s3_i01.png) no-repeat;} 
.sec03-main ul li:nth-child(2) i{background: url(../images/s3_i02.png) no-repeat;} 
.sec03-main ul li:nth-child(3) i{background: url(../images/s3_i03.png) no-repeat;} 
.sec03-main ul li:nth-child(1) p{margin-bottom: 0.14rem;}
.sec03-main ul li:nth-child(1) img{width: 0.91rem; display: block; margin: 0 auto; margin-bottom: 0.1rem;}
.sec03-main ul li:nth-child(1) a{width: 0.97rem; height: 0.23rem; line-height: 0.23rem;}
.sec03-main ul li:hover div{background: url(../images/s3_lt_h.png) no-repeat;}
.sec03-main ul li:nth-child(1):hover i{background: url(../images/s3_i01_h.png) no-repeat;} 
.sec03-main ul li:nth-child(2):hover i{background: url(../images/s3_i02_h.png) no-repeat;} 
.sec03-main ul li:nth-child(3):hover i{background: url(../images/s3_i03_h.png) no-repeat;} 

/*sec04*/
.sec04-main{padding: .44rem .38rem;}
.sec04-main .hd{background: #ffc88f; padding: .3rem 0; margin-bottom: 0.46rem;}
.sec04-main .hd ul li{font-size: .18rem; color: #7e0501; line-height: 0.2rem; padding: 0 .1rem; border-right: 2px solid #c58059; display: inline-block; margin: .1rem 0; cursor: pointer;}
.sec04-main .hd ul li:nth-child(7){border-right: none;}
.sec04-main .hd ul li:last-child{border-right: none;}
.sec04-main .hd ul li.on{color: #d61d22; font-weight: bold;}
.sec04-main .bd ul li{display: none;}
.sec04-main .bd ul li.on{display: block;}
.sec04-main .bd h3{font-size: .26rem; color: #ffc88f; font-weight: 600;}
.sec04-main .bd h3 b{ font-weight: bold; padding: 0 .2rem;}
.sec04-main .bd p{font-size: .18rem; color: #ffc88f; margin-top: 0.04rem;}
.table-box{border: 1px solid #f01f24; padding: .08rem; padding-bottom: 0;  margin-top: 0.22rem;}
.table-box table tr th{height: 0.6rem; line-height: 0.6rem; font-size: .18rem; color: #ffc88f; font-weight: bold; background: #c00a0e; border-right: 1px solid #f01f24;}
.table-box table tr th:nth-child(1){width: 1.3rem;}
.table-box table tr th:nth-child(2){width: 1.6rem;}
.table-box table tr th:nth-child(3){width: 2.6rem;}
.table-box table tr th:nth-child(4){width: 4.09rem;}
.table-box table tr th:last-child{width: 1.48rem; border-right: none;}
.table-box table tr td{font-size: .16rem; color: #ffc88f; line-height: 0.24rem; border-right: 1px solid #f01f24; border-bottom: 1px solid #f01f24;}
.table-box table tr td:first-child{font-weight: bold;}
.table-box table tr td:nth-child(3){padding: .2rem 0;}
.table-box table tr td:nth-child(4){text-align: left; padding: .24rem .2rem; box-sizing: border-box;}
.table-box table tr td:last-child{border-right: none;}
.table-box table tr:last-child td{border-bottom: none;}
.table-box table tr td b{font-weight: bold;}
.table-box table tr td a{width: 1.06rem; height: 0.3rem; line-height: 0.3rem; font-size: .16rem; color: #750400; background: linear-gradient(to bottom, #ffb368 , #ef793f); border-radius: .15rem; display: inline-block; margin-top: 0.2rem;}

/* 底部通用 */
.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.sec17-title h2{font-size: .46rem; color: #ffc88f; font-weight: bold; margin-bottom: 0.5rem;}
.s14-cont{ width: 100%;}
.s14-cont ul{width: 825px; margin: 0 auto;}
.s14-cont ul li{width: 275px; float:left; display: block; position: relative; height: 451px;}
.s14-cont ul li.item1{background: url(../images/s14-img02.png) no-repeat center;}
.s14-cont ul li.item2{background: url(../images/s14-img03.png) no-repeat center;}
.s14-cont ul li.item3{background: url(../images/s14-img04.png) no-repeat center;}
.s14-cont ul li .item-show{width: 100%; padding: 60% 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}

/*侧边导航*/
.lfNav{position: fixed;width: 168px;height: 461px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 111px;}
.nav-bg{width: 161px;height: 39px;display: block;float:left;clear:both;margin-left: -10px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 32px;display: block;margin:auto;font: 16px/34px "微软雅黑";color: #fece99;text-align: center;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}

/* ---- stats.js ---- */
canvas{
    display: block;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    z-index: 9;
    height: 600px !important;
  }
.count-particles{
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
  }
  
  .js-count-particles{
    font-size: 1.1em;
  }
  
  #stats,
  .count-particles{
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
  }
  
  #stats{
    border-radius: 3px 3px 0 0;
    overflow: hidden;
  }
  
  .count-particles{
    border-radius: 0 0 3px 3px;
  }
  
  
  /* ---- particles.js container ---- */
  
  #particles-js{
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }