
<!--
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: light;
    src: url("../fonts/gotham-light-webfont.eot");
    src: url("../fonts/gotham-light-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/gotham-light-webfont.woff") format('woff'), url("../fonts/gotham-light-webfont.ttf") format('truetype'), url("../fonts/gotham-light-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: din;
    src: url("../fonts/DINCond-Medium.eot");
    src: url("../fonts/DINCond-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/DINCond-Medium.woff") format('woff'), url("../fonts/DINCond-Medium.ttf") format('truetype'), url("../fonts/DINCond-Medium.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    outline: none
}
*, *:after, *:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Arial, sans-serif;
    scroll-behavior: smooth;
    min-width: 320px
}
h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select {
    font-size: 100%
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}
ul, ol, menu {
    list-style: none
}
img, object, input, textarea, button, select {
    vertical-align: middle
}
article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu {
    display: block
}
textarea {
    overflow: auto;
    resize: vertical
}
input, textarea, button, select, a {
    outline: none;
    border: none
}
input, textarea {
    display: block;
    -webkit-user-select: auto
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
mark {
    background-color: transparent
}
a, ins, s, u, del {
    text-decoration: none;
    color: inherit
}
sup, sub {
    vertical-align: baseline
}
p {
    line-height: 1.72
}
h1, h2, h3, h4, h5, h6, span, time, small, big {
    font-weight: 400;
    line-height: 1.2
}
.f24 {
    font-size: 24px;
    font-size: Max(1.25vw, 22px)
}
.f20 {
    font-size: 20px;
    font-size: Max(1.04167vw, 18px)
}
.f18 {
    font-size: 18px;
    font-size: Max(.9375vw, 16px)
}
.f16 {
    font-size: 16px;
    font-size: Max(.83333vw, 14px)
}
.scrollWrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111114;
    will-change: transform
}
.appNav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #f6ac2d;
    display: none
}
.appNav a {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 55px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}
.appNav a:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .3
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80.0006px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 11;
    padding: 0 4.2188vw 0 3.8021vw;
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}
header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00124e;
    font-weight: bold;
}
header .headerNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
.headerNav ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.headerNav ul.flag:after {
    -webkit-transition: .4s;
    transition: .4s
}
.headerNav ul:after {
    content: '';
    top: 0;
    left: var(--x);
    width: var(--w);
    position: absolute;
    height: 100%;
    background: #f6ac2d;
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
.headerNav ul li {
    position: relative;
    height: 100%
}
.headerNav ul li.active a span {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    color: #fff !important;
}
.headerNav ul li:hover .headerNavList {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
    visibility: visible
}
.headerNav ul li:hover .headerNavListSpecial {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    opacity: 1;
    visibility: visible
}
.headerNav ul li>a {
    padding: 0 1.4583vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.headerNav ul li>a span {
    line-height: 1.4;
    -webkit-transition: .5s;
    transition: .5s
}
.headerNav ul li>a span:last-child {
    color: #999;
    font-size: 12px;
    font-family: light;
    text-transform: uppercase
}
.moreLink {
    height: 100%;
    margin-left: 7.0313vw
}
.moreLink .tel {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f6ac2d
}
.moreLink .tel i {
    width: 30px;
    height: 30px;
    /*    border-radius: 50%;
    border: 2px solid currentColor;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px
}
.moreLink .tel span {
    font-family: 'light';
    text-transform: uppercase;
    font-weight: 700
}
.mobileMenu {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}
.mobileMenu .mobileMenu_box {
    position: relative;
    width: 30px;
    height: 24px
}
.mobileMenu .mobileMenu_box.active div {
    background: #f6ac2d !important
}
.mobileMenu .mobileMenu_box.active div:first-child {
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition-property: width, top, -webkit-transform;
    transition-property: width, top, -webkit-transform;
    transition-property: width, top, transform;
    transition-property: width, top, transform, -webkit-transform;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s;
    -webkit-transition: .4s;
    transition: .4s
}
.mobileMenu .mobileMenu_box.active div:nth-child(2) {
    opacity: 0;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s
}
.mobileMenu .mobileMenu_box.active div:last-child {
    bottom: 50%;
    -webkit-transform: translateY(50%) rotate(-45deg);
    transform: translateY(50%) rotate(-45deg);
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s;
    -webkit-transition: .4s;
    transition: .4s
}
.mobileMenu .mobileMenu_box div {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #00124e;
    left: 0;
    -webkit-transition: .4s !important;
    transition: .4s !important
}
.mobileMenu .mobileMenu_box div:first-child {
    top: 0
}
.mobileMenu .mobileMenu_box div:nth-child(2) {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.mobileMenu .mobileMenu_box div:last-child {
    bottom: 0
}
.mobileNav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    background: #fff;
    overflow: hidden
}
.mobileNav.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}
.mobileNav.active .box {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}
.mobileNav .box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}
.mobileNav .box::-webkit-scrollbar {
display:none
}
.mobileNav .box .mobileNavItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mobileNav .box .mobileNavItems .mobileNavItem {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}
.mobileNav .box .mobileNavItems .mobileNavItem .head {
    padding: 0 5%;
    margin-bottom: 0;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}
.mobileNav .box .mobileNavItems .mobileNavItem .head.active {
    background: #f6ac2d
}
.mobileNav .box .mobileNavItems .mobileNavItem .head.active h5 {
    color: #fff
}
.mobileNav .box .mobileNavItems .mobileNavItem .head.active i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff
}
.mobileNav .box .mobileNavItems .mobileNavItem .head h5 {
    font-size: 16px;
    line-height: 1.2;
    -webkit-transition: color .4s;
    transition: color .4s
}
.mobileNav .box .mobileNavItems .mobileNavItem .head i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .5s;
    transition: .5s
}
.mobileNav .box .mobileNavItems .mobileNavItem .list {
    width: 100%;
    overflow: hidden;
    -webkit-transition: height .5s;
    transition: height .5s;
    padding: 0 5%
}
.mobileNav .box .mobileNavItems .mobileNavItem .list a {
    color: #666;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .4s;
    transition: color .4s;
    height: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}
.mobileNav .box .mobileNavItems .mobileNavItem .list a:hover {
    color: #f6ac2d
}
.mpsff {
    margin-top: 4.3vw;
}
.indexbanner {
    /*background: url("../images/banner.jpg") no-repeat center top;*/
    width: 100%;
    height: 318px;
    margin-top: 4.3vw;
}
.bannerText {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.bannerText h5 {
    margin-top: 5px;
    font-size: 36px;
}
.mobileNav .box .mobileNavItems .mobileNavItem .list a:last-child {
    margin-bottom: 0
}
.indextips {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    color: #666666;
    padding: 0 4.2188vw 0 3.8021vw;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w800 {
    width: 800px;
    margin: 0 auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}
.show {
    display: block!important;
}
.container {
    width: 100%;
}
.container_box {
    padding: 30px 0;
}
.index {
    padding: 30px 0;
}
.index_tit .cn {
    font-size: 32px;
    color: #003091;
    font-weight: 600;
}
.index_tit .en {
    position: relative;
    font-family: light;
    display: block;
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 40px;
}
.index_tit .en::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    content: '';
    width: 24px;
    height: 4px;
    background: #353744;
}
/* -首页-关于港投 */
.index_about {
    position: relative;
    width: 100%;
}
.index_about .about_txt {
    margin-bottom: 30px;
}
.index_about .about_txt h2 {
    font-size: 24px;
    font-weight: 700;
    color: #f6ac2d;
}
.index_about .about_txt span {
    display: block;
    font-size: 20px;
    line-height: 36px;
    margin: 20px auto 40px;
    color: #00124e;
}
.index_about .about_txt p {
    color: #666;
    line-height: 30px;
    text-indent: 28px;
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}
.index_about .about_date ul li {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
}
.index_about .about_date ul li .name {
    font-size: 16px;
    line-height: 36px;
}
.index_about .about_date ul li .info {
    font-size: 24px;
}
.index_about .about_date ul li .info b {
    display: inline-block;
    font-size: 50px;
    font-family: din;
    margin-right: 8px;
    color: #00124e;
}
/* 首页-新闻-news */
.index_news .news_tit {
    width: 40%;
}
.index_news .index_tabs ul {
    overflow: hidden;
}
.index_news .index_tabs ul li {
    display: block;
    float: left;
    font-size: 12px;
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
    color: #003091;
    text-align: center;
    padding: 8px 35px;
    border: 1px solid #003091;
}
.index_news .index_tabs ul li.on {
    cursor: pointer;
    color: #fff;
    background: #003091;
}
.index_news .index_tabs ul .readMore {
    display: block;
    float: left;
    font-size: 12px;
    width: 64px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
    text-align: center;
    padding: 8px 35px;
}
.index_news .index_tabs ul .readMore:hover {
    color: #ef8642;
}
.index_news .news_box {
    padding-top: 30px;
}
.index_news .news_item {
    display: none;
}
.index_news .news_big {
    width: 600px;
    height: 420px;
}
.index_news .news_big_box {
    width: 600px;
    height: 420px;
}
.index_news .news_big_box img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.index_news .news_big_cont {
    position: absolute;
    width: 440px;
    height: 260px;
    margin: 40px;
    padding: 40px;
    background: rgba(255,255,255,0.85);
}
.index_news .big_news_date span {
    display: block;
}
.index_news .big_news_date .year {
    font-size: 46px;
    font-weight: bold;
    color: #000;
    font-family: light;
}
.index_news .big_news_date .time {
    font-size: 17px;
    color: #ef8642;
    font-family: light;
}
.index_news .big_news_tit {
    margin-top: 20px;
}
.index_news .big_news_tit h2 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index_news .big_news_tit p {
    color: #666;
    line-height: 22px;
    text-indent: 28px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index_news .news_pagination {
    width: 20%;
    left: 5%;
    bottom: 15%;
}
.index_news .swiper-num {
    position: absolute;
    z-index: 9;
    right: 65px;
    top: 45%;
    margin-top: -130px;
    color: #bebebe;
}
.index_news .swiper-num .active {
    font-size: 32px;
    color: #003091;
    font-weight: bold;
}
.index_news .news_list {
    width: 550px;
    margin-left: 50px;
}
.index_news .news_list ul li {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin-bottom: 20px;
}
.index_news .news_list ul li .btnbg-x {
    z-index: 0;
}
.index_news .news_list .date {
    width: 90px;
    height: 90px;
    text-align: center;
    background-color: #00124e;
    color: #ffffff;
    box-sizing: border-box;
    transition: all 1s;
}
.index_news .news_list ul li:hover .date {
    background: #f6ac2d;
}
.index_news .news_list .date span {
    display: block;
}
.index_news .news_list .date .time {
    font-size: 18px;
    color: #fff;
    padding: 20px 0 5px 0;
    transition: all 0.5s;
    font-family: light;
}
.index_news .news_list ul li:hover .date .time {
    color: #fff;
}
.index_news .news_list .date .yaer {
    font-size: 12px;
    color: #999;
    transition: all 0.5s;
    font-family: light
}
.index_news .news_list ul li:hover .date .yaer {
    color: #fff;
}
.index_news .news_list .news_cont {
    width: 430px;
    margin-left: 20px;
}
.index_news .news_list .news_cont h2 {
    width: 90%;
    color: #000;
    font-size: 18px;
    margin: 10px 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
}
.index_news .news_list .news_cont h2 a{position: relative;z-index:2;}
.index_news .news_list ul li:hover .news_cont h2 {
    color: #ef8642;
}
.index_news .news_list .news_cont p {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    text-indent: 24px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index_news .news_list .news_detail {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #b3b3b3;
    top: 10px;
    right: 10px;
}
/***** 按钮移入样式 *****/
.btn {
    display: inline-block;
 *display:inline;
 *zoom:1;
    text-decoration: none;
    position: relative;
}
.btn1 .btnbg-x {
    position: absolute;
    left: 50%;
    width: 0;
    top: 0;
    bottom: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.btn1:hover {
    color: #ef8642;
}
.btn1:hover .btnbg-x {
    width: 100%;
    left: 0;
    border-color: #ef8642;
}
.btn1 .btn-inner {
    padding: 0 12px;
    position: relative;
    z-index: 1;
}
.btn1:hover .btn-inner {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
/* 首页-服务项目 */
.index_biz {
    width: 100%;
    padding-bottom: 80px;
    background-color: #f2f2f2;
    background-size: 100% 100%;
}
/******************* footer底部 *******************/
.footeri {
    background: #f7f7f7;
}
.footeri .foot_l {
    width: 350px;
    height: 200px;
}
.footeri .foot_tel {
    font-family: din;
    font-weight: 700;
    font-size: 24px;
    color: #003091;
    line-height: .36rem;
}
.footeri .foot_tel img {
    width: 29px;
    vertical-align: middle;
    margin-right: 5px;
}
.footeri .foot_tel span {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
    top: 10px;
}
.footeri .contact {
    font-size: 16px;
    color: #525252;
    line-height: 36px;
    margin: 23px auto 30px;
}
.footeri .contact img {
    width: 16px;
    margin-right: 10px;
    vertical-align: middle;
}
.footeri .msg {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #003091;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.footeri .msg:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.footeri .foot_map {
    width: 600px;
    height: 200px;
    margin-left: 20px;
    background: #ccc;
    overflow: hidden;
}
.footeri .foot_map img {
    width: 100%;
    height: 100%;
}
.footeri .foot_r {
    width: 200px;
    height: 200px;
    margin-left: 30px;
    text-align: center;
}
.footeri .foot_r img {
    width: 70%;
    margin: 0 auto;
}
.footeri .friend_link {
    padding: 30px 0;
}
.footeri .friend_link span {
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
    color: #999;
    padding-left: 20px;
    background: url(../images/link.png) no-repeat left center;
    background-size: 14px;
}
.footeri .friend_link a {
    position: relative;
    line-height: 40px;
    margin-right: 20px;
    padding-right: 20px;
    display: inline-block;
    font-size: 14px;
    color: #999;
}
.footeri .friend_link a::after {
    content: "";
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    z-index: 10;
}
.footeri .friend_link a:last-child::after {
    background: none;
}
.footeri .friend_link a:hover {
    color: #ef8642;
}
.footeri .copyRight {
    padding-top: 20px;
    border-top: 1px solid #ededed;
    line-height: 10px;
    font-size: 14px;
    color: #bdbdbd;
}
.footeri .copyRight a {
    color: #bdbdbd;
}
.footeri .copyRight a:hover {
    color: #003091;
}
/*首页产品*/
.prdbox {
    padding: 100px 0 120px;
    background: #F8F8F8;
}
.prdboxul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prdboxul.itemAnimates {
    overflow: hidden;
}
.prdboxul.itemAnimates .itemAnimate {
    opacity: 0;
}
.prdboxul.itemAnimates.animates .itemAnimate {
    animation: 1s fadeInUp forwards;
}
.prdboxul li {
    position: relative;
    width: 31.5%;
    cursor: pointer;
    margin-bottom: 45px;
}
.prdboxul li:last-child:nth-child(3n - 1) {
    margin-right: calc(31.5% + 5.5% / 2);
}
.prdboxul li:hover .img img {
    transform: scale(1.1);
}
.prdboxul li:hover .text {
    color: #fff;
}
.prdboxul li:hover .text:after {
    height: 100%;
}
.prdboxul li .img {
    overflow: hidden;
}
.prdboxul li .img img {
    transition: .5s;/*
    width: 380px;
    height: 260px;
*/
}
.imgs {
    max-width: 100%;
    width: 100%;
    height: 220px;
    display: block;
    max-height: 250px;
}
.prdboxul li .text {
    height: 66px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #212121;
    position: relative;
    z-index: 1;
}
.prdboxul li .text:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #134A98;
    z-index: -1;
    transition: .6s;
}
.linkA {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
}
.photoActives {
    position: relative;
    overflow: hidden;
}
.photoActives .photoActive {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 3;
}
.photoActives.reset_photoActive .photoActive {
    bottom: -100%;
    transition: .66s;
    transition-timing-function: var(--ease-in-out-b);
}
.w18 {
    font-size: 1vw
}
.f33 {
    font-size: 26px;
    font-size: Max(1.71875vw, 24px)
}
.aboutTilte h5 {
    margin-bottom: 0.2604vw
}
.aboutTilte h6 {
    color: #999;
    opacity: .5;
    text-transform: uppercase
}
.about {
    padding: 5.4688vw 0 4.6875vw
}
.about .w1200 .aboutTilte h5 {
    color: #EB6622
}
.about .w1200 p {
    margin-top: 1.8229vw;
    color: #666;
    line-height: 2.1
}
/***** 新闻资讯 *****/
.xnews > a {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.xnews .pic {
    width: 300px;
    height: 160px;
    margin-left: 20px;
    overflow: hidden;
}
.p30 {
    padding: 40px 0
}
.xnews .pic img {
    width: 100%;
    transition: 500ms;
}
.xnews .text {
    width: 690px;
    margin-left: 50px;
    margin-top: 20px;
}
.xnews .text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #003091;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xnews .text p {
    font-size: 13px;
    line-height: 25px;
    color: #999999;
    margin-top: 20px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xnews .oper {
    width: 150px;
    position: relative;
}
.xnews .time {
    margin-top: 40px;
    font-size: light
}
.xnews .time h3 {
    font-size: 26px;
}
.xnews .time p {
    position: relative;
    color: #666;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 10px;
}
.xnews .time p::before {
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 10;
    content: '';
    width: 20px;
    height: 2px;
    background: #ccc;
}
.xnews > a:hover .pic img {
    transform: scale(1.1);
}
.xnews > a:hover .text h3 {
    color: #f6ac2d;
}
/*分页*/
.xpagehome {
    margin-top: 3.6458vw
}
.xpagehome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.xpagehome .iconfont {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #D2D2D2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    line-height: 1
}
.xpagehome .iconfont:hover {
    background: #EB6622
}
.xpagehome .pagingList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}
.xpagehome .pagingList a, .xpagehome .pagingList span {
    color: #D2D2D2;
    margin: 0 15px;
    -webkit-transition: .4s;
    transition: .4s;
}
.xpagehome .pagingList a:hover {
    color: #EB6622
}
.xpagehome .pagingList .active {
    color: #f60;
}
/*新闻详情*/

.detail_box {
    background: #fff;
    margin-top: 10px;
}
.detail_box .detail_tit {
    padding: 30px;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-bottom: 1px solid #f5f5f5;
}
.detail_box .detail_tit h2 {
    font-size: 26px;
    color: #003091;
    font-weight: bold;
}
.detail_box .detail_tit .detail_info {
    overflow: hidden;
    margin-top: 10px;
    color: #999999
}
.detail_box .detail_tit .detail_info span {
    display: inline-block;
    margin: 0 10px;
    color: #999;
    font-family: light;
}
.detail_box .detail_tit .detail_info span i {
    color: #666;
    font-style: normal;
}
.detail_box .detail_cont {
    width: 100%;
    min-height: 400px;
    margin-top: 20px;/*overflow: hidden;*/
}
.detail_box .detail_cont p {
    with: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 2em;
}
.detail_cont img {
    max-width: 100% !important;
    height: auto !important
}
.newsInnerList {
    background: #f5f5f5;
    height: 3.3854vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4vw
}
.newsInnerList .item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid rgba(112,112,112,0.1)
}
.newsInnerList .item:hover i, .newsInnerList .item:hover span {
    color: #fff
}
.newsInnerList .item:hover:after {
    height: 100%
}
.newsInnerList .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 0;
    top: auto;
    bottom: 0;
    background: #f6ac2d;
    z-index: -1;
    -webkit-transition: .4s;
    transition: .4s
}
.newsInnerList .item:last-child {
    border-right: none
}
.newsInnerList .item i {
    color: #999;
    -webkit-transition: .4s;
    transition: .4s
}
.newsInnerList .item span {
    color: #666;
    -webkit-transition: .4s;
    transition: .4s
}
/*在线留言*/
.joinTitle {
    text-align: center
}
.joinTitle h5 {
    font-weight: 700;
    font-size: 24px;
    color: #f6ac2d;
    margin-bottom: 0.4167vw
}
.joinTitle h6 {
    color: #666666;
    font-size: 14px;
    font-family: light;
}
.joinMessage {
    padding: 3.3854vw 0 6.7708vw
}
.message {
    margin-top: 2.6042vw
}
.message .inputBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.message .inputBox input {
    color: #000;
    width: 49%
}
.message .selectList {
    margin: 18px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.message .selectList .item {
    position: relative;
    width: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.message .selectList .item i {
    color: #000;
    font-size: 12px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}
.message .selectList .item ul {
    position: absolute;
    top: 100%;
    z-index: 5;
    left: 0;
    width: 100%;
    background: #F3F3F3;
    max-height: 10.4167vw;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    -webkit-transition: .3s;
    transition: .3s
}
.message .selectList .item ul.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.message .selectList .item ul li {
    cursor: pointer;
    padding: 0 1.6667vw 0 1.4583vw;
    height: 40px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s;
    transition: .5s
}
.message .selectList .item ul li:hover {
    background: #EB6622;
    color: #fff
}
.message textarea {
    height: 9.6354vw;
    width: 100%;
    resize: none;
    background: #F6F6F6;
    padding: 1.0417vw 1.6667vw 1.0417vw 1.4583vw;
    color: #000;
    font-family: "Noto Sans SC,PingFang SC,Microsoft Yahei,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif"
}
.message button {
    margin-top: 1.3021vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.125vw;
    background: #EB6622;
    cursor: pointer
}
.message button .line {
    background: #fff;
    width: 35px;
    height: 1px;
    margin-right: 12px
}
.message button span {
    color: #fff
}
.messageClass {
    background: #F6F6F6;
    color: #999;
    padding: 0 1.6667vw 0 1.4583vw;
    height: 3.125vw
}
/*联系我们*/
.contact-title .ch {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-align: center
}
.contact-title .en {
    font-size: 30px;
    color: #9a9a9a;
}
.contact-title .line {
    width: 16px;
    height: 4px;
    display: block;
    margin: 15px auto 0 auto;
    background: #003091;
}
.contact-list li {
    width: 33.3%;
    float: left;
}
.contact-list a {
    display: block;
    color: #666;
    text-align: center;
    cursor: auto;
}
.contact-list .en {
    color: #999999;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}
.contact-list .freeTx {
    font-size: 18px;
    text-align: center;
    padding: 0 10px;
    font-family: light;
    margin-top: 10px;
}
.contact-list {
    margin-top: 85px;
}
.ctapanel {
    padding: 108px 0 172px 0;
    border-top: 5px solid #f6ac2d;
    background-color: #f5f5f5;
}
/*产品与服务*/
.prdHead {
    padding: 50px 0;
    background: #134A98;
}
.prdHead .w1200 {
    display: flex;
}

.prdHead .w1200 .prditems {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.prdHead .w1200 .prditems .prditem a {
    color: #fff;
    display: inline-block;
    padding: 5px 8px;
    line-height: 1.4;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prdSelect {
    position: relative;
}
.prdSelect.active:after {
    width: 100%;
    left: 0;
}
.prdSelect:after {
    content: '';
    position: absolute;
    top: 100%;
    margin-top: 2px;
    right: 0;
    width: 0%;
    transition: .5s;
    height: 1px;
    background: #fff;
}
/*产品详情*/
.w640 {
    width: 640px;
    margin: 0 auto;
}
.w800 {
    width: 800px;
    margin: 0 auto
}
.bgededed {
    background-color: #ededed;
}
.pro-info-img .img {
    overflow: hidden;
}
.pro-info-img .img img {
    width: 100%;
    display: block;
}
.pro-info-demo {
    padding: 15px 0px;
}
.pro-info-demo a {
    height: 35px;
    line-height: 35px;
    display: block;
    margin: 0px auto;
}
.pro-info-demo a:link, .pro-info-demo a:visited {
    color: #595b5e;
}
.pro-info-demo a:active, .pro-info-demo a:hover {
    color: #1b58ab;
}
.prev-btn {
    float: left;
}
.prev-btn i, .next-btn i {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #adadad;
    border-radius: 50%;
}
.prev-btn i {
    background: url(../images/a-l.png) no-repeat scroll center center;
    margin-right: 11px;
}
.prev-btn:hover i {
    background-image: url(../images/a-l2.png);
    background-color: #1B58AB;
    border-color: #1B58AB;
}
.next-btn {
    float: right;
}
.next-btn i {
    float: right;
    background: url(../images/a-r.png) no-repeat scroll center center;
    margin-left: 11px;
}
.next-btn:hover i {
    background-image: url(../images/a-r2.png);
    background-color: #1B58AB;
    border-color: #1B58AB;
}
.black-pro {
    margin: 0px auto;
    width: 120px;
    background-color: #adadad;
    text-align: center;
}
.black-pro .txt {
    color: #fff;
    background: url(../images/black_pro_ico.png) no-repeat scroll left center;
    padding-left: 26px;
}
.black-pro:hover {
    background-color: #1b58ab;
}
.pro-info-page {
    padding: 50px 0px;
}
.pro-info-page .title {
    font-size: 24px;
    color: #666666;
    line-height: 1.4;
    margin-bottom: 18px;
}
.pageC a:link, .pageC a:visited {
    color: #333;
}
.pageC a:active, .pageC a:hover {
    color: #1b58ab;
}
.pageC {
    color: #666666;
    overflow: hidden;
}
.pageC img {
    max-width: 100% !important;
    height: auto !important;
}
.showBaiduMap {
    color: #1155CC;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    display:none;
}
.showBaiduMap::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/left_location_blue.png) no-repeat;
    margin-right: 2px;
    background-size: cover;
    vertical-align: sub;
}
video {
    width: 100%;
    max-width: 500px;
}