.w1400 {

        position: relative;

        max-width: 1400px;

        margin: 0 auto;

        width: 100%

    }



    .wel-banner {

        width: 100%;

        overflow: hidden;

        position: relative

    }



    .wel-banner .slides img {

        width: 1920px;

        position: absolute;

        left: 50%;

        margin-left: -960px

    }



    .wel-banner .slides li {

        width: 100%;

        float: left;

        overflow: hidden;

        height: 558px;

        position: relative

    }



    .wel-banner.case-banner .slides li {

        height: 415px

    }



    .wel-banner .flex-control-nav {

        bottom: 13px;

        z-index: 2

    }



    .wel-case .flex-control-nav {

        bottom: 20px

    }



    .wel-banner .flex-control-nav li,

    .wel-case .flex-control-nav li {

        margin: 0 2px

    }



    .wel-banner .flex-control-nav li a,

    .wel-case .flex-control-nav li a {

        width: 12px;

        height: 12px;

        /*background: url(../img/btn01.png) no-repeat center;*/

        background-size: 100% 100%;

        transition: background .3s;

        box-shadow: none

    }



    .manage-bot .flex-control-nav {

        display: none

    }



    .wel-banner .flex-control-paging li a.flex-active,

    .wel-banner .flex-control-paging li a:hover,

    .wel-case .flex-control-nav li a:hover,

    .wel-case .flex-control-nav li a.flex-active {

        /*background: url(../img/btn01_h.png) no-repeat center;*/

        background-size: 100% 100%;

        box-shadow: none

    }



    .wel-case {

      

        width: 100%;

        position: relative;

        overflow: hidden

    }



    .ser-contact-list li a {

        display: block;

        width: 100%

    }



    .wel-case-title {

        font-size: 24px;

        color: #24272b;

        font-weight: bold;

        line-height: 42px;

        margin-bottom: 22px

    }



    .wel-case-list {

        padding-bottom: 86px

    }



    .wel-case .flex-viewport {

        overflow: visible !important

    }



    .wel-case .slides li {

        overflow: hidden;

        position: relative;

        float: left;

        width: 420px;

        margin-right: 25px

    }



    .wel-case .slides .con {

        position: absolute;

        bottom: -72%;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 2;

        display: block;

        padding: 9% 50px 0;

        transition: bottom .8s;

        box-sizing: border-box;

    }



    .wel-case .slides .bg {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        background: #fff;

        z-index: 1;

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .wel-case .slides .font-bg {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        background: #000;

        z-index: 1;

        opacity: 0;

        filter: alpha(opacity=0);

        transition-property: opacity;

        transition-duration: .3s;

        transition-delay: .2s

    }



    .wel-case .slides .tit {

        font-size: 18px;

        color: #fff;

        line-height: 25px;

        color: #fff;

        font-weight: bold

    }



    .wel-case .slides .en {

        font-size: 16px;

        color: #fff;

        opacity: .6;

        filter: alpha(opacity=60);

        line-height: 24px;

        min-height: 24px

    }



    .wel-case .slides .font {

        font-size: 18px;

        color: #fff;

        line-height: 34px;

        margin-top: 18px

    }



    .wel-case .slides .more {

        margin-top: 40px;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        border: 1px solid rgba(255, 255, 255, .3);

       line-height: 40px;

       text-align: center;

       color: #fff;
		font-family:  "宋体";
		font-size: 24px

    }



    .wel-product {

        padding-bottom: 80px

    }



    .wel-product-title {

        font-size: 24px;

        color: #24272b;

        line-height: 42px;

        margin-bottom: 22px;

        font-weight: bold;

        position: relative

    }



    .wel-product-title a {

        display: inline-block;

        font-size: 14px;

        color: #24272b;

        position: absolute;

        top: 0;

        right: 0;

        width: 95px;

        transition: color .3s

    }



    .wel-product-title span {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: #b0b0b0 url(../img/wel04.png) no-repeat center;

        display: inline-block;

        position: absolute;

        right: 0;

        top: 50%;

        margin-top: -12px;

        transition: background .3s

    }



    .wel-product .left {

        padding: 0 10px 0 0;

        width: 50%;

        float: left

    }



    .wel-product .right {

        padding: 0 0 0 10px;

        width: 50%;

        float: right

    }



    .wel-product .product-1 {

        padding: 0 10px 0 0;

        margin-bottom: 20px;

        height: 190px;

        text-align: center

    }



    .wel-product .container a {

        width: 100%;

        text-align: center;

        height: 100%;

        display: block;

        background: #fff;

        overflow: hidden;

        position: relative;

        cursor: pointer;

        transition: box-shadow .3s

    }



    .wel-product .product-2 {

        padding: 0 0 0 10px;

        margin-bottom: 20px;

        height: 190px;

        text-align: center

    }



    .wel-product .product-3 {

        width: 100%;

        height: 393px;

        padding: 0

    }



    .wel-product .product-3 .pic {

        height: 100%;

        position: relative;

        width: 100%

    }



    .wel-product .product-3 img {

        height: 100%;

        position: absolute;

        left: 50%;

        margin-left: -345px

    }



    .wel-product .contrast {

        width: 14px;

        height: 16px;

        background: url(../img/wel09.png) no-repeat center;

        position: absolute;

        bottom: 15px;

        right: 20px;

        cursor: pointer;

        transition: background .3s

    }



    .wel-product .ico-1 img {

        max-height: 100%;

        max-width: 100%

    }



    .wel-product .ico-1.ico_11 img {

        max-height: 100%;

        max-width: 350px

    }



    .wel-product .container {

        width: 100%;

        padding: 0

    }



    .wel-product .container .row {

        margin: 0

    }



    .wel-product .ico-1 h2 {

        font-size: 16px;

        color: #fff;

        position: absolute;

        bottom: 10px;

        line-height: 26px;

        height: 26px;

        width: 100%;

        text-align: left;

        padding: 0 15px 0 15px;

        overflow: hidden

    }



    .wel-product .ico-1 .bg {

        width: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

        background: #dd231f;

        display: block;

        height: 0;

        transition: height .3s

    }



    .wel-product .product-4 {

        margin-bottom: 20px;

        width: 100%;

        padding: 0;

        height: 393px

    }



    .wel-product .product-4 img {

        max-height: 100%;

        position: relative;

        left: 50%;

        margin-left: -101%

    }



    .wel-product .product-4 .con {

        display: block;

        width: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

        text-align: left;

        padding: 16px 45px 20px

    }



    .wel-product .product-4 h2 {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        height: 26px;

        width: 100%;

        overflow: hidden

    }



    .wel-product .container h2,

    .wel-product .container p.font {

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .wel-product .product-4 .bg {

        width: 100%;

        background: #dd231f;

        position: absolute;

        bottom: 0;

        left: 0;

        height: 0;

        transition: height .3s

    }



    .wel-product .product-4 .font {

        font-size: 14px;

        color: #fff;

        opacity: .7;

        filter: alpha(opacity=70);

        line-height: 24px;

        height: 24px;

        overflow: hidden

    }



    .wel-product .product-3 .contrast,

    .wel-product .product-4 .contrast {

        position: absolute;

        bottom: 40px;

        right: 45px

    }



    .wel-video {

        width: 100%;

        height: 418px;

        position: relative;

        background-size: 100% !important;

        overflow: hidden

    }



    .wel-video video {

        width: 100%;

        background: #000;

        position: absolute;

        top: 50%;

        margin-top: -300px;

        z-index: 1

    }



    .wel-video img {

        position: absolute;

        top: 0;

        left: 50%;

        height: 418px;

        margin-left: -960px;

        z-index: 2

    }



    .wel-news {

        padding: 49px 0 79px

    }



    .wel-news .container {

        width: 100%;

        padding: 0

    }



    .wel-news .row {

        margin: 0

    }



    .wel-news .wnews {

        padding: 0;

        width: 25%

    }



    .wel-news .wnews.news02 {

        padding: 0 40px;

        width: 50%

    }



    .network-content {

        width: 1000%;

        /* display: inline-block; */

    }



    .network-news-list .network-wnews {

        width: 3.333%;

        float: left;

        /* display: inline-block; */

        /* transition: all .5s; */

    }



    .wel-news .container {

        width: 100%;

        padding: 0

    }



    .network-news-list {

        margin-bottom: 40px;

        overflow: hidden;

    }



    .network-news-list .news01 {

        padding: 0 20px 0 0;

    }



    .network-news-list.news02 {

        padding: 0 10px;

    }



    .network-news-list .news03 {

        padding: 0 0 0 20px;

    }



    .network-news .network-wnews .network-a {

        padding: 36px 10% 80px;

        height: 450px;

        position: relative;

        overflow: hidden;

        background-size: cover !important;

    }



    .network-news .wel-product-title p {

        font-weight: normal;

        font-size: 22px;

        color: #222;

    }



    .p_hidden {

        overflow: hidden;

        height: 80px;

    }



    /* .net_dian {

        right: 0px;

        bottom: 10px;

        color: red;

        display: none;

        position: absolute;

    } */



    .network-news-list p {

        overflow: hidden;

        text-overflow: -o-ellipsis-lastline;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical

    }



    .network-news h3 {

        font-size: 16px;

        color: #fff;

        line-height: 36px;

        z-index: 2;

        position: relative;

        /* margin-bottom: 10px; */

        transition: margin .3s

    }



    .network-news-list p {

        position: relative;

    }



    .network-news p.content a {

        font-size: 18px;

    }



    .network-news p.content-first a {

        font-size: 22px;

    }



    .network-news p a {

        color: #fff;

        z-index: 2;

        position: relative;

        line-height: 40px;

        transition: margin .3s

    }



    .wel-news .news01 a {

        width: 100%;

        padding: 36px 10% 0;

        height: 674px;

        display: block;

        position: relative;

        overflow: hidden;

        background-size: cover !important;

        transition: background .3s

    }



    .wel-news .news02 a {

        width: 100%;

        padding: 36px 7% 0;

        height: 674px;

        display: block;

        position: relative;

        overflow: hidden;

        background-size: cover !important;

        transition: background .3s

    }



    .wel-news .news02 .more {

        width: 182px;

        height: 50px;

        background: #dd231f;

        text-align: center;

        position: absolute;

        left: 12%;

        bottom: 57px;

        font-size: 16px;

        z-index: 2;

        color: #fff;

        line-height: 50px;

        transition: left .3s, background .3s

    }



    .network-wnews a {

        cursor: pointer;

    }



    .network-wnews .network-more {

        width: 182px;

        height: 50px;

        background: #dd231f;

        text-align: center;

        position: absolute;

        right: 12%;

        bottom: 20px;

        font-size: 16px;

        z-index: 2;

        color: #fff;

        line-height: 50px;

        transition: left .3s, background .3s

    }



    .wel-news .news03 a {

        width: 100%;

        padding: 36px 10% 0;

        height: 316px;

        display: block;

        position: relative;

        overflow: hidden;

        background-size: cover !important;

        transition: background .3s

    }



    .wel-news .news03 a:first-child {

        margin-bottom: 40px

    }



    .wel-news h3 {

        font-size: 16px;

        color: #fff;

        line-height: 36px;

        z-index: 2;

        position: relative;

        margin-bottom: 30px;

        transition: margin .3s

    }



    .wel-news h2 {

        font-size: 22px;

        color: #fff;

        z-index: 2;

        position: relative;

        line-height: 40px;

        transition: margin .3s

    }



    .network-news a h3 {

        margin-bottom: 5px;

    }



    .wel-news p.content-first {

        font-size: 18px;

        color: #333;

        z-index: 2;

        position: relative;

        line-height: 40px;

        transition: margin .3s

    }



    .wel-news p.content {

        font-size: 18px;

        color: #fff;

        z-index: 2;

        position: relative;

        line-height: 40px;

        transition: margin .3s

    }



    .wel-news .bg {

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        filter: alpha(opacity=0);

        z-index: 1;

        background: rgba(0, 0, 0, .4);

        width: 100%;

        height: 100%;

        transition: opacity .3s

    }



    .wel-news .news01 h3,

    .wel-news .news01 h2 {

        color: #222

    }



    .network-wnews.news01 h3 {

        color: #fff;

    }



    footer {

        width: 100%;

        background: #1f2024;

        padding: 52px 0 7px

    }



    .footer-top {

        padding-bottom: 29px;

        border-bottom: 1px solid #3c3c42

    }



    .footer-bot {

        padding: 30px 0

    }



    .footer-bot-left {

        float: left

    }



    .footer-bot-left p {

        font-size: 12px;

        color: #fff;

        line-height: 22px;

        opacity: .5;

        filter: alpha(opacity=50)

    }



    .footer-bot-left p span {

        margin-left: 20px

    }



    .footer-bot-left a {

        font-size: 13px;

        color: #fff;

        line-height: 23px;

        margin-right: 10px;

        transition: color .3s

    }



    .footer-bot .bdsharebuttonbox {

        float: right;

        height: 32px;

        margin-top: 6px

    }



    .footer-bot .bdsharebuttonbox a {

        width: 32px;

        height: 32px;

        line-height: 32px;

        overflow: hidden;

        padding: 0;

        margin: 0;

        display: inline-block;

        text-indent: 0;

        opacity: 1;

        filter: alpha(opacity=100);

        transition: opacity .3s

    }



    .footer-bot .bdsharebuttonbox a.bds_tsina {

        background: url(../img/fot04.png) no-repeat center

    }



    .footer-bot .bdsharebuttonbox a.bds_tqq {

        background: url(../img/fot05.png) no-repeat center

    }



    .footer-bot .bdsharebuttonbox a.bds_isohu {

        background: url(../img/fot06.png) no-repeat center

    }



    .footer-bot .bdsharebuttonbox a.bds_renren {

        background: url(../img/fot07.png) no-repeat center

    }



    .footer-bot .bdsharebuttonbox a.bds_qzone {

        background: url(../img/fot08.png) no-repeat center

    }



    .footer-top-left {

        float: left;

        width: 24.7%

    }



    .footer-top-center {

        float: left;

        width: 62.6%

    }



    .footer-top .weixin {

        width: 7.8%;

        float: left;

        text-align: center

    }



    .footer-top .weixin img {

        width: 100%

    }



    .footer-top h2 {

        font-size: 14px;

        color: #fff;

        line-height: 33px;

        margin-bottom: 7px;

        opacity: .8;

        filter: alpha(opacity=80)

    }



    .footer-top-left form {

        width: 76%;

        border: 2px solid #3c3c42;

        display: block;

        padding: 6px

    }



    .footer-top-left .text {

        float: none;

        width: 56%;

        background: 0;

        border: 0;

        color: #fff

    }



    .footer-top-left .text::-webkit-input-placeholder {

        color: #fff

    }



    .footer-top-left .text:-moz-placeholder {

        color: #fff

    }



    .footer-top-left .text::-moz-placeholder {

        color: #fff

    }



    .footer-top-left .text:-ms-input-placeholder {

        color: #fff

    }



    .footer-top-left .submit {

        width: 32%;

        background: #e60012;

        height: 28px;

        line-height: 28px;

        text-align: center;

        color: #fff;

        font-size: 14px;

        border: 0;

        border-radius: 2px

    }



    .footer-top-left h4 {

        font-size: 12px;

        color: #fff;

        opacity: .5;

        filter: alpha(opacity=50);

        line-height: 20px;

        padding-top: 10px;

        width: 76%

    }



    .footer-top-left .lan {

        display: block;

        width: 58%;

        height: 38px;

        line-height: 38px;

        padding-left: 42px;

        margin-top: 74px;

        font-size: 12px;

        color: #fff;

        background: #3c3c42 url(../img/fot02.jpg) no-repeat 12px center

    }



    .footer-top-center li {

        width: 16%;

        float: left

    }



    .footer-top-center li:last-child {

        width: 36%

    }



    .footer-top-center li p {

        font-size: 13px;

        color: #fff;

        line-height: 24px

    }



    .footer-top-center li a {

        color: #fff;

        transition: color .3s

    }



    .footer-top-center li a:hover {

        color: #dd231f

    }



    header {

        width: 100%;

        background: #fff;

        position: fixed;

        top: 0;

        left: 0;

        height: 80px;

        line-height: 80px;

        z-index: 10;

        box-shadow: 0 0 20px rgba(0, 0, 0, .2)

    }



    header .logo {

        width: 103px;

        height: 100%;

        text-align: center;

        float: left;

        margin-left: 2%

    }



    header .logo img {

        max-width: 100%

    }



    header .search-box {

        width: 3%;

        height: 100%;

        display: block;

        float: right;

        background: #b4b4b4 url(../img/head01.png) no-repeat center;

        position: relative;

        z-index: 3;

        transition: background .3s

    }



    header .link {

        font-size: 14px;

        color: #666;

        padding: 0 10px;

        float: right;

        transition: color .3s;

        background: url(../img/en02.png) no-repeat right center;

        margin-right: 1%

    }



    header .enght {

        float: right;

        margin-right: 1%;

        padding-left: 26px;

        font-size: 14px;

        color: #666;

        position: relative;

        z-index: 1;

        height: 100%;

        background: url(../img/en01.png) no-repeat left center;

        transition: color .3s, background .3s

    }



    header .enght a {

        color: #666;

        display: block;

        transition: color .3s

    }



    header .enght a.tit {

        padding-right: 17px;

        background: url(../img/aaa01.png) no-repeat right center;

        height: 100%;

        width: 100%;

        transition: color .3s, background .3s

    }



    header .enght .con {

        position: absolute;

        top: 100%;

        left: -10%;

        display: none;

        background: #fff;

        width: 130%;

        padding-top: 20px;

        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);

        height: 335px;

        overflow: auto

    }



    header .enght .con a {

        width: 100%;

        font-size: 12px;

        height: 35px;

        text-align: center;

        line-height: 35px

    }



    header .enght .con::-webkit-scrollbar {

        width: 1px;

        background-color: #ececec

    }



    header .enght .con::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ececec

    }



    header .enght .con::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    header .enght:hover {

        background: url(../img/en01_h.png) no-repeat left center

    }



    header .enght:hover a.tit {

        color: #d42719;

        background: url(../img/aaa01_h.png) no-repeat right center

    }



    header .enght a:hover {

        color: #d42719

    }



    header .nav-box {

        width: 42%;

        margin: 0 auto

    }



    header .nav-box ul {

        width: 100%

    }



    header .nav-box li {

        width: 15.6%;

        float: left;

        text-align: center

    }



    header .nav-box a.tit {

        font-size: 16px;

        color: #333;

        height: 100%;

        display: block;

        width: 100%;

        transition: color .3s

    }



    header .nav-box .tit span {

        width: 9px;

        height: 6px;

        display: inline-block;

        background: url(../img/head02.png) no-repeat center;

        background-size: 100% 100%;

        margin-left: 6px

    }



    header .nav-box li:hover a.tit {

        color: #d42719

    }



    header .nav-box li:hover .tit span {

        background: url(../img/head02_h.png) no-repeat center;

        background-size: 100% 100%

    }



    header .nav-box .con {

        position: absolute;

        top: 80px;

        left: 50%;

        background: #fff;

        display: none;

        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

        z-index: 5

    }



    header .nav-box .left {

        float: left;

        background: #f5f5f5;

        padding: 59px 1.9% 150px 10.9%;

        width: 35%

    }



    header .nav-box .link-b {

        width: 100%;

        display: block;

        padding-left: 17%;

        text-align: left;

        font-size: 15px;

        color: #333;

        line-height: 40px;

        margin-bottom: 5px;

        transition: background .3s, color .3s

    }



    header .nav-box .link-b span {

        width: 100%;

        display: block;

        background: 0

    }



    header .nav-box .pro-li .left {

        padding: 59px 1.9% 150px 8.9%;

        height: 450px

    }



    header .nav-box .pro-li dd {

        width: 33.33%;

        float: left

    }



    header .nav-box .pro-li dd .link-b {

        background-position: 8% center;

        background-repeat: no-repeat

    }



    header .nav-box .pro-li .right .link-k {

        display: none

    }



    header .nav-box .pro-li .right {

        padding: 50px 5.5% 0 3%

    }



    header .nav-box .pro-li .right .content {

        width: 100%

    }



    header .nav-box .pro-li dd .link-b.cur {

        background-color: #da2418

    }



    header .nav-box .link-b.ico_1 {

        background: url(../img/head06.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_2 {

        background: url(../img/head07.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_3 {

        background: url(../img/head08.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_4 {

        background: url(../img/head09.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_5 {

        background: url(../img/head10.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_6 {

        background: url(../img/head13.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_7 {

        background: url(../img/head14.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_8 {

        background: url(../img/head15.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_9 {

        background: url(../img/head16.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_10 {

        background: url(../img/head17.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_11 {

        background: url(../img/head18.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_12 {

        background: url(../img/head19.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_13 {

        background: url(../img/head20.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_14 {

        background: url(../img/head21.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_15 {

        background: url(../img/head22.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_16 {

        background: url(../img/head23.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_17 {

        background: url(../img/head24.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_18 {

        background: url(../img/head25.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_19 {

        background: url(../img/head26.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_20 {

        background: url(../img/head27.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_21 {

        background: url(../img/head28.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_22 {

        background: url(../img/head29.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_23 {

        background: url(../img/ico_23.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_24 {

        background: url(../img/ico_24.png) no-repeat 8% center

    }



    header .nav-box .link-b.cur {

        color: #fff

    }



    header .nav-box .link-b.cur span {

        background: url(../img/head05.png) no-repeat right 8% center

    }



    header .nav-box .link-b.ico_1.cur {

        background: #da2418 url(../img/head06_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_2.cur {

        background: #da2418 url(../img/head07_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_3.cur {

        background: #da2418 url(../img/head08_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_4.cur {

        background: #da2418 url(../img/head09_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_5.cur {

        background: #da2418 url(../img/head10_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_6.cur {

        background: #da2418 url(../img/head13_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_7.cur {

        background: #da2418 url(../img/head14_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_8.cur {

        background: #da2418 url(../img/head15_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_9.cur {

        background: #da2418 url(../img/head16_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_10.cur {

        background: #da2418 url(../img/head17_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_11.cur {

        background: #da2418 url(../img/head18_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_11.cur {

        background: #da2418 url(../img/head18_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_12.cur {

        background: #da2418 url(../img/head19_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_13.cur {

        background: #da2418 url(../img/head20_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_14.cur {

        background: #da2418 url(../img/head21_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_15.cur {

        background: #da2418 url(../img/head22_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_16.cur {

        background: #da2418 url(../img/head23_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_17.cur {

        background: #da2418 url(../img/head24_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_18.cur {

        background: #da2418 url(../img/head25_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_19.cur {

        background: #da2418 url(../img/head26_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_20.cur {

        background: #da2418 url(../img/head27_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_21.cur {

        background: #da2418 url(../img/head28_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_22.cur {

        background: #da2418 url(../img/head29_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_23.cur {

        background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_24.cur {

        background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_1:hover {

        background: #da2418 url(../img/head06_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_2:hover {

        background: #da2418 url(../img/head07_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_3:hover {

        background: #da2418 url(../img/head08_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_4:hover {

        background: #da2418 url(../img/head09_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_5:hover {

        background: #da2418 url(../img/head10_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_6:hover {

        background: #da2418 url(../img/head13_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_7:hover {

        background: #da2418 url(../img/head14_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_8:hover {

        background: #da2418 url(../img/head15_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_9:hover {

        background: #da2418 url(../img/head16_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_10:hover {

        background: #da2418 url(../img/head17_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_11:hover {

        background: #da2418 url(../img/head18_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_12:hover {

        background: #da2418 url(../img/head19_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_13:hover {

        background: #da2418 url(../img/head20_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_14:hover {

        background: #da2418 url(../img/head21_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_15:hover {

        background: #da2418 url(../img/head22_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_16:hover {

        background: #da2418 url(../img/head23_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_17:hover {

        background: #da2418 url(../img/head24_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_18:hover {

        background: #da2418 url(../img/head25_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_19:hover {

        background: #da2418 url(../img/head26_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_20:hover {

        background: #da2418 url(../img/head27_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_21:hover {

        background: #da2418 url(../img/head28_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_22:hover {

        background: #da2418 url(../img/head29_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_23:hover {

        background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center

    }



    header .nav-box .link-b.ico_24:hover {

        background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center

    }



    .nav-box .link-k {

        width: 23%

    }



    .nav-box .link-k.none {

        display: none

    }



    .nav-box .link-k h2 {

        font-size: 24px;

        color: #333;

        line-height: 24px;

        padding-bottom: 30px;

        text-align: left

    }



    .nav-box .link-k h2 a {

        color: #333

    }



    .nav-box .link-k a.on {

        display: block;

        width: 100%;

        font-size: 14px;

        text-align: left;

        color: #666;

        line-height: 30px;

        transition: color .3s

    }



    .nav-box .content .more {

        width: 155px;

        height: 40px;

        line-height: 40px;

        padding-left: 36px;

        font-size: 14px;

        background: #da2418 url(../img/head05.png) no-repeat 103px center;

        display: block;

        text-align: left;

        color: #fff;

        margin-top: 35px

    }



    .nav-box .link-k a:hover {

        color: #da2418

    }



    .nav-box .content {

        width: 48%

    }



    .navigation {

        width: 100%;

        display: none

    }



    .nav-box .content img {

        max-width: 100%

    }



    .supplier-notice-box .left img {

        max-width: 100%

    }



    .search-hbox .right li a {

        color: #333

    }



    .search-hbox .right li a:hover {

        color: #d82117

    }



    .search-hbox .right li a.cur {

        color: #d82117

    }



    .nav-box .content p {

        text-align: left;

        font-size: 14px;

        color: #666;

        line-height: 24px;

        margin-top: 22px

    }



    header .nav-box .right {

        width: 65%;

        padding: 20px 13.5% 0 6%;

        float: right

    }



    header .nav-box .con.none .left {

        width: 50%;

        padding: 59px 16.9% 150px 10.9%

    }



    header .nav-box .pro-li .con.none .left {

        padding: 59px 1.9% 150px 8.9%

    }



    header .nav-box .con.none .right {

        width: 50%

    }



    header .nav-box .con.none .content {

        float: left;

        width: 71.5%

    }



    header .nav-box .about-li .con.none .left {

        padding: 59px 5.9% 150px 21.9%

    }



    header .nav-box .case-li .con.none .left {

        padding: 59px 1.9% 120px 6.9%

    }



    header .nav-box .case-li .con.none .link-b {

        width: 50%;

        float: left

    }



    header .nav-box .case-li .con.none .link-b {

        padding-left: 10%

    }



    .nav-box .case-li .con.none .content p {

        margin-top: 12px

    }



    .nav-box .case-li .con.none .content .more {

        margin-top: 16px

    }



    header .nav-box .ser-li .con.none .left {

        width: 68%;

        padding: 59px 4.9% 150px 7.9%

    }



    header .nav-box .ser-li.buli .con.none .left {

        padding: 59px 4.9% 250px 7.9%

    }



    header .nav-box .ser-li .link-b {

        padding-left: 22.6%

    }



    header .nav-box .ser-li .con.none .right {

        width: 32%;

        padding: 50px 5.5% 0 3%

    }



    header .nav-box .ser-li .con.none .content,

    header .nav-box .pro-li .con.none .right .content {

        width: 92.6%

    }



    header .nav-box .ser-li .con.none .log-four {

        width: 25%;

        float: left

    }



    header .nav-box .ser-li .log-four .font {

        padding-left: 22.6%;

        font-size: 13px;

        color: #666;

        display: block;

        width: 100%;

        line-height: 27px;

        text-align: left

    }



    .flex-direction-nav a {

        z-index: 1 !important

    }



    header .nav-box .ser-li .log-four .font:hover {

        color: #d9271b

    }



    .search-send {

        position: absolute;

        z-index: 2;

        background-color: #222;

        right: -34%;

        top: 0;

        width: 25%;

        transition: right .3s

    }



    .search-send.on {

        right: 3%

    }



    .search-send .close {

        display: block;

        width: 18px;

        height: 18px;

        background: url(../img/head03.png) no-repeat center;

        position: absolute;

        top: 50%;

        left: 6px;

        margin-top: -9px;

        cursor: pointer;

        opacity: 1;

        filter: alpha(opacity=100);

        transition: transform .3s ease 0s

    }



    .search-send .close:hover {

        transform: rotateZ(90deg);

        transition: transform .3s ease 0s

    }



    .search-send form {

        width: 100%;

        height: 100%

    }



    .search-send .text {

        border: 0;

        font-size: 18px;

        height: 100%;

        text-align: left;

        width: 100%;

        box-sizing: border-box;

        color: #555;

        background: 0;

        padding: 0 5% 0 13%;

        outline: 0

    }



    .search-send .submit {

        cursor: pointer;

        border: 0;

        background: url(../img/head01.png) no-repeat center;

        background-color: #bb0327;

        position: absolute;

        right: 0;

        bottom: 0;

        width: 20%;

        outline: 0

    }



    .search-send .text::-webkit-input-placeholder {

        color: #555

    }



    .search-send .text:-moz-placeholder {

        color: #555

    }



    .search-send .text::-moz-placeholder {

        color: #555

    }



    .search-send .text:-ms-input-placeholder {

        color: #555

    }



    .inliner-banner {

        width: 100%;

        position: relative;

        overflow: hidden

    }



    .inliner-banner .flex-control-nav {

        position: absolute;

        bottom: 0;

        left: 0;

        z-index: 4;

        display: none;

    }



    .inliner-banner .flex-control-paging li a {

        background: 0;

        border: 1px solid #fff;

        opacity: .3;

        filter: alpha(opacity=70);

        box-shadow: none

    }



    .inliner-banner .flex-control-paging li a.flex-active {

        background: #fff;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .inliner-banner img {

        width: 1920px;

        position: relative;

        left: 50%;

        margin-left: -960px

    }



    .inliner-banner .con {

        display: block;

        width: 37%;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -80px 0 0 -39%

    }



    .inliner-banner h2 {

        font-size: 32px;

        color: #fff;

        line-height: 52px

    }



    .inliner-banner .font {

        font-size: 20px;

        color: #fff;

        line-height: 36px

    }



    .inliner-banner .more {

        width: 127px;

        height: 38px;

        text-align: center;

        line-height: 38px;

        border-radius: 4px;

        background: #d9271b;

        color: #fff;

        font-size: 14px;

        margin-top: 40px

    }



    .inliner-banner .slides li {

        width: 100%;

        overflow: hidden;

        position: relative

    }



    .product-channel {

        background: #fff;

        width: 100%;

        padding: 48px 0 62px

    }



    .product-channel .search-font {

        font-size: 18px;

        color: #333;

        line-height: 38px;

        margin-bottom: 24px

    }



    .product-channel-box {

        width: 100%;

        margin-bottom: 50px

    }



    .product-channel-box form,

    .product-channel-box .contrast {

        width: 48%;

        border: 1px solid #ddd;

        padding: 0 1.7%;

        float: left

    }



    .product-channel-box .contrast {

        float: right;

        height: 90px;

        line-height: 90px;

        padding: 0 2.5%;

        font-size: 18px;

        color: #333;

        background: url(../img/pro02.png) no-repeat right 2.5% center

    }



    .product-channel-box .text {

        width: 70%;

        border: 0;

        height: 88px;

        line-height: 88px;

        font-size: 18px;

        color: #333

    }



    .product-channel-box .submit {

        float: right;

        width: 26px;

        height: 88px;

        background: url(../img/pro01.png) no-repeat center;

        border: 0

    }



    .product-channel h1 {

        font-size: 32px;

        color: #333;

        line-height: 52px;

        margin-bottom: 30px

    }



    .product-channel-list {

        width: 100%

    }



    .product-channel-list ul {

        width: 49%;

        float: left

    }



    .product-channel-list li {

        width: 100%;

        float: left;

        margin-bottom: 25px;

        border: 1px solid #eeecec;

        transition: box-shadow .3s

    }



    .product-channel-list ul.odd {

        float: right

    }



    .product-channel-list .tit {

        width: 100%;

        padding: 0 5% 0 4%;

        height: 88px;

        display: block;

        line-height: 88px;

        background: url(../img/pro15.png) no-repeat right 5% center;

        transition: background .3s

    }



    .product-channel-list .pic {

        padding-left: 55px;

        font-size: 20px;

        color: #333;

        transition: color .3s

    }



    .product-channel-list li .con {

        width: 100%;

        display: none;

        padding: 24px 13px 32px 6%

    }



    .product-channel-list li .scrollbar {

        width: 100%;

        max-height: 572px;

        padding-right: 28px;

        overflow: auto

    }



    .product-channel-list li .scrollbar::-webkit-scrollbar {

        width: 3px;

        height: 3px;

        background-color: #ececec

    }



    .product-channel-list li .scrollbar::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ececec

    }



    .product-channel-list li .scrollbar::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    .product-channel-list li dl {

        width: 100%

    }



    .product-channel-list li dd {

        display: block;

        width: 100%

    }



    .product-channel-list li .dd-tit {

        width: 100%;

        padding-left: 35px;

        font-size: 18px;

        color: #333;

        line-height: 65px;

        border-bottom: 1px solid #eaeaea;

        display: block;

        transition: background .3s, color .3s

    }



    .product-channel-list li .dd-tit.on {

        background: url(../img/pro15.png) no-repeat left center

    }



    .product-channel-list li .con-t {

        width: 100%

    }



    .product-channel-list li .con-tb {

        display: block;

        width: 100%;

        padding-left: 45px;

        font-size: 16px;

        color: #333;

        line-height: 45px;

        border-bottom: 1px solid #eaeaea;

        transition: background .3s, color .3s

    }



    .product-channel-list li .tb-box {

        display: none

    }



    .product-channel-list li .con-tb.on {

        background: url(../img/pro15.png) no-repeat 10px center

    }



    .product-channel-list li .tb-box-t {

        width: 100%;

        padding-left: 50px;

        font-size: 16px;

        color: #333;

        line-height: 40px;

        border-bottom: 1px solid #eaeaea;

        display: block

    }



    .product-channel-list li .con-t {

        display: none

    }



    .product-channel-list .ico01 {

        background: url(../img/pro03.png) no-repeat left center

    }



    .product-channel-list .ico02 {

        background: url(../img/pro04.png) no-repeat left center

    }



    .product-channel-list .ico03 {

        background: url(../img/pro05.png) no-repeat left center

    }



    .product-channel-list .ico04 {

        background: url(../img/pro10.png) no-repeat left center

    }



    .product-channel-list .ico05 {

        background: url(../img/pro09.png) no-repeat left center

    }



    .product-channel-list .ico06 {

        background: url(../img/pro08.png) no-repeat left center

    }



    .product-channel-list .ico07 {

        background: url(../img/pro07.png) no-repeat left center

    }



    .product-channel-list .ico08 {

        background: url(../img/pro06.png) no-repeat left center

    }



    .product-channel-list .ico09 {

        background: url(../img/pro11.png) no-repeat left center

    }



    .product-channel-list .ico010 {

        background: url(../img/a15.png) no-repeat left center

    }



    .product-channel-list .ico011 {

        background: url(../img/a16.png) no-repeat left center

    }



    .product-channel-list .ico012 {

        background: url(../img/a17.png) no-repeat left center

    }



    .product-channel-list .ico013 {

        background: url(../img/a18.png) no-repeat left center

    }



    .product-channel-list .ico014 {

        background: url(../img/a19.png) no-repeat left center

    }



    .product-channel-list .ico10 {

        background: url(../img/pro12.png) no-repeat left center

    }



    .product-channel-list .ico11 {

        background: url(../img/pro13.png) no-repeat left center

    }



    .product-channel-list .ico12 {

        background: url(../img/pro14.png) no-repeat left center

    }



    .product-channel-list li.out {

        box-shadow: 0 0 10px rgba(0, 0, 0, .1)

    }



    .product-channel-list li.out .tit {

        background: #d9271b url(../img/pro15_h.png) no-repeat 95% center

    }



    .product-channel-list li.out .pic {

        color: #fff

    }



    .product-channel-list li.out .ico01 {

        background: url(../img/pro03_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico02 {

        background: url(../img/pro04_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico03 {

        background: url(../img/pro05_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico04 {

        background: url(../img/pro06_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico05 {

        background: url(../img/pro07_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico06 {

        background: url(../img/pro08_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico07 {

        background: url(../img/pro09_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico08 {

        background: url(../img/pro10_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico09 {

        background: url(../img/pro11_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico010 {

        background: url(../img/a15_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico011 {

        background: url(../img/a16_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico012 {

        background: url(../img/a17_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico013 {

        background: url(../img/a18_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico014 {

        background: url(../img/a19_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico10 {

        background: url(../img/pro12_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico11 {

        background: url(../img/pro13_h.png) no-repeat left center

    }



    .product-channel-list li.out .ico12 {

        background: url(../img/pro14_h.png) no-repeat left center

    }



    .product-channel-list li .dd-tit.cur {

        background: #d9271b;

        color: #fff

    }



    .product-channel-list li .dd-tit.on.cur {

        background: #d9271b url(../img/pro15_h.png) no-repeat 2px center

    }



    .product-channel-list li .con-tb.cur {

        background: #d9271b;

        color: #fff

    }



    .product-channel-list li .con-tb.on.cur {

        background: #d9271b url(../img/pro15_h.png) no-repeat 10px center

    }



    .web-link {

        width: 100%;

        padding-top: 42px

    }



    .web-link a {

        display: inline-block;

        width: 25%

    }



    .web-link a.see-case {

        width: 100%;

        font-size: 28px;

        color: #fff;

        line-height: 54px;

        padding: 62px 2% 62px 3%;

        background: url(../img/pro16.jpg) no-repeat center;

        position: relative;

        background-size: cover;

        transition: padding .3s

    }



    .web-link .see-case .more {

        width: 118px;

        text-align: center;

        height: 38px;

        line-height: 38px;

        border: 1px solid #fff;

        display: block;

        color: #fff;

        font-size: 13px;

        position: absolute;

        right: 2%;

        top: 50%;

        margin-top: -19px;

        transition: background .3s, color .3s

    }



    .web-link .box a {

        float: left;

        width: 25%;

        height: 162px;

        text-align: center;

        transition: background .3s

    }



    .web-link .box a.see-ab {

        padding: 54px 0 0 3%;

        background: #7f7f7f url(../img/pro17.png) no-repeat 90% center;

        text-align: left;

        font-size: 24px;

        color: #fff;

        line-height: 48px;

        transition: background .3s, padding .3s

    }



    .web-link .box a.see-ser {

        background: #595959

    }



    .web-link .box a.see-down {

        background: #434343

    }



    .web-link .box a.see-pro {

        background: #333

    }



    .web-link .box a img {

        padding-top: 41px

    }



    .web-link .box a p {

        font-size: 16px;

        color: #fff;

        line-height: 48px

    }



    .now {

        position: absolute;

        right: 0;

        top: -40px;

        z-index: 9;

        line-height: 32px

    }



    .now a {

        color: #fff;

        font-size: 16px;

        font-family: '微软雅黑';

        opacity: .9;

        filter: alpha(opacity=90);

        transition: opacity .3s

    }



    .now a:hover {

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .now i {

        width: 3px;

        height: 7px;

        background: url(../img/pro21.png) no-repeat center;

        margin: 0 5px 0 7px;

        display: inline-block

    }



    .product-list {

        padding: 19px 0 124px

    }



    .product-list .form {

        width: 185px;

        float: right;

        height: 34px;

        line-height: 34px;

        border-radius: 15px;

        border: 1px solid #e9eaeb;

        padding: 0 16px 0 18px;

        transition: border .3s

    }



    .product-list .text {

        background: 0;

        border: 0;

        font-size: 12px;

        color: #999;

        height: 34px;

        line-height: 34px;

        float: left;

        width: 80%

    }



    .product-list .submit {

        float: right;

        width: 13px;

        height: 34px;

        line-height: 34px;

        background: url(../img/pro22.png) no-repeat center;

        border: 0

    }



    .product-list-b {

        width: 100%;

        padding-top: 65px

    }



    .product-list-b ul {

        width: 100%

    }



    .product-list-b li {

        width: 31.7%;

        margin-right: 2.45%;

        background: #fff;

        border: 1px solid #eee;

        float: left;

        margin-bottom: 35px

    }



    .product-list-b li.on {

        margin-right: 0

    }



    .product-list-b li .pic {

        width: 100%;

        position: relative;

        overflow: hidden;

        height: 250px;

        border-bottom: 1px solid #eee

    }



    .product-list-b li img {

        max-width: 100%;

        transition: all .3s

    }



    .product-list-b li.newss .newss {

        width: 61px;

        height: 64px;

        background: url(../img/pro25.png) no-repeat center;

        background-size: 100% 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        z-index: 1

    }



    .product-list-b li .add {

        padding-left: 28px;

        height: 16px;

        background: url(../img/pro23.png) no-repeat left center;

        background-size: 14px !important;

        display: block;

        position: absolute;

        top: 34px;

        right: 13px;

        font-size: 14px;

        line-height: 16px;

        cursor: pointer;

        color: #b2b2b2;

        transition: background .3s, color .3s

    }



    .product-list-b li.but .add {

        color: #dc3c31;

        background: url(../img/pro23_h.png) no-repeat left center

    }



    .product-list-b li .con {

        width: 100%;

        padding: 21px 6% 23px;

        display: block

    }



    .product-list-b li h3 {

        font-size: 16px;

        color: #999;

        line-height: 36px;

        height: 36px;

        overflow: hidden

    }



    .product-list-b li .font {

        font-size: 16px;

        color: #333;

        line-height: 27px;

        height: 54px;

        overflow: hidden

    }



    .product-list-b li .more {

        width: 127px;

        height: 38px;

        line-height: 38px;

        text-align: center;

        border: 1px solid #e4e4e4;

        background: #f9f9f9;

        font-size: 15px;

        color: #333;

        border-radius: 2px;

        transition: background .3s, color .3s, border .3s;

        margin-top: 20px

    }



    .product-list-b li.into .add {

        background: url(../img/pro23_h.png) no-repeat center

    }



    .product-nav {

        width: 48%;

        height: 50px;

        position: absolute;

        left: 0;

        top: 19px;

        z-index: 2;

        background: #0f0f0f

    }



    .product-nav .tit {

        width: 33.8%;

        font-size: 16px;

        color: #fff;

        line-height: 50px;

        text-align: center;

        background: #0f0f0f url(../img/pro26.png) no-repeat 94% center

    }



    .product-nav .nav-con {

        width: 66.2%;

        position: relative

    }



    .product-nav .nav-link {

        width: 100%;

        line-height: 50px;

        padding-left: 7%;

        display: block;

        font-size: 16px;

        color: #fff;

        background: #d9271b url(../img/pro26.png) no-repeat 94% center

    }



    .product-nav .link-box {

        width: 100%;

        background: #fff;

        position: absolute;

        left: 0;

        top: 50px;

        max-height: 500px;

        overflow: auto;

        display: none

    }



    .product-nav .tit-box {

        width: 33.8%;

        background: #fff;

        position: absolute;

        left: 0;

        top: 50px;

        max-height: 500px;

        overflow: auto;

        display: none

    }



    .product-nav .link-box .link-tit {

        display: block;

        width: 89%;

        border-bottom: 1px solid #d9d9d9;

        padding-left: 8%;

        line-height: 59px;

        font-size: 16px;

        color: #333;

        transition: color .3s

    }



    .product-nav .tit-box a {

        display: block;

        width: 89%;

        border-bottom: 1px solid #d9d9d9;

        padding: 15px 0 15px 4%;

        font-size: 16px;

        color: #333;

        line-height: 26px;

        transition: color .3s

    }



    .product-nav .link-box-b {

        width: 100%;

        background: #f3f3f3

    }



    .product-nav .link-box-tit,

    .product-nav .link-box-t {

        line-height: 48px;

        width: 89%;

        border-bottom: 1px solid #d9d9d9;

        padding-left: 15%;

        background: url(../img/pro27.png) no-repeat 10% center;

        display: block;

        font-size: 14px;

        color: #666;

        transition: color .3s

    }



    .product-nav .link-box-t {

        padding-left: 17%;

        background: url(../img/pro27.png) no-repeat 13% center

    }



    .product-nav .link-box-tit.into {

        color: #d9271b

    }



    .product-nav .link-box-t:hover {

        color: #d9271b

    }



    .product-nav .link-box-con {

        display: none

    }



    .product-nav .link-box-b {

        display: none

    }



    .product-nav .link-box .link-tit.cur {

        color: #d9271b

    }



    .product-nav .link-box::-webkit-scrollbar,

    .product-nav .tit-box::-webkit-scrollbar {

        width: 3px;

        height: 3px;

        background-color: #ececec

    }



    .product-nav .link-box::-webkit-scrollbar-track,

    .product-nav .tit-box::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ececec

    }



    .product-nav .link-box::-webkit-scrollbar-thumb,

    .product-nav .tit-box::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    .page {

        margin-top: 25px;

        width: 100%;

        text-align: center;

        padding: 12px 3%;

        background: #fff;

        position: relative

    }



    .page a.num {

        zoom: 1;

        margin: 0 5px;

        padding: 12px 15px;

        font-size: 14px;

        color: #333;

        line-height: 13px;

        display: inline-block;

        *display: inline;

        transition: color .3s

    }



    .page a.num:hover,

    .page a.num.active {

        background: #cd2720;

        color: #fff

    }



    .page a.btn {

        font-size: 14px;

        color: #333;

        opacity: .5;

        filter: alpha(opacity=50);

        position: absolute;

        display: inline-block;

        top: 13px

    }



    .page a.btn span {

        font-family: '宋体';

        font-size: 18px;

        position: relative;

        top: 2px

    }



    .page a.prev {

        left: 3%

    }



    .page a.prev span {

        margin-right: 10px

    }



    .page a.next {

        right: 3%

    }



    .page a.next span {

        margin-left: 10px

    }



    .body-box {

        

    }



    .product-info {

        padding: 95px 0 105px;

        background: #fafafa;

        width: 100%;

        position: relative

    }



    .product-info .page-b {

        width: 42px;

        height: 42px;

        position: absolute;

        top: 50%;

        margin-top: -21px;

        border: 1px solid #e1e1e1;

        border-radius: 50%;

        color: #333;

        font-size: 15px;

        font-family: '宋体';

        text-align: center;

        line-height: 42px;

        transition: background .3s, border .3s, color .3s

    }



    .product-info .page-b:hover {

        background: #c11a21;

        color: #fff;

        border-color: #c11a21

    }



    .product-info .page-b.page-prev {

        left: -6%

    }



    .product-info .page-b.page-next {

        right: -6%

    }



    .product-info .info-pic {

        width: 39%;

        float: left;

        overflow: hidden;

        position: relative

    }



    .product-info #carousel {

        position: relative

    }



    .product-info #carousel .flex-viewport {

        border: 1px solid #cecece;

        padding: 10px 4%;

        width: 83%;

        margin: 0 auto

    }



    .product-info .now {

        color: #000

    }



    .product-info .now a {

        color: #000

    }



    .product-info .now i {

        background: url(../img/pro_img.png) no-repeat center center

    }



    #carousel .slides li {

        background: #f5f5f5;

        text-align: center;

        line-height: 56px;

        height: 56px;

        cursor: pointer;

        opacity: .5;

        filter: alpha(opacity=50);

        border: 1px solid #f5f5f5;

        transition: opacity .3s, border .3s

    }



    #carousel .slides img {

        max-width: 65%;

        max-height: 50px

    }



    #slider {

        width: 100%;

        height: 300px;

        text-align: center

    }



    #slider .slides li {

        float: left

    }



    #slider .slides img {

        max-width: 100%;

        max-height: 240px

    }



    #slider .flex-direction-nav {

        display: none

    }



    #carousel .flex-direction-nav a {

        opacity: 1 !important;

        filter: alpha(opacity=100) !important;

        z-index: 1;

        font-size: 13px;

        font-family: '宋体';

        font-weight: bold;

        color: #cbcfd2;

        text-align: center;

        line-height: 40px

    }



    #carousel .flex-direction-nav .flex-prev {

        left: 0

    }



    #carousel .flex-direction-nav .flex-next {

        right: 0

    }



    #carousel .flex-direction-nav a:before {

        font-size: 0;

        content: ""

    }



    #carousel .slides li.flex-active-slide {

        opacity: 1;

        filter: alpha(opacity=100);

        border: 1px solid #d9271b

    }



    .info-font {

        width: 42%;

        padding-right: 5%

    }



    .info-font h2 {

        font-size: 36px;

        color: #000;

        line-height: 55px;

        font-weight: bold

    }



    .info-font h3 {

        font-size: 24px;

        color: #333;

        line-height: 32px;

        padding-bottom: 20px;

        border-bottom: 1px solid #e0e0e0

    }



    .info-font p {

        font-size: 14px;

        color: #666;

        line-height: 24px;

        margin-bottom: 9px

    }



    .info-font .font {

        padding: 40px 0 45px;

        border-bottom: 1px solid #e0e0e0

    }



    .info-font .link {

        width: 210px;

        padding-left: 77px;

        height: 50px;

        line-height: 50px;

        background: #c11a21 url(../img/pro29.png) no-repeat 50px center;

        display: block;

        font-size: 14px;

        color: #fff;

        margin-top: 46px;

        transition: background .3s, padding .3s

    }



    .product-info-b {

        background: #fff;

        width: 100%;

        padding-bottom: 90px;

        position: relative

    }



    .product-info-b .return-b {

        width: 62px;

        position: absolute;

        top: 0;

        left: 0;

        height: 89px;

        border-right: 1px solid #f2f2f2;

        background: url(../img/pro30.png) no-repeat center;

        transition: background .3s

    }



    .product-info-b .return-b:hover {

        background: #d9271b url(../img/pro30_h.png) no-repeat center

    }



    .product-info-list {

        width: 100%;

        height: 89px;

        border-bottom: 1px solid #f2f2f2

    }



    .product-info-list .slides li {

        text-align: center;

        line-height: 89px;

        position: relative;

        font-size: 20px;

        color: #333;

        cursor: pointer

    }



    .product-info-list .slides span {

        width: 0;

        height: 2px;

        background: #d9271b;

        display: block;

        position: absolute;

        left: 50%;

        bottom: 0;

        transition: width .3s, left .3s

    }



    .product-info-list .slides li.on span {

        width: 100%;

        left: 0

    }



    .product-info-list .flex-direction-nav {

        display: none

    }



    .product-info-list .flex-control-nav {

        display: none

    }



    .product-ajaxi {

        padding: 45px

    }



    .product-ajaxi p.on {

        font-size: 14px;

        color: #333;

        line-height: 30px;

        padding-left: 33px;

        /*background: url(../img/btn02.png) no-repeat left center*/

       

       

       

    }



    .product-ajaxi p {

        font-size: 14px;

        color: #333;

        line-height: 24px

    }



    .product-ajaxi i {

        display: block;

        width: 100%;

        padding-bottom: 35px;

        border-bottom: 1px solid #e6e6e6;

        margin-bottom: 30px

    }



    .product-ajaxi h2 {

        font-size: 16px;

        color: #333;

        font-weight: bold;

        line-height: 35px

    }



    .case-channel {

        padding: 62px 0 50px;

        background: #fff

    }



    .case-channel .title {

        text-align: center;

        margin-bottom: 55px

    }



    .case-channel .title h2 {

        font-size: 32px;

        color: #333;

        line-height: 52px

    }



    .case-channel .title p {

        font-size: 16px;

        color: #666;

        line-height: 26px

    }



    .case-channel .list {

        width: 100%

    }



    .case-channel .list li {

        width: 32.1%;

        float: left;

        margin: 0 1.7% 25px 0;

        overflow: hidden;

        position: relative

    }



    .case-channel .list li.cut {

        margin-right: 0

    }



    .case-channel .list img {

        width: 100%;

        transition: transform .3s

    }



    .case-channel .list .bg {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: rgba(0, 0, 0, .5);

        z-index: 1;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .case-channel .list .con {

        width: 100%;

        position: absolute;

        bottom: -88px;

        left: 0;

        padding: 0 6% 45px 4%;

        z-index: 2;

        background: url(../img/case14_h.png) no-repeat center -7px;

        transition: bottom .3s

    }



    .case-channel .list .red {

        width: 9px;

        height: 16px;

        position: absolute;

        bottom: 6%;

        right: 4%;

        background: url(../img/case13.png) no-repeat center;

        z-index: 3;

        opacity: 1;

        filter: alpha(opacity=100);

        transition: opacity .3s

    }



    .case-channel .list h2 {

        font-size: 22px;

        color: #fff;

        line-height: 39px

    }



    .case-channel .list p.font {

        font-size: 14px;

        color: #fff;

        line-height: 23px;

        height: 46px;

        overflow: hidden;

        margin-bottom: 32px

    }



    .case-channel .list .more {

        width: 120px;

        height: 34px;

        text-align: center;

        line-height: 34px;

        background: #d9271b;

        color: #fff;

        font-size: 14px;

        border-radius: 20px

    }



    .case-top {

        width: 100%;

        padding: 65px 0 60px;

        background: #fff

    }



    .case-top h2 {

        font-size: 32px;

        color: #333;

        line-height: 52px;

        margin-bottom: 14px

    }



    .case-top p {

        font-size: 14px;

        color: #666;

        line-height: 24px

    }



    .case-list {

        background: #f5f5f5;

        padding: 30px 0 36px

    }



    .case-list .case-listp li {

        width: 25%;

        background: url(../img/case15.png) no-repeat 1% center;

        font-size: 16px;

        color: #666;

        float: left;

        line-height: 33px;

        padding: 8px 0 8px 4%;

        cursor: pointer;

        transition: background .3s, color .3s

    }



    .case-list .case-listp a {

        color: #666;

        transition: color .3s

    }



    .case-list .case-listm {

        height: 0;

        overflow: hidden

    }



    .case-bot {

        background: #fff;

        width: 100%;

        padding: 47px 0 59px

    }



    .case-list .case-listp li.on {

        background: url(../img/case15_h.png) no-repeat 1% center

    }



    .case-list .case-listp li.on a {

        color: #d9271b

    }



    .case-link-list {

        padding-bottom: 110px;

        width: 100%

    }



    .case-link-list ul {

        width: 100%

    }



    .case-link-list li {

        width: 100%;

        padding: 23px 0;

        float: left

    }



    .case-link-list a {

        display: block;

        width: 100%

    }



    .case-link-list .pic {

        width: 20.5%;

        float: left;

        overflow: hidden

    }



    .case-link-list img {

        width: 100%;

        transition: transform .3s

    }



    .case-link-list .con {

        float: right;

        width: 75%;

        float: right

    }



    .case-link-list h2 {

        font-size: 20px;

        color: #333;

        line-height: 40px;

        margin: 10px 0 5px;

        font-weight: bold;

        height: 40px;

        overflow: hidden;

        transition: color .3s

    }



    .case-link-list .font {

        font-size: 14px;

        color: #777;

        line-height: 24px;

        height: 48px;

        overflow: hidden

    }



    .case-link-list .more {

        width: 125px;

        height: 36px;

        text-align: center;

        line-height: 36px;

        border: 1px solid #e4e4e4;

        font-size: 14px;

        color: #666;

        border-radius: 2px;

        margin-top: 25px;

        transition: color .3s, border .3s, background .3s

    }



    .case-success {

        padding-bottom: 100px

    }



    .su-title {

        font-size: 34px;

        color: #333;

        line-height: 54px;

        margin-bottom: 30px

    }



    .case-success-list {

        width: 100%;

        padding-bottom: 60px;

        position: relative

    }



    .case-success-list .slides li {

        width: 322px;

        float: left;

        margin-right: 35px

    }



    .case-success-list .slides .pic {

        width: 100%;

        overflow: hidden;

        height: 21vh

    }



    .case-success-list .slides img {

        width: 100%;

        transition: transform .3s

    }



    .case-success-list .slides h2 {

        font-size: 20px;

        color: #333;

        line-height: 40px;

        margin: 35px 0 5px;

        height: 40px;

        overflow: hidden;

        font-weight: bold

    }



    .case-success-list .slides .font {

        font-size: 14px;

        color: #777;

        line-height: 24px;

        width: 80%

    }



    .case-success-list .slides .more {

        width: 125px;

        text-align: center;

        line-height: 36px;

        border: 1px solid #e4e4e4;

        font-size: 14px;

        color: #666;

        margin-top: 35px;

        transition: background .3s, color .3s

    }



    .case-video-list {

        padding-bottom: 50px;

        position: relative

    }



    .case-video-list .slides li {

        float: left;

        width: 322px;

        margin-right: 35px

    }



    .case-video-list .slides .pic {

        width: 100%;

        overflow: hidden;

        position: relative

    }



    .case-video-list .slides img {

        width: 100%;

        transition: transform .3s

    }



    .case-video-list .slides .open {

        width: 39px;

        height: 39px;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -19px 0 0 -19px;

        z-index: 2;

        display: block;

        background: url(../img/case20.png) no-repeat center

    }



    .case-video-list .slides .font {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        text-align: center;

        padding-top: 20px;

        transition: color .3s

    }



    .case-success-list .flex-control-nav,

    .case-video-list .flex-control-nav {

        bottom: -25px

    }



    .case-success-list .flex-control-paging li a,

    .case-video-list .flex-control-paging li a {

        width: 10px;

        height: 10px;

        box-shadow: none;

        /*background: url(../img/btn02.png) no-repeat center;*/

        background-size: 100% 100%

    }



    .case-success-list .flex-control-paging li a.flex-active,

    .case-success-list .flex-control-paging li a:hover,

    .case-video-list .flex-control-paging li a.flex-active,

    .case-video-list .flex-control-paging li a:hover {

        /*background: url(../img/btn01_h.png) no-repeat center;*/

        background-size: 100% 100%

    }



    .video-ajax {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 11;

        display: none;

        text-align: center

    }



    .video-ajax .bg {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: #000;

        z-index: 1;

        cursor: pointer;

        opacity: .5;

        filter: alpha(opacity=50)

    }



    .video-ajax .close {

        width: 25px;

        height: 25px;

        position: absolute;

        top: 0;

        right: -28px;

        opacity: 1;

        filter: alpha(opacity=100);

        display: block;

        z-index: 2;

        background: url(../img/odd01.png) no-repeat center;

        background-size: 100% 100%

    }



    .video-ajax .con {

        width: 780px;

        height: 438px;

        position: absolute;

        z-index: 2;

        top: 50%;

        left: 50%;

        margin-left: -390px;

        margin-top: -219px

    }



    .video-ajax .con video {

        width: 100%

    }



    .case-info-box {

        padding: 45px 0 108px;

        background: #f5f5f5

    }



    .case-info-box .left {

        width: 75%;

        float: left

    }



    .case-info-box .left-box {

        width: 100%;

        padding: 36px 5.7% 75px;

        background: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, .07)

    }



    .case-info-box .left h1 {

        font-size: 34px;

        color: #000;

        line-height: 54px;

        padding: 19px 0;

        border-bottom: 1px solid #f2f2f2;

        text-align: center

    }



    .case-info-box .left h2 {

        font-size: 28px;

        color: #333;

        line-height: 48px;

        padding: 40px 0 15px

    }



    .case-info-box .left p {

        font-size: 16px;

        color: #666;

        line-height: 36px;

        word-wrap: break-word

    }



    .case-info-box .left img {

        max-width: 100%;

        height: auto !important

    }



    .case-info-box .left h3 {

        font-size: 18px;

        color: #000;

        line-height: 38px;

        padding-top: 30px

    }



    .case-info-box .right {

        width: 22.8%;

        float: right

    }



    .case-info-box .download {

        width: 100%;

        padding-left: 35%;

        font-size: 22px;

        color: #fff;

        line-height: 90px;

        margin-bottom: 24px;

        background: #db261d url(../img/case22.png) no-repeat 20% center;

        display: block

    }



    .case-info-box .relevant {

        width: 100%;

        padding: 13px 9% 55px;

        background: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, .07)

    }



    .case-info-box .relevant h2 {

        font-size: 16px;

        color: #333;

        line-height: 48px

    }



    .case-info-box .relevant a {

        display: block;

        width: 100%;

        font-size: 16px;

        color: #666;

        line-height: 26px;

        padding: 7px 0 7px 12%;

        background: url(../img/case23.png) no-repeat left 17px;

        transition: background .3s, color .3s

    }



    .news-nav {

        width: 100%;

        height: 74px;

        line-height: 74px;

        background: #f5f5f5

    }



    .news-nav .left-nav {

        float: left;

        width: 16.4%

    }



    .news-nav .left-nav a {

        float: left;

        width: 50%;

        display: block;

        font-size: 14px;

        color: #333;

        transition: color .3s

    }



    .news-nav .left-nav a:hover,

    .news-nav .left-nav a.on {

        color: #de241b

    }



    .news-nav .news-now {

        float: right

    }



    .news-nav .news-now a {

        float: right;

        font-size: 14px;

        color: #999;

        transition: color .3s

    }



    .news-nav .news-now a:hover {

        color: #de241b

    }



    .news-nav .news-now a.b {

        color: #666

    }



    .news-nav .news-now i {

        width: 4px;

        height: 74px;

        display: block;

        float: right;

        background: url(../img/case26.png) no-repeat center;

        margin: 0 12px

    }



    .news-box {

        padding: 58px 0 90px;

        background: #fff;

        width: 100%

    }



    .news-list-top {

        padding-bottom: 125px;

        position: relative

    }



    .news-list-top a {

        width: 100%;

        display: block

    }



    .news-list-top .slides li {

        width: 100%;

        float: left

    }



    .news-list-top .slides .pic {

        width: 42.8%;

        float: left;

        overflow: hidden

    }



    .news-list-top .slides .pic img {

        width: 100%;

        transition: transform .3s

    }



    .news-list-top .slides .con {

        float: right;

        width: 52.8%;

        padding-right: 6%;

        display: block

    }



    .news-list-top .slides h3 {

        font-size: 14px;

        color: #666;

        line-height: 34px;

        padding-top: 40px

    }



    .news-list-top .slides h2 {

        font-size: 24px;

        color: #333;

        line-height: 34px;

        height: 34px;

        overflow: hidden;

        transition: color .3s

    }



    .news-list-top .slides .font {

        font-size: 14px;

        color: #666;

        line-height: 25px;

        height: 50px;

        overflow: hidden;

        margin: 30px 0 45px

    }



    .news-list-top .slides .more {

        padding-left: 40px;

        font-size: 16px;

        color: #666;

        line-height: 28px;

        background: url(../img/case28.png) no-repeat left center

    }



    .news-list-top .slides li:hover img {

        transform: scale(1.1)

    }



    .news-list-top .slides li:hover h2 {

        color: #d9271b

    }



    .news-list-top .flex-control-nav {

        bottom: 50px

    }



    .news-list-top .flex-control-nav a {

        width: 10px;

        height: 10px;

        background: url(../img/case29.png) no-repeat center;

        background-size: 100% 100%;

        box-shadow: none

    }



    .news-list-top .flex-control-nav li a.flex-active,

    .news-list-top .flex-control-nav li a:hover {

        background: url(../img/case29_h.png) no-repeat center;

        background-size: 100% 100%

    }



    .news-list-bot ul {

        width: 100%

    }



    .news-list-bot li {

        width: 30.5%;

        margin: 0 4% 55px 0;

        float: left;

        transition: box-shadow .3s

    }



    .news-list-bot li.cur {

        margin-right: 0

    }



    .news-list-bot li .pic {

        width: 100%;

        overflow: hidden;

        height: 11.875vw;

        border: 1px solid #e6e6e6

    }



    .news-list-bot li img {

        width: 100%;

        transition: transform .3s

    }



    .news-list-bot li .con {

        display: block;

        width: 100%;

        border: 1px solid #e6e6e6;

        border-top: 0;

        padding: 26px 7% 50px

    }



    .news-list-bot li h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        overflow: hidden;

        height: 44px;

        transition: color .3s

    }



    .news-list-bot li .time {

        color: #999;

        line-height: 26px;

        font-size: 14px;

        padding-left: 30px;

        background: url(../img/case31.png) no-repeat left center

    }



    .news-list-bot li .font {

        font-size: 14px;

        color: #666;

        line-height: 24px;

        margin-top: 14px;

        height: 48px;

        overflow: hidden

    }



    .news-page {

        width: 100%;

        height: 40px;

        text-align: center

    }



    .news-page a {

        font-size: 14px;

        line-height: 40px;

        width: 40px;

        height: 40px;

        display: inline-block;

        background: #f7f7f7;

        color: #686868;

        transition: background .3s, color .3s

    }



    .news-page.new a {

        background: #fff

    }



    .news-page a.active,

    .product-list .news-page a.active,

    .news-page.on a.active,

    .news-page.new a.active {

        color: #fff;

        background: #de241b

    }



    .news-page a.btns {

        font-family: '宋体'

    }



    .product-list .news-page a {

        background: #fff

    }



    .news-info-box {

        width: 100%;

        background: #fff;

        padding: 102px 0 125px

    }



    .news-info-box .left {

        width: 75%;

        padding: 0 5.7%;

        background: #fff;

        float: left

    }



    .news-info-box .left h2 {

        font-size: 30px;

        color: #000;

        line-height: 30px;

        padding-bottom: 30px;

        border-bottom: 1px solid #f2f2f2;

        padding-right: 85px;

        position: relative;

        margin-bottom: 30px

    }



    .news-info-box .left .time {

        font-size: 14px;

        color: rgba(51, 51, 51, .5);

        line-height: 30px;

        position: absolute;

        top: 0;

        right: 0

    }



    .news-info-box .left p {

        font-size: 18px;

        color: #666;

        line-height: 36px;

        margin-bottom: 30px

    }



    .news-info-box .left img {

        max-width: 100%;

        margin-bottom: 35px;

        height: auto !important

    }



    .news-info-box .right {

        width: 22.8%;

        float: right;

        padding: 0 2%

    }



    .news-info-box .right h2 {

        font-size: 22px;

        color: #333;

        line-height: 22px;

        padding-bottom: 20px;

        border-bottom: 1px solid #e6e6e6;

        margin-bottom: 15px

    }



    .news-info-box .right a {

        display: block;

        width: 100%;

        font-size: 16px;

        color: #666;

        line-height: 26px;

        padding: 7px 0 7px 12%;

        background: url(../img/case23.png) no-repeat left 17px;

        transition: background .3s, color .3s

    }



    .news-info-box .right a.link {

        width: 100%;

        height: 55px;

        line-height: 55px;

        background: #de241b url(../img/news04.png) no-repeat 80% center;

        color: #fff;

        font-size: 18px;

        padding: 0 0 0 21%;

        transition: background .3s, color .3s, padding .3s;

        margin-top: 30px

    }



    .news-info-box .right a.link:hover {

        background: #de241b url(../img/news04.png) no-repeat 85% center;

        color: #fff;

        padding: 0 0 0 15%

    }



    .news-video {

        padding: 60px 0 80px;

        background: #fff

    }



    .news-video-list {

        width: 100%;

        padding-bottom: 20px

    }



    .news-video-list li {

        float: left;

        width: 23.5%;

        margin-right: 1.8%;

        border: 1px solid #b9b9b9;

        margin-bottom: 30px;

        transition: box-shadow .3s

    }



    .news-video-list li.cur {

        margin-right: 0

    }



    .news-video-list li .pic {

        width: 100%;

        overflow: hidden;

        position: relative;

        height: 217px

    }



    .news-video-list li img {

        width: 100%;

        transition: transform .3s

    }



    .news-video-list li .bg {

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, .7);

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .news-video-list li .open {

        width: 45px;

        height: 45px;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -22px 0 0 -22px;

        display: block;

        background: url(../img/news06.png) no-repeat center;

        background-size: 100% 100%;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .news-video-list li .con {

        display: block;

        width: 100%;

        border-top: 0;

        padding: 20px 9% 30px

    }



    .news-video-list li h3 {

        font-size: 16px;

        color: #888;

        line-height: 36px

    }



    .news-video-list li i {

        display: block;

        background: #7f7f7f;

        width: 16px;

        height: 1px;

        margin: 9px 0 6px

    }



    .news-video-list li p.font {

        font-size: 18px;

        color: #333;

        line-height: 28px;

        height: 60px;

        overflow: hidden

    }



    .mobile-nav-box {

        display: none

    }



    .service-banner {

        width: 100%;

        height: 400px;

        position: relative;

        text-align: center

    }



    .service-banner h2 {

        font-size: 34px;

        color: #fff;

        line-height: 56px;

        padding-top: 140px

    }



    .service-banner.cur h2 {

        padding-top: 113px

    }



    .service-banner p {

        font-size: 22px;

        color: #fff;

        line-height: 45px

    }



    .service-banner form {

        background: #fff;

        border: 1px solid #dedede;

        border-top: 0;

        border-bottom: 0;

        width: 654px;

        margin: 45px auto 0;

        height: 48px;

        line-height: 48px

    }



    .service-banner .submit {

        width: 7%;

        height: 48px;

        background: url(../img/ser14.png) no-repeat center;

        border: 0;

        float: left

    }



    .service-banner .text {

        width: 55%;

        float: left;

        height: 48px;

        line-height: 48px;

        font-size: 18px;

        color: #666;

        border: 0

    }



    .service-channel-top {

        padding: 89px 0 86px;

        width: 100%;

        background: #f5f5f5

    }



    .service-channel-top ul {

        width: 100%

    }



    .service-channel-top li {

        width: 32.1%;

        margin-left: 1.7%;

        background: #fff;

        float: left

    }



    .service-channel-top li:first-child {

        margin-left: 0

    }



    .service-channel-top .pic {

        width: 100%

    }



    .service-channel-top img {

        width: 100%

    }



    .service-channel-top .con {

        width: 100%;

        display: block;

        padding: 25px 6%;

        min-height: 235px

    }



    .service-channel-top h2 {

        font-size: 26px;

        color: #333;

        line-height: 46px;

        margin-bottom: 10px

    }



    .service-channel-top a {

        display: block;

        width: 50%;

        float: left;

        padding-left: 20px;

        background: url(../img/ser05.png) no-repeat 3px 10px;

        font-size: 14px;

        color: #000;

        line-height: 28px;

        transition: color .3s

    }



    .service-channel-top li:nth-child(2) a {

        width: 100%

    }



    .service-channel-top a:hover {

        color: #d82518

    }



    .service-channel-cen {

        width: 100%

    }



    .service-channel-cen ul {

        width: 100%

    }



    .service-channel-cen li {

        width: 50%;

        text-align: center;

        float: left;

        position: relative

    }



    .service-channel-cen span {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        display: block

    }



    .service-channel-cen h2 {

        font-size: 28px;

        color: #2a2a2a;

        line-height: 38px;

        margin-top: 51px;

        margin-bottom: 32px

    }



    .service-channel-cen li:first-child h2 {

        color: #fff

    }



    .service-channel-cen .serch {

        width: 180px;

        margin: 45px auto 0;

        display: block;

        height: 43px;

        text-align: center;

        line-height: 43px;

        background: #2a2a2a;

        font-size: 18px;

        color: #fff;

        border-radius: 20px;

        transition: background .3s, color .3s

    }



    .service-channel-cen li:first-child .serch {

        background: #fff;

        color: #2a2a2a

    }



    .service-channel-cen .con img {

        max-width: 65%

    }



    .service-channel-bot {

        padding: 76px 0 108px;

        width: 100%;

        background: #fff

    }



    .service-channel-bot li {

        width: 23.7%;

        float: left;

        margin-left: 1.7%;

        position: relative;

        overflow: hidden

    }



    .service-channel-bot li:first-child {

        margin-left: 0

    }



    .service-channel-bot li .con {

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        padding: 0 8% 40px

    }



    .service-channel-bot li h2 {

        font-size: 28px;

        color: #fff;

        line-height: 48px;

        margin-bottom: 13px;

        transition: color .3s

    }



    .service-channel-bot li p {

        font-size: 14px;

        color: #fff;

        line-height: 28px

    }



    .service-channel-bot li img {

        width: 100%;

        transition: transform .3s

    }



    .download-channel {

        padding: 70px 0 140px;

        background: #fff;

        width: 100%

    }



    .download-channel .title {

        font-size: 34px;

        color: #333;

        line-height: 54px;

        margin-bottom: 20px

    }



    .download-channel .top {

        margin-bottom: 20px;

        width: 100%

    }



    .download-channel ul {

        width: 100%

    }



    .download-channel li {

        width: 49.2%;

        float: left;

        border: 1px solid #dedede;

        padding-bottom: 42px

    }



    .download-channel li.odd {

        float: right

    }



    .download-channel .tit {

        width: 100%;

        border-bottom: 1px solid #dedede;

        padding: 20px 4%;

        display: block;

        color: #333;

        font-size: 22px;

        line-height: 45px;

        background: url(../img/ser19.png) no-repeat 97% center;

        margin-bottom: 19px

    }



    .download-channel .tit p {

        padding-left: 51px

    }



    .download-channel .ico_1 p {

        background: url(../img/ser15.png) no-repeat left center

    }



    .download-channel .ico_2 p {

        background: url(../img/ser16.png) no-repeat left center

    }



    .download-channel .ico_3 p {

        background: url(../img/ser17.png) no-repeat left center

    }



    .download-channel .ico_4 p {

        background: url(../img/ser18.png) no-repeat left center

    }



    .download-channel .con {

        width: 87%;

        margin: 0 auto;

        border-bottom: 1px solid #eaeaea

    }



    .download-channel .con-tit {

        display: block;

        line-height: 72px;

        padding-left: 34px;

        background: url(../img/pro15.png) no-repeat left center;

        font-size: 18px;

        color: #333;

        transition: background .3s

    }



    .download-channel .con-tit.on {

        background: url(../img/ser21.jpg) no-repeat left center

    }



    .download-channel .link-box {

        width: 100%;

        padding-bottom: 5px;

        display: none

    }



    .download-channel .link {

        width: 33.33%;

        float: left;

        padding-left: 15px;

        background: url(../img/ser20.png) no-repeat left 12px;

        line-height: 34px;

        font-size: 16px;

        color: #808080;

        transition: background .3s, color .3s

    }



    .download-list {

        padding: 83px 0 136px

    }



    .download-list-tit {

        font-size: 30px;

        color: #333;

        line-height: 89px

    }



    .download-list-box {

        width: 100%

    }



    .download-list-box ul {

        width: 100%

    }



    .download-list-box li {

        width: 100%

    }



    .download-list-box .title {

        width: 100%;

        cursor: pointer;

        padding-left: 64px;

        background: url(../img/ser22.png) no-repeat left center;

        line-height: 75px;

        font-size: 18px;

        color: #666;

        border-bottom: 1px solid #e0e0e0

    }



    .download-list-box .title.on {

        border-bottom: 0;

        background: url(../img/ser22_h.png) no-repeat left center;

        color: #d9271b

    }



    .download-list-box .time {

        font-size: 14px;

        color: #666;

        opacity: .5;

        filter: alpha(opacity=50)

    }



    .download-list-box .con {

        width: 100%;

        padding: 1.7%;

        background: #f7f7f7;

        display: none

    }



    .download-list-box dd {

        width: 100%;

        margin-bottom: 17px;

        background: #fff;

        padding: 39px 3.7% 49px

    }



    .download-list-box dd h2 {

        line-height: 44px;

        font-size: 24px;

        color: #333;

        margin-bottom: 14px

    }



    .download-list-box dd .line {

        margin-bottom: 20px;

        border-bottom: 1px solid #e6e5e5;

        padding-bottom: 40px

    }



    .download-list-box dd p {

        font-size: 15px;

        color: #666;

        line-height: 25px

    }



    .download-list-box .download {

        margin-top: 23px;

        width: 130px;

        height: 42px;

        padding-left: 37px;

        line-height: 42px;

        background: #d9271b url(../img/ser23.png) no-repeat 77px center;

        color: #fff;

        font-size: 16px;

        color: #fff;

        display: block;

        border-radius: 30px

    }



    .download-list-box .weima {

        display: block;

        width: 300px

    }



    .download-list-box .weima img {

        width: 60%;

        float: left

    }



    .download-list-box .weima p {

        width: 40%;

        text-align: center;

        font-size: 12px;

        color: #666;

        line-height: 18px;

        float: right;

        margin-top: 18px

    }



    .video-title {

        width: 100%;

        text-align: center;

        font-size: 34px;

        color: #333;

        line-height: 54px;

        padding: 12px 0 56px

    }



    .news-video .product-nav {

        top: -40px

    }



    .news-page.on a {

        background: #fff

    }



    .authen_nav {

        width: 100%;

        background: #f5f5f5;

        height: 70px;

        line-height: 70px;

        font-size: 20px;

        color: #333

    }



    .authen_nav a {

        font-size: 16px;

        color: #1f1f1f;

        opacity: .5;

        filter: alpha(opacity=50);

        margin-left: 45px;

        transition: color .3s, opacity .3s

    }



    .authen_nav a.on {

        color: #de241b;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .authentication-top {

        padding: 69px 0 45px;

        border-bottom: 1px solid #e6e6e6

    }



    .authentication-top h2 {

        font-size: 36px;

        color: #333;

        line-height: 56px;

        padding-bottom: 19px

    }



    .authentication-top p {

        font-size: 15px;

        color: #666;

        line-height: 30px;

        width: 72.4%

    }



    .authentication-center {

        padding: 42px 0 51px;

        border-bottom: 1px solid #e6e6e6

    }



    .authentication-center h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-bottom: 10px

    }



    .authentication-center p {

        padding-left: 18px;

        font-size: 15px;

        color: #666;

        line-height: 30px;

        background: url(../img/case23.png) no-repeat left 12px

    }



    .authentication-bot {

        padding: 51px 0 85px

    }



    .authentication-bot h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-bottom: 10px

    }



    .authentication-bot p {

        font-size: 15px;

        color: #666;

        line-height: 30px;

        width: 72.4%

    }



    .authentication-bot img {

        max-width: 72.4%;

        height: auto !important

    }



    .sign-top {

        width: 100%;

        background: #fff;

        padding: 79px 0 114px

    }



    .sign-box1 {

        width: 93%

    }



    .sign-top .title {

        font-size: 34px;

        color: #333;

        line-height: 54px;

        padding-bottom: 20px;

        border-bottom: 1px solid #eeecec;

        margin-bottom: 21px

    }



    .sign-top .information-tit {

        padding: 20px 0 30px

    }



    .sign-top .information-tit h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-bottom: 6px

    }



    .sign-top .information-tit span {

        font-size: 14px;

        color: #333;

        margin-left: 11px

    }



    .sign-top .information-tit i {

        display: block;

        width: 24px;

        height: 2px;

        background: #333

    }



    .information-box {

        border-bottom: 1px solid #eeecec;

        padding-bottom: 38px

    }



    .information-box p {

        font-size: 14px;

        color: #666;

        line-height: 30px;

        float: left;

        width: 100%

    }



    .information-box input {

        margin-bottom: 20px;

        padding: 0 15px;

        font-size: 14px;

        color: #666;

        border: 1px solid #e5e5e5;

        height: 48px;

        line-height: 48px;

        float: left

    }



    .information-box input.name {

        width: 48.8%

    }



    .information-box select {

        padding: 0 15px;

        font-size: 14px;

        color: #666;

        border: 1px solid #e5e5e5;

        height: 48px;

        line-height: 48px;

        margin-bottom: 20px;

        appearance: none;

        -moz-appearance: none;

        -webkit-appearance: none;

        position: relative;

        background: url(../img/ser25.png) no-repeat 96% center

    }



    .information-box select.gender,

    .information-box select.grade {

        width: 48.8%;

        float: right

    }



    .information-box .file {

        width: 48.8%;

        float: right;

        margin-bottom: 20px;

        position: relative;

        height: 48px;

        overflow: hidden

    }



    .information-box .file input {

        border: 0;

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .information-box .file h2 {

        font-size: 14px;

        color: #666

    }



    .information-box .file span {

        width: 30%;

        display: inline-block;

        margin: 0 5px;

        height: 48px;

        text-align: center;

        line-height: 48px;

        border: 1px solid #e5e5e5

    }



    .information-box select.post,

    .information-box input.mobile {

        width: 31.7%;

        float: left;

        margin-right: 2.3%

    }



    .information-box select.post.on {

        margin-right: 0

    }



    .information-box input.email {

        width: 31.7%

    }



    .information-box select.mold {

        float: left;

        width: 48.8%

    }



    .information-box input::-webkit-input-placeholder {

        color: #666

    }



    .information-box input:-moz-placeholder {

        color: #666

    }



    .information-box input::-moz-placeholder {

        color: #666

    }



    .information-box input:-ms-input-placeholder {

        color: #666

    }



    .video-ajax iframe {

        margin: auto;

        width: 57.3vw;

        height: 47.9vw;

        z-index: 2

    }



    .information-box input.submit {

        width: 182px;

        height: 50px;

        text-align: center;

        line-height: 50px;

        background: #d20317;

        border: 0;

        font-size: 16px;

        color: #fff;

        margin-top: 30px;

        margin-bottom: 0

    }



    .information-box.on {

        border-bottom: 0;

        padding-bottom: 0

    }



    .sign-bot {

        background: #fff;

        padding: 60px 0 114px;

        width: 100%

    }



    .sign-bot h2 {

        font-size: 30px;

        color: #333;

        line-height: 50px;

        padding: 0 0 15px

    }



    .sign-bot .box {

        width: 674px;

        height: 78px;

        padding: 9px 0;

        border: 1px solid #d9d9d9;

        margin-bottom: 12px

    }



    .sign-bot .box span {

        width: 11.8%;

        height: 60px;

        display: block;

        float: left;

        border-right: 1px solid #d9d9d9

    }



    .sign-bot .box span.name {

        background: url(../img/ser28.png) no-repeat center

    }



    .sign-bot .box span.name.on {

        background: url(../img/en03.png) no-repeat center

    }



    .sign-bot .box span.ma {

        background: url(../img/ser30.png) no-repeat center

    }



    .sign-bot .box span.tel {

        background: url(../img/ser29.png) no-repeat center

    }



    .sign-bot .box input {

        width: 88%;

        height: 60px;

        border: 0;

        font-size: 16px;

        color: #b2b2b2;

        padding-left: 4%;

        background: 0

    }



    .sign-bot .submit {

        width: 190px;

        height: 60px;

        text-align: center;

        line-height: 60px;

        background: #d20317;

        color: #fff;

        font-size: 16px;

        border: 0;

        margin: 30px 0 80px

    }



    .sign-bot .tel-box {

        width: 674px;

        margin-bottom: 12px

    }



    .sign-bot .left {

        width: 77.8%;

        height: 78px;

        padding: 9px 0;

        border: 1px solid #d9d9d9

    }



    .sign-bot .left span {

        width: 15.2%;

        border-right: 1px solid #d9d9d9;

        background: url(../img/ser29.png) no-repeat center;

        height: 60px;

        float: left;

        display: block

    }



    .sign-bot .left input {

        width: 84.8%;

        height: 60px;

        border: 0;

        font-size: 16px;

        color: #b2b2b2;

        padding-left: 4%;

        background: 0

    }



    .sign-bot .tel-box .button {

        width: 20.3%;

        float: right;

        height: 78px;

        border: 1px solid #d9d9d9;

        text-align: center;

        line-height: 78px;

        font-size: 16px;

        color: #b2b2b2;

        background: 0

    }



    .monthly {

        padding: 100px 0 66px

    }



    .left-list {

        width: 28.2%;

        float: left;

        position: relative

    }



    .left-list .slides li {

        width: 100%;

        float: left;

        position: relative

    }



    .left-list .news {

        width: 75px;

        height: 31px;

        position: absolute;

        top: 8px;

        right: 0;

        background: url(../img/ser32.png) no-repeat center

    }



    .left-list a {

        display: block;

        width: 100%

    }



    .left-list img {

        width: 98.8%

    }



    .left-list .flex-control-nav {

        bottom: -45px

    }



    .left-list .flex-control-paging li a {

        width: 10px;

        height: 10px;

        box-shadow: none;

        background: url(../img/ser33.png) no-repeat center;

        background-size: 100% 100%;

        transition: background .3s

    }



    .left-list .flex-control-paging li a.flex-active,

    .left-list .flex-control-paging li a:hover {

        background: url(../img/ser33_h.png) no-repeat center

    }



    .monthly .right {

        width: 68.9%;

        float: right

    }



    .monthly .right ul {

        width: 100%;

        margin-bottom: 30px

    }



    .monthly .right li {

        width: 100%;

        float: left;

        margin-bottom: 20px;

        background: #fff;

        padding: 21px 2.2%;

        transition: background .3s

    }



    .monthly .right li a {

        display: block;

        width: 100%

    }



    .monthly .right li span {

        font-size: 16px;

        color: #333;

        line-height: 38px;

        transition: color .3s

    }



    .monthly .right li .tit {

        width: 80%

    }



    .monthly .right li .time {

        font-size: 14px;

        color: #888;

        transition: color .3s

    }



    .monthly .news-page a {

        background: #fff

    }



    .monthly .news-page a.active {

        color: #fff;

        background: #de241b

    }



    .search-ajax {

        width: 100%;

        overflow: auto

    }



    .search-ajax table {

        max-width: 100%;

        width: 100%

    }



    .search-ajax table td {

        border: 1px solid #d8d8d8;

        padding: 13px 0;

        text-align: center;

        font-size: 16px;

        color: #333

    }



    .ser-contact {

        padding: 70px 0 98px

    }



    .ser-contact .now {

        top: -106px

    }



    .ser-contact h2 {

        text-align: center;

        font-size: 32px;

        color: #333;

        line-height: 52px;

        margin-bottom: 45px

    }



    .ser-contact-list {

        width: 100%

    }



    .ser-contact-list li {

        width: 23.5%;

        margin-left: 1.5%;

        float: left;

        text-align: center;

        height: 228px;

        cursor: pointer;

        border: 1px solid #d8d8d8;

        transition: background .3s, box-shadow .3s

    }



    .ser-contact-list li:first-child {

        margin-left: 0

    }



    .ser-contact-list li img {

        margin-top: 32px

    }



    .ser-contact-list li p {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 45px

    }



    .repair-search {

        padding: 43px 0 87px

    }



    .repair-search h2 {

        color: #333;

        font-size: 24px;

        line-height: 44px;

        margin-bottom: 24px

    }



    .repair-search .box {

        width: 48%;

        border: 1px solid #ddd;

        padding: 8px 0;

        height: 88px;

        margin-bottom: 35px

    }



    .repair-search .box span {

        width: 17%;

        border-right: 1px solid #ddd;

        padding-left: 8%;

        height: 72px;

        float: left;

        display: block;

        line-height: 72px;

        font-size: 16px;

        color: #333

    }



    .repair-search .box span.name {

        background: url(../img/ser39.png) no-repeat 22% center

    }



    .repair-search .box span.pw {

        background: url(../img/ser40.png) no-repeat 22% center

    }



    .repair-search .box input {

        border: 0;

        width: 83%;

        line-height: 72px;

        padding-left: 10px;

        font-size: 16px;

        color: #333

    }



    .repair-search .radio-box {

        width: 100%;

        height: 37px;

        line-height: 37px

    }



    .repair-search .radio-box label {

        font-size: 16px;

        color: #333;

        line-height: 37px;

        float: left;

        width: 12.5%;

        font-weight: normal;

        cursor: pointer

    }



    .repair-search .radio-box input {

        margin-right: 13px;

        cursor: pointer

    }



    .repair-search .submit {

        width: 275px;

        height: 58px;

        text-align: center;

        line-height: 58px;

        border: 0;

        background: #d9271b;

        font-size: 18px;

        color: #fff;

        float: left;

        margin-top: 64px

    }



    .snet {

        width: 100%;

        padding: 80px 0 72px;

        background: #f5f5f5;

        text-align: center

    }



    .snet h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-bottom: 48px;

        text-align: left

    }



    .snet img {

        max-width: 100%

    }



    .state {

        padding: 90px 0 97px

    }



    .state label {

        width: 8.5%;

        float: left;

        font-size: 18px;

        color: #333;

        line-height: 90px

    }



    .state label input {

        margin-right: 12px

    }



    .state .text {

        width: 49.2%;

        float: left;

        border: 1px solid #ddd;

        height: 90px;

        line-height: 90px;

        border-right: 1px solid #ddd;

        padding-left: 10px

    }



    .state .submit {

        width: 7.8%;

        height: 90px;

        line-height: 90px;

        background: #d9271b;

        color: #fff;

        border: 0;

        font-size: 18px;

        float: left

    }



    .internet {

        padding: 110px 0 130px

    }



    .internet li {

        width: 48.5%;

        float: left;

        padding: 22px 6% 22px 2%;

        background: #f5f5f5 url(../img/ser44.png) no-repeat 95%;

        margin-bottom: 30px;

        transition: background .3s, box-shadow .3s

    }



    .internet li a {

        display: block;

        width: 100%;

        border-right: 1px solid #dcdcdc

    }



    .internet li h2 {

        font-size: 20px;

        color: #333;

        line-height: 30px;

        width: 100%;

        margin-top: 7px;

        transition: color .3s;

        height: 30px;

        overflow: hidden

    }



    .network .network-internet {

        padding: 0;

    }



    .network .network-internet li {

        width: 48.5%;

        float: left;

        padding: 22px 6% 22px 2%;

        margin-bottom: 30px;

        transition: background .3s, box-shadow .3s;

        border: 1px solid #dedede;

        background: #fff url(../img/cur03.png) no-repeat 95%;

    }



    .network-internet li a {

        border-right: 0;

    }



    .network-internet li img {

        width: 82px

    }



    .network .network-internet li span {

        font-size: 18px;

        color: #333;

        margin-left: 8px;

        font-weight: bold;

    }



    .internet li p.time {

        font-size: 14px;

        color: #888;

        line-height: 24px;

        margin-bottom: 10px

    }



    /* .internet li.even {

            float: right

        } */



    .internet li:hover {

        background: #fff url(../img/cur03_h.png) no-repeat 95%;

        box-shadow: 0 0 20px rgba(0, 0, 0, .1)

    }



    .internet li:hover h2 {

        color: #d9271b

    }



    .case-info-box.internet-info .left h1 {

        text-align: left;

        margin-bottom: 32px;

    }



    .case-info-box.internet-info .download {

        padding-left: 44%;

        background: #db261d url(../img/case22.png) no-repeat 30% center

    }



    .case-info-box.internet-info .intro {

        width: 100%;

        padding-left: 21%;

        font-size: 16px;

        color: #333;

        display: block;

        padding: 10px 0 10px 21%;

        line-height: 28px;

        word-wrap: break-word;

        box-shadow: 0 0 10px rgba(0, 0, 0, .1)

    }



    .case-info-box.internet-info .ico01 {

        background: #fff url(../img/ser45.png) no-repeat 6% 17px;

        margin-bottom: 8px

    }



    .case-info-box.internet-info .ico02 {

        background: #fff url(../img/ser46.png) no-repeat 6% center

    }



    .case-info-box.internet-info .now {

        top: -80px

    }



    .service_case {

        padding: 38px 0 49px

    }



    .service_case .now {

        top: -73px

    }



    .service_case .list {

        width: 100%

    }



    .service_case li {

        margin-bottom: 20px;

        width: 100%

    }



    .service_case li a {

        display: block;

        width: 100%

    }



    .service_case li .tit {

        width: 100%;

        padding: 14px 11% 14px 1.7%;

        background: #f5f5f5 url(../img/ser48.png) no-repeat 97% center;

        transition: background .3s

    }



    .service_case li .tit p {

        padding-left: 33px;

        width: 100%;

        font-size: 20px;

        color: #333;

        line-height: 40px;

        background: url(../img/ser47.png) no-repeat left 11px;

        transition: color .3s, background .3s

    }



    .service_case li .con {

        width: 100%;

        padding: 30px 4% 60px;

        background: #f5f5f5;

        display: none

    }



    .service_case li .con p {

        font-size: 14px;

        color: #666;

        line-height: 24px

    }



    .service_case li.cur .tit {

        background: #c11a20 url(../img/ser48_h.png) no-repeat 97% center

    }



    .service_case li.cur .tit p {

        background: url(../img/ser47_h.png) no-repeat left 11px;

        color: #fff

    }



    .network h2 {

        font-size: 36px;

        color: #333;

        line-height: 46px;

        padding: 75px 0 80px;

        text-align: center

    }



    .network ul.slides {

        width: 100%;

        padding-bottom: 80px

    }



    .network .slides li {

        float: left;

        width: 20%;

        margin-bottom: 20px;

        text-align: center;

    }



    .network .slides li:hover span {

        color: #d9271b;

    }



    .network .slides li a {

        display: block;

        width: 100%

    }



    .network .slides li img {

        width: 82px

    }



    .network .slides li span {

        font-size: 18px;

        color: #666

    }



    .network .flex-control-nav {

        display: none

    }



    .network .flex-direction-nav a {

        width: 16px;

        height: 40px;

        opacity: 1;

        font-family: '宋体';

        font-size: 16px;

        color: #d9271b;

        position: absolute;

        top: 50%;

        margin: -20px 0 0;

        font-weight: bold;

        background: #fff

    }



    .network .list {

        position: relative

    }



    .network .flex-direction-nav .flex-prev {

        left: 0

    }



    .network .flex-direction-nav .flex-next {

        right: 0

    }



    .network-c {

        width: 100%;

        height: 235px;

        background: url(../img/ser54.png) no-repeat center;

        background-size: cover

    }



    .network .network-c h2 {

        font-size: 36px;

        color: #333;

        line-height: 46px;

        padding: 93px 0 0

    }



    .network-c .net-link {

        float: right;

        text-align: center;

        margin-left: 9%;

        padding-top: 60px

    }



    .network-c .net-link p {

        font-size: 18px;

        color: #333;

        line-height: 38px;

        padding-top: 15px

    }



    .gua-nav {

        width: 100%;

        background: #f5f5f5

    }



    .gua-nav h2 {

        font-size: 20px;

        color: #333;

        line-height: 70px;

        float: left

    }



    .gua-nav .list {

        float: right;

        width: 60%;

        line-height: 70px;

        position: relative;

        text-align: center

    }



    .gua-nav .list .slides a {

        display: block;

        width: 100%;

        font-size: 15px;

        color: #333;

        opacity: .5;

        filter: alpha(opacity=50);

        transition: color .3s, opacity .3s

    }



    .gua-nav .list li.cur a {

        color: #d9271b;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .gua-nav .flex-direction-nav {

        display: none

    }



    .gua-nav .flex-control-nav {

        display: none

    }



    .guatant-box {

        width: 100%;

        padding: 72px 0 86px;

        background: #fff

    }



    .guatant-box h2 {

        font-size: 36px;

        color: #333;

        line-height: 46px;

        margin-bottom: 55px;

        text-align: center

    }



    .guatant-box img {

        margin-bottom: 38px;

        max-width: 100%

    }



    .guatant-box h3 {

        font-size: 18px;

        color: #333;

        line-height: 36px

    }



    .guatant-box .box {

        position: relative;

        top: -36px;

        padding-left: 60px

    }



    .guatant-box p {

        font-size: 14px;

        color: #666;

        line-height: 32px;

        padding-left: 19px;

        background: url(../img/case29.png) no-repeat left 11px

    }



    .promise-box {

        padding: 62px 0 45px;

        background: #fff;

        width: 100%

    }



    .promise-box h1 {

        font-size: 36px;

        color: #000;

        line-height: 56px

    }



    .promise-box h2 {

        font-size: 24px;

        color: #000;

        line-height: 34px;

        padding: 25px 0 18px

    }



    .promise-box p {

        font-size: 15px;

        color: #666;

        line-height: 30px

    }



    .promise-box h3 {

        font-size: 18px;

        color: #000;

        line-height: 38px;

        margin-bottom: 4px

    }



    .promise-box ul {

        margin-top: 20px

    }



    .promise-box li {

        background: url(../img/ser58.png) no-repeat 13px top;

        padding-bottom: 35px

    }



    .promise-box li h4 {

        font-size: 18px;

        padding-left: 43px;

        color: #333;

        line-height: 18px;

        margin-bottom: 20px;

        background: url(../img/ser59.png) no-repeat 8px top

    }



    .promise-box li p {

        font-size: 15px;

        color: #666;

        padding-left: 43px;

        line-height: 30px

    }



    .promise-box .w1400 {

        padding-right: 20%

    }



    .three {

        width: 100%;

        padding: 55px 0 78px;

        background: #fff

    }



    .three p {

        font-size: 15px;

        color: #666;

        line-height: 30px

    }



    .three h2 {

        font-size: 36px;

        color: #000;

        line-height: 56px;

        padding: 55px 0 30px

    }



    .promise-box li:last-child {

        background: 0

    }



    .three ul {

        width: 100%

    }



    .three li {

        width: 100%;

        background: url(../img/ser58.png) no-repeat 13px top

    }



    .three li h3 {

        font-size: 24px;

        padding-left: 43px;

        color: #333;

        line-height: 24px;

        margin-bottom: 10px;

        background: url(../img/ser59.png) no-repeat 8px top

    }



    .three li p {

        font-size: 15px;

        color: #666;

        padding-left: 43px;

        line-height: 30px

    }



    .three li h4 {

        font-size: 18px;

        color: #000;

        line-height: 28px;

        padding-left: 43px

    }



    .three li:last-child {

        background: 0

    }



    .three .w1400 {

        padding-right: 20%

    }



    .supervise {

        padding: 72px 0 88px;

        background: #fff;

        width: 100%;

        text-align: center

    }



    .supervise h2 {

        font-size: 36px;

        color: #333;

        line-height: 56px;

        margin-bottom: 20px

    }



    .supervise p {

        font-size: 16px;

        color: #666;

        line-height: 26px

    }



    .supervise .box {

        margin-top: 50px;

        width: 100%

    }



    .supervise a {

        display: inline-block;

        width: 19.4%;

        margin-right: .7%;

        padding: 42px 2% 15px;

        border: 1px solid #e0e0e0;

        float: left;

        transition: background .3s.border .3s

    }



    .supervise a:last-child {

        margin-right: 0

    }



    .supervise i {

        width: 48px;

        height: 48px;

        margin: 0 auto 25px;

        display: block

    }



    .supervise a p {

        font-size: 14px;

        color: #666;

        line-height: 24px;

        min-height: 48px;

        transition: color .3s

    }



    .supervise i.ico01 {

        background: url(../img/ser60.png) no-repeat center

    }



    .supervise i.ico02 {

        background: url(../img/ser61.png) no-repeat center

    }



    .supervise i.ico03 {

        background: url(../img/ser62.png) no-repeat center

    }



    .supervise i.ico04 {

        background: url(../img/ser63.png) no-repeat center

    }



    .supervise i.ico05 {

        background: url(../img/ser64.png) no-repeat center

    }



    .supervise a:hover {

        background: #d9271b;

        border-color: #d9271b

    }



    .supervise a:hover p {

        color: #fff

    }



    .supervise a:hover i.ico01 {

        background: url(../img/ser60_h.png) no-repeat center

    }



    .supervise a:hover i.ico02 {

        background: url(../img/ser61_h.png) no-repeat center

    }



    .supervise a:hover i.ico03 {

        background: url(../img/ser62_h.png) no-repeat center

    }



    .supervise a:hover i.ico04 {

        background: url(../img/ser63_h.png) no-repeat center

    }



    .supervise a:hover i.ico05 {

        background: url(../img/ser64_h.png) no-repeat center

    }



    .careful {

        padding: 72px 0 60px;

        width: 100%;

        background: #fff

    }



    .careful h1 {

        font-size: 36px;

        color: #000;

        line-height: 56px;

        margin-bottom: 35px;

        text-align: center

    }



    .careful ul {

        width: 100%

    }



    .careful li {

        width: 32%;

        margin-right: 1.5%;

        float: left;

        padding: 0 2.5% 35px;

        cursor: pointer;

        margin-bottom: 30px;

        border: 1px solid #d9d9d9;

        transition: background .3s, border .3s

    }



    .careful li.cur {

        margin-right: 0

    }



    .careful li h2 {

        font-size: 24px;

        color: #000;

        line-height: 34px;

        margin-top: 35px;

        height: 68px;

        transition: color .3s

    }



    .careful li p {

        font-size: 14px;

        color: #666;

        line-height: 30px;

        margin-bottom: 9px

    }



    .careful li .font {

        width: 100%;

        padding-right: 5px;

        overflow: auto;

        height: 189px

    }



    .careful li .font::-webkit-scrollbar {

        width: 3px;

        height: 3px;

        background-color: #ececec

    }



    .careful li .font::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ececec

    }



    .careful li .font::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    .careful li.last {

        width: 65.5%;

        margin-right: 0;

        background: url(../img/ser65.png) no-repeat 97% 93%;

        padding-bottom: 58px

    }



    .careful li h3 {

        font-size: 18px;

        color: #333;

        line-height: 28px;

        padding: 35px 0 15px

    }



    .careful li.last p {

        margin-bottom: 0

    }



    .supplier-intro {

        width: 100%;

        padding: 72px 0 76px;

        background: #fff

    }



    .supplier-intro img {

        max-width: 100%

    }



    .supplier-intro h2 {

        font-size: 36px;

        color: #333;

        line-height: 56px;

        margin-bottom: 68px

    }



    .supplier-notice {

        padding: 72px 0 87px;

        background: #fcfcfc;

        width: 100%

    }



    .supplier-notice h1 {

        font-size: 36px;

        color: #333;

        line-height: 56px

    }



    .supplier-notice-list {

        width: 100%;

        border-bottom: 1px solid #e2e2e2

    }



    .supplier-notice-list p {

        font-size: 16px;

        color: #666;

        line-height: 72px

    }



    .supplier-notice-list ul {

        width: 40.2%;

        float: right

    }



    .supplier-notice-list li {

        width: 32%;

        margin-left: 1.4%;

        height: 50px;

        line-height: 50px;

        text-align: center;

        background: #fff;

        float: left;

        cursor: pointer;

        transition: background .3s

    }



    .supplier-notice-list li:first-child {

        margin-left: 0

    }



    .supplier-notice-list span {

        font-size: 16px;

        color: #666;

        display: inline-block;

        padding-left: 19px;

        transition: background .3s, color .3s

    }



    .supplier-notice-list li:first-child span {

        background: url(../img/su03.png) no-repeat left center

    }



    .supplier-notice-list li:nth-child(2) span {

        background: url(../img/su04.png) no-repeat left center

    }



    .supplier-notice-list li:last-child span {

        background: url(../img/su05.png) no-repeat left center

    }



    .supplier-notice-list li.cur {

        background: #d20317

    }



    .supplier-notice-list li.cur span {

        color: #fff

    }



    .supplier-notice-list li:first-child.cur span {

        background: url(../img/su03_h.png) no-repeat left center

    }



    .supplier-notice-list li:nth-child(2).cur span {

        background: url(../img/su04_h.png) no-repeat left center

    }



    .supplier-notice-list li:last-child.cur span {

        background: url(../img/su05_h.png) no-repeat left center

    }



    .supplier-notice-box {

        padding-top: 30px

    }



    .supplier-notice-box .right {

        width: 42.8%;

        float: right

    }



    .supplier-notice-box .right img {

        width: 100%

    }



    .supplier-notice-box .left {

        width: 53.5%;

        float: left

    }



    .supplier-notice-box .left p {

        padding-left: 26px;

        background: url(../img/ser59.png) no-repeat left 8px;

        font-size: 16px;

        color: #666;

        line-height: 29px;

        float: none;

        margin-bottom: 14px

    }



    .supplier-notice-box .left .font {

        position: relative;

        height: 294px;

        overflow: hidden

    }



    .supplier-notice-box .font-box {

        background: url(../img/ser58.png) repeat-y 5px 8px

    }



    .supplier-notice-box .left .ont {

        width: 8px;

        height: 8px;

        background: #fff;

        display: block;

        position: absolute;

        top: 0;

        left: 3px

    }



    .supplier-notice-box .more-ajax {

        display: block;

        width: 182px;

        height: 50px;

        line-height: 50px;

        text-align: center;

        font-size: 16px;

        color: #fff;

        background: #d20317;

        margin-top: 36px;

        transition: background .3s

    }



    .cover-basic {

        width: 100%;

        padding: 70px 0 15px;

        background: #fff

    }



    .cover-basic h1 {

        font-size: 48px;

        color: #333;

        line-height: 60px;

        padding-bottom: 58px;

        border-bottom: 1px solid #eeecec;

        text-align: center;

        margin-bottom: 6px

    }



    .cover-tit h2 {

        padding: 32px 0 8px;

        font-size: 24px;

        color: #333;

        line-height: 39px

    }



    .cover-tit i {

        width: 24px;

        height: 2px;

        background: #333;

        display: block

    }



    .font-box {

        width: 100%;

        padding-top: 30px

    }



    .font-box input {

        border: 1px solid #e5e5e5;

        margin-bottom: 20px;

        padding: 0 14px;

        height: 50px;

        line-height: 50px;

        font-size: 14px;

        float: left;

        background: 0

    }



    .font-box select {

        width: 31.9%;

        border: 1px solid #e5e5e5;

        margin-bottom: 20px;

        padding: 0 14px;

        height: 50px;

        line-height: 50px;

        font-size: 14px;

        float: left;

        background: 0

    }



    .font-box .text {

        width: 31.9%;

        margin-right: 2.1%

    }



    .font-box .text.out {

        width: 29.3%

    }



    .font-box .txt {

        margin-right: 2.1%;

        width: 48.95%

    }



    .font-box .on {

        margin-right: 0

    }



    .w1300 {

        width: 1300px;

        position: relative;

        margin: 0 auto

    }



    .font-box input::-webkit-input-placeholder {

        color: #666

    }



    .font-box input:-moz-placeholder {

        color: #666

    }



    .font-box input::-moz-placeholder {

        color: #666

    }



    .font-box input:-ms-input-placeholder {

        color: #666

    }



    .cover-compete {

        width: 100%;

        background: #fcfcfc;

        padding: 0 0 36px

    }



    .font-box p {

        font-size: 14px;

        color: #666;

        line-height: 47px;

        margin-bottom: 20px;

        float: left;

        width: 100%

    }



    .font-box input.rad {

        border: 0;

        padding: 0;

        height: 47px;

        line-height: 47px;

        margin: 0 5px 0 0

    }



    .font-box label {

        font-size: 14px;

        color: #666;

        position: relative;

        float: left;

        padding-right: 10px

    }



    .font-box a {

        position: relative;

        float: left;

        width: 48.95%;

        margin-right: 2.1%

    }



    .font-box a.on {

        width: 31.9%

    }



    .font-box a img {

        position: absolute;

        right: 10px;

        top: 9px

    }



    .font-box a span {

        position: absolute;

        right: 2px;

        top: 10px;

        font-size: 14px;

        color: #666

    }



    .font-box a input.txt {

        width: 100%;

        margin-right: 0

    }



    .cover-cont {

        padding: 12px 0 80px;

        background: #fff;

        width: 100%

    }



    .font-box .file {

        width: 100%;

        float: right;

        margin-bottom: 20px;

        position: relative;

        overflow: hidden

    }



    .font-box .file input {

        border: 0;

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        filter: alpha(opacity=0);

        margin-bottom: 0

    }



    .font-box .file h2 {

        font-size: 13px;

        color: #666

    }



    .font-box .file span {

        width: 11%;

        display: inline-block;

        margin: 0 5px;

        text-align: center;

        line-height: 48px;

        border: 1px solid #e5e5e5

    }



    .font-box .file span.text_span {

        width: 50%

    }



    .font-box .box {

        width: 100%;

        float: left

    }



    .font-box .box input {

        width: 14%;

        border: 0;

        height: 50px;

        text-align: center;

        line-height: 50px;

        margin-right: 2.1%;

        background: #c8c8c8;

        color: #fff;

        font-size: 16px;

        transition: background .3s

    }



    .font-box .box input:hover {

        background: #d20317

    }



    .notice-t {

        padding: 52px 0 72px

    }



    .inv-title {

        font-size: 36px;

        color: #333;

        line-height: 54px;

        margin-bottom: 30px;

        text-align: center

    }



    .notice-t ul {

        width: 100%

    }



    .notice-t li {

        width: 31.8%;

        float: left;

        margin: 0 2.1% 20px 0;

        background: #fff;

        padding: 8px 2.5% 34px;

        cursor: pointer;

        transition: box-shadow .3s

    }



    .notice-t li.cur {

        margin-right: 0

    }



    .notice-t li a {

        display: block;

        width: 100%

    }



    .notice-t li .time {

        font-size: 14px;

        color: #888;

        line-height: 56px;

        border-bottom: 1px solid #e5e5e5;

        padding-right: 37px;

        background: url(../img/su08.png) no-repeat right center

    }



    .notice-t li .font {

        font-size: 20px;

        color: #333;

        line-height: 32px;

        height: 64px;

        margin-top: 18px;

        overflow: hidden;

        transition: color .3s

    }



    .notice-t .more {

        width: 182px;

        height: 50px;

        line-height: 50px;

        text-align: center;

        margin: 40px auto 0;

        background: #d20317;

        color: #fff;

        font-size: 16px;

        display: block;

        border-radius: 2px;

        transition: background .3s

    }



    .govem-t {

        width: 100%;

        background: #fff;

        padding: 59px 0 77px

    }



    .govem-t-box {

        width: 100%

    }



    .govem-t-box .right {

        width: 48.5%;

        float: left;

        overflow: hidden;

        position: relative

    }



    .govem-t-box .slides li {

        float: left;

        position: relative

    }



    .govem-t-box .slides a {

        display: block;

        width: 100%

    }



    .govem-t-box .slides img {

        width: 100%;

        transition: transform .3s

    }



    .govem-t-box .slides p {

        position: absolute;

        bottom: 0;

        left: 0;

        font-size: 20px;

        color: #fff;

        line-height: 20px;

        padding: 100px 90px 25px 3%;

        background: url(../img/su11.png) no-repeat left top;

        width: 100%

    }



    .govem-t-box .flex-control-nav {

        bottom: 10px;

        right: 25px;

        text-align: right

    }



    .govem-t-box .flex-control-nav li {

        margin: 0 5px

    }



    .govem-t-box .flex-control-nav a {

        width: 10px;

        height: 10px;

        background: url(../img/su09.png) no-repeat center;

        box-shadow: none

    }



    .govem-t-box .flex-control-nav a.flex-active,

    .govem-t-box .flex-control-nav a:hover {

        background: url(../img/su09_h.png) no-repeat center

    }



    .govem-t-box .left {

        width: 47%;

        float: right

    }



    .govem-t-box .left li {

        width: 100%;

        font-size: 16px;

        color: #333;

        line-height: 27px;

        padding: 15px 2%;

        border-top: 1px solid #e5e5e5;

        transition: background .3s, color .3s

    }



    .govem-t-box .left li:first-child {

        border-top: 0

    }



    .govem-t-box .left li a {

        display: block;

        color: #333;

        transition: color .3s

    }



    .govem-t-box .left .tit {

        float: left;

        width: 70%;

        overflow: hidden;

        height: 27px

    }



    .govem-t-box .left .time {

        font-size: 14px;

        color: #888;

        float: right;

        transition: color .3s

    }



    .govem-t .more {

        width: 182px;

        text-align: center;

        line-height: 50px;

        height: 50px;

        border: 1px solid #e5e5e5;

        border-radius: 2px;

        font-size: 16px;

        color: #010101;

        display: block;

        margin: 55px auto 0;

        transition: color .3s, background .3s, border .3s

    }



    .finance-t {

        padding: 72px 0 83px;

        width: 100%

    }



    .finance-t .more {

        width: 182px;

        height: 50px;

        line-height: 50px;

        text-align: center;

        margin: 40px auto 0;

        background: #d20317;

        color: #fff;

        font-size: 16px;

        display: block;

        border-radius: 2px;

        transition: background .3s

    }



    .finance-t .more:hover {

        background: #c51f30

    }



    .finance-t ul {

        width: 100%

    }



    .finance-t li {

        width: 48.5%;

        float: left;

        background: #fff;

        padding: 22px 0;

        float: left;

        margin-bottom: 28px;

        transition: box-shadow .3s

    }



    .finance-t li.even {

        float: right

    }



    .finance-t li a {

        display: block;

        width: 100%;

        float: left;

        padding: 0 12.5% 0 4%;

        background: url(../img/su13.png) no-repeat 95% center;

        transition: background .3s

    }



    .finance-t li .pic {

        width: 60px;

        height: 60px;

        text-align: center;

        float: left;

        border: 1px solid #e5e5e5;

        border-radius: 50%;

        line-height: 60px

    }



    .finance-t li img {

        max-height:

    }



    .finance-t li .con {

        margin-left: 3.5%;

        width: 85%;

        display: block;

        float: left;

        border-right: 1px solid #e5e5e5

    }



    .finance-t li h2 {

        font-size: 20px;

        color: #333;

        line-height: 30px;

        height: 30px;

        overflow: hidden;

        transition: color .3s

    }



    .finance-t li .font {

        font-size: 14px;

        color: #888;

        line-height: 21px;

        height: 21px;

        overflow: hidden

    }



    .platform {

        padding: 64px 0 86px;

        width: 100%;

        background: #fff

    }



    .platform-link {

        position: relative;

        display: block;

        text-align: center

    }



    .platform-link .pic {

        width: 100%

    }



    .platform-link .bg {

        width: 100%;

        height: 100%;

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        background: rgba(0, 0, 0, .4)

    }



    .platform-link .con {

        display: block;

        width: 192px;

        height: 238px;

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

        margin: auto

    }



    .platform-link .con img {

        width: 100%

    }



    .platform-link .con .img02 {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .platform-link .con .font {

        font-size: 18px;

        color: #fff;

        line-height: 28px;

        margin-top: 22px;

        padding-right: 18px;

        display: inline-block;

        background: url(../img/su16.png) no-repeat right center;

        transition: color .3s, background .3s

    }



    .news {

        width: 100%;

        padding: 68px 0 85px

    }



    .news-intro {

        padding-bottom: 120px;

        position: relative

    }



    .news-intro .slides li {

        width: 445px;

        background: #fff;

        margin-right: 30px;

        float: left;

        transition: box-shadow .3s

    }



    .news-intro .slides .pic {

        width: 100%;

        overflow: hidden

    }



    .news-intro .slides img {

        width: 100%;

        transition: all .5s

    }



    .news-intro .slides .con {

        display: block;

        width: 100%;

        padding: 20px 6% 30px;

        box-sizing: content-box;

        border: 1px solid #eee;

        border-top: 0;

        width: 88%

    }



    .news-intro .slides h2 {

        font-size: 16px;

        color: #333;

        line-height: 36px;

        transition: color .3s

    }



    .news-intro .flex-control-nav {

        bottom: 50px

    }



    .news-intro .flex-control-nav li {

        margin: 0 6px

    }



    .news-intro .flex-control-paging li a {

        width: 14px;

        height: 14px;

        box-shadow: none;

        background: url(../img/ser43.png) no-repeat center;

        background-size: 100% 100%

    }



    .news-intro .flex-control-paging li a.flex-active,

    .news-intro .flex-control-paging li a:hover {

        background: url(../img/ser43_h.png) no-repeat center;

        background-size: 100% 100%

    }



    .news-intro .flex-direction-nav {

        display: none

    }



    .news-list {

        padding-bottom: 30px;

        width: 100%

    }



    .news-list ul {

        width: 100%

    }



    .news-list li {

        width: 23.7%;

        margin-right: 1.7%;

        background: #fff;

        float: left;

        margin-bottom: 40px;

        transition: background .3s

    }



    .news-list li.li4 {

        margin-right: 0

    }



    .news-list li a {

        display: block;

        width: 82%;

        padding: 27px 9% 21px

    }



    .news-list li h2 {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        transition: color .3s

    }



    .news-list .time {

        padding-left: 22px;

        font-size: 13px;

        color: #999;

        font-family: 'Arial';

        line-height: 23px;

        margin-top: 10px;

        background: url(../img/news022.png) no-repeat left center;

        transition: color .3s, background .3s

    }



    .news-list .font {

        font-size: 13px;

        color: #999;

        line-height: 24px;

        padding: 10px 0 25px;

        transition: color .3s

    }



    .ac-banner {

        width: 100%;

        height: 700px;

        text-align: center;

        position: relative

    }



    .ac-banner .con {

        display: block;

        width: 685px;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        height: 330px;

        margin: auto

    }



    .ac-banner .con .box {

        position: absolute;

        bottom: -20px;

        left: 0;

        width: 100%

    }



    .ac-banner h2 {

        font-size: 60px;

        color: #fff;

        line-height: 88px

    }



    .ac-banner h3 {

        font-size: 45px;

        color: #fff;

        line-height: 80px

    }



    .ac-banner p {

        font-size: 16px;

        color: #fff;

        line-height: 34px;

        margin-top: 10px

    }



    .ac-banner a {

        display: inline-block;

        width: 30%;

        margin: 35px 3.6% 0;

        height: 50px;

        line-height: 50px;

        background: #dc231f;

        color: #fff;

        border-radius: 25px;

        font-size: 16px

    }



    .ac-number {

        width: 100%;

        padding: 30px 0 35px;

        background: #fff

    }



    .ac-number li {

        float: left;

        width: 20%;

        text-align: center

    }



    .ac-number li h2 {

        font-size: 52px;

        color: #dc231f;

        font-weight: bold;

        line-height: 59px

    }



    .ac-number li p {

        font-size: 16px;

        color: #666;

        line-height: 24px

    }



    .ac-about {

        padding: 78px 0 93px;

        background: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, .1)

    }



    .ac-about h2 {

        font-size: 48px;

        color: #333;

        line-height: 63px;

        text-align: center;

        margin-bottom: 50px

    }



    .ac-about li {

        width: 22.8%;

        margin-left: 2.8%;

        float: left;

        text-align: left

    }



    .ac-about li:first-child {

        margin-left: 0

    }



    .ac-about li a {

        display: block;

        width: 100%

    }



    .ac-about li .pic {

        width: 100%;

        overflow: hidden

    }



    .ac-about li img {

        width: 100%;

        transition: transform .3s

    }



    .ac-about li h3 {

        font-size: 20px;

        color: #333;

        line-height: 39px;

        margin-top: 14px;

        transition: color .3s

    }



    .ac-about li .font {

        font-size: 14px;

        color: #555;

        line-height: 29px;

        margin-top: 8px;

        height: 58px;

        overflow: hidden

    }



    .ac-about li .more {

        margin-top: 30px;

        padding-left: 40px;

        font-size: 16px;

        color: #d9271b;

        line-height: 25px;

        background: url(../img/ab08.png) no-repeat left center

    }



    .ac-about li:hover img {

        transform: scale(1.1)

    }



    .ac-about li:hover h3 {

        color: #d9271b

    }



    .ac-media {

        width: 100%;

        position: relative;

        overflow: hidden

    }



    .ac-media a {

        display: block;

        width: 100%

    }



    .ac-media .pic {

        width: 100%;

        min-height: 110px

    }



    .ac-media .con {

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        width: 700px;

        height: 230px;

        margin: auto;

        text-align: center

    }



    .ac-media .con h3 {

        font-size: 40px;

        color: #fff;

        font-weight: bold;

        line-height: 60px

    }



    .ac-media .con h2 {

        font-size: 55px;

        color: #fff;

        line-height: 109px

    }



    .ac-media .con .more {

        display: inline-block;

        width: 30%;

        margin: 35px 3.6% 0;

        height: 50px;

        line-height: 50px;

        background: #dc231f;

        color: #fff;

        border-radius: 25px;

        font-size: 18px

    }



    .ac-media .con img {

        margin-right: 10px

    }



    .ac-join {

        padding: 80px 0;

        background: #fff;

        width: 100%

    }



    .ac-join li {

        width: 32.1%;

        margin-left: 1.7%;

        float: left;

        transition: box-shadow .3s

    }



    .ac-join li:first-child {

        margin-left: 0

    }



    .ac-join li a {

        display: block;

        width: 100%

    }



    .ac-join li .pic {

        width: 100%;

        overflow: hidden

    }



    .ac-join li img {

        width: 100%;

        transition: transform .3s

    }



    .ac-join li .con {

        width: 100%;

        border: 1px solid #eee;

        display: block;

        padding: 30px 8% 40px

    }



    .ac-join li h2 {

        font-size: 24px;

        color: #000;

        line-height: 43px;

        margin-bottom: 21px

    }



    .ac-join li .more {

        padding-left: 40px;

        font-size: 16px;

        color: #d9271b;

        line-height: 25px;

        background: url(../img/ab08.png) no-repeat left center

    }



    .company .flex-control-nav {

        border-top: 1px solid rgba(255, 255, 255, .1);

        padding-top: 26px

    }



    .company-top {

        padding: 98px 0 103px;

        background: #fff;

        width: 100%

    }



    .company-top .right {

        width: 50%;

        float: right;

        cursor: pointer;

        position: relative

    }



    .company-top .right img {

        width: 100%

    }



    .company-top .right .open {

        width: 60px;

        height: 60px;

        background: url(../img/ab15.png) no-repeat center;

        position: absolute;

        top: 50%;

        left: 50%;

        margin-left: -30px;

        margin-top: -30px

    }



    .company-top .left {

        width: 44%;

        float: left;

        position: relative

    }



    .company-top .left h2 {

        font-size: 48px;

        color: #010101;

        line-height: 69px

    }



    .company-top .left .font-hei {

        margin-top: 12px;

        height: 180px;

        overflow: hidden

    }



    .company-top .left p {

        font-size: 16px;

        color: #333;

        line-height: 36px;

        float: none

    }



    .company-top .left .font-box {

        padding-top: 0

    }



    .company-top .font-more {

        width: 180px;

        height: 50px;

        line-height: 50px;

        text-align: center;

        font-size: 16px;

        color: #fff;

        border-radius: 2px;

        background: #d9271b;

        display: block;

        margin-top: 80px

    }



    .company-center {

        width: 100%;

        height: 540px;

        background-size: cover !important;

        position: relative;

        padding-top: 100px

    }



    .company-center .list {

        text-align: center

    }



    .company-center h2 {

        font-size: 48px;

        color: #fff;

        line-height: 64px;

        margin-bottom: 55px

    }



    .company-center p {

        font-size: 18px;

        color: #fff;

        line-height: 37px;

        margin-top: 20px

    }



    .company-center img {

        max-width: 80%

    }



    .company-center .flex-control-nav {

        bottom: -130px;

        border-top: 0

    }



    .company-center .flex-control-paging li a {

        width: 13px;

        height: 13px;

        background: url(../img/ab21.png) no-repeat center

    }



    .company-center .flex-control-paging li a:hover,

    .company-center .flex-control-paging li a.flex-active {

        background: url(../img/ab21_h.png) no-repeat center

    }



    .company-center .flex-direction-nav a {

        width: 41px;

        height: 77px;

        position: absolute;

        margin: -38px 0 0;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .company-center .flex-direction-nav a.flex-prev {

        left: 0;

        background: url(../img/ab18.png) no-repeat center;

        background-size: 100%

    }



    .company-center .flex-direction-nav a.flex-next {

        right: 0;

        background: url(../img/ab19.png) no-repeat center;

        background-size: 100%

    }



    .company-center .flex-direction-nav a:before {

        content: "" !important

    }



    .company-g {

        padding: 90px 0;

        background: #f9f9f9;

        width: 100%

    }



    .company-g ul {

        width: 100%

    }



    .company-g li {

        width: 32.1%;

        float: left;

        margin-left: 1.7%;

        background: #fff;

        transition: box-shadow .3s

    }



    .company-g li:first-child {

        margin-left: 0

    }



    .company-g li .pic {

        width: 100%;

        overflow: hidden

    }



    .company-g li img {

        width: 100%;

        transition: transform .3s

    }



    .company-g li .con {

        display: block;

        min-height: 346px;

        padding: 30px 8% 39px

    }



    .company-g li h2 {

        font-size: 24px;

        color: #000;

        line-height: 43px;

        margin-bottom: 12px

    }



    .company-g li .con p {

        font-size: 16px;

        color: #666;

        line-height: 32px

    }



    .company-g li .font {

        height: 160px;

        overflow: hidden

    }



    .company-g li p.more {

        font-size: 16px;

        color: #d9271b;

        line-height: 25px;

        padding-left: 40px;

        background: url(../img/ab08.png) no-repeat left center;

        margin-top: 30px;

        cursor: pointer

    }



    .company-g li:hover {

        box-shadow: 0 0 20px rgba(0, 0, 0, .1)

    }



    .company-g li:hover img {

        transform: scale(1.1)

    }



    .company-column {

        padding: 80px 0 78px;

        width: 100%;

        background: #fff

    }



    .company-column h2 {

        font-size: 36px;

        color: #333;

        line-height: 54px;

        margin-bottom: 30px;

        text-align: center

    }



    .company-column ul {

        width: 100%

    }



    .company-column li {

        width: 32.1%;

        height: 260px;

        text-align: center;

        margin-left: 1.7%;

        float: left;

        border: 1px solid #ededed;

        transition: box-shadow .3s

    }



    .company-column li:first-child {

        margin-left: 0

    }



    .company-column a {

        display: block;

        width: 100%;

        height: 100%

    }



    .company-column img {

        padding-top: 52px

    }



    .company-column h3 {

        font-size: 24px;

        color: #333;

        line-height: 42px;

        margin-top: 25px;

        transition: color .3s

    }



    .company-column p {

        font-size: 16px;

        color: #666;

        line-height: 35px

    }



    .media-top {

        padding: 56px 0 92px

    }



    .media-top .left {

        width: 49.1%;

        float: left

    }



    .media-top h2 {

        line-height: 54px;

        font-size: 36px;

        color: #000;

        margin-bottom: 30px

    }



    .media-top .left-box {

        position: relative;

        width: 100%;

        cursor: pointer;

        overflow: hidden

    }



    .media-top img {

        width: 100%;

        transition: transform .3s

    }



    .media-top .left p {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 0 8% 30px;

        background: url(../img/ab29.png) no-repeat top -5px center;

        font-size: 36px;

        color: #fff;

        width: 100%

    }



    .media-top .right {

        width: 49.1%;

        float: right

    }



    .media-top .right-box {

        width: 100%

    }



    .media-top .right-box li {

        width: 48.3%;

        float: left;

        position: relative;

        overflow: hidden;

        margin-bottom: 24px

    }



    .media-top .right-box li:nth-child(3),

    .media-top .right-box li:nth-child(4) {

        margin-bottom: 0

    }



    .media-top .right-box li img {

        width: 100%;

        transition: transform .3s

    }



    .media-top .right-box li.odd {

        float: right

    }



    .media-top .right-box p {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 0 7% 20px;

        background: url(../img/ab29.png) no-repeat top -5px center;

        font-size: 20px;

        line-height: 30px;

        color: #fff;

        width: 100%

    }



    .media-bot {

        width: 100%;

        padding: 59px 0 105px;

        background: #fff

    }



    .media-bot h2 {

        font-size: 36px;

        color: #000;

        line-height: 55px;

        padding-bottom: 9px;

        border-bottom: 1px solid #e0e0e0;

        margin-bottom: 50px

    }



    .media-bot .media-link {

        position: absolute;

        right: 0;

        top: 0;

        width: 225px

    }



    .media-bot .media-link a {

        float: left;

        display: block;

        font-size: 18px;

        color: #000;

        line-height: 55px;

        padding-bottom: 8px;

        width: 100px;

        text-align: center;

        margin-left: 25px

    }



    .media-bot .media-link a.cur {

        color: #d9271b;

        border-bottom: 2px solid #d9271b

    }



    .media-bot .media-link a:first-child {

        margin-left: 0

    }



    .media-list ul {

        width: 100%

    }



    .media-list li {

        width: 23.7%;

        float: left;

        margin-right: 1.7%;

        position: relative;

        margin-bottom: 24px;

        cursor: pointer;

        overflow: hidden

    }



    .media-list li img {

        width: 100%;

        transition: transform .3s

    }



    .media-list li p {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 0 7% 20px;

        background: url(../img/ab29.png) no-repeat top -5px center;

        font-size: 18px;

        line-height: 28px;

        color: #fff;

        width: 100%

    }



    .media-list li .bg {

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, .7);

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .media-list li .open {

        width: 45px;

        height: 45px;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -22px 0 0 -22px;

        display: block;

        background: url(../img/news06.png) no-repeat center;

        background-size: 100% 100%;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .media-list li.cur {

        margin-right: 0

    }



    .develop {

        padding: 78px 0;

        background: #f9f9f9;

        width: 100%

    }



    .vision-title {

        font-size: 42px;

        color: #333;

        line-height: 60px;

        text-align: center;

        margin-bottom: 29px

    }



    .develop ul {

        width: 100%

    }



    .develop li {

        width: 32.1%;

        float: left;

        background: #fff;

        margin-left: 1.7%;

        transition: box-shadow .3s

    }



    .develop li:first-child {

        margin-left: 0

    }



    .develop li .pic {

        width: 100%

    }



    .develop li img {

        width: 100%;

        transition: transform .3s

    }



    .develop li .con {

        width: 100%;

        padding: 30px 8% 0;

        min-height: 230px;

        display: block

    }



    .develop li h3 {

        font-size: 24px;

        color: #000;

        line-height: 43px

    }



    .develop li p.font {

        font-size: 14px;

        color: #666;

        line-height: 30px

    }



    .culture {

        width: 100%;

        background: #fff;

        padding: 102px 0 100px;

        width: 100%

    }



    .culture ul {

        width: 100%;

        padding-top: 37px

    }



    .culture li {

        float: left;

        width: 33.33%;

        text-align: center

    }



    .culture li img {

        margin-bottom: 24px;

        max-width: 60%

    }



    .culture li h2 {

        font-size: 24px;

        color: #666;

        line-height: 43px

    }



    .culture li p {

        font-size: 16px;

        color: #666;

        line-height: 34px

    }



    .action {

        padding: 90px 0 84px;

        background: #f9f9f9;

        width: 100%

    }



    .action ul {

        padding-top: 10px

    }



    .action li {

        width: 25%;

        float: left;

        height: 50px;

        font-size: 16px;

        color: #666;

        line-height: 30px;

        padding: 10px 0 10px 1.5%;

        cursor: pointer;

        transition: background .3s

    }



    .action li span {

        color: #3778a8;

        margin-right: 4%

    }



    .authen_nav.join-nav {

        background: #f9f9f9

    }



    .join-box {

        padding: 55px 0 74px;

        background: #f9f9f9;

        width: 100%;

        box-shadow: 0 0 10px rgba(0, 0, 0, .1)

    }



    .join-box h2 {

        font-size: 36px;

        color: #000;

        line-height: 54px;

        text-align: center;

        margin-bottom: 45px

    }



    .join-box form {

        width: 100%;

        padding-bottom: 30px

    }



    .join-box .text {

        width: 30%;

        float: left;

        height: 57px;

        background: #fff;

        padding: 0 1.4%;

        line-height: 57px;

        margin-right: .4%;

        font-size: 14px;

        color: #666;

        border: 0

    }



    .join-box .text::-webkit-input-placeholder {

        color: #666

    }



    .join-box .text:-moz-placeholder {

        color: #666

    }



    .join-box .text::-moz-placeholder {

        color: #666

    }



    .join-box .text:-ms-input-placeholder {

        color: #666

    }



    .join-box select {

        width: 30%;

        height: 57px;

        padding: 0 1.4%;

        line-height: 57px;

        margin-right: .4%;

        font-size: 14px;

        color: #666;

        border: 0;

        float: left;

        appearance: none;

        -moz-appearance: none;

        -webkit-appearance: none;

        background: #fff url(../img/ab38.png) no-repeat 95% center

    }



    .join-box .submit {

        width: 8%;

        float: right;

        height: 57px;

        line-height: 57px;

        background: #de241b url(../img/ab37.png) no-repeat center;

        border: 0;

        transition: background .3s

    }



    .join-box .title {

        overflow: hidden;

        color: #fff;

        background: #b4b4b4;

        font-size: 16px;

        padding: 0 20px;

        line-height: 50px;

        height: 50px

    }



    .join-box .title p {

        text-align: center;

        float: left;

        width: 20%

    }



    .join-box ul {

        border: 1px solid #efefef;

        border-top: 0;

        padding-bottom: 52px;

        background: #fff

    }



    .join-box li {

        background: #fff;

        padding: 0 3.5%

    }



    .join-box li .tit {

        font-size: 14px;

        line-height: 60px;

        height: 60px;

        cursor: pointer;

        overflow: hidden;

        border-bottom: 1px solid #efefef

    }



    .join-box li .tit.on p:last-child {

        color: #d40b17

    }



    .join-box li .tit p {

        float: left;

        width: 20%;

        text-align: center

    }



    .join-box li .in {

        padding: 20px 50px;

        background: #f5f5f5;

        display: none

    }



    .join-box li .in.on {

        display: block

    }



    .join-box li .in .top dd {

        float: left;

        width: 25%;

        font-size: 14px;

        line-height: 22px;

        margin-bottom: 3px

    }



    .join-box li .in .top dd span {

        color: #666

    }



    .join-box li .in .bot h1 {

        font-size: 16px;

        color: #333

    }



    .join-box li .in .bot dl dd {

        color: #777;

        font-size: 12px;

        line-height: 26px

    }



    .join-box li .in .bot>div {

        float: left;

        width: 46%;

        margin-right: 4%

    }



    .join-box li .in .bot {

        margin-top: 20px;

        padding-top: 20px;

        border-top: 1px solid #e5e5e5;

        border-bottom: 1px solid #e5e5e5;

        padding-bottom: 20px

    }



    .join-box li .in .link {

        padding-top: 17px

    }



    .join-box li .in .more {

        display: none;

        text-align: center;

        line-height: 40px;

        color: #fff;

        background: #c30d18;

        margin-top: 10px;

        font-size: 16px;

        width: 200px

    }



    .join-box li .in .link img {

        margin-right: 3%

    }



    .join-box li .in .link .box-img {

        width: 160px

    }



    .join-box li .in .more.on {

        display: block;

        width: 150px

    }



    .join-box li .in .more:hover {

        background: #e50f1c

    }



    .inliner-banner .now {

        top: auto;

        bottom: 0;

        width: 100%;

        line-height: 59px;

        text-align: right;

        border-top: 1px solid rgba(255, 255, 255, .1)

    }



    .contact {

        padding: 60px 0 110px;

        width: 100%;

        background: #fff

    }



    .contact .cont-tit {

        width: 100%;

        line-height: 38px;

        padding-bottom: 22px;

        border-bottom: 1px solid #e5e5e5;

        font-size: 18px;

        color: #666

    }



    .contact ul {

        width: 100%

    }



    .contact li {

        float: left;

        width: 33.33%;

        padding: 60px 2.8% 0;

        border-left: 1px solid #e5e5e5;

        min-height: 610px

    }



    .contact li:first-child {

        border-left: none

    }



    .contact li img {

        margin-bottom: 15px

    }



    .contact li h2 {

        font-size: 30px;

        color: #000;

        line-height: 48px;

        margin-bottom: 12px

    }



    .contact li p {

        font-size: 16px;

        color: #333;

        line-height: 36px

    }



    .contact li dl {

        width: 100%;

        padding-top: 40px

    }



    .contact li dd {

        float: left;

        width: 50%

    }



    .contact li img {

        max-width: 100%;

        margin-bottom: 5px

    }



    .contact li dd p {

        font-size: 14px;

        color: #000;

        line-height: 35px;

        padding-left: 5%

    }



    .contact li .link {

        padding-left: 40px;

        font-size: 14px;

        color: #d9271b;

        line-height: 25px;

        background: url(../img/ab08.png) no-repeat left center;

        display: block;

        margin: 30px 0 60px;

        transition: padding .3s

    }



    .contact li h3 {

        font-size: 24px;

        color: #000;

        line-height: 61px

    }



    .contact li .cha {

        width: 80%;

        border: 1px solid #ddd;

        padding: 0 3%;

        height: 48px;

        line-height: 48px;

        font-size: 14px;

        color: #666;

        display: block;

        margin-bottom: 20px;

        background: url(../img/ab38.png) no-repeat 94% center

    }



    .contact li .ban {

        position: relative

    }



    .contact li .box {

        background: #f5f5f5;

        padding: 30px 0 35px;

        position: absolute;

        top: 90px;

        left: -10%;

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .contact li .box h4 {

        font-size: 24px;

        color: #000;

        line-height: 43px;

        padding-left: 10%;

        margin-bottom: 6px

    }



    .contact li .box p {

        font-size: 14px;

        color: #666;

        line-height: 30px;

        padding: 0 10%

    }



    .contact li .box:after {

        border-bottom: 13px solid #f5f5f5;

        border-right: 12px solid transparent;

        border-left: 12px solid transparent;

        position: absolute;

        top: -13px;

        left: 13%;

        content: "";

        width: 0;

        height: 0

    }



    .manage-box {

        width: 100%;

        background: #fff;

        padding: 70px 0 90px

    }



    .manage-box .right {

        width: 34.2%;

        float: right

    }



    .manage-box .right img {

        width: 100%

    }



    .manage-box .left {

        width: 54%;

        float: left

    }



    .manage-box .left h2 {

        font-size: 30px;

        color: #333;

        line-height: 48px;

        margin-top: 30px;

        margin-bottom: 10px

    }



    .manage-box .left p {

        font-size: 16px;

        color: #666;

        line-height: 36px

    }



    .manage-bot {

        width: 100%;

        height: 800px;

        overflow: hidden;

        position: relative

    }



    .manage-bot .w1400 {

        height: 100%

    }



    .manage-bot .slides {

        float: left;

        height: 100%;

        border-right: 1px solid rgba(255, 255, 255, .25)

    }



    .manage-bot .slides li {

        width: 25%;

        float: left;

        height: 100%;

        border-left: 1px solid rgba(255, 255, 255, .25);

        padding: 136px 3% 0;

        position: relative;

        cursor: pointer;

        transition: width .3s

    }



    .manage-bot.edge .slides li {

        width: 16.66%

    }



    .manage-bot.edge .slides li.on {

        width: 25%

    }



    .manage-bot.edge .slides li.cur {

        width: 15%

    }



    .manage-bot .slides li h2 {

        font-size: 72px;

        color: #fff;

        font-weight: bold;

        line-height: 87px;

        margin-bottom: 28px;

        transition: font-size .3s

    }



    .manage-bot .slides li h3 {

        font-size: 24px;

        color: #fff;

        line-height: 43px

    }



    .manage-bot .slides li p {

        font-size: 16px;

        color: #fff;

        line-height: 29px;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .3s

    }



    .manage-bot .slides li p.en {

        font-size: 16px;

        color: #fff;

        opacity: .5;

        filter: alpha(opacity=50);

        line-height: 26px;

        transition: opacity .3s

    }



    .manage-bot .slides li i {

        display: block;

        width: 3px;

        height: 0;

        background: #fff;

        position: absolute;

        top: 158px;

        left: -2px;

        transition: height .3s, top .3s

    }



    .manage-bot .slides li.on {

        width: 40%

    }



    .manage-bot .slides li.cur {

        width: 20%

    }



    .manage-bot .slides li.on i {

        top: 142px;

        height: 70px

    }



    .manage-bot .slides li.on p {

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .manage-bot .slides li.on p.en {

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .manage-bot .slides li.on h3 {

        font-size: 42px

    }



    .manage-bot-list {

        height: 0;

        overflow: hidden

    }



    .contact {

        padding: 60px 0 300px;

        width: 100%;

        background: #fff

    }



    .contact li .cha {

        appearance: none;

        -moz-appearance: none;

        -webkit-appearance: none

    }



    .contact li .box {

        background: #f5f5f5;

        padding: 30px 0 35px;

        position: absolute;

        top: 70px;

        left: -10.5%;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .font-ajax {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 11;

        display: none

    }



    .font-ajax .bg {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, .5);

        z-index: 1;

        cursor: pointer

    }



    .font-ajax .font {

        width: 80%;

        height: 65%;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

        z-index: 2;

        font-size: 16px;

        color: #333;

        line-height: 36px;

        padding: 3%;

        background: #fff

    }



    .wel-case .slides li img {

        width: auto;

       display: block;

       margin: 0 auto;
       
       width: 100%;
       
       height: 364px;
       
       object-fit: cover;

    }

 

    .font-ajax .box {

        width: 100%;

        height: 100%;

        padding-right: 3%;

        overflow: auto

    }



    .font-ajax .box::-webkit-scrollbar {

        width: 3px;

        height: 3px;

        background-color: #ececec

    }



    .font-ajax .box::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ececec

    }



    .font-ajax .box::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    .insdie-wrap #spred {

        font-size: 18px;

        font-family: Arial;

        color: #F00;

        margin-left: 12px

    }



    .insdie-wrap table {

        width: 100%;

        max-width: 100%;

        border: 0

    }



    .insdie-wrap {

        border: 0;

        border-width: 0 0 1px 1px

    }



    .insdie-wrap td {

        padding: 8px 6px;

        border: 0;

        border-width: 1px 1px 0 0;

        font-size: 14px

    }



    .insdie-wrap td {

        line-height: 1.8

    }



    .insdie-wrap td label {

        width: 100%

    }



    .insdie-wrap .applay-input {

        width: 250px;

        height: 36px;

        padding: 8px 10px;

        line-height: 18px;

        color: #666;

        border: 1px solid #ddd;

        box-shadow: 2px 2px 2px #f4f4f4 inset;

        background: #fff;

        font-size: 14px

    }



    .insdie-wrap select.applay-input {

        height: 36px;

        float: none;

        width: 250px

    }



    .insdie-wrap textarea.applay-input {

        width: 93%;

        height: 140px

    }



    .insdie-wrap .applay-input.code {

        width: 90px;

        margin-right: 8px

    }



    .insdie-wrap .submit1 {

        width: 150px;

        height: 36px;

        background: #de241b;

        font-size: 16px;

        color: #fff;

        border: 0;

        cursor: pointer

    }



    .search-hbox {

        padding: 47px 0 18px;

        background: #f5f5f5;

        width: 100%

    }



    .search-hbox .left {

        width: 75%;

        float: left;

        background: #fff;

        padding: 30px 4% 60px;

        box-shadow: 0 0 5px rgba(0, 0, 0, .1)

    }



    .search-hbox .left ul {

        width: 100%;

        padding-bottom: 40px

    }



    .search-hbox .left li {

        width: 100%;

        float: left;

        border-bottom: 1px solid #e5e5e5

    }



    .search-hbox .left li a {

        width: 100%;

        float: left;

        padding: 17px 0

    }



    .search-hbox .left h2 {

        font-size: 16px;

        color: #333;

        line-height: 36px;

        float: left;

        width: 80%;

        height: 36px;

        overflow: hidden;

        transition: color .3s

    }



    .search-hbox .left span {

        float: right;

        line-height: 36px;

        font-size: 12px;

        color: #808080;

        transition: color .3s

    }



    .search-hbox .left li:hover h2,

    .search-hbox .left li:hover span {

        color: #de241b

    }



    .search-hbox .right,

    .map-hbox .right {

        width: 22.8%;

        float: right

    }



    .search-hbox .left,

    .map-hbox .left {

        width: 74%;

        background: #fff;

        float: left;

        padding: 40px 4%;

        border-radius: 0 0 10px rgba(0, 0, 0, .1)

    }



    .search-hbox .right .tit {

        width: 100%;

        padding: 10px 0 10px 57px;

        background: #d82117 url(../img/a20.png) no-repeat 22px center;

        font-size: 18px;

        color: #fff;

        margin-bottom: 4px

    }



    .search-hbox .right ul {

        width: 100%

    }



    .search-hbox .right li {

        width: 100%;

        display: block;

        margin-bottom: 4px;

        font-size: 16px;

        color: #333;

        background: #fff;

        padding: 15px 0 15px 22px;

        line-height: 26px

    }



    .map-hbox .right ul {

        width: 100%

    }



    .map-hbox .right li {

        width: 100%;

        margin-bottom: 10px;

        text-align: center;

        background: #fff;

        transition: background .3s

    }



    .map-hbox .right a {

        width: 100%;

        display: block;

        padding: 20px 0

    }



    .map-hbox .right span {

        font-size: 24px;

        color: #666;

        line-height: 40px;

        padding-left: 45px;

        display: inline-block;

        transition: background .3s, color .3s

    }



    .map-hbox .right span.ico01 {

        background: url(../img/a21.png) no-repeat left center

    }



    .map-hbox .right span.ico02 {

        background: url(../img/a22.png) no-repeat left center

    }



    .map-hbox .right li.cur {

        background: #db261d

    }



    .map-hbox .right li.cur span {

        color: #fff

    }



    .map-hbox .right li.cur span.ico01 {

        background: url(../img/a21_h.png) no-repeat left center

    }



    .map-hbox .right li.cur span.ico02 {

        background: url(../img/a22_h.png) no-repeat left center

    }



    .map-hbox {

        padding: 60px 0 80px

    }



    .map-hbox .left h1 {

        font-size: 36px;

        color: #000;

        line-height: 54px;

        text-align: center;

        padding: 26px 0 19px;

        border-bottom: 1px solid #f2f2f2;

        margin-bottom: 20px

    }



    .map-hbox .left p {

        font-size: 18px;

        color: #666;

        line-height: 37px;

        margin-bottom: 10px

    }



    .map-hbox .left .line {

        padding: 56px 0 24px;

        border-bottom: 1px solid #e5e5e5;

        width: 100%

    }



    .map-hbox .left .line.but {

        border-bottom: 0

    }



    .map-hbox .left h2 {

        font-size: 24px;

        color: #db261d;

        line-height: 36px;

        margin-bottom: 22px

    }



    .map-hbox .left .mun {

        width: 37px;

        height: 37px;

        text-align: center;

        line-height: 37px;

        border-radius: 50%;

        margin-right: 18px;

        display: inline-block;

        font-size: 24px;

        color: #fff;

        float: left;

        background: #db261d

    }



    .map-hbox .left .tit {

        float: left;

        width: 90%

    }



    .map-hbox .left .box {

        width: 100%;

        border: 1px solid #c7c7c7;

        padding: 54px 4% 37px;

        margin: 42px 0 22px

    }



    .map-hbox .left h3 {

        font-size: 24px;

        color: #db261d;

        line-height: 42px;

        margin-bottom: 10px

    }



    .map-hbox .left .box p {

        margin-bottom: 20px

    }



    .map-hbox .left p.time {

        margin-top: 53px

    }



    .map-hbox .left h4 {

        font-size: 24px;

        line-height: 42px;

        margin-bottom: 12px

    }



    .map-hbox .left h4 a {

        color: #000

    }



    .map-hbox.on .left p {

        padding-left: 15px;

        background: url(../img/a23.png) no-repeat left 15px

    }



    .map-hbox.on .left p a {

        color: #666;

        padding: 0 3px

    }



    .right-flex {

        width: 45px;

        position: fixed;

        top: 50%;

        right: 0;

        z-index: 10;

        height: 403px;

        margin-top: -201px

    }



    .right-flex ul {

        width: 100%

    }



    .right-flex li {

        margin-bottom: 5px;

        position: relative;

        width: 45px;

        height: 45px;

        float: right;

        line-height: 45px;

        background: #c8c8c8;

        transition: width .3s, background .3s, margin .3s

    }



    .right-flex li .ico {

        width: 45px;

        height: 45px;

        position: absolute;

        top: 0;

        right: 0;

        transition: right .3s

    }



    .right-flex li a {

        display: block;

        width: 100%;

        height: 100%

    }



    .right-flex li p {

        font-size: 15px;

        color: #fff;

        line-height: 45px;

        padding: 0 20px;

        transition: transform .3s

    }



    .right-flex li.one {

        width: 140px;

        margin-right: -95px

    }



    .right-flex li.one .ico,

    .right-flex li.two .ico {

        left: 0

    }



    .right-flex li.one p,

    .right-flex li.two p {

        padding: 0 20px 0 45px

    }



    .right-flex li.two {

        width: 200px;

        margin-right: -155px

    }



    .right-flex li .ico.ico01 {

        background: url(../img/a24.png) no-repeat center

    }



    .right-flex li .ico.ico02 {

        background: url(../img/a25.png) no-repeat center

    }



    .right-flex li .ico.ico03 {

        background: url(../img/a26.png) no-repeat center

    }



    .right-flex li .ico.ico04 {

        background: url(../img/a27.png) no-repeat center

    }



    .right-flex li .ico.ico05 {

        background: url(../img/a28.png) no-repeat center

    }



    .right-flex li .ico.ico06 {

        background: url(../img/a29.png) no-repeat center

    }



    .right-flex li .ico.ico07 {

        background: url(../img/a30.png) no-repeat center

    }



    .right-flex li .ico.ico08 {

        background: url(../img/a31.png) no-repeat center

    }



    .wel-case-list .flex-direction-nav a {

        opacity: 1;

        filter: alpha(opacity=100);

        width: 66px;

        height: 77px;

        margin: -38px 0 0;

        text-shadow: none;

        background-size: 100% !important;

        transition: background .3s;

        z-index: 1;

        top: 200px;

    }



    .wel-case-list .flex-direction-nav a:before {

        font-size: 0

    }



    .wel-case .flex-viewport {

        overflow: visible !important

    }



    .wel-case-list .flex-direction-nav .flex-prev {

      background: url(../images/nexx.png) no-repeat center;

        left: -121px

    }



    .wel-case-list .flex-direction-nav .flex-next {

       background: url(../images/prvv.png) no-repeat center;

        right: -121px

    }



    .wel-case-list .flex-direction-nav .flex-prev:hover {

        background: url(../images/nexx.png)) no-repeat center;

    }



    .wel-case-list .flex-direction-nav .flex-next:hover {

        background: url(../images/prvv.png) no-repeat center;

    }



    .wel-case .slides li:hover .con {

        bottom: 0

    }



    .wel-case .slides li:hover .font-bg {

        opacity: .3;

        filter: alpha(opacity=30)

    }



    .wel-product-title a:hover {

        color: #dd231f

    }



    .wel-product-title a:hover span {

        background: #dd231f url(../img/wel04.png) no-repeat center

    }



    .wel-product .container a:hover {

        box-shadow: 0 0 30px rgba(0, 0, 0, .1)

    }



    .wel-product a:hover .bg {

        height: 46px

    }



    .wel-product a:hover .contrast {

        background: url(../img/wel09_h.png) no-repeat center

    }



    .wel-product .container a:hover h2,

    .wel-product .container a:hover p.font {

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .wel-product .product-4 a:hover .bg {

        height: 86px

    }



    .download-list-box-b {

        width: 100%

    }



    .download-list-box-b li {

        width: 25%;

        font-size: 16px;

        float: left;

        line-height: 36px

    }



    .download-list-box-b li a {

        color: #666;

        transition: color .3s

    }



    .download-list-box-b li:hover a,

    .download-list-box-b li.cur a {

        color: #d9271b;

        font-weight: bold

    }



    .wel-banner.case-banner.on .slides img {

        width: 1450px;

        margin-left: -725px

    }



    .wel-banner.case-banner.on .slides li {

        height: 316px

    }



    .clearfix h1 {

        font-weight: normal;

        font-size: 32px;

        color: #404040;

        border-bottom: 2px solid #e6e6e6;

        padding-bottom: 15px;

        padding-top: 8px

    }



    .page_error {

        margin-top: 30px;

        margin-bottom: 30px;

        min-height: 200px

    }



    .page_error p {

        margin-bottom: 20px;

        font-size: 14px

    }



  



    .product-contrast {

        position: fixed;

        bottom: 0;

        left: 50%;

        height: 0;

        overflow: hidden;

        margin-left: -700px;

        z-index: 999;

        background: #fff;

        border: 1px solid #d6d6d6;

        box-shadow: 0 0 10px rgba(0, 0, 0, .1)

    }



    .product-contrast .title {

        font-size: 14px;

        color: #d9271b;

        line-height: 15px;

        padding: 10px 1.4%;

        position: relative;

        border-bottom: 1px solid #dbdbdb

    }



    .product-contrast .product-hide {

        font-size: 14px;

        color: #666;

        position: absolute;

        top: 10px;

        right: 6.5%;

        cursor: pointer;

        transition: color .3s

    }



    .product-contrast .contrast-con {

        padding: 18px 0 18px 5px;

        width: 100%

    }



    .product-contrast .contrast-right {

        width: 11%;

        float: right;

        text-align: center

    }



    .product-contrast .contrast-btn {

        width: 72px;

        display: block;

        height: 32px;

        line-height: 32px;

        margin: 7px auto;

        color: #fff;

        background: #999;

        font-size: 14px;

        border-radius: 20px

    }



    .product-contrast .contrast-btn.on {

        background: #d9271b

    }



    .product-contrast .contrast-empty {

        font-size: 12px;

        color: #c3c4c5;

        line-height: 16px;

        margin-top: 5px;

        transition: color .3s

    }



    .product-contrast .contrast-list {

        width: 89%;

        float: left

    }



    .product-contrast .contrast-list .slides li {

        border-right: 1px solid #dbdbdb;

        float: left;

        width: 310px;

        height: 66px;

        position: relative

    }



    .product-contrast .contrast-list .slides a {

        display: block;

        float: left;

        width: 100%;

        padding: 0 8% 0 6%

    }



    .product-contrast .contrast-list .pic {

        border: 1px solid #e6e6e6;

        width: 31.1%;

        height: 64px;

        line-height: 64px;

        margin-right: 8%

    }



    .product-contrast .contrast-list img {

        width: 100%

    }



    .product-contrast .contrast-list h2,

    .product-contrast .contrast-list .font {

        font-size: 12px;

        color: #666;

        line-height: 20px;

        height: 20px;

        overflow: hidden;

        position: relative

    }



    .product-contrast .contrast-list h2 {

        margin-top: 8px

    }



    .product-contrast .contrast-list .font-none {

        width: 100%;

        float: left;

        font-size: 12px;

        color: #c3c3c3;

        text-align: center;

        line-height: 66px

    }



    .product-contrast .contrast-list .flex-control-nav {

        display: none

    }



    .product-contrast .flex-direction-nav a {

        position: absolute;

        top: 10px;

        margin-top: 0;

        opacity: 1 !important;

        left: auto;

        right: 1.7%;

        width: 8px;

        height: 15px

    }



    .product-contrast .contrast-list .slides li .closes {

        position: absolute;

        width: 9px;

        height: 9px;

        top: 0;

        right: 5%;

        display: block;

        background: url(../img/cur01.png) no-repeat center;

        opacity: 1;

        cursor: pointer

    }



    .product-contrast .flex-direction-nav .flex-prev {

        background: url(../img/cur02.png) no-repeat center;

        right: 3.5%

    }



    .product-contrast .flex-direction-nav .flex-next {

        background: url(../img/cur03.png) no-repeat center

    }



    .product-contrast .flex-direction-nav a:before {

        font-size: 0

    }



    .contrast-box {

        width: 100%;

        padding: 120px 0 59px

    }



    .contrast-box .title {

        width: 100%;

        padding: 15px 4%;

        font-size: 24px;

        color: #333;

        line-height: 43px;

        border: 1px solid #e4e4e4;

        background: #fff

    }



    .contrast-box .inequality,

    .contrast-box .identical {

        float: right;

        margin-left: 3.3%;

        padding-left: 30px;

        font-size: 16px;

        color: #333;

        background: url(../img/tra01.jpg) no-repeat left center;

        transition: background .3s

    }



    .contrast-box .inequality.on,

    .contrast-box .identical.on {

        background: url(../img/tra01_h.jpg) no-repeat left center

    }



    .contrast-table {

        width: 100%;

        background: #fff;

        overflow: hidden;

        border: 1px solid #e4e4e4;

        border-top: 0

    }



    .contrast-table-right {

        width: 88.5%;

        float: right;

        overflow: auto;

        height: 500px;

        border-left: 1px solid #e4e4e4

    }



    .contrast-table-top {

        width: 88.5%;

        float: right;

        margin-left: 11.5%;

        overflow-y: hidden;

        overflow-x: auto;

        position: relative;

        border-left: 1px solid #e4e4e4

    }



    .contrast-table-top td {

        background: #fff;

        border-left: 1px solid #e4e4e4

    }



    .contrast-table-top td:first-child {

        border-left: none

    }



    .contrast-table-right tr td:first-child {

        border-left: none

    }



    .contrast-table-right tr:first-child td {

        border-top: 0

    }



    .contrast-table-left td:first-child {

        border-top: 0

    }



    .contrast-table-top .goods-item {

        padding-bottom: 15px;

        text-align: center

    }



    .contrast-table-top .pic {

        width: 100%;

        height: 148px;

        line-height: 148px

    }



    .contrast-table-top .pic a {

        display: block;

        width: 100%

    }



    .contrast-table-top .pic img {

        max-width: 80%;

        height: auto

    }



    .contrast-table-top .con {

        display: block;

        width: 77%;

        margin: 0 auto;

        text-align: left

    }



    .contrast-table-top h2 {

        font-size: 16px;

        color: #999;

        line-height: 21px;

        height: 21px;

        overflow: hidden;

        margin-bottom: 12px

    }



    .contrast-table-top .more {

        display: inline-block;

        width: 52%;

        height: 38px;

        text-align: center;

        line-height: 38px;

        background: #f9f9f9;

        border-radius: 2px;

        border: 1px solid #e4e4e4;

        color: #333;

        font-size: 15px;

        transition: background .3s, color .3s, border .3s

    }



    .contrast-table-top .delete {

        height: 38px;

        line-height: 38px;

        color: #333;

        font-size: 14px;

        transition: color .3s;

        margin-left: 11.5%

    }



    .contrast-table-left table {

        width: 100%

    }



    .contrast-table-right tr.bar,

    .contrast-table-left tr.bar {

        background: #fff

    }



    .contrast-table-right tr.yew,

    .contrast-table-left tr.yew {

        background: #ffffce

    }



    .contrast-table-right td {

        border: 1px solid #e4e4e4;

        height: 40px

    }



    .contrast-table-left td {

        border-top: 1px solid #e4e4e4;

        border-bottom: 1px solid #e4e4e4;

        height: 40px;

        font-size: 14px;

        color: #333;

        text-align: center

    }



    .contrast-table-right .goods-w {

        font-size: 14px;

        color: #333;

        line-height: 20px

    }



    .contrast-table-right .goods-w p {

        padding: 0 8%;

        font-size: 14px;

        color: #333;

        word-wrap: break-word;

        line-height: 20px

    }



    .contrast-table-top .add-product {

        text-align: center;

        font-size: 14px;

        cursor: pointer

    }



    .contrast-table-top .add-product .en {

        font-size: 17px

    }



    .contrast-table-top .font {

        font-size: 14px;

        color: #333;

        height: 44px;

        overflow: hidden;

        line-height: 22px;

        margin-bottom: 15px

    }



    .contrast-table .off {

        overflow: hidden

    }



    .contrast-table-bot {

        width: 100%;

        border-top: 1px solid #e4e4e4

    }



    .contrast-table-left {

        float: left;

        overflow: hidden

    }



    .contrast-table-left-off {

        float: left;

        width: 11.5%;

        overflow: hidden

    }



    .contrast-table-right::-webkit-scrollbar,

    .contrast-table-left::-webkit-scrollbar {

        width: 10px;

        height: 10px;

        background-color: #fff

    }



    .contrast-table-right::-webkit-scrollbar-track,

    .contrast-table-left::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #fff

    }



    .contrast-table-right::-webkit-scrollbar-thumb,

    .contrast-table-left::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: #d9271b

    }



    .recommend {

        position: fixed;

        bottom: 0;

        left: 50%;

        height: 0;

        overflow: hidden;

        background: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, .2);

        margin-left: -700px;

        z-index: 99

    }



    .recommend .title {

        height: 35px;

        line-height: 35px;

        border-bottom: 2px solid #d9271b;

        padding: 0 5%;

        position: relative;

        color: #d9271b;

        font-size: 14px;

        font-weight: bold

    }



    .recommend .close {

        width: 16px;

        height: 15px;

        background: url(../img/tra03.jpg) no-repeat center;

        position: absolute;

        top: 10px;

        right: 20px;

        opacity: 1;

        cursor: pointer

    }



    .recommend .cont {

        padding: 10px 0 20px

    }



    .recommend .slides li {

        width: 275px;

        position: relative;

        float: left

    }



    .recommend .slides li a {

        display: block;

        width: 100%;

        padding: 0 2%

    }



    .recommend .slides li .pic {

        height: 150px;

        text-align: center;

        line-height: 150px

    }



    .recommend .slides li img {

        max-width: 80%;

        max-height: 120px

    }



    .recommend .slides li .font {

        padding: 7px 0 15px;

        background: #fff;

        width: 92%;

        margin: 0 auto;

        display: block

    }



    .recommend .slides li h2 {

        font-size: 15px;

        color: #999;

        font-weight: bold;

        line-height: 36px;

        height: 36px;

        overflow: hidden

    }



    .recommend .slides li p.z {

        font-size: 13px;

        color: #333;

        line-height: 25px;

        height: 50px;

        overflow: hidden

    }



    .recommend .add {

        width: 120px;

        height: 36px;

        background: #d9271b;

        text-align: center;

        line-height: 36px;

        border-radius: 3px;

        color: #fff;

        margin: 10px 0 0;

        display: block

    }



    .recommend .add.on {

        background: #eaeaea;

        color: #666

    }



    .recommend .flex-control-nav {

        display: none

    }



    .recommend .flex-direction-nav a {

        position: absolute;

        top: 50%;

        margin-top: 0;

        opacity: 1 !important;

        left: auto;

        width: 8px;

        height: 15px;

        margin-top: -7px

    }



    .recommend .flex-direction-nav .flex-prev {

        background: url(../img/cur02_h.png) no-repeat center;

        left: 5px

    }



    .recommend .flex-direction-nav .flex-next {

        background: url(../img/cur03_h.png) no-repeat center;

        right: 5px

    }



    .recommend .flex-direction-nav a:before {

        font-size: 0

    }



    .repair-map {

        padding: 72px 0;

        width: 100%;

        display: none;

        background: #f5f5f5

    }



    .repair-map h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-top: 8px

    }



    .repair-map-list {

        width: 800px;

        position: relative;

        margin: -52px auto 0

    }



    .repair-map-list .map-bg {

        width: 100%

    }



    .repair-map-list li.li0 {

        position: absolute;

        top: 8%;

        right: 0

    }



    .repair-map-list li.li1 {

        position: absolute;

        top: 27%;

        right: 75%

    }



    .repair-map-list li.li2 {

        position: absolute;

        top: 25%;

        right: 28%

    }



    .repair-map-list li {

        cursor: pointer;

        z-index: 1

    }



    .repair-map-list li.on {

        z-index: 2

    }



    .repair-map-list li.bg1 {

        width: 140px;

        height: 140px

    }



    .repair-map-list li .bg {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

        border-radius: 50%;

        background: rgba(255, 255, 255, .6);

        transition: background .3s, box-shadow .3s

    }



    .repair-map-list li.bg1 .bg {

        width: 140px;

        height: 140px

    }



    .repair-map-list .bg b {

        width: 8px;

        height: 8px;

        position: absolute;

        top: 50%;

        left: 50%;

        cursor: pointer;

        margin: -4px 0 0 -4px;

        background: url(../img/rm02.png) no-repeat center;

        background-size: 100%

    }



    .repair-map-list h3 {

        font-size: 13px;

        color: #333;

        line-height: 26px;

        padding-top: 80px;

        position: relative;

        z-index: 2;

        text-align: center

    }



    .repair-map-list li .map-list {

        width: 353px;

        position: absolute;

        left: 50%;

        margin-left: -176px;

        background: #fff;

        top: 145px;

        display: none

    }



    .repair-map-list li .tit {

        width: 100%;

        padding: 0 7%;

        background: #d90708;

        color: #fff;

        line-height: 45px;

        font-size: 16px

    }



    .repair-map-list li .con {

        width: 100%;

        padding: 27px 7% 30px

    }



    .repair-map-list li p {

        font-size: 14px;

        color: #666;

        line-height: 24px;

        margin-bottom: 15px;

        padding-left: 28px

    }



    .repair-map-list li p.tel {

        background: url(../img/rm03.png) no-repeat left 3px

    }



    .repair-map-list li p.add {

        background: url(../img/rm04.png) no-repeat left 3px

    }



    .repair-map-list li.bg2 {

        width: 80px;

        height: 80px

    }



    .repair-map-list li.bg2 .bg {

        width: 80px;

        height: 80px

    }



    .repair-map-list li.bg2 .map-list {

        top: 90px

    }



    .repair-map-list li.li3 {

        position: absolute;

        top: 23%;

        right: 5%

    }



    .repair-map-list li.li4 {

        position: absolute;

        top: 30%;

        right: 11%

    }



    .repair-map-list li.li5 {

        position: absolute;

        top: 47%;

        right: 59%

    }



    .repair-map-list li.li6 {

        position: absolute;

        top: 63%;

        right: 46%

    }



    .repair-map-list li.li7 {

        position: absolute;

        top: 80%;

        right: 50%

    }



    .repair-map-list li.li8 {

        position: absolute;

        top: 74%;

        right: 38%

    }



    .repair-map-list li.li9 {

        position: absolute;

        top: 82%;

        right: 34%

    }



    .repair-map-list li.bg2 h3 {

        padding-top: 47px

    }



    .repair-map-list li.bg3 {

        width: 45px;

        height: 45px

    }



    .repair-map-list li.bg3 .bg {

        width: 30px;

        height: 30px

    }



    .repair-map-list li.bg3 .map-list {

        top: 55px

    }



    .repair-map-list li.li10 {

        position: absolute;

        top: 38%;

        right: 14%

    }



    .repair-map-list li.bg3 h3 {

        padding-top: 13px

    }



    .repair-map-list li.li17 {

        position: absolute;

        top: 52%;

        right: 21%

    }



    .repair-map-list li.li17 h3 {

        font-size: 14px

    }



    .repair-map-list li.li11 {

        position: absolute;

        top: 35%;

        right: 23%

    }



    .repair-map-list li.li12 {

        position: absolute;

        top: 38%;

        right: 21%

    }



    .repair-map-list li.li13 {

        position: absolute;

        top: 41%;

        right: 25%

    }



    .repair-map-list li.li14 {

        position: absolute;

        top: 45%;

        right: 20%

    }



    .repair-map-list li.li15 {

        position: absolute;

        top: 45%;

        right: 14%

    }



    .repair-map-list li.li16 {

        position: absolute;

        top: 53%;

        right: 14%

    }



    .repair-map-list li.li18 {

        position: absolute;

        top: 58%;

        right: 11%

    }



    .repair-map-list li.li19 {

        position: absolute;

        top: 54%;

        right: 26%

    }



    .repair-map-list li.li20 {

        position: absolute;

        top: 46%;

        right: 30%

    }



    .repair-map-list li.li21 {

        position: absolute;

        top: 55%;

        right: 37%

    }



    .repair-map-list li.li22 {

        position: absolute;

        top: 44%;

        right: 41%

    }



    .repair-map-list li.li23 {

        position: absolute;

        top: 54%;

        right: 44%

    }



    .repair-map-list li.li24 {

        position: absolute;

        top: 65%;

        right: 37%

    }



    .repair-map-list li.li25 {

        position: absolute;

        top: 63%;

        right: 30%

    }



    .repair-map-list li.li26 {

        position: absolute;

        top: 61%;

        right: 16%

    }



    .repair-map-list li.li27 {

        position: absolute;

        top: 59%;

        right: 13%

    }



    .repair-map-list li.li28 {

        position: absolute;

        top: 65%;

        right: 11%

    }



    .repair-map-list li.li29 {

        position: absolute;

        top: 68%;

        right: 13%

    }



    .repair-map-list li.li30 {

        position: absolute;

        top: 72%;

        right: 30%

    }



    .repair-map-list li.li31 {

        position: absolute;

        top: 72%;

        right: 22%

    }



    .repair-map-list li.li32 {

        position: absolute;

        top: 74%;

        right: 17%

    }



    .repair-map-list li.li33 {

        position: absolute;

        top: 79%;

        right: 19%

    }



    .repair-map-list li.li34 {

        position: absolute;

        top: 83%;

        right: 22%

    }



    .repair-map-list li.li35 {

        position: absolute;

        top: 83%;

        right: 28%

    }



    .repair-map-list li.li36 {

        position: absolute;

        top: 96%;

        right: 33%

    }



    .repair-map-list li.li37 {

        position: absolute;

        top: 88%;

        right: 29%

    }



    .repair-map-list li.li38 {

        position: absolute;

        top: 61%;

        right: 5%

    }



    .repair-map-list li.bg3.bg4 h3 {

        padding-top: 14px;

        text-align: left;

        padding-left: 16px

    }



    .repair-map-list li.bg3.bg4,

    .repair-map-list li.bg3.bg5 {

        width: 80px

    }



    .repair-map-list li.bg5 .bg {

        left: auto;

        right: 0

    }



    .repair-map-list li.bg3.bg5 h3 {

        padding-top: 14px;

        text-align: left

    }



    .repair-map-list li.li39 {

        position: absolute;

        top: 66%;

        right: 4%

    }



    .repair-map-list li.li40 {

        position: absolute;

        top: 71%;

        right: 6%

    }



    .repair-map-list li.li41 {

        position: absolute;

        top: 91%;

        right: 33%

    }



    .contrast-table-top td:last-child .goods-w {

        margin-right: 11px !important

    }



    .repair-che {

        width: 100%;

        background: #f5f5f5;

        padding: 82px 0 0

    }



    .repair-che-top {

        padding-bottom: 36px

    }



    .repair-che-top h2 {

        font-size: 24px;

        color: #333;

        line-height: 44px;

        margin-bottom: 22px

    }



    .repair-che-top .box {

        border: 1px solid #eee;

        height: 48px;

        line-height: 48px;

        width: 23.7%;

        margin-right: 1%;

        font-size: 14px;

        float: left;

        color: #a3a3a3;

        padding: 0 1% 0 3.5%

    }



    .repair-che-top .box.province {

        background: #fff url(../img/map01.png) no-repeat 4% center

    }



    .repair-che-top .box.city {

        background: #fff url(../img/map02.png) no-repeat 4% center

    }



    .repair-che-top .submit-b {

        width: 68px;

        height: 48px;

        text-align: center;

        line-height: 48px;

        background: #d90708;

        color: #fff;

        font-size: 14px;

        float: left;

        border: 0

    }



    .repair-che-pc {

        display: block

    }



    .repair-che-pcb {

        width: 100%;

        height: 450px

    }



    .repair-che-m {

        display: none;

        background: #fff;

        margin-top: 20px;

        border-top: 1px solid #dbdbdb;

        border-bottom: 1px solid #dbdbdb;

        padding: 10px 0 0

    }



    .map-b h2 {

        margin-bottom: 10px

    }



    .map-b img {

        margin-right: 10px

    }



    .repair-che-m ul {

        width: 92%;

        margin: 0 auto;

        position: relative

    }



    .repair-che-m li {

        width: 100%;

        padding: 15px 0;

        border-bottom: 1px solid #c2c2c2

    }



    .repair-che-m li .con {

        display: none

    }



    .repair-che-m li.cur h2 {

        background: url(../img/bg_sign24.png) no-repeat left top

    }



    .repair-che-m li.cur h2 em {

        background: url(../img/bg_sign23.png) no-repeat left top

    }



    .repair-che-m li h2 {

        width: 100%;

        padding-left: 25px;

        font-size: 14px;

        line-height: 20px;

        position: relative;

        background: url(../img/bg_sign25.png) no-repeat left top;

        background-size: 18px !important;

        color: #000;

        margin-bottom: 10px

    }



    .repair-che-m li h2 em {

        display: block;

        position: absolute;

        right: 0;

        top: 0;

        width: 20px;

        height: 20px;

        border: 1px solid #9b9b9b;

        border-radius: 50%;

        background: url(../img/bg_sign22.png) no-repeat center;

        background-size: 100% 100% !important

    }



    .repair-che-m li p {

        font-size: 12px;

        color: #666;

        width: 100%;

        margin: 0;

        width: 95%;

        padding-left: 25px;

        line-height: 24px

    }



    .repair-che-m a {

        display: inline-block;

        width: 47%;

        height: 40px;

        margin: 12px 0;

        border-radius: 6px;

        padding-left: 16%;

        background-size: auto 100% !important;

        font-size: 14px;

        line-height: 3.5rem;

        color: #fff

    }



    .repair-che-m .box {

        width: 100%;

        padding-left: 25px

    }



    .repair-che-m a.tel {

        background: #d90708 url(../img/bg_sign13.png) no-repeat 10% center

    }



    .repair-che-m a.add {

        background: #d90708 url(../img/bg_sign14.png) no-repeat 10% center

    }



    .info-page {

        width: 100%;

        float: left;

        padding: 17px 3.6%;

        background: #fff;

        margin-top: 29px;

        text-align: center

    }



    .info-page.on {

        box-shadow: 0 0 10px rgba(0, 0, 0, .2)

    }



    .info-page a {

        display: inline-block;

        font-size: 16px;

        line-height: 36px;

        color: #666;

        transition: color .3s

    }



    .info-page a.prev {

        float: left

    }



    .info-page a.next {

        float: right

    }



    .info-page a.return {

        padding: 0 15px 0 45px;

        background: url(../pic/news11.png) no-repeat 15px center;

        transition: background .3s, color .3s

    }



    .link-error {

        padding-top: 32px

    }



    .link-error a {

        float: left;

        border: 1px solid #c9c9c9;

        padding: 55px 100px 44px;

        margin-right: 8px;

        text-align: center;

        transition: background .3s, border .3s

    }



    .link-error i {

        width: 53px;

        height: 53px;

        display: block;

        margin: 0 auto 8px;

        background-size: 100% !important;

        transition: background .3s

    }



    .link-error i.ico1 {

        background: url(../pic/news01.png) no-repeat center

    }



    .link-error i.ico2 {

        background: url(../pic/news02.png) no-repeat center

    }



    .link-error p {

        font-size: 24px;

        line-height: 44px;

        color: #242424;

        transition: color .3s

    }



    .product-list .form.on {

        border-color: #d9271b

    }



    .pn-title {

        position: fixed;

        top: 50%;

        left: 0;

        z-index: 9;

        background: #d9271b;

        color: #fff;

        font-size: 16px;

        text-align: center;

        box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);

        line-height: 26px;

        width: 45px;

        padding: 10px 0;

        cursor: pointer;

        border-radius: 0 10px 10px 0;

        margin-top: -62px;

    }



    .pn-title span {

        display: block

    }



    .pn-list {

        position: fixed;

        top: 50%;

        left: -305px;

        z-index: 10;

        background: #fff;

        width: 305px;

        height: 700px;

        margin-top: -350px;

        overflow: auto;

        transition: left .5s;

        box-shadow: 0 0 20px rgba(0, 0, 0, .2);

        border-radius: 0 10px 10px 0;

    }



    .pn-list.on {

        left: 0

    }



    .pn-list ul {

        width: 100%

    }



    .pn-list li {

        width: 100

    }



    .pn-list li .pn-tit-one {

        display: block;

        width: 100%;

        height: 50px;

        line-height: 50px;

        color: #010101;

        font-size: 16px;

        padding: 0 2% 0 15%;

        background: #fff url(../pic/pro01.png) no-repeat 6% center;

        transition: background .3s

    }



    .pn-list li .pn-con-one {

        display: none

    }



    .pn-list li .pn-tit-one.cut {

        background: #d9271b url(../pic/pro01_h.png) no-repeat 6% center;

        color: #fff

    }



    .pn-list li .pn-tit-two.cur,

    .pn-list li .pn-tit-three.cut,

    .pn-list li .pn-tit-four.cur,

    .pn-list li .pn-tit-five.cur {

        color: #d9271b

    }



    .pn-list li .pn-con-two {

        display: none;

        background: #fafafa;

    }



    .pn-list li .pn-tit-two {

        width: 100%;

        height: 50px;

        line-height: 50px;

        overflow: hidden;

        display: block;

        font-size: 14px;

        color: #666;

        padding: 0 2% 0 15%;

        border: 1px solid #e6e6e6;

        transition: color .3s

    }



    .pn-list li .pn-con-two {

        width: 100%;

        padding: 16px 2% 20px 15%;

        display: none

    }



    .pn-list li .pn-tit-three {

        display: block;

        width: 100%;

        font-size: 13px;

        color: #666;

        line-height: 30px;

        height: 30px;

        overflow: hidden

    }



    .pn-list::-webkit-scrollbar {

        width: 4px;

        background-color: #d9271bborder-radius:50px;

    }



    .pn-list::-webkit-scrollbar-track {

        border-radius: 50px;

        background-color: #d9271b

    }



    .pn-list::-webkit-scrollbar-thumb {

        border-radius: 50px;

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

        background-color: #fff

    }



    .pn-list li .font-blod {

        font-weight: bold;

    }



    .pn-list li .pn-con-three {

        width: 100%;

        padding: 8px 0;

        display: none;

    }



    .pn-list li .pn-tit-four {

        display: block;

        width: 100%;

        font-size: 12px;

        color: #666;

        /*padding: 0 0 0 8px;*/

        /*background: url(../img/111_h.png) no-repeat left center;*/

        background-size: 4px !important;

        line-height: 30px;

        height: 30px;

        overflow: hidden;

    }



    .pn-list li .pn-con-four {

        width: 100%;

        display: none;

        padding: 0

    }



    .pn-list li .pn-tit-five {

        display: block;

        width: 100%;

        font-size: 11px;

        color: #666;

        /*    padding: 0 0 0 8px;

    background: url(../img/111_h.png) no-repeat left center;*/

        background-size: 4px !important;

        line-height: 25px;

        height: 30px;

        overflow: hidden;

    }



    .product-contrast .contrast-empty:hover {

        color: #d9271b;

    }



    #pageNum {

        border: 1px solid #eee;

        background: none;

        padding: 0 5px;

        line-height: 40px;

        width: 40px;

        height: 40px;

        font-size: 14px;

        color: #686868;

        background: #fff;

    }



    .news-page .go {

        font-size: 14px;

        line-height: 40px;

        width: 40px;

        height: 40px;

        border: none;

        display: inline-block;

        background: #f7f7f7;

        color: #686868;

        transition: background .3s, color .3s;

    }



    .email_subscr h2 {

        font-size: 30px;

    }



    .email_subscr p {

        font-size: 16px;

    }



    .email_subscr form {

        width: 30%;

        padding-bottom: 100px;

        position: relative;

    }



    .email_subscr label {

        display: block;

    }



    .email_subscr label p {

        font-size: 18px;

        font-weight: normal;

    }



    .email_subscr label p.prompt {

        font-size: 14px;

        font-weight: normal;

    }



    .email_subscr label input {

        width: 100%;

        font-weight: normal;

        height: 48px;

        padding: 8px 10px;

        line-height: 32px;

        color: #666;

        border: 1px solid #ddd;

        box-shadow: 2px 2px 2px #f4f4f4 inset;

        background: #fff;

        font-size: 14px;

    }



    .email_subscr label input::-webkit-input-placeholder {

        color: #666;

        font-weight: normal;

    }



    .email_subscr label input::-moz-placeholder {

        /* Mozilla Firefox 19+ */

        color: #666;

        font-weight: normal;

    }



    .email_subscr label input:-moz-placeholder {

        /* Mozilla Firefox 4 to 18 */

        color: #666;

        font-weight: normal;

    }



    .email_subscr label input:-ms-input-placeholder {

        /* Internet Explorer 10-11 */

        color: #666;

        font-weight: normal;

    }



    .email_subscr label select {

        border: 1px solid #ddd;

        height: 48px;

        line-height: 48px;

        width: 100%;

        font-weight: normal;

        margin-right: 1%;

        font-size: 14px;

        color: #666;

        padding: 0 1% 0 3.5%;

    }



    .email_subscr .submit {

        color: #fff;

        border: 0;

        cursor: pointer;

        position: absolute;

        right: 0;

        bottom: 50px;

        width: 155px;

        height: 40px;

        line-height: 40px;

        padding-left: 36px;

        font-size: 14px;

        background: #da2418 url(../img/head05.png) no-repeat 103px center;

        display: block;

        text-align: left;

        color: #fff;

        margin-top: 35px;

    }



    .email_subscr .red_icon:after {

        content: "*";

        color: #ff4949;

    }



    .RSS .RSS_content ul {

        min-height: 400px;

    }



    .RSS .RSS_content h2 {

        font-size: 40px;

        font-weight: 900;

        color: #000;

    }



    .RSS .RSS_content h2 a {

        height: 30px;

        padding-left: 35px;

        color: #333;

        display: inline-block;

        font-size: 14px;

        background: url(../img/rss02.png) 5px top no-repeat;

    }



    .RSS .RSS_content h2 a:hover {

        text-decoration: underline;

    }



    .RSS .RSS_content li strong {

        font-size: 18px;

        font-weight: bold;

        color: #222;

    }



    .RSS .RSS_content li {

        padding: 8px;

        border-top: 1px solid #e7e7e7;

    }



    .RSS .RSS_content li span {

        font-size: 14px;

        color: #666;

        display: block;

    }



    .safe-content {

        padding-bottom: 90px;

    }

    .safe-container a{

        text-decoration: underline !important;

    }

    .safe-container table a{

        text-decoration: none !important;

    }

    .safe-box {

        overflow: hidden;

        padding: 62px 0 90px;

        background: #fff;

        width: 100%

    }



    .safe-box .safe-suBox {

        float: left;

        min-height: 400px;

    }



    .safe-box .left,

    .safe-box .right {

        width: 22.8%;

    }



    .safe-box .center {

        width: 54.4%;

        padding: 0 30px 0 50px;

    }



    .safe-box .center li {

        padding: 15px 0;

    }



    .safe-box .center .notice-aList {

        font-size: 20px;

        font-weight: bold;

        color: #333;

        display: block;

    }



    .safe-internet-nav .safe-headline {

        font-size: 20px;

        color: #333;

    }



    .safe-internet-nav .safe-headline:hover {

        color: #d9271b;

    }



    .safe-internet-nav .list .slides a {

        font-weight: bold;

    }



    .safe-box .center p {

        color: #666;

        font-size: 14px;

    }



    .safe-box .center a:hover {

        color: #d9271b;

    }



    .safe-box .center span {

        font-size: 14px;

        color: #777;

        display: block;

    }



    .safe-box .link-box {

        width: 100%;

        background: #fff;

    }



    .safe-box .link-box .safe-cur {

        background: #d9271b;

        color: #fff;

    }



    .safe-box .link-box a {

        display: block;

        width: 100%;

        padding-left: 8%;

        line-height: 50px;

        font-size: 16px;

        color: #333;

        border-bottom: 1px solid #f2f2f2;

        transition: color .3s, background .3s;

    }



    .safe-box .right a,

    .safe-box .right .tel {

        display: block;

        width: 100%;

        padding: 8px 0 8px 21%;

        font-size: 16px;

        color: #333;

        margin-bottom: 10px;

        transition: color .3s, background .3;

    }



    /* .safe-box .right .emailto01 {

        padding-top: 5px;

        padding-bottom: 5px;

        line-height: 20px;

    } */



    .safe-box .right a.search {

        background: #f5f5f5 url(../img/ser14.png) no-repeat 5% center;

    }



    .safe-box .right a.email {

        background: #f5f5f5 url(../img/ser45.png) no-repeat 5% center;

    }



    .safe-box .right a.rss {

        background: #f5f5f5 url(../img/rss02.png) no-repeat 5% center;

    }



    .safe-box .right a.emailto {

        background: #f5f5f5 url(../img/emailto.png) no-repeat 5% center;

        word-wrap: break-word;

    }



    .safe-box .right span.tel {

        background: #f5f5f5 url(../img/ser29.png) no-repeat 5% center;

    }



    .safe-box .right a.search:hover {

        background: #e7e7e7 url(../img/ser14.png) no-repeat 5% center;

    }



    .safe-box .right a.email:hover {

        background: #e7e7e7 url(../img/ser45.png) no-repeat 5% center;

    }



    .safe-box .right a.rss:hover {

        background: #e7e7e7 url(../img/rss02.png) no-repeat 5% center;

    }



    .safe-box .right a.emailto:hover {

        background: #e7e7e7 url(../img/emailto.png) no-repeat 5% center;

    }



    .safe-box .right span.tel:hover {

        background: #e7e7e7 url(../img/ser29.png) no-repeat 5% center;

    }



    .safe-box .right a:hover,

    .safe-box .right span:hover {

        color: #d9271b;

    }



    .safe-box .link-box a:hover {

        background: #d9271b;

        color: #fff;

    }



    .DHCC {

        margin-bottom: 40px;

    }



    .DHCC H3 {

        font-size: 24px;

        color: #24272b;

        line-height: 42px;

        font-weight: bold;

        margin-bottom: 22px;

    }



    .DHCC p {

        font-size: 18px;

        color: #24272b;

    }



    .link-box-FAQ a {

        display: block;

        width: 100%;

        padding-left: 8%;

        line-height: 40px;

        font-size: 16px;

        border-bottom: 1px solid #f2f2f2;

        color: #666666;

        transition: color .3s, background .3s;

    }



    .link-box-FAQ a:hover {

        color: #d9271b;

        background: #e7e7e7;

    }



    .link-box-FAQ a.first {

        border-top: 1px solid #f2f2f2;

    }



    .safe-box .left h2 {

        font-weight: 600px;

        font-size: 24px;

        margin-bottom: 35px;

    }



    .FAQ-list {

        width: 100%;

    }



    .FAQ-list dl {

        width: 100%;

    }



    .FAQ-list dl dd {

        width: 100%;

        display: block;

        cursor: pointer;

    }



    .center-FAQ {

        width: 77.2%;

        padding: 0 0 0 50px;

    }



    .center-FAQ h1 {

        font-weight: 900;

        font-size: 30px;

        margin-bottom: 30px;

    }



    .FAQ-list dl dd span.FAQ-tit {

        width: 100%;

        display: block;

        padding-left: 35px;

        font-size: 18px;

        color: #222;

        line-height: 50px;

        background: url(../img/FAQ_add.png) no-repeat 2px center;

        transition: background .3s, color .3s;

    }



    .FAQ-content {

        border-top: 1px solid #eaeaea;

        padding: 15px 0;

    }



    .FAQ-list dl dd span.FAQ-tit:hover {

        background: url(../img/FAQ_mius.png) no-repeat 2px center;

    }



    .FAQ-list dl dd span.FAQ-cur {

        background: url(../img/FAQ_mius.png) no-repeat 2px center;

    }



    .FAQ-list dl dd p {

        width: 100%;

        font-size: 16px;

        color: #333;

        line-height: 32px;

    }



    .emergencyResponse-list li .pic {

        height: 13vw;

    }



    .emergencyResponse-list ul {

        padding: 0 8%;

    }



    .emergencyResponse-list li {

        width: 45%;

        transition: box-shadow .3s;

    }



    .emergencyResponse-list li.first {

        margin: 0 5% 55px 0;

        float: left;

    }



    .emergencyResponse-list li.tw {

        margin: 0 0 55px 5%;

        float: right;

    }



    .emergencyResponse-list .more {

        padding-left: 40px;

        font-size: 16px;

        color: #da2418;

        margin-top: 10px;

        line-height: 28px;

        background: url(../img/case28.png) no-repeat left center;

    }



    .emergencyResponse-list .font-rep {

        color: #000;

    }



    #banner-silder .flex-direction-nav .flex-next,

    #banner-silder .flex-direction-nav .flex-prev {

        display: none;

    }



    .safe-info {

        padding: 45px 0 108px;

        background: #f5f5f5;

    }



    .safe-info .now {

        top: -80px;

    }



    .safe-info h1 {

        text-align: left;

        margin-bottom: 32px;

        font-size: 34px;

        color: #000;

        line-height: 54px;

        padding: 19px 0;

        border-bottom: 1px solid #f2f2f2;

    }



    .case-link-list .safe-tech-list {

        overflow: hidden;

        height: auto;

    }



    .safe-info p {

        font-size: 16px;

        color: #666;

        line-height: 36px;

        word-wrap: break-word;

    }



    .safe-info .download-box {

        font-size: 16px;

        color: #333;

    }



    .safe-info .safe-info-tit,

    .safe-info hr {

        border-bottom: 1px solid #e7e7e7;

    }



    .safe-info .download-box a {

        display: inline-block;

        padding-left: 40px;

        background: url(../img/download_icon.png) no-repeat 10px center;

    }



    .safe-info .dl-box {

        overflow: hidden;

        padding: 10px;

    }



    .safe-info dl {

        float: left;

        width: 20%;

        height: 210px;

        position: relative;

    }



    .safe-info dl dt {

        color: #fff;

        padding-right: 20px;

        font-size: 26px;

        font-weight: bold;

        line-height: 60px;

        text-align: center;

    }



    .safe-info img {

        max-width: 100%;

    }



    .safe-info dl dt.icon {

        background: url(../img/shangbao_jiantou.png) no-repeat right center;

    }



    .safe-info dl dd {

        color: #4e8cee;

        font-size: 12px;

        max-width: 130px;

        margin: 0 auto;

        padding: 14px 0;

    }



    .safe-info dl span {

        width: 20px;

        height: 20px;

        position: absolute;

        right: -20px;

        top: 50%;

        transform: translate(0, -50%);

    }



    .safe-banner.flexslider {

        margin: 0;

        border: 0;

    }



    .safe-banner .flex-control-nav {

        bottom: 13px;

        z-index: 2

    }



    .safe-banner .flex-control-nav li {

        margin: 0 2px

    }



    .safe-banner .flex-control-nav li a {

        width: 12px;

        height: 12px;

        /*background: url(../img/btn01.png) no-repeat center;*/

        background-size: 100% 100%;

        transition: background .3s;

        box-shadow: none

    }



    .safe-banner .flex-control-paging li a.flex-active,

    .safe-banner .flex-control-paging li a:hover {

        /*background: url(../img/btn01_h.png) no-repeat center;*/

        background-size: 100% 100%;

        box-shadow: none

    }



    .safe-internet-nav {

        margin-bottom: 30px;

    }



    .safe-internet-nav .flexslider {

        margin: 0;

        border: 0;

        background: #f5f5f5;

    }



    .safe-info table td {

        border: 1px solid #000;

    }