﻿
@media (max-width:1000px) {
.top1,.top{ display:none;}
.m_top{
	background-color: #fff;
	padding-top:5px;
	padding-bottom:5px;
}
.m_top .m_logo{
	float: left;
	width: 45%;
	margin-left:12px;
}
.m_top .m_logo img{
	width: 100%;
}
.m_top .m_top_r{
	float: right;
	width: 9%;
	margin-right: 12px;
	margin-top: 5px;
}
.m_top .m_top_r img{ border:0; width:100%;}

.banner{ height: 180px;     }
.banner ul li{height: 180px; }
.banner ul li img{height: 180px;}
.banner ol{
	            width:50px!important;
	            height: 10px!important;
	          /* background: rgba(0,0,0,0.5);*/
	            position: absolute;
	            left:65%;
	            bottom: 5px;
	           /* padding: 0 10px;*/
	           /*  border-radius: 10px;*/
	        }
.banner ol li{
	width: 8px;
	height: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius:  4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
	        }


#cd-lateral-nav {
  position: fixed;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 1000;
  width: 200px;
  height:100%;
  background: #199342;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -o-transform: translateX(-200px);
  transform: translateX(-200px);
}
#cd-lateral-nav .cd-navigation {}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
#cd-lateral-nav h3{
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

#cd-lateral-nav ul li a {
	display: block;
	font-size:1em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	padding-top: 0.9em;
	padding-right: 1em;
	padding-bottom: 0.9em;
	padding-left: 1.2em;
}

#cd-lateral-nav ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

#cd-lateral-nav ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}

.bg1{
	background-image: none;
	height:auto;
	padding-bottom:0px;
}
.bg2{
	height:320px;
	background-size:cover;
	}
