@charset "utf-8";
html {
    width: 100%;
    height: 100%;
    font-family: Tahoma, Arial, Simsun, sans-self, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB";
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
}

div, span, article, aside, body, dd, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, input, legend, nav, ol, p, section, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    width: 100%;
    height: 100%;
    max-width: 750px;
    min-width: 320px;
    min-height: 504px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

ul, li, ol {
    list-style: none;
}

a, ins {
    text-decoration: none;
}

img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

p {
    word-wrap: break-word;
}

b, em, i {
    font-weight: 100;
    font-style: normal;
}

input, textarea, select {
    background: 0 0;
    -webkit-appearance: none;
}

.cf {
    zoom: 1;
}

.cf:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: '';
}

.hide {
    display: none;
}

.bgset {
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.ablock {
    display: block;
}

.flex {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.index{background-color: #ffffff;width: 750px;height:1206px;position: fixed;top: 0px;left: 50%;-webkit-transform: translate(-50%,0);}
.index:after{display:block;content: '';width: 100%;height: 32px;position: fixed;top: 188px;left: 0;background-color:#e9e9e9;border-top:2px solid #3ac838;}
.index a img{position: absolute; width:auto; height:auto; top:80px; right:50px;}
.photo {background-image:url(../images/banner.jpg);height: 194px;}
.photo img{width: auto;height: auto;position: absolute;top: 31px;left: 39px;}
.photo p{font-size: 42px;position: absolute;top: 56px;left: 100px;font-weight: bold;font-family: "黑体";float:left; line-height:36px;}
.photo p em{font-size: 30px;font-weight:600;}
.photo1 {width: 320px;height: auto;float:left;}
.pp {width: auto;height: auto;float:left; text-align:center;}
.photo1 img{width: auto;height: auto;text-align:center;}
.photo1 p {font-size: 24px;font-weight: bold;line-height: 24px;position: absolute;top: 226px;text-align:center;width:320px;}
.photo1 p em{font-size: 16px;font-weight:600;color: #8c8c8c;line-height: 18px;}
.bmt0 {width:100%; position: absolute;top: 247px;left:0;text-align:center;}
.bmt0 a {width:320px;}
.bmt0 a img{position: absolute; width:auto;height:auto; top:10px; text-align:center;right: 60px;}
.bmt0 ul{position:absolute;overflow-y: scroll;}
.bmt0 ul li{
    width: 320px;height: 286px;border: 2px solid #c9c9c9;border-radius: 20px;float:left;margin-left: 34px;
    margin-bottom: 20px;color: #3e3e3e;font-size: 28px;text-align: right;line-height: 64px;position: relative;
}

.bmt{width:100%;height:933px;position: absolute;top: 247px;left:0;}
.bmt:after{content: '';display:block;background-color: #e0e0e0;width:3px;height: 100%;position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);}
.bmt ul{position:absolute;height: 100%;overflow-y: scroll;}
.bmt ul li{
    width: 320px;height: 64px;border: 2px solid #c9c9c9;border-radius: 50px;float:left;margin-left: 34px;
    margin-bottom: 20px;color: #3e3e3e;font-size: 28px;text-align: right;line-height: 64px;position: relative;
}
/*.bmt ul li:nth-child(1n){margin-left: 30px;}*/
/*.bmt ul li:nth-child(2n){margin-left: 41px;}*/
.section{position: absolute;}
.section em{
    background-image: url("../images/zanting.png");background-size: 100% auto;
    background-repeat: no-repeat;width: 21px;height: 30px;left: 28px;top: 16px;position: absolute;
}
.section p{padding-left: 75px;line-height: 64px;}
.curr .section em{background-image: url("../images/bofang.png");}
.active .section em {
    background-image: url("../images/bofang-1.png");
    /*background-size:300% 100% ;*/background-position: 0 center;
    -webkit-animation: bofang 1s steps(3) infinite;background-size: 54px 25px;width: 18px;
}
@-webkit-keyframes bofang {
    0% {
        background-position: 0px center;
    }
    30% {
        background-position: 0px center;
    }
    31% {
        background-position: -18px center;
    }
    61% {
        background-position: -18px center;
    }
    61.5% {
        background-position: -36px center;
    }
    100% {
        background-position: -36px center;

    }

}