.height85{ height:85px; width: 100%;}.height75{ height:75px; width: 100%;}.height65{ height: 65px;} .height60{ height: 60px;}.height50{ height:23px; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
/*---4----*/

.W1202 {max-width: 1202px;margin: 0 auto;}
@media (max-width: 1450px){.W1202 {max-width: 1000px;}}

.footerimg li img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.footerimg li img {
    webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;
}

/*title*/
.relative{ display: block; text-align: center; width: 1780px; margin: auto; position: absolute; left: 50%; margin-left: -890px}
.imgd1,.imgd2,.title-2{ display: inline-block; vertical-align: middle; }
.title-2{ width: 867px; margin: auto; font-size: 36px; color: #fff; font-weight: bold;}
.imgd1 img,.imgd2 img{ margin: 0 10px;}

.font36{ display: block; background: #fff; text-align: center; font-size: 30px; padding: 10px 0; color: #ff6e1e; margin: 0 0.5%}
.font36:hover{color: #f41038}
@media (max-width:1450px) {
.title-2 {width:756px;font-size: 30px;}
.imgd1 img,.imgd2 img{ max-width:23%;}        
}
@media (max-width:1000px) {

}    
@media (max-width:768px) {
.title-2 {
    width: 500px;
    font-size: 15px;
}    
.font36{ font-size: 20px;padding: 5px 0;}    

.imgd1 img,.imgd2 img{ max-width:70px;}    
.height65 { height: 35px;}
    .height65.mmm{ display: none;}    
.height60 { height: 45px; line-height: 14px;}  
.height50 { height: 18px;} 
.height50.mgg{ height: 10px;}     
.height25 {height: 35px;}

 .title-2 br{ display: none}    
}
@media (max-width:550px) {
.imgd1 img,.imgd2 img{ display: none;}  
.title-2 {
    width: 340px;
    font-size: 15px;
} 
}
/*框架*/
.anniversary-bg.pa1,.anniversary-bg.ys2{ padding:1.5% 1% 0.5% 1%;}
.anniversary-bg.ys1{border-color:#ff6e1e; }
.anniversary-bg.ys2{border-color:#fff;background: #1d8eb5;}
.socialImg{ display: block; margin-bottom: 2%;}

/*----------------------------------------------/产品5个--*/
.Price0{ padding: 15px 0; color: #9a9a9a; font-size: 15.7px;}
.Price1{font-size: 14px; }
.Price2{ color: #ff6e1e; font-size: 14px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {
    width: 100%;line-height: 16px; background: #ff6e1e;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;
    border-radius: inherit;
}
@media (max-width:1450px) {
.Price0 {font-size: 12px;} 
.Price1{font-size: 12px; }    
.Price2 {font-size: 12px; padding: 5px 0;}  
    .b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{ font-size: 14px;}    
   }
@media (max-width:850px) {}
@media (max-width:650px) {
    .anniversary-bg.pa1, .anniversary-bg.ys2 {
       padding:8px 1% 0px 1%;
}
}
@media (max-width:500px) {
.socialImg {
    margin-bottom: 13px;
    margin-left: 3px;
    margin-right: 3px;
}    
/*-----------1----------*/
.Social p a{font-size: 15px;}
/*-----------2----------*/  
.Price0 {font-size: 2.7vw; padding: 8px 0;}
.Price1 {line-height:10px;}       
.Price2 { font-size: 2.8vw; padding: 1px 0;line-height: 25px;}   
.LearnMore {font-size: 15px;} 
}

/*footer*/
.footerimg { max-width: 1214px; margin:4.7% auto 250px auto; position: relative; }
.footerimg ul{position: relative; z-index: 10;  margin-top: 2%;}
.footerimg ul li{ float: left; width:33.33%; padding:1.7% 1% }
.Reflection{ -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,.2));
             box-reflect: below 0px linear-gradient(transparent 85%,rgba(0,0,0,.2));
}
.fo2,.fo1Left,.fo2Right{position: absolute;}
.fo2{margin-top:-9.5%; z-index: 0;}
.fo1Left{left: -243px;bottom:-16.3%; width: 20.1%;}
.fo2Right{right: -232px;bottom:-16.3%; width: 20.1%;}
.footerimg .hoverIMG {
    webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;
}
.footerimg .hoverIMG:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
@media (max-width:1450px) {
    .footerimg { max-width: 1000px;  } 
    .fo1Left {left: -201px; bottom: -16.4%; width: 20.2%;}
    .fo2Right {right: -201px; bottom: -16.4%; width: 20.2%;}
 
}
@media (max-width: 1000px){
 .footerimg {  margin: 3% 1% 50px 1%;}   
 .fo2,.fo1Left,.fo2Right{ display: none;} 
.Reflection {
    -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,0));
    box-reflect: below 0px linear-gradient(transparent 85%,rgba(0,0,0,0));
}    
}
@media (max-width: 500px){
.footerimg ul li {
    width: 50%;
    padding: 3% 1%;
} 
 .footerimg {  margin:20px 1% 50px 1%;} 
    
}