body{overflow-x: hidden;}
.w1200{width: 1200px;margin:0 auto; }
.wancll-font-size-60{font-size: 60px;}
.wancll-font-size-45{font-size: 45px;}
.wancll-font-size-28{font-size: 28px;}
.wancll-text-yellow{color: #ffcc01}
.wancll-text-center{text-align: center;}


.header{height: 120px;padding-left: 20px;position: relative;}
.header .left{padding-top:40px;width: 70%;}
.header .left .logo{height: 46px;}
.header .left .text{margin-left:30px;font-size: 14px; }
.header .left .text .ftitle{margin-top: 5px;}
.header .left>.ul1>li{margin-right:45px; padding-top: 15px;position: relative; float: left;}
.header .left>.ul1>li>a{font-size: 16px;height: 63px;position: relative;padding-left:4px;padding-right: 4px;}
.header .left>.ul1>li>a::after{
        content: "";
        border-bottom: 3px solid #0d4bde;
        position: absolute;
        width:0;
        left:50%;
        bottom: 0;
        z-index: 999;
        transition:all 0.5s ease;
}
.header .left>.ul1>li:hover>a::after{
        content: "";
        border-bottom: 3px solid #0d4bde;
        position: absolute;
        width:100%;
        left:0%;
        transition:all 0.5s ease;
}

.header .left .ul2{position: absolute;top:80px;left:50%;margin-left: -85px;width: 170px;z-index: 99999999;padding-bottom:10px;padding-top: 10px;background: #190e0d;display: none; }
.header .left .ul2 li{width: 170px;}
.header .left .ul2 li a{height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: rgba(255,255,255,0.9);display: block;}
.header .left .ul2 li a:hover{background: #312725;}




.header .right{position: absolute;right: 0;top:0;width: 30%;z-index: 99999;}
.header .right .block{height: 150px;text-align: center;color: #fff;box-sizing:border-box;}
.header .right .block:first-child{background: #535353;padding-top: 20px;width: 28%;}
.header .right .block:nth-child(2){background: #fd6a43;width: 28%;padding-top: 20px;}
.header .right .block:nth-child(3){background: #ffcc01;width: 22%;padding-top: 20px;}
.header .right .block:nth-child(4){background: #0d4bde;width: 22%;padding-top: 10px;position: relative;}
.header .right .block i{font-size: 40px;}
.header .right .block .title{font-size: 14px;margin-top: 5px;}
.header .right .block .moblie{font-size: 16px;margin-top: 10px;font-weight: bolder;}
.header .right .block:nth-child(3) .title{color: #505050;font-size:20px; }
.header .right .block:nth-child(3) a{color: #505050;font-size:14px;display: block;margin-top: 18px;}
.header .right .block:nth-child(3) a i{font-size: 18px;position: relative;top:2px;}
.header .right .block:nth-child(4) .icon1{font-size: 90px;position: absolute;left:50%;transform:translateX(-50%);top: 20px;text-align: center;}
.header .right .block:nth-child(4) .title{position: absolute;bottom: 20px;left:0;width:100%;text-align: center;}
.header .right .block:nth-child(4) .title .icon2{
    font-size: 18px;
    margin-left:5px;
    position: relative;
    top:1px;
    display: inline-block;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     
    -moz-transform:rotate(180deg);   
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg); 
    transition: all .3s linear;
 }
 .header .right .block.active .title .icon2{
     transform:rotate(0deg);
    -ms-transform:rotate(0deg);     
    -moz-transform:rotate(0deg);   
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg); 
    transition: all .3s linear;
 }
.header .right .branch-list{position: absolute;top: 150px;left:0;background: #0d4bde;z-index: 9999;width: 454.545455%;padding-bottom:30px;padding-top: 10px; display: none; }
.header .right .branch-list .branch{width: 25%;float: left;text-align: center;margin-top:20px; }
.header .right .branch-list .branch a{border-bottom: 1px solid #0d4bde;color: rgba(255,255,255,0.9);padding-bottom: 2px;}
.header .right .branch-list .branch:hover a{border-bottom: 1px solid rgba(255,255,255,0.9);transition: all .3s linear;}



.banner-box{position: relative;}
.banner-box .shade{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;}
.C1 .max-title{text-align: center;display: inline-block;border-bottom: 1px solid #d7d7d7;padding: 0 20px 20px;position: relative;}
.max-title::after{
        content: "";
        border-bottom: 11px solid #ffcc01;
        position: absolute;
        width:46px;
        left:50%;
        margin-left: -23px;
        bottom: -5px;
        z-index: 999;    
}
.max-ftitle{color: #484848;margin-top:30px;line-height: 22px;letter-spacing: 1px; }
.C1 .pictit{padding:45px 0;}
.C1 .pictit>li{float: left;width: 200px;height:115px;}
.C1 .pictit>li a{width: 100%;height: 100%;text-align: center;display: flex;display: -ms-flexbox;align-items: center;}
.C1 .pictit>li a img{display: block;margin:0 auto;max-width:100%;height: auto;}
.C1 .C1pictit-img.C1imggay{
     -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}





.C2{margin-top:50px; }
.C2 .max-title{width: 600px;margin:0 auto;padding-bottom: 20px;border-bottom:1px solid #d7d7d7;position: relative;  }
.C2 .content{
   margin-top:80px;
   padding-bottom: 230px; 
  /* background:-ms-linear-gradient(top, #fff,  #dce4e6);  
   background:-moz-linear-gradient(top,#fff,#dce4e6);
   background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#dce4e6));
   background: -webkit-linear-gradient(top, #fff, #dce4e6);
   background: -o-linear-gradient(top, #fff, #dce4e6); */
   background: url(../img/bg.png)center bottom/cover no-repeat;

}
.C2 .content .right{width: 880px;height: 690px;}
.C2 .content .right .overall{width: 880px;height: 690px;position: absolute;right: 0;top:0;opacity: 0;}
.C2 .content .right .overall:first-child{background: #fd6a43;opacity: 1;}
.C2 .content .right .overall:nth-child(2){background: #5d4df6;}
.C2 .content .right .overall:nth-child(3){background: #0d4bde;}
.C2 .content .right .overall:nth-child(4){background: #ffab36;}
.C2 .content .right .overall:nth-child(5){background: #6d5ba4;}
.C2 .content .right .overall.active{transition: opacity .3s linear;opacity: 1;}
.C2 .content .right .title{height: 120px;line-height: 120px;font-size: 38px;color: #fff;letter-spacing: 1px;width: 750px;border-bottom: 1px solid rgba(0,0,0,0.2);margin:0 auto; }
.C2 .content .right .title span{color: #eba612;position: relative;top:-1px;}
.C2 .content .right .ftitle-box{height: 380px;box-sizing:border-box;}
.C2 .content .right .ftitle{text-align: center;vertical-align: middle;font-size: 20px;}
.C2 .content .right .ftitle i{font-size: 34px;position: relative;top: 5px; }
.C2 .content .right .ftitle span{color: #fff;text-shadow: 1px 1px rgba(0, 0, 0,0.1);letter-spacing: 1px;}
.C2 .content .right .cate-box{width: 648px;margin:0 auto; }
.C2 .content .right .cate-box .lump{width: 132px;height: 122px;background: rgba(0,0,0,0.2);color: #fff;display: table;margin-left: 40px;}
.C2 .content .right .cate-box .lump:first-child{margin-left: 0; }
.C2 .content .right .cate-box .lump .tab-center{display: table-cell;vertical-align: middle;}
.C2 .content .right .cate-box .lump i{font-size: 44px;}
.C2 .content .right .cate-box .lump .min-title{font-size: 14px;margin-top:3px;text-shadow: 1px 1px rgba(0, 0, 0,0.1);color: rgba(255,255,255,0.9); }
.C2 .content .right .overall:first-child .lump{background: #d35432;}
.C2 .content .right .overall:nth-child(2) .lump{background: #4b3ecd;}
.C2 .content .right .overall:nth-child(3) .lump{background: #0431b3;}
.C2 .content .right .overall:nth-child(4) .lump{background: #ff8636;}
.C2 .content .right .overall:nth-child(5) .lump{background: #5b4991;}
.C2 .content .left .lump{height: 130px;width: 310px;position: absolute;right: 890px;width: 310px;display: table;cursor: pointer;transition: width .3s linear;  }
.C2 .content .left .lump:first-child{background: #fd6a43;top:0;width: 310px; }
.C2 .content .left .lump:nth-child(2){background: #0d4bde;top:140px;}
.C2 .content .left .lump:nth-child(3){background: #ffab36;top:280px;}
.C2 .content .left .lump:nth-child(4){background: #6d5ba4;top:420px;}
.C2 .content .left .lump:nth-child(5){background: #5d4df6;top:560px;}
.C2 .content .left .lump .tab-center{display: table-cell;vertical-align: middle;color: #fff;box-sizing:border-box;padding-left:50px;}
.C2 .content .left .lump .tab-center i{font-size: 36px;}
.C2 .content .left .lump .tab-center span{font-size: 18px;position: relative;top: -4px;margin-left: 20px;text-shadow: 1px 1px rgba(0, 0, 0,0.1);}
.C2 .content .left .lump:hover{transition: width .3s linear;width: 390px; }


.C3{position: relative;margin-top:-100px; }
.C3 .max-title{width: 600px;margin:0 auto;padding-bottom: 20px;border-bottom:1px solid #d7d7d7;position: relative;  }
.C3 .cost-all{margin-top:70px; }
.C3 .cost-all .cost{width: 216px;float: left;padding-bottom: 35px;box-shadow: 0px 5px 20px 0px #e1e1dc;border-radius: 3px;margin-left: 30px;padding-top:30px; }
.C3 .cost-all .cost:first-child{margin-left: 0;}
.C3 .cost-all .cost .icon-box{position: relative;}
.C3 .cost-all .cost .icon-box .dotted{border:1px dotted #0d4bde;border-radius: 50%;padding:5px;width: 110px;height: 110px;margin:0 auto; }
.C3 .cost-all .cost .icon-box .dotted .bg{width: 110px;height: 110px;background: #0d4bde;border-radius: 50%;text-align: center;line-height: 110px;transition: all 3s;}
.C3 .cost-all .cost .icon-box .dotted .bg:hover{transition: all 1s; transform:rotate(720deg);}
.C3 .cost-all .cost .icon-box .dotted .bg i{color: #fff;font-size: 54px;}
.C3 .cost-all .cost .icon-box .num{font-size: 70px;color: #b4b4b4;top:-20px;left:40px;position: absolute;z-index: -1;}
.C3 .cost-all .cost .title{font-size: 22px;text-align: center;margin-top:20px; }
.C3 .cost-all .cost .btn{text-align: center;}
.C3 .cost-all .cost .btn a{width: 150px;height: 42px;border:1px solid #7d7d7d;color: #7d7d7d;line-height: 42px;text-align: center;font-size: 14px;margin-top:20px;border-radius: 21px; }
.C3 .cost-all .cost:nth-child(2) .icon-box .dotted .bg{background: #2b64ed;}
.C3 .cost-all .cost:nth-child(3) .icon-box .dotted .bg{background: #3d73f6;}
.C3 .cost-all .cost:nth-child(4) .icon-box .dotted .bg{background: #5385fc;}
.C3 .cost-all .cost:nth-child(5) .icon-box .dotted .bg{background: #5393fc;}
.C3 .cost-all .cost:first-child .btn a:hover{background: #0d4bde;border:1px solid #0d4bde;transition: all .3s linear;color: #fff;}
.C3 .cost-all .cost:nth-child(2) .btn a:hover{background: #2b64ed;border:1px solid #2b64ed;transition: all .3s linear;color: #fff;}
.C3 .cost-all .cost:nth-child(3) .btn a:hover{background: #3d73f6;border:1px solid #3d73f6;transition: all .3s linear;color: #fff;}
.C3 .cost-all .cost:nth-child(4) .btn a:hover{background: #5385fc;border:1px solid #5385fc;transition: all .3s linear;color: #fff;}
.C3 .cost-all .cost:nth-child(5) .btn a:hover{background: #5393fc;border:1px solid #5393fc;transition: all .3s linear;color: #fff;}


.C4{margin-top:90px; }
.C4 .max-title{font-size: 24px;width: 700px;margin:0 auto;padding-bottom: 20px;border-bottom:1px solid #d7d7d7;position: relative;}
.C4 .bg{background: #5b48e8;height: 585px;margin-top:40px; }
.C4 .con-box{position: relative;top:80px;}
.C4 .left{width: 300px;background: #252525;padding-bottom: 45px;padding-top:45px;position: relative;z-index: 99; }
.C4 .left li{position: relative;}
.C4 .left li a{height: 70px;width: 200px;line-height: 70px;display: block;line-height: 70px;color: rgba(255,255,255,0.8);box-sizing:border-box;font-size: 16px;padding-left: 55px;cursor: pointer;position: relative;}
.C4 .left li a::after{
        content: "";
        border-bottom:1px solid rgba(255,255,255,0.2);
        position: absolute;
        width:0;
        left:0%;
        bottom: 0;
        z-index: 999;
        transition:all 0.5s ease;
}
.C4 .left .active a::after{
        content: "";
        border-bottom:1px solid rgba(255,255,255,0.2);
        position: absolute;
        width:100%;
        left:0%;
        bottom: 0;
        z-index: 999;
        transition:all 0.5s ease;
}
.C4 .left li .sj{width: 24px;height: 24px;transform:rotate(45deg);background: #252525;position: absolute;top:22px;right: 5px;z-index: 10;transition: all .3s linear;}
.C4 .left .active .sj{right: -8px;transition: all .3s linear;}
.C4 .right{height: 720px;box-shadow: 0px 5px 5px 0px #ebecf0; float: left;width: 900px;box-sizing:border-box;padding-top: 30px;padding-bottom: 30px;background: #fff;}
.C4 .right .right-box{height: 660px;overflow: hidden;}
.C4 .right .h6480-box{height: 5940px;position: relative;top:0px;transition: all 1s linear;}
.C4 .right .h6480-box .h720-box{height: 660px;background: #fff;}
.C4 .right .h6480-box .h720-box .case{float: left;width: 230px;margin-left: 52.5px;}
.C4 .right .h6480-box .h720-box .case:nth-child(3n+1){clear: both;}
.C4 .right .h6480-box .h720-box .case:nth-child(4){margin-top: 30px;}
.C4 .right .h6480-box .h720-box .case:nth-child(5){margin-top: 30px;}
.C4 .right .h6480-box .h720-box .case:nth-child(6){margin-top: 30px;}
.C4 .right .h6480-box .h720-box .case .img{position: relative;box-shadow: 0px 5px 10px 0px #bababa;}
.C4 .right .h6480-box .h720-box .case .img img{width: 230px;}
.C4 .right .h6480-box .h720-box .case .img .name{position: absolute;bottom: 0;left:0;height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.7);width: 100%;color: rgba(255,255,255,0.8);font-size: 16px;}
.C4 .right .h6480-box .h720-box .case .title{text-align: center;font-size: 20px;margin-top:15px; }
.C4 .right .h6480-box .h720-box .case .ftitle{margin-top:15px;text-align: center;color: #4d4d4d;height: 40px;overflow: hidden; }
.C4 .right .po-top{transition: top 1s;}


.C5{margin-top: 280px;background: url(../img/bg.jpg)center/cover no-repeat;padding-top: 110px;padding-bottom:110px; }
.C5 .max-title{width: 600px;margin:0 auto;padding-bottom: 20px;border-bottom:1px solid #d7d7d7;position: relative;color: #fff; }
.C5 .max-ftitle{color: #fff;}
.C5 .scheme-all{margin-top: 85px;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 50px;}
.C5 .scheme-all .scheme{width: 270px;margin-left:40px;height: 180px;float: left;color: #fff;text-align: center;cursor: pointer; }
.C5 .scheme-all .scheme:first-child{margin-left:0;background: #0084ff; }
.C5 .scheme-all .scheme:nth-child(2){background: #ff8800; }
.C5 .scheme-all .scheme:nth-child(3){background: #9256d9; }
.C5 .scheme-all .scheme:nth-child(4){background: #1bc0ef; }
.C5 .scheme-all .scheme .round{position: relative;top:0;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;text-align: center;display: inline-block;margin-top: 30px;transition: all .3s linear;}
.C5 .scheme-all .scheme:first-child .round{background: #0084ff;}
.C5 .scheme-all .scheme:nth-child(2) .round{background: #ff8800;}
.C5 .scheme-all .scheme:nth-child(3) .round{background: #9256d9;}
.C5 .scheme-all .scheme:nth-child(4) .round{background: #1bc0ef;}
.C5 .scheme-all .scheme .icon1{font-size:54px;}
.C5 .scheme-all .scheme .title{font-size: 20px;margin-top: 10px;transition: all .3s linear;position: relative;top:0;}
.C5 .scheme-all .active .title{top:-50px;transition: top .3s linear;}
.C5 .scheme-all .active .round{top:100px;transition: top .3s linear;}
.C5 .cont-list{
    margin-top: 70px;
    animation-name: show;
    -webkit-animation-name: show;
    animation-duration:2s;
    -webkit-animation-duration:2s;
    animation-timing-function:3s;
    -webkit-animation-timing-function:3s;
    display: none;
}
.C5 .cont-list.active{
    display: block;
}
@keyframes show
{
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes show 
{
    from {opacity: 0;}
    to {opacity: 1;}
}

.C5 .cont-list .left{float:left;width:668px;position:relative;box-sizing:border-box;height:554px;}
.C5 .cont-list .left img{margin-right:auto;position:absolute;right:20px;top:35px;display:block;}
.C5 .cont-list .right{float:left;width:528px;border-radius: 10px;background-color: rgba(255, 255, 255,0.1);box-sizing:border-box;min-height:554px;overflow:hidden;padding-top:50px; }
.C5 .cont-list .right .title{font-size: 23px;line-height:1;font-weight:normal;height:70px;line-height:70px;padding-left:38px;color: rgba(255,255,255,.8);letter-spacing: 1px;   }
.C5 .cont-list .right .text{font-size: 14px;color: rgba(255,255,255,.8);line-height:30px;padding:20px 50px 0px 36px;height: 300px; }
.C5 .cont-list .right .more{
    width: 204px;
    height: 46px;
    line-height: 46px;
    display: block;
    text-align: center;
    color: rgba(255,255,255,.8);
    margin-top: 25px;
    margin-left: 36px;
    background:-ms-linear-gradient(left, #7b54fb,  #0e4bde);  
    background:-moz-linear-gradient(left,#7b54fb,#0e4bde);
    background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#7b54fb), to(#0e4bde));
    background: -webkit-linear-gradient(left, #7b54fb, #0e4bde);
    background: -o-linear-gradient(left, #7b54fb, #0e4bde);

}

.C7{margin-top: 80px;}
.C7 .left{width: 450px;box-sizing:border-box;height: 680px;border:1px solid #eeeeee;box-shadow: 0px 5px 30px 0px #f4f4f4;padding-left: 22px;padding-right: 22px;float: left;}
.C7 .left .title{font-size: 20px;color: #494848;text-align: center;height: 70px;line-height: 70px;border-bottom: 1px dashed #dcdcdc; }
.C7 .left .list-text .new-text{margin-top: 28px;display: block;}
.C7 .left .list-text .new-text .a-text i{color:#3d6fe5;font-size: 22px;position: relative;top: 3px; }
.C7 .left .list-text .new-text .a-text span{color: #3e3e3e;font-size: 16px;margin-left:5px; }
.C7 .left .list-text .new-text .time{color: #bbbbbc;padding-left:25px;margin-top: 10px; }
.C7 .right{margin-left:30px;width: 720px; float: left;}
.C7 .right #key_line{border-bottom: 2px solid #ededed;position: relative;cursor: pointer; }
.C7 .right #key_line .title{font-size: 16px;color: #777777;margin-left:75px;display: inline-block;padding-bottom:20px;}
.C7 .right #key_line .title:first-child{margin-left:0; }
.C7 .right .active0:after{
    content: "";
    border-bottom: 2px solid #0d4bde;
    position: absolute;
    bottom: -2px;
    left:0px;
    width: 64px;
    z-index: 999;
    transition: all .2s linear;
}
.C7 .right .active143:after{
    content: "";
    border-bottom: 2px solid #0d4bde;
    position: absolute;
    bottom: -2px;
    left:143px;
    width: 64px;
    z-index: 999;
    transition: all .2s linear;
}
.C7 .right .active286:after{
    content: "";
    border-bottom: 2px solid #0d4bde;
    position: absolute;
    bottom: -2px;
    left:286px;
    width: 64px;
    z-index: 999;
    transition: all .2s linear;
}
.C7 .right .active429:after{
    content: "";
    border-bottom: 2px solid #0d4bde;
    position: absolute;
    bottom: -2px;
    left:429px;
    width: 64px;
    z-index: 999;
    transition: all .2s linear;
}
.C7 .right .w690{width: 690px;overflow: hidden;margin-top: 15px;}
.C7 .right .w2760{width: 2760px;left:0px;position: relative;}
.C7 .right .po-left{transition: left .5s;}
.C7 .right .img-text{width: 690px;float: left;}
.C7 .right .img-text .img-box{padding-bottom:22px;border-bottom: 1px solid #dcdcdc;position: relative; }
.C7 .right .img-text .img-box .text{width: 510px;height: 180px;position: absolute;background: #fff;right:0;bottom: 20px;padding:30px 10px 30px 30px;box-sizing:border-box; }
.C7 .right .img-text .img-box .text .title{font-size: 24px;}
.C7 .right .img-text .img-box .text .ftitle{color: #5b5a5a;line-height: 24px;margin-top: 20px;}
.C7 .right .img-text .img-box .text .time{color: #9e9e9e;margin-top: 10px;}
.C7 .right .img-text .news .new{height: 34px;line-height: 34px;margin-top: 20px;display: block;}
.C7 .right .img-text .news .new .time{width: 135px;background: #3d6fe5;text-align: center;color: #fff;float: left;}
.C7 .right .img-text .news .new:nth-child(2) .time{background: #499b47;}
.C7 .right .img-text .news .new:nth-child(3) .time{background: #fd6a43;}
.C7 .right .img-text .news .new:nth-child(4) .time{background: #7842db;}
.C7 .right .img-text .news .new .title{float: left;margin-left:15px;color: #676565; }
.C7 .right .img-text .news .new .more{float: right;color: #676565;}


.footer{box-sizing:border-box;background: #0a133d;margin-top: 90px;color: rgba(255,255,255,0.7);padding-top: 90px;padding-bottom: 45px;}
.footer .top{position: relative;}
.footer .top .left{width: 210px;float: left;}
.footer .top .left .title1{font-size: 16px;color: rgba(255,204,1,1);}
.footer .top .left .zhan{margin-top: 20px;}
.footer .top .left .zhan .yx-title{float: left;}
.footer .top .left .zhan .branch-all{float: left;margin-left:25px;}
.footer .top .left .zhan .branch{margin-bottom:15px; }
.footer .top .left .zhan .branch:hover{color: rgba(255,204,1,1);cursor: pointer;}
.footer .top .center{float: left;}
.footer .top .center ul{float: left;margin-left:75px; }
.footer .top .center ul li{margin-top: 20px;}
.footer .top .center ul li:first-child{margin-top: 0;position: relative;padding-bottom: 25px;}
.footer .top .center ul li:first-child:after{
    content: "";
    border-bottom:1px solid rgba(255,255,255,0.7);
    position: absolute;
    left:0px;
    bottom: 0px;
    width: 58px;
    z-index: 999;
}
.footer .top .center ul li a{color: rgba(255,255,255,0.7);}
.footer .top .center ul li:first-child a{color: rgba(255,204,1,1);font-size: 16px; }
.footer .top .center ul li:hover a{color: rgba(255,204,1,1);cursor: pointer; }
.footer .top .right{width: 300px;float: left;margin-left: 114px;}
.footer .top .right .links{position: relative;top:-10px;padding-bottom: 30px;border-bottom: 1px solid #fff;}
.footer .top .right .links .customer-service{width: 100px;height: 34px;border-radius: 17px;background: #fff;color: #1f1f1f;text-align: center;line-height: 34px;}
.footer .top .right .links .link{position: relative;top:10px;margin-left: 10px;position: relative;}
.footer .top .right .links a:nth-child(2){margin-left:30px; }
.footer .top .right .links .link i{font-size: 40px;color: #fff;}
.footer .top .right .links .code{position: absolute;left:50px;top:-52px;width:120px;z-index: 99;display: none;}
.footer .top .right .links .link:hover .code{display: block;}



.footer .top .right .communication .line{margin-top:12px; }
.footer .top .right .communication .line i{float: left;color: #fff;font-size: 24px;}
.footer .top .right .communication .line .text{float: left;margin-top:3px;margin-left: 5px;width: 260px;color: rgba(255,255,255,0.8); }
.footer .top .xian1{position: absolute;left:220px;top:40px;}
.footer .top .xian2{position: absolute;right:360px;top:40px;}
.footer .bottom{margin-top:50px;font-size: 12px; }
.footer .bottom .links{border-bottom: 1px solid #636363;padding-bottom: 15px;}
.footer .bottom .links .left{float: left;width: 70px;position: relative;}
.footer .bottom .links .right{float: left;width: 1130px;}
.footer .bottom .links .right a{color: rgba(255,255,255,0.7);margin-right:15px;margin-bottom: 5px;}
.footer .bottom .links .right a:hover{color: rgba(255,204,1,1);}
.footer .bottom .copyright{text-align: center;margin-top: 35px;}
.footer .bottom .num{text-align: center;margin-top: 15px;}
.footer .bottom .num a{color: rgba(255,255,255,0.8);text-decoration: underline;}
.footer .bottom .num a:hover{color: rgba(255,204,1,1);}









/*地图部分*/
.C6{position: relative;background: #edf1f2;}
.C6 .max-title1{position: absolute;top:70px;left:0;width: 100%;color: #fff;text-shadow: 1px 1px rgba(0, 0, 0,0.4); }
.C6 .course{position: relative;z-index: 999999999999999999;}
.mainMap-container{position: relative;width: 100%;height: 780px;margin-top: -260px;}
.mainMap-box{position: absolute;left:50%;top: 0px;margin-left: -600px;height:720px!important;width: 1260px;}
#mainMap{width: 1260px!important;height: 720px!important;}
canvas{width: 1260px!important;height: 720px!important;}
.C6 .title1{position: absolute;top:330px;left:460px;z-index: 9999999999;color: #6f6f6f;}
.C6 .title2{position: absolute;top:160px;left:900px;z-index: 9999999999;color: #6f6f6f;}
.C6 .title3{position: absolute;top:260px;left:670px;z-index: 9999999999;color: #6f6f6f;}
.C6 .title4{position: absolute;top:465px;left:460px;z-index: 9999999999;color: #6f6f6f;}
.C6 .title5{position: absolute;top:430px;left:725px;z-index: 9999999999;color: #6f6f6f;}
.C6 .title6{position: absolute;top:580px;left:680px;z-index: 9999999999;color: #fff;}
.C6 .title7{position: absolute;top:400px;left:805px;z-index: 9999999999;color: #fff;}
.C6 .title8{position: absolute;top:506px;left:730px;z-index: 9999999999;color: #6f6f6f;font-size: 12px;}
.C6 .title9{position: absolute;top:480px;left:820px;z-index: 9999999999;color: #fff;font-size: 12px;}
.C6 .title10{position: absolute;top:580px;left:770px;z-index: 9999999999;color: #fff;font-size: 12px;}
.C6 .title11{position: absolute;bottom:52px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title12{position: absolute;bottom:100px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title13{position: absolute;bottom:28px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title14{position: absolute;bottom:76px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title15{position: absolute;bottom:147px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title16{position: absolute;bottom:124px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .title17{position: absolute;bottom:172px;left:238px;z-index: 9999999999;color: #505050;font-size: 12px;}
.C6 .left{width: 238px;height: 640px;background: url(../img/wg.png)center/cover no-repeat;position: absolute;bottom:-120px;left:-200px;}
.C6 .left .col{position: absolute;right:-36px;top:-30px;width: 80px;text-align: center;}
.C6 .left .col:nth-child(2){top:150px;}
.C6 .left .col:nth-child(3){top:330px;}
.C6 .left .col .num{font-size: 60px;color: #7842db;}
.C6 .left .col .name{font-size: 18px;}
.C6 .right{width: 238px;height: 640px;background: url(../img/wg.png)center/cover no-repeat;position: absolute;bottom:50px;right:-300px;}
.C6 .two-title{width: 800px;position: absolute;left:50%;margin-left:-400px;top:-60px;text-align: center; }
.C6 .two-title .text{font-size: 16px;text-shadow: 1px 1px rgba(0, 0, 0,0.1);}
.C6 .two-title .button{
    width: 312px;
    height: 60px;
    background:-ms-linear-gradient(left, #6151fb,  #7a41d8);  
    background:-moz-linear-gradient(left,#6151fb,#7a41d8);
    background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#6151fb), to(#7a41d8));
    background: -webkit-linear-gradient(left, #6151fb, #7a41d8);
    background: -o-linear-gradient(left, #6151fb, #7a41d8);
    border-radius: 30px;
    color: #fff;
    line-height: 60px;
    margin: 30px auto 0; 
    box-shadow: 0px 20px 30px 0px #dfe0ee;
}





/*公告消息*/
.tittt{position: absolute;bottom: 20%;right:18%;z-index: 11;width: 420px;height: 60px;border-radius:50px;box-shadow:-10px 10px 40px #e7e4ee;font-size: 0;overflow:hidden;}
.tittt p{display:inline-block;font-size: 14px;color: #331a70;background-color:rgba(255,255,255,0);
    line-height: 60px;height: 60px;width:340px;padding-right:40px;vertical-align: middle;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    padding-left:20px; 
}
.swiper-container2 {
    width: 100%;
    height: 60px;
    z-index:1000;
    background-color: rgba(255,255,255,0);
}
.swiper-slide2 {
    
    font-size: 18px;
    background: #fff;
    width: 100%;
    background-color: rgba(255,255,255,0);
    position: relative;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tit a{display:block;text-align: center;background-color:rgba(255,255,255,0);width: 60px;height: 60px;
    border-radius: 50%;position: absolute;top: 0;right: 0;
    
}

.news-details{
    position: absolute;
    top: 0;
    right: 0;
    z-index:-1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color:#4581ff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 60px;
}








@media only screen and (max-width:1600px) {
    .header .left .logo{height: 40px;}
    .header .left .text{font-size: 12px;margin-left: 20px;}
    .header .left>.ul1>li{margin-right:35px; }
    .header .left>.ul1>li>a{font-size: 14px;}
    .header .left .ul2 li{width: 170px;}
    .header .left .ul2 li a{font-size: 14px;}
    .header .right .block{height: 140px;}
    .header .right .block i{font-size: 40px;}
    .header .right .block .title{font-size: 12px;margin-top: 5px;}
    .header .right .block .moblie{font-size: 14px;margin-top: 10px;font-weight: bolder;}
    .header .right .block:nth-child(3) .title{color: #505050;font-size:18px; }
    .header .right .block:nth-child(3) a{font-size:12px;margin-top: 16px;}
    .header .right .block:nth-child(3) a i{font-size: 16px;top:2px;}
    .header .right .block:nth-child(4) .icon1{font-size: 80px;top: 20px;}
    .header .right .block:nth-child(4) .title{position: absolute;bottom: 20px;left:0;width: 100%;text-align: center;font-size: 12px;}
    .header .right .block:nth-child(4) .title .icon2{font-size: 18px;margin-left:5px;position: relative;top:2px; }
    .header .right .branch-list{top: 140px; }
    .header .right .branch-list .branch a{font-size: 12px;}
    .mainMap-container{position: relative;width: 100%;height: 780px;margin-top: -180px;}
}
@media only screen and (max-width:1370px) {
    .header{height: 100px;padding-left: 20px;position: relative;}
    .header .left{padding-top:35px;width: 65%;}
    .header .left .logo{height: 46px;}
    .header .left>.ul1>li{margin-right:35px; padding-top: 15px; }
    .header .left>.ul1>li>a{font-size: 12px;height: 43px;}
    .header .left .logo{height: 30px;margin-top: 5px;}
    .header .left .text{font-size: 10px;margin-left: 20px;margin-top: 5px;}
    .header .left .ul2{top:65px; }
    .header .right{position: absolute;right: 0;top:0;width: 35%;z-index: 99999;}
    
    .mainMap-container{position: relative;width: 100%;height: 780px;margin-top: -140px;}
}