/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
@charset "utf-8";
/* @font-face {
    font-family: 'HelveticaNeueLTPro';
    src: url('HelveticaNeueLTPro-ThEx.otf?v=201710130000'), url('HelveticaNeueLTPro-ThEx.otf?v=201710130000') format('embedded-opentype')
} */

.fk-banner-index {
    height: 700px;
    /* background: #3e83fa; */
    position: relative
}

.fk-index-sliderPanel .fk-banner-xcx .f-button-wrap {
    margin-top: -40px
}

.fk-banner-xcx .f-buttonComponent {
    width: 228px;
    height: 72px;
    position: relative;
    z-index: 3
}

.fk-banner-xcx .f-buttonComponent {
    background: rgba(0, 0, 0, 0.01)
}

.fk-banner-xcx .f-btn {
    width: 228px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 35px;
    border: #fff solid 1px;
    border: rgba(255, 255, 255, 0.6) solid 1px;
    font-size: 20px;
    color: #fff;
    transition: background .3s
}

.fk-banner-xcx .f-buttonComponent .f-codeWrap {
    position: absolute;
    right: -255px;
    top: 0;
    width: 240px;
    height: 240px;
    background-color: rgba(255, 255, 255, .15);
    border: solid #fff 1px;
    border: solid rgba(255, 255, 255, .1) 1px;
    box-sizing: border-box;
    border-radius: 3px;
    transform-origin: top center;
    transform: scale(1, 0);
    transition: all .3s
}

.fk-banner-xcx .f-buttonComponent .f-code {
    width: 220px;
    height: 220px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -110px;
    z-index: 1
}

.fk-banner-xcx .f-buttonComponent .f-feelArea {
    width: 290px;
    height: 290px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -145px;
    margin-top: -145px
}



.fk-banner-xcx .f-buttonComponent-hover .f-codeWrap {
    transform: scale(1, 1)
}

.fk-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap {
    height: 240px;
    overflow: visible;
    border: #fff 1px solid;
    border: 1px solid rgba(255, 255, 255, .1)
}

.fk-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap-bg {
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}



.fk-index-sliderPanel {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.fk-index-sliderPanel .f-sldList {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.fk-index-sliderPanel .f-sldList .f-sldItem {
    height: 100%;
    width: 100%;
    float: left;
    text-align: left;
    position: relative
}

.fk-index-sliderPanel .f-sldList-2 {
    width: 200%
}

.fk-index-sliderPanel .f-sldList-3 {
    width: 300%
}

.fk-index-sliderPanel .f-sldList-2 .f-sldItem {
    width: 50%
}

.fk-index-sliderPanel .f-sldList-3 .f-sldItem {
    width: 33.3333333333%
}

.fk-index-sliderPanel .f-sldImg {
    width: 100%;
    height: 100%;
    display: block
}

.fk-index-guestWinSld-sliderPanel .f-sldList-3 .f-sldItem {
    width: 740px
}

.fk-banner-index .fk-index-sliderPanel {
    height: 100%
}

.fk-index-focus {
    position: absolute;
    left: 50%;
    top: 647px;
    width: 150px;
    height: 20px;
    margin-left: -75px
}

.fk-index-focus .f-focusList {
    font-size: 0;
    text-align: center
}

.fk-index-focus .f-focusItem:first-child {
    margin-left: 0
}



.fk-banner-index .f-button-wrap {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    padding-top: 450px;
    display: block
}

.fk-banner-index .f-button-wrap:active {
    background: transparent
}

.fk-banner-index .f-button {
    width: 220px;
    height: 70px;
    border: solid #fff 1px;
    border-radius: 35px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    z-index: 3;
    color: #fff;
    vertical-align: middle;
    font-weight: normal;
    display: block
}

.set_4_button2 {
    position: relative;
    font-weight: 400;
    text-align: center;
    width: auto;
    line-height: 70px;
    font-size: 21px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 35px;
    border: solid #fff 1px;
    width: 220px;
    text-align: center
}

.set_4_button2.raised {
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s
}

.anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1
}

.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%
}

.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}

.hoverable .anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}

.hoverable .anim:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.hoverable .anim, .hoverable .anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s
}

@-webkit-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

.f-index-model {
    background: #fff;
    min-height: 1387px
}

.f-index-model .fk-index-sliderPanel .f-sldList-2 {
    width: 3000px
}

.f-index-model .fk-index-sliderPanel .f-sldItem {
    width: 1200px
}

.f-index-model .fk-index-header {
    padding-bottom: 0
}

.f-index-model .f-listWrap {
    width: 1150px;
    margin: 0 auto
}

.f-index-model .f-list {
    margin-left: -55px;
    overflow: hidden;
    width: 1500px;
    padding-top: 100px
}

.f-index-model .f-item {
    width: 520px;
    height: 336px;
    margin: 0 55px;
    margin-bottom: 100px;
    position: relative
}

