* {
    appearance:normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus {
    outline: none;
}

*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;}

body {
    margin: 0;
    padding: 0;
    overflow-x:hidden;
}
.bg-fa {
    background: #fafafa;
}
h2 {
    text-align: center;
}
/*::-webkit-scrollbar {
    display: none;
}*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}
a:hover{
    text-decoration:none!important;
}
a {
    text-decoration: none;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}
button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input {
    line-height: normal
}
button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit
}
a:hover {
    text-decoration: none;
}
ol > li:last-child, ul > li:last-child {
    margin-bottom:0;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
::selection {
    background-color:#CCC;
    color: #000;
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
    display: block;
    position:relative;
    /*overflow:hidden;*/
}

/*	2. Typography  */
body{
    font-family:'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    color:#666;
    font-size:12px;
    line-height:20px;
}
p {
    line-height: 20px;
    margin-bottom: 5px;
    font-size:14px;
    letter-spacing:0px;
}

img {
    vertical-align: middle;
    border: 0;
}
.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}
/*表单*/
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
.btn-group-lg>.btn,.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}
.form-group {
    margin-bottom: 15px
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}



.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-slide.col-xs-3{
    width: 25%;
}
.swiper-slide.col-xs-4{
   width: 33.33333333%;
}
/*新版首页*/
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 10px 15px;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow:hidden;
}
.has-header{
    top: 50px;
}
.has-footer{
    bottom: 50px;
}
.snap-content.has-header{
    top: 50px;
}
.snap-content.has-footer{
    bottom: 50px;
}

