*{ list-style:none; margin:0px; padding:0px;}
body {
	 font:14px "微软雅黑";
}
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; max-width:100%;}
td{ vertical-align:center; font-size:12px;}
body{ margin: 0px;   background:url(../images/bg.jpg) top repeat-x #f6f6f6;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }


/* 页面基本元素
-------------------------------------------------------------- */



/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }





a{font-family:"微软雅黑";}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
}
.w a:link {
	color: #fff;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.w a:active {
	text-decoration: none;
}
li{ margin:0px; padding:0px; list-style:none;}
ul{ margin:0px; padding:0px; list-style:none;}
.header{ width:1400px; margin:0px auto; height:112px; background:url(../images/hbg.jpg);}
.logo{ width:900px; float:left; overflow:hidden; text-align:right;}
.tel{ width:300px; float:left; overflow:hidden;}
.menu{width:1000px;height:44px; margin:0px auto;}
.banner{position:relative;width:100%;height:400px;z-index: 1;overflow: hidden;}
.banner img {height: 400px;width:100%;}
.bann{
	position:absolute; top:0; left:50%; margin-left: -700px;
	width:1400px; height:400px;}
#focus {position:relative;width:1400px; height:400px; overflow:hidden;}
#focus ul {position:absolute;height:400px; }
#focus ul li {position:relative;float:left;width:1400px; height:400px; overflow:hidden; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center;z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #333333; cursor: pointer; border-radius: 50%;}
#focus .btn  span.on{ background: #ffffff;}
/* end banner */
/* 导航
-------------------------------------------------------------- */

#nav{ width:1120px; margin:0 auto; overflow:hidden; height:44px; line-height:44px;}
#nav li{ float:left;  width:150px; text-align:center;color:#ffffff; }
#nav li a{color:#ffffff;font-size:16px; font-family:"微软雅黑"; }
#nav li a:hover{ color:#fff; background:#f98a00;}
#nav li.hl a{}
#nav li span{padding-left:25px; padding-right:25px;}

.xw {
	width: 95%;
	margin: 0px auto;
	overflow: hidden;
}
.xw li {
	font-size: 14px;
	line-height: 40px;
	height: 40px;border-bottom:1px dashed #CCCCCC;
	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: #333;
}
.xw li a:active {
	text-decoration: none;
}




.content{width:1120px; margin:0px auto;overflow:hidden;}

