html {
    overflow  : -moz-scrollbars-vertical;
    overflow-x: hidden;
}


/*始终让 Firefox 显示滚动条*/

* {
    word-wrap: break-word;
    margin   : 0;
    padding  : 0;
    border   : none;
}


/*文字强制换行word-break:keep-all;(Ff)*/

table {
    border-collapse: collapse;
    margin         : auto
}


/*细线表格*/

fieldset,
img {
    border: none;
}


/*清除描边,块显示*/

ul,
li {
    list-style-type: none;
}


/*无列表项目标记*/

a {
    text-decoration: none;
    color          : #666666;
    outline        : none;
}


/* 链接无下划线,有为underline;链接去框 */

a:link {
    color: #666666;
}


/* 未访问的链接 */

a:visited {
    color: #666666;
}


/* 已访问的链接 */

a:hover {
    color: #1a83e0;
}


/* 鼠标在链接上 */

a:active {
    color: #666666;
}


/* 点击激活链接 */

body {
    overflow-x : hidden;
    font-family: "Microsoft YaHei", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size  : 12px;
    color      : #666;
    background : #fff;
    /*min-width  : 1340px;*/
}


/* 设置body */

select,
input {
    vertical-align: middle;
    outline       : none;
    font-family   : "Microsoft YaHei";
}


/* 设置表单 */

input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
    cursor : pointer;
    outline: none;
}


/* 设置表单按钮 */

textarea {
    outline    : none;
    font-family: "Microsoft YaHei";
}


/* 设置表单文本域 */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color     : #aab2bd;
    /* placeholder颜色  */
    font-size : 12px;
    /* placeholder字体大小  */
    text-align: left;
    /* placeholder位置  */
}

.box-size {
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}


/* 内盒子代码 */

.fl {
    float  : left;
    display: inline;
}


/* 左浮动 */

.fr {
    float  : right;
    display: inline;
}


/* 右浮动 */

.imghover {
    overflow: hidden;
}


/* 设置图片经过放大 */

