@charset "utf-8";
	/* 起始样式*/
body {
	font-family:"微软雅黑";
	margin:0 auto;
	padding:0px;
	font-size:12px;
	height:100%;
	line-height:22px;
	width:100%;
}
div {
	behavior: url(../other/iepngfix.htc)	}
div, ul, li, dt, dl, dd, p {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
p {
	margin:0;
	padding:0	}
.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
a {
	text-decoration:none;
}
img {
	vertical-align:middle;
}
.imgs {
	vertical-align:top;
}
.lf {
	float:left;
}
.rg {
	float:right;
}
img {
	border:none;
}

html {
	overflow-x:hidden;
}
div:hover,li:hover,tr:hover,a:hover {
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;
}
.center {
	text-align:center;
}
/* 公用样式*/
	.w100 {
	width:100%;
}
.headbg {
	width:100%;
	background:#fff;
	position:fixed;
	top:0;
	z-index:999;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity: 0.9;
}
.box {
	width:1002px;
	margin:0 auto;
}
.head {
	height:84px;
	overflow:hidden;
}
.logo {
	width:240px;
}
.headrg {
	width:762px;
}
.top {
	padding-top:11px;
	height:24px;
	line-height:24px;
	color:#969a9a	}
.top .div1 a {
	color:#666;
}
.top .div1 a:hover {
	color:#333;
}
.top .div1 span {
	margin-left:8px;
	padding-right:8px;
}
.top .div2 {
	height:24px;
	width:171px;
	margin-left:19px;
}
.top .div2 {
	color:#666	}
.top .div2 span {
	font-weight:bold;
	font-size:15px;
	color:#df7307;
}
.dh {
	height:45px;
}
.dh .activesss {
	float:left;
	margin-left:16px;
}
.dh li#mall {
	float:left;
	width:60px;
	text-align:right;
	background:url(../images/mall.png) no-repeat;
}
.dh .activesss:hover {
	border-bottom:4px solid #c0c0c0;
}
.dh li#on {
	border-bottom:4px solid #c0c0c0;
}
.dh .activesss .a1 {
	display:block;
	color:#666;
	font-size:14px;
	line-height:45px;
	height:45px;
	font-weight:bold;
}
.dh .activesss:hover .a1 {
	color:#333;
}
.dh .Locate {
	position:absolute;
	width:148px;
	top:84px;
	display:none;
	z-index:10000;
	background:#f1f0f0;
	margin-left:-38px;
	text-align:center;
}
.dh .mad {
	margin-left:-46px;
}
.dh .Locate ul li {
	border-bottom:1px solid #dddcdc;
	height:38px;
	line-height:38px;
}
.dh .Locate ul li:hover {
	background:#ccc;
}
.dh .Locate ul li:hover a {
	color:#fff;
}
.dh .Locate ul li a {
	color:#3b3737;
	display:block;
	height:38px;
	line-height:38px;
}
.dh .Locate ul li .a2 {
	position:relative;
	cursor:pointer;
}
.dh .Locate ul li .a2 .div1 {
	display:none;
}
.dh .Locate ul li .a2:hover .div1 {
	display:block;
	position:absolute;
	z-index:100;
	width:338px;
	top:0px;
	left:148px;
}
.dh .Locate ul li .a2:hover .div1 .p1 {
	background:#00a88e;
	height:38px;
	line-height:38px;
	overflow:hidden;
	border-bottom:1px solid #54c5b3;
	text-align:left;
	padding-left:30px;
}
.dh .Locate ul li .a2:hover .div1 .p1:hover {
	background:#07bca0;
}
.foot {
	border-top:1px solid #e0e0e0;
	margin-top:40px;
	padding-top:23px;
	background:#f2f2f2	}
.foot_top .lf {
	width:668px;
}
.foot_top .rg {
	width:330px;
}
.foot_top .lf ul {
	width:160px;
	float:left;
}
.foot_top .lf ul li {
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.foot_top .lf ul li:first-child {
	font-weight:bold;
	font-size:14px;
}
.foot_top .lf ul .li {
	margin-bottom:6px;
}
.foot_top .lf ul .li a {
	font-size:14px;
	font-weight:bold;
	color:#373535	}
.foot_top .lf ul li a {
	padding-left:10px;
	color:#605f5f;
	display:block;
}
.foot_top .lf ul li a:hover {
	font-weight:bold	}
.foot_bottom {
	margin-top:22px;
	border-top:1px solid #e0e0e0;
	height:43px;
	line-height:43px;
	color:#7f7f7f;
}
.foot_bottom .rg a {
	color:#7f7f7f	}
.foot_top .rg ul li {
	float:left;
	width:160px;
	height:185px;
	margin-left:10px;
}
.foot_top .rg ul li:first-child {
	margin-left:0px;
}
.foot_top .rg ul li p {
	text-align:center	}
/* 公用样式 End*/
	/*index*/
	.por {
	margin-top:84px;
}
.i-ban {
	height: 600px;
	background: url(../images/loading.gif) no-repeat center;
}
.box_skitter img {
	max-width: none;
}
.box_skitter ul {
	display: none;
}
.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}
.box_skitter .image {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.box_skitter .image img {
	display: none;
}
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 2;
}
.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.box_skitter .info_slide {
	display: inline-block;
	height: 16px;
	position: absolute;
	right: 0;
	top:656px;
	z-index: 5;
}
.box_skitter .info_slide .image_number {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	background: url(../images/botimg.png) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}
.box_skitter .info_slide .image_number_select {
	background-position: 0 -12px;
}
.index_pr {
	margin-top:10px;
}
.ss {
	margin-top:20px;
}
#ss1 {
	position:relative;
	top:20px;
	z-index:20;
	float:left;
	width:313px;
	height:237px;
	left:0px;
}
#ss2 {
	position:relative;
	top:20px;
	z-index:20;
	float:left;
	width:313px;
	height:237px;
	left:31px;
}
#ss3 {
	position:relative;
	top:20px;
	z-index:20;
	float:left;
	width:313px;
	height:237px;
	left:62px;
}
#pronav {
	overflow: hidden;
	width:100%;
}
#pronav li {
	position:relative;
	top:10px;
	z-index:20;
	float:left;
	width:249px;
	height:237px;
	margin-left:2px;
}
#pronav li:first-child {
	margin-left:0px;
}
#pronav li img {
	width:249px;
	height:237px;
}
.heg {
	height:20px;
}
/* index end*/
	/* about*/
	.banner {
	width:1920px;
	height:302px;
	position:relative;
	left:50%;
	margin-left:-960px;
	top:84px;
}
.dd {
	position:relative;
	margin-top:124px;
}
.ddlf {
	width:160px;
}
.ddlf .div1 {
	background:url(../images/3_02.jpg) no-repeat;
	height:32px;
	overflow:hidden;
	line-height:32px;
	font-size:0px;
}
.ddlf .div2 {
	background:url(../images/3_03.jpg) repeat-y;
}
.ddlf .div2 a {
	display:block;
	background:url(../images/3_05.jpg) 10px bottom no-repeat;
	padding-bottom:1px;
	height:28px;
	line-height:28px;
	padding-left:17px;
	color:#7d7c7c;
	font-weight:bold;
	margin-bottom:1px;
}
.ddlf .div2 a.mun3 {
	color:#7d7c7c;
	padding-left:37px;
	font-weight:normal;
}
.ddlf .div2 a#a2 {
	background:#666;
	color:#fff;
}
.ddlf .div2 a:hover,.ddlf .div2 .a1 {
	background:#666;
	color:#fff;
}
.ddlf .div3 {
	background:url(../images/3_04.jpg) no-repeat;
	height:31px;
	overflow:hidden;
	line-height:31px;
	font-size:0px;
}
.ddrg {
	width:798px;
}
.ddrg1 {
	border-bottom:1px solid #e8e8e8;
	line-height:41px;
	line-height:41px;
}
.ddrg1 .lf {
	color:#494e51;
	font-size:24px;
}
.ddrg2 {
	margin-top:20px;
	color:#7d7c7c;
}
.fx {
	color:#757474;
}
.fx a {
	color:#757474;
}
.fx a:hover {
	color:#333;
	text-decoration:underline;
}
/* about end*/
	/*product*/
	.banner_pr {
	position:relative;
	top:84px;
	height:281px;
}
.banner_pr .img {
	width:502px;
	height:281px;
	float:left;
}
.banner_pr .video {
	width:500px;
	height:281px;
	float:left;
}
.product_tit {
	position:relative;
	margin-top:104px;
	border-bottom:1px solid #e8e8e8;
	line-height:45px;
	height:45px;
}
.product_tit .lf {
	color:#494e51;
	font-size:24px;
}
.product {
	position:relative;
	padding:15px 0px;
}
/* product end*/
	/* news*/
	.news {
	}
