body, html {font-size:14px; color:#010101;}
body,html,h1,h2,h3,h4,h5,ol,ul,li,dl,dt,dd,p,span,form,input,img {margin:0;padding:0;}
h1,h2,h3,h4,h5 {font-size:12px;}
ul,li {list-style-type:none;}
dl,dt,dd {display:block;}
input {-webkit-appearance:none;outline:none;}
a {color:#010101;text-decoration:none;}
a:hover {text-decoration:none;}
.bmt{margin-bottom: 10px;}
.bmt130{padding-bottom: 130px;}
.mrt30{ margin-right: 30px;}
.mrt25{ margin-right: 25px;}
.mrt20{ margin-right: 20px;}
.mat5{margin-top: 5px;}
.mbt15{ margin-bottom: 15px;}
.pad100{ padding-bottom: 100px;}
.mbt40{ margin-bottom: 40px;}
.mat80{ margin-top:80px;}

body{background-color: #fff; height: auto; margin: 0 auto;}

@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('/www/web/fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/www/web/fonts/Montserrat-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold Italic';
    src: url('/www/web/fonts/Montserrat-BoldItalic.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('/www/web/fonts/Montserrat-Light.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/www/web/fonts/Montserrat-Medium.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/www/web/fonts/Montserrat-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/www/web/fonts/Montserrat-SemiBold.otf') format('truetype');
}

.csbg {background: linear-gradient(to right, #0045FF, #F848C5 ); color: transparent;}
.csbgfan {background: linear-gradient(to right, #F848C5,#0045FF ); color: transparent;}
.cszt {background: linear-gradient(to right, #00BBFF, #ED5FF2, #FF29EC); -webkit-background-clip: text; color: transparent;}
.top{ width: 100%; height: 100px; }
.top .man{ width: 1440px; margin: auto;}
.top .logo{ float: left; margin-top:20px;width:160px; margin-right: 180px; }
.top .logo img{width:160px; }
.top .nav{ font-size: 18px; font-family: 'Montserrat-SemiBold'; width: 730px; float: left;color: #ffffff; margin-top: 38px;}
.top .nav .selected{color: #00EAFF;}
.top .nav li{ padding: 0 30px; float: left; display: inline-block; position:relative;}
.top .nav li a{ color: #fff; display: block;}
.top .nav li a:hover{ color: #00EAFF;}
.xian2{ border-bottom: solid 1px #f3f3f3;}
.top .nav ul li ul.dropdown {
    display: none; /* 默认隐藏下拉菜单 */
    position: absolute;
    top:22px; /* 相对于父级定位 */
    left:20px; /* 与父级左对齐 */
    z-index: 1000; /* 确保在下拉时显示在最上层 */
    background-color: #fff;
    width: 120px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }
.top .nav ul li ul.dropdown li{ width: 120px; line-height:32px;}
.top .nav ul li ul.dropdown a{
    color: #57687A;
    font-size: 13px;
    font-family: 'Montserrat-Medium';
}

.top .nav ul li:hover ul.dropdown {
    display: block; /* 鼠标悬停时显示下拉菜单 */
  }


.top .zzs{ width: 190px; height: 40px; border-radius:10px; background-color: #fff; float: right; font-size: 16px; font-family:'Montserrat-SemiBold'; margin-top: 30px; text-align: center; line-height: 40px;}


.banner{width: 100%; height:625px; padding-top: 230px; background:url(../images/pic_bg.png) no-repeat; background-size:cover; }
.banner .mid{width: 1440px; margin: auto;}
.banner .mid .left{ width: 610px; float: left;}
.banner .mid .left img{ width: 610px;}
.banner .mid .left .an{ height: 40px; border-radius:10px; background-color: #fff; float: left; font-size: 16px; font-family:'Montserrat-SemiBold'; margin-top:20px; text-align: center; line-height: 40px; padding: 0 15px; margin-right: 20px;}
.banner .mid .left .tel{ font-size: 26px; color: #fff; font-family:'Montserrat-Medium'; margin-top:250px;}
.banner .mid .right{ width:590px; float: right; height: 570px; } 
.banner .mid .right img{ width:590px; margin-top: 97px;} 
.data {width: 1440px; margin: auto; padding: 95px 0; overflow: hidden; }
.data ul{ width: 25%; text-align: center; float: left;}
.data li{ margin-bottom:5px;}
.data .f56{font-family: 'Montserrat-Bold Italic'; font-size: 56px; color: #1E4AFF; font-style: italic; font-weight: bold;}
.data .f40{font-family: 'Montserrat-Bold Italic'; font-size: 40px; color: #1E4AFF; font-style: italic; font-weight: bold;}
.data .f16{ font-family: 'Montserrat-Regular'; font-size: 16px; color: #818181;}

.banner2{width: 100%; padding-top:76px; padding-bottom: 64px; overflow: hidden; margin-bottom: 68px; }
.banner2 .mid{width: 1440px; margin: auto;}
.banner2 .mid .left{ width: 810px; float: left;}
.banner2 .mid .left .f140{ font-size: 140px; font-family: 'BebasNeue-Regular'; color: #fff;}
.banner2 .mid .left .tel{ font-size: 32px; color: #fff; font-family:'Montserrat-Light'; }
.banner2 .mid .left .an{ height: 40px; border-radius:10px; background-color: #fff; float: left; font-size: 16px; font-family:'Montserrat-SemiBold'; margin-top:20px; text-align: center; line-height: 40px; padding: 0 15px; margin-right: 20px;}

.banner3{width: 100%; padding-top:76px; padding-bottom: 64px; overflow: hidden; }
.banner3 .mid{width: 1440px; margin: auto;}
.banner3 .mid .left{ width: 810px; float: left;}
.banner3 .mid .left .f140{ font-size: 140px; font-family: 'BebasNeue-Regular'; color: #fff;}
.banner3 .mid .left .tel{ font-size: 32px; color: #fff; font-family:'Montserrat-Light'; }
.banner3 .mid .left .an{ height: 40px; border-radius:10px; background-color: #fff; float: left; font-size: 16px; font-family:'Montserrat-SemiBold'; margin-top:20px; text-align: center; line-height: 40px; padding: 0 15px; margin-right: 20px;}


.midk{width: 1440px; margin: auto; overflow: hidden;}
.midk .bt{ width: 605px; font-size: 80px; margin-bottom:10px; float: left; font-family: 'BebasNeue-Regular'; line-height: 80px;}
.midk .ms{ width: 685px; float: right; font-size: 16px; color: #818181; line-height: 28px; font-family: 'Montserrat-Regular';}
.midk .qytu{ margin-top: 30px; width: 100%; float: left; margin-bottom: 130px;}
.midk .qytu .left{ float: left; width: 710px; margin-right: 20px; height: 820px; overflow: hidden; display: block; background-size: 100% auto; ; border-radius:20px; }
.midk .qytu img{ width: 100%;}
.midk .qytu .top{ float: left; width: 700px; height:394px; overflow: hidden; display: block; background-size: 100% auto;  border-radius:20px; }
.midk .qytu .midx{ float: left; width: 338px; margin-right: 20px; margin-top: 30px;  height:398px; overflow: hidden; display: block; background-size: 100% auto;  border-radius:20px; }
.midk .qytu .right{ float: left; width: 338px; margin-top: 30px;  height:398px; overflow: hidden; display: block; background-size: 100% auto;  border-radius:20px; }

.liand{ background-color: #FAFDFF; width: 100%; overflow: hidden; padding-bottom: 20px; margin-bottom: 130px; }
.liand2{ background-color: #FAFDFF; width: 100%; overflow: hidden; padding-bottom: 20px; margin-bottom: 130px; padding-bottom: 80px;}
.liand .about{ width: 100%; font-family: 'Montserrat-Regular'; color: #818181; font-size: 20px; margin: 52px 0; line-height: 30px;}
.liand .left{ width: 500px; font-size: 80px; font-family: 'BebasNeue-Regular'; line-height: 80px; float: left;}
.liand .right{ width: 860px; float: right;}
.liand .right ul{ width: 50%; float: left; margin-bottom:50px;}
.liand .right li{ padding-left: 13px;}
.liand .right .f20{font-size: 20px; font-family: 'Montserrat-SemiBold'; font-weight: bold; color: #1E2020;}
.liand .right .f16{font-size: 16px; font-family: 'Montserrat-Regular'; font-weight: bold; color: #818181; line-height: 30px;}
.liand .right .bl{ border-left: #365DFF solid 3px;}

.biaot{ width: 100%; text-align: center; font-family:'BebasNeue-Regular'; font-size: 80px;}
.biaot2{ width: 100%; text-align: center; font-family:'Montserrat-SemiBold'; font-size:24px;}
.miaos{ width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 16px; color: #818181; line-height: 30px;}
.stu{ margin-top:40px; margin-bottom: 130px; overflow: hidden; }
.stu li{ width: 460px; float: left;}
.stu img{ width: 460px; }

.renwu{margin-top: 50px; margin-bottom: 130px; overflow: hidden;}
.renwu ul{ width: 340px; float: left; margin-bottom: 30px;}
.renwu img{ width: 340px; border-radius: 20px; margin-bottom:15px;}
.renwu li{}
.renwu .f24{ font-family: 'Montserrat-Bold'; color: #1E2020; font-size: 24px; margin-bottom: 10px; }
.renwu .f16{ font-family: 'Montserrat-Bold'; color: #1E2020; font-size: 16px; margin-bottom: 10px;}
.renwu .f14{ font-family: 'Montserrat-Regular'; color: #818181; font-size: 14px; }

.dbzzs{width: 100%; padding: 90px 0;overflow: hidden; background-image: url(../images/CTASection.jpg);}
.dbzzs .biaot{ width: 100%; text-align: center; font-family:'BebasNeue-Regular'; font-size: 80px; color: #fff; line-height: 80px; margin-bottom: 45px;}
.dbzzs .miaos{ width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 20px; color: #fff; margin-bottom: 45px;}
.dbzzs .an{ width: 420px; height: 62px; border-radius:10px; background-color: #fff; font-size: 24px; font-family:'Montserrat-SemiBold'; margin-top:20px; text-align: center; line-height: 62px;margin: auto;}

.bottom{width: 100%; background-color: #001429; padding: 110px 0; overflow: hidden;}
.bottom .fir{margin: auto; overflow: hidden; width: 1440px; margin-bottom: 50px;}
.bottom .fir .logo{ float: left;width:215px;}
.bottom .fir .logo img{width:215px; }
.bottom .fir .lanmu{ width:1000px; float: right;}
.bottom .fir .lanmu ul{ float: left; width: 250px;}
.bottom .fir .lanmu li{ line-height: 34px;}
.bottom .fir .lanmu li a{color: #B0B5C9;}
.bottom .fir .lanmu .f18{ font-size: 18px; font-family: 'Montserrat-Bold'; color: #fff;}
.bottom .fir .lanmu .f14{ font-size: 14px; font-family: 'Montserrat-Regular'; color: #B0B5C9;}
.bottom .banqu{border-top: solid 1px #384048; margin: auto; overflow: hidden; width: 1440px; padding-top: 32px; }
.bottom .banqu .left{ font-size: 14px; font-family: 'Montserrat-Regular'; color: #fff; float: left;}
.bottom .banqu .right{font-size: 14px; font-family: 'Montserrat-SemiBold'; color: #fff; float: right;}
.bottom .banqu .right a{color: #fff; }

.agbiaot{ width: 100%; padding: 30px 0; font-size: 24px; font-family: 'Montserrat-SemiBold';}
.hyyc{width: 100%; margin-top: 30px; overflow: hidden;}
.hyyc .left{ width: 95px; font-family: 'Montserrat-SemiBold'; font-size: 16px; height: 100px; float: left;}
.hyyc .right{ border-radius:20px; background-color: #FAFDFF; width: 1260px; float: right; padding: 20px 30px;}
.hyyc .right .f18{ font-size: 18px; font-family: 'Montserrat-Medium'; color: #818181;}
.hyyc .right .f24{ font-size: 24px; font-family: 'Montserrat-SemiBold'; color: #1E2020;}
.hyyc .right li{ line-height: 36px;}
.hyyc .right .rwjs{ width: 100%; border-top: solid 1px #CFD4D1; margin-top: 20px; }
.hyyc .right .rwjs ul{ width: 25%; float: left; margin: 20px 0;}
.hyyc .right .rwjs li{ line-height: 24px;}
.hyyc .right .rwjs img{border-radius:50%; width: 56px; height: 56px; float: left; margin-right:10px; }
.hyyc .right .rwjs font{float: left; }
.hyyc .right .f16{ font-size: 16px; font-family: 'Montserrat-SemiBold'; color: #1E2020;}
.hyyc .right .f14{ font-size: 14px; font-family: 'Montserrat-Regular'; color: #818181;}
.hyyc .right .blue{ background-color: #E5EFFF; border-radius:5px; padding:5px  15px; font-size: 14; color: #0A76FF; font-family: 'Montserrat-SemiBold';display: table; clear: both; float: right;}
.hyyc .right .orange{ background-color: #FFF2E5; border-radius: 5px; padding:5px 15px; font-size: 14; color: #FF6A00; font-family: 'Montserrat-SemiBold'; display: table; clear: both; float: right;}
.hyyc .right .green{ background-color: #E5FFE9; border-radius: 5px; padding:5px 15px; font-size: 14; color: #2AD28C; font-family: 'Montserrat-SemiBold'; display: table; clear: both; float: right;}


.dengjz{ width: 100%; margin-top: 45px;}
.dengjz .mc{ font-size: 24px; font-family: 'Montserrat-SemiBold'; height: 72px; line-height:72px;}
.dengjz .mc font{float: left;}
.dengjz .mc img{ width: 50px; margin-left: 20px; margin-top: 10px;}
.dengjb .pp {width:1440px; float: left; overflow: hidden;}
.dengjz ul{border-radius:10px; border: solid 1px #CFD4D1 ;height:280px ;line-height: 280px;align-items: center; display: flex;justify-content: center;  text-align: center; }
.dengjz ul img{ width: 260px;}

.dengjb{ width: 100%; margin-top: 45px;}
.dengjb .mc{ font-size: 24px; font-family: 'Montserrat-SemiBold'; height:72px; line-height:72px; }
.dengjb .mc font{float: left;}
.dengjb .mc img{ width: 50px; margin-left: 20px; margin-top: 10px; float: left;}
.dengjb .pp {width:1440px; float: left; overflow: hidden;}
.dengjb ul{border-radius:10px; border: solid 1px #CFD4D1 ; height:142px ;line-height: 142px;align-items: center; display: flex;justify-content: center; text-align: center; width:49%; float: left; margin-bottom: 20px; }
.dengjb ul img{ width: 260px;}

.dengjh{ width: 100%; margin-top: 45px;}
.dengjh .mc{ font-size: 24px; font-family: 'Montserrat-SemiBold'; height:72px; line-height:72px; }
.dengjh .mc font{float: left;}
.dengjh .mc img{ width: 50px; margin-left: 20px; margin-top: 10px; float: left;}
.dengjh .pp {width:1440px; float: left; overflow: hidden;}
.dengjh .pp ul{border-radius:10px; border: solid 1px #CFD4D1 ; height:142px ;line-height: 142px;align-items: center; display: flex;justify-content: center;    text-align: center; width:461px; float: left; margin-bottom: 20px; }
.dengjh .pp ul img{ width: 260px;}

.dengjy{ width: 100%; margin-top: 45px;}
.dengjy .mc{ font-size: 24px; font-family: 'Montserrat-SemiBold'; height:72px; line-height:72px; }
.dengjy .mc font{float: left;}
.dengjy .mc img{ width: 50px; margin-left: 20px; margin-top: 10px; float: left;}
.dengjy .pp {width:1440px; float: left; overflow: hidden;}
.dengjy .pp ul{border-radius:10px; border: solid 1px #CFD4D1 ; height:142px ;line-height: 142px;align-items: center; display: flex;justify-content: center; text-align: center; width:343px; float: left; margin-bottom: 20px; }
.dengjy .pp ul img{ width: 260px;}

.qyjs{width:1370px; margin-top: 30px; overflow: hidden; background-color: #FAFDFF; border-radius:20px; padding: 25px 35px;}
.qyjs .rwjs{ width:1370px; }
.qyjs .rwjs .bt10{width:1200px; float: left; margin-bottom: 10px; font-size: 32px; font-family: 'Montserrat-SemiBold'; color: #1E2020; margin-top: 10px;}
.qyjs .rwjs img{border-radius:50%; width: 100px; height: 100px; float: left; margin-right:10px; }
.qyjs .blue{ background-color: #E5EFFF; border-radius:5px; padding:5px  15px; font-size: 14; color: #0A76FF; font-family: 'Montserrat-SemiBold'; float: left; margin-right: 10px;}
.qyjs .qxms{ margin-left: 114px; font-size: 16px; font-family: 'Montserrat-Regular'; color: #818181; width: 1200px; float: left; line-height: 30px; margin-top: 10px;}


.Hackbt{ margin-top: 60px; width: 1440px; margin: auto;}
.Hackbt .img { width: 100%; }
.Hacklb{ width: 1440px; padding-top:22px;  }
.Hacklb .left{  width:850px; float: left;}
.Hacklb .left ul{ border-bottom: solid 1px #CFD4D1; width: 100%; padding-bottom: 30px; margin-top: 30px;}
.Hacklb .left li{ line-height: 30px;}
.Hacklb .left .f28{ font-size: 28px; font-family: 'Montserrat-SemiBold'; color: #1E2020;}
.Hacklb .left .f20{font-size: 20px; font-family: 'Montserrat-SemiBold'; color: #818181;}
.Hacklb .right{ float: right; width: 400px; margin-top: 120px;}
.Hacklb .right img{ width: 385px;}

.Hackad{ width: 1440px;  overflow: hidden; margin: auto;}
.Hackad .lunbo{ width: 1240px; height: 360px; background-color: #B0B5C9; margin: auto; margin-bottom: 32px; border-radius: 20px;  position: relative;overflow: hidden}
.Hackad .lunbo .lunbo-container { display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;}
.Hackad .lunbo .lunbo-container img { width: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover;}
.Hackad .jiantou{position: absolute; bottom: 0; margin-bottom: 32px; margin-left:28px; font-size:18px; font-family: 'Montserrat-Medium'; color: #fff; align-items: center; display: flex;}
.Hackad .jiantou img{ width: 40px; height: 40px; margin: 0 20px;}
.Hackyc{ width: 1440px;  overflow: hidden; margin: auto;}
.Hackyc .left{ width: 300px; background:url(../images/xianbg.jpg) right no-repeat; height: 250px; float: left;}
.Hackyc .left .day{ width: 100%; font-size: 32px; font-family: 'Bebas Neue-Regular'; color: #000;}
.Hackyc .left .bq{ background-color: #E5EFFF; border-radius:5px; width: 180px; height: 48px; font-size: 18px; font-family: 'Montserrat-SemiBold';color: #0A76FF; text-align:center; line-height: 48px;}
.Hackyc .right{width: 1060px; padding-left: 62px; float: left;}
.Hackyc .right .rq{width: 100%; color: #818181; font-size: 18px; font-family: 'Montserrat-Medium'; margin-bottom: 28px;}
.Hackyc .right .bt{ font-size: 26px; font-family: 'Montserrat-SemiBold'; color: #1E2020;margin-bottom: 16px; }
.Hackyc .right .ms{font-size: 18px; font-family: 'Montserrat-Medium'; color: #001429;}