.imghover img {
    overflow          : hidden;
    transition        : all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


/* 设置图片经过放大 */

.imghover:hover img {
    transform        : scale(1.05);
    -webkit-transform: scale(1.05);
}


/* 设置图片经过放大 */

.table {
    display     : table;
    width       : 100%;
    height      : 100%;
    table-layout: fixed
}


/* 设置表格方式垂直居中 */

.tableCell {
    display       : table-cell;
    width         : 100%;
    height        : 100%;
    vertical-align: middle;
}


/* 设置表格方式垂直居中 */

.default {
    background: #e5e5e5 url(../image/default.png) no-repeat center center;
}


/* 设置默认图 */

.wrap {
    width : 1200px;
    clear : both;
    margin: 0 auto;
}


/* 规定页面内容区域宽度 */

.clear {
    clear   : both;
    overflow: hidden;
}


/* 清除浮动 */


/* 自定义页面间距 */

.h5 {
    clear : both;
    height: 5px;
}

.h10 {
    clear : both;
    height: 10px;
}

.h15 {
    clear : both;
    height: 15px;
}

.h20 {
    clear : both;
    height: 20px;
}

.h25 {
    clear : both;
    height: 25px;
}

.h30 {
    clear : both;
    height: 30px;
}

.h35 {
    clear : both;
    height: 35px;
}

.h40 {
    clear : both;
    height: 40px;
}

.h45 {
    clear : both;
    height: 45px;
}

.h50 {
    clear : both;
    height: 50px;
}

.h55 {
    clear : both;
    height: 55px;
}

.h60 {
    clear : both;
    height: 60px;
}

.h65 {
    clear : both;
    height: 65px;
}

.h70 {
    clear : both;
    height: 70px;
}

.h75 {
    clear : both;
    height: 75px;
}

.h80 {
    clear : both;
    height: 80px;
}

.h85 {
    clear : both;
    height: 85px;
}

.h90 {
    clear : both;
    height: 90px;
}

.h95 {
    clear : both;
    height: 95px;
}

.h100 {
    clear : both;
    height: 100px;
}


/*截字数*/

.clamp1 {
    word-break        : break-all;
    display           : -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

.clamp2 {
    word-break        : break-all;
    display           : -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

.clamp3 {
    word-break        : break-all;
    display           : -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

/*
.clamp4 {
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

.clamp5 {
    word-break        : break-all;
    display           : -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

.clamp6 {
    word-break        : break-all;
    display           : -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}


/*
 * 改变浏览器滚动条
 */

::-webkit-scrollbar {
    width     : 8px;
    background: none;
}

::-webkit-scrollbar-thumb {
    width     : 8px;
    background: #0e76bd;
}

::-webkit-scrollbar-corner {
    background: none;
}

::-webkit-resizer {}

::-webkit-scrollbar:horizontal {
    height: 9px;
}


/* @font-face {
    font-family: "zwp";
    src        : url("../font/dincond-medium.eot"), url("../font/dincond-medium.otf"), url("../font/dincond-medium.svg"), url("../font/dincond-medium.ttf"), url("../font/dincond-medium.woff"), url("../font/dincond-medium.woff2");
} */

.warper {
    max-width: 1300px;
    margin   : 0 auto;
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear     : both;
    display   : block;
    overflow  : hidden;
    visibility: hidden;
    width     : 0;
    height    : 0;
}

.clearfix:before,
.clearfix:after {
    content   : " ";
    display   : block;
    overflow  : hidden;
    visibility: hidden;
    width     : 0;
    height    : 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.pr {
    position: relative;
}

.warper {
    max-width: 1300px;
    margin   : 0 auto;
}

.about-main2 {
    height  : 890px;
    width   : 100%;
    overflow: hidden;
}

.about-main2 .licheng-bg {
    background-color: rgba(255, 255, 255, .8);
    width           : 100%;
    height          : 100%;
    position        : relative;
}

.about-main2 .licheng-bg .warper {
    height: 100%;
}

.about-main2 .licheng-bg img {
    height  : 518px;
    position: absolute;
    bottom  : 0px;
    left    : 0;
}

.about-main2 .ny-title {
    padding-top: 80px;
}

.ny-title .title-en {
    font-size  : 36px;
    color      : #b4b4b4;
    font-family: arial;
    line-height: 36px;
    font-weight: normal;
}

.ny-title .title-ch {
    font-size  : 24px;
    color      : #333333;
    margin     : 15px 0;
    font-weight: normal;
}

.ny-title i {
    display         : block;
    width           : 42px;
    height          : 1.5px;
    background-color: #0061ae;
}

.about-main2 .licheng-content {
    position: absolute;
    width   : 100%;
    height  : 100%;
}

.about-main2 .licheng-content .swiper-wrapper,
.about-main2 .licheng-content .swiper-slide,
.about-main2 .licheng-content ul {
    width : 100%;
    height: 100%;
}

.about-main2 .licheng-content ul li {
    width : 20%;
    float : left;
    height: 100%;
}

.about-main2 .licheng-content ul li a {
    display : block;
    width   : 100%;
    position: relative;
    height  : 320px
}

.about-main2 .licheng-content ul li .date {
    color    : #0a3875;
    font-size: 30px;
}

.about-main2 .licheng-content ul li.item1 .line,
.about-main2 .licheng-content ul li.item3 .line,
.about-main2 .licheng-content ul li.item5 .line {
    margin-bottom: 30px;
}

.about-main2 .licheng-content ul li.item2 .line,
.about-main2 .licheng-content ul li.item4 .line {
    margin-top: 30px;
}

.about-main2 .licheng-content ul li.item1 .line:after,
.about-main2 .licheng-content ul li.item3 .line:after,
.about-main2 .licheng-content ul li.item5 .line:after {
    width           : 10px;
    height          : 10px;
    background-color: #0061ae;
    display         : block;
    content         : "";
    border-radius   : 50%;
    text-align      : center;
    vertical-align  : middle;
    position        : absolute;
}

.about-main2 .licheng-content ul li.item2 .line:before,
.about-main2 .licheng-content ul li.item4 .line:before {
    width           : 10px;
    height          : 10px;
    background-color: #0061ae;
    display         : block;
    content         : "";
    border-radius   : 50%;
    text-align      : center;
    vertical-align  : middle;
    position        : absolute;
}

.about-main2 .licheng-content ul li .lc-left {
    position: absolute;
}

.about-main2 .licheng-content ul li .line {
    height          : 250px;
    width           : 1px;
    display         : block;
    background-color: #0061ae;
    position        : relative;
    left            : 30px;
}

.about-main2 .licheng-content ul li .lc-right {
    position: absolute;
    left    : 30px;
    width   : 400px;
    height  : 100%;
    display : table;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    width: 200px;
}

.about-main2 .licheng-content ul li.item2 .lc-right,
.about-main2 .licheng-content ul li.item4 .lc-right {
    width: 400px;
}

.about-main2 .licheng-content ul li .lc-right .right-text {
    padding       : 20px;
    display       : table-cell;
    vertical-align: middle;
}

.about-main2 .licheng-content ul li.item1 a {
    top: 50px;
}

.about-main2 .licheng-content ul li.item1 .lc-left .line:after {
    bottom: -25px;
    left  : -5px;
}

.about-main2 .licheng-content ul li.item1 .lc-right {
    bottom: 68px;
}

.about-main2 .licheng-content ul li.item2 a {
    top: 258px;
}

.about-main2 .licheng-content ul li.item2 .lc-left .line:before {
    top : -25px;
    left: -5px;
}

.about-main2 .licheng-content ul li.item2 .lc-right {
    top: 80px;
}

.about-main2 .licheng-content ul li.item3 a {
    top: 136px;
}

.about-main2 .licheng-content ul li.item3 .lc-left .line:after {
    bottom: -25px;
    left  : -5px;
}

.about-main2 .licheng-content ul li.item3 .lc-right {
    bottom: 100px;
}

.about-main2 .licheng-content ul li.item4 a {
    top: 278px;
}

.about-main2 .licheng-content ul li.item4 .lc-left .line:before {
    top : -25px;
    left: -5px;
}

.about-main2 .licheng-content ul li.item4 .lc-right {
    top: 70px;
}

.about-main2 .licheng-content ul li.item5 a {
    top: 99px;
}

.about-main2 .licheng-content ul li.item5 .lc-left .line:after {
    bottom: -25px;
    left  : -5px;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    bottom: 100px;
}

.about-main2 .licheng-content .right-text h3 {
    font-size    : 24px;
    margin-bottom: 10px;
}

.about-main2 .licheng-content .right-text p {
    font-size: 16px;
}

.lc-swiper-btn {
    width   : 100%;
    position: absolute;
    top     : 50%;
}

.lc-swiper-btn a {
    display : block;
    position: absolute;
}

.lc-swiper-btn .btn-prev {
    position: absolute;
    left    : 15px;
    top     : 50px;
}

.lc-swiper-btn .btn-next {
    position: absolute;
    right   : 0;
    top     : 50px;
}

.lc-swiper-btn .iconfont {
    font-size: 30px;
}

.articlePageUp .articlePageT.fr {
    text-align: right;
}

.webMapScroll .contactUsDl dd {
    float: left;
    width: 33%;
}

.webMapScroll .contactUsDl dd::after {
    background: transparent;
}

.webMapScroll .contactUsDl dd a {
    height    : auto;
    background: transparent;
}

.ixBox1R .mySwiper {
    overflow     : hidden;
    /* text-align: right; */
}

.ixBox1R .cloud {
    position : relative;
    max-width: 500px;
}

.ixBox1R .mySwiper .swiper-slide img {
    max-width : 500px;
    display   : block;
    cursor    : grab;
    min-height: 650px;
}

.ixBox1R .mySwiper .owl-nav {
    width   : 13.1vw;
    height  : 6.6vw;
    display : flex;
    right   : -6.5vw;
    top     : auto;
    bottom  : -1px;
    position: absolute;
    z-index : 1;
}

.ixBox1R .mySwiper .owl-prev,
.ixBox1R .mySwiper .owl-next {
    width     : 6.6vw;
    height    : 6.6vw;
    background: #fff;
    position  : static;
    transform : translateY(0);
    cursor    : pointer;
}

.ixBox1R .mySwiper .owl-nav img {
    left     : 50%;
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
}

.ixBox1R .mySwiper .owl-nav::after {
    content   : "";
    width     : 1px;
    height    : 14px;
    position  : absolute;
    left      : 52%;
    top       : 2.8vw;
    background: #e1e1e1;
}

.bannerSlide .bt {
    display            : block;
    opacity            : 0;
    transition-duration: 0.3s;
}

.bannerSlide:hover .bt {
    opacity: 1;
}

.ixBox1R .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.footer .wrapC p {
    line-height: 60px;
    text-align : center;
}

.footer .links a {
    margin-right: 10px;
}
.navBox .wrapC .navC {
    padding : 0 80px;
    overflow: hidden;
}


.navBox .wrapC .navC .fl a {
    position  : relative;
    overflow  : unset;
    transition: all .3s ease-in-out 0s;
}

.navBox .wrapC .navC .fl a:hover,
.navBox .wrapC .navC .fl a.active {
    color: #0061ae;
}

.navBox .wrapC .navC .fl a::before {
    position        : absolute;
    top             : 50%;
    left            : -22px;
    width           : 0;
    height          : 2px;
    content         : "";
    transition      : all .3s ease-in-out 0s;
    background-color: #0061ae;
}

.navBox .wrapC .navC .fl a.active::before {
    width: 12px;
}

.navBox .wrapC .navC .fl a:hover::before {
    width: 12px;
}

.navBox .navC .fr {
    line-height: 80px;
    font-size  : 14px;
}
.page a,.wrapC .textList dd{
    transition: all 0.36s ease;
}

.nav-toggle,nav.nav{
    display: none;
}
/* base.css v-22.04.08 */

/* html5新元素 */
header, footer, section, article, nav { display: block; }

/* rem设置 */
html { font-size: 5.20833333vw; }
@media (max-width: 768px) {
    html { font-size: 26.66666666vw; }
    .navBox {
        margin-top: 20px;
    }
    [class*='list'] > li, .nav > li { margin-right: 100px }
    
    .container .navBox .wrapC .navC {
        padding: 0 0 0 20px;
    }
}

body { font-size: .16rem; line-height: 2; color: #999; font-family: Microsoft YaHei, SimSun; overflow-x: hidden; }
@media (max-width: 1920px) {
    body { font-size: 16px; }
}
@media (max-width: 1366px) {
    body { font-size: 15px; }
}
@media (max-width: 768px) {
    body { font-size: .14rem; }
}

/* 清除浮动 */
.clearfix::after, [class*='list']::after, .nav::after { content: ''; display: block; width: 0; height: 0; clear: both; }

/* 列表 */
[class*='list'] > li, .nav > li { float: left; }

/* 文本两端对齐 */
.txt { text-align: justify; text-align-last: left; text-justify: distribute; }

/* 文本溢出显示省略号 */
.line-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.line-2,
.line-3,
.line-4 { display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.line-2 { -webkit-line-clamp: 2; line-clamp: 2; height: 4em; }
.line-3 { -webkit-line-clamp: 3; line-clamp: 3; height: 6em; }
.line-4 { -webkit-line-clamp: 4; line-clamp: 4; height: 8em; }

/* 动画 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

.animated {
    animation-duration: 1s;
    -o-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.fadeInUp {
    animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
.fadeInRight {
    animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
}