@charset "utf-8";
/* CSS Document */
body{font-family:Microsoft YaHei;}

/*@font-face {
font-family: BodoniXT;
src: url(‘img/BodoniXT.ttf’);
}*/

.wp{width: 94%;margin: 0 auto}
.wapBg01 { background-color:#f2f1f1;}
.contBox01 { background:#c8e1ff url(img/contBox-bg01.png) top center no-repeat; background-size:100%;}
.contBox02 { background:#c8e1ff url(img/contBox-bg02.png) top center no-repeat; background-size:100%;}
.contBox03 { background:#c8e1ff url(img/contBox-bg03.png) top center no-repeat; background-size:100%;}

.sectionJuly { background:#6ba3e6 url(img/sectionBg01.png) top center no-repeat; background-size:100%;}
.section01 { background-color:#fff;}

h2 { text-align:center; padding:.5em 0 1em;}
h2.tit01 { padding-left:5em;}
h2 img { width:42%;}

.pnr{position: relative}
.pna{position: absolute}
.bg .list{top: 0;left: 0}
.cs{bottom: 30%;left: 8%;width: 68%}
.hs{bottom: 17%;left: 8%;width: 68%}
.sbs{bottom: 4.5%;left: 11%;width: 83.5%}
.jg img{border-radius: 50%}
.djhf{bottom:0;left: 50%;z-index: 2;width: 37%;margin-left: -18.5%;cursor: pointer}
.zxgb{bottom:0;left: 50%;z-index: 2;width: 39%;margin-left: -19.5%;cursor: pointer}

.proList { overflow:visible;}
.proList li { text-align:center; position:relative;background-color:#fff; padding:5% 0; border-radius:.4em; box-shadow:0 .3em .3em #718dae;}
.proList .w100 li { padding:0; background-color:transparent;}
.proList .w100 li em { position:absolute; bottom:3%; right:-2%; padding:.2em 7%; font-size:1.2em; }


.proList img.img01 { position:absolute; bottom:0; left:0; width:42%; box-shadow:none; border-radius:0;}
.proList img.img02 { position:absolute; bottom:0; left:0; width:30%; box-shadow:none; border-radius:0;}

.proList .w30 li { width:32%;}
.proList .m1 li { margin-right:2%;}
.proList .m1 li:nth-child(3n) { margin-right:0;}
.proList .w48 li { width:48%;}
.proList .m2 li { margin-right:4%; margin-bottom:4%;}
.proList .m2 li:nth-child(2n) { margin-right:0;}


.proList  li>p { color:#ff3044; font-size:2.5em; font-weight:normal;}
.proList  li>p i { font-size:.35em; text-align:center; line-height:1.5em; width:1.5em; height:1.5em; border-radius:50%; border:.1em solid #fff; display:inline-block; background-color:#ff3044; color:#fff; font-family:"Microsoft YaHei"; margin-left:-.25em;}
.proList  li>p span { font-family:"Microsoft YaHei"; font-size:.4em; color:#333; font-weight:normal;}
.proList  li em {font-size:1.25em; background-color:#fef224; border-radius:1em; padding:.2em 20%; display:inline-block; box-shadow:0 .1em 0 #f9bf6a;}
.proList  li em a { font-family:"Microsoft YaHei"; color:#f60f5e;}
.proList  li em.but01 {  border-radius:.4em;}

.proList .w30 li>p { font-size:2em; }
.proList .w30 li em { padding:.2em 10%; }

.proList .w4802 li {background-color:transparent; width:48%; padding:0; border-radius:0; box-shadow:none;}
.proList .w4802 li img { box-shadow:0 .3em .3em #718dae;}
.proList .w4802 li em { position:absolute; bottom:-1em; left:9%;}

p.yy { padding:1em; color:#fff; font-family:Microsoft YaHei; background-color:#6ba3e6;}
.list{width: 100%;}
.list li{float: left;width: 23%;margin: 0 1%}
.list li img{width: 100%}
.list li.qyd{background: #fff;overflow: hidden;width: 100%}
.list li.qyd img{float: left;width:41%;margin-right: 10%}
.list li.qyd p{padding-top: 5%}
.list li p{font-size: 20px;text-align:center;color: #2a2a2a}
.list li span{font-size:35px;color: #ed1d24;font-family: "Arial";font-weight: bold}
.list li i{font-size:16px;font-style: normal;vertical-align:text-top}
.list li p a{color: #fff;background: #ff5359;padding: 1% 3%;border-radius: 5px}
.list li u{font-size: 16px;text-decoration: none}
.list li del{font-size: 16px;color: #282829;display: block;margin: -2% auto 2%}

.lw{overflow: hidden;margin-bottom: 2%}
.lw dt{float: left;width: 50%;position: relative}
.lw dt a{position: absolute;width: 35%;bottom: 8%;left: 50%;color: #ff2663;background: #fff;border-radius: 5px;text-align: center}
.lw dt img{max-width: none}
.tit{text-align: center;margin: 5% auto}
.an{text-align: center;margin: 5% auto}
.an a{font-size: 24px;display: inline-block;padding: 1% 5%;margin: 0 2%;background: #b8109e;border-radius: 23px;color: #fff;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: verical-slow;
    animation-timing-function: ease-in-out;}
@keyframes verical-slow {
    2% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    4% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    6% {
        transform: translate(0, 1.5px) rotate(-1.5deg); }
    8% {
        transform: translate(0, -1.5px) rotate(-1.5deg); }
    10% {
        transform: translate(0, 2.5px) rotate(1.5deg); }
    12% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    14% {
        transform: translate(0, -1.5px) rotate(1.5deg); }
    16% {
        transform: translate(0, -0.5px) rotate(-1.5deg); }
    18% {
        transform: translate(0, 0.5px) rotate(-1.5deg); }
    20% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    22% {
        transform: translate(0, 0.5px) rotate(-1.5deg); }
    24% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    26% {
        transform: translate(0, 0.5px) rotate(0.5deg); }
    28% {
        transform: translate(0, 0.5px) rotate(1.5deg); }
    30% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    32% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    34% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    36% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    38% {
        transform: translate(0, 1.5px) rotate(-1.5deg); }
    40% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    42% {
        transform: translate(0, 2.5px) rotate(-1.5deg); }
    44% {
        transform: translate(0, 1.5px) rotate(0.5deg); }
    46% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    48% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    50% {
        transform: translate(0, 0.5px) rotate(0.5deg); }
    52% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    54% {
        transform: translate(0, -1.5px) rotate(1.5deg); }
    56% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    58% {
        transform: translate(0, 0.5px) rotate(2.5deg); }
    60% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    62% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    64% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    66% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    68% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    70% {
        transform: translate(0, 1.5px) rotate(0.5deg); }
    72% {
        transform: translate(0, 2.5px) rotate(1.5deg); }
    74% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    76% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    78% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    80% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    82% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    84% {
        transform: translate(0, 1.5px) rotate(2.5deg); }
    86% {
        transform: translate(0, -1.5px) rotate(-1.5deg); }
    88% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    90% {
        transform: translate(0, 2.5px) rotate(-0.5deg); }
    92% {
        transform: translate(0, 0.5px) rotate(-0.5deg); }
    94% {
        transform: translate(0, 2.5px) rotate(0.5deg); }
    96% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    98% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    0%, 100% {
        transform: translate(0, 0) rotate(0); } }
.bm{bottom: 0;left: 50%;/*transform: translate(-50%, 50%);*/width: 41%;z-index: 2;cursor: pointer;margin-left: -20%;
    margin-bottom: -9%;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: verical-slow;
    animation-timing-function: ease-in-out;}

@keyframes shake-opacity {
    10% {
        transform: translate(5px, 4px) rotate(-.5deg);
        opacity: .32
    }

    20% {
        transform: translate(-1px, 2px) rotate(.5deg);
        opacity: .63
    }

    30% {
        transform: translate(1px, 1px) rotate(1.5deg);
        opacity: .49
    }

    40% {
        transform: translate(3px, -1px) rotate(1.5deg);
        opacity: .81
    }

    50% {
        transform: translate(1px, -2px) rotate(-.5deg);
        opacity: .97
    }

    60% {
        transform: translate(-2px, -4px) rotate(2.5deg);
        opacity: .7
    }

    70% {
        transform: translate(-3px, -2px) rotate(1.5deg);
        opacity: .99
    }

    80% {
        transform: translate(3px, -1px) rotate(.5deg);
        opacity: .92
    }

    90% {
        transform: translate(-4px, -4px) rotate(-.5deg);
        opacity: .01
    }

    0%,100% {
        transform: translate(0, 0) rotate(0)
    }
}
/*tb*/
.tempWrap{height: auto !important;}
.tabBox{ margin:3.5% auto 5%}
.lftit{ margin:5% 0 ; width:100%; display:table;text-align: center}
.lftit li{ width:18%; margin:0 2%; text-align:center; position:relative; color:#666666; display: inline-block}
.lftit li img{width: 100%}
.lftit .hd1{}
.lftit li.on{ background:#008ad2; color:#fff;}
.zjwz{ position:absolute; top:0; left:0; width:100%; height:100%; }
.zjwz p{font-size: 16px; padding: 0% 0 0 30%;text-align: center}
.zjwz i{ font-size:13px; padding-top: 2%;font-style:normal; display: block}
.zjwz span{ font-size:17px; display:block;}
.con{text-align: center}

.lfcon{ width:96%; border:2px solid #eaeaea; margin:0 auto 30px auto; position:relative;}
.lfcon p.pco{ font-size:18px; color:#636363; line-height:33px; width:90%; display:block; text-align:justify; margin:20px auto 10px;}

.tjal{ width:100%;display: table;margin-bottom: 30px;}
.tjal li{ width:46%; margin:0 2%; float:left; text-align:center;}
.tjal li img{vertical-align: top;}
.tjal li p{ height:33px; line-height:33px; background:#07857f; color:#fff; font-size:18px;}
.tjal li span{ font-size:18px; color:#6c6c6c; line-height:28px; display:block; padding:10px 0;}

.tjbt p{ font-size:24px; color:#545454; font-weight:normal; display:block; text-align:center; margin:30px 0 20px 0;}
.tjbt span{ font-size:18px; color:#6c6c6c; line-height:33px; width:90%; margin:0 auto;display: block;}

/*endtb*/

@media screen and (min-width:320px) {
    .zj p span{font-size: 3vw;}
    .list li del,.list li u,.ys,.kr li,.zj p,.zl{font-size: 3.6vw}
    .an a,.list li p,.sb p { font-size: 4.2vw;}
    .zj b{font-size: 4.5vw;}
    .sb p span{font-size:4.8vw;}
    .sb b{font-size: 5.2vw;}
    .list li span{font-size: 6.5vw}
    .zl{line-height: 1.5;letter-spacing: 0.5px}
}
@media screen and (min-width:500px) {
    .list li del,.list li u,.zj p span,.list li i{font-size: 16px;}
    .ys,.zj p { font-size: 18px;}
    .list li p,.kr li,.zl,.zj b{font-size: 20px;}
    .sb p { font-size: 25px;}
    /*.list li p{font-size:30px;}*/
    .list li span{font-size: 35px;}
    .zl{line-height: 1.8;letter-spacing: 1px}
    .ys{top: 43%}
    .an a{font-size: 24px;}
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity:0.1;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity:0.1;
      }
}