@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#333333;font-family: "寰蒋闆呴粦"; }
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none; font-weight:normal;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "寰蒋闆呴粦", SimSun, "瀹嬩綋", STXihei, "鍗庢枃缁嗛粦", Heiti, "榛戜綋", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333333;text-decoration:none; font-size:12px; outline:none;}
a:hover{color: #CC0000;text-decoration:none; font-size:12px;}
li{	list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{clear:both;}
.lf{ float:left;}
.rt{ float:right;}
.m { width:1000px; margin:0px auto;}
.m1 { margin-top:10px;}

.top { background:url(top.jpg) repeat-x; height:35px; line-height:35px;}
.logo {background:url(t1.jpg) repeat-x; height:128px; }
.nav { background:#ff0000; height:48px; line-height:48px;}
.banner { height:433px;}
.sou { height:45px; background:#ffffff; border-bottom:1px solid #ebebeb; line-height:45px;}
.sou1 { background:url(search.jpg) no-repeat center right; width:253px; height:45px; }
.wei { width:375px; padding-top:100px; text-align:center; font-size:18px; line-height:36px;}
.wei h1 {  font-size:44px; color:#ff0000; height:60px; line-height:60px;}
.wei img:hover {filter: alpha(Opacity=90); opacity:.9;}
.heng { height:250px; background:url(l3.jpg) no-repeat center top;}


.pl { width:202px; border:5px solid #dfdfdf;}
.pl1 ul { padding-top:5px;}
.pl1 ul li { width:171px; height:28px; line-height:28px; margin:8px auto; font-size:14px; background:url(l3.jpg) no-repeat center left;}
.pl1 ul li a { font-size:14px; padding-left:25px; color:#000000;}
.pl1 ul li:hover a {background:url(l2.jpg) no-repeat center left; color:#FFFFFF; display:block;} 
.pr { width:771px;}
.pr1 { background:url(l5.jpg) repeat-x; border:1px solid #d2d2d2; height:34px; color:#0069b7; font-size:16px; font-weight:bold;}
.pr2 { background:#f4f4f4; padding:18px 9px 0px 9px;}
.pr2 ul {}
.pr2 ul li { width:227px; border:1px solid #dfdfdf; float: left; margin:0px 9px 12px 9px; line-height:20px;}
.pr2 ul li h1 { padding:5px 10px; border-bottom:1px solid #dfdfdf;  border-top:1px solid #dfdfdf; background:#f0f0f0;}
.pr2 ul li h2 { background:#f0f0f0; border-top:1px solid #ffffff; padding:10px 0px; text-align:center;}

.hz { background:url(l9.jpg) no-repeat left bottom; height:38px; line-height:38px;color:#0069b7; font-size:16px; font-weight:bold;}
.hz1 { text-transform:uppercase; font-size:12px; color:#666666; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.hz2 { margin-top:15px;} 
.hz2 ul {}
.hz2 ul li { width:233px; float:left;margin: 0 8px;}
.hz2 ul li span { border:4px solid #e5e5e5; display:block;}
.hz2 ul li h1 { font-size:14px; height:35px; line-height:35px;}
.hz2 ul li h2 { line-height:22px; padding-bottom:5px;}
.hz2 ul li img:hover {filter: alpha(Opacity=80); opacity:.8;}

.cas { width:100%; background:#dbdbdb; margin-top:10px; padding:15px 0px; height:218px;}
.main { margin-top:20px; border-top:3px solid #347ac0; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding-bottom:20px;}
.main1 { width:960px; margin:0px auto; margin-top:10px;}
.main11 { width:650px; background:url(l19.jpg) no-repeat right top;}
.main111 { width:300px; line-height:24px; margin-right:20px;}
.main12 { width:280px;}

.main13 { width:324px; border:1px solid #d9d9d9; float: left;}
.main131 {background:url(l5.jpg) repeat-x;  height:34px; color:#333333; font-size:14px; font-weight:bold;}
.main132 { width:303px; margin:0px auto; padding-bottom:10px;}
.main132 ul {}
.main132 ul li { background:url(l24.jpg) no-repeat center left; height:28px; line-height:28px; padding-left:10px;}

.main2 { border:1px solid #d9d9d9; margin-top:15px;}
.main21 { padding:15px; line-height:24px; width:850px;}

.foot { background:#3579c2; margin-top:15px; padding:10px 0px;}
.foot1 { color:#FFFFFF; padding-top:20px; line-height:22px;}
.foot1 a {color:#FFFFFF; }

.nbiaoti { height:35px; line-height:35px;}
.nbanner { width:100%; background:url(about.jpg) no-repeat center center; height:220px;}
.nbanner1 { width:100%; margin:0px auto; height:220px; background:url(fangan.jpg) no-repeat center center;}
.nbanner2 { width:100%; margin:0px auto; height:220px; background:url(product.jpg) no-repeat center center;}
.nbanner3 { width:100%; margin:0px auto; height:220px; background:url(new.jpg) no-repeat center center;}
.nbanner4 { width:100%; margin:0px auto; height:220px; background:url(jishu.jpg) no-repeat center center;}
.nbanner5 { width:100%; margin:0px auto; height:220px; background:url(contact.jpg) no-repeat center center;}
.nleft { width:220px;}
.nleft1 { background: url(n22.jpg) no-repeat; height:60px; font-size:18px; padding-left:15px; padding-top:10PX; color:#fff; text-align:left;}
.nleft1 h1 { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px;}
.nleft2 ul { padding:0px 0px 15px 0px; background:url(n10.jpg) repeat-y;}
.nleft2 ul li {height:40px; line-height:40px; font-size:14px; background:url(n11.jpg) no-repeat; text-align:center;}
.nleft2 ul li a{ color:#333333; font-size:14px;text-align:center;}
.nleft2 ul li:hover a{ background:url(n13.jpg); color:#FFFFFF; display:block;}
.nright { width:750px; text-align:left;}
.nright1{ background:url(n4.jpg) no-repeat; height:40px; line-height:40px; padding-left:15px; color:#666666;}
.nright1 a {color:#666666;}
.nright21 { background:url(n5.jpg) no-repeat left bottom; height:45px; line-height:45px;  }
.nright218 { font-size:18px; color:#005ca2; padding-left:20px;}
.nright211 { font-size:12px; font-weight:normal;}
.nright22 { padding:15px 0px; line-height:26px; font-size:14px;}
.nright2221 {}
.nright2221 ul{ margin-top:15px;}
.nright2221 ul li { width:175px; float:left; text-align:center; margin:15px 0px; line-height:28px; border:1px solid #dddddd;}
.nright2221 ul li img { width:173px; height:150px;}
.nright2221 ul li h3 {display:block; height:25px; line-height:25px; background:#f5f5f5; font-weight:bold; color:#333333;}
.nright2221 ul li h3 a {color:#333333;}
.nright2221 ul li h3 a:hover {color:#fff; background:#005ca2; display:block;}
.nright23 ul{}
.nright23 ul li{ width:230px; height:152px; margin:0px 20px 20px 0px; float: left; padding:10px 0px;}

#nava {
       width:220px;
       line-height: 40px; 
       list-style-type: none;
       text-align:left;
	   margin:0px auto;
	   padding:0px;
	   border:0px;
	   margin-left:0px;
	   padding-top:5px;
    /*瀹氫箟鏁翠釜ul鑿滃崟鐨勮楂樺拰鑳屾櫙鑹�*/
}

/*==================涓€绾х洰褰�===================*/
#nava a {
       width: 190px; 
       display: block;
       padding-left:30px;
       /*Width(涓€瀹氳)锛屽惁鍒欎笅闈㈢殑Li浼氬彉褰�*/
}

#nava li {
       background:url(g2.jpg) no-repeat center center; /*涓€绾х洰褰曠殑鑳屾櫙鑹�*/
       float:left;
	  
       /*float锛歭eft,鏈笉搴旇璁剧疆锛屼絾鐢变簬鍦‵irefox涓嶈兘姝ｅ父鏄剧ず       缁ф壙Nav鐨剋idth,闄愬埗瀹藉害锛宭i鑷姩鍚戜笅寤朵几*/
}

#nava li a:hover{
background:url(g1.jpg) no-repeat center center;       /*涓€绾х洰褰昽nMouseOver鏄剧ず鐨勮儗鏅壊*/
}

#nava a:link  {
       color:#333333; text-decoration:none; font-size:14px; 
}
#nava a:visited  {
       color:#333333;text-decoration:none; font-family:"寰蒋闆呴粦"; font-size:14px; 
}
#nava a:hover  {
       color:#FFF;text-decoration:none; font-size:14px; 
}

/*==================浜岀骇鐩綍===================*/
#nava li ul {
       list-style:none;
       text-align:left;
}
#nava li ul li{  
		height:25px;    
       background:url(images/n4.jpg) no-repeat; /*浜岀骇鐩綍鐨勮儗鏅壊*/
}

#nava li ul a{
         padding-left:30px;
         width:168px;
		 height:25px;  font-weight:normal;
		 line-height:25px;
       /* padding-left浜岀骇鐩綍涓枃瀛楀悜鍙崇Щ鍔紝浣哤idth蹇呴』閲嶆柊璁剧疆=(鎬诲搴�-padding-left)*/
}

/*涓嬮潰鏄簩绾х洰褰曠殑閾炬帴鏍峰紡*/

#nava li ul a:link  {
		line-height:25px; font-size:12px;
       color:#666; text-decoration:none; border-bottom:1px dotted #cccccc; font-weight:normal;
}
#nava li ul a:visited  {
       color:#666;text-decoration:none; font-size:12px; border-bottom:1px dotted #cccccc; font-weight:normal;
}
#nava li ul a:hover {
       text-decoration: none; border-bottom:1px dotted #cccccc;
       font-weight:normal; color:#000000;
       background:none; font-size:12px;
       /* 浜岀骇onmouseover鐨勫瓧浣撻鑹层€佽儗鏅壊*/
}

/*==================涓夌骇鐩綍===================*/
ul.third{
         padding-left:0px;
         width:198px;
         background:#000000!important;
         color:#FF0000; text-decoration:none;
}
/*==============================*/

#nava li:hover ul {
       left: auto;
}
#nava li.sfhover ul {
       left: auto;
}
#content {
       clear: left; 
}
#nava ul.collapsed {
       display: none;
}


#PARENT{
       width:198px;
}

.kuang {border:1px solid #cccccc; border-top:none; padding-bottom:30px; box-shadow:0 1px 4px #999; }
.nnnz { font-weight:bold; color:#005ca2; background:url(bbbb.jpg) no-repeat center left; padding-left:20px;}
.nnnz a { font-weight:bold; color:#005ca2;}

.news ul{ margin:25px;}
.news ul li{ background:url(ico_2.gif) no-repeat center left; border-bottom:1px dotted #cccccc;  height:40px; line-height:40px; padding-left:10px; overflow:hidden; font-size:14px; }
.news ul li a {font-size:14px; }
.news ul li a:hover {font-size:14px; }
.news ul li span { float:right;}
.ddd { height:50px; line-height:50px; text-align:center;}



.ppp ul { margin-top:8px;}
.ppp ul li { width:332px; margin:15px 10px 5px 10px; border:1px solid #cccccc; padding:10px 10px 0px 10px; float:left;}
.ppp ul li .pr1 { width:222px; line-height:20px;}
.ppp ul li .pr1 h1 { background:url(p4.gif) no-repeat center left; padding-left:15px; border-bottom:1px dotted #cccccc;}
.ppp ul li .pr1 h2 { background:url(p5.gif) no-repeat center left; padding-left:8px; border-bottom:1px dotted #cccccc;}

.ppp1 { margin-top:15px; background:#fafafa; padding:10px;}
.ppp11 { width:305px; height:305px; border:1px solid #cccccc; background:#FFFFFF;}
.ppp12 { width:400px; line-height:26px;}
.ppp12 h1 {background:url(p4.gif) no-repeat center left; padding-left:15px; border-bottom:1px dotted #cccccc; font-size:14px; font-weight:bold;}
.ppp12 h2 { background:url(p5.gif) no-repeat center left; padding-left:8px; border-bottom:1px dotted #cccccc;}
.ppp12 h3 {border-bottom:1px dotted #cccccc; padding-top:10PX; font-size:14px; padding-left:8px; } 

.ppp2 { margin-top:20px;}
.ppp21 { background:url(p6.gif) no-repeat center left; height:29px; line-height:29px; font-size:14px; font-weight:bold; padding-left:68px;}
.ppp22 { padding-top:10px;}

.cutpage{font-size:12px;text-align:center;}
.cutpage a{display:inline-block;background:url(../images/cutpage_01.jpg) left top no-repeat;height:24px;padding-left:10px;line-height:24px;text-decoration:none;margin:3px 5px 3px 0;vertical-align:middle;}
.cutpage a span{background:url(../images/cutpage_01.jpg) right top no-repeat;padding-right:10px;display:inline-block;cursor:pointer;height:24px;line-height:24px;}
.cutpage a span .tbg{padding-right:10px;display:inline-block;cursor:pointer;height:24px;line-height:24px;}
.cutpage .current{background:url(../images/cutpage_01.jpg) left -24px no-repeat;}
.cutpage .current span{background:url(../images/cutpage_01.jpg) right -24px no-repeat;}
.cutpage a:link,.cutpage a:visited{color:#999;}
.cutpage a:hover{background-position:left -24px;color:#fff;}
.cutpage .current:hover{color:#fff;}
.cutpage a:hover span{background-position:right -24px;}
.cutpage .current:link,.cutpage .current:visited{color:#fff;}
.cutpage span.tbg{ margin-right:8px;}

.product {padding:18px 0px 0px 0px;}
.product ul {}
.product ul li { width:227px; border:1px solid #dfdfdf; float: left; /* margin: 0px 0px 14px 16px; */ line-height:20px;margin: 5px 10px;}
.product ul li h1 { padding:5px 10px; border-bottom:1px solid #dfdfdf;  border-top:1px solid #dfdfdf; background:#f0f0f0;}
.product ul li h2 { background:#f0f0f0; border-top:1px solid #ffffff; padding:10px 0px; text-align:center;}


.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53;margin: 0 auto;text-align: center;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background: #E9E9E9; border:1px solid #e3e3e3; text-align:center; color: #999; padding:0 10px;/* margin-left: 1px; */margin-left: 4px;/* border: 2px solid; */  border-radius: 5px;  -moz-border-radius:25px; /* Old Firefox */}
.xiaocms-page a:hover { background: #64AADE; color: #fff; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background: #64AADE; border: 1px solid #64AADE; color:#fff; text-align:center;margin-left: 1px; border-radius: 5px;}