/*
 * Author:zhuly
 * time:2020/06/02
 * Company:cait
 */
/* 首页样式 */
/* 顶部开始 */
@media screen and (max-width:1920px) {
    .ccai_top{
        width:100%;
        min-width: 1200px;
        height: 55px;
        background-color: #fcf9f5;
        margin:0 auto;
    }
}

@media screen and (min-width:1920px) {
    .ccai_top{
        width:1920px;
        height: 55px;
        background-color: #fcf9f5;
        margin:0 auto;
    }
}
.ccai_top_main{
    width: 1200px;
    margin: 0 auto;
}
.ccai_yx{
    float: left;
}

.ccai_yx p{
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin-left: 20px;
    padding: 0px 10px;
    background-color: #a3daf8;
    margin-top: 12px;
}
.ccai_yx p:nth-child(2) a{
    display: block;
}
.ccai_yx p:nth-child(2) a img{
    padding-right: 10px;
    vertical-align: middle;
}
.ccaitime{
    float: left;
    height: 55px;
    line-height: 55px;
    margin-left: 200px;
    font-size: 14px;
    color: #3171b7;
}
.search{
    float: right;
    margin-top: 7px;
    margin-right: 50px;
}
.search input{
    width: 340px;
    height: 38px;
    color: #919599;
    border: 1px solid #919599;
    float: left;
    font-size: 16px;
    padding-left: 10px;
}
.search_btn{
    display: block;
    float: left;
    height: 40px;
    cursor: pointer;
}
/* 顶部结束 */
/* 头图开始 */
@media screen and (max-width:1920px) {
    .logobox{
        width:100%;
        min-width: 1200px;
        height: 205px;
        background:url(../images/sy_banner.jpg) center center no-repeat;
        margin:0 auto;
    }
}

@media screen and (min-width:1920px) {
    .logobox{
        width:1920px;
        height: 205px;
        background:url(../images/sy_banner.jpg) top left no-repeat;
        margin:0 auto;
    }
}
.logobox img{
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}
/* 头图结束 */
/* 导航开始 */
@media screen and (max-width:1920px) {
    .nav{
        width:100%;
        min-width: 1200px;
        height: 55px;
        background-color:#08387E;
    }
}

