@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%;}

.pnr{position: relative}
.pna{position: absolute}
.bg{background: url(images/ss.jpg) no-repeat right bottom #f0eb47;background-size: 40%}
.bg .list{top: 0;left: 0}
.bg p{color: #ff4f4f;font-size: 24px;width: 96%;margin: 0 auto;padding-bottom: 2%}
.cs{bottom: 30%;left: 8%;width: 68%}
.hs{bottom: 17%;left: 8%;width: 68%}
.sbs{bottom: 4.5%;left: 11%;width: 83.5%}
.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%;letter-spacing: -4px;font-size: 0}
.list li{width: 30%;margin:2% 1.5%;display: inline-block;letter-spacing: 0}
.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%}

.jgli{text-align: center}
.jg li img{width: 96%}

.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}

.db li{float: left}
.db img{width: 100%}
.db .tt{width: 45.8%  }
.db .bb{width: 54.2%}

.fw li{float: left;width: 32%;margin:0 0.65%}

@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}
    .bg p,.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;}
    .bg p { font-size: 24px;}
    .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%}
}