/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}

/*banner*/
#banner{
    position: relative;
    overflow: hidden;
    margin-top: 70px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next{
    width: 60px;
    height: 60px;
    position: absolute;
    top:50%;
    margin-top: -30px;
    color:#fff;
    z-index: 100;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    opacity: .3;
    transition: .3s;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover{
    opacity: 1;
}
.banner-swiper-button-prev i,
.banner-swiper-button-next i{
    font-size: 36px;
}
.banner-swiper-button-prev{
    left: 40px;
}
.banner-swiper-button-next{
    right: 40px;
}
.main-banner{
    /* background-color: #2E65EF; */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    overflow:hidden;
}
.main-banner.banner86v-1{
    background-image: url(../image/20210430banner02.jpg);
}
.main-banner.banner86v-2{
    background-image: url(../image/20210430banner01.jpg);
}
.abt-left-center{
	position: absolute;
	bottom: 130px;
	left: 0;
	z-index: 1;
}
.opacity-btn{
	display: inline-block;
	width: 180px;
	height: 60px;
}
.abt-left-center .opacity-btn:nth-child(2){ margin-left: 15px; }
.main-banner.digital-banner{
    background-image: url(/static/images/banner-digital.jpg);
}
.main-banner.v8-banner{
    background-image: url(../image/微信图片_202104301714391.jpg);
}
.main-banner.omo-banner{
    background-image: url(/static/images/banner02.jpg);
}
.main-banner.zxjy-banner{
    background-image: url(/static/images/banner03.jpg);
}
.main-banner.activity-banner{
    background-image: url(/static/images/activity/banner-01.jpg);
}
.main-banner .ks-container{
    position: relative;
    height: 100%;
    opacity: 0;
    transition: .3s;
}
.main-banner-img::before{
    content: '';
    background-image: url(/static/images/banner-bg.png?v2);
    background-repeat:  no-repeat;
    background-position: 50% 100%;
    width: 260%;
    height: 230%;
    position: absolute;
    left:-80%;
    top:-43%;
    background-size: auto 100%;
}




.ptb3 {
    padding: 3% 0;
}
@media ( max-width:1500px){
    .Top{padding-right: 410px;}
    .Nav li .am{font-size:17px;}
    .HomeData{padding:1% 0;}
}
.HomeData{background: #ebf0f5; border-bottom: 6px solid #f5fafe;}
.HomeData li{width: 25%; float: left; text-align: center;}
.HomeData li .box{border-right: 1px solid #fff;}
.HomeData li:last-child .box{border-right: none;}
.HomeData li .icon,.HomeData li .con{display: inline-block; vertical-align: middle;}
.HomeData li .icon{margin-right: 12px;}
.HomeData li .con{text-align: left;}
.HomeData li .con .num{font-size: 24px; color: #004f99; font-family: "DIN Medium"; line-height: 55px; background-image: -webkit-linear-gradient(60deg,#004f99,#00a0e9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.HomeData li .con .num span{font-size: 45px;}
.HomeData li .con p{font-size: 13px; color: #4c4c4c; line-height: 24px;}



.indtit{width: auto;}
.indtit h4{font-size: 32px;color: #061828; position:relative;}
.indtit h4:after{content: "";width:35px;height:3px; left:0; bottom:0; background-color:#008fe5;position: absolute;transition: all .4s ease;}
.indtit p{font-size: 16px;color: #505362;line-height: 24px;margin-top: 14px;}
.indpro{width: 100%;padding: 60px 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.indpro-bar{width: 100%;}
.indpro-bar .indtit{float: left;}
.indpro-menu{float: right;font-size: 0;padding-top: 40px;}
.indpro-menu-link, .indpro-menu-more{display: inline-block;vertical-align: middle;user-select: none;}
.indpro-menu-link li{display: inline-block;margin: 0 20px;position: relative;font-size: 14px;color: #555;cursor: pointer;transition: all .4s ease;}
.indpro-menu-link li:after{content: "";width: 0;right: 0;height: 2px;background: #2386ee;transition: all .4s ease;position: absolute;bottom: -3px;}
.indpro-menu-link li.ontrue, .indpro-menu-link li:hover{color: #2386ee;}
.indpro-menu-link li.ontrue:after{width: 100%;right: auto;left: 0;}
.indpro-menu-link li:hover:after{width: 100%;right: auto;left: 0;}
.indpro-menu-more {width: 120px;height: 36px;margin-left: 20px;line-height: 28px;border-radius: 5px;border: 2px solid #2386ee;font-size: 14px;text-align: center;color: #2386ee;position: relative;transition: all .4s ease;}
.indpro-menu-more span{position: relative;z-index: 2;}
.indpro-menu-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indpro-menu-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indpro-menu-more:hover{color: #fff;}
.indpro-menu-more:hover:after{width: 100%;right: auto;left: 0;}
.indpro-box{width: 100%;margin-top: 30px;}
.indpro-item{width: 100%;display: none;}
.indpro-item.ontrue{display: block;}
.indpro-video{width: 300px;float: left;padding: 86px 0 0 36px;height: 465px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indpro-video-title{width: 100%;}
.indpro-video-title h6{font-size: 26px;color: #222;font-weight: 700;}
.indpro-video-title h6 span, .indpro-video-title h6 img{display: inline-block;vertical-align: middle;}
.indpro-video-title h6 img{margin-left: 10px;cursor: pointer;border-radius: 50%;transition: all .6s ease;}
.indpro-video-title h6 img:hover{background: #2386ee;}
.indpro-video-title p{font-size: 18px;color: #444;font-weight: 300;margin-top: 12px;}
.indpro-video-link{width: 100%;font-size: 0;margin-top: 40px;}
.indpro-video-link a{display: inline-block;font-size: 14px;color: #2386ee;position: relative;margin-right: 16px;}
.indpro-video-link a:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-video-link a:last-child{margin-right: 0;}
.indpro-video-link a:before{content: "";width: 0;right: 0;height: 1px;background: #2386ee;position: absolute;bottom: 0;transition: all .4s ease;}
.indpro-video-link a:hover:before{width: 100%;right: auto;left: 0;}
.indpro-wd{width: 100%;text-align: center;transition: all .4s ease;}
.indpro-wd i{display: block;height: 62px;line-height: 62px;overflow: hidden;transition: all .2s ease;}
.indpro-wd i img {height: 62px;}
.indpro-wd h4{font-size: 24px;color: #222;margin: 10px 0 16px;}
.indpro-wd p{font-size: 14px;color: #777;line-height: 22px;max-width: 174px;margin: 0 auto;min-height: 44px;}
.indpro-link{width: 100%;position: absolute;bottom: -54px;left: 0;font-size: 0;z-index: 4;transition: all .4s ease;}
.indpro-link a{display: inline-block;vertical-align: top;height: 54px;line-height: 54px;text-align: center;width: 50%;font-size: 14px;}
.indpro-link a:first-child{border: 1px solid #2386ee;color: #2386ee;background: #fff;}
.indpro-link a:last-child{background: linear-gradient(135deg,#0068dd,#00aeee);color: #fff;}
.indpro-link a span:after{content: "";font-family: "FontAwesome";transition: all .4s ease;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-link a:hover span:after{content: "\f105";margin-left: 10px;}
.indpro-list{width: calc(100% - 300px);float: right;}
.indpro-list li{width: 33.3333%;float: left;height: 232.5px;background: #fff;display: flex;align-items: center;position: relative;overflow: hidden;transition: all .4s ease;}
.indpro-list li:before{content: "";width: 1px;height: 100%;position: absolute;background: #dae0e5;top: 0;right: 0;}
.indpro-list li:after{content: "";width: 100%;height: 1px;position: absolute;background: #dae0e5;bottom: 0;left: 0;}
.indpro-list li:nth-child(3n):before{display: none;}
.indpro-list li:nth-child(n+4):after{display: none;}
.indpro-list li:hover .indpro-link{bottom: 0;}
.indpro-list li:hover .indpro-wd i{opacity: 0;}
.indpro-list li:hover .indpro-wd{transform: translateY(-66px);}
.indpro-list li:hover{box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.12);z-index: 2;}


.ijj {  background-color: #f2f4f7;  padding-bottom: 65px; padding-top:65px;}
.ijj-wrap .swiper-button-next{background:url(../image/jt-r.png) no-repeat center;left:auto;right:0;background-size:100%}
.ijj-nav{text-align:center;margin-top:50px}
.ijj-active{color:#fff!important;border:none;background-color:#2386ee!important}
.ijj-txt{background-color:#fff;padding:20px 20px 30px 20px;border:1px #dcdcdc solid;border-top:none;height:120px;overflow:hidden}
.ijj-tx{color:#000;font-size:18px}
.ijj-tx2{color:#555;font-size:14px;line-height:28px;max-height:60px!important;overflow:hidden;padding-bottom:20px}
.ianli-lb{max-width:1200px;width:94%;margin:60px auto 0}
.ijj-wrap{position:relative;max-width:1310px;width:96%;margin:0 auto}
.ijj-wrap .swiper-button-next,.ijj-wrap .swiper-button-prev{background:url(../image/jt-l.png) no-repeat center;width:1.45%;height:37px;background-size:100%;left:0;outline:0}
.ianli-wrap .swiper-button-next,.ijj-wrap .swiper-button-next{background:url(../image/jt-r.png) no-repeat center;left:auto;right:0;background-size:100%}

/* 优势 */
.youshi{ overflow: hidden; width: 100%; height: 1701px; position: relative; background: url("../image/ys.jpg") no-repeat center top;}
.youshi .indtit{ padding-top:25px;}
.youshi .ysItem{ overflow: hidden; width: 485px; padding-left: 130px; position: absolute; left: 50%;}
.youshi .ysItem .num{ position: absolute; left: 0; top: 35px; width: 123px; padding-right: 21px; padding-top: 10px; height: 102px; background: url("../image/ys-y.png") no-repeat center top; font-size: 40px; color: #fff; font-weight: bold; text-align: center; box-sizing:content-box; font-family: "微软雅黑"; line-height:1.23;}
.youshi .ysItem em{ font-size: 12px; color: #fff; display: block}
.youshi .ysItem .wen{ overflow: hidden;}
.youshi .ysItem .wen h3{ font-size: 35px; color: #333;}
.youshi .ysItem .wen h4{ font-size: 20px; color: #333; font-weight: normal}
.youshi .ysItem .wen em{ display: block;text-transform : uppercase; margin: 20px 0 45px 0; font-size: 9px; color: #999}
.youshi .ysItem .wen p{ font-size: 15px; color: #666; line-height: 20px; margin-bottom: 14px; line-height:200%;}
.youshi .img{ display: block; position: absolute; left: 50%;}

.youshi .img01{ top: 170px; margin-left: 30px;}
.youshi .img02{ top: 695px; margin-left: -620px;}
.youshi .img03{ top: 1224px; margin-left: 30px;}
.youshi .ys01{ top: 260px; margin-left: -524px;}
.youshi .ys02{ top: 810px; margin-left: 60px;}
.youshi .ys03{ top: 1320px; margin-left: -522px;}



.owl-carousel .owl-nav{height: 0px;}
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.wow{visibility: hidden;}
.effect-img span{display: block; width: 100%; height: 100%;}

.HomeTit .more{float: right; width: 29px; height: 29px; background: url(../image/more.png); margin-top: 30px;}
.HomeBox{background: #045da5;}
.HomeCumsor{/*background-image: url(../images/boxbg4.png);*/ background-color: #045da5; position:relative;}
.HomeCumsor .HomeTit{ padding-bottom:3%;}
.HomeCumsor .HomeTit p{ color: #004f99; line-height: 34px; font-size: 24px;}
.HomeCumsor .HomeTit p span{font-size: 34px; font-weight: bold;}
#particles-js{position: absolute; width: 100%; height: 100%; left: 0px; top: 0;}

.hzbox{ position:relative; }

.LinkSlider dl dd{width: 18.8%; margin: 0.7% 1.5% 0.7% 0; float: left;}
.LinkSlider dl dd:nth-child(5n){margin-right: 0;}
.LinkSlider dl dd img{display: block; width: 100%;}
.LinkSlider dl dd:hover{box-shadow: 0px 3px 20px rgba(0,79,153,.2);}
.LinkSlider .owl-nav .owl-prev span,.LinkSlider .owl-nav .owl-next span{width: 54px; height: 54px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -27px; z-index: 5;}
.LinkSlider .owl-nav .owl-prev span{left: -7%; background-image: url(../image/left.png);}
.LinkSlider .owl-nav .owl-next span{right: -7%; background-image: url(../image/right.png);}
.LinkSlider .owl-nav .owl-prev span:hover{background-image: url(../image/lefton.png);}
.LinkSlider .owl-nav .owl-next span:hover{background-image: url(../image/righton.png);}


.HomeNews{background-image: url(../image/boxbg2.jpg);}
.boxbg,.effect-img span{background-size: cover; background-position: center center;}
.NewsTop{width: 41.9%; float: left; background: #fff;}
.NewsTop .pic img{display: block; width: 100%; height: 320px;}
.NewsTop .box{padding: 44px 40px 0px; height: 264px;}
.NewsTop .box .con{position: relative;}
.NewsTop .box .date{position: absolute; left: 0px; top: 0px; text-align: center; font-family: "DIN Medium"; width: 64px; color: #004f99;}
.NewsTop .box .date span{display: block; font-weight: bold; font-size: 50px; line-height: 48px; padding-bottom: 4px; border-bottom: 1px solid #e6e6e6;}
.NewsTop .box .date em{display: block; font-size: 14px; line-height: 30px;}
.NewsTop .box .txt{margin-left: 105px;}
.NewsTop .box .txt .time{display: none; font-size: 16px; color: #004f99;}
.NewsTop .box .txt .name{font-size: 22px; line-height: 32px; height: 64px; overflow: hidden; color: #000;}
.NewsTop .box .txt .info{font-size: 16px; line-height: 26px; color: #4c4c4c; height: 52px; overflow: hidden; margin: 20px 0px 45px;}
.NewsTop .box .txt .more{display: block; font-size: 30px; color: #004f99; font-family: "宋体"; font-weight: bold; line-height: 20px;}

.NewsSlider{width: 55.3%; float: right; position: relative;}
.NewsCon dd{border: 1px solid rgba(255,255,255,0); margin-bottom: 28px; height:176px;  overflow:hidden; background-color:#FFF;}
.NewsCon dd:last-child{margin-bottom: 0;}
.NewsCon dd .effect-img{width: 36%;height:189px; float: left;}
.NewsCon dd .effect-img img{display: block; width: 100%; height: 189px;}
.NewsCon dd .con{width: 54%; height:189px; padding: 35px 5% 24px; float: left; background: #fff;}
.NewsCon dd .con .title{font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000;}
.NewsCon dd .con .info{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden; margin: 14px 0px 24px;}
.NewsCon dd .con .date{display: block; color: #ccc; font-family: "DIN Medium"; font-weight: bold;}
.NewsCon dd .con .date i{font-family: "宋体"; float: right; font-size: 25px;}
.NewsCon dd:hover{border: 1px solid #e8f2fb;}
.NewsCon dd:hover .con .title,.NewsCon dd:hover .con .date i{color: #004f99;}
.NewsSlider .hd{position: absolute; height: 116px; width: 17px; right: -66px; top: 50%; margin-top: -58px;}
.NewsSlider .hd li{height: 17px; margin: 6px 0px; background-image: url(../image/dot3.png); background-repeat: no-repeat;}
.NewsSlider .hd li.on{background-image: url(../image/dot4.png);}


.HomeJoin .pic img{display: block; width: 100%;}
.HomeJoin .mask{position: absolute; width: 500px; height: 300px; right: 6.9%; top: 50%; margin-top: -150px; background-image: url(../image/mask.png);}
.HomeJoin .mask .con{padding: 45px 50px;}
.HomeJoin .mask .con .title{line-height: 46px; padding-bottom: 17px; color: #fff; font-size: 34px; background: url(../image/line2.png) no-repeat left bottom;}
.HomeJoin .mask .con .info{margin: 15px 0px 44px; line-height: 30px; font-size: 20px; color: #fff;}
.HomeJoin .mask .con .join{display: block; width: 160px; background: #00a0e9; box-shadow: 0px 5px 20px rgba(0,160,233,0.4); line-height: 56px; font-size: 16px; color: #fff; border-radius: 30px; text-align: center;}
.HomeJoin .mask .con .join i{font-family: "宋体"; padding-left: 18px;}


/* 视频 */
.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../image/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1279px) {.popVideo-content{width: 92%;}.popVideo-close{right: 0;}}

#banner .swiper-pagination-bullet {
display: inline-block;
width: 10px;
height:10px;
opacity:0.8;
border-radius: 10px;
background: white;
margin: 0 10px;
cursor: pointer;
transition: width 0.3s ease-in-out;

}

#banner .swiper-pagination-bullet-active{
	background:rgb(0,0,0,0.5);
	width:20px;
}

.about-cont{ height:431px; background-color:#0087f2; overflow:hidden; width:100%; margin:20px 0;}
.about-cont .txt{ width:585px; float:left;}
.about-cont .aimg{ width:615px; float:left;}
.about-cont .txt .tp{ padding:35px 35px 15px 35px; color:#FFF; font-size:16px; line-height:210%;}
.about-cont .txt .tp p{ padding-bottom:15px; text-indent:2rem;}
a.but09{ width:130px; height:36px; line-height:32px; margin-left:30px; display:inline-block; border:1px solid #FFF; border-radius:5px; text-align:center; color:#FFF; }
a.but09 span{background:url(/static/images/jt2.png) no-repeat right; display:block; margin-right:15px;}
.about-cont .tit{ font-size:36px; font-weight:bold;color:#FFF; padding-top:30px; padding-left:35px; font-family:tahoma, "微软雅黑";}
.about-cont .ptxt{ color:#FFF; padding-left:35px; padding-top:5px;}
a.but09 span:after { content: "\f105";font-family: "FontAwesome"; margin-left: 6px;font-size: 20px;  transform: translateY(2px); margin-top:8px;}






