/*
.loading-cover{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;background-color:#fff}
.css3-spinner{height:30px}
.css3-spinner .css3-spinner-bounce1{margin-left:-31px;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.css3-spinner .css3-spinner-bounce2{margin-left:-9px;-webkit-animation-delay:-.16s;animation-delay:-.16s}
.css3-spinner

div
{
	position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:13px;width:11px;height:11px;
	background-color:#ccc;border-radius:100%;display:inline-block;
	-webkit-animation:a 1.4s infinite ease-in-out;animation:a 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode:both;animation-fill-mode:both
}
*/
.spinner-container{top:50%;left:50%}

/* 
@-webkit-keyframes a{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}  
@keyframes a{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}a:focus,a:hover{text-decoration:none}
*/
.ani-container{height:60px;width:100%;position:fixed;z-index:1}
.navigation{background-color:transparent;overflow:hidden;height:60px;display:table;width:100%;padding-left:70px;box-sizing:border-box}
.navigation .logo{display:table-cell;vertical-align:middle}
.navigation .logo img{width:150px}
.navigation .nav-link-container{float:right;overflow:hidden}
.navigation .nav-link-container ul{margin:0;padding:0}
.navigation .nav-link-container ul li{list-style:none;float:left;margin:0 30px}
.navigation .nav-link-container ul li:last-child{margin-right:90px}
.navigation .nav-link-container ul li a{text-decoration:none;color:#97072B;opacity:.5;font-size:14px;line-height:60px}
.navigation .nav-link-container ul li a.hactive,.navigation .nav-link-container ul li a:hover{color:#26b17a;opacity:1}
.mobile-navigation,.open-panel{display:none}

/*  */
.open-panel{float:right;width:20px;height:20px;position:relative;text-indent:-9999px;overflow:hidden;margin:6px 0 0}
.open-panel:after,.open-panel:before,.open-panel span{background-color:#999;position:absolute;top:9px;left:0;right:0;height:2px;-webkit-transition:all,.2s,linear,.2s;transition:all,.2s,linear,.2s}
.open-panel:before{content:' ';top:2px}
.open-panel:after{content:' ';top:16px}.m-header,.open-panel.m-home:after,.open-panel.m-home:before,.open-panel.m-home span{background-color:#fff}
.m-header{display:none;width:100%;top:0;left:0;position:fixed;box-shadow:0 0 1px 0 rgba(0,0,0,.2);z-index:4;-webkit-transition:background,.3s,ease,.3s;transition:background,.3s,ease,.3s}
.m-header.m-home{box-shadow:none;background-color:transparent}
.active-nav .open-panel span{opacity:0}.active-nav .open-panel:after,.active-nav .open-panel:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%;left:0;right:0;background:#999}
.active-nav .open-panel:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open-panel.img2 span,.open-panel.img2:after,.open-panel.img2:before{background-color:#fff}

@media screen and (max-width:768px)
{
	.navigation{display:none}
	.mobile-navigation
	{
		width:100%;position:fixed;left:0;top:0;bottom:0;height:100%;z-index:3;opacity:0;display:block;-webkit-transition:all,.3s,ease,.3s;transition:all,.3s,ease,.3s;
		-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);overflow:scroll;background-color:#fff
	}
	.mobile-navigation ul.menu{margin:0;padding:80px 40px;background:none}
	.mobile-navigation ul.menu li{margin:0;padding:0;list-style:none;display:block;width:100%;text-align:left;background:none}
	.mobile-navigation ul.menu li a{display:block;padding:15px 0;font-weight:500;font-size:16px;color:#666}
	.mobile-navigation ul.menu li a:hover{cursor:pointer}
	.m-header{padding:10px 0;display:block;background:transparent}
	.m-logo{float:left;height:34px}
	.m-logo img{width:65px;padding-top:5px;height:30px;display:block}
	.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
	.open-panel{display:block}
	.mobile-navigation.active-nav{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
/*
body{margin:0;min-width:1200px;overflow:hidden}
ul li{list-style:none}*{margin:0;padding:0}
#mypic{position:relative}
#mypic ul{position:absolute;top:10%;left:0;width:100%}
#mypic ul li{color:#999;text-align:center;font-size:16px}
#mypic ul .name5{padding-left:20px;padding-bottom:10px;color:#666;font-size:36px}
#mypic img{width:100%}.clear{clear:both}
#mypic1{position:relative}
#mypic1 ul{position:absolute;top:15%;left:20%}
#mypic1 ul a{text-decoration:underline;color:#999}
#mypic1 ul .name1{color:#707271;font-size:30px}
#mypic1 ul .name2{line-height:40px;color:#999;font-size:18px}
#mypic1 ul .name3{color:#999;font-size:16px}
#mypic1 ul .name4{padding-bottom:20px;color:#f60}
#mypic1 ul .name4 a{display:inline-block;width:130px;position:relative;top:5px}
#mypic1 ul .name4 button{margin-left:20px;font-size:16px;background-color:#fff;border-radius:4px;padding:0 15px;border:1px solid #f60}
#mypic1 ul .name4 h1{font-weight:200;display:inline-block}
#mypic1 ul .erweima{display:none;position:absolute;top:55%;left:55%}
#mypic1 ul .erweima img{width:160px;border:1px solid #eee}
#mypic1 img{width:100%}
#mypic2{position:relative}
#mypic2 ul{position:absolute;top:20%;left:53%}
#mypic2 ul a{text-decoration:underline;color:#999}
#mypic2 ul .type1{color:#707271;font-size:30px}
#mypic2 ul .type2{line-height:40px;color:#999;font-size:16px;margin-bottom:30px}
#mypic2 img,
#mypic3 img{width:100%}
*/
.indexpic{display:none}
/*
.indextop{position:relative}
.indextop ul{position:absolute;top:10%;left:0;width:100%}
.indextop ul li{font-size:14px;text-align:center;color:#999}
.indextop ul .topone{padding-left:10px;padding-bottom:10px;color:#666;font-size:32px}
.part{position:relative}
.part ul{position:absolute;top:20%;left:0;width:100%}
.part ul li{font-size:14px;text-align:center;color:#999}
.part ul .word1{color:#666;font-size:32px}
.part ul .word2{line-height:40px;font-size:14px}
.part ul .word3{margin-bottom:20px}
.part ul .word4{color:#f60}
.part ul .word4-buy a{display:block;width:150px;margin:auto;margin-bottom:10px}
.part ul h1{font-size:50px;font-weight:100;display:inline-block}
.part ul button{color:#f60;padding:0 20px;border:1px solid #f60;background-color:#fff;border-radius:4px;margin-bottom:20px}
.part ul a{text-decoration:underline;color:#999}
*/
/*  */
.H5bottom{position:relative}
.H5bottom ul{position:absolute;top:12%;left:0;width:100%}
.H5bottom ul li{font-size:14px;color:#999;text-align:center}
.H5bottom ul .lastword1{color:#666;font-size:32px}
.H5bottom ul .lastword2{line-height:40px;margin-bottom:60px}
.H5bottom ul a{text-decoration:underline}
.ani-container
{
	background-color:hsla(0,0%,100%,.1)
}
@media screen and (max-width:768px)
{
	body{min-width:0}
	body .indexpc{display:none}
	body .indexpic{display:block}
	body .indexpic img{width:100%}
}
@media screen and (max-width:320px)
{
	.indextop ul li,
	.part ul li{font-size:12px}
}

/* #wrapper{position:relative}
.black-cover{opacity:0;background-color:#000;position:absolute;top:0;left:0;right:0;bottom:0}
*/