*{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; }
a, a:active{color: #333333;}
.clearfix{zoom: 1; clear: both;}


/* 头部 */
.cw_top{background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/top_bg.jpg) no-repeat center top; background-size: 100% 100%; height: 518px; width: 100%; text-align: center;}
.cw_top img{margin-top: 208px;}
/* 内容 */
.cw_box{width: 1200px; margin: 0 auto;}
.cw_nav{overflow: hidden; margin: 30px auto;width: 100%;}
.cw_nav ul{width: 100%;overflow: hidden;}
.cw_nav li{float: left;width:calc(25% - 20px); margin: 0 10px; height: 280px;  display: block; cursor: pointer;}
.cw_nav li a{display: block; text-align: center; width: 100%; padding-top: 180px; line-height: 28px; font-size: 16px;}
.cw_nav li a:hover,.cw_nav li.on a{color: #ffff;}
.cw_nav li:nth-child(1){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav1.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:nth-child(2){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav2.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:nth-child(3){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav3.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:nth-child(4){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav4.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:hover:nth-child(1),.cw_nav li.on:nth-child(1){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav1_on.png) no-repeat; background-size: 100% 100%;color: #ffff;}
.cw_nav li:hover:nth-child(2),.cw_nav li.on:nth-child(2){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav2_on.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:hover:nth-child(3),.cw_nav li.on:nth-child(3){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav3_on.png) no-repeat; background-size: 100% 100%;}
.cw_nav li:hover:nth-child(4),.cw_nav li.on:nth-child(4){background: url(/hangzhou_customs/template/page/hgzs_content2024/images/cwimg/nav4_on.png) no-repeat; background-size: 100% 100%;}

.cw_content{background: #eaf4f8; padding: 30px; width: calc(100% - 60px);}
.cw_title{font-size: 18px; color: #032967; font-weight: bold;}
.cw_title span{margin-right: 15px;}
.cw_line{border-bottom: 1px solid #ccc; margin: 15px 0;}
.cw_line .cw_linedot{height:6px; background: #e58f2f; display: block;width: 35px;}
.cwcj_h1{color: #666;font-size: 18px; font-weight: bold;height: 30px; line-height: 30px;}
.cwrj_tit{color: #666;font-size: 14px; font-weight: bold;line-height: 28px;}
.cwrj_h2{color: #17a7ea;}
.cwcj_p{color: #666;font-size: 14px; line-height: 35px;}
.cwcj_box{padding: 10px 40px; overflow: hidden; position: relative;}
#left_btn{position: absolute; left: 0px; top: 50%; margin-top:-35px ; cursor: pointer; z-index: 999; text-align: left;}
#right_btn{position: absolute; right: 0px; top: 50%; margin-top:-35px ; cursor: pointer; z-index: 999; text-align: right;}
.cwcj_lc{width:100%; overflow: hidden;padding: 20px 0;}
.cwcj_lc_left{width: calc(55% - 10px);}
.cwcj_lc_left ul li{padding: 0 10px;}
.cwcj_lc_left .cwcj_lcbar{background: #17a7ea; border-radius:10px; width: calc(100% - 60px); min-height: 50px; overflow: hidden; padding: 20px 30px;}
.cwcj_lcbar span{display: block; float: left; width: 56px; height: 56px; line-height: 56px; border-radius: 56px;
     text-align: center; font-style:italic; font-size: 24px; font-weight: bold; color: #17a7ea; background: #fff;
     margin: 10px 30px 10px 0;
     }
.cwcj_lcstep{float: left;width: calc(100% - 86px); color: #fff;}
.cwcj_lcstep h1{font-size: 16px;}
.cwcj_lcstep p{font-size: 14px;}
.cwcj_nextdot{text-align: center; display: block; margin: 5px 0;}
.cwcj_lc_right{width: calc(45% - 10px); text-align: center;}
.cwcj_lc_right .cwcj_lc_rightimg{ text-align: center;}
.cwcj_lc_right .cwcj_lc_rightimg img{max-width: 90%;}
.lcimg_tit{text-align: center; line-height: 35px; height: 35px; font-size: 14px;color: #666; padding-top: 10px;}
.cwcj_rjlc_left{width: calc(65% - 10px);}
.cwcj_rjlc_right{width: calc(35% - 10px); text-align: center;}
.table_h1{text-align: center; color: #17a7ea; font-size: 16px; font-weight: bold; line-height: 30px;}
.table_img{text-align: center; padding: 20px 0;}
.table_img img{max-width: 80%;}

.fgqs{padding: 30px 0;overflow: hidden;}
.cw_fg{width: 45%;}
.cw_fg h1 img,.cw_qa h1 img{max-width: 100%;width: 100%;}
.cw_qa{width: 45%;}
.fgqs_box,.qs_box{border: 2px solid #e2e2e2; border-top: 0; width: calc(100% - 44px); padding: 20px; min-height: 215px;}
.fgqs_box li{overflow: hidden;height: 42px; line-height: 42px;}
.fgqs_box li span{display: block; font-size: 14px; width: calc(100% - 130px);line-height: 30px; font-weight: bold; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.fgqs_box li a{display: block; width:80px; height: 28px; line-height: 28px; margin:0 0 10px 50px; background: #e5e5e5; font-size: 12px; border-radius: 12px; text-align: center;}
.fgqs_box li a:hover{background: #e68e27; color: #fff;}
.qs_box li{height: 30px; line-height: 30px;}
.qs_box li a{display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}
.qs_box li a:hover{color: #145db2;}

/* 适配 */
@media screen and (max-width:1199px){
 .cw_top{height: 500px;}
 .cw_top img{margin-top: 200px;}
 .cw_box{max-width: 1159px;width: auto;}
}
@media screen and (max-width:1100px){
    .cw_top{height: 400px;}
    .cw_top img{margin-top: 160px;}
    .cw_nav li {height:250px;}
    .cw_nav li a{padding-top: 150px;font-size: 14px;}
@media screen and (max-width:1024px){
    .cw_top{height: 280px;}
    .cw_top img{margin-top: 100px;max-width: 60%;}
    .cw_nav li {height:220px;}
    .cw_nav li a{padding-top: 130px;font-size: 13px;}
}
@media screen and (max-width:800px) {
    .cw_nav li {height:180px;}
    .cw_nav li a{padding-top: 110px;font-size: 12px;line-height: 22px;}
    .cwcj_lc_left .cwcj_lcbar{padding: 15px;width: calc(100% - 30px);}
    .cwcj_lcbar span{width: 30px; height: 30px;line-height: 30px;border-radius: 30px;font-size: 14px; margin-right: 15px;}
    .cwcj_lcstep{width: calc(100% - 48px);}
    .cwcj_lcstep h1{font-size: 14px;}
    .cwcj_lcstep p{font-size: 12px;}
    #left_btn{margin-top:-10px ; cursor: pointer; z-index: 999;}
    #right_btn{margin-top:-10px ; cursor: pointer; z-index: 999;}
    #left_btn img,#right_btn img{max-width: 50%;}
}
@media screen and (max-width:667px) {
    .cw_top{height: 200px;}
    .cw_top img{margin-top: 80px;}
    .cw_nav li{width: calc(50% - 20px);margin-bottom: 10px; height: 280px;}
    .cw_nav li a{padding-top: 180px;font-size: 14px;}
    .cw_content{padding: 15px;width: calc(100% - 30px);}
    .cwcj_box{padding: 0;}
    .cwcj_lc_left {width: 100%;}
    .cwcj_lc_right{width: 100%; margin-top: 20px;}
    .cw_fg{width: 100%;}
    .cw_qa{width: 100%;}
    .cwcj_rjlc_left{width: 100%;}
    .cwcj_rjlc_right{width: 100%;}
    #left_btn{margin-top:-2px ; cursor: pointer; z-index: 999;}
    #right_btn{margin-top:-2px ; cursor: pointer; z-index: 999;}
}
@media screen and (max-width:600px) {
    .cw_nav li{width: calc(50% - 20px);margin-bottom: 10px; height: 210px;}
    .cw_nav li a{padding-top: 120px;font-size: 14px;}
}
@media screen and (max-width:460px) {
    .cw_nav li{width: calc(50% - 20px);margin-bottom: 10px; height: 180px;}
    .cw_nav li a{padding-top: 100px;font-size: 12px;line-height: 20px;}
}
}