.naxf{position:absolute;width:100%;overflow:hidden;left:0%;top:25%;}
.naxf00{position:relative;width:80%;max-width:1200px;overflow:hidden;margin:0 auto;}
.naxf00 h2{position:relative;width:100%;max-width:400px;overflow:hidden;text-align:left;color:#fff;font-size:32px;}
.naxf00 p{position:relative;width:100%;max-width:400px;overflow:hidden;text-align:left;color:#fff;font-size:18px;line-height:2;margin-top:20px;}

.xxdz1{position:relative;width:100%;margin-top:40px;}
.xxdz11{position:relative;width:100%;text-align:center;font-size:48px;color:#333;font-weight:800;}
.xxdz12{position:relative;width:100%;text-align:center;font-size:24px;color:#333;font-weight:500;}

.xxdz2{position:relative;width:100%;max-width:1200px;margin:0 auto;margin-top:40px;overflow:hidden;}
.xxdz21{position:relative;width:33.33%;float:left;overflow:hidden;}
.xxdz211{position:relative;margin:0px 5px 0px 0px; overflow:hidden;}
.xxdz212{position:relative;margin:0px 5px 0px 5px; overflow:hidden;}
.xxdz213{position:relative;margin:0px 0px 0px 5px; overflow:hidden;}
.xxdz2111{position:relative;width:100%;overflow:hidden;}
.xxdz2111 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz211:hover .xxdz2111 img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}



.xxdz212:hover .xxdz2111 img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz213:hover .xxdz2111 img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz2112{position:relative;width:70px;overflow:hidden;margin:0 auto;height:1px;background:#333;margin-top:25px;transition: all 1s ease-out;}

.xxdz211:hover .xxdz2112{width:50px;display:block;
transition: all 1s ease-out;
}
.xxdz212:hover .xxdz2112{width:50px;display:block;
transition: all 1s ease-out;
}
.xxdz213:hover .xxdz2112{width:50px;display:block;
transition: all 1s ease-out;
}
.xxdz2113{position:relative;width:100%;overflow:hidden;margin-top:25px;text-align:center;font-size:24px;color:#454545;}

.xxdz3{position:relative;width:350px;margin:0 auto;font-size:18px;line-height:45px;overflow:hidden;margin-top:40px;text-align:center;border:1px solid #777;color:#333;font-weight:700;transition: all 1s ease-out;}
.xxdz3:hover{color:#fff;background:#dc2821;border:1px solid #dc2821;transition: all 1s ease-out;}

.xxdz4{position:relative;width:100%;overflow:hidden;margin-top:60px;}
.xxdz41{position:relative;width:100%;overflow:hidden;}
.xxdz41 img{width:100%;display:block;}
.xxdz42{position:absolute;width:100%;overflow:hidden;top:0%;left:0%;}
.xxdz421{position:relative;width:90%;max-width:1200px;overflow:hidden;margin:0 auto;margin-top:60px;}
.xxdz421 h2{position:relative;width:100%;overflow:hidden;text-align:center;color:#fff;font-size:48px;font-weight:800;}
.xxdz421 p{position:relative;width:100%;max-width:900px;margin:0 auto;overflow:hidden;text-align:center;color:#fff;font-size:18px;margin-top:20px;line-height:1.8;}

.xxdz422{position:relative;width:90%;max-width:1200px;overflow:hidden;margin:0 auto;margin-top:40px;}
.xxdz4221{position:relative;width:37.57%;overflow:hidden;float:left;}
.xxdz42211{position:relative;width:70%;overflow:hidden;float:right;}
.xxdz42212{position:relative;width:100%;overflow:hidden;}
.xxdz422110{position:relative;margin:0px 10px 10px 0px;overflow:hidden;cursor:pointer;

}
.xxdz422120{position:relative;margin:10px 10px 10px 0px;overflow:hidden;
cursor:pointer;

}
.xxdz422110 img{width:100%;display:block;transform: scale(1.0);
transition: all 1s ease-out;}
.xxdz422110:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz422120 img{width:100%;display:block;transform: scale(1.0);
transition: all 1s ease-out;}
.xxdz422120:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz4220{position:relative;width:62.43%;overflow:hidden;float:left;}

.xxdz4222{position:relative;width:100%;overflow:hidden;}
.xxdz42221{position:relative;width:60%;overflow:hidden;float:left;}
.xxdz42222{position:absolute;width:40%;overflow:hidden;right:0%;bottom:0%;}
.xxdz422210{position:relative;margin:0px 10px 10px 10px;overflow:hidden;
cursor:pointer;

}
.xxdz422220{position:relative;margin:0px 0px 10px 10px;overflow:hidden;
cursor:pointer;

}
.xxdz422210 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz422210:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz422220 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz422220:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}
.xxdz4223{position:relative;width:100%;overflow:hidden;}
.xxdz42231{position:relative;width:45%;overflow:hidden;float:left;}
.xxdz42232{position:relative;width:55%;overflow:hidden;float:left;}
.xxdz422310{position:relative;margin:10px 10px 10px 10px;overflow:hidden;
cursor:pointer;

}
.xxdz422320{position:relative;margin:10px 0px 10px 10px;overflow:hidden;
cursor:pointer;

}
.xxdz422310 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz422310:hover img{width:100%;display:block;
transform: scale(0.9);
transition: all 1s ease-out;
}
.xxdz422320 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz422320:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}

.lggd{margin-left:1px;margin-right:1px;border:1px solid #fff;margin-top:15px;text-align:center;font-size:24px;color:#fff;height:45px;line-height:45px;transition: all 1s ease-out;}
.lggd:hover{margin-left:5px;margin-right:5px;border-radius:10px;transition: all 1s ease-out;}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.3em);
    transform: translateY(0.3em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.3em);
    transform: translateY(0.3em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.xxdz5{position:relative;width:100%;overflow:hidden;}
.xxdz51{position:relative;width:100%;max-width:1200px;margin:0 auto;margin-top:60px;overflow:hidden;}
.xxdz51 h2{position:relative;width:100%;overflow:hidden;text-align:center;font-size:48px;font-weight:800;}
.xxdz51 p{position:relative;width:100%;overflow:hidden;text-align:center;font-size:24px;}
.xxdz52{position:relative;width:100%;max-width:1200px;margin:0 auto;margin-top:60px;}
.xxdz521{position:relative;width:100%;}
.xxdz5211{position:relative;width:100%;overflow:hidden;background:#dce6ef;}
.xxdz52110{position:relative;width:60%;overflow:hidden;float:left;}
.xxdz52111{position:relative;margin:40px 20px 40px 30px; overflow:hidden;}
.xxdz52111 h2{font-size:20px;font-weight:800;}
.xxdz52111 p{line-height:1.8;margin-top:20px;font-size:16px;}
.xxdz5212{position:absolute;width:40%;overflow:hidden;right:-30px;top:-30px;}

.xxdz5212 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.xxdz5212:hover img{width:100%;display:block;
transform: scale(1.1);
transition: all 1s ease-out;
}

.xxdz522{position:relative;width:100%;overflow:hidden;background:#f7f6fb;}
.xxdz5221{position:relative;width:25%;overflow:hidden;float:left;}
.xxdz52211{position:relative;margin:25px 25px 25px 25px;overflow:hidden;font-size:20px;line-height:2.0;}
.xxdz5222{position:relative;width:75%;overflow:hidden;float:left;}
.xxdz5222 img{width:100%;display:block;}
.xxdz5223{position:absolute;width:50%;overflow:hidden;left:0%;bottom:0%;background:#dce6ef;}
.xxdz52231{position:relative;width:50%;overflow:hidden;float:left;}
.xxdz52231 img{width:100%;display:block;}
.xxdz52232{position:relative;width:50%;overflow:hidden;float:left;}
.xxdz522321{position:relative;overflow:hidden;margin-left:20px;margin-right:20px;margin-top:30px;}
.xxdz522321 h2{font-size:20px;}
.fwen{position:relative;width:100%;overflow:hidden;line-height:2.0;font-size:14px;}
.fwen1{position:relative;width:25px;overflow:hidden;float:left;}
.fwen2{position:relative;overflow:hidden;float:left;
width:-webkit-calc(100% - 25px); 
width:-moz-calc(100% - 25px); 
width:calc(100% - 25px); 
}

.xxdz523{position:relative;width:100%;overflow:hidden;}
.xxdz5231{position:relative;width:75%;float:right;overflow:hidden;background:#76c1e8;color:#fff;}

.xxdz52311{position:relative;width:73%;float:left;overflow:hidden;}
.xxdz523111{position:relative;margin-left:20px;margin-right:20px;margin-top:30px;overflow:hidden;font-size:20px;}
.xxdz523111 h2{font-size:20px;color:#fff;}
.xxdz523112{position:relative;width:100%;overflow:hidden;}
.xxdz5231121{position:relative;width:50%;overflow:hidden;float:left;}
.xxdz52311210{position:relative;overflow:hidden;margin-left:20px;margin-right:20px;margin-top:10px;margin-bottom:20px;}
.xxdz52312{position:relative;width:27%;float:left;overflow:hidden;}
.xxdz52312 img{width:100%;display:block;}

.xxdz524{position:relative;width:100%;overflow:hidden;margin-top:60px;}
.xxdz5240{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
.xxdz5241{position:relative;width:66.6%;overflow:hidden;float:left;}
.xxdz52411{position:relative;width:85%;overflow:hidden;float:left;background:#76c1e8;}
.xxdz524110{position:relative;overflow:hidden;margin:40px 200px 150px 40px;}
.xxdz524110 h2{font-size:36px;color:#fff;font-weight:800;}
.xxdz524110 p{font-size:16px;color:#fff;line-height:1.8;margin-top:20px;}
.xxdz52412{position:relative;width:50%;overflow:hidden;float:left;margin-left:-280px;margin-top:20%;}
.xxdz52412 img{width:100%;display:block;
-webkit-animation: floaat ease-in-out 1.5s infinite;
animation: floaat ease-in-out 1.5s infinite;
}

@-webkit-keyframes floaat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5em);
    transform: translateY(0.5em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes floaat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5em);
    transform: translateY(0.5em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.xxdz5242{position:relative;width:33.3%;overflow:hidden;float:right;}
.xxdz52421{position:relative;width:100%;overflow:hidden;}
.xxdz52421 img{width:100%;display:block;}
.xxdz52422{position:relative;width:100%;overflow:hidden;background:#dbdfea;}
.xxdz524220{position:relative;margin-top:15px;margin-left:20px;margin-bottom:20px; overflow:hidden;font-size:36px;font-weight:800;}

.xxdz525{position:relative;width:100%;overflow:hidden;margin-top:60px;}
.xxdz5251{position:relative;width:100%;overflow:hidden;}
.xxdz5251 img{width:100%;display:block;}
.xxdz5252{position:absolute;width:100%;overflow:hidden;left:0%;top:0%;}
.xxdz52521{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;margin-top:100px;}
.xxdz525211{position:relative;width:54%;float:left;overflow:hidden;}
.xxdz525212{position:relative;width:46%;float:right;overflow:hidden;}
.xxdz525212 h2{margin-left:30px;font-size:36px;color:#fff;line-height:1.4;font-weight:800;}
.xxdz525212 p{margin-left:30px;font-size:16px;color:#fff;line-height:2.0;margin-top:25px;}


.xtjia{position:relative;width:100%;margin-top:40px;overflow:hidden;}
.xtjiab{position:relative;width:72%;overflow:hidden;float:right;}
.xtjiaba{position:relative;width:100%;overflow:hidden;background:#91ceed;padding-bottom:80px;}
.xtjiabaa{position:relative;width:60%;overflow:hidden;float:right;margin-right:5%;margin-top:80px;}
.xtjiabaa h2{font-size:32px;color:#333;font-weight:bold;line-height:1.5;}
.xtjiabaa p{font-size:16px;color:#333;line-height:1.8;margin-top:25px;}

.xtjiabb{position:relative;width:100%;overflow:hidden;margin-top:20px;}
.xtjiabb img{width:100%;display:block;}

.xtjiaa{position:absolute;
width:-webkit-calc(28% - 20px); 
width:-moz-calc(28% - 20px); 
width:calc(28% - 20px); 
height:320px;
overflow:hidden;
left:0%;
bottom:0%;
background:#dce6ef;
}
.xtjiac{position:absolute;
width:50%;
overflow:hidden;
left:0%;
bottom:25%;
}
.xtjiac img{width:100%;display:block;}

/**/
@media screen and (max-width:500px){
.naxf00 h2{font-size:24px;}
.naxf00 p{display:none;}
a.top-cart{display:none;}
.xxdz11 {
    width:93.75%;
	margin:0 auto;
    font-size:24px;
}
.xxdz12{
    width:93.75%;
	margin:0 auto;
    font-size:16px;
	margin-top:10px;
}

::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::placeholder {
    color: 
    #ababab;
    opacity: 1;
}
::placeholder {
    color: #444;
}
::selection {
    background: 
#4fc1f0;
color:
    #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

.xxdz21 {
    width:93.7%;
	margin-left:3.15%;
	margin-bottom:20px;
}
.xxdz2112 {
    margin-top:15px;
}
.xxdz2113 {
    margin-top:10px;
    font-size:18px;
}
.xxdz421{display:none;}
.xxdz422 {
    margin-top:10px;
}
.lggd {
display:none;
}
.xxdz51 h2 {
    font-size:24px;
}

.xxdz52110 {
    width:100%;
}
.xxdz5212 {
    width:25%;
}
.xxdz5221 {
    width:100%;
}
.xxdz5223 {
    position:relative;
    width:100%;
    left: 0%;
    bottom:none;
}
.xxdz5222 {
    width:100%;
}
.xxdz52231 {
    width:100%;
}
.xxdz52232 {
    width:100%;
	padding-bottom:25px;
}
.xxdz5231 {
    width:100%;
}
.xxdz52311{
    width:100%;
}
.xxdz52312{
    width:100%;
}
.xxdz5241 {
    width:100%;
}
.xxdz5242{
    width:100%;
}
.xxdz524110 {
    position: relative;
    overflow: hidden;
    margin: 25px 25px 25px 25px;
}
.xxdz52411 {
    width:100%;
}
.xxdz52412 {
    width:80%;
    margin-left:10%;
    margin-top:10px;
}
.xxdz52521 {
    margin-top:0px;
}
.xxdz525212 {
display:none;
}
.xxdz5251 {
  display:none;
}
.xxdz5252 {position:relative;margin-bottom:40px;}
.xxdz525211 {
    width: 100%;
}
}