/* CSS Document */

/*头部样式*/
body {
	margin: 0px auto;
	padding: 0px; background:url(../images/bg.jpg) top repeat-x #ffffff ; color: #333333;
	
}
body, table, tr, td, th { 
	font-size:15px; font-family:"微软雅黑";
	color: #333333;
	line-height: 200%;
}
a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	color: #F00;
	text-decoration: underline;
}
ul, li, dl, dt, dd {
	list-style: none;
}

img{ border:0px;}
ul{ padding:0px; margin:0px; list-style:none;}
li{ padding:0px; margin:0px; list-style:none;}
.logo{ width:100%; overflow:hidden;}
.logo img{ border:0px; width:100%;}


.nav1
{

	width:1201px; margin:0px auto; overflow:hidden;
}
.nav1 li{width:12%; float:left; line-height:36.5px;text-align:center;}
.nav1 li a {  color:#fff; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.nav1  li a:active 
{

	color:#ffffcc;
	 line-height:36.5px;
}
.ban{ width:100%; overflow:hidden; margin:0px auto;}
.w1300{ width:1300px; margin:0px auto; overflow:hidden;}
.me li{ width:25%; float:left; line-height:42px; font-size:16px; text-align:center; color:#FFFFFF; border-bottom:solid 1px #006633;}

.top{ width:1201px;margin:0px auto;overflow:hidden; }
.topc2{ width:1201px; height:89px;margin:0px auto;overflow:hidden; }
.topc3{ width:1201px;height:107px;margin:0px auto;overflow:hidden; }
.top1{ width:1201px; height:35px; line-height:35px; font-size:12px; margin:0px auto;overflow:hidden; }
.nfenlei{ overflow:hidden; margin-top:20px; margin-bottom:40px;}

.nfenlei li{ float:left;border:1px solid #ccc; font-size:18px; background:#ddd; padding:10px 20px; margin-left:10px; margin-right:10px; line-height:40px;border-radius:10px;}
.nfenlei a:hover  li { background:#3784D9; color:#FFFFFF;}

.l1 {width: 1000px; float: left;overflow: hidden;}
.r1 {width: 200px; float: right; overflow: hidden;}

.l2 {width: 430px; float: left;overflow: hidden; padding-top:10px;}
.r2 {width: 770px; float: right; overflow: hidden;padding-top:10px; text-align:left;}


.d1 {width: 143px; height:254px; float: left;background:url(../images/dd_01.jpg); margin:0px auto;overflow:hidden;}
.d2 {width: 513px; height:254px; float: left;background:url(../images/dd_02.jpg); margin:0px auto;overflow:hidden;}
.d3 {width: 196px; height:254px; float: left;background:url(../images/dd_03.jpg); margin:0px auto;overflow:hidden;}
.d4 {width: 349px; height:254px; float: right;background:url(../images/dd_04.jpg); margin:0px auto;overflow:hidden;}



.b1{ width:100%; overflow:hidden;margin:0px auto;overflow:hidden;text-align:center;}
.b2{ width:100%; height:254px; background:url(../images/end1.jpg); margin:0px auto;overflow:hidden;text-align:center;}
.bb2{ width:1201px;margin:0px auto;overflow:hidden;text-align:left; color:#cbd4c1; line-height:200%;}
.b3{ width:100%; height:59px; background:url(../images/end2.jpg);text-align:center; line-height:59px; color:#cccacb;}


.c1{ width:1350px; margin:0px auto;overflow:hidden;text-align:center;}
.c2{ background:#ddd; padding:50px 0px;overflow:hidden;text-align:center;}
.c3{overflow:hidden; background:#f2f2f2;padding:50px 0px;}


.content {
	width: 1201px;
	margin: 0px auto;
	overflow: hidden; margin-top:10px;
	
}

.content .left {
	width: 251px;
	float: left;
	overflow: hidden;background: #f2f2f2;
}
.content .right {
	width: 945px;
	float: right;
	overflow: hidden;
}

.protit{ width:220px;  margin:0px auto; overflow:hidden; font-size:15px;  color:#000; font-family:"微软雅黑";   }
.protit li{  text-indent:2em;height:47px; line-height:47px;color:#000;background:url(../images/lll.png); }
.protit li a:hover{ color:#FF0000;}

.pro2 {overflow:hidden;}
.pro2 li{ width:400px; float:left; margin-left:10px; height:320px;width: 48%;}
.pro2 li img{ width:400px; height:267px;border:1px solid #ccc; }
.tit2{ font-size:14px; line-height:30px; font-weight:900; line-height:30px;}


.pro1 {overflow:hidden;}
.pro1 li{width: 31%; height:340px; float:left; margin-left:10px; margin-right:10px;  margin-bottom:25px;border:1px solid #ccc;border-radius:10px;}
.pro1 li .pic{  padding:10px; height:270px;}
.pro1 li .pic img{width:100%; height:270px;}
.pro1 .tit{ text-align:center; margin-top:8px;}

.pro1  a:hover li { border:1px solid #0066CC; }





.pro {overflow:hidden;}
.pro li{ width:23%; float:left; margin-left:10px; margin-right:10px; height:240px;}
.pro li .pic{ width:100%; height:200px;}
.pro li img{ width:280px; height:200px; }
.tit{ font-size:16px; line-height:150%; text-align:center;  }



.xw {
	width: 95%;
	margin: 0px auto;
	overflow: hidden;
}
.xw li {
	font-size: 15px;
	line-height: 35px;
	height: 35px;border-bottom:1px dashed #333;
	text-align: left;
}
.xw li a:link {
	color: #333
	text-decoration: none;
}
.xw li a:visited {
	text-decoration: none;
	color: #333;
}
.xw li a:hover {
	text-decoration: none;
	color: #ff0000;
}
.xw li a:active {
	text-decoration: none;
}



.itit{ background:url(../images/ltitbg.png) no-repeat;line-height:40px; color:#FFFFFF; text-indent:1em;}
.itit div{ float:right; width:122px; text-align:center; color:#FFFFFF; margin-right:20px; margin-top:5px;}
.itit a:link {
	color: #fff;
	text-decoration: none;
}
.itit a:visited {
	text-decoration: none;
	color: #fff;
}
.itit a:hover {
	text-decoration: none;
	color: #fff;
}
.itit a:active  {
	text-decoration: none;
}

.rtit { background: url(../images/bg2.jpg) repeat-x bottom;line-height:40px; color:#333; text-indent:1em; }

.rtit a:link {
	color: #333;
	text-decoration: none;
}
.rtit a:visited {
	text-decoration: none;
	color: #333;
}
.rtit a:hover {
	text-decoration: none;
	color: #333;
}
.rtit a:active {
	text-decoration: none;
}


.ntit {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px dashed #CCC;
}
.kuang {
	border: 1px solid #ddd;
	height: 200px;
	background: #FFF;
}
.lb {
	border: 1px solid #C8C8C8;
	background-color: #ddd; 
	overflow: hidden;
}
.liebiao li {
	background: url(../images/bg_14.jpg) repeat-x;
	line-height: 29px; 
	text-indent: 2em;
	margin-bottom: 8px;
}
.title {
	text-align: center;
}
.info {
	background: #f2f2f2;
	border-bottom: 1px dashed #EAEAEA;
	text-align: center;
}
.intro {
	border: 1px #DDD solid;
	background: #f1f1f1;
	padding: 10px;
	margin-top: 10px;
}
.dede_pages {
}
.dede_pages ul {
	float: left;
	padding: 12px 0px 12px 16px;
}
.dede_pages ul li {
	float: left;
	font-family: Tahoma;
	line-height: 17px;
	margin-right: 6px;
	border: 1px solid #E9E9E9;
}
.dede_pages ul li a {
	float: left;
	padding: 2px 4px 2px;
	color: #555;
	display: block;
}
.dede_pages ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 2px 4px 2px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color: #F8F8F8;
	padding: 2px 4px 2px;
	font-weight: bold;
}
.dede_pages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}
.dede_pages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.e2 {
}
.e2 li {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 12px 0px;
	border-bottom: 1px solid #EEE;
	color: #aaa;
}
.e2 li b a {
	color: #555;
}
.e2 li a.preview {
	width: 84px;
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 10px;
	display: inline;
}
.e2 li a.preview img {
	width: 80px;
	/*height:60px;*/
	display: block;
	padding: 1px;
	border: 1px solid #EEE;
}
.e2 li a.preview:hover img {
	border: 1px solid #AAA;
}
.e2 li a.title {
	overflow: hidden;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 2px;
}
.e2 span.info {
	display: block;
	line-height: 23px;
	color: #555;
	padding-left: 12px;
}
.e2 span.info small {
	color: #AAA;
	font-size: 12px;
	margin-left: 3px;
}
.e2 span.info a {
	color: #690;
}
.e2 p.intro {
	color: #776955;
	line-height: 20px;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.listbox {
	width: 720px;
	overflow: hidden;
	float: left;
	clear: both;
	overflow: hidden;
}

/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 1px;background: #333333; overflow:hidden;}
.toollist li{ float:left;width: auto;  height: 100%;width:50%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top:5px;position:relative;color: #fff;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
.toollist .li4{ border-right:none;}





@media screen and (max-width: 768px) {

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

	.nfenlei{ overflow:hidden; margin-top:20px; margin-bottom:40px;}

.nfenlei li{ float:left; width:45%;border:1px solid #ccc; font-size:14px; background:#ddd; padding:2px 2px; margin-left:10px; margin-right:0px; line-height:40px;border-radius:10px;}
.nfenlei a:hover  li { background:#3784D9; color:#FFFFFF;}




/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 58px;background: #333333;}
.toollist li{ float:left;width: auto;  height: 100%;width:33.3%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top:5px;position:relative;color: #fff;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
.toollist .li4{ border-right:none;}
.huoche{ width:98%; overflow:hidden; margin:0px auto;}
.huoche li{ width:33%; float:left; overflow:hidden; text-align:center;}
.ntit{ border-bottom:1px solid #cccccc; line-height:60px;}
.mmain{padding:10px; overflow:hidden; line-height:200%;}
.mmain img{ width:100%; border:0px;}

img {max-width: 100%; border:0px;}

.nav1 
{width: 100%; overflow:hidden; height:90px;  background:#000;  font-weight:700;

}

.nav1  li{width:25%; float:left;height:45px;line-height:45px; }
.nav1  li a {  
    color: #fff; font-size:12px;
}

.nav1 li a:hover 
{
	color: #fff;
	line-height:45px;
}


.top{ width:100%;margin:0px auto;overflow:hidden; }
.topc2{ width:100%; height:29px;margin:0px auto;overflow:hidden; }
.topc3{ width:100%; height:57px;margin:0px auto;overflow:hidden; }
.top1{ width:100%; height:35px; line-height:35px; font-size:12px; margin:0px auto;overflow:hidden; }


.l1 {width: 100%; float: left;overflow: hidden;}
.r1 {width: 100%; float: right; overflow: hidden;}

.l2 {width: 100%; float: none;overflow: hidden; text-align:center;}

.l2 img{ width:90%;  border:0px;text-align:center;}
.r2 {width: 100%; float: none; overflow: hidden;text-align:left;}


.d1 {width:10%;  float: left;background:url(../images/dd_01.jpg); margin:0px auto;overflow:hidden;}
.d2 {width:20%;  float: left;background:url(../images/dd_02.jpg); margin:0px auto;overflow:hidden;}
.d3 {width:30%; float: left;background:url(../images/dd_03.jpg); margin:0px auto;overflow:hidden;}
.d4 {width:40%; float: right;background:url(../images/dd_04.jpg); margin:0px auto;overflow:hidden;}



.b1{ width:100%;height:235px;  background:url(../images/end3.jpg); margin:0px auto;overflow:hidden;text-align:center;}
.b1 img{ width:100%;  border:0px;}
.b2{ width:100%;  background:url(../images/end1.jpg); margin:0px auto;overflow:hidden;text-align:center;}
.bb2{ width:100%;;margin:0px auto;overflow:hidden;text-align:left; color:#cbd4c1; line-height:200%;}
.b3{ width:100%; height:59px; background:url(../images/end2.jpg);text-align:center; line-height:59px; color:#cccacb;}


.c1{ width:100%; margin:0px auto;overflow:hidden;}
.c2{ width:100%;  margin:0px auto;overflow:hidden;text-align:center;}
.c3{ width:100%;  margin:0px auto;text-align:center;}


.pro1 {overflow:hidden;}
.pro1 li{width:180px; height:200px; float:left; margin-left:5px; margin-right:5px;  margin-bottom:25px;border:1px solid #ccc;border-radius:10px;}
.pro1 li .pic{  padding:5px; overflow:hidden;height:127px;}
.pro1 li .pic img{width:180px; height:127px;}
.pro1 .tit{ text-align:center; margin-top:8px; font-size:12px;}

.pro1  a:hover li { border:1px solid #0066CC; }


.pro {overflow:hidden;}
.pro li{ width:40%; float:left; margin-left:10px; margin-right:10px; overflow: hidden;}
.pro li .pic{ width:100%; height:auto;}
.pro li img{ width:280px; height:auto; }



.pro2 {overflow:hidden;}
.pro2 li{ width:167px; float:left; margin-left:10px; height:180px; width:46%;}
.pro2 li img{ width:165px; height:125px; border:1px solid #ccc;}
.tit2{ font-size:12px; line-height:150%; }


.protit{ width:220px;  margin:0px auto; overflow:hidden; font-size:15px;  color:#000; font-family:"微软雅黑";   }
.protit li{  text-indent:2em;height:47px; line-height:47px;color:#000;background:url(../images/lll.png); }
.protit li a:hover{ color:#FF0000;}

.content {
	width: 100%;
	margin: 0px auto;
	overflow: hidden; margin-top:10px;
	
}

.content .left {
	width: 100%;
	float: left;
	overflow: hidden;background: #f2f2f2;
}
.content .right {
	width: 100%;
	float: right;
	overflow: hidden;
}
}