.wrap{background: #fefefe}
.wrap img{width: 100%;display: block;}
/*广告*/
.ban{position: relative;}
.ban img { line-height: 0}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.4rem;}
.g_bd .ban .swiper-pagination-bullets{;left:0;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;background: #fff;opacity: 1;border-radius:50%}
.ban .swiper-pagination-bullet-active{background: #339933;}
/**/
.gsx{ background: #eee; padding: 1.1rem 4.5% 2.8rem;}
.gsx h3{ text-align: center; color: #333; font-size: 1.6rem;}
.gsx p{ color: #666666; font-size: 1.25rem; line-height: 1.6rem; padding-top: 0.4rem; text-align: center;}
    /**/
.pro1{ padding: 3.4rem 3.1% 0;}
h2{ text-align: center; color: #333; font-size:2rem;background: url(../images/tree.png) no-repeat center 2.85rem;background-size:1.6rem 0.45rem; padding-bottom:2.1rem;}
h2 strong:before{ content:""; position:absolute;height:0.5rem;width:0.5rem;top:0.65rem; background:#eea51b; border-radius: 0.5rem; left: 1.45rem;}
.pro1 dl{ background: #efefef; margin-bottom: 1.05rem;}
.pro1 dl dt{ position: relative;}
.pro1 dl dt span{ display: inline-block; position: absolute; left: 1rem; top: 0;background: url(../images/no1.png) no-repeat;background-size:3.5rem 4.55rem; width: 3.5rem; height: 4.55rem;}
.pro1 dl dd h4{ padding-top: 1rem; height: 3.7rem; line-height: 3.7rem; text-align: center; font-weight: normal; font-size: 1.5rem; position: relative; margin-bottom: 1.2rem;}
.pro1 dl dd h4 a{color: #3ba86f; }
.pro1 dl dd h4:before{ content:""; position:absolute;height:1px;width:1.1rem;left:48%;top:4.7rem; background:#3ba86f;}
.pro1 dl dd p{ color: #6a6a6a; font-size: 1.1rem; margin: 0 5.5% 1rem; text-align: center;}
.pro1 dl dd em{ display: block; margin: 0 auto 2rem; width: 10.4rem; height: 2.65rem; text-align: left;background: url(../images/btn.gif) no-repeat; background-size: 100% 2.65rem; line-height: 2.65rem;}
.pro1 dl dd em a{ display: block; padding-left: 2.1rem; color: #333333; font-size: 1.2rem;}
.pro1 dl dd h5{ background: #e5e5e5; height: 4.5rem; line-height: 4.5rem;}
.pro1 dl dd h5 a{ display:block; float: left; width: 33.33%; box-sizing: border-box; border-right: 1px solid #f4f4f4; width: 33.33%; font-size: 1.25rem; color: #333333; padding-left: 12%;background: url(../images/ico.gif) no-repeat 22% 1.9rem;background-size:0.4rem 0.7rem; }
.pro1 dl:nth-of-type(2) dt span{background: url(../images/no2.png) no-repeat;background-size:3.5rem 4.55rem;}
.pro1 dl:nth-of-type(3) dt span{background: url(../images/no3.png) no-repeat;background-size:3.5rem 4.55rem;}
/**/
.m-qual2{ padding-top:1.5rem; position: relative;}
.qual_c2{overflow: hidden; }
.qual_c2 ul{ overflow: hidden;}
.qual_c2 ul li{ margin: 0 3.1% ;}
.qual_c2 ul li em{ display: block; padding-top: 0.9rem; font-size: 1.6rem; padding-bottom: 0.5rem; margin-bottom: 0.6rem;}
.qual_c2 ul li em strong{ font-weight: bold; color: #408d27; font-size: 2.1rem;}
.qual_c2 ul li span{ display: block; color: #666666; font-size: 1.1rem; margin: 0 3.5% 3.5rem;}
.qual_c2 ul li span em{ display: block; padding-left: 2.3rem;background: url(../images/m_ico1.gif) no-repeat 0 1.05rem;background-size:1.55rem 1.9rem; margin-top:0.65rem; color: #333333;}
.qualtil2{ overflow: hidden;height: 5.3rem;}
.newtil2{overflow: hidden; margin-left: 39%;}
.newtil2 li{float: left; width: 0.75rem; height: 0.75rem; border-radius: 0.75rem; margin-right:1.15rem; border: 0.15rem solid #a0a0a0;}
.newtil2 li.cur{ background: #3ba86f;border: 0.15rem solid #3ba86f; padding: 0 1rem;}
/**/
.case{background: #efefef; padding-top: 3.4rem; padding-bottom: 3.7rem;}
.case ul li{ overflow: hidden; margin: 0 3.1%; padding: 1.5rem 0; border-bottom: 1px solid #ccc;}
.case ul li img{ display: inline-block; float: right; border: 1px solid #dfdfdf; width: 40%; box-sizing: border-box;}
.case ul li em{ display: inline-block; float: left; width: 60%; box-sizing: border-box; padding-right:3%; color: #8c8c8c; font-size: 1.1rem;}
.case ul li em i{ display: block; color: #333333; font-size: 1.3rem; padding-bottom: 0.4rem;}
.case ul li em span{ display: block; padding-top: 0.4rem; font-size: 0.9rem;}
.case h4{ text-align: center; padding-top: 2.1rem;}
.case h4 a{ display: inline-block; width: 7.75rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border: 0.1rem solid #333; border-radius: 2.5rem; color: #000; font-size: 1rem;}

    /**/
/**/
/**/
.xig ul{ margin: 0 3%;}
.xig ul li{ float: left; width: 48.85%; text-align: center; margin-bottom: 1.8rem; box-shadow: 0 0 0.5rem #b7b7b7;}.xig ul li:nth-child(2n){ float: right;}
.xig ul li i{ display: block; line-height: 3.7rem; text-align: center; color: #666; font-size: 1.2rem; font-weight: bold;}
/**/
.m-qual3{ padding-top:1.5rem; position: relative;}
.qual_c3{overflow: hidden; }
.qual_c3 ul{ overflow: hidden;}
.qual_c3 ul li{ margin: 0 3.1% ;}
.m_te{ padding-top: 1.3rem;}
.m_te em{ display: block; font-size: 1.2rem; color: #666666; line-height: 2rem;}
.m_te em span{ color: #333333;}
.qualtil3{ overflow: hidden;height: 5.3rem;}
.newtil3{overflow: hidden; margin-left: 39%;}
.newtil3 li{float: left; width: 0.75rem; height: 0.75rem; background: #b4b3af; border-radius: 0.75rem; margin-right:1.15rem;}
.newtil3 li.cur{ background: #339933;}
/**/
.m-qual{ padding:4rem 0 3.5rem; position: relative;}
.m-news{height:37.5rem;overflow: hidden;line-height:1.5rem;color: #737373;font-size:1rem; margin-bottom:2.3rem;}
.qualtil{ overflow: hidden;height: 5.3rem;}
.newtil{overflow: hidden;height:4.7rem;line-height: 4.7rem;}
.newtil li{float: left; width:33.33%; text-align: center; font-size: 1.3rem; color: #fff; font-weight: bold;}
.newtil li.cur{ color: #eea51b; box-sizing: border-box; position: relative;}
.newtil li.cur:before{ content:""; position:absolute;height:0.2rem;width:100%;left:0;top:0; background:#eea51b;}
.qual_c{overflow: hidden; }
.qual_c ul{ overflow: hidden;}
.qual_c ul li{  font-size: 0; line-height: 0; position: relative; border-bottom: 1px solid #e0e0e0; margin-bottom: 1rem;}
.m-qual .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;background: #b4b3af;opacity: 1;border-radius:50%; bottom: 0;}
.m-qual .swiper-pagination-bullet-active{background: #339933;}
/**/
.m-qual31{ padding:0.1rem 0 3.5rem; position: relative;}
.m-qual31 h2 span{ padding-top:0.8rem; font-size: 1.2rem;}
.m-qual31{height:31rem;overflow: hidden;line-height:1.5rem;color: #737373;font-size:1rem; margin-bottom:2.3rem;}
.qualtil31{ overflow: hidden;;}
.newtil31{overflow: hidden;line-height:2.7rem; background: #339933;}
.newtil31 li{float: left; width:50%; text-align: center; font-size: 1.3rem; color: #fff; font-weight: bold; border-bottom: 1px solid #91c891; border-right: 1px solid #91c891; box-sizing: border-box; padding-left: 5%;}
.newtil31 li.cur{ position: relative;}
.qual_c31{overflow: hidden; }
.qual_c31 ul{ overflow: hidden;}
.qual_c31 ul li{  font-size: 0; line-height: 0; position: relative; margin-bottom: 1rem;}
.qual_c31 ul li em{ display: block; margin: -1.3rem 3.1% 0; height: 3.5rem; line-height:3.5rem; text-align: center; background: #fff; color: #666;font-weight: bold; font-size: 1.3rem; position: relative; box-shadow: 0 0 0.5rem #b7b7b7;}
.m-qual31 .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;background: #b4b3af;opacity: 1;border-radius:50%; bottom: 0;}
.m-qual31 .swiper-pagination-bullet-active{background: #339933;}
/**/
.guy{ overflow: hidden;}
.guy h2{background: url(../images/tree.png) no-repeat center 2.2rem;background-size: 6rem 0.85rem;}
.guy dl{ margin: 0 3.1%; padding-top: 4.9rem;}
.guy dl dt{ font-size: 0; border: 0.5rem solid #fff; font-size: 0; line-height: 0;}
.guy dl dd p{ color: #535353; font-size: 1.1rem; line-height: 1.8rem; padding: 1.35rem 0 1.5rem 0;}
.guy dl dd em{ display: block; margin: 0 auto 3.5rem; width: 9rem; height: 3rem; line-height: 3rem; background: #339933; text-align: center;}
.guy dl dd em a{ font-size: 1rem; color: #fff; display: block;}
/**/

    /**/

/**/

/**/

    /**/
/**/
html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}q
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }