@charset "UTF-8";


#canvas_sakura{z-index:-1;}

/****header start****/
.blackbarnew {
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 0 12px;
  /*background-color: #f08200;*/
  background-color: #f08200;
  position: fixed;
  z-index: 999;
  overflow: hidden;
}


.yeslogo {
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 2px;
  float: left;
}

.yeslogo i {
  margin-right: 8px;
  float: left;
}

.yeslogo i img {
  width: 10px;
  margin-top: -3px;
}

.yesgogo {
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 2px;
  float: right;
  max-width: 116px;
 }


.yesyes {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  margin-right: 4px;
}




body{padding-top: 30px;}

@media screen and (max-width: 980px) {

body{padding-top: 30px;}


}

@media screen and (max-width: 736px) {

body{padding-top: 30px;}

}


.header124{width: 100%; position: fixed; top:30px; left: 0; z-index: 999; background-color: #fff; padding:24px 16px 12px;
 box-shadow: 0 4px 5px rgba(50,50,50,0.1);}

.header124 > ul{max-width: 980px; margin: 0 auto; overflow: hidden;}

.header124 > ul > li{float: left; }

.header124 > ul > li:nth-child(1){position: relative; width: calc(100% - 120px);}

.header124 > ul > li:nth-child(2){position: relative; width: 120px;}


@media screen and (max-width: 980px) {

.header124 > ul{padding: 0 24px;}

.header124{padding:12px 16px 12px;}

}

@media screen and (max-width: 736px) {


    
    .header124{padding:0px 0 0px;}
    .header124 > ul{padding: 0 0px;}
    .header124 > ul > li{width: 100%}
    .header124 > ul > li:nth-child(1){width: 100%}
    .header124 > ul > li:nth-child(2){display: none;}

}



.spname{width: 100%;}

.spname > ul{overflow: hidden;}

.spname > ul > li{text-align: left; float: left; min-height: 56px}


