body{background: none!important;}
*{}
.lydt_top{ margin:0 auto;height: 625px;}
.lydt_top img{width: 100%; position: relative;z-index: -1;}
.lydt_top .sd p{
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 18px;
    font-size: 16px;
    color: #FFFFFF;
}
.lydt_top .sd{
    position: absolute;
    top: 40px;
    left: 380px;
    background: url("../images/lydt/sd_bj.png");
    width: 100px;
    height: 40px;
}
.c{width: 1170px;margin: auto;}
.center{width: 100%; margin: 0 auto;}
.nav{
    padding: 40px;
    /*background: black;*/
    height: 187px;
}
.nav ul li{
    float: left;
    width: 25%;
}
.nav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.nav ul li img{
    vertical-align: middle;
    line-height: 187px;
    float: left;
}
.nav ul li p{
    float: left;
    line-height: 15px;
    font-size: 27px;
    margin: 26px 6px;
}
.nav ul li p span{
    font-size: 16px;
    color: #c6c6c6;
    line-height: 10px;
}
.lyjj{
    position: relative;
    width: 1120px;
    height: 350px;
    border: 1px dashed #dfdfdf;
}
.lyjj_l{
    position: absolute;
    top:30px;
    left: 0;
    width: 480px;
    height: 330px;
    border-radius: 5px;
    background: #ffffff;
    z-index: 2;
}
.lyjj_l img{
    width: 475px;
    height: 318px;
    margin: 5px 5px 5px 0;
}
.lyjj_r{
   /* box-sizing: border-box;*/
    width: 1120px;
    height: 320px;
    background: #f4f6fa;
    position: absolute;
    right: -40px;
    bottom: -30px;
    z-index: 0;
    padding: 30px 30px 30px 460px;;
}
.lyjj_r_hd{
    height: 40px;
}
.lyjj_r_hd img{
    margin-right: 10px;
}
.lyjj_r_hd p{
    font-size: 22px;
    color: #2f5594;
    display: inline-block;
    height: 40px;
    line-height: 20px;
    font-weight: 600;
    vertical-align: middle;
}
.lyjj_r_hd p span{
    font-size: 14px;
    color: #999999;
}
.lyjj_r_bd p {
    font-size: 16px;
    line-height: 36px;
    color: #666;
    padding: 20px 0;
}
.jdjs{
    position: relative;
    background: url(../images/lydt/jdjs_bj.png);
    width: 100%;
    height: 590px;
    margin-top: 60px;
    padding: 20px 0 ;
}
.jdjs_logo{
    position: absolute;
    top:-20px;
    padding:  0 560px;
}
.jdjs_bt{
    width: 165px;
    height: 50px;
    margin: 13px auto;
}
.jdjs_bt p {
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0 0 10px;
}
.jdjs_bt p span{
    font-size: 14px;
    font-weight: initial;
}
/*杞挱鍥�*/

#focus_Box{position:relative;height:445px;    margin-top: 25px;}
#focus_Box ul{position:relative;height:445px}
#focus_Box li{
    z-index:0;position:absolute;
    width:0;
    height:0;
    top:146px;
    cursor:pointer;
    left:377px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background: #FFFFFF;
}
#focus_Box li #loading{
    width:100%;
    background:url(../images/cs/loading.gif)  center 50%;
    height:75%;
    vertical-align:top;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
#focus_Box li p{
    position:absolute;
    left:0;
    bottom:0;
    height:25%;
    display: block;
    width: 100%;
    padding: 40px 20px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
    color: #2f5594;
    vertical-align: middle;
}
#focus_Box li p #didian{
    line-height: 30px;
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
}
#focus_Box li p a{
    float: right;
    display: inline-block;
}
#focus_Box .prev,#focus_Box .next{
    display:block;
    z-index:100;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    width:52px;
    height:52px;
    top:131px;
}
#focus_Box .prev{
    background:url(../images/lydt/btn_l.png) left bottom no-repeat;
    width: 60px;
    height: 60px;
    left:0;
    top: 47%;
}
#focus_Box .next{
    background:url(../images/lydt/btn_r.png) right bottom no-repeat;
    width: 60px;
    height: 60px;
    right:0;
    top: 47%;
}
#focus_Box .prev:hover{
    background-position:left top;
}
#focus_Box .next:hover{
    background-position:right top;
}

