﻿.banner {
    clear: both;
    width: 100%;
    background-color: #9f0110;
    height: 680px;
    position: relative;
    overflow: hidden;
    margin-top: 70px
}

.banner .DB_bgSet {
    position: relative
}

.banner .DB_bgSet li {
    position: absolute;
    width: 100%;
    height: 680px;
    display: none
}

.banner .DB_imgSet {
    position: absolute;
    width: 1100px;
    top: 0;
    left: 50%;
    margin-left: -550px
}

.DB_imgSet li {
    display: none
}

.banner .DB_imgSet .DB_1_1 {
    position: absolute;
    left: -410px;
    top: 0
}

.banner .DB_imgSet .DB_1_2 {
    position: absolute;
    left: -412px;
    top: 108px
}

.banner .DB_imgSet .DB_1_3 {
    position: absolute;
    left: 700px;
    top: 108px
}

.banner .DB_imgSet .DB_1_4 {
    position: absolute;
    left: 264px;
    top: 56px
}

.banner .DB_imgSet .DB_2_1 {
    position: absolute;
    left: -410px;
    top: 0
}

.banner .DB_imgSet .DB_2_2 {
    position: absolute;
    left: 0;
    top: 66px
}

.banner .DB_imgSet .DB_2_3 {
    position: absolute;
    left: -10px;
    top: 310px
}

.banner .DB_imgSet .DB_3_1 {
    position: absolute;
    left: -410px;
    top: 0
}

.banner .DB_imgSet .DB_3_2 {
    position: absolute;
    left: 550px;
    top: 188px
}

.banner .DB_imgSet .DB_3_3 {
    position: absolute;
    left: 550px;
    top: 280px
}

.banner .DB_imgSet .DB_4_1 {
    position: absolute;
    left: -410px;
    top: 0
}

.banner .DB_imgSet .DB_4_2 {
    position: absolute;
    left: 0;
    top: 111px
}

.banner .DB_imgSet .DB_4_3 {
    position: absolute;
    left: 0;
    top: 341px
}

.banner .DB_imgSet .DB_4_4 {
    position: absolute;
    left: 633px;
    top: 74px
}

.banner .DB_imgSet .DB_5_1 {
    position: absolute;
    left: -410px;
    top: 0
}

.banner .DB_imgSet .DB_5_2 {
    position: absolute;
    left: -410px;
    top: 0;
    z-index: 2
}

.banner .DB_imgSet .DB_5_3 {
    position: absolute;
    left: -410px;
    top: 0;
    z-index: 1
}

.banner .DB_imgSet .DB_5_4 {
    position: absolute;
    left: -410px;
    top: 0;
    z-index: 4
}

.banner .DB_imgSet .DB_5_5 {
    position: absolute;
    left: -410px;
    top: 0;
    z-index: 5
}

.banner .DB_menuWrap .DB_menuSet {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -137.5px;
    width: 275px;
    height: 40px;
    font-size: 0
}

.banner .DB_menuWrap .DB_menuSet li {
    cursor: pointer;
    float: left;
    background: url(../images/banner_indac.png) repeat;
    width: 40px;
    height: 4px;
    margin-right: 15px
}

.banner .DB_menuWrap .DB_menuSet li.select {
    background: url(../images/banner_indho.png) repeat
}

.banner .DB_prev {
    position: absolute;
    left: -100px;
    top: 120px;
    cursor: pointer;
    display: none
}

.banner .DB_next {
    position: absolute;
    right: -100px;
    top: 120px;
    cursor: pointer;
    display: none
}

#warp {
    width: 100%;
    height: auto;
    overflow: hidden
}

.floor1 {
    width: 100%;
    height: 702px;
    background-color: #e4e4e4
}

.floor-content {
    padding-top: 50px;
    height: 330px
}

.floor-content1 {
    display: none;
    width: 1120px;
    height: 330px;
    margin: 0 auto
}

.floor-content3 li {
    float: left;
    position: relative;
    background-color: #FFF;
    width: 255px;
    height: 330px;
    margin: 0 13px 0 12px;
    overflow: hidden;
    display: inline
}

.business_ho {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/business_ho.jpg) no-repeat;
    width: 255px;
    height: 330px;
    display: none
}

.business_icon {
    position: absolute;
    top: 48px;
    z-index: 10;
    width: 122px;
    height: 122px
}

.business_icon1 {
    right: 66px
}

.business_icon2 {
    left: -122px
}

.business_text {
    position: absolute;
    top: 206px;
    z-index: 10;
    width: 220px
}

