/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li,input{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:middle; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
input{outline: none}

.wrap{max-width: 640px;min-width: 320px;color:#333; margin-left: auto;margin-right: auto; overflow: hidden;}
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}
.hs{ color:#ffea00}
.mr10{ margin-right:0.1rem}
.ml10{ margin-left:0.1rem}

.pagination{ width:100%; text-align:center; padding:0.3rem 0}
.pagination span{display: inline-block;
    width: 0.2rem;
    height:0.2rem;
    border-radius:0.1rem;
    background:#f9e0ad;
    margin: 0 5px;
    cursor: pointer;
}


.pagination .swiper-active-switch {background: #f9e0ad;}




.titecon{ text-align:center; font-size:0; padding:0.35rem 0 0.3rem 0;color:#000;}
.titecon .xian{height: 1px;flex:1;background:#000}
.titecon .txt{padding:0 0.1rem;font-size: 0.3rem;line-height: 1}
.titecon .txt .s1{display: inline-block;vertical-align: top;font-size: 0.15rem}

.titecon .tt2{font-size: 0.35rem;text-align:center;line-height: 1;padding-top:0.1rem;font-weight: 700;}



.btncon{ width:100%; text-align:center; font-size:0; padding:0.4rem 0; box-sizing:border-box;}
.btncon .jt{padding-bottom: 0.1rem;font-size: 0.2rem;line-height: 1;width:1.3rem;margin:0 auto;color: #989898}
.btncon .jt .pic{width:0.21rem;height: 0.14rem;animation:float1 2s infinite;margin-right: 0.05rem}

.btncon a{ animation: fingerHandle 2s infinite;-webkit-animation: fingerHandle 2s infinite;
    display:inline-block;border-radius:0.5rem; width:2.75rem;line-height:0.52rem; 
    background:#fd9a25; font-size:0.24rem; color:#fff;text-align: center;border: 1px solid #fcbf2b}



.mr25{ margin-right:0.25rem}
.hs{color: #ffdea3}

.banner{ position:relative;}
.part1{width: 100%;overflow: hidden;}
.part1 .p1{padding:0.2rem;font-size: 0.22rem;line-height: 1.5}
.part1 .p2{margin:0.2rem auto 0 auto;width:6.03rem;height: 2.13rem;position: relative;}
.part1 .p2 .txt{position: absolute;left:2.38rem;top:0.4rem;color:#fff;width:3.5rem}
.part1 .p2 .txt .t1{font-size: 0.3rem;font-size: 700;}
.part1 .p2 .txt .t2{font-size: 0.22rem;line-height: 1.3;padding-top:0.1rem}

.part2{width:100%;height: 11.38rem; background:url(../images/p3bg.jpg) no-repeat;background-size: contain}
.part2 .p2box{margin:0 auto;width:6rem}
.part2 .p2box .list{width:2.85rem;position: relative; margin-bottom: 0.28rem}
.part2 .p2box .list .txt{position: absolute;
    width:2.7rem;left:0.15rem;top:2.65rem;font-size: 0.2rem;line-height: 1.5}

.part2 .p2box .list  .btncon{position: absolute;left:0;bottom: 0}  
.part2 .p2box .list  .btncon a{width:2.3rem;height: 0.45rem;line-height: 0.45rem;}

.part3{width:100%;overflow: hidden;}
.part3 .p3box{margin:0 auto;width:6rem}
.part3 .p3box .list{width:1.92rem;margin-bottom:0.2rem}

.part4{width:100%;overflow: hidden;position: relative;}
.part4 .titecon{position: absolute;left:0;top:0}
.part4 .txt{position: absolute;left:0.2rem;top:1.5rem;width:6rem;font-size: 0.22rem;line-height: 1.5}
.part4 .btncon{position: absolute;left:0;bottom: 0}  

.part5{width:100%;overflow: hidden;position: relative;}
.part5 .p1{padding:0.2rem;font-size: 0.22rem;line-height: 1.5}

.part6{width:100%;overflow: hidden;position: relative; background:url(../images/p3bg.jpg) no-repeat;background-size: cover}
.part6 .p1{padding:0.2rem;font-size: 0.22rem;line-height: 1.5;color: #fff;}
.part6 .p2{margin:0 auto;width:6rem;}
.part6 .p2 .list{width:2.9rem;margin-bottom: 0.2rem}

.part7{width:100%;overflow: hidden;position: relative;padding-bottom:0.5rem;
     background:url(../images/p7bg.gif) repeat;background-size:0.31rem 0.33rem}

.p7_1{margin:0 auto;width:5.9rem}    
.p7_1 .pic{width:2.6rem;} 
.p7_1 .txt{width:2.9rem;position: relative;}
.p7_1 .txt .t1{position: absolute;width:100%;left: 0;top:0.2rem}
.p7_1 .txt .tt{display: inline-block; line-height: 0.52rem;padding:0 0.2rem;font-size: 0.3rem;
  color: #fff;background: linear-gradient(to right, #4ceac3 ,#307cee);border-radius: 0.52rem;
}
.p7_1 .txt .t2{font-size: 0.22rem;line-height: 1.5;padding-top:0.8rem}

.flexbox{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.box-align-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.box-pack-between {
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.box-pack-around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.box-pack-center {
    -webkit-box-pack:center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fixed{position: fixed;left:50%;transform: translateX(-50%);top:0;z-index: 3;width: 100%}
@-webkit-keyframes float {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(0,-20px,0)
    }
  }
  
  @keyframes float {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        transform: translate3d(0,-20px,0)
    }
  }

  @-webkit-keyframes float1 {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }
  
  @keyframes float1 {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }  

  @keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }



@keyframes fingerHandle {
            0% {
                transform: none;
            }
            70% {
                transform: scale3d(.95, .95, .95);
            }
            100% {
                transform: none;
            }
        }





@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}