* { margin: 0; padding: 0; }

body { overflow-x: hidden; font-family: arial,"Helvetica Neue", Helvetica, STHeiTi, sans-serif;width:100%; max-width: 62rem; padding:2rem 0; margin:0 auto; border:1rem solid #ffbe33; background: #fff; box-sizing: border-box;position: relative;}
@media (min-width:0px){
  html{font-size:12px;}
}
@media (min-width: 320px){
  html{font-size:12px;}
}
@media (min-width: 340px){
  html{font-size:13px;}
}
@media (min-width: 360px){
  html{font-size:14px;}
}
@media (min-width: 380px){
  html{font-size:15px;}
}
@media (min-width: 400px){
  html{font-size:15px;}
}
@media (min-width: 420px){
  html{font-size:16px;}
}

textarea { font-family: Arial; }
textarea:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus::-moz-input-placeholder {color: transparent;}
textarea:focus:-moz-input-placeholder {color: transparent;}

li { list-style: none; }

img { border: none; display: block; width:100%;}

a { text-decoration: none; color: #333333; }

input { outline: none; }

.ny{width: 98%; height: auto; padding:2rem 1%; margin: 0 auto; box-sizing: border-box;}
.ny .title h2{font-family: impact; font-size: 2rem; color: #232323;}
.ny .title h2::after{display: block; content: ''; width: 13rem; height: 2px; background:#232323; margin-top: 1.2rem;}
.ny .title p{font-size: 1.2rem; margin-top: 1.2rem; color: #232323;}
.ny .desc{margin-top: 2.5rem;line-height: 1.5rem; font-size: 1.2rem;}
.ny .main{margin-top: 2rem;}
.ny .main p{color: #232323; margin-bottom: 2.5rem;}
.ny .main img{margin: 0 auto 2.5rem;}
.ny .img ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ny .img li{width: 48%;}
.ny .img li a:hover p{ color: #ffbe33; transition: all .2s;}
.ny .img li p{line-height: 1.5rem; text-align: center; color: #232323; padding:.5rem 0;transition: all .2s;}