.wrap img {
    width: 100%;
}


/*banner*/

.g-adv {
    position: relative;
    font-size: 0;
    line-height: 0
}

.g-adv .m-cnt {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    text-align: center
}

.g-adv .m-cnt li {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    border-radius: 50%;
    margin-right: 2%
}

.g-adv .m-cnt li.z-on {
    background: #0e8655
}


/**/

.sports {
    padding: 2.5rem 0
}

.sports .sports-title {
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    color: #1a1a1a;
    font-family: "黑体"
}

.sports .sports-title span {
    display: block;
    color: #7e7e7e;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem
}

.sports ul li {
    width: 29%;
    float: left;
    margin: 1.25rem 0 0 3.3%;
    text-align: center;
    color: #555555
}

.sports ul li p {
    color: #1a1a1a;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: "黑体"
}

.sports ul li p em {
    color: #277a49
}

.sports ul li i {
    font-size: 0.5rem;
    display: block;
    color: #bfbfbf;
    transform: scale(0.8);
}

.sports ul li span {
    font-size: 0.83rem;
    line-height: 1rem
}

.sports ul li:last-child span {
    color: #277a49;
    font-size: 1rem
}


/**/

.product 
{
    height:43rem;
    overflow:hidden;
    padding: 2.083rem 0 0 0;
    background: #eaeaea
}

.product .product-title {
    text-align: center;
    font-size: 2.3rem;
    color: #1a1a1a;
    font-weight: bold;
    font-family: "黑体"
}

.product .product-title span {
    display: block;
    color: #7e7e7e;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem
}

.product .product-tab {
    margin: 1.67rem 3% 1.25rem 3%;
    background: #fff;
    height: auto;
    overflow: hidden;
}

.product .product-tab ul li,
.product .product-tab p {
    float: left;
    width: 33.3%;
    text-align: center;
    padding-top: 0.5rem;
    height: 2.8rem;
    color: #7e7e7e
}

.product .product-tab ul li.z-on {
    background: #277a49;
    color: #fff
}

.product .product-tab ul li i,
.product .product-tab p i {
    display: block;
    color: #c0c0c0;
    font-size: 4px;
    line-height: 0.9rem;
    transform: scale(0.7, 0.7)
}

