.fl{float:left;}
.fr{float:right;}
.clearflx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*html .clearflx { zoom: 1; } /* IE6 */
*:first-child+html .clearflx { zoom: 1; } /* IE7 */

.w_1300_2021{width: 1300px;margin: 0 auto}

.zjjc-bg{padding-top: 80px;background: url("20211216-zjjc-banner.png") no-repeat center top;}
.zjjc-tit{float: left;margin-top: 78px;margin-left: 86px;}
.jcgk-box{margin-left: 590px;padding: 40px;background: rgba(22,88,160,.69);border-radius: 6px;}
.jcgk-nr p{font-size: 16px;line-height: 32px;color: #fff;text-align: justify;margin-top: 12px;}
.jcgk-nr p a{color: #fff;}
/*.jcgk-nr{height: 216px;overflow: hidden;}*/

.jcgk-list{margin-left: -4%;}
.jcgk-list li{width: 21%;float: left;margin-left: 4%;margin-top: 30px;}
.jcgk-list li a{display: block;font-size: 16px;height: 48px;line-height: 48px;text-align: center;
background: url("20211216-jcgk-bg1.png") no-repeat;background-size: cover;border-radius: 6px;transition: all .3s;}
.jcgk-list li.curr a,.jcgk-list li:hover a{background: url("20211216-jcgk-bg2.png") no-repeat;background-size: cover;color: #fff;}
.zrgkbox{padding-top:50px; margin-left: -2%;}
.zrgk-item{width: 48%;float: left;margin-left: 2%;margin-top: 30px;background: #fff url("20211216-zjjc-sy.png") no-repeat right bottom;box-shadow: 0 0 26px rgba(22,88,160,.11);}
.zr-left,.zr-right{width: 50%;float: left}
.zr-left a{display: block;position: relative}
.zr-left i{
    display: block;
    height: 0;
    padding-top:56.15%;
    background-position:left center;
    background-repeat: no-repeat;
    background-size:100%;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}
.zr-left p{height: 75px;position: absolute;left: 0;right: 0;bottom: 0;font-size: 18px;padding: 0 20px;background: url("20211216-zjjc-zzp.png") repeat-x;color: #fff;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 100px;}
.zr-right p{font-size: 16px;line-height: 29px;padding: 15px 20px;text-align: justify}
.zr-right p a{color: #1658a0;}

.jc-sec2{padding: 80px 0;margin-top: 76px;

    background: -moz-linear-gradient(top, #ddf0fa 0%, #f4f6f9 100%);
    background: -webkit-linear-gradient(top, #ddf0fa 0%, #f4f6f9 100%);
    background: -o-linear-gradient(top, #ddf0fa 0%, #f4f6f9 100%);
    background: -ms-linear-gradient(top, #ddf0fa 0%, #f4f6f9 100%);
    background: linear-gradient(to bottom, #ddf0fa 0%, #f4f6f9 100%);z-index: 100;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf0fa', endColorstr='#f4f6f9',GradientType=0 );
}

.tsxq-tit h5 a{font-size: 32px;line-height: 32px;font-weight: bold;padding-left: 12px;border-left: 6px #1658A0 solid;display: inline-block}
.tsxq-box{margin-top: 30px;position:relative;}

.jt-btn1,.jt-btn2{display: inline-block;text-align: center;width: 24px;height: 50px;line-height: 50px;border-radius: 4px;background: rgba(0,0,0,.4);position: absolute;z-index: 1;top: 50%;margin-top: -25px;}
.jt-btn1 i,.jt-btn2 i{font-size: 20px;color: #fff;}
.jt-btn1{left: -35px;}
.jt-btn2{right: -35px;}

.tsxq-box ul{margin-left: -2%;}
.tsxq-box ul li{width: 23%;float: left;margin-left: 2%;}
.tsxq-box ul li a{display: block;position:relative;}
.tsxq-box ul li i{
    display: block;
    height: 0;
    padding-top:56.47%;
    background-position:left center;
    background-repeat: no-repeat;
    background-size:100%;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: all .2s;
    border-radius: 6px;
}
.tsxq-box ul li p{font-size: 16px;color: #fff;position: absolute;left: 0;right: 0;bottom: 0;
    height: 75px;padding: 0 20px;background: url("20211216-zjjc-zzp.png") repeat-x;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 100px;border-radius: 0 0 6px 6px;}


@media screen and (max-width: 1370px){
    .jt-btn1{left: 0;}
    .jt-btn2{right: 0;}
}
@media screen and (max-width: 1340px){
    .w_1300_2021{width: 1200px;}
    .zr-right p {line-height: 27px;padding: 15px 20px 0;}


}

@media screen and (max-width: 1240px){
    .w_1300_2021{width: 1000px;}
    .zjjc-tit{margin-left: 0;}
    .jcgk-box{ margin-left: 350px;}
    .zr-left p{font-size: 16px;padding: 0 10px;}
    .zr-right p {line-height: 22px;font-size: 14px;padding: 5px 20px 0;}
    .jc-sec2{padding: 50px 0;margin-top: 50px;}
    .tsxq-tit h5 a{font-size: 28px;line-height: 28px;}
    .tsxq-box ul li p{font-size: 14px;padding: 0 12px }
}

@media screen and (max-width: 1000px){
    .w_1300_2021{width: auto;padding: 0 20px;}
    .zjjc-tit{display: none}
    .jcgk-box{margin-left: 0;}
    .zjjc-bg{padding-top: 40px;}
    .zrgk-item{width: auto;float: none;margin-top: 20px;}


    .tsxq-box ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .tsxq-box ul li{-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;width: 31.33%}
    .tsxq-box ul::-webkit-scrollbar{ display: none;}
    .jcgk-nr{height: auto}

}
@media screen and (max-width: 750px){
    .w_1300_2021{padding: 0 15px;}
}
@media screen and (max-width: 700px){

    .tsxq-box ul li{width: 48%;}
    .zrgkbox{padding-top: 0;}
}
@media screen and (max-width: 500px){
    .jcgk-box{padding: 15px;}
    .jcgk-list li{width: 46%;margin-top: 15px;}

    .zr-left, .zr-right{width: auto;float: none;}
    .zr-right p{padding: 15px;}
    .jc-sec2{margin-top: 30px;padding: 30px 0;}
    .tsxq-tit h5 a{font-size: 22px;line-height: 22px;}
    .tsxq-box{margin-top: 20px;}
    .tsxq-box ul li{width: 98%}
}