@charset "utf-8";

body{ background: #ffffff; font-size:.25rem;}
div { box-sizing:border-box;}
.dn{display: none;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}

.w94{width: 94%; margin: 0 auto;}
.title{text-align: center; color: #282828;}
.title h2{display: inline-block; position: relative; font-size: .44rem; line-height: 1; font-weight: bold;}
.title h2::before{content: ''; position: absolute; left: -.86rem; top: 50%; transform: translateY(-50%); width: .62rem; height: .32rem;
background: url(https://m.gaodun.com/skin/icpa/images/tit1.png) center no-repeat; background-size: cover;}
.title h2::after{content: ''; position: absolute; right: -.86rem; top: 50%; transform: translateY(-50%); width: .62rem; height: .32rem;
background: url(https://m.gaodun.com/skin/icpa/images/tit2.png) center no-repeat; background-size: cover;}
.whyEsg{padding: .8rem 0 1.11rem;}
.whyEsg .title{margin-bottom: .35rem;}
.whyEsg p{font-size: .26rem; color: #282828; line-height: .4rem; margin-bottom: .12rem;}
.whyEsg .text{padding: .25rem 0 .68rem; background: #3f51b5; position: relative;}
.whyEsg .text li{padding: 0 .1rem 0 .45rem; position: relative; font-size: .22rem; color: #FFFFFF; line-height: .3rem; margin-bottom: .2rem;}
.whyEsg .text li::after{content: ''; position: absolute; left: .26rem; top: .1rem; width: .1rem; height: .1rem; background: #f7e465; border-radius: 50%;}
.whyEsg .text li:last-child{margin-bottom: 0;}
.whyEsg .text a{display: block; width: 2.4rem; position: absolute; bottom: -.3rem; left: 50%; transform: translateX(-50% );}
.xinfongkou{background: url(https://m.gaodun.com/skin/icpa/images/xfkBg.png) center no-repeat; background-size: cover; padding: .48rem 0 1.18rem; position: relative;}
.xinfongkou .title{margin-bottom: .4rem;}
.xinfongkou .title h2{color: #FFFFFF;}
.xinfongkou .fkTit{background: url(https://m.gaodun.com/skin/icpa/images/yewu.png) center no-repeat; background-size: cover; height: 1.3rem; padding: .25rem .22rem 0;}
.xinfongkou .fkTit p{font-size: .32rem; color: #FFFFFF;}
.xinfongkou .fkTxt{height: 4.7rem; background: #FFFFFF; padding: .28rem .22rem 0;}
.xinfongkou .fkTxt p{margin-bottom: .24rem; font-size: .26rem; color: #282828;}
.xinfongkou .fkTxt p span{color: #3f51b5; font-weight: bold;}
.xinfongkou .swiper-pagination{bottom: .43rem;}
.xinfongkou .swiper-pagination-bullet {
      width: .3rem;
      height: .3rem;
      text-align: center;
      line-height: .3rem;
      font-size: .24rem;
      color: #000;
      opacity: 1;
      background: #878a85;
}

.xinfongkou .swiper-pagination-bullet-active {
      background: #eeeeee;
}
.xinfongkou .swiper-button-next::after{display: none;}
.xinfongkou .swiper-button-next{width: .48rem; height: .48rem; background: url(https://m.gaodun.com/skin/icpa/images/next.png) center no-repeat; background-size: cover;
bottom: .36rem; right: 2.3rem; top: auto;}
.xinfongkou .swiper-button-prev::after{display: none;}
.xinfongkou .swiper-button-prev{width: .48rem; height: .48rem; background: url(https://m.gaodun.com/skin/icpa/images/prev.png) center no-repeat; background-size: cover;
bottom: .36rem; left: 2.3rem; top: auto;}
.choseEsg{padding: .8rem 0;}
.choseEsg .title{margin-bottom: .5rem;}
.choseEsg ul{overflow: hidden;}
.choseEsg li{float: left; width: 48%; margin-right: 4%; margin-bottom: .32rem; background: #f5f5f5; height: 3.2rem;}
.choseEsg li:nth-child(2n){margin-right: 0;}
.choseEsg li h2{font-size: .2rem; color: #282828; line-height: 1; font-weight: bold; margin-bottom: .3rem; margin-left: .2rem; position: relative;}
.choseEsg li h2::after{content: ''; position: absolute; left: 0; bottom: -.16rem; width: .3rem; height: .04rem; background: #3f51b5;}
.choseEsg li p{font-size: .18rem; color: #282828; line-height: .3rem; padding: 0 .2rem;}
.choseEsg a{display: block; width: 2.4rem; margin: 0 auto;}
.esgFz{margin-bottom: .8rem;}
.esgFz .title{margin-bottom: .27rem;}
.esgFz .text{background: #3f51b5; padding: .1rem;}
.esgFz .text p{font-size: .26rem; color: #FFFFFF; line-height: .4rem;}
.esgFz a{display: block; width: 2.4rem; margin: .32rem auto 0;}
.esgShrq{text-align: center; background: #f5f5f5; padding: .5rem 0;}
.esgShrq .title{margin-bottom: .4rem;}
.esgShrq ul{overflow: hidden; margin-bottom: .3rem;}
.esgShrq li{float: left; width: 32%; margin-right: 2%;}
.esgShrq li:last-child{margin-right: 0;}
.esgShrq li p{font-size: .26rem; color: #FFFFFF; line-height: .4rem; background: #3f51b5; font-weight: bold;}
.esgShrq h3{font-size: .26rem; color: #282828; line-height: 1;}
.rhbkEsg{padding: .8rem 0 .56rem;}
.rhbkEsg .title{margin-bottom: .42rem;}
.rhbkEsg li{float: left; width: 23.5%; margin-right: 2%; margin-bottom: .24rem; box-shadow: 0 0 .1rem rgba(0,0,0,.2); text-align: center;
padding-top: .2rem;}
.rhbkEsg li:nth-child(4n){margin-right: 0;}
.rhbkEsg li .icon{width: .65rem; margin: 0 auto .1rem;}
.rhbkEsg li p{font-size: .26rem; color: #282828; line-height: 1; font-weight: bold; margin-bottom: .24rem;}
.rhbkEsg li a{display: block;}
.esgWenti{padding: .5rem 0 .6rem; background: #3f51b5;}
.esgWenti .title{margin-bottom: .33rem;}
.esgWenti .title h2{color: #FFFFFF;}
.esgWenti ul{background: #f5f5f5; padding: .26rem 0;}
.esgWenti li{margin-bottom: .2rem; position: relative; padding-left: .9rem;}
.esgWenti li p{font-size: .26rem; color: #282828; line-height: .6rem;}
.esgWenti li p i{display: inline-block; width: .31rem; height: .36rem; background: url(https://m.gaodun.com/skin/icpa/images/hot.png) center no-repeat; background-size: cover;
vertical-align: -.03rem; margin-left: .1rem;}
.esgWenti li span{display: block; width: .5rem; height: .5rem; background: url(https://m.gaodun.com/skin/icpa/images/what.png) center no-repeat; background-size: cover;
position: absolute; left: .2rem; top: 50%; transform: translateY(-50%);}
.esgWenti li a{position: absolute; right: .2rem; top: 0; display: block; width: 1.6rem;}
.footer{width: 100%;background: #3e3e3e;height: 1.58rem;padding: 0 4%;}
.footer p{    font-size: .2rem;line-height: 0.58rem; color: #fff;}

.fixed {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      background: #ffffff;
      overflow: hidden;
      z-index: 9;
    }
    
    .fixed .l-btn {
      float: left;
      width: 50%;
    }
    
    .fixed .l-btn a {
      float: left;
      width: 50%;
      text-decoration: none;
    }
    
    /*.fixed .l-btn a:first-child{
      display: none;
    }*/
    
    .fixed .l-btn .icon {
      display: block;
      width: 0.64rem;
      height: 0.64rem;
      margin: 0 auto;
      text-align: center;
      background-image: url("https://m.gaodun.com/skin/cfa/images/sprite.png");
      background-repeat: no-repeat;
      background-size: 5rem 10rem;
    }
    
    .fixed .l-btn .icon img {
      position: absolute;
      width: 0.44rem;
      height: auto;
      top: 0.05rem;
    }
    
    .fixed .l-btn .icon.icon-1 {
      background-position: 0 -0.5rem;
    }
    
    .fixed .l-btn .icon.icon-2 {
      background-position: -0.64rem -0.5rem;
    }
    
    .fixed .l-btn .text {
      display: block;
      text-align: center;
      font-size: 0.2rem;
      color: #666666;
    }
    
    .fixed .r-btn {
      float: right;
      width: 50%;
    }
    
    .fixed .r-btn a {
      display: block;
      width: 100%;
      height: 0.98rem;
      background: linear-gradient(135deg, #33516f 0%, #3f51b5 100%);
      font-size: 0.32rem;
      color: #ffffff;
      line-height: 0.98rem;
      text-decoration: none;
      text-align: center;
    }
    
    
    
    /*.fixed-active .l-btn{ width: 75%}
    .fixed-active .l-btn a{ width: 33.33%}
    .fixed-active .l-btn a:first-child{ display: block}
    .fixed-active .r-btn{ width: 25%}*/