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

body,html{ width:100%; height:100%; overflow-x:hidden;}
body{ font-family:微软雅黑; font-size:14px; line-height:1.5; color:#999; background:#181818;}
a{ text-decoration:none; color:#999; -webkit-tap-highlight-color:transparent;}
*{ 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;}
.clear:after,.clear:before{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#ccc;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#ccc;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#ccc;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#ccc;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
/* 右下角固定悬浮样式 */
.kefu-box {position: fixed;right: 20px;bottom: 20px;z-index: 999;cursor: pointer;}
.kefu-box img{width: 50px; height: 50px;}
/*header*/
@media screen and (min-width:1024px){
.header{ width:94%; padding:0 3%; height:80px; position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.1); background-color:rgba(0,0,0,0.7); z-index:99;}
.header .logo{ height:34px; padding:23px 0; float:left;}
.header .logo img{ display:block; height:34px;}
.header .yu{ float:right; margin:30px 0; cursor:pointer; display:none;}
.header .yu img{ display:block; height:20px;}
.header .nav{ display:block; float:right;}
.header .nav li{ display:block; float:left; margin-left:2vw; position:relative; height:80px;}
.header .nav li>a{ display:block; height:80px; line-height:80px; font-size:15px; color:#999; position:relative;}
.header .nav li>a svg{ display:block; height:10px; float:right; margin:35px 0; margin-left:5px;}
.header .nav li p{ width:160px; box-shadow:0 13px 42px 11px rgba(0,0,0,.05); position:absolute; left:50%; margin-left:-80px; top:78px; border-top:2px solid #28529d; text-align:center; background-color:#272727; overflow:hidden; display:block; display:none;}
.header .nav li:hover p{ display:block;}
.header .nav li p a{ display:block; padding:12px 20px; font-size:14px; color:#999; overflow:hidden; transition:all .2s ease-in-out;}
.header .nav li p a:hover{ background-color:#28529d; color:#fff;}

.yybox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(12,11,11,.95); display:none;}
.yybox:before{ position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; content: ""; border:24px solid #28529d;}
.yybox .box{ width:50%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}
.yybox .box b{ display:block; color:#28529d; font-size:48px; text-transform:uppercase; font-family:GOTHAM-BLACK,'微软雅黑',arial;}
.yybox .box p{ padding-top:3vw; padding-bottom:5vw; text-align:center; display:block; overflow:hidden;}
.yybox .box p a{ display:inline-block; width:120px; height:40px; line-height:40px; border-radius:5px; background-color:rgba(255,255,255,0.3); color:#fff; margin:0 3%;}
.yybox .box p a:hover{ background-color:#28529d;}
.yybox .searchClose{ width:30px; height:30px; margin:20px auto; display:block; position:relative; -webkit-transition:0.3s linear; transition:0.3s ease-in; cursor:pointer;}
.yybox .searchClose::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.yybox .searchClose::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.yybox .searchClose::after{ transform:rotate(-45deg); top:50%;}
.yybox .searchClose::before{ transform:rotate(45deg); top:50%;}
.yybox .searchClose:hover{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:50px; position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.1); background-color:rgba(0,0,0,0.7); z-index:99;}
.header.open-menu{ height:100vh; overflow:auto; background-color:#000;}
.header .logo{ height:34px; padding:8px 3%; float:left;}
.header .logo img{ display:block; height:34px;}
.header .yu{ float:right; cursor:pointer; position:absolute; right:3%; margin-right:40px; top:15px; display:none;}
.header .yu img{ display:block; height:20px;}
.header .nav_button{ width:24px; background-color:transparent; height:22px; z-index:3; position:absolute; right:3%; top:14px;}
.header .nav_button::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.header .nav_button::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.header .nav_button span{ display:block; height:2px; width:100%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .nav_button.on span{ opacity:0;}
.header .nav_button.on::after{ transform:rotate(-45deg); top:50%;}
.header .nav_button.on::before{ transform:rotate(45deg); top:50%;}

.header .nav{ width:100%; float:left; display:none; overflow:hidden;}
.header.open-menu .nav{ display:block;}
.header .nav li{ font-size:16px; font-weight:500; display:block; line-height:26px; border-top:1px solid rgba(255,255,255,0.3);}
.header .nav li a{ color:#999; display:block;}
.header .nav li>a{ text-transform:uppercase; padding:15px 3%;}
.header .nav li>a svg{ height:16px; display:block; margin:5px 0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; float:right;}
.header .nav li.active>a svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .nav li.active>a{ color:#fff;}
.header .nav li p{ padding:15px 8%; background-color:#222; display:none; text-align:left; overflow:hidden;}
.header .nav li.active p{ display:block;}
.header .nav li p a{ padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.3); font-size:14px; line-height:18px; display:block; text-transform:capitalize;}
.header .nav li p a:last-child{ border-bottom:none;}

.yybox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(12,11,11,.95); display:none;}
.yybox:before{ position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; content: ""; border:15px solid #28529d;}
.yybox .box{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}
.yybox .box b{ text-align:center; display:block; color:#28529d; font-size:40px; text-transform:uppercase; font-family:GOTHAM-BLACK,'微软雅黑',arial;}
.yybox .box p{ padding-top:3vw; padding-bottom:5vw; text-align:center; display:block; overflow:hidden;}
.yybox .box p a{ display:block; width:80%; min-width:140px; height:40px; line-height:40px; border-radius:5px; background-color:rgba(255,255,255,0.3); color:#fff; margin:20px auto;}
.yybox .box p a:hover{ background-color:#28529d;}
.yybox .searchClose{ width:30px; height:30px; margin:20px auto; display:block; position:relative; -webkit-transition:0.3s linear; transition:0.3s ease-in; cursor:pointer;}
.yybox .searchClose::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.yybox .searchClose::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.yybox .searchClose::after{ transform:rotate(-45deg); top:50%;}
.yybox .searchClose::before{ transform:rotate(45deg); top:50%;}
.yybox .searchClose:hover{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
}

/*banner*/
@media screen and (min-width:1024px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .gallery-top{ width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.banner .gallery-top .swiper-slide{ width:100%; height:100%; display:block; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner .gallery-top .swiper-slide .wen{ width:60%; padding-left:10%; padding-top:10%;}
.banner .gallery-top .swiper-slide .wen b{ display:block; color:#fff; font-size:60px;}
.banner .gallery-top .swiper-slide .wen p{ display:block; color:#fff; font-size:30px; margin-top:2vw;}
.banner .swiper-pagination{ display:none;}
.banner .con{ width:40%; position:absolute; left:0; bottom:0; z-index:3; background-color:#fff; display:flex;}
.banner .con .gallery-thumbs{ width:76%; padding-left:3vw; box-sizing:border-box; float:left; overflow:hidden;}
.banner .con .gallery-thumbs .swiper-slide{ width:50%; display:block;}
.banner .con .gallery-thumbs .swiper-slide a{ display:block; padding:30px 3vw; padding-left:0; overflow:hidden;}
.banner .con .gallery-thumbs .swiper-slide a span{ color:#999; font-size:14px; display:block;}
.banner .con .gallery-thumbs .swiper-slide a p{ color:#333; font-size:18px; margin-top:10px; display:block; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.banner .con .swi{ width:24%; background-color:#28529d; position:relative; display:flex; align-items:center;}
.banner .con .swi .box{ margin:auto; width:57px;}
.banner .con .swi .box .swiper-button-white{ width:8px; height:14px; cursor:pointer; float:left;}
.banner .con .swi .box .swiper-button-white img{ display:block; width:100%;}
.banner .con .swi .box .line{ width:1px; height:14px; float:left; margin:0 20px; background-color:rgba(255,255,255,.3);}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:54.6875vw; position:relative; z-index:1; margin-top:60px;}
.banner .gallery-top{ width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.banner .gallery-top .swiper-slide{ width:100%; height:100%; display:block; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner .gallery-top .swiper-slide .wen{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}
.banner .gallery-top .swiper-slide .wen b{ display:block; color:#fff; font-size:28px; line-height:1.2;}
.banner .gallery-top .swiper-slide .wen p{ display:block; color:#fff; font-size:16px; line-height:1.2; margin-top:10px;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:10px; z-index:3; text-align:center;}
.banner .swiper-pagination span{ display:block; float:left; background-color:#fff; opacity:0.5; cursor:pointer; margin:0 4px; overflow:hidden; width:6px; height:6px; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
.banner .con{ display:none;}
}

/*交易品种*/
@media screen and (min-width:1024px){
.pbox{ width:100%; height:100%; display:flex;}
.pbox .left{ width:15%; position:relative;}
.pbox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.pbox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.pbox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.pbox .left .list{ position:absolute; left:50%; transform:translateX(-50%); bottom:5vw;}
.pbox .left .list a{ display:block; font-size:14px; line-height:2;}
.pbox .left .list a:hover{ color:#fff;}
.pbox .right{ width:85%;}
.pbox .right .list{ width:100%; display:block; height:100%;}
.pbox .right .list li{ width:33.33%; display:block; float:left; height:100%; position:relative; overflow:hidden;}
.pbox .right .list li a{ width:100%; display:block; position:absolute; left:0; bottom:0; overflow:hidden;}
.pbox .right .list li a .tu{ width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .right .list li a .tu b{ display:block; box-sizing:border-box; background-color:rgba(0,0,0,.7); overflow:hidden; width:100%; height:100%;}
.pbox .right .list li a .wen{ background-color:#28529d; height:0;}
.pbox .right .list li a .wen b{ padding:20px 30px; padding-bottom:0; font-size:18px; line-height:28px; color:#fff; display:block; overflow:hidden;}
.pbox .right .list li a .wen p{ padding:10px 30px; font-size:14px; line-height:24px; color:#fff; display:block; overflow:hidden;}
.pbox .right .list li a .wen span{ width:40px; display:block; margin:30px auto; margin-top:10px;}
.pbox .right .list li a .wen span img{ width:100%; display:block;}
.pbox .right .list li a:hover .wen{ height:auto;}
.pbox .right .list li a:hover .tu b{ display:block; border:5px solid #28529d; background-color:transparent;}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding:50px 0;}
.pbox .left{ width:100%; position:relative;}
.pbox .left .title{ width:94%; margin:auto; text-align:center;}
.pbox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.pbox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.pbox .left .list{ width:100%; margin-top:10px; text-align:center;}
.pbox .left .list a{ display:inline-block; font-size:14px; line-height:24px; margin:0 3px;}
.pbox .left .list a:hover{ color:#fff;}
.pbox .right{ width:100%;}
.pbox .right .list{ width:100%; display:block;}
.pbox .right .list li{ width:45.5%; display:block; float:left; height:60vw; margin-left:3%; margin-top:15px; position:relative; overflow:hidden;}
.pbox .right .list li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.pbox .right .list li a .tu{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .right .list li a .tu b{ display:block; box-sizing:border-box; background-color:rgba(0,0,0,.7); overflow:hidden; width:100%; height:100%;}
.pbox .right .list li a .wen{ padding:10px; box-sizing:border-box; width:100%; position:absolute; left:0; bottom:0;}
.pbox .right .list li a .wen b{ font-size:16px; line-height:26px; color:#fff; display:block; overflow:hidden;}
.pbox .right .list li a .wen p{ font-size:14px; line-height:24px; color:#999; display:block; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden; height:72px; margin-top:5px;}
.pbox .right .list li a .wen span{ display:none;}
.pbox .right .list li:last-child{ width:94%; height:30vw;}
.pbox .right .list li:last-child a .wen p{ height:24px;}
}

/*我们的优势*/
@media screen and (min-width:1024px){
.ybox{ width:100%; height:100%; background-color:#1f1f1f; position:relative;}
.ybox .left{ width:15%; position:absolute; height:100%; left:0; top:0; z-index:3; background-color:#1f1f1f;}
.ybox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.ybox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.ybox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.ybox .right{ width:100%; height:100%; position:relative; z-index:1;}
.ybox .right .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.ybox .right .swiper-container .swiper-slide{ display:block; height:100%; overflow:hidden; width:85%; padding-left:10%; box-sizing:border-box;}
.ybox .right .swiper-container .swiper-slide:nth-child(2n){ background-color:#28529d;}
.ybox .right .swiper-container .swiper-slide a{ width:70%; margin:auto; padding-top:15vw; display:flex; align-items:center;}
.ybox .right .swiper-container .swiper-slide .zc{ width:240px;}
.ybox .right .swiper-container .swiper-slide .zc img{ width:100%; display:block;}
.ybox .right .swiper-container .swiper-slide .yc{ width:calc(90% - 240px); margin-left:10%;}
.ybox .right .swiper-container .swiper-slide .yc .bt{ font-size:30px; line-height:40px; color:#fff;}
.ybox .right .swiper-container .swiper-slide .yc .line{ width:100px; height:1px; margin:20px 0; background-color:#999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .right .swiper-container .swiper-slide .yc .wen{ font-size:14px; line-height:24px;}
.ybox .right .swiper-container .swiper-slide:nth-child(2n) .line{ background-color:#eee;}
.ybox .right .swiper-container .swiper-slide:nth-child(2n) .wen{ color:#eee;}
.ybox .right .swiper-container .swiper-slide .yc:hover .line{ width:200px;}
.ybox .swi{ position:absolute; bottom:80px; right:10%; width:10%; height:170px; background-color:#28529d; z-index:3; display:flex; align-items:center;}
.ybox .swi .swiper-button-white{ width:50%; height:100%; position:relative; cursor:pointer; float:left;}
.ybox .swi .swiper-button-white img{ display:block; width:8px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .swi .line{ width:2px; height:14px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:rgba(255,255,255,.3);}
.ybox .box{ width:65%; position:absolute; left:15%; bottom:80px; height:170px; z-index:7;}
.ybox .box .line{ width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff; opacity:0.3; z-index:1;}
.ybox .box .swiper-pagination{ width:100%; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; z-index:3;}
.ybox .box .swiper-pagination span{ display:block; width:16.6%; height:30px; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; float:left;}
.ybox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding:50px 0; background-color:#1f1f1f;}
.ybox .left{ width:100%; position:relative;}
.ybox .left .title{ width:94%; margin:auto; text-align:center;}
.ybox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ybox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.ybox .right{ width:100%; margin-top:15px;}
.ybox .right .swiper-container{ width:100%; position:relative; z-index:1;}
.ybox .right .swiper-container .swiper-slide{ display:block;}
.ybox .right .swiper-container .swiper-slide a{ width:94%; margin:auto; display:block;}
.ybox .right .swiper-container .swiper-slide .zc{ width:120px; margin:auto;}
.ybox .right .swiper-container .swiper-slide .zc img{ width:100%; display:block;}
.ybox .right .swiper-container .swiper-slide .yc{ width:100%; margin-top:10px; text-align:center;}
.ybox .right .swiper-container .swiper-slide .yc .bt{ font-size:18px; line-height:28px; color:#fff;}
.ybox .right .swiper-container .swiper-slide .yc .line{ width:50px; height:1px; margin:10px auto; background-color:#999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .right .swiper-container .swiper-slide .yc .wen{ font-size:14px; line-height:24px;}
.ybox .right .swiper-container .swiper-slide .yc:hover .line{ width:100px;}
.ybox .swi{ display:none;}
.ybox .box{ width:100%; height:6px; position:relative; margin-top:15px;}
.ybox .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:3; text-align:center;}
.ybox .swiper-pagination span{ display:block; float:left; background-color:#fff; opacity:0.5; cursor:pointer; margin:0 4px; overflow:hidden; width:6px; height:6px; border-radius:100%;}
.ybox .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}

/*交易优势*/
@media screen and (min-width:1024px){
.jbox{ width:100%; height:100%; position:relative; display:flex;}
.jbox .left{ width:15%; background-color:#28529d;}
.jbox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.jbox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.jbox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.jbox .right{ width:85%; position:relative; z-index:1; display:flex; align-items:center;}
.jbox .right>div{ width:100%; overflow:hidden;}
.jbox .right dl{ width:26.66%; float:left; margin-left:5%; display:block;}
.jbox .right dl dt{ width:100%; display:block; overflow:hidden;}
.jbox .right dl dt img{ width:100%; display:block;}
.jbox .right dl dd{ width:100%; padding-top:15px; display:block; overflow:hidden;}
.jbox .right dl dd b{ font-size:18px; line-height:28px; color:#fff; display:block;}
.jbox .right dl dd p{ font-size:14px; line-height:24px; margin-top:10px; display:block;}
.jbox .right dl:hover b{ color:#28529d;}
}
@media only screen and (max-width:1023px){
.jbox{ width:100%; padding:50px 0;}
.jbox .left{ width:100%; position:relative;}
.jbox .left .title{ width:94%; margin:auto; text-align:center;}
.jbox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.jbox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.jbox .right{ width:94%; margin:auto;}
.jbox .right>div{ width:100%; overflow:hidden;}
.jbox .right dl{ width:100%; display:block; margin-top:15px; position:relative;}
.jbox .right dl dt{ width:100%; display:block; overflow:hidden;}
.jbox .right dl dt img{ width:100%; display:block;}
.jbox .right dl dd{ width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.7); box-sizing:border-box; position:absolute; left:0; top:0; display:block; overflow:hidden;}
.jbox .right dl dd b{ font-size:16px; line-height:26px; color:#fff; display:block;}
.jbox .right dl dd p{ font-size:14px; line-height:24px; display:block;}
.jbox .right dl:hover b{ color:#28529d;}
}

/*MT5 软件下载*/
@media screen and (min-width:1024px){
.dbox{ width:100%; height:100%; background-color:#1f1f1f; position:relative; display:flex; background-image:url(../images/bg01.jpg); background-position:center; background-size:cover;}
.dbox .left{ width:15%;}
.dbox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.dbox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.dbox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.dbox .right{ width:85%; position:relative; z-index:1; display:flex; align-items:center;}
.dbox .right .box{ width:80%; margin:auto;}
.dbox .right .box .zc{ width:50%; float:right;}
.dbox .right .box .zc .bt{ font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.dbox .right .box .zc .wen{ font-size:16px; line-height:30px; margin:30px 0;}
.dbox .right .box .zc .list{ width:100%; display:block;}
.dbox .right .box .zc .list li{ display:block; float:left; margin-right:10px; text-align:center;}
.dbox .right .box .zc .list li strong{ width:120px; height:60px; /*border:1px solid #8b8b8b; border-radius:100%;*/ display:block;}
.dbox .right .box .zc .list li strong img{ height:40px; margin:20px auto;}
.dbox .right .box .zc .list li span{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.dbox .right .box .zc .list li:hover span{ color:#fff;}
.dbox .right .box .yc{ width:45%; float:left;}
.dbox .right .box .yc img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; padding:50px 0; background-color:#1f1f1f;}
.dbox .left{ width:100%; position:relative;}
.dbox .left .title{ width:94%; margin:auto; text-align:center;}
.dbox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.dbox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.dbox .right{ width:94%; margin:auto; margin-top:15px;}
.dbox .right .box .zc{ width:100%; float:left; margin-top:15px;}
.dbox .right .box .zc .bt{ font-size:18px; font-weight:bold; line-height:28px; color:#fff;}
.dbox .right .box .zc .wen{ font-size:14px; line-height:24px; margin:5px 0;}
.dbox .right .box .zc .list{ width:100%; text-align:center; display:block; padding-top:10px;}
.dbox .right .box .zc .list li{ display:inline-block; margin:0 5px; text-align:center;}
.dbox .right .box .zc .list li strong{ width:100px; height:50px; /*border:1px solid #8b8b8b; border-radius:100%;*/ display:block;}
.dbox .right .box .zc .list li strong img{ height:35px; margin:20px auto;}
.dbox .right .box .zc .list li span{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.dbox .right .box .zc .list li:hover span{ color:#fff;}
.dbox .right .box .yc{ width:100%; float:right;}
.dbox .right .box .yc img{ max-width:100%; display:block; margin:auto;}
}

/*风险预警*/
@media screen and (min-width:1024px){
.fbox{ width:100%; height:100%; position:relative; display:flex; background-image:url(../images/bg02.jpg); background-position:center; background-size:cover;}
.fbox .left{ width:15%; background-color:#28529d;}
.fbox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.fbox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.fbox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.fbox .right{ width:85%; position:relative; z-index:1; display:flex; align-items:center;}
.fbox .right .box{ width:80%; margin:auto;}
.fbox .right .box .zc{ width:50%; float:left;}
.fbox .right .box .zc .bt{ font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.fbox .right .box .zc .wen{ font-size:16px; line-height:30px; margin:30px 0;}
.fbox .right .box .zc .more{ width:140px;}
.fbox .right .box .zc .more a{ width:100%; height:40px; line-height:40px; background-color:#28529d; font-size:14px; border-radius:34px; display:block; overflow:hidden; text-align:center; color:#fff;}
.fbox .right .box .yc{ width:45%; float:right;}
.fbox .right .box .yc img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.fbox{ width:100%; padding:50px 0;}
.fbox .left{ width:100%; position:relative;}
.fbox .left .title{ width:94%; margin:auto; text-align:center;}
.fbox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.fbox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.fbox .right{ width:94%; margin:auto; margin-top:15px;}
.fbox .right .box .zc{ width:100%; float:left; margin-top:15px;}
.fbox .right .box .zc .bt{ font-size:18px; font-weight:bold; line-height:28px; color:#fff;}
.fbox .right .box .zc .wen{ font-size:14px; line-height:24px; margin:5px 0;}
.fbox .right .box .zc .more{ width:140px; padding-top:5px;}
.fbox .right .box .zc .more a{ width:100%; height:34px; line-height:34px; background-color:#28529d; font-size:14px; border-radius:34px; display:block; overflow:hidden; text-align:center; color:#fff;}
.fbox .right .box .yc{ width:100%; float:right;}
.fbox .right .box .yc img{ max-width:100%; display:block; margin:auto;}
}

/*交易感受*/
@media screen and (min-width:1024px){
.gbox{ width:100%; height:100%; position:relative; display:flex;}
.gbox .left{ width:15%; z-index:3;}
.gbox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.gbox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.gbox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.gbox .right{ width:85%; position:relative; z-index:1;}
.gbox .right .zc{ width:40%; float:left; height:100%; background-position:center; background-size:cover;}
.gbox .right .yc{ width:60%; float:left; height:100%; display:flex; align-items:center;}
.gbox .right .yc .box{ padding:0 10%; box-sizing:border-box;}
.gbox .right .yc .box .bt{ font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.gbox .right .yc .box .wen{ font-size:16px; line-height:30px; margin-top:30px;}
.gbox .right .yc .list{ width:100%; display:block;}
.gbox .right .yc .list li{ margin-right:30px; display:block; position:relative; float:left; margin-top:20px;}
.gbox .right .yc .list li span{ display:block; font-size:30px; line-height:40px; font-weight:bold;}
.gbox .right .yc .list li p{ display:block; font-size:14px; line-height:24px; color:#666;}
.gbox .right .yc .list li:hover span{ color:#fff;}
}
@media only screen and (max-width:1023px){
.gbox{ width:100%; padding:50px 0; background-color:#1f1f1f;}
.gbox .left{ width:100%; position:relative;}
.gbox .left .title{ width:94%; margin:auto; text-align:center;}
.gbox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.gbox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.gbox .right{ width:100%; margin:auto; margin-top:15px;}
.gbox .right .zc{ width:94%; margin-left:3%; float:left; height:40vw; background-position:center; background-size:cover;}
.gbox .right .yc{ width:100%; float:left; margin-top:15px;}
.gbox .right .yc .box .bt{ width:94%; margin:auto; font-size:18px; font-weight:bold; line-height:28px; color:#fff;}
.gbox .right .yc .box .wen{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:5px;}
.gbox .right .yc .list{ width:100%; display:block;}
.gbox .right .yc .list li{ width:45.5%; float:left; margin-left:3%; display:block; position:relative; margin-top:10px;}
.gbox .right .yc .list li:nth-child(2n+1){ clear:left; float:left;}
.gbox .right .yc .list li span{ display:block; font-size:30px; line-height:40px; font-weight:bold;}
.gbox .right .yc .list li p{ display:block; font-size:14px; line-height:24px; color:#666;}
.gbox .right .yc .list li:hover span{ color:#fff;}
}

/*关于我们*/
@media screen and (min-width:1024px){
.abox{ width:100%; height:100%; position:relative; display:flex;}
.abox .left{ width:15%; z-index:3; background-color:#28529d;}
.abox .left .title{ margin:auto; writing-mode:vertical-rl; padding-top:18vh;}
.abox .left .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.abox .left .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.abox .right{ width:85%; position:relative; z-index:1; display:flex; align-items:center;}
.abox .right .box{ width:80%; margin:auto;}
.abox .right .box .zc{ width:50%; float:left;}
.abox .right .box .zc .bt{ font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.abox .right .box .zc .wen{ font-size:16px; line-height:30px; margin:30px 0;}
.abox .right .box .zc .more{ width:140px;}
.abox .right .box .zc .more a{ width:100%; height:40px; line-height:40px; background-color:#28529d; font-size:14px; border-radius:34px; display:block; overflow:hidden; text-align:center; color:#fff;}
.abox .right .box .yc{ width:45%; float:right;}
.abox .right .box .yc a{ width:50%; padding:10px; box-sizing:border-box; float:left;}
.abox .right .box .yc a img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .right .box .yc a:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding:50px 0;}
.abox .left{ width:100%; position:relative;}
.abox .left .title{ width:94%; margin:auto; text-align:center;}
.abox .left .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.abox .left .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.abox .right{ width:100%; margin-top:15px;}
.abox .right .box .zc{ width:94%; margin-left:3%; float:left;}
.abox .right .box .zc .bt{ font-size:18px; font-weight:bold; line-height:28px; color:#fff;}
.abox .right .box .zc .wen{ font-size:14px; line-height:24px; margin:5px 0;}
.abox .right .box .zc .more{ width:140px; padding-top:5px;}
.abox .right .box .zc .more a{ width:100%; height:34px; line-height:34px; background-color:#28529d; font-size:14px; border-radius:34px; display:block; overflow:hidden; text-align:center; color:#fff;}
.abox .right .box .yc{ width:100%; float:right; padding-top:10px;}
.abox .right .box .yc a{ width:45.5%; margin-left:3%; margin-top:10px; padding:5px; box-sizing:border-box; float:left; background-color:#fff; overflow:hidden; display:block;}
.abox .right .box .yc a img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .right .box .yc a:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:80%; min-width:1200px; margin:auto; padding-top:30px; padding-bottom:25px;}
.footer .foot .left{ float:right; padding-top:10px;}
.footer .left .f01{ height:68px;}
.footer .left .f01 img{ display:block; height:68px;}
.footer .foot .left .f02{ width:100%; margin-top:20px; text-align:center;}
.footer .foot .left .f02 span{ display:block; font-size:14px; line-height:20px; height:20px; color:#fff;}
.footer .foot .left .f02 p{ display:block; font-size:24px; line-height:28px; height:28px;}
.footer .foot dl{ display:block; float:left; overflow:hidden; width:15%;}
.footer .foot dl dt{ display:block; overflow:hidden;}
.footer .foot dl dt a{ display:block; overflow:hidden; color:#fff; font-size:16px; height:44px; line-height:44px;}
.footer .foot dl dd{ display:block; overflow:hidden;}
.footer .foot dl dd a{ display:block; overflow:hidden; font-size:14px; height:26px; line-height:26px;}
.footer .foot dl dd a:hover{ color:#28529d;}
.footer .bq{ padding:15px 0; background-color:#000; font-size:14px; color:#fff; text-align:center;}
}
@media only screen and (max-width:1279px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; margin:auto; padding-top:20px; padding-bottom:15px; text-align:center;}
.footer .foot .left{ float:left; width:100%;}
.footer .left .f01{ height:34px;}
.footer .left .f01 img{ display:block; height:34px; margin:auto;}
.footer .foot .left .f02{ display:inline-block; margin-top:20px;}
.footer .foot .left .f02 span{ display:block; font-size:14px; line-height:20px; height:20px; color:#fff;}
.footer .foot .left .f02 p{ display:block; font-size:24px; line-height:28px; height:28px;}
.footer .foot dl{ display:none;}
.footer .bq{ padding:5px 3%; background-color:#000; font-size:14px; color:#fff; text-align:center;}
}

/*关于我们*/
@media screen and (min-width:1024px){
.main{ width:100%; position:relative; display:flex;}
.main .zc{ width:15%; z-index:3; background-color:#1f1f1f; padding-top:140px; padding-bottom:70px;}
.main .zc .title{ margin:auto; writing-mode:vertical-rl;}
.main .zc .title p{ display:block; font-size:22px; line-height:27px; color:#999;}
.main .zc .title b{ display:block; color:#fff; line-height:55px; font-size:54px; text-align:left; text-transform:uppercase;}
.main .zc .list{ width:100%; text-align:center; margin:auto; margin-top:5vw;}
.main .zc .list p{ display:inline-block; text-align:left;}
.main .zc .list a{ display:block; font-size:14px; line-height:2;}
.main .zc .list a:hover{ color:#fff;}
.main .zc .list a.on{ color:#28529d;}
.main .yc{ width:85%; position:relative; z-index:1; padding-top:70px;}
}
@media only screen and (max-width:1023px){
.main{ width:100%;}
.main .zc{ width:100%; position:relative; padding-top:70px;}
.main .zc .title{ width:94%; margin:auto; text-align:center;}
.main .zc .title p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.main .zc .title b{ display:block; color:#666; line-height:1; font-size:14px; font-weight:normal; text-transform:uppercase;}
.main .zc .list{ width:100%; text-align:center; margin:auto; margin-top:15px;}
.main .zc .list p{ text-align:center; width:1005;}
.main .zc .list a{ display:inline-block; margin:0 5px; font-size:14px; line-height:24px;}
.main .zc .list a:hover{ color:#fff;}
.main .zc .list a.on{ color:#28529d;}
.main .yc{ width:100%;}
}

@media screen and (min-width:1280px){
.ab01{ width:100%; padding-top:70px;}
.ab01 .title{ width:100%; text-align:center;}
.ab01 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab01 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab01 .box{ width:90%; margin:auto; position:relative;}
.ab01 .box .left{ width:50%; float:right; margin-top:25px;}
.ab01 .box .left .wen{ font-size:14px; line-height:24px;}
.ab01 .left .list{ width:100%;}
.ab01 .left .list li{ display:block; position:relative; padding-left:70px; min-height:60px; margin-top:20px;}
.ab01 .left .list li strong{ width:60px; height:60px; border-radius:100%; text-align:center; line-height:60px; font-size:24px; color:#fff; background-color:#333; position:absolute; left:0; top:0; display:block; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .left .list li:hover strong{ -webkit-transform:rotateY(-360deg);}
.ab01 .left .list li span{ font-size:18px; line-height:28px; color:#fff; display:block; overflow:hidden; margin:5px 0;}
.ab01 .left .list li p{ font-size:14px; line-height:24px; display:block; overflow:hidden;}
.ab01 .left .list li:hover span{ color:#fff;}
.ab01 .box .right{ width:45%; float:left;}
.ab01 .box .right .tu{ border-radius:10px; width:100%; margin-top:30px;}
.ab01 .box .right img{ display:block; width:100%;}
}
@media only screen and (max-width:1279px){
.ab01{ padding-top:20px; padding-bottom:25px;}
.ab01 .title{ width:100%; text-align:center;}
.ab01 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab01 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.ab01 .box{ width:94%; margin:auto; position:relative;}
.ab01 .box .left{ width:100%; float:left; margin-top:15px;}
.ab01 .box .left .wen{ font-size:14px; line-height:24px;}
.ab01 .left .list{ width:100%;}
.ab01 .left .list li{ display:block; position:relative; padding-left:70px; min-height:60px; margin-top:10px;}
.ab01 .left .list li strong{ width:60px; height:60px; border-radius:100%; text-align:center; line-height:60px; font-size:24px; color:#fff; background-color:#333; position:absolute; left:0; top:0; display:block; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .left .list li:hover strong{ -webkit-transform:rotateY(-360deg);}
.ab01 .left .list li span{ font-size:16px; line-height:26px; color:#fff; display:block; overflow:hidden;}
.ab01 .left .list li p{ font-size:14px; line-height:24px; display:block; overflow:hidden;}
.ab01 .left .list li:hover span{ color:#fff;}
.ab01 .box .right{ width:100%;}
.ab01 .box .right .tu{ border-radius:5px; width:100%; margin-top:15px;}
.ab01 .box .right img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.ab02{ padding-top:65px; padding-bottom:65px;}
.ab02 .title{ width:90%; margin:auto; text-align:center;}
.ab02 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab02 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab02 .box{ width:90%; margin:auto; position:relative;}
.ab02 ul{ width:100%; display:block;}
.ab02 li{ display:block; float:left; width:14.28%; text-align:center; margin-top:25px;}
.ab02 li:nth-child(7n+1){ clear:left; float:left;}
.ab02 li strong{ width:80px; height:80px; border-radius:100%; border:2px solid #333; margin:auto; display:block; overflow:hidden;}
.ab02 li strong b{ width:60px; height:60px; background-color:#333; margin:10px; border-radius:100%; display:block; overflow:hidden;}
.ab02 li strong b img{ height:30px; margin:15px auto; display:block;}
.ab02 li span{ display:block; text-align:center; font-size:16px; line-height:26px; margin-top:10px;}
.ab02 li:hover strong{ border:2px solid #fff;}
.ab02 li:hover span{ color:#fff;}
}
@media only screen and (max-width:1279px){
.ab02{ padding-top:25px; padding-bottom:25px;}
.ab02 .title{ width:94%; margin:auto; text-align:center;}
.ab02 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab02 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.ab02 .box{ width:94%; margin:auto; position:relative;}
.ab02 ul{ width:100%; display:block;}
.ab02 li{ display:block; float:left; width:30%; margin-left:5%; text-align:center; margin-top:15px;}
.ab02 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab02 li strong{ width:80px; height:80px; border-radius:100%; border:2px solid #333; margin:auto; display:block; overflow:hidden;}
.ab02 li strong b{ width:60px; height:60px; background-color:#333; margin:10px; border-radius:100%; display:block; overflow:hidden;}
.ab02 li strong b img{ height:30px; margin:15px auto; display:block;}
.ab02 li span{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.ab02 li:hover strong{ border:2px solid #fff;}
.ab02 li:hover span{ color:#fff;}
}

@media screen and (min-width:1280px){
.ab03{ padding-top:60px;}
.ab03 .title{ width:90%; margin:auto; text-align:center;}
.ab03 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab03 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab03 .box{  width:90%; margin:auto; margin-top:25px; position:relative;}
.ab03 .box .left{ width:50%; float:right; padding-top:25px;}
.ab03 .box .left .bt{ font-size:24px; line-height:34px;}
.ab03 .box .left .wen{ font-size:14px; line-height:34px; margin-top:15px;}
.ab03 .box .left .wen .la{ background-color:#333; padding:0 10px; color:#fff; display:inline-block; border-radius:5px;}
.ab03 .box .right{ width:45%; border-radius:10px; float:left; height:300px;}
.ab03 .box .right img{ display:block; width:100%; margin-top:-50px;}
}
@media only screen and (max-width:1279px){
.ab03{ padding-top:20px;}
.ab03 .title{ width:94%; margin:auto; text-align:center;}
.ab03 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab03 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.ab03 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.ab03 .box .left{ width:100%; float:left;}
.ab03 .box .left .bt{ font-size:18px; line-height:28px; margin-top:10px;}
.ab03 .box .left .wen{ font-size:14px; line-height:30px;}
.ab03 .box .left .wen .la{ background-color:#333; padding:0 5px; color:#fff; display:inline-block; border-radius:5px;}
.ab03 .box .right{ width:100%; border-radius:5px;}
.ab03 .box .right img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.ab04{ padding-top:65px; padding-bottom:65px;}
.ab04 .title{  width:90%; margin:auto; text-align:center;}
.ab04 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab04 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab04 .box{  width:90%; margin:auto; position:relative;}
.ab04 .list{ width:100%; text-align:center;}
.ab04 .list li{ width:20%; display:block; float:left; text-align:center; margin-top:30px; overflow:hidden;}
.ab04 .list li span{ width:120px; height:120px; display:block; margin:auto; border-radius:100%; background:#333; color:#fff; line-height:120px; font-size:30px;}
.ab04 .list li .wen{ display:block; margin-top:30px;}
.ab04 .list li .wen a{ display:block; color:#fff; font-size:18px; line-height:28px;}
.ab04 .list li .wen p{ display:block; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:1279px){
.ab04{ padding-top:25px; padding-bottom:25px;}
.ab04 .title{ width:94%; margin:auto; text-align:center;}
.ab04 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab04 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.ab04 .box{ width:94%; margin:auto; position:relative;}
.ab04 .list{ width:100%; display:block;}
.ab04 .list li{ width:30%; margin:0 1%; display:inline-block; text-align:center; margin-top:15px; overflow:hidden; vertical-align:top;}
.ab04 .list li span{ width:80px; height:80px; display:block; margin:auto; border-radius:100%; background:#333; color:#fff; line-height:80px; font-size:20px;}
.ab04 .list li a{ display:block; font-size:16px; line-height:24px; margin-top:5px; overflow:hidden; color:#fff;}
.ab04 .list li p{ display:block; font-size:14px; line-height:20px; overflow:hidden;}
}

@media screen and (min-width:1280px){
.ab05{ padding-top:60px; padding-bottom:70px;}
.ab05 .title{  width:90%; margin:auto; text-align:center;}
.ab05 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab05 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab05 .box{  width:90%; margin:auto; margin-top:20px; position:relative;}
.ab05 .wen{ font-size:14px; line-height:24px;}
.ab05 .list{ width:100%; display:block; overflow:hidden; text-align:left; padding-top:5px;}
.ab05 .list li{ display:block; margin-top:20px; position:relative; overflow:hidden; border:1px solid #333; padding:19px;}
.ab05 .list li .left{ width:310px; float:left; position:relative; z-index:1;}
.ab05 .list li .left img{ width:100%; display:block;}
.ab05 .list li .right{ width:calc(100% - 330px); float:left; margin-left:20px; position:relative; z-index:1;}
.ab05 .list li .right .cn{ line-height:28px; font-size:18px; color:#fff; padding-top:10px;}
.ab05 .list li .right .wenz{ width:100%; line-height:24px; font-size:14px; padding-top:5px;}
.ab05 .list li:hover{ border:1px solid #fff;}
}
@media only screen and (max-width:1279px){
.ab05{ padding-top:20px; padding-bottom:30px;}
.ab05 .title{ width:94%; margin:auto; text-align:center;}
.ab05 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab05 .title p{ display:none; font-size:14px; line-height:24px; padding-top:5px;}
.ab05 .box{ width:94%; margin:auto; margin-top:5px; position:relative;}
.ab05 .wen{ font-size:14px; line-height:24px;}
.ab05 .list{ width:100%; display:block; overflow:hidden;}
.ab05 .list li{ display:block; margin-top:15px; position:relative; overflow:hidden; border:1px solid #333; padding:9px;}
.ab05 .list li .left{ width:90px; position:absolute; right:9px; top:9px;}
.ab05 .list li .left img{ width:100%; display:block;}
.ab05 .list li .right{ width:100%; float:left; position:relative; z-index:1;}
.ab05 .list li .right .cn{ line-height:60px; font-size:16px; color:#fff;}
.ab05 .list li .right .wenz{ width:100%; line-height:24px; font-size:14px; margin-top:10px;}
.ab05 .list li:hover{ border:1px solid #fff;}
}

@media screen and (min-width:1280px){
.ab06{ padding-top:60px; padding-bottom:65px;}
.ab06 .title{  width:90%; margin:auto; text-align:center;}
.ab06 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab06 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab06 .box{  width:90%; margin:auto; margin-top:20px; position:relative;}
.ab06 .wen{ font-size:14px; line-height:24px;}
.ab06 .cont{ width:100%; margin:auto; margin-top:10px; font-size:14px; line-height:24px;}
.ab06 .cont .p1{ width:100%; margin-top:10px;}
.ab06 .cont .num{ color:#eee; margin-right:5px; font-size:18px; font-weight:bold;}
}
@media only screen and (max-width:1279px){
.ab06{ padding-top:20px; padding-bottom:25px;}
.ab06 .title{ width:94%; margin:auto; text-align:center;}
.ab06 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab06 .title p{ display:none; font-size:14px; line-height:24px; padding-top:5px;}
.ab06 .box{ width:94%; margin:auto; margin-top:5px; position:relative;}
.ab06 .wen{ font-size:14px; line-height:24px;}
.ab06 .cont{ width:100%; margin:auto; margin-top:5px; font-size:14px; line-height:24px;}
.ab06 .cont .p1{ width:100%; margin-top:5px;}
.ab06 .cont .num{ color:#eee; margin-right:5px; font-size:16px; font-weight:bold;}
}

@media screen and (min-width:1280px){
.ab07{ padding-top:60px; padding-bottom:70px;}
.ab07 .title{  width:90%; margin:auto; text-align:center;}
.ab07 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ab07 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.ab07 .box{  width:90%; margin:auto; position:relative;}
.ab07 dl{ width:1150px; display:block; overflow:hidden; padding-top:5px; margin:auto;}
.ab07 dt{ display:block; float:left; width:630px; margin-top:20px; overflow:hidden;}
.ab07 dt:nth-child(2n){ width:520px;}
.ab07 dt span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:14px; color:#8b8b8b;}
.ab07 dt input{ display:block; float:left; width:400px; padding:0 19px; height:48px; line-height:48px; font-size:14px; border:1px solid #333; color:#8b8b8b; background-color:transparent;}
.ab07 dd{ display:block; float:left; width:1150px; margin-top:20px; overflow:hidden;}
.ab07 dd span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:14px; color:#8b8b8b;}
.ab07 dd textarea{ display:block; float:left; width:1030px; padding:12px 19px; height:194px; line-height:24px; font-size:14px; border:1px solid #333; color:#8b8b8b; background-color:transparent;}
.ab07 dd a{ width:200px; height:50px; margin:auto; display:block; cursor:pointer; line-height:50px; text-align:center; font-size:14px; background:#333; color:#fff;}
}
@media only screen and (max-width:1279px){
.ab07{ padding-top:20px; padding-bottom:20px;}
.ab07 .title{ width:94%; margin:auto; text-align:center;}
.ab07 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.ab07 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.ab07 .box{ width:94%; margin:auto; position:relative;}
.ab07 dl{ width:100%; margin:auto; display:block; overflow:hidden;}
.ab07 dt{ display:block; width:100%; overflow:hidden; padding-top:15px;}
.ab07 dt span{ display:block; float:left; width:70px; height:34px; line-height:34px; font-size:14px; color:#8b8b8b;}
.ab07 dt input{ display:block; float:left; width:calc(100% - 70px); box-sizing:border-box; padding:0 3%; height:34px; line-height:34px; font-size:14px; border:1px solid #333; background-color:transparent; color:#8b8b8b;}
.ab07 dd{ display:block; float:left; width:100%; margin-top:15px; overflow:hidden;}
.ab07 dd span{ display:block; float:left; width:70px; height:34px; line-height:34px; font-size:14px; color:#8b8b8b;}
.ab07 dd textarea{ display:block; float:left; width:calc(100% - 70px); box-sizing:border-box; padding:5px 3%; height:84px; line-height:24px; font-size:14px; border:1px solid #333; background-color:transparent; color:#8b8b8b;}
.ab07 dd a{ width:140px; height:34px; margin:auto; display:block; cursor:pointer; line-height:34px; text-align:center; font-size:14px; background:#333; color:#fff;}
}

/*交易平台*/
@media screen and (min-width:1280px){
.pt01{ padding-top:60px;}
.pt01 .title{  width:90%; margin:auto; text-align:center;}
.pt01 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.pt01 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.pt01 .box{  width:90%; margin:auto; margin-top:25px; position:relative;}
.pt01 .box .left{ width:50%; float:right;}
.pt01 .box .left .wen{ font-size:14px; line-height:24px; padding-top:25px;}
.pt01 .box .left ul{ display:block; margin-top:25px; overflow:hidden;}
.pt01 .box .left ul li{ display:block; float:left; margin-right:20px;}
.pt01 .box .left ul li strong{ height:80px; display:block; width:150px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; overflow:hidden; background-color:#1f1f1f;}
.pt01 .box .left ul li strong img{ display:block; height:40px; margin:30px auto;}
.pt01 .box .left ul li:hover strong{ -webkit-transform:rotateY(-360deg);}
.pt01 .box .left ul li span{ display:block; font-size:18px; line-height:28px; margin-top:20px; text-align:center;}
.pt01 .box .left ul li:hover span{ color:#fff;}
.pt01 .box .right{ width:45%; border-radius:10px; float:left;}
.pt01 .box .right img{ display:block; width:100%;}
}
@media only screen and (max-width:1279px){
.pt01{ padding-top:20px;}
.pt01 .title{ width:94%; margin:auto; text-align:center;}
.pt01 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.pt01 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.pt01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.pt01 .box .left{ width:100%; float:left;}
.pt01 .box .left .wen{ font-size:14px; line-height:24px; padding-top:10px;}
.pt01 .box .left ul{ display:block; margin-top:15px; overflow:hidden; text-align:center;}
.pt01 .box .left ul li{ display:inline-block; text-align:center; margin:0 10px;}
.pt01 .box .left ul li strong{ height:50px; display:block; width:120px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; overflow:hidden; background-color:#1f1f1f;}
.pt01 .box .left ul li strong img{ display:block; height:30px; margin:20px auto;}
.pt01 .box .left ul li:hover strong{ -webkit-transform:rotateY(-360deg);}
.pt01 .box .left ul li span{ display:block; font-size:14px; line-height:24px; margin-top:5px; text-align:center;}
.pt01 .box .left ul li:hover strong{ border:1px solid #000;}
.pt01 .box .left ul li:hover span{ color:#fff;}
.pt01 .box .left ul li:hover img{ -webkit-transform:rotateY(-360deg);}
.pt01 .box .right{ width:100%; border-radius:5px;}
.pt01 .box .right img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.pt02{ padding-top:70px; padding-bottom:70px;}
.pt02 .title{ width:100%; margin:auto;}
.pt02 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.pt02 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.pt02 .box{  width:90%; margin:auto; position:relative;}
.pt02 .box .left{ width:50%; float:left;}
.pt02 .box .left .wen{ font-size:14px; line-height:30px; padding-top:20px;}
.pt02 .info1{ width:100%; padding-top:10px;}
.pt02 .info1 .l1{ width:47%; box-sizing:border-box; margin-right:3%; float:left; position:relative; padding-left:34px; font-size:16px; line-height:24px; margin-top:20px;}
.pt02 .info1 .l1 .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:0; background:#333; border-radius:50%;}
.pt02 .box .right{ width:45%; border-radius:10px; float:right;}
.pt02 .box .right img{ display:block; width:100%;}
}
@media only screen and (max-width:1279px){
.pt02{ padding-top:25px; padding-bottom:25px;}
.pt02 .title{ width:94%; margin:auto; text-align:center;}
.pt02 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.pt02 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.pt02 .box{ width:94%; margin:auto; position:relative;}
.pt02 .box .left{ width:100%;}
.pt02 .box .left .wen{ font-size:14px; line-height:24px; padding-top:10px;}
.pt02 .info1{ width:100%;}
.pt02 .info1 .l1{ position:relative; padding-left:34px; font-size:14px; 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:#333; border-radius:50%;}
.pt02 .box .right{ width:100%; border-radius:5px; margin-top:15px;}
.pt02 .box .right img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.pt03{ padding-bottom:70px;}
.pt03 .title{  width:90%; margin:auto; text-align:center;}
.pt03 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.pt03 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.pt03 .box{  width:90%; margin:auto; margin-top:25px; position:relative;}
.pt03 .box .left{ width:50%; float:right;}
.pt03 .info1{ width:100%; padding-top:10px;}
.pt03 .info1 .l1{ width:47%; margin-left:3%; box-sizing:border-box; float:left; position:relative; padding-left:34px; font-size:16px; line-height:24px; margin-top:20px;}
.pt03 .info1 .l1 .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:0; background:#333; border-radius:50%;}
.pt03 .box .right{ width:45%; border-radius:10px; float:left;}
.pt03 .box .right img{ display:block; width:100%;}
.pt03 .box .wen{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:25px;}
}
@media only screen and (max-width:1279px){
.pt03{ padding-bottom:25px;}
.pt03 .title{ width:94%; margin:auto; text-align:center;}
.pt03 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.pt03 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.pt03 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.pt03 .box .left{ width:100%; float:left;}
.pt03 .info1{ width:100%;}
.pt03 .info1 .l1{ position:relative; padding-left:34px; font-size:14px; line-height:24px; margin-right:26px; margin-top:15px;}
.pt03 .info1 .l1 .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:0; background:#333; border-radius:50%;}
.pt03 .box .right{ width:100%; border-radius:5px;}
.pt03 .box .right img{ display:block; width:100%;}
.pt03 .box .wen{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:10px;}
}

/*交易品种*/
@media screen and (min-width:1280px){
.cp01{ padding-top:60px; padding-bottom:70px;}
.cp01 .title{  width:90%; margin:auto; text-align:center;}
.cp01 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.cp01 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.cp01 .box{  width:90%; margin:auto; margin-top:25px; position:relative;}
.cp01 .box .left{ width:50%; float:right;}
.cp01 .list{ width:100%; display:block; margin-top:-10px;}
.cp01 .list li{ margin-top:20px; display:block; overflow:hidden; position:relative; padding-left:36px; min-height:26px;}
.cp01 .list li img{ height:26px; display:block; position:absolute; left:0; top:0;}
.cp01 .list li .info{ display:block; font-size:14px; line-height:24px;}
.cp01 .box .right{ width:45%; float:left;}
.cp01 .box .right img{ display:block; width:100%;}
}
@media only screen and (max-width:1279px){
.cp01{ padding-top:20px; padding-bottom:25px;}
.cp01 .title{ width:94%; margin:auto; text-align:center;}
.cp01 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.cp01 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.cp01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.cp01 .box .left{ width:100%; position:relative; z-index:3;}
.cp01 .list{ width:100%; display:block;}
.cp01 .list li{ margin-top:10px; display:block; overflow:hidden; padding-left:36px; position:relative; min-height:26px;}
.cp01 .list li img{ height:26px; display:block; position:absolute; left:0; top:2px;}
.cp01 .list li .info{ display:block; font-size:14px; line-height:24px;}
.cp01 .box .right{ width:100%;}
.cp01 .box .right img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.cp02{ padding-bottom:70px;}
.cp02 .title{  width:90%; margin:auto; text-align:center;}
.cp02 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.cp02 .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.cp02 .box{  width:90%; margin:auto; margin-top:25px; position:relative;}
.cp02 .pingZ4{ width:100%; box-sizing:border-box; margin:auto; margin-top:25px; border:1px solid #1f1f1f; border-radius:8px; overflow:hidden;}
.cp02 .pingZ4 .title{ float:left; width:calc(100% - 40px); background:#1f1f1f; color:#fff; font-size:16px; line-height:26px; text-align:center; padding: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:calc(100% - 40px); padding:20px; font-size:16px; line-height:26px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .cont .li{ float:left; width:100%; min-height:52px; display:flex; justify-content:center; align-items:center; padding:13px 0;}
.cp02 .pingZ4 .cont .li:nth-child(2n+1){ background:#1f1f1f;}

.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{ padding-bottom:30px;}
.cp02 .title{ width:94%; margin:auto; text-align:center;}
.cp02 .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.cp02 .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.cp02 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.cp02 .pingZ4{ width:100%; margin-top:10px; box-sizing:border-box; border:1px solid #1f1f1f; border-radius:8px; overflow:hidden;}
.cp02 .pingZ4 .title{ float:left; width:100%; box-sizing:border-box; background:#1f1f1f; 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; font-size:14px; line-height:24px; text-align:center; text-transform:uppercase;}
.cp02 .pingZ4 .cont .li{ float:left; width:100%; min-height:48px; display:flex; justify-content:center; align-items:center; padding:13px 0;}
.cp02 .pingZ4 .cont .li:nth-child(2n+1){ background:#1f1f1f;}

.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{ padding-top:60px; padding-bottom:70px;}
.feng .title{  width:90%; margin:auto; text-align:center;}
.feng .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.feng .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.feng .box{  width:90%; margin:auto; margin-top:20px; position:relative;}
.feng .wen{ font-size:14px; line-height:24px;}
.feng .fengxian2{ width:100%;}
.feng .fengxian2 .la{ margin-top:20px;}
.feng .fengxian2 .la .tit{ color:#fff; font-size:18px; line-height:28px; font-weight:bold;}
.feng .fengxian2 .la .info{ font-size:16px; line-height:26px; margin-top:5px;}
}
@media only screen and (max-width:1279px){
.feng{ padding-top:20px; padding-bottom:30px;}
.feng .title{ width:94%; margin:auto; text-align:center;}
.feng .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.feng .title p{ display:none; font-size:14px; line-height:24px; padding-top:5px;}
.feng .box{ width:94%; margin:auto; margin-top:5px; position:relative;}
.feng .wen{ font-size:14px; line-height:24px;}
.feng .fengxian2{ width:100%;}
.feng .fengxian2 .la{ margin-top:10px;}
.feng .fengxian2 .la .tit{ color:#fff; 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{ padding-top:60px; padding-bottom:70px;}
.help .title{  width:90%; margin:auto; text-align:center;}
.help .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.help .title p{ display:block; font-size:16px; line-height:26px; padding-top:10px;}
.help .box{  width:90%; margin:auto; margin-top:5px;}
.help .list{ width:100%;}
.help .la{ width:100%; margin:auto; padding:20px 0; border-bottom:1px solid #222; overflow:hidden;}
.help .la:last-child{ border-bottom:none; padding-bottom:0;}
.help .la .tit{ width:100%; overflow:hidden;}
.help .la .tit .ico{ overflow:hidden; height:28px; color:#fff; background:#333; text-align:center; line-height:28px; float:left; font-size:14px; width:28px; border-radius:100%;}
.help .la .tit .p1{ font-size:18px; line-height:28px; width:calc(100% - 40px); float:right; overflow:hidden; color:#fff;}
.help .la .info{ width:100%; overflow:hidden; margin-top:10px;}
.help .la .info .ico{ overflow:hidden; height:28px; color:#fff; background:#333; text-align:center; line-height:28px; float:left; font-size:14px; width:28px; border-radius:100%;}
.help .la .info .p1{ font-size:16px; line-height:28px; width:calc(100% - 40px); float:right; overflow:hidden;}
}
@media only screen and (max-width:1279px){
.help{ padding-top:20px; padding-bottom:30px;}
.help .title{ width:94%; margin:auto; text-align:center;}
.help .title b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.help .title p{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.help .box{ width:94%; margin:auto;}
.help .list{ width:100%; margin-top:-5px;}
.help .la{ width:100%; padding:15px 0; border-bottom:1px solid #222; overflow:hidden;}
.help .la:last-child{ border-bottom:none; padding-bottom:0;}
.help .la .tit{ width:100%; overflow:hidden;}
.help .la .tit .ico{ width:26px; overflow:hidden; height:26px; background:#333; text-align:center; line-height:26px; float:left; font-size:14px; color:#fff; border-radius:100%;}
.help .la .tit .p1{ font-size:16px; line-height:26px; width:calc(100% - 35px); float:right; overflow:hidden; color:#fff;}
.help .la .info{ width:100%; overflow:hidden; margin-top:10px;}
.help .la .info .ico{ width:26px; overflow:hidden; height:26px; line-height:26px; background:#333; text-align:center; line-height:fff; float:left; font-size:14px; color:#fff; border-radius:100%;}
.help .la .info .p1{ font-size:14px; line-height:26px; width:calc(100% - 35px); float:right; overflow:hidden;}
}