@charset "UTF-8";
.hmsw_001 { background: url(../../image/hmsw_001/jpg1.jpg) center no-repeat; background-size: cover; border-top-left-radius: 30px; border-top-right-radius: 30px; position: fixed; left: 0; right: 0; bottom: 0; color: #fff; padding: 30px 0; z-index: 99; -webkit-transition: all .5s; transition: all .5s; }

.hmsw_001 .close { font-size: 24px; position: absolute; right: 50px; top: 35px; font-family: xfont; font-weight: bold; line-height: 1; width: 30px; height: 30px; cursor: pointer; z-index: 2; color: #fff; opacity: 1; }

@media (max-width: 768px) { .hmsw_001 .close { font-size: 18px; } }

.hmsw_001 .close::before { content: '\e509'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hmsw_001 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hmsw_001 .con .l { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 50px; }

.hmsw_001 .con .l .title { font-size: 34px; line-height: 1; }

@media (max-width: 768px) { .hmsw_001 .con .l .title { font-size: 22px; } }

.hmsw_001 .con .l .text { font-size: 16px; margin-top: 12px; }

.hmsw_001 .con .r { width: 181px; }

.hmsw_001 .con .r .link { width: 100%; line-height: 69px; font-size: 20px; border-radius: 34px; background-color: #0054a7; text-align: center; display: block; }

@media (max-width: 768px) { .hmsw_001 .con .r .link { font-size: 18px; } }

.hmsw_001.hide { top: 100%; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1600px) { .hmsw_001 .close { right: 15px; top: 15px; font-size: 20px; } }

@media (max-width: 1100px) { .hmsw_001 { padding: 20px 0; }
  .hmsw_001 .con .r { width: 140px; }
  .hmsw_001 .con .r .link { line-height: 55px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .hmsw_001 .con { display: block; }
  .hmsw_001 .con .l { width: 100%; padding-right: 0; }
  .hmsw_001 .con .l .text { margin-top: 5px; font-size: 10px; }
  .hmsw_001 .con .r { width: auto; }
  .hmsw_001 .con .r .link { line-height: 40px; margin-top: 10px; font-size: 18px; }
  .hmsw_001 .con .l .title { font-size: 18px; padding-right: 30px; }
  .hmsw_001 .close { font-size: 16px; } }