@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
body { background-color:#E6E6E6;}
h2 { margin:0px; margin-bottom:5px;}
h3 { border-bottom:#CCC dotted 1px;}
a { text-decoration:none;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.lyb { width:100%; font-size:12px; text-align:left; line-height:30px; text-indent:24px; color:#FFF;border:#CCC 1px solid;background-color:#5e91be;}
 .lybcontent { width:100%; font-size:12px; text-align:left; line-height:30px; text-indent:24px; border:#CCC 1px solid; border-top:0px;}
 .bgnr1{ width:50%}
 .bgnr2 { width:90%}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
 
	clear: none;
	float: none;
}
#div1 {
width: 100%;
}
.logo {
width: 100%; background-image:url(logobg.jpg);
}
.toptext {
width: 100%;
clear: both;
margin-left: 0; background-image:url(header_bg.jpg);background-repeat:no-repeat;height:65px;
}
.menu {   height:76px;
}
 
.box { background-image:url(back.jpg);margin-top:3px;
 position: static;
 height: auto;
 width: 100%;
 margin-left: 0;
}
.welcome { text-align:center; font-size:14px; font-family:"微软雅黑 Light"; font-weight:bold;line-height:40px; height:40px;
 position: static;
 width: 100%;
 margin-left: 0;
 clear: both;
}
.pro {
width: 100%;
}
.probox { float:left; width:100%; margin-bottom:10px;}
.probox .logoimg{ width:46%; float:left; margin-top:10px; float:left;margin:3px;}
.probox img { width:100%;}
.banner { width:100%; overflow:hidden; }

.navigation { padding-left:20px; height:35px; line-height:35px; font-size:12px;}
.nleft { float:left; width:100%; }
.nleft h3{ font-size:14px; font-weight:bold; text-indent:45px; line-height:41px; height:41px; background-image:url(title.jpg); width:100%; overflow:hidden; margin:0px;}
.nleft ul {	width:100%; margin:0px;padding:0px;}
.nleft ul li {display: block;float:left;line-height:22px;width:50%;font-size:12px;}
.nleft ul li a {display: block;padding-left:23px;height:30px;line-height:30px;color:#434343;font-size:12px;font-weight:normal;background:url(side_nav_a.png)  no-repeat;text-decoration:none;}
.nleft ul li a:hover,.aleft ul li a.current{
	color:#fff;
	text-decoration:none;
	background:url(side_nav_h.png) no-repeat;
	font-weight:normal;}


.nright {float:left; width:100%; margin-bottom:10px;overflow:hidden;}
.nright  .search { font-size:12px; margin:6px; text-align:left; margin-top:10px;}
.nright .prolist { width:100%; margin:auto; text-align:center; background:none;}
.nright .prolist p{ width:90%; line-height:23px; font-size:12px; text-align:left;}
.nright .prolist p span{ float:right;}
.nright .prolist .wenzi { float:left; width:90%; margin-left:10px; }
.nright .prolist ul { margin:0px; padding:0px;}
.nright .prolist ul  li{ width:29%; height:150px; float:left; list-style:none; margin-left:3%;}
.nright .prolist ul  li img { padding:3px; border:#CCC 1px solid;}
.nright .prolist ul  li a{ text-decoration:none; color:#999;}
.nright .prolist ul  li span{ width:100%; float:left; text-align:center; font-size:12px; line-height:23px; }
.nright .pages { font-size: x-small; width:90%;  margin-top:10px; text-align:center;}

.foot { background-image:url(logobg.jpg); height:60px; line-height:35px;font-size:12px; color:#CCC; font-family:"Arial Unicode MS";
 }
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
.chaxun { margin-left:5%; height:100px;width:90%;}

.fw { width:50%; float:left;}
.fwt { width:49%;float:left;}
h4 { margin:0; height:30px; line-height:30px; font-size:14px; text-indent:12px;}
.cleft_inner { display:none;}


@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%;
}
.logo {
width: 100%;background-image:url(logobg.jpg);
}
.toptext {
width: 100%;
clear: both;
margin-left: 0;background-image:url(header_bg.jpg);background-repeat:no-repeat;height:65px;
}
.menu { height:76px;
}
.box { background-image:url(back.jpg);margin-top:3px;
 position: static;
 height: auto;
 width: 100%;
 margin-left: 0;
}
.welcome {text-align:center; font-size:14px; font-family:"微软雅黑 Light"; font-weight:bold;line-height:40px; height:40px;
position: static;
width: 100%;
clear: both;
margin-left: 0;
}
.pro {
width: 100%;
}
.probox { float:left; width:50%;}
.probox .logoimg{ width:46%; float:left; margin-top:10px; float:left; margin:3px;}
.probox .logoimg img{ margin-top:20px;}

.banner { width:100%; overflow:hidden; }

.navigation { padding-left:20px; height:35px; line-height:35px; font-size:12px;}
.nleft { float:left; width:100%; margin-left:10px;}
.nleft h3{ font-size:14px; font-weight:bold; text-indent:45px; line-height:41px; height:41px; background-image:url(title.jpg); width:100%; overflow:hidden; margin:0px;}
.nleft ul {	width:100%; margin:0px;padding:0px;}
.nleft ul li {display: block;float:left;line-height:22px;width:25%;font-size:12px;}
.nleft ul li a {display: block;padding-left:23px;height:30px;line-height:30px;color:#434343;font-size:12px;font-weight:normal;background:url(side_nav_a.png)  no-repeat;text-decoration:none;}
.nleft ul li a:hover,.aleft ul li a.current{
	color:#fff;
	text-decoration:none;
	background:url(side_nav_h.png) no-repeat;
	font-weight:normal;}


.nright {float:left; width:100%; margin-bottom:10px;overflow:hidden;}
.nright  .search { font-size:12px; text-indent:24px;text-align:left; margin-top:10px;}
.nright .prolist { width:100%;text-align:center;}
.nright .prolist ul { margin:0px; padding:0px; }
.nright .prolist .awenzi { float:left; width:100%; margin-left:10px; }
.nright .prolist .wenzi { float:left; width:100%; margin-left:10px;background-image:url(contact.jpg) ; background-position:bottom right; height:250px; background-repeat:no-repeat;}
.nright .prolist ul  li{ width:20%; height:145px; float:left; list-style:none; margin-left:4%;}
.nright .prolist ul  li img { padding:3px; border:#CCC 1px solid;}
.nright .prolist ul  li a{ text-decoration:none; color:#999; }
.nright .prolist ul  li span{ width:100%; float:left; text-align:center; font-size:12px; line-height:23px; }
.nright .pages { font-size:8px; width:95%; float:left; margin-top:10px;}
.last {
margin-right: 0 !important;
clear: right;
}
.probox img { width:100%}

.foot {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.chaxun { margin-left:5%; height:100px;width:90%;}
.cleft_inner { display:none;}

}

@media only screen and (min-width: 655px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%;
}
.logo {
width: 100%;background-image:url(logobg.jpg);
}
.toptext {
width: 100%;
clear: both;
margin-left: 0;background-image:url(header_bg.jpg);background-repeat:no-repeat;height:65px;
}
.menu { height:38px;
}
.box { background-image:url(back.jpg);margin-top:3px;
 position: static;
 height: auto;
 width: 100%;
 margin-left: 0;
}
.welcome {text-align:center; font-size:14px; font-family:"微软雅黑 Light"; font-weight:bold;line-height:40px; height:40px;
position: static;
width: 100%;
clear: both;
margin-left: 0;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

.banner { width:100%; overflow:hidden; }
.pro { 
 width: 100%; margin:auto;
}
.probox { float:left; width:50%;}
.probox .logoimg{ width:46%; float:left; margin-top:10px; float:left; margin:3px;}
.probox .logoimg img{ margin-top:10px;}

.fenge  { float:left; width:1%;}
 

.navigation { padding-left:20px; height:35px; line-height:35px; font-size:12px;}

.nleft { float:left; width:25%; margin-left:10px;}
.nleft h3{ font-size:14px; font-weight:bold; text-indent:45px; line-height:41px; height:41px; background-image:url(title.jpg); width:100%; overflow:hidden; margin:0px;}
.nleft ul {	width:100%; margin:0px;padding:0px;}
.nleft ul li {display: block;float:left;line-height:22px;width:100%;font-size:12px;}
.nleft ul li a {display: block;padding-left:23px;height:30px;line-height:30px;color:#434343;font-size:12px;font-weight:normal;background:url(side_nav_a.png)  no-repeat;text-decoration:none;}
.nleft ul li a:hover,.aleft ul li a.current{
	color:#fff;
	text-decoration:none;
	background:url(side_nav_h.png) no-repeat;
	font-weight:normal;}


.nright {float:left; width:72%; margin-bottom:10px; margin-left:6px; overflow:hidden;}
.nright  .search { font-size:12px; margin:6px; text-align:left; margin-top:10px;}
.nright .prolist { width:100%; margin:auto;}
.nright .prolist ul { margin:0px; padding:0px; }
.nright .prolist ul  li{ width:29%; height:165px; float:left; list-style:none; margin-left:3%;}
.nright .prolist ul  li img { padding:3px; border:#CCC 1px solid;}
.nright .prolist ul  li a{ text-decoration:none; color:#999;}
.nright .prolist ul  li span{ width:100%; float:left; text-align:center; font-size:12px; line-height:23px; }
.nright .pages { font-size:8px; width:95%; float:left; margin-top:10px;}



.last {
margin-right: 0 !important;
clear: right;
}
.foot {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.chaxun { margin-left:5%; height:100px;width:90%;}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 950px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%; max-width:955px;
}
.logo {
width: 26%;background-image:url(logobg.jpg); float:left; height:65px;
}
.toptext {
width: 74%;
clear: none;background-image:url(header_bg.jpg); background-repeat:no-repeat; height:65px; float:left; overflow:hidden;
}
.menu { max-width:955px; height:38px;
}
.box { background-image:url(back.jpg); margin-top:3px;
 position: relative;
 margin-left: 0;
 height: auto;
 width: 100%;
}
.welcome {text-align:center; font-size:14px; font-family:"微软雅黑 Light"; font-weight:bold; line-height:40px; height: auto;
margin-left: auto;
width: 100%;
top: 0px;
left: 0px;
clear: both;
}
.banner { width:100%; overflow:hidden; }
.pro { 
 width: 94%; margin-left: 3%; margin-right: 3%; 
}
.probox { width:49%;float: left; margin-bottom:10px; margin-left:2px;
}
.probox .logoimg{ width:46%; float:left; height:50%;}
.probox .logoimg img{ margin-top:10px;}

.navigation { padding-left:20px; height:35px; line-height:35px; font-size:12px;}
.nleft { float:left; width:25%; margin-left:10px;}
.nleft h3{ font-size:14px; font-weight:bold; text-indent:45px; line-height:41px; height:41px; background-image:url(title.jpg); width:100%; overflow:hidden; margin:0px;}
.nleft ul {	width:100%; margin:0px;padding:0px;}
.nleft ul li {display: block;float:left;line-height:22px;width:100%;font-size:12px;}
.nleft ul li a {display: block;padding-left:23px;height:30px;line-height:30px;color:#434343;font-size:12px;font-weight:normal;background:url(side_nav_a.png)  no-repeat;text-decoration:none;}
.nleft ul li a:hover,.aleft ul li a.current{
	color:#fff;
	text-decoration:none;
	background:url(side_nav_h.png) no-repeat;
	font-weight:normal;}


.nright {float:left; width:72%; margin-bottom:10px; margin-left:6px; overflow:hidden;}
.nright  .search { font-size:12px; margin:6px; text-align:left; margin-top:10px;}
.nright .prolist { width:98%; margin:auto; text-align:center;}
.nright .prolist p{ width:90%; line-height:23px; font-size:12px; text-align:left;}
.nright .prolist p span{ float:right;}
.nright .prolist ul { }
.nright .prolist ul  li{ width:30%; height:165px; float:left; list-style:none; margin-left:3%;}
.nright .prolist ul  li img { padding:3px; border:#CCC 1px solid;}
.nright .prolist ul  li a{ text-decoration:none; color:#999;}
.nright .prolist ul  li span{ width:100%; float:left; text-align:center; font-size:12px; line-height:23px; }
.nright .pages { font-size:8px; width:95%; float:left; margin-top:10px;}

.last {
margin-right: 0 !important;
clear: right;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.chaxun { margin-left:40px; height:100px;width:90%;  }
.cleft_inner { display: block;}

}