@charset "UTF-8";
.slide-active .t-ani {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.slide-active i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.explain h2 {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}
.explain .user {
    width: 780px;
    margin: 40px auto;
}

.explain .user li {
    float: left;
    width: 16.6%;
    text-align: center;
}

.explain .user li .img {
    display: block;
    width: 76px;
    height: 76px;
    margin: 0px auto;
}

.explain .user li p {
    font-size: 18px;
    color: #4d4d4d;
    margin-top: 15px;
}
.t-box3 {
    padding: 60px 0px 60px;
}

.scenariobg .scenariobg_jy {
    width: 580px;
}

.scenariobg .scenariobg_jy .jy_imgbox {
    width: 580px;
}

.scenariobox {
    width: 100%;
    position: relative;
}

.scenariobox .content {
    text-align: center;
}

.scenariobox ul {
    margin-right: -30px;
    margin-bottom: 30px;
}
.scenariobox li {
    float: left;
    width: 277px;
    height: 220px;
    padding: 30px 20px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #fff;
    margin-right: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);
}
.scenariobox li:hover {
    box-shadow: 0px 20px 40px rgb(0 0 0 / 2%);
}
.scenariobox li img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: auto;
}

.scenariobox li h2 {
    font-size: 18px;
    color: #222;
    padding-top: 20px;
}

.scenariobox li p {
    margin-top: 20px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
}

.t-box4 {
    padding: 60px 0px 80px;
}

.mobilebg {
    background: #fdf9f7 url(../images/online-banner3.png) no-repeat top center;
    padding: 60px 0px 0px;
}

.mobilebox {
    padding: 40px 0px 0px;
}

.textbox {
    float: left;
    width: 32%;
}

.text_wenan li {
    padding: 20px;
    height: 62px;
}

.text_wenan li.hover {
    background: #e34632;
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgb(251, 64, 79, 0.05);
}

.text_wenan li.hover h2 {
    color: #fff;
}

.text_wenan li.hover p {
    color: #fff;
}

.text_wenan h2 {
    font-size: 20px;
    color: #111;
    margin-bottom: 10px;
}

.text_wenan p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.btn-group {
    margin-top: 50px;
}

.btn-group .button {
    text-align: center;
    width: 160px;
    height: 46px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 46px;
    float: left;
    background: #e34632;
    color: #fff;
    margin-right: 20px;
}

.btn-group .button_bor {
    height: 46px;
    text-align: center;
    line-height: 44px;
    color: #e34632;
    border: 1px solid #e34632;
    float: left;
    border-radius: 30px;
    font-size: 16px;
    width: 160px;
    position: relative;
}

.button_grop {
    text-align: center;
}

.button_grop .button {
    text-align: center;
    width: 180px;
    height: 46px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 46px;
    display: inline-block;
    background: #e34632;
    color: #fff;
    margin-right: 20px;
}

.button_grop .button_bor {
    height: 46px;
    text-align: center;
    line-height: 44px;
    color: #e34632;
    border: 1px solid #e34632;
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    width: 180px;
    position: relative;
}

.picture {
    float: right;
    width: 67%;
    height: 600px;
}

.picture img {
    width: 800px;
}

.allbg {
    background-color: #fff;
    padding: 60px 0px;
}

.allbg img {
    margin: 0 auto;
    display: block;
}

.content.yszt p {
    color: #666;
}

.content.yszt h3 {
    color: #333;
}