.dlhj{
    position: relative;
    height: 537px;
    padding: 60px 0 50px;
}
.dlhj_bg {
    position: absolute;
    bottom: 115px;
    height: 335px ;
    width: 1120px;
    padding: 25px 0 60px 0;
    background: url("../images/lydt/dlhj_bg.png") no-repeat;
}
.dlhj_bg_hd{
    height: 50px;
    text-align: center;
}
.dlhj_bg_hd img{
    display: inline-block;

}
.dlhj_bg_hd p {
    display: inline-block;
    vertical-align: middle;
    color: #2f5594;
    font-size: 22px;
    line-height: 20px;
    font-weight: 600;
}
.dlhj_bg_hd p span{
    font-size: 14px;
    color: #999999;
    font-weight: 600;
    margin: 0 20px 0 10px;
}
.dlhj_bg_icon{
    display: inline-block;
}
.dlhj_bg article{

}
.dlhj_bg article{

}
.dlhj_bg_d{
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: -1;
    width: 1120px;
    height: 260px;
    border: 1px #999999 dashed;
}
.dlhj_img_one{
    position: absolute;
    right: 0;
    bottom: 200px;
    width: 330px;
    height: 230px;
    background: #FFFFFF;
    border-radius: 5px;
}
.dlhj_img_one img {
    width: 320px;
    height: 220px;
    margin: 5px;
}
.dlhj_img_two{
    position: absolute;
    right: 210px;
    bottom: 70px;
    width: 280px;
    height: 180px;
    background-color: #FFFFFF;
    border-radius: 5px;
}
.dlhj_img_two img{
    width: 270px;
    height: 170px;
    margin: 5px;
}
.czx{
    position: relative;
    background: url("../images/lydt/czx_bj.png") top;
    height:430px;
    padding: 20px 0;
}
.czx_icon{
    position: absolute;
    top: -20px;
    height: 40px;
    padding: 0 565px;
}
.czx_t{
    height: 70px;
    padding: 15px 495px;
}
.czx_t img{
    display: inline-block;
    float: left;
}
.czx_t p{
    float: right;
    display: inline-block;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
}
.czx_t p span{
    font-size: 14px;
    font-weight: initial;
}
.slideTxtBox{
    height: 410px;
    padding: 30px 0;
    position: relative;
}
.slideTxtBox .hd{
    position: relative;
    height: 60px;
    padding: 0 80px;
}

.slideTxtBox .hd ul li{
    float: left;
    position: relative;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.slideTxtBox .hd ul li::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #fff;
    transform: skew(-30deg);
    border-radius: 8px;
}
.slideTxtBox .hd #emm{
    margin: 0 180px;
}
.slideTxtBox #hover{
    display: none;
}
.slideTxtBox .hd ul li:hover::before{
    background: #FFFFFF;
    text-align: center;

}
.slideTxtBox .hd ul li:hover #djq{
    display: none;
}
.slideTxtBox .hd ul li:hover #hover {
    display: block;
    width: 87px;
    height: 27px;
    position: absolute;
    z-index: 1;
    top: 19px;
    left: 60px;
}
.slideTxtBox .bd ul{
    margin-top: 50px;
}
.slideTxtBox .bd ul li{
    position: relative;
    float: left;
    margin: 0 10px;
}
.slideTxtBox .bd ul li img{
    width: 355px;
    height: 250px;
    border-top-left-radius:50px ;
    border-bottom-right-radius:50px ;
}
.slideTxtBox .bd ul li .czx_img_jj{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background: url("../images/lydt/czx_jbbj.png") no-repeat right;
}
.slideTxtBox .bd ul li .czx_img_jj p{
    float: right;
    color: #f1f0f0;
    font-size: 16px;
}
.slideTxtBox .bd ul li .czx_img_jj a{
    color: #fff;
    float: right;
    font-size: 15px;
}
.dashed_one{
    position: absolute;
    display: block;
    width: 180px;
    height: 35px;
    border-bottom: 1px dashed #a8c1e8;
    top: 30px;
    left: 278px;
}
.dashed_tow{
    position: absolute;
    display: block;
    width: 180px;
    height: 35px;
    border-bottom: 1px dashed #a8c1e8;
    top: 30px;
    right: 334px;
}
.xys_focus_Box{display: none;}
.dlhj_bg #wzy {
    color: #999999;
    font-size: 16px;
    line-height: 40px;
    padding: 0 470px 0 60px;
    display: block;
    height: 200px;
}

