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

   
.t1
{
	margin:0 auto;
	position:fixed;
	top:250px;
	left:-199px;
	width:220px;
	height:38px;
	background:url(t1.png) right no-repeat;
	background-color:#df4811;
	font-family: 'arial';
	font-size:14px;
	color:#ffffff;
	line-height:38px;
	z-index:9999;
	padding-left:20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .5s ease;
}
.t1:hover
{
		left:-10px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .5s ease;
}  
.t2
{
	margin:0 auto;
	position:fixed;
	top:288px;
	left:-144px;
	width:170px;
	height:38px;
	background:url(t2.png) right no-repeat;
	background-color:#343434;
	font-family: 'arial';
	font-size:14px;
	color:#ffffff;
	line-height:38px;
	z-index:9999;
	padding-left:15px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .5s ease;
}
.t2:hover
{
		left:-10px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .5s ease;
}  
.t3
{
	margin:0 auto;
	position:fixed;
	top:326px;
	left:-169px;
	width:210px;
	height:38px;
	background:url(t3.png) right no-repeat;
	background-color:#1d4279;
	z-index:9999;
	-webkit-transition: all .5s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .5s ease;
}
.t3:hover
{
		left:-10px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .5s ease;
}   
.t3 img
{
	margin:0;
	padding:0;
}  
.t4
{
	margin:0 auto;
	position:fixed;
	top:335px;
	left:-6px;
	width:47px;
	height:38px;
	background:url(t3-f.png) right no-repeat;
	background-color:#36528b;
	z-index:9999;
	-webkit-transition: all .1s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .1s ease;
}
.t4:hover
{
		left:-2px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .1s ease;
} 
.t5
{
	margin:0 auto;
	position:fixed;
	top:373px;
	left:-6px;
	width:47px;
	height:38px;
	background:url(t3-in.png) right no-repeat;
	background-color:#015886;
	z-index:9999;
	-webkit-transition: all .1s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .1s ease;
}
.t5:hover
{
		left:-2px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .1s ease;
}
.t6
{
	margin:0 auto;
	position:fixed;
	top:411px;
	left:-6px;
	width:47px;
	height:38px;
	background:url(t3-t.png) right no-repeat;
	background-color:#00adee;
	z-index:9999;
	-webkit-transition: all .1s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .1s ease;
}
.t6:hover
{
		left:-2px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .1s ease;
}
.t7
{
	margin:0 auto;
	position:fixed;
	top:449px;
	left:-6px;
	width:47px;
	height:38px;
	background:url(t3-g.png) right no-repeat;
	background-color:#bb0000;
	z-index:9999;
	-webkit-transition: all .1s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .1s ease;
}
.t7:hover
{
		left:-2px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .9s ease;
		-ms-transition: all .9s ease;
		-o-transition: all .9s ease;
		transition: all .1s ease;
}



.scrollup{
   width:100%;
   height:70px;   
   opacity:1;
   position:fixed;
   margin: 0 auto;
   top:0px;   
   display:none;  
   z-index:99999;
   }  
   
.scrollup2{
   width:100%;
   height:124px;   
   opacity:1;
   position:fixed;
   margin: 0 auto;
   top:0px;   
   display:block;  
   z-index:9999;
}




.header
{
	margin:0 auto;
	width:100%;
	height:557px;
	background:url(img1.png) center top fixed no-repeat;
	z-index:0;
}
.header-in
{
	margin:0 auto;
	position:relative;
	width:1140px;
	height:557px;
}
.banner
{
	position:absolute;
	top:124px;
	left:0px;
	width:1140px;
	height:433px;
}

.content-orange
{
	margin:0 auto;
	width:100%;
	height:200px;
	background:url(img2.png) center no-repeat;
	z-index:999;
}
.content-orange-in
{
	margin:0 auto;
	position:relative;
	width:1140px;
	height:200px;
}
.welcome-head
{
	position:absolute;
	top:50px;
	width:1140px;
	height:40px;
	text-align:center;
    font-family: 'arial';
	font-size:39px;
	color:#ffffff;
}
.welcome-text
{
	position:absolute;
	left:270px;
	top:110px;
	width:580px;
	height:60px;
	color:#ffffff;
    font-family: 'arial';
	font-size:18px;
	line-height:24px;
	text-align:center;
}

.services
{
	position:absolute;
	left:0px;
	top:240px;
	width:1140px;
	height:250px;
}

