@charset "UTF-8";
/* ========== 单篇+文章页 start ========== */
.articleBox {
    line-height: 1.32rem;
    color: #666666;
    padding: 0.5rem .75rem;
    font-size: 0.84rem;
    background: #fff;
}
.articleBox img{max-width:100%;}
.articleTitle {
    font-size: 1.02rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    padding: 0 .75rem;
    line-height: 1.48rem;
    margin-bottom: 0.94rem;
}
.articleTime {
    display: block;
    clear: both;
    text-align: center;
    color: #999999;
    font-size: 0.72rem;
    line-height: 1.48rem;
    height: 1.48rem;
    padding-top: 1.12rem;
    margin-bottom: 0.16rem;
}
.articleLine {
    width: 92%;
    height: 0.16rem;
    background: url(../test/Aline.png) center center no-repeat;
    background-size: cover;
    margin: 0 .75rem;
    margin-bottom: 1.4rem;
}
.articleTop{overflow:hidden;background:#f9fafb;padding:.5rem 0;}
.articleTop .articleTitle{font-size:.9rem;color:#333333;text-align:center;font-weight:bold;padding:0 2.5rem;line-height:1.5rem;}
.articleTop .articleTime{text-align:center;padding:.5rem 0 0 0;}

.articleHand{clear:both;font-size:0.75rem;padding:0 0px 1rem 0;overflow: hidden;}
.articleHand a{display:block;line-height:1.6rem;padding:0 1rem 0 .75rem;}
.articleHand a i{padding:0 .25rem 0  0;}
.articleHand a.aykjWord{color:#37a6ff !important; }
.articleHand a.aykjPpt{color:#ff7735 !important;}
.articleHand a.aykjExcel{color:#15bf44 !important; }
.articleHand a.aykjPdf{color:#1369c0 !important; }
.articleHand a.aykjZip{color:#ff9779 !important; }

.articlePage {
    height: 2.4rem;
    line-height: 2.4rem;
    background: #f0f0f0;
    border-radius: 0.2rem;
}

.articlePage a {
    float: left;
    width: 50%;
    color: #333333;
    text-align: center;
    font-size: 0.84rem;
}

.articlePage a:before {
    border-left: none;
}

.articlePage a i {
    display: inline-block;
    width: 0.8rem;
    height: 0.44rem;
    background: url(../test/prev.png) center center no-repeat;
    background-size: 100%;
}

.articlePage a.prev i {
    margin-right: .25rem;
}

.articlePage a.next i {
    margin-left: .25rem;
    transform: rotate(180deg);
}

.videoCon{position:absolute;top:10.25rem;bottom:0;overflow-y:auto;}
.videoCon .articleTitle{font-size:18px;color:#333333;text-align:left;font-weight:bold;padding:.25rem .5rem 0 .5rem;line-height:1.5rem;}
.videoCon .articleTime{text-align:left;padding:0 0 0 .5rem;}
	
.articelImgSlide{overflow: hidden;position: relative;padding: 0 .75rem;}
#articelImgSlide img{display: block;max-width: 100%;}
#articelImgSlide{overflow: hidden;position: relative;}
#articelImgSlide .swiper-pagination{bottom: .25rem;}
.articelImgSlide .swiper-button-prev{left: 0px;}
.articelImgSlide .swiper-button-next{right: 0px;}
.articelImgSlide .swiper-pagination-bullet{background: #eee;opacity: 1;}
.articelImgSlide .swiper-pagination-bullet-active{background: #007aff;}
/**
 * 分享
 * @author 杨朝杰
 * @return
 */
.shareBt{display: inline-block;width:1rem;position: relative;}
.shareClose{line-height:2rem;text-align:center;padding:.15rem 0 0 0;font-size:0.8rem;}
.shareBt:after{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;background: url(../images/share/share.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 50%;bottom:-.2rem;}
.shareBox{width:100%;overflow: hidden;background: #fff;position: fixed;left: 0px;bottom:-100%;z-index: 10000;-webkit-transition: bottom 0.8s;-o-transition: bottom 0.8s;transition: bottom 0.8s;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shareBox.show{bottom:0px;}
.shareCont{overflow: hidden;padding:0.5rem 0px 0.25rem;}
.boxShadow{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.wxSha{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6) url(../images/share/weChatShare.png) no-repeat center 0rem;background-size: auto 16rem;z-index: 99999999;display: none;}
.shareC .bshare-custom{display: flex; padding: 0.8rem .5rem;}
.shareC .bshare-custom .item{flex: 1;text-align: center;}
.shareC .bshare-custom .item span{display: block;line-height: 1.5rem;}
.shareC .bshare-custom a {display: inline-block;height: 2rem;width: 2rem;padding: 0;background-size: auto 1.95rem !important;}
.shareC .bshare-custom .bshare-sinaminiblog {background: url(../images/share/shareBt1.png) no-repeat center center;}
.shareC .bshare-custom .bshare-qqim {background: url(../images/share/shareBt6.png) no-repeat center center;}

.shareC .bshare-custom .bshare-qzone {background: url(../images/share/shareBt3.png) no-repeat center center;}
.shareC .bshare-custom .bshare-douban{background: url(../images/share/shareBt4.png) no-repeat center center;}
.shareC .bshare-custom .bshare-weixin {background: url(../images/share/shareBt5.png) no-repeat center center;}
.weChatShareTip {display: none;width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.5) url(../images/share/weChatShare.png) no-repeat calc(100% - 30px) 10px;background-size: 90% auto;position: fixed;left: 0px;top: 0px;z-index: 9999999;}
.shareParent .shareItem{width: 20%;}
/**
 * 音乐播放器
 * @author 杨朝杰
 * @return
 */
.audio{padding: 0 .75rem .5rem;}
.audio-tips{margin-top:10px; color: #b1b1b1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.audio .info{-webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden;line-height:45px;}
.audio .info p{margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-indent: 0;}
.audio .info .audio-title{-webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; line-height: 24px;font-size:14px;}
.audio .info .audio-desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 16px;color:#999 !important;font-size:12px !important;}
.audio .info .audio-desc span{padding:0 15px 0 0;color:#ff0000;}

/* 视频start */
.artVideo{ margin: 0 .75rem .5rem; background: #000; position: relative;}
.artVideo::before{display: block;content: ''; padding-top: 56.25%;}
#newViewPlayer{ position: absolute; left: 0; top: 0;}
.artVideoView{ background: #000; position: relative;}
.artVideoView::before{display: block;content: ''; padding-top: 56.25%;}
.videoDownLoad{text-align: center; padding: .5rem;}
/* 视频end */
/*文章页底部start*/
.footerBar2{font-size:.6rem;overflow: hidden;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-clip: content;-moz-background-clip: content;background-clip: content;width: 100%;height:2.25rem;background:#fff;position:relative;}
.footerBar2:after{content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border-top:1px solid #ededed;box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index:1;}
.footerBar2 .shareBt:after{ display:none;}

.footerBar2 div{overflow:hidden;position:relative;z-index:2;}
.phoneBt{width:30%;float:right;}
.phoneBt a {width: 100%;display: block;line-height: 2.25rem;background: #ff7800;color: #fff !important;text-align: center;}
.goBack2{width:16%;float:left;}
.goBack2 a{display: block;height:2.25rem;background: url(../images/jt6.png) no-repeat 10px center;background-size: 1.3rem;color: #666 !important;text-align: center;}
.marker, .shareDiv{float:right;line-height:2.25rem;font-size:.7rem;padding:0 .75rem 0 0;}

.shareDiv .shareBt{ width:100%;}

.marker span, .shareDiv span{padding:0 0 0 .3rem;}
.marker em, .shareDiv em{color:#999;}
/* ========== 单篇+文章页 end ========== */
/* ========== 全图列表 start ========== */
/* 全图列表1 start */
.imgList1 {
    overflow: hidden;
    padding-top: 0.25rem;
    margin: 0 -0.5rem;
}

.imgList1 dd {
    float: left;
    width: 50%;
    overflow: hidden;
    margin-bottom: 0.8rem;
}
.imgList1 dd .con {
    margin: 0 0.35rem;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 0.8rem;
}

.imgList1 dd a {
    display: block;
    margin-right: .75rem;
}
.imgList1 dd .p {
    padding: 0 2.24rem;
}
.imgList1 dd .pic:before {
    padding-top: 133.4558%;
}
.imgList1 dd .pic img {
    object-fit: contain;
}

.imgList1 dd .text {
    height: 2.32rem;
    line-height: 2.32rem;
    text-align: center;
    color: #7b7b7b;
    font-size: 0.84rem;
    padding: 0 0.86rem;
    box-sizing: border-box;
}
/* 全图列表1 end */
/* 视频列表 start */

/* 视频列表 end */
/* 资质荣誉 start */
.hornorList {
	overflow: hidden;
	padding-top: 0.25rem;
	margin: 0 -0.35rem;
}

.hornorList dd {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 0.8rem;
}

.hornorList dd .con {
	display: block;
	margin: 0 0.35rem;
	background-color: #fff;
	padding: 0 0.72rem;
	padding-top: 0.6rem;
	border-radius: 0.25rem;
	overflow: hidden;
}

.hornorList dd .pic {
	border-radius: .25rem;
	overflow: hidden;
	background-color: #fff;
    margin-bottom: 0.6rem;
}

.hornorList dd .pic:before {
	padding-top: 133.4558%;
}

.hornorList dd .pic img {
	left: 50%;
	top: 50%;
	object-fit: contain;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.hornorList dd .text {
	height: 3.3rem;
	line-height:1.1rem;
	text-align: center;
	color: #181818;
	font-size: 0.84rem;
	padding: 0 0.75rem;
    margin: 0 -.72rem;
}

/* 资质荣誉 end */
/* 期刊杂志 start */

/* 期刊杂志 end */
/* 数字报纸 start */

/* 数字报纸 end */
/* 投票 start */

/* 投票 end */
/* ========== 全图列表 end ========== */
/* ========== 图文列表 start ========== */
/* imgtext1 start */
.imgText1 {
    padding-top: 0.5rem;
}
.imgText1 dd {
    margin-bottom: 0.8rem;
}
.imgText1 .con {
    display: flex;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0.8rem;
    box-sizing: border-box;
}
.imgText1 .con .pic {
    width: 7.92rem;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-right: 0.88rem;
}
.imgText1 .con .pic::before {padding-top: 66.6666%;}
.imgText1 .con .text {flex: 1;}
.imgText1 .con .title {
    line-height: 1.32rem;
    height: 2.64rem;
    font-size: 0.84rem;
    color: #333333;
    padding-top: 0.36rem;
    margin-bottom: 1.12rem;
}
.imgText1 .con .time {
    line-height: 1rem;
    height: 1rem;
    font-size: 0.64rem;
    color: #aaaaaa;
}
/* imgtext1 end */
/* imgtext2 start */

/* imgtext2 end */
/* imgtext3 start */

/* imgtext3 end */
/* ========== 图文列表 end ========== */
/* ========== 文字列表 start ========== */
/*文字列表start*/
.textList1 {
    padding-top: 0.5rem;
}
.textList1 dd {
    margin-bottom: 0.72rem;
}
.textList1 .con {
    display: block;
    background: #fff;
    border-radius: 0.4rem;
    padding: 1.08rem 1rem 0.96rem 1rem;
    box-sizing: border-box;
}
.textList1 .con .title {
    line-height: 1.4rem;
    height: 2.8rem;
    font-size: 0.9rem;
    color: #181818;
    margin-bottom: 1.2rem;
}
.textList1 .con .time {
    width: 6.58rem;
    height: 1.24rem;
    line-height: 1.24rem;
    font-size: 0.72rem;
    color: #ffffff;
    text-align: center;
    background: #2d72d2;
    border-radius: 1.24rem;
}
.textList1 .con .time i {margin-right: 0.4rem;}
/*文字列表end*/
/* 大事记start */

/* 大事记end */
/* ========== 文字列表 end ========== */
/* ========== 瀑布流 start ========== */
/* 纵向瀑布流 start */

/* 纵向瀑布流 end */
/* 横向瀑布流 start */

/* 横向瀑布流 end */
/* ========== 瀑布流 end ========== */
/* 表单公用start */
.input{padding:0 .5rem}
.input input{ border: none; background: none; width: 100%; height: 1.9rem; line-height: 1.9rem; font-size: .65rem; color: #333;}

.textarea{ padding:5px 10px}
.textarea textarea{ border: none; background: none; width: 100%; height: 3rem; line-height: 1.5rem; font-size: .65rem; color: #333;}

a.formBtn{ display: inline-block; height: 1.5rem; line-height: 1.5rem; background: #ddd; border-radius: 3px; font-size: .65rem; color: #333; padding:0 1rem; margin: 0 .5rem; position: relative;}
a.formBtn::before{content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #ddd;box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index: -1}
a.formBtn:hover{ opacity: .9;}

.radio {color: #555555;line-height: 1.9rem;font-size: 0;}
.radio .radioItem {display: inline-block;height: 1.9rem;margin-right: 1rem;position: relative;vertical-align: middle;}
.radio .radioItem input {position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1}
.radio .radioItem label {color: #555555;overflow: hidden;font-size: 0.65rem;line-height: 2rem;height: 1.9rem;display: block;}
.radio .radioItem input[type=radio]+label span {width: 0.65rem;height: 0.65rem;border-radius: 50%;border: 1px solid #e1e1e1;margin-right: 0.25rem;display: inline-block;vertical-align: middle;position: relative;top: -.1rem;}
.radio .radioItem input[type=radio]+label span:before {display: block;content: '';width: 0.35rem;height: 0.35rem;border-radius:50%;position: absolute;left: 50%;top: 50%;margin-top: -0.175rem;margin-left: -0.175rem;background: #1e5ab0;visibility: hidden;}
.radio .radioItem input[type=radio]:checked+label span:before {visibility: visible}
.radio .radioItem input[type=radio]:checked+label span{ border-color: #1e5ab0;}
.radio .radioItem input[type=checkbox]+label span {float: left;width: 0.65rem;height: 0.65rem;border: 1px solid #e1e1e1;position: relative;top: 50%;margin-top: -0.4rem;margin-right: 0.25rem;}
.radio .radioItem input[type=checkbox]+label span {border-color: #1e5ab0;}
.radio .radioItem input[type=checkbox]+label span:before {content: "";display: block;width: 0.4rem;height: 0.2rem;border-left: 0.1rem solid #1e5ab0;border-bottom: 0.1rem solid #1e5ab0;position: absolute;top: 0.1rem;left: 50%;transform: translate(-50%) rotate(-45deg);visibility: hidden;background: none;}
.radio .radioItem input[type=checkbox]:checked+label span:before {visibility: visible}

.select{ position: relative;height: 1.9rem;}
.select .icn{ position: absolute; right: 0; top: 0; width: 2rem; height: 1.9rem; line-height: 1.9rem; text-align: center;}
.select select{ position: absolute; appearance: none;-webkit-appearance: none; border: none; background: none; z-index: 1; width: 100%; height: 100%; font-size: .65rem; color: #666;}

.formYzm .input{ display: inline;}
.formYzm .yzmImg{ width: 4rem; height: 1.9rem; float: left; display: inline; margin-left: .5rem; overflow: hidden; padding: .1rem; box-sizing: border-box;-webkit-box-sizing: border-box;}
.formYzm .yzmImg img{ display: block; width: 100%; height: 100%;}

.formSubBtn{ font-size: 0; text-align: left; margin: 0 -.25rem;}
.formSubBtn a{ padding:0 1.5rem;}
.formSubBtn a.submit{ background: #1e5ab0; color: #FFF;}
.formSubBtn a.reset{ background: #ddd; color: #8b8b8b;}
/* 表单公用end */
/* ========== 留言 start ========== */
/* 列表start */

/* 列表end */
/* 表单start */

/* 表单end */
/* ========== 留言 end ========== */
/* ========== 招聘 start ========== */
/* 列表 start */

/* 列表 end */
/* 详情 start */

/* 详情 end */
/* 表单 start */

/* 表单 end */
/* ========== 招聘 end ========== */
/* ========== 问卷调查 start ========== */
/* 列表start */

/* 列表end */
/* 表单start */

/* 表单end */
/* ========== 问卷调查 end ========== */
/* 嘉和文化 start */
.cultureDl {padding-top: 0.7rem;margin-bottom: 1.4rem;}
.cultureDl dd {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.2rem;
    margin-bottom: 0.8rem;
    padding: 0.64rem 0.88rem;
}
.cultureDl dd .icon {
    width: 1.58rem;
    height: 1.58rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 1rem;
}
.cultureDl dd .text {
    flex: 1;
}
.cultureDl dd .title {
    line-height: 1.08rem;
    height: 1.08rem;
    font-size: 0.72rem;
    color: #2d72d2;
}
.cultureDl dd .title1 {
    line-height: 1.2rem;
    height: 2.4rem;
    font-size: 0.84rem;
    font-weight: bold;
    font-family: 'pf';
    color: #333333;
}

.culture2 {
    border-radius: 0.2rem 0.2rem 0.14rem 0.14rem;
    background: #fff;
    overflow: hidden;
    padding-bottom: 0.72rem;
}
.culture2 .pic::before {padding-top: 68.4390%;}
.culture2 .text {
    padding: 0 1rem;
}
.culture2 .text .title {
    line-height: 1.4rem;
    height: 1.4rem;
    font-size: 0.892rem;
    color: #333333;
    font-weight: bold;
    font-family: 'pf';
    display: flex;
    align-items: center;
    margin-bottom: 0.36rem;
    padding-top: 0.6rem;
}
.culture2 .text .title span {
    display: inline-block;
    width: 0.2974rem;
    height: 0.8624rem;
    background: #2d72d2;
    border-radius: 0.86rem;
    margin-right: 0.6rem;
}
.culture2 .text .textC {
    line-height: 1.24rem;
    font-size: 0.7134rem;
    color: #999999;
}

.culture3 {
    padding-top: 2.44rem;
    padding-bottom: 1.3rem;
}
.culture3T {
    line-height: 1.16rem;
    height: 1.16rem;
    font-size: 0.92rem;
    font-weight: bold;
    font-family: 'pf';
    color: #333333;
    text-align: center;
}
.culture3T1 {
    line-height: 0.96rem;
    height: 0.96rem;
    font-size: 0.64rem;
    color: #666666;
    text-align: center;
    margin-bottom: 1.12rem;
}
.culture3Dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.45rem;
    height: 24.7rem;
    overflow: hidden;
    transition: all .5s;
}
.culture3Dl dd {
    width: 50%;
    margin-bottom: 0.9rem;
}
.culture3Dl dd .con {
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    margin: 0 0.45rem;
    padding-bottom: 0.1rem;
    overflow: hidden;
}
.culture3Dl dd .con .pic::before {padding-top: 66.7346%;}
.culture3Dl dd .con .title {
    line-height: 1.8rem;
    height: 1.8rem;
    font-size: 0.64rem;
    color: #666666;
    text-align: center;
    padding: 0 1rem;
    box-sizing: border-box;
}

.showAll {
    font-size: 0.64rem;
    color: #999999;
    line-height: 1.28rem;
    margin-bottom: 0.12rem;
    text-align: center;
}
.showAll .icon {
    width: 0.78rem;
    height: 0.4rem;
    background: url(../test/culture/show.png) center center no-repeat;
    background-size: 100%;
    margin: auto;
    transition: all .5s;
}
.culture3.active .culture3Dl {height: 100%;}
.culture3.active .icon {transform: rotate(180deg);}
/* 嘉和文化 end */

/* 合作伙伴 start */
.cooperation {
    padding-top: 1.4rem;
}
.cooperationT {
    line-height: 1.24rem;
    font-size: 0.92rem;
    color: #333333;
    text-align: center;
}
.cooperationT1 {
    line-height: 1rem;
    height: 1rem;
    font-size: 0.72rem;
    color: #999999;
    text-align: center;
    margin-bottom: 1.6rem;
}
.cooperation .pic {margin-bottom: 1.48rem;}
.cooperation .pic::before {padding-top: 54.6755%;}
.cooperation .pic .icon {
    position: absolute;
    top: 4.1rem;
    left: 5.9rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #eb1524;
    border-radius: 50%;
}
.cooperation .pic .icon::before {
    position: absolute;
    display: block;
    content: '';
    top: -6px;
    left: -6px;
    width: 250%;
    height: 250%;
    background: #eb1524;
    opacity: .6;
    border-radius: 50%;
    animation: mapDd 2s linear infinite;
}

@keyframes mapDd {
    0% {
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
    to {
        opacity:0
    }
}
.cooperation2 {
    background: #fff;
    padding: 0.44rem 1rem;
    overflow: hidden;
    border-radius: 0.2rem;
    padding-bottom: 0.88rem;
    margin-bottom: 1.2rem;
}
.cooperation2 .title {
    line-height: 1.84rem;
    height: 1.84rem;
    font-size: 0.84rem;
    color: #2564be;
}
.cooperation2 .textC {
    line-height: 1.04rem;
    font-size: 0.64rem;
    color: #666666;
    margin-bottom: 0.8rem;
}
.cooperation2 .line {
    width: 200%;
    height: 0.06rem;
    background: #f5f5f5;
    margin: 0 -1rem;
}
.cooperation2 .textC1 {
    padding-top: 0.72rem;
    line-height: 1.2rem;
    font-size: 0.64rem;
    color: #666666;
}
.cooperation2 .textC1 span {
    color: #2564be;
}
.cooperation2 .textC1 em {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    background: #2564be;
    border-radius: 50%;
    margin-right: 0.6rem;
}

.cooperationDl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.4rem;
}
.cooperationDl dd {
    width: 50%;
    margin-bottom: 0.6rem;
}
.cooperationDl dd .con {
    height: 4.04rem;
    display: block;
    background: #fff;
    border-radius: 0.1rem;
    margin: 0 0.4rem;
    padding:.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cooperationDl dd .con img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* 合作伙伴 end */
/* 服务领域 start */
.services1 {
    background: #fff;
    border-radius: 0.2rem;
    padding: 0.6rem 1rem;
    padding-bottom: 1.4rem;
    margin-bottom: 0.8rem;
}
.services1 .title {
    line-height: 2.4rem;
    height: 2.4rem;
    font-size: 0.84rem;
    font-weight: bold;
    font-family: 'pf';
    color: #2564be;
}
.services1 .title::before {width: 60%;}
.services1 .textC {
    line-height: 1.16rem;
    font-size: 0.64rem;
    color: #181818;
    padding-top: 0.52rem;
    margin-bottom: 0.72rem;
}
.services1 .pic {border-radius: 0.2rem;overflow: hidden;}
.services1 .pic::before {padding-top: 66.7027%;}

.servicesDl dd {
    margin-bottom: 0.8rem;
}
.servicesDl .con {
    display: flex;
    background: #fff;
    border-radius: 0.2rem;
    padding: 1rem 1rem;
    box-sizing: border-box;
}
.servicesDl .con .pic {
    width: 7.38rem;
    margin-left: 1.4rem;
}
.servicesDl .con .pic::before {padding-top: 100%;}
.servicesDl .con .pic img {object-fit: contain;}
.servicesDl .con .text {
    flex: 1;
}
.servicesDl .con .title {
    padding-top: 0.4rem;
    line-height: 1.12rem;
    height: 2.24rem;
    font-size: 0.72rem;
    color: #333333;
    margin-bottom: 0.6rem;
}
.servicesDl .con .line {
    position: relative;
    width: 100%;
    height: 0.04rem;
    background: #e8e8e8;
    margin-bottom: 0.52rem;
}
.servicesDl .con .line::before {
    position: absolute;
    display: block;
    content: '';
    width: 1.4rem;
    height: 100%;
    background: #2564be;
}
.servicesDl .con .textC {
    line-height: 0.96rem;
    height: 2.88rem;
    font-size: 0.52rem;
    color: #777777;
}
/* 服务领域 end */

/* 检测平台 start */
.detection {padding-top: 1.04rem;padding-bottom: 1.04rem;}
.detection .pic {
    border-radius: 0.2rem;
    overflow: hidden;
    margin: 0 1rem;
    display: block;
    margin-bottom: 0.68rem;
}
.detection .pic::before {padding-top: 66.7027%;}

.detectionT {
    line-height: 2.36rem;
    height: 2.36rem;
    font-size: 0.96rem;
    color: #333333;
    display: flex;
    align-items: center;
}
.detectionT span {
    display: inline-block;
    width: 0.12rem;
    height: 1rem;
    border-radius: 1rem;
    background: #2d72d2;
    margin-right: 0.56rem;
}
.detectionText {
    line-height: 1.16rem;
    font-size: 0.68rem;
    color: #666666;
}
/* 检测平台 end */

/* 智慧运维 start */
.wisdomText{font-size:.7rem;color: #999999;line-height: 1.2rem;text-align: justify;margin-bottom: 0.75rem;}
.wisdom .pic{margin-bottom: 0.75rem;}
.wisdom .pic::before{padding-top:57.971%;}
.wisdom .title{font-size:.7rem;color: #333;height: 1.2rem;line-height: 1.2rem;margin-bottom: 0.75rem;}
.wisdomCon{margin-bottom: 0.75rem;}
.wisdomCon .text{font-size:.7rem;color: #333;line-height: 1.2rem;background: url(../images/wisdomIcn.png) no-repeat left center / .5rem .5rem;padding-left: 0.8rem;}
.wisdomCon .text i{font-size:.8rem;color: #367ee8;display: inline-block;font-style: normal;}
.wisdomCon .con{font-size:.7rem;color: #999999;line-height: 1.2rem;}
.wisdomList{overflow: hidden;margin-bottom: 0.75rem;}
.wisdomList dd{float: left;display: inline;width: 50%;}
.wisdomList dd:nth-child(1),
.wisdomList dd:nth-child(2){border-bottom: 1px dashed #e2e3e5;padding-bottom: 0.5rem;margin-bottom: 0.5rem;}
.wisdomList dd .num{font-size:.85rem ;color: #2d72d2;line-height: 1.2rem;font-family: 'HarmonyOS-Bold';}
.wisdomList dd span{display: block; font-size:.7rem ;color: #333;line-height: 1.2rem;}
/* 智慧运维 end */
/* 联系方式 start */
.contactDl {
    padding-top: 0.7rem;
    margin-bottom: 0.5rem;
}
.contactDl dd {
    margin-bottom: 0.7rem;
    display: flex;
    background: #fff;
    padding: 0.7rem 0.9rem;
    border-radius: 0.2rem;
}
.contactDl dd .icon {
    width: 2.18rem;
    height: 2.18rem;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
    margin-right: 1rem;
}
.contactDl dd .icn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../test/contact/contactDl.png) center center no-repeat;
    background-size: 100%;
    animation: contactYuan 6s linear infinite;
}
.contactDl dd .label {
    width: 3.8rem;
    line-height: 1.32rem;
    font-size: 0.64rem;
    color: #999999;
}
.contactDl dd .title {
    flex: 1;
    line-height: 1.32rem;
    font-size: 0.72rem;
    color: #333333;
}

@keyframes contactYuan {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
    0%{transform: rotate(0);}
}

.mapBox {
    height: 12.4rem;
    padding-top: 0.5rem;
}
.mapBox .map {
    height: 12.4rem;
    box-shadow: 0 0 16px rgba(0, 0, 0, 5%);
}
#map .BMap_Marker label {
    left: -3.8rem !important;
    top: -2.5rem !important;
    width: 8.675rem;
    background: #fff !important;
    border: none !important;
    white-space: unset !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 0.28rem !important;
    line-height: 0.36rem !important;
    color: #333333;
    text-align: center;
    font-size: .8rem !important;
    /* padding: .2rem 0 !important; */
    line-height: 1rem !important;
    padding:0.16rem 0 !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 5%);
}
#map .BMap_Marker div img {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 86% !important;
    height: 100% !important;
}
#map .BMap_Marker::before {
    content: "";
    display: block;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 50%;
    background: rgba(0, 130, 233, .2);
    position: absolute;
    animation: circle-opacity 2s infinite;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0, 0);
}
#map .BMap_Marker {
    width: 0.66rem !important;
    height: 0.78rem !important;
    position: relative;
}
#map .BMap_stdMpZoom,
#map .anchorBL,
#map .BMap_scaleCtrl {
    display: none;
}

.contact .fromBox {
    margin: 0 -0.96rem;
    padding: 0 0.96rem;
}
.contact .fromTitle {
    line-height: 1.88rem;
    font-size: 1.04rem;
    color: #333333;
    text-align: center;
    padding-top: 1.28rem;
}
.contact .fromTitle1 {
    line-height: 1.6rem;
    font-size: 0.6rem;
    color: #666666;
    text-align: center;
    margin-bottom: 1.12rem;
}

.fromItem,
.fromItem .inp {
    display: flex;
    background: #fff;
    border-radius: 0.2rem;
    margin-bottom: 0.72rem;
    padding: 0 0.68rem;
}
.fromItem::before {border-radius: 0.2rem;}
.fromItem .label {
    width: 4.2rem;
    line-height: 2.2rem;
    height: 2.2rem;
    font-size: 0.72rem;
    color: #333333;
}
.fromItem .label span {color: #e80010;}
.fromItem .input {
    flex: 1;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 ;
}
.fromItem .input input,textarea {
    width: 100%;
    height: 100%;
    font-size: 0.72rem;
    color: #333;
}
.fromItem .input input::placeholder,
textarea::placeholder {font-size: 0.72rem;color: #ccc;}

.fromItem.textA .input {
    height: 8.04rem;
}
.fromItem.textA .input textarea {
    height: 80%;
    box-sizing: border-box;
    border: none;
    background: none;
    margin: .75rem 0;
}

.fromItem.yzm {
    background: none;
    padding: 0;
    display: flex;
}
.fromItem.yzm .label {
    width: 4rem;
}
.fromItem.yzm .inp {
    width: 35%;
    height: 2.2rem;
}
.fromItem.yzm .yzmBox img {
    width: 3.74rem;
    height: 2.2rem;
    margin: 0 0.2rem;
    vertical-align: middle;
}
.fromItem.yzm .yzmBox span {
    line-height: 2.2rem;
    font-size: 0.72rem;
    color: #cccccc;
}

.fromBox .btnBox {
    display: flex;
    padding-top: 0.48rem;
    margin: 0 1rem;
    padding-bottom: 1.32rem;
}
.fromBox .btnBox .btn {
    width: 8rem;
    background: #2564be;
    border-radius: 0.2rem;
    text-align: center;
    line-height: 2.4rem;
    height: 2.4rem;
    color: #fff;
    font-size: 0.84rem;
    margin-right: 0.8rem;
}
.fromBox .btnBox .btn.btn2 {
    flex: 1;
    background: #bababa;
}
/* 联系方式 end */
/* 下载中心 start */
.download {padding-top: 0.5rem;}
.download dd {
    margin-bottom: 0.72rem;
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.72rem 1rem;
}
.download dd .title {
    line-height: 1.4rem;
    height: 2.8rem;
    font-size: 0.8rem;
    color: #181818;
    margin-bottom: 0.84rem;
}
.download dd .moreBox {
    display: flex;
    align-items: center;
}
.download dd .moreBox .more {
    width: 1.76rem;
    height: 1.76rem;
    background: #2d72d2 url(../images/dwMore.png) center center no-repeat;
    background-size: 50%;
    border-radius: 50%;
}
.download dd .moreBox .time {
    flex: 1;
    line-height: 1.32rem;
    font-size: 0.72rem;
    color: #7b7b7b;
}
/* 下载中心 end */
/* 产品详情 start */
.subBox.product {padding: 0;}
.product1 {
    background: #fff;
    padding-top: 1.84rem;
    padding-bottom: 1.04rem;
    margin-bottom: 0.8rem;
}
.product1 .imgBox {
    position: relative;
    margin-bottom: 1.24rem;
}
.product1 .pic {
    width: 13rem;
    height: 16rem;
    margin-left: 3.9rem;
}
.product1 .pic::before {padding-top: 100%;}
.product1 .pic img {
    object-fit: contain;
    transition: all .5s;
}

.picDl {
    position: absolute;
    top: 2rem;
    left: 0;
    width: 3rem;
}
.picDl dd {
    width: 2.88rem;
    height: 2.88rem;
    margin-bottom: 0.4rem;
    overflow: hidden;
}
.picDl dd::before {z-index: 66;}
.picDl dd.active::before {border-color: #2d72d2;}
.picDl dd img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.imgBox .dw {
    display: block;
    position: absolute;
    bottom: 0.6rem;
    right: 0;
    width: 7rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #2d72d2;
    border-radius: 2rem 2rem 2rem 0;
    color: #fff;
    font-size: 0.72rem;
}
.imgBox .dw img {
    width: 0.8rem;
    margin-left: 0.64rem;
}

.product1 .title {
    line-height: 1.08rem;
    height: 2.16rem;
    font-size: 0.92rem;
    color: #061729;
    padding-left: 1rem;
    position: relative;
    margin-bottom: 0.8rem;
}
.product1 .title::before {
    position: absolute;
    display: block;
    content: '';
    width: 0.44rem;
    height: 1.84rem;
    background: #2d72d2;
    left: 0;
    top: 50%;
    margin-top: -0.92rem;
}
.product1 .textC {
    line-height: 1.28rem;
    font-size: 0.72rem;
    color: #666666;
    margin-bottom: 0.8rem;
}
.product1 .textC1 {
    margin-bottom: 0;
}
.product1 .textC span {
    font-size: 0.78rem;
    color: #333333;
}

.product2 {padding-top: 0.2rem;background: #fff;border-radius: 0.2rem;margin-bottom: 0.8rem;}
.product2 .title {
    line-height: 2.2rem;
    height: 2.2rem;
    font-size: 0.84rem;
    color: #2d72d2;
    position: relative;
    margin-bottom: 0.72rem;
}
.product2 .title::before {
    position: absolute;
    display: block;
    content: '';
    width: 20%;
    border-bottom: 3px solid #2564be;
    bottom: 0;
    left: 0;
}
.product2Dl {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.28rem;
}
.product2 table{width: 100%;}
.product2 tr {
    line-height: 1.84rem;
    height: 1.84rem;
    font-size: 0.64rem;
    color: #444;
    border-bottom: 1px solid #e5e5e5;
}
.product2 td{
    width: 50%;
    font-size: 0.64rem;
    color: #999999;
}
.product2 dd:last-child {border: none;}

.product3 {padding-top: 0.2rem;background: #fff;padding-bottom: 1.4rem;margin-bottom: 1.8rem;}
.product3 .title1 {
    line-height: 2.2rem;
    height: 2.2rem;
    font-size: 0.84rem;
    color: #2d72d2;
    position: relative;
    margin-bottom: 1.2rem;
}
.product3 .title1::before {
    position: absolute;
    display: block;
    content: '';
    width: 20%;
    border-bottom: 3px solid #2564be;
    bottom: 0;
    left: 0;
}

.product3Dl {
    display: flex;
    margin: 0 -0.45rem;
    flex-wrap: wrap;
    height: 19rem;
    overflow: hidden;
}
.product3.active .product3Dl {height: unset;}
.product3.active .icon {transform: rotate(180deg);}

.product3Dl dd {
    width: 50%;
    margin-bottom: 0.9rem;
}
.product3Dl dd .con {
    display: block;
    margin: 0 0.45rem;
    border-radius: 0.2rem;
    overflow: hidden;
}
.product3Dl dd .con::before {padding-top: 66.7346%;}
/* 产品详情 end */
/* 高效节能泵 start */
.efficient {
    padding-top: 1.2rem;
}
.efficient .pic {margin-bottom: .7rem;}
.efficient .pic::before {padding-top: 66.7027%;}
.efficient .pic img {object-fit: contain;}

.efficientT {
    line-height: 1.2rem;
    font-size: 0.96rem;
    color: #333333;
    position: relative;
    padding-left: 0.72rem;
    margin-bottom: 0.5rem;
}
.efficientT::before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    width: 0.12rem;
    height: 1rem;
    margin-top: -0.5rem;
    background: #2d72d2;
    border-radius: 1rem;
}
.efficientText {
    line-height: 1.16rem;
    font-size: 0.68rem;
    color: #666666;
    margin-bottom: 1.12rem;
    text-align: justify;
}

.efficient2 {
    padding-top: 0.64rem;
    padding-bottom: 1.6rem;
    background: url(../test/efficient/efficient2Bg.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 -.75rem;
}
.efficient2 .efficientT {margin-bottom: 0.12rem;}
.efficient2 .efficientT,
.efficient2 .efficientText {color: #fff;margin-bottom: 0;text-align: center;}
.efficient2 .efficientT::before {display: none;}
.efficient2 .efficientText {line-height: 0.96rem;text-align: justify;}

.efficient3 {
    padding-top: 0.88rem;
}
.efficient3 .efficientTextC {
    line-height: 1.2rem;
    font-size: 0.64rem;
    color: #647289;
    margin-bottom: 0.9rem;
}

.efficient3Dl {
    background: #f4f6f9;
    background-size: cover;
    padding: 0.48rem 1rem;
    border: 1px solid #fff;
    border-radius: 0.1rem;
    box-shadow: 0 0 16px rgba(255, 255, 255, 10%);
    padding-bottom: 0.12rem;
    margin-bottom: 1rem;
    text-align: justify;
}

.efficient3Dl dt .title {
    line-height: 1.76rem;
    height: 1.76rem;
    font-size: 0.76rem;
    color: #2d72d2;
    position: relative;
    margin-bottom: 0.8rem;
}
.efficient3Dl dt .title::before {
    position: absolute;
    display: block;
    content: '';
    width: 1.06rem;
    height: 0.1rem;
    background: #2d72d2;
    border-radius: 0.1rem;
    bottom: 0;
    left: 0;
}
.efficient3Dl dd .title {
    line-height: 1.04rem;
    font-size: 0.68rem;
    color: #555555;
    margin-bottom: 1.04rem;
}

/* 高效节能泵 end */
/* 智慧节能 start */
.energy {
    padding-top: 1.04rem;
    margin-bottom: 0.8rem;
}
.energy .pic::before{padding-top: 66.7027%;}
.energy .pic img {object-fit: contain;}
.energyDl {
    padding-top: 1.12rem;
}
.energyDl dd {
    padding: 0.4rem 1.08rem;
    margin-bottom: 0.92rem;
    border: 1px solid #ffffff;
    border-radius: 0.2rem;
    background-image: linear-gradient( -90deg, rgb(244,246,249) 0%, rgb(254,254,254) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(244,246,249) 0%, rgb(254,254,254) 100%);
}
.energyDl dd .title {
    line-height: 1.48rem;
    height: 1.48rem;
    font-size: 0.68rem;
    color: #333333;
}
.energyDl dd .textC {
    line-height: 1.36rem;
    font-size: 0.64rem;
    color: #9ba6b9;
}

.energy1 {
    background: #f4f5f9;
    margin: 0 -.75rem;
    padding-top: 1.12rem;
}
.energy1 .pic::before {padding-top: 66.5898%;}
.energy1 .pic img {object-fit: contain;}

.energyDl dt .title {
    line-height: 1.76rem;
    height: 1.76rem;
    font-size: 0.76rem;
    color: #2d72d2;
    position: relative;
    margin-bottom: 0.8rem;
}
.energyDl dt .title::before {
    position: absolute;
    display: block;
    content: '';
    width: 1.06rem;
    height: 0.1rem;
    background: #2d72d2;
    border-radius: 0.1rem;
    bottom: 0;
    left: 0;
}

.energyDl.Dl {padding-bottom: 1.32rem;}
.energyDl.Dl dd {
    background: none;
    border: none;
    padding: 0;
}
.energyDl .textC1 {
    line-height: 1.2rem;
    font-size: 0.68rem;
    color: #666666;
}
/* 智慧节能 end */
/* 关于我们 start */
.about {
    margin: 0 -.75rem;
}
.about1 {
    padding-top: 2.16rem;
    background: #fff url(../test/about/about1Bg.jpg) center bottom no-repeat;
    background-size: cover;
}
.aboutTitle {
    line-height: 1.64rem;
    height: 1.64rem;
    font-size: 0.96rem;
    font-weight: bold;
    font-family: 'pf';
    color: #333333;
    margin-bottom: 0.88rem;
    text-align: center;
}
.aboutTextC {
    line-height: 1.04rem;
    font-size: 0.84rem;
    color: #364e73;
    text-align: center;
    margin-bottom: 1.08rem;
}
.aboutTextC1 {
    line-height: 1.32rem;
    font-size: 0.68rem;
    color: #666666;
    height: 8rem;
    overflow: hidden;
    margin-bottom: 0.72rem;
}
.about1.active .aboutTextC1 {height: unset;}
.about1.active .icon {transform: rotate(180deg);}

.about1 .showAll {
    margin-bottom: 2.92rem;
}

.about1 .play {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    bottom: 1rem;
  }
  .about1 .play a {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../test/about/play.png) center center no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 3;
  }
  .about1 .play .bg {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: -2PX;
    left: -2PX;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }
  .about1 .play .bg::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(45,114,210,.5);
    left: 50%;
    top: 50%;
    animation: circle-opacity 4s linear infinite;
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform: translate(-50%,-50%) scale(0);
  }
  .about1 .play .bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(45,114,210,.5);
    position: absolute;
    left: 50%;
    top: 50%;
    animation: circle-opacity 4s linear infinite;
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform: translate(-50%,-50%) scale(0);
    animation-delay: 2s;
  }
  @keyframes circle-opacity {
    0% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1)
    }
    to {
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.2);
        -webkit-transform: translate(-50%,-50%) scale(3.2)
    }
  }

  .about2 {
    background: url(../test/about/about2Bg.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: self-start;
    padding-top: 2.64rem;
    padding-bottom: 2.4rem;
  }
  .about2 dd {
    flex: 1;
    margin-right: 0.5rem;
  }
  .about2 .num {
    line-height: 1.76rem;
    height: 1.76rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.2rem;
    position: relative;
  }
  .about2 .num span{
    display: inline-block;
    font-size: .6rem;
    position: absolute;
    right: 3.3rem;
    top: -.3rem;
  }
  .about2 .title {
    line-height: 0.8rem;
    font-size: 0.65rem;
    color: #fff;
}

.about3 {
    background: url(../test/about/about3Bg.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 3.5rem;
    padding-top: 1.7rem;
}
.about3Swiper {
    padding-top: 2.48rem;
    overflow: hidden;
}
.about3Swiper .swiper-slide {
    border-radius: 0.1rem;
    overflow: hidden;
}
.about3Swiper .pic::before {padding-top: 66.6666%;}
.swiperBox {
    position: relative;
}
.swiperBox::before {
    position: absolute;
    display: block;
    content: '';
    width: 109%;
    height: 0.74rem;
    background: url(../test/about/line.png) center center no-repeat;
    background-size: 100%;
    top: 41.5%;
    left: -17px;
}
.about3SwiperNum {
    line-height: 4.96rem;
    text-align: center;
    font-size: 6rem;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #2464be, rgba(255, 255, 255, 0));
    background-clip: text; /* 将渐变应用于文本 */
    -webkit-background-clip: text; /* 将渐变应用于文本 */
    color: transparent; /* 隐藏原有文字颜色 */
    transition: all .5s;
    position: relative;
    margin: 0 -.75rem;
}

.about3Pagination {
    height: 4.48rem;
    text-align: center;
    width: 100% !important;
    transform: translateX(0%) !important;
    overflow: visible !important;
}
.about3Pagination .swiper-pagination-bullet {
    width: 3.24rem !important;
    height: 4.48rem !important;
    opacity: 1 !important;
    background: none !important;
    transition: all .5s !important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(1) !important;
}
.about3Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transform: translateY(-0.8rem) !important;
}
.about3Pagination .swiper-pagination-bullet .dot {
    background: #2464be;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 50%;
    margin: auto;
}
.about3Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
    background: #ff0000;
}
.about3Pagination .swiper-pagination-bullet .line {
    width: 0.04rem;
    height: 0.3rem;
    background: #2464be;
    margin: auto;
    margin-bottom: 0.12rem;
}
.about3Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .line {
    height: 1.08rem;
}

.about3Pagination .swiper-pagination-bullet .num {
    text-align: center;
    font-size: 0.72rem;
    color: #2564be;
    width: 2.34rem;
    height: 2.34rem;
    line-height: 2.34rem;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 0.24rem;
    position: relative;
    transition: all .5s;
}
.about3Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .num {
    background: #2564be;
    color: #fff;
}
.about3Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .num::before {
    position: absolute;
    display: block;
    content: '';
    width: 130%;
    height: 130%;
    background: rgba(37,100,190,.2);
    top: -7px;
    left: -7px;
    border-radius: 50%;
    transition: all .5s;
}

.about3Swiper .pic {
    overflow: hidden;
    border-radius: 0.1rem;
    margin-bottom: 1.04rem;
}

.about3SwiperText .textC {
    line-height: 1.2rem;
    font-size: 0.68rem;
    color: #444444;
    position: relative;
    padding-left: 1rem;
    margin-bottom: 0.44rem;
}
.about3SwiperText .textC::before {
    position: absolute;
    display: block;
    content: '';
    width: 0.46rem;
    height: 0.04rem;
    background-color: #999999;
    top: 0.44rem;
    left: 0;
}

.about4 {
    background: url(../test/about/about4Bg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 2rem;
    padding-bottom: 5.04rem;
}
.about4 .aboutTitle {color: #fff;}
.about4SwiperText .title {
    line-height: 1.8rem;
    height: 1.8rem;
    font-size: 0.92rem;
    color: #ffffff;
    padding-top: 0.44rem;
    text-align: center;
}
.about4SwiperText .title1 {
    line-height: 1.8rem;
    height: 1.8rem;
    font-size: 0.84rem;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0.52rem;
}
.about4SwiperText .More {text-align: center;}
.about4SwiperText .moreBox {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 1.76rem;
    line-height: 1.76rem;
    height: 1.76rem;
    color: #fff;
    font-size: 0.72rem;
    padding: 0 0.92rem;
    margin: auto;
    margin-bottom: 5.08rem;
}
.about4SwiperText .moreBox img {
    width: 0.94rem;
    margin-left: 0.4rem;
}
.about4Pagination {
    height: 5.12rem !important;
    width: 100% !important; 
    transform: translateX(0) !important;
    left: 0 !important;
    position: relative;
}

.about4Pagination .swiper-pagination-bullet {
    position: absolute !important;
    top: 24px;
    left: -21px !important;
    opacity: 1 !important;
    background: none !important;
    width: 4.6rem;
    height: 3.3rem;
}
.about4Pagination .swiper-pagination-bullet:nth-child(2) {
    top: 44px !important;
    left: 50px !important;
}
.about4Pagination .swiper-pagination-bullet:nth-child(3) {
    top: 51px !important;
    left: 125px !important;
}
.about4Pagination .swiper-pagination-bullet:nth-child(4) {
    top: 46px !important;
    left: unset !important;
    right: 56px;
}
.about4Pagination .swiper-pagination-bullet:nth-child(5) {
    top: 26px !important;
    left: unset !important;
    right: -17px;
}
.about4Pagination .title {
    display: block;
    line-height: 1.92rem;
    font-size: 0.7rem;
    color: #fff;
    margin: auto;
    text-align: center;
    z-index: 6;
    position: relative;
}
.about4Pagination .num{
    font-size: .75rem;
    color: #fff;
}
.about4Pagination .dot {
    width: 0.2rem;
    height: 0.25rem;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.about4Pagination .dot svg {
    position: absolute;
    left: -48px;
    top: -47px;
    opacity: 0;
    z-index: 5;
}
.about4Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .dot svg {
    opacity: 1;
}

.about4Pagination  .progress {
    stroke-dashoffset: 190;
    animation: progress-ring 3.2s linear infinite;
    animation-play-state: paused;
}
.about4Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress {
    animation-play-state: running;
}
  
  @keyframes progress-ring {
    0% {
      stroke-dashoffset: 190;
    }
    100% {
      stroke-dashoffset: 127;
    }
  }
/* 关于我们 end */
/* 登录 start */
.loginBox {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .5s;
    z-index: 999;
}
.login {
    width: 100%;
    background: url(../test/login/bg.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 0.2rem;
    padding: 0 1.08rem;
    padding-top: 0.68rem;
    box-sizing: border-box;
}
.loginTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.04rem;
}
.loginTop .L img {
    width: 6.38rem;
}
.loginTop .R img {
    width: 0.68rem;
}
.loginTitle {
    line-height: 2rem;
    height: 2rem;
    text-align: center;
    font-size: 0.92rem;
    font-weight: bold;
    color: #2d72d2;
    position: relative;
    margin-bottom: 1.2rem;
}
.loginTitle::before {
    position: absolute;
    display: block;
    content: '';
    width: 2.2rem;
    height: 0.08rem;
    background: #2d72d2;
    border-radius: 0.08rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loginForm {padding: 0 0.68rem;}
.loginForm .form {
    height: 2.4rem;
    line-height: 2.4rem;
    background: #f6f7fb;
    border-radius: 2.4rem;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    padding: 0 0.8rem;
    box-sizing: border-box;
}
.loginForm .form .label {
    width: 3rem;
    font-size: 0.68rem;
    color: #b4b4b4;
}
.loginForm .formBox .label {
    width: 3rem;
}
.loginForm .form .input {
    flex: 1;
}
.loginForm .formBox {
    display: flex;
    align-items: center;
    height: 2.4rem;
    margin-bottom: 2rem;
}
.loginForm .formBox .form {
    flex: 1;
    margin-bottom: 0;
}
.loginForm .formBox .img {
    width: 3.96rem;
    height: 1.56rem;
    margin-left: 1.2rem;
}
.loginForm .formBox .img img {
    width: 100%;
    height: 100%;
}
.loginBtn {
    text-align: center;
    margin-bottom: 3.3rem;
}
.loginBtn .btn {
    display: inline-block;
    height: 2.2rem;
    background-image: linear-gradient( 0deg, rgb(0,192,250) 0%, rgb(42,113,214) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(0,192,250) 0%, rgb(42,113,214) 100%);
    box-shadow: 0px 7px 27px 0px rgba(50, 129, 255, 0.51);
    padding: 0 3.2rem;
    font-size: 0.84rem;
    color: #fff;
    line-height: 2.2rem;
    border-radius: 2.2rem;
}
.loginBtnList{font-size: 0;text-align: center;margin-bottom: 1rem;}
.loginBtnList dd{display: inline-block;vertical-align: middle;font-size: .8rem;color: #666;height:2rem;line-height: 2rem;margin-right: 0.75rem;padding:0 .5rem;position: relative;}
.loginBtnList dd::before{display: block;content: '';transform: scale(0);-webkit-transform: scale(0);transition: all 500ms;-webkit-transition: all 500ms;}
.loginBtnList dd.hover{color: #2d72d2;}
.loginBtnList dd.hover::before{width: 100%;height: 0.2rem;background-color: #2d72d2;position: absolute;left: 0;bottom: 0;transform: scale(1);-webkit-transform: scale(1);}
/* 登录 end */