@charset "utf-8";
@media only screen and (max-width: 1580px) {
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 81.4%;}
  .announcement .slick_box {
    width: 90%;}
  .preview .slick_box .slick-arrow.slick-prev {
    left: 154px;}
  .preview .slick_box .slick-arrow.slick-next {
    right: 154px;}
  .congratulate .slick_box {
    width: 95%;}
}
@media only screen and (max-width: 1440px) {
  .header {
    padding: 0 2.5%;}
  .donate .donate_main .slick_box {
    width: 90%;
    margin: 0 5%;}
  .donate .donate_main .donate_entrance {
    margin: 20px 5% 0 5%;}
  .preview{
    margin-bottom:10%;
    margin-top: 10%;}
  .footer .Information {
    padding: 2% 0 5% 0;}
  .environment_congratulate .environment {
    padding: 5%;}
  .footer {
    padding: 0 3%;}
}
@media only screen and (max-width: 1200px) {
.donate .jz_box{height:300px;padding-top: 50px;}
}
@media only screen and (max-width: 1024px) {
  transition: all 0.3s linear;
  .head_box .header .header_r .nav2 {
    display: none;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box {
    height: 410px;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box {
    height: 410px;}
  .announcement_anniversary .anniversary .slick_box .slick_box3 {
    margin-top: 13.5%;}
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 67.4%;}
  .environment_congratulate .environment .slick_box .slider .item_box {
    height: 400px;}
  .preview .slick_box .slider .item_box .item_title > h6 {
    line-height: 28px;
    font-size: 14px;}
.preview .slick_box .slider .item_box .item_title  p span{
 font-size: 14px;}
.preview .slick_box .slider .item_box .item_title > p span:first-child{
margin-right:5%;}
  .preview .slick_box .slider .slick-arrow.slick-prev {
    left: 55px;}
  .preview .slick_box .slider .slick-arrow.slick-next {
    right: 54px;}
}
@media only screen and (max-width: 1023px) {
  .head_box .header .header_r {
    width: 35%;}
  .head_box .header .header_r .nav2.xs {
    display: block;}
  .congratulate .slider-multiple1 {
    width: 90% !important;
    margin: 0px 5%;}
  .congratulate .slider-multiple2 {
    display: none;}
  .environment_congratulate .congratulate .slick_box .slick-arrow.slick-next {
    left: calc(100%);}
.footer .Information .QRCode{
margin-top: 5%;}
}
@media only screen and (max-width: 1023px) {
  .titles > h5 {
    font-size: 32px;
    line-height: 32px;}
  .head_box .banner {
    margin-top: 70px;}
  .head_box .header {
    position: fixed;
    top: 0;
    z-index: 2147483;
    background-color: RGB(140,0,0);
    height: 85px;
    }
  .head_box .header .header_r .header_home {
    position: fixed;
    right: 5%;
    margin-right: 40px;
    top: 0%;
    margin-top: 20px;}
  .head_box .header .header_r .header_home > a {
    font-size: 0px;
    width: 50px;
    margin-top: 0px;}
  .head_box .header .header_r .header_home > span {
    font-size: 0px;
    width: 50px;
    margin-top: 0px;}
  .head_box .header .header_r .menu {
    position: fixed;
    display: block;
    z-index: 2147483647;
    top: 0%;
    right: 5%;
    margin-top: 18px;}
  .head_box .header .header_r .nav {
    display: none;}
  .head_box .header .header_r .nav2 {
    display: none;}
  .head_box .header .header_r .nav2.toggle {
    width: 100%;
    max-width: 320px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 70px;
    right: 0;
    margin: 0;
    height: 100vh;}
  .head_box .header .header_r .nav2.toggle > li {
    clear: both;
    list-style: none;
    width: 100%;
    height: auto;
    line-height: 60px;
    margin: 0;
    border-top: 1px solid white;}
  .head_box .header .header_r .nav2.toggle > li > a {
    color: white;
    width: 100%;}
  .head_box .header .header_r .nav2.toggle > li > ul {
    position: relative;
    top: 0;}
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 89.4%;}
  .announcement_anniversary {
    padding-top: 10px;}
  .announcement_anniversary .anniversary .slick_box {
    width: 100%;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box {
    height: 410px;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box {
    height: 410px;}
  .announcement_anniversary .anniversary .slick_box .slick_box2 {
    width: 100%;}
  .announcement_anniversary .anniversary .slick_box .slick_box3 {
    display: none;}
  .environment_congratulate .congratulate .slick_box {
    height: 350px;}
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child a > span {
    left: 50%;
    top: 40%;}
  .donate .donate_main .donate_entrance > li > a {}
  .preview .slick_box .slider .item_box .item_title > h6 {
    line-height: 28px;
    font-size: 14px;}
  .preview .slick_box .slider .slick-arrow.slick-prev {
    left: 25px;}
  .preview .slick_box .slider .slick-arrow.slick-next {
    right: 25px;}
.donate .donate_main .slick_box{display:none;}
  .donate .donate_main .slick_box .slider .item_box > li {
    width: 100%;
    line-height: 33px;
    margin: 0;}
  .donate .donate_main .slick_box .slider .item_box > li::after {
    width: 70%;
    height: 0.5px;
    left: 15%;
    top: 92%;}
  .donate .donate_main .slick_box .slider .item_box > li:last-child:after {
    display:block;}
  .footer {
    padding: 0;
    height: 500px;
    background-size: auto 100%;
    background-position: center;}
  .footer .Information {
    justify-content: center;
    flex-wrap: wrap;}
  .footer .Information .footer_logo {
    width: 100%;}
  .footer .Information .footer_logo img {
    margin: 0 auto;}
  .footer .Information .contactUs {
    width: 100%;
    text-align: center;}

.preview .slick_box .slider .item_box{
height:70vw;}
}
@media only screen and (max-width: 900px) {
.donate .jz_box{width:90%;margin: 30px auto !important;float: none;}
}
@media only screen and (max-width: 600px) {
  .footer {
    height: 450px;}
  .footer .copyright {
    line-height: 25px;
    padding: 0 5%;}
.preview .slick_box .slider .item_box.slick-active .mask_max{top: 40%;}
.footer .Information .QRCode{
margin-top: 10%;}
}
@media only screen and (max-width: 425px) {
.footer .Information .QRCode{
margin-top: 15%;}
  .head_box .header .header_r .header_home {
    position: fixed;
    margin-right: 0%;
    right: 18%;}
.more{margin: 8% auto;height: 40px;line-height: 40px;font-size:16px;width:150px;}
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 81.4%;}
  .environment_congratulate .environment .slick_box .slider .item_box {
    height: 200px;}
  .announcement_anniversary {
    height: 1000px;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box {
    height: 410px;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .details {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    padding: 0 10%;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .details > h6 {
    font-size: 18px;
    margin-top: 4%;
    height: 30px;
    -webkit-line-clamp: 1;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .details > i {
    display: block;
    margin: 4% auto 0 auto;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .details > p {
    height: 60px;
    -webkit-line-clamp: 2;
    margin-top: 4%;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .details > span {
    width: 120px;
    margin: 4% auto 0 auto;}
  .announcement_anniversary .anniversary .slick_box .slider-for .item_box .img {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    height: 50%;
    width: 80%;}
  .preview .slick_box .slider .item_box {
    margin: 0 5px;
    height: 80vw;}
  .preview .slick_box .slider .item_box .item_title > h6 {
    line-height: 16px;
    font-size: 14px;}
  .preview .slick_box .slider .slick-arrow.slick-prev {
    left: 29px;}
  .preview .slick_box .slider .slick-arrow.slick-next {
    right: 29px;}
  .environment_congratulate .congratulate .slick_box .slider-multiple1 .item_box {
    padding: 40px 15px 0px;}
  .environment_congratulate .congratulate .slick_box .slider-multiple1 .item_box .item_footer > a {
    font-size: 12px;
    background: #fffa1b url(../images/arrowhead_blue.jpg) calc(100% - 5%) center no-repeat;}
  .environment_congratulate .congratulate .slick_box .slick-arrow.slick-prev {
    right: calc(100% - 10px);}
  .environment_congratulate .congratulate .slick_box .slick-arrow.slick-next {
    left: calc(100% - 10px);}
  .Countdown {
    bottom: 20px;
    right: 10px;
    width: 200px;
    height: 35px;
    background: url(../images/countdown.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding: 5px 10px;}
  .Countdown > div {
    width: 65%;}
  .Countdown > div > p {
    line-height: 12px;
    text-align: right;
    font-size: 12px;
    color: #fcf000;}
  .Countdown > div.fr {
    width: 35%;
    text-align: center;
    color: #fcf000;
    font-size: 16px;
    line-height: 25px;}
}
@media only screen and (max-width: 424px) {
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 91.4%;}
  .donate .donate_main .donate_entrance > li > a {
    padding-left: 14%;}
  .preview .slick_box .slider .item_box {
    margin: 0 5px;}
  .preview .slick_box .slider .item_box .item_title > h6 {
    line-height: 16px;
    font-size: 14px;}
  .preview .slick_box .slider .slick-arrow.slick-prev {
    left: 20px;}
  .preview .slick_box .slider .slick-arrow.slick-next {
    right: 20px;}
}
@media only screen and (max-width: 320px) {
  .environment_congratulate .environment .slick_box .slider .item_box > li:first-child {
    width: 100%;}
}