@charset "UTF-8";

@font-face {
    font-family: 'LatoWebThin';
    src: url('fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.index-slides{position: relative;overflow: hidden; height: 500px !important;}
.slidesjs-container, .slidesjs-control{height: 100% !important;}
.slidesjs-pagination{position: absolute;z-index: 10;bottom: 30px;left: 0;width: 100%;font-size: 0;text-align: center;}
.slidesjs-pagination-item{display: inline-block;vertical-align: top;margin: 0 8px;}
.slidesjs-pagination-item a{display: block;width: 12px;height: 12px;background-color: #797979;border-radius: 50%;}
.slidesjs-pagination-item a.active{background-color: #b61f22;}
.slidesjs-navigation{position: absolute;top: 50%;z-index: 10;margin-top: -25px;font-size: 0;width: 50px;height: 50px;background: url(img/control.png) no-repeat top left;}
.slidesjs-previous{left: 35px;background-position: 0 0;}
.slidesjs-next{right: 35px;background-position: -50px 0;}
.slidesjs-previous:hover{background-position: 0 -50px;}
.slidesjs-next:hover{background-position: -50px -50px;}
.index-slides .img{position: absolute;bottom: 0;left: 50%;margin-left: -960px;}
.index-slides .txt{position: absolute;z-index: 1;left: 50%;max-width: 1400px;text-align: justify;}
.index-slides .txt h3{position: relative;padding-bottom: 20px;font-size: 60px;color: #fff;text-transform: uppercase;}
.index-slides .txt p{font-size: 34px;line-height: 30px;text-transform: uppercase;color: #fff;font-family: "LatoWebThin";}
@media only screen and (max-width: 1440px) {
	.index-slides .txt h3,
	.index-slides .txt p{padding-left: 20px;}
}
.index-slides .txt-01{bottom: 600px;margin-left:-700px;}
.index-slides .txt-02{bottom: 600px;margin-left:-650px;}
.index-slides .txt-03{bottom: 650px;margin-left:-700px;}

@media only screen and (max-height: 930px) {
	.index-slides .txt-01{bottom: 50%}
	.index-slides .txt-02{bottom: 50%}
	.index-slides .txt-03{bottom: 65%}
}

.index-slides .txt-01 h3{letter-spacing: 16px;}
.index-slides .txt-02 h3{letter-spacing: 2px;}
.index-slides .txt-02 p{letter-spacing: 5px;}
.index-slides .txt-03 h3{letter-spacing: 4px;}
@media only screen and (max-width: 1440px){
	.index-slides .img{width: 1440px;margin-left: -720px;}
	.index-slides .txt-02{bottom: 450px;margin-left: -520px;}
	.index-slides .txt h3{font-size: 40px;}
	.index-slides .txt p{font-size: 20px;}
	.index-slides .txt-01{bottom: 400px;margin-left: -600px;}
	.index-slides .txt-01 h3{letter-spacing: 9px;}
	.index-slides .txt-01 p{letter-spacing: 1px;}
	.index-slides .txt-03{bottom: 400px;margin-left: -600px;}
	.index-slides .txt-03 h3{letter-spacing: 1px;}
	.index-slides .txt-03 p{letter-spacing: 1px;}
}
.slides-item{position: relative;overflow: hidden;height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.slides-item .txt{opacity: 0;
	-webkit-transition: opacity 1.2s ease, transform .5s ease-out;
	-o-transition: opacity 1.2s ease, transform .5s ease-out;
	transition: opacity 1.2s ease, transform .5s ease-out;
	-webkit-transform: translate3d(25%, 0, 0);
	-ms-transform: translate3d(25%, 0, 0);
	-o-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
}
.slides-item.on .txt{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slides-item .point-bg{position: absolute;bottom: 0;left: 0;width: 100%;}
.slides-item .point-bg img{position: absolute;bottom: 0;left: 0;width: 100%;}
.slides-item .point-bg:after{content: "";display: block;width: 100%;padding-bottom: 34.375%;}
.slides-item .point{position: absolute;left: 50%;width: 30px;height: 30px;visibility: hidden;opacity: 0;}
.slides-item .point i{position: absolute;top: 0;left: 0;width: 30px;height: 30px;border-radius: 50%;background: url(img/dot.png) no-repeat center;opacity: 0;overflow: hidden;
    -webkit-animation: breathe 2s ease-in-out infinite alternate;
	-o-animation: breathe 2s ease-in-out infinite alternate;
	animation: breathe 2s ease-in-out infinite alternate;
}
.slides-item .point-02 i{
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.slides-item .point-03 i{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.slides-item .point-04 i{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
@-webkit-keyframes breathe {
    0% { opacity: .2; box-shadow:0 1px 2px rgba(45,163,142,0.1);}
    100% { opacity: 1; box-shadow:0 1px 30px rgba(45,163,142,1);}
}
@keyframes breathe {
    0% { opacity: .2;box-shadow:0 1px 2px rgba(45,163,142,0.1);}
    100% { opacity: 1;box-shadow:0 1px 30px rgba(45,163,142,1);}
}
.slides-item .point .info{position: absolute;top: 30px;left: 50%;padding-top: 12px;margin-left:-120px; width: 240px;color: #2ca48d;text-align: center;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
.slides-item .point .info h4{margin-bottom: 5px;font-size: 20px;font-weight: bold;}
.slides-item .point .info p{font-size: 16px;line-height: 24px;visibility: hidden;opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.slides-item .point:hover .info p{visibility: visible;opacity: 1;}
.slides-item .point-01{bottom: 22.4051%;left: 16.6415%;}
.slides-item .point-02{bottom: 38.1818%;left: 36.7708%;}
.slides-item .point-03{bottom: 38.1818%;left: 60%;}
.slides-item .point-04{bottom: 22.4051%;left: 80.9479%;}
.slides-item .point-01 .info{
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
}
.slides-item .point-02 .info{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.slides-item .point-04 .info{
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}

.slides-item.on .point{visibility: visible;opacity: 1 \9;
	-webkit-animation: fadeInUpBig .5s ease;
	-o-animation: fadeInUpBig .5s ease;
	animation: fadeInUpBig .5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.slides-item.on .point-02{
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.slides-item.on .point-03{
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.slides-item.on .point-04{
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.banner{position: relative;height: 988px;background: url(../images/banner_bg.jpg) no-repeat top center;}
.banner-txt{position: absolute;}
.bant-01{top: 280px;left: 392px;}
.bant-02{top: 529px;left: 129px;}
.bant-03{top: 513px;left: 672px;}
.bant-04{top: 565px;left: 822px;}
.bant-05{top: 312px;left: 1136px;}
.banner-txt .txt{color: #a6cff1;opacity: .3;filter: alpha(opacity=30);cursor: default;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.banner-txt .txt span{font-size: 24px;}
.banner-txt .txt p{padding-top: 8px;font-size: 18px;text-transform: uppercase;}
.banner-txt .point{position: absolute;top: 0;left: 50px;width: 24px;height: 24px;}
.banner-txt .point p{position: absolute;visibility: hidden;left: 20px;top: -9px;padding-bottom: 5px;padding-left: 25px;font-size: 16px;color: #a6cff1;border-bottom: 1px solid #b0171a;white-space: nowrap;}
.banner-txt .point p span{opacity: .3;filter: alpha(opacity=30);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.banner-txt .point i{position: absolute;top: 7px;left: 15px;width: 10px;height: 10px;border-radius: 5px;background-color: #b0171a;}
.banner-txt:hover .point p{visibility: visible;}
.banner-txt:hover .point p span{opacity: 1;filter: alpha(opacity=100);}
.banner-txt:hover .txt{opacity: 1;filter: alpha(opacity=100);}

.bant-02 .scaleOut{
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.bant-03 .scaleOut{
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.bant-04 .scaleOut{
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.bant-05 .scaleOut{
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.scaleOut{
	-webkit-animation:scaleOut 1.2s infinite;
	animation:scaleOut 1.2s infinite;
}
@-webkit-keyframes scaleOut {
	0% {opacity: 1;-webkit-transform: scale3d(0,0,0);transform: scale3d(0,0,0);}
	80% {opacity: .4;-webkit-transform: scale3d(2.4,2.4,2.4);transform: scale3d(2.4,2.4,2.4);}
	10% {opacity: 0;-webkit-transform: scale3d(0,0,0);transform: scale3d(0,0,0);}

}
@keyframes scaleOut {
	0% {opacity: 1;-webkit-transform: scale3d(0,0,0);transform: scale3d(0,0,0);}
	80% {opacity: .4;-webkit-transform: scale3d(2.4,2.4,2.4);transform: scale3d(2.4,2.4,2.4);}
	100% {opacity: 0;-webkit-transform: scale3d(0,0,0);transform: scale3d(0,0,0);}
}
.banner-img{position: absolute;top: 368px;left: 50%;margin-left: -500px;}

.index-title{margin-bottom: 50px;text-align: center;color: #404040;}
.index-title h3{margin-bottom: 30px;text-transform: uppercase;}
.index-title p{text-transform: uppercase;}

.index-smart{font-size: 0;text-align: center;background-color: #f4f4f4;}
.index-smart li{position: relative;display: inline-block;vertical-align: top;margin: 0 10px;width: 268px;height: 460px;text-align: left;overflow: hidden;}
.index-smart li .img{position: relative;margin-bottom: 30px;width: 268px;height: 250px;overflow: hidden;}
.index-smart li .img img{display: block;width: 100%;}

.index-smart li .txt{position:absolute;top: 0;left: 100%;width: 268px;height: 250px;font-size: 14px;background-color: #d83437;color: #fff;}
.index-smart li .txt{z-index: 2;
	-webkit-transition: left .3s ease-out;
	-o-transition: left .3s ease-out;
	transition: left .3s ease-out;
}
.index-smart li .txt p{padding: 55px 10px 0 20px;line-height: 24px;}
.index-smart li:hover .txt{left: 0;}
.index-smart li > p{font-size: 18px;color: #404040;text-align: center;}
.index-smart li:hover > p{color: #d83437;}
@media only screen and (max-width: 1440px) {
	.index-smart li{width: 230px;margin-right: 5px;margin-left: 5px;}
	.index-smart li .img{width: 100%;height: 288px;}
	.index-smart li .txt{width: 100%;height: 288px}
	.index-smart li .txt p{padding-top: 60px;}
}


.index-news{position: relative;font-size: 0;text-align: center;height: 870px;}
#particles{position: absolute;top: 0;left: 0;width: 100%;height: 870px;background-color: #103965;}
.index-news .index-title{position: relative;color: #fff;}
.index-news li{position: relative;display: inline-block;vertical-align: top;margin-bottom: 110px;width: 434px;height: 576px;border-bottom: 3px solid #b0171a;text-align: left;background-color: #f6f6f6;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.index-news li a{display: block;height: 100%;}
.index-news li.middle{margin-right: 60px;margin-left: 60px;}
.index-news li .img{margin-bottom: 30px;width: 100%;height: 298px;overflow: hidden;}
.index-news li .img img{display: block;width: 100%;
	-webkit-transition: transform .8s;
	transition: transform .8s;
}
.index-news li .img:hover img{
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}
@media only screen and (max-width: 1440px) {
	.index-news li{width: 350px;}
	.index-news li .img{height: 240px;}
}
.index-news li h3{height: 60px;line-height: 30px;margin:0 30px 20px;color: #000;}
.index-news li p{margin: 0 30px;color: #6f6f6f;line-height: 28px;}
.index-news li .more{position: absolute;bottom: 35px;left: 30px;color: #000;}
.index-news li:hover{background-color: #eaeaea;}

.index-explore{margin-bottom: 80px;}
.index-explore ul{background-repeat: no-repeat;background-position: top center;background-size: cover;}
.index-explore a{display: block;padding: 60px 0;text-align: center;color: #fff;background-color: #00021f;background-color: rgba(0,2,31,0.8);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.index-explore li.on a{background-color: #b0171a;background-color: rgba(176,23,26,0.9);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.index-explore h3{margin-bottom: 15px;}
.index-explore span{text-transform: uppercase;}

.index-wisdom{padding-top: 0;}
.index-wisdom li{margin-right: 30px;margin-left: 30px;}
.index-wisdom li div{padding: 0;width: 100px;height: 100px;}

.index-market-body{position: relative;height: 400px;}
.index-market-img{position: absolute;top: 0;left: 200px;}
.index-market-body img{position: absolute;top: 0;left: 80px;}
.index-market-body .txt{position: absolute;top: 0;right: 120px;width: 480px;color: #000;}
.index-market-body .txt h4{font-size: 30px;margin-bottom: 35px;}
.index-market-body .txt p{font-size: 14px;line-height: 25px;}
@media only screen and (max-width: 1440px){
	.index-market-img{left: 40px;}
	.index-market-body .txt{right: 40px;width: 600px;}
}

.market-point{position: absolute;font-size: 12px;line-height: 20px;color: #858585;white-space: nowrap;}
.market-point i{position: absolute;left: 0;top: 0;width: 20px;height: 20px;border-radius: 50%;overflow: hidden;background: url(img/point20.png) no-repeat;
	-webkit-animation:breathem 2.5s ease-in infinite;
	animation:breathem 2.5s ease-in infinite;
}
.market-point.mp-02 i{
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.market-point.mp-03 i{
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
@-webkit-keyframes breathem {
    0% { opacity: .2; -webkit-transform: scale(.3);box-shadow:0 1px 2px rgba(176,23,26,0.1);}
    100% { opacity: 1;transform: scale(1); box-shadow:0 1px 10px rgba(176,23,26,1);}
}
@keyframes breathem {
    0% { opacity: .2;-webkit-transform: scale(.3);box-shadow:0 1px 2px rgba(176,23,26,0.1);}
    100% { opacity: 1;transform: scale(1);box-shadow:0 1px 10px rgba(176,23,26,1);}
}
.market-point.mp-01{padding-left: 0;padding-bottom: 20px;top: 300px;left: 618px;}
.market-point.mp-02{padding-left: 0;padding-left: 23px;top: 403px;left: 608px;}
.market-point.mp-03{padding-left: 0;padding-top: 20px;top: 450px;left: 535px;}
.market-point.mp-01 i{top: auto;bottom: 0;}


.anim{visibility: hidden;opacity: 0;opacity: 1 \9;}
.fadeInUp{
	-webkit-animation-duration: .8s;
	animation-duration: .6s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0,60%,0);transform: translate3d(0,60%,0);}
	to {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);  }
}
@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0,60%,0);transform: translate3d(0,60%,0);}
	to {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);  }
}
/*code by Geoff*/
.index-news ul li p{font-size: 14px;}