/* Index */
.bottomLine56::after{
    margin-top:20px;
    height:7px;
    width:75px;
    border:none;
    background:#d60000;
}

/* banner */
.banner{
    overflow:hidden;
    max-width:1920px;
    margin:0 auto;
}
.slideBox{
    border:none;
}
.slideBox .bd li{
    height:806px;
    background:url() no-repeat center ;
    background-size:1920px 806px;
    display:block;
    position:relative;
}
.slideBox .hd{
    left:50%;
    width:60%;
    margin-left:-30%;
    text-align: center;
    bottom:36px;
}
/*.slideBox .hd ul{
    display:inline;
}*/
.slideBox .hd span{
    height: 10px;
    margin: 0 7px;
    width: 10px;
    -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari 和 Chrome */
    border-radius: 10px;
    line-height:99em;
    display:inline-block;
background: #777;

    behavior:url(ie-css3.htc);
}
.slideBox .hd .on{
background: #fff;
}
.banner-title{
    position:absolute;
    top:275px;
    text-align:center;
    width:100%;
}
.banner-title p{
    text-align:center;
}
.banner-title .title{
    font-size:48px;
    color:#fff;
}
.banner-title .content{
    margin:20px 0;
    font-size:24px;
    color:#d2dce6;
}

.allinone_bannerRotator.universal .bottomNav{
    
    background:url(../images/banner_nav_bg.png) repeat;
    -moz-border-radius: 18px; /* Firefox */
  -webkit-border-radius: 18px; /* Safari 和 Chrome */
    border-radius:18px;

    behavior:url(ie-css3.htc);
}
.allinone_bannerRotator.universal .bottomNavButtonOFF{
    display: inline-block;
    height: 10px;
    line-height: 99em;
    width: 10px;
    background:url(../images/banner_nav.png) no-repeat left 0px;
    }
.allinone_bannerRotator.universal .bottomNavButtonON{
    background:url(../images/banner_nav.png) no-repeat left -20px;
    }

/* end banner */


.indexPage{}
.indexPage>.container{
    width:100%;
    max-width:none;
}
.indexPage .container-box>.container{
    margin:0 auto;
    max-width:1200px;
}
.container> .title-wrap{
    padding-top:44px;
    text-align:center;
}
.container>.title-wrap .title{
        font-size:40px;
    line-height:30px;
    color:#262626;
    font-weight:700;
    padding-bottom:10px;
}

/* content */

    .box-wrap2 {
        background: url('../images/index-wrap2-bg.jpg') no-repeat center;
        height: 894px;
    }
    .box-wrap2 >.container{
        position:relative;
    }
    .box-wrap2 >.container>.title-wrap{
        position:absolute;
        top:120px;
        width:100%;
    }
    .box-wrap2 .title-wrap>.title{
        text-align:center;
        font-size:44px;
        color:#fff;
    font-weight:700;
    }
    .box-wrap2 .title-wrap>p.title::after{
    position:absolute;
    margin-left: -38px;
    top: 100%;
    left: 50%;
    height:15px;
    width:76px;
    border-bottom:7px solid #d40404;
    content:" ";
    }
    .box-wrap2 .content{
        position:absolute;
        top:300px;
        width:100%;
        overflow:hidden;
    }
    #index-slider2 {
                            width: 100%;
                            overflow: hidden;
                        }

                            #index-slider2 .list-wrap {
                                width: 900px;
                                list-style: outside none none;
                            }

                        .slider-box {
                            width: 100%;
                        }

                        .item-wrap {
                            width: 1440px;
                            text-align: center;
                            float: left;
                        }

                        #index-slider2 .item {
                            display: inline-block;
                            width: 120px;
                            margin: 0 45px 40px;
                        }

                            #index-slider2 .item > .icon-wrap {
                                width: 120px;
                                height: 120px;
    -moz-border-radius:100%; /* Firefox */
  -webkit-border-radius: 100%; /* Safari 和 Chrome */
                                border-radius: 100%;
                                margin-bottom: 20px;
                                position: relative;
    behavior:url(ie-css3.htc);
                            }
                            
                            #index-slider2 .item > .icon-wrap img{
                                width: 120px;
                                height: 120px;
                            }

                            #index-slider2 .item > .title {
                                text-align: center;
                                font-size: 18px;
                                color: #fff;
                            }

                        .icon-wrap .icons {
                            top: 50%;
                            left: 50%;
                            position: absolute;
                        }

                        .c1-icon {
                            width: 144px;
                            height: 133px;
                            margin-left: -72px;
                            margin-top: -77px;
                            background-position: -400px -30px;
                        }

                        .c2-icon {
                            width: 124px;
                            height: 94px;
                            margin-left: -62px;
                            margin-top: -47px;
                            background-position: -273px -30px;
                        }

                        .c3-icon {
                            width: 165px;
                            height: 108px;
                            margin-left: -82px;
                            margin-top: -54px;
                            background-position: -108px -30px;
                        }

                        .c4-icon {
                            width: 108px;
                            height: 103px;
                            margin-left: -54px;
                            margin-top: -51px;
                            opacity: 0;
                            background-position: 0 -30px;
                        }


