.ripple-enter-active[data-v-c0e930a2], .ripple-leave-active[data-v-c0e930a2] { -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform .45s cubic-bezier(.23, 1, .32, 1); transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform .45s cubic-bezier(.23, 1, .32, 1); transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform .45s cubic-bezier(.23, 1, .32, 1); transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform .45s cubic-bezier(.23, 1, .32, 1), -webkit-transform .45s cubic-bezier(.23, 1, .32, 1) }
.ripple-leave-to[data-v-c0e930a2] { opacity: 0 !important }
.ripple-enter[data-v-c0e930a2] { -webkit-transform: scale(0); transform: scale(0) }
.jl-ripple[data-v-c0e930a2], .ripple[data-v-c0e930a2] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden }
.ripple[data-v-c0e930a2] { background-color: #eee; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-clip: padding-box; border-radius: 50%; opacity: .1 }
.the-header[data-v-180d348e] { position: fixed; width: 100%; left: 0; top: 0; z-index: 1999; background-color: #fff; height: 0; line-height: 60px; -webkit-animation: silde-in-data-v-180d348e .6s cubic-bezier(.22, .58, .12, .98) 1.2s forwards; animation: silde-in-data-v-180d348e .6s cubic-bezier(.22, .58, .12, .98) 1.2s forwards; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .6s ease-in-out; transition: .6s ease-in-out }
.the-header ul[data-v-180d348e] { display: inline-block; vertical-align: middle; padding-left: 57px }

.the-header ul[data-v-180d348e] a:first-child {
    margin-right: 70px;
}
.the-header ul li[data-v-180d348e] {display: inline-block;padding: 0 23px;color: #666;font-size: 16px;cursor: pointer;position: relative;}
.the-header .active[data-v-180d348e] { position: relative; color: #1165ff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.the-header .header-content[data-v-180d348e] { width: 1200px; margin: 0 auto; position: relative; opacity: 0; -webkit-animation: easy-in-data-v-180d348e .3s ease-in-out 1.5s forwards; animation: easy-in-data-v-180d348e .3s ease-in-out 1.5s forwards }
.the-header .logo[data-v-180d348e] { display: inline-block; vertical-align: top; margin-top: 10px; width: 140px }
.the-header .opr-btn[data-v-180d348e] { position: absolute; right: 0; top: 0 }
.the-header .opr-btn button[data-v-180d348e] { outline: none; border: none; width: 70px; height: 30px; line-height: 30px; background-color: #fff; font-size: 14px; color: #666; vertical-align: middle; cursor: pointer }
.the-header .opr-btn .bright[data-v-180d348e] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff6242), to(#ff7b26)); background-image: linear-gradient(90deg, #ff6242 0, #ff7b26); background-repeat: repeat-x; color: #fff; border-radius: 4px }
.active-shadow[data-v-180d348e] { -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1) }
@-webkit-keyframes silde-in-data-v-180d348e {
    0% { height: 0 }
    to { height: 60px }
}
@keyframes silde-in-data-v-180d348e {
    0% { height: 0 }
    to { height: 60px }
}
@-webkit-keyframes easy-in-data-v-180d348e {
    0% { opacity: 0 }
    to { opacity: 1 }
}
@keyframes easy-in-data-v-180d348e {
    0% { opacity: 0 }
    to { opacity: 1 }
}
.colourful-bg[data-v-5c94badb], .float-nav li .icon-bg[data-v-5c94badb], .float-nav li[data-v-5c94badb] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffc530), to(#ff5d76)); background-image: linear-gradient(90deg, #ffc530 0, #ff5d76); background-repeat: repeat-x }
.float-nav[data-v-5c94badb] { position: fixed; right: 20px; z-index: 1999; top: calc(50% - 160px); text-align: right; width: 50px }
.float-nav li[data-v-5c94badb] { color: #fff; width: 50px; height: 50px; line-height: 50px; margin-bottom: 10px; padding-right: 25px; border-radius: 50px; position: relative; display: block; cursor: pointer; overflow: hidden; float: right }
.float-nav li h4[data-v-5c94badb] { text-align: right; font-size: 23px }
.float-nav li .icon-bg[data-v-5c94badb] { width: 50px; height: 50px; line-height: 48px; border-radius: 50%; left: 0; top: 0; text-align: center; position: absolute }
.float-nav li .icon-bg i[data-v-5c94badb] { font-size: 25px }
.float-nav li .img-label[data-v-5c94badb] { position: absolute; top: 0; left: -160px; width: 150px; display: none; height: 150px; padding: 15px; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); -webkit-animation: break-in-data-v-5c94badb .3s ease-in-out; animation: break-in-data-v-5c94badb .3s ease-in-out }
.float-nav li .img-label img[data-v-5c94badb] { width: 120px }
.float-nav li[data-v-5c94badb]:first-child { -webkit-animation: btn-in-data-v-5c94badb .5s ease-in-out forwards; animation: btn-in-data-v-5c94badb .5s ease-in-out forwards }
.float-nav li[data-v-5c94badb]:nth-child(2) { -webkit-animation: btn-in-data-v-5c94badb .5s ease-in-out .5s forwards; animation: btn-in-data-v-5c94badb .5s ease-in-out .5s forwards }
.float-nav li[data-v-5c94badb]:nth-child(3) { -webkit-animation: btn-in-data-v-5c94badb .5s ease-in-out 1s forwards; animation: btn-in-data-v-5c94badb .5s ease-in-out 1s forwards }
.float-nav li[data-v-5c94badb]:nth-child(4) { -webkit-animation: btn-in-data-v-5c94badb .5s ease-in-out 1.5s forwards; animation: btn-in-data-v-5c94badb .5s ease-in-out 1.5s forwards }
.float-nav li[data-v-5c94badb]:hover { opacity: .95; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1) }
.float-nav li:hover .img-label[data-v-5c94badb] { display: block }
.nav-content[data-v-5c94badb] { overflow: hidden }
.icon-yonghu4[data-v-5c94badb] { font-weight: 700; font-size: 23px !important }
.to-top[data-v-5c94badb] { position: fixed; right: 20px; bottom: 5%; z-index: 1999; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .5); text-align: center; line-height: 40px; cursor: pointer; opacity: 0; -webkit-animation: break-in-data-v-5c94badb .5s ease-in-out 2s forwards; animation: break-in-data-v-5c94badb .5s ease-in-out 2s forwards }
.to-top i[data-v-5c94badb] { font-size: 25px; color: #fff }
a[data-v-5c94badb] { color: #fff }
@-webkit-keyframes btn-in-data-v-5c94badb {
    0% { width: 50px }
    to { width: 180px }
}
@keyframes btn-in-data-v-5c94badb {
    0% { width: 50px }
    to { width: 180px }
}
@-webkit-keyframes break-in-data-v-5c94badb {
    0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: .2 }
    to { opacity: 1 }
}
@keyframes break-in-data-v-5c94badb {
    0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: .2 }
    to { opacity: 1 }
}
.case-swipe[data-v-6ec095de] { width: 1200px; margin: 60px auto 0 }
.case-swipe .swipe-container[data-v-6ec095de] { position: relative; height: 550px; width: 100%; overflow: hidden }
.case-swipe .swipe-item[data-v-6ec095de] { width: 830px; height: 550px; display: inline-block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 0; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out }
.case-swipe .swipe-item img[data-v-6ec095de] { display: block }
.case-swipe .swipe-item .is-black[data-v-6ec095de] { width: 100%; height: 100%; position: absolute; left: 0; right: 0; border-radius: 10px; background-color: rgba(0, 0, 0, .5) }
.case-swipe .active[data-v-6ec095de], .case-swipe button[data-v-6ec095de] { -webkit-box-shadow: 0 3px 32px 8px rgba(32, 110, 225, .05); box-shadow: 0 3px 32px 8px rgba(32, 110, 225, .05) }
.case-swipe button[data-v-6ec095de] { width: 66px; height: 66px; border: none; outline: none; position: absolute; border-radius: 50%; top: calc(50% - 33px); z-index: 3; background-color: #fff; overflow: hidden; cursor: pointer }
.case-swipe button i[data-v-6ec095de] { color: #666; font-size: 40px }
.case-swipe .next-btn[data-v-6ec095de] { right: 70px }
.case-swipe .back-btn[data-v-6ec095de] { left: 70px }
.bottom[data-v-2bd07feb] { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999 }
.bottom>div[data-v-2bd07feb] { width: 1200px; margin: 0 auto; position: relative }
.bottom>div button[data-v-2bd07feb], .bottom>div h2[data-v-2bd07feb] { display: inline-block; vertical-align: middle }
.bottom>div h2[data-v-2bd07feb] { line-height: 120px; height: 120px; font-size: 50px; color: #fff601; margin-left: 380px }
.bottom>div button[data-v-2bd07feb] { border: none; outline: none; margin-left: 20px; width: 160px; height: 40px; font-size: 22px; font-weight: 700; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffc530), to(#ff5d76)); background-image: linear-gradient(90deg, #ffc530 0, #ff5d76); background-repeat: repeat-x; color: #fff; cursor: pointer; border-radius: 100px }
.bottom>div i[data-v-2bd07feb] { position: absolute; right: 70px; top: 0; color: #fff; cursor: pointer; font-size: 20px }
.b-bg[data-v-2bd07feb] { width: 1920px; position: absolute; bottom: 0; left: 50%; margin-left: -960px; z-index: -1 }
.bottom-bar-enter-active[data-v-2bd07feb], .bottom-bar-leave-active[data-v-2bd07feb] { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out }
.bottom-bar-enter[data-v-2bd07feb], .bottom-bar-leave-to[data-v-2bd07feb] { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) }

#index_news{
    background: #fff;
    height: 990px;
    overflow: hidden;
    margin-bottom: 30px;
}

#index_news * {
    color: #333;
}

#index_news .content-part {
    height: auto;
}

#index_news .seller-case h3[data-v-ceb56b46]:before {
    background: #333;
}
#index_news ul{
    width: 1300px;
    overflow: hidden;
}
#index_news li{
    width: 285px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}
