/* CSS Document */

body{padding:0; margin:0 !important; padding-top:190px; font-family:Microsoft JhengHei , aril }
.width-sys{max-width:1180px; width:100%; margin:auto;}
img{ max-width:100%; height:auto}
.float-r{ float:right;}
.float-l{ float:left;}
.kefu-fix{ position:fixed; bottom:100px; right:100px; z-index:2; width:92px; }
.wap-show{display:none;}
UL,li{ list-style:none;}
UL{padding:0; margin:0;}
a{color:#000; text-decoration:none}
a:hover{ text-decoration:underline}
p{color:#333;}
.hui{color:#666;}
 @font-face {font-family: "iconfont";
          src: url('../font/iconfont.eot'); /* IE9*/
          src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
@media only screen and (max-width:768px) {
	.wap-none{ display:none;}
	.wap-show{display: block;}
	}
.head-fix{top:0; left:0; width:100%; z-index:999; position:fixed;}
.head{top:0; left:0; width:100%; z-index:999; position:fixed;}
.top{ height:140px; width:100%; background:url(../images/top.jpg) top center; clear:both; }
.logo{ float:left;}
.top-r{ float:right; margin-top:40px;}
.login{float:left; margin-right:10px; margin-top:5px; line-height:30px; width:60px;padding:0 5px; position:relative; border:1px solid #ccc; color:#fff;}
.login:after{ position:absolute; right:8px; top:10px; border:5px solid rgba(0,0,0,1.00); border-top-color:#fff; content:" "; display:block;}
.login a{color:#fff;  display:block; padding:0 8px; border-bottom:1px solid #ccc;}
.logind{ position:absolute; top:29px; left:-1px; border:1px solid #ccc; width:100px; z-index:9; background:#000; display:none;}
.login:hover .logind{ display:block;}
.head-fix .top{ height:80px; width:100%; background:url(../images/top.jpg) top center; clear:both; }
.head-fix .logo{ float:left;}
.head-fix .logo img{height:70px;}
.head-fix .top-r{ float:right; margin-top:10px;}
.lauage{ float:right; color:#fff; position:relative; width:120px; margin-left:10px; margin-top:10px; height:22px;}
.lauage:after{content:" "; display:block; border:5px solid rgba(0,0,0,1.00); border-top-color:#fff; position:absolute; right:5px; top:7px;}
.lauage img{ float:left; color:#fff; margin-right:5px;}
.lauage ul{ background:rgba(27,27,27,1.00); display:none; width:120px; padding:0; margin:0; position:absolute; top:22px; right:0; z-index:999;}
.lauage:hover ul{display:block;}
.lauage ul li{ background:rgba(27,27,27,1.00); display:block; padding:10px;height:22px;}
.lauage ul li:hover{ background:#333; display:block; padding:10px; }
.lauage ul li a{ color:#fff; text-decoration:none; display:block;}
@media only screen and (max-width:768px) {
	.head-fix{top:0; left:0; width:100%; z-index:999; position:fixed;}
.top{ height:80px; width:100%; background:url(../images/top.jpg) top center; clear:both; }
.logo{ float:left;}
.top-r{ float:right; margin-top:10px;}

.head-fix .top{ height:80px; width:100%; background:url(../images/top.jpg) top center; clear:both; }
.head-fix .logo{ float:left;}
.logo img{height:70px;}
.head-fix .top-r{ float:right; margin-top:10px;}
.lauage{ float:right; color:#fff; position:relative; width:120px; margin-left:10px; margin-top:10px; height:22px;}
.lauage:after{content:" "; display:block; border:5px solid rgba(0,0,0,1.00); border-top-color:#fff; position:absolute; right:5px; top:7px;}
.lauage img{ float:left; color:#fff; margin-right:5px;}
.lauage ul{ background:rgba(27,27,27,1.00); display:none; width:120px; padding:0; margin:0; position:absolute; top:22px; right:0; z-index:999;}
.lauage:hover ul{display:block;}
.lauage ul li{ background:rgba(27,27,27,1.00); display:block; padding:10px;height:22px;}
.lauage ul li:hover{ background:#333; display:block; padding:10px; }
.lauage ul li a{ color:#fff; text-decoration:none; display:block;}
	}

.nav{ background:url(../images/navbg.png); height:50px; position:relative; clear:both;}
.nav ul{padding:0; margin:0; float:left;}
.nav li{ padding:0 20px; line-height:50px; display:inline-block;}
.nav li a{color:#f1f1f1; text-decoration:none; display:block;}
.nav li .nav-sub{width:100%; background:rgba(29,29,29,1.00); position:absolute; top:50px; left:0; z-index:999; display:none;}
.nav li:hover .nav-sub{ display:block;}
.nav li:hover{  background:#000;}
.nav li .nav-sub dl{float:left; padding-right:30px;}
.nav li .nav-sub dl dd{font-size:14px;}
.nav li .nav-sub h1{padding:5px; margin:0; color:#fff; border-bottom:1px solid #474747}
.nav li .nav-subpic{float:right; padding-right:30px; width:30%; padding-top:40px;}
.nav-subr{float:left;}
.nav .nav-btn{ background: url(../images/navbtn.jpg); float:right; color:#fff; width:200px; font-size:20px; height:50px; text-align:center; line-height:50px;}
.nav .nav-btn a{color:#fff; text-decoration:none;}
@media only screen and (max-width:768px) {
	.nav{ background:url(../images/navbg.png); height:auto; position:relative; clear:both; display:none;}
.nav ul{padding:0; margin:0; float:none;}
.nav li{ padding:0 25px; line-height:50px; display:block;}
.nav li a{color:#f1f1f1; text-decoration:none; display:block;}
.nav li .nav-sub{width:100%; background:rgba(29,29,29,1.00); position:absolute; top:50px; left:0; z-index:999; display:none;}
.nav li:hover .nav-sub{ display:none;}
.nav li:hover{  background:#000;}
.nav li .nav-sub dl{float:left; padding-right:30px;}
.nav li .nav-sub dl dd{font-size:14px;}
.nav li .nav-sub h1{padding:5px; margin:0; color:#fff; border-bottom:1px solid #474747}
.nav li .nav-subpic{float:left; padding-right:30px; width:30%; padding-top:40px;}
.nav-subr{float:left;}
.nav .nav-btn{ background: url(../images/navbtn.jpg); float:none; color:#fff; width:200px; font-size:20px; height:50px; text-align:center; line-height:50px;}
.nav .nav-btn a{color:#fff; text-decoration:none;}
	}
	
.ys-box{width:100%; height:75px; background:url(../images/bg1.png); clear:both; text-align:center;}
.ys-box ul{padding:0; margin:0;}
.ys-box li{padding:0 3%; line-height:75px; color:#fff; font-size:20px; list-style:none; display:inline-block;}
.ys-box li img{float:left; padding-left:10px;}
.ys-box li a{color:#fff; text-decoration:none;}
@media only screen and (max-width:768px) {
	.ys-box{width:100%; height:150px; background:url(../images/bg1.png) top;}
.ys-box ul{padding:0; margin:0;}
.ys-box li{padding:0 3%; float:left; width:44%; line-height:75px; color:#fff; font-size:16px; list-style:none; display:inline-block;}
.ys-box li img{float:left; padding-left:10px;}
	}
.btn-box{ text-align:center; padding:2%; clear:both;}
.ico-box{ text-align:center; clear:both;}
.btn-box img{ padding-left:15px; } 
.erro-tip{ background:#eee; height:75px; line-height:75px; text-align:center; font-size:20px; clear:both}
.erro-tip p{padding:0; margin:0;}
.forex-show {
    width: 100%;
    overflow: hidden;
    height: 25px;
	margin-top:5px;
}.forex-div {
    margin: 0 3px;float: left;
    width: 37px;
    height: 25px;
}.AUD {

    background: url(../images/flag.png) -37px 0;
}.CAD {

    background: url(../images/flag.png) no-repeat -74px 0;
}
.S_Up {
    width: 12px;
    height: 12px;
    background: url(../images/flag.png) no-repeat -12px -25px;
}.CHF {

    background: url(../images/flag.png) no-repeat -111px 0;
}
.JPY {
   
    background: url(../images/flag.png) no-repeat -259px 0;
}
.JPY {

    background: url(../images/flag.png) no-repeat -259px 0;
}
.NZD {

    background: url(../images/flag.png) no-repeat -296px 0;
}
.USD {

    background: url(../images/flag.png) 0 0;
}
.CAD {

    background: url(../images/flag.png) no-repeat -74px 0;
}
.S_UnChanged {

    background: url(../images/flag.png) no-repeat -24px -25px;
}

.EUR {

    background: url(../images/flag.png) no-repeat -148px 0;
}
.GBP {

    background: url(../images/flag.png) no-repeat -185px 0;
}
.S_Down {
    width: 12px;
    height: 12px;
    background: url(../images/flag.png) no-repeat 0 -25px;
}

.forex-text {
    margin-top: 5px;
    float: left;
    width: 100px;
    height: 12px;
    margin: 0 2em 0 0;
    display: table;
    font-weight: bolder;
}
.about-box{ background:url(../images/hbg.jpg) center top no-repeat; color:#f1f1f1; padding-top:3%; padding-bottom:2%;}
.about-box h1{ text-align:center; font-size:30px; font-weight:normal;}
.about-box h2{ text-align:center; font-size:16px; font-weight:normal;}
.aboutlr{ float:left; width:20%; padding-left:20%;}
.aboutlr li{ list-style:none; background:url(../images/duihao.png) no-repeat left center; line-height:30px; padding:5px 0; padding-left:35px;}
.aboutlr ul{padding:0; margin:0;}
.aboutpic{ float:right; width:40%; padding-right:10%;}
@media only screen and (max-width:768px) {
	.about-box{ background:url(../images/hbg.jpg) center top no-repeat; color:#f1f1f1; padding-top:3%; padding-bottom:2%;}
.about-box h1{ text-align:center; font-size:30px; font-weight:normal;}
.about-box h2{ text-align:center; font-size:16px; font-weight:normal;}
.aboutlr{ float:left; width:50%; padding-left:0%;}
.aboutlr li{ list-style:none; background:url(../images/duihao.png) no-repeat left center; line-height:30px; padding:5px 0; padding-left:35px;}
.aboutlr ul{padding:0; margin:0;}
.aboutpic{ float:right; width:40%; display:none;padding-right:0%;}
	}


.yous-box{ background:url(../images/bg3.jpg) center top ; color:#333; padding-top:3%; padding-bottom:2%;}
.yous-box h1{ text-align:center; font-size:30px; font-weight:normal;}
.yous-box h2{ text-align:center; font-size:16px; font-weight:normal;}
.youslr{ float:left; width:20%; padding:2.5%; text-align:center;}
.youslr li{ list-style:none; background:url(../images/duihao.png) no-repeat left center; line-height:30px; padding:5px 0; padding-left:35px;}
.youslr ul{padding:0; margin:0;}
@media only screen and (max-width:768px) {
	.yous-box{ background:url(../images/bg3.jpg) center top ; color:#333; padding-top:3%; padding-bottom:2%;}
.yous-box h1{ text-align:center; font-size:30px; font-weight:normal;}
.yous-box h2{ text-align:center; font-size:16px; font-weight:normal;}
.youslr{ float:left; width:20%; padding:2.5%; text-align:center;}
.youslr li{ list-style:none; background:url(../images/duihao.png) no-repeat left center; line-height:30px; padding:5px 0; padding-left:35px;}
.youslr ul{padding:0; margin:0;}
	}

.contact-box{ background:url(../images/bbbg.jpg) center top ; background-size:100% 100%; color:#fff; padding-top:3%; padding-bottom:5%;}
.contact-box h1{ text-align:center; font-size:36px; font-weight:normal;}
.contact-box h2{ text-align:center; font-size:16px; font-weight:normal;}
.contactlr{ float:left; width:28%; padding:2.5%; text-align:center;}
.contactlr a{ color:#fff;}
.contactlr p{ color:#fff;}
.contactlr ul{padding:0; margin:0;}


.bottom{ padding:20px 0;}
.bottom-nav a{padding:0 8px; color:#333; text-decoration:none; line-height:30px;}
.shenming{ text-align:center; color:#333; font-size:14px; padding:2% 0;}
.copy-right{ text-align:center; color:#fff; height:50px; line-height:50px; font-size:14px; background:url(../images/navbg.png)}



/*substyle*/
.subtitle{height:auto; background:rgba(33,33,33,1.00); padding:2%; color:#fff; text-align:center;}
.subtitle:after{content:" "; clear:both; display:block;}
.subtitle h1{font-size:28px; line-height:35px; padding:0; margin:0; font-weight:normal;}
.subtitle h2{font-size:18px; line-height:18px; padding:5px; margin:0; font-weight:normal;}

.h1-title, .page-title {
    font: 700 32px/1.0625 'Roboto', Arial, sans-serif;
    margin: 0 0 18px;
    padding: 0;
    color: #000;
}.top-btn-block {
    width: 100%;
    overflow: hidden;
    padding: 0 0 28px;
    text-align: center;
}.v-align-holder {
    display: table;
    margin: 0;
    padding: 0 0 18px;
}

h2.title, .h2-title{
    font: 24px/1.0833 'Roboto', Arial, sans-serif;
    padding: 0 0 27px;
    margin: 0;
}

.green-list {
    margin: 0 0 14px;
}.green-list li {
    background: url(../images/duihao.png)  0 0 no-repeat;
    background-size: 20px 20px;
    padding: 0 0 0 30px;
    margin: 0 0 16px;
}
.icon-mt4-red {
    background-position: 0 0;
    height: 30px;
}
.v-align-holder .icon {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    background: url(../images/sprite.svg) 0 0 no-repeat;
}.v-align-holder > :first-child {
    padding: 0 20px 0 0;
}
.tools-list li > span, .v-align-holder > * {
    display: table-cell !important;
    vertical-align: middle;
    float: none !important;
    padding: 0;
}
.v-align-holder {
    display: table;
    margin: 0;
    padding: 0 0 18px;
}.icon-mt4-red {
    background-position: 0 0;
    height: 30px;
}
.icon-mt5-red {
    background-position: -41px 0;
    height: 30px;
}.icon-ctrader-red {
    background-position: -82px 0;
    height: 30px;
}

.grid_6{width:48%; margin:1%; display:inline-block; float:left;}
.row:after{content:" "; clear:both; display:block;}
.page-title{ padding:10px;}
.center{ text-align:center; margin:auto;}

.grid_3{width:23%; margin:1%; float:left;}
.clear{clear:both;}
.border-top{ border-top:1px solid #333;}
.sfContentBlock{ margin-top:15px;}
.h6-title{font-size:16px;}
.sf_colsOut .hui{font-size:14px;}
.sf_colsOut .right{ float:right}
@media only screen and (max-width:768px) {
	.grid_6{width:98%; margin:1%; display:inline-block; float:left;}
	.grid_3{width:48%; margin:1%; float:left;}
	}
	.lj-js{padding-bottom:30px;}
	.lj-js:after{content:" "; clear:both; display:block;}
	.lj-l{width:55%; float:left; font-size:14px;}
	.lj-r{width:42%; float:right;}
	.lj-l h2{ font-size:14px; line-height:20px; font-weight:normal;}
	.lj-title{ font-size:20px; color:rgba(217,0,3,1.00); padding-bottom:10px;}
	.down-com i ,.down-com{font-size:24px}
	
	.table-box td ,.table-box th{border-bottom:1px solid #ccc; padding:5px 5px;}
	.table-box tr:hover{ color:rgba(241,0,4,1.00); background: rgba(253,229,229,1.00);}
.table-box table{border-top:1px solid #ccc;}

.gongjv-list:after{content:" "; clear:both; display:block;}
.gongjv-list li{width:46%; padding:2%; float:left;}
.gongjv-list li h1{ font-size:30px; padding:8px 0; font-weight:normal;}
.gongjv-list li i{ font-size:30px; padding:0 5px;}
.gongjv-list li p{ font-size:14px; color:#666;}
.gongjv-list li .gj-more a{ font-size:14px; text-align:right; color:rgba(255,0,4,1.00);}


.sub-nav{ background:rgba(82,82,82,1.00); text-align:center; line-height:45px;}
.sub-nav a{color:#fff; display:block; padding:0 20px;}
.sub-nav a:hover{ background:rgba(0,0,0,1.00);}
.sub-nav dl{padding:0; margin:0;}
.sub-nav dd{ display: inline-block; margin:0;}

.news-list:after{content:" "; clear:both; display:block;}
.news-list li{ border-bottom:1px dashed #ccc; padding:10px 0;}
.news-list li:after{content:" "; clear:both; display:block;}
.news-pic{width:20%; float:left;}
.news-wz{padding-left:1%; float:left; width:78%}
.news-more a{ display:block; width:120px; background:rgba(31,31,31,1.00); line-height:30px; text-align:center; color:#fff; float:right}

.page{ padding:10px; text-align:center;}
.page li{ display:inline-block; border:1px solid #ccc; background:rgba(235,235,235,1.00);}
.page a{ display:block; padding:0 10px; color:#333; line-height:30px;}
.page a:hover{ color:#fff; background:rgba(35,35,35,1.00)}
.page .active{color:#fff; background:rgba(35,35,35,1.00)}

.fpage{ padding:10px;}
.fpage:after{content:" "; clear:both; display:block;}
.next-news{ float:right;}
.prev-news{ float:left;}

.rilis-left{ float:left; width:70% !important; margin-top:15px;}
.rilis-right{ float:right; width:28%; margin-top:15px;}
.rilis-right .btn{ font-size:24px; padding:5px 0;text-align:center; color:#fff; display:block; background:rgba(122,122,122,1.00); margin-bottom:10px;}
.rilis-right .btn small{display:block;font-size:14px; }
.btn-blue{ background:rgba(0,83,212,1.00) !important;}
.btn-green{ background: rgba(7,192,0,1.00) !important;}
.btn-black{ background:rgba(0,0,0,1.00) !important;}