@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}
.viewCon 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:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;align-items:center}
.viewCon{width:100%;margin:0 auto;max-width:750px;min-width:320px}
.viewCon img{display:block;width:100%}
.viewCon .sec1,.viewCon .sec2,.viewCon .sec3,.viewCon .sec4,.viewCon .sec5,.viewCon .sec6,.viewCon .sec7{padding:11.733333% 2.4% 12.266667%}
.viewCon .sec1 h3{padding:0 9.2% 10.666667%}
.viewCon .sec1 figure{margin-bottom:8.533333%}
.viewCon .sec1 figure p{position:absolute;width:44.195%;font-size:2.42rem;color:#2d2d2d;left:2px;top:73.843%}
.viewCon .sec1 figure p img{width:25%;margin-left:3px;display:inline-block;vertical-align:middle}
.viewCon .sec1>p{font-size:2.42rem;text-align:center;padding:2.933333% 0 10.533333%}
.viewCon .kstBtn{width:82.82%;border-radius:50px;box-shadow:0 4px 6px 0 rgba(130,130,130,.69);overflow:hidden;background:#fd3400;margin:0 auto}
.viewCon .kstBtn img{width:17%;-webkit-animation:zy 2.5s .15s linear infinite;animation:zy 2.5s .15s linear infinite}
.viewCon .kstBtn span{text-align:center;font-size:4.235rem;color:#fff;width:83%;line-height:1.2}
.viewCon .sec2,.viewCon .sec5,.viewCon .sec7{background:#1967b2}
.viewCon .sec2 h3{padding:0 7.333333% 9.333333%}
.viewCon .sec2 p{font-size:2.42rem;color:#fff;margin-bottom:8.266667%}
.viewCon .sec2 .kstBtn,.viewCon .sec3 .kstBtn,.viewCon .sec8 .kstBtn{margin-top:7.733333%}
.viewCon .sec3{background:#ffd36a}
.viewCon .sec3 h3{padding:0 17.333333% 11.066667%}
.viewCon .sec3 .kstBtn{width:51.675%}
.viewCon .sec3 .kstBtn span{width:70%}
.viewCon .sec3 .kstBtn img{width:30%}
.viewCon .sec4 h3{padding:0 9.866667% 14.66667%}
.viewCon .sec4 ul{padding:0 5.6% 5.533333%}
.viewCon .sec4 ul li{width:47.5%;margin-bottom:6%}
.viewCon .kst .kstBtn{width:43.49%;padding-right:4.266667%}
.viewCon .kst .kstBtn img{width:13.88%;-webkit-animation:flash 1s .2s ease infinite alternate;animation:flash 1s .2s ease infinite alternate;vertical-align:middle}
.viewCon .kst .kstBtn span{width:86.12%;line-height:2.2647;font-size:3.4rem}
.viewCon .kst .kstBtn:nth-of-type(2){width:51.39%}
.viewCon .sec5 h3{padding:0 7.333333% 11.866667%}
.viewCon .sec5 dl{margin-bottom:11.6%}
.viewCon .sec5 dl dt{width:44.319%;padding:0 3.2%}
.viewCon .sec5 dl dt p{font-size:2.42rem;color:#fff;line-height:1.2}
.viewCon .sec5 dl dt h4{width:53.19%;margin-bottom:5.866667%;position:relative}
.viewCon .sec5 dl dt h4::before{position:absolute;content:attr(data-txt);font-size:2.42rem;color:#000;line-height:1;left:50%;top:50%;-webkit-transform:translate(-35%,-50%);transform:translate(-35%,-50%)}
.viewCon .sec5 dl:nth-of-type(2n) dt h4{margin-left: auto}
.viewCon .sec5 dl:nth-of-type(2n) dt h4::before{-webkit-transform:translate(-65%,-50%);transform:translate(-65%,-50%)}
.viewCon .sec5 dl dd{width:55.6%}
.viewCon .sec5 .kstBtn{width:63%}
.viewCon .sec6 h3{padding-bottom:13.333333%}
.viewCon .sec6 ul{padding:0 1.6% 5.333333%}
.viewCon .sec6 ul li{width:26%}
.viewCon .sec6 ul li img{box-shadow:0 6px 12px rgba(168,168,168,.6);border-radius:50%}
.viewCon .sec6 ul li h5{padding:10px 0 25px;text-align:center;font-size:2.42rem;color:#48494b}
.viewCon .sec7 h3{padding:0 17.6% 6.933333%}
.viewCon .sec7 figure{padding:4% 3.333333% 0;background:#a3d9ff;border-radius:14px;overflow:hidden}
.viewCon .sec7 figure p{font-size:2.42rem;color:#242424;line-height:1.75;margin-bottom:4.666667%}
.viewCon .sec7 figure p span{border-bottom:1px solid #d01}
.viewCon .sec8{background:#fdfbfc;padding-bottom:11.866667%}
.viewCon .sec8 h3{padding:7.2% 9.866667% 4.266667%}
.viewCon .sec9{background:#ffd36a;padding:10.4% 2.4% 6.666667%}
.viewCon .sec9 h3{padding:0 12% 11.866667%}
.viewCon .sec9 ul{-webkit-box-align:stretch;align-items:stretch}
.viewCon .sec9 ul li{width:31.56%}
.viewCon .sec9 ul li p{text-align:center;font-size:2.41rem;color:#000;padding:10px 0 28px}
.viewCon .sec9 .kstLink{width:84.2178%;margin:0 auto;display:block}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@-webkit-keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
100%,50%{transform:rotate(0)}
}
@keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
100%,50%{transform:rotate(0)}
}
@media screen and (min-width:320px) and (max-width:374px){html{font-size:26.67%!important}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:31.25%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:34.5%!important}
}
@media screen and (min-width:480px) and (max-width:900px){html{font-size:40%!important}
}