@charset "utf-8";
/* CSS Document */
body{ background: #fff;}
a:focus,input:focus,textarea:focus,select:focus,button:focus,textarea:focus{outline:none !important;}
.wza-on a:focus,.wza-on input:focus,.wza-on textarea:focus,.wza-on select:focus,.wza-on button:focus,.wza-on textarea:focus{outline:auto !important;}
@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);
    }
}
@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
.container{ width: 1260px;}
@media (min-width: 1200px) and (max-width: 1259px) {
    .container { width: 1200px;}
}
@media (max-width: 1199px) and (min-width: 992px){
    .container{ width: 992px;}
}
@media (max-width: 991px) {
    .container { width: 768px;}
}
@media (max-width: 767px) {
    .container { width: 100%;}
}
/*头部*/
.ls-special-bodybg{ background:url(../images-zcjdk/zjwjk-bannerbg.png) top center no-repeat;}
.ls-special-bannerbg{  height: 400px;}
.ls-special-header .container{ position: relative;}
.ls-special-header .img-title{ display: none;}
.ls-special-logo{  padding:20px 0 0; line-height: 0; font-size: 0; }
.ls-special-logo img{vertical-align: middle; max-height: 60px; max-width: 98%;}
.ls-logo-gh,.ls-unit-name,.ls-logo-gh li,.ls-unit-name li{ display: inline;}
.ls-special-right{ position: absolute; right: 0; top:20px;}
.ls-special-right li{ float: left; line-height: 0;}
.ls-special-right li a{   display: inline-block;padding: 0 16px;height: 32px;line-height: 32px;font-size: 16px;color: #fff;margin-left: 10px;background: rgba(0, 0, 0, 0.1); border-radius: 10px; }
.ls-special-right li a:hover{ background: #5897f4;}
.ls-special-banner{  padding: 90px 0 40px 0; text-align: center;}
.ls-special-banner img{ max-width: 100%; height: auto;}
.ls-special-banner a{ display: inline-block;}
.guidang{ position: absolute; right: 0; top:0;}
.ls-special-search{ width: 580px; margin:0 auto;  position: relative;}
.ls-special-search ul{ display: block; height: 52px; position: relative;  padding-right: 100px; background: #fff; border-radius: 50px;   -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.ls-special-search ul.srkcssblue{outline: none;border-color:#ffc561;}
.ls-special-search li.se_box{ padding:0 15px 0 30px; }
.ls-special-search li.se_box input{ width: 100%; border: none;   font-size: 18px; height: 52px; line-height: 52px; }
.ls-special-search li.se_box input::-webkit-input-placeholder {color: #999;}
.ls-special-search li.se_box input:-moz-placeholder {color: #999;}
.ls-special-search li.se_box input:-ms-input-placeholder {color: #999;}
.ls-special-search li.se_box input:focus::-webkit-input-placeholder{color: transparent;}
.ls-special-search li.sea_an{ position: absolute; right: 0; top:0; background: #FFB940; border-radius: 50px; width: 100px; bottom: 0;}
.ls-special-search li.sea_an input{ width: 100%; height: 100%; font-size: 0; background:url(../images-zcjdk/zcksearch-ico.png) center center no-repeat;  border: none;  color: #fff;  }
@media (min-width: 1200px) and (max-width: 1259px) {

}
@media (max-width: 1199px) and (min-width: 992px){

}
@media (max-width: 991px) {
    .ls-special-search{ width: 98%;  }
    .ls-special-bannerbg { height: auto; padding-bottom: 30px; }
}
@media (max-width: 767px) {
    .ls-special-bannerbg { height: auto; padding-bottom: 20px; }
    .ls-special-right{ right: 10px; position: static; margin-top: 10px;}
    .ls-special-right li a{ margin-bottom: 5px;}
    .ls-special-logo{ text-align: center; width: 100%; padding-top: 10px;}
    .ls-special-logo img{ max-height:none; height: auto;}
    .ls-special-banner img{ max-width: 98%;}
    .ls-special-banner{ padding: 20px 0;}
    .ls-special-search ul{ height: 50px; padding-right: 70px;}
    .ls-special-search li.se_box input{  font-size: 16px; height: 50px; line-height: 50px; }
    .ls-special-search li.sea_an{ width: 80px; }
}
/*主体*/
.ls-row{ margin-bottom: 30px; padding: 0 28px;}
.ls-zcwjk-bg{ background:url(../images-zcjdk/smzq-bg.png) bottom center no-repeat; }
.ls-linkimgbg{ border-radius: 10px 10px 0 0; padding: 30px 28px 0 28px; background: #fff;}
.ls-linkimg li{ float: left; width: 580px;}
.ls-linkimg li img{ width: 100%;}
.ls-linkimg li.num2{ float: right;}
.ls-linkimg li .img-title{ display: none;}

.ls-zcwjk-title{ min-height:44px; line-height: 44px; background:url(../images-zcjdk/title-bg.gif) center center repeat-x; text-align: center;}
.ls-zcwjk-title .tit{ display: inline-block; color: #2563D1; font-weight: bold; font-size: 42px; background: #fff; position: relative; padding: 0 68px;}
.ls-zcwjk-title .il{ display: block; position: absolute; background:url(../images-zcjdk/tit-lico.png) 0 0 no-repeat; left:0; top: 7px; width: 33px; height: 30px;}
.ls-zcwjk-title .ir{ display: block; position: absolute; background:url(../images-zcjdk/tit-rico.png) 0 0 no-repeat; right:0; top: 7px; width: 34px; height: 30px;}

.ls-zcwjk-tabs{ text-align: center; margin-top: 30px;}
.ls-zcwjk-tabs li{ display: inline-block; margin:0 14px; }
.ls-zcwjk-tabs li a{ height: 60px; line-height: 60px; border-radius: 50px; background: #eaf3ff;  padding: 0 30px; font-size: 28px; display: inline-block; }
.ls-zcwjk-tabs li.active a{ background: #2563d1; color: #fff;}
.ls-qygr-link{ padding: 90px 0 0 0;}
.ls-qygr-link li{  width: 12.5%; float: left; text-align: center;}
.ls-qygr-link li img{ width: 95px; height: 95px;}
.ls-qygr-link li .img_title{ display: block; font-size: 20px; padding: 0 5px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-weight: bold;  height: 80px; line-height: 80px; }
.ls-qygr-link li a:hover{ color:#2563d1; }
.ls-qygr-link li a:hover img {animation: bellRing 0.9s both;}
/*解读形式*/
.ls-zcwjk-jdxx{ margin-top: 40px; }
.ls-zcwjk-list li{ width: 580px; float: left; position: relative; font-size: 18px; line-height: 32px; padding: 20px 0;   border-bottom: 1px solid #ddd;}
.ls-zcwjk-list li.even{  float: right; }
.ls-zcwjk-list li .title{ display: inline; }
.ls-zcwjk-list li .gl{ display: inline; float: none;}
.ls-zcwjk-list li .gl .split{ color: #e9e9e9; margin-right: 5px;}
.ls-zcwjk-list li .gl .a{ color: #D90808;}
.ls-zcwjk-list li .nr{ padding-right: 70px; height: 64px; display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.ls-zcwjk-list li .date{ position: absolute; right: 0; top:20px; color: #999;}
@media (min-width: 1200px) and (max-width: 1259px) {
    .ls-linkimg li{  width: 556px;}
    .ls-linkimg li img{ height: 115px;}
    .ls-zcwjk-list li{ width: 556px;}
}
@media (max-width: 1199px) and (min-width: 992px){
    .ls-linkimgbg{ padding: 20px 20px 0 20px;}
    .ls-linkimg li{  width: 466px;}
    .ls-linkimg li img{ height: 96px;}
    .ls-zcwjk-tabs li{ margin: 0 10px;}
    .ls-zcwjk-tabs li a{ padding: 0 18px;}

}
@media (max-width: 1199px) {
    .ls-zcwjk-list li,.ls-zcwjk-list li.even{ width: auto; float: none;}
    .ls-zcwjk-list li .nr{ height: auto; display: inline; padding: 0;}
    .ls-zcwjk-list li .gl .a{ display: inline-block;}
    .ls-zcwjk-list li .date{ position: static; float: none; display: inline-block;}
}
@media (max-width: 991px) {
    .ls-linkimgbg{ padding: 20px 20px 0 20px;}
    .ls-zcwjk-tabs{ margin-top: 20px;}
    .ls-zcwjk-tabs li{ margin: 0 10px;}
    .ls-zcwjk-tabs li a{ padding: 0 18px;}
    .ls-qygr-link{ padding: 20px 0 0 0;}
    .ls-qygr-link li{ width:25%; }
    .ls-linkimg li,.ls-linkimg li.num2{ float: none; width: auto; text-align: center;}
    .ls-linkimg li.num2{ margin-top: 20px;}
    .ls-linkimg li img{ height: auto;}

}
@media (max-width: 767px) {
    .ls-zcwjk-bg{ background-color: #fff;}
    .ls-row{ padding: 0 10px; margin-bottom: 20px;}
    .ls-linkimgbg{   padding: 10px 10px 0 10px;}
    .ls-zcwjk-title .tit{  padding: 0 40px; font-size: 34px;}
    .ls-zcwjk-jdxx{ margin-top: 20px;}
    .ls-zcwjk-tabs{ margin-top: 10px;}
    .ls-zcwjk-tabs{ text-align: left;}
    .ls-zcwjk-tabs li{ margin: 0 5px 10px 5px; }
    .ls-zcwjk-tabs li a{ font-size: 22px; height: 52px; line-height: 52px;}
    .ls-zcwjk-list li{ padding: 10px 0;}
    .ls-qygr-link{ padding: 10px 0 0 0;}
    .ls-qygr-link li img{ width: 80px; height: 80px;}
    .ls-qygr-link li .img_title{ height: 60px; line-height: 60px;}
}
@media (max-width: 450px) {
    .ls-qygr-link li{ width: 33.3%;}
}