html{
    background: #01194b;
}
#top {
    background: #000000;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
#top a {
	display: inline-block;
	color: #fff;
	padding: 0 8px;
}
#top a:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #6F6F6F;
}
#top .origin-item {
    float: right;
    margin-right: 20px;
}
#top .origin-item .hot {
    position: relative;
    margin: -15px 0 0 10px;
    padding: 1px 2px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #d00000;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-family: "PingFang SC", "Arial", "Microsoft YaHei", "Helvetica", "Helvetica Neue", "Tahoma", "sans-serif";
}
#top .origin-item .hot:before {
    position: absolute;
    left: -4px;
    top: 3px;
    content: "";
    width: 0;
    height: 0;
    line-height: 1;
    background-color: #d00000;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: #111 #d00000 #111 #111;
}
.quick-menu {
	padding: 0 15px;
}
.quick-menu {
	float: left;
}
.quick-menu li {
	float: left;
}
.quick-menu a:hover {
	background: none;
}
.notice {
    float: right;
    padding-left: 24px;
    margin-right: 20px;
    color: #fff;
    background: url(https://skin.elecfans.com/images/notice.png) no-repeat 0 3px;
}
.my-info {
    float: right;
    position: relative;
    z-index: 100;
}
.u-info {
    float: left;
}
.u-info img {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
.drop-icon {
    *float: left;
    *margin-top: 4px;
    padding-right: 16px;
    background: url(https://skin.elecfans.com/images/arrow.png) no-repeat 5px 1px;
}
.login-info {
	float: right;
	margin-right: 15px;
}
.top-dropdown:hover .drop-icon {
    background-position: 5px -43px;
}
.top-dropdown-menu {
    position: absolute;
    right: 0;
    top: -9999px;
    width: 130px;
    padding: 9px 0;
    background: #111;
    z-index: 100;
    box-shadow: 2px 2px 3px #999;
}
#top .top-dropdown-menu a {
    font-size: 14px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #ccc;
    white-space: nowrap;
}
.top-dropdown-menu a:hover {
    color: #fff;
    text-decoration: none;
    background: #999;
}
.icons {
    display: inline-block;
}
#NITopAdLeft {
    float: left;
    height: 90px;
    overflow: hidden;
    width: 728px;
}
#NITopAdRight {
    float: right;
    height: 90px;
    overflow: hidden;
    width: 260px;
}
#top{
    background: #000000;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}
.quick-menu a:hover{
    background: #000000;
}
.d-corner {
    font: 8px/25px arial;
    color: #999;
    font-style: normal;
    float: right;
    margin-left: 2px;
    margin-top: 4px;
}
.up-arrow{
    display: none;
}
#website_ind_wrap:hover #website_nav{
    display: block;
}
#website_ind_wrap:hover .up-arrow{
    display: block;
}
#website_ind_wrap:hover .down-arrow{
    display: none;
}
#top #website_ind_wrap:hover{
    background: #d00 !important;
}
#top #website_nav:hover{
    background: #fff;
    color: #666 !important;
}
#top .wraplist_title:hover{
    background: #fff;
    color: #666 !important;
}
#top a:hover{
    background: #000;
    color: #fff;
}
#website_nav{
    display: none;
    position: absolute;
    top: 31;
    left: 15.5px;
    width: 966px;
    z-index: 999;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sub_dis_wrap{
    height: 180px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
    margin: 10px 0;
    padding: 0 38px 10px;
    z-index: 1000;
    float: left;
}
.sub_dis_wrap .disList {
    list-style: none;
    display: block;
    margin-right: 10px;
    float: left;
}
.sub_dis_wrap .disList li {
    float: none;
    padding-left: 0;
    background: none;
    margin: 0 0 10px;
    padding-right: 0;
}
#top #website_nav a {
    color: #666666 !important;
}
#top #website_nav a:hover{
    background: #fff;
}
.sub_dis_wrap .disTitle a {
    font-size: 14px;
    font-family: "Microsoft YaHei","微软雅黑";
    font-weight: bold;
    color: #444444;
    height: 40px;
    line-height: 40px;
}

