.index_top{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}
.it_top{
    width: 100%;
    padding: 10px 0 15px;
    background-color: #fff;
}
.it_top h2{
    width: 94%;
    font-size: 32px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    padding: 6px 0;
}
.it_top h2 a{
    color: #2f5594;
}
.it_top h2 a:hover{
    color: red;
}
.it_top p{
    width: 94%;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden; 
}
.it_top p span{
    display: block;
    float: left;
    width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.it_top p a{
    display: block;
    float: left;
    color: #ffd961;
}
.it_top p a:hover{
    color: red;
}

.it_botttom{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.itb_left{
    float: left;
    width: 17%;
}
.itb_left ul{
    width: 100%;
}
.itb_left ul li{
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    border: 2px solid #97aaca;
    margin-top: 20px;
    cursor: pointer;
    transition: all 0.4s linear
}
.itb_left ul li.itb_li{
    margin-top: 0;
}
.itb_left ul li div{
    width: 94%;
    background-color: #fff;
    border: 1px solid #97aaca;
    overflow: hidden;
    margin: 0 auto;
    transition: all 0.4s linear
}
.itb_left ul li div a{
    display: block;
    font-size: 20px;
    text-indent: 64px;
    padding: 22px 0;
    transition: all 0.4s linear;
}
.itb_left ul li div a.itb_a1{
    background: url(../images/index/itb_img1.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li div a.itb_a2{
    background: url(../images/index/itb_img2.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li div a.itb_a3{
    background: url(../images/index/itb_img3.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li div a.itb_a4{
    background: url(../images/index/itb_img4.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li.on,
.itb_left ul li.on div{
    background-color: #2f5594;
}
.itb_left ul li.on div a{
    color: #fff;
}
.itb_left ul li.on div a.itb_a1{
    background: url(../images/index/itb_himg1.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li.on div a.itb_a2{
    background: url(../images/index/itb_himg2.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li.on div a.itb_a3{
    background: url(../images/index/itb_himg3.png) no-repeat;
    background-position: 13% 50%;
}
.itb_left ul li.on div a.itb_a4{
    background: url(../images/index/itb_himg4.png) no-repeat;
    background-position: 13% 50%;
}

.itb_right{
    float: right;
    width: 80%;
}
.itbr_main{
    width: 100%;
    overflow: hidden;
}

.itb_lbt{
    float: left;
    width: 64%;
    height: 412px;
}

/* lbt */
#container{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#container .sections,
#container .section{
    width: 100%;
    height:100%;
}
#container,
#container .sections{
    position: relative;
}

.lbt_main{
    width: 100%;
    height: 100%;
}
.lbt_main a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.lbt_main a img{
    width: 100%;
    height: 100%;
}
.lbt_main a s{
    width: 100%;
    height: 40px;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    position: absolute;
    bottom: 0;
    left: 0;
}
.lbt_main a span{
    width: 66%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 10%;
}

#container1 .pages.horizontal,
#container2 .pages.horizontal,
#container3 .pages.horizontal,
#container4 .pages.horizontal {
    left: 84%;
    bottom: 10px
}
#container1 .pages.horizontal li,
#container2 .pages.horizontal li,
#container3 .pages.horizontal li,
#container4 .pages.horizontal li {
    cursor: pointer;
}

#container1 .pages li.active,
#container2 .pages li.active,
#container3 .pages li.active,
#container4 .pages li.active {
    background-color: blue;
    box-shadow: 0 0 5px 2px blue;
}
/* lbt */

.itb_list{
    float: left;
    width: 36%;
    height: 412px;
    background-color: #fff;
}
.itb_list ul{
    width: 94%;
    margin: 0 auto;
    padding-top: 10px;
}
.itb_list ul li{
    width: 100%;
    padding: 17px 0;
}
.itb_list ul li a{
    display: block;
    width: 94%;
    min-height: 44px;
    font-size: 16px;
    padding-left: 20px;
    background: url(../images/index/list_lx.png) no-repeat;
    background-position: 0 12%;
}

.index_container{
    width: 1200px;
    margin: 20px auto;
    padding: 15px 0;
    background-color: #fff;
}
.i_container_main{
    width: 96%;
    margin: 0 auto;
}
.title{
    width: 100%;
    margin: 0 auto;
}
.title img.pc_img{
    width: 100%;
}
.title div{
    display: none;
    width: 100%;
    overflow: hidden;
}
.title div img{
    display: block;
    float: left;
    margin-top: 2px;
    margin-left: 5%;
}
.title div p{
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}
.title div p span{
    color: #ffd961;
}
.title div p.yd_p{
    color: #2f5594;
}
.icm{
    width: 100%;
    padding: 20px 0 5px;
    overflow: hidden;
}
.icm_left{
    float: left;
    width: 64%;
}
.list_title{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    zoom: 1;
}
.list_title:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
.list_title p{
    float: left;
    font-size: 20px;
    padding-bottom: 10px;
    margin-right: 100px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s linear;
}
.list_title p span{
    display: block;
    width: 0;
    height: 2px;
    background-color: #ffd961;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transition: all 0.4s linear;
}
.list_title p.on{
    font-weight: bold;
    color: #2f5594;
}
.list_title p.on span{
    width: 100%;
    left: 0;
}
.list_title div{
    float: right;
    font-size: 16px;
    margin-top: 5px;
}
.list_title div a{
    display: none;
    color: #999999;
    transition: all 0.4s linear;
}
.list_title div a.on{
    display: block;
}
.list_title div a span{
    display: inline-block;
    transition: all 0.4s linear;
}
.list_title div a:hover{
    color: red;
}
.list_title div a:hover span{
    transform: rotate(360deg);
}
.list_main{
    width: 100%;
}
.list_main ul{
    display: none;
}
.list_main ul.on{
    display: block;
}
.list_main ul li{
    margin-top: 18px;
}
.list_main ul li a{
    display: block;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
}
.list_main ul li a p{
    float: left;
    width: 82%;
    text-indent: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/index/list_dian.png) no-repeat;
    background-position: 0 50%;
    transition: all 0.4s linear;
}
.list_main ul li a span{
    display: block;
    float: right;
    color: #999999;
}
.list_main ul li a:hover p{
    text-indent: 25px;
}
.icm_right{
    float: right;
    width: 34%;
}
.icm_right div{
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}
.icm_right div.icm_div{
    margin-top: 0;
}
.icm_right div a{
    display: block;
    float: left;
    width: 48%;
    font-size: 20px;
    color: #2f5594;
    text-align: center;
    padding: 28px 0;
    background: url(../images/index/icm_a.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.4s linear;
}
.icm_right div a.icm_a_right{
    float: right;
}
.icm_right div a:hover{
    color: #fff;
    background: url(../images/index/icm_ha.png) no-repeat;
    background-size: 100% 100%;
}

.index_bottom{
    width: 1200px;
    margin: 0 auto 20px;
    padding: 15px 0;
    background-color: #fff;
}
.i_bottom_main{
    width: 96%;
    margin: 0 auto;
}
.ibm{
    width: 100%;
    padding: 20px 0 5px;
    overflow: hidden;
}

.ibm_left{
    float: left;
    width: 34%;
}
.ibm_left div{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.ibm_left div.ibm_div{
    margin-top: 0;
}
.ibm_left div a{
    display: block;
    float: left;
    width: 48%;
    font-size: 20px;
    color: #000;
    text-align: center;
    padding: 80px 0 22px;
    background: url(../images/index/ibm_a.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.ibm_left div a.ibm_a_right{
    float: right;
}
.ibm_left div a img{
    position: absolute;
    transition: all 0.4s linear;
}
.ibm_left div a img.ibm_img1{
    top: 32px;
    left: 42%;
}
.ibm_left div a img.ibm_img2{
    top: 32px;
    left: 44%;
}
.ibm_left div a img.ibm_img3{
    top: 32px;
    left: 44%;
}
.ibm_left div a img.ibm_img4{
    top: 32px;
    left: 43%;
}
.ibm_left div a img.ibm_img5{
    top: 14px;
    left: 34%;
}
.ibm_left div a:hover img.ibm_img1,
.ibm_left div a:hover img.ibm_img2,
.ibm_left div a:hover img.ibm_img3,
.ibm_left div a:hover img.ibm_img4{
    transform: rotateY(360deg);
}
.ibm_left div a:hover img.ibm_img5{
    transform: rotateZ(360deg);
}

.ibm_right{
    float: right;
    width: 64%;
}
.ibmr_title{
    width: 100%;
    font-size: 16px;
    overflow: hidden;
}
.ibmr_title p{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #265599;
}
.ibmr_title a{
    display: block;
    float: right;
    margin-top: 2px;
}
.ibmr_list_top{
    width: 100%;
    overflow: hidden;
    background-color: #f4f8fb;
    margin-top: 12px;
}
.ibmr_list_top p{
    float: left;
    width: 18%;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
}
.ibmr_list_top p.ibmr_p{
    width: 46%;
    text-align: left;
    text-indent: 20px;
}
.ibmr_list_bottom{
    width: 100%;
}
.ibmr_list_bottom ul li{
    width: 100%;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    padding: 13px 0;
    border-bottom: 1px solid #ededed;
}
.ibmr_list_bottom ul li a{
    display: block;
    float: left;
    width: 46%;
    text-align: left;
    text-indent: 20px;
    background: url(../images/index/lx.png) no-repeat;
    background-position: 0 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s linear;
}
.ibmr_list_bottom ul li a:hover{
    text-indent: 30px;
}
.ibmr_list_bottom ul li p{
    float: left;
    width: 18%;
}
.ibmr_list_bottom ul li span{
    display: block;
    float: left;
    width: 18%;
    color: #888888;
}
.ibmr_list_bottom ul li span.wcl{
    color: #ff9201;
}

/* ios */
@media (max-width: 760px) {
    .index_top,
    .index_container,
    .index_bottom{
        width: 100%;
    }
    .it_top{
        margin-top: 10px;
    }
    .it_top h2{
        font-size: 20px;
    }
    .it_top p{
        font-size: 14px;
    }
    .it_top p span{
        width: 84%;
    }
    .itb_left,
    .itb_right{
        float: none;
        width: 100%;
    }
    .itb_left ul{
        overflow: hidden;
    }
    .itb_left ul li{
        float: left;
        width: 45%;
        margin: 0 0 10px 3.5%;
    }
    .itb_left ul li div a{
        font-size: 16px;
        text-indent: 54px;
        padding: 16px 0;
    }
    
    .itb_lbt,
    .itb_list{
        float: none;
        width: 100%;
    }
    .itb_lbt{
        height: 240px;
    }
    .itb_list{
        height: auto;
    }
    .itb_list ul li {
        padding: 10px 0;
    }
    .itb_list ul li a {
        font-size: 14px;
    }

    #container .pages.horizontal{
        left: 80%;
        bottom: 13px;
    }
    .lbt_main a span{
        left: 2%;
    }
    .pages li{
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }
    .pages.horizontal li{
        margin-right: 5px;
    }
    
    .index_container{
        margin: 10px auto;
    }
    .title img.pc_img{
        display: none;
    }
    .title div{
        display: block;
    }
    .icm_left,
    .icm_right{
        float: none;
        width: 100%;
    }
    .list_title p {
        font-size: 16px;
        margin-right: 20px;
        padding-bottom: 5px;
    }
    .list_title div {
        font-size: 12px;
        margin-top: 2px;
    }
    .list_main ul li {
        margin-top: 10px;
    }
    .list_main ul li a{
        font-size: 14px;
    }
    .list_main ul li a p{
        width: 68%;
    }
    .icm_right div.icm_div{
        margin-top: 15px;
    }
    .icm_right div a {
        font-size: 16px;
        padding: 25px 0;
    }

    .ibm_left,
    .ibm_right{
        float: none;
        width: 100%;
    }
    .ibm_right{
        margin-top: 10px;
    }
    .ibm_left div a {
        font-size: 16px;
        padding: 72px 0 12px;
    }
    .ibm_left div a img.ibm_img1 {
        top: 28px;
        left: 42%;
    }
    .ibm_left div a img.ibm_img2 {
        top: 26px;
        left: 44%;
    }
    .ibm_left div a img.ibm_img3 {
        top: 26px;
        left: 44%;
    }
    .ibm_left div a img.ibm_img4 {
        top: 26px;
        left: 43%;
    }
    .ibm_left div a img.ibm_img5 {
        top: 8px;
        left: 31%;
    }
    .ibmr_title{
        font-size: 12px;
    }
    .ibmr_title p{
        font-size: 16px;
    }
    .ibmr_list_top p{
        width: 20%;
        font-size: 14px;
    }
    .ibmr_list_top p:last-child{
        width: 24%;
    }
    .ibmr_list_top p.ibmr_p{
        width: 34%;
    }
    .ibmr_list_bottom ul li{
        font-size: 12px;
        padding: 10px 0;
    }
    .ibmr_list_bottom ul li a{
        width: 34%;
    }
    .ibmr_list_bottom ul li p{
        width: 20%;
    }
    .ibmr_list_bottom ul li span{
        width: 20%;
    }
    .ibmr_list_bottom ul li span:last-child{
        width: 24%;
    }

}

/*body{
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: gray; 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  }*/