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

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

i{font-style: italic}
.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;}
.l{float: left}
.r{float: right}
h2 { text-align:center; padding:.5em 0 1em;}
h2.tit01 { padding-left:5em;}
h2 img { width:42%;}
.wp img{display: block;margin: 0 auto}
.pnr{position: relative}
.pna{position: absolute;z-index: 2}
.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;}

.zmb{color: #fff;left: 0;bottom: 2%;font-size: 0.24rem;line-height: 1.5;padding: 3%}
.dbt{text-align: center;width: 100%;left: 0;top:0}
.dbt img{width: 78%}
.mefe{background: #16072d;overflow:hidden;color: #fff;font-size: 0.2rem;padding: 5% 0}
.mefe a{color: #fed201}
.mefe b{font-size: 0.34rem;display: block}
.mefe span{font-size: 0.1667rem;color: #20193d;background: #fed201;display: inline-block;padding:0 1%;border-radius: 8px;margin: 3% auto}
.mefe img{float: left;margin:0 2%;width: 48%}
.mefe p{padding-right: 2%;line-height: 1.6}

.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{overflow:hidden;top: 2%;left: 0}
.list li{float: left;width:32%;margin:0 0.6667% ;text-align: center}
.list li img{width: 100%;border-radius: 50%}
.list li p{font-size: 18px;color: #616161;padding: 0 2%}
.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%}

.wzsm{font-size: 20px;color: #2c2c2c;line-height:1.8;width:94%;right:2.5%;top: 48%;z-index: 22}
.yhs a{font-size: 26px;bottom: 15%;right: 8%;background: #d5a41b;color: #fff;border-radius: 30px;display: block;padding:1% 2%}
.zs p{font-size: 18px;border-bottom: 1px solid #151515;line-height: 1.5;padding:2% 0}
.zs p span{color: #fff;background: #1eba93;padding: 0 3%;display: inline-block;border-radius: 15px;margin: 0 2%}
.zx{text-align: center;clear: both}
.zx a{display: inline-block;width: 68%}
.zx a{font-size:0.3rem;color: #010101;background: #fed201;border-radius: 8px;line-height:2.5;display:inline-block;-moz-box-shadow:3px 5px 8px #000; -webkit-box-shadow:3px 5px 8px #000; box-shadow:3px 5px 8px #000;}
.zx.pna{width: 100%;bottom:2%;left: 0;z-index: 32}
.tip{background: #3f3952;overflow: hidden;padding:1% 0 3%}
.tip img{width: 45%}
.tip li{float: left;width: 29.333%;margin:3% 2% 0;color: #fff;font-size:.2rem}
.tip li img{width: 80%}
.tip p{line-height: 1.6;margin-top: 3%}
.tip span{color: #fed201}

/*.zx.pna a{background: #f1dbb6;color: #3a3a3a;-moz-box-shadow:3px 5px 8px rgba(0,0,0,.28); -webkit-box-shadow:3px 5px 8px rgba(0,0,0,.28); box-shadow:3px 5px 8px rgba(0,0,0,.28);}*/
.wt{top: 10%;left: 0}
.wt li{font-size:18px;float: left;width: 28%;margin-left:4%;color: #fff;letter-spacing: 1.5px }
.wt li b{font-size:24px;display: block;text-align: center;font-weight: normal;margin: 3% auto}
.wt li img{border-radius: 50%;padding:2.5%;border: 2px solid #fff}
.wt li p{text-align: justify}
.wt li a{font-size: 17px;background: #f1dbb6;color: #505050;padding: 0 2%;display:inline-block;margin-top:5% ; letter-spacing: 0;
    -moz-box-shadow:3px 5px 8px rgba(0,0,0,.28); -webkit-box-shadow:3px 5px 8px rgba(0,0,0,.28); box-shadow:3px 5px 8px rgba(0,0,0,.28);}
.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}

.lx a{font-size: 28px;color: #141414;background: #ebc86d;border-radius: 30px;padding:1% 5%;display: block;bottom: 9%;right: 10%;z-index: 22}

.zj{position: absolute; width: 100%;    left: 0; bottom:-8%}
.zj a{color: #383938;background: #ebc86d;letter-spacing: 2px;padding: 0 8%}
.gc{overflow: hidden;top:10%;left:0;z-index: 22;width: 100%}
.gc li{width: 25%;float: left;font-size: 20px;color: #fff;text-align: center;line-height: 2}
.gc li img{display: inline-block;width: 92%;border-radius: 50%;border: 3px solid #57cab0}

.ys{top:2%; left: 0;z-index: 22;width: 100%;}
.ysc{width: 96%;margin: 0 auto;overflow: hidden}
.ys li{display: inline-block;width: 46%;margin-left: 2.5%;margin-bottom:5%;vertical-align: top}
.ys p{font-size: .2rem;color: #fff;padding:3.5% 9%;line-height: 1.65}
.ys p b{font-size: .28rem;display: block;text-align: center;color: #000;margin: 3% auto;background: #fed201;border-radius:.08rem;width: 58%;font-weight: normal}
.ys img{width: 70%}

.da li{margin-top:5%}
.vf li{width: 33.333%;margin: 0 auto;letter-spacing: 0;}
.vf li img{border-radius:0;padding:1.5%;border: 1px solid #fff;margin: 0 auto}
.vf li p{padding: 2% 5%;border-left: 1px solid #fff}
.dh{border-top: 1px solid #9d9e9e;margin-top: 10%}
.dh li{border-bottom: 1px solid #9d9e9e;padding: 3% 1%;overflow: hidden;font-size: 18px;color: #242424;position: relative}
.dh li>img{float: left;margin-right: 3.5%;width: 14%}
.dh li span{position: absolute;bottom:1%;right: 3%;font-size: 15px}
.dh li a{color: #235198}
.zhushe{top: 5%;color: #fff;left: 0;padding: 0 4%;font-size: .24rem}
.b8{bottom: 8% !important;}
.gz{padding-left: 1%;overflow: hidden;margin-top: 5%}
.gz li{float: left;width: 50%}

.sfl{overflow: hidden;margin: 5% auto}
.sfl li{width: 49%}
.zl{font-size:22px;color: #eddfb9;line-height: 1.65;top: 0;left: 0;padding: 0 4%;letter-spacing: 2px}
.swiper1{top: 3%;left:50%;width:86%;padding-bottom:8%;margin-left: -43%}
.swiper1 img{width: 93.5%}
.al img{display: block;margin: 0 auto;width: 90%}
.swiper-pagination-bullet{background: #fff;opacity:.48}
.swiper-pagination-bullet-active{opacity:1}
.swiper_container-horizontal>.swiper-pagination-bullets{bottom: 0}
.swiper-pagination-bullet{width: .2rem;height:.2rem;margin: 0 5px}
.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;}
.swiper-pagination{width: 100%}
@-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) {
    .dh li span,.wt li a,.zj p span{font-size: 3vw;}
    .dh li,.wt li,.zs p,.list li p,.list li del,.list li u,.ys,.kr li,.zj p,.zl,.wzsm{font-size: 3.8vw}
   .gc li{font-size: 4vw}
    .sb p { font-size: 4.2vw;}
    .wt li b,.zj b{font-size: 4.5vw;}
    .lx a,.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}
    .yhs a,.zhong a{font-size:4.5vw;}
    .dd{bottom: 12% !important;}
    .wt{top: 5%;left: 0}
    .yhs a{bottom: 8.5%}
    .ys p{padding: 0 2%}
    .wzsm{line-height: 1.65}
}
@media screen and (min-width:500px) {
    .dh li span{font-size: 15px}
    .list li del,.list li u,.zj p span,.list li i{font-size: 16px;}
    .wt li a{font-size: 17px}
    .list li p{font-size: 18px}
    .dh li,.wt li,.zs p,.ys,.zj p { font-size: 18px;}
    .gc li,.wzsm,.kr li,.zl,.zj b{font-size: 20px;}
    .wt li b{font-size: 24px}
    .sb p { font-size: 25px;}
    .lx a{font-size: 28px}
    /*.list li p{font-size:30px;}*/
    .list li span{font-size: 35px;}
    .zl{line-height: 1.8;letter-spacing: 1px}
    .yhs a,.zhong a{font-size: 26px;}
    .dd{bottom: 15% !important;}
    .wt{top: 10%;left: 0}
    .yhs a{bottom: 15%;}
    .ys p{padding:3.5% 12%}
    .ys p b{margin-bottom:3%}
    .ys li{margin-bottom: 5%}
    .wzsm{line-height: 1.8}
}