*{padding: 0;margin: 0;box-sizing: border-box;}
dl,dt,li{list-style-type: none;}
a{text-decoration: none;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover{text-decoration:none;}
html{margin: 0 auto;font-size: 12px;background: #eef1f6;}
body{font-size: 12px;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;}
        
@supports (-moz-appearance:none) {
    .scrollable
    {
        scrollbar-width: thin;
        scrollbar-color: #ccc #fff;
        -ms-overflow-style: scrollbar;
    }
}
@supports (-ms-overflow-style: none) {
    .scrollable
    {
        scrollbar-width: thin;
        scrollbar-color: #ccc #fff;
        -ms-overflow-style: scrollbar;
    }
}
.scrollable::-webkit-scrollbar 
{
    width: 5px;
    height: 5px;
}
.scrollable::-webkit-scrollbar-track 
{
    background: #fff;
}
.scrollable::-webkit-scrollbar-thumb 
{
    background-color: #ccc;
    border-radius: 8px;
}
.scrollable::-webkit-scrollbar-thumb:hover 
{
    background: #ccc;
}
#loading{z-index:999999;position:absolute;right:1px;top:1px;background-color:rgba(255, 255, 255, 0.5); width:32px;display:none;}
#loading2{z-index:999999;position:absolute;right:1px;top:1px;display:none;width: 40px;padding: 4px;aspect-ratio: 1;border-radius: 50%;background: #4da2ff;--_m: conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask: var(--_m);mask: var(--_m);-webkit-mask-composite: source-out;mask-composite: subtract;animation: loading_tran 0.5s infinite linear;}
@keyframes loading_tran {to{transform: rotate(1turn)}}
/*min-header*/
.min-header{min-width: 1200px; border-bottom: 1px solid #f7f7f7;height: 35px;line-height: 35px;background: #fff;color: #152030;}
.mh-body{width: 1200px; margin: 0 auto;height: 35px;}
.min-header .minl{float: left;font-size: 14px;}
.min-header .minl h1{font-size: 14px; font-weight:normal;display: inline;}
.min-header .member{float: right;display: flex;align-items: center;justify-items: center;font-size: 16px;color: #ccc;}
.min-header .member{background-color: #f2f8fe;height: 30px;line-height: 22px;padding: 0 10px; border-radius: 15px; margin-top: 2px;}
.min-header .member a{margin:0 5px;font-size: 13px;color: #152030;display: flex;align-items: center;position: relative;}
.min-header .member i{color: #69798c;font-size: 13px;margin-right: 2px;}
.min-header .member a:hover{text-decoration: none;color:#0086f6;}
.min-header .member .mobile:hover .qcode{display: block;}
.min-header .member .mobile i{font-size: 16px;}
.min-header .member .qcode{display: none;border: 5px solid #eee;line-height: 22px; position: absolute;top: 26px;right: -10px;z-index: 98;background: #fff;padding: 10px;}
.min-header .member .qcode img{width: 120px;height: 120px;}
.min-header .member .qcode .tx{font-size: 12px;text-align: center;color: #bbb;}

/*header*/
.header{background: #fff;min-width: 1200px;}
.header_body{width: 1200px;margin: 0 auto;height: 110px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header .logo{max-width: 400px;max-height: 90px;overflow: hidden;margin-top: 10px;}
.header .call{display: flex;justify-content: start; align-items: start;margin-right: 20px;}
.header .call i{font-size: 26px;color: #f80;padding: 0 15px;margin-top: 10px;}
.header .call .cbody{display: flex;flex-direction:column;line-height: 24px;color: #000;}
.header .call .cbody .tips{font-size: 14px;}
.header .call .cbody .tel{font-size: 20px;color: #0086f6;font-weight: 500;letter-spacing:2px;background: linear-gradient(to right, #0086f6, #058bf8);-webkit-background-clip: text;color: transparent;}
.header .call .cbody .slogan{font-size: 12px;color: #f60;letter-spacing:3px;font-weight: 400;}
        
/*导航栏*/
.menu-nav{height: 46px;line-height: 45px;background: #0086f6;min-width: 1200px;}
.menu-nav .menu-body{width: 1200px;height: 100%;margin: 0 auto;color: #fff;position: relative;}
.menu-nav ul li{float: left;}
.menu-nav ul li a{color: #fff; font-size: 15px;text-decoration: none;}
.menu-nav .navl{float: left;}
.menu-nav .navl .ma{height: 45px;display: flex;align-items: center;padding: 0 10px;position: relative;}
.menu-nav .navl .ma:hover{ background-color: rgba(255, 255, 255, 0.1);}
.menu-nav .navl .ma i{font-size: 22px;margin-left: -2px;}
.menu-nav .navl .cma{padding: 0 5px;padding-left: 8px;}
.menu-nav .navl .navbody{display: none;box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 30%);width:1200px;padding: 10px 10px 20px 10px;overflow: hidden; line-height: 22px; margin: 0 auto;background: #fff; position: absolute;top: 45px;left: 0;z-index: 999;justify-content: start;flex-wrap: wrap;}
.menu-nav .navl li:hover .navbody{display: flex;}
.menu-nav .navl li:hover i{animation: xzdh 0.6s;animation-iteration-count: 1;transform: rotate(180deg);}
@keyframes xzdh {from {transform: rotate(0deg);} to {transform: rotate(180deg);}}
.menu-nav .navl .ma::after {content: '';position: absolute;bottom: 0;left: 0;border-radius: 3px; width: 100%;height: 2px;background-color: #f70;transform: scaleX(0);transition: transform 0.4s ease;transform-origin: center;}
.menu-nav .navl .ma:hover::after {transform: scaleX(1);}
.menu-nav .ybody a{color: #152030;margin:10px 10px 0px 10px;border: 1px solid #eee; padding: 10px;width: 218px;border-radius: 5px;transition: all 0.3s ease;}
.menu-nav .ybody a:nth-child(1){margin-left: 0;}
.menu-nav .ybody a img{width: 195px;height: 195px;border-radius: 0px;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.menu-nav .ybody a img:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition-duration: .8s;}
.menu-nav .ybody a .yname{font-size: 14px;font-weight: 500;margin-top: 10px;}
.menu-nav .ybody a .price{text-align: right;color: #ff0000;font-size: 12px;}
.menu-nav .ybody a .price .fh{font-style: normal;}
.menu-nav .ybody a .price .num{font-size: 16px}
.menu-nav .ybody a .price .qi{font-size: 12px}
.menu-nav .ybody a:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);transform: translateY(-5px);}
.menu-nav .cbody a{color: #152030;}
.menu-nav .cbody{display: flex;justify-content: start;}
.menu-nav .cbody dl{width: 225px;background: #f7f7f7;border: 1px solid #f7f7f7;padding: 0 5px 5px 5px; display: flex;flex-direction: column;margin-right: 10px;border-radius: 5px;}
.menu-nav .cbody dt{display: flex;justify-content: start;align-items: center;border-bottom: 1px dashed #ddd;padding: 5px 10px;}
.menu-nav .cbody dt img{width: 25px;height: 25px;margin-right: 5px;}
.menu-nav .cbody dt a{color: #152030;font-size: 400; font-size: 14px;}
.menu-nav .cbody dd{height: 100%;margin-top: 10px;}
.menu-nav .cbody dd a{background: #fff;border: 1px solid #eee; padding:5px 5px;margin-bottom: 10px;border-radius: 5px; display: flex;flex-direction: row; justify-content: start;align-items: center;transition: all 0.3s ease;}
.menu-nav .cbody dd a img{width: 40px;height: 40px;border-radius: 5px;margin-right: 10px;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.menu-nav .cbody dd a .yname{flex: 1;font-size: 12px;}
.menu-nav .cbody dd a .price{width: 65px; color: #ff0000;font-size: 12px;text-align: right;}
.menu-nav .cbody dd a .price .fh{font-style: normal;font-size: 10px}
.menu-nav .cbody dd a .price .num{font-size: 14px}
.menu-nav .cbody dd a .price .qi{font-size: 10px}
.menu-nav .cbody dd a:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);transform: translateY(-5px);}
.menu-nav .cbody dd a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition-duration: .8s;}
.menu-nav .cbody dt a:hover{color: #0086f6;}
.menu-nav .navr{float: right;}
.menu-nav .navr a{font-size: 14px;margin-left: 10px;}
.menu-nav .navr a:hover{text-decoration:underline;}

/*footer*/
.footer{background:#0962cf; background: linear-gradient(40deg,#0962cf 60%,#3f8cea 90%,#2f88f4 130%);color: #fff;}
.footer .ftop{width: 1200px;margin: 0 auto;padding: 20px 0px;display: flex;justify-content: space-between;box-sizing: border-box;}
.footer .ftop .tit{font-size: 16px;font-weight: bold;}
.footer .ftop ul{border-right: 1px solid #eee;padding: 10px 30px;}
.footer .ftop ul:first-child{padding-left: 0;}
.footer .ftop li{line-height: 28px;font-size: 14px;color: #fff;}
.footer .ftop li a{color: #fff;}
.footer .ftop .dlogo{display: flex;flex-wrap: wrap;}
.footer .ftop .dlogo img{width:145px;height: 145px;border: 8px solid #eee;}
.footer .ftop .dlogo div{display: flex;flex-direction: column;line-height: 28px;font-size: 14px;margin-left: 15px;}
.footer .ftop .dlogo .wx{font-size: 16px;font-weight: bold;}

.footer .hr{height: 1px;margin: 10px 0 10px 0;}
.footer .fdown{width: 1200px;margin: 0 auto;padding: 0 15px 20px 15px;color: #fff;}
.footer .fdown .znav{margin-bottom: 20px;}
.footer .fdown .znav a{font-size: 14px;margin:0 10px;color: #fff;}
.footer .fdown .znav a:first-child{margin-left: 0;}
.footer .fdown .copyright{font-size: 14px;line-height: 24px;}
.footer .fdown .copyright a{color: #fff;}
.footer .fdown .link{margin-top: 20px;font-size: 14px;color: #fff;}
.footer .fdown .link a{margin-right: 10px;color: #fff;}
.calendarfly{position: absolute;top:25px;left: 0px;width: 371px;height: 413px;background: #ffffff;z-index: 99;}
/*page*/
.pageui{height:30px;line-height:30px; margin:20px 0;display: flex;justify-content: center;flex-wrap: nowrap;}
.pageui a{ padding:5px 10px; display:block; float:left; background:#fff; margin-right:5px; line-height:19px;display: flex;justify-content: center;align-items: center;}
.pageui a:hover{text-decoration:none; border:1px solid #006ff6; color:#fff; background:#006ff6;}
.pageui a i{font-size: 18px;}
.pageui .updown{border:1px solid #eee; color:#ddd;}
.pageui .more{border:1px solid #eee; color:#ddd;}
.pageui .off{ border:1px solid #eee; color:#ddd;}
.pageui .off:hover{ text-decoration:none; background:#fff; color:#ddd; border:1px solid #eee;}
.pageui .total{font-size: 14px;color: #555;}
.pageui .ac{border:1px solid #006ff6;color:#006ff6;}
.pageui .on{ background:#006ff6; color:#fff;}
/*topback*/
.topback{position: fixed;right: 10px;bottom: 80px;z-index: 100;border-radius: 50px;box-shadow: 1px 1px 10px #999;width: 40px;height: 40px;display: none;justify-content: center;align-items: center;background:#fff;}
.topback i{font-size:26px;color:#bbb;cursor:pointer;}

/*保障*/
.htips{background: #004a99;color: #fff;margin-top: 50px;border-bottom: 3px solid #ffb200;}
.htips .htips-body{width: 1200px;margin: 0 auto;padding: 10px 30px; display: flex;justify-content: space-between;} 
.htips .htips-body .item{display: flex;flex-direction: column;line-height: 22px;}
.htips .htips-body .item div{font-size: 14px;}
.htips .htips-body .item div i{font-size: 18px;margin-right: 5px;}
.htips .htips-body .item span{font-size: 12px;letter-spacing: 1px;}
.htips .htips-body .item:last-child div{font-size: 14px;}
.htips .htips-body .item:last-child span{font-size: 16px;letter-spacing: 1px;}
        
/*footer*/
.footer{background: #004a99;color: #fff;}
.footer .ftop{width: 1200px;margin: 0 auto;padding: 20px 20px;display: flex;justify-content: space-between;box-sizing: border-box;}
.footer .ftop .tit{font-size: 14px;font-weight: 500;}
.footer .ftop ul{border-right: 1px solid #fff;padding: 0px 20px;padding-right: 50px;}
.footer .ftop ul:first-child{padding-left: 0;padding-right: 50px;}
.footer .ftop li{line-height: 28px;font-size: 12px;color: #fff;}
.footer .ftop li a{color: #fff;}
.footer .ftop .dlogo{display: flex;flex-wrap: nowrap;}
.footer .ftop .dlogo .item{margin-right: 15px;display: flex;flex-direction: column;justify-content: start;align-items: center;}
.footer .ftop .dlogo .item img{width:145px;height: 145px;border: 8px solid #eee;}
.footer .ftop .dlogo .item span{margin-top: 5px;}
.footer .ftop .dlogo .bz{display: flex;flex-direction: column;line-height: 28px;font-size: 12px;margin-left: 10px;}
.footer .ftop .dlogo .wx{font-size: 14px;font-weight: 500;}

.footer .fdown{width: 1200px;margin: 0 auto;padding: 0 15px 20px 15px;color: #fff;}
.footer .fdown .znav{margin-bottom: 10px;color: #f7f7f7;}
.footer .fdown .znav a{font-size: 13px;margin:0 10px;color: #fff;}
.footer .fdown .znav a:first-child{margin-left: 0;}
.footer .fdown .copyright{font-size: 12px;line-height: 22px;}
.footer .fdown .link{margin-top: 20px;font-size: 12px;color: #fff;}
.footer .fdown .link a{margin-right: 10px;color: #fff;}

/*右侧工具栏*/
.right-tools {width: 60px;position: fixed;bottom: calc((100vh - 260px) / 2);right: 0px;z-index: 999;background: #0084ff;border-radius: 10px;}
.right-tools .item {height: 60px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;border-bottom: 1px solid #65d2f9;text-align: center;cursor: pointer;font-weight: 500;}
.right-tools .item p {font-size: 12px;text-align: center;color: #fff;}
.right-tools .item i {font-size: 20px;color:#fff}
.right-tools .item:last-child{border-bottom: 0px;}
.right-tools .item:first-child{margin-top: 0px;}
.right-tools a{text-decoration: none;}
.right-tools .item:hover{background: #fff;}
.right-tools .item:hover p{display: inline-block;color: #0084ff;}
.right-tools .item:hover i{display: inline-block;color: #0084ff;}
.right-tools .item:first-child:hover{border-radius: 9px 9px 0 0;}
.right-tools .item:last-child:hover{border-radius: 0 0 9px 9px;}

.right-tools .bubble-content {position: absolute;top: 30%;padding: 5px;right: 120%;transform: translateY(-50%);min-width: 120px;line-height: 25px;padding: 5px;background-color: #f60;opacity: 0.8;transition: opacity 2s linear;color: #fff;font-size: 14px;border-radius: 4px;animation-name: bubble-content;animation-duration: 2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
.right-tools .bubble-content .tips{white-space: nowrap;}
.right-tools .bubble-content .sj {position: absolute;top: 35%;right: -5px;width: 10px;height: 10px;background-color: #f60;opacity: 1;transform: rotate(45deg);}
@keyframes bubble-content{0%{transform:translateX(-8px)} 50%{transform:translateX(-0px)} 100%{transform:translateX(-8px)}}
.right-tools .share-con {background: #fff;padding: 10px 5px; position: absolute;top: -30%;right: 60px;border: 5px #eee solid;overflow: hidden;display: none;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09);}
.right-tools .share-con img{width: 120px;height: 120px;overflow: hidden;}
.right-tools .share-con .ts{margin: 20px 0;}
.right-tools .wechat:hover .share-con{display:block;}
.right-tools .tools-contact{width: 230px;padding: 10px 20px;}
.right-tools .tools-contact .tit{text-align: left;font-size: 14px;color: #69798c;padding: 5px 0px; border-bottom: 2px solid #2a7de1;}
.right-tools .tools-contact ul li{font-size: 16px;color: #1a3c5e;font-weight: 500; margin: 15px 0;border-radius: 5px; background: #fff;border: 1px solid #eaeef3;transition: all 0.2s ease;padding: 15px 15px;display: flex;justify-content: start;align-items: center;}
.right-tools .tools-contact ul li:hover {background-color: #f0f7ff;transform: translateX(5px);}
.right-tools .tools-contact ul li i{font-size: 14px;margin-right: 10px;}

/*选择港口弹窗*/
.port-box{color: #152030;padding: 10px; width: 820px;min-height: 360px;position:absolute;top: 35px;left: -10px;z-index: 990; border-radius: 8px; border: 1px solid #eee; background: #fff;box-shadow: 0px 2px 5px #eee;}
.port-box .box-head{color: #152030;height: 30px;border-bottom: 1px solid #eee;padding: 5px 10px;position: relative;}
.port-box .box-head h3{font-size: 14px;font-weight: 500;}
.port-box .box-head .close{font-size: 24px;position:absolute;right: 10px;top: 0px;cursor:pointer;}
.port-box .box-head .close:hover{animation: xzdh 0.6s;animation-iteration-count: 1;transform: rotate(180deg);}
.port-box .box-head .porticon{font-size: 20px;margin: 0 5px 0 0;}
.port-box .box-body{padding: 10px;}
.port-box .box-body dt{margin-bottom: 5px;color: #69798c;font-size: 13px;padding: 10px;}
.port-box .box-body dt i {font-size: 13px;margin-right: 2px;}

.port-box .box-body dd {padding-left: 10px;padding-bottom: 10px;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 5px 19px;}
.port-box .box-body dd a {font-size: 12px;color: #152030; border: 1px solid #eee;min-width: 18%;padding: 5px 2px;border-radius: 5px;text-align: center;display: inline-block;margin-bottom: 10px;white-space: nowrap;display: flex;justify-content: center;align-items: center;transition: all 0.3s ease;}
.port-box .box-body dd a i {font-size: 18px;color: #69798c; margin: 0 5px;}
.port-box .box-body dd a.on {border: 1px solid #0084ff;color: #0084ff;background-color: #e5f2fe;}
.port-box .box-body dd a.on i { color: #0084ff;}
.port-box .box-body dd a:hover{color: #0084ff;text-decoration: none;border: 1px solid #0084ff;background-color: #e5f2fe;transform: translateY(-3px);}

/*分布*/
.page-ui{height:30px;line-height:30px; margin:20px 0;display: flex;justify-content: center;flex-wrap: nowrap;}
.page-ui a{color: #152030; padding:5px 10px; display:block; float:left; background:#fff; margin-right:5px; line-height:19px;display: flex;justify-content: center;align-items: center;}
.page-ui a:hover{text-decoration:none; border:1px solid #0086f6; color:#fff; background:#0086f6;}
.page-ui a i{font-size: 18px;}
.page-ui .off{ border:1px solid #eee; color:#ddd;}
.page-ui .off:hover{ text-decoration:none; background:#fff; color:#ddd; border:1px solid #eee;}
.page-ui .on{ border:1px solid #0086f6; color:#0086f6;}
.page-ui .curr{border:1px solid #0086f6; color:#fff; background:#0086f6; }
.page-ui .total{font-size: 14px;color: #555;}

/*面包屑*/
.page-loca{width: 1200px;margin: 0 auto;border-radius: 8px;padding: 10px;font-size: 14px;}
.page-loca .loca{color: #bbb;}
.page-loca a{color: #69798c;}
.page-loca .fh{color: #8592a6;margin: 0 5px;}