﻿@charset "utf-8";
body{
	margin:0;
	padding:0;
	font:12px/24px "Microsoft Yahei";
	color:#222;
	background:#ffffff;
}
A {
	COLOR: #222;TEXT-DECORATION: none
}
A:hover {
	COLOR: #005AAB; 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;
}
.ewm {position:fixed; z-index:1000; top: 100px;
    right:0;
  }
/*联系*/  
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* side */
.side{position:fixed;width:54px;right:0;top:214px;z-index:100;border:1px solid #ccc; border-radius:5px; padding:5px; background:#fff;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px dotted #999;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#fff;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:#fff;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;}
/*联系*/ 
.honor img{ }
.honor a { display: block; float: left; height: 160px; margin:10px 8px; padding:20px;  width: 180px; background:#F3F1EC; text-align:center; color:#957458;}
img { border:none;}
.total0 { padding-top:20px; background:url(ys_bg.jpg) no-repeat center top; border-top:1px solid #E3E3E3; } 
.total {padding:0; margin:0 auto; width:960px;}
.homenav { border-left:1px solid #E8E8E8; height:36px; line-height:36px; font-size:14px; color:#000; max-width:200px; width:100px; background:url(jt2.jpg) no-repeat right; margin-bottom:20px; padding-left:20px;}
.homeword{ font-size:2.5rem; line-height:1em; color:#000; margin:0 0 40px 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 { color:#666; border-top:2px solid #245CD7; background:#F4F4F4; font-size:12px; line-height:32px;}
.top-line { width:960px; margin:0 auto; position:relative;}
.line-right { float:right; width:455px;}
.top-line a { color:#777; padding:0 0 0 10px;}
.search { width:200px; height:25px; color:#909090; position:absolute; right:0; top:2px; border:1px solid #c6c6c6; background:#fff;}
.search input {font:12px "微软雅黑";  padding:0px 0 0 8px; margin:3px 0 0 0px; width:160px; height:18px; float:left; color:#ccc; border:none;}
.top0 { background:#fff;}
.top {  width:960px; margin:0 auto;color:#999999; position:relative; height:80px; padding-top:15px;}
.top a{ color:#0057a4;}
.top_left { float:left; margin:0;}
.top_right { float:right; font-size:24px; padding-top:20px; text-align:right;}
.tel { font-weight:400; color:#0057a4; font-size:14px; position:absolute; right:210px; top:0px; padding-right:10px;}

.nav0 { height:43px; line-height:43px;}
.nav { width:960px; margin:0 auto; overflow:hidden;}
.nav ul { width:105%;}
.nav li{ float:left; font-size:14px/43px "Microsoft Yahei"; text-align:center; background:url("nav_line.gif") no-repeat scroll right center; height:43px; margin-left:-1px; }
.nav a{ color:#0057a4; padding:0 25px; display:inline-block; font-size:17px;}
.nav a:hover { background: #eff3f5;color: #7f7976;}
a.currentmenu {background: #eff3f5;color: #7f7976;} 


.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; overflow:hidden; border-bottom:1px solid #eee; height:410px; overflow:hidden;}
.banner-w { position:absolute; left:40%; margin-left:-480px; top:30%; width:25%; color:#fff; font-family:微软雅黑; font-size:18px;}
.banner-w1 { background:#2870BB; margin-bottom:1px; padding:15px 20px; line-height:30px; }
.banner-w2 { background:#2870BB; padding:5px 20px;}
.banner-w h2 { font-size:25px; font-weight:normal; margin-bottom:10px;}
a.b-m { color:#fff; font-size:14px; display:block; background:url("ar.png") no-repeat scroll right 0; }
a.b-m:hover { text-decoration:underline; color:#fff;} 
.slider { background:url("slider.png") no-repeat scroll center top rgba(0, 0, 0, 0); height:124px; width:1024px; clear:both; position:absolute; top:-28px; left:0; z-index:1000;}
.banner-y { background:url(bg_bar.png) #fff repeat-x; height:22px; width:100%; margin:12px 0; clear:both;}
.banner-n0 { background:url(banner-bg00.jpg) repeat;}
.banner-n { height:270px; margin:0 auto; width:960px;}

.biaoti { font-size:28px; color:#000; display:block; margin-bottom:20px;}
.teaser { background: #fff none repeat scroll 0 0; border-radius:5px;
    border: 1px solid #9a9a9a;
    overflow: hidden;   
    position: relative; width:48%; overflow:hidden; float:left; min-height:190px; min-width:320px;}
.teaser:hover { background:#eee;}	
.teaser a:hover { color:#000;}
.suojin { padding:17px 0 0 0;}
span.linkSolo{ background:rgba(0, 0, 0, 0) url("ar2.png") no-repeat scroll 0 10px; display:block; padding-left:0.6em;}
.link, .linkSolo { color:#2770ba; line-height:30px;}
.teaser h3 { font-size:18px; font-weight:400; margin-bottom:0.6em;}
.teaser p { margin-bottom:10px; font-size:14px; line-height:1.5em;}
.jishu { position:absolute; bottom:0; left:0;}
.column-1{ width:50%; float:left;}
.column-1 img{ width:100%;}
.column-2 { width:48%; float:right;}


.banner_img {height:400px; overflow:hidden;}
.banner_nav {
    position: absolute;
    top: 20px; right:15px;
    width: 80px;
}
.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;}

.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 { padding:20px 0;}
.news{ width:963px; margin:0 auto;}
.news-left { width:600px; float:left;}
.news-left h2 { color:#373737; font-size:18px; font-weight:bold;}
.dtdl { height:62px; margin-top:20px; overflow:hidden;}
.dtdl dt { background:#fff; border:1px solid #CCCCCC; float:left; width:55px; height:60px;}
.dtdl dt .day { background:#ccc; color:#fff; display:block; font-family:Arial; font-size:30px; font-weight:bold; height:41px; line-height:41px; width:55px; text-align:center;}
.dtdl dt .month { color:#CCCCCC; display:block; font-family:Arial; font-size:10px; height:19px; text-align:center; width:55px;} 
.dtdl dd { float:right; width:530px; color:#999999;}
.dtdl dd h3 { font-size:14px; line-height:21px; }
.dtdl dd h3 a {font-weight:normal; color:#333333;}
.dtdl dd h3 a:hover { text-decoration:underline; color:#005AAB }
.news-right { width:263px; float:right; padding-top:50px;}

.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 {  margin:0 auto; clear:both;}
.mid_left { width:190px; float:left; display:inline; height:100%;}
.mid_list1{ margin-bottom:20px;}
.mid_list1 h2{color:#fff; font-size:14px; height:32px; line-height:32px; padding-left:13px; font-weight:bold;     background: #0057a4;
    border-top-left-radius: 5px;border-top-right-radius: 5px;}
.webleft { border-color:#dfdfdf; border-style:solid solid none; border-width:1px 1px 0; padding:12px 10px 10px;}
.leftbot { background:url("left_bot_img.gif") no-repeat scroll 0 0; font-size:0; height:3px; margin-bottom:10px; overflow:hidden;}
.mid_list1 li{ background:url(ar.jpg) no-repeat left center; border-bottom:1px dotted #ccc; line-height:30px;}
.mid_list1 li a{ padding-left:10px;  width:145x; color:#666666; font-size:12px; display:block;}
.mid_list1 li a:hover { color:#1428a0;}
.mid_list1 li a.current {color:#1428a0; font-weight:bold;}
.mid_list1 li a.style3 { color:#999 }

.mid_list2 h2{color:#fff; font-size:14px; height:32px; line-height:32px; padding-left:13px; font-weight:bold; background: #0057a4;
    border-top-left-radius: 5px;border-top-right-radius: 5px;}
.mid_list2 li.lvl3 { border:none; line-height:20px; padding-left:20px;}
.mid_list2 li{ background:url(ar.jpg) no-repeat 25px center; line-height:30px; padding-left:30px; font-weight:bold;}
.mid_list2 li a{ padding-left:10px;  width:145x; color:#666666; font-size:12px; display:block;}
.mid_list2 li a:hover { color:#1428a0;}
.dianhua {background: transparent url("Teln.gif") no-repeat scroll 0 18px; color: #666666; line-height: 20px; padding: 10px 0 10px 55px;}
.dianhua span {color: #00458e; display: block; font: 18px "Impact";}
.mid_right{ height:auto; float:right; width:760px;}
.hp { padding-top:15px; display:block; line-height:28px; color:#BDBDBD;}
.mid_right h2{  font-size:18px; color:#002274; font-weight:normal;}
.ymdh { border:1px solid #dfdfdf; border-radius:5px; color:#666; padding:5px 8px;}
.company { padding:15px; background:#e1e1e1; line-height:25px; color:#000000;}
.company_left{width:180px; float:left; margin-right:10px;}
.company_right { float:left; width:400px; margin-top:20px; line-height:20px;}
.yuanjiao img{ border-radius:5px;}
.zi-line { margin-bottom:0.8em; border-bottom:1px dashed #ccd2d8; font-size:1.8em; line-height:1.2em; color:#3452aa; padding-bottom:5px; clear:both; line-height:50px;}
.contact2 { font-size:14px; line-height:30px;}
.company { padding:15px; background:#e1e1e1; line-height:25px; color:#000000;}
.company_left{width:180px; float:left; margin-right:10px;}
.company_right { float:left; width:400px; margin-top:20px; line-height:20px;}
.content{line-height:25px; padding:20px 25px; clear:both; color:#000; font-size:14px; border:1px solid #dfdfdf; border-radius:5px; margin:10px 0;}
.company-basic { background:#EAEAEA; border-bottom:4px solid #1428a0; padding:20px 0 50px 20px; line-height:30px; color:#000; font-size:14px; margin:50px 0; border-radius:5px;}
.company-basic li { width:50%; float:left;}
.company-basic h4 { margin-bottom:20px; font-size:1.3125rem; font-weight:400;}
.bigword { font-size:1.3125rem; font-weight:400; display:block; margin-bottom:20px;}
.contact { border:1px solid #9a9a9a; height:280px; overflow:hidden;}
.contact ul { padding:20px 0; width:45%; float:right;}
.contact li{}

.clr {clear:both;}
.bottom0 { background:url(f_foot.gif) no-repeat center top; height:180px; color:#333;}
.bottom { padding:18px 0 ; clear:both; width:960px; margin:0 auto;}
.bottom-line {background:url("bg_bar.png") repeat scroll 0 0; height:40px;}
.dibu { margin-left:20px;}
.dibu li { width:70px; float:left; line-height:0.85em; border-left:1px solid; padding-left:10px; color:#fff; }
.dibu li a { color:#fff; font-size:14px;}
.copyright { float:right; color:#fff; margin-right:20px;}
.dibu li.trackExt { width:105px;}
.bottom-left { float:left; width:170px; background:url(f_logoBor.gif) no-repeat right; padding-left:150px;}
.bottom-right { width:600px; float:right; line-height:30px}

.newslist li { position:relative; height:18px; line-height:18px; padding-bottom:10px; overflow:hidden; padding-left:12px; background:url("inf_ic.jpg") no-repeat scroll left 10px}
.newslist li a { width:260px; overflow:hidden; height:25px; line-height:25px; display:block; font-size:13px;} 
.newslist li span { position:absolute; right:0; top:0; color:#999;}


.CPCS { width:90%;border: 1px solid #ccc;
    border-radius: 20px;
    padding: 2px 0 2px 5px; margin-bottom:30px; }
.CPCS ul { clear:both;}
.CPCS li {width:24.6%; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; padding:5px 0 0 0px; text-align:center;}
.CPCS .CPCS1 { background:#D1D1D1;}
.CPCS .CPCS2 { background:#eee;}
/*honor*/
	#imageFlow {
		position: absolute;
		width: 100%;
		height: 80%;
		left: 0%;
		top: 10%;		
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor; max-height:450px;
	}
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 13%;
		text-align: center;		
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
	div.scrollbar img {}
	/*honor*/

#sitemap ul li{ background:url(ar2.png) no-repeat 0 10px; padding-left:15px; color:#039; font-weight:bold;}	
#sitemap ul li ul li { padding-left:30px; background:none; color: #999; font-weight:normal;}
/* 产品放大 */	
		.leftcol {background:#EDF6CA; padding: 20px;}
		
		.active {font-weight: bold;}
		.arrow {text-align: right;}
		.menuTd a {color:#fff; font-weight:bold;}
		.code {font-size:12px; line-height:18px; margin:10px 0; display:block; padding:3px; border:1px solid #aaa;}
		span.r {color:red;}
		span.g {color:green;}
		span.b {color:blue;}
		table.tbl {background:#aaa; margin-bottom: 20px; font-size: 0.9em; border: 1px solid #999;}
		caption {text-align: left; padding: 4px 12px; background: #999; color: #fff; font-size: 1.1em; margin: 0 0 0 -1px;}
		caption a {color: #fff; padding: 2px;}
		caption a:hover {background:#FFF; color: #999;}
		.tbl th {background:#eee; padding:4px 8px 4px 16px;}
        .tbl td {background:#fff; padding:4px 8px 4px 16px; vertical-align:top; border-bottom: 1px #999 solid;}
		.tbl .tr1 td {background:#fff;}
		.tbl .tr2 td {background:#f2f2f2;}
		.mtbl {width:100%; height:100%;}
		.rTd {padding:20px; width:100%;}
		div.exmpl {margin:0 0 5px 0; font-weight:bold;}
		.html4strict {border:1px solid #AAAAAA; display:block; font-size:12px; line-height:18px; margin:10px 0pt; padding:3px;}
		.html4strict .de1, .html4strict .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
		.html4strict {font-family:monospace;}
		.html4strict .imp {font-weight: bold; color: red;}
		.html4strict li, .html4strict .li1 {font-weight: normal; vertical-align:top;}
		.html4strict .ln {width:1px; text-align:right; margin:0; padding:0 2px; vertical-align:top;}
		.html4strict .li2 {font-weight: bold; vertical-align:top;}
		.html4strict .kw2 {color: #000000; font-weight: bold;}
		.html4strict .kw3 {color: #000066;}
		.html4strict .es0 {color: #000099; font-weight: bold;}
		.html4strict .br0 {color: #66cc66;}
		.html4strict .sy0 {color: #66cc66;}
		.html4strict .st0 {color: #ff0000;}
		.html4strict .nu0 {color: #cc66cc;}
		.html4strict .sc-1 {color: #808080; font-style: italic;}
		.html4strict .sc0 {color: #00bbdd;}
		.html4strict .sc1 {color: #ddbb00;}
		.html4strict .sc2 {color: #009900;}
		.html4strict .ln-xtra, .html4strict li.ln-xtra, .html4strict div.ln-xtra {background-color: #ffc;}
		.html4strict span.xtra {display:block;}
		.promid { width:100%;}
		.prosmall { clear:both;}
		.prosmall img { width:55px; border:1px solid #cdcdcd; padding:1px; border-radius:5px;}
/* 产品放大 */
.cpsm {width:45%; position:absolute; right:0; top:0;}
.proname { color:#1428a0; font-size:14px; display:block; margin-bottom:15px;}
.an-btn { display:block; border:1px solid #ccc; boder-radious:5px; width:100px; text-align:center; float:left; margin-top:50px; margin-right:15px;}
.wechat {}
.ceo { width:420px; float:right; height:310px; padding-top:30px;}
.ceo2 { width:420px; float:left; height:270px; padding-top:25px; padding-left:95px;}
.ceobt { color:#0057a4; font:bold 20px "Microsoft Yahei";}
.ceozi { font-size:16px;color:#00458e; margin-bottom:20px;}
.ceolist li{ background:url(ys01.gif) no-repeat 0 15px; padding:10px 0 10px 30px; font:13px/24px "Microsoft Yahei"; border-bottom:1px solid #dfdfdf;}
.f_link0 { background:url(f_link.gif) repeat-x top; padding:10px 0 20px 0;}
.f_link { width:960px; margin:0 auto;}
.f_link_title { border-bottom:1px solid #d3d1d0; font-size:14px; height:40PX; line-height:40px; color:#0057a4; margin-bottom:10px;}
.linka a{ color: #999; margin-right:50px;}
/*****prducts********/
.prducts { width:960px; margin:0 auto 30px auto;}
.prducts-l { width:224px; background: url("fen_h.gif") no-repeat scroll center top; float:left;}
.prducts-l h2 {font:bold 18px "Microsoft Yahei"; height:74px; overflow:hidden; text-align:center; color:#fff;}
.prducts-l h2 a { color:#fff; padding-top:13px; display:block;}
.prducts-l h2 i { font:14px/24px Arial,Helvetica,sans-serif; text-transform:uppercase; height:24px; display:block;}
.prducts-l h3 { background:url("fen_bg1.gif") repeat-x scroll center top; height:28px; line-height:28px; font-weight:normal; margin:9px auto 0; width:203px; overflow:hidden;}
.prducts-l h3 a { background: url("fen_jt1.png") no-repeat scroll 7px 8px; color:#fff; display:inline-block; height:28px; padding-left:35px;}
.conpic {margin:9px; clear:both;}
.fen2 { border-style:none solid solid; border-color: #cdcdcd; border-width:0 1px 1px; overflow:hidden; }
.fen2 li { border-bottom:1px dashed #ccc; font:1px dashed #ccc; height:39px; width:203px; line-height:39px; margin-left:8px;}
.fen2 li a { padding-left:35px; background:url("fen_jt3.gif") no-repeat scroll 9px 17px; display:block;}
.prducts-r { width:720px; float:right;}
.chanpintt { background: url("prossTit.jpg") no-repeat scroll left top; height: 39px; position: relative; padding:0 20px; margin-bottom:10px;}
.chanpintt ul li { text-align:center; float:left; margin-right:3px;}
.chanpintt ul li a { color: #000;width:120px; height:35px; line-height:35px;  font-size:14px; display:block;}
.chanpintt ul li a.cur { color:#fff;background:url(fen_h1.gif) no-repeat; }
.chanpintt ul li a:hover { color:#fff;background:url(fen_h1.gif) no-repeat; }
.chanpinlist ul{ overflow:hidden; width:1800px; }
.chanpinlist li{ list-style:none; float:left; height:200px; margin:0 5px 0 0; padding:5px 0; display:inline; text-align:center; }
.chanpinlist li a{ color:  #333333;}
.chanpinlist li a:hover {color:#246cd7}
.chanpinlist li span { display:block; margin-top:5px; padding-left:10px; font:14px/18px "Microsoft Yahei";}
.chanpinlist li img { border:1px solid #DBDBDB; border-radius:5px; padding:0; background:#fff;}

/*****prducts********/
/*****news********/
.newsok0 { background:url(libg.jpg) repeat;}
.newsok { width:960px; margin:0 auto; padding:20px 0 0 0;}
.newsok-l { width:240px; float:left; background:#fff; padding:15px; margin-right:10px; height:260px; border-radius:5px; border:1px solid #eee;}
.newsok-r { width:640px; float:right; background:#fff; padding:15px; border-radius:5px; border:1px solid #eee;}
.tupic { width:290px; float:left;}
.ylMarquee { width:340px; float:right}


.refe-list li {
    background: url("r_news_1.gif") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #ccc;
    list-style: none outside none;
    padding: 0px 0 0px 15px;
    position: relative; font-size:12px; color:#666;
}
.refe-list li a.bt {
    font-size: 14px;
    height:35px;
    line-height: 35px;
}
.refe-list li .date {
    position: absolute;
    right: 0;
    top: 10px;
}
.tuchu a{ color:#00458e; font-size:13px; margin-bottom:15px;}

.qyln li { background:url(bg_sign24.png) no-repeat 0 0px; padding-left:40px; line-height:40px; font-size:16px;}
.wst-ygfc li { margin-bottom:30px; margin-left:20px;  list-style:disc; color:#666}
.wst-ygfc li h3 { border-bottom:1px dotted #ADADAD; padding-bottom:5px; margin-bottom:5px; color:#0057a4;}