.news ul li {
	width:798px;
	height:60px;
	line-height:60px;
	background:#f9f9f9;
	margin-top:5px;
}
.news ul li a {
	padding-left:15px;
	color:#666
}
.news ul li span {
	display:block;
	padding-left:15px;
	padding-right:15px;
	border-right:1px #ccc solid;
	float:left;
	color:#666;
}
.news ul li:hover {
	background:#80bf26
}
.news ul li:hover span {
	color:#fff;
	border-right:1px #fff solid;
}
.news ul li:hover a {
	color:#fff
}
.page {
	color: #666;
	padding-top:20px;
	text-align:center;
	line-height:20px;
	width:500px;
	margin:0 auto }
.page a {
	padding: 4px 10px;
	border: 1px solid #ccc;
	margin:0 2px;
	font-size:12px;
	color:#666
}
.page a:visited {
	color:#666
}
.page a:hover {
	background-color: #ccc;
	color:#fff;
	border:1px solid #ccc;
	text-decoration:none;
}
.page span {
	padding: 4px 10px;
	border: 1px solid #ccc;
	margin:0 2px;
	background:#ccc;
	color:#fff
}
.news h2 {
	width:798px;
	text-align:center;
	line-height:45px;
	border-bottom:1px #ccc solid;
}
.news .newst {
	width:798px;
	height:35px;
	line-height:35px;
	border-bottom:1px #ccc solid;
}
.news .con {
	width:798px;
	padding:15px 0;
	border-bottom:1px #ccc solid;
}
.news .jiathis_style {
	padding:15px 0;
}
.news .prenext a {
	color:#666
}
.news .prenext a:hover {
	text-decoration:underline;
}
/* news end*/
	/* huodong*/
	.huodong {
	padding:10px 0px;
	width:100%;
	overflow:hidden;
}
.huodong ul li {
	width:100%;
	float:left;
	margin-top:15px;
	height:324px;
}
.huodong ul li .img {
	width:580px;
	overflow:hidden;
	float:left;
	height:324px;
}
.huodong ul li .img img {
	width:100%;
	height:100%;
}
.huodong ul li .txt {
	width:216px;
	float:left;
	height:322px;
	border:1px #dbdbdb solid;
}
.huodong ul li .txt .top {
	width:186px;
	height:87px;
	margin:0 auto;
	border-bottom:2px #ccc solid;
	text-align:left;
}
.huodong ul li .txt .mid {
	width:186px;
	margin:0 auto;
	border-bottom:2px #ccc solid;
	text-align:left;
	padding:5px 0;
}
.huodong ul li .txt .bot {
	width:186px;
	margin:0 auto;
	text-align:left;
}
.huodong ul li .txt .mid span {
	color:#fff;
	background:#df7307;
	padding:2px 8px;
}
.huodong ul li .txt .bot a {
	color:#df7307;
	padding-left:15px;
	line-height:15px;
	background:url(../images/bot001.png) left top no-repeat;
}
.huodong ul li .txt .bot a:hover {
	font-weight:bold;
}
/* huodong end*/
	/* side*/
	.side {
	position:fixed;
	width:54px;
	height:275px;
	right:0;
	top:214px;
	z-index:100;
}
.side ul li {
	width:54px;
	height:54px;
	float:left;
	position:relative;
	border-bottom:1px solid #bbb;
}
.side ul li .sidebox {
	position:absolute;
	width:54px;
	height:54px;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#898989;
	opacity:0.8;
	filter:Alpha(opacity=80);
	color:#fff;
	font:14px/54px "微软雅黑";
	overflow:hidden;
}
.side ul li .sidetop {
	width:54px;
	height:54px;
	line-height:54px;
	display:inline-block;
	background:#898989;
	opacity:0.8;
	filter:Alpha(opacity=80);
	transition:all 0.3s;
}
.side ul li .sidetop:hover {
	background:#ccc;
	opacity:1;
	filter:Alpha(opacity=100);
}
.side ul li img {
	float:left;
}
/* side end*/




