header,section,footer,aside,article,nav{display:block; margin:0; padding:0;border:0 none;}
html,body,div,img,ol,ul,input,p,h1,h2,h3,h4,h5,span,strong,li,form,input{margin:0; padding:0; border:0 none; }
input{vertical-align: top;}
li{list-style:none;}
body{background:#ffffff; font:12px/20px 微软雅黑; color:#555555;}
a{text-decoration: none; color:#1199EE; transition:color 0.3s; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; -ms-transition:color .3s;}
a:hover{text-decoration:none; color: #116699;}
h1{font-size:16px;}
h2{font-size:15px;}
h3{font-size: 14px;}
.inner:before, .inner:after,.clearfix:before, .clearfix:after{content:""; display: table; line-height: 0;}
.inner:after,.clearfix:after{clear:both;}
.inner,.clear{max-width:1200px; padding:0px 0px; margin:0 auto; position:relative; overflow:hidden; zoom:1;}
.clear{max-width: auto;}
/*top*/
.menu{background:#c7c2bc;}
.menu li{float:left;display: inline;}
.menu li a{line-height:40px; color:#333333; margin-left:65px;transition:color .3s; font-weight:bold; text-align:left}
.menu li a:hover{color:#b10000; text-decoration: none;}

.top{background:#373737;height:114px;inear-gradient(#FFFFFF,#F4F4F4);
	-moz-box-shadow:0 2px 2px #EEEEEE; -webkit-box-shadow:0 2px 2px #EEEEEE; -o-box-shadow:0 2px 2px #eeeeee; box-shadow:0 2px 2px #EEEEEE;}
.top .inner{position: relative;}
.caidan{background:#373737;height:40px;background:#c7c2bc;}
.caidan .inner{position: relative;}
.logo{width:177px; height:114px; margin-top:25px;overflow: hidden; display: block; position: absolute; left:0px;}
/*a:hover.logo img{top:-100%; position: relative;}*/
.tel{text-align:right; margin-top:20px; color:#c7c2bc; font-size:13px; font-family: Arial, Helvetica, sans-serif; }
.search{text-align:right; margin-top:10px; margin-bottom:20px;}
.search input{height:28px; margin-right: 3px; color:#989898; background:#373737;}
.search .keyword{width: 200px; padding:0px 5px; border:1px solid #c4c3c1; height:26px; line-height:26px; transition:all .2s linear 0s;}
.search .keyword:focus{ outline:none}
.search .button{background:#F6F6F6; color:#333; text-align:center; cursor: pointer; margin-left:-40px;}
.guide{position:absolute; right:7px; padding-top: 23px; top:0;}
.guide li{float:left; line-height: 24px;}
.guide li a{color:#666666; padding-left:30px; background: url(images/icon.png) 15px 3px no-repeat;}
.guide li.item2 a{background-position:15px -47px;}
.guide li.item3 a{background-position: 15px -96px;}
.guide li a:hover{color:#333;}

.nav-menu{ margin:0 auto;width:100%;background:#c7c2bc; position:relative;}
	.nav-menu ul { list-style:none}
	.nav-menu ul  li { float:left;background:#c7c2bc;  }
	.nav-menu ul li a{  font-size:14px; text-align:left; line-height:40px; color:#000000; padding:0px 5em 0px 1em;}
	.nav-menu ul li a:hover{ color:#993300}

/*banner*/
#slides {display: none}
#slides .slidesjs-navigation {margin-top:3px;}
#slides .slidesjs-previous { margin-right: 5px; float: left }
#slides .slidesjs-next { margin-right: 5px; float: left;}
.slidesjs-pagination {margin: 6px 0 0;float: right;list-style: none;}
.slidesjs-pagination li {float: left;margin: 0 1px;}
.slidesjs-pagination li a {
	  margin:0 auto;
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {background-position: 0 -26px}
#slides a:link,
#slides a:visited {color: #333 }
#slides a:hover,
#slides a:active { color: #9e2020}
 .navbar { overflow: hidden}
#slides {display: none}
.container {margin: 0 auto;padding-top:20px;}

  

/*main*/
.about{  width: 100%; margin: 0 auto;padding: 0px;}
.left{ width:65%;float: left;}
.parry1{ width:48%;float:left; margin-top:20px;}
.img{width:auto; max-width:100%}
.parry2{ float:left; width:48%; max-width:400px; margin-left:20px; margin-top:10px; }
.parry2 h1{ line-height:50px; font-size:25px;}
.parry2 h2{ line-height:50px; font-size:20px;}
.parry2 p{ text-align:left;width: auto; line-height:24px; font-size:13px; color:#000000 }
.right{float:right; padding-right:0px; margin-top:20px;}


.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 5px 10px;
	display: inline-block;
	outline: none;
	position: relative;
	margin-top:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:0px !important;
	text-decoration: none;
	font-size: 12px; font-weight:bold;
	border: 2px solid #373737;
	color:#373737;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #373737;
}
.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}
.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}



/*content*/
.content{background:#E9E9EC; border-top:1px solid #D9D9D9; -moz-box-shadow:0 -2px 2px #eee; padding:30px 0; margin-top:60px; display: none;}
.content a{}
.content a:hover}
.content .inner{padding:1px 10px 1px 0;}

/*pro*/
.pro {
	list-style:none;
	*zoom:1
}
.pro:before,.pro:after {
	display:table;
	content:""
}
.pro:after {
	clear:both
}
.row-fluid .pro {
	margin-left:0
}
.pro>li {
	float:left;
	margin-bottom:20px;
}
.pro {

	display:block;
	padding:0px;
	line-height:1;

}
a.pro:hover {}
.pro>img {
	display:block;
	max-width:240px;
	margin-right:auto;
	margin-left:auto
}
.pro-title {padding-top:80px;margin-left:0px; text-align:center; font-size:25px; color:#000000;}
.pro li p { display:block; width:90%;text-align:center;margin-left:-10px; font-size:13px; color:#333333; font-weight:bold; line-height:35px;}
.pro li p a{ display:block; margin:0 auto;width:60px; height:25px; line-height:25px;border:2px solid #666666;font-size:13px; color:#666666; font-weight:bold;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
.pro li p a:hover{ background:#df0011;color:#ffffff;border:2px solid #df0011; }

/*pic*/
.thumbnails {
	list-style:none;
	padding-top:60px;
	padding-bottom:60px;
	*zoom:1
}
.thumbnails:before,.thumbnails:after {
	display:table;
	content:""
}
.thumbnails:after {
	clear:both
}
.row-fluid .thumbnails {
	margin-left:0
}
.thumbnails>li {
	float:left;
	margin-bottom:20px;
}
.thumbnail {
	display:block;
	padding:0px;
	line-height:1;

}
a.thumbnail:hover {
	border-color:#08c;
	-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);
	-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);
	box-shadow:0 1px 4px rgba(0,105,214,0.25)
}
.thumbnail>img {
	display:block;
	max-width:100%;
	margin-right:auto;
	margin-left:auto
}
.thumbnail .caption {
	padding:9px
}

/*footer*/
.footer{ width:100%;background: #373737;  padding:50px 0px 30px 0px;text-align:left;color:#c2cccc }
.lianjie{ width:24%; float:left; text-align:left; margin-left:3%;}
.lianjie1{ width:24%; float:left; text-align:left; margin-left:-5%;}
.lianjie1 h2 { color:#FFFFFF; line-height:35px;}
.lianjie h2 { color:#FFFFFF; line-height:35px;}
.lianjie p { line-height:24px;}
.lianjie p a{color:#c2cccc}
.lianjie p a:hover{color:#df0011}

.gototop{position:fixed; right:7px; bottom:10px; display:block; font-size:18px; width:30px; height:30px; background:#031523; color:#fff; text-align:center; padding-top:5px;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; display:none;}
a:hover.gototop{text-decoration:none; background:#fff; color:#333;}


/*��ҳ*/
.now{ padding:50px 0px 0px 0px; font-size:12px; color:#000000}
.fu{ width:100%}
.fu-left{ width:24%; float:left}
.fu-title{ background:#333; height:40px; line-height:40px; font-size:15px; font-weight:bold; color:#ffffff; width:272px; padding-left:20px; margin-top:70px; border-top:2px solid #df0011}
.fu-right{ width:74%; float:right; text-align:left}
.location{ font-size:25px; color:#000000; line-height:49px; background:url(../Images/nav1.jpg) no-repeat; background-position:0 center; padding:10px 0px 10px 50px;}
.fu-content{ font-size:14px; line-height:1.8em; color:#000000;}


.fu-nav { margin:0; padding:0;width:290px; border:1px solid #000000; padding:30px 0px; border-bottom:2px solid #df0011}
.fu-nav ul {margin:0; padding:0; list-style:none;}
.fu-nav ul li { text-align:left;}
.fu-nav ul li a{ font-family: Arial, Helvetica, sans-serif; color:#333; line-height:30px; font-size:12px; text-align:left; padding-left:40px;}
.fu-nav ul li a:hover{color:#df0011;text-decoration:none}
.fu-nav ul li a#active{color:#df0011;}

/*pro*/
.pro1 {
	list-style:none;
	*zoom:1
}
.pro1:before,.pro1:after {
	display:table;
	content:""
}
.pro1:after {
	clear:both
}
.row-fluid .pro1 {
	margin-left:0
}
.pro1>li {
	float:left;
	margin-left:45px;
	margin-bottom:20px;
}
.pro1 {

	display:block;
	padding:0px;
	line-height:1;

}
a.pro1:hover {}
.pro1>img {
	display:block;
	max-width:240px;
	margin-right:auto;
	margin-left:auto
}
.pro1-title {padding-top:80px;margin-left:0px; text-align:center; font-size:25px; color:#000000;}
.pro1 li p { display:block; width:90%;text-align:center;margin-left:-10px; font-size:13px; color:#333333; font-weight:bold; line-height:35px;}
.pro1 li p a{ display:block; margin:0 auto;width:60px; height:25px; line-height:25px;border:2px solid #666666;font-size:13px; color:#666666; font-weight:bold;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
.pro1 li p a:hover{ background:#df0011;color:#ffffff;border:2px solid #df0011; }
a.buy{ display:block;width:120px; height:25px; text-align:center; line-height:25px;border:2px solid #666666;font-size:13px; color:#666666; font-weight:bold;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
	a.buy:hover{ background:#df0011;color:#ffffff;border:2px solid #df0011; }
	button.buy{ display:block;width:120px; height:25px; text-align:center; line-height:20px;border:2px solid #666666;font-size:13px; color:#666666; font-weight:bold;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
	button.buy:hover{ background:#df0011;color:#ffffff;border:2px solid #df0011; }
@media screen and (min-width:1200px) {
	.container {width:1200px;}
	.tel{ padding-right:0px;}
	.search .keyword{width:280px;}
	.guide li{width:27px; padding-left:0px; height:20px; overflow: hidden;}
	.widget3 ul{margin-left:-13px;}
	
	
}
@media screen and (min-width:951px) and (max-width:1200px) {
	.container { width: auto;}
	.widget3 .widgetCon{padding-left:0;}
	.widget{width:20%;}
	.widget5{width:100%;}
	.widget5 h3{display:none;}
	.widget5 .widgetCon{ float:right; height:64px; overflow: hidden;}
	.widget5 .widgetCon img{float:left; position: relative; display:none;}
	.widget5 .widgetCon .designer{float:left; margin-left:10px; background: none;}
	.logo{width:177px}
	.menu li a{line-height:30px; color:#333333;transition:color .3s; font-weight:bold; display:block; width:130px; text-align:left; margin-left:0px}
	.left{ width:100%;}
	.parry1{ width:40%;float:left; margin-top:20px;}
	.img{width: auto; max-width:100%}
	.parry2{ float:left; width:59%;  margin-left:20px; margin-top:10px; }
	.right{ padding-left:0px;}
	
	.fu-title{ background:#333; height:40px; line-height:40px; font-size:15px; font-weight:bold; color:#ffffff; width:212px; padding-left:10px; margin-top:70px; border-top:2px solid #df0011}	
	.fu-nav { margin:0; padding:0;width:220px; border:1px solid #000000; padding:30px 0px; border-bottom:2px solid #df0011}
	.fu-nav ul {margin:0; padding:0; list-style:none;}
	.fu-nav ul li { text-align:left;}
	.fu-nav ul li a{ font-family: Arial, Helvetica, sans-serif; color:#333; line-height:30px; font-size:12px; text-align:left; padding-left:20px;}
	.fu-nav ul li a:hover{color:#df0011;text-decoration:none}
	.fu-nav ul li a#active{color:#df0011;}
}
@media screen and (max-width:950px) {
	.container { width:  auto;}
	.search{float:right; padding-right:60px;}
	.menu li a{line-height:30px; color:#333333;transition:color .3s; font-weight:bold; display:block; width:130px; text-align:left; margin-left:0px}
	.left{ width:100%;}
	.parry1{ width:40%;float:left; margin-top:20px;}
	.img{width: auto; max-width:100%}
	.parry2{ float:left; width:59%;  margin-left:20px; margin-top:10px; }
	.right{ padding-left:0px;}
	.fu-left{ display:none;}
	.fu-right{ width:98%; float:left; text-align:left}
}
@media screen and (min-width:801px) and (max-width:950px) {
	.container { width: auto;}
	.widget{width:32%;}
	.menu li a{line-height:30px; color:#333333;transition:color .3s; font-weight:bold; display:block; width:130px; text-align:left; margin-left:0px}
	.left{ width:100%;}
	.parry1{ width:48%;float:left; margin-top:20px;}
	.img{width: auto; max-width:100%}
	.parry2{ float:left; width:48%; margin-left:20px; margin-top:10px; }
	.right{ padding-left:0px;}
	.footer{ width:100%;background: #373737;;padding:50px 0px 30px 0px;text-align:left; color:#BFB5B5; }
	.lianjie{ width:35%; float:left; margin-left:3%; margin-top:10px;}
	.fu-left{ display:none;}
	.fu-right{ width:98%; float:left; text-align:left}
}
@media screen and (max-width:800px) {
	.container { width: auto}
	.search .keyword{width:160px;}
	.guide{display:none;}
	.tel{padding-right:0px;}
	.search{padding-right:0px;}
	.menu li a{line-height:30px; color:#333333;transition:color .3s; font-weight:bold; display:block; width:130px; text-align:left; margin-left:0px}
	.left{ width:100%;}
	.parry1{ width:48%;float:left; margin-top:20px;}
	.parry1 img{width:100%;}
	.parry2{ float:left; width:48%; margin-left:20px; margin-top:10px; }
	.parry2{ float:left; width:48%; margin-left:20px; margin-top:10px; }
	.parry2 h1{ line-height:50px; font-size:25px;}
	.parry2 h2{ line-height:30px; font-size:20px;}
	.parry2 p{  line-height:1.5em; }
	.right{float:left; padding-left:0px;}
	.footer{ width:100%;background: #373737;;padding:50px 0px 30px 0px;text-align:left; color:#BFB5B5; }
	.lianjie{ width:45%; float:left; margin-left:3%; margin-top:10px;}
	.lianjie1{ width:45%; float:left; text-align:left; margin-left:3%;}
	.fu-left{ display:none;}
	.fu-right{ width:98%; float:left; text-align:left}
}
@media screen and (max-width:600px) {
	.container { width: auto}
	.cats ul li p{display:none;}
	.cats ul li{width:33%; height:38px;}
	.top{height:auto;}
	.logo{position: static;}
	.tel{float: left; text-align:left; margin-top:-35px;}
	.search{float: left; text-align:left;}
	.menu li a{line-height:30px; color:#333333;transition:color .3s; font-weight:bold; display:block; width:130px; text-align:left; margin-left:0px}
	.parry1 img{width:360px;}
	.parry2{ float:left; width:90%; max-width:360px; margin-left:5px; margin-top:10px; }
	.right{float:left; padding-left:0px;}
	.footer{ width:100%;background: #373737;;padding:50px 0px 30px 0px;text-align:left; color:#BFB5B5; }
	.lianjie{ width:85%; text-align:center; margin-top:20px;}
	.lianjie1{ width:85%;  text-align:center; margin-top:20px;}
	.pro>img {display:block;max-width:70%;margin-right:auto;margin-left:auto}
	.nav-menu ul li a{ font-size:12px; text-align:left; line-height:40px; color:#000000; padding:0px 1em 0px 1em;}
}
@media screen and (max-width:320px) {
	.container { width: auto}
	.cats ul li{width:100%;}
	.tel{ margin-bottom:10px;}
	.search .keyword{display:block; margin-bottom:10px;}
	.img{width:100%}
	.right{float:left; padding-left:0px;}
	.footer{ width:100%;background: #373737;;padding:50px 0px 30px 0px;text-align:left; color:#BFB5B5; }
	.lianjie{ width:80%; float:left; margin-left:3%; margin-top:20px;}
	.pro>img {display:block;max-width:80%;margin-right:auto;margin-left:auto}
	.nav-menu ul li a{ font-size:12px; text-align:left; line-height:40px; color:#000000; padding:0px 1em 0px 1em;}
}