body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"Microsoft YaHei","SimSun","Arail","Tabhoma",sans-serif;}
ul,ol,li{list-style:none;}
img{border:0;vertical-align:middle;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
/*  清除浮动*/
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

/*本页面css*/
.noMobile{position: fixed;top: 0;left: 0px;width: 100%;}
body{position:relative;overflow-x:hidden;line-height:190%}
body{position:relative;overflow-x:hidden;line-height:190%; font-family:"Microsoft YaHei","Arial","\9ED1\4F53","\5B8B\4F53",sans-serif;}
body .scroll-ct {position: fixed;overflow: hidden;top:50px;}
body .scroll-ct .wrap {height: 100%;position: relative;}
.scroll-ct .wrap .p1 {width: auto; height: 100%;position: relative;background: url(../images/bg_1.jpg) no-repeat left top;background-size: 100% 100%;}
.scroll-ct img {width: auto;height:100%;display: block;}
.fs-12{font-size: 12px}
.fs-20{font-size: 20px}
.fs-24{font-size: 24px}
.fs-30{font-size: 30px}
.fs-40{font-size: 40px}
.fs-48{font-size: 48px}
.fs-60{font-size: 60px}
.fs-80{font-size: 80px}
/*logo*/
.main-logo{position: absolute; width:auto;height:13.5%; }
.logo{position: absolute;bottom:20%; width: auto;height:7.6%; }
.huaban1{position: absolute;width: auto;height:40%;left:0.5%;top:23%; }
.huaban2{position: absolute;width: auto;height:14%; }
.yinxiang{position: absolute;width: auto;height:57%; }
.main-title{position: absolute;width: auto;height: 9.1%;}
.txt1{position: absolute;width: auto;height:5%; }
.book{position: absolute;width: auto;height:15%; }
.yezi1{position: absolute;width: auto;height:11%; }
.yezi2{position: absolute;width: auto;height:10%; }
.yezi3{position: absolute;width: auto;height:25%; }
.liuye{position: absolute;width: auto;height:23%; }
.p1-content{position: absolute;width: 6.5%;padding: 20px 10px; border-top: 1px solid #9c741d;border-bottom: 1px solid #9c741d;color: #3b3b3b;font-weight: lighter}
.p1-content p{text-indent: 2em;line-height: 1.25}
/*春天*/
.chun-title{position: absolute;width: auto;height:14%; }
.chun-yazi{position: absolute;width: auto;height:11%; }
.chun-txt{position: absolute;width: auto;height:39%; }
.chun-beijing{position: absolute;width: auto;height:21%; }
.chun-video{position: absolute;width: auto;height:43%; }
.chun-video-content{width: 100%;height: 100%;cursor: pointer;}
.yezi4{position: absolute;width: auto;height:43%; }
.yezi4 img{margin-left: -300px}
/*列表1*/
.p2-title{position: absolute;width:auto;height:22.5%;font-size: 100%}
.p2-txt1{position: absolute; width: 100%;height: 50%;top: 0; line-height: 1.5;text-align: center;color: #5c2b06;font-size: 63px; font-family: SimSun;font-weight: bold;font-size: 400%}
.p2-txt2{position: absolute; width: 96%;margin-left: 2%;top: 50%; color: #5c2b06;font-size: 150%;text-indent: 2em;line-height: 1.25}
.swiper-list{position: absolute;width: auto;height: 74%}

.p4-title{position: absolute;width:auto;height:24.5%;font-size: 100%}
.p4-txt1{position: absolute; width: 98%;left: 2%; height: 50%;top: 0; line-height: 1.75;color: #d74d1f;font-size: 63px; font-family: SimSun;font-weight: bold;font-size: 400%}
.p4-txt2{position: absolute; width: 96%;margin-left: 2%;top: 50%; color: #1b0f09;font-size: 150%;text-indent: 2em;line-height: 1.25}

.p5-title{position: absolute;width:auto;height:24.5%;font-size: 100%}
.p5-txt1{position: absolute; width: 98%;left: 2%; height: 50%;top: 0; line-height: 1.25;color: #65300e;font-size: 63px; font-family: SimSun;font-weight: bold;font-size: 400%}
.p5-txt1 span{font-family: SimSun;}
.p5-txt2{position: absolute; width: 96%;margin-left: 2%;top: 58%; color: #1a1a1a;font-size: 150%;text-indent: 2em;line-height: 1.25}

.audio-list-box{position: absolute;width:11%;height:60%;}
.audio-list{width: 100%;height: 100%;background: rgba(244,244,244,.5);overflow: hidden}
.audio-list .audio-item{float: left}
.audio-list .audio-item .audio-pic{width: 75%;height: 0; margin: 0 auto;padding-bottom: 75%;position: relative;overflow: hidden}
.audio-list .audio-item .audio-pic img{width: 100%;height: 100%;position: absolute}
.audio-list .audio-item .audio-name{color: #000;line-height: 1.75;text-align: center}
.audio-list .audio-item .audio-name a{color: #000;text-decoration: none;}
.titleList2 li a:hover,.audio-list .audio-item .audio-name a:hover{color: #d74d1f;transition: .2s ease all}
.yinfu1 {
    position: absolute;
    height: 40%;
    -webkit-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -moz-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -ms-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -o-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    animation: twinkling 1.5s ease-in-out 0s infinite alternate;
}
.yinfu2 {
    position: absolute;
    height: 40%;
    -webkit-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -moz-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -ms-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    -o-animation: twinkling 1.5s ease-in-out 0s infinite alternate;
    animation: twinkling 1.5s ease-in-out 0s infinite alternate;
}
.p6-title{position: absolute;width: 6%; height: 18%;line-height: 1.2;font-weight: bold}
.p6-title .p6-txt1{width: 100%;color: #c13234;font-family: SimSun;}
.p6-title .p6-txt2{width: 100%;color: #c13234;font-family: SimSun;text-align: right}
.p6-bottom{position: absolute;width: 7%; color: #333333}
.map-bg{position: absolute;height: 60%}
.bookstore-list{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.bookstore-list li{position: absolute}
.bookstore-list li.bookstore1{width: 23%; top: -23%; left: -4%;}
.bookstore-list li.bookstore2{width: 26%; top: 3%; left: 33%;}
.bookstore-list li.bookstore3{width: 30%; top: -17%; left: 80%;}
.bookstore-list li.bookstore4{width: 20%; top: 36%; left: 7%;}
.bookstore-list li.bookstore5{width: 25%; top: 54%; left: 48%;}
.bookstore-list li.bookstore6{width: 26%; top: 52%; left: 88%;}
.bookstore-pic{width: 100%;height: 0;padding-bottom: 100%; border-radius: 50%; overflow: hidden;position: relative;}
.bookstore-pic img{width: 100%;height: 100%;position: absolute;z-index: 1}
.bookstore-position{position: absolute}
.bookstore1 .bookstore-position{width: 18%;top: 92%;left: 10%;}
.bookstore-position img{width: 100%}
.bookstore-position::before{ content: ''; height: 8px;width: 100%; background: #000; opacity: .2; border-radius: 50%; position: absolute; top: 80px; left: 0; animation: shadow .8s linear infinite;}
.bookstore-position img{animation: rotate .8s linear infinite;}
.bookstore-text{color: #2c130b;line-height: 1.25}
.bookstore-text .bookstore-name{font-weight: bold;font-family: SimSun}
.bookstore1 .bookstore-text{position: absolute;left: 40%;top: 100%;width: 90%}
.bookstore2 .bookstore-position{width: 16%;top: -32%;left: 0;}
.bookstore2 .bookstore-text{position: absolute;left: 20%;top: -32%}

.bookstore3 .bookstore-position{width: 14%;top: 27%;left: -19%;}
.bookstore3 .bookstore-text{position: absolute;left: -43%;top: 60%;width: 50%}

.bookstore4 .bookstore-position{width: 20%;top: 23%;left: -25%;}
.bookstore4 .bookstore-text{position: absolute;left: -50%;top: 84%}

.bookstore5 .bookstore-position{width: 16%;top: 40%;left:-20%;}
.bookstore5 .bookstore-text{position: absolute;left:-58%;top: 81%}

.bookstore6 .bookstore-position{width: 16%;top: 15%;left: -25%;}
.bookstore6 .bookstore-text{position: absolute;left: -51%;top: -10%}
/*列表2*/
/*夏天*/
/*列表2*/
.titleList2{position: absolute;width:10.1%;height:40%;}
.titleList2 li{float: left;width: 50%;height:18%;}
.titleList2 li span{float: left;width: 25px;height: 25px;background: #d74d1f;margin-top: 0.5%}
.titleList2 li a{color: #222;padding:0 0px 8px  8px ;}
.shudan-list{height: 100%}
/*底图*/
.xia-hehua{position: absolute;width: auto;height:38%; }
.xia-video{position: absolute;width:6%;height:54.5%;background: url("../images/xia-video.png") center center no-repeat;background-size: 100% 100%;}
.xia-video-content{position: absolute;top: 11.3%;left:17.6%; width: 76%;height: 83%; cursor: pointer;}
.xia-video-content img{display: block;width: 100%;height: auto;}
.xia-title{position: absolute;width: auto;height:17%; }
.xia-xigua{position: absolute;width: auto;height:3%; }
.xia-txt{position: absolute;width: auto;height:39%; }
.p4-bottom-bg{position: absolute;width: auto;height:12.5%; }
/*秋天*/
.qiu-shang{position: absolute;width: auto;height:78%; }
.qiu-shang2{position: absolute;width: auto;height:19%; }
.qiu-xia{position: absolute;width: auto;height:19%;}
.qiu-video{position: absolute;width: 6%;height:63%; z-index:3;}
.qiu-video-content{position: absolute;top: 4%;left:2%; width: 94%;height: 100%; cursor: pointer;}
.qiu-video-content img{display: block;width: 100%;height: auto;}
.video-hidden{position:absolute;top:0px;left:0px;width:100%;}
.video-hidden img{display: block;width: 100%;height: auto;}
.qiu-title{position: absolute;width: auto;height:16%; }
.qiu-ye{position: absolute;width: auto;height:7%;}
.qiu-txt{position: absolute;width: auto;height:39%; }
.guoxue{position: absolute;width: 2%;height:6%; }
.guoxue .span1{float: left;width:34%;height: 100%;background-size: cover;background: url("../images/icon-guoxue.png") center center no-repeat;}
.guoxue  a{color:#222;line-height:350%;}
/*冬季*/
.dong-jiaouyin{position: absolute;width: auto;height:24%;}
.dong-ren{position: absolute;width: auto;height:39%;}
.dong-baihe{position: absolute;width: auto;height:12%;}
.dong-video{position: absolute;width:7%;height:55.5%;background: url("../images/dong-video.png") center center no-repeat;background-size: 100% 100%; }
.dong-video-content{position: absolute;top: 3%;left:6.3%; width: 72%;height: 72%; cursor: pointer;}
.dong-video-content img{display: block;width: 100%;height: auto;}
.dong-title{position: absolute;width: auto;height:16%; }
.dong-xue{position: absolute;width: auto;height:45%;}
.dong-title{position: absolute;width: auto;height:16%;}
.dong-txt{position: absolute;width: auto;height:39%; }

/*视频弹窗1*/
.video_box{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    background: rgba(0,0,0,0.5);
    display: none; z-index:5;}
#video{position: absolute;top:150px;left: 50%;margin-left: -475px;}
.zanting{position: absolute;top:90px;left: 50%;margin-left: 520px;width: 48px;height: 48px;cursor: pointer;}

/*新加内容*/
.video-title{position: absolute;font-weight: bold;color: #0d2379;font-family: SimSun}
.video-list-box{position: absolute; width: 4.6%; height:60.5%;}
.video-list{height: 100%}
.video-list li{width: 100%;height:9.9% ;line-height: 345%;overflow: hidden;margin-top: 2.5%;background: #4b5a95 }
.video-list li i{width: 38px;height: 38px;float: left;margin-left: 10px;margin-top: 10px;background: url("../images/video_icon.png")}
.video-list li .video-name{float: left;margin-left: 1.5%}
.video-icon{height: 74%;margin-left:1.5%;margin-top: 1%; float: left}
.video-list li .video-name a{font-family: SimSun;color: #fefefe;font-weight: bold}
.chunul_list li,.xiaul_list li,.qiuul_list li,.dongul_list li{cursor:pointer;}
.video-content-box{position: absolute;width: 6.7%;height: 51.1%;  background: #000;}
.video-content img,.xia-video-content img,.qiu-video-content img,.dong-video-content img{display:none;}
.video_url{display:none;}
.video-content-list{height: 100%}
.video-content-list li{width: 100%; height: 100%;position: relative;overflow: hidden;display: none}
.video-content-list li img{width: 100%;height: 100%}
.video-content-list li .video-name{position: absolute;bottom: 0;height: 15%;width: 100%;background: #4b5a95;text-align: center;
    line-height: 1.5;font-weight: bold}
.video-content-list li .video-play{position: absolute;width: 80px;height: 80px;left: 50%;margin-left: -40px;top: 33%}
.video-content-list li .video-name a{color: #fefefe;font-family: SimSun}
#filo, .filo {
    margin: 0 auto;
    z-index: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: oscillaFilo .9s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo .9s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo .9s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo .9s ease-in-out 0s infinite alternate;
    animation: oscillaFilo .9s ease-in-out 0s infinite alternate;
}

.swing {
    margin: 0 auto;
    z-index: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: leafSwing .9s ease-in-out 0s infinite alternate;
    -moz-animation: leafSwing .9s ease-in-out 0s infinite alternate;
    -ms-animation: leafSwing .9s ease-in-out 0s infinite alternate;
    -o-animation: leafSwing .9s ease-in-out 0s infinite alternate;
    animation: leafSwing .9s ease-in-out 0s infinite alternate;
}

#filo img {
    margin-left: -270px;
}

.liuye img {
    margin-left:0 !important;}

@-webkit-keyframes oscillaFilo {
    from {
        -webkit-transform:rotate(0deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-moz-keyframes oscillaFilo {
    from {
        -moz-transform:rotate(0deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-ms-keyframes oscillaFilo {
    from {
        -ms-transform:rotate(0deg);
    } to {
          -ms-transform:rotate(-5deg);
      }
}
@-o-keyframes oscillaFilo {
    from {
        -o-transform:rotate(0deg);
    } to {
          -o-transform:rotate(-5deg);
      }
}

@keyframes oscillaFilo {
    from {
        transform:rotate(0deg);
    } to {
          transform:rotate(-5deg);
      }
}

@-webkit-keyframes leafSwing {
    from {
        transform: rotate(1deg) scale(0.9, 0.9) translate(20px);
    }
    to {
        transform: rotate(-1deg) scale(1, 1) translate(-20px);
    }
}
@-moz-keyframes leafSwing {
    from {
        transform: rotate(1deg) scale(0.9, 0.9) translate(20px);
    }
    to {
        transform: rotate(-1deg) scale(1, 1) translate(-20px);
    }
}
@-ms-keyframes leafSwing {
    from {
        transform: rotate(1deg) scale(0.9, 0.9) translate(20px);
    }
    to {
        transform: rotate(-1deg) scale(1, 1) translate(-20px);
    }
}
@-o-keyframes leafSwing {
    from {
        transform: rotate(1deg) scale(0.9, 0.9) translate(20px);
    }
    to {
        transform: rotate(-1deg) scale(1, 1) translate(-20px);
    }
}

@keyframes leafSwing {
    from {
        transform: rotate(1deg) scale(0.9, 0.9) translate(20px);
    }
    to {
        transform: rotate(-1deg) scale(1, 1) translate(-20px);
    }
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transform: scale(1);
    }
    50% {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -webkit-transform: scale(1.12);
    }
    100% {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transform: scale(1);
    }
}

@keyframes twinkling {
    0% {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transform: scale(1);
    }
    50% {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -webkit-transform: scale(1.12);
    }
    100% {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transform: scale(1);
    }
}

@keyframes shadow {
    0%, 100% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(1.2);
    }
}

@keyframes rotate {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(20px) scale(1.1, 0.9);

    }
    75% {
        ransform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}
#jswbox ul {
    width: 1100px;
    margin: 0 auto;
    height: 550px;
}
#jswbox li {
    position: relative;
    width: 0;
    height: 0;
    z-index: 0;
    cursor: pointer;
    overflow: hidden;
    left: 10px;
}
#jswbox li img {
    width: 100%;
    height: 100%;
    float: left;
    border: 0;
}
#jswbox .prev, #jswbox .next {
    display: block;
    width: 4.5%;
    position: absolute;
    top: 250px;
    cursor: pointer;
}
#jswbox .prev img, #jswbox .next img{
    width: 100%;
}
#jswbox .prev {
    left: 20px;
}

#jswbox .next {
    right: -40px;
}
.info {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #ef5f8e 0, rgba(234,47,69,.75), #ea2f45 100%);
    width: 100%;
    height: 25%;
    text-align: center;
}
#jswbox li {
    overflow: hidden;
}
.hover-info {
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    z-index: 10;
    position: absolute;
    background-image: linear-gradient(180deg, #ef5f8e 0, rgba(234,47,69,.85), #ea2f45 100%);
    transition: all .3s;
}
#jswbox li:hover .hover-info {
    top: 0;
}

.name{
    display: block; font-size: 24px; font-weight: bold; font-family: Microsoft YaHei; color: #fff; margin: 9% auto;
}

.work{
    display: block; font-size: 16px; font-family: Microsoft YaHei; color: #fff; margin-top: -2%;
}

.name-bg{
    display: block; font-size: 28px; font-weight: bold; font-family: Microsoft YaHei; color: #fff;  position: absolute; top:10%; width: 100%; text-align: center;
}

.work-bg{
    display: block; font-size: 18px; font-family: Microsoft YaHei; color: #fff; position: absolute; top: 18%;width: 100%; text-align: center;
}
.name a,.work a,.name-bg a,.work-bg a,.jianjie a{color: #fff}

.yuanchuang-bg{
    background: url(../images/slide_line.png)no-repeat top center; width: 240px; height: 1px; position: absolute; top: 26%; left:50%; margin-left: -120px;
}

.jianjie{
    width: 220px; height: 100%; display: block; font-size: 16px; font-family: Microsoft YaHei; color: #fff; position: absolute; top: 30%; left:50%; margin-left: -107px; line-height: 28px;
}
#jswbox{width:1330px; height: 600px; margin:35px auto;}
#jswbox ul{position:relative;height:600px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px; left:10px;}
#jswbox li img{width:100%;height:100%;vertical-align:top; float:left; border:0;}
.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 44%;
    margin-top: 2%;
    margin-bottom: 1%;
}

.swiper-button-next, .swiper-button-prev {
    height: 9%;
    width: auto;
    background: none;
    display: none;
}
.swiper-button-next{
    right: -4%;
}

.swiper-button-prev {
    left: -4%;
}
.scale {
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    -moz-transition: -moz-transform 0.3s ease 0s;
    -o-transition: -o-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}

.scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}