*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{width: 100%;min-width:1200px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{padding:0;margin:0}
body,button,input,select,textarea{font:14px/1.5 Poppins,arial,Microsoft Yahei,sans-serif;}
body{width: 100%;max-width: 1920px; background:#fff;-webkit-font-smoothing: antialiased;color:#222;overflow-x:hidden;    display: block;
    margin: 0 auto;}
body *{box-sizing:border-box;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:12px}
i{font-style: normal;}
ul,ol{list-style:none}
hr{height: 1px}
a{color:inherit;text-decoration:none;outline:none;background-color: transparent}
a:hover,a:active{outline: none;text-decoration: none}
img{border:none}
.b,b,strong{font-weight: bold}
.nb{font-weight: normal;}

table{border-collapse:collapse}
input,input:focus{border: none;outline: none}
input[type="submit"]{cursor: pointer}
button{
     appearance: none;
            -webkit-appearance: none; /* 兼容 Safari 和 Chrome 等 WebKit 内核浏览器 */
            -moz-appearance: none; /* 兼容 Firefox 浏览器 */
            background-color: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
}
/*div 隐藏滚动条*/
div {
  scrollbar-width: none; /* Firefox */
}
 
/* 为了兼容 WebKit 浏览器，可以加上之前的规则 */
div::-webkit-scrollbar {
  display: none;
}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.trans05{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.trans1{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s}
.trans15{-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s}
.trans2{-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s}


.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:18px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}
.fs60{font-size:60px;}
.fs80{font-size:80px;}
.fs140{font-size:140px;}
.fs160{font-size:160px;}




.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:18px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}
.fs60{font-size:60px;}
.fs80{font-size:80px;}
.fs140{font-size:140px;}
.fs160{font-size:160px;}

.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:10px;}


.ml05{margin-left:.05rem;}
.ml10{margin-left:.10rem;}
.ml15{margin-left:.15rem;}
.ml20{margin-left:.20rem;}
.ml25{margin-left:.25rem;}
.ml30{margin-left:.30rem;}
.ml35{margin-left:.35rem;}
.ml40{margin-left:.40rem;}
.ml45{margin-left:.45rem;}
.ml50{margin-left:.50rem;}
.ml55{margin-left:.55rem;}
.ml60{margin-left:.60rem;}
.ml70{margin-left:.70rem;}
.ml80{margin-left:.80rem;}
.ml90{margin-left:.90rem;}
.ml100{margin-left:.10rem;}


.f_r_s{display:flex;flex-direction:row;justify-content: flex-start; align-items:center;flex-wrap: wrap}
.f_r_e{display:flex;flex-direction:row;justify-content: flex-end; align-items:center;flex-wrap: wrap}
.f_r_c{display:flex;flex-direction:row;justify-content: center; align-items:center; flex-wrap: wrap;}
.f_r_sa{display:flex;flex-direction:row;justify-content: space-around; align-items:center; flex-wrap: wrap;}
.f_r_sb{display:flex;flex-direction:row;justify-content: space-between; align-items:center; flex-wrap: wrap;}
.f_c_c{display:flex;flex-direction:column;justify-content: center; align-items:center;}
.f_c_s{display:flex;flex-direction:column;justify-content: flex-start; align-items:flex-start;}
.f_c_sb{display:flex;flex-direction:column;justify-content: space-between; align-items:flex-start;}
.f_c_sa{display:flex;flex-direction:column;justify-content:space-around; align-items:center;}


.shadow{
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
  }
  
.shadow1{
box-shadow: 0 10px 33px -8px rgba(80,140,209,.29);
}



body{
    font-family: "微软雅黑", Verdana, Tahoma, sans-serif;
    min-width: 1240px;
}

.hide{
    display: none;
}

nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 1200px;
    padding: 0 calc((100% - 1200px) / 2);
    box-sizing: border-box;
    z-index: 999;
    background: transparent;
}
nav.active{
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(21,21,21,.09);
}
nav .lgb,nav.active .lg,nav .logo-b,nav.active .logo{
    display: none;
}

nav .lg,nav .logo,nav.active .logo-b,nav.active .lgb{
    display: inline-block;
    height: 28px;
    width: auto;
    object-fit: contain;
    cursor: pointer;
}


nav .nav-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
nav.active .nav-box .nav-item{
    color: #333;
}


.nav-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.dropdown-menu {
    position: absolute;
    left: 0;
    top: 40px;
    min-width: 242px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    border-radius: 12px;
    z-index: 100;
    padding: 0 30px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:10px;
}
.nav-dropdown:hover .dropdown-menu,
.dropdown-menu:hover {
    max-height: 300px;
    padding: 18px 30px;
}
.dropdown-item {
    white-space: nowrap;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 10px 30px 10px 40px;
    font-size: 16px;
    color: #222;
    background: #f3f6fb;
    transition: background 0.2s;
    position: relative;
}
.dropdown-item:hover{
    background:#e5ecff;
}
.dropdown-item::before{
    content:" ";
    position: absolute;
    width: 6px;
    height: 6px;
    top:50%;
    transform: translateY(-50%);
    left:18px;
    background: #416EF6;
    border-radius: 50%;
}