.content .left{width:258px; float:left; overflow: hidden; background:#F6F6F6; border:1px solid #ddd;}
.content .right{width:860px; float:right; overflow:hidden; background:#F5F5F5; }
.cp1{width:1120px; margin:0px auto;overflow:hidden;}

.acontent{width:1120px; margin:0px auto;overflow:hidden;}
.acontent .aleft{width:250px; float:left; overflow: hidden; background:#F6F6F6;  border:1px solid #ddd;}


.protit{ width:96%; margin:0px auto; overflow:hidden;  }
.protit li{ height:40px; line-height:40px; background:url(../images/left.jpg) center no-repeat; margin-bottom:10px; text-indent:4em; }
.protit li a{ font-size:16px;}
.protit li a:hover{ font-size:16px;}



.acontent .aright{width:862px; float:right; overflow:hidden; }

.aa{ background:url(../images/ab_03.jpg); width:258px; height:477px;margin: 0px auto;}
.cc{ background:url(../images/cc_02.jpg); width:1120px; height:226px; margin: 0px auto;}

.icontent{width:1120px; margin:0px auto;overflow:hidden;}


.ileft{width:400px; float:left; overflow: hidden; border:1px solid #ccc; background:#fff; min-height:300px; }
.icont{width:400px; float:left; overflow: hidden; border:1px solid #ccc; margin:0px 10px;background:#fff;min-height:300px;}
.iright{width:290px; float:right; overflow:hidden; border:1px solid #ccc;background:#fff;min-height:300px;}


.title{ text-align:center;}
.info{ border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; background:#E7E7E7; text-align: center;}
.xinwen{ padding:10px; overflow:hidden;}
.xinwen li{ line-height:24px; list-style-type: square;}

.chanpin2{ overflow:hidden; padding-left:10px; width:100%;}
.chanpin2 li{  width:280px;  height:220px;float: left;}
.pic2{ border:1px solid #dddddd; padding:2px; width:250px; height:180px;}
.txt2{ text-align:center; line-height:24px;} 


.chanpin3{ overflow:hidden; padding-left:10px;}
.chanpin3 li{  width:270px;  height:220px;float: left;}
.pic3{ border:1px solid #dddddd; padding:2px; width:268px; height:179px;}

.itit{ background:#3366cc; line-height:40px; color:#FFFFFF; text-indent:1em; font-size:16px; }
.itit span{ width:80px; float:right; font-size:14px;}



.footer {
	clear:both;
	margin:0px auto; height:116px; 
	width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 200%;
	margin-top: 10px; font-size:12px; 
	color: #ffffff;font-weight:100;
	background: url(../images/end.jpg);

}


.footer2{ width:1000px;  height:40px; text-align:center; line-height:35px; color:#ffffff;}
.pagination {
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	line-height:1.42857;
	text-decoration:none;
	color:#40aae2;
	background-color:#fff;
	border:1px solid #ddd;
	margin-left:-1px
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index:2;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index:3;
	color:#fff;
	background-color:#40aae2;
	border-color:#40aae2;
	cursor:default
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color:#777;
	background-color:#fff;
	border-color:#ddd;
	cursor:not-allowed
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding:10px 16px;
	font-size:18px;
	line-height:1.33333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-bottom-left-radius:6px;
	border-top-left-radius:6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-bottom-right-radius:6px;
	border-top-right-radius:6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding:5px 10px;
	font-size:12px;
	line-height:1.5
}
.badge, .label {
	line-height:1;
	white-space:nowrap
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-bottom-left-radius:3px;
	border-top-left-radius:3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-bottom-right-radius:3px;
	border-top-right-radius:3px
}
.pager {
	padding-left:0;
	margin:20px 0;
	list-style:none
}
.pager:after, .pager:before {
	content:" ";
	display:table
}
.pager li {
	display:inline
}
.pager li>a, .pager li>span {
	display:inline-block;
	padding:5px 14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:15px
}
.pager li>a:focus, .pager li>a:hover {
	text-decoration:none;
	background-color:#eee
}
.pager .next>a, .pager .next>span {
	float:right
}
.pager .previous>a, .pager .previous>span {
	float:left
}
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
	color:#777;
	background-color:#fff;
	cursor:not-allowed
}
	

#demo {

overflow:hidden;

width: 1070px; height:180px;  padding-left:10px;
}
#demo img {
border: 2px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#ddemo {width: 1000px; height:240px; padding-top:10px;overflow:hidden;
}
#ddemo img {
border: 3px solid #F2F2F2;
}
#inddemo {
float: left;
width: 800%;
}
#ddemo1 {
float: left;
}
#ddemo2 {
float: left;
}
.pro22{ width:1120px;}
.pro22 li{ float: left; height:220px; padding:4px;}
.pic22{ width:210px; height:220px;}
.txt22{ text-align:center; line-height:24px; height:24px; color:#FF0000;}


.pro21{ width:862px;}
.pro21 li{ float: left; height:180px;}
.pic21{ width:210px; height:180px;}
.txt21{ line-height:24px; height:24px; color:#FF0000;padding:0; margin:0; text-align:center;}




.na {

width:240px; background: url(../images/mbg.jpg) repeat-y;

position:relative;
font-size:14px;
margin:0; overflow:hidden;

}

.na ul li a, .na ul li a:visited {display:block; text-decoration:none; color:#000;width:130px; height:30px; text-indent:2em; color:#333;line-height:30px; font-size:14px; overflow:hidden; }
.na ul {padding:0; margin:0; overflow:hidden; }
.na ul li {float:left; margin-right:1px; position:relative;}
.na ul li ul {display: none;position:absolute; left:0px; z-index:9999; }

.na ul li:hover a {color:#333;}
.na ul li:hover ul {display:block; position:absolute;  top:0; left:80px; width:170px; }
.na ul li:hover ul li a.hide {background:#ccc; color:#fff;}
.na ul li:hover ul li:hover a.hide {background:#dddddd; color:#000;}
.na ul li:hover ul li ul {display: none;}
.na ul li:hover ul li a {display:block; background:#dddddd; color:#000;}
.na ul li:hover ul li a:hover {background:#f2f2f2; color:#000;}

 @media screen and (max-width: 768px) {
.header{ width:100%; margin:0px auto; height:50px;}
.logo{ width:100%;overflow:hidden;}
.tel{ width:100%; overflow:hidden; height:1px;} 
	 
#nav{ width:100%; margin:0 auto; overflow:hidden; height:88px; line-height:44px;  background:#3366cc;}
#nav li{ float:left;  width:33%; text-align:center;color:#ffffff; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#nav li a{color:#ffffff;font-size:16px; font-family:"微软雅黑"; }
#nav li a:hover{ color:#fff; background:#f98a00;}
#nav li.hl a{}
#nav li span{padding-left:25px; padding-right:25px;}
	 
.banner{position:relative;width:100%;height:150px;z-index: 1;overflow: hidden;}
.banner img {height: 150px;width:100%;}
.bann{
	position:absolute; top:0; left:50%; margin-left: -300px;
	width:500px; height:150px;}
#focus {position:relative;width:500px;height:150px; overflow:hidden;}
#focus ul {position:absolute;height:150px; }
#focus ul li {position:relative;float:left;width:500px; height:150px; overflow:hidden; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center;z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #333333; cursor: pointer; border-radius: 50%;}
#focus .btn  span.on{ background: #ffffff;}
/* end banner */
.cp1{ width:100%;margin:0px auto;overflow:hidden;}


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

.content .left{ width:100%; overflow: hidden; background:#F6F6F6; border-left:1px solid #ddd;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.content .right{ width:100%; overflow:hidden; background:#F5F5F5; }

.cp1{ width:100%; margin:0px auto;overflow:hidden;}

.acontent{ width:100%; margin:0px auto;overflow:hidden;}
.acontent .aleft{ width:100%; overflow: hidden; background:#F6F6F6;  border:1px solid #ddd; text-align:center;}


.protit{ width:96%; margin:0px auto; overflow:hidden;  }
.protit li{ height:50px; line-height:50px; width:33%; float:left; background:url(../images/left2.jpg) no-repeat; margin-bottom:10px; text-indent:2em; }
.protit li a{ font-size:16px;}
.protit li a:hover{ font-size:16px;}



.acontent .aright{ width:100%; overflow:hidden; }
.icontent{ width:100%; margin:0px auto;overflow:hidden;}


.ileft{ width:100%; overflow: hidden; border:1px solid #ccc; background:#fff; min-height:200px; }
.icont{ width:100%; overflow: hidden; border:1px solid #ccc; margin:0px 0px;background:#fff;min-height:200px;}
.iright{ width:100%; overflow:hidden; border:1px solid #ccc;background:#fff;min-height:200px;}

.lx1{ width:411px; height:262px;margin: 0px auto;}
.lx2{ width:428px; height:262px;margin: 0px auto;}
.lx3{ width:281px; height:262px;margin: 0px auto;}

 }