/*                          弹窗                           */
@media screen and (max-width:767px){#pop-ups{display:none;}}
@media screen and (min-width:768px){#pop-ups{display:block;}}
#pop-ups{z-index:999999;position:fixed;background: rgba(0,0,0,.4);min-width: 768px;min-height: 600px;width: 100%;height: 100%;padding: 0;margin: 0;}
.pop-ups-cont{z-index:999999;position: absolute;width: 785px;height: 600px;border: 4px solid #516e8e;left: calc(50% - 397.5px);top: calc(50% - 300px);}
.close-btn{border:1px solid #516e8e;cursor:pointer;width: 30px;height: 30px;position: absolute;top: -15px;right: -15px;border-radius: 50%;}
.pop-ups-content{width: 100%;background:#FFF;height: 100%;color: #000;font-family: 微软雅黑;overflow-y: auto;overflow-x: auto;}
/*                           END                           */
/*                          LiveChat                       */
*{padding:0;margin:0;list-style-type:none}
.Suspension{right:0;top:55%;width:60px;z-index:999999999;position:fixed}
.Suspension li{margin-bottom:15px;border:1px solid #9e9e9e;height:110px;color:#fff;overflow:hidden;float:right;cursor:pointer;background:#537194;border-radius:10px 0 0 10px}
.Suspension li:last-child{margin-bottom:0}
.Suspension li .suspension_li_div{width:58px;height:calc(100% - 20px);padding:10px 0 0px 0}
.weixin{width:60px;position:relative;-webkit-transition:all linear .2s;transition:all linear .5s}
.weixin:hover{width:170px}.bottom-520{bottom:-504px}
.donghua{animation:myfirst2 1s;-webkit-animation:myfirst2 1s}
.donghua3{animation:myfirst3 1s;-webkit-animation:myfirst3 1s}
.donghua4{animation:myfirst4 1s;-webkit-animation:myfirst4 1s}
.bottom-0{bottom:0;animation:myfirst 1s;-webkit-animation:myfirst 1s}
.LiveChat,.back_to_top{width:60px}
.block{display:block;animation:myfirst3 1s;-webkit-animation:myfirst3 1s}
.none{display:none;animation:myfirst4 1s;-webkit-animation:myfirst4 1s}
#LiveChat span.close{position: absolute;width: 45px;height: 45px;right:0;z-index: 99;background: rgba(0,0,0,0);line-height: 50px}
#LiveChat span.close:hover{background: rgba(0,0,0,.4)}
@media (min-width:768px){#LiveChat{position:fixed;right:60px;z-index:99999999;overflow:hidden;width:400px;height:500px;border-bottom:0;border-radius:6px 6px 0 0}}
@media (min-width:768px){#customer-chat-iframe{background:0 0;border:none;outline:0;display:block;bottom:-455px;right:50px;overflow:hidden;min-width:400px;min-height:344px;width:400px;height:500px;margin:0;padding:0}}
@media (max-width:767px){.Suspension,#LiveChat{display:none}}
@keyframes myfirst{0%{bottom:-520px}100%{bottom:0}} @-webkit-keyframes myfirst{0%{bottom:-520px}100%{bottom:0}}
@keyframes myfirst2{0%{bottom:0}100%{bottom:-520px}} @-webkit-keyframes myfirst2{0%{bottom:0}100%{bottom:-520px}}
@keyframes myfirst3{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes myfirst3{0%{opacity:0}100%{opacity:1}}
@keyframes myfirst4{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes myfirst4{0%{opacity:1}100%{opacity:0}}
/*                          END                           */
/*                         首页                           */
div.met-index-product.met-page.swiper-lazy{background-image:url('../image/122311748388321947.jpg');}
/*为什么选择HFGFX*/
ul.home-product-ul li:first-child,ul.home-product-ul li:first-child div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(2),ul.home-product-ul li:nth-child(2) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(3),ul.home-product-ul li:nth-child(3) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(4),ul.home-product-ul li:nth-child(4) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(5),ul.home-product-ul li:nth-child(5) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(6),ul.home-product-ul li:nth-child(6) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
ul.home-product-ul li:nth-child(7),ul.home-product-ul li:nth-child(7) div.ul-li-cont-bg{background-position:0 0;background-size:100% 100%;-webkit-background-size:100% 100%}
@media screen and (max-width:767px){

    .met-page .container .head{margin-top: 40px;text-align:center}
    .home-product-container{top:50%;overflow:hidden;padding:0;width:100%;height:85%;}
    div.met-index-product.met-page.swiper-lazy .container ul.home-product-ul{position:relative;overflow-y:scroll;margin-top:20px;width:100%;height:100%;white-space:nowrap}
    ul.home-product-ul li.product-ul-li{position:relative;float:left;display:inline-block;margin:0;width:100%;height:100%;outline:1px solid #eee;white-space:normal}
    ul.home-product-ul li p{width:100%;white-space:normal}
    ul.home-product-ul .slick-list,ul.home-product-ul .slick-track{height:100%}
    ul.home-product-ul li div.ul-li-title{position:absolute;bottom:0;display:none;width:100%;height:2.6em;background:rgba(0,0,0,.8);color:#fff;text-align:center;font-size:1.5em;line-height:2.6em}
    ul.home-product-ul li div.ul-li-cont{position:absolute;bottom:0;left:0;width:100%;height:50%;background:rgba(0,0,0,.6);color:#fff;opacity:1}
    ul.home-product-ul li:hover div.ul-li-title{display:none}
    ul.home-product-ul li.product-ul-li div.ul-li-cont p:first-child{margin-top:10%;height:2em;text-align:center;font-size:1.5em;line-height:2em}
    ul.home-product-ul li.product-ul-li div.ul-li-cont p{margin:auto;width:80%;height:1.5em;text-align:justify;font-size:1em;line-height:1.5em}
    ul.home-product-ul li:first-child div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-1-1.jpg)}
    ul.home-product-ul li:nth-child(2) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-2.png)}
    ul.home-product-ul li:nth-child(3) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-3.png)}
    ul.home-product-ul li:nth-child(4) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-4.png)}
    ul.home-product-ul li:nth-child(5) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-5.jpg)}
    ul.home-product-ul li:nth-child(6) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-6.png)}
    ul.home-product-ul li:nth-child(7) div.ul-li-cont-bg{width:100%;height:50%;background-image:url(/themes/image/home-product-7.png)}
    /*.product-news-ctrl.news-ctrl{display: block;}*/
}
.met-index-news .news-swiper .left i{color:#444;font-size:42px}
@media (min-width:768px){
    .mar-top{margin-top: 6%;}
    div.met-index-product.met-page.swiper-lazy .container ul.home-product-ul{margin:0;margin-top:24px;padding:0;width:100%;height:400px!important}
    ul.home-product-ul li{position:relative;float:left;margin-left:calc(79px / 3);width:calc((100% - 80px)/ 4)!important;height:calc(50% - 10px);border:1px solid #0a001f;cursor:pointer}
    ul.home-product-ul li:first-child{margin-left:0;height:100%}
    ul.home-product-ul .slick-list,ul.home-product-ul .slick-track{width:100%!important;height:100%}
    ul.home-product-ul li:nth-child(2),ul.home-product-ul li:nth-child(3),ul.home-product-ul li:nth-child(4){margin-bottom:20px}
    ul.home-product-ul li div.ul-li-title{position:absolute;bottom:0;width:100%;height:2.6em;background:rgba(0,0,0,.8);color:#fff;text-align:center;font-size:1.5em;line-height:2.6em}
    ul.home-product-ul li div.ul-li-cont{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;opacity:0}
    ul.home-product-ul li:hover div.ul-li-title{display:none}
    ul.home-product-ul li:hover div.ul-li-cont{opacity:1;transition:all 1s}
    ul.home-product-ul li.product-ul-li:first-child div.ul-li-cont p:first-child{margin-top:50%;height:2em;text-align:center;font-size:1.5em;line-height:2em}
    ul.home-product-ul li.product-ul-li div.ul-li-cont p:first-child{margin-top:10%;height:2em;text-align:center;font-size:1.5em;line-height:2em}
    ul.home-product-ul li.product-ul-li div.ul-li-cont p{margin:auto;width:80%;height:1.5em;text-align:justify;font-size:1em;line-height:1.5em}
    ul.home-product-ul li:first-child{background-image:url(/themes/image/home-product-1.png);-webkit-animation:fadeInLeft 1s .6s ease both}
    ul.home-product-ul li:nth-child(2){background-image:url(/themes/image/home-product-2.png);-webkit-animation:fadeInDown 1s .2s ease both}
    ul.home-product-ul li:nth-child(3){background-image:url(/themes/image/home-product-3.png);-webkit-animation:fadeInDown 1s .2s ease both}
    ul.home-product-ul li:nth-child(4){background-image:url(/themes/image/home-product-4.png);-webkit-animation:fadeInRight 1s .6s ease both}
    ul.home-product-ul li:nth-child(5){background-image:url(/themes/image/home-product-5.jpg);-webkit-animation:fadeInUp 1s .4s ease both}
    ul.home-product-ul li:nth-child(6){background-image:url(/themes/image/home-product-6.png);-webkit-animation:fadeInUp 1s .4s ease both}
    ul.home-product-ul li:nth-child(7){background-image:url(/themes/image/home-product-7.png);-webkit-animation:fadeInRight 1s .6s ease both}
    /*.product-news-ctrl.news-ctrl{display: none;}*/
}
/*
.product-news-ctrl.news-ctrl{width: 100%;overflow: hidden;margin-top:20px;height:42px}
.news-ctrl .news-ctrl-left, .news-ctrl .news-ctrl-right{float:left;width:50%;height:42px}
.news-ctrl .news-ctrl-left .left{float:right;width:42px;height:42px}
.news-ctrl .news-ctrl-right .right{float:left;width:42px;height:42px}
.news-ctrl .news-ctrl-left .left .icon,
.news-ctrl .news-ctrl-right .right .icon{width:42px;height:42px;color:#444;font-size:42px;line-height:42px;cursor:pointer;transition:all .6s ease}
.met-index-product .home-product-container .pe-angle-left,.partner-content .pe-angle-left{float:right;margin-right:10px;border:1px solid #ddd}
.met-index-product .home-product-container .pe-angle-right,.partner-content .pe-angle-right{float:left;margin-left:10px;border:1px solid #ddd}
*/

/*交易产品*/
@media screen and (max-width:767px){
    .partner-content.product-swiper{position:relative;height:calc(100% - 80px)!important;width:100%;padding:0 10px;font-size:14px;z-index:999;text-align:center;overflow:hidden}
    .partner-content.product-swiper .news-swiper{height:100%}
    ul.home-partner-ul{white-space:nowrap;height:100%;width:100%;margin-top:20px;overflow-y:hidden}
    ul.home-partner-ul li{margin:0 auto;width:100%;height:100%;background:rgba(255,255,255,.6);outline:1px solid #eee;position:relative;padding-left:10px;padding-right:10px;display:inline-block}
    ul.home-partner-ul .slick-list,ul.home-partner-ul .slick-track{height:100%}
    ul.home-partner-ul li div.ul-li-cont-2{opacity:0;height:100%;width:100%;position:absolute;bottom:0;left:0;color:#444;transition:all 1s cubic-bezier(.4,0,.2,1)}
    ul.home-partner-ul li img{transition:all 1s;margin-top:40px;width:100%}
    ul.home-partner-ul li p.ul-li-title2{display:none;text-align:center;border:1px solid #000;width:100px;margin:10px auto;transition:all 1s cubic-bezier(.4,0,.2,1);margin-top:10%}
    ul.home-partner-ul li:hover p.ul-li-title2{opacity:0;transition:all 1s;transform:translateY(500%);-ms-transform:translateY(500%);-webkit-transform:translateY(500%)}
    ul.home-partner-ul li div.ul-li-cont-2 p:first-child{text-align:center;font-size:20px}
    ul.home-partner-ul li div.ul-li-cont-2 p:nth-child(2){width:90%;margin:0 auto;text-align:justify;white-space:normal}
    ul.home-partner-ul li div.ul-li-cont-2{opacity:1;transform:translateY(10%);-ms-transform:translateY(10%);-webkit-transform:translateY(10%)}
    ul.home-partner-ul li .img1{transition:all 1s;transform:translateY(70%);-ms-transform:translateY(70%);-webkit-transform:translateY(70%)}
    ul.home-partner-ul li:hover{transition:all .5s;box-shadow:0 0 15px rgba(0,0,0,.3)}
}
@media (min-width:768px){
    ul.home-partner-ul{padding:4px;margin:0 auto;width:100%;height:100%;min-height:440px;margin-top:60px}
    ul.home-partner-ul li:first-child{margin-left:0}
    ul.home-partner-ul .slick-slider .slick-list{height:440px!important}
    ul.home-partner-ul li{margin:0 auto;border:4px;height:440px;cursor:pointer;width:calc((100% - 80px)/ 4)!important;float:left;margin-left:calc(79px / 3);background:rgba(255,255,255,.6);position:relative}
    ul.home-partner-ul li div.ul-li-cont-2{opacity:1;height:100%;width:100%;position:absolute;bottom:0;left:0;color:#444;transition:all 1s cubic-bezier(.4,0,.2,1)}
    ul.home-partner-ul li img{transition:all 1s;margin-top:40px;width:100%}
    ul.home-partner-ul li p.ul-li-title2{text-align:center;border:1px solid #000;width:100px;margin:10px auto;transition:all 1s cubic-bezier(.4,0,.2,1);margin-top:10%}
    ul.home-partner-ul li:hover p.ul-li-title2{opacity:0;transition:all 1s;transform:translateY(500%);-ms-transform:translateY(500%);-webkit-transform:translateY(500%)}
    ul.home-partner-ul li div.ul-li-cont-2{transition:all 1s;opacity:0}
    ul.home-partner-ul li div.ul-li-cont-2 p:first-child{text-align:center;font-size:20px}
    ul.home-partner-ul li div.ul-li-cont-2 p:nth-child(2){width:90%;margin:0 auto;text-align:justify}
    ul.home-partner-ul li:hover div.ul-li-cont-2{transition:all 1s;opacity:1;transform:translateY(10%);-ms-transform:translateY(10%);-webkit-transform:translateY(10%)}
    ul.home-partner-ul li:hover .img1{transition:all 1s;transform:translateY(70%);-ms-transform:translateY(70%);-webkit-transform:translateY(70%)}
    ul.home-partner-ul li:hover{transition:all .5s;box-shadow:0 0 15px rgba(0,0,0,.3)}
}
/*首页新增流动性*/
@media screen and (min-width: 1200px) {.fluidity_block{display: block;}}
@media (max-width: 1199px) {.fluidity_block{display: none;}}
.fluidity{width: 100%;position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;padding:15px;}
.fluidity .wrapper{left:0;overflow:hidden;width: 100%;height: 70px;}
.fluidity .wrapper li{float:left;list-style:none;text-align:center;height: 100%;margin: 0 30px;padding: 0 10px;}
.fluidity_list{height:100%;margin: 0 auto;background: url("../image/fluidity2.jpg")}
.list1 {width: 230px;background-position: -462px 2px;}
.list2 {width: 169px;background-position: -700px 2px;}
.list3 {width: 169px;background-position: -1193px 2px;}
.list4 {width: 89px;background-position: -900px 4px;}
.list5 {width: 169px;background-position: -1000px -2px;}
.list6 {width: 191px;background-position: -1382px 0;}
.list7 {width: 182px;background-position: -1596px 0;}
.list8 {width: 182px;background-position: -1778px 2px;}
.list9 {width: 150px;background-position: -1964px -1px;}