/* 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:top; 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:#fffc00}
.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:#b8c3d8;
    margin: 0 5px;
    cursor: pointer;
}


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




.titecon{ width:100%; text-align:center; font-size:0; padding:0.4rem 0;color:#000;position: relative;line-height: 1;}




.btncon{ width:100%; text-align:center; font-size:0; padding:0.4rem 0; box-sizing:border-box;}
.btncon .jt{width:0.21rem; height:0.38rem; font-size:0; vertical-align:top; position:absolute;right:0.2rem; top:0.13rem}


.btncon a{animation:fingerHandle 2s infinite;-webkit-animation:fingerHandle 2s infinite;
    display:inline-block;line-height:0.55rem; border-radius:0.55rem;padding:0 0.58rem 0 0.45rem;position: relative; font-size:0.26rem; color:#fff; background:linear-gradient(#ff7b93,#ff4668); position:relative}
.btncon a .s{ position:absolute; width:0.36rem; right:0.15rem; top:0.15rem}

.banner{ position:relative;/*height:6.52rem; background:url(../images/banner.jpg) no-repeat;background-size: cover*/} 
.navbox{ padding:0.4rem 0 0.1rem 0; display:flex; justify-content:space-between;flex-wrap:wrap}
.navbox .list{ width:25%; text-align:center; font-size:0; color:#444a89; padding-bottom:0.3rem}
.navbox .list img{ width:1.04rem; border-radius:50%; border:2px solid #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.1)}
.navbox .list .name{ font-size:0.2rem; line-height:1; padding-top:0.1rem;}

.part1{ height:6.8rem; background:url(../images/p1bg.jpg) no-repeat; background-size:cover}
.part1 .titecon .tt{ width:3.63rem}
.part1 .p1{ text-align:center; font-size:0.2rem; }

.part2{ height:3.1rem; background:url(../images/p2bg.jpg) no-repeat; background-size:cover}
.part2 .titecon .tt{ width:4.53rem}

.part2 .p1box{display:flex; justify-content:space-between;flex-wrap:wrap}
.part2 .p1box .list{ width:25%; text-align:center; font-size:0;  padding-bottom:0.3rem}
.part2 .p1box .list img{ width:0.8rem; border-radius:50%; border:2px solid #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.1)}
.part2 .p1box .list .name{ font-size:0.2rem; line-height:1; padding-top:0.1rem;}

.part3{ background:url(../images/p3bg.jpg) 0 0 repeat-y; background-size:6.4rem 9.41rem; overflow:hidden}
.part3 .titecon .tt{ width:3.09rem}
.part3 .p1box{ width:6.11rem; background:#fff; position:relative; margin:0 auto 0.5rem auto; box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.part3 .p1box:after{ position:absolute; content:""; width:1px; height:100%; right:0; top:0; background:#b8c3d8}
.part3 .p1box .p1{ position:relative}
.part3 .p1box .p1 .t1{ position:absolute; left:0; top:2.35rem; width:3.65rem; text-align:right;}
.part3 .p1box .p1 .t1 span{ display:inline-block; line-height:0.42rem; background:linear-gradient(to right,#2b4589,#5d76af,#294288); padding:0 0.1rem; color:#fff; font-size:0.2rem}

.part3 .p1box .p1 .txt2{ position:absolute; left:0; top:2.92rem; width:100%}
.part3 .p1box .p1 .txt2 .one{ padding-left:0.1rem; font-size:0.22rem;}
.part3 .p1box .p1 .txt2 .two{ line-height:0.3rem; padding-top:0.05rem}
.part3 .p1box .p1 .txt2 .two span{display:inline-block; padding:0 0.1rem; background:#333333; color:#fff; font-size:0.18rem}

.part3 .p1box .p2{ padding-top:0.2rem; position:relative}
.part3 .p1box .p2 .gd{ position:absolute; width:1.08rem; right:0.2rem; bottom:-0.3rem}

.part4{ position:relative}
.part4 .titecon .tt{ width:4.57rem}
.part4 .p1{ font-size:0.22rem; padding:0 0.35rem}
.part4 .swiper-slide{ position:relative}
.part4 .swiper-slide .btncon{ position:absolute; top:4rem; left:0; width:4.15rem}

.part5{ position:relative; height:6.25rem;background:url(../images/p5_1.jpg) no-repeat; background-size:cover}
.part5 .titecon .tt{ width:3.82rem}
 
.p5slide{ background:url(../images/p3bg.jpg) 0 0 repeat-y; background-size:6.4rem 9.41rem; overflow:hidden}

.part7{ position:relative; height:9.31rem;background:url(../images/p7.jpg) no-repeat; background-size:cover}
.part7 .titecon .tt{ width:3.35rem}
.part7 .p1{ font-size:0.22rem; padding:0 0.35rem}

.part8{ position:relative; overflow:hidden; padding-bottom:0.5rem}
.part8 .titecon .tt{ width:2.57rem}
 
.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;
}
.self-align-center {
    align-self: center;
    -webkit-align-self: center;
    margin: 0 auto;
}
.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,-5px,0)
    }
  }
  
  @keyframes float {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        transform: translate3d(0,-5px,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)}}