html,body{ padding:0; margin:0; color:#333; overflow:hidden; }
a{ text-decoration:none; color:#333; } 
p{ margin:0; padding:0; }
ul,li{ margin:0; padding:0; list-style:none; }
input,button,textarea{ -webkit-appearance:none; }
i{ font-style:normal; }
*{ -webkit-tap-highlight-color:transparent; font-family:"Microsoft Yahei"; outline:none; }
body{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

h1,h2,h3,h4,h5{ margin:0; padding:0; }

/*语言选择窗口*/
#selectDiv{ position:absolute; left:0; top:0; width:100vw; height:100vh; z-index:9; }
#selectDiv{ background:#F4F3DC; }
#selectDiv .bg{ background:#F4F3DC url(img/bg2.jpg?r=2); background-size:auto 100vh; z-index: 1; }
#selectDiv .bg{ width:100vw; height:100vh; position:absolute; left:0; top:0; opacity:0.8;  }
#selectDiv .bg:after{ content:""; background: inherit;background-size:inherit; filter:blur(3px); z-index: 2; }
#selectDiv .bg:after{ width: 100vw; height:100vh; position:absolute; left:0; top:0; }
#selectDiv .selectMain{ width:90vw; margin:auto; position:absolute; left:0; top:0; z-index: 3; }
#selectDiv .selectMain{ position:absolute; left:0; top:0; z-index:3; margin-left:5vw; }
#selectDiv .logo{ width:80vw; height:45.7vw; margin-top:2vh; margin-left:5vw; }
#selectDiv .logo{ background:url(img/title.png?r=8) no-repeat; background-size:cover; }
#selectDiv .footLogo{ width:47vw; height:7vw; position:absolute; right:2vw; bottom:2vw; z-index:3; }
#selectDiv .footLogo{ background:url(img/logo.png?r=2) no-repeat; background-size:cover; }
#selectDiv .head{ width:70vw; margin:1vh auto 1vh auto; color:#fff; text-shadow:1px 2px 2px rgba(0,0,0,.8); }
#selectDiv .head span{ font-size:5vw; display:block; }
#selectDiv .head i{ font-size:4vw; display:block; }
#selectDiv li{ position:relative; width:45vw; border:0px solid #ddd; border-radius:10px; margin:0 auto 3vh auto; box-shadow:1px 2px 2px rgba(0,0,0,.2);}
#selectDiv li{ background:rgba(255,255,255,0.6) no-repeat; background-size:12vw auto; }
#selectDiv li{ font-size:4.8vw; text-align:center; line-height:15vw; height:15vw;  padding-left:22vw; padding-right:2vw; color:#333; }
#selectDiv li i{ float:left; width:24vw; height:15vw; margin-left:-23vw; border-radius:10px 0 0 10px; }
#selectDiv li i{ background-size:cover; background-repeat:no-repeat; background-position:right; }
#selectDiv li em{
    font-size: 3vw;
    position: absolute;
    right: 0px;
    bottom: 0px;
    line-height: 4.7vw;
    height: 4.5vw;
    background: #AFAFAF;
    padding: 0 2vw;
    font-style: normal;
    color: #fff;
    border-radius: 2vw 0 2vw 0;
    display:none;
}

#tutorials{
	display:block;
	border-radius: 5vw;
	border: 1px solid #DC1F1F;
	color: #DC1F1F;
	width: 45vw;
	text-align: center;
	font-size: 5vw;
	height: 10vw;
	line-height: 11vw;
	margin: 0 auto 0 auto;
	overflow:hidden;
	background:rgba(255,255,255,0.4);
	cursor:default;
}

#tutorials i{
	display:inline-block;
	width:5.5vw;
	height:5.5vw;
	background-image:url(img/tutorials.png);
	background-size:cover;
	margin:1.8vw 1vw -1vw 0;
}

/*
#selectDiv li.gutian{ background:#CB2C2C; }
#selectDiv li.meihuashan{ background:#37B441; }
#selectDiv li.wudi{ background:#E6AE49; }
#selectDiv li.sujiapo{ background:#1A9ED0; }
*/

#selectDiv li.gutian i{ background-image:url(img/menuicon/gutian.png); }
#selectDiv li.meihuashan i{ background-image:url(img/menuicon/meihuashan.png?r=1); }
#selectDiv li.wudi i{ background-image:url(img/menuicon/wudi.png); }
#selectDiv li.sujiapo i{ background-image:url(img/menuicon/sujiapo.png); }

#selectDiv li.inArea:after{ 
    content: ' ';
    width: 7.9vw;
    height: 22vw;
    display: block;
    float: right;
    margin: -8.1vw -11vw auto auto;
    background-image: url(img/areaTip.png);
    background-size: cover;
    animation:shaking 3s linear infinite;
}

@keyframes shaking{
    0% { transform: translateY(-5px); }
    50% { transform: translateY(5px);  }
    100% { transform: translateY(-5px); }
}


#selectDiv .bg{ animation:scrollBg 120s linear infinite; animation-delay:-120s; }
@keyframes scrollBg{ 0%{ background-position:0 0; } 100%{ background-position:-477vh 0; }}


/*PC样式重定义*/
@media screen and (min-width:900px){
	#selectDiv .logo{ width:500px; height:280px; margin:50px auto 0 auto; }
	#selectDiv .footLogo{ width:249px; height:40px; position:absolute; right:10px; bottom:10px; }
	#selectDiv .footLogo{ background-size:auto 40px; background-position:center center; }
	#selectDiv .head{ width:auto; text-align:center; margin:20px 0 0 0; padding-bottom:30px; }
	#selectDiv .head span{ font-size:28px; }
	#selectDiv .head i{ font-size:24px; }
	#selectDiv ul{ display:table; margin:auto; width:700px; }
	#selectDiv li{ width:220px; float:left; margin:10px 50px 20px 20px; padding-right:10px; }
	#selectDiv li{ background-size:40px auto; cursor:pointer; }
	#selectDiv li{ font-size:22px; text-align:center; line-height:60px; height:60px; padding-left:68px; }

	#selectDiv li i{ float:left; width:103px; height:60px; margin-left:-68px; border-radius:10px 0 0 10px; }
	#selectDiv li i{ background-size:cover; background-repeat:no-repeat; background-position:center; }
	.sideMenu ul.scale{ display:block; }

	#selectDiv li.meihuashan,#selectDiv li.sujiapo{ margin-right:0; }

	#selectDiv li.inArea:after{ 
	    width: 33px;
	    height: 92px;
	    display: block;
	    margin: -32px -50px auto auto;
	}

	#selectDiv li em{
	    font-size: 12px;
	    position: absolute;
	    right: 0px;
	    bottom: 0px;
	    line-height:16px;
	    height: 16px;
	    background: #AFAFAF;
	    padding: 0 10px;
	    font-style: normal;
	    color: #fff;
	    border-radius: 10px 0 10px 0;
	    display:none;
	}

	#tutorials{
		border-radius: 10px;
		width: 220px;
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		margin-top:50px;
	}

	#tutorials i{
		width:25px;
		height:25px;
		margin:10px 10px -7px 0;
	}

}


.navigationList li{
	font-size:18px;
	line-height:36px;
	padding:5px 0;
	border-bottom: 1px dashed #ccc; 
	display:table;
	width:150px;
	padding-left:50px;
	background-image:url(img/navigation_icon.png);
	background-size:46px auto;
	background-repeat:no-repeat;
}
.navigationList li.gaode{ background-position:0 -46px; }
.navigationList li.baidu{ background-position:0 -92px; }