*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial, "微软雅黑";}
img{border:none;max-width:100%;vertical-align:middle;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a {border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
input,textarea,select{-webkit-user-select:text;-ms-user-select:text;user-select:text;appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;border:0;outline: none;}
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder{ color: transparent; }
textarea:focus:-moz-placeholder{ color: transparent; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder{ color: transparent; }
input:focus:-moz-placeholder{ color: transparent; }
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;}
a:hover,a:link,a:active,a:visited{text-decoration:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li,ol{list-style:none;}
html{font-size:10px;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:1200px;margin:0 auto;outline: none;line-height: 24px;width:100%;}
body{min-width:1440px;margin:0 auto;outline: none;line-height: 24px;width:100%;font-family: '微软雅黑';}

/*侧边导航*/
.left-nav{width:50px;height:252px;position: fixed;top:50%;margin-top:-126px;right:40px;}
.left-nav li{width:20px;height:20px;border-radius: 50%;margin:8px 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.left-nav li a{display:block;width:8px;height:8px;border-radius: 50%;background: #5aa1ff;}
.left-nav li.active{border:1px solid #5aa1ff;}
/*.left-white-nav li a{background: #fff;}*/
/*.left-white-nav li a.active{border:1px solid #fff;}*/

/*导航*/
.nav-box{width:100%;height:80px;position: fixed;top:0;left:0;z-index: 99;}
.nav-box .container{height:100%;display: flex;align-items: center;justify-content: space-between;}
.nav-box .logo{width:176px;height:36px;margin-right:105px;background: url("../images/zqy-introduce/logo.png") no-repeat;background-size: 100%;}
.nav-box .nav-list{height:100%;}
.nav-box .nav-list li{height:100%;float:left;margin-right:34px;}
.nav-box .nav-list li a{display:block;line-height:80px;color:#fff;font-size: 16px;position: relative;}
/*.nav-box .nav-list li a::after { content: ""; width: 0px; transition: all 0.5s ease; }*/
.nav-box .nav-list li a:hover::after,.nav-box .nav-list li.active a::after{transition: all 0.5s ease;position:absolute;content:'';width:52px;left:50%;margin-left:-26px;height:2px;top:63px;background: #fff;}
.nav-box .register{width:98px;height:28px;line-height:28px;text-align:center;font-size:14px;border:1px solid #fff;border-radius: 12px;color:#fff;margin-right:17px;}
.nav-box .consult{width:98px;height:28px;line-height:28px;text-align:center;font-size:14px;background:#0074fc;border:1px solid #0074fc;border-radius: 12px;color:#fff;}
.fixed{background: #fff;box-shadow: 5px 0 23px rgba(120,183,255,.5);}
.fixed .logo{background: url("../images/zqy-introduce/logo2.png") no-repeat;}
.fixed .nav-list li a{color:#000;}
.fixed .nav-list li a:hover::after,.fixed .nav-list li.active a::after{background: #238cff;}
.fixed .register{border:1px solid #000;color:#000;}
/*banner*/
.swiper-slide a{display: block;width:100%;height:100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("../images/zqy-introduce/prev.png");}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("../images/zqy-introduce/next.png");}
.swiper-button-next, .swiper-button-prev{width:40px;height:64px;margin-top:-32px;background-size: 40px 64px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:195px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:195px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
.hide{display: none;}
/*time-box*/
.time-box{position:relative;width:1000px;height:126px;background: #fff;border-radius:10px;box-shadow: 0px 0 15px rgba(120,183,255,.3);margin:-60px auto 0;z-index: 2;}
.time-box ul{overflow: hidden;height:100%;display: flex;align-items: center;}
.time-box ul li{float:left;width:25%;display: flex;flex-direction:column;align-items: center;border-right:1px solid #ebebeb;box-sizing: border-box;}
.time-box ul li:last-child{border:none;}
.time-box ul li .tit{margin-bottom:15px;color:#000;display: flex;}
.time-box ul li h3{font-size: 38px;font-family: '方正综艺繁体';position: relative;}
.time-box ul li span{font-size: 20px;margin-left:3px;}
.time-box ul li p{color:#000;font-size: 16px;text-align: center;}

/*ciecle-box*/
.circle-box{padding-top:80px;padding-bottom:75px;}
.circle-box .container{position: relative;height:658px;}
.circle-box .container .circle-bg{width:100%;height:658px;position: absolute;top:0;}
.circle-box .container .circle-bg img{display:block;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.circle-box .container .circle-bg .img1{animation: circle 6s 0.5s infinite;}
.circle-box .container .circle-bg .img2{animation: circle 9s 0.5s infinite;}
.circle-box .container .circle-bg .img3{animation: circle 12s 0.5s infinite;}
.circle-box .container .circle-bg .img4{animation: circle 15s 0.5s infinite;}

.circle-box .container .circle-text{width:169px;height:169px;border-radius:50%;position: absolute;top:244.5px;left:0;right:0;margin:auto;background: #fff;padding:12px;box-shadow: 0 0 38px rgba(37,137,255,0.25);    animation: shadow 5s 0.5s infinite;
    box-sizing: border-box;}
.circle-box .container .circle-text .text{width:147px;height:147px;border-radius: 50%;background: #2589ff;display: flex;flex-direction:column;align-items: center;justify-content: center;}
.circle-box .container .circle-text .text p{color:#fff;font-size: 20px;}

.circle-box .container .circle-list{position: relative;width:100%;}
.circle-box .container .circle-list p{ height: 60px; line-height: 60px; display: inline-block; font-size:17px;color:#000; background: #fff; border-radius: 50px; padding: 0 25px 0 32px; margin: 0px; position: absolute; z-index: 2; box-shadow: 0 0px 38px rgba(167,207,255,0.32); }
.circle-box .container .circle-list .p1{top: 90px; left: 105px; animation: move 5s 0.5s infinite;}
.circle-box .container .circle-list .p2{top: 90px; right: 50px; animation: move 7s 0.5s infinite;}
.circle-box .container .circle-list .p3{top: 229px; left: 74px; animation: move 9s 0.5s infinite;}
.circle-box .container .circle-list .p4{top: 229px; right: 52px; animation: move 11s 0.5s infinite;}
.circle-box .container .circle-list .p5{top: 368px; left: 63px; animation: move 13s 0.5s infinite;}
.circle-box .container .circle-list .p6{top: 368px; right: 46px; animation: move 15s 0.5s infinite;}
.circle-box .container .circle-list .p7{top: 507px; left: 92px; animation: move 17s 0.5s infinite;}
.circle-box .container .circle-list .p8{top: 507px; right: 60px; animation: move 19s 0.5s infinite;}
.circle-box .container .circle-list p img{width:40px;height:40px;position: absolute; top: 0px;  left: -20px;  bottom: 0px;  margin: auto;z-index: 3;}

@keyframes shadow { 0% { box-shadow: 0 0 38px rgba(37,127,255,0.25); } 50% {box-shadow: 0 0 50px rgba(37,127,255,.9); } 100% { box-shadow: 0 0 38px rgba(37,127,255,0.25);} }
@keyframes circle{ 0% { transform: rotateZ(0deg);} 100%{  transform: rotateZ(-360deg);  } }
@keyframes move { 0% { transform: translateX(-32px); } 50% { transform: translateX(0px); } 100% { transform: translateX(-32px); } }
@keyframes move2 { 0% { transform: translateY(-16px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-16px); } }

.tit{text-align:center;}
.tit .h3{font-size: 32px;color:#333;position: relative;padding-bottom:18px;font-weight: normal;}
.tit .h3::after{content:'';width:76px;height:2px;position: absolute;top:100%;left:50%;margin-left:-38px;background: #2aa2f9;}
.tit p{font-size: 17px;color:#999;padding-top:20px;}
.service-box{padding-bottom:100px;}
.service-box .container ul{overflow: hidden;margin-top:45px;}
.service-box .list{width:25%;float:left;}
.service-box .list .img{position: relative;padding:20px;}
.service-box .list .img img{display:block;width:132px;height:132px;border-radius:50%;margin:0 auto;box-shadow:0 0 20px rgba(37,127,255,.25);}
.service-box .list .img .blue-img{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.service-box .list .point{width:18px;height:18px;margin:50px auto 0 auto;position: relative;}
.service-box .list .point .gary-point{width:100%;height:100%;position: relative;}
.service-box .list .point img{display:block;width:100%;height:auto;}
.service-box .list .point span{width:286px;height:6px;position: absolute;top:6px;left:16px;background: #e3e3e3;}
.service-box .list .point .blue-point{width:100%;height:100%;position: absolute;top:0;left:0;}
/*.service-box .list .point .blue-point span{background:#2689ff;}*/
.service-box .list:last-child .point span{width:0;}
.service-box .list .point .blue-point span{
    background: #2689ff;
    background: -webkit-linear-gradient(left, #2689ff 0%, #2689ff 50%, #e3e3e3 50%, #e3e3e3 100%);
    background: -moz-linear-gradient(left, #2689ff 0%, #2689ff 50%, #e3e3e3 50%, #e3e3e3 100%);
    background: -o-linear-gradient(left, #2689ff 0%, #2689ff 50%, #e3e3e3 50%, #e3e3e3 100%);
    background: -ms-linear-gradient(left, #2689ff 0%, #2689ff 50%, #e3e3e3 50%, #e3e3e3 100%);
    background: linear-gradient(left, #2689ff 0%, #2689ff 50%, #e3e3e3 50%, #e3e3e3 100%);
    background-size: 200% 200%;
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}
@keyframes AnimationName {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}
.AnimationName {
    -webkit-animation-name: AnimationName;
    animation-name: AnimationName;
}
.service-box .list .text{margin-top:30px;text-align: center;}
.service-box .list .text .gary-text h3{color:#93949b;}
.service-box .list .text h3{font-size: 45px;font-style: italic;}
.service-box .list .text p{font-size: 18px;color:#666;padding:20px 0 8px;font-weight: bold;}
.service-box .list .text span{color:#848586;font-size: 16px;}

.extension-box{padding-bottom:30px;padding-top:60px;background: url("../images/zqy-introduce/extension-bg.png") no-repeat top left;background-size: 100%;box-sizing: border-box;}
.extension-box .container{position: relative;}
.extension-box .img{display:block;height:550px;width:auto;margin:80px auto 0 auto;}
.extension-box .con{overflow: hidden;height:500px;}
.extension-box .left,.extension-box .right{width:50%;position:absolute;top:40px;}
.extension-box .left{left:0;}
.extension-box .right{right:0;}
.extension-box .text h3{display:inline-block;padding:0 22px;height:33px;line-height:33px;font-size: 17px;font-weight:normal;color:#0076ff;background: #fff;border-radius: 30px;position: absolute;}
.extension-box .text p{font-size: 17px;color:#fff;height:22px;line-height: 22px;position: absolute;}
.extension-box .text p span{display:inline-block;margin:0 8px;background: #19ff86;width:10px;height:10px;border-radius: 50%;margin-top:5px;}
.extension-box .left .h3{top:30px;right:183px;}
.extension-box .left .p1{top:85px;right:140px;}
.extension-box .left .p2{top:133px;right:229px;}
.extension-box .left .p3{top:194px;right:290px;}
.extension-box .right .h3{top:30px;left:186px;}
.extension-box .right .p1{top:112px;right:132px;}
.extension-box .right .p2{top:262px;right:130px;}

.visitors-box{padding-bottom:70px;}
.visitors-box .list{}
.visitors-box .list .tit{overflow: hidden;display: flex;align-items: center;justify-content: center;margin:25px 0;}
.visitors-box .list .tit li{float:left;width:200px;height:65px;}
.visitors-box .list .tit li a{display: block;width:100%;height:100%;line-height: 60px;color:#999;font-size: 24px;}
.visitors-box .list .tit li.active{background: url("../images/zqy-introduce/visitors-tit.png") no-repeat top left;background-size: 100%;}
.visitors-box .list .tit li.active a{color:#fff;}
.visitors-box .list .con .text{display: none;}
.visitors-box .list .con1{position: relative;}
.visitors-box .list .con1 .img{display:block;width:90%;margin:0 auto;}
.visitors-box .list .con1 .left{position: absolute;top:186px;left:210px;width:215px;}
.visitors-box .list .con1 .right{position: absolute;top:248px;right:210px;width:215px;}
.visitors-box .list .con2{margin-top:38px;overflow: hidden;}
.visitors-box .list .con2 .text-tit{width:334px;float:left;}
.visitors-box .list .con2 .text-tit li{width:334px;height:123px;margin-bottom: 16px;padding:30px 30px 0;box-sizing:border-box;background: url("../images/zqy-introduce/text-tit-bg.png");background-position: 0 top;transition: all .3s;}
.visitors-box .list .con2 .text-tit li.active{background-image: url("../images/zqy-introduce/text-tit-bg_01.png");}
.visitors-box .list .con2 .text-tit li h3{font-size: 20px;font-weight:bold;color:#fff;line-height: 30px;  margin-bottom: 9px;}
.visitors-box .list .con2 .text-tit li p{font-size: 15px;color:#fff;}
.visitors-box .list .con2 .text-con{width:832px;float:right;}
.visitors-box .list .con2 .text-con img{width:100%;height:auto;display: none;}

.customer-box{padding-bottom:20px;background: url("../images/zqy-introduce/customer-bg.png") no-repeat bottom left;background-size: 100%;}
.customer-box .con{margin:0 auto;padding-top:260px;width:702px;height:422px;background: url("../images/zqy-introduce/customer-con-bg.png") no-repeat bottom left;position: relative;}
.customer-box .con .text{position: absolute;top:0;left:0;width:100%;height:100%;}
.customer-box .con .text .list{position: absolute;}
.customer-box .con .text .list p{padding:0 15px;margin-bottom:20px;color:#323232;font-size: 16px;line-height: 32px;background: #fff;border-radius: 20px;box-shadow: 0px 0 15px rgba(167,206,253,.7);}
.customer-box .con .text .list i{display: block;  width: 9px;  height: 9px; background: #2589ff; margin: 15px auto 0; border-radius: 50px;  position: relative;}
.customer-box .con .text .list i::after { content: ""; width: 20px; height: 20px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: -5px; margin: auto; border-radius: 50px;animation: fwordsyou 2.5s 0.4s infinite;}
.customer-box .con .text .list::after {  content: "";  width: 1px;  height: 125px;  background: linear-gradient(to bottom, #2589ff, transparent);  display: block;  margin: auto;}
.customer-box .con .text .list span{display:block;width:26px;height:1px;background:#2589ff;transform: rotate(45deg);position: absolute;top:68px;left:50%;}
.customer-box .con .text .list1{top:160px;left:-65px;}
.customer-box .con .text .list1::after{height:180px;position: absolute;top:100%;margin-top:15px;left:50%;margin-left:21px;}
.customer-box .con .text .list2{top:59px;left:76px;}
.customer-box .con .text .list2::after{height:200px;}
.customer-box .con .text .list2 i::after{animation: fwordsyou 2.7s 0.5s infinite;}
.customer-box .con .text .list3{top:216px;left:247px;}
.customer-box .con .text .list3::after{height:150px;}
.customer-box .con .text .list4{top:80px;left:488px;}
.customer-box .con .text .list4::after{height:150px;}
.customer-box .con .text .list4 i::after{animation: fwordsyou 2.7s 0.6s infinite;}
.customer-box .con .text-left{position: absolute;width:50%;height:100%;top:0;left:0;}
.customer-box .con .text-right{position: absolute;width:50%;height:100%;top:0;right:0;}
.customer-box .con .text-left span,.customer-box .con .text-right span{position:absolute;display:block;text-align:center;background:rgba(227,234,255,.6);border-radius: 50%;color:#7b9cfd;}
.customer-box .con .span1{width:77px;height:77px;line-height: 77px;top:349px;left:-183px;font-size:19px;animation: move 6s 0.5s infinite;}
.customer-box .con .span2{width:62px;height:62px;line-height: 62px;top:270px;left:-45px;font-size: 15px;animation: move 6s 0.5s infinite;}
.customer-box .con .span3{width:62px;height:62px;line-height: 62px;top:287px;right:210px;font-size: 15px;animation: move 6s 0.5s infinite;}
.customer-box .con .span4{width:77px;height:77px;line-height: 77px;top:210px;right:-40px;font-size:19px;animation: move 6s 0.5s infinite;}
.customer-box .con .span5{width:62px;height:62px;line-height: 62px;top:360px;right:-50px;font-size: 15px;animation: move 6s 0.5s infinite;}

@keyframes fwordsyou { 0% {transform: scale(0); opacity: 1; background: rgba(37,137,255,0.9); } 100% { opacity: 0; transform: scale(2); background: rgba(37,137,255,0.3);}}

/*视频*/
.video-box{padding:15px 0 30px;}
.video-box .con{}
.video-box .con ul{margin:35px 0 55px;display: flex;align-items: center;justify-content: center;}
.video-box .con ul li{background:#fff;width:24%;margin-right:2%;border:2px solid #7db9ff;box-sizing: border-box;box-shadow: 0 0 10px rgba(37,138,255,.4);}
.video-box .con ul li:nth-child(4n){margin-right:0;}
.video-box .con ul li .video-img{width:100%;height:150px;position: relative;}
.video-box .con ul li .video-img .video-fm{width:100%;height:100%;display: block;}
/*.video-box .con ul li .video-img video{width: 100%;height: 100%;object-fit: fill;display: block;}*/
/*.video-box .con ul li .video-img .video-btn{position: absolute;top:0;left:0;width:100%;height:100%;}*/
.video-box .con ul li .video-img .video-btn{display:block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:46px;}
.video-box .con ul li .video-text{padding:0 15px;}
.video-box .con ul li .video-text .video-tit{position: relative;padding-left:50px;}
.video-box .con ul li .video-text .video-tit .video-logo{position:absolute;top:-15px;left:0;width:45px;height:45px;border-radius:50%;background: rgba(255,255,255,.3);}
.video-box .con ul li .video-text .video-tit .video-logo img{display:block;width:37px;height:37px;margin:4px auto;border-radius:50%;}
.video-box .con ul li .video-text .video-tit h3{font-weight:normal;line-height: 35px;color:#2b2b2b;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video-box .con ul li .video-text .video-wz{position: relative;}
.video-box .con ul li .video-text .video-wz p{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 16px;margin:8px 0 15px;color:#505050;font-size: 16px;line-height: 24px;height:48px;}
.video-box .con ul li .video-text .video-wz img{display:block;position: absolute;width:12px;}
.video-box .con ul li .video-text .video-wz .img1{top:0;left:0;}
.video-box .con ul li .video-text .video-wz .img2{bottom:0;right:0;}
.video-box .con .video-more{width:248px;margin:0 auto;}
.video-box .con .video-more a{display:block;background: #258aff;width:100%;text-align:center;line-height: 50px;color:#fff;font-size: 18px;}

.project-box{padding:90px 0 40px 0;background: #f6f7fc;}
.project-box .con{height:474px;padding:15px;}
.project-box .con li{float:left;width:28.33%;height:162px;margin:0 2.5%;margin-top:80px;position: relative;top:0;transition: border 0.6s ease;border-radius:7px;box-shadow:0 0 15px rgba(37,137,255,0.3);transition: all 0.5s ease;}
.project-box .con li div{transition: all 0.5s ease;position: absolute;top:0;left:0;width:100%;height:100%;padding:30px 20px 30px 40px;background: #fff;border-radius:7px;box-sizing: border-box;z-index: 2;}
/*.project-box .con li:nth-child(3n){margin-right:0;}*/
.project-box .con li h3{padding-bottom:15px;font-size: 20px;color:#2e2e2e;position: relative;}
.project-box .con li h3:after{content: '';width:52px;height:2px;background: #258aff;position: absolute;top:100%;left:0;}
.project-box .con li p{padding-top:15px;font-size: 15px;color:#2e2e2e;}
.project-box .con li span{width:90%;height:2px;position:absolute;bottom:0px;left:5px;background: linear-gradient(to right,#258aff,#fff);}
.project-box .con li .img1{position: absolute;top:-35px;left:44px;width:48px;height:auto;z-index: 1;}
.project-box .con li .img2{display:block;position: absolute;top:-19px;left:32px;width:43px;height:auto;z-index: 3;}
.project-box .con li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.15);top: -7px;}

.cooperation-box{padding:50px 0 125px;background: url("../images/zqy-introduce/cooperation-bg.png") no-repeat top left;background-size:100% 100%;}
.cooperation-box .con{height: 455px;margin: 100px auto 0;  position: relative;font-size: 0px; text-align: center;}
.cooperation-box .con .list a{width: 158px;height: 182px;  display: inline-block;  vertical-align: top;  font-size: 16px;  overflow: hidden;  margin: 0 -1px;  transition: all 0.5s ease;}
.cooperation-box .con .list .border-left { width: 156px;  height: 182px;  overflow: hidden;  transform: rotate(60deg);  display: inline-block;  border-right: 1px solid #3291ff;  border-left: 1px solid #3291ff;  transition: border 0.5s ease;  }
.cooperation-box .con .list .border-right { width: 156px;  height: 182px;  overflow: hidden;  transform: rotate(60deg);  display: inline-block;  border-right: 1px solid #3291ff;  border-left: 1px solid #3291ff;  transition: border 0.5s ease;  }
.cooperation-box .con .list .border-horizontal{  width: 156px;  height: 182px;  background: #FFFFFF;  transform: rotate(-120deg);  display: flex;  justify-content: center;  align-items: center;  border-right: 1px solid #3291ff;  border-left: 1px solid #3291ff;  transition: border 0.5s ease;}
.cooperation-box .con .list .border-horizontal img {  width: 140px; }
.cooperation-box .con .list2{width: 100%; position: absolute; top: 136px;}
.cooperation-box .con .list3{width: 100%; position: absolute; top: 272px;}

.cost-box{padding:50px 0;background: #f7fafc;}
.cost-box .con{overflow: hidden;margin-top:30px;}
.cost-box .con p{background:#fff;margin-bottom:2px;font-size: 20px;text-align: center;height:68px;line-height: 68px;}
.cost-box .con .tit{background: #ebf0f5;height:55px;line-height: 55px;text-align: center;font-size:22px;margin-bottom:0;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cost-box .con .left{width:598px;float:left;}
.cost-box .con .left .top{overflow: hidden;}
.cost-box .con .left .top .list1{width:297px;float:left;}
.cost-box .con .left .top .list2{width:297px;float:right;}
.cost-box .con .left .down p{background:#fff;margin-bottom:2px;font-size: 20px;font-weight:bold;text-align: center;height:68px;line-height: 68px;display: flex;align-items: center;justify-content: center;}
.cost-box .con .left .down p img{width:125px;height:auto;}
.cost-box .con .right{width:598px;float:right;}
.cost-box .con .right-list{padding:0 6px;height:68px;background:#fff;margin-bottom:2px;display: flex;align-items: center;justify-content: center;}
.cost-box .con .right-list p{text-align:left;font-size: 15px;height:auto;line-height: 22px;}
.cost-box .con .right-list p span{font-weight: bold;}
.cost-box .con .right-list p.line{color:#258aff;font-size: 25px;position: relative;}
.cost-box .con .right-list p.line:after{content:'';position: absolute;top:11px;left:-7px;width:110%;height:110%;transform: rotate(15deg);border-top:2px solid #258aff;}
.cost-box .con .right-list a{margin-left:15px;line-height: 36px;width:150px;text-align: center;font-size:15px;color:#fff;border-radius:20px;background: linear-gradient(to right,#2589ff,#00bbff);animation: zoomIn 1.2s linear 1.2s infinite alternate;}
@keyframes zoomIn {
    0% { transform: scale(0.8); }
    50% { transform: scale(1); }
    100% { transform: scale(0.8); }
}

.footer{background: #151621;padding:40px 0;}
.footer .container{overflow: hidden;}
.footer .left{width:50%;float:left;margin-left:20px;}
.footer .left .footer-nav li{display: inline-block;margin-right:40px;}
.footer .left .footer-nav li a{color:#fff;font-size: 17px;}
.footer .left .re-box{margin-top:20px;overflow: hidden;}
.footer .left .re-box li{float:left;margin-right:30px;}
.footer .left .re-box li:last-child{margin-right:0;}
.footer .left .re-box li a{display: flex;align-items:center;}
.footer .left .re-box li img{width:55px;}
.footer .left .re-box li p{color: #fff;margin-left: 5px;font-size: 14px;}
.footer .left .address{margin-top:20px;}
.footer .left .address h3{font-size: 20px;color:#fff;margin-bottom:16px;font-weight: bold;}
.footer .left .address p{font-size: 15px;color:#fff;line-height: 33px;}
.footer .right{overflow: hidden;}
.footer .right .ewm{float:left;margin-left:28px;}
.footer .right .ewm h3{font-size:18px;font-weight: normal;color:#fff; }
.footer .right .ewm p{font-size:16px;color:#fff;}
.footer .right .ewm img{margin:26px 0 22px;width:145px;}
.footer .right .phone{margin-left:100px;padding-top:40px;float:left;}
.footer .right .phone .icon{display: flex;align-items: center;}
.footer .right .phone .icon img{display:block;width:42px;height:auto;margin-right:15px;}
.footer .right .phone .icon p{font-size: 16px;color:#fff;}
.footer .right .phone h3{margin-top:30px;font-size: 39px;color:#fff;letter-spacing: 1px;font-weight: normal;}
.footer .right .phone a{ display:block;margin-top:30px;width:255px;text-align:center;padding:8px 0;font-size:15px;color:#fff;border-radius:20px;background: linear-gradient(to right,#2589ff,#00bbff);}

/*注册弹窗*/
.register-pop{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.register-pop .register-content{width:400px;padding:22px 30px;border-radius:10px;background:linear-gradient(180deg,#00b4ff,#495def);position: relative;}
.register-pop .register-content .register-close{position: absolute;top:20px;right:35px;}
.register-pop .register-content .register-close img{width:18px;}
.register-pop .register-content h3{text-align:center;color:#fff;font-size: 32px;font-weight: bold;letter-spacing: 1px;}
.register-pop .register-content p{text-align:center;color:#fff;font-size: 22px;margin-top:17px;letter-spacing: 2px;}
.register-pop .register-content p em{font-size:16px;}
.register-pop .register-content span{display:block;font-size:17px;line-height:38px;width:200px;text-align:center;margin:20px auto 10px;color:#fff;border-radius: 20px;background: #495def;}
.register-pop .register-content .img{position: relative;}
.register-pop .register-content .bg{display:block;width:335px;margin:10px auto;}
.register-pop .register-content .ewm{width:133px;position: absolute;top:20px;left:0;right:0;margin:0 auto;border-radius: 8px;}
.register-pop .register-content .text{font-family:'苹方';width:100%;position: absolute;top:150px;left:0;color:#fff;font-weight: bold;text-align: center;font-size: 19px;text-shadow: 4px 0px 6px rgba(13,90,244,0.36);}

/*咨询表单弹窗*/
.form_container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.form_container form{ position: relative; width: 430px; padding: 16px 24px 25px 24px; background-color: white; }
.form_container form h3 { font-size: 28px; color: #0074fc; line-height: 42px; letter-spacing: 2px; text-align: center; }
.form_container form .wx_close_icon { position: absolute; display: inline-block; right: 3%; top: 3%; width: 24px; }
.form_container form .wx_close_icon img { width: 100%; }
.form_container form .input_box { display: inline-block; float: left; width: 100%; margin-top: 20px; }
.form_container form .input_box select { padding: 0 12px; width: 47%; height: 52px; font-size: 17px; color: #9f9f9f; border-radius: 4px; text-align: center; border: none; background-color: #f4f4f4; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.form_container form .input_box select:nth-child(2) { margin-left: 4%; }
.form_container form .input_box input[type=text] { display: inline-block; width: 100%; font-size: 17px; color: #9f9f9f; height: 52px; padding-left: 3%; line-height: 52px; border-radius: 4px; border: none; background-color: #f4f4f4; box-sizing: border-box;appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.form_container form .input_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9f9f9f; opacity: 1; }
.form_container form .input_box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9f9f9f; opacity: 1; }
.form_container form .input_box input:-ms-input-placeholder { color: #9f9f9f; opacity: 1; }
.form_container form .input_box input::-webkit-input-placeholder { color: #9f9f9f; opacity: 1; }
.form_container form .input_box input[type=button] { width: 100%; color: white; font-size: 17px; line-height: 52px;height: 52px; border-radius: 4px; border: none; background-color: #0074fc;appearance: none; -moz-appearance: none; -webkit-appearance: none; }

/*列表*/
/*position: fixed;top:0;left:0;*/
.saas_list-box .header{position:absolute;top:0;left:0;width:100%;height:80px;z-index: 99;background: rgba(255,255,255,.1);}
.saas_list-box .header .container{height:80px;display: flex;align-items: center;justify-content: space-between;}
.saas_list-box .header .container .left,.saas_list-box .header .container .right{display: flex;align-items: center;}
.saas_list-box .header .logo{width:176px;height:36px;margin-right:20px;background: url("../images/zqy-introduce/logo.png") no-repeat;background-size: 100%;}
.saas_list-box .header .a-link{display:block;font-size: 16px;width:98px;height:28px;line-height:28px;text-align:center;border-radius:12px; margin-left:18px;}
.saas_list-box .header .return-index{color:#566ad5;background: #fff;border:1px solid #fff;}
.saas_list-box .header .register{color:#fff;border:1px solid #fff;}
.saas_list-box .header .contact{color:#fff;background: #0074fc;border:1px solid #0074fc;}
.saas_list-box .fixed{background: #fff;box-shadow: 5px 0 23px rgba(120,183,255,.5);}
.saas_list-box .fixed .logo{background: url("../images/zqy-introduce/logo2.png") no-repeat;}
.saas_list-box .fixed .return-index{color:#fff;background: #566ad5;border:1px solid #566ad5; }
.saas_list-box .fixed .register{border:1px solid #000;color:#000;}
.saas_list-box .banner{width:100%;height:410px;background: url("../images/zqy-introduce/saas-list-banner-bg.jpg") no-repeat;background-size: 100% 100%;}
.saas_list-box .banner .container{position: relative;}
.saas_list-box .banner .img{height:410px;width:1302px;max-width:1302px;display: block;position: absolute;top:0;left:50%;margin-left:-580px;}
.saas_list-box .banner .text{text-align:center;position: absolute;top:0px;left:0;width:100%;height:100%;}
.saas_list-box .banner .text img{display:block;width:953px;height:auto;margin:0 auto;}
.saas_list-box .banner .text p{display:inline-block;padding:0 20px;text-align:center;color:#fff;font-size: 25px;margin-top:42px;position: relative;}
.saas_list-box .banner .text p::before{content:'';position: absolute;top:50%;left:-96px;margin-top:-1px;width:96px;height:2px;background: #fff;}
.saas_list-box .banner .text p::after{content:'';position: absolute;top:50%;right:-96px;margin-top:-1px;width:96px;height:2px;background: #fff}

.saas_list-box .saas-list-box{margin:68px auto 0;}
.saas_list-box .saas-list-box .saas-list{margin:0 55px 12px;display: flex;justify-content: space-between;}
.saas_list-box .saas-list-box .saas-list .left{width:60px;position: relative;overflow: hidden;}
.saas_list-box .saas-list-box .saas-list .left::after{ content: '';position: absolute;top:98px;left:50%;margin-left:-1px;width:2px;height:100%;background: #2589ff;}
.saas_list-box .saas-list-box .saas-list:last-of-type .left::after{height:0;}
.saas_list-box .saas-list-box .saas-list:last-of-type .left i{display: none;}
.saas_list-box .saas-list-box .saas-list .left img{width:100%;}
.saas_list-box .saas-list-box .saas-list .left p{color:#181818;font-size: 16px;line-height: 35px;text-align: center;}
.saas_list-box .saas-list-box .saas-list .left i{display:block;margin:0 auto;width:8px;height:8px;border:1px solid #2589ff;border-radius: 50%;box-sizing: border-box;}
.saas_list-box .saas-list-box .saas-list .right{width:978px;padding-bottom:37px;}
.saas_list-box .saas-list-box .saas-list .right a{display:block;border:1px solid #2589ff;border-radius: 10px;padding:30px 50px;}
.saas_list-box .saas-list-box .saas-list .right a .saas-list-tit{margin-bottom:14px;display: flex;align-items: center;justify-content: space-between;}
.saas_list-box .saas-list-box .saas-list .right a .saas-list-tit h3{font-weight:normal;text-align:left;line-height:35px;flex:1;font-size: 25px;color:#101010;}
.saas_list-box .saas-list-box .saas-list .right a .saas-list-tit .more{margin-left:5px;display: flex;align-items: center;}
.saas_list-box .saas-list-box .saas-list .right a .saas-list-tit .more p{font-size: 18px;color:#2589ff;margin-right:3px;}
.saas_list-box .saas-list-box .saas-list .right a .saas-list-tit .more img{width:23px;}
.saas_list-box .saas-list-box .saas-list .right a .text{font-size: 18px;color:#101010;line-height:36px;white-space: pre-wrap;  }
.page{display:block;text-align: center;margin:40px 0 70px;}
.page a{display: inline-block;color:#000;min-width:36px;text-align:center;font-size: 17px;line-height: 34px;border:1px solid #dfdfe5;margin:0 4px;border-radius: 5px;padding:0 10px;box-sizing: border-box;}
.page a:hover,.page a.active,.page strong{color:#fff;background: #2589ff;border:1px solid #2589ff;}
.page strong{display: inline-block;min-width:36px;text-align:center;font-size: 17px;line-height: 34px;color:#fff;background: #2589ff;border:1px solid #2589ff;margin:0 4px;border-radius: 5px;padding:0 10px;box-sizing: border-box;}
.page a.disabled{background: #efefef;border:1px solid #efefef;color:#c9c9c9;}
.page a.btn{border:1px solid #fff;}

.saas-detail{border:1px solid #2589ff;border-radius: 10px;width:977px;margin:63px auto;}
.saas-detail .return-list{display: flex;align-items: center;padding:30px 40px 0;}
.saas-detail .return-list img{display:block;width:23px;height:23px;transform: rotateZ(-180deg);margin-right:10px;}
.saas-detail .return-list p{font-size: 18px;color:#2589ff;}
.saas-detail .saas-detail-tit{margin-top:15px;text-align: center;}
.saas-detail .saas-detail-tit h3{color:#101010;font-size: 25px;font-weight: normal;}
.saas-detail .saas-detail-tit p{margin-top:20px;color:#101010;font-size: 18px;}
.saas-detail .saas-detail-text{padding:40px 90px;font-size:16px;}
.saas-detail .saas-detail-text p{font-size: 16px;color:#101010;line-height: 32px;}
.saas-detail .saas-detail-text strong{font-weight: bold;}
.saas-detail .saas-detail-text img{display:block;margin:10px auto;max-width: 100%;}


/*视频详情*/
.saas_video .banner{height:auto;}
.saas_video-list .container{}
.saas_video-list .container ul{margin:45px 110px;overflow: hidden;}
.saas_video-list .container ul li{float:left;background:#fff;width:31%;border:2px solid #7db9ff;box-sizing: border-box;box-shadow: 0 0 10px rgba(37,138,255,.4);margin:0 3.5% 3.5% 0;}
.saas_video-list .container ul li:nth-child(3n){margin-right:0;}
.saas_video-list .container ul li .video-img{width:100%;height:150px;position: relative;}
/*.saas_video-list .container ul li .video-img video{width: 100%;height: 100%;object-fit: fill;display: block;}*/
.saas_video-list .container ul li .video-img .video-fm{display:block;width:100%;height:100%;}
.saas_video-list .container ul li .video-img .video-btn{display:block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:46px;}
.saas_video-list .container ul li .video-text{padding:0 15px;}
.saas_video-list .container ul li .video-text .video-tit{position: relative;padding-left:50px;}
.saas_video-list .container ul li .video-text .video-tit .video-logo{position:absolute;top:-15px;left:0;width:45px;height:45px;border-radius:50%;background: rgba(255,255,255,.3);}
.saas_video-list .container ul li .video-text .video-tit .video-logo img{display:block;width:37px;height:37px;margin:4px auto;border-radius:50%;}
.saas_video-list .container ul li .video-text .video-tit h3{font-weight:normal;line-height: 35px;color:#2b2b2b;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.saas_video-list .container ul li .video-text .video-wz{position: relative;}
.saas_video-list .container ul li .video-text .video-wz p{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height: 24px;height:48px;padding:0 16px;margin:8px 0 15px;color:#505050;font-size: 16px;}
.saas_video-list .container ul li .video-text .video-wz img{display:block;position: absolute;width:12px;}
.saas_video-list .container ul li .video-text .video-wz .img1{top:0;left:0;}
.saas_video-list .container ul li .video-text .video-wz .img2{bottom:0;right:0;}
/*video::-webkit-media-controls-fullscreen-button {  opacity: 0;  }*/
/*video::-webkit-media-controls-play-button { opacity: 0;}*/
/*video::-webkit-media-controls-timeline {opacity: 0;}*/
/*video::-webkit-media-controls-current-time-display{opacity: 0;}*/
/*video::-webkit-media-controls-time-remaining-display {opacity: 0;}*/
/*video::-webkit-media-controls-mute-button {opacity: 0;}*/
/*video::-webkit-media-controls-toggle-closed-captions-button {opacity: 0;}*/
/*video::-webkit-media-controls-volume-slider {opacity: 0;}*/
/*视频弹窗*/
.video-pop{ z-index: 100;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);display: none;}
.video-pop .videos {position: absolute;top:50%;left:50%; transform: translate(-50%, -50%);}
.video-pop .videos .vclose { position: absolute;  right:-12px; top: -12px;  width: 25px !important;  height: 25px !important;}