/*.fl_r{float: right}
.fl_l{float: left}
.clearfix:after{display: block;content: '';clear: both;}
.mobile{display: none;}*/
header>.container{margin-top: 68px;}
nav{
    border-bottom: 1px solid #ABC9F1;
    z-index: 9;
    width: 100%;
    position: fixed;
    top:0;
    background-image: url("/material/2026NewWebSite/img/nav_bg.png");
    background-color: #ffffff;
}
nav .container>ul{vertical-align: top;width: 61%;font-size: 0;}
nav .container>ul li{display: inline-block;vertical-align: top;width: 14.24%;}
nav .container>ul li a{
    display: block;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    height: 67px;
    text-align: center;
    line-height: 67px;
}
nav .container>ul li:hover a{background:linear-gradient(135deg, #79a8e9, #79a6e3)}
nav .container>div{line-height: 67px;width: 39%;text-align: right;}
nav .container>div>div{margin-left: 25px;}
nav .container>div>div:first-child{margin-left: 0;}
nav .container>div>div{display: inline-block;}
nav .container>div,nav .container>div a{font-size: 14px;color: #fff;}
.zzms{
    display: block;
    background: #EEA135;
    width: 81px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
}
.mw_icon{vertical-align: text-bottom;}
.wxqr{position: relative;}
.wxqr img{display: none;position: absolute;}
.wxqr:hover img{display: block;}
.dyqr{position: relative;}
.dyqr img{display: none;position: absolute;}
.dyqr:hover img{display: block;}

.header_dengl_main {float: left;line-height: 47px;}
.header_bmdh {position: relative;text-align: left;}
.header_bmdh_main {
    float: right;
    font-size: 14px;
    line-height: 70px;
    cursor: pointer;
    padding: 0;
}
div.header_bmdh:hover .l_bmdh_main {
    height: auto;
    opacity: 1;
    padding: 0 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.l_bmdh_main {
    position: absolute;
    top: 50px;
    right: 0px;
    border-top: none;
    background: #fff;
    box-sizing: border-box;
    width: 600px;
    height: 0px;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s;
}

.l_bmdh_bt {
    color: #2682cb;
    font-size: 16px;
    font-weight: bold;
    display: none;
    opacity: 0;
    transition: all 0.3s;
}

.l_zfbm_main {
    overflow: hidden;
    width: 100%;
    display: none;
    opacity: 0;
    transition: all 0.3s;
}

.l_bmdh_main .l_zfbm_main li {
    width: 33.33%;
    float: left;
    line-height: 24px;
    background: none;
    padding: 0px;
    margin: 0;
}

nav .l_zfbm_main li a {
    font-size: 14px;
    color: #333;
}

div.header_bmdh:hover .l_bmdh_bt {
    display: block;
    opacity: 1;
}

div.header_bmdh:hover .l_zfbm_main {
    display: block;
    opacity: 1;
}
header>.container{position: relative;overflow: hidden;}
header .tr{position: absolute;top: 0;right: 0;line-height: 35px;}
header .tr img{display: inline-block;vertical-align: middle;}
header .tr a{font-size: 14px;color: #fff;}
.tjlogo{display:block;margin: 55px auto 115px auto;}
.jisbody{
    width:296px;
    margin:0 auto 50px auto;
    border:1px solid #5490E3;
    height:50px;
    padding:3px 5px 3px 3px;
    border-radius:53px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 88px;
}
#advsearchform{height:100%;text-align:center;margin:0 auto;justify-content: center;
    align-items: center;display:flex;}
#keywords{
    width:71%;
    height:100%;
    border:none;
    outline: none;
    margin-left:10px;
    color:#000;
    font-size:16px;
    background-color:unset;
}
#keywords:focus{background-color:transparent !important;}
#submit_btn{
    height:40px;
    line-height: 40px;
    width:70px;
    border-radius:40px;
    border:0;
    cursor:pointer;
    background-color:rgba(255,255,255,0.2);
    font-weight: bold;
    background-image: url("/material/2026NewWebSite/img/search_icon.png");
    background-repeat: no-repeat;
    background-position: center;
}
#advsearchform>img{padding-left:20px;}


.foot{width:100%;}

.footb{width:100%;background:#EEF5FB;height:50px;line-height:50px;
    display:flex;align-items: center;
    justify-content:center;
}
.footbl{
    background:url(/material/2026NewWebSite/img/ipv6.png) no-repeat;
    background-size:100% auto;height:30px;line-height:30px;
    width:113px;text-align:center;color:#fff;font-size:14px;
    margin-right:0.5em;
}
.footb span{
    font-size:14px;line-height:50px;padding:0 0.5em;
    justify-content: center;
    align-items: center;display:flex;
}
.footb span a{font-size:14px;color: #000;}
.foott{width:100%;
    background:#DDEBF6;
}
.foottbody{
    width:100%;
    max-width: 1600px;
    margin:0 auto;
    padding:1% 0;
}
.fottbotl{width:19.2%;float:left;background:#EEF5FB;
    line-height:80px;height:80px;color:#000;font-size:14px;text-align: center;
}
.fottbotl a{color:#000;padding:0 0.5em;}
.fottbotm{width:59.6%;float:left;height:50px;background:#EEF5FB;margin:0 1%;
    line-height:80px;height:80px;font-size:14px;color:#000;
}
.fottbotr{width:19.2%;float:left;height:50px;background:#EEF5FB;
    line-height:80px;height:80px;
}
.fottttotl{width:19.2%;float:left;background:#EEF5FB;
    height:40px;line-height:40px;margin-left:1%;font-size:14px;color:#000;text-align: center;
}
.fottttotl:nth-child(1){margin-left:0;}
.foottbody>div{margin-top:1%;}
.fottttotl a{color:#000;padding:0 0.5em;}
.foottbody >div{position: relative;}
.yqlj_box{
    display: none;
    position: absolute;
    width: 100%;
    bottom: 38px;
    left: 0;
    z-index: 999;
    padding: 20px;
    box-sizing: border-box;
    background: #ddebf6;
}
.yqlj_box a{
    display: block;
    width: 25%;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    float: left;
    padding: 0;
}
.gslink:hover .yqlj_box,.mslink:hover .yqlj_box{display: block;}

.dzjg{display:flex;
    align-items: center;}
.dzjg img{padding-left:35px;}
.pvnone{display:none;}

@media only screen and (max-width: 768px) {
    /*.mobile{display: block;}
    .pc{display: none !important;}
    .fl_l,.fl_r{width: 100%;}*/
    header>.container{margin-top: 44px;}
    .mu{
        width: 100%;
        background-color: #74a2e2;
        padding: 10px 10px 6px 10px;
        box-sizing: border-box;
        position: fixed;
        top:0;
        z-index: 9;
    }
    .mu>img{width: 45%;transition: all 1s}
    .mu>a{float: right;margin-top: 7px;}
    .shadows {
        display: none;
        position: fixed;
        top:0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 100;
    }
    .menue {
        position: fixed;
        width: 60%;
        height: 100%;
        background-color: #0162b9;
        border-top-right-radius: 5px;
        z-index: 200;
        left: -60%;
        text-align: center;
        top:0;
    }
    .menue .clf{height: 50px;}
    .menue ul{margin-bottom: 60px}
    .menue img{display: block;margin: 20px auto 0 auto;}
    .menue .w{color: #fff}
    .menue .login{
        display: inline-block;
        background-color: #ff4544;
        color: #ffffff;
        padding: 3px 10px;
        border-radius: 5px;
        margin: 10px;
    }
    .menue ul li {
        height: 40px;
        line-height: 40px;
    }
    .menue ul li a {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
    }
    .menue .menueA {
        display: block;
        width: 120px;
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        margin: 20px auto 0 auto;
        background-color: #a2cef2;
        border-radius: 30px;
        font-size: 14px;
    }
    .menue .menueA img {
        vertical-align: middle;
    }
    .closeMenue{
        width: 30px;
        height: 30px;
        background: url("/material/2026NewWebSite/img/tabclose.png");
        transform: rotate(-90deg);
        background-size: cover;
        float: right;
    }
    .tjlogo{width: 75%;margin: 40px auto 25px auto;}
    .jisbody{width:70%;height:40px;position: unset;margin: 0 auto 30px auto;}
    #keywords{font-size: 3.5vw;}
    #submit_btn{height: 34px;line-height: 34px;border-radius: 34px;}


    .navbody{width:96%;margin:0 auto;}
    .toulink{width:96%;display:none;}
    #sinpo{font-size:3vw;height:30px;}

    .headby{background-size: auto;padding-top:70px;}
    .logobody img{padding: 0 1em;
        width: 60vw;}
    .logobody img:nth-child(2) {
        margin-top: 3.5em;
        width: 10vw;
    }
    .navbody li a{font-size:3vw;}
    .logobody{padding: 6vw 0;}
    #sinpt{height:30px;width:60px;
        background-size:20px auto;
    }
    .pvnone{display:block;}
    .foottbody{
        width:96%;padding: 6vw 0;
    }
    .foottbody>div:nth-child(1){
        display:none;
    }
    .fottbotl{
        width:100%;
        font-size:3.2vw;
    }
    .fottbotl a{font-size: 4vw;}
    .footb span{font-size:2.8vw;line-height: 200%;}
    .footb span a{font-size:2.8vw;}
    .fottbotm{
        width:100%;margin:0;
        font-size:3vw;text-align: center;
        height:auto;line-height: 200%;
    }
    .fottbotr{width:100%;}
    .dzjg{justify-content: center;}
    .footb{display:block;height:auto;padding: 6vw 0;}
    .footbl{margin:0 auto;
        width:25vw;height:7vw;line-height:7vw;
        background-size: 100% auto;font-size: 3vw;
    }
}