.pcNav{
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #011A4D;
}
.pcNav>div{
    justify-content: space-between;
    align-items: center;
}
.pcNav>div img{
    width: 115px;
}
.hashGroup{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:  0;
}
.hashGroup a.hashBtn{
    position: relative;
    margin-right: 50px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 80px;
}
.hashGroup a.active{
    color: #00B3D6;
}
.hashGroup a.active::after{
    content:"";
    display: block;
    width: 32px;
    height: 4px;
    background: #00b3d6;
    position: absolute;
    bottom: 0;
    left: 50%;
   transform: translate(-50%,0);
}
.hashGroup a.signUpHash{
    display: block;
    width: 120px;
    line-height: 40px;
    background: linear-gradient(90deg,#00b3d6, #196acc);
    border-radius: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.hashGroup a.signUpHash:hover{
    background: linear-gradient(90deg,#0098b6, #155aae);
}
.bannarImg{
    padding-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
}
.bannarImg img{
    width: 100%;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
.mt80{
    margin-top: 80px;
}

.mainDesc{
    position: relative;
    background: #021e58;
    padding: 70px 30px;
}
.mainDesc_word{
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
    line-height: 26px;
    text-indent: 2em;
}
.mainDesc_word div{
    margin-top: 26px;
}
.mainDesc h3{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #00b3d6;
    line-height: 33px;
    margin-top: 29px;
    margin-bottom: 37px;
}
.mainDesc .goSignUp{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 56px;
    background: linear-gradient(90deg,#00b3d6, #196acc);
    border-radius: 28px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 56px;
}
.mainDesc .goSignUp:hover{
    background: linear-gradient(90deg,#0098b6, #155aae);
}
.mainDesc::after{
    display: none;
    content:"";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width:266px ;
    height:266px ;
    background: url(../img/pc/desc1.png) left top no-repeat;
    background-size: 100% 100%;
}
.part{
    position: relative;
}
.part1{
    margin-top: 50px;
    padding-top: 30px;
}
.part h3{
    position: relative;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
}
.part h3::after{
    content:"";
    position: absolute;
    left: 50%;
    bottom:-12px;
    margin-left: -16px;
    width: 32px;
    height: 4px;
    background: #00b3d6;
}
.signUpWrap{
    position: relative;
    padding: 70px 179px ;
    background: #021e58;
    margin-top: 62px;
}
.signUpWrap form div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.signUpWrap form label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    /* color: #f06543; */
    color:  #fff;
    line-height: 22px;
}
.signUpWrap form label span{
    position: relative;
    width: 45px;
    text-align: right;
    margin-right:18px ;
}
.signUpWrap form label span::before{
    content:"*";
    position: absolute;
    left: 2px;
    top: 0px;
    color: #f06543; 
}
.signUpWrap form label input{
    border: none;
    width: 320px;
    height: 48px;
    background: #112d65;
    border-radius: 4px;
    padding-left: 12px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: 48px;
}
.signUpWrap form label input::placeholder{
    color: #617295;
}
.signUpWrap form label{
    margin-bottom: 20px;
}
.signUpWrap form button{
    display: block;
    margin: 30px auto;
    width: 200px;
    height: 56px;
    background: linear-gradient(90deg,#00b3d6, #196acc);
    border-radius: 28px;
    border: none;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
.signUpWrap form button:hover{
    background: linear-gradient(90deg,#0098b6, #155aae);
}
.signUpWrap form button.disabled{
    cursor: not-allowed;
    background: #ccc;
}
.signUpWrap::after{
    content: "";
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 266px;
    height: 266px;
    background: url(../img/pc/desc1.png) left top no-repeat;
    background-size: 100% 100%;
    transform: rotateZ(180deg); 
}
.barCls{
    margin:30px 0;
    width: 100%;
}
.tips{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #92b3cf;
    line-height: 20px;
}
.companyProfile{
    padding: 70px 0;
    background: rgb(2, 30, 88, 0.88);
    margin-top: 80px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #d8e1e9;
    line-height: 26px;
}
.companyProfile img{
    display: block;
    width: 155px;
    height: 64px;
    margin-bottom: 40px;
}
.footer {
    font: 12px/30px "微软雅黑";
    color: #fff;
    width: 100%;
    padding: 20px 0 20px;
    background: #333;
    text-align: center;
}
.footer a {
    color: #fff;
}
.footer a:hover {
    text-decoration: underline;
}

.meetAgenda{
    margin-top: 50px;
}
.meetAgenda li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 72px;
    font-size: 16px;
    color: #fff;
}
.meetAgenda li:first-child{
    background: #063178;
    line-height: 64px;
}
.meetAgenda li:first-child div{
    color: #fff!important;
    font-weight: 400!important;
}
.meetAgenda li:nth-child(2n+3){
    background: #021E58;
}
.meetAgenda li:nth-child(2n){
    background: #022161;
}
.meetAgenda li div{
    padding-left: 30px;
    box-sizing: border-box;
}
.meetAgenda li div:first-child{
    width: 205px;
    color:#00B3D6 ;
}
.meetAgenda li div:nth-child(2){
    width: 416px;
    font-weight: 700;
    color:#FDFFFC ;
    padding-left: 0px;
}
.meetAgenda li div:nth-child(3){
   flex: 1;
   display: flex;
   align-items: center;
   line-height:22px ;
   color:#DEE0E5 ;
   padding-left: 0px;
}
.is_mobile,.is_mobile_flex{
    display: none!important;
}
.is_pc{
    display: block!important;
}
.is_pc_flex{
    display: flex!important;
}
.part3 {
    position: relative;
}
 .expertSwiper{
    margin-top: 62px;
    overflow: hidden;
}
.expertSwiper .swiper-slide{
    position: relative;
    width: 285px!important;
    background: #022161;
    height: 457px;
    cursor: pointer;
} 
.expertSwiper .swiper-slide img{
    display: block;
    width: 100%;
}

.expertSwiper .personDesc{
   padding: 20px 20px 0;
}
.expertSwiper .personDesc h3{
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 33px;
    border: none;
}
.expertSwiper .personDesc h3::after{
    display: none;
}
.position{
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 6px;
}
.position13{
    font-size: 13px;
}
.intro{
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #93b3cf;
    line-height: 18px;
}
.part3 .swiper-button-prev,
.part3 .swiper-button-next{
    width: 32px;
    height: 32px;
    margin:0;
    top: 48px;
    outline: none;
}
.part3 .swiper-button-prev{
    background: url(../img/pc/pre.png) left top no-repeat;
    background-size: 100% 100%;
    left: auto;
    right: 52px;
}
.part3 .swiper-button-prev:hover{
    background: url(../img/pc/pre2.png) left top no-repeat;
    background-size: 100% 100%;
}
.part3 .swiper-button-next{
    background: url(../img/pc/next.png) left top no-repeat;
    background-size: 100% 100%;
}
.part3 .swiper-button-next:hover{
    background: url(../img/pc/next2.png) left top no-repeat;
    background-size: 100% 100%;
}
.expertSwiper .swiper-slide:hover .allIntro{
    top: 0px;
}
.allIntro{
    position: absolute;
    left: 0px;
    top: 457px;
    width: 100%;
    height: 100%;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    background: #022161;
    transition: all 0.8s;
}
.allIntro h4{
    font-size: 24px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 33px;
}
.allIntro .position{
    margin-bottom: 12px;
}   
.allIntro .allWords{
    padding-right: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
    color: #93b3cf;
    line-height: 18px;
    height: 348px;
    overflow: auto;

}
/* 滚动条整体样式 */
.allIntro .allWords::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
}
/* 滚动条轨道样式 */
.allIntro .allWords::-webkit-scrollbar-track {
    background-color:transparent; /* 轨道背景色 */
}
/* 滚动条滑块样式 */
.allIntro .allWords::-webkit-scrollbar-thumb {
    background-color: #31559e; /* 滑块背景色 */
    border-radius: 3px; /* 滑块圆角 */
}
/* 鼠标悬停在滚动条上时的样式 */
.allIntro .allWords::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 滑块背景色 */
}
.hashPosition{
    position: absolute;
    top: -110px;
    height: 1px;
}
@media screen and (max-width: 750px)  {
    .is_pc,.is_pc_flex{
        display: none!important;
    }
    .is_mobile{
        display: block!important;
    }
    .is_mobile_flex{
        display: flex!important;
    }
    html{
        font-size: 26.666666vw;
    }
    .w1200{
        width: calc(100% - 0.24rem);
        margin: 0 0.12rem ;
        box-sizing: border-box;
    }
    .mt80 {
        margin-top: 0.4rem;
    }
    #top{
        display: none;
    }
    .bannarImg{
        padding-top: 0.44rem;
    }
    .mobileNav{
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 9999;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #011a4d;
        padding: 0 0.12rem;
        box-sizing: border-box;
    }
    .mobileNav img{
        display: block;
       height: 0.28rem; 
    }
    .hashGroup a.signUpHash{
        display: block;
        background: linear-gradient(90deg,#00b3d6, #196acc);
        border-radius: 0.14rem;
        width: 0.8rem;
        font-size:  0.14rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        line-height: 0.28rem;
    }
    .hashGroup a.hashBtn{
        margin-right:0.16rem ;
        font-size: 0.14rem;
        line-height: 0.44rem;
    }
    .hashGroup a.active::after{
        width: 0.16rem;
        height: 0.02rem;
    }
    .mainDesc{
        margin-top:0.28rem ;
        background: #021e58;
        padding: 0.3rem 0.15rem
    }
    .hashPosition{
        top: -0.44rem;
    }
    .mainDesc_word {
        font-size: 0.14rem;
        font-weight: 400;
        text-align: justify;
        color: #ffffff;
        line-height: 0.24rem;
    }
    .mainDesc_word div{
        margin-top: 0.26rem;
    }
    .mainDesc h3{
        font-size: 0.16rem;
        font-weight: 700;
        text-align: center;
        line-height: 0.23rem;
        margin-top: 0.2rem;
        margin-bottom: 0.25rem;
    }
    .mainDesc .goSignUp{
        position: relative;
        z-index: 1;
        width: 1.6rem;
        height: 0.44rem;
        line-height:0.44rem;
        font-size: 0.16rem;
        border-radius: 0.22rem;
    }
    .mainDesc::after{
        width: 1.33rem;
        height: 1.33rem;
    }
    .part1{
        position: relative;
        margin-top: 0.4rem;
        padding-top: 0.4rem;
        width: 100vw;
        margin-left: 0.12rem;
        margin-right: 0;
        background: #021e58;
        width: calc(100% - 0.24rem);
    }
    .part1:after{
        display: none;
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 1.33rem;
        height: 1.33rem;
        background: url(../img/pc/desc1.png) left top no-repeat;
        background-size: 100% 100%;
        transform: rotateZ(180deg); 
    }
    .part h3{
        font-size: 0.18rem;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        line-height: 0.25rem;
    }
    .part h3::after{
        bottom:-0.04rem  ;
        width:0.16rem;
        height: 0.02rem;
        background: #00b3d6;
        margin-left: -0.08rem;
    }
    .signUpWrap {
        position: relative;
        padding: 0  0.12rem 0.4rem ;
        margin-top:  0.26rem;
    }
    .signUpWrap::after{
        display: none;
    }
    .signUpWrap form label{
        display: flex;
        width: 100%;
        font-size: 0.15rem;
    }
    .signUpWrap form label span{
        width: 0.45rem;
        margin-right: 0.16rem;
    }
    .signUpWrap form label input{
        flex: 1;
        height: 0.4rem;
        border-radius: 0.04rem;
        padding-left: 0.12rem;
        box-sizing: border-box;
        font-size: 0.15rem;
        font-weight: 400;
        text-align: left;
        color: #fff;
        height: 0.4rem;
    }
    .signUpWrap form button{
        position: relative;
        z-index:1;
        margin-top: 0.1rem;
        margin-bottom: 0.2rem;
        width: 3.15rem;
        height: 0.44rem;
        border-radius: 0.22rem;
        font-size: 0.16rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        line-height: 0.44rem;
    }
    .signUpWrap::after{
        width: 1.33rem;
        height: 1.33rem;
    }
    .tips{
        width: 3.2rem;
        margin: 0 auto;
        font-size: 0.12rem;
        line-height: 0.2rem;

    }
    .companyProfile{
        background: none;
        margin-top: 0;
        padding: 0.4rem 0;
        font-size: 0.14rem;
        line-height: 0.24rem;
    }
    .companyProfile img{
       width: 1.09rem;
       height: 0.45rem;
       margin-bottom: 0.2rem;
    }
    .barCls{
        margin:0.2rem 0 0.25rem;
    }
    .footer{
        display: none;
    }
    .meetAgenda li{
        display: block;
        padding:15px 0 15px 15px ;
    }
    .meetAgenda li:first-child{
        display: none;
    }
    .meetAgenda li div:first-child{
        width: auto;
        font-size: 0.14rem;
        line-height:0.2rem ;
    }
    .meetAgenda li div{
        padding-left: 0;
    }
    .meetAgenda li div:nth-child(2){
        width: auto;
        line-height: 0.23rem;
        margin: 0.04rem 0;
        font-size: 0.16rem;
    }
    .meetAgenda li div:nth-child(3){
        width: auto;
        margin: 0;
        line-height: 0.2rem;
        font-size: 0.14rem;
    }
    .part3 .swiper-button-prev, .part3 .swiper-button-next{
        display: none;
    }
    .expertSwiper .swiper-slide{
        width: 1.7rem!important;
        height: 2.55rem!important;
    }
    .expertSwiper .personDesc{
        padding: 0.1rem 0 0 0.1rem;
    }
    .expertSwiper .personDesc h3{
        font-size: 0.16rem;
        color: #ffffff;
        line-height: 0.22rem;
    }
    .position{
        font-size: 0.12rem;
        font-weight: 400;
        line-height: 0.16rem;
    }
    .intro{
        display: none;
    }
    .allIntro{
        display: none;
    }
    .meetAgenda,.expertSwiper{
        margin-top: 0.26rem;
    }
}