/*
  新的首页样式V1.2 版本
  editby 鲍小伟
  edittime:20240524
*/
@media screen and (max-width: 768px) {
    .header{
        height: 126px;
        border-bottom: 0px solid #efefef;
    }
    .header> .container {
        padding: 15px;
        min-width: 100%;
        max-width: 100%;
    }
    /*底部样式*/
    /*end*/
    .topmenu{text-align: right;height: 40px;padding-top: 8px;}
    .topmenu img {cursor: pointer;}
    .mdlogo{text-align: center;margin-top: -12px;}
    .topsearch {
        margin: 0 auto;
        padding-top: 0px; padding-bottom: 10px;
        /* display: flex; justify-content: center; */
    }
    .form-inline{
        position: relative;
    }

    .form-control {
        width: 100%!important;
        margin-right: 0px; padding-right: 80px;
    }
    .topsearch .btn {
        border: none;
        color: #000000;
        position: absolute; top: 0px; right: 1px;  border-radius: none;
    }
    /*左侧栏*/
    .el-drawer__body{background: #20558a;padding: 10px 10px 10px 10px;}
    .leftnavbar .nav-item a{font-size: 14px!important;padding-left: 10px;}
    .nav-item a{color: #FFFFFF;font-size: 14px;}
    .nav-item a.dropdown-item {color: #20558a;}
    .dropdown-item a{color: #20558a;}
    .dropdown-item {padding:5px 10px;width: 175px;word-break: break-all;}
    /*end*/

}
@media screen and (min-width: 768px) and (max-width:922px) {
    .header{height: 126px;
        border-bottom: 1px solid #efefef;
    }
    .header> .container {
        padding: 0px;
        min-width: 768px;
        max-width: 768px;
    }
    /*底部样式*/
    /*end*/
    .mdtop{height: 70px;}
    .mdright{padding: 20px 0px 0px 15px;height: 40px;}
    .mdright> .login{font-size: 16px;color: #1c0e40;font-weight: 600;margin-left: 10px;margin-right:10px;}
    .mdright> .createaccount{background: #ffffff;color: #1c0e40; padding: 8px 12px;border-radius:18px;font-weight: normal;font-size: 14px;border: 1px solid #1c0e40;font-weight: 600;}
    
    .mdright .dropdown-toggle{font-size: 16px;font-weight: 600;color: #20558a;}
    .mdright .dropdown{font-weight: 600;color: #21222a;padding-top: 0px;}
    .mdright .dropdown-item{font-weight: 600;}
    .newnavlink{color: #1c0e40!important;}
    .mednav{height: 40px;}
    .mednav a{font-size: 16px;font-weight: 600;}
    .mednav> .navbar{padding-left: 0px; padding-top: 6px;}
    .mednav .dropdown-toggle{color: #21222a!important;}
    .mednav .activess{color: #20558a!important;}
    .topmenu{text-align: right;height: 40px;padding-top: 8px;}
    .topmenu img {cursor: pointer;}
    /*左侧栏要重新定义一下在那个下面*/
    .leftnavbar .el-drawer__body{background: #20558a;padding: 10px 10px 10px 10px;}
    .leftnavbar .nav-item a{color: #FFFFFF;font-size: 14px!important;padding-left: 10px;
    }
    .leftnavbar .nav-item a.dropdown-item {color: #20558a;}
    .leftnavbar .dropdown-item a{color: #20558a;}
    .leftnavbar .dropdown-item {padding:5px 10px;width: 175px;word-break: break-all;}
    /*mdsearch*/
    .mdsearch{width: 100%;margin-top:0px;}
    .form-inline{
        position: relative;
    }

    .form-control {
        width: 100%!important;
        margin-right: 0px; padding-right: 80px;
    }
    .mdsearch .btn {
        border: none;
        color: #000000; background: #20558a; color: #FFFFFF;
        position: absolute; top: 0px; right: 1px;  border-radius: none;
    }
    /*end*/
    /*新的nav0524pad.0604修改，调整部分兼容性*/
    .newmednav{height: 40px;}
    .newmednav>.navbar-new{display: inline-block;list-style: none;display: flex;flex-direction: row;padding-left: 0px;}
    .newmednav>.navbar-new>.navitem{display: list-item;
        text-align: -webkit-match-parent;
        unicode-bidi: isolate;        padding-right: .2rem;
        padding-left: .2rem; height: 40px; line-height: 40px; cursor: pointer;
    }
    .newmednav>.navbar-new>.hover a{background: #2a2f60; color: #FFFFFF;}
    .newmednav>.navbar-new>.navitem> a{padding: 2px 8px 4px 8px;font-weight: 600;border-radius: 6px; cursor: pointer;font-size: 16px;}
    .newmednav>.navbar-new>.navitem> a:hover{background: #2a2f60; color: #FFFFFF;}
    .newmednav>.col-lg-6{position: static;}
    .subContent{background: #ddeaee; width: 100%; position: absolute; top: 125px;z-index: 10; min-height:160px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }

    .submenudelnew{clear: both; background: none; padding-top: 30px; padding-left: 10px;}
    .submenudelnew>dd>a{ background: none!important;color: #000000!important;font-size: 14px!important; font-weight: normal!important;padding: 0!important; padding-left: 6px!important; font-family: "plus-jakarta-sans-Light", Helvetica, sans-serif!important;}
    .submenudelnew>dd>a:hover{color: #0099cc!important;}
    .submenudelnew>dt{height: 40px;font-size: 14px;}
    .submenudelnew>dd{width: 48%;display: inline-flex;}
    .submenu-right{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding: 0px 15px 20px 15px;
    }
    .submenu-right>dd a{background: none!important; color: #000!important;font-size: 14px!important;font-weight: normal!important;}
    .submenu-right>dd a:hover{color: #0099cc!important;}
    .huiyi{position: relative;}
    .subContenthy{
        background: #ddeaee; width: 205px; position: absolute; top: 55px;z-index: 10; min-height: 130px; left: -30%;
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top: 20px;
    }
    .subContenthy>.menuitem{text-align: left; line-height: 40px; padding-left: 20px;
    }
    .subContenthy>.menuitem>a{
        color: #000!important;padding: 0!important; background: none!important;font-size: 14px!important; font-weight: 600!important; padding-left: 10px!important;font-weight: normal!important;
    }
    .subContenthy>.menuitem>a:hover{color: #0099cc!important;}
    .subContentky{
        background: #ddeaee; width: 100%; position: absolute; top: 125px;z-index: 10; min-height:300px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }
    .subContentky>.submenudelnew{clear: both; background: none; padding-top: 30px;
    }
    .subContentky>.submenudelnew>a{ background: none; color: #2a2f60;font-size: 14px; font-weight: normal;padding: 0; padding-left: 6px;}
    .subContentky>.submenudelnew>a:hover{color: #0099cc;}
    .subContentky>.submenudelnew>dt{height: 30px;font-size: 14px;font-weight: 600;line-height: 30px;}
    .subContentky>.submenudelnew>dd{width: 30%;display: inline-flex;}

    .keyanright{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding:0px 20px 20px 30px;
    }
    .keyanright>a{background: none!important; color: #000!important;}
    .keyanright>a:hover{color: #0099cc;}
    .keyanright>dt{font-size: 14px!important; margin-bottom: 20px!important;font-weight: 600!important;}
    .keyanright>dd{width: 100%!important; display:inline-flex!important; line-height: 60px!important;
    }
    .keyanright>dd>a{font-size: 14px;font-weight: normal;}
    .keyanright>dd>a:hover{color: #0099cc;}
    .keyanright>dd .dataimg{background: #2a2f60!important; width: 40px; height: 40px; border-radius: 40px; text-align: center; vertical-align: middle;justify-content: center; line-height: 35px;
        margin-top: 10px; margin-right: 10px;
    }
    .keyanright>dd span img{vertical-align: middle;}
    .subContentjiaoyu{
        background: #ddeaee; width: 100%; position: absolute; top: 125px;z-index: 10; min-height:300px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }
    .subContentjiaoyu>.submenudelnew{clear: both; background: none; padding-top: 30px;
    }
    .subContentjiaoyu>.submenudelnew>a{ background: none; color: #000000;font-size: 14px; font-weight: normal;padding: 0; padding-left: 0px;}
    .subContentjiaoyu>.submenudelnew>a:hover{color: #0099cc;}
    .subContentjiaoyu>.submenudelnew>dt{height: 40px;font-size: 14px;font-weight: 600;}
    .subContentjiaoyu>.submenudelnew>dd{width: 25%;display: inline-flex;}

    .subContentjiaoyu>.submenu-right{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding:0px 20px 20px 30px;
    }
    .subContentjiaoyu>.submenu-right>a{background: none; color: #000;}
    .subContentjiaoyu>.submenu-right>a:hover{color: #0099cc;}
    .subContentjiaoyu>.submenu-right>dt{font-size: 14px; margin-bottom: 10px;font-weight: 600;}
    .subContentjiaoyu>.submenu-right>dd{width: 100%;
    }
    .subContentjiaoyu>.submenu-right>dd>a{font-size: 14px;font-weight: normal;padding: 0;}
    .subContentjiaoyu>.submenu-right>dd>a:hover{color: #0099cc;}

    .subContentabout{
        background: #ddeaee; width: 160px; position: absolute; top: 55px;z-index: 10; min-height: 150px; left: -35%; padding-left: 20px;
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top: 10px; padding-bottom: 10px;overflow: hidden;
    }
    .subContentabout>.menuitem{text-align: left; line-height: 40px; padding-left: 6px;
    }
    .subContentabout a{
        color: #000!important;padding: 0!important; background: none!important;font-size: 14px!important; font-weight: normal!important; padding-left: 10px!important;
    }
    .subContentabout>.menuitem>a:hover{color: #0099cc!important;}


    /**/
}
@media screen and (min-width: 922px) {
    .header{height: 90px;
        border-bottom: 1px solid #efefef;
        box-shadow: 0 4px 3px #f0f2f5 /* 外部阴影 */;
    }
    .container{
        padding: 0px;
        min-width: 1280px;
        max-width: 1280px;
    }
    .header> .container {
        padding: 0px;
        min-width: 1280px;
        max-width: 1280px;
        /* position: relative;   先去掉@0524*/
    }
    .logo{padding-top: 0px; width: 260px!important;}
    .mednav{height: 40px;border-right: 1px solid #21222a;margin-top: 26px;margin-left: 0px;padding-right: 20px;}
    .mednav a{font-size: 16px;font-weight: 600;}
    .newnavlink{color: #1c0e40!important;}
    .mednav> .navbar{padding-left: 0px;}
    .mednav .dropdown-toggle{color: #21222a!important;}
    .mednav .activess{color: #20558a!important;}
    .nav-item{height: 100%;display: inline-block;}
    .nav-item a{padding: 5px 8px;font-weight: 600;border-radius: 6px; cursor: pointer;font-size: 16px;}
    .nav-item:hover{background: #1c0e40; color: #FFFFFF;}
     /*新的nav0524*/
    .newmednav{  height: 90px;}
    .newmednav>.navbar-new{display: inline-block;list-style: none;display: flex;flex-direction: row;}
    .newmednav>.navbar-new>.navitem{display: list-item;
        text-align: -webkit-match-parent;
        unicode-bidi: isolate;        padding-right: .2rem;
        padding-left: .2rem; height: 90px; line-height: 90px; cursor: pointer;
    }
    .newmednav>.navbar-new>.hover a{background: #2a2f60; color: #FFFFFF;}
    .newmednav>.navbar-new>.navitem a{padding: 2px 8px 4px 8px;font-weight: 600;border-radius: 6px; cursor: pointer;font-size: 16px;}
    .newmednav>.navbar-new>.navitem a:hover{background: #2a2f60; color: #FFFFFF;}
    .newmednav>.col-lg-6{position: static;}
    .subContent{background: #ddeaee; width: 100%; position: absolute; top: 90px;z-index: 10; min-height:200px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }
    .submenudelnew{clear: both; background: none; padding-top: 30px;}
    .submenudelnew>dd>a{ background: none!important;color: #000000!important;font-size: 14px!important; font-weight: normal!important;padding: 0!important; padding-left: 6px!important; font-family: "plus-jakarta-sans-Light", Helvetica, sans-serif!important;}
    .submenudelnew>dd>a:hover{color: #0099cc!important;}
    .submenudelnew>dt{height: 40px;font-size: 16px;}
    .submenudelnew>dd{width: 33%;display: inline-flex;}
    .submenu-right{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding: 0px 20px 20px 20px;
    }
    .submenu-right>dd a{background: none!important; color: #000!important;font-size: 16px!important;font-weight: normal!important;}
    .submenu-right>dd a:hover{color: #0099cc!important;}
    .huiyi{position: relative;}
    .subContenthy{
        background: #ddeaee; width: 205px; position: absolute; top: 90px;z-index: 10; min-height: 130px; left: -40%;
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top: 20px;
    }
    .subContenthy>.menuitem{text-align: left; line-height: 40px; padding-left: 20px;
    }
    .subContenthy>.menuitem>a{
        color: #000!important;padding: 0!important; background: none!important;font-size: 14px!important; font-weight: 600!important; padding-left: 10px!important;font-weight: normal!important;
    }
    .subContenthy>.menuitem>a:hover{color: #0099cc!important;}
    .subContentky{
        background: #ddeaee; width: 100%; position: absolute; top: 90px;z-index: 10; min-height:300px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }
    .subContentky>.submenudelnew{clear: both; background: none; padding-top: 30px;
    }
    .subContentky>.submenudelnew>a{ background: none; color: #2a2f60;font-size: 14px; font-weight: normal;padding: 0; padding-left: 6px;}
    .subContentky>.submenudelnew>a:hover{color: #0099cc;}
    .subContentky>.submenudelnew>dt{height: 30px;font-size: 14px;font-weight: 600;line-height: 30px;}
    .subContentky>.submenudelnew>dd{width: 30%;display: inline-flex;}

    .keyanright{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding:0px 20px 20px 30px;
    }
    .keyanright>a{background: none!important; color: #000!important;}
    .keyanright>a:hover{color: #0099cc;}
    .keyanright>dt{font-size: 14px!important; margin-bottom: 20px!important;font-weight: 600!important;}
    .keyanright>dd{width: 44%!important; display:inline-flex!important; line-height: 60px!important;
    }
    .keyanright>dd>a{font-size: 14px;font-weight: normal;}
    .keyanright>dd>a:hover{color: #0099cc;}
    .keyanright>dd .dataimg{background: #2a2f60!important; width: 40px; height: 40px; border-radius: 40px; text-align: center; vertical-align: middle;justify-content: center; line-height: 35px;
        margin-top: 10px;
    }
    .keyanright>dd span img{vertical-align: middle;}
    .subContentjiaoyu{
        background: #ddeaee; width: 100%; position: absolute; top: 90px;z-index: 10; min-height:300px; left: 0;border-bottom:2px solid #f0f2f5;
        line-height: 2.0;
    }
    .subContentjiaoyu>.submenudelnew{clear: both; background: none; padding-top: 30px;
    }
    .subContentjiaoyu>.submenudelnew>a{ background: none; color: #000000;font-size: 14px; font-weight: normal;padding: 0; padding-left: 0px;}
    .subContentjiaoyu>.submenudelnew>a:hover{color: #0099cc;}
    .subContentjiaoyu>.submenudelnew>dt{height: 40px;font-size: 14px;font-weight: 600;}
    .subContentjiaoyu>.submenudelnew>dd{width: 25%;display: inline-flex;}

    .subContentjiaoyu>.submenu-right{
        margin: 30px 0px 30px 0px; border-left: 1px solid #2a2f60; padding:0px 20px 20px 30px;
    }
    .subContentjiaoyu>.submenu-right>a{background: none; color: #000;}
    .subContentjiaoyu>.submenu-right>a:hover{color: #0099cc;}
    .subContentjiaoyu>.submenu-right>dt{font-size: 14px; margin-bottom: 10px;font-weight: 600;}
    .subContentjiaoyu>.submenu-right>dd{width: 100%;
    }
    .subContentjiaoyu>.submenu-right>dd>a{font-size: 14px;font-weight: normal;padding: 0;}
    .subContentjiaoyu>.submenu-right>dd>a:hover{color: #0099cc;}

    .subContentabout{
        background: #ddeaee; width: 160px; position: absolute; top: 90px;z-index: 10; min-height: 150px; left: -35%;
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top: 10px; padding-bottom: 10px;overflow: hidden;
    }
    .subContentabout>.menuitem{text-align: left; line-height: 40px; padding-left: 6px;
    }
    .subContentabout a{
        color: #000!important;padding: 0!important; background: none!important;font-size: 14px!important; font-weight: normal!important; padding-left: 10px!important;
    }
    .subContentabout>.menuitem>a:hover{color: #0099cc!important;}


     /**/
    .mdright{padding: 30px 0px 0px 5px;height: 40px;}
    .mdright> .login{font-size: 16px;color: #1c0e40;font-weight: 600;margin-left: 5px;margin-right:10px;}
    .mdright> .createaccount{background: #ffffff;color: #1c0e40; padding: 8px 12px;border-radius:18px;font-weight: normal;font-size: 14px;border: 1px solid #1c0e40;font-weight: 600;}
    .mdright .dropdown-toggle{font-size: 16px;font-weight: 600;color: #20558a;}
    .mdright .dropdown{font-weight: 600;color: #21222a;padding-top: 0px;}
    .mdright .dropdown-item{font-weight: normal;}
    /*底部样式*/

    /*end*/
    .lgsearch{width: 90%;margin-left: 4%;margin-top:23px;}
    .form-inline{
        position: relative;
    }

    .form-control {
        /*width: 100%!important;*/
        margin-right: 0px; padding-right: 80px;
    }
    .lgsearch .btn {
        border: none;
        color: #000000; background: #20558a; color: #FFFFFF;
        position: absolute; top: 0px; right: 1px;  border-radius: none; height: 37px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;
    }
    /*sou*/
    .submenulg{
        min-height: 300px; background: #F2F6FC; position: absolute; top: 90px; width: 100%; padding: 20px;z-index: 1000;
    }
    .submenudel{width: 100%;display: inline-block;}
    .submenudel dt{height: 40px;font-family: fira-sans,Helvetica,Arial,sans-serif;}
    .submenudel dd{width: 33%; float:left;}
    .submenudel dd a{color: #21222a;}
    .rightnews{width: 100%;}
    .righttitle{height: 40px;font-weight: 600;font-family: fira-sans,Helvetica,Arial,sans-serif;}
    .rightlist{
    }
    .toptightimg{margin-bottom: 10px;min-height: 120px;}
    .toptightimg img{width: 150px;border-radius: 10px;}
    .toptitlenew{font-weight: 600;font-family: fira-sans,Helvetica,Arial,sans-serif;font-size: 16px;}
    /*submenu*/
}
/*end*/