@charset "UTF-8";

html,
body{width:100%;}

#all-index{
	width:100%;
	margin:0;
	padding:0;
	background:#4c4c4c url(../img/index/index_bg.gif) no-repeat center top;
	}
#all-index #bg{
	width:100%;
	background:url(../img/index/index_bg2.jpg) no-repeat center top;
	}
#all-index #index-area{
	width:1008px;
	height:715px;
	margin:0 auto;
	background:url(../img/index/index_bg2.jpg) no-repeat center top;
	}



#all-index #area01{
	width:231px;
	height:358px;
	margin:0 0 0 765px;
	padding:0;

	}
#all-index #area01 .menu01{
	margin:0;
	padding:33px 0 0 0;
	}
#all-index #area01 .menu01 li{
	height:37px;
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	}
#all-index #area01 .menu01 li.bot01{height:32px;}
#all-index #area01 .menu01 li.bot02{height:25px;}
#all-index #area01 .menu01 li.bot03{height:32px;}

#all-index #area01 .menu02{
	height:20px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
#all-index #area01 .menu02 li{
	height:20px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	overflow:hidden;
	}
#all-index #area01 .menu02 li.eng{
	width:59px;
	text-align:right;
	}


#all-index #area01 form{
	height:64px;
	}
#all-index #area01 .search-text{
	width:151px;
	height:15px;
	font-size:12px;
	line-height:1;
	margin:14px 0 0 0;
	padding:0;
	border:1px solid #bdbfc1;
	float:left;
	overflow:hidden;
	}
html:first-child #all-index #area01 .search-text{}
@media screen and (-webkit-min-device-pixel-ratio:0){	/* Safari3 */  
	#all-index #area01 .search-text{height:18px;}
	}


#all-index #area01 .search-bot{
	width:53px;
	height:20px;
	margin:14px 0 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	}


#all-index #area02{
	width:1008px;
	height:100px;
	overflow:hidden;
	position:relative;
	}	
#all-index #area02 h1{
	width:400px;
	float:left;
	}
#all-index #area02 h1 img{
	margin-left:56px;
	}
#all-index #area02 .menu03{
	width:243px;
	margin:0;
	padding:10px 0 0 0;
	float:right;
	}
#all-index #area02 .menu03 li{
	height:20px;
	margin:0;
	padding:0 0 5px 0;
	list-style-type:none;
	overflow:hidden;
	}
#all-index #area02 .menu03 li.extension{
	height:22px;
	}
#all-index #area03{
	width:896px;
	height:153px;
	margin:0 auto;
	color:#000000;
	}
#all-index #area03 .attention{
	color:#cc0000;
	}


#all-index #Footer{
	width:1008px;
	height:40px;
	margin:0 auto;
	}
#all-index #Footer .Footer-Menu{
	width:500px;
	float:left;
	}
#all-index #Footer .Footer-Menu ul{
	margin:0;
	padding:15px 0 0 0;
	}
#all-index #Footer .Footer-Menu li{
	font-size:75%;
	margin:0;
	padding:0 15px 0 15px;
	background:url(../img/index/index_icon01.gif) no-repeat left top;
	float:left;
	display:inline;
	}
#all-index #Footer .Footer-Menu li a{color:#dbdbdb;text-decoration:none;}
#all-index #Footer .Footer-Menu li a:visited{color:#dbdbdb;text-decoration:none;}
#all-index #Footer .Footer-Menu li a:hover{color:#dbdbdb;text-decoration:underline;}

#all-index #Footer .Copy{
	width:400px;
	font-size:70%;
	color:#aab1b8;
	text-align:right;
	padding:16px 35px 0 0;
	float:right;
	}


#all-index #index-banner img{
	margin:0;
	}
#all-index #index-banner .move-banner{
	width:192px;
	float:left;
	background:#f2f2f2;
	margin-top:1px;
	}
#all-index #index-banner .move-banner ul{
	margin:0;
	padding:5px 0 0 0;
	}
#all-index #index-banner .move-banner li{
	width:192px;
	height:60px;
	text-align:center;
	list-style-type:none;
	float:left;
	overflow:hidden;
	}

#all-index #index-banner{
	width:800px;/*935,918*/
	height:77px;
	margin-left:38px;
	background:url(../img/index/index_bg3.gif) no-repeat 26px top;
	}
#all-index #index-banner .bot-left{
	width:42px;/*47*/
	float:left;
	}
#all-index #index-banner .bot-right{
	width:37px;
	text-align:right;
	float:left;
	}
#all-index #index-banner .move-banner{
	width:687px;
	float:left;
	/overflow:visible;
	/z-index:999;
	/height:65px;
	}
#all-index #index-banner .move-banner ul{
	margin:0;
	padding:0;
	}
#all-index #index-banner .move-banner li{
	width:171px;
	list-style-type:none;
	padding:0;
	margin:12px 0 0 0;
	float:left;
	overflow:hidden;
	}
      #flickable1 {
        overflow: auto;
      }
      #flickable1 ul {
        list-style: none;
      }
      #flickable1 ul li {
        float: left;
		margin:0;
		padding:0;
      }
      #flickable1 .ui-flickable-container {
        cursor: pointer;
      }

#all-index #index-banner2{
	width:940px;
	text-align:right;
	margin:0 0 0 -475px;
	position:absolute;
	top:530px;
	left:50%;
	}
#all-index #index-banner2 ul{
	margin:0;
	padding:0;
	}
#all-index #index-banner2 li{
	font-size:0;
	margin:0;
	padding:0 0 2px 0;
	list-style-type:none;
	}


.attention-banner{
	width:940px;
	text-align:right;
	margin:0 0 0 -475px;
	position:absolute;
	top:456px;
	left:50%;
	}

.net-banner{
	width:940px;
	text-align:right;
	margin:0 0 0 -475px;
	position:absolute;
	top:495px;
	left:50%;
	}