.fl{float:left;} .fr{float:right;} #cou_one_2{ } .mc_box16{ display: none;} /* banner图切换开始*/ .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; height:auto; display:block; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url( /uiFramework/commonResource/image/2022030909534966966.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /* banner图切换结束*/ /*新闻公告开始*/ .newsNoti{background:#ebf4fc; margin-top: 6%; max-width: 1920px; margin: auto;} #one1,#one2{width:50%;} .newgaoCon{width: 83.33%; max-width: 1600px; margin:0 auto;} .neszwgk{text-align: center;font-size: 36px;font-family: 'Adobe 黑体 Std'; padding-bottom: 25px; padding-top:5%;} .is-hover .nesgaohx{width: 30px;background: #095bc9;height: 5px;margin: 0 auto;} .nesgaohx{width: 30px; height: 5px;margin: 0 auto;} .nesEngli{text-align: center;font-size: 22px;font-family: 'Adobe 黑体 Std'; padding-top: 25px;} .bsbj{background:#fff;width:90%;background: #ffffff;box-shadow: 2px 4.6px 18px 0 rgba(30, 39, 61, 0.18);padding:6%;z-index: 10;} .append-buttons {text-align: center;margin-top: 20px;} .append-buttons a { display: inline-block; border: 1px solid #007aff; color: #007aff; text-decoration: none; padding: 4px 10px; border-radius: 4px;margin: 0 10px; font-size: 13px; } .lbkc{width:85%; margin:0 auto; position: relative; padding-top:80px; padding-bottom:80px;} 1.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -6%!important;} 1.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -6%!important;} .swiper-button-prev{background: url(/uiFramework/commonResource/image/2022031418173668827.png) no-repeat!important;height: 75px!important;width: 75px!important; left: -8% !important;} .swiper-button-prev:hover{background: url(/uiFramework/commonResource/image/2022032409371387691.png) no-repeat!important;} .swiper-button-next{background: url(/uiFramework/commonResource/image/2022031418170891566.png) no-repeat!important;height: 75px!important;width: 75px!important; right: -7% !important;} .swiper-button-next:hover{background: url(/uiFramework/commonResource/image/2022032409325694843.png) no-repeat!important;} .swiper-button-next2, .swiper-button-prev2 { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .lbkc2{width:85%; margin:0 auto; position: relative; padding-top:80px; padding-bottom:80px; display: none;} .swiper-button-prev2{background: url(/uiFramework/commonResource/image/2022031418173668827.png) no-repeat!important;height: 75px!important;width: 75px!important; left: -8% !important;} .swiper-button-prev2:hover{background: url(/uiFramework/commonResource/image/2022032409371387691.png) no-repeat!important;} .swiper-button-next2{background: url(/uiFramework/commonResource/image/2022031418170891566.png) no-repeat!important;height: 75px!important;width: 75px!important; right: -7% !important;} .swiper-button-next2:hover{background: url(/uiFramework/commonResource/image/2022032409325694843.png) no-repeat!important;} .slImg{text-align: left; background: url( /uiFramework/commonResource/image/2022031510574025012.png) no-repeat;padding-left: 27px;height: 20px; color: #095bc9; font-size: 16px; margin-bottom: 25px; position: relative; top: 10px;} .newsTie{ text-align: left; height:96px;text-overflow: ellipsis;overflow: hidden; margin-bottom:20px;} .newsTie a{font-size:22px; line-height: 44px;} .newSummary{ line-height: 36px; border-bottom: dotted 3px #ccc; color: #666; font-size: 18px; font-family: 'Adobe 黑体 Std'; padding-bottom:30px;text-align: left; overflow: hidden;} .summary_all{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .c1_btn{text-align: left; background: url(/uiFramework/commonResource/image/2022031418170891566.png) no-repeat right; margin-top: 30px;margin-bottom: 10px;} .c1_btn a{font-size: 18px;color: #1a1a1a;} .tzMore{width:100%; text-align: right; float:right;position: absolute; top: 0px;} .tzMore a{font-size: 16px; color: #1a1a1a; line-height: 50px;} /*新闻公告end*/ /*引航申请开始*/ .yhsq{width: 83.33%; max-width: 1600px; margin:60px auto;} .yhsq>div{width:48.62%; border-top-left-radius: 20px; box-shadow: -4px 5px 9px 1px #a7a7a7;} .yhreque{background:#cedef4; float:left;transition: .5s ease-in-out;} .yhreque:hover{transform: scale3d(1.05,1.05,1); transition: .5s ease-in-out;background:#095bc9; } .yhreque:hover a{color: #ffffff;} . .yhsqLef{padding: 10%;width: 30%;text-align: center; float:left;} .yhsqLef a{font-size: 32px;color: #1a1a1a;font-weight: bold;} .yhsqRig{float:right; width:50%;} .yhsqRig img{width:100%; height:100%; } .img2{display: none;} .yhreque:hover .img2{display: block;} .yhreque:hover .img1{display: none;} .yhcx{background:#cedef4; float:right;transition: .5s ease-in-out;} .yhcx:hover{transform: scale3d(1.05,1.05,1); transition: .5s ease-in-out;background:#095bc9; } .yhcx:hover .img2{display: block;} .yhcx:hover .img1{display: none;} .yhcx:hover .yhcxLef a{ color: #fff;} .yhcxLef{padding: 8%;width: 30%;text-align: center; float:left;} .yhcxLef a{font-size: 32px;color: #1a1a1a;font-weight: bold;} .yhcxRim{float:right; width:50%;} .yhcxRim img{width:100%; height:100%; } /*引航申请结束*/ /*航行通知潮汐信息开始*/ /*航行通知*/ .hxzhxi{background:url(/uiFramework/commonResource/image/2022032418195220069.jpg) no-repeat; background-size: 100% 100%;max-width: 1920px; margin: 0 auto 0;} .hxCon{width: 83.33%; max-width: 1600px; margin:0 auto; padding-bottom:5%;} /*.hxCon>div{width:47.81%; } */ /*潮汐信息显示时把这个width改一下*/ .hxCon>div{width:47.5%; } .column{padding: 0rem!important;} .hxCon .hxnotice{float:left;} .hxCon .cxNews{float:right;} .hxTcon{height: 50px; padding-top:25px;} .hxlmt{width:55%; font-family: 'Adobe 黑体 Std';font-size: 36px;color: #fff; float:left;} .hxMore{width:100px; text-align: right; float:right;} .hxMore a{font-size: 16px; color: #fff; line-height: 50px;} .khg{width: 36px;height: 4px;background: #fff;margin-top: 20px;margin-bottom: 20px;} .ywfy{font-family: 'Adobe 黑体 Std';font-size: 22px;color: #fff; padding-bottom:20px;} .hxtzTit{float:left; width:77%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .hxtzDate{float:right; width: 23%;text-align: right;} .hxlist>div{ font-size: 18px;color: #fff; line-height:32px; line-height:63px;} .hxlist>div a{ font-size: 18px;color: #fff; line-height:32px; line-height: 63px;} #main canvas{height: 200px!important;top: -20px!important;} #main div{height: 200px!important; } #main{height: 200px!important;margin:0 auto;} #cxTable{margin: 15px auto 0;} /*潮汐信息*/ .table.is-bordered td, .table.is-bordered th { font-size: 15px; } .cxInf{background: #f4f9ff;border-radius: 20px;margin-top: 20px;} .cxInf>div img{width:100%; height:100%;} .cxImg{float:left; width: 48%;height:262px;} .mwnz{float:right; width: 49%; padding-right: 1%;display: table;height: 252px;} .cxTit {font-size: 18px;line-height: 26px;color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; line-clamp: 9; -webkit-box-orient: vertical;display: table-cell; vertical-align: middle;} .cxTit a{font-size: 18px;line-height: 32px; color: #1a1a1a;} .cxBut{background: #1e64e6;width: 140px;margin: 0 auto;border-radius: 10px;line-height: 30px;text-align: center; margin-top:5%;display: none;} .cxBut a{font-size: 14px; color: #fff;} .cx_all{background: #fff; padding: 2%; border-radius: 20px; text-align: center;} .cxb_title{font-size: 28px!important;} .wz_title{font-size: 28px!important;} .date_all { margin: 5px 0 5px!important;} .cxMore{width:45%; text-align: right; float:right;} .pagination-list{justify-content: center!important;} /*政务公开开始*/ .zwgkCon{width: 83.33%; max-width: 1600px; margin:50px auto; padding-top: 10px;} .zwgk{text-align: center;font-size: 36px;font-family: 'Adobe 黑体 Std'; padding-bottom: 25px;} .zwgkhx{width: 36px;background: #095bc9;height: 4px;margin: 0 auto;} .zwgkEng{text-align: center;font-size: 22px;font-family: 'Adobe 黑体 Std'; padding-top: 25px;} .zwList{width: 83.33%; max-width: 1600px; margin:0 auto;padding-bottom:60px;} .zwList ul li{width:13%; margin-left:1.5%; margin-right:1.5%; float: left; cursor: pointer;} .zwList ul li a{font-size: 24px;color: #3e3a39;} .zwList .list01{background: url(/uiFramework/commonResource/image/2022031016331157175.png) no-repeat center top;} .zwList .list01:hover{background: url(/uiFramework/commonResource/image/2022031016303755681.png) no-repeat center top;} .zwList .list01:hover a{color:#095bc9;} .zwList .list02{background: url(/uiFramework/commonResource/image/2022031015523279696.png) no-repeat center top;} .zwList .list02:hover{background: url(/uiFramework/commonResource/image/2022031016440034064.png) no-repeat center top;} .zwList .list02:hover a{color:#095bc9;} .zwList .list03{background: url(/uiFramework/commonResource/image/2022031015562462831.png) no-repeat center top;} .zwList .list03:hover{background: url(/uiFramework/commonResource/image/2022031017075519580.png) no-repeat center top;} .zwList .list03:hover a{color:#095bc9;} .zwList .list04{background: url(/uiFramework/commonResource/image/2022031017145287174.png) no-repeat center top;} .zwList .list04:hover{background: url(/uiFramework/commonResource/image/2022031017084313869.png) no-repeat center top;} .zwList .list04:hover a{color:#095bc9;} .zwList .list05{background: url(/uiFramework/commonResource/image/2022031017151972775.png) no-repeat center top;} .zwList .list05:hover{background: url(/uiFramework/commonResource/image/2022031017091933849.png) no-repeat center top;} .zwList .list05:hover a{color:#095bc9;} .zwList .list06{background: url(/uiFramework/commonResource/image/2022031017155210163.png) no-repeat center top;} .zwList .list06:hover{background: url(/uiFramework/commonResource/image/2022031017094990956.png) no-repeat center top;} .zwList .list06:hover a{color:#095bc9;} .zwList ul li p{padding-top:160px; text-align:center; font-size:24px; text-align:center;} /*政务公开结束*/ /*航行通知潮汐信息结束*/ @media screen and (max-width: 1760px) { .cxTit{font-size:17px;line-height: 23px;-webkit-line-clamp: 10; line-clamp: 10;} .mwnz{} } @media screen and (max-width: 1550px) { .cxTit{font-size:14px;line-height: 20px;-webkit-line-clamp: 10; line-clamp: 10;} .mwnz{margin-top: 1%;} } @media screen and (max-width: 1400px) { .date_show { font-size: 17px!important; } .wz_title { font-size: 20px!important; padding-right: 10px!important;} .cxb_title { font-size: 20px!important; padding-right: 10px!important;} .ts-title { font-size: 12px!important; } .ts-title1 { font-size: 12px!important; } .table.is-bordered td, .table.is-bordered th { font-size: 12px!important; } #main canvas{width: 100%!important;} #main div{width: 100%!important;} #main{width: 100%!important;} .pagination-link, .pagination-next, .pagination-previous{min-width: 1.5em!important; height: 1.5em!important;} } @media screen and (max-width: 1200px) { .cxTit a{font-size:14px;} .cxTit{font-size:14px;} .hxlist > div a{font-size: 16px; line-height: 54px;} .hxlist > div{font-size: 16px; line-height: 54px;} .hxtzTit{width:75%;} .hxtzDate{width:25%;} } @media screen and (max-width: 999px) { .mwnz{height: auto;} .hxCon{margin-bottom: 10px; width: 100%; padding: 0.75rem; box-sizing: border-box;} /* .swiper-button-prev{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat!important;height:40px!important;width:40px!important; left: -10% !important;} .swiper-button-prev:hover{background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat!important;} .swiper-button-next{background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat!important;height:40px!important;width:40px!important; right: -14% !important;} .swiper-button-next:hover{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat!important;} */ .c1_btn a{font-size:1rem; } .newsTie a{font-size:1rem; line-height: 2rem;} .newSummary{font-size:1rem; line-height: 2rem;} .newsTie{height: 55px;} .swiper-button-prev{left: -27% !important;height: 65px!important;width: 65px!important;} .swiper-button-next{right: -27% !important;height: 65px!important;width: 65px!important;} .slideBox{margin-top:0px!important;} .slImg{top:20px;} .lbkc{padding-top:3rem;padding-bottom: 1.5rem; width:65%;} .lbkc2{padding-top:3rem;padding-bottom: 1.5rem; width:65%;} .swiper-button-prev2{left: -27% !important;height: 65px!important;width: 65px!important;} .swiper-button-next2{right: -27% !important;height: 65px!important;width: 65px!important;} .hxCon .cxNews{float: none;margin: 0;} .hxzhxi{margin-top: 1.5rem;} /*引航申请开始*/ .yhsq{display: block; width: 100%; margin-top:1.5rem;margin-bottom: 1.5rem;} .yhsq > div{width: 90%; margin-bottom: 5% !important;margin: 0 auto; float:none;} /*引航申请结束*/ /*航行通知潮汐信息开始*/ /*航行通知*/ .hxCon .hxnotice{float:none;} .hxCon > div{width: 100%;} /*航行通知潮汐信息结束*/ /*政务公开开始*/ .zwList ul li{width:30%;} /*政务公开结束*/ /*潮汐信息开始*/ .cxb_title{font-size: 1rem!important;} .wz_title{font-size: 1rem!important;} .date_show{font-size: 1rem!important;} .pagination-link, .pagination-next, .pagination-previous{min-width: 1.5em!important; height: 1.5em!important;} .cxMore{ display: none;} .ywfy{display: block!important;} /*潮汐信息结束*/ #main canvas{width: 300px!important;} #main div{width: 300px!important;} #main{width: 300px!important;} .usage_ex{ margin: 0px 0 0 1px;} .zwgkEng{font-size: 1rem;} .nesEngli{font-size: 0.8rem;} } @media screen and (max-width: 768px) { .zwList ul li p{font-size: 1rem;} .khg{margin-top: .75rem; margin-bottom: .75rem;} .zwgkCon{width:100%;margin:0px;} .zwgk{font-size: 28px;} .newgaoCon{width:100%;} .neszwgk{font-size: 28px;} hxzhxi{margin-top: 1.5rem;} .ywfy{margin-top:.75rem; padding-bottom: 0; font-size: 1rem;} .hxTcon{ padding-top: 1.5em;} .hxCon{padding: .75rem;} /*引航申请开始*/ .yhsqLef{padding:4%!important; margin-bottom: 10px;width: 40%!important; ;} .yhsqLef a{font-size:1rem;} .yhcxLef a{font-size:1rem;} .yhcxLef{padding:4%!important; margin-bottom: 10px;width: 40%!important; ;} /*引航申请结束*/ /*航行通知潮汐信息开始*/ /*航行通知*/ .hxCon > div{width:100%;} /*航行通知潮汐信息结束*/ .zwList ul li{width:47%;} .hxlmt{font-size: 28px; width: auto;} .hxlmt{width: 60%;} } @media screen and (max-width: 568px) { /*航行通知潮汐信息开始*/ .hxtzTit{width:66%;} .hxtzDate{width:34%;} .cxInf > div:nth-child(1){display:none;} .cxInf > div:nth-child(2){float: none;width: 90%;padding-top: 5%;margin: 0 auto;padding-bottom: 5%;} /*航行通知潮汐信息结束*/ }