@charset 'utf8';
*{margin:0;padding:0;word-wrap:break-word;}
body{font:14px/1.75 "微软雅黑", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#FF0000;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
h3,h4{padding:0px; font-size:14px; font-weight:bold;}
.w1015{ width:1015px; overflow:hidden;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.center{ width: 1100px; margin: 0 auto;}

/*网站通用*/
#top{ width: 100%; height: 130px; background-image: url(../images/topbg.jpg); background-repeat: no-repeat; background-position: 0 center; background-size: 100% 130px;}
	#top img{ float: left; width: 230px; margin-top: 15px;}
	#top span{ float: left; color: #fff; font-size: 18px; letter-spacing: 3px;}
		#top span b{ font-weight: bold; font-size: 20px;}
	#top .navToggle{ display: none;}
	#top .mainNav{}
		#top .mainNav .closeBtns{ display: none;}		
	#top ul{ padding-top: 40px;}
	#top ul li{ }
		#top ul li a{ float: left; display: block; font-size: 18px; width: 95px; height: 40px; text-align: center; line-height: 40px;}
		#top ul li a:hover{ background-image: url(../images/navbg.png); background-size: 95px 40px; color: #ba7000;}
	#top .user{ float: right;}
		#top .user img{ width: 40px; height: 40px; margin-right: 10px; margin-top: 0;}

/*幻灯片样式*/
	#slider {width: 100%; max-width: 1920px; min-width: 1100px; height:auto; margin:0 auto; position: relative; z-index: 1;}
	.controls li {top: 50%;margin-top: -30px}
	.controls li:nth-child(1) {left: 0;}
	.controls li:nth-child(2) {right: 0;}
	.pagination li {background-color: #ddd;}
	.pagination li.active {background-color: #000;}
	.responsive {width: 100%;height: auto;}
	.clearfix:after {content: "";display: table;clear: both;}

/*tips*/
#tips{ width: 900px; margin: 20px auto; overflow: hidden;}
	#tips ul{}
		#tips ul li{ float: left; width: 300px;}
		#tips ul li:nth-child(3){ margin-right: 0;}
		#tips ul li img{ width: 200px; height: 75px; display: block; margin: 0 auto;}

#aboutus{ width: 100%; max-width: 1920px; min-width: 1100px; height: 600px; margin: 0 auto; background-image: url(../images/aboutus.jpg); background-position: 100% 600px; background-position: center;}
	#aboutus .con{ width: 500px; height: 300px; float: right; color: #fff; line-height: 30px; margin: 100px 150px 0 0;}
		#aboutus .con a{ color: orange;}
		#aboutus .con a:hover{ text-decoration: underline;}

#news{ margin: 40px auto; overflow: hidden;}
	#news .left{ float: left; width: 540px;}
		#news .left ul{}
			#news .left ul li{ margin-top: 10px; overflow: hidden;}
			#news .left ul li .time{ float: left; width: 60px; text-align: right; border-top: 1px solid #333;}
				#news .left ul li .time .d{ font-size: 30px;}
				#news .left ul li .time .ym{ font-size: 10px;}
			#news .left ul li .title{ float: left; margin-left: 30px; font-size: 18px;}
			#news .left ul li p{ display: block; float: left; margin-left: 40px; color: #777; margin-top: 10px; width: 440px;}
		#news .left .more{ width: 100px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; border: 1px solid #ccc; margin-top: 10px;}
		#news .left .more a{ color: orange;}

	#news .right{ float: right; width: 450px; margin-top: 40px; position: relative;}
		#news .right .tit{ float: right; width: 100px; height: 280px; background-image: url(../images/newsbg.png); background-position: 0px; background-size: 100px 280px;}
		#news .right .bd{}
		#news .right .bd ul{}
		#news .right .bd ul img{ width: 350px; height: 280px; float: left;}

		#news .right .hd{ position: absolute; left: 410px; top: 200px;}
			#news .right .hd ul{}
			#news .right .hd ul li{ float: none; width: 6px; height: 6px; margin-top: 5px; background-color: #ccc; border-radius: 3px;}
			#news .right .hd ul li.on{ background-color: orange;}

/*商品中心*/
#shop{ width: 100%; max-width: 1920px; min-width: 1100px; height: 470px; background-image: url(../images/shopbg.jpg); background-position: 0px 0px; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto;}
	#shop .tit{ width: 400px; margin: 0 auto; padding-top: 20px;}
		#shop .tit img{ width: 100%;}
	#shop a.prev{ float: left; width: 60px; height: 120px; margin-top: 80px; background-image: url(../images/pre2.png); background-repeat: no-repeat; display: block;}
	#shop a.next{ float: right; width: 60px; height: 120px; margin-top: 80px; background-image: url(../images/next2.png); background-repeat: no-repeat; display: block;}
	#shop .bd{ width: 1100px; margin: 20px auto 0; overflow: hidden;}
		#shop .bd .tempWrap{ float: left; width: 980px; margin: 0 auto;}
			#shop .bd .picList li{ width: 180px; height: 200px; margin: 30px; text-align: center;}
			#shop .bd .picList li a{display: block; width: 180px; height: 180px; background-image: url(../images/probg.png); background-position: center; background-size: 180px 180px;}
			#shop .bd .picList li a img{ width: 140px; height: 140px; border-radius: 90px; margin-top: 20px;margin-left: 2px;}
			#shop .bd .picList li .title{ margin-top: 20px;}
		#shop .more{ width: 230px; height: 50px; margin: 0 auto; background-image: url(../images/morebg.png); background-repeat: no-repeat; background-size: 180px 50px; background-position: 50px 0px; text-align: left; line-height: 50px;}
			#shop .more a{ color: #fff; padding-left: 80px; display: block;}

/*商品中心*/
#case{ width: 100%; max-width: 1920px; min-width: 1100px; height: 470px; background-image: url(../images/casebg2.png); background-position: 0px 0px; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto;}
	#case .tit{ width: 400px; margin: 0 auto; padding-top: 20px;}
		#case .tit img{ width: 100%;}
	#case a.prev{ float: left; width: 60px; height: 120px; margin-top: 80px; background-image: url(../images/pre2.png); background-repeat: no-repeat; display: block;}
	#case a.next{ float: right; width: 60px; height: 120px; margin-top: 80px; background-image: url(../images/next2.png); background-repeat: no-repeat; display: block;}
	#case .bd{ width: 1100px; margin: 40px auto 0; overflow: hidden;}
		#case .bd .tempWrap{ float: left; width: 980px; margin: 0 auto;}
			#case .bd .picList li{ width: 220px; height: 230px; margin: 10px; text-align: center;}
			#case .bd .picList li a{display: block; width: 180px; height: 180px; }
			#case .bd .picList li a img{ width: 220px; height: 190px;}
			#case .bd .picList li .title{ margin-top: 30px;}
		#case .more{ width: 230px; height: 50px; margin: 0 auto; background-image: url(../images/morebg.png); background-repeat: no-repeat; background-size: 180px 50px; background-position: 50px 0px; text-align: left; line-height: 50px;}
			#case .more a{ color: #fff; padding-left: 80px; display: block;}
#bottom{ width: 100%; padding: 20px 0; background-color: #333; color: #fff; overflow: hidden;}
	#bottom a{ color: #fff;}
	#bottom .left{ float: left;}
	#bottom .friendlink{ overflow: hidden; width: 690px;}
		#bottom .friendlink span{ float: left; display: block;}
		#bottom .friendlink ul{ float: left;}
		#bottom .friendlink ul li{ float: left; padding: 0 10px;}
	#bottom .copyright{ width: 690px; }
	#bottom .contact{ width: 690px; }

	#bottom .ewm{ float: right; overflow: hidden;}
		#bottom .ewm ul{}
			#bottom .ewm ul li{ float: left; margin-left: 30px; width: 100px; }
				#bottom .ewm ul li img{ width: 100px; height: 100px;}
				#bottom .ewm ul li span{ display: block; text-align: center;}

/*侧通用*/
.conlist .left{ float: left; width: 230px;}
.conlist .left .tit{ height: 50px; line-height: 50px; text-align: center; background-color: #960; color: #fff; margin-top: 20px; }
	.conlist .left ul{ padding: 10px; border: 1px solid #ccc;}
	.conlist .left ul li{ height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px dotted #ccc; background-image: url(../images/li.jpg); background-position: 0 13px; background-repeat: no-repeat; padding-left: 10px; }
	.conlist .left ul li a{display: block;}
	.conlist .left .con{ padding: 10px; border: 1px solid #ccc;}

.conlist .right{ float: right; width: 810px; margin-top: 20px;}
.conlist .right .tit{ height: 30px; border-bottom: 1px solid #ccc;}	

.pages{ text-align: center; margin-top: 30px;}
	.pages ul{ display: inline-block;}
	.pages ul li{ float: left;}
	.pages ul li a{ display: block; padding: 3px 10px; border: 1px solid #ccc; margin: 0 5px;}
		.pages ul li a:hover,.pages ul li a.cur{ background-color: #960; color: #fff;}

/*图片列表页*/
#piclist{ width: 1080px; margin-bottom: 20px; overflow: hidden;}
	#piclist .right{}
		#piclist .right .list{ overflow: hidden;}
		#piclist .right .list ul{ }
			#piclist .right .list ul li{ float: left; width: 180px; text-align: center; margin: 10px; border: 1px solid #ccc;}
			#piclist .right .list ul li:hover{ border:1px solid #333;}
				#piclist .right .list ul li img{display: block; width: 180px; height: 160px;}
				#piclist .right .list ul li .title{ line-height: 30px; font-size: 14px; height: 30px;}

/*招聘列表*/
#newslist .right .job ul li p{ clear: both; min-width: 100%;}

/*新闻列表页*/
#newslist{ width: 1080px; margin-bottom: 20px; overflow: hidden;}
	#newslist .right .list{ padding: 10px;}

	#newslist .right .list ul{}
		#newslist .right .list ul li{ padding: 10px; border-bottom: 1px dotted #ccc; overflow: hidden;}
		#newslist .right .list ul li img{ float: left; width: 130px; height: 80px; margin-right: 20px;}
		#newslist .right .list ul li .title{ float: left; font-size: 16px;}
		#newslist .right .list ul li .time{ float: right; font-size: 14px;}
		#newslist .right .list ul li p{ display: block; float: left; width: 620px; font-size: 12px;}

/*新闻内容页*/
#newscon{ width: 1080px; margin-bottom: 20px; overflow: hidden;}
	#newscon .right .title{ text-align: center; font-size: 16px; margin-top: 20px;}
	#newscon .right .desc{ text-align: center; font-size: 12px; }
	#newscon .right .content{ padding: 10px;}
		#newscon .right .content img{ max-width: 98%; margin: 0 auto;}
	#newscon .right .pre{ float: left; margin-left: 20px; font-size: 14px;}
	#newscon .right .next{ float: right; margin-right: 50px; font-size: 14px;}
	
/*关于我们*/
#aboutpage{ width: 1080px; margin-bottom: 20px; overflow: hidden;}
	#aboutpage .right .content{ padding: 10px;}
		#aboutpage .right .content img{ max-width: 98%; margin: 0 auto;}
/*留言页*/
#aboutpage form{ width: 500px; margin: 0 auto;}
	#aboutpage form input{ width: 500px; height: 50px; font-size: 14px; border: 1px solid #ccc; margin-top: 20px;}
	#aboutpage form textarea{ width: 500px; height: 230px; font-size: 14px; border: 1px solid #ccc; margin-top: 20px;}
	#aboutpage form .sub,#aboutpage form .res{ float: left; width: 230px; margin: 10px; border: none; color: #fff;}
	#aboutpage form .sub{ background-color: #f00;}
	#aboutpage form .res{ background-color: blue;}


@media (max-width:767px){
	.center{ width: 100%;}
	/*网站通用*/
	/*头部*/
	#top{ height: 3rem; line-height: 3rem; position:relative; display: block; overflow: hidden;}
	#top .logo{display: block;display: block; position:absolute; left:60px; top:10%;}
	#top img{ width: 25%; height: auto; margin: 0; margin-left: 0.5rem;}

	#top .navToggle{ display: block; position:absolute; left:20px; width:40px; top:50%; margin-top:-13px;}
	#top .navToggle span{ display:block; width: 100%; height:3px; background-color:#333; margin-bottom:5px;}

	#top .mainNav .closeBtns{ display: block; text-align:right; padding-top:28px; padding-right:18px;}
	#top .mainNav .closeBtns a{ display:inline-block; width:26px; height:26px; background:url(../images/c22.png) no-repeat center;}

	#top .mainNav{ display:none; background:rgba(0,0,0,.9); position:fixed; left:0; right:0; top:0; bottom:0;  z-index:10000; overflow-y:auto;}
	#top .mainNav ul{ width: 100%;}
	#top .mainNav ul li{ float: none; padding-left:18px; padding-right:18px; height: 2.5rem; line-height: 2.5rem;  border-bottom:1px solid #646666;}
	#top .mainNav ul li a{ display:block; color:#fff;}
	#top .mainNav ul li a.navA{ font-size:1rem; position:relative;}

	/*幻灯片样式*/
	#slider {width: 100%; max-width: 100%; min-width: 100%; height:auto; margin:0 auto;}
		#slider .controls,#slider .pagination{ display: none;}

	/*tips*/
	#tips{ width: 100%; margin: 10px auto; overflow: hidden; text-align: center;}
		#tips ul{ }
			#tips ul li{ float: left; width: 31%;}

			#tips ul li:nth-child(1){ margin-left: 4%;}
			#tips ul li:nth-child(2){ margin-left: 3%;}
			#tips ul li:nth-child(3){ margin-right: 0;}
			#tips ul li img{ width: 100%; height: auto; display: block; margin: 0 auto;}

#aboutus{ width: 375px; max-width: 100%; min-width: 100%; height: 120px; margin: 0 auto; background-image: url(../images/wapabout.jpg); background-size: 375px 120px; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
	#aboutus .con{ width: 260px; height: 100px; float: right; color: #fff; line-height: 14px; font-size: 8px; margin: 0; overflow: hidden; margin-top: 5px;}
		#aboutus .con .c{ float: right; width: 250px; height: 70px; margin-right: 10px; font-size: 8px; line-height: 14px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
		#aboutus .con a{ color: orange; font-size: 8px;}
		#aboutus .con a:hover{ text-decoration: underline;}

#news{ margin: 10px auto; overflow: hidden;}
	#news .left{ float: none; width: 350px; margin: 0 auto;}
		#news .left ul{}
			#news .left ul li{ margin-top: 10px; overflow: hidden;}
			#news .left ul li .time{ float: left; width: 60px; text-align: right; border-top: 1px solid #333;}
				#news .left ul li .time .d{ font-size: 1rem;}
				#news .left ul li .time .ym{ font-size: 0.5rem;}
			#news .left ul li .title{ float: left; width: 280px; margin-left: 10px; font-size: 12px; line-height: 14px;}
			#news .left ul li p{ display: block; float: left; margin-left: 10px; color: #777; margin-top: 5px; width: 280px; font-size: 8px; line-height: 14px;}

	#news .right{ float: none; width: 350px; margin: 20px auto 0; position: relative; overflow: hidden;}
		#news .right .tit{ float: right; width: 65px; height: 200px;/* 110  354*/ background-image: url(../images/newsbg.png); background-position: 0px; background-size: 65px 230px;}
		#news .right .bd{}
		#news .right .bd ul{}
		#news .right .bd ul img{ width: 286px; height: 200px; float: left;}

		#news .right .hd{ position: absolute; left: 310px; top: 130px;}
			#news .right .hd ul{}
			#news .right .hd ul li{ float: none; width: 6px; height: 6px; margin-top: 5px; background-color: #ccc; border-radius: 3px;}
			#news .right .hd ul li.on{ background-color: orange;}

/*商品中心*/
#shop{ width: 365px; max-width: 100%; min-width: 300px; height: 170px; background-image: url(../images/shopbgm.jpg); background-position: 0px 0px; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto; overflow: hidden;}
	#shop .tit{ width: 120px; margin: 0 auto; padding-top: 5px;}
		#shop .tit img{ width: 100%;}
	#shop a.prev{ float: left; width: 25px; height: 60px; margin-top: 10px; background-image: url(../images/pre2.png); background-repeat: no-repeat; display: block; background-size: 25px 60px;}
	#shop a.next{ float: right; width: 25px; height: 60px; margin-top: 10px; margin-right: 10px; background-image: url(../images/next2.png); background-repeat: no-repeat; display: block; background-size: 25px 60px;}
	#shop .bd{ display: block;   /*sfsdf*/ width: 370px; margin: 10px auto 0; overflow: hidden;}
		#shop .bd .tempWrap{ float: left; width: 310px; margin: 0 auto;}
			#shop .bd .picList li{ width: 75px; height: 85px; margin: 1px; text-align: center;}
			#shop .bd .picList li a{display: block; width: 70px; height: 70px; background-image: url(../images/probg.png); background-position: center; background-size: 70px 70px;}
			#shop .bd .picList li a img{ width: 55px; height: 55px; border-radius: 90px; margin-top: 8px;margin-left: 0px;}
			#shop .bd .picList li .title{ margin-top: 0px; font-size: 10px;}
		#shop .more{ width: 120px; height: 30px; margin: 0 auto; background-image: url(../images/morebg.png); background-repeat: no-repeat; background-size: 120px 30px; background-position: 20px 0px; text-align: left; line-height: 35px;}
			#shop .more a{ color: #fff; font-size: 10px; padding-left: 35px; margin-top: 5px; display: block;}

/*商品中心*/
#case{ width: 365px; max-width: 100%; min-width: 300px; height: 170px; margin-top: 50px; background-image: url(../images/casebgm.jpg); background-position: 0px 0px; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto; overflow: hidden;}
	#case .tit{ width: 120px; margin: 0 auto; padding-top: 5px;}
		#case .tit img{ width: 100%;}
	#case a.prev{ float: left; width: 25px; height: 60px; margin-top: 10px; background-image: url(../images/pre2.png); background-repeat: no-repeat; display: block; background-size: 25px 60px;}
	#case a.next{ float: right; width: 25px; height: 60px; margin-top: 10px; margin-right: 10px; background-image: url(../images/next2.png); background-repeat: no-repeat; display: block; background-size: 25px 60px;}
	#case .bd{ display: block;   /*sfsdf*/ width: 370px; margin: 10px auto 0; overflow: hidden;}
		#case .bd .tempWrap{ float: left; width: 310px; margin: 0 auto;}
			#case .bd .picList li{ width: 75px; height: 85px; margin: 1px; text-align: center;}
			#case .bd .picList li a{display: block; width: 70px; height: 70px; background-image: url(../images/probg.png); background-position: center; background-size: 70px 70px;}
			#case .bd .picList li a img{ width: 55px; height: 55px; border-radius: 90px; margin-top: 8px;margin-left: 0px;}
			#case .bd .picList li .title{ margin-top: 0px; font-size: 10px;}
		#case .more{ width: 120px; height: 30px; margin: 0 auto; background-image: url(../images/morebg.png); background-repeat: no-repeat; background-size: 120px 30px; background-position: 20px 0px; text-align: left; line-height: 35px;}
			#case .more a{ color: #fff; font-size: 10px; padding-left: 35px; margin-top: 5px; display: block;}


	#bottom{ width: 100%; padding: 20px 0; background-color: #333; color: #fff; overflow: hidden;}
		#bottom a{ color: #fff;}
		#bottom .left{ float: left;}
		#bottom .friendlink{ overflow: hidden; width: 95%; margin: 0 auto; text-align: center;}
			#bottom .friendlink span{ float: left; display: block;}
			#bottom .friendlink ul{ float: left;}
			#bottom .friendlink ul li{ float: left; padding: 0 10px;}
		#bottom .copyright{ width: 95%;  margin: 0 auto; text-align: center;}
		#bottom .contact{ width: 95%;  margin: 0 auto; text-align: center;}

		#bottom .ewm{ float: none; overflow: hidden; margin: 0 auto; width: 230px;}
			#bottom .ewm ul{}
				#bottom .ewm ul li{ float: left; margin-left: 30px; width: 100px; }
				#bottom .ewm ul li:nth-child(1){ float: left; margin-left: 0; }
					#bottom .ewm ul li img{ width: 100px; height: 100px;}
					#bottom .ewm ul li span{ display: block; text-align: center;}

	/*侧通用*/
	.conlist .left{ float: left; width: 230px;}
	.conlist .left .tit{ height: 50px; line-height: 50px; text-align: center; background-color: #00f; color: #fff; margin-top: 20px; }
		.conlist .left ul{ padding: 10px; border: 1px solid #ccc;}
		.conlist .left ul li{ height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px dotted #ccc; background-image: url(../images/li.jpg); background-position: 0 13px; background-repeat: no-repeat; padding-left: 10px; }
		.conlist .left ul li a{display: block;}
		.conlist .left .con{ padding: 10px; border: 1px solid #ccc;}

	.conlist .right{ float: right; width: 810px; margin-top: 20px;}
	.conlist .right .tit{ height: 30px; border-bottom: 1px solid #ccc;}	

	.pages{ text-align: center; margin-top: 30px;}
		.pages ul{ display: inline-block;}
		.pages ul li{ float: left;}
		.pages ul li a{ display: block; padding: 3px 10px; border: 1px solid #ccc; margin: 0 5px;}
			.pages ul li a:hover,.pages ul li a.cur{ background-color: #00f; color: #fff;}

	/*图片列表页*/
	#piclist{ width: 100%; margin-bottom: 20px; overflow: hidden;}
		#piclist .right{ float: none; width: 100%;}
			#piclist .right .list{ overflow: hidden;}
			#piclist .right .tit{ display: none;}
			#piclist .right .list ul{ width: 100%; }
				#piclist .right .list ul li{ float: left; width: 47%; height: 0; padding-bottom: 40%; text-align: center; margin: 0.8%; border: 1px solid #ccc; position: relative;}
					#piclist .right .list ul li img{ width: 100%; height: 80%; position: absolute; top: 0; left: 0;}
					#piclist .right .list ul li .title{ position: absolute; top: 81%; line-height: 1.2rem; height: 30px; text-align: center; width: 100%; font-size: 0.8rem; overflow: hidden;}

	#piclist .left{ float: none; width: 100%; overflow: hidden;}
		#piclist .left .tit,#piclist .left .con{ display: none;}
		#piclist .left ul{ width: 100%; border: none;}
		#piclist .left ul li{ float: left; width: 30%; height: 30px; line-height: 30px; font-size: 14px; border: 1px dotted #ccc; background:none; margin: 2px; padding: 0; text-align: center;}
		#piclist .left ul li a{display: block; font-size: 0.6rem;}
		#piclist .left .con{ padding: 10px; border: 1px solid #ccc;}	


	/*新闻列表页*/
	#newslist{ width: 100%; margin-bottom: 20px; overflow: hidden;}
		#newslist .right{ width: 100%;}
		#newslist .right .list{ padding: 10px;}
			#newslist .right .tit{ display: none;}

		#newslist .right .list ul{}
			#newslist .right .list ul li{ padding: 10px; border-bottom: 1px dotted #ccc; overflow: hidden;}
			#newslist .right .list ul li img{ float: left; width: 30%; height: 80px; margin-right: 5px;}
			#newslist .right .list ul li .title{ float: left; width: 65%; font-size: 16px;}
			#newslist .right .list ul li .time{ float: right; font-size: 14px;}
			#newslist .right .list ul li p{ display: none;}


	#newslist .left{ float: none; width: 100%; overflow: hidden;}
		#newslist .left .tit,#newslist .left .con{ display: none;}
		#newslist .left ul{ width: 100%; border: none;}
		#newslist .left ul li{ float: left; width: 30%; height: 30px; line-height: 30px; font-size: 14px; border: 1px dotted #ccc; background:none; margin: 2px; padding: 0; text-align: center;}
		#newslist .left ul li a{display: block; font-size: 0.6rem;}
		#newslist .left .con{ padding: 10px; border: 1px solid #ccc;}	

	/*新闻内容页*/
	#newscon{ width: 100%; margin-bottom: 20px; overflow: hidden;}
		#newscon .right{ width: 100%;}
			#newscon .right .tit{ display: none;}
		#newscon .right .title{ text-align: center; font-size: 16px; margin-top: 20px;}
		#newscon .right .desc{ text-align: center; font-size: 12px; }
		#newscon .right .content{ padding: 10px;}
			#newscon .right .content img{ max-width: 98%; margin: 0 auto;}
		#newscon .right .pre{ float: none; margin: 0px; margin-left: 10px; font-size: 14px;}
		#newscon .right .next{ float: none; margin: 0px; margin-left: 10px; font-size: 14px;}

	#newscon .left{ float: none; width: 100%; overflow: hidden;}
		#newscon .left .tit,#newscon .left .con{ display: none;}
		#newscon .left ul{ width: 100%; border: none;}
		#newscon .left ul li{ float: left; width: 30%; height: 30px; line-height: 30px; font-size: 14px; border: 1px dotted #ccc; background:none; margin: 2px; padding: 0; text-align: center;}
		#newscon .left ul li a{display: block; font-size: 0.6rem;}
		#newscon .left .con{ padding: 10px; border: 1px solid #ccc;}	

	/*关于我们*/
	#aboutpage{ width: 100%; margin-bottom: 20px; overflow: hidden;}
		#aboutpage .left{ display: none;}
		#aboutpage .right{ width:100%;}
		#aboutpage .right .tit{ padding-left: 10px;}
		#aboutpage .right .content{ padding: 10px;}
			#aboutpage .right .content img{ max-width: 98%; margin: 0 auto;}
	/*留言页*/
	#aboutpage form{ width: 300px; margin: 0 auto;}
		#aboutpage form input{ width: 300px; height: 30px; font-size: 14px; border: 1px solid #ccc; margin-top: 20px;}
		#aboutpage form textarea{ width: 300px; height: 130px; font-size: 14px; border: 1px solid #ccc; margin-top: 20px;}
		#aboutpage form .sub,#aboutpage form .res{ float: left; width: 130px; margin: 10px; border: none; color: #fff;}
		#aboutpage form .sub{ background-color: #f00;}
		#aboutpage form .res{ background-color: blue;}
}