@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
    }
}

.grid-price {
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    padding: 60px 0px;
    background: url(../images/bg002.jpg) no-repeat top;
}

.grid-price .content h4 {
    color: rgb(255, 255, 255, 0.15);
}

.grid-price .content h3 {
    color: #fff;
}

.grid-price .content .sub {
    color: #fff;
}

.grid-price .base {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: 0 15px;
    width: 322px;
    padding: 26px 36px;
}

.grid-price .base img {
    width: 59px;
    margin: 10px auto 20px;
}

.grid-price .base .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.grid-price .base .sub-title {
    font-size: 12px;
    color: #666;
    background-color: #f7f7f7;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 10px;
}

.grid-price .base .base_ul {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f8fffa;
    border-radius: 8px;
    padding: 15px 10px 10px;
    height: 78px;
}

.grid-price .base .base_ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.grid-price .base .base_ul li span.active {
    color: #ff6800;
}

.grid-price .price {
    color: #333;
    font-weight: 500;
    font-size: 27px;
    line-height: 37px;
    margin-top: 21px;
    margin-bottom: 21px
}

.grid-price .mod-btn {
    margin: auto;
    height: 28px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 26px;
    color: #4bc45d;
    border: 1px solid #4bc45d;
    border-radius: 30px;
    display: block;
    position: relative;
    font-size: 12px;
    width: 80px;
}

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

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

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

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

.yycj {
    padding: 60px 0px 100px;
    height: auto;
    overflow: hidden;
}

#shop .worth {
    padding-bottom: 115px;
    text-align: center;
}

#shop .worth h3 {
    font-size: 32px;
    padding: 78px 0 30px;
}

#shop .worth .sub {
    font-size: 16px;
    color: #888;
    margin-bottom: 60px;
}

#shop .worth ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#shop .worth li {
    width: 290px;
    height: 160px;
    margin-bottom: 24px;
    border-radius: 9px;
    line-height: 160px;
    color: #fff;
}

#shop .worth li p {
    font-size: 22px;
}

#shop .worth li:nth-child(1) {
    background: url(../images/trade1.png);
}

#shop .worth li:nth-child(2) {
    background: url(../images/trade2.png);
}

#shop .worth li:nth-child(3) {
    background: url(../images/trade3.png);
}

#shop .worth li:nth-child(4) {
    background: url(../images/trade4.png);
}

#shop .worth li:nth-child(5) {
    background: url(../images/trade5.png);
}

#shop .worth li:nth-child(6) {
    background: url(../images/trade6.png);
}

#shop .worth li:nth-child(7) {
    background: url(../images/trade7.png);
}

#shop .worth li:nth-child(8) {
    background: url(../images/trade8.png);
}

.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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

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

