﻿*{
    margin: 0;
    padding: 0;
}
body{
    position: relative;
    font-family: "微软雅黑";
}
    ul,li{
        list-style:none;
    }
    a{
        text-decoration: none;
        color:#333;
    }


    .content{
        width:1200px;
        margin:0 auto;
    }
    .nav{
        height:50px;
        background:#e7f1fa;
        line-height: 50px;
        position: relative;
        top:-332px;
    }
    .nav li{
        float:left;
        font-weight: 600;
        width:200px;
        text-align: center;
    }
    .nav li a {
        color:#1571d2;
    }
    .nav li.active{
        background:#1571d2;
    }
    .nav li.active a{
        color:#fff;
    }
    .main{
        position: relative;
        top: -320px;
        left:22px;
    }
      .main .content{
        background:#fff;
    }
    .main h2 a{
        color:#1571d2;
    }
    .zhuti img{
      position: relative;
      top:22px;
    }
    .title{
        display:flex;
        position: relative;
        height:114px;
    }
    .title img{
        width:52px;
        height:70px;
    }
    .title>a{
        margin-left: 68px;
      position: absolute;
        top:50%;
        margin-top:-17.5px;
    }
    .title h2{
        font-size:30px;
        color:#1571d2;
        position: absolute;
        top:44px;
        left:180px;
    }
    .xin{
        margin-top:18px;
        height:345px;
        overflow: hidden;
    }
    .xin-left{
        float:left;
        width: 680px;
        height: 340px;
    }
      #box{
        width: 680px;
        height: 340px;
        position: relative;
        overflow:hidden;
    }
    ul,li{
        list-style:none;
    }
    #box ul li{
        width: 680px;
        height: 340px;
        position: absolute;
        opacity: 0;
        filter:alpha(opacity(0));
    }
    #box ul li:first-child{
        opacity: 1;
        filter:alpha(opacity(100));
    }
    #box ul li img{
        width: 680px;
        height: 340px;
    } 
    #box ul li .titl{
        position: absolute;
        bottom:10px;
        z-index:999;
        display:flex;
        left:20px;
    }
    #box ul li .titl a{
        color:#fff;
        font-size: 14px;
        font-weight:600;
    }
    #direction{
        position:relative;
    }
    #direction>a{
        width:25px;
        height: 60px;
        background: rgba(0,0,0,0.5);
        color:#fff;
        position:absolute;
        top:140px;
        font-size:30px;
        text-align:center;
        line-height:60px;
    }
    #direction>a:nth-child(2){
        right:0;
    }
    .bf{
        width:100%;
        background:#3b3629;
        height:40px;
        opacity: 0.9;
        position: absolute;
        bottom:0;
        line-height:40px;
    }
    #btn{
        position:absolute;
        bottom:13px;
        right:20px;
    }
    #btn>a{
        float:left;
        width: 10px;
        height:10px;
        border-radius:50%;
        background:#ccc;
        margin-right:10px;
    }
    #btn .active{
        background:#fff;
    }
    .xin-right{
        float:left;
        margin-left: 22px;
        width:480px;
    }
    .top1{
      width:474px;
      border-bottom: 1px solid #d6dee8;
      height:38px;
      line-height:38px;
    }
    .top1 ul li {
        float:left;
        width:70px;
        margin-left:28px;
        color:#1571d2;
        font-size:17px;
        padding-left:22px;
    }
    .top1 ul li.active{
        font-weight: 600;
        width:90px;
        height:38px;
        background: url(../img/右箭头.png) no-repeat center right,
        url(../img/左箭头.png) no-repeat center left;
    }
       
    .top1 ul li a{
        color:#1571d2;
    }