.business_text1 {
    left: 18px
}

.business_text2 {
    right: -220px
}

.business_title {
    text-align: center
}

.business_title a {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: bold
}

.business_intro {
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    padding-top: 10px;
    text-align: center
}

.floor-content3 {
    width: 1120px;
    margin: 0 auto
}

.floor-content3 ul {
    width: 1120px
}

.box-b {
    bottom: -630px
}

.floor_on .business_title a {
    color: #FFF
}

.floor_on .business_intro {
    color: #ff6e79
}

.floor2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
}

.floor2 .top_en,
.floor3 .top_en {
    color: #5c5c5c
}

.floor3 .top_cn span {
    color: #FFF
}

.floor3 {
    width: 100%;
    height: 614px;
    background-color: #222
}

.priorities {
    padding-top: 60px;
    width: 100%;
    background-size: cover
}

.priorities h2 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px;
    font-weight: normal
}

.num_wrap {
    text-align: center
}

.num_box {
    display: inline-block;
    margin: 0 18px
}

.num {
    font-family: Impact;
    color: #FFF;
    font-size: 100px;
    width: 190px;
    height: 190px;
    line-height: 190px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 2
}

.num_li {
    position: relative
}

.num_bg {
    position: absolute;
    z-index: 1;
    width: 190px;
    height: 190px;
    border-radius: 8px;
    left: 0;
    top: 0;
    background: #c70c1f
}

.num_li h3 {
    font-size: 16px;
    color: #fff;
    font-weight: normal
}

.num_line {
    display: block;
    position: absolute;
    top: 93px;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 4px;
    background-color: #c70c1f
}

.floor4 {
    height: 634px;
    padding-bottom: 110px
}

.client_table {
    width: 1100px;
    margin: 0 auto
}

.client h1{display:inline-block;color:#333;font-size:14px;font-weight:normal;}
.client h1 strong{font-weight:normal;}

.client {
    padding: 32px 0 4px;
    color: #333;
    font-size: 14px
}

.client_more {
    display: block;
    background: url(../images/client_more.jpg) no-repeat;
    width: 217px;
    height: 128px
}

a:hover .client_more {
    background: url(../images/client_moreho.jpg) no-repeat
}

.floor6 {
    width: 100%;
    height: 704px;
    background-color: #e4e4e4
}

.blog {
    width: 1100px;
    margin: 0 auto
}

.blog_l {
    width: 340px;
    height: 314px;
    background-color: #FFF
}

.blog_r {
    width: 724px;
    height: 314px
}

.blog_sel {
    height: 40px;
    line-height: 40px;
    padding-bottom: 28px;
    text-align: center
}

.blog_sel a {
    color: #333;
    font-size: 16px;
    width: auto;
    padding: 0 33px
}

.blog_sel a.blog_on {
    color: #d3001e;
    background: url(../images/blog_cur.jpg) no-repeat bottom;
    padding-bottom: 16px
}

.blog_img {
    position: relative;
    width: 340px;
    height: 104px
}

.blog_img img {
    display: block;
    width: 340px;
    height: 104px
}

.blog_infor {
    padding: 16px 12px 0 12px
}

.blog_title a,
.blog_Rmore b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blog_title a {
    color: #d3001e;
    font-size: 16px;
    font-weight: bold;
    display: block
}

.blog_intro {
    color: #818181;
    line-height: 26px;
    height: 104px;
    overflow: hidden;
    padding-top: 6px;
    margin-bottom: 6px
}

.blog_wel span {
    font-family: Arial;
    color: #666;
    padding-left: 20px;
    margin-right: 40px
}

.blog_wel1 {
    background: url(../images/blog_icon1.png) no-repeat left
}

.blog_wel2 {
    background: url(../images/blog_icon2.png) no-repeat left
}

.blog_list ul {
    width: 756px
}

.blog_list li {
    float: left;
    margin: 0 34px 22px 0;
    display: inline;
    background-color: #FFF;
    position: relative;
    width: 344px;
    height: 90px
}

.blog_list li a {
    display: block;
    width: 298px;
    height: 58px;
    padding: 14px 24px 14px 18px;
    border: 2px solid #FFF
}

.blog_list li a span {
    display: block;
    cursor: pointer
}

.blog_Rtime {
    width: 58px;
    height: 48px;
    padding-top: 10px;
    background-color: #969393;
    text-align: center
}

.blog_Rtime em,
.blog_Rtime b {
    display: block;
    font-family: Arial;
    color: #FFF
}

.blog_Rtime b {
    font-size: 24px
}

.blog_Rtime em {
    font-style: normal
}

.blog_Rmore {
    width: 230px
}

.blog_Rmore b {
    color: #333;
    display: block;
    width: 230px;
    height: 24px
}

.blog_Rmore span {
    line-height: 18px;
    height: 36px;
    overflow: hidden
}

.blog_list li a .blog_more {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/blog_mbd.jpg) no-repeat;
    width: 12px;
    height: 12px;
    display: none
}