/* gbook*/

.login-01{
  width:798px;
  margin:0 auto;
  

}
form {
   padding: 0% 1%;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:10px;
  width:100%;
}
.icon,.icon2  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(../images/icons.png) no-repeat 14px 15px #ccc;
}
.title{
  background: url(../images/msg.png) no-repeat 16px 16px #ccc;
}
.phone{
  background: url(../images/icons.png) no-repeat 15px -93px #ccc;
}
.msg{
  background:url(../images/icons.png) no-repeat 15px -39px #ccc;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 14px 15px #666;
}
li.first:hover .title{
  background: url(../images/msg.png) no-repeat 16px 16px #666;
}
li.first:hover .phone{
  background: url(../images/icons.png) no-repeat 15px -93px #666;
}
li.second:hover .msg {
    background:url(../images/icons.png) no-repeat 15px -39px #666;

}
input[type="text"],form textarea {
  width: 87%;
  padding: 1.13em 1em 1.13em 1em;
  color: #858282;
  font-size: 16px;
  outline: none;
  background: #fff;
  font-weight: 500;
  font-family: 'Lora', serif;
  border-top-right-radius: 0.3em;
  -o-border-top-right-radius: 0.3em;
  -moz-border-top-right-radius: 0.3em;
  -webkit-border-top-right-radius: 0.3em;
  border-border-bottom-right-radius: 0.3em;
  -o-border-bottom-right-radius: 0.3em;
  -moz-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  }
  input[type="text"].codebox{
	  
  width: 30%;
	  }
  .submit{

  }
form textarea {
  resize: none;
  height: 140px;
}
.login-01 input[type="submit"]{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px 10px;
  width: 25%;
  border: 2px solid #a5a5a5;
  float: right;
  background: #a5a5a5;
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  margin-right:2.85em;
}

li.lost {
  margin-bottom: 21px;
}

/* end*/