/*public*/
*{padding:0;margin:0;outline:none;word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{font-size:62.5%;font-family:"Helvetica";color:#000;}
body{font-size:12px;font-size:1.2rem; overflow-x:hidden;}
ul,li{list-style:none;}
mark{background:none;}
table{ border-collapse:collapse; border-spacing:0;}
.clearfix{ zoom:1;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
a{ text-decoration:none; color:#000;}
.c1{ color:#C62511;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.dn{ display: none;}

.bg1{ background-color: #fff;}
.banner{ width: 100%; display: block;}
.container{ background: url(../images/bg.png) center top no-repeat; background-size:contain; height: 257rem;}
.area{ overflow: hidden;}
.area img{ display: block;}
.area1{ padding: 13rem 2.5rem 0; display: flex; flex-wrap: wrap; justify-content:space-between;}
.area1 img{ width: 15.5rem; height: 14.4rem; margin-bottom: 1.5rem;}
.area2{ padding: 5rem 2.5rem 0; display: flex; flex-wrap: wrap; justify-content:space-between;}
.area2 img{ width: 15.5rem; height: 19rem; margin-bottom: 1.5rem; box-shadow: 0 0 1rem 0 rgba(207,215,236,0.3);}
.area3{ padding: 12.5rem 2.5rem 0;}
.area3 img{ width: 32.2rem; margin-bottom: 2rem;}
.area4{ padding: 14rem 2.5rem 0;}
.area4 img{ width: 32.3rem; margin-bottom: 2rem;}
.area5{ padding: 12.5rem 2.5rem 4.5rem;}
.intro{ padding: 1.5rem; font-size: 1rem; line-height: 2rem; color: #999;}
/*media*/
@media screen and ( min-width: 320px){html{font-size:8.53333px}}
@media screen and ( min-width: 360px){html{font-size:9.6px}}
@media screen and ( min-width: 375px){html{font-size:10px}}
@media screen and ( min-width: 384px){html{font-size:10.24px}}
@media screen and ( min-width: 400px){html{font-size:10.66666px}}
@media screen and ( min-width: 411px){html{font-size:10.96px}}
@media screen and ( min-width: 412px){html{font-size:10.9866px}}
@media screen and ( min-width: 414px){html{font-size:11.04px}}
@media screen and ( min-width: 424px){html{font-size:11.3066px}}
@media screen and ( min-width: 435px){html{font-size:11.6px}}
@media screen and ( min-width: 480px){html{font-size:12.8px}}
@media screen and ( min-width: 540px){html{font-size:14.4px}}
@media screen and ( min-width: 600px){html{font-size:16px}}
@media screen and ( min-width: 640px){html{font-size:17.0666px}}
@media screen and ( min-width: 768px){html{font-size:20.48px}}
@media screen and ( min-width: 800px){html{font-size:21.33333px}}