@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #414141; font-size:1em; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}
img { border:0; display: block;}

html, body { height: 100%;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.brk { clear: both;}


/************ video box ************/
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}

/************ page number ************/
#page-num-list { clear: both; width: 100%; margin: 80px 0 0 0;}
#page-num-list ul.page-num { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
#page-num-list ul.page-num li { padding: 0; margin: 0 5px 10px 5px;}
#page-num-list ul.page-num li a { padding: 3px 10px; color: #414141; font-size: 0.8em; text-decoration: none; border: 1px #414141 solid; background-color: fff; display: block;}
#page-num-list ul.page-num li a:hover { background-color: #eee;}
#page-num-list ul.page-num li a.sel { color: #fff; background-color: #444;}


@media screen and (min-width: 1370px) {

  /************ aside icon ************/

  aside.aside-icon { width: 70px; position: fixed; top: 300px; right: 5px; z-index: 999;}
  aside.aside-icon .icons { width: 70px; padding: 3px 0 5px 0; color: #fff; font-size: 3.6em; line-height: 1em; text-align: center; background-color: #FFA101; cursor: pointer;}
  aside.aside-icon .qrcode { clear: both; width: 200px; margin: -70px 80px 0 0; float: right; display: none;}
  aside.aside-icon .qrcode img { width: 100%; height: auto;}


  /************ header + nav (index) ************/

  header#index { clear: both; width: 100%; height: 100%; overflow: hidden; position: relative;}

  img.hp-banner { width: 100%; height: auto; z-index: 1;}
  img.hp-title { width: 55vw; height: auto; position: absolute; top: 13vw; left: calc(50% - 27.5vw); z-index: 2;}
  img.hp-title-mo { display: none;}

  .social-icon { width: 20%; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 2vw; right: 2vw;}
  .social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .social-icon .icon-bt img { width: 100%; height: auto;}

  .nav-open-icon { display: none;}

  nav#pc { width: 100%; background-color: #FFA101; position: absolute; bottom: 0; left: 0; z-index: 9;}
  nav#pc ul.index-nav { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
  nav#pc ul.index-nav li { padding: 0; margin: 0;}
  nav#pc ul.index-nav li a { padding: 30px 40px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  nav#pc ul.index-nav li a span.en { font-size: 0.9rem;}
  nav#pc ul.index-nav li a:hover { color: #FFA101;}

  nav#mo { display: none;}

  ul.index-nav-mo { display: none;}


  /************ header + nav (page) ************/

  header#page { width: 100%; height: 120px; padding: 0 20px; border-bottom: 1px #ededed solid; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

  .header-page-logo { width: 300px;}
  .header-page-logo img { width: 100%; height: auto;}

  .page-nav-open-icon { display: none;}

  nav#page-mo { display: none;}

  nav#page-pc { width: calc(100% - 400px);}
  nav#page-pc ul.page-nav { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li { padding: 0; margin: 0;}
  nav#page-pc ul.page-nav li a { width: 140px; height: 120px; padding: 40px 0 0 0; color: #414141; line-height: 1.2em; text-decoration: none; display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box;}
  nav#page-pc ul.page-nav li a span.ch { width: 100%; font-size: 1.2em; font-weight: 600; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li a span.en { width: 100%; font-size: 0.9rem; text-align: center; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li:hover a { color: #fff;}

  .page-social-icon { width: 100px; display: flex; justify-content: flex-end; align-items: center;}
  .page-social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .page-social-icon .icon-bt img { width: 100%; height: auto;}


  /************ section #hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 150px 0 160px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}

  .hp-title { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title span.ch { color: #fff; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title span.en { padding: 0 0 8px 0; color: #fff; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 2em; text-align: center;}
  
  .more-bt { clear: both; width: 100%; margin: 0 auto; text-align: center;}
  .more-bt a { color: #fff; font-size: 0.9em; text-decoration: none;}
  .more-bt a:hover { color: #B3DEE5;}


  /************ section #hp-news ************/

  section#hp-news { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .hp-title-2 { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title-2 span.ch { color: #414141; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title-2 span.en { padding: 0 0 8px 0; color: #414141; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-news-list .news-box { width: calc(100% / 4); padding: 20px; border: 1px #fff solid; box-sizing: border-box;}
  .hp-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .hp-news-list .news-box a { color: #414141; text-decoration: none;}
  .hp-news-list .news-box .pic { width: 100%;}
  .hp-news-list .news-box .pic img { width: 100%; height: auto;}
  .hp-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .hp-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .hp-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


  /************ section #hp-service ************/

  section#hp-service { clear: both; width: 100%; padding: 120px calc(50% - 650px); background-color: #FAE6B1; box-sizing: border-box;}

  .hp-service-infor { width: 100%; margin: 80px 0; display: flex; justify-content: center;}
  .hp-service-infor .infor-box { width: calc(100% / 5);}
  .hp-service-infor .infor-box .icon { width: 220px; height: 220px; margin: 0 auto 20px auto; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .hp-service-infor .infor-box .icon img.icon-1 { width: auto; height: 130px;}
  .hp-service-infor .infor-box .icon img.icon-2 { width: 140px; height: auto;}
  .hp-service-infor .infor-box .text { width: 220px; margin: 0 auto; font-size: 1.4em; font-weight: 600; text-align: center;}

  .more-bt-2 { clear: both; width: 500px; margin: 0 auto; text-align: center;}
  .more-bt-2 a { color: #FFA101; font-size: 0.9em; text-decoration: none;}
  .more-bt-2 a:hover { color: #31525B;}


  /************ #breadcrumb-path ************/

  #breadcrumb-path { clear: both; width: 100%; padding: 40px calc(50% - 650px); color: #31525B; font-size: 0.9em; box-sizing: border-box;}
  #breadcrumb-path a { color: #31525B; text-decoration: none;}
  #breadcrumb-path a:hover { border-bottom: 1px #31525B solid;}


  /************ section #page-about #page-about-people ************/

  section#page-about { clear: both; width: 100%; padding: 150px 0 160px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}

  .page-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 1.8em; text-align: center;}

  section#page-about-people { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .about-people-infor { clear: both; width: 100%; margin: 100px 0 50px 0;}
  .about-people-infor .about-text { clear: both; width: 100%; margin: 0 0 120px 0; font-size: 1.2em; line-height: 2em; text-align: center;}
  .about-people-infor .people-column { clear: both; width: 100%; margin: 0 0 120px 0; position: relative;}
  .about-people-infor .people-column .photo-box { width: 300px; margin: -40px 60px 0 0; float: right;}
  .about-people-infor .people-column .photo-box .photo { width: 300PX; height: 360px; border: 1px #ccc solid; box-sizing: border-box; overflow: hidden; }
  .about-people-infor .people-column .photo-box .photo img { width: 100%; height: auto;}
  .about-people-infor .people-column .photo-box .name { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; font-weight: 600; text-align: center; background-color: #FFA101; box-sizing: border-box;}
  .about-people-infor .people-column .photo-box .name span.eng { font-size: 1rem; font-weight: 400;}
  .about-people-infor .people-column .infor-box { width: 100%; padding: 90px 60px; color: #414141; font-size: 1.2em; line-height: 1.2em; text-align: left; background-color: #FAE6B1; box-sizing: border-box;}
  .about-people-infor .people-column .infor-box ul.expe-list { width: 100%; padding: 0 0 0 24px; margin: 0; list-style: square; display: block;}
  .about-people-infor .people-column .infor-box ul.expe-list li { padding: 10px 0; margin: 0;}

  
  /*-------- new (2022/04/07) --------*/
  .page-about-banner { clear: both; width: 100%; position: relative;}
  .page-about-banner img.about-banner { width: 100%; height: auto;}
  .page-about-banner .about-banner-text { width: 50vw; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 10vw; right: 2vw;}
  .page-about-banner .about-banner-text .logo { width: 5vw;}
  .page-about-banner .about-banner-text .logo img { width: 100%; height: auto;}
  .page-about-banner .about-banner-text .text { width: calc(100% - 126px - 0.5vw); padding: 0 0 0 1vw; margin: 0 0 0 0.7vw; font-size: 1vw; font-weight: 400; line-height: 1.8vw; border-left: 1px #eb6100 solid; box-sizing: border-box;}
  .page-about-banner .about-banner-text .text span.big-blue { color: #083973; font-size: 1.2vw; line-height: 1.8vw; font-weight: 600;}

  .page-about-people-intro { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box;}
  .page-about-people-intro img.about-title { width: 275px; height: auto; margin: 0 auto;}
  .page-about-people-intro .title-text { clear: both; width: 100%; margin: 20px 0 40px 0; color: #083973; text-align: center;}
  .page-about-people-intro .title-text span.cn { font-size: 1.6em; font-weight: 700;}
  .page-about-people-intro .title-text span.en { font-size: 1.3em; font-weight: 400;}
  .page-about-people-intro .about-people-box { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-about-people-intro .about-people-box .photo-name-mo { display: none;}
  .page-about-people-intro .about-people-box .photo-name { width: 50%;}
  .page-about-people-intro .about-people-box .photo-name img.people-1 { width: 500px; height: auto; margin: 0 auto;}
  .page-about-people-intro .about-people-box .photo-name img.people-2 { width: 500px; height: auto; margin: -140px auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name img.people-3 { width: 500px; height: auto; margin: -140px auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name .name { clear: both; width: 300px; padding: 5px 0; margin: 0 auto; color: #fff; text-align: center; border-radius: 10px; background-color: #003366;}
  .page-about-people-intro .about-people-box .photo-name .name span.cn { font-size: 1.8em; font-weight: 700;}
  .page-about-people-intro .about-people-box .photo-name .name span.en { font-size: 1.2em;}
  .page-about-people-intro .about-people-box .experience-list { width: 50%;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list { width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none; display: block;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list li { width: 100%; padding: 10px 20px; margin: 0; color: #666; font-size: 1.2em; line-height: 1.4em; border-bottom: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .page-about-people-intro .about-people-box .experience-list .note { width: 100%; padding: 10px 0 0 45px; color: #666; font-size: 1.2em; font-weight: 400; box-sizing: border-box;}

  .page-about-people-intro img.about-people-bg { clear: both; width: 100%; height: auto;}
  

  /************ section #page-news ************/

  .banner-box { clear: both; width: 100%; height: 20vw; overflow: hidden;}
  .banner-box img { width: 100%; height: auto;}

  section#page-news { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box;}

  .page-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-news-list .news-box { width: calc(100% / 4); padding: 20px; margin: 0 0 40px 0; border: 1px #fff solid; box-sizing: border-box;}
  .page-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .page-news-list .news-box a { color: #414141; text-decoration: none;}
  .page-news-list .news-box .pic { width: 100%;}
  .page-news-list .news-box .pic img { width: 100%; height: auto;}
  .page-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .page-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .page-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

  .page-news-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-news-content .date { width: 100%; padding: 20px 0; color: #FFA101; font-size: 0.9em; text-align: center;}
  .page-news-content .title { width: 100%; color: #31525B; font-size: 1.4em; font-weight: 600; line-height: 1.1em; text-align: center;}
  .page-news-content .pic { width: 100%; margin: 40px 0;}
  .page-news-content .pic img { width: 100%; height: auto;}
  .page-news-content .content { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-news-content .content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 solid;}
  .page-news-content .content img { max-width: 100%; height: auto;}

  .goback-bt { clear: both; width: 120px; margin: 60px auto 0 auto;}
  .goback-bt a { width: 100%; padding: 8px 0; color: #B3DEE5; font-size: 1.1em; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #31525B; display: block; cursor: pointer;}


  /************ section #page-service ************/

  /*section#page-service { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box;}*/

  .page-service-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-service-content .text { width: 100%; font-size: 1.1em; line-height: 2em;}
  .page-service-content .text span.style-big { padding: 0 15px 3px 15px; color: #B3DEE5; font-size: 1.4rem; font-weight: 600; line-height: 2.4em; background-color: #31525B;}

  .service-item-list { clear: both; width: 100%; margin: 60px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .service-item-list .item-box { width: calc(100% / 5); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}
  .service-item-list .item-box2 { width: calc(100% / 5 * 2); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box2 .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box2 .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box2 .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box2 .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-service { clear: both; width: 100%;}

  .service-top-infor-box { width: 100%; padding: 0 calc(50% - 650px); background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .service-top-infor-box img.infor-pic { width: 445px; height: auto; margin: 0 0 60px 0; float: left;}
  .service-top-infor-box .infor-content { width: calc(100% - 445px); padding: 100px 0 0 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; float: right;}
  .service-top-infor-box .infor-content img.title { width: 115px; height: auto; margin: 0 15px 0 0;}
  .service-top-infor-box .infor-content .infor-box { width: calc(100% - 130px); padding: 0 0 0 15px; font-size: 1.1em; font-weight: 600; line-height: 1.6em; border-left: 1px #e84a00 solid; box-sizing: border-box;}
  .service-top-infor-box .infor-content .infor-box span.title { color: #002c69; font-size: 1.6rem; line-height: 2em;}
  .service-top-infor-box .infor-content .infor-box span.blue { color: #002c69;}

  .service-items-list { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box; background-image: url("../images/service_item_bg.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-1 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-2 { width: 20%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-3 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-4 { width: 20%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-5 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-6 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-7 { width: 50%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-8 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-9 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-10 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-11 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-12 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}

  .service-items-list .item-box-1 .icon, 
  .service-items-list .item-box-2 .icon, 
  .service-items-list .item-box-3 .icon, 
  .service-items-list .item-box-4 .icon, 
  .service-items-list .item-box-5 .icon, 
  .service-items-list .item-box-6 .icon, 
  .service-items-list .item-box-7 .icon, 
  .service-items-list .item-box-8 .icon, 
  .service-items-list .item-box-9 .icon, 
  .service-items-list .item-box-10 .icon, 
  .service-items-list .item-box-11 .icon, 
  .service-items-list .item-box-12 .icon 
  { width: 100%;}
  .service-items-list .item-box-1 .icon img, 
  .service-items-list .item-box-2 .icon img, 
  .service-items-list .item-box-3 .icon img, 
  .service-items-list .item-box-4 .icon img, 
  .service-items-list .item-box-5 .icon img, 
  .service-items-list .item-box-6 .icon img, 
  .service-items-list .item-box-7 .icon img, 
  .service-items-list .item-box-8 .icon img, 
  .service-items-list .item-box-9 .icon img, 
  .service-items-list .item-box-10 .icon img, 
  .service-items-list .item-box-11 .icon img, 
  .service-items-list .item-box-12 .icon img 
  { width: 111px; height: auto; margin: 0 auto;}
  .service-items-list .item-box-1 .text, 
  .service-items-list .item-box-2 .text, 
  .service-items-list .item-box-3 .text, 
  .service-items-list .item-box-4 .text, 
  .service-items-list .item-box-5 .text, 
  .service-items-list .item-box-6 .text, 
  .service-items-list .item-box-7 .text, 
  .service-items-list .item-box-8 .text, 
  .service-items-list .item-box-9 .text, 
  .service-items-list .item-box-10 .text, 
  .service-items-list .item-box-11 .text, 
  .service-items-list .item-box-12 .text 
  { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .service-items-list .item-box-1 .text .title, 
  .service-items-list .item-box-2 .text .title, 
  .service-items-list .item-box-3 .text .title, 
  .service-items-list .item-box-4 .text .title, 
  .service-items-list .item-box-5 .text .title, 
  .service-items-list .item-box-6 .text .title, 
  .service-items-list .item-box-7 .text .title, 
  .service-items-list .item-box-8 .text .title, 
  .service-items-list .item-box-9 .text .title, 
  .service-items-list .item-box-10 .text .title, 
  .service-items-list .item-box-11 .text .title, 
  .service-items-list .item-box-12 .text .title 
  { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700; text-align: center;}
  .service-items-list .item-box-1 .text .title span.en, 
  .service-items-list .item-box-2 .text .title span.en, 
  .service-items-list .item-box-3 .text .title span.en, 
  .service-items-list .item-box-4 .text .title span.en, 
  .service-items-list .item-box-5 .text .title span.en, 
  .service-items-list .item-box-6 .text .title span.en, 
  .service-items-list .item-box-7 .text .title span.en, 
  .service-items-list .item-box-8 .text .title span.en, 
  .service-items-list .item-box-9 .text .title span.en, 
  .service-items-list .item-box-10 .text .title span.en, 
  .service-items-list .item-box-11 .text .title span.en, 
  .service-items-list .item-box-12 .text .title span.en
  { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-1 .text ul.list, 
  .service-items-list .item-box-2 .text ul.list, 
  .service-items-list .item-box-3 .text ul.list, 
  .service-items-list .item-box-4 .text ul.list, 
  .service-items-list .item-box-5 .text ul.list, 
  .service-items-list .item-box-6 .text ul.list, 
  .service-items-list .item-box-7 .text ul.list, 
  .service-items-list .item-box-8 .text ul.list, 
  .service-items-list .item-box-9 .text ul.list, 
  .service-items-list .item-box-10 .text ul.list, 
  .service-items-list .item-box-11 .text ul.list, 
  .service-items-list .item-box-12 .text ul.list 
  { padding: 0 0 0 22px; margin: 0 auto; list-style: none; display: block;}
  .service-items-list .item-box-1 .text ul.list li, 
  .service-items-list .item-box-2 .text ul.list li, 
  .service-items-list .item-box-3 .text ul.list li, 
  .service-items-list .item-box-4 .text ul.list li, 
  .service-items-list .item-box-5 .text ul.list li, 
  .service-items-list .item-box-6 .text ul.list li, 
  .service-items-list .item-box-7 .text ul.list li, 
  .service-items-list .item-box-8 .text ul.list li, 
  .service-items-list .item-box-9 .text ul.list li, 
  .service-items-list .item-box-10 .text ul.list li, 
  .service-items-list .item-box-11 .text ul.list li, 
  .service-items-list .item-box-12 .text ul.list li 
  { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em; text-indent: -22px;}
  .service-items-list .item-box-1 .text ul.list li::before, 
  .service-items-list .item-box-2 .text ul.list li::before, 
  .service-items-list .item-box-3 .text ul.list li::before, 
  .service-items-list .item-box-4 .text ul.list li::before, 
  .service-items-list .item-box-5 .text ul.list li::before, 
  .service-items-list .item-box-6 .text ul.list li::before, 
  .service-items-list .item-box-7 .text ul.list li::before, 
  .service-items-list .item-box-8 .text ul.list li::before, 
  .service-items-list .item-box-9 .text ul.list li::before, 
  .service-items-list .item-box-10 .text ul.list li::before, 
  .service-items-list .item-box-11 .text ul.list li::before, 
  .service-items-list .item-box-12 .text ul.list li::before 
  { content: "∴ ";}
  
  .service-items-list .item-box-13 { width: 50%; padding: 25px 80px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); display: flex; justify-content: flex-start; align-items: flex-start;}
  .service-items-list .item-box-13 .icon { width: 140px;}
  .service-items-list .item-box-13 .icon img { width: 111px; height: auto;}
  .service-items-list .item-box-13 .text { width: calc(100% - 140px); display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-13 .text .title { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700;}
  .service-items-list .item-box-13 .text .title span.en { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-13 .text ul.list { padding: 0; margin: 0; list-style: none; display: block;}
  .service-items-list .item-box-13 .text ul.list li { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em;}
  .service-items-list .item-box-13 .text ul.list li::before { content: "∴ ";}


  /************ section #page-lease ************/

  /*section#page-lease { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box;}*/

  .page-lease-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-lease-content .lease-infor { width: 70%; padding: 40px; margin: 0 auto 60px auto; font-size: 1.2em; line-height: 1.8em; border-radius: 30px; background-color: #B3DEE5; box-sizing: border-box;}
  .page-lease-content .lease-infor .lease-doc-dw-bt { clear: both; width: 200px; margin: 20px 0 0 0;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a { width: 100%; padding: 3px 0; color: #fff; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a:hover { background-color: #ea980c;}
  .page-lease-content .qa-title { clear: both; width: 100%; padding: 8px 10px; color: #B3DEE5; font-size: 1.2em; font-weight: 600; line-height: 1.2em; background-color: #31525B; box-sizing: border-box;}
  .page-lease-content .qa-content { clear: both; width: 100%; padding: 20px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-lease-content .qa-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-lease-content .qa-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}
  .page-lease-content .qa-content .note-text { clear: both; width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px #ccc solid; box-sizing: border-box;}
  
  ul.ch-num { padding: 0 0 0 35px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  ul.ch-num li { padding: 0; margin: 0;}

  ul.num { padding: 0 0 0 24px; margin: 0; list-style-type: decimal; display: block;}
  ul.num li { padding: 0; margin: 0;}

  ul.disc {  padding: 0 0 0 24px; margin: 0; list-style-type: disc; display: block;}
  ul.disc li { padding: 0; margin: 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-lease { clear: both; width: 100%; padding: 0 0 60px 0;}
  
  .lease-top-infor-box { width: 100%; padding: 0 calc(50% - 650px); background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .lease-top-infor-box img.infor-pic { width: 480px; height: auto; margin: 20px 0 60px 0; float: left;}
  .lease-top-infor-box .infor-content { width: calc(100% - 480px); padding: 80px 0 0 90px; font-size: 1.2em; font-weight: 600; line-height: 1.6em; box-sizing: border-box; float: right;}
  .lease-top-infor-box .infor-content img.title { width: 170px; height: auto; margin: 40px 0 0 0;}
  .lease-top-infor-box .infor-content span.title { color: #002c69; font-size: 1.6em; line-height: 2em;}
  .lease-top-infor-box .infor-content span.blue { color: #002c69;}
  .lease-top-infor-box .infor-content .download-bt { clear: both; width: 220px; margin: 20px 0 0 0;}
  .lease-top-infor-box .infor-content .download-bt a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.4rem; font-weight: 400; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .lease-top-infor-box .infor-content .download-bt a:hover { background-color: #ea980c;}

  .lease-qa-box-1 { clear: both; width: 100%; padding: 70px calc(50% - 580px); box-sizing: border-box; background-image: url("../images/lease_qa_bg1.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 2;}
  .lease-qa-box-1 .title { width: 100%;}
  .lease-qa-box-1 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-1 .qa-content { width: 100%; margin: 20px 0 0 0; position: relative; z-index: 2;}
  .lease-qa-box-1 .qa-content ul.cn-num { padding: 0 0 0 40px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  .lease-qa-box-1 .qa-content ul.cn-num li { padding: 0; margin: 0 0 10px 0; font-size: 1.2em; line-height: 2em; font-weight: 400;}
  .lease-qa-box-1 .qa-content ul.cn-num li::content { font-weight: 600;}
  .lease-qa-box-1 .qa-content ul.cn-num li span.sub { font-weight: 600;}
  .lease-qa-box-1 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-2 { clear: both; width: 100%; padding: 40px calc(50% - 580px); box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 3;}
  .lease-qa-box-2 .title { width: 100%;}
  .lease-qa-box-2 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-2 .qa-content { width: 100%; padding: 0 0 0 10px; margin: 20px 0 0 0; font-size: 1.2em; line-height: 2em; font-weight: 400; box-sizing: border-box;}
  .lease-qa-box-2 .qa-content a { color: #002c69; border-bottom: 1px #002c69 dashed; text-decoration: none;}

  .lease-qa-box-3 { clear: both; width: 100%; padding: 70px calc(50% - 580px); box-sizing: border-box; background-image: url("../images/lease_qa_bg2.jpg"); background-size: 1920px auto; background-position: left top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 4;}
  .lease-qa-box-3 .title { width: 100%;}
  .lease-qa-box-3 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-3 .qa-content { width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.6em; font-weight: 400; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; z-index: 2;}
  .lease-qa-box-3 .qa-content .icon { width: 30px; line-height: 3em;}
  .lease-qa-box-3 .qa-content .text { width: calc(100% - 30px);}
  .lease-qa-box-3 .qa-content .text span.strong { font-weight: 600; line-height: 3em;}
  .lease-qa-box-3 .qa-content .text span.strong2 { color: #666; font-weight: 600; line-height: 2.2em;}
  .lease-qa-box-3 .qa-content .notice { width: 100%; margin: 20px 0 0 0;}
  .lease-qa-box-3 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-4 { clear: both; width: 100%; padding: 40px calc(50% - 580px); box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 5;}
  .lease-qa-box-4 .qa-content { width: 100%; font-size: 1.1em; line-height: 1.6em; font-weight: 400; box-sizing: border-box;}


  /************ section #page-contact ************/

  section#page-contact { clear: both; width: 100%; padding: 80px calc(50% - 650px); box-sizing: border-box;}

  .page-contact-content { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start;}
  .page-contact-content .map-pic { width: 40%;}
  .page-contact-content .map-pic img { width: 100%; height: auto;}
  .page-contact-content .address-infor { width: 60%; padding: 0 0 0 60px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-contact-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-contact-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}


  /************ section #page-trends ************/

  section#page-trends { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .page-trends-content { clear: both; width: 80%; margin: 80px auto 0 auto;}

  .page-trends-list { clear: both; width: 100%; padding: 10px; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; box-sizing: border-box;}
  .page-trends-list .icon { width: 40px; font-size: 1.2em;}
  .page-trends-list .article-subject { width: calc(100% - 140px);}
  .page-trends-list .article-subject a { color: #414141; font-size: 1.1em; line-height: 1.2em; text-decoration: none;}
  .page-trends-list .article-subject a:hover { color: #FFA101;}
  .page-trends-list .article-date { width: 100px; font-size: 0.9em; text-align: right;}

  .trends-article { clear: both; width: 100%; margin: 0 0 80px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .trends-article .icon { width: 50px; font-size: 1.4em;}
  .trends-article .subject { width: calc(100% - 50px); margin: 0 0 20px 0; font-size: 1.4em; font-weight: 600; line-height: 1.2em;}
  .trends-article .date { clear: both; width: 100%; font-size: 0.9em; text-align: right;}
  .trends-article .content { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2em; line-height: 1.8em;}
  .trends-article .content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .trends-article .content img { max-width: 100%; height: auto;}


  /************ section #page-links ************/

  section#page-links { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .page-links-content { clear: both; width: 80%; margin: 80px auto 0 auto;}
  .page-links-content ul.links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-links-content ul.links-list li { width: 50%; padding: 0 10px; margin: 0 0 15px 0; box-sizing: border-box;}
  .page-links-content ul.links-list li a { color: #414141; font-size: 1.2em; text-decoration: none;}
  .page-links-content ul.links-list li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .page-sitemap-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-sitemap-content ul.sitemap { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .page-sitemap-content ul.sitemap li { padding: 0; margin: 0 15px 30px 15px;}
  .page-sitemap-content ul.sitemap li a { color: #414141; font-size: 1.4em; font-weight: 600; text-decoration: none;}
  .page-sitemap-content ul.sitemap li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-error404 ************/

  section#page-error404 { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .page-error404-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-error404-content .style-title-1 { width: 100%; margin: 0 0 40px 0; font-size: 4em; font-weight: 700; text-align: center;}
  .page-error404-content .style-title-2 { width: 100%; font-size: 1.8em; font-weight: 500; text-align: center;}
  .page-error404-content .goback-bt { clear: both; width: 180px; margin: 80px auto 0 auto;}
  .page-error404-content .goback-bt a { width: 100%; padding: 8px 0; color: #414141; font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none; border-radius: 10px; background-color: #FFA101; display: block;}
  .page-error404-content .goback-bt a:hover { color: #fff;}


  /************ footer ************/

  footer { clear: both; width: 100%; background-color: #ededed;}

  #gotop-bt { width: 140px; height: 50px; margin: 0 auto 65px auto; position: relative; cursor: pointer;}
  #gotop-bt .triangle { border-right: 70px solid #ededed; border-left: 70px solid #ededed; border-top: 50px solid #c8c8c8; display: inline-block;}
  #gotop-bt span.top { width: 140px; padding: 7px 0 0 0; color: #fff; font-size: 1em; font-weight: 600; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; left: 0;}

  .footer-nav { clear: both; width: 100%; margin: 0 0 80px 0;}
  .footer-nav ul.ft-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .footer-nav ul.ft-menu li { padding: 0; margin: 0 15px;}
  .footer-nav ul.ft-menu li a { color: #414141; font-size: 1.1rem; font-weight: 600; text-decoration: none;}
  .footer-nav ul.ft-menu li a:hover { border-bottom: 1px #414141 solid;}

  .footer-social-icon { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: center;}
  .footer-social-icon img { margin: 0 5px;}

  .line-qrcode { margin: 0 40px 80px 40px;}
  .line-qrcode img { width: 130px; height: auto; margin: 0 auto;}

  .footer-infor { clear: both; width: 100%; display: flex; justify-content: center; align-items: flex-start;}
  .footer-infor .infor { margin: 0 40px 80px 40px; text-align: center;}
  .footer-infor .infor span.title { font-size: 1.1em; font-weight: 600;}
  .footer-infor .infor span.text { font-size: 0.9em;}

  .copyright-box { clear: both; width: 100%; padding: 30px 0; font-size: 0.8em; text-align: center; background-color: #fff;}
  

}

@media screen and (min-width: 1240px) and (max-width: 1369px) {

  /************ aside icon ************/

  aside.aside-icon { width: 70px; position: fixed; top: 300px; right: 5px; z-index: 999;}
  aside.aside-icon .icons { width: 70px; padding: 3px 0 5px 0; color: #fff; font-size: 3.6em; line-height: 1em; text-align: center; background-color: #FFA101; cursor: pointer;}
  aside.aside-icon .qrcode { clear: both; width: 200px; margin: -70px 80px 0 0; float: right; display: none;}
  aside.aside-icon .qrcode img { width: 100%; height: auto;}


  /************ header + nav (index) ************/

  header#index { clear: both; width: 100%; height: 100%; overflow: hidden; position: relative;}

  img.hp-banner { width: 100%; height: auto; z-index: 1;}
  img.hp-title { width: 55vw; height: auto; position: absolute; top: 13vw; left: calc(50% - 27.5vw); z-index: 2;}
  img.hp-title-mo { display: none;}

  .social-icon { width: 20%; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 2vw; right: 2vw;}
  .social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .social-icon .icon-bt img { width: 100%; height: auto;}

  .nav-open-icon { display: none;}

  nav#pc { width: 100%; background-color: #FFA101; position: absolute; bottom: 0; left: 0; z-index: 9;}
  nav#pc ul.index-nav { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
  nav#pc ul.index-nav li { padding: 0; margin: 0;}
  nav#pc ul.index-nav li a { padding: 30px 40px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  nav#pc ul.index-nav li a span.en { font-size: 0.9rem;}
  nav#pc ul.index-nav li a:hover { color: #FFA101;}

  nav#mo { display: none;}

  ul.index-nav-mo { display: none;}


  /************ header + nav (page) ************/

  header#page { width: 100%; height: 100px; padding: 0 20px; border-bottom: 1px #ededed solid; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

  .header-page-logo { width: 240px;}
  .header-page-logo img { width: 100%; height: auto;}

  .page-nav-open-icon { display: none;}

  nav#page-mo { display: none;}

  nav#page-pc { width: calc(100% - 340px);}
  nav#page-pc ul.page-nav { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li { padding: 0; margin: 0;}
  nav#page-pc ul.page-nav li a { width: 120px; height: 100px; padding: 30px 0 0 0; color: #414141; line-height: 1.2em; text-decoration: none; display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box;}
  nav#page-pc ul.page-nav li a span.ch { width: 100%; font-size: 1.2em; font-weight: 600; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li a span.en { width: 100%; font-size: 0.8rem; text-align: center; display: flex; justify-content: center;}
  nav#page-pc ul.page-nav li:hover a { color: #fff;}

  .page-social-icon { width: 100px; display: flex; justify-content: flex-end; align-items: center;}
  .page-social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .page-social-icon .icon-bt img { width: 100%; height: auto;}


  /************ section #hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 150px 0 160px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 140% auto; background-position: center top;}

  .hp-title { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title span.ch { color: #fff; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title span.en { padding: 0 0 8px 0; color: #fff; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 2em; text-align: center;}
  
  .more-bt { clear: both; width: 100%; margin: 0 auto; text-align: center;}
  .more-bt a { color: #fff; font-size: 0.9em; text-decoration: none;}
  .more-bt a:hover { color: #B3DEE5;}


  /************ section #hp-news ************/

  section#hp-news { clear: both; width: 100%; padding: 120px calc(50% - 550px); box-sizing: border-box;}

  .hp-title-2 { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title-2 span.ch { color: #414141; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title-2 span.en { padding: 0 0 8px 0; color: #414141; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-news-list .news-box { width: calc(100% / 4); padding: 20px; border: 1px #fff solid; box-sizing: border-box;}
  .hp-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .hp-news-list .news-box a { color: #414141; text-decoration: none;}
  .hp-news-list .news-box .pic { width: 100%;}
  .hp-news-list .news-box .pic img { width: 100%; height: auto;}
  .hp-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .hp-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .hp-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


  /************ section #hp-service ************/

  section#hp-service { clear: both; width: 100%; padding: 120px calc(50% - 550px); background-color: #FAE6B1; box-sizing: border-box;}

  .hp-service-infor { width: 100%; margin: 80px 0; display: flex; justify-content: center;}
  .hp-service-infor .infor-box { width: calc(100% / 5);}
  .hp-service-infor .infor-box .icon { width: 200px; height: 200px; margin: 0 auto 20px auto; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .hp-service-infor .infor-box .icon img.icon-1 { width: auto; height: 120px;}
  .hp-service-infor .infor-box .icon img.icon-2 { width: 130px; height: auto;}
  .hp-service-infor .infor-box .text { width: 200px; margin: 0 auto; font-size: 1.4em; font-weight: 600; text-align: center;}

  .more-bt-2 { clear: both; width: 500px; margin: 0 auto; text-align: center;}
  .more-bt-2 a { color: #FFA101; font-size: 0.9em; text-decoration: none;}
  .more-bt-2 a:hover { color: #31525B;}


  /************ #breadcrumb-path ************/

  #breadcrumb-path { clear: both; width: 100%; padding: 40px calc(50% - 550px); color: #31525B; font-size: 0.9em; box-sizing: border-box;}
  #breadcrumb-path a { color: #31525B; text-decoration: none;}
  #breadcrumb-path a:hover { border-bottom: 1px #31525B solid;}


  /************ section #page-about #page-about-people ************/

  section#page-about { clear: both; width: 100%; padding: 150px 0 160px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 140% auto; background-position: center top;}

  .page-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 1.8em; text-align: center;}

  section#page-about-people { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box;}

  .about-people-infor { clear: both; width: 100%; margin: 120px 0 50px 0;}
  .about-people-infor .about-text { clear: both; width: 100%; margin: 0 0 120px 0; font-size: 1.2em; line-height: 2em; text-align: center;}
  .about-people-infor .people-column { clear: both; width: 100%; margin: 0 0 120px 0; position: relative;}
  .about-people-infor .people-column .photo-box { width: 300px; margin: -40px 60px 0 0; float: right;}
  .about-people-infor .people-column .photo-box .photo { width: 300px; height: 360px; border: 1px #ccc solid; box-sizing: border-box; overflow: hidden; }
  .about-people-infor .people-column .photo-box .photo img { width: 100%; height: auto;}
  .about-people-infor .people-column .photo-box .name { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; font-weight: 600; text-align: center; background-color: #FFA101; box-sizing: border-box;}
  .about-people-infor .people-column .photo-box .name span.eng { font-size: 1rem; font-weight: 400;}
  .about-people-infor .people-column .infor-box { width: 100%; height: calc(100% - 240px - 60px); padding: 90px 60px; margin: -25px 0 0 0; color: #414141; font-size: 1.2em; line-height: 1.2em; text-align: left; background-color: #FAE6B1; box-sizing: border-box; z-index: 1;}
  .about-people-infor .people-column .infor-box ul.expe-list { width: 100%; padding: 0 0 0 24px; margin: 0; list-style: square; display: block;}
  .about-people-infor .people-column .infor-box ul.expe-list li { padding: 10px 0; margin: 0;}

  /*-------- new (2022/04/07) --------*/
  .page-about-banner { clear: both; width: 100%; position: relative;}
  .page-about-banner img.about-banner { width: 100%; height: auto;}
  .page-about-banner .about-banner-text { width: 50vw; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 10vw; right: 2vw;}
  .page-about-banner .about-banner-text .logo { width: 5vw;}
  .page-about-banner .about-banner-text .logo img { width: 100%; height: auto;}
  .page-about-banner .about-banner-text .text { width: calc(100% - 126px - 0.5vw); padding: 0 0 0 1vw; margin: 0 0 0 0.7vw; font-size: 1vw; font-weight: 400; line-height: 1.8vw; border-left: 1px #eb6100 solid; box-sizing: border-box;}
  .page-about-banner .about-banner-text .text span.big-blue { color: #083973; font-size: 1.2vw; line-height: 1.8vw; font-weight: 600;}

  .page-about-people-intro { clear: both; width: 100%; padding: 80px calc(50% - 560px); box-sizing: border-box;}
  .page-about-people-intro img.about-title { width: 275px; height: auto; margin: 0 auto;}
  .page-about-people-intro .title-text { clear: both; width: 100%; margin: 20px 0 40px 0; color: #083973; text-align: center;}
  .page-about-people-intro .title-text span.cn { font-size: 1.6em; font-weight: 700;}
  .page-about-people-intro .title-text span.en { font-size: 1.3em; font-weight: 400;}
  .page-about-people-intro .about-people-box { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-about-people-intro .about-people-box .photo-name-mo { display: none;}
  .page-about-people-intro .about-people-box .photo-name { width: 50%;}
  .page-about-people-intro .about-people-box .photo-name img.people-1 { width: 500px; height: auto; margin: 0 auto;}
  .page-about-people-intro .about-people-box .photo-name img.people-2 { width: 500px; height: auto; margin: -140px auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name img.people-3 { width: 500px; height: auto; margin: -140px auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name .name { clear: both; width: 300px; padding: 5px 0; margin: 0 auto; color: #fff; text-align: center; border-radius: 10px; background-color: #003366;}
  .page-about-people-intro .about-people-box .photo-name .name span.cn { font-size: 1.8em; font-weight: 700;}
  .page-about-people-intro .about-people-box .photo-name .name span.en { font-size: 1.2em;}
  .page-about-people-intro .about-people-box .experience-list { width: 50%;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list { width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none; display: block;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list li { width: 100%; padding: 10px 20px; margin: 0; color: #666; font-size: 1.2em; line-height: 1.4em; border-bottom: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .page-about-people-intro .about-people-box .experience-list .note { width: 100%; padding: 10px 0 0 45px; color: #666; font-size: 1.2em; font-weight: 400; box-sizing: border-box;}

  .page-about-people-intro img.about-people-bg { clear: both; width: 100%; height: auto;}


  /************ section #page-news ************/

  .banner-box { clear: both; width: 100%; height: 20vw; overflow: hidden;}
  .banner-box img { width: 100%; height: auto;}

  section#page-news { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box;}

  .page-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-news-list .news-box { width: calc(100% / 4); padding: 20px; margin: 0 0 40px 0; border: 1px #fff solid; box-sizing: border-box;}
  .page-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .page-news-list .news-box a { color: #414141; text-decoration: none;}
  .page-news-list .news-box .pic { width: 100%;}
  .page-news-list .news-box .pic img { width: 100%; height: auto;}
  .page-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .page-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .page-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

  .page-news-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-news-content .date { width: 100%; padding: 20px 0; color: #FFA101; font-size: 0.9em; text-align: center;}
  .page-news-content .title { width: 100%; color: #31525B; font-size: 1.4em; font-weight: 600; line-height: 1.1em; text-align: center;}
  .page-news-content .pic { width: 100%; margin: 40px 0;}
  .page-news-content .pic img { width: 100%; height: auto;}
  .page-news-content .content { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-news-content .content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 solid;}
  .page-news-content .content img { max-width: 100%; height: auto;}

  .goback-bt { clear: both; width: 120px; margin: 60px auto 0 auto;}
  .goback-bt a { width: 100%; padding: 8px 0; color: #B3DEE5; font-size: 1.1em; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #31525B; display: block; cursor: pointer;}


  /************ section #page-service ************/

  /*section#page-service { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box;}*/

  .page-service-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-service-content .text { width: 100%; font-size: 1.1em; line-height: 2em;}
  .page-service-content .text span.style-big { padding: 0 15px 3px 15px; color: #B3DEE5; font-size: 1.4rem; font-weight: 600; line-height: 2.4em; background-color: #31525B;}

  .service-item-list { clear: both; width: 100%; margin: 60px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .service-item-list .item-box { width: calc(100% / 5); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}
  .service-item-list .item-box2 { width: calc(100% / 5 * 2); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box2 .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box2 .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box2 .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box2 .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-service { clear: both; width: 100%;}

  .service-top-infor-box { width: 100%; padding: 0 calc(50% - 550px); background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .service-top-infor-box img.infor-pic { width: 445px; height: auto; margin: 0 0 60px 0; float: left;}
  .service-top-infor-box .infor-content { width: calc(100% - 445px); padding: 0 0 0 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; float: right;}
  .service-top-infor-box .infor-content img.title { width: 115px; height: auto; margin: 0 15px 0 0;}
  .service-top-infor-box .infor-content .infor-box { width: calc(100% - 130px); padding: 0 0 0 15px; font-size: 1.1em; font-weight: 600; line-height: 1.6em; border-left: 1px #e84a00 solid; box-sizing: border-box;}
  .service-top-infor-box .infor-content .infor-box span.title { color: #002c69; font-size: 1.6rem; line-height: 2em;}
  .service-top-infor-box .infor-content .infor-box span.blue { color: #002c69;}

  .service-items-list { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box; background-image: url("../images/service_item_bg.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-1 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-2 { width: 20%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-3 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-4 { width: 20%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-5 { width: 20%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-6 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-7 { width: 50%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-8 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-9 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-10 { width: 32%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-11 { width: 25%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-12 { width: 18%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}

  .service-items-list .item-box-1 .icon, 
  .service-items-list .item-box-2 .icon, 
  .service-items-list .item-box-3 .icon, 
  .service-items-list .item-box-4 .icon, 
  .service-items-list .item-box-5 .icon, 
  .service-items-list .item-box-6 .icon, 
  .service-items-list .item-box-7 .icon, 
  .service-items-list .item-box-8 .icon, 
  .service-items-list .item-box-9 .icon, 
  .service-items-list .item-box-10 .icon, 
  .service-items-list .item-box-11 .icon, 
  .service-items-list .item-box-12 .icon 
  { width: 100%;}
  .service-items-list .item-box-1 .icon img, 
  .service-items-list .item-box-2 .icon img, 
  .service-items-list .item-box-3 .icon img, 
  .service-items-list .item-box-4 .icon img, 
  .service-items-list .item-box-5 .icon img, 
  .service-items-list .item-box-6 .icon img, 
  .service-items-list .item-box-7 .icon img, 
  .service-items-list .item-box-8 .icon img, 
  .service-items-list .item-box-9 .icon img, 
  .service-items-list .item-box-10 .icon img, 
  .service-items-list .item-box-11 .icon img, 
  .service-items-list .item-box-12 .icon img 
  { width: 111px; height: auto; margin: 0 auto;}
  .service-items-list .item-box-1 .text, 
  .service-items-list .item-box-2 .text, 
  .service-items-list .item-box-3 .text, 
  .service-items-list .item-box-4 .text, 
  .service-items-list .item-box-5 .text, 
  .service-items-list .item-box-6 .text, 
  .service-items-list .item-box-7 .text, 
  .service-items-list .item-box-8 .text, 
  .service-items-list .item-box-9 .text, 
  .service-items-list .item-box-10 .text, 
  .service-items-list .item-box-11 .text, 
  .service-items-list .item-box-12 .text 
  { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .service-items-list .item-box-1 .text .title, 
  .service-items-list .item-box-2 .text .title, 
  .service-items-list .item-box-3 .text .title, 
  .service-items-list .item-box-4 .text .title, 
  .service-items-list .item-box-5 .text .title, 
  .service-items-list .item-box-6 .text .title, 
  .service-items-list .item-box-7 .text .title, 
  .service-items-list .item-box-8 .text .title, 
  .service-items-list .item-box-9 .text .title, 
  .service-items-list .item-box-10 .text .title, 
  .service-items-list .item-box-11 .text .title, 
  .service-items-list .item-box-12 .text .title 
  { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700; text-align: center;}
  .service-items-list .item-box-1 .text .title span.en, 
  .service-items-list .item-box-2 .text .title span.en, 
  .service-items-list .item-box-3 .text .title span.en, 
  .service-items-list .item-box-4 .text .title span.en, 
  .service-items-list .item-box-5 .text .title span.en, 
  .service-items-list .item-box-6 .text .title span.en, 
  .service-items-list .item-box-7 .text .title span.en, 
  .service-items-list .item-box-8 .text .title span.en, 
  .service-items-list .item-box-9 .text .title span.en, 
  .service-items-list .item-box-10 .text .title span.en, 
  .service-items-list .item-box-11 .text .title span.en, 
  .service-items-list .item-box-12 .text .title span.en
  { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-1 .text ul.list, 
  .service-items-list .item-box-2 .text ul.list, 
  .service-items-list .item-box-3 .text ul.list, 
  .service-items-list .item-box-4 .text ul.list, 
  .service-items-list .item-box-5 .text ul.list, 
  .service-items-list .item-box-6 .text ul.list, 
  .service-items-list .item-box-7 .text ul.list, 
  .service-items-list .item-box-8 .text ul.list, 
  .service-items-list .item-box-9 .text ul.list, 
  .service-items-list .item-box-10 .text ul.list, 
  .service-items-list .item-box-11 .text ul.list, 
  .service-items-list .item-box-12 .text ul.list 
  { padding: 0 0 0 22px; margin: 0 auto; list-style: none; display: block;}
  .service-items-list .item-box-1 .text ul.list li, 
  .service-items-list .item-box-2 .text ul.list li, 
  .service-items-list .item-box-3 .text ul.list li, 
  .service-items-list .item-box-4 .text ul.list li, 
  .service-items-list .item-box-5 .text ul.list li, 
  .service-items-list .item-box-6 .text ul.list li, 
  .service-items-list .item-box-7 .text ul.list li, 
  .service-items-list .item-box-8 .text ul.list li, 
  .service-items-list .item-box-9 .text ul.list li, 
  .service-items-list .item-box-10 .text ul.list li, 
  .service-items-list .item-box-11 .text ul.list li, 
  .service-items-list .item-box-12 .text ul.list li 
  { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em; text-indent: -22px;}
  .service-items-list .item-box-1 .text ul.list li::before, 
  .service-items-list .item-box-2 .text ul.list li::before, 
  .service-items-list .item-box-3 .text ul.list li::before, 
  .service-items-list .item-box-4 .text ul.list li::before, 
  .service-items-list .item-box-5 .text ul.list li::before, 
  .service-items-list .item-box-6 .text ul.list li::before, 
  .service-items-list .item-box-7 .text ul.list li::before, 
  .service-items-list .item-box-8 .text ul.list li::before, 
  .service-items-list .item-box-9 .text ul.list li::before, 
  .service-items-list .item-box-10 .text ul.list li::before, 
  .service-items-list .item-box-11 .text ul.list li::before, 
  .service-items-list .item-box-12 .text ul.list li::before 
  { content: "∴ ";}
  
  .service-items-list .item-box-13 { width: 50%; padding: 25px 60px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); display: flex; justify-content: flex-start; align-items: flex-start;}
  .service-items-list .item-box-13 .icon { width: 140px;}
  .service-items-list .item-box-13 .icon img { width: 111px; height: auto;}
  .service-items-list .item-box-13 .text { width: calc(100% - 140px); display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-13 .text .title { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700;}
  .service-items-list .item-box-13 .text .title span.en { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-13 .text ul.list { padding: 0; margin: 0; list-style: none; display: block;}
  .service-items-list .item-box-13 .text ul.list li { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em;}
  .service-items-list .item-box-13 .text ul.list li::before { content: "∴ ";}


  /************ section #page-lease ************/

  /*section#page-lease { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box;}*/

  .page-lease-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-lease-content .lease-infor { width: 70%; padding: 40px; margin: 0 auto 60px auto; font-size: 1.2em; line-height: 1.8em; border-radius: 30px; background-color: #B3DEE5; box-sizing: border-box;}
  .page-lease-content .lease-infor .lease-doc-dw-bt { clear: both; width: 200px; margin: 20px 0 0 0;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a { width: 100%; padding: 3px 0; color: #fff; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a:hover { background-color: #ea980c;}
  .page-lease-content .qa-title { clear: both; width: 100%; padding: 8px 10px; color: #B3DEE5; font-size: 1.2em; font-weight: 600; line-height: 1.2em; background-color: #31525B; box-sizing: border-box;}
  .page-lease-content .qa-content { clear: both; width: 100%; padding: 20px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-lease-content .qa-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-lease-content .qa-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}
  .page-lease-content .qa-content .note-text { clear: both; width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px #ccc solid; box-sizing: border-box;}
  
  ul.ch-num { padding: 0 0 0 35px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  ul.ch-num li { padding: 0; margin: 0;}

  ul.num { padding: 0 0 0 24px; margin: 0; list-style-type: decimal; display: block;}
  ul.num li { padding: 0; margin: 0;}

  ul.disc {  padding: 0 0 0 24px; margin: 0; list-style-type: disc; display: block;}
  ul.disc li { padding: 0; margin: 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-lease { clear: both; width: 100%; padding: 0 0 60px 0;}
  
  .lease-top-infor-box { width: 100%; padding: 0 calc(50% - 550px); background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .lease-top-infor-box img.infor-pic { width: 480px; height: auto; margin: 20px 0 60px 0; float: left;}
  .lease-top-infor-box .infor-content { width: calc(100% - 480px); padding: 0 0 0 90px; font-size: 1.2em; font-weight: 600; line-height: 1.6em; box-sizing: border-box; float: right;}
  .lease-top-infor-box .infor-content img.title { width: 170px; height: auto; margin: 40px 0 0 0;}
  .lease-top-infor-box .infor-content span.title { color: #002c69; font-size: 1.6em; line-height: 2em;}
  .lease-top-infor-box .infor-content span.blue { color: #002c69;}
  .lease-top-infor-box .infor-content .download-bt { clear: both; width: 220px; margin: 20px 0 0 0;}
  .lease-top-infor-box .infor-content .download-bt a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.4rem; font-weight: 400; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .lease-top-infor-box .infor-content .download-bt a:hover { background-color: #ea980c;}

  .lease-qa-box-1 { clear: both; width: 100%; padding: 70px calc(50% - 550px); box-sizing: border-box; background-image: url("../images/lease_qa_bg1.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 2;}
  .lease-qa-box-1 .title { width: 100%;}
  .lease-qa-box-1 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-1 .qa-content { width: 100%; margin: 20px 0 0 0; position: relative; z-index: 2;}
  .lease-qa-box-1 .qa-content ul.cn-num { padding: 0 0 0 40px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  .lease-qa-box-1 .qa-content ul.cn-num li { padding: 0; margin: 0 0 10px 0; font-size: 1.2em; line-height: 2em; font-weight: 400;}
  .lease-qa-box-1 .qa-content ul.cn-num li::content { font-weight: 600;}
  .lease-qa-box-1 .qa-content ul.cn-num li span.sub { font-weight: 600;}
  .lease-qa-box-1 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-2 { clear: both; width: 100%; padding: 40px calc(50% - 550px); box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 3;}
  .lease-qa-box-2 .title { width: 100%;}
  .lease-qa-box-2 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-2 .qa-content { width: 100%; padding: 0 0 0 10px; margin: 20px 0 0 0; font-size: 1.2em; line-height: 2em; font-weight: 400; box-sizing: border-box;}
  .lease-qa-box-2 .qa-content a { color: #002c69; border-bottom: 1px #002c69 dashed; text-decoration: none;}

  .lease-qa-box-3 { clear: both; width: 100%; padding: 70px calc(50% - 550px); box-sizing: border-box; background-image: url("../images/lease_qa_bg2.jpg"); background-size: 1920px auto; background-position: left top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 4;}
  .lease-qa-box-3 .title { width: 100%;}
  .lease-qa-box-3 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-3 .qa-content { width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.6em; font-weight: 400; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; z-index: 2;}
  .lease-qa-box-3 .qa-content .icon { width: 30px; line-height: 3em;}
  .lease-qa-box-3 .qa-content .text { width: calc(100% - 30px);}
  .lease-qa-box-3 .qa-content .text span.strong { font-weight: 600; line-height: 3em;}
  .lease-qa-box-3 .qa-content .text span.strong2 { color: #666; font-weight: 600; line-height: 2.2em;}
  .lease-qa-box-3 .qa-content .notice { width: 100%; margin: 20px 0 0 0;}
  .lease-qa-box-3 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-4 { clear: both; width: 100%; padding: 40px calc(50% - 550px); box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 5;}
  .lease-qa-box-4 .qa-content { width: 100%; font-size: 1.1em; line-height: 1.6em; font-weight: 400; box-sizing: border-box;}


  /************ section #page-contact ************/

  section#page-contact { clear: both; width: 100%; padding: 80px calc(50% - 550px); box-sizing: border-box;}

  .page-contact-content { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start;}
  .page-contact-content .map-pic { width: 40%;}
  .page-contact-content .map-pic img { width: 100%; height: auto;}
  .page-contact-content .address-infor { width: 60%; padding: 0 0 0 60px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-contact-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-contact-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}


  /************ section #page-trends ************/

  section#page-trends { clear: both; width: 100%; padding: 120px calc(50% - 550px); box-sizing: border-box;}

  .page-trends-content { clear: both; width: 90%; margin: 80px auto 0 auto;}

  .page-trends-list { clear: both; width: 100%; padding: 10px; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; box-sizing: border-box;}
  .page-trends-list .icon { width: 40px; font-size: 1.2em;}
  .page-trends-list .article-subject { width: calc(100% - 140px);}
  .page-trends-list .article-subject a { color: #414141; font-size: 1.1em; line-height: 1.2em; text-decoration: none;}
  .page-trends-list .article-subject a:hover { color: #FFA101;}
  .page-trends-list .article-date { width: 100px; font-size: 0.9em; text-align: right;}

  .trends-article { clear: both; width: 100%; margin: 0 0 80px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .trends-article .icon { width: 50px; font-size: 1.4em;}
  .trends-article .subject { width: calc(100% - 50px); margin: 0 0 20px 0; font-size: 1.4em; font-weight: 600; line-height: 1.2em;}
  .trends-article .date { clear: both; width: 100%; font-size: 0.9em; text-align: right;}
  .trends-article .content { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2em; line-height: 1.8em;}
  .trends-article .content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .trends-article .content img { max-width: 100%; height: auto;}


  /************ section #page-links ************/

  section#page-links { clear: both; width: 100%; padding: 120px calc(50% - 550px); box-sizing: border-box;}

  .page-links-content { clear: both; width: 80%; margin: 80px auto 0 auto;}
  .page-links-content ul.links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-links-content ul.links-list li { width: 50%; padding: 0 10px; margin: 0 0 15px 0; box-sizing: border-box;}
  .page-links-content ul.links-list li a { color: #414141; font-size: 1.2em; text-decoration: none;}
  .page-links-content ul.links-list li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 120px calc(50% - 550px); box-sizing: border-box;}

  .page-sitemap-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-sitemap-content ul.sitemap { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .page-sitemap-content ul.sitemap li { padding: 0; margin: 0 15px 30px 15px;}
  .page-sitemap-content ul.sitemap li a { color: #414141; font-size: 1.4em; font-weight: 600; text-decoration: none;}
  .page-sitemap-content ul.sitemap li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-error404 ************/

  section#page-error404 { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  .page-error404-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-error404-content .style-title-1 { width: 100%; margin: 0 0 40px 0; font-size: 4em; font-weight: 700; text-align: center;}
  .page-error404-content .style-title-2 { width: 100%; font-size: 1.8em; font-weight: 500; text-align: center;}
  .page-error404-content .goback-bt { clear: both; width: 180px; margin: 80px auto 0 auto;}
  .page-error404-content .goback-bt a { width: 100%; padding: 8px 0; color: #414141; font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none; border-radius: 10px; background-color: #FFA101; display: block;}
  .page-error404-content .goback-bt a:hover { color: #fff;}


  /************ footer ************/

  footer { clear: both; width: 100%; background-color: #ededed;}

  #gotop-bt { width: 140px; height: 50px; margin: 0 auto 65px auto; position: relative; cursor: pointer;}
  #gotop-bt .triangle { border-right: 70px solid #ededed; border-left: 70px solid #ededed; border-top: 50px solid #c8c8c8; display: inline-block;}
  #gotop-bt span.top { width: 140px; padding: 7px 0 0 0; color: #fff; font-size: 1em; font-weight: 600; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; left: 0;}

  .footer-nav { clear: both; width: 100%; margin: 0 0 80px 0;}
  .footer-nav ul.ft-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .footer-nav ul.ft-menu li { padding: 0; margin: 0 15px;}
  .footer-nav ul.ft-menu li a { color: #414141; font-size: 1.1rem; font-weight: 600; text-decoration: none;}
  .footer-nav ul.ft-menu li a:hover { border-bottom: 1px #414141 solid;}

  .footer-social-icon { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: center;}
  .footer-social-icon img { margin: 0 5px;}

  .line-qrcode { margin: 0 40px 80px 40px;}
  .line-qrcode img { width: 130px; height: auto; margin: 0 auto;}

  .footer-infor { clear: both; width: 100%; display: flex; justify-content: center; align-items: flex-start;}
  .footer-infor .infor { margin: 0 40px 80px 40px; text-align: center;}
  .footer-infor .infor span.title { font-size: 1.1em; font-weight: 600;}
  .footer-infor .infor span.text { font-size: 0.9em;}

  .copyright-box { clear: both; width: 100%; padding: 30px 0; font-size: 0.8em; text-align: center; background-color: #fff;}

  
}

@media screen and (min-width: 768px) and (max-width: 1239px) {

  /************ aside icon ************/

  aside.aside-icon { width: 70px; position: fixed; top: 300px; right: 5px; z-index: 999;}
  aside.aside-icon .icons { width: 70px; padding: 3px 0 5px 0; color: #fff; font-size: 3.6em; line-height: 1em; text-align: center; background-color: #FFA101; cursor: pointer;}
  aside.aside-icon .qrcode { clear: both; width: 200px; margin: -70px 80px 0 0; float: right; display: none;}
  aside.aside-icon .qrcode img { width: 100%; height: auto;}

    
  /************ header + nav (index) ************/

  header#index { clear: both; width: 100%; height: 75vw; overflow: hidden; position: relative;}

  img.hp-banner { width: 140%; height: auto; margin: 0 0 0 -25%; z-index: 1;}
  img.hp-title { width: 76vw; height: auto; position: absolute; top: 18vw; left: calc(50% - 38vw); z-index: 2;}
  img.hp-title-mo { display: none;}

  .social-icon { width: 20%; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 2vw; right: 2vw;}
  .social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .social-icon .icon-bt img { width: 100%; height: auto;}

  .nav-open-icon { display: none;}

  nav#pc { width: 100%; background-color: #FFA101; position: absolute; bottom: 0; left: 0; z-index: 9;}
  nav#pc ul.index-nav { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
  nav#pc ul.index-nav li { padding: 0; margin: 0;}
  nav#pc ul.index-nav li a { padding: 30px 17px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  nav#pc ul.index-nav li a span.en { font-size: 0.9rem;}
  nav#pc ul.index-nav li a:hover { color: #FFA101;}

  nav#mo { display: none;}

  ul.index-nav-mo { display: none;}


  /************ header + nav (page) ************/

  header#page { width: 100%; height: 100px; padding: 0 20px; border-bottom: 1px #ededed solid; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

  .header-page-logo { width: calc(100% - 50px - 120px);}
  .header-page-logo img { width: 240px; height: auto;}

  .page-nav-open-icon { width: 50px; color: #FFA101; font-size: 2.4em; text-align: right; cursor: pointer;}

  nav#page-pc { display: none;}

  nav#page-mo { width: 320px; background-color: #FFA101; position: absolute; top: 0; right: -320px; z-index: 99; display: none;}
  nav#page-mo .page-nav-close-icon { width: 50px; color: #fff; font-size: 2.4em; text-align: center; float: right;}
  nav#page-mo ul.page-nav { clear: both; width: 100%; padding: 40px; margin: 0; box-sizing: border-box; list-style: none; display: block;}
  nav#page-mo ul.page-nav li { width: 100%; padding: 0; margin: 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid;}
  nav#page-mo ul.page-nav li:last-child { border-bottom: 0;}
  nav#page-mo ul.page-nav li a { width: 100%; padding: 30px 25px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; box-sizing: border-box; display: block;}
  nav#page-mo ul.page-nav li a span.en { font-size: 0.9rem;}

  .page-social-icon { width: 120px; display: flex; justify-content: center; align-items: center;}
  .page-social-icon .icon-bt { width: 40px; height: auto; margin: 6px 0 0 10px;}
  .page-social-icon .icon-bt img { width: 100%; height: auto;}


  /************ section #hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 100px 0 120px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 180% auto; background-position: center top;}

  .hp-title { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title span.ch { color: #fff; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title span.en { padding: 0 0 8px 0; color: #fff; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 2em; text-align: center;}
  
  .more-bt { clear: both; width: 100%; margin: 0 auto; text-align: center;}
  .more-bt a { color: #fff; font-size: 0.9em; text-decoration: none;}
  .more-bt a:hover { color: #B3DEE5;}


  /************ section #hp-news ************/

  section#hp-news { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .hp-title-2 { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title-2 span.ch { color: #414141; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title-2 span.en { padding: 0 0 8px 0; color: #414141; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-news-list .news-box { width: calc(100% / 2); padding: 20px; border: 1px #fff solid; box-sizing: border-box;}
  .hp-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .hp-news-list .news-box a { color: #414141; text-decoration: none;}
  .hp-news-list .news-box .pic { width: 100%;}
  .hp-news-list .news-box .pic img { width: 100%; height: auto;}
  .hp-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .hp-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .hp-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


  /************ section #hp-service ************/

  section#hp-service { clear: both; width: 100%; padding: 120px 40px; background-color: #FAE6B1; box-sizing: border-box;}

  .hp-service-infor { width: 100%; margin: 80px 0 40px 0; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .hp-service-infor .infor-box { width: calc(100% / 3); margin: 0 0 40px 0;}
  .hp-service-infor .infor-box .icon { width: 200px; height: 200px; margin: 0 auto 20px auto; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .hp-service-infor .infor-box .icon img.icon-1 { width: auto; height: 120px;}
  .hp-service-infor .infor-box .icon img.icon-2 { width: 130px; height: auto;}
  .hp-service-infor .infor-box .text { width: 200px; margin: 0 auto; font-size: 1.4em; font-weight: 600; text-align: center;}

  .more-bt-2 { clear: both; width: 500px; margin: 0 auto; text-align: center;}
  .more-bt-2 a { color: #FFA101; font-size: 0.9em; text-decoration: none;}
  .more-bt-2 a:hover { color: #31525B;}


  /************ #breadcrumb-path ************/

  #breadcrumb-path { clear: both; width: 100%; padding: 40px 20px; color: #31525B; font-size: 0.9em; box-sizing: border-box;}
  #breadcrumb-path a { color: #31525B; text-decoration: none;}
  #breadcrumb-path a:hover { border-bottom: 1px #31525B solid;}


  /************ section #page-about #page-about-people ************/

  section#page-about { clear: both; width: 100%; padding: 150px 0 160px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 180% auto; background-position: center top;}

  .page-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 1.8em; text-align: center;}

  section#page-about-people { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  .about-people-infor { clear: both; width: 100%; margin: 120px 0 50px 0;}
  .about-people-infor .about-text { clear: both; width: 100%; margin: 0 0 120px 0; font-size: 1.2em; line-height: 2em; text-align: center;}
  .about-people-infor .people-column { clear: both; width: 100%; margin: 0 0 120px 0; position: relative;}
  .about-people-infor .people-column .photo-box { width: 300px; margin: -40px 30px 0 0; float: right;}
  .about-people-infor .people-column .photo-box .photo { width: 300PX; height: 360px; border: 1px #ccc solid; box-sizing: border-box; overflow: hidden; }
  .about-people-infor .people-column .photo-box .photo img { width: 100%; height: auto;}
  .about-people-infor .people-column .photo-box .name { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; font-weight: 600; text-align: center; background-color: #FFA101; box-sizing: border-box;}
  .about-people-infor .people-column .photo-box .name span.eng { font-size: 1rem; font-weight: 400;}
  .about-people-infor .people-column .infor-box { width: 100%; height: calc(100% - 240px - 60px); padding: 80px 40px; margin: -25px 0 0 0; color: #414141; font-size: 1.2em; line-height: 1.2em; text-align: left; background-color: #FAE6B1; box-sizing: border-box; z-index: 1;}
  .about-people-infor .people-column .infor-box ul.expe-list { width: 100%; padding: 0 0 0 24px; margin: 0; list-style: square; display: block;}
  .about-people-infor .people-column .infor-box ul.expe-list li { padding: 10px 0; margin: 0;}

  /*-------- new (2022/04/07) --------*/
  .page-about-banner { clear: both; width: 100%; position: relative; overflow: hidden;}
  .page-about-banner img.about-banner { width: 140%; height: auto; margin: 0 0 0 -20%;}
  .page-about-banner .about-banner-text { width: 60vw; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 6vw; right: 2vw;}
  .page-about-banner .about-banner-text .logo { width: 10vw;}
  .page-about-banner .about-banner-text .logo img { width: 100%; height: auto;}
  .page-about-banner .about-banner-text .text { padding: 0 0 0 1vw; margin: 0 0 0 0.7vw; font-size: 2vw; font-weight: 400; line-height: 3.8vw; border-left: 1px #eb6100 solid; box-sizing: border-box;}
  .page-about-banner .about-banner-text .text span.big-blue { color: #083973; font-size: 2.2vw; line-height: 3.8vw; font-weight: 600;}

  .page-about-people-intro { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box; overflow: hidden;}
  .page-about-people-intro img.about-title { width: 275px; height: auto; margin: 0 auto;}
  .page-about-people-intro .title-text { clear: both; width: 100%; margin: 20px 0 40px 0; color: #083973; text-align: center;}
  .page-about-people-intro .title-text span.cn { font-size: 1.6em; font-weight: 700;}
  .page-about-people-intro .title-text span.en { font-size: 1.3em; font-weight: 400;}
  .page-about-people-intro .about-people-box { clear: both; width: 100%; margin: 0 0 40px 0;}
  .page-about-people-intro .about-people-box .photo-name { display: none;}
  .page-about-people-intro .about-people-box .photo-name-mo { width: 100%;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-1 { width: 500px; height: auto; margin: 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-2 { width: 500px; height: auto; margin: -16vw auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-3 { width: 500px; height: auto; margin: -16vw auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo .name { clear: both; width: 300px; padding: 5px 0; margin: 0 auto; color: #fff; text-align: center; border-radius: 10px; background-color: #003366;}
  .page-about-people-intro .about-people-box .photo-name-mo .name span.cn { font-size: 1.8em; font-weight: 700;}
  .page-about-people-intro .about-people-box .photo-name-mo .name span.en { font-size: 1.2em;}
  .page-about-people-intro .about-people-box .experience-list { width: 90%; margin: 0 auto;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list { width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none; display: block;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list li { width: 100%; padding: 10px 20px; margin: 0; color: #666; font-size: 1.2em; line-height: 1.4em; border-bottom: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .page-about-people-intro .about-people-box .experience-list .note { width: 100%; padding: 10px 0 0 45px; color: #666; font-size: 1.2em; font-weight: 400; box-sizing: border-box;}

  .page-about-people-intro img.about-people-bg { clear: both; width: 140%; height: auto; margin: 0 0 0 -20%;}


  /************ section #page-news ************/

  .banner-box { clear: both; width: 100%; height: 20vw; overflow: hidden;}
  .banner-box img { width: 100%; height: auto;}

  section#page-news { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  .page-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-news-list .news-box { width: calc(100% / 2); padding: 20px; margin: 0 0 40px 0; border: 1px #fff solid; box-sizing: border-box;}
  .page-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .page-news-list .news-box a { color: #414141; text-decoration: none;}
  .page-news-list .news-box .pic { width: 100%;}
  .page-news-list .news-box .pic img { width: 100%; height: auto;}
  .page-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .page-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .page-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

  .page-news-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-news-content .date { width: 100%; padding: 20px 0; color: #FFA101; font-size: 0.9em; text-align: center;}
  .page-news-content .title { width: 100%; color: #31525B; font-size: 1.4em; font-weight: 600; line-height: 1.1em; text-align: center;}
  .page-news-content .pic { width: 100%; margin: 40px 0;}
  .page-news-content .pic img { width: 100%; height: auto;}
  .page-news-content .content { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-news-content .content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 solid;}
  .page-news-content .content img { max-width: 100%; height: auto;}

  .goback-bt { clear: both; width: 120px; margin: 60px auto 0 auto;}
  .goback-bt a { width: 100%; padding: 8px 0; color: #B3DEE5; font-size: 1.1em; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #31525B; display: block; cursor: pointer;}


  /************ section #page-service ************/

  /*section#page-service { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}*/

  .page-service-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-service-content .text { width: 100%; font-size: 1.1em; line-height: 2em;}
  .page-service-content .text span.style-big { padding: 0 15px 3px 15px; color: #B3DEE5; font-size: 1.4rem; font-weight: 600; line-height: 2.4em; background-color: #31525B;}

  .service-item-list { clear: both; width: 100%; margin: 60px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .service-item-list .item-box { width: calc(100% / 3); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}
  .service-item-list .item-box2 { width: calc(100% / 3 * 3); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box2 .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box2 .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box2 .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box2 .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-service { clear: both; width: 100%;}

  .service-top-infor-box { width: 100%; padding: 0 40px; background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .service-top-infor-box img.infor-pic { width: 445px; height: auto; margin: 60px auto;}
  .service-top-infor-box .infor-content { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .service-top-infor-box .infor-content img.title { width: 115px; height: auto; margin: 0 15px 0 0;}
  .service-top-infor-box .infor-content .infor-box { width: calc(100% - 130px); padding: 0 0 0 15px; font-size: 1.1em; font-weight: 600; line-height: 1.6em; border-left: 1px #e84a00 solid; box-sizing: border-box;}
  .service-top-infor-box .infor-content .infor-box span.title { color: #002c69; font-size: 1.6rem; line-height: 2em;}
  .service-top-infor-box .infor-content .infor-box span.blue { color: #002c69;}

  .service-items-list { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box; background-image: url("../images/service_item_bg.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-1 { width: 33%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-2 { width: 34%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-3 { width: 33%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-4 { width: 28%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-5 { width: 32%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-6 { width: 40%; padding: 25px 10px; margin: 0 0 80px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-7 { width: 100%; padding: 25px 10px; margin: 0 0 80px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-8 { width: 60%; padding: 25px 10px; margin: 0 0 80px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-9 { width: 40%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-10 { width: 55%; padding: 25px 10px; margin: 0 0 80px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-11 { width: 45%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-12 { width: 40%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-13 { width: 60%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}

  .service-items-list .item-box-1 .icon, 
  .service-items-list .item-box-2 .icon, 
  .service-items-list .item-box-3 .icon, 
  .service-items-list .item-box-4 .icon, 
  .service-items-list .item-box-5 .icon, 
  .service-items-list .item-box-6 .icon, 
  .service-items-list .item-box-7 .icon, 
  .service-items-list .item-box-8 .icon, 
  .service-items-list .item-box-9 .icon, 
  .service-items-list .item-box-10 .icon, 
  .service-items-list .item-box-11 .icon, 
  .service-items-list .item-box-12 .icon, 
  .service-items-list .item-box-13 .icon
  { width: 100%;}
  .service-items-list .item-box-1 .icon img, 
  .service-items-list .item-box-2 .icon img, 
  .service-items-list .item-box-3 .icon img, 
  .service-items-list .item-box-4 .icon img, 
  .service-items-list .item-box-5 .icon img, 
  .service-items-list .item-box-6 .icon img, 
  .service-items-list .item-box-7 .icon img, 
  .service-items-list .item-box-8 .icon img, 
  .service-items-list .item-box-9 .icon img, 
  .service-items-list .item-box-10 .icon img, 
  .service-items-list .item-box-11 .icon img, 
  .service-items-list .item-box-12 .icon img, 
  .service-items-list .item-box-13 .icon img
  { width: 111px; height: auto; margin: 0 auto;}
  .service-items-list .item-box-1 .text, 
  .service-items-list .item-box-2 .text, 
  .service-items-list .item-box-3 .text, 
  .service-items-list .item-box-4 .text, 
  .service-items-list .item-box-5 .text, 
  .service-items-list .item-box-6 .text, 
  .service-items-list .item-box-7 .text, 
  .service-items-list .item-box-8 .text, 
  .service-items-list .item-box-9 .text, 
  .service-items-list .item-box-10 .text, 
  .service-items-list .item-box-11 .text, 
  .service-items-list .item-box-12 .text, 
  .service-items-list .item-box-13 .text
  { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .service-items-list .item-box-1 .text .title, 
  .service-items-list .item-box-2 .text .title, 
  .service-items-list .item-box-3 .text .title, 
  .service-items-list .item-box-4 .text .title, 
  .service-items-list .item-box-5 .text .title, 
  .service-items-list .item-box-6 .text .title, 
  .service-items-list .item-box-7 .text .title, 
  .service-items-list .item-box-8 .text .title, 
  .service-items-list .item-box-9 .text .title, 
  .service-items-list .item-box-10 .text .title, 
  .service-items-list .item-box-11 .text .title, 
  .service-items-list .item-box-12 .text .title, 
  .service-items-list .item-box-13 .text .title
  { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700; text-align: center;}
  .service-items-list .item-box-1 .text .title span.en, 
  .service-items-list .item-box-2 .text .title span.en, 
  .service-items-list .item-box-3 .text .title span.en, 
  .service-items-list .item-box-4 .text .title span.en, 
  .service-items-list .item-box-5 .text .title span.en, 
  .service-items-list .item-box-6 .text .title span.en, 
  .service-items-list .item-box-7 .text .title span.en, 
  .service-items-list .item-box-8 .text .title span.en, 
  .service-items-list .item-box-9 .text .title span.en, 
  .service-items-list .item-box-10 .text .title span.en, 
  .service-items-list .item-box-11 .text .title span.en, 
  .service-items-list .item-box-12 .text .title span.en, 
  .service-items-list .item-box-13 .text .title span.en
  { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-1 .text ul.list, 
  .service-items-list .item-box-2 .text ul.list, 
  .service-items-list .item-box-3 .text ul.list, 
  .service-items-list .item-box-4 .text ul.list, 
  .service-items-list .item-box-5 .text ul.list, 
  .service-items-list .item-box-6 .text ul.list, 
  .service-items-list .item-box-7 .text ul.list, 
  .service-items-list .item-box-8 .text ul.list, 
  .service-items-list .item-box-9 .text ul.list, 
  .service-items-list .item-box-10 .text ul.list, 
  .service-items-list .item-box-11 .text ul.list, 
  .service-items-list .item-box-12 .text ul.list, 
  .service-items-list .item-box-13 .text ul.list
  { padding: 0 0 0 22px; margin: 0 auto; list-style: none; display: block;}
  .service-items-list .item-box-1 .text ul.list li, 
  .service-items-list .item-box-2 .text ul.list li, 
  .service-items-list .item-box-3 .text ul.list li, 
  .service-items-list .item-box-4 .text ul.list li, 
  .service-items-list .item-box-5 .text ul.list li, 
  .service-items-list .item-box-6 .text ul.list li, 
  .service-items-list .item-box-7 .text ul.list li, 
  .service-items-list .item-box-8 .text ul.list li, 
  .service-items-list .item-box-9 .text ul.list li, 
  .service-items-list .item-box-10 .text ul.list li, 
  .service-items-list .item-box-11 .text ul.list li, 
  .service-items-list .item-box-12 .text ul.list li,
  .service-items-list .item-box-13 .text ul.list li 
  { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em; text-indent: -22px;}
  .service-items-list .item-box-1 .text ul.list li::before, 
  .service-items-list .item-box-2 .text ul.list li::before, 
  .service-items-list .item-box-3 .text ul.list li::before, 
  .service-items-list .item-box-4 .text ul.list li::before, 
  .service-items-list .item-box-5 .text ul.list li::before, 
  .service-items-list .item-box-6 .text ul.list li::before, 
  .service-items-list .item-box-7 .text ul.list li::before, 
  .service-items-list .item-box-8 .text ul.list li::before, 
  .service-items-list .item-box-9 .text ul.list li::before, 
  .service-items-list .item-box-10 .text ul.list li::before, 
  .service-items-list .item-box-11 .text ul.list li::before, 
  .service-items-list .item-box-12 .text ul.list li::before, 
  .service-items-list .item-box-13 .text ul.list li::before 
  { content: "∴ ";}
  

  /************ section #page-lease ************/

  /*section#page-lease { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}*/

  .page-lease-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-lease-content .lease-infor { width: 100%; padding: 40px; margin: 0 auto 60px auto; font-size: 1.2em; line-height: 1.8em; border-radius: 30px; background-color: #B3DEE5; box-sizing: border-box;}
  .page-lease-content .lease-infor .lease-doc-dw-bt { clear: both; width: 200px; margin: 20px 0 0 0;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a { width: 100%; padding: 3px 0; color: #fff; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a:hover { background-color: #ea980c;}
  .page-lease-content .qa-title { clear: both; width: 100%; padding: 8px 10px; color: #B3DEE5; font-size: 1.2em; font-weight: 600; line-height: 1.2em; background-color: #31525B; box-sizing: border-box;}
  .page-lease-content .qa-content { clear: both; width: 100%; padding: 20px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-lease-content .qa-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-lease-content .qa-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}
  .page-lease-content .qa-content .note-text { clear: both; width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px #ccc solid; box-sizing: border-box;}
  
  ul.ch-num { padding: 0 0 0 35px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  ul.ch-num li { padding: 0; margin: 0;}

  ul.num { padding: 0 0 0 24px; margin: 0; list-style-type: decimal; display: block;}
  ul.num li { padding: 0; margin: 0;}

  ul.disc {  padding: 0 0 0 24px; margin: 0; list-style-type: disc; display: block;}
  ul.disc li { padding: 0; margin: 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-lease { clear: both; width: 100%; padding: 0 0 60px 0;}
  
  .lease-top-infor-box { width: 100%; padding: 0 40px; background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .lease-top-infor-box img.infor-pic { width: 480px; height: auto; margin: 60px auto;}
  .lease-top-infor-box .infor-content { width: 90%; margin: 0 auto; font-size: 1.2em; font-weight: 600; line-height: 1.6em; box-sizing: border-box;}
  .lease-top-infor-box .infor-content img.title { width: 170px; height: auto;}
  .lease-top-infor-box .infor-content span.title { color: #002c69; font-size: 1.6em; line-height: 2em;}
  .lease-top-infor-box .infor-content span.blue { color: #002c69;}
  .lease-top-infor-box .infor-content .download-bt { clear: both; width: 220px; margin: 20px 0 0 0;}
  .lease-top-infor-box .infor-content .download-bt a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.4rem; font-weight: 400; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .lease-top-infor-box .infor-content .download-bt a:hover { background-color: #ea980c;}

  .lease-qa-box-1 { clear: both; width: 100%; padding: 70px 40px; box-sizing: border-box; background-image: url("../images/lease_qa_bg1.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 2;}
  .lease-qa-box-1 .title { width: 100%;}
  .lease-qa-box-1 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-1 .qa-content { width: 100%; margin: 20px 0 0 0; position: relative; z-index: 2;}
  .lease-qa-box-1 .qa-content ul.cn-num { padding: 0 0 0 40px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  .lease-qa-box-1 .qa-content ul.cn-num li { padding: 0; margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400;}
  .lease-qa-box-1 .qa-content ul.cn-num li::content { font-weight: 600;}
  .lease-qa-box-1 .qa-content ul.cn-num li span.sub { font-weight: 600;}
  .lease-qa-box-1 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-2 { clear: both; width: 100%; padding: 40px 40px; box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 3;}
  .lease-qa-box-2 .title { width: 100%;}
  .lease-qa-box-2 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-2 .qa-content { width: 100%; padding: 0 0 0 10px; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400; box-sizing: border-box;}
  .lease-qa-box-2 .qa-content a { color: #002c69; border-bottom: 1px #002c69 dashed; text-decoration: none;}

  .lease-qa-box-3 { clear: both; width: 100%; padding: 70px 40px; box-sizing: border-box; background-image: url("../images/lease_qa_bg2.jpg"); background-size: 1920px auto; background-position: left top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 4;}
  .lease-qa-box-3 .title { width: 100%;}
  .lease-qa-box-3 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-3 .qa-content { width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; z-index: 2;}
  .lease-qa-box-3 .qa-content .icon { width: 30px; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .text { width: calc(100% - 30px);}
  .lease-qa-box-3 .qa-content .text span.strong { font-weight: 600; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .text span.strong2 { color: #666; font-weight: 600; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .notice { width: 100%; margin: 20px 0 0 0;}
  .lease-qa-box-3 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-4 { clear: both; width: 100%; padding: 40px 40px; box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 5;}
  .lease-qa-box-4 .qa-content { width: 100%; font-size: 1.1em; line-height: 1.6em; font-weight: 400; box-sizing: border-box;}


  /************ section #page-contact ************/

  section#page-contact { clear: both; width: 100%; padding: 80px; box-sizing: border-box;}

  .page-contact-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-contact-content .map-pic { width: 100%; margin: 0 0 60px 0;}
  .page-contact-content .map-pic img { width: 100%; height: auto;}
  .page-contact-content .address-infor { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-contact-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-contact-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}


  /************ section #page-trends ************/

  section#page-trends { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-trends-content { clear: both; width: 90%; margin: 80px auto 0 auto;}

  .page-trends-list { clear: both; width: 100%; padding: 10px; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; box-sizing: border-box;}
  .page-trends-list .icon { width: 40px; font-size: 1.2em;}
  .page-trends-list .article-subject { width: calc(100% - 140px);}
  .page-trends-list .article-subject a { color: #414141; font-size: 1.1em; line-height: 1.2em; text-decoration: none;}
  .page-trends-list .article-subject a:hover { color: #FFA101;}
  .page-trends-list .article-date { width: 100px; font-size: 0.9em; text-align: right;}

  .trends-article { clear: both; width: 100%; margin: 0 0 80px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .trends-article .icon { width: 50px; font-size: 1.4em;}
  .trends-article .subject { width: calc(100% - 50px); margin: 0 0 20px 0; font-size: 1.4em; font-weight: 600; line-height: 1.2em;}
  .trends-article .date { clear: both; width: 100%; font-size: 0.9em; text-align: right;}
  .trends-article .content { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2em; line-height: 1.8em;}
  .trends-article .content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .trends-article .content img { max-width: 100%; height: auto;}


  /************ section #page-links ************/

  section#page-links { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-links-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-links-content ul.links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-links-content ul.links-list li { width: 50%; padding: 0 10px; margin: 0 0 15px 0; box-sizing: border-box;}
  .page-links-content ul.links-list li a { color: #414141; font-size: 1.2em; text-decoration: none;}
  .page-links-content ul.links-list li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-sitemap-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-sitemap-content ul.sitemap { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .page-sitemap-content ul.sitemap li { padding: 0; margin: 0 15px 30px 15px;}
  .page-sitemap-content ul.sitemap li a { color: #414141; font-size: 1.4em; font-weight: 600; text-decoration: none;}
  .page-sitemap-content ul.sitemap li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-error404 ************/

  section#page-error404 { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-error404-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-error404-content .style-title-1 { width: 100%; margin: 0 0 40px 0; font-size: 4em; font-weight: 700; text-align: center;}
  .page-error404-content .style-title-2 { width: 100%; font-size: 1.8em; font-weight: 500; text-align: center;}
  .page-error404-content .goback-bt { clear: both; width: 180px; margin: 80px auto 0 auto;}
  .page-error404-content .goback-bt a { width: 100%; padding: 8px 0; color: #414141; font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none; border-radius: 10px; background-color: #FFA101; display: block;}
  .page-error404-content .goback-bt a:hover { color: #fff;}
  

  /************ footer ************/

  footer { clear: both; width: 100%; background-color: #ededed;}

  #gotop-bt { width: 140px; height: 50px; margin: 0 auto 65px auto; position: relative; cursor: pointer;}
  #gotop-bt .triangle { border-right: 70px solid #ededed; border-left: 70px solid #ededed; border-top: 50px solid #c8c8c8; display: inline-block;}
  #gotop-bt span.top { width: 140px; padding: 7px 0 0 0; color: #fff; font-size: 1em; font-weight: 600; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; left: 0;}

  .footer-nav { clear: both; width: 100%; margin: 0 0 80px 0;}
  .footer-nav ul.ft-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .footer-nav ul.ft-menu li { padding: 0; margin: 0 15px 30px 15px;}
  .footer-nav ul.ft-menu li a { color: #414141; font-size: 1.1rem; font-weight: 600; text-decoration: none;}
  .footer-nav ul.ft-menu li a:hover { border-bottom: 1px #414141 solid;}

  .footer-social-icon { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: center;}
  .footer-social-icon img { margin: 0 5px;}

  .line-qrcode { margin: 0 40px 40px 40px;}
  .line-qrcode img { width: 130px; height: auto; margin: 0 auto;}

  .footer-infor { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .footer-infor .infor { margin: 0 35px 80px 35px; text-align: center;}
  .footer-infor .infor span.title { font-size: 1.1em; font-weight: 600;}
  .footer-infor .infor span.text { font-size: 0.9em;}

  .copyright-box { clear: both; width: 100%; padding: 30px 0; font-size: 0.8em; text-align: center; background-color: #fff;}


}

@media screen and (max-width: 767px) {

  /************ aside icon ************/

  aside.aside-icon { width: 60px; position: fixed; top: 300px; right: 0; z-index: 998;}
  aside.aside-icon .icons { width: 56px; padding: 3px 0 5px 0; color: #fff; font-size: 3em; line-height: 1em; text-align: center; background-color: #FFA101; cursor: pointer;}
  aside.aside-icon .qrcode { clear: both; width: 200px; margin: -60px 65px 0 0; float: right; display: none;}
  aside.aside-icon .qrcode img { width: 100%; height: auto;}


  /************ header + nav (index) ************/

  header#index { clear: both; width: 100%; height: 120vw; overflow: hidden;}

  img.hp-banner { width: 260%; height: auto; margin: 0 0 0 -130%; z-index: 1;}
  img.hp-title { display: none;}
  img.hp-title-mo { width: 80vw; height: auto; position: absolute; top: 30vw; left: calc(50% - 40vw);}

  .social-icon { width: 200px; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 20px; right: 80px;}
  .social-icon .icon-bt { width: 40px; height: 40px; margin: 0 0 0 10px;}
  .social-icon .icon-bt img { width: 100%; height: auto;}

  .nav-open-icon { width: 50px; color: #FFA101; font-size: 2.4em; text-align: right; position: absolute; top: 8px; right: 15px;}

  nav#pc { display: none;}

  nav#mo { width: 320px; background-color: rgba(255,161,1,0.8); position: absolute; top: 0; right: -320px; z-index: 999; display: none;}
  nav#mo .nav-close-icon { width: 50px; color: #fff; font-size: 2.4em; text-align: center; float: right;}
  nav#mo ul.index-nav { clear: both; width: 100%; padding: 20px 40px; margin: 0; box-sizing: border-box; list-style: none; display: block;}
  nav#mo ul.index-nav li { width: 100%; padding: 0; margin: 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid;}
  nav#mo ul.index-nav li:last-child { border-bottom: 0;}
  nav#mo ul.index-nav li a { width: 100%; padding: 20px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; box-sizing: border-box; display: block;}
  nav#mo ul.index-nav li a span.en { font-size: 0.9rem;}

  ul.index-nav-mo { clear: both; width: 100%; padding: 0; margin: 0; background-color: #FFA101; list-style: none; display: flex; justify-content: center;}
  ul.index-nav-mo li { width: 50%; padding: 0; margin: 0;}
  ul.index-nav-mo li a { width: 100%; padding: 30px 0; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  ul.index-nav-mo li a span.en { font-size: 0.9rem;}


  /************ header + nav (page) ************/

  header#page { width: 100%; height: 90px; padding: 0 10px; border-bottom: 1px #ededed solid; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

  .header-page-logo { width: calc(100% - 50px - 100px);}
  .header-page-logo img { width: 180px; height: auto;}

  .page-nav-open-icon { width: 50px; color: #FFA101; font-size: 2.4em; text-align: right; cursor: pointer;}

  nav#page-pc { display: none;}

  nav#page-mo { width: 320px; background-color: rgba(255,161,1,0.9); position: absolute; top: 0; right: -320px; z-index: 999; display: none;}
  nav#page-mo .page-nav-close-icon { width: 50px; color: #fff; font-size: 2.4em; text-align: center; float: right;}
  nav#page-mo ul.page-nav { clear: both; width: 100%; padding: 20px 40px; margin: 0; box-sizing: border-box; list-style: none; display: block;}
  nav#page-mo ul.page-nav li { width: 100%; padding: 0; margin: 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid;}
  nav#page-mo ul.page-nav li:last-child { border-bottom: 0;}
  nav#page-mo ul.page-nav li a { width: 100%; padding: 20px; color: #fff; font-size: 1.2em; font-weight: 600; line-height: 1.2em; text-align: center; text-decoration: none; box-sizing: border-box; display: block;}
  nav#page-mo ul.page-nav li a span.en { font-size: 0.9rem;}

  .page-social-icon { width: 100px; display: flex; justify-content: center; align-items: center;}
  .page-social-icon .icon-bt { width: 30px; height: auto; margin: 5px 0 0 10px;}
  .page-social-icon .icon-bt img { width: 100%; height: auto;}


  /************ section #hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 320% auto; background-position: center top; position: relative; z-index: 1;}

  .hp-title { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title span.ch { color: #fff; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title span.en { padding: 0 0 8px 0; color: #fff; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-about-content { clear: both; width: 100%; margin: 60px 0 30px 0; color: #fff; font-size: 1.2em; line-height: 1.6em; text-align: center;}
  
  .more-bt { clear: both; width: 100%; margin: 0 auto; text-align: center;}
  .more-bt a { color: #fff; font-size: 0.9em; text-decoration: none;}
  .more-bt a:hover { color: #B3DEE5;}


  /************ section #hp-news ************/

  section#hp-news { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  .hp-title-2 { width: 200px; margin: 0 auto; text-align: center;}
  .hp-title-2 span.ch { color: #414141; font-size: 2em; font-weight: 600; line-height: 1.4em;}
  .hp-title-2 span.en { padding: 0 0 8px 0; color: #414141; font-size: 1.2em; font-weight: 500; line-height: 1em; border-bottom: 4px #FFA101 solid;}

  .hp-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-news-list .news-box { width: calc(100% / 1); padding: 20px; border: 1px #fff solid; box-sizing: border-box;}
  .hp-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .hp-news-list .news-box a { color: #414141; text-decoration: none;}
  .hp-news-list .news-box .pic { width: 100%;}
  .hp-news-list .news-box .pic img { width: 100%; height: auto;}
  .hp-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .hp-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .hp-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


  /************ section #hp-service ************/

  section#hp-service { clear: both; width: 100%; padding: 120px 20px; background-color: #FAE6B1; box-sizing: border-box;}

  .hp-service-infor { width: 100%; margin: 80px 0 40px 0; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .hp-service-infor .infor-box { margin: 0 10px 40px 10px;}
  .hp-service-infor .infor-box .icon { width: 200px; height: 200px; margin: 0 auto 20px auto; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .hp-service-infor .infor-box .icon img.icon-1 { width: auto; height: 120px;}
  .hp-service-infor .infor-box .icon img.icon-2 { width: 130px; height: auto;}
  .hp-service-infor .infor-box .text { width: 200px; margin: 0 auto; font-size: 1.4em; font-weight: 600; text-align: center;}

  .more-bt-2 { clear: both; width: 100%; margin: 0 auto; text-align: center;}
  .more-bt-2 a { color: #FFA101; font-size: 0.9em; text-decoration: none;}
  .more-bt-2 a:hover { color: #31525B;}


  /************ #breadcrumb-path ************/

  #breadcrumb-path { clear: both; width: 100%; padding: 40px 20px; color: #31525B; font-size: 0.9em; box-sizing: border-box;}
  #breadcrumb-path a { color: #31525B; text-decoration: none;}
  #breadcrumb-path a:hover { border-bottom: 1px #31525B solid;}


  /************ section #page-about #page-about-people ************/

  section#page-about { clear: both; width: 100%; padding: 80px 0 60px 0; background-image: url("../images/page_about_bg.jpg"); background-repeat: no-repeat; background-size: 360% auto; background-position: center top;}

  .page-about-content { clear: both; width: 100%; margin: 120px 0 50px 0; color: #fff; font-size: 1.4em; line-height: 1.8em; text-align: center;}

  section#page-about-people { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  .about-people-infor { clear: both; width: 100%; margin: 120px 0 50px 0;}
  .about-people-infor .about-text { clear: both; width: 100%; margin: 0 0 60px 0; font-size: 1.2em; line-height: 2em; text-align: center;}
  .about-people-infor .people-column { width: 100%; position: relative;}
  .about-people-infor .people-column:nth-child(2) { margin: 0 0 60px 0;}
  .about-people-infor .people-column .photo-box { width: 100%;}
  .about-people-infor .people-column .photo { width: 300px; height: 360px; margin: 0 auto; border: 1px #ccc solid; box-sizing: border-box; overflow: hidden;}
  .about-people-infor .people-column .photo img { width: 100%; height: auto;}
  .about-people-infor .people-column .name { width: 300px; padding: 10px; margin: 0 auto; color: #fff; font-size: 1.4em; font-weight: 600; text-align: center; background-color: #FFA101; box-sizing: border-box; position: relative; z-index: 2;}
  .about-people-infor .people-column .name span.eng { font-size: 1rem; font-weight: 400;}
  .about-people-infor .people-column .infor-box { width: 100%; height: calc(100% - 240px - 60px); padding: 60px 40px; margin: -25px 0 0 0; color: #414141; font-size: 1.2em; line-height: 1.2em; text-align: left; background-color: #FAE6B1; box-sizing: border-box; z-index: 1;}
  .about-people-infor .people-column .infor-box ul.expe-list { width: 100%; padding: 0 0 0 24px; margin: 0; list-style: square; display: block;}
  .about-people-infor .people-column .infor-box ul.expe-list li { padding: 10px 0; margin: 0;}

  /*-------- new (2022/04/07) --------*/
  .page-about-banner { clear: both; width: 100%; position: relative; overflow: hidden;}
  .page-about-banner img.about-banner { width: 200%; height: auto; margin: 0 0 0 -50%;}
  .page-about-banner .about-banner-text { width: 70vw; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 6vw; right: 2vw;}
  .page-about-banner .about-banner-text .logo { width: 15vw;}
  .page-about-banner .about-banner-text .logo img { width: 100%; height: auto;}
  .page-about-banner .about-banner-text .text { padding: 0 0 0 1vw; margin: 0 0 0 0.7vw; font-size: 3vw; font-weight: 400; line-height: 4.8vw; border-left: 1px #eb6100 solid; box-sizing: border-box;}
  .page-about-banner .about-banner-text .text span.big-blue { color: #083973; font-size: 3.2vw; line-height: 4.8vw; font-weight: 600;}

  .page-about-people-intro { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box; overflow: hidden;}
  .page-about-people-intro img.about-title { width: 275px; height: auto; margin: 0 auto;}
  .page-about-people-intro .title-text { clear: both; width: 100%; margin: 20px 0 40px 0; color: #083973; text-align: center;}
  .page-about-people-intro .title-text span.cn { font-size: 1.6em; font-weight: 700;}
  .page-about-people-intro .title-text span.en { font-size: 1.3em; font-weight: 400;}
  .page-about-people-intro .about-people-box { clear: both; width: 100%; margin: 0 0 40px 0;}
  .page-about-people-intro .about-people-box .photo-name { display: none;}
  .page-about-people-intro .about-people-box .photo-name-mo { width: 100%;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-1 { width: 500px; max-width: 100%; height: auto; margin: 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-2 { width: 500px; max-width: 100%; height: auto; margin: -26vw auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo img.people-3 { width: 500px; max-width: 100%; height: auto; margin: -26vw auto 0 auto;}
  .page-about-people-intro .about-people-box .photo-name-mo .name { clear: both; width: 300px; padding: 5px 0; margin: 0 auto; color: #fff; text-align: center; border-radius: 10px; background-color: #003366;}
  .page-about-people-intro .about-people-box .photo-name-mo .name span.cn { font-size: 1.8em; font-weight: 700;}
  .page-about-people-intro .about-people-box .photo-name-mo .name span.en { font-size: 1.2em;}
  .page-about-people-intro .about-people-box .experience-list { width: 100%; margin: 0 auto;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list { width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none; display: block;}
  .page-about-people-intro .about-people-box .experience-list ul.exp-list li { width: 100%; padding: 10px 20px; margin: 0; color: #666; font-size: 1.2em; line-height: 1.4em; border-bottom: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .page-about-people-intro .about-people-box .experience-list .note { width: 100%; padding: 10px 0 0 45px; color: #666; font-size: 1.2em; font-weight: 400; box-sizing: border-box;}

  .page-about-people-intro img.about-people-bg { clear: both; width: 200%; height: auto; margin: 0 0 0 -50%;}


  /************ section #page-news ************/

  .banner-box { clear: both; width: 100%; height: 30vw; overflow: hidden;}
  .banner-box img { width: 140%; height: auto; margin: 0 0 0 -20%;}

  section#page-news { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  .page-news-list { clear: both; width: 100%; margin: 80px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-news-list .news-box { width: calc(100% / 1); padding: 20px; border: 1px #fff solid; box-sizing: border-box;}
  .page-news-list .news-box:hover { border: 1px #ccc solid; box-sizing: border-box;}
  .page-news-list .news-box a { color: #414141; text-decoration: none;}
  .page-news-list .news-box .pic { width: 100%;}
  .page-news-list .news-box .pic img { width: 100%; height: auto;}
  .page-news-list .news-box .date { width: 100%; padding: 10px 0; color: #FFA101; font-size: 0.9em; text-align: right;}
  .page-news-list .news-box .title { width: 100%; color: #31525B; font-size: 1.2em; font-weight: 600; line-height: 1.1em;}
  .page-news-list .news-box .text { width: 100%; padding: 10px 0 0 0; font-size: 1em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

  .page-news-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-news-content .date { width: 100%; padding: 20px 0; color: #FFA101; font-size: 0.9em; text-align: center;}
  .page-news-content .title { width: 100%; color: #31525B; font-size: 1.4em; font-weight: 600; line-height: 1.1em; text-align: center;}
  .page-news-content .pic { width: 100%; margin: 40px 0;}
  .page-news-content .pic img { width: 100%; height: auto;}
  .page-news-content .content { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-news-content .content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 solid;}
  .page-news-content .content img { max-width: 100%; height: auto;}

  .goback-bt { clear: both; width: 120px; margin: 60px auto 0 auto;}
  .goback-bt a { width: 100%; padding: 8px 0; color: #B3DEE5; font-size: 1.1em; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #31525B; display: block; cursor: pointer;}


  /************ section #page-service ************/

  /*section#page-service { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}*/

  .page-service-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-service-content .text { width: 100%; font-size: 1.1em; line-height: 2em;}
  .page-service-content .text span.style-big { padding: 0 15px 3px 15px; color: #B3DEE5; font-size: 1.4rem; font-weight: 600; line-height: 2.4em; background-color: #31525B;}

  .service-item-list { clear: both; width: 100%; margin: 60px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .service-item-list .item-box { width: calc(100% / 1); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}
  .service-item-list .item-box2 { width: calc(100% / 1); padding: 0 10px 20px 10px; box-sizing: border-box;}
  .service-item-list .item-box2 .title { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; background-color: #41bcf5;}
  .service-item-list .item-box2 .text { width: 100%; background-color: #dff2fb; background-image: url("../images/service_list_bg.png"); background-repeat: repeat; background-position: -40px -40px;}
  .service-item-list .item-box2 .text ul.service-item { width: 100%; padding: 20px 20px 20px 44px; margin: 0; font-size: 1rem; line-height: 1.2em; list-style: square; box-sizing: border-box; display: block;}
  .service-item-list .item-box2 .text ul.service-item li { padding: 0; margin: 0 0 12px 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-service { clear: both; width: 100%;}

  .service-top-infor-box { width: 100%; padding: 0 20px; background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .service-top-infor-box img.infor-pic { width: 445px; max-width: 100%; height: auto; margin: 60px auto;}
  .service-top-infor-box .infor-content { width: 100%;}
  .service-top-infor-box .infor-content img.title { width: 115px; height: auto;}
  .service-top-infor-box .infor-content .infor-box { width: 100%; padding: 20px 0 0 15px; font-size: 1.1em; font-weight: 600; line-height: 1.6em; border-left: 1px #e84a00 solid; box-sizing: border-box;}
  .service-top-infor-box .infor-content .infor-box span.title { color: #002c69; font-size: 1.6rem; line-height: 1em;}
  .service-top-infor-box .infor-content .infor-box span.blue { color: #002c69;}

  .service-items-list { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box; background-image: url("../images/service_item_bg.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .service-items-list .item-box-1 { width: 100%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-2 { width: 100%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-3 { width: 100%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-4 { width: 100%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-5 { width: 100%; padding: 25px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-6 { width: 100%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-7 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-8 { width: 100%; padding: 25px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-9 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-10 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-11 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  .service-items-list .item-box-12 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; box-sizing: border-box;}
  .service-items-list .item-box-13 { width: 100%; padding: 25px 10px; margin: 0 0 30px 0; border-radius: 16px; background-color: #fff; box-sizing: border-box; -moz-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); -webkit-box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1); box-shadow:4px 4px 12px 4px rgba(33,138,218,0.1);}
  
  .service-items-list .item-box-1 .icon, 
  .service-items-list .item-box-2 .icon, 
  .service-items-list .item-box-3 .icon, 
  .service-items-list .item-box-4 .icon, 
  .service-items-list .item-box-5 .icon, 
  .service-items-list .item-box-6 .icon, 
  .service-items-list .item-box-7 .icon, 
  .service-items-list .item-box-8 .icon, 
  .service-items-list .item-box-9 .icon, 
  .service-items-list .item-box-10 .icon, 
  .service-items-list .item-box-11 .icon, 
  .service-items-list .item-box-12 .icon, 
  .service-items-list .item-box-13 .icon
  { width: 100%;}
  .service-items-list .item-box-1 .icon img, 
  .service-items-list .item-box-2 .icon img, 
  .service-items-list .item-box-3 .icon img, 
  .service-items-list .item-box-4 .icon img, 
  .service-items-list .item-box-5 .icon img, 
  .service-items-list .item-box-6 .icon img, 
  .service-items-list .item-box-7 .icon img, 
  .service-items-list .item-box-8 .icon img, 
  .service-items-list .item-box-9 .icon img, 
  .service-items-list .item-box-10 .icon img, 
  .service-items-list .item-box-11 .icon img, 
  .service-items-list .item-box-12 .icon img, 
  .service-items-list .item-box-13 .icon img
  { width: 111px; height: auto; margin: 0 auto;}
  .service-items-list .item-box-1 .text, 
  .service-items-list .item-box-2 .text, 
  .service-items-list .item-box-3 .text, 
  .service-items-list .item-box-4 .text, 
  .service-items-list .item-box-5 .text, 
  .service-items-list .item-box-6 .text, 
  .service-items-list .item-box-7 .text, 
  .service-items-list .item-box-8 .text, 
  .service-items-list .item-box-9 .text, 
  .service-items-list .item-box-10 .text, 
  .service-items-list .item-box-11 .text, 
  .service-items-list .item-box-12 .text, 
  .service-items-list .item-box-13 .text
  { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .service-items-list .item-box-1 .text .title, 
  .service-items-list .item-box-2 .text .title, 
  .service-items-list .item-box-3 .text .title, 
  .service-items-list .item-box-4 .text .title, 
  .service-items-list .item-box-5 .text .title, 
  .service-items-list .item-box-6 .text .title, 
  .service-items-list .item-box-7 .text .title, 
  .service-items-list .item-box-8 .text .title, 
  .service-items-list .item-box-9 .text .title, 
  .service-items-list .item-box-10 .text .title, 
  .service-items-list .item-box-11 .text .title, 
  .service-items-list .item-box-12 .text .title, 
  .service-items-list .item-box-13 .text .title
  { width: 100%; margin: 0 0 5px 0; color: #083973; font-size: 1.4em; font-weight: 700; text-align: center;}
  .service-items-list .item-box-1 .text .title span.en, 
  .service-items-list .item-box-2 .text .title span.en, 
  .service-items-list .item-box-3 .text .title span.en, 
  .service-items-list .item-box-4 .text .title span.en, 
  .service-items-list .item-box-5 .text .title span.en, 
  .service-items-list .item-box-6 .text .title span.en, 
  .service-items-list .item-box-7 .text .title span.en, 
  .service-items-list .item-box-8 .text .title span.en, 
  .service-items-list .item-box-9 .text .title span.en, 
  .service-items-list .item-box-10 .text .title span.en, 
  .service-items-list .item-box-11 .text .title span.en, 
  .service-items-list .item-box-12 .text .title span.en, 
  .service-items-list .item-box-13 .text .title span.en
  { font-size: 1.1rem; line-height: 1rem;}
  .service-items-list .item-box-1 .text ul.list, 
  .service-items-list .item-box-2 .text ul.list, 
  .service-items-list .item-box-3 .text ul.list, 
  .service-items-list .item-box-4 .text ul.list, 
  .service-items-list .item-box-5 .text ul.list, 
  .service-items-list .item-box-6 .text ul.list, 
  .service-items-list .item-box-7 .text ul.list, 
  .service-items-list .item-box-8 .text ul.list, 
  .service-items-list .item-box-9 .text ul.list, 
  .service-items-list .item-box-10 .text ul.list, 
  .service-items-list .item-box-11 .text ul.list, 
  .service-items-list .item-box-12 .text ul.list, 
  .service-items-list .item-box-13 .text ul.list
  { padding: 0 0 0 22px; margin: 0 auto; list-style: none; display: block;}
  .service-items-list .item-box-1 .text ul.list li, 
  .service-items-list .item-box-2 .text ul.list li, 
  .service-items-list .item-box-3 .text ul.list li, 
  .service-items-list .item-box-4 .text ul.list li, 
  .service-items-list .item-box-5 .text ul.list li, 
  .service-items-list .item-box-6 .text ul.list li, 
  .service-items-list .item-box-7 .text ul.list li, 
  .service-items-list .item-box-8 .text ul.list li, 
  .service-items-list .item-box-9 .text ul.list li, 
  .service-items-list .item-box-10 .text ul.list li, 
  .service-items-list .item-box-11 .text ul.list li, 
  .service-items-list .item-box-12 .text ul.list li,
  .service-items-list .item-box-13 .text ul.list li 
  { padding: 0; margin: 15px 0; color: #083973; font-size: 1.1em; font-weight: 400; line-height: 1.2em; text-indent: -22px;}
  .service-items-list .item-box-1 .text ul.list li::before, 
  .service-items-list .item-box-2 .text ul.list li::before, 
  .service-items-list .item-box-3 .text ul.list li::before, 
  .service-items-list .item-box-4 .text ul.list li::before, 
  .service-items-list .item-box-5 .text ul.list li::before, 
  .service-items-list .item-box-6 .text ul.list li::before, 
  .service-items-list .item-box-7 .text ul.list li::before, 
  .service-items-list .item-box-8 .text ul.list li::before, 
  .service-items-list .item-box-9 .text ul.list li::before, 
  .service-items-list .item-box-10 .text ul.list li::before, 
  .service-items-list .item-box-11 .text ul.list li::before, 
  .service-items-list .item-box-12 .text ul.list li::before, 
  .service-items-list .item-box-13 .text ul.list li::before 
  { content: "∴ ";}


  /************ section #page-lease ************/

  /*section#page-lease { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}*/

  .page-lease-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-lease-content .lease-infor { width: 100%; padding: 40px 20px; margin: 0 auto 60px auto; font-size: 1.2em; line-height: 1.8em; border-radius: 30px; background-color: #B3DEE5; box-sizing: border-box;}
  .page-lease-content .lease-infor .lease-doc-dw-bt { clear: both; width: 200px; margin: 20px 0 0 0;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a { width: 100%; padding: 3px 0; color: #fff; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .page-lease-content .lease-infor .lease-doc-dw-bt a:hover { background-color: #ea980c;}
  .page-lease-content .qa-title { clear: both; width: 100%; padding: 8px 10px; color: #B3DEE5; font-size: 1.2em; font-weight: 600; line-height: 1.2em; background-color: #31525B; box-sizing: border-box;}
  .page-lease-content .qa-content { clear: both; width: 100%; padding: 20px 10px; font-size: 1.1em; line-height: 1.8em; box-sizing: border-box;}
  .page-lease-content .qa-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-lease-content .qa-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}
  .page-lease-content .qa-content .note-text { clear: both; width: 100%; padding: 10px; margin: 20px 0 0 0; border: 1px #ccc solid; box-sizing: border-box;}
  
  ul.ch-num { padding: 0 0 0 35px; margin: 0; list-style-type: cjk-ideographic; display: block;}
  ul.ch-num li { padding: 0; margin: 0;}

  ul.num { padding: 0 0 0 24px; margin: 0; list-style-type: decimal; display: block;}
  ul.num li { padding: 0; margin: 0;}

  ul.disc {  padding: 0 0 0 24px; margin: 0; list-style-type: disc; display: block;}
  ul.disc li { padding: 0; margin: 0;}


  /*-------- new (2022/04/07) --------*/
  section#page-lease { clear: both; width: 100%; padding: 0 0 60px 0;}
  
  .lease-top-infor-box { width: 100%; padding: 0 20px; background-image: url("../images/lease_infor_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: right top; box-sizing: border-box; position: relative; z-index: 1;}
  .lease-top-infor-box img.infor-pic { width: 480px; max-width: 100%; height: auto; margin: 60px auto;}
  .lease-top-infor-box .infor-content { clear: both; width: 100%; margin: 0 auto; font-size: 1.2em; font-weight: 600; line-height: 1.6em; box-sizing: border-box;}
  .lease-top-infor-box .infor-content img.title { width: 170px; height: auto; margin: 0 0 20px 0;}
  .lease-top-infor-box .infor-content span.title { color: #002c69; font-size: 1.6em;}
  .lease-top-infor-box .infor-content span.blue { color: #002c69;}
  .lease-top-infor-box .infor-content .download-bt { clear: both; width: 220px; margin: 20px 0 0 0;}
  .lease-top-infor-box .infor-content .download-bt a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.4rem; font-weight: 400; text-align: center; text-decoration: none; border-radius: 20px; background-color: #FFA101; display: block;}
  .lease-top-infor-box .infor-content .download-bt a:hover { background-color: #ea980c;}

  .lease-qa-box-1 { clear: both; width: 100%; padding: 70px 20px; box-sizing: border-box; background-image: url("../images/lease_qa_bg1.jpg"); background-size: 1920px auto; background-position: right top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 2;}
  .lease-qa-box-1 .title { width: 100%;}
  .lease-qa-box-1 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-1 .qa-content { width: 100%; margin: 20px 0 0 0; position: relative; z-index: 2;}
  .lease-qa-box-1 .qa-content ul.cn-num { padding: 0 0 0 40px; margin: 0; list-style-type: cjk-ideographic; display: inline;}
  .lease-qa-box-1 .qa-content ul.cn-num li { padding: 0; margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400;}
  .lease-qa-box-1 .qa-content ul.cn-num li::content { font-weight: 600;}
  .lease-qa-box-1 .qa-content ul.cn-num li span.sub { font-weight: 600;}
  .lease-qa-box-1 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-2 { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 3;}
  .lease-qa-box-2 .title { width: 100%;}
  .lease-qa-box-2 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-2 .qa-content { width: 100%; padding: 0 0 0 10px; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400; box-sizing: border-box;}
  .lease-qa-box-2 .qa-content a { color: #002c69; border-bottom: 1px #002c69 dashed; text-decoration: none;}

  .lease-qa-box-3 { clear: both; width: 100%; padding: 70px 20px; box-sizing: border-box; background-image: url("../images/lease_qa_bg2.jpg"); background-size: 1920px auto; background-position: left top; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 4;}
  .lease-qa-box-3 .title { width: 100%;}
  .lease-qa-box-3 .title span { padding: 5px 15px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 8px; background-color: #002c69;}
  .lease-qa-box-3 .qa-content { width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.8em; font-weight: 400; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; z-index: 2;}
  .lease-qa-box-3 .qa-content .icon { width: 30px; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .text { width: calc(100% - 30px);}
  .lease-qa-box-3 .qa-content .text span.strong { font-weight: 600; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .text span.strong2 { color: #666; font-weight: 600; line-height: 1.8em;}
  .lease-qa-box-3 .qa-content .notice { width: 100%; margin: 20px 0 0 0;}
  .lease-qa-box-3 img.lease-qa-bg-bt { width: 1920px; height: auto; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: 1;}

  .lease-qa-box-4 { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box; background-repeat: no-repeat; position: relative; z-index: 5;}
  .lease-qa-box-4 .qa-content { width: 100%; font-size: 1.1em; line-height: 1.6em; font-weight: 400; box-sizing: border-box;}


  /************ section #page-contact ************/

  section#page-contact { clear: both; width: 100%; padding: 80px 30px; box-sizing: border-box;}

  .page-contact-content { clear: both; width: 100%; margin: 80px 0 0 0;}
  .page-contact-content .map-pic { width: 100%; margin: 0 0 60px 0;}
  .page-contact-content .map-pic img { width: 100%; height: auto;}
  .page-contact-content .address-infor { width: 100%; font-size: 1.1em; line-height: 1.8em;}
  .page-contact-content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .page-contact-content a:hover { color: #FFA101; border-bottom: 1px #FFA101 solid;}


  /************ section #page-trends ************/

  section#page-trends { clear: both; width: 100%; padding: 120px 20px; box-sizing: border-box;}

  .page-trends-content { clear: both; width: 100%; margin: 80px auto 0 auto;}

  .page-trends-list { clear: both; width: 100%; padding: 10px; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; flex-wrap: wrap; box-sizing: border-box;}
  .page-trends-list .icon { width: 40px; font-size: 1.2em;}
  .page-trends-list .article-subject { width: calc(100% - 40px);}
  .page-trends-list .article-subject a { color: #414141; font-size: 1.1em; line-height: 1.2em; text-decoration: none;}
  .page-trends-list .article-subject a:hover { color: #FFA101;}
  .page-trends-list .article-date { clear: both; width: 100%; margin: 10px 0 0 0; font-size: 0.9em; text-align: right;}

  .trends-article { clear: both; width: 100%; margin: 0 0 80px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .trends-article .icon { width: 50px; font-size: 1.4em;}
  .trends-article .subject { width: calc(100% - 50px); margin: 0 0 20px 0; font-size: 1.4em; font-weight: 600; line-height: 1.2em;}
  .trends-article .date { clear: both; width: 100%; font-size: 0.9em; text-align: right;}
  .trends-article .content { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2em; line-height: 1.8em;}
  .trends-article .content a { color: #414141; border-bottom: 1px #414141 solid; text-decoration: none;}
  .trends-article .content img { max-width: 100%; height: auto;}


  /************ section #page-links ************/

  section#page-links { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-links-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-links-content ul.links-list { width: 100%; padding: 0; margin: 0; list-style: none;}
  .page-links-content ul.links-list li { width: 100%; padding: 0 10px; margin: 0 0 15px 0; box-sizing: border-box;}
  .page-links-content ul.links-list li a { color: #414141; font-size: 1.2em; text-decoration: none;}
  .page-links-content ul.links-list li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 120px 40px; box-sizing: border-box;}

  .page-sitemap-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-sitemap-content ul.sitemap { width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .page-sitemap-content ul.sitemap li { padding: 0; margin: 0 0 30px 0;}
  .page-sitemap-content ul.sitemap li a { color: #414141; font-size: 1.4em; font-weight: 600; text-decoration: none;}
  .page-sitemap-content ul.sitemap li a:hover { border-bottom: 1px #414141 solid;}


  /************ section #page-error404 ************/

  section#page-error404 { clear: both; width: 100%; padding: 120px 20px; box-sizing: border-box;}

  .page-error404-content { clear: both; width: 100%; margin: 80px auto 0 auto;}
  .page-error404-content .style-title-1 { width: 100%; margin: 0 0 40px 0; font-size: 4em; font-weight: 700; text-align: center;}
  .page-error404-content .style-title-2 { width: 100%; font-size: 1.8em; font-weight: 500; text-align: center;}
  .page-error404-content .goback-bt { clear: both; width: 180px; margin: 80px auto 0 auto;}
  .page-error404-content .goback-bt a { width: 100%; padding: 8px 0; color: #414141; font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none; border-radius: 10px; background-color: #FFA101; display: block;}
  .page-error404-content .goback-bt a:hover { color: #fff;}


  /************ footer ************/

  footer { clear: both; width: 100%; padding: 0 20px 60px 20px; box-sizing: border-box; background-color: #ededed;}

  #gotop-bt { width: 140px; height: 50px; margin: 0 auto 65px auto; position: relative; cursor: pointer;}
  #gotop-bt .triangle { border-right: 70px solid #ededed; border-left: 70px solid #ededed; border-top: 50px solid #c8c8c8; display: inline-block;}
  #gotop-bt span.top { width: 140px; padding: 7px 0 0 0; color: #fff; font-size: 1em; font-weight: 600; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; left: 0;}

  .footer-nav { clear: both; width: 100%; margin: 0 0 20px 0;}
  .footer-nav ul.ft-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .footer-nav ul.ft-menu li { padding: 0; margin: 0 15px 30px 15px;}
  .footer-nav ul.ft-menu li a { color: #414141; font-size: 1.1rem; font-weight: 600; text-decoration: none;}
  .footer-nav ul.ft-menu li a:hover { border-bottom: 1px #414141 solid;}

  .footer-social-icon { clear: both; width: 100%; margin: 0 0 40px 0; display: flex; justify-content: center;}
  .footer-social-icon img { margin: 0 5px;}

  .line-qrcode { margin: 0 0 40px 0;}
  .line-qrcode img { width: 150px; height: auto; margin: 0 auto;}

  .footer-infor { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .footer-infor .infor { margin: 0 30px 30px 30px; text-align: center;}
  .footer-infor .infor span.title { font-size: 1.1em; font-weight: 600;}
  .footer-infor .infor span.text { font-size: 0.9em;}

  .copyright-box { clear: both; width: 100%; padding: 30px 0; font-size: 0.8em; text-align: center; background-color: #fff;}

}