/*banner代码*/
#banner {
	margin: 0 auto;
	background: url(/hhht_customs/resource/cms/2022/09/img_pc_site/2022092311100466209.png) no-repeat;
	background-size: 100% 100%;
	height: 374px;text-align:center;
}
.banner_img img{padding-top:70px;}
.conter{margin-top:-115px;}

/*jump*/

.jump{width:100%;height:215px;background:url(/hhht_customs/resource/cms/2022/09/img_pc_site/2022092311103761054.png) no-repeat;padding-top: 30px;	background-size: 100% 100%;}
.work_name{text-align:center;    margin-top: -50px;}
.work_name h6{font-size:24px;font-weight:bold;color:rgb(26,73,135);line-height:50px;}
.jump_click ul{line-height:45px;margin-top: 50px;}
.jump_click ul li{width:24.7%;display:inline;display:inline-block;color:#333333;text-align:center;}
.jump_click ul li a{font-size:18px;background:#16407a;height:45px;border:1px solid #ffffff;color:#ffffff;width:90%;display:block;margin: 0 auto;border-radius:5px;}
.jump_click ul li.jump_l  a{background:#dd5512;}
.jump_click ul li:hover a{background:#dd5512;}

/*导航样式 代码*/
.nav_name{padding:10px 0 20px 0;}
.nav_name ul li{display:inline;display:inline-block;width:16.3%; text-align: center; }
.nav_name ul li span{display:block;width:100%;height:48px;line-height:48px;font-size:18px;background-color: #ededed;margin: 0 auto;}
.nav_name ul li.on span{background:#d9ecff;}
.nav_name ul li.hover span,.nav_name ul li:hover span{background:#d9ecff;}

/*公用标题*/
.list_con{padding:30px;}
.list_con img{display:inline;display:inline-block;}
.tP_title1 {display:inline;display:inline-block;line-height:40px;    vertical-align: top;margin-top:20px;}
.tP_title1 h6{color:#16407a;font-size:16px;font-weight: bold;}
.tP_title1 p{ font-size:14px;}
.tP_title {display:inline;display:inline-block;line-height:40px;    vertical-align: top;margin:20px auto 0 auto;width:100%;}
.tP_title h6 span{color:#16407a;font-size:16px;font-weight: bold;}
.tP_title h6 p{height:1px;background:#16407a;width: 90%;background: #16407a;display: inline-block; vertical-align: bottom;}
.tP_title p{ text-indent:28px;}
#con_two_3 .tP_title{background:url(/hhht_customs/resource/cms/2022/09/img_pc_site/2022092311103483303.png) no-repeat;background-position-x: right;background-position-y: 60px;}
#con_two_3 .tP_title p{width: 75%;}


.nav_con table{    border: 1px solid #1a1a1a;width: 1000px!important;    margin: 30px auto;}
.nav_con thead th{font-size:18px;    height: 50px;}
.nav_con tbody td{font-size:16px;    text-align: center;height: 40px;} 




/*法律法规*/
/*.bottom_list{margin:10px auto;}
.bottom_list .f-cf { zoom: 1; }
.bottom_list .f-cf:after { content: ""; display: table; clear: both; }
.bottom_list .f-fl { float: left; }
.bottom_list .f-fr { float: right; }
.bottom_list .col {  width: 558px;}
.bottom_list .col-title { height: 107px; line-height:107px;}
.bottom_list .col-list .law{ height:240px; width:100%; border:1px solid #eeeeee; box-sizing: border-box; overflow:hidden; margin-bottom:75px; background: url('/hhht_customs/resource/cms/2022/09/img_pc_site/2022090815160059643.png') no-repeat left bottom;}
.bottom_list .col-list ul { padding: 8px 30px 8px 30px;}
.bottom_list .law ul li{ padding-left: 4px;    height: 80px;line-height: 80px;border-bottom: 1px solid #eeeeee;}
.bottom_list .law ul li p{display:inline;display:inline-block;width:80%;font-size:18px;color:#333333;}
.bottom_list .law ul li span {display:inline;display:inline-block;overflow: hidden;  font-size: 14px;line-height: 30px;color:#666;vertical-align: middle;width:92px;border-radius:16px;background:#e5e5e5;text-align:center;}
.bottom_list .law ul li span:hover{background:#e58f2f;}
.bottom_list .law ul li span:hover a {color: #ffffff;}
.bottom_list .col-list  .answer{ height:240px; width:100%; border:1px solid #eeeeee;box-sizing: border-box;overflow:hidden;margin-bottom:75px;background: url('/hhht_customs/resource/cms/2022/09/img_pc_site/2022090809330627416.png') no-repeat right bottom;}
.bottom_list .col-list  .answer ul li{height:60px;line-height:60px; border-bottom:1px solid #eeeeee;padding-left: 20px;}
.bottom_list .col-list  .answer ul li a{font-size:18px;}*/
.bottom_list{margin:10px auto;}
.bottom_list .f-cf { zoom: 1; }
.bottom_list .f-cf:after { content: ""; display: table; clear: both; }
.bottom_list .f-fl { float: left; }
.bottom_list .f-fr { float: right; }
.col-row {
    margin-top: 38px;
    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(/eportal/fileDir/qingdao_customs/resource/cms/2021/08/2021081112081357377.gif) no-repeat left center;
    font-size: 16px;
}
.col-title .txt {
    
    float: right;
    font-size: 16px;
    margin:0 20px;
}

.col-list {
min-height:290px;
    background: #f7f7f7;
}
.col-list ol {
    padding: 20px 0 0 25px;
}
.col-list ol li {

}
.col-list ol li a {
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    background: url(/eportal/fileDir/qingdao_customs/resource/cms/2021/08/2021081113040620009.gif) no-repeat left center;
    font-size: 16px;
    line-height: 40px;
    color:#555;
}
.col-list ol li a:hover {
    color: #0038a7;
}


/* 适配代码 */
@media screen and (max-width:1199px) {
  
    body,html {	width: 100%;min-height: 100%;}

    /*banner*/
    #banner {background-size: cover;height: 320px}
   .banner_img{padding-top: 60px;}
   .banner_img img{    padding-top: 0;width: 60%;}
   .jump_click ul{margin-top: 0;}
   .jump_click ul li{    width: 49%;    margin-bottom: 5px;}
    .jump_click p span{width: 49.7%;}

    /*导航*/
   .nav_con table{    width: 100%!important;}

   /*标题*/
   .tP_title {width:96%; background-size: contain;padding-top: 10px;}
   .tP_title span{width: 40px;padding-bottom: 12px;}
   .list_con,.oneBL{padding:10px 45px;}

   /*法律法规*/
.bottom_list{width:100%;}
.bottom_list .typePage1{margin-bottom:40px;  margin-top:0px;}
.bottom_list .typePage{width:100% !important;}
.bottom_list .qiye_name{ width: 100%; height: auto;text-align: center;font-size: 12px;padding: 10px 0 30px 0;color: #fff;line-height: 12px;font-weight: bolder;}
.bottom_list .cjdh{top:0px; height:auto;}
.bottom_list .cjdh p { padding: 15px 0 0px 20px;font-size:18px;}
.bottom_list .cjdh p img{width:60px; }
.bottom_list .id_resident{width: 100%; text-align: center; margin-bottom:0;}
.bottom_list .id_resident a img{width: 40px;}
.bottom_list .col {width: 49%;}
.bottom_list .col-title{height:auto;}
.bottom_list .col-list {height: 335px;overflow:hidden; margin-bottom:15px;}
.bottom_list .col-list ul{    padding: 8px 10px 8px 10px;}
.bottom_list .law ul li p{width: 75%;    font-size: 16px;}
.bottom_list .col-list .answer ul li a{font-size: 16px;}
.bottom_list .conList_ul li a{width: 100%;}
}

@media screen and (max-width:1024px) {
  /*banner*/
   #banner {height: 300px;	}
.nav_name ul li{width:16.2%;}
   .bottom_list .law ul li p{vertical-align: middle;}
   .bottom_list .law ul li p{ width: 70%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
}
@media screen and (max-width:980px) {
   #banner {height: 220px;}
.banner_img{padding-top: 30px; width: 70%;margin: 0 auto;}
.conter{margin-top: -30px;}
.jump_click{    background: none;height: 110px;}
.jump_click p{line-height: 50px;}
.jump_click p span{    width: 100%;margin-bottom:10px;background: #eaf4f8;}
.jump_click p span a{font-size:16px;}
.jump_click p span.jump_l,.jump_click p span.jump_r{background:#065395;}
.nav_name ul li{    min-width: 120px;}
.nav_name ul li span{font-size: 16px;margin-bottom:10px;}
.list_con, .oneBL{padding: 10px 20px;}
.bottom_list .col{    width: 100%; float: none;}
.bottom_list .col-title img{width:100%;}
.bottom_list .col-list{height: 280px;}
.bottom_list .col-list .law{margin-bottom: 25px;}
}

@media screen and (max-width:671px) {
     /*banner*/
   #banner {height: 160px;}
    /*导航*/
.jump_click ul li a{font-size:16px;width:90%;}
.tP_title p{font-size: 16px;}
.cl_info .f-cf{overflow-x:scroll;}
.x_scroll{width:600px;}
}

@media screen and (max-width:479px) {
	#banner {height: 110px;}
.nav_name ul{text-align:center;}
.conter{margin-top: -10px;}
    /*标题*/
.work_name img{    width: 40px;}
.work_name h6{    font-size: 14px;line-height: 30px;}
.jump_click{}
.jump_click ul{line-height:30px;text-align: center;}
.jump_click ul li{width: 80%;    margin:0px auto 10px auto;}
.jump_click ul li a{height: 30px;}
.list_con img{    width: 30%;}
#con_two_5{width:100%;    overflow-x: auto;}
.nav_con table{width:600px!important;}
   .tP_title .Btit,.tP_title1 .Btit1{font-size:28px; line-height: 120px;}
   .tP_title,.tP_title1 {width:96%; background-size: contain; }
    #cl .tP_title .Btit{line-height: 100px; }

   .cl_info .clf-cf li.on::after{border-bottom:none;}
.list_con, .oneBL{    padding: 10px;}
.bottom_list .col-list ul{padding: 5px;}
.bottom_list .law ul li p,.bottom_list .col-list .answer ul li a{    font-size: 14px;}
.bottom_list .law ul li span{    width: 80px;}
.tb_info p a{font-size: 14px;display: block;padding: 0 5px;    height: 40px;    line-height: 40px;margin-bottom:10px;}
.cl_info .f-cf{padding: 0;}
.cl_info .f-cf table tr th{padding:10px 0;}

}