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

/* Home */
.homeBannerWrapper{margin:50px 0 0 0; position: relative; overflow: hidden;}
.homeBannerWrapper .item{height:540px; position: relative;}
.homeBannerWrapper .text{max-width: 660px; position: absolute; top: 30px; left: 20px; z-index: 98; }
.homeBannerWrapper .bannerBtn{max-width: 660px; position: absolute; bottom: 30px; left: 20px; z-index: 98; }
.homeBannerWrapper h1{font-size:35px; line-height: 40px; color:#ffffff; font-family: "TexgyreBold"; }
.homeBannerWrapper .latest-news{width:400px; background:rgba(0,0,0,0.75); border-top-right-radius: 8px; border-top-left-radius: 8px; position: absolute; z-index: 90; padding: 10px; right: 90px; bottom: -250px; transition: 0.3s; display: none;}
.homeBannerWrapper .latest-news.act{transition: 0.3s; bottom:0;}
.homeBannerWrapper .latest-news .title{color:#ffffff; position: relative; padding: 0 10px 20px 10px;}
.homeBannerWrapper .latest-news .title:after{content:url(../images/global/home-news-arrow.svg); width: 20px; height: 10px; right: 10px; position: absolute;}
.homeBannerWrapper .latest-news .news{border-bottom:5px solid #00c7ca; transition: 0.3s;}
.homeBannerWrapper .latest-news .photo, .homeBannerWrapper .latest-news .links{display: table-cell; vertical-align: top;}
.homeBannerWrapper .latest-news .links{background: #ffffff; padding: 12px 18px; position: relative; transition: 0.3s;}
.homeBannerWrapper .latest-news.act .news {border-bottom:5px solid rgba(0,0,0,0.00); transition: 0.3s;}
.homeBannerWrapper .latest-news.act .links{background: none; color: #ffffff; transition: 0.3s;}
.homeBannerWrapper .latest-news.act .links a{color: #ffffff;}
.homeBannerWrapper .latest-news .news .links:before{content: ''; position: absolute; right: 100%;
	border-left: 15px solid transparent;
  	border-top: 15px solid #46585e;
	border-bottom: 15px solid #46585e;
}
.homeData{min-height:370px;  text-align: center; color: #ffffff; position: relative; background: url(../images/home/home_data.jpg) no-repeat; background-position: center; padding:40px 0; background-size: cover;}
.homeData p{font-size:28px; color: #ffffff; padding: 50px 0 0 0; max-width: 730px; text-align: center; margin: 0 auto; line-height: 35px;}
.homeData h3{color:#ffffff;}
.homeData2{min-height:370px;  text-align: center; color: #ffffff; position: relative; background: url(../images/home/home_data.jpg) no-repeat; background-position: center; padding:40px 0; background-size: cover;}
.homeData2 p{font-size:28px; color: #ffffff; padding: 50px 0 0 0; max-width: 730px; text-align: center; margin: 0 auto; line-height: 35px;}
.homeData2 h2{color:#ffffff;}
.parts{padding:40px 0 60px 0; background:#ffffff; text-align: center;}
.parts h2{font-family: "TexgyreBold"; margin-bottom: 30px; color:#46585e;}
.parts h3{color:#7477bf;}
.parts ul{display:table; width: 100%; padding: 0;}
.parts ul li{ display: block; width:100%; padding: 0 50px}
.parts .logo{text-align:center; padding-bottom: 25px;}
.parts .info{display: none; border-top:2px solid #00c7ca; font-size:18px; line-height: 24px; text-align: left;}
.home-share{padding: 40px 0; background:#ffffff;}
.home-share .update{margin:0 0 60px 0;}
.home-share .share-table{ margin-bottom: 30px;}
.home-share .share-table table thead tr{border-bottom: 1px solid #808080; font-size: 12px;}
.home-share .share-table table thead td{padding:0 10px 10px 0;}
.home-share .share-table table thead td:first-child, .home-share .logo{width: 100px; padding: 0 5px;}
.home-share .currency{width: 20%; }
.home-share .logo img{ width:100%; height: auto;}
.home-share ul.company{display:table; width:100%; position: relative; margin-bottom: 20px;
-webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.2);
}
.home-share ul li{padding:0 10px;}

.home-share .fleft, .home-share .fright{float:none;}
.home-share ul.company li{display:table-cell; vertical-align: middle; text-align: left; background: #f2f2f2; height: 70px;}
.home-share ul.company li.logo{background: #ffffff; text-align: center;}
.home-share .share-chart{margin-bottom: 50px;}
.home-share .border-orange{border-bottom: 4px solid #f6a020;}
.home-share .border-red{border-bottom: 4px solid #ff1603;}
.home-share .border-purple{border-bottom: 4px solid #9a4c8c;}
.home-share .border-blue{border-bottom: 4px solid #1c3e7f;}
.home-share .border-green{border-bottom: 4px solid #008663;}
.home-share .border-green2{border-bottom: 4px solid #04b1a0;}
.home-share .border-green3{border-bottom: 4px solid #07c8ca;}

.featured-post{display:table; width:100%; height: 400px; color:#00c7ca; position: relative;}
.featured-post .feature-left{background:#46585e; padding: 40px 20px 40px 20px; width: 100%; display: table-cell; position: relative;}
.featured-post .feature-left > a.linkbox{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.featured-post .feature-left:after{content: ''; position: absolute; left: 100%; top: calc(50% - 30px);
  	border-bottom: 30px solid transparent;
   	border-top: 30px solid transparent;
  	border-left: 30px solid #46585e;
}
.featured-post .feature-right{background:url(../images/home/feature-img.jpg) no-repeat; width: 50%; background-size: cover; display: none;}
.featured-post .feature-left h4{ color:#00c7ca;}
.featured-post .feature-left h2, .featured-post .feature-left p{color:#ffffff;}
.home-news{width: 100%;}
.home-news .post{position: relative; width:100%; border-bottom:2px solid #00c7ca; float: none;}
.home-news .post .news-pic > div{ width:70px; height:70px; overflow:hidden;}
.home-news .post .news-pic img{ position:absolute; height:70px; left:35px; transform: translateX(-50%);}
.home-news .news, .home-news .news-pic{display:table-cell; background-color:#fff}
.home-news .news{background:#ffffff; width: 100%; vertical-align: top; padding:20px; position:relative}
.home-news .post .news:before{content: ''; position: absolute; right: 100%; top: 25px; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #ffffff;z-index: 98;}

@media (min-width: 768px), print{
	.home-share .share-table table thead td:first-child, .home-share .logo{width: 138px;}
	.home-share .logo img{ width:auto; height: auto;}
	.homeBannerWrapper .latest-news{display: block; right: 40px;}
	.homeBannerWrapper{margin:90px 0 0 0;}
	.parts ul{ padding:0;}
	.parts ul li{ display: table-cell; width:33.33%; padding: 0 10px}
	.home-news .post .news-pic > div{ width:230px; height:220px;}
	.home-news .post .news-pic img{height:220px; position:static; margin-left: 50% }
	.home-news .news{ padding:30px;}
	.home-news .post .news:before{top: calc(50% - 30px);border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-right: 30px solid #ffffff;}

}

@media (min-width: 1024px), print{
	.home-share{height: 680px;}
	.home-share .fleft{float:left;}
	.home-share .fright{float:right;}
	.home-share .share-table, .home-share ul.company{width:390px;}
	.home-share .fleft ul.company:after{content: ''; position: absolute; left: 100%; top: calc(50% - 10px);
	border-bottom: 10px solid transparent;
   	border-top: 10px solid transparent;
  	border-left: 10px solid #f2f2f2;
	}
	.featured-post .feature-left{width: 50%;}

	.home-share .fright ul.company:after{content: ''; position: absolute; right: 100%; top: calc(50% - 10px);
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #f2f2f2;
	}
	.homeBannerWrapper .text{top: 75px; left: 90px;}
	.homeBannerWrapper .bannerBtn{bottom: 120px; left: 90px;}
	.homeBannerWrapper h1{font-size:50px; line-height: 58px; }
	.featured-post .feature-right{display:table-cell;}
	.parts ul{ padding: 0 40px;}
	.parts ul li{ padding: 0 30px;}
	.parts .info{display: block; padding: 20px 0 30px 0;}
	
	.home-news .post{width:50%; border-bottom:2px solid #00c7ca; float: left; height: 222px;}
	
	
}
@media (min-width: 1200px), print{
	.home-share{background:#ffffff url(../images/home/home-share.jpg) no-repeat; background-position: center;}
	.homeBannerWrapper .latest-news{right: 90px;}
	.parts ul li{ padding: 0 50px;}
	.featured-post .feature-left{ padding: 55px 90px;}
	
}




@media (max-width: 1024px), print{
	.home-share .currency{width: 30%; }
	.home-share .last{width: 20%; }
	.home-share .change{width: 20%; }
}
@media (max-width: 768px), print{
	.home-share .currency{width: 20%; }
}