.starter-template{padding:40px 0;text-align:center} .fixed-nav{position:absolute;top:100%;left:0;background:linear-gradient(#0650a1,rgba(32,88,163,0.9));width:100%;color:#fff;font-size:16px;min-height:320px;max-height:800px;overflow-y:auto;display:none} .fixed-nav a{color:#fff} .fixed-nav .menu-wrapper{padding:30px 0;display:flex} .fixed-nav .col-item{width:20%;padding:0 10px;position:relative} .fixed-nav .col-item:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;height:260px;background:rgba(255,255,255,0.3)} .fixed-nav .col-item:first-child:before,.fixed-nav .col-item.col-item-empty:before{display:none} .fixed-nav .parent-menu{position:relative;margin-bottom:20px} .fixed-nav .menu{margin:10px 0} .fixed-nav .parent{display:inline-block;width:100%;font-size:18px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:bold;color:#ffffff;line-height:21px} .fixed-nav .child{margin:20px 0;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;line-height:19px} .fixed-nav .child a{color:#d9d9d9} .fixed-nav .child a:hover{color:#5ab6f7} .navbar-inverse{border-color:transparent !important;box-shadow:0 1px 10px 1px rgba(217,217,217,0.8)} .navbar-inverse .navbar-toggle{margin-top:20px;background:transparent !important} .navbar-inverse .navbar-brand{height:auto} .navbar-inverse .navbar-toggle .icon-bar{background-color:#333} .navbar-inverse .dropdown-submenu{position:relative} .navbar-inverse .dropdown-submenu.pull-left{float:none} .navbar-inverse .dropdown-submenu.pull-left > .dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px} .navbar-inverse .dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px} .navbar-inverse .dropdown-submenu > a:after{display:block;content:'';float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:4px 0 4px 4px;border-left-color:#ccc;margin-top:6px} .navbar-inverse .top-aside{float:right;margin-top:30px;position:relative} .navbar-inverse .top-aside,.navbar-inverse .top-aside .top-search,.navbar-inverse .top-aside .top-language{display:flex;align-items:center} .navbar-inverse .top-aside .top-search{display:flex;align-items:center} .navbar-inverse .top-aside .top-search .search-icon{color:#d8d8d8;font-size:18px;position:absolute;top:6px;left:8px} .navbar-inverse .top-aside .top-search .search-input{width:115px;font-size:18px} .navbar-inverse .top-aside .top-search input{padding-left:32px} .navbar-inverse .top-aside .top-language{font-size:12px;color:#777} .navbar-inverse .top-aside .top-language span{margin-left:4px;cursor:pointer;font-size:14px;text-decoration: none !important;} .navbar-inverse .top-aside .top-language span:first-child{margin:0 4px 0 10px} .navbar-inverse .top-aside .top-language span:hover{text-decoration:underline;color:#2058a3} .main-box{margin-top:77px !important} @media screen and (max-width:768px){ .navbar-inverse{background:rgba(32,88,163,0.95);border-color:#d8e6e1 !important} .navbar-inverse .navbar-header{background:#fff} .navbar-inverse .navbar-nav{margin-top:0} .navbar-inverse .navbar-nav .open .link-nav-item{padding-top:10px;padding-bottom:10px} .navbar-inverse .link-nav-item{color:#fff !important;font-size:18px} .navbar-inverse .top-aside .top-language span{color:#fff !important;font-size:16px} .navbar-inverse .top-aside .top-language span.top-cn{margin:0 !important;margin-right: 10px !important;} .navbar-inverse .top-aside .top-language span.top-en{margin:0 !important;margin-left: 10px !important;} .navbar-inverse .top-nav-li > a{font-size:16px} .navbar-inverse .top-nav-li > a[data-viewport='pc']{display:none} .navbar-inverse .top-nav-li.dropdown ul a{font-size:15px;color:#d8e6e1 !important} .navbar-inverse .top-nav-li .dropdown-menu{background:#2058a3} .navbar-inverse .top-nav-li .dropdown-submenu .dropdown-menu{padding:0 1em !important} .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > .open > a:hover{background:#2058a3 !important} .dropdown-submenu > .dropdown-menu{display:block} .dropdown-submenu > a:after{border-left-color:#fff;transform:rotateZ(90deg)} .top-aside,.search-input{width:100% !important} .top-aside{margin-top:0 !important;margin-bottom:10px !important} .top-search{flex:1 !important} .top-language{color:#fff !important} .top-language span:hover{color:#fff !important} .fixed-nav{display:none !important} } @media screen and (min-width:768px){ .navbar-inverse{background:#fff} .navbar-inverse .navbar-header{background:#fff} .navbar-inverse .navbar-nav{margin-top:0} .navbar-inverse .top-nav-li > a{padding-top:30px;padding-bottom:30px;font-size:18px;font-weight:bold;position:relative;z-index:3} .navbar-inverse .top-nav-li > a[data-viewport='mobile']{display:none} .navbar-inverse .top-nav-li > a:link + .dropdown-menu,.navbar-inverse .top-nav-li > a:visited + .dropdown-menu,.navbar-inverse .top-nav-li > a:hover + .dropdown-menu,.navbar-inverse .top-nav-li > a:active + .dropdown-menu{display:none} .navbar-inverse .top-nav-li > a:hover{background:linear-gradient(#fff 20%,#2058a3 20%,#2058a3 80%,#fff 80%) !important;color:#fff !important} .navbar-inverse .top-nav-li > .dropdown-menu{top:calc(50% + 1.5em)} .navbar-inverse .top-nav-li > .dropdown-menu:hover{display:block} .navbar-inverse .top-nav-li > .dropdown-menu:before{content:'';position:absolute;top:-4px;right:15px;width:0px;height:0px;border-top:4px solid #2058a3;border-right:4px solid #2058a3;border-bottom:4px solid transparent;border-left:4px solid transparent;transform:rotateZ(-45deg)} .navbar-inverse .top-nav-li.dropdown ul a{font-size:15px;color:#d8e6e1 !important;padding:8px 10px;transition:0.2s all linear;border-radius:4px} .navbar-inverse .top-nav-li.dropdown ul a:hover{background:#fff;color:#2058a3 !important} .navbar-inverse .top-nav-li .dropdown-menu{background:#2058a3;padding:10px 0;border-radius:4px;padding:4px 1px} .navbar-inverse .link-nav-item{color:#544f4f !important;font-size:18px} .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > .open > a:hover{background:transparent} .dropdown-submenu:hover > .dropdown-menu{display:block} .dropdown-submenu:hover > a:after{border-left-color:#2058a3 !important} .caret{display:none} } @media screen and (min-width:768px) and (max-width:1200px){ .navbar{margin-bottom:0 !important} .navbar-fixed-top{position:relative !important} .main-box{margin-top:0 !important} .fixed-nav{font-size:14px !important} .fixed-nav .col-item{margin:0 10px !important;padding:0 10px !important} .fixed-nav .parent{font-size:15px !important;line-height:16px !important;margin-bottom:0 !important} .fixed-nav .child{font-size:13px !important;margin-top:10px !important;margin-bottom:10px !important} } @media screen and (min-width:768px) and (max-width:1300px){ .navbar-inverse .link-nav-item{padding-top:10px !important;padding-bottom:10px !important} .top-aside{width:50% !important;float:left !important;margin-top:0 !important;margin-bottom:10px} .top-aside .top-search{flex:1} .top-aside .search-input{width:100% !important} } .footer-box{background:url('/content/images/default/footer-bg.png') no-repeat;background-size:100% auto;background-size:cover} .footer-box .menu-info{padding:50px 0 40px} .footer-box .menu-info .link-menu{float:left} .footer-box .menu-info .contact-info{float:right} .footer-box .menu-info .link-list{margin-right:40px;float:left;height:170px;min-width:86px} .footer-box .menu-info .link-list:last-child{margin-right:0} .footer-box .menu-info .link-list .title{color:#fff;font-size:18px;line-height:14px;padding:16px 0} .footer-box .menu-info .link-list a{color:#c0c5cb;font-size:14px;line-height:24px} .footer-box .menu-info .link-list a:hover{color:#5ab6f7;} .footer-box .contact-info{color:#fff;font-size:14px;margin-top:10px;display:flex} .footer-box .contact-info .qr-code{text-align:center;float:left;margin-right:20px} .footer-box .contact-info .qr-code p{margin-top:10px} .footer-box .contact-info .info{max-width:360px;float:right;line-height:26px} .footer-box .copy-right{border-top:1px solid #666b78;color:#fff;text-align:center;font-size:12px;padding:14px} .footer-box .copy-right a{color:#fff} @media screen and (max-width:1250px){ .contact-info{float:left !important} } @media screen and (max-width:750px){ .link-menu{width:100%;display:flex;flex-wrap:wrap} .link-list{margin-right:10px !important} } /* 文本多行省略 */ .ellipsis-1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word;} .ellipsis-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;} .ellipsis-3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;} .ellipsis-4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word;} .ellipsis-5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-word;} /* 懒加载视觉过渡 */ .lazy {opacity:0;animation:show 1s 0.5s forwards ease-in;} .lazy-8 {opacity:0;animation:show 0.8s 0.2s forwards ease-in;} .lazy-5 {opacity:0;animation:show 0.5s 0.2s forwards ease-in;} .lazy-3 {opacity:0;animation:show 0.3s 0.2s forwards ease-in;} .lazy-2 {opacity:0;animation:show 0.2s 0.2s forwards ease-in;} .lazy-1 {opacity:0;animation:show 0.1s 0.2s forwards ease-in;} @keyframes show {0% {opacity:0;} 100% {opacity:1;} } /* 其他效果 */ .hover:active {background-color:#fcfcfc !important;} .hover {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .hover-cover:active:after {content:'';display:block;position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(250,250,250,0.2) !important;} .hover-cover {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .trans-bg-3 {transition:background-color 0.2s linear;} .hover-a50:hover {background-color:#a50d0a !important;} /*animate.css自定义延迟*/ .delay-d1s {animation-delay:0.1s;} .delay-d2s {animation-delay:0.2s;} .delay-d3s {animation-delay:0.3s;} .delay-d4s {animation-delay:0.4s;} .delay-d5s {animation-delay:0.5s;} .delay-d6s {animation-delay:0.6s;} .delay-d7s {animation-delay:0.7s;} .delay-d8s {animation-delay:0.8s;} .delay-d9s {animation-delay:0.9s;} .delay-1s {animation-delay:1s;} .delay-1d1s {animation-delay:1.1s;} .delay-1d2s {animation-delay:1.2s;} .delay-1d3s {animation-delay:1.3s;} .delay-1d4s {animation-delay:1.4s;} .delay-1d5s {animation-delay:1.5s;} .delay-1d6s {animation-delay:1.6s;} /* 快捷class */ .select-no {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .cur-no {cursor:none;} .cur-def {cursor:default;} .cur-pot {cursor:pointer;} .text-under {text-decoration:underline;} .text-thro {text-decoration:line-through;} .hover-line:hover {text-decoration:underline;} .hover-bg-green {transition:0.2s background-color linear;} .hover-bg-green:hover {background-color:#006c52 !important;} .font-bold {font-weight:bold;} .bg-img {background-image:url("data:image/svg+xml;charset=utf-8,");padding-right:32px;background-position:right 14px center;background-position:right calc(14px + constant(safe-area-inset-right)) center;background-position:right calc(14px + env(safe-area-inset-right)) center;background-repeat:no-repeat;background-size:14px 14px;} .pd-lr-120 {padding-left:120px;padding-right:120px;} .font-syht {font-family:'思源黑体 CN' !important;} /*右侧边栏*/ .aside-right-box {position:fixed;top:50%;right:0;z-index:999;margin-top:-90px;} .aside-right-box .aside-item {width:60px;height:60px;position:relative;z-index:1;} .aside-right-box .aside-item.item-wechat {background:#2058a3;border-top-left-radius:8px;} .aside-right-box .aside-item.item-wechat:hover {border-top-left-radius:0;} .aside-right-box .aside-item.item-wechat a {background:#2058a3;border-top-left-radius:6px;} .aside-right-box .aside-item.item-wechat .wechat-box {padding:10px 10px 0;position:absolute;top:0;right:-200px;background:#fff;transition:0.3s right ease-out;} .aside-right-box .aside-item.item-wechat .wechat-box .top-area img {width:120px;height:120px;} .aside-right-box .aside-item.item-wechat .wechat-box .bottom-area {text-align:center;padding:0 2px;font-size:12px;color:#252525;height:30px;line-height:30px;} .aside-right-box .aside-item.item-wechat:hover .wechat-box {right:60px;} .aside-right-box .aside-item.item-message {background:#2058a3;} .aside-right-box .aside-item.item-message:hover {border-bottom-left-radius:0;} .aside-right-box .aside-item.item-message a {background:#2058a3;border-bottom-left-radius:6px;} .aside-right-box .aside-item.item-message .message-box {background:#2058a3;color:#fff;height:60px;position:absolute;top:0;right:-200px;display:flex;align-items:center;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:0 10px 0 14px;transition:0.3s right ease-out;} .aside-right-box .aside-item.item-message .message-box .left-area {padding:4px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:12px;} .aside-right-box .aside-item.item-message .message-box .left-area img {width:20px;} .aside-right-box .aside-item.item-message .message-box .right-area {white-space:nowrap;} .aside-right-box .aside-item.item-message .message-box .right-area .labels {font-size:12px;} .aside-right-box .aside-item.item-message .message-box .right-area .tel {font-size:14px;} .aside-right-box .aside-item.item-message:hover .message-box {right:60px;} .aside-right-box .aside-item.item-tel {background:#2058a3;border-bottom-left-radius:6px;} .aside-right-box .aside-item.item-tel:hover {border-bottom-left-radius:0;} .aside-right-box .aside-item.item-tel a {background:#2058a3;border-bottom-left-radius:6px;} .aside-right-box .aside-item.item-tel .tel-box {background:#2058a3;color:#fff;height:60px;position:absolute;top:0;right:-200px;display:flex;align-items:center;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:0 10px 0 14px;transition:0.3s right ease-out;} .aside-right-box .aside-item.item-tel .tel-box .left-area {padding:4px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotateZ(90deg);margin-right:12px;} .aside-right-box .aside-item.item-tel .tel-box .left-area img {width:20px;} .aside-right-box .aside-item.item-tel .tel-box .right-area {white-space:nowrap;} .aside-right-box .aside-item.item-tel .tel-box .right-area .labels {font-size:12px;} .aside-right-box .aside-item.item-tel .tel-box .right-area .tel {font-size:14px;} .aside-right-box .aside-item.item-tel:hover .tel-box {right:60px;} .aside-right-box .aside-item.item-wechat a,.aside-right-box .aside-item.item-message a,.aside-right-box .aside-item.item-tel a {display:flex;justify-content:center;align-items:center;} .aside-right-box .aside-item.item-wechat .item-img,.aside-right-box .aside-item.item-message .item-img,.aside-right-box .aside-item.item-tel .item-img {width:40px;height:40px;} .aside-right-box .aside-item a {width:100%;height:100%;position:relative;z-index:2;} .aside-right-box .aside-item:hover {background:#04a5f3;} .aside-right-box .aside-item:hover a {background:#04a5f3;opacity:0.9;} /*富文本编辑器*/ .rich-text {width:100%;max-width:100%;font-size:18px;font-weight:300;line-height:1.8;word-wrap:break-word;padding:10px;} .rich-text p {} .rich-text img {max-width:100% !important;vertical-align:top;} .rich-text img[src]:not(.imgloading) {height:auto !important;} .rich-text .lg-item-box {display:inline-block;} .rich-text .table-saw {overflow-x:auto;} .rich-text .metvideobox,.rich-text video,.rich-text .metvideo,.rich-text iframe,.rich-text embed {max-width:100% !important;margin:auto;display:block;} @media screen and (max-width:768px) { .rich-text {font-size:14px !important;} .rich-text table {width:100% !important;} } #newBridge{ display: none !important; }