.block{padding: 20px 0;}
.block .zhd{margin:0 0 20px;text-align: center;}
.block .zhd h2 {font-size: 18px;font-weight: bold;color: #88c32b;line-height: 1.6em;}
.block .zhd p {font-size: 0;line-height: 0;}
.block .zhd p img{height: 12px;width: auto;}

.index-banner img{display: block;max-width: 100%;height: auto;}

.m1 dl{margin: 0 0 20px;}
.m1 dt{margin: 0 0 10px;}
.m1 dd{font-size: 12px;line-height: 2em;text-indent: 2em;}
.btn{text-align: center;}
.btn a{display: inline-block;width: 100%; height: 32px; line-height: 30px; font-size: 14px; border: 1px solid #777;}

.m2{background: #e6e6e6;}
.m2 li img{display: block;max-width: 100%;width: 100%;height: auto; margin: 0 auto;}
.m2 li p{height: 40px;text-align: center;line-height: 40px;font-size:16px;color: #000;background: #d9d9d9;}

.m2-slide .prev,
.m2-slide .next{display: none;}

.m3{position: relative;height: 100px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.m3 .info{position: absolute;left: 0;top: 0;right: 0; bottom: 0;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;color: #fff;text-align: center;}
.m3 .info .p1{font-size: 0;line-height: 0;}
.m3 .info .p1 i{display: inline-block; font-size: 26px;font-weight: bold;font-style: normal;line-height: 1.5em;vertical-align: top}
.m3 .info .p1 sup{display: inline-block;font-size: 14px;font-weight: bold;line-height: 2em;vertical-align: top}
.m3 .info .p2{width: 4em;margin: 0 auto;font-size: 14px;line-height: 2em;border-top: 2px solid #e0e0e0;}

.m4 dl{margin: 0 0 15px;}
.m4 dt{margin: 0 0 5px;}
.m4 .p1{padding: 0 0 0 40px;margin: 0 0 5px;overflow: hidden;color: #909090;}
.m4 .p1 span{float: left;margin:0 0 0 -40px;width: 30px;height: 30px;font-size: 20px; font-weight: bold; color: #fff; line-height:30px;text-align:center;background: #88c32b}
.m4 .cn{font-size: 14px;font-weight: bold;line-height: 1.3em;}
.m4 .cn strong{color: #88c32b;}
.m4 .en{font-size: 12px;line-height: 1em;}
.m4 .info{font-size: 12px;line-height:1.6em;color: #6f6f6f;}

.m5{position: relative;display: flex;align-items: center;height: 90px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.m5 p{width: 100%;padding: 0 10px;font-size:20px;font-weight: bold;color: #fff;text-align: center;line-height: 1.5em;}

.m6 .zhd2{font-size: 0;line-height: 0;}
.m6 .zhd2 h1{display: inline;font-size: 18px;font-weight: bold;color: #ff5104;}
.m6 .zhd2 h2{display: inline;}
.pro{margin: 0 -10px;}
.pro-cat h3{padding:0 0 0 30px; line-height: 45px;font-size:20px;font-weight: bold;color:#fff;background: #6ea21b;border-top: 2px solid #4e7019;}
.pro-cat span{display: block;height: 40px;padding: 0 0 0 30px;font-size:16px;color: #fff;line-height:40px;border-bottom: 1px solid #86c12a;background: #6ea21b; cursor: pointer;}
.pro-cat .cur span{background: #88c32b;}
.pro-cat ul{background: #88c32b;}
.pro-cat ul li ul{display: none;}
.pro-cat ul li ul li{font-size: 14px;border-top: 1px solid #6ea21b;}
.pro-cat ul li ul li a{display: block;padding: 0 0 0 30px;color: #fff;line-height: 40px;}
.pro-cat  ul li.cur ul{display: block;}
.pro-index ul{margin: -8px 0 20px -8px;padding: 10px;background: #6ea21b;}
.pro-index li{float: left;width: 50%;padding: 8px 0 0 8px;}
.pro-index li a{display: block;padding: 10px;background: #fff;}
.pro-index li p{margin:0 0 5px;font-size: 14px;color: #4a4a4a;text-align: center;line-height: 1.5em;}
.pro-index .btn{padding: 0 10px;}

.m7{background: #e6e6e6;}
.m7-slide li{padding: 10px; background: #fff;}
.m7-slide .p1{position: relative;margin: 0 0 10px;}
.m7-slide .p1 span{position: relative; z-index: 2; display: flex;align-items:center;justify-content: center;width: 50px;height: 50px;color: #fff;padding:0 5px; font-size: 12px; line-height: 1.3em;text-align: center; margin:0 auto;background: #88c32b; -webkit-border-radius: 50%; border-radius: 50%;}
.m7-slide .p1:before{content: '';position: absolute;z-index: 1;;left: -10px;right: -10px;top: 50%;height: 1px;background: #88c32b;}
.m7-slide .pic{margin: 0 0 10px;}
.m7-slide .p2{margin: 0 0 5px;font-size: 14px;color: #e20204;text-align: center;line-height: 1.5em;}
.m7-slide .p3{font-size: 12px;color: #7e7e7e;text-align: center;line-height: 1.5em;}

.m8-slide{text-align: center;}
.m8-slide .pic{margin:0 0 10px; overflow: hidden;}
.m8-slide p{font-size: 14px;line-height: 1.5em;}
.m8-slide .prev,
.m8-slide .next{display: none;}

.m9{padding-top: 0;}
.m9-slide li{overflow: hidden;background: #000;}
.m9-slide .pic{opacity: 0.6;}
.m9-slide .pic img{display: block;}
.m9-slide p{position: absolute;display: flex;align-items: center;justify-content: center; width: 70px;height: 70px;left:50%;top:50%;margin:-35px 0 0 -35px;overflow:hidden;text-align:center;color: #fff; font-size: 12px; line-height: 1.3em;border: 1px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;}

.m10{padding-top: 0;}
.m10 ul{display: flex; flex-wrap: wrap; justify-content: space-between;margin: -2% 0 0 0;}
.m10 li{width: 49%;margin: 2% 0 0 0; padding: 0 0 15px; background: #eee;}
.m10 li .pic{overflow: hidden;}
.m10 li img{display: block;width: 100%;height: auto;}
.m10 li .info{width: 90%; margin: 0 auto;}
.m10 li .info .p1{position: relative;z-index: 2;height: 20px;margin: -10px auto 0;overflow: hidden;font-size: 12px;line-height: 20px; color: #fff; text-align: center; background: #6d9c22;}
.m10 li .p2{font-size: 12px;color: #646464;line-height: 2em;}
.m10 li .p3{margin:0 0 10px;font-size: 12px;color: #6b6a6a;line-height: 1.5em;}
.m10 li a{display: block;height: 35px; line-height: 35px;font-size: 12px; color: #646464; border: 1px solid #929292; text-align: center;}

@media (min-width:1000px) {
    .block{padding: 50px 0;}
    .block .zhd{margin: 0 0 40px;}
    .block .zhd h2{font-size: 36px;}
    .block .zhd p img{width: auto;height: auto;}

    .m1 dl{margin: 0 0 50px;}
    .m1 dt{float: right;width: 37%;margin:0;}
    .m1 dd{float: left;width: 60%;font-size: 16px;}
    .btn a{display: inline-block;width: auto;min-width: 220px;height: 48px;padding: 0 50px;line-height: 46px; font-size: 16px;}

    .m2-slide{position: relative; margin: 0 40px;}
    .m2-slide .prev{display: block;position: absolute;left: -60px; top: 50%;margin: -20px 0 0 0; width: 40px;height: 40px;background: url("../images/m2_prev.gif");background-size: cover;}
    .m2-slide .next{display: block;position: absolute;right: -60px; top: 50%;margin: -20px 0 0 0;width: 40px;height: 40px;background: url("../images/m2_next.gif");background-size: cover;}

    .m3{height: 210px;}
    .m3 .info{position: absolute;left: 50%;right: auto;top: 0;bottom: 0;padding: 0;transform: translateX(-50%);}
    .m3 .info .p1 i{font-size: 60px;}
    .m3 .info .p1 sup{font-size: 30px;}
    .m3 .info .p2{font-size: 24px;}

    .why-list{position: relative}
    .why-list:after{position: absolute;z-index: 2; left:50%;bottom:0;content: '';width: 17px;height: 17px;margin: 0 0 0 -8px;background: url("../images/why_dot.jpg");}
    .m4 dl{position: relative;margin: 0;padding: 0 0 100px; overflow: hidden;}
    .m4 dl:before{position: absolute;z-index: 2; left:50%;top:0;content: '';width: 17px;height: 17px;margin: 0 0 0 -8px;background: url("../images/why_dot.jpg");}
    .m4 dl:after{position: absolute;z-index: 1;left:50%;top:0;bottom: 0;content: '';width: 1px;margin: 0 0 0 -1px;background: #e4e4e4;}
    .m4 dt,
    .m4 dd{margin: 0;width: 47%;}
    .m4 dt{padding: 15px 0 0 0;}

    .m4 .p1{padding: 0 0 0 65px;margin: 0 0 15px;overflow: hidden;color: #909090;}
    .m4 .p1 span{margin:0 0 0 -65px;width: 55px;height: 55px;font-size: 42px;line-height:55px;}
    .m4 .cn{font-size: 24px;font-weight: bold;line-height: 1.6em;}
    .m4 .en{font-size: 14px;}
    .m4 .info{font-size: 14px;}

    .m4 .why1 dt{float: left;}
    .m4 .why1 dd{float: right;}

    .m4 .why2 dt{float: right;}
    .m4 .why2 dd{float: left;text-align: right;}

    .m4 dl.last{padding: 30px;}

    .m5{height: 180px;}
    .m5 p{font-size:40px;}

    .m6{padding-top: 0;}
    .m6 .zhd2 h1{position: relative;z-index: 2;display:inline-block;width: 161px; padding: 35px 0 5px 0;margin:-51px 0 0 0;font-size: 40px;font-weight: bold;line-height: 50px;text-align: center;color: #ff5104; background: url("../images/tit_pro1.png") center top no-repeat;border-bottom: 2px solid #8ec635;}
    .m6 .zhd2 h2{display: block;}
    .pro{padding: 0 0 0 305px;margin: 0;}
    .pro-cat{width: 285px;margin: 0 0 0 -305px; float: left;}
    .pro-cat h3{line-height: 60px;font-size:30px;border-top: 5px solid #4e7019;}
    .pro-cat span{height: 52px;font-size:18px;line-height:52px;}
    .pro-cat ul li ul li{font-size: 16px;}
    .pro-cat ul li ul li a{line-height: 48px;}
    .pro-index ul{margin: -8px 0 60px 0;padding: 20px 20px 20px 12px;background: #6ea21b;}
    .pro-index li{width: 33.333%;}
    .pro-index li p{font-size: 24px}


    .m7-slide li{padding: 10px 15px 20px;}
    .m7-slide .p1{margin: 0 0 10px;}
    .m7-slide .p1 span{width: 94px;height: 94px;padding:0 5px; font-size: 20px; line-height: 1.3em;}
    .m7-slide .p1:before{height: 2px;margin: -1px 0 0 0; left: -15px; right: -15px;}
    .m7-slide .pic{margin: 0 0 10px;}
    .m7-slide .p2{margin: 0 0 5px;font-size: 20px;}
    .m7-slide .p3{width: 90%;margin: 0 auto; font-size: 12px;color: #7e7e7e;text-align: center;line-height: 1.5em;}

    .m8-slide{position: relative;}
    .m8-slide .pic{margin:0 0 20px;}
    .m8-slide p{font-size: 18px;}
    .m8-slide .prev,
    .m8-slide .next{display: block;position: absolute;right: -60px; top: 50%;margin: -20px 0 0 0;width: 40px;height: 40px;background: url("../images/m8_next.gif");background-size: cover;}
    .m8-slide .prev{left: -60px;right: auto;background: url("../images/m8_prev.gif");background-size: cover;}

    .m9{padding-top: 0;}
    .m9-slide li{overflow: hidden;background: #000;}
    .m9-slide .pic{opacity: 1; transition: all ease .3s;}
    .m9-slide p{opacity: 0; width: 130px;height: 130px;margin:-65px 0 0 -65px; font-size: 18px;transition: all ease .3s;}
    .m9-slide a:hover .pic{opacity: 0.6}
    .m9-slide a:hover p{opacity: 1;}

    .m10{padding-top: 0;}
    .m10 ul{margin: 0 0 50px;}
    .m10 li{width: 24%;max-width: 300px;margin:0; padding: 0 0 30px;}
    .m10 li .info{width: 85%; margin: 0 auto;}
    .m10 li .info .p1{height: 30px;margin: -15px auto 5px;font-size: 16px;line-height: 30px;}
    .m10 li .p2{font-size: 14px;}
    .m10 li .p3{margin:0 0 15px;}
    .m10 li a{width: 100px;}

}