@media only screen and (min-width:1200px) {
    .top .menu { position: relative; width: 100%; flex: 1; background: #fff; display: block !important; }
    .top .menu > ul { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
    .top .menu > ul > li > a { font-size: 16px; color: #333; line-height: 2; }
    .top .menu > ul > li { float: left; padding: 0px 15px; position: relative; }
    .top .menu > ul > li > a { font-size: 16px; color: #333333; transition: all 320ms linear; display: inline-block; }
    .top .menu > ul > li > a:hover { transform: scale(1.05); color: #002B62; transition: all 0.3s; }
    .top .menu > ul > li > a.cur { color: #7f7ae2; font-weight: bold; }
    .top .menu > ul > li dl { position: absolute; background: #fff; padding: 10px 20px; box-shadow: #666 0px 0px 5px; border-radius: 10px; transition: all 0.3s; opacity: 0; transform: translateY(30px); visibility: hidden; z-index: 1; }
    .top .menu > ul > li:hover dl { opacity: 1; transform: translateY(10px); visibility: visible; }
    .top .menu > ul > li dl:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); border: 1px #ddd solid; border-right: 0px; border-bottom: 0px; position: absolute; top: -7px; left: 20px; }
    .top .menu > ul > li dl dd { line-height: 30px; white-space: nowrap; }
    .top .menu > ul > li dl dd a:hover { color: #002B62; }
}



@media only screen and (max-width:1680px ) {
    .top { padding: 0px 30px; transition: all 0.5s; }
    .top { height: 85px; }
    .topbg { height: 85px; }

    .top .search { width: 250px; }
    .banner .link .swiper-pagination { right: 10px; }
    .banner #ban_swiper { height: calc(100vh - 85px); }
    .index_layer2 > ul { padding: 0px 30px; }

    .index_layer4 .box { padding: 0px 30px; }
    .index_layer4 .index_layer4_right { padding-left: 40px; }
    .index_layer5 .box { padding: 0px 30px; }
    .banner .link { left: 30px; }
    .index_layer5 .index_news .list dl.newslist dd a { padding-bottom: 20px; }
    .footer { padding: 0px 30px; }
    .footer .index_zhuanlan_swiper { width: 1100px; height:100px; }
    .footer .foot_menu .menu ul li { padding-left: 25px }
    .copyright { padding: 0px 30px; }
}

@media only screen and (max-width:1440px ) {
    .top .search { width: 220px; }
    .top { height: 85px; }
    .topbg { height: 85px; }
    .banner #ban_swiper { height: calc(100vh - 85px); }
    .top .menu > ul > li { padding: 0px 10px; }
    .index_layer2 .link a { left: 0px; }
    .index_layer2 .link a { margin-left: 10px; }
    .index_layer3 > ul > li div.list ul li a { width: 190px; }
    .index_layer4 .index_layer4_right { padding-left: 20px; }
    .index_zhuanjia_swiper { max-width: 680px; overflow: hidden; }
    .index_zhuanjia_swiper .swiper-slide a { padding: 0px 10px }
    .index_layer4_right_box dl { left: 360px; width: 650px }
    .index_layer5 .index_news .list { width: 400px; padding-right: 0px; }
    .index_layer5 ul li.right .list dl { padding: 18px 30px; }
    .footer .index_zhuanlan_swiper { width: 950px }
    .footer .foot_menu .menu ul li { padding-left: 10px }
    .index_layer5 ul li.right { width: 320px; }
    .index_layer5 .index_news .list dl.headimg { margin-bottom: 15px; }
    .index_zhuanjia_swiper .swiper-slide a img { height: 200px; }
}

@media only screen and (max-width:1340px ) {
    .top .search { width: 160px; }
}

@media only screen and (max-width:1280px ) {
    .box { min-width: 1200px; }
    .top { padding: 0px 10px; }
    .top .search .shbox { padding-left: 10px; }
    .top .search { width: 150px; }
    .banner .link .swiper-pagination { display: none; }

    .index_layer4_right_box { width: 250px; }
    .index_zhuanjia_swiper { max-width: 590px; }
    .index_layer4_right_box dl { left: 290px; width: 550px; }
    .index_layer4 { height: 680px; }
    .index_layer5 { height: 710px; padding: 35px 0px; }
    .footer { padding: 0px 10px; }
    .index_layer4_right_box p { height: 340px; }
    .index_layer4_right_box p img { height: 100%; }
    .footer .right { width: 300px; }
    .footer .right ul li.link dl { margin-left: 10px; padding: 18px 10px; height: auto; }
    .footer .right ul li.link dl dd b { font-size: 16px; }
    .footer .right ul li.ewm dl dd { padding: 10px; }
    .index_layer5 .index_news .list { width: 350px; }
    .index_layer5 .index_news .img { max-width: 510px; }
}

@media only screen and (max-width:1200px ) {
    .topbg { height: 80px; }
    .top { background: #fff; height: 80px; }
    .box { min-width: auto !important; }
    .top .search { display: none; }
    .top .logo { padding: 10px; }
    .menubg { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0px; background: #00000090; z-index: 2; }
    .top .menu { display: none; position: fixed; top: 90px; left: 10px; right: 10px; background: #ffffff; border-radius: 10px; }
    .top .menu:before { content: ''; display: block; position: absolute; top: -5px; right: 20px; background: #ffffff; width: 10px; height: 10px; transform: rotate(45deg); }
    /*    .top .menu::after { content: ''; display: block; position: absolute; top: -100px; right: -100px; left: -100px; bottom: -100px; background: #00000050; z-index: 1; }
*/ .top .menu ul { padding: 30px; }
    .top .menu ul > li { margin-bottom: 10px; }
    .top .menu ul > li > a { font-size: 16px; color: #7f7ae2; font-weight: bold; line-height: 1.5; }
    .top .menu ul > li > dl { overflow: hidden; }
    .top .menu ul > li > dl:before { content: ''; display: block; content: ''; border-bottom: 2px #2b8eb8 solid; margin-bottom: 5px; height: 2px; width: 16px; display: block; }
    .top .menu ul > li > dl dd { display: inline-block; padding-right: 20px; line-height: 2; }
    .banner .link { left: 0px; position: relative; bottom: 0px; }
    .banner .link a { margin: 0px; border-radius: 0px; }
    .banner .link a dl dt b { font-size: 18px; padding-left: 30px; }
    .banner .link a dl dd span { font-size: 12px; }
    .top .menubg.open { display: block; }
    .top .menu.open { display: block; }
    .m_nav_btn { display: block; top: 0px; right: 0px; }

    .banner #ban_swiper { height: 520px; }
    .banner #ban_swiper .swiper-pagination { bottom: 25px; text-align: center; }
    .banner #ban_swiper .swiper-slide .title dd b { font-size: 28px; }
    .banner #ban_swiper .swiper-slide .title dd span { font-size: 16px; }
    .banner #ban_swiper .swiper-slide .title dd { width: 400px; }
    .index_layer2 { height: auto; }
    .index_layer2 > ul > li { padding: 0px; padding-top: 50px; }
    .index_layer2 .about_title { padding: 10px 30px; }
    .index_layer2 .about_body { padding: 10px 30px; }
    .index_layer2 .about_count { padding: 10px 30px; }
    .index_layer2 .about_btn { margin: 30px auto; }
    .index_layer2 .link { position: initial; display: flex; }
    .index_layer3 > ul { }
    .index_layer3 > ul > li { opacity: 1; }
    .index_layer4 { height: 680px; }
    .index_layer4 .index_layer4_left dl { width: 200px; }
    .index_layer4_right_box dl { left: 290px; width: 400px; }
    .index_layer4_right_box p { height: 300px; }
    .index_layer4_right_box p img { height: 100%; }
    .index_layer4_left .btn { padding-top: 30px; }
    .index_layer4_right_box dl dt { font-size: 22px; }
    .index_zhuanjia_swiper { max-width: 500px; }
    .index_zhuanjia_swiper .swiper-slide a img { height: 160px; }
    .index_zhuanjia_swiper .swiper-slide .icon{width: 20px;height: auto;}
    .index_layer5 .index_news .img { display: none; }
    .index_layer5 .index_news .list { flex: 1; }

    .index_layer5 .index_news .list .headerimgbox { display: block; }



    .headerimgswiper { max-width: 300px; }
    .index_layer5 .index_news .list .headimgpc { display: none; }
    .h_xkyl .list li.swiper-slide-active { background: #007a98; transition: 0s ease background; }
    .h_xkyl .list li.swiper-slide-active a .bg { opacity: 1; transition: 0s ease opacity; }
    .h_xkyl .list li.swiper-slide-active .licheng .opu { display: none; }
    .h_xkyl .list li.swiper-slide-active .licheng .hoive { display: block; }

    /*    .footer .foot_menu .menu { display: none; }
*/
}

@media only screen and (max-width:900px ) {
    .footer .foot_menu .menu { display: none; }
    .banner .link ul li { display: block; overflow: hidden; }
    .banner .link a { float: left; width: 50%; }
}

@media only screen and (max-width:768px ) {
}

@media only screen and (max-width:750px ) {
    /*html { font-size: 100px; display: none; }*/
    .topbg { height: 1rem; }
    .top { height: 1rem; }
    .banner #ban_swiper .swiper-pagination span { width: 5px; height: 5px; }
    .banner #ban_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 5px; height: 5px; }
    .top .logo { width: 3rem; padding: 0px; height: 1rem; }
    .top .menu { top: 1.2rem; }
    .top .menu ul { padding: 0.3rem; }
    .top .menu ul > li > a { font-size: 0.24rem; }
    .top .menu ul > li > dl dd { font-size: 0.22rem; }
    .m_nav_btn { display: block; background: #7f7ae2; height: 1rem; width: 1rem; position: absolute; top: 0px; right: 0px; cursor: pointer; float: left; z-index: 3; transition: all 0.3s; }
    .m_nav_btn i { display: block; height: 1px; background: #FFF; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); transition: all 0.3s; opacity: 1; }
    .m_nav_btn i::after { content: ""; display: block; height: 1px; background: #FFF; width: 100%; position: absolute; top: -10px; left: 0px; transition: all 0.3s; }
    .m_nav_btn i::before { content: ""; display: block; height: 1px; background: #FFF; width: 100%; position: absolute; bottom: -10px; left: 0px; transition: all 0.3s; }
    .m_nav_btn.close i { background: none; opacity: 1; }
    .m_nav_btn.close i::after { transform: rotate(45deg); top: 0px; }
    .m_nav_btn.close i::before { transform: rotate(-45deg); bottom: 0px; }

    .banner .link a dl dt b { padding: 0.1rem 0px; background-size: 0.24rem; padding-left: 0.4rem; font-size: 0.3rem; }
    .banner .link a dl dt img { width: 0.5rem; }

    .banner #ban_swiper { height: 5rem; }
    .banner #ban_swiper .swiper-slide .title dd { width: 50%; right: 0.3rem; }
    .banner #ban_swiper .swiper-slide .title dd b { font-size: 0.3rem; }
    .banner #ban_swiper .swiper-slide .title dd span { font-size: 0.22rem; }
    .index_layer2 > ul > li { padding-top: 0.5rem; }
    .index_layer2 .about_title { padding: 0.1rem 0.3rem; font-size: 0.3rem; }
    .index_layer2 .about_body { padding: 0.1rem 0.3rem; font-size: 0.22rem; text-align: justify; width: 100%; box-sizing: border-box; }
    .index_layer2 .about_count { padding: 0.1rem 0.3rem; }
    .index_layer2 .about_count { display: block; overflow: hidden; }
    .index_layer2 .about_count dl { width: 50%; float: left; text-align: center; }
    .index_layer2 .about_count dl dt { font-size: 0.8rem; }
    .index_layer2 .about_count dl dd { font-size: 0.18rem; }
    .index_layer2 .about_count dl:first-child { width: 50%; }
    .index_layer2 .link { display: block; overflow: hidden; width: 100%; }
    .index_layer2 .link a { display: block; float: left; width: 25%; margin-left: 0px; }
    .index_layer2 .link a:nth-child(2n+1) { margin-top: 0px; }
    .index_layer4 { height: auto; padding: 0.5rem 0.3rem; }
    .index_layer4 .box { display: block; padding: 0px; }
    .index_layer4 .index_layer4_left dl { width: 100%; }
    .index_layer5 { height: auto; background-repeat: repeat-y; }
    .index_layer5 .box { padding: 0px 0.3rem; }
    .index_layer5 ul { display: block; }
    .index_layer5 .index_news .list { width: 100%; }
    .index_layer4 .index_layer4_right { padding: 0px 0px; }
    .index_layer4_right_box { display: none; }
    .index_layer4_left .btn { padding: 0.5rem 0px; text-align: center; }
    .index_zhuanjia_swiper { max-width: 100%; }
    .index_zhuanjia_swiper .swiper-slide a img { height: 4.5rem; }
    .index_zhuanjia_swiper .swiper-slide .icon{width: 0.3rem;height: auto;}
    .index_zhuanjia_swiper .swiper-slide a { padding: 0px 0.1rem; }
    .index_layer5 .index_news .list { padding: 0px 0.1rem; }
    .index_layer5 ul li.right { width: 100%; }
    .index_layer4_right_box_btn { margin-top: 0.5rem; }
    .index_layer5 .index_news .list dl.headimg dt { width: 2rem; }
    .index_zhuanjia_swiper .child_box { display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; }
    .index_zhuanjia_swiper .child_box .zc { display: none; }
    .index_zhuanjia_swiper .child_box .desc { display: none; }
    .index_zhuanjia_swiper .child_box .btn { display: none; }
    .index_zhuanjia_swiper .child_box > a { display: none; }
    .index_zhuanjia_swiper .swiper-slide a img { width: 100%; }
    .index_zhuanjia_swiper .child_box dl { padding: 0px; }
    .index_zhuanjia_swiper .child_box dl dt { padding: 0.1rem; background: #00000050; color: #fff; line-height: 1.5; }

    .index_layer3 { height: auto; background-repeat: repeat-y; }
    .index_layer3 > ul { display: block; }
    .index_layer3 > ul > li { width: 100%; height: 1.5rem; }
    .index_layer3 > ul > li dl { padding: 10px; display: flex; width: 100%; }
    .index_layer3 > ul > li dl dt { width: 1rem; }
    .index_layer3 > ul > li dl dt img { width: 1rem; height: 1rem; }
    .index_layer3 > ul > li dl dd { padding: 0px 0.3rem; }
    .index_layer3 > ul > li dl dd span { writing-mode: initial; font-size: 0.4rem; line-height: 1rem; }
    .index_layer3 > ul > li div.list ul li { padding: 0.3rem; }
    .index_layer3 > ul > li.open { display: block; height: auto; }
    .index_layer3 > ul > li.open dl { padding: 10px; display: flex; width: 100%; background: url(../images/profile_lay4_bg.png) no-repeat; }
    .index_layer3 > ul > li.open dl dt { width: 1rem; }
    .index_layer3 > ul > li.open dl dt img { width: 1rem; height: 1rem; }
    .index_layer3 > ul > li.open dl dd { padding: 0px 0.2rem; }
    .index_layer3 > ul > li.open dl dd span { writing-mode: initial; font-size: 0.4rem; line-height: 1rem; }
    .index_layer3 > ul > li div.list ul li a { width: 3rem; height: 1rem; line-height: 1rem; margin: 0.2rem; }

    .footer .lkbox { width: 100%; }

    .footer { background-repeat: repeat-y; padding: 0px; }
    .footer .box { display: block; overflow: hidden; }
    .footer .left { padding: 1rem 0.3rem; }
    .footer .index_zhuanlan_swiper { width: 100%; }
    .footer > .box > .left > ul { display: block; }
    .footer > .box > .left > .logo { width: 100%; }
    .footer .right { width: 100%; }
    .footer .right ul { padding: 0.5rem 0.3rem; }
    .footer .right ul li.link dl { margin: 0px 0.1rem; }
}