
.zccs-box ul{margin-left: -2%;}
.zccs-box ul li{width: 48%;float: left;margin-left: 2%;margin-top: 15px;}
.zccs-box ul li a{display: block;height: 70px;border-radius: 6px;line-height: 70px;text-align: center;font-size:18px;
    background: -moz-linear-gradient(left, #ecf4fe 0%, #f7faff 100%);
    background: -webkit-linear-gradient(left, #ecf4fe 0%, #f7faff 100%);
    background: -o-linear-gradient(left, #ecf4fe 0%, #f7faff 100%);
    background: -ms-linear-gradient(left, #ecf4fe 0%, #f7faff 100%);
    background: linear-gradient(to right, #ecf4fe 0%, #f7faff 100%);z-index: 100;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf4fe', endColorstr='#f7faff',GradientType=1 );
    color: #4977b9;
}



.yq-tel,.nyq-icon{
    margin-left: -13px;
    margin-right: -13px;
    box-sizing: border-box;
    padding-left: 4%;
}

.telbox {
    height: 125px;
    background: url(202111-smszf-yqfkzt-bg1.png);
    background-size: cover;
    box-sizing: border-box;
    padding: 22px 16px;
    margin-top: 25px;
}
.tel-item {
    padding: 0 13px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.telbox h4 {
    font-size: 18px;
    font-weight: bold;
    color: #26619d;
    margin-bottom: 12px;
    margin-top: 12px;
}
.telbox p {
    font-size: 16px;
}
.telbox p a {
    display: inline-block;
    padding: 0 6px;
    font-size: 14px;
    border: 1px solid #26619d;
    color: #26619d!important;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 4%;
}
.nyq-icon li {
    width: 50%;
    padding: 0 13px;
    float: left;
    box-sizing: border-box;
}
.nyq-icon li a {
    height: 125px;
    display: block;
    text-align: center;
}
.nyq-icon li a span {
    display: inline-block;
    padding: 20px 0 12px 0;
    width: 48px;
    height: 48px;
}
.nyq-icon li a span img {
    width: 100%;
    height: auto;
}
.nyq-icon li a p {
    font-size: 18px;
    color: #fff;
}
.yqfw-bg1 {
    background: #2d73cb;
}
.yqfw-bg2 {
    background: #2d86cb;
}



.bt-title3 h4{width: 398px;background: url(20201214-szfzt-tit3.png) left center no-repeat;}

/*互动模块*/
.hdmk-link {
    margin-top: 30px;
}
.hdmk-link li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
}

.hdmk-link li a {
    display: table;
    height: 88px;
    width: 100%;
    text-decoration: none;
    background-image: -moz-linear-gradient(left, #ecf4fe, #fefbfb);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left left,right right , from(#ecf4fe), to(#fefbfb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(left, #ecf4fe, #fefbfb);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -ms-linear-gradient(left, #ecf4fe, #fefbfb);
    /* IE10 */
    background-image: -o-linear-gradient(left, #ecf4fe, #fefbfb);
    /* Opera 11.10+ */
    background-image: linear-gradient(left, #ecf4fe, #fefbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ecf4fe,endColorstr=#fefbfb);
    transition: all ease-in .2s;
}
.hdmk-link li a i {
    font-size: 18px;
    height: 88px;
    display: table-cell;
    font-weight: bold;
    color: #26619d;
    vertical-align: middle;
    padding: 0 80px 0 24px;
    text-align: center;

}
.hdmk-link li a:hover {
    transform: scale(1.1);

}
/* .hdmk-link li:first-child a i {
            text-align: left;
        } */

.hd-bg1 {
    background:url(202111-smszf-yqfkzt-btn1.png) 115% -80% no-repeat ;
}
.hd-bg2 {
    background:url(202111-smszf-yqfkzt-btn2.png) 115%  -120% no-repeat ;
}
.hd-bg3 {
    background:url(202111-smszf-yqfkzt-btn3.png) 115%  -120% no-repeat ;
}
.hd-bg4 {
    background:url(202111-smszf-yqfkzt-btn4.png) 115%  -80% no-repeat ;
}

.yfgbfx-box{margin-top: 35px}

.bmyalist{margin-left: -1%;padding-top: 10px;}
.bmyalist li{width: 19%;float: left;margin-left: 1%;margin-top: 14px;}
.bmyalist li a{display: block;height: 68px;background: #f1f6fc;padding: 0 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;
line-height: 68px;font-size: 16px}


.lflk-list{margin-left: -2%;}
.lflk-list li{width: 31.33%;float: left;margin-top: 30px;margin-left: 2%;border-radius: 6px;overflow: hidden}
.lflk-list li img{transition: all .3s;width: 100%;}
.lflk-list li:hover img{transform: scale(1.1)}





@media screen and (max-width: 1920px){body{min-width: inherit}}
@media screen and (max-width: 1240px){
    .w_1200{width: 1000px;}
    .fkyq-img,.fkyq-nr{width: 49%}
    .fkyq-img img{width: 100%}
    .telbox h4{margin-top: 0;margin-bottom: 8px;}
    .red{left: 78px;}
    .banner{height: 370px;background-size: 1600px;}
}

@media screen and (max-width: 1026px){
    .w_1200{width: auto;padding: 0 20px;}
    .banner{height: 230px;background-size: 1026px;}
    .logo{/* width: 200px; *//* margin-top: 15px; */}
    .logo img,.back img{/* width: 100%; */}
    .back{margin-top: 15px;width: 100px;}
    .fkyq-img, .fkyq-nr{width: auto;float: none;margin-top: 25px;}
    .fkyq-box{margin-top: 0;}

    .yq-tel, .nyq-icon{padding-left: 0;}
    .hdmk-link li{width: 50%;margin-top: 20px;}
    .hdmk-link{margin-top: 0;}
    .bmyalist li{width: 32.33%;}
    .red{display: none}
    .footer{margin-top: 30px;}

}

@media screen and (max-width:700px){
    .bt-title h4,.bt-title p{font-size: 18px;}
    .list-1 li {font-size: 16px;line-height: 36px;}
    .list-1 li span{display: none}
    .list-1 li a{width: 90%;}
    .list-1 li i{margin-top: 15px}

    .zccs-box ul li a,.nyq-icon li a p,.telbox h4,.hdmk-link li a i{font-size: 16px}
    .telbox p,.bmyalist li a{font-size: 14px;}
    .lflk-list li{margin-top: 20px;width: 48%}
    .w_1200{padding: 0 15px;}

    .bt-title h4{background: #2d73cb;width: auto;padding: 0 15px;margin-right: 15px}
    .yfgbfx-box{margin-top: 25px}
}
@media screen and (max-width:600px){
    .banner {
        height: 130px;
        background-size: 600px;
    }

    .bt-title h4, .bt-title p{font-size: 16px}
    .bt-title3 h4{margin-right: 0;}
    .bmyalist li{width: 49%}
}
@media screen and (max-width:400px){
    .zccs-box ul li{width: auto;float: none}
    .nyq-icon li{width: 100%;margin-bottom: 20px;}
    .tel-item,.hdmk-link li{width: 100%}
    .telbox{margin-top: 0;}
    .tel-item:nth-child(2){margin-bottom: 0;}
    .lflk-list li{width: auto;float: none;}

}
@media screen and (max-width:350px){
    .banner {
        height: 110px;
        background-size: 500px;
    }
}