.yycj {
    padding: 60px 0px 60px;
    height: auto;
    overflow: hidden;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.w-box {
    width: 100%;
    margin: 0 auto 55px;
    overflow: hidden;
}

.w-box .w-ntop {
    width: 100%;
    height: 325px;
    border-bottom: 1px solid #ededed;
}

.w-box .w-nbot {
    width: 100%;
    height: 325px;
}

.w-box .w-ntop .w-ctr {
    margin-top: 55px;
}

.w-box .w-nbot .w-nlf {
    padding-top: 55px;
}

.w-ctr {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.w-ctr .w-nlf {
    width: 550px;
    height: 325px;
    float: left;
    border-right: 1px solid #ededed;
}

.w-ctr .w-nlr {
    width: 549px;
    float: left;
    border-right: 0;
}

.w-ctr .w-nlf .w-title {
    text-align: center;
}

.w-all {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 240px;
}

.w-li1 {
    left: 15px;
    width: 440px;
    height: 240px;
    background: #fff;
    z-index: 123;
}

.w-li2 {
    left: 198px;
    width: 440px;
    height: 240px;
    background: #fff;
    z-index: 125;
}

.w-li3 {
    left: 391px;
    width: 440px;
    height: 240px;
    background: #fff;
    z-index: 127;
}

.w-pic1 {
    width: 143px;
    left: 15px;
    top: 0;
    padding: 35px 0;
    background: #fff;
    text-align: center;
}

.w-pic2 {
    width: 143px;
    left: 15px;
    top: 0;
    padding: 35px 0;
    background: #fff;
    text-align: center;
}

.w-pic3 {
    width: 143px;
    left: 15px;
    top: 0;
    padding: 35px 0;
    background: #fff;
    text-align: center;
}

.w-li1 .w-txt {
    display: none;
    width: 270px;
    left: 145px;
    top: 35px;
    position: absolute;
}

.w-li2 .w-txt {
    display: none;
    width: 270px;
    left: 145px;
    top: 35px;
    position: absolute;
}

.w-li3 .w-txt {
    display: none;
    width: 270px;
    left: 145px;
    top: 35px;
    position: absolute;
}

.w-all .w-txt a {
    display: block;
    margin-top: 20px;
}

.f-borl {
    box-shadow: -1px 0 5px #c0c0c0;
}

.w-box1 {
    background: url(../images/new_web/w-bg1.jpg) no-repeat;
    width: 100%;
    height: 513px;
}

.w-yh {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 55px;
}

.w-bg1 {
    margin-right: 2px;
    width: 268px;
    height: 402px;
    float: left;
}

.w-ad {
    width: 830px;
    margin: 0 auto;
    overflow: hidden;
    float: left;
}

.w-ad a {
    width: 272px;
    height: 200px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
}

.w-ad .w-show {
    width: 272px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
}

.w-ad img {
    margin: 40px auto 16px;
    display: block;
}

.w-ad .w-show p {
    font-size: 18px;
    color: #666;
    text-align: center;
}

.w-ad .w-hide {
    background: rgba(0, 0, 0, 0.8);
    width: 272px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 202px;
    left: 0;
}

.w-ad .w-hide p {
    color: #fff;
    text-align: center;
    line-height: 1.8em;
}

.w-ad a:hover .w-hide {
    top: 0;
    cursor: pointer;
}

.w-mod {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    height: 629px;
}

.w-mod h1 {
    margin-top: 66px;
    margin-bottom: 60px;
}

.w-nav ul {
    border-bottom: 4px solid #f4f4f4;
    width: 100%;
    height: 80px;
}

.w-nav .s-bgi-i1 {
    background: url(../images/new_web/w-tab01.png) no-repeat;
    width: 22px;
    height: 33px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i2 {
    background: url(../images/new_web/w-tab02.png) no-repeat;
    width: 25px;
    height: 32px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i3 {
    background: url(../images/new_web/w-tab03.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i4 {
    background: url(../images/new_web/w-tab04.png) no-repeat;
    width: 35px;
    height: 31px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i1.active {
    background: url(../images/new_web/w-tab05.png) no-repeat;
    width: 22px;
    height: 33px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i2.active {
    background: url(../images/new_web/w-tab06.png) no-repeat;
    width: 25px;
    height: 32px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i3.active {
    background: url(../images/new_web/w-tab07.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav .s-bgi-i4.active {
    background: url(../images/new_web/w-tab08.png) no-repeat;
    width: 35px;
    height: 31px;
    display: inline-block;
    margin: 0 18px -5px 0;
}

.w-nav li {
    width: 275px;
    float: left;
    color: #999;
    height: 80px;
    font-size: 28px;
    text-align: center;
    line-height: 80px;
}

.w-nav li h2 {
    color: #999;
    font-size: 28px;
}

.w-nav li.w-current h2 {
    color: #ff9f12;
    border-bottom: 4px solid #ff9f12;
}

.w-nav li:hover {
    cursor: pointer;
}

.w-tab01 {
    width: 100%;
    overflow: hidden;
}

.w-tab02,
.w-tab03,
.w-tab04 {
    display: none;
}

.w-tab01 span,
.w-tab02 span,
.w-tab03 span,
.w-tab04 span {
    margin: 30px auto;
}

.w-con {
    width: 100%;
    overflow: hidden;
}

.w-con li {
    width: 240px;
    height: 223px;
    overflow: hidden;
    float: left;
    margin-right: 46px;
    background: #fff;
}

.w-con li:hover {
    cursor: pointer;
}

.w-con li.no_right {
    margin-right: 0;
}

.w-con img {
    display: block;
}

.w-con h3 {
    text-align: center;
    font-size: 18px;
    color: #333;
    background: #f4f4f4;
}

.w-con h3.w-hg1 {
    height: 65px;
    line-height: 65px;
}

.w-con h3.w-hg2 {
    padding: 10px 0;
}

.w-con .w-xs {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.w-con .w-xs img {
    width: 100%;
    height: 158px;
}

.w-con .w-yc {
    width: 200px;
    padding: 0 20px;
    height: 100px;
    background: #f4f4f4;
    display: block;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 158px;
    margin: 0 auto;
}

.w-case {
    width: 100%;
    min-width: 1100px;
    overflow: hidden;
    background-color: #f2f2f2;
    border-top: 1px solid #efefef;
}

.w-customer {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0;
}

.w-customer h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center;
}

.w-customer ul {
    list-style: none;
}

.w-customer li {
    display: inline-block;
    float: left;
    width: 210px;
    height: 111px;
    margin-right: 11px;
    margin-bottom: 11px;
}

.w-customer li.no_right {
    margin-right: 0;
}

.w-customer a.s-i01 {
    background: url(../images/new_web/user01.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i02 {
    background: url(../images/new_web/user02.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i03 {
    background: url(../images/new_web/user03.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i04 {
    background: url(../images/new_web/user04.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i05 {
    background: url(../images/new_web/user05.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i06 {
    background: url(../images/new_web/user06.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i07 {
    background: url(../images/new_web/user07.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i08 {
    background: url(../images/new_web/user01-08.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i09 {
    background: url(../images/new_web/user01-09.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i10 {
    background: url(../images/new_web/user01-10.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i11 {
    background: url(../images/new_web/user01-11.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i12 {
    background: url(../images/new_web/user01-12.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i13 {
    background: url(../images/new_web/user01-13.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i14 {
    background: url(../images/new_web/user01-14.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i15 {
    background: url(../images/new_web/user01-15.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i01:hover {
    background: url(../images/new_web/user01-01.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i02:hover {
    background: url(../images/new_web/user01-02.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i03:hover {
    background: url(../images/new_web/user01-03.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i04:hover {
    background: url(../images/new_web/user01-04.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i05:hover {
    background: url(../images/new_web/user01-05.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i06:hover {
    background: url(../images/new_web/user01-06.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i07:hover {
    background: url(../images/new_web/user01-07.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i08:hover {
    background: url(../images/new_web/user01-08.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i09:hover {
    background: url(../images/new_web/user01-09.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i10:hover {
    background: url(../images/new_web/user01-10.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i11:hover {
    background: url(../images/new_web/user01-11.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i12:hover {
    background: url(../images/new_web/user01-12.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i13:hover {
    background: url(../images/new_web/user01-13.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i14:hover {
    background: url(../images/new_web/user01-14.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-customer a.s-i15:hover {
    background: url(../images/new_web/user01-15.jpg) no-repeat;
    margin: 2px auto;
    width: 211px;
    height: 110px;
    display: block;
}

.w-mod1 {
    width: 1100px;
    margin: 0 auto;
    padding: 35px 0;
    overflow: hidden;
    height: 565px;
}

.w-gce ul {
    border-bottom: 4px solid #f4f4f4;
    width: 100%;
    height: 80px;
}

.w-gce li {
    line-height: normal;
    cursor: pointer;
}

.w-gce li h3 {
    margin-top: 10px;
    color: #999;
    font-size: 28px;
}

.w-gce li.w-current {
    border-bottom: 4px solid #ff9f12;
}

.w-gce li.w-current h3 {
    color: #ff9f12;
}

.w-gce li p {
    font-size: 14px;
    color: #999;
}

.w-gce h2 {
    margin: 30px auto 20px;
}

.w-tab01,
.w-tab02,
.w-tab03,
.w-tab04 {
    width: 100%;
    height: 386px;
    overflow: hidden;
    padding-top: 12px;
}

.w-mod1 .w-ltf {
    width: 512px;
    height: 342px;
    float: left;
    margin-right: -520px;
}

.w-mod1 .w-ltf img {
    width: 512px;
    height: 342px;
    display: block;
}

.w-mod1 .w-ltr .w-more {
    color: #666;
}

.w-mod1 .w-ltr {
    margin-left: 520px;
    height: 342px;
    float: left;
    padding: 0 30px;
    cursor: pointer;
}

.w-mod1 .w-ltr h3 {
    overflow: hidden;
}

.w-mod1 .w-ltr .u-author span {
    margin-right: 8px;
}

.w-mod1 .w-ltr p {
    margin: 15px 0;
}

.w-mod1 .w-ltr ul {
    margin-top: 20px;
}

.w-mod1 .w-ltr li {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border-top: 1px dashed #e6e6e6;
}

.w-mod1 .w-ltr a {
    color: #000;
}

.w-mod1 .w-ltr a:hover {
    color: #f90;
}

.f-bf2 {
    background: #f2f2f2;
    width: 100%;
}

.w-news {
    width: 1100px;
    height: 296px;
    padding: 65px 0;
    overflow: hidden;
    margin: 0 auto;
}

.w-news .activity_con {
    width: 600px;
    padding-right: 30px;
    height: 260px;
    overflow: hidden;
    float: left;
    position: relative;
}

.w-news .activity_con dl {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.w-news .activity_con dt {
    width: 249px;
    height: 182px;
    overflow: hidden;
    float: left;
    position: relative;
}

.w-news .activity_con dd {
    width: 321px;
    padding-left: 30px;
    float: left;
}

.w-news .activity_con dd h3 {
    color: #666;
    font-size: 22px;
    width: 480px;
    line-height: 1.4em;
}

.w-news .activity_con dd h3 a {
    color: #666;
}

.w-news .activity_time {
    height: 20px;
    color: #acacac;
    line-height: 20px;
    margin-top: 8px;
}

.w-news .activity_text {
    color: #acacac;
    line-height: 1.5em;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    margin-top: 8px;
}

.w-news .activity_text a {
    color: #acacac;
}

.w-news #prev_btn,
.w-news #next_btn {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    left: 520px;
    top: 220px;
    background: url(../images/new_web/arrow_01.png) no-repeat 0 -43px;
}

.w-news #next_btn {
    left: 570px;
    background-position: -45px 0;
}

.w-news #prev_btn:hover {
    background-position: 0 0;
}

.w-news #next_btn:hover {
    background-position: -45px -45px;
}

.w-news .w-more {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    width: 99px;
    height: 33px;
    line-height: 33px;
    color: #666;
    display: block;
    text-align: center;
    font-size: 14px;
    background: #fff;
    margin-top: 20px;
}

.w-news .hlf {
    width: 630px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    float: left;
}

.w-news .hlr {
    width: 440px;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    overflow: hidden;
    float: left;
}

.w-news .w-pro {
    width: 440px;
    padding-left: 30px;
    height: 255px;
    float: left;
    margin-top: 10px;
}

.w-news .w-pro li {
    margin-bottom: 8px;
    cursor: pointer;
}

.J-slide-txt {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.J-mglt {
    margin: 110px 0 0 65px;
    overflow: hidden;
}

.J-slide-txt p {
    line-height: 1.5em;
    color: #fff;
}

.f-cd9381c {
    color: #d9381c;
}

.f-c182376 {
    color: #182376;
}

.f-cff7f32 {
    color: #ff7f32;
}

.f-c24479e {
    color: #24479e;
}

#J-slide .slide:hover {
    color: ;
}

.t-wid {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.t-cp {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 15px;
}

.t-cp li {
    width: 355px;
    height: 130px;
    float: left;
    margin-right: 17px;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.t-cp li:last-child {
    margin-right: 0;
}

.t-cp .t-txt1 {
    width: 100%;
    height: 130px;
    display: block;
    background: #ebebeb;
}

.t-cp .t-txt1 h3 {
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 130px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp p {
    color: #fff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp a.t-txt1:hover {
    background: #ffa132;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp a:hover h3 {
    line-height: 1.8em;
    padding-top: 20px;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp a:hover p {
    text-align: center;
    color: #fff;
    line-height: 1.5em;
    font-size: 14px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-box1 {
    padding: 0px 0px 55px;
    overflow: hidden;
    margin: auto;
    background-image: url(../images/yfsl_bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.t-con {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
}

.t-con .t-mod1 {
    width: 730px;
    height: 265px;
    float: left;
}

.t-con .t-mod1 li {
    width: 33.33%;
    height: 265px;
    float: left;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.t-con .t-mod1 a {
    width: 163px;
    padding: 0 40px;
    height: 265px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 .t-sec {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: block;
    margin: 64px auto 25px;
    overflow: hidden;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 h3 {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con a.t-rrd .t-bgi-bg1 {
    background: #f60;
}

.t-con a.t-wxd .t-bgi-bg2 {
    background: #3e96f8;
}

.t-con a.t-wsy .t-bgi-bg3 {
    background: #0074cd;
}

.t-con a.t-dd .t-bgi-bg1 {
    background: #e83e0b;
}

.t-con a.t-xmyh .t-bgi-bg2 {
    background: #f55;
}

.t-con a.t-whb .t-bgi-bg3 {
    background: #ffa132;
}

.t-con .t-rrd .t-bgi-b1,
.t-con .t-wxd .t-bgi-b2,
.t-con .t-wsy .t-bgi-b3,
.t-con .t-dd .t-bgi-b1,
.t-con .t-xmyh .t-bgi-b2,
.t-con .t-whb .t-bgi-b3 {
    background-image: url(../images/index/i-index20171026.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-rrd .t-bgi-b1 {
    background-position: -100px 0;
}

.t-con .t-wxd .t-bgi-b2 {
    background-position: -180px 0;
}

.t-con .t-wsy .t-bgi-b3 {
    background-position: -260px 0;
}

.t-con .t-dd .t-bgi-b1 {
    background-position: -340px 0;
}

.t-con .t-xmyh .t-bgi-b2 {
    background-position: -420px 0;
}

.t-con .t-whb .t-bgi-b3 {
    background-position: -500px 0;
}

.t-con .t-mod1 p {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 a:hover {
    width: 163px;
    padding: 0 40px;
    height: 265px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 a.t-rrd:hover {
    background: url(../images/index/t-bg1.jpg) no-repeat;
}

.t-con .t-mod1 a.t-wxd:hover {
    background: url(../images/index/t-bg2.jpg) no-repeat;
}

.t-con .t-mod1 a.t-wsy:hover {
    background: url(../images/index/t-bg3.jpg) no-repeat;
}

.t-con .t-mod1 a.t-dd:hover {
    background: url(../images/index/t-bg4.jpg) no-repeat;
}

.t-con .t-mod1 a.t-xmyh:hover {
    background: url(../images/index/t-bg5.jpg) no-repeat;
}

.t-con .t-mod1 a.t-whb:hover {
    background: url(../images/index/t-bg6.jpg) no-repeat;
}

.t-con .t-mod1 a:hover .t-bgi-bg1,
.t-con .t-mod1 a:hover .t-bgi-bg2,
.t-con .t-mod1 a:hover .t-bgi-bg3 {
    background: rgba(0, 0, 0, 0);
    width: auto;
    height: auto;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-rrd:hover .t-bgi-b1,
.t-con .t-wxd:hover .t-bgi-b2,
.t-con .t-wsy:hover .t-bgi-b3,
.t-con .t-dd:hover .t-bgi-b1,
.t-con .t-xmyh:hover .t-bgi-b2,
.t-con .t-whb:hover .t-bgi-b3 {
    background-image: url(../images/index/i-index20171026.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 15px auto 5px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-dd:hover .t-bgi-b1,
.t-con .t-xmyh:hover .t-bgi-b2,
.t-con .t-whb:hover .t-bgi-b3 {
    margin: 10px auto -5px;
}

.t-con .t-rrd:hover .t-bgi-b1 {
    background-position: -100px 0;
}

.t-con .t-wxd:hover .t-bgi-b2 {
    background-position: -180px 0;
}

.t-con .t-wsy:hover .t-bgi-b3 {
    background-position: -260px 0;
}

.t-con .t-dd:hover .t-bgi-b1 {
    background-position: -340px 0;
}

.t-con .t-xmyh:hover .t-bgi-b2 {
    background-position: -420px 0;
}

.t-con .t-whb:hover .t-bgi-b3 {
    background-position: -500px 0;
}

.t-con .t-mod1 a:hover .t-bgi-more {
    display: block;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 a:hover p {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 a:hover p,
.t-con .t-mod1 a:hover h3 {
    color: #fff;
}

.t-modr1 {
    width: 358px;
    margin-left: 12px;
    float: left;
}

.t-modr1 .t-ai1 {
    background: #fff url(../images/anli/i-anli20171026-01a.png) no-repeat 0 0;
    width: 75px;
    height: 75px;
    display: block;
    margin: 40px auto 15px;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    border-radius: 10px;
}

.t-modr1 .t-ai1-1 {
    background-position: 0 0;
}

.t-modr1 .t-ai1-2 {
    background-position: -75px 0;
}

.t-modr1 .t-ai1-3 {
    background-position: -150px 0;
}

.t-modr1 .t-ai1-4 {
    background-position: -225px 0;
}

.t-modr1 .t-ai1-5 {
    background-position: -300px 0;
}

.t-modr1 .t-ai1-6 {
    background-position: -375px 0;
}

.t-modr1 .t-ai1-7 {
    background-position: -450px 0;
}

.t-modr1 .t-ai1-8 {
    background-position: -525px 0;
}

.t-modr1 .t-ai1-9 {
    background-position: -600px 0;
}

.t-modr1 .t-ai1-10 {
    background-position: -675px 0;
}

.t-modr1 .t-ai1-11 {
    background-position: -750px 0;
}

.t-modr1 h3 {
    margin: 0 auto 10px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-modr1 p {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 1.4em;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-modr1 p.iFocusTxt2 {
    display: none;
}

#iFocus {
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 355px;
    background: #000;
}

#iFocus ul {
    height: 265px;
    position: absolute;
    z-index: 88;
}

#iFocus ul li {
    float: left;
    width: 355px;
    height: 265px;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 81;
}

#iFocus ul li a {
    display: block;
    float: left;
    padding: 0 32px;
}

#iFocus ul li a img {
    vertical-align: middle;
}

#iFocus .btn {
    position: absolute;
    width: 96px;
    height: 18px;
    left: 50%;
    margin-left: -48px;
    bottom: 8px;
    text-align: right;
    z-index: 90;
}

#iFocus .btn span {
    text-indent: -9999em;
    display: inline-block;
    width: 5px;
    height: 5px;
    line-height: 5px;
    border-radius: 100%;
    background: #c9c9c9;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    color: #333;
}

#iFocus .btn span.on {
    background: 0;
    border-radius: 100%;
    color: #fcc;
    border: solid 2px #ff8d41;
    width: 4px;
    height: 4px;
    line-height: 4px;
}

.t-modr1 a:hover i.t-ai1 {
    background: #fff url(../images/anli/i-anli20171026-01b.png) no-repeat 0 0;
    width: 45px;
    height: 45px;
    display: block;
    margin: 20px auto 12px;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    border-radius: 10px;
}

.t-modr1 a:hover i.t-ai1-1 {
    background-position: 0 0;
}

.t-modr1 a:hover i.t-ai1-2 {
    background-position: -45px 0;
}

.t-modr1 a:hover i.t-ai1-3 {
    background-position: -90px 0;
}

.t-modr1 a:hover i.t-ai1-4 {
    background-position: -135px 0;
}

.t-modr1 a:hover i.t-ai1-5 {
    background-position: -180px 0;
}

.t-modr1 a:hover i.t-ai1-6 {
    background-position: -225px 0;
}

.t-modr1 a:hover i.t-ai1-7 {
    background-position: -270px 0;
}

.t-modr1 a:hover i.t-ai1-8 {
    background-position: -315px 0;
}

.t-modr1 a:hover i.t-ai1-9 {
    background-position: -360px 0;
}

.t-modr1 a:hover i.t-ai1-10 {
    background-position: -405px 0;
}

.t-modr1 a:hover i.t-ai1-11 {
    background-position: -450px 0;
}

#iFocus ul li a:hover p.iFocusTxt1 {
    display: none;
}

#iFocus ul li a:hover p.iFocusTxt2 {
    display: block;
    margin-top: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

#iFocus ul li a:hover h3 {
    margin-bottom: 6px;
}

#iFocus2 {
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 355px;
    background: #000;
}

#iFocus2 ul {
    height: 265px;
    position: absolute;
    z-index: 88;
}

#iFocus2 ul li {
    float: left;
    width: 355px;
    height: 265px;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 81;
}

#iFocus2 ul li a {
    display: block;
    float: left;
    padding: 0 32px;
}

#iFocus2 ul li a img {
    vertical-align: middle;
}

#iFocus2 .btn {
    position: absolute;
    width: 63px;
    height: 18px;
    left: 50%;
    margin-left: -31px;
    bottom: 8px;
    text-align: right;
    z-index: 90;
}

#iFocus2 .btn span {
    text-indent: -9999em;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 5px;
    height: 5px;
    line-height: 5px;
    border-radius: 100%;
    background: #c9c9c9;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    color: #333;
}

#iFocus2 .btn span.on {
    background: 0;
    border-radius: 100%;
    color: #fcc;
    border: solid 2px #ff8d41;
    width: 4px;
    height: 4px;
    line-height: 4px;
}

#iFocus2 ul li a:hover p.iFocusTxt1 {
    display: none;
}

#iFocus2 ul li a:hover p.iFocusTxt2 {
    display: block;
    margin-top: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

#iFocus2 ul li a:hover h3 {
    margin-bottom: 6px;
}

.t-modr1 ul li .t-code {
    display: none;
    background: rgba(255, 255, 255, 0.5);
    width: 205px;
    height: 205px;
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 10;
}

.t-modr1 ul li .t-code .img {
    display: block;
    margin: 27px 72px;
    width: 160px;
    height: 160px;
    background: #fff url(../images/anli/i-anli20171026-02.png) no-repeat 0 0;
}

.t-modr1 ul li .t-code .img-1 {
    background-position: 0 0;
}

.t-modr1 ul li .t-code .img-2 {
    background: url(../images/anli/qr_guohe.jpg);
}

.t-modr1 ul li .t-code .img-3 {
    background: url(../images/anli/qr_huizhiguinong.jpg);
}

.t-modr1 ul li .t-code .img-4 {
    background-position: -480px 0;
}

.t-modr1 ul li .t-code .img-5 {
    background-position: -640px 0;
}

.t-modr1 ul li .t-code .img-6 {
    background-position: -800px 0;
}

.t-modr1 ul li .t-code .img-7 {
    background-position: -960px 0;
}

.t-modr1 ul li .t-code .img-8 {
    background-position: -1120px 0;
}

.t-modr1 ul li .t-code .img-9 {
    background-position: -1280px 0;
}

.t-modr1 ul li .t-code .img-10 {
    background-position: -1440px 0;
}

.t-modr1 ul li .t-code .img-11 {
    background-position: -1600px 0;
}

.t-box2 {
    padding: 60px 0px;
}

.t-con1 {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0;
}

.t-con1 .t-mod1 {
    width: 100%;
    height: 369px;
    float: left;
}

.t-con1 .t-mod1 li {
    width: 220px;
    height: 369px;
    float: left;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.t-con1 .t-mod1 a {
    width: 140px;
    padding: 0 40px;
    height: 369px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 .t-sec {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    margin: 79px auto 36px;
    overflow: hidden;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 h3 {
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 a.t-c1 .t-bgi-bg1 {
    background: #ffa800;
}

.t-con1 a.t-c2 .t-bgi-bg2 {
    background: #3e96f8;
}

.t-con1 a.t-c3 .t-bgi-bg3 {
    background: #f55;
}

.t-con1 a.t-c4 .t-bgi-bg4 {
    background: #5399e8;
}

.t-con1 a.t-c5 .t-bgi-bg5 {
    background: #f60;
}

.t-con1 .t-c1 .t-bgi-b1,
.t-con1 .t-c2 .t-bgi-b2,
.t-con1 .t-c3 .t-bgi-b3,
.t-con1 .t-c4 .t-bgi-b4,
.t-con1 .t-c5 .t-bgi-b5 {
    background-image: url(../images/index/i-index20171026.png);
    background-repeat: no-repeat;
    width: 66px;
    height: 60px;
    margin: 20px 17px;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c1 .t-bgi-b1 {
    background-position: -580px 0;
}

.t-con1 .t-c2 .t-bgi-b2 {
    background-position: -646px 0;
}

.t-con1 .t-c3 .t-bgi-b3 {
    background-position: -712px 0;
}

.t-con1 .t-c4 .t-bgi-b4 {
    background-position: -778px 0;
}

.t-con1 .t-c5 .t-bgi-b5 {
    background-position: -844px 0;
}

.t-con1 .t-mod1 p {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a:hover {
    width: 140px;
    padding: 0 40px;
    height: 369px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a.t-c1:hover {
    background: url(../images/index/t-bg7.jpg) no-repeat;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a.t-c2:hover {
    background: url(../images/index/t-bg8.jpg) no-repeat;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a.t-c3:hover {
    background: url(../images/index/t-bg9.jpg) no-repeat;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a.t-c4:hover {
    background: url(../images/index/t-bg10.jpg) no-repeat;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a.t-c5:hover {
    background: url(../images/index/t-bg11.jpg) no-repeat;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a:hover .t-bgi-bg1,
.t-con1 .t-mod1 a:hover .t-bgi-bg2,
.t-con1 .t-mod1 a:hover .t-bgi-bg3,
.t-con1 .t-mod1 a:hover .t-bgi-bg4,
.t-con1 .t-mod1 a:hover .t-bgi-bg5 {
    background: rgba(0, 0, 0, 0);
    width: auto;
    height: auto;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c1:hover .t-bgi-b1 {
    background: url(../images/index/t-c1.png) no-repeat;
    width: 59px;
    height: 59px;
    margin: 37px auto 25px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c2:hover .t-bgi-b2 {
    background: url(../images/index/t-c2.png) no-repeat;
    width: 46px;
    height: 46px;
    margin: 37px auto 25px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c3:hover .t-bgi-b3 {
    background: url(../images/index/t-c3.png) no-repeat;
    width: 56px;
    height: 56px;
    margin: 37px auto 25px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c4:hover .t-bgi-b4 {
    background: url(../images/index/t-c4.png) no-repeat;
    width: 56px;
    height: 56px;
    margin: 37px auto 25px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-c5:hover .t-bgi-b5 {
    background: url(../images/index/t-c5.png) no-repeat;
    width: 65px;
    height: 56px;
    margin: 37px auto 25px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a:hover .t-bgi-more {
    display: block;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a:hover p {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con1 .t-mod1 a:hover p,
.t-con1 .t-mod1 a:hover h3 {
    color: #fff;
}

.t-cus {
    background: #fbfbfb;
    border-top: 0;
    margin-bottom: 30px;
    width: 1100px;
    margin: 0 auto;
}

.t-cus .w-customer {
    padding: 0;
    border-bottom: 40px solid #f5f5f5;
}

.t-cus li {
    width: 157px;
    height: 83px;
    float: left;
    margin: 0;
}

.t-cus li a.t-cd {
    width: 157px;
    height: 83px;
    display: block;
    background-size: 100% auto;
    margin: 0;
}

.t-cus li a.t-cd:hover {
    width: 157px;
    height: 83px;
    display: block;
    background-size: 100% auto;
    margin: 0;
}

.photo {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 524px;
    position: relative;
    overflow: hidden;
}

.t-agent {
    background-image: url(../images/index/t-bg12.jpg);
}

.t-main {
    width: 1100px;
    margin: 35px auto;
    overflow: hidden;
}

.t-main li {
    position: relative;
    width: 356px;
    height: 454px;
    float: left;
    text-align: center;
    margin-right: 16px;
    background: #fff;
}

.t-main li:last-child {
    margin-right: 0;
}

.t-main li:nth-child(1) h3 {
    margin-bottom: 20px;
}

.t-main li:nth-child(2) h3 {
    margin-bottom: 5px;
}

.t-main li:nth-child(3) h3 {
    margin-bottom: 20px;
}

.t-main li:nth-child(1) p {
    padding: 0 20px;
}

.t-main li:nth-child(2) p {
    padding: 0 5px;
}

.t-main li:nth-child(3) p {
    text-align: center;
}

.t-main li:nth-child(1) h3 {
    margin-bottom: 20px;
}

.t-main .t-top {
    height: 256px;
    padding: 0 50px;
    width: 256px;
    background: #fff;
    overflow: hidden;
}

.t-main .t-top h3 {
    margin-top: 30px;
}

.t-main .t-top p {
    text-align: left;
    color: #666;
    font-size: 16px;
    overflow: hidden;
    line-height: 2em;
}

.t-main .t-bot {
    height: 198px;
    width: 100%;
}

.t-main .t-bot p {
    margin-top: 45px;
    color: #fff;
    padding: 0 50px;
    font-size: 14px;
}

.t-main li:nth-child(1) {
    background: #ffa633;
}

.t-main li:nth-child(2) {
    background: #fd5454;
}

.t-main li:nth-child(3) {
    background: #ff781e;
}

.t-main .t-icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    top: 216px;
    left: 138px;
}

.t-main .t-ibg1 {
    background: #ffa633;
}

.t-main .t-ibg2 {
    background: #fd5454;
}

.t-main .t-ibg3 {
    background: #ff781e;
}

.t-gmod {
    width: 1100px;
    margin: 0 auto;
    padding: 35px 0;
    overflow: hidden;
    height: 565px;
}

.t-title {
    height: 65px;
}

.t-title h2 {
    margin: 30px auto 0;
}

.t-gh {
    position: absolute;
    top: 145px;
    left: 550px;
}

.t-gh ul {
    width: 100%;
    height: 40px;
}

.t-gh li {
    line-height: normal;
    cursor: pointer;
    width: 100px;
    float: left;
    color: #999;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background: #eee;
    margin-right: 10px;
}

.t-gh li.w-current {
    background: #ff9f12;
    color: #fff;
}

.t-gh li p {
    font-size: 14px;
    color: #999;
}

.w-tab01,
.w-tab02,
.w-tab03,
.w-tab04 {
    width: 100%;
    height: 386px;
    overflow: hidden;
    padding-top: 12px;
}

.t-gmod .w-ltf {
    width: 512px;
    height: 342px;
    float: left;
    margin-right: -520px;
    position: relative;
}

.t-gmod .w-ltf h3 {
    width: 488px;
    padding-left: 12px;
    padding-right: 12px;
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 48px;
    font-size: 14px;
}

.t-gmod .w-ltf img {
    width: 512px;
    height: 342px;
    display: block;
}

.t-gmod .w-ltr .w-more {
    color: #666;
}

.t-gmod .w-ltr {
    margin-left: 520px;
    height: 290px;
    float: left;
    padding: 50px 30px 0;
    cursor: pointer;
}

.t-gmod .w-ltr h3 {
    overflow: hidden;
}

.t-gmod .w-ltr .u-author span {
    margin-right: 8px;
}

.t-gmod .w-ltr p {
    margin: 10px 0;
}

.t-gmod .w-ltr ul {
    margin-top: 15px;
}

.t-gmod .w-ltr li {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border-top: 1px dashed #e6e6e6;
}

.t-gmod .w-ltr a {
    color: #000;
}

.t-gmod .w-ltr a:hover {
    color: #f90;
}

.t-cp li .t-txt1 i,
.t-cp li .t-txt1 a:hover i {
    background-image: url(../images/index/index-icon.png) !important;
    background-repeat: no-repeat;
    background-size: auto auto !important;
    display: block;
    position: absolute;
    z-index: 5;
    top: 20px;
}

.t-cp li:nth-child(1) .t-txt1 i,
.t-cp li:nth-child(1) a:hover i {
    width: 79px;
    height: 91px;
    left: -6px;
}

.t-cp li:nth-child(2) .t-txt1 i,
.t-cp li:nth-child(2) a:hover i {
    width: 93px;
    height: 87px;
    left: -7px;
}

.t-cp li:nth-child(3) .t-txt1 i,
.t-cp li:nth-child(3) a:hover i {
    width: 79px;
    height: 90px;
    left: -6px;
}

.t-cp li:nth-child(1) .t-txt1 i {
    background-position: -717px 0;
}

.t-cp li:nth-child(1) a:hover i {
    background-position: -996px 0;
}

.t-cp li:nth-child(2) .t-txt1 i {
    background-position: -810px 0;
}

.t-cp li:nth-child(2) a:hover i {
    background-position: -1089px 0;
}

.t-cp li:nth-child(3) .t-txt1 i {
    background-position: -906px 0;
}

.t-cp li:nth-child(3) a:hover i {
    background-position: -1185px -1px;
}

.t-main .t-bgi-more {
    display: none;
    width: 93px;
    height: 37px;
    display: block;
    position: absolute;
    bottom: 40px;
    left: 131px;
    cursor: pointer;
    border: 1px solid #fff;
    line-height: 37px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.t-con .t-mod1 .t-bgi-more {
    display: none;
    width: 71px;
    height: 26px;
    margin: 22px auto 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    border: 1px solid #fff;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
}

.t-con1 .t-mod1 .t-bgi-more {
    opacity: 0;
    width: 93px;
    height: 37px;
    margin: 22px auto 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    border: 1px solid #fff;
    line-height: 37px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.t-modr1 ul li .t-qr {
    background: url(../images/index/index-icon.png) #fff no-repeat -438px 0 !important;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

.t-main .t-top i {
    background: url(../images/index/index-icon.png) no-repeat -331px -28px !important;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 5px -4px 0;
}

.w-customer-list {
    width: 990px;
    height: 160px;
    margin: 0 auto 40px;
}

.w-customer-list li {
    float: left;
    width: 141px;
    height: 80px;
}

.w-customer-list li a {
    display: block;
    width: 120px;
    height: 80px;
    background: url(../images/new_web/gg/part-logo.png) no-repeat;
    margin: 0 auto;
}

.w-customer-list li a.logo01 {
    background-position: 0 0;
}

.w-customer-list li a.logo02 {
    background-position: -120px 0;
}

.w-customer-list li a.logo03 {
    background-position: -240px 0;
}

.w-customer-list li a.logo04 {
    background-position: -360px 0;
}

.w-customer-list li a.logo05 {
    background-position: -480px 0;
}

.w-customer-list li a.logo06 {
    background-position: -600px 0;
}

.w-customer-list li a.logo07 {
    background-position: -720px 0;
}

.w-customer-list li a.logo08 {
    background-position: -840px 0;
}

.w-customer-list li a.logo09 {
    background-position: -960px 0;
}

.w-customer-list li a.logo10 {
    background-position: -1080px 0;
}

.w-customer-list li a.logo11 {
    background-position: -1200px 0;
}

.w-customer-list li a.logo12 {
    background-position: -1320px 0;
}

.w-customer-list li a.logo13 {
    background-position: -1440px 0;
}

.w-customer-list li a.logo14 {
    background-position: -1560px 0;
}

.w-customer-list li a.logo01:hover {
    background-position: 0 -80px;
}

.w-customer-list li a.logo02:hover {
    background-position: -120px -80px;
}

.w-customer-list li a.logo03:hover {
    background-position: -240px -80px;
}

.w-customer-list li a.logo04:hover {
    background-position: -360px -80px;
}

.w-customer-list li a.logo05:hover {
    background-position: -480px -80px;
}

.w-customer-list li a.logo06:hover {
    background-position: -600px -80px;
}

.w-customer-list li a.logo07:hover {
    background-position: -720px -80px;
}

.w-customer-list li a.logo08:hover {
    background-position: -840px -80px;
}

.w-customer-list li a.logo09:hover {
    background-position: -960px -80px;
}

.w-customer-list li a.logo10:hover {
    background-position: -1080px -80px;
}

.w-customer-list li a.logo11:hover {
    background-position: -1200px -80px;
}

.w-customer-list li a.logo12:hover {
    background-position: -1320px -80px;
}

.w-customer-list li a.logo13:hover {
    background-position: -1440px -80px;
}

.w-customer-list li a.logo14:hover {
    background-position: -1560px -80px;
}

.dl-img01,
.dl-img02,
.dl-img03 {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/index/index-icon.png) no-repeat -477px 0;
}

.dl-img02 {
    background-position: -557px 0;
}

.dl-img03 {
    background-position: -637px 0;
}

.box-shadow-2 {
    -webkit-box-shadow: 0 1px 1px #eee;
    -moz-box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #eee;
    margin-bottom: 3px;
}

.z-addbox {
    width: 1100px;
    margin: 0 auto 80px;
    height: 184px;
}

.z-addbox-c {
    width: 250px;
    float: left;
    margin-right: 25px;
}

.z-addbox-c-tit1,
.z-addbox-c-tit2,
.z-addbox-c-tit3 {
    height: 16px;
    line-height: 16px;
    color: #333;
    font-size: 16px;
    text-indent: 12px;
    margin-bottom: 12px;
    border-left: 4px solid #ffa633;
}

.z-addbox-c-tit2 {
    border-left: 4px solid #3e96f8;
}

.z-addbox-c-tit3 {
    border-left: 4px solid #f55;
}

.z-addbox-c-ul {
    margin-left: 6px;
}

.z-addbox-c-ul li {
    padding-right: 25px;
    border-bottom: 1px dashed #dedede;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    font-size: 12px;
}

.z-addbox-c-ul li:last-child {
    border-bottom: 0;
}

.z-addbox-c-ul li a {
    color: #8f8f8f;
    margin-left: 5px;
}

.z-morebtn {
    display: block;
    float: right;
    font-size: 12px;
    color: #8f8f8f;
}

.z-addbox-c-ul li a:hover,
.z-morebtn:hover {
    color: #ff9f12;
}

.t-cp li {
    width: 266px;
    height: 100px;
    margin-right: 12px;
}

.t-cp .t-txt1 {
    height: 100px;
}

.t-cp .t-txt1 h3 {
    font-size: 20px;
    line-height: 100px;
}

.t-cp li .t-txt1 i,
.t-cp li .t-txt1 a:hover i {
    background: url(../images/index/index-four.png) no-repeat !important;
}

.t-cp li:nth-child(3) .t-txt1 i {
    width: 70px;
}

.t-cp li:nth-child(1) a:hover i,
.t-cp li:nth-child(2) a:hover i {
    background-position: 0 -70px;
}

.t-cp li:nth-child(1) .t-txt1 i,
.t-cp li:nth-child(1) a:hover i,
.t-cp li:nth-child(2) .t-txt1 i,
.t-cp li:nth-child(2) a:hover i {
    width: 60px;
    height: 70px;
    left: -6px;
}

.t-cp li:nth-child(3) .t-txt1 i {
    background-position: -70px 0;
}

.t-cp li:nth-child(3) .t-txt1 i,
.t-cp li:nth-child(3) a:hover i {
    width: 70px;
    height: 70px;
    left: -7px;
}

.t-cp li:nth-child(4) .t-txt1 i {
    background-position: -150px 0;
}

.t-cp li:nth-child(4) .t-txt1 i,
.t-cp li:nth-child(4) a:hover i {
    width: 60px;
    height: 70px;
    left: -6px;
}

.t-cp li:nth-child(1) .t-txt1 a:hover i {
    background: url(../images/index/index-four.png) no-repeat 0 -79px !important;
}

.t-cp a.t-txt1:hover {
    background: #ffa132;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp a:hover h3 {
    line-height: 1.8em;
    padding-top: 9px;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp a:hover p {
    text-align: center;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-cp li:nth-child(1) .t-txt1 i {
    background-position: 0 0 !important;
}

.t-cp li:nth-child(1) a:hover i {
    background-position: 0 -79px !important;
}

.t-cp li:nth-child(2) .t-txt1 i {
    background-position: 0 0 !important;
}

.t-cp li:nth-child(2) a:hover i {
    background-position: 0 -79px !important;
}

.t-cp li:nth-child(3) .t-txt1 i {
    background-position: -70px 0 !important;
}

.t-cp li:nth-child(3) a:hover i {
    background-position: -70px -79px !important;
}

.t-cp li:nth-child(4) .t-txt1 i {
    background-position: -149px 0 !important;
}

.t-cp li:nth-child(4) a:hover i {
    background-position: -149px -79px !important;
}

.t-con {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
}

.t-con .t-mod1-xcx {
    width: 1100px;
    height: 300px;
}

.t-con .t-mod1-xcx li {
    width: 25%;
    height: 300px;
    float: left;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.t-con .t-mod1-xcx a {
    width: 163px;
    padding: 0 55px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx .t-sec {
    position: relative;
    width: 80px;
    height: 80px;
    background: #339a44 url(../images/index/i-index20171026.png) no-repeat -20px 0;
    border-radius: 10px;
    display: block;
    margin: 84px auto 25px;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx h3 {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-xcx .t-bgi-b1,
.t-con .t-xcx .t-bgi-b2,
.t-con .t-xcx .t-bgi-b3,
.t-con .t-xcx .t-bgi-b4 {
    background: #fff url(../images/index_xcx/xcx.png) no-repeat -72px 0;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-xcx .t-bgi-b2 {
    background-position: -172px 1px;
}

.t-con .t-xcx .t-bgi-b3 {
    background-position: -277px 1px;
}

.t-con .t-xcx .t-bgi-b4 {
    background-position: -379px 1px;
}

.t-con .t-mod1-xcx p {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx a:hover {
    width: 233px;
    padding: 0 20px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx a.t-xcx:hover {
    background: url(../images/index/t-bg-xcx.jpg) no-repeat 50%;
    background-size: 100% 100%;
}

.t-con .t-mod1-xcx a:hover .t-bgi-bg1,
.t-con .t-mod1-xcx a:hover .t-bgi-bg2,
.t-con .t-mod1-xcx a:hover .t-bgi-bg3,
.t-con .t-mod1-xcx a:hover .t-bgi-bg4 {
    background: rgba(0, 0, 0, 0);
    width: auto;
    height: auto;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-xcx:hover .t-bgi-b1,
.t-con .t-xcx:hover .t-bgi-b2,
.t-con .t-xcx:hover .t-bgi-b3,
.t-con .t-xcx:hover .t-bgi-b4 {
    position: relative;
    top: 15px;
    right: -5px;
    background: url(../images/index/i-index20171026.png) no-repeat -20px 0;
    width: 80px;
    height: 80px;
    border: 0;
    border-radius: 0;
    margin: 13px auto 2px;
    text-align: center;
    display: block;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx a:hover h3 {
    font-size: 24px;
    line-height: 1.5;
}

.t-con .t-mod1-xcx a h3 i {
    display: none;
}

.t-con .t-mod1-xcx a:hover h3 i {
    display: inline-block;
}

.xcx-1,
.xcx-2,
.xcx-3,
.xcx-4 {
    width: 19px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    background: url(../images/index/i-index20171026.png) no-repeat 0 0;
}

.xcx-2 {
    background-position: 0 -18px;
}

.xcx-3 {
    background-position: 0 -36px;
}

.xcx-4 {
    background-position: 0 -56px;
}

.t-con .t-mod1-xcx a .t-bgi-more {
    margin: 66px auto 0;
    color: #333;
    display: inline-block;
}

.t-con .t-mod1-xcx a:hover .t-bgi-more {
    display: block;
    margin: 26px auto 0;
    width: 70px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1-xcx a:hover p {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    margin-top: 10px;
    line-height: 1.7;
    font-size: 14px;
}

.t-con .t-mod1-xcx a:hover p,
.t-con .t-mod1-xcx a:hover h3 {
    color: #fff;
}

.content {
    text-align: center;
    position: relative;
    z-index: 0;
    padding-top: 35px;
}

.content .sub {
    font-size: 16px;
    color: #666;
    padding: 20px 0;
    line-height: 28px;
}

.box-shadow-2 {
    -webkit-box-shadow: 0 1px 1px #eee;
    -moz-box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #eee;
    margin-bottom: 3px;
}

.z-addbox {
    width: 1100px;
    margin: 0 auto 80px;
    height: 184px;
}

.z-addbox-c {
    width: 250px;
    float: left;
    margin-right: 25px;
}

.z-addbox-c-tit1,
.z-addbox-c-tit2,
.z-addbox-c-tit3 {
    height: 16px;
    line-height: 16px;
    color: #333;
    font-size: 16px;
    text-indent: 12px;
    margin-bottom: 12px;
    border-left: 4px solid #ffa633;
}

.z-addbox-c-tit2 {
    border-left: 4px solid #3e96f8;
}

.z-addbox-c-tit3 {
    border-left: 4px solid #f55;
}

.z-addbox-c-ul {
    margin-left: 6px;
}

.z-addbox-c-ul li {
    padding-right: 25px;
    border-bottom: 1px dashed #dedede;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    font-size: 12px;
}

.z-addbox-c-ul li:last-child {
    border-bottom: 0;
}

.z-addbox-c-ul li a {
    color: #8f8f8f;
    margin-left: 5px;
}

.z-morebtn {
    display: block;
    float: right;
    font-size: 12px;
    color: #8f8f8f;
}

.z-addbox-c-ul li a:hover,
.z-morebtn:hover {
    color: #ff9f12;
}

.t-main li:nth-child(3) p {
    text-align: left;
}

.t-main .t-top h3 {
    margin-top: 25px;
}

.t-con-new {
    margin: 36px auto 0;
    width: 100%;
    overflow: hidden;
}

.t-con-new-item {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 200px;
    height: 252px;
    cursor: pointer;
}

.t-con-new-item-above {
    width: 200px;
    height: 252px;
    text-align: center;
}

.t-con-new-item-below {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 200px;
    height: 252px;
    text-align: center;
}

.t-con-new-item:hover .t-con-new-item-below {
    display: block;
}
.t-con-new-item-above-title,
.t-con-new-item-below-title {
    font-size: 18px;
    color: #333;
    line-height: 18px;
}

.t-con-new-item-below-title {
    color: #fff;
    font-weight: bold;
}

.t-con-new-item-below-textbox {
    font-size: 12px;
    color: #fff;
    margin-top: 12px;
    line-height: 20px;
}

.t-con-new-item-below-btn {
    display: inline-block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 15px;
}

.t-con-new-item-below-btn:hover {
    color: #fff;
}

.t-con-new-tips {
    margin: auto 0;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 50px;
}

.t-con-new-tips em {
    color: #3e96f8;
}

@keyframes move01 {
    0% {
        opacity: 0;
        top: -252px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@-webkit-keyframes move01 {
    0% {
        opacity: 0;
        top: -252px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@-moz-keyframes move01 {
    0% {
        opacity: 0;
        top: -252px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@-o-keyframes move01 {
    0% {
        opacity: 0;
        top: -252px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes move02 {
    0% {
        opacity: 0;
        bottom: -252px;
        top: auto;
    }
    100% {
        opacity: 1;
        bottom: 0;
        top: auto;
    }
}

@-webkit-keyframes move02 {
    0% {
        opacity: 0;
        bottom: -252px;
        top: auto;
    }
    100% {
        opacity: 1;
        bottom: 0;
        top: auto;
    }
}

@-moz-keyframes move02 {
    0% {
        opacity: 0;
        bottom: -252px;
        top: auto;
    }
    100% {
        opacity: 1;
        bottom: 0;
        top: auto;
    }
}

@-o-keyframes move02 {
    0% {
        opacity: 0;
        bottom: -252px;
        top: auto;
    }
    100% {
        opacity: 1;
        bottom: 0;
        top: auto;
    }
}

.img.dx img {
    width: 215px;
    margin-top: -25px;
}

.t-con-new li {
    float: left;
    position: relative;
    width: 200px;
    height: 180px;
    text-align: center;
    cursor: pointer;
}

.t-con-new a {
    display: block;
    width: 200px;
    height: 180px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    overflow: hidden;
}

.t-con-new-item-bg {
    position: relative;
    margin: 10px auto 30px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con-new-item h3 {
    font-size: 18px;
    color: #333;
    line-height: 18px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con-new-item p {
    font-size: 12px;
    color: #fff;
    margin-top: 12px;
    line-height: 20px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con-new-item-btn {
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    margin: 15px auto 0;
    font-style: normal;
}

.dl-solution-list a.item-zb:before {
    background-image: url(../images/item-zb.png) !important;
    background-repeat: no-repeat;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
    height: 820px;
    background-position: 50% center;
    background-size: cover;
}

.banner li {
    position: relative;
}

.banner li img {
    height: 680px;
}

.banner li .bann_con {
    position: absolute;
    top: 97px;
    width: 100%;
}

.banner li .bann_con h2 {
    font-size: 44px;
}

.banner li .bann_con .goal {
    font-size: 18px;
    padding: 26px 0;
}

.banner li .bann_con .btn {
    margin: 6px 0;
}

.banner li .bann_con .btn a {
    display: inline-block;
    margin-right: 20px;
    padding: 12px 17px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #f8b500;
}

.banner li .bann_con .btn .try1 {
    background-color: #f8b500;
}

.banner li .bann_con .btn .try2 {
    border-color: #7495ff;
    background-color: #7495ff;
}

.banner li .bann_con .btn .try3 {
    color: #ff6642;
    border-color: #fedc9b;
    background-color: #fedc9b;
}

.banner li .bann_con .btn .detail {
    border-color: #fff;
}

.banner li .bann_con .tel {
    padding-left: 28px;
    line-height: 58px;
    background: url(../img/icon-1.png) -228px -152px no-repeat;
}

.banner .bann_footer {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
}

.banner .bann_footer li a {
    float: left;
    display: flex;
    display: -webkit-flex;
    width: 400px;
    height: 105px;
    padding: 33px 68px 0;
    box-sizing: border-box;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

.banner .bann_footer li a:hover {
    background: rgba(255, 255, 255, 0.15);
}

.banner .bann_footer li a:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.banner .bann_footer li a .icon {
    width: 48px;
    height: 48px;
    background: url(../img/icon.png) -126px -76px;
}

.banner .bann_footer li a .icon-1 {
    width: 48px;
    height: 48px;
    background: url(../img/icon-1.png) -126px -76px;
}

.banner .bann_footer li a .con {
    padding-left: 19px;
}

.banner .bann_footer li a .con .title {
    font-size: 18px;
    font-weight: bold;
}

.banner .bann_footer li a .con p {
    padding: 15px 0;
}

.banner .bann_footer li:nth-child(2) .icon {
    background-position: -325px -76px;
}

.banner .bann_footer li:nth-child(3) .icon {
    background-position: -553px -76px;
}

.content {
    text-align: center;
    position: relative;
}

.content h4 {
    font-size: 32px;
    font-family: 'Microsoft YaHei';
    color: rgb(247, 247, 247);
    text-transform: uppercase;
    line-height: 0.75;
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 40px;
    z-index: -1;
}

.content h3 {
    font-size: 36px;
    color: #333;
}

.system {
    margin-top: 30px;
    padding: 0 0 68px;
}

.system ul {
    display: flex;
    flex-wrap: wrap;
}

.system ul li {
    position: relative;
    width: 390px;
    height: 220px;
    margin: 0 15px 20px 0;
    overflow: hidden;
}

.system ul li:nth-of-type(3n) {
    margin-right: 0;
}

.system ul li .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.system ul li .shadow p {
    font-size: 28px;
    color: #fff;
    margin-top: 80px;
    text-align: center;
}

.system ul li .shadow span {
    font-size: 16px;
    color: #fff;
    margin-top: 18px;
    text-align: center;
    display: block;
}

.system ul li:nth-child(1) {
    background: url(../img/system1.png);
    background-size: cover;
}

.system ul li:nth-child(2) {
    background: url(../img/system2.png);
}

.system ul li:nth-child(3) {
    background: url(../img/system3.png);
}

.system ul li:nth-child(4) {
    background: url(../img/system4.png);
}

.system ul li:nth-child(5) {
    background: url(../img/system5.png);
}

.system ul li:nth-child(6) {
    background: url(../img/system6.png);
}

.system ul li .version {
    position: absolute;
    width: 230px;
    height: 80px;
    left: 0;
    right: 0;
    margin: 90px auto 0;
    border-radius: 55px;
    font: 35px/80px 'Microsoft YaHei', sans-serif;
    /*font:bold 35px/80px "宋体","Microsoft YaHei",sans-serif;*/
    background: rgba(255, 255, 255, 0.75);
    color: #f8b500;
    font-weight: bold;
}

.system ul li .mask {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    overflow: hidden;
    box-sizing: border-box;
    background: -webkit-linear-gradient(left, #f8b500, #66d9ff);
    background: -o-linear-gradient(right, #f8b500, #66d9ff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f8b500, #66d9ff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f8b500, #66d9ff);
    /* 标准的语法 */
    color: #fff;
}

.system ul li .mask .title {
    padding: 30px 0 18px;
    font-size: 21px;
}

.system ul li .mask p {
    padding: 0 30px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 18px;
    text-align: left;
}

.system ul li .mask .detail {
    width: 100px;
    height: 36px;
    line-height: 36px;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
}

.system ul li:hover .mask {
    display: block;
}

.promotion {
    height: 420px;
    position: relative;
    z-index: 2000;
    /*background-image:url(../img/bg1.png);*/
    color: #fff;
}

.promotion h3 {
    padding: 50px 0;
    color: #fff;
}

.promotion ul {
    display: flex;
    display: -webkit-flex;
}

.promotion li {
    width: 25%;
    height: 158px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
}

.promotion li .top {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.promotion li em {
    font-size: 80px;
}

.promotion li span {
    width: 40px;
    margin-left: 11px;
    background: url(../img/icon3.png) -31px -62px;
}

.content .promotion li:nth-child(2) span {
    background-position: -130px -62px;
}

.promotion li:nth-child(3) span {
    background-position: -230px -62px;
}

.promotion li:nth-child(4) span {
    background-position: -31px -62px;
}

.promotion li .bottom {
    padding-bottom: 17px;
    font-size: 18px;
}

.promotion .btn {
    display: block;
    width: 138px;
    margin: 39px auto 46px;
    padding: 15px 0;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
}

.company-container {
    width: 100%;
    background: url(../images/gsjs_bg.jpg) no-repeat top center;
    margin-bottom: 40px;
    background-size: cover;
}

.button_box {
    margin: auto;
    height: 44px;
    text-align: center;
    line-height: 42px;
    color: #e34632;
    border: 1px solid #e34632;
    border-radius: 30px;
    display: block;
    position: relative;
    font-size: 16px;
    width: 220px;
}

.button_box:hover {
    background: #e34632;
    color: #fff;
}

.gsjs_box {
    width: 1200px;
    margin: auto;
    padding: 100px 0px 0px;
    color: #fff;
}

.gsjs_box .gsjs_h2 {
    font-size: 48px;
    margin-bottom: 40px;
}

.gsjs .about_text {
    float: left;
    width: 50%;
    padding-right: 60px;
    box-sizing: border-box;
}
.gsjs .about_text p {
    margin-bottom: 50px;
    color: #fff;
    line-height: 34px;
    text-align: left;
    font-size: 15px;
}
.gsjs_ul {
    margin-right: -20px;
    margin-bottom: 60px;
    width: 50%;
    float: right;
}

.gsjs_ul li {
    float: left;
    width: 280px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, 1);
    padding: 20px 25px;
    box-sizing: border-box;
    margin-right: 20px;
    border-radius: 40px 10px 40px 10px;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 5%);
}

.gsjs_ul li img {
    width: 40px;
    float: left;
    margin-bottom: 20px;
    border-radius: 4px;
}

.gsjs_ul li .gsjs_li {
    float: left;
    font-size: 12px;
    line-height: 24px;
    color: #939393;
}

.gsjs_ul li .gsjs_li h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.gsjs .button_box {
    background-color: #e34632;
    color: #fff;
    border: 1px solid #e34632;
    float: left;
}

.newsbox {
    width: 1200px;
    margin: auto;
}

.newsbox li {
    padding: 15px 35px 15px 0px;
    float: left;
    width: 400px;
    overflow: hidden;
    box-sizing: border-box;
}

.newsbox ul {
    height: auto;
    overflow: hidden;
}

.newsbox a {
    font-size: 16px;
    padding-top: 5px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.newsbox a span {
    color: #999;
    margin-right: 15px;
}

.home-contact {
    padding-top: 260px;
    height: 409px;
    background: url(../images/contact_img.png) no-repeat bottom center;
    margin-top: 60px;
    width: 100%;
}

.anlibox {
    width: 100%;
    height: 500px;
    text-align: center;
}

.anli {
    width: 1400px;
    height: 500px;
    margin: auto;
    padding-top: 15px;
}

.anli img {
    width: 300px;
    text-align: center;
    padding: 0 20px;
}

.cjbg {
    width: 100%;
}

.cjjz {
    margin-bottom: 40px;
    margin-top: 20px;
}

.cjbox {
    width: 400px;
    float: left;
    margin-top: 30px;
    text-align: center;
    position: relative;
}

.cjbox .cjbg {
    width: 340px;
    height: 180px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 10px;
}

.xf_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.cjbox .cjpng {
    width: 60px;
    height: 60px;
    filter: brightness(100);
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
}

.cjbox:hover .cjpng {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.cjbox h2 {
    text-align: center;
    font-size: 26px;
    color: #fff;
}

.cjbox p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 20px 0 0px;
}
.content_one {
    margin: auto;
    width: 1200px;
}

.contactinfo {
    margin-left: 60px;
    margin-top: 5px;
    width: 421px;
}

.dress {
    margin-top: 62px;
}

.fk_box {
    width: 600px;
}

.fk_box img {
    width: 70px;
    text-align: center;
}

.fk_box p {
    float: left;
    margin-right: 33px;
    margin-top: 28px;
}

.fk_box a {
    weight: 10px;
    margin-top: 24px;
}

.footright {
    width: 100%;
    height: 80px;
    background-color: #333;
}

.footright p {
    color: #999;
    text-align: center;
    padding-top: 20px;
}

.qingyan {
    color: #999;
    text-align: center;
    padding-top: 13px;
}

.qingyan a {
    color: #999;
}

.example {
    height: 720px;
    overflow: hidden;
    background: url(../images/yjcy-bg.jpg) center;
    color: #fff;
    z-index: 0;
    position: relative;
    padding: 55px 0px;
    background-size: cover;
}

.example h4 {
    color: #eee;
}

.example h3 {
    color: #333;
}

.example .sub {
    padding: 40px 0 72px;
    color: #fff;
}

.example .menu {
    width: 180px;
}

.example .menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background-color: rgba(255, 255, 255, 0.2);
}

.example .menu li:first-child {
    background-color: #f8b500;
}

.example .menu li:last-child {
    border-bottom: 0;
}

.example .menu li a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    color: #fff;
}

.example .menu li i {
    display: inline-block;
    width: 26px;
    height: 25px;
    margin-right: 18px;
    margin-bottom: -6px;
    background: url(../images/i_icons.png) no-repeat;
}

.example .menu li .takeout1 {
    background-position: 0px -1px;
}

.example .menu li .takeout2 {
    background-position: -30px -1px;
}

.example .menu li .takeout3 {
    background-position: -66px -1px;
}

.example .menu li .takeout4 {
    background-position: -106px -1px;
}

.example .menu li .takeout5 {
    background-position: -141px -1px;
}

.example .menu li .takeout6 {
    background-position: 0px -30px;
}

.example .menu li .takeout7 {
    background-position: -30px -30px;
}

.example .menu li .takeout8 {
    background-position: -66px -30px;
}

.example .information {
    position: relative;
    width: 976px;
}

.example .information .info_con {
    display: none;
    position: absolute;
    top: 0;
    width: 966px;
}

.infobox {
    width: 430px;
    display: inline-block;
    float: left;
    background: url(../images/mh.png) no-repeat;
    background-position: right 40px;
    padding-right: 120px;
    background-size: 80px;
}

.cyimgbox {
    display: inline-block;
    width: 390px;
    float: right;
    margin-top: 8px;
}

.cyimgbox img {
    width: 390px;
}

.example .information ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.example .information ul li {
    margin-top: 80px;
}

.example .information ul li .wx {
    width: 44px;
    height: 44px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(../images/img01.png);
}

.example .information ul li:nth-child(1) .wx {
    background-position: 4px 7px;
}

.example .information ul li:nth-child(2) .wx {
    background-position: -40px 7px;
}

.example .information ul li:nth-child(3) .wx {
    background-position: -82px 7px;
}

.example .information ul li:nth-child(4) .wx {
    background-position: -127px 7px;
}

.example .information ul.ul2 li:nth-child(1) .wx {
    background-position: 5px -32px;
}

.example .information ul.ul2 li:nth-child(2) .wx {
    background-position: -39px -32px;
}

.example .information ul.ul2 li:nth-child(3) .wx {
    background-position: -82px -32px;
}

.example .information ul.ul2 li:nth-child(4) .wx {
    background-position: -127px -32px;
}

.example .information ul.ul3 li:nth-child(1) .wx {
    background-position: 4px -69px;
}

.example .information ul.ul3 li:nth-child(2) .wx {
    background-position: -41px -69px;
}

.example .information ul.ul3 li:nth-child(3) .wx {
    background-position: -83px -69px;
}

.example .information ul.ul3 li:nth-child(4) .wx {
    background-position: -126px -69px;
}

.example .information ul.ul4 li:nth-child(1) .wx {
    background-position: 5px -107px;
}

.example .information ul.ul4 li:nth-child(2) .wx {
    background-position: -41px -107px;
}

.example .information ul.ul4 li:nth-child(3) .wx {
    background-position: -82px -107px;
}

.example .information ul.ul4 li:nth-child(4) .wx {
    background-position: -127px -107px;
}

.example .information ul.ul5 li:nth-child(1) .wx {
    background-position: 5px -145px;
}

.example .information ul.ul5 li:nth-child(2) .wx {
    background-position: -41px -145px;
}

.example .information ul.ul5 li:nth-child(3) .wx {
    background-position: -82px -145px;
}

.example .information ul.ul5 li:nth-child(4) .wx {
    background-position: -127px -145px;
}

.example .information ul.ul6 li:nth-child(1) .wx {
    background-position: 5px -184px;
}

.example .information ul.ul6 li:nth-child(2) .wx {
    background-position: -41px -184px;
}

.example .information ul.ul6 li:nth-child(3) .wx {
    background-position: -82px -184px;
}

.example .information ul.ul6 li:nth-child(4) .wx {
    background-position: -128px -184px;
}

.example .information ul.ul7 li:nth-child(1) .wx {
    background-position: 4px -220px;
}

.example .information ul.ul7 li:nth-child(2) .wx {
    background-position: -41px -220px;
}

.example .information ul.ul7 li:nth-child(3) .wx {
    background-position: -83px -220px;
}

.example .information ul.ul7 li:nth-child(4) .wx {
    background-position: -128px -220px;
}

.example .information ul.ul8 li:nth-child(1) .wx {
    background-position: 4px -260px;
}

.example .information ul.ul8 li:nth-child(2) .wx {
    background-position: -41px -260px;
}

.example .information ul.ul8 li:nth-child(3) .wx {
    background-position: -82px -260px;
}

.example .information ul.ul8 li:nth-child(4) .wx {
    background-position: -127px -260px;
}

.example .information ul li p {
    padding-top: 22px;
}

.example .information .txt {
    padding: 0 0px;
    text-align: left;
    padding-top: 20px;
}

.example .information .txt .title {
    font-size: 20px;
    border-left: 4px solid #f8b500;
    padding-left: 15px;
    font-weight: bold;
}

.example .information .txt .intro {
    padding: 20px 0;
    line-height: 28px;
}

.example .information .txt .more {
    display: inline-block;
    margin: 12px 0;
    padding: 14px 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #fff;
}

.example .information .txt .more i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    font-style: normal;
}

.content .city {
    background: url(../img/map_bg.png) center;
    color: #fff;
}

.content .city h3 {
    padding-top: 80px;
    color: #fff;
}

.content .city p {
    color: #fff;
}

.content .city .w_1200 {
    position: relative;
    height: 800px;
    background: url(../img/light.png) no-repeat 190px 214px, url(../img/map.png) no-repeat center left;
}

.content .city .district span {
    position: absolute;
    font-size: 20px;
    color: #919297;
}

.content .city .district span:nth-child(1) {
    top: 360px;
    left: 188px;
}

.content .city .district span:nth-child(2) {
    top: 504px;
    left: 250px;
}

.content .city .district span:nth-child(3) {
    top: 613px;
    left: 430px;
}

.content .city .district span:nth-child(4) {
    top: 253px;
    left: 612px;
}

.content .city .district span:nth-child(5) {
    top: 363px;
    left: 435px;
}

.content .city .district span:nth-child(6) {
    top: 530px;
    left: 530px;
}

.content .city .right li {
    margin-top: 58px;
    padding-left: 70px;
}

.content .city .right li:nth-child(1) {
    background: url(../img/provider1.png) no-repeat;
}

.content .city .right li:nth-child(2) {
    background: url(../img/provider2.png) no-repeat;
}

.content .city .right li:nth-child(3) {
    background: url(../img/provider3.png) no-repeat;
}

.content .city .right li:nth-child(3) p {
    border-bottom: 0;
}

.content .city .right li .num {
    font-size: 50px;
}

.content .city .right li p {
    padding: 20px 0 35px;
    font-size: 20px;
    color: #cacaca;
    border-bottom: 1px solid #424456;
}

.index_news {
    display: flex;
    display: -webkit-flex;
}

.content .company h3 {
    padding-top: 84px;
}

.content .company .sub {
    font-size: 18px;
    padding: 20px 0 0;
}

.content .company img {
    display: block;
    margin: 70px auto 100px;
}

.content .free_experience {
    height: 280px;
    background: url(../img/bg2.png) center;
}

.content .free_experience h3 {
    padding-top: 75px;
    color: #fff;
}

.content .free_experience .input {
    width: 515px;
    border: 2px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 40px auto;
    background: #fff;
    color: #fff;
    text-align: left;
}

.content .free_experience .input input {
    width: 65%;
    height: 46px;
    padding: 0 17px;
    font-size: 16px;
    color: #999;
}

.content .free_experience .input .exp_btn {
    height: 46px;
    line-height: 46px;
    padding: 0 32px;
    background: #f8b500;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
}

/* 客服弹出框 */

#service {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 500px;
    top: 20px;
    left: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 0 19px #b6b6b6;
}

#service .service_con {
    padding: 30px 55px 0;
}

#service .service_con h2 {
    font-size: 30px;
    font-weight: bold;
    color: #2e3642;
}

#service .service_con .sub {
    padding-top: 12px;
    font-size: 16px;
    color: #2e3642;
}

#service .service_con .service_tel {
    position: relative;
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
}

#service .service_con .service_tel input {
    width: 70%;
    height: 38px;
    padding: 0 10px;
    border-radius: 50%;
    color: #999;
}

#service .service_con .service_tel button {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 36px;
    line-height: 36px;
    border-top-right-radius: 17px 18px;
    border-bottom-right-radius: 17px 18px;
    background: #f75a55;
    padding: 0 18px;
    font-size: 16px;
    color: #fff;
}

#service .service_con p {
    padding: 11px 0;
    font-size: 12px;
    line-height: 20px;
    color: #999;
}

#service .close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: url(../img/close.png);
}

#service .consult {
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    overflow: hidden;
    background: url(../img/consult_bg.png);
}

#service .consult a {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    width: 50%;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

#service .consult a i {
    display: block;
    width: 31px;
    height: 100%;
    margin-right: 10px;
    background: url(../img/consult.png);
}

#service .consult a.consult_qq {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#service .consult a.consult_qq i {
    display: block;
    width: 31px;
    height: 100%;
    margin-right: 10px;
    background-position: 0 0;
}

#service .consult a.consult_online i {
    background-position: 0 -100px;
}

/*# sourceMappingURL=index.css.map */

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

.indexEntry {
    height: 690px;
}

.indexEntry .entryTitle {
    padding-top: 60px;
}

.indexEntry .entryTitle h5 {
    text-align: center;
    font-size: 32px;
    color: #fff;
}

.indexEntry .entryTitle p {
    text-align: center;
    font-size: 16px;
    color: #ddd;
    margin-top: 10px;
}

.indexEntry .entryList {
    margin-top: 40px;
}

.indexEntry .entryList li {
    width: 180px;
    height: 220px;
    float: left;
    background: url('../images/bg.png');
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 10px;
    overflow: hidden;
}

.indexEntry .entryList .ml {
    margin-right: 0 !important;
}

.indexEntry .entryList a {
    width: 180px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-sec {
    height: 74px;
    width: 74px;
    display: block;
    margin: 40px auto 20px;
    overflow: hidden;
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-bgi-bg-a {
    background: url('../images/a.png') no-repeat;
}

.t-bgi-bg-b {
    background: url('../images/b.png') no-repeat;
}

.t-bgi-bg-c {
    background: url('../images/c.png') no-repeat;
}

.t-bgi-bg-d {
    background: url('../images/d.png') no-repeat;
}

.t-bgi-bg-e {
    background: url('../images/e.png') no-repeat;
}

.t-bgi-bg-f {
    background: url('../images/f.png') no-repeat;
}

.t-bgi-bg-g {
    background: url('../images/g.png') no-repeat;
}

.t-bgi-bg-h {
    background: url('../images/h.png') no-repeat;
}

.t-bgi-bg-j {
    background: url('../images/j.png') no-repeat;
}

.t-bgi-bg-i {
    background: url('../images/i.png') no-repeat;
}

.t-bgi-bg-k {
    background: url('../images/k.png') no-repeat;
}

.t-bgi-bg-l {
    background: url('../images/l.png') no-repeat;
}

.t-mod1 h3 {
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    font-size: 20px;
}

.indexEntry {
    background: url(../images/Ndrk-bg.jpg) no-repeat center center;
    height: 690px;
}

.indexEntry .inter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 220px;
    z-index: 5;
    display: none;
}

.indexEntry .inter-a {
    background: url('../images/a2.png') no-repeat center;
}

.indexEntry .inter-b {
    background: url('../images/b2.png') no-repeat center;
}

.indexEntry .inter-c {
    background: url('../images/c2.png') no-repeat center;
}

.indexEntry .inter-d {
    background: url('../images/d2.png') no-repeat center;
}

.indexEntry .inter-e {
    background: url('../images/e2.png') no-repeat center;
}

.indexEntry .inter-f {
    background: url('../images/f2.png') no-repeat center;
}

.indexEntry .inter-g {
    background: url('../images/g2.png') no-repeat center;
}

.indexEntry .inter-h {
    background: url('../images/h2.png') no-repeat center;
}

.indexEntry .inter-j {
    background: url('../images/j2.png') no-repeat center;
}

.indexEntry .inter-i {
    background: url('../images/i2.png') no-repeat center;
}

.indexEntry .inter-k {
    background: url('../images/k2.png') no-repeat center;
}

.indexEntry .inter-l {
    background: url('../images/l2.png') no-repeat center;
}

.indexEntry .inter p {
    height: 18px;
    line-height: 18px;
    opacity: 0;
    font-size: 12px;
    margin-top: 0px;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    text-align: center;
}

.indexEntry .inter span {
    opacity: 0;
    font-size: 20px;
    margin-top: 0px;
    color: #fff;
    display: block;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    text-align: center;
}

.indexEntry .inter .t-bgi-more {
    opacity: 0;
    width: 48px;
    height: 48px;
    margin: 0px auto 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    display: block;
}

.indexEntry .inter .t-bgi-a {
    background: url('../images/a.png') no-repeat center;
}

.indexEntry .inter .t-bgi-b {
    background: url('../images/b.png') no-repeat center;
}

.indexEntry .inter .t-bgi-c {
    background: url('../images/c.png') no-repeat center;
}

.indexEntry .inter .t-bgi-d {
    background: url('../images/d.png') no-repeat center;
}

.indexEntry .inter .t-bgi-e {
    background: url('../images/e.png') no-repeat center;
}

.indexEntry .inter .t-bgi-f {
    background: url('../images/f.png') no-repeat center;
}

.indexEntry .inter .t-bgi-g {
    background: url('../images/g.png') no-repeat center;
}

.indexEntry .inter .t-bgi-h {
    background: url('../images/h.png') no-repeat center;
}

.indexEntry .inter .t-bgi-j {
    background: url('../images/j.png') no-repeat center;
}

.indexEntry .inter .t-bgi-i {
    background: url('../images/i.png') no-repeat center;
}

.indexEntry .inter .t-bgi-k {
    background: url('../images/k.png') no-repeat center;
}

.indexEntry .inter .t-bgi-l {
    background: url('../images/l.png') no-repeat center;
}

.indexEntry .inter:hover span {
    opacity: 1;
    margin-top: 25px;
}

.indexEntry .inter:hover p {
    opacity: 1;
    margin-top: 10px;
}

.indexEntry .inter:hover .t-bgi-more {
    opacity: 1;
    margin: 40px auto 0;
}

.indexEntry .entryList a:hover {
    width: 180px;
    height: 220px;
    position: absolute;
    top: -80px;
    left: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.indexEntry .entryList a:hover .inter {
    position: absolute;
    top: 80px;
    left: 0;
    display: block;
}

.maincolor {
    color: #ff6800;
    font-weight: bold;
}

.about_ringt {
    width: 740px;
    float: right;
    font-size: 16px;
    line-height: 30px;
}

.about_ringt p {
    text-indent: 32px;
    margin-bottom: 20px;
}

.about_ringt .more {
    margin-top: 20px;
    display: block;
    padding-left: 28px;
}

.about_ringt .more a {
    font-size: 14px;
    color: #f8b500;
    border: 1px solid #f8b500;
    padding: 0px 10px;
}

.yfsl_list {
    /* padding-top: 90px; */
    height: auto;
    overflow: hidden;
    width: 400px;
    float: left;
    /* padding-bottom: 40px */
    background: #fff url('../images/line.png') no-repeat center;
}

.yfsl_item {
    width: 200px;
    padding: 25px 0px 50px;
    float: left;
}

.yfsl_item img {
    display: block;
    margin: 0 auto;
    width: 40px;
}

.yfsl_num {
    font-size: 48px;
    line-height: 50px;
    color: #947455;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'impact';
}

.yfsl_tex {
    font-size: 16px;
    color: #282828;
    margin-top: 20px;
    text-align: center;
}

.wrapper_1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.banben_nav li {
    text-align: center;
    font-size: 16px;
    width: 133px;
    float: left;
    color: #333;
    box-sizing: border-box;
    margin-top: 20px;
    position: relative;
}
.banben_nav li.hover::before {
    content: '';
    width: 25px;
    height: 25px;
    box-shadow: 3px 3px 5px rgb(211 208 219 / 10%);
    position: absolute;
    z-index: 11;
    background-color: #fff;
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translate(-50%, 0px) rotate(45deg);
}
.banben_nav li span {
    font-size: 20px;

    margin-top: 15px;
}
.banben_nav li.hover span {
    font-weight: bold;
}
.banben_nav li img {
    width: 94px;
    height: 94px;
    display: block;
    margin: auto;
}
.banben_nav li .pic {
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
.banben_nav li .pic.pic1 {
    background: url(../images/fctab6.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic1 {
    background: url(../images/fctab6_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic2 {
    background: url(../images/fctab2.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic2 {
    background: url(../images/fctab2_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic3 {
    background: url(../images/fctab1.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic3 {
    background: url(../images/fctab1_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic4 {
    background: url(../images/fctab3.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic4 {
    background: url(../images/fctab3_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic5 {
    background: url(../images/fctab4.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic5 {
    background: url(../images/fctab4_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic6 {
    background: url(../images/fctab5.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic6 {
    background: url(../images/fctab5_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic7 {
    background: url(../images/fctab7.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic7 {
    background: url(../images/fctab7_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic8 {
    background: url(../images/fctab8.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic8 {
    background: url(../images/fctab8_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li .pic.pic9 {
    background: url(../images/fctab9.png) no-repeat;
    background-size: 40px 40px;
}
.banben_nav li.hover .pic.pic9 {
    background: url(../images/fctab9_hover.png) no-repeat;
    background-size: 40px 40px;
}
.banben_box {
    width: 100%;
    margin-top: 10px;
    background-color: #fff;
    padding: 60px 0px 20px 40px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgb(211 208 219 / 30%);
    position: relative;
    z-index: -2;
}
.banben_box_left {
    width: 600px;
    float: left;
    height: 402px;
    box-sizing: border-box;
}

.banben_box_left h3 {
    font-size: 34px;
    color: #333;
    font-weight: bold;
    padding: 0px 0px 40px;
    position: relative;
}
.banben_box_left h3::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 35px;
    width: 108px;
    height: 10px;
    z-index: -1;
    background: linear-gradient(to right, #e34632, #fff);
}
.banben_box_left p {
    font-size: 20px;
    color: #333;
    line-height: 38px;
    height: 144px;
}
.banben_box_left .banben_tedian span {
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    float: left;
    width: 33.33%;
    margin: 15px 0px;
    background: url(../images/gb_icon.png) no-repeat;
    padding-left: 30px;
    background-size: 20px 20px;
    box-sizing: border-box;
    background-position: left center;
}

.banben_box_right {
    width: 500px;
    text-align: right;
    float: right;
}

.banben_box_right img {
    height: 400px;
}

.zxzx {
    animation: ylMovecw linear 1.5s infinite;
    -moz-animation: ylMovecw linear 1.5s infinite;
    -webkit-animation: ylMovecw linear 1.5s infinite;
    -o-animation: ylMovecw linear 1.5s infinite;
}

@keyframes ylMovecw {
    0% {
        left: 0;
    }
    25% {
        left: -20px;
    }
    50% {
        left: 0;
    }
    75% {
        left: 20px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes ylMovecw {
    0% {
        left: 0;
    }
    25% {
        left: -20px;
    }
    50% {
        left: 0;
    }
    75% {
        left: 20px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes ylMovecw {
    0% {
        left: 0;
    }
    25% {
        left: -20px;
    }
    50% {
        left: 0;
    }
    75% {
        left: 20px;
    }
    100% {
        left: 0;
    }
}

@-o-keyframes ylMovecw {
    0% {
        left: 0;
    }
    25% {
        left: -20px;
    }
    50% {
        left: 0;
    }
    75% {
        left: 20px;
    }
    100% {
        left: 0;
    }
}

.marketing_gn {
    background-color: #f5fbf6;
    padding-top: 40px;
}

.marketing_gn .TiTle {
    margin: 60px;
}

.marketing_gn .list li {
    height: 500px;
    width: 1200px;
    margin: auto;
    background-color: #fff;
}

.marketing_gn .list li.bgColor {
    background-color: #f5fbf6;
}

.marketing_gn .list li .text {
    width: 660px;
    height: 500px;
    display: table;
}

.marketing_gn .list li .text .tableCell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px;
    padding-right: 60px;
}

.marketing_gn .list li .text .num {
    width: 68px;
    height: 46px;
}

.marketing_gn .list li .text .num img {
    width: 100%;
    height: 100%;
}

.marketing_gn .list li .text .name {
    font-size: 32px;
    color: #282828;
    margin-top: 22px;
}

.marketing_gn .list li .text .infor {
    font-size: 16px;
    color: #999;
    margin-top: 28px;
    line-height: 1.7;
}

.marketing_gn .list li .pictrue {
    width: 533px;
    height: 500px;
    display: table;
}

.marketing_gn .list li .pictrue .img {
    display: table-cell;
    vertical-align: middle;
}

/* 版本 */

.bg_002 {
    background: url(../images/bg001.jpg) no-repeat top;
    padding-top: 80px;
}

.anli_box {
    display: flex;
    margin-right: -30px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.anli_box li {
    width: 33.33%;
    padding: 0px 15px 50px;
    text-align: center;
    background: #fff;
    margin-right: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 5%);
    position: relative;
    z-index: 0;
}

.anli_box li .yanzi_bg {
    background: url(../images/yanzi_bg.png) no-repeat;
    background-position: center -55px;
    background-size: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 200px;
    z-index: 1;
}

.anli_box li:nth-child(2) .yanzi_bg {
    filter: brightness(0.85);
}

.anli_box li:nth-child(4) .yanzi_bg {
    filter: brightness(0.85);
}

.anli_box .anli_img {
    width: 70px;
    margin: 30px auto 0px;
    height: 70px;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
    border-radius: 100px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    position: relative;
    z-index: 2;
}

.anli_box li h2 {
    font-size: 26px;
    margin-top: 44px;
    margin-bottom: 20px;
}

.anli_box li p {
    color: #999;
    font-size: 12px;
    border-radius: 30px;
    background-color: rgb(243, 243, 243);
    display: inline-block;
    padding: 0px 10px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 1px;
}

.anli_box li .text_box {
    color: #333;
    font-size: 13px;
    line-height: 24px;
    margin: 20px 20px;
}

.anli_box li .line {
    width: 40px;
    height: 4px;
    background-color: #e34632;
    margin: 20px auto;
    display: block;
}

.anli_box li .banben_tedian {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    border-radius: 8px;
    padding: 10px;
    margin: 20px 15px 20px;
    transition: All 1s;
    -webkit-transition: All 1s;
    -moz-transition: All 1s;
    -o-transition: All 1s;
}

.anli_box li .banben_tedian span {
    margin-right: 15px;
    display: inline-block;
    text-align: left;
}

.anli_box li .btn_button_qq {
    margin: auto;
    height: 28px;
    text-align: center;
    line-height: 26px;
    color: #e34632;
    border: 1px solid #e34632;
    border-radius: 30px;
    display: block;
    position: relative;
    font-size: 12px;
    width: 80px;
}

.anli_box li.hover {
    background: linear-gradient(to bottom, #f98d58, #ff5337);
}

.anli_box li:hover .anli_img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.anli_box li.hover h2 {
    color: #fff;
}

.anli_box li.hover .text_box {
    color: #fff;
}

.anli_box li:nth-child(1).hover p {
    color: #fff;
    background-color: rgb(241, 155, 24);
}

.anli_box li:nth-child(3).hover p {
    color: #fff;
    background-color: rgb(255, 71, 37);
}

.anli_box li.hover .line {
    background-color: #fff;
}

.anli_box li.hover .banben_tedian {
    background-color: #fff;
    color: #333;
}

.anli_box li.hover .btn_button_qq {
    color: #fff;
    border: 1px solid #fff;
}

.anli_box li:hover .btn_button_qq {
    transform: scale(1.2);
}

.bg_002 .content.yszt p {
    color: #fff;
}

.bg_002 .content.yszt h3 {
    color: #5e4949;
}

.f-cb {
    text-align: center;
}

.f-cb a {
    color: #e34632;
}

.f-cb .button_box {
    display: inline-block;
}