.product .product-wrap ul li {
    float: left;
    width: 44.8%;
    margin: 0 1% 0.9rem 3%;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.product .product-wrap ul li span {
    display: block;
    width: 100%;
    background: #fff;
    color: #6f6f6f;
    font-size: 0.9rem;
    line-height: 2.25rem
}


/**/

.quality {
    background: url(../images/index/quality-bj.jpg) no-repeat;
    background-size: 100% 36.42rem;
    height: 36.42rem;
}

.quality .quality-title {
    padding: 2.5rem 0 1.67rem 0;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    color: #fff;
    font-family: "黑体"
}

.quality .quality-title span {
    display: block;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem
}

.quality .quality-content {
    margin: 0 3%;
}

.quality dl {
    height: auto;
    overflow: hidden;
    margin-bottom: 0.5rem
}

.quality dl dt {
    width: 7rem;
    float: left;
    position: relative;
    z-index: 9;
}

.quality dl dd {
    padding: 0 4% 0 13%;
    float: left;
    width: 65%;
    background: #fff;
    margin-left: -10%;
    height: 7rem;
    color: #707070
}

.quality dl dd h4 {
    color: #3f3f3f;
    font-size: 1.25rem;
    font-weight: bold;
    padding-top: 0.4rem
}

.quality dl dd i {
    font-size: 0.5rem;
    display: block;
    padding-bottom: 0.81rem;
    position: relative
}

.quality dl dd i::before {
    content: '';
    width: 1.4rem;
    height: 2px;
    background: #707070;
    position: absolute;
    top: 1rem;
    left: 0;
}

.quality dl dd p {
    font-size: 0.83rem;
    line-height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.quality ul {
    text-align: center;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-top: 1rem
}

.quality ul::before {
    content: '';
    width: 40%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0.35rem;
    left: 3%;
}

.quality ul::after {
    content: '';
    width: 40%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0.35rem;
    right: 3%;
}

.quality ul li {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 1.5%
}

.quality ul li.z-on {
    background: #f6f604
}


/**/

.case-pro {
    position: relative;
}

.case-pro p {
    position: absolute;
    bottom: 1.67rem;
    right: 3%;
    width: 41%;
    color: #fffc00;
    font-size: 1.4rem;
    font-family: "arial"
}

.case-pro p a {
    display: block;
    margin-top: 0.8rem;
    width: 7.75rem;
    background: #fff;
    border-radius: 2rem;
    text-align: center;
    font-size: 0.9rem;
    color: #277a49;
    line-height: 2.083rem;
}


/**/

.case {
    padding: 2.5rem 0 0.3rem 0;
    background: #eaeaea
}

.case .case-title {
    text-align: center;
    font-size: 2.3rem;
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 0.67rem;
    font-family: "黑体"
}

.case .case-title span {
    display: block;
    color: #7e7e7e;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem
}

.case .case-tab ul li,
.case .case-tab p {
    margin-top: 1.3rem;
    float: left;
    width: 30.3%;
    font-size: 0.9rem;
    color: #7e7e7e;
    text-align: center;
    margin-left: 1.4%;
    background: #fff;
    padding-top: 1.67rem;
    height: 2.7rem;
    position: relative;
}

.case .case-tab p a {
    font-size: 0.9rem;
    color: #7e7e7e;
}

.case .case-tab ul li i,
.case .case-tab p i {
    margin-top: -0.2rem;
    display: block;
    font-size: 0.5rem;
    transform: scale(0.7, 0.7)
}

.case .case-tab ul li span,
.case .case-tab p span {
    position: absolute;
    left: 35%;
    top: -1rem;
    width: 2.083rem;
    height: 2.083rem;
    border: 0.125rem solid #eaeaea;
    border-radius: 50%
}

.case .case-tab ul li:first-child,
.case .case-tab ul li:nth-child(4) {
    margin-left: 3%
}

.case .case-tab p span {
    background: #fff url(../images/index/case-icon6.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:first-child span {
    background: #fff url(../images/index/case-icon1.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(2) span {
    background: #fff url(../images/index/case-icon2.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(3) span {
    background: #fff url(../images/index/case-icon3.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(4) span {
    background: #fff url(../images/index/case-icon4.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(5) span {
    background: #fff url(../images/index/case-icon5.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li.z-on {
    background: #277a49;
    color: #fff
}

.case .case-tab ul li:first-child.z-on span {
    background: #277a49 url(../images/index/case-icon7.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(2).z-on span {
    background: #277a49 url(../images/index/case-icon8.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(3).z-on span {
    background: #277a49 url(../images/index/case-icon9.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(4).z-on span {
    background: #277a49 url(../images/index/case-icon10.png) no-repeat;
    background-size: cover
}

.case .case-tab ul li:nth-child(5).z-on span {
    background: #277a49 url(../images/index/case-icon11.png) no-repeat;
    background-size: cover
}

.case .case-content {
    margin: 0.83rem 3% 1.25rem 3% !important
}

.case .case-top {
    height: auto;
    overflow: hidden;
}

.case .case-top dl dd h4 {
    color: #3f3f3f;
    font-size: 1.25rem;
    padding: 0.5rem 0
}

.case .case-top dl dd p {
    color: #707070;
    font-size: 0.83rem;
    line-height: 1.3rem;
}

.case .case-top dl dd p a {
    color: #277a49;
}

.case .case-top h3 {
    text-align: center;
    color: #7e7e7e;
    font-size: 1rem;
    position: relative;
    margin: 1rem 0
}

.case .case-top h3::before {
    content: '';
    width: 40%;
    height: 1px;
    background: #7e7e7e;
    position: absolute;
    top: 0.7rem;
    left: 0;
}

.case .case-top h3::after {
    content: '';
    width: 40%;
    height: 1px;
    background: #7e7e7e;
    position: absolute;
    top: 0.7rem;
    right: 0;
}

.case .case-top ul li {
    float: left;
    width: 48%
}

.case .case-top ul li:first-child {
    margin-right: 4%
}

.case .case-bottom h3 {
    margin: 1.25rem 0;
    background: url(../images/index/case-icon.jpg) no-repeat 0 0.2rem;
    background-size: 1.6rem 1.6rem;
    padding-left: 10%;
    color: #3f3f3f;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.case .case-bottom h3 i {
    display: block;
    font-size: 0.5rem;
    transform: scale(0.7, 0.7);
    margin-left: -17%
}

.case .case-bottom ul li {
    float: left;
    width: 48%;
    text-align: center;
}

.case .case-bottom ul li:first-child {
    margin-right: 2%
}

.case .case-bottom ul li span {
    display: block;
    font-size: 0.83rem;
    color: #707070;
    padding-top: 0.6rem
}


/**/

.ys {
    padding: 2.5rem 0;
}

.ys .ys-title {
    text-align: center
}

.ys .ys-title p {
    display: block;
    color: #7e7e7e;
    font-size: 0.9rem;
    padding-top: 0.3rem
}

.ys .ys-tab {
    padding-top: 0.83rem;
    height: auto;
    overflow: hidden;
}

.ys .ys-tab li {
    float: left;
    width: 22.2%;
    padding-top: 0.7rem;
    height: 4.3rem;
    background: #202020;
    margin-left: 1.6%;
    text-align: center;
    font-size: 1rem;
    color: #fff
}

.ys .ys-tab li:first-child {
    margin-left: 3%
}

.ys .ys-tab li i {
    display: block;
    color: #7e7e7e;
    font-size: 2.25rem;
    font-weight: bold;
    font-family: "arial";
    line-height: 2.25rem
}

.ys .ys-tab li.z-on {
    background: #0e8655;
    color: #fff
}

.ys .ys-tab li.z-on i {
    color: #fff
}

.ys .ys-content {
    margin: 0 3%;
    font-size: 0;
    line-height: 0
}

.ys .ys-content dl dt {
    margin-top: 0.7rem
}

.ys .ys-content dl dd {
    background: #eaeaea;
    padding: 1.25rem 5% 2.5rem 5%;
    line-height: 1.25rem
}

.ys .ys-content dl dd h4 {
    color: #333333;
    font-size: 1.083rem;
    font-weight: bold
}

.ys .ys-content dl dd p {
    margin-top: 1rem;
    font-size: 0.83rem;
    color: #5f5f5f;
    padding-left: 4%;
    background: url(../images/index/ys-icon.jpg) no-repeat 0 0.3rem;
    background-size: 0.4rem 0.4rem
}


/**/

.process .process-title {
    text-align: center;
    font-size: 2.3rem;
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 0.67rem;
    font-family: "黑体"
}

.process .process-title span {
    display: block;
    font-weight: normal;
    color: #7e7e7e;
    font-size: 1rem;
    line-height: 1.25rem
}

.process ul li {
    float: left;
    width: 23.6%;
    margin-left: 1.6%;
    height: 8rem;
}

.process ul li img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.process ul li:first-child,
.process ul li:nth-child(5) {
    width: 21.8%
}

.process ul li:nth-child(4),
.process ul li:last-child {
    width: 20.8%
}

.process ul li:first-child,
.process ul li:nth-child(5) {
    margin-left: 3%
}

.process ul li span {
    display: block;
    width: 1.2rem;
    float: left;
    padding-top: 0.2rem
}

.process ul li p {
    float: right;
    width: 74%;
    font-size: 0.75rem;
    color: #3f3f3f;
    line-height: 1rem;
    font-weight: bold;
    font-family: "宋体"
}

.process ul li p i {
    font-weight: normal;
    display: block;
    font-size: 0.5rem;
    color: #bebebe;
    transform: scale(0.5, 0.5);
    margin-left: -30%;
    font-family: "arial"
}

.process .process-bottom {
    padding: 1.25rem 0 0.83rem 0;
    border-bottom: 1px solid #0e8655;
    line-height: 2rem;
    margin: 0 3%
}

.process .process-bottom span {
    color: #0e8655;
    font-weight: bold;
    font-size: 0.9rem;
}

.process .process-bottom a {
    display: block;
    float: right;
    color: #fff;
    background: #0e8655;
    text-align: center;
    font-size: 0.9rem;
    border-radius: 1rem;
    width: 25%;
}


/**/

.news {
    padding: 2.5rem 0
}

.news .news-title {
    text-align: center;
    font-size: 2.3rem;
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 0.67rem;
    font-family: "黑体"
}

.news .news-title span {
    display: block;
    font-weight: normal;
    color: #7e7e7e;
    font-size: 1rem;
    line-height: 1.25rem
}

.news .news-tab {
    text-align: center;
    padding: 1.25rem 0;
    height: auto;
    overflow: hidden;
}

.news .news-tab li {
    display: inline-block;
    padding: 0 6%;
    color: #4d4d4d;
    font-size: 1rem;
}

.news .news-tab li.active {
    color: #0e8655;
    text-decoration: underline
}

.news dl 
{
    padding:0.6rem 0;
    margin: 0.4rem 3% 0 3%;
    background: #f6f6f6;
    height: auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.news dl dt {
    width: 25%;
    float: left;
}

.news dl dd {
    float: right;
    width: 68%;
    padding-right: 2%;
    color: #696969;
    font-size: 0.83rem;
    line-height: 1.2rem
}

.news dl dd span {
    padding: 0 0 0.5rem 0;
    display: block
}

.news dl dd span em {
    text-decoration: underline;
    padding-right: 5%
}

.news dl dd h4,
.news dl dd p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news dl dd p {
    opacity: 0.8;
}

.news dl dd h4 {
    color: #3e3f40;
    font-weight: bold;
    font-size: 1rem;
    padding-bottom: 0.5rem;
}





/**/

.about {
    padding-bottom: 4.2rem
}

.about .about-title {
    text-align: center;
    font-size: 2.3rem;
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 0.67rem;
    font-family: "黑体"
}

.about .about-title span {
    display: block;
    font-weight: normal;
    color: #7e7e7e;
    font-size: 1rem;
    line-height: 1.25rem
}

.about dl {
    margin: 0.9rem 3% 0 3%;
    background: #0e8655
}

.about dl dd {
    padding: 1.25rem 4% 2rem 4%;
    color: #fff
}

.about dl dd h4 {
    font-size: 1.25rem;
    font-weight: bold
}

.about dl dd p {
    padding: 1rem 0;
    font-size: 0.9rem;
    line-height: 1.25rem;
    opacity: 0.8;
}

.about dl dd a {
    display: block;
    font-size: 0.83rem;
    color: #fff
}


/**/


/**/


/**/


/**/


/**/


/**/


/**/

html {
    font-size: 75%;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (min-width:320px) {
    html {
        font-size: 50%;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 83%;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 87.5%;
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 96%;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 112%;
    }
}

@media screen and (min-width:568px) {
    html {
        font-size: 120%;
    }
}

@media screen and (min-width:639px) {
    html {
        font-size: 150%;
    }
}