.bottom{
    margin-top:25px;
}
    .bottom1{
        float:left;
        font-size: 14px;
      
    }
    .bottom1 ul li{
        line-height:36px;
        text-align: left;
    }
    .bottom1 ul li img{
        margin-right:10px;
    }
    .bottom2{
        float:right;
        font-size: 14px;
        margin-left:10px;
    }
    .bottom2 ul li{
        line-height:36px;
        color:#a9a9a9;
    }
    .title1{
        width:1152px;
        height:32px;
        background-image: url(../img/标题装饰.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size:100% 100%;
        margin-top:36px;
        position: relative;
    }
    .title1 h2{
        margin-left:80px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }
    .tongzhi{
        margin-top:24px;
        height:350px;
    }
    .ton-left{
        float:left;
        width:272px;
        height:350px;
        background:#f3f8fd;
    }
    .ton-left ul li{
        height:70px;
        color:#1571d2;
        font-weight:600;
        line-height:70px;
        text-align: left;;
        position: relative;
        display: flex;
        align-items: center;
    }
    .ton-left ul li a{
        color:#1571d2;
        display:block;
    }
    .ton-left ul li img{
        margin-left:52px;
        margin-top:30px;
        width:32px;
        height:32px;
    }
    .ton-left ul li span{
        margin-left:16px;
    }
    .ton-left ul li.active{
        background:#dceaf9;
    }
    .ton-center{
        float:left;
        margin-left: 22px;
    }
    .ton-center1{
        height:38px;
        width: 464px;
        border-bottom: 1px solid #d6dee8;
        line-height:38px;
    }
     .ton-center1 ul li {
        float:left;
        width:70px;
        margin-left:28px;
        color:#1571d2;
        font-size:17px;
        padding-left:22px;
    }
    .ton-center1 ul li.active{
        font-weight: 600;
        width:90px;
        height:38px;
        background: url(../img/右箭头.png) no-repeat center right,
        url(../img/左箭头.png) no-repeat center left;
    }

    .ton-center1 li a{
        color:#1571d2;
    }
    .df{
        height:216px;
        overflow: hidden;
    }
 .center2a{
        float:left;
        font-size: 14px;
      
    }
    .center2a ul li{
        line-height:36px;
        text-align: left;
    }
    .center2a ul li img{
        margin-right:10px;
    }
    .center2b{
        float:left;
        font-size: 14px;
        margin-left:28px;
    }
    .center2b ul li{
        line-height:36px;
        color:#a9a9a9;
    }

    .ton-center3{
        margin-top:34px;
        float:left;
    }
    .ton-center3 li{
       float:left;
       text-align: center;
       margin-left: 54px;
       font-weight: 600;
    }
    .ton-right{
        width:410px;
        float:left;
        margin-left: 24px;
    }
    .ton-right1{
        height:38px;
        width:368px;
        border-bottom: 1px solid #d6dee8;
        line-height:38px;
        color:#1571d2;
    }
    .ton-right1 a{
        color:#1571d2;
    }
    
    .ton-right2{
        width:410px;
        margin-top: 14px;
        text-align: center;
    }
    .ton-right2 p{
        font-size: 14px;
        font-weight: 600;
        margin-top:10px;
    }
    .ton-right3{
        margin-top:22px;
    }
    .ton-right3 li{
       float:left;
       text-align: center;
       margin-left: 54px;
       font-weight: 600;
    }
    .liuyan{
        margin-top:36px;
        height:510px;
    }
    .liuyan-left1{
        width:760px;
        height:50px;
        background-image: url(../img/标题装饰2.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        
    }
    .liuyan-left1 h2{
        margin-left:70px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }
    .liuyan-left{
        height:510px;
        width:762px;
        float:left;
    }
    .liuyan-l1{
        float:left;
    }
    .liuyan-l1a{
        height:38px;
        width:274px;
        border-bottom: 1px solid #d6dee8;
        line-height:38px;
        color:#1571d2;
    }
    .liuyan-l1a li a{
        color:#1571d2;
    }
    .liuyan-l1b{
        margin-top:24px;
        text-align: center;
    }
    .liuyan-l1b p{
        font-size: 14px;
        font-weight: 600;
        margin-top: 10px;
    }
    .liuyan-l2{
        float:left;
        margin-left: 24px;
    }
    .liuyan-l2a{
        height:38px;
        width:460px;
        border-bottom: 1px solid #d6dee8;
        line-height:38px;
        color:#1571d2;
    }
    .liuyan-l2a li a{
        color:#1571d2;
    }
    .liuyan-l2b{
        margin-top: 10px;
    }
    .liuyan-l2b  li{
        line-height:40px;
        font-size: 14px;
        position: relative
    }
    .liuyan-l2b .span2{
        color:#a9a9a9;
        position: absolute;
        right:0px;
    }
    .liuyan-left{
        width:762px;
    }
    .liuyan-l3{
        float:left;
        width: 760px;
        height: 140px;
        background:#fffcf5;
        margin-top:24px;
    }
    .liuyan-l3 li{
       float:left;
       text-align: center;
       margin-left:126px;
       font-weight: 600;
       height:140px;
    }
    .liuyan-l3  li img{
      margin-top:34px;
    }
    .liuyan-right{
        float:left;
        margin-left: 24px;
    }
    .liuyan-right1{
        width:360px;
        height:34px;
        background-image: url(../img/标题装饰3.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        background-size:100% 100%;
    }
    .liuyan-right1 h2{
        margin-left:70px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }
    .liuyan-r1{
        margin-top: 22px;
    }
    .liuyan-r1 img{
        display:block;
    }
    .liuyan-r2{
        margin-top:30px;
        width:360px;
        height:34px;
        background-image: url(../img/标题装饰3.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        background-size:100% 100%;
    }
    .liuyan-r2 h2{
        margin-left:70px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }.liuyan-r3{
        margin-top: 14px;
    }
    .liuyan-r3 li{
        font-size: 14px;
        line-height:40px;
    }
    .liuyan-r3 li span{
        margin-left: 10px;
    }
    .title3 img{
        position: relative;
        top: 22px;
    }
    .difang{
        margin-top:54px;
        width:1152px;
        height:32px;
        background-image: url(../img/标题装饰.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        background-size:100% 100%;
    }
    .difang h2{
        margin-left:70px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }
    .shuju{
        margin-top: 24px;
        height:184px;
        position: relative;
    }
    .jiantou{
        position: absolute;
        right:52px;
        top:50%;
        margin-top:-14px;
    }
    .shuju1{
        float:left;
    }
    .shuju2{
        float:left;
        width:872px;
        height:178px;
        border:1px solid #d6dee8;
        border-right:none;
    }

    .shuju2 .leftarrow{
        width: 32px;
        text-align: center;
        line-height: 178px;
    }
    .shuju2 .rightarrow{
        float: right;
        width: 32px;
        line-height: 178px;
        border-right: none;
    }



    .shuju2>a{
        display:block;
        float:left;
        width:268px;
         height:178px;
        border-right:1px solid #d6dee8;
    }
    .shuju2>li{
        width:276px;
        height:178px;
        float:left;
    }
    .shuju2 h2{
        font-size: 16px;
        margin-top: 32px;
        margin-left:26px;
        margin-bottom: 10px;
        width:255px;
    }
    .l2a{
        margin-left: 26px;
        font-size: 14px;
        line-height:24px;
        float:left;
    }
    .l2a .span1{
        margin-left: 18px;
        color:#e3a11e;
    }
    .lib{
        float:left;
        margin-left:54px;
    }
    .zhuanti{
        margin-top:36px;
        width:1152px;
        height:32px;
        background-image: url(../img/标题装饰.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        background-size:100% 100%;
    }
    .zhuanti h2{
        margin-left:70px;
        position: absolute;
        top:-10px;
        color:#1571d2;
        font-size: 22px;
    }
    /* .fuwu{
        margin-top:24px;
        height:144px;
        position: relative;
        overflow: hidden;
    }
    .le{
        width:30px;
        height:140px;
        position: absolute;
        cursor: pointer;
        left:0;
        background-image: url(../img/箭头@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }
      .rf{
        width:30px;
        height:140px;
        position: absolute;
        right:50px;
        background-image: url(../img/jiantour.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer;
    }
    .fuwu li{
        float:left;
        margin-left: 10px;
    } */


     .fuwu{
        margin-top:24px;
        height:144px;
        position: relative;
        overflow: hidden;       
    }
    .kl{
        width:1150px;
        overflow: hidden;
    }
    .fuwu li{
        float:left;
    }
    .slideImageContainer{
        position: relative;
        width: 280px;
        height: 140px;
    }
    .slideImageLists{
        position: absolute;
        left: -1160px;
        top: 0;
        width:40000px;
        height:140px;
    }
    .slideImageLists img{
        display: block;
        width: 280px;
        height: 140px;
        margin-left: 10px;
    }
    .slideLeftBtn,.slideRightBtn{
        position: absolute;
        /* font-family: "iconfont";
        font-size: 60px;
        color: #191f25;
        opacity: 0.3;
        cursor: pointer;
        user-select: none;  
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; */
    }
    /* .slideLeftBtn{
        left: 70px;
    }
    .slideRightBtn{
        right:53px;
    } */
     .slideLeftBtn{
        width:30px;
        height:140px;
        position: absolute;
        cursor: pointer;
        left:10px;
        z-index:999;
        background-image: url(../img/箭头@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }
         .slideRightBtn{
        width:30px;
        height:140px;
        position: absolute;
        right:50px;
        background-image: url(../img/jiantour.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer;
     z-index:999;
    }
    .youqing{
        margin-top: 50px;
        width:1150px;
        border:1px solid  #d6dee8;
    }
    .navc{
        background: #f3f8fd;
        height:50px;
        line-height:50px;
    }
    .navc li{
        float:left;
        text-align:center;
    }
    .navc li.active{
        background:#fff;
        font-weight:600;
    }
    .as{
        overflow: auto;
    }
    .container ul{
        height:46px;
        line-height:50px;
    }
    .container li{
        float:left;
        text-align: left;
        margin-left:50px;
    }
  .footer{
        min-width: 1200px;
        width:100%;
        height:160px;
        background:#e7f1fa;
        position: absolute;
        bottom: 0;
        padding-bottom: 20px;
        border-top:1px solid #d6dee8; 
        font-size: 12px;
        color:#333;
    }

    #_span_jiucuo{
        margin-top: 32px;
        margin-right: 30px;
    }

    .footer .content{
        background:#e7f1fa;
        padding-bottom: 0;
    }

    .footer img{
        display: inline-block;
    }

    .footer .ga img{
        vertical-align: -6px;
    }

    .footer li{
        line-height: 24px;
        text-align: left;
    }

    .footer li a{
        color:#333;
    }

    .footer1{
        float:left;
        margin-left: 110px;
        margin-top:40px;
        text-align: center;
    }

    .footer1 span{
        float:left;
        margin-top: 20px;
    }

    .footer1a{
        float:left;
        margin-left: 40px;
    }

    .footer2{
        display: inline-block;
        margin-top: 50px;
        margin-left: 50px;
        padding-left: 50px;
        border-left: 1px solid #d6dee8;
    }