/*基础CSS*/
html {
    font-size: 14px;
    overflow-x: hidden;
}
li {
    list-style: none;
}
a {
    color: #212529
}
a:hover {
    text-decoration: none;
}
p, dl, dt, dd, ul {
    margin: 0px;
    padding: 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    color: inherit;
}
.red{
    color:red;
}
.text-secondary a {
    color: #6c757d;
}
.card, .figure {
    margin: 15px 0;
}
.shadow-sm-top {
    box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
/*边框*/
.border-top-dashed {
    border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
    border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
    border-top: 1px dashed #dee2e6 !important;
}
/*外边距*/
.ml-20 {margin-left: 20px}
.mr-20 {margin-right: 20px}
.mt-20 {margin-top: 20px}
.mb-20 {margin-bottom: 20px}
/*内边距*/
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
/*字距*/
.ls-1 {
    letter-spacing: 1px;
}
.ls-2 {
    letter-spacing: 2px;
}
.ls-3 {
    letter-spacing: 3px;
}
.ls-4 {
    letter-spacing: 4px;
}
.ls-5 {
    letter-spacing: 5px;
}
/*分页*/
.page_navigation { margin:50px 0!important;}
.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #323f52;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
    text-decoration: none;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #323f52;
    border-color: #323f52;
}
.page-num-current:hover {
    color: #fff;
}
/*其他*/
.ts-hide {display: none;}
.cursor { cursor: pointer}
.text-center { text-align: center}
.imgbigout {
    display: block;
    overflow: hidden;
}
.imgbigout .imgbig {
    display: block;
    max-width: 100%;
    transition: all 1s ease;
}
.imgbigout:hover .imgbig {
    transform: scale(1.1);
}
.no-margin {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.ellipsis2 {word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;}
.active { color: #323E54; position: relative;}
.active:after { content: ''; display: block; width: 100%; height: 1px; background: #323E54; position: absolute; left: 0; bottom: 10px;}
a.button {
    padding: 10px 30px;
    border-radius: 4px;
    transition: all 0.2s;
    color: #fff;
}
.button-orange {
    background: #ff6c36;
}
.color-blue { background: #005fb4}
/*布局*/
.ts-container { width: 1200px; height: 100%; margin: auto;}
.d-flex {display: flex}
.align-items-c { align-items: center }
.justify-content-sb { justify-content: space-between;}
.justify-content-c { justify-content: center}
.main-left { width: 850px;}
.main-right { width: 330px;}

/*头部*/
._fixed {height: auto!important; opacity: 1!important;}
.header_wrap { width: 100%; position: fixed; left: 0; top: 0; z-index: 33; display: none}
.nav-junior { width: 100%; background: #323f52; height: 40px;}
.nav-junior .user_warp { height: 100%; color: #fff;}
.nav-junior .reg { height: 100%; padding: 0 15px; background: #8496b6; margin-right: 10px;}
.nav-main { background: #fff; width: 100%; border-bottom: 3px solid #e1e1e1;}
.nav-main .logo { width: 180px; padding: 20px 0;}
.nav-main .logo img { width: 100%;}
.nav-main .nav { width: 630px; margin-left:10px; height: 84px; margin-top: 3px;}
.nav-main .nav a {color: #333; font-size: 18px;}
.nav-main li { position: relative; height: 100%; display: flex;
    align-items: center;
    justify-content: center;}
.nav-main li:first-child { width: auto;}
.nav-main li .sub_nav { width: 130px; left: 50%;
    margin-left: -65px; height: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 22;
    top: 85px; padding-top: 5px; transition: all 0.3s;}
.nav-main li .sub_nav_box {border-radius: 5px; overflow: hidden;}
.nav-main li .sub_nav_item { display: block; width: 100%;  font-size: 14px; text-align: center; height: 36px; line-height: 36px;
    color: #fff; background: #323E54; }
.nav-main li .sub_nav_item:hover { background: #8496b6;}
.nav-main li:hover .sub_nav { height: auto; opacity: 1; visibility: inherit;}

/*头部*/
.ts-header { padding: 25px 0; }
.ts-header .logo { width: 220px;}
.ts-header .logo img { width: 100%;}
/*导航 bg:#01396a */
.ts-nav { background: #323f52; height: 60px;}
.ts-nav .nav {width: calc( 100% - 330px );  margin-left:10px; height: 100%;}
.ts-nav .nav a {color: #fff; font-size: 18px;}
.ts-nav li { position: relative; height: 100%; width: auto; display: flex;
    align-items: center;
    justify-content: center;}
.ts-nav li:first-child { width: auto;}

.ts-nav li .sub_nav { width: 130px; height: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 22;
    left: 50%; margin-left: -65px; top: 60px; transition: all 0.3s; padding-top: 5px;}
.ts-nav li .sub_nav_box { border-radius: 5px; overflow: hidden; }
.ts-nav li .sub_nav_item { display: block; width: 100%;  font-size: 14px; text-align: center; height: 36px; line-height: 36px; color: #fff; background: #323E54; }
.ts-nav li .sub_nav_item:hover { background: #8496b6;}
.ts-nav li:hover .sub_nav { height: auto; opacity: 1; visibility: inherit;}


.regVipBut {
    /*background: #ed7532;*/
    /*color: #fff;*/
    background: #fff;
    color: #323f52;
    height: 36px;
    width: 130px;
    font-size: 16px;
    border-radius: 30px;
    line-height: 36px;
}
.loginVipBut { margin-left: 20px; color: #fff;  font-size: 16px;}
.login .user { color: #fff; font-size: 16px;}
.login .logout { color: #fff; font-size: 16px;}

.search .layui-form-item { margin-bottom: 0}
.search .layui-form-item .layui-inline{ margin-right: 0; margin-bottom: 0;}
.search .color-blue { background: #323E54;border-top-right-radius: 19px;
    border-bottom-right-radius: 19px; border: 0;}
.search .color-blue:hover { background: #8496b6; opacity: 1;}
.search .layui-form-item .layui-input {border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;}

.banner { width: 100%; }
.banner img { width: 100%; height: 284px; }
.banner .swiper-pagination-bullet { background: #fff; }
.swiper-button-next, .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E")  !important;
}
.swiper-button-next {transform:rotate(180deg)}
.swiper-button-prev {transform:rotate(0deg)}
.ban {width: 100%;}
.ban img {width: 100%;}
/**/
.is-top-news { width: 100%; height: 284px; position: relative;}
.is-top-news img { width: 100%; height: 284px; }
.is-top-news p {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    color: #fff;
    background: url(../images/titBg.png) bottom left repeat-x;
    line-height: 44px;
}
/*首页新闻*/
.index-news {}
.news-top { height: 50px; border-bottom: 1px solid #eaeaea; padding: 0 18px;}
.news-top .title{color: #323F52; font-size: 16px;}
.news-top .title img { margin-right: 10px; width: 32px; height: 32px;}
.news-top .more { color: #a7a7a7; font-size: 14px;}
.news-top .more:hover { color: #323E54;}
.news-list .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}
.news-list .news .news-cover {
    width: 220px;
    height: 152px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
}
.news-list .news .news-cover .cover-img-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news-list .news .news-cover .cover-img-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.news-list .news:hover .news-cover .cover-img-link img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.news-list .news .news-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.news-list .news .news-info .info-top {
    text-align: left;
}
.news-list .news .news-info .info-top .title-link {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 58px;
    font-size: 20px;
    font-weight: 500;
    color: #060606;
    margin-bottom: 10px;
}
.news-list .news .news-info .info-top .title {
    font-weight: 400;
    font-size: 20px;
}
.news-list .news:hover .news-info .info-top .title {color: #005fb4; }
/*.news-list .news:hover .news-info .info-top p{color: #2e9cd0; }*/
.news-list .news .news-info .info-top .title:hover{ color: #005fb4; position: relative;}
.news-list .news .news-info .info-top .title:hover:after {
    /*content: ''; display: block; width: 100%; height: 1px; background: #323E54; position: absolute; left: 0; bottom: 0;*/
}

.news-list .news .news-info .info-top .summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    font-size: 14px;
    color: #888;
}
.news-list .news .news-info .info-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news-list .news .news-info .info-bottom .source, .news-list .news .news-info .info-bottom .time {
    font-size: 12px;
    line-height: 22px;
    color: #a7a7a7;
}
.news-list .news .news-info .info-bottom .source {
    color: #01396a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}
.news-list .news .news-info .info-bottom .source img, .news-list .news .news-info .info-bottom .time img {
    margin-right: 5px;
}

/*快讯*/
.latest-news-flashs .flashs {
    padding: 20px;
}
.latest-news-flashs .flashs .flash-item {
    position: relative;
    padding-left: 20px;
    padding-bottom: 8px;
}
/*.latest-news-flashs .flashs .flash-item:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #b4c6d4;
    left: 6px;
    top: 5px;
    position: absolute;
}*/
.latest-news-flashs .flashs .flash-item .icon {
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #bdcbd8;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.latest-news-flashs .flashs .flash-item:hover .icon {
    background: #01396a;
    border: 1px solid #01396a;
}
.latest-news-flashs .flashs .flash-item a {
    font-size: 14px;
    color: #060606;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.latest-news-flashs .flashs .flash-item .title {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 14px;
}
.latest-news-flashs .flashs .flash-item .title {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 14px;
}
.latest-news-flashs .flashs .flash-item .time {
    font-size: 14px;
    color: #ababab;
}
/*推荐*/
.hot-news .news-list .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
}
.hot-news .news-list .news-item .news-cover {
    margin-right: 10px;
    width: 160px;
    height: 110px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.hot-news .news-list .news-item .news-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.hot-news .news-list .news-item:hover .news-cover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.hot-news .news-list .news-item .news-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.hot-news .news-list .news-item .news-info .title {
    color: #262626;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    word-break: break-all;
}
.hot-news .news-list .news-item .news-info .title {
    color: #262626;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    word-break: break-all;
}
.hot-news .news-list .news-item:hover .news-info .title { color: #2e9cd0;}
.hot-news .news-list .news-item .news-info .info-bottom {
    font-size: 12px;
    line-height: 20px;
    color: #a7a7a7;
}
.hot-news .news-list .news-item .news-info .info-bottom .source {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #a7a7a7;
}
.hot-news .news-list .news-item .news-info .info-bottom .source .source-icon {
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    background: url(../images/icon-author2.svg);
}
.hot-news .news-list .news-item .news-info .info-bottom .time {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hot-news .news-list .news-item .news-info .info-bottom .time img { margin-right: 5px}
/*深度*/
.depth-topics .topics {
    padding: 10px 0;
}
.depth-topics .topics .topic-item {
    padding: 10px 20px;
}
.depth-topics .topics .topic-item a {
    display: block;
    width: 290px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.depth-topics .topics .topic-item a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.depth-topics .topics .topic-item a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.depth-topics .topics .topic-item a .topic-title {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));
    background-image: linear-gradient(transparent,rgba(0,0,0,.9));
}
.depth-topics .topics .topic-item a .topic-title h1 {
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto;
    font-size: 16px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/**/
.sub-nav a {height: 50px; line-height: 50px; font-size: 15px; margin:0 20px;}
.sub-nav a:hover,.sub-nav a.active { color: #323E54; position: relative;}
.sub-nav a:hover:after,.sub-nav a.active:after { content: ''; display: block; width: 100%; height: 1px; background: #323E54; position: absolute; left: 0; bottom: 10px;}

.recommend-news.news-list .news { width: 50%; float: left; border: none; padding: 20px 10px 0;}
.recommend-news.news-list .news .news-cover { width: 145px; height: 98px;}
.recommend-news.news-list .news .news-info .info-top .title { font-size: 16px;}
.recommend-news.news-list .news .news-info .info-top .summary { -webkit-line-clamp: 1;}

.recommend-news.news-list .news:first-child { display: inline-block; }
.recommend-news.news-list .news:first-child  .news-cover { width: 100%; height: 260px;}
/*.recommend-news.news-list .news:first-child .news-info { margin-top: 15px;}*/
.recommend-news { display: flex; flex-wrap: wrap;}

.viewpoint-news.news-list .news { width: 100%; border: none; padding: 20px 10px 0;}
.viewpoint-news.news-list .news .news-cover { width: 145px; height: 98px;}
.viewpoint-news.news-list .news .news-info .info-top .title { font-size: 16px;}
.viewpoint-news.news-list .news .news-info .info-top .summary { -webkit-line-clamp: 1;}

.adv { width: 100%; height: auto; background: #333; overflow: hidden;}
.adv img { width: 100%; }
/*文章详情*/
.text-block {}
.text-block .storyview-headline {
    padding-top: 50px;
    padding-bottom: 25px;
}
.text-block .storyview-headline .headline {
    display: inline;
    vertical-align: middle; font-size: 36px;
}
.text-block .storyview-company {
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 20px;
    position: relative;
}
.text-block .storyview-company .company-left .complayname .name {
    font-size: 14px;
    line-height: 1.5;
    color: #01396a;
    text-decoration: none;
}
.text-block .storyview-company .company-left .datenum {
    font-size: 13px;
    color: #999;
}
.text-block .storyview-company .company-left .datenum span {margin-right: 20px;}
.text-block .storyview-company .company-left .datenum img { width: 12px; height: 12px; margin-right: 5px;}
.text-block .storyview-company .company-left .datenum img.browse {width: 18px; height: 18px; margin-right: 2px;}

.text-block .dvContent, .text-block #dvExtra {
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
}
.text-block .dvContent .regVipBut { width: auto; line-height: 38px; display: inline-block; padding: 0 15px; margin: 15px 0; }
.text-block .dvKeyword {
    position: relative;
    font-size: 16px; padding-bottom: 28px;
}
.text-block .dvKeyword a { color: #01396a; margin-left: 10px;}
.storylist-block .news-list .news{ width: 48%;}
/**/
.down_ul { padding-top: 20px; margin: 0 -15px;}
.down_list { width: 25%;}
.card-whitepaper {
    padding: 10px;
    padding-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px; margin: 0 15px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.4;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    max-width: 100%;
    height: auto;
}
.card-img-wrap {
    overflow: hidden;
    position: relative;
    float: left;
    padding: 0;
}
.clicknum .icon { margin-right: 3px;}
.card-whitepaper .card-img-wrap {
    width: 100%;
    float: none;
}
.card-whitepaper .card-img-wrap .img-ratio-sizer {
    padding-top: 254px;
}
.card-img-wrap .img-ratio-element {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.card-img-wrap img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.card-img-wrap img:hover{transform: translate(-50%, -50%) scale(1.1);}
.card-whitepaper .card-text-wrap {
    float: none;
    padding-top: 15px;
}
.card-text-wrap h3.h3-small {
    margin-bottom: 15px; font-size: 16px;
}
.card-text-wrap h3.h3-small a{ height: 2.4em;
    overflow: hidden;
    position: relative;}
.card-text-info {
    font-size: 12px;
    line-height: 1.2;
    color: #8a8a8a;
    min-height: 1.2em;
}
.card-text-info .resiconwrap {
    width: 33.3%;
    text-align: center;
    position: relative;
}
.card-text-info .resiconwrap:nth-child(2){border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;}

.card-text-info .resiconwrap .cnshare-right-box{
    opacity: 0;
    height: 0;
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    position: absolute;
    right: 15px;
    transition: opacity 0s ease;
    z-index: 1;
    transform: translateX(-50%);
    z-index: 1;
    width: 225px;
    left: 40px;
    top: 30px;
    overflow: hidden;
}
.cnshare-right-box .share-line {padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.cnshare-right-box .share-tip-top {font-size: 12px; color: #8a8a8a;}

.cnshare-right-box .share-wxcode { padding-top: 15px;}
.cnshare-right-box .wxewm img { width: 120px}
.cnshare-right-box .tcTop {font-size: 12px; color: #8a8a8a; text-align: center;}
.card-text-info .resiconwrap.active .cnshare-right-box{ transition: opacity 0.3s ease; opacity: 1; height: 242px;  padding: 20px;}

.content-inner { padding-top: 40px; font-size: 16px;}
.content-inner p {
    padding: 0 0 28px;
    word-break: break-word;
}
/**/
.services-section {
    padding: 80px 0;
    font-size: 16px;
    line-height: 1.8;
    position: relative;
}
.services-section .ul-green-dotted li {display: flex; align-items: center;}
.services-section .ul-green-dotted li:before {
    content: " ";
    display: block;
    width: 6px;
    height: 6px; margin-right: 10px;
    border-radius: 50%;
    background-color: #00837e;
}
.services-section .services-arrow-down {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: -20px;
}
.services-section:nth-child(2n-1) {
    background-color: #fff;
}
.services-section:nth-child(2n-1) .services-arrow-down {
    border-top-color: #fafafa;
}
.services-section:nth-child(2n) {
    background-color: #fafafa;
}
.services-section:nth-child(2n) .services-arrow-down {
    border-top-color: #fff;
}
.services-section .services-img-box { text-align: center;}
.services-section .h2-large {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 50px; font-size: 28px;
}
.services-section .h2-large-left {
    text-align: left;
    margin-bottom: 20px;
}
.services-section .feature2 p {
    margin-bottom: 15px;
}
.services-section-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 1.0;
    color: #ff6c36;
    padding: 10px 30px;
    background-color: #fff;
    border: 1px solid #ff6c36;
    border-radius: 4px;
    transition: all .2s;
}
.services-section-btn:focus, .services-section-btn:hover {
    color: #fff;
    background-color: #ff6c36;
}
.prn-office li {
    width: 33%;
    margin-bottom: 30px;
}
.prn-office li h3 {
    padding-bottom: 10px;
}
.prn-office li dd, .prn-office li dt {
    display: inline-block; font-weight: inherit;
    width: 50px;
    vertical-align: top;
    margin: 0 0 5px;
}
.prn-office li dd {
    width: calc(100% - 80px);
}
.prn-office-tit {font-size: 22px; border-bottom: 1px solid #a1a1a1; padding-bottom: 10px; margin-bottom: 30px;}

.about-warp { overflow: hidden;}
.about-warp .img { width: 29%; float: left;}
.about-warp .img img { max-width: 100%}
.about-warp .content { width: 67%; float: right;}
/**/
.about_tit {
    padding-top: 50px; padding-bottom: 25px; font-size: 28px; border-bottom: 1px #e1e1e1 solid;
}
.about_box { width: 47%;font-size: 16px;}
.about_box p { line-height: 1.5; margin-bottom: 5px;}

.contact_info { margin-top: 30px;}
.contact_info .tit { font-size: 18px; display: none}
.contact_info ._info { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center;}
.contact_info .avatar { width: 90px; height: 90px; overflow: hidden; border-radius: 50%;}
.contact_info .avatar img { width: 100%;}
.contact_info .name { width: 100%; text-align: center; padding-top: 3px;}
.contact_info ul { width: calc( 100% - 110px );}
.contact_info ul li { padding-left: 15px; line-height: 24px;}

.from_box .info {
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 1.8;
    color: #666;
}
.form-item { width: 48%; padding-bottom: 15px;}
.form-item label { padding: 0 12px 0 0;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    display: block;
    box-sizing: border-box;
    flex: 0 0 auto; }
.form-item label span{ margin-right: 4px; color: #F56C6C;}
.form-item .form-input {
    position: relative;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 5px;
}
.form-input input[type=text], .form-input select, .form-input textarea {
    vertical-align: middle;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: inherit;
    line-height: 40px;
    color: #606266;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/**/
.about_media_wrap { padding: 50px 0}
.about_media { width: 48%}
.about_media_tit {
    line-height: 1.2;     font-size: 20px;
    padding-left: 15px;
    border-left: 5px solid #0056b3;
    margin-bottom: 30px;
}
.social-media-card {
    min-height: 50px;
    position: relative;
    margin-bottom: 40px;
}
.social-media-card .iconfont{
    font-size: 34px; margin-right: 10px;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-media-card .iconfont.icon-weibo{ background: rgb(251, 85, 85) }
.social-media-card .iconfont.icon-weixin{ background: #0ab70e }
.social-media-card-title, .social-media-card-title a {
    font-size: 18px;
    color: #0056b3;
}
.social-media-card-text {
    font-size: 16px;
}
.weixin-block {
    display: inline-block;
    width: 150px;
    padding-right: 30px; padding-left: 10px;
    text-align: center;
}
.social-media-card-title2 {
    font-size: 18px; padding-bottom: 10px;
}
.weixin-block img {
    width: 100%;
}
/**/
.regWrap { width: auto; padding: 15px;}
.reg_tit {
    font-size: 24px;
    text-align: center;
    letter-spacing: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.regWrap .layui-form { padding: 30px 20px 0 0}
.regWrap .layui-form-label { width: 110px;}
.regWrap .layui-form-label font { color: #f43838}
.regWrap .color-blue { background: #005fb4}
.regWrap .text-secondary { text-align: right; padding-top: 10px;}
.regWrap .text-secondary a{ color: #eb7631}
#regVip .layui-form {display: flex; flex-wrap: wrap;}
#regVip .layui-form-item { width: 50%}
/**/
._categories { padding-left: 25px; padding-top: 20px;}
._categories .title {
    margin: 0 0 10px;
    padding-left: 16px;
    font-size: 18px;
    font-weight: 700;
    border-left: 4px solid #00837e;
}
._categories ul li {
    position: relative;
    padding: 5px 0 5px 12px;
}
._categories ul li:before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #ccc;
}
/*底部*/
.ts-footer { margin-top: 25px; padding-bottom: 80px;}
.footer-topline {background: #fff url("../images/footline.jpg") center top no-repeat; height: 2px; width: 100%; margin-bottom: 80px;}
.ts-footer .link {
    /*width: 31%;*/
    position: relative;
}
/*.ts-footer .link:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    height: 180px;*/
/*    background: #eaeaea;*/
/*    width: 2px;*/
/*    top: 0;*/
/*    right: 0;*/
/*}*/
.ts-footer .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.ts-footer .links a {
    display: block;
    font-size: 16px;
    color: #666;
}
.ts-footer .links a + a { margin-top: 14px;}
.ts-footer .links a:hover {color: #005fb4;}
.ts-footer .link h3 {
    padding-top: 30px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #262626;
}
.ts-footer .about-link {
    width: 32%;
    position: relative;
    padding-left: 30px;
    margin: 0 15px;
}
.ts-footer .about-link h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #262626;
}
.ts-footer .subscribe {
    /*width: 33%;*/
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}
.ts-footer .subscribe .foot_ico { padding-top: 19px; display: flex; align-items: center}
.ts-footer .subscribe .foot_ico div { margin-right: 8px;}
.ts-footer .subscribe .foot_ico div.imgEwmBox { position: relative;cursor: pointer;}
.ts-footer .subscribe .foot_ico div.imgEwmBox .imgEwm {
    display: none;
    position: absolute;
    top: -100px;
    left: -30px;
    z-index: 2;
    width: 90px;
    height: 90px;
    border: 5px solid #fff;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(50, 63, 82, .5);
}
.ts-footer .subscribe .foot_ico div.imgEwmBox:hover .imgEwm { display: block}
/*.ts-footer .subscribe:after {
    position: absolute;
    content: "";
    height: 180px;
    background: #eaeaea;
    width: 2px;
    top: 0;
    left: 0;
}*/
.ts-footer .subscribe .flogo {
    margin-bottom: 0;
    width: 200px;
}
.ts-footer .subscribe .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ts-footer .subscribe .flex .text {
    padding-top: 40px;
}
.ts-footer .subscribe .flex .text h3 {
    font-size: 16px;
    margin-bottom: 20px;
}
.ts-footer .subscribe .flex .text p {
    font-size: 16px; padding-bottom: 5px;
}
.ts-footer .subscribe .f-qrcode {
    margin-left: 20px;
    padding: 0; margin-top: 20px;
}
.ts-footer .subscribe .f-qrcode img {
    display: block;
    max-width: 78px;
    border: 1px solid #cdd5e0;
    padding: 5px;
}
.ts-copyright { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background: url("../images/footline.jpg") center repeat-y;}
.ts-copyright a { color: #fff;}
.el-backtop {
    position: fixed;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #409eff;
    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;
    font-size: 20px;
    box-shadow: 0 3px 5px 0 rgba(50,63,82,.3);
    cursor: pointer;
    z-index: 5;
    right: 20px;
    bottom: 80px;
}
.el-backtop .top-icon {
    width: 100%;
    height: 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;
}