@font-face {
    font-family: 'PingFang SC Regular'; 
    src: url('PingFangSC-Regular.woff2'); //你的资源目录
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'PingFangSC Semibold'; 
    src: url('PingFangSC-Semibold.woff2'); //你的资源目录
    font-weight: normal;
    font-style: normal;
  }
html, body {font-family: PingFang SC Regular,PingFangSC Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;color: #000;margin: 0;padding: 0;background:#F8FDFF}
img{display:block;}
p,li,ul,h2,h3{margin: 0; padding:0;list-style: none}
.bg1{background: #f0eadc}


.app{margin:0 auto;width:100%;height: 100vh;font-size: 14px; background: url(bg.jpg) no-repeat 0 0 ; background-size:100% auto }
.app.lock{overflow:hidden; }

.app.no{ background: none}
.logo{position: absolute;left:100px;top:50px;z-index: 9}
.menu {position: absolute;top:25px;right:20px;display: block; width: 35px; height: 35px;}
.menu img{width: 100%}
.menu.close{display: none}

.m{width:40%; position: fixed;right:-40%;top:0;height: 100vh; background: rgba(175,134,78,.8);display: none; animation: close .5s ; z-index:9 }
.m.open{right:0;animation: open .5s ;display: block}
.m ul{width: 80%; position: absolute;top:10%;left:10%}
.m ul li{ margin-bottom: 20px}

.m ul a{font-size: 20px; display: block; height: 36px; line-height: 36px;color:#fff; text-decoration: none;}
.m p{width: 80%; position: absolute; bottom:30%;left:10%;color:#fff;}
.m p a{color:#fff; text-decoration: none;font-size: 16px;}
.m .close{position: absolute;right:10px;top:10px;}

.mark{width:100%;height: 100vh;position:fixed; left:0;top:0;background:rgba(0,0,0,.6); display:none }
.mark.close{ display:block; animation: mclose .5s forwards ;}
@keyframes open {
    0% { right:-40%}
    100% { right:0; }
}

@keyframes close {
    0% { right:0}
    100% { right:-40%; }
}
@keyframes mclose {
    0% { left:0}
    100% { left:-40%; }
}


.head{ overflow:hidden;padding-top:44% ;}

.head h3{width:60px; margin: 4px auto; text-align: center; font-size: 10px; color: #D7E9F3; padding: 1px 0; background: #505c46; border-radius: 4px}
.head div{background: url(foot.jpg) no-repeat 0 bottom; background-size:100% auto;   width: 100%;height:400px;}
.head div.inner{height:auto;bottom:20px;background:none}

.head p { text-align:center; font-size:8px; padding-bottom: 10px; line-height:180% }
.head p em{padding: 0 2px; font-style: normal; font-size: 10px}
.head ul{position: relative;z-index:1; width:180px; margin:0 auto; margin-top:40px }
.head ul li{width: 180px; margin:30px 0 ;}
.head ul li img{width: 100%}


.head .two {display: flex; width: 60%;position: relative; margin: auto;z-index: 9; }
.head .two img{width: 20px; margin-right: 8px;}
.head .two a{font-size: 20px; color:#7D4A0B; flex:1;display: flex; justify-content: center ; align-items: center; text-decoration: none;}
.head .two a:last-child{border-left: 1px solid; #000000; padding-left:10px}

.line{width: 500px; margin: 50px auto;}

.sub{background-image: linear-gradient(to right,#FFCF02, #FF7352); font-size: 36px; letter-spacing: 10px; margin-top: 30px; font-family: PingFangSC Semibold;background-clip: text;color: transparent;-webkit-background-clip: text;display: block;text-align: center;}


.intro{ line-height:150%; font-size:14px; width:86%; margin:auto; padding-top:10px }
.intro h2{font-size: 18px;color:#E99A02;  padding: 15px 0}
.intro h3{font-size: 14px;}
.intro p{padding:5px 0;}
.intro table{width:100%; text-align: left;}
.intro table td{text-align:left; font-weight:bold;width:70%;}
.intro table th{text-align:center; font-weight:bold}
.intro a{color:#888}

.title{width:80%; margin:  0 auto; margin-top: -5rem; position: relative;}
.title ul{width:60%; position: absolute; left:20%;top: -7rem;display: flex;}
.title li{width:33.33%; text-align: center;}
.title li a{ display:block;margin:auto;  width:150px;}
.title li a img{ width: 100%}

.time{background:url(time_bg.png)  repeat-x center center ; background-size: auto 5px; margin: auto; margin-top: 30px}
.time ul{width: 90%; height: 90px; margin: auto;overflow: hidden; padding:30px 0 }
.time li{position: relative; color:#000; font-size: 16px; height: 90px;  float: left;width:17.5%; text-align: center; background: url(time.png) no-repeat 99.5% center; background-size: 20px 20px}
.time .xtime{color:#CF5700; position: absolute;top:-30px;right:-150px; width:300px; text-align: center;}
.time .xtime.down{top:auto; bottom:0}


.op {margin-top: 50px}
.op p{font-size: 16px; text-align: center; margin-top: 20px}
.op a{color:#c19e5d;font-weight: bold; cursor:pointer; }
.op a:hover{text-decoration: underline;}
.op a.button{ width: 130px;height:45px; display:block;  margin:0 auto }

.footer{ height:80px; position: relative;}

.pop-bg{display: none; position: fixed;width:100%;height:100%;background: rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0; z-index: 10}
.readme{display: none;width:90%; height: 90%; position: fixed;left:5%;top:5%; font-size: 16px; line-height: 240%; z-index:11; background: #fff;  border-radius: 15px}
.inner{}
.reg-txt{ overflow-y:scroll; height:90%; width: 96%; line-height: 150%; position:absolute;left:3%;top:5%; }
.readme h2,.readme p{padding-bottom: 20px}
.readme h2{text-align: center; font-size: 16px}
.readme a{width:150px; cursor: pointer; margin: auto; border-radius: 20px; font-size: 14px; color:#444; font-weight: bold; background: #F7B129;display: block; height: 40px; line-height: 40px; text-decoration: none; text-align: center;}

.win-error{background:url(c.png)  no-repeat center 30px rgba(0,0,0,0.8);background-size:120px 120px;border-radius:10px;position: fixed;left:50%;top:50%;margin:-120px 0 0 -120px;color:#fff; font-size:16px; text-align:center; width:240px;height:240px;line-height:32px;z-index:100000000000000000000000}
.win-error p{position: absolute;left:5%;top:185px;width:90%;line-height:120%;}
.win-error.ok{background:url(o.png)  no-repeat center 30px rgba(0,0,0,0.8);background-size:60px 60px;}


.case{background: url(cbottom.jpg) no-repeat center bottom; background-size: 100% auto; padding-bottom: 100px; text-align: center;}
.case-title{font-size: 40px; text-align: center; padding: 20px 0;color:#CE8800; background:url(ctop.jpg) no-repeat center 0; background-size:100% auto }
.info p{font-size: 18px;padding:10px 0 0 0;}



.search{height:53px;width:90%;background:url(s.png)  no-repeat center center; background-size:100% auto ;margin:20px auto; margin-bottom: 0; display: flex;}
.search input{padding:26px; box-sizing: border-box; height: 34px; line-height: 34px; font-size: 16px; background: none; border: none; outline: none;width:420px}
.search button{width: 140px; background: none; border: none; cursor: pointer;}
.level{width:100%; margin:auto; font-size: 18px;background:url(t.jpg)  no-repeat center 0; background-size:100% 100% ; margin-top: 20px}
.level ul{ display:flex; width:87%; margin:0 auto; }
.level ul li{width: 33.33%; ; margin: 0 ; text-align: center; position: relative;}
.level ul li:after{content:' ';border-right:1px solid #fff; position: absolute;right:0;top:10px;   height:30px}
.level ul li:last-child:after{border-right:none}
.level ul li a{display: block;height: 50px; } 
.level ul li span{ width:100%; text-align: center;color:#fff; font-size: 18px; height:100% ; line-height: 50px}


.works div.select {width:88%; margin:auto;display: flex;  line-height: 40px; text-align: center; padding-top:20px; padding-bottom: 20px;    box-sizing: border-box;}
.works div.select div{width:120px; height: 40px; line-height: 40px; display: block; background: url(x.jpg) no-repeat center center; background-size: 100% auto;}
.works div.select div span{display: block;height:40px; line-height: 40px; text-align: center; font-size: 18px ; color:#fff ; text-indent:-20px }
.works div.select div p{ display:none ;position: relative;
    background: #fff;
    border-radius: 0 10px 10px 0;}
.works div.select div:hover p{ display:block }
.works div.select div a{display: block;height:40px; line-height: 40px; text-align: center; font-size: 18px}
.works div.select div a:hover{color:#FDB833; cursor: pointer;}

.works{border-left:1px solid #77410A;border-right:1px solid #77410A;box-sizing: border-box;}
.item{width:98%; margin: auto;  margin-bottom: 50px}
.item img{    display: inline-block;width:90%;}
.item p{text-align: center; font-size: 18px;padding:20px 0 0 0;width:96%; margin: auto}
.item p:first-child{background: url(../images/zbg.jpg) no-repeat center -6px ; background-size: auto 100%; padding:10px 0}
.item p strong{display: block;}
.item:last-child{margin-bottom: 0}

.pop{display:none;position: fixed;width:100%;height:100%;background: rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0; z-index: 10}
.pop a{position: absolute;z-index:999;right:0;top:0}



.win{width:90%; position: fixed;left:5%;top:5%;margin:auto}
.win-header{background: url(k01.png) no-repeat center center ; background-size:  100% 21px;}
.win-inner{background: url(k03.png) repeat-y center center ; background-size: 100% 21px;}
.win-footer{background: url(k02.png) no-repeat center center ; background-size: 100% 24px ;}

.win .win-header{height:21px;}
.win .win-inner{padding:20px;box-sizing:border-box;}
.win .win-inner p{font-size: 14px; color:#000; line-height: 180%;}
.win .win-footer{height:24px;}
.win .op{text-align: center;}
.win .op img{margin: auto; cursor: pointer;}

.popup{position: fixed;width:100%;height: 100%;background: rgba(0,0,0,.6);left:0;top:0; z-index: 99;display:none}
.ff{background: url(title.png) no-repeat center center ; background-size: 100% 100% ;width:96%; height: 240px; margin: auto; margin-top: 20px}
.ff h2{ font-size:18px; color:#DC9302; text-align:center; padding:12px 0; }
.ff p{ font-size:16px; color:#333333; text-align:center; padding:20px 0; width:80%; margin:auto; }
.ff p a{display: block; margin: auto; width: 90px; margin-top: 10px}
.ff .point{font-size: 60px; color:#734C21;}

.ffx{width:84%;  margin: auto; margin-top: 20px; display: flex;}
.ffx h2{color:#965B15; text-align: center;}
.ffx h2 small{display: block; color: #000;}
.ffx .point{margin-left: auto;color:#965B15; font-size:32px }

.list{width:94%; background: #fff; border: 3px solid #AE7B41; border-radius: 17px; margin:20px auto; padding-bottom:50px }
.list h2{ font-size:18px; padding:20px 0; text-align:center; }
.list div{height: 30px; background: url(list01.jpg) no-repeat center center; width: 90%; background-size: 100% 96%; margin: auto; line-height: 30px; text-align: center; font-size: 14px}

.list table{width:100%; text-align: center; border: none; }
.list tr th{text-align: center;color:#AE7B41; font-size: 14px ;padding:8px 0;}
.list tr td{text-align: center;color:#000000 ;font-size:14px;padding:8px 0; }
.list tr.row td{background: #EEEEEE}
.list a{color:#000; text-decoration: none}

.items{width:96%; margin: auto; margin-top: 40px}
.items .win-header{height:28px; background-size: 100% 28px; position: relative;}
.items .win-header p{background: url(title.svg) no-repeat 0 0 ; background-size: 100% 24px ; line-height: 24px; height: 24px; left: 24px; position: absolute; top: -3px; width:120px; text-align: center;color:#fff}
.items .win-inner{padding:0 20px;box-sizing:border-box; min-height: 50px}
.items .win-inner p{font-size: 14px; color:#000; line-height: 180%; }
.items .win-footer{height:28px; background-size: 100% 28px}
.items  .win-footer p{text-align: center;}
.items  .win-footer p img{margin: auto;}


.bm_time{display: flex;}
.bm_time p{ }
.bm_time p.point{ margin-left: auto;color:#965B15;}
.medias{display: none}

.media{border-bottom: 1px solid #EED6BA; padding-top: 15px; padding-bottom: 15px}
.media:last-child{border:none;padding-bottom: 10px; }
.media h2{display: flex; font-size: 16px}
.items  .media p{font-size: 14px;color:#666}
.media p.point{ margin-left: auto;color:#965B15; font-weight: normal;}
.media p a{color:#666; font-size: 14px; text-decoration: none;}
.events{display: none}

.event{ clear:both ; display: flex;border-bottom: 1px solid #EED6BA; margin-bottom: 15px; padding-bottom: 15px}
.event:last-child{border:none;margin-bottom: 0; }
.event .image{width:120px;  margin-right:10px;  flex: 2}
.event .image img{width: 120px; height: 90px}
.event .detail {flex: 4}
.event .detail .event_title{font-size:16px  }
.event_info{display: flex;   margin-top: 2px;  align-items: center;  width: 100%}
.event_info p.point{ margin-left: auto;color:#965B15; font-weight: normal;}
.event_info div{display: flex; flex:2}
.event_info span{margin-right: 2px; display: flex; flex:1; font-size: 12px;position:relative; }
.event_info span img{width:12px; margin-right:4px}
.event_info span.xc{  }
.event_info span ul{ position:absolute; top:20px;right：0; display: none; background: rgba(0,0,0,.7);padding:4px 10px; box-sizing:border-box; width: 120px; border-radius: 8px}
.event_info span ul a{color:#fff; text-decoration: none;}
.event_info span.click ul{ display:block; }

.divs{display: none}
.none{font-size: 24px; text-align: center; padding: 20px 0}

.news{ clear:both ; display: flex;border-bottom: 1px solid #EED6BA; margin-bottom: 20px; padding-bottom: 20px; line-height: 130%;}
.news:last-child{border:none;margin-bottom: 0;}
.news .image{width:150px;  margin-right:10px;  flex: 1}
.news .image img{width: 100%; }
.news .detail {flex: 3}
.news .detail a{color: #000; text-decoration: none}
.news .detail a .news_title{font-size:16px ; }
.news .detail a .news_info{font-size:14px;color:#999 ;height:16px;  display: -webkit-box;  white-space: normal;     -webkit-box-orient: vertical;    -webkit-line-clamp:1;  max-height: 16px; text-overflow: ellipsis;  overflow: hidden; }
.news .detail  p{font-size:12px;color:#999;display:flex; padding-top:5px  }

.videos{display: none}
.videos .win-inner{display: block; overflow:hidden; padding-top: 10px}
.video{ padding-bottom: 15px; margin-bottom:15px; display:flex; border-bottom:1px solid #EED6BA; }
.video:last-child{ padding-bottom: 0; border-bottom:none }
.video .image{ width: 80px; margin: auto; flex: 1}
.video .image img{width:80px;height: 60px; display: block}
.video .txt{flex: 3; margin-left: 8px}
.video .txt p {display: flex; margin-top:2px; color: #666}
.video .txt p.t{font-size: 16px; font-weight: bold;color: #000}
.video .txt p span{color: #965B15;  margin-left: auto;}


.joins {display: none}
.joins .win-inner div{ padding: 5px 0;display: flex;}
.joins .win-inner .t{font-size: 16px; font-weight: bold;}
.joins .win-inner .t span{margin-left: auto;color: #965B15;   font-size: 14px; font-weight: normal;}
.joins .win-inner .xtime span {margin-left: 10px; padding-left: 10px;  position: relative;display: none}
.joins .win-inner .xtime span:before {content: " "; border-left: 1px solid #000; position:absolute;left:0;top:50%; margin-top: -6px; height: 12px}
.joins .win-inner .xtime span small{color: #965B15; font-size:14px  }
.joins .win-inner p{color:#A24B4B;font-size: 12px}

.win-op{display: flex; margin-top: -5px; margin-bottom: 15px}
.win-op div{ position:relative; margin-right:10px }
.win-op div span{color:#845722;display: flex}
.win-op div span img{margin-right: 5px}
.win-op div span img.right{margin-left: 5px}

.win-op ul{position: absolute;display: none;background: rgba(0,0,0,.9);padding:4px; box-sizing:border-box; border-radius: 8px ;z-index: 5}
.win-op ul li{color:#fff; text-decoration: none;padding:2px 10px; border-bottom: 1px solid rgba(255,255,255,.4);}
.win-op ul li:last-child{border-bottom: none}
.win-op ul li.sel{color:#A24B4B;font-weight:bold; }
.win-op div.click ul{ display:block; }

.tpoint{display: flex;width: 80%; margin: auto}
.items .win-inner .tpoint p{display: flex; justify-content: center;flex: 1;color:#666}
.tpoint p img{ margin:0 4px; }
.tpoint p span{ color:#965B15 }
.tpoint{display: flex;}