html {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased
}
body {
    min-width:1260px;
    position:relative;
    background-color:#fff
}
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre {
    margin:0;
    padding:0;
    border:0;
    background-repeat:no-repeat
}
h1, h2, h3, h4, h5, h6, p {
    margin:0;
    padding:0;
    font-weight:normal
}
h1 {
    font-size:2em
}
body, button, input, select, textarea {
    font-size:16px;
    line-height:30px;
    color:#333;
    font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif
}
img {
    border-style:none;
    vertical-align:middle
}
ul, li {
    list-style:none
}
a {
    text-decoration:none;
    color:#333;
    outline:0
}
a:hover {
    background-repeat:no-repeat
}
a, area {
    blr:expression(this.onFocus=this.blur())
}
.color-white{
    color:#fff;
}
input, button, select, textarea {
    outline:none;
    border:none;
    margin:0;
    padding:0;
    resize:none;
    background:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
label {
    cursor:pointer
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-0.25em
}
sup {
    top:-0.5em
}
.bold{
    font-weight: bold;
}
/*颜色*/
.red{
    color:#d80000;
}


/*网建响应式*/


placeholder {
    color:#999
}
::-moz-placeholder {
    color:#999
}
::-webkit-input-placeholder {
    color:#999
}
button, input {
    overflow:visible
}
button, select {
    text-transform:none
}
input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style:none;
    padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline:1px dotted ButtonText
}
.web {
    width:1180px;
    margin:0 auto;
    position:relative;
    z-index:1
}
.weblg {
    max-width:1600px;
    margin:0 auto;
    position:relative;
    z-index:1
}

.weblg-con{
    height: 55px;
    /*width:300px;*/
    float:left;
    margin-left: 5px;
}
.weblg-year{
    font-size: 12px;
    color:#fff;
    margin-top: 8px;
    margin-bottom: 5px;
    width:38px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    background-color: #d80000;
}
.weblg-text{
    font-size: 14px;
    line-height: .8em;
    color:#fff;
}

.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
    *display:none
}
.clearfix {
    *zoom:1
}
.clear {
    clear:both;
    line-height:0;
    height:0;
    font-size:0
}
.show {
    display:block !important
}
.hide {
    display:none !important
}
@media (max-width: 1720px) {
    .weblg {
        max-width:1400px
    }
}@media (max-width: 1600px) {
    .weblg {
        max-width:1320px
    }
}@media (max-width: 1400px) {
    .weblg {
        max-width:1200px
    }
}.w-lg .weblg {
     max-width:1400px
 }
.w-md .weblg {
    max-width:1320px
}
.w-sm .weblg {
    max-width:1200px
}
.placeholder {
    color:#999
}
.animated {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration:.75s;
    -moz-animation-duration:.75s;
    -o-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}@-moz-keyframes fadeInUp {
     0% {
         opacity:0;
         -webkit-transform:translate3d(0, 100%, 0);
         -moz-transform:translate3d(0, 100%, 0);
         transform:translate3d(0, 100%, 0)
     }
     to {
         opacity:1;
         -webkit-transform:none;
         -moz-transform:none;
         transform:none
     }
 }@-o-keyframes fadeInUp {
      0% {
          opacity:0;
          -webkit-transform:translate3d(0, 100%, 0);
          transform:translate3d(0, 100%, 0)
      }
      to {
          opacity:1;
          -webkit-transform:none;
          -o-transform:none;
          transform:none
      }
  }@keyframes fadeInUp {
       0% {
           opacity:0;
           -webkit-transform:translate3d(0, 100%, 0);
           -moz-transform:translate3d(0, 100%, 0);
           transform:translate3d(0, 100%, 0)
       }
       to {
           opacity:1;
           -webkit-transform:none;
           -moz-transform:none;
           -o-transform:none;
           transform:none
       }
   }.fadeInUp {
        -webkit-animation-name:fadeInUp;
        -moz-animation-name:fadeInUp;
        -o-animation-name:fadeInUp;
        animation-name:fadeInUp
    }
@-webkit-keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity:1
    }
}@-moz-keyframes zoomInUp {
     0% {
         opacity:0;
         -moz-transform:scale3d(0.3, 0.3, 0.3);
         transform:scale3d(0.3, 0.3, 0.3)
     }
     50% {
         opacity:1
     }
 }@-o-keyframes zoomInUp {
      0% {
          opacity:0;
          transform:scale3d(0.3, 0.3, 0.3)
      }
      50% {
          opacity:1
      }
  }@keyframes zoomInUp {
       0% {
           opacity:0;
           -webkit-transform:scale3d(0.3, 0.3, 0.3);
           -moz-transform:scale3d(0.3, 0.3, 0.3);
           transform:scale3d(0.3, 0.3, 0.3)
       }
       50% {
           opacity:1
       }
   }.zoomInUp {
        -webkit-animation-name:zoomInUp;
        -moz-animation-name:zoomInUp;
        -o-animation-name:zoomInUp;
        animation-name:zoomInUp
    }
