.ywb-top{height: 200px;background: url("20210527-ywb-bg.png") no-repeat center top #fff;}
.logo{margin-top:20px;}
.yy-p{font-size: 16px;text-align: right;padding-top: 10px;}
.yy-p a{padding-left: 20px;background: url("20210527-yy-icon.png") no-repeat left center;color: #666;}
.w_1300{width: 1300px;margin: 0 auto;}

.search{height: 44px;padding: 0 10px;width: 320px;border: 1px #1658a0 solid;border-radius: 4px;margin-top: 35px;background: #fff;}
.search input{width: 80%;height: 44px;float: left;font-size: 18px;color: #999;line-height: 44px;}
.search button{width: 10%;float: right;background: none;height: 44px;cursor: pointer;}

.nav{height: 76px;background: #1658a0;}
.nav ul li{font-size: 24px;font-weight: bold;text-align: center;line-height: 76px;position: relative;width: 20%;float: left;}
.nav ul li a{display: block;color: #fff;}
.nav ul li em{display: inline-block;width: 1px;height: 24px;background: #caddf1;position: absolute;right: 0;top: 50%;margin-top: -12px;}

.dialog2{position: absolute;top: 76px;background:#fff;border-radius: 6px;box-shadow: 0 2px 14px rgba(0,0,0,.1);left: 0;right: 0;padding: 10px 0;display: none}
.nav ul li .nm-ul p a{color: #333;}
.nav ul li .nm-ul p{line-height: 50px;font-size: 18px;transition: all .3s;}
.dialog2 i{position: absolute;top: -8px;display: inline-block;width: 17px;height: 8px;background: url("20210528-sjx3.png") no-repeat center;left: 50%;margin-left: -9px;}
.nav ul li .nm-ul p:hover a{background: #f2f2f2;color: #1658a0}
.nav ul li:hover .dialog2{display: block;}


.xw-lb{padding: 30px 0;}
.lbt{width: 52.69%;}
.nero{width: 45.38%;}

.list-1 li{font-size: 18px;line-height: 48px;height: 48px;overflow: hidden;transition: all .3s;}
.list-1 li i{display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #1658a0;float: left;margin-top: 21px;margin-right: 10px;}
.list-1 li span{color: #999;margin-left: 15px;display: inline-block;}
.list-1 li:hover{padding-left: 7px;}
.list-1 li a{display: inline-block;width: 75%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.infoBox{padding:40px 0 56px;background: url("20210527-xx-bg.png") no-repeat center top;}
.yw-tit{font-size: 36px;font-weight: bold;line-height: 36px;}
.yw-tit a{color: #1658a0;}
.yw-list li{float: left;width: 20%;margin-top: 30px;text-align: center;height: 162px;}
.yw-list li i{display: inline-block;width: 124px;height: 124px;border-radius: 100%;overflow: hidden;box-shadow: 2px 2px 10px rgba(0,0,0,.06);transition: all .3s;}
.yw-list li p{font-size: 18px;line-height: 20px;margin-top: 12px;}
.yw-list li:hover i{margin-top: -10px;}

.sewp{padding: 30px 0;}
.serBox{width: 33.33%;float: left;margin-top: 20px;}
.padp{padding: 30px 30px 20px;border: 1px #e1e1e1 solid;height: 154px;}
.serBox:nth-child(1) .padp,.serBox:nth-child(2) .padp{border-right: 0;}
.ser1{background: url("20210527-sx-bg1.png") no-repeat right bottom;}
.ser2{background: url("20210527-sx-bg2.png") no-repeat right bottom;}
.ser3{background: url("20210527-sx-bg3.png") no-repeat right bottom;}

.serBox h5{font-size: 24px;font-weight: bold;color: #1658a0;position: relative;line-height: 26px;}
.serBox h5 em{display: inline-block;width: 18px;height: 3px;background: #1658a0;position: absolute;bottom: -15px;left: 0;}
.wx-list{margin-top: 25px;}
.wx-list li{font-size: 18px;line-height: 36px;color: #1658a0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wx-list li i{display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #1658a0;float: left;margin-top: 15px;margin-right: 10px;transition: all .3s}
.wx-list li a{color: #1658a0}
.wx-list li:hover i{margin-left: 7px;}

.wx-list2 li{float: left;width: 50%;*width:49.8%;}
.govbox{width: 33.33%;margin-top: 40px;}
.gov-list li{width:50%;float: left;margin-top: 20px;*width:49.8%}
.gov-list li a{display: block;margin-right:20px;height: 122px;border: 1px #d8d8d8 solid;border-radius: 4px;position: relative;overflow: hidden;transition: all .3s;}
.gov-list li p{font-size: 24px;font-weight: bold;color: #1658a0;margin-left: 20px;margin-top: 20px;transition: all .3s;}
.gov-list li span{position: absolute;right: 15px;bottom: 14px;display: inline-block;width: 49px;height: 39px;transition: all .3s;}
.gov-list li span.spic1{background: url("20210527-vt-icon1.png") no-repeat center;}
.gov-list li span.spic2{background: url("20210527-vt-icon2.png") no-repeat center;}
.gov-list li:hover a{border: 1px #1658a0 solid;background: #1658a0;color: #fff;}
.gov-list li:hover p{ color: #fff;}
.gov-list li:hover span.spic1{background: url("20210527-vt-icon1-b.png") no-repeat center;}
.gov-list li:hover span.spic2{background: url("20210527-vt-icon2-b.png") no-repeat center;}

.spebox{width: 66.33%;margin-top: 40px;}

.spe-list{margin-left: -2%;}
.spe-list li{width: 31.33%;float: left;margin-left: 2%;margin-top: 20px;}
.spe-list li a{display: block;position: relative;overflow: hidden}
.spe-list li i{
    display: block;
    height: 0;
    padding-top:44.92%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
.spe-list li:hover i{transform: scale(1.1)}
.spe-list li p{height: 94px;background: url("20210527-lszz.png") repeat-x;position: absolute;top: 0;left: 0;right: 0;padding: 10px 15px;color: #fff;font-size: 20px;line-height: 25px;}
.spe-list li p span{display: block;height: 50px;overflow: hidden;}

.footer{padding: 25px 0;background: #1658a0;color: #fff;text-align: center;}
.footer h3,.footer ul{font-size: 24px;line-height: 32px;}
.footer h3 a,.footer ul a{display: inline-block;margin: 0 20px;color: #fff;}
.footer p{font-size: 14px;line-height: 28px;}

.pho-menu,.menu-close,.pho-logo{display: none;}

.serBox h5 a{color: #1658a0;}
.kixp{position: absolute;bottom:32px;background: #fff;width: 200px;border-radius: 6px;box-shadow: 0 0 14px rgba(0,0,0,.15);left: 50%;margin-left: -100px;padding: 15px 0;display: none;z-index: 100;}
.footer ul li{display: inline-block;position: relative;}
.kixp p a{color: #333;font-size: 16px;line-height: 36px;display: block;transition: all .3s;margin: 0;}
.kixp p:hover a{background: #f2f2f2;}

.kixp i{position: absolute;bottom: -7px;left: 50%;margin-left: -9px;display: inline-block;width: 17px;height: 8px;background: url("20210528-sjx4.png") no-repeat center;}
.footer ul li:hover .kixp{display: block}

.zwp{display: none;}


@media screen and (max-width: 1920px){body{min-width:inherit;}}


@media screen and (max-width: 1340px){
    .w_1300{width: 1200px;}
    .logo{width: 800px;}
    .nav ul li{font-size: 22px;}
    .list-1 li{font-size: 16px;line-height: 44px;height: 44px;}
    .list-1 li i{margin-top: 18px;}
    .yw-tit{font-size: 32px;}
    .yw-list li p,.wx-list li{font-size: 16px}
    .serBox h5,.gov-list li p,.footer h3{font-size: 22px;}
    .wx-list li{line-height: 32px}
    .wx-list li i{margin-top: 13px;}
    .gov-list li a{height: 114px;}
    .spe-list li p{font-size: 18px;}
    .footer h3{line-height: 28px;}

}

@media screen and (max-width: 1220px){
    .w_1300{width: 1000px;}
    .logo{width: 630px;margin-top: 32px;}

    .list-1 li{line-height: 38px;height: 38px;}
    .list-1 li i{margin-top: 15px;}
    .gov-list li a{height: 95px;}
    .gov-list li p{margin-top: 15px;margin-left: 10px;font-size: 20px;}
    .gov-list li span{background-size: auto 25px!important;height: 25px;width: 32px;bottom: 10px;right: 10px;}


}

@media screen and (max-width: 1000px){
    body,html{width: 100%;height: 100%;}
    .yy-p{display: none;}
    .w_1300{width:auto;padding: 0 20px;}
    .logo{width: auto;float: none;max-width: 80%;text-align: center;margin-top: 0;padding-top:30px;margin-right: auto;margin-left: auto;}
    .search{width: 80%;margin: 30px auto 0;float: none;}
    .ywb-top{height: auto;padding-bottom: 30px;position: relative;}

    .pho-menu{display: inline-block;width: 20px;height: 20px;position: absolute;right: 20px;top: 20px;}
    .nav{position: fixed;width: 50%;right: 0;top: 0;bottom: 0;height: 100%;z-index: 100;box-shadow: 0 0 14px rgba(0,0,0,.1);display: none;}
    .nav ul{margin-top: 80px;}
    .nav ul li{float: none;width: 100%;}
    .nav ul li em{display: none}
    .menu-close{display: inline-block;width: 20px;height: 20px;position: absolute;top: 20px;right: 20px;}
    .nav ul li{font-size: 20px;line-height: 64px;}

    .xw-lb{padding: 20px 0;}
    .lbt{width: auto;float: none;text-align: center}
    .nero{width: auto;float: none;margin-top: 20px;}

    .yw-list li i{width: 100px;height: 100px;}
    .yw-list li p{font-size: 14px;line-height: 18px;margin-top: 7px;}
    .yw-list li{height: 132px;}
    .serBox,.govbox,.spebox{width: auto;float: none}
    .sewp{padding: 20px 0;}
    .infoBox{padding: 20px 0 40px;background-size: cover;}
    .govbox,.spebox{margin-top: 20px;}
    .gov-list{margin-right: -20px;}

    .zwp{display: block;text-align: center;margin-top: 50px;}
    .zwp a{font-size: 18px;color: #fff;}

}

@media screen and (max-width:750px){
    .logo img{display: none}
    .logo img.pho-logo{display: inline-block}
    .search input{font-size: 14px;}
    .search{width: auto}
    .logo{max-width: 90%;}
    .ywb-top{padding-bottom: 0;background-size: cover}
    .yw-list li{width: 50%;}
    .spe-list li{width: auto;float: none}
    .footer h3,.nav ul li{font-size: 18px;}
    .serBox:nth-child(1) .padp, .serBox:nth-child(2) .padp{border-right: 1px #e1e1e1 solid;}

    .ywb-top{background: url("20210528-pho-gb.png") no-repeat center top;}

    .list-1 li a{width: 90%}
    .list-1 li span{display: none}

}

@media screen and (max-width:500px){
    .ywb-top{background-size: 130%;}
}

@media screen and (max-width:374px){
    .gov-list li p{font-size: 18px;}
}