.t-cp a.t-txt1:hover {
    background: #ffa132;
    transition: all .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 .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 .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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-mod1 h3 {
    transition: all .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: #02c25b
}

.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 .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 .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 .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 .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 .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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-mod1 a:hover p {
    opacity: 1;
    transition: all .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 .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 .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 .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 .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 .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 .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 {
    margin: 0px auto 0;
    overflow: hidden;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con1 .t-mod1 h3 {
    transition: margin .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: #02c25b
}

.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 .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 .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 .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 .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 .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 .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 .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 .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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

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

.t-con1 .t-mod1 a:hover p {
    opacity: 1;
    transition: all .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 .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 .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 #02c25b
}

.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 .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 .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 .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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-mod1-xcx h3 {
    transition: all .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 .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 .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 .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 .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 .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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-mod1-xcx a:hover p {
    opacity: 1;
    transition: all .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;
}

.content .sub {
    font-size: 16px;
    color: #666;
    padding: 30px 0 20px;
    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 #02c25b
}

.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-icon01,
.t-con-new-item-above-icon02,
.t-con-new-item-above-icon03,
.t-con-new-item-above-icon04,
.t-con-new-item-above-icon05,
.t-con-new-item-above-icon06,
.t-con-new-item-above-icon07,
.t-con-new-item-above-icon08,
.t-con-new-item-above-icon09,
.t-con-new-item-above-icon10,
.t-con-new-item-above-icon11,
.t-con-new-item-above-icon12 {
    position: relative;
    z-index: 2;
    margin: 64px auto 30px;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.t-con-new-item-below-icon01,
.t-con-new-item-below-icon02,
.t-con-new-item-below-icon03,
.t-con-new-item-below-icon04,
.t-con-new-item-below-icon05,
.t-con-new-item-below-icon06,
.t-con-new-item-below-icon07,
.t-con-new-item-below-icon08,
.t-con-new-item-below-icon09,
.t-con-new-item-below-icon10,
.t-con-new-item-below-icon11,
.t-con-new-item-below-icon12 {
    margin: 10px auto 6px;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%
}

.t-con-new-item-above-icon01:before,
.t-con-new-item-above-icon02:before,
.t-con-new-item-above-icon03:before,
.t-con-new-item-above-icon04:before,
.t-con-new-item-above-icon05:before,
.t-con-new-item-above-icon06:before,
.t-con-new-item-above-icon07:before,
.t-con-new-item-above-icon08:before,
.t-con-new-item-above-icon09:before,
.t-con-new-item-above-icon10:before,
.t-con-new-item-above-icon11:before,
.t-con-new-item-above-icon12:before {
    position: absolute;
    z-index: 1;
    content: '';
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.t-con-new-item-above-icon01:after,
.t-con-new-item-above-icon02:after,
.t-con-new-item-above-icon03:after,
.t-con-new-item-above-icon04:after,
.t-con-new-item-above-icon05:after,
.t-con-new-item-above-icon06:after,
.t-con-new-item-above-icon07:after,
.t-con-new-item-above-icon08:after,
.t-con-new-item-above-icon09:after,
.t-con-new-item-above-icon10:after,
.t-con-new-item-above-icon11:after,
.t-con-new-item-above-icon12:after {
    position: absolute;
    content: '';
    z-index: 3;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 50%
}

.t-con-new-item-above-icon01:before,
.bg01,
.t-con-new-item-above-icon12:before,
.bg12 {
    background: -webkit-linear-gradient(#019bff, #9079ff);
    background: -o-linear-gradient(#019bff, #9079ff);
    background: -moz-linear-gradient(#019bff, #9079ff);
    background: linear-gradient(#019bff, #9079ff)
}

.t-con-new-item-above-icon02:before,
.bg02,
.t-con-new-item-above-icon11:before,
.bg11 {
    background: -webkit-linear-gradient(#fd985b, #fd4e5a);
    background: -o-linear-gradient(#fd985b, #fd4e5a);
    background: -moz-linear-gradient(#fd985b, #fd4e5a);
    background: linear-gradient(#fd985b, #fd4e5a)
}

.t-con-new-item-above-icon03:before,
.bg03,
.t-con-new-item-above-icon10:before,
.bg10 {
    background: -webkit-linear-gradient(#6986e7, #895ed9);
    background: -o-linear-gradient(#6986e7, #895ed9);
    background: -moz-linear-gradient(#6986e7, #895ed9);
    background: linear-gradient(#6986e7, #895ed9)
}

.t-con-new-item-above-icon04:before,
.bg04,
.t-con-new-item-above-icon08:before,
.bg08 {
    background: -webkit-linear-gradient(#ffb104, #ff8252);
    background: -o-linear-gradient(#ffb104, #ff8252);
    background: -moz-linear-gradient(#ffb104, #ff8252);
    background: linear-gradient(#ffb104, #ff8252)
}

.t-con-new-item-above-icon05:before,
.bg05,
.t-con-new-item-above-icon07:before,
.bg07 {
    background: -webkit-linear-gradient(#b34efe, #ff3d7f);
    background: -o-linear-gradient(#b34efe, #ff3d7f);
    background: -moz-linear-gradient(#b34efe, #ff3d7f);
    background: linear-gradient(#b34efe, #ff3d7f)
}

.t-con-new-item-above-icon06:before,
.bg06,
.t-con-new-item-above-icon09:before,
.bg09 {
    background: -webkit-linear-gradient(#99cc34, #5fcc55);
    background: -o-linear-gradient(#99cc34, #5fcc55);
    background: -moz-linear-gradient(#99cc34, #5fcc55);
    background: linear-gradient(#99cc34, #5fcc55)
}

.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: #000;
    font-size: 14px;
    text-align: center;
    border-radius: 50px
}

.t-con-new-tips em {
    color: #2fd149;
}

.t-con-new-item-below-01 {
    opacity: 0
}

.t-con-new-item:hover .t-con-new-item-below-01 {
    -webkit-animation: move01 .5s ease-in-out forwards;
    -moz-animation: move01 .5s ease-in-out forwards;
    -o-animation: move01 .5s ease-in-out forwards;
    animation: move01 .5s ease-in-out forwards
}

.t-con-new-item:hover .t-con-new-item-below-02 {
    -webkit-animation: move02 .5s ease-in-out forwards;
    -moz-animation: move02 .5s ease-in-out forwards;
    -o-animation: move02 .5s ease-in-out forwards;
    animation: move02 .5s ease-in-out forwards
}

@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 .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con-new-item-bg .icon_img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px
}


/* 
.t-con-new-item-bg i {
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con-new-item-icon01 {
    background-image: url(../images/item-icon05.png)
}

.t-con-new-item-icon02 {
    background-image: url(../images/item-icon02.png)
}

.t-con-new-item-icon03 {
    background-image: url(../images/item-icon08.png)
}

.t-con-new-item-icon04 {
    background-image: url(../images/item-icon012.png)
}

.t-con-new-item-icon05 {
    background-image: url(../images/item-icon03.png)
}

.t-con-new-item-icon06 {
    background-image: url(../images/item-icon09.png)
}

.t-con-new-item-icon07 {
    background-image: url(../images/item-icon07.png)
}

.t-con-new-item-icon08 {
    background-image: url(../images/item-icon04.png)
}

.t-con-new-item-icon09 {
    background-image: url(../images/item-icon017.png)
}

.t-con-new-item-icon10 {
    background-image: url(../images/item-icon11.png)
}

.t-con-new-item-icon11 {
    background-image: url(../images/item-icon10.png)
}

.t-con-new-item-icon12 {
    background-image: url(../images/item-icon010.png)
}

.t-con-new-item-icon13 {
    background-image: url(../images/item-icon017.png)
}

.t-con-new-item-icon14 {
    background-image: url(../images/item-icon010.png)
}

.t-con-new-item-icon15 {
    background-image: url(../images/item-icon010.png)
}

.t-con-new-item-icon16 {
    background-image: url(../images/item-icon010.png)
}

.t-con-new-item-icon17 {
    background-image: url(../images/item-icon010.png)
}

.t-con-new-item-icon18 {
    background-image: url(../images/item-icon010.png)
} */

.t-con-new-item h3 {
    font-size: 18px;
    color: #333;
    line-height: 18px;
    transition: all .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 .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
}

.t-con-new-item:hover {
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con-new-item:hover .t-con-new-item-bg {
    display: none;
}

.t-con-new-item:hover h3 {
    color: #fff;
    padding-top: 20px;
    font-weight: bold;
}

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

.t-con-new-item:hover .t-con-new-item-btn {
    display: block;
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con-new-item-bg {
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con-new .bg-1:hover,
.t-con-new .bg-1 .t-con-new-item-bg {
    background: linear-gradient(#019bff, #9079ff);
}

.t-con-new .bg-2:hover,
.t-con-new .bg-2 .t-con-new-item-bg,
.t-con-new .bg-11:hover,
.t-con-new .bg-11 .t-con-new-item-bg {
    background: linear-gradient(#fd985b, #fd4e5a)
}

.t-con-new .bg-3:hover,
.t-con-new .bg-3 .t-con-new-item-bg {
    background: linear-gradient(#36d5f3, #2479fa)
}

.t-con-new .bg-10:hover,
.t-con-new .bg-10 .t-con-new-item-bg {
    background: linear-gradient(#a074fb, #5f74f6)
}

.t-con-new .bg-4:hover,
.t-con-new .bg-4 .t-con-new-item-bg,
.t-con-new .bg-8:hover,
.t-con-new .bg-8 .t-con-new-item-bg {
    background: linear-gradient(#ffca22, #fd7209)
}

.t-con-new .bg-5:hover,
.t-con-new .bg-5 .t-con-new-item-bg,
.t-con-new .bg-7:hover,
.t-con-new .bg-7 .t-con-new-item-bg {
    background: linear-gradient(#fe5d57, #f7087d)
}

.t-con-new .bg-6:hover,
.t-con-new .bg-6 .t-con-new-item-bg,
.t-con-new .bg-9:hover,
.t-con-new .bg-9 .t-con-new-item-bg {
    background: linear-gradient(#03e371, #05c361)
}

.t-con-new .bg-12:hover,
.t-con-new .bg-12 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#7bc2ff, #4cd0c4);
    background: linear-gradient(#7bc2ff, #4cd0c4);
}

.t-con-new .bg-13:hover,
.t-con-new .bg-13 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#77f5b5, #2fd149);
    background: linear-gradient(#77f5b5, #2fd149);
}

.t-con-new .bg-14:hover,
.t-con-new .bg-14 .t-con-new-item-bg {
    background: linear-gradient(#9abdff, #667bff)
}

.t-con-new .bg-15:hover,
.t-con-new .bg-15 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#feb692, #ea5657);
    background: linear-gradient(#feb692, #ea5657);
}

.t-con-new .bg-16:hover,
.t-con-new .bg-16 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#f8b500, #fd985b);
    background: linear-gradient(#f8b500, #fd985b);
}

.t-con-new .bg-17:hover,
.t-con-new .bg-17 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#77f5b5, #2fd149);
    background: linear-gradient(#77f5b5, #2fd149);
}

.t-con-new .bg-18:hover,
.t-con-new .bg-18 .t-con-new-item-bg {
    background: -webkit-linear-gradient(#fd985b, #f8b500);
    background: linear-gradient(#fd985b, #f8b500);
}

.t-con-new a:hover .t-con-new-item-bg {
    background-image: none!important;
}

.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;
}

.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: 32px;
    color: #333;
    padding-top: 50px;
    background-image: url(../images/title_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat
}

.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;
}

.category {
    padding-bottom: 60px;
}

.category ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px
}

.category li {
    width: 23%;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    /* border: 1px solid #e5e5e5; */
    border-radius: 9px;
    text-align: left;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.category li .img {
    display: block;
    margin: 0 auto 30px;
    background-color: #f8f8f8;
    text-align: center;
    padding-top: 30px;
}

.category li .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.category li .line {
    width: 60px;
    height: 6px;
    display: block;
    margin: 20px auto;
    background-color: #2fd149
}

.category li p {
    padding: 0px 0 20px;
    color: #868686;
    text-align: center;
    line-height: 28px
}

.company_bg {
    width: 100%;
    height: 439px;
    background: url(../images/bg_01.610e4b6.png) no-repeat 50%/cover;
}

.company_bg .content h4 {
    color: rgba(255, 255, 255, 0.15);
}

.company_bg .content h3 {
    color: #fff;
}

.company_bg .content .sub {
    color: #fff;
    padding: 10px 0px;
    font-size: 12px;
}

.button_box1 {
    width: 200px;
    margin: auto;
    height: 52px;
    text-align: center;
    line-height: 52px;
    color: #222;
    background-color: #fc0;
    border-radius: 30px;
    font-size: 20px;
    position: relative;
    z-index: 1;
}

.f-cb {
    text-align: center;
}

.f-cb a {
    color: #4bc45d;
}

.f-cb .button_box {
    display: inline-block;
}

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

.button_box:hover {
    background-color: #02c25b;
    color: #fff;
}

.gsjs_box {
    width: 1200px;
    margin: auto;
    border-radius: 20px;
    background-color: #fff;
    padding: 40px;
    margin-top: -280px;
}

.gsjs img {
    padding-top: 25px;
}

.gsjs p {
    color: #32363c;
    line-height: 28px;
    text-align: left;
    text-indent: 28px;
    margin-bottom: 10px;
}

.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 {
    height: auto;
    overflow: hidden;
}

.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;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .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 .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 .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 .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 .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 .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 .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;
}

.bg_002 {
    background: url(../images/bg001.jpg) no-repeat top;
    margin-top: 80px;
}

.banben_nav {
    width: 484px;
    margin: 0 auto;
}

.banben_nav li {
    width: 160px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(255, 255, 255, 0.15);
    text-align: center;
    float: left;
    font-size: 16px;
    color: #fff;
    margin-right: 1px;
    margin-bottom: 1px;
}

.banben_nav li.hover {
    background-color: #02c25b;
}

.banben_box {
    padding: 60px 0px 0px;
}

.banben_box_left {
    width: 600px;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.banben_box_left h3 {
    font-size: 44px;
    color: #fff;
    padding: 0px 0px 40px;
}

.banben_box_left .banben_tedian {
    padding: 40px 0px;
}

.banben_box_left .banben_tedian span {
    margin-right: 30px;
    font-size: 14px;
}

.banben_box_right {
    width: 600px;
}

a.btn_button {
    border-radius: 60px;
    background-color: #2fd149;
    border: 1px solid #2fd149;
    width: 160px;
    text-align: center;
    display: inline-block;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    margin-right: 20px;
    color: #fff;
    position: relative;
    left: 0;
}

a.btn_button:hover {
    background-color: #fff;
    border: 1px solid #02c25b;
    color: #02c25b;
}

.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;
    }
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.marketing_gn {
    background: #f5fbf6 url(../images/sx_bg.png) no-repeat top center;
    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;
}

a.btn_button.sm_close {
    display: none;
}

.product_box {
    position: relative;
    background: url(../images/sx_bg.jpg) no-repeat top;
}

.product_bg {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url(../images/home_productbg.png) no-repeat bottom;
    background-size: 100%;
    padding: 20px 0px;
}

.product_box a.btn_button.sm_open {
    border-radius: 60px;
    background-color: #fff;
    border: 1px solid #2fd149;
    width: 160px;
    text-align: center;
    display: inline-block;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    margin-right: 20px;
    color: #2fd149;
    position: relative;
    left: 0;
    cursor: pointer;
}

.product_box a.btn_button.sm_close {
    border-radius: 60px;
    background-color: #fff;
    border: 1px solid #2fd149;
    width: 160px;
    text-align: center;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    margin-right: 20px;
    color: #2fd149;
    position: relative;
    left: 0;
    cursor: pointer;
}

.anli_box {
    display: flex;
    margin-right: -30px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.anli_box li {
    width: 25%;
    padding: 0px 15px 30px;
    text-align: center;
    background: #fff;
    margin-right: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
    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: 30px;
    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;
    height: 72px;
}

.anli_box li .line {
    width: 40px;
    height: 4px;
    background-color: #02c25b;
    margin: 20px auto;
    display: block;
}

.anli_box li .banben_tedian {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    border-radius: 8px;
    padding: 10px;
    background-color: #f7f7f7;
    margin-top: 15px;
    margin-bottom: 10px;
    transition: All 1s;
    -webkit-transition: All 1s;
    -moz-transition: All 1s;
    -o-transition: All 1s;
    display: none;
}

.anli_box li .banben_tedian span {
    margin-right: 15px;
    width: 58px;
    display: inline-block;
    text-align: left;
}

.anli_box li .btn_button_qq {
    margin: auto;
    height: 28px;
    text-align: center;
    line-height: 26px;
    color: #4bc45d;
    border: 1px solid #4bc45d;
    border-radius: 30px;
    display: block;
    position: relative;
    font-size: 12px;
    width: 80px;
}

.anli_box li.hover {
    background: linear-gradient(to bottom, #ffbf2d, #FF9800);
}

.anli_box li:nth-child(3).hover {
    background: linear-gradient(to bottom, #50e069, #1ece73);
}

.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(28, 199, 103);
}

.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);
}