@media screen and (max-width: 1679px) {
  .w1600 {
    width: 80%;
  }
  .jr-list .jr-font h3 {
    top: 45%;
    transform: translate(-50%, -45%);
  }
  .jr-list .jr-font .jr-font-dec {
    top: 57%;
    transform: translate(-50%, -57%);
  }
  .jr-list .jr-more {
    top: 78%;
    transform: translate(-50%, -78%);
  }
}

/*当浏览器的可视区域小于1200px*/
@media screen and (max-width: 1200px) {
  .w1200 {
    width: 90%;
  }
  .btn-phone {
    display: block;
    width: 13%;
  }
  .mobile-nav-box ul li {
    position: relative;
  }
  .mobile-nav-box h3 a::after {
    display: none;
  }
  .cp-list .cp-slide .cp-slide-left {
    margin-right: 10px;
  }
  .jr-list .jr-more,
  .cp-list .cp-more,
  .kh-list .kh-list-ul .hk-more {
    background-size: 70%;
  }
  .jr-list .jr-font h3 {
    font-size: 30px;
  }
  .jr-list .jr-font .jr-font-dec {
    font-size: 16px;
    line-height: 26px;
  }
  .jr-list .jr-font h3 {
    top: 43%;
    transform: translate(-50%, -43%);
  }
  .mainer .cp-list-tit h3 {
    font-size: 30px;
    line-height: 38px;
  }
  .cp-list .cp-slide .cp-slide-font h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
  #search-form {
    width: 130%;
    top: 148%;
    right: 2px;
  }
  .kh-list .kh-list-ul .kh-font {
    width: 212px;
    padding: 25px 20px 25px 20px;
  }
  .kh-list .kh-list-ul li:hover .kh-font,
  .kh-list .kh-list-ul li.cur .kh-font {
    height: 280px;
  }
  .mainer .banner .swiper-container-horizontal > .swiper-pagination-bullets,
  .mainer .banner .swiper-pagination-custom,
  .mainer .banner .swiper-pagination-fraction {
    bottom: 20px;
  }
}
/*ipad pro*/
@media screen and (max-width: 1100px) {
  .cp-list {
    padding: 40px 0 20px 0px;
  }
  .mainer .cp-list-tit h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .cp-list .swiper-container {
    padding-bottom: 45px;
  }
  .cp-list .cp-list-btn .cp-list-btn {
    width: 80%;
  }
  .cp-list .cp-slide .cp-slide-font h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .cp-list .cp-slide .cp-slide-font {
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
  }
  .yd-list .yd-slide-btn {
    top: 80px;
  }
  .yd-list .yd-tit {
    margin-top: 40px;
  }
  .yd-list .yd-font .yd-font-tit {
    font-size: 16px;
    line-height: 22px;
  }
  .yd-list .yd-font .yd-font-dec {
    font-size: 13px;
    margin-top: 8px;
  }
  .yd-list .yd-font {
    padding: 13px;
  }
  .footer .foot-tel p {
    font-size: 26px;
  }
  .jr-list .jr-font h3 {
    font-size: 26px;
  }
  .jr-list .jr-font .jr-font-dec {
    font-size: 14px;
    line-height: 21px;
  }
  .kh-list .kh-list-ul .kh-cont h3,
  .kh-list .kh-list-ul .kh-font h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .kh-list .kh-list-ul li {
    padding: 0px;
  }
  .kh-list .kh-list-ul .kh-font h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .kh-list .kh-list-ul .kh-font .kh-dec {
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
    padding-bottom: 90px;
  }
  .kh-list .kh-list-ul .kh-font {
    height: auto;
    width: auto;
    opacity: 1;
    position: initial;
  }
  .kh-list .kh-list-ul .kh-cont {
    display: none;
  }
  .yd-list {
    padding: 40px 0 35px 0;
  }
  .kh-list {
    padding-bottom: 30px;
  }
  .kh-list .kh-list-ul .kh-icon img {
    width: 28%;
  }
  .kh-list .kh-list-ul {
    flex-wrap: wrap;
  }
  .kh-list .kh-list-ul li {
    width: 24.5%;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .kh-list .kh-list-ul li:nth-child(4n) {
    margin-right: 0px;
  }
  .mainer .banner .swiper-container-horizontal > .swiper-pagination-bullets,
  .mainer .banner .swiper-pagination-custom,
  .mainer .banner .swiper-pagination-fraction {
    bottom: 18px;
  }
}

/*ipad*/
@media screen and (max-width: 980px) {
  .footer .foot-right {
    text-align: center;
  }
  .mainer .cp-list-tit h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .cp-list .cp-list-btn {
    flex-wrap: wrap;
  }
  .mainer .cp-list-tit,
  .cp-list .cp-list-btn .cp-list-btn {
    width: 100%;
  }
  .cp-list .cp-list-btn .cp-list-btn {
    justify-content: flex-start;
    margin-top: 13px;
  }
  .cp-list .cp-slide .cp-slide-font h3 {
    font-size: 16px;
    line-height: 23px;
  }
  .cp-list .cp-slide .cp-slide-font dl dd {
    font-size: 13px;
    line-height: 21px;
  }
  .cp-list .cp-slide .cp-slide-left {
    margin-right: 7px;
  }
  .cp-list .cp-slide-right ul li {
    margin-bottom: 5px;
  }
  .mainer .banner .swiper-pagination-bullet,
  .cp-list .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
  }
  .cp-list .cp-list-cont {
    margin-top: 22px;
  }
  .cp-list {
    padding: 30px 0 8px 0px;
  }
  .cp-list .swiper-container {
    padding-bottom: 35px;
  }
  .yd-list .yd-font .yd-font-tit {
    font-size: 15px;
    line-height: 20px;
  }
  .yd-list .yd-font .yd-font-dec {
    font-size: 12px;
    margin-top: 5px;
  }
  .yd-list .yd-font time {
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
  }
  .kh-list .kh-list-ul .kh-cont h3,
  .kh-list .kh-list-ul .kh-font h3 {
    font-size: 17px;
    line-height: 25px;
  }
  .jr-list .jr-more,
  .cp-list .cp-more,
  .kh-list .kh-list-ul .hk-more {
    background-size: 60%;
  }
  .kh-list .kh-list-ul .kh-font h4 {
    font-size: 14px;
  }
  .kh-list .kh-list-ul li {
    width: 32.8%;
  }
  .kh-list .kh-list-ul li:nth-child(4n) {
    margin-right: 5px;
  }
  .kh-list .kh-list-ul li:nth-child(3n) {
    margin-right: 0px;
  }
  .yd-list {
    padding: 30px 0 25px 0;
  }
  .jr-list .jr-font h3 {
    font-size: 18px;
    line-height: 25px;
  }
  .jr-list .jr-font .jr-font-dec {
    font-size: 13px;
  }
  .jr-list .jr-font h3 {
    top: 42%;
    transform: translate(-50%, -42%);
  }
  .footer .w1200 {
    flex-wrap: wrap;
  }
  .footer .foot-left,
  .footer .foot-right {
    width: 100%;
  }
  .footer .foot-right {
    margin-top: 15px;
  }
  .footer .foot-tel p {
    font-size: 24px;
  }
  .footer .foot-dl-top dd,
  .footer .foot-dl-bot dd {
    text-align: left;
  }
  .footer {
    padding: 20px 0 30px 0;
  }
  .mainer .banner .swiper-container-horizontal > .swiper-pagination-bullets,
  .mainer .banner .swiper-pagination-custom,
  .mainer .banner .swiper-pagination-fraction {
    bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bannerimg01 {
    display: none;
  }
  .bannerimg02 {
    display: block;
  }
  .w1600 {
    width: 96% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .w1600 {
    width: 90% !important;
  }
}
@media screen and (max-width: 750px) {
  .headfixed .logo,
  .headfixed .logo1 {
    width: 100%;
  }
  .mainer .banner .swiper-container-horizontal > .swiper-pagination-bullets,
  .mainer .banner .swiper-pagination-custom,
  .mainer .banner .swiper-pagination-fraction {
    bottom: 5px;
  }
  .btn-search,
  .headfixed1 .btn-search {
    margin-right: 0px;
  }
  .btn-login a,
  .btn-login span,
  .cp-list .cp-list-btn .cp-list-btn li a {
    font-size: 13px;
  }
  .mainer .cp-list-tit h3 {
    font-size: 18px;
    line-height: 25px;
  }
  .cp-list {
    padding: 15px 0 8px 0px;
  }
  .cp-list .cp-list-btn .cp-list-btn li a {
    line-height: 23px;
    padding: 6px 3px;
  }
  .cp-list .cp-list-btn .cp-list-btn li {
    width: 23%;
    margin-right: 6px;
  }
  .cp-list .cp-list-btn .cp-list-btn {
    margin-top: 7px;
  }
  .cp-list .cp-slide .cp-slide-left,
  .cp-list .cp-slide .cp-slide-right,
  .yd-list .yd-list-left,
  .yd-list .yd-list-right {
    width: 100%;
  }
  .cp-list .cp-slide .cp-slide-right {
    margin-top: 5px;
  }
  .cp-list .cp-slide .cp-slide-font dl {
    margin-top: 2px;
  }
  .cp-list .cp-list-cont {
    margin-top: 16px;
  }
  .yd-list .w1200 {
    flex-wrap: wrap;
  }
  .yd-list {
    padding: 15px 0;
  }
  .yd-list .yd-slide-btn {
    top: 60px;
  }
  .yd-list .yd-tit {
    margin-top: 30px;
    line-height: 25px;
  }
  #search-form {
    width: 140%;
    top: 130%;
  }
  .kh-list .kh-list-ul .kh-cont h3,
  .kh-list .kh-list-ul .kh-font h3 {
    font-size: 16px;
  }
  .kh-list .kh-list-ul li {
    width: 100%;
    margin-right: 0px;
  }
  .kh-list .kh-list-ul li:nth-child(4n) {
    margin-right: 0px;
  }
  .kh-list .kh-list-ul .kh-font .kh-dec {
    padding-bottom: 30px;
  }
  .kh-list .kh-list-ul .hk-more {
    right: 12px;
    bottom: 15px;
  }
  .kh-list .kh-list-ul {
    margin-top: 13px;
  }
  .jr-list .jr-font h3 {
    font-size: 15px;
    line-height: 24px;
  }
  .jr-list .jr-font .jr-font-dec {
    line-height: 18px;
  }
  .jr-list .jr-font h3 {
    top: 17%;
    transform: translate(-50%, -17%);
  }
  .jr-list .jr-more {
    top: 88%;
    transform: translate(-50%, -88%);
  }
  .kh-list {
    padding-bottom: 15px;
  }
  .footer .foot-tel p {
    font-size: 20px;
  }
  .footer .foot-tel img {
    max-width: 24px;
    max-height: 24px;
  }
  .footer .foot-ul li {
    margin-right: 5px;
  }
  .footer .foot-ul {
    margin: 5px auto;
  }
  .footer .foot-dl-bot dd,
  .footer .foot-dl-top dd {
    font-size: 12px;
    line-height: 16px;
  }
  .footer .foot-dl-bot {
    margin-top: 5px;
  }
  .footer {
    padding: 10px 0 15px 0;
  }
  .mobile-nav-box {
    top: 56px;
  }
  .headfixed .mobile-nav-box > ul > li > h3 > a {
    font-size: 14px;
    padding: 1px 0;
  }
  .headfixed .mobile-nav-box > ul > li > h3 {
    padding: 0 15px;
  }
  .headfixed1 .mobile-nav-box > ul > li > h3 > i,
  .headfixed .mobile-nav-box > ul > li > h3 > i,
  .headfixed1 .mobile-nav-box .link-tit > i,
  .headfixed .mobile-nav-box .link-tit > i {
    right: 15px;
  }
  .headfixed1 .mobile-nav-box > ul > li > h3 > i::before,
  .headfixed .mobile-nav-box > ul > li > h3 > i::before,
  .headfixed1 .mobile-nav-box .link-tit > i::before,
  .headfixed .mobile-nav-box .link-tit > i::before {
    width: 8px;
    height: 8px;
  }
  .headfixed .mobile-nav-box .head-subnav {
    padding: 8px 15px;
  }
  .btn-login .login-img {
    width: 29px;
    height: 29px;
    background-size: 95%;
  }
  #search-form input {
    height: 45px;
  }
}
@media (max-width: 480px) {
  .kh-list .kh-list-ul .kh-font {
    padding: 10px;
  }
  .kh-list .kh-list-ul .kh-cont h3,
  .kh-list .kh-list-ul .kh-font h3 {
    font-size: 15px;
  }
  .jr-list .jr-bgm img {
    display: none;
  }
  .jr-list {
    background: url(../image/index/in-jrbgm.jpg);
    height: 200px;
    background-size: cover;
    background-position: center;
  }
  .footer .foot-ul {
    margin: 10px auto;
  }
  .footer {
    padding: 20px 0 20px 0;
  }
  .foot-dizhi dl {
    margin: 10px 0;
  }
}