
/* CSS Document */
* {margin: 0;padding: 0;}
img {border: none;}
ul,li {list-style: none;}
a {text-decoration: none;color: #333;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
input,select,button,textarea {font-size: 14px;    font-family: syr, 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;font-size: 14px;color: #333;outline: none;vertical-align: middle;-webkit-appearance: none; }
input:focus::-webkit-contacts-auto-fill-button{
    opacity: 0;
}
select{-webkit-appearance:button;background-color: none;}
select::-ms-expand { display: none; }
/*input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #999;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
button{border: none;cursor: pointer;}
body {font-size: 14px;color: #333;    font-family: syr, 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-font-smoothing: antialiased;--main: #2C5CCE;}
.fix {zoom: 1}
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.fl {float: left;}
.fr {float: right;}
.wrap {max-width: 62.5%;margin: 0 auto;}
.pr {position: relative;}
.pa {position: absolute;}
.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 99;}

.myVideo{position: absolute;right: 0;bottom: 0;top:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: black;background-image: ;background-position: center center;background-size: contain;object-fit: cover;z-index:3;}
#fp-nav ul li{margin: 15px;}
#fp-nav ul li a span{border: 3px solid rgba(255,255,255,.5);background: none;width: 6px !important;height: 6px !important;margin: -3px 0 0 -3px !important;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a span{border-color: #fff;}
#fp-nav.fp-right{right: 120px;}
#fp-nav ul li .fp-tooltip{opacity: .5;width: auto;}
#fp-nav ul li .fp-tooltip.fp-right{left: 25px;right: auto;}
#fp-nav.fp-nav-black ul li a span{border-color: rgba(51,51,51,.5);}
#fp-nav.fp-nav-black ul li .fp-tooltip{color: #333;}
#fp-nav.fp-nav-black ul li a.active span,#fp-nav.fp-nav-black ul li:hover a span{border-color: #333;}
#fp-nav ul li a.active .fp-tooltip,#fp-nav ul li:hover .fp-tooltip{opacity: 1;}
#header{position: fixed;top: 0;left: 0;right: 0;z-index: 9;}
.header{color: #fff;padding: 15px 3.5% 0;}
.header-dark{background: var(--main);}
.logo{display: block;margin-top: 5px;}
.header-rt{text-align: right;position: relative;}
.header-rt a{color: #fff;margin-right: 40px;}
.header-rt a:last-child{margin-right: 0;}
.h-down{background: url(../image/down_ico.png) no-repeat left center;padding-left: 22px;}
.h-app{background: url(../image/app_ico.png) no-repeat left center;padding-left: 20px;}
.h-login{background: url(../image/login_ico.png) no-repeat left center;padding-left: 21px;}
.header-phone{font-size: 16px;color: #fff;background: url(../image/idx_dhico.png) no-repeat left center;padding-left: 25px;line-height: 44px;}
.nav{margin-top: 15px;}
.nav li{float: left;margin-right: 50px;line-height: 44px;position: relative;}
.nav li a{display: block;font-size: 16px;color: #fff;}
.nav li img{margin-left: 13px;}
.nav-two{position: absolute;top: 34px;left: 50%;transform: translateX(-50%);width: 180px;text-align: center;padding-top: 10px;transition: all .5s ease;opacity: 0;margin-top: 20px;visibility: hidden;}
.nav-two:before{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-top: none;border-bottom-color: #fff;position: absolute;top: 5px;left: 50%;transform: translateX(-50%);}
.nav-two ul{background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.nav-two li{margin-right: 0;float: none;border-bottom: 1px solid #e9e9e9;}
.nav-two li:last-child{border-bottom: none;}
.nav-two li a{color: #333;}
.nav ul>li:hover .nav-two{margin-top: 0;opacity: 1;visibility: visible;}
.head-menu{width: 40px;height: 40px;background-repeat: no-repeat;background-size: 100% auto;background-image: url(../image/index_header_menu.png);background-position: center top;cursor: pointer;position: relative;display: none;}
.arrow {animation: arrow 1s ease infinite;-webkit-animation: arrow 1s ease infinite;position: absolute;bottom: 30px;left: 50%;margin-left: -17px;width: 25px;height: 36px;cursor: pointer;background-image: url(../image/mouse.png);background-repeat: no-repeat;background-size: 100%;z-index: 10;}
.arrow-black{background-image: url(../image/mouse_black.png);}
@keyframes arrow{
	0%{bottom: 50px;opacity: 1;}
	100%{bottom: 30px;opacity: 0;}
}
.section{padding-top: 95px;}
.layer{position: absolute;left: 0;right: 0;top: 25%;z-index: 10;text-align: center;color: #fff;}
.idx-title{text-align: center;}
.idx-title h1{font-size: 40px;position: relative;}
.idx-title p{font-size: 30px;margin-top: 15px;}
.idx-title span{display: block;font-size: 23px;margin-top: 8px;}
.solution0{margin-top: 10%;}
.solution0 li{display: inline-block;width: 18.75%;height: 120px;background: rgba(44, 92, 206, .4);border-radius: 10px;margin: 0 1%;box-sizing: border-box;padding: 30px;transition: all .4s ease;cursor: pointer;position: relative;}
.solution0 li p{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;}
.solution0 li span{display: block;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;color: #fff;}
.solution0 li em{color: #fff;display: block;line-height: 18px;margin-top: 10px;opacity: 0;transition: all ease .4s;white-space: nowrap;font-style: normal;}
.solution0 li em img{margin-left: 3px;vertical-align: middle;width: 13px;}
.solution0 li em:before,.solution0 li em:after{content: '';display: inline-block;width: 25%;height: 1px;background: rgba(255,255,255,.5);vertical-align: middle;}
.solution0 li em:before{margin-right: 11px;}
.solution0 li em:after{margin-left: 11px;}
.solution0 li:hover{height: 140px;transform: translateY(-20px);}
.solution0 li:hover em{opacity: 1;}
.solution-btn{display: block;width: 180px;height: 48px;background: linear-gradient(142deg, #1890FF 0%, #2C5CCE 100%);border-radius: 50px;font-size: 16px;color: #fff;text-align: center;line-height: 48px;margin: 5% auto 0;}
.idx-title1 p{font-size: 16px;line-height: 1.8;}
.solution2{margin-top: 60px;}
.solution2 li{display: inline-block;width: 10.5%;height: 180px;border-radius: 10px;background: rgba(44, 92, 206, .4);margin: 0 1.5%;transition: all ease .4s;}
.solution2 li:hover{transform: translateY(-20px) !important;background: rgba(0,12,42,.4);}
.solution2 li img{display: block;margin: 35px auto 0;}
.solution2 li p{font-size: 18px;color: #fff;margin-top: 20px;}
.solution2 li span{display: block;font-size: 12px;color: #fff;margin-top: 5px;}
.idx-titles{font-size: 40px;color: #333;font-weight: bold;text-align: center;}
.idx-titles span{display: block;font-size: 24px;color: #666;font-weight: normal;text-transform: uppercase;margin-top: 10px;}
.idx-case{margin-top: 40px;text-align: center;}
.idx-case li{display: inline-block;width: 16.7%;margin: 0 1%;padding-bottom: 35px;}
.idx-case li a{display: block;border-radius: 20px;}
.case-img{width: 100%;height: 211px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 20px 20px 0 0;}
.case-info{background: #F5F5F7;border-radius: 0 0 20px 20px;padding: 15px 20px 30px;text-align: left;}
.case-info .h3{font-size: 16px;color: #333;line-height: 24px;display: -webkit-box;​text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 48px;font-weight: bold;}
.case-info span{display: block;font-size: 14px;color: #999;margin-top: 10px;}
.case-info p{color: #666;line-height: 1.7;margin-top: 10px;display: -webkit-box;​text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 46px;}
.case-more{display: block;margin-top: 10px;opacity: 0;transition: all .3s ease;display: none;background: url(../image/case_more.png) no-repeat center;background-size: 100% auto;width: 25px;height: 25px;}
.idx-case li:hover a{box-shadow: 2px 4px 16px 1px rgba(0,0,0,0.08);}
.idx-case li:hover .case-more{display: block;opacity: 1;}
#section3{background: #fafafa;}
#section3 .solution-btn{margin-top: 50px;}
.footer{position: absolute;left: 0;bottom: 0;right: 0;padding: 0 3.5% 30px;z-index: 50;}
.qr-code{width: 100px;height: 100px;margin-left: 90px;margin-bottom: 10px;}
.foot-l{color: #333;}
.foot-la{display: inline-block;position: relative;border-right: 1px solid #999;padding-right: 15px;margin-right: 15px;}
.foot-la:last-child{border-right: none;}
.foot-la img{display: none;width: 100px;height: 100px;position: absolute;left: 50%;transform: translateX(-50%);top: -110px;margin-left: -8px;}
.foot-la:hover img{display: block;}
.footer a{color: #333;}
.footer span{margin: 0 20px;}
.idx-case li.active{padding-bottom: 0;}
.aiot-section0{margin-top: 40px;}
.aiot-section0 li{display: inline-block;width: 20%;text-align: center;background: rgba(44, 92, 206, .4);border-radius: 10px;box-sizing: border-box;padding: 40px 30px 0;min-height: 250px;margin: 0 1%;transition: all ease .4s;vertical-align: top;}
.aiot-section0 li h3{font-size: 18px;font-weight: normal;margin-top: 15px;color: #fff;}
.aiot-section0 li span{display: block;margin-top: 5px;opacity: .6;color: #fff;}
.aiot-section0 li p{text-align: left;margin-top: 20px;line-height: 2;color: #fff;}
.aiot-section0 li em{display: inline-block;font-style: normal;width: 48%;text-align: left;color: #fff;}
.aiot-section0 li.li2 p{text-align: center;}
.aiot-section0 li.li2 em{width: auto;margin: 0 15px;}
.aiot-section0 li:hover{transform: translateY(-20px);background: rgba(0,12,42,.4);}
.aiot-section1 li{width: 15.6%;height: 260px;padding: 40px 0;}
.aiot-section1 li p{text-align: center;}
.aiot-section1 li em{display: inline-block;width: 110px;height: 30px;border-radius: 50px;border: 1px solid rgba(255,255,255,.5);text-align: center;line-height: 30px;margin: 0 10px 10px;}
.aiot-section1 li a{color: #fff;}
.aiot-section2 .idx-title{color: #333;text-align: center;position: absolute;top: 15%;left: 0;width: 100%;right: 0;z-index: 10;}
.aiot-section2 .idx-title span{color: #666;}
.aiot-section2 .slide{position: relative;}
.fp-arrow{width: 114px;height: 114px;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.fp-arrow.fp-prev{border: none;background-image: url(../image/arrow_l.png);}
.fp-arrow.fp-next{border: none;background-image: url(../image/arrow_r.png);}
.fp-arrow:hover{background-color: rgba(0,0,0,.2);}
.slide-l{text-align: center;width: 16%;position: absolute;left: 18%;bottom: 13.6%;}
.slide-l h3{font-size: 24px;color: #333;font-weight: normal;line-height: 1.5;}
.slide-l span{display: block;font-size: 16px;color: #999;margin-top: 5px;}
.slide-btn{display: block;width: 180px;height: 48px;background: linear-gradient(142deg, #1890FF 0%, #2C5CCE 100%);border-radius: 50px;font-size: 14px;color: #fff;text-align: center;line-height: 48px;margin: 12px auto 0;}
.app-code{width: 68%;margin: 20px auto 0;}
.down-btn{display: block;width: 196px;height: 52px;border-radius: 50px 50px 50px 50px;border: 2px solid #1890FF;font-size: 18px;color: #1890FF;line-height: 52px;margin: 15px auto 0;}
.down-btn img{margin-right: 4px;}
.slide-cl{width: 22%;position: absolute;right: 36.5%;bottom: 0;}
.phone-left{width: 100%;}
.slide-cl .liuhai{position: absolute;top: 1.85%;left: 52.24%;width: 19.5%;}
.slide-change{position: absolute;top: 1.85%;left: 36.55%;width: 50.69%;bottom: 19.7%;overflow: hidden;border-radius: 30px;}
.slide-cl .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
.slide-cl .swiper-pagination-bullet{width: 30px;height: 6px;border-radius: 3px;background: #fff;opacity: 1;}
.slide-cl .swiper-pagination-bullet-active{background: #1890FF;}
.slide-change img{width: 100%;}
.slide-cr{width: 21.6%;position: absolute;bottom: 0;right: 12%;}
.phone-right{width: 100%;}
.slide-cr .liuhai{position: absolute;top: 1.85%;left: 27.77%;width: 19.5%;}
.app-main{position: absolute;top: 1.85%;left: 13.88%;width: 47.275%;bottom: 21.16%;overflow: hidden;border-radius: 26px;}
.app-main img{width: 100%;}
.search-box{width: 25%;margin: 0 auto;}
.search-ipt{width: 83%;height: 70px;background: rgba(0,0,0,.3);border-radius: 10px 0 0 10px;border: none;padding: 0 20px;box-sizing: border-box;color: #fff;}
input.search-ipt::-webkit-input-placeholder {color : rgba(255,255,255,.5);}
input.search-ipt::-moz-placeholder {color : rgba(255,255,255,.5);}
input.search-ipt:-ms-input-placeholder {color : rgba(255,255,255,.5);}
input.search-ipt::-ms-input-placeholder {color : rgba(255,255,255,.5);}
.search-btn{width: 17%;height: 70px;border-radius: 0 10px 10px 0;background-color: rgba(0,118,254,.6);background-image: url(../image/ssico.png);background-repeat: no-repeat;background-position: center;border: none;cursor: pointer;}
.search-text{margin-top: 15px;text-align: left;}
.search-text a{color: #fff;}
.search-text span{font-family: '宋体';margin: 0 12px;}
.section-white{background: #fafafa;}
.section-white .idx-title1{color: #333;}
.jjfa{margin-top: 35px;text-align: left;padding-top: 20px;}
.jjfa .swiper-slide{width: 16.4%;transition: all .3s ease;overflow: hidden;border-radius: 20px;}
.jjfa .swiper-slide:first-child{margin-left: 4%;}
.jjfa .swiper-slide:last-child{margin-right: 4%;}
.jjfa-img{display: block;width: 100%;border-radius: 20px;position: relative;z-index: 1;}
.jjfa-c{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 8% 13%;z-index: 3;}
.jjfa-c h3{font-size: 18px;color: #fff;font-weight: normal;}
.jjfa-c span{display: block;font-size: 12px;color: #fff;margin-top: 5px;}
.jjfa-c p{color: #fff;margin-top: 10px;display: -webkit-box;​text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.jjfa-more{display: block;margin-top: 20px;transition: all .5s ease;opacity: 0;}
.jjfa .swiper-slide:hover{transform: translateY(-20px);}
.jjfa .swiper-slide:hover .jjfa-more{opacity: 1;}
.hlxy-fc .swiper-button-next,.hlxy-fc .swiper-button-prev{display: none;}
.jjfa .swiper-button-next,.jjfa .swiper-button-prev,.hlxy-fc .swiper-button-next,.hlxy-fc .swiper-button-prev{width: 58px;height: 58px;}
.jjfa .swiper-button-next:after,.jjfa .swiper-button-prev:after,.hlxy-fc .swiper-button-next:after,.hlxy-fc .swiper-button-prev:after{content: '';}
.jjfa .swiper-button-prev,.hlxy-fc .swiper-button-prev{background: url(../image/jjfa_arrow_l.png) no-repeat center;left: 10%;}
.jjfa .swiper-button-next,.hlxy-fc .swiper-button-next{background: url(../image/jjfa_arrow_r.png) no-repeat center;right: 10%;}
.jjfa-case{padding: 45px 4% 0;}
.jjfa-section2 .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.jjfa-case .swiper-slide{float: left;width: 18.2%;margin-right: 2%;}
.jjfa-case .swiper-slide:last-child{margin-right: 0;}
.jjfa-case-img{width: 100%;height: 300px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 10px;}
.jjfa-case-info h3{font-size: 16px;color: #333;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 20px;}
.jjfa-case-info p{color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 10px;}
.jjfa-list{margin: 50px auto 0;text-align: center;max-width: 70.83%;}
.jjfa-list li{float: left;width: 22.79%;margin: 0 1%;text-align: left;position: relative;transition: all .3s ease;margin-bottom: 30px;overflow: hidden;border-radius: 20px;}
.sol-img{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 20px;position: relative;z-index: 1;transition: all .5s ease;}
.sol-img:after{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 25, 84, .5);border-radius: 20px;z-index: 2;}
.jjfa-list li:hover{transform: translateY(-20px);}
.jjfa-list li:hover .sol-img{transform: scale(1.1);}
.content{padding: 135px 0 0;background: #fafafa;}
.content-top{padding: 0 4% 100px;}
.con-left{width: 80.6%;}
.jjfa-det{background: #fff;padding: 40px;}
.jjfa-infos h3{font-size: 30px;color: #333;font-weight: normal;}
.jjfa-infos p{margin-top: 10px;color: #666;line-height: 2.1;}
.jjfa-tits{font-size: 18px;color: #333;font-weight: bold;margin: 40px 0 15px;}
.con-right{width: 17%;background: #fff;}
.con-tit{font-size: 18px;color: #333;padding: 25px 30px;}
.con-tit img{margin-right: 9px;}
.con-r-list li a{display: block;padding: 20px 30px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con-r-list li.active a{background: #DCEBF9;color: #333;font-weight: bold;}
.con-r-list li:hover a{color: #333;font-weight: bold;}
.jjfa-pdf{border: 1px solid #DEDEDE;border-radius: 10px;overflow: hidden;}
.jjfa-title{height: 60px;border-bottom: 1px solid #DEDEDE;padding: 0 30px;font-size: 16px;color: #333;line-height: 60px;background: #fff;position: relative;z-index: 5;border-radius: 10px 10px 0 0;}
.jjfa-title img{margin-right: 12px;vertical-align: middle;}
.jjfa-pdfc{height: 730px;margin-top: -60px;position: relative;}
.jjfa-loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 14px;color: #fff;width: 90px;height: 90px;background: rgba(0,0,0,.5);border-radius: 8px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: column;}
.load-wrapp{margin-bottom: 5px;}
.line {
  display: inline-block;
  width: 4px;
  height: 8px;
  border-radius: 8px;
  background-color: #fff;
}
.load-1 .line:nth-last-child(1) {
  animation: loadingA 1.5s 1s infinite;
}
.load-1 .line:nth-last-child(2) {
  animation: loadingA 1.5s 0.5s infinite;
}
.load-1 .line:nth-last-child(3) {
  animation: loadingA 1.5s 0s infinite;
}
@keyframes loadingA {
  0 {
    height: 8px;
  }
  50% {
    height: 16px;
  }
  100% {
    height: 8px;
  }
}
.error-pdfs{padding: 80px 15px 0;text-align: center;font-size: 16px;}
.error-pdfs span{display: block;}
.error-pdfs a{color: var(--main);}
.jjfa-pdf-bot{border-top: 1px solid #DEDEDE;text-align: right;line-height: 58px;padding: 0 30px;}
.jjfa-pdf-bot a{color: #1890FF;}
.jjfa-pdf-bot a img{margin-right: 9px;vertical-align: middle;}
.jjfa-bot{background: #fff;margin-top: 30px;padding: 25px 40px 40px;}
.bot-tit{font-size: 24px;color: #333;}
.jjfa-al{margin-top: 30px;}
.jjfa-al li{float: left;width: 22.7%;margin-right: 3%;}
.jjfa-al li:last-child{margin-right: 0;}
.al-img{width: 100%;height: 284px;border-radius: 10px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.jjfa-al li h3{font-size: 16px;color: #333;font-weight: normal;margin-top: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.jjfa-al li p{color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 5px;}
.yun1{position: absolute;top: 15%;left: 40%;z-index: 4;-webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;}
.yun2{position: absolute;top: 25%;left: 30%;z-index: 6;-webkit-animation: cloud_two 100s linear infinite;
  -moz-animation: cloud_two 100s linear infinite;
  -o-animation: cloud_two 100s linear infinite;}
  @-webkit-keyframes cloud_one {
  0% {
    left: 40%
  }
  50% {
    left: 70%
  }
  100% {
    left: 50%
  }
}
 
@-webkit-keyframes cloud_two {
  0% {
    left: 30%
  }
  50% {
    left: 70%
  }
  100% {
    left: 45%
  }
}
.title-en{font-size: 190px;color: #2C5CCE;opacity: .1;position: absolute;left: 50%;transform: translateX(-50%);top: -300%;font-weight: normal;text-transform: uppercase;}
.qywh{font-size: 16px;color: #fff;line-height: 1.8;margin-top: 20px;}
.team{text-align: center;font-size: 16px;}
.team .li{display: inline-block;position: relative;z-index: 1;}
.team .li.li1{width: 15.5%;}
.team .li.li2{width: 16.5%;margin-left: -7%;}
.team .li.li3{width: 17%;margin-left: -7%;z-index: 5;}
.team .li.li4{width: 17.5%;margin-left: -9%;z-index: 4;}
.team .li.li5{width: 15%;margin-left: -8%;z-index: 3;}
.team .li img{width: 100%;display: block;}
.team p{color: #333;margin: 20px 0 10px;}
.team p em,.team p i{font-style: normal;}
.team span{display: block;color: #999;}
.footer1,.foot-l,.footer1 a{color: #fff;}
.qyfb{position: absolute;top: 13%;right: 15%;z-index: 5;}
.qyfb-tit{font-size: 40px;color: #fff;font-weight: bold;}
.area{background: url(../image/dzico.png) no-repeat left center;padding-left: 30px;color: #fff;margin-top: 15px;}
.area p{font-size: 18px;}
.qyfb-more{position: relative;margin: 20px 0 0 30px;}
.qyfb-box{background: #163276;height: 40px;color: #fff;line-height: 40px;padding: 0 20px;cursor: pointer;}
.qyfb-box:before{content: '';display: inline-block;width: 0;height: 0;border: 7px solid transparent;border-bottom: none;border-top-color: #fff;margin-right: 10px;}
.qyfb-list{position: absolute;top: 40px;left: 0;right: 0;background: #fff;padding: 0 15px;display: none;}
.qyfb-list li{font-size: 16px;line-height: 40px;padding: 0 30px 0 0;border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.qyfb-list li:last-child{border-bottom: none;}
.qyfb-list li.active{background: url(../image/gou.png) right center no-repeat;background-size: 20px auto;color: #1890FF;}
.qyfb-lists{border: 1px solid rgba(255,255,255,.2);background: rgba(255,255,255,.05);padding: 5px 15px 15px;margin-top: 20px;margin-left: 30px;}
.qyfb-lists li{display: none;}
.qyfb-lists li h3{font-size: 16px;color: #fff;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom: 10px;}
.qyfb-lists li p{font-size: 14px;color: #fff;line-height: 2;}
.qyfb-lists li p a{color: #fff;}
.wap_new_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;display: none;}
.xwzx{position: absolute;top: 40%;left: 11%;color: #fff;z-index: 5;}
.xwzx h1{font-size: 40px;}
.xwzx p{font-size: 16px;margin-top: 20px;}
.xwzx span{display: block;font-size: 24px;margin-top: 5px;}
.xwzx-nav{width: 70.83%;margin: 0 auto;}
.xwzx-nav li{float: left;height: 46px;background: #1890FF;border-radius: 50px;margin-right: 20px;}
.xwzx-nav li a{display: block;padding: 0 22px;font-size: 18px;color: #fff;line-height: 46px;}
.xwzx-nav li.active{background: #001954;}
.searchs{height: 46px;background: #F5F5F5;border-radius: 10px;width: 19.5%;}
.search-ipts{width: 77.2%;height: 46px;border: none;padding: 0 18px;box-sizing: border-box;background: #F5F5F5;border-radius: 10px 0 0 10px;}
.search-btns{width: 22.8%;background-color: #1890FF;background-image: url(../image/ssico.png);background-position: center;background-repeat: no-repeat;background-size: 23px auto;border-radius: 0 10px 10px 0;height: 46px;border: none;cursor: pointer;}
.xwzx-tit{font-size: 24px;color: #333;margin: 50px 0 25px;text-align: center;}
.xwzx-list{max-width: 70.83%;margin: 0 auto;}
.xwzx-list li{float: left;width: 23.5%;margin-right: 2%;border-radius: 20px;}
.xwzx-list li:nth-child(4n){margin-right: 0;}
.xwico{display: block;width: 25px;height: 25px;background: url(../image/xw_ico.png) no-repeat center;margin-top: 10px;background-size: 100% auto;}
.xwzx-list li:hover{box-shadow: 2px 4px 16px 1px rgba(0,0,0,0.08);}
.xwzx-list li:hover .xwico{background-image: url(../image/case_more.png);}
.xw-logo{margin-top: 50px;text-align: center;}
.xw-logo a{display: inline-block;font-size: 16px;color: #1890FF;background: url(../image/xw_logo.png) no-repeat left center;padding-left: 47px;line-height: 36px;}
.page{padding: 200px 0 100px;}
.page-tit{font-size: 30px;color: #333;line-height: 46px;}
.page-list{margin-top: 60px;}
.xwzx-list li{margin-bottom: 25px;}
.xw-section{padding: 120px 0 80px;}
/*登录*/
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 110;display: none;}
.popup{width: 36%;background: #fff;border-radius: 20px;padding: 60px 6%;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 120;box-sizing: border-box;display: none;}
.pop-tit{font-size: 30px;color: #0076FE;font-weight: bold;text-align: center;position: relative;}
.pop-tit:after{content: '';display: block;width: 60px;height: 10px;background: #0076FE;opacity: .2;position: absolute;left: 50%;transform: translateX(-50%);bottom: -4px;}
.pop-con{margin-top: 40px;}
.pop-ipt{width: 100%;height: 73px;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 0 22px;font-size: 18px;color: #999;}
.code-box{margin-top: 30px;}
.code-box .pop-ipt{width: 54%;}
.code-btn{width: 42%;height: 73px;background: #F2F2F2;border-radius: 10px;border: 1px solid #D8D8D8;font-size: 18px;color: #999;line-height: 73px;text-align: center;}
.login-btn{height: 75px;background: #0076FE;border-radius: 10px;border: 1px solid #EEEEEE;font-size: 20px;color: #fff;border: none;width: 100%;display: block;margin-top: 50px;}
.wechat{display: block;width: 60px;height: 60px;margin: 40px auto 0;}
.wechat img{width: 100%;}
.login-wechat .pop-tit:after{width: 120px;}
.wechat-code{width: 300px;height: 270px;margin: 0 auto;overflow: hidden;}
.wechat-code img{width: 100%;}
.pop-closes{position: absolute;left: 50%;transform: translateX(-50%);bottom: -106px;cursor: pointer;}
.pop-tip{font-size: 14px;color: #999;margin-top: 10px;text-align: center;}
/*登录后*/
.user-box{display: none;position: relative;}
a.user{display: inline-block;margin-right: 0;}
.userimg{width: 20px;height: 20px;margin-right: 7px;vertical-align: middle;border-radius: 50%;}
.userinfo{width: 250px;box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.05);position: absolute;top: 100%;right: 0;padding-top: 10px;display: none;z-index: 20;}
.userinfo-c{background: #fff;border-radius: 10px;}
.user-info{padding: 20px;border-bottom: 1px solid #F5F5F5;text-align: left;line-height: initial;}
.user-info img{width: 40px;height: 40px;border-radius: 50%;}
.user-info p{font-size: 18px;color: #333;padding-left: 50px;}
.user-info p span{display: block;font-size: 14px;color: #999;}
a.set{display: block;padding: 15px 20px;color: #333;text-align: left;border-bottom: 1px solid #F5F5F5;margin-right: 0;position: relative;}
a.set span{color: var(--main);position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 12px;display: none;}
a.exit{display: block;padding: 15px 20px;color: #333;text-align: left;margin-right: 0;}
.set img,.exit img{margin-right: 8px;vertical-align: middle;}

.pop-nav{display: none;}

/*分页*/
.paginator { text-align: center; padding:30px 0 0; }
.paginator.w1099{ border:none;}
.paginator img{ vertical-align:text-top;}
.paginator a, .paginator span { display: inline-block; text-align:center; height: 27px; line-height: 27px; color: #4a4b4e; font-size:13px; border:1px #d2d2d2 solid; padding:0 9px; margin:0 3px; border-radius:3px;}
.paginator a:hover{ background:#1890FF; border-color:#1890FF; color:#fff;}
.paginator span.current { color: #fff; background:#1890FF; border-color:#1890FF;}
/*分页------------------------------*/

.sol-empty{text-align: center;padding: 50px 0;display: none;}
.sol-empty img{max-width: 100%;display: block;margin: 0 auto;}
.sol-empty p{font-size: 16px;color: #999;margin-top: 15px;}

/*详情*/
.xx_t{ text-align:center; border-bottom:1px #ccc dashed; padding:20px 0; margin-bottom:25px;}
.xx_t h1{ font-size:18px; margin-bottom:8px;}
.xx_t span{ color:#999;display: block;margin-top: 10px;}
.xx_con p{ line-height:24px;}
.xx_con img{max-width: 100%;}
.fy{ border-top:1px #ccc dashed; padding:10px 0; line-height:2; margin-top:25px;}
.fy a{ color:#666;}
.fy a:hover{ color:#0084FF; text-decoration:underline;}


.fp-auto-height .fp-slide, .fp-auto-height.fp-section{height: 100% !important;}
.fp-table{display: -webkit-flex;}


/*视频*/
.video-paly{position: absolute;right: 3.5%;bottom: 10%;background: rgba(0,0,0,.9);width: 50px;height: 50px;border-radius: 5px;z-index: 10;cursor: pointer;}
.video-paly img{width: 40px;height: 40px;margin: 5px auto 0;display: block;}
.full-video{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,1);z-index: 101;display: none;}
.full-video video{width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.full-close{position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;background: rgba(0,0,0,.9);border-radius: 5px;cursor: pointer;}
.full-close img{width: 30px;height: 30px;margin: 10px auto 0;display: block;}
.video-paly-sol{width: 60px;height: 60px;margin: 20px auto 0;cursor: pointer;}
.video-paly-sol img{width: 100%;height: 100%;display: block;opacity: .6;}
.video-paly-sol:hover img{opacity: 1;}
/*海龙学院*/
.hlxy-ceng{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../image/hlxy_bg.png) no-repeat center;z-index: 5;}
.wang{font-size: 16px;color: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 130px;}
.fengc-nav{text-align: center;margin-top: 45px;}
.fengc-nav a{display: inline-block;width: 110px;height: 46px;background: #1890FF;border-radius: 23px;margin: 0 10px;font-size: 18px;color: #fff;line-height: 46px;}
.fengc-nav a.active{background: #001954;}
.hlxy-fc{padding: 65px 0;background: #fff;}
.hlxy-fc .swiper-slide{width: 20%;transition: all .3s ease;}
.hlxy-fc .swiper-slide:last-child{margin-right: 0;}
.hlxy-fc .jjfa-case-img{height: 285px;}
.hlxy-fc .swiper-slide:hover{width: 25%;}
.hlxy-fc .swiper-slide:hover .jjfa-case-img{height: 412px;margin-top: -65px;}
.fcj-img{height: 285px;border-radius: 20px;}

.page-back{font-size: 14px;color: #666;margin-right: 20px;line-height: 46px;}

/*人才招聘*/
.rczp-list{margin-top: 40px;}
.rczp-btn{margin-top: 30px;}
.email{font-size: 18px;color: #333;line-height: 2;text-align: center;margin-top: 30px;}
.xcfl-list{max-width: 70.83%;text-align: center;margin: 0 auto;}
.xcfl-list li{display: inline-block;width: 30%;margin-right: 4%;background: #fff;border-radius: 20px;text-align: center;margin-top: 80px;padding-bottom: 35px;}
.xcfl-list li:nth-child(3n){margin-right: 0;}
.xcfl-list li img{display: block;margin: -40px auto 0;}
.xcfl-list li h3{font-size: 28px;color: #333;margin-top: 20px;}
.xcfl-list li p{margin-top: 15px;}
.xcfl-list li span{display: inline-block;height: 28px;line-height: 28px;background: #D2E9FF;border-radius: 17px;font-size: 14px;color: #0076FE;padding: 0 10px;margin: 0 5px;}
.czfz-section{background: url(../image/czfz_bg.jpg) no-repeat center top;background-size: cover;}
.czfz-section .idx-titles{color: #fff;}
.czfz-list{width: 70.83%;text-align: center;margin: 90px auto 0;}
.czfz-list li{float: left;width: 30.88%;margin-right: 3.6%;background: #fff;border-radius: 20px;height: 570px;}
.czfz-list li:nth-child(3n){margin-right: 0;}
.czfz-img{width: 100%;border-radius: 20px 20px 0 0;background-position: center;background-repeat: no-repeat;background-size: cover;height: 275px;}
.czfz-ico{display: block;margin: -75px auto 0;}
.czfz-list li h3{font-size: 28px;color: #001954;margin-top: 25px;}
.czfz-list li p{font-size: 14px;color: #000;line-height: 2;max-width: 65%;margin: 20px auto 0;}
.czfz-list li p span{display: block;}
.hlsh-item{margin: 80px auto 0;position: relative;width: 70.83%;display: none;}
.hlsh-swiper{width: 58.82%;height: 550px;margin: 0;z-index: 1;border-radius: 20px;}
.hlsh-swiper .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;}
.hlsh-swiper .swiper-pagination-bullet{width: 14px;height: 14px;background: rgba(255,255,255,.5);margin: 0 6px;}
.hlsh-swiper .swiper-pagination-bullet.active{background: #fff;opacity: 1;}
.hlsh-r{position: absolute;top: 50%;transform: translateY(-50%);right: 0;background: #fff;box-shadow: 2px 4px 22px 1px rgba(0,0,0,0.05);box-sizing: border-box;width: 50%;padding: 60px;border-radius: 20px;z-index: 2;}
.hlsh-r h3{font-size: 30px;color: #333;font-weight: normal;}
.hlsh-r p{font-size: 18px;color: #666;line-height: 2;margin-top: 15px;}

.pxkc-list{margin-top: 40px;}
/*课程输入密码*/
.kc-pass{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 1000;}
.kc-form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.kc-ipt{background: #f5f5f5;border-radius: 8px;width: 200px;height: 50px;line-height: 50px;padding: 0 15px;font-size: 14px;color: #333;border: none;}
.kc-btn{width: 80px;height: 50px;background: #001954;font-size: 14px;color: #fff;border: none;border-radius: 8px;margin-left: 10px;cursor: pointer;}
