@charset "utf-8";
/* CSS Document */
* { outline:none !important;}
.hader{ width:100%; height:auto; position:relative; background:#FFF;}

.homeBannerimg{ background-position:50% 0;}
.homeBannerimg img{ width:100%; opacity:0;}
.banner-dots{ position:absolute; left:0; right:0;  bottom:0px; margin:0 auto; text-align:center; width:115px; display:table;   -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.banner-dots li{ width:18px; height:18px; float:left; margin-right:5px; list-style-type:none;}
.banner-dots li a{ width:18px; height:18px;/* background:url(../images/dot.png) left top no-repeat;*/ text-indent:-999px; display:block; overflow:hidden; }
.banner-dots li.slick-active a{/*background:url(../images/dot-active.png) left top no-repeat;*/}


#homeBannerSlider span { position:absolute; right:0; bottom:0; width: auto; }
#homeBannerSlider span.ls_prev{ width:50px; height:50px; background: url(../images/Previous.png) 16px 9px no-repeat ; display: block; cursor:pointer; position:absolute; left:10%; top:50%;  text-indent:-9999px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#homeBannerSlider span.ls_next{ width:50px; height:50px; background:url(../images/next.png) 16px 9px no-repeat; display: block;cursor:pointer; position:absolute; right:10%; top:50%; text-indent:-9999px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#homeBannerSlider span:hover{ background-image:url(../images/next.png) 16px 9px no-repeat ; background-color: rgba(0, 0, 0, 0.3);}

.header_text {
    max-width: 600px;
    width: 100%;
    right: 0px;
    z-index: 999;
    position: absolute;
    left: 0;
    margin: 0 auto;
    bottom:5%; background:none;
}
.header_text h3{ width: auto;  display: table; margin:0 auto; font-size:30px; font-weight:600; color:#FFF; padding-bottom:10px; text-align:center; }
.header_text p{ width: auto;  display: table; margin:0 auto; font-size:18px; font-weight:400; color:#FFF; padding-bottom:10px;text-align:center;}
.header-desktop{ display:block !important;}
.mob800{ display:none !important}
.black-box{width:100%; background:#000000; height: auto; float:left;}
.Whats-new{width:100%; height:53px; float:left; position:relative; padding:0 80px 0 120px; box-sizing:border-box; position:relative;}
.news{width:auto; position:absolute; left:0; top:0;font-size:14px; font-weight:600; color:#FFF; line-height:53px;}
.homeBannerSlider6{}
.homeBannerSlider6 li{ width:100%; float:left; font-size:12px; font-weight:400; color:#b3b3b3;}
.homeBannerSlider6 li a{  padding-right:1%; box-sizing:border-box; font-size:12px; font-weight:400; color:#b3b3b3; line-height:53px; display:block; overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*max-width: 450px;*/}
.homeBannerSlider6 li a span{float:left; width:auto;  padding-right:5px;  box-sizing:border-box; font-size:14px; font-weight:400; color:#ffcc00; line-height:53px; }
.viewall{width: auto; position:absolute; right:0; top:0;}
.viewall a{font-size:14px; font-weight:400; color:#ffc000; line-height:53px; padding-right:30px; background:url(../images/arrow2.png) 98% 5px no-repeat;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease;}
.viewall a:hover{ color:#FFF; line-height:53px; padding-right:30px; background:url(../images/arrow2.png) 98% -60px no-repeat;}
.box3{width:100%;height: auto; float:left; background:#e1e1e1;}
.wrapper2{max-width:1202px; width:96%; position:relative;  margin:0 auto;}
.box3-main{width:100%;height: auto; float:left; margin:25px 0; box-sizing:border-box; margin-right:-1px; margin-left:-1px;  }
.box3-33per{ width:33.333333333333%; height:283px; float:left; border:none; border-bottom:1px solid #ececec; border-right:1px solid #ececec; box-sizing:border-box;  background:#FFFFFF;}
.Projects .pic{ width:100%; height:161px; overflow:hidden; float:left;}
.Projects .pic img{ width:100%; display:block;}
.Projects-text{width:100%; height:auto; float:left; padding:20px 20px 0px 20px; display:block;}
.Projects-text h2{ font-size:15px; color:#000000; font-weight:400; padding-bottom:10px; margin-bottom:10px; box-sizing:border-box; position:relative;}
.Projects-text h2:after{ content:''; position:absolute; left:0; bottom:0; width:70px; height:1px; background:#000; }
.Projects-text p{ font-size:12px; color:#535353; font-weight:400; line-height:18px;}
.transition{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.Projects .pic span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 156, 222, 0.1);/* background-image: url(../images/video-icon2.png); background-position:50% 50%; background-repeat:no-repeat;*/  opacity: 0; z-index:2;}
.Projects:hover .pic img{transform: scale(1.1); -webkit-transform:scale(1.1);  -ms-transform:scale(1.1); /*opacity:0.7;*/}
.Projects:hover .pic span { opacity:1;}
.do{ padding:30px; position:relative;}
.do h2{ width:100%; height:auto; float:left; font-size:20px; color:#000000; font-weight:400; padding-bottom:15px; margin-bottom:15px; box-sizing:border-box; position:relative; }
.do h2:after{ content:''; position:absolute; left:0; bottom:0; width:70px; height:1px; background:#000; }
.do h3{ width:100%; height:auto; float:left; font-size:26px; color:#000000; font-weight:400; padding-bottom:20px; box-sizing:border-box; }
.do p{ width:100%; height:auto; float:left; font-size:12px; color:#535353; font-weight:400; line-height:18px; }
.do a{ position:absolute; left:30px; bottom:30px;font-size:12px; color:#FFF; font-weight:400; padding:15px 20px; background:#108fd1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.do a:hover{ background:#000000;}

/*Corporate Film box start*/
.highlights_2 { position: relative;min-height: 326px;width: 100%; overflow: hidden;}
.highlights_2>img.community_initiatives_bg {position: absolute;left: 50%;top: 0;z-index: 1;margin-left: -965px; }
.highlights_2>img.information_associates_bg { position: absolute;left: 50%;top: 0; z-index: 1;}
.highlights_2 .container { position: relative; z-index: 2; max-width:1202px; width:96%; margin:0 auto; display:table;  height:326px;}
.left50per{ width:50%;  display:table-cell; vertical-align:top; text-align:center; padding-top:8%;}
.left50per a span { width:auto; margin:0 auto;  vertical-align:middle; text-align:center; padding-bottom:20px; display:block;}
.left50per h2{font-size:25px; color:#FFF; font-weight:400; padding-bottom:10px; }
.left50per p{ width:60%; margin:0 auto;  font-size:14px; color:#FFF; font-weight:400; line-height:18px;}
.right50per{ width:50%; display:table-cell; vertical-align:top; text-align:center; padding-top:9%}
.right50per h2{font-size:25px; color:#FFF; font-weight:400; padding-bottom:10px; padding-top:67px; }
.right50per p{ width:60%; margin:0 auto;  font-size:14px; color:#FFF; font-weight:400; line-height:18px;}
.right50per samp{ background:url(../images/arrow.png) no-repeat 50% 50%; width:80px;  height:20px; margin:20px auto 0;  display:block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.right50per a:hover samp{background:url(../images/arrow.png) no-repeat 60% 50%;}
/*Business box start*/
.business-main{ width:100%; height:auto; background:#ececec;padding:25px 0;}
.box-15px{margin-right:-15px;}
.box4-33pcer{ width:33.333333333%; height:369px; float:left; position:relative; padding-right:15px; box-sizing:border-box; }
.box4-33pcer h2{ width:100%; height:auto; float:left; display:block; font-size:20px; color:#FFF; font-weight:400; padding-bottom:10px; margin-bottom:50px; box-sizing:border-box; position:relative;}
.box4-33pcer h2:after{ content:''; position:absolute; left:0; bottom:0; width:70px; height:1px; background:#FFF; }
.box4-33pcer h3{width:100%; height:auto; float:left;display:block;  font-size:18px; color:#FFF; font-weight:400; padding-bottom:20px;  box-sizing:border-box; }
.box4-33pcer p{width:100%; height:auto; float:left;display:block; font-size:12px; color:#FFF; font-weight:400; line-height:18px;}
.box4-33pcer a{width: auto; height:auto; float:left;display:block; position:absolute; left:30px; bottom:30px;font-size:12px; color:#000; font-weight:400; padding:15px 20px; background:#FFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.box4-33pcer a:hover{ background:#000000; color:#FFFFFF;}
.business{ background:url(../images/business-bg.jpg) center center no-repeat; background-size:cover; display:block; width:100%; height:100%; padding:30px; box-sizing:border-box; }
.join{ background:url(../images/join-bg.jpg) center center no-repeat; background-size:cover; display:block; width:100%; height:100%; padding:30px; box-sizing:border-box; }
.market{ background:url(../images/market-bg.jpg) center center no-repeat; background-size:cover; display:block; width:100%; height:100%; padding:30px; box-sizing:border-box; }
/* Business box End*/

.cboxTitle2 #cboxTitle{ background-color: inherit !important; padding:0;}
.cboxTitle2 .close #cboxTitle{ display:none;}


@media (max-width: 1366px) {
	
	.homeBannerimg img{ height: auto;  width:auto; }
	}

@media (max-width: 1024px) {
.homeBannerimg{ background-position:50% 0;}
.homeBannerimg img{ width:100%; opacity:1;}






.homeBannerSlider6 li{ width:100%; }
.do h3{ font-size:15px;     padding-bottom: 7px;}
.do a { bottom: 15px;}
.highlights_2>img.community_initiatives_bg {margin-left: -482px;}
.Projects-text p { overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 18px;     /* fallback */
   max-height: 54px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;}
   
.do p {  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 18px;     /* fallback */
   max-height: 72px;      /* fallback */
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;}
}
@media (max-width: 1023px) {
	
	.box4-33pcer {width:33.3333%; height:300px; padding-right:0px; margin-bottom:20px;}
	/*.box4-33pcer a{ position:relative; float:left; left: 0px;bottom: 0px; margin-top:10px;}*/
	.box4-33pcer h2{ margin-bottom:20px;}
	.business, .join, .market{ float:left;}
	.box-15px {margin-right:0px;}
	.left50per p {width: 90%;}
	.right50per p {width: 90%;}
	

}
@media (max-width:800px) {	

.safety_box{ width:50%;}
.arrow{ display:none;}
.safety_box_left{ width:50%;}
.Projects .pic {height: auto; }
.mob800{ display: block !important}
.header-desktop{ display:none !important;}
}


@media (max-width: 640px) {
	.Community_box{ width:100%; height:auto; min-height:222px;}
	.safety_box {width:100%;}
	.safety_box_right img{ width:100%;}	
	.do{ width:100%;}
	.do a {position: relative;left:0px; bottom:0px; float:left; display:block; margin-top:20px; }
	.widthfill{width:100%; height:auto; padding-bottom:10px;}
	.box4-33pcer:last-child{ margin-bottom:0;} 
	.Copyright samp { font-size:12px;}
	.Copyright big a {font-size: 12px;}
	.do p {
    overflow: inherit;
    text-overflow: inherit;
    display: inherit;
    line-height: 18px;
    max-height: inherit;
    -webkit-line-clamp: none ;
    -webkit-box-orient:none ;
}
.box3-33per {
    width: 50%;
    height: 283px;}	
	.box4-33pcer {
    width:100%;
    height: 250px;
}

@media (max-width: 480px) {
.box3-33per {
    width: 100%; height:auto; padding-bottom:15px;border-right: 0px solid #ececec;}
.highlights_2>img.community_initiatives_bg {
    position: relative;
    left: auto;
    top: 0;
    z-index: 1;
    margin-left: 0;
    right: 0;
}
.highlights_2>img.information_associates_bg {
    position: relative;
    left: 50%;
    top: auto;
    bottom: 0;
    margin-left: -482.5px;
    z-index: 1;
}
.highlights_2 .container{ position:absolute; left:0; top:0;}
.left50per{ width:100%;  display: block; vertical-align:top; text-align:center; padding-top:14%;  }
.right50per{ width:100%; display: block; vertical-align:top; text-align:center; padding-top:30%;}
.header_text {position: relative; background:#417fa0; padding:15px 10px; min-height:150px;}
.Whats-new{width:100%; height:70px; float:left; position:relative; padding:0 0px 0 0px; box-sizing:border-box;}
.news{width:150px; position: relative; float:left; left:0; top:0;font-size:14px; font-weight:600; color:#FFF; line-height:16px; padding:10px 0;}
.viewall {
    width: 120px;float: right;
    position: relative  ; padding:10px 0;}
	.viewall a{line-height:16px;}
	.viewall a:hover{ color:#FFF; line-height:16px; }
	.homeBannerSlider6 li a span{ line-height:22px;}
	.homeBannerSlider6 li a{ line-height:22px;}
}
@media (max-width: 360px) {
.header_text {
	min-height:110px;
   /* max-width: 600px;
    width: 100%;
    right: inherit;
    z-index: 999;
    position: relative  ;
    left: inherit;
    margin: 0 auto; bottom: inherit;
    background: #7abddf; padding:8px 0;*/
}

.header_text h3 {font-size: 16px;font-weight: 600;}
.header_text p{font-size: 12px;}
	}