.f-index-model .f-item .f-caseButtonWrap {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    width: 100%;
    z-index: 3;
    text-align: center;
    transition: opacity .3s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.f-index-model .f-item .f-caseButton {
    width: 120px;
    height: 46px;
    border-radius: 23px;
    display: inline-block;
    text-align: center;
    line-height: 46px;
    color: #fff;
    vertical-align: top;
    margin: 0 22px
}

.f-index-model .f-item .f-caseButton-free {
    background: #398afc;
    font-size: 16px
}

.f-index-model .f-item:hover .f-caseButtonWrap {
    opacity: 1;
    filter: alpha(opacity=100)
}

.f-index-model .f-item .f-caseButton-preview {
    border: solid #fff 1px;
    box-sizing: border-box;
    font-size: 0
}

.f-index-model .f-item .f-caseButton-preview .f-txt {
    font-size: 16px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.f-index-model .f-item .f-caseButton-preview .f-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url(../images/home_ico.png) -274px -14px no-repeat;
    vertical-align: middle
}

.f-index-model .f-list-mobi .f-item {
    width: 220px;
    height: 530px;
    margin: 0 40px
}

.f-index-model .f-list-mobi {
    margin-left: -40px;
    width: 110%;
    width: 1400px;
    overflow: hidden;
    padding-top: 100px
}

.f-index-model .f-mobiListWrap {
    width: 1120px;
    margin: 0 auto
}

.f-index-model .fk-index-sliderPanel {
    height: 872px;
    padding-bottom: 100px
}

.f-index-helper {
    background: #f9fbff;
    height: 860px
}

.f-index-helper .fk-index-sliderPanel {
    width: 1200px;
    height: 680px
}

.f-index-helper .fk-index-sliderPanel .f-sldList-2 {
    width: 3000px
}

.f-index-helper .fk-index-sliderPanel .f-sldList-2 .f-sldItem {
    width: 1200px
}

.f-index-helper .f-tab {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 33px
}

.f-index-helper .f-tab-active, .f-index-helper .f-tab-active .f-tabLink {
    color: #4975e5
}

.f-index-helper .f-tabLink {
    padding-bottom: 15px
}

.f-helpItem .f-time {
    text-align: right;
    float: left;
    margin-right: 30px
}

.f-helpItem .f-hot {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    width: 25px;
    height: 25px;
    background: url(../images/hot.gif);
    vertical-align: middle;
    margin-right: 10px
}

.f-helpItem .f-txt {
    vertical-align: middle
}

.f-helpItem .f-info {
    float: left
}

.f-helpItem .f-time-md, .f-helpItem .f-info-title {
    font-size: 25px;
    line-height: 1;
    font-weight: normal;
    height: 36px;
    overflow: hidden
}

.f-helpItem .f-info-title {
    font-size: 18px;
    width: 355px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-helpItem .f-info-title .f-a {
    color: #333
}

.f-helpItem .f-info-title .f-a:hover {
    color: #2f82ff
}

.f-helpItem .f-time {
    width: 80px;
    margin-left: -20px
}

.f-helpItem .f-time-y, .f-helpItem .f-info-intro {
    font-size: 14px;
    color: #999;
    margin: 0;
    line-height: 1.8;
    height: 50px;
    overflow: hidden
}

.f-helpItem .f-info {
    width: 355px;
    text-align: left
}

.f-helpItem {
    margin: 0 93px;
    float: left;
    width: 456px;
    margin-bottom: 60px
}

.f-helpListWrap {
    width: 1100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.f-helpList {
    margin-top: 90px;
    margin-left: -93px;
    text-align: center;
    width: 1500px
}

.f-index-guest {
    background: #fff;
    height: 930px
}

.f-index-guest .f-slide-sec {
    margin-top: 40px;
    position: relative
}

.f-index-guest .fk-index-header {
    padding-bottom: 0
}

.f-index-guest .f-slider-wrap {
    position: absolute;
    width: 1024px;
    top: 0;
    left: 50%;
    margin-left: -512px;
    min-height: 60px
}

.f-index-guest .f-slider-bg {
    height: 276px;
    position: absolute;
    left: 0;
    top: 114px;
    width: 100%;
    background: url(../images/index_guest_bg.jpg) no-repeat center center
}

.f-index-guest .f-btn-enterWrap {
    text-align: center
}

.f-index-guest .f-btn-enter {
    width: 184px;
    height: 54px;
    text-align: center;
    color: #333;
    border: solid #e0e0e0 1px;
    border-radius: 28px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 54px;
    background: #fff;
    margin: 0 auto;
    display: block;
    border-color: #2f82ff;
    color: #2f82ff;
    transition: background-color .3s
}

.f-index-guest .f-btn-enter:hover {
    background-color: #2f82ff;
    color: #fff
}

.f-index-guest .f-title {
    font-size: 18px;
    color: #333;
    padding-top: 60px;
    padding-bottom: 42px;
    line-height: 1;
    text-align: center
}

.f-index-guest .f-desc {
    font-size: 14px;
    color: #999;
    height: 67px;
    text-align: center;
    line-height: 1.8;
    margin-top: -5px
}

.f-index-guest .f-siteInfoWrap {
    text-align: center
}

.f-index-guest .f-slider-winWrap {
    width: 740px;
    margin: 0 auto
}

.f-index-guest .f-slider-picWin {
    height: 424px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    background: #fff
}

.f-index-guest .f-winTopBar, .f-index-guest .f-winBottomBar {
    width: 100%;
    background: #f9f9f9
}

.f-index-guest .f-winTopBar {
    height: 45px
}

.f-index-guest .f-winContent {
    height: 380px
}

.f-index-guest .f-winContent .fk-index-sliderPanel {
    height: 100%
}

.f-winTopBar .f-dotList {
    padding-top: 17px;
    padding-left: 20px;
    font-size: 0
}

.f-winTopBar .f-dotItem {
    width: 10px;
    height: 10px;
    display: inline-block;
    *display: inline;
    _zoom: 1;
    margin-right: 8px;
    background: #ddd;
    border-radius: 50%
}

.f-index-guest .f-winBottomBar {
    height: 38px;
    bottom: 0;
    top: auto
}

.f-index-guest .f-btn-left, .f-index-guest .f-btn-right {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: url(../images/home_ico.png) no-repeat 0 -754px;
    position: absolute;
    left: 0;
    top: 200px;
    cursor: pointer
}

.f-index-guest .f-btn-right {
    right: 0;
    left: auto;
    background-position: -116px -754px
}

.f-index-guest .f-btn-left:hover {
    background-position: 0 -873px
}

.f-index-guest .f-btn-right:hover {
    background-position: -116px -873px
}

.f-index-guest .f-slider-txtWin .fk-index-sliderPanel {
    height: 244px
}

.fk-banner-index .f-sldItem {
    overflow: hidden
}

.fk-banner-index .f-bWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1920px;
    height: 700px;
    margin-left: -960px;
    margin-top: -350px
}

.fk-banner-index .f-bWrap .f-img {
    width: 100%;
    height: 100%
}

.fk-idxBnr-animate {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1920px;
    height: 600px;
    margin-left: -960px;
    margin-top: -300px;
    background: #3e83fa;
    z-index: 0
}

.fk-idxBnr-animate-static {
    background-image: url(../images/static.jpg)
}

.fk-idxBnr-animate * {
    visibility: hidden
}

.fk-idxBnr-animate.init *, .fk-idxBnr-animate-static * {
    visibility: visible
}

.fk-idxBnr-animate .f-title {
    width: 495px;
    height: 72px;
    margin: 95px auto;
    background: url(../images/bnr1_txt.png) no-repeat;
    position: relative;
    z-index: 5
}

.fk-idxBnr-animate .f-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.fk-idxBnr-animate .f-bgImg {
    width: 100%;
    height: 100%
}

.fk-idxBnr-animate .f-panel, .fk-idxBnr-animate .f-sidePanel, .fk-idxBnr-animate .f-sidePanel-yellowCircle, .fk-idxBnr-animate .f-sidePanel-pinkCircle, .fk-idxBnr-animate .f-bPanel, .fk-idxBnr-animate .f-mPanel, .fk-idxBnr-animate .f-sPanel, .fk-idxBnr-animate .f-sPanel .f-circle {
    position: absolute
}

.fk-idxBnr-animate .f-panel {
    background: url(../images/ani_panel.png) no-repeat;
    width: 881px;
    height: 552px;
    position: absolute;
    left: 50%;
    top: 74%;
    transform-origin: center center;
    margin-left: -440px;
    margin-top: -276px
}

.fk-idxBnr-animate .f-sidePanel {
    background: url(../images/ani_sidePanel.png) no-repeat 40px 6px;
    width: 230px;
    height: 252px;
    left: 76px;
    top: 40px
}

.fk-idxBnr-animate .f-sidePanel-yellowWrap, .fk-idxBnr-animate .f-sidePanel-pinkWrap, .fk-idxBnr-animate .f-sidePanel-yellowWrap .f-circle, .fk-idxBnr-animate .f-sidePanel-pinkWrap .f-circle, .fk-idxBnr-animate .f-sidePanel-yellowWrap .f-shadow, .fk-idxBnr-animate .f-sidePanel-pinkWrap .f-shadow {
    width: 40px;
    height: 50px;
    position: absolute;
    z-index: 1
}

.fk-idxBnr-animate .f-sidePanel-pinkWrap {
    left: 48px;
    top: 100px
}

.fk-idxBnr-animate .f-sidePanel-yellowWrap {
    left: 136px;
    top: 90px
}

.fk-idxBnr-animate .f-sidePanel-yellowWrap .f-circle {
    background: url(../images/ani_yellowCircle.png) no-repeat;
    z-index: 2
}

.fk-idxBnr-animate .f-sidePanel-pinkWrap .f-circle {
    background: url(../images/ani_pinkCircle.png) no-repeat;
    z-index: 2
}

.fk-idxBnr-animate .f-sidePanel-yellowWrap .f-shadow {
    background: url(../images/ani_yellowCircleShadow.png) no-repeat;
    left: 4px;
    top: 1px
}

.fk-idxBnr-animate .f-sidePanel-pinkWrap .f-shadow {
    background: url(../images/ani_pinkCircleShadow.png) no-repeat;
    top: -7px;
    left: -3px
}

.fk-idxBnr-animate .f-bPanel {
    width: 477px;
    height: 277px;
    background: url(../images/ani_bRect.png) no-repeat 20px 14px;
    left: 341px;
    top: 122px
}

.fk-idxBnr-animate .f-mPanel {
    width: 273px;
    height: 252px;
    background: url(../images/ani_mRect.png) no-repeat;
    left: 191px;
    top: 195px
}

.fk-idxBnr-animate .f-sPanel {
    width: 273px;
    height: 160px;
    background: url(../images/ani_sRect.png) no-repeat;
    left: 406px;
    top: 296px
}

.fk-idxBnr-animate .f-sPanel-2 {
    left: 334px;
    top: 353px;
    background: url(../images/ani_sRect2.png) no-repeat 34px 19px
}

.fk-idxBnr-animate .f-bPanel .f-circle, .fk-idxBnr-animate .f-bPanel .f-mountain {
    position: absolute
}

.fk-idxBnr-animate .f-bPanel .f-circle {
    width: 48px;
    height: 30px;
    background: url(../images/ani_bRect_circle.png) no-repeat;
    left: 127px;
    top: 32px
}

.fk-idxBnr-animate .f-bPanel .f-mountain {
    width: 313px;
    height: 180px;
    background: url(../images/ani_bRect_m.png) no-repeat;
    left: 54px;
    top: 45px
}

.fk-idxBnr-animate .f-sPanel .f-circle {
    width: 62px;
    height: 50px;
    background: url(../images/ani_sRect_circle.png) no-repeat;
    left: 48px;
    top: 27px
}

.fk-idxBnr-animate .f-mPanel .f-barWrap {
    position: relative;
    left: 0;
    top: 8px
}

.fk-idxBnr-animate .f-mPanel .f-bar {
    width: 66px;
    height: 36px;
    position: absolute;
    background: url(../images/ani_sRect_bar2.png) no-repeat -14px -12px;
    left: 114px;
    top: 48px;
    overflow: hidden;
    transform-origin: left bottom
}

.fk-idxBnr-animate .f-mPanel .f-bar1 {
    left: 127px;
    top: 59px
}

.fk-idxBnr-animate .f-mPanel .f-bar2 {
    top: 72px;
    left: 108px
}

.fk-idxBnr-animate .f-mPanel .f-bar3 {
    top: 85px;
    left: 91px
}

.fk-idxBnr-animate .f-mPanel .f-bar4 {
    top: 99px;
    left: 73px
}

.fk-idxBnr-animate .f-mPanel .f-bar5 {
    left: 53px;
    top: 115px
}

.fk-idxBnr-animate .f-mPanel .f-bigBar {
    width: 115px;
    height: 60px;
    background: url(../images/ani_mRect_line1.png) no-repeat -13px -8px
}

.fk-idxBnr-animate .f-sPanel .f-line1 {
    background: url(../images/ani_sRect_bar1.png) no-repeat -3px -6px;
    width: 114px;
    height: 58px;
    position: absolute;
    left: 111px;
    top: 54px
}

.fk-idxBnr-animate .f-sPanel .f-line2 {
    background: url(../images/ani_sRect_bar2.png) no-repeat -14px -12px;
    width: 66px;
    height: 36px;
    position: absolute;
    left: 98px;
    top: 67px
}

.fk-idxBnr-animate .f-sidePanel-pinkWrap .f-line, .fk-idxBnr-animate .f-sidePanel-yellowWrap .f-line {
    position: absolute;
    left: 42px;
    top: -45px;
    z-index: 3;
    background: url(../images/ani_pinkCircle_line.png) no-repeat -12px -6px;
    width: 71px;
    height: 51px
}

.fk-idxBnr-animate .f-sidePanel-yellowWrap .f-line {
    background: url(../images/ani_yellowCircle_line.png) no-repeat 0 0;
    left: -70px;
    top: 28px;
    width: 73px;
    height: 64px
}

.fk-idxBnr-animate .f-panelList {
    background: url(../images/ani_panel_list.png) no-repeat 0 0;
    position: absolute;
    left: 257px;
    top: 60px;
    width: 170px;
    height: 109px
}

.fk-idxBnr-animate .f-panel {
    opacity: 0;
    transition: opacity .3s;
    transform-origin: center center
}

.fk-idxBnr-animate-static .f-panel, .fk-idxBnr-animate-static .f-bPanel, .fk-idxBnr-animate-static .f-mPanel, .fk-idxBnr-animate-static .f-sPanel, .fk-idxBnr-animate.static .f-bPanel, .fk-idxBnr-animate.static .f-mPanel, .fk-idxBnr-animate.static .f-sPanel {
    opacity: 1
}

.fk-idxBnr-animate.init .f-panel {
    opacity: 1
}

.fk-idxBnr-animate.init .f-bPanel, .fk-idxBnr-animate.init .f-mPanel, .fk-idxBnr-animate.init .f-sPanel {
    opacity: 0
}

.fk-idxBnr-animate.start .f-sidePanel, .fk-idxBnr-animate.start .f-sidePanel-pinkWrap .f-circle, .fk-idxBnr-animate.start .f-sidePanel-yellowWrap .f-circle {
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.fk-idxBnr-animate.start .f-sidePanel-pinkWrap .f-circle, .fk-idxBnr-animate.start .f-sidePanel-yellowWrap .f-circle {
    animation-name: sidePanelCircle
}

.fk-idxBnr-animate.start .f-sidePanel {
    animation-name: sidePanel
}

.fk-idxBnr-animate.start .f-bPanel, .fk-idxBnr-animate.start .f-mPanel, .fk-idxBnr-animate.start .f-sPanel, .fk-idxBnr-animate.start .f-bPanel .f-mountain, .fk-idxBnr-animate.start .f-bPanel .f-circle {
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-duration: 1s
}

.fk-idxBnr-animate.start .f-bPanel {
    animation-name: bPanel
}

.fk-idxBnr-animate.start .f-mPanel {
    animation-name: mPanel
}

.fk-idxBnr-animate.start .f-bPanel .f-mountain, .fk-idxBnr-animate.start .f-bPanel .f-circle {
    animation-timing-function: ease-in;
    animation-name: bPanelMountain
}

.fk-idxBnr-animate.start .f-bPanel .f-circle {
    animation-timing-function: linear
}

.fk-idxBnr-animate.start .f-sPanel {
    animation-name: mPanel;
    animation-timing-function: ease-in;
    transform-origin: left top;
    transform: translate(-146px, 118px);
    animation-duration: .85s
}

.fk-idxBnr-animate.start .f-sPanel-2 {
    animation-delay: .15s
}

.fk-idxBnr-animate.start .f-mPanel .f-bar3, .fk-idxBnr-animate.start .f-mPanel .f-bar4, .fk-idxBnr-animate.start .f-mPanel .f-bar5, .fk-idxBnr-animate.start .f-mPanel .f-bar2, .fk-idxBnr-animate.start .f-mPanel .f-bar1 {
    animation-name: mPanelBar1;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform-origin: 0 0;
    transform: translate(-98px, 72px) scale(0, 0)
}

.fk-idxBnr-animate.start .f-mPanel .f-bar2 {
    animation-name: mPanelBar2;
    animation-delay: .2s;
    animation-duration: .8s
}

.fk-idxBnr-animate.start .f-mPanel .f-bar3 {
    animation-name: mPanelBar3;
    animation-delay: .4s;
    animation-duration: .6s
}

.fk-idxBnr-animate.start .f-mPanel .f-bar4 {
    animation-name: mPanelBar4;
    animation-delay: .6s;
    animation-duration: .4s
}

.fk-idxBnr-animate.start .f-mPanel .f-bar5 {
    animation-name: mPanelBar5;
    animation-delay: .8s;
    animation-duration: .2s
}

.fk-idxBnr-animate.start .f-sPanel .f-circle, .fk-idxBnr-animate.start .f-sPanel .f-line {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: sPanelCircle
}

.fk-idxBnr-animate.start .f-sPanel .f-line {
    animation-name: sPanelLine;
    transform-origin: 0 0;
    transition-timing-function: linear
}

.fk-idxBnr-animate.start .f-sidePanel-pinkWrap .f-line {
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: sidePanelBar1;
    transform-origin: 0 100%
}

.fk-idxBnr-animate.start .f-sidePanel-yellowWrap .f-line {
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: sidePanelBar1;
    transform-origin: 100% 20%
}

.fk-idxBnr-animate.start .f-panelList {
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-name: panelList
}

.fk-index-main, .f-index-model, .f-index-helper, .f-index-guest, .fk-footer {
    position: relative;
    z-index: 0;
    padding-top: 2px;
    margin-top: -2px;
    min-width: 1200px
}

.webHead {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    z-index: 99
}

.fk-index-body {
    padding-top: 771px
}


.fk-numberBar, .fk-banner-index {
    width: 100%;
    min-width: 1200px
}

.webHead, .fk-banner-index {
    _position: absolute;
    _left: 0;
    _top: expression(eval(document.documentElement.scrollTop))
}

.fk-banner-index {
    _top: expression(eval(document.documentElement.scrollTop+71))
}

@keyframes sidePanelCircle {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(14px, 0)
    }
}

@keyframes sidePanel {
    0% {
        transform: translate(0, -20px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes bPanel {
    0% {
        transform: translate(263px, -236px);
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes mPanel {
    0% {
        transform: translate(-146px, 118px);
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes bPanelMountain {
    0% {
        transform: translate(85px, -45px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes mPanelBar1 {
    0% {
        transform: translate(-74px, 56px) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes mPanelBar2 {
    0% {
        transform: translate(-55px, 43px) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes mPanelBar3 {
    0% {
        transform: translate(-38px, 30px) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes mPanelBar4 {
    0% {
        transform: translate(-20px, 16px) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes mPanelBar5 {
    0% {
        transform: translate(0, 0) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes sPanelCircle {
    0% {
        transform: translate(-25px, 19px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes sPanelLine {
    0% {
        transform: translate(-12px, 9px) scale(0, 0)
    }
    100% {
        transform: translate(0, 0) scale(1, 1)
    }
}

@keyframes sidePanelBar1 {
    from {
        transform: scale(0, 0)
    }
    to {
        transform: scale(1, 1)
    }
}

@keyframes panelList {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
@charset "UTF-8";
.clear {
    *zoom: 1
}

.clear:before, .clear:after {
    display: table;
    line-height: 0;
    content: ""
}

.clear:after {
    clear: both
}

.g-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.wrap {
    min-width: 1200px;
    width: 100%;
    position: relative
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-oh {
    overflow: hidden
}

.f-ib {
    display: inline-block
}

.f-b {
    display: block
}

.g-lh15 {
    line-height: 1.5
}

.m-dl2 {
    padding-bottom: 50px;
    box-sizing: border-box;
}

.m-dt-t1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 5px;
    padding-top: 52px;
}

.m-dt-t2 {
    margin-top: 15px;
    padding-bottom: 3%;
}

.m-dt-t2, .m-dt-lnk {
    font-size: 18px;
    text-align: center
}

.product-info {
    background: #E6F0FC;
}

.f1>li {
    display: inline-block;
    width: 270px;
    height: 220px;
    margin-left: 20px;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #efefef
}

.f1>li:first-child {
    margin-left: 0
}

.f1-item {
    position: relative;
    z-index: 1
}

.f1-item, .f1-h {
    background-color: #fff
}

.f1-h {
    position: absolute;
    min-height: 190px;
    left: 0;
    line-height: 24px;
    top: 0;
    opacity: 0;
    padding: 20px 20px 10px;
    filter: Alpha(opacity=0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    color: #71717a;
    text-align: left;
    z-index: 2
}

.f1>li:hover .f1-h {
    opacity: 1;
    filter: Alpha(opacity=100)
}

.f1>li:hover {
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1)
}

.f1>li:hover .f1-lnk {
    display: block
}

.f1-t1 {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700
}

.f1-lnk {
    display: none;
    border-top: 1px solid #e3e2e5;
    position: absolute;
    bottom: -5px;
    left: 20px;
    right: 20px;
    text-align: center;
    font-size: 12px
}

.f1-lnk>span {
    position: relative;
    top: -13px;
    color: #2589ff;
    padding: 0 20px;
    background-color: #fff;
    transition: all .2s linear
}

.f1-lnk>span:hover {
    color: #0968ff
}

.f1>li img {
    width: 100%;
    min-height: 140px
}

.f1-line {
    width: 20px;
    height: 2px;
    margin: 6px auto
}

.f1-line1 {
    position: absolute;
    bottom: 90px;
    width: 20px;
    height: 2px
}

.f1-l1 {
    background-color: #2d5be5
}

.f1-l2 {
    background-color: #2589ff
}

.f1-l3 {
    background-color: #2dcad3
}

.f1-l4 {
    background-color: #006aff
}

.f1-l5 {
    background-color: #bc212d
}

.f1-l6 {
    background-color: #ff7800
}

.f1-l7 {
    background-color: #202d46
}

.f1-apply {
    position: absolute;
    top: 129px;
    width: 230px
}

.f1-slider-wrap ul {
    display: none
}

.f1-slider-wrap ul.active {
    display: block
}

.f1-nav {
    font-size: 0;
    margin-top: 50px
}

.f1-nav li {
    display: inline-block;
    width: 100px;
    height: 4px;
    background-color: #e5e4e9;
    cursor: pointer;
    transition: background-color .2s linear
}

.f1-nav li.active {
    background-color: #61616a
}

.f2-bg {
    background: #f1f1f5 url('../images/huodongban.png') center no-repeat;
    height: 100%;
    color: #fff;
    overflow: hidden;
    background-size: cover;
    background-color: #4f576b
}

.f2-bg.bg_ds {
    background-image: url('../images/huodongban.png')
}

.f2-bg.bg_cy {
    background-image: url('../images/planban.png')
}

.f2-bg.bg_ls {
    background-image: url('../images/datacen.png')
}

.f2-bg.bg_xy {
    background-image: url('../images/datacen.png')
}

.f2-bg.bg_my {
    background-image: url('../images/planban.png')
}

.f2-bg.bg_jy {
    background-image: url('../images/datacen.png')
}

.f2-bg.bg_fc {
    background-image: url('../images/huodongban.png')
}

.f2-bg.bg_hssy {
    background-image: url('../images/huodongban.png')
}

.f2-bg.bg_zx {
    background-image: url('../images/datacen.png')
}

.f2-bg.bg_qc {
    background-image: url('../images/planban.png')
}

.f2-lul {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.f2-lul>li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 80%;
    cursor: pointer;
    font-size: 16px;
    transition: background .2s linear;
    border-radius: 20px 20px;
    border: 1px solid #fff;
}

.f2-lul>li:hover, .f2-lul>li.active {
    background-color: #2589ff;
    border-radius: 2px;
    font-weight: 700;
    border-radius: 20px 20px;
    border-color: #2589ff;
}

.f2-lul li:last-child {
    margin: 0;
}

.f2-l {
    padding-right: 30px;
    color: #fff;
    border-right: 2px solid #a9a9a9;
    border-color: rgba(255, 255, 255, .3);
    margin-top: 30px;
    height: 600px;
}

.f2-r {
    padding-left: 58px;
    width: 950px;
    /* min-height: 430px */
    height: 600px;
}

.f2-bd {
    font-size: 16px;
    line-height: 30px;
    margin-top: 17px;
    min-height: 60px;
}

.f2-rul {
    width: 100%;
    position: absolute;
    top: 160px;
    font-size: 0
}

.f2-rul>li {
    display: inline-block;
    width: 12.5%;
    text-align: center;
    font-size: 12px
}

.f2-item {
    position: relative;
    margin-top: 15px;
    display: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.f2-item.active {
    display: block
}

.f2-bdgj {
    background-image: url('../images/f2_icns.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 70px
}

.f2-lnk {
    padding: 4px 14px;
    text-align: center;
    color: #3986ff;
    transition: all .2s linear;
    margin-left: 30px;
    font-size: 18px;
}

.f2-lnk:hover {
    color: #0968ff;
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
    .f2-bdgj {
        /* background-image: url('../../img/nweb/index/f2_icns@2x.png'); */
        /* background-repeat: no-repeat; */
        width: 70px;
        height: 70px;
        background-size: 70px auto
    }
}

/* ..............SWIPER STYLE...... */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 媒体告诉你 */

.currnmsg, .mediacoverage {
    display: table;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    padding: 10px 0;
}

.margin-right {
    margin-right: 20px;
}

.margin-left {
    margin-left: 20px;
}

.medialeft-item {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    margin-bottom: 50px;
}

.mediamsg span {
    display: block;
}

.mediamsg {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.currdynamic {
    text-align: center;
}

.currnmsg {
    margin: 0 auto;
}

.inlinquiat p {
    display: inline-block;
}

/* animate style000 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.detailbtn {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
}

.detailbtn a {
    background: #F56C6C;
    color: #fff;
    text-align: center;
    padding: 20px 68px;
    border-radius: 36px 36px;
    outline: none;
    border: none;
    font-size: 18px;
}

/* 我们的产品 */

.listepic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    box-sizing: border-box;
    margin-top: 122px;
}

.shoumar {
    margin-top: 55px;
}

.listepic-item {
    position: relative;
    display: inline-block;
    /* width: 30%; */
}

.listepic-item p {
    margin: 0 !important;
}

.pictexte {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .85);
    font-size: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    display: none;
}

.listepic-item:hover .pictexte {
    display: block;
}

.pictexte span {
    padding: 0 26px;
    display: inline-block;
    word-wrap: break-word;
    text-align: justify;
    margin: 50% 0;
    line-height: 30px;
}

/* swiper area */

.swipewarea {
    width: 63%;
    margin: 0 auto;
}

.prevtitle {
    font-size: 30px;
    color: #333;
    text-align: center;
    width: 100%;
    font-weight: bold;
    letter-spacing: 5px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.compad{
    padding:50px 0;
}
.proratiotitles {
    display: flex !important;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box !important;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox !important;
    /* TWEENER - IE 10 */
    display: -webkit-flex !important;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.proratiotitles p span {
    display: block;
    font-size: 26px;
    color: rgba(96, 98, 102, 1);
    margin-bottom: 20px;
}

.proratiotitles p {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-align-items: flex-end;
    -moz-box-align: flex-end;
    -webkit-box-align: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.proratiotitles p:last-child {
    align-items: flex-start;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: flex-start;
    -moz-box-align: flex-start;
    -webkit-box-align: flex-start;
}

.mriright {
    margin-right: 325px;
}

.marleft {
    margin-left: 325px;
}

.marleft img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.vscont {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.vscont .vsright .margintops, .vscont .vsleft .margintops {
    min-height: 70px;
}

.vslist-item {
    width: 393px;
    background: #F56C6C;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    padding: 15px;
}
.vslist-item img{
    margin-right: 5px;
    vertical-align:middle
}
.vsright, .vsleft {
    margin-top: 20px;
}

.vsleft {
    margin-right: -13px;
}

.vsright {
    margin-left: -13px;
}

.vsright div .rightcot span, .vsleft div .rightcot span {
    display: block;
}

.vsright div .rightcot, .vsleft div .rightcot {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.vsright div .rightcot span.reddots, .vsleft div .rightcot span.reddots {
    width: 20px;
    height: 20px;
    background: #F56C6C;
    border-radius: 50%;
    margin-right: 10px;
}

.vsright div.disbetw .rightcot span.zantitle, .vsleft div .rightcot span:last-child {
    font-size: 18px;
}

.vsleft .margintops {
    margin-top: 20px;
}

.zantitle {
    min-width: 60px;
}

.disbetw {
    display: flex;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.vsright .disbetw {
    flex-direction: row-reverse;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-box-pack: flex-start;
    -webkit-moz-box-pack: flex-start;
    -webkit-box-direction: row-reverse;
    -moz-box-orient: row-reverse;
    -moz-box-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    margin-top: 20px;
}

.vsleft .disbetw {
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    -moz-box-pack: flex-start !important;
    -webkit-moz-box-pack: flex-start !important;
}

.vsright .disbetw .vslist-item {
    /* margin-left: 10px; */
    background: rgba(96, 98, 102, 1)
}

.vsbg {
    background: url('../images//vs2.png') no-repeat center;
    background-size: 225px 180px;
}

.helins {
    width: 40px;
    height: 3px;
    background: #999999;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.vslist-item, .disbetw p {
    margin: 0;
}

.progresslen {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.progresslen .dots {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.progresslen .dots.top {
    top: 0;
}

.progresslen .dots.bottom {
    bottom: 0;
}

.progresslen .lines {
    width: 3px;
    height: 560px;
    background: #999;
}

.vsleft .rightcot {
    padding-left: 10px;
}

.procucont {
    text-align: center;
    /* padding-top: 150px; */
}

.thresteps-item, .thresteps {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    padding: 20px 0;
}

.thresteps-item {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.thresteps-item p:first-child {
    margin: 0;
    margin-bottom: 10px;
}

.thresteps .thresteps-item:nth-child(2) {
    margin: 0 240px;
}

.thresteps-item p {
    font-size: 22px;
    color: #606266;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

.bgcolors {
    background: rgba(230, 240, 252, 1)
}

.t-con {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.t-mod1 ul {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.t-con .t-mod1 {
    width: 100%;
    height: 265px;
    box-shadow: 2px 2px 18px rgba(51, 51, 51, 0.23);
}

.t-con .t-mod1 li {
    width: 33.33%;
    height: 223px;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer
}

.t-con .t-mod1 a {
    width: 100%;
    padding: 0 40px;
    height: 223px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    box-sizing: border-box;
    overflow: hidden;
}

.t-con .t-mod1 .t-sec {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: block;
    margin: 30px auto 25px;
    overflow: hidden;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-mod1 h3 {
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    font-size: 20px;
    margin-top: 40px;
}

.t-con a.t-rrd .t-bgi-bg1 {
    background: #f60
}

.t-con a.t-wxd .t-bgi-bg2 {
    background: #02c25b
}

.t-con a.t-wsy .t-bgi-bg3 {
    background: #0074cd
}

/* .t-con a.t-dd .t-bgi-bg1 {
    background: #e83e0b
} */

/* .t-con a.t-xmyh .t-bgi-bg2 {
    background: #f55
}

.t-con a.t-whb .t-bgi-bg3 {
    background: #ffa132
} */

/* .t-con .t-rrd .t-bgi-b1, .t-con .t-wxd .t-bgi-b2, .t-con .t-wsy .t-bgi-b3, .t-con .t-dd .t-bgi-b1, .t-con .t-xmyh .t-bgi-b2, .t-con .t-whb .t-bgi-b3 {
    background-image: url(./images/noexpreience.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
} */

.t-con .t-sec .t-bgi-b1 {
    background: url('../images/noexpreience.png') no-repeat center;
    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    background-size: 80px 80px;
}

.t-con .t-xmyh .t-bgi-b2 {
    background-image: url('../images/noresore.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    background-size: 80px 80px;
}

.t-con .t-whb .t-bgi-b3 {
    background-image: url('../images/nodesign.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    background-size: 80px 80px;
}

/* .t-con .t-rrd .t-bgi-b1 {
    background-position: -100px 0
}

.t-con .t-wxd .t-bgi-b2 {
    background-position: -180px 0
}

.t-con .t-wsy .t-bgi-b3 {
    background-position: -260px 0
}

.t-con .t-dd .t-bgi-b1 {
    background-position: -340px 0
}

.t-con .t-xmyh .t-bgi-b2 {
    background-position: -420px 0
}

.t-con .t-whb .t-bgi-b3 {
    background-position: -500px 0
} */

.t-con .t-mod1 p {
    opacity: 0;
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    text-align: left;
}

.t-con .t-mod1 a:hover {
    width: 100%;
    padding: 0 20px;
    height: 223px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto;
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.t-con .t-mod1 a.t-rrd:hover {
    /* background: url(../images/index/t-bg1.jpg) no-repeat; */
    background: rgba(103, 194, 58, 1);
}

.t-con .t-mod1 a.t-wxd:hover {
    background: rgba(103, 194, 58, 1);
}

.t-con .t-mod1 a.t-wsy:hover {
    background: rgba(103, 194, 58, 1);
}

.t-con .t-mod1 a.t-dd:hover {
    background: rgba(103, 194, 58, 1);
}

.t-con .t-mod1 a.t-xmyh:hover {
    background: rgba(230, 162, 60, 1);
}

.t-con .t-mod1 a.t-whb:hover {
    background: rgba(64, 158, 255, 1);
}

.t-con .t-mod1 a:hover .t-bgi-bg1, .t-con .t-mod1 a:hover .t-bgi-bg2, .t-con .t-mod1 a:hover .t-bgi-bg3 {
    background: rgba(0, 0, 0, 0);
    width: 100px;
    height: 100px;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    margin-top: 26px;
}

.t-con .t-dd:hover .t-bgi-b1 {
    background-image: url('../images/resoeublack.png');
    background-repeat: no-repeat;
    width: 82px;
    height: 64px;
    margin: 15px auto 5px;
    text-align: center;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    background-size: 82px 64px;
}

.t-con .t-whb:hover .t-bgi-b3 {
    background-image: url('../images/designblack.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 15px auto 5px;
    text-align: center;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}

.t-con .t-xmyh:hover .t-bgi-b2 {
    background-image: url('../images/resoublack.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 15px auto 5px;
    text-align: center;
    display: block;
    transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con .t-mod1 a:hover .t-sec{
    display: none;

}
.t-con .t-dd:hover .t-bgi-b1, .t-con .t-xmyh:hover .t-bgi-b2, .t-con .t-whb:hover .t-bgi-b3 {
    margin: 10px auto -5px
}

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

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

.t-con .t-mod1 a:hover p, .t-con .t-mod1 a:hover h3 {
    color: #fff;
    margin-top: 35px;
}

/* ///////////////////////////////// */

.mediamsg span:last-child {
    font-size: 14px;
    color: #606266;
    width: 465px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 30px;
}

.medialogo {
    margin-right: 10px;
}

.mediamsg span {
    font-size: 20px;
}
.mediamsg span:first-child{
    margin-bottom: 5px;
}
.msgcont a {
    display: block;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 360px;
    height: 100%;
    line-height: 1;
    text-align: left;
    font-size: 18px;
    width: 360px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.msgcont a:hover {
    color: #3366ff;
}

.dynamicleft {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    padding-left: 70px;
}
.dynamicleft{
    padding-right: 60px;
}
.dynamicright{
    padding-left: 60px;
}
.dynamictime {
    margin-right: 10px;
    font-size: 20px;
}

/* //////听听人家怎么说 */

.part_con {
    width: 1100px;
    margin: 0 auto;
}

.evaluate {
    height: 904px;
    /* background: url(../../images/fudaojun_evaluate_bg.png) no-repeat center top; */
    position: relative;
    padding-top: 130px;
    padding-bottom: 20px;
}

.evaluate #jswbox {
    width: 800px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    /* overflow: hidden; */
}

.evaluate #jswbox .evaluate_arrow {
    position: absolute;
    top: 300px;
    z-index: 2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: block;
}

.evaluate #jswbox .evaluate_arrow.next {
    right: -145px;
}

.evaluate #jswbox .evaluate_arrow.prev {
    left: -145px;
}

.evaluate #jswbox .evaluate_arrow:hover {
    opacity: 0.8;
}

.evaluate #jswbox ul {
    position: relative;
    height: 600px;
    width: 630px;
    margin: 0 auto;
    /* overflow: hidden; */
}

.evaluate #jswbox ul li {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 0;
    cursor: pointer;
    overflow: hidden;
    top: 152px;
    left: 10px;
    box-shadow: 1px 11px 24px rgba(0, 0, 0, .5);
}

.evaluate #jswbox ul li img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    float: left;
    box-shadow: 11px 1px 24px rgba(0, 0, 0, .5);
}

.evaluate .mfzx_btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -80px;
}

.thebdg {
    text-align: center;
}

.personnalise {
    position: relative;
}

.posifixeds {
    position: absolute;
    bottom: -122px;
    left: 0;
    width: 100%;
}

.allnatoin {
    background: rgba(230, 240, 252, 1);
}

/* .tiemslides {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tiemgoon {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 88px;
    margin: 0 80px;
}

.tiemslides .midleines {
    width: 1px;
    height: 88px;
    background: #606266;
}

.tiemgoon p {
    color: #000;
    font-size: 40px;
}

.tiemgoon p:last-child {
    color: #606266;
    font-size: 18px;
}

.tiemgoonmidle {
    margin: 0 80px;
} */

.natuosne {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    margin: 0 auto;
}

.natuosne-left {
    width: 600px;
}
.natuosne .bx-prev{
    left: -90px !important;
}
/* //////////////数字滚啊滚 */

.fk-index-wrap {
    width: 1200px;
    margin: 0 auto;
    color: #333;
    font-family: 微软雅黑;
    padding: 0
}

.fk-numberBar {
    color: #333;
    z-index: 4;
    position: relative;
    z-index: 2;
    padding-bottom: 1;
    margin-top: 32px
}

.fk-numberBar .f-siteServiceNum {
    width: auto;
    display: inline-block;
    text-align: right
}

.fk-numberBar .f-numberWrap {
    padding: 50px 0;
    padding-top: 0;
}

.fk-numberBar .f-numberList {
    text-align: left;
    font-size: 0
}

.fk-numberBar .f-numberItem {
    padding: 0 108px;
    border-left: solid #999 1px;
    padding-top: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    font-family: HelveticaNeueLTPro, 微软雅黑;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fk-numberBar .f-numberItem:first-child {
    border-left: none
}

.fk-numberBar .f-numberItem-siteServ .f-numWrap {
    width: auto;
    padding-left: 128px
}

.fk-numberBar .f-numberItem-siteServ .f-numberDesc {
    width: auto;
    padding-left: 128px
}

.fk-numberBar .f-numberItem-siteServ {
    width: 440px;
    padding-right: 0;
    padding-left: 0
}

.fk-numberBar .f-numberItem-safeRun {
    padding-left: 0;
    padding-right: 0;
    width: 380px
}

.fk-numberBar .f-numberItem-cover {
    padding-left: 0;
    padding-right: 0;
    width: 380px
}

.fk-numberBar .f-numberItem-safeRun .f-numberContenWrap, .fk-numberBar .f-numberItem-cover .f-numberContenWrap {
    padding-left: 100px
}

.fk-numberBar .f-numberItem-day {
    width: 170px;
    padding-left: 0;
    padding-right: 0
}

.fk-numberBar .f-numberItem-day .f-numberContenWrap {
    padding-left: 90px
}

.fk-numberBar .f-numberDesc {
    padding-top: 30px;
    font-size: 16px
}

.fk-numberBar .f-num {
    font-size: 40px;
    line-height: 1
}

.fk-numberBar .f-num, .fk-numberBar .f-numberDesc {
    vertical-align: top
}

.fk-numberBar .f-char {
    font-size: 14px;
    margin-left: 10px
}

.fk-numberBar .f-char, .fk-numberBar .f-numberDesc {
    color: #666
}

.fk-numberBar .f-numberItem-spec1 {
    padding-right: 40px;
    padding-left: 0
}

.fk-numberBar .f-numberItem-spec2 {
    padding-right: 0
}

/* //////////////////zoomin animate */

.halodo {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.bigbgpic {
    background: url('../images/otoobg.png') no-repeat center;
    width: 100%;
    height: 1100px;
}

.nopadding {
    padding: 0;
    color: #fff;
    padding-bottom: 50px;
}

.positionop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.padd-top {
    margin-top: 52px;
}

/* ////////////logo滚啊滚 */

.siwpercontainer {
    position: relative;
    width: 300px;
    height: 652px;
    border: 1px solid #fff;
    overflow: hidden;
}

.logolist {
    position: absolute;
    z-index: 1;
    width: 600px;
    height: 652px;
}

.arrow {
    position: absolute;
    top: 180px;
    z-index: 2;
    display: none;
    width: 40px;
    height: 40px;
    font-size: 36px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background-color: RGBA(0, 0, 0, .3);
    cursor: pointer;
}

.arrow:hover {
    background-color: RGBA(0, 0, 0, .7);
}

#container:hover .arrow {
    display: block;
}

#prev {
    left: 20px;
}

#next {
    right: 20px;
}

.logoswipe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: space-between;

    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.logolist {
    display: flex;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    left: -5px;
    background: #E6F0FC;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: -8%;
    /* left: -90px; */
    background: url('../images/kd_arrowl.png') no-repeat center;
}

.bx-wrapper .bx-next {
    right: -60px;
    background: url('../images/kd_arrowr.png') no-repeat center;
}

.bx-wrapper .bx-prev:hover {
    opacity: 0.8;
}

.bx-wrapper .bx-next:hover {
    opacity: 0.8;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 888;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.slide img {
    margin-top: 40px;
    display: block;
}

.bx-viewport {
    height: 578px !important;
}

/* ////////////////////五大模块 */

.planass {
    background: url('../images/xuxian.png') no-repeat center;
    position: relative;
    width: 100%;
    height: 300px;
    margin-top: 110px;
}

.oneofa {
    width: 182px;
    height: 100%;
    position: absolute;
    text-align: center;
}

.midlesone {
    top: -100px;
    left: 38%;
}

.leftone {
    bottom: -100px;
    left: 0;
}

.rightone {
    bottom: -100px;
    right: 0;
}

.oneofa img {
    margin-bottom: 10px;
}

.oneofa .onefont {
    background: #6D78AD;
    border-radius: 5px;
    text-align: center;
    padding: 27px 17px;
}

.oneofa .onefont p {
    font-size: 16px;
    color: #fff;
    line-height: 1.1;
}

.oneofa .onefont p:last-child {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

.halbox {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #3366FF;
    width: 940px;
    height: 550px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.halbox img {
    margin-top: 80px;
}

.halbox .fakefont {
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 300px;
    position: absolute;
}

.blueline {
    border-bottom: 1px solid #0968ff !important;
}

.letfda {
    top: 115px;
    left: 55px;
}

.rightda {
    right: 85px;
    bottom: 342px;
}

.botda {
    bottom: 190px;
    left: 80px;
}

/* ///////////////是否遇到问题 */

.picslide {
    background: #E6F0FC;
}

.picslide .bx-wrapper .bx-viewport {
    height: 430px !important;
    background: #E6F0FC;
}

.slide3img {
    text-align: center;
}

.slide3img p {
    font-size: 18px;
    color: #606266;
    width: 250px;
    padding: 50px 0;
    background: #fff;
}

.picslide .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    /* right: -80px; */
    right: -7%;
}

.ballsa {
    height: 500px;
}

/* ///////////////////////////////这些行业都在用sjd */

.overmap {
    position: relative;
    width: 100%;
}

.overmap img {
    display: block;
}

.lineshake {
    position: absolute;
    right: 7%;
    top: 11%;
    width: 74%;
}

/* ///////这些商家都在用商家岛 */

.someonuse {
    background: url('../images/thebg.png') no-repeat center;
    width: 100%;
    height: 100%;
}

.whitefonts {
    color: #fff;
}

.balink {
    width: 50%;
    height: 520px;
    margin: 0 auto;
    margin-top: 92px;
}
.balink a{
    display: block
}
.balink a{
    width: 76px;
    height: 76px;
    font-size: 10px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    transition: all .5s;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    opacity: 0;
}

.scales {
    /* transform: scale(0.6);
    -webkit-transform: scale(0.8); */
}

.balink a:hover {
    /* animation: linkas 3s infinite;
    -webkit-animation: linkas 3s infinite; */
    border-radius: 2px 2px;
    opacity: 1;
    width: 150px;
    height: 150px;
}

@keyframes linkas {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.9;
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
        background: rgb(84, 46, 237)
    }
    to {
        opacity: 0.8;
    }
}

@-webkit-keyframes linkas
/*Safari and Chrome*/

    {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.9;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0.8;
    }
}
.someonuse{
    position: relative;
}
.balink{
   margin: 0 auto;
    width: 1085px;
    height: 607px;
    position: relative;
}
.upwiths{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 7%;
}
.balink a{
    width: 150px;
    height: 150px;
    background-size: cover!important;
}
.balink a:nth-child(1){
    top: 31%;
    left: 30%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}
.balink a:nth-child(2) {
    top: -5.5%;
    left: 65%;
    background: url('../images/kefuqcode2.png') no-repeat center;
}

.balink a:nth-child(3) {
    bottom: -5%;
    left: 36.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(4) {
    top: 34%;
    left: -3.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(5) {
    bottom: -4%;
    left: 19%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(6) {
    top: 42%;
    left: 12%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(7) {
    top: 18%;
    left: 45%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(8) {
    top: 81%;
    left: 70.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(9) {
    top: 9%;
    left: 59.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(10) {
    top: 50%;
    left: 70%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(11) {
    top: 74%;
    left: 86%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(12) {
    top: 28%;
    left: 55.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(13) {
    top: 27%;
    left: 55.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(14) {
    top: 70%;
    left: 3%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(15) {
    top: 30%;
    left: 66.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(16) {
    top: 19%;
    left: 10%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(17) {
    top: 19.5%;
    left: 90.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
   
}

.balink a:nth-child(18) {
    top: 59%;
    left: 19.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(19) {
    top: 49%;
    right: 4%;
    background: url('../images/kefuqcode2.png') no-repeat center;
}

.balink a:nth-child(20) {
    top: -5%;
    left: 83%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    display: none;
}

.balink a:nth-child(21) {
    top: 64%;
    left: 32.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
}

.balink a:nth-child(22) {
    top: 52%;
    left: 55.5%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(23) {
    top: -2%;
    left: 11%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(24) {
    top: 1%;
    left: 52%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(25) {
    top: 63.5%;
    left: 46%;
    background: url('../images/kefuqcode2.png') no-repeat center;
    
}

.balink a:nth-child(26) {
    top: 2%;
    left: 37.5%; 
    background: url('../images/kefuqcode2.png') no-repeat center;
}
.balink a:nth-child(27) {
    top: 13%;
    left: 74.5%; 
    background: url('../images/kefuqcode2.png') no-repeat center;
}
.balink a:nth-child(28) {
    top: -6%;
    left: 24.5%; 
    background: url('../images/kefuqcode2.png') no-repeat center;
}

.balink a:nth-child(29) {
    top: 37%;
    left: 44%; 
    background: url('../images/kefuqcode2.png') no-repeat center;
}
.balink a:nth-child(30) {
    top: 82%;
    left: 52.5%; 
    background: url('../images/kefuqcode2.png') no-repeat center;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes flip {
    from {
        transform: scale(0.8);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    40% {
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    50% {
        transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    80% {
        transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
}

@keyframes flip {
    from {
        transform: scale(0.8);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    40% {
        transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    50% {
        transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    80% {
        transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(.17, .67, .67, .12);
        animation-timing-function: cubic-bezier(.17, .67, .67, .12);
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

.gifcharts {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #3366FF;
    width: 940px;
    height: 510px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin-top: 40px;
}

.weektitle {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 20px 0;
    padding-bottom: 0;
}

.datachane {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
}

.datachane li div:first-child {
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
}

.datachane li div:last-child {
    width: 550px;
    height: 1px;
    background: blueviolet;
}

.datachane li {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    -webkit-align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    margin: auto;
    margin-top: 60px;
}

.datachane li:last-child {
    width: 60%;
    justify-content: space-between;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
}

.datagif {
    width: 63%;
    position: absolute;
    right: 19%;
    top: 17%;
}

.zindexover {
    z-index: 9;
}

.message {
    width: 100%;
    position: relative;
}

.thepnone {
    position: absolute;
    top: 16%;
    left: 36.5%;
    /* width: 100%;
    height: 100%; */
    text-align: center;
    margin: 0 auto;
    z-index: 9;
}

.thepnone img {
    width: 296px;
    height: 660px;
    z-index: 10;
}

.f-buttonComponent {
    margin-top: 50px;
    margin-left: -50px;
}

.marginasso {
    margin-top: 105px;
    margin-left: -86px;
}

.marginfit {
    margin-left: -30px;
}

.marginasst {
    margin-left: -26px;
}

/* /////////////////////////table  布局 */

.tabelcell {
    display: table-cell;
}

.tabels {
    display: table;
}

.tabelcolum {
    display: table-column;
}

.medialogo img {
    display: block;
}

.medialogo, .medialeft {
    float: left;
}

.mediamsg, .mediaright {
    float: right;
}

.thresteps {
    margin: 0 auto;
}

.thresteps .thresteps-item:nth-child(2) {
    margin: 0 50px;
}

.thresteps-item {
    /* padding: 20px 120px; */
}

.t-mod1 {
    margin: 0 auto;
}

.t-con .t-mod1 a {
    display: block;
}

.t-con .t-mod1 li {
    width: 380.59px;
}

.proratiotitles {
    margin: 0 auto;
}

.mriright {
    text-align: right;
    padding-right: 50px;
}

.mrileft {
    text-align: left;
    padding-left: 50px;
}

.vscont {
    margin: 0 auto;
    /* margin-top: 30px; */
    margin-top: -5px;
}

.helins {
    width: 40px;
    height: 3px;
}

.vsright div .rightcot span, .vsleft div .rightcot span {
    display: table-cell !important;
}

.progresslen {
    text-align: center;
    position: relative;
}

.progresslen .lines {
    display: inline-block;
}

.vsright.tabelcell, .vsleft.tabelcell {
    display: table-cell;
    vertical-align: top;
}

.disbetw {
    position: relative;
}

.vsleft .disbetw .helins {
    position: absolute;
    right: -33%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.vsmiddle {
    width: 25%;
}

.vsright .disbetw .helins {
    position: absolute;
    left: -33%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.vsleft .rightcot {
    position: absolute;
    top: 38%;
    right: -24%;
}

.vsright .disbetw .rightcot {
    position: absolute;
    top: 38%;
    left: -22%;
}

.listepic .listepic-item {
    margin-right: 2%;
}

/* /////////MEND_CSS */

.rightule {
    display: inline-block;
    margin-left: 5px;
}

/*.fontweite {
    color: #fff;
}*/

/* .font12{
    line-height: 24px;
} */

a.t-whb:hover .font12.f-mgt, a.t-xmyh:hover .font12.f-mgt, a.t-dd:hover .font12.f-mgt {
    line-height: 25px;
    letter-spacing: 1.5px;
}

.wrapsers {
    /* background: #fff; */
    margin: 0 auto;
    width: 60%;
}

.balspic {
    text-align: center;
    width: 100%;
}

.outerimgs {
    width: 98%;
    text-align: center;
    position: relative;
    height: 500px;
    background: rgba(0, 0, 0, .7);
    border: 1px solid #3366FF;
    margin-top: 50px;
}

.outerimgs img {
    position: absolute;
    top: -108px;
    left: 25px;
}

.tabels.distence {
    width: 100%;
}

.distence p {
    width: 20%;
}

.vsright .vslist-item img {
    transform: rotate(180deg);
    vertical-align:middle;
}
.vslist-item span{
    line-height: 20px;
}
.activyarea {
    width: 218px;
    height: 237px;
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    box-sizing: border-box;
    display: table;
}

.topimg {
    background: #4D4CF9;
    width: 100%;
    padding: 10px 0;
    position: relative;
    height: 75%;
    height: 170.5px;
}

.imgbor {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 30%;
    left: 30%;
}

.acvifont {
    text-align: center;
    margin-top: 10px;
}

.acvifont p {
    font-size: 14px;
    color: #000;
    line-height: 26px;
}
.acvifont p:first-child{
    font-weight: bold;
}
.blocks{
    display: block !important;
    float: left;
}
.noflex{
    display: block;
}
.clearfix{
    display: table;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.overwith{
    width: 100%;
}
.overwith .listepic-item:last-child{
    margin-right: 0;
}
.overwith .listepic-item{
    margin-bottom: 2%;
}
.marginitem{
    margin-top: 12px;
    margin-left: 5px;
}

.toumargin{
    margin-top: 14px;
    margin-left: 10px;
}
.picmar{
    margin-top: 10px;
}
.pinnamr{
    margin-top: 10px;
}
.miaopicmar{
    margin-top: 10px;
    margin-left: 10px;
}
.marginchou{
    margin-top: 10px;
}
.currdynamic,
.newsba{
    background:rgba(242,246,252,1);
}
.currdynamic{
    background: #fff;
}

/* //////////////// */
/* .marketing{
    background: #E6F0FC;
} */
.minitiele{
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    color: #333;
    line-height: 20px;
    letter-spacing: 5px;
    padding-bottom: 20px;
    padding-top: 50px;
}
.nopaddingbots{
    padding-top: 0;
}
.icaonlistys,
.whiterear{
    margin: 0 auto;
}
.whiterear ul li{
    width: 203px;
    height: 211px;
    position: relative;
    float: left;
    overflow: hidden;
    background: #fff;
    padding-top: 50px;
}
.whiterear ul li:hover{
    cursor: pointer;
}
.whiterear ul li:hover .qcodeover{
    display: block;
    bottom: 0;
}
.qcodeover img{
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
}
.marketicon{
    background: #fff;
    width: 203px;
    height: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    overflow: hidden;

}
.paddingsbo{
    /* padding-bottom: 76px; */
}
.botfonts{
    color: #333;
    font-size: 18px;
    text-align: center;
}
.qcodeover{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    bottom: -195px;
    left: 0;
    /* display: none; */
    transition: bottom .6s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.qcodeover p{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
}
.qcodeover img{
    height: 100%;
}
.vsright .reddots{
    background: rgb(96, 98, 102) !important;
}

.turnqcode{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -251px;
    text-align: center;
    transition: bottom .6s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    /* background: #fff; */
    background: #fff;
}
.turnqcode img{
    width: 76%;
    margin-top: 22%;
}
.listepic-item{
    overflow: hidden;
}
.listepic-item:hover{
    cursor: pointer;
}
.listepic-item:hover .turnqcode{
    bottom:0;
}

.creatsstory{
    width: 336px;
    height: 495px;
    background: #fff;
    margin-right: 8%;
}
.creatsstory:last-child{
    margin-right: 0;
}
.somefonts{
    word-wrap: break-word; 
    word-break: normal; 
    font-size: 14px;
    color: #333;
    line-height: 24px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.storytitle{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 10px;
}
.botpris{
    display: table;
    text-align: center;
    width: 100%;
}
.botpris p{
    display: inline-block;
}
.grayline{
    background: #606266;
    width: 84px;
    height: 1px;
    margin-bottom: 5px; 
}
.graytitle{
    font-size: 10px;
    margin: 0 10px;
    position: relative;
}
.grayline_bottom {
    background: #606266;
    width: 170px;
    height: 1px;
    margin-bottom: 5px;
    margin-left: 90px;
}
.graytitle font{
    font-size: 20px;
    letter-spacing: 1.5px;
}
.bluelines{
    width: 24px;
    height: 4px;
    background: #3366FF;
    text-align: center;
    margin: 10px auto;
}
.creatsstory{
    border-radius: 10px  10px   0px  0px;
    float: left;
}
.langwid{
    width: 100%;
}
.martopsa{
    margin-top: 38px;
}
.nobot{
    padding-bottom: 20px;
}

.borderradius{
    border-radius: 10px  10px   0px  0px;
    background: #E6F0FC;
}

.fontweite{
    width: 54px;
}

.nomarbots{
    margin-bottom: 0;
    
}
.slide3img{
    width: 100%;
}
.qcodeover{
    text-align: center;
}
.qcodeover img{
    width: 134px;
    height: 135px;
    margin-top: -8px;
}
.outerpimg{
    position: relative;
}


.betwenwid{
    padding: 20px 120px;
}

@-webkit-keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }

  .mediacoverage div a{
      display: inline-block;
  }
  .mediacoverage div a:hover .mediamsg span{
      color: #2d5be5
  }

  .nomargintoips{
      padding-top: 0;
  }
.onlineask .head-top-contentright.wpasn span{
    color: #fff;
}



/* /////////////视频轮播 */
#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    visibility: visible;
}

#certify  .swiper-slide {
    width: 380px;
    height: 212px;
    background: #fff;
    /*box-shadow: 0 8px 30px #ddd;*/
}
.videoscarouels .swiper-slide img{
    display:block;
    width: 380px;
    height: 212px;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: 0;
    width: 45px;
    height: 45px;
    background: url(../images/video_arrows.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transform: rotate(-90deg);
}

#certify .swiper-button-prev:hover {
    background: url(../images/video_arrows_act.png) no-repeat;
    background-position: 0 0;
    background-size: 100%
}

#certify .swiper-button-next {
    right: 0;
    width: 45px;
    height: 45px;
    background: url(../images/video_arrows.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transform: rotate(90deg);
}

#certify .swiper-button-next:hover {
    background: url(../images/video_arrows_act.png) no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.slidetime{
    position: relative;
}
.slidetime img{
    position: absolute;
    top: 0;
    left: 0;
}

/*////////////video_play_module/////////////*/
.videoturns{
    margin: 0 auto;
    background: url('../images/blackbg.png') no-repeat;
    background-size:  cover;
}
.titlechange{
    color: #fff;
    font-size: 28px;
    font-weight: bold; 
}
.videoplay{
    display: table;
}
.playarea{
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 20px;
    width: 600px;
    height: 360px; 
    float: left;
    /*display: table-cell;*/
}
.playarea video{
    border-radius: 20px;
}
.fontsexplain{
    margin-left: 55px;
    float: right;
    width: 400px;
    padding-top: 55px;
    /*display: table-cell;*/
}
.fontsexplain div{
    font-size: 18px;
    color: #fff; 
}
.fontsexplain .videfont{
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #fff;
    width: 24%;

}
.fontsexplain .butintron{
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px;

}
.fontsexplain .explict{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 300;
}
#certify .videoscarouels{
    margin-top: 35px;
    border: 1px solid #fff;
}
.videoscarouels .swiper-wrapper .swiper-slide{
    overflow: hidden;
}
.videoscarouels .swiper-wrapper .swiper-slide:hover{
    cursor: pointer;
}
.outerimg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: ;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.videoscarouels  .outerimg .playbg{
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-top: 35%;
}
.outerimg .playbg:hover{
    cursor: pointer;
}

.eplainfont{
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.6);
    color: #fff;
    box-sizing: border-box;
    padding: 8px 10px 5px;
    font-size: 12px;
    text-align: left;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: bottom .6s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.videoscarouels .swiper-slide:hover .eplainfont{
    bottom: 0;
}

.case-tags{
    height: 30rem;
    background:  url(../images/case-tags-bg.jpg);
    width: 100%;
    position: relative;
    text-align: center;
}

.case-tags .title{
    font-size: 1.5rem;
    color: #080909;   
    padding-top: 3rem; 
}

.case-tags .tag-container{
    position: absolute;
    top: 15%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.case-tags .tag-box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.case-tags .tag-box .tag{
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    animation:zoomIn .5s ease-in-out;
    -webkit-animation:zoomIn .5s ease-in-out;
}

.case-tags .tag-box .large{
    font-size: 1rem;    
    width: 7rem;
    height: 3rem;
    line-height: 3rem;
    background:  url(../images/tag-button-large.png) no-repeat;
    background-size: contain;
}
.case-tags .tag-box .middle{
    font-size: 0.8rem;
    width: 6rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background:  url(../images/tag-button-middle.png) no-repeat;
    background-size: contain;
}
.case-tags .tag-box .small{
    background:  url(../images/tag-button-small.png) no-repeat;
    background-size: contain;
    font-size: 0.8rem;
    width: 6rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.tags-qrcode-box{
    width: 6rem;
    height: 6.3rem;
    position: absolute;
    z-index: 2;
    -moz-animation: fadeIn 1s ease;
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s  ease;
}

.tags-qrcode-box .qr{
    width: 100%;
    height: 100%;
    background: #aaa;
    text-align: center;
}

.tags-qrcode-box .qr img{
    width: 90%;
    padding: 0.5rem 0;
    margin: 0 auto;
}

.tags-qrcode-box .down{ 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #aaa;
    margin: 0 auto;
    margin-top: -2px;
}
body {
    color: #526069;
    background: #fff;
    font-size: 14px;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    position: relative;
    min-width: 1200px;
    overflow-x: auto;
}

.f-fl{float:left;}
.f-fr{float:right;}
.header .f-fl.nav:hover ul li.selected a {
    color:#526069;
}
/* 常用动画 */
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes flamescale {
    0% {
        background-position:0px 0px;
    }
    3.3%{
        background-position:-60px 0px;
    }
    6.6%{
        background-position:-120px 0px;
    }
    9.9%{
        background-position:-180px 0px;
    }
    13.2%{
        background-position:-240px 0px;
    }
    16.5%{
        background-position:-300px 0px;
    }
    19.8%{
        background-position:-360px 0px;
    }
    23.1%{
        background-position:-420px 0px;
    }
    26.4%{
        background-position:-480px 0px;
    }
    29.7%{
        background-position:-540px 0px;
    }
    33%{
        background-position:-600px 0px;
    }
    36.3%{
        background-position:-660px 0px;
    }
    39.6%{
        background-position:-720px 0px;
    }
    42.9%{
        background-position:-780px 0px;
    }
    46.2%{
        background-position:-840px 0px;
    }
    49.5%{
        background-position:-900px 0px;
    }
    52.8%{
        background-position:-960px 0px;
    }
    56.1%{
        background-position:-1020px 0px;
    }
    59.4%{
        background-position-x:-1080px 0px;
    }
    62.7%{
        background-position:-1140px 0px;
    }
    66%{
        background-position:-1200px 0px;
    }
    69.3%{
        background-position:-1260px 0px;
    }
    72.6%{
        background-position:-1320px 0px;
    }
    75.9%{
        background-position:-1380px 0px;
    }
    79.2%{
        background-position:-1440px 0px;
    }
    82.5%{
        background-position:-1500px 0px;
    }
    85.8%{
        background-position:-1560px 0px;
    }
    89.1%{
        background-position:-1620px 0px;
    }
    92.4%{
        background-position:-1680px 0px;
    }
    95.7%{
        background-position:-1740px 0px;
    }
    99%{
        background-position:-1800px 0px;
    }
    100%{
        background-position: 0px 0px;
    }

}

@keyframes flamescale {
    0% {
        background-position:0px 0px;
    }
    3.3%{
        background-position:-60px 0px;
    }
    6.6%{
        background-position:-120px 0px;
    }
    9.9%{
        background-position:-180px 0px;
    }
    13.2%{
        background-position:-240px 0px;
    }
    16.5%{
        background-position:-300px 0px;
    }
    19.8%{
        background-position:-360px 0px;
    }
    23.1%{
        background-position:-420px 0px;
    }
    26.4%{
        background-position:-480px 0px;
    }
    29.7%{
        background-position:-540px 0px;
    }
    33%{
        background-position:-600px 0px;
    }
    36.3%{
        background-position:-660px 0px;
    }
    39.6%{
        background-position:-720px 0px;
    }
    42.9%{
        background-position:-780px 0px;
    }
    46.2%{
        background-position:-840px 0px;
    }
    49.5%{
        background-position:-900px 0px;
    }
    52.8%{
        background-position:-960px 0px;
    }
    56.1%{
        background-position:-1020px 0px;
    }
    59.4%{
        background-position-x:-1080px 0px;
    }
    62.7%{
        background-position:-1140px 0px;
    }
    66%{
        background-position:-1200px 0px;
    }
    69.3%{
        background-position:-1260px 0px;
    }
    72.6%{
        background-position:-1320px 0px;
    }
    75.9%{
        background-position:-1380px 0px;
    }
    79.2%{
        background-position:-1440px 0px;
    }
    82.5%{
        background-position:-1500px 0px;
    }
    85.8%{
        background-position:-1560px 0px;
    }
    89.1%{
        background-position:-1620px 0px;
    }
    92.4%{
        background-position:-1680px 0px;
    }
    95.7%{
        background-position:-1740px 0px;
    }
    99%{
        background-position:-1800px 0px;
    }
    100%{
        background-position: 0px 0px;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}


@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    animation-name: zoomIn
}
.head-top{
    background: #000;
    color: #fff;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
}
.head-top-content{
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    max-width: 1200px;
}
.head-top-contentleft{
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
}
.head-special{
    font-size: 25px;
    padding: 0 8px;
    margin: 0 20px;
}
.head-top-contentright{
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
}
.head-top-contentright a{
    padding: 6px 20px;
    background: #3366ff;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
}

/* 导航 */
.header{
    width: 100%;
    height: 80px;
    background: #fff;
    padding-top: 50px;
    line-height: 60px;
    z-index: 999;
}
.header .logo{
    width: 215px;
    text-align: left;
    height: 82px;
    cursor: pointer;
}
.header .logo img{
    padding-top: 19px;
    /* width: 140px; */
    width: 100%;
}
.header .logo img:hover{
    cursor: pointer;
}
.header-content{
    width: 1250px;
    margin: 0 auto;
    max-width: 1250px;
}
.header .nav{
    width: 490px;
    height: 82px;
}

.header .nav ul{
   display: inline-block;
   width: 100%;
   height: 82px;
}
.header .nav ul li{
    display: inline-block;
    width: 6rem;
    text-align: center;
    float: left;
    height: 100%;
}
.header .nav ul li a::after {
    content: ' ';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width: 0%;
    background: #3366ff;
    transition: width .3s;
}
.header .nav ul li a{
    color: #526069;
    font-size: 16px;
    display: inline;
    width: 70%;
    position: relative;
    height: 80px;
    line-height: 79px;
    padding: 30px;

}
.header .nav ul li a:hover{
    color: #3366ff;
}
.header .nav ul li.selected a {
    color: #3366ff;
}
.header .nav ul li.selected a:hover{
    color: #3366ff!important;
}
.header .nav ul li a:active::after, .header .nav ul li a:hover::after, .header .nav ul li.active a::after{
    width: 80%;
    color: #3366ff;
}
.header .nav ul li a:active, .header .nav ul li a:hover, .header .nav ul li.active {
    color: #3366ff;
}
.header .login{
    width: 335px;
    position: relative;
    height: 82px;
    line-height: 82px;
    margin-left: 180px;
}
.header .login #go-register{
    padding: 10px 35px;
    background: #3366ff;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
}
.header .login #go-login{
    padding: 8px 33px;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    color: #3366ff;
    font-size: 16px;
    border: 2px solid #3366ff;
    margin-right: 5px;
}
.header .login .login-fixed{
    position: absolute;
    left: -2rem;
    width: 30%;
    text-align: center;
    min-width: 140px;
    display: none;
    z-index: 1;
}
.header .login-fixed .up{
    display: none;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #fff;
    margin: 0 auto;
    filter: drop-shadow(0px -2px 2px #ccc);
    -webkit-filter: drop-shadow(0px -2px 2px #ccc);
}
.header .login-fixed .qrcode{
    background: #fff;
    border: 1px;
    line-height: 1.2rem;
}
.header .login-fixed .qrcode img{
    width: 100%;
    border: none;
}

.banner{
    position: relative;
}
.banner.wpa {
    cursor: pointer;   
}
.banner img{
    width: 100%;
}

.more-news-tip{
    position: absolute;
    display: none;
    width: 100px;
    height: 105px;
    z-index: 999;
}
.more-news-tip .qr{
    width: 100%;
    height: 100%;
    background: #aaa;
    text-align: center;
}
.more-news-tip .qr img{
    width: 90%;
    padding: 0.5rem 0;
    margin: 0 auto;
}
.more-news-tip .down{ 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #aaa;
    margin: 0 auto;
    margin-top: -2px;
}
.footer-second{
    width: 100%;
    background: #656565;
}
.second-warp{
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}
.second-item{
    width: 19%;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 2.3rem;
}
.second-item img{
    vertical-align: middle;
}
.second-item .second-item-text{
    display: inline-block;
    text-indent: 5px;
    width: 80%;
    text-align: left;
    padding: .5rem 0;
}
.fixed-contact{
    position: fixed;
    right: -200px;
    top: 101px;
    text-align: center;
    width: 200px;
    background: #fff;
    line-height: 1.4;
    font-size: 1.1rem;
}
.fixed-contact .tel{
    color: #2b9cf0;
    padding: 1.5rem 0;
}
.fixed-contact .qrcode{
    color: #fff;    
    line-height: 1.4;
}
.fixed-contact hr{
    width: 85%;
    text-align: center;
    margin: 0 auto;
    border-color: #fff;
}
.footer .footer-first{
    width: 73%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 0;
    position: relative;
}
.footer .footerfiexd{
    width: 100%;
}
.footer .footer-first .footer-first-img{
    position: absolute;
    top: -115px;
    left: -2%;
}
.footer .footer-first .footer-first-right{
    display: inline-block;
    width: 90%;
    line-height: 3rem;
    color: #fff;
    margin-left: 10%;
}
.footer .footer-first .footer-first-right .footer-first-right-phone{
    display: inline-block;
    width: 34%;
}
.footer .footer-first .footer-first-right .footer-first-right-phone span{
    margin-right: 4%;
    display: inline-block;
    width: 34%;
}
.footer .footer-first .footer-first-right .footer-first-right-phone input{
    border: 0;
    height: 2rem;
    border-radius: 5px;
    display: inline-block;
    width: 60%;
}
.footer .footer-first .footer-first-right .footer-first-right-code{
    display: inline-block;
    width: 30%;
    margin-left: 2%;
}
.footer .footer-first .footer-first-right .footer-first-right-code span{
    margin-right: 6%;
    display: inline-block;
    width: 30%;
    background: #7598ff;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 5px;
}
.footer .footer-first .footer-first-right .footer-first-right-code input{
    border: 0;
    height: 2rem;
    border-radius: 5px;
    display: inline-block;
    width: 62%;
}
.footer .footer-first .footer-first-right .footer-first-right-sumb{
    display: inline-block;
    width: 15%;
    background: #3366ff;
    text-align: center;
    border-radius: 30px;
    height: 2rem;
    line-height: 2rem;
    margin-left: 10%;
}
.fixed-contact .qrcode img{
    width: 80%;
}
#go-fixed-contact{
    border: 1px solid #dddddd;
    width: 20px;
    position: fixed;
    top: 100px;
    right: 0px;
    background: #fff;
    z-index: 998;
    color: #0e8cea;
    font-size: 1.3rem;
    padding: 0.5rem;
}
.footer-boss{
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.footer-boss .boss-left{
    display: inline-block;
    width: 16%;
}
.footer-boss .boss-right{
    display: inline-block;
    width: 80%;
}
.footer-boss .boss-right .company_info{
    margin-left: 26px;
}
.footer-boss .boss-right .company_info p{
    text-align: left;
    line-height: 1.8rem;
}
#fixed-anquan {
    width: 60px;
}

/*返回顶部*/
#retop{
    position:fixed;
    display:none;
    width:60px;
    height:60px;
    right: 10px;
    bottom: 10%;
    background: url(../images/airs.png) no-repeat;
    background-size: cover;
    border-radius:50%;
    cursor:pointer;
    z-index: 10;
    background-position:0px 0px;
}
.retop-s{
    animation: flamescale .5s forwards step-start;
    -webkit-animation: flamescale .5s forwards step-start; 
}
/*右侧悬浮*/
/*.sjd-rmenu{ position: fixed;right: 0; margin-left: 532px;top: 30%;padding-bottom:73px;z-index:999;  background:url(../../images/r_b.png) 0px bottom no-repeat;  }*/
/*.sjd-rmenu .btn{width:80px; height:80px; margin-bottom:10px; cursor:pointer; position:relative;}*/
/*.sjd-rmenu .btn-qq{background:url(../../images/r_qq.png) 5px 0px no-repeat; background-color:#ff811b;}*/
/*.sjd-rmenu .btn-qq:hover{background-color:#ff811b;}*/
/*.sjd-rmenu a.btn-qq,.sjd-rmenu a.btn-qq:visited{background:url(../../images/r_qq.png) no-repeat; background-color:#ff811b; text-decoration:none; display:block;}*/
/*.sjd-rmenu .btn-wx{background:url(../../images/r_wx.png) 5px 0px no-repeat; background-color:#666666;}*/
/*.sjd-rmenu .btn-wx:hover{background-color:#666666;}*/
/*.sjd-rmenu .btn-wx .pic{position:absolute; left:-100px; top:-8px;width:100px;height:100px;display: none;}*/
/*.sjd-rmenu .btn-phone{background:url(../../images/r_phone.png?2) 5px 0px no-repeat; background-color:#666666;}*/
/*.sjd-rmenu .btn-phone:hover{background-color:#666666;}*/
/*.sjd-rmenu .btn-phone .p_num{position:absolute; width:160px; height:75px;left:-160px; top:8px; display:none;}*/
/*.sjd-rmenu .btn-phone{background:url(../../images/r_phone.png?2) 5px 0px no-repeat; background-color:#666666;}*/
/*.sjd-rmenu .btn-top{background:url(../../images/r_top.png) 5px 0px no-repeat; background-color:#666666; display:none;}
.sjd-rmenu .btn-top:hover{background-color:#444;}*/
.sjd-rmenu{ position: fixed;right: 15px; margin-left: 532px;top: 20%;padding-bottom:73px;z-index:999;  /*background:url(../../images/r_b.png) 0px bottom no-repeat; */ }
.sjd-rmenu .btn{width: 60px;height: 60px;margin-bottom: 10px;cursor: pointer;position: relative;}
.sjd-rmenu .btn-wx{background-color:#3366ff;border-radius: 5px;border:1px solid #fff;background-position: center;}
.sjd-rmenu .btn-wx:hover{background-color:#fff;border:1px solid #3366ff;background-position: center;}
.sjd-rmenu .btn-wx .btn-wx-img{background:url(../images/r_wx.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-wx:hover >.btn-wx-img{background:url(../images/s_wx.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-wx .btn-wx-text{color: #fff;text-align: center;font-size: 12px;}
.sjd-rmenu .btn-wx:hover >.btn-wx-text{color: #3366ff;text-align: center;font-size: 12px;}
.sjd-rmenu .btn-wx .pic{position:absolute; left: -150px;top: -26px;width: 120px;height: 120px;display: none;transform: scale(1.5)}
.sjd-rmenu .btn-phone{background-color:#3366ff;border-radius: 5px;border:1px solid #fff;background-position: center;}
.sjd-rmenu .btn-phone:hover{background-color:#fff;border:1px solid #3366ff;background-position: center;}
.sjd-rmenu .btn-phone .btn-phone-img{background:url(../images/r_phone.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-phone:hover >.btn-phone-img{background:url(../images/s_phone.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-phone .btn-phone-text{color: #fff;text-align: center;font-size: 12px;}
.sjd-rmenu .btn-phone:hover >.btn-phone-text{color: #3366ff;text-align: center;font-size: 12px;}
.sjd-rmenu .btn-phone .p_num{background:url(../images/i_phone.png) no-repeat;text-align: center;padding: 16px 0;position:absolute; width:160px; height:75px;left: -163px;top: -10px; display:none;}
.sjd-rmenu .btn-phone .p_num .p_ck{height: 20px;text-align: center;}
.sjd-rmenu .btn-phone .p_num .p_ah{line-height: 30px;font-size: 16px;}
.sjd-rmenu .btn-line{background-color:#3366ff;border-radius: 5px;border:1px solid #fff;background-position: center;}
.sjd-rmenu .btn-line:hover{background-color:#fff;border:1px solid #3366ff;background-position: center;}
.sjd-rmenu .btn-line .btn-line-img{background:url(../images/h_line.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-line:hover >.btn-line-img{background:url(../images/p_line.png) no-repeat;height: 45px;width: 45px;margin: 0 auto;background-position: center;}
.sjd-rmenu .btn-line .btn-line-text{color: #fff;text-align: center;font-size: 12px;}
.sjd-rmenu .btn-line:hover >.btn-line-text{color: #3366ff;text-align: center;font-size: 12px;}
.bullet-warp{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(0,0,0,.7);
    z-index: 10001;
    display: none;
}
.bullet{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 465px;
    /* padding: 20px 3%; */
    background: #fff;
    border-radius: 4px;
    z-index: 999;
}
.bullet .bullet-closs{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    transition: all .6s;
}
.bullet .bullet-closs:hover{
    transform: rotate(180deg)
}
.bullet .bullet-title{
    font-size: 26px;
    color: #333333;
    letter-spacing: 2.67px;
    width: 100%;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
    padding-top: 20px;
}
.bullet .bullet-content{
    width: 100%;
    /* margin-bottom: 35px; */
    cursor: pointer;
    height: 358px;
    margin-top: -40px;
    text-align: center;

}
.bullet .bullet-content img{
    width: 350px;
    height: 278px;
    margin-top: 45px;
}
.bullet .bullet-foot{
    width: 100%;
}
.bullet .bullet-foot .bullet-btn{
    width: 60%;
    text-align: center;
    margin: 0 auto;
    background: #3366FF;
    border-radius: 8px;
    color: #fff;
    line-height: 43px;
    cursor: pointer;
    font-size: 20px;
}
/*联系我们*/
#qidian_wpa_2852151029_22 {
    padding-top: 50px;
    display: none;    
    top:36%!important;
}
#qidian_wpa_2852151029_22 .btn-qq .btn {
    background-color: red;
}

#qidian_wpa_2852151029_22 .wpa-container {
    background-color: red;
}
#_QD_INVITE_IFRAME_ID_PREFIX_2852151029 {
    display: none;
}
.wpa-container .theme-4 {
    background-color: red;
}
.toolsnav {
    position: fixed;
    right: 0;
    top: 6%;
    z-index: 999;
    right: -9rem;
    transition: right .5s;
    cursor: pointer;
}
.toolsnav:hover {
    right: 0;
}
.toolsnav .tool_li {
    background:rgba(0, 0, 0, 0.59);
    width: 12rem;
    height: 3rem;
    line-height: 3rem;
    margin-bottom: .1rem;
}
.toolsnav .tool_li a {
    color: #fff;
}
.toolsnav .tool_li .icon img {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.toolsnav .tool_li .icon {
    display: inline-block;
    text-align: center;
    width: 28%;
    border-right: 1px solid #fff;
}
.toolsnav .tool_li .content {
    display: inline-block;
    width: 69%;
    color: #fff;
    text-align: center;
    position: relative;
}
.toolsnav .tool_li .content .qrcode {
    position: absolute;
    width: 104%;
    right: 0;
    height: 240%;
    background:rgba(0, 0, 0, 0.59);
    z-index: 1;
}
.toolsnav .tool_li .content .qrcode img {
    width: 75%;
}
.myloading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.59);
    z-index: 1000;
    display: none;    
}
.myloading img {
    position: absolute;
    width: 5%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto; 
    animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite; 
}
@keyframes rotate {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	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;
	
	transition-property:transform, left, top;
	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;
	-ms-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;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

.banner {
	width: 100%!important;
	height: 280px;
	overflow: hidden;
}
.banner .swiper-slide img {
	width: 100%!important;
	height: 100%!important;
}
.product-info{
    width: 100%;
    max-width: 2000px;  
    margin: auto;  
}
.product-img {
    width: 70%;
    margin-left: 15%;
}
.product-img img {
    width: 100%;
}
.product-info .title p{
        font-size: 2rem;
        font-weight: bold;
}
.product-info .title p span{
    background: #000;
    height: 2px;
}
.product-info .pro_a {
    width: 100%;
    margin: 16px auto;
    text-align: center;
}
.product-info .pro_a .box {
    width: 15%;
    display: inline-block;
    margin-right: 3%;
    padding-top: 1%;
    padding-bottom:3%;
    border: 1px solid #2b9cf0;
    text-align: center;
    min-width: 200px;
    transition: all .3s;
}
.product-info .pro_a .box:hover{
    background: #2b9cf0;
    color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-3px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);    
}
.product-info .pro_a .box:hover >.circle{
    background: #fff;
}
.product-info .pro_a .box:hover >.circle img.in {
    display: none;
}
.product-info .pro_a .box:hover >.circle img.out {
    display: block;
}
.product-info .pro_a .pro_a_title_a {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 50px;
    margin-bottom: .5rem;
}
.product-info .pro_a .pro_a_title_b {
    margin-bottom: 1rem;
}
.product-info .pro_a .box .circle{
    width: 50%;
    padding-bottom: 50%;
    display: inline-block;
    border-radius: 50%;
    background: #2b9cf0;
    position: relative;
}
.product-info .pro_a .box .circle img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;    
}
.product-info .pro_a .box .circle img.in {
    display: block;
}
.product-info .pro_a .box .circle img.out {
    display: none;
}
.product-info .pro_a .box .pro_title{
    font-weight: bold;
    font-size: 17px;
    margin: 10px auto;
}
.product-info .pro_a .box .pro_content{
    margin: 2px auto;
    font-size: 13px;
}
.product-info .pro_a .box .line{
    height: 2px;
    width: 20px;
    background: #2b9cf0;
    display: inline-block;
    margin-top: 20px;
}
.product-info .pro_b {
    margin: auto;
    text-align: center;
    height: 15rem;
}
.product-info .pro_b .pro_b_title_a {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 50px;
    text-align: center;
}
.product-info .pro_b .pro_b_title_b {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 1rem;
}
.product-info .pro_b .box {
    padding: 15px 0;
    text-align: center;
    display: inline-block;
    border: 1px solid #2b9cf0;
    width: 3.5rem;
    color: #308df4;
    padding: 1% 2%;
    margin-right: 1.2%;
    transition: width .3s ease-in;
    -webkit-transition: width .3s ease-in;
    position: relative;
}
.product-info .pro_b .box:hover {
    width: 350px;
    background: #308df4;
    margin-right: -0.2%;
    padding: 1.1%;
}
.product-info .pro_b .box:hover >.content{
    display: inline-block;
    color: #fff;
}   
.product-info .pro_b .box:hover >.content_left img.in {
    display: none;
}
.product-info .pro_b .box:hover >.content_left p.in {
    color: rgb(255,255,255,0);
    display: inline-block;
}
.product-info .pro_b .box:hover >.content_left .out {
    display: block;
    position: relative;
    top: 1rem;
}
.product-info .pro_b .box .content_left{
    display: inline-block;
    float: left; 
    position: relative;  
}
.product-info .pro_b .box .content_left span{
    position: absolute;
    width: 1px;
    height: 150%;
    left:159%;
    top: -25%;
    background:#fff;
}
.product-info .pro_b .box .content_left .out{
    display: none;  
}
.product-info .pro_b .box .content_left img{
    width: 3.5rem;
}
.product-info .pro_b .box .content_left p {
    margin-top: 1rem;
}
.product-info .pro_b .box .content{
    display: inline-block;
    float: left;
    display: none;
    line-height: 2rem;
    position: absolute;
    top: 8%;
    bottom: 0;
    left: 33%;
    margin:auto;
}
.product-info .pro_b .box .content p {
    white-space: nowrap;    
}
.product-info .pro_b .box .content .box_info {
    margin-bottom: 2px;
    line-height: 20px;
}
.case-list{
    background: #e3ecf2;
    height: 18rem;
    position: relative;
    overflow: hidden;
}
.case-list .arrow{
    position: absolute;
    border-radius: 50%;     
    width: 80px;
    height: 80px;
    color: #fff;
    display: inline-block;
    top: 35%;
    opacity: 0.5;
    transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in; 
    -o-transition: opacity 1s ease-in;

}
.case-list .arrow:hover, .case-list .arrow:active{
    opacity: 1;
}
.case-list .arrow-left{
    left: 10%;
    background: #bfbfbf url(../images/arrows.png) no-repeat left top;
    background-position: 22px -5px;
}
.case-list .arrow-right{
    right: 10%;    
    background: #bfbfbf url(../images/arrows.png) no-repeat left top;
    background-position: -93px -5px;
}
.case-list .list{
    width: 68%;
    text-align: center;
    height: 74%;
    position: absolute;
    left: 16%;
    top: 13%;
    overflow: hidden;
}
.case-list .list .swiper-wrapper {
    display: inline-block;
    height: 100%;
}
.case-list .list .swiper-slide {
    display: inherit;
    width: 10rem;
    height: inherit;
    text-align: center;
    float: left;
    background-color: #fff;
    margin-right: 1.6rem;
    -moz-box-shadow: 2px 4px 8px #d5d4d4;
    -webkit-box-shadow: 2px 4px 8px #d5d4d4;
    box-shadow: 2px 4px 8px #d5d4d4;    
    border-radius: 3px;
    position: relative;
}
.case-list .list .swiper-slide .qrcode {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background:  url(../images/case-bg.png) repeat left top;
    opacity: 0;
    transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -webkit-transition: opacity .5s ease-in; 
    -o-transition: opacity .5s ease-in;
}
.case-list .list .swiper-slide.active .qrcode {
    opacity: 1;
}

.case-list .list .swiper-slide .qrcode img{
    padding: 1rem;
    width: 80%;
}

.case-list .list .swiper-slide .qrcode h3{
    border-top: 1px solid #fff;
    color: #fff;
}

.case-list .list img{
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.case-list .list h3{
    color: #454b4f;
    font-weight: 500;
    font-size: 1.2rem;
    padding-top: 0.8rem;
}

.case-list{
    
}

.partner-list{
    background: #fafafa;
    height: 15rem;
    position: relative;
    overflow: hidden;
}
.partner-list .title{
    font-size: 1.5rem;
    color: #3e3d3d;   
    padding-top: 0rem;
    text-align: center;
    margin-top: 40px;
}
.partner-list .title_b {
    color: gray;
    margin-top: .5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.partner-list .list{
    text-align: center;
    height: 80%;
    position: absolute;
    top: 13%;
    overflow: hidden;
}

.partner-list .list .swiper-slide .slide-item{
    display: inherit;
    width: 100%;
    height: 5rem;
    text-align: center;
    float: left;
    background-color: #fff;
    -moz-box-shadow: 2px 4px 8px #d5d4d4;
    -webkit-box-shadow: 2px 4px 8px #d5d4d4;
    box-shadow: 2px 4px 8px #d5d4d4;
    -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
    margin-top: 1rem;
    position: relative;
}
.partner-list .list .swiper-slide img{
    width: 100%;    
    -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
/*.banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 1rem;
  width: 100%;
  z-index: 1;
}*/
.banner .pagination.swiper-pagination-bullets {
    text-align: center;
    z-index: 2;
    position: absolute;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  background: rgba(255, 255, 255, 0.5);;
  margin: 0 3px;
  cursor: pointer;
}
.banner .swiper-active-switch {
  background: #fff;
  width: 25px;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: #efefef;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 16px;
    transform-origin: center center;
    transition: width .3s;
    cursor: pointer
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 50px
}
.partner-list .minlogo {
    height: 50px;
    position: absolute;
    bottom: 15%;
    left: 42.5%;
    width: 15%;
}
.partner-list .minlogo img{
    width: 100%;
}
.showbox,.choosebox,.showcase {
    padding-bottom: 50px;
    width: 100%;
    text-align: center;
    clear: both;
}
.showbox .showcase{
    max-width: 2000px;
    margin: auto;    
}
.showbox {
    background: url('../images/showbox_bg.png') no-repeat;
    background-size: cover;
}
.choosebox {
    text-align: center;
    background: #e3ecf2;
    padding-bottom: 40px;
}
.choosebox .contentbox {
    margin-left: 20%;
    width: 60%;
    padding-bottom: 50px;
}
.choosebox .contentbox p{
    height: 100px;
    line-height: 100px;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 50px;
}
.choosebox .contentbox img {
    width: 80%;
}
.showbox .contentbox p {
    height: 100px;
    line-height: 100px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 50px;
    color: #fff;
}
.showbox .showboximg {
    width: 60%;
    max-width: 1000px;
    margin: 0 auto;
    height: 450px;
    padding-top: 330px;
    padding-bottom: 20px;
    visibility: visible;
}
.showbox .showboximg.hide {
    visibility: hidden;
}
.showbox .showboximg ul li img {
    width: 250px;
}
.showbox .showboximg .in .exhibition_hall {
    position: relative;
}
.showbox .showboximg .ban_l_btn {
    width: 39px;
    height: 50px;
    background: url('../images/prev.png') no-repeat;
    background-size: contain;
    position: absolute;
    left:9%;
    z-index: 300;    
}
.showbox .showboximg .ban_r_btn {
    width: 50px;
    height: 50px;
    background: url('../images/next.png') no-repeat;
    background-size: contain;
    position: absolute;
    right:9%;
    z-index: 300;     
}
.showcase .modelogo {
    text-align: left;
    padding-left: 2.7rem;
    margin: 1rem 0;
    position: relative;
}
.showcase .modelogo b.line {
    display: inline-block;
    width: 5px;
    height: 24px;
    background: #2b9cf0;
    position: relative;
    left: -2.5rem;
    top: .3rem;
}
.showcase .modelogo span {
    position: relative;
    left: -2rem;
    font-size: 1.3rem;
}
.showcase .modelogo .more {
    text-align: right;
    position: absolute;
    right: 0;
    color: #565353;
    font-size: .8rem;    
}
.showcase .contentbox p {
    height: 100px;
    line-height: 100px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 50px;
}
.showcase .case-list{
    background: #fff;
}

.actionbox {
    width: 100%;
}
.actionbox .swiper-wrapper {
    width: 90%!important;
    margin-left: 10%;
    white-space: nowrap;
}
.actionbox .swiper-wrapper .swiper-slide .film {
    width: 200px!important;
}
.partner {
	margin-top: 40px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	overflow: hidden;
    max-width: 2000px;
    margin: auto;
}
.partner .swiper-slide {
	width:120px;
	text-align: center;
}
.partner .swiper-slide img {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}
.activities,.activities_pos {
    width: 80%!important;
    margin-right: 10%!important; 
    margin-left: 10%!important;
    overflow: hidden;
    height: 350px;
}
.activities .swiper-slide,.activities_pos .swiper-slide {
    margin-right: 20px;
}
.activities .reverse {
    line-height: 320px;
}
.activities .front {
    line-height: 320px;
}
.activities .reverse img {
    margin-top: 75px;
    width:120px;
    height:120px;
}
.leftmask {
    position: absolute;
    width: 20px;
    height: 320px;
    opacity: 0.6;
    background: #000;
    left: 10%;
    border-radius: 100% 0 0 100%/50%;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  
    z-index: 2;
}
.rightmask {
    position: absolute;
    width: 20px;
    height: 320px;
    opacity: 0.6;
    background: #000;
    right: 10%;
    border-radius: 100% 0 0 100%/50%;
    z-index: 2;
}
.prvebtn {
    width: 39px;
    height: 50px;
    position: absolute;
    left: 10%;
    top:40%;
    background: url("../images/prev.png") no-repeat;
    background-size: contain;
    z-index: 2;
    cursor:pointer;
}
.nextbtn {
    width: 50px;
    height: 50px;
    position: absolute;
    top:40%;
    right: 10%;
    background: url("../images/next.png") no-repeat;
    background-size: contain;
    z-index: 2;
    cursor:pointer;
}
.point {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25%;
}
.showcase .pro_body_box {
    width: 12rem;
    height: 18rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: .8rem;
}
.showcase .pro_body_box:hover >.pro_body_info {
    -webkit-transform: translateY(0%);    
    transform: translateY(0%);     
}
.showcase .pro_body_box .pro_body_info_head .pro_body_info_img {
    margin: 0;    
    width: 83%;
}
.showcase .pro_body_boxs {
    margin-top: 1rem;
} 
.showcase .pro_body_box .pro_body_info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 98%;
    height: 98%;
    margin: auto;
    box-shadow: 0px 0px 5px gray;
    background: #fff;
    transition: transform .5s;
    -webkit-transition: transform .5s;
    -webkit-transform: translateY(-105%);    
    transform: translateY(-105%);    
}
.showcase .pro_body_box .pro_body_info .pro_body_foot_p {
    margin: 1rem auto;
    font-size: 1.1rem;
    font-weight: bold;    
}
.showcase .pro_body_box .pro_body_info .pro_body_info_head {
    background:#7cb1e6;
    padding: 1.5rem 1rem;
}
.showcase .pro_body_box img {
    width: 8rem;
    margin-top: 1.5rem;
}
.showcase .pro_body_box .pro_body_box_p {
    font-weight: bold;
    margin-top: 2.5rem;
}
.swiper-button-next {
    width: 30px;
    height: 30px;
    background:url('../images/next_2.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 8%;    
}
.swiper-button-prev {
    width: 30px;
    height: 30px;
    background:url('../images/prev_2.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    left: 8%;    
}
.partner .partner-next {
    width: 30px;
    height: 30px;
    background:url('../images/next_2.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 11%;
    z-index: 2;
}
.partner .partner-prev {
    width: 30px;
    height: 30px;
    background:url('../images/prev_2.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    left: 11%;    
    z-index: 2;  
}
@media screen and (min-width:1500px){
.banner {
    width: 100%!important;
    height: 700px;
    overflow: hidden;
}
.banner .swiper-slide img {
    width: 100%!important;
    height: 100%!important;
}
}
.activition_title{
    font-size: 36px;
     text-align: center;
     padding-top: 30px
}

.activition_bq{
    width:200px;
    margin:0 auto;
    padding-top: 10px
}

.activition_bq img{

    width:200px;
}

.activition_box{
    width:80%;
    margin:0 auto;
}

#carousel_box{
    margin:0 auto;
    width: 1400px;

}

#carousel {
     width: 1400px;

}

#carousel ul {

    list-style: none;

    display: block;

    margin: 0;

    padding: 0;

}

#carousel li {
    text-align: center;
    display: block;
    width: 200px;
    padding: 0;
    margin: 6px;
    float: left;
    position: relative;
}

.film h3{
    font-size:20px;
 }

.film img {
    width: 200px;
}

.clearfix {
    float: none;
    clear: both;
 }

.film {
    width: 200px!important;
    height: 320px;
    /* -webkit-transform-style: preserve-3d;
    /* -moz-transform-style: preserve-3d; */
    /* -ms-transform-style:preserve-3d;
    /* transform-style: :preserve-3d; */ 
    -webkit-transition: .5s;
    -moz-transition: .5s;  
    -ms-transition:.5s;
    transition: .5s;
}

.film:hover .front {
    /* -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg); */
    opacity: 0;
}
.face {
    position: absolute;
    /* -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility:hidden; */
    border-radius: 10px   
}
.front {
    z-index: 2;
}
.face img{
    width:205px;
    height: 320px
}

.face h3 {
    color: white;
    text-align: center;
}

.back {
    /* -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg); */
    background: -webkit-gradient(linear, left top, left bottom, from(#c6e4fa), to(#2b9cf0));
    background: -moz-linear-gradient(top, #c6e4fa, #2b9cf0);
    width:210px;
    height:320px;
}

.back img{
    width:144px;
    height:144px;
    margin:30px
}

.face1 {
    position: absolute;
    /* -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility:hidden; */
}
.face1 img{
    width:200px;
    height: 300px;
}

.reverse{
    /* -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg); */
    width:200px;
    height:300px;
    background: #45adf2;
    line-height: 260px;
}
.reverse img{
    width:100%;
}
.activities_pos .reverse img {
    width: 200px;
}
.info{
    width:100%;
    padding:40px;
    background:#334259
}
.showcase .swiper-wrapper{
    margin-top: 10px!important;
}
/* 底部 */

.more-news-tip{
    position: absolute;
    display: none;
    width: 100px;
    height: 105px;
    z-index: 999;
}
.more-news-tip .qr{
    width: 100%;
    height: 100%;
    background: #aaa;
    text-align: center;
}
.more-news-tip .qr img{
    width: 90%;
    padding: 0.5rem 0;
    margin: 0 auto;
}
.more-news-tip .down{ 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #aaa;
    margin: 0 auto;
    margin-top: -2px;
}

.fixed-contact{
    position: fixed;
    right: -200px;
    top: 101px;
    text-align: center;
    width: 200px;
    background: #fff;
    line-height: 1.4;
    font-size: 1.1rem;
}
.fixed-contact .tel{
    color: #2b9cf0;
    padding: 1.5rem 0;
}
.fixed-contact .qrcode{
    padding: 0.5rem;
    background: #2b9cf0;
    color: #fff;    
    line-height: 1.4;
}
.fixed-contact hr{
    width: 85%;
    text-align: center;
    margin: 0 auto;
    border-color: #fff;
}
.fixed-contact .qrcode img{
    width: 80%;
}
#go-fixed-contact{
    border: 1px solid #dddddd;
    width: 20px;
    position: fixed;
    top: 100px;
    right: 0px;
    background: #fff;
    z-index: 998;
    color: #0e8cea;
    font-size: 1.3rem;
    padding: 0.5rem;
}

#fixed-anquan {
    width: 60px;
}
.name{
    margin-top:40px;
    padding-bottom: :30px; 
}
.name img{
    width:15%;
}
.online_layer a{
    color:#fff;
}
.float_qq{
    background: url(../images/online_tab_2.png) no-repeat;
    width:34px;
    height:188px;
    background-position: -50px 0px:
    left:-27px;
    top:0; 
}
.online_layer .floatbtn{
    position:absolute;
    width:120px;
    height:35px;
    line-height:35px;
    text-align:center;
    left:0px;
    z-index:1200;
    font-size:13px;
}
.try_use_floatbtn{
    top:23px;
}
.hotline_num{
    position:absolute;
    width:120px;
    height:35px;
    line-height:20px;
    text-align:center;
    top:160px;
    left:0px;
    z-index:1200;
    font-size:13px;
}
.qr{
    position:absolute;
    width:120px;
    height:135px;
    line-height:20px;
    text-align:center;
    top:205px;
    left:0px;
    z-index:1200;
    font-size:13px;
    padding:7px 14px;
}
/**
 * Swiper 4.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-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;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,right top,left 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:-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,left top,right 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:-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 bottom,left top,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:-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 top,left bottom,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:-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-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.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-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{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%;-ms-transform-origin:50%;transform-origin:50%;-webkit-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%;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);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.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;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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;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-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.outerimg{display:none}
#heade{background: #fff;height: 72px;color: #666;z-index: 9999;position: relative;font-size: 12px;box-shadow: 0 0 5px 2px rgba(10,52,72,0.3);width: 100%;position: fixed;top:0;left:0}
.main{width: 1200px;margin:0 auto; min-width: 1200px;position: relative;}
.startImg{width: 178px;height: 49px;float: left;background: url("../images/logo.png") center no-repeat; background-size:100% auto;margin-right: 40px;margin-top: 12px;}
.TopMenu li{display: block;width: 100px;height:30px;float: left;margin-top: 22px;position: relative;text-align: center;color: #666;font-size: 16px;cursor: pointer;}
.TopMenu .pul a{color: #666;display: block;width: 100px;height: 30px;overflow: hidden;}
.TopMenu .pul a span{width: 100%;height: 30px;margin: 0px;display: block;line-height: 30px;text-align: center; transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.TopMenu .pul .topA .red{color:#ff6f69;}
.TopMenu .on .topA span:first-child{margin-top: -30px;}
.TopMenu .pul:hover .topA span:first-child{margin-top: -30px;}
.TopMenu .last:hover{height: 120px;background-color: #fff;}
.TopMenu{position: relative;width: auto;height: 72px;float: left;}
.absltPo{position: absolute;right: 0px;top: 50px;z-index: 9999;background-color: #ffffff;width: 100px;height: 72px;display: none;}
.absltPo a:hover span:first-child{margin-top: -30px;}
.TopMenu .last:hover .absltPo{display: block;}
.hotImg{width: 23px;height: 26px;background: url("../images/hots.png") center no-repeat;background-size: 100%;position: absolute;top: -15px;right: 0px;}
.newImg{width: 23px;height: 26px;background: url("../images/new.png") center no-repeat;background-size: 100%;position: absolute;top: -15px;right: 0px;}
.startup{width: auto;height: 30px;float: right;margin-top: 24px;font-size: 16px;color: #ff5e44;line-height: 30px;}
.startup a{color: #ff5e44;cursor: pointer;}
.startup a:hover{color: #00a0e9;}
.startup .userInfo{color: #00a0e9;}
.nameImgs{display: inline-block;width: 30px;height: 30px;border-radius: 100%;line-height: 28px;overflow: hidden;float: right;margin-left: 10px;}
.nameImgs img{width: 100%;vertical-align: middle;}
/*Í·²¿´´½¨°´Å¥*/
.startup a.btn-ctrl{    background: #ffffff;
    border: 1px solid #a0a2a5;
    color: #676b6f; border-radius: 5px;  padding: 8px 15px; margin-left: 15px;}
.startup a.btn-reg{background: #00a0e9; border: 1px solid #00a0e9; border-radius: 5px; color: #fff; padding: 8px 15px; margin-left: 15px;}
.startup a:hover{opacity: 0.8;}
.startup .userInfo{display: inline-block; position: relative; padding-left: 28px; padding-right: 20px;}
.startup .userInfo:before,.startup .userInfo:after{content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px;}
.startup .userInfo:before{background: url(../images/user-center-icon.jpg) no-repeat; left: 0;}
.startup .userInfo:after{background: url(../images/user-center-arrow.jpg) no-repeat; right: 0;}

/*ÓÒ±ßÀ¸*/
.sidebar{position: fixed;top: 50%;margin-top: -127px;right: 0;z-index: 999; width: 60px; height: 250px;}
.sidebar li{height: 73px; display: block; text-align: center; font-size: 12px; position: relative;}
.sidebar li a{display: block; height: 73px; color: #fff;background-color: rgba(0,0,0,.6);}
.sidebar li a:before{content: ''; display: block; width: 60px; height: 48px;}
.sidebar .sidebar-car a{border-radius: 5px 5px 0 0;}
.sidebar .sidebar-car:hover{background: #3bb4eb;}
.sidebar .sidebar-car a:before{background: url(../images/right-help.png) no-repeat;}
.sidebar .sidebar-qq:hover{background: #3bb4eb;}
.sidebar .sidebar-qq a:before{background: url(../images/right-qq.png) no-repeat;}
.sidebar .sidebar-qq iframe{height: 73px;}
.sidebar .sidebar-phone:hover{background: #3bb4eb;}
.sidebar .sidebar-phone a:before{background: url(../images/right-wechat.png) no-repeat; position: relative; top: 3px;}
.sidebar .sidebar-phone a:hover div{-webkit-animation:showphone .4s forwards ease-in-out;animation:showphone .4s forwards ease-in-out;}
@-webkit-keyframes showphone{from{opacity:0; left: 0;} to{opacity: 1; left: -120px;}}
@keyframes showphone{from{opacity:0; left: 0;} to{opacity: 1; left: -120px;}}
.sidebar .sidebar-phone div{position: absolute; top: 0; left:0; opacity: 0; padding-right: 100px; box-sizing: border-box; text-align: left;}
.sidebar .sidebar-phone div h2{font-weight: normal; margin: 0; padding: 0; margin-top: 5px; font-size: 16px;}
.sidebar .sidebar-phone div:before{content: ''; display: block; position: absolute;}
.sidebar .back-top{width: 60px; height: 32px; background: url(../images/to-top.png) no-repeat; background-color: rgba(0,0,0,.5); display: block; border-radius: 0 0 5px 5px;}
.sidebar .back-top:hover{background-color: rgba(0,0,0,.7);}

.footer{width: 100%;position: relative;min-width: 1200px;background-color: #2c3140;text-align: center;padding: 50px 0;}
.footer h1{font-size: 30px;color: #fff;font-weight: normal;margin: 20px auto;width: 100%;text-align: center;display: inline-block;}
.footBox{width: 100%;height: 280px;background-color: #363b4e;/*background: url(../images/footbanner.jpg) no-repeat;*/background-size: cover;}
.footBox p{width: 100%;margin: 0;padding-top:80px;font-size: 36px;color: #fff;text-align: center;}
.footBox .btn{width: 360px;height: 48px;margin: 0 auto;padding: 30px 0;display:block;border:none}
.footBox .btn a{margin-right:20px;}
.foot-btn{width: 158px;height: 48px;background-color: #5589fe;font-size: 18px;color: #fff;text-align: center;line-height: 48px;float: left;border-radius: 5px;cursor: pointer;}
.footBox input:-moz-placeholder{color: #fff;}
.footBox input:-ms-input-placeholder{color: #fff;}
.footBox input::-webkit-input-placeholder{color: #fff;}

.footBottom{line-height: 22px;width: 1200px;margin: 0 auto;display: block;color: #6d7489;font-size: 12px;text-align: left;}
.footBottom a{margin-left: 15px;color: #6d7489;}
.footBottom a img{vertical-align: text-bottom;}
.footBottom span{float: left;}
.footBottom span a{color: #6d7489;margin-left: 5px;}
.foot-link{padding-bottom: 8px;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid rgba(255,255,255,.17);width:650px;}
.foot-logo{width: 400px;float: right;margin-right:80px;margin-top:10px;}
.banner{padding-top:74px;}
.new {
    width: 1200px;
    height: 430px;
    margin: 0 auto;
}
.newsbox {
    width: 690px;
    float: left;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #fafbfc;
    -webkit-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    -moz-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    padding-bottom: 30px;
    margin-right: 26px;
    height: 320px;
}
.newsbox h3 {
    font-size: 19px;
    color: #111111;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin: 30px 30px 20px 30px;
}
.newsbox h3 span.mored {
    float: right;
}
.newsbox h3 span a {
    color: #00a4ff;
    font-size: 14px;
    font-weight: normal;
}
.news-da a p{color:#868686}
.news-da a:hover p{color:#343434}
.newsbox h3 p, .newsboxwt h3 p {
    display: block;margin:0;
    height: 21px;
    padding-left: 10px;
    line-height: 20px;
}
.newsbox h3 p em {
    width: 6px;
    height: 22px;
    background: #00a4ff;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.newsbox h3 p span {
    vertical-align: middle;color:#343434;font-weight:400
}
.newsbox h3 a:hover p span{color:#787878}
.news-da {
    padding: 0 20px;
}
.newsbox h3 span a:hover{color:#4486ea}
.news-da .more:hover{background:#4172f1}
.newsbox li {
    line-height: 230%;
    margin: 0px 30px 0 30px;
}
.news-da img {
    margin-bottom: 5px;
}

.more {
    width: 95px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    background: #00a4ff;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.news-da .more {
    float: right;
    margin-top: 10px;
}
.newsboxwt {
    width: 480px;
    float: left;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    overflow: hidden;
    -moz-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    box-shadow: 0 0 5px rgba(134, 134, 134, .3);
    padding-bottom: 30px;
    margin-right: 0px;
    background: #fafbfc;
    height: 320px;
}
.newsboxwt h3 {
    font-size: 19px;
    color: #111111;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin: 30px 30px 15px;
}
.newsbox h3 span.mored {
    float: right;
}
.news-da ul li {
    width: 303px;
    float: left;
    margin: 0 10px;
}
.newsboxwt li {
    line-height: 36px;
    margin: 0 30px;
    background: url(../images/dot.png) no-repeat 0 center;
    padding-left: 15px;
}
.newsboxwt li span {
    float: right;
    color: #666666;
}
.newsboxwt li a {
    font-size: 14px;color:#868686
}
.newsboxwt li a:hover{color:#343434;}
.news-da p {margin:0;
    line-height: 1.5;
}

.mytelinfo{height:82px;padding:12px;background:#fff;border-radius:5px;color:#333;width:136px;}