@charset"utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, strong, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
    margin:0;
    padding:0;
    border:0;
    outline:0;
font-style: normal;
}
html, body, label, table {
    font-size:12px
}
a:focus {
    outline:0
}
a:active {
    outline:0
}
ol, ul {
    list-style:none
}
table {
    border-collapse:separate;
    border-spacing:0
}
a {text-decoration: none}
.f-fkw-topBar.f-topBar {
    position: fixed;
    top: 0;
    _position: absolute;
    _top: expression(documentElement.scrollTop+"px");
}
.layout{width:1200px;margin:0 auto;clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}




.nav-sub{display:none;width:100%;background:#fff;left:0;position:absolute;top:100%}
.nav-sub-box{width:110px;background-position:right bottom;height:300px;background-repeat:no-repeat;padding:0 20px;float:left}
.nav-sub-box dl{padding-bottom:6px}
.nav-sub-box dd,.nav-sub-box dt{width:100%;float:left}
.nav-sub-box.i1{margin-left:40px;width:150px}
.nav-sub-box.i1 dd{width:50%}
.nav-sub-box.i7 {width:150px}
.nav-sub-box.i7 dd{width:50%}
.nav-sub-box dt{padding-top:2px;margin-bottom:14px;line-height:60px;border-bottom:1px solid #e9e9e9}
.nav-sub-box dt a{color:#666;display:block;font-size:18px;font-weight:700}
.nav-sub-box dd{line-height:26px}
.nav-sub-box dd a{color:#333;font-size:12px}
.nav-sub-box dd a:hover{border-bottom:1px solid #fff}

.nav-sub-box.b1{background-color:#fcfcfc}
.nav-sub-box.b1.i7 a {display: inline-block;/* width:100%; */margin-bottom:0px;}
.nav-sub-box.b1.i7 .a1 {font-size:14px;font-weight:700;}
.bannerplace a:hover,.j-name span a:hover,.nav-sub-box dd a:hover{color:#0095e2}
.nav-sub-link a{border-radius:2px;height:30px;line-height:30px;text-align:center;color:#fff;margin-top:8px;display:block}
.nav-sub-link .c1{display:  block;background:#00c35c;width: 100%;}
.nav-sub-link .c2{display:  block;background:#00a2ff;width: 100%;}
.nav-sub-link .c3{display:  block;background: #FF0000 ;width: 100%;}
.nav-sub-link .c4{display:  block;background:#FF7F00;width: 100%;}
.nav-sub-link .c5{display:  block;background:#02a702  ;width: 100%;}
.nav-sub-link .c6{display:  block;background:#05b3b3;width: 100%;}
.nav-sub-link .c7{display:  block;background:#1616ab;width: 100%;}
.nav-sub-link .c8{display:  block;background:#8B00FF;width: 100%;}
.nav-sub-box.i1{background-image:url(../image/n1_1.png)}
.nav-sub-box.i2{background-image:url(../image/n2_1.png)}
.nav-sub-box.i3{background-image:url(../image/n3_1.png)}
.nav-sub-box.i4{background-image:url(../image/n4_1.png)}
.nav-sub-box.i5{background-image:url(../image/n5_1.png)}
.nav-sub-box.i6{background-image:url(../image/n6_1.png)}
.nav-sub-box.i7{background-image:url(../image/n7_1.jpg)}
.btnhover{transition:all .1s;-webkit-transition:all .1s}
.btnhover:hover{-moz-box-shadow:0 0 5px 1px #fff inset;-webkit-box-shadow:0 0 5px 1px #fff inset;box-shadow:0 0 5px 1px #fff inset}
.nav-sub-box.i1:hover{background-image:url(../image/n1.png)}
.nav-sub-box.i2:hover{background-image:url(../image/n2.png)}
.nav-sub-box.i3:hover{background-image:url(../image/n3.png)}
.nav-sub-box.i4:hover{background-image:url(../image/n4.png)}
.nav-sub-box.i5:hover{background-image:url(../image/n5.png)}
.nav-sub-box.i6:hover{background-image:url(../image/n6.png)}
.nav-sub-box.i7:hover{background-image:url(../image/n7.jpg)}
.nav-sub-box:hover .nav-sub-box dt{border-bottom:1px solid #fff}
.nav-sub-box:hover dd a,.nav-sub-box:hover dt a{transition:all 0s;-webkit-transition:all 0s}
.nav-sub-box:hover dd a,.nav-sub-box:hover dt a{color:#fff}
.nav-iconl{position:absolute;display:inline-block;vertical-align:middle;margin-left:0px;width:28px;height:17px}
.nav-iconl.hot{background-image:url(../image/new.png)}
.nav-iconl.new{background-image:url(../image/png_new1.png);width:26px;}


/*header0817*/
.layout { background: #fff url(/skin/image/xhxt.png) top center repeat-x; box-shadow: 0 2px 5px rgba(0,0,0,.05);     padding: 50px 0;}
.layout .xhicon{ font-size: 0; padding: 0px 0; text-align: center; line-height: 1; }
.layout .xhicon .img{ height: 45px; line-height: 45px; font-size: 0; margin: 10px auto 15px; }
.layout .xhicon .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; }
.layout .xhicon dd{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 109px; }
.layout .xhicon dd p{ font-size: 14px; color: #666; line-height: 22px; transition: all .25s; -webkit-transition: all .25s; }
.layout .xhicon dd:hover p{ color: #0095e2; }
.layout .xhicon dd:hover img{ -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.layout .xhicon.length7 dd{ width: 145px; }
/*.slick-arrow{ z-index: 1; background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;}*/
.layout .xhicon .slick-prev{ left: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(/skin/image/xicon59.png) center no-repeat; }
.layout .xhicon .slick-next{ right: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(/skin/image/xicon60.png) center no-repeat; }




/*header0817*/
.nav-sub{ background: #fff url(../image/xhxt.png) top center repeat-x; box-shadow: 0 2px 5px rgba(0,0,0,.05); }
.nav-sub .xhicon{ font-size: 0; padding: 24px 0; text-align: center; line-height: 1; }
.nav-sub .xhicon .img{ height: 45px; line-height: 45px; font-size: 0; margin: 10px auto 15px; }
.nav-sub .xhicon .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; }
.nav-sub .xhicon dd{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 109px; }
.nav-sub .xhicon dd p{ font-size: 14px; color: #666; line-height: 22px; transition: all .25s; -webkit-transition: all .25s; }
.nav-sub .xhicon dd:hover p{ color: #0095e2; }
.nav-sub .xhicon dd:hover img{ -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.nav-sub .xhicon.length8 dd{ width: 125px; }
.nav-sub .xhicon.length7 dd{ width: 145px; }
/*.slick-arrow{ z-index: 1; background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;}*/
.nav-sub .xhicon .slick-prev{ left: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(../image/xicon59.png) center no-repeat; }
.nav-sub .xhicon .slick-next{ right: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(/skin/image/xicon60.png) center no-repeat; }
.header.an .nav-sub .xhicon{ padding: 18px 0; }
.header.an .nav-sub .xhicon .img{ margin-bottom: 10px; }

.topbar_btn_icon_before1 {
    width: 28px;
    height: 16px;
    display: block;
    position: absolute;
    right: -15px;
    top: 10px;
    background: url(../image/new.png) 0 0 no-repeat;
}

.topbar_btn_icon_before2 {
    width: 28px;
    height: 16px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../image/new2.png) 0 0 no-repeat;
}

.topbar_btn_icon_before3 {
    width: 28px;
    height: 16px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../image/hot.png) 0 0 no-repeat;
}

.f-topBar .fkwProduct {
	    margin-left: 10px;
	    border-radius: 5px;
    position: absolute;
    width: 104px;
    height: 26px;
    line-height: 24px;
    top: 20px;
    border: 1px solid #e6e6e6;
    background-color: #f3f3f3;
    color: #333;
    font-size: 12px;
    text-align: center;
}


.f-topBar .fkw-topbar-box {
    height:100%;
    width:1240px;
    margin:0 auto;
    min-width:1140px
}
.f-topBar.f-fkw-topBar .fkw-topbar-box {
    max-width:1240px;
    min-width:1140px;
    margin:0 auto;
    font-size:12px;
    width:100%
}
.f-topBar.f-fkw-topBar .f-fkw-topBar {
    margin-left:-30px;
    margin-right:30px
}
.f-topBar {
    width:100%;
    height:70px;
    line-height:70px;
    text-align:left;
    z-index:10;
    background-color:#fff;
    font-family:"微软雅黑";
    box-shadow:0 3px 4px rgba(0, 0, 0, 0.1)
}
.f-topBar .fkw-logo {
    width:300px;
    height:70px;
    float:left;
    margin-left:30px
}
.f-topBar .f-topbar-right {
    float:right;
    width:auto;
    *width:430px;
    height:70px;
    vertical-align:top
}
.f-topBar .topbar-item {
    width:auto;
    display:inline-block;
    cursor:pointer;
    /*vertical-align:top;*/
    z-index:10;
    position:relative;
    margin-right:31px;
    *float:left
}
.f-topBar .topbar-item.topbar-item-manageCenter {
    width:193px;
    margin-right:0
}
.f-topBar .opPanel {
    display:inline-block;
    position:relative;
    z-index:9999;
    margin-left:15px
}


.f-fkw-topBar .topbar_btn_registerCenter .topbar_btn_text:hover {
    background-color:#2288fe;
    border-color:#5776ff;
    color:#fff
}
.f-fkw-topBar .topbar-item-manageCenter .topbar_btn_text, .f-fkw-topBar .topbar_btn_registerCenter .topbar_btn_text {
    display:inline-block;
    width:118px;
    height:34px;
    line-height:34px;
    border:1px solid #0076fe;
    text-align:center;
    background-color:#0076fe;
    font-size:14px;
    font-family:"微软雅黑";
    border-radius:28px;
    color:#fff;
    margin-right:10px
}
.f-fkw-topBar .topbar-item-manageCenter .topbar_btn_text:hover {
    background-color:#2288fe;
    border-color:#5776ff;
    color:#fff
}
.f-topBar .topbar-item.topbar-item-registerCenter {
    width:135px;
    margin-right:0
}
.f-topBar .topbar-item.topbar-item-loginCenter {
    width:80px;
    margin-right:0;
    width:85px
}
.f-topBar .topbar_btn_loginCenter .topbar_btn_text {
    display:inline-block;
    width:80px;
    height:34px;
    border:1px solid #dcdcdc;
    border-radius:28px;
    text-align:center;
    line-height:34px;
    font-size:14px;
    color:#333;
    background:#fff
}
.f-topBar .topbar_btn_loginCenter .topbar_btn_text:hover {
    border:1px solid #999;
    background:#f5f5f5;
    color:#333
}




.f-topBar .f-topbar-right .topbar_btn_manageCenter .topbar_btn_text, .f-topBar .f-topbar-right .topbar-item-manageCenter.topbar-item-active-true .topbar_btn_text {
    color:#fff
}
.f-topBar .topbar-item.topbar-item-active-true .topbar_btn_text {
    color:#0082ff
}


.topbar-panel {
    position:absolute;
    top:65px;
    right:0;
    left:0;
    height:0;
    display:none
}
.topbar-manage {
    position:absolute;
    top:65px;
    right:0;
    left:0;
    height:0
}
.topbar-item .f-portrait {
    width:34px;
    height:34px;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    margin-top:-4px;
    border-radius:50%;
    background-position:center center;
    background-repeat:no-repeat;
    background:url(../image/header_icon.png?v=201806071100) -155px -195px no-repeat;
    overflow:hidden
}
.topbar-item .f-portrait .f-portrait-bg {
    width:100%;
    height:100%;
    display:block;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.f-portrait-showRedPoint {
    display:inline-block;
    width:8px;
    height:8px;
    background:#f00;
    position:absolute;
    top:15px;
    right:22px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.topbar-marketing-panel {
    width:573px;
    height:auto;
    background-color:#fff;
    box-shadow:0 0 6px 0 rgba(152, 181, 229, 0.37);
    border-radius:5px;
    transition:height .5s, ;
    transform-origin:0 0;
    transition:height .2s;
    left:-226px;
    position:absolute
}
.f-fkw-topBar .topbar-marketing-panel .topbar-panel-triangle-tips {
    right:290px
}
.f-fkw-topBar .topbar-marketing-panel.topbar-comm-panel::before {
    right:290px
}
.topbar_panel_active .topbar-marketing-panel {
    position:absolute;
    transform-origin:0 0;
    height:auto
}
.topbar-marketing-panel .topbar-marketing-box-door {
    margin-left:40px
}
.topbar-marketing-panel .topbar-marketing-box-marketing {
    margin:0 5px 0 7px
}
.topbar-marketing-panel .topbar-marketing-list {
    width:100%;
    border-radius:5px;
    overflow:hidden;
    transition:height .2s;
    background:#fff
}
.topbar-marketing-panel .topbar-marketing-item {
    height:52px;
    line-height:52px
}
.topbar-marketing-panel .topbar-marketing-box {
    display:inline-block;
    width:171px;
    height:206px;
    vertical-align:top
}
.topbar-marketing-panel .topbar-marketing-box .marketing-type-name {
    display:block;
    height:70px;
    line-height:65px;
    color:#8d9aad;
    font-size:16px
}
.topbar-marketing-panel .panel-marketing-li {
    color:#2d2e30;
    line-height:20px;
    height:40px;
    font-size:14px;
    cursor:pointer
}
.topbar-marketing-panel .panel-marketing-li a {
    color:#333
}
.topbar-marketing-panel .panel-marketing-link {
    display:block;
    text-decoration:none
}
.topbar-marketing-panel .panel-marketing-link:hover {
    color:#0076fe
}
.topbar-marketing-panel .panel-marketing-icon {
    display:inline-block;
    width:30px;
    height:20px;
    background-image:url(../image/header_icon.png?v=201806071100);
    background-repeat:no-repeat;
    vertical-align:top
}
.topbar-marketing-box-door .panel-marketing-li:nth-child(1) .panel-marketing-icon {
    background-position:-131px -457px
}
.topbar-marketing-box-door .panel-marketing-li:nth-child(2) .panel-marketing-icon {
    background-position:-131px -491px
}
.topbar-marketing-box-door .panel-marketing-li:nth-child(3) .panel-marketing-icon {
    background-position:-131px -527px
}
.topbar-marketing-box-marketing .panel-marketing-li:nth-child(1) .panel-marketing-icon {
    background-position:-284px -457px
}
.topbar-marketing-box-marketing .panel-marketing-li:nth-child(2) .panel-marketing-icon {
    background-position:-283px -491px
}
.topbar-marketing-box-marketing .panel-marketing-li:nth-child(3) .panel-marketing-icon {
    background-position:-284px -527px
}
.topbar-marketing-box-pop .panel-marketing-li:nth-child(1) .panel-marketing-icon {
    background-position:-443px -457px
}
.topbar-marketing-box-pop .panel-marketing-li:nth-child(2) .panel-marketing-icon {
    background-position:-442px -491px
}
.topbar-marketing-box-pop .panel-marketing-li:nth-child(3) .panel-marketing-icon {
    background-position:-441px -527px
}
.topbar-marketing-box-door .panel-marketing-li:hover .panel-marketing-icon {
    background-position-x:-180px
}
.topbar-marketing-box-marketing .panel-marketing-li:hover .panel-marketing-icon {
    background-position-x:-332px
}
.topbar-marketing-box-pop .panel-marketing-li:hover .panel-marketing-icon {
    background-position-x:-494px
}
.topbar-marketing-panel .panel-marketing-li .panel-marketing-text {
    vertical-align:top
}
.topbar-marketing-panel .panel-marketing-li:hover {
    color:#0076fe
}
.panel-marketing-more {
    height:54px;
    line-height:54px;
    background-color:#f8fafb;
    border-top:solid 1px #eff3f6;
    font-size:14px;
    color:#99a7bb;
    text-align:center;
    cursor:pointer;
    float:left;
    width:100%;
    border-radius:5px
}
.topbar-comm-panel::before {
    display:block;
    position:absolute;
    width:48px;
    right:0;
    top:-18px;
    height:18px;
    content:''
}
.topbar-comm-panel .topbar-panel-triangle-tips {
    position:absolute;
    border-width:7px;
    top:-14px;
    border-style:solid;
    border-color:transparent transparent rgba(255, 255, 255, 1);
    font-size:0;
    line-height:0;
    display:block;
    right:0;
    margin-right:12px;
    filter:drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    -webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    z-index:0
}
.topbar-helpcenter-panel {
    width:128px;
    height:0;
    background-color:#fff;
    box-shadow:0 0 6px 0 rgba(152, 181, 229, 0.37);
    border-radius:5px;
    transition:height .5s, ;
    transform-origin:0 0;
    transition:height .2s
}
.topbar_panel_active .topbar-helpcenter-panel {
    position:absolute;
    transform-origin:0 0;
    height:auto
}
.topbar-helpcenter-panel .topbar-helpcenter-list {
    width:100%;
    border-radius:5px;
    overflow:hidden;
    transition:height .2s
}
.topbar-helpcenter-panel .topbar-helpcenter-item {
    height:52px;
    line-height:52px
}
.topbar-helpcenter-item .topbar-helpcenter-icon {
    display:inline-block;
    height:20px;
    width:20px;
    background:#ccc;
    margin:0 10px;
    vertical-align:middle
}
.topbar-helpcenter-item:hover .topbar-helpcenter-icon {
    background:#444
}
.topbar-helpcenter-item .topbar-helpcenter-text {
    display:inline-block;
    width:auto;
    height:52px;
    line-height:52px;
    text-align:left;
    font-size:14px;
    font-family:"微软雅黑";
    color:#4e4e4e;
    cursor:pointer;
    text-align:center
}
.topbar-helpcenter-item:hover .topbar-helpcenter-text {
    color:#0079ff
}
.topbar-manage-panel {
    width:208px;
    height:0;
    transition:height .2s;
    transition:height .5s, ;
    transform-origin:0 0;
    background-color:#fff;
    box-shadow:0 0 6px 0 rgba(152, 181, 229, 0.37);
    border-radius:5px
}
.topbar_panel_active .topbar-manage-panel {
    position:absolute;
    left:-38px;
    transform-origin:0 0;
    height:auto;
    transition:all .3s;
    -webkit-transition:all .3s;
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
    opacity:0
}
.f-manage-hover .topbar-manage-panel {
    transition:all .3s;
    -webkit-transition:all .3s;
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    transform:scaleY(1);
    -webkit-transform:scaleY(1);
    opacity:1
}
.topbar-manage-list {
    width:100%;
    overflow:hidden;
    transition:height .2s;
    font-size:14px
}
.topbar-manage-items {
    height:40px;
    line-height:40px;
    box-sizing:border-box;
    cursor:pointer
}
.topbar-manage-items.topbar-manage-items-manage {
    margin-top:8px
}
.topbar-manage-items.topbar-manage-items-coupon {
    margin-bottom:8px
}
.topbar-manage-items .topbar-manage-cor {
    width:100%;
    margin:0 auto;
    height:100%;
    overflow:hidden;
    cursor:default
}
.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit {
    height:30px;
    line-height:30px;
    cursor:pointer
}
.topbar-manage-items .topbar-manage-cor-name {
    width:100%;
    display:inline-block;
    text-align:center;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    vertical-align:middle;
    font-size:16px;
    text-indent:19px;
    padding:0 4px 0 17px
}
.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit .topbar-manage-cor-name {
    width:148px;
    text-indent:19px;
    text-align:left;
    color:#333
}
.topbar-manage-items .topbar-manage-cor .topbar-manage-icon {
    display:none;
    vertical-align:middle;
    background-position:-124px 0;
    margin:0
}
.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit:hover .topbar-manage-icon {
    display:inline-block;
    background-position:-124px 0
}
.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit:hover .topbar-manage-icon:hover {
    background-position:-165px 0
}
.topbar-manage-items .staff {
    height:30px;
    line-height:30px;
    padding-left:20px;
    padding-right:0;
    text-align:left;
    color:#999;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:12px;
    padding-left:37px
}
.topbar-manage-items .topbar-manage-cor-staff {
    width:100%;
    display:block;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor:default
}
.topbar-manage-items:first-child {
    padding:8px 0;
    height:76px;
    border-bottom:1px solid #ecf2f8
}
.topbar-manage-items:last-child {
    height:56px;
    padding:8px 0;
    border-top:1px solid #ecf2f8
}
.topbar-manage-items:nth-child(2) {
    border:0
}
.topbar-manage-items-manage:hover, .topbar-manage-items-order:hover, .topbar-manage-items-coupon:hover {
    color:#0082ff
}
.topbar-manage-items .topbar_text {
    display:inline-block;
    height:40px;
    line-height:40px;
    min-width:72px;
    color:#333
}
.topbar-manage-items .topbar_text:hover {
    color:#0076fe
}
.topbar-manage-items .topbar_count {
    display:inline-block;
    color:#0082ff;
    margin-left:8px
}
.topbar-manage-icon {
    display:inline-table;
    width:18px;
    height:18px;
    margin:0 10px 0 37px;
    vertical-align:middle
}
.topbar-manage-icon {
    background-image:url(../image/topbar_icon.png?v=201906171116);
    background-repeat:no-repeat
}
.topbar-manage-items-manage .topbar-manage-icon {
    background-position:0 0
}
.topbar-manage-items-set .topbar-manage-icon {
    background-position:0 -39px
}
.topbar-manage-items-order .topbar-manage-icon {
    background-position:0 -120px
}
.topbar-manage-items-coupon .topbar-manage-icon {
    background-position:0 -80px
}
.topbar-manage-items-loginout .topbar-manage-icon {
    background-position:-443px -170px
}
.topbar-manage-items:hover .topbar-manage-icon {
    background-position-x:-61px
}
.topbar-manage-items .topbar-manage-cor .topbar-manage-icon:hover {
    background-position-x:-124px
}
.topbar-manage-list .topbar-manage-items:hover .topbar_text {
    color:#0076fe
}
.topbar-manage-items-loginout .topbar-manage-items-left, .topbar-manage-items-loginout .topbar-manage-items-right {
    float:left;
    height:40px;
    line-height:40px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align:center;
    margin-left:36px;
    position:relative
}
.topbar-manage-items-right .quit-icon {
    display:inline-block;
    position:absolute;
    top:10px;
    left:0;
    width:18px;
    height:18px;
    background-image:url(../image/topbar_icon.png?v=201906171116);
    background-position:0 -175px;
    background-repeat:no-repeat
}

.topbar-manage-items-loginout:hover .quit-icon {
    background-position:-61px -175px
}
.topbar-manage-items-loginout:hover .quit-text {
    color:#0076fe
}
.topbar-manage-items-right .quit-icon:hover {
    background-position:-61px -175px
}
.topbar-manage-items-right .quit-text {
    display:inline-block;
    height:40px;
    line-height:40px;
    margin-left:13px;
    font-size:14px;
    color:#333
}
.topbar-manage-items-right .quit-text:hover {
    color:#0076fe
}
.topbar-manage-items-loginout .topbar-manage-items-right:hover {
    color:#0082ff
}
.topbar-manage-items-loginout .topbar-manage-items-left {
    color:#4e4e4e;
    border-right:1px solid #ecf2f8;
    width:calc(100% - 80px)
}
.topbar-manage-items-loginout .topbar-manage-items-right {
    width:80px;
    color:#8a9baf
}
.f-topbar-right .panel-marketing-more:hover {
    color:#7b899d
}
.somelinks .bgbg .searchbo{background:#fff;margin-right:10px;margin-top:40px}
.Qi_list1{
    background: #fff url(/skin/image/xhxt.png) top center repeat-x;
    box-shadow: 0 2px 5px rgba(0,0,0,.05);
    padding: 36px 0;
}
.Qi_list1 ul{box-sizing:border-box;padding-bottom:8px}
.Qi_list1 ul.menu_l{border-right:2px solid #eaeaea;padding-right:15px;width:700px}
.Qi_list1 ul.menu_r{padding-left:15px}
.Qi_list1 ul.menu_r li{width: 77px;}
.Qi_list1 ul li{float:left;width:92px;transition:all .25s}
.Qi_list1 ul li:hover{transform:translate3d(0,-10px,0)}
.Qi_list1 ul li a{display:block}
.Qi_list1 ul li span{display:block;padding:6px 0;font-size:14px;color:#333;text-align:center;line-height:1}
.Qi_list1 ul li span i{display:inline-block;margin-top:-10px;width:80px;height:80px}
.Qi_list1 ul li._a1 span i{background-image:url(../image/albc1.png)}
.Qi_list1 ul{
    width: 1200px;
    margin: 0 auto;
}


.Qi_list1 ul li.品牌网站 span i{background-image:url(../image/albc2.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.品牌网站 span i{background-image:url(../image/albc9.png)}
.Qi_list1 ul li.电商网站 span i{background-image:url(../image/albc3.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.电商网站 span i{background-image:url(../image/albc10.png)}
.Qi_list1 ul li.营销网站 span i{background-image:url(../image/albc4.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.营销网站 span i{background-image:url(../image/albc11.png)}
.Qi_list1 ul li.企业官网 span i{background-image:url(../image/albc5.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.企业官网 span i{background-image:url(../image/albc12.png)}
.Qi_list1 ul li.行业门户 span i{background-image:url(../image/albc6.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.行业门户 span i{background-image:url(../image/albc13.png)}
.Qi_list1 ul li.外贸网站 span i{background-image:url(../image/albc7.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.外贸网站 span i{background-image:url(../image/albc14.png)}
.Qi_list1 ul li.APP开发 span i{background-image:url(../image/albc15.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.APP开发 span i{background-image:url(../image/albc20.png)}
.Qi_list1 ul li.响应式网站 span i{background-image:url(../image/albc16.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.响应式网站 span i{background-image:url(../image/albc21.png)}
.Qi_list1 ul li.微信 span i{background-image:url(../image/albc17.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.微信 span i{background-image:url(../image/albc22.png)}
.Qi_list1 ul li.小程序 span i{background-image:url(../image/albc201.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.小程序 span i{background-image:url(../image/albc202.png)}
.Qi_list1 ul li.手机网站 span i{background-image:url(../image/albc19.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.手机网站 span i{background-image:url(../image/albc24.png)}
.Qi_list1 ul li.H5单页 span i{background-image:url(../image/albc18.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on.H5单页 span i{background-image:url(../image/albc23.png)}



.Qi_list1 ul li._a2 span i{background-image:url(../image/albc2.png)}
.Qi_list1 ul li._a3 span i{background-image:url(../image/albc3.png)}
.Qi_list1 ul li._a4 span i{background-image:url(../image/albc4.png)}
.Qi_list1 ul li._a5 span i{background-image:url(../image/albc5.png)}
.Qi_list1 ul li._a6 span i{background-image:url(../image/albc6.png)}
.Qi_list1 ul li._a7 span i{background-image:url(../image/albc7.png)}
.Qi_list1 ul li._a8 span i{background-image:url(../image/albc15.png)}
.Qi_list1 ul li._a9 span i{background-image:url(../image/albc16.png)}
.Qi_list1 ul li._a10 span i{background-image:url(../image/albc17.png)}
.Qi_list1 ul li._a11 span i{background-image:url(../image/albc18.png)}
.Qi_list1 ul li._a12 span i{background-image:url(../image/albc19.png)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on._a1 span i{background-image:url(../image/albc8.png)}
.Qi_list1 ul li._a2:hover span i,.Qi_list1 ul li.on._a2 span i{background-image:url(../image/albc9.png)}
.Qi_list1 ul li._a3:hover span i,.Qi_list1 ul li.on._a3 span i{background-image:url(../image/albc10.png)}
.Qi_list1 ul li._a4:hover span i,.Qi_list1 ul li.on._a4 span i{background-image:url(../image/albc11.png)}
.Qi_list1 ul li._a5:hover span i,.Qi_list1 ul li.on._a5 span i{background-image:url(../image/albc12.png)}
.Qi_list1 ul li._a6:hover span i,.Qi_list1 ul li.on._a6 span i{background-image:url(../image/albc13.png)}
.Qi_list1 ul li._a7:hover span i,.Qi_list1 ul li.on._a7 span i{background-image:url(../image/albc14.png)}
.Qi_list1 ul li._a8:hover span i,.Qi_list1 ul li.on._a8 span i{background-image:url(../image/albc20.png)}
.Qi_list1 ul li._a9:hover span i,.Qi_list1 ul li.on._a9 span i{background-image:url(../image/albc21.png)}
.Qi_list1 ul li._a10:hover span i,.Qi_list1 ul li.on._a10 span i{background-image:url(../image/albc22.png)}
.Qi_list1 ul li._a11:hover span i,.Qi_list1 ul li.on._a11 span i{background-image:url(../image/albc23.png)}
.Qi_list1 ul li._a12:hover span i,.Qi_list1 ul li.on._a12 span i{background-image:url(../image/albc24.png)}
.Qi_list1 ul li a:hover span,.Qi_list1 ul li.on a span{color:#0095e2}
.Qi_list1 ul li.xiaochengxu span i{background-image:url(../image/albc201.png);}





div.hd-header {
    border-bottom:1px solid #e5e5e5;
    box-shadow:none;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0)
}
div.hd-header .fkw-topbar-box {
    min-width:1250px!important
}
div.hd-header .f-topbar-right .opPanel {
    margin-left:1px
}
div.hd-header #hd-logo {
    cursor:pointer
}
div.hd-header .nav-item {
    margin:0;
    padding:0 15px;
    cursor:auto;
    user-select:none
}
div.hd-header .nav-item .nav-link {
    display:inline;
    color:#333;
    font-size:16px;
    text-decoration:none;
    position:relative
}

div.hd-header .nav-item .nav-link.join-us:after {
    content:"";
    display:block;
    position:absolute;
    top:-11px;
    right:-17px;
    width:28px;
    height:18px;
    background:url(../image/joinUs.png) no-repeat
}
div.hd-header .nav-item .nav-link.nav-active {
    color:#4381fd
}
div.hd-header .nav-item .nav-icon {
    background:url(../image/icon/icon_sprites.png) no-repeat -10px -94px;
    width:7px;
    height:4px;
    display:inline-block;
    vertical-align:4px
}
div.hd-header .nav-item .nav-dropdown {
    position:fixed;
    z-index:10;
    left:0;
    right:0;
    top:70px;
    background:#fff;
    line-height:1.2;
    box-shadow:0 3px 8px 0 rgba(0, 0, 0, .1);
    cursor:auto;
    height:0;
    overflow:hidden;
    transition:height .3s ease-in-out;
    -webkit-transition:height .3s ease-in-out;
    -moz-transition:height .3s ease-in-out;
    -ms-transition:height .3s ease-in-out;
    -o-transition:height .3s ease-in-out
}
div.hd-header .nav-item .nav-dropdown .spacer {
    height:10px;
    display:block;
    width:100%;
    background:#57fff9;
    background:-o-linear-gradient(to left, #a661ff, #57fff9);
    background:-moz-linear-gradient(to left, #a661ff, #57fff9);
    background:-webkit-linear-gradient(to left, #a661ff, #57fff9);
    background:linear-gradient(to left, #a661ff, #57fff9)
}
div.hd-header .nav-item .nav-dropdown-list {
    margin:0 auto;
    overflow:hidden
}
div.hd-header .nav-item .nav-dropdown-item {
    display:block;
    overflow:hidden;
    float:left;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    box-sizing:border-box
}
div.hd-header .nav-item .nav-dropdown .nav-dropdown-active .nav-dropdown-text .nav-dropdown-title, div.hd-header .nav-item .nav-dropdown div.nav-dropdown-list .nav-dropdown-active, div.hd-header .nav-item .nav-link:hover, div.hd-header .nav-item.has-dropdown:hover .nav-link {
    color:#4381fd
}
div.hd-header .nav-item .nav-link.nav-active .nav-icon, div.hd-header .nav-item:hover .nav-icon {
    background-position:-37px -94px
}
div.hd-header .nav-item:hover .nav-dropdown {
    display:block;
    border-top:1px solid #e5e5e5
}
div.hd-header .nav-item:hover .nav-icon {
    background:url(../image/icon/topbar_icon_hover_1.png) no-repeat center!important
}
div.hd-header .nav-item:hover .nav-dropdown.soluction {
    height:310px
}



div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-list {
    width:1240px;
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-item {
    margin:1px 10px 0;
    width:150px;
    height:240px;
    padding:10px 10px;
    transition:background .1s ease-in-out;
    -webkit-transition:background .1s ease-in-out;
    -moz-transition:background .1s ease-in-out;
    -ms-transition:background .1s ease-in-out;
    -o-transition:background .1s ease-in-out
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-item:hover {
    background-color:#f8f8f8
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon {
    background-repeat:no-repeat;
    width:22px;
    height:22px;
    display:block;
    float:left;
    background-image:url(../image/icon/icon_sprites.png);
    background-repeat:no-repeat
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_gzhzf {
    background-position:-52px -10px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_mdyl {
    background-position:-52px -52px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_ppcb {
    background-position:-10px -52px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_dsyl {
    background-position:-10px -10px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_zhxc {
    background-position:-94px -52px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-icon.topbar_icon_hyfs {
    background-position:-94px -10px
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-text {
    margin-left:31px;
    display:block
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-title {
    display:block;
    color:#535353;
    margin-bottom:7px;
	color: #666;
    font-size: 18px;
    font-weight: 700;
}
div.hd-header .nav-item .nav-dropdown.soluction .nav-dropdown-desc {
    display:block;
    font-size:14px;
    color:#898989
}
div.hd-header .nav-item:hover .nav-dropdown.more-service {
    height:199px
}
div.hd-header .nav-item .nav-dropdown.more-service .nav-dropdown-list {
    width:1240px;
    padding:63.5px 0
}
div.hd-header .nav-item .nav-dropdown.more-service .nav-dropdown-item {
    vertical-align:middle;
    margin:0 10px;
    width:135px;
    height:66px;
    line-height:66px;
    text-align:center;
    font-size:18px;
    color:#535353;
    transition:background .1s ease-in-out;
    -webkit-transition:background .1s ease-in-out;
    -moz-transition:background .1s ease-in-out;
    -ms-transition:background .1s ease-in-out;
    -o-transition:background .1s ease-in-out;
    position:relative
}
div.hd-header .nav-item .nav-dropdown.more-service .nav-dropdown-item:hover {
    background-color:#f8f8f8
}
div.hd-header .nav-item .nav-dropdown.more-service .nav-dropdown-dot {
    width:12px;
    height:12px;
    display:inline-block;
    margin-right:12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%
}
div.hd-header .nav-item:hover .nav-dropdown.characteristic {
    height:199px
}

div.hd-header .nav-item:hover .nav-dropdown.case {
    height:199px
}

div.hd-header .nav-item .nav-dropdown.characteristic .nav-dropdown-list {
    width:620px;
    padding:30px 0
}
div.hd-header .nav-item .nav-dropdown.characteristic .nav-dropdown-item {
    vertical-align:middle;
    margin:0 57.5px;
    width:195px;
    height:66px;
    line-height:66px;
    text-align:center;
    font-size:18px;
    color:#535353;
    transition:background .1s ease-in-out;
    -webkit-transition:background .1s ease-in-out;
    -moz-transition:background .1s ease-in-out;
    -ms-transition:background .1s ease-in-out;
    -o-transition:background .1s ease-in-out;
    position:relative
}
div.hd-header .nav-item .nav-dropdown.characteristic .nav-dropdown-item:hover {
    background-color:#f8f8f8
}
div.hd-header .nav-item .nav-dropdown.characteristic .nav-dropdown-dot {
    width:12px;
    height:12px;
    display:inline-block;
    margin-right:12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%
}
#previewActive {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    z-index:-1;
    display:none
}
/*------------------------------------通用通栏页头top70-------------------------------------------------*/
.top {
    height:0px;
    margin-top: 70px;
}

/*------------------------------------通用通栏页头top70-------------------------------------------------*/

.banner-tongyong {
    height:0px;
    background-size: cover;
    /* background-color: white; */
	margin-top: 70px;
}
/*------------------------------------新闻通栏-------------------------------------------------*/
.newsAd { background:#302c29 url(../image/201904031416.jpg) no-repeat center center; height: 200px; text-align: center;  margin-top: 70px;}
.newsAdImg {background:url(../image/headnews.png) no-repeat center 50px; height: 200px; }
/*------------------------------------关于我们通栏-------------------------------------------------*/
.aboutAd { background:#302c29 url(../image/pic-about.jpg) no-repeat center center; height: 200px; text-align: center;margin-top: 70px;}
.aboutAdImg {background:url(../image/headabout.png) no-repeat center 50px; height: 200px; }
/*------------------------------------精品案例通栏-------------------------------------------------*/
.fuwuAd { background:#302c29 url(../image/2019050615191.jpg) no-repeat center center; height: 200px; text-align: center;margin-top: 70px;}
.fuwuAdImg {background:url(../image/headcase.png) no-repeat center 50px; height: 200px; }
/*------------------------------------解决方案通栏-------------------------------------------------*/
.fuwuAd { background:#302c29 url(../image/2019050615191.jpg) no-repeat center center; height: 200px; text-align: center;margin-top: 70px;}
.fuwuAdImg {background:url(../image/headsolve.png) no-repeat center 50px; height: 200px; }
/*------------------------------------服务产品通栏-------------------------------------------------*/
.fuwuAd { background:#302c29 url(../image/2019050615191.jpg) no-repeat center center; height: 200px; text-align: center;margin-top: 70px;}
.fuwuAdImg {background:url(../image/headservice.png) no-repeat center 50px; height: 200px; }
/*------------------------------------服务产品通栏-------------------------------------------------*/
.banner-fuwu {
    height: 200px;
    color: #fff;
    background: url(../image/case_banner.jpg) no-repeat 50% 50%;
    background-size: cover;
    /* background-color: white; */
	margin-top: 70px;
}
.banner-fuwu .title {
    margin-top: 66px;
    line-height: 42px;
    border: 3px solid #fff;
    display: inline-block;
    font-size: 24px;
    padding: 0 20px;
}
.banner-fuwu .desc {
    margin-top: 15px;
    font-size: 18px;
}

/*---------------案例通栏----------------------------*/
.banner_news{height:106px;background:url(/skin/image/banner_case.jpg) center top no-repeat}
/*模板 样式 start*/
.tem_banner{ width:100%; height:350px; background:url(/skin/image/tem_banner.jpg) no-repeat center; text-align:center;}
.tem_banner p{ color:#fff; font-size:50px; line-height:50px; padding-top:130px;}
.tem_banner span{ color:#fff; font-size:15px; line-height:15px; padding:15px 0 30px 0; display:block}
.tem_banner_a{ width:510px; margin:0 auto;}
.tem_banner a{ width:128px; height:36px; line-height:36px; color:#fff; text-align:center; display:block; font-size:13px; border:2px solid #fff; text-indent:30px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:2px;  float:left; margin:0 19px;}
.tem_banner a:hover{border-color:#22c3a7; color:#fff}
.tem_banner a.a_o{ background:url(/skin/image/tem_1.png) no-repeat 20px center;}
.tem_banner a.a_o:hover{background:url(/skin/image/tem_1.png) no-repeat 20px center #22c3a7;}
.tem_banner a.a_o.on{background:url(/skin/image/tem_1.png) no-repeat 20px center #22c3a7; border-color:#22c3a7; color:#fff}
.tem_banner a.a_t{ background:url(/skin/image/tem_2.png) no-repeat 25px center;}
.tem_banner a.a_t:hover{background:url(/skin/image/tem_2.png) no-repeat 25px center #22c3a7;}
.tem_banner a.a_t.on{background:url(/skin/image/tem_2.png) no-repeat 25px center #22c3a7; border-color:#22c3a7; color:#fff}
.tem_banner a.a_s{ background:url(/skin/image/tem_3.png) no-repeat 25px center;}
.tem_banner a.a_s:hover{background:url(/skin/image/tem_3.png) no-repeat 25px center #22c3a7;}
.tem_banner a.a_s.on{background:url(/skin/image/tem_3.png) no-repeat 25px center #22c3a7; border-color:#22c3a7; color:#fff}

.box {
    margin: 0 auto;
    padding: 0 auto;
    width: 1170px
}
.hr {
    clear: both;
    height: 1px;
    background: url(/skin/image/point.gif) left top repeat-x
}