.bg3{ background-color:#91ce64;}
.main1 .con1{
	padding-top: 30px;
	margin-left:2%; margin-right:2%; width:96%;
	padding-bottom: 30px;
}
.main1 .con1 .con1_con{ padding-top:35px;}
.main1 .con1 li{
	float: left;
	width: 33%;
	margin-right: 0px;
	margin-top: 5px;
	padding-top:70px;
	background-size:70px 70px;;
}
.main1 .con1 h3{
	font-size: 15px;
	line-height: 30px;
	color: #626161;
	margin-top: 5px;
	font-weight: normal;
}
.main1 .con2 .con2,.main1 .con2 .cc{ display:none;}
.main1 .con2_con{ padding-bottom:20px;}
.main1 .con2_con img{ width:100%;}

.main1 .con3{margin-left:2%; margin-right:2%; width:96%; padding-top:35px;}
.main1 .con3 .con3_con{
	margin-top: 10px;
}
.main1 .con3 .con3_con p{
	font-size: 14px;
	line-height:23px;
	width: 96%;
}
.main1 .sub{
	height: 35px;
	width: 50%;
	line-height: 35px;
	margin-top: 30px;
}

.main1 .con4{
	padding-top: 30px;
	margin-left:2%; margin-right:2%; width:96%;
}
.main1 .con4 .con4_con{
	margin-top: 10px;
}
.main1 .con4 li{
	width: 100%;
	margin-top: 25px;
	float: none;
}
.main1 .con4 li:nth-child(Odd){ float:none;}
.main1 .con4 li:nth-child(even){ float:none;}
.main1 .con4 .rq{
	font-size: 14px;
	line-height: 25px;
	color: #888;
}
.main1 .con4 h3{
	font-weight: normal;
	color: #504f4f;
	font-size:18px;
	line-height:35px;
}
.main1 .con4 h3 a{color: #504f4f;}
.main1 .con4 li:hover h3 a,.main1 .con4 li:hover p{ color:#014099;}
.main1 .con4 p{
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #7b7a7a;
	margin-top: 20px;
}

.main1 .con5{
	padding-top: 30px;
	margin-left:2%; margin-right:2%; width:96%;
	padding-bottom: 20px;
}
.main1 .con5 .con5_con{
	margin-top: 20px;
	position:relative;
	height:150px;
}
.main1 .con5 .con5_con .box{
	overflow:hidden;
	position:relative;
	width:100%;
	height:150px;
	float: left;
}
.main1 .con5 .con5_con .list{overflow:hidden;width:9999px;}
.main1 .con5 .con5_con .list li{
	width:160px;
}
.main1 .con5 .con5_con .list li img{
	height: auto;
	width: 150px;
}
.main1 .con5 .con5_con .plus{ display:none;}
.main1 .con5 .con5_con .minus{display:none;}


.main1 .con6{
	padding-top: 30px;
	margin-left:2%; margin-right:2%; width:96%;
	padding-bottom: 30px;
}
.main1 .con6 .con6_con{
	margin-top: 30px;
}
.main1 .con6 .con6_con li{
	width: 96%;
	float: none;
	margin-right: 0px;
	padding:2%;
	margin-top:20px;
}
.main1 .con6 .con6_con li:last-child{ margin-right:0px;}
.main1 .con6 .con6_con .img1{
	height:auto;
	width: 100%;
}
.main1 .con6 .con6_con h3{
	font-size: 18px;
	line-height: 30px;
	color: #636363;
	font-weight: normal;
	padding-left: 15px;
	margin-top: 10px;
}
.main1 .con6 .con6_con p{
	font-size: 14px;
	line-height: 30px;
	padding-left: 15px;
}

.main1 .con7{
	padding-top: 30px;
	margin-left:2%; margin-right:2%; width:96%;
	padding-bottom: 30px;
}

.main1 .con7 li{
	width: 100%;
	margin-top: 25px;
}
.main1 .con7 li:nth-child(Odd){ float:none;}
.main1 .con7 li:nth-child(even){ float:none;}
.main1 .con7 .img1{
	float: left;
	height: auto;
	width: 35%;
}
.main1 .con7 .con7_r{
	float: left;
	margin-left: 3%;
	width: 62%;
}
.main1 .con7 .rq{
	font-size: 12px;
	line-height: 18px;
}
.main1 .con7 h3{
	font-size:14px;
	line-height:20px;
}
.main1 .con7 p{
	font-size: 12px;
	line-height: 16px;
}
.media-heading a{ padding-bottom:0px;}

.flash{
	height: 120px;
	background-size:cover;
}
.main{margin-left:2%; margin-right:2%; width:96%;}
.main .about{
	padding:0px;
	width:100%;
padding-bottom:30px;
}
.about h3{
	font-size: 24px;
	line-height: 35px;
	margin-top: 35px;
	margin-bottom: 20px;
}
.about h3 span{
	margin-top: 10px;
	letter-spacing:-5px;
}
.about img{ width:100%!important; max-width:100%!important;}

.zjtd{
	margin-top:10px;
	padding-top: 0px;
}
.zjtd ul{}
.zjtd li{
	width:48%;
	margin-top: 15px;
	margin-right: 1%;
	margin-left: 1%;
}
.zjtd li .img1{
	height: auto;
	width: 100%;
}
.zjtd li h3{
	font-size: 14px;
}

.main .case{ margin-top:10px;}
.main .case ul{}
.main .case li{
	width:96%;
	background-color: #ebf0f8;
	float: none;
	margin-right: 0px;
	padding:2%;
	margin-top:25px;
	box-shadow: 0px 0px 2px 2px #d9d9d9;
}
.main .case .img1{
	height: auto;
	width: 100%;
}
.main .case h3{
	font-size: 16px;
}


.news{
	padding-bottom: 30px;
	padding-top: 10px;
}
.news h2{
	font-size: 22px;
	line-height:35px;
	margin-top: 20px;
}
.news .lable{
	padding-bottom: 10px;
}

.news .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 15px;

}
.news .text img{
	margin-top: 15px;
	width:80% !important;
height:auto !important;

}


.newslist li{
	margin-top: 15px;
	position:relative;
	width:100%;
}
.newslist .img1{
	float: none;
	width:100%;
height:auto;
}
.newslist .text{
	float: none;
	width: 100%;
	margin-left: 0px;
}
.newslist .rq{
position:absolute;
z-index:10;
right:10px;
bottom:15px;
}



.page{ text-align:center; margin-top:20px; margin-bottom:20px;}
.pagen{
	margin-top: 30px;
	clear: both;
}
.pagen .page_l{
	color: #555;
	font-size: 14px;
	line-height: 25px;
}
.pagen .page_r{
color: #555;
	font-size: 14px;
	line-height: 25px;
}

.share{
	font-size: 14px;
	line-height: 35px;
	margin-top: 30px;
	float: right;
	width: 200px;
}



.lxwm{
	width: 100%;
	padding-bottom: 10px;
	margin-top: 25px;
}
.lxwm #dituContent{
	height: 260px;
	width: 100%;
}
.lxwm .con1{
	padding-top: 25px;
	padding-bottom: 30px;
}
.lxwm .con1 .con1_con{width:96%;}
.lxwm .con1 h2{
	font-family: "微软雅黑";
	font-size: 30px;
	line-height: 45px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.lxwm .con1 ul{
	margin-top: 30px;
	width: 100%;
}
.lxwm .con1 li{
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: center;
}
.lxwm .con1 h3{
	font-size: 14px;
	line-height: 25px;
}
.lxwm .con1 p{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	margin-top: 15px;
}
.lxwm .con1 b{
	font-size: 20px;
	font-family: "微软雅黑";
	font-weight: normal;
}

.link{ display:none;}
.foot{ display:none;}
.foot1{ font-size:14px; line-height:25px; padding-top:8px; padding-bottom:8px; text-align:center; color:#878787; background-color:#e6e6e6; margin-bottom:60px;}
.foot_nav{
background-color:#f3f1f2;
position:fixed;
width:100%;
bottom:0;
z-index:300; 
_position:absolute;
 _margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);
}
.foot_nav ul{width:100%;
	margin-left:auto;
	margin-right:auto;}
.foot_nav li{ width:25%; color:#FFFFFF; text-align:center; padding-top:3px; padding-bottom:3px; float:left;}
.foot_nav li img{ width:40px;}
.foot_nav li h3{ font-size:13px; color:#555; font-weight:normal; line-height:20px;}
.foot_nav li a{color:#555;}
}
