/*body{overflow-x:hidden;width:100%}*/

.superNav{width:100%;background-color:rgba(0,0,0,0.6);height:80px;position:fixed;z-index:20;}

.superNav-inner{width:100%;margin-right:auto;margin-left:auto;position:relative;text-align:center}

.superNav-inner-header{position:absolute;left:15px;top:0;}

.superNav-inner-header-icon{display:none;}

.superNav-inner-nav li{display:inline-block;padding:0 16px;}

.superNav-inner-nav a{display:inline-block;line-height:76px;color:#fff;font-size:15px;padding:0px 16px;position:relative;height:80px;}

.superNav-inner-nav a:after{content:"";width:0;height:4px;position:absolute;left:50%;background:#F84639;bottom:0px;transform:translateX(-50%);transition:all 0.3s ease}

.superNav-inner-nav li.on a:after,.superNav-inner-nav a:hover:after{content:"";width:100%;}

.fullBanner{position:relative;margin-top:80px;}

.swiper-fullBg img{display:none;}

.swiper-fullBg{background-size:cover;background-position:center center;height:100%;position:absolute;width:100%;transform:scale(1.2);}

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

.fullBanner .swiper-slide-active .swiper-fullBg{animation:imageAnimation 6s linear 0s;}

@keyframes imageAnimation{

    0%{transform:scale(1);animation-timing-function:ease-in;}

    100%{transform:scale(1.2);animation-timing-function:ease-out;}

}

.fullBanner .swiper-pagination{bottom:50px;}

.fullBanner .swiper-pagination-bullet{border:1px solid #cccccc;background-color:transparent !important; height:16px;width:16px;opacity:1;transition:all 0.3s ease;border-radius:50%;}

.fullBanner .swiper-pagination-bullet-active{background:#ffae0d !important; border:1px solid #ffae0d;}

.headerUser{position:absolute;top:0px;right:15px;padding-top:24px;}

.huser_lg,.huser_lg:hover{float:left;height:32px;width:68px;margin-left:14px;text-align:center;border:1px solid #e84135;font-size:13px;line-height:30px;color:#FFFFFF;border-radius:0.2em;background:#e84135;}

.huser_reg{float:left;height:32px;width:68px;margin-left:14px;text-align:center;border:1px solid #898989;font-size:13px;line-height:30px;color:#898989;border-radius:0.2em;}

.huser_reg:hover{color:#FFF;background:#E84135;border:1px solid #E84135;}

.huser_lg i{font-size:16px;margin-right:5px;}

.hmBanBox{background:url(https://axfxmarkets.com/images/index_bannerbg.png) no-repeat center center;height:305px;width:672px;position:absolute;left:50%;top:50%;margin-top:-150px;margin-left:-336px;color:#FFF;text-align:center;overflow:hidden;}

.hmBan_t1{font-size:42px;line-height:92px;text-shadow:0 0 5px rgba(0,0,0,0.8);}

.hmBan_t2{font-size:21px;line-height:38px;}

.hmBan_t3{font:14px Arial;text-transform:uppercase;padding:0px 30px; line-height:25px;margin-top:22px;margin-bottom:22px;}

.hmBan_t4{height:32px;font:bold 22px/32px Arial; opacity: 0.5;}

.hmBan_t4 span{display:inline-block;position:relative;}

.hmBan_t4 span:before{content:"";background:#FFF;height:1px;width:135px;position:absolute;right:206px;top:50%;}

.hmBan_t4 span:after{content:"";background:#FFF;height:1px;width:135px;position:absolute;left:206px;top:50%;}

.hmCon1{padding-top:78px;padding-bottom:76px;}

.hmc1_t{text-align:center;font-size:30px;line-height:48px;color:#000;margin-bottom:18px;}

.hmc1_des{font-size:13px;line-height:24px;color:#777777;text-align:center;margin-bottom:50px;}

.hmc1Icon{height:100px;width:100px;border:3px solid #ef4841;text-align:center;line-height:94px;font-size:38px;color:#ef4841;margin:0px auto;border-radius:50%;transition:all 0.5s ease-in-out}

.hmc1Nm{font-size:16px;color:#222222;line-height:34px;margin-top:18px;text-align:center;display:block;}

.hmc1_changeBtn{margin:0 -60px;}

.hmc1_changeBtn li{margin-bottom:36px;cursor:pointer}

.hmc1_changeBtn li:hover .hmc1Icon{color:#FFF;background:#ef4841;transform:rotate(360deg);}

.hmc1Txt dd{padding:32px 50px 32px 166px;border:1px solid #BBBBBB;font-size:14px;line-height:28px;color:#777777;position:relative;}

.hmc1Num{color:#a7a7a7;text-align:center;font:12px/20px Georgia;position:absolute;top:50%;width:115px;left:30px;transform:translateY(-50%);text-transform:uppercase;}

.hmc1Num span{font-size:62px;line-height:52px;display:block;position:relative;top:-7px;}

.hmCon2{background:url(https://axfxmarkets.com/images/hmc2bg.jpg) no-repeat center top;padding:78px 0px 60px;background-size:cover;}

.hmCon2 .hmc1_t{color:#fff;}

.hmCon2 .hmc1_des{color:#aaaaaa;}

.hmc2_ul{margin:0px -10px 0px;text-align:center;}

.hmc2_ul li{padding:0px 10px;margin-bottom:20px;display:inline-block;width:20%;float:left}

.hmc2_aBox{display:block;}

.hmc2Icon{margin:0px auto;position:relative;height:100px;width:100px;border-radius:50%;overflow:hidden;transition:all 0.5s ease-in-out}

.hmc2Icon img{margin-top:-27px;margin-left:-27px;position:absolute;left:50%;top:50%;}

.hmc2Icon u{display:block;position:absolute;width:100px;height:100px;background:url(https://axfxmarkets.com/images/hmc3bor.png) no-repeat 0px 0px;transition:all .5s ease-in-out 0s;}

.hmc2_aBox u.cl{clip:rect(0px,100px,100px,50px);}

.hmc2_aBox u.cr{clip:rect(0px,50px,100px,0px);}

.hmc2_aBox:hover u.cl{clip:rect(0px,100px,-10px,50px);}

.hmc2_aBox:hover u.cr{clip:rect(100px,50px,100px,0px);}

.hmc2IconBox{background:rgba(239,72,65,0.88);padding:38px 0px;}

.hmc2TxtBox{background:rgba(255,255,255,0.88);padding:27px 20px 36px;}

.hmc2TxtBox strong{font-weight:normal;border-bottom:1px solid #D3D3D3;display:block;}

.hmc2TxtBox strong span{font-size:15px;line-height:22px;height:59px;overflow:hidden;display:block;color:#111111;padding:0px 0px 15px;}

.hmc2TxtBox p{margin:15px 0px 22px;padding:0px 10px;height:66px;overflow:hidden;font-size:12px;color:#888888;line-height:22px;}

.hmc2Btn{line-height:32px;text-align:center;height:34px;width:160px;display:inline-block;border:1px solid #EF4841;color:#EF4841;border-radius:1.6em;transition:all .5s ease-in-out 0s;}

.hmc2_aBox:hover .hmc2Btn{color:#FFF;background:#ef4841;}

.hmc2Icon i{height:100px;width:100px;position:absolute;transform:scale(0,0);background:rgba(255,255,255,0.2);transition:all .5s ease-in-out 0s;left:0;top:0;border-radius:50%;opacity:0}

.hmc2_aBox:hover i{transform:scale(1,1);opacity:1}

.hmc2_ul li:nth-child(2) .hmc2IconBox{background:rgba(250,175,24,0.88)}

.hmc2_ul li:nth-child(3) .hmc2IconBox{background:rgba(94,189,112,0.88)}

.hmc2_ul li:nth-child(4) .hmc2IconBox{background:rgba(210,171,102,0.88)}

.hmc2_ul li:nth-child(5) .hmc2IconBox{background:rgba(104,167,218,0.88)}

.hmc2_ul li:nth-child(2) .hmc2Btn{border:1px solid #FAAF18;color:#FAAF18;}

.hmc2_ul li:nth-child(2) .hmc2_aBox:hover .hmc2Btn{background:#FAAF18;color:#fff;}

.hmc2_ul li:nth-child(3) .hmc2Btn{border:1px solid #5EBD70;color:#5EBD70;}

.hmc2_ul li:nth-child(3) .hmc2_aBox:hover .hmc2Btn{background:#5EBD70;color:#fff;}

.hmc2_ul li:nth-child(4) .hmc2Btn{border:1px solid #D2AB66;color:#D2AB66;}

.hmc2_ul li:nth-child(4) .hmc2_aBox:hover .hmc2Btn{background:#D2AB66;color:#fff;}

.hmc2_ul li:nth-child(5) .hmc2Btn{border:1px solid #68A7DA;color:#68A7DA;}

.hmc2_ul li:nth-child(5) .hmc2_aBox:hover .hmc2Btn{background:#68A7DA;color:#fff;}

.hmCon3{padding-top:76px;padding-bottom:78px;}

.hmc3_ul{margin-bottom:18px;padding-top:15px;}

.hmc3_pBox .bgImg{position:absolute;left:3px;right:3px;top:3px;bottom:3px;border-radius:50%;transition:all 0.5s ease-in-out;}

.hmc3_pBox{height:162px;width:162px;margin:0px auto;cursor:pointer;padding:3px;border:1px solid #B8B8B8;position:relative;border-radius:50%;transition:all 0.5s ease-in-out;}

.hmc3_pBox:hover{transform:scale(1.3);border:1px solid #ef4841;}

.hmc3_ul li:hover{z-index:1;}

.hmc3_pBox:hover .bgImg{box-shadow:0 0 0 10px rgba(255,255,255,0.6) inset,0 1px 2px rgba(0,0,0,0.1);}

.hmc3DD strong{line-height:38px;margin-bottom:20px;font-weight:normal;color:#000000;display:block;font-size:18px;}

.hmc3DD p{font-size:15px;color:#7c7c7c;line-height:28px;}

.hmc3DD{text-align:center;}

.hmc3_ul li{margin-bottom:30px;}

.hmc3DT .bgImg{float:left;height:48px;width:48px;}

.hmCon4{background:url(https://axfxmarkets.com/images/hmc4bg.jpg) no-repeat center center;background-size:cover;padding-top:120px;padding-bottom:145px;}

.hmCon4 .hmc1_t{color:#ccc;}

.hmCon4 .hmc1_des{color:#aaaaaa;}

.hmc4Box{position:relative;font-size:14px;line-height:38px;color:#8e8e8e;padding:15px 0px 0px 666px;}

.hmc4BtnBox{margin-top:56px;}

.hmc4_aBtn{padding:0px 35px;line-height:38px;height:38px;font-size:14px;color:#FFF;background:#e94034;display:inline-block;position:relative;overflow:hidden;border-radius:1.6em;}

.hmc4_aBtn i{font-size:18px;margin-right:7px;}

.hmc4_aBtn:hover{background:#d63428;color:#FFF;}

.hmc4_aBtn:after{content:"";position:absolute;left:-60px;top:-29px;width:30px;height:100px;background:rgba(255,255,255,0.2);display:block;transition:none;transform:rotate(25deg)}

.hmc4_aBtn:hover:after{left:180px;transition:all 0.6s ease;}

.hmc4WxImg{padding:9px;height:148px;width:148px;background:#FFF;position:absolute;left:50%;bottom:66px;margin-left:-74px;opacity:0;transition:all 0.5s ease-in-out;transform:translateY(-30px)}

.hmc4_sBtn{display:inline-block;margin-right:10px;position:relative;height:38px;}

.hmc4_sBtn:hover{overflow:visible;}

.hmc4_sBtn:hover .hmc4WxImg{opacity:1;transform:translateY(0px)}

.hmCon5{overflow:hidden;width:100%;padding-top:78px;padding-bottom:60px;}

.hmCon6{background:url(https://axfxmarkets.com/images/hmc5bg.jpg) no-repeat center center;background-size:cover;}

.footerBox{background:#222222;color:#8d8d8d;}

.footerBox a{color:#8d8d8d;}

.footerBox a:hover{color:#B8B8B8;}

.footerInfo{line-height:26px;padding:40px 0px 52px;text-align:center;}

.footerInfo a{margin:0;padding:0 8px 0 5px;white-space:nowrap;border-right: 1px solid #8d8d8d;}

.footerInfo a:last-of-type{border:0;padding-right:0px;}

.footBox2{border-top:1px solid #444444;border-bottom:1px solid #444444;padding:30px 0px 12px;text-align:center;}

.footBox2 ul li{display:inline-block;text-align:left;}

.footAdr strong{line-height:42px;height:42px;font-size:14px;font-weight:bold;display:block;}

.footAdr p{font-size:12px;line-height:26px;}

.footAdr{margin-bottom:25px;}

.footAdr i{font-size:16px;margin-right:7px;}

.footAdr:nth-child(1){width:236px;}

.footAdr:nth-child(2){width:236px;}

.footAdr:nth-child(3){width:265px;}

.footAdr:nth-child(4){width:228px;}

.footAdr:nth-child(5){width:220px;}

.ftNm{font-size:16px;float:left;}

.footBox1{line-height:46px;padding:54px 0px 34px;}

.footLg .swiper-slide{width:auto!important;padding-left:10px;float:left;height:46px;}

.hmc6box{padding:130px 325px 140px 50px;position:relative;font-size:14px;line-height:28px;color:#dfdfdf;}

.hmc6box strong{font-size:28px;line-height:50px;margin-bottom:25px;display:block;font-weight:normal;color:#FFF;}

.hmBomIcon{position:absolute;top:50%;right:48px;transform:translateY(-50%);}

.hmRmenu{height:222px;width:34px;position:fixed;z-index:50;top:50%;right:10px;margin-top:-111px;}

.hmRmenu ul li{height:34px;width:34px;margin-bottom:3px;position:relative;}

.hmRmenu_a,.hmRmenu_a:hover{display:block;height:34px;background:rgba(0,0,0,0.35);color:#fff;font-size:15px;line-height:34px;border-radius:0.2em;position:absolute;top:0px;right:0px;white-space:nowrap;overflow:hidden}

.hmRmenu_a i{font-size:18px;width:34px;height:34px;text-align:center;line-height:34px;float:left}

.hmRmenu_a span{width:0;height:34px;overflow:hidden;display:inline-block;float:left;opacity:0;transition:all 0.5s ease-in-out}

.hmRmenu_a:hover span{opacity:1;}

.hmRemnu_btn{display:block;height:34px;background:rgba(0,0,0,0.35);color:#fff;font-size:15px;line-height:34px;border-radius:0.2em;position:relative;}

.hmRemnu_btn i{font-size:14px;width:34px;height:34px;text-align:center;line-height:34px;float:left}

.hmRemnu_btn img{border-radius:0.3em;overflow:hidden;position:absolute;right:44px;top:50%;margin-top:-65px;}

.hmc4ImgBox{width:480px;bottom:-125px;left:75px;position:absolute;}

.hmc4Img1{width:100%;height:410px;background:url(https://axfxmarkets.com/images/hmc4_img3.png) no-repeat center center;left:0px;bottom:0px;position:absolute;}

.hmc4Img2{background:url(https://axfxmarkets.com/images/hmc4_img2.png) no-repeat;height:285px;width:100%;position:absolute;left:0px;bottom:124px;transform:translateY(0px);opacity:0;transition:all 0.8s ease 0s;}

.hmc4Img3{background:url(https://axfxmarkets.com/images/hmc4_img1.png) no-repeat;height:280px;width:100%;position:absolute;left:0px;bottom:124px;transform:translateY(0px);opacity:0;transition:all 0.8s ease 0s;}

.on .hmc4Img2{transform:translateY(-46px);opacity:1;transition:all 0.8s ease 0s;}

.on .hmc4Img3{transform:translateY(-92px);opacity:1;transition:all 0.8s ease 0.05s;}

.hmc4ImgBox:hover .hmc4Img2{transform:translate(-30px,-56px);}

.hmc4ImgBox:hover .hmc4Img3{transform:translate(30px,-82px);}

.hmc5Dx{margin:10px 18px;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,0.15);border-radius:0.2em;transition:all 0.5s ease-in-out;padding:52px 70px 50px;text-align:center;}

.hmc5box{margin:0 -200px;padding-top:20px;}

.swiper-slide-active .hmc5Dx{transform:scale(0.8);transform-origin:right;opacity:0.6;}

.swiper-slide-next + .swiper-slide + .swiper-slide .hmc5Dx{transform:scale(0.8);transform-origin:left;opacity:0.6;}

.hmc5box .swiper-container{padding-bottom:66px;}

.hmc5box .swiper-pagination-bullet{border-radius:0;width:40px;height:3px;}

.hmc5box .swiper-pagination-bullet-active{background:#EF4841;}

.hmc5_aBox{display:block;}

.hmc5Dx .bgImg{margin:0px auto 5px;height:118px;width:118px;display:block;border-radius:50%;overflow:hidden;transition:all 0.5s ease-in-out;}

.hmc5_aBox strong{display:block;font-size:18px;line-height:66px;color:#111;}

.hmc5_aBox p{font-size:14px;line-height:26px;color:#8d8d8d;height:110px;}

.hmc5_aBox:hover .bgImg{box-shadow:0 0 0 10px rgba(255,255,255,0.6) inset,0 1px 2px rgba(0,0,0,0.1);transform:scale(1.15);}


@media (max-width:1500px){

    .superNav-inner-nav li{padding:0;}

    .superNav-inner-nav a{padding:0 15px;}

    .hmc1_changeBtn{margin-left:-15px;margin-right:-15px;}

}

@media (max-width:1199px){

    .superNav-inner-nav li{padding:0 5px;}

    .superNav-inner-nav a{padding:0 7px;}

    .hmc2_ul li{width:33%;float:none}

    .hmc4ImgBox{transform:scale(0.66);left:0;bottom:0;transform-origin:left;}

    .hmc4Box{padding-left:366px;}

    .hmc5Dx{padding:42px 40px 40px;}

}

@media (max-width:1200px){

    .logo{margin-left:0;}

    .superNav-inner-header{left:0;}

    .headerUser{display:none;}

    .superNav-inner{text-align:right;}

    .dsPadPhone,.dsPhone{display:block;}

    .hmUserFun{height:50px;line-height:50px;background:rgba(0,0,0,0.8);width:100%;left:0;bottom:0;position:fixed;z-index:20;text-align:center;}

    .huser_lg,.huser_lg:hover{display:inline-block;float:none;}

    .huser_reg{float:none;display:inline-block;}

}




#fullBanner{height:400px;}

.hmBan2_t1{font-size:35px;line-height:52px;padding-top:40px;}

.hmBan2_t1 span{font-size:45px; font-weight: bold;}

.hmBan3_t2{font-size:22px;line-height:32px;margin-bottom:2px;}

.hmBan3_t3{font:12px/20px Arial;text-transform:uppercase;margin-bottom:16px;padding:0px 75px;}

#tipsWrap{position:fixed;top:40%;width:100%;text-align:center}

#tips{display:inline-block;padding:5px 10px;max-width:500px;color:#f5f5f5;background-color:rgba(0,0,0,0.8);border-radius:3px}

.popWrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:99}

.popMask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,58,71,0.9)}

.popContent{margin:0 auto;position:relative;top:40%;width:50%;max-width:560px;min-width:290px;background:#fff;text-align:center}

.popClose{position:absolute;top:0;right:0;cursor:pointer}

.clearDiv{clear:both}

.touch-box{cursor:pointer}

/*banner*/

#banner{position:relative;width:100%;height:400px;background-repeat: no-repeat;background-position: center;background-size:cover;color:#f5f5f5;}

#banner h2{padding-bottom:15px;font-size:55px;line-height:1.8em;}

#banner p{font-size:28px;line-height:1.6em;}

/*loading*/

#example{position:fixed;top:30%;left:50%;border-radius:5px;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:rgba(0,0,0,0.4);background-image:url(https://axfxmarkets.com/images/loading.gif);background-repeat:no-repeat;background-position:center;  z-index: 9999;}

.header .nav {
    width: 800px !important;
    margin: 0 auto;
}