@media screen and (min-width:1921px) {
    .nav{
        width:1920px;
        height: 55px;
        background-color:#08387E;
        margin:0 auto;
    }
}
.nav ul{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    height: 55px;
    line-height: 55px;
}
.nav ul li{
    flex: auto;
    height: 55px;
    line-height: 55px;
    background-repeat: no-repeat;
    background-position: 5px 13px;
}
.nav ul .li01{
    background-image: url(../images/sy_ico01.png);
}
.nav ul .li02{
    background-image: url(../images/sy_ico02.png);
}
.nav ul .li03{
    background-image: url(../images/sy_ico03.png);
}
.nav ul .li04{
    background-image: url(../images/sy_ico04.png);
}
.nav ul .li05{
    background-image: url(../images/sy_ico05.png);
}
.nav ul .li06{
    background-image: url(../images/sy_ico06.png);
}
.nav ul .li07{
    background-image: url(../images/sy_ico07.png);
}
.nav ul .li08{
    background-image: url(../images/sy_ico08.png);
    background-position: 5px 17px;
    background-size: 32px;
}
.nav ul .li09{
    background-image: url(../images/sy_ico09.png);
    background-position: 10px 17px;
}
.nav ul .li10{
    background-image: url(../images/sy_ico10.png);
    background-position: 5px 20px;
    background-size: 36px;
}
.nav ul .li10 a {
    font-size: 14px;
    text-align: center;
    line-height: normal;
    padding-top: 9px;
}
.nav ul li a{
    box-sizing: border-box;
    display: block;
    height: 55px;
    line-height: 55px;
    color: #fff;
    padding-left: 44px;
    padding-right: 15px;
}
.nav ul li:hover,
.nav ul li.active {
    background-color:#1c5ef9;
}
/* 导航结束 */
/* 新闻开始 */
.column1{
    width: 1178px;
    margin: 00px auto;
    padding: 10px;
    border: 1px solid #b0b0b0;
}
.column1_l{
    width: 590px;
    float: left;
}
.lunbo{
    width: 590px;
    height: 450px;
    overflow: hidden;
    position: relative;
}
.lunbo_img{
    width: 590px;
    height: 450px;
    float: left;
    overflow: hidden;
}
.lunbo_img ul{
    position: relative;
}
.lunbo_img ul li{
    width: 590px;
    height: 450px;
    overflow: hidden;
    /* position: absolute;
    top: 0px;
    left: 0px; */
    float: left;
}
.lunbo_img ul li a{
    width: 590px;
    height: 400px;
    display: block;
}
.lunbo_img ul li a img{
    width: 590px;
    height: 400px;
    display: block;
}
.lunbo_img ul li h2{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    width: 593px;
    background-color: #f1f0ee;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 2em;
    color: #333;
}
#cricle{
    position: absolute;
    right: 20px;
    top: 380px;
}
#cricle ul li{
    float:left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 5px; 
    background:#fafafa;
    text-indent: 100px;
    cursor: pointer;
}
#cricle ul .on{
    background:#db0606;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin-left: 5px;
}
.lunbo_btn span{
    position: absolute;
    color: #fff;
    background: rgba(125,125,120,.3);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: 50%;
    margin-top: -25px;
    text-align: center;
    cursor: pointer;
}
.prev{
    left: 10px;
}
.next{
    right: 10px;
}
.lunbo_btn span img{
    padding-top: 12px;
}
.lunbo_btn span::selection{
    background: transparent;
}
.lunbo_btn span:hover{
    background: rgba(125,125,120,.8);
}
.sy_news_box{
    height: 80px;
    margin: 0px auto;
    padding: 10px;
    border-bottom:1px dashed #ccc;
}
.sy_news_img{
    margin-right: 20px;
    float: left;
}
.sy_news_img a img{
    width: 95px;
    height: 70px;
    display: block;
    margin-top: 10px;
}
.sy_news_content{
    float: left;
    width: 430px;
}
.sy_news_content h4 a{
color:#313131
}
.sy_news_content h4{
    font-size: 16px;
    color: #313131;
    line-height: 30px;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sy_news_content p{
    font-size: 14px;
    color: #313131;
    height: 50px;
    line-height: 25px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2; 
}
.sy_news_more{
    text-align: right;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}
.sy_news_more a{
    font-size: 16px;
    color: #1a5284;
    padding: 5px 10px;
}

.tpxw_tit{
    background:#daecf54a;
    height: 45px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.tpxw_tit p{
    width: 100px;
    padding-left: 10px;
    height: 45px;
    line-height:45px;
    border-bottom: 3px solid #1a5284;
    font-size: 20px;
    color: #1a5284;
}
.tpxw_tit a{
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 2px 6px;
}
/* 新闻结束 */
/* 通知公告和培训地址开始 */
.column1_r{
    width: 568px;
    float: left;
    margin-left: 20px;
}
.sy_tzgg{
    width: 100%;
    float: left;
}
.tzgg_tit{
    height: 50px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.tzgg_tit p{
    width: 100px;
    padding-left: 10px;
    height: 48px;
    line-height:48px;
    border-bottom: 3px solid #1a5284;
    font-size: 20px;
    color: #1a5284;
}
.tzgg_tit a{
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 2px 6px;
}
.sy_tzgg ul{
    margin-top: 10px;
}
.sy_tzgg ul li{
    height: 35px;
    background: url(../images/li_bg.png) left center no-repeat;
    line-height: 35px;
}
.sy_tzgg ul li a{
    width: 568px;
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #666;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sy_tzgg ul li:hover{
    background: url(../images/li_bg.png) left center no-repeat;
    height: 35px;
    line-height: 35px;
    background-color: #f7f7f7;
}
.sy_tzgg ul li a:hover{
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #1a5284;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sy_pxdz{
    width: 570px;
    
}
.pxdz_tit{
    height: 50px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.pxdz_tit p{
    width: 100px;
    padding-left: 10px;
    height: 48px;
    line-height:48px;
    border-bottom: 3px solid #1a5284;
    font-size: 20px;
    color: #1a5284;
}
.pxdz_tit a{
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 2px 6px;
}
.sy_pxdz ul{
    margin-top: 10px;
}
.sy_pxdz ul li{
    height: 35px;
    background: url(../images/li_bg.png) left center no-repeat;
    line-height: 35px;
}
.sy_pxdz ul li a{
    width: 480px;
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #666;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sy_pxdz ul li:hover{
    background: url(../images/li_bg.png) left center no-repeat;
    height: 35px;
    line-height: 35px;
    background-color: #f7f7f7;
}
.sy_pxdz ul li a:hover{
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #1a5284;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
/* 通知公告和培训地址开始 */
/* 中间图片轮播开始 */
.column2{
    width: 1198px;
    margin:  20px auto;
    background: linear-gradient(to bottom, #edf4fc, #fefefd);
    border: 1px solid #ccc;
}
.ztcont {
    width: 1130px;
    position: relative;
    padding: 10px 30px;
    height: 60px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.ztcont .swiper-button-next, .ztcont .swiper-container-rtl .swiper-button-prev {
    position: absolute;
    height: 80px;
    top: 10px;
    right: 10px;
    background: url(../images/prev.png) right center no-repeat;
    margin-top: 0;
    outline: 0 none !important;
}
.ztcont .swiper-button-prev, .ztcont .swiper-container-rtl .swiper-button-next {
    position: absolute;
    height: 80px;
    top: 10px;
    background: url(../images/next.png) left center no-repeat;
    left: 10px;
    margin-top: 0;
    outline: 0 none;
}
.ztcont img {
    border-radius: 4px;
    width: 200px;
    height: 60px;
}
/* 中间图片轮播结束 */
/* 业务专区和数据查询开始 */
.colunmn3{
    width: 1200px;
    margin: 0 auto;
}
.ywzq{
    width: 590px;
    height: 250px;
    float: left;
    border: 1px solid #ccc;
    padding: 10px 0px;
    box-sizing: border-box;
}
.ywzq_bg{
    height: 40px;
    background: url(../images/col3_bg.png) top left no-repeat;
    position: relative;
}
.ywzq_bg h4{
    height: 40px;
    line-height: 40px;
    margin-left: 63px;
    font-size: 20px;
    color: #1a5284;
    font-weight: 600;
    font-family: "微软雅黑";
}
.ywzq_bg a{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
    color: #1a5284;
    padding: 5px 10px;
}
.ywzq ul{
    width: 555px;
    margin: 20px auto;
}
.ywzq ul li{
    height: 43px;
    background: url(../images/li_bg.png) left center no-repeat;
    line-height: 43px;
    border-bottom: 1px dashed #ccc ;
}
.ywzq ul li a{
    width: 480px;
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #666;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ywzq ul li span{
    text-align: left;
    color: #666;
}
.ywzq ul li:hover{
    background: url(../images/li_bg.png) left center no-repeat;
    height: 43px;
    line-height: 43px;
    background-color: #f7f7f7;
    border-bottom: 1px dashed #ccc ;
}
.ywzq ul li a:hover{
    width: 480px;
    margin-left: 20px;
    display: block;
    float: left;
    text-align: left;
    color: #1a5284;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sjcx{
    float: left;
    margin-left: 20px;
    width: 590px;
    height: 348px;
    border: 1px solid #ccc;
    padding: 10px 0px;
    box-sizing: border-box;
}
.sjcx_bg{
    height: 40px;
    background: url(../images/col3_bg.png) top left no-repeat;
    position: relative;
}
.sjcx_bg h4{
    height: 40px;
    line-height: 40px;
    margin-left: 63px;
    font-size: 20px;
    color: #1a5284;
    font-weight: 600;
    font-family: "微软雅黑";
}
.sjcx_bg a{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
    color: #1a5284;
    padding: 5px 10px;
}
.spgy{
    width: 550px;
    height: 100px;
    margin: 15px auto;
}
.spgy a img{
    display: block;
}
.cx{
    width: 550px;
    margin: 15px auto;
}
.hybz{
   width: 265px;
   height: 145px;
   float: left; 
}
.hybz a img{
    display: block;
}
.hzcx{
    width: 265px;
    height: 145px;
    float: left;
    margin-left: 15px;
}
.hzcx a img{
    display: block;
}
/* 业务专区和数据查询结束 */

.bottom_line{
    width: 1200px;
    height: 10px;
    margin: 20px auto;
    border-bottom: 2px solid #1c5ef9;
}
/* 相关链接开始 */
.friendship{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}
.friebox{
    width: 1200px;
    margin: 0 auto;
}
.friebox ul li {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 16px;
    color: #005bac;
    font-weight: bold;
}
.friebox ul li a{
    font-size: 16px;
    color: #005bac;
    font-weight: bold;
}
.friebox i {
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-left: 10px;
    background: url(../images/up_bot.png);
    vertical-align: middle;
}
.ico_top i {
    background: url(../images/up_top.png);
}
.fre_con {
    display: none;
    position: relative;
    float: left;
    width: 1148px;
    padding: 0 25px 10px 25px;
    margin-top: 15px;
    background: #f8f8f8;
    border: 1px #e4e4e4 solid;
}
.ellip {
    display: block;
}
.fre_con span {
    position: absolute;
    left: 179px;
    top: -11px;
    width: 19px;
    height: 11px;
    background: url(../images/fre_ico.png);
    background-size: 19px 11px;
}
.fre_con ol li {
    float: left;
    width: 20%;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    list-style: none;
}
.fre_con ol li a {
    color: #333;
}
.fre_con .left429 {
    left: 572px;
}
.fre_con .left729 {
    left: 969px;
}

/* 相关链接结束 */
/* 底部版权开始 */
.footer{
    width: 100%;
    min-width: 1200px;
    height: 180px;
    background-color: #08387E;
}
.footer ul{
    width: 1200px;
    margin: 0px auto;
    padding-top: 45px;
}
.footer ul li{
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: "微软雅黑";
    height: 30px;
    line-height: 30px;
}
/* 底部版权结束 */
.kyxm_p{line-height: 30px;text-indent: 32px;margin-top: 20px;}
.kyxm_table{width:750px;margin:0 auto;margin-top:20px;text-align:center;border-collapse:collapse}
.kyxm_table tr{height:40px;}
.kyxm_table td{border:1px solid #ccc;}
.kyxm_table .kyxm_thead{background-color: rgb(81, 130, 187);color: #fff;border-bottom-width: 0;font-size:16px}
.pname{text-align:left;padding-left:5px;}

.w-modal-mask{
    display:none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(255 255 255);
    background-image:none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 9998;
}
	  
.login{width:640px;position:fixed;border:#ebebeb solid 1px;height:460px;top:35%;left:45%;display:none;  );
    background:#ffffffbd;
box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:-250px;margin-top:-140px;border-radius: 13px;}
.login-title{width:100%;margin:0px 0px 0px 0px;text-align:center;line-height:40px;    height: 60px;font-size:30px;position:relative;    font-weight: 800;    
    color: #fff;  background:#0b5394;border-top-left-radius: 13px;
    border-top-right-radius: 13px;}
    .login-input-content{
      position:relative;  
    }
.login-title span{position:absolute;font-size: 16px;right: 0;top: 0;width:40px;height:40px;border-radius:20px;font-weight: 800;}

.login-input input {
    width: 110%;
    border: none;
    height: 40px;
    line-height: 44px;
    padding-left: 10px;
    border: 1px #c3bdbd solid;
}
.login-input textarea {
 padding-left: 10px;
    border: 1px #c3bdbd solid;
           resize: none;
            width: 385px;
    height: 92px;
}
 .login-input span i {
    font-style: normal;
    color: #ed2c18;
    margin-right: 5px;
}

.login-title span a{display:block;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;    margin: 0 auto;
    width: 65%;}
.list-input textarea::placeholder {
        color:#000;
    }
.login-input span{display: block;
    text-align: left;
    width: 100px;
    font-size: 16px;
    color: #000;
    line-height: 46px;
    float: left;
    font-weight: 800;

}
.w-spacing {
    padding: 8px 30px;
}

.home-banner-swiper {
    width: 1200px;
    margin: 10px auto;
    height: 110px;
    box-sizing: border-box;
}
.home-banner-swiper .swiper-slide img {
    display: block;
    width: 1200px;
    max-height: 110px;
    object-fit: cover;
}

/* 移动端汉堡条占位，桌面不显示 */
.nav-mobile-bar {
    display: none;
}