﻿*{ margin: 0px; padding: 0px;}
body{ font-family: Arial,"宋体"; font-size: 14px; color:#2f2f2f; line-height:22px; background:#c6dcea url(../images/fbg.jpg) top no-repeat; }
.clear{ clear: both;height:1px;margin-top:-1px;overflow:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1.h2,h3,h4,h5,h6,pre,form,input,p,fieldset,blockquote,th,td,img{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{ list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}

a{ text-decoration:none;}
fieldset,img{ border:0px;}
a{ color:#000000;}
a:hover{ color:#00213d;}

.top{ width:960px; margin:0 auto; height:60px;}
.logo{ float:left; width:143px; height:56px; margin-top:30px;}
.topr{ float:right; width:810px;}
.year{ text-align:right; height:80px;}
.topnav{ height:50px; line-height:50px; margin-top:0px;}

#nav {float:left; height:50px; line-height:50px; width:810px;}
#nav a {
	display: block;
	text-align:center;
	font-size:15px;
	color:#021dc7;
}
#nav a:hover {
	color:#f46203;
	text-decoration:none;
}
#nav li {
	float: right;
	padding:0 9px;
	background:url(../images/st.jpg) top right no-repeat;
}
#nav li a:hover {
}
#nav li ul {
	line-height: 30px;
	list-style-type: none;
	text-align:left;
	display:none;
	width: 248px;
	position: absolute;
	z-index:10000;
	
}
#nav li ul li {
	width: 228px;
	background: url(../images/navtbg2.png) repeat-y;
	padding:0 9px;
	FILTER: alpha(opacity=80);
	opacity: 0.8;
	
}
#nav li ul a 
{
    background:#e8edf3;
	display: block;
	width: 217px;
	text-align:left;
	padding-left:10px;
	color:#021dc7;
	font-weight: normal;
	font-size:12px;
	border-bottom:1px solid #c7c7c6;
	border-top:1px solid #f4f4f4; 
}
#nav li ul a:hover {
	color:#f46203;
	text-decoration:none;
	font-weight:normal;
	background:#f0f0f0;
}
#nav li:hover ul 
{
    display:block;
}
#nav li.sfhover ul {
	display:block;
}



#nav li ul li.ntbg{ background:url(../images/navtbg.png) bottom no-repeat; height:21px; overflow:hidden;}
#nav li ul li.nbbg{ background:url(../images/navtbg3.png) top no-repeat; height:9px; overflow:hidden;}
#nav li ul li a.bortn{ border-top:0px;}

#nav li ul li.ntbg{ _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navtbg.png',sizingMethod='crop'); height:21px; overflow:hidden;}
#nav li ul li.nbbg{ _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navtbg3.png',sizingMethod='crop'); height:9px; overflow:hidden;}
#nav li ul li{ _background:none; _background-repeat:repeat-y; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='../images/navtbg2.png',sizingMethod='crop');}



.banner_index{ width:100%; margin:0px auto; height:568px;}
.banner{ width:100%; margin:0px auto; height:284px; background:url(../images/aboutbanner.jpg) top center no-repeat;}
.bannervdo{ width:100%; margin:0px auto; height:284px; background:url(../images/videobanner.jpg) top center no-repeat;}
.bannercle{ width:100%; margin:0px auto; height:284px; background:url(../images/cleaningbanner.jpg) top center no-repeat;}
.bannercar{ width:100%; margin:0px auto; height:284px; background:url(../images/carbanner.jpg) top center no-repeat;}
.banneragr{ width:100%; margin:0px auto; height:284px; background:url(../images/agrbanner.jpg) top center no-repeat;}
.bannerma{ width:100%; margin:0px auto; height:284px; background:url(../images/mamabanner.jpg) top center no-repeat;}
.bannerenv{ width:100%; margin:0px auto; height:284px; background:url(../images/huanbanner.jpg) top center no-repeat;}
.bannerbox{ width:100%; height:200px;}

