@charset "utf-8";
/* CSS Document */

body          { text-align:left;font-family:Arial;color:#585858; font-size:12px;  color:#7F8583;padding:0px; margin:0; }
table,td,tr,th{font-size:12px;border-collapse:collapse;border-spacing:0;padding: 0px;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h6,p {margin: 0; padding: 0; border: 0;list-style-type:none;}
h1,h2,h3,h4	{ }
a	 { text-decoration:none; color:#555}
a:hover	 {color:#ff7200; text-decoration:none; }
.aside i { display:inline-block; background:url(../pic/n_icon.png) no-repeat;_background:url(../pic/n_icon_8.png) no-repeat}
body,html { font-family: PingFangSC-regular,Tahoma,Lucida Grande,Verdana,Microsoft Yahei,STXihei,hei; }
.wrapper{width: 1200px;margin: 0 auto;}
[v-cloak]{display:none;}
.iconfont { font-family: 'iconfont';font-style: normal; }
/* ty */
.fl			{ float:left;}
.fr			{ float:right;}
.clear		{ clear:both;}
/*top*/
.top_snav {  height: 30px; background: #F5F8FA;overflow: hidden;}
.top_snav .top_snav_wrap { margin: 0 auto; width: 1200px; line-height: 30px; color: #333;}
.top_snav .top_snav_wrap h1 {  display: inline; font-weight: normal;font-size: 12px;} 
.top_snav .top_snav_wrap .l_rk {}
.top_snav .top_snav_wrap .r_kj { font-size: 14px;}
.top_snav .top_snav_wrap .r_kj span { margin: 0 5px; color: #ddd}
.top_snav .top_snav_wrap .r_kj i { color: #E92F3A; margin-right: 5px;}
.top_bannr { background: #fff; z-index: 99;
    -webkit-box-shadow: 0 16px 15px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 16px 15px 1px rgb(0 0 0 / 10%);}
.topb_wrap { margin: 0px auto; width: 1200px;  height: 130px; display: flex;background: #fff; justify-content: space-between;align-items: center;}
.mavk  { margin-top: 20px; line-height: 50px; width: 60%; }
.mavk  a { margin: 0 10px; font-weight: bold; display: inline-block; font-size: 18px; padding: 0 20px; }
.mavk a:hover { border-bottom: 3px solid #E92F3A; color: #E92F3A; }
.mavk .on {border-bottom: 3px solid #E92F3A; color: #E92F3A; }
.topb_wrap .logo img { width: 300px;}
.top_bannr .logo i { font-size: 40px; color: #E92F3A;}
.top_bannr .tel {text-align: right;  font-size: 28px; font-weight: bold; color: #E92F3A;}
.top_bannr .tel  span {  margin-left: 5px;} 
.top_bannr .tel i { font-weight: normal; color: #000; font-size: 24px; margin-right: 10px;}

.inad	{ overflow: hidden; width: 100%; position: relative; height: 300px;/* margin: -70px auto 0;*/ background-color: #f5f5f5;}
.fls	{position: relative; left: 50%;top:0; overflow: hidden; width: 1920px;  height: 300px; margin-left: -960px; }
.fls a	{position: absolute; top: 0px; left: 0px;  display: block;  z-index: 7; opacity: 1;}	



.navfc { display: none; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); position: absolute; top: 30px; z-index: 9; background: #0A7BF8; border-radius:0 5px 5px 5px; padding: 15px 5px;  width: 320px;}
.navfc a  { text-align: center; color: #fff; display: inline-block;border-left: 5px solid #0A7BF8 ;  font-size: 16px; padding: 2PX 10PX; }
.navfc a:hover  {  color: #FFF; border-left: 5px solid #FAAA32 ;padding: 2PX 10PX; }
.navfc div { width: 50%; height: 30px; padding: 5px 0;}

.navfb { display: none;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); position: absolute; top: 30px; z-index: 9; background: #0A7BF8; border-radius:0 5px 5px 5px; padding: 15px 5px;}
.navfb a  {  color: #fff; display: inline-block;border-left: 5px solid #0A7BF8 ;  font-size: 16px; padding: 2PX 10PX; }
.navfb a:hover  {  color: #FFF; border-left: 5px solid #FAAA32 ;padding: 2PX 10PX; }
.navfb div { height: 30px; padding: 5px 0; }


/* foot */
.ft_bar { background: #0A7BF8; height: 60px; margin-top: 20px;}
.ft_bar .ft_bar_wrap { width: 1200px; margin: 0 auto; display: flex;}
.ft_bar .ft_bar_wrap .ikz  { width: 20%; margin-top: 12px;  }
.ft_bar .ft_bar_wrap .ikz i { font-size: 30px;float: left; color: #fff; margin-right: 10px; }
.ft_bar .ft_bar_wrap .ikz .dbt {font-size: 16px; font-weight: bold; color: #fff;}
.ft_bar .ft_bar_wrap .ikz .ms { font-size:12px; color: #f1f1f1;}

.ft_wz {  background: #002D59;  padding: 30px 0; border-bottom: 1px solid #fff;}
.ft_wz .ft_wz_wrap { width: 1200px; margin: 0 auto; display: flex; }
.ft_wz .ft_wz_wrap .ulk { width: 25%; border-right: 1px solid #fff; margin-right: 15px;}
.ft_wz .ft_wz_wrap .ulk .db { font-weight: bold; color: #fff; font-size: 14px; margin-bottom: 10px;}
.ft_wz .ft_wz_wrap .ulk ul li { line-height: 20px;}
.ft_wz .ft_wz_wrap .ulk ul li a { color: #f1f1f1;}
.ft_wz .ft_wz_wrap .ulk ul li a:hover {  color: #FFF500;}

.ft_wz .ft_wz_wrap .gzk { width: 35%;}
.ft_wz .ft_wz_wrap .gzk .gzh { display: inline-block;float: left; text-align: right; margin-right: 10px;}
.ft_wz .ft_wz_wrap .gzk .gzh img { width: 85%;}
.gzwm { color: #fff; line-height: 25px;}
.gzwm  span { font-size: 14px; font-weight: 700; margin-bottom: 10px;}

.foot {  background: #1974CF;  padding: 30px 0; }
.foot_wrap {width: 1200px; font-size: 14px; line-height: 25px; margin: 0 auto; color: #fff;}
.foot_wrap a { margin: 0 5px; color: #fff;}
.foot_wrap a:hover {color: #FFF500;}
.foot_wrap h3 { display: inline; font-weight: normal; font-size: 14px;}

.links { background: #1974CF;  padding: 10px 0; }
.links_wrap {width: 1200px; line-height: 25px; margin: 0 auto; color: #fff;}
.links_wrap a { margin-right: 10px; color: #fff;}
.links_wrap a:hover {color: #FFF500;}






/**/
.fyk {  display: flex; justify-content: space-between; line-height: 30px;margin: 20px 0px 20px 0;}
.fyk a {  display: block;}
.fyk .next {border: 1px solid #ddd;border-radius: 2px; padding: 0px 10px; color: #E92F3A; background: #fff;cursor: pointer;   }
.fyk .next i { margin: 0 5px; color: #E92F3A;}
.fyk  .smll { border:1px solid #ddd; width: 30px; height: 30px; text-align: center; margin: 0 5px; cursor: pointer;color: #E92F3A; background: #fff;}
.fyk .on { background: #E92F3A; color: #fff;}
.fyk .off { cursor: auto;background: #eee; color: #999; }
.fyk .off i { cursor: auto;background: #eee; color: #999; }
.fyk .next:hover,.fyk .smll:hover { border:1px solid #E92F3A}
.fyk .off:hover { border:1px solid #ddd;}

/**/
.l_fc { position: fixed; left:50%;margin-left: -725px; z-index: 999; top: 20px;background-color: #fff;}
.l_fc div{font-size: 14px; cursor: pointer;color: #555;border-bottom: 1px solid #ddd;text-align: center; line-height: 18px; padding: 10px 5px;}
.l_fc .on { background: #0a7bf8; border-radius: 5px; color: #fff;}
.l_fc div:hover {  background: #0a7bf8; border-radius: 5px; color: #fff;}


/**/
.mbx {  width: 1200px; margin:  20px auto;}
.mbx span {  margin: 0 5px; }
.TopDown {position:fixed;z-index:99999;bottom:100px;right:10px;width:32px;background:#fff;}
.TopDown .top{width:34px;height:34px;background-image:url(pic/navigation.png);border:none;}
.TopDown .top:hover{background-position:-35px -0px;}
.TopDown .qq{width:34px;height:54px;background:url(pic/navigation.png) 0px -34px; border:none;}
.TopDown .qq:hover{background-position:-35px -34px;}
.TopDown .down{width:34px;height:34px;clear:both;background:url(pic/navigation.png) -0px -88px; position:relative;}
.TopDown .down:hover{background-position:-35px -88px;}
.TopDown .down div{ width:135px; height:208px; position:absolute; left:-135px; top:-80px;display:none;}
.TopDown .wd{width:34px;height:35px;clear:both;background: url(pic/navigation.png)-0px -122px; }
.TopDown .wd:hover{background-position:-35px -122px;}
#MenberInfoTop{ display:inline;}
#MenberInfoTop a{ display:inline-block; height:25px; line-height:25px; margin:2px 5px; background:#f600005e; color:#ffffff;   padding:1px 3px; border-radius:4px; text-decoration:none;}
#MenberInfoTop a:hover{background:#ff0000;}

@font-face {
  font-family: 'iconfont';  /* Project id 2650366 */
  src: url('//at.alicdn.com/t/font_2650366_2y57xod83g3.woff2?t=1625651651162') format('woff2'),
       url('//at.alicdn.com/t/font_2650366_2y57xod83g3.woff?t=1625651651162') format('woff'),
       url('//at.alicdn.com/t/font_2650366_2y57xod83g3.ttf?t=1625651651162') format('truetype');
}



/* 搜索 */
.topb_wrap .search{padding-left:30px;flex-grow: 1;}
.topb_wrap .search .form{position:relative;width:420px;}
.topb_wrap .search .form button,.topb_wrap .search .form input{border:none;outline:0}
.topb_wrap .search .form input{width:100%;height:42px;padding-left:13px;border:2px solid #0084ff;border-radius:5px;background:0 0;box-sizing:border-box}
.topb_wrap .search .form button{height:42px;width:80px;cursor:pointer;position:absolute;background:linear-gradient(90deg,#00a7fa 0,#0076f5 100%);border-radius:0 5px 5px 0;top:0;right:0;font-size:15px;color:#f9f0da}
.topb_wrap .search .form button:hover{background:linear-gradient(90deg,#00a7fa 0,#0067d4 100%)}


/* 搜索弹窗 */
.topb_wrap .search .form .search-popup{position:absolute;top:42px;z-index:999;width:340px;overflow-y:auto;background-color:#fff;font-size:14px;border-radius:8px;border:1px solid #e6f3fe;padding:5px 0;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);max-height:285px}
.topb_wrap .search .form .on{display: none;}
.topb_wrap .search .form .search-popup>a{display:block;padding:5px 20px 5px 34px;text-indent:-25px;font-size:14px;color:#333;word-break:break-all}
.topb_wrap .search .form .search-popup>a i{font-size:20px;margin-right:5px;vertical-align:middle;color:#0084ff}
.topb_wrap .search .form .search-popup>a span b{color: #0A7BF8;}
.topb_wrap .search .form .search-popup>a:hover{background-color:#0084ff;color:#fff}
.topb_wrap .search .form .search-popup .selected{background-color:#0084ff;color:#fff}
.topb_wrap .search .form .search-popup .selected b{color:#fff}
.topb_wrap .search .form .search-popup .selected i{color:#fff}
.topb_wrap .search .form .search-popup>a:hover i{color:#fff}
.topb_wrap .search .form .search-popup>a:hover b{color:#fff}
.topb_wrap .search .form .search-popup .search_close{position:absolute;top:0;right:0;width:30px;height:32px;line-height:32px;text-align:center;cursor:pointer;font-weight:700;font-size:16px;color:#666}
.topb_wrap .search .form .search-popup .search_close:hover{color:#0a7bf8}

/* 导航 */
.navwp	{ background:#0074ff; }
.navwp .nav	{ width:1200px; height:40px;position:relative; margin:0 auto; display: flex;justify-content: space-between;align-items: center;}
.navwp .nav .ba {line-height:40px;}
.navwp .nav .ba	li	{   float:left;}
.navwp .nav .ca	{ background:#0062d6;  border-radius:3px; height:30px;flex: 1; }
.navwp .nav .nav-right{display: flex;}
.navwp .nav .nav-right .nav-r-wd .bta{margin:0 5px 0 15px;font-size: 15px;}
.navwp .nav .sa { position: relative; }
.navwp .nav .nav-right .bta	{ color:#fff; font-size:14px; text-decoration: none; padding:0 2px;line-height:40px;  }
.navwp .nav .nav-down-iocn{ margin-left: 5px ; color: #fff; font-size: 22px; vertical-align: -3px;}
.navwp .nav .sa .ful {background: rgba(0,116,225,0.9); width: 130px; right: 0; position: absolute; z-index: 120; padding: 10px; border-radius: 5px; }
.navwp .nav .sa .ful a {  width: 100%; padding: 10px 0; text-align: center; color: #fff; font-size: 14px; display: block;}
.navwp .nav .ful a:hover	{ background:#3d95ff;text-decoration:none;}
.navwp .nav .ba a:hover {background: #3d95ff;text-decoration: none;}
.navwp .nav .ba .bak	{color:#fff; font-size:16px; padding:0 7px; height:40px; display:block; }
.navwp .nav .ba .on { background:url(../pic/arrowup.png) #3d95ff center bottom no-repeat;}
.navwp .nav .ba .tsa:hover { background:url(../pic/arrowup.png) #3d95ff center bottom no-repeat;}
.navwp .subwrap	   { box-shadow:#777 2px 2px 5px;  background:#fff; position:absolute; height:40px; width:100%; left:0; display:block;  z-index:100;   }
.navwp .subwrap .subnav { left:0; width:1200px; margin:0 auto;   font-size:14px;}
.navwp .subwrap .subnav a	{ padding:5px ; margin-right:10px; border-radius:5px;  }
.navwp .subwrap .subnav a:hover	{ color:#fff;}
/* 超出一行省略号 */
.ellipsis-1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 超出两行省略号 */
.ellipsis-2 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
}

/*航向选择*/
.fchx {cursor: auto;display: none; padding: 10px; width: 950px; position: absolute; left: -1px;  z-index: 5; top: 26px; border-radius: 5px;   background: #fff; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 36%); 
	box-shadow: 0 4px 16px 1px rgb(0 0 0 / 36%);}


.fchx .cst { border-bottom: 1px solid #e6e6e6; display: flex; }

.fchx  .cst .on   { border-bottom: 2px solid #0A7BF8; color: #0A7BF8; font-weight: bold;}
.fchx .nhx {  font-size: 14px; padding: 10px; background: #f5f6f7; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1); border-radius: 0 0 10px 10px; display: flex; flex-wrap:wrap;}

.fchx .nhx .hxm { width: 25%; line-height: 35px;}
.fchx .nhx .tsm { line-height: 30px; }
.fchx .nhx .hxm i { color: #999; margin: 0 5px;}
.fchx .nhx .hxm .ti,.fchx .nhx .tsm .ti { margin-right: 10px; color: #0A7BF8;}
.fchx .nhx .hxm a { width: 90%;  border:1px solid #eee;border-radius: 5px; margin-bottom: 10px; display:block; color: #333; background: #fff;    overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }

.fchx .nhx .hxm a:hover,.fchx .nhx .tsm a:hover {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%); 
	box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);  border:1px solid #0a7bf8; color: #0A7BF8; font-weight: bold;}

.fchx .nhx .hxm .on,.fchx .nhx .tsm .on {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%); 
	box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);  border:1px solid #0a7bf8; color: #0A7BF8; font-weight: bold;}


.fchx .nhx .tsm a {padding: 0 10px;  border:1px solid #eee;display: block;width: 95%; border-radius: 5px;   color: #535F78; background: #fff;   overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
@keyframes bdd {
    from{	transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -ms-transform:scale(0.8);}
    to{	transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);}
}
    
.fchx .btm { color: #1C3B78 ;font-weight: bold; font-size: 20px; line-height: 55px; margin-right: 50px;}
.fchx .btm i { font-size: 20px; margin:0 10px 0 20px; font-weight: normal;}
.fchx .csm  {  text-align: center; font-size: 16px; margin-left: 50px; cursor: pointer;height: 55px; line-height: 55px; }
.fchx .csm:hover { border-bottom: 2px solid #0A7BF8; color: #0A7BF8; font-weight: bold;}
.on .fchx { display: block;animation:bdd 0.3s ;-ms-animation:bdd 0.3s ;-webkit-animation:bdd 0.3s ;}
.on .fchx .close { position: absolute;top:20px;right: 20px; cursor: pointer;font-size: 26px;-webkit-transition: all .5s linear;
    transition: all .5s linear;}
.on .fchx .close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* 面包屑图标 */
.breadcrumbs-icon{font-size: 14px;margin-right: 2px;}

/* 导航：系列弹窗-游轮-回答弹窗*/
.navwp .cruiseAll .cruiseLinePop{position:absolute;left:0;top:40px;width:100%;z-index:120;padding:10px 15px;box-sizing:border-box;background-color:#fff;border-radius:0 0 10px 10px;box-shadow: 5px 5px 10px #949494;transition:all 2s;display:none;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;justify-content:space-between}
.navwp .cruiseAll .cruiseLinePop .cl-pop-li{display:inline-block;text-align:center;width:120px;height:40px;font-size:14px;border-radius:5px;border:1px solid #ededed;color:#555;letter-spacing:2px}
.navwp .cruiseAll .cruiseLinePop .cl-pop-li:hover{border:1px solid #367dff;background-color:#367dff;color:#fff}
.navwp .cruiseAll:hover .cruiseLinePop{display:grid}
.navwp .yl-sort{padding:0 10px;display:flex;align-items:center}
.navwp .yl-sort .ylName{padding:0 10px;text-align:center;color:#fff;cursor:pointer;font-size:16px}
.navwp .yl-sort .ylName:hover{background-color:#fff;color:#555;border-radius:5px}
.navwp .nav-right .nav-r-wd{position:relative}
.navwp .nav-right .nav-r-wd .navHdPop{background:rgba(0,116,225,.9);width:130px;right:0;position:absolute;z-index:120;padding:10px;border-radius:5px;display:none}
.navwp .nav-right .nav-r-wd .navHdPop a{display:block;width:100%;padding:10px 0;text-align:center;color:#fff;font-size:14px}
.navwp .nav-right .nav-r-wd .navHdPop a:hover{background-color:#3d95ff}
.navwp .nav-right .nav-r-wd:hover .navHdPop{display:block}