.w1400 {        position: relative;        max-width: 1400px;        margin: 0 auto;        width: 92%    }    .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(../images/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(../images/btn01_h.png) no-repeat center;        background-size: 100% 100%;        box-shadow: none    }    .wel-case {        padding: 0px 0 0 0;        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: -84%;        left: 0;        width: 100%;        height: 100%;        z-index: 2;        display: block;        padding:18px 50px 0;        transition: bottom .3s;		background:rgba(0,0,0,0.13)    }    .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;        overflow:hidden; white-space:nowrap; text-overflow:ellipsis;    }    .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);        background: url(../images/wel02.png) no-repeat center    }    .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(../images/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(../images/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(fot04.png) no-repeat center    }    .footer-bot .bdsharebuttonbox a.bds_tqq {        background: url(fot05.png) no-repeat center    }    .footer-bot .bdsharebuttonbox a.bds_isohu {        background: url(fot06.png) no-repeat center    }    .footer-bot .bdsharebuttonbox a.bds_renren {        background: url(fot07.png) no-repeat center    }    .footer-bot .bdsharebuttonbox a.bds_qzone {        background: url(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(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(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(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(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(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(en01_h.png) no-repeat left center    }    header .enght:hover a.tit {        color: #d42719;        background: url(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(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(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(head09.png) no-repeat 8% center    }    header .nav-box .link-b.ico_2 {        background: url(head13.png) no-repeat 8% center    }    header .nav-box .link-b.ico_3 {        background: url(head07.png) no-repeat 8% center    }    header .nav-box .link-b.ico_4 {        background: url(head10.png) no-repeat 8% center    }    header .nav-box .link-b.ico_5 {        background: url(head14.png) no-repeat 8% center    }    header .nav-box .link-b.ico_6 {        background: url(head06.png) no-repeat 8% center    }    header .nav-box .link-b.ico_7 {        background: url(head16.png) no-repeat 8% center    }    header .nav-box .link-b.ico_8 {        background: url(head15.png) no-repeat 8% center    }    header .nav-box .link-b.ico_9 {        background: url(head08.png) no-repeat 8% center    }    header .nav-box .link-b.ico_10 {        background: url(head17.png) no-repeat 8% center    }    header .nav-box .link-b.ico_11 {        background: url(head18.png) no-repeat 8% center    }    header .nav-box .link-b.ico_12 {        background: url(head19.png) no-repeat 8% center    }    header .nav-box .link-b.ico_13 {        background: url(head20.png) no-repeat 8% center    }    header .nav-box .link-b.ico_14 {        background: url(head21.png) no-repeat 8% center    }    header .nav-box .link-b.ico_15 {        background: url(head22.png) no-repeat 8% center    }    header .nav-box .link-b.ico_16 {        background: url(head23.png) no-repeat 8% center    }    header .nav-box .link-b.ico_17 {        background: url(head24.png) no-repeat 8% center    }    header .nav-box .link-b.ico_18 {        background: url(head25.png) no-repeat 8% center    }    header .nav-box .link-b.ico_19 {        background: url(head26.png) no-repeat 8% center    }    header .nav-box .link-b.ico_20 {        background: url(head27.png) no-repeat 8% center    }    header .nav-box .link-b.ico_21 {        background: url(head28.png) no-repeat 8% center    }    header .nav-box .link-b.ico_22 {        background: url(head29.png) no-repeat 8% center    }    header .nav-box .link-b.ico_23 {        background: url(ico_23.png) no-repeat 8% center    }    header .nav-box .link-b.ico_24 {        background: url(ico_24.png) no-repeat 8% center    }    header .nav-box .link-b.cur {        color: #fff    }    header .nav-box .link-b.cur span {        background: url(head05.png) no-repeat right 8% center    }    header .nav-box .link-b.ico_1.cur {        background: #da2418 url(head06_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_2.cur {        background: #da2418 url(head07_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_3.cur {        background: #da2418 url(head08_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_4.cur {        background: #da2418 url(head09_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_5.cur {        background: #da2418 url(head10_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_6.cur {        background: #da2418 url(head13_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_7.cur {        background: #da2418 url(head14_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_8.cur {        background: #da2418 url(head15_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_9.cur {        background: #da2418 url(head16_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_10.cur {        background: #da2418 url(head17_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_11.cur {        background: #da2418 url(head18_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_11.cur {        background: #da2418 url(head18_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_12.cur {        background: #da2418 url(head19_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_13.cur {        background: #da2418 url(head20_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_14.cur {        background: #da2418 url(head21_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_15.cur {        background: #da2418 url(head22_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_16.cur {        background: #da2418 url(head23_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_17.cur {        background: #da2418 url(head24_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_18.cur {        background: #da2418 url(head25_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_19.cur {        background: #da2418 url(head26_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_20.cur {        background: #da2418 url(head27_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_21.cur {        background: #da2418 url(head28_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_22.cur {        background: #da2418 url(head29_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_23.cur {        background: #da2418 url(ico_23_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_24.cur {        background: #da2418 url(ico_24_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_1:hover {        background: #da2418 url(head09_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_2:hover {        background: #da2418 url(head13_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_3:hover {        background: #da2418 url(head07_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_4:hover {        background: #da2418 url(head10_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_5:hover {        background: #da2418 url(head14_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_6:hover {        background: #da2418 url(head06_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_7:hover {        background: #da2418 url(head16_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_8:hover {        background: #da2418 url(head15_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_9:hover {        background: #da2418 url(head08_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_10:hover {        background: #da2418 url(head17_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_11:hover {        background: #da2418 url(head18_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_12:hover {        background: #da2418 url(head19_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_13:hover {        background: #da2418 url(head20_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_14:hover {        background: #da2418 url(head21_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_15:hover {        background: #da2418 url(head22_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_16:hover {        background: #da2418 url(head23_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_17:hover {        background: #da2418 url(head24_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_18:hover {        background: #da2418 url(head25_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_19:hover {        background: #da2418 url(head26_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_20:hover {        background: #da2418 url(head27_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_21:hover {        background: #da2418 url(head28_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_22:hover {        background: #da2418 url(head29_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_23:hover {        background: #da2418 url(ico_23_h.png) no-repeat 8% center    }    header .nav-box .link-b.ico_24:hover {        background: #da2418 url(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(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(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(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    }    .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(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(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(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(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(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(pro03.png) no-repeat left center    }    .product-channel-list .ico02 {        background: url(pro04.png) no-repeat left center    }    .product-channel-list .ico03 {        background: url(pro05.png) no-repeat left center    }    .product-channel-list .ico04 {        background: url(pro10.png) no-repeat left center    }    .product-channel-list .ico05 {        background: url(pro09.png) no-repeat left center    }    .product-channel-list .ico06 {        background: url(pro08.png) no-repeat left center    }    .product-channel-list .ico07 {        background: url(pro07.png) no-repeat left center    }    .product-channel-list .ico08 {        background: url(pro06.png) no-repeat left center    }    .product-channel-list .ico09 {        background: url(pro11.png) no-repeat left center    }    .product-channel-list .ico010 {        background: url(a15.png) no-repeat left center    }    .product-channel-list .ico011 {        background: url(a16.png) no-repeat left center    }    .product-channel-list .ico012 {        background: url(a17.png) no-repeat left center    }    .product-channel-list .ico013 {        background: url(a18.png) no-repeat left center    }    .product-channel-list .ico014 {        background: url(a19.png) no-repeat left center    }    .product-channel-list .ico015 {        background: url(rfid.png) no-repeat left center    }    .product-channel-list .ico016 {        background: url(jia.png) no-repeat left center    }    .product-channel-list .ico017 {        background: url(chongdianzhuang.png) no-repeat left center    }    .product-channel-list .ico018 {        background: url(xiaofang.png) no-repeat left center    }    .product-channel-list .ico10 {        background: url(pro12.png) no-repeat left center    }    .product-channel-list .ico11 {        background: url(pro13.png) no-repeat left center    }    .product-channel-list .ico12 {        background: url(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(pro15_h.png) no-repeat 95% center    }    .product-channel-list li.out .pic {        color: #fff    }    .product-channel-list li.out .ico01 {        background: url(pro03_h.png) no-repeat left center    }    .product-channel-list li.out .ico02 {        background: url(pro04_h.png) no-repeat left center    }    .product-channel-list li.out .ico03 {        background: url(pro05_h.png) no-repeat left center    }    .product-channel-list li.out .ico04 {        background: url(pro06_h.png) no-repeat left center    }    .product-channel-list li.out .ico05 {        background: url(pro07_h.png) no-repeat left center    }    .product-channel-list li.out .ico06 {        background: url(pro08_h.png) no-repeat left center    }    .product-channel-list li.out .ico07 {        background: url(pro09_h.png) no-repeat left center    }    .product-channel-list li.out .ico08 {        background: url(pro10_h.png) no-repeat left center    }    .product-channel-list li.out .ico09 {        background: url(pro11_h.png) no-repeat left center    }    .product-channel-list li.out .ico010 {        background: url(a15_h.png) no-repeat left center    }    .product-channel-list li.out .ico011 {        background: url(a16_h.png) no-repeat left center    }    .product-channel-list li.out .ico012 {        background: url(a17_h.png) no-repeat left center    }    .product-channel-list li.out .ico013 {        background: url(a18_h.png) no-repeat left center    }    .product-channel-list li.out .ico014 {        background: url(a19_h.png) no-repeat left center    }    .product-channel-list li.out .ico015 {        background: url(rfid_h.png) no-repeat left center    }    .product-channel-list li.out .ico016 {        background: url(jia_h.png) no-repeat left center    }    .product-channel-list li.out .ico10 {        background: url(pro12_h.png) no-repeat left center    }    .product-channel-list li.out .ico11 {        background: url(pro13_h.png) no-repeat left center    }    .product-channel-list li.out .ico12 {        background: url(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(pro30.png) no-repeat center;        transition: background .3s    }    .product-info-b .return-b:hover {        background: #d9271b url(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(ser19.png) no-repeat 97% center;        margin-bottom: 19px    }    .download-channel .tit p {        padding-left: 51px    }    .download-channel .ico_1 p {        background: url(ser15.png) no-repeat left center    }    .download-channel .ico_2 p {        background: url(ser16.png) no-repeat left center    }    .download-channel .ico_3 p {        background: url(ser17.png) no-repeat left center    }    .download-channel .ico_4 p {        background: url(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(pro15.png) no-repeat left center;        font-size: 18px;        color: #333;        transition: background .3s    }    .download-channel .con-tit.on {        background: url(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(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(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(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(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(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(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(ser28.png) no-repeat center    }    .sign-bot .box span.name.on {        background: url(en03.png) no-repeat center    }    .sign-bot .box span.ma {        background: url(ser30.png) no-repeat center    }    .sign-bot .box span.tel {        background: url(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(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(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(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(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(ser39.png) no-repeat 22% center    }    .repair-search .box span.pw {        background: url(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(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(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(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(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(ser45.png) no-repeat 6% 17px;        margin-bottom: 8px    }    .case-info-box.internet-info .ico02 {        background: #fff url(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(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(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(ser48_h.png) no-repeat 97% center    }    .service_case li.cur .tit p {        background: url(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(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(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(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(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(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(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(ser60.png) no-repeat center    }    .supervise i.ico02 {        background: url(ser61.png) no-repeat center    }    .supervise i.ico03 {        background: url(ser62.png) no-repeat center    }    .supervise i.ico04 {        background: url(ser63.png) no-repeat center    }    .supervise i.ico05 {        background: url(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(ser60_h.png) no-repeat center    }    .supervise a:hover i.ico02 {        background: url(ser61_h.png) no-repeat center    }    .supervise a:hover i.ico03 {        background: url(ser62_h.png) no-repeat center    }    .supervise a:hover i.ico04 {        background: url(ser63_h.png) no-repeat center    }    .supervise a:hover i.ico05 {        background: url(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(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(su03.png) no-repeat left center    }    .supplier-notice-list li:nth-child(2) span {        background: url(su04.png) no-repeat left center    }    .supplier-notice-list li:last-child span {        background: url(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(su03_h.png) no-repeat left center    }    .supplier-notice-list li:nth-child(2).cur span {        background: url(su04_h.png) no-repeat left center    }    .supplier-notice-list li:last-child.cur span {        background: url(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(ab21.png) no-repeat center    }    .company-center .flex-control-paging li a:hover,    .company-center .flex-control-paging li a.flex-active {        background: url(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(ab18.png) no-repeat center;        background-size: 100%    }    .company-center .flex-direction-nav a.flex-next {        right: 0;        background: url(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(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(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(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(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(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(ab38.png) no-repeat 95% center    }    .join-box .submit {        width: 8%;        float: right;        height: 57px;        line-height: 57px;        background: #de241b url(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(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(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    }    .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(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(a21.png) no-repeat left center    }    .map-hbox .right span.ico02 {        background: url(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(a21_h.png) no-repeat left center    }    .map-hbox .right li.cur span.ico02 {        background: url(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(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(a24.png) no-repeat center    }    .right-flex li .ico.ico02 {        background: url(a25.png) no-repeat center    }    .right-flex li .ico.ico03 {        background: url(a26.png) no-repeat center    }    .right-flex li .ico.ico04 {        background: url(a27.png) no-repeat center    }    .right-flex li .ico.ico05 {        background: url(a28.png) no-repeat center    }    .right-flex li .ico.ico06 {        background: url(a29.png) no-repeat center    }    .right-flex li .ico.ico07 {        background: url(a30.png) no-repeat center    }    .right-flex li .ico.ico08 {        background: url(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    }    .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/a32.png) no-repeat center;        left: -121px    }    .wel-case-list .flex-direction-nav .flex-next {        background: url(../images/a33.png) no-repeat center;        right: -121px    }	@media(max-width:1440px){	 .wel-case-list .flex-direction-nav .flex-prev {        background:url(../images/a32.png) no-repeat center;        left: 0px    }    .wel-case-list .flex-direction-nav .flex-next {        background: url(../images/a33.png) no-repeat center;        right: 0px    }		}    .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(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(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    }    .clearfix {        z-index: 1;        position: relative;        padding-bottom: 60px    }    .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(cur01.png) no-repeat center;        opacity: 1;        cursor: pointer    }    .product-contrast .flex-direction-nav .flex-prev {        background: url(cur02.png) no-repeat center;        right: 3.5%    }    .product-contrast .flex-direction-nav .flex-next {        background: url(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(tra01.jpg) no-repeat left center;        transition: background .3s    }    .contrast-box .inequality.on,    .contrast-box .identical.on {        background: url(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(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(cur02_h.png) no-repeat center;        left: 5px    }    .recommend .flex-direction-nav .flex-next {        background: url(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(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(rm03.png) no-repeat left 3px    }    .repair-map-list li p.add {        background: url(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%    }