section.banner{width:100%;overflow:hidden;background-color:#FFF}section.banner .fadeout{width:150px;height:100%;position:absolute;top:0;z-index:1;background-size:100% 100%}section.banner .fadeout.left{background-image:url(/images/home/banner-fadeout-left.png);left:0}section.banner .fadeout.right{background-image:url(/images/home/banner-fadeout-right.png);right:0}section.banner .banner-slider{width:220%;margin-left:-60%}section.banner .banner-slider div{height:100%}section.banner .banner-slider .each{height:0%;width:92%;padding-bottom:50.6%;background-size:cover;background-position:center;margin:auto;background-color:#f1f1f1}section.banner .banner-slider .each .in{width:100%;height:100%;position:absolute;background-size:cover;background-position:center}section.banner .banner-slider .slick-dots{position:absolute;bottom:-55px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}section.banner .banner-slider .slick-next,section.banner .banner-slider .slick-prev{top:50%}section.banner .banner-slider .slick-prev{left:32.5%}section.banner .banner-slider .slick-prev:before{content:" .";background-image:url(/images/slick-prev.png);background-repeat:no-repeat;background-position:center;background-size:90% auto;color:transparent;font-size:100px;opacity:1}section.banner .banner-slider .slick-next{right:32.5%}section.banner .banner-slider .slick-next:before{content:" .";background-image:url(/images/slick-next.png);background-repeat:no-repeat;background-position:center;background-size:90% auto;color:transparent;font-size:100px;opacity:1}section.banner .slick-dots li button:before{font-size:28px}section.news{padding-top:50px;padding-bottom:50px}section.news .wrap{margin-bottom:30px;display:block}section.news .wrap li{list-style:none;text-align:left;height:40px;padding-left:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}section.news .wrap li:before{position:absolute;width:15px;height:15px;content:'';left:0;top:5px;background-image:url(/images/list-icon.png);background-size:100%;background-position:center;background-repeat:no-repeat}section.news .wrap li a{color:#3c6a83}section.news .wrap li a:hover{color:#81b0ca}section.news .btn{height:35px;width:200px;border:1px solid #596E79;border-radius:15px;text-align:center;line-height:35px;margin:auto;cursor:pointer;color:#3c6a83}section.news .btn:hover{color:#81b0ca;border-color:#81b0ca}section.event{padding-top:50px;padding-bottom:50px}section.event .wrapArea{height:760px;overflow:hidden;margin-bottom:50px}section.event .wrapArea.active{height:auto}section.event .wrapArea.active .fadeout{display:none}section.event .wrapArea .fadeout{width:100%;height:200px;position:absolute;bottom:0;left:0;background-image:url(/images/home/act-fadeout-down.png);background-size:100% 100%}section.event .wrap{margin-bottom:30px;display:block;margin:0;padding:0;-moz-column-count:3;-moz-column-gap:15px;-webkit-column-count:3;-webkit-column-gap:15px;column-count:3;column-gap:15px}section.event .wrap li{list-style:none;padding:0;margin:0 0 15px 0;display:inline-block;cursor:pointer}section.event .wrap li:hover .content{opacity:1}section.event .wrap li .thephoto{position:absolute;top:0;width:100%;height:100%;background-size:100% auto;background-position:center top;background-repeat:no-repeat}section.event .wrap li img{width:300px;height:auto}section.event .wrap li .content{position:absolute;top:0;width:100%;height:100%;background-color:#FFF;border:1px solid #e9e9e9;opacity:0;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.event .wrap li .content .in{background-color:#FFF;position:absolute;top:0;left:0;width:100%;height:140px;top:50%;margin-top:-70px}section.event .wrap li .content .in .name{color:#707070;font-size:21px;padding-left:15px;padding-right:15px}section.event .wrap li .content .in .date{color:#c9c9c9;font-size:15px;padding-left:15px;padding-right:15px;margin-top:10px}section.event .wrap li .content .in .place{color:#AAA;margin-top:10px;margin-bottom:10px}section.event .wrap li .content .in .type{background-color:#F5A181;display:inline-block;color:#FFF;padding:5px;padding-left:20px;padding-right:20px;border-radius:14px}section.event .btn{height:35px;width:200px;border:1px solid #596E79;border-radius:15px;text-align:center;line-height:35px;margin:auto;cursor:pointer;color:#3c6a83}section.event .btn:hover{color:#81b0ca;border-color:#81b0ca}section.map{padding-top:50px}section.map .mapwrap{background-color:#95D4DC}section.calendar{padding-top:50px;padding-bottom:50px}section.calendar h2{display:inline-block;margin-right:20px;font-size:20px;font-weight:500;color:#3c6a83}section.calendar select{border:1px solid #3c6a83;border-radius:40px;width:auto;background-color:#fff;background-image:url(/images/select-down.png);background-repeat:no-repeat;background-position:right 15px center;background-size:auto 8px;text-align-last:center;padding:0;padding-left:15px;padding-right:35px;height:35px;color:#3c6a83}section.calendar #calendar_month{padding-left:5px}section.calendar input{border:1px solid #3c6a83;border-radius:40px;width:150px;background-color:#fff;background-repeat:no-repeat;background-position:right 15px center;background-size:auto 8px;text-align-last:center}section.calendar [name=calendar_search]{position:absolute;right:20px}section.calendar .wrap{margin-top:20px;margin-bottom:20px}section.calendar .wrap li{list-style:none;background-color:#FFF;width:25px;height:25px;border-radius:25px;font-size:13px;line-height:25px;display:inline-block;color:#3c6a83;vertical-align:middle;cursor:pointer;margin-right:4px}section.calendar .wrap li[w="0"],section.calendar .wrap li[w="6"]{background-color:#EAF1F5}section.calendar .wrap li.days{background-color:#5B6E7A;color:#FFF}section.calendar .wrap li.active{background-color:#FAC24E;color:#FFF;width:30px;height:30px;line-height:30px}section.calendar .calendar-slider{height:100px;width:100%}section.calendar .calendar-slider .each{height:100%;display:inline-block;margin-right:10px;cursor:pointer}section.calendar .calendar-slider .each:hover .thephoto{margin-top:0}section.calendar .calendar-slider .each .thephoto{width:80px;height:80px;background-size:cover;background-position:center;margin:auto;margin-top:10px;background-color:#f9f9f9;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.calendar .calendar-slider .each .thephoto .in{width:100%;height:100%;background-size:cover;background-position:center}section.calendar .calendar-slider .slick-dots{position:absolute;bottom:-55px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}section.calendar .slick-dots li button:before{font-size:28px}@media screen and (max-width:1280px){section.banner{height:60vw;width:100%}section.banner .banner-slider .each{width:100%}section.banner .fadeout{display:none}section.banner .banner-slider{height:60vw;width:100vw;margin-left:0}h2.main{font-size:22px}h2.main:after{width:35px;margin-bottom:20px;margin-top:0}section.news{padding-top:0;padding-bottom:20px}section.news .wrap{margin-bottom:0;display:block;padding:25px;padding-top:0}section.news .wrap li{list-style:none;text-align:left;height:35px;font-size:14px;padding-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}section.event{padding-top:20px;padding-bottom:20px}section.event .wrap{column-count:2;width:auto;padding:20px}section.event .wrap li{padding:0;border:1px solid #e9e9e9}section.event .wrap li img{width:100%;height:auto;margin-bottom:-5px}section.event .wrap li .content{position:relative;top:0;width:100%;height:100%;background-color:#FFF;border:none;opacity:1}section.event .wrap li .content .in{position:relative;left:0;width:auto;height:auto;top:0;margin-top:0;padding:15px}section.event .wrap li .content .in .name{font-size:14px;text-align:left;padding-left:0;padding-right:0}section.event .wrap li .content .in .date{font-size:12px;text-align:left;padding-left:0;padding-right:0;word-break:break-all}section.event .wrap li .content .in .place{margin-top:5px;margin-bottom:10px;text-align:left;font-size:12px}section.event .wrap li .content .in .type{padding:5px;padding-left:20px;padding-right:20px;border-radius:14px;font-size:13px}section.map .mapwrap{height:auto;width:100vw}section.calendar h2{position:relative;color:#3c6a83;margin-bottom:20px;display:block;margin-right:0}section.calendar select{border:1px solid #3c6a83;border-radius:40px;background-color:#fff;background-repeat:no-repeat;background-position:right 15px center;background-size:auto 8px;text-align-last:center}section.calendar [name=calendar_search]{position:relative;right:0;width:57%;margin:auto;display:block;margin-top:15px}section.calendar .wrap{margin:auto;margin-top:20px;margin-bottom:20px;width:300px;text-align:left}section.calendar .wrap li{text-align:center;width:42px;height:42px;line-height:42px;margin:0;margin-bottom:7px;vertical-align:middle}section.calendar .wrap li.active{background-color:#FAC24E;color:#FFF;width:42px;height:42px;line-height:42px}section.calendar .calendar-slider{height:auto;padding:20px;width:auto}.mapSize .viewer{height:auto}.mapSize .informationWrap .storeWrap .theintro{padding-top:0}section.banner .banner-slider .slick-dots{display:none!important}section.calendar .wrap[firstdayw="1"] li:nth-child(1){margin-left:42px}section.calendar .wrap[firstdayw="2"] li:nth-child(1){margin-left:84px}section.calendar .wrap[firstdayw="3"] li:nth-child(1){margin-left:126px}section.calendar .wrap[firstdayw="4"] li:nth-child(1){margin-left:168px}section.calendar .wrap[firstdayw="5"] li:nth-child(1){margin-left:210px}section.calendar .wrap[firstdayw="6"] li:nth-child(1){margin-left:252px}section.calendar .wrap[firstdayw="7"] li:nth-child(1){margin-left:294px}}