/* 公共样式 */ 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;} /*三色块*/ /*.dn{top:0!important;left:0!important;}*/ /* 搜索 */ .banner { width: 100%; text-align:center; } .banneer img{object-fit: none; width: 100%;} .zwxxgk_ss {width:668px; height: 64px;margin: -110px auto 65px auto;z-index: 9999; position: relative; border-radius: 40px;border:8px solid rgba(255,255,255,0.3);box-sizing: initial;} input[type="submit"]{-webkit-apprarance:none;} .inputText1 {width:100%;height: 64px;line-height:64px;padding-top:0px;padding-left:45px;background:#ffffff;border-radius: 40px; } .inputText1 input {width: 451px;height: 35px;line-height: 35px;background: #fff;margin-left: 2px;} .inputText1 .inp {width: 330px;height: 64px;float: left;border: none;outline: none;} .logo{display:block;padding-top:40px;} .logo img{border:0;} #searchbutton {float: right;background: #bd1a2d url(2020022512524361966.png) 80px center no-repeat;border: 0;height: 60px;margin-top: -1px;width: 122px;cursor: pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;font-size: 18px;color: #fff;text-align: left;} .inputText1 .inp1 {width: 100px;height: 65px;float: right;cursor: pointer;text-align: center;/* margin-right: 6.5px; margin-right: 0px\9;*/} .inputText1 .inp1 a{display: block; background: #223f76; height: 64px; border-radius:30px 60px 60px 30px;} .inputText1 .inp1 a img{width: 100px;height: 65px;} /*title*/ .column_title{background:url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081517000550906.png) no-repeat;background-position:center center;color:rgb(72,161,232);font-size:40px;text-align:center;font-weight:bold;padding-top:54px;padding-bottom:54px; } .column_title i{color:#223f76;font-size:48px;font-weight:bold;} /*隶属海关导航*/ /* .listCon_Nav li{width:220px;height:78px;display:inline-block;text-align:center;margin-right:11px;margin-bottom:22px;} .listCon_Nav li a{line-height:78px;text-align:center;color:#223f76;font-size:22px;} .listCon_Nav li:hover{background:url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081517241972624.png) no-repeat;} .listCon_Nav li:hover a{color:#ffffff;} */ .listCon_Nav li{width:220px;height:78px;display:inline-block;text-align:center;margin-right:16px;margin-bottom:22px;} .listCon_Nav li p{line-height:78px;text-align:center;color:#223f76;font-size:22px;background:#f3f7fb;} .listCon_Nav li p a{line-height:78px;text-align:center;color:#223f76;font-size:22px;background:#c8e3f8;display:block;} .listCon_Nav li:hover p,.listCon_Nav li:hover p a {background:url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081517241972624.png) no-repeat;} .listCon_Nav li:hover p,.listCon_Nav li:hover p a{color:#ffffff;} .subor_work{margin-bottom:47px;} /* 图片新闻轮播 */ .customs-news-left{background:url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081610021357982.png) no-repeat; background-size: 100% 100%;padding:18px; width: 596px;} .customs-news { overflow: hidden; margin-bottom: 50px; height: 350px; overflow: hidden; padding-top: 50px; } .customs-news-flash { /*width: 560px;*/ height: 100%; position: relative; } .customs-news-ul li { /*width: 560px;*/ height: 100%; position: relative; } .customs-news-ul li img { width: 100%; height: 350px; object-fit: cover; } .customs-news-ul li p { width: 100%; position: absolute; bottom: 0; height: 45px; line-height: 45px; background: url(/huangpu_customs/template/page/huangpu_2020/gray80.png); font-size: 14px; color: #fff; text-indent: 20px; } #area1 .swiper-container-horizontal > .swiper-pagination-bullets { width: auto; left: inherit; right: 20px; bottom: 20px; position: absolute; z-index: 10; } #area1 .swiper-pagination-bullet { opacity: 1; background: #fff; width: 6px; height: 6px; } #area1 .swiper-pagination-bullet-active, .customs-news-btn li.on { background: #154079; } .customs-news-btn { position: absolute; bottom: 18px; right: 10px; z-index: 10; } .customs-news-btn li { width: 6px; height: 6px; background: #fff; border-radius: 6px; float: left; margin: 0 5px; } /* 新闻切换 */ .customs-news-right { width: 570px; overflow: hidden;padding-top:18px; } .customs-news-list li { height: 48px; line-height: 48px; vertical-align: middle; } .customs-news-list li a,.customs-news-abstract li a { font-size: 18px; color: #333333; max-width: 70%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;vertical-align: middle;background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081609585355278.jpg) no-repeat;background-position: 2px center; padding-left: 18px; } .customs-news-list li:hover a,.customs-news-abstract li:hover a{background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081610075293636.jpg) no-repeat;background-position: 2px center; } .customs-news-list li span,.customs-news-abstract li span { color: #333333; font-size: 16px; float: right;} .customs-news-list li.first:hover p.tit, .customs-news-list li:hover a, .customs-news-list li:hover span, .zwgk_news_list li:hover a, .hdjl_item_list li:hover a, .jlhd-list li:hover a,.customs-news-abstract li:hover a,.customs-news-abstract li:hover span { color: #223f76; } .customs-news-abstract{border-bottom:1px solid #235190;} .customs-news-abstract div{padding:18px;color:#666666;font-size:16px;line-height:24px;text-indent:32px;} /*成果展示*/ .achieve{background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081610490910747.png) no-repeat; background-size: cover; padding-bottom: 10px;} .subor_achieve { } .customs-rdLink-wrap { padding-left: 50px; padding-right: 50px; position: relative; } .customs-rdLink_list li { float: left; width: 278px;width: 278px\9; line-height: 30px; } .customs-rdLink_list li a{display:block;padding: 11px; margin-right: 9px;background:#ffffff; height:264px; } .customs-rdLink_list li a img{ height:170px;} .customs-rdLink_list li a p{color: #333333; font-size: 20px;line-height:36px;padding-top:13px;} .customs-rdLink-btn { width: 18px; height: 32px; position: absolute; top: 36px; cursor: pointer;top:125px } .customs-rdLink-btn:hover { color: #16407a; } .customs-rdLink-prev { left: 8px; background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081611084252746.png) no-repeat; } .customs-rdLink-next { right: 8px; background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081611084172205.png) no-repeat; } .customs-rdLink_list li:hover a { color: #fff; } /*我有建议*/ .subor_proposal{background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081612170848331.png) no-repeat;margin-bottom:53px;} .proposal {padding:39px 0 34px 163px;} .proposal a {padding:27px 55px;background:#2162cc;box-shadow:4px 4px 0px 0px rgb(89,147,241);border-radius:21px; display: inline-block;display:inline\9;zoom:1;} .proposal a img{display:inline-block;*display:inline;zoom:1;vertical-align: middle;margin-right:9px;} .proposal a p{display:inline-block;*display:inline;zoom:1;font-size:36px;color:#ffffff;line-height:36px;vertical-align: middle;margin-right:18px;margin-left:9px;} @media screen and (max-width:1199px) { body{width:100% !important;} .typePage{width:100% !important;} .banner{width:100%;height: auto; background-size: 100%; margin-top:0px;} } @media screen and (max-width:1024px) { .customs-news-left{width: 390px;} .customs-news-right{width: 340px;} .zwxxgk_ss{ width: 400px;height: 40px; margin: -60px auto 0px auto;} .inputText1{height: 40px; line-height: 40px; padding-left: 20px;} .inputText1 .inp{width: 250px; height: 40px;} .inputText1 .inp1{height: 40px; width: 60px;} .inputText1 .inp1 a{height: 40px;border-radius: 40px;} .sub{background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081516272225186.png) no-repeat!important;background-size: 60%!important; right: 0px!important;top: 8px!important;} .column_title{font-size: 30px;background-size: 140%;} .column_title i{font-size: 30px;} .listCon_Nav li{ width: 170px; margin-right: 10px;} .listCon_Nav li p{font-size: 18px;} .listCon_Nav li p a{font-size: 18px;} .subor_proposal{background-size: 100% 100%;} .proposal{ padding: 20px 0 20px 30px;} .proposal a{ padding: 8px 15px;border-radius: 10px;} .proposal a img{width: 20px;} .proposal a p{ font-size: 22px;} } @media screen and (max-width:800px) { .customs-news-left,.customs-news-right{width:100%;float:none;} .customs-news-list li span, .customs-news-abstract li span{font-size:12px;} .zwxxgk_ss{ width: 250px;height: 30px; margin: 10px auto;border: 8px solid rgba(34,63,118,0.3);} .inputText1{height: 30px; line-height: 30px; padding-left: 20px;} .inputText1 .inp{width: 180px; height: 30px;} .inputText1 .inp1{height: 30px; width: 40px;} .inputText1 .inp1 a{height: 30px;border-radius: 30px;} .sub{background: url(/huangpu_customs/resource/cms/2022/08/img_pc_site/2022081516272225186.png) no-repeat!important;background-size: 50%!important; right:-9px!important;top: 4px!important;} .column_title{font-size: 22px;} .column_title i{font-size: 22px;} } @media screen and (max-width:460px) { .zwxxgk_ss{} .column_title{font-size: 16px; padding-top: 20px; padding-bottom: 20px;} .column_title i{font-size:16px;} .listCon_Nav li{ width: 130px; margin-right: 10px; height: 40px;} .listCon_Nav li p{font-size: 18px;line-height: 40px;} .listCon_Nav li p a{font-size: 18px; line-height: 40px;} .customs-news-ul li img{height:200px;} .customs-rdLink-wrap{padding-left: 30px; padding-right: 30px;} .customs-rdLink_list li{ width: 100%;} .customs-rdLink_list li a{height:240px;} .customs-rdLink_list li a p{font-size:14px;} .customs-rdLink-prev,.customs-rdLink-next{background-size: 50%; } .customs-rdLink-prev{left: 0px;} .customs-rdLink-next{ right: 0px;} .customs-news-list li{ height: 32px; line-height: 32px;} .customs-news-list li a, .customs-news-abstract li a{ font-size: 14px;} .customs-news-abstract div{ font-size: 14px; padding: 8px; text-indent: 28px;} .proposal{padding: 10px;} .proposal a{ padding: 8px 15px;border-radius: 10px;} .proposal a img{width: 20px;} .proposal a p{ font-size: 16px; line-height: 24px;} }