
/*new*nav*/
/*.navi_box{display:none;}*/
@media (max-width:1130px){
    .nav{display:none;}
	.yd-nav{display:block !important;}
}
@media (max-width:600px){
	.logo img{height:50px;}
}
.nav-bg p{margin:0;}
.nav-bg h1,h2{font-weight:normal;margin:0;}
/*.nav-bg ul{margin:0;padding:0;}*/
.nav-bg li{list-style:none;}
.nav-bg{width:100%;height:50px;background-color:dodgerblue;color:#fff;clear:both;display:block;}
.nav{max-width:1105px;margin: auto;}
.nav .line{width:1px;height:20px;float:left;position:relative;top:15px;left:0px;background-color:#F8F8F8;opacity:0.75;}
.nav li{float:left;width:220px;text-align:center;line-height:50px;cursor:pointer;position:relative;z-index:990;}
.nav li h1{font-size:15px;font-weight:bold;line-height:50px;}
.nav li:hover .nav-box{display:block;}
.nav-box{position:absolute;top:50;left:0;width:100%;display:none;transition:all 0.4s;background-color:rgba(30,144,225,0.9);height:50px;}
.nav-a{width:110px;float:left;}
.nav-a:hover{background-color:royalblue;}
.nav-a:hover li{height:188px;}
.nav-a h2{font-size:16px;}
.nav-a li{width:110px;height:0px;overflow:hidden;transition:all 0.4s;background-color:rgba(40,40,40,0.85);}
.nav-a li p{text-align:center;line-height:30px;}
.nav-a li p:hover{background-color:rgba(40,40,40,1);}
.nav-a li p a{color:#ccc;font-size:12px;display:inline-block;width:100%;height:100%;text-decoration:none;}
.nav-a li p a:hover{color:#fff;}
.yd-nav{max-width:1100px;margin: auto;position:relative;display:none;}
.yd-nav li{float:left;width:33.33%;line-height:50px;text-align:center;}
.yd-nav li:hover{background-color:royalblue;}
.yd-nav li:hover .yd-content{height:186px;}
.yd-content{width:100%;height:0px;overflow:hidden;transition:all 0.4s;position:absolute;left:0;top:50px;z-index:999;background-color:rgba(40,40,40,0.85);}
.yd-content li{width:33.33%;line-height:30px;text-align:center;}
.yd-content li p:hover{background-color:rgba(40,40,40,1);}
.yd-content li p a{color:#ccc;font-size:12px;display:inline-block;width:100%;height:100%;text-decoration-line:none;}
.yd-content li p a:hover{color:#fff;}
.yd-title{background-color:royalblue;}
.active{height:186px;}
/*top*/
.jlt_topbg{
    width:100%;
    height:30px;
    background:#f2f2f2;
    position:relative;
}
.jlt_top{
    max-width:1100px;
    margin: auto;
}
.jlt_right{
    float:right;
    position:relative;
}
.jlt_nav{
    position:relative;
}
.jlt_nav li{
    float:left;
    line-height:26px;
    padding:0 10px;
    cursor:pointer;
    transition:all 0.3s;
}
.jlt_nav li:hover{
    background:#0270d1;
    color:#fff;
}
.jlt_nav .current{
    background:#0270d1;
    color:#fff;
}
.navbox{
    position:absolute;
    top:208px;
    display:none;
    z-index:998;
}

#ydd{
    right:568px;
}
.jlt_list{
    width:160px;
    background:#fff;
    border:#ccc solid 1px;
    float:left;
    z-index:998;
    margin:0;
    padding:0;
}
.jlt_list li{
    float:none;
    text-align:center;
    line-height:36px;
    padding:0;
    transition:all 0.3s;
}
.jlt_list li .lg{
    float:left;
    width:40px;
    height:40px;
    overflow:hidden;
    background:url(/images/2019/top_jlt13.png) no-repeat;
    opacity:0.75;
    transition:all 0.3s;
}
.lg img{
    width:100%;
    height:100%;
    display:block;
}
.jlt_list li p{
    float: left;
    width: 74%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    position: relative;
    margin: 0;
    transition: all 0.3s;
}
.jlt_list li p item{
    color:#111;
}
.jlt_list li p i{
    float:right;
    font-size:10px;
    width:0px;
    text-align:center;
    overflow:hidden;
    color:#fff;
    background:#0270d1;
    position:absolute;
    right:0;
    transition:all 0.3s;
}
.jlt_list li:hover{
    background:#eee;
}
.jlt_list li:hover a{
    color:#0270d1;
}
.jlt_list li:hover p{
    background:#eee;
}
.jlt_list li:hover .lg{
    opacity:1;
}
.jlt_list li:hover item{
    color:#0270d1;
}
.jlt_list li:hover i{
    width:10px;
}
#wx{
    position:relative;
}
#wxsys{
    position:absolute;
    left:160px;
    width:100px;
    display:none;
}
#wx:hover #wxsys{
    display:block;
}
.jlt_btn{
    display:none;
    width:30px;
    height:30px;
    position:absolute;
    right: 10px;
    top: 3px;
}
.jlt_bar{
    width:30px;
    height:2px;
    border-radius:1px;
    background:#555;
    margin-top:5px;
    display:block;
    transition:all 0.5s;
}
.rotat{
    transform:translateY(-4px) rotate(45deg);
}
.rotat1{
    background:red;
    transform:translateY(10px) rotate(-90deg);
}
.rotat2{
    background:red;
    transform:translateY(3px) rotate(0deg);
}
.sro{height:100%;overflow:hidden;}
/*ç§»åŠ¨ç«?*/
@media(max-width:1024px){
    .jlt_btn{
        display:block;
    }
    .jlt_right{
        position:initial;
    }
    .jlt_nav{
        top:31px;
        right:-102px;
        width:100px;
        display:none;
        text-align:center;
        border:#555 solid 1px;
        border-radius:4px;
        position:absolute;
        z-index:996;
        background:#fff;
    }
    .jlt_nav > li{
        float:none;
    }
    .navbox{
        width:100% !important;
        left:0 !important;
        background:#f2f2f2;
    }
    .jlt_list{
        width:100%;
        border:none;
        background:none;
    }
    .jlt_list li{
        float:left;
        width:33.33%;
        margin-top:5%;
    }
    .jlt_list li .lg{
        float:none;
        margin: auto;
        opacity:1;
    }
    .jlt_list li p{
        float:none;
        width:auto;
    }
    #wxsys{
        z-index:998;
        width:auto;
        left:0px;
    }
    .jlt_list li p i{
        display:none;
    }
    #base > ul:nth-child(2) li:last-child{
        width:100%;
    }
    #ydd li:last-child{
        width:100%;
    }
}