@charset "UTF-8";
/* ========== 单篇+文章页 start ========== */
.articleC {background: #FFFFFF;padding: 0 128px 38px;}
.articleBox {
    line-height: 36px;
    padding: 10px 0 0;
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}

.articleBox img {
    max-width: 100%;
    /* display: block; */
    margin: auto;
    margin: 0 10px;
}
/* ————— 标题 start ————— */
.articleTitle {
    clear: both;
    line-height: 40px;
    font-size: 28px;
    font-family: "microsoft yahei";
    color: #1c1c1c;
    position: relative;
    margin-bottom: 30px;
}
/* ————— 标题 end ————— */
/* ————— 发布信息 start ————— */
.articleTime {
    display: block;
    clear: both;
    color: #5c5c5c;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    margin-bottom: 24px;
    padding-bottom: 24px;
}

.articleTime span {
    font-size: 14px;
    color: #999999;
    vertical-align: middle;
    display: inline-block;
}

.shareBox .sharejs_list .sharejs_item {
    position: relative;
    z-index: 100
}
    /* ————— 发布信息 end ————— */
/* ————— 分享 start ————— */
.articleShare {display: inline-block;vertical-align: middle;}
.articleShare .shareParent .shareItem{vertical-align: middle;}
/* .shareParent .shareFont.icon-weibo {color: #FFFFFF;background: #ff763b;}
.shareParent .shareFont.icon-qzone {color: #FFFFFF;background: #FDBE3D;}
.shareParent .shareFont.icon-qq {color: #FFFFFF;background: #56b6e7;} */
/* ————— 分享 end ————— */
/* ————— 大图 start ————— */
/* 文章阅读页-内容上部大图 */
#play {width: 600px;height: 400px;position: relative;overflow: hidden;background: #fff;border: 1px solid #e9e9e9;padding: 5px;margin: 20px auto 0 auto;}
#play .change_a {width: 40%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {width: 24px;height: 43px;display: block;position: absolute;top: 50%;margin-top: -21px;display: none}
#play .prev_a span {background: url(../images/common/file/article_iconh.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/common/file/article_iconh.png) no-repeat -30px -50px;right: 0;}
#play .img_ul {position: relative;z-index: 1;width: 600px;height: 400px;}
#play .img_ul li {position: relative;z-index: 1;width: 600px;height: 400px;background: #fff;margin: 0 0 5px 0;}
#play .img_ul li img {position: absolute;}
.imgMove {width: 600px;clear: both;margin: 20px auto;position: relative;}
.img_hd {margin: 0 auto;overflow: hidden;height: 60px;position: relative;}
.img_hd ul {position: absolute;z-index: 1}
.img_hd ul li {float: left;height: 47px;width: 70px;padding: 3px;margin: 0 7px;cursor: pointer;background: #fff;border: 1px solid #d4d4d4;position: relative;}
.img_hd ul li p {height: 47px;width: 70px;display: block;background: #fff;position: relative;}
.img_hd ul li i {display: block;clear: both;line-height: 20px;padding: 0 5px;background: #000;color: #fff;position: absolute;right: 3px;bottom: 3px;z-index: 9;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;font-family: Arial;font-size: 12px;font-style: normal;}
.img_hd ul li img {position: absolute;height: 47px;width: 70px;}
.img_hd ul li.on {border: 1px solid var(--themeColors);background: var(--themeColors);}
.imgMove .bottom_a {width: 20px;height: 25px;display: block;cursor: pointer;z-index: 10;float: left;top: 15px;position: absolute;z-index: 9;background: url(../images/common/file/article_iconh.png) no-repeat;}
.imgMove .prev_a {background-position: left top;left: 0;}
.imgMove .next_a {background-position: right top;right: 0;}
/* ————— 大图 end ————— */
/* ————— 文件 start ————— */
.articleHand {clear: both;font-size: 16px;padding: 10px 0px 20px 0;/* overflow: hidden; */}
.articleHand a {display: inline-block;line-height: 32px;padding: 0 20px 0px 30px;background: url(../images/common/file/file.png) no-repeat left center; color:#666;margin-bottom: 10px;}
.articleHand a.word {background: url(../images/common/file/word.png) no-repeat left 3px;color: #37a6ff !important;}
.articleHand a.ppt {background: url(../images/common/file/ppt.png) no-repeat left center;color: #ff7735 !important;}
.articleHand a.excel {background: url(../images/common/file/excel.png) no-repeat left center;color: #15bf44 !important;}
.articleHand a.pdf {background: url(../images/common/file/pdf.png) no-repeat left center;color: #1369c0 !important;}
.articleHand a.zip {background: url(../images/common/file/zip.png) no-repeat left 3px;color: #ff9779 !important;}
.articleHand a:hover{text-decoration: underline;}
/* ————— 文件 end ————— */
/* ————— 文章页码 start ————— */
.articlePage {clear: both;text-align: center;font-family: Arial;font-size: 0;}
.articlePage a {margin: 0 5px;background: #ccc;padding: 3px 12px;display: inline-block;font-size: 12px;height: 24px;line-height: 24px;}
.articlePage a:hover {color: #fff;background: var(--themeColors);}
.articlePage a.hover {color: #fff;background: var(--themeColors);}
/* ————— 文章页码 end ————— */
/* ————— 上一篇/下一篇 start ————— */
.pageUp {
    display: block;
    line-height: 60px;
    color: #333333;
    font-size: 16px;
}
.articlePageBox {
    width: 40%;
    line-height: 60px;
    background: #fff;
    border-radius: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.pageUp a {
    font-size: 16px;
    color: #333333;
    position: relative;
    z-index: 10
}
.articlePageBox:hover,
.pageUp a:hover {
    color: var(--themeColors);
}

.articlePageBoxC .con {
    width: 206px;
    height: 60px;
    line-height: 60px;
    background: var(--themeColors) url(../images/lb.png) no-repeat center center / 13%;
    border-radius: 10px;
    margin: auto;
    display: block;
    transition: all .5s;
}
.articlePageBoxC .con:hover {transform: scale(.98);}
/* ————— 上一篇/下一篇 end ————— */
/* ————— 音频 start ————— */
.newsAudio .audiojs audio {position: absolute;left: -1px;opacity: 0;}
.newsAudio .audiojs {z-index: 99999;background: #fff;overflow: hidden;font-family: monospace;font-size: 12px;border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);width: 400px;margin: 0 auto;border: 1px solid #e5e5e5;}
.newsAudio .audiojs .play-pause {width: 25px;height: 27px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;position: relative;}
.newsAudio .audiojs .play-pause:before {content: '';display: block;border-right: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.newsAudio .audiojs .play {display: block;}
.newsAudio .audiojs .scrubber {position: relative;float: left;width: 240px;background: #f5f5f5;height: 14px;margin: 10px;top: 1px;overflow: hidden;}
.newsAudio .audiojs .progress {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #fbbc05;z-index: 1;}
.newsAudio .audiojs .loaded {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ffeebb;cursor: pointer;}
.newsAudio .audiojs .time {overflow: hidden;height: 35px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;position: relative;color: #666;}
.newsAudio .audiojs .time:before {content: '';display: block;border-left: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs .time em {padding: 0px 2px 0px 0px;color: #666;font-style: normal;}
.newsAudio .audiojs .time strong {padding: 0px 0px 0px 2px;font-weight: normal;}
.newsAudio .audiojs .error-message {display: none;padding: 0px 10px;height: 35px;overflow: hidden;line-height: 36px;white-space: nowrap;color: #666;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.newsAudio .audiojs .error-message a {color: #666;text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #999;white-space: wrap;}
.newsAudio .audiojs .play {background: url(../components/audio/images/play.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .loading {background: url(../components/audio/images/loading.png) center center no-repeat;background-size: 14px;-webkit-animation: fa-rotating 2s infinite linear;animation: fa-rotating 2s infinite linear;}
.newsAudio .audiojs .loading:before {content: '';}
@keyframes fa-rotating {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.newsAudio .audiojs .error {background: url(../components/audio/images/error.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .pause {background: url(../components/audio/images/pause.png) center center no-repeat;background-size: 16px;}
.newsAudio .playing .play,
.newsAudio .playing .loading,
.newsAudio .playing .error {display: none;}
.newsAudio .playing .pause {display: block;}
.newsAudio .loading .play,
.newsAudio .loading .pause,
.newsAudio .loading .error {display: none;}
.newsAudio .loading .loading {display: block;}
.newsAudio .error .time,
.newsAudio .error .play,
.newsAudio .error .pause,
.newsAudio .error .scrubber,
.newsAudio .error .loading {display: none;}
.newsAudio .error .error {display: block;}
.newsAudio .error .play-pause p {cursor: auto;}
.newsAudio .error .error-message {display: block;}
/* ————— 音频 end ————— */
/* ————— 视频 start ————— */
.newsViewVideo{width: 600px;height: 400px;margin: 0 auto;position: relative;}
.newsViewVideo #col1mui-player{height: 100% !important;cursor: pointer;}
.newsViewVideo #muiPlaybtn{position: absolute;left: 0;top: 0;background: url(../images/play.png) no-repeat center center;width: 100%;height: 100%;display: block;z-index: 999;cursor: pointer;}
/* ————— 视频 end ————— */
/* ========== 单篇+文章页 end ========== */
/* ========== 全图列表 start ========== */
/* 全图列表1 start */
.imgListDl {
    margin: 0 -20px;
}
.imgListDl dd {
    float: left;
    width: 33.3333%;
    margin-bottom: 40px;
}
.imgListDl dd .con {
    display: block;
    margin: 0 20px;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}
.imgListDl dd .con .pic::before {padding-top: 56.0185%;}
.imgListDl dd .con .text {
    padding-top: 26px;
}
.imgListDl dd .con .time {
    text-align: center;
    width: 72px;
    margin-right: 40px;
}
.imgListDl dd .con .time .yrea {
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    color: #222222;
    transition: all .5s;
}
.imgListDl dd .con .time .nian {
    line-height: 32px;
    font-size: 16px;
    color: #999999;
    transition: all .5s;
}
.imgListDl dd .con .title {
    line-height: 32px;
    height: 64px;
    font-size: 18px;
    color: #333333;
    padding-top: 4px;
    transition: all .5s;
}
.imgListDl dd .con:hover .nian,
.imgListDl dd .con:hover .yrea,
.imgListDl dd .con:hover .title {color: var(--themeColors);}
/* 全图列表1 end */
/* 视频列表 start */

/* 视频列表 end */
/* 资质荣誉 start */
.hornorList {
    margin: 0 -15px;
}
.hornorList dd {
    float: left;
    width: 25%;
    margin-bottom: 30px;
}
.hornorList dd a {
    display: block;
    margin: 0 15px;
    padding: 46px;
    padding-bottom: 0;
    box-sizing: border-box;
    transition: all .5s;
}
.hornorList dd a:hover {
    background: #fff;
    border-radius: 5px;
}
.hornorList dd a .pic {margin-bottom: 42px;}
.hornorList dd a .pic::before {padding-top: 133.0882%;}
.hornorList dd a .pic img {object-fit: contain;}
.hornorList dd a .text {
    font-size: 16px;
    color: #333333;
    line-height: 64px;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    margin: 0 -46px;
    padding: 0 46px;
    transition: all .5s;
}
.hornorList dd a:hover .text {
    border-color: #fafafa;
    color: var(--themeColors);
}
/* 资质荣誉 end */
/* 期刊杂志 start */
/* 期刊杂志 end */
/* 数字报纸 start */
/* 数字报纸 end */
/* ========== 全图列表 end ========== */
/* ========== 图文列表 start ========== */
/* 图文列表1 start */
.imgTextDl dd {
    float: left;
    width: 42%;
}
.imgTextDl dd:nth-child(2) {
    width: 30%;
}
.imgTextDl dd:nth-child(3) {
    width: 28%;
}
.imgTextDl dd .con {
    display: block;
    margin-right: 30px;
}
.imgTextDl dd:nth-child(3) .con {margin-right: 0;}
.imgTextDl dd .con .pic::before {
    padding-top: 66.6667%;
}
.imgTextDl dd .con .pic .text {
    position: absolute;
    width: 326px;
    background: rgba(224, 5, 23,80%);
    border-radius: 40px 0 0 0;
    bottom: 0;
    right: 0;
    padding: 10px 30px;
    padding-bottom: 16px;
    box-sizing: border-box;
}
.imgTextDl dd .con .pic .text .time {
    line-height: 44px;
    font-size: 16px;
    color: #ffffff;
    padding-top: 10px;
}
.imgTextDl dd .con .pic .text .time span {
    font-size: 20px;
    font-weight: bold;
}
.imgTextDl dd .con .pic .text .title {
    line-height: 26px;
    font-size: 18px;
    color: #ffff;
}
.imgTextDl dd.dd2 .con {
    background: url(../test/imgText/bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 420px;
    box-sizing: border-box;
    padding: 44px 30px 0;
    transition: all .5s;
}
.imgTextDl dd.dd2 .con:hover {box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);}
.imgTextDl dd.dd2 .con .time {
    line-height: 22px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 30px;
}
.imgTextDl dd.dd2 .con .time span {
    font-size: 20px;
    color: #555555;
    font-weight: bold;
}
.imgTextDl dd.dd2 .con .title {
    line-height: 24px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 30px;
}
.imgTextDl dd.dd2 .con .textC {
    line-height: 28px;
    font-size: 15px;
    color: #858585;
    margin-bottom: 70px;
}
.imgTextDlMore {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 10px 0 10px 10px;
    background: var(--themeColors);
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.imgTextDl li {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px 30px 0;
    box-sizing: border-box;
    min-height: 195px;
    transition: all .5s;
    position: relative;
}
.imgTextDl li .imgTextDlMore1 {
    position: absolute;
    right: 30px;
    top: 36px;
}
.imgTextDl li:hover {box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);}
.imgTextDl li:last-child {margin-bottom: 0;}
.imgTextDl li .time {
    line-height: 24px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 28px;
}
.imgTextDl li .time span {
    font-size: 20px;
    color: #555555;
    font-weight: bold;
}
.imgTextDl li .title {
    line-height: 28px;
    font-size: 18px;
    color: #333333;
    padding-right: 48px;
}
/*  */
.imgTextDl1 dd {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}
.imgTextDl1 dd .pic{
    width: 420px;
    margin-left: 140px;
}
.imgTextDl1 dd .pic::before {padding-top: 66.1904%;}
.imgTextDl1 dd .time {
    line-height: 40px;
    font-size: 16px;
    color: #999999;
}
.imgTextDl1 dd .time span {
    font-size: 20px;
    color: #555555;
    font-weight: bold;
}
.imgTextDl1 dd .title {
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    padding-top: 30px;
    margin-bottom: 20px;
}
.imgTextDl1 dd .textC {
    line-height: 30px;
    font-size: 16px;
    color: #858585;
    margin-bottom: 54px;
    text-align: justify;
}
.imgTextDlMore1 {
    border: 1px solid #ebebeb;
    background: transparent;
    color: #666666;
    transition: all .5s;
}
.imgTextDlMore1:hover {
    background: var(--themeColors);
    color: #fff;
}
/* 图文列表1 end */
/* ========== 图文列表 end ========== */
/* ========== 文字列表 start ========== */
/* 全文列表1 start */
.textListSj {
    font-size: 0;
    background: #ededed;
}
.textListSj .wrap {
    padding: 0 84px;
    box-sizing: border-box;
}
.textListSj a {
    display: inline-block;
    line-height: 70px;
    font-size: 16px;
    color: #646464;
    margin: 0 20px;
    position: relative;
    transition: all .5s;
}
.textListSj a::before {
    position: absolute;
    display: block;
    content: '';
    width: 62px;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    background: var(--themeColors);
    transition: all .5s;
}
.textListSj a.hover,
.textListSj a:hover {
    color: var(--themeColors);
}
.textListSj a.hover::before,
.textListSj a:hover::before {
    transform: scale(1);
}
.textListDl {
    margin: 0 -15px;
}
.textListDl dd {
    float: left;
    width: 50%;
    margin-bottom: 30px;
}
.textListDl dd .con {
    display: block;
    background: #fff;
    margin: 0 15px;
    padding: 38px 34px;
    padding-top: 44px;
    box-sizing: border-box;
}
.textListDl dd .con .time {
    padding-top: 20px;
    margin-right: 60px;
}
.textListDl dd .con .time .title {
    line-height: 28px;
    font-size: 14px;
    color: #808080;
    text-align: center;
}
.textListDl dd .con .text .title {
    line-height: 26px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 16px;
    transition: all .5s;
}
.textListDl dd .con .text .textC {
    line-height: 28px;
    height: 56px;
    font-size: 14px;
    color: #808080;
    text-align: justify;
}
.textListDl dd .con:hover .text .title {color: var(--themeColors);}
/* 全文列表1 end */
/* ========== 文字列表 end ========== */
/* ————— 公用表单 start ————— */
.input{ border: 1px solid #ddd; padding:0 10px}
.input input{ border: none; background: none; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #333;}
.textarea{ border: 1px solid #ddd; padding:5px 10px}
.textarea textarea{ border: none; background: none; width: 100%; height: 120px; line-height: 25px; font-size: 14px; color: #333;}
a.formBtn{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #FFF; border-radius: 3px; font-size: 14px; color: #333; padding:0 30px; margin: 0 5px;}
a.formBtn:hover{ opacity: .9;}

.formYzm .input{ width: 50%; float: left; display: inline;}
.formYzm .yzmImg{ width: 118px; height: 38px; border: 1px solid #ddd; background: #ddd; float: left; display: inline; margin-left: 20px;}
.formYzm .yzmImg img{ display: block; width: 100%; height: 100%;}

.formSubBtn{ font-size: 0; text-align: left; margin: 0 -5px;}
.formSubBtn a{ padding:0 40px; border-radius: 5px;}
.formSubBtn a.submit{ background: var(--themeColors); color: #FFF;}
.formSubBtn a.reset{ background: #ddd; color: #8b8b8b;}
/* ————— 公用表单 end ————— */
/* ========== 留言 start ========== */
/* 留言展示列表start */
/* 留言展示列表end */
/* 留言表单start */
/* 留言表单end */
/* ========== 留言 end ========== */
/* ========== 招聘 start ========== */
/* 列表start */
/* 列表end */
/* 表单start */
/* 表单end */
/* ========== 招聘 end ========== */
/* ========== 联系我们 start ========== */
.contact {
    padding-top: 114px;
}
.logoTitle .title {
    line-height: 44px;
    font-size: 36px;
    color: var(--themeColors);
    font-weight: bold;
}
.logoTitle .title1 {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    font-family: 'pop';
    margin-bottom: 34px;
}
.logoTitle .line {
    width: 15px;
    height: 1px;
    background: #666666;
    margin-bottom: 136px;
}
.contactCon .left .title {
    line-height: 40px;
    font-size: 18px;
    color: #333333;
}
.contactCon .left .title:nth-child(1) {
    margin-bottom: 22px;
}
.contactCon .left .title span {
    color: #999999;
}
.contactCon .left .title i {
    font-size: 30px;
    color: var(--themeColors);
    font-weight: bold;
    font-style: normal;
    position: relative;
    top: 4px;
}
.RightDl {
    padding-left: 150px;
    padding-top: 90px;
}
.RightDl dd {
    width: 33.3333%;
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
}
.RightDl dd:nth-child(2):before,
.RightDl dd:nth-child(2)::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 80px;
    top: 50%;
    transform: translateY(-40px);
    background: #dcdcdc;
    left: 0;
}
.RightDl dd:nth-child(2)::after {left: unset;right: 0;}
.RightDl dd .title {
    line-height: 48px;
    font-size: 18px;
    color: #999999;
}
.RightDl dd .tel {
    line-height: 50px;
    font-size: 30px;
    color: #333333;
}
/*  */
.contact {
    position: relative;
}
.contactEwm {
    width: 66%;
    background: #fff;
    min-height: 340px;
    position: absolute;
    right: 0;
    top: 10%;
    padding: 40px 60px 0;
    box-sizing: border-box;
}
.contactEwm .title {
    line-height: 26px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 36px;
}
.contactEwm .line {
    width: 15px;
    height: 1px;
    background: #666666;
    margin-bottom: 38px;
}
.contactEwmDl dd {
    display: inline-block;
    font-size: 0;
    height: 110px;
}
.contactEwmDl dd .table {width: unset;}
.contactEwmDl dd .img {
    width: 110px;
    height: 110px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 3px;
    background: #e6eaf0;
}
.contactEwmDl dd .img img {width: 100%;}
.contactEwmDl dd .tit {
    font-size: 18px;
    color: #666666;
    padding-left: 30px;
    padding-right: 60px;
    display: inline-block;
}
/* ========== 联系我们 end ========== */
/* 集团简介 start */
.about {
    background: url(../test/aboutBg.jpg) no-repeat center center;
    background-size: cover;
padding-bottom:50px;}
.aboutTitle {
    line-height: 62px;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    padding-top: 116px;
    margin-bottom: 50px;
    text-align: center;
}
.about .pic{overflow:hidden;width:74.3589%;margin:0 auto;}
.about .pic::before{padding-top:31.8965%;}
.about .line {
    width: 1px;
    height: 80px;
    background: rgba(0, 0, 0, 0.1);
    margin: auto;
    margin-bottom: 42px;
}
.about .textC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    text-align: justify;
	padding:0 12.5%;
}
.aboutTitle1 {
    line-height: 42px;
    font-size: 30px;
    color: #333333;
    margin-bottom: 74px;
    text-align: center;
}
.aboutDl {
    padding: 0 214px;
    padding-bottom: 132px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 -47px;
}
.aboutDl dd {
    float: left;
    width: 20%;
}
.aboutDl dd .con {
    display: block;
    margin: 0 47px;
    background: #fff;
    min-height: 150px;
    box-sizing: border-box;
    transition: all .5s;
    padding-top: 40px;
}
.aboutDl dd .con:hover {
    background: var(--themeColors);
}
.aboutDl dd .con .icn {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto;
    margin-bottom: 22px;
    transition: all .5s;
}
.aboutDl dd:nth-child(1) .con:hover .icn {
    background-image: url(../test/about/aboutIcn1A.png) !important;
}
.aboutDl dd:nth-child(2) .con:hover .icn {
    background-image: url(../test/about/aboutIcn2A.png) !important;
}
.aboutDl dd:nth-child(3) .con:hover .icn {
    background-image: url(../test/about/aboutIcn3A.png) !important;
}
.aboutDl dd:nth-child(4) .con:hover .icn {
    background-image: url(../test/about/aboutIcn4A.png) !important;
}
.aboutDl dd:nth-child(5) .con:hover .icn {
    background-image: url(../test/about/aboutIcn5A.png) !important;
}
.aboutDl dd .con .title {
    line-height: 24px;
    font-size: 16px;
    color: #333333;
    transition: all .5s;
    text-align: center;
}
.aboutDl dd .con:hover .title {color: #fff;}
/* 集团简介 end */
/* 组织架构 start */
.organization {
    padding-top: 100px;
    padding-bottom: 132px;
    background: url(../test/organization.png) no-repeat center center ;
    background-size: cover;
}
.organization img {
   display: block;
    max-width: 100%;
    margin: 0 auto;
}
/* 组织架构 end */
/* 企业文化 start */
.culture {
    height: 698px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.culture .wrap {height: 100%;}
.cultureDl {
    position: relative;
    height: 100%;
}
.cultureDl dt {
    width: 25%;
    height: 100%;
    background-image: radial-gradient( 50% 50%, circle closest-side, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background: url(../test/culture/dt.png) no-repeat center center / 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s;
}

.cultureDl dd {
    float: left;
    width: 25%;
    padding: 0 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 6;
    height: 100%;
    padding-top: 132px;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, .1);
}
.cultureDl dd:nth-child(2) {border-left: 1px solid rgba(255, 255, 255, .1);}
.cultureDl dd .icn {
    width: 48px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 36px;
    transition: all .5s;
}
.cultureDl dd:hover .icn {
    background-image: url(../test/culture/icon1A.png) !important;
}
.cultureDl dd:nth-child(3):hover .icn {
    background-image: url(../test/culture/icon2A.png) !important;
}
.cultureDl dd:nth-child(4):hover .icn {
    background-image: url(../test/culture/icon3A.png) !important;
}
.cultureDl dd:nth-child(5):hover .icn {
    background-image: url(../test/culture/icon4A.png) !important;
}
.cultureDl dd .title {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    transition: all .5s;
}
.cultureDl dd .title1 {
    line-height: 45px;
    font-size: 30px;
    color: #fff;
    margin-bottom: 46px;
    transition: all .5s;
}
.cultureDl dd .textC {
    line-height: 32px;
    font-size: 16px;
    color: #ffffff;
    transition: all .5s;
}
.cultureDl dd .num {
    position: absolute;
    left: 60px;
    bottom: 28px;
}
.cultureDl dd .num svg path {transition: all .5s;}
.cultureDl dd.active .title {color: #999999;}
.cultureDl dd.active .title1 {color: var(--themeColors);}
.cultureDl dd.active .textC {color: #333333;}
.cultureDl dd.active .num svg path {
    stroke: rgba(230, 0, 18);
    opacity: .5;
}
/* 企业文化 end */
/* 集团业务 start */
.business {
    padding-top: 114px;
    background: url(../test/business/bg.jpg) no-repeat center center / 100%;
    box-sizing: border-box;
}
.businessTitle {
    line-height: 42px;
    font-size: 30px;
    color: #000000;
    margin-bottom: 20px;
}
.businessDl dd {
    padding: 105px 0;
    position: relative;
}
.businessDl dd:nth-child(3),
.businessDl dd:nth-child(5) {top: 68px;}
.businessDl dd:nth-child(4) {top: 110px;}
.businessDl dd .pic {
    width: 58%;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}
.businessDl dd:nth-child(even) .pic {float: right;}
.businessDl dd .pic::before {padding-top: 59.8684%;}
.businessDl dd .text {
    float: right;
    width: 42%;
    padding-left: 110px;
    box-sizing: border-box;
}
.businessDl dd:nth-child(even) .text {
    float: left;
    padding-left: 0;
    padding-right: 110px;
}
.businessDl dd .text .title {
    line-height: 74px;
    font-size: 34px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 22px;
}
.businessDl dd .text .title i {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../test/index/indexTitle.png) no-repeat center center / 100%;
    font-size: 0;
    margin-right: 12px;
    position: relative;
    top: 4px;
}
.businessDl dd .text .line {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 36px;
}
.businessDl dd .text .textC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    height: 352px;
    overflow-y: auto;
    margin-bottom: 30px;
    padding-right: 10px;
    text-align: justify;
}
.businessDl dd .text .textC::-webkit-scrollbar-thumb{background:var(--themeColors) !important;width:2px}
.businessDl dd .text .textC::-webkit-scrollbar{background:rgba(234,85,20,.1) !important;width:2px}
.subMore {
    display: inline-block;
    border: 1px solid var(--themeColors);
    padding: 0 38px;
    box-sizing: border-box;
    line-height: 50px;
    border-radius: 50px;
    font-size: 14px;
    color: var(--themeColors) !important;
    transition: all .5s;
}
.subMore i {padding-left: 10px;}
.subMore:hover {
    background: var(--themeColors);
    color: #fff !important;
    transform: scale(.98);
}
/* 集团业务 end */
/* 子公司简介 start */
.subsidiaryDl {
    margin: 0 -28px;
}
.subsidiaryDl dd {
    float: left;
    width: 50%;
    margin-bottom: 54px;
}
.subsidiaryDl dd .con {
    display: block;
    margin: 0 28px;
    border-radius: 10px;
    transition: all .5s;
    padding-top: 24px;
}
.subsidiaryDl dd .con:hover {
    background: #fff;
}
.subsidiaryDl dd .con .pic {
    background: #fff;
    margin-bottom: 54px;
    transition: all .5s;
}
.subsidiaryDl dd .con:hover .pic {
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.07);
}
.subsidiaryDl dd .con .pic::before {padding-top: 56%;}
.subsidiaryDl dd .con .pic img {
    object-fit: contain;
}
.subsidiaryDl dd .con .textBox .num {
    line-height: 90px;
    font-size: 100px;
    margin-right: 28px;
    font-family: 'pop';
    -webkit-text-stroke: 2px #e8e8e8;
    color: transparent;
    transition: all .5s;
}
.subsidiaryDl dd .con:hover .textBox .num {
    -webkit-text-stroke-color: rgba(230, 0, 18,50%);
}
.subsidiaryDl dd .con .textBox .title {
    line-height: 30px;
    font-size: 22px;
    color: #333333;
    margin-bottom: 12px;
    transition: all .5s;
}
.subsidiaryDl dd .con:hover .textBox .title {color: var(--themeColors);}
.subsidiaryDl dd .con .textBox .textC {
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    height: 72px;
}
/* 子公司简介 end */
/* 发展历程 start */
.developText {
    position: relative;
}
.developTextCon {
    padding: 0 118px;
    padding-top: 74px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 116px;
    z-index: 1;
}
.developTextCon .pic {
    width: 600px;
    margin-right: 58px;
    margin-top: 4px;
    z-index: 6;
    overflow: hidden;
}
.developTextCon .pic::before {padding-top: 60%;}
.developTextCon .textSc {
    height: 285px;
    padding-right: 10px;
    overflow-y: auto;
    z-index: 6;
    position: relative
}
.developTextCon .textSc::-webkit-scrollbar-thumb{background:var(--themeColors) !important;width:2px}
.developTextCon .textSc::-webkit-scrollbar{background:rgba(234,85,20,.1) !important;width:2px}
.developTextCon .text .title {
    font-size: 24px;
    color: #333333;
    margin-bottom: 38px;
    z-index: 6;
    position: relative
}
.developTextCon .text .num {
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #e60012;
    margin-bottom: 16px;
}
.developTextCon .text .textC {
    line-height: 32px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 36px;
    text-align: justify;
}
.developTextCon .text .textC:last-child {margin: 0;}
.developTextCon .numBox {
    position: absolute;
    right: 118px;
    top: 0;
    transform: translateY(-20%);
    font-size: 180px;
    color: #f4f4f4;
    font-weight: bold;
}
.developText .prev,
.developText .next {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #e5e5e5;
    background-image: url(../images/prev.png);
    background-position: center center ;
    background-size: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
    z-index: 6;
}
.developText .next {
    transform: rotate(180deg);
    left: unset;
    right: 0;
}
.developText .prev:hover,
.developText .next:hover {
    background-color: var(--themeColors);
}
.developSlickBox {
    position: relative;
}
.developSlickBox::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    top: 32px;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}
.developSlickBox .wrap {
    padding: 0 100px;
    box-sizing: border-box;
}
.developSlick {
    box-sizing: border-box;
    overflow: hidden;
}
.developSlick .myslide {
    height: 136px;
    position: relative;
}
.developSlick .slickCon {
    width: fit-content;
}
.developSlick .swiper-slide-next .slickCon {
    margin: auto;
}
.developSlick .swiper-slide-duplicate-prev .slickCon {
    float: right;
}
.developSlick .dot {
    width: 64px;
    height: 64px;
    margin: auto;
    position: relative;
    margin-bottom: 30px;
}
.developSlick .dot .icn {
    position: absolute;
    width: 20px;
    height: 20px;
    inset: 0;
    margin: auto;
    background: #e5e5e5;
    border-radius: 50%;
    transition: all .5s;
    z-index: 6;
}
.developSlick .dot::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #e60000;
    opacity: .1;
    top: 0;
    left: 0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    animation:dot-play1 4s linear 200ms infinite;
    visibility: hidden;
}
.developSlick .dot::before {
    position: absolute;
    display: block;
    content: '';
    width: 46px;
    height: 46px;
    background: #e60000;
    opacity: .1;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    animation:dot-play 4s linear 400ms infinite;
    visibility: hidden;
}

.developSlick .swiper-slide-active .dot .icn {background: var(--themeColors);}
.developSlick .swiper-slide-active .dot::before,
.developSlick .swiper-slide-active .dot::after {visibility: visible;}
.developSlick .title {
    line-height: 34px;
    font-size: 18px;
    color: #333333;
}
@keyframes dot-play{
    from{transform:scale(.5);opacity:.2;}
    to{transform:scale(1);opacity:0;}
}
@keyframes dot-play1{
    from{transform:scale(.5);opacity:.1;}
    to{transform:scale(1);opacity:0;}
}
/* 发展历程 end */
/* 党建 start */
.partyBuildingTitle {
    line-height: 54px;
    font-size: 40px;
    text-align: center;
    color: var(--themeColors);
    font-weight: bold;
}
.partyBuildingMore {
    width: 176px;
    height: 50px;
    line-height: 50px;
    background: var(--themeColors);
    display: block;
    margin: auto;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    border-radius: 50px;
    transition: all .5s;
}
.partyBuildingMore span {padding-left: 10px;}
.partyBuildingMore:hover {
    transform: scale(.98);
    box-shadow: 0 0 24px rgba(230, 0, 18,.3);
}
/*  */
.partyBuildingColumn1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 908px;
    box-sizing: border-box;
    padding-top: 102px;
}
.partyBuildingColumn1Con {padding-top: 50px;}
.partyBuildingSlick {
    width: 780px;
    position: relative;
    margin-right: 50px;
}
.partyBuildingSlick .slickCon .pic::before {padding-top: 66.6667%;}
.partyBuildingSlickTitle .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    line-height: 78px;
    font-size: 18px;
    color: #fff;
    background-image: linear-gradient( 90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
    padding: 0 30px;
    box-sizing: border-box;
}
.partyBuildingDl dt {
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}
.partyBuildingDl dt .title {
    line-height: 38px;
    font-size: 26px;
    color: var(--themeColors);
    padding-top: 14px;
    margin-bottom: 20px;
}
.partyBuildingDl dt .textC {
    line-height: 28px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 24px;
}
.partyBuildingDl dt .time {
    line-height: 24px;
    font-size: 16px;
    color: #999999;
}
.partyBuildingDl dt span {color: var(--themeColors);}
.partyBuildingDl dd {
    padding-left: 30px;
    position: relative;
}
.partyBuildingDl dd a {
    display: block;
    line-height: 46px;
    color: #333333;
    font-size: 16px;
    transition: all .5s;
}
.partyBuildingDl dd::before {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #c51121;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.partyBuildingDl dd .time {
    margin-left: 58px;
    color: #999999;
}
.partyBuildingDl dd a:hover {color: var(--themeColors);}
/*  */
.partyBuildingColumn2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 850px;
    box-sizing: border-box;
    padding-top: 122px;
}
.partyBuildingColumn2Dl {
    margin: 0 -15px;
    padding-top: 84px;
}
.partyBuildingColumn2Dl dd {
    margin-bottom: 30px;
    float: left;
    width: 33.3333%;
}
.partyBuildingColumn2Dl dd .con {
    display: block;
    margin: 0 15px;
    padding: 22px 30px 22px;
    box-sizing: border-box;
    background: #fff;
    transition: all .5s;
    position: relative;
}
.partyBuildingColumn2Dl dd .con::before {
    position: absolute;
    display: block;
    content: '';
    width: 98px;
    height: 94px;
    background: url(../test/partyBuilding/column2DD.png) no-repeat center center / 100%;
    bottom: 12px;
    right: 22px;
    z-index: 1;
}
.partyBuildingColumn2Dl dd .con .title {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 24px;
    transition: all .5s;
    height: 60px;
}
.partyBuildingColumn2Dl dd .con .line {
    height: 1px;
    background: #fafafa;
    margin: 0 -30px;
    margin-bottom: 24px;
}
.partyBuildingColumn2Dl dd .con .more {
    line-height: 22px;
    font-size: 15px;
    color: #999999;
    padding-top: 2px;
    transition: all .5s;
}
.partyBuildingColumn2Dl dd .con .more i {
    display: inline-block;
    transform: rotate(180deg);
}
.partyBuildingColumn2Dl dd .con:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.partyBuildingColumn2Dl dd .con:hover .title,
.partyBuildingColumn2Dl dd .con:hover .more {
    color: var(--themeColors);
}
.partyBuildingColumn3 .partyBuildingMore {
    background: none;
    border: 1px solid #cccccc;
    color: #999999 !important;
}
.partyBuildingColumn2 .partyBuildingMore:hover,
.partyBuildingColumn3 .partyBuildingMore:hover {
    background: var(--themeColors);
    border-color: var(--themeColors);
    color: #fff !important;
}
/*  */
.partyBuildingColumn3 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 908px;
    box-sizing: border-box;
    padding-top: 92px;
}
.partyBuildingColumn3Dl {
    margin: 0 -15px;
    padding-top: 62px;
}
.partyBuildingColumn3Dl dd {
    float: left;
    width: 33.3333%;
    margin-bottom: 50px;
}
.partyBuildingColumn3Dl dd .con {
    display: block;
    margin: 0 15px;
    background: #fafafa;
    padding-bottom: 22px;
}
.partyBuildingColumn3Dl dd .con .pic {margin-bottom: 26px;}
.partyBuildingColumn3Dl dd .con .pic::before {padding-top: 66.4%;}
.partyBuildingColumn3Dl dd .con .title {
    line-height: 26px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
    padding: 0 30px;
}
.partyBuildingColumn3Dl dd .con .textC {
    line-height: 22px;
    font-size: 15px;
    color: #999999;
    margin-bottom: 28px;
    padding: 0 30px;
    text-align: justify;
}
.partyBuildingColumn3Dl dd .con .line {
    height: 1px;
    background: #f0f0f0;
    margin-bottom: 24px;
}
.partyBuildingColumn3Dl dd .con .more {
    line-height: 26px;
    font-size: 15px;
    color: #999999;
    transition: all .5s;
    padding: 0 30px;
    transition: all .5s;
}
.partyBuildingColumn3Dl dd .con .more i {
    display: inline-block;
    transform: rotate(180deg);
}
.partyBuildingColumn3Dl dd .con:hover .more {
    color: var(--themeColors);
}
/*  */
.partyBuildingColumn4 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 886px;
    box-sizing: border-box;
    padding-top: 102px;
}
.partyBuildingColumn4Con {
    padding-top: 52px;
    margin-bottom: 50px;
}
.partyBuildingColumn4Slick {
    width: 750px;
    margin-left: 40px;
    position: relative;
}
.partyBuildingColumn4Slick .pic::before {padding-top: 70.4%;}
.partyBuildingColumn4SlickT {
    width: 100%;
    height: 80px;
    line-height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--themeColors);
    padding: 0 156px 0 42px;
    box-sizing: border-box;
    font-size: 22px;
    color: #ffffff;
    z-index: 1;
}
.partyBuildingColumn4Slick .slick-dots {
    position: absolute;
    bottom: 34px;
    right: 50px;
    z-index: 6;
}
.partyBuildingColumn4Slick .slick-dots li {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    margin: 0 5px;
    transition: all .5s;
    cursor: pointer;
}
.partyBuildingColumn4Slick .slick-dots li.slick-active {
    width: 22px;
    border-radius: 10px;
}
/*  */
.partyBuildingColumn4Dl dt {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6b895;
    margin-bottom: 16px;
}
.partyBuildingColumn4Dl dt .pic{
    width: 300px;
    margin-right: 30px;
    border-radius: 5px;
    overflow: hidden;
}
.partyBuildingColumn4Dl dt .pic::before {padding-top: 66.6667%;}
.partyBuildingColumn4Dl dt .title {
    line-height: 30px;
    font-size: 18px;
    color: #555555;
    font-weight: bold;
    padding-top: 14px;
    margin-bottom: 20px;
}
.partyBuildingColumn4Dl dt .textC {
    line-height: 26px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 24px;
}
.partyBuildingColumn4Dl dt .timeBox {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
}
.partyBuildingColumn4Dl dt .timeBox .more {
    color: var(--themeColors);
}
.partyBuildingColumn4Dl dt .timeBox .more i {
    display: inline-block;
    transform: rotate(180deg);
}
.partyBuildingColumn4Dl dd {
    padding-left: 30px;
    position: relative;
}
.partyBuildingColumn4Dl dd a {
    display: block;
    line-height: 44px;
    color: #333333;
    font-size: 16px;
    transition: all .5s;
}
.partyBuildingColumn4Dl dd::before {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #c51121;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.partyBuildingColumn4Dl dd .time {
    margin-left: 90px;
    color: #999999;
}
.partyBuildingColumn4Dl dd a:hover {color: var(--themeColors);}
/* 党建 end */
/* 服务指南 start */
.serviceTitle {
    line-height: 60px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    position: relative;
    padding-left: 48px;
}
.serviceTitle.center {width: fit-content;margin: auto;}
.serviceTitle::before {
    position: absolute;
    display: block;
    content: '';
    width: 28px;
    height: 28px;
    background: url(../test/index/indexTitle.png) no-repeat center center / 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.serviceTextC1 {
    line-height: 32px;
    font-size: 16px;
    color: #666666;
    padding-top: 80px;
    text-align: justify;
    width: 60%;
    margin-bottom: 58px;
}
.serviceTextC {
    margin-top: 34px;
    padding: 30px 200px 28px;
    box-sizing: border-box;
    background: #fafafa;
    border-radius: 20px;
    margin-bottom: 65px;
    position: relative;
}
.serviceTextC .icn {
    position: absolute;
    width: 120px;
    height: 192px;
    background: url(../test/service/serviceTextCIcn.png) no-repeat center center;
    right: 146px;
    top: 50%;
    transform: translateY(-50%);
}
.serviceTextC .item {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    padding-left: 16px;
    position: relative;
}
/* .serviceTextC .item::before {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background: #666666;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
} */

.serviceTextC .icn::before {display:none;}
.serviceTab .item {
    display: inline-block;
    font-size: 0;
    margin-right: 30px;
    background: #fafafa;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 30px;
    transition: all .5s;
    cursor: pointer;
    min-width: 375px;
}
.serviceTab .item .icon {
    width: 90px;
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 20px;
}
.serviceTab .item .text {
    color: #333333;
    transition: all .5s;
}
.serviceTab .item .title {
    line-height: 32px;
    padding-top: 22px;
    font-size: 24px;
}
.serviceTab .item .title1 {
    line-height: 20px;
    font-size: 14px;
}
.serviceTab .item:hover,
.serviceTab .item.hover {
    background: var(--themeColors);
    border-radius: 20px 76px 20px 76px;
}
.serviceTab .item:hover .text,
.serviceTab .item.hover .text {color: #fff;}

.service {
    background: url(../test/service/serviceBg.jpg) no-repeat center center;
    background-size: cover;
}
.service1 {
    background: url(../test/service/service1Bg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 58px;
}
.serviceTextC ul,
.serviceTextC ul li {list-style-type: initial;}
/*  */
.service1Dl {
    margin: 0 -20px;
    padding-top: 45px;
    margin-bottom: 48px;
}
.service1Dl dd {
    width: 25%;
    margin-bottom: 42px;
}
.service1Dl dd .con {
    display: block;
    margin: 0 20px;
    background: #fff;
    border-radius: 10px;
    padding: 22px 40px 16px;
    box-sizing: border-box;
    position: relative;
}
.service1Dl dd .con::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../test/service/ddBg.png) no-repeat center center / 100%;
    border-radius: 10px;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all .5s;
}
.service1Dl dd .con:hover::before {
    opacity: 1;
}
.service1Dl dd .con .icn {
    width: 68px;
    height: 68px;
    position: relative;
    margin-right: 20px;
    z-index: 6;
}
.service1Dl dd .con .icn .i {
    width: 80%;
    height: 80%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    inset: 0;
    margin: auto;
    z-index: 6;
}
.service1Dl dd .con .icn::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../test/service/service1DlIcnBg.png) no-repeat center center / 100%;
    z-index: 1;
    transition: all .5s;
}
.service1Dl dd .con:hover .icn::before {
    background: url(../test/service/service1DlIcnBgA.png) no-repeat center center / 100%;
    animation:col2 2s linear infinite
}
.service1Dl dd .con .title {
    height: 60px;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    z-index: 6;
    position: relative;
    transition: all .5s;
}
.service1Dl dd .con:hover .title {
    color: #fff;
}

.serviceShow {
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    transition: all .5s;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .5s;
    z-index: -1;
    cursor: pointer;
}
.serviceShow.on {opacity: 1;z-index: 666;}
.serviceShow .coles {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.serviceShow .con {
    cursor: default;
    width: 70%;
    height: fit-content;
    position: absolute;
    inset: 0;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    opacity: 0;
    transition: all .5s;
}
.serviceShow.active .con {
    opacity: 1;
}
.serviceShow .tit {
    line-height: 28px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 16px;
}
.serviceShow .textC {
    line-height: 28px;
    font-size: 16px;
    color: #333333;
    overflow-y: auto;
    text-align: justify;
    padding-right: 10px;
}
.serviceShow .textC::-webkit-scrollbar-thumb{background:var(--themeColors) !important;width:2px}
.serviceShow .textC::-webkit-scrollbar{background:rgba(234,85,20,.1) !important;width:2px}
.service1Img img {
    display: block;
    margin: auto;
}
@keyframes col2{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
/* 服务指南 end */
/* 服务指南 start */
.groupTitle .title {
    line-height: 60px;
    font-size: 40px;
    color: #dadada;
    text-transform: uppercase;
}
.groupTitle .title1 {
    line-height: 56px;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}
.group1 {
    background: url(../test/group/column1Bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 800px;
    box-sizing: border-box;
}
.group1Con {
    padding-right: 50px;
    box-sizing: border-box;
    padding-top: 20px;
}
.group1Rigth {
    width: 700px;
    background: rgba(230, 0, 18,60%);
    border-radius: 10px;
    margin-left: 140px;
}
.group1Rigth .pic {
    left: -10px;
    top: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.group1Rigth .pic::before {padding-top: 56.2857%;}
.group1Rigth .pic::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../test/group/ze.png) no-repeat center center / 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.group1Rigth .pic .play {
    width: 68px;
    height: 68px;
    background: url(../test/group/play.png) no-repeat center center / 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 6;
    cursor: pointer;
}

.group1Left .title {
    line-height: 30px;
    font-size: 22px;
    color: var(--themeColors);
    padding-top: 62px;
}
.group1Left .textC {
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    text-align: justify;
    padding-top: 26px;
    margin-bottom: 66px;
}
.group1Left .moreBox .more{
    line-height: 50px;
    width: 170px;
    background: var(--themeColors);
    border-radius: 50px;
    margin-right: 58px;
    margin-top: 24px;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
}
.group1Left .moreBox .AA {
    width: 90px;
    height: 72px;
    background: url(../test/group/AA.png) no-repeat center center / 100%;
    position: relative;
}
.group1Left .moreBox .AA::before {
    position: absolute;
    display: block;
    content: '+';
    color: var(--themeColors);
    right: 0;
    top: -10px;
    font-size: 20px;
}
/*  */
.group2 {
    background: url(../test/group/column2Bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 878px;
    box-sizing: border-box;
    padding-top: 196px;
}
.group2SlickBox {
    height: 400px;
    position: relative;
}
.group2SlickBox::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 230px;
}
.group2Slick {
    height: 100%;
    margin-top: 16px;
    position: relative;
}
.group2Slick .myslide {
    position: relative;
    height: 400px;
    padding-top: 156px;
} 
.group2Slick .myslide .titleBox {
    position: relative;
    height: 162px;
}
.group2Slick .myslide .num {
    line-height: 54px;
    font-size: 50px;
    color: #333333;
    font-style: italic;
    font-family: 'Sans';
    margin-bottom: 82px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
.group2Slick .myslide .title {
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.group2Slick .myslide:nth-child(odd) .num {
    top: unset;
    bottom: 0;
    margin-bottom: 0;
}
.group2Slick .myslide:nth-child(odd) .title {
    top: 0;
    bottom: unset;
    margin-bottom: 82px;
}
.group2Slick .myslide .slickCon {
    width: 100%;
    height: 400px;
    background: #fff;
    box-shadow: 2.5px 4.33px 18.4px 1.6px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    opacity: 0;
    transition: all .5s;
    padding: 34px 40px;
    box-sizing: border-box;
    display: block;
}
.group2Slick .myslide .slickCon.active,
.group2Slick .myslide .slickCon.hover{
    transform: scale(1);
    opacity: 1;
}
.group2Slick .myslide .slickCon .pic::before {padding-top: 60%;}
.group2Slick .myslide .slickCon .number {
    line-height: 30px;
    font-size: 30px;
    color: var(--themeColors);
    font-family: 'Sans';
    padding-top: 20px;
    margin-bottom: 16px;
    text-align: center;
}
.group2Slick .myslide .slickCon .textC {
    line-height: 32px;
    font-size: 16px;
    color: #666666;
    text-align: center;
}
.group2Btn {padding-top: 40px;}
.group2Btn .prev,
.group2Btn .next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e5e5e5 url(../images/prev.png) no-repeat center center / 50%;
    margin-left: 30px;
    display: inline-block !important;
    font-size: 0;
    transition: all .5s;
    cursor: pointer;
}
.group2Btn .next {
    transform: rotate(180deg);
}
.group2Btn .prev:hover,
.group2Btn .next:hover {
    background-color: var(--themeColors);
}
/*  */
.group3 {
    background: #f8f9fc;
    padding-top: 106px;
    padding-bottom: 118px;
}
.group3Con {
    position: relative;
}
.group3Left .prev,
.group3Left .next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e5e5e5;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    transition: all .5s;
}
.group3Left .next {
    transform: rotate(180deg);
}
.group3Left .prev:hover,
.group3Left .next:hover {
    background-color: var(--themeColors);
}
.group3Title .title {
    line-height: 54px;
    font-size: 24px;
    column-rule: #666666;
    padding-top: 56px;
}
.group3Title .title1 {
    line-height: 64px;
    font-size: 24px;
    font-weight: bold;
    color: var(--themeColors);
}
.group3Title .textC {
    line-height: 34px;
    height: 68px;
    font-size: 18px;
    color: #333333;
    padding-top: 48px;
    margin-bottom: 20px;
}
.group3RightDl {
    padding-top: 25px;
}
.group3RightDl dd {
    width: 722px;
    line-height: 120px;
    padding-left: 344px;
    box-sizing: border-box;
    border-radius: 120px;
    font-size: 24px;
    color: #666666;
    transition: all .5s;
}
.group3RightDl dd.hover {
    background: #fff;
}
.group3RightDl dd a {color: #666;}
.group3RightDl dd i {
    display: inline-block;
    font-size: 0;
    width: 48px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 18px;
}
.group3C {
    width: 470px;
    height: 470px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../test/group/group3CBg.png) no-repeat center center / 100%;
}
.group3C .img {
    position: absolute;
    width: 310px;
    height: 310px;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
}
.group3C .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.group3C .line {
    width: 40px;
    height: 40px;
    background: url(../test/group/line.png) no-repeat center center / 100%;
    position: absolute;
    bottom: 160px;
    left: -8px;
}
.group3C .line::before {
    position: absolute;
    display: block;
    content: '';
    width: 1350%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
/*  */
.column3Left {
	width: 50%;
	height: 560PX;
	position: relative;
}
.column3Left::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	bottom: 0;
	left: 0;
	z-index: 1;
}
.column3Left .table {
    position: absolute;
    left: 0;
    top: 0;
}
.column3Left a {
	position: relative;
	z-index: 6;
}
.column3Left .icn {
	width: 110px;
	height: 110px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
	background-size: 100%;
	margin: auto;
}
.column3Left .title {
	line-height: 44px;
	font-size: 26px;
	color: #fefefe;
	text-align: center;
    font-weight: bold;
    padding-top: 34px;
}
.column3Left .title1 {
    line-height: 28px;
    font-size: 16px;
    color: #e5e5e5;
    text-align: center;
    text-transform: uppercase;
}
/* 服务指南 end */