@charset "gb2312";html{font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
address,applet,article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,li,mark,menu,nav,object,ol,output,p,pre,progress,ruby,section,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
a:active,a:hover{outline:0;text-decoration:none}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
img{border:0;-webkit-touch-callout:none;vertical-align:middle}
b,em,i,s,strong{font-style:normal;font-weight:400}
input,textarea{border:0;outline:0;resize:none;-webkit-appearance:none}
.all-wrap p{font-size:2.6rem;text-align:justify;text-justify:inter-ideograph}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.re{position:relative}
.ab{position:absolute}
.fl{float:left}
.fr{float:right}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.all-wrap{width:100%;margin:0 auto;max-width:640px;min-width:320px}
.whgCon{background:url(../images/whgBg.jpg);-webkit-background-size:100% auto;background-size:100% auto;overflow:hidden}
.whgCon header{overflow:hidden;position:relative;z-index:1}
.whgCon header::after,.whgCon header::before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.whgCon header::before{width:100%;height:100%;background:rgba(215,18,61,.4)}
.whgCon header::after{width:39.2%;background:url(../images/whg.png) no-repeat center;-webkit-background-size:contain;background-size:contain;height:100%}
.whgCon nav{padding:0 2.6%;}
.whgCon nav a{width:23.5%;float:left;font-size:30px;margin-right:2%;display:block;line-height:2.13;text-align:center;border-radius:0 0 7px 7px;background:#716bbe;color:#fff;box-shadow:0 0 25px rgba(113,107,190,.68);-webkit-transition:all .3s;transition:all .3s}
.whgCon nav a:nth-of-type(2){background:#e05d6a;box-shadow:0 0 25px rgba(224,96,108,.68)}
.whgCon nav a:nth-of-type(3){background:#fc4790;box-shadow:0 0 25px rgba(255,72,145,.68)}
.whgCon nav a:nth-of-type(4){background:#8957a1;box-shadow:0 0 25px rgba(137,87,161,.68);margin-right: 0}
.whgCon nav a.on{background:#fcb62f; padding-bottom: 5px}
.whgCon .anli .title{padding:9% 0 5% 5.3%}
.whgCon .anli .title p{margin-bottom:6px;font-size:30px}
.whgCon .anli .title span{background:#2e3642;color:#fff;padding:4px 16px;display:inline-block}
.whgCon .anli .pic{padding-bottom:5%}
.whgCon .whbp{padding:0 5.625% 5.875%}
.whgCon .whbp h3,.whgCon .whxm h3,.whgCon .whys h3{font-size:40px;color:#fff;background:url(../images/titBg.png) no-repeat center;-webkit-background-size:cover;background-size:cover;width:43%;padding-left:5%;line-height:1.6;margin-bottom:1.875%}
.whgCon .whbp p{font-size:30px;color:#2e3642;padding:0 2%}
.whgCon .whxm h3,.whgCon .whys h3{width:39%;margin:0 0 4.06% 5.625%}
.whgCon .whys .bd li{position:relative}
.whgCon .whys .bd li>a{position:absolute;font-size:36px;text-align:center;color:#fff;line-height:2.27;width:40.3%;border-radius:6px;left:53.9%;top:62.11%;background:#ff6004}
.whgCon .whys .hd{position:absolute;top:82.35%;left:0;width:100%;padding-left:55%}
.whgCon .whys .hd a{width:28px;height:28px;display:none;background:url(../images/arr.png) no-repeat center;-webkit-background-size:cover;background-size:cover;float:left;margin:0 10px}
.whgCon .whys .hd a:nth-of-type(2){-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.whgCon .whys .hd li{width:15px;height:15px;background:#fff;border-radius:50%;margin:6px 6px 0;float:left}
.whgCon .whys .hd li.on{background:#ff6004}
.whgCon .whxm{padding:10.4% 0 10.9%}
.whgCon .whxm ul{padding:0 6.56%}
.whgCon .whxm li{width:48.2%;border:6px solid #fff;background:#fff;margin-bottom:4.6%}
.whgCon .whxm li h5{font-size:30px;color:#2e3642;padding:5% 0 1%}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:31.25%!important}
    .whgCon .anli .title p,.whgCon .whbp p,.whgCon .whxm li h5,.whgCon nav a{font-size:16px}
    .whgCon .whbp h3,.whgCon .whxm h3,.whgCon .whys h3{font-size:20px}
    .whgCon .whys .bd li>a{font-size:18px}
    .whgCon .whys .hd a{width:22px;height:22px;margin:0 5px}
    .whgCon .whys .hd li{width:12px;height:12px;margin:5px 3px 0}
}
@media screen and (min-width:360px) and (max-width:409px){html{font-size:35%!important}
    .whgCon .anli .title p,.whgCon .whbp p,.whgCon .whxm li h5,.whgCon nav a{font-size:18px}
    .whgCon .whbp h3,.whgCon .whxm h3,.whgCon .whys h3{font-size:22px}
    .whgCon .whys .bd li>a{font-size:21px}
    .whgCon .whys .hd a{width:22px;height:22px;margin:0 5px}
    .whgCon .whys .hd li{width:12px;height:12px;margin:5px 3px 0}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:40%!important}
    .whgCon .anli .title p,.whgCon .whbp p,.whgCon .whxm li h5,.whgCon nav a{font-size:20px}
    .whgCon .whbp h3,.whgCon .whxm h3,.whgCon .whys h3{font-size:25px}
    .whgCon .whys .bd li>a{font-size:23px}
    .whgCon .whys .hd a{width:26px;height:26px;margin:0 5px}
    .whgCon .whys .hd li{width:14px;height:14px;margin:6px 3px 0}
}
@media screen and (min-width:480px) and (max-width:639px){html{font-size:47%!important}
    .whgCon .anli .title p,.whgCon .whbp p,.whgCon .whxm li h5,.whgCon nav a{font-size:22px}
    .whgCon .whbp h3,.whgCon .whxm h3,.whgCon .whys h3{font-size:30px}
    .whgCon .whys .bd li>a{font-size:26px}
    .whgCon .whys .hd a{width:26px;height:26px;margin:0 5px}
    .whgCon .whys .hd li{width:14px;height:14px;margin:6px 3px 0}
}