.blog_list li a:hover {
    border: 2px solid #d3001e
}

.blog_list li a:hover .blog_more {
    display: block
}

.blog_list li a:hover .blog_Rtime {
    background-color: #c70c1f
}

.blog_list li a:hover .blog_Rmore b {
    color: #c70c1f
}

.blog_infTop {
    height: auto;
    overflow: hidden;
    padding-bottom: 4px
}

.blog_time {
    width: 72px;
    height: 68px;
    background-color: #c70c1f;
    z-index: 10
}

.blog_time span {
    display: block;
    font-family: Arial;
    color: #FFF;
    width: 72px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.blog_y {
    font-size: 30px
}

.blog_day {
    background-color: #a80011
}

.blog_infR {
    width: 230px
}

.blog_title {
    padding: 6px 0 8px
}

.blog_infR .blog_title a {
    display: block;
    height: 24px
}

.floor7 {
    position: relative;
    width: 100%;
    height: 568px
}

.floor7 .top_cn span {
    color: #FFF;
    font-size: 36px
}

.contact_ask {
    padding: 35px 0 60px;
    color: #6f6f6f;
    font-size: 14px
}

.floor_img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
    width: 1920px;
    height: 568px
}

.floor_7Limg,
.floor_7Rimg {
    width: 960px;
    height: 568px
}

.float {
    position: fixed;
    top: 200px;
    left: 10px;
    z-index: 6666;
    background: url(../images/float_bd.png) no-repeat left top;
    padding-left: 4px;
    width: auto;
    height: 318px;
    padding-top: 16px
}

.float_list li {
    width: auto;
    height: 30px;
    line-height: 30px;
    background: url(../images/float_iconac.png) no-repeat left;
    margin-bottom: 9px
}

.float_list li a {
    display: block;
    color: #FFF;
    font-size: 14px;
    width: 30px;
    height: 30px;
    background-color: #000;
    opacity: .7;
    margin-left: 15px;
    border-radius: 15px;
    text-align: center
}

.float_list li.floag_on {
    background: url(../images/float_icon.png) no-repeat left
}

/*.index-banner{height:810px;background:#fff;position:relative;overflow:hidden;margin:70px 0 0}.index-banner .swiper-container{height:100%}.index-banner .swiper-slide{position:relative;visibility:hidden}.index-banner .swiper-slide.swiper-slide-active{visibility:visible;z-index:5}.index-banner .iBnr-bg1,.index-banner .iBnr-bg2,.index-banner .iBnr-con{width:100%;height:100%;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;position:absolute;top:0;left:0}.index-banner .iBnr-bg2{z-index:2}.index-banner .iBnr-con{z-index:3}.index-banner .swiper-pagination{width:100%;text-align:center;font-size:0;position:absolute;left:0;bottom:36px;z-index:2}.index-banner .swiper-pagination .swiper-pagination-switch{display:inline-block;width:38px;height:2px;border:1px solid #fff;opacity:.6;filter:alpha(opacity=60);margin:0 8px 0 7px;cursor:pointer;position:relative;overflow:hidden}.index-banner .swiper-pagination .swiper-pagination-switch i{display:block;width:100%;height:100%;background:#fff;position:absolute;left:0;top:0}.iBnr-2 .iBnr-bg2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out}.iBnr-2 .iBnr-con.con1,.iBnr-2 .iBnr-con.con2{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out}.iBnr-3 .iBnr-bg2,.iBnr-4 .iBnr-bg2,.iBnr-4 .iBnr-con.con1,.iBnr-4 .iBnr-con.con2{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2{transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out}.iBnr-2 .iBnr-con.con1,.iBnr-3 .iBnr-bg2,.iBnr-4 .iBnr-bg2{transition-delay:.4s;-webkit-transition-delay:.4s}.iBnr-2 .iBnr-con.con2,.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2{transition-delay:.6s;-webkit-transition-delay:.6s}.iBnr-4 .iBnr-con.con1{transition-delay:.8s;-webkit-transition-delay:.8s}.iBnr-4 .iBnr-con.con2{transition-delay:1s;-webkit-transition-delay:1s}.iBnr-2 .iBnr-bg2,.iBnr-2 .iBnr-con.con1,.iBnr-3 .iBnr-bg2,.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2,.iBnr-4 .iBnr-bg2,.iBnr-4 .iBnr-con.con1,.iBnr-4 .iBnr-con.con2{opacity:0}
.iBnr-2 .iBnr-con.con1{top:-50px}.iBnr-3 .iBnr-con.con3{top:-480px}.iBnr-2 .iBnr-con.con2{top:300px}.iBnr-3 .iBnr-bg2{top:680px}.iBnr-4 .iBnr-bg2{left:-50px}.iBnr-4 .iBnr-con.con1{transform:translateX(-100px);-webkit-transform:translateX(-100px)}.iBnr-3 .iBnr-con.con1{transform:translateX(-800px);-webkit-transform:translateX(-800px)}.iBnr-3 .iBnr-con.con2{transform:translateX(800px);-webkit-transform:translateX(800px)}.iBnr-4 .iBnr-con.con2{transform:translate(50px,-30px);-webkit-transform:translate(50px,-30px)}.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-bg2{opacity:1}.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-con.con1,.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-bg2,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con3{opacity:1;top:0}.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con1,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-con.con1{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-bg2{opacity:1;left:0}.iBnr-loading{width:100%;height:100%;background:#fff url(../images/loading.gif) no-repeat center center;position:absolute;top:0;left:0;z-index:10}.iBnr-video{width:100%;height:100%}*/