.dropdown-item a{
    transition: all .25s ease;
}
.dropdown-item:hover a{
    color: #416EF6;
}
.dropdown-icon {
    width: 28px;
    height: 28px;
    margin-right: 22px;
    display: inline-block;
}


.dropicon{
    width:10px;
    height:auto;
    margin-left:4px;
    vertical-align:middle;
    transition: all .3s ease;
}
.nav-dropdown:hover .dropicon{
    transform: rotate(-180deg);
}

nav.active .nav-box .nav-item.btn{
    border: 1px solid #416EF6;
    color: #416EF6;
}
nav.active .nav-box .nav-item.btn:hover {
    background-color: #416EF6;
    color: #fff;
}
nav .nav-box .nav-item:hover{
    color: #416EF6;
}
nav.active .nav-box .nav-item.active{
    color: #416EF6;
}
nav .nav-box .nav-item{
    color: #333;
    font-size: 16px;
    margin-right: 20px;
    padding: 8px 15px; 
    text-decoration: none;
    transition: all .25s ease;
}
nav .nav-box .nav-item.btn{
    border: 1px solid #4F556F;
    color: #4F556F;
    border-radius: 3px;
    transition: all .25s ease;
}
nav .nav-box .nav-item.btn:hover {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    transition: all .25s ease;
}

.nav-item.btn:hover{
	background: #416EF6;
	color: #fff;
}

.content{
    width: 100%;
}
.content .head{
    height: 650px;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
} 

.swiper-wrapper{
    width: 100%;
}

.swiper-slide{
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
}


.content .head img{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 1920px;
    height: auto;
}

.content .head.ny{
    height: 550px;
}

.mySwiper { 
    width: 100%;
    height: 100%;
}
.content .head .swiper-container{
    height: 100%;
    width: 100%;
    position: relative;
}
.mySwiper .swiper-pagination{
    bottom: 100px;
}
.swiper-pagination-bullet{
    background: #000;
    transition: all .25s ease;
    border-radius: 0;
    margin: 5px 0;
    width: 36px;
    height: 3px;
    opacity: 0.15;
}
.swiper-pagination-bullet-active{
    background: #306bff;
    opacity: 1;
}
.swiper-slide.swiper-slide-active{
    opacity: 1;
}

.content .head .head-content{
    color: #1f2431;
    position: absolute;
    left: 0;
    z-index: 9;
    width: 1000px;
    height: 360px;
    margin-top: 150px;
    margin-left: calc( 50% - 580px );
    text-align: left;
}

.content .head .head-title{
    font-size: 42px;
    margin-bottom: 15px;
    font-weight: 600;
    white-space: nowrap;
    
}
.content .head .head-desc{
    width: 80%;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.8;
    color: #3a486c;
}
.content .head .head-btn{
    width: 157px;
    height: 48px;
    border-radius: 3px;
    background: #306bff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    margin-top: 80px;
    cursor: pointer;
    transition: none;
    box-shadow: 0 8px 18px -2px rgba(130,158,227,.65);
}
.content .head .head-btn:hover{
  background: #4e81ff;
  box-shadow: 0 8px 33px -2px rgba(130,158,227,.65);
}








footer{
    width: 100%;
    background: #2F354B;
    padding: 50px 0;  
}
footer .fot-main{
    width: 1160px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #474C5F solid 1px;
    padding-bottom: 40px;
}
footer .fot-main.bot{
    margin-top: 30px;
    border-bottom: none;flex-direction: column;align-items:flex-start;
}
footer p{
    color: #ABACB1;
    line-height: 2;
}
footer .tit{
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}
footer .fot-left{
    width: 60%;
    text-align: center;
}
footer .fot-left .fot-logo{
    display: block;
    width: 100px;
    margin-bottom: 15px;
}
footer .fot-left .fot-title{
    color: #777;
    font-size: 15px;
    margin-bottom: 10px;
}
footer .fot-left .fot-desc{
    font-size: 13px;
    color: #777;
    line-height: 1.6;
}
footer .fot-left .fot-desc.top{
    margin-bottom: 5px;
}
footer .fot-left .fot-desc img{
    width: 13px;
    height: auto;
    vertical-align: middle;
}
footer .fot-left .fot-desc span{
    vertical-align: middle;
}
footer .fot-one{
    min-height: 240px;
}
footer .fot-one:nth-child(1){
    width: 35%;
}
footer .fot-one >img{
    margin-top: 20px;
    width: 180px;
}
footer .fot-one .kf{
    margin-top: 9px;
    width: 150px;
    border-radius: 5px;
}
footer .fot-one p{
    font-size: 14px;
}
footer .fot-one p span{
	margin-right: 50px;
}
footer .fot-one p.tit{
    font-size: 18px;
    color: #fff;
}

footer .fot-one p img{
    width: 22px;
    margin-right: 10px;
}

footer .fot-one img.top{
    margin-bottom: 20px;
}
footer .fot-right{
    width: 15%;
}
footer .fot-right img{
    width: 100%;
    height: auto;
}