/* 公共样式 */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,dt,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea {font-family: "Microsoft Yahei";color:#333;}
a,a:hover{text-decoration:none;}
li{list-style:none;}
img{border:0;vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;}
.table{overflow: hidden;padding-bottom: 30px;}
.bottom_list{width:1000px;overflow: hidden;margin: 0 auto;padding-bottom: 30px;}
.tongguan{overflow: hidden;    position: absolute;
    top: 105px;
    z-index: 10000;   
}
w.f-cf { zoom: 1; }
a.f-cf { zoom: 1; }
.f-cf:after { content: ""; display: table; clear: both; }
.f-fl { float: left; }
.f-fr { float: right; }

/* 整体布局 */
body,.tables { min-width: 1200px;  }
.typePage { width: 1000px; margin: 0 auto;padding-bottom:60px; }

/* 弹出窗口 */
 .modal-body-gd { height: 550px; overflow-y: auto; }

/* 内容 */
.cjfw_banner{
    height: 250px;
    width: 100%;
    zoom:1;
    background: url(/uiFramework/commonResource/image/2021081110552724100.png) no-repeat center center;
    background-size: 100% 100%;
    background-image: url('/uiFramework/commonResource/image/2021081110552724100.png');
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uiFramework/commonResource/image/2021081110552724100.png', sizingMethod='scale');
    }
.bannerCon{ text-align:center; }
.bannerCon img{margin:0 auto; padding-top:95px;}
.bannerNav {float:right; display:block; background: url(/qingdao_customs/resource/cms/2021/08/2021081112074114706.png) no-repeat right bottom;
    background-image: url('/qingdao_customs/resource/cms/2021/08/2021081112074114706.png');
    background-size:100% 100%;
    margin-top:63px;
        }
    .bannerNav .txt{line-height: 36px;font-size:16px;color:#fff;}
.cjfw_banner1 {
    height: 100px;
    width: 100%;
    margin-top: 20px;
    background: url(/qingdao_customs/resource/cms/2021/08/2021081110475984684.png) no-repeat center center;
}
.PicBox{width:1000px; margin:56px 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:315px;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(/qingdao_customs/resource/cms/2021/08/2021081113040620009.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; padding-top:27%; }
.Piclink .picBoxInfo .mid_ckpic{text-align:center; margin-top:40px;}
.Piclink .picBoxInfo .mid_ckpic img{text-align:center; padding-top:10px; width:67%;}
.Piclink .picBoxInfo .mid_ckpicxt{background-color: #035282; margin:10px 17px 22px 17px; text-align:center;}
.Piclink .picBoxInfo .right_ckpic {text-align:center; padding:16px;background-color: #035282; margin:17px;}


.Piclink .picBoxInfo1{background-color:#4f81bd; height:100px; border:2px solid #000; border-radius:20px;  margin:0 auto; width:200px;text-align:center;position:relative;}
.Piclink .picBoxInfo1 .PicBoxTxt1 span{font-size:26px; font-family:"Microsoft Yahei","雅黑","宋体",arial,verdana,sans-serif; line-height:50px;}
.Piclink .picBoxInfo1:hover *{color:#fff;}



.tables{  margin-bottom:45px;}
.tables p{ max-width:1000px; margin:10px auto;}
.tables p img{width:100%;}
.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(/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 {

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

}
.col-list ol li a {
    display: inline-block;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    background: url(/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) {
    
    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
     body{width:1000px !important; max-width: 100% !important; min-width: 100% !important;  }
    .tables { max-width: 100%; min-width: 100%; width: 100%; padding: 0 20px; margin: 0 auto;}
    .tables p{width:100%;}
    .tables p img{width:100%;}
    .PicBox{max-width: 90%;padding:1%;margin-bottom:2%; }
     .Piclink{display:flex; justify-content:space-between; align-items:center;}
     .Piclink:after{content:".";display:block; clear:both; visibility:hidden; line-height:0; height:0;}
     .PicBox .Piclink .picBoxInfo {overflow:hidden; max-width:100%;  margin:1%; padding:1%;}
     .Piclink .picBoxInfo p { font-size:18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
     .Piclink .picBoxInfo img {width:100%; }
     .Piclink .picBoxInfo span {font-size:14px;}  
     .Piclink .picBoxInfo  .mid_ckpic img {width:76.6%;}
}
@media screen and (max-width:999px) {
    body{width:100% ; max-width: 100% ; min-width:100% ;}
   .cjfw_banner{width:100%;background-size:cover;}
   .bannerCon{background-size:cover;}
   .bannerCon img{display:block; margin:0 auto; padding-top:108px;width:60%;}
   .bannerNav{background-size:cover;width:100%;text-align:center;}
     
   .PicBox .Piclink{display:flex;justify-content:center;width:100%;}
    .PicBox .Piclink .picBoxInfo {overflow:hidden; max-width:100%;  margin:1%; padding:1%;}
    .Piclink .picBoxInfo p { font-size:16px; margin-left:0px; }
    .Piclink .picBoxInfo p a{ font-size:16px;}
    .Piclink .picBoxInfo img {width:100%; }
    .Piclink .picBoxInfo span {font-size:14px;}  
    .Piclink .picBoxInfo  .mid_ckpic {margin-top:55px;}
    .Piclink .picBoxInfo  .mid_ckpic img{width:70%;}
    .Piclink .picBoxInfo  .mid_ckpicxt {margin-top:15px;width:100%; margin: 30px auto;}
    .Piclink .picBoxInfo  .mid_ckpicxt img{width: 100%;margin: 5px auto; }
    .Piclink .picBoxInfo .left_jkpic{padding-top:40px; }
    .Piclink .picBoxInfo ol li a {padding-left: 10px;font-size: 14px;line-height: 30px; max-width:160px;}
    .bottom_list{max-width: 100%; min-width: 100%; width: 100%;}
    .col-row{max-width:85%; margin:0 auto; padding:0;}
    .col{width: 100%;}        
    
}
@media screen and (max-width:767px) {
.bannerCon img{display:block; margin:0 auto; padding-top:109px;width:80%;}
.bannerNav{background-size:cover;display:block;width:100%;text-align:center;}
.PicBox .Piclink{display:flex;justify-content:center; align-items: center; flex-direction: column; width:100%;}
  .PicBox .Piclink .picBoxInfo {overflow:hidden; max-width:100%; margin:1% auto; padding:2%; height:100%; }
  .Piclink .picBoxInfo p { font-size:18px;}
   .Piclink .picBoxInfo p a{ font-size:18px;}
  .Piclink .picBoxInfo ol li a {padding-left: 10px;font-size: 16px;line-height: 30px; max-width:200px;}
  .PicBox .Piclink .picBoxInfo1 {overflow:hidden; max-width:96%; margin:2% auto; padding:4%; height:100%; }

}

@media screen and (max-width:637px) {
    .bannerNav{background-size:cover;display:block;width:100%;text-align:center;}
    .bannerNav span{overflow-wrap: break-word;word-wrap: break-word;}
    

}