.mtitle { padding: 30px 0px; text-align: center; font-size: 24px; color: #009933; font-weight: normal; }
.mtitle>h2 { font-size: 24px; color: #009933; font-weight: normal; }
.mtitle>p { padding: 10px 0px; text-align: center; font-size: 18px; color: #555; }
.who>ul { padding: 0px 0px 30px; }
.who>ul>li { width: 20%; float: left; overflow: hidden; }
.who>ul>li>a { display: block; width: 180px; padding: 0px 15px; float: left; margin: 15px 14px; height: 450px; border: 1px solid #f0f0f0; -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; text-align: center; transition: all 0.3s linear 0s; position: relative; }
.who>ul>li>a:hover { -moz-box-shadow: 0px 0px 10px #a5d5b8; -webkit-box-shadow: 0px 0px 10px #a5d5b8; box-shadow: 0px 0px 10px #a5d5b8; }
.who>ul>li>a>span { display: inline-block; background: url(../images/num-bg.gif) no-repeat center center; width: 100%; height: 56px; margin: 22px auto 10px; font-size: 30px; text-align: center; line-height: 56px; color: #999999; font-family: Arial, "微软雅黑" }
.who>ul>li>a>h2 { font-size: 18px; font-weight: normal; padding: 20px 0px 30px; }
.who>ul>li>a>p { height: 80px; overflow: hidden; line-height: 20px; }
.who>ul>li>a>div { margin-top: 20px; }
.who>ul>li>a>div>img { width: 150px; height: 150px; border-radius: 150px; transition: all 0.3s linear 0s; }
.who>ul>li>a:hover>div>img { transform: scale(1.1); }
.products { background: #F0F0F0; position: relative; }
.products>.products-list { position: relative; }
.products .category { clear: both; overflow: hidden; height: 50px; border-bottom: 2px solid #009933; position: absolute; left: 50%; margin-left: -600px; top: 90px; z-index: 2; width: 1200px; }
.products .category>span { padding: 0px 50px; line-height: 50px; float: left; cursor: pointer; display: block; }
.products .category>span.active { background: #009933; color: #FFF; }
.products>.products-list .plist>dl>dt { text-align: center; overflow: hidden; }
.products>.products-list .plist>dl>dt>a>img { width: 1200px; height: 450px; }
.products>.products-list .plist>dl>dd { float: left; width: 33.33%; overflow: hidden; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; }
.products>.products-list .plist>dl>dd:nth-child(5) { display: none; }
.products>.products-list .plist>dl>dd>a { display: block; background: #f5f5f5; -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; padding: 20px 0px 10px; }
.products>.products-list .plist>dl>dd>a>img { height: 300px; width: 200px; transition: all 0.3s linear 0s; }
.products>.products-list .plist>dl>dd>a:hover >img { transform: scale(1.1); }
.products>.products-list .plist>dl>dd>a>p { height: 50px; line-height: 50px; overflow: hidden; padding: 0px 10px; }
.products .prev, .products .next { position: absolute; font-size: 100px; z-index: 2; top: 50%; display: block; color: #009933; cursor: pointer; height: 100px; width: 100px; }
.products .prev::before, .products .next::before { left: 0px; right: 0px; top: 0px; }
.products .prev { left: 50%; margin-left: -660px; text-align: left; }
.products .next { right: 50%; margin-right: -665px; text-align: right; }
.jssl>ul { padding: 20px 0px; }
.jssl>ul>li { width: 33.33%; padding: 10px 30px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.jssl>ul>li>a>img { width: 120px; height: 120px; }
.jssl>ul>li>a>h2 { height: 80px; line-height: 80px; font-size: 18px; }
.jssl>ul>li>a>p { line-height: 25px; text-align: center; }
.witness { text-align: center; position: relative; }
.witness img { max-width: 100%; border: 20px solid #F0F0F0; }
.witness>.txt { position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -350px; background: rgba(0,153,51,.8); width: 700px; height: 150px; border: 2px solid #FFF; text-align: center; }
.witness>.txt>h2 { text-align: center; font-family: "黑体", "微软雅黑", "Arial Black"; font-weight: bold; font-size: 48px; line-height: 100px; color: #FFF; }
.witness>.txt>p { text-align: center; font-size: 32px; font-family: "黑体", "微软雅黑", "Arial Black"; line-height: 30px; color: #FFF; }
.news { position: relative; padding: 30px 0px; }
.news>.line { height: 1px; font-size: 1px; position: absolute; left: 0px; right: 0px; top: 80px; background: #009933; }
.news>.middle { position: absolute; width: 50px; height: 100px; top: 0px; left: 50%; margin-left: -25px; z-index: 2; background: #FFFFFF; }
.news>div.mw>div { width: 575px; float: left; }
.news>div.mw>div:first-child { margin-right: 50px; }
.news>div.mw>div>dl { overflow: hidden; }
.news>div.mw>div>dl>dt { color: #009933; font-size: 24px; height: 50px; line-height: 50px; clear: both; margin-bottom: 20px; }
.news>div.mw>div>dl>dt>a { float: right; font-size: 12px; color: #009933; }
.tab { display: none; }
.news>div.mw>div>dl>dd { width: 275px; float: left; overflow: hidden; height: 180px; }
.news>div.mw>div>dl>dd>a { display: block; position: relative; }
.news>div.mw>div>dl>dd>a>img { width: 275px; height: 180px; }
.news>div.mw>div>dl>dd:last-child { margin-left: 25px; }
.news>div.mw>div>dl>dd>a>p { position: absolute; background: rgba(0,0,0,0.5); height: 30px; line-height: 30px; overflow: hidden; bottom: 0px; left: 0px; right: 0px; text-align: center; padding: 0px 10px; color: #FFF; }
.news>div.mw>div>ul { padding: 20px 0px; }
.news>div.mw>div>ul>li, .question>dl>dd { border-bottom: 1px dotted #e0e0e0; height: 35px; line-height: 35px; overflow: hidden; }
.news>div.mw>div>ul>li>a>span { float: right; }
.aboutus { padding-bottom: 30px; }
.aboutus>dl { width: 1200px; padding: 30px!important; overflow: hidden; clear: both; margin-top: 180px; background: #FFF; -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.aboutus>dl>dt, .aboutus>dl>dt>a { width: 550px; overflow: hidden; }
.aboutus>dl>dt { float: left; margin-right: 30px; }
.aboutus>dl>dt>a>img { width: 550px; height: 300px; }
.aboutus>dl>dd { float: left; width: 560px; overflow: hidden; }
.aboutus>dl>dd>h2 { height: 50px; line-height: 50px; color: #009933; font-weight: normal; font-size: 24px; text-align: center; }
.aboutus>dl>dd>p { line-height: 30px; text-align: justify; height: 210px; overflow: hidden; }
.aboutus>dl>dd>a { display: inline-block; margin-top: 10px; border: 1px solid #009933; border-radius: 5px; width: 110px; text-align: center; line-height: 30px; float: right; }
.question { padding: 0px 0px 30px; }
.question>dl { border: 1px solid #e0e0e0; width: 348px; padding: 15px; float: left; }
.question>dl>dt { height: 35px; line-height: 35px; font-size: 18px; color: #009933; border-bottom: 1px solid #e0e0e0; position: relative; padding-left: 40px; }
.question>dl>dt::before { position: absolute; left: 0px; top: 0px; height: 30px; width: 30px; text-align: center; font-size: 30px; }
.question>dl>dt>a { float: right; font-size: 12px; color: #009933; }
.question>dl:nth-child(3) { margin: 0px 30px; }
.tabs { display: none; }

.en .witness>.txt>h2 { line-height: 80px;}
.en .products .category>span { padding: 0px 20px;}

@media screen and (max-width: 1024px) {
.mtitle { padding: 20px 0px; font-size: 18px; }
.mtitle>h2 { font-size: 18px; }
.mtitle>p { padding: 10px 0px; font-size: 14px; }
.who>ul { padding-bottom: 10px; }
.who>ul>li { width: 100%!important; /*display: none;*/ }
.who>ul>li.active { display: block; }
.who>ul>li>a { height: 85px; width: auto; padding: 0px 0px 0px 100px; margin: 5px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: none; border: none; }
.who>ul>li>a:hover { box-shadow: none;}
.who>ul>li>a>span { display: none; }
.who>ul>li>a>h2 { padding: 5px 0px; color: #009933; font-size: 16px; text-align: left;/* display: none;*/ }
.who>ul>li>a>div { position: absolute; top: 0px; width: 80px; height: 80px; left: 10px; margin: 0px 10px 0px 0px; }
.who>ul>li>a>div>img { width: 80px; height: 80px; border-radius: 100%; }
.who>ul>li>a>p { text-align: left; height: 40px; overflow: hidden; /*margin-top: 20px;*/ }
.who>.mtitle { padding: 20px 10px 10px; }
.who>.mtitle>p { /*display: none;*/ }
	/*
.tabs { text-align: center; border-bottom: 1px solid #009933; display: block; margin-bottom: 10px; }
.tabs>span { display: inline-block; height: 30px; line-height: 30px; text-align: center; }
.tabs>span.active { color: #009933; }
.tab5>span { width: 20%; }
	*/
.products .mtitle { display: none; }
.products>.products-list .plist>dl>dt>a>img { width: 100%; height: auto; }
.products .category { left: 0px; margin: 0px; right: 0px; top: 0px; width: auto; height: 80px; padding: 10px 0px; border: none; text-align: center; }
.products .category>span { padding: 0px 10px; line-height: 25px; display: inline-block; float: none; }
.products>.products-list { padding-top: 70px; }
.products>.products-list .plist>dl>dt { display: none; }
.products>.products-list .plist>dl>dd { width: 50%; padding: 10px; display: block!important; }
/*.products>.products-list .plist>dl>dd:last-child { display: none; }*/
.products>.products-list .plist>dl>dd>a>img { width: 80%; height: auto; }
.products>.products-list .plist>dl>dd>a>p { height: 30px; line-height: 30px; }
.products .prev, .products .next { font-size: 50px; width: 50px; height: 50px; margin-top: -25px; display: none; }
.products .prev { left: 0px; margin: auto; }
.products .next { right: 0px; margin: auto; }
.jssl>ul { padding: 0px 0px 20px; }
.jssl>ul>li { width: auto; padding: 5px 10px; clear: both;/* width: 100%; clear: both; */ overflow: hidden; min-height: 80px; }
.jssl>ul>li>a { display: block; position: relative; padding-left: 90px; text-align: center; }
.jssl>ul>li>a>div { width: 70px; height: 70px; text-align: center; margin: 0px auto; border-radius: 50%; border: 2px solid #A5A5A5; position: absolute; left: 0px; top: 0px; }
.jssl>ul>li>a>div>img { width: 50px; height: 50px; margin-top: 10px; }
.jssl>ul>li>a>h2 { height: 30px; line-height: 30px; font-size: 16px; color: #009933; font-weight: normal; text-align: left; }
.jssl>ul>li>a>p { line-height: 18px; text-align: center; text-align: left; }
.witness { border: 5px solid #F0F0F0; }
.witness img { border: 0px solid #F0F0F0; max-width: 150%; width: 150%; margin-left: -25%; }
.news { padding: 20px 0px 0px; }
.news>.middle { display: none; }
.news>div.mw>div>dl>dt { display: none; }
.tab { height: 40px; line-height: 40px; clear: both; margin-bottom: 10px; font-size: 18px; padding: 0px 15px; display: inline-block; border-bottom: 1px solid #009933; text-align: center; }
.tab>.active { display: inline-block; height: 40px; background: #009933; color: #FFF; }
.tab>span { padding: 0px 15px; margin: 0px 10px; }
.tab2>span { padding: 0px 20px; }
.news>.line { top: 70px; display: none; }
.news>div.mw>div>dl>dd { width: 50%; margin: 0px; height: auto; }
.news>div.mw>div { margin: 0px; clear: both; width: 100%; display: none; }
.news>div.mw>div.active { display: block; }
.news>div.mw>div:first-child { margin: 0px; }
.news>div.mw>div>dl>dd>a>img { width: 100%; height: auto; }
.news>div.mw>div>dl>dd:nth-child(2) { padding-right: 5px; }
.news>div.mw>div>dl>dd:last-child { margin: 0px; padding-left: 5px; }
.aboutus { background-size: 250% auto!important; }
.aboutus>dl { width: auto; margin: 50px 10px 0px; padding: 10px!important; }
.aboutus>dl>dt { width: 100%; clear: both; }
.aboutus>dl>dt>a>img { width: 100%; height: auto; }
.aboutus>dl>dd { float: none; width: 100%; text-align: center; }
.aboutus>dl>dd>h2 { font-size: 18px; font-weight: normal; }
.aboutus>dl>dd>a { margin: 0px auto; float: none; }
.aboutus>dl>dd>p { line-height: 25px; height: 175px; }
.aboutus>dl>dd>a { line-height: 25px; margin-top: 10px; }
.question>dl { clear: both; width: 100%; border: none; margin: 0px!important; display: none; padding: 0px 10px 10px; }
.question>dl.active { display: block; }
.question>dl>dt { display: none; }
.question { padding: 0px 0px 10px; }
.witness>.txt { left: 35px; margin-left: auto; right: 35px; margin-top: -50px; width: auto; height: 100px; }
.witness>.txt>h2 { font-size: 32px; line-height: 60px; }
.witness>.txt>p { font-size: 18px; line-height: 25px; }
	
.en .products .category>span { padding: 0px 5px;}
	.en .products>.products-list { margin-top: 50px;}
	.en .witness>.txt>h2 { line-height: 40px; font-size: 24px;}
	.en .witness>.txt>p { line-height: 20px;}
	.en .tab {padding: 0px; }
	.en .tab>span { padding: 0px 5px; margin: 0px 0px;font-size: 13px; }
}

@media screen and (max-width: 360px) {
.products .category>span { padding: 0px 5px; }
.witness>.txt { left: 25px; right: 25px; }
	.en .tab>span { font-size: 12px; }
}

@media screen and (max-width: 320px) {
.tab>span { padding: 0px 10px; }
.witness>.txt { left: 20px; right: 20px; }
.witness>.txt>p { font-size: 16px; }
}
