/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:norma;
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
line-height:100%;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-size:100%;
font-weight:inherit;
}

legend {
color:#000;
}

li {
list-style:none;
}

html {
background:#f0f0f0;
height:100%;
}

.left {
float:left;
}

.right {
float:right;
}

body {
	background: url(../image/bg-body.jpg) center 0 repeat-y;
	min-width: 980px;
	min-height: 100%;
	height: auto!important;
	line-height: 100%;
	color: #666;
	font-size: 15px;
	-webkit-text-size-adjust: none;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

#header {
	background:url(../image/line-header.gif) center bottom no-repeat;
	width: 1000px;
	height: 135px;
	margin-right: auto;
	margin-left: auto;
}

#header .logo img{
	margin-top: 24px;
	float: left;
	margin-left: 120px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100px;
	width: 77px;
	border: none;
}

#topnav {
	float: right;
	margin-right: 50px;
	width: 330px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#topnav li {
	background: url(../image/bg-topnav_line.png) right -28px no-repeat;
	height: 25px;
	padding-right: 2px;
	float: left;
	clear: none;
	width: 100px;
}

#topnav li.mail {
background:url(../image/bg-topnav_mail.png) 0 0 no-repeat;
width:20px;
height:25px;
position:relative;
margin:0;
padding:0;
}

#topnav li.lang {
background:url(../image/bg-topnav_lang.png) 0 0 no-repeat;
width:102px;
height:25px;
position:relative;
cursor:pointer;
margin:0;
padding:0;
}

#topnav li.home{
	width: 48px;
}

#topnav li.top_kehu, #topnav li.top_mail{
	width: 72px;
}

#topnav li.home span {
background:url(../image/bg-topnav_left.png) 0 0 no-repeat;
padding-left:11px;
cursor:pointer;
}

#topnav li.home span,#topnav a {
height:100%;
display:block;
}

#topnav a {
	background: url(../image/bg-topnav.png) 0 0 repeat-x;
	line-height: 200%;
	color: #666;
	font-size: 12px;
	padding: 0 11px;
	text-decoration: none;
}

#topnav a:hover, #topnav li.hover, #topnav li.home a:hover span {
background-position:0 -28px;
}

#topnav li.home a {
	padding-left: 0;
}

#topnav li.lang a {
background:none;
width:54px;
border:0;
text-align:left;
padding:0 23px 0 5px;
}

#topnav .box {
background:url(../../image/bg-topnav_ico.png) right 0 no-repeat;
width:82px;
height:100%;
margin-left:20px;
position:absolute;
left:0;
overflow:hidden;
}

#topnav li.hover .box {
background-color:#f0f0f0;
height:auto;
margin-left:19px;
overflow:visible;
border-color:#c5c6c6;
border-style:solid;
border-width:0 1px 1px;
}

#topnav li.hover a {
width:55px;
color:#666;
}

#topnav li.hover a:hover {
background:#c5c6c6;
color:#fff;
}

#nav {
	text-align: center;
	word-wrap: break-word;
	word-break: keep-all;
	float: left;
	width: 700px;
	margin-top: 60px;
	margin-left: 50px;
	z-index: 100;
}

#nav li {
line-height:142%;
float:left;
position:relative;
padding:16px 28px 0;
z-index: 100;
}

#nav li.act, #nav .subNav {
background:#666;
z-index: 100;
}

#nav a {
	color: #999;
	font-size: 14px;
	display: block;
	text-decoration: none;
	z-index: 100;
}

#nav li.act a, #nav li.act a.act {
color:#fff;
z-index: 100;
}

#nav .subNav {
	width: 112px;
	position: absolute;
	left: 0;
	display: none;
	z-index: 100;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	z-index: 100;
}

#nav .subNav li {
	line-height: 142%;
	float: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #828282;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	padding: 0;
	z-index: 100;
}

#nav .subNav a {
	color: #fff;
	display: block;
	padding: 5px 0 4px;
	font-size: 14px;
	z-index: 100;
}

#nav .subNav a:hover {
background:#adadad;
color:#fff;
z-index: 100;
}