.iconNav i{
    float: right;
    margin-top: 2px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/17175257p50d.png");
    background-size: 100%;
}
.home-nav{
    margin: 10px 0;
    padding: 0 30px 5px 0;
    background-color: #fff;
}
.home-nav .row{
    margin: 0;
}
.home-nav a{
    padding: 0;
    color: #333;
    text-align: center;
    cursor: pointer;
}
.home-nav a:hover{
    color:#333;
}
.home-nav .arrow-right:after{
    top: 25px;
}
.home-nav .nav{
    margin: 0 auto -5px;
    display: block;
    width: 44px;
    height: 44px;
    background-image: url();
    background-size: 176px auto;

    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.home-nav .nav-01{
    background-position: 0 0;
    /*background-color: #3eadf1;*/
}
.home-nav .nav-02{
    background-position: -44px 0;
    /*background-color: #2cc18f;*/
}
.home-nav .nav-03{
    background-position: -88px 0;
    /*background-color: #e96569;*/
}
.home-nav .nav-04{
    background-position:  0 -44px;
    /*background-color: #fd833e;*/
}
.home-nav .nav-05{
    background-position:-132px 0;
}
.home-nav .nav-06{
    background-position: -44px -44px;
}
.home-nav .nav-07{
    background-position: -88px -44px;
}
.home-nav .nav-08{
    background-position: -132px -44px;
}
.home-nav .col-2{
    width: 20%;
}
.home-nav .pro-nav{
    line-height: inherit;
}
.home-nav .pro-nav a{
    font-size: 12px;
}
.home-nav .pro-nav .swiper-slide a:after{
    background-color: transparent;
}
.nav-dec,.proNav-dec,.sltNav-dec{
    margin-bottom: 10px;
}
.nav-dec h2,.integrated-r2c h2,.proNav-dec h2,.sltNav-dec h2{
    margin: 0;
    font-size: 18px;
    line-height: 44px;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.proNav-dec h2,.sltNav-dec h2{
    padding-left: 15px !important;
}
.nav-dec h2 a{
    padding-left: 10px;
    display: block;
    color: #333;
}
.nav-dec .pro-serv,.integrated-r2c h2,.proNav-dec h2,.sltNav-dec h2{
    padding-left: 6px;
}
.nav-dec .pro-solu{
    border-left: 6px solid #2cc18f;
}
.nav-dec .succ-case{
    border-left: 6px solid #e96569;
}
.nav-dec-list .row,.proNav-dec-list .row,.sltNav-dec-list .row{
    margin: 0;
    border-bottom: 1px solid #eee;
}
.sltNav-dec-list .row{ padding: 10px 0;}
.sltNav-dec-list .col-xs-6{
    padding: 15px 10px;
}
.nav-dec-list .col-xs-6{
    padding: 0;
    border-right:1px solid #eee;
}
.nav-dec-list .col-xs-6:last-child{
    border-right: 0 none;
}
.nav-dec-list .col-xs-6 img,.proNav-dec-list .col-xs-6 img,.sltNav-dec-list .col-xs-6 img{
    width: 100%;
}
.succ-case-banner{
    padding: 10px 0;
    box-sizing: content-box;
    height: 144px;
    background-color: #fff;
}
.succ-case-banner .swiper-slide{
    width: auto;
}
.succ-case-banner img{
    margin-right: 10px;
    width: 150px;
}
.footer-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    height: 50px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}
/*.has-footer{
    padding-bottom: 50px;
}*/
.footer-fixed .row{
    margin: 0;
}
.col-2,.col-4{
    float: left;
    position: relative;
    min-height: 1px;
}
.col-2{
    width: 25%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 40%;
}

.icon-footer,.icon-navs{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.footer-fixed .row .res-now{
    line-height:4.8rem;
    color: #000;
    font-size: 12px;
    background: url("../images/backtop.jpg") no-repeat center 0.05rem;

}
.shadow{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 3;
    -webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}
.shadow.active{
    opacity: 1;
}
.navs{
    position: absolute;
    top: 60px;
    right: 8px;
    z-index: 3;
}
.navs{
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.navs .arr{
    height: 0;
    line-height: 0;
    border-bottom: 0 none;
}
.navs .arr:after{
    position: absolute;
    top: -7px;
    right: 12px;
    display:table;
    content: "";
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.navs li{
    margin-bottom: 0;
    width: 130px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #eee;
    list-style: none;
    font-size: 15px;
}
.navs li:last-child{
    border-bottom: 0 none;
}
.navs li a{
    color: #333;
}
.integrated-r2c h2{
    padding-left: 10px;
}
.integrated-r2c ul{
    margin-bottom: 0;
    padding-top: 15px;
    background-color: #fff;
}
.integrated-r2c li{
    margin-bottom: 0;
    float: left;
    width: 50%;
    list-style: none;
}
.integrated-r2c li:nth-child(2n) a{
    margin: 0 15px 15px 7px;
}
.integrated-r2c li:nth-child(2n-1) a{
    margin: 0 7px 15px 15px;
}
.integrated-r2c img{
    width: 100%;
}
/*轮播*/
.swiper-pagination{
    bottom: 5px;
    width: 100%;
}
.swiper-pagination .swiper-pagination-bullet{
    margin: 0 3px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.4;
}
.swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #fff;
}
.banner img{
    /*height: 190px;*/
    width: 100%;
}
/*落地页*/
.landing-header{
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    max-width: 640px;
    padding: 17px 20px;
    background: rgba(39, 35, 63, 0.85);
}
.landing-logo{
    float: left;
}
.landing-header img{
    width: 96px;
}
.landing-header .landing-button{
    float: right;
}
.landing-con img{
    width: 100%;
}
.landing-con section{
    position: relative;
}
.tc{ text-align: center;}
.landing-button{
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;;
    background: #ba143c;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
.landing-button:hover,.landing-button.active{
    color: #fff;
}
.landing-con .deadline{
    padding-top: 10px;
    font-size: 12px;
    color: #fff;
}
.landing-con{
    margin: 0 !important;
}
.landing-con .tc{
    position: absolute;
    left: 50%;
    margin-left: -98px;
}
.landing-con .section-02 .tc{
    top: 5px;
}
.landing-con .section-04 .tc{
    bottom: 33px;
}
.landing-con .section-06 .tc{
    bottom: 27px;
}
.landing-con .section-06 .home-link{
    display: inline-block;
    padding-top: 5px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    color: #fff;
}/*落地页注册*/
.mb0{
    margin-bottom: 0 !important;
}
.pr140{
    padding-right: 140px;
}
.landing-con-res{
    padding: 0 15px;
}
.landing-con-res .tc{
    padding: 10px 0;
}
.landing-con-res .tc h2{
    font-size: 18px;
    color: #333;
}
.landing-con-res .tc p{
    margin-bottom: 0;
    font-size: 13px;
    color: #F8B600;;
}
.landing-con-res .form-group input{
    height: 44px;
    border-color: #eee;
    box-shadow: none;
}
.landing-con-res .pr140 .captcha,.landing-con-res .pr140 .btn{
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    width: 125px;
}
.landing-con-res .pr140 .captcha{
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.landing-con-res .pr140 .btn{
    font-size: 17px;
    text-shadow: none;
}
.btn-orange {
    color: #ffffff;
    background-color: #F8B600;
    border-color: #F8B600 #F8B600 #F8B600;
}

.btn.btn-orange:hover {
    border-color: #F8B600 #F8B600 #F8B600;
    background-color: #F8B600;
    color: #fff;
}

.btn.btn-orange:active,
.btn.btn-orange:focus {
    border-color: #F8B600 #F8B600 #F8B600;
    background-color: #F8B600;
}

.btn-orange.dropdown-toggle {
    border-left-color: #F8B600;
}

.btn-orange[disabled] {
    border-color: #ffc091;
    background-color: #ffc091;
}

.btn-orange:hover,
.btn-orangey:focus {
    color: #ffffff;
}
.w100{
    width: 100%;
}
.mt15{
    margin-top: 15px;
}
.landing-res-succ .tc{
    padding-top: 83px;
}
.landing-res-succ .tc .link{
    padding-top: 5px;
    color: #666;
}
.landing-res-succ .btn{
    margin-top: 75px;
}
/*整合页*/
.row-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: horizontal;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: horizontal;
    flex-direction: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.row-flex .col{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow: hidden;
    height: 100%;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.integrated-nav{
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 18px;
    text-align: center;
}
.integrated-nav a{
    color: #333;
}
.integrated-nav a.active{
    color: #3eadf1;
    border-bottom: 1px solid #3eadf1;
}
.integrated-swiper .swiper-slide{
    width: 100%;
}
.integrated-list{
    margin-bottom: 10px;
    background-color: #fff;
    overflow: hidden;
}
.integrated-list img{
    margin-top: 8px;
    float: left;
    padding: 0 15px;
    /*height: 100px;*/
    height: 44px;
}
.integrated-desc{
    /*padding-top: 30px;*/
    padding: 8px 0;
}
.integrated-desc h3{
    padding-top: 3px;
    margin: 0 0 5px;
    font-size: 16px;
    color: #333;
}
.integrated-desc p{
    margin-bottom: 0;
    font-size: 12px;
    color: #888;
}
.integrated-r2c{
    margin-bottom: 10px;
}
/*案例详情页*/
.cases-swiper{
    padding: 0 25px;
}
.cases-swiper h2{
    font-size: 18px;
    color: #333;
}
.cases-swiper p{
    margin-bottom: 20px;
    color: #555;
}
.cases-swiper .cases-desc{
    margin-top: 20px;
    font-size: 12px;
    line-height: 17px;
}
.cases-swiper img{
    width: 100%;
}
.cases-swiper .arrow{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -10px;
    z-index: 100;
    width: 20px;
    height: 11px;
    animation: arrowUp 2s infinite ease-in-out;
    -webkit-animation: arrowUp 2s infinite ease-in-out;
}
/*产品云订货*/
.pro-top-img{
    margin-bottom: 10px;
}
.pro-top-img img{
    width: 100%;
}
.pro-nav.row{
    margin: 0;
}
.pro-nav{
    line-height: 48px;
    background-color: #fff;
}
.pro-nav .col-xs-3{
    padding: 0;
}
.pro-nav a{
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #555;
}
.pro-nav .active{
    color: #3eadf1;
    border-bottom: 1px solid #3eadf1;
}
.pro-nav a:after{
    position: absolute;
    top: 15px;
    right: 0;
    display: inline-block;
    content: "";
    width: 1px;
    height: 25px;
    background-color: #ddd;
}
.pro-nav a:last-child:after{
    background-color: transparent;
}
.proNav-dec-list,.nav-dec-list,.sltNav-dec-list{
    background-color: #fff;
    text-align: center;
}
.proNav-dec-list h4{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #555;
}
.proNav-dec-list p,.sltNav-dec-list p{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 15px;
    color: #777;
    letter-spacing: -1px;
}
.pro-ldh-ys,.pro-sc-ys,.pro-bbc-ys,.pro-ssm-ys,.pro-ghb-ys,.pro-egh-ys,.pro-egh-zc,.pro-ebm-ys,
.pro-zhsq-ys,.pro-zhsq-jg,.pro-lszy-ys,.pro-lszy-jg,.pro-ebm-fw,
.pro-bbc-jg,.pro-cst-fw,.pro-cst-qylc,.pro-kj-ms,.pro-dgj-ys,.pro-hysc-ys,.pro-fuwu-lx{
    padding-bottom: 20px;
}
.pro-ldh-ys i,.pro-sc-ys i,.pro-bbc-ys i,.pro-ssm-ys i,.pro-ghb-ys i,.pro-egh-ys i,.pro-egh-zc i,
.pro-zhsq-ys i,.pro-zhsq-jg i,.pro-lszy-ys i,.pro-lszy-jg i,.pro-ebm-ys i,.pro-ebm-fw i,.pro-bbc-jg i,.pro-cst-fw i,
.pro-kj-ms i,.pro-dgj-ys i,.pro-hysc-ys i,.pro-fuwu-lx i,.by-b2c-ldgn i,.by-bbc-ldgn i{
    display: block;
    margin: 20px auto 10px;
    width: 60px;
    height: 60px;
    background-size: 120px auto;
}
.pro-zhsq-jg .col-xs-4,.pro-fuwu-lx .col-xs-4,.pro-lszy-jg .col-xs-4,.pro-kj-ms .col-xs-4,.pro-hysc-ys .col-xs-4,.pro-egh-ys .col-xs-6,.pro-egh-zc .col-xs-6, .pro-cst-qylc .col-xs-3{
    padding: 0;
}
.pro-dgj-ys .col-xs-6{
    padding-left: 13px;
    padding-right: 13px;
}
.pro-bbc-jg .col-xs-4{
    padding-left: 10px;
    padding-right: 10px;
}

.ldh-ys-01,.sc-ys-01,.bbc-ys-01,.ssm-ys-01,.ghb-ys-01,.ebm-ys-01,.bbc-jg-01,.cst-fw-01,.ebm-fw-01,.zhsq-ys-01,
.zhsq-jg-01,.lszy-ys-01,.lszy-jg-01,.egh-ys-01,.egh-zc-01,.kj-ms-01,.dgj-ys-01,.hysc-ys-01,.fuwu-lx-01,.b2c-ldgn-01,.bbc-ldgn-01{
    background-position: 0 0;
}
.ldh-ys-02,.sc-ys-02,.bbc-ys-02,.ssm-ys-02,.ghb-ys-02,.ebm-ys-02,.bbc-jg-02,.cst-fw-02,.ebm-fw-02,.zhsq-ys-02,
.zhsq-jg-02,.lszy-ys-02,.lszy-jg-02,.egh-ys-02,.egh-zc-02,.kj-ms-02,.dgj-ys-02,.hysc-ys-02,.fuwu-lx-02,.b2c-ldgn-02,.bbc-ldgn-02{
    background-position: -60px 0;
}
.ldh-ys-03,.sc-ys-03,.bbc-ys-03,.ssm-ys-03,.ghb-ys-03,.ebm-ys-03,.bbc-jg-03,.cst-fw-03,.ebm-fw-03,.zhsq-ys-03,
.zhsq-jg-03,.lszy-ys-03,.lszy-jg-03,.egh-ys-03,.egh-zc-03,.kj-ms-03,.dgj-ys-03,.hysc-ys-03,.fuwu-lx-03,.b2c-ldgn-03,.bbc-ldgn-03{
    background-position: 0 -60px;
}
.ldh-ys-04,.sc-ys-04,.bbc-ys-04,.ssm-ys-04,.ghb-ys-04,.ebm-ys-04,.ebm-fw-04,.zhsq-ys-04,.egh-ys-04,.egh-zc-04,
.lszy-ys-04,.dgj-ys-04,.fuwu-lx-04,.b2c-ldgn-04,.bbc-ldgn-04{
    background-position: -60px -60px;
}
.fuwu-lx-05,.b2c-ldgn-05,.bbc-ldgn-05{
    background-position: 0 -120px;
}
.fuwu-lx-06,.b2c-ldgn-06,.bbc-ldgn-06{
    background-position: -60px -120px;
}
.home-pro-serv .row,.pro-ldh-gn .row,.pro-hysc-gn .row,.pro-sc-gn .row,.pro-ssm-gn .row,.pro-dgj-gn .row,.pro-bbc-gn .row,.pro-ghb-gn .row,.pro-egh-gn .row,.pro-ebm-gn .row,.pro-ebm-fc .row{
    padding-bottom: 15px;
}
.pro-ldh-gn .col-xs-3,.pro-hysc-gn .col-xs-3,.pro-dgj-gn .col-xs-3,.pro-sc-gn .col-xs-3,.pro-ssm-gn .col-xs-3,.pro-ghb-gn .col-xs-3,.pro-egh-gn .col-xs-3,.pro-ebm-gn .col-xs-3,.pro-ebm-fc .col-xs-3,.pro-bbc-gn .col-xs-3{
    padding: 0;
    font-size: 12px;
}
.home-pro-serv a{
    color: #555;
}
.home-pro-serv a:hover{
    color: #555;
}
.slt-fw .nav-con{
    padding: 20px 15px;
}
.slt-fw .nav-con img{
    width: 100%;
}
.home-slt .st-sq{
    background-image: url("");
}
.home-pro-serv i,.pro-ldh-gn i,.pro-hysc-gn i,.pro-sc-gn i,.pro-ssm-gn i,.pro-ghb-gn i,.pro-ebm-gn i,.pro-ebm-fc i,.pro-bbc-gn i,.pro-egh-gn i,.pro-dgj-gn i{
    display: block;
    margin: 15px auto 5px;
    width: 44px;
    height: 44px;
    background-size: 176px auto;
}
.ldh-gn-01,.sc-gn-01,.ssm-gn-01,.bbc-gn-01,.ghb-gn-01,.ebm-gn-01,.ebm-fc-01,.egh-gn-01,.dgj-gn-01,.hysc-gn-01,.pro-serv-01{
    background-position: 0 0;
}
.ldh-gn-02,.sc-gn-02,.ssm-gn-02,.bbc-gn-02,.ghb-gn-02,.ebm-gn-02,.ebm-fc-02,.egh-gn-02,.dgj-gn-02,.hysc-gn-02,.pro-serv-02{
    background-position: -44px 0;
}
.ldh-gn-03,.sc-gn-03,.ssm-gn-03,.bbc-gn-03,.ghb-gn-03,.ebm-gn-03,.ebm-fc-03,.egh-gn-03,.dgj-gn-03,.hysc-gn-03,.pro-serv-03{
    background-position: -88px 0;
}
.ldh-gn-04,.sc-gn-04,.ssm-gn-04,.bbc-gn-04,.ghb-gn-04,.ebm-gn-04,.ebm-fc-04,.egh-gn-04,.dgj-gn-04,.hysc-gn-04,.pro-serv-04{
    background-position: -132px 0;
}
.ldh-gn-05,.sc-gn-05,.ssm-gn-05,.bbc-gn-05,.ghb-gn-05,.ebm-gn-05,.ebm-fc-05,.egh-gn-05,.hysc-gn-05,.pro-serv-05{
    background-position: 0 -44px;
}
.ldh-gn-06,.sc-gn-06,.ssm-gn-06,.bbc-gn-06,.ghb-gn-06,.ebm-gn-06,.ebm-fc-06,.egh-gn-06,.hysc-gn-06,.pro-serv-06{
    background-position: -44px -44px;
}
.ldh-gn-07,.sc-gn-07,.ssm-gn-07,.bbc-gn-07,.ghb-gn-07,.ebm-gn-07,.ebm-fc-07,.egh-gn-07,.hysc-gn-07,.pro-serv-07{
    background-position: -88px -44px;
}
.ldh-gn-08,.sc-gn-08,.ssm-gn-08,.bbc-gn-08,.ghb-gn-08,.ebm-gn-08,.ebm-fc-08,.egh-gn-08,.hysc-gn-08{
    background-position: -132px -44px;
}
.ldh-gn-09,.sc-gn-09,.ssm-gn-09,.ghb-gn-09,.ebm-fc-09,.hysc-gn-09,.ebm-gn-09{
    background-position: 0 -88px;
}
.ldh-gn-10,.sc-gn-10,.ssm-gn-10,.ghb-gn-10,.ebm-fc-10,.hysc-gn-10,.ebm-gn-10{
    background-position: -44px -88px;
}
.ldh-gn-11,.sc-gn-11,.ssm-gn-11,.ghb-gn-11,.ebm-fc-11,.hysc-gn-11,.ebm-gn-11{
    background-position: -88px -88px;
}
.ldh-gn-12,.sc-gn-12,.ssm-gn-12,.ghb-gn-12,.ebm-fc-12,.hysc-gn-12,.ebm-gn-12{
    background-position: -132px -88px;
}
.ldh-gn-13,.sc-gn-13,.ssm-gn-13,.ghb-gn-13,.hysc-gn-13,.ebm-gn-13{
    background-position: 0 -132px;
}
.ldh-gn-14,.sc-gn-14,.ssm-gn-14,.ghb-gn-14,.hysc-gn-14,.ebm-gn-14{
    background-position: -44px -132px;
}
.ldh-gn-15,.sc-gn-15,.ssm-gn-15,.ghb-gn-15,.hysc-gn-15{
    background-position: -88px -132px;
}
.ldh-gn-16,.sc-gn-16,.ssm-gn-16,.ghb-gn-16,.hysc-gn-16{
    background-position: -132px -132px;
}
.ssm-gn-17{
    background-position: 0 -176px;
}
.ssm-gn-18{
    background-position: -44px -176px;
}
.ssm-gn-19{
    background-position: -88px -176px;
}
.ssm-gn-20{
    background-position: -132px -176px;
}
.slt-pf-gc{ padding: 10px 0 15px;}
.pro-ldh-fa div,.slt-pf-gc div{
    display: inline-block;
    margin: 0 7px;
    font-size: 12px;
}
.pro-ldh-fa i,.slt-pf-gc i{
    display: block;
    margin: 15px auto 5px;
    width: 44px;
    height: 44px;
    background-image: url("");
    background-size: 220px auto;
}
.pro-fa-01,.pf-gc-01{
    background-position: 0 0;
}
.pro-fa-02,.pf-gc-02{
    background-position: -44px 0;
}
.pro-fa-03,.pf-gc-03{
    background-position: -88px 0;
}
.pro-fa-04,.pf-gc-04{
    background-position: -132px 0;
}
.pro-fa-05,.pf-gc-05{
    background-position: -176px 0;
}
.pro-fa-06,.pf-gc-06{
    background-position: 0 -44px;
}
.pro-fa-07,.pf-gc-07{
    background-position: -44px -44px;
}
.pro-fa-08,.pf-gc-08{
    background-position: -88px -44px;
}
.pro-fa-09,.pf-gc-09{
    background-position: -132px -44px;
}
.pro-fa-10,.pf-gc-10{
    background-position: -176px -44px;
}
.proNav-dec-list h3{
    margin-top: 0;
    padding-top: 20px;
    font-size: 16px;
    color: #555;
}
.proNav-dec-list .h3{
    padding-top: 15px;
    margin-bottom: 6px;
}
.tcfa-swiper .swiper-slide{
    padding-bottom: 90px;
}
.fa-link{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -85px;
    margin-top: 20px;
}
.fa-link a{
    padding: 10px 20px;
    border: 1px solid #f60;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #f60;
    font-size: 16px;
}
.fa-link a:hover{
    color: #f60;
}
.tcfa-swiper .swiper-pagination-bullet,.pro-cst-kflc .swiper-pagination-bullet{
    background-color: #ccc;
}
.tcfa-swiper .swiper-pagination-bullet-active,.pro-cst-kflc .swiper-pagination-bullet-active{
    background-color: #3eadf1;
}
/*解决方案批发*/
.sltNav-dec-list p{
    color: #565656;
}
.sltNav-dec-list a{
    color: #333;
}
.sltNav-dec-list a:hover,.sltNav-dec-list a:visited{
    color: #333;
}
.slt-lsd-td i{
    background-image: url("../images/19162142iynw.png");
}
.slt-pf-td i,.slt-sq-td i,.slt-fx-td i,.slt-bhsc-td i,.slt-qqls-td i,.slt-lsd-td i,.slt-kj-td i,.slt-shfw-td i{
    float: left;
    display: inline-block;
    margin-top: -2px;
    margin-left:40px;
    width: 35px;
    height: 35px;
    background-size: 70px auto;
}
.slt-qqls-td p,.slt-shfw-td p{
    text-align: left;
}
.slt-lsd-td .col-xs-6,.slt-kj-td .col-xs-6{
    padding: 15px 10px;
}
.slt-pf-td i{
    background-image: url("../images/12112552jihk.png");
}
.slt-bhsc-td i{
    background-image: url("../images/17134414zy64.png");
}
.slt-fx-td i {
    background-image: url("../images/17104318r05z.png");
}
.slt-sq-td i {
    background-image: url("../images/14144206aa07.png");
}
.slt-kj-td i {
    background-image: url("../images/191711444i1e.png");
}
.pro-kj-ms i {
    background-image: url("../images/19171707djxj.png");
}
.pf-td-01,.sq-td-01,.fx-td-01,.bhsc-td-01,.qqls-td-01,.lsd-td-01,.kj-td-01,.shfw-td-01{
    background-position: 0 0;
}
.pf-td-02,.sq-td-02,.fx-td-02,.bhsc-td-02,.qqls-td-02,.lsd-td-02,.kj-td-02,.shfw-td-02{
    background-position: -35px 0;
}
.pf-td-03,.sq-td-03,.fx-td-03,.bhsc-td-03,.qqls-td-03,.lsd-td-03,.kj-td-03,.shfw-td-03{
    background-position: 0 -35px;
}
.pf-td-04,.sq-td-04,.fx-td-04,.bhsc-td-04,.qqls-td-04,.lsd-td-04,.kj-td-04,.shfw-td-04{
    background-position: -35px -35px;
}
.slt-pf-kj,.slt-bhsc-kj,.slt-qqls-kj,.slt-lsd-kj,.slt-pf-kx,.slt-sq-kx,.slt-hysc-kx,.slt-fx-kx,.slt-kj-kx,.slt-bhsc-kx,.slt-qqls-kx,.slt-lsd-kx{
    padding: 15px;
}
.slt-pf-kj hr{
    width: 180px;
    margin: 2px auto;
}
.slt-lsd-kj hr{
    width: 70px;
    margin: 2px auto;
}
.slt-pf-kj img,.slt-bhsc-kj img,.slt-qqls-kj img,.slt-lsd-kj img{
    margin-top: 3px;
    width: 100%;
}
.slt-pf-kx li,.slt-sq-kx li,.slt-hysc-kx li,.slt-fx-kx li,.slt-bhsc-kx li,.slt-qqls-kx li,.slt-lsd-kx li,.slt-kj-kx li{
    margin-bottom: 15px;
    height: 75px;
    list-style: none;
    color: #565656;
    background-color: #fafafa;
}
.slt-pf-kx.h92 li{
    height: 92px;
}
.slt-pf-kx li:last-child,.slt-sq-kx li:last-child,.slt-hysc-kx li:last-child,.slt-fx-kx li:last-child,.slt-bhsc-kx li:last-child,
.slt-qqls-kx li:last-child,.slt-lsd-kx li:last-child,.slt-kj-kx li:last-child{
    margin-bottom: 0;
}
.slt-pf-kx h4{
    font-size: 15px;
    margin: 0;

}
.pf-kx-pic,.sq-kx-pic,.fx-kx-pic,.bhsc-kx-pic,.qqls-kx-pic,.lsd-kx-pic,.kj-kx-pic,.hysc-kx-pic{
    float: left;
    width: 150px;
}
.pf-kx-pic img,.sq-kx-pic img,.fx-kx-pic img,.bhsc-kx-pic img,.qqls-kx-pic img,.lsd-kx-pic img,.kj-kx-pic img,.hysc-kx-pic img{
    width: 100%;
    height: 100%;
}
.pf-kx-con,.sq-kx-con,.fx-kx-con,.bhsc-kx-con,.qqls-kx-con,.lsd-kx-con,.kj-kx-con,.hysc-kx-con{
    padding: 12px 5px 0 158px;
    font-size: 12px;
    text-align: left;
}
.sltNav-dec .succ-cases{
    padding: 10px 15px;
}
.sltNav-dec .succ-cases img{
    width: 150px;
}
.pro-nav .swiper-slide a:after{
    background-color: #ddd;
}
.pro-nav .swiper-slide:last-child a:after{
    background-color: transparent;
}
/*产品高端定制*/
.pro-cst-jg{
    padding: 15px;
}
.pro-cst-fw .col-xs-4{
    padding: 0;
}
.pro-cst-fw h4{
    letter-spacing: -1px;
}
.pro-cst-jg h3{
    padding-top: 0;
    margin-bottom: 15px;
}
.pro-cst-jg img{
    width: 100%;
}
.pro-cst-qylc h4{
    margin: 15px auto 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    background-image: url();
    background-size: auto 50px;
}
.qylc-step-01{
    background-position: 0 0;
}
.qylc-step-02{
    background-position: -50px 0;
}
.qylc-step-03{
    background-position: -100px 0;
}
.qylc-step-04{
    background-position: -150px 0;
}
.pro-cst-kflc .row{
    padding: 20px 15px 40px;
}
.pro-ghb-rzlc{
     padding: 20px 15px;
 }
.pro-cst-kflc .col-xs-4,.pro-ghb-rzlc .col-xs-3{
    padding: 0;
}
.pro-cst-kflc p,.pro-ghb-rzlc p{
    color: #555;
}
.pro-cst-kflc .col-xs-4 i,.pro-ghb-rzlc .col-xs-3 i{
    display: inline-block;
    width: 100%;
    height: 38px;
    background-size: 100%;
}
.slt-sq-kj,.slt-fx-kj,.slt-shfw-kj{
    padding:5px 15px 15px;
}
.slt-sq-kj h4,.slt-shfw-kj h4{
    font-size: 14px;
}
.slt-sq-kj h4{
    font-size: 16px;
    color: #565656;
}
.slt-sq-kj h4:not(:first-child){
    margin-top: 30px;
}
.slt-sq-kj h4 span{
    color: #32aecc;
}
.slt-sq-kj img,.slt-fx-kj img,.slt-shfw-kj img{
    width: 100%;
}
.slt-shfw-kj img{
    margin-top: 5px;
}
 /*智慧商圈O2O*/
.proNav-dec .integrated-r2c li a{
    margin-bottom: 10px;
}
/*E生活供货*/
.pro-cst-qylc .qylc-num{
    font-size: 18px;
    font-family: "Microsoft YaHei";
}
/*关于我们*/
.atc-aboutus{
    padding: 0 15px 15px;
    background: #fff;
}
.atc-aboutus p{
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 12px;
    color: #6e6e6e;
    text-indent: 2em;
    line-height: 16px;
}
.atc-aboutus img{
    padding-top: 15px;
    width: 100%;
}
.atc-contactus{
    padding: 20px 15px;
    background: #fff;
}
.atc-contactus img{
    float: left;
    margin: 0 20px 0 30px;
    display: inline-block;
    width: 90px;
}
.atc-contactus ul{
    padding-top: 5px;
}
.atc-contactus li{
    padding-left: 155px;
    list-style: none;
    color: #555;
}
.atc-contactus li i{
    color: #888;
    font-size: 14px;
}
/*跨境母婴行业整合页*/
.proNav-dec-list .banner{
    padding: 15px 0;
}
.integrated-r2c p{
    margin-top: -26px;
    padding: 3px 0;
    background: rgba(0, 0, 0, 0.40);
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.pro-slt-kflc{
    padding: 25px 15px 22px;
}
.pro-slt-kflc img,.pro-slt-kflc2 img{
    width: 100%;
}
.pro-slt-kflc2{
    padding: 15px 15px 18px;
}
.pro-slt-kflc2 .row{
    border-bottom: 0 none;
}
/*随手卖致歉信*/
.ssm-container img{
    width: 100%;
}
.ssm-container .link{
    padding: 0 18px;
}
.ssm-container .link a{
    margin-bottom: 20px;
    cursor: pointer;
}
.ssm-container .cs{
    padding: 20px 0 40px;
    text-align: center;
    font-size: 16px;
    color: #555;
}
/*随手卖致歉信弹窗*/
.modal,.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.modal {
    position: fixed;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    border-bottom: 1px solid #e5e5e5
}
.modal-header .close{
    background: transparent;
    position: absolute;
    top: -30px;
    right: 15px;
    width: 40px;
    height: 40px;
}
.modal-header .close span{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("");
    background-size: 100%;
}

.modal-title {
    margin: 0
}

.modal-body {
    position: relative
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.ssm_dialog .modal-header {
    border-bottom: none;
}
.ssm_dialog .form-group {
    padding: 10px 15px;
    margin-bottom: 0;
}
.ssm_dialog .form-group .col-xs-6 {
    padding: 0;
}
.ssm_dialog .modal-body .control-label {
    position: relative;
    top: 10px;
    padding: 0;
    font-size: 13px;
    color: #555;
}
.ssm_dialog .modal-body .form-control {
    padding: 6px;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
}
.ssm_dialog .modal-body .bg_gray {
    background-color: #f9fafc;
}
.ssm_dialog .modal-body .content {
    padding-top: 18px;
    width: 180px;
    margin: 0 auto;
    color: #555;
}
.ssm_dialog .modal-body .form-group .icon {
    display: none;
    position: absolute;
    top: 5px;
    right: 15px;
    width: 26px;
    height: 26px;
    background: url("") no-repeat;
}
.ssm_dialog .modal-body .form-group.error .icon {
    display: inline-block;
}
.ssm_dialog .modal-footer {
    padding-bottom: 20px;
    border-top: none;
    text-align: center;
}
.ssm_dialog .modal-footer .btn {
    width: 207px;
    height: auto;
    padding: 10px 0;
}
.modal-content{
    margin-top: 30px;
}
.btn-danger {
    background-color: #d2322d;
    border-color: #d2322d #d2322d #a82824;
    color: #fff
}
.ssm_dialog{
    margin: 55px 10px 10px;
}
.ssm_dialog h3{
    margin-top: 40px;
    font-size: 13px;
    color: #000;
}
.ssm_dialog .modal-header p{
    margin-bottom: 25px;
    font-size: 12px;
    color: #555;
}
.ssm_dialog .modal-body .mr-sm {
    margin-top: -4px;
    margin-right: 8px;
    display: inline-block;
    width: 19px;
    height: 19px;
}
.ssm_dialog .modal-body .title .h4{
    font-size: 15px;
    color: #555;
}
.ssm_dialog .modal-body ul{
    padding-top: 15px;
    text-align: left;
}
.ssm_dialog .modal-body ul li{
    list-style: none;
    font-size: 13px;
    color: #555;

}
.ssm_dialog3 .modal-body p{
    margin-top: 30px;
    margin-bottom: 30px;
}
.ssm_dialog3 .modal-body .content{
    width: 220px;
}
.ssm_dialog3 .modal-header .close{
    top: 0;
}
.ssm_dialog .modal-footer .btn:hover{
    color: #fff;
}
label.error {
    color: #c10000;
    font-size: .9em;
    line-height: 18px;
    padding: 5px 0 0;
}
.form-control.error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
@keyframes arrowUp {
    0%{
        opacity: 0;
        transform: translateY(－8px);
        -webkit-transform: translateY(-8px);
    }
    60%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100%{
        opacity: 0;
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
    }
}
@-webkit-keyframes arrowUp {
    0%{
        opacity: 0;
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
    }
    60%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100%{
        opacity: 0;
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
    }
}
@media (max-width: 360px) {
    .landing-header{
        padding: 17px 12px;
    }
    .landing-header .landing-button{
        padding: 10px;
    }
    .pf-kx-pic,.sq-kx-pic,.fx-kx-pic,.bhsc-kx-pic,.qqls-kx-pic,.lsd-kx-pic,.kj-kx-pic,.hysc-kx-pic{
        width: 110px;
        height: 75px;
    }
    .h92 .pf-kx-pic{
        height: 92px;
    }
    .pf-kx-con,.sq-kx-con,.fx-kx-con,.bhsc-kx-con,.qqls-kx-con,.lsd-kx-con,.kj-kx-con,.hysc-kx-con{
        padding: 12px 7px 0 122px;
    }
}


@media (min-width: 320px) and (max-height: 420px){
    .cases-swiper h2{
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .cases-swiper p{
        margin-bottom: 5px;
        font-size: 13px;
    }
    .cases-swiper .cases-desc{
        margin-top: 5px;
    }
    .cases-swiper img{
        height: 140px;
        width: 220px;
        margin: 0 auto;
    }
    .cases-swiper .arrow{
        bottom: 10px;
    }
}
@media (min-width: 321px)and (max-width: 360px) and (max-height: 480px){
    .cases-swiper h2{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .cases-swiper p{
        margin-bottom: 10px;
    }
    .cases-swiper .cases-desc{
        margin-top: 10px;
    }
    .cases-swiper img{
        height: 180px;
        width: 280px;
        margin: 0 auto;
    }
    .cases-swiper .arrow{
        bottom: 10px;
    }
}
@media (max-width: 360px) and (min-height: 380px)and (max-height: 480px){
    .cases-swiper h2{
        /*margin-top: 10px;*/
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px;
    }
    .cases-swiper p{
        margin-bottom: 5px;
    }
    .cases-swiper .cases-desc{
        margin-top: 5px;
    }
    .cases-swiper img{
        height: 160px;
        width: 260px;
        margin: 0 auto;
    }
    .cases-swiper .arrow{
        bottom: 10px;
    }
}
@media (min-height: 568px) and (max-height: 627px){
    .cases-swiper h2{
        /*margin-top: 40px;*/
        margin-top: 0;
        padding-top: 40px;
    }
    .cases-swiper .cases-desc{
        margin-top: 30px;
    }
}
@media (min-height: 628px) and (max-height: 736px){
    .cases-swiper h2{
        /*margin-top: 60px;*/
        margin-top: 0;
        padding-top: 60px;
    }
    .cases-swiper p{
        margin-bottom: 30px;
    }
    .cases-swiper .cases-desc{
        margin-top: 30px;
    }
}
/*网站地图 开始*/
.pc-map {
    padding: 20px;
    background-color: #fff;
}
.pc-map > h1 {
    margin: 0;
    line-height: 45px;
    font-size: 20px;
}
.pc-map .pc-map-list h2 {
    margin: 0;
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.pc-map .pc-map-list h2 a {
    color: #333;
}
.pc-map .pc-map-list .pc-map-listBody a:hover {
    color: #4aaadd!important;
}
.pc-map .pc-map-list .pc-map-listBody .col-md-12 {
    padding: 20px 10px;
}
.pc-map .pc-map-list .pc-map-listBody .list-item {
    padding: 10px 0;
}
.pc-map .pc-map-list .pc-map-listBody .list-item h3 {
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 16px;
}
.pc-map .pc-map-list .pc-map-listBody .list-item h3 a{
    color: #333;
}
.pc-map .pc-map-list .pc-map-listBody .list-item a {
    color: #666;
}
.pc-map .pc-map-list .pc-map-listBody .list-item ul {
    padding-left: 0;
    list-style: none;
}

/*网站地图 结束*/
/*云订货 结束*/
.ydh_header img{
    width:100%;
    display: block;
}
.ydh_header a{
    display:block;
    width: 150px;
    height: 41px;
    margin: -6.3em auto 0;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    background-color: #ffea00;
    border-radius: 2px;
    color: #247fa4;
}
.ydh_con1 {
    margin-top: 6.3em;
    text-align: center;
    padding-bottom: 20px;
}
.ydh_con3{
    margin-top: 5.3em;
    text-align: center;
    padding-bottom: 20px;
}
.ydh_con4 {
    text-align: center;
    padding-bottom: 20px;
}
.ydh_con1 h3,.ydh_con2 h3,.ydh_con3 h3, .ydh_con4 h3 {
    color: #414141;
    font-size: 20px;
}
.ydh_con1 dl,.ydh_con3 dl{
    width: 49%;
    display: inline-block;
    padding: 10px;
}
.ydh_con1 dl dt img,.ydh_con3 dl dt img{
    width: 60px;
    margin: 0 auto;
}
.ydh_con1 dl dd,.ydh_con3 dl dd{
    font-size: 14px;
    color: #555;
    line-height: 18px;
    padding-top: 8px;
}
.ydh_con1 dl dd + dd,.ydh_con3 dl dd + dd{
    font-size: 12px;
    color: #777;
    line-height: 14px;
    padding-top: 5px;
}
.ydh_con2{
    text-align: center;
    background-color: #f8f8f8;
    padding: 15px;
}
.ydh_con2 h3 span{
    color: #2393bc;
}
.ydh_pay{
    margin:2em 0 0 0;
}
.ydh_pay .img-banner,.ydh_sys .img-banner {
    position: relative;
}
.ydh_pay img,.ydh_sys img{
    width: 100%;
}
.ydh_pay p.img-title,.ydh_sys p.img-title{
    position: absolute;
    top: 50%;
    left: 20%;
    margin-top: -11px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.ydh_pay p.tips,.ydh_sys p.tips {
    font-size: 12px;
    color: #414141;
    line-height: 33px;
}
.ydh_pay p a,.ydh_sys p a {
    padding: 10px;
    font-size: 14px;
}
.ydh_pay p a{
    color: #1ea2b6;
    border: 1px solid #1ea2b6;
    margin-bottom: 20px;
}
.ydh_sys p a{
    color: #1e8db6;
    border: 1px solid #1e8db6;
}
.ydh_con3{
    padding-bottom: 1.5em;
}
@media (width: 320px) and (height: 480px) {
    .ydh_pay p.img-title,.ydh_sys p.img-title {
        font-size: 18px;
    }
}
@media (min-width: 375px) {
    .ydh_pay p.img-title, .ydh_sys p.img-title {
        font-size: 22px;
    }
}
@media (min-width: 420px) {
    .ydh_pay p.img-title, .ydh_sys p.img-title {
        font-size: 25px;
    }
}
/*云订货 结束*/

/*推广页面 开始*/
.promotion-icons4 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 2px 7px 0px 12px;
    background: url() no-repeat;
    background-size: 44px auto;
}
.promotion-icons4.icons1 {
    background-position: 0 0;
}
.promotion-icons4.icons2 {
    background-position: -22px 0;
}
.promotion-icons4.icons3 {
    background-position: 0 -22px;
}
.promotion-icons4.icons4 {
    background-position: -22px -22px;
}
.p-promotion-bottom .promotion-icons3 {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 7px;
}
.p-promotion .big-title  {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 20px 0;
}
.p-promotion .big-title-desc {
    font-size: 14px;
    color: #444;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}
.p-promotion-img {
    position: relative;
}
.p-promotion-img .text {
    position: absolute;
    top: 49%;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
.p-promotion-img .text em {
    font-size: 15px;
    color: #ffff00;
}
.p-promotion-img .text i {
    color: #fff;
}
.btn-promotion {
    display: inline-block;
    position: absolute;
    top: 71%;
    left: 29%;
    width: 41%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 8px;
    border: 1px solid #fff;
}
.p-promotion-bottom .btn-promotion {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    background: none;
}
.p-promotion-img .hover-text {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 100%;
    font-size: 13px;
    color: #fff;
}
.p-promotion-floor1 .p-promotion-img .hover-text {
    top: 0;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.p-promotion-floor1 .p-promotion-img .hover-text .title {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    font-size: 20px;
    text-align: center;
}
.p-promotion-floor1 .p-promotion-img .hover-text.show {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.p-promotion-floor1 .floor1-img .title {
    position: relative;
    top: 50%;
    margin-top: -9px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.promotion-icons1 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url() no-repeat;
    background-size: 102px auto;
}
.promotion-icons1.icons1 {
    backround-position: 0 0;
}
.promotion-icons1.icons2 {
    background-position: -34px 0;
}
.promotion-icons1.icons3 {
    background-position: -68px 0;
}
.promotion-icons1.icons4 {
    background-position: 0 -34px;
}
.promotion-icons1.icons5 {
    background-position: -34px -34px;
}
.promotion-icons1.icons6 {
    background-position: -68px -34px;
}
.promotion-icons1.icons7 {
    background-position: 0 -68px;
}
.promotion-icons1.icons8 {
    background-position: -34px -68px;
}
.promotion-icons1.icons9 {
    background-position: -68px -68px;
}
.promotion-list {
    position: relative;
    padding: 5px 10px;
}
.promotion-list .promotion-icons1 {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -20px;
}
.promotion-list .items-desc {
    margin-left: 50px;
}
.promotion-list .items-desc h4 {
    font-size: 15px;
    color: #444;
    margin-top: 5px;
    margin-bottom: 1px;
}
.promotion-list .items-desc p {
    font-size: 12px;
    color: #666;
}

.promotion-icons2 {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url() no-repeat;
    background-size: 88px auto;
}
.promotion-icons2.icons1 {
    background-position: 0 0;
}
.promotion-icons2.icons2 {
    background-position: -44px 0;
}
.promotion-icons2.icons3 {
    background-position: 0 -44px;
}
.promotion-icons2.icons4 {
    background-position: -44px -44px;
}

.p-promotion-floor3 .row {
    padding: 10px;
}
.p-promotion-floor3 p {
    font-size: 12px;
    color: #555;
    padding-top: 8px;
}
.p-promotion-floor3 .col-xs-3 {
    padding: 0 0px;
}
.p-promotion-bottom {
    background: url() no-repeat;
    background-size: cover;
}
.p-promotion-bottom h4 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding: 20px;
    text-align: center;
}
.p-promotion-bottom p {
    font-size: 15px;
    color: #fff;
    padding: 0 15px;
}
.p-promotion-bottom form {
    padding: 15px;
}
.p-promotion-bottom .form-group {
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255,255,255, 0.3);
    padding: 0 3px;
}
.p-promotion-bottom .form-group:before {
    content: '';
    width: 1px;
    height: 3px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    left: 0;
    bottom: 0;
}
.p-promotion-bottom .form-group:after {
    content: '';
    width: 1px;
    height: 3px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    right: 0;
    bottom: 0;
}
.p-promotion-bottom .form-group .form-control {
    background: transparent;
    padding-left: 35px;
    border: none;
}
.promotion-icons3 {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url() no-repeat;
    background-size: 38px auto;
}
.promotion-icons3.icons1 {
    background-position: 0 2px;
}
.promotion-icons3.icons2 {
    background-position: -19px 0;
}
.promotion-icons3.icons3 {
    background-position: 3px -19px;
}
.promotion-icons3.icons4 {
    background-position: -19px -19px;
}
.p-promotion-bottom .promotion-icons3 {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 7px;
}

/*推广页面 结束*/

/*留言页面 结束*/
.p-message.landing-con-res {
    padding: 0 15px;
}

.p-message.landing-con-res .tc {
    padding: 0px 0 10px 0;
}

.p-message.landing-con-res .tc h3 {
    font-size: 18px;
    color: #fff;
}

.p-message.landing-con-res .tc p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}

.p-message.landing-con-res .messages-type {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden;
}

.p-message.landing-con-res .messages-type .radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #a6b0c0;
    border-radius: 50%;
}

.p-message.landing-con-res .messages-type .radio i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #a6b0c0;
}

.p-message.landing-con-res .messages-type .radio input[type="radio"] {
    position: absolute;
    top: -200px;
    left: -100px;
    visibility: hidden;
}

.p-message.landing-con-res .messages-type label {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding-left: 5px;
}

.p-message.landing-con-res .messages-type .selected .radio {
    border: 1px solid #ff6600;
}

.p-message.landing-con-res .messages-type .selected .radio i {
    background-color: #ff6600;
}

.p-message.landing-con-res .form-group input {
    height: 44px;
    border: none;
    box-shadow: none;
}

.p-message.landing-con-res .form-group textarea.form-control {
    height: 115px;
    border: none;
    box-shadow: none;
}

.p-message.landing-con-res .phone {
    font-size: 13px;
    color: #a6b0c0;
    text-align: center;
}

/*留言页面 结束*/
/*首页*/
.integrated-r2c-li1{
    padding: 0 5px 0 10px;
}
.integrated-r2c-li2{
    padding: 0 10px 0 5px;
}
.integrated-r2c-div{
    padding: 0px 0 0 0;
    background-color: #EAF7FF;
    border: 1px solid #EDF3F5;
}
.integrated-r2c-a{
    margin: 0px !important;
}
.integrated-r2c-mt{
    margin-top: 10px;
}
/*公测计划*/
.position-a{
    position: absolute;
    z-index: 1;
}
.text-light{
    color: #fff;
}
.color-fe0{
    color: #FEEE00;
}
.font-12{
    font-size: 12px;
    line-height: 16px;
}
.font-15{
    font-size: 15px;
    line-height: 19px;
}
.section1-p{
    margin-top: 48%;
}
.section2-p{
    margin-top: 29%;
}
.section3-d1{
    padding-left: 41%;
}
.section3-p1{
    margin-top: 30%;
}
.section3-d2{
    padding-left: 36%;
}
.section3-p2{
    margin-top: 59%;
}
.section3-d3{
    padding-left: 32%;
}
.section3-p3{
    margin-top: 86%;
}
.section4-p{
    margin-top: 20%;
}
.section4-p2{
    margin-top: 22%;
    padding-left: 10%;
}
.section5-d{
    margin-top: 16%;
    padding-left: 10%;
}
.b2c-yyms-img img {
    width: 100%;
    padding: 10px;
}
.by-b2c-ldgn i {
    background-image: url("");
}
.by-bbc-ldgn i {
    background-image: url("");
}

.by-member-bg{
    position: absolute;
    z-index: -1;
    width: 100%;
}
.padding-0{
    padding: 0px;
}
.by-reg-logo{
    padding: 15px 20px;
}
.by-reg-logo img{
    width: 40%;

}
.by-title{
    text-align: center;
}
.by-title .p1{
    margin: 5px;
    font-size: 25px;
    color: #f8b600;
}
.by-title .p2{
    font-size: 14px;
    color: #fff;
    margin: 20px 0 15px 0;
}
.by-reg-form{
    margin-top: 14%;
}
.by-member-form .form-control{
    border: 0px;
    border-bottom: 1px solid #2f2c3d;
    border-radius:0px;
    -webkit-border-radius: 0px;
}
.by-member-form .form-group input{
    height: 40px;
    border-color: #2f2c3d;
}
.by-member-form .form-group{
    width: 65%;
    margin: 0 auto;
}
.by-member-form .pr140 .captcha{
    width: 40%;
    height: 90%;
    border: none;
}
.by-member-form .pr140{
    padding-right: 0px;
}
.by-member-form #sendModalMobileBtn{
    width: 40%;
    height: 80%;
    border: 1px solid #333;
    background: transparent;
    color: #333;
    padding: 1px 10px;
    font-size: 14px;
    margin-top: 3px;
}
.by-member-form #resetTime-modal-mobile-btn{
    width: 40%;
    height: 80%;
    border: 1px solid #333;
    background: transparent;
    color: #333;
    padding: 1px 10px;
    font-size: 14px;
    margin-top: 3px;
}
.by-member-form #btn_reg{
    margin-top: 53%;
    background: #f8b600;
    color:#fff;
}
.by-title .p3{
    font-size: 13px;
    color: #fff;
    margin: 16px 0 15px 0;
}
#by-reg-succ{
    background: #2f2c3d;
    height: 100%;
}
.by-title .p4{
    font-size: 14px;
    color: #f8b600;
    margin: 20% 0 15px 0;
}
.by-title .p5{
    font-size: 14px;
    color: #fff;
    margin: 16px 0 15px 0;
}
.by-title .btn-orange{
    width: 60%;
    padding: 10px;
}
.by-swiper-banner{
    position: absolute;
    margin-top: -130px;
    text-align: center;
    width: 100%;
}
.by-swiper-banner p{
    color: #fff;
}
.by-swiper-banner a.btn-reg{
    padding: 7px 20px;
    background: #F8B600;
    color: #fff;
    width: 140px;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 14px;
}

.by-wenan-banner{
    position: absolute;
    margin-top: -60px;
    text-align: center;
    width: 100%;
}
.by-wenan-banner .by-btn-reg{
    padding: 7px 20px;
    background-color: #4aaadd;
    color: #fff;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 14px;
    display: inline-block;
}
.by-wenan-banner .by-btn-regbg{
    padding: 7px 40px;
}
.by-bbjg img{
    width: 100%;
    padding: 3px 10px;
}
#bbjg .proNav-dec-list{
    padding: 7px 0;
}
/*专题*/
.zhuanti .center{
    text-align: center;
}
.zhuanti img{
    width: 100%;
}
.zhuanti .sec1-p1{
    text-align: center;
    margin-top: -95px;
    color: #fff;
}
.zhuanti .sec1-p2{
    text-align: center;
    color: #ffea00;
}
.zhuanti .sec1-p3{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}
.zhuanti .zhuanti-btn{
    padding: 10px 10px;
    background: #ffea00;
    color: #57176E;
    display: inline-block;
    width: 34%;
    margin: 0 auto;
    font-size: 16px;
}
.zhuanti .sec1-p4{
    font-size: 24px;
    margin-top: -70px;
}
.zhuanti .sec1-p5{
    color: #ddd;
}
.zhuanti .by-section2{
    background: #2D0448;
}
.zhuanti .sec2-img1{
    margin-top: 25px;
}
.zhuanti .zhuanti-btn2{
    border-radius: 50px;
}
.zhuanti .by-section2 hr{
    border-top: 1px solid #541B79;
}
.zhuanti .sec2-p1{
    padding-top: 20px;
}
.zhuanti .by-section3{
    background: #981C36;
}
.zhuanti .sec3-p1{
    padding: 10px 15px;
}
.zhuanti .by-section3 hr{
    border-top: 1px solid #CC4562;
}
.zhuanti .sec3-p2{
    padding-bottom: 20px;
}
.zhuanti .sec4-p1{
    font-size: 24px;
    text-align: center;
    padding-top: 20px;
    color: #333;
}
.zhuanti .by-section4 img{
    padding: 20px 0;
}

/*企业级专属电商服务  开始*/
.dianshangfw-list:after {
    content: "";
    display: block;
    clear: both;
}
.dianshangfw-list .col-xs-4 {
    height: 140px;
    margin-top: 15px;
}
.dianshangfw-list i {
    display: inline-block;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    background: #f0f0f0 url() no-repeat;
    -webkit-background-size: 240px auto;
    background-size: 240px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.dianshangfw-list i.icon-01 {
    background-position: 0 0;
}
.dianshangfw-list i.icon-02 {
    background-position: -80px 0;
}
.dianshangfw-list i.icon-03 {
    background-position: -160px 0;
}
.dianshangfw-list i.icon-04 {
    background-position: 0 -80px;
}
.dianshangfw-list i.icon-05 {
    background-position: -80px -80px;
}
.dianshangfw-list i.icon-06 {
    background-position: -160px -80px;
}
.dianshangfw-list i.icon-07 {
    background-position: 0 -160px;
}
.dianshangfw-list i.icon-08 {
    background-position: -80px -160px;
}
.dianshangfw-list i.icon-09 {
    background-position: -160px -160px;
}
.dianshangfw-list h4 {
    font-size: 16px;
    color: #454545;
}
.dianshangfw-btn {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
}
.dianshangfw-btn a {
    display: inline-block;
    width: 80%;
    height: 50px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #b02015;
}
.dianshangfw-btn a:hover {
    color:#fff;
}
/*企业级专属电商服务  结束*/

/*推荐商户  开始*/
.tuijianshanghu {
}
.tuijianshanghu .pro-top-img {
    margin-bottom: 0;
}
.tuijianshanghu .nav-dec-list {
    padding-top: 10px;
    padding-bottom: 40px;
}
.tuijianshanghu .integrated-r2c li:nth-child(2n) a {
    margin: 0 10px 10px 5px;
}
.tuijianshanghu .integrated-r2c li:nth-child(2n-1) a {
    margin: 0 5px 10px 10px;
}
.show-more-btn {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    max-width: 30px;
    z-index: 100;
}
.show-more-btn img {
    width: 100%;
}

.cContainer {padding: 3rem 0;}
.cContainer section {display: block;background: #fff;}
.cContainer a,.cContainer s {text-decoration: none;}
.cContainer ul,
.cContainer ol,
.cContainer li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cContainer .cbanner {position: relative;}
.cContainer .cbanner div {position: absolute;left: 50%;margin-left: -5.5rem;top: 6rem;width: 11rem;}
.cContainer .cbanner div input {width: 100%;height: 1.8rem;line-height: 1.8rem;border-radius: 1rem;border: 0;text-indent: .6rem;font-size: 0.6rem;}
.cContainer .cbanner div button {float: right;position: relative;margin-top: -1.8rem;width: 4rem;height: 1.8rem;line-height: 1.8rem;border-radius: 1rem;border: 0;background: #fedc32;color: #000;font-size: 0.6rem;}
.cContainerX {margin: 0 auto;width: 750px;}
.cContainer .ctab {padding: 20px 0;overflow: hidden;background: #fff;}
.cContainer .ctab li {float: left;width: 33%;height: 62px;border-bottom: 1px solid #eee;text-align: center;} 
.cContainer .ctab li:last-child {width: 34%;} 
.cContainer .ctab li a {display: inline-block;padding: 8px 3px;color: #fd7d23;font-size: 1.2rem;line-height: 20px;font-weight: 400;}
.cContainer .ctab li a s {font-size: .6rem;line-height: 14px;text-decoration: none;text-transform: uppercase;font-weight: 200;}
.cContainer .ctab li.current a {border-bottom: 5px solid #fd7d23;}

.cContainer .ctitle {margin: 20px 0;padding: 30px 0;background: #fd7d23;color: #fff;font-size: 2.2rem;line-height: 2.4rem;text-align: center;}
.cContainer .ctitle2 {margin: 20px 0;padding: 30px 0;background: #fff;color: #333;font-size: 2.2rem;line-height: 2.4rem;text-align: center;}
.cContainer .ctitle span {display: block;font-size: 1.5rem;}

.cContainer .cblock0301 {padding-bottom: 40px;text-align: center;}
.cContainerX .cblock0301:before {display: block;content: '';background: url() center 0 no-repeat;height: 784px;}
.cContainer .cbtnE {display: inline-block;padding: 0 40px;height: 50px;line-height: 44px;text-align: center;font-size: 1.5em;color: #fd7d23;border: 3px solid #fd7d23;border-radius: .3rem;background: #fff;}
.cContainer .cbtnD {margin-top: 20px;padding: 40px 0;text-align: center;}
.cContainer .cbtnD a {display: inline-block;padding: 0 40px;height: 50px;line-height: 50px;text-align: center;font-size: 1.5em;color: #fff;border-radius: .3rem;background: #fd7d23;}

.cContainer .cblock0102 {margin-top: 20px;}
.cContainer .cblock0201 h3 {margin: 20px auto;width: 178px;height: 48px;line-height: 48px;border-radius: 25px;border: 1px solid #fd7d23;color: #fd7d23;font-size: 26px;text-align: center;}

.cContainer .swiper-container img,.cContainer .swiper-container2 img {width: 100%;}

.cContainer .swiper-container,.cContainer .swiper-container2 {position: relative;padding-bottom: 65px;overflow: hidden;z-index: 1;}
.cContainer .swiper-pagination,.cContainer .s-pagination2 {position: absolute;bottom: -8px!important;width: 100%;background: #fff;padding: 15px 0 20px;box-shadow: -10px 0 13px rgba(0,0,0, .2);text-align: center;}
.cContainer .swiper-pagination span,.cContainer .s-pagination2 span {background: #999!important;margin: 0 5px;width: 10px;height: 10px;}
.cContainer .swiper-pagination span.swiper-pagination-bullet-active,
.cContainer .s-pagination2 span.swiper-pagination-bullet-active {background: #fd7d23!important;}

.mt-sm{
    margin-top: 10px;
}
.mt-lg{
    margin-top: 20px;
}
.p-none{
    padding: 0;
}
.f-28{
    font-size: 28px;
}
.c-3{
    color: #333;
}
.c-8{
    color: #888;
}
.c-d{
    color: #ddd !important;
}
header .logo{
    float: left;
    width: 111px;
}
.navs li a i{
    font-size: 15px;
    float: left;
    padding-left: 26px;
    padding-right: 5px;
}
.navs li a p{
    float: left;
    padding-top: 12px;
}

.footer-fixed .row a:nth-child(1),.footer-fixed .row a:nth-child(2),.footer-fixed .row a:nth-child(3){
    padding-top: 7px;
}
.footer-fixed .row a{
    font-size: 12px;
    color: #333;
    text-align: center;
    cursor: pointer;
}
.footer-fixed .row a i{
    font-size: 18px;
    color: #999;
    display: block;
}
.by-swiper-banner p:nth-child(2){
    padding-top: 5px;
    padding-bottom: 5px;
}
.new-index .integrated-r2c img{
    width: 40%;
    margin: 0 auto;
}
.new-index .products-li .li-h4{
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 7px;
    line-height: 15px
}
.new-index .s2{
    background: #fff;
}
.new-index .s2 .col-xs-4 img{
    width: 92%;
    margin: 0 auto;
    padding-top: 10px;
}
.new-index .s2 .s2-d4 img,.new-index .s2 .s2-d5 img,.new-index .s2 .s2-d6 img{
    padding-top: 0px;
}
.new-index .s2 .col-xs-12{
    padding: 0 5px;
}
.new-index .s2 .col-xs-4 p{
    color: #fff;
    margin-top: -100px;
    height: 105px;
}
.new-index .s3 .s3-case{
    background: #fff;
}
.new-index .s3 .s3-case img{
    width:100%;
    padding: 30px 0 30px 0;
}
.new-index .pro-serv i{
    float: right;
    padding-right: 15px;
    color: #888;
    font-size: 14px;
}
.abousts-d{
    position: absolute;
    margin-top: -120px;
    text-align: center;
    width: 100%;
}
.abousts-d p:nth-child(1){
    padding-bottom: 5px;
}
.pf-kx-con{
    line-height: 16px;
}
.pf-kx-con h4{
    padding-bottom: 5px;
}
/* 标题样式 */
.title {float:left;font-size:12px;width:48%;margin-top:12px;}