﻿* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px
}
BODY {MARGIN: 0px auto; HEIGHT: 100%;FONT-SIZE: 12px; COLOR: #333; LINE-HEIGHT: 20px; background:}
HTML {MARGIN: 0px auto; HEIGHT: 100%}

A {FONT-SIZE: 12px; COLOR: #333; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #ff6100; TEXT-DECORATION: none}

.margin {FONT-SIZE: 13px; MARGIN: 10px 0px 0px; LINE-HEIGHT: 160%}
.TABLE {FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.input {BORDER-RIGHT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px dashed; BORDER-BOTTOM: #cccccc 1px dashed; FONT-FAMILY: Verdana; TEXT-DECORATION: none}

.foot {FONT-SIZE: 12px; COLOR: #333}
.foot a{FONT-SIZE: 12px; COLOR: #333}
.foot a:hover{FONT-SIZE: 12px; COLOR: #ff6100}

h1{font-size:16px;font-weight:bold; text-align:center}

.STYLE1{ font-family:"微软雅黑"; font-size:14px; color:#333; font-weight:bold;}
.STYLE1 a{ font-family:"微软雅黑"; font-size:14px; color:#333; font-weight:bold;}
.STYLE1 a:hover{ font-family:"微软雅黑"; font-size:14px; color:#ff6100; font-weight:bold;}

.STYLE2{ font-family:"微软雅黑"; font-size:14px; color:#5CACEE; font-weight:bold;}
.STYLE2 a{font-family:"微软雅黑"; font-size:14px; color:#5CACEE; font-weight:bold;}
.STYLE2 a:hover{font-family:"微软雅黑"; font-size:14px; color:#fb4801; font-weight:bold;}

.STYLE6{ font-family: "微软雅黑"; font-size:12px; color:#fff;}
.STYLE6 a{ font-family: "微软雅黑"; font-size:12px; color:#fff;}
.STYLE6 a:hover{ font-family: "微软雅黑"; font-size:12px; color:#ff6100;}

.STYLE7{ font-family: "微软雅黑"; font-size:16px; color:#63b8ff; cursor:pointer;}
.STYLE7 a{ font-family: "微软雅黑"; font-size:13px; color:#63b8ff; }

.wrapper {width:100%; margin:0 auto;}

h1 {height:50px; line-height:50px; font-size:22px; font-weight:normal; font-family:"Microsoft YaHei",SimHei;}

.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}

/* reset */

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }

body { font-size:12px; font-family:微软雅黑; line-height:24px; color: #666; background:url(../images/back_bg6.jpg) repeat left center;}

img { border: 0; vertical-align: top;}

li { list-style-type: none; vertical-align: top; }

button, input, select, textarea { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { border: none; resize: none; outline: none; }

a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }

a:hover { color: #e3262d; }

/* end reset */

/* public */

.w1000 { width: auto; margin:0 auto; position: relative; }

.w100 { width: 1000px; margin: 0 auto; position: relative; }

.fl { float: left;margin-left:130px; color: #000;}
.flogo{ float: left; margin-left: 50px;}

.fr { float: right;margin-top:35px; width: 100%;}

.mb20 { margin-bottom: 20px; }

.cl { zoom: 1;border-bottom: 1px solid #e7e7e7;margin-bottom: 9px; }

.cl:after { content: ''; display: block; clear: both; }

.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ib { display: inline-block; vertical-align: top; }

.z9 { z-index: 9; position: relative; }

.tr, .zoomIn { transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }

.zoomIn:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

/* end public */


/* header */

.header { position: relative; z-index: 9;width: 100%; align:center;}

.logo { padding: 2px 0;float: left;}

.tel { position: absolute; top: 25px; right: 100px; background: url(../images/tel.png) no-repeat 0 center; padding-left: 18px; font-size: 20px; color: #343434; }

.phone {position: absolute; top: 55px; right: 100px; background:url(../images/phone.png) no-repeat 0 center; padding-left: 18px; font-size: 20px; color: #343434}

.set{position: absolute; top: 0px; right: 30px; padding-left: 18px; z-index:10;}

.head { width: 100%; height: 154px;background:url("../images/top_bg1.jpg") repeat left top;}

.nav .item, .nav h2, .nav h2 a { float: left; width: 142px; }

.nav { width:100%; height: 45px; top: 61px;  position: absolute; background: #63b8ff;font-family: 微软雅黑;}

.nav h2 a { line-height: 41px; height: 41px; color: #fff; font-size: 18px; padding: 0 16px; }

.nav h2 a:hover, .nav .active h2 a, .nav .on h2 a { color: #000; }
.nav ul {width: 1000px; margin:0 auto;}
.nav ul li.item {width:13%; }
.nav .item { position: relative;padding-left: 12px;}


.nav a:hover { color: red; }



.sub { position: absolute; top: 41px; background: #f0f0f0; display: none; }

.sub ol { padding: 0px 0; }

.sub h3 a { display: block; height: 30px; line-height: 30px; color: #000; white-space: nowrap; padding: 0 20px; }

.sub h3 a:hover { background: #d2d2d2; color: #f00; }



.lang { position: relative; }

.lang h3 { background: url(../images/lang.gif) no-repeat 50px center #E9E9E9; color: #494949; font-size: 11px; cursor: pointer; width: 70px; text-indent: 13px; }

.lang .on { background-color: #252E37; color: #fff; }

.lang ul { position: absolute; right: 0; width: 100%; background: #252E37; padding-bottom: 10px; display: none; }

.lang li { line-height: 24px; }

.lang a { display: block; text-indent: 13px; font-size: 11px; color: #fff; }

.lang a:hover { background: #E3262D; }

/* qqshop focus */
#focus { width:1425px; height:452px; overflow:hidden; position:relative;}
#focus ul {height:452px; position:absolute;}
#focus ul li {float:left; width:1423px; height:452px; overflow:hidden; position:relative; background:#ffffff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:10px; left:0; bottom:0; }
#focus .btn {position:absolute; width:1000px height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}

#page{
	margin: 10px auto;
	text-align: center;
}
#page span.disable{
	border:1px solid #63b8ff;
	display: inline-block;
	background: #f7ecea;
	color:#63b8ff;
	margin: 0 2px 0 0;
	width: 36px;
	height: 20px;
	line-height: 20px;
}
#page a{
	border:1px solid #63b8ff;
    background: #f7ecea;
	display: inline-block;
	margin: 0 2px;;
	width: 36px;
	height: 20px;
	line-height: 20px;
	color: #63b8ff;
	text-decoration: none;
}
#page a.disable{
	border:1px solid #999;
	display: inline-block;
	background: #FFF;
	color:#999;
	margin: 0 2px;
	width: 36px;
	height: 20px;
	line-height: 20px;
}
#page a:hover{
	border:1px solid #999;
	color:#999;
}

a.serchild{
	height: 20px;
	text-indent: 4em;
	overflow: hidden;
	display:block;
	background: white;
	color:grey;
	border-bottom: 1px solid #63b8ff;
}
ul.fb li{
	display:inline-block;
	margin:10px 10px; 
}
.text{
  border:1px solid grey;
  width: 250px;
  height: 36px;
}
.content{
	border:1px solid grey;
	width:450px;
	height: 150px;
}
.button{
  width: 70px;
  height: 33px;
  font-size: 18px;
  background:#369;
  color:white;
}

#hd{
	width:420px;
	height:30px;
	font-size:15px;
	color:white;
}
#hd ul{
	float:left;
}
#hd li{
	display:inline;
	width:100px;
	padding:5px;
	background:grey;
}
#hd li:first-child{
	background:red;
}
.n2{
	display:none;
}
.n3{
	display:none;
}