@charset "utf-8";
/**/
body{font-size: 3.4vw;line-height: 1.8;-webkit-overflow-scrolling: touch; color: #F4C399; background: #d02227;}
a{ color: #f4c399; text-decoration: none}
p{color: #f4c399}
.mxwidth{max-width: 735px; margin: 0 auto; height: 100%;}
@keyframes yanhua{ 0%{transform: translateY(500px) scale(0.01);-webkit-transform: translateY(500px) scale(0.1);opacity: 1;}
	70%{transform: translateY(0px) scale(0.01);-webkit-transform: translateY(0px) scale(0.1);opacity: 1;}
	90%{transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);opacity: 1;}
	100%{transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);opacity: 0;}
	}
@-webkit-keyframes yanhua{ 0%{transform: translateY(500px) scale(0.01);-webkit-transform: translateY(500px) scale(0.1);opacity: 1;}
	70%{transform: translateY(0px) scale(0.01);-webkit-transform: translateY(0px) scale(0.1);opacity: 1;}
	90%{transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);opacity: 1;}
	100%{transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);opacity: 0;}
	}

.fn-audio{position: fixed;z-index: 100;right: 2%;top: 2%}
.fn-audio .btn{border: none}
.fn-audio .btn_audio span{display: inline-block;width: 30px;height: 30px}
.fn-audio .btn_audio .audio_open{ animation: animation-rotate-un 2s linear infinite normal forwards; -ms-animation: animation-rotate-un 2s linear infinite normal forwards; -moz-animation: animation-rotate-un 2s linear infinite normal forwards; -webkit-animation: animation-rotate-un 2s linear infinite normal forwards; -o-animation: animation-rotate-un 2s linear infinite normal forwards}
.fn-audio .btn_audio .audio_close{display: none}

@keyframes animation-rotate-un{ from{ transform: rotate(0deg); 
		-moz-transform: rotate(0deg);
		/* Firefox */
		-webkit-transform: rotate(0deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(0deg);
		/* Opera */
		}
	to{ transform: rotate(-360deg); 
		-moz-transform: rotate(-360deg);
		/* Firefox */
		-webkit-transform: rotate(-360deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(-360deg);
		/* Opera */
		}
	}
/**/
.page1{background: url(//x0.ifengimg.com/cmpp/3f8d25da6d09e6e8/2020/1/st01_bg.jpg) no-repeat bottom;background-size: cover;}
.page1 img{position: absolute;}
.page1 .snlogo{ width: 17%; top: 10px; right: 10px;}
.page1 .logo{width: 54%;top: 4%;left: 23%;}
.page1 .zhuti{width: 70%;top: 9%;left: 15%;}
.page1 .sigc{ width: 90%; bottom: 10%; left: 6%;}
.page1 .a2019{ width: 20%; bottom: 10%; right: 9%;}
.hua1{ position: absolute; left: 6%; top: 20%; width: 17%; max-width: 226px; animation: yanhua 3s 0.6s linear infinite normal forwards; -webkit-animation: yanhua 3s 0.6s linear infinite normal forwards;}
.hua2{position: absolute;left: 36%;top: 3%;width: 13%;max-width: 226px; animation: yanhua 3s 0.6s linear infinite normal forwards; -webkit-animation: yanhua 3s 0.6s linear infinite normal forwards;}
.hua3{ position: absolute; right: 6%; top: 27%; width: 25%; max-width: 226px; animation: yanhua 3s 0.6s linear infinite normal forwards; -webkit-animation: yanhua 3s 0.6s linear infinite normal forwards;}

/**/
.page2 .title{width: 80%;margin: 5% auto;}
.longword{height: 70%;width: 90%;margin: 0 auto;}
.longword p{text-indent: 2em; margin-bottom: 3%;}
.longword p.right{text-align: right;}

/**/
.page3 .title{width: 50%;margin: 9% auto 3%;}
.page3 .yuntu01{width: 90%;margin: 0 auto;}
.page3 h1{width: 90%;margin: 10% auto 5%;background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/lineline.png) no-repeat 0 bottom;padding-bottom: 4%;font-size: 22px;font-weight: bold;line-height: 1.3;}
.page3 p{width: 90%; margin: 0 auto;}

/**/
.page4{background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/st02_bg.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.page4 .b2019{position: absolute;width: 20%;top: 5%;left: 3%;}
.page4 .hua4{position: absolute;right: -17%;top: -11%;width: 33%;}
.page4 .text01{position: absolute;left: 3%;top: 9%;width: 94%;text-indent: 6em;text-align: justify;}
.databox{height: 49%;background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/st02_hbg.png) no-repeat center;background-size: 100% 100%;position: absolute;top: 27%;padding: 10% 10% 24%;width: 80%;}
.page4 .dataline{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;height: 100%;}
.dataline img{ position: absolute; width: 39%; top: 0;}
.page4 .dataline>li{width: 45%;height: 45%;position: relative;}
.datatable{display: flex;justify-content: space-around;color: #cf282f;text-align: center;font-size: 12px;align-items: flex-end;width: 100%;position: absolute;bottom: 0;}
.datatable li{ height: 50%;}
.data03 img{ width: 56%;}
.data04 img{ width: 54%;}
.datatable .datah{height: 0;background: #d2292e;color: #fff;box-shadow: 1px 1px 1px #881216;}
.sj05{position: absolute;width: 90%;bottom: 12%;left: 5%;}
.sj06{position: absolute;width: 40%;bottom: 4%;left: 30%;}

/**/
.page5{background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/st03_bg02.jpg) no-repeat center;background-size: cover; overflow: hidden;}
.hua5{position: absolute;left: -1%;top: -16%;width: 33%;}
.title{width: 74%;margin: 3% auto 13%;}
.imgbox{width: 80%;padding: 3%;background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/st03_photo.png) no-repeat;background-size: 100% 100%;position: relative;margin: 5% auto;}
.imgbox h2{position: absolute;left: 3.6%;right: 3.2%;bottom: 5.6%;padding: 2% 10%;background: rgba(0, 0, 0, .7);color: #fff;font-weight: bold;font-size: 14px;text-align: center;line-height: 1.3;}

/**/
#events{width: 90%;margin: 0 auto;height: 70%;background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/linlin2.png) repeat-y 2%;}
#events .monthline{padding: 2% 0 0 7%;background: #d02227 url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/clock.png) no-repeat 0 40%;background-size: 5%;border-bottom: 5px solid #F4C399;margin-bottom: 5%; position: relative;}
#events .monthline .month{font-size: 30px;line-height: 0;}
#events .monthline .enmon{ float: right;}
.textbox::after{content: ""; display: block;clear: both;}
.textbox .day{ float: left; width: 12%; text-align: center; font-size: 16px; padding: 0 0 0 5%;}
.textbox .dayeve{ width: 78%; float: right; border-left: 1px dotted #F4C399; padding: 0 0 4% 4%; text-align: justify;}

/**/
.page7{background: url(//x0.ifengimg.com/cmpp/2020/1/18d830b35b636c0/st10_bg.jpg) no-repeat center;background-size: cover; overflow: hidden;}
.zcf{position: absolute;width: 60%;top: 12%;left: 20%;}
.text02{ position: absolute; width: 80%; top: 35%; left: 10%; text-align: justify;}
.qrcode{ position: absolute; width: 30%; top: 57%; left: 35%;}
.page7 .snlogo{width: 20%;bottom: 3%;left: 40%;position: absolute;}

/**/

/**/
.foot{margin-top: 10%; font-size: 12px;}