@media (max-width: 768px) {
    .lydt_top .sd{
        left: 15px;
        top: 10px;
    }
    .lydt_top .sd p{}
    body{height: initial;}
    .center{width: 100%;overflow: hidden;}
    .c{width: 100%;}
    .lydt_top{width: 100%; height: initial; }
    .lydt_top img{width: 100%;}
    .nav{
        width: 100%;
        height:150px;
        padding: 0;
        margin-top: 30px;
    }
    .nav ul{
        width: 100%;
    }
    .nav ul li{
        width: 50%;
        height: 50px;
        text-align: center;
        margin-bottom: 20px;
    }
    .nav ul li img{
        float: left;
        height: 100%;
        margin-right: 3px;
    }
    .nav ul li .bh {
        width: fit-content;
        height: 100%;
        margin: 0 auto;
    }
    .nav ul li p{
        margin: 0 0 0 13px;
        font-size: 15px;
        line-height: 20px;
    }
    .nav ul li p span{
        font-size: 10px;
        display: none;
    }
    .nav ul li a{    line-height: 50px}
    .nav ul li .nav_img{
        margin-right: 15px;
    }
    .nav_img_one{
        margin-right: -10px;
    }
    .lyjj{
        width: 100%;
        height:790px;
        padding: 0 10px;
    }
    .lyjj_r{
        width: 100%;
        padding: 20px 10px;
        top: 0;
        left: 0;
    }
    .lyjj_l{
        width: 100%;
        height: 274px;
        top: 82px;
        padding: 5px;
    }
    .lyjj_l img{
        width: 100%;
        height: 97%;
    }
    .lyjj_r_bd{
        margin-top: 280px;
    }
    #focus_Box{
       display:none;
    }
    .jdjs{
       display: none;
    }
/*    .xys_focus_Box{
        display: block;
    }
    .focus_Box_img_one{!*
        position: absolute;*!
        background: #ffff;
        width: 100%;
    }
    .focus_Box_img_one img{
        width: 100%;
    }
    .focus_Box_img_tow{!*
        position: absolute;*!
        background: #ffff;
        width: 100%;
    }
    .focus_Box_img_tow img{
        width: 100%;
    }
    .focus_Box_img_three{!*
        position: absolute;*!
        background: #ffff;
        width: 100%;
    }
    .focus_Box_img_three  img{
        width: 100%;
    }
    .focus_Box_img_four{!*
        position: absolute;*!
        background: #ffff;
        width: 100%;
    }
    .focus_Box_img_four img{
        width: 100%;
    }*/

    .dlhj{
        width: 100%;
        padding: 0;
        height: 820px;
    }
    .dlhj_img_one{
        z-index: 2;
        width: 100%;
        height: 250px;
        left: 0;
        top: 88px;
    }
    .dlhj_img_one img{
        width: 98%;
        height: 230px;
    }
    .dlhj_img_two{
      display: none;
    }
    .dlhj_bg{
        width: 100%;
        top: 0;
        background: none;
    }

    .dlhj_bg #wzy{
        width: 100%;
        padding: 0 10px;
        margin-top: 260px;
    }
    .dlhj_bg_d{
        display: none;
    }
    .czx{
        height: 900px;
        background: url(../images/lydt/czx_bj.png) top;
    }
    .czx_icon{

    }
    .czx_t{

    }
    .slideTxtBox{
        padding: 0 5px;
    }
    .slideTxtBox .hd{
        height: 60px;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .slideTxtBox .hd ul{
        height: 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .slideTxtBox .hd ul li{
        width: 31%;
        border: 1px solid #ffffff;
        padding: 15px 0;
        text-align: center;
    }
    .slideTxtBox .bd{

    }
    .slideTxtBox .bd ul li{
        width: 100%;
        /* border: 1px solid #ffffff; */
        clear: both;
        margin: 0;
    }
    .slideTxtBox .bd ul li img{
        width: 100%;
    }
    .slideTxtBox .hd #emm{
        margin: 0 10px;
    }
    .slideTxtBox #m_l_r{margin: 0;}
    .slideTxtBox .bd ul{}
    .dashed_one{display: none}
    .dashed_tow{display: none}
    .czx_icon{width: 100%;display: none}
    .czx_t{width: 100%;display: none}
    .dlhj_bg_hd{text-align: initial;    margin-left: 10px;}
    .slideTxtBox .hd ul li::before{display: none}
    .slideTxtBox .hd ul li:hover #hover{display: block;top: inherit;left: inherit;
        margin: 0 auto; position: initial}
    .slideTxtBox .hd ul li:hover #djq{display: none;}
    .czx_t_one{}
    .slideTxtBox .hd ul li:hover{background: #FFFFFF;}
    .slideTxtBox .hd ul li #djq{margin-top: -35px;}
    .dlhj_bg_hd p{    margin: 0;display: inline-block;    width: 110px;padding: 0;}
    .dlhj_bg_hd p span{margin: 0;}
}