#floor1 .floor-content {
    padding: 0px;
}

#floor1 .client a {
    color: #333;
}

#floor3 .priorities {
    padding: 10px 0 0;
}

#floor3 .client {
    color: #fff;
}



/*Banner*/
.index-banner {
    position: relative;
    overflow: hidden;
    /*margin: 70px 0 0;*/
}

.index-banner,
.index-banner .iBnr-wrap {
    height: 680px;
}

.index-banner .iBnr-wrap {
    position: relative;
    overflow: hidden;
}

.iBnr-wrap .iBnr-bg,
.iBnr-wrap .iBnr-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.iBnr-wrap .iBnr-bg,
.iBnr-wrap .iBnr-con {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.iBnr-wrap .iBnr-con {
    z-index: 2;
}

.index-banner .swiper-pagination {
    width: 100%;
    text-align: center;
    font-size: 0px;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 2px;
    border-radius: 0px;
    background: #3a333f;
    opacity: 1;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
}

.index-banner .swiper-pagination .swiper-pagination-bullet i {
    display: block;
    width: 100%;
    height: 100%;
    background:#ffffff;
    position: absolute;
    left: -100%;
    top: 0px;
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active {}


/*animate*/

.iBnr-2 .iBnr-bg {
    transition: all .6s linear;
    -webkit-transition: all .6s linear;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.iBnr-1 .iBnr-con,
.iBnr-2 .iBnr-con,
.iBnr-4 .iBnr-con {
    transition: all .6s ease-in-out .2s;
    -webkit-transition: all .6s ease-in-out .2s;
    opacity: 0;
}

.iBnr-1 .c1,
.iBnr-1 .c3,
.iBnr-2 .c1,
.iBnr-4 .c2 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}

.iBnr-2 .c2 {
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.iBnr-2 .c3 {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.iBnr-2 .c4,
.iBnr-2 .c5,
.iBnr-2 .c6 {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.iBnr-1 .c1,
.iBnr-1 .c2 {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}

.iBnr-1 .c3,
.iBnr-2 .iBnr-con {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
}

/*.iBnr-3 .c1{transform:scale(.8);-webkit-transform:scale(.8);opacity:.7;}*/

.iBnr-4 .c1,
.iBnr-4 .c2 {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
}


.swiper-slide.swiper-slide-active .iBnr-1 .iBnr-con,
.swiper-slide.swiper-slide-active .iBnr-2 .iBnr-bg,
.swiper-slide.swiper-slide-active .iBnr-2 .iBnr-con,
.swiper-slide.swiper-slide-active .iBnr-3 .iBnr-con,
.swiper-slide.swiper-slide-active .iBnr-4 .iBnr-con {
    transform: scale(1) translate(0px, 0px) !important;
    -webkit-transform: scale(1) translate(0px, 0px) !important;
    opacity: 1;
}