/* content */
.indexPage>.content-wrap{
    height:777px;
    background:url(../images/index_contentwrapBG.png) no-repeat repeat top center;
    box-sizing:border-box;
    padding:120px 0;
}
.indexPage .content-wrap> .container{
    max-width:1105px;
    position:relative;
}
.indexPage .content-wrap .img-box{
    margin-bottom:10px;
}
.indexPage .content-wrap .video-box{
    margin-bottom:10px;
}
.indexPage .content-wrap .content{
    margin-left:646px;
}
.indexPage .content-wrap .title-wrap>.title{
    font-size:30px;
    line-height:24px;
    color:#262626;
    font-weight:700;
    display:inline;
}
.indexPage .content-wrap .title-wrap>p{
    font-size:14px;
    line-height:26px;
    color:#888;
    font-weight:700;
}
.indexPage .content-wrap .bottomLine56{
    margin:10px 0;
}
.indexPage .content-wrap .bottomLine56::after{
    top:0;
    left:0;
    margin:0;
    height:7px;
    width:75px;
    border:none;
    background:#d60000;
}
.indexPage .content-wrap .text{
    font-size:14px;
    line-height:26px;
    color:#646464;
}
.indexPage .content-wrap .list-wrap .title-wrap>p{
    color:#fff;
}
.indexPage .content-wrap .list-wrap .title-wrap>.title{
    color:#fff;
}
.indexPage .content-wrap .list-wrap{
    position:absolute;
    width:460px;
}
.indexPage .content-wrap .list-wrap .item{
    display:block;
    margin-bottom:50px;
    color:#fff;
}
.indexPage .content-wrap .list-wrap .item_title{
    font-size:18px;
    line-height:30px;
    height:84px;
    overflow:hidden;
}
.indexPage .content-wrap .list-wrap .info{
    color:#aeaeae;
    font-size:14px;
    line-height:24px;
    overflow:hidden;
    padding-bottom:20px;
}
.indexPage .content-wrap .list-wrap .more{
    font-size:14px;
    line-height:30px;
    color:#fff;
}

/*视频*/
.indexPage > .video-wrap {
    height:779px;
    background:url(../images/index_video_bg.jpg) no-repeat center;
    position:relative;
}
.video-wrap .video_box {
    width:1106px;
    height:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-553px;
    margin-top:-300px;
}

/*case1*/
.case-wrap {
    height:777px;
    background:#1d1d1d;
}
 .case-wrap .title-wrap{
     height:182px;
     box-sizing:border-box;
     padding-top:80px;
}
 .case-wrap .title-wrap .title{
    color:#fff;
}
 .case-wrap .content{
     text-align:center;
 }
 .case-wrap .content>img{
     display:inline-block;
 }
 
 .case-wrap .content .text_box a{
     display: block;
    position: relative;
 }
 .case-wrap .content .text_box .bg{
     position:absolute;
     bottom:0;
     width:100%;
     height:50px;
     background:#000;
     opacity:.7;
     *zoom:1;
    filter: alpha(opacity=70);
 }
 .case-wrap .content .text_box .text{
     position:absolute;
     bottom:0;
     width:100%;
     font-size:20px;
     line-height:50px;
     color:#fff;
     text-align:center;
 }
 
