.banner{ height: 230px; background: #92cdf7;}

.banner{ width: 100%; height: 270px; text-align: center; background: url(../images/top.jpg) no-repeat center center;}
.bannerN{ width:1200px; position: relative; margin: 0px auto; height: 207px;}
.logo{height: 197px; float: left; margin-top:15px; padding: 0px;}
/* .logoimg{ margin-top: 60px;} */
.socx{ height: 40px; float: right; margin-top:105px; margin-right:0px;}
.socx input{ width: 280px; float: left; border-radius: 30px 0px 0px 30px;}
.socx button{ float: left; background: #2b5aaa; color: #fff; border-radius: 0px 30px 30px 0px;}
.topN{ width: 1200px; position: relative; margin: 0px auto; height: 35px; line-height: 35px;}
.topNL{ width: 65%; float: left; color: #fff;}
.topNR{ width: 35%; float: right;}
.topNR ul li{ float: right; margin: 0px 15px;}
.topNR ul li a{ color: #fff;}


.defaultnav{height:60px;background:#2b5aaa;width:100%; margin: 0px auto; }
.defaultnav li{float: left;line-height: 60px;height: 60px;border-left: 1px solid #4575a5;padding-left:0px;padding-right:0px; text-align:center;width:19.666666666%;}
.defaultnav .active {background: #2b5aaa;}
.defaultnav li i{font-size:24px; padding-right:6px;}
.defaultnav li a{font-size:20px;color: #fff;}
.defaultnav li:hover{background: #c7ddfc}	
.defaultnav li:hover a{ color:#1361cb; z-index: 99;position: relative;}

.defaultnav{ height: 60px;}

.defaultnav{ height: 60px; line-height: 60px;}
.defaultnav ul{ max-width: 1200px; position: relative; margin: 0px auto;}
.defaultnav ul li{ float: left; width: 12.5%; list-style-type: none;}

.smnav{ display: none;}
.smnav .navbar-inverse{ background: #1c3f9d; border: none;}
.smnav .navbar-inverse .navbar-nav > .open > a{ background:#0e2a75;}
.main{ max-width: 1200px; position: relative; margin: 0px auto; margin-top: 15px;}


.toutiao{  height: 180px; position: relative; margin: 0px auto; margin-top: 15px; background: #eee; padding: 15px; margin-bottom: 15px; padding-left: 45px;}
.toutiaoL{ width: 200px; float: left; }
.toutiaoL span{ display: block; float: left; height: 80px; line-height: 80px; width: 100%; }
.toutiaoL span em{ display: block; width: 90%; margin-left: 5%; margin-top: 20px; height: 45px; line-height: 45px; background: #b40009; color: #fff; font-size: 15px; display: block; font-style: normal; text-align: center; border-radius: 30px;}
.toutiaoL a{ display: block; width: 100%; clear: both; color: #2b5aaa; display: block; text-align: left; text-align: center; font-size: 13px; margin-top: 15px; height: 35px; line-height: 35px; }
.toutiaoR{  height: 150px; margin-right: 15px;}
.toutiaoR h4{ height: 45px; line-height: 45px; color: #2b5aaa; font-size: 25px; border-bottom: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.toutiaoR h4 a{ color: #2b5aaa; font-weight: bold;}
.toutiaoR ul{ margin-top: 15px;}
.toutiaoR ul li a{ height: 35px; line-height: 35px; color: #aeafe3; font-size: 15px;}
.toutiaoimg{ position: absolute; left: 0px; top: 0px; z-index: 3;}
.toutiao p{ line-height: 200%; font-size: 17px; height: 70px; position: relative; overflow: hidden;}


.new li{ height: 38px; line-height: 38px; position: relative; overflow: hidden; width: 100%;background: url(../images/dot_blue.jpg) no-repeat left center;}
.new li a{ width: 80%; float: left; position: relative; overflow: hidden; font-size: 16px; color: #000; margin-left: 15px;}
.new li a:hover{ color: #0362a6;}
.new li span{ float: right; color: #999;}

.xg_zhuantilist li{ float: left; width: 260px; margin: 10px 8px; height: 100px; position: relative; overflow: hidden; border: 1px solid #ccc;}
.xg_zhuantilist li a{ display: block; height: 100%;}
.xg_zhuantilist li a img{ height: 100%;}
.zhuanti{ height: 120px; position: relative;}
.xg_zhuanti{ width: 100%; height: 120px; overflow: hidden; position: relative; left: 15px;}
.xg_zhuantiN{ position: absolute; height: 120px; left: 0px; top: 0px; width: 800000px;}
.zhuanti .prve{ display: block; position: absolute; left: -10px; height: 60px; width: 30px; top: 30px; text-align: left;}
.zhuanti .prve:hover{ cursor: pointer; opacity: 0.8;}
.zhuanti .prve i{ font-size: 30px;}
.zhuanti .next{ display: block; position: absolute; right: 0px; height: 60px; width: 30px; top: 30px; text-align: left;}
.zhuanti .next:hover{ cursor: pointer; opacity: 0.8;}
.zhuanti .next i{ font-size: 30px;}

.boxshLR{ display: inline-block; width: 100%; border: 1px solid #ccc; position: relative; overflow: hidden;}
.boxshLR .layui-elem-field{ border: none;}
.boxshLRL{ width: 50px; height: 120px; float: left; border-right: 1px solid #ccc; text-align: center; background: #0362a6; position: relative; z-index: 3;}
.boxshLRL a{ color: #fff;}
.boxshLRL a:hover{ text-decoration: none;}
.boxshLRL i{ color: #fff; font-size: 30px; margin: 15px 0px; display: block; width: 100%; margin-top: 35px; display: none;}
.boxshLRL span{ display: block; clear: both; color: #fff; font-size: 18px; font-weight: bold; margin-top: 8px;}
.boxshLRR{ width:100%; float: right; position: absolute; padding-left: 60px; padding-right: 0px !important; }

.block-title {padding-bottom: 16px;font-size: 18px;color: #3285fa;font-weight: bold;margin-bottom: 0px;}
.block-title span{ color: #2b5aaa; font-size: 20px; font-weight: bold;  border-bottom: 3px solid #2b5aaa; padding: 8px 15px; margin: 0px 8px;}
.block-title span.active{ background: #3285fa; color: #fff;}
.block-title span a{ float: none;}
.block-title em{ font-style: normal;}
.block-title span.active a{ color: #fff;}
.block-title {padding-bottom: 5px; font-size: 20px; color: #2b5aaa; font-weight: bold;}
.block-title a{ color: #2b5aaa; border-radius: 30px; padding: 5px 15px; font-size: 14px; float: right; font-weight: normal;}

.zhyjzl{ margin-top: 15px;}
.zhyjzlL{ width: 50%; float: left; padding-right: 15px;}
.zhyjzlR{ width: 50%; float: right; padding-left: 15px;}

.youqinglinkdiv{ line-height: 35px;}
.youqinglinkdiv .layui-breadcrumb a{ font-size: 16px;}
.youqinglinkdiv .layui-breadcrumb a:hover{ color: #0362a6 !important;}

.qjs_footer{ background: #2b5aaa; color: #fff; display: inline-block; width: 100%; padding: 15px; box-sizing: border-box;}
.qjs_footer a{ color: #fff;}
.qjs_footer p{ line-height: 30px;}
.qjs_footernn{ max-width: 1300px; position: relative; margin: 0px auto;}
.qjs_footerL{ float: left; width: calc(100% - 220px); text-align: center;}
.qjs_footerL p{ padding-left: 220px;}
.qjs_footerR{ width: 90px; float: right; text-align: center; float: left;}
.qjs_footerR img{ width: 80px;}

.dangjiandiv{ margin-top: 15px; display: inline-block; width: 100%;}
.dangjiandiv .layui-tab-item{ float: right; width: calc(100% - 400px);}


.new.zhoushi li i{ width: 50px; height: 25px; line-height: 25px; margin-top: 5px; background: #c7ddfc; color: #2b5aaa; display: block; float: left; font-style: normal; padding-left: 8px; border-radius: 0px 30px 30px 0px;}

.navul{ position: relative;}
.navul li ul{ position: absolute; left: 0px; top: 60px; z-index: 9; width: 100%; background: #c7ddfc; display: none;  justify-content: center; }
.navul li:hover ul{ display: flex;}
.navul li ul li{ font-size: 16px; width: auto; padding: 0px 15px; border: none; color: #1361cb;height: 45px; line-height: 45px;}
.navul li ul li a{ font-size: 18px; color: #1361cb;}

.xuanchuan{ max-width: 1200px;}
.xuanchuan img{ width: 100%;}

.dangjianimg{ float: left; margin-top: 30px;}

.shengming{ position: fixed; right: 0px; top: 500px;}
.shengming i{ background: #f6f6f6; position: absolute; right: 5px; top: 5px; border-radius: 50%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer;}

.shengmings{ position: fixed; right: 0px; top: 360px;}
.shengmings i{ background: #f6f6f6; position: absolute; right: 5px; top: 5px; border-radius: 50%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer;}

.list{ display: inline-block; width: 100%; margin-top: 15px;}
.list_left{ width: 260px; float: left; background: #eeeeee;}
.list_lefttitle{ padding: 15px; background: #2b5aaa; color: #fff; font-size: 22px; font-weight: bold;}
.list_lefttitle i{ font-size: 32px; margin-right: 8px; }
.list_left ul{ margin-top: 8px;}
.list_left ul li a{  padding: 15px 15px; font-size: 18px;color: #555; display: block;}
.list_left ul li a i{ float: right;}
.list_left ul li a:hover{ background: #2b5aaa;}
.list_left ul li a:hover{ color: #fff;}
.list_left ul li.active a{ background: #2b5aaa; color: #fff;}

.list_right{ width: calc(100% - 280px); float: right;}
.list_righttitle{border-bottom: solid 1px #dbdbdb;margin-bottom: 10px;padding-bottom: 15px;}
.list_righttitle span{ padding: 0px 15px; border-left: 5px solid #0362a6; font-size: 24px; color: #0362a6;}

.list_right .new li:nth-child(5n){ border-bottom: 1px solid #ccc; margin-bottom: 15px;  box-sizing: initial;}
.fenye{ margin: 15px 0px; display: inline-block; width: 100%;}
.fenye ul li{ float: left; padding: 0px 8px; border: 1px solid #ccc; margin: 0px 3px;}
.content{ padding-top: 15px;}
.contenttitle{ padding: 15px 15px; text-align: center; font-size: 24px;}
.fangwengxx{ text-align: center; border-bottom: 1px solid #ccc; padding:15px 0px;}
.fangwengxx ul{ display: flex; justify-content: center;}
.fangwengxx ul li{ margin: 0px 15px;}
.fangwengxx ul li em{ font-style: normal; color: #999; }

.contentfenxiang{ padding: 8px 15px; background: #eee; margin-bottom: 15px; text-align: right; }
.contentfenxiang .daying{ border-right: 1px solid #ccc; padding: 0px 15px; cursor: pointer;}
.contentfenxiang .fenxiang { padding: 0px 15px;}
.contentfenxiang .fenxiang img{ width: 24px; margin: 0px 8px; cursor: pointer; }

.imglist{ padding-top: 15px;}
.imglistdiv{ padding: 8px 0px; border-bottom: 1px solid #ccc; display: inline-block; width: 100%;}
.imglistdivimg{ width: 220px; height: 134px; float: left;}
.imglistdivimg img{ width: 100%; height: 100%; object-fit: cover;}
.imglistdivtxt{ width: calc(100% - 250px); float: right;}
.imglistdivtxt h3{ font-size: 18px; margin: 0px; line-height: 35px; line-height: 35px; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis;}
.imglistdivtxt p{ line-height: 35px; height: 70px; position: relative; overflow: hidden;}
.imglistdivtxt span{color: #999;}

.ztzl{ padding-top: 15px;}
.ztzl ul li{ float: left; text-align: center; width: 25%; margin: 8px 0px; padding: 8px;}
.ztzl ul li img{ width: 100%;}
.ztzl ul li img{ border: 1px solid #ccc; display: block; width: 100%; height: 100%;}
.ztzl ul li span{ display: block; width: 100%;  color: #333; text-align: center; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;}

.imgxwmore{ position: absolute; z-index: 10; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border:2px solid #fff; transform: rotate(180deg); right: 8px; bottom: 8px;}
.imgxwmore i{ color: #fff; font-size: 18px;}

.main .layui-breadcrumb a{ font-size: 16px;}
.main .layui-breadcrumb a:hover{ color: #0362a6 !important;}

.zxdtzs{ padding-bottom: 0px;}
.zxdtzs .new li{ line-height: 42px; height: 42px;}

.fenye ul li.active{ background: #2b5aaa;}
.fenye ul li.active a{ color: #fff;}
.fenye  .input-group-btn{ float: left;}
.txtlist04{
    display: block;line-height: 36px;    
}
.mzdiyp {
    display: inline-block;
    width: 100%;
}

.mzdiypL {
    width: 640px;
    height: 390px;
    float: left;
    position: relative;
}
    /* .mzdiypL .layui-carousel > [carousel-item] div{ position: relative;} */
    .mzdiypL .layui-carousel > [carousel-item] div img {
        object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .mzdiypL .layui-carousel > [carousel-item] div em {
        display: block;
        position: absolute;
        width: 100%;
        height: 40px;
        line-height: 40px;
        z-index: 9;
        color: #fff;
        left: 0px;
        bottom: 0px;
        font-style: normal;
        text-indent: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: rgba(0,0,0,0.5);
    }
    .mzdiypL .layui-carousel > [carousel-item] div i{ position: absolute; right: 8px; bottom: 8px; color: #fff; display: block; width: 25px; height: 25px; line-height: 20px; border-radius: 50%; text-align: center; z-index: 9; border: 2px solid #fff; transform: rotate(180deg); }
.mzdiypR {
    width: calc(100% - 660px);
    float: right;
}

.mzdiypL .layui-carousel-ind {
    top: -70px;
}

.layui-tab-title{ margin-bottom: 0px;}
 .layui-tab-title li {
    font-size: 15px;
    padding: 0px 30px;
    font-size: 20px;
    margin: 0px 5px;
    height: 40px; line-height: 40px;
    font-weight: bold;
} 
.layui-tab-title li a{ text-decoration: none; color: #555;}
.layui-tab-title li.layui-this {
        border: none;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        margin: 0px 5px;
    }
    .layui-tab-title li.layui-this a{ color: #2b5aaa;}


        .layui-tab-brief > .layui-tab-title .layui-this::after{border-bottom: 3px solid #2b5aaa;}

        /* @media screen and (min-width: 1200px){
           .youqinglinkdiv .layui-breadcrumb a{ padding: 0px 30px;}
        } */

        @media screen and (max-width: 1200px){
            .bannerN{ width: 100%;}
            .socx{ clear: both; margin-top: -40px; width: 500px; float: left;}
            .defaultnav{ height: auto; display: inline-block; width: 100%;}
            .defaultnav ul li{ width: 25%; }
            .defaultnav ul li:nth-child(5) ul,.defaultnav ul li:nth-child(6) ul,.defaultnav ul li:nth-child(7) ul,.defaultnav ul li:nth-child(8) ul{ top: 120px;}
            .main{ padding: 15px; box-sizing: border-box;}
            .zhuanti{ padding-right: 50px;}
            .zhuanti .next{ right: 0;}
            
        }
        @media screen and (max-width: 1100px){
            .mzdiypR{ width: 100%; float: none; clear: both;}
            .mzdiypL{ position: relative; float: none; margin: 0px auto;}
            .mzdiyp{ margin-bottom: 15px;}
            .ztzl ul li{width: 33.33%;}
            
        }
        @media screen and (max-width: 768px){
            .zhyjzlL,.zhyjzlR{ width: 100%; padding: 0px;}
            .dangjianimg{ text-align: center; width: 100%; float: none;}
            .dangjianimg img{ max-width: 100%;}
            .dangjiandiv .layui-tab-item{ width: 100%; clear: both; float: none;}
            .qjs_footerL{ width: 100%;}
            .qjs_footerL p{ padding: 0px;}
            .qjs_footerR{ text-align: center; width: 100%;}
            .logoimg img{ width: 120%;}
            .banner{ height: auto; padding-bottom: 15px;}
            .bannerN{ height: auto; display: inline-block; width: 100%; position: relative; overflow: hidden;}
            /* .socx{ display: none;} */
            .logo{ height: auto;}
            .nav li a{ font-size: 14px;}
            .toutiaoR h4 a{ font-size: 17px;}
            .toutiao p{ font-size: 14px;}
            .toutiao p{ height: 90px;}
            .navul li ul li a{ font-size: 14px;}
            .fangwengxx ul{ flex-wrap: wrap;}
            .fangwengxx ul li{ width: 50%; margin: 8px 0px;}
            .ztzl ul li{width: 50%;}
            .defaultnav{ display: none;}
            .smnav{ display: block;}
            
        }
        @media screen and (max-width: 670px){
            .mzdiypL{ width: 100%; height: 61vw;}
            .list_left{ display: none;}
            .list_right{ width: 100%;}
        }
        @media screen and (max-width: 550px){
            .imglistdivtxt p{ display: none;}
            .imglistdivtxt h3{ width: 100%; height: 90px; line-height: 30px; white-space: normal;}
            
        }
        @media screen and (max-width: 530px){
            .socx{ margin-top: 0px; width: 100%; }
            .socx input{ width: calc(100% - 88px);}
        }

        @media screen and (max-width: 460px){
            .imglistdivimg{ position: relative; margin: 0px auto; float: none;}
            .imglistdivtxt{ width: 100%; clear: both; text-align: center;}
            .imglistdivtxt h3{ height: auto;}
        }

        @media screen and (max-width: 400px){
            .xg_zhuantilist li{ width: 200px;}
            .xg_zhuantilist li a img{ width: 100%;}
        }