@charset "utf-8";
.crumbs{width: 100%; height: 320px;text-align: center;}
.crumbs.who{background: url(../images/who_bg.jpg)no-repeat top center;}
.crumbs.account{background: url(../images/account_bg.jpg)no-repeat top center;}
.crumbs.products{background: url(../images/products_bg.jpg)no-repeat top center;}
.crumbs.deposit{background: url(../images/deposit_bg.jpg)no-repeat top center;}
.crumbs.trading{background: url(../images/trading_bg.jpg)no-repeat top center;}
.crumbs.contact{background: url(../images/contact_bg.jpg)no-repeat top center;}
.crumbs h1{color: #fff; font-size: 48px; font-weight: normal; text-transform: uppercase; line-height: 48px; padding: 126px 0;}

.layour{background: #fff; padding: 64px 0;}
.who-ibox h2{ font-size: 20px; color: #2C2C2C;line-height: 28px; padding-bottom: 24px;}
.who-ibox p{font-size: 16px; line-height: 32px;}
.who-mlogo{ padding-top: 48px; overflow: hidden;}
.who-mlogo li{ display: inline-block; float: left; margin-right: 16px; }
.who-r{position: relative; display: inline-block;}
.who-r::before{content: ""; display: block; width: 64px; height: 64px; position: absolute; bottom: 0; left: -32px;background: #38b8ef;transition: all 0.3s;}
.who-r:hover::before{background: #034888;}
.who-r-m{display: none;}

.acc-txt{font-size: 16px; line-height: 32px;}
.acc-tab{ margin-top: 48px; }
.acc-tab ul{ width: 100%; display: flex; margin: 0 -8px;}
.acc-tab ul li{width: 50%; height: 64px; padding: 0 16px; margin: 0 8px; box-sizing: border-box; border: solid 1px #034888; line-height: 64px; font-size: 18px; font-weight: bold; color: #034888; cursor: pointer;transition: all 0.3s;}
.acc-tab ul li>i{ display: block; width: 40px; height: 40px; margin: 11px 0; float: right; }
i.i-user{background: url(../images/i-user-hover.png)no-repeat; background-size: 100% 100%;}
i.i-organ{background: url(../images/i-organ-hover.png)no-repeat; background-size: 100% 100%;}
.acc-tab ul li.active,.acc-tab ul li:hover{background: #034888; color: #fff;}
.acc-tab ul li.active>i.i-user,.acc-tab ul li:hover>i.i-user{background: url(../images/i-user.png)no-repeat; background-size: 100% 100%;}
.active>i.i-organ,.acc-tab ul li:hover>i.i-organ{background: url(../images/i-organ.png)no-repeat; background-size: 100% 100%;}
.acc-ibox .acc-con{ position: relative; margin-top: 32px; display: none;-webkit-animation: fadein .3s linear;  animation: fadein .3s linear;}
.acc-ibox .acc-con a.mor{position: absolute;  top: 0; right: 0; width: 200px; height: 200px; text-align: center; line-height: 200px; display: block;  text-transform: uppercase;padding-right: 20px;font-weight: bold; font-size: 14px; color: #fff; background: #034888;}
.acc-ibox .acc-con a.mor img{vertical-align: middle;}
.acc-ibox .acc-con .i-pic-m{display: none;}

.prod{background: #fff; padding: 0 0 64px 0;}
.friendly{ padding: 32px 0 0 60px; }
.friendly li{margin-bottom: 16px; font-size: 14px; color:#505050; }
.friendly li img{border: solid 1px #ececec; margin-right: 10px;}
.layour-m .trade{padding-top: 0;}

.fund-c{ border-bottom: solid 1px #E2E2E2; padding-bottom: 64px;  margin-bottom: 64px; }
.fund{ padding-right: 80px; }
.fund p{font-size: 14px; line-height: 22px; color:#505050;}
.a-btn{display: inline-block; margin-top: 32px; padding: 14px 24px;text-transform: uppercase;  background: #034888; font-size: 14px; color: #fff; }
.a-btn:hover{color: #fff;}
.fund p.p-m{display: none;}

.plat{background: #fff; padding: 0 0 64px 0;}
.plat_pic{text-align: center;}

.plat_tab{background: #F7F9FC; padding: 0 0 64px 0;}
.plat_tab .ptitle{ padding-bottom: 24px; }
.dis-table-m{display: none; padding: 0 13px;}

.contact-map{width: 100%; height: 400px; text-align:center; }
.us-pull{margin: 0 -5px;}
.us-pull li a{ display: block; text-align:center;  padding: 48px; background: #F7F9FC; margin: 0 5px; transition:all .3s;}
.us-pull li a i{display: block; width: 56px; height: 56px; border-radius: 50%; margin: 0 auto;}
.us-pull li a h3{font-size: 16px; padding: 16px 0 12px;}
.us-pull li a p{ height: 42px; color: #050505; font-size: 14px; }
.us-pull li:first-child a i{ background: url(../images/icon_01.png)no-repeat; background-size: 100% 100%; }
.us-pull li:nth-child(2) a i{ background: url(../images/icon_02.png)no-repeat; background-size: 100% 100%; }
.us-pull li:nth-child(3) a i{ background: url(../images/icon_03.png)no-repeat; background-size: 100% 100%; }
.us-pull li:last-child a i{ background: url(../images/icon_04.png)no-repeat; background-size: 100% 100%; }
.us-pull li a:hover{ background: #034888; color: #fff;}
.us-pull li a:hover p{color: #b3c8db}
.us-pull li:first-child a:hover i{ background: url(../images/icon_01_hover.png)no-repeat; background-size: 100% 100%; }
.us-pull li:nth-child(2) a:hover i{ background: url(../images/icon_02_hover.png)no-repeat; background-size: 100% 100%; }
.us-pull li:nth-child(3) a:hover i{ background: url(../images/icon_03_hover.png)no-repeat; background-size: 100% 100%; }
.us-pull li:last-child a:hover i{ background: url(../images/icon_04_hover.png)no-repeat; background-size: 100% 100%; }

.meta-head h2{font-size: 28px; color: #2C2C2C;padding: 24px 0;}
.meta-head p,.meta-con p{font-size: 16px; line-height: 24px;}
.meta-head p span.blue{color: #034888; font-weight: bold;}

.meta-con h2{ position: relative; margin: 48px 0 24px; padding-left: 16px; font-size: 16px;color: #034888; font-weight: bold; }
.meta-con h2::after{display: block; content: ''; position: absolute; top: 3px; height: 16px; left: 0; width: 4px; background: #034888;}
.meta-tag{ margin: 24px 0; }
.meta-tag a{display: inline-block; margin-right: 12px; background: #F7F9FC; font-size: 14px; padding: 6px 32px; transition:all .3s;}
.meta-tag a:hover{background: #034888; color: #fff;}

.meta-ul{margin-top: 24px;}
.meta-ul li{ position: relative; padding-left: 18px; font-size: 16px; line-height: 24px; }
.meta-ul li::after{ content: ""; position: absolute; top: 10px; left: 0; display: block; width: 6px; height: 6px; background: #034888; border-radius: 50%; }