/* 列表页 */ .hreder { height: 164px !important; } .listCon { width: 1000px; margin: 0 auto; margin-bottom: 30px;overflow:visible; min-height:400px;} p.position { font-size: 14px; line-height: 34px; height: 34px; padding-top: 8px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } /* 右侧内容区域 */ .listCon_title{font-size: 18px; height: 38px; vertical-align: top; color:#005684;} .listCon p{font-size: 14px; line-height: 24px; margin-bottom:24px;} .con_left{float:left;width:495px;} .con_right{float:right;width:495px;} /* 右侧文章列表样式 */ .listCon h1 { height: 45px; line-height: 45px; border-bottom: solid 1px #cccccc; font-size: 22px; font-weight: bold; margin-bottom:20px; } .listCon h1 span, .listCon_R h1 span a { display: inline-block; width: auto; border-bottom: solid 2px #036eb8; color: #036eb8; font-size: 22px; } .conList_ul{min-height:272px;} .conList_ul li { height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd; font-size: 14px; vertical-align: middle; } .conList_ul li span{float: right;} .conList_ul li a { background: url(/xining_customs/uiFramework/commonResource/image/2016081616015348895.png) 5px center no-repeat; padding-left: 15px; display: inline-block; color: #555; float: left; font-size: 14px; } .con_tu{width: 1000px; margin: 0 auto;} /* 分页样式 */ .gg_page{height: 31px; width: 625px; padding-left:395px; padding-top: 50px;} .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;} /* 办事指南搜索结果 */ .bsznSearch{float:right;} .searTxt{width: 179px; height: 34px; border: 2px solid #ccc; border-right: 0; float: left; line-height: 34px;} .searBut{width: 44px; height: 38px; border: 2px solid #ccc; background: url('/xining_customs/uiFramework/commonResource/image/2016100913355722079.jpg'); float: left;} /* 下载中心 */ .loadTol{font-weight:normal; color:red; margin-left:5px;} .loadTol>span{float:none !important;} /* 双公示专栏模块样式 */ .sgsMK{margin-bottom:40px;} .sgsMK>.gg_page{padding-top:10px;} .sgsMK>.conList_ul li{height:30px; line-height:30px;} .mk_title{padding: 0 20px; height: 40px; background: #2e5c9a;} .mk_title span.txt{font-size: 18px; line-height: 40px; color: #fff; float: left;} .mk_title a.sgs_more{font-size: 18px; line-height: 40px; color: #fff; float: right; font-weight: 100;} .mk_title a.sgs_more:hover{color: #ccc;} .easysite-survey-page .easysite-page-title h3{font-size: 24px !important; font-weight: bold; color:#08518b !important;} .easysite-survey-page .easysite-page-title{padding-bottom:10px !important;} /* 政务公开 */ .customs-zwgk, .customs-hdjl { overflow: hidden; margin-bottom: 55px; } .customs-zwgk-left { width: 745px; } .customs-mkTit { height: 35px; margin-bottom: 6px; } .customs-mkTit a { display: block; float: left; font-size: 18px; color: #464646; height: 35px; margin-right: 20px; position: relative; font-weight: bold; } .customs-mkTit a.on { border-bottom: 1px solid #16407a; color: #16407A; } .customs-mkTit a.on i { display: block; width: 0; height: 0; border-style: solid; border-color: #154079 transparent transparent transparent; border-width: 6px; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; } .zwgk_news_list { margin-top: 25px; } .zwgk_news_list li { margin-bottom: 12px; overflow: hidden; line-height: 28px; } .zwgk_news_list li a { font-size: 16px; color: #464646; line-height: 28px; padding-left: 18px; background: url(zwgk_news_dian.png) no-repeat 2px center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:80%; float: left; } .zwgk_news_list li span { float: right; } .customs-zwgk-right { width: 405px; -height: 335px; } .customs-zwgk-right .tit { font-size: 18px; height: 35px; text-align: center; color: #154079; font-weight: bold; } .customs-zwgk-list2 { margin-top: 20px; } .customs-zwgk-list2 li { line-height: 70px; height: 70px; margin-top: 1px; background: #ededed; text-indent: 9px; width: 98%; float: left; margin: 1px 1% 0; /*! font-size: 18px; */margin-bottom: 40px;} .customs-zwgk-list2 li img { height: 25px; margin-right: 30px; width: 25px; display: inline-block; margin-left: 50px;} .customs-zwgk-list2 li a { font-size: 20px; color: #205490; /*! font-weight: bold; */} .customs-zwgk-list2 li:hover a { color: #16407a; } .customs-zwgk-list2 li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -ms-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; } .customs-zwgk-list2 li:hover { -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 5;} /* 清除默认样式 */ body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img,font, table, form, input, button, textarea, select, option, a { padding: 0; margin: 0; font-family: 'Microsoft Yahei', arial; font-size:14px; } img,input,button{border:0;} select,option{border:1px solid #ccc;} /*table{max-width:1000px !important;}*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; } table { border-collapse: collapse; } td>p{margin:0 !important; padding:5px;} a, a:active { color: #333333; text-decoration: none; outline: none; } a:hover { color: #2b67ac; outline: none; } .clear { clear: both; zoom: 1; height: 0; font-size: 1px; line-height: 0px; } ul, dl, li, dd, dt, ol { list-style: none; } input, select, img { vertical-align: middle; outline: none; } body { font-size: 14px !important; -webkit-text-size-adjust: none; color: #545454; width: 100%; background-color: #fff; } .clear { clear: both; } html, body { width: 100%; height: 100%; font-size: 14px;} .divNomar p{margin:0px !important;} input[type="text"]{ border:1px solid #ccc; } /*扩展应用模块*/ .easysite-board-title{background:#2e5c9a !important;} .easysite-member-title{background:#2e5c9a !important;} .easysite-board-page-title p em{height:20px !important;} .easysite-page-text{padding:4px 10px !important;} .easysite-page-wrap{padding-top:2px !important;} .easysite-font .easysite-page-wrap a:hover{color:#fff !important;} .easysite-page-wrap a.easysite-current{background-color:#2e5c9a !important;} .easysite-cell .easysite-imgcode { width: auto !important; } /*文章细览*/ .easysite-news-text{font-size:12pt !important; font-family:"宋体" !important;} /* 按钮样式 */ .easysite-list-search .easysite-search-btn label{border: 1px solid #2e5c9a !important;} .easysite-list-search .easysite-search-btn label:hover{background:#2e5c9a !important;} .easysite-list-search .easysite-search-btn label:hover input{background:#2e5c9a !important;} .easysite-jump-page .easysite-jump-btn:hover{background:#2e5c9a !important; color:#fff;} /* 下载中心 */ .loadTol{font-weight:normal; color:red; margin-left:5px;} .loadTol>span{float:none !important;} /*************2020改版代码****************/ .swiper-slide .shadow.dn { top: 20px !important; left: 20px !important; } /* 初始化样式 */ * { padding: 0; margin: 0; text-decoration: none; font-family: 'Microsoft Yahei', Arial; } html { font-size: 62.5%; } html, body { min-width: 320px; background: #fff; -overflow-x: hidden; } html, body { width: 100%; position: relative; } html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, a, em, i, b, span, img, strong, dd, dl, dt, li, ol, ul, form, label, table, tbody, tr, th, td, input, textarea, font { padding: 0; margin: 0; font-family: 'Microsoft Yahei'; font-size: 14px; } 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; } textarea { -resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } button, a, input, textarea { outline: none; overflow: visible; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } a { text-decoration: none; } button, a { cursor: pointer; text-decoration: none; } .clearfix:after { content: "."; display: block; height: 0; font-size: 0em; line-height: 0; visibility: hidden; clear: both; } .clearfix { zoom: 1; clear: both; } input::-webkit-input-placeholder { color: #686868; font-size: 12px; } input::-moz-placeholder { color: #686868; font-size: 12px; } input:-moz-placeholder { color: #686868; font-size: 12px; } input:-ms-input-placeholder { color: #686868; font-size: 12px; } input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: none; } input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; } input::-ms-clear { display: none; } .pubCon { max-width: 1200px; min-width: 1200px; margin: 0 auto; width: 100%; } .css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .customs-body-bg { background: url(/eportal/fileDir/shantou_customs/template/page/shantou_2020/customs_bg.png) no-repeat top center; background-size: 100%; } /* 头部样式 */ .customs-head { background: #0d4d8b url(/eportal/fileDir/shantou_customs/template/common/header_2020/head_bg.jpg) repeat-x; } .customs-head-top { height: 42px; line-height: 42px; font-size: 14px; color: #fff; } .customs-head-link { *width: 560px; color: #fff; } .customs-head-link li { display: inline-block; font-size: 14px; color: #fff; vertical-align: middle; line-height: 42px; *width: auto; *display: inline; } .customs-head-link li a { font-size: 14px; color: #fff; padding: 0 10px; } .customs-head-center { width: 100%; padding-top: 15px; margin-bottom: 16px; overflow: hidden; } #customs-nav { overflow: hidden; } #customs-search { overflow: hidden; width: 354px; background: #fff; height: 34px; border-radius: 17px; } #customs-search input { width: 290px; float: left; border: none; line-height: 34px; height: 34px; padding: 0 10px 0 20px; color: #686868; font-size: 14px; } #customs-search button { width: 34px; height: 34px; display: block; background: url(/eportal/fileDir/shantou_customs/template/common/header_2020/head_search_btn.png) no-repeat center; float: right; border: none; } #customs-search button a { display: block; width: 100%; height: 100%; } .customs-head-search-tips { margin-top: 15px; padding: 0 15px; color: #fff; font-size: 14px; } .customs-head-search-tips a { font-size: 14px; color: #fff; margin: 0 5px; } .customs-head-bottom { height: 50px; background: #005a9f; background: rgba(0, 90, 159, .5); } .customs-head-nav { font-size: 12px; line-height: 47px; color: #ccc; padding-bottom: 3px; z-index: 10; position: relative; } #customs-nav .customs-head-nav { justify-content: flex-end; align-items: center; } .customs-head-nav > li { display: inline-block; height: 47px; line-height: 47px; position: relative; width: auto; *zoom: 1; *display: inline; padding: 0 62px; } .customs-head-nav > li > a { font-size: 16px; color: #fff; display: block; *display: inline; } .customs-head-nav > li:hover, .customs-head-nav > li.on { border-bottom: 3px solid #01a1ec; } .customs-sub-nav { position: absolute; width: 100%; background: #005a9f; background: rgba(0, 90, 159, .9); top: 50px; display: none; left: 0; } .customs-sub-nav > li { padding: 5px; line-height: 24px; text-align: center; } .customs-sub-nav > li > a { display: block; font-size: 14px; color: #ececec; } .customs-sub-nav > li:hover > a { color: #fff; } /* 底部样式 */ .customs-foot { height: 270px; } .customs-foot-link { padding-top: 30px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 38px; margin-bottom: 60px; } .customs-foot-link select { width: 128px; height: 38px; line-height: 38px; *height: 24px; height: 24px \9; font-size: 12px; color: #fff; border: 1px solid #019ce5; background: none; text-indent: 5px; margin: 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/eportal/fileDir/shantou_customs/template/common/footer_2020/foot_select_bg.png) no-repeat 108px center; background: none\0; } .customs-foot-link select option { color: #333; } .customs-foot-link select option[value=''] { color: #fff; } .customs-foot-text { overflow: hidden; } .customs-foot-text, .customs-foot-text a { font-size: 14px; line-height: 30px; color: #fff; } .foot-text-left p a { display: inline-block; white-space: nowrap; } .foot-text-center { margin-left: 30px; } .foot-text-right { width:220px\0; } .foot-text-right img { margin-left: 20px; margin-top: 10px; } .customs-foot .phone_wza{display:none;} /* 适配代码 */ @media screen and (max-width:1199px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pubCon { max-width: 100%; min-width: 100%; width: 100%; padding: 0 20px; } .customs-head-nav { display: flex; font-size: 0; line-height: 0; } .customs-head-nav > li > a { padding: 0 24px; } .customs-head-nav > li { height: 50px; line-height: 50px; padding: 0; } .customs-foot { height: auto; background: #16407a; } .customs-foot-link { margin-bottom: 10px; } .customs-foot-link span { display: block; } .customs-foot-link select { margin: 0 5px 5px 0; } .foot-text-left, .foot-text-center { float: none; text-align: center; margin-bottom: 5px; } .foot-text-center { margin-left: 0; } .foot-text-center p { display: inline-block; margin: 0 5px; } .foot-text-right { float: none; text-align: center; } } @media screen and (max-width:999px) { .customs-head-logo { width: 350px; } .customs-head-nav > li > a { padding: 0 10px; } } @media screen and (max-width:767px) { .pubCon { padding: 0 15px; } .customs-head { padding-bottom: 45px; position: relative; } .customs-head-search { position: absolute; float: none; bottom: 11px; width: 87%;right:4%; } #customs-search input { width: calc( 100% - 34px); } #customs-search { width: 100%; } #customs-nav .customs-head-nav { justify-content: inherit; text-align: center; } .customs-head-nav > li { line-height: 36px; height: 36px; } .customs-head-nav > li > a { padding: 0 5px; font-weight: bold; } .customs-head-nav > li:hover, .customs-head-nav > li.on { border: none; } .customs-head-nav { float: none; display: block; } .customs-head-bottom { padding: 0px; position: relative; z-index: 10; height: auto; background: none; } .customs-head-top, .customs-head-search-tips { display: none; } .customs-head-logo { max-width: 80%; margin: 0 auto; float: none; } .customs-foot-link { display: none; } .foot-text-left p a[title='设为首页'], .foot-text-left p a[title='加入收藏'] { display: none; } .customs-foot .phone_wza{display:inline-block;} } @media screen and (max-width:449px) { .customs-head-search { width: 92%;right:4%; } .customs-foot-text, .customs-foot-text a { font-size: 12px; line-height: 2em; } .customs-foot { padding: 10px 0; } .foot-text-left p, .foot-text-center p { font-size: 12px; } .foot-text-right img { height: 36px; } } /**加金色字增加样式**/ .customs-head-search{margin-left: 30px;} #customs-search{width: 220px;height: 25px;margin-top: 10px;} #customs-search input{width: 150px;line-height: 25px;height: 25px;} #customs-search button{width: 25px;height: 25px;margin-right: 8px;} .customs-head-h1 a{text-align: center;display: inline-block;color: #ffecc2;font-size: 24px;font-family:SimHei;} @media screen and (max-width:767px) { .customs-head-top { display: block; height: 0; } #customs-search {width: 100%;height: 34px; ;line-height: 34px; margin-top: 10px;} #customs-search input {width: calc( 100% - 34px); line-height: 34px; height: 34px;} .customs-head-time,.customs-head-link { display: none; } .customs-head-h1 { float: none; text-align: center; margin-top: 15px; } .customs-head-h1 a{font-size: 16px; max-width:100%; margin: 0 auto; float:none;} } .link { display: flex; flex-wrap: wrap; justify-content: space-between; } .link-item { width: 49%; display: flex; margin-bottom: 20px; } .link-item-l { width: 96px; height: 96px; background: #236eaf; display: flex; justify-content: center; align-items: center; } .link-item-l img {width: 46px;} .link-item-r { width: calc(100% - 96px); background: #f5f5f5; } .link-item-r a { display: block; width: 100%; height: 96px; line-height: 96px; } .link-item-r span { float: left; margin-left: 20px; font-size: 18px; } .link-item-r em { float: right; font-style: normal; margin-right: 20px; color: #adaaaa; font-size: 18px; } /* 列表页 */ .hreder { height: 164px !important; } .listCon { width: 1000px; margin: 0 auto; margin-bottom: 30px; min-height:400px;} p.position { font-size: 14px; line-height: 34px; height: 34px; padding-top: 8px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } /* 右侧内容区域 */ .listCon_title{font-size: 18px; height: 38px; vertical-align: top; color:#005684;} .listCon p{font-size: 14px; line-height: 24px; margin-bottom:24px;} .con_left{float:left;width:495px;} .con_right{float:right;width:495px;} /* 右侧文章列表样式 */ .listCon h1 { height: 45px; line-height: 45px; border-bottom: solid 1px #cccccc; font-size: 22px; font-weight: bold; margin-bottom:20px; } .listCon h1 span, .listCon_R h1 span a { display: inline-block; width: auto; border-bottom: solid 2px #036eb8; color: #036eb8; font-size: 22px; } .conList_ul{min-height:272px;} .conList_ul li { height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd; font-size: 14px; vertical-align: middle; } .conList_ul li span{float: right;} .conList_ul li a { background: url(/xining_customs/uiFramework/commonResource/image/2016081616015348895.png) 5px center no-repeat; padding-left: 15px; display: inline-block; color: #555; float: left; font-size: 14px; } .con_tu{width: 1000px;margin: 0 auto;margin-bottom: 20px;} /* 分页样式 */ .gg_page{height: 31px; width: 625px; padding-left:395px; padding-top: 50px;} .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;} /* 办事指南搜索结果 */ .bsznSearch{float:right;} .searTxt{width: 179px; height: 34px; border: 2px solid #ccc; border-right: 0; float: left; line-height: 34px;} .searBut{width: 44px; height: 38px; border: 2px solid #ccc; background: url('/xining_customs/uiFramework/commonResource/image/2016100913355722079.jpg'); float: left;} /* 下载中心 */ .loadTol{font-weight:normal; color:red; margin-left:5px;} .loadTol>span{float:none !important;} /* 双公示专栏模块样式 */ .sgsMK{margin-bottom:40px;} .sgsMK>.gg_page{padding-top:10px;} .sgsMK>.conList_ul li{height:30px; line-height:30px;} .mk_title{padding: 0 20px; height: 40px; background: #2e5c9a;} .mk_title span.txt{font-size: 18px; line-height: 40px; color: #fff; float: left;} .mk_title a.sgs_more{font-size: 18px; line-height: 40px; color: #fff; float: right; font-weight: 100;} .mk_title a.sgs_more:hover{color: #ccc;} .easysite-survey-page .easysite-page-title h3{font-size: 24px !important; font-weight: bold; color:#08518b !important;} .easysite-survey-page .easysite-page-title{padding-bottom:10px !important;} /* 政务公开 */ .customs-zwgk, .customs-hdjl { overflow: hidden; margin-bottom: 55px; } .customs-zwgk-left { width: 745px; } .customs-mkTit { height: 35px; margin-bottom: 6px; } .customs-mkTit a { display: block; float: left; font-size: 18px; color: #464646; height: 35px; margin-right: 20px; position: relative; font-weight: bold; } .customs-mkTit a.on { border-bottom: 1px solid #16407a; color: #16407A; } .customs-mkTit a.on i { display: block; width: 0; height: 0; border-style: solid; border-color: #154079 transparent transparent transparent; border-width: 6px; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; } .zwgk_news_list { margin-top: 25px; } .zwgk_news_list li { margin-bottom: 12px; overflow: hidden; line-height: 28px; } .zwgk_news_list li a { font-size: 16px; color: #464646; line-height: 28px; padding-left: 18px; background: url(zwgk_news_dian.png) no-repeat 2px center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:80%; float: left; } .zwgk_news_list li span { float: right; } .customs-zwgk-right { width: 405px; -height: 335px; } .customs-zwgk-right .tit { font-size: 18px; height: 35px; text-align: center; color: #154079; font-weight: bold; } .customs-zwgk-list2 { margin-top: 20px; } .customs-zwgk-list2 li { line-height: 70px; height: 70px; margin-top: 1px; background: #ededed; text-indent: 9px; width: 98%; float: left; margin: 1px 1% 0; /*! font-size: 18px; */margin-bottom: 40px;} .customs-zwgk-list2 li img { height: 25px; margin-right: 30px; width: 25px; display: inline-block; margin-left: 50px;} .customs-zwgk-list2 li a { font-size: 20px; color: #205490; /*! font-weight: bold; */} /*.customs-zwgk-list2 li:hover a { color: #16407a; } .customs-zwgk-list2 li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -ms-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; }*/ @media screen and (max-width: 750px) { .listCon { width: auto; padding: 0 15px; } .con_tu { width: auto; } .con_tu .img { width: 100% !important; height: auto !important; } .link-item { width: 100%; margin-bottom: 10px; } .link-item-l { width: 80px; } .link-item-r { width: calc(100% - 80px); } .link-item-r span,.link-item-r em { margin-left: 10px; } .link-item-r span, .link-item-r em{ font-size: 14px; } .con_tu .img2 { width: 90%; height: 40px; margin: 0 auto; display: block; } .con_left,.con_right { float: none; width: 100% !important; } #Content55 { display: none; } #Content66 { margin-top: 20px; } #Content66 .bg { background-size: cover !important; height: auto !important; } #Content66 .con_left img,#Content66 .con_right img{ float: none !important; display: block; margin: 0 auto !important; } }