/*case2*/
.case-wrap2{
    height:777px;
    background:url(../images/index_caseBG.jpg) no-repeat center;
    padding:200px 0;
    box-sizing:border-box;
}
.indexPage .case-wrap2> .container{
    max-width:1124px;
    position:relative;
}
 .case-wrap2 .title-wrap{
     height:200px;
     box-sizing:border-box;
     padding:0;
     position:absolute;
     text-align:left;
}
 .case-wrap2 .title-wrap .title{
     margin-bottom:100px;
}
 .case-wrap2 .title-wrap .title:after{
     left:0;
     margin-bottom:100px;
     margin-left:0;
}
 .case-wrap2 .title-wrap .info{
     margin-bottom:30px;
}
 .case-wrap2 .title-wrap .info>p{
     line-height:26px;
     font-size:14px;
}
 .case-wrap2 .title-wrap .red>p{
     color:#d40404;
}
 .case-wrap2 .title-wrap .more{
     color:#777;
}
 .case-wrap2 .content{
     margin-left:380px;
 }
 .case-wrap2 .content .item{
     width:180px;
     height:350px;
     overflow:hidden;
     margin-right:5px;
     position:relative;
     float:left;
 }
 .case-wrap2 .content .text-wrap{
     position:absolute;
     left:18px;
     bottom:23px;
     width:143px;
     height:38px;
     line-height:38px;
     text-align:center;
     font-size:20px;
     color:#fff;
     background:rgba(0,0,0,.4);
 }
 .case-wrap2 .content>img{
     display:inline-block;
 }
/*news*/
.indexPage > .news-wrap{
    height:777px;
    background:#1d1d1d;
}
.indexPage .news-wrap > .container{
    max-width:1100px;
    position:relative;
}
.news-wrap .title-wrap{
    padding:190px 40px 160px;
    position:absolute;
    left:0;
    width:402px;
    height:777px;
    box-sizing:border-box;
    background:#323232;
    text-align:left;
}
.news-wrap .title-wrap .title{
    color:#fff;
    margin-bottom:80px;
}
.news-wrap .title-wrap .title:after{
     left:0;
     margin-bottom:100px;
     margin-left:0;
}
.news-wrap .title-wrap .info{
     margin-bottom:30px;
}
.news-wrap .title-wrap .info>p{
     line-height:28px;
     font-size:16px;
     color:#fff;
}
.news-wrap .content{
    margin-left:402px;
}
.news-wrap .content .list-wrap{
    padding:190px 50px 160px;
}
.news-wrap .content .item{
    display:block;
    min-height:100px;
    margin-bottom:60px;
}
.news-wrap .content .title{
    margin-bottom:25px;
    font-size:16px;
    color:#fff;
}
.news-wrap .content .info{
    font-size:15px;
    line-height:2;
    color:#777;
}

/*cooperation*/
.cooperation-wrap{
    background:#fff;
    height:390px;
}
.cooperation-wrap .title-wrap{
    padding-top:70px;
    background:#fff;
    height:180px;
    box-sizing:border-box;
}
.cooperation-wrap .title-wrap .title:after{

}
    .cooperation-wrap .content .list-wrap {
        width: 100%;
    }
    .cooperation-wrap .content .row {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom:30px;
		height:50px;

    }
    .cooperation-wrap .content .item {
        width: 20%;
        height:50px;
        text-align: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        box-flex: 1;
        flex: 1;
		float:left;
        position:relative;
        vertical-align:middle;

    }
        .cooperation-wrap .content .item > img {
            display:block;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }


        .swiper-container{

        }
        .pagination_box{
            bottom: 32px;
            left:0;
            width:100%;
            position: absolute;
            z-index: 20;
            text-align:center;
        }
        .pagination{
            display:inline-block;
            background: rgba(0, 0, 0, 0) url("../images/banner_nav_bg.png") repeat scroll 0 0;
    border-radius: 18px;
    padding-bottom: 7px;
    padding-left:9px;
        }

        .swiper-pagination-switch {
            background: rgba(0, 0, 0, 0) url("../images/banner_nav.png") no-repeat scroll left 0;
    display: block;
    height: 10px;
    line-height: 99em;
    width: 10px;
    float:left;
    margin-top: 7px;
    padding-right:9px;

        }

        .swiper-active-switch {
            background: rgba(0, 0, 0, 0) url("../images/banner_nav.png") no-repeat scroll left -20px;
        }


#header .container {
    max-width: 1920px;
    width: 100%;
}
#header .top {
    width: 1020px;
    margin:0 auto;

}
#manu .hd {
    width: 1020px;
    margin:0 auto;
    border:none;
}
.manu_hd_BG{
    background: #ebebeb none repeat scroll 0 0;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 5px;
}
#manu .sub2{
    width:980px;
    margin:0 auto;
}
#manu .homeLink{
    width:auto;
}
#index-slider2 .prev,#index-slider2 .next{
    height:70px;
    opacity:1;
}

#slideBox .arrow-left {
  background: url(../images/arrows_left.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 77px;
  height: 118px;
}
#slideBox .arrow-right {
  background: url(../images/arrows_right.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 77px;
  height: 118px;
}