@charset "utf-8";
body { background: #f5f6fa;}
.m { margin: 20px auto; overflow: hidden;}
.mtitle { position: relative;padding: 50px 0px; clear: both;}
.mtitle>.line { position: absolute; top: 50%; margin-top: -1px; left: 0px; right: 0px; height: 2px; background: #cacbcf; font-size: 2px; z-index: -1;}
.mtitle>.tit { text-align: center;}
.mtitle>.tit>a { background: #fff; display: inline-block; padding: 10px 30px; margin: 0px 20px; border: 1px solid #ccc; text-align: center; font-size: 16PX;}
.mtitle>.tit>a.active { background: #000; color: #FFF;}
.article { background: #FFF; margin-bottom: 30px; padding: 20px; line-height: 30px; text-align: justify;}
.article img { max-width:  100%;}
.article>.cover { width: 50%; margin:5px 0px 20px 20px; float: right;}
.article>.cover>img { width: 100%;}
h2.tit { padding:20px 0px 40px; text-align: center; clear: both; font-size: 24px; margin-bottom: 20px; color: #009933;}
.mw>.left { float: left; width: 280px; margin-right: 20px; background: #FFF; padding-bottom: 10px; overflow: hidden;}
.mw>.left>dl>dt{height:100px; padding-left: 40px; line-height: 100px; font-size: 32px;  color: #FFFFFF; background: url(../images/title-bg.jpg) no-repeat; position:relative;}
.mw>.left>dl>dt>i { width: 5px; height: 30px;  display: inline-block; background: #FFF; vertical-align: middle; position: absolute; left: 20px; top: 36px;}
.mw>.left>dl>dd { height: 50px; border-bottom: 1px solid #eee; padding: 0px 15px; margin: 0px 10px; position: relative;}
.mw>.left>dl>dd>a { font-size: 16px; line-height: 50px; display: block; white-space:nowrap;}
/*.mw>.left>dl>dd.active { border-bottom: 1px solid #009933;}*/
.mw>.left>dl>dd.active>a { color: #009933}
.mw>.left>dl>dd>a>i{ height: 16px; width: 8px;  float: right;}
.mw>.left>.contact {  border-top: 20px solid #f5f6fa; margin-top: 10PX; }
.mw>.left>.contact>img { width: 100%;}
.mw>.left>.contact>ul{ padding: 10px 10px 0px; overflow: hidden;}
.mw>.left>.contact>ul>li { padding: 5px 0px;}
.mw>.right { width: 860px; float: left; padding: 20px;background: #FFF; min-height: 700px;}
.pages { margin: 20px 0; text-align: center; clear: both; }
.pages a { height: 28px; line-height: 28px; padding: 0 9px; display: inline-block; border: 1px solid #ededed; color: #666; margin: 0px 2px; border-radius: 2px; border-radius: 5px; }
.pages a:hover, .pages a.current { color: #fff; background-color: #009933; }
.pages a.disabled, .pages a:hover.disabled { background-color: #f2f2f2; border: 1px solid #ededed; cursor: default; color: #666; }
.news { }

.news>dl { height: 150px; clear: both; margin-bottom: 20px;position: relative; overflow: hidden; background: #f5f6fa; padding: 15px;}
.news>dl>dt { width: 250px; height: 150px; position: absolute; top: 15px; left: 15px; overflow: hidden;}
.news>dl>dt>a>img { width: 100%;}
.news>dl>dd { padding-left: 270px; height: 150px;}
.news>dl>dd>h2{ height: 40px; overflow: hidden; margin-bottom: 5px;}
.news>dl>dd>h2>a { font-size: 18px; font-weight:normal; color: #009933; line-height: 20px;}
.news>dl>dd>p { line-height: 25px; height: 75px; text-align: justify; overflow: hidden;margin-bottom: 5px;}
.news>dl>dd>span { display: inline-block; line-height: 30px; color: #009933 }
.news>dl>dd>a { display: inline-block;  border-radius: 5px; text-align: center; line-height: 25px; float: right; color: #009933 }

.products>ul>li { width: 33.33%; float: left; text-align: center;}
.products>ul>li>a { padding: 10px; margin: 12px; display: block; background: #f5f5f5; -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; }
.products>ul>li>a>p { height: 30px; line-height: 30px; overflow: hidden;}
.products>ul>li>a>img { transition: all 0.3s linear 0s;  }
.products>ul>li>a:hover>img {transform: scale(1.1);}

.mw>.left>dl.pleft>dd { height: auto; padding-top: 10px;}
.mw>.left>dl.pleft>dd>a { line-height: 35px;}
.mw>.left>dl.pleft>dd>ul { padding-left: 10px;}
.mw>.left>dl.pleft>dd>ul>li { height: 36px; line-height: 36px; background: url("../../admin/img/join.gif") no-repeat left center; padding-left: 20px;}
.mw>.left>dl.pleft>dd>ul>li.end { background: url("../../admin/img/joinbottom.gif") no-repeat left top; }
.mw>.left>dl.pleft>dd>ul>li>a.active { color: #009933;}
.article>.nextpre { padding: 0px 0px 10; clear: both;}
.location { height: 30px; /*border-bottom: 1px solid #009933;*/ position: relative; margin-bottom: 20px; overflow: hidden;}
.location>span { font-size: 18px; display: inline-block; border-bottom: 2px solid #0f6000; height: 28px; line-height: 28px;}
.location>p { float: right; text-align: right; height: 30px;line-height: 30px; font-size: 14px;}
.location>p>i { margin: 0px 5px; color: #009933;}
.location>p>i.icon-location { font-size: 18px; padding: 0px 10px;}
.location>p>i.icon-arrow { font-size: 12px;}
.nextpre,.nextpre>a { color: #009933;}

.cat { display: none;}
.en .mw>.left>dl>dd>a { font-size: 14px;}
.en .mw>.left>dl>dt { padding-left: 30px; }
.en .mw>.left>dl>dt>i { left: 15px;}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 768px) {
	.mw ,.mww{ padding: 0px; }
	.mw>.left { display: none;}
	.mw>.right { padding:10px; background: #FFFFFF;  width: 100%; min-height:auto;}
	.location>p>i {padding: 0px!important; margin: 0px;}
	.location>p>i.icon-location { font-size: 14px;}
	.location>span { font-size: 14px; border-bottom:none;}
	.location>span>i { width: 4px; background: #009933; height: 12px; margin-right: 5px;}

	.article { padding: 0px;}
	.article img { max-width: 100%;}
	.article>.cover { width: 100%; float: none; margin: 0px 0px 20px;}
	.article>h2.tit { padding: 10px 0px; font-size: 18px;}
	.news>dl { height: 100px;padding: 10px;margin-bottom: 10px;}
	.news>dl>dt { width: 120px; height: 72px; top: 15px; left: 5px;}
	.news>dl>dt>a>img { width: 120px; height: 72px;}
	.news>dl>dd>h2 { height: 40px; text-align: justify; margin-bottom: 0px;}
	.news>dl>dd>h2>a { font-size: 14px; line-height: 16px;}
	.news>dl>dd { padding-left: 125px; height: 72px;}
	.news>dl>dd>p { height: 40px; line-height: 20px; padding: 0px 0px 0px; margin-bottom: 0px;}
	.news>dl>dd>span,.news>dl>dd>a { display: none;}
	.products>ul>li { width: 50%;}
	.products>ul>li>a>img { width: 100%;}
	.message>dl { overflow: hidden;}
	.message dt, .message dd { width: 100%!important; clear: both; margin-top: 20px;}
	.cat { display: block; text-align:center; margin-bottom: 10px;}
	.cat>a { display: inline-block; padding: 2px 8px; margin:5px; border: 1px solid #eee; border-radius: 5px;} 
	.cat>a.active { background: #009933; color: #FFF;}
}
@media screen and (max-width: 320px) {
	.mtitle>.tit { }
	.mtitle>.tit>a { padding: 5px 10px!important; margin:5px!important;}
}