/*banner*/

.bank {
    display: block;
    width: 100%;
    position: relative;
    height: 791px;
    z-index: 0;
}

.slide-main {
    height: 791px;
    position: relative;
}

.prev,
.next {
    display: block;
    width: 40px;
    height: 95px;
    position: absolute;
    z-index: 222;
    top: 50%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    _border: 1px solid none;
}

.prev {
    left: 0px;
    background: #333333 url('../i/prevArrow.png') no-repeat center center;
    background-size: 20px 32px;
}

.next {
    right: 0px;
    background: #333333 url('../i/nextArrow.png') no-repeat center center;
    background-size: 20px 32px;
}

.prev:hover,
.next:hover,
.nav-main a:hover,
.nav-main a.cur {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.item {
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    z-index: 124;
    bottom: 70px;
    left: 0;
    text-align: center;
}

.item table {
    margin: 0 auto;
}

.item a {
    display: inline-block;
    width: 14px !important;
    height: 14px;
    float: left !important;
    padding: 0 !important;
    left: 0;
    border: 1px solid #908a95;
    background: none;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 7px;
}

.item a.cur {
    background: url(../images/band1.png) center center no-repeat;
    background: #ffffff;
    border: 1px solid #ffffff;
}

.slide-box,
.slide {
    display: block;
    width: 100%;
    height: 791px;
    overflow: hidden;
}

.slide-box {
    position: relative;
}

.slide {
    display: none;
    height: 791px;
    background: #fff;
    position: relative;
    position: absolute;
    z-index: 8;
}

#bgstylea {
    background: #ff6900;
}

#bgstyleb {
    background: #193d85;
}

#bgstylec {
    background: #000;
}

.slide>a {
    display: block;
    width: 100%;
    height: 791px;
}

.obj-a,
.obj-b,
.obj-c,
.obj-d,
.obj-e,
.obj-f,
.obj-d3,
.obj-e3,
.obj-f3,
.obj-d4,
.obj-e4,
.obj-f4 {
    position: absolute;
    display: block;
    width: 1186px;
    height: auto;
    z-index: 9;
    left: 50%;
    top: 0;
    margin-left: -593px;
}

.posImg2 {
    width: 1476px;
    margin-left: -758px;
}

.posImg3 {
    width: 1251px;
    margin-left: -355px;
}

.posImg5 {
    width: 568px;
    margin-left: 10px;
}

.posImg1 {
    width: 522px;
    margin-left: 150px;
}

/*.obj-a img,
.obj-b img,
.obj-c img,
.obj-d img,
.obj-e img,
.obj-f img {
	display: block;
	width: 1250px;
	height: 717px;
}*/

/*banner定位*/

.bantu1-1 {
    display: block;
    margin-top: 195px;
}

.bantu1-2 {
    display: block;
    margin-top: 411px;
}

.bantu1-3 {
    display: block;
    margin-top: 560px;
}

.banner1_title {
    height: 84px;
    line-height: 84px;
    text-align: center;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
}

.seeVedioBtn {
    display: block;
    width: 331px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 19.4px;
    color: #ffffff;
    background: rgba(241, 241, 241, 0.5);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0 auto;
}

.seeVedioBtn i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('../i/playIcon.png') no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 4px;
}

.banner2_title {
    font-size: 41.44px;
    color: #f9fafb;
    line-height: 83px;
    margin-top: 230px;
    padding-left: 75px;
}

.banner2_entitle {
    line-height: 48px;
    font-size: 37.07px;
    color: #fafbfc;
    padding-left: 75px;
    position: relative;
}

.banner2_entitle::after {
    content: '';
    width: 101px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    bottom: -32px;
    left: 75px;
}

.banner2_desc {
    line-height: 28px;
    font-size: 15.24px;
    color: #ffffff;
    padding-left: 75px;
    margin-top: 511px;
}

.banner4_title {
    line-height: 75px;
    font-size: 41px;
    color: #ffffff;
    margin-top: 130px;
    text-align: center;
}

.banner4_desc {
    line-height: 28px;
    font-size: 15px;
    color: #fefcfc;
    text-align: center;
    margin-top: 205px;
}

.bannerBg4_img {
    display: block;
    margin: 0 auto;
    margin-top: 233px;
}

.banner5_title {
    font-size: 41.36px;
    color: #f9fafb;
    line-height: 60px;
    margin-top: 230px;
    padding-left: 75px;
}

.banner5_entitle {
    line-height: 87px;
    font-size: 37.07px;
    color: #fafbfc;
    padding-left: 75px;
    position: relative;
}

.banner5_entitle::after {
    content: '';
    width: 101px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    bottom: 0px;
    left: 75px;
}

.banner5_desc {
    line-height: 28px;
    font-size: 15.24px;
    color: #ffffff;
    padding-left: 75px;
    margin-top: 70px;
}

.bantu2-1 {
    display: block;
    margin-top: 188px;
}

.bantu2-2 {
    display: block;
    margin-top: 355px;
}

.bantu2-3 {
    display: block;
    margin-top: 445px;
}

.bantu3-1 {
    display: block;
    margin-top: 144px;
}

.bantu3-2 {
    display: block;
    margin-top: 322px;
}

.bantu3-3 {
    display: block;
    margin-top: 445px;
}

.bantu4-1 {
    display: block;
    margin-top: 228px;
}

.bantu4-2 {
    display: block;
    margin-top: 304px;
}

.bantu4-3 {
    display: block;
    margin-top: 406px;
}

/*第一张*/

.banAnimate .obj-b {
    display: block;
    animation-name: saAni;
    -webkit-animation: saAni 0.4s linear 0.1s normal none;
    -moz-animation: saAni 0.4s linear 0.1s normal none;
    animation: saAni 0.4s linear 0.1s normal none;
}

@-webkit-keyframes saAni {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
    }
}

@-moz-keyframes saAni {
    0% {
        opacity: 0;
        -moz-transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1, 1);
    }
}

