@charset "utf-8";

html{font-size:100px;}
body{font-size:16px;}
.page{position:relative; width:100%; min-width:1280px;}

/* header */
.header{position:fixed; top:0; left:0; z-index:9; width:100%; min-width:1280px; height:0.7rem; padding:0 0.3rem; background: #FFFFFF;}
.phone .header{height: 1rem;}
.header.exclude{background-color:rgba(0, 0, 0, 0.15);}
.logo{height:100%; padding:0.11rem 0;}
.logo > img{display:none; height:100%;}
.pc .pc-logo{display: block;}
.phone .ph-logo{display: block;}
.header .nav-item{margin-left:0.08rem; position: relative;}
.header.exclude .nav-item{margin-left:0.2rem;}
.pc .header:not(.exclude) .nav-item{margin-left: .16rem;margin-top: .1rem;}
/*.header .nav-item:first-child{margin-left:0;}*/
.header .nav-link{position:relative; padding:0; font-size:0.22rem; line-height:0.5rem; color:#444444;}
.header:not(.exclude) .nav-link{padding: 0 .1rem;; display: inline-block;}
.header .nav-link.no{cursor:auto;}
.header.exclude .nav-link{color: #FFFFFF;font-size: .22rem;}
.header .nav-link:after{content:" "; position:absolute; left:50%; bottom: 0; width:0; height:0; border-bottom:0.02rem solid rgba(255, 255, 255, .7);transition:left 0.15s ease-in-out,width 0.15s ease-in-out;}
.pc .header .nav-link:hover:after,.header .nav-link.no:after,.pc .header .nav-link.active:after{left:0; width:100%; transition:left 0.15s ease-in-out,width 0.15s ease-in-out;}
.pc .header:not(.exclude) .nav-link:hover:after,.pc .header:not(.exclude) .nav-link.active:after{width: 60%;left: 20%;}
.pc .header .nav-link::after{bottom: .1rem;}
.pc .header:not(.exclude) .nav-link::after{bottom: 0;}
.header:not(.exclude) .nav-link.active::after{border-bottom-color: rgba(217,67,51,1);}
.header:not(.exclude) .nav-link:not(.active)::after{border-bottom-color: rgba(217,67,51,.7);}
.header:not(.exclude) .nav-link.active{color: rgba(217,67,51,1);}
.header:not(.exclude) .nav-link:not(.active):hover{color: rgba(217,67,51,.8);}
.header.exclude .nav-link.no:after{border-bottom-color: #fff;}


.pc .header:not(.exclude) .nav:last-of-type .nav-item:nth-child(2){padding-right: .2rem;margin-left: .2rem;}
.pc .header:not(.exclude) .nav:last-of-type .nav-item:nth-child(2)::after{display: inline-block;top: 0;bottom: 0; content: ' '; width: 0;position: absolute;right: 0; margin: auto 0; height: 0;border-left: .1rem solid transparent;border-right: .1rem solid transparent;border-top: .1rem solid rgba(217,67,51,1);}
.pc .header:not(.exclude) .nav:last-of-type .nav-item:nth-child(2):hover::after{border-bottom: .1rem solid rgba(217,67,51,1);border-top: 0;}
.pc .header:not(.exclude) .nav:last-of-type .nav-item:nth-child(2):hover .menu-hover{display: block;}

/* banner */
.banner{width:100%; height:4.2rem;margin-top: .7rem;text-align: center;line-height: 4.2rem;}
.banner > img{width: auto; height:2.72rem; object-fit:cover;}

/* 加载中 */
.loading{position:fixed; top:0; left:0; z-index:1040; width:100%; height:100%; background-color:#51668b; font-weight:300; font-size:14px; color:#fff; text-align:center;}
.loading-body{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loading .spinner-grow{width:20px; height:20px; margin-bottom:10px;}


/* 底部 */
.page>.footer{font-size: .18rem;color: #9EBFDD;line-height: .24rem;padding-bottom: .1rem;position: absolute;bottom: 0;width: 100%;text-align: center;}


/* 移动端 */
.phone .header:not(.exclude) .nav-link{font-size: .45rem;}
.phone{font-size:9.2592vw;}
.phone .page{min-width:320px;}
.phone .header{min-width:320px;}
.phone .header:not(.exclude) .nav:last-child{display:none;}
.phone .header:not(.exclude) .nav{height: 1rem;}
.phone .header:not(.exclude) .nav-item{height: 1rem;padding: .1rem 0;}
.phone .header:not(.exclude) .nav-item a{line-height: .8rem;display: block;}
.phone .banner{margin-top: 1rem;}
/* 移动端导航 */
.phone .bottomNav{position:fixed; bottom:0; left:0; z-index:9; display:block!important; overflow-x:auto; width:100%; height:1.4rem; box-shadow:0 0 0.2rem 0 #0d2035; background-color:#0d2035;}
.phone .bottomNav .nav{min-width:14rem;}
.phone .bottomNav .nav-link{/*width:2rem;padding:0.16rem 0;*/width:auto; padding:0.16rem 1em; font-size:0.36rem; color:#fff; text-align:center;}
.phone .bottomNav .nav-link > i{font-size:1em;}
.phone .bottomNav .nav-link > span{display:block; white-space:nowrap;}
.phone .bottomNav .nav-link.active{color: #01eef0;}

/* 移动端底部 */
.phone .page>.footer{font-size: .3rem;line-height: .4rem;bottom: 1.6rem;}

.menu-hover{display: none; position: absolute;left: calc(50% - 1.25rem);width: 2.5rem;height: 3.8rem;padding-top: .23rem;margin-top: -.05rem;}
.menu-hover .menu-bg-border{width: 100%;height: .15rem;position: absolute;top: .09rem;overflow: hidden;left: 0;}
.menu-hover .menu-bg-border::before,.menu-hover .menu-bg-border::after{position: absolute;content: ' ';bottom: 0;left:0; display: block;width: calc(50% - .15rem + 1px);height: 0;border-top: 1px solid rgba(0, 239, 241, 1);}
.menu-hover .menu-bg-border::after{right: 0;left: auto;}
.menu-hover .menu-bg-border .menu-top-triangle {content: ' ';display: block;width: 0;height: 0;border-width:0 .15rem .15rem;border-style:solid;border-color:transparent transparent rgba(16, 50, 85, .95);position: absolute;bottom: -1px;left: calc(50% - .15rem);}
.menu-hover .menu-bg-border .menu-top-triangle::before,.menu-hover .menu-bg-border .menu-top-triangle::after {content: ' ';display: block;width:.3rem;height: 0;border-top:1px solid rgba(0, 239, 241, 1);transform-origin: left; transform: rotate(-45deg); position: absolute;bottom: -.15rem;left: -.15rem;z-index: 9;}
.menu-hover .menu-bg-border .menu-top-triangle::after {right: -.15rem; left: auto; transform: rotate(45deg);transform-origin: right;}
.menu-hover ul{background: rgba(16, 50, 85, .95);list-style: none;text-decoration: none;width: 100%;height: 100%;margin: 0;padding: 0; /*padding: .21rem .1rem .1rem;*/border: 1px solid rgba(0, 239, 241, 1);border-top-color: transparent;}
.menu-hover ul li{width: 100%;height: 20%;}
.menu-hover ul li a{display: block;box-sizing: border-box;width: 100%;height: 100%;background-color: transparent;text-align: center; color: #E4F2F2;font-size: .2rem;left: .2rem;}
.menu-hover ul li a i{font-size: .28rem; vertical-align: middle;margin-right: .2rem;margin-top: -.05rem;}
.menu-hover ul li a::before{display: inline-block;content: "";height: 100%;vertical-align: middle;}
.menu-hover ul li+li a{border-top: 1px solid rgba(0, 239, 241, 1);}
.menu-hover ul li a:not(.active):hover{background: rgba(0, 239, 241, .3);}
.menu-hover ul li a.active{background: rgba(0, 239, 241, .5);}

/* 分类 */
.news-menu{/* position:absolute; */
  position:sticky;top:0.9rem;left:0;width:2.2rem;color:#fff;font-size:.22rem;line-height:1.8;border:1px solid #204372;}
.menu-title{padding:0 .2rem;font-size:.24rem;background-color: #204372;}
.menu-list{padding:0 .2rem;margin:0;list-style: none;}
.menu-item{line-height: 2;}
.menu-item.active{color:#83bae8;}
.menu-item>i {margin-right:.5em;}
/* 页内导航 */
.toc_icon{z-index: 8;}
.toc_icon>a{display: none;z-index: 10;line-height: .2rem;padding: .1rem 0;}
.toc_icon>a,.to-top{width: .6rem;height: .6rem;background: rgba(6, 123, 142, .9);color: rgba(255,255,255,.9);font-size: .16rem;border-radius: 50%;text-align: center;}
.toc_icon>a{position: fixed;bottom: 1.2rem;right: 15px;}
.phone .toc_icon>a{display: block;line-height: 18px;padding: 5px 0;bottom: 120px;right: 10px !important;}
.phone .toc_icon>a,.phone .to-top{width: 46px;height: 46px;font-size: 12px;}
.toc_icon>a:hover{color: #FFFFFF;}
.toc_icon .quick-view{display: block;background-color: rgba(16, 50, 85, .95);border-color: #00eff1;border-width: 1px 1px 0 1px;border-style: solid; width: 100%;height: .65rem;font-size: .26rem;color: #FEFEFE;padding-top: .05rem; line-height: .6rem;border-radius: 1rem 1rem 0 0;}
.phone .toc_icon .quick-view{height: 1.5rem;padding-top: 0; line-height: 1.5rem;font-size: .5rem;border-radius: 1.4rem 1.4rem 0 0;}
.toc{display: block;}
.phone .toc {font-size: 12px;right: .5rem;bottom:3.4rem;width: 4rem;}
.phone .toc_icon>img{width:24px;height:48px;}
.toc {position: fixed;z-index:-1;bottom: 1.2rem;line-height: 1.5;font-size: 16px;right: 20px;text-align: center;opacity:0;width: 2rem;}
/* .toc::before{content:'';display:inline-block;width: 0;height: 0;border: .9em solid;border-color:transparent transparent #3489d1 transparent;margin-bottom:-.4em} */
.toc>ul{padding:0;margin:0;background-color: rgba(16, 50, 85, .95);border:1px solid #00eff1;/* border-radius: .8em;box-shadow: 0 0 0.2em rgba(52,137,209,.5); */}
.toc>ul>li{border-bottom: 1px solid #00eff1;list-style: none;padding: .5em 1.5em .5em 2.2em;position: relative;text-align: left;}
li.special::before {content: ' ';width: 10px;height: 10px;display: block;position: absolute;top: calc(50% - 5px);left: .9em;border-radius: 50%;border: 1px solid #fff;}
li.special.visible::before {background: #00eff1;border-color: #00eff1;}
.toc>ul>li:last-child{border-bottom:none;text-align: center;}
.toc li a {font-size:.2rem;display: inline-block;color: #fff;text-decoration: none;-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);line-height:1.5;}
.phone .toc li a{font-size: .4rem;}
.toc>ul>li.visible{background-color: rgba(0, 239, 241, .5);}
.toc li.visible > a {-webkit-transform: translate(-5px);-ms-transform: translate(-5px);transform: translate(-5px);}
.toc li.special.visible>a{color: #49c0e3;}
.toTop{display: none;}
.to-top{display: none;}
@media screen and (max-width:1500px) {
	.toc_icon>a{display: block;}
	.toc{display: none;}
	.toTop{display: none;}
}
/* .pc .to-top{display: none !important;}
.phone .toTop{display: none !important;} */

.to-top{display: none; line-height:.6rem;z-index: 100;}
.to-top:hover{color: #FFFFFF;}
.phone .to-top{bottom: 60px!important;line-height: 46px;right: 10px !important;}

/* 文字溢出样式设置 */
.ellipsis{white-space:normal;overflow:hidden;text-overflow:ellipsis;}
/* 多行溢出 */
.ellipsis-2{display:-webkit-box;height:2em;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}