@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:Georgia, "Times New Roman", Times, serif, Arial,"Microsoft YaHei","微软雅黑", sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}

/*header*/
@media screen and (min-width:1200px){
.headers{ width:100%; z-index:9999; position:fixed; top:0; left:0; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:10px 0;}
.headers.cur{ background-color:#fff; padding:0;}
.headers .box{ width:1200px; margin:auto;}
.headers .box .logo{ height:40px; margin:10px 0; float:left;}
.headers .box .logo img{ display:block; height:40px;}
.headers .box .logo .img02{ display:none;}
.headers.cur .box .logo .img01{ display:none;}
.headers.cur .box .logo .img02{ display:block;}
.headers .box .nav{ height:60px;}
.headers .box .nav>li{ display:block; float:left; position:relative; height:60px;}
.headers .box .nav>li>a{ padding:0 20px; font-size:14px; height:60px; line-height:60px; display:block; color:#fff; position:relative; cursor:pointer;}
.headers.cur .box .nav>li>a{ color:#333;}
.headers .box .nav>li:hover>a{ color:#e6ab43;}
.headers .box .nav>li>a::before{ position:absolute; top:50%; left:0; display:inline-block; width:0; height:1px; content:""; transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform:translateY(-2px); opacity:0; background:rgba(255, 255, 255, 0.7);}
.headers .box .nav>li:hover>a::before{ width:10px; content:""; opacity:1;}
.headers .box .nav>li>a::after{ position:absolute; top:50%; right:0; display:inline-block; width:0; height:1px; content:""; transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform:translateY(-2px); opacity:0; background:rgba(255, 255, 255, 0.7);}
.headers .box .nav>li:hover>a::after{ width:10px; opacity:1;}
.headers .box .nav>li>ul{ width:200px; display:none; position:absolute; left:50%; margin-left:-100px; top:60px; background-color:#fff; border-top:2px solid #e6ab43; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; text-align:center;}
.headers .box .nav>li:hover>ul{ opacity:1; display:block;}
.headers .box .nav>li>ul li{ width:100%; position:relative; height:40px; display:block; text-align:left;}
.headers .box .nav>li>ul li a{ padding:0 10px; height:40px; line-height:40px; display:block; overflow:hidden; font-size:12px; position:relative;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;}
.headers .box .nav>li>ul li a:hover{ background-color:#f7f7f7; color:#e6ab43; padding-left:25px;}
.menu{ display:none;}
}
@media only screen and (max-width:1199px){
.headers{ width:100%; position:fixed; top:0; left:0; height:60px; z-index:9999;}
.headers.cur{ background-color:#fff;}
.headers .box{ width:94%; margin:auto; height:60px; position:relative;}
.headers .box .logo{ height:40px; margin:10px 0; float:left;}
.headers .box .logo img{ display:block; height:40px;}
.headers .box .logo .img02{ display:none;}
.headers.cur .box .logo .img01{ display:none;}
.headers.cur .box .logo .img02{ display:block;}
.headers .box .nav{ display:none;}

.nav_btn{ width:30px; height:30px; float:right; margin:15px 0; background-image:url(../images/navh.png); background-position:center; background-repeat:no-repeat;}
.nav_btn.active{ background-image:url(../images/nav01h.png);}
.headers.cur .nav_btn{ background-image:url(../images/nav.png);}
.headers.cur .nav_btn.active{ background-image:url(../images/nav01.png);}
.menu{ width:100%; height:100%; position:fixed; left:0; top:0; opacity:0; z-index:-1;}
.menu.active{ opacity:1; z-index:999;}
.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7); padding-top:60px;}
.sliding-menu ul{ float:left; border-top:1px solid rgba(255,255,255,0.3); overflow:hidden;}
.sliding-menu ul li{ display:block; overflow:hidden; padding:7px 15px;}
.sliding-menu a{ display:block; color:#fff; line-height:24px; font-size:14px; background-repeat:no-repeat;}
.sliding-menu a.nav{ background-image:url(../images/nr.png); background-position:right center;}
.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:15px center; padding:7px 30px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .btn{ width:400px; position:absolute; left:50%; margin-left:-200px; bottom:30px; z-index:1;}
.banner .btn .prev{ font-size:16px; line-height:20px; height:20px; color:#fff; display:block; float:left; width:80px; text-transform:uppercase;}
.banner .btn .next{ font-size:16px; line-height:20px; height:20px; color:#fff; display:block; float:left; width:80px; text-align:right; text-transform:uppercase;}
.banner .hd{ width:240px; float:left; height:1px; background-color:rgba(255,255,255,0.3); margin-top:9px;}
.banner .hd li{ width:80px; height:3px; display:block; margin-top:-1px; float:left; cursor:pointer; position:relative;}
.banner .hd li a{ display:block; width:0; height:3px; background-color:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .hd li.on a{ width:100%;}
.banner .bd{ width:100%; height:100% !important; display:block; position:absolute !important; left:0; top:0; overflow:hidden; z-index:0;}
.banner .bd ul{ width:100% !important; height:100% !important; display:block; overflow:hidden;}
.banner .bd li{ width:100%; height:100% !important; display:block; overflow:hidden;}
.banner .bd li a{ width:100%; height:100% !important; display:block; overflow:hidden; position:relative;}
.banner .bd li a img{ width:100%; display:block;}
}
@media only screen and (max-width:1279px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .btn{ width:200px; position:absolute; left:50%; margin-left:-100px; bottom:10px; z-index:1;}
.banner .btn .prev{ font-size:14px; line-height:20px; height:20px; color:#fff; display:block; float:left; width:55px; text-transform:uppercase;}
.banner .btn .next{ font-size:14px; line-height:20px; height:20px; color:#fff; display:block; float:left; width:55px; text-align:right; text-transform:uppercase;}
.banner .hd{ width:90px; float:left; height:1px; background-color:rgba(255,255,255,0.3); margin-top:10px;}
.banner .hd li{ width:30px; height:2px; display:block; margin-top:-0.5px; float:left; cursor:pointer; position:relative;}
.banner .hd li a{ display:block; width:0; height:2px; background-color:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .hd li.on a{ width:100%;}
.banner .bd{ width:100%; height:100% !important; display:block; position:absolute !important; left:0; top:0; overflow:hidden; z-index:0;}
.banner .bd ul{ width:100% !important; height:100% !important; display:block; overflow:hidden;}
.banner .bd li{ width:100%; height:100% !important; display:block; overflow:hidden;}
.banner .bd li a{ width:100%; height:100% !important; display:block; overflow:hidden; position:relative;}
.banner .bd li a img{ width:100%; display:block;}
}

/*我们的优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; height:100%; position:relative; background-color:#fff;}
.ybox .cont{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .cont .title{ width:100%;}
.ybox .cont .title p{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold;}
.ybox .cont .title span{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.ybox .cont .box{ width:1230px; display:block; overflow:hidden; margin-left:-15px;}
.ybox .cont .box .bd{ width:100%; display:block; overflow:hidden; padding:7vh 0;}
.ybox .cont .box .bd li{ display:block; width:100%; overflow:hidden;}
.ybox .cont .box .bd .item{ width:380px; margin:0 15px; float:left;}
.ybox .cont .box .bd .item .tu{ width:100%;}
.ybox .cont .box .bd .item .tu img{ width:100%; display:block;}
.ybox .cont .box .bd .item .wen{ margin-top:15px; position:relative;}
.ybox .cont .box .bd .item .wen p{ display:block; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .cont .box .bd .item .wen p span{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.ybox .cont .box .bd .item .wen p a{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999; margin-top:5px;}
.ybox .cont .box .bd .item .wen:before{ position:absolute; top:-50px; left:14px; width:1px; height:0; content:""; transition:all .6s cubic-bezier(.215,.61,.355,1) 0s; background-color:#e6ab43;}
.ybox .cont .box .bd .item:hover .wen:before{ height:100px;}
.ybox .cont .box .bd .item:hover .wen p{ padding-left:30px;}
.ybox .btn{ width:400px; margin:auto;}
.ybox .btn .prev{ font-size:16px; line-height:20px; height:20px; color:#333; display:block; float:left; width:80px; text-transform:uppercase;}
.ybox .btn .next{ font-size:16px; line-height:20px; height:20px; color:#333; display:block; float:left; width:80px; text-align:right; text-transform:uppercase;}
.ybox .hd{ width:240px; float:left; height:1px; background-color:#eee; margin-top:9px;}
.ybox .hd li{ width:50%; height:3px; display:block; margin-top:-1px; float:left; cursor:pointer; position:relative;}
.ybox .hd li a{ display:block; width:0; height:3px; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .hd li.on a{ width:100%; background-color:#e6ab43;}
}
@media only screen and (max-width:1279px){
.ybox{ width:100%; position:relative; background-color:#fff;}
.ybox .cont{ width:94%; margin:30px auto;}
.ybox .cont .title{ width:100%; text-align:center;}
.ybox .cont .title p{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.ybox .cont .title span{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.ybox .cont .box{ width:100%; display:block; overflow:hidden;}
.ybox .cont .box .bd{ width:100%; display:block; overflow:hidden;}
.ybox .cont .box .bd li{ display:block; width:100%; overflow:hidden;}
.ybox .cont .box .bd .item{ width:100%; margin-top:15px;}
.ybox .cont .box .bd .item .tu{ width:100%;}
.ybox .cont .box .bd .item .tu img{ width:100%; display:block;}
.ybox .cont .box .bd .item .wen{ margin-top:10px; position:relative;}
.ybox .cont .box .bd .item .wen p{ padding-left:20px; display:block; overflow:hidden;}
.ybox .cont .box .bd .item .wen p span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.ybox .cont .box .bd .item .wen p a{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999;}
.ybox .cont .box .bd .item .wen:before{ position:absolute; top:-30px; left:9px; width:1px; height:80px; content:""; background-color:#e6ab43;}
.ybox .btn{ width:200px; margin:auto; margin-top:15px;}
.ybox .btn .prev{ font-size:14px; line-height:20px; height:20px; color:#333; display:block; float:left; width:55px; text-transform:uppercase;}
.ybox .btn .next{ font-size:14px; line-height:20px; height:20px; color:#333; display:block; float:left; width:55px; text-align:right; text-transform:uppercase;}
.ybox .hd{ width:90px; float:left; height:1px; background-color:#eee; margin-top:10px;}
.ybox .hd li{ width:50%; height:2px; display:block; margin-top:-0.5px; float:left; cursor:pointer; position:relative;}
.ybox .hd li a{ display:block; width:0; height:2px; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .hd li.on a{ width:100%; background-color:#e6ab43;}
}

/*极速的交易感受*/
@media screen and (min-width:1280px){
.jbox{ width:100%; height:100%; position:relative; background-color:#f7f7f7;}
.jbox .cont{ width:1200px; margin:auto; height:calc(100% - 160px); position:relative; background-position:left center; background-repeat:no-repeat;}
.jbox .cont .box{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jbox .cont .title{ margin-left:500px; width:700px; font-size:30px; line-height:40px; font-weight:bold;}
.jbox .cont .wen{ margin-left:500px; font-size:16px; line-height:34px; width:700px; margin-top:30px;}
.jbox .list{ width:100%; height:160px; background-color:#e6ab43; position:relative;}
.jbox .list ul{ display:block; overflow:hidden; width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jbox .list ul li{ width:20%; padding:0 2.5%; float:left; display:block; overflow:hidden; text-align:center;}
.jbox .list ul span{ font-size:40px; line-height:40px; display:block; overflow:hidden; color:#fff;}
.jbox .list ul p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#fff; margin-top:5px;}
}
@media only screen and (max-width:1279px){
.jbox{ width:100%; position:relative; background-color:#f7f7f7;}
.jbox .cont{ width:94%; padding-bottom:170px; margin:auto; position:relative; background-position:left bottom; background-size:120% auto; background-repeat:no-repeat;}
.jbox .cont .box{ width:100%; padding-top:30px;}
.jbox .cont .title{ text-align:center; font-size:20px; line-height:26px; overflow:hidden; font-weight:bold;}
.jbox .cont .wen{ font-size:14px; line-height:24px; margin-top:10px; overflow:hidden; display:block;}
.jbox .list{ width:100%; background-color:#e6ab43; position:relative; margin-top:20px;}
.jbox .list ul{ display:block; overflow:hidden; width:100%; padding-bottom:15px;}
.jbox .list ul li{ width:45.5%; margin-left:3%; margin-top:15px; float:left; display:block; overflow:hidden; text-align:center;}
.jbox .list ul li:nth-child(2n+1){ clear:left; float:left;}
.jbox .list ul span{ font-size:40px; line-height:40px; display:block; overflow:hidden; color:#fff;}
.jbox .list ul p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#fff; margin-top:5px;}
}

/*MT5 软件下载*/
@media screen and (min-width:1280px){
.xbox{ width:100%; height:100%; position:relative; background-color:#fff;}
.xbox .cont{ width:1200px; min-height:460px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.xbox .cont .box{ width:440px; position:relative; z-index:9; margin-top:15px;}
.xbox .cont .title{ width:100%; font-size:30px; line-height:40px; font-weight:bold;}
.xbox .cont .wen{ width:100%; font-size:16px; line-height:30px; margin-top:20px;}
.xbox .cont .list{ padding-top:15px;}
.xbox .cont .list a{ display:block; float:left; margin-right:35px; border-bottom:1px solid #ddd; font-size:18px; margin-top:15px;}
.xbox .cont .list a:hover{ border-bottom:1px solid #e6ab43; color:#e6ab43;}
.xbox .cont .bg{ height:100%; max-height:460px; position:absolute; left:0; top:0; width:100%; z-index:0;}
.xbox .cont .bg img{ display:block; float:right; height:100%;}
}
@media only screen and (max-width:1279px){
.xbox{ width:100%; position:relative; background-color:#fff;}
.xbox .cont{ width:94%; margin:30px auto; position:relative;}
.xbox .cont .box{ width:100%; position:relative; z-index:9;}
.xbox .cont .box .title{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold; text-align:center;}
.xbox .cont .box .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.xbox .cont .list{ width:100%; height:270px;}
.xbox .cont .list a{ display:block; float:left; margin-right:15px; margin-top:10px; border-bottom:1px solid #ddd; font-size:14px; line-height:34px;}
.xbox .cont .list a:hover{border-bottom:1px solid #e6ab43; color:#e6ab43;}
.xbox .cont .bg{ width:94%; position:absolute; right:3%; bottom:0; z-index:0;}
.xbox .cont .bg img{ display:block; float:right; height:160px;}
}

/*丰富齐全的交易品种*/
@media screen and (min-width:1280px){
.pbox{ width:100%; height:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .cont{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .cont .title{ width:100%;}
.pbox .cont .title p{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; color:#fff;}
.pbox .cont .title span{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#eee; display:block;}
.pbox .cont .box{ width:100%; display:block; overflow:hidden;}
.pbox .cont .box a{ display:block; width:22.75%; margin-right:3%; float:left; margin-top:7vh; text-align:center;}
.pbox .cont .box a:last-child{ margin-right:0;}
.pbox .cont .box a .tu{ width:8vw; height:8vw; border:1px solid #e6ab43; box-sizing:border-box; border-radius:100%; position:relative; margin:auto;}
.pbox .cont .box a .tu img{ height:60px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); position:relative; z-index:9;}
.pbox .cont .box a .tu b{ width:0; height:0; background-color:#e6ab43; display:block; overflow:hidden; border-radius:100%; z-index:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .cont .box a:hover .tu b{ width:8vw; height:8vw;}
.pbox .cont .box a .wenz{ display:block; margin-top:30px;}
.pbox .cont .box a .wenz .bt{ display:block; color:#e6ab43; font-size:18px; letter-spacing:3px;}
.pbox .cont .box a .wenz .wen{ display:block; text-align:left; color:#fff; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:1279px){
.pbox{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .cont{ width:94%; margin:30px auto;}
.pbox .cont .title{ width:100%; text-align:center;}
.pbox .cont .title p{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold; color:#fff;}
.pbox .cont .title span{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#eee; display:block;}
.pbox .cont .box{ width:100%; display:block; overflow:hidden;}
.pbox .cont .box a{ display:block; width:100%; float:left; margin-top:15px;}
.pbox .cont .box a .tu{ width:50px; height:50px; border:1px solid #e6ab43; box-sizing:border-box; border-radius:100%; position:relative; float:left; margin-top:5px;}
.pbox .cont .box a .tu img{ height:30px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); position:relative; z-index:9;}
.pbox .cont .box a .tu b{ width:0; height:0; background-color:#e6ab43; display:block; overflow:hidden; border-radius:100%; z-index:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .cont .box a:hover .tu b{ width:8vw; height:8vw;}
.pbox .cont .box a .wenz{ display:block; float:left; margin-left:10px; width:calc(100% - 60px);}
.pbox .cont .box a .wenz .bt{ display:block; color:#e6ab43; font-size:16px; line-height:26px;}
.pbox .cont .box a .wenz .wen{ display:block; color:#fff; font-size:14px; line-height:24px;}
}

/*投资风险预警*/
@media screen and (min-width:1280px){
.fbox{ width:100%; height:100%; position:relative; background-color:#f7f7f7;}
.fbox .cont{ width:1200px; margin:auto; height:60vh; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-position:left bottom; background-repeat:no-repeat;background-size: contain;}
.fbox .cont .box{ width:600px; float:right;}
.fbox .cont .title{ text-align:right; font-size:30px; line-height:40px; font-weight:bold;}
.fbox .cont .wen{ font-size:16px; line-height:36px; margin-top:30px;}
}
@media only screen and (max-width:1279px){
.fbox{ width:100%; position:relative; background-color:#f7f7f7;}
.fbox .cont{ width:94%; padding-bottom:170px; margin:auto; position:relative; background-position:left bottom; background-size:120% auto; background-repeat:no-repeat; margin-bottom:30px;background-size: contain;}
.fbox .cont .box{ width:100%; padding-top:30px;}
.fbox .cont .title{ text-align:center; font-size:20px; line-height:26px; overflow:hidden; font-weight:bold;}
.fbox .cont .wen{ font-size:14px; line-height:24px; margin-top:10px; overflow:hidden; display:block;}
}

/*交易优势*/
@media screen and (min-width:1280px){
.sbox{ width:100%; height:100%; position:relative; background-color:#fff;}
.sbox .cont{ width:1200px; margin:auto; height:400px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-position:left bottom; background-repeat:no-repeat;}
.sbox .zc{ width:550px; position:absolute; left:0; top:0;}
.sbox .zc .bt{ display:block; overflow:hidden; font-size:30px; line-height:40px; height:40px; font-weight:bold;}
.sbox .zc .wen{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:20px;}
.sbox .btn{ width:60px; position:absolute; right:570px; bottom:70px; z-index:9; border-radius:5px;}
.sbox .btn a{ display:block; float:left; width:30px; height:70px; background-color:#e6ab43; overflow:hidden; font-size:20px; text-align:center; line-height:70px; color:#fff;}
.sbox .btn a:hover{ color:#fff;}
.sbox .cont .focusBox{ width:100%; position:relative; z-index:0;}
.sbox .cont li{ width:100%; height:400px; display:block; overflow:hidden; position:relative;}
.sbox .cont li .right{ width:600px; height:400px; float:right; background-color:#fff; border-radius:10px;}
.sbox .cont li .right img{ width:100%; display:block;}
.sbox .cont li .left{ width:550px; position:absolute; left:0; bottom:25px;}
.sbox .cont li .left .t01{ font-size:24px; height:34px; line-height:34px; font-weight:bold; color:#e6ab43;}
.sbox .cont li .left .t03{ font-size:14px; line-height:24px; margin-top:10px;}
}
@media only screen and (max-width:1279px){
.sbox{ width:100%; position:relative; background-color:#fff;}
.sbox .cont{ width:94%; margin:30px auto; margin-top:25px; position:relative;}
.sbox .zc{ width:100%;}
.sbox .zc .bt{ text-align:center; display:block; overflow:hidden; font-size:20px; line-height:26px; font-weight:bold;}
.sbox .zc .wen{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.sbox .btn{ width:40px; position:absolute; right:0; bottom:5px; z-index:9; border-radius:5px; overflow:hidden;}
.sbox .btn a{ display:block; float:left; width:20px; height:40px; background-color:#e6ab43; overflow:hidden; font-size:20px; text-align:center; line-height:40px; color:#fff;}
.sbox .btn a:hover{ color:#fff;}
.sbox .cont .focusBox{ width:100%; margin-top:10px; position:relative; z-index:0;}
.sbox .cont li{ width:100%; display:block; overflow:hidden;}
.sbox .cont li .right{ width:100%;}
.sbox .cont li .right img{ width:100%; display:block;}
.sbox .cont li .left{ padding-right:60px;}
.sbox .cont li .left .t01{ font-size:18px; height:28px; line-height:28px; font-weight:bold; margin-top:10px; color:#e6ab43;}
.sbox .cont li .left .t03{ font-size:14px; line-height:24px; margin-top:5px;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.picList{ width:100%; background-color:#f7f7f7; padding:30px 0;}
.picList ul{ width:1212px; display:block; overflow:hidden; margin:auto;}
.picList li{ width:190px; background-color:#fff; display:block; margin:0 6px; overflow:hidden; float:left;}
.picList li img{ width:100%; display:block;}
}

@media only screen and (max-width:1279px){
.picList{ width:100%; background-color:#f7f7f7; padding:20px 0; padding-bottom:10px;}
.picList ul{ width:100%; display:block; overflow:hidden; margin:auto;}
.picList li{ width:29.33%; background-color:#fff; display:block; margin-left:3%; margin-bottom:10px; overflow:hidden; float:left;}
.picList li:nth-child(3n+1){ clear:left; float:left;}
.picList li img{ width:100%; display:block;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ background-color:#222; width:100%;}
.footer .foot{ width:1200px; margin:auto; padding:25px 0;}
.footer .foot .f01{ float:left; width:20%;}
.footer .foot .f01 span{ display:block; font-size:18px; height:48px; line-height:48px; overflow:hidden; color:#fff;}
.footer .foot .f01 b{ display:block; overflow:hidden; width:30px; height:2px; background-color:#e6ab43;}
.footer .foot .f01 p{ display:block; padding-top:10px; overflow:hidden;}
.footer .foot .f01 p a{ font-size:14px; line-height:24px; display:block; overflow:hidden; height:24px; color:#999;}
.footer .foot .f01 p a:hover{ color:#fff;}
.footer .bot{ width:1200px; margin:auto; padding:20px 0; border-top:1px solid #333;}
.footer .bot .left{ float:left; padding:4px 0;}
.footer .bot .left img{ display:block; height:40px;}
.footer .bot .right{ float:right; max-width:1000px;}
.footer .bot .right ul{ display:block; overflow:hidden;}
.footer .bot .right ul li{ display:flex; justify-content: flex-end; height:24px; line-height:24px; font-size:14px; color:#999;}
.footer .bot .right ul li img{ height:14px; display:block; margin:5px 10px; margin-left:0; float:left;}
.footer .bot .right ul li:last-child{ margin-right:0;}
.footer .bot .right p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; text-align:right;}
.footer .bot .right p a{ color:#999; margin-left:20px;}
}

@media only screen and (max-width:1279px){
.footer{ background-color:#222; width:100%;}
.footer .foot{ width:94%; margin:auto; padding:10px 0; position:relative; min-height:120px;}
.footer .foot .f01{ width:100%; margin-top:10px;}
.footer .foot .f01 span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; color:#fff;}
.footer .foot .f01 b{ display:block; overflow:hidden; width:30px; height:2px; background-color:#e6ab43; margin:5px 0;}
.footer .foot .f01 p{ display:block; overflow:hidden;}
.footer .foot .f01 a{ font-size:14px; line-height:24px; display:block; overflow:hidden; height:24px; color:#999; float:left; margin-right:10px;}
.footer .foot .f01 a:hover{ color:#fff;}
.footer .bot{ width:94%; margin:auto; padding:10px 0; border-top:1px solid #333;}
.footer .bot .left{ float:left; margin:4px 0; display:none;}
.footer .bot .left img{ display:block; height:40px;}
.footer .bot .left img.img01{ display:none;}
.footer .bot .right{ width:100%;}
.footer .bot .right ul{ display:block; overflow:hidden; text-align:center;}
.footer .bot .right ul li{ display:flex; justify-content: center;line-height:24px; font-size:14px; margin-right:30px; color:#999;word-break: break-all;}
.footer .bot .right ul li img{ height:14px; display:block; margin:5px 10px; margin-left:0; float:left;}
.footer .bot .right ul li:last-child{ margin-right:0;}
.footer .bot .right p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; text-align:center;}
.footer .bot .right p a{ color:#999; margin-left:10px;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}
.ban .box{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite;}
.ban .box p{ font-size:40px; line-height:50px; display:block; color:#fff; font-weight:bold; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.wbox{ width:100%; height:50px; background-color:#f7f7f7;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px; padding-left:24px; background-image:url(../images/home_03.jpg); background-position:left center; background-repeat:no-repeat;}
.wbox .box .left a:hover{ color:#e6ab43;}
.wbox .box .dao{ display:block; float:right; overflow:hidden;}
.wbox .box .dao a{ float:left; display:block; height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block; margin-left:30px; position:relative;}
.wbox .box .dao a:hover b,.wbox .box .dao a.on b{ width:100%; height:2px; background-color:#e6ab43; display:block; position:absolute; left:0; bottom:0;}
}
@media only screen and (max-width:1279px){
.ban{ width:100%; height:200px; position:relative; overflow:hidden; z-index:0;}
.ban .box{ width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite;}
.ban .box p{ font-size:30px; margin-top:15px; line-height:40px; display:block; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.wbox{ width:100%; background-color:#f7f7f7;}
.wbox .box{ padding:10px; margin:auto;}
.wbox .box .left{ display:none;}
.wbox .box .dao{ display:block; overflow:hidden; text-align:center;}
.wbox .box .dao a{ display:inline-table; margin:5px; overflow:hidden; height:24px; position:relative;}
.wbox .box .dao a:hover b,.wbox .box .dao a.on b{ width:100%; height:2px; background-color:#e6ab43; display:block; position:absolute; left:0; bottom:0;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:auto; padding:70px 0;}
.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.ab01 .box .cont{ width:100%; min-height:460px; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:auto 100%;}
.ab01 .box .cont .bt{ color:#fff; margin-left:60px; font-size:30px; line-height:46px; height:46px; font-weight:bold; width:490px; padding-top:65px;}
.ab01 .box .cont .wen{ color:#fff; margin-left:60px; padding-bottom:63px; margin-top:25px; font-size:14px; line-height:30px; width:490px;}
}
@media only screen and (max-width:1279px){
.ab01{ width:94%; margin:auto; padding:30px 0;}
.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.ab01 .box .cont{ width:100%; padding:25px 0; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:140% 100%;}
.ab01 .box .cont .bt{ color:#fff; margin-left:5%; font-size:20px; line-height:26px; width:60%;}
.ab01 .box .cont .wen{ color:#fff; margin-left:5%; margin-top:5px; font-size:14px; line-height:24px; width:60%; max-height:264px; overflow:auto;}
}
@media screen and (min-width:1280px){
.ab02{ width:100%; position:relative; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative; padding-bottom:460px;}
.ab02 .title{ width:1200px; margin:auto; padding-top:70px; text-align:right; position:relative; z-index:3;}
.ab02 .title p{ font-size:30px; line-height:40px; display:block; overflow:hidden; font-weight:bold; color:#fff;}
.ab02 .title span{ font-size:18px; line-height:28px; padding-top:10px; overflow:hidden; color:#eee; display:block;}
.ab02 .black{ position:absolute; left:0px; top:0px; width:46.875%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ width:1920px; height:435px; display:block; overflow:hidden; position:absolute; left:50%; margin-left:-960px; bottom:0; z-index:3;}
.productIList dd{ color:#fff; position:relative; padding-left:360px; width:900px; height:145px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(230,171,67,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:145px; height:145px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(230,171,67,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}
.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:60px auto;}
.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}
.productIList .con{ display:block; padding-left:175px; width:725px; position:relative; height:100%;}
.productIList .txt{ width:635px; padding:35px 0; height:75px;}
.productIList .t{ font-size:18px; color:#fff; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:32px; line-height:32px; font-size:16px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:38px; line-height:38px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}
.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}
.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}
.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}
}
@media only screen and (max-width:1279px){
.ab02{ width:100%; position:relative; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab02 .title{ width:94%; margin:30px auto; margin-bottom:0; text-align:center; position:relative; z-index:3;}
.ab02 .title p{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold; color:#fff;}
.ab02 .title span{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#eee; display:block;}
.ab02 .black{ position:absolute; left:0px; top:0px; width:80%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; width:100%; margin-top:15px; z-index:3; position:relative;}
.productIList dd{ color:#fff; position:relative; width:100%; height:105px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(230,171,67,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:105px; height:105px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(230,171,67,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}
.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}
.productIList .con{ display:block; padding-left:115px; position:relative; height:100%;}
.productIList .txt{ width:97%; padding:15px 0; height:75px;}
.productIList .t{ font-size:18px; color:#fff; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:30px; line-height:30px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:none;}
}

@media screen and (min-width:1280px){
.ab03{ padding:70px 0; width:100%; background-color:#f7f7f7;}
.ab03 dl{ width:1200px; display:block; overflow:hidden; margin:auto; margin-top:-10px;}
.ab03 dl dt{ width:224px; display:block; float:left; padding-top:25px; overflow:hidden;}
.ab03 dl dt span{ display:block; overflow:hidden; font-weight:bold; font-size:30px; line-height:40px;}
.ab03 dl dd{ width:194px; padding:0 15px; padding-top:25px; height:155px; display:block; float:left; margin-top:10px; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.ab03 dl dd:nth-child(2){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(4){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(6){ background-image:url(../images/a04.png);}
.ab03 dl dd:nth-child(8){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(10){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(12){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(14){ background-image:url(../images/a04.png); margin-left:20px;}
.ab03 dl dd:nth-child(2):hover,.ab03 dl dd:nth-child(4):hover,.ab03 dl dd:nth-child(6):hover,.ab03 dl dd:nth-child(8):hover,.ab03 dl dd:nth-child(10):hover,.ab03 dl dd:nth-child(12):hover,.ab03 dl dd:nth-child(14):hover{ background-image:url(../images/a04h.png);}
.ab03 dl dd:nth-child(3){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(5){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(7){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(9){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(11){ background-image:url(../images/a04r.png);}
.ab03 dl dd:nth-child(13){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(15){ background-image:url(../images/a04r.png); margin-left:20px;}
.ab03 dl dd:nth-child(3):hover,.ab03 dl dd:nth-child(5):hover,.ab03 dl dd:nth-child(7):hover,.ab03 dl dd:nth-child(9):hover,.ab03 dl dd:nth-child(11):hover,.ab03 dl dd:nth-child(13):hover,.ab03 dl dd:nth-child(15):hover{ background-image:url(../images/a04rh.png);}
.ab03 dl dd strong{ width:80px; height:80px; background-color:#e6ab43; border-radius:100%; margin:auto; display:block; overflow:hidden;}
.ab03 dl dd strong img{ display:block; height:60px; margin:10px auto;}
.ab03 dl dd a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.ab03 dl dd span{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.ab03 dl dd:hover a,.ab03 dl dd:hover span{ color:#fff;}
}
@media only screen and (max-width:1279px){
.ab03{ padding:30px 0; width:100%; background-color:#f7f7f7;}
.ab03 dl{ width:100%; display:block; overflow:hidden; margin:auto; text-align:center;}
.ab03 dl dt{ width:94%; display:inline-block; overflow:hidden; text-align:center;}
.ab03 dl dt span{ display:block; overflow:hidden; font-weight:bold; font-size:20px; line-height:26px;}
.ab03 dl dd{ display:inline-block; margin:0 5px; margin-top:15px;}
.ab03 dl dd strong{ width:50px; height:50px; background-color:#e6ab43; border-radius:100%; margin:auto; display:block; overflow:hidden;}
.ab03 dl dd strong img{ display:block; height:30px; margin:10px auto;}
.ab03 dl dd a{ display:none;}
.ab03 dl dd span{ text-align:center; margin-top:5px; font-size:14px; line-height:20px; display:block; overflow:hidden;}
}

/*监管简介*/
@media screen and (min-width:1280px){
.ab04{ width:100%; padding:70px 0; background-color:#fff;}
.ab04 .title{ width:1200px; margin:auto;}
.ab04 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.ab04 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.ab04 .box{ width:1200px; margin:auto; margin-top:25px;}
.ab04 .left{ width:640px; float:left;}
.ab04 .left .bt{ font-size:24px; line-height:34px; color:#333; margin-top:25px; float:left;}
.ab04 .left .wen{ font-size:16px; line-height:30px; margin-top:10px; float:left;}
.ab04 .left .wen a{ color:#e6ab43;}
.ab04 .left .more{ width:198px; height:38px; margin-top:25px; border-radius:40px; border:1px solid #333; float:left; margin-right:20px;}
.ab04 .left .more a{ display:block; font-size:14px; height:38px; line-height:38px; text-align:center; color:#333; overflow:hidden;}
.ab04 .left .more:hover{ border:1px solid #e6ab43; background-color:#e6ab43;}
.ab04 .left .more:hover a{ color:#fff;}
.ab04 .right{ width:460px; float:right;}
.ab04 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1279px){
.ab04{ width:94%; padding:30px 3%; background-color:#fff;}
.ab04 .title{ width:100%; text-align:center;}
.ab04 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.ab04 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.ab04 .box{ width:100%;}
.ab04 .left{ width:100%;}
.ab04 .left .bt{ font-size:18px; line-height:28px; color:#333; margin-top:10px;}
.ab04 .left .wen{ font-size:14px; line-height:24px; color:#333;}
.ab04 .left .wen a{ color:#e6ab43;}
.ab04 .left .more{ width:148px; height:30px; margin-top:10px; border-radius:40px; border:1px solid #e6ab43; float:left; margin-right:15px; background-color:#e6ab43;}
.ab04 .left .more a{ display:block; font-size:14px; height:30px; line-height:30px; text-align:center; color:#fff; overflow:hidden;}
.ab04 .right{ width:100%; margin-top:20px;}
.ab04 .right img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.ab05{ width:100%; padding:70px 0; background-color:#f1f1f1;}
.ab05 .title{ width:1200px; margin:auto;}
.ab05 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.ab05 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.ab05 .box{ width:1200px; margin:auto;}
.ab05 .list{ width:1220px; text-align:center;}
.ab05 .list li{ width:224px; display:block; float:left; margin-right:20px; text-align:center; margin-top:30px; overflow:hidden;}
.ab05 .list li span{ width:120px; height:120px; display:block; margin:auto; border-radius:100%; background-color:#e6ab43; color:#fff; line-height:120px; font-size:30px;}
.ab05 .list li .wen{ display:block; margin-top:30px;}
.ab05 .list li .wen a{ display:block; color:#333; font-size:18px;}
.ab05 .list li .wen p{ display:block; color:#666; font-size:14px;}
}
@media only screen and (max-width:1279px){
.ab05{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.ab05 .title{ width:100%; text-align:center;}
.ab05 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.ab05 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.ab05 .box{ width:100%;}
.ab05 .list{ width:100%; text-align:center;}
.ab05 .list li{ width:30%; display:inline-block; text-align:center; margin-top:15px; overflow:hidden; vertical-align:top;}
.ab05 .list li span{ width:80px; height:80px; display:block; margin:auto; border-radius:100%; background-color:#e6ab43; color:#fff; line-height:80px; font-size:20px;}
.ab05 .list li a{ display:block; font-size:16px; line-height:24px; margin-top:5px; overflow:hidden; color:#333;}
.ab05 .list li p{ display:block; font-size:14px; line-height:20px; overflow:hidden; color:#666;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.ab06{ width:100%; padding:70px 0; background-color:#fff;}
.ab06 .title{ width:1200px; margin:auto;}
.ab06 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.ab06 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.ab06 .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.ab06 .list{ width:1200px; margin:auto; display:block; overflow:hidden; padding-top:5px;}
.ab06 .list li{ width:100%; display:block; margin-top:20px; position:relative; overflow:hidden; padding-bottom:20px;}
.ab06 .list li .bg{ width:100%; height:calc(100% - 60px); position:absolute; left:0; bottom:0; background-color:#e6ab43; z-index:0;}
.ab06 .list li .left{ width:310px; float:left; margin-left:20px; position:relative; z-index:1;}
.ab06 .list li .left img{ width:100%; display:block;}
.ab06 .list li .right{ width:830px; float:left; margin:0 20px; position:relative; z-index:1;}
.ab06 .list li .right .cn{ height:60px; line-height:60px; font-size:18px;}
.ab06 .list li .right .wen{ width:100%; line-height:24px; font-size:14px; padding-top:15px; color:#fff;}
}
@media only screen and (max-width:1279px){
.ab06{ width:94%; padding:30px 3%; background-color:#fff;}
.ab06 .title{ width:100%; text-align:center;}
.ab06 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.ab06 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.ab06 .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; color:#333; display:block;}
.ab06 .list{ width:100%; display:block; overflow:hidden;}
.ab06 .list li{ width:100%; display:block; margin-top:15px; position:relative; overflow:hidden; padding-bottom:5px;}
.ab06 .list li .bg{ width:100%; height:calc(100% - 30px); position:absolute; left:0; bottom:0; background-color:#e6ab43; z-index:0;}
.ab06 .list li .left{ width:90%; float:left; margin-left:5%; position:relative; z-index:1;}
.ab06 .list li .left img{ width:100%; display:block;}
.ab06 .list li .right{ width:90%; float:left; margin:5px 5%; position:relative; z-index:1;}
.ab06 .list li .right .cn{ line-height:26px; font-size:16px; color:#fff;}
.ab06 .list li .right .wen{ width:100%; line-height:24px; font-size:14px; color:#fff;}
}

/*免责声明*/
@media screen and (min-width:1280px){
.ab06 .cont{ width:1200px; margin:auto; margin-top:15px; color:#555555; font-size:14px; line-height:24px;}
.ab06 .cont .p1{ width:100%; margin-top:10px;}
.ab06 .cont .num{ font-size:20px; color:#e6ab43; display:inline-block; margin-right:5px; font-weight:bold;}
}
@media only screen and (max-width:1279px){
.ab06 .cont{ width:100%; margin-top:5px; color:#555555; font-size:14px; line-height:24px;}
.ab06 .cont .p1{ width:100%; margin-top:10px;}
.ab06 .cont .num{ font-size:18px; color:#e6ab43; display:inline-block; margin-right:5px;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.ab06 .box{ width:1150px; margin:auto; padding-top:30px;}
.ab06 .box dl{ width:1260px; display:block; overflow:hidden;}
.ab06 .box dt{ display:block; float:left; width:630px; margin-top:20px; overflow:hidden;}
.ab06 .box dt span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:14px;}
.ab06 .box dt input{ display:block; float:left; width:400px; padding:0 19px; height:48px; line-height:48px; font-size:14px; border:1px solid #cacaca;}
.ab06 .box dd{ display:block; float:left; width:1150px; margin-top:20px; overflow:hidden;}
.ab06 .box dd span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:14px;}
.ab06 .box dd textarea{ display:block; float:left; width:1030px; padding:12px 19px; height:194px; line-height:24px; font-size:14px; border:1px solid #cacaca;}
.ab06 .box dd a{ width:200px; height:50px; margin:auto; display:block; cursor:pointer; line-height:50px; text-align:center; font-size:14px; background-color:#333; color:#fff;}
}
@media only screen and (max-width:1279px){
.ab06 .box{ width:100%;}
.ab06 .box dl{ width:94%; margin:auto; display:block; overflow:hidden;}
.ab06 .box dt{ display:block; width:100%; overflow:hidden; padding-top:15px;}
.ab06 .box dt span{ display:block; float:left; width:24%; text-align:right; height:34px; line-height:34px; font-size:14px;}
.ab06 .box dt input{ display:block; float:left; width:70%; margin-left:3%; box-sizing:border-box; padding:0 3%; height:34px; line-height:34px; font-size:14px; border:1px solid #cacaca;}
.ab06 .box dd{ display:block; float:left; width:100%; margin-top:15px; overflow:hidden;}
.ab06 .box dd span{ display:block; float:left; width:24%; text-align:right; height:34px; line-height:34px; font-size:14px;}
.ab06 .box dd textarea{ display:block; float:left; width:70%; margin-left:3%; box-sizing:border-box; padding:0.6rem 3%; height:6rem; line-height:1.2rem; font-size:14px; border:1px solid #cacaca;}
.ab06 .box dd a{ width:140px; height:34px; margin:auto; display:block; cursor:pointer; line-height:34px; text-align:center; font-size:14px; background-color:#333; color:#fff;}
}

/*交易平台*/
@media screen and (min-width:1280px){
.pt01{ width:100%; padding:70px 0; background-color:#fff;}
.pt01 .title{ width:1200px; margin:auto;}
.pt01 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.pt01 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.pt01 .box{ width:1200px; margin:auto; margin-top:30px;}
.pt01 .box .right{ float:left; width:476px;}
.pt01 .box .right img{ max-width:100%; margin:auto; display:block;}
.pt01 .box .left{ width:590px; float:right;}
.pt01 .box .left .bt{ padding-top:25px; font-size:24px; line-height:34px;}
.pt01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.pt01 .left .more{ margin-top:25px;}
.pt01 .left .more a{ width:198px; display:block; font-size:14px; height:38px; line-height:38px; border-radius:40px; border:1px solid #333; text-align:center; color:#333; overflow:hidden; float:left; margin-right:20px;}
.pt01 .left .more:last-child a{ color:#333; border:1px solid #333; background-color:#fff;}
.pt01 .left .more a:hover{ color:#fff; border:1px solid #e6ab43; background-color:#e6ab43;}
}
@media only screen and (max-width:1279px){
.pt01{ width:94%; padding:30px 3%; background-color:#fff;}
.pt01 .title{ width:100%; text-align:center;}
.pt01 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.pt01 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.pt01 .box{ width:100%; margin-top:15px;}
.pt01 .box .right{ float:right; width:100%; border-radius:5px;}
.pt01 .box .right img{ max-width:100%; margin:auto; display:block;}
.pt01 .box .left{ width:100%; float:left; margin-bottom:15px;}
.pt01 .box .left .bt{ font-size:18px; line-height:28px;}
.pt01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:5px;}
.pt01 .left .more{ margin-top:10px;}
.pt01 .left .more a{ width:128px; display:block; font-size:14px; height:30px; line-height:30px; text-align:center; color:#fff; overflow:hidden; border-radius:40px; border:1px solid #e6ab43; float:left; margin-right:15px; background-color:#e6ab43;}
.pt01 .left .more:last-child a{ color:#333; border:1px solid #333; background-color:#fff;}
.pt01 .left .more a:hover{ color:#fff; border:1px solid #e6ab43; background-color:#e6ab43;}
}

@media screen and (min-width:1280px){
.pt02{ width:100%; padding:70px 0; background-color:#f7f7f7;}
.pt02 .title{ width:1200px; margin:auto;}
.pt02 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.pt02 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.pt02 .box{ width:1200px; margin:auto; padding-top:15px;}
.pt02 .info1{ width:600px; float:left;}
.pt02 .info1 .l1{ float:left; width:240px; position:relative; padding-left:34px; color:#333; font-size:16px; line-height:24px; margin-right:26px; margin-top:15px;}
.pt02 .info1 .l1 .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:0; background:#e6ab43; border-radius:50%;}
.pt02 .info1 .l1:nth-child(2n+1){ clear:left; float:left;}
.pt02 .tu{ width:600px; float:right; margin-top:15px;}
.pt02 .tu img{ width:100%; display:block; float:right;}
.pt02 .wen{ width:600px; padding:25px 30px; border-radius:10px; box-sizing:border-box; background-color:#f7f7f7; float:right; margin-top:15px;}
}
@media only screen and (max-width:1279px){
.pt02{ width:94%; padding:30px 3%; background-color:#f7f7f7;}
.pt02 .title{ width:100%; text-align:center;}
.pt02 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.pt02 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.pt02 .info1{ width:100%; padding-top:5px;}
.pt02 .info1 .l1{ position:relative; padding-left:34px; color:#333; font-size:14px; line-height:24px; margin-right:26px; margin-top:10px;}
.pt02 .info1 .l1 .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:0; background:#e6ab43; border-radius:50%;}
.pt02 .tu{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:10px;}
.pt02 .tu img{ margin:auto; display:block; max-width:100%;}
.pt02 .wen{ width:100%; padding:10px 15px; border-radius:10px; box-sizing:border-box; background-color:#f7f7f7; margin:auto; font-size:14px; line-height:24px; margin-top:10px;}
}

@media screen and (min-width:1280px){
.pt03{ width:100%; padding:70px 0; background-color:#f7f7f7;}
.pt03 .box{ width:1200px; margin:auto;}
.pt03 .box .right{ float:right; width:476px;}
.pt03 .box .right img{ max-width:100%; display:block; float:right;}
.pt03 .box .left{ width:640px; float:left;}
.pt03 .box .left .bt{ padding-top:25px; font-size:30px; line-height:40px; font-weight:bold;}
.pt03 .box .left .wen{ font-size:14px; line-height:24px; margin-top:20px;}
}
@media only screen and (max-width:1279px){
.pt03{ width:94%; padding:30px 3%; background-color:#f7f7f7;}
.pt03 .box{ width:100%;}
.pt03 .box .right{ float:right; width:100%; border-radius:5px;}
.pt03 .box .right img{ max-width:100%; margin:auto; display:block;}
.pt03 .box .left{ width:100%; float:left; margin-bottom:15px;}
.pt03 .box .left .bt{ font-size:20px; line-height:30px; font-weight:bold;}
.pt03 .box .left .wen{ font-size:14px; line-height:24px; margin-top:5px;}
}

/*交易品种*/
@media screen and (min-width:1280px){
.cp01{ width:100%; padding:70px 0; background-color:#fff;}
.cp01 .title{ width:1200px; margin:auto;}
.cp01 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.cp01 .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.cp01 .box{ width:1200px; margin:auto; margin-top:30px;}
.cp01 .left{ width:800px; min-height:420px; float:left; padding:30px; background-color:#f7f7f7; border-radius:10px; padding-top:10px;}
.cp01 .left ul{ width:100%; display:block; overflow:hidden;}
.cp01 .left li{ display:block; overflow:hidden; margin-top:20px;}
.cp01 .left li img{ display:block; float:left;}
.cp01 .left li .info{ width:calc(100% - 40px); margin-left:10px; float:right; font-size:14px; line-height:24px;}
.cp01 .right{ width:300px; float:right; border-radius:3px; position:relative;}
.cp01 .right img{ max-width:100%; display:block; float:right;}
.cp01 .right p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.cp01 .right p img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media only screen and (max-width:1279px){
.cp01{ width:94%; padding:30px 3%; background-color:#fff;}
.cp01 .title{ width:100%; text-align:center;}
.cp01 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.cp01 .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.cp01 .left{ width:100; box-sizing:border-box; padding:20px; background-color:#f7f7f7; border-radius:10px; padding-top:5px; margin-top:15px;}
.cp01 .left ul{ width:100%; display:block; overflow:hidden;}
.cp01 .left li{ display:block; overflow:hidden; margin-top:15px;}
.cp01 .left li img{ display:block; float:left;}
.cp01 .left li .info{ width:calc(100% - 40px); margin-left:10px; float:right; font-size:14px; line-height:24px;}
.cp01 .right{ display:none;}
}

@media screen and (min-width:1280px){
.cp02{ width:100%; padding:70px 0; background-color:#f7f7f7;}
.cp02 .title{ width:1200px; margin:auto;}
.cp02 .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold;}
.cp02 .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.cp02 .pingZ4{ width:1198px; margin:auto; margin-top:30px; border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; background-color:#fff;}
.cp02 .pingZ4 .title{ float:left; width:1158px; background:#e6ab43; color:#fff; font-size:16px; line-height:59px; text-align:center; padding:0 20px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .tit1{ float:left; position:relative;}
.cp02 .pingZ4 .sp{ float:left; display:none;}
.cp02 .pingZ4 .l1{ width:12.48%; margin-right:0.97%;}
.cp02 .pingZ4 .l2{ width:14.34%;}
.cp02 .pingZ4 .l3{ width:13.75%;}
.cp02 .pingZ4 .l4{ width:17.04%;}
.cp02 .pingZ4 .l5{ width:12.03%;}
.cp02 .pingZ4 .l6{ width:26.46%; margin-left:2.91%;}
.cp02 .pingZ4 .cont{ float:left; width:1158px; padding:20px; color:#555555; font-size:16px; line-height:26px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .cont .li{ float:left; width:100%; background:#f3f3f3; border-bottom:1px solid #f3f3f3; min-height:52px;
 display:flex;justify-content:center; align-items:center; padding:13px 0;}
.cp02 .pingZ4 .cont .li:nth-child(2n){ background:#fff;}

.cp02 .pingZ4.pingZ4_1 .l1{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l2{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l3{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l4{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l5{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l6{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l7{ width:30%;}
}
@media only screen and (max-width:1279px){
.cp02{ width:94%; padding:30px 3%; background-color:#f7f7f7;}
.cp02 .title{ width:100%; text-align:center;}
.cp02 .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.cp02 .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; color:#333; display:block;}
.cp02 .pingZ4{ width:100%; margin-top:15px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; background-color:#fff;}
.cp02 .pingZ4 .title{ float:left; width:100%; box-sizing:border-box; background:#e6ab43; color:#fff; font-size:14px; line-height:24px; text-align:center; padding:0 10px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .tit1{ float:left; position:relative;}
.cp02 .pingZ4 .sp{ float:left; display:none;}
.cp02 .pingZ4 .l1{ width:12.48%; margin-right:0.97%;}
.cp02 .pingZ4 .l2{ width:14.34%;}
.cp02 .pingZ4 .l3{ width:13.75%;}
.cp02 .pingZ4 .l4{ width:17.04%;}
.cp02 .pingZ4 .l5{ width:12.03%;}
.cp02 .pingZ4 .l6{ width:26.46%; margin-left:2.91%;}
.cp02 .pingZ4 .cont{ float:left; width:100%; box-sizing:border-box; padding:10px; color:#555555; font-size:14px; line-height:24px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .cont .li{ float:left; width:100%; background:#f3f3f3; border-bottom:1px solid #f3f3f3; min-height:48px; display:flex;justify-content:center; align-items:center; padding:13px 0;}
.cp02 .pingZ4 .cont .li:nth-child(2n){ background:#fff;}

.cp02 .pingZ4.pingZ4_1 .l1{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l2{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l3{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l4{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l5{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l6{ width:11%;}
.cp02 .pingZ4.pingZ4_1 .l7{ width:30%;}
}

/*风险预警*/
@media screen and (min-width:1280px){
.feng{ width:100%; padding:70px 0; background-color:#fff;}
.feng .title{ width:1200px; margin:auto;}
.feng .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold;}
.feng .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.feng .fengxian2{ width:1200px; margin:auto;}
.feng .fengxian2 .la{ margin-top:20px;}
.feng .fengxian2 .la .tit{ color:#e6ab43; font-size:18px; line-height:28px; font-weight:bold;}
.feng .fengxian2 .la .info{ font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width:1279px){
.feng{ width:94%; padding:30px 3%; background-color:#fff;}
.feng .title{ width:100%; text-align:center;}
.feng .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.feng .title p{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; color:#333; display:block;}
.feng .fengxian2{ width:100%; margin:auto;}
.feng .fengxian2 .la{ margin-top:10px;}
.feng .fengxian2 .la .tit{ color:#e6ab43; font-size:16px; line-height:26px; font-weight:bold;}
.feng .fengxian2 .la .info{ font-size:14px; line-height:24px;}
}

/*客户帮助*/
@media screen and (min-width:1280px){
.help{ width:100%; position:relative; padding-top:70px; padding-bottom:50px;}
.help .title{ width:1200px; margin:auto; margin-bottom:5px;}
.help .title b{ font-size:30px; line-height:40px; float:left; width:100%; display:block; overflow:hidden; font-weight:bold; margin-right:10px;}
.help .title a{ width:100%; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden; float:left; color:#333; display:block;}
.help .la{ width:1200px; margin:auto; padding:25px 0; border-bottom:1px solid #eee; overflow:hidden;}
.help .la:last-child{ border-bottom:none;}
.help .la .tit{ width:100%; overflow:hidden;}
.help .la .tit .ico{ width:80px; overflow:hidden; height:40px; border-radius:40px; background-color:#e6ab43; color:#fff; text-align:center; line-height:40px; float:left; margin-right:20px; font-size:20px;}
.help .la .tit .p1{ font-size:20px; line-height:40px; width:1100px; float:left; overflow:hidden;}
.help .la .info{ width:100%; overflow:hidden; margin-top:20px;}
.help .la .info .ico{ width:80px; overflow:hidden; height:40px; border-radius:40px; background-color:#f1f1f1; text-align:center; line-height:40px; float:left; margin-right:20px; font-size:20px;}
.help .la .info .p1{ font-size:16px; line-height:30px; width:1100px; float:left; overflow:hidden;}
}
@media only screen and (max-width:1279px){
.help{ width:94%; padding:30px 3%; padding-bottom:10px;}
.help .title{ width:100%; text-align:center;}
.help .title b{ font-size:20px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.help .title a{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; color:#999; display:block;}
.help .la{ width:100%; margin:auto; padding:15px 0; border-bottom:1px solid #eee; overflow:hidden;}
.help .la:last-child{ border-bottom:none;}
.help .la .tit{ width:100%; box-sizing:border-box; overflow:hidden; position:relative; padding-left:70px;} 
.help .la .tit .ico{ width:60px; overflow:hidden; height:30px; border-radius:40px; background-color:#e6ab43; color:#fff; text-align:center; line-height:30px; position:absolute; left:0; top:0; font-size:16px;}
.help .la .tit .p1{ font-size:16px; line-height:30px; overflow:hidden;}
.help .la .info{ overflow:hidden; margin-top:10px; position:relative; padding-left:70px; box-sizing:border-box;}
.help .la .info .ico{ width:60px; overflow:hidden; height:30px; border-radius:40px; background-color:#f1f1f1; text-align:center; line-height:30px; position:absolute; left:0; top:0; font-size:16px;}
.help .la .info .p1{ font-size:14px; line-height:24px; overflow:hidden;}
}