@keyframes saAni {
    0% {
        opacity: 0;
        transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.banAnimate .obj-c {
    display: block;
    animation-name: saAnibc;
    -webkit-animation: saAnibc 0.4s linear 0.5s normal both;
    -moz-animation: saAnibc 0.4s linear 0.5s normal both;
    animation: saAnibc 0.4s linear 0.5s normal both;
}

@-webkit-keyframes saAnibc {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.7);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes saAnibc {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.7);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes saAnibc {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.7);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

/*第二张*/

.banAnimate .obj-d,
.banAnimate .obj-e,
.banAnimate .obj-f {
    display: block;
    animation-name: scode;
    -webkit-animation: scode 0.4s linear normal both;
    -moz-animation: scode 0.4s linear normal both;
    animation: scode 0.4s linear normal both;
}

.banAnimate .obj-d {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.banAnimate .obj-e {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.banAnimate .obj-f {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes scode {
    0% {
        opacity: 0;
        transform: translate(-200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-moz-keyframes scode {
    0% {
        opacity: 0;
        transform: translate(-200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes scode {
    0% {
        opacity: 0;
        transform: translate(-200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/*第三张*/

.banAnimate .obj-d3,
.banAnimate .obj-e3,
.banAnimate .obj-f3 {
    display: block;
    animation-name: scode3;
    -webkit-animation: scode3 0.4s linear normal both;
    -moz-animation: scode3 0.4s linear normal both;
    animation: scode3 0.4s linear normal both;
}

.banAnimate .obj-d3 {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.banAnimate .obj-e3 {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.banAnimate .obj-f3 {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes scode3 {
    0% {
        opacity: 0;
        transform: translate(0, 200px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-moz-keyframes scode3 {
    0% {
        opacity: 0;
        transform: translate(0, 200px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes scode3 {
    0% {
        opacity: 0;
        transform: translate(0, 200px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/*第四张*/

.banAnimate .obj-d4,
.banAnimate .obj-e4,
.banAnimate .obj-f4 {
    display: block;
    animation-name: scode4;
    -webkit-animation: scode4 0.4s linear normal both;
    -moz-animation: scode4 0.4s linear normal both;
    animation: scode4 0.4s linear normal both;
}

.banAnimate .obj-d4 {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.banAnimate .obj-e4 {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.banAnimate .obj-f4 {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes scode4 {
    0% {
        opacity: 0;
        transform: translate(200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-moz-keyframes scode4 {
    0% {
        opacity: 0;
        transform: translate(200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes scode4 {
    0% {
        opacity: 0;
        transform: translate(200px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/*产品中心*/

.in-nrk {
    display: block;
    position: relative;
    background: #FFFFFF;
    z-index: 2;
}

.in-cpdti {
    display: block;
    background: url(../images/cp-x.png) center center no-repeat;
    line-height: 42px;
    font-size: 30px;
    color: #000;
}

.in-cpdti span {
    font-size: 36px;
    color: #3955bd;
}

.in-cpdti-en {
    font-family: arial;
    line-height: 18px;
    font-size: 14px;
    color: #8d8d8d;
}

.in-cpdti-j {
    padding-top: 11px;
    margin-bottom: 40px;
    line-height: 26px;
    font-size: 16px;
    color: #8d8d8d;
}

.in-cpbg {
    display: block;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    padding-top: 36px;
    padding-bottom: 36px;
    margin-top: -7px;
}

.in-cplist {
    display: block;
    overflow: hidden;
    margin-left: -12px;
}

.in-cplist dd {
    display: block;
    float: left;
    padding-left: 12px;
    width: 20%;
    margin-bottom: 32px;
}

.in-cplist dd a {
    display: block;
    height: 384px;
    overflow: hidden;
    background: #fff;
    padding: 13px 14px;
}

.in-cptu {
    display: block;
    width: 100%;
    height: 240px;
    position: relative;
    margin: 0 auto 4px;
    background-size: 190px 190px !important;
}

.in-cptu img {
    display: block;
    max-width: 100%;
}

.in-cptuk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/in-cptuk.png) center center no-repeat;
    background-size: cover !important;
}

.in-cptu0 {
    display: block;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    top: 5%;
    left: 5%;
}

.in-cp-m {
    display: block;
    position: relative;
    z-index: 6;
    text-align: center;
    margin-bottom: 12px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
}

.in-cp-j {
    display: block;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #707070;
}

.in-cplist dd:hover a {
    background: #3955bd;
}

.in-cplist dd:hover .in-cptu0 {
    background-size: 110% auto !important;
}

.in-cplist dd:hover .in-cptuk {
    background: url(../images/in-cptuk2.png) center center no-repeat;
    /*transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);*/
}

.in-cplist dd:hover .in-cp-m {
    color: #FFFFFF;
}

.in-cplist dd:hover .in-cp-j {
    color: #b4c0ec;
}

.qiej {
    display: block;
    width: 44px;
    height: 44px;
    position: relative;
    z-index: 6;
    margin: -44px auto 0;
}

.qiej a {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/qiej3.png) center center no-repeat;
}

.qiej a:hover {
    background: url(../images/qiej30.png) center center no-repeat;
}

.main_visual-cp {
    height: 465px;
    overflow: hidden;
    position: relative;
}

.main_image-cp {
    height: 465px;
    overflow: hidden;
    position: relative;
}

.main_image-cp ul {
    width: 9999px;
    height: 465px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image-cp li {
    float: left;
    width: 100%;
    height: 416px;
}

div.flicking_con-cp {
    position: absolute;
    top: 360px;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

div.flicking_con-cp a {
    float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url('../images/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px
}

div.flicking_con-cp a.on {
    background-position: 0 -21px
}

#btn_prev-cp,
#btn_next-cp {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 44px !important;
    height: 44px !important;
    bottom: 0;
    display: block;
}

#btn_prev-cp {
    background: url(../images/qiej1.png) no-repeat left top;
    left: 50%;
    margin-left: -78px;
}

#btn_prev-cp:hover {
    background: url(../images/qiej10.png) no-repeat left top;
}

#btn_next-cp {
    background: url(../images/qiej2.png) no-repeat right top;
    left: 50%;
    margin-left: 34px;
}

#btn_next-cp:hover {
    background: url(../images/qiej20.png) no-repeat left top;
}

/*创新方案*/

.cxfak {
    display: block;
    padding: 35px 0 50px;
    overflow: hidden;
    background: #FFFFFF;
    position: relative;
    z-index: 2;
}

.cxk,
.fak {
    display: block;
    float: left;
    width: 50%;
}

.cxk {
    padding-right: 14px;
}

.fak {
    padding-left: 14px;
}

.in-cxdti {
    background: none;
}

/*创新*/

.in-cxnk {
    display: block;
    margin-top: 17px;
    height: 477px;
    padding: 46px 40px;
    background: url(../images/in-cxbg.jpg) center center no-repeat;
    background-size: cover !important;
}

.cxjsk {
    display: block;
    padding: 50px 38px 0;
}

.cx-kan {
    display: block;
    width: 140px;
    height: 32px;
    margin-top: 50px;
    text-align: center;
    border: 1px solid #3955bd;
    border-radius: 16px;
    line-height: 30px;
    font-size: 14px;
    color: #3955bd;
}

.cx-kan:hover {
    background: #3955bd;
    color: #FFFFFF;
}

.in-cxfl {
    overflow: hidden;
    margin-left: -12px;
}

.in-cxfl li {
    display: block;
    float: left;
    width: 120px;
    height: 32px;
    margin-bottom: 8px;
    margin-left: 12px;
    border: 1px solid #b7b7b7;
    border-radius: 16px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.in-cxfl li.on,
.in-cxfl li.hit-cx,
.in-cxfl li:hover {
    border: 1px solid #3955bd;
    background: #3955bd;
    color: #FFFFFF;
}

.cxjsk:hover .shu14 {
    text-indent: 2em;
}

/*创新切换*/

.pane-cx {
    min-height: 100px;
    display: none;
}

/*方案*/

.in-fank {
    display: block;
    margin-top: 17px;
    height: 477px;
    position: relative;
}

.qiej1,
.qiej2 {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 45px;
}

.qiej1 {
    right: 88px;
}

.qiej2 {
    right: 35px;
}

.in-fakbg {
    display: block;
    position: absolute;
    width: 334px;
    height: 324px;
    padding: 32px 32px 0;
    z-index: 3;
    bottom: 40px;
    right: 40px;
    background: url(../images/fantbg.png) center center no-repeat;
}

.in-fakbg-ti {
    display: block;
    margin-bottom: 17px;
    line-height: 36px;
    font-size: 20px;
    color: #000;
}

.in-fakbg-j {
    display: block;
    line-height: 28px;
    font-size: 14px;
    color: #696969;
}

/*方案*/

.main_visual-fa {
    height: 494px;
    overflow: hidden;
    position: relative;
}

.main_image-fa {
    height: 494px;
    overflow: hidden;
    position: relative;
}

.main_image-fa ul {
    width: 9999px;
    height: 494px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image-fa li {
    float: left;
    width: 100%;
    height: 494px;
}

div.flicking_con-fa {
    position: absolute;
    top: 360px;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

div.flicking_con-fa a {
    float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -1000px
}

div.flicking_con-fa a.on {
    background-position: 0 -21px
}

#btn_prev-fa,
#btn_next-fa {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 44px !important;
    height: 44px !important;
    bottom: 84px;
    display: block;
}

#btn_prev-fa {
    background: url(../images/qiej1.png) no-repeat left top;
    right: 125px;
}

#btn_next-fa {
    background: url(../images/qiej2.png) no-repeat right top;
    right: 70px;
}

#btn_prev-fa:hover {
    background: url(../images/qiej10.png) no-repeat left top;
}

#btn_next-fa:hover {
    background: url(../images/qiej20.png) no-repeat right top;
}

/*æ–°é—»*/

.in-nebg {
    display: block;
    padding: 44px 0 60px;
    position: relative;
    z-index: 4;
    background: url(../images/in-nebg.jpg) center center no-repeat;
    background-size: cover !important;
    background-attachment: fixed;
    overflow: hidden;
}

.in-xwdti {
    color: #FFFFFF;
    background: url(../images/cp-x1.png) center center no-repeat;
}

.in-xwdti span {
    color: #FFFFFF;
}

.in-nek {
    display: block;
}

.in-nelist {
    display: block;
    float: left;
    width: 58%;
}

.in-nelist li {
    display: block;
    background: #FFFFFF;
    padding: 30px 38px 24px;
    height: 160px;
    margin-bottom: 5px;
}

.in-nedak {
    display: block;
    width: 180px;
    height: auto;
    float: right;
    padding-left: 50px;
    border-left: 1px solid #ededed;
}

.in-neda1 {
    display: block;
    margin-bottom: 6px;
    line-height: 32px;
    font-size: 20px;
    color: #8c8c8c;
}

.in-neda2 {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #8c8c8c;
}

.in-nej {
    display: block;
    clear: both;
    float: right;
}

.in-nenk {
    display: block;
    margin-right: 180px;
    padding-right: 68px;
}

.in-nen-ti {
    display: block;
    margin-bottom: 12px;
    line-height: 34px;
    font-size: 18px;
    color: #000;
}

.in-nen-j {
    display: block;
    height: 56px;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    color: #8c8c8c;
}

.in-netui {
    display: block;
    float: right;
    width: 42%;
    padding-left: 5px;
}

.in-netuik {
    display: block;
    background: #FFFFFF;
    height: 490px;
}

.in-netu {
    display: block;
    position: relative;
    overflow: hidden;
}

.in-netu img {
    display: block;
    width: 100%;
}

.in-netui-ti {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
}

.in-netui-j {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #8c8c8c;
}

.in-netui-da {
    display: block;
    margin-top: -10px;
    margin-bottom: 17px;
    line-height: 20px;
    font-size: 14px;
    color: #8c8c8c;
}

.in-netui-dk {
    display: block;
    padding: 0 38px 38px;
    position: relative;
    z-index: 2;
}

.in-netkk {
    display: block;
    width: 301px;
    height: 31px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/in-netuxj.png) left center no-repeat;
}

.in-nelist li:hover .in-nen-ti,
.in-netuik:hover .in-netui-ti {
    text-indent: 6px;
    color: #263F99;
}

.in-nelist li:hover .in-nen-j,
.in-netuik:hover .in-netui-j {
    text-indent: 8px;
    color: #222;
}

.in-nelist li:hover .in-nej {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.in-netuik:hover .in-netu img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
    /* Opera */
    -moz-transform: scale(1.2);
}

/*about*/

.in-abk {
    display: block;
    padding: 45px 0 70px;
    overflow: hidden;
}

.in-ab-ti {
    display: block;
    width: 298px;
    margin: 0 auto 26px;
    text-align: center;
    line-height: 33px;
    font-size: 24px;
    background: -webkit-linear-gradient(left, #263f99, #eaae26);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #263f99;
}

.in-ab-j {
    display: block;
    text-align: center;
    margin-bottom: 54px;
    line-height: 33px;
    font-size: 14px;
    color: #7c7c7c;
}

.in-abtuk {
    display: block;
    margin-left: -20px;
}

.in-abtuk li {
    display: block;
    float: left;
    width: 25%;
    position: relative;
    padding-left: 20px;
    padding-bottom: 21px;
    overflow: hidden;
}

.in-abtk {
    display: block;
    position: relative;
    height: 235px;
    overflow: hidden;
}

.in-abtk-tu {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: cover !important;
}

.in-abtk-k {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/in-abtuk.png) center center no-repeat;
}

.in-ab-bkk {
    display: block;
    text-align: center;
    padding-top: 55px;
}

.in-ab-b {
    display: block;
    margin: 0 auto 25px;
}

.in-ab-enb {
    display: block;
    margin-bottom: 12px;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
}

.in-ab-cnb {
    display: block;
    margin-bottom: 16px;
    line-height: 18px;
    font-size: 16px;
    color: #fff;
}

.in-ab-xb {
    display: block;
    width: 32px;
    height: 1px;
    background: #FFFFFF;
    margin: 0 auto;
}

.xixi {
    display: block;
    position: absolute;
    width: 120px;
    height: 42px;
    left: 50%;
    margin-left: -50px;
    bottom: 40px;
    z-index: 0;
}

.in-abtuk li:hover .xixi {
    bottom: 0;
    z-index: 3;
}

.in-abtuk li:hover .in-abtk-k {
    background: url(../images/in-abtuk2.png) center center no-repeat;
}

.in-abtuk li:hover .in-ab-b {
    margin-bottom: 35px;
}

.in-abtuk li:hover .in-abtk-tu {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    /* IE 9 */
    -webkit-transform: scale(1.3);
    /* Safari 和 Chrome */
    -o-transform: scale(1.3);
    /* Opera */
    -moz-transform: scale(1.3);
}

/*合作伙伴*/

.in-hzbg {
    overflow: hidden;
    background: #f8f8f8;
    padding: 38px 0 60px;
}

.in-hzbk {
    display: block;
    padding-top: 40px;
    margin-left: -38px;
}

.in-hzbk li {
    display: block;
    width: 16.666%;
    float: left;
    padding-left: 38px;
    margin-bottom: 20px;
}

.in-hzbk li div {
    display: block;
    overflow: hidden;
}

.in-hzbk li img {
    display: block;
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.in-hzbk li:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

/*foot*/

.foot {
    display: block;
    background: #292929;
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    z-index: 4;
}

.footbg {
    display: block;
    background: #212121;
    overflow: hidden;
    position: relative;
    z-index: 4;
    text-align: center;
    padding: 10px 0;
    line-height: 26px;
    font-size: 14px;
    color: #888;
}

.footbg a,
.footbg a:visited {
    color: #888;
}

.ewmk {
    display: block;
    width: 136px;
    float: left;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #737373;
    text-align: center;
}

.ewmk img {
    display: block;
    margin: 0 auto 8px;
}

.ewm-tel {
    width: 665px;
    float: right;
}

.fo-tel0 {
    width: 350px;
    float: right;
}

.fo-tel1 {
    font-size: 14px;
    line-height: 18px;
    color: #bcbcbc;
}

.fo-tel2 {
    padding-top: 7px;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 18px;
    color: #bcbcbc;
}

.fo-tel3 {
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 30px;
    color: #ffffff;
}

.fo-tel3 img {
    display: block;
    float: left;
    margin-right: 8px;
}

.fo-tel4 {
    line-height: 24px;
    font-size: 14px;
    color: #737373;
}

.fo-tel4 img {
    display: block;
    float: left;
    margin-right: 8px;
}

.fo-nav {
    display: block;
    margin-right: 690px;
    margin-left: -70px;
}

.fo-nav li {
    width: 33%;
    float: left;
    border-right: 1px solid #353535;
    padding-left: 70px;
}

.fo-nav li p {
    display: block;
    margin-bottom: 17px;
    line-height: 24px;
    font-size: 16px;
    color: #e1e1e1;
}

.fo-nav li a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #888;
}

.fo-nav li a:hover {
    padding-left: 6px;
    color: #eee;
}

/*********************news**********************/

.nenk {
    display: block;
    padding: 55px 0 60px;
}

.ne-flk {
    display: block;
    overflow: hidden;
    margin-bottom: 35px;
}

.ne-flk table {
    margin: 0 auto;
}

.ne-flk a {
    display: block;
    float: left;
    padding: 0 34px;
    margin: 0 18px;
    border: 1px solid #fff;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
}

.ne-flk a.on,
.ne-flk a:hover {
    background: #fff;
    color: #3955bd;
}

.ne-tjk {
    display: block;
    background: #fff;
    padding: 30px 30px 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ne-tjtuk {
    display: block;
    float: left;
    width: 40%;
    height: 328px;
    overflow: hidden;
    position: relative;
}

.ne-tjtu {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.ne-tjtum {
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 44px;
    left: 0;
    bottom: 0;
    padding: 0 30px;
    background: url(../images/netjmbg.png) repeat;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ne-tjlk {
    display: block;
    float: left;
    width: 60%;
    padding-left: 38px;
}

.ne-tjlk li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding-bottom: 27px;
    margin-bottom: 27px;
}

.ne-tjl-ti {
    display: block;
    line-height: 28px;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ne-tjl-da {
    display: block;
    padding: 4px 0 6px;
    line-height: 28px;
    font-size: 14px;
    color: #8C8C8C;
}

.ne-tjl-m {
    display: block;
    line-height: 28px;
    font-size: 14px;
    color: #8C8C8C;
}

.nelb {
    display: block;
    overflow: hidden;
}

.nelb li {
    display: block;
    padding: 30px;
    margin-bottom: 20px;
    background: #FFFFFF;
    overflow: hidden;
}

.netu {
    display: block;
    float: left;
    width: 240px;
    height: 167px;
    overflow: hidden;
    position: relative;
}

.netu .netu0 {
    display: block;
    position: absolute;
    width: 240px !important;
    height: 167px !important;
    background-size: cover !important;
}

.netdak {
    display: block;
    float: right;
    width: 180px;
    height: 167px;
    padding-left: 50px;
    padding-top: 18px;
    border-left: 1px solid #ededed;
    overflow: hidden;
}

.netda1 {
    line-height: 30px;
    font-size: 20px;
    color: #8C8C8C;
}

.netda2 {
    line-height: 30px;
    font-size: 14px;
    color: #8C8C8C;
}

.nelj {
    display: block;
    float: right;
    margin-top: 18px;
    clear: both;
}

.netnk {
    display: block;
    margin-left: 270px;
    margin-right: 220px;
}

.netn-ti {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 28px;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.netn-j {
    display: block;
    height: 84px;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    color: #8c8c8c;
}

.nelb li:hover .netn-ti,
.ne-tjlk li:hover .ne-tjl-ti {
    color: #3955bd;
    text-indent: 5px;
}

.nelb li:hover .netn-j,
.ne-tjlk li:hover .ne-tjl-m {
    color: #000;
    text-indent: 8px;
}

/*页码*/

.yema {
    display: block;
    background: #fff;
    height: 85px;
    padding-top: 18px;
}

.yema table {
    margin: 0 auto;
}

.yej {
    display: block;
    width: 32px;
    height: 32px;
    margin: 17px 15px 0;
    padding-top: 10px;
}

.yemk {
    display: block;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
}

.yemk a {
    display: block;
    width: 24px;
    height: 33px;
    float: left;
    text-align: center;
    margin: 0 22px;
    line-height: 33px;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #3b3b3b;
    position: relative;
    z-index: 2;
    font-family: 'avantgardeitcbybt-book';
}

.yemk li {
    display: block;
    float: left;
    font-family: "宋体";
}

.yemk li a {
    font-family: "宋体";
    border-bottom: none;
    color: #a0a0a0;
}

.yemk a.on {
    color: #a0a0a0;
    border-bottom: none;
}

.yemk b {
    display: block;
    width: 100%;
    height: 1px;
    background: #dedede;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*********************news-view*************************/

.ne-xwnk {
    display: block;
    background: #fff;
    padding: 50px;
}

.ne-xw-ti {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 40px;
    color: #000;
}

.ne-xw-fb {
    display: block;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 34px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
}

.fyk {
    display: block;
    clear: both;
    margin-top: 55px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 18px 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #9d9d9d;
}

.fym {
    margin-right: 150px;
    font-size: 14px;
    line-height: 30px;
    color: #9d9d9d;
}

.fym div {
    display: block;
    overflow: hidden;
}

.fym a {
    display: block;
    float: left;
}

.fym a,
.fym a:visited {
    color: #9d9d9d;
}

.fym a:hover {
    color: #263F99;
}

.fhk {
    display: block;
    width: 112px;
    height: 40px;
    float: right;
    margin-top: 10px;
    background: #dfdfdf;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}

.fhk:hover {
    background: #2c8ec2;
    color: #fff;
}

/**********************innovate*************************/

.cxnrk {
    display: block;
    overflow: hidden;
    margin-top: -8px;
}

.cxdk {
    display: block;
    overflow: hidden;
    margin-top: -8px;
}

.cxtk {
    display: block;
    padding-top: 55px;
    overflow: hidden;
    background: #f6f6f6;
}

.cxlb {
    display: block;
    overflow: hidden;
}

.cxlb li {
    display: block;
    overflow: hidden;
    background: #fff;
}

.cxtu {
    display: block;
    overflow: hidden;
}

.juzhong2 {
    width: 630px;
}

.cxk-ti {
    display: block;
    text-align: center;
    line-height: 58px;
    color: #000;
    font-size: 24px;
}

.cxk-tt {
    display: block;
    width: 135px;
    height: 1px;
    background: #dedede;
    margin: 0 auto 36px;
}

.cxk-js {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 30px;
    color: #6f6f6f;
}

.cxk-ck {
    display: block;
    width: 140px;
    height: 32px;
    border: 1px solid #3955bd;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #3955bd;
}

.cxk-ck span {
    display: block;
    position: relative;
    top: 0;
}

.cxk-ck:hover span {
    top: -100%;
}

.cxlb li:hover .cxk-tt {
    margin-bottom: 26px;
}

.cxlb li:hover .cxk-js {
    color: #222;
}

/**********************innovate-view*************************/

.cxnk {
    display: block;
    padding: 50px 0 80px;
}

.cxej {
    display: block;
    overflow: hidden;
    height: 61px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.cxej a {
    display: block;
    float: left;
    padding: 0 20px;
    margin-right: 2px;
    line-height: 58px;
    color: #000;
    font-size: 16px;
}

.cxej a.on,
.cxej a:hover {
    border-bottom: 2px solid #3955bd;
    color: #3955bd;
}

/**********************solution*************************/

.so-ban {
    display: block;
    height: 358px;
    padding-top: 167px;
    margin-top: -8px;
}

.so-dti {
    font-size: 36px;
    line-height: 84px;
    color: #fff;
}

.so-dtt {
    display: block;
    width: 70px;
    height: 3px;
    background: #fff;
}

.solb {
    display: block;
    overflow: hidden;
    margin-left: -2px;
    margin-bottom: 60px;
}

.solb dd {
    display: block;
    width: 500px;
    float: left;
    padding-left: 2px;
    position: relative;
}

.solb dd .sok {
    display: block;
    position: relative;
    background: #f6f6f6;
    padding-bottom: 170px;
}

.solbmk {
    display: block;
    width: 100%;
    height: 170px;
    background: #f6f6f6;
    bottom: 0;
    left: 0;
    position: absolute;
    padding-top: 44px;
    text-align: center;
}

.solb-ti {
    display: block;
    margin-bottom: 14px;
    line-height: 44px;
    font-size: 24px;
    color: #000;
}

.sobx {
    display: block;
    height: 28px;
    background: url(../images/sobx2.png) center center no-repeat;
}

.sotu {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 600px;
}

.sotum {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.sot-lei {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/sohbg.png) repeat;
}

.so-jia {
    display: block;
    position: absolute;
    width: 59px;
    height: 59px;
    left: 50%;
    margin-left: -30px;
    bottom: 80px;
}

.sot-lm {
    display: block;
    position: absolute;
    width: 100%;
    top: 30%;
}

.sot-lm a {
    display: block;
    width: 260px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #afbae1;
    text-align: center;
    margin: 0 auto 18px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
}

.sot-lm a span {
    display: block;
    position: relative;
    top: 0;
}

.solb dd:hover .solbmk {
    top: auto;
    bottom: 0;
}

.solb dd .solbmk:hover {
    padding-top: 50px;
}

.solb dd:hover .sobx {
    background: url(../images/sobx.png) center center no-repeat;
}

.solb dd:hover .solb-ti {
    color: #3955bd;
}

.solb dd:hover .sok {
    padding-top: 0;
    padding-bottom: 170px;
}

.solb dd:hover .sot-lei {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*.sot-lm a:hover span {
	top: -100%;
}*/

/*切换*/

.main_visual-jj {
    height: 890px;
    overflow: hidden;
    position: relative;
}

.main_image-jj {
    height: 890px;
    overflow: hidden;
    position: relative;
}

.main_image-jj ul {
    width: 99999px;
    height: 832px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image-jj li {
    float: left;
    width: 100%;
    height: 832px;
}

div.flicking_con-jj {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

div.flicking_con-jj a {
    float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url('../images/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px
}

div.flicking_con-jj a.on {
    background-position: 0 -21px
}

#btn_prev-jj,
#btn_next-jj {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 57px !important;
    height: 57px !important;
    bottom: 0;
    display: block;
}

#btn_prev-jj {
    background: url(../images/soj1.jpg) no-repeat left top;
    left: 50%;
    margin-left: -57px;
}

#btn_next-jj {
    background: url(../images/soj2.jpg) no-repeat right top;
    left: 50%;
}

/*翻动*/

.sojk {
    display: block;
    position: relative;
    overflow: hidden;
}

.sojzx {
    display: block;
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    height: 1px;
    background: #dfdfdf;
}

.sojk table {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.sojk a {
    display: block;
    float: left;
}

/*成功案例*/

.cgnk {
    display: block;
    background: #f6f6f6;
    padding: 45px 0;
    overflow: hidden;
}

.cgflk {
    display: block;
    text-align: center;
    margin-bottom: 45px;
}

.cgflk table {
    margin: 0 auto;
}

.cgflk a {
    display: block;
    float: left;
    width: 140px;
    height: 32px;
    text-align: center;
    border: 1px solid #b7b7b7;
    margin: 0 6px;
    border-radius: 16px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
}

.cgflk a.on,
.cgflk a:hover {
    background: #3955bd;
    color: #fff;
    border-color: #3955bd;
}

.cglb {
    display: block;
    overflow: hidden;
}

.cglb ul {
    display: block;
    margin-left: -40px;
}

.cglb li {
    display: block;
    float: left;
    width: 33.333%;
    padding-left: 40px;
    margin-bottom: 15px;
}

.cgtu {
    display: block;
    position: relative;
    overflow: hidden;
    height: 312px;
}

.cgtu img {
    display: block;
    overflow: hidden;
}

.cgtuh {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background: url(../images/cgtuk.png) center center no-repeat;
    background-size: cover !important;
    z-index: 2;
}

.cgtm {
    display: block;
    padding: 20px 0;
    line-height: 27px;
    font-size: 16px;
    color: #4c4c4c;
    border-bottom: 1px solid #f6f6f6;
}

.cgtm1 {
    display: block;
    margin-right: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cgtmj {
    display: block;
    float: right;
    width: 0;
    height: 27px;
    background: url(../images/cgj.png) center left no-repeat;
}

.cglb li:hover .cgtmj {
    width: 42px;
}

.cglb li:hover .cgtm {
    border-bottom-color: #e4e4e4;
}

.cglb li:hover .cgtm1 {
    color: #3955bd;
}

.cglb li:hover .cgtuh {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*********************solution-list**************************/

.soej {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    top: -8px;
    background: #3955bd;
    height: 62px;
}

.soejk {
    margin-left: -30px;
    line-height: 62px;
    font-size: 16px;
    color: #97aaee;
}

.soejk a {
    display: block;
    float: left;
    margin-left: 30px;
    padding: 0 8px;
    color: #c6d1f9;
    line-height: 62px;
}

.soejk a,
.soejk a:visited {
    color: #c6d1f9;
}

.soejk a.on,
.soejk a:hover {
    color: #fff;
    line-height: 59px;
    border-bottom: 3px solid #fff;
}

.wzk {
    line-height: 62px;
    font-size: 14px;
    color: #97aaee;
}

.wzk a,
.wzk a:visited {
    color: #97aaee;
}

.wzk span {
    font-family: "宋体";
}

.wzk a:hover {
    color: #c3cffc;
}

.sonbg {
    display: block;
    height: 588px;
    margin-top: -8px;
    background: url(../images/sonbg.jpg) center center no-repeat;
    padding-top: 75px;
}

.son-js {
    display: block;
    height: 272px;
    padding-top: 78px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

.sonlb {
    display: block;
    overflow: hidden;
    margin-left: -30px;
}

.sonlb li {
    display: block;
    padding-left: 30px;
    margin-bottom: 30px;
    width: 33.333%;
    height: auto;
    float: left;
}

.sonnk {
    display: block;
    position: relative;
    background: #fff;
    padding-top: 10px;
}

.sontmk {
    display: block;
    overflow: hidden;
    padding: 25px 30px;
    border-top: 1px solid #e0e0e0;
}

.sontm1 {
    margin-right: 35px;
    line-height: 32px;
    font-size: 16px;
    color: #3c3c3c;
}

.sontm2 {
    display: block;
    width: 35px;
    height: 32px;
    background: url(../images/sonj.png) center right no-repeat;
}

.sontu {
    display: block;
    overflow: hidden;
    margin: 0 10px;
    position: relative;
}

.sontut {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover !important;
}

.sontu img {
    display: block;
    width: 100%;
}

.sonlb li:hover .sonnk {
    background: #3955bd;
}

.sonlb li:hover .sontmk {
    border-top-color: #3955bd;
    background: #3955bd;
}

.sonlb li:hover .sontm1 {
    color: #fff;
}

.sonlb li:hover .sontm2 {
    background: url(../images/sonj2.png) center right no-repeat;
}

/*********************solution-view**************************/

.soejm {
    display: block;
    padding-left: 30px;
    font-size: 24px;
    color: #fff;
}

.allb {
    display: block;
    overflow: hidden;
    margin-left: -20px;
}

.allb li {
    display: block;
    float: left;
    padding-left: 20px;
    width: 25%;
    height: auto;
    overflow: hidden;
}

.altu {
    display: block;
    overflow: hidden;
}

.alm {
    display: block;
    padding-top: 18px;
    line-height: 28px;
    font-size: 16px;
    color: #4c4c4c;
}

.alm:visited {
    color: #4C4C4C;
}

.aldti {
    display: block;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 24px;
    color: #333;
}

.allb li:hover .alm {
    color: #3955bd;
    text-indent: 4px;
}

/*内容*/

.sovk {
    display: block;
    overflow: hidden;
    padding: 50px 0;
}

.sov-sptu {
    display: block;
    overflow: hidden;
    background-size: cover !important;
}

.lfk1 {
    display: block;
    margin-right: 50px;
}

.sov-ban {
    display: block;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    height: 482px;
    margin-bottom: 23px;
}

.sov-xti {
    display: block;
    border-left: 3px solid #3955bd;
    padding-left: 8px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    color: #3955bd;
}

.sov-nr {
    display: block;
    margin-bottom: 14px;
    line-height: 32px;
    font-size: 14px;
    color: #757575;
}

/*解决方案切换*/

.main_visual-so {
    height: 480px;
    overflow: hidden;
    position: relative;
}

.main_image-so {
    height: 480px;
    overflow: hidden;
    position: relative;
}

.main_image-so ul {
    width: 9999px;
    height: 480px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image-so li {
    float: left;
    display: block;
    height: 480px;
}

div.flicking_con-so {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 21px;
}

div.flicking_con-so a {
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    padding: 0;
    background: url(../images/soqd1.png) center center no-repeat;
    display: block;
    text-indent: -1000px
}

div.flicking_con-so .rf {
    margin-right: 30px;
}

div.flicking_con-so a.on {
    background: url(../images/soqd2.png) center center no-repeat;
}

#btn_prev-so,
#btn_next-so {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 44px !important;
    height: 44px !important;
    bottom: 0;
    display: block;
}

/*********************about**************************/

.abban {
    display: block;
    height: 508px;
    margin-top: -8px;
    padding-top: 75px;
}

.abtnk {
    height: 220px;
    padding-top: 68px;
}

.abtn-cn {
    line-height: 36px;
    font-size: 28px;
    color: #fff;
}

.abtn-en {
    line-height: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.abnrk {
    display: block;
    overflow: hidden;
    padding: 40px 0 50px;
    position: relative;
}

.abgkbg {
    display: block;
    float: left;
    position: relative;
    margin-left: -75px;
}

.abgkbg img {
    display: block;
    position: relative;
    z-index: 2;
}

.abntu {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.abnrn {
    display: block;
    margin-left: 730px;
}

.abxti {
    display: block;
    width: 370px;
    line-height: 66px;
    font-size: 30px;
    color: #000000;
    background: -webkit-linear-gradient(left, #253e9a, #ecaf25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.abxt {
    display: block;
    width: 58px;
    height: 2px;
    background: #3955bd;
    margin-bottom: 58px;
}

/*********************honor**************************/

.rylb {
    display: block;
    overflow: hidden;
    margin-left: -40px;
}

.rylb li {
    display: block;
    float: left;
    width: 25%;
    padding-left: 40px;
    margin-bottom: 48px;
}

.honk {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.hotu {
    display: block;
    overflow: hidden;
}

.hotu img {
    display: block;
    width: 100%;
}

.homk {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: url(../images/hohbg.png) repeat;
}

.homk0 {
    display: block;
    position: relative;
    top: 33%;
    text-align: center;
}

.ho-d {
    display: block;
    margin: 0 auto 10px;
}

.ho-dm {
    line-height: 48px;
    font-size: 16px;
    color: #fff;
}

.ho-dt {
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
}

.rylb li:hover .homk {
    top: 0;
}

.gallery {
    display: block;
}

/*********************history**************************/

.hi-dti {
    display: block;
    text-align: center;
    padding-bottom: 36px;
}

.hi-dti-en {
    display: block;
    margin-bottom: 15px;
    line-height: 34px;
    font-size: 30px;
    color: #000000;
}

.hi-dti-cn {
    display: block;
    line-height: 30px;
    font-size: 18px;
    color: #000000;
    font-family: arial;
}

.fzsk {
    display: block;
    overflow: hidden;
    background: url(../images/hitbg.jpg) center top repeat-y;
}

.hiq {
    display: block !important;
    margin: 0 auto !important;
}

.hidxk {
    display: block;
    width: 15px;
    height: 15px;
    margin: 20px auto 0;
    background: url(../images/hidx2.jpg) center center no-repeat;
}

.fzkbg {
    display: block;
    width: 238px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.fzkbg img {
    display: block;
    position: relative;
    z-index: 2;
}

.cgtui {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover !important;
}

.fznjk {
    display: block;
    margin-left: 272px;
    margin-right: 35px;
    text-align: right;
}

.fznjk2 {
    display: block;
    margin-left: 35px;
    margin-right: 272px;
    text-align: left;
}

.fznj-j {
    line-height: 33px;
    font-size: 14px;
    color: #7c7c7c;
}

.fznj-ti {
    line-height: 56px;
    font-size: 40px;
    color: #000;
    font-family: 'bebas';
}

.end {
    display: block;
    text-align: center;
    background: #FFFFFF;
    margin-top: -6px;
    padding-top: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #b0b0b0;
}

.fzsk tr:hover .hidxk {
    background: url(../images/hidx1.jpg) center center no-repeat;
}

.fzsk tr:hover .fznj-ti {
    color: #3955bd;
}

.fzsk tr:hover .fznj-j {
    color: #222;
}

.fzsk tr:hover td .qing {
    padding-top: 10px;
}

/*********************partner**************************/

.hzlb {
    display: block;
    overflow: hidden;
    margin-left: -38px;
}

.hzlb li {
    display: block;
    float: left;
    width: 16.666%;
    overflow: hidden;
    padding-left: 38px;
    margin-bottom: 38px;
}

.hzlb li div {
    display: block;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.hzlb li img {
    display: block;
    width: 100%;
}

/*********************contact**************************/

.ab-conk {
    display: block;
    overflow: hidden;
}

.ab-conk .juzhong {
    overflow: hidden;
}

.conkbg {
    display: block;
    height: 115px;
    margin-bottom: 58px;
    background: url(../images/conkbg.jpg) center bottom no-repeat;
}

.ab-conk:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
}

.mapk {
    display: block;
    width: 740px;
    height: 430px;
    border: 1px solid #d6d6d6;
}

.con-dti {
    line-height: 56px;
    font-size: 28px;
    color: #000;
}

.con-dti b {
    display: block;
    width: 55px;
    height: 2px;
    background: #373737;
}

.conlb {
    display: block;
    overflow: hidden;
    padding-top: 25px;
    height: 93px;
    border-bottom: 1px dashed #d0d0d0;
}

.conlb img {
    display: block;
    float: left;
}

.conm {
    display: block;
    margin-left: 50px;
    padding: 9px 0;
    line-height: 22px;
    font-size: 14px;
    color: #2f2f2f;
}

.conrk {
    display: block;
    width: 570px;
}

/*********************job-team**************************/

.tdlb {
    display: block;
    overflow: hidden;
    margin-left: -20px;
}

.tdlb li {
    display: block;
    float: left;
    width: 25%;
    margin-bottom: 32px;
    padding-left: 20px;
}

.tdlb li img {
    display: block;
    width: 100%;
}

.tdtum {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #303030;
}

.tdtuk {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.tdtu {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

/*********************job-welfare**************************/

.cxtuk {
    display: block;
    float: right;
    position: relative;
    width: 663px;
    overflow: hidden;
}

.cxtuk img {
    display: block;
    position: relative;
    z-index: 0;
}

.xcjk {
    display: block;
    margin-right: 700px;
}

.xcti {
    margin-bottom: 46px;
}

/*********************job**************************/

.job-list {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.job-list li {
    display: block;
    width: 33.333%;
    float: left;
    padding-left: 20px;
}

.jobk {
    display: block;
    border: 1px solid #eaeaea;
    padding: 22px;
    background: #fff;
}

.jobk-tik {
    display: block;
    height: 41px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 26px;
}

.jobk-ti {
    line-height: 30px;
    font-size: 18px;
    color: #000000;
}

.jobk-r {
    line-height: 30px;
    font-size: 14px;
    color: #868686;
}

.jobk-r span {
    font-size: 30px;
    font-family: 'avantgardeitcbybt-book';
}

.jobk-dd {
    display: block;
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #2b2b2b;
}

.jobk-dj {
    display: block;
    margin-bottom: 29px;
    line-height: 30px;
    font-size: 14px;
    color: #6c6c6c;
}

.jobk-ck {
    display: block;
    width: 115px;
    height: 38px;
    background: #f6f6f6;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #787878;
}

.jobk-ck span {
    font-family: 宋体;
}

.jobk-tt {
    display: block;
    position: absolute;
    left: 0;
    width: 2px;
    height: 22px;
    margin-top: 4px;
    margin-left: -22px;
    background: #b2b2b2;
}

.jobk:hover .jobk-ck {
    background: #3955bd;
    color: #fff;
}

.jobk:hover .jobk-dj {
    color: #222;
}

.jobk:hover .jobk-ti,
.jobk:hover .jobk-r {
    color: #3955bd;
}

.jobk:hover .jobk-ti {
    padding-left: 4px;
}

.jobk:hover .jobk-tt {
    background: #3955bd;
}

/*招聘弹出*/

.jobt-ti {
    line-height: 50px;
    font-size: 26px;
    color: #000;
}

.jobt-tb {
    display: block;
    width: 78px;
    height: 2px;
    background: #ababab;
    margin-bottom: 22px;
}

.jobt-tj {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 15px;
    margin-bottom: 35px;
    line-height: 32px;
    font-size: 16px;
    color: #000;
}

.tcnrk2 {
    display: block;
    height: 400px;
    overflow-y: auto;
    line-height: 32px;
    color: #666;
    font-size: 14px;
}

/*福利*/

.fldk {
    display: block;
    padding: 22px 65px 22px 0;
    border-right: 1px solid #dedede;
}

.fldk2 {
    display: block;
    padding: 22px 0 22px 65px;
}

.flbg {
    display: block;
    margin-top: 30px;
    background: #f6f6f6;
    padding: 48px 0;
    overflow: hidden;
    margin-bottom: 45px;
}

.fljk {
    display: block;
    clear: both;
    line-height: 30px;
    font-size: 16px;
    color: #6c6c6c;
}

.fljk,
.fljk:visited {
    color: #6c6c6c;
}

.fltik {
    display: block;
    margin-bottom: 38px;
}

.flti-cn {
    line-height: 35px;
    font-size: 24px;
    color: #1c1c1c;
}

.flti-en {
    line-height: 27px;
    font-size: 16px;
    color: #acacac;
}

.flti-tt {
    display: block;
    width: 93px;
    height: 1px;
    background: #6f6f6f;
    margin-top: 19px;
    margin-bottom: 38px;
}

.job-fl {
    display: block;
    margin-bottom: 31px;
}

.flj {
    display: block;
    float: right;
    margin-top: 16px;
}

.fldk:hover .fljk,
.fldk2:hover .fljk {
    text-indent: 2em;
    color: #3955BD;
}

/*********************product**************************/

.cplkk {
    display: block;
    position: relative;
    height: 620px;
    overflow: hidden;
}

.cplk {
    display: block;
    position: relative;
    height: 620px;
}

.cpltu {
    display: block;
    overflow: hidden;
    margin: 38px 20px 26px;
    text-align: center;
}

.cpltu img {
    display: inline !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: top;
}

.cpltm {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 35px;
    font-size: 24px;
    color: #414141;
}

.cpltj {
    display: block;
    height: 74px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #a6a6a6;
}

.cpljk {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
}

.cpjjk {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 16% 50px 50px;
    background: url(../images/hohbg.png) center center repeat;
}

.cpjh-m {
    display: block;
    text-align: center;
    margin-bottom: 42px;
    line-height: 38px;
    font-size: 24px;
    color: #fff;
}

.cpjh-j {
    display: block;
    margin-bottom: 52px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}

.pjjk {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
}

.cplkk:hover .cpjjk {
    top: 0;
}

/*********************product-view**************************/

.pr-csbg {
    display: block;
    background: #f6f6f6;
    padding: 40px 0 60px;
}

.pro-ti {
    display: block;
    margin-bottom: 24px;
    line-height: 28px;
    font-size: 18px;
    color: #000;
}

.projsk {
    display: block;
    float: left;
    width: 50%;
    padding-right: 50px;
}

.projstk {
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}

.projs-ti {
    margin-bottom: 6px;
    font-size: 28px;
    line-height: 35px;
    color: #3955bd;
}

.projs-j {
    font-size: 14px;
    line-height: 24px;
    color: #939393;
}

.projs-nrk {
    display: block;
    padding: 32px 0 0;
    line-height: 32px;
    font-size: 14px;
    color: #676767;
}

.projs-nti {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 18px;
    color: #000;
}

.prba {
    display: block;
    float: left;
    width: 50%;
    height: 486px;
}

.projstkk {
    display: block;
    margin-right: 70px;
}

.pdf2 {
    display: block;
    float: right;
    width: 61px;
    height: 61px;
    position: relative;
    overflow: hidden;
    background: url(../images/pdf2.png) center center no-repeat;
}

.pdf2 img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.pdf2:hover img {
    display: block;
    animation-name: pdf2;
    -webkit-animation: pdf2 0.6s linear alternate infinite both;
    -moz-animation: pdf2 0.6s linear alternate infinite both;
    animation: pdf2 0.6s linear alternate infinite both;
}

@-webkit-keyframes pdf2 {
    0% {
        -webkit-transform: translate(0, -8px);
    }
    50% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 8px);
    }
}

@-moz-keyframes pdf2 {
    0% {
        -webkit-transform: translate(0, -8px);
    }
    50% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 8px);
    }
}

@keyframes pdf2 {
    0% {
        -webkit-transform: translate(0, -8px);
    }
    50% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 8px);
    }
}

/*切换*/

.main_visual-pro {
    height: 486px;
    overflow: hidden;
    position: relative;
}

.main_image-pro {
    height: 486px;
    overflow: hidden;
    position: relative;
}

.main_image-pro ul {
    width: 9999px;
    height: 486px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image-pro li {
    float: left;
    width: 100%;
    height: 486px;
}

div.flicking_con-pro {
    position: absolute;
    top: 360px;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

div.flicking_con-pro a {
    float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url('../images/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px
}

div.flicking_con-pro a.on {
    background-position: 0 -21px
}

#btn_prev-pro,
#btn_next-pro {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 44px !important;
    height: 44px !important;
    top: 50%;
    margin-top: -22px;
    display: block;
}

#btn_prev-pro {
    background: url(../images/qiej1.png) no-repeat left top;
    left: 0;
}

#btn_prev-pro:hover {
    background: url(../images/qiej10.png) no-repeat left top;
}

#btn_next-pro {
    background: url(../images/qiej2.png) no-repeat right top;
    right: 0;
}

#btn_next-pro:hover {
    background: url(../images/qiej20.png) no-repeat left top;
}

/*pdf弹出*/

#HBox {
    display: none;
    width: 1250px;
    height: 640px;
    margin: 0 auto;
    padding: 40px 60px 60px;
    background-color: #fff;
    background-image: none !important;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100000;
}

#HCloseBtn {
    right: 40px;
    top: 40px;
}

#HCloseBtn span {
    width: 42px;
    height: 42px;
    background: url(../images/close.png) center center no-repeat;
}

.pdf-ti {
    display: block;
    height: 80px;
    line-height: 42px;
    font-size: 26px;
    color: #000;
}

.tcnrk {
    display: block;
    height: 480px;
    overflow-y: auto;
}

.pdflb {
    display: block;
    overflow: hidden;
    margin-left: -20px;
}

.pdflb li {
    display: block;
    width: 33.333%;
    float: left;
    padding-left: 20px;
    margin-bottom: 20px;
}

.pdflb li a {
    display: block;
    height: 72px;
    padding: 0 25px;
    border: 1px solid #eaeaea;
}

.pdf-b {
    display: block;
    width: 41px;
    height: 72px;
    float: right;
    background: url(../images/pdf3.png) center center no-repeat;
}

.pdf-m {
    padding: 20px 0;
    line-height: 30px;
    font-size: 16px;
    color: #414141;
}

.pdflb li a:hover .pdf-b {
    background: url(../images/pdf30.png) center center no-repeat;
}

.pdflb li a:hover .pdf-m {
    color: #3955bd;
}

/*公共样式*/

.nelb li:hover .netu .netu0,
.ne-tjtuk:hover .ne-tjtu,
.cxlb li:hover .cxtu img,
.solb dd:hover .sotum,
.cglb li:hover .cgtu img,
.sonlb li:hover .sontut,
.allb li:hover .altu img,
.rylb li:hover .hotu img,
.fzsk tr:hover .cgtui,
.hzlb li:hover img,
.tdlb li:hover .tdtu {
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    /* IE 9 */
    -webkit-transform: scale(1.15);
    /* Safari 和 Chrome */
    -o-transform: scale(1.15);
    /* Opera */
    -moz-transform: scale(1.15);
}

.pdf:hover img,
.fldk2:hover .flj img,
.fldk:hover .flj img {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Safari and Chrome */
    -o-transform: rotate(360deg);
    /* Opera */
    -moz-transform: rotate(360deg);
}

.nav a,
.in-cplist dd a,
.in-cptuk,
.in-cptu0,
.in-cp-m,
.in-cp-j,
.cx-kan,
.in-cxfl li,
.shu14,
.in-abtk-k,
.in-abtk-tu,
.in-ab-b,
.in-hzbk li img,
.xixi,
.in-nen-ti,
.in-nen-j,
.in-nej,
.in-netui-ti,
.in-netui-j,
.in-netu img,
.fo-nav li a,
#btn_prev-fa,
#btn_next-fa,
#btn_prev-cp,
#btn_next-cp,
.qiej a,
#nav-menu .menu .children li a img,
.ne-flk a,
.netn-ti,
.netn-j,
.netu0,
.ne-tjl-m,
.ne-tjl-ti,
.ne-tjtu,
.fym a,
.fhk,
.cxtu img,
.cxk-tt,
.cxk-ck span,
.cxej a,
.solbmk,
.sotu,
.sobx,
.solb-ti,
.sot-lei,
.sotum,
.sot-lm a span,
.cgflk a,
.cgtmj,
.cgtuh,
.cgtu img,
.cgtm1,
.cgtm,
.yemk a,
.sok,
.wzk a,
.soejk a,
.sonnk,
.sontmk,
.sontm1,
.sontm2,
.sontut,
.altu img,
.alm,
.homk,
.hotu img,
.hidxk,
.fznj-ti,
.fznj-j,
.cgtui,
.hzlb li img,
.tdtu,
.jobk-ck,
.jobk-dj,
.jobk-ti,
.jobk-r,
.jobk-tt,
.cpjjk,
.pdf-b,
.pdf-m,
.cxk-js,
.fzsk tr td .qing,
.pdf img,
.fljk,
.flj img,
.pdf2 img {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}