.zoomInUp {
    -webkit-animation-name:zoomInUp;
    -moz-animation-name:zoomInUp;
    -o-animation-name:zoomInUp;
    animation-name:zoomInUp
}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px, 0, 0);
    -webkit-transition-timing-function:ease;
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px, 0, 0);
    -moz-transition-timing-function:ease;
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px, 0, 0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px, 0px);
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px, 0, 0);
    -ms-transition-timing-function:ease;
    -webkit-transition-property:left, top, -webkit-transform;
    transition-property:left, top, -webkit-transform;
    -o-transition-property:left, top, -o-transform;
    -moz-transition-property:transform, left, top, -moz-transform;
    transition-property:transform, left, top;
    transition-property:transform, left, top, -webkit-transform, -moz-transform, -o-transform;
    transition-duration:0s;
    transform:translate3d(0px, 0, 0);
    transition-timing-function:ease;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide {
    float:left;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x
}
.header {
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    width:100%;
    min-width:1260px;
    height:66px;
    padding-top:24px;
    -webkit-transition:background ease .3s;
    -o-transition:background ease .3s;
    -moz-transition:background ease .3s;
    transition:background ease .3s
}
.header .weblg {
    position:static
}
.header .logo {
    display:block;
    float:left;
    margin-top:-2px
}
.header .edit-handle {
    margin:0 0 0 34px;
    float:right;
    width:22px;
    height:44px;
    background:url("../images/hdedit.png") no-repeat center
}
.header .head-search {
    position:relative;
    float:right
}
.header .search-handle {
    margin:0 0 0 19px;
    display:block;
    width:21px;
    height:44px;
    background:url("../images/search-handle.png") no-repeat center
}
.header .search-form {
    display:none;
    position:absolute;
    right:-75px;
    width:247px;
    height:65px;
    padding-top:20px;
    z-index:50;
    background:url(../images/index_348.png) no-repeat 0 0
}
.header .search-form input {
    display:block;
    width:100%;
    font-size:14px;
    line-height:16px;
    height:16px;
    color:#333
}
.header .search-form .key {
    float:left;
    width:201px;
    padding:12px 0
}
.header .search-form .key input {
    padding-left:15px
}
.header .search-form .search {
    float:left;
    width:40px;
    padding:12px 0;
    background:url(../images/index_349.png) no-repeat center
}
.header .search-form .search input {
    font-size:0;
    cursor:pointer
}
.unflodheader {
    background:url("../images/hdbg.png") repeat 0 0
}
.fixheader {
    position:fixed;
    top:-60px;
    height:51px;
    padding-top:8px;
    padding-bottom:1px;
    background:url("../images/hdbg.png") repeat 0 0
}
.fixheader .logo img {
    height:46px
}
.fixheader .nav .title {
    padding-bottom:0
}
.fixheader .nav .title a {
    padding-bottom:5px
}
.fixheader #case .downmenu {
    top:60px
}
.fixheader .nav .title a {
    padding-bottom:0
}
.fixheader .nav .title.ac a, .fixheader .nav .title.cur a {
    padding-bottom:6px
}
.fixheader .full-dropdown {
    top:60px
}
.nav {
    float:right
}
.nav li {
    float:left;
    padding:0 20px 0
}
.nav .title a {
    display:block;
    font-size:16px;
    line-height:44px;
    padding:0 4px 22px;
    color:#fff
}
.nav .title a:hover {
    color:#d90000;
    border-bottom:2px solid #d90000
}
.nav .title.ac a, .nav .title.cur a {
    color:#d90000;
    padding-bottom:20px;
    border-bottom:2px solid #d90000
}
.nav .downmenu {
    display:none;
    position:absolute;
    top:52px;
    left:50%;
    z-index:50;
    width:150px;
    margin-left:-75px;
    padding:10px 0px;
    border:1px solid #eee;
    background-color:#fff
}
.nav .downmenu a {
    display:block;
    padding:5px 0;
    text-align:center;
    color:#333
}
.nav .downmenu a:hover {
    color:#d90000
}
.nav .activehook {
    position:absolute;
    bottom:0;
    height:2px
}
.nav .activehook i {
    display:block;
    height:2px;
    background-color:#d90000
}
.m-nav-cate {
    overflow:hidden;
    zoom:1;
    font-size:16px;
    line-height:45px
}
.m-nav-cate img {
    float:left;
    margin-right:20px
}
.m-navlist {
    float:left
}
.m-navlist li {
    float:none;
    padding:0
}
.m-navlist a {
    display:block;
    font-size:14px;
    line-height:36px;
    color:#888888
}
.m-navlist a:hover {
    color:#d90000
}
.full-dropdown {
    display:none;
    position:absolute;
    left:0;
    top:90px;
    width:100%;
    z-index:50;
    background-color:#fff;
    -webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.2);
    box-shadow:0 0 3px 1px rgba(0,0,0,0.2);
    border-bottom:1px solid #d9d9d9 \9
}
.full-dropdown .nav-web {
    width:1200px;
    margin:0 auto;
    height:275px
}
.full-dropdown .column {
    position:relative;
    float:left;
    width:30%;
    height:251px;
    padding-top:24px;
    background:url("../images/columnbg.png") no-repeat right 0
}
.full-dropdown .column .navbg {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    width:500%;
    height:100%;
    background-color:#f2f2f2
}
.full-dropdown .column .ico {
    height:132px;
    line-height:132px
}
.full-dropdown .column .ico img {
    vertical-align:middle
}
.full-dropdown .column .cn {
    font-size:18px;
    line-height:36px;
    font-weight:bold;
    color:#333
}
.full-dropdown .column .en {
    font-size:30px;
    line-height:36px;
    font-weight:bold;
    color:#ccc
}
.full-dropdown .subnav {
    float:left;
    width:70%
}
.case-nav-wraper .item {
    float:left;
    width:43%;
    padding:25px 0 0 7%
}
.case-nav-wraper .item .m-nav-cate {
    margin-bottom:9px
}
.case-nav-wraper .cate-navlist .m-navlist {
    width:50%
}
.solution-nav-wrapper .solution-nav {
    padding-top:34px
}
.solution-nav-wrapper ul {
    padding-left:60px
}
.solution-nav-wrapper li {
    float:left;
    width:25%;
    padding:0
}
.solution-nav-wrapper li a {
    display:block;
    font-size:16px;
    line-height:50px;
    color:#333;
    padding-left:12px;
    background:url("../images/colsolline.png") no-repeat 0 center
}
.solution-nav-wrapper li a:hover {
    font-weight:bold;
    color:#d90000;
    background-image:url("../images/colsollineac.png")
}
.m-ico-links {
    float:left;
    width:45.4%;
    padding-top:25px;
    padding-left:4.6%
}
.m-ico-links a {
    display:block;
    font-size:0;
    line-height:45px;
    margin-bottom:16px
}
.m-ico-links a:hover {
    color:#d90000
}
.m-ico-links img {
    margin-right:20px
}
.m-ico-links span {
    font-size:16px;
    vertical-align:middle
}
.app-nav-wrapper .app-solution {
    float:left;
    height:250px;
    padding-left:72px;
    padding-top:25px;
    border-left:1px dashed #d2d2d2
}
.app-nav-wrapper .app-solution .m-nav-cate {
    margin-bottom:9px
}
.app-nav-wrapper .m-navlist {
    float:left;
    width:160px
}
.news-nav-wrapper, .wechat-nav-wrapper {
    overflow:hidden
}
.news-nav-wrapper ul, .wechat-nav-wrapper ul {
    padding-top:65px;
    margin-left:-46px;
    margin-right:-46px
}
.news-nav-wrapper li, .wechat-nav-wrapper li {
    float:left;
    width:25%;
    padding:0;
    text-align:center;
    font-size:16px;
    line-height:60px;
    font-weight:bold
}
.news-nav-wrapper li:hover a, .wechat-nav-wrapper li:hover a {
    color:#d90000
}
.news-nav-wrapper .ico, .wechat-nav-wrapper .ico {
    margin-bottom:6px
}
.news-nav-wrapper .ico img, .wechat-nav-wrapper .ico img {
    width:100px;
    height:100px
}
.news-nav-wrapper h3, .wechat-nav-wrapper h3 {
    font-weight:bold;
    font-size:16px
}
.news-nav-wrapper h3 a, .wechat-nav-wrapper h3 a {
    color:#333
}
.news-nav-wrapper li {
    width:16.66667%
}
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash {
    width:44.5%;
    border-left:1px dashed #d2d2d2;
    height:250px
}
.site-nav-wrapper .m-ico-links {
    width:29.7%;
    padding-left:3.5%
}
.about-nav-wrapper dl {
    float:left;
    width:318px;
    padding:24px 40px 0;
    height:251px
}
.about-nav-wrapper dl dt {
    margin-bottom:15px;
    padding-bottom:16px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    border-bottom:1px solid #d9d9d9
}
.about-nav-wrapper dl a {
    display:block;
    font-size:16px;
    line-height:36px;
    color:#666;
    padding-left:12px;
    background:url("../images/colsolline.png") no-repeat 0 center
}
.about-nav-wrapper dl a:hover {
    font-weight:bold;
    color:#d90000;
    background-image:url("../images/colsollineac.png")
}
.about-nav-wrapper .know {
    background:url("../images/navknow.png") no-repeat 246px 173px
}
.about-nav-wrapper .customer {
    border-left:1px solid #d9d9d9;
    background:url("../images/navcus.png") no-repeat 243px 168px
}
.contact-nav-wrapper dl {
    float:left;
    position:relative;
    width:305px;
    height:192px;
    padding:83px 40px 0 54px;
    overflow:hidden;
    zoom:1
}
.contact-nav-wrapper dl .ico {
    float:right;
    width:100px
}
.contact-nav-wrapper dl dt {
    font-size:16px;
    line-height:60px;
    color:#333;
    font-weight:bold
}
.contact-nav-wrapper dl dt a:hover {
    color:#d90000
}
.contact-nav-wrapper dl dd {
    font-size:14px;
    line-height:18px;
    color:#888
}
.contact-nav-wrapper dl dd a {
    color:#888
}
.contact-nav-wrapper dl .ico a {
    display:block
}
.contact-nav-wrapper .hr {
    border-left:1px dashed #d9d9d9
}
#case {
    position:static
}
#case .downmenu {
    top:76px;
    left:0;
    margin-left:0;
    width:100%
}
#case dl {
    width:1180px;
    padding:15px 0px 8px
}
#case dt {
    float:left;
    width:680px
}
#case dt a {
    display:block;
    float:left;
    margin-right:45px
}
#case dt img {
    display:block
}
#case dd {
    float:right;
    width:445px;
    margin-right:50px
}
#case dd p {
    padding:10px 0px;
    border-bottom:solid 1px #d9d9d9
}
#case dd a {
    width:200px;
    float:left;
    text-align:left
}
#solution .downmenu {
    width:576px;
    margin-left:-288px;
    padding:0 0 20px 0
}
#solution .downmenu div {
    float:left;
    width:180px;
    height:295px;
    padding:30px 0 20px;
    text-align:left;
    overflow:hidden
}
#solution .downmenu p {
    border-left:solid 1px #e7e7e7;
    margin-left:15px
}
#solution .downmenu a {
    text-align:left;
    padding-left:20px
}
#solution .col-one p {
    margin-left:0
}
#solution .col-thr {
    padding-right:16px
}
.cooperation-box {
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:101;
    width:100%;
    background:#fff;
    -webkit-box-shadow:0 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow:0 2px 3px 1px rgba(0,0,0,0.2)
}
.cooperation-box .cooperation {
    position:relative;
    width:1110px;
    margin:auto;
    padding:35px 0px
}
.cooperation-box .cooperation-close {
    position:absolute;
    right:-70px;
    top:20px;
    z-index:3;
    width:40px;
    height:40px;
    background:url(../images/index_09.png) no-repeat center
}
.cooperation-iframe {
    width:1100px
}
.cooperation-left {
    float:left;
    width:450px;
    color:#212121
}
.cooperation-left a {
    color:#212121
}
.cooperation-left h3 {
    font-size:40px;
    line-height:42px;
    color:#e60012;
    padding-bottom:25px
}
.cooperation-left h4 {
    font-size:45px;
    line-height:48px;
    border-bottom:1px solid #ccc;
    padding-bottom:35px
}
.cooperation-left h5 {
    font-size:18px;
    line-height:26px;
    padding-bottom:20px
}
.cooperation-left p {
    font-size:13px
}
.cooperation-left .coopb {
    font-size:13px;
    padding:35px 0px
}
.cooperation-right {
    float:right;
    width:498px
}
.cooperation-right h3 {
    font-size:24px;
    line-height:30px;
    padding-bottom:10px
}
.cooperation-right .baseinfo li {
    margin-bottom:8px
}
.cooperation-right .baseinfo label {
    display:block;
    padding:6px 10px;
    height:24px;
    overflow:hidden;
    background:#f6f6f6;
    border:1px solid #d9d9d9
}
.cooperation-right .baseinfo input {
    display:block;
    width:100%;
    font-size:15px;
    line-height:24px;
    height:24px;
    color:#999
}
.cooperation-right .baseinfo .name {
    float:left;
    width:220px
}
.cooperation-right .baseinfo .tel {
    float:right;
    width:220px
}
.cooperation-right .type-label {
    padding-top:6px;
    font-size:24px;
    line-height:30px
}
.cooperation-right .type-label span {
    display:block;
    font-size:30px;
    line-height:40px
}
.cooperation-right .project-type dd {
    float:left;
    position:relative;
    width:119px;
    height:63px;
    padding:5px 5px 5px 0;
    cursor:pointer
}
.cooperation-right .project-type input {
    display:none
}
.cooperation-right .project-type .checked {
    position:absolute;
    right:-1px;
    bottom:-1px;
    z-index:3;
    width:17px;
    height:17px;
    background-repeat:no-repeat;
    background-position:center
}
.cooperation-right .project-type label {
    position:relative;
    display:block;
    width:118px;
    height:67px;
    cursor:pointer;
    border:1px solid #d9d9d9;
    background-color:#f6f6f6;
    text-align:center;
    border:1px solid #f6f6f6
}
.cooperation-right .project-type label.cur {
    border-color:#e81727
}
.cooperation-right .project-type label.cur .checked {
    background-image:url(../images/zdshzimg01.jpg)
}
.cooperation-right .project-type span {
    display:block;
    padding-top:15px;
    font-size:14px;
    line-height:18px
}
.cooperation-right .budget-title {
    font-size:16px;
    font-weight:bold;
    padding:8px 0px 5px
}
.cooperation-right .budget label {
    float:left;
    font-size:14px;
    line-height:26px;
    margin-right:12px
}
.cooperation-right .budget input {
    margin:6px 3px 0 0;
    padding:0;
    width:14px;
    height:14px;
    vertical-align:top
}
.cooperation-right .verification {
    padding-top:20px
}
.cooperation-right .verification label {
    float:left;
    display:block;
    width:220px;
    padding:6px 10px;
    margin-right:20px;
    height:24px;
    overflow:hidden;
    background:#f6f6f6;
    border:1px solid #d9d9d9
}
.cooperation-right .verification input {
    display:block;
    line-height:24px;
    height:24px;
    width:100%;
    background:none;
    outline:none;
    font-size:15px;
    color:#999
}
.cooperation-right .verification img {
    float:left
}
.cooperation-right .sub {
    padding-top:15px
}
.cooperation-right .sub input {
    width:100%;
    padding:10px 0px;
    border:2px solid #e81727;
    font-size:20px;
    font-weight:bold;
    color:#e81727;
    cursor:pointer;
    background:none;
    outline:none
}
.inside-banner {
    position:relative;
    overflow:hidden
}
.inside-banner img {
    display:block;
    width:100%
}
.inside-banner .ban-info {
    position:absolute;
    left:0;
    top:43.33333%;
    z-index:10;
    width:100%;
    text-align:center;
    color:#fff
}
.inside-banner .ban-info h2 {
    margin-bottom:10px;
    font-size:50px;
    line-height:66px
}
.inside-banner .ban-info p {
    font-size:20px;
    line-height:30px
}
.inside-banner .case-ban-info {
    position:absolute;
    left:0;
    top:28.5%;
    z-index:10;
    width:100%;
    text-align:center;
    color:#fff
}
.inside-banner .case-ban-info h2 {
    font-size:54px;
    line-height:64px
}
.inside-banner .case-ban-info .case-desc {
    margin-bottom:25px;
    font-size:24px;
    line-height:42px
}
.inside-banner .feature .item {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    padding:0 57px
}
.inside-banner .feature .center {
    position:relative
}
.inside-banner .feature .center span {
    position:absolute;
    top:10px;
    bottom:16px;
    width:1px;
    background:url("../images/bk2p.png") repeat-y 0 0
}
.inside-banner .feature .center .before {
    left:0
}
.inside-banner .feature .center .after {
    right:0
}
.inside-banner .feature h3 {
    font-size:18px;
    line-height:38px;
    text-align:left
}
.inside-banner .feature h4 {
    font-size:90px;
    line-height:104px
}
.inside-nav {
    padding:37px 0 42px;
    overflow:hidden
}
.inside-nav ul {
    position:relative;
    margin-left:-30px
}
.inside-nav li {
    float:left;
    padding:0 20px 0 30px;
    background:url("../images/navline.png") no-repeat 0 center
}
.inside-nav .cur a {
    color:#d90000;
    border-bottom-color:#d90000
}
.inside-nav a {
    display:block;
    font-size:16px;
    line-height:42px;
    color:#1a1a1a;
    border-bottom:2px solid #fff
}
.inside-nav a:hover {
    color:#d90000;
    border-bottom-color:#d90000
}
.inside-nav .activehook {
    position:absolute;
    bottom:0;
    width:100%;
    height:2px;
    background:none
}
.inside-nav .activehook i {
    display:block;
    width:100%;
    height:2px;
    background:#d90000
}
.m-line-more {
    position:relative;
    display:block;
    width:133px;
    height:33px;
    font-size:14px;
    line-height:33px;
    text-align:center;
    color:#999;
    border:1px solid #999;
    text-transform:uppercase
}
.m-line-more::after {
    content:'';
    position:absolute;
    top:50%;
    left:-41px;
    z-index:3;
    width:80px;
    height:1px;
    background-color:#999
}
.m-line-more.two-line {
    margin:18px auto 0
}
.m-line-more.two-line::before {
    content:'';
    position:absolute;
    top:50%;
    right:-41px;
    z-index:3;
    width:80px;
    height:1px;
    background-color:#999
}
.m-line-more:hover {
    color:#d80000;
    border-color:#d80000
}
.m-line-more:hover::before, .m-line-more:hover::after {
    background-color:#d80000
}
.customer-article {
    padding-top:60px;
    text-align:center;
    font-size:16px;
    line-height:30px;
    color:#333
}
.customer-article .title {
    margin-bottom:23px;
    font-size:36px;
    line-height:50px;
    font-weight:bold
}
.customer-article .text {
    padding:0 8.3125% 60px
}
.customer-container {
    margin-bottom:83px
}
.customer-container li img {
    display:block;
    width:100%
}
.customer-container .bx-pager, .customer-container .flex-control-nav {
    display:none
}
.customer-container .bx-wrapper .bx-controls-direction a {
    display:block;
    width:40px;
    height:78px;
    background-position:center;
    background-repeat:no-repeat;
    margin-top:-39px
}
.customer-container .bx-wrapper .bx-controls-direction .bx-prev {
    left:25px;
    background-image:url("../images/cusprev.png")
}
.customer-container .bx-wrapper .bx-controls-direction .bx-next {
    right:25px;
    background-image:url("../images/cusnext.png")
}
.customer-container .flex-direction-nav {
    position:absolute;
    top:0;
    width:100%;
    top:50%;
    z-index:20
}
.customer-container .flex-direction-nav a {
    font-size:0;
    display:block;
    width:40px;
    height:78px;
    background-position:center;
    background-repeat:no-repeat;
    opacity:1
}
.customer-container .flex-direction-nav .flex-prev {
    left:25px;
    background-image:url("../images/cusprev.png")
}
.customer-container .flex-direction-nav .flex-next {
    right:25px;
    background-image:url("../images/cusnext.png")
}
.evaluate-wrapper {
    padding-top:60px
}
.evaluate-wrapper ul {
    margin:0 -40px;
    font-size:0
}
.evaluate-wrapper li {
    width:33.3333%;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1
}
.evaluate-wrapper .item {
    padding:0 40px;
    min-height:410px;
    background:url("../images/quot.png") no-repeat 42px 46px
}
.evaluate-wrapper .brand {
    margin-bottom:22px;
    border-top:1px solid #d9d9d9;
    height:86px;
    padding:42px 0 0 92px;
    line-height:86px
}
.evaluate-wrapper .brand img {
    vertical-align:middle;
    width:auto;
    max-height:86px
}
.evaluate-wrapper .name {
    margin-bottom:25px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a;
    padding-left:92px
}
.evaluate-wrapper .desc {
    padding:0 0 30px 92px;
    font-size:14px;
    line-height:24px;
    color:#666
}
.loadmore {
    display:block;
    width:476px;
    height:46px;
    margin:55px auto 90px;
    font-size:16px;
    line-height:46px;
    font-weight:bold;
    color:#d93f3d;
    text-align:center;
    border:2px solid #d93f3d;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.loadmore:hover {
    background-color:#d93f3d;
    color:#fff
}
.full-case-cate {
    background-color:#f2f2f2
}
.full-case-cate .website, .full-case-cate .shop {
    background-color:#ededed
}
.full-case-cate .item {
    float:left;
    width:25%;
    height:201px;
    padding:28px 0 31px;
    background-position:90% 77.77778%;
    background-repeat:no-repeat
}
.full-case-cate .app {
    background-image:url("../images/caseico01.png")
}
.full-case-cate .website {
    background-image:url("../images/caseico02.png")
}
.full-case-cate .wxsm {
    background-image:url("../images/caseico03.png")
}
.full-case-cate .shop {
    background-image:url("../images/caseico04.png")
}
.full-case-cate .title {
    padding-left:74px;
    margin-bottom:12px;
    font-size:20px;
    line-height:32px;
    font-weight:bold;
    color:#1a1a1a
}
.full-case-cate .title:hover {
    color:#d93f3d
}
.full-case-cate .sublist {
    padding-left:74px
}
.full-case-cate .sublist a {
    display:block;
    font-size:16px;
    line-height:32px;
    color:#666
}
.full-case-cate .sublist a:hover {
    color:#d93f3d
}
.case-filter {
    position:relative;
    z-index:3;
    margin-bottom:69px;
    background-color:#f2f2f2
}
.case-filter .options {
    float:left
}
.case-filter .options select {
    display:block;
    width:100%;
    height:44px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-left:17px;
    line-height:40px;
    background:none
}
.case-filter .options select option {
    color:#666
}
.case-filter .options {
    width:75%
}
.case-filter .selector {
    position:relative;
    float:left;
    width:33%;
    border-right:1px solid #e6e6e6
}
.case-filter .selector a {
    font-size:16px;
    color:#333
}
.case-filter .selector.ac .sec-title, .case-filter .selector.cur .sec-title {
    background-color:#d90000;
    color:#fff
}
.case-filter .selector.ac .sec, .case-filter .selector.cur .sec {
    background-image:url("../images/secless.png")
}
.case-filter .sec-title {
    display:block;
    padding-left:68px;
    line-height:80px
}
.case-filter .sec {
    background:url("../images/secadd.png") no-repeat 95.16% center
}
.case-filter .all {
    background:none
}
.case-filter .sec-option {
    display:none;
    position:absolute;
    left:0;
    top:80px;
    width:100%;
    background-color:#f2f2f2;
    max-height:240px;
    overflow-y:auto
}
.case-filter .sec-option a {
    display:block;
    padding-left:68px;
    line-height:60px
}
.case-filter .sec-option a:hover {
    color:#fff;
    background-color:#d90000
}
.case-filter .edit {
    float:right;
    width:25%;
    height:80px;
    text-align:center
}
.case-filter .edit span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:16px;
    line-height:80px;
    color:#d90000;
    padding-left:44px;
    background:url("../images/editbkac.png") no-repeat 0 44.9%
}
.m-case-select {
    position:relative;
    z-index:10
}
.m-case-select .selected {
    display:block;
    height:44px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-left:17px;
    line-height:40px;
    background:none;
    background-repeat:no-repeat;
    background-position:228px center;
    background-image:url("../images/secico.png");
    cursor:pointer
}
.m-case-select .selected.cur, .m-case-select .selected:hover {
    background-color:#d90000;
    background-image:url("../images/secicoac.png");
    color:#fff
}
.m-case-select .selected.cur select, .m-case-select .selected:hover select {
    color:#fff
}
.m-case-select .m-options {
    display:none;
    position:absolute;
    left:0;
    top:44px;
    z-index:10;
    width:100%;
    color:#666;
    padding:15px 0;
    background-color:#ededed;
    max-height:318px;
    overflow:auto
}
.m-case-select .m-options a {
    display:block;
    font-size:16px;
    line-height:36px;
    padding-left:17px
}
.m-case-select .m-options a:hover {
    color:#d90000
}
.cate-wrapper {
    overflow:hidden
}
.cate-wrapper ul {
    margin:0 -17px;
    font-size:0
}
.cate-wrapper li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:33.3333%;
    margin-bottom:45px
}
.cate-wrapper .item {
    padding:0 17px
}
.cate-wrapper .item img {
    display:block;
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.cate-wrapper .item .well-case, .cate-wrapper .item a {
    display:block
}
.cate-wrapper .item .well-case:hover img, .cate-wrapper .item a:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.cate-wrapper .item .well-case:hover .name, .cate-wrapper .item a:hover .name {
    color:#d93f3d
}
.cate-wrapper .thumb {
    position:relative;
    overflow:hidden;
    margin-bottom:23px
}
.cate-wrapper .thumb .ratio {
    display:block;
    width:100%;
    padding-bottom:62.96296%
}
.cate-wrapper .thumb img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-height:100%
}
.cate-wrapper .name {
    font-size:16px;
    line-height:32px;
    font-weight:bold;
    color:#1a1a1a
}
.cate-wrapper .desc {
    margin-bottom:10px;
    font-size:14px;
    color:#999;
    display:-webkit-box;
    height:72px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.cate-wrapper .cate {
    font-size:14px;
    line-height:14px;
    color:#999;
    border-left:4px solid #d90000
}
.cate-wrapper .cate a {
    display:inline;
    color:#999;
    padding:0 0.5em
}
.cate-wrapper .cate a:hover {
    color:#d90000
}
.cate-wrapper .cate .dot {
    font-size:18px;
    line-height:14px
}
.cate-wrapper .loadmore {
    margin-top:38px
}
.cate-wrapper .well-case .thumb {
    position:relative
}
.cate-wrapper .well-case .well-site {
    display:none;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#d90000
}
.cate-wrapper .well-case ul {
    margin:0;
    padding:55px 40px;
    display:block
}
.cate-wrapper .well-case ul a {
    display:block;
    color:#fff;
    font-size:14px;
    line-height:28px
}
.cate-wrapper .well-case li {
    display:block;
    width:100%;
    margin-bottom:0
}
.cate-wrapper .well-case .site-list {
    padding:55px 40px
}
.cate-wrapper .well-case .site-list a {
    display:block;
    color:#fff;
    font-size:14px;
    line-height:28px
}
.cate-wrapper .well-case .name {
    padding:0 20px
}
.cate-wrapper .well-case .name a:hover {
    color:#d90000
}
.cate-wrapper .well-case .text {
    padding:10px 20px 0;
    font-size:14px;
    line-height:24px;
    color:#666
}
.case-news-wrapper {
    width:1248px;
    margin:-26px auto 0;
    zoom:1
}
.case-news-wrapper .loadmore {
    margin:72px auto 69px
}
.case-news-wrapper a {
    display:block
}
.case-news-wrapper li {
    position:relative;
    padding-left:148px
}
.case-news-wrapper li:hover .title a {
    color:#d80000
}
.case-news-wrapper li:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.case-news-wrapper .date {
    position:absolute;
    left:0;
    top:40px;
    font-size:16px;
    line-height:40px;
    color:#1a1a1a;
    text-align:center
}
.case-news-wrapper .date .dd {
    padding-bottom:16px;
    font-size:48px;
    line-height:40px;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    font-family:Arial, Helvetica, sans-serif
}
.case-news-wrapper .content {
    padding:46px 0 45px;
    border-bottom:1px solid #ccc
}
.case-news-wrapper .content img {
    display:block;
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.case-news-wrapper .content .title {
    font-size:28px;
    line-height:38px;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.case-news-wrapper .content .title a {
    color:#333
}
.case-news-wrapper .content .type {
    padding:8px 0;
    font-size:14px;
    line-height:36px;
    color:#999
}
.case-news-wrapper .content .thumb {
    overflow:hidden;
    margin-bottom:23px
}
.case-news-wrapper .content .desc {
    font-size:16px;
    color:#333;
    display:-webkit-box;
    height:60px;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.case-news-wrapper .content .more {
    font-size:14px;
    line-height:30px;
    color:#d80000
}
.online-news-wrapper {
    padding-top:4.375%;
    overflow:hidden
}
.online-news-wrapper ul {
    margin:0 -30px
}
.online-news-wrapper li {
    float:left;
    width:33.3333%
}
.online-news-wrapper li a {
    display:block;
    margin:0 30px;
    padding:13.74322% 20px 16.27486%;
    overflow:hidden;
    border-top:1px solid #d9d9d9;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s
}
.online-news-wrapper li a:hover {
    background-color:#f2f2f2
}
.online-news-wrapper li a:hover .title {
    color:#d90000
}
.online-news-wrapper .date {
    margin-bottom:20px;
    font-size:18px;
    line-height:24px;
    color:#666
}
.online-news-wrapper .date .line {
    display:block;
    width:20px;
    height:0;
    padding-top:15px;
    border-bottom:3px solid #d9d9d9
}
.online-news-wrapper .title {
    margin-bottom:32px;
    font-size:18px;
    font-weight:bold;
    color:#1a1a1a;
    display:-webkit-box;
    height:48px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.online-news-wrapper .desc {
    font-size:14px;
    line-height:24px;
    color:#666;
    display:-webkit-box;
    height:96px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4
}
.project-cover {
    padding:61px 0 90px
}
.project-cover .article {
    padding:0 6.75% 67px;
    font-size:16px;
    line-height:30px;
    text-align:center;
    color:#333
}
.project-cover .article .title {
    margin:0 0 12px;
    font-size:36px;
    line-height:72px;
    font-weight:bold;
    color:#1a1a1a
}
.m-case-list {
    font-size:0;
    margin:0 -6px
}
.m-case-list a {
    display:block
}
.m-case-list a:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.m-case-list a:hover .title {
    color:#d80000
}
.m-case-list img {
    display:block;
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.m-case-list li {
    width:25%;
    padding-bottom:1.5%;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1
}
.m-case-list .item {
    padding:0 21px;
    text-align:center
}
.m-case-list .thumb {
    margin-bottom:26px;
    overflow:hidden
}
.m-case-list .title {
    font-size:20px;
    line-height:34px;
    font-weight:bold;
    color:#333
}
.m-case-list .desc {
    font-size:14px;
    line-height:30px;
    color:#999
}
.project-cover-list {
    overflow:visible
}
.m-case-division {
    border-left:1px solid #dcdcdc
}
.m-case-division li {
    float:left;
    width:33.3333%
}
.m-case-division li a {
    display:block
}
.m-case-division li img {
    display:block;
    width:100%
}
.m-case-division li:hover .shadow {
    opacity:1
}
.m-case-division li:hover .shadow img {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.m-case-division li:hover .content {
    background-position:45px 190px;
    background-color:#f8f8f8
}
.m-case-division li:hover .title {
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
    color:#d90000
}
.m-case-division li:hover .desc {
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px)
}
.m-case-division .thumb a {
    position:relative
}
.m-case-division .thumb .shadow {
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    width:100%;
    height:100%;
    background:url("../images/caseshadow.png") repeat 0 0;
    opacity:0;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.m-case-division .thumb .shadow img {
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.m-case-division .content {
    padding:21px 48px 102px 35px;
    border-bottom:1px solid #dcdcdc;
    background:url("../images/casearr.png") no-repeat 35px 190px;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s;
    border-right:1px solid #dcdcdc
}
.m-case-division .content .title {
    margin-bottom:15px;
    font-size:20px;
    line-height:48px;
    color:#333;
    font-weight:bold;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.m-case-division .content .desc {
    font-size:16px;
    line-height:22px;
    color:#999999;
    display:-webkit-box;
    height:66px;
    line-height:22px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.full-case-container {
    position:relative;
    background-color:#f5f5f5
}
.case-inside-nav ul {
    position:relative;
    height:44px;
    overflow:hidden;
    padding-right:78px
}
.case-inside-nav a {
    border-bottom-color:#f5f5f5
}
.case-inside-nav .more {
    position:absolute;
    right:0;
    top:0;
    padding-right:0
}
.case-inside-nav .more a {
    padding-right:16px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url("../images/morearr.png");
    border-bottom:0
}
.case-inside-nav .more a:hover {
    background-image:url("../images/morearrac.png")
}
.full-case-subnav {
    display:none;
    position:absolute;
    width:100%;
    left:0;
    top:102px;
    z-index:10;
    padding:15px 0;
    background-color:#fff
}
.full-case-subnav li {
    float:left;
    width:16.66667%
}
.full-case-subnav a {
    font-size:16px;
    line-height:45px;
    color:#666;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.full-case-subnav a:hover {
    color:#d93f3d
}
.case-wrapper {
    padding-bottom:73px
}
.case-wrapper .cdetail-title {
    text-align:center;
    padding:50px 0 43px;
    font-size:30px;
    line-height:48px;
    font-weight:bold
}
.case-wrapper .caseban {
    position:relative;
    overflow:hidden;
    font-size:0
}
.case-wrapper .caseban:hover img {
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform:scale(1.02)
}
.case-wrapper .caseban img {
    display:block;
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.case-wrapper .caseban .title {
    position:absolute;
    width:280px;
    height:280px;
    left:80px;
    top:50%;
    z-index:3;
    margin-top:-140px;
    background-color:#ce3f39;
    text-align:center;
    color:#fff
}
.case-wrapper .caseban .ico {
    display:none;
    height:152px;
    line-height:152px
}
.case-wrapper .caseban .ico img {
    width:auto;
    display:inline;
    vertical-align:middle
}
.case-wrapper .caseban .middle {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:0;
    height:100%
}
.case-wrapper .caseban h2 {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    padding:0 10px;
    font-size:30px;
    line-height:48px;
    font-weight:bold
}
.case-intro-wrapper {
    background-color:#fff;
    padding:45px 75px 75px
}
.case-intro-wrapper .jiejuelist .id {
    position:absolute;
    left:0;
    top:50px;
    z-index:3;
    font-size:110px;
    font-style:italic;
    color:#e5e5e5;
    line-height:110px;
    font-weight:lighter
}
.case-intro-wrapper .jiejuelist dl {
    position:relative;
    padding:53px 20px 66px 19.72414%;
    border-bottom:1px solid #d9d9d9;
    font-size:16px;
    line-height:30px;
    color:#666
}
.case-intro-wrapper .jiejuelist dl li {
    list-style-type:disc
}
.case-intro-wrapper .jiejuelist dt {
    position:relative;
    margin-bottom:45px;
    font-size:28px;
    line-height:48px;
    font-weight:bold;
    color:#333
}
.case-intro-wrapper .jiejuelist dt::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-20px;
    z-index:3;
    width:30px;
    height:3px;
    background-color:#d93f3d
}
.case-intro-wrapper table {
    border-collapse:collapse
}
.case-intro-wrapper table td {
    border:1px solid #666;
    padding:3px 8px;
    min-width:5em
}
.case-intro-wrapper img {
    max-width:100%;
    height:auto !important
}
.case-intro-list li {
    position:relative;
    padding:53px 20px 66px 19.72414%;
    border-bottom:1px solid #d9d9d9;
    font-size:16px;
    line-height:30px;
    color:#666
}
.case-intro-list li .bold {
    font-weight:bold
}
.case-intro-list .id {
    position:absolute;
    left:0;
    top:50px;
    z-index:3;
    font-size:110px;
    font-style:italic;
    color:#e5e5e5;
    line-height:110px;
    font-weight:lighter
}
.case-intro-list .title {
    position:relative;
    margin-bottom:45px;
    font-size:28px;
    line-height:48px;
    font-weight:bold;
    color:#333
}
.case-intro-list .title::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-20px;
    z-index:3;
    width:30px;
    height:3px;
    background-color:#d93f3d
}
.case-intro-list .text {
    overflow:hidden
}
.case-intro-list .m-letter-item {
    padding-top:63px;
    font-size:14px;
    line-height:24px;
    color:#666
}
.case-intro-list .m-letter-item .letter {
    margin-bottom:18px;
    font-size:48px;
    line-height:48px;
    font-weight:bold;
    color:#d90000
}
.case-intro-list .m-letter-item .sub-title {
    margin-bottom:26px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a
}
.case-intro-list .rhalfimg img {
    float:right;
    max-width:48.6%;
    margin-left:30px
}
.case-intro-list .rimg {
    position:relative;
    overflow:hidden;
    padding-right:39.73799%
}
.case-intro-list .rimg .letimg {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:39.73799%;
    text-align:center;
    float:right
}
.case-intro-list .rimg .letimg::before {
    content:'';
    width:0;
    height:100%;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle
}
.case-intro-list .rimg .letimg img {
    float:none;
    max-width:80%;
    margin:0;
    vertical-align:middle
}
.case-intro-list .prico-title {
    padding:24px 0 28px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a
}
.trade-imglist {
    overflow:hidden
}
.trade-imglist .imglist-wrap {
    margin:0 -30px
}
.trade-imglist .imglist-wrap .trade-item {
    float:left;
    width:33.333%;
    font-size:14px;
    line-height:24px;
    color:#666
}
.trade-imglist .imglist-wrap .trade-item img {
    display:block;
    max-width:100%
}
.trade-imglist .imglist-wrap .inner {
    padding:0 30px
}
.trade-imglist .imglist-wrap .trade-title {
    padding:21px 0 18px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a
}
.trade-icolist {
    width:86%;
    padding-top:25px
}
.trade-left {
    float:left;
    width:44.54148%
}
.trade-right {
    float:right;
    width:44.54148%
}
.price-top {
    font-size:0;
    overflow:hidden
}
.price-top .top-item {
    float:left;
    margin-right:22.70742%
}
.price-icolist {
    overflow:hidden
}
.price-icolist .icolist {
    width:110%;
    width:112.31441%;
    font-size:0
}
.price-icolist .ico-item {
    width:38.56921%;
    padding-top:80px;
    padding:30px 11.35303% 50px 0;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:14px;
    line-height:24px;
    color:#666
}
.price-icolist .ico-item img {
    display:block
}
.seo-top-list {
    overflow:hidden
}
.seo-top-list .top-seoabc {
    width:110.04367%
}
.seo-top-list .m-letter-item {
    width:25.79365%;
    float:left;
    padding-right:6.7%
}
.seo-thr-list {
    position:relative;
    padding-left:385px;
    padding-top:40px
}
.seo-thr-list .thr-left {
    position:absolute;
    left:0;
    top:40px;
    width:350px
}
.seo-thr-list .m-letter-item {
    padding:0
}
.seo-thr-list .dash-border {
    margin-bottom:24px;
    padding:0 0 67px 0;
    border-bottom:1px dashed #d9d9d9
}
.seo-thr-list .thr-right {
    padding:0 0 35px 33px;
    overflow:hidden;
    border-left:1px dashed #d9d9d9
}
.seo-thr-list .red-dot-list {
    font-size:0
}
.seo-thr-list .red-dot-list .red-item {
    width:50%;
    margin-bottom:42px;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:14px;
    line-height:24px;
    color:#666
}
.seo-thr-list .red-dot-list h4 {
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    color:#d90000
}
.seo-thr-list .red-dot-list p {
    padding-right:15px
}
.m-relat-title {
    padding:27px 0
}
.m-relat-title h3 {
    float:left;
    font-size:24px;
    line-height:35px;
    color:#333
}
.m-relat-title a {
    position:relative;
    float:right;
    width:138px;
    font-size:14px;
    line-height:33px;
    color:#999;
    text-align:center;
    border:1px solid #ccc;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.m-relat-title a i {
    position:absolute;
    left:-40px;
    top:18px;
    z-index:3;
    width:80px;
    height:1px;
    background-color:#ccc;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.m-relat-title a:hover {
    color:#d80000;
    border-color:#d80000
}
.m-relat-title a:hover i {
    background-color:#d80000
}
.relative-cases {
    padding:22px 0 62px;
    overflow:hidden
}
.relative-cases ul {
    margin:0 -28px
}
.relative-cases li {
    float:left;
    width:33.3333%
}
.relative-cases .thumb {
    margin-bottom:22px;
    overflow:hidden
}
.relative-cases a {
    padding:0 28px;
    display:block;
    line-height:36px
}
.relative-cases a img {
    display:block;
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.relative-cases a .title {
    font-size:16px;
    font-weight:bold;
    color:#1a1a1a
}
.relative-cases a .desc {
    font-size:14px;
    color:#999
}
.relative-cases a:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.relative-cases a:hover .title {
    color:#d80000
}
.m-diff-title, .m-chl-title {
    font-size:36px;
    line-height:46px;
    text-align:center;
    color:#1a1a1a
}
.m-diff-title {
    color:#333
}
.contact-ways {
    padding-top:70px
}
.contact-ways .info {
    padding:87px 9.0625% 73px
}
.contact-ways .info .item {
    float:left;
    width:25%;
    font-size:16px;
    line-height:28px;
    color:#1a1a1a
}
.contact-ways .info .item a {
    color:#1a1a1a
}
.contact-ways .info .item a:hover {
    color:#d80000
}
.contact-ways .info img {
    vertical-align:middle
}
.contact-ways .info .ico {
    margin-bottom:30px;
    text-align:center
}
.contact-ways .info h4 {
    font-weight:bold;
    text-align:center
}
.contact-ways .info span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    text-align:right
}
.contact-ways .info .label1 {
    width:46%
}
.contact-ways .info .label2 {
    width:46%
}
.contact-ways .info .label3 {
    width:43%
}
.contact-ways .info .label4 {
    width:45%
}
.full-arrive {
    padding:72px 0 0;
    background-color:#f5f5f5
}
.arrive-info {
    padding-bottom:68px
}
.arrive-lf {
    float:left;
    padding:5px 38px 0 95px;
    background:url("../images/arrico.png") no-repeat 0 0
}
.arrive-lf .arr-title {
    margin-bottom:31-px;
    color:#db2035
}
.arrive-lf .arr-title h3 {
    font-size:24px;
    line-height:30px;
    font-weight:bold
}
.arrive-lf .arr-title h4 {
    font-size:48px;
    line-height:60px;
    text-transform:uppercase
}
.arrive-lf .addr {
    font-size:16px;
    line-height:28px;
    color:#1a1a1a
}
.arrive-lf .addr span {
    font-weight:bold
}
.arrive-rg {
    overflow:hidden;
    padding-left:64px;
    border-left:1px solid #d9d9d9;
    font-size:16px;
    line-height:30px
}
.arrive-rg .tag {
    font-weight:bold
}
.full-bdmap {
    width:100%;
    height:640px
}
.contact-feedback {
    padding:80px 0 86px
}
.contact-feedback .m-chl-title {
    margin-bottom:41px
}
.contact-feedback .contact-form {
    max-width:1200px;
    margin:0 auto
}
.contact-feedback .text {
    float:left;
    width:580px
}
.contact-feedback .text label {
    display:block;
    padding:17px 0;
    margin-bottom:36px;
    border-bottom:1px solid #ccc
}
.contact-feedback .text label input {
    display:block;
    width:100%;
    font-size:16px;
    line-height:16px;
    height:16px
}
.contact-feedback .text label input::-webkit-input-placeholder {
    color:#999
}
.contact-feedback .text label input:-moz-placeholder {
    color:#999
}
.contact-feedback .text label input::-moz-placeholder {
    color:#999
}
.contact-feedback .text label input:-ms-input-placeholder {
    color:#999
}
.contact-feedback .text .imgval {
    position:relative
}
.contact-feedback .text .imgval img {
    position:absolute;
    right:0;
    top:5px;
    height:40px
}
.contact-feedback .msg {
    float:right;
    width:580px
}
.contact-feedback .msg p {
    font-size:16px;
    line-height:50px
}
.contact-feedback .msg textarea {
    display:block;
    border:1px solid #ccc;
    width:560px;
    height:329px;
    padding:10px
}
.contact-feedback .form-ctrl {
    padding-top:12px;
    width:431px;
    margin:0 auto
}
.contact-feedback .form-ctrl label {
    display:block;
    width:197px;
    height:20px;
    padding:20px 0
}
.contact-feedback .form-ctrl label input {
    display:block;
    width:100%;
    font-size:18px;
    line-height:20px;
    height:20px;
    color:#fff;
    text-align:center
}
.contact-feedback .form-ctrl .sub {
    float:left;
    background-color:#db2035
}
.contact-feedback .form-ctrl .reset {
    float:right;
    background-color:#ccc
}
.recruit-content {
    padding:60px 0 80px
}
.recruit-content .thumb {
    float:right;
    margin-left:150px
}
.recruit-content .thumb img {
    display:block
}
.recruit-content .content {
    color:#333;
    font-size:16px;
    line-height:30px;
    color:#333
}
.recruit-content .content .title {
    font-size:36px;
    line-height:52px;
    font-weight:bold;
    font-style:italic
}
.recruit-content .content .text {
    padding:12px 0 48px
}
.recruit-content .content .mail {
    font-size:18px;
    line-height:30px;
    color:#d93f3d;
    font-weight:bold
}
.recruit-content .content .mail a {
    color:#d93f3d;
    text-decoration:underline
}
.recruit-list-wrapper {
    padding-bottom:118px
}
.recruit-list-wrapper ul {
    border-top:1px solid #d9d9d9
}
.recruit-list-wrapper li {
    border-bottom:1px solid #d9d9d9
}
.recruit-list-wrapper .brief {
    position:relative;
    padding:30px 0;
    font-size:18px;
    line-height:38px;
    color:#999;
    cursor:pointer
}
.recruit-list-wrapper .brief h3, .recruit-list-wrapper .brief p {
    float:left;
    width:20.625%;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.recruit-list-wrapper .brief h3 {
    width:27.1875%;
    font-weight:bold;
    color:#333
}
.recruit-list-wrapper .brief .ico {
    position:absolute;
    right:0;
    top:0;
    z-index:3;
    width:98px;
    height:98px;
    background:url("../images/recruitico.png") no-repeat center
}
.recruit-list-wrapper .brief.cur .ico {
    background:url("../images/recruiticoac.png") no-repeat center
}
.recruit-list-wrapper .info {
    display:none;
    padding:35px 0 64px;
    font-size:14px;
    line-height:30px;
    color:#333;
    border-top:1px solid #d9d9d9
}
.recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item {
    padding-bottom:41px
}
.recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label {
    float:left;
    width:230px
}
.recruit-list-wrapper .info dd, .recruit-list-wrapper .info .text {
    overflow:hidden;
    zoom:1
}
.recruit-list-wrapper .delivery {
    margin-left:230px;
    display:block;
    width:113px;
    height:60px;
    padding-left:84px;
    font-size:18px;
    line-height:60px;
    color:#fff;
    background:#333 url("../images/delivery.png") no-repeat 38px 13px
}
.m-ichl-title .en {
    font-size:16px;
    line-height:24px;
    color:#999;
    text-transform:uppercase
}
.m-ichl-title .cn {
    font-size:36px;
    line-height:62px;
    font-weight:bold;
    color:#1a1a1a
}
.m-ichl-title .cn a {
    color:#1a1a1a
}
.m-ichl-title .cn span {
    color:#d90000
}
.m-ichl-subnav {
    position:relative;
    overflow:hidden;
    padding-top:11px
}
.m-ichl-subnav ul {
    margin-left:-30px;
    position:relative
}
.m-ichl-subnav li {
    float:left;
    padding:0 20px 0 30px;
    background:url(../images/navline.png) no-repeat 0 center
}
.m-ichl-subnav li.cur a {
    color:#d90000;
    border-bottom-color:#fff
}
.m-ichl-subnav li a {
    display:block;
    font-size:16px;
    line-height:42px;
    color:#1a1a1a;
    border-bottom:2px solid #fff
}
.m-ichl-subnav li a:hover {
    color:#d90000;
    border-bottom-color:#fff
}
.m-ichl-subnav .activehook {
    position:absolute;
    bottom:0;
    background:none
}
.m-ichl-subnav .activehook i {
    display:block;
    width:100%;
    height:2px;
    background-color:#d90000
}
.m-ichl-subnav .nav-more .item {
    display:none
}
.m-ichl-subnav .m-line-more {
    position:absolute;
    right:0;
    top:11px;
    z-index:3
}
.index-banwrap {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:41.66667%;
    overflow:hidden
}
.index-banwrap .index-banner {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%
}
.index-banwrap .index-banner .bx-wrapper {
    width:100%;
    height:100%
}
.index-banwrap .index-banner .bx-viewport {
    width:100%;
    height:100%
}
.index-banwrap .index-banner .slides:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
    *display:none
}
.index-banwrap .index-banner .slides {
    *zoom:1
}
.index-banner .slides {
    width:300%
}
.index-banner .slides li {
    float:left;
    width:33.3333%;
    overflow:hidden
}
.index-banner .linerbg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:30;
    height:140px;
    background:url("../images/hdbanbg01.png") repeat-x 0 0
}
.index-banner a {
    display:block
}
.index-banner a{ color:#fff;}
.index-banner a:hover{ background:#a19583; transition-duration:0.6s;}
.index-banner img {
    display:block;
    max-width:none;
    width:100%
}
.index-banner li {
    position:relative
}
.index-banner li .m-line-more {
    /*display:none;*/
    /*visibility:hidden*/
}
.index-banner .flex-direction-nav {
    display:none
}
.index-banner .bx-pager {
    bottom:18px
}
.index-banner .bx-pager .bx-pager-item a {
    margin:0 3px;
    line-height:0;
    height:2px;
    padding:20px 0;
    width:94px
}
.index-banner .bx-pager .bx-pager-item i {
    display:block;
    width:100%;
    height:2px;
    -webkit-border-radius:1px;
    border-radius:1px;
    background-color:#fff
}
.index-banner .bx-pager .bx-pager-item .active i {
    background-color:#d90000
}
.index-banner .flex-control-nav {
    z-index:20;
    bottom:38px
}
.index-banner .flex-control-nav li {
    margin:0 3px;
    line-height:0;
    height:2px;
    width:94px;
    background-color:#fff
}
.index-banner .flex-control-nav .cur {
    background-color:#d90000
}
.index-banner .flex-control-nav a {
    -webkit-border-radius:0;
    border-radius:0;
    width:94px;
    height:2px;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:1;
    -webkit-transition:all ease 0.3s;
    -o-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    transition:all ease 0.3s;
    padding:15px 0;
    margin-top:-16px
}
.index-banner .flex-control-nav .flex-active {
    opacity:1;
    background:none
}
.index-banner .slide01 .imgpopup {
    position:absolute;
    right:0;
    bottom:0;
    z-index:3;
    width:72.39583%
}
.index-banner .slide01 .imgpopup img {
    vertical-align:top;
    width:100%
}
.index-banner .slide01 .textpopup {
    position:absolute;
    top:27.5%;
    left:50%;
    z-index:20;
    margin-left:-800px;
    color:#fff
}
.index-banner .slide01 .tit {
    margin-bottom:15px;
    font-size:48px;
    line-height:58px;
    width:72.39583%;
    white-space:nowrap;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.index-banner .slide01 .txt {
    margin-bottom:52px;
    font-size:20px;
    line-height:32px;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
    white-space:nowrap
}
.index-banner .slide01 .m-line-more {
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
    width:72.39583%;
    width:138px;
    border-color:#a19583;
    color:#fff
}
.index-banner .slide01 .m-line-more:hover {
    color:#fff
}
.index-banner .slide01 .m-line-more:hover::after {
    background-color:#a19583
}
.index-banner .slide01 .before {
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide01 .after {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}
/*居中begin*/
.index-banner .slide05 .imgpopup {
    position:absolute;
    right: 0;
    bottom:0;
    z-index:3;
    width:72.39583%
}
.index-banner .slide05 .imgpopup img {
    vertical-align:top;
    width:100%
}
.index-banner .slide05 .textpopup {
    position:absolute;
    top:27.5%;
    left:50%;
    z-index:20;
    margin-left:-800px;
    color:#fff
}
.index-banner .slide05 .tit {
    margin-bottom:15px;
    font-size:48px;
    line-height:58px;
    width:72.39583%;
    white-space:nowrap;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.index-banner .slide05 .txt {
    margin-bottom:52px;
    font-size:20px;
    line-height:32px;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
    white-space:nowrap
}
.index-banner .slide05 .m-line-more {
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
    width:72.39583%;
    width:138px;
    border-color:#a19583;
    color:#fff
}
.index-banner .slide05 .m-line-more:hover {
    color:#fff
}
.index-banner .slide05 .m-line-more:hover::after {
    background-color:#a19583
}
.index-banner .slide05 .before {
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide05 .after {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
/*居中end*/
/*左图begin*/
.index-banner .slide06 .imgpopup {
    position:absolute;
    right: 10%;
    bottom:20%;
    z-index:3;
    width:40%
}
.index-banner .slide06 .imgpopup img {
    vertical-align:top;
    width:100%
}
.index-banner .slide06 .textpopup {
    position:absolute;
    top:32.5%;
    left:50%;
    z-index:20;
    margin-left:-800px;
    color:#fff
}
.index-banner .slide06 .tit {
    margin-bottom:15px;
    font-size:48px;
    line-height:58px;
    width:72.39583%;
    white-space:nowrap;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.index-banner .slide06 .txt {
    margin-bottom:52px;
    font-size:20px;
    line-height:32px;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
    white-space:nowrap
}
.index-banner .slide06 .m-line-more {
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
    width:72.39583%;
    width:138px;
    border-color:#a19583;
    color:#fff
}
.index-banner .slide06 .m-line-more:hover {
    color:#fff
}
.index-banner .slide06 .m-line-more:hover::after {
    background-color:#a19583
}
.index-banner .slide06 .before {
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide06 .after {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
/*左图end*/
.index-banner .slide03 {
    position:relative
}
.index-banner .slide03 .textpopup03 {
    position:absolute;
    top:27.5%;
    left:50%;
    z-index:20;
    margin-left:-800px;
    color:#fff
}
.index-banner .slide03 .textpopup03 .ico {
    margin-bottom:26px
}
.index-banner .slide03 .textpopup03 .ico img {
    width:auto
}
.index-banner .slide03 .textpopup03 .tit {
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
    margin-bottom:50px;
    font-size:48px;
    line-height:60px;
    color:#fff
}
.index-banner .slide03 .textpopup03 .m-line-more {
    border-color:#fff;
    color:#fff;
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
    -o-transition-delay:0.8s;
    transition-delay:0.8s
}
.index-banner .slide03 .textpopup03 .m-line-more::after {
    background-color:#fff
}
.index-banner .slide03 .textpopup03 .before {
    -webkit-transform:translateY(60px);
    -moz-transform:translateY(60px);
    -ms-transform:translateY(60px);
    -o-transform:translateY(60px);
    transform:translateY(60px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide03 .textpopup03 .after {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.index-banner .slide03 .imgpopup03 .before {
    -webkit-transform:translate(80px, 60px);
    -moz-transform:translate(80px, 60px);
    -ms-transform:translate(80px, 60px);
    -o-transform:translate(80px, 60px);
    transform:translate(80px, 60px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide03 .imgpopup03 .after {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1
}
.index-banner .slide03 .imgpopup03 img {
    position:absolute;
    z-index:10;
    width:auto
}
.index-banner .slide03 .imgpopup03 .pop01 {
    width:5.72917%;
    top:66.5%;
    left:32.34375%;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.index-banner .slide03 .imgpopup03 .pop02 {
    width:11.61458%;
    top:69.875%;
    left:37.29167%;
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s
}
.index-banner .slide03 .imgpopup03 .pop03 {
    width:6.61458%;
    top:50.375%;
    left:41.04167%;
    -webkit-transition-delay:0.9s;
    -moz-transition-delay:0.9s;
    -o-transition-delay:0.9s;
    transition-delay:0.9s
}
.index-banner .slide03 .imgpopup03 .pop04 {
    width:19.21875%;
    top:0%;
    left:68.22917%;
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s
}
.index-banner .slide03 .imgpopup03 .pop05 {
    width:9.32292%;
    top:28.375%;
    left:76.82292%;
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s
}
.index-banner .slide04 {
    position:relative
}
.index-banner .slide04 .textpopup {
    position:absolute;
    top:31%;
    left:50%;
    z-index:20;
    margin-left:-800px;
    color:#fff
}
.index-banner .slide04 .textpopup .tit {
    margin-bottom:15px;
    font-size:48px;
    line-height:58px;
    width:72.39583%;
    white-space:nowrap;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.index-banner .slide04 .textpopup .txt {
    margin-bottom:52px;
    font-size:20px;
    line-height:32px;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
    white-space:nowrap
}
.index-banner .slide04 .textpopup .m-line-more {
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s;
    width:72.39583%;
    width:138px;
    border-color:#fff;
    color:#fff
}
.index-banner .slide04 .textpopup .m-line-more::after {
    background-color:#fff
}
.index-banner .slide04 .textpopup .m-line-more:hover {
    color:#fff
}
.index-banner .slide04 .textpopup .m-line-more:hover::after {
    background-color:#fff
}
.index-banner .slide04 .textpopup .before {
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
.index-banner .slide04 .textpopup .after {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.index-banner .slide04 .imgpopup img {
    position:absolute;
    z-index:10;
    width:auto
}
.index-banner .slide04 .imgpopup .pop01 {
    top:9.875%;
    left:33.90625%;
    width:35.46875%
}
.index-banner .slide04 .imgpopup .pop01.before {
    -webkit-transform:translate(-120px, 120px);
    -moz-transform:translate(-120px, 120px);
    -ms-transform:translate(-120px, 120px);
    -o-transform:translate(-120px, 120px);
    transform:translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop02 {
    top:0;
    left:58.54167%;
    width:26.35417%
}
.index-banner .slide04 .imgpopup .pop02.before {
    -webkit-transform:translate(-120px, 120px);
    -moz-transform:translate(-120px, 120px);
    -ms-transform:translate(-120px, 120px);
    -o-transform:translate(-120px, 120px);
    transform:translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop03 {
    top:79.375%;
    left:33.3125%;
    width:33.33333%;
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s
}
.index-banner .slide04 .imgpopup .pop03.before {
    -webkit-transform:translate(120px, -120px);
    -moz-transform:translate(120px, -120px);
    -ms-transform:translate(120px, -120px);
    -o-transform:translate(120px, -120px);
    transform:translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop04 {
    top:19.5%;
    left:55.57292%;
    width:35.46875%;
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s
}
.index-banner .slide04 .imgpopup .pop04.before {
    -webkit-transform:translate(120px, -120px);
    -moz-transform:translate(120px, -120px);
    -ms-transform:translate(120px, -120px);
    -o-transform:translate(120px, -120px);
    transform:translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop05 {
    top:0;
    left:80.625%;
    width:19.47917%;
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s
}
.index-banner .slide04 .imgpopup .pop05.before {
    -webkit-transform:translate(120px, -120px);
    -moz-transform:translate(120px, -120px);
    -ms-transform:translate(120px, -120px);
    -o-transform:translate(120px, -120px);
    transform:translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop06 {
    top:73.5%;
    left:57.29167%;
    width:36.97917%
}
.index-banner .slide04 .imgpopup .pop06.before {
    -webkit-transform:translate(-120px, 120px);
    -moz-transform:translate(-120px, 120px);
    -ms-transform:translate(-120px, 120px);
    -o-transform:translate(-120px, 120px);
    transform:translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop07 {
    top:29.125%;
    left:84.32292%;
    width:15.88542%
}
.index-banner .slide04 .imgpopup .pop07.before {
    -webkit-transform:translate(-120px, 120px);
    -moz-transform:translate(-120px, 120px);
    -ms-transform:translate(-120px, 120px);
    -o-transform:translate(-120px, 120px);
    transform:translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .before {
    -webkit-transition-duration:0.8s;
    -moz-transition-duration:0.8s;
    -o-transition-duration:0.8s;
    transition-duration:0.8s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0;
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s
}
.index-banner .slide04 .imgpopup .before.after {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1
}
.iabout-us {
    padding:45px 0 15px
}
.iabout-us .intro {
    position:relative;
    padding:20px 37% 86px 0;
    font-size:16px;
    line-height:30px
}
.iabout-us .intro strong {
    font-weight:normal;
    color:#e20000
}
.iabout-us .year {
    position:absolute;
    right:27px;
    top:-140px;
    z-index:3
}
.iabout-us .main-business .business-item .inner {
    position:relative
}
.iabout-us .main-business .business-item .inner .line {
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background-color:#d90000;
    -webkit-transition:width ease-in-out 0.5s;
    -o-transition:width ease-in-out 0.5s;
    -moz-transition:width ease-in-out 0.5s;
    transition:width ease-in-out 0.5s
}
.main-business {
    margin:0 -27px
}
.main-business .business-item {
    float:left;
    width:25%
}
.main-business .business-item .inner {
    position:relative;
    margin:0 27px
}
.main-business .business-item .inner:hover .id {
    color:#ccc
}
.main-business .business-item .inner:hover h2 a {
    color:#d80000
}
.main-business .business-item .inner:hover .sub {
    border-bottom-color:#d80000\9
}
.main-business .business-item .inner:hover .line {
    width:100%
}
.main-business .ico {
    display:block;
    margin-bottom:12px;
    height:82px;
    line-height:82px;
    font-size:0
}
.main-business .ico img {
    vertical-align:middle
}
.main-business .ico .ac {
    display:none
}
.main-business .id {
    position:absolute;
    right:27px;
    top:0;
    font-size:100px;
    line-height:100px;
    color:#f2f2f2;
    font-weight:bold;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.main-business h2 a {
    display:block;
    padding:10px 0 21px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.main-business .sub {
    padding-bottom:55px;
    height:180px;
    border-bottom:2px solid #ccc
}
.main-business .sub a {
    display:block;
    padding-left:30px;
    font-size:14px;
    line-height:36px;
    color:#666;
    background:url("../images/ibusline.png") no-repeat 1px center
}
.main-business .sub a:hover {
    color:#d80000;
    background-image:url("../images/ibuslineac.png")
}
.iclassic-case {
    padding:58px 0 46px;
    overflow:hidden
}
.iclassic-case .m-ichl-title {
    position:relative
}
.iclassic-case .m-ichl-title .m-line-more {
    position:absolute;
    right:0;
    bottom:13px
}
.iclassic-case .m-move-handle {
    display:block !important
}
.iclassic-case .slide-pages {
    display:none
}
.iclassic-case .slide-ctrl {
    display:none
}
.iclassic-case .m-line-more {
    margin:6px auto 0
}
.animated {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.iclassic-wrapper {
    width:102.125%
}
.icase-list {
    padding-top:43px;
    margin:0
}
.icase-list li {
    width:33.33333%;
    padding-bottom:32px
}
.icase-list .item {
    position:relative;
    padding:0 6.42202% 0 0;
    text-align:left
}
.icase-list .thumb {
    position:relative;
    overflow:hidden;
    margin-bottom:12px
}
.icase-list .thumb .after {
    display:block;
    width:100%;
    padding-bottom:62.7451%
}
.icase-list .thumb img {
    position:absolute;
    left:0;
    top:0;
    z-index:3
}
.icase-list .tag {
    position:absolute;
    right:6.42202%;
    bottom:0;
    font-size:0;
    padding-left:33px;
    background:#fff url("../images/itag.png") no-repeat 14px center
}
.icase-list .tag a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:14px;
    line-height:34px;
    padding-left:5px;
    color:#666
}
.icase-list .desc {
    display:none
}
.icase-list a {
    position:relative
}
.icase-list .content {
    display:none;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:46px;
    z-index:3;
    width:100%;
    overflow:hidden;
    background:url("../images/icasebg.png") repeat 0 0
}
.icase-list .content .msg {
    padding:52px 25px 25px
}
.icase-list .content .msg h4 {
    font-size:15px;
    line-height:24px;
    color:#fff;
    opacity:0.92
}
.icase-list .content .brand {
    padding:32px 0 0 25px;
    height:90px;
    line-height:90px;
    font-size:0
}
.icase-list .content .brand img {
    display:none;
    width:auto;
    max-height:100%;
    vertical-align:middle
}
.icase-list .content .desc {
    color:#fbaaac;
    padding:0 25px 0;
    display:-webkit-box;
    height:72px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.icase-list .content .ico-line {
    display:block;
    width:100%;
    height:37px;
    background:url("../images/icaseline.png") no-repeat 25px bottom
}
.full-isoutions .soutions-wrapper, .iclients-wrapper, .inews-center {
    width:100%;
    overflow:hidden
}
.full-isoutions {
    width:100%;
    padding:58px 0 0;
    background-color:#f5f5f5;
    overflow:hidden
}
.full-isoutions .m-ichl-subnav li a {
    border-color:#f5f5f5
}
.full-isoutions .m-ichl-subnav li a:hover {
    color:#d90000;
    border-bottom-color:#f5f5f5
}
.full-isoutions .m-ichl-subnav li.cur a {
    color:#d90000;
    border-bottom-color:#f5f5f5
}
.full-isoutions .ichannel-tabcontent {
    width:100%;
    overflow:hidden
}
.full-isoutions .tabcontent-slider {
    position:relative;
    width:500%
}
.full-isoutions .isoutions-list .slides {
    font-size:0;
    white-space:nowrap
}
.full-isoutions .isoutions-list .slides li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    float:none
}
.full-isoutions .isoutions-list .slides img {
    width:auto
}
.isoutions-item {
    position:relative;
    float:left;
    width:20%;
    overflow:hidden
}
.isoutions-item .slide-ctrl {
    display:none;
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#f60
}
.isoutions-item .slide-prev {
    left:-60px
}
.isoutions-item .slide-next {
    right:-60px
}
.isoutions-list {
    padding:28px 0 61px;
    overflow:hidden
}
.isoutions-list .slide-pages {
    display:none;
    position:absolute;
    width:100%;
    bottom:40px;
    text-align:center;
    line-height:0
}
.isoutions-list .slide-pages a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:8px;
    height:8px;
    font-size:0;
    border:1px solid #b5b5b5;
    margin:0 6px
}
.isoutions-list .slide-pages .cur {
    border:1px solid #d90000;
    background-color:#d90000
}
.isoutions-list .flex-direction-nav {
    display:none
}
.isoutions-list ul {
    margin:0 -1.6875%
}
.isoutions-list ul li {
    float:left;
    width:25%
}
.isoutions-list .item {
    padding:0 6.52963%
}
.isoutions-list .item a {
    position:relative;
    padding-bottom:61px;
    display:block;
    border-bottom:2px solid #ccc
}
.isoutions-list .item a::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:2px;
    background-color:#d90000;
    -webkit-transition:width ease-in-out 0.5s;
    -o-transition:width ease-in-out 0.5s;
    -moz-transition:width ease-in-out 0.5s;
    transition:width ease-in-out 0.5s
}
.isoutions-list .item a:hover {
    *border-bottom-color:#d90000
}
.isoutions-list .item a:hover .title {
    color:#d90000
}
.isoutions-list .item a:hover .detail {
    color:#d90000
}
.isoutions-list .item a:hover::after {
    width:100%
}
.isoutions-list .thumb {
    position:relative
}
.isoutions-list .thumb .after {
    display:block;
    width:100%;
    padding-bottom:62.5%
}
.isoutions-list .thumb img {
    position:absolute;
    left:0;
    top:0;
    z-index:3
}
.isoutions-list .ico {
    margin-bottom:48px;
    height:120px;
    line-height:120px;
    font-size:0
}
.isoutions-list .ico img {
    vertical-align:middle;
    width:auto
}
.isoutions-list .ico .ac {
    display:none
}
.isoutions-list .title {
    margin-bottom:23px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#1a1a1a
}
.isoutions-list .desc {
    height:144px;
    font-size:14px;
    color:#666;
    display:-webkit-box;
    height:144px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
    white-space:normal
}
.isoutions-list .detail {
    font-size:14px;
    line-height:24px;
    text-decoration:underline;
    color:#666
}
.isoutions-list .item .card {
    padding-bottom:32px
}
.isoutions-list .item .card:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.isoutions-list .item .card:hover .c-title {
    color:#d90000
}
.isoutions-list .item .card .thumb {
    margin-bottom:21px;
    overflow:hidden
}
.isoutions-list .item .card .thumb img {
    display:block;
    width:100%;
    max-width:360px;
    -webkit-transition:-webkit-transform ease .7s;
    transition:-webkit-transform ease .7s;
    -o-transition:-o-transform ease .7s;
    -moz-transition:transform ease .7s, -moz-transform ease .7s;
    transition:transform ease .7s;
    transition:transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s
}
.isoutions-list .item .card .c-title {
    margin-bottom:20px;
    font-size:18px;
    line-height:28px;
    font-weight:bold;
    color:#1a1a1a;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.isoutions-list .item .card .c-desc {
    font-size:14px;
    color:#666;
    display:-webkit-box;
    height:72px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    white-space:normal
}
.iclients-wrapper {
    padding:48px 0 50px
}
.iclients-wrapper .m-ichl-title {
    margin-bottom:30px
}
.iclients-wrapper .m-ichl-subnav {
    margin-bottom:51px
}
.iclients-wrapper .ichannel-tabcontent {
    overflow:hidden
}
.iclients-wrapper .tabcontent-slider {
    position:relative;
    width:200%
}
.iclients-list {
    width:50%;
    float:left;
    overflow:hidden
}
.iclients-list ul {
    margin-right:-4px
}
.iclients-list li {
    float:left;
    width:20%;
    margin-bottom:-4px;
    background:url("../images/iclibg.png") no-repeat right bottom
}
.iclients-list li a {
    display:block;
    text-align:center
}
.iclients-list li img {
    max-width:100%
}
.icustomer {
    float:left;
    width:50%;
    overflow:hidden;
    padding-bottom:65px
}
.icustomer ul {
    padding-left:1px
}
.icustomer li {
    width:25%;
    float:left;
    margin-left:-1px
}
.icustomer .inner {
    border:1px solid #d9d9d9;
    padding:5.5% 12.5% 16%
}
.icustomer .ico {
    margin-bottom:16px;
    height:124px;
    line-height:124px
}
.icustomer .ico img {
    vertical-align:middle
}
.icustomer .name {
    margin-bottom:21px;
    font-size:18px;
    line-height:28px;
    font-weight:bold;
    color:#1a1a1a
}
.icustomer .text {
    font-size:14px;
    color:#666;
    display:-webkit-box;
    height:216px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:9
}
.full-inum-brief {
    position:relative
}
.full-inum-brief .briefbg {
    position:relative;
    overflow:hidden;
    height:520px
}
.full-inum-brief .briefbg img {
    position:absolute;
    top:-45px;
    left:50%;
    display:block;
    margin-left:-960px;
    height:520px
}
.full-inum-brief .inum-list {
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    margin:-190px 0 0 -609px;
    width:1218px;
    text-align:center
}
.full-inum-brief .inum-list li {
    width:406px;
    margin-bottom:99px;
    float:left;
    color:#fff
}
.full-inum-brief .num {
    margin-bottom:10px;
    font-size:90px;
    line-height:92px;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}
.full-inum-brief .text {
    font-size:16px;
    line-height:24px
}
.full-inum-brief .videobg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:520px;
    overflow:hidden
}
.full-inum-brief .video {
    position:absolute;
    left:0;
    top:-345px;
    width:100%
}
.full-inum-brief .video video {
    min-width:100%;
    height:1080px
}
.inews-center {
    padding:75px 0 70px
}
.inews-center .ichannel-tabcontent {
    overflow:hidden
}
.inews-center .tabcontent-slider {
    position:relative;
    width:600%
}
.inews-wraper {
    float:left;
    width:16.66667%;
    padding-top:26px
}
.inews-wraper .inews-wraper {
    overflow:hidden
}
.inews-wraper a:hover h2 {
    color:#d90000
}
.inews-wraper a:hover .date {
    color:#d90000
}
.inews-wraper a:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.news-set-top {
    float:left;
    width:395px;
    padding:30px 28px 27px 26px;
    background-color:#f7f7f7
}
.news-set-top .thumb {
    overflow:hidden
}
.news-set-top img {
    width:100%;
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s
}
.news-set-top .title {
    margin-bottom:11px;
    font-size:20px;
    color:#333;
    display:-webkit-box;
    height:60px;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.news-set-top .date {
    margin-bottom:20px;
    font-size:16px;
    line-height:24px;
    color:#999;
    font-weight:bold
}
.news-two .date, .news-four .date {
    font-size:15px;
    line-height:24px;
    color:#999
}
.news-two .date b, .news-four .date b {
    display:block;
    font-size:50px;
    line-height:48px;
    font-weight:bold
}
.news-two {
    float:left;
    width:440px;
    margin:0 20px
}
.news-two li {
    margin-bottom:22px;
    padding:16px 45px 45px;
    background-color:#f7f7f7
}
.news-two li a {
    display:block
}
.news-two .two-title {
    margin-bottom:16px;
    font-size:18px;
    line-height:30px;
    color:#333;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.news-two .desc {
    font-size:14px;
    color:#888;
    display:-webkit-box;
    height:40px;
    line-height:20px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.news-two .date {
    margin-bottom:25px;
    border-bottom:1px solid #e6e6e6;
    padding:20px 0;
    background:url("../images/inewarr.png") no-repeat right center
}
.news-four {
    overflow:hidden;
    zoom:1;
    background-color:#f7f7f7;
    padding:18px 40px 15px 50px
}
.news-four li {
    border-bottom:1px solid #e6e6e6
}
.news-four li:last-child {
    border:0
}
.news-four a {
    position:relative;
    display:block;
    padding:48px 90px 51px 90px;
    background:url("../images/inewarr.png") no-repeat right center
}
.news-four .date {
    position:absolute;
    left:0;
    top:31px
}
.news-four .four-title {
    margin-bottom:4px;
    font-size:18px;
    line-height:36px;
    color:#333333;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.news-four .desc {
    display:none;
    font-size:0;
    line-height:36px;
    color:#888;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.site-article-wrapper {
    width:1400px;
    margin:0 auto
}
.site-article-wrapper ul {
    border-top:1px solid #ccc
}
.site-article-wrapper li {
    border-bottom:1px solid #ccc
}
.site-article-wrapper li a {
    position:relative;
    display:block;
    padding:54px 0 0px 230px
}
.site-article-wrapper li a:hover .title {
    color:#d90000
}
.site-article-wrapper li a:hover .desc {
    color:#d90000
}
.site-article-wrapper .date {
    position:absolute;
    top:56px;
    left:0;
    z-index:3
}
.site-article-wrapper .date .mm-dd {
    font-size:42px;
    line-height:54px;
    font-weight:bold;
    color:#999;
    border-bottom:1px solid #666;
    font-family:Arial, Helvetica, sans-serif
}
.site-article-wrapper .date .yy {
    font-size:16px;
    line-height:36px;
    color:#999
}
.site-article-wrapper .title {
    margin-bottom:7px;
    font-size:20px;
    line-height:48px;
    font-weight:bold;
    color:#1a1a1a;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.site-article-wrapper .desc {
    margin-bottom:24px;
    font-size:16px;
    color:#999;
    display:-webkit-box;
    height:60px;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.site-article-wrapper .tag {
    padding:0 0 77px 230px
}
.site-article-wrapper .tag a {
    float:left;
    display:block;
    margin-right:9px;
    padding:0 10px;
    font-size:16px;
    line-height:28px;
    color:#b2b2b2;
    border:1px solid #ccc
}
.site-article-wrapper .tag a:hover {
    color:#d90000;
    border-color:#d90000
}
.singlepage {
    font-size:16px;
    line-height:30px;
    color:#333
}
.singlepage img {
    vertical-align:middle;
    max-width:100%;
    height:auto !important
}
.case-news-article {
    position:relative;
    max-width:1200px;
    margin:0 auto;
    padding:15px 0 72px;
    overflow:hidden
}
.case-news-article .share {
    position:absolute;
    right:60px
}
.case-news-article .title {
    margin:0 0 14px;
    font-size:32px;
    line-height:48px;
    font-weight:bold;
    color:#333
}
.case-news-article .share a {
    float:left;
    display:block;
    width:30px;
    height:30px;
    margin:0 0 0 10px;
    padding:0;
    background-repeat:no-repeat;
    background-position:center
}
.case-news-article .share .bds_weixin {
    background-image:url("../images/bdwx.png")
}
.case-news-article .share .bds_tsina {
    background-image:url("../images/bdsa.png")
}
.case-news-article .share .bds_qzone {
    background-image:url("../images/bdqz.png")
}
.case-news-article .share .bds_more {
    background-image:url("../images/bdmr.png")
}
.case-news-article .info {
    padding-top:5px;
    padding-bottom:33px;
    font-size:14px;
    line-height:24px;
    border-bottom:1px solid #ccc;
    color:#999
}
.case-news-article .info .tag {
    float:left;
    color:#999
}
.case-news-article .info .tag:hover {
    color:#d90000
}
.case-news-article .info i {
    float:left;
    padding:0 17px
}
.case-news-article .info .date {
    float:left
}
.case-news-article .singlepage {
    padding:36px 0 77px
}
.case-news-article .singlepage p, .case-news-article .singlepage span {
    white-space:normal !important
}
.case-news-article .page-ctrl {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:17px 0
}
.case-news-article .page-ctrl a {
    display:block;
    font-size:14px;
    line-height:30px;
    color:#999;
    max-width:45%;
    background-repeat:no-repeat
}
.case-news-article .page-ctrl .prev {
    float:left;
    padding-left:55px;
    background-position:0 center;
    background-image:url("../images/pageprev.png")
}
.case-news-article .page-ctrl .prev:hover {
    color:#d90000;
    background-image:url("../images/pageprevac.png")
}
.case-news-article .page-ctrl .next {
    float:right;
    padding-right:55px;
    background-position:right center;
    background-image:url("../images/pagenext.png")
}
.case-news-article .page-ctrl .next:hover {
    color:#d90000;
    background-image:url("../images/pagenextac.png")
}
.full-faith-article {
    background-color:#f2f2f2
}
.full-faith-article .faith-item {
    position:relative
}
.full-faith-article .image img {
    display:block;
    width:100%
}
.full-faith-article .content {
    padding-top:6.25%;
    padding-bottom:6.25%;
    font-size:16px;
    line-height:30px;
    color:#333
}
.full-faith-article .content .title {
    float:left;
    width:50%
}
.full-faith-article .content .title h2 {
    margin-bottom:15px;
    font-size:24px;
    line-height:36px;
    font-weight:bold;
    color:#d93f3d
}
.full-faith-article .content .title h3 {
    margin-bottom:18px;
    font-size:36px;
    line-height:50px;
    color:#333
}
.full-faith-article .content .title h3 b, .full-faith-article .content .title h3 strong {
    font-weight:bold
}
.full-faith-article .content .desc {
    overflow:hidden
}
.full-faith-key {
    position:relative
}
.full-faith-key .bg img {
    display:block;
    width:100%
}
.full-faith-key .m-key-list {
    position:absolute;
    left:0;
    top:50%;
    z-index:3;
    margin-top:-70px
}
.m-key-list {
    width:100%;
    overflow:hidden
}
.m-key-list ul {
    padding:0 4.10526%
}
.m-key-list li {
    float:left;
    width:16.66667%;
    text-align:center
}
.m-key-list .top {
    margin-bottom:20px;
    font-size:0;
    color:#fff;
    height:78px;
    line-height:78px
}
.m-key-list .top img {
    vertical-align:middle
}
.m-key-list .top span {
    font-size:72px
}
.m-key-list .text {
    font-size:15px;
    line-height:21px;
    color:#ccc
}
.m-about-title {
    font-size:36px;
    line-height:48px;
    font-weight:bold;
    color:#1a1a1a
}
.m-about-title span {
    color:#d93f3d
}
.m-about-text {
    padding:41px 0 66px;
    font-size:16px;
    line-height:30px;
    color:#333
}
.about-us-intro {
    padding-top:70px;
    padding-bottom:8.125%;
    position:relative;
    overflow:hidden
}
.about-us-intro .year {
    position:absolute;
    right:0;
    top:70px
}
.about-us-intro .article {
    padding:54px 38.875% 82px 0;
    font-size:16px;
    line-height:30px;
    color:#333
}
.about-us-intro .intro-card {
    margin:0 -25px
}
.about-us-intro .intro-card .card {
    float:left;
    width:33.3333%
}
.about-us-intro .intro-card .inner {
    position:relative;
    padding:0 25px
}
.about-us-intro .intro-card .inner img {
    display:block;
    width:100%
}
.about-us-intro .intro-card .info {
    position:absolute;
    left:67px;
    top:28.18627%;
    color:#fff;
    font-size:18px;
    line-height:28px
}
.about-us-intro .intro-card .en {
    font-size:16px;
    line-height:20px;
    text-transform:uppercase
}
.about-us-intro .intro-card .cn {
    margin-bottom:37px;
    font-size:30px;
    line-height:50px;
    font-weight:bold
}
.certificate-desc {
    padding-top:92px
}
.full-certificate {
    background-color:#f2f2f2;
    padding:86px 0 196px;
    position:relative
}
.full-certificate .slides li {
    position:relative;
    width:100%
}
.full-certificate .slides li img {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    max-width:100%;
    width:auto
}
.full-certificate .slides .after {
    display:block;
    width:100%;
    padding-bottom:136.12167%
}
.full-certificate .slides .center {
    font-size:0;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    width:100%;
    height:100%;
    text-align:center
}
.full-certificate .slides .hack {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:0;
    height:100%
}
.full-certificate .flex-control-nav {
    z-index:10;
    bottom:-93px;
    line-height:0
}
.full-certificate .flex-control-nav a {
    background-color:#bfbfbf
}
.full-certificate .flex-control-nav .flex-active {
    background-color:#d93f3d
}
.full-certificate .flex-direction-nav {
    position:absolute;
    width:100%;
    bottom:-93px
}
.full-certificate .flex-direction-nav a {
    position:absolute;
    bottom:0;
    z-index:20;
    width:58px;
    height:27px;
    background-repeat:no-repeat;
    background-position:center;
    opacity:1;
    font-size:0
}
.full-certificate .flex-direction-nav .flex-prev {
    left:0;
    background-image:url("../images/certprev.png")
}
.full-certificate .flex-direction-nav .flex-prev:hover {
    background-image:url("../images/certprevac.png")
}
.full-certificate .flex-direction-nav .flex-next {
    right:0;
    background-image:url("../images/certnext.png")
}
.full-certificate .flex-direction-nav .flex-next:hover {
    background-image:url("../images/certnextac.png")
}
.full-certificate .slide-ctrl {
    position:absolute;
    bottom:-93px;
    z-index:20;
    width:58px;
    height:27px;
    background-repeat:no-repeat;
    background-position:center;
    opacity:1;
    font-size:0
}
.full-certificate .slide-prev {
    left:0;
    background-image:url("../images/certprev.png")
}
.full-certificate .slide-prev:hover {
    background-image:url("../images/certprevac.png")
}
.full-certificate .slide-next {
    right:0;
    background-image:url("../images/certnext.png")
}
.full-certificate .slide-next:hover {
    background-image:url("../images/certnextac.png")
}
.full-certificate .certificate-reslider {
    overflow:hidden
}
.full-certificate .certificate-reslider ul {
    width:100%;
    white-space:nowrap;
    font-size:0
}
.full-certificate .certificate-reslider .center {
    overflow:hidden
}
.full-certificate .certificate-reslider .center img {
    -webkit-transition:all ease .7s;
    -o-transition:all ease .7s;
    -moz-transition:all ease .7s;
    transition:all ease .7s;
    max-width:90%
}
.full-certificate .certificate-reslider .center:hover img {
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform:scale(1.02)
}
.full-certificate .certificate-reslider li {
    width:20%;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1
}
.full-certificate-article {
    padding:75px 0;
    background-color:#f2f2f2
}
.full-certificate-article .info {
    float:left;
    padding-top:2.875%
}
.full-certificate-article .cert-ico {
    margin-bottom:23px;
    height:78px
}
.full-certificate-article .cert-ico img {
    vertical-align:top;
    width:78px
}
.full-certificate-article .certificate {
    float:right;
    width:46.875%;
    padding-right:6.25%
}
.full-certificate-article .certificate img {
    display:block;
    width:100%
}
.about-field {
    padding:73px 0 0
}
.about-field .main-business {
    margin:0
}
.about-field .main-business .business-item {
    margin-left:-1px
}
.about-field .main-business h2 {
    padding:41px 0 20px
}
.about-field .main-business h2 a {
    font-size:24px;
    line-height:36px
}
.about-field .main-business .inner {
    margin:0;
    padding:14.5% 12.5% 12.5%;
    border:1px solid #d9d9d9
}
.about-field .main-business .sub {
    border:0;
    padding-bottom:0
}
.about-field .main-business .sub a {
    background:none;
    padding-left:0;
    line-height:32px
}
.about-field .field-text {
    font-size:16px;
    line-height:30px;
    padding:51px 0 64px
}
.about-field .field-text .bred {
    font-weight:bold;
    color:#d93f3d
}
.our-server {
    position:relative
}
.our-server .bg {
    overflow:hidden
}
.our-server .bg img {
    position:relative;
    left:50%;
    margin-left:-960px;
    display:block;
    height:640px
}
.our-server .server-inner {
    position:absolute;
    left:50%;
    top:76px;
    margin-left:-800px
}
.our-server .server-inner .server-desc {
    padding-top:30px;
    font-size:20px;
    line-height:40px;
    font-style:italic;
    color:#fff
}
.our-server .server-inner .server-desc .text {
    font-size:28px
}
.our-server .m-key-list {
    position:absolute;
    left:0;
    bottom:89px;
    z-index:3
}
.our-partner {
    padding:62px 0 84px
}
.our-partner .partner-title .m-about-title {
    float:left
}
.our-partner .partner-title .m-line-more {
    float:right
}
.our-partner .partner-wrapper {
    padding-top:35px
}
.our-partner .partner-wrapper img {
    display:block;
    width:100%
}
.m-diff-text {
    text-align:center;
    font-size:16px;
    line-height:30px;
    color:#333
}
.m-center-img {
    text-align:center
}
.m-center-img img {
    max-width:100%;
    vertical-align:top
}
.diff-head {
    position:relative;
    padding:34px 0 66px;
    font-size:20px;
    line-height:32px;
    text-align:center;
    border-bottom:1px solid #d9d9d9
}
.diff-head h1 {
    margin-bottom:12px;
    font-size:36px;
    line-height:48px;
    color:#333;
    font-weight:bold
}
.diff-head .line {
    position:absolute;
    left:50%;
    bottom:0;
    z-index:3;
    width:206px;
    height:2px;
    background-color:#d93f3d;
    margin-left:-103px
}
.full-diff-text {
    padding:65px 0 0
}
.full-diff-text .m-diff-text {
    padding:24px 0 72px
}
.full-ablum .item {
    float:left;
    width:33.3333%
}
.full-ablum img {
    display:block;
    width:100%
}
.adv-supplier {
    padding:77px 0 66px
}
.adv-supplier .m-diff-text {
    padding:26px 0 39px
}
.adv-supplier .supplier-image img {
    display:block;
    width:100%
}
.full-adv-case {
    position:relative
}
.full-adv-case .case-ditt-content {
    position:absolute;
    top:76px;
    left:0;
    width:100%;
    color:#fff
}
.full-adv-case img {
    display:block;
    width:100%
}
.full-adv-case .m-diff-title {
    color:#fff
}
.full-adv-case .m-diff-text {
    color:#fff;
    padding:25px 0 0
}
.diff-server {
    padding:73px 0 80px
}
.diff-server .m-diff-text {
    padding:25px 0 45px
}
.full-seo-article {
    padding:59px 0 119px;
    background-color:#f2f2f2
}
.full-seo-article .m-diff-text {
    padding:25px 0 60px
}
.full-worthy-intro {
    padding:59px 0 0
}
.full-worthy-intro .m-diff-text {
    padding:25px 0 57px
}
.history-more {
    margin-top:0
}
.history-wapper {
    position:relative;
    width:1400px;
    margin:0 auto 55px;
    overflow:hidden
}
.history-wapper .history {
    padding-bottom:60px
}
.history-wapper .botline {
    position:absolute;
    bottom:0;
    right:698px;
    width:2px;
    height:60px;
    background-color:#d9d9d9
}
.history-wapper .chl-title {
    padding:13px 0 64px;
    text-align:center;
    font-size:72px;
    line-height:76px;
    color:#333;
    text-transform:uppercase
}
.history-wapper .item {
    display:none;
    position:relative;
    border-bottom:1px solid #e6e6e6
}
.history-wapper .item .year {
    position:absolute;
    left:25%;
    top:46px;
    font-size:55px;
    line-height:88px;
    color:#d93f3d;
    margin-left:-2em
}
.history-wapper .item .year .line {
    display:block;
    width:56px;
    height:3px;
    background-color:#d93f3d
}
.history-wapper .dot {
    position:absolute;
    right:692px;
    top:68px;
    width:15px;
    height:15px;
    background:url("../images/historydot.png") no-repeat center
}
.history-wapper .list {
    float:right;
    width:642px;
    font-size:16px;
    line-height:30px;
    padding:60px 0 28px 56px;
    border-left:2px solid #d9d9d9
}
.history-wapper .list li {
    padding-bottom:30px
}
.history-wapper .list h4 {
    font-size:18px;
    font-weight:bold
}
.response-wrapper {
    position:relative
}
.range .handle {
    display:block;
    top:0;
    width:90px;
    height:44px;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    outline:0;
    background-repeat:no-repeat;
    background-image:url("../images/movehandler2.png");
    background-position:center
}
.m-move-handle {
    display:none;
    padding-bottom:38px;
    position:absolute;
    left:50%;
    bottom:0;
    width:280px;
    margin-left:-140px;
    z-index:3
}
.m-move-handle .site-range {
    width:280px;
    height:6px;
    -webkit-box-shadow:inset 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow:inset 0px 2px 3px 0px rgba(0,0,0,0.2);
    *background-color:#ddd;
    -webkit-border-radius:3px;
    border-radius:3px
}
.move2 .handle {
    width:140px
}
.move3 .handle {
    width:93.33333px
}
.move4 .handle {
    width:70px
}
.move5 .handle {
    width:56px
}
.move6 .handle {
    width:46.66667px
}
.move7 .handle {
    width:40px
}
.move6 .handle {
    width:46.66667px
}
.move8 .handle {
    width:35px
}
.move9 .handle {
    width:31.11111px
}
.move10 .handle {
    width:28px
}
.full-case-detail {
    padding:24px 0 80px;
    background-color:#eaeaea
}
.full-case-detail .case-head {
    margin-bottom:10px;
    background-color:#fff;
    display:table;
    width:100%
}
.full-case-detail .info {
    display:table-cell;
    vertical-align:top;
    width:53.75%;
    padding:3.125%
}
.full-case-detail .info .img {
    float:left;
    margin-right:50px;
    max-width:230px
}
.full-case-detail .info .img img {
    display:block;
    max-width:100%
}
.full-case-detail .info .content {
    overflow:hidden
}
.full-case-detail .info .content .desc {
    margin-bottom:20px;
    font-size:16px;
    line-height:24px;
    color:#666
}
.full-case-detail .info .content .view {
    display:block;
    width:120px;
    height:36px;
    text-align:center;
    border:solid 1px #ccc;
    font-size:15px;
    line-height:36px;
    color:#666;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s
}
.full-case-detail .info .content .view:hover {
    border-color:#d90000;
    color:#d90000
}
.full-case-detail .u-cshd-title {
    padding:10px 0 23px
}
.full-case-detail .u-cshd-title .en {
    font-size:24px;
    line-height:28px;
    color:#aaa;
    font-weight:bold;
    font-family:DINCond-Bold
}
.full-case-detail .u-cshd-title .cn {
    margin-bottom:12px;
    font-size:24px;
    line-height:34px;
    color:#333
}
.full-case-detail .u-cshd-title .line {
    display:block;
    width:20px;
    height:2px;
    background-color:#ccc
}
.full-case-detail .server {
    display:table-cell;
    vertical-align:top;
    width:46.25%;
    padding:3.125% 5.625%;
    background-color:#f5f5f5;
    font-size:15px;
    line-height:40px;
    color:#666
}
.full-case-detail .server .dot {
    padding-left:16px;
    background:url("../images/dot.png") no-repeat 0 center
}
.full-case-detail .app-features {
    line-height:24px
}
.full-case-detail .case-body {
    padding:50px;
    background-color:#fff;
    font-size:16px;
    line-height:30px
}
.full-case-detail .case-body .view {
    /*text-align:center;*/
    max-width:1180px;
    margin:0 auto
}
.full-case-detail .case-body img {
    margin-top:1em;
    vertical-align:top;
    max-width:100%
}
.full-case-detail .case-body .casebtn {
    padding:47px 0 66px;
    text-align:center
}
.full-case-detail .case-body .casebtn a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:140px;
    margin:0 3px;
    font-size:16px;
    line-height:35px;
    border:solid 1px #cccccc;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s;
    color:#666
}
.full-case-detail .case-body .casebtn a:hover {
    border-color:#d90000;
    color:#d90000
}
.full-case-detail .case-body .col-3 {
    float:left;
    width:25%;
    line-height:36px
}
.full-case-detail .case-body .lh {
    line-height:36px
}
.full-case-detail .full-case-body {
    width:100%;
    background-color:#fff;
    font-size:16px;
    line-height:24px;
    color:#696a6e;
    padding:68px 0 0
}
.full-case-detail .full-case-body .content-view {
    max-width:1200px
}
.full-case-detail .full-case-body .casebtn {
    padding:30px 0 40px;
    text-align:center
}
.full-case-detail .full-case-body .casebtn a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:140px;
    margin:0 3px;
    font-size:16px;
    line-height:35px;
    border:solid 1px #cccccc;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s;
    color:#666
}
.full-case-detail .full-case-body .casebtn a:hover {
    border-color:#d90000;
    color:#d90000
}
.full-case-detail .full-case-body .bold {
    font-size:48px;
    line-height:60px;
    color:#242526;
    margin-bottom:10px
}
.full-case-detail .full-case-body img {
    max-width:100%;
    height:auto !important
}
.full-case-detail .full-case-body .content-view {
    text-align:center
}
.full-case-detail .right-content {
    position:relative;
    z-index:10;
    padding:40px 0 10.9375%
}
.full-case-detail .right-content .color-left {
    position:absolute;
    top:55px;
    left:18.75%;
    max-width:540px
}
.full-case-detail .right-content .color-left .color-panel {
    padding-top:50px
}
.full-case-detail .right-content .color-right {
    padding-left:18.75%
}
.full-case-detail .right-content .color-right img {
    width:100%
}
.full-case-detail .skew-content {
    position:relative;
    z-index:10;
    width:100%
}
.full-case-detail .skew-content .skew-bg {
    position:absolute;
    left:0;
    top:17%;
    bottom:0;
    z-index:1;
    width:100%;
    overflow:hidden
}
.full-case-detail .skew-content .skew-bg img {
    max-width:none;
    width:auto;
    min-width:100%;
    height:100% !important
}
.full-case-detail .skew-content .case-server {
    position:relative;
    z-index:2
}
.full-case-detail .skew-content .case-server .text {
    position:absolute;
    top:15px;
    left:18.75%;
    max-width:540px;
    width:28.125%
}
.full-case-detail .skew-content .case-server .cimg {
    padding-left:18.75%
}
.full-case-detail .skew-content .case-ue {
    padding-top:4.16667%;
    position:relative;
    z-index:2
}
.full-case-detail .skew-content .case-ue .text {
    position:absolute;
    top:-170px;
    left:73.54167%
}
.full-case-detail .skew-content .case-ue .cimg {
    text-align:center
}
.moblie-case-slider {
    position:relative;
    margin-top:-27.53333%;
    padding:0 293px 176px
}
.moblie-case-slider .moblie-mswiper-wrapper, .moblie-case-slider .case-bxslider-wrapper {
    width:300px;
    height:477px;
    padding-top:49px;
    background-color:#fff
}
.moblie-case-slider .moblie-mswiper-wrapper li, .moblie-case-slider .case-bxslider-wrapper li {
    width:100%;
    float:left;
    height:100%;
    overflow:hidden
}
.moblie-case-slider .moblie-mswiper-wrapper img, .moblie-case-slider .case-bxslider-wrapper img {
    width:100%;
    margin:0
}
.moblie-case-slider .moblie-mswiper-wrapper .wxcase-bxslider, .moblie-case-slider .case-bxslider-wrapper .wxcase-bxslider {
    height:477px;
    overflow:hidden
}
.moblie-case-slider .case-mswiper {
    width:100%;
    height:100%
}
.moblie-case-slider .bx-pager {
    display:none
}
.moblie-case-slider .moblie-mswiper-wrapper {
    position:relative
}
.moblie-case-slider .controls a, .moblie-case-slider .bx-wrapper .bx-controls-direction a {
    position:absolute;
    width:68px;
    height:68px;
    top:auto;
    bottom:0px;
    background-repeat:no-repeat;
    border:1px solid #ccc;
    background-position:center;
    font-size:0
}
.moblie-case-slider .controls .bx-prev, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev {
    left:-115px;
    background-image:url("../images/imcaseprev.png")
}
.moblie-case-slider .controls .bx-prev:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev:hover {
    border-color:#d90000;
    background-image:url("../images/imcaseprevac.png")
}
.moblie-case-slider .controls .bx-next, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next {
    right:-115px;
    background-image:url("../images/imcasenext.png")
}
.moblie-case-slider .controls .bx-next:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next:hover {
    border-color:#d90000;
    background-image:url("../images/imcasenextac.png")
}
.moblie-case-slider .casebg {
    position:absolute;
    left:280px;
    top:-16px;
    z-index:20;
    width:349px;
    height:683px;
    background:url("../images/mcasebg.png") no-repeat 0 0
}
.mcase-right-info {
    position:relative
}
.mcase-right-info .mcase {
    position:absolute;
    right:0;
    bottom:123px
}
.mcase-right-info .qrcode {
    float:left
}
.mcase-right-info .qrcode img {
    display:block;
    width:127px;
    height:127px
}
.mcase-right-info .mcase-more {
    float:left;
    display:block;
    width:125px;
    height:61px;
    margin-left:38px;
    padding-top:64px;
    border:1px solid #dcdcdc;
    text-align:center;
    font-size:15px;
    line-height:20px;
    color:#666;
    background:url("../images/mcasedots.png") no-repeat center 37px;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s
}
.mcase-right-info .mcase-more:hover {
    color:#d90000;
    border-color:#d90000;
    background-image:url("../images/mcasedotsac.png")
}
.app-inside-soutions {
    padding:0 0 8.125%;
    margin-top:-32px
}
.app-inside-soutions .item a {
    padding-top:60px
}
.u-ue-title {
    font-size:36px;
    line-height:72px;
    color:#333;
    text-align:center
}
.app-singlepage {
    padding-top:60px;
    padding-bottom:88px;
    text-align:center;
    font-size:16px;
    line-height:30px;
    color:#333;
    border-bottom:1px solid #d9d9d9
}
.app-singlepage img {
    vertical-align:top;
    max-width:100%
}
.app-singlepage .lh48 {
    line-height:48px
}
.app-singlepage .span {
    font-size:20px;
    line-height:50px
}
.app-singlepage .sub-title {
    font-size:24px;
    line-height:48px
}
.ue-list {
    padding-top:90px
}
.ue-list li {
    position:relative;
    margin-bottom:6.78571%
}
.ue-list .ue-rimg {
    padding-left:50%
}
.ue-list .ue-rimg .info {
    left:0
}
.ue-list .ue-rimg .middle {
    padding-right:6.78571%
}
.ue-list .ue-limg {
    padding-right:50%
}
.ue-list .ue-limg .info {
    right:0
}
.ue-list .ue-limg .middle {
    padding-left:6.78571%
}
.ue-list .info {
    position:absolute;
    top:0;
    z-index:3;
    height:100%;
    width:50%;
    font-size:0
}
.ue-list .info .hack {
    display:inline-block;
    *display:inline-block;
    *zoom:1;
    vertical-align:middle;
    width:0;
    height:100%
}
.ue-list .info .middle {
    display:inline-block;
    *display:inline-block;
    *zoom:1;
    vertical-align:middle;
    font-size:16px;
    line-height:30px;
    text-align:left
}
.ue-list .info h3 {
    font-size:36px;
    line-height:72px
}
.m-page-partner {
    padding:48px 0 92px;
    overflow:hidden
}
.m-page-partner .u-ue-title {
    margin-bottom:53px
}
.m-page-partner ul {
    margin:0 -5px
}
.m-page-partner li {
    float:left;
    width:12.5%;
    text-align:center;
    margin-bottom:10px
}
.m-page-partner li div {
    padding:0 5px
}
.m-page-partner img {
    vertical-align:top;
    max-width:100%
}
.noborder {
    border:0;
    padding-bottom:82px
}
.m-idico-wrapper {
    overflow:hidden;
    font-size:16px;
    line-height:30px;
    color:#666;
    padding-bottom:42px
}
.m-idico-wrapper .idico-list {
    margin:0 -95px
}
.m-idico-wrapper .idico-item {
    float:left;
    width:33.3333%
}
.m-idico-wrapper .inner {
    position:relative;
    padding:0 95px
}
.m-idico-wrapper .id {
    position:absolute;
    right:95px;
    top:0;
    font-size:100px;
    line-height:1;
    color:#f2f2f2;
    font-weight:bold
}
.m-idico-wrapper .ico {
    margin-bottom:20px;
    width:80px;
    height:80px;
    line-height:80px
}
.m-idico-wrapper .ico img {
    vertical-align:middle
}
.m-idico-wrapper h3 {
    margin-bottom:21px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#333
}
.m-idico-wrapper .sub {
    height:227px;
    border-bottom:1px solid #ccc
}
.text-center {
    text-align:center
}
.native-app-desc {
    padding:49px 0 0;
    border-bottom:1px solid #ccc
}
.m-diff-content {
    display:table;
    width:90%;
    margin:0 auto;
    padding:38px 0 70px;
    table-layout:fixed
}
.m-diff-content .ico-txt {
    color:#d93f3d
}
.m-diff-content .ico-txt img {
    vertical-align:baseline
}
.m-diff-content .ico-txt span {
    padding:0 7px;
    font-size:24px;
    line-height:30px
}
.m-diff-content .item {
    width:50%;
    display:table-cell;
    vertical-align:top;
    padding:0 55px
}
.m-diff-content .item img {
    max-width:100%
}
.m-diff-content .text-left {
    text-align:left
}
.m-diff-content .text-right {
    text-align:right;
    border-right:1px solid #ccc
}
.rn-web-topdesc {
    padding-bottom:25px;
    border:0
}
.rn-web-bottom {
    border:0;
    padding:47px 0 19px
}
.app-icodesc {
    -webkit-text-emphasis:center;
    text-emphasis:center
}
.app-icodesc ul {
    padding:26px 30px 100px
}
.app-icodesc .ico {
    margin-bottom:10px;
    height:60px;
    line-height:60px
}
.app-icodesc .ico img {
    vertical-align:middle
}
.app-icodesc li {
    float:left;
    width:20%
}
.full-foot-needs {
    width:100%;
    padding:45px 0 50px;
    background-color:#ededed
}
.full-foot-needs .notes {
    font-size:16px;
    line-height:24px;
    color:#999
}
.needs-form-wrapper {
    padding-bottom:35px;
    border-bottom:1px solid #d9d9d9
}
.needs-form-wrapper .title {
    margin-bottom:23px;
    font-size:36px;
    line-height:46px
}
.needs-form {
    padding-bottom:12px
}
.needs-form label {
    display:block;
    background-color:#fff;
    width:400px;
    float:left;
    padding:22px 0 22px 20px;
    margin-right:11px
}
.needs-form input {
    display:block;
    width:100%;
    font-size:16px;
    line-height:16px;
    height:16px;
    background:none;
    color:#999
}
.needs-form .msg {
    width:510px
}
.needs-form .sub {
    width:197px;
    margin-right:0;
    background-color:#333;
    background-repeat:no-repeat;
    text-align:center;
    padding-left:0
}
.needs-form .sub input {
    color:#fff;
    cursor:pointer;
    padding:0
}
.foot-contact {
    padding-top:34px
}
.foot-contact .title {
    float:left;
    font-size:36px;
    line-height:58px;
    font-weight:bold;
    color:#1a1a1a;
    padding:0 28px 0 78px;
    background-repeat:no-repeat;
    background-position:0 center
}
.foot-contact .lines {
    float:left
}
.foot-contact .lines .title {
    background-image:url("../images/fttel.png")
}
.foot-contact .lines .info {
    overflow:hidden;
    padding-top:4px;
    font-size:16px;
    line-height:26px;
    color:#1a1a1a
}
.foot-contact .lines .info a {
    font-weight:bold;
    color:#d90000
}
.foot-contact .needs {
    float:right
}
.foot-contact .needs .title {
    background-image:url("../images/ftneeds.png")
}
.foot-contact .needs .info {
    float:left;
    padding-top:4px;
    font-size:16px;
    line-height:26px;
    color:#1a1a1a
}
.foot-contact .needs .editbtn {
    float:left;
    width:140px;
    height:45px;
    margin:6px 0 0 40px;
    font-size:18px;
    line-height:45px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    background-color:#d90000
}
.footer-content {
    padding:36px 0 0;
    background-color:#333;
    color:#777;
    font-size:16px;
    line-height:24px
}
.footer-content a {
    color:#777
}
.footer-content a:hover {
    color:#fff
}
.footer-content .szweb-info {
    float:left;
    width:266px;
    padding:0 111px 24px 0;
    color:#cccc
}
.footer-content .szweb-info a {
    color:#cccc
}
.footer-content .szweb-info .motto {
    padding:24px 0 18px;
    font-size:17px;
    line-height:28px
}
.footer-content .szweb-info .ft-qrcode {
    padding-bottom:17px
}
.foot-about {
    padding-bottom:43px;
    font-size:14px;
    line-height:26px;
    color:#666
}
.foot-about .about-left {
    float:left;
    width:28.125%
}
.foot-about .adv-mid {
    float:left;
    width:28.125%;
    margin-left:7.8125%
}
.foot-about .adv-mid .left {
    float:left
}
.foot-about .adv-mid .right {
    float:right
}
.foot-about .diff-right {
    float:right;
    width:28.125%
}
.ftcontent-right {
    float:right;
    width:1222px
}
.u-qk-title {
    position:relative;
    padding-bottom:12px;
    margin-bottom:19px;
    color:#666;
    line-height:46px;
    border-bottom:1px solid #666
}
.u-qk-title h4 {
    font-size:22px;
    color:#ccc
}
.u-qk-title .more {
    position:absolute;
    right:0;
    top:0;
    font-size:24px;
    width:46px;
    height:46px;
    text-align:right
}
.quick-links {
    padding-bottom:35px
}
.quick-links .item {
    float:left;
    width:257px;
    padding-right:117px;
    overflow:hidden;
    font-size:14px
}
.quick-links .item a {
    display:block
}
.quick-links .business {
    width:309px
}
.quick-links .business-links .left {
    float:left
}
.quick-links .business-links .right {
    float:right
}
.quick-links .aboutus {
    width:417px;
    padding-right:0
}
.quick-links .aboutus a {
    display:inline
}
.quick-links .aboutus .cognition {
    display:none
}
.quick-links .aboutus .u-qk-title span {
    cursor:pointer
}
.quick-links .aboutus .u-qk-title .noac {
    color:#666
}
.friend-links {
    padding-bottom:38px
}
.friend-links h6 {
    padding-bottom:9px;
    font-size:16px;
    line-height:24px;
    color:#ccc
}
.friend-links h6 .tilte {
    float:left;
    margin-right:9px
}
.friend-links h6 .tilte:before {
    content:'';
    display:inline-block;
    vertical-align:top;
    width:5px;
    height:16px;
    margin:4px 10px 0 0;
    background:#d90000
}
.friend-links h6 a {
    display:block;
    padding:0 10px;
    font-size:14px;
    line-height:22px;
    color:#666;
    border:1px solid #444
}
.friend-links h6 .exchagne {
    float:left
}
.friend-links h6 .flod {
    float:right
}
.friend-links .link-list {
    height:26px;
    overflow:hidden
}
.friend-links .link-list a {
    position:relative;
    font-size:14px;
    margin-right:15px
}
.friend-links .link-list a::before {
    content:'';
    position:absolute;
    left:-8px;
    top:1px;
    width:1px;
    height:14px;
    background-color:#777
}
.full-foot-bottom {
    padding:28px 0 34px;
    background-color:#333;
    color:#666;
    font-size:14px;
    line-height:26px;
    border-top:1px solid #4d4d4d;
    text-align:center
}
.full-foot-bottom a {
    color:#666
}
.show {
    display:block !important
}
#LXB_CONTAINER {
    top:auto !important;
    bottom:20% !important;
    margin-bottom:430px !important;
    font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif
}
#LXB_CONTAINER button, #LXB_CONTAINER input, #LXB_CONTAINER select, #LXB_CONTAINER textarea {
    font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif
}
#LXB_CLOSE_BTN {
    top:auto !important;
    bottom:20% !important;
    margin-bottom:430px !important
}
.sidebar {
    display:block;
    position:fixed;
    bottom:20%;
    right:0;
    z-index:99;
    width:55px;
    background:url("../images/sidebarbg.png") no-repeat 0 0
}
.sidebar a {
    position:relative;
    display:block;
    width:55px;
    height:22px;
    margin:0;
    padding-top:48px;
    text-align:center
}
.sidebar a i {
    display:block;
    font-style:normal;
    font-size:12px;
    line-height:22px;
    color:#fff;
    text-align:center
}
.sidebar a span {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    height:45px;
    padding-left:50px;
    color:#fff;
    line-height:45px;
    font-size:14px;
    background-color:#262626;
    background-repeat:no-repeat;
    background-image:url(../images/icon.png)
}
.sidebar .qq {
    background:url("../images/sideqq.png") no-repeat center 16px
}
.sidebar .qq span {
    background-position:-360px -186px;
    width:90px
}
.sidebar .tel {
    background:url("../images/sidetel.png") no-repeat center 18px
}
.sidebar .tel span {
    top:12px;
    width:120px;
    height:56px;
    font-size:16px;
    line-height:56px;
    font-weight:bold;
    text-align:left;
    background-position:-362px -226px
}
.sidebar .edit {
    background:url("../images/sideedit.png") no-repeat center 21px
}
.sidebar .con {
    background:url("../images/sidecon.png") no-repeat center 21px
}
.sidebar .con span {
    width:120px;
    background-position:-362px -275px
}
.sidebar .edit span {
    width:120px;
    background-position:-362px -275px
}
.sidebar .price {
    background:url("../images/sideprice.png") no-repeat center 14px
}
.sidebar .wechat {
    background:url("../images/sidewechat.png") no-repeat center 19px;
    margin-bottom:6px
}
.sidebar .wechat span {
    top:15px;
    background:#fff;
    right:65px;
    padding:0px;
    width:160px;
    height:160px;
    padding:8px;
    border:1px solid #ccc
}
.sidebar .wechat span img {
    display:block;
    width:100%;
    height:auto
}
.sidebar .hometop {
    padding-top:0;
    height:54px;
    background:url("../images/sidetop.png") no-repeat center
}
.full-case-crumbs {
    position:relative;
    z-index:10;
    width:100%;
    height:42px;
    padding:14px 0;
    background-color:#ededed
}
.full-case-crumbs.crumbs-fff {
    background-color:#fff
}
.full-case-crumbs .crumbs {
    float:left;
    /*font-size:0*/
    line-height: 42px;
}
.full-case-crumbs .crumbs a, .full-case-crumbs .crumbs i, .full-case-crumbs .crumbs span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:16px;
    line-height:42px;
    margin-right: 5px;
    margin-left: 5px;
}
.full-case-crumbs .crumbs a:hover {
    color:#d90000
}
.full-case-crumbs .crumbs i {
    padding:0 1em;
    font-family:consolas;
    font-style:normal
}
.full-case-crumbs .crumbs span {
    color:#d90000
}
.full-case-crumbs .crumbs .home {
    padding-left:36px;
    background:url("../images/crumbhome.png") no-repeat 0 10px
}
.full-case-crumbs .crumbs .home:hover {
    background-image:url("../images/crumbhomeac.png")
}
.full-case-crumbs .other-channel {
    position:relative;
    float:right;
    z-index:10;
    width:307px;
    font-size:16px;
    line-height:42px;
    color:#666
}
.full-case-crumbs .other-channel .channel-title {
    background-color:#fff;
    padding-left:28px;
    background:#fff url("../images/otherarr.png") no-repeat 270px center;
    cursor:pointer
}
.full-case-crumbs .other-channel .channel-dropdown {
    display:none;
    position:absolute;
    left:0;
    top:42px;
    width:100%;
    padding-bottom:18px;
    border:1px solid #d2d2d2;
    background-color:#fff;
    max-height:462px;
    overflow-y:auto
}
.full-case-crumbs .other-channel .channel-dropdown a {
    display:block;
    padding-left:28px
}
.full-case-crumbs .other-channel .channel-dropdown a:hover {
    background-color:#d80000;
    color:#fff
}
.full-case-crumbs .edit {
    float:right;
    width:15%;
    height:42px;
    text-align:center;
    background-color:#fff
}
.full-case-crumbs .edit span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    font-size:16px;
    line-height:42px;
    color:#d90000;
    padding-left:44px;
    background:url(../images/editbkac.png) no-repeat 0 44.9%
}
/*网站优化*/
.seo-why{
    position: relative;
}
.seo-title{
    font-size:32px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 10px;
}
.sub-title{
    font-size: 26px;
    text-align: center;
    margin-bottom: 10px;
}
.seo-why .seo-01-img{
    position: relative;
}
.seo-why .seo-save{
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align: center;
}
.ali-01-img .seo-text{
    text-align: left;
}
.ali-01-img>img{
    background-color: rgba(0,0,0,.6);
    padding-top:200px;
}

/*网站优化下面案例*/
.wqpclassic-case{
    padding-top: 60px;
    padding-bottom: 98px;
    overflow: hidden;
}
.ranking-dec{
    text-align: center;
}
.wqpicase-list{
    margin: 0 -40px;
    margin-top: 25px;
}
.wqpicase-list li{
    margin-top: 30px;
    float: left;
    width:33.333333%;
}
.wqpicase-list li .item .imgzoom{
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.wqpicase-list li .item .title{
    font-size: 16px;
}

/*五大优势*/
.five-advantages{
    padding-top:64px;
    padding-bottom: 120px;
}
.advant-list{
    padding-top: 70px;
    text-align: center;
}
.advant-list li{
    display: inline-block;
    vertical-align: top;
    width:19.7%;
    font-size: 16px;
    line-height: 24px;
}
.advant-list li .advant-item{
    padding: 0 30px;
}
.advant-list li .adv-icon{
    width:150px;
    height: 150px;
    border: 1px solid #d90000;
    border-radius: 100%;
    margin: 0 auto 50px;
}
.advant-list li h4{
    margin-bottom: 13px;
}
.szm-fs24{
    font-size: 24px;
}


.g-news-detail {
    padding-bottom:88px;
    background-color:#f2f2f2
}
.g-news-detail .inside-nav a {
    border-bottom-color:#f2f2f2
}
.g-news-detail .inside-nav a:hover {
    border-bottom-color:#d90000
}
.g-news-detail .detail-container {
    padding-top:60px;
    max-width:1200px;
    margin:0 auto
}
.g-news-detail .case-news-article {
    float:left;
    width:800px;
    padding:40px 60px 0;
    margin:0;
    background-color:#fff;
    min-height:800px
}
.g-news-detail .case-news-article .share {
    position:static;
    float:right
}
.g-news-detail .detail-sidebar {
    float:right;
    width:270px
}
.g-news-detail .qrcode-wrapper {
    margin-bottom:10px;
    padding:32px 0 38px;
    background-color:#fff;
    font-size:16px;
    line-height:26px;
    text-align:center;
    color:#666
}
.g-news-detail .qrcode-wrapper .label {
    padding:10px 0 7px
}
.g-news-detail .qrcode-wrapper img {
    vertical-align:middle
}
.g-news-detail .hot-tags {
    margin-bottom:10px;
    background-color:#fff
}
.g-news-detail .hot-tags .title {
    padding-left:20px;
    font-size:18px;
    line-height:52px;
    color:#333;
    border-bottom:1px solid #d9d9d9
}
.g-news-detail .hot-tags ul {
    min-height:68px;
    padding:16px 12px 28px 20px
}
.g-news-detail .hot-tags ul li {
    float:left;
    width:70px;
    margin:0 8px 8px 0;
    height:26px
}
.g-news-detail .hot-tags ul a {
    display:block;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    background-color:#f2f2f2;
    text-align:center;
    font-size:14px;
    line-height:26px;
    color:#333
}
.g-news-detail .page-ctrl {
    padding:22px 26px 19px 18px;
    background-color:#fff
}
.g-news-detail .page-ctrl .label {
    position:relative;
    margin-bottom:12px;
    padding-left:29px;
    background-position:0 center;
    background-repeat:no-repeat;
    font-size:18px;
    line-height:30px;
    color:#333
}
.g-news-detail .page-ctrl .label span {
    position:absolute;
    right:0;
    top:50%;
    padding-left:5px;
    color:#ddd;
    font-size:0;
    width:130px;
    height:1px;
    background-color:#ccc
}
.g-news-detail .page-ctrl .prev {
    background-image:url("../images/newsprev.png")
}
.g-news-detail .page-ctrl .next {
    background-image:url("../images/newsnext.png")
}
.g-news-detail .page-ctrl .item {
    margin-bottom:25px
}
.g-news-detail .page-ctrl a {
    display:block;
    font-size:16px;
    line-height:24px;
    color:#666666;
    max-height:72px;
    line-height:24px;
    display:-webkit-box;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.g-news-detail .page-ctrl a:hover {
    color:#d9000d
}
.g-news-detail .page-ctrl .date {
    display:block
}
#page {
    text-align:center;
    padding:50px 0px 80px
}
#page li{
    display: contents;
}
#page span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:37px;
    height:37px;
    text-align:center;
    line-height:37px;
    margin:0px 5px;
    padding:0;
    color:#636363;
    font-size:14px;
    font-weight:400
}
#page .laypage_curr {
    color:#fff;
    background-color:#d90000 !important;
    border-color:#d90000
}
#page a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:37px;
    height:37px;
    text-align:center;
    line-height:37px;
    margin:0px 5px;
    padding:0;
    color:#636363;
    font-size:14px;
    font-weight:400;
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#fff
}
#page a:hover {
    color:#fff;
    background-color:#d90000;
    border-color:#d90000
}
#page .laypage_next, #page .laypage_prev {
    width:65px
}
.iwelconme-popup {
    display:none;
    position:fixed;
    left:50%;
    top:50%;
    z-index:90;
    width:550px;
    height:300px;
    margin:-150px 0 0 -225px;
    background:url("../images/iwelbg.png") no-repeat 0 0;
    -webkit-transition:all ease 1s;
    -o-transition:all ease 1s;
    -moz-transition:all ease 1s;
    transition:all ease 1s;
    -webkit-transform:translate(0, 60%);
    -moz-transform:translate(0, 60%);
    -ms-transform:translate(0, 60%);
    -o-transform:translate(0, 60%);
    transform:translate(0, 60%);
    opacity:0
}
.iwelconme-popup.animatepop {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1
}
.iwelconme-popup.animatepop .content h4, .iwelconme-popup.animatepop .content h3 {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.iwelconme-popup.animatepop .iwel-buttons {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.iwelconme-popup .close {
    position:absolute;
    top:0;
    right:-48px;
    width:48px;
    height:48px;
    background:url("../images/iwelcancel.png") no-repeat 0 0
}
.iwelconme-popup .content {
    width:450px;
    margin:0 auto;
    padding:47px 0 0
}
.iwelconme-popup .content h4 {
    margin-bottom:8px;
    font-size:18px;
    line-height:30px;
    color:#ffd7d7;
    -webkit-transition:all ease 1s .2s;
    -o-transition:all ease 1s .2s;
    -moz-transition:all ease 1s .2s;
    transition:all ease 1s .2s;
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    transform:translate(0, 100%)
}
.iwelconme-popup .content h3 {
    margin-bottom:15px;
    font-size:40px;
    line-height:60px;
    font-weight:bold;
    color:#fff;
    -webkit-transition:all ease 1s .4s;
    -o-transition:all ease 1s .4s;
    -moz-transition:all ease 1s .4s;
    transition:all ease 1s .4s;
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    transform:translate(0, 100%)
}
.iwelconme-popup .iwel-buttons {
    width:400px;
    margin:0 auto;
    -webkit-transition:all ease 1s .6s;
    -o-transition:all ease 1s .6s;
    -moz-transition:all ease 1s .6s;
    transition:all ease 1s .6s;
    -webkit-transform:translate(0, 100%);
    -moz-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
    -o-transform:translate(0, 100%);
    transform:translate(0, 100%)
}
.iwelconme-popup .iwel-buttons a {
    display:block;
    width:171px;
    height:51px;
    border:2px solid #d54d58;
    font-size:18px;
    line-height:51px;
    color:#fff;
    background-repeat:no-repeat
}
.iwelconme-popup .iwel-buttons a:hover {
    border-color:#de4952;
    background-color:#de4952
}
.iwelconme-popup .iwel-buttons .server {
    float:left;
    padding-left:66px;
    width:105px;
    background-image:url("../images/iweltel.png");
    background-position:25px 10px
}
.iwelconme-popup .iwel-buttons .edit {
    float:right;
    padding-left:81px;
    width:90px;
    background-image:url("../images/iweledit.png");
    background-position:38px 11px
}
.m-web-title {
    font-size:36px;
    line-height:50px;
    color:#333;
    text-align:center;
    font-weight:bold;
    padding:0 15px
}
.m-web-desc {
    font-size:16px;
    line-height:30px;
    color:#333;
    text-align:center
}
.m-full-ban {
    position:relative;
    overflow:hidden
}
.m-full-ban img {
    width:100% !important;
    height:auto !important
}
.m-halfblock-list {
    padding:63px 0 78px;
    font-size:0
}
.m-halfblock-list li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:50%;
    font-size:16px;
    line-height:36px
}
.m-halfblock-list p {
    padding-right:20%
}
.full-site-article {
    padding-top:49px
}
.full-site-article .m-web-desc {
    padding:36px 0 77px
}
.site-server-wrapper {
    padding:104px 0 24px
}
.site-server-wrapper .m-web-title {
    margin-bottom:7.5%
}
.server-ico-list ul {
    font-size:0;
    text-align:center
}
.server-ico-list li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:20%;
    margin-bottom:77px;
    font-size:14px;
    line-height:20px;
    color:#666
}
.server-ico-list .ico {
    margin-bottom:16px
}
.server-ico-list .ico img {
    width:50% !important;
    height:auto !important
}
.server-ico-list h3 {
    margin-bottom:15px;
    font-size:18px;
    line-height:30px;
    color:#333
}
.server-ico-list p {
    max-width:15em;
    margin:0 auto
}
.b2c-solution {
    padding:88px 0 91px;
    font-size:16px;
    line-height:24px;
    color:#666
}
.b2c-solution .m-web-title {
    margin-bottom:4.375%
}
.b2c-solution h4 {
    margin-bottom:14px;
    font-size:60px;
    line-height:60px;
    color:#999
}
.b2c-solution h3 {
    margin-bottom:22px;
    font-size:24px;
    line-height:36px;
    color:#1a1a1a
}
.b2c-solution .top-four-list {
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9
}
.b2c-solution .top-four-list li {
    float:left;
    width:25%
}
.b2c-solution .top-four-list .inner {
    padding:43px 45px 8px;
    border-right:1px solid #d9d9d9
}
.b2c-solution .top-four-list .inner p {
    display:-webkit-box;
    height:240px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:10
}
.b2c-solution .last {
    overflow:hidden;
    zoom:1;
    padding:41px 65px 42px 45px;
    border:1px solid #d9d9d9
}
.b2c-solution .last .left {
    float:left;
    margin-right:163px
}
.b2c-solution .last .text {
    overflow:hidden;
    zoom:1
}
.b2c-solution .bot-two-list {
    display:table;
    border-collapse:collapse;
    table-layout:fixed
}
.b2c-solution .bot-two-list .quarter {
    width:25%;
    display:table-cell;
    vertical-align:top;
    border:1px solid #d9d9d9;
    padding:43px 45px 8px
}
.b2c-solution .bot-two-list .last {
    width:75%;
    display:table-cell;
    vertical-align:top
}
.b2c-solution .bot-two-list .last .left {
    margin-right:112px
}
.full-b2c-server {
    width:100%;
    background-color:#f2f2f2
}
.full-b2c-server .table-middle {
    height:100%
}
.full-b2c-server .content {
    width:50%;
    padding:131px 0 60px;
    font-size:16px;
    line-height:30px;
    color:#333
}
.full-b2c-server .content h3 {
    margin-bottom:45px;
    font-size:36px;
    line-height:50px;
    color:#333;
    font-weight:bold
}
.full-b2c-server .thumb {
    float:right;
    width:50%;
    margin-left:82px
}
.full-b2c-server .thumb img {
    width:100% !important;
    height:auto !important
}
.proxy-wrapper {
    padding:80px 0 92px
}
.proxy-wrapper ul {
    border-top:solid 1px #d9d9d9;
    border-left:solid 1px #d9d9d9
}
.proxy-wrapper li {
    float:left;
    width:25%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.proxy-wrapper h4 {
    margin-bottom:14px;
    font-size:60px;
    line-height:60px;
    color:#999
}
.proxy-wrapper h3 {
    margin-bottom:17px;
    font-size:24px;
    line-height:36px;
    color:#1a1a1a
}
.proxy-wrapper p {
    display:-webkit-box;
    height:168px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:7
}
.proxy-wrapper .inner {
    padding:43px 50px 5px;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9
}
.ipo-proxy-wrapper {
    padding-top:48px;
    padding-bottom:113px
}
.ipo-proxy-wrapper .m-web-title {
    margin-bottom:57px
}
.ipo-proxy-wrapper h3 {
    margin-bottom:0;
    height:144px
}
.ipo-proxy-wrapper .inner {
    padding:43px 50px 11px
}
.ipo-server-wrapper {
    padding:111px 0 6px
}
.ipo-server-wrapper .m-web-title {
    margin-bottom:67px
}
.ipo-server-wrapper .server-ico-list li {
    width:25%;
    margin-bottom:96px;
    font-size:16px;
    line-height:24px;
    color:#333
}
.ipo-server-wrapper .server-ico-list .ico {
    margin-bottom:29px
}
.ipo-server-wrapper .server-ico-list .ico img {
    width:36%
}
.ipo-server-wrapper .server-ico-list p {
    max-width:80%
}
.topic-solution {
    padding:104px 0 88px
}
.topic-solution .m-web-title {
    margin-bottom:17px
}
.topic-solution .sub-title {
    text-align:center;
    margin-bottom:50px;
    font-size:16px;
    line-height:30px;
    color:#333
}
.topic-solution .topic-list {
    border-left:solid 1px #d9d9d9;
    border-top:solid 1px #d9d9d9
}
.topic-solution .topic-list li {
    float:left;
    width:16.66667%
}
.topic-solution .topic-list .inner {
    padding:43px 35px 29px;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9
}
.topic-solution .topic-list h4 {
    margin-bottom:20px;
    font-size:60px;
    line-height:60px;
    color:#999
}
.topic-solution .topic-list h3 {
    font-size:16px;
    line-height:24px;
    color:#666;
    display:-webkit-box;
    height:120px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5
}
.full-sys-desc .gray-sys-desc {
    background-color:#f2f2f2
}
.full-sys-desc .gray-sys-desc .sys-lists h3 {
    white-space:nowrap;
    font-weight:normal
}
.full-sys-desc .quarter .sys-lists li {
    width:17%
}
.m-sys-desc {
    padding:100px 0 105px
}
.m-sys-desc .weblg {
    overflow:hidden;
    zoom:1
}
.m-sys-desc .sys-info {
    float:left;
    width:370px;
    margin-right:20px;
    overflow:hidden;
    zoom:1;
    font-size:16px;
    line-height:24px;
    color:#666
}
.m-sys-desc .sys-info .ico {
    float:left;
    width:100px;
    margin-right:25px
}
.m-sys-desc .sys-info .info {
    overflow:hidden;
    zoom:1
}
.m-sys-desc .sys-info h4 {
    font-size:60px;
    line-height:60px;
    color:#ccc
}
.m-sys-desc .sys-info h3 {
    margin-bottom:19px;
    font-size:30px;
    line-height:40px;
    color:#333
}
.m-sys-desc .sys-lists {
    overflow:hidden;
    zoom:1;
    font-size:14px;
    line-height:24px;
    color:#666
}
.m-sys-desc .sys-lists li {
    width:25%;
    float:left;
    padding-left:8%
}
.m-sys-desc .sys-lists .pull-left {
    margin-top:66px;
    width:12%;
    padding-left:21%
}
.m-sys-desc .sys-lists .id {
    margin-bottom:9px;
    font-size:48px;
    line-height:48px;
    color:#d90000
}
.m-sys-desc .sys-lists h3 {
    margin-bottom:12px;
    font-size:18px;
    line-height:40px;
    color:#666;
    font-weight:bold
}
.m-feature-list {
    border-top:solid 1px #d9d9d9;
    border-left:solid 1px #d9d9d9
}
.m-feature-list li {
    float:left;
    width:33.3333%
}
.m-feature-list .inner {
    padding:73px 55px 62px;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9
}
.m-feature-list h4 {
    margin-bottom:14px;
    font-size:60px;
    line-height:60px;
    color:#999
}
.m-feature-list h3 {
    margin-bottom:29px;
    font-size:24px;
    line-height:36px;
    color:#1a1a1a
}
.m-feature-list p {
    font-size:16px;
    color:#666;
    display:-webkit-box;
    height:120px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5
}
.shop-feature-top {
    padding:99px 0 124px
}
.shop-feature-top .m-web-title {
    margin-bottom:63px
}
.shop-feature-mid {
    position:relative;
    height:258px;
    padding:142px 0 100px
}
.shop-feature-mid .feature-img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:500px;
    overflow:hidden
}
.shop-feature-mid .feature-img img {
    position:absolute;
    left:50%;
    top:0;
    margin-left:-960px
}
.shop-feature-mid .weblg {
    position:relative;
    z-index:5
}
.shop-feature-mid .sys-info {
    width:466px
}
.shop-feature-mid .sys-info h4 {
    color:#ccc
}
.shop-feature-mid .sys-info h3 {
    color:#dcdcdc
}
.shop-feature-mid .sys-lists {
    font-size:14px;
    line-height:24px;
    color:#d5d5d5
}
.shop-feature-mid .sys-lists h3 {
    color:#fff
}
.shop-feature-bot {
    padding:75px 0 100px
}
.crowd-article-top .sys-info {
    float:none;
    width:100%;
    font-size:16px;
    line-height:28px;
    color:#666
}
.crowd-article-top .left {
    float:left;
    width:46%
}
.crowd-article-top .right {
    float:right;
    width:46%
}
.crowd-article-top .m-sys-desc {
    padding:8.625% 0 6.25%
}
.full-crowd-bot {
    background-color:#f2f2f2
}
.full-crowd-bot {
    padding:80px 0 56px
}
.full-crowd-bot .sys-lists li {
    float:left;
    width:42%;
    padding-left:8%
}
.elec-solution-wrapper {
    padding:70px 0 104px
}
.elec-solution-wrapper .elec-title {
    text-align:center;
    font-size:36px;
    line-height:60px;
    color:#333
}
.elec-solution-wrapper .sub {
    text-align:center;
    font-size:16px;
    line-height:40px;
    color:#333
}
.elec-solution-wrapper .line {
    display:block;
    width:64px;
    height:1px;
    margin:36px auto 38px;
    overflow:hidden;
    background-color:#bfbfbf
}
.elec-solution-wrapper .elec {
    margin-bottom:47px;
    text-align:center;
    font-size:36px;
    line-height:48px;
    color:#666
}
.elec-solution-wrapper .elec-featrue li {
    float:left;
    width:33.3333%;
    background-color:#f2f2f2
}
.elec-solution-wrapper .elec-featrue .ed {
    background-color:#ededed
}
.elec-solution-wrapper .elec-featrue .inner {
    padding:40px 61px 23px 56px;
    font-size:16px;
    line-height:24px;
    color:#666
}
.elec-solution-wrapper .elec-featrue .ico {
    margin-bottom:17px;
    font-size:0;
    line-height:54px
}
.elec-solution-wrapper .elec-featrue .ico img {
    vertical-align:middle
}
.elec-solution-wrapper .elec-featrue h3 {
    margin-bottom:24px;
    font-size:24px;
    line-height:30px;
    color:#333
}
.elec-solution-wrapper .elec-featrue p {
    font-size:16px;
    line-height:24px;
    color:#666;
    display:-webkit-box;
    height:120px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5
}
.elec-tab {
    padding-bottom:90px
}
.elec-tab .tabs-title {
    background-color:#e6e6e6
}
.elec-tab .tabs-title li {
    float:left;
    width:25%
}
.elec-tab .tabs-title li.cur a {
    color:#fff;
    background-color:#d90000
}
.elec-tab .tabs-title a {
    display:block;
    font-size:16px;
    line-height:66px;
    color:#000016;
    text-align:center
}
.elec-tab .tabs-title a:hover {
    color:#fff;
    background-color:#d90000
}
.elec-tab .item {
    display:none
}
.elec-tab .item:first-child {
    display:block
}
.elec-tab .func .name {
    font-size:16px;
    line-height:50px;
    color:#333;
    font-weight:bold;
    text-align:center;
    background-color:#d9d9d9
}
.elec-tab .func .table {
    font-size:14px;
    line-height:24px
}
.elec-tab .func .table .tr {
    margin-bottom:1px;
    background-color:#f2f2f2;
    padding:13px 0;
    overflow:hidden;
    zoom:1
}
.elec-tab .func .table .tr p {
    float:left;
    width:44%;
    padding:0 3%
}
.elec-tab .func .table .tr .line {
    position:relative
}
.elec-tab .func .table .tr .line:after {
    content:'';
    position:absolute;
    right:0;
    top:-13px;
    bottom:-13px;
    width:1px;
    background-color:#fff
}
.elec-tab .func .table .gray {
    background-color:#ededed
}
.qa-list {
    padding-top:50px;
    font-size:16px;
    line-height:28px
}
.qa-list li {
    margin-bottom:10px
}
.qa-list h3 {
    position:relative;
    padding:21px 94px 21px 112px;
    color:#333;
    background-color:#e6e6e6;
    background-image:url("../images/quesico.png");
    background-repeat:no-repeat;
    background-position:0 0;
    cursor:pointer
}
.qa-list h3 .ico {
    position:absolute;
    top:50%;
    right:26px;
    width:32px;
    height:32px;
    margin-top:-16px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("../images/qadd.png")
}
.qa-list h3.cur .ico {
    background-image:url("../images/qaless.png")
}
.qa-list .answer {
    display:none;
    background-color:#f2f2f2;
    background-image:url("../images/answico.png");
    background-repeat:no-repeat;
    background-position:0 0;
    padding:28px 94px 45px 112px;
    color:#666
}
.product-crowd-top {
    padding:129px 0 118px
}
.product-crowd-top .left {
    float:left;
    width:46%;
    padding:0
}
.product-crowd-top .left .sys-info {
    width:100%
}
.product-crowd-top .right {
    float:right;
    width:49%
}
.product-crowd-top .right img {
    width:100%
}
.product-crowd-mid {
    background-color:#f2f2f2
}
.product-crowd-mid.quarter .sys-lists li {
    width:17%
}
.product-crowd-bot .sys-lists li {
    width:17%;
    padding-left:22%
}
.wechat-shopcase {
    padding:85px 0 108px
}
.wechat-shopcase .m-web-title {
    margin-bottom:53px
}
.wechat-shopcase .shop-case-list {
    border-top:solid 1px #d9d9d9;
    border-left:solid 1px #d9d9d9
}
.wechat-shopcase .shop-case-list li {
    float:left;
    width:25%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.wechat-shopcase .shop-case-list .inner {
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    padding:50px 45px 46px
}
.wechat-shopcase .shop-case-list .ico {
    margin-bottom:24px;
    height:72px;
    line-height:72px
}
.wechat-shopcase .shop-case-list .ico img {
    vertical-align:middle
}
.wechat-shopcase .shop-case-list h3 {
    margin-bottom:19px;
    font-size:24px;
    line-height:30px;
    color:#1a1a1a;
    display:-webkit-box;
    height:60px;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.wechat-shopcase .shop-case-list p {
    display:-webkit-box;
    height:120px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5
}
.m-ml2-title {
    font-size:36px;
    line-height:48px;
    color:#333;
    text-align:center
}
.ban-sys-dev {
    position:absolute;
    left:0;
    top:30.14706%;
    width:100%;
    text-align:center;
    font-size:24px;
    line-height:36px;
    color:#fff;
    font-weight:bold
}
.platform-five-desc {
    margin-top:70px;
    margin-bottom:90px;
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
    overflow:hidden;
    zoom:1
}
.platform-five-desc li {
    float:left;
    width:20%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.platform-five-desc .inner {
    padding:14.375% 11.875% 26px;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9
}
.platform-five-desc .ico {
    margin-bottom:32px;
    height:70px;
    line-height:70px
}
.platform-five-desc .ico img {
    vertical-align:middle
}
.platform-five-desc h3 {
    margin-bottom:18px;
    font-size:24px;
    line-height:30px;
    font-weight:normal;
    color:#1a1a1a
}
.platform-five-desc p {
    display:-webkit-box;
    height:192px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8
}
.full-platform-apply {
    padding:75px 0 77px;
    background-color:#f2f2f2
}
.full-platform-apply .m-web-title {
    margin-bottom:52px
}
.full-platform-apply ul {
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9
}
.full-platform-apply li {
    float:left;
    width:25%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.full-platform-apply .inner {
    padding:70px 45px 62px;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9
}
.full-platform-apply h4 {
    margin-bottom:17px;
    font-size:60px;
    line-height:60px;
    color:#999
}
.full-platform-apply h3 {
    margin-bottom:24px;
    font-size:24px;
    line-height:30px;
    color:#1a1a1a
}
.full-platform-apply p {
    display:-webkit-box;
    height:144px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6
}
.wechat-platform {
    position:relative;
    height:621px
}
.wechat-platform .full-bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:621px;
    overflow:hidden
}
.wechat-platform .full-bg img {
    position:relative;
    left:50%;
    margin-left:-960px;
    height:621px;
    max-width:none
}
.wechat-platform .wechat-shop-content {
    overflow:hidden;
    zoom:1;
    padding-top:10.625%
}
.wechat-platform .left-msg {
    float:left;
    width:423px
}
.wechat-platform .left-msg .en {
    margin-bottom:13px;
    font-size:72px;
    line-height:72px;
    color:#46464a;
    font-weight:bold
}
.wechat-platform .left-msg h3 {
    font-size:30px;
    line-height:40px;
    color:#dcdcdc
}
.wechat-platform .wcpalt-list {
    padding-top:9px;
    overflow:hidden;
    zoom:1
}
.wechat-platform .wcpalt-list li {
    float:left;
    width:33%;
    padding-left:15%
}
.wechat-platform .wcpalt-list .id {
    margin-bottom:9px;
    font-size:48px;
    line-height:48px;
    color:#d90000
}
.wechat-platform .wcpalt-list h3 {
    margin-bottom:13px;
    font-size:18px;
    line-height:40px;
    color:#ffffff;
    font-weight:bold
}
.wechat-platform .wcpalt-list p {
    font-size:14px;
    line-height:24px;
    color:#d5d5d5
}
.platform-server {
    padding:93px 0 90px
}
.platform-server .m-ml2-title {
    margin-bottom:30px
}
.platform-server .cms-desc {
    background-color:#f2f2f2
}
.platform-server .cms-desc .item {
    width:40%;
    padding:56px 5% 54px;
    font-size:16px;
    line-height:30px
}
.platform-server .cms-desc .left {
    float:left;
    margin-left:-1px;
    border:1px solid #fff;
    border-bottom:0
}
.platform-server .cms-desc .right {
    float:right;
    margin-right:-1px
}
.platform-server .cms-desc .ico {
    margin-bottom:39px;
    height:87px;
    line-height:87px
}
.platform-server .cms-desc .ico img {
    vertical-align:middle
}
.platform-server .cms-desc h3 {
    margin-bottom:35px;
    font-size:24px;
    line-height:36px;
    color:#333;
    font-weight:bold
}
.platform-feature {
    padding:82px 0 46px
}
.platform-feature .m-ml2-title {
    margin-bottom:96px
}
.m-quarter-icolist, .m-three-icolist {
    overflow:hidden;
    zoom:1;
    font-size:0;
    text-align:center
}
.m-quarter-icolist li, .m-three-icolist li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:25%;
    margin-bottom:60px;
    font-size:14px;
    line-height:20px;
    color:#666
}
.m-quarter-icolist .ico, .m-three-icolist .ico {
    margin-bottom:16px
}
.m-quarter-icolist .ico img, .m-three-icolist .ico img {
    vertical-align:middle;
    width:40%
}
.m-quarter-icolist h3, .m-three-icolist h3 {
    margin-bottom:14px;
    font-size:18px;
    line-height:30px;
    color:#333
}
.m-quarter-icolist p, .m-three-icolist p {
    max-width:16em;
    margin:0 auto
}
.m-three-icolist li {
    width:33.3333%
}
.m-three-icolist .ico img {
    width:30%
}
.mobile-solution-wrapper {
    padding:82px 0 115px
}
.mobile-solution-wrapper .m-web-title {
    margin-bottom:53px
}
.mobile-solution-wrapper .msolution-list {
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9
}
.mobile-solution-wrapper .item {
    float:left;
    width:25%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.mobile-solution-wrapper .inner {
    padding:58px 45px 38px;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9
}
.mobile-solution-wrapper .ico {
    line-height:92px;
    height:92px
}
.mobile-solution-wrapper .ico img {
    vertical-align:middle
}
.mobile-solution-wrapper h3 {
    margin-bottom:21px;
    font-size:24px;
    line-height:36px;
    color:#1a1a1a
}
.mobile-solution-wrapper .dot-list {
    height:168px;
    overflow:hidden
}
.mobile-solution-wrapper .dot-list p {
    position:relative;
    padding-left:14px
}
.mobile-solution-wrapper .dot-list p:before {
    position:absolute;
    left:0;
    top:0;
    height:24px;
    content:'•';
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1
}
.msite-positon {
    padding:7.125% 0 7%
}
.msite-positon .m-web-title {
    margin-bottom:90px
}
.m-wxico-list li {
    float:left;
    width:20%;
    text-align:center;
    font-size:18px;
    line-height:30px;
    color:#333
}
.m-wxico-list li .ico {
    margin-bottom:16px
}
.m-wxico-list li img {
    vertical-align:middle;
    width:50%
}
.h5site-marb {
    margin-bottom:16px
}
.wxshop-func {
    padding:110px 0 112px
}
.wxshop-func .m-web-title {
    margin-bottom:90px
}
.wxshop-func .m-quarter-icolist li {
    margin-bottom:50px
}
.full-wxshop-attention {
    padding:72px 0 116px;
    background-color:#f2f2f2
}
.full-wxshop-attention .m-web-title {
    margin-bottom:54px
}
.full-wxshop-attention ul {
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9
}
.full-wxshop-attention li {
    float:left;
    width:25%;
    font-size:16px;
    font-stretch:normal;
    color:#666
}
.full-wxshop-attention .inner {
    padding:60px 45px 26px;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9
}
.full-wxshop-attention .id {
    margin-bottom:21px;
    font-size:60px;
    line-height:60px;
    color:#d90000
}
.full-wxshop-attention p {
    display:-webkit-box;
    height:240px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:10
}
.applet-desc-list {
    margin-bottom:90px;
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9
}
.applet-desc-list li {
    float:left;
    width:25%;
    font-size:16px;
    line-height:24px;
    color:#666
}
.applet-desc-list .inner {
    padding:43px 40px 67px;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9
}
.applet-desc-list .id {
    font-size:48px;
    line-height:48px;
    color:#d90000;
    font-weight:bold;
    margin-bottom:16px
}
.applet-desc-list h3 {
    margin-bottom:20px;
    font-size:18px;
    line-height:24px;
    color:#333;
    font-weight:bold
}
.full-applet-wrapper {
    position:relative;
    height:503px;
    padding:79px 0 40px
}
.full-applet-wrapper .m-web-title {
    position:relative;
    z-index:10;
    margin-bottom:75px;
    color:#fff
}
.full-applet-wrapper .m-full-bg {
    position:absolute;
    left:0;
    top:0;
    height:582px;
    overflow:hidden;
    width:100%
}
.full-applet-wrapper .m-full-bg img {
    position:relative;
    left:50%;
    margin-left:-960px;
    height:582px
}
.full-applet-wrapper .applet-feature {
    position:relative;
    z-index:10;
    overflow:hidden
}
.full-applet-wrapper .applet-feature ul {
    text-align:center;
    margin-left:-60px;
    margin-right:-60px;
    margin-left:-3.75%;
    margin-right:-3.75%
}
.full-applet-wrapper .applet-feature li {
    float:left;
    width:9.68992%;
    font-size:16px;
    line-height:24px;
    color:#ccc;
    padding:0 3.48837%
}
.full-applet-wrapper .applet-feature .ico {
    margin-bottom:14px
}
.full-applet-wrapper .applet-feature .ico img {
    vertical-align:middle;
    width:77.38095%
}
.full-applet-wrapper .applet-feature h3 {
    margin-bottom:19px;
    font-size:18px;
    line-height:24px;
    color:#fff
}
.applet-func {
    padding:100px 0 34px
}
.applet-func .m-web-title {
    margin-bottom:58px
}
.applet-func-list {
    overflow:hidden
}
.applet-func-list ul {
    margin-left:-2.375%;
    margin-right:-2.375%
}
.applet-func-list li {
    float:left;
    margin-bottom:62px;
    width:28.5714%;
    padding:0 2.38095%;
    text-align:center
}
.applet-func-list .inner {
    padding:48px 40px 68px;
    font-size:15px;
    line-height:22px;
    color:#666;
    border:solid 1px #d9d9d9
}
.applet-func-list .ico {
    margin-bottom:20px;
    height:75px;
    line-height:75px
}
.applet-func-list .ico img {
    vertical-align:middle
}
.applet-func-list h3 {
    margin-bottom:20px;
    font-size:18px;
    line-height:32px;
    color:#1a1a1a
}
.full-applet-do {
    padding:76px 0 68px;
    background-color:#f2f2f2;
    text-align:center
}
.full-applet-do .do-desc {
    margin-bottom:64px
}
.full-applet-do .inner {
    padding:43px 40px 69px
}
.full-applet-do .m-three-icolist p {
    font-size:16px;
    line-height:24px
}
.support-nav-filter .options {
    width:100%
}
.support-nav-filter .selector {
    width:33.3333%;
    border:0
}
.support-nav-filter .sec-title {
    border-right:1px solid #e6e6e6
}
.doc-download {
    padding:43px 0 61px;
    overflow:hidden
}
.doc-download ul {
    margin:0 -15px
}
.doc-download li {
    float:left;
    width:50%
}
.doc-download .inner {
    padding:0 15px
}
.doc-download .info {
    padding:22px 150px 26px 38px;
    position:relative;
    background-color:#f2f2f2
}
.doc-download .pdf {
    padding:9px 0 3px;
    font-size:18px;
    padding-left:87px;
    background:url("../images/pdf.png") no-repeat 0 center;
    display:-webkit-box;
    height:60px;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.doc-download .pdf span {
    font-weight:bold;
    color:#d90000
}
.doc-download .dw {
    position:absolute;
    right:0;
    top:0;
    width:120px;
    height:120px;
    background-color:#e5e5e5;
    background-image:url("../images/dw.png");
    background-repeat:no-repeat;
    background-position:center;
    font-size:0
}
.common-problem {
    padding-top:0;
    padding-bottom:134px
}
.common-problem .qa-title {
    margin-bottom:29px;
    font-size:30px;
    line-height:50px;
    color:#333333
}
.m-ft-contact .content {
    position:relative;
    padding:0 285px;
    text-align:center;
    max-width:842px;
    margin:0 auto
}
.m-ft-contact .motto {
    position:absolute;
    left:0;
    top:3px;
    width:236px;
    height:160px;
    padding:30px 0 0;
    background-color:#303030;
    font-size:48px;
    line-height:54px;
    color:#fff;
    font-family:'simsun'
}
.m-ft-contact .motto span {
    font-size:65px;
    line-height:70px
}
.m-ft-contact .info {
    overflow:hidden;
    zoom:1;
    font-size:16px;
    line-height:36px;
    color:#fff
}
.m-ft-contact .info a {
    color:#fff
}
.m-ft-contact h3 {
    margin-bottom:14px;
    font-size:60px;
    line-height:80px;
    font-weight:bold
}
.m-ft-contact h2 {
    margin-bottom:4px;
    font-size:40px;
    line-height:52px;
    font-family:'simsun'
}
.m-ft-contact .msg {
    margin-bottom:12px;
    font-size:16px;
    line-height:36px;
    color:#333
}
.m-ft-contact .msg a {
    font-weight:bold
}
.m-ft-contact .msg h4 {
    padding-top:2px;
    font-size:20px;
    line-height:36px
}
.m-ft-contact .btns {
    width:316px;
    margin:0 auto
}
.m-ft-contact .btns a {
    display:block;
    width:88px;
    height:46px;
    padding:0 0 0 58px;
    -webkit-border-radius:23px;
    border-radius:23px;
    font-size:16px;
    line-height:46px;
    color:#fff;
    background-repeat:no-repeat;
    background-position:23px center
}
.m-ft-contact .btns .oline {
    float:left;
    background-color:#303030;
    background-image:url("../images/icoline.png")
}
.m-ft-contact .btns .edit {
    float:right;
    background-color:#d90000;
    background-image:url("../images/icedit.png")
}
.icontact-cover {
    margin-bottom:6.25%;
    padding:105px 0 78px;
    background-color:#af1212
}
.full-icontact-cover {
    padding:57px 0 50px;
    background-color:#e6e6e6
}
.full-icontact-cover h3 {
    color:#d90000
}
.full-icontact-cover .info {
    color:#333
}
.full-icontact-cover .info a {
    color:#333
}
.news-subnav {
    padding-top:3.375%;
    text-align:center
}
.news-subnav .news-cate {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    padding-left:2px
}
.news-subnav .news-cate li {
    float:left;
    margin-right:2px;
    background-color:#f2f2f2
}
.news-subnav .news-cate a {
    display:block;
    width:140px;
    height:50px;
    font-size:16px;
    line-height:50px;
    color:#333;
    text-align:center;
    background-color:#f2f2f2;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.news-subnav .news-cate a:hover {
    color:#fff;
    background-color:#d90000
}
.news-subnav .news-cate .cur a {
    color:#fff;
    background-color:#d90000
}
.news-subnav .news-search {
    display:none;
    float:right
}
.news-subnav .news-search label {
    display:block;
    height:24px;
    float:left;
    padding:13px 0
}
.news-subnav .news-search label input {
    width:100%;
    display:block;
    font-size:14px;
    line-height:24px
}
.news-subnav .news-search .key {
    width:267px;
    padding-left:28px;
    background-color:#f2f2f2
}
.news-subnav .news-search .search {
    width:54px;
    background:#d90000 url("../images/newsub.png") no-repeat center;
    cursor:pointer
}
.news-subnav .news-search .search input {
    font-size:0;
    cursor:pointer
}
.site-article-wrapper {
    padding-top:4.375%
}
.tags-nav-wrapper ul li {
    float:left;
    width:10%;
    margin-bottom:1px
}
.tags-nav-wrapper ul .cur a {
    color:#fff;
    background-color:#d90000
}
.tags-nav-wrapper ul a {
    display:block;
    font-size:16px;
    line-height:60px;
    color:#333;
    background-color:#f2f2f2;
    text-align:center
}
.tags-nav-wrapper ul a:hover {
    color:#fff;
    background-color:#d90000
}
.g-search-form {
    margin:42px auto 35px;
    background-color:#f2f2f2
}
.g-search-form .search-for-result {
    float:left;
    width:300px;
    height:100px;
    padding:70px 0;
    background-color:#d90000;
    text-align:center;
    color:#fff;
    font-size:16px;
    line-height:30px
}
.g-search-form .search-for-result .nums {
    font-size:60px;
    line-height:70px
}
.g-search-form .search-form-wrap {
    overflow:hidden;
    padding:78px 0
}
.g-search-form .search-form {
    width:80%;
    margin:0 auto
}
.g-search-form .search-form form {
    position:relative;
    padding-right:64px
}
.g-search-form .search-form input {
    width:100%;
    height:24px;
    font-size:16px;
    line-height:24px
}
.g-search-form .search-form label {
    display:block;
    padding:20px 0;
    height:24px;
    background-color:#fff
}
.g-search-form .search-form .key {
    padding-left:40px
}
.g-search-form .search-form .sub {
    position:absolute;
    right:0;
    top:0;
    width:64px;
    background:#fff url("../images/gsearch.png") no-repeat center
}
.g-search-form .search-form .sub input {
    font-size:0
}
.g-search-cate {
    margin-bottom:40px;
    text-align:center
}
.g-search-cate ul {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    border:1px solid #d2d2d2
}
.g-search-cate li {
    float:left;
    width:200px;
    font-size:16px;
    line-height:52px
}
.g-search-cate li a {
    display:block;
    color:#666
}
.g-search-cate li a.cur, .g-search-cate li a:hover {
    color:#fff;
    background-color:#d90000
}
.g-search-result .cate-item {
    display:none;
    padding:0;
    margin:0
}
.m-retrun {
    display:block;
    width:140px;
    margin:30px auto 50px;
    font-size:16px;
    line-height:35px;
    border:solid 1px #cccccc;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s;
    color:#666;
    overflow:hidden;
    text-align:center
}
.m-retrun:hover {
    border-color:#d90000;
    color:#d90000
}
.full-error-page {
    position:relative
}
.full-error-page img {
    display:block;
    width:100%
}
.full-error-page .error-back {
    position:absolute;
    left:50%;
    top:67.98337%;
    margin-left:-261px;
    font-size:16px;
    line-height:56px
}
.full-error-page .error-back ul {
    border-left:1px solid #e86666;
    border-right:1px solid #ccc
}
.full-error-page .error-back li {
    float:left
}
.full-error-page .error-back a {
    display:block;
    padding:0 22px;
    border-top:1px solid #e86666;
    border-bottom:1px solid #e86666;
    color:#fff;
    -webkit-transform:perspective(1px) translateZ(0);
    -moz-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    -webkit-box-shadow:0 0 1px rgba(0,0,0,0);
    box-shadow:0 0 1px rgba(0,0,0,0);
    position:relative;
    overflow:hidden;
    background:#fff;
    -webkit-transition-property:color;
    -o-transition-property:color;
    -moz-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s
}
.full-error-page .error-back a::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#d90000;
    -webkit-border-radius:100%;
    border-radius:100%;
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:-o-transform;
    -moz-transition-property:transform, -moz-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.full-error-page .error-back a:hover {
    color:#d90000
}
.full-error-page .error-back a:hover:before {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.full-error-page .error-back .rg {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#d90000;
    background:#d90000
}
.full-error-page .error-back .rg::before {
    background:#fff
}
.full-error-page .error-back .rg:hover {
    background-color:#d90000;
    color:#fff
}
.errpage-header a {
    color:#333
}
.errpage-header .nav .title a {
    color:#333
}
.errpage-header .search-handle {
    background:url(../images/search-handle404.png) no-repeat center
}
.errpage-header .edit-handle {
    background:url(../images/hdedit404.png) no-repeat center
}
.ie7 .cooperation-box, .ie8 .cooperation-box {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-bottom:1px solid #e6e6e6
}
.w-lg .needs-form label {
    width:364px
}
.w-lg .needs-form .sub {
    width:113px
}
.w-lg .ftcontent-right {
    width:1089px
}
.w-lg .footer-content .szweb-info {
    padding-right:45px
}
.w-lg .quick-links .item {
    padding-right:53px
}
.w-lg .quick-links .aboutus {
    padding-right:0
}
.w-lg .icase-list .content .brand {
    padding-top:0
}
.w-lg .history-wapper, .w-lg .site-article-wrapper {
    width:1320px
}
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {
    margin-left:-700px
}
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {
    margin-bottom:15px;
    font-size:40px;
    line-height:48px
}
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt {
    margin-bottom:40px;
    font-size:16px;
    line-height:28px
}
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {
    width:120px;
    height:28px;
    line-height:28px
}
.w-lg .foot-contact .title {
    font-size:30px;
    padding:0 10px 0 68px
}
.w-lg .foot-contact .needs .editbtn {
    height:45px;
    margin:6px 0 0 20px
}
.w-lg .index-banner .slide03 .textpopup03 {
    margin-left:-700px
}
.w-lg .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:22px
}
.w-lg .index-banner .slide03 .textpopup03 .ico img {
    width:84px
}
.w-lg .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:42px;
    font-size:42px;
    line-height:52px
}
.w-lg .iclients-list a .ac {
    margin-left:-88.795px
}
.w-md .needs-form label {
    width:337px
}
.w-md .needs-form .sub {
    width:115px
}
.w-md .ftcontent-right {
    width:1009px
}
.w-md .footer-content .szweb-info {
    padding-right:45px
}
.w-md .quick-links .item {
    padding-right:25px
}
.w-md .quick-links .business {
    width:301px
}
.w-md .quick-links .advantage {
    width:249px
}
.w-md .quick-links .aboutus {
    width:409px;
    padding-right:0
}
.w-md .case-news-wrapper {
    width:1200px
}
.w-md .case-wrapper .caseban .title {
    width:250px;
    height:240px;
    padding-top:10px;
    margin-top:-125px
}
.w-md .history-wapper, .w-md .site-article-wrapper {
    width:1180px
}
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup {
    margin-left:-660px
}
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit {
    margin-bottom:15px;
    font-size:30px;
    line-height:40px
}
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt {
    margin-bottom:30px;
    font-size:14px;
    line-height:24px
}
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {
    width:100px;
    height:28px;
    line-height:28px
}
.w-md .foot-contact .title {
    font-size:26px;
    padding:0 10px 0 68px
}
.w-md .foot-contact .needs .editbtn {
    font-size:16px;
    width:130px;
    margin:6px 0 0 20px
}
.w-md .index-banner .slide03 .textpopup03 {
    margin-left:-660px
}
.w-md .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:21.32px
}
.w-md .index-banner .slide03 .textpopup03 .ico img {
    width:79.54px
}
.w-md .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:41px;
    font-size:39.36px;
    line-height:49.2px
}
.w-md .iclients-list a .ac {
    margin-left:-80.795px
}
.w-sm .needs-form label {
    width:307px
}
.w-sm .needs-form .sub {
    width:85px
}
.w-sm .ftcontent-right {
    width:899px
}
.w-sm .footer-content .szweb-info {
    padding-right:35px
}
.w-sm .quick-links .item {
    padding-right:20px
}
.w-sm .quick-links .business {
    width:281px
}
.w-sm .quick-links .advantage {
    width:229px
}
.w-sm .quick-links .aboutus {
    width:349px;
    padding-right:0
}
.w-sm .case-news-wrapper {
    width:1180px
}
.w-sm .case-wrapper .caseban .title {
    width:250px;
    height:240px;
    left:60px;
    padding-top:10px;
    margin-top:-125px
}
.w-sm .icustomer .inner {
    padding:4px 20px 20px
}
.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup {
    margin-left:-600px
}
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {
    margin-bottom:10px;
    font-size:28px
}
.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt {
    margin-bottom:30px;
    font-size:14px;
    line-height:24px
}
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {
    width:100px;
    height:28px;
    line-height:28px
}
.w-sm .foot-contact .title {
    font-size:24px;
    padding:0 10px 0 63px
}
.w-sm .foot-contact .lines .info {
    font-size:15px
}
.w-sm .foot-contact .needs .info {
    font-size:15px
}
.w-sm .foot-contact .needs .editbtn {
    font-size:16px;
    width:110px;
    line-height:38px;
    height:38px;
    margin:10px 0 0 10px
}
.w-sm .index-banner .slide03 .textpopup03 {
    margin-left:-600px
}
.w-sm .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:19.5px
}
.w-sm .index-banner .slide03 .textpopup03 .ico img {
    width:72.75px
}
.w-sm .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:37.5px;
    font-size:36px;
    line-height:45px
}
.w-sm .index-banner .slide04 .textpopup {
    margin-left:-600px
}
.w-sm .iclients-list a .ac {
    margin-left:-68.795px
}
.fixheader-404 {
    background:url(../images/hdbg.png) repeat 0 0
}
.g-return-wrapper {
    text-align:center;
    font-size:0;
    padding:30px 0 50px
}
.g-return-wrapper a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    min-width:80px;
    margin:0 10px;
    padding:0 30px;
    font-size:16px;
    line-height:35px;
    border:solid 1px #ccc;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s;
    color:#666;
    overflow:hidden;
    text-align:center
}
.g-return-wrapper a:hover {
    border-color:#d90000;
    color:#d90000
}
.full-related-news {
    width:100%;
    padding:52px 0 57px;
    background-color:#f2f2f2
}
.full-related-news .related-title {
    margin-bottom:38px;
    font-size:30px;
    line-height:42px;
    text-align:center;
    font-weight:bold;
    color:#34364b
}
.full-related-news .related-news {
    overflow:hidden
}
.full-related-news .related-news ul {
    margin:0 -13px
}
.full-related-news .related-news li {
    float:left;
    width:25%
}
.full-related-news .related-news a {
    display:block;
    overflow:hidden;
    margin:0 13px 23px;
    border:1px solid #d2d2d2;
    padding:20px 30px 19px;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.full-related-news .related-news a:hover {
    border-color:#c40000
}
.full-related-news .related-news a:hover .title {
    color:#c40000
}
.full-related-news .related-news a:hover .date {
    color:#e96a6a
}
.full-related-news .related-news .title {
    margin-bottom:4px;
    font-size:16px;
    display:-webkit-box;
    height:48px;
    line-height:24px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#34364b
}
.full-related-news .related-news .date {
    font-size:18px;
    line-height:30px;
    color:#a5a5ab
}
.sitemap-wrapper {
    padding:120px 0 60px;
    background-color:#e6e6e6
}
.sitemap-wrapper .weblg {
    background-color:#fff
}
.sitemap-wrapper .title {
    padding:40px 40px 20px
}
.sitemap {
    padding:20px 40px 58px
}
.mapitem {
    position:relative;
    margin-bottom:20px;
    border:1px solid #ddd;
    padding:15px 10px 10px;
    font-size:0
}
.mapitem a:hover {
    color:#d90000
}
.mapitem .one {
    position:absolute;
    left:10px;
    top:-19px;
    padding:5px;
    background:#fff;
    color:#d90000;
    font-size:16px;
    font-weight:bold
}
.mapitem .two {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:20%;
    font-size:14px;
    line-height:32px;
    padding-left:5px
}
.mapitem .two dt:before {
    content:'';
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:4px;
    height:4px;
    margin-top:14px;
    background:#d90000;
    margin-right:5px
}
.mapitem .two dd {
    padding-bottom:5px
}
.mapitem .thr a {
    display:block;
    font-size:13px;
    line-height:30px;
    padding-left:12px
}
.iban-pages {
    position:absolute;
    left:0;
    bottom:18px;
    z-index:20;
    width:100%;
    text-align:center
}
.iban-pages span {
    display:inline-block;
    vertical-align:bottom;
    *zoom:1;
    *display:inline;
    width:94px;
    padding:20px 0;
    margin:0 3px;
    line-height:0;
    -webkit-border-radius:1px;
    border-radius:1px;
    cursor:pointer;
    *background-color:#fff;
    *padding:0
}
.iban-pages span:after {
    content:'';
    display:block;
    width:100%;
    height:2px;
    background-color:#fff
}
.iban-pages span.swiper-active-switch:after {
    background-color:#d90000
}
.wapconstomer {
    display:none
}
.bdshare_dialog_bg, .bdshare_dialog_box {
    display:none !important
}
.full-foot-bottom .beianic {
    display:inline-block;
    *display:inline;
    vertical-align:top;
    *zoom:1;
    padding-left:24px;
    background:url("../images/beianico.png") no-repeat 0 center
}
.m-gif-ban {
    position:relative;
    background-color:#ec671c
}
.m-gif-ban .weblg {
    position:static;
    background-color:#f7f7f7;
    padding-bottom:31.25%;
    max-width:1200px
}
.m-gif-ban .weblg img {
    position:absolute;
    width:31.25% !important;
    height:auto !important;
    left:34.375%;
    top:16.66667%
}
.media-wraper {
    padding:70px 0 0
}
.media-wraper .m-web-title {
    margin-bottom:70px
}
.media-wraper li {
    width:33.3333%
}
.media-wraper li p {
    height:96px;
    -webkit-line-clamp:4
}
.media-wraper li .inner {
    padding:43px 40px 5px
}
.four-column li {
    width:25%
}
.four-column li img {
    max-width:160px
}
.b2c-solution .market-top-list .inner p {
    height:144px;
    line-height:24px;
    -webkit-line-clamp:6
}
.b2c-solution .trade-three-list li {
    width:33.33333%
}
.b2c-solution .trade-three-list .inner {
    padding:43px 40px 8px
}
.b2c-solution .trade-three-list .inner p {
    height:144px;
    line-height:24px;
    -webkit-line-clamp:6
}
.b2c-solution .trade-two-list .quarter {
    width:33.3333%
}
#div_company_mini {
    right:70px !important
}
#iframe_company_mini_div {
    position:relative;
    top:14px !important
}
#icon_module {
    top:auto !important;
    bottom:20% !important;
    margin-bottom:350px !important
}
#icon_menu_module {
    line-height:16px !important
}
.full-project-flow {
    padding:53px 0 0
}
.full-project-flow .flow-title {
    margin-bottom:43px;
    font-size:36px;
    line-height:50px;
    font-weight:bold;
    color:#333;
    text-align:center
}
.full-project-flow .case-wrapper {
    padding-bottom:0
}
.full-project-flow .case-intro-list {
    overflow:hidden
}
.full-project-flow .flow-chart {
    padding-top:20px;
    margin:0 -6.43939%;
    font-size:0
}
.full-project-flow .flow-chart .item {
    position:relative;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    text-align:center;
    font-size:14px;
    line-height:20px;
    color:#666;
    width:12.12%;
    padding:0 6.43939%
}
.full-project-flow .flow-chart .item:after {
    position:absolute;
    right:-23%;
    top:78px;
    z-index:10;
    content:'';
    width:12.8%;
    width:45%;
    border-bottom:1px dashed #d8d8d8
}
.full-project-flow .flow-chart .item p.mgw {
    margin:0 -2.5em
}
.full-project-flow .flow-chart .item img {
    width:100% !important;
    height:auto !important
}
.full-project-flow .flow-chart .item .name {
    padding:16px 0 10px;
    font-size:18px;
    line-height:30px;
    font-weight:bold;
    color:#333
}
.full-project-flow .flow-chart .last:after {
    display:none
}
.full-guidance {
    position:relative
}
.full-guidance .guidancebg img {
    width:100%
}
.full-guidance .guidance-wraper {
    position:absolute;
    left:50%;
    top:0;
    z-index:10;
    margin-left:-800px;
    width:100%;
    height:100%;
    text-align:center
}
.full-guidance .guidance-wraper .item {
    width:50%;
    height:100%;
    float:left;
    font-size:0
}
.full-guidance .guidance-wraper .item:before {
    content:'';
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:0;
    height:100%
}
.full-guidance .guidance-wraper a {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle
}
.full-guidance .guidance-wraper h3 {
    margin-bottom:10px;
    font-size:36px;
    line-height:50px;
    color:#fff
}
.full-guidance .guidance-wraper .ico {
    height:72px;
    background-repeat:no-repeat;
    background-position:center
}
.full-guidance .doc .ico {
    background-image:url("../images/flowdoc.png")
}
.full-guidance .video .ico {
    background-image:url("../images/flowvideo.png")
}
.operate-problems {
    padding-top:100px;
    padding-bottom:65px
}
.operate-problems .qa-title {
    font-size:36px;
    line-height:50px;
    font-weight:bold;
    text-align:center;
    margin-bottom:52px
}
.operate-problems ul {
    padding-bottom:62px
}
.operate-problems .return {
    display:block;
    width:142px;
    margin:0 auto;
    font-size:16px;
    line-height:35px;
    text-align:center;
    color:#666;
    border:solid 1px #ccc;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    -moz-transition:all ease .2s;
    transition:all ease .2s
}
.operate-problems .return:hover {
    border-color:#d90000;
    color:#d90000
}
.operate-video-popup {
    position:fixed;
    left:0;
    top:0;
    z-index:101;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    display:none
}
.operate-video-popup .operate-video {
    position:absolute;
    left:50%;
    top:50%;
    z-index:10;
    width:800px;
    height:510px;
    margin:-255px 0 0 -400px;
    background-color:#fff
}
.operate-video-popup .title {
    font-size:24px;
    line-height:80px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    background-color:#d90000
}
.operate-video-popup .close {
    position:absolute;
    right:0;
    top:0;
    width:80px;
    font-size:30px;
    line-height:80px;
    color:#fff;
    text-align:center;
    font-family:consolas
}
.operate-video-popup .video-list {
    height:350px;
    overflow-y:auto;
    padding:40px 50px
}
.operate-video-popup .video-list li {
    border-bottom:1px solid #eeeeee
}
.operate-video-popup .video-list a {
    display:block;
    font-size:16px;
    line-height:60px;
    color:#666;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    background:url("../images/operatevdico.png") no-repeat 95% center
}
.video-player-popup {
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:101;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    font-size:0;
    text-align:center
}
.video-player-popup:before {
    content:'';
    width:0;
    height:100%;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle
}
.video-player-popup .video-player {
    position:relative;
    width:94%;
    min-height:300px;
    max-width:960px;
    margin-top:0;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle
}
.video-player-popup .close {
    position:absolute;
    right:-40px;
    top:-40px;
    width:40px;
    height:40px;
    background:url("../images/closebtn.png") no-repeat center
}
.iabout-us .content h1 {
    display:inline;
    font-size:16px;
    line-height:30px;
    color:#e20000
}
.iabout-us .content h1 a{
    display:inline;
    font-size:16px;
    line-height:30px;
    color:#e20000
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    z-index:20
}
.ie7 .cooperation-box, .ie8 .cooperation-box {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-bottom:1px solid #e6e6e6
}
.w-lg .needs-form label {
    width:350px
}
.w-lg .needs-form .msg {
    width:460px
}
.w-lg .needs-form .sub {
    width:147px
}
.w-lg .ftcontent-right {
    width:1089px
}
.w-lg .footer-content .szweb-info {
    padding-right:45px
}
.w-lg .quick-links .item {
    padding-right:53px
}
.w-lg .quick-links .aboutus {
    padding-right:0
}
.w-lg .icase-list .content .msg {
    padding-top:37px
}
.w-lg .icase-list .content .brand {
    padding-top:0
}
.w-lg .history-wapper, .w-lg .site-article-wrapper {
    width:1320px
}
.w-lg .our-server .server-inner {
    margin-left:-700px
}
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {
    margin-left:-700px
}
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {
    margin-bottom:15px;
    font-size:40px;
    line-height:48px
}
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt {
    margin-bottom:40px;
    font-size:16px;
    line-height:28px
}
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {
    width:120px;
    height:28px;
    line-height:28px
}
.w-lg .foot-contact .title {
    font-size:30px;
    padding:0 10px 0 68px
}
.w-lg .foot-contact .needs .editbtn {
    height:45px;
    margin:6px 0 0 20px
}
.w-lg .index-banner .slide03 .textpopup03 {
    margin-left:-700px
}
.w-lg .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:22px
}
.w-lg .index-banner .slide03 .textpopup03 .ico img {
    width:84px
}
.w-lg .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:42px;
    font-size:42px;
    line-height:52px
}
.w-lg .iclients-list a .ac {
    margin-left:-88.795px
}
.w-lg .m-idico-wrapper .idico-list {
    margin:0 -70px
}
.w-lg .m-idico-wrapper .inner {
    padding:0 70px
}
.w-lg .full-b2c-server .content {
    padding-top:50px
}
.w-lg .full-b2c-server .content h3 {
    font-size:30px;
    line-height:44px;
    margin-bottom:25px
}
.w-lg .proxy-wrapper .inner {
    padding:33px 40px 5px
}
.w-lg .proxy-wrapper p {
    height:192px;
    line-height:24px;
    -webkit-line-clamp:8
}
.w-lg .full-sys-desc .sys-lists .pull-left {
    width:15%;
    padding-left:18%
}
.w-lg .full-wxshop-attention .inner {
    padding:55px 40px 21px
}
.w-lg .full-wxshop-attention p {
    height:264px;
    line-height:24px;
    -webkit-line-clamp:11
}
.w-lg .applet-desc-list .inner br {
    display:none
}
.w-lg .full-applet-wrapper .applet-feature li br {
    display:none
}
.w-lg .applet-func-list .inner {
    padding:48px 20px 68px
}
.w-lg .news-four a {
    padding-right:50px
}
.w-lg .iclients-list li {
    background-image:url("../images/iclibglg.png")
}
.w-lg .about-us-intro .intro-card .info {
    width:72%
}
.w-lg .inside-banner .case-ban-info h2 {
    font-size:50px;
    line-height:60px
}
.w-lg .inside-banner .feature h3 {
    font-size:20px;
    line-height:40px;
    text-align:left
}
.w-lg .inside-banner .feature h4 {
    font-size:90px;
    line-height:94px
}
.w-lg .media-wraper li p {
    height:96px;
    -webkit-line-clamp:4
}
.w-lg .foot-about .adv-mid {
    width:32%;
    margin-left:5.875%
}
.w-lg .full-guidance .guidance-wraper {
    margin-left:-700px
}
.w-lg .full-project-flow .flow-chart .item:after {
    top:70px
}
.w-md .needs-form label {
    width:330px
}
.w-md .needs-form .msg {
    width:430px
}
.w-md .needs-form .sub {
    width:137px
}
.w-md .ftcontent-right {
    width:1009px
}
.w-md .footer-content .szweb-info {
    padding-right:45px
}
.w-md .quick-links .item {
    padding-right:25px
}
.w-md .quick-links .business {
    width:301px
}
.w-md .quick-links .advantage {
    width:249px
}
.w-md .quick-links .aboutus {
    width:409px;
    padding-right:0
}
.w-md .case-news-wrapper {
    width:1200px
}
.w-md .case-wrapper .caseban .title {
    width:250px;
    height:240px;
    padding-top:10px;
    margin-top:-125px
}
.w-md .history-wapper, .w-md .site-article-wrapper {
    width:1180px
}
.w-md .our-server .server-inner {
    margin-left:-660px
}
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup {
    margin-left:-660px
}
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit {
    margin-bottom:15px;
    font-size:30px;
    line-height:40px
}
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt {
    margin-bottom:30px;
    font-size:14px;
    line-height:24px
}
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {
    width:100px;
    height:28px;
    line-height:28px
}
.w-md .foot-contact .title {
    font-size:26px;
    padding:0 10px 0 68px
}
.w-md .foot-contact .needs .editbtn {
    font-size:16px;
    width:130px;
    margin:6px 0 0 20px
}
.w-md .index-banner .slide03 .textpopup03 {
    margin-left:-660px
}
.w-md .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:21.32px
}
.w-md .index-banner .slide03 .textpopup03 .ico img {
    width:79.54px
}
.w-md .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:41px;
    font-size:39.36px;
    line-height:49.2px
}
.w-md .iclients-list a .ac {
    margin-left:-80.795px
}
.w-md .m-idico-wrapper .idico-list {
    margin:0 -60px
}
.w-md .m-idico-wrapper .inner {
    padding:0 60px
}
.w-md .proxy-wrapper .inner {
    padding:33px 35px 5px
}
.w-md .proxy-wrapper p {
    height:192px;
    line-height:24px;
    -webkit-line-clamp:8
}
.w-md .topic-solution .topic-list .inner {
    padding:33px 25px 19px
}
.w-md .topic-solution .topic-list .inner h3 {
    font-size:14px
}
.w-md .mobile-solution-wrapper .inner {
    padding:48px 35px 28px
}
.w-md .full-wxshop-attention .inner {
    padding:50px 30px 16px
}
.w-md .proxy-wrapper h3 {
    font-size:20px
}
.w-md .m-ft-contact h3 {
    font-size:52px;
    line-height:72px
}
.w-md .m-ft-contact .content {
    padding:0 270px
}
.w-md .m-ft-contact h2 {
    font-size:34px;
    line-height:46px
}
.w-md .news-set-top {
    width:375px;
    padding-top:32px;
    padding-bottom:29px
}
.w-md .news-set-top .thumb {
    height:398px
}
.w-md .news-two li {
    padding:13px 45px 39px
}
.w-md .news-four {
    padding:18px 40px 17px
}
.w-md .news-four a {
    padding:46px 40px 48px 70px
}
.w-md .iclients-list li {
    background-image:url("../images/iclibgmd.png")
}
.w-md .tags-nav-wrapper ul li {
    width:12.5%
}
.w-md .full-certificate-article .info {
    padding-top:1%
}
.w-md .inside-banner .ban-info {
    top:43.33333%
}
.w-md .inside-banner .ban-info h2 {
    font-size:40px;
    line-height:66px
}
.w-md .inside-banner .case-ban-info {
    top:26.19048%
}
.w-md .inside-banner .case-ban-info h2 {
    font-size:45px;
    line-height:55px
}
.w-md .inside-banner .case-ban-info .case-desc {
    margin-bottom:25px;
    font-size:20px;
    line-height:38px
}
.w-md .inside-banner .feature h4 {
    font-size:86px;
    line-height:90px
}
.w-md .icustomer .text {
    height:240px;
    line-height:24px;
    -webkit-line-clamp:10
}
.w-md .icustomer .inner {
    padding:15px 25px 30px
}
.w-md .icase-list .content .msg {
    padding-top:25px
}
.w-md .media-wraper li p {
    height:96px;
    -webkit-line-clamp:4
}
.w-md .full-guidance .guidance-wraper {
    margin-left:-660px
}
.w-md .full-project-flow .flow-chart .item:after {
    top:63px
}
.w-sm .needs-form label {
    width:290px
}
.w-sm .needs-form .msg {
    width:390px
}
.w-sm .needs-form .sub {
    width:137px
}
.w-sm .ftcontent-right {
    width:899px
}
.w-sm .footer-content .szweb-info {
    padding-right:35px
}
.w-sm .quick-links .item {
    padding-right:20px
}
.w-sm .quick-links .business {
    width:281px
}
.w-sm .quick-links .advantage {
    width:229px
}
.w-sm .quick-links .aboutus {
    width:349px;
    padding-right:0
}
.w-sm .case-news-wrapper {
    width:1180px
}
.w-sm .case-wrapper .caseban .title {
    width:250px;
    height:240px;
    left:60px;
    padding-top:10px;
    margin-top:-125px
}
.w-sm .our-server .server-inner {
    margin-left:-600px
}
.w-sm .full-faith-article .content .title h3 {
    font-size:34px
}
.w-sm .icustomer .inner {
    padding:4px 20px 20px
}
.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup {
    margin-left:-600px
}
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {
    margin-bottom:10px;
    font-size:28px
}
.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt {
    margin-bottom:30px;
    font-size:14px;
    line-height:24px
}
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {
    width:100px;
    height:28px;
    line-height:28px
}
.w-sm .foot-contact .title {
    font-size:24px;
    padding:0 10px 0 63px
}
.w-sm .foot-contact .lines .info {
    font-size:15px
}
.w-sm .foot-contact .needs .info {
    font-size:15px
}
.w-sm .foot-contact .needs .editbtn {
    font-size:16px;
    width:110px;
    line-height:38px;
    height:38px;
    margin:10px 0 0 10px
}
.w-sm .index-banner .slide03 .textpopup03 {
    margin-left:-600px
}
.w-sm .index-banner .slide03 .textpopup03 .ico {
    margin-bottom:19.5px
}
.w-sm .index-banner .slide03 .textpopup03 .ico img {
    width:72.75px
}
.w-sm .index-banner .slide03 .textpopup03 .tit {
    margin-bottom:37.5px;
    font-size:36px;
    line-height:45px
}
.w-sm .index-banner .slide04 .textpopup {
    margin-left:-600px
}
.w-sm .iclients-list a .ac {
    margin-left:-68.795px
}
.w-sm .m-idico-wrapper .idico-list {
    margin:0 -40px
}
.w-sm .m-idico-wrapper .inner {
    padding:0 40px
}
.w-sm .sidebar {
    bottom:10%
}
.w-sm #LXB_CONTAINER {
    top:auto !important;
    bottom:10% !important;
    margin-bottom:430px !important
}
.w-sm #LXB_CLOSE_BTN {
    top:auto !important;
    bottom:10% !important;
    margin-bottom:430px !important
}
.w-sm .b2c-solution .top-four-list .inner {
    padding:33px 30px 8px
}
.w-sm .b2c-solution .top-four-list .inner p {
    height:288px;
    line-height:24px;
    -webkit-line-clamp:12
}
.w-sm .b2c-solution .last {
    padding-left:25px;
    padding-top:33px
}
.w-sm .b2c-solution .last .left {
    margin-right:100px
}
.w-sm .full-b2c-server .content {
    padding-top:35px;
    padding-bottom:30px
}
.w-sm .full-b2c-server .content {
    font-size:15px;
    line-height:28px
}
.w-sm .full-b2c-server .content h3 {
    font-size:28px;
    line-height:42px;
    margin-bottom:25px
}
.w-sm .b2c-solution .bot-two-list .quarter {
    padding:33px 30px 8px
}
.w-sm .b2c-solution .bot-two-list .last {
    padding-top:33px 45px 35px 25px
}
.w-sm .full-b2c-server .thumb {
    margin-left:60px
}
.w-sm .proxy-wrapper p {
    height:216px;
    line-height:24px;
    -webkit-line-clamp:9
}
.w-sm .topic-solution .topic-list .inner {
    padding:33px 20px 19px
}
.w-sm .topic-solution .topic-list .inner h3 br {
    display:none
}
.w-sm .platform-five-desc .inner {
    padding:32px 20px 26px
}
.w-sm .platform-five-desc p {
    height:216px;
    line-height:24px;
    -webkit-line-clamp:9
}
.w-sm .full-platform-apply .inner {
    padding:50px 25px 42px
}
.w-sm .platform-server .cms-desc .item {
    width:44%;
    padding:40px 3% 38px
}
.w-sm .mobile-solution-wrapper .inner {
    padding:43px 20px 23px
}
.w-sm .full-wxshop-attention .inner {
    padding:40px 25px 16px
}
.w-sm .full-wxshop-attention p {
    height:288px;
    line-height:24px;
    -webkit-line-clamp:12
}
.w-sm .news-set-top {
    width:320px
}
.w-sm .news-set-top .thumb {
    height:340px
}
.w-sm .news-two {
    width:365px
}
.w-sm .news-two li {
    padding:10px 45px 35px
}
.w-sm .news-two .date {
    padding:17px 0 12px
}
.w-sm .news-four {
    padding:20px 30px 17px 40px
}
.w-sm .news-four a {
    padding:40px 40px 43px 70px
}
.w-sm .news-four .date {
    top:24px
}
.w-sm .news-subnav .news-search .key {
    width:227px
}
.w-sm .news-four .four-title {
    margin-bottom:0
}
.w-sm .news-two li {
    padding:14px 30px 30px
}
.w-sm .news-two li .date {
    margin-bottom:15px
}
.w-sm .news-two .desc {
    margin-bottom:0
}
.w-sm .iclients-list li {
    background-image:url("../images/iclibgsm.png")
}
.w-sm .inside-banner .case-ban-info {
    top:26.19048%
}
.w-sm .inside-banner .case-ban-info h2 {
    font-size:38px;
    line-height:50px
}
.w-sm .inside-banner .case-ban-info .case-desc {
    margin-bottom:15px;
    font-size:20px;
    line-height:38px
}
.w-sm .inside-banner .feature .item {
    padding:0 65px
}
.w-sm .inside-banner .feature h4 {
    font-size:70px;
    line-height:84px
}
.w-sm .m-ft-contact h3 {
    font-size:50px;
    line-height:70px
}
.w-sm .m-ft-contact .content {
    padding:0 260px
}
.w-sm .m-ft-contact h2 {
    font-size:30px;
    line-height:42px
}
.w-sm .m-ft-contact .msg h4 {
    font-size:18px;
    line-height:32px
}
.w-sm .icase-list .content .msg {
    padding-top:31px;
    padding-bottom:15px
}
.w-sm .icase-list .content .ico-line {
    height:26px
}
.w-sm .proxy-wrapper .inner {
    padding-left:30px;
    padding-right:30px
}
.w-sm .media-wraper li p {
    height:96px;
    -webkit-line-clamp:4
}
.w-sm .b2c-solution .market-top-list .inner p {
    height:144px;
    line-height:24px;
    -webkit-line-clamp:6
}
.w-sm .b2c-solution .trade-three-list .inner p {
    height:144px;
    line-height:24px;
    -webkit-line-clamp:6
}
.w-sm .b2c-solution .trade-two-list .quarter {
    width:33.3333%
}
.w-sm #icon_module {
    bottom:10% !important;
    margin-bottom:350px !important
}
.w-sm .full-guidance .guidance-wraper {
    margin-left:-600px
}
.w-sm .full-project-flow .flow-chart .item:after {
    top:56px
}
.ie9 .iwelconme-popup {
    opacity:1;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.ie9 .iwelconme-popup .content {
    width:450px;
    margin:0 auto;
    padding:47px 0 0
}
.ie9 .iwelconme-popup .content h4 {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.ie9 .iwelconme-popup .content h3 {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.ie9 .iwelconme-popup .iwel-buttons {
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
.ie7 .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .ie7 .bx-wrapper .bx-pager-item {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1
}
.ie7 .main-business .business-item {
    width:24.99%
}
.ie7 .inews-list li {
    width:33.32%
}
.ie7 .icase-list li {
    width:33.32%
}
.ie7 .isoutions-list ul {
    margin:0 -1.65%
}
.ie7 .iclients-list li {
    width:19.98%
}
@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
        -webkit-font-smoothing:antialiased;
        -webkit-tap-highlight-color:transparent;
        -webkit-touch-callout:none;
        touch-callout:none;
        cursor:pointer
    }
    *, :after, :before {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        background-repeat:no-repeat
    }
    article, aside, footer, header, nav, section {
        display:block
    }
    a {
        background-color:transparent;
        -webkit-text-decoration-skip:objects;
        text-decoration:none;
        color:#333;
        outline:none;
        cursor:pointer
    }
    .bd_weixin_popup {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    html, body {
        height:100%
    }
    html.fixedfixup, body.fixedfixup {
        overflow:hidden
    }
    body {
        margin:0 auto;
        min-width:320px;
        padding:60px 0 55px;
        max-width:540px;
        overflow-y:auto
    }
    .weblg {
        width:100%;
        padding:0 15px
    }
    .header {
        position:fixed !important;
        background-color:#fff;
        top:0 !important;
        height:60px !important;
        padding-top:8px;
        background:#333 !important;
        min-width:0
    }
    .header .logo {
        height:40px
    }
    .header .logo img {
        height:40px
    }

    .weblg-year{
        display: none;
    }
    .weblg-text{
        font-size: 12px;
        height: 40px;
        line-height: 40px;
    }
    #LXB_CONTAINER {
        top:auto !important;
        bottom:170px !important;
        margin-bottom:60px !important
    }
    #LXB_CLOSE_BTN {
        top:auto !important;
        bottom:170px !important;
        margin-bottom:60px !important
    }
    .sidebar {
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        display:block !important;
        background:#d30000;
        padding-left:25%
    }
    .sidebar a, .sidebar span {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    .sidebar a {
        float:left;
        width:33.33333%;
        height:20px;
        margin-bottom:0;
        padding-top:35px;
        font-size:10px;
        line-height:20px
    }
    .sidebar a i {
        color:#ffa8a8
    }
    .sidebar .hometop {
        position:fixed;
        right:10px;
        bottom:20%;
        bottom:170px;
        width:40px;
        height:40px;
        background-color:#eaeaea;
        border:1px solid #eee
    }
    .sidebar .qq {
        background-position:center 6px
    }
    .sidebar .tel {
        position:absolute;
        left:0;
        width:25%;
        background-position:center 6px
    }
    .sidebar .edit {
        background-position:center 8px
    }
	.sidebar .con {
        background-position:center 8px
    }
    .sidebar .wechat {
        background-position:center 8px;
        margin-bottom:0
    }
    .sidebar .wechat .qrcode {
        position:fixed;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    .menu-handle {
        float:right;
        display:block;
        width:40px;
        height:40px;
        padding:8px 5px;
        margin:2px 0 0 20px
    }
    .menu-handle span {
        display:block;
        width:100%;
        height:2px;
        background-color:#fff;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .menu-handle span:nth-child(2) {
        margin:9px 0
    }
    .menu-handle.ac span:nth-child(1) {
        -webkit-transform:translate(0, 11px) rotate(45deg);
        -moz-transform:translate(0, 11px) rotate(45deg);
        -ms-transform:translate(0, 11px) rotate(45deg);
        -o-transform:translate(0, 11px) rotate(45deg);
        transform:translate(0, 11px) rotate(45deg)
    }
    .menu-handle.ac span:nth-child(2) {
        opacity:0
    }
    .menu-handle.ac span:nth-child(3) {
        -webkit-transform:translate(0, -11px) rotate(-45deg);
        -moz-transform:translate(0, -11px) rotate(-45deg);
        -ms-transform:translate(0, -11px) rotate(-45deg);
        -o-transform:translate(0, -11px) rotate(-45deg);
        transform:translate(0, -11px) rotate(-45deg)
    }
    .nav {
        display:none;
        position:fixed;
        left:0;
        top:60px;
        width:100%;
        height:100%;
        padding-bottom:60px;
        background-color:#fff;
        padding:0 15px 90px;
        overflow-y:auto
    }
    .nav>ul>li {
        float:none;
        width:100%;
        color:#333;
        border-bottom:1px solid #ccc;
        padding:0
    }
    .nav .title a {
        color:#333;
        padding-bottom:0;
        border-bottom:0
    }
    .nav .title a:hover {
        border:0
    }
    .nav .title.cur a {
        padding-bottom:0;
        border-bottom:0
    }
    .hassub {
        position:relative
    }
    .hassub .mico {
        position:absolute;
        right:0;
        top:0;
        width:44px;
        height:44px;
        background:url("../images/queico.png") no-repeat center;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .hassub.roll .mico {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .full-dropdown {
        position:static;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding:0 0 15px
    }
    .full-dropdown .column {
        display:none
    }
    .full-dropdown .subnav {
        float:none;
        width:100%
    }
    .full-dropdown .nav-web {
        width:100%;
        height:auto
    }
    .m-ico-links {
        padding-top:0;
        float:none
    }
    .m-ico-links a {
        display:block;
        margin-bottom:10px
    }
    .cooperation-box {
        display:none;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        overflow-y:auto
    }
    .cooperation-box .cooperation {
        width:100%;
        height:100%;
        padding:35px 15px
    }
    .cooperation-box .cooperation iframe {
        width:100%;
        height:100%
    }
    .cooperation-box .cooperation-close {
        position:absolute;
        right:20px;
        top:20px;
        width:30px;
        height:30px;
        -o-background-size:20px 20px;
        background-size:20px 20px
    }
    .cooperation-left {
        float:none;
        width:100%
    }
    .cooperation-left h3 {
        font-size:20px;
        line-height:22px;
        padding-bottom:15px
    }
    .cooperation-left h4 {
        font-size:25px;
        line-height:28px;
        padding-bottom:15px
    }
    .cooperation-left h5 {
        padding-bottom:10px
    }
    .cooperation-left .coopb {
        padding:10px 0px
    }
    .cooperation-right {
        float:none;
        width:100%;
        padding-top:15px
    }
    .cooperation-right .baseinfo label {
        height:auto
    }
    .cooperation-right .baseinfo .name {
        float:none;
        width:100%;
        margin-bottom:8px
    }
    .cooperation-right .baseinfo .tel {
        float:none;
        width:100%
    }
    .cooperation-right .type-label {
        font-size:20px;
        line-height:26px
    }
    .cooperation-right .type-label span {
        font-size:26px;
        line-height:36px
    }
    .cooperation-right .project-type dd {
        width:33.333%;
        height:73px;
        margin-bottom:5px
    }
    .cooperation-right .project-type label {
        width:100%;
        height:67px
    }
    .cooperation-right .verification {
        position:relative;
        padding-top:10px;
        padding-right:150px
    }
    .cooperation-right .verification label {
        float:none;
        width:100%;
        height:auto
    }
    .cooperation-right .verification img {
        position:absolute;
        right:0;
        top:10px;
        height:36px
    }
    .cooperation-right .sub {
        padding-top:15px
    }
    .cooperation-right .sub input {
        padding:6px 0px;
        border:1px solid #e81727;
        font-size:16px
    }
    .site-nav-wrapper .m-ico-links, .shop-nav-wrapper .m-ico-links {
        width:100%;
        padding-left:0
    }
    .site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash {
        border-left:0;
        height:auto
    }
    .case-nav-wraper .item {
        float:none;
        width:100%;
        padding:0 20px
    }
    .case-nav-wraper .item .m-navlist {
        display:none;
        width:100%;
        float:none;
        font-size:0
    }
    .case-nav-wraper .item .m-navlist li {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        width:50%
    }
    .case-nav-wraper .item .m-navlist a {
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .case-nav-wraper .item .cate-navlist {
        display:none
    }
    .case-nav-wraper .item .cate-navlist .m-navlist {
        display:block
    }
    .solution-nav-wrapper .solution-nav {
        padding-top:0
    }
    .solution-nav-wrapper ul {
        padding:0 0 0 20px
    }
    .solution-nav-wrapper li {
        width:50%
    }
    .news-nav-wrapper li, .wechat-nav-wrapper li {
        float:none;
        width:100%;
        text-align:left
    }
    .news-nav-wrapper li .ico, .wechat-nav-wrapper li .ico {
        display:none
    }
    .news-nav-wrapper li a, .wechat-nav-wrapper li a {
        display:block
    }
    .news-nav-wrapper li a, .wechat-nav-wrapper li a {
        padding-left:20px;
        line-height:44px;
        font-weight:normal
    }
    .news-nav-wrapper ul, .wechat-nav-wrapper ul {
        padding-top:0;
        margin-left:0;
        margin-right:0;
        margin:0
    }
    .m-ichl-subnav ul {
        margin-left:-18px
    }
    .m-ichl-subnav li {
        padding:0 12px 0 18px
    }
    .m-ichl-subnav li a {
        font-size:15px
    }
    .m-ichl-subnav .activehook {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    .m-ichl-subnav {
        overflow-x:auto
    }
    .m-ichl-subnav ul {
        white-space:nowrap;
        font-size:0
    }
    .m-ichl-subnav li {
        float:none;
        vertical-align:top;
        display:inline-block
    }
    .m-ichl-subnav li a {
        line-height:34px
    }
    .index-banner .bx-pager {
        bottom:0
    }
    .index-banner .bx-pager .bx-pager-item a {
        width:50px
    }
    .index-banner .linerbg {
        display:none
    }
    .index-banner .slide01 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide01 .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide01 .txt {
        white-space:normal;
        margin-bottom:12px;
        font-size:10px;
        line-height:22px
    }
    .index-banner .slide05 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide05 .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide05 .txt {
        white-space:normal;
        margin-bottom:12px;
        font-size:10px;
        line-height:22px
    }
    .index-banner .slide06 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide06 .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide06 .txt {
        white-space:normal;
        margin-bottom:12px;
        font-size:10px;
        line-height:22px
    }
    .index-banner .slide03 .textpopup03 {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide03 .textpopup03 .ico {
        margin-bottom:10px
    }
    .index-banner .slide03 .textpopup03 .ico img {
        width:26px
    }
    .index-banner .slide03 .textpopup03 .tit {
        font-size:16px;
        line-height:26px;
        white-space:normal
    }
    .index-banner .slide04 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide04 .textpopup .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide04 .textpopup .txt {
        margin-bottom:0;
        font-size:10px;
        line-height:22px;
        white-space:normal
    }
    .about-nav-wrapper dl {
        padding:5px 15px;
        height:auto
    }
    .about-nav-wrapper dl dt {
        padding-bottom:10px;
        font-size:16px;
        font-weight:normal
    }
    .about-nav-wrapper dl dd {
        padding-left:20px
    }
    .about-nav-wrapper .know {
        background:none
    }
    .about-nav-wrapper .customer {
        background:none;
        border:0
    }
    .contact-nav-wrapper dl {
        width:100%;
        height:auto;
        padding:0 0 0 15px
    }
    .contact-nav-wrapper dl dt {
        font-weight:normal;
        line-height:44px
    }
    .contact-nav-wrapper dl .ico {
        display:none
    }
    .contact-nav-wrapper .hr {
        border:0
    }
    .index-banwrap {
        padding-bottom:63%
    }
    .index-banwrap ul {
        height:100%
    }
    .index-banwrap ul li {
        height:100%
    }
    .index-banwrap ul a {
        height:100%;
        overflow:hidden
    }
    .index-banwrap .iban {
        position:relative;
        left:50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
        width:auto;
        height:100%
    }
    .index-banwrap .slide03 .imgpopup03 .pop01 {
        width:8.65677%;
        left:24.87981%
    }
    .index-banwrap .slide03 .imgpopup03 .pop02 {
        width:17.54964%;
        left:31.07639%
    }
    .index-banwrap .slide03 .imgpopup03 .pop03 {
        width:9.99464%;
        left:34.20139%
    }
    .index-banwrap .slide03 .imgpopup03 .pop04 {
        width:29.03953%;
        left:78.46354%
    }
    .index-banwrap .slide03 .imgpopup03 .pop05 {
        width:14.08693%;
        left:88.34635%
    }
    .index-banwrap .slide04 .imgpopup .before {
        -webkit-transition-delay:0s !important;
        -moz-transition-delay:0s !important;
        -o-transition-delay:0s !important;
        transition-delay:0s !important
    }
    .index-banwrap .slide04 .imgpopup .pop01 {
        top:10.58333%;
        left:0.60417%;
        width:53.20313%
    }
    .index-banwrap .slide04 .imgpopup .pop02 {
        left:38.74366%;
        width:39.53125%
    }
    .index-banwrap .slide04 .imgpopup .pop03 {
        top:80.91667%;
        left:-0.79167%;
        width:50%
    }
    .index-banwrap .slide04 .imgpopup .pop04 {
        top:20%;
        left:33.04861%;
        width:53.20313%
    }
    .index-banwrap .slide04 .imgpopup .pop05 {
        left:70.75%;
        width:29.21875%
    }
    .index-banwrap .slide04 .imgpopup .pop06 {
        top:73.7%;
        left:37.29444%;
        width:55.46875%
    }
    .index-banwrap .slide04 .imgpopup .pop07 {
        top:28.41667%;
        left:76.27093%;
        width:23.82813%
    }
    .m-ichl-title .cn {
        font-size:20px;
        line-height:36px
    }
    .iabout-us {
        padding-top:30px;
        padding-bottom:0
    }
    .iabout-us .intro {
        display:none;
        padding:20px 0 26px 0
    }
    .iabout-us .year {
        display:none
    }
    .iabout-us .content {
        display:none;
        position:relative;
        z-index:20
    }
    .iabout-us .main-business {
        padding-top:15px;
        margin:0
    }
    .iabout-us .main-business .business-item {
        margin-bottom:15px;
        width:50%
    }
    .iabout-us .main-business .business-item .inner {
        margin:0
    }
    .iabout-us .main-business .business-item .inner:hover h2 a {
        color:#1a1a1a
    }
    .iabout-us .main-business .business-item .inner:hover .sub {
        border-bottom-color:#666
    }
    .iabout-us .main-business .business-item .inner:hover .line {
        width:0
    }
    .iabout-us .main-business .ico {
        margin-bottom:0;
        height:50px;
        line-height:50px;
        font-size:0;
        text-align:center
    }
    .iabout-us .main-business .ico img {
        vertical-align:middle;
        height:36px
    }
    .iabout-us .main-business .ico .ac {
        display:none
    }
    .iabout-us .main-business .id {
        display:none;
        right:27px;
        top:0;
        font-size:50px;
        line-height:50px
    }
    .iabout-us .main-business h2 {
        text-align:center
    }
    .iabout-us .main-business h2 a {
        padding:10px 0 10px;
        font-size:16px
    }
    .iabout-us .main-business .sub {
        display:none;
        height:auto;
        padding-bottom:20px
    }
    .m-case-list .title {
        font-size:16px;
        line-height:30px
    }
    .iclassic-case {
        padding-top:10px;
        padding-bottom:20px
    }
    .iclassic-wrapper {
        width:100%
    }
    .icase-list {
        padding-top:15px
    }
    .icase-list li {
        width:100%;
        padding-bottom:10px
    }
    .icase-list .item {
        padding:0
    }
    .icase-list .thumb {
        margin-bottom:10px
    }
    .icase-list .desc {
        height:48px;
        line-height:24px;
        -webkit-line-clamp:2
    }
    .icase-list .content {
        bottom:40px
    }
    .full-isoutions {
        padding:20px 0
    }
    .isoutions-item {
        width:100%
    }
    .isoutions-item .slide-ctrl {
        display:none;
        position:absolute;
        top:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-position:center;
        background-color:#f60
    }
    .isoutions-item .slide-prev {
        left:-60px
    }
    .isoutions-item .slide-next {
        right:-60px
    }
    .isoutions-list {
        padding:10px 0;
        margin:0
    }
    .isoutions-list ul {
        margin:0
    }
    .isoutions-list ul li {
        float:none;
        width:100%
    }
    .isoutions-list .item {
        padding:0
    }
    .isoutions-list .item a {
        padding-bottom:15px;
        border-width:1px
    }
    .isoutions-list .ico {
        margin-bottom:15px;
        height:60px;
        line-height:60px;
        font-size:0
    }
    .isoutions-list .ico img {
        max-height:100%
    }
    .isoutions-list .title {
        margin-bottom:10px;
        font-size:16px
    }
    .isoutions-list .desc {
        height:72px;
        line-height:24px;
        -webkit-line-clamp:3
    }
    .isoutions-list .item .card .thumb img {
        max-width:none
    }
    .iclients-wrapper {
        padding-top:20px;
        padding-bottom:20px
    }
    .iclients-wrapper .m-ichl-subnav {
        display:none;
        margin-bottom:20px
    }
    .iclients-wrapper .ichannel-tabcontent {
        overflow:hidden
    }
    .iclients-wrapper .tabcontent-slider {
        position:relative;
        width:200%
    }
    .iclients-wrapper .icustomer {
        display:none
    }
    .iclients-list {
        position:relative;
        overflow:hidden
    }
    .iclients-list:after {
        content:'';
        display:block;
        width:100%;
        padding-bottom:179.32075%
    }
    .iclients-list ul {
        position:absolute;
        left:0;
        top:0
    }
    .iclients-list li {
        width:50%;
        margin-bottom:0;
        -o-background-size:96.5625% auto;
        background-size:96.5625% auto
    }
    .icustomer {
        padding-bottom:10px
    }
    .icustomer li {
        width:100%;
        margin-bottom:10px
    }
    .icustomer .inner {
        padding:5px 10px 10px
    }
    .icustomer .ico {
        margin-bottom:10px;
        height:64px;
        line-height:64px
    }
    .icustomer .ico img {
        max-height:80%
    }
    .icustomer .name {
        margin-bottom:10px;
        font-size:16px;
        line-height:24px
    }
    .full-inum-brief {
        background-color:#ccc;
        overflow:hidden
    }
    .full-inum-brief .briefbg {
        position:absolute;
        left:50%;
        top:0;
        height:100%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .full-inum-brief .briefbg img {
        position:static;
        top:0;
        left:0;
        margin-left:0;
        height:100%
    }
    .full-inum-brief .inum-list {
        position:relative;
        left:0;
        z-index:20;
        width:100%;
        margin:0;
        padding:20px 5px 0
    }
    .full-inum-brief .inum-list li {
        width:50%;
        padding:5px;
        margin-bottom:15px
    }
    .full-inum-brief .num {
        margin-bottom:10px;
        font-size:40px;
        line-height:42px
    }
    .full-inum-brief .text {
        font-size:14px;
        display:-webkit-box;
        height:48px;
        line-height:24px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .full-inum-brief .videobg {
        display:none
    }
    .full-inum-brief .video {
        display:none
    }
    .inews-center {
        padding-top:20px;
        padding-bottom:20px
    }
    .inews-wraper {
        padding-top:10px
    }
    .inews-wraper .inews-wraper {
        overflow:hidden
    }
    .news-set-top {
        float:none;
        width:100%;
        padding:15px;
        margin-bottom:15px
    }
    .news-set-top .title {
        margin-bottom:6px;
        font-size:16px;
        display:-webkit-box;
        height:52px;
        line-height:26px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .news-set-top .date {
        margin-bottom:10px;
        font-size:14px
    }
    .news-two .date, .news-four .date {
        font-size:14px
    }
    .news-two .date b, .news-four .date b {
        font-size:30px;
        line-height:28px
    }
    .news-two {
        float:none;
        width:100%;
        margin:0
    }
    .news-two li {
        margin-bottom:15px;
        padding:15px 10px 5px
    }
    .news-two .two-title {
        margin-bottom:16px;
        font-size:18px;
        line-height:30px;
        color:#333;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .news-two .desc {
        margin-bottom:26px;
        font-size:14px;
        color:#888;
        display:-webkit-box;
        height:40px;
        line-height:20px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .news-two .date {
        padding:12px 0 12px
    }
    .news-four {
        padding:15px 10px 5px
    }
    .news-four a {
        padding:20px 30px 20px 0
    }
    .news-four .date {
        display:none;
        position:absolute;
        left:0;
        top:10px
    }
    .news-four .four-title {
        margin-bottom:0;
        font-size:16px;
        line-height:32px
    }
    .full-icontact-cover {
        padding:20px 0
    }
    .m-ft-contact .content {
        padding:0
    }
    .m-ft-contact .motto {
        display:none
    }
    .m-ft-contact .info {
        font-size:14px;
        line-height:32px
    }
    .m-ft-contact h3 {
        margin-bottom:5px;
        font-size:22px;
        line-height:42px
    }
    .m-ft-contact h2 {
        font-size:18px;
        line-height:30px
    }
    .m-ft-contact .msg {
        margin-bottom:12px;
        font-size:13px;
        line-height:24px
    }
    .m-ft-contact .msg h4 {
        font-size:16px;
        line-height:32px
    }
    .m-ft-contact .btns {
        width:286px
    }
    .m-ft-contact .btns a {
        width:136px;
        height:40px;
        -webkit-border-radius:20px;
        border-radius:20px;
        font-size:14px;
        line-height:40px
    }
    .footer-content {
        margin-bottom:55px;
        padding:20px 0 0;
        overflow:hidden
    }
    .footer-content .friend-links {
        display:none
    }
    .footer-content .szweb-info {
        float:left;
        width:266px;
        padding:0 111px 24px 0;
        color:#cccc
    }
    .footer-content .szweb-info a {
        color:#cccc
    }
    .footer-content .szweb-info .motto {
        padding:24px 0 18px;
        font-size:17px;
        line-height:28px
    }
    .footer-content .szweb-info .ft-qrcode {
        padding-bottom:17px
    }
    .foot-about {
        display:none;
        padding-bottom:20px
    }
    .foot-about .about-left {
        float:none;
        width:100%
    }
    .foot-about .adv-mid {
        float:none;
        width:100%;
        margin-left:0
    }
    .foot-about .adv-mid .left, .foot-about .adv-mid .right {
        max-width:49%
    }
    .foot-about .diff-right {
        float:none;
        width:100%
    }
    .u-qk-title {
        margin:10px 0 15px;
        padding-bottom:7px;
        line-height:30px;
        overflow:hidden
    }
    .u-qk-title h4 {
        font-size:18px
    }
    .u-qk-title .more {
        width:30px;
        height:30px
    }
    .friend-links {
        padding-bottom:18px
    }
    .full-foot-bottom {
        border:0;
        padding:18px 0 24px
    }
    .inside-banner img {
        position:relative;
        left:50%;
        width:auto;
        height:133px;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .inside-banner .ban-info {
        top:50%;
        margin-top:-28px;
        padding:0 15px
    }
    .inside-banner .ban-info h2 {
        margin-bottom:5px;
        font-size:18px;
        line-height:34px
    }
    .inside-banner .ban-info p {
        font-size:14px;
        line-height:24px
    }
    .inside-banner .case-ban-info {
        top:10%
    }
    .inside-banner .case-ban-info h2 {
        font-size:18px;
        line-height:26px
    }
    .inside-banner .case-ban-info .case-desc {
        margin-bottom:7px;
        font-size:12px;
        line-height:20px
    }
    .inside-banner .feature .item {
        padding:0 8px
    }
    .inside-banner .feature h3 {
        font-size:14px;
        line-height:26px
    }
    .inside-banner .feature h4 {
        font-size:18px;
        line-height:24px
    }
    .full-case-crumbs {
        display:none
    }
    .project-cover .article {
        padding:20px 0;
        font-size:14px;
        line-height:26px
    }
    .project-cover .article .title {
        margin:0 0 12px;
        font-size:20px;
        line-height:30px
    }
    .full-faith-key .bg {
        position:absolute;
        left:50%;
        top:0;
        width:100%;
        height:100%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        overflow:hidden
    }
    .full-faith-key .bg img {
        position:relative;
        left:50%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        width:auto;
        height:100%
    }
    .full-faith-key .m-key-list {
        position:relative;
        left:0;
        top:0;
        z-index:10;
        margin-top:0
    }
    .m-key-list ul {
        padding:15px 15px 1px
    }
    .m-key-list li {
        width:50%;
        margin-bottom:20px
    }
    .m-key-list .top {
        margin-bottom:10px;
        height:38px;
        line-height:38px
    }
    .m-key-list .top img {
        vertical-align:middle;
        max-height:90%
    }
    .m-key-list .top span {
        font-size:30px
    }
    .m-key-list .text {
        font-size:14px
    }
    .m-case-division {
        border:0
    }
    .m-case-division li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .m-case-division .thumb .shadow {
        position:absolute;
        left:0;
        top:0;
        z-index:3;
        width:100%;
        height:100%;
        background:url("../images/caseshadow.png") repeat 0 0;
        opacity:0;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .m-case-division .thumb .shadow img {
        position:absolute;
        left:50%;
        top:50%;
        margin:-25px 0 0 -25px;
        width:50px;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -ms-transform:translateY(50px);
        -o-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .m-case-division .content {
        padding:10px 10px 20px;
        border-left:1px solid #dcdcdc
    }
    .m-case-division .content .title {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .m-case-division .content .desc {
        font-size:14px
    }
    .m-web-title {
        font-size:20px;
        line-height:32px
    }
    .m-web-desc {
        font-size:14px;
        line-height:26px
    }
    .full-site-article {
        padding-top:20px
    }
    .full-site-article .m-web-desc {
        padding:10px 0
    }
    .m-halfblock-list {
        padding:15px 0 20px
    }
    .m-halfblock-list li {
        width:100%;
        font-size:14px;
        line-height:30px
    }
    .m-halfblock-list p {
        padding-right:0
    }
    .site-server-wrapper {
        padding:20px 0 30px
    }
    .site-server-wrapper .m-web-title {
        margin-bottom:18px
    }
    .server-ico-list ul {
        text-align:left
    }
    .server-ico-list li {
        width:50%;
        padding:0 5px;
        margin-bottom:15px;
        text-align:center
    }
    .server-ico-list .ico img {
        width:38% !important
    }
    .server-ico-list h3 {
        margin-bottom:10px
    }
    .proxy-wrapper {
        padding-top:20px;
        padding-bottom:10px
    }
    .proxy-wrapper ul {
        border:0
    }
    .proxy-wrapper li {
        float:none;
        width:100%;
        margin-bottom:10px
    }
    .proxy-wrapper h4 {
        margin-bottom:14px;
        font-size:30px;
        line-height:30px
    }
    .proxy-wrapper h3 {
        margin-bottom:10px;
        font-size:16px;
        line-height:30px
    }
    .proxy-wrapper p {
        font-size:14px;
        height:auto;
        max-height:168px
    }
    .proxy-wrapper .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .ipo-proxy-wrapper {
        padding-top:20px;
        padding-bottom:30px
    }
    .ipo-proxy-wrapper .m-web-title {
        margin-bottom:15px
    }
    .ipo-proxy-wrapper h3 {
        margin-bottom:0;
        height:auto;
        max-height:120px
    }
    .ipo-proxy-wrapper .inner {
        padding:15px
    }
    .full-b2c-server .content {
        width:100%;
        padding:20px 0 30px;
        font-size:14px;
        line-height:26px
    }
    .full-b2c-server .content h3 {
        font-size:18px;
        line-height:32px;
        margin-bottom:10px
    }
    .full-b2c-server .thumb {
        float:none;
        width:100%;
        margin-left:0
    }
    .ipo-server-wrapper {
        padding-top:30px;
        padding-bottom:20px
    }
    .ipo-server-wrapper .m-web-title {
        margin-bottom:15px
    }
    .ipo-server-wrapper .server-ico-list li {
        width:50%;
        margin-bottom:20px;
        font-size:14px
    }
    .ipo-server-wrapper .server-ico-list .ico {
        margin-bottom:15px
    }
    .ipo-server-wrapper .server-ico-list .ico img {
        width:72px !important;
        height:auto !important
    }
    .ipo-server-wrapper .server-ico-list p {
        max-width:none
    }
    .g-return-wrapper {
        padding:15px 0 25px
    }
    .g-return-wrapper a {
        margin:0 5px;
        padding:0 20px;
        font-size:14px
    }
    .b2c-solution {
        font-size:14px;
        line-height:26px;
        padding-top:20px;
        padding-bottom:30px
    }
    .b2c-solution .m-web-title {
        margin-bottom:15px
    }
    .b2c-solution h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .b2c-solution h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:28px
    }
    .b2c-solution .top-four-list {
        border:0
    }
    .b2c-solution .top-four-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .b2c-solution .top-four-list .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .b2c-solution .top-four-list .inner p {
        height:auto;
        max-height:240px
    }
    .b2c-solution .last {
        padding:15px
    }
    .b2c-solution .last .left {
        float:none;
        margin-right:0
    }
    .b2c-solution .last .text {
        overflow:hidden;
        zoom:1
    }
    .b2c-solution .last .text br {
        display:none
    }
    .b2c-solution .bot-two-list {
        display:block
    }
    .b2c-solution .bot-two-list .quarter {
        margin-bottom:15px;
        width:100%;
        display:block;
        padding:43px 45px 8px;
        padding:15px
    }
    .b2c-solution .bot-two-list .last {
        width:100%;
        display:block;
        padding:15px
    }
    .b2c-solution .bot-two-list .last .left {
        margin-right:0
    }
    .topic-solution {
        padding-top:20px;
        padding-bottom:20px
    }
    .topic-solution .m-web-title {
        margin-bottom:10px
    }
    .topic-solution .sub-title {
        margin-bottom:10px
    }
    .topic-solution .topic-list {
        border:0
    }
    .topic-solution .topic-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .topic-solution .topic-list .inner {
        padding:15px;
        border:solid 1px #d9d9d9
    }
    .topic-solution .topic-list h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .topic-solution .topic-list h3 {
        height:auto;
        max-height:120px
    }
    .case-filter {
        margin-bottom:20px
    }
    .case-filter .options {
        float:none
    }
    .case-filter .options select {
        width:100%;
        height:44px;
        padding-left:17px;
        line-height:40px
    }
    .case-filter .options {
        width:100%;
        padding:20px 0 10px
    }
    .case-filter .selector {
        float:none;
        width:100%;
        border:1px solid #e6e6e6;
        margin-bottom:10px
    }
    .case-filter .sec-title {
        padding-left:20px;
        line-height:40px
    }
    .case-filter .sec {
        -o-background-size:10px auto;
        background-size:10px auto
    }
    .case-filter .sec-option {
        top:40px;
        z-index:10
    }
    .case-filter .sec-option a {
        padding-left:10px;
        line-height:40px
    }
    .case-filter .edit {
        display:none
    }
    .cate-wrapper ul {
        margin:0
    }
    .cate-wrapper li {
        width:100%;
        margin-bottom:20px
    }
    .cate-wrapper .item {
        padding:0
    }
    .cate-wrapper .thumb {
        margin-bottom:15px
    }
    .cate-wrapper .desc {
        margin-bottom:10px;
        height:auto;
        max-height:72px
    }
    #page {
        padding-top:20px;
        padding-bottom:30px
    }
    .full-related-news {
        display:none;
        padding-top:20px;
        padding-bottom:10px
    }
    .full-related-news .related-title {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .full-related-news .related-news ul {
        margin:0
    }
    .full-related-news .related-news li {
        float:none;
        width:100%
    }
    .full-related-news .related-news a {
        display:block;
        overflow:hidden;
        margin:0 0 15px;
        border:1px solid #d2d2d2;
        padding:20px 15px 19px
    }
    .full-related-news .related-news .date {
        font-size:16px;
        line-height:26px
    }
    .full-case-detail {
        padding:20px 0 20px;
        background-color:#eaeaea
    }
    .full-case-detail .case-head {
        margin-bottom:10px;
        display:block
    }
    .full-case-detail .info {
        display:block;
        width:100%;
        padding:20px 10px
    }
    .full-case-detail .info .img {
        float:none;
        margin-right:0;
        max-width:38%
    }
    .full-case-detail .info .content .desc {
        margin-bottom:20px
    }
    .full-case-detail .u-cshd-title {
        padding:10px 0 18px
    }
    .full-case-detail .u-cshd-title .en {
        font-size:20px;
        line-height:24px
    }
    .full-case-detail .u-cshd-title .cn {
        margin-bottom:8px;
        font-size:20px;
        line-height:30px
    }
    .full-case-detail .server {
        display:block;
        width:100%;
        padding:10px 15px;
        line-height:30px
    }
    .full-case-detail .case-body {
        padding:10px;
        font-size:14px;
        line-height:26px
    }
    .full-case-detail .case-body .casebtn {
        padding:20px 0 30px
    }
    .full-case-detail .case-body .casebtn a {
        width:132px
    }

    /*网站优化*/
    .seo-title{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .sub-title{
        font-size: 16px;
    }
    .seo-why .seo-01-img img{
        width:auto;
        height: 270px;
    }
    .seo-why .seo-text{
        font-size: 14px;
    }

    /*阿里代运营*/
    .ali-01-img>img{
        width:auto !important;
        height:570px !important;
    }

    /*网站优化底部案例*/
    .wqpclassic-case{
        padding-top: 35px;
        padding-bottom:25px;
    }
    .wqpicase-list{
        margin: 0 -10px;
    }
    .wqpicase-list li{
        padding-bottom: 15px;
        float: none;
        width:100%;
    }

    /*爱采购*/
    .advant-list li{
        width:49.5%;
    }

}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 350px) {
    .full-case-detail .case-body .casebtn a {
        width:126px
    }
}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .full-case-detail .full-case-body {
        font-size:14px;
        padding:30px 0 0
    }
    .full-case-detail .full-case-body .casebtn {
        padding:20px 0 30px
    }
    .full-case-detail .full-case-body .casebtn a {
        width:132px
    }
}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 350px) {
    .full-case-detail .full-case-body .casebtn a {
        width:126px
    }
}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .full-case-detail .full-case-body .bold {
        font-size:20px;
        line-height:32px
    }
    .full-case-detail .full-case-body .bold br {
        display:none
    }
    .full-case-detail .right-content {
        padding:20px 0 30px
    }
    .full-case-detail .right-content .color-left {
        position:static;
        padding:0 15px 30px;
        text-align:center
    }
    .full-case-detail .right-content .color-left .color-panel {
        padding-top:10px;
        max-width:80%
    }
    .full-case-detail .right-content .color-right {
        padding-left:0
    }
    .full-case-detail .skew-content {
        overflow:hidden
    }
    .full-case-detail .skew-content .skew-bg {
        position:absolute;
        top:-60%;
        bottom:-60%;
        z-index:1
    }
    .full-case-detail .skew-content .case-server .text {
        position:static;
        width:100%;
        padding:20px 15px 0;
        margin-bottom:15px;
        text-align:center
    }
    .full-case-detail .skew-content .case-server .cimg {
        padding-left:15px
    }
    .full-case-detail .skew-content .case-ue {
        padding-top:4.16667%;
        position:relative;
        z-index:2
    }
    .full-case-detail .skew-content .case-ue .text {
        position:static;
        padding:0 15px;
        text-align:center
    }
    .full-case-detail .skew-content .case-ue .cimg {
        padding:0 15px
    }
    .moblie-case-slider {
        margin-top:0;
        padding:0 0 30px;
        margin:0 10px
    }
    .moblie-case-slider .case-mswiper {
        position:absolute;
        left:0;
        top:50%;
        width:100%;
        -webkit-transform:translate3d(0, -50%, 0);
        -moz-transform:translate3d(0, -50%, 0);
        transform:translate3d(0, -50%, 0)
    }
    .moblie-case-slider .case-mswiper img {
        display:block;
        margin:0;
        width:100%
    }
    .moblie-case-slider .moblie-mswiper-wrapper {
        position:absolute;
        left:50%;
        top:0;
        z-index:50;
        width:93%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
        margin-top:20%;
        overflow:hidden
    }
    .moblie-case-slider .moblie-mswiper-wrapper::after {
        display:block;
        content:'';
        width:100%;
        padding-bottom:158.6%
    }
    .moblie-case-slider .casebg {
        position:relative;
        left:0;
        top:0;
        width:100%;
        height:100%;
        -o-background-size:106.3% auto;
        background-size:106.3% auto;
        padding-bottom:207%
    }
    .mcase-right-info {
        padding:10px
    }
    .mcase-right-info .mcase {
        position:static
    }
    .mcase-right-info .qrcode img {
        margin:0
    }
    .mcase-right-info .mcase-more {
        height:125px;
        float:right;
        margin:0
    }
    .app-inside-soutions {
        padding:20px 15px;
        margin-top:0
    }
    .app-inside-soutions .item a {
        padding-top:20px;
        padding-bottom:15px
    }
    .u-ue-title {
        font-size:20px;
        line-height:30px;
        margin-bottom:10px
    }
    .full-case-detail .case-body .col-3 {
        float:none;
        display:inline-block;
        vertical-align:top;
        width:48%
    }
    .app-singlepage {
        padding-top:20px;
        padding-bottom:30px;
        font-size:14px;
        line-height:26px
    }
    .app-singlepage .lh48 {
        line-height:30px
    }
    .app-singlepage .span {
        font-size:16px;
        line-height:30px
    }
    .app-singlepage .sub-title {
        font-size:18px;
        line-height:30px
    }
    .ue-list {
        padding-top:20px
    }
    .ue-list li {
        margin-bottom:15px
    }
    .ue-list .ue-rimg {
        padding-left:0
    }
    .ue-list .ue-rimg .info {
        left:0
    }
    .ue-list .ue-rimg .middle {
        padding-right:6.78571%
    }
    .ue-list .ue-limg {
        padding-right:0
    }
    .ue-list .ue-limg .middle {
        padding-left:0
    }
    .ue-list .info {
        position:relative;
        width:100%
    }
    .ue-list .info .middle {
        font-size:14px;
        line-height:26px
    }
    .ue-list .info h3 {
        font-size:18px;
        line-height:46px
    }
    .m-page-partner {
        padding-top:30px;
        padding-bottom:30px
    }
    .m-page-partner .u-ue-title {
        margin-bottom:15px
    }
    .m-page-partner ul {
        margin:0 -5px
    }
    .m-page-partner li {
        width:33.33333%
    }
    .noborder {
        padding-bottom:30px
    }
    .m-idico-wrapper {
        font-size:14px;
        line-height:26px;
        padding-bottom:0
    }
    .m-idico-wrapper .idico-list {
        margin:0
    }
    .m-idico-wrapper .idico-item {
        float:none;
        width:100%
    }
    .m-idico-wrapper .inner {
        padding:15px 0 0
    }
    .m-idico-wrapper .id {
        top:15px;
        right:0;
        font-size:50px;
        line-height:1
    }
    .m-idico-wrapper .ico {
        margin-bottom:10px;
        width:50px;
        height:50px;
        line-height:50px
    }
    .m-idico-wrapper .ico img {
        max-height:100%
    }
    .m-idico-wrapper h3 {
        margin-bottom:10px
    }
    .m-idico-wrapper .sub {
        padding-bottom:15px;
        height:auto
    }
    .native-app-desc {
        padding:10px 15px 0
    }
    .m-diff-content {
        width:100%;
        padding:20px 0;
        font-size:14px;
        line-height:24px
    }
    .m-diff-content .ico-txt {
        padding:10px 0
    }
    .m-diff-content .ico-txt img {
        display:none
    }
    .m-diff-content .ico-txt span {
        padding:0;
        font-size:20px;
        line-height:26px
    }
    .m-diff-content .item {
        display:block;
        width:100%;
        padding:0
    }
    .m-diff-content .text-right {
        text-align:left;
        border:0
    }
    .rn-web-bottom {
        padding:15px 15px 0
    }
    .app-icodesc ul {
        padding:10px 0 20px
    }
    .app-icodesc .ico img {
        max-height:80%
    }
    .app-icodesc li {
        width:50%
    }
    .customer-article {
        padding-top:20px
    }
    .customer-article .title {
        margin-bottom:10px;
        font-size:20px;
        line-height:34px
    }
    .customer-article .text {
        padding:0 0 10px;
        font-size:14px;
        line-height:26px
    }
    .customer-container {
        margin-bottom:30px
    }
    .customer-container li img {
        display:block;
        width:100%
    }
    .evaluate-wrapper {
        padding-top:20px
    }
    .evaluate-wrapper ul {
        margin:0
    }
    .evaluate-wrapper li {
        width:100%
    }
    .evaluate-wrapper .item {
        padding:0;
        min-height:auto;
        background-position:0 10px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .evaluate-wrapper .brand {
        margin-bottom:15px;
        height:76px;
        padding:20px 0 0 20px;
        line-height:56px
    }
    .evaluate-wrapper .brand img {
        max-height:46px
    }
    .evaluate-wrapper .name {
        margin-bottom:10px;
        line-height:24px;
        padding-left:20px
    }
    .evaluate-wrapper .desc {
        padding:0 0 20px 20px
    }
    .case-wrapper {
        padding-top:20px;
        padding-bottom:10px
    }
    .case-wrapper .caseban img {
        width:auto;
        height:100px;
        position:relative;
        left:50%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .case-wrapper .caseban .title {
        left:0;
        top:0%;
        margin-top:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3)
    }
    .case-wrapper .caseban h2 {
        font-size:18px;
        line-height:36px
    }
    .case-intro-wrapper {
        padding:10px
    }
    .case-intro-wrapper .jiejuelist .id {
        position:static;
        font-size:30px;
        line-height:30px
    }
    .case-intro-wrapper .jiejuelist dl {
        padding:20px 10px;
        font-size:14px;
        line-height:26px
    }
    .case-intro-wrapper .jiejuelist dt {
        margin-bottom:20px;
        font-size:18px;
        line-height:32px
    }
    .case-intro-wrapper .jiejuelist dt::after {
        bottom:-10px
    }
    .case-intro-wrapper table {
        border-collapse:collapse
    }
    .case-intro-wrapper table td {
        border:1px solid #666;
        padding:3px 8px;
        min-width:5em
    }
    .case-intro-list li {
        padding:10px 10px 20px;
        font-size:14px;
        line-height:24px
    }
    .case-intro-list .id {
        position:static;
        font-size:30px;
        line-height:30px
    }
    .case-intro-list .title {
        margin-bottom:20px;
        font-size:18px;
        line-height:32px
    }
    .case-intro-list .title::after {
        bottom:-10px
    }
    .case-intro-list h5.letter {
        font-size:16px
    }
    .case-intro-list h4.sub-title {
        font-size:16px
    }
    .case-intro-list .m-letter-item {
        padding-top:15px
    }
    .case-intro-list .m-letter-item .letter {
        margin-bottom:13px;
        font-size:28px;
        line-height:28px
    }
    .case-intro-list .m-letter-item .sub-title {
        margin-bottom:10px;
        font-size:16px;
        line-height:22px
    }
    .case-intro-list .rhalfimg img {
        float:right;
        max-width:48.6%;
        margin-left:30px
    }
    .case-intro-list .rimg {
        padding:0
    }
    .case-intro-list .rimg .letimg {
        position:static;
        width:auto;
        max-width:100%;
        float:none
    }
    .case-intro-list .prico-title {
        padding:10px 0 15px;
        font-size:16px;
        line-height:22px
    }
    .m-relat-title {
        padding:0 0 20px
    }
    .m-relat-title h3 {
        font-size:20px;
        line-height:30px
    }
    .m-relat-title a {
        width:90px;
        line-height:28px
    }
    .m-relat-title a i {
        left:-20px;
        top:13px;
        width:30px
    }
    .relative-cases {
        padding:20px 0
    }
    .relative-cases ul {
        margin:0
    }
    .relative-cases li {
        width:100%
    }
    .relative-cases .thumb {
        margin-bottom:10px
    }
    .relative-cases a {
        padding:0;
        line-height:26px
    }
    .relative-cases a .title {
        font-size:16px;
        font-weight:bold;
        color:#1a1a1a
    }
    .trade-imglist .imglist-wrap {
        margin:0
    }
    .trade-imglist .imglist-wrap .trade-item {
        float:none;
        width:100%
    }
    .trade-imglist .imglist-wrap .inner {
        padding:0
    }
    .trade-imglist .imglist-wrap .trade-title {
        padding:16px 0 13px;
        font-size:16px;
        line-height:22px
    }
    .trade-left {
        float:none;
        width:100%
    }
    .trade-right {
        float:none;
        width:100%
    }
    .price-top {
        font-size:0
    }
    .price-top .top-item {
        float:left;
        width:50%;
        margin-right:0
    }
    .price-icolist .icolist {
        width:100%
    }
    .price-icolist .ico-item {
        float:none;
        width:100%;
        margin:0;
        padding:15px 0
    }
    .seo-top-list {
        overflow:hidden
    }
    .seo-top-list .top-seoabc {
        width:100%
    }
    .seo-top-list .m-letter-item {
        float:none;
        width:100%;
        padding-right:0
    }
    .seo-thr-list {
        padding-left:0;
        padding-top:20px
    }
    .seo-thr-list .thr-left {
        position:static;
        width:100%
    }
    .seo-thr-list .dash-border {
        margin-bottom:15px;
        padding:0;
        border-bottom:0
    }
    .seo-thr-list .thr-right {
        padding:0;
        border-left:0
    }
    .seo-thr-list .red-dot-list {
        font-size:0
    }
    .seo-thr-list .red-dot-list .red-item {
        width:100%;
        margin-bottom:15px
    }
    .full-sys-desc .gray-sys-desc .sys-lists {
        font-size:0
    }
    .full-sys-desc .gray-sys-desc .sys-lists li {
        display:inline-block;
        vertical-align:top;
        width:50%
    }
    .full-sys-desc .quarter .sys-lists li {
        width:100%
    }
    .m-sys-desc {
        padding:20px 0
    }
    .m-sys-desc .sys-info {
        float:none;
        width:100%;
        margin-right:0
    }
    .m-sys-desc .sys-info .ico {
        float:left;
        width:50px;
        margin-right:10px
    }
    .m-sys-desc .sys-info .ico img {
        width:100%
    }
    .m-sys-desc .sys-info .info {
        font-size:14px;
        line-height:26px
    }
    .m-sys-desc .sys-info h4 {
        font-size:26px;
        line-height:26px
    }
    .m-sys-desc .sys-info h3 {
        margin-bottom:15px;
        font-size:20px;
        line-height:30px
    }
    .m-sys-desc .sys-lists {
        font-size:0
    }
    .m-sys-desc .sys-lists li {
        display:inline-block;
        vertical-align:top;
        float:none;
        width:50%;
        padding-left:0;
        margin-bottom:10px;
        padding-right:15px;
        font-size:14px
    }
    .m-sys-desc .sys-lists .pull-left {
        margin:0;
        width:100%;
        padding:0
    }
    .m-sys-desc .sys-lists .id {
        font-size:28px;
        line-height:28px
    }
    .m-sys-desc .sys-lists h3 {
        margin-bottom:0;
        font-size:16px;
        line-height:30px
    }
    .full-crowd-bot .sys-lists li {
        width:100%;
        line-height:20px
    }
    .crowd-article-top .left {
        float:none;
        width:100%
    }
    .crowd-article-top .right {
        float:none;
        width:100%
    }
    .crowd-article-top .m-sys-desc {
        padding:20px 0 10px
    }
    .m-feature-list {
        border:0
    }
    .m-feature-list li {
        float:none;
        width:100%;
        margin-bottom:10px
    }
    .m-feature-list .inner {
        padding:20px 10px 15px;
        border:solid 1px #d9d9d9
    }
    .m-feature-list h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .m-feature-list h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:26px
    }
    .m-feature-list p {
        font-size:14px;
        height:auto;
        max-height:120px
    }
    .shop-feature-top {
        padding-top:20px;
        padding-bottom:20px
    }
    .shop-feature-top .m-web-title {
        margin-bottom:15px
    }
    .shop-feature-mid {
        height:auto;
        padding:30px 0
    }
    .shop-feature-mid .feature-img {
        width:100%;
        height:100%
    }
    .shop-feature-mid .feature-img img {
        width:auto;
        height:100%;
        margin-left:0;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .shop-feature-mid .sys-info {
        width:100%
    }
    .shop-feature-bot {
        padding-top:20px;
        padding-bottom:15px
    }
    .elec-solution-wrapper {
        padding:25px 0 30px
    }
    .elec-solution-wrapper .elec-title {
        font-size:20px;
        line-height:30px
    }
    .elec-solution-wrapper .sub {
        font-size:14px;
        line-height:30px
    }
    .elec-solution-wrapper .line {
        margin:10px auto 16px
    }
    .elec-solution-wrapper .elec {
        margin-bottom:12px;
        font-size:20px;
        line-height:30px
    }
    .elec-solution-wrapper .elec-featrue li {
        float:none;
        width:100%
    }
    .elec-solution-wrapper .elec-featrue .inner {
        padding:20px 15px;
        font-size:14px
    }
    .elec-solution-wrapper .elec-featrue .ico {
        margin-bottom:10px
    }
    .elec-solution-wrapper .elec-featrue h3 {
        margin-bottom:15px;
        font-size:18px;
        line-height:24px
    }
    .elec-solution-wrapper .elec-featrue p {
        font-size:14px
    }
    .elec-tab {
        padding-bottom:30px
    }
    .elec-tab .tabs-title a {
        font-size:14px;
        line-height:42px
    }
    .elec-tab .item {
        display:none
    }
    .elec-tab .item:first-child {
        display:block
    }
    .elec-tab .func .name {
        line-height:40px
    }
    .elec-tab .func .table .tr p {
        float:none;
        width:100%
    }
    .qa-list {
        padding-top:50px;
        font-size:16px;
        line-height:28px
    }
    .qa-list li {
        margin-bottom:10px
    }
    .qa-list h3 {
        position:relative;
        padding:21px 94px 21px 112px;
        color:#333;
        background-color:#e6e6e6;
        background-image:url("../images/quesico.png");
        background-repeat:no-repeat;
        background-position:0 0;
        cursor:pointer
    }
    .qa-list h3 .ico {
        position:absolute;
        top:50%;
        right:26px;
        width:32px;
        height:32px;
        margin-top:-16px;
        background-repeat:no-repeat;
        background-position:center;
        background-image:url("../images/qadd.png")
    }
    .qa-list h3.cur .ico {
        background-image:url("../images/qaless.png")
    }
    .qa-list .answer {
        display:none;
        background-color:#f2f2f2;
        background-image:url("../images/answico.png");
        background-repeat:no-repeat;
        background-position:0 0;
        padding:28px 94px 45px 112px;
        color:#666
    }
    .wechat-shopcase {
        padding-top:20px;
        padding-bottom:10px
    }
    .wechat-shopcase .m-web-title {
        margin-bottom:10px
    }
    .wechat-shopcase .shop-case-list {
        border:0
    }
    .wechat-shopcase .shop-case-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .wechat-shopcase .shop-case-list .inner {
        border:solid 1px #d9d9d9;
        padding:20px 15px 15px
    }
    .wechat-shopcase .shop-case-list .ico {
        height:42px;
        margin-bottom:10px;
        line-height:42px
    }
    .wechat-shopcase .shop-case-list .ico img {
        max-height:80%
    }
    .wechat-shopcase .shop-case-list h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:24px;
        height:48px
    }
    .wechat-shopcase .shop-case-list p {
        font-size:14px;
        height:auto;
        max-height:120px
    }
    .mobile-solution-wrapper {
        padding-top:20px;
        padding-bottom:20px
    }
    .mobile-solution-wrapper .m-web-title {
        margin-bottom:15px
    }
    .mobile-solution-wrapper .msolution-list {
        border:0
    }
    .mobile-solution-wrapper .item {
        float:none;
        width:100%;
        margin-bottom:15px;
        font-size:14px
    }
    .mobile-solution-wrapper .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .mobile-solution-wrapper .ico {
        line-height:62px;
        height:62px
    }
    .mobile-solution-wrapper .ico img {
        height:70%
    }
    .mobile-solution-wrapper h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .mobile-solution-wrapper .dot-list {
        height:auto;
        max-height:168px
    }
    .m-ml2-title {
        font-size:20px;
        line-height:32px
    }
    .sys-text-ban {
        overflow:hidden
    }
    .sys-text-ban img {
        position:absolute;
        left:50%;
        top:0;
        width:auto;
        height:100%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .ban-sys-dev {
        position:relative;
        top:0;
        z-index:10;
        padding:20px 10px;
        font-size:14px;
        line-height:24px
    }
    .platform-five-desc {
        margin-top:20px;
        margin-bottom:20px;
        border:0
    }
    .platform-five-desc li {
        float:none;
        width:100%;
        margin-bottom:15px;
        font-size:14px
    }
    .platform-five-desc .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .platform-five-desc .ico {
        margin-bottom:10px;
        height:50px;
        line-height:50px
    }
    .platform-five-desc .ico img {
        max-height:80%
    }
    .platform-five-desc h3 {
        margin-bottom:7px;
        font-size:18px;
        line-height:24px
    }
    .platform-five-desc p {
        height:auto;
        max-height:192px
    }
    .full-platform-apply {
        padding-top:20px;
        padding-bottom:20px
    }
    .full-platform-apply .m-web-title {
        margin-bottom:15px
    }
    .full-platform-apply ul {
        border:0
    }
    .full-platform-apply li {
        float:none;
        width:100%;
        font-size:14px;
        margin-bottom:15px
    }
    .full-platform-apply .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .full-platform-apply h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .full-platform-apply h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:24px
    }
    .full-platform-apply p {
        height:auto;
        max-height:144px
    }
    .wechat-platform {
        height:auto
    }
    .wechat-platform .full-bg {
        height:100%;
        overflow:hidden
    }
    .wechat-platform .full-bg img {
        margin-left:0;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        height:100%
    }
    .wechat-platform .wechat-shop-content {
        padding-top:20px;
        padding-bottom:15px
    }
    .wechat-platform .left-msg {
        float:none;
        width:100%
    }
    .wechat-platform .left-msg .en {
        margin-bottom:13px;
        font-size:32px;
        line-height:32px
    }
    .wechat-platform .left-msg h3 {
        font-size:20px;
        line-height:30px
    }
    .wechat-platform .wcpalt-list li {
        float:none;
        width:100%;
        padding-left:0;
        margin-bottom:10px
    }
    .wechat-platform .wcpalt-list .id {
        margin-bottom:0;
        font-size:30px;
        line-height:30px
    }
    .wechat-platform .wcpalt-list h3 {
        margin-bottom:0
    }
    .platform-server {
        padding-top:20px;
        padding-bottom:20px
    }
    .platform-server .m-ml2-title {
        margin-bottom:15px
    }
    .platform-server .cms-desc .item {
        width:100%;
        padding:10px 15px 20px;
        font-size:14px;
        line-height:26px
    }
    .platform-server .cms-desc .left {
        float:none;
        margin-left:0;
        border:1px solid #fff
    }
    .platform-server .cms-desc .right {
        float:none;
        margin-right:0
    }
    .platform-server .cms-desc .ico {
        margin-bottom:10px;
        height:67px;
        line-height:67px
    }
    .platform-server .cms-desc .ico img {
        max-height:70%
    }
    .platform-server .cms-desc h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:28px
    }
    .platform-feature {
        padding-top:20px;
        padding-bottom:20px
    }
    .platform-feature .m-ml2-title {
        margin-bottom:20px
    }
    .m-quarter-icolist, .m-three-icolist {
        text-align:left
    }
    .m-quarter-icolist li, .m-three-icolist li {
        width:50%;
        padding:0 5px;
        margin-bottom:20px;
        text-align:center
    }
    .m-quarter-icolist .ico, .m-three-icolist .ico {
        margin-bottom:10px
    }
    .m-quarter-icolist h3, .m-three-icolist h3 {
        margin-bottom:5px;
        font-size:16px;
        line-height:26px
    }
    .m-three-icolist li {
        width:50%
    }
    .m-three-icolist .ico img {
        width:40%
    }
    .product-crowd-top {
        padding-top:20px;
        padding-bottom:20px
    }
    .product-crowd-top .left {
        float:none;
        width:100%;
        padding:0;
        margin-bottom:10px
    }
    .product-crowd-top .left .sys-info {
        width:100%
    }
    .product-crowd-top .right {
        float:none;
        width:100%
    }
    .product-crowd-mid.quarter .sys-lists li {
        width:100%
    }
    .online-news-wrapper {
        padding-top:4.375%
    }
    .online-news-wrapper ul {
        margin:0
    }
    .online-news-wrapper li {
        float:none;
        width:100%
    }
    .online-news-wrapper li a {
        display:block;
        margin:0;
        padding:13.74322% 20px 16.27486%;
        padding:20px 10px
    }
    .online-news-wrapper .date {
        margin-bottom:10px;
        font-size:16px;
        line-height:20px
    }
    .online-news-wrapper .date .line {
        padding-top:10px
    }
    .online-news-wrapper .title {
        margin-bottom:10px;
        font-size:16px
    }
    .case-news-article .title {
        margin-bottom:8px;
        font-size:18px;
        line-height:34px
    }
    .case-news-article .share a {
        margin:0 10px 0 0
    }
    .case-news-article .info {
        padding-top:10px;
        padding-bottom:15px
    }
    .case-news-article .singlepage {
        padding:15px 0;
        font-size:14px;
        line-height:24px
    }
    .case-news-article .page-ctrl {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        padding:17px 0
    }
    .case-news-article .page-ctrl a {
        display:block;
        font-size:14px;
        line-height:30px;
        color:#999;
        max-width:45%;
        background-repeat:no-repeat
    }
    .case-news-article .page-ctrl .prev {
        float:left;
        padding-left:55px;
        background-position:0 center;
        background-image:url("../images/pageprev.png")
    }
    .case-news-article .page-ctrl .prev:hover {
        color:#d90000;
        background-image:url("../images/pageprevac.png")
    }
    .case-news-article .page-ctrl .next {
        float:right;
        padding-right:55px;
        background-position:right center;
        background-image:url("../images/pagenext.png")
    }
    .case-news-article .page-ctrl .next:hover {
        color:#d90000;
        background-image:url("../images/pagenextac.png")
    }
    .g-news-detail {
        padding-bottom:10px
    }
    .g-news-detail .inside-nav a {
        border-bottom-color:#f2f2f2
    }
    .g-news-detail .inside-nav a:hover {
        border-bottom-color:#d90000
    }
    .g-news-detail .detail-container {
        padding:20px 0
    }
    .g-news-detail .case-news-article {
        float:none;
        width:100%;
        padding:20px 10px 10px;
        min-height:auto;
        margin-bottom:10px
    }
    .g-news-detail .case-news-article .share {
        float:none
    }
    .g-news-detail .detail-sidebar {
        width:100%;
        float:none
    }
    .g-news-detail .hot-tags ul {
        min-height:64px;
        padding:15px 12px 14px
    }
    .g-news-detail .hot-tags ul li {
        width:25%;
        margin:0;
        padding:0 3px;
        margin-bottom:6px
    }
    .g-news-detail .page-ctrl {
        padding:20px 15px 2px
    }
    .g-news-detail .page-ctrl .label span {
        left:100px;
        width:auto
    }
    .g-news-detail .page-ctrl .item {
        margin-bottom:15px
    }
    .applet-desc-list {
        margin-bottom:10px;
        border:0;
        overflow:hidden
    }
    .applet-desc-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .applet-desc-list .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .applet-desc-list .id {
        font-size:30px;
        line-height:30px;
        margin-bottom:8px
    }
    .applet-desc-list h3 {
        margin-bottom:10px;
        font-size:16px
    }
    .full-applet-wrapper {
        height:auto;
        padding:20px 0
    }
    .full-applet-wrapper .m-web-title {
        margin-bottom:15px
    }
    .full-applet-wrapper .m-full-bg {
        height:100%
    }
    .full-applet-wrapper .m-full-bg img {
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        margin-left:0;
        height:100%
    }
    .full-applet-wrapper .applet-feature ul {
        margin:0 -5px;
        font-size:0
    }
    .full-applet-wrapper .applet-feature li {
        float:none;
        display:inline-block;
        vertical-align:top;
        width:50%;
        padding:0 5px;
        margin-bottom:10px
    }
    .full-applet-wrapper .applet-feature .ico {
        margin-bottom:10px
    }
    .full-applet-wrapper .applet-feature .ico img {
        width:38%
    }
    .full-applet-wrapper .applet-feature h3 {
        margin-bottom:5px;
        font-size:16px
    }
    .applet-func {
        padding-top:20px;
        padding-bottom:10px
    }
    .applet-func .m-web-title {
        margin-bottom:15px
    }
    .applet-func-list ul {
        margin:0
    }
    .applet-func-list li {
        float:none;
        width:100%;
        margin-bottom:10px;
        padding:0
    }
    .applet-func-list .inner {
        padding:10px 15px 20px
    }
    .applet-func-list .ico {
        height:55px;
        line-height:55px;
        margin-bottom:10px
    }
    .applet-func-list .ico img {
        max-height:70%
    }
    .applet-func-list h3 {
        margin-bottom:15px
    }
    .full-applet-do {
        padding:20px 15px 10px
    }
    .full-applet-do .do-desc {
        margin-bottom:15px
    }
    .full-applet-do .inner {
        padding:43px 40px 69px
    }
    .full-applet-do .m-three-icolist {
        padding:0
    }
    .full-applet-do .m-three-icolist p {
        font-size:16px;
        line-height:24px
    }
    .wxshop-func {
        padding-top:20px;
        padding-bottom:20px
    }
    .wxshop-func .m-web-title {
        margin-bottom:15px
    }
    .wxshop-func .m-quarter-icolist li {
        margin-bottom:10px
    }
    .full-wxshop-attention {
        padding:20px 0 10px
    }
    .full-wxshop-attention .m-web-title {
        margin-bottom:15px
    }
    .full-wxshop-attention ul {
        border:0
    }
    .full-wxshop-attention li {
        float:none;
        width:100%;
        font-size:14px;
        margin-bottom:15px
    }
    .full-wxshop-attention .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .full-wxshop-attention .id {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .full-wxshop-attention p {
        height:auto
    }
    .msite-positon {
        padding-top:20px;
        padding-bottom:15px
    }
    .msite-positon .m-web-title {
        margin-bottom:10px
    }
    .m-wxico-list li {
        width:50%;
        font-size:16px;
        line-height:26px;
        margin-bottom:10px
    }
    .m-wxico-list li .ico {
        margin-bottom:10px
    }
    .m-wxico-list li img {
        vertical-align:middle;
        width:50% !important;
        height:auto !important
    }
    .g-search-form {
        margin:0;
        width:100%;
        padding-top:15px;
        padding-bottom:0
    }
    .g-search-form .search-for-result {
        float:none;
        width:100%;
        height:100px;
        padding:10px 0;
        font-size:14px;
        line-height:26px
    }
    .g-search-form .search-for-result .nums {
        font-size:26px;
        line-height:40px
    }
    .g-search-form .search-form-wrap {
        padding:20px 0
    }
    .g-search-form .search-form {
        width:100%
    }
    .g-search-form .search-form form {
        position:relative;
        padding-right:64px
    }
    .g-search-form .search-form input {
        font-size:14px
    }
    .g-search-form .search-form label {
        padding:0;
        height:40px;
        line-height:40px
    }
    .g-search-form .search-form .key {
        padding-left:15px
    }
    .g-search-form .search-form .sub {
        position:absolute;
        right:0;
        top:0;
        width:64px;
        background:#fff url("../images/gsearch.png") no-repeat center
    }
    .g-search-form .search-form .sub input {
        display:block;
        font-size:0;
        height:40px
    }
    .g-search-cate {
        margin-bottom:0;
        padding:15px
    }
    .g-search-cate ul {
        display:block;
        width:100%
    }
    .g-search-cate li {
        width:25%;
        font-size:12px;
        line-height:42px;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .sitemap-wrapper {
        padding:20px 0 20px
    }
    .sitemap-wrapper .title {
        padding:30px 0 15px
    }
    .sitemap {
        padding:20px 0 10px
    }
    .mapitem .two {
        width:50%
    }
    .m-about-title {
        font-size:20px;
        line-height:32px
    }
    .m-about-text {
        padding:15px 0;
        font-size:16px;
        line-height:30px
    }
    .about-us-intro {
        padding-top:20px;
        padding-bottom:20
    }
    .about-us-intro .year {
        display:none
    }
    .about-us-intro .article {
        padding:10px 0;
        font-size:14px;
        line-height:26px
    }
    .about-us-intro .intro-card {
        margin:0
    }
    .about-us-intro .intro-card .card {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .about-us-intro .intro-card .inner {
        padding:0
    }
    .about-us-intro .intro-card .info {
        left:10px;
        top:50%;
        font-size:16px;
        line-height:26px;
        -webkit-transform:translate3d(0, -50%, 0);
        -moz-transform:translate3d(0, -50%, 0);
        transform:translate3d(0, -50%, 0)
    }
    .about-us-intro .intro-card .en {
        font-size:16px;
        line-height:20px
    }
    .about-us-intro .intro-card .cn {
        margin-bottom:10px;
        font-size:20px;
        line-height:40px
    }
    .full-certificate-article {
        padding-top:30px;
        padding-bottom:20px
    }
    .full-certificate-article .info {
        float:none;
        width:100%;
        padding-top:0
    }
    .full-certificate-article .cert-ico {
        margin-bottom:10px;
        height:50px
    }
    .full-certificate-article .cert-ico img {
        width:50px
    }
    .full-certificate-article .certificate {
        float:none;
        width:100%;
        padding-right:0
    }
    .full-certificate-article .certificate img {
        width:auto;
        max-width:100%
    }
    .about-field {
        padding-top:20px;
        padding-bottom:20px;
        overflow:hidden
    }
    .about-field .main-business {
        margin:0 -5px
    }
    .about-field .main-business .business-item {
        margin-left:0;
        width:50%;
        margin-bottom:10px;
        padding:0 5px
    }
    .about-field .main-business h2 {
        padding:0
    }
    .about-field .main-business h2 a {
        font-size:14px;
        line-height:26px;
        white-space:nowrap;
        overflow:hidden;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis
    }
    .about-field .main-business .inner {
        padding:20px 10px;
        text-align:center
    }
    .about-field .main-business .sub {
        border:0;
        padding-bottom:0
    }
    .about-field .main-business .sub a {
        background:none;
        padding-left:0;
        line-height:32px
    }
    .about-field .field-text {
        padding:10px 0 10px
    }
    .main-business {
        margin:0
    }
    .main-business .business-item {
        float:left;
        width:25%
    }
    .main-business .business-item .inner {
        margin:0
    }
    .main-business .ico {
        margin-bottom:12px;
        height:50px;
        line-height:50px;
        font-size:0
    }
    .main-business .ico img {
        height:36px
    }
    .our-server .bg {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .our-server .bg img {
        margin-left:0;
        width:auto;
        height:100%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .our-server .server-inner {
        position:relative;
        left:0;
        top:0;
        z-index:10;
        margin-left:0;
        padding-top:30px
    }
    .our-server .server-inner .server-desc {
        padding-top:10px;
        font-size:16px;
        line-height:32px
    }
    .our-server .server-inner .server-desc .text {
        font-size:18px
    }
    .our-server .m-key-list {
        position:relative;
        left:0;
        bottom:0;
        z-index:3
    }
    .history-wapper {
        width:100%;
        margin:0 auto 20px
    }
    .history-wapper .history {
        padding-bottom:20px
    }
    .history-wapper .botline {
        right:auto;
        left:20px;
        width:1px;
        height:20px
    }
    .history-wapper .chl-title {
        padding:20px 0 10px;
        font-size:24px;
        line-height:30px
    }
    .history-wapper .item {
        display:none;
        border-bottom:1px solid #e6e6e6;
        padding-left:20px;
        padding-right:15px
    }
    .history-wapper .item .year {
        display:none
    }
    .history-wapper .dot {
        right:auto;
        left:13px;
        top:25px
    }
    .history-wapper .list {
        float:none;
        width:100%;
        font-size:14px;
        line-height:26px;
        padding:20px 0 20px 15px;
        border-left:1px solid #d9d9d9
    }
    .history-wapper .list li {
        padding-bottom:10px
    }
    .loadmore {
        width:auto;
        margin:20px 15px 30px;
        overflow:hidden;
        line-height:38px;
        height:40px;
        border-width:1px
    }
    .m-diff-title, .m-chl-title {
        font-size:20px;
        line-height:30px
    }
    .m-diff-text {
        font-size:14px;
        line-height:26px
    }
    .m-center-img {
        text-align:center
    }
    .m-center-img img {
        max-width:100%;
        vertical-align:top
    }
    .diff-head {
        padding-top:30px;
        padding-bottom:20px;
        font-size:16px;
        line-height:28px
    }
    .diff-head h1 {
        margin-bottom:12px;
        font-size:20px;
        line-height:32px
    }
    .diff-head .line {
        width:120px;
        height:2px;
        margin-left:-60px
    }
    .full-diff-text {
        padding:20px 15px 0
    }
    .full-diff-text .m-diff-text {
        padding:10px 0 20px
    }
    .full-ablum .item {
        float:none;
        width:100%
    }
    .adv-supplier {
        padding-top:30px;
        padding-bottom:30px
    }
    .adv-supplier .m-diff-text {
        padding:10px 0
    }
    .full-adv-case {
        position:relative
    }
    .full-adv-case img {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .full-adv-case .case-ditt-content {
        position:relative;
        z-index:10;
        top:0;
        left:0;
        padding:15px
    }
    .full-adv-case .m-diff-text {
        padding:15px 0 0;
        font-size:14px
    }
    .diff-server {
        padding-top:20px;
        padding-bottom:20px
    }
    .diff-server .m-diff-text {
        padding:15px 0
    }
    .full-seo-article {
        padding:30px 0 20px
    }
    .full-seo-article .m-diff-text {
        padding:10px 0
    }
    .full-worthy-intro {
        padding-top:20px
    }
    .full-worthy-intro .m-diff-text {
        padding:15px 15px 20px
    }
    .full-faith-article .content {
        font-size:14px;
        line-height:26px
    }
    .full-faith-article .content .title {
        float:none;
        width:100%
    }
    .full-faith-article .content .title h2 {
        margin-bottom:10px;
        font-size:16px;
        line-height:28px
    }
    .full-faith-article .content .title h3 {
        margin-bottom:0;
        font-size:20px;
        line-height:34px
    }
    .common-problem {
        padding-bottom:20px
    }
    .common-problem .qa-title {
        margin-bottom:10px;
        font-size:20px;
        line-height:30px
    }
    .doc-download {
        padding:20px 0 5px
    }
    .doc-download ul {
        margin:0
    }
    .doc-download li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .doc-download .inner {
        padding:0 15px
    }
    .doc-download .info {
        padding:10px 78px 10px 10px
    }
    .doc-download .pdf {
        padding:0;
        font-size:16px;
        padding-left:56px;
        line-height:24px;
        height:48px;
        -o-background-size:32px;
        background-size:32px
    }
    .doc-download .dw {
        width:68px;
        height:68px;
        font-size:0;
        -o-background-size:30px auto;
        background-size:30px auto
    }
}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 350px) {
    .doc-download .inner {
        padding:0 10px
    }
    .doc-download .info {
        padding:10px 74px 10px 10px
    }
    .doc-download .pdf {
        font-size:14px;
        line-height:22px;
        height:44px;
        padding-left:46px
    }
    .doc-download .dw {
        width:64px;
        height:64px
    }
}@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .qa-list {
        padding-top:10px;
        font-size:14px;
        line-height:22px
    }
    .qa-list li {
        margin-bottom:10px
    }
    .qa-list h3 {
        padding:5px 40px 5px 60px;
        font-size:14px;
        line-height:22px;
        min-height:54px;
        -o-background-size:54px auto;
        background-size:54px auto
    }
    .qa-list h3 .ico {
        right:10px;
        -o-background-size:18px auto;
        background-size:18px auto
    }
    .qa-list h3.cur .ico {
        background-image:url("../images/qaless.png")
    }
    .qa-list .answer {
        padding:5px 10px 5px 60px;
        -o-background-size:54px auto;
        background-size:54px auto;
        min-height:54px
    }
    .contact-ways {
        padding-top:30px
    }
    .contact-ways .info {
        padding:20px 0 10px
    }
    .contact-ways .info .item {
        float:none;
        width:100%;
        font-size:14px;
        line-height:26px;
        margin-bottom:10px
    }
    .contact-ways .info .item:nth-child(1) {
        text-align:center
    }
    .contact-ways .info .item:nth-child(1) .ico img {
        max-width:none
    }
    .contact-ways .info .ico {
        margin-bottom:10px;
        text-align:center
    }
    .contact-ways .info .ico img {
        max-width:25%
    }
    .contact-ways .info span {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        text-align:right
    }
    .contact-ways .info .label4 {
        width:auto
    }
    .full-arrive {
        padding:20px 0 0
    }
    .arrive-info {
        padding-bottom:20px
    }
    .arrive-lf {
        float:none;
        padding:5px 0 0 30px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .arrive-lf .arr-title {
        margin-bottom:10px
    }
    .arrive-lf .arr-title h3 {
        font-size:16px;
        line-height:22px
    }
    .arrive-lf .arr-title h4 {
        font-size:28px;
        line-height:40px
    }
    .arrive-lf .addr {
        font-size:14px;
        margin-bottom:10px
    }
    .arrive-rg {
        padding-left:0;
        border:0;
        font-size:14px;
        line-height:26px
    }
    .full-bdmap {
        height:200px
    }
    .contact-feedback {
        padding-top:30px;
        padding-bottom:30px
    }
    .contact-feedback .m-chl-title {
        margin-bottom:20px
    }
    .contact-feedback .contact-form {
        max-width:1200px;
        margin:0 auto
    }
    .contact-feedback .text {
        float:none;
        width:100%
    }
    .contact-feedback .text label {
        padding:10px 0;
        margin-bottom:15px
    }
    .contact-feedback .text label input {
        font-size:14px
    }
    .contact-feedback .text .imgval img {
        top:-1px;
        height:37px
    }
    .contact-feedback .msg {
        float:none;
        width:100%
    }
    .contact-feedback .msg p {
        font-size:16px;
        line-height:50px
    }
    .contact-feedback .msg textarea {
        width:100%;
        height:94px;
        font-size:14px;
        line-height:24px
    }
    .contact-feedback .form-ctrl {
        width:100%
    }
    .contact-feedback .form-ctrl label {
        width:48%;
        height:40px;
        padding:10px 0
    }
    .contact-feedback .form-ctrl label input {
        font-size:16px
    }
    .recruit-content {
        padding-top:20px;
        padding-bottom:20px
    }
    .recruit-content .thumb {
        float:none;
        margin-left:0
    }
    .recruit-content .thumb img {
        width:100%
    }
    .recruit-content .content {
        font-size:14px;
        line-height:26px
    }
    .recruit-content .content .title {
        font-size:20px;
        line-height:36px
    }
    .recruit-content .content .text {
        padding:10px 0 20px
    }
    .recruit-content .content .mail {
        font-size:16px;
        line-height:28px
    }
    .recruit-list-wrapper {
        padding-bottom:30px
    }
    .recruit-list-wrapper .brief {
        padding:10px 0;
        font-size:16px;
        line-height:28px
    }
    .recruit-list-wrapper .brief h3 {
        width:90%;
        font-size:16px
    }
    .recruit-list-wrapper .brief p {
        display:none
    }
    .recruit-list-wrapper .brief .ico {
        width:48px;
        height:48px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .recruit-list-wrapper .brief.cur .ico {
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .recruit-list-wrapper .info {
        padding:15px 0;
        font-size:14px;
        line-height:26px
    }
    .recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item {
        padding-bottom:10px
    }
    .recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label {
        float:none;
        width:100%
    }
    .recruit-list-wrapper .delivery {
        margin-left:0;
        width:177px;
        height:50px;
        padding-left:74px;
        font-size:16px;
        line-height:50px;
        background:#333 url("../images/delivery.png") no-repeat 28px 8px
    }
    .full-error-page .error-back {
        position:relative;
        left:0%;
        top:0%;
        margin-left:0;
        font-size:16px;
        line-height:40px
    }
    .full-error-page .error-back li {
        width:16.66667%;
        white-space:nowrap
    }
    .full-error-page .error-back a {
        padding:0 5px;
        font-size:12px;
        line-height:40px;
        text-align:center
    }
    .iban-pages {
        bottom:5px
    }
    .iban-pages span {
        width:30px;
        padding:8px 0;
        margin:0 3px
    }
    .site-article-wrapper {
        width:100%;
        padding:20px 15px 0
    }
    .site-article-wrapper li a {
        padding:15px 0 0
    }
    .site-article-wrapper .date {
        position:absolute;
        top:42px;
        left:0;
        z-index:3
    }
    .site-article-wrapper .date .mm-dd {
        float:right;
        font-size:14px;
        line-height:20px;
        border-bottom:0;
        font-weight:normal
    }
    .site-article-wrapper .date .yy {
        float:right;
        font-size:14px;
        line-height:20px
    }
    .site-article-wrapper .date .yy::after {
        content:'-';
        display:block;
        float:right
    }
    .site-article-wrapper .title {
        margin-bottom:24px;
        font-size:16px;
        line-height:26px
    }
    .site-article-wrapper .desc {
        margin-bottom:10px;
        font-size:14px;
        line-height:26px;
        height:52px
    }
    .site-article-wrapper .tag {
        padding:0 0 15px
    }
    .site-article-wrapper .tag a {
        float:left;
        margin-right:5px;
        font-size:13px;
        line-height:24px
    }
    .singlepage {
        font-size:14px;
        line-height:26px
    }
    .cooperation-iframe {
        width:100%
    }
    .case-intro-wrapper .jiejuelist dl li {
        margin-left:20px
    }
    .news-subnav {
        padding-top:30px
    }
    .news-subnav .news-cate {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        padding-left:2px
    }
    .news-subnav .news-cate li {
        width:33.3333%;
        margin-right:0;
        margin-bottom:2px;
        border-left:1px solid #fff;
        border-right:1px solid #fff
    }
    .news-subnav .news-cate a {
        width:100%;
        height:40px;
        font-size:14px;
        line-height:40px
    }
    .customer-swiper {
        display:none
    }
    .wapconstomer {
        display:block;
        position:relative
    }
    .wapconstomer::after {
        content:'';
        display:block;
        width:100%;
        padding-bottom:205.6338%
    }
    .wapconstomer .wapbg {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:url("../images/wapconstomer.jpg") no-repeat 0 center;
        -o-background-size:100% auto;
        background-size:100% auto
    }
    #newBridge .nb-invite-wrap-base {
        bottom:55px !important
    }
    #newBridge .nb-icon-right-bottom {
        bottom:70px !important
    }
    #nb_icon_wrap {
        width:50px !important;
        height:50px !important
    }
    #newBridge .nb-icon-wrap-4 .nb-icon-wrap-base {
        -o-background-size:38px !important;
        background-size:38px !important
    }
    .m-gif-ban {
        position:relative;
        background-color:#ec671c
    }
    .m-gif-ban .weblg {
        padding-bottom:50%
    }
    .m-gif-ban .weblg img {
        width:60% !important;
        left:20%;
        top:10.13333%
    }
    #mobile_icon_div>div {
        width:50px !important;
        height:50px !important;
        left:auto !important;
        background-color:#333 !important;
        right:10px !important
    }
    #mobile_icon_div svg {
        -webkit-transform:translate(-0.7em, -0.7em);
        -moz-transform:translate(-0.7em, -0.7em);
        -ms-transform:translate(-0.7em, -0.7em);
        -o-transform:translate(-0.7em, -0.7em);
        transform:translate(-0.7em, -0.7em)
    }
    .full-project-flow {
        padding:0 0 0
    }
    .full-project-flow .flow-title {
        margin-bottom:15px;
        font-size:20px;
        line-height:30px
    }
    .full-project-flow .flow-chart {
        padding-top:20px;
        margin:0
    }
    .full-project-flow .flow-chart .item {
        width:50%;
        padding:0 5px;
        margin-bottom:15px
    }
    .full-project-flow .flow-chart .item:after {
        display:none
    }
    .full-project-flow .flow-chart .item p.mgw {
        margin:0
    }
    .full-project-flow .flow-chart .item img {
        width:50% !important
    }
    .full-project-flow .flow-chart .item .name {
        padding:10px 0 4px;
        font-size:16px;
        line-height:26px
    }
    .full-guidance .guidance-wraper {
        left:0%;
        margin-left:0
    }
    .full-guidance .guidance-wraper h3 {
        margin-bottom:5px;
        font-size:16px;
        line-height:30px
    }
    .full-guidance .guidance-wraper .ico {
        height:36px;
        -o-background-size:36px auto;
        background-size:36px auto
    }
    .operate-problems {
        padding-top:25px;
        padding-bottom:30px
    }
    .operate-problems .qa-title {
        font-size:20px;
        line-height:30px;
        margin-bottom:15px
    }
    .operate-problems ul {
        padding-bottom:15px
    }
    .operate-video-popup .operate-video {
        left:3%;
        width:94%;
        height:auto;
        margin:0;
        -webkit-transform:translate(0, -50%);
        -moz-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
        -o-transform:translate(0, -50%);
        transform:translate(0, -50%)
    }
    .operate-video-popup .title {
        font-size:18px;
        line-height:46px
    }
    .operate-video-popup .close {
        width:46px;
        font-size:24px;
        line-height:46px
    }
    .operate-video-popup .video-list {
        height:auto;
        padding:20px
    }
    .operate-video-popup .video-list a {
        line-height:40px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .video-player-popup .close {
        right:0
    }
}@media (max-width: 350px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .mcase-right-info {
        padding:0
    }
    .m-ichl-subnav li a {
        font-size:14px
    }
}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .footer-content {
        padding-bottom:constant(safe-area-inset-bottom)
    }
    .sidebar {
        padding-bottom:constant(safe-area-inset-bottom)
    }
}

.tags a{
    text-align: center;
    display: inline;
    padding: 5px 15px;
    margin: 5px 7px;
    border: 1px solid #ccc;
    border-radius: 15px;
}
.tags .tags-title{
    font-weight: bold;
}