.tit1{ height:31px; line-height:31px; padding-left:10px; background:url(../images/tit1bg.jpg) top no-repeat;}
.tit1 span{ color:#ffffff; font-size:16px; font-weight:bold;}

.titbg2{ background:url(../images/tit2bg.jpg) top no-repeat;}

.sercon{ height:179px; background:#efefef; padding:10px;}
.sercon p{ margin:2px 0;}
.searchicon { padding:5px 10px; background:#d31c27;}
.searchicon a{ color:#ffffff; font-weight:bold;}
.searchicon a:hover{ color:#1c1400; font-weight:bold;}
.serbot{ height:10px; background:url(../images/tit1bbg.jpg) top no-repeat; overflow:hidden;}

.con_ap{ width:980px; margin:0 auto; padding-bottom:10px; margin-bottom:0px;}
.con_ap ul li{ float:left; width:176px; padding:10px; }
.con_ap ul li h2{ font-size:16px; font-weight:bold; line-height:20px; margin:10px 0;}
.con_ap ul li p{ font-size:12px;}
.con_ap ul li span{margin-top:2px; display:block;}
.con_ap ul li span a{ color:#56d8ef;}
.con_ap ul li span a:hover{ color:#d31c27;}

.con_ap_index{ width:1020px; margin:0 auto; padding-bottom:10px; margin-bottom:0px;}
.con_ap_index ul li{ float:left; padding:20px;}
.con_ap_index ul li h2{ font-size:15px; font-weight:bold; line-height:20px; margin:10px 0;}
.con_ap_index ul li p{ font-size:12px;}
.con_ap_index ul li span{margin-top:2px; display:block;}
.con_ap_index ul li span a{ color:#56d8ef;}
.con_ap_index ul li span a:hover{ color:#d31c27;}
.con_ap_index ul li.padl10{ padding-left:10px;}
.con_ap_index ul li.padr10{ padding-right:10px;}

.width1{ width:380px;}
.width2{ width:260px;}
.newstit{ float:left;}
.con_ap_index .newstit a{ color:#2b2b2b;}
.con_ap_index .newstit a:hover{ color:#ff9000;}
.newstit a{ color:#2b2b2b;}
.newstit a:hover{ color:#021dc7;}
.time{ float:right;}
.newslist{ height:16px; line-height:16px; border-bottom:1px #b5ddff solid; padding:5px 0px;}

.yewu{ margin-top:10px;}
.yewu a{ padding:1px;}
.zs a{ padding:2px;}
.zs a img{width:180px; height:117px;}



.proimg{ border:5px #f6f6f6 solid; width:166px; height:166px;}

.con_lr{ width:960px; margin:0 auto; margin-top:20px;}
.con_l{ float:right; width:570px; }
.con_r{ float:left; width:360px;}
.con_l2{ float:left; width:330px; }
.con_r2{ float:right; width:600px;}

.aboutnav2{ text-align:right; margin-top:20px;}
.aboutnav2 a{ margin-left:12px; color:#021dc7; font-size:14px; _display:inline;}
.aboutnav2 a:hover{ color:#f7700c;}

.aboutindex{ padding-bottom:20px; margin-bottom:30px;}

.aboutindex h3{ font-size:16px; font-weight:bold; line-height:28px;}
.newpro h3{ font-size:16px; font-weight:bold; line-height:28px;}

.indexnews{ margin-top:10px;}
.indexnewslist{ background:#efefef; padding:10px;}
.indexnewstit{ padding:10px; border-bottom:1px #f8f8f8 solid;}
.indexnewstit img{ float:left; width:80px; height:80px; margin:0 10px 10px 0}
.indexnewstit span{ float:right;}

.indexnewstit2{ padding:10px; border-bottom:1px #f8f8f8 solid; margin:10px 0;}
.indexnewstit2 img{ float:left; width:80px; height:80px; margin:0 10px 10px 0}

.footer{ width:100%; height:100px;  margin-top:5px;}
.footerin{width:980px; margin:0 auto; padding-top:20px;border-top:1px #6ebbfb solid;}
.footerinl{ float:right; width:170px; text-align:right; }
.footerinr{ float:left; width:740px;}

.aboutnav{ background:#efefef;}
.aboutnav li{ border-bottom:1px #e3e3e3 solid; border-top:1px #ffffff solid;}
.aboutnav li a{ display:block; font-size:14px; padding:10px; line-height:18px;}
.aboutnav li a:hover{ background:#e3e3e3;}

.where{ width:960px; margin:20px auto; color:#6e6e6e;}
.where a{ color:#6e6e6e;}
.where a:hover{ color:#000000;}

.prooth ul li{ float:left; width:176px; padding:10px; }
.prooth ul ul li h2{ font-size:16px; font-weight:bold; line-height:20px; margin:10px 0;}

.proinfo2 ul li{ line-height:18px; padding:10px 0; border-bottom:1px #ececec solid;}
.proinfo2 ul li .span1{ margin-right:30px; font-weight:bold; width:100px; display:inline-block;}
.proinfo2 ul li .span2{ color:#f27c09;font-weight:bold;}

.dowlist{ padding:10px 0; border-bottom:1px #ececec solid;}
.dowlist img { vertical-align:middle; margin-right:10px;}

.dowlist2 li{ float:left; width:460px; padding:10px;border-bottom:1px #ececec solid;}
.dowlist2 li img{ vertical-align:middle; margin-right:10px;}

.control{ padding:10px 0px; height:18px; line-height:18px;}
.label{ float: left; font-size:16px; font-weight:bold; width:200px;}
.field{ float:right; width:450px;}
.input{ width:400px;}
.redfont{ color:#f85e0a;}

.conttel{ background:#eaeaea;}
.conttel p{ padding:10px;}

.font1{ font-size:14px;}
.mart1{ margin-top:20px;}
.mart2{ margin-top:40px;}
.mart3{ margin-top:10px;}
.mab1{ margin-bottom:20px;}
h5{ font-size:18px; font-weight:bold;}
.height1{ height:150px;}
.height2{ height:50px;}
.height3{ height:80px;}
.imgpad img{ padding-right:10px;}

.newsa{ text-align:right;}



.eachBox{
overflow:hidden;
clear:both;
padding:0px 0; }


/* changeBox_a1 */
.changeBox_a1{
float:left;
width:670px;height:230px; 

position:relative;
 }

.changeBox_a1 .a_bigImg img{
position:absolute;
top:0px;left:0px;
display:none;}



.infiniteCarousel {
width: 670px;
position: relative;
}
.infiniteCarousel .wrapper {
width: 590px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
height: 128px;
margin: 0 40px;
position: absolute;
top: 0;
}
.infiniteCarousel ul a img {
border: 5px solid #acacac;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display:block;
}
.infiniteCarousel ul li p {
    height:20px; 
    line-height:20px;
    text-align:center;
}
.infiniteCarousel .wrapper ul {
width: 840px; /* single item * n */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 98px;
width: 98px;
}
.infiniteCarousel ul li img {
-webkit-transition: border-color 400ms;
}
.infiniteCarousel ul:hover li img {
border-color: #000;
}
.infiniteCarousel ul:hover li:hover img {
border-color: #333;
}
.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
background: url(../images/arrow.png) no-repeat 0 0;
text-indent: -999px;
position: absolute;
top: 37px;
cursor: pointer;
outline: 0;
}
.infiniteCarousel .forward {
background-position: 0 0;
right: 0;
}
.infiniteCarousel .back {
background-position: 0 -72px;
left: 0;
}
.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}




.cloud-zoom-lens {
	border: 4px solid #888;
	margin: -4px;	/* Set this to minus the border thickness. */
	background-color: #fff;	
	cursor: move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;	
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border: 4px solid #ccc;
	overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;	
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}





.zoom-small-image {
     border: 4px solid #CCC;
     float: left;
}



.menu_list { margin-top:20px; }
.menu_head { padding: 10px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #f6f6f6; font-size:16px; }
.menu_body { display:none; padding-bottom:20px; padding-top:10px; padding-left:10px;}
.menu_body a { display:block; color:#006699; background-color:#fefefe; padding-left:10px; font-weight:bold; text-decoration:none; padding-bottom:20px; }
.menu_body a:hover { color: #000000; text-decoration:underline; }

.indexbg{ background:url(../images/indexbg.jpg) center top no-repeat;}
.encase li{ float:left; padding:9px; padding-bottom:10px;}
.encase li img{ display:block;}
.encase li p{ text-align:center;}

.hp li p{ height:40px;}

.fontaaa{ font-family:"微软雅黑";}

.botnav{ margin:0 auto; margin-top:30px; width:980px;border-top:1px #6ebbfb solid; padding-top:5px; text-align:left;}
.botnav a{ margin:0 10px;color:#021dc7;}
.botnav a:hover{ color:#f46203;}

.con_ap_index ul li .indexpro3 li{ float:left; width:74px;  margin:0 1px;   text-align:center; padding:0px; }
.proimgin{ height:62px;  text-align:center; }
.proimgin img{ display:inline;}