#index_news .a_img{}
#index_news .a_img img{}
#index_news .sinfo{
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}
#index_news .w1200{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    /* background: red; */
    padding-top: 50px;
    padding-bottom: 120px;
}
#index_news .in{
    padding: 20px;
    background: #f6f6f6;
    height: 170px;
}
#index_news .a_txt{
    font-size: 16px;
    font-weight: bold;
}
#temp1121:before{background-color:#333 !important }
.body_news{}
.body_news .infotime{
    display: block;
    font-size: 14px;
    color: #666 !important;
    line-height: 60px;
}
.body_news .info_title{
    text-align: center;
}
.body_news .info_title h1{
    text-align: center;
    float: none;
}
.body_news .info_previous_next_wrap{}
.body_news .info_previous_next_wrap .Previous{
    font-size: 16px;
}
.body_news .info_previous_next_wrap .Previous a{}
.body_news .info_previous_next_wrap .Previous b{}
.body_news .info_previous_next_wrap .Previous b {}
.body_news .info_previous_next_wrap .Next{
     font-size: 16px;
}
.body_news .info_previous_next_wrap .Next a{}
.body_news .info_previous_next_wrap  b{font-weight: 400;}
.body_news .info_previous_next_wrap .Next b {}
.body_news .info_content{
    font-size: 17px;
    line-height: 2.8;
}
@media (min-width:1921px) {
    body { max-width: 1950px; margin: 0 auto; padding: 0 15px; background: #fff }
    html { background: url(../images/bg_1920.png) repeat-y center top }
}