@charset "gb2312";
/* CSS Document */
* {margin: 0;padding: 0;}
body {color:#555; font-family:"微软雅黑","黑体","宋体",Arial,Helvetica,sans-serif,Impact; font-size:12px;width:100%;}
ul, li {list-style-type:none;}
a {color:#555;text-decoration:none;}
a:hover {color:#f00;}
em {float:right;font-style:normal;font-weight:normal;}
img {border:none;}

#head {width:100%;height:216px;background:url(../images/tbj.png) top left repeat-x;}
#top {width:1200px;line-height:37px;margin:0 auto;}
#top p {font-size:12px;color:#555;}
#top p b {color:#f00;}
#top p em {color:#e5e5e5;}
#top p em a {color:#00a23f;margin:0 8px;}
#top p em a:hover {color:#2eb362;}
#webinfo {width:1200px;height:121px;margin:0 auto;background:url(../images/logo.png) no-repeat left center;}
.webtitle {width:980px;float:left;}
.webtitle .webkey {float:left;}
.webkey {margin:0 0 0 220px;}
.webkey h1 {font-size:24px;padding:38px 0 0 0;font-weight:normal;}
.webkey h1 span {color:#00a23f;}
.webkey h2 {font-size:16px;font-weight:normal;}
.webtel {width:220px;float:right;background:url(../images/tel.png) top left no-repeat;height:42px;margin:41px 0 30px 0;}
.webtel p {margin:0 0 0 50px;}
.webtel p span {color:#f00;font-size:24px;font-family:Arial,Helvetica,sans-serif,Impact;}
.menu {width:1200px;height:58px;margin:0 auto;}
.menu ul {width:1000px;float:left;}
.menu ul li {float:left;width:130px;line-height:58px;text-align:center;font-size:16px;}
.menu ul li a {color:#fff;}
.menu ul li a:hover {background:#00712c;padding:10px 28px;border-radius:20px;}
.menu .search {width:200px;float:right;}
.search form {width:200px;height:30px;overflow:hidden;border-radius:20px;margin:13px 0 0 0;background:#2eb362;}
.search input {border:none;background:url(../images/search.png) no-repeat 10px center;width:150px;height:30px;color:#fff;float:left;text-indent:36px;font-size:14px;}
.search .submit {border:none;width:50px;height:30px;float:left;font-size:12px;cursor:pointer;background:#027f33;color:#fff;}
@media (max-width: 767px) {
	#head {width:100%;height:50px;background: #00a23f;}
	#top, .webtel, .webkey h1 {display: none;}
	#webinfo {width:100%;height:50px;margin:0 auto;background:url(../images/logo_m.png) no-repeat 10px center;background-size: 100px;}
	.webtitle {width:80%;float:left;}
	.webtitle .webkey {float:left;}
	.webkey {margin:0 0 0 120px;}
	.webkey h2 {font-size:14px;padding:18px 0 0 0;font-weight:normal;color:#fff;}
	
    .menu {display: none;position: absolute;top: 50px;left: 0;height:auto;width: 100%;background: #000;z-index: 100;text-align:left;float:none;}
	.menu ul {width:100%;float:none;}
    .menu.active {display:flex;}
    .menu li {margin:0;width:100%;line-heigth:30px;display:block;float:none;}
	.menu li a {font-size: 14px;font-weight:normal;padding:2px 0;text-indent: 16px;float:none;}
	.menu li a:hover {padding:0;}
	.menu .search {padding:0 2%;float:none;width:96%;}
}

/*menu-btn*/
.menu-btn {display: none;cursor: pointer;}
.menu-btn span {display: block;height: 3px;width: 25px;margin-bottom: 5px;position: relative;background-color: #fff;transition: all 0.2s ease-in-out;}
.menu-btn.active span:nth-child(1) {transform: rotate(45deg);top: 10px;}
.menu-btn.active span:nth-child(2) {opacity: 0;}
.menu-btn.active span:nth-child(3) {transform: rotate(-45deg);top: -6px;}
@media (max-width: 767px) {
	.menu-btn {display: block;float: right;margin:15px 15px 0 0;}
}

.clear {clear:both;}

/*mfbanner*/
.mfbanner {height:580px;overflow:hidden;position:relative;margin:0 auto;width:100%;}
.mfbanner .slides li {-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:100%;height:580px!important}
.mfbanner .slides li img {width:100%;height:100%;background:#ededed;background-size:40%;-moz-object-fit:cover;-webkit-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-moz-object-position:center;-webkit-object-position:center;-ms-object-position:center;object-position:center}
.mfbanner img {width:100%;display:block}
.mfbanner .flex-control-paging {position:absolute;left:0;right:0;bottom:.5em;z-index:1;text-align:center}
.mfbanner .flex-control-paging li {display:inline-block;margin:6px;background:#fff;border-radius:50%;}
.mfbanner .flex-control-paging a{display:block;width:28px;height:0;border:6px solid #f2f2f2;overflow:hidden}
.mfbanner .flex-control-paging a.flex-active{border-color:#00a23f;}
@media (max-width: 767px) {
	.mfbanner {height:200px;}
	.mfbanner .slides li {height:200px!important}
	.mfbanner .flex-control-paging a{width:18px;height:0;border:2px solid #f2f2f2;overflow:hidden}
}

/*product*/
.product {width:1200px;height:316px;margin:30px auto 0 auto;}
.product .left {float:left;width:240px;height:316px;background:#00a23f;}
.product .left h3 {text-align:center;color:#fff;font-size:24px;line-height:30px;margin:18px 0 10px 0;font-weight:normal;}
.product .left ul {background:#fff;width:220px;margin:0 10px;}
.product .left ul li {line-height:40px;border-bottom:1px solid #e5e5e5;font-size:14px;}
.product .left ul li a {display:block;background:url(../images/i1.png) 8px center no-repeat;text-indent:26px;}
.product .left ul li a:hover {background:#30db73 url(../images/i2.png) 8px center no-repeat;color:#fff;}
.product .right {float:right;width:948px;height:316px;}
.product .right h3 {color:#333;font-size:24px;line-height:30px;margin:0 0 10px 14px;font-weight:normal;border-bottom:1px solid #e5e5e5;}
.product .right h3 span {color:#00a23f;font-size:16px;font-family:Arial,Helvetica,sans-serif,Impact;}
.product .right h3 em {font-size:12px;}
.product .right h3 a {background:#00a23f;color:#fff;padding:2px 10px;border-radius:20px;}
.product .right h3 a:hover {background:#00712c;}
.product .right .plb {float:left;width:302px;height:238px;margin:0 0 0 14px;text-align:center;}
.product .right .plb dt {width:100%;height:200px;overflow:hidden;}
.product .right .plb dt img {width:100%;height:100%;object-fit:cover;}
.product .right .plb dd {line-height:38px;font-size:14px;}
.product .right a:hover .plb dd {color:#00a23f;}
@media (max-width: 767px) {
	.product {width:100%;height:auto;margin:10px auto 0 auto;}
	.product .left {display: none;}
	.product .right {float:none;width:92%;height:auto;margin:0 4%;}
	.product .right h3 {font-size:16px;line-height:20px;margin:0 0 10px 0;font-weight:bold;}
	.product .right h3 span {color:#00a23f;font-size:12px;font-family:Arial,Helvetica,sans-serif,Impact;}
	.product .right .plb {float:none;width:100%;height:260px;margin:0;}
	.product .right .plb dt {width:90%;height:230px;overflow:hidden;margin:0 5%;}
	.product .right .plb dt img {width:100%;height:100%;object-fit:cover;}
	.product .right .plb dd {line-height:28px;font-size:14px;}
	.product .right a:hover .plb dd {color:#00a23f;}
}

/*tedian*/
.tedian {width:100%;height:950px;margin:30px auto 0 auto;background:#f2f2f2;}
.tedian .list {width:1200px;margin:0 auto;}
.tedian .list h4 {text-align:center;color:#00a23f;font-size:36px;line-height:50px;padding:28px 0 20px 0;font-weight:normal;}
.tedian .list .tdlb {height:260px;width:1200px;margin:0 0 18px 0;}
.tedian .list .tdlb img {float:left;}
.tedian .list .tdlb_l img {float:right;}
.tedian .list .tdinfo {float:left;width:580px;height:260px;padding:0 0 0 20px;}
.tedian .list .tdlb_l .tdinfo {float:right;padding:0 20px 0 0;}
.tedian .list .tdinfo h6 {color:#333;font-size:24px;line-height:50px;font-weight:normal;}
.tedian .list .tdinfo p {color:#555;font-size:16px;line-height:26px;margin:18px 0 0 0;}
@media (max-width: 767px) {
	.tedian {width:98%;height:auto;margin:10px 0;padding:0 1% 28px 1%;}
	.tedian .list {width:100%;margin:0 auto;}
	.tedian .list h4 {text-align:center;color:#00a23f;font-size:24px;line-height:50px;padding:8px 0;font-weight:normal;}
	.tedian .list .tdlb {height:auto;width:90%;margin:0 5% 8px 5%;}
	.tedian .list .tdlb img, .tedian .list .tdlb_l img {float:none;width:100%;}
	.tedian .list .tdinfo {float:none;width:100%;height:auto;padding:0;}
	.tedian .list .tdlb_l .tdinfo {float:none;padding:0;}
	.tedian .list .tdinfo h6 {font-size:16px;line-height:30px;font-weight:bold;}
	.tedian .list .tdinfo p {font-size:12px;line-height:20px;margin:8px 0 0 0;}
}

/*jishu*/
.jishu {width:1200px;height:320px;margin:30px auto 0 auto;}
.jishu h5 {color:#00a23f;font-size:24px;line-height:60px;font-weight:normal;background:url(../images/i3.png) left center no-repeat;text-indent:38px;border-bottom:1px solid #e5e5e5;margin:0 0 18px 0;}
.jishu h5 em {font-size:12px;}
.jishu h5 a {background:#00a23f;color:#fff;padding:2px 10px;border-radius:20px;}
.jishu h5 a:hover {background:#00712c;}
.jishu .left {width:420px;height:320px;float:left;}
.wdlb {border-bottom:1px dotted #e5e5e5;padding:10px 0;font-size:14px;}
.wdlb span {display:block;border-radius:5px;float:left;padding:0 4px;font-size:14px;margin:0 10px 0 0;}
.wdlb dt span {background:#00a23f;color:#fff;}
.wdlb dt {line-height:22px;padding:2px 0;font-weight:bold;}
.wdlb dd {line-height:22px;padding:2px 0;}
.wdlb dd span {background:#e5e5e5;color:#00a23f;font-weight:bold;}
.jishu .right {width:760px;height:320px;float:right;}
.jishu .right img {float:left;}
.jishu .right .jslb {float:right;width:395px;border-bottom:1px dotted #e5e5e5;padding:0 0 3px 0;}
.jishu .right .jslb h6 {font-size:14px;background:url(../images/i4.png) left center no-repeat;text-indent:18px;line-height:38px;}
.jishu .right .jslb p {font-size:14px;line-height:24px;padding:0 0 0 18px;color:#888;}
@media (max-width: 767px) {
	.jishu {width:98%;height:auto;margin:20px auto 0 auto;}
	.jishu h5 {font-size:14px;line-height:60px;font-weight:bold;text-indent:30px;margin:0 0 18px 0;}
	.jishu .left {width:96%;height:auto;float:none;margin:0 2%;}
	.wdlb {padding:2px 0;}
	.jishu .right {width:96%;height:auto;float:none;margin:0 2%;}
	.jishu .right img {display:none;}
	.jishu .right .jslb {float:nonw;width:100%;border-bottom:1px dotted #e5e5e5;padding:0 0 3px 0;}
	.jishu .right .jslb h6 {font-size:14px;}
	.jishu .right .jslb p {font-size:12px;line-height:20px;}
}

/*yinyong*/
.yinyong {width:100%;height:430px;margin:30px auto 0 auto;background:#00a23f;}
.yinyong .list {width:1200px;height:430px;margin:0 auto;}
.yinyong .list h5 {text-align:center;color:#fff;font-size:36px;line-height:50px;padding:28px 0 20px 0;font-weight:normal;}
.yinyong .list .yylb {float:left;width:300px;height:288px;text-align:center;margin:10px 0 0 0;}
.yinyong .list .yylb dt {width:258px;height:258px;overflow:hidden;border-radius:150px;margin:0 auto;}
.yinyong .list .yylb dt img {width:100%;height:100%;object-fit:cover;}
.yinyong .list .yylb dd {font-size:14px;color:#fff;line-height:38px;}
@media (max-width: 767px) {
	.yinyong {width:100%;height:auto;margin:20px auto 0 auto;background:#00a23f;padding:0 0 18px 0;}
	.yinyong .list {width:98%;height:auto;padding:0 1%;}
	.yinyong .list h5 {text-align:center;color:#fff;font-size:24px;line-height:30px;padding:18px 0 20px 0;}
	.yinyong .list .yylb {float:left;width:50%;height:188px;}
	.yinyong .list .yylb dt {width:90%;height:158px;overflow:hidden;border-radius:5px;margin:0 auto;}
	.yinyong .list .yylb dd {font-size:14px;color:#fff;line-height:38px;}
}

/*huoban*/
.huoban {width:1200px;height:210px;margin:30px auto 0 auto;}
.huoban h5 {text-align:center;color:#00a23f;font-size:36px;line-height:50px;padding:1px 0 20px 0;font-weight:normal;}
.hblb {float:left;margin:0 12px 0 0;width:190px;height:120px;overflow:hidden;}
.hblb img {width:190px;height:120px;}
.hblb_r {margin:0 0 0 0;}
@media (max-width: 767px) {
	.huoban {display:none;}
}

/*foot*/
.foot {width:100%;height:230px;margin:30px auto 0 auto;background:#142a16;}
.footinfo {width:1200px;height:230px;margin:0 auto;}
.footinfo h6 {font-size:14px;line-height:50px;text-align:center;font-weight:normal;padding:20px 0 10px 0;}
.footinfo h6 a {color:#fff;margin:0 20px;}
.footinfo p {font-size:12px;line-height:28px;text-align:center;color:#fff;}
@media (max-width: 767px) {
	.foot {height:auto;margin:0 auto;padding:0 0 8px 0;}
	.footinfo {width:90%;height:auto;}
	.footinfo h6 {font-size:14px;line-height:30px;padding:10px 0;}
	.footinfo h6 a {display:block;width:33.333%;float:left;margin:0;}
	.footinfo p {line-height:22px;}
}