.index .kv, .landing .kv {
	height: 458px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.index .kv img, .landing .kv img{
	border-bottom: 2px solid #fff;
	position: absolute;
}

/*

body.index .kv {
	height:480px;
	text-indent:0;
}

body.index .kv .quicknav img {
border:0;
position:static;
display:inline;
margin:0 3px 0 0;
}

body.index .kv .quicknav img.hover {
position:absolute;
bottom:-6px;
top:auto;
display:none;
margin:0 0 0 -59px;
}

*/

body.index .switch {
	width: 1000px;
	text-align: center;
	position: absolute;
}

/* body.index .switch h1 {
margin-right:6px;
color:#fff;
font-size:18px;
font-weight:400;
display:inline;
} */

body.index .switch div {
	/* border: 1px solid #fff; 
	border-radius: 2px; */
	position: relative;
	top: 430px;
	display: inline;
	cursor: default;
	-webkit-text-size-adjust: none;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 420px;
}

body.index .switch span {
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding-top: 10;
	padding-right: 5px;
	padding-bottom: 10;
	padding-left: 5px;
	background-color: #FFF;
} 

body.index .switch div.act span {
background:#003161;
}

.quicknav {
	width: 970px;
	height: 35px;
	border: 0;
	top: 550px;
	position: absolute;
}

.quicknav ul {
	z-index: 2;
}

.quicknav li {
	float: left;
	width: 95px;
	text-align: center;
	background-color: #090;
	margin-left: 5px;
}

.quicknav a {
	color: #FFF;
	position: relative;
	display: block;
	font-size: 12px;
	text-decoration: none;
	height: 25px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.quicknav a:hover {
	background: #fff;
	color: #000;
}

/*


body.landing #content {
background:none;
padding-top:297px;
}

body.landing .item li {
margin-right:22px;
float:left;
}

body.landing .item a {
background:#ced8e1;
line-height:0;
display:block;
padding:3px;
}

body.landing .item img {
opacity:0.6;
filter:alpha(opacity=60);
}

body.landing .item a:hover img {
opacity:1;
filter:alpha(opacity=100);
}

*/

.divline {
	border: 1px solid #ccc;
	width: 950px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	height: 30px;
}
.divline a{
	text-decoration: none;
}
.divline .left a{
	color: #666;
}
#contentpic{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 87px;
}

#contentpic .listpic{
	width: 140px;
	float: left;
}
#contentpic .listpic img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 130px;
	margin-right: 5px;
	margin-left: 5px;
	height: 87px;
}

#footer{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9DA7B0;
	height: 180px;
	clear: both;
}
#footer a{
	color: #666;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer .area{
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	clear: both;
	margin-top: 5px;
	width: 900px;
}
#footer .area li{
	float: left;
	clear: none;
	width: 120px;
	text-align: center;
}
#footer .area li a{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
#footer .area .kehu{
	width: 80px;
	float: right;
}
.area_menu1 a, .area_menu2 a, .area_menu3 a, .area_menu4 a, .area_menu5 a, .area_menu6 a{
	font-size: 12px;
}
.area_menu1{
	float: left;
	line-height: 20px;
	padding-left: 65px;
	width: 80px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.area_menu2{
	float: left;
	line-height: 20px;
	padding-left: 55px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 120px;
}
.area_menu3{
	float: left;
	line-height: 20px;
}
.area_menu4{
	float: left;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.area_menu5{
	float: left;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 63px;
}
.area_menu6{
	float: left;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.other{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../image/bg-footerother.jpg) 0 6px no-repeat;
	padding-top: 25px;
	clear: both;
	height: 50px;
	font-size: 12px;
	line-height: 30px;
}
.other a{
	text-decoration: none;
	font-size: 12px;
}
.div1000{
	width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.nav_menu{
	width: 130px;
	padding-top: 20px;
	padding-left: 20px;
	height: 200px;
	float: left;
}
.nav_menu a{
	line-height: 25px;
	text-decoration: none;
}
.nav_menu a:hover{
	text-decoration: underline;
}
.photo_menu{
	float: right;
	width: 830px;
	padding-right: 20px;
}
.photo_menu .tt{
	line-height: 30px;
	padding-top: 20px;
	font-weight: bold;
	color: #F00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.photo_menu .readme{
	border: 1px solid #ccc;
	color: #999;
	float: left;
	width: 810px;
	line-height: 25px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 10px;
}
.photo_menu .jianjie{
}
.photo_menu .showpage{
	text-align: center;
	line-height: 40px;
}
.con{
	float: left;
	width: 830px;
}
.con .jianjie{
	margin: auto;
}
.content{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.aboutmain{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	line-height: 25px;
	clear: both;
	height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
.aboutmain p{
	margin-bottom: 10px;
}
.aboutmain a, .aboutmain a:visited{
	text-decoration: none;
	font-size: 14px;
	color: #014da2;
}
.aboutmain a:hover{
	text-decoration: underline;
	color: #333;
}
.aboutmain table{
	margin-right: auto;
	margin-left: auto;
}
.aboutmain table .open{
	line-height: 25px;
}
.view_product{
	float: right;
	height: auto;
	width: 760px;
}
.nav{
	float: left;
}
.changye{
	float: right;
	width: 700px;
	height: auto;
	padding-bottom: 20px;
}