.left{float:left;}
.right{float:right;}
.inner{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}





.titler {
	height: 62px;
	line-height: 62px;
	background: #fff;
	border-bottom:2px solid #d0d0d0;
	margin:0 0 20px;
}
.titler strong {
	background: url(../Images/a-titler-ico.jpg) no-repeat left center;
	padding-left: 2px;
	padding-right: 5px;
    color: #fff;
    font-size: 20px;
    color: #199e33;
    border-bottom:2px solid #199e33;
    display: inline-block;
    float: left;
}
.titler small{
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #c6c6c6;
	padding-left: 10px;
	text-transform: uppercase;
}
.titler span {
	margin-right: 15px;
    color: #c6c6c6;
    font-size: 14px;
}
.titler a {
	font-size: 14px;
	color: #c6c6c6;
}

.titler .right a:hover {
	color:#276bda;
}






/* m-pro styles */
.m-super{
	background: #ededed;
}
.m-super .inner{
	height: 1002px;
	background: url(../Images/m-super-line.jpg) no-repeat bottom center;
}
.m-super-title{
	width: 621px;
	height: 53px;
	border:3px solid #199e33;
	margin:85px auto 52px;
	text-align: center;
	position: relative;
}
.m-super-title h2{
	font-size: 35px;
	font-weight: bold;
	color: #199e33;
	background: #ededed;
	padding:0 15px;
	position: absolute;
    left: 168px;
    top: -82px;
}
.m-super-title h2 strong{
	font-size: 83px;
	color: #ff5400;
}
.m-super-title span{
	font-size: 18px;
	font-weight: bold;
	color: #c1c1c1;
	position: absolute;
	right: 142px;
    top: -50px;
    text-transform: uppercase;
}
.m-super-title > div > p{
	display: inline-block;
	width: 526px;
	height: 30px;
	line-height: 30px;
	background: #199e33;
	text-align: center;
	color: #fff;
	font-size: 14px;
	
	margin:0 10px;
}
.m-super-title > div {
	overflow: hidden;
	background: #ededed;
	position: relative;
	top: 40px;
	display: inline-block;
}
.m-super-content{
	overflow: hidden;
}
.m-super-content h3{
	font-size: 24px;
	color: #199e33;
	font-weight: bold;
	margin-bottom: 20px;
}
.m-super-content p{
	font-size: 14px;
	color: #555555;
	line-height: 24px;
}
.m-super-content .left,
.m-super-content .right{
	width: 571px;
}
.m-super-content .left{
	text-align: right;
	margin-right: 25px;
}
.m-super-content .right{
	text-align: left;
	margin-left: 25px;
}
.m-super1,
.m-super2,
.m-super3{
	clear: both;
}
.m-super1 p{
	margin-bottom: 40px;
}
.m-super2 h3{
	width: 850px;
	margin-top: 20px;
}
.m-super2 p{
	margin-bottom: 28px;
}
.m-super3 h3{
	margin-top: 20px;
}
.m-super3 p{
    float: right;
}

.m-super399 p{
	width: 337px;
    float: right;
}
/* m-about styles */
.m-about999{
	background: #199e33;
	height: 404px;
}
.m-about{
	background: url(../images/wb3.png) no-repeat top center;
	height: 404px;width: 100%;
}


    
.m-about-title{
	padding:26px 0 38px;
	text-align: center;
	background: url(../Images/m-about-bg.png) no-repeat center center;
}
.m-about-title h3{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.m-about-title span{
	font-size: 24px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}
.m-about-content .left{
	width: 460px;
	padding-left: 30px;
}
.m-about-content .right{
	width: 680px;
	padding-right: 30px;
	text-align: left;
}
.m-about-content .right h3{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 14px;
}
.m-about-content .right p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
/* m-news-case */
.m-news{
	width: 508px;
}
.m-news .titler a{
	float: right;
}
.m-news-list ul{
	margin:10px 0;
}
.m-news-list li{border-bottom: 1px dotted #cccccc;
	height: 36px;
	line-height: 36px;
}
.m-news-list li:hover{
	background: #199e33;
	color: #fff;
}
.m-news-list li:hover a{
	color: #fff;
}
.m-news-list li:hover a h3{
	color: #fff;
}
.m-news-list li:hover a span{
	color: #fff;
}
.m-news-list li a:before{
	content: "▶";
	padding:0 10px;
	color: #c6c6c6;
	float: left;
}
.m-news-list li:hover a:before{
	content: "▶";
	padding:0 10px;
	color: #fff;
	float: left;
}

.m-news-list li a h3{
	font-size: 14px;
	color: #555555;
	line-height: 36px;
	display: inline-block;
	float: left;
}
.m-news-list li a span{
	font-size: 14px;
	color: #c6c6c6;
	float: right;
}
.m-case{
	width: 666px;

}
.m-case .titler a{
	float: right;
}
.picMarquee-left{ width:666px; margin-top: 10px;  overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.picMarquee-left .bd ul li .pic2{ text-align:center; }
.picMarquee-left .bd ul li .pic2 img{ width:208px; height:157px; display:block; }
.picMarquee-left .bd ul li .pic2 a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li h3{
	position: absolute;
	width: 100%;
	height: 26px;
	line-height: 26px;
	background: rgba(0,0,0,.58);
	color: #fff;
	font-size: 14px;
	bottom: 0;
	left:0;
}



@media(max-width:768px)
{
	.inner{width:98%;}
	.m-news, .m-news, .m-case{width:100%;}
	.m-case-list .picMarquee-left, .m-case-list .tempWrap{width:100% !important;}
	
}

@media(max-width:640px)
{
	
	.m-news-list li a:before{padding: 0 3px;}
	
}