*{padding: 0;margin: 0;text-decoration: none;font-family: 'Microsoft Yahei', Arial;}
img { border: none; max-width: 100%; max-height: 100%; vertical-align: middle; object-fit: cover; }
li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.f-cf { zoom: 1; }
.f-cf:after { content: ""; display: table; clear: both; }
.f-fl { float: left; }
.f-fr { float: right; }
a, a:active{color: #333333;}


.cjfw_banner{height: 326px;width: 100%;zoom:1;background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/zz_bg.jpg) no-repeat center center;background-size: 100% 100%;}
.bannerCon{ text-align:center; }
.bannerCon img{margin:0 auto; padding-top:125px;}
.bannerNav {float:right; display:block; height: 47px; background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/zzrightbg.png) no-repeat right bottom;background-size:100% 100%;margin-top:78px;}
.bannerNav .txt{line-height: 47px;font-size:16px;color:#fff;}

.PicBox{width:1000px;margin:50px auto;}
.Piclink{display:flex; justify-content:space-between; align-items:center;}
.Piclink:after{content:".";display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.Piclink .picBoxInfo{ height:390px;  background-color:#f7f2f2; margin:0 auto; width:320px;text-align:left;position:relative;}
.Piclink .picBoxInfo p { font-size:18px; margin:26px 17px 0px 10px; color: #224c62; }
.Piclink .picBoxInfo p a{ font-size:18px; color: #224c62;}
.Piclink .picBoxInfo span {font-size:16px; background-color: #224c62; margin:26px 5px 25px 16px;}
.Piclink .picBoxInfo ol {padding: 18px 0 0 35px;}
.Piclink .picBoxInfo ol li a {display: inline-block;max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/dot.gif) no-repeat left center;font-size: 14px;line-height: 30px;color:#555;}
.Piclink .picBoxInfo ol li a:hover {color: #0038a7;}
.Piclink .picBoxInfo .left_jkpic{text-align:center; margin-top:30px; }
.Piclink .picBoxInfo .left_jkpic img{text-align:center; padding-top:10px; width:67%;}
.Piclink .picBoxInfo .mid_ckpic{text-align:center; margin-top:30px;}
.Piclink .picBoxInfo .mid_ckpic img{text-align:center; padding-top:10px; width:67%;}
.Piclink .picBoxInfo .text{text-align: center; color: #0b456d; font-weight: bold; font-size: 20px; padding-top: 20px;}
.Piclink .picBoxInfo .mid_ckpicxt{background-color: #035282; margin:10px 17px 22px 17px; text-align:center;}
.Piclink .picBoxInfo .right_ckpic {text-align:center; margin:17px;}
.Piclink .picBoxInfo .right_ckpic span{text-align: right;color: #fff; background: none;margin: 0; display: block;}

.bottom_list{width:1000px;overflow: hidden;margin: 0 auto;padding-bottom: 30px;}
.col-row {margin-bottom: 38px;}
.col {width: 49%;}
.col-title {height: 52px;border-bottom: 3px solid #0038a7;line-height: 52px;}
.col-title .txt1 {float: left;font-size: 22px;color: #0038a7;}
.col-title .more {float: right;width: 50px;height: 52px;padding-left: 15px;background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/more.gif) no-repeat left center;font-size: 16px;}
.col-title .txt {float: right;font-size: 16px;margin:0 20px;}
.col-list {background: #f7f7f7;}
.col-list ol {padding: 20px 0 20px 25px; height: 200px;}
.col-list ol li a {
    display: inline-block;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/dot.gif) no-repeat left center;
    font-size: 16px;
    line-height: 40px;
    color:#555;
}
.col-list ol li a:hover {
    color: #0038a7;
}

/* 业务流程图 */
.typePage ul{ width:1000px; 
    margin: 0px auto; 
margin-top: 25px;}
.typePage ul li { width: 234px; 
    height: 74px;
        float: left; 
        font-size:  16px;
      cursor: pointer; 
     margin:0px 8px;
}
#hzp{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/huazhuangpin.png) no-repeat;margin-left:0; background-size: 100% 100%;}
#dc{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/daocha.png) no-repeat;background-size: 100% 100%;}
#xmy{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/xumuye.png) no-repeat;background-size: 100% 100%;}
#ny{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/nongye.png) no-repeat ;margin-right: 0px;background-size: 100% 100%;}

#hzp.on{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/huazhuangpin_02.png) no-repeat ;background-size: 100% 100%;}
#dc.on{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/daocha_02.png) no-repeat ;background-size: 100% 100%;}
#xmy.on{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/xumuye_02.png) no-repeat ;background-size: 100% 100%;}
#ny.on{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/nongye_02.png) no-repeat ;background-size: 100% 100%;}
.tab .tab_con{
    padding:0px 9px;
    margin-bottom: 20px;
 }

.tab .tab_con li {
    display: none;
}
.tab .tab_con li:first-child {
    display: block;
}
.typePage .f-cf li p {
    line-height: 24px;
    font-size: 16px;
    padding:3px 0 12px 75px;
    color:#12437d;
}
.typePage .f-cf li.on p{ 
    padding:3px 45px 12px 18px;
    color:#fff;}


/* 业务表格下载二维码 */
.typePage1{width:1200px;margin: 0 auto;}
.typePage1 ul{ width:1000px; 
    margin: 25px auto; 
    }
.typePage1 ul li { width: 320px; 
    height: 50px;
        float: left; 
        font-size:  16px;
      cursor: pointer; 
      position: relative;
    margin:40px 0;
   
}
#bread{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_bread.png) no-repeat center left;}
#beian{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_backup.png) no-repeat center left;}
#mh{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_mianhua.png) no-repeat center left;}
#shucai{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_shucai.png) no-repeat center left;}
#bread:hover{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_bread2.png) no-repeat center left;}
#beian:hover{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_backup2.png) no-repeat center left;}
#mh:hover{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_mianhua2.png) no-repeat center left;}
#shucai:hover{background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_shucai2.png) no-repeat center left;}
.typePage1 .f-cf li{width: 300px;height: 50px; margin: 40px 100px; }
.typePage1 .f-cf li #beian p{margin-top:20px;}
.typePage1 .f-cf li div p {
    line-height: 22px;
    font-size: 16px;
    padding:0px 0 0px 50px;
    color:#000;
    height: 50px;
    width: 240px;
}
/*top*/
.typePage1 li:hover .flex-footer { display: block; z-index: 10; }
.typePage1 li:hover .flex-footer img{ padding-bottom:20px; background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_line1.png) no-repeat center bottom;}
.typePage1 li .flex-footer { width: 238px; height: 238px; position: absolute; left: -15px; top: -240px; text-align: center; padding-top: 15px; display: none; }
/*bottom*/
.typePage1 li:hover .flex-footera { display: block; z-index: 9999;}
.typePage1 li:hover .flex-footera img{ padding-top:20px; background:url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/con_line.png) no-repeat center top;}
.typePage1 li .flex-footera { width: 238px; height: 238px; position: absolute; left: -15px; top: 50px; text-align: center; padding-top: 15px;display: none; }

.typePage1 .f-cf li:hover p{ 
    color:#005aa0;}

/* 你问我答 */
.nwwd{
    padding: 20px;
    height: 240px;
}
.nwwd ul{padding: 0; margin: 0;}
.nwwd ul li{
    width: 440px;
    float: none;
    line-height: 28px;
    height: auto;
}
.nwwd ul li h4{background: url(/hangzhou_customs/template/page/hgzs_content2024/images/zz/dot.gif) no-repeat left 10px; padding-left: 20px; font-size: 15px;}
.nwwd ul li p{padding-left: 20px;font-size: 15px;}

.morebox{width: 1000px; margin: 20px auto; padding: 0;}
.morebox ul{padding-bottom: 20px;}
.morebox ul li{
    width: 1000px;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
}

/* 适配 */
@media screen and (max-width:1199px){
    .PicBox{max-width: 100%;width: 100%;}
    .Piclink .picBoxInfo{max-width: 100%;overflow: hidden;padding:0 1%;margin:0 1%; width: 98%;}
    /* .Piclink:after{content: ".";display: block;clear: both; visibility: hidden;line-height: 0; height: 0;} */
    .bottom_list{max-width: 1199px;width: 98%;}
    .typePage ul{max-width: 100%; width: 98%; margin: 25px 1% 0 1%;}
    .typePage ul li{width: calc(25% - 12px);}
    .typePage1{max-width: 100%; width: 100%;}
    .typePage1 ul{width: 100%;margin: 25px auto;}
    .typePage1 .f-cf li{width: calc(50% - 200px);}
    .nwwd ul li{width: calc(100% - 10px); height: auto;}
    .col-list ol li a{max-width: calc(100% - 40px);}
    .morebox{max-width: 100%;width: 98%; margin: 0 1%;}
    .morebox .col-title .txt1{float: none; font-size: 18px;}
}
@media screen and (max-width:999px){
    .tab .tab_con{width: calc(100% - 18px);}
    .typePage ul li{height: 60px;}
    .typePage .f-cf li p{font-size: 12px;padding: 3px 0 12px 60px;}
    .bannerNav{background-size: cover;width: calc(100% - 10px); text-align: center;height: auto;margin-top: 96px;overflow: hidden; padding-right: 10px;}
    .bannerNav .txt{line-height: 40px;}
    .bannerCon img{width: 88%;padding-top: 85px;}
    .PicBox{width: 100%;}
    .Piclink .picBoxInfo{height: 360px;width: 33.33%;}
    .col-list ol{height:220px;}
    .portlet{height: 256px;}
    .nwwd{height:240px;padding: 1px 15px 15px 15px;}
    .typePage .nwwd ul li{height: auto;}
    .Piclink .picBoxInfo ol{padding: 18px 0 0 10px;}
    .Piclink .picBoxInfo p{font-size: 14px;margin: 26px 17px 0px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .Piclink .picBoxInfo span{margin: 26px 5px 25px 5px;}
    .morebox{max-width: 100%;width: calc(98% - 30px); margin: 0 1%;}
}
@media screen and (max-width:767px){
    .typePage ul li{width: calc(50% - 16px); margin-bottom: 10px; height: 55px;}
    .typePage .f-cf li p{font-size: 12px;padding: 3px 0 12px 55px;}
    .typePage .f-cf li.on p{padding: 3px 18px 12px 18px;}
    #hzp{margin-left: 8px;}
    #ny{margin-right: 8px;}
    .Piclink .picBoxInfo .left_jkpic{margin-top: 10px;}
    .Piclink .picBoxInfo .mid_ckpic{margin-top: 10px;}
    .Piclink .picBoxInfo .right_ckpic{margin: 0px 17px 17px 17px;}
    .Piclink .picBoxInfo .text{padding-bottom: 10px;}
    .morebox{max-width: 94%;width: calc(94% - 30px); margin: 0 3%;}
    .cjfw_banner{height: 266px;}
    .bannerNav{margin-top: 78px;}
    .bannerNav .txt{font-size: 14px;line-height:24px;}
    .PicBox{margin: 10px auto;overflow:hidden;}
    .bannerCon img{width: 88%;padding-top: 85px;}
    .Piclink{display:flex; justify-content:center; align-items:center;flex-direction: column;width:100%;}
    .Piclink .picBoxInfo{max-width: 100%; margin: 1% auto;padding: 2%; height: auto; width: calc(100% - 6%);}
    .Piclink .picBoxInfo .text{font-size: 16px;}
    .col-title .txt1{font-size: 16px;}
    .col-list ol li a{font-size: 14px;line-height: 30px;}
    .typePage .nwwd ul li{width: 100%;}
    .nwwd ul li h4{font-size: 14px;}
    .col{width: 100%;}
    .col-list ol{height: auto;}
    .nwwd{height:auto;padding: 15px;}
    .Piclink .picBoxInfo .left_jkpic img{width: 50%;}
    .Piclink .picBoxInfo .mid_ckpic img{width: 50%;}
    .col-title{height: 40px; line-height: 40px; padding-left: 12px;}
    .col-title .more{height: 40px; font-size: 14px;width: 35px;}
    .morebox ul li p{font-size: 12px;}
    .typePage1 .f-cf li{width: calc(100% - 40px);margin: 40px 20px;}
    .typePage1 li .flex-footera{width: 120px; height: 120px;top: -15px;right: -10px;left: auto;}
    .typePage1 li .flex-footer{width: 120px; height: 120px;    top: -113px;right: -10px;left: auto;}
}
@media screen and (max-width:460px) {
    .listCon{margin-bottom:0px;overflow-y:auto;}
    .zzba-body-bg{height:100%;overflow-y:auto;padding-bottom:380px}
}