/* 公共样式 */
.fr{ float: right; }
.fl{ float: left; }
.float-r{ float: right; }
.float-l{ float: left; }
.text-c{ text-align:center; }
.text-l{ text-align: left; }
.text-r{ text-align: right; }
.lh48{ line-height:48px; }
.w-co-title { padding: 33px 0px 50px; font-size: 38px; color: #fff; }
.w-co-p { font-size: 18px; color: #fff; line-height: 26px; letter-spacing: 1px; }

.c-gray{ color:#6d6d6d; }
.c7d7d7e{ color:#7d7d7e; }
.c-white{ color:block; }
.c2e323e{ color:#2e323e; }
.c32b16f{ color:#0080c0; }
.c-skyblue{ color:#34bee5}
.cBtnFFF{ color:#eff8fc; }
.c-purple{ color:#65419b; }
.c-or-blue{ color:#41969b; }
.c585b65{ color:#585b65; }
.c-dc-blue{ color:#4874ab; }
.c-black{ color:#000}

.font14{ font-size:14px; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.font24{ font-size:24px; }
.font28{ font-size:28px; }
.font32{ font-size:32px; }
.bg-white{ background-color:#fff; }
.bg-purple{ background-color:#35353e; }
.bg-skyblue{ background-color:#0080c0; }
.bg-green{ background-color:#0080c0; }
.bg-btnPurple{ background-color:#65419b; }
.bg-gray{ background-color:#c5c5c5; }
.bg-or-blue{ background-color:#41969b; }
.bg-dc-blue{ background-color:#4874ab; }

.pdb14{ padding-bottom: 14px}
.pdb10{ padding-top: 10px}

.mart34{ margin-top:34px; }
.mart16{ margin-top:16px; }
.mar84{ margin:84px; }
.mart100{ margin-top:100px; }
.mart68{ margin-top:68px; }
.mar0{ margin:0; }
.mart14{ margin-top:14px; }

/* w-hp-con01 */
.w-hp-con01 { overflow: hidden; padding-bottom: 80px; }
.w-hp-system { width: 1200px; margin: 0 auto; }
.w-hp-icons{ width: 1200px; height: 172px; margin:54px 0 35px; }
.w-hp-icons li { width: 200px; float: left; margin-right: 90px; color: #343434; font-size: 16px; text-align: center; padding-top: 126px; }

.w-hp-icons li.li01 { 
    background: url(../images/web3.0/jy_icon01.png) no-repeat top center;
    margin-left: 45px;
}

.w-hp-icons li.li02 {
    background: url(../images/web3.0/jy_icon02.png) no-repeat top center;
}

.w-hp-icons li.li03 {
    background: url(../images/web3.0/jy_icon03.png) no-repeat top center;
}

.w-hp-icons li.li04 {
    background: url(../images/web3.0/jy_icon04.png) no-repeat top center;
    margin-right: 0;
}
.w-hp-course01{ height: 390px; }
.w-hp-course02{ height: 310px; margin-top:80px; }
.w-hp-course h4{ font-size:26px; color:#313131; text-align:center; position:relative; }
.w-hp-course h4 i { width: 56px; height: 2px; background-color: #dcdcdc; position: absolute; top: 12px; left: 472px; }
.w-hp-course h4 .w-last-i{ left:670px; }
.w-hp-course > p{ text-align:center; font-size:16px; color:#6b6d74; padding-top:10px; }
.w-hp-cBox{ height: 394px}
.w-hp-cBox li{ width: 385px; height: 365px; float: left; margin:36px 19px 0 0; border: 1px solid #eee; cursor:pointer; border-radius:13px;}

.w-hp-cBox li.li01 {
    background: url(../images/web3.0/kc_pic01.png) no-repeat top center;
}

.w-hp-cBox li.li02 {
    background: url(../images/web3.0/kc_pic02.png) no-repeat  top center;
}

.w-hp-cBox li.li03 {
    background: url(../images/web3.0/kc_pic03.png) no-repeat top center;
    margin-right: 0;
}
.w-hp-cBox li.li04 {
    background: url(../images/web3.0/kc_pic04.png) no-repeat top center;
    margin-right: 0;
}
.w-hp-cBox li.li05 {
    background: url(../images/web3.0/kc_pic05.png) no-repeat top center;
    margin-right: 0;
}
.w-hp-cBox li.li06 {
    background: url(../images/web3.0/kc_pic06.png) no-repeat top center;
    margin-right: 0;
}
.w-hp-cBox li:hover{ -webkit-box-shadow:0 0 12px 1px #dbdbdf; -moz-box-shadow:0 0 12px 1px #dbdbdf; box-shadow: 0 0 12px 1px #dbdbdf; width: 387px; border: none; }
.w-hp-cBox li p{display:block;float:left;font-size:17px; color:#2e323e; padding-left: 18px; }
.w-hp-cBox li em { font-size: 16px; color: #ae2410; margin: 2px 0 0 18px; display: block; }
.w-hp-cBox li span{display:block;float:right;margin:12px 20px 0; }
.w-hp-see{ width: 100px; font-size:18px; color:#fff; background-color:#0080c0; border-radius:6px; display: block; text-align:center; line-height:36px; }
.w-hp-see:hover{ color:#fff; }
.w-hp-more{ display: block; padding-top:10px; }


/* w-hp-con02 */
.w-hp-con02 {
    display: inline-block;
   
    width: 100%;
    height: 470px;
    background: url(../images/web3.0/bg_banner03.jpg) no-repeat center top;
}
.w-hp-con02 p.mar-b70{ margin-bottom:70px; }
.w-hp-diverse{ width: 1200px; height: 164px; margin:0 auto; }
.w-hp-diverse li { width: 233px; height: 150px; background-color: #fff; float: left; margin-right: 19px; padding: 47px 26px; cursor: pointer; position: relative; }

.w-hp-diverse li:after {
    content: "";
    width: 35px;
    height: 34px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.w-hp-diverse li:before {
    content: "";
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.w-hp-diverse li h5{ font-size:18px; margin-bottom: 18px; overflow:hidden;height:60px;}
.w-hp-diverse li h5 em{ color:#0080c0; display:block;float:left; font-size:22px; line-height:54px;margin-right:5px;}
.w-hp-diverse li h5 b{display:block;float:left;line-height:60px;}
.w-hp-diverse li h5 span{display:block;float:right;width:60px;height:60px;background: url(../images/web3.0/yd_ico.png) no-repeat center center;}
.w-hp-diverse li h5 span.dz{background-position:0px 0px;}
.w-hp-diverse li h5 span.hg{background-position:-300px 0px;}
.w-hp-diverse li h5 span.zs{background-position:-615px 0px;}
.w-hp-diverse li h5 span.xx{background-position:-895px 0px;}
.w-hp-diverse li p{ text-align: justify; }
.w-hp-diverse li:hover{ border-bottom: 4px solid #0080c0; margin-top: -8px; }
.w-hp-diverse li.margin-r0{ margin-right:0; }

/* w-hp-con03 */
.w-hp-con03{ overflow:hidden;}
.w-hp-table{ width: 1098px; margin:0 auto;padding:0; margin-top:44px; color:#666;font-size:15px;overflow:hidden;border-left: 1px solid #999;border-top: 1px solid #999;}
.w-hp-table tr{margin:0;padding:0;}
.w-hp-table tr td.w-last-td{ text-align: left; color:#666; line-height:25px; }
.w-hp-table tr.w-first-tr td{ font-size:17px; font-weight:bold; color:#666; text-align:center; }
.w-hp-table td{ border-right: 1px solid #999; border-bottom: 1px solid #999;padding:10px 20px;  }

		
/* w-hp-con07 */
.w-hp-con07 {
	margin-top:0;
    height: 686px;
	background: url() center center no-repeat;
}
.w-hp-byBox { width: 1200px; height: 310px; margin: 20px auto 36px; position: relative; }
.w-hp-byBox ul{ width:1200px; height: 400px; position:absolute; float: left; display: none; }
.w-hp-byBox ul.by-block{ display: block; }
.w-hp-byBox ul li{ width: 376px; height: 335px; margin-right:20px; /*padding:0 16px;*/ float: left; background-color:#fff; cursor:pointer; }
.w-hp-byBox ul li:hover { -webkit-box-shadow:0 0 12px 1px rgba(0,0,0, .2); -moz-box-shadow:0 0 12px 1px rgba(0,0,0, .2); box-shadow: 0 0 12px 1px rgba(0,0,0, .2); }
.w-hp-byBox ul li.w-last-li{ margin-right:0; }
.w-hp-byBox ul li p{ color:#9a9a9d; padding-top:15px; text-align:justify; }
.w-hp-byBox ul li img{ display: block; margin:18px auto 10px;/*border-radius:70px;*/ }
.w-hp-byCircle{ width: 120px; height: 18px; margin:0 auto; cursor:pointer; }
.w-hp-byCircle li{ width: 18px; height: 18px; border-radius:100%; margin-right:22px; float: left; background-color:#fff; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.w-hp-byCircle li.w-hp-curfff{ background-color: #fff; opacity:1; }

    

    .publicity_title{
        width: 1000px;
        text-align: center;
        font-size: 26px;
        margin: 0 auto;
    }
    .publicity_video{
        width: 1000px;
        margin: 30px auto;
        display: block;
        border-radius: 10px;
    }
    .txy_img:hover{
        transform: scale(1.4);  
         cursor: pointer;  
         transition: all 0.6s;  
    }
    .w-hp_xy_video_list ul li video{
        width: 90%;
        margin-right: 3%;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        max-height: 191px;
        object-fit: fill;
    }
    .left_video_box{
        position: fixed;
        top: 40%;
        z-index: 999;
    }
    .left_video{
        width: 360px;
        margin-left: 2%;
        
    }
    .close{
        position: absolute;
        top: -4%;
        left: 94%;
        z-index: 999;
        font-size: 48px;
        cursor: pointer;
        color: #fff;
    }
    .dsb_title {
    
    line-height: 35px;
    
    }
    .kcys{
        width: 100%;
    background: #edf1f5;
    margin-top: 20px;
    padding-bottom: 30px;
    }
    .kcys img{
            display: block;
    margin: 0 auto;
    }
    .zengzhi{
        width: 100%;
    background: #edf1f5;
    display: inline-block;
    padding-bottom: 30px;
    }
    .zengzhi ul{
        width: 66%;
    margin: 0 auto;
    max-width: 1216px;
    }
    .zengzhi ul li{
      float: left;
    width: 46%;
    background: #fff;
    border-radius: 6px;
    max-width: 550px;
    margin: 1% 2%;
    height: 85px;
    }
    .zengzhi_info{
        float: left;
    width: 77%;
    margin: 10px;
    }
    .zengzhi ul li img{
        float: left;
    margin: 13px;
    width: 60px;
    height: 60px;
    }
    .zengzhi_p1{
        font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    }
     .zengzhi_p2{

     }
     .control-box ul li{
    top: 100px;
}
        .box{
        
        /*box-shadow: #8c8383 -5px 6px 8px;*/
        height: 280px;
        margin-right: 98px;
        /*margin-left: 37.5px;*/
        border-radius: 9px;
        /*box-shadow: #8c8383 -5px -3px 9px*/
    }
     .box_t{
        
        /*box-shadow: #8c8383 -5px 6px 8px;*/
        height: 280px;
        margin: 0 20px;
        /*margin-left: 37.5px;*/
        border-radius: 9px;
        /*box-shadow: #8c8383 -5px -3px 9px*/
    }
    #switcher {
        height: 280px;
        margin-left: 25px;
       
    }
    .liaojie{
        width: 12%;
    height: 35px;
    display: inline-block;
    margin-bottom: 20px;
    background: #009cea;
    margin-left: 44%;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    }
    .photo{
        width: 60%;
        margin:0 auto;
        
    }
    .photo ul{
        height: 208px;
    }
    .photo ul li img{
        width: 100%;
    }
    .photo_two{
        width: 50%;
        float: left;
        height: 100%;
        text-align: center;
    }
    .photo_one{
        width: 25%;
        float: left;
        height: 100%;
    }
    .img-block{
        margin: 0 auto;
        display: block;
        max-width: 1100px;
    }
    .zxts{
            margin-top: 5px;
        padding-left: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 30px;
    }
    .video_box_xy{
        border:none!important;
    }
    #rvc1 .rvc-wrapper ul li a .img-wrapper {
            height: 388px;
    }
    #page-navigation{
        display: none;
    }
    .bm-box{
        width: 1180px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.42);
        height: 490px;
       
        padding: 20px;
    }
    .bm-left{
        width: 40%;
    height: 350px;
    background: rgba(10, 10, 10, 0.18);
    padding: 20px 40px;
    float: left;
    }
    .bm-right{
      width: 45%;
    height: 350px;
    float: left;
    color: #fff;
    padding: 20px 40px;
    }
    .bm-box .h1-re{
               color: #FFC107;
    font-size: 42px;
    line-height: 55px;
    letter-spacing: 2px;
    font-weight: 500;
    }
    .bm-box .h2-re{
        color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 30px;
        width: 95%;
        margin: 8px 0;
    }
    .bm-right-p1{
        font-size: 45px;
    font-weight: 600;
    letter-spacing: 2px;
    }
    .bm-right-p2{
    font-size: 22px;
    margin-top: 23px;
    }
    .w-hp65form_input input{
        width: 99%!important;
    }
    .zs{
        color: #FFC107;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 15px;
    }
    .w-hp65form_input input::-webkit-input-placeholder {
    color: #000;
  }
    .zhinan{
      width: 900px;
    margin: 0 auto;
    background: #508eff;
    overflow: hidden;
    padding: 25px;
    }
    .zhinan-left{
        width: 45%;
        float: left;
    }
    .zhinan-r{
     width: 53%;
    float: left;
    padding-left: 2%;
    }
    .zhinan-r img{
        width: 48%;
    float: left;
    height: 305.5px;
    }
    .zhinan p{
            font-size: 28px;
    color: #fff;
    }
    .i-in input{
        border: 1px solid gray;
    width: 75%!important;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    }