@charset "utf-8";/* 大部分页面可用 */

/*********************
 GENERAL RESET & SETUP 
*********************/

/***
Import fonts
***/

/*Load Open Sans Font from google fonts*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
*/

/* load Open Sans Font from local */
@import url(fonts/font.css);

/* 引入iconfont icon */
@import url(//at.alicdn.com/t/font_211295_8npit2q84s2d42t9.css);

/* load Open Sans Font from local */
@import url(main.css);




/* Headers/Titles */
/*-----------------------------------------------------------------------------------*/
body { font-family: "microsoft yahei","黑体","宋体",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-style: normal; font-weight: 400 !important; font-size: 1.5em !important; overflow-x:hidden !important; top: 0px !important;background: #E8E8E8 !important;}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header, Navigation & Menus
/*-----------------------------------------------------------------------------------*/

/* Top Menu */
/*-----------------------------------------------------------------------------------*/
.topHd{width:100%;height:35px;top:0px;left:0px;z-index:999999; font-size: 12px;}
.topHd .topHd-license{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;float:left;max-width:50%;padding-right:15px;color:silver}
.topHd .topHd-license a{color:#6f6f6f;-webkit-transition:.3s;transition:.3s}
.topHd .topHd-license a:hover{color:silver}
.topHd ul li{ float:left;display: inline-block;border-left: 1px solid #3a3a3a; color: silver}
.topHd i.icof{ padding-right:2px; font-size: 13px}
.topHd a{ color:silver}
.topHd a:hover{color:#fff;background:#303030}



#header {}
/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px){
    /*全部-导航*/
    #header .navbar{ border-radius: 0; padding: 0; }
    /*全部-导航*/
}
/*大于手机屏幕时的样式 sm <= 768px */
@media (max-width: 768px){
    /*全部-导航*/
	#header .navbar-brand img{ max-width:100px}
    /*全部-导航*/
}
#header .navbar{ min-height:81px}
.navbar-header .logo { line-height: 1.82}
.navbar-header .logo img{max-height:68px}
/*全部-导航条样式复写*/
#header .navbar-default{border:0;margin-bottom:0;z-index:1000;background-color:rgba(255,255,255,0.98);}
#header .navbar-default .navbar-nav>li {margin-left: 1px;}
#header .navbar-default .navbar-nav>li>a{font-size:16px;padding:8px 21px 18px !important;}
#header .navbar-default .navbar-nav>li>a:hover{color:#d82717;border-bottom: 4px solid #d82717;}
#header .navbar-default .navbar-nav>.active>a,
#header .navbar-default .navbar-nav>.active>a:hover,
#header .navbar-default .navbar-nav>.active>a:focus{color:#d82717;background-color:rgba(255,255,255,0);  }
#header .navbar-default .navbar-nav>li .line-top{border-top:1px solid #104d99;width:18px;margin:auto;}


/* 背景式Logo样式 */
/*-----------------------------------------------------------------------------------
.navbar-default .navbar-brand{width: 220px;height: 60px; margin-left:15px !important}*/
#zhilb-navbar-collapse-1{ padding-top:29px}
#zhilb-navbar-collapse-1 ul{ padding:0; z-index:999;}
#zhilb-navbar-collapse-1 li.active,#zhilb-navbar-collapse-1 li.on{border-bottom: 2px solid #d82717;}
#zhilb-navbar-collapse-1 li.active a,#zhilb-navbar-collapse-1 li.on a{color:#d82717;}
#zhilb-navbar-collapse-1 .subSf{position: fixed; left: 0; top: 81px;display: none;background: #f0f0f0; width: 100%;border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px;border-top:1px solid #cfcfcf;box-shadow:0 2px 4px rgba(0,0,0,0.1); height: 300px; padding-top: 15px}
#zhilb-navbar-collapse-1 .subSf li{ float: left; text-align:center; border-right: 1px solid #d82717;}
#zhilb-navbar-collapse-1 .subSf .last{ border-right:none}
#zhilb-navbar-collapse-1 .subSf li a{ display: block; line-height: 24px !important;color: #777 !important;  font-size: 12px !important;text-align: left;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#zhilb-navbar-collapse-1 .subSf li a:hover{color: #333 !important; transition: all 0.2s linear 0s;}
#zhilb-navbar-collapse-1 .subSf li a:after {content: "";display: block;margin-top: 5px;border-bottom: 2px solid #f36b21;width: 0;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
}
#zhilb-navbar-collapse-1 .subSf li a:hover:after {width: 100%;}

#zhilb-navbar-collapse-1 .subSf li .line{border-top:1px solid #fff;height:1px;text-align:center; margin:0 auto;width:75%;}
#zhilb-navbar-collapse-1 .subSf h4 {font-size: 14px;text-transform: uppercase;font-weight: bold;color: #d82717}
#zhilb-navbar-collapse-1 .subSf p { font-size: 11px;}

@media (max-width: 767px) {
	#zhilb-navbar-collapse-1 {float: none; }
    #zhilb-navbar-collapse-1 ul {display: none; }
    .logo {text-align: center; }
}
.subSf-nav{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 316px;-ms-flex:0 0 316px;flex:0 0 316px;max-width:316px;padding-top:50px;padding-right:45px;border-right:1px dashed #d2d2d2}
.subSf-nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:30px;margin-bottom:20px;font-size:24px;font-weight:500;line-height:24px}
.subSf-nav-desc{overflow:hidden;height:93px;font-size:13px;line-height:18px}
.trading-buttons{}
.trading-button .btn{display:block;height:54px;line-height:54px;padding:0 15px;min-width:100%;border-radius:0;border:0;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:400;text-decoration:none;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;-webkit-transition:all .3s;transition:all .3s; color:#FFF !important}

.subSf-nav-list{font-size:0}
.subSf-nav-item{display:inline-block;vertical-align:top;box-sizing:border-box;width:33.3%;min-height:110px;margin-top:20px; padding-right: 60px; border-right: none  !important;}
.subSf-nav-item a{color:#313131}
.subSf-nav-item a:hover{color:#c00}
.subSf-nav-text{overflow:hidden;position:relative;display:block;max-height:40px;margin-bottom:10px;padding-left:15px;font-size:16px;font-weight:500;line-height:1.2;color:#c00}
.subSf-nav-text:before{content:"";position:absolute;top:.4em;left:0;width:6px;height:6px;background:#c00}
.subSf-nav-desc{overflow:hidden;display:block;max-height:100px;line-height:18px;font-size:13px}


.risk-warning-short{max-width:270px;margin:10px 0 0;line-height:1.2;font-size:11px;text-align:left}
@media (max-width:980px){.risk-warning-short{margin-left:auto;margin-right:auto}}




.cover{margin: 0 auto; max-width: 1280px;box-shadow: 0 0 30px -15px #000; overflow: hidden;}




/* Slideshow */
.fullSlide{width:100%;position:relative;height:400px;background:#fff; clear:both;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:400px;text-align:center;overflow: hidden;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.fullSlide .bd li a{display:block;height:400px; color:#fff;}
.fullSlide .bd li .content { position: absolute;  width: 100%;  height: 100%;  z-index: 100;  top: 0;  left: 0;  bottom: 0;  text-align: center;  color: #ffffff;}
.fullSlide .bd li .content .name { font-size: 96px; font-weight: bold; padding-top: 100px; text-shadow:1px 1px 1px #666666;}
.fullSlide .bd li .content .desc {  font-size:45px;  font-weight: bold;  padding-top: 35px;  text-shadow:1px 1px 1px #666666;}
.fullSlide .btnBar i{ line-height:30px; font-size:24px}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:100px;left:50px;z-index:1;width:50px;height:50px;cursor:pointer; color:#fff; line-height:50px; text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; border:3px solid #fff;transition:all linear .2s;-moz-transition:all linear .2s;-webkit-transition:all linear .2s;-o-transition:all linear .2s;text-decoration:none}
.fullSlide .next{left:auto;right:50px;}
.fullSlide .prev:hover, .fullSlide .next:hover{ background:#00a5fa; border:3px solid #00a5fa; color:#fff;}

.wrapSlide {padding: 120px 0;overflow: hidden;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;}

/*-----------------------------------------------------------------------------------*/
/*	3.	page Styles
/*-----------------------------------------------------------------------------------*/
.pagination i{ font-size:12px;}

/*开始交易*/
.start-trading-section{margin-top:-1px;background:#f0f0f0;border:0 solid #cfcfcf;border-top-width:1px;border-bottom-width:1px;padding: 50px 0;}
.start-trading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.start-trading-content{font-size:16px;color:#303030}
.start-trading-title{font-size:26px;font-weight:400;margin:0 0 10px;color:#222}
.start-trading-desc p{margin:0}
.start-trading-section .trading-buttons {min-width: 270px}


.step{ padding: 30px 0px; margin-left: 14%}
.step ul li{ margin-top: 20px; float: left;width: 260px; margin-left: 35px; height:175px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;  }
.step-box{float: left;width: 180px;height:175px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box; border: 2px solid #999999; border-radius: 5px; position: relative; }
.step-ico{ display: block; margin: 0 auto; width: 85px;height: 100px; margin-top: -30px; transition: all ease 0.4s;}
.step-ico i{ display: block; font-size: 80px !important;float: left; height: 65px;transform:translate(0,-10px);-webkit-transition:.3s;transition:.3s;opacity:0.8}
.step-box h2{ text-align: center; font-size: 15px; color: #999999; margin-top: 30px;margin-bottom: 0 !important;; line-height: 18px;transition: all ease 0.4s;float: left; width: 100%}
.step-box p{ text-align: center; padding: 0 10px; font-size: 14px; color: #999999 ;line-height: 14px; margin-top: 10px;transition: all ease 0.4s;float: left; width: 100%}

.step ul li i{ font-size: 50px; line-height: 175px;color: #999999}
.step-box>span{position: absolute;transition: all ease 0.4s;display: block; left: 0; top: 50%; width: 50px; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;  ; height: 50px; background: #fff;margin-top: -25px;color: #999999; margin-left: -25px; }

.step-box>span>span{width: 40px;transition: all ease 0.4s;display: block; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;  text-align: center; line-height: 40px; height: 40px; background: #fff; border: 1px solid #d82717;margin-top: 5px;color: #d82717; font-size: 25px; margin-left: 5px;border-radius: 50%; }

.step-box:hover{border: 2px solid #d82717 !important;cursor: pointer;transition: all ease 0.4s;}
.step-box:hover .step-ico i{-webkit-transform: translate(0,0);transform: translate(0,0);opacity: 1; color:#d82717;}


.step-box:hover h2{color:#d82717 !important;transition: all ease 0.4s;}
.step-box:hover p{color:#d82717 !important;transition: all ease 0.4s;}
.step-box:hover>span>span{color:#d82717 !important;transition: all ease 0.4s; border: 1px solid #d82717 !important}


/*-----------------------------------------------------------------------------------*/
/*	4.	Footer Styles
/*-----------------------------------------------------------------------------------*/


.communication{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; bottom:10%; right:1px;z-index:999999; display:none;}
.communication a{display:block; width:70px;position:relative; background-color:#183884; background-repeat:no-repeat; text-align:center; margin:0 auto; margin-top:1px; padding-top:3px;border-radius: 50%;}
.communication a i{ font-size:45px; color:#FFF; margin-top:10px;}
.communication a span{ position:absolute; right:5px; top:44px; height:45px; color:#fff;line-height:45px; font-size:14px;  text-align:left}
.communication a:hover{-webkit-transition:width 300ms ease;-moz-transition:width 300ms ease;-ms-transition:width 300ms ease;-o-transition:width 300ms ease;transition:width 300ms ease; background-color:#DA251D;}
.communication a.Hometop{ margin-top:1px; background-color:#4e4e4e; height:65px;border-radius: 50%;}


#footer {background-color: #EEEEEE; border-top: 1px solid #DBDBDB; color: #000000; font-size: 12px; padding-bottom: 10px; position: relative; }
#footer > .container {padding-top: 20px; }
#footer a {color: #000; }
#footer a:hover {color: #E84807; }
#footer input {border-width: 0; }

#footer .heading {border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000000; font-size: 16px; font-weight: 600; padding-bottom: 10px; }
#footer h6{ font-size:16px; padding:15px auto; margin-bottom:15px; color:#444; line-height:20px; font-weight:bold; font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif}
#footer .f-logo{ margin:0 auto; margin-bottom:10px}
#footer .f-logo img{ max-height:120px}
#footer .f-contact{ padding:5px auto !important; font-size:14px; color:#666; }

#footer .info em { display: block; font-size: 26px; font-style: normal;}

#footer .footer-navigate {list-style: none; margin-left: 0; }
#footer .footer-navigate li {border-bottom: 1px solid #DADADA; float:left; padding:0 20px;}
#footer .footer-navigate li a {display: block; padding: 5px 0; }

#footer-risk p{margin: 0 auto;}

/* Footer Menu */
/*-----------------------------------------------------------------------------------*/
#footer-menu {background-color: #383838; color: #C3C0B9; font-size: 12px; padding-top: 15px; }
#footer-menu dl {list-style-type: none; }
#footer-menu dt {margin-left: 10px; text-align: left; line-height: 27px;font-size: 13px}
#footer-menu dd {float: left; margin-left: 10px; text-align: left}
#footer-menu dd a{ text-align: left;display: block; line-height: 21px !important; color: #fff !important; font-size: 12px;}
#footer-menu dd a:hover {color: #E84807; }
#footer-copy .copyright { color: #eee}
#footer-copy .copyright a{color:#eee}
	
.blueBar { padding: 0 20px; height: 60px;  line-height: 60px;  
	/* IE7-9*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00a5fa',endColorStr='#032acc',gradientType='0');
	/*webkit，如Chrome、Safari等*/
	background: -webkit-linear-gradient(top, #00a5fa, #032acc);
	/* Opera 11.1 - 12.0 */
	background: -o-linear-gradient(top, #00a5fa, #032acc);
	/* Firefox 3.6 - 15 */
	background: -moz-linear-gradient(top, #00a5fa, #032acc);
	/* IE10-11*/
	background: -ms-linear-gradient(top, #00a5fa, #032acc);
	background: linear-gradient(top, #00a5fa, #032acc);
}		
.fixed-bottom {position: fixed;  left: 0;  bottom: 0; z-index: 9999999; width: 100%; }
.fixed-bottom .container{position:relative;}
.fixed-bottom .risk{ line-height:16px;font-size: 12px; height:30px}
.fixed-bottom .fixed-logo{max-width:150px;position:absolute;left:10px;top:-25px;}
.fixed-bottom .fixed-logo img{max-width:100%;}
.fixed-bottom .data1{font-size:18px;color:#fff;}
.fixed-bottom .data1 i{font-size:30px !important}
.fixed-bottom .language{ line-height:21px; margin-top:10px; cursor:pointer; position:relative}
.fixed-bottom .language a { color:#FFF; font-size:12px;} 
.fixed-bottom .language a:hover{ color:#fd3307}

.btnBar{ line-height:24px; margin-top:10px;}
.btnBar a{ display:inline-block; border:1px solid #ccc; padding:5px 25px; margin:0 5px; font-size:14px; }
.btnBar a i{ padding-right:3px;font-size:16px; }
.btnBar a.register{ border-color:#FFF; color:#FFF;}
.btnBar a.register:hover{ background:#fd3307; border-color:#fd3307; color:#fff;}
.btnBar a.login{border-color:#FFF; color:#FFF;}
.btnBar a.login:hover{ background:#00317d;border-color:#00317d; color:#fff;}
.btnBar a.rujin{border-color:#FFF; color:#FFF;}
.btnBar a.rujin:hover{ background:#d82717;border-color:#d82717; color:#fff;}