@charset "utf-8";
body{
	margin:0;
	padding:0;
	font:12px/1.8 "微软雅黑",Arial,sans-serif;
	color:#333;
	/* [disabled]background:#ffffff; */
}
A {
	COLOR: #333;TEXT-DECORATION: none
}
A:hover {
	COLOR: #70cacb;
	/* [disabled]TEXT-DECORATION: none; */
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0; list-style:none;
}
.container { background:#fff;}
@media (min-width: 768px) { .container {width: 100%;} }
@media (min-width: 992px) { .container {width: 100%;} }
@media (min-width: 1024px) { .container {width: 100%;} }
@media (min-width: 1200px) { .container {width: 100%;} }
img { border:none;}
.total { margin:0 auto; height:auto !important;position:relative; background:url(mid_bg.jpg) repeat-x top; padding:20px 0; } 
.red {color: #064D8B;}
.red2{ color: #AA0000;}
.red3 {font-weight: bold;color:#064D8B;FONT-FAMILY: "微软雅黑",Arial,"宋体",Helvetica,Verdana,Sans-serif; font-size:14px; }

.top-line0 { height:35px; line-height:35px; background:url(top-bg.jpg) repeat-x center; color:#666;}
.top-line { width:1200px; margin:0 auto; text-align:right; position:relative}
.welcome { position: absolute; left:0; top:0;}
.top-line a { color:#666; padding:0 10px; }
.top-line a:hover {color:#000;}
.top0 { background:url(bg_header.png) repeat-x; height:90px;}
.top {  width:1200px; margin:0 auto;color:#999999; position:relative; height:59px; padding:10px 0 16px 0;}
.top a{}
.top_left { float:left; margin:0; background:url(logo-line.png) no-repeat 155px 0;}
.top_right { float:right; position:relative; width:200px;}
.free { position:absolute; right:0; top:10px; color:#333; padding-left:40px; font-size:16px; background:url(tel.png) no-repeat 0 15px}
.logo {  color:#333; font-size:14px; line-height:25px; height:67px;}
.logo h2 { color:#BB2820; font-size:20px; padding-top:10px;}
.search { width:185px; height:30px; border:1px solid #ccc; border-radius:20px; background:#fff; color:#909090; position:absolute; right:20px; top:4px;}
.search input { border:none transparent; font:12px "微软雅黑"; background:#fff;  padding:3px 0 0 0px; margin:2px 5px 0 15px; width:135px; height:22px; float:left; color:#909090;}

.nav0 { background:#595959 none repeat scroll 0 0; box-shadow:0 5px 5px #353535 inset;height:48px;}
span.menu {  display: none;}
.top-menu { width:1200px; margin:0 auto; }
.top-menu li { float:left; }
.top-menu a { color:#fff; line-height:48px; display:block; text-align:center; padding:0 45px; font-size:16px;}
.top-menu a:hover { color:#eee; background:#70cacb;box-shadow:0 5px 5px #025C5E inset;}
.currentmenu{color:#eee; background:#70cacb;box-shadow:0 5px 5px #025C5E inset;}

.blue_x {font-size: 12px;color: #2B85BB;text-decoration: underline;}
.blue_x2 {font-size: 12px;color: #2B85BB;text-decoration: underline; line-height:28px}
.box {border: 1px solid #E4E4E4;}

.banner0 {}
.banner { width:100%; margin:0 auto;background:#eee;position:relative;}
.banner li a { display:block; width:100%; min-height:356px;}
.mid-search { width:1200px; margin:0 auto; background:#eee; height:40px; line-height:40px; position:relative;}
.rmgjz { padding-left:20px;}
.mid-search a { color:#BB2820; text-decoration:underline;}
.banner_n { margin-bottom:20px;}
.banner_n img { width:100%;}
.banner_img {overflow:hidden;}
.banner_nav {
    position: absolute; bottom:20px; right:15px;
    width: 60px;
}
.banner_nav li {
    background-position: -10px -10px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px; float:left;
}
.banner_nav li.current {background-position: -36px -10px;}
.default-nav {float:right; font-weight:normal; font-size:12px; color: #999999;}
.pro-washing { position:relative; overflow:hidden;width:885px; padding:15px 0px; left:25px;}
.pro-washing li{ float:left; width:140px; float:left; padding:0 10px; text-align:center;}
.pro-washing li a { color:#606060;}
.pro-washing li .pro_name { font:14px/14px 'Microsoft Yahei'; display:block; margin-top:16px; line-height:20px;}
.icon_sprite {
    background-image: url("nr_icon_sprite.png") !important;
    background-repeat: no-repeat;
}
ul.product_slide {
	position:relative;
	width:2000px;	
	}
.pre { position:absolute; left:0; top:65px;}
.pre a{ width:23px; height:37px; background:url(nr_icon_sprite.png) no-repeat -41px -171px; display:block;}
.pre a:hover {background:url(nr_icon_sprite.png) no-repeat -117px -171px;}
.next { position:absolute; right:0; top:65px;}
.next a{ width:23px; height:37px; background:url(nr_icon_sprite.png) no-repeat -11px -171px; display:block;}
.next a:hover {background:url(nr_icon_sprite.png) no-repeat -84px -171px;}

.news0 { background:url(mid_bg.jpg) repeat-x top #fff; padding:20px 0 0 0;}
.news{ width:1200px; margin:20px auto;}
.news li { width:32%; float:left; text-align:center; font-size:14px; color: #999;}
.news li img { width:100%;}
.news li img:hover{opacity:0.8;}
.news li h3 { font-size:22px; color:#70cacb; background:url(ar.png) no-repeat right 15px; display:inline-block; padding-right:20px;line-height:40px;font-weight:normal;}

.fk0 {height:100px; margin:40px 0 0 0;}
.fk { width:1200px; margin:0 auto;}
.fk li{float:left; padding-top:20px; border-top:3px solid #eff0f1; width:25%;}
.fk li img { float:left;}
.fk li a:hover img{ background:#70cacb;}
.fk li img { background:#ccc;}
.fk li strong { color:#333; font-size:16px; display:block;}

.mid0{ margin-bottom:50px; background:url(mid_bg.jpg) top repeat-x;}
.mid0 a{ color:#666666}
.mid0 ul{padding:0; margin:0; list-style:none;}
.mid0 li{padding:15px; margin:0; list-style:none; float:left; width:290px; line-height:22px;}

.mid { max-width:1200px; width:100%; margin:0 auto;}
.mid_left { width:20%; float:left; display:inline;}
.mid_list1{ margin-bottom:20px;}
.mid_list1 h2{color:#fff; font-size:20px; padding-left:10px; font-weight:normal; border-bottom:1px solid #ccc; background:#70cacb;}
.mid_list1 ul{}
.mid_list1 li{line-height:30px; border-bottom:1px dotted #ccc;}
.mid_list2 li{ border-bottom:1px dotted #ccc; line-height:30px; padding-left:10px;}
.mid_list1 li a{ padding-left:10px;  width:145x; color:#666666; font-size:14px; display:block; padding-left:20px; background:url(../images/list_icon.png) no-repeat 10px 11px;}
.mid_list1 li a.current {color:#000; font-weight:bold; border-radius:2px; }
.mid_list1 li a:hover { color:red;}
.mid_list2 li a{ display:inline-block; background:none; padding-left:0px;}
.mid_list1 h1{ color:#fff; background:#70cacb; font-size:20px; font-weight:normal; padding-left:10px; margin:0px;}
.mid_right{ height:auto; float:right; overflow:hidden; width:76%;line-height:26px; font-size:14px;}
.mid_right p{ line-height:26px; padding-bottom:10px;}
.visible-xs{ display:none; text-align:center;}
.form-control{ width:80%; margin-bottom:10px;border-radius: 4px;border: 1px solid #ccc;height: 30px;padding: 0px 12px; color:#555;}
.hp { padding-top:15px; display:block; line-height:28px; color:#BDBDBD;}
.mid_right h2{  font-size:22px; color:#000; font-weight:normal;}
.toutuo {color: #808080;
    display: block;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.1667em;
    padding-bottom: 1.0em;
padding-top:5px;}
.content{line-height:22px; padding:0 0 15px 0; clear:both; font-size:14px;}
.zi-line { margin-bottom:15px; border-bottom:1px solid #ccd2d8; font-size:1.25em; line-height:1.2em; color:#70cacb; padding-bottom:5px; clear:both;}

.clr {clear:both;}
.bottom0 { background:url("footer-bg.jpg") no-repeat scroll top center rgba(0, 0, 0, 0); color:#fff;}
.footer-top {background: url("footer-top.jpg") no-repeat scroll 45% center rgba(0, 0, 0, 0);
    height: 2px;
    width: 100%;}
.bottom { width:1200px; margin:0 auto;clear:both; color:#888; line-height:22px; padding:25px 0;}
.bottom a { color:#888; }
.bottom a:hover {text-decoration:underline;}
.c1 { width:23%; padding-left:2%; float:left; display:inline; border-right:1px dotted #ccc;}

.b { border-top:1px solid #87888A; clear:both; display:inline; float:left; width:963px; padding-top:10px; overflow:hidden; margin-top:15px;}
.bl { display:inline; float:left;}
.bl ul { margin-left:-10px;}
.bl li { float:left; padding:0 10px; margin-left:-1px; background:url(nr_top_divider.gif) no-repeat 0 center; display:inline;}
.br { display:inline; float:right;}
.bottom h2 { font-size:16px; font-weight:200; margin-bottom:10px;}
.pro-search { background:url(search_bg.jpg) repeat-x; height:27px; padding:5px 10px 0 20px; border:1px solid #eee; margin:10px 0; font-size:11px;}
.nr li{ width:300px; float:left; color:#666666; font-size:12px; line-height:160%; border-bottom:1px solid #CCCCCC; margin:0 30px 30px 0; padding-bottom:20px;}
.nr li a {color:#666666;}
.nr li h3 a{ color:#3452aa; font-size:18px; font-weight:normal; line-height:36px;}
.nr li dt { float:left; width:200px;}
.nr li dd { width:90px; float:right;}
.copy {color:#70cacb; padding-left:2%; display:block;}
.z1 {margin:0 2%;}

.xwlb{ display:block; margin:0; padding:3px 0 0 15px; color:#000; border-bottom:#ccd2d8 dashed 1px; line-height:30px; 
background:url(r_news_1.gif) no-repeat scroll 0 12px rgba(0, 0, 0, 0);}
.xwlb:hover{ color:#97262a;}
.pro_small li{ float:left; border:#dadada 1px solid; padding:5px; margin:0 5px 0 0;}
.pvright{ float:left; padding-top:15px;}
.zxfk tr{height:40px;}

.album-list-main .cover{background: url(album.png) no-repeat scroll 0 0 transparent;  _background:url('album.gif') no-repeat scroll 0 0 transparent;   height: 167px;    overflow: hidden;    position: relative;    width: 166px;}	 
.album-list-main .cover .cover-hidden{ width:160px; height:160px; overflow:hidden; line-height:160px;}
.album-list-main .cover a {    display: table-cell;    height: 161px;    overflow: hidden;    text-align: center;    vertical-align: middle;    width: 160px; *display: block;*font-size: 146px;}
.album-list-main .cover-label {background: url(album.png) no-repeat scroll 0 -299px transparent;  _background:url('album.gif') no-repeat scroll 0 -299px transparent;   height: 42px;    left: 0;    position: absolute;    top: 0;    width: 42px;}
.album-list-main img {vertical-align: middle; width:150px ;height: expression(this.height> 500 ? 500 : true);max-height: 150px;}
.album-list-main	.title {    margin: 5px auto 0;    text-align: center;    word-break: break-all;    word-wrap: break-word;}
.album-list-main{	float: left;    height: 195px;    list-style: none outside none;    padding: 13px 0px 0px;    width: 166px;	}
.album-list-main	a{text-decoration:none;color: #bb2820; font-size:12px;}	
.album-list-main .count {    color: #8f8f8f;    text-align: center;	font-size:12px;	margin:5px 0;}
.album-list-main .date{ margin: 5px auto 0;    text-align: center;    word-break: break-all;    word-wrap: break-word;}

.album-list-main1 .cover1{background: url(album.png) no-repeat scroll 0 0 transparent;  _background:url('album.gif') no-repeat scroll 0 0 transparent;   height: 167px;    overflow: hidden;    position: relative;    width: 166px;}	 
.album-list-main1 .cover1 .cover-hidden1{ width:160px; height:160px; overflow:hidden; line-height:160px;}
.album-list-main1 .cover1 a {    display: table-cell;    height: 161px;    overflow: hidden;    text-align: center;    vertical-align: middle;    width: 160px; *display: block;*font-size: 146px;}
.album-list-main1 .cover-label1 {background: url(album.png) no-repeat scroll 0 -299px transparent;  _background:url('album.gif') no-repeat scroll 0 -299px transparent;   height: 42px;    left: 0;    position: absolute;    top: 0;    width: 42px;}
.album-list-main1 img {vertical-align: middle; width:150px ;height: expression(this.height> 500 ? 500 : true);max-height: 150px;}
.album-list-main1	.title1 {    margin: 5px auto 0;    text-align: center;    word-break: break-all;    word-wrap: break-word;}
.album-list-main1{  list-style: none outside none;  padding: 13px 0px 0px; margin:0 auto; width: 166px; display:none;	}
.album-list-main1	a{text-decoration:none;color: #bb2820; font-size:12px;}	
.album-list-main1 .count1 {    color: #8f8f8f;    text-align: center;	font-size:12px;	margin:5px 0;}
.album-list-main1 .date1{ margin: 5px auto 0;    text-align: center;    word-break: break-all;    word-wrap: break-word;}


.nrtp img{ width:45%; border:1px #CCCCCC solid; padding:2px; float:left;border-radius:5px; margin-right:2%;margin-bottom:20px;}

/*-- responsive-design --*/
@media only screen and (max-width:1024px) {
.news{max-width:963px; width:100%;}
.fk {max-width:963px; width:100%;}
.bottom { max-width:963px; width:100%;}
.top { max-width:955px; width:100%; padding-left:8px;}
.top-line { max-width:955px; width:100%; padding-left:8px;}
.top-menu  { max-width:963px; width:100%;}
}
@media only screen and (max-width:768px) {
.welcome { left:8px}
.top_right { margin-right:8px;}
.top-menu { padding-top:8px; }
span.menu {display: block; cursor: pointer; margin:0 8px;}	
.top-menu  ul{
display:none;
}
.top-menu ul li{
display:block;
float:none;
margin:0; background:none;
}
.top-menu  ul{
margin:6px 0;
z-index: 999;
position: absolute;
width: 91%;
background:#92A0A5;
text-align: center;
}
.top-menu > ul > li > a {
  padding: 0px 13px;
  display: block;
  margin: 0.05em 0.2em;
  color:#fff;
  line-height: 4em;
}
.top-menu > ul > li > a:hover { background:#1d1d1b} 
.top-menu li a.currentmenu {background:#78898F; color: #ffffff;}	
.banner li a { display:block; width:100%; min-height:200px;}
.mid-search { width:100%;}
.hidden-xs {display: none !important; }
.mid_right { width:100%;float:none; overflow:hidden; padding:0;}
.default-nav { display:none;}
.mid_right h2 { padding:0 8px;}
.toutuo { padding:0 8px;}
.content {padding:10px 8px;}
	}
@media only screen and (max-width: 640px){
.banner li a { display:block; width:100%; min-height:200px;}
.rmgjz { display:none;}
.search { width:300px; height:30px;right:50%; top:4px; margin-right:-150px; }
.search input { width:250px;}
.fk0 {display:none;}
.top-line-y { display:none;}
.album-list-main1{ display:block;}
}
@media only screen and (max-width: 480px){
.logo-zi { display:none;}
.top_left { background:none;}
.banner li a { display:block; width:100%; min-height:130px;}	
.news li { width:100%; float:none; padding-bottom:10px;}
.c1 { width:100%; text-align:center; float:none; border-right:none; display:none;}
.contact-bottom { display:block;}
.copy { text-align:center; clear:both;}
.banner_nav {bottom:10px; right:5px;}
.free  { display:none;}
.z1 {margin:0 0;}
}
@media only screen and (max-width: 320px){
.banner li a { display:block; width:100%; min-height:110px;}
.z1 {margin:0 0;}	
}