.spname > ul > li h1{font-size: 32px; color: #f08200; font-weight: bold; margin-bottom: 12px;}


.logos{max-width: 200px;}

.spname > ul > li:nth-child(1){width: 220px;}
.spname > ul > li:nth-child(2){width: calc(100% - 220px); overflow: hidden;}


.menum{display: none;}



@media screen and (max-width: 980px) {

.logos{max-width: 120px; padding-top: 10px;}
.spname > ul > li:nth-child(1){width: 140px;}
.spname > ul > li:nth-child(2){width: calc(100% - 140px); overflow: hidden;}

.spname > ul > li{min-height: 48px}


}

@media screen and (max-width: 736px) {

.logos{max-width: 100%; padding: 12px 12px; text-align: left; height: 76px; overflow: hidden;}
.logosm {float: left; width: 164px; padding-top:8px; margin-left:2px;}

.menum{float: right; width: 50px; cursor: pointer; height: 50px; display: block;
       background-image: url(../img/menum.png);
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
       transition:all .3s;
     }
.menumx{
  background-image: url(../img/menuclose.png);
}

.spname > ul > li:nth-child(1){width: 100%; text-align: center;}
.spname > ul > li:nth-child(2){width: 100%; display: none; position: revert; z-index: 9998;}


}



.menu{width: 100%; max-width: 580px;}

.menu > ul{overflow: hidden;}

.menu > ul > li{text-align: left; float: left; width:calc(100% / 5);}

.menu > ul > li div{font-size: 16px; color: #444; transition:all .3s; line-height: 56px; text-align: center;}

.menu > ul > li div:hover{color: #f08200; }

.menuok{color: #333!important; background-color:#ddd;}


@media screen and (max-width: 980px) {
    
.menu > ul > li div{line-height: 48px;}

}



@media screen and (max-width: 736px) {

.menu{width: 100%; max-width: 580px; background-color:#efefef;}
    
.menu > ul > li{text-align: center; float: left; width:100%; border-bottom:1px solid #ddd; }

.menu > ul > li div{line-height: 60px; font-size: 18px; text-align: left; padding: 0 20px; letter-spacing: 4px;
       background-image: url(../img/arr.png);
       background-size: 40px;
       background-repeat: no-repeat;
       background-position: center right;
       transition:all .3s;}

}




.goshop{width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;
      color: #fff; background-color: #333; border-radius: 20px; transition:all .3s;
     /* position: absolute; right: 0; top: 16px;*/ margin: 6px 0 0 20px;}


.goshop:hover{ background-color: #666; }

@media screen and (max-width: 980px) {
    
.goshop{margin: 4px 0 0 20px;}

}



.demby01{width: 100%; margin: 0px 0 0px; 
   background-image: url(../img/1920X520.jpg);
         background-repeat: no-repeat;
         background-position: center;
         background-size:cover ;
       
        overflow:hidden;
        position:relative;
      }

.demby02{width: 100%; text-align: center; padding: 40px 24px 60px;}

.demby02 > img{max-width: 360px; margin: 0 0 16px;}

.demby02 > h1{font-size: 32px; color: #444; margin: 0 0 20px; line-height: 1.5;}

.demby02 > h2{font-size: 16px; color: #333; margin: 0 auto 8px; line-height: 1.5; padding: 8px 16px; border:1px solid #f08200; max-width: 220px; }

.demby02 > h3{font-size: 12px; color: #666; margin: 0 0 20px; line-height: 1.5;}

.demby02 > p{font-size: 18px; color: #444; margin: 0 0 20px; line-height: 1.8;}

.demby02 > h4{font-size: 32px; color: #444; margin: 0 0 8px; line-height: 1.5;}

.demby02 > h5{font-size: 16px; color: #333; margin: 0 0 16px; line-height: 1.5;}





@media screen and (max-width: 736px) {

.demby02{padding: 20px 24px 40px;}
.demby02 > h1{font-size: 28px;}
.demby02 > p{font-size: 16px; text-align: left;}
.demby02 > h4{font-size: 28px;}


.demby01{ background-image: url(../img/720X920.jpg);}


}











body{width: 100%; 
         /*background-image: url(../img/bg1920.jpg);*/
         background-repeat: no-repeat;
         background-position: center bottom;
         background-size:cover;
         background-attachment: fixed;
         background-color:#fff;
     }
.body{width: 100%; 
         /*background-image: url(../img/bg19202.jpg)!important;*/
         background-repeat: no-repeat;
         background-position: center bottom;
         background-size:cover;
         background-attachment: fixed;
         background-color:#fff;
     }

.demby04{width: 100%; 
         background-image: url(../img/Awardbanner.jpg);
         background-repeat: no-repeat;
         background-position: center;
         background-size:cover ;
         background-attachment: fixed;
         padding: 0 24px;

     }

     .wbg{width: 100%; background-color: rgba(255,255,255,0.7); padding: 20px 24px 22px;}

     .wbg span


 .demby05{width: 100%; 
         background-image: url(../img/ab02.jpg);
         background-repeat: no-repeat;
         background-position: center;
         background-size:cover ;
         background-attachment: fixed;
         padding: 0 24px;

     }    

@media screen and (max-width: 736px) {

 .demby05{background-image: url(../img/ab02.jpg);}   
  .demby04{background-position-x:66% ;} 

}




.rbox{overflow: hidden; }

.rbox > li{width: 50%; text-align: left; padding: 80px 0; float: left;}

.rbox > li h2{font-size: 32px; color: #444; font-weight: bold; margin: 0 0 12px; line-height: 1.5; }

.rbox > li p{font-size: 20px; color: #444; margin: 0 0 8px; line-height: 1.6; }


@media screen and (max-width: 736px) {

.rbox > li{width: 100%; padding: 80px 0;}
.rbox > li h2{font-size: 24px;}
.rbox > li p{font-size: 18px;}
.rbox > li:nth-child(2){display: none;}
  /*.rbox span{display: block}*/

}






.lbox{overflow: hidden;}

.lbox > li{width:calc(50% - 8px); float: right; margin-right: 16px}

.lbox > li:nth-child(2n+2){margin-right: 0}


@media screen and (max-width: 736px) {

.lbox > li{width: 100%;}


}








.goshop2{width: 160px; height: 44px; line-height: 44px; text-align: center; font-size: 24px; font-weight: bold;
      color: #776f64; border: 1px solid #fff; border-radius: 22px; transition:all .3s; margin: 16px 0 0;
       /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/  background-color: rgba(255,255,255,0.8);  text-shadow:0 0 0 rgba(0,0,0,0);   }

.goshop2:hover{ background-color: #776f64; border: 1px solid #776f64; color: #fff;}



@media screen and (max-width: 736px) {

.goshop2{margin: 6px 0 0;}

}


@media screen and (max-width: 980px) {


.goshop2{width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 20px;}

}








.photo{max-width: 980px; margin: 0 auto; }


.photo > ul{overflow: hidden;}

.photo > ul > li{float: left; width:calc(25% - 12px); margin:0 16px 0px 0;}

.photo > ul > li:hover h2{color: #333; }

.photo > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

.photo > ul > li img:hover{opacity: 1; transform: scale(0.95);}

.photo > ul > li:nth-child(4n+4){margin-right: 0;}


@media screen and (max-width: 736px) {


.photo > ul > li{width:100%; margin:0 0px 16px 0;}

.photo > ul > li:last-child{margin-bottom:0;}


}




.photo1229{max-width: 980px; margin: 0 auto 0px; }


.photo1229 > ul{overflow: hidden;}

.photo1229 > ul > li{float: left; width:calc(100% / 3 - 10px); margin:0 15px 0px 0;}

/*.photo1229 > ul > li:hover h2{color: #333; }*/

.photo1229 > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

/*.photo1229 > ul > li img:hover{opacity: 1; transform: scale(0.95);}*/


/*.photo1229 > ul > li:nth-child(1){width:100%;}*/

.photo1229 > ul > li:nth-child(3n+3){margin-right: 0;}


.photo1229 > ul > li h5{font-size: 18px; font-weight:initial!important; color: #f08200; padding: 12px 0;}

.photo1229 > ul > li span{font-size: 14px;  margin-right: 4px;}

@media screen and (max-width: 736px) {

.photo1229{ margin: 0 auto 0px; }

/*.photo1229 > ul > li{width:calc(100%); margin:0 0px 16px 0;}

.photo1229 > ul > li:nth-child(3n+3){margin-right: 0px;}

.photo1229 > ul > li:nth-child(2n+2){margin-right: 0;}

.photo1229 > ul > li:last-child{margin-bottom:0;}*/



}







.goshop3{width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold;
      color: #fff; background-color: #333; border-radius: 20px; transition:all .3s; margin: 0 auto;}


.goshop3:hover{ background-color: #666; }









.wimg{display: block;}
.mimg{display: none;}

.swiper-slide{position: relative; text-align: center;}

.swiper-slide h1{
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; 
  font-weight: bold; color: #fff; line-height: 1.2; display: block;
  text-shadow: 0 0 5px rgba(0,0,0,0.5); 
}


.noswiper-slide{position: relative;  min-height:520px; }

.noswiper-slide{max-width:980px; position:relative; margin:0 auto; }

.noswiper-slide img{border-radius:0px;}

.noswiper-slide h1{
  position: absolute; left: 0px; top: 40%; transform: translate(0, -50%); font-size: 48px; 
  font-weight: bold; color: #666; line-height: 1.2; display: block;
  /*text-shadow: 0 0 5px rgba(0,0,0,0.2);*/ letter-spacing:2px;
}

.noswiper-slide p{font-size: 28px; padding-top:8px; letter-spacing:2px;}


.noswiper-slide h1 > img{max-width:160px; display:block; margin-bottom:16px; border-radius:8px;}


/*.noswiper-slide span{display: block;}*/

@media screen and (max-width: 980px) {


.noswiper-slide h1{left: 24px;}

.noswiper-slide h1 > img{max-width:160px;}


}

@media screen and (max-width: 736px) {

.noswiper-slide980 img{border-radius:0}

.swiper-slide span{display: block;}
.noswiper-slide span{display: block;}

.swiper-slide h1{width: 100%;}


.noswiper-slide h1 > img{max-width:120px; margin-bottom:12px;}


.wimg{display: none!important;}
.mimg{display: block!important;}

.noswiper-slide{ /*background-image: url(../img/720m.jpg);}*/ text-align:left; padding-left:0px;
background-position-x:72%;}

.noswiper-slide h1{  position: absolute; left: 0px; bottom: 0px; top:auto; transform: translate(0, 0); font-size:36px; width:100%;
 text-align:left; padding:16px 24px; background-color:rgba(256,256,256,0.8);  /*text-shadow: 0 0 5px rgba(0,0,0,0.4);*/ }
.noswiper-slide p{font-size:20px; }

}



.vdo{max-width: 980px; margin: 0 auto 32px;}
.video-container {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 30px;*/
border:0px solid #dfdfdf;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}



.max980{max-width: 980px; margin: 0 auto; position:relative;}
.max480{max-width: 480px; margin: 0 auto;}

/*20231204*/

.yboxad{width: 100%; padding: 32px 24px 0px;}

.yboxad h1{font-size: 28px; color: #000; margin: 0 0 14px; line-height: 1.5;}

/*.yboxad h1::before{ width:16px; height:2px; background-color:#ffc075; content: '';  display:inline-block; margin:0 4px 0 0px;}
.yboxad h1::after{ width:16px; height:2px; background-color:#ffc075; content: '';  display:inline-block; margin:0 0 0 4px;}*/

.yboxad h2{font-size: 18px; color: #444; padding: 12px 0 0px; line-height: 1.5; transition:all .3s;}

.yboxad p{font-size: 16px; color: #444; margin: 0 0 24px; line-height: 1.5; text-align:center;}

.yboxad h3{font-size: 14px; color: #444; margin: 8px 0 32px; line-height: 1.5;}

.yboxad h5{font-size: 20px; font-weight: bold; color: #f08200; padding: 8px 0;}

.yboxad h6{font-size: 18px; color: #444; margin: 0 0 24px; line-height: 1.5;}

.yboxad span{ font-weight:bold; color:#f08200;}

.yboxad img{margin:0 0 -3px; border-radius: 8px}


@media screen and (max-width: 736px) {

.yboxad p{font-size: 18px;}
.yboxad h2{font-size: 16px;}
}












.textcenter{text-align: center;}
.textleft{text-align: left;}

.padding20{padding: 20px;}

.mb28{margin-bottom: 28px!important;}

.mb44{margin-bottom: 44px!important;}



.know{max-width: 980px; margin: 0 auto; }


.know > ul{overflow: hidden;}

.know > ul > li{float: left; width:calc(100% / 3 - 10px); margin:0 15px 16px 0;}

.know > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

.know > ul > li img:hover{opacity: 1; transform: scale(0.95);}

.know > ul > li:nth-child(3n+3){margin-right: 0;}


@media screen and (max-width: 736px) {


.know > ul > li{width:100%; margin-right: 0;}

/*.yboxad span{display:block;}*/




.yboxad h1{font-size:22px;}

}


.yboxads{width: 100%; position: relative; margin-bottom:32px;}

.yboxads h1{
  position: absolute; left: 44px; top: 48px; /*transform: translate(-50%, -50%);*/ font-size: 32px; 
  font-weight: bold; color: #fff; line-height: 1.2; display: block;
  text-shadow: 0 0 5px rgba(0,0,0,0.2); 
}

.yboxads span{color:#fff;}


@media screen and (max-width: 980px) {
  .yboxads h1{font-size: 40px;}
}



@media screen and (max-width: 736px) {


.yboxads span{display: block;}

.yboxads h1{ text-align:left; left: 5%; top: 9%; font-size: 26px;}

.pm16{font-size:16px!important;}

}


.pushgood{max-width: 980px; margin: 0 auto; }


.pushgood > ul{overflow: hidden;}

.pushgood > ul > li{float: left; width:calc(100% / 2 - 8px); margin:0 16px 16px 0;}

.pushgood > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

.pushgood > ul > li img:hover{opacity: 1; transform: scale(0.95);}

.pushgood > ul > li:nth-child(2n+2){margin-right: 0;}


@media screen and (max-width: 736px) {


.pushgood > ul > li{width:100%; margin-right: 0;}


}




.gooddesign{overflow: hidden; }

.gooddesign li{float: left; width:calc(100% / 3 - 10px); /*border-left:1px solid #ddd; color:#888;*/ margin-right:15px;}

.gooddesign li div{text-align:center; font-size:22px; font-weight:bold; height:40px; line-height:40px; color:#888;
border-radius:8px; border:1px solid #ddd; color:#888; transition: all .3s; }

.gooddesign li:nth-child(3n+3){/*border-right:1px solid #ddd;*/ margin-right:0;}

.gooddesign li div:hover{color:#333; background-color:#ddd;}


@media screen and (max-width: 736px) {


/*.gooddesign li{width:100%; border:0px solid #888;}*/

/*.gooddesign{border:1px solid #ddd; padding:8px 0; background-color:#fff; border-radius:8px; }*/

.gooddesign{padding:0 24px;}

.gooddesign li div{ height:auto; line-height:1.2; font-size:18px; padding:8px 0 6px; border-radius:8px;}

.gooddesign li div span{display:block;}


}



.know2{max-width: 980px; margin: 0 auto; }


.know2 > ul{overflow: hidden;}

.know2 > ul > li{width:calc(100%); margin:0 0px 16px 0; border:0px solid #ddd; border-radius:8px; overflow:hidden; 
  background-color:#fff;}



.know2 > ul > li:last-child{margin:0 0px 0px 0;}

.arbox{width:100%;}

.arbox ul{ overflow:hidden;}

.arbox li{float: right; text-align:left; position:relative; min-height:260px;}

.arbox li img{ border-radius:0; }

.arbox li h2{font-size:20px; color:#333; line-height:1.5; margin-bottom:8px; padding:0 0 0 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden;
  }


.arbox li h2::before {
  content: "✦";
  display: inline-block;
  margin-right:4px;
}




.arbox li p{font-size:16px; color:#666; line-height:1.8; margin-bottom:8px; overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

.arbox li h6{font-size:16px; color:#999; position:absolute; right:24px; bottom:20px; transition: all .3s;}

.arbox li h6:after{content:""; background-image:url('../img/paw.png'); background-repeat:no-repeat; background-position:center; background-size:18px; 
  width:18px; height:18px; display:inline-block; position:relative; padding:0px 0 0 8px; 
 vertical-align:middle; margin-top:-2px;}


.know2 > ul > li:hover h6{color:#333; }



.arbox li:nth-child(1){width:400px;}
.arbox li:nth-child(2){width:calc(100% - 400px); padding:20px 24px;}

@media screen and (max-width: 736px) {

.arbox li{min-height:auto;}
.arbox li:nth-child(1){width:100%}
.arbox li:nth-child(2){width:calc(100% - 0px); padding:14px 16px; height:auto;}

.arbox li h2{-webkit-line-clamp: 2;}

.arbox li p{margin-bottom:12px; -webkit-line-clamp: 3;}

.arbox li h6{position:relative; width:100%; text-align:right; right:4px; margin-bottom:4px; bottom:0px;}

}





.arbox2{width:100%;}

.arbox2 ul{ overflow:hidden;}

.arbox2 li{float: left; text-align:left; position:relative; min-height:260px;}

.arbox2 li img{ border-radius:0; }

.arbox2 li h2{font-size:20px; color:#333; line-height:1.5; margin-bottom:8px; padding:0 0 0 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden;
  }


.arbox2 li h2::before {
  content: "❤";
  display: inline-block;
  margin-right:4px;
}




.arbox2 li p{font-size:16px; color:#666; line-height:1.8; margin-bottom:8px; overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

.arbox2 li h6{font-size:16px; color:#999; position:absolute; right:24px; bottom:20px; transition: all .3s;}

.arbox2 li h6:after{content:""; background-image:url('../img/paw.png'); background-repeat:no-repeat; background-position:center; background-size:18px; 
  width:18px; height:18px; display:inline-block; position:relative; padding:0px 0 0 8px; 
 vertical-align:middle; margin-top:-2px;}



.arbox2 li:nth-child(1){width:400px;}
.arbox2 li:nth-child(2){width:calc(100% - 400px); padding:20px 24px;}

@media screen and (max-width: 736px) {

.arbox2 li{min-height:auto;}
.arbox2 li:nth-child(1){width:100%}
.arbox2 li:nth-child(2){width:calc(100% - 0px); padding:14px 16px; height:auto;}

.arbox2 li h2{-webkit-line-clamp: 2;}

.arbox2 li p{margin-bottom:12px; -webkit-line-clamp: 3;}

.arbox2 li h6{position:relative; width:100%; text-align:right; right:4px; margin-bottom:4px; bottom:0px;}

}







.photo3{width:100%; overflow:hidden; margin-bottom:32px;}

.photo3 li{ position:relative;}

.icons{padding:8px 12px; border-radius:0px 8px 0 8px; position:absolute; z-index:2; top:0px; right:0px; background-color:#fffcd9; color:#f08200; }


.photo3 li:nth-child(1){width:67%; float:left; max-height:431px; overflow:hidden; border-radius:8px;}

.photo3 li:nth-child(2){width:calc(33%); float:left; padding-left:16px; padding-bottom:22px; border-radius:8px;}

.photo3 li:nth-child(3){width:calc(33%); float:left; padding-left:16px; padding-top:0px; border-radius:8px;}

.photo3 li:nth-child(4){width:100%; float:left; overflow:hidden; padding-top:16px; border-radius:8px;}


@media screen and (max-width: 736px) {


.photo3 li:nth-child(1){width:100%; margin-bottom:16px;}

.photo3 li:nth-child(2){width:100%; margin-bottom:16px; padding:0;}

.photo3 li:nth-child(3){width:100%; padding:0;}

}




.gomore{width:100%; font-size:18px; color:#888; height:40px; line-height:40px; 
        text-align:center; border-radius:8px; border:1px solid #ddd;}




.newa{max-width:132px; position:fixed; right:0; bottom:0; z-index:999; display:none;}

.newa img{margin-bottom:-3px;}


@media screen and (max-width: 980px) {

.newa{max-width:100%; width:100%; padding:12px 24px; background-color:rgba(256,256,256,0.8); display:block;}

}



.splogo{max-width:160px; margin-bottom:12px; border-radius:8px;}


.noswiper-slide980{padding-top:0px; overflow:hidden;}

.noswiper-slide980 > img{border-radius:20px; margin-bottom:-3px;}

@media screen and (max-width: 980px) {


.noswiper-slide980{padding:40px 24px 0;}

}
@media screen and (max-width: 736px) {

.splogo{max-width:120px; }

.noswiper-slide980{padding:0;overflow:hidden;}
.noswiper-slide980 > img{border-radius:0px;}

}











.snowfall-flakes{ animation-iteration-count: infinite; animation-duration: 0.8s;  animation-name: swing2; opacity: 0.5;}


@keyframes swing2 {

from {
  transform: rotate3d(0, 0, 1, 30deg);
} 


  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 20deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}




.icongo{ width:100px; height:100px; border-radius:50%; font-size:22px; color:#fff; background-color:#f08200; text-align:center; line-height:1.2;
       margin:0 20px 20px 0; padding-top:24px; font-weight:bold; transition: all .3s; }

.icongo:hover{ margin:0 20px 32px 0; }

.icongo span{display:block;}

.icongo h3{display: block; font-size: 20px; color: #fffcd6;}


@media screen and (max-width: 980px) {

.icongo{ width:100%; height:auto; border-radius:12px; font-size:24px; text-align:center; line-height:1;
       margin:0 ; padding:12px 0; }

.icongo span{display:initial;}
	
.icongo h3{display: initial; font-size: 20px; color: #fffcd6;}
	
	
.icongo:hover{ margin:0 0px 0px 0; }	

}


.demby06{width: 100%; text-align: center; padding: 28px 24px 0; }

.demby06 img{  max-width: 980px;}

.demby06 h1{font-size: 32px; color: #444; margin: 0 0 20px; line-height: 1.5; }

.ddru{border-radius:8px 8px 0 0; margin: 0 0 -3px;}

.ddrd{border-radius:0 0 8px 8px;}

@media screen and (max-width: 736px) {



}





.albox{overflow: hidden;}

.albox > li{width: 50%; text-align: left; padding: 80px 0; float: right;}

.albox > li h2{font-size: 40px; color: #fff; font-weight: bold; margin: 0 0 12px; line-height: 1.5; text-shadow:0 0 5px rgba(0,0,0,0.5);}

.albox > li p{font-size: 24px; color: #fff; margin: 0 0 32px; line-height: 1.5; text-shadow:0 0 5px rgba(0,0,0,0.5);}

@media screen and (max-width: 736px) {

.albox > li{width: 100%; padding: 60px 0;}
.albox > li h2{font-size: 28px;}
.albox > li p{font-size: 16px;}
.albox > li:nth-child(2){display: none;}

}



.mb40{margin-bottom:40px;}





.photo0104{max-width: 980px; margin: 0 auto 32px;  }


.photo0104 > ul{overflow: hidden;}

.photo0104 > ul > li{float: left; width:calc(50% - 8px); margin:0 16px 0px 0; position:relative;}

.photo0104 > ul > li:hover h2{color: #333; }

.photo0104 > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

/*.photo0104 > ul > li img:hover{opacity: 1; transform: scale(0.95);}*/

.photo0104 > ul > li:nth-child(2n+2){margin-right: 0;}


@media screen and (max-width: 736px) {


.photo0104 > ul > li{width:100%; margin:0 0px 16px 0;}

.photo0104 > ul > li:last-child{margin-bottom:0;}


}



.pinkf{color:#f08200!important; font-weight:bold;}


.bp{font-size:40px!important; border:1px solid #888; padding:8px; margin-bottom:24px!important;
border-radius:8px; color:#888!important; font-weight: bold;}


@media screen and (max-width: 736px) {


.bp{font-size:26px!important;/*margin-bottom:0px!important;*/}


}







.photo0105{max-width: 980px; margin: 0 auto 9px; }


.photo0105 > ul{overflow: hidden;}

.photo0105 > ul > li{float: left; width:calc(100% / 3 - 10px); margin:0 15px 15px 0;}

.photo0105 > ul > li:hover h2{color: #333; }

.photo0105 > ul > li img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

/*.photo0105 > ul > li img:hover{opacity: 1; transform: scale(0.95);}*/

.photo0105 > ul > li:nth-child(3n+3){margin-right: 0;}


@media screen and (max-width: 736px) {


/*.photo0105 > ul > li{width:calc(50% - 8px); margin:0 16px 16px 0; }*/

/*.photo0105 > ul > li:nth-child(3n+3){margin-right: 16px;}

.photo0105 > ul > li:nth-child(2n+2){margin-right: 0px;}*/

/*.photo0105 > ul > li:last-child{margin-bottom:0;}*/
/*.photo0105 > ul > li:nth-last-child(-n+3){margin-bottom:0;}*/

}





.photobox{width: 100%; overflow: hidden; margin-bottom:24px;}



.swiper-slide {
      background-position: center;
      background-size: cover;
      width: calc(68%)!important;
}
@media screen and (max-width: 980px) {
    
    .swiper-slide {
      width: 100%!important;
    }


}



.mob{display: none;}
@media screen and (max-width: 736px) {

.mob{display: block;}

}




.listp{overflow: hidden; padding-left: 24px;}

.listp li{font-size: 16px; color: #666; text-align: left; line-height: 1.5; margin-bottom: 8px; list-style: decimal;}





.menu8 {
    width: 100%;
    /*margin-bottom: 20px;*/
    overflow: hidden;
    position: relative;
	padding:24px 0 0;
}
.menu8 ul {
    overflow: hidden;
    margin: 0 -8px;
}
.menu8 li {
    width: calc(100% / 3);
    float: left;
    padding: 0 8px;
}










.tag {
    position: absolute;
    top: -62px;
}

.tablinks3 {
    width: 100%;
    border-radius: 6px;
    transition: all .3s;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border:1px solid #444;
    background-color:#fff;

}
.tablinks3:hover {
    background-color: #f08200 !important;
    border:1px solid #f08200 !important;
}

.tablinks3:hover h1{
   color:#fff !important;
}


.tablinks3 h1 {
    font-size: 18px;
    color: #333;
    line-height:1.5;
	padding:8px;
	margin:0;
}

.tablinks3 h1 span{
    font-size: 18px;
	margin:0;
}



.tablinks3.active {
    background-color: #f08200 !important;
    border:1px solid #f08200 !important;

}
.tablinks3.active h1 {
    color:#fff !important;
}

.tabcontent3 {
    display: none;
}
#mygod01 {
    display: block;
}




.footer{width: 100%; background-color: #333; padding: 40px 24px 48px;}

.footer > ul{overflow:hidden; max-width:980px; margin:0 auto;}

.footer > ul > li{float:left; width:50%; }

@media screen and (max-width: 736px) {

.footer > ul > li{width:100%; }

.tablinks3 h1 span{display:block;}

}






.company{width: 100%;}

.company > ul{overflow: hidden; max-width: 980px; margin: 0 auto;}

.company > ul > li{ text-align: left; color: #eee; font-size: 16px; width:100%; margin-bottom:12px; line-height:1.5;}

.company > ul > li:nth-child(4){display:inline-block; width:180px;}
.company > ul > li:nth-child(5){display:inline-block; width:180px;}
.company > ul > li:last-child{color: #888; font-size: 12px; }

@media screen and (max-width: 980px) {


}

@media screen and (max-width: 736px) {


.company > ul > li{ font-size: 14px; width:100%;}

.company > ul > li:nth-child(4){display:inline-block; width:160px;}
.company > ul > li:nth-child(5){display:inline-block; width:160px;}



}

.social{width: 100%; text-align:right; min-height:140px; position:relative; padding-top:4px;}

.social > ul{overflow: hidden; max-width: 980px; margin: 0 auto 16px;}

.social > ul > li{display:inline-block; width:30px; margin-right:8px;  opacity:0.7;  transition:all .3s;}

.social > ul > li:hover{opacity:1;}

.social > ul > li:nth-last-child(1) {margin-right:0;}

/*.social > ul > li:last-child{margin-right:0;  position:absolute; right:0; bottom:0px; width: 320px; height: 70px; opacity:1;}*/



@media screen and (max-width: 736px) {

.social{width: 100%; text-align:left; padding-top:16px; min-height:auto; padding-bottom:40px;}
.social > ul > li{width:32px;}

/*.social > ul > li:last-child{position:relative; text-align:left; width:100%; padding-top:16px; height: 70px;}*/


}

.ptno{padding-top:0!important}

.txtleft{text-align:left!important;}


@media screen and (max-width: 736px) {


.txtleftm{text-align:left!important;}

}



.go2baby{ width:100px; position:fixed; right:24px; bottom:24px; z-index:99999;}


.go2baby > ul{overflow:hidden}


.go2baby > ul > li{ width:100%; float:left; margin-bottom:16px;}


.go2baby > ul > li h5{width:100px; height:100px; border-radius:50%; font-size:22px; color:#fff; background-color:#f08200; text-align:center; line-height:1.2;  padding-top:24px; font-weight:bold; transition: all .3s;}

.go2baby > ul > li h5:hover{ background-color:#efefef; color:#313332;}

.go2baby > ul > li span{display:block}




@media screen and (max-width:980px) {

.go2baby{ width:100%; padding:8px 16px; background-color:rgba(250,250,250,0.9); bottom:0; right:0; display:none;}
.go2baby > ul > li{ width:calc(50% - 6px); margin-right:12px; margin-bottom:0;}
.go2baby > ul > li:last-child{ margin-right:0;}

.go2baby > ul > li h5{ width:100%; line-height:40px; height:40px; padding:0; border-radius:8px;}

.go2baby > ul > li span{display:inline-block}

}



.stup{ width:100%; overflow:hidden; margin-bottom:0px;}

.stup > li{ float:left; min-height:200px;}




.stup > li:nth-child(odd) { width:calc(25% - 30px); padding:0 16px; }

.stup > li:nth-child(odd) div{ width:100%; background-color:#fffcd9; border-radius:16px; padding:8px 8px 16px; position:relative;}

.stup > li:nth-child(odd) img{margin:0; border-radius:0; width:60%; margin:4px auto 12px; opacity:0.5; transition:all .3s;}

/*.stup > li:nth-child(odd) img:hover{ opacity:0.8;}*/

.stup > li:nth-child(odd) h4{ font-size:16px; line-height:1.5; color:#444;}


.stup > li:nth-child(odd) h5{ font-size:16px; background-color:#fff; color:#f08200; line-height:30px; border-radius:8px; width:30px; padding:0;}




.stup > li:nth-child(even) { width:30px; position:relative;}

.stup > li:nth-child(even) img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; border-radius:0; width:20px; opacity:0.5;}


@media screen and (max-width:736px) {

.stup > li{min-height:auto;}
.stup > li:nth-child(odd) { width:calc(50%); padding:8px 8px;}
.stup > li:nth-child(even) { width:10px; display:none;}

.stup > li:nth-child(odd) img{ margin:0px auto 8px;}

.stup > li:nth-child(odd) h4{ font-size:15px; margin-bottom:4px;}

.stup > li:nth-child(odd) div{padding: 8px 8px 8px;}


}





.photo0410{width:100%; margin-bottom:17px;}

.photo0410 ul{overflow:hidden;}

.photo0410 ul li{width:calc(100% / 3 - 10px); margin-right:15px; margin-bottom:15px; float:left;}

.photo0410 ul li:nth-child(3n+3){margin-right:0;}


@media screen and (max-width:736px) {

.photo0410 ul li{width:calc(100% / 3 - 4px); margin-right:6px; margin-bottom:6px;}

}











#countdown{  width:100%; text-align:left; }

#countdown ul{ overflow:hidden; }

#countdown ul li{display:inline-block; font-size:16px; color:#888; margin-right:2px; font-weight:bold;}

#countdown ul li span {font-size:36px; color:#f08200!important;}


@media screen and (max-width:736px) {

#countdown ul li span {font-size:26px; }

#countdown{text-align:center;}

}



.rl2box{width:100%; overflow:hidden; margin-bottom:24px;}

.rl2box > li{float:left; width:50%;}

.rl2box > li > h1{text-align:right; line-height:initial; margin:0; margin-right:16px;}


@media screen and (max-width:736px) {

.rl2box > li{ width:100%;}

.rl2box > li > h1{text-align:center; margin-bottom:14px; margin-right:0;}

}



.popupshow{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.8); z-index:999999;}

.popupshow ul{width:calc(100% - 48px); top:50%; left:50%; position:fixed; z-index:9999999; transform:translate(-50%,-50%); background-color:#fff;
overflow:hidden; border-radius:16px; max-width:480px;}

.popupshow ul li{text-align:center;}

.popupshow ul li:nth-child(1){font-size:24px; color:#fff; background-color:#f08200; padding:12px 0;}

.popupshow ul li:nth-child(3){font-size:18px; color:#444; padding:12px 0;}

.popupshow ul li:nth-child(4){padding:0px 16px 16px;}

.popok{width:100%; max-width:300px; line-height:40px; height:40px; background-color:#f08200; color:#fff; text-align:center; margin:0 auto;
border-radius:8px;  font-size:18px; cursor:pointer; transition:all .3s;}

.popok:hover{background-color:#444;}




/*
.go2baby2{ width:100px; position:fixed; right:24px; bottom:24px; z-index:99999; display:none;}


.go2baby2 > ul{overflow:hidden}


.go2baby2 > ul > li{ width:100%; float:left; margin-bottom:16px;}


.go2baby2 > ul > li h5{width:100px; height:100px; border-radius:50%; font-size:22px; color:#fff; background-color:#f08200; text-align:center; line-height:1.2;  padding-top:24px; font-weight:bold; transition: all .3s;}




@media screen and (max-width:980px) {

.go2baby2{ width:100%; padding:8px 16px; background-color:rgba(250,250,250,0.9); bottom:0; right:0; display:block;}
.go2baby2 > ul > li{ width:calc(50% - 6px); margin-right:12px; margin-bottom:0;}
.go2baby2 > ul > li:last-child{ margin-right:0;}

.go2baby2 > ul > li h5{ width:100%; line-height:1; padding:10px 0 0px; border-radius:8px 8px 0 0; height:auto;}

.go2baby2 > ul > li span{display:inline-block; font-size:22px; margin-right:0; }

.go2baby2 > ul > li p{ width:100%; padding:8px 0 10px; border-radius:0 0 8px 8px; font-size:16px; margin:0; line-height:1; color:#fffcd9;
background-color: #f08200;}

}

*/


.newv{max-width: 980px; margin: 0 auto 24px; border:0px solid #ddd;}
.videonewv {
position: relative;
padding-bottom: 56.25%;
border:0px solid #dfdfdf;
height: 0;
overflow: hidden;
}
.videonewv iframe, .videonewv object, .videonewv embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}



.photobox0607{width: 100%; overflow: hidden; margin-bottom:0px;}
.mb16{margin-bottom:16px!important;}




.gamego{ margin-bottom:40px; }

.gamego img{width: 100%;  transition:all .3s; opacity: 1; border-radius: 8px;}

.gamego img:hover{opacity: 1; transform: scale(0.95);}



.sbox{position:relative; }




.titleimg{max-width:520px;  margin:20px auto 24px; border:1px solid #f08200; padding:16px 12px; border-radius:48px;
background-color:#f08200;}


@media screen and (max-width:736px) {

.titleimg{margin:8px auto 24px; padding:16px 4px;}

}




.stup{ width:100%; overflow:hidden; margin-bottom:32px;}

.stup > li{ float:left; min-height:200px;}




.stup > li:nth-child(odd) { width:calc(25% - 24px); padding:0 16px; }

.stup > li:nth-child(odd) div{ width:100%; background-color:#efefef; border-radius:16px; padding:8px 8px 16px; position:relative;}

.stup > li:nth-child(odd) img{margin:0; border-radius:0; width:60%; margin:4px auto 12px; opacity:0.5; transition:all .3s;}

/*.stup > li:nth-child(odd) img:hover{ opacity:0.8;}*/

.stup > li:nth-child(odd) h4{ font-size:16px; line-height:1.5; color:#444;}


.stup > li:nth-child(odd) h5{ font-size:16px; background-color:#a67a71; color:#fff; line-height:30px; border-radius:8px; width:30px; padding:0;}




.stup > li:nth-child(even) { width:32px; position:relative;}

.stup > li:nth-child(even) img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; border-radius:0; width:20px; opacity:0.5;}



@media screen and (max-width:980px) {
.stup > li{ float:left; min-height:165px;}
}


@media screen and (max-width:736px) {

.stup{  margin-bottom:24px;}
.stup > li{min-height:auto;}
.stup > li:nth-child(odd) { width:calc(50%); padding:8px 8px;}
.stup > li:nth-child(even) { width:10px; display:none;}

.stup > li:nth-child(odd) img{ margin:0px auto 8px;}

.stup > li:nth-child(odd) h4{ font-size:16px; margin-bottom:4px;}

.stup > li:nth-child(odd) div{padding: 8px 8px 8px;}

.stup > li:nth-last-child(-n+2){padding-bottom:0;}
.stup > li:nth-child(-n+3){padding-top:0; }

}





.startgo{ width:100%; max-width:300px; line-height:48px; height:48px; padding:0; border-radius:8px; font-size:24px; color:#fff; background-color:#f08200; font-weight:bold;
cursor:pointer; transition:all .3s; margin:0 auto 32px;}

.startgo:hover{ background-color:#444; color:#fff;}


@media screen and (max-width:736px) {

.startgo{max-width:calc(100% - 16px); margin-bottom:32px;}

}




.balckbg,.balckbg2{position:fixed; top:0;right:0;bottom:0;left:0; background-color:rgba(0,0,0,0.7); z-index:9999;  }


.pop{ width:100%; max-width:520px; position:fixed; z-index:999999; top:50%; left:50%; transform:translate(-50%,-55%);
  background-color:#fff; border-radius:16px; padding:0px 0px 24px; text-align:center; border:0px solid #f08200;
overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.5); }


  .pop > h2{font-size: 16px;
    color: #fff;
    margin: 0 0 8px;
    line-height: 1.5;
    font-weight: bold;
    width:100%;
    padding:8px 8px;
    background-color:#f08200;
    position:relative;
}


.pop > img{max-width:280px; margin:12px auto 12px;}





 .pop > h2 > p{width:40px; font-size:12px; color:#fff; position:absolute; top:0px; line-height:30px; right:0; cursor:pointer;}


  .pop > p{font-size: 16px;
    color: #444;
    margin: 0 0 0px;
    line-height: 1.5;}

  .pop > p span{color:#f08200; font-weight:bold;}


  .popspan{font-size:16px; line-height:1.5; padding:0 16px 18px; text-align:left;}


  .pop > h4 {
    font-size:16px;
    color: #444;
   margin-bottom:12px;}



    .pops{overflow:hidden; width:100%; padding:0 16px 0px;}

    .pops > li{width:calc(50% - 8px); float:left; margin-right:16px;}

    .pops > li:nth-child(2n+2){margin-right:0;}



   .pops2{overflow:hidden; width:100%; padding:0 16px 0px;}

    .pops2 > li{width:calc(100%); float:left; margin-right:0px;}

    .pops2 > li:nth-child(2n+2){margin-right:0;}




    .shopgo{ width:calc(100%); height:auto; border-radius:12px; font-size:20px; text-align:center; line-height:1; border:0;
       padding:14px 0;  color:#fff; background-color:#f08200; margin:0 auto; font-weight:bold; transition: all .3s;}

.shopgo:hover{ background-color:#666; }

       @media screen and (max-width: 980px) {

.pop{ width:calc(100% - 48px); padding:0px 0px 16px; max-height:90vh; overflow-y:auto;}






    .shopgo{ width:calc(100%);}

}



.banklist{overflow:hidden; margin-bottom:8px; text-align:left; padding:12px 16px 0;}

.banklist li{ margin-bottom:8px; line-height:1.5; font-size:16px; }

.banklist li:last-child{margin-bottom:0;}

.banklist li span{color:#f08200; font-weight:bold;}


.logoimg{width:160px; margin-bottom:8px!important;}




.banklist01{overflow:hidden; margin-bottom:12px; text-align:left; padding:8px 16px 0; overflow:hidden;}

.banklist01 li{ margin-bottom:8px; line-height:1.5; font-size:16px; }

.banklist01 li a{color:#bd0000; margin-bottom:4px; text-decoration:underline;}

.banklist01 li p{font-size:16px;}

.banklist01 li:nth-child(odd){margin-bottom:4px;}

.banklist01 li:nth-last-child(2){margin-bottom:4px; width:50%; float:left; margin-top:4px;}

.banklist01 li:nth-last-child(1){margin-bottom:4px; width:50%; float:left; margin-top:4px;}

.banklist01 li input{width:100%; height:36px; font-size:18px; padding:0 8px; border-radius:4px; border:1px solid #666; background-color:#fff;}

.banklist01 li input[type="checkbox"]{width:18px; height:18px; vertical-align:middle; margin-bottom:0px; 
  border-radius:4px; border:1px solid #666; background-color:#fff; padding:0;}

.banklist01mb8{margin-bottom:8px!important;}

.banklist01 li label{vertical-align:middle;}

.banklist01 li span{color:#f08200; font-weight:bold;}


.banklist01 li select{width:100%; height:36px; font-size:18px; padding:0 0 0 8px; border-radius:4px; border:1px solid #666; background-color:#fff;
box-sizing:border-box;}


     .hidden { display: none; }

       /* .pop { background: white; margin: 50px auto; padding: 20px; width: 300px; }*/
        .textcenter { text-align: center; }











            .whatsappgo{ width:calc(100% - 48px); max-width:800px; height:auto; border-radius:12px; font-size:20px; text-align:center; line-height:1; border:0;
       padding:14px 0;  color:#fff; background-color:#25D366; margin:0 auto 40px; font-weight:bold; transition: all .3s;}

.whatsappgo:hover{ background-color:#075E54; }



.redimp{width:100%; color: #d50000;font-size: 18px !important;padding: 4px 6px;text-align: center;border-radius: 8px;border: 1px solid #d50000;}


/*
.himg{max-width:980px; margin:24px auto 0;}

.himg img{ border-radius:8px;}*/

.himg{background-image:url(../img/1920X520.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed;}


.go2baby2{ width:120px; position:fixed; right:40px; bottom:24px; z-index:999; /*display:none;*/ transition: all .3s;}


.go2baby2 > ul{/*overflow:hidden*/}


.go2baby2 > ul > li{ width:100%; /*float:left;*/ margin-bottom:16px; position:relative;}

.go2baby2 > ul > li img{width:100%; position:absolute; z-index:9; top:0; transform:translateY(-100%);}


.go2baby2 > ul > li h5{width:120px; height:100px; border-radius:12px; 
  font-size:22px; color:#fff; background-color:#f08200; text-align:center; line-height:1.2;  
  padding-top:24px; font-weight:bold; transition: all .3s;}

.go2baby2:hover{ bottom:40px;}

/*.go2baby2:hover .bb{ background-color:#5d3b1f;}*/

.go2baby2 > ul > li h5 span{display:block;}


@media screen and (max-width:980px) {

.go2baby2{ width:100%; padding:8px 16px; background-color:rgba(250,250,250,0.9); bottom:0; right:0; display:block;}
.go2baby2:hover{ bottom:0px;}
.go2baby2 > ul > li{ width:calc(100%); margin-right:0px; margin-bottom:0;}
.go2baby2 > ul > li:last-child{ margin-right:0;}

.go2baby2 > ul > li h5{ width:100%; line-height:1; padding:16px 0; border-radius:8px; height:auto; font-size:24px; }

/*.go2baby2 > ul > li span{display:inline-block; font-size:22px; margin-right:0; }*/

.go2baby2 > ul > li p{ width:100%; padding:8px 0 10px; border-radius:0 0 8px 8px; font-size:16px; margin:0; line-height:1; color:#fffcd9;
background-color: #f08200;}

.go2baby2 > ul > li h5 span{display:inline-block; margin-left:8px;}

.go2baby2 > ul > li img{width:100px; right:12px;}

}



.photo114{width:100%; overflow:hidden; margin-bottom:24px; }

.photo114 li:nth-child(1){width:66%; float:left; max-height:431px; overflow:hidden;}

.photo114 li:nth-child(2){width:calc(33%); float:left; padding-left:16px; padding-bottom:11px;}

.photo114 li:nth-child(3){width:calc(33%); float:left; padding-left:16px; padding-top:11px;}


@media screen and (max-width: 736px) {


.photo114 li:nth-child(1){width:100%; margin-bottom:16px;}

.photo114 li:nth-child(2){width:calc(50%); float:left; padding-left:0px; padding-bottom:0px; padding-right:8px;}

.photo114 li:nth-child(3){width:calc(50%); float:left; padding-left:8px; padding-top:0px; }

}



.c520{max-width:980px; text-align:center; margin:0 auto;}

.m520{display:none;}



.max980 h3{font-size:40px; color:#333; position:absolute; z-index:9; top:50%; left:0; font-weight:bold; transform:translate(0,-92%);}

.max980 h3 > img{max-width:240px; margin-bottom:24px;}

.max980 h3 > p{font-size:24px; color:#666; margin-top:16px; }


@media screen and (max-width:980px) {

  .c520{display:none;}
  .m520{display:block;}


.max980 h3{ font-size:32px; left:24px;}


.max980 h3 > img{max-width:160px; margin-bottom:16px;}

.max980 h3 > p{font-size:16px; color:#666; margin-top:12px; }



}



@media screen and (max-width:736px) {


.max980 h3{ background-color:rgba(255,248,220,0.8); padding:16px 20px; top:initial; left:0; bottom:-20%; transform:translate(0,0%);
font-size:28px;
}

.max980 h3 > img{max-width:120px; margin-bottom:16px;}

.max980 h3 > p{font-size:16px; color:#666; margin-top:12px; }


}







.photo1226{max-width: 980px; margin: 0 auto 24px; }


.photo1226 > ul{overflow: hidden;}

.photo1226 > ul > li{float: left; width:calc(25% - 12px); margin:0 16px 16px 0;}

.photo1226 > ul > li:hover h2{color: #333; }

.photo1226 > ul > li img{width: 100%;  transition:all .3s; opacity:1; border-radius: 8px;}

.photo1226 > ul > li img:hover{opacity: 1; transform: scale(0.95);}

.photo1226 > ul > li:nth-child(4n+4){margin-right: 0;}


@media screen and (max-width: 736px) {


.photo1226 > ul > li{width:calc(50% - 8px); margin:0 16px 16px 0;}
  
.photo1226 > ul > li:nth-child(4n+4){margin-right: 16px;}
  
.photo1226 > ul > li:nth-child(2n+2){margin-right: 0px;}

.photo1226 > ul > li:nth-last-child(-n+2){margin-bottom:0;}


}



.oneimg{margin-bottom:24px;}




.photo126{width:100%; overflow:hidden; margin-bottom:24px; }

.photo126 li:nth-child(1){width:66%; float:right; max-height:431px; overflow:hidden;}

.photo126 li:nth-child(2){width:calc(33%); float:right; padding-right:16px; padding-bottom:11px;}

.photo126 li:nth-child(3){width:calc(33%); float:right; padding-right:16px; padding-top:11px;}


@media screen and (max-width: 736px) {


.photo126 li:nth-child(1){width:100%; margin-bottom:16px;}

.photo126 li:nth-child(2){width:calc(50%); float:right; padding-right:0px; padding-bottom:0px; padding-right:8px;}

.photo126 li:nth-child(3){width:calc(50%); float:right; padding-right:8px; padding-top:0px; }

}






.cbg{background-color:#f5f5f5; padding-bottom:24px;}