
@media screen and (min-width: 1153px) {
  .share .ico:hover {
    background-position: center bottom;
  }

  .f-cta .addr:hover .aico {
    background-position: -156px -24px;
  }

  .f-cta .tel:hover .aico {
    background-position: -132px -24px;
  }

  .f-cta .email:hover .aico {
    background-position: -132px -72px;
  }

  .footer a:hover {
    color: #f08336;
  }

  .fixctas a:hover .aico {
    -webkit-animation: phoneRotate .5s 3;
    animation: phoneRotate .5s 3;
  }

  .ihn-a:hover .nowti {
    color: #f08336;
  }

  .ihn-arrow .slick-prev:hover {
    background-position: -24px -66px;
  }

  .ihn-arrow .slick-next:hover {
    background-position: 0px -90px;
  }

  .ipd-more .ib:hover:before {
    left: 0;
    right: auto;
    width: 100%;
    width: 0;
  }

  .ip-arrow:hover {
    width: 115px;
  }

  .ip-arrow:hover .line {
    width: 100%;
  }

  .ip-arrow.ip-prev:hover {
    margin-right: -86px;
  }

  .ip-arrow.ip-next:hover {
    right: 90px;
  }

  .id-arrow-box>div:hover:before {
    width: 100%;
  }

  .iac-line-hover:hover .line-3,
  .iac-line-hover:hover .line-1 {
    width: 100%;
  }

  .iac-line-hover:hover .line-2,
  .iac-line-hover:hover .line-4 {
    height: 100%;
  }

  .iac-a:hover .bl-cover {
    background: rgba(0, 0, 0, 0.8);
  }

  .iac-a:hover .iac-ti .aw {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .inwi-a:hover .bl-cover {
    opacity: 1;
    visibility: visible;
  }

  .inwi-a:hover .inw-plus {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }

  .inwx-a:hover .nowti {
    color: #002395;
  }

  .pnav a:hover {
    background: #f08336;
  }

  .ab-me-a:hover .txts {
    background: #f08336;
  }

  .ab-cc-a:hover .txts {
    background: #f08336;
    color: #fff;
  }

  .ab-cc-a:hover .date {
    color: #fff;
    border-color: #fff;
  }

  .ab-cc-a:hover .nowti {
    color: #fff;
  }

  .his-arrow .slick-arrow:hover {
    background-color: #002395;
  }

  .search-box .btn:hover {
    background: #002395;
  }

  .news-a:hover .nw-date {
    background-color: #002395;
  }

  .news-a:hover .ipd-more .ib {
    color: #f08336;
  }

  .news-a:hover .ipd-more .ib:before {
    left: 0;
    right: auto;
    width: 100%;
    background: #f08336;
  }

  .news-a:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }

  .pager a:hover {
    background: #002395;
    border-color: #002395;
    color: #fff;
  }

  .ab-more:hover {
    background: #002395;
    border-color: #002395;
  }

  .nd-back .swt:hover {
    color: #002395;
  }

  .pjc-a:hover .txts {
    opacity: 1;
    visibility: visible;
  }

  .pjc-a:hover .ti1 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }

  .pjc-a:hover .pjc-la {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  .pi-cta a:hover {
    color: #f08336;
  }

  .pi-cta a:hover .ico {
    background-color: #f08336;
    background-position: center bottom;
  }

  .pjc-cha-list li:hover .ico {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  }

  .pjc-nav a:hover {
    background: #002395;
    color: #fff;
  }

  .not-a:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }

  .not-a:hover .not-date {
    background-color: #f08336;
  }

  .pjc-cta-list a:hover .ico {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: #f08336;
    background-position: center bottom;
  }

  .par-a:hover .nowti {
    color: #f08336;
  }

  .par-a:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }

  .study-a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }

  .study-a:hover .txts {
    background: #fff;
  }

  .study-a:hover .nowti {
    color: #333;
  }

  .study-a:hover .btn {
    background-color: #f08336;
    color: #fff;
  }

  .sc-ti .more:hover {
    background: #f08336;
  }

  .sc-a:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  }

  .sc-a:hover .tx1,
  .sc-a:hover .more {
    color: #f08336;
  }

  .scs-list a:hover {
    color: #f08336;
  }

  .ri-list a:hover {
    background: #fff;
  }

  .cn-a:hover .nw-date {
    background: #002395;
  }

  .cta-list a:hover {
    color: #f08336;
  }

  .cf-btn:hover {
    background: #002395;
  }

  .ly-prev:hover {
    background-color: #002395;
    background-position: right top;
  }

  .ly-next:hover {
    background-color: #002395;
    background-position: left bottom;
  }

  .ly-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 1680px) {
  .ipd-a .right form {
    margin-top: 30px;
  }

  .ipd-a .right button {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1640px) {
  .ipd-a .right p.other {
    text-align: center;
    margin: 0 0 15px;
  }

  .container {
    min-height: 720px;
  }

  .pbtxts .ch,
  .banner .ch {
    font-size: 50px;
  }

  .pbtxts .en {
    font-size: 36px;
  }

  .ipd-ti .ch {
    font-size: 42px;
  }

  .ipd-a .nowti {
    font-size: 25px;
  }

  .ipy-a .ti {
    font-size: 24px;
  }

  .ix1,
  .ix2,
  .ix3 {
    padding-bottom: 155px;
  }

  .ipd-ti .en {
    font-size: 20px;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 15%;
  }

  .pbanner .pnav,
  .pbanner .pbtxts {
    bottom: 25%;
  }

  .ab1 {
    padding: 140px 0 160px 0;
  }

  .jdctt {
    height: 668px;
    margin-top: -334px;
  }

  .jd-tx .freeTx {
    height: 320px;
  }

  .jd-cta {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1440px) {
  .ipd-a .left {
    width: 49%;
}
.ipd-a .left .iac-list {
  margin-left: -10px;
}
  .ipd-a .right form {
    margin-top: 10px;
  }

  .ipd-a .right button {
    margin-top: 20px;
  }

  .iac-list {
    margin-left: -25px;
  }

  .iac-list .iac-a {
    margin-left: 25px;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 14%;
  }

  .pw {
    width: 1280px;
  }

  .study-a .nowti {
    margin-top: 30px;
  }

  .study-a .btn {
    bottom: 25px;
  }

  .cta-form .cf-c {
    width: 595px;
  }

  .pbanner-box .pjc-intro-box {
    margin-left: -640px;
  }

  .pjc-cha-list .pa {
    padding: 0 30px;
  }

  .pjc1 {
    padding-bottom: 160px;
  }

  .ly-next,
  .ly-close {
    right: 5%;
  }

  .ly-prev {
    left: 5%;
  }
}

@media screen and (max-width: 1366px) {
  .container {
    min-height: 600px;
  }

  .ix-pa {
    padding-left: 80px;
    padding-right: 80px;
  }

  .banner .slick-dots {
    right: 80px;
  }

  .banner-box .scroll-down {
    left: 80px;
  }

  .ix-hot-new {
    right: 80px;
  }

  .nav li>a {
    font-size: 15px;
    padding: 8px 0;
  }

  .header {
    height: 76px;
  }



  .header .nav {
    /* margin-top: 36px; */
  }

  .sheader .nav {
    margin-top: 18px;
  }

  .ix-hot-new {
    width: 466px;
    height: 260px;
  }

  .ihn-a .nowti {
    font-size: 14px;
    line-height: 56px;
  }

  .ihn-arrow .slick-arrow {
    bottom: 16px;
  }

  .pbtxts .ch,
  .banner .ch {
    font-size: 42px;
  }

  .pbtxts .en {
    font-size: 32px;
  }

  .pi-ti,
  .pjc-ti,
  .ipd-ti .ch {
    font-size: 36px;
  }

  .ipd-ti .en {
    font-size: 18px;
    margin-top: 5px;
  }

  .ipd-ti .line {
    width: 25px;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 13%;
  }

  .id-arrow-box,
  .ipd-a .w {
    width: 380px;
  }

  .iac-ti .aw {
    display: none;
  }

  .iac-a .pa {
    padding: 25px 20px 0 20px;
  }

  .iac-a .iac-ti {
    padding: 0 20px 35px 20px;
  }

  .ix-news-img {
    width: 240px;
  }

  .ix-news-tx {
    height: 412px;
  }

  .ipd-a .nowti {
    font-size: 15px;
  }

  .inwx-a {
    padding: 12px 0;
  }

  .ix-news-tx .inwx-a.f {
    margin-top: 25px;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }

  .ipy-a .ti {
    font-size: 20px;
  }

  .ix1,
  .ix2,
  .ix3 {
    padding-bottom: 135px;
  }

  .f-cta a+a {
    margin-left: 65px;
  }

  .par-list,
  .pjc-list,
  .ipy-list {
    margin-left: -25px;
  }

  .par-list .study-a,
  .pjc-list .pjc-a,
  .ipy-list .ipy-a {
    margin-left: 25px;
  }

  .par-list li,
  .pjc-list li {
    margin-bottom: 25px;
  }

  .pw {
    width: 1100px;
  }

  .pbanner .pbtxts {
    margin-bottom: 120px;
  }

  .ab1 {
    padding: 120px 0 140px 0;
  }

  .ab-his {
    padding: 0 100px;
  }

  .his-c .pa {
    padding: 0 40px;
  }

  .news-list,
  .ab-me-list,
  .ab-cc-list {
    margin-left: -30px;
  }

  .news-list .par-a,
  .news-list .news-a,
  .ab-me-list .ab-me-a,
  .ab-cc-list .ab-cc-a {
    margin-left: 30px;
  }

  .news-list li,
  .ab-cc-list li,
  .ab-me-list li {
    margin-bottom: 30px;
  }

  .ab4,
  .ab6,
  .ab5,
  .ab2 {
    padding-bottom: 100px;
  }

  .pb-h {
    height: 35px;
  }

  .nw1 {
    padding-bottom: 160px;
  }

  .pjc-a .linebox {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
  }

  .pjc-a .ti2 {
    font-size: 16px;
  }

  .scs-box .scs-list,
  .sc-a .txts {
    padding-left: 35px;
  }

  .sc-a .sc-date {
    right: 25px;
  }

  .scs-box .scs-list {
    padding-right: 25px;
  }

  .not-a .not-date {
    margin-right: 35px;
  }

  .cta-form .cf-c {
    width: 505px;
  }

  .cta2 .cta-form {
    margin-top: 105px;
  }

  .cta2 {
    padding-bottom: 145px;
  }

  .jdctt {
    height: 568px;
    margin-top: -284px;
  }

  .jd-tx {
    margin-top: 32px;
  }

  .jdctt .pa {
    padding: 50px 50px 0 50px;
  }

  .jd-tx .freeTx {
    height: 250px;
  }

  .hc-box .txts {
    margin-right: 50px;
    padding-top: 0;
  }

  .hc-box .freeTx {
    font-size: 14px;
    margin-top: 40px;
  }

  .cn-list {
    margin-left: -15px;
  }

  .cn-list .cn-a {
    margin-left: 15px;
  }

  .cn-list li {
    margin-bottom: 15px;
  }

  .pbanner-box .pjc-intro-box {
    margin-left: -550px;
  }

  .pjc-img-list .pic {
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
  }

  .pjc1 {
    padding-bottom: 140px;
  }

  #map {
    height: 450px;
  }

  .ly-main {
    width: 772px;
  }
}

@media screen and (max-width: 1281px) {
  .ipd-a .right button {
    margin-top: 10px;
  }

  .nav li+li {
    margin-left: 25px;
  }

  .nav li>a {
    font-size: 14px;
  }


  .pw {
    width: 1000px;
  }

  .par-list,
  .pjc-list,
  .news-list {
    margin-left: -15px;
  }

  .par-list .study-a,
  .news-list .par-a,
  .pjc-list .pjc-a,
  .news-list .news-a {
    margin-left: 15px;
  }

  .par-list li,
  .pjc-list li,
  .news-list li {
    margin-bottom: 15px;
  }

  .pjc-a .linebox {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .pjc-la {
    margin-left: -25px;
    width: 60px;
    height: 60px;
    font-size: 16px;
  }

  .pjc-la p {
    padding-top: 11px;
  }

  .study-a .nowti {
    font-size: 16px;
  }

  .study-a .btn {
    bottom: 20px;
  }

  .scs-box .pic,
  .sc-a .pic {
    width: 454px;
  }

  .sc-a .tx3 {
    display: none;
  }

  .sc-a .more {
    margin-top: 45px;
  }

  .sc-item .scs-list a {
    padding: 3px 0;
  }

  .cta-form .cf-c {
    width: 455px;
  }

  .cta2 .cta-form {
    margin-top: 85px;
  }

  .cta2 {
    padding-bottom: 125px;
  }

  .hc-box .txts {
    margin-right: 30px;
  }

  .ri-list {
    padding: 0 0 0 100px;
  }

  .pbanner-box .pjc-intro-box {
    margin-left: -500px;
  }

  .pjc-cha-list .pa {
    padding: 0 25px;
  }
}

@media screen and (max-width: 1201px) {
  .id-arrow-box {
    display: none;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 15%;
  }

  .ipd-a .w {
    width: 320px;
  }

  .notice-list,
  .iac-list {
    margin-left: -15px;
  }

  .notice-list .not-a,
  .iac-list .iac-a {
    margin-left: 15px;
  }

  .ipy-list {
    margin-left: -15px;
  }

  .ipy-list .ipy-a {
    margin-left: 15px;
  }

  .notice-list li {
    margin-bottom: 15px;
  }

  .iac-ti {
    font-size: 16px;
  }

  .iac-a .ico {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  .pi-ti,
  .pjc-ti,
  .ipd-ti .ch {
    font-size: 28px;
  }

  .ipd-ti .en {
    font-size: 16px;
  }

  .ipd-ti .line {
    width: 15px;
    margin-top: 15px;
  }

  .inwx-a.f .tx,
  .inwx-a.f .nowti {
    margin-right: 0;
  }

  .ipy-a .ti {
    font-size: 18px;
  }

  .pi-ti:before {
    height: 5px;
  }
}

@media screen and (max-width: 1153px) {
  .ipd-a .right select {
    margin-bottom: 10px;
  }

  .ipd-a .right button {
    margin-top: 0;
  }

  .ipd-a .right p.other {
    margin: 10px 0;
  }

  .ipd-a .pic2 {
    margin-right: 70px;
  }

  .ip-arrow.ip-next {
    right: 90px;
  }

  .pos-img-box .pic {
    margin-right: 70px;
  }

  .ly-next,
  .ly-close {
    right: 0;
  }

  .ly-prev {
    left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .ipd-a .right {
    width: 90%;
    padding: 30px 5%;
    margin-top: 20px;
    height: auto;
  }
  .ipd-a .left,
  .effect_left{
    display: none;
  }
.ipd-a .right p {
  font-size: 14px;
}
.iac-ti .en p {
  line-height: 20px;
  font-size: 12px;
}
.title h2 {
  font-size: 22px;
}
.title p {
  font-size: 14px;
}
  .vwrap .videobox {
    width: 700px;
    margin-left: -350px;
  }

  .pw {
    width: 90%;
  }

  .fixbg {
    background-attachment: scroll;
  }

  .menu-handler {
    display: block;
  }

  .mcv {
    display: block;
  }

  .pbtxts .line,
  .u-arrow-box,
  .ipn-num,
  .banner-box .scroll-down,
  .fixctas,
  .nav {
    display: none;
  }

  .header {
    height: auto;
  }

  .pbanner,
  .banner {
    margin-top: 60px;
  }

  .header,
  .header .logo,
  .header .logo .lg-1 {
    -webkit-transition: none;
    transition: none;
  }

.title {
  margin-bottom: 0px;
}
  .ix-pa {
    padding-left: 5%;
    padding-right: 5%;
  }

  .banner .slick-dots {
    right: 5%;
  }


  .pbanner .picbox {
    position: relative;
  }

  .banner .pic2 {
    position: static;
  }

  .ix-hot-new {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
  }

  .banner .slick-dots {
    left: 0;
    right: 0;
    top: auto;
    bottom: 5%;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
  }

  .banner .slick-dots li+li {
    margin-top: 0;
  }

  .banner .slick-dots li {
    display: inline-block;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #fff;
  }

  .banner .slick-dots li a {
    width: 100%;
    background: none;
  }

  .banner .slick-dots .slick-active {
    background: #f08336;
  }

  .banner .txts {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .ipd-a .pic2 {
    margin-right: 0;
  }

  .ip-arrow.ip-next {
    right: 20px;
  }

  .pos-img-box .pic {
    margin-right: 0;
  }

  .ix1 {
    padding-top: 130px;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 18%;
  }

  .ipd-a .w {
    width: 300px;
  }

  .iac-list {
    margin-left: -5px;
  }

  .iac-list .iac-a {
    margin-left: 5px;
  }

  .ipy-list {
    margin-left: -5px;
  }

  .ipy-list .ipy-a {
    margin-left: 5px;
  }

  .iac-a .pa {
    padding-left: 15px;
    padding-right: 15px;
  }

  .iac-a .iac-ti {
    padding: 0 15px 25px 15px;
  }

  .iac-ti {
    font-size: 14px;
  }

  .ix-news-img {
    width: 220px;
  }

  .ix-news-tx {
    height: 400px;
  }

  .ipd-a .nowti {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .ipd-a .desc {
    font-size: 14px;
}
  .inwx-a .date {
    font-size: 12px;
  }
  .ix2.about .ipd-a .tx {
    font-size: 14px;
}
.ipd-a .ipd-more {
  margin-top: 10px;
}
.ipd-a .img-w {
  margin-top: 15px;
}
.line-wrapper {
  display: none;
}
.container.bj .ix2 {
  padding-bottom: 35px;
}

  .inwx-a {
    padding: 8px 0;
  }

  .ipd-a .tx {
    margin-top: 10px;
    height: 48px;
    line-height: 24px;
    font-size: 12px;
  }
 
  .footer .friendship-link {
    display: none;
  }

  .pbanner .pbtxts {
    bottom: 50%;
    margin-bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  .pbanner .pnav {
    position: relative;
    bottom: 0;
  }

  .pnav {
    background: #002395;
  }

  .ab-ls .pic {
    width: 295px;
  }

  .ab-cp .l {
    margin-right: 65px;
  }

  .his-c .pa {
    padding: 0 50px;
  }

  .ab-me-list,
  .ab-cc-list {
    margin-left: -15px;
  }

  .ab-me-list .ab-me-a,
  .ab-cc-list .ab-cc-a {
    margin-left: 15px;
  }

  .ab-cc-list li,
  .ab-me-list li {
    margin-bottom: 15px;
  }

  .ab-cc-a .nowti {
    font-size: 16px;
  }

  .ab-me-a .nowti {
    font-size: 14px;
  }

  .ab-ti {
    font-size: 26px;
  }

  .ab1 {
    padding: 100px 0 120px 0;
  }

  .ab4 .ab-more {
    margin-top: 40px;
  }

  .pbanner .pic2 {
    -webkit-transform: none !important;
    transform: none !important;
  }

  .pb-h {
    height: 15px;
  }

  .nw1 {
    padding-bottom: 140px;
  }

  .news-list li {
    width: 33.33%;
  }

  .nd-box {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nw2 {
    margin-top: -60px;
  }

  .nd-box .t {
    height: auto;
    padding-bottom: 45px;
  }

  .par-list li {
    width: 50%;
  }

  .sc-a .sc-date {
    position: relative;
    top: 0;
    right: 0;
  }

  .sc-date {
    font-size: 12px;
    padding-left: 0;
    width: 100%;
    height: auto;
    background: none;
    color: #999;
  }

  .sc-date .y {
    margin-top: 0;
    font-size: 12px;
  }

  .sc-date .y i {
    display: inline;
  }

  .sc-date .d {
    position: static;
    font-size: 12px;
  }

  .sc-date span {
    display: inline;
  }

  .sc-a .more {
    margin-top: 35px;
  }

  .sc-a .tx2 {
    margin-top: 20px;
  }

  .sc-a .txts {
    padding-top: 25px;
  }

  .sc-a .w {
    max-width: 100%;
  }

  .not-a {
    padding: 35px 5% 0 5%;
  }

  .not-a .not-date {
    margin-right: 25px;
  }

  .cta1 #map {
    position: static;
    width: 100%;
    height: 480px;
    margin-top: 45px;
  }

  .cta1 {
    height: auto;
  }

  .cta1 .ab-ti {
    padding-top: 75px;
  }

  .cta1 .cta-list {
    margin-top: 45px;
  }

  .cta-form .cf-c {
    width: 49.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cta-form .l {
    width: 49.5%;
  }

  .cta-form .l .cf-c {
    width: 100%;
  }

  .cta-form .s-textarea {
    height: 198px;
  }

  .jdctt {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .jdctt .pa {
    padding: 50px 5% 100px 5%;
  }

  .jd-tx .freeTx {
    height: auto;
    overflow: hidden;
  }

  .jdbox .nd-close {
    display: block;
  }

  .nd-close {
    display: block;
  }

  .jdclose {
    display: none;
  }

  .hc-box .pic {
    display: none;
  }

  .hc-box .txts {
    float: none;
    margin-right: 0;
    width: 100%;
  }

  .job1 {
    padding: 90px 0;
  }

  .ri-list {
    padding: 0;
  }

  .job2 {
    padding-top: 90px;
  }

  .job3 {
    padding-bottom: 120px;
  }

  .cn-list li {
    width: 33.33%;
  }

  .job3 .cn-list li:nth-child(4n) {
    display: none;
  }

  .pbanner:after {
    display: none;
  }

  .pbanner-box .pjc-intro-box {
    position: relative;
    left: 0;
    bottom: 0;
    margin-left: 0;
  }

  .pjc-intro {
    width: 100%;
  }

  .pjc-intro .pa {
    padding: 35px 5%;
    min-height: 0;
  }

  .pjc1 {
    padding: 90px 0 120px 0;
  }

  .pjc3 .news-list li:nth-child(4) {
    display: none;
  }

  .nd-box .bs li:nth-child(2) {
    display: none;
  }

  .ihn-a .txts {
    padding-left: 5%;
  }

  .ly-tools {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  }

  .ly-main {
    width: 100%;
    min-height: 100%;
    background: #fff;
    margin-top: 60px;
  }

  .ly-close {
    right: 60px;
    width: 60px;
    height: 60px;
    background-color: #f08336;
  }

  .ly-prev,
  .ly-next {
    top: 0;
    margin-top: 0;
    width: 60px;
    height: 60px;
    background-size: 120px;
    background-color: #002395;
  }

  .ly-prev {
    left: auto;
    right: 120px;
    background-position: right top;
  }

  .ly-next {
    background-position: left bottom;
  }

  .ly-ctt {
    padding-left: 5%;
    padding-right: 5%;
    min-height: 100%;
  }
}

@media screen and (max-width: 861px) {

  .vwrap .videobox {
    width: 100%;
    left: 0;
    margin-left: 0;
  }

  .pbtxts .ch,
  .banner .ch {
    font-size: 36px;
  }

  .pbtxts .en {
    font-size: 26px;
  }

  .banner .en {
    font-size: 16px;
  }

  .ix1 .ipd-ti {
    position: relative;
    top: 0;
  }

  .ipd-a .img-w,
  .ipd-a .txts {
    float: none;
    width: 100%;
  }

  .ipd-a video {
    margin-top: 30px;
  }

  .ipd-box .pos-img-box {
    display: none;
  }

  .ipd-box .u-slick {
    position: relative;
  }

  .ipd-a .w {
    width: 440px;
    max-width: 100%;
  }

  .ipd-box .ip-arrow {
    display: none;
  }

  .ipd-list .ipd-a .txts {
    padding-top: 35px;
  }

  .ix1 .ipd-box {
    margin-top: 45px;
  }

  .id-arrow-box {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 55px;
  }

  .ix1,
  .ix2,
  .ix3 {
    padding-top: 80px;
    padding-bottom: 95px;
  }

  .ix3 .ipd-ti,
  .ix2 .ipd-ti {
    margin-bottom: 45px;
  }

  .ix3 .img-w,
  .ix2 .iac-list {
    margin-top: 35px;
  }

  .ipy-list li {
    float: none;
    width: 100%;
  }

  .ipy-list .ipy-a,
  .ipy-list {
    margin-left: 0;
  }

  .ipy-list li+li {
    margin-top: 40px;
  }

  .ipy-a .ti {
    font-size: 30px;
  }

  .pjc-nav li {
    padding: 0;
  }

  .pjc-nav {
    text-align: left;
  }

  .pjc-nav a {
    padding: 12px 28px;
    font-size: 14px;
  }

  .pjc-nav,
  .pnav {
    overflow: hidden;
    height: 48px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pnav a {
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
  }

  .pnav ul {
    text-align: left;
  }

  .ab-cp .l {
    float: none;
    width: 100%;
  }

  .ab-cp .pic {
    display: none;
  }

  .ab-cp .freeTx {
    margin-top: 45px;
  }

  .ab1 {
    padding: 75px 0 85px 0;
  }

  .ab4,
  .ab6,
  .ab5,
  .ab2 {
    padding-bottom: 85px;
  }

  .his-c .pa {
    padding-right: 0;
  }

  .ab-me-list li,
  .ab-cc-list li {
    width: 50%;
  }

  .ab4 .ab-cc-list li:nth-child(3) {
    display: none;
  }

  .ab-ls .pic {
    float: none;
    width: 464px;
    max-width: 100%;
    margin-bottom: 35px;
  }

  .ab-ls .ab-ti {
    margin-bottom: 45px;
  }

  .ab-his .his-c {
    position: relative;
  }

  .ab-his .item {
    float: none;
    width: 100%;
  }

  .his-c:before {
    top: 0;
  }

  .his-c .b {
    min-height: 0;
  }

  .his-c .tx+.tx {
    margin-top: 55px;
  }

  .ab-his .item:first-child .his-c:before {
    top: 10px;
  }

  .ab3 .ab-his {
    margin-top: 90px;
  }

  .ab-his {
    padding: 0;
  }

  .news-list li {
    width: 50%;
  }

  .nd-back .ab-more {
    position: relative;
    top: 0;
    margin: 30px 0 0 0;
  }

  .nd-back {
    padding-right: 0;
  }

  .nw2 {
    padding-bottom: 100px;
  }

  .pjc-list li {
    width: 33.33%;
  }

  .study-a .nowti {
    margin-top: 25px;
    font-size: 15px;
  }

  .scs-box .pic,
  .sc-a .pic {
    display: none;
  }

  .scs-box .scs-list,
  .sc-a .txts {
    padding: 30px 5%;
  }

  .scs-box {
    background: #fff;
  }

  .sc-ti .nowti {
    padding-left: 5%;
  }

  .notice-list li {
    width: 100%;
  }

  #map,
  .cta1 #map {
    height: 380px;
  }

  .cn-list li {
    width: 50%;
  }

  .job3 .cn-list li:nth-child(4n) {
    display: block;
  }

  .ri-list .r4 {
    display: none;
  }

  .ri-list .r1 {
    width: 32%;
  }

  .ri-list .r3,
  .ri-list .r2 {
    width: 25%;
  }

  .ri-list .r5 {
    width: 18%;
  }

  .ri-list .r1 .nowti {
    padding-left: 30px;
  }

  .pjc-img-list .pic:after {
    display: none;
  }

  .pjc-cha-list li {
    float: none;
    width: 100%;
  }

  .pjc-cha-list .pa {
    padding: 0;
  }

  .pjc-cha-list li+li {
    margin-top: 45px;
  }

  .pjc-img-list .pic {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }

  .pjc-img-list.his-arrow .slick-prev {
    left: 5%;
    margin-left: 0;
  }

  .pjc-img-list.his-arrow .slick-next {
    right: 5%;
    margin-right: 0;
  }

  .his-arrow .slick-arrow {
    background-color: rgba(1, 64, 153, 0.7);
  }

  .pjc2 {
    padding-bottom: 0;
  }

  .pjc3 .news-list li:nth-child(4) {
    display: block;
  }

  .pjc-cta-list li {
    display: block;
  }

  .pjc-cta-list li+li {
    margin: 45px 0 0 0;
  }

  .pjc-name .en {
    display: none;
  }

  .pjc-name .ch {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }

  .pjc-name {
    display: inline-block;
    vertical-align: bottom;
    min-height: 0;
    width: auto;
    white-space: nowrap;
    padding: 20px 40px;
  }

  .pjc-name-box {
    text-align: center;
  }

  .pjc2 {
    padding-top: 75px;
  }

  .pjc2 .pjc-cha-list {
    margin-top: 80px;
  }

  .pjc2 .u-slick-box {
    margin-top: 100px;
  }
}

@media screen and (max-width: 641px) {
  .vwrap .videobox {
    height: 350px;
    margin-top: -175px;
  }

  .page-line {
    display: none;
  }

  .pjc-name .ch,
  .pbtxts .ch,
  .banner .ch {
    font-size: 28px;
  }

  .pbtxts .en {
    font-size: 22px;
  }

  .banner .en {
    font-size: 14px;
  }

  .ipy-a .ti {
    font-size: 24px;
  }

  .ipy-list li+li {
    margin-top: 30px;
  }

  .f-cop a {
    display: block;
    margin-left: 0;
  }

  .pjc-list li {
    width: 50%;
  }

  .par-list li {
    width: 100%;
  }

  .study-a .nowti {
    margin-top: 40px;
    font-size: 18px;
  }

  .study-a .btn {
    bottom: 35px;
  }

  .pjc2 .pjc-cha-list {
    margin-top: 60px;
  }

  .pjc2 .u-slick-box {
    margin-top: 80px;
  }
}

@media screen and (max-width: 601px) {
  .ix-news-img {
    display: none;
  }

  .ipy-a .ti {
    font-size: 20px;
  }

  .ipy-list li+li {
    margin-top: 20px;
  }

  

  .pjc-name .ch,
  .pbtxts .ch,
  .banner .ch {
    font-size: 24px;
  }

  .pbtxts .en {
    font-size: 18px;
  }

  .ix-news-tx li {
    padding: 0 5%;
  }

  .pager .arrow {
    display: none;
  }

  .nw1 {
    padding-bottom: 100px;
  }

  .nw1 .pager {
    margin-top: 70px;
  }

  .cta-form #slider {
    float: none;
  }

  #slider {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cta-form .cf-btn {
    margin-left: 0;
    float: none;
    margin-top: 30px;
  }

  .cta-form .cf2 {
    margin-top: 6px;
  }
}

@media screen and (max-width: 481px) {
  .vwrap .videobox {
    height: 300px;
    margin-top: -150px;
  }

  .container {
    min-height: 400px;
  }

  .pbtxts .ch,
  .banner .ch {
    font-size: 20px;
  }

  .pbtxts .en {
    font-size: 16px;
    margin-top: 0;
  }

  .banner .en {
    font-size: 12px;
  }

  .ihn-arrow .slick-arrow {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }

  .ihn-arrow .slick-next {
    right: 12px;
  }

  .ihn-arrow .slick-prev {
    right: 42px;
  }

  .pjc2,
  .cta1 .ab-ti,
  .ab3 {
    padding-top: 50px;
  }

  .cta2,
  .pjc1,
  .pjc3,
  .nw1,
  .job1,
  .job2,
  .job3,
  .ab1,
  .ab4,
  .ab6,
  .ab5,
  .ab2,
  .ix1,
  .ix2,
  .ix3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pi-ti,
  .pjc-ti,
  .ipd-ti .ch {
    font-size: 24px;
  }

  .iac-list li {
    width: 50%;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .iac-a .pa {
    padding-top: 20px;
  }

  .ipy-a .ti {
    font-size: 16px;
  }

  .ipy-list li+li {
    margin-top: 15px;
  }

  .ix4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .f-cop a {
    display: inline;
    margin-left: 20px;
  }

  .ab-ti {
    font-size: 20px;
  }

  .his-c .tx+.tx {
    margin-top: 35px;
  }

  .his-c .b {
    padding-bottom: 45px;
  }

  .his-c .pa {
    padding-left: 35px;
  }

  .ab3 .ab-his {
    margin-top: 50px;
  }

  .ab-me-list li,
  .ab-cc-list li {
    width: 100%;
  }

  .ab-me-list,
  .ab-cc-list {
    margin-left: 0;
  }

  .ab-me-list .ab-me-a,
  .ab-cc-list .ab-cc-a {
    margin-left: 0;
  }

  .ab4 .ab-more {
    margin-top: 30px;
  }

  .ab4 .ab-cc-list,
  .ab6 .ab-me-list {
    margin-top: 45px;
  }

  .ab4 .ab-cc-list li:nth-child(3) {
    display: block;
  }

  .pb-h {
    display: none;
  }

  .nw1 .pager {
    margin-top: 30px;
  }

  .news-list li {
    width: 100%;
  }

  .search-box .btn {
    width: 84px;
    margin-left: 5px;
  }

  .search-box.smb {
    margin-bottom: 40px;
  }

  .search-box .slc {
    width: 200px;
  }

  .nd-box .ti {
    font-size: 20px;
  }

  .nd-box .t {
    padding-bottom: 25px;
    padding-top: 35px;
    margin-bottom: 30px;
  }

  .nd-box .freeTx {
    padding-bottom: 75px;
  }

  .nw2,
  .nd-box {
    padding-bottom: 55px;
  }

  .pjc-list li {
    width: 100%;
  }

  .study-a .nowti {
    margin-top: 25px;
    font-size: 15px;
  }

  .study-a .btn {
    bottom: 20px;
  }

  .scs-box .pic,
  .sc-a .pic {
    display: block;
    width: 100%;
  }

  .scs-box .scs-list,
  .sc-a .txts {
    padding-top: 20px;
  }

  .sc-ti .more {
    width: 74px;
  }

  .scs-list .date {
    font-size: 12px;
    width: 70px;
  }

  .sc-ti .nowti {
    font-size: 15px;
  }

  .pb-h2 {
    height: 15px;
  }

  .sc-a .tx1 {
    font-size: 16px;
  }

  .sc-list li+li {
    margin-top: 30px;
  }

  .not-a .ti2 {
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 10px;
  }

  .not-a .not-date {
    margin-right: 15px;
  }

  #map,
  .cta1 #map {
    height: 280px;
  }

  .cta2 .cta-form {
    margin-top: 45px;
  }

  .jdctt .pa {
    padding-bottom: 80px;
  }

  .nd-close {
    transform-origin: right top;
    -webkit-transform-origin: right top;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
  }

  .ri-list .r2 {
    display: none;
  }

  .ri-list .r1 .nowti {
    padding-left: 15px;
  }

  .ri-list .r1 {
    width: 40%;
  }

  .ri-list .r3 {
    width: 30%;
  }

  .ri-list .r5 {
    width: 30%;
  }

  .job2 .ri-list {
    margin-top: 45px;
  }

  .cn-list li {
    width: 100%;
    float: none;
  }

  .job3 .ab-ti {
    margin-bottom: 45px;
  }

  .job3 .cn-list {
    margin-bottom: 35px;
  }

  .pi-cta a {
    display: block;
    width: 100% !important;
    float: none;
  }

  .his-arrow .slick-prev {
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

  .his-arrow .slick-next {
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }

  .his-arrow .slick-arrow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  .pjc2 .u-slick-box {
    margin-top: 35px;
  }

  .pjc3 .notice-list,
  .pjc3 .news-list {
    margin-top: 35px;
  }

  .pjc-name {
    padding: 15px 30px;
  }

  .jd-list .tx2 {
    font-size: 20px;
  }

  .ihn-a .txts {
    padding-right: 70px;
  }

  .ly-ctt {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .ly-ab-ti {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .pjc2 .pjc-cha-list {
    margin-top: 35px;
  }
}

@media screen and (max-width: 321px) {
  .vwrap .videobox {
    height: 260px;
    margin-top: -130px;
  }

  .search-box .slc {
    width: 190px;
  }

  .menuBox {
    width: 260px;
  }

  #map,
  .cta1 #map {
    height: 220px;
  }
}