@charset "utf-8";
/* CSS Document */
/*动画*/
@keyframes bellRing {
    0%,
    100% {
        transform-origin: top;
    }
    15% {
        transform: rotateZ(10deg);
    }
    30% {
        transform: rotateZ(-10deg);
    }
    45% {
        transform: rotateZ(5deg);
    }
    60% {
        transform: rotateZ(-5deg);
    }
    75% {
        transform: rotateZ(2deg);
    }
}
/*头部*/
.ls-special-body{ background:url("../images-cyhj/cy-bodybg.png") top center no-repeat #f8fbfc; }
.ls-special-header{ height: 326px; }
.ls-special-header .img-title{ display: none;}
.ls-special-header .container{ position: relative;}
.guidang{ position: absolute; right: 0; top:0; z-index: 88;}
.ls-special-logo{ padding: 20px 0 0 0; }
.ls-special-logo img{ height: auto; width: 368px;}
.ls-special-right{ text-align: right; position: absolute; right: 0; top: 28px; line-height: 0; font-size: 0;}
.ls-special-right li{float: left;border-radius: 6px;background: rgba(255, 255, 255, 0.25);margin-left: 10px;  padding: 0 14px;}
.ls-special-right li a{display: inline-block; font-size: 15px; line-height: 32px; color: #fff;}
.ls-special-right li a:hover{ opacity: .8;}
.ls-special-right li.back a{background:url("../images-cyhj/back-ico.png") left center no-repeat; padding-left: 18px; }
.ls-special-banner{ text-align: center; padding-top: 60px;}
.ls-special-banner img{ max-width: 100%; height: auto;}
.ls-ai-info{ position: fixed; right: 0;     left: 50%;margin-left: 720px;top:294px; width: 192px;  }
.ls-ai-info .couplet-close{  display: block;  margin-bottom: 10px; text-align: right;}
.ls-ai-info ul{ display: block; background:url("../images-cyhj/ai-bodybg.png")  left bottom repeat-x #f5f8fe; border: 1px solid #fff; border-radius: 6px;}
.ls-ai-info .ai-info{  font-size: 14px;    text-align: justify; color: #7B9EC6;  padding:0 10px 15px 10px; line-height: 24px;}
.ls-ai-info .ai-info a{   color: #7B9EC6; }
.ls-ai-info .ai-info a:hover{   color: #3C78BC; }
@media (min-width: 1200px) and (max-width: 1419px) {

}
@media (min-width: 992px) and (max-width:1199px) {

}
@media (max-width: 991px){
    .ls-special-header{ height: auto; padding-bottom: 40px; }
}
@media (max-width: 767px){
    .ls-special-right{ top:10px;}
    .ls-special-right li{ margin-left: 0; margin-right: 10px;}
    .ls-special-logo{ padding-top: 60px; float: none; text-align: center;}
    .ls-special-logo img{ max-width: 96%; height: auto;}
    .ls-special-banner{ padding: 20px 10px 0 10px;}
    .ls-special-header{padding-bottom: 30px; }
}
/*主体*/
.ls-special-main{ background: #fff; box-shadow: 0 -12px 20px 0 rgba(75, 89, 107, 0.15);}
.ls-special-lbox{ width: 796px; padding: 28px 0 0 30px;}
/*焦点图*/
.ls-flash{ height: 448px; width: 100%;  overflow: hidden; position: relative;}
.ls-flash-pic,.ls-flash-pic ul,.ls-flash-pic li,.ls-flash-pic img{width: 100% !important; height: 100% !important;}
.ls-flash-pic span.title{ position: absolute; left: 0; right: 0; bottom: 0; height: 44px; line-height: 44px; padding: 0 110px 0 14px; font-size: 18px; background: rgba(0, 0, 0, 0.5) !important; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-flash-num{ position: absolute; right: 10px; bottom: 16px; font-size: 0; line-height: 0;}
.ls-flash-num li{ display: inline;}
.ls-flash-num li ,.wza-on .ls-flash-num li { display: inline-block; cursor: pointer; margin-left: 9px; transition: 0.4s all; width:9px; height: 9px; background:  rgba(255, 255, 255, 0.6)!important; border-radius:10px;}
.ls-flash-num li span,.ls-flash-num li a{  display:block; height: 100%;}
.ls-flash-num li.on{ width: 24px; background:#fff !important; }
.wza-black-white .ls-flash-pic span.title{background: rgba(0, 0, 0, 0.5) !important; }
.wza-yellow-black .ls-flash-pic span.title{background: rgba(255, 255, 0, 0.5) !important; }
.wza-yellow-blue .ls-flash-pic span.title{background: rgba(255, 255, 0, 0.5) !important; }
.wza-blue-yellow .ls-flash-pic span.title{background: rgba(0, 0, 255, 0.5) !important; }
.wza-white-black .ls-flash-pic span.title{background: rgba(255, 255, 255, 0.5) !important; }
.wza-black-yellow .ls-flash-pic span.title{background: rgba(0, 0, 0, 0.5) !important; }
@media (min-width: 1200px) and (max-width: 1419px) {
    .ls-special-lbox{ width: 700px; padding: 20px 0 0 20px; }
    .ls-flash{ height: 394px; }

}
@media (max-width: 1199px){
    .ls-special-main{ padding: 30px;}
    .ls-special-lbox{ width: auto; float: none; padding: 0; }
   .ls-flash{ height: 536px !important; }
}
@media (max-width: 991px){
    .ls-special-main{ padding: 20px;}
   .ls-flash{ height: 410px !important; }
}
@media (max-width: 767px){
    .ls-special-main{ padding: 10px;}
    .ls-flash{ height: 420px !important; }
    .ls-flash-pic span.title{ font-size: 16px; padding: 0 100px 0 10px;}
    .ls-flash-num li ,.wza-on .ls-flash-num li{ margin-left: 5px;}
}
@media (max-width: 667px){
    .ls-flash{height: 364px !important;}
}
@media (max-width: 567px){
    .ls-flash{height: 308px !important;}
}
@media (max-width: 414px){
    .ls-flash{height: 222px !important;}
}
@media (max-width: 390px){
    .ls-flash{height: 208px !important;}
}
@media (max-width: 375px){
    .ls-flash{height: 200px !important;}
}
@media (max-width: 360px){
    .ls-flash{height: 191px !important;}
}
@media (max-width: 320px){
    .ls-flash{height: 169px !important;}
}
/*左侧*/
.ls-special-news{ height: 334px; margin: 20px 0; }
.ls-special-tabs{  position: relative; border-bottom: 1px solid #E0E0E0;}
.ls-special-tabs li{ float: left; margin-right: 30px; }
.ls-special-tabs li a{ height: 47px; position: relative; display: block;   line-height: 28px; font-size: 24px; }
.ls-special-tabs li  i{display: block; position:absolute; left:50%; bottom:0; height:4px; width:0; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border-radius: 4px; background: #125DB2;}
.ls-special-tabs li.active a{  font-weight: bold; color: #125DB2;}
.ls-special-tabs li.active  i{ width:100%; left:0;}
.ls-special-tabs .more{ position: absolute; right: 0; top:0;  font-size: 16px; color: #999;  line-height: 28px;}
.ls-special-tabs .more:hover{ color: #125DB2;}
.ls-special-list{ margin-top: 8px;}
.ls-special-list li{ font-size: 16px;   height: 40px; line-height: 40px; position: relative; background: url(../images-new/ico.png) no-repeat left center; padding:0 70px 0  16px; }
.ls-special-list li a{  display: inline-block; max-width: 96%; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-special-list li .date{ right: 0; top:0; position: absolute; color: #999;}
.ls-zc-box{ min-height: 120px; margin-top: 12px;}
.ls-zc-boxone{  padding-bottom: 15px; margin-bottom: 10px;   border-bottom: 1px dotted #ddd;}
.ls-zc-box .tit{background: #125DB2; width: 15px; position: relative; padding: 0 9px; margin-top: 5px;   height: 114px;}
.ls-zc-box .tit a{color: #fff; font-size: 16px; display: block; padding-top: 12px; line-height: 22px;}
.ls-zc-box .tit .ico{ position: absolute; top:50%; margin-top: -3px; right:-12px; width:0; height: 0; border:6px solid;border-color:transparent transparent transparent #125DB2; }
.ls-zc-box  .list{  margin-left: 50px;}

.ls-knowledge-list{ margin-top: 20px;}
.ls-knowledge-list li{padding:16px; margin-bottom: 16px;  box-sizing: border-box;border: 1px solid #CEEAFF;border-radius: 4px;background: #fff;}
.ls-knowledge-ask,.ls-knowledge-answer{ padding-left: 55px; position: relative;}
.ls-knowledge-list .ls-knowledge-answer{ height: 64px; overflow: hidden;}
.ls-knowledge-list .ico,.ls-knowledge-answer .ico{ display: block; position: absolute; left: 0; top: 0; width: 40px; height: 26px; line-height: 26px; font-weight: bold; font-size: 16px; color: #fff; background: 0 0 no-repeat; text-align: center;}
.ls-knowledge-ask .ico{ background-image: url("../images-cyhj/wen-ico.png") !important;}
.ls-knowledge-answer .ico{ top: 0; background-image: url("../images-cyhj/da-ico.png") !important;}
.ls-knowledge-ask{ margin-bottom: 15px;}
.ls-knowledge-ask .title{ line-height: 26px; display: inline-block; max-width: 100%; height: 26px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  font-weight: bold; font-size: 18px;}
.ls-knowledge-ask .title:hover{color: #ec0000; }
.ls-knowledge-answer .info{font-size: 18px; line-height: 28px; color: #666;}
.ls-knowledge-answer .info a{color: #50a6ef;}
.ls-knowledge-answer .info a:hover{color: #ed8220;}
.ls-knowledge-dateinfo{  background: #F3F9FF; padding: 6px 0 6px 55px; line-height: 28px; font-size: 16px; color: #666666;;}
.ls-knowledge-dateinfo span{display:inline-block; margin-right: 30px;}
@media (min-width: 1200px) and (max-width: 1419px) {
    .ls-knowledge-answer .info{font-size: 16px;}
}
@media (max-width: 1199px){
    .ls-knowledge-list .ls-knowledge-answer{ height: auto;  margin-bottom: 8px;}
}
@media (max-width: 991px){
    .ls-special-tabs li{ margin-right: 20px;}
    .ls-special-list li img{ display: none;}
    .ls-special-list li a{ max-width: 100%;}

}
@media (max-width: 767px){
    .ls-special-tabs li{ margin-right: 15px;}
    .ls-special-tabs li a{ font-size: 22px;}
    .ls-special-tabs .more{ display: none;}
    .ls-special-list li{ padding-right: 60px;}

    .ls-zc-box .tit{ padding: 0; height: auto; margin-bottom: 5px; text-align: center; float: none; width: auto;}
    .ls-zc-box .tit br{ display: none;}
    .ls-zc-box .tit a{  padding: 5px 10px;   line-height: 1.6;  }
    .ls-zc-box .tit .ico{ display: none;}
    .ls-zc-box .list{ margin-left: 0;}

    .ls-knowledge-ask .title{ font-size: 16px;}
    .ls-knowledge-answer .info{ font-size: 16px;}
    .ls-knowledge-dateinfo{ padding: 6px 0; }
    .ls-knowledge-dateinfo span{ margin:0 10px;}

}
/*右侧*/
.ls-special-rbox{ width: 554px; box-sizing: border-box; padding: 28px 40px 40px 40px; position: relative; background: linear-gradient(90.00deg, rgba(248, 251, 255, 1),rgba(248, 251, 255, 1) 100%);}
.ls-special-rbox::before{  position: absolute; display: block; content: ""; width: 1px; left:0; top:0; bottom: 0;  background: linear-gradient(180.00deg, rgba(187, 213, 242, 0),rgba(187, 213, 242, 1) 7%,rgba(187, 213, 242, 1) 43%,rgba(187, 213, 242, 1) 91%,rgba(187, 213, 242, 0) 100%);}
.ls-bszd-title{ text-align: center; margin-bottom: 20px;}
.ls-bszd-title img{ width: 474px; height: auto; max-width: 100%;}
.ls-bszd-list{ overflow: hidden;}
.ls-bszd-list ul{  margin-right: -24px;}
.ls-bszd-list li{ float: left;  width: 221px;  margin: 0 24px 20px 0; }
.ls-bszd-list li img{ width: 36px; height: auto;  }
.ls-bszd-list li a{ display:block;height: 80px; border-radius: 4px;box-shadow: 2px 4px 4px 0 rgba(119, 136, 157, 0.2); background: #fff; font-size: 18px; padding: 0 4px 0 15px; position: relative;}
.ls-bszd-list li img{ float: left; margin-top: 22px;}
.ls-bszd-list li .img_title{ position: absolute; left:62px; right: 20px; top:50%; margin-top: -12px; line-height: 24px; }
.ls-bszd-list li a:hover img{ animation: bellRing 0.9s both;}
.ls-zslink{  margin-top: 20px; }
.ls-zslink li a{ display: block; text-align: center;}
.ls-zslink li img{ max-width: 100%; height: auto;}
.ls-zslink .img-title{ display: none;}
@media (min-width: 1200px) and (max-width: 1419px) {
    .ls-special-rbox{width: 454px;  padding: 28px 20px 20px 20px; }
    .ls-bszd-list li{ width: 193px;}

}
@media (max-width: 1199px){
    .ls-special-rbox{ width: auto; float: none;     padding: 20px;}
    .ls-special-rbox::before{ display: none;}
    .ls-bszd-list li{ width: 204px;}
}
@media (max-width: 991px){
    .ls-special-rbox{   padding: 15px;}
    .ls-bszd-title{ margin-bottom: 15px;}
    .ls-bszd-list ul{ margin-right: -2%;}
    .ls-bszd-list li{ width: 31%; margin-right: 2%;}
}
@media (max-width: 767px){
    .ls-special-rbox{   padding: 10px;}
    .ls-bszd-title{ margin-bottom: 10px;}
    .ls-bszd-list li{ width: 47.5%;  text-align: center;}
    .ls-bszd-list li a{ box-sizing: border-box; padding: 10px;}
    .ls-bszd-list li img{ float: none; margin: 0 auto;}
    .ls-bszd-list li .img_title{ position: static; display: block; line-height: 24px; height: 24px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin: 0 !important;}
    .ls-zslink{ margin-top: 10px;}
}
@media (max-width: 450px){
    .ls-bszd-list ul{ margin-right:0;}
    .ls-bszd-list li{ width:auto; float: none; margin: 0 5px 15px 5px;}
}

/*栏目页*/
.ls-container{ box-shadow: 0 -12px 20px 0 rgba(75, 89, 107, 0.15); border-radius:0;}
.listnews{  font-size:16px; line-height:2; margin-top: 15px; }
.listnews ul{ clear: both;}
.listnews li{  background: url(../images-new/ico.png) left center no-repeat; padding-left:16px; font-size:16px; line-height:40px; overflow:hidden;position: relative;}
.listnews ul.doc_list li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 1200px;}
.listnews li span.date{ color:#999; position: absolute;right: 0;top: 0;}
.doc_list li .buvisa{ display:inline-block; max-width:755px; _width:755px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listnews li a span.buvis{ color:#999;}
.listnews li a:hover span.buvis{ color:#c00;}
.listnews td{ line-height:26px;}
.listnews li.lm_line{ border-bottom:1px dashed #ededed; padding:18px 0 0; height:0; line-height:0; margin-bottom:18px; background:none;}
.listnews li.lm_line.add{ display:none;}
.doc_list li{ overflow: hidden;}
.doc_list li img{ padding:10px 0 0 5px; float:left;}
.doc_list li .blue_font{ color:#0080ff;}
.listnews li.columnName{ background:#f9fafb; font-size: 18px;  margin-bottom:5px; padding: 5px 0 5px 20px;}
.listnews li.columnName a.title{ font-weight:bold; float: none; white-space:normal; max-width: none; display: block; margin-right: 80px;}
.listnews li.columnName a.more{ font-size:14px; color:#999; margin-right: 0 !important; position: absolute; right: 12px; top:5px;}
.listnews li.columnName a.more:hover{ color:#c00;}
@media (min-width: 1200px) and (max-width: 1419px) {
    .listnews ul.doc_list li a{ max-width: 1000px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .listnews ul.doc_list li a{ max-width: 700px;}
}
@media (max-width: 991px){
    .listnews ul.doc_list li a{ float:none !important; display: block; margin-right: 100px;}
    .listnews ul.doc_list li img{ display: none;}
}
@media (max-width: 767px){
    .listnews{margin-top: 10px;}
}