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

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


.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%;}
.wp img{display: block}
.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}

.zhong{width: 100%;text-align: center;z-index: 22;background: url(images/zhong.png) no-repeat center top;background-size: 48% 100%;padding-bottom: 3%;left: 0;}
.zhong a{font-size: 26px;color: #7a5009;line-height:3;width: 47%;display: inline-block}
.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}

.zl{font-size:22px;color: #eddfb9;line-height: 1.65;top: 0;left: 0;padding: 0 4%;letter-spacing: 2px}
.swiper_container{top: 5%;left:0;width: 100%;padding-bottom: 5%}
.al img{display: block;margin: 0 auto;width: 90%}
.swiper-pagination-bullet{background: #a29074;opacity:.48}
.swiper-pagination-bullet-active{opacity:1}
.swiper_container-horizontal>.swiper-pagination-bullets{bottom: 0}
.swiper-pagination2{bottom:9% !important;}
.hn{ margin: 0 auto 3%; width: 96%;overflow: hidden}
.hn img{margin: 0 1%;width: 48%;padding:1%;border: 1px solid #a7967c;box-sizing: border-box;float: left}
.p1_pic1{bottom:16%;left: 0%;z-index: 22;width: 14.5%}
.p1_pic2{bottom:8%;left: 13.5%;z-index: 22;width: 14.5%}
.p1_pic3{bottom:8%;left: 40.5%;z-index: 22;width: 14.5%}
.p1_pic4{bottom:16%;left: 27%;z-index: 22;width: 14.5%}
.banner_pic img.on{animation:ruBand 1.5s .2s ease both infinite;-webkit-animation:ruBand 1.5s .2s ease both infinite;-moz-animation:ruBand 1.5s .2s ease both infinite;-moz-animation:ruBand 1.5s .2s ease both infinite;-ms-animation:ruBand 1.5s .2s ease both infinite;-o-animation:ruBand 1.5s .2s ease both infinite;}
@-o-keyframes ruBand {
    0% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -o-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -o-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-ms-keyframes ruBand {
    0% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes ruBand {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -moz-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -moz-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -moz-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -moz-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -moz-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@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.8vw}
    .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}
    .zhong a{font-size:4.5vw;}
}
@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%}
    .zhong a{font-size: 26px;}
}