/*公共样式*/
.customs-body-bg{background:url(/beijing_customs/resource/cms/2023/07/img_pc_site/2023073116272613255.png) no-repeat;background-size: 100%;}
.listCon{max-width:1200px;margin:0 auto; padding:40px 0;  }
.logo img{height:36px;}
.conL{float:left;width:42%;}
.conR{float:right;width:42%;}

.hzhg_tit{background: url(/beijing_customs/resource/cms/2023/08/img_pc_site/2023080209454650325.png) no-repeat;color: #fff;font-size: 24px;display: block;width: 240px;background-size: 100% 100%;text-align: center;line-height: 45px;margin-bottom: 40px;}

.NavCon{margin-bottom: 60px;}
.NavCon li{background: #fefdfb;border-radius: 5px;box-shadow: 1px 0px 2px 2px #ecebeb;float:right;width:45%;text-align:center;padding: 20px 0;box-sizing: border-box;transition: all ease-in-out 500ms;}
.NavCon li:first-child{float:left;}
.NavCon li .ImgHW{display: block;margin: 0 auto;transition:all ease-in-out 600ms;}
.NavCon li a span{font-size: 20px;color: #000;margin-top: 10px;display: block;}
.NavCon li:hover{box-shadow: 0px 0px 10px 5px #ecebeb;background: #f2f7fb;border-radius: 8px;}
.NavCon li:hover  a span{color: #466afc;}
.NavCon li:hover img{transform: rotate(360deg);}

/*第一行*/
#con1{ margin-top: 410px;}

/*第二行*/
#con2 #con2_l .hzhg_tit{width:290px;}
#con2 #con2_r .hzhg_tit{width:340px;}

/*第三行*/
#con3  .hzhg_tit{width:265px;}

/*探视掠影*/
.zt_jyjg{padding-bottom:40px;}
.zt_jyjg>p{text-align: center;}
.zt_jyjg>p>span {display: inline-block;font-size: 24px;color: #fff;background: url(/beijing_customs/resource/cms/2023/08/img_pc_site/2023080209560740490.png) no-repeat;margin-bottom: 20px;background-size: 100% 100%;box-sizing: border-box;width: 300px;height: 50px;line-height: 32px;}
.zt_tswp .tswp-news-ul .swiper-slide a.tsly_img {display: block;overflow: hidden;height: 180px;}
.zt_tswp .tswp-news-ul .swiper-slide  img {height: 100%;width: 100%;object-fit: fill;transform: scale(1);transition: all ease-in-out 500ms;}
.zt_tswp .tswp-news-ul .swiper-slide:hover img {transform: scale(1.1);}
.zt_jyjg .tswp-news-btn{text-align: center;}
.zt_jyjg .tswp-news-btn span{width: 12px;height: 12px;background:#9eadbd;margin-top: 20px !important;display:inline-block;}
.zt_jyjg .tswp-news-btn span.swiper-pagination-bullet-active{background:#113e70;width:15px;height:15px;margin-top:18px !important;}

/*第五行*/
.d5{text-align: center;padding-bottom: 50px;}
.d5 a{display: inline-block;width: 30%;height: 3.5vw;line-height: 3.5vw;background: #3878f2;font-size: 32px;color: #fff;border-radius: 5px;background: url(/beijing_customs/resource/cms/2023/07/img_pc_site/2023073116393848130.png) no-repeat;background-size: 100%;}
.d5 a:first-child {margin-right:60px;}
.d5 a img{margin-right: 50px;height: 50px;transition: all ease-in-out 600ms;}
.d5 a:hover  img{transform:rotateY(360deg);}

/* 二级页面 */
/*#erj_left{width: 30%;float: left;}*/
#con6 .conL{float:left;width:22%;}
#con6 .conR{float:right;width:75%;}

.erj_con{    padding: 40px;box-sizing: border-box;background: rgba(255,255,255,1);border-radius: 10px;box-shadow: 0px 2px 10px 5px #f8f5f5;}
.erj_con h1 {font-size: 20px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.erj_con h1 span {display: inline-block;width: auto;color: rgb(5, 74, 131);font-size: 22px;padding-bottom: 18px;position: relative;border-bottom: 2px solid rgb(5, 74, 131);}
.erj_con .erj_conExt * {font-size: 18px;line-height: 36px;min-height: 36px;}

/* 文章列表页 */
.conList_ul{min-height:410px;}
.listCon_R h1 span i, .listCon_R h1 span a i { display: none; width: 0; height: 0; border-width: 5px; border-color: #054a83 transparent transparent transparent; border-style: solid; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }
.conList_ul li { height: 40px; line-height: 40px; font-size: 14px; vertical-align: middle; }
.conList_ul li span{float: right;}
.conList_ul li a { background: url(/uiFramework/commonResource/zip/newPageImg/news_dian.png) 5px center no-repeat; padding-left: 15px; display: inline-block; color: #555; float: left; font-size: 14px; }
.conList_ul li:hover a, .conList_ul li:hover span { color: #054a83; }

/* 分页样式 */
.gg_page{height: 31px; width: 625px; /*float: right; */padding-top: 50px;margin:0 auto;}
.easysite-page-wrap{width: 330px; float: left;}
.easysite-page-wrap a { display: inline-block; padding: 5px 18px; border: solid 1px #7c7c7c; color: #7c7c7c; margin-right: 5px; }
.easysite-page-wrap a:hover { background:#09518b; color:#fff; border:1px solid #09518b; }
.easysite-total-page { margin-right: 20px; float: left; line-height: 31px; }
.easysite-jump-page { width: 170px; float: left; line-height: 31px; }
.easysite-page-text { display: inline-block; padding: 5px 10px; border: solid 1px #7c7c7c; color: #7c7c7c; }
.easysite-jump-btn { display: inline-block; margin-top: -5px; background: none; color: #000; font-size:14px; font-weight:bold; color:#09518b; cursor:pointer;}

/*动画代码*/
@keyframes move{
    0% {transform: rotate(0deg);}
    25% {transform: rotate(90deg);}
    50% {transform: rotate(180deg);}
    75% {transform: rotate(270deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes move{
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(90deg);}
    50% {-webkit-transform: rotate(180deg);}
    75% {-webkit-transform: rotate(270deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes move{
    0% {-moz-transform: rotate(0deg);}
    25% {-moz-transform: rotate(900deg);}
    50% {-moz-transform: rotate(180deg);}
    75% {-moz-transform: rotate(270deg);}
    100% {-moz-transform: rotate(360deg);}
}
@-o-keyframes move{
    0% {-o-transform: rotate(0deg);}
    25% {-o-transform: rotate(90deg);}
    50% {-o-transform: rotate(190deg);}
    75% {-o-transform: rotate(270deg);}
    100% {-o-transform: rotate(360deg);}
}


/* 适配代码 */
@media screen and (max-width: 1200px) {

}
/* 2024/0326 GJJ 适配现场大屏 */
@media screen and (max-width: 1320px) and  (min-width: 768px) {
.listCon{width:80%;}

#con1{margin-top: 170px;}
.d5 a{width: 40%;height: 6.5vw;    line-height: 6.5vw;}

}
@media screen and (max-width: 998px) {


}

@media screen and (max-width: 767px) {

}
@media screen and (max-width: 480px) {
.customs-body-bg{background-size: 100% 20%;}
.logo img {height: 20px;display:none;}
.listCon{width: 90%;padding:20px 0;}
.conL,.conR{width: 100%;}
.hzhg_tit{margin: 0 auto 20px;}
.NavCon{margin-bottom:30px;}
.NavCon li{padding: 10px 0 15px;}
.NavCon li a span{font-size: 18px;margin-top:0;}

.zt_tswp .tswp-news-ul .swiper-slide a.tsly_img{height:110px;}
.d5{margin-bottom:0;}
.d5 a{    display: block;width: 65%;margin: 0 auto;font-size: 24px;text-align: center;height: 40px;line-height: 40px;}
.d5 a img{margin-right: 20px;height: 30px;margin-top: -3px;}
.d5 a:first-child{margin:0 auto 20px;}

.hzhg_tit{width:160px;font-size: 18px;line-height: 35px;}
#con1 {margin-top: 80px;}
#con2 #con2_l .hzhg_tit{width: 200px;}
#con2 #con2_r .hzhg_tit {width: 220px;}
#con3 .hzhg_tit {width: 180px;}
.zt_jyjg{padding-bottom: 30px;}
.zt_jyjg>p>span{width: 200px;font-size:18px;line-height: 32px;}
.zt_jyjg .tswp-news-btn span{margin-top: 10px !important;}
.zt_jyjg .tswp-news-btn span.swiper-pagination-bullet-active{margin-top: 8px !important;}

#con6 .conL,#con6 .conR{width:100%;}
#con6 .conR{margin-top:20px;}
#con6 .left_zhong li.class_A{margin-top: 5px;}
#con6 .left_zhong .class_A a{font-size: 16px;line-height: 32px;}
#con6 .left_zhong .class_B>a{font-size: 14px;    padding-left: 50px;line-height: 32px;background: rgb(230,245,255) url(/eportal/fileDir/customs/template/navigation/zwgk_nav/2019101218033326565.png?timestamp=1584591948488) no-repeat 30px center;}
#con6 .left_zhong .class_B>a:hover,#con6 .left_zhong .class_B a.on {background: rgb(230,245,255) url(/eportal/fileDir/customs/template/navigation/zwgk_nav/2019101218033326565.png?timestamp=1584591948488) no-repeat 30px center;}
#con6 .jiaClass,#con6 .jianClass{height: 32px;line-height: 30px;}

.erj_con{padding: 20px;}
.erj_con h1{margin-bottom: 10px;}
.erj_con h1 span{font-size: 18px;padding-bottom: 10px;}
.erj_con .erj_conExt *{font-size: 16px;line-height: 30px;}

.conList_ul li a{max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.erj_con{padding: 10px;}
.gg_page {width: 100%;height: auto;padding-top: 20px;}
.gg_page .easysite-page-wrap {width: 100%;float: none;display: flex;align-content: space-between;}
.easysite-page-wrap a {padding: 5px;margin: 0 5px;width: 25%;text-align: center;}
.easysite-total-page,.easysite-jump-page{display:none;}
}