.cover
{
	position:absolute;
	top:10px;
	left:30px;
	width:325px; 
	height:190px;
}
.divtxt { margin:0 auto; position:absolute; top:140px; font-family: 'arial'; font-size:15px; color:#ffffff; text-decoration:none; line-height:20px; text-align:center;}
.divlink { margin:0 auto; position:relative; top:100px; width:120px; font-family: 'arial'; font-size:16px; color:#ff5a19; text-decoration:none; border:1px solid #ffffff; border-radius:25px; background:#ffffff; text-align:center; padding: 10px 0 10px 0;}
a.btn {text-decoration:none; display:block;}
a.btn:hover {text-decoration:none;}
a.btn:hover > .cover > .divtxt{ color:#ffffff;}
a.btn:hover > .cover > .divlink{ color:#ffffff; text-decoration:none; border:1px solid #ffffff; text-align:center; background:none;}
div.parent{ 
    margin:0px auto;
	position:relative;
    display:table;
    width:230px;
	height:110px;
}
div.text{ 
    margin:0 auto;
	position:absolute;
	top:95px;
	width:230px;
    text-align:center; font-family: 'arial'; font-weight:normal; font-size:27px; color:#ffffff; line-height:22px;
}
div.parent .img{
	
    margin:0 auto;
	position:absolute;
    top:0px;
	left:85px; /* you can change width */
}
div.img img{ 
    width:100%; /* you can change height */
    vertical-align:middle;
}



.content-white
{
	margin:0 auto;
	position:relative;
	width:1140px;
	height:447px;
	z-index:999;
}

.tools-head
{
	position:absolute;
	top:30px;
	width:1140px;
	height:45px;
	text-align:center;
    font-family: 'robotolight';
	font-size:31px;
	color:#1f1f1f;
}
.tools-text
{
	position:absolute;
	left:270px;
	top:75px;
	width:580px;
	height:20px;
	color:#636363;
    font-family: 'arial';
	font-size:18px;
	line-height:20px;
	text-align:center;
}

.forex
{
	position:absolute;
	top:140px;
	left:0px;
	width:273px;
	height:256px;
	background:url(forex.png) no-repeat;
}
.forex-in
{
	position:absolute;
	top:55px;
	left:5px;
	width:262px;
	height:195px;
}
.mf-performance
{
	position:absolute;
	top:140px;
	left:287px;
	width:565px;
	height:256px;
	background:url(mf-performance.png) no-repeat;
}
.mf-performance-in
{
	position:absolute;
	top:55px;
	left:5px;
	width:555px;
	height:195px;
}
.market
{
	position:absolute;
	top:140px;
	right:0px;
	width:273px;
	height:256px;
	background:url(news.png) no-repeat;
}
.market-in
{
	position:absolute;
	top:55px;
	left:5px;
	width:262px;
	height:195px;
}



.content-black
{
	margin:0 auto;
	width:100%;
	height:606px;
	background:url(img3.png) center no-repeat;
	z-index:999;
}
.content-black-in
{
	margin:0 auto;
	position:relative;
	width:1140px;
	height:606px;
}

.follow
{
	position:absolute;
	top:60px;
	left:0px;
	width:200px;
	height:50px;
	text-transform:uppercase;
    font-family: 'arial';
	color:#fffefe;
	font-size:14px;
	font-weight:600;
}
.follow img
{
	margin-top:10px;
	padding:0;
}

.f1
{
	position:absolute;
	top:60px;
	left:300px;
	width:200px;
	height:68px;
	background:url(f1.png) no-repeat;
	text-transform:uppercase;
    font-family: 'arial';
	color:#fffefe;
	font-size:17px;
	padding-left:80px;
	padding-top:10px;
	line-height:21px;
	font-weight:600;
}
.f2
{
	position:absolute;
	top:60px;
	left:800px;
	width:200px;
	height:68px;
	background:url(f2.png) no-repeat;
    font-family: 'arial';
	color:#fffefe;
	font-size:17px;
	padding-left:80px;
	padding-top:10px;
	line-height:21px;
	font-weight:600;
}
.f2 a
{
	
	font-size:18px;
	text-decoration:none;
	color:#fffefe;
	font-weight:normal;
}
.f2 a:hover
{
	text-decoration:none;
	color:#fe8037;
	font-weight:normal;
}
.f3-map
{
	position:absolute;
	top:170px;
	left:0px;
	width:1140px;
	height:306px;
	background:#999;
}
.arm
{
	position:absolute;
	bottom:35px;
	left:0px;
	width:320px;
	height:20px;
	line-height:20px;
    font-family: 'arial';
	font-size:13px;
	color:#b6b8bc;
}
.arm a
{
	text-decoration:none;
	color:#ffffff;
}
.arm a:hover
{
	text-decoration:none;
	color:#fe8037;
}
.footer-links
{
	position:absolute;
	bottom:35px;
	right:0px;
	width:550px;
	height:20px;
	line-height:20px;
	font-family: 'arial';
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:right;
}
.footer-links a
{
	text-decoration:none;
	color:#ffffff;
}
.footer-links a:hover
{
	text-decoration:none;
	color:#b6b8bc;
}




.secondfooter
{
	margin:0 auto;
	width:100%;
	height:98px;
	background:#1b1b1b;
}
.secondfooter-in
{
	margin:0 auto;
	position:relative;
	width:1140px;
	height:98px;
}