@charset "UTF-8";
/* ========== 单篇+文章页 start ========== */
.newsView {overflow: hidden;background: #FFFFFF;padding: 96px 60px;padding-bottom: 52px;}
.articleC {
    overflow: hidden;
}
.hotspot {
    float: right;
    width: 490px;
    padding-left: 100px;
    padding-right: 30px;
    box-sizing: border-box;
    padding-top: 8px;
}
.hotspot dt {
    line-height: 52px;
    font-size: 30px;
    color: #003eaf;
    font-weight: bold;
}
.hotspot dd {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hotspot dd .pic {border-radius: 6px;}
.hotspot dd .pic::before {padding-top: 56.1111%;}
.hotspot dd .title {
    line-height: 66px;
    font-size: 16px;
    color: #333333;
}

.articleBox {
    line-height: 32px;
    padding: 10px 0 0;
    color: #666666;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify;
}

.articleBox img {
    max-width: 100%;
}
/* ————— 标题 start ————— */
.articleTitle {
    clear: both;
    line-height: 46px;
    font-size: 30px;
    font-family: "microsoft yahei";
    color: #333333;
    position: relative;
    font-weight: bold;
}
/* ————— 标题 end ————— */
/* ————— 发布信息 start ————— */
.articleTime {
    display: block;
    clear: both;
    color: #666666;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
}

.articleTime span {
    margin-right: 44px;
    font-size: 14px;
    color: #999999;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    z-index: 6;
}

.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;}
.sharejs_icon.icon_TencentQQ,
.sharejs_icon.icon_WeChat,
.sharejs_icon.icon_SinaWeibo {border: none;}
.sharejs_icon.icon_TencentQQ:hover,
.sharejs_icon.icon_WeChat:hover,
.sharejs_icon.icon_SinaWeibo:hover {background: none !important;}
.sharejs_icon.icon_TencentQQ,
.sharejs_icon.icon_TencentQQ:hover {color: #2aa7e2 !important;}
.sharejs_icon.icon_WeChat,
.sharejs_icon.icon_WeChat:hover {color: #15ce2b !important;}
.sharejs_icon.icon_SinaWeibo,
.sharejs_icon.icon_SinaWeibo:hover {color: #ca370f !important;}
/* ————— 分享 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 #003eaf;background: #003eaf;}
.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: #003eaf;}
.articlePage a.hover {color: #fff;background: #003eaf;}
/* ————— 文章页码 end ————— */
/* ————— 上一篇/下一篇 start ————— */
.pageUp {
    display: block;
    line-height: 34px;
    color: #666666;
    font-size: 14px;
    position: relative;
    padding-top: 40px;
    border-top: 1px solid #f5f5f5;
}

.pageUp .articlePageBox a {
    font-size: 14px;
    color: #666666;
    position: relative;
    z-index: 10
}

.articlePageBox:hover,
.pageUp a:hover {
    color: #003eaf;
}
.returnList {
    background: #003eaf;
    width: fit-content;
    height: 50px;
    line-height: 50px;
    padding: 0 36px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
    color: #ffffff !important;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 6;
}
.returnList img {margin-right: 10px;}
/* ————— 上一篇/下一篇 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 ————— */
.newsBox {
    display: flex;
    justify-content: center;
}
.newsViewVideo{width: 600px;height: 500px;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 ————— */
.audioList{overflow: hidden;margin: 0 -20px;}
.audioList dd{float: left;display: inline;width: 50%;padding: 15px 0;}
.audioList dd .con{padding:30px 40px;margin: 0 20px;background: #FFFFFF;position: relative;transition: all .4s;}
.audioList dd .title{overflow: hidden;}
.audioList dd .title span{float: left;display: inline;width: 36px;height: 36px;background: url(../images/audioList/player.png) center center no-repeat;}
.audioList dd .title .titleC{overflow: hidden;padding: 0 10px;line-height: 36px;height: 36px;font-size: 18px;color: #666;}
.audioList dd .audioInfor{height: 30px;overflow: hidden;}
.audioList dd .audioTime{height: 30px;line-height: 30px;font-size: 14px;color: #666;}
.audioList dd .audioTime span{padding-right: 5px;}
.audioList dd .audioTime em{font-style: normal;padding-left: 5px;}
.audioList dd  .audioHandle {overflow: hidden; display: none;}
.audioList dd  .audioHandle.show{ display: block;}
.audioList dd .audioPlayerBtn {width: 30px;height: 30px;margin-right: 5px;}
.audioList dd  .audioHandle a{display: block;font-size: 0;width: 30px;height: 30px;background-position: center center;background-repeat: no-repeat;background-size: auto 30px;}
.audioList dd .audioHandle a.btnPlay{background-image: url(../images/audioList/audioPlay.png);}
.audioList dd .audioHandle a.btnPause{background-image: url(../images/audioList/audioPause.png);}
.audioVoice{ float: left; display: inline;}
.audioVoiceBtn{overflow: hidden;float: left;display: inline;}
.audioVoiceBtn span{display: block;width: 30px;height: 30px;background: url(../images/audioList/voice.png) center center no-repeat;background-size: auto 28px;margin-right: 5px;cursor: pointer;}
.audioVoiceBtn.noVoice span{background-image:url(../images/audioList/noVoice.png);}
.audioVoiceNum{float: left;display: inline;width: 84px;position: relative;height: 5px;background: #f0f0f0;border-radius: 5px;margin-top: 12px;}
.audioVoiceNum em{display: block;border-radius: 5px;height: 100%;width: 50%;background: #999;position: relative;}
.audioVoiceNum em i{ position: absolute; width: 8px; height: 8px; background: #999; border-radius: 8px; right: 0; top: 50%; margin-top: -4px; cursor: pointer;}
.audioList dd .audioWavBox{width: 100%;height: 42px;background: #f5f5f5;border-radius: 5px;padding: 0 5px;position: relative;}
.audioList dd .audioWav{position: relative;width: 100%;}
.audioWavBox .loadDataTip{text-align: center;position: absolute;left: 0;top: 0;line-height: 42px;color: #999;width: 100%;}
/* ————— 音频列表 end ————— */
/* ========== 全图列表 start ========== */
/* 全图列表1 start */
.imgList1 {
    overflow: hidden;
    margin: 0 -20px;
}

.imgList1 dd {
    width: 33.3333%;
    float: left;
    margin: 20px 0;
}

.imgList1 dd .con {
    display: block;
    background: #FFFFFF;
    margin: 0 20px;
    border-radius: 10px;
    overflow: hidden;
}

.imgList1 dd .con .pic::before {
    padding-top: 68.7667%;
}
.imgList1 dd .con .pic img {object-fit: contain;}
.imgList1 dd .con .text {
    text-align: center;
    padding: 14px 30px;
    box-sizing: border-box;
}
.imgList1 dd .con .title {
    line-height: 38px;
    font-size: 18px;
    color: #333333;
}
.imgList1 dd .con .time {
    line-height: 32px;
    font-size: 16px;
    color: #999999;
}

.imgList1 dd .con:hover .text {
    color: #1e5ab0;
}
/* 全图列表1 end */
/* 视频列表 start */
.videoList {overflow: hidden;margin-right: -30px;}
.videoList dd {width: 33.33333%;float: left;display: inline;margin-bottom: 30px;}
.videoList dd .con {display: block;margin-right: 30px;background: #fff;overflow: hidden;border-radius: 5px;}
.videoList dd .pic::before{padding-top: 66.5761%;}
.videoList dd .pic .playBtn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);z-index: 2;}
.videoList dd .pic span.play {width: 100%;height: 40px;margin-bottom: 24px;display: block;background: url(../images/common/videoIco.png) no-repeat center center;}
.videoList dd .pic span.time {width: 100%;height: 16px;line-height: 16px;display: block;font-size: 16px;color: #ffffff;text-align: center;}
.videoList dd .text{padding:20px;}
.videoList dd .con .title {height: 25px;line-height: 25px;font-size: 16px;color: #333333;overflow: hidden;transition: all 0.4s;-webkit-transition: all 0.4s; text-align: center;}
.videoList dd .con:hover .title {color: #1e5ab0;}
/* 视频列表 end */
/* 资质荣誉 start */
.hornorList {
    overflow: hidden;
    margin: 0 -15px;
}
.hornorList dd {
    width: 25%;
    float: left;
    margin: 30px 0;
}
.hornorList dd a {
    display: block;
    margin: 0 15px;
    padding: 20px 32px;
    padding-bottom: 0;
    background: #fff;
    border-radius: 10px;
}
.hornorList dd .pic::before {padding-top: 100%;}
.hornorList dd .pic img {
    object-fit: contain;
}
.hornorList dd .title {
    line-height: 60px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding-top: 20px;
}
/* 资质荣誉 end */
/* 期刊杂志 start */
.magezineList{overflow: hidden;margin:0 -30px 0 0;}
.magezineList dd{width: 25%;float: left;display: inline;margin-bottom: 30px;}
.magezineList dd .con{display: block;background: #FFFFFF;margin:0 30px 0 0; border-radius: 5px; overflow: hidden;}
.magezineList dd .con .pic::before{padding-top:133.333333%;}
.magezineList dd .con .pic .scan{ position: absolute; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0,0,0,.5) url(../images/eyeImg.png) no-repeat center center; visibility: hidden; opacity: 0; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.magezineList dd .con .text{height: 60px;line-height: 60px;padding: 0 20px;font-size: 16px;color: #333333;text-align: center;transition: all 0.4s;-webkit-transition: all 0.4s;}
.magezineList dd .con:hover .text{color: #1e5ab0;}
.magezineList dd .con:hover  .pic .scan{visibility: visible; opacity: 1;}
/* 期刊杂志 end */
/* 数字报纸 start */
.newsPaperTime{ text-align: left; font-size: 0; margin: 0 -5px 30px;}
.newsPaperTime a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 12px; margin: 0 5px; background: #FFF;}
.newsPaperTime a:hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.newsPaperTime a.hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.newsPaper{overflow: hidden;margin:0 -30px 0 0;}
.newsPaper dd{width: 25%;float: left;display: inline;margin-bottom: 30px;}
.newsPaper dd .con{display: block;background: #FFFFFF;margin:0 30px 0 0; border-radius: 5px; overflow: hidden;}
.newsPaper dd .con .pic::before{padding-top:133.333333%;}
.newsPaper dd .con .pic .scan{ position: absolute; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0,0,0,.5) url(../images/eyeImg.png) no-repeat center center; visibility: hidden; opacity: 0; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.newsPaper dd .con .text{height: 60px;line-height: 60px;padding: 0 20px;font-size: 16px;color: #333333;text-align: center;transition: all 0.4s;-webkit-transition: all 0.4s;}
.newsPaper dd .con:hover .text{color: #1e5ab0;}
.newsPaper dd .con:hover  .pic .scan{visibility: visible; opacity: 1;}
/* 数字报纸 end */
/* ========== 全图列表 end ========== */
/* ========== 图文列表 start ========== */
/* 图文列表1 start */
.imgText1 dd {
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.imgText1 dd .pic {
    float: left;
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 30px;
}
.imgText1 dd .pic::before {padding-top: 66.6667%;}
.imgText1 dd .timeBox {
    float: right;
    width: 114px;
    height: 100px;
    margin-top: 50px;
    padding-left: 30px;
    text-align: center;
    border-left: 1px solid #999999;
}
.imgText1 dd .timeBox .time {
    line-height: 34px;
    font-size: 18px;
    color: #999999;
}
.imgText1 dd .timeBox .time1 {
    line-height: 40px;
    font-size: 28px;
    color: #999999;
}
.imgText1 dd .text {
    overflow: hidden;
    padding-right: 48px;
    box-sizing: border-box;
}
.imgText1 dd .text .title {
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 34px;
    display: block;
}
.imgText1 dd .text .textC {
    line-height: 26px;
    font-size: 14px;
    color: #777777;
    margin-bottom: 46px;
}
.imgText1 dd .text .more {
    line-height: 16px;
    font-size: 16px;
    color: #999999;
}
.imgText1 dd:hover .text .title {color: #5271bf;}
.imgText1 dd:hover .text .more {color: #5271bf;}
/* 图文列表1 end */
/* 图文列表2 start */
.imgText2{ overflow: hidden;}
.imgText2 dd{overflow: hidden;padding: 20px;margin-bottom: 30px;background: #FFF;border-radius: 5px;}
.imgText2 dd .pic{ width: 240px; overflow: hidden; position: relative; margin-left: 20px;border-radius: 5px;}
.imgText2 dd .pic:before{ display: block; content: ''; padding-top: 70%;}
.imgText2 dd .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.imgText2 dd .text{ overflow: hidden;}
.imgText2 dd .text .title{ overflow: hidden; height: 30px; line-height: 30px; font-weight: bold;margin-bottom: 8px;}
.imgText2 dd .text .title a{ color: #666; font-size: 16px;}
.imgText2 dd .text .textC{ font-size:14px; color:#666666; line-height:30px; height:90px; overflow:hidden; margin-bottom:8px;}
.imgText2 dd .text .time{  height:25px; line-height:25px; overflow:hidden; color:#999999;}
.imgText2 dd .text .time span{ float:left; display: inline;}
.imgText2 dd .text .time em{ float:left; display: inline; font-style: normal; margin: 0 15px;}
.imgText2 dd:hover .text .title a{ color: #1e5ab0;}
/* 图文列表2 end */
/* ========== 图文列表 end ========== */
/* ========== 文字列表 start ========== */
/* 全文列表1 start */
.testListPage{ padding:20px; background: #FFF;}
.textList1{ overflow: hidden;}
.textList1 dd{overflow: hidden;height: 50px;line-height: 50px;border-bottom: 1px dotted #ddd;}
.textList1 dd a{display: block;overflow: hidden;font-size: 14px;}
.textList1 dd a em{ width: 4px; height:4px; border-radius: 4px; background: #777; float:left; display: inline; margin:23px 10px 0 0;}
.textList1 dd span{float: right;display: inline;overflow: hidden;margin-left: 50px;color: #999;font-size: 14px;}
.textList1 dd:last-child{ border: none;}
.textList1 dd:hover a{ color: #1e5ab0;}
/* 全文列表1 end */
/* 全文列表2 start */
.textList2{margin: 0 -30px 0 0;}
.textList2::after{ clear:both; content: ''; visibility: hidden; display: block;}
.textList2 dd{width: 100%;float: left;display: inline;}
.textList2 dd .con{display: block;margin: 0 30px 30px 0;background: #fff;padding: 15px;overflow: hidden;transition: 0.4s;-webkit-transition: 0.4s;border-radius: 5px;}
.textList2 dd .con:hover{box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);}
.textList2 dd .timeBox{width: 106px;height: 80px;float: left;display: inline;position: relative;text-align: center;}
.textList2 dd .timeBox::before{content: '';display: block;width: 1px;height: 100%;background: #f5f5f5;position: absolute;top: 0;right: 1px;}
.textList2 dd .timeBox .time1{height: 30px;line-height: 30px;overflow: hidden;font-size: 30px;color: #1e5ab0;font-weight: bold;margin-bottom: 5px;}
.textList2 dd .timeBox .time2{height: 20px;line-height: 20px;overflow: hidden;font-size: 14px;color: #999999;}
.textList2 dd .con .text{overflow: hidden;height: 80px;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 20px;}
.textList2 dd .title{display: inline-block;font-size: 16px;color: #666666;line-height: 30px;height: 30px;overflow: hidden;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;transition: 0.4s;-webkit-transition: 0.4s;}
.textList2 dd .con:hover .title{color: #1e5ab0;}
/* 全文列表2 end */
/* downLoad start */
.downLoadPage{ padding: 20px;}
.downLoad{ overflow: hidden;}
.downLoad  span{ float: left; display: inline; box-sizing: border-box;-webkit-box-sizing: border-box; text-align: center; overflow: hidden;}
.downLoad  span.span1{ padding: 0 20px; width: 68%; text-align: left;}
.downLoad  span.span2{ width: 16%;}
.downLoad  span.span3{ width: 16%;}
.downLoad dt{ overflow: hidden; background: #1e5ab0;}
.downLoad dt span{height: 60px;line-height: 60px;color: #ffffff;font-size: 16px;}
.downLoad dd{ overflow: hidden;}
.downLoad dd span{height: 60px;line-height: 60px;color: #333333;font-size: 14px;}
.downLoad dd a{ color: #333333;}
.downLoad dd a.btn{display: inline-block;vertical-align: middle;height: 35px;line-height: 35px;padding: 0 15px 0 40px;background-position: 16px center;background-repeat: no-repeat;color: #0071be;font-size: 14px;background-image: url(../images/downLoadIcn1.png);border-radius: 4px;background-color: transparent;border: none;transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;background-size: auto 20px;}
.downLoad dd.even{ background: #f8f8f8;}
.downLoad dd:hover span{color: #1e5ab0;}
.downLoad dd:hover a{color: #1e5ab0;}
.downLoad dd:hover a.btn{background-color: #1e5ab0; color: #FFF; background-image: url(../images/downLoadIcn1H.png);}
/* downLoad end */
/* ========== 文字列表 end ========== */
/* ========== 瀑布流 start ========== */
/* 纵向瀑布流start */
.waterFall1{position: relative;width: 100%;z-index: 1 !important; opacity: 0;}
.waterFall1 dd {width: 33.3333%;position: absolute;top: 0;left:0;}
.waterFall1 dd a {display: block;margin-right: 30px;background: #fff;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;margin-bottom: 30px;}
.waterFall1 dd a .grPic {height: auto;;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden; border-radius: 5px;}
.waterFall1 dd a .grPic img {width: 100%;height: 100%;}
.waterFall1 dd .con{position: relative;}
.waterFall1 dd a .text {font-size: 16px;color: #fff;height: 50px;line-height: 50px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;background: rgb(0,0,0,0.4);position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0;transition: all .4s linear;-webkit-transition: all .4s linear}
.waterFall1 dd a:hover .text {opacity: 1;}
/* 纵向瀑布流end */
/* 横向瀑布流start */
.waterFall2{opacity: 0;}
.waterFall2>div>a{ display: block; border-radius: 5px; overflow: hidden;}
.waterFall2 .caption{font-size: 16px;color: #fff;height: 50px;line-height: 50px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;background: rgb(0,0,0,0.4);position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0;transition: all .4s linear;-webkit-transition: all .4s linear}
/* 横向瀑布流end */
/* ========== 瀑布流 end ========== */
/* ————— 公用表单 start ————— */
/* ————— 公用表单 end ————— */
/* ========== 留言 start ========== */
.messagePage{ background: #FFF; padding:20px}
.messageBox{ padding:20px;}
.messageTitle{position: relative;padding-left: 20px;margin-bottom: 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.messageTitle::before{width: 4px;height: 26px;background: #1e5ab0;display: block;content: '';position: absolute;top: 50%;left: 0;margin-top: -13px;}
.messageTitle .conL{ float: left; display: inline; font-size: 24px;color: #000000;}
.messageTitle .conR{ float: right; display: inline;}
.messageTitle .conR a{ color: #1e5ab0; font-size: 14px;}
.messageTitle .conR a:hover{ color: #0b60d9;}
/* 留言展示列表start */
.messageList dd{padding-bottom: 20px;margin-bottom: 30px;background: #FFF;padding: 20px; border-radius: 5px;border: 1px solid #f5f5f5;box-shadow: 0px 0px 4px rgb(0 0 0 / 3%);}
.messageList dd:last-child{ border-bottom: none; margin-bottom: 0;}
.msgHead{ overflow: hidden; height: 40px; line-height: 40px; font-size: 14px;}
.msgHeadL{float: left; display: inline; color: #333;}
.msgHeadL span{ font-size:14px}
.msgHeadR{float: right; display: inline; font-size: 12px; color: #999; padding-left: 20px; background: url(../images/common/timeIco.png) no-repeat left center / auto 15px;}
.msgText{line-height: 25px;color: #666;font-size: 12px;margin-bottom: 5px;}
.msgReplay{line-height: 25px;color: #666;font-size: 12px;background: #f9f9f9;padding: 10px; border-radius: 5px;}
.msgReplay span{ color: #1e5ab0; font-size: 14px;}
/* 留言展示列表end */
/* 留言表单start */
.messageForm{ margin-right: -40px; font-size: 14px;}
.messageForm:after{ clear:both; content: ''; visibility: hidden; display: block;}
.messageForm .item{ width: 50%; float: left; display: inline; margin-bottom: 15px;}
.messageForm .item.w100p{ width: 100%;}
.messageForm .item .con{ margin-right: 40px;}
.messageForm .item .label{ height: 38px; line-height: 38px;}
.messageForm .item .label span{ color: #da0100;}
.messageForm .item .itemC{ clear: both; min-height: 40px;}
/* 留言表单end */
/* ========== 留言 end ========== */
/* ========== 招聘 start ========== */
.recruitListPage{ background: #FFF; padding:20px}
.recruitListBox{ padding:20px;}
.recruitTitle{position: relative;padding-left: 20px;margin-bottom: 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.recruitTitle::before{width: 4px;height: 26px;background: #1e5ab0;display: block;content: '';position: absolute;top: 50%;left: 0;margin-top: -13px;}
.recruitTitle .conL{ float: left; display: inline; font-size: 24px;color: #000000;}
.recruitTitle .conR{ float: right; display: inline;}
.recruitTitle .conR a{ color: #1e5ab0; font-size: 14px;}
.recruitTitle .conR a:hover{ color: #0b60d9;}
/* 列表start */
.recruitList2{ overflow: hidden;}
.recruitList2 dd{ overflow: hidden; margin-bottom: 0px; border-bottom: 1px solid #ddd;}
.recruitList2 dd .recruitT{ overflow: hidden; height: 60px; line-height: 60px; padding: 0 0 0 30px; background: #FFF; color: #656565; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.recruitList2 dd .recruitT .text{ font-size: 16px; overflow: hidden;}
.recruitList2 dd .recruitT .btn{ float: right; display: inline; width: 60px; height: 60px; background: url(../images/zpShow.png) no-repeat center center;}
.recruitList2 dd .recruitC{ overflow: hidden; font-size: 14px; color: #999999; line-height: 40px; display: none; padding:20px; background:#FFF;}
.recruitTable{ font-size: 14px; color: #555555; padding: 0px 0; border-bottom: 1px solid #ddd;}
.recruitTable table{ border:none;}
.recruitTable table tr{ border:none; height: 50px;}
.recruitTable table tr td{ border:none;}
.recruitTable table b{ margin-right: 20px;}
.recruitText{ overflow: hidden; padding: 20px 30px;font-size: 14px; color: #999999; line-height: 40px;}
.recruitBtn{ overflow: hidden;}
.recruitBtn a{ overflow: hidden; display: block; height: 50px; line-height: 50px; float: left; display: inline; padding: 0 40px; background: #1e5ab0; color: #FFF; border-radius: 3px; transition: all .3s; -webkit-transition: all .3s; font-size: 14px;}
.recruitBtn a:hover{ opacity: 0.9}
.recruitList2 dd:hover .recruitT{ background: #1e5ab0; color: #FFF;}
.recruitList2 dd:hover .recruitT .btn{  background: url(../images/zpShowh.png) no-repeat center center;}
.recruitList2 dd.active .recruitT{ background: #1e5ab0; color: #FFF;}
.recruitList2 dd.active .recruitT .btn{  background: url(../images/zpHide.png) no-repeat center center;}
.recruitList2 dd:last-child{ border-bottom: none;}

.recruitList1 span{ float: left; display: inline; width: 14.28%; text-align: center;}
.recruitList1 span.ftHuang{ color: #d6b10e;}
.recruitList1 dt{ overflow: hidden; background: #FFF; border-radius: 5px; margin-bottom: 20px;}
.recruitList1 dt span{ height: 50px; line-height: 50px; font-size: 14px; color: #333; font-weight: bold;}
.recruitList1 dd{ overflow: hidden; background: #FFF; border-radius: 5px; margin-bottom: 20px;}
.recruitList1 dd span{ height: 45px; line-height: 45px;}
.recruitList1 dd a{ display: block; overflow: hidden;font-size: 14px; color: #666;}
.recruitList1 dd a:hover{ background: #1e5ab0; color: #FFF;}
.recruitList1 dd a:hover span.ftHuang{ color: #FFF;}
/* 列表end */
/* 表单start */
.recruitListForm{ margin-right: -40px; font-size: 14px;}
.recruitListForm:after{ clear:both; content: ''; visibility: hidden; display: block;}
.recruitListForm .item{ width: 50%; float: left; display: inline; margin-bottom: 15px;}
.recruitListForm .item.w100p{ width: 100%;}
.recruitListForm .item .con{ margin-right: 40px;}
.recruitListForm .item .label{ height: 38px; line-height: 38px;}
.recruitListForm .item .label span{ color: #da0100;}
.recruitListForm .item .itemC{ clear: both; min-height: 40px;}
.recruitListTc{ padding:20px; overflow: hidden;}
.recruitListForm .el-cascader{width: 100%;}
.upLoadResume{ font-size: 0;}
.upLoadResume span{ display: inline-block; font-size: 14px; height: 40px; line-height: 40px;color: #aeaeae;}
.upLoadResume a.up{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.upLoadResume a.down{ background: #e9e9e9; border-color: #e9e9e9;}
/* 表单end */
/* ========== 招聘 end ========== */
/* ========== 联系我们 start ========== */
#map{width: 100%;height: 600px;}
.BMapLabel {display: none !important;}
.anchorBL {display: none;}
.BMap_omCtrl {display: none;}
/* ========== 联系我们 end ========== */
/* ========== 问卷调差 start ========== */
/* 问卷列表 start */
.collectListPage{padding: 20px; background: #fff;}
.collectList{overflow: hidden;}
.collectList dt{clear: both;height: 50px;overflow: hidden;border-radius:3px;background: #1e5ab0;}
.collectList dt span{float: right;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #ffffff;}
.collectList span.span1{overflow: hidden;float: none;display: block;}
.collectList span.span2{width:23%}
.collectList span.span3{width:12%}
.collectList dd{clear: both;line-height: 60px;overflow: hidden;border-radius:3px;}
.collectList dd:nth-child(2n+1){background:#f3f3f3;}
.collectList dd span{float: right;overflow: hidden;}
.collectList dd span.span2{text-align:center;font-size:16px;color:#999999;}
.collectList dd span.span3{text-align:center;color: #1e5ab0;font-size: 16px;}
.collectList dd span.span3.finish{color:#999999}
.collectList dd span a{display:block;padding-left: 19px;background: url(../images/common/icon1.png) no-repeat 10px center;color: #333333;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.collectList dd span a:hover{color:#1e5ab0;}
/* 问卷列表 end */
/* 问卷调查 start*/
.whdc {padding: 0 50px;margin: 0 auto;background: #fff;}
.whdcT {clear: both;text-align: center;line-height: 45px;font-size: 26px;font-family: "microsoft yahei";color: #333333;}
.whdcTime {height: 38px;line-height: 38px;color: #666;font-size: 12px;}
.whdcText {font-size: 14px;line-height: 30px;padding: 15px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 15px;}
.whdcText.noborder {border: none;}
.whdcTable {text-align: center;margin-bottom: 30px;}
.whdcTable table {border: 1px solid #efeeee;}
.whdcTable table tr {border: 1px solid #efeeee;height: 58px;}
.whdcTable table tr td {border: 1px solid #efeeee;}
.whdcTable table .w1 {width: 25%;}
.whdcTable table .w2 {width: 25%;}
.whdcTable table .w3 {width: 25%;}
.whdcTable table .w4 {width: 25%;}
.whdcTable table tr td .con {padding: 0 15px;font-size: 16px;color: #333333;}
.whdcTable table tr td .con em {color: #333;font-style: normal;}
.whdcTable table tr td .con em.red {color: #1e5ab0;}
.whdcTable table tr td .con em.green {color: #2aa516;}
.whdcTable table tr td.gray {background: #f7f7f7;}
.whdcTable table tr td.gray .con {color: #666;}
.questionBox {overflow: hidden;clear: both;padding: 20px 0;clear: both;margin: 0 0 20px 0;border-bottom: 1px solid #efefef;}
.questionT {clear: both;overflow: hidden;width: 100%;font-size: 16px;padding-bottom: 8px;color: #333333;}
.questionT span {color: #cc0000;font-size: 13px;padding: 0 0 0 10px;}
.questionDl {clear: both;padding: 0;background: #FFF;}
.questionDl dd {clear: both;overflow: hidden;padding: 0;}
.questionDl dd em {display: block;width: 16px;height: 16px;float: left;margin: 8px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(../images/common/survey/kk1.png) no-repeat center center;}
.questionDl dd:last-child {border-bottom: none;}
.questionDl.radio em {border-radius: 16px;background: url(../images/common/survey/kk1.png) no-repeat center center;}
.questionDl.radio em.selected {background: url(../images/common/survey/kk1h.png) no-repeat center center;}
.questionDl.checkbox em.selected {background: url(../images/common/survey/kk1h.png) no-repeat center center;}
.ChoiceBox {clear: both;overflow: hidden;cursor: pointer;}
.ChoiceBox.float {float: left;}
.ChoiceBox span {display: block;line-height: 20px;font-size: 14px;margin-left: 30px;padding: 6px 0;}
.ChoiceBox i {margin-left: 30px;}
.writeBox {float: left;display: inline;overflow: hidden;}
.writeBox input {width: 120px;border: none;display: block;float: left;font-size: 12px;margin: 0 0 0 10px;line-height: 25px;font-family: "microsoft yahei";border-bottom: 1px solid #b80b0b;}
.surveyBt {clear: both;overflow: hidden;padding: 20px 0 10px 0;}
.surveyBt a {display: block;width: 100%;line-height: 30px;border-radius: 3px;text-align: center;font-size: 14px;color: #fff !important;background: #b51413;margin: 0 auto;padding: 3px 0;}
.surveyBt a:hover {background: #4189d0;}
.dcBtn {clear: both;text-align: center;}
.dcBtn div {display: inline-block;overflow: hidden;}
.dcBtn div a {float: left;display: inline;padding: 0 56px;border-radius: 3px;height: 40px;line-height: 40px;font-size: 14px;margin: 0 15px;}
.dcBtn div a.a1 {background: #1e5ab0;color: #FFF;}
.dcBtn div a.a2 {background: #f0f0f0;color: #666;}
.dcBtn div a:hover {opacity: .9;}
.wjdcT {background: #f8f8f8;padding: 5px 10px;}
.wjdcT1 {height: 33px;line-height: 33px;overflow: hidden;text-align: center;color: #333333;font-size: 24px;}
.wjdcT1Text {line-height: 31px;overflow: hidden;color: #666666;font-size: 14px;text-align: center;}
.questionTC {clear: both;}
.questionTC textarea {width: 1148px;border: 1px solid #eeeeee;height: 118px;line-height: 30px;padding: 0 10px;}
.questionDl.onchoice em {background: url(../images/common/survey/kk2.png) no-repeat center center}
.questionDl.onchoice em.selected {background: url(../images/common/survey/kk2h.png) no-repeat center center}
/* 问卷调查 end*/
/* 问卷详情 start*/
.wjdcresult {text-align: center;}
.wjdcresult dd {border-top: 2px solid #1e5ab0;margin-bottom: 20px;}
.wjdcresult dd .title {height: 51px;margin-bottom: 0px;overflow: hidden;line-height: 51px;background: url(../images/common/survey/tBg2.png) repeat-x left top;}
.wjdcresult dd .title .titleL {padding-left: 65px;height: 51px;background: url(../images/common//survey/listT.png) no-repeat 32px center;font-size: 16px;color: #333333;}
.wjdcresult dd .title .titleR {font-size: 14px;color: #0b5fab;padding-right: 90px;}
.wjdcresult table {border: 1px solid #efeeee;}
.wjdcresult table tr {border: 1px solid #efeeee;height: 40px;}
.wjdcresult table tr.tr1 {height: 40px;background: #f7f7f7;font-size: 12px;}
.wjdcresult table tr td {border: 1px solid #efeeee;}
.wjdcresult table .w1 {width: 599px;}
.wjdcresult table .w2 {width: 120px;}
.wjdcresult table .w3 {width: 197px;}
.wjdcresult table tr td .con {padding: 0 15px;font-size: 14px;}
.wjdcresult table tr td .td1 {padding: 0 30px !important;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.wjdcresult table tr.tr1 td .con {padding: 0 15px;font-size: 14px;}
.whdcTable .gray {background: #f7f7f7;}
.wjdcCount {display: inline-block;overflow: hidden;}
.wjdcCount .wjdcCountL {color: #1e5ab0;margin-right: 10px;width: 50px;}
.wjdcCount .wjdcCountR {color: #1e5ab0;width: 115px;height: 15px;border: 1px solid #d1d1d1;}
.wjdcCount .wjdcCountR em {display: block;height: 15px;background: #1e5ab0;}
.questionC{padding-top: 10px;}
.questionArea{padding: 5px 10px;margin-bottom: 10px;border: 1px solid #ccc;}
.questionArea textarea{border: none;outline: none;background: none;height: 140px;width: 100%;line-height: 28px;font-size: 14px;color: #666;resize:none;}
/* 问卷详情 end*/
/*=====================点聚合 start=========================*/
.yywdLeftBox{width: 360px;height: calc(100vh - 190px);background-color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;position: absolute;top: 20px;left: 20px;z-index: 2;padding: 20px 10px;}
#searchShow{font-size:15px;border-collapse: collapse;width: 100%;background-color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 34px;height: calc(100vh - 255px);overflow: auto;}
#searchShow.hover{display: none;}
#searchShow::-webkit-scrollbar{width:6px;background-color: #fff;}
#searchShow::-webkit-scrollbar-thumb{width:6px;background:#d6d6d6;}
#searchShow li{padding: 25px 10px 8px 10px; cursor: pointer;border-bottom: 1px solid #ececec;}
#searchShow li .title{height: 24px;line-height: 24px;font-size: 15px;color: #666;overflow: hidden;font-weight: bold;}
#searchShow li .address{height: 28px;line-height: 28px;font-size: 14px;color: #999;overflow: hidden;}
#searchShow li:hover{background-color: #ebebeb;}
.yywdSearch{width: 100%;height: 45px;background-color: #fff;border-radius: 3px;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #ebebeb; z-index: 2000;text-align: left;}
.yywdSearch .searchIcon{overflow: hidden;height: 45px;background: url(../images/common/search.png) no-repeat center;z-index: 2;position: relative;display: block;cursor: pointer;}
.yywdSearch input{width: 260px;;height: 45px;line-height: 45px;border: none;background: none;padding-left: 20px;display: block;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 16px;color: #666;}
.yywdSearch input::placeholder {color: #999;font-size: 15px;}
.yywdSearch input::-webkit-placeholder {color: #999;font-size: 15px;}
#container{position: relative;width: 100%;height: 100%;}
#container .textBox{width: 248px;height: 85px;background-color: #fff;position: absolute;top: 15px;right: 15px;z-index: 2;line-height: 85px;color: #333;font-size: 16px;text-align: center;}
#container .textBox .icn{width: 30px;height: 85px;background: url(../images/common/dwIcn1.png) no-repeat center;display: inline-block;vertical-align: top;margin-right: 20px;}
.amap-marker-content div{background: url(../images/common/dwIcn1.png) no-repeat center top 20px !important;width: 26px !important;height: 50px !important;border: none !important;box-shadow: none !important;line-height: 25px !important;color: #e60013 !important;font-weight: bold;}
.amap-info-content{padding: 0 !important;}
.amap-info-close{right: 6px !important;}
.mapPop{background-color: #fff;padding: 20px;}
.mapPop .pic{width: 280px;margin-bottom: 13px;}
.mapPop .pic::before{padding-top: 57.1429%;}
.mapPop .title{line-height: 24px;font-size: 16px;color: #333;margin-bottom: 7px;}
.mapPop .address{line-height: 24px;font-size: 14px;color: #999;}
.mapPop .phone{line-height: 24px;font-size: 14px;color: #999;margin-bottom: 15px;}
.jumpBox a{height: 32px;padding: 0 20px;border-radius: 16px;display: inline-block;font-size: 14px;color: #fff;line-height: 32px;}
.jumpBox a:nth-child(1){background-color: #e60212;margin-right: 10px;}
.jumpBox a:nth-child(2){background-color: #ef7901;}
.yywdList{display: none;position: absolute;top: 45px;width: 100%;border: solid 1px #62a6da;max-height: 340px;overflow-y: auto;z-index: 1;font-size: 0;}
.yywdList li{position: relative;padding-left: 10px;width: 100%;height: 34px;line-height: 34px;font-size: 14px;color: #454545;text-align: left;background-color: #fff;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yywdList li:hover{color: #fff;background-color: #1c9dff;}
/*=====================点聚合 end=========================*/
/* ========== 问卷调查 end ========== */
/* 公司简介 start */
.about {
    background: #fff;
    padding: 60px 50px 32px;
    border-radius: 10px;
}
.aboutUp {
    overflow: hidden;
}
.aboutUp .pic {
    float: left;
    width: 780px;
    border-radius: 10px;
    overflow: hidden;
}
.aboutUp .pic::before {padding-top: 72.5641%;}
.aboutUp .text {
    overflow: hidden;
    padding-left: 50px;
    box-sizing: border-box;
    padding-top: 53px;
}
.aboutUp .text .title {
    line-height: 46px;
    font-size: 30px;
    font-weight: bold;
    color: #003eaf;
    margin-bottom: 22px;
}
.aboutUp .text .textC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    text-align: justify;
    height: 440px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
.aboutDl {
    overflow: hidden;
    margin: 0 -50px;
    padding-top: 56px;
}
.aboutDl dd {
    float: left;
    width: 33.3333%;
    position: relative;
}
.aboutDl dd .con {
    margin: auto;
    width: fit-content;
    cursor: context-menu;
}
.aboutDl dd:nth-child(2)::before,
.aboutDl dd:nth-child(2)::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 50px;
    background: #3e59bd;
    top: 50%;
    margin-top: -25px;
    left: 0;
}
.aboutDl dd:nth-child(2)::after {left: unset;right: 0;}
.aboutDl dd .title {
    line-height: 38px;
    font-size: 18px;
    color: #333333;
    transition: all .5s;
}
.aboutDl dd .numBox {
    line-height: 52px;
    font-size: 40px;
    color: #003eaf;
    font-family: 'pop';
    transition: all .5s;
}
.aboutDl dd .numBox span {
    font-size: 18px;
    color: #333333;
    font-family: '';
    display: inline-block;
    transition: all .5s;
}
.aboutDl dd .numBox p {display: inline-block;}
.aboutDl dd .con:hover .title,
.aboutDl dd .con:hover .numBox span {font-size: 20px;}
.aboutDl dd .con:hover .numBox {font-size: 42px;}
/* 公司简介 end */
/*  组织架构 start */
.organization {
    background: #fff;
    border-radius: 10px;
    padding: 0 30px;
    padding-top: 98px;
    padding-bottom: 60px;
}
.organization img {
    display: block;
    margin: auto;
    width: 100%;
}
/*  组织架构 end */
/* 经营产品 start */
.product1 {
    background: url(../test/product/product1Bg.png) center center no-repeat;
    background-size: cover; 
    height: 400px;
}
.product1 .wrap {height: 100%;}
.productSwiper {
    padding: 0 112px;
    overflow: hidden;
    position: relative;
}
.productSwiper .productSwiperCon {
    background: #fff;
    width: 250px;
    height: 250px;
    padding: 20px 40px;
    box-sizing: border-box;
    transition: all .5s;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.productSwiper .productSwiperCon .pic img {
    object-fit: contain;
}
.productSwiper .productSwiperCon .pic::before {padding-top: 100%;}
.productSwiper .productSwiperCon .title {
    line-height: 20px;
    padding-top: 16px;
    font-size: 16px;
    color: #999999;
    text-align: center;
}
/* .productSwiper .swiper-slide.swiper-slide-active .productSwiperCon, */
.productSwiper .swiper-slide .productSwiperCon:hover,
.productSwiper .swiper-slide.active .productSwiperCon {
    background: rgba(0, 0, 0, 0.12);
    border-color: #e81e2a;
}
.productSwiper .swiper-slide .productSwiperCon:hover .title,
.productSwiper .swiper-slide.active .productSwiperCon .title {color: #003eaf;}
.productSwiperPrev,
.productSwiperNext {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    width: 50px;
    height: 60px;
    background: rgba(0, 0, 0, 0.1) url(../test/product/prev.png) center center no-repeat;
    background-size: 20%;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer;
    z-index: 6;
}
.productSwiperNext {
    transform: rotate(180deg);
    left: unset;
    right: 0;
}
.productSwiperPrev:hover,
.productSwiperNext:hover {
    background: rgba(0, 0, 0, 0.1) url(../test/product/prevA.png) center center no-repeat;
    background-size: 20%;
}
/*  */
.product2 {
    background: url(../test/product/product2Bg.png) center center no-repeat;
    background-size: cover;
    min-height: 0;
    padding-top: 98px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 98px;
    min-height: 800px;
}
.product2 .item {display: none;}
.product2 .item.active {display: block;}
.productSwiperA {
    overflow: hidden;
}
.productSwiperA .swiper-slide {
    padding: 0 60px;
    box-sizing: border-box;
}
.productSwiperA .title {
    line-height: 68px;
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.productSwiperA .title .sp2 {
    font-size: 30px;
    font-weight: normal;
    color: #003eaf;
    font-family: 'pop';
    margin-left: 15px;
}
.productSwiperA .textBox {
    overflow: hidden;
}
.productSwiperA .textBox .text {
    overflow: hidden;
    padding-right: 20px;
    box-sizing: border-box;
    height: 600px;
    overflow: auto;
    text-align: justify;
}
.productSwiperA .textBox .text::-webkit-scrollbar-thumb {
    background: #003eaf !important;
    width: 2px;
}
.productSwiperA .textBox .text::-webkit-scrollbar {
   background: rgba(234, 85, 20,.1) !important;
   width: 2px;
}
.productSwiperA .tit {
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-top: 0px;
}
.productSwiperA .textC {
    line-height: 32px;
    font-size: 16px;
    color: #666666;
}
.productSwiperA .textBox .pic {
    float: right;
    width: 700px;
    margin-right: 56px;
    margin-top: 80px;
    margin-left: 10px;
}
.productSwiperA .textBox .pic img {object-fit: contain;}
.productSwiper2Prev,
.productSwiper2Next {
    position: absolute;
    left: 9%;
    top: 50%;
    margin-top: -30px;
    width: 50px;
    height: 60px;
    background: rgba(0, 0, 0, 0.1) url(../test/product/prev.png) center center no-repeat;
    background-size: 20%;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer;
    z-index: 6;
}
.productSwiper2Next {
    transform: rotate(180deg);
    left: unset;
    right: 9%;
}
.productSwiper2Prev:hover,
.productSwiper2Next:hover {
    background: rgba(0, 0, 0, 0.1) url(../test/product/prevA.png) center center no-repeat;
    background-size: 20%;
}
/* 经营产品 end */
/* 经营产品列表 start */
.productDl {
    margin: 0 -15px;
    padding-top: 36px;
}
.productDl dd {
    float: left;
    width: 25%;
    margin-bottom: 30px;
}
.productDl dd .con {
    display: block;
    margin: 0 15px;
    background: #fff;
    padding: 20px;
    padding-top: 40px;
    box-sizing: border-box;
    border-bottom: 1px dashed transparent;
    transition: all .5s;
}
.productDl dd .con .pic {
    margin: auto;
}
.productDl dd .con .pic::before {padding-top: 100%;}
.productDl dd .con .pic img {
    object-fit: contain;
}
.productDl dd .con .title {
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding-top: 20px;
    transition: all .5s;
}
.productDl dd .con:hover {
    border-color: #e81e2a;
    border-bottom-style: solid;
}
.productDl dd .con:hover .title {
    color: #003eaf;
}

.productNav {
    position: relative;
    z-index: 5;
}
.productNav dd {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 20px;
    border-radius: 40px;
    margin-right: 10px;
    position: relative;
    transition: all .5s;
}
.productNav dd.active {
    border-radius: 10px 10px 0 0;
}
.productNav dd a {
    font-size: 16px;
    color: #333 !important;
    font-weight: bold;
    display: block;
}
.productNav dd a:hover {color: #003eaf !important;}
.productNav dd ul {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.05);
    padding: 10px;
    box-sizing: border-box;
}
.productNav dd ul a {
    font-size: 14px;
    color: #333 !important;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    text-align: center;
}
/* 经营产品列表 end */
/* 经营产品详情 start */
.productNews {
    padding-top: 74px;
    padding-bottom: 120px;
    box-sizing: border-box;
    background: #fff url(../images/productNewsBg.jpg) no-repeat bottom center / 100%;
    min-height: 870px;
}
.productNews .wrap {
    position: relative;
}
.returnProductList {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333 !important;
    font-weight: bold;
    position: absolute;
    top: -56px;
    left: 0;
    background: #F5F5F5;
    padding: 0 20px;
    border-radius: 40px;
}
.productNews .productSwiperL {
    float: left;
    width: 650px;
    height: 650px;
    margin-right: 66px;
    position: relative;
}
.productNews .productSwiperL .swiper-slide {
    background: url(../images/productNewsLBg.jpg) no-repeat center center / 100%;
    width: 100%;
    height: 100%;
}
.productSwiperL .pic {
    width: 530px;
    height: 530px;
    position: absolute;
    inset: 0;
    margin: auto;
}
.productSwiperL .pic::before {padding-top: 100%;}
.productNews .Right {overflow: hidden;}
.productNewsTitle {
    line-height: 40px;
    font-size: 25px;
    font-weight: bold;
    color: #333333;
    padding-top: 60px;
    margin-bottom: 46px;
}
.productSwiperL .pic img {object-fit: contain;}
.productNewsTab {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}
.productNewsTab .swiper-slide {
    width: auto !important;
}
.productNewsTab .item {
    float: left;
    line-height: 40px;
    margin-right: 30px;
    background: #f5f5f5;
    border-radius: 10px 10px 0 0 ;
    padding: 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    transition: all .5s;
    cursor: pointer;
}
.productNewsTab .item.hover,
.productNewsTab .item:hover {
    background: #003eaf;
    color: #fff;
}
.productNewsTabC .item {
    line-height: 30px;
    font-size: 15px;
    color: #333333;
    height: 422px;
    overflow-y: auto;
    display: none;
    padding-right: 20px;
    text-align: justify;
}
.productNewsTabC .item.active {display: block;}
.productNewsTabC .item::-webkit-scrollbar-thumb {
    background: #003eaf !important;
    width: 2px;
}
.productNewsTabC .item::-webkit-scrollbar {
   background: rgba(234, 85, 20,.1) !important;
   width: 2px;
}

.zoomDiv {
    z-index: 999;
    position: absolute;
    border: solid 1px #eee;
    width: 538px !important;
    height: 360px !important;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomMask {
    position: absolute;
    background: url(../images/float_layer.png) repeat;
    cursor: move;
    z-index: 99;
}
/* 经营产品详情 end */
/* 解决方案 start */
.solutionWrap {
    position: relative;
}
.solutionSwiper {
    position: relative;
    padding-bottom: 10px;
    background: #fff;
    box-sizing: border-box;
}
.solutionWrap .caseSwiperPrev,
.solutionWrap .caseSwiperNext {
    width: 50px !important;
    height: 60px !important;
    right: -60px !important;
    border-radius: 0 10px 10px 0;
    left: unset;
}
.solutionWrap .caseSwiperNext {
    left: unset !important;
    right: -60px !important;
    border-radius: 10px 0 0 10px;
    top: 43%;
}
.solution {
    padding: 40px 60px;
    padding-bottom: 58px;
    box-sizing: border-box;
    height: 1000px;
    overflow: auto;
    background: #fff;
}
.solution::-webkit-scrollbar-thumb {
    background: #003eaf !important;
    width: 2px;
}
.solution::-webkit-scrollbar {
   background: rgba(234, 85, 20,.1) !important;
   width: 2px;
}
.solutionTitle {
    line-height: 36px;
    font-size: 18px;
    color: #003eaf;
    font-weight: bold;
}
.solutionText {
    line-height: 34px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 32px;
}
.solution .title {
    line-height: 34px;
    font-size: 19.3px;
    color: #333333;
    font-weight: bold;
}
.solution .textC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    text-align: justify;
}
.solutionDl {
    overflow: hidden;
    margin: 20px -20px;
}
.solutionDl dd {
    float: left;
    width: 50%;
}
.solutionDl dd .con {
    margin: 0 20px;
    border-radius: 10px;
    overflow: hidden;
}
/* 解决方案 end */
/* 解决方案列表 start */
.solutionListTitle {
    line-height: 62px;
    font-size: 35px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 48px;
    text-align: center;
}
.solutionListDl dd {
    margin-bottom: 40px;
    background: #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
}
.solutionListDl dd .L {
    float: left;
    width: 50%;
}
.solutionListDl dd:nth-child(even) .L {
    float: right;
}
.solutionListDl dd .R {
    float: right;
    width: 50%;
    padding: 0 60px;
    box-sizing: border-box;
    position: relative;
}
.solutionListDl dd:nth-child(even) .R {
    float: left;
}
.solutionListDl dd .R .title {
    line-height: 34px;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    padding-top: 66px;
    margin-bottom: 46px;
}
.solutionListDl dd .R .textC {
    line-height: 32px;
    font-size: 15px;
    color: #666666;
    margin-bottom: 60px;
}
.solutionListDl dd .R .num {
    position: absolute;
    line-height: 86px;
    font-size: 90px;
    color: #ebebeb;
    font-family: 'pop';
    top: 40px;
    right: 60px;
}
.subFooter .footer {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
}
/* 解决方案列表 end */
/* 解决方案详情 start */
.solutionNews {
    padding: 30px 100px;
    padding-bottom: 44px;
    box-sizing: border-box;
}
.solutionNews .con {
    background: #fff;
    border-radius: 10px;
    padding: 0 60px;
    box-sizing: border-box;
    padding-bottom: 50px;
}
.solutionNews .con .textBox {
    /* height: 1500px;
    overflow-y: auto;
    padding-right: 35px; */
    margin-right: -35px;
    text-align: justify;
}
.solutionNews .con .textBox::-webkit-scrollbar-thumb {
    background: #003eaf !important;
    width: 2px;
}
.solutionNews .con .textBox::-webkit-scrollbar {
   background: rgba(234, 85, 20,.1) !important;
   width: 2px;
}
.solutionNewsTitle {
    line-height: 54px;
    font-size: 35px;
    font-weight: bold;
    color: #003eaf;
    padding-top: 50px;
    text-align: center;
}
.solutionNewsInfo {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    padding: 38px 60px 40px;
    background: #f5f5f5;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 50px;
}
.solutionNews .line {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 36px;
}
.solutionNews .title {
    line-height: 44px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.solutionNews .textC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    text-align: justify;
}
.solutionNews .textC img {
    display: block;
    margin: auto;
}
/* 解决方案详情 end */
/* 联系我们 start */
.contactus {
    background: #fff;
    padding-top: 30px;
    box-sizing: border-box;
}
.contactusDl {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 42px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contactusDl dd {
    float: left;
    width: 33.3333%;
    padding-left: 106px;
    box-sizing: border-box;
    position: relative;
}
.contactusDl dd.dd2::before,
.contactusDl dd.dd2::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 300px;
    left: 0;
    top: -42px;
    background: rgba(0, 0, 0, 0.1);
}
.contactusDl dd.dd2::after {left: unset;right: 0;}
.contactusDl .dd1 .title {
    line-height: 40px;
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.contactusDl .dd1 .title1 {
    line-height: 40px;
    font-size: 30px;
    color: #333333;
    margin-bottom: 24px;
}
.contactusDl .dd1 .textC {
    line-height: 28px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 24px;
}
.contactusDl .dd1 .consult {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
    padding: 0 30px;
    box-sizing: border-box;
    background: #003eaf;
}
/*  */
.contactusDl .dd2 {
    padding-left: 50px;
}
.contactusDl .dd2 .title {
    line-height: 34px;
    font-size: 16px;
    color: #003eaf;
}
.contactusDl .dd2 .tel {
    line-height: 44px;
    font-size: 26px;
    color: #003eaf;
    font-weight: bold;
    margin-bottom: 16px;
}
.contactusDl .dd2 .info {
    line-height: 30px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 12px;
}
.contactusDl .dd2 .dl .Dd{
    line-height: 34px;
    font-size: 16px;
    color: #666666;
}
.contactusDl .dd3 {
    text-align: center;
    padding-left: 0;
}
.contactusDl .dd3 .img {
    width: 146px;
    border: 2px solid #e5e5e5;
    margin: auto;
    margin-top: 10px;
}
.contactusDl .dd3 .img img {
    width: 100%;
}
.contactusDl .dd3 .title {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    padding-top: 16px;
}
/*  */
.mapBox {
    padding: 60px 80px;
}
#map {
    height: 400px;
}
.amap-logo,
.amap-copyright {display: none !important;}
/* 联系我们 end */
/* 在线留言 start */
.onlineMessage {
    min-height: 505px;
    background: url(../test/onlineMessageBg.png) center center no-repeat;
    background-size: cover;
    padding: 42px 60px;
    box-sizing: border-box;
    overflow: hidden;
}
.onlineMessageLeft {
    float: left;
    width: 500px;
    padding-right: 106px;
    box-sizing: border-box;
}
.onlineMessageLeft .title {
    line-height: 68px;
    font-size: 30px;
    color: #003eaf;
    font-weight: bold;
    margin-bottom: 50px;
}
.onlineMessageLeft .textC {
    line-height: 32px;
    font-size: 16px;
    color: #999999;
}
/*  */
.onlineMessageRight {
    overflow: hidden;
}
.onlineMessageRight .onlineForm {
    overflow: hidden;
    margin: 0 -20px;
}
.onlineMessageRight .onlineForm .form {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}
.onlineMessageRight .onlineForm .form .con {
    padding: 0 32px;
    background: #f2f2f2;
    border-radius: 3px;
    margin: 0 20px;
    height: 60px;
}
.onlineMessageRight .onlineForm .form input,
.onlineMessageRight .onlineForm .form textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 16px;
    color: #333;
}
.onlineMessageRight .onlineForm .form input::placeholder,
.onlineMessageRight .onlineForm .form textarea::placeholder {
    font-size: 16px;
    color: #999999;
}
.onlineMessageRight .onlineForm .form.textA {width: 100%;}
.onlineMessageRight .onlineForm .form.textA .con {
    height: 120px;
}
.onlineMessageRight .onlineForm .form.textA .con textarea {
    margin: 10px 0;
    height: 90%;
    resize: none;
}
.onlineMessageRight .onlineForm .form.yzm {
    width: 100%;
    margin-bottom: 0;
}
.onlineMessageRight .onlineForm .form.yzm .con {
    background: none;
    overflow: hidden;
    padding: 0;
}
.onlineMessageRight .onlineForm .form.yzm .con .input {
    width: 62.767%;
    float: left;
    overflow: hidden;
}
.onlineMessageRight .onlineForm .form.yzm .con .input .inp {
    padding: 0 32px;
    background: #f2f2f2;
    border-radius: 3px;
    height: 60px;
    overflow: hidden;
}
.onlineMessageRight .onlineForm .form.yzm .con .input .img {
    float: right;
    width: 100px;
    height: 44px;
    margin-left: 30px;
    margin-top: 8px;
    cursor: pointer;
}
.onlineMessageRight .onlineForm .form.yzm .con .formBtn {
    float: right;
    width: 160px;
    background: #003eaf;
    height: 60px;
    border-radius: 3px;
    cursor: pointer;
}
.onlineMessageRight .onlineForm .form.yzm .con .formBtn a {
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    display: block;
}
/* 在线留言 end */
/* 关于我们 start */
.common1 {
    background: url(../test/common/common1Bg.png) center center no-repeat;
    background-size: cover;
    padding-top: 214px;
    box-sizing: border-box;
}
.common1 .wrap {
    overflow: hidden;
    height: 100%;
}
.commonTitle {
    height: 86px;
    position: relative;
}
.commonTitle .title {
    line-height: 86px;
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 6;
}
.commonTitle .title1 {
    line-height: 50px;
    font-size: 60px;
    color: rgba(235, 244, 255, .1);
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FM';
    font-weight: bold;
    text-transform: uppercase;
}
.common1Left {
    overflow: hidden;
    padding-right: 360px;
    box-sizing: border-box;
}
.common1Left .textC {
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    padding-top: 98px;
    margin-bottom: 96px;
    text-align: justify;
}
.commonMore {
    display: inline-block;
    width: 160px;
    font-size: 16px;
    color: #fff !important;
    position: relative;
    border: 1px solid #fff;
    border-radius: 55px;
    height: 55px;
    line-height: 55px;
    padding-left: 28px;
    box-sizing: border-box;
    transition: all .5s;
}
.commonMore::before {
    position: absolute;
    display: block;
    content: '';
    width: 45px;
    height: 45px;
    background: url(../test/common/jt.png) center center no-repeat;
    background-size: 100%;
    right: 3px;
    top: 4px;
}
.commonMore:hover {background: #003eaf;border-color: #003eaf;}
.common1Right {
    float: right;
    width: 450px;
    padding-top: 192px;
    box-sizing: border-box;
}
.common1Right .con {
    width: 100%;
    min-height: 270px;
    background: url(../test/common/common1Right.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 40px;
    padding-top: 74px;
    box-sizing: border-box;
    position: relative;
}
.common1Right .con .icon {
    width: 26px;
    height: 30px;
    background: url(../test/common/common1Icon.png) center center no-repeat;
    background-size: 100%;
    margin-bottom: 20px;
}
.common1Right .con .num {
    line-height: 84px;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    position: relative;
    width: fit-content;
}
.common1Right .con .num>span {
    position: absolute;
    display: block;
    top: -34px;
    right: -20px;
    font-size: 16px;
    font-weight: normal;
}
.common1Right .con .tit {
    line-height: 28px;
    font-size: 16px;
    color: #ffffff;
}
.common1Right .con .title {
    line-height: 38px;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    position: absolute;
    right: 40px;
    top: 56px;
    font-family: 'Ar';
}
/*  */
.common2 {
    background: url(../test/common/common2Bg.png) center center no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
}
.commonTitleBox {overflow: hidden;}
.common2 .wrap {height: unset;}
.common2 .commonTitle {width: 400px;}
.common2Swiper {
    overflow: hidden;
    padding-top: 120px;
}
.common2Swiper ul {
    overflow: hidden;
    margin: 0 -15px;
}
.common2Swiper ul li {
    width: 25%;
    float: left;
}
.common2Swiper ul li .con {
    margin: 0 15px;
    background: #fff;
    border-radius: 10px;
    padding: 20px 34px;
    padding-bottom: 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}
.common2Swiper ul li .con .pic {
    margin-bottom: 20px;
}
.common2Swiper ul li .con .pic::before {padding-top: 100%;}
.common2Swiper ul li .con .pic img {object-fit: contain;}
.common2Swiper ul li .con .title {
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    color: #333333;
    background: #f7f7f7;
    text-align: center;
    margin: 0 -34px;
    padding: 0 34px;
}
.common2Swiper ul li .con:hover .title {color: #003eaf;}
.common2SwiperPagination {
    text-align: center;
    padding-top: 130px;
}
.common2SwiperPagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background: rgba(255, 255, 255, .2);
    border-radius: 0;
}
.common2SwiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}
/*  */
.common3 {
    height: 100%;
    background: url(../test/common/common3Bg.png) center center no-repeat;
    background-size: cover;
    padding-top: 104px;
    box-sizing: border-box;
}
.common3 .img img {
    margin-top: -110px;
    width: 100%;
}
/* 关于我们 end */
/* 经典案列 start */
.caseTitle {
    position: relative;
    line-height: 74px;
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    width: fit-content;
    margin: auto;
    padding-top: 26px;
}
.caseTitle::before {
    position: absolute;
    display: block;
    content: '';
    width: 40px;
    height: 2px;
    background: #e81e2a;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.caseTitle .icon {
    position: absolute;
    width: 56px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    left: -94px;
    top: 50%;
    margin-top: -.5px;
}
.caseTitle .icon.R {
    left: unset;
    right: -94px;
}
.caseDl {
    padding-top: 4px;
    position: relative;
}
.caseDl dd {
    padding-bottom: 72px;
    background: url(../test/case/bg1.png) center center no-repeat;
    background-size: cover;
}
.caseDl dd:nth-child(even) {
    background: url(../test/case/bg2.jpg) center center no-repeat;
    background-size: cover;
}
.caseDlCon {
    position: relative;
    margin-top: 44px;
    overflow: hidden;
}
.caseDlCon::before{
    display: block;
    content: '';
    padding-top: 38.4615%;
}
.caseDlCon .caseLeft {
    width: 70.5128%;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}
.caseDl dd:nth-child(even) .caseDlCon .caseLeft {
    left: unset;
    right: 0;
}
.caseDlCon .caseLeft .pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
}
.caseDlCon .caseLeft .pic::before {padding-top: 54.5455%;}
.caseDlCon .caseRight {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
    z-index: 6;
    width: 44.8718%;
}
.caseSwiper {
    overflow: hidden;
    width: 330px;
    float: right;
    padding-right: 96px;
    user-select: none;
    height: 192px;
    position: relative;
}

.caseSwiperPrev,
.caseSwiperNext {
    top: 50%;
    margin-top: -30px;
    width: 50px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.1) url(../test/product/prevA.png) center center no-repeat;
    background-size: 30%;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer;
    z-index: 6;
}
.caseSwiperPrev::after,
.caseSwiperNext::after {font-size: 0 !important;opacity: 0;}
.caseSwiperNext {transform: rotate(180deg);}
.caseSwiper .swiper-slide {
    height: 48px;
}
.caseSwiper .swiper-slide.swiper-slide-active .textC::before {opacity: 1;}
.caseSwiper .swiper-slide li.active .title {color: #003eaf;}
.caseDl dd:nth-child(even) .caseSwiper {
    padding-right: 0;
    padding-left: 96px;
    float: left;
}
.caseDl dd:nth-child(even) .caseDlCon .caseRight {left: 0;}
.caseDlCon .caseRight .title {
    line-height: 48px;
    font-size: 18px;
    color: #333333;
    text-align: right;
    cursor: pointer;
}
.caseDl dd:nth-child(even) .caseDlCon .caseRight .title {text-align: left;}
.caseDlCon .caseRight .textC {
    line-height: 58px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin-bottom: 146px;
}
.caseDl dd:nth-child(even) .caseDlCon .caseRight .textC {text-align: left;}
.caseDlCon .caseRight .textC::before {
    position: absolute;
    display: block;
    content: '';
    width: 30px;
    height: 2px;
    background: #e81e2a;
    right: -62px;
    top: 50%;
    margin-top: -1px;
    opacity: 0;
    transition: all .5s;
}
.caseDl dd:nth-child(even) .caseRight .textC::before {
    left: -62px;
    right: unset;
}
.caseRight .card {
    background: #fff;
    min-height: 300px;
    border-radius: 10px;
    text-align: right;
    padding: 0 96px;
    box-sizing: border-box;
    padding-top: 56px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    box-shadow: 0 0 16px rgba(0, 0, 0, 5%);
}
.caseRight .card::before {
    position: absolute;
    display: block;
    content: '';
    width: 46px;
    height: 37px;
    background: url(../test/case/1.png) center center no-repeat;
    background-size: 100%;
    right: 94px;
    top: -14px;
}
.caseDl dd:nth-child(even) .caseRight .card::before{
    right: unset;
    left: 96px;
    transform: rotate(180deg);
}
.caseDl dd:nth-child(even) .caseRight .card {
    right: unset;
    left: 0;
}
.cardTitle {
    line-height: 36px;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 24px;
}
.caseDl dd:nth-child(even) .cardTitle {text-align: right;}
.cardTitle .icon {
    display: inline-block;
    margin-right: 30px;
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 8px;
}
.cardTextC {
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 30px;
}
.cardMore {
    display: inline-block;
    width: 160px;
    border-radius: 55px;
    height: 55px;
    line-height: 55px;
    border: 1px solid #999999;
    text-align: left;
    padding-left: 26px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.cardMore::before {
    position: absolute;
    display: block;
    content: '';
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #999999 url(../test/case/jt.png) center center no-repeat;
    background-size: 30%;
    right: 2px;
    top: 50%;
    margin-top: -22.5px;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.cardMore:hover {
    color: #c7000b;
    border-color: #c7000b;
}
.cardMore:hover::before {
    background: #c7000b url(../test/case/jt.png) center center no-repeat;
    background-size: 30%;
}
/* 经典案列 end */