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


@media only screen and (max-width:1600px) and (max-height:901px){

.container {max-width: 1200px;}
.news-section{margin:0 auto; width: 100%; height: auto; position:absolute; bottom: 10px;}	
	
	
}

@media only screen and (max-width:1370px) and (max-height:769px){

.container {max-width: 1200px;}
.news-section{margin:0 auto; width: 100%; height: auto; position:absolute; bottom: 10px;}	
.news-section-three{margin:0 auto; width: 100%; height: auto; position:absolute; bottom: 10px;}	
		
.sec31{margin:0 auto; width: 100%; height: auto; position:absolute; top: 100px;}	
.news-section.alternate{
	padding: 0;
}	
.news-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;overflow: hidden;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;max-height: 200px;overflow: hidden;transition:all 0.3s ease-in-out;
}
	
.news-block-two .caption-box .c1{
	position: relative;
	display: block;;display:block;white-space:nowrap;font-size:50px;line-height:40px;
	margin-bottom: 10px;
}
.news-block-two .caption-box .inner{
	padding:8px 20px;
}
.news-block-two .caption-box .c1 .txt1{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:rgba(255,255,255,0);-webkit-text-stroke:1px #c1c1c1;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s; text-align: center; font-weight: 800;}	
.news-block-two .caption-box .inner{
	padding:8px 20px;
}	
.news-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;overflow: hidden;
}

.news-block-three .image-box .image img{
	display: block;
	width: 100%;
	height: auto;max-height: 200px;overflow: hidden;transition:all 0.3s ease-in-out;
}	
}


@media only screen and (min-device-width:768px) and (max-device-width:1025px) and (orientation:landscape){
.home-hero-heading{position:relative;z-index:0;margin:0 10% ; font-size:40px;line-height:40px;font-weight:600;text-align: center;letter-spacing:0}	
.home-three ul li .txt1{font-size: 60px;}
.home-three ul li .txt2{margin: 15px auto; padding: 0; font-size: 24px; font-weight: 200;width: 100%; color: #888;height: auto; text-align: center;}		
.two-project-summary .title1{font-size: 36px; color: #fff; font-weight: normal;text-align: center;line-height: 30px;color:#fff}
.two-project-summary .title2{font-size: 24px; color: #fff; font-weight: normal;text-align: center;line-height: 30px;color:#fff}	

.vlt-slider-controls{font-size:0;line-height:1; position: absolute;bottom: 50px; left: 50px; z-index: 999999;}

	

	
	
}

@media only screen and (min-device-width:768px) and (max-device-width:1025px) and (orientation: portrait){
	
.project-hero.ma-project-hero{position:-webkit-sticky;position:sticky;background-image:url("../image/banner2a.jpg");background-position:50% 20%;background-size:100% 100%}
.project-hero.ma-project-hero.non-sticky{position:relative}	
	
.two-project-summary{position: absolute;height: auto;width:100%;top:20%;padding: 20px 3%; left:0;box-sizing: border-box;}
.two-project-summary .title1{text-align: center;}
.two-project-summary .title2{text-align: center;}


.two_bottom{position: absolute;height: auto;width:100%;bottom:50%;left:0;box-sizing: border-box;}	
	
.home-project-cta{width:92%;margin-top:0;padding-bottom:8%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}	
.three-project-summary{position: absolute;height: auto;width:100%;top:20%;padding: 20px 5%; left:0;box-sizing: border-box;}	
	
.two-left{ width: 100%; height: 50vh;}	
.two-right{width: 100%; height: 50vh; float: left; overflow: hidden; background: #333; display: block;}
.two-right1{width: 100%; height: 50vh; float: left; overflow: hidden; background: #f3f3f3; display: block;}	
	
	

.sec2{  width: 100%; height: 100%; background: url(../image/banner1a.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec3{  width: 100%; height: 100%; background: #f7f7f7; }
.sec4{  width: 100%; height: 100%; background: url(../image/banner6a.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec5{  width: 100%; height: 100%; background: #fff; }
.sec6{  width: 100%; height: 100%; background: url(../image/banner7a.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec31{margin:0 auto; width: 100%; height: auto; position:absolute; top: 120px;}
.sec31 .t11{margin:0 auto; width: 30%; height: auto; font-size: 30px; line-height: 40px; text-align: left; font-weight: 200; float: left; padding-top: 40px;}
.sec31 .t12{margin:35px auto 0 auto; width: 50%; height: auto; float: right;font-size: 16px; line-height: 20px; text-align: left; color: #888;}
.sec31 .t13{margin:0 auto; width: 30%; height: auto; font-size: 30px; color: #fff; line-height: 40px; text-align: left; font-weight: 200; float: left; padding-top: 40px;}
.sec31 .t14{margin:35px auto 0 auto; width: 50%; height: auto; float: right;font-size: 16px; line-height: 20px; text-align: left; color: #fff;}
.sec51{  width: 100%; height: 100%; background: #fff; }
.sec511{  width: 100%; height: calc(100% - 400px);background:url(../image/bg5.jpg) no-repeat center center;  display: block; position: relative;}
.sec511 .tit{  width: 100%; height: auto; position: absolute; top:50%;color: #000; font-size: 36px; text-align: center;line-height: 30px; font-weight: 200; display: block;}
	
	.home-hero1 .tt1{margin:0 auto;padding: 0 30px; width: 100%;}	
	ul.navbar{display: none;}	
	

	
}


@media (max-width:769px){
.sec2{  width: 100%; height: 100%; background: url(../image/banner1b.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec4{  width: 100%; height: 100%; background: url(../image/banner6b.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec6{  width: 100%; height: 100%; background: url(../image/banner7a.jpg) no-repeat; background-size: auto; background-size: 100% 100%; }
		ul.navbar{display: none;}	
.logo{position: fixed;left: 20px;top:18px;z-index: 999999;}
.logo img{width: 140px; height: auto;}
	
	.logo1{position: fixed;left: 20px;top:1px;}
.logo1 img{width: 140px; height: auto;}
	
.menu {width: 100px; height: 48px; z-index: 999999;position: fixed; right: 70px; top: 18px; }	
.home-three ul li .txt1{font-size: 40px; line-height: 30px;}
.home-three ul li .txt2{margin: 0 auto; padding: 0; font-size: 14px; font-weight: 200;width: 100%; color: #888;height: auto; text-align: center;}
.menu p{display:none;}
	
.menu1 {width: 100px; height: 48px; position: fixed; right: 70px; top: 18px; }	
.menu1 p{display:none;}	
	
	
.en a{width: 50px; height: 48px; z-index: 5;position: fixed; right: 10px;padding-left: 10px;}	
	
	
	
.nav-center{width:100%; margin-top: 0;}	
.nav-page{margin-top: 20px;position: relative;}	
	
.nav-list li{float: left;width:100%;text-align: center;}	
.nav-list li.li2{float: left;width:100%;text-align: center;}	
.nav-con span{font-size:18px;color: #fff; font-weight: bold;padding-bottom: 10px;display: block;}	
	
.nav-page{margin-top:10px;position: relative;}
	
	.nav-con p{display:none;}

.nav-close{display: block;margin: 20px auto; width:40px;height: 40px;border-radius: 50%;-webkit-border-radius: 50%;background: url("../image/nav-close1.png");}	
	
.two-lefttop{position: absolute;height: auto;width:100%;top:2%;left:0;box-sizing: border-box;}
.two-lefttop .txt{width:100%;top:20px;padding: 10px 5%;font-size: 14px; color: #fff; line-height: 16px; }	
	
	
.tel_number{font-size:20px;text-align: center;color: #fff;margin-top:50px;font-weight: normal;}
.tel_number1{font-size:14px;text-align: center;color: #fff;margin: 0 auto ;font-weight: normal;}
	
.two_bottommain ul li{margin: 0 auto; padding: 0 1%; width: 25%; border-right: 1px solid #729eea; height: auto; float: left; text-align: center;font-size: 12px; color: #fff; line-height: 30px;}	
.two-project-summary .title1{font-size: 24px; color: #fff; font-weight: normal;text-align: center;line-height: 30px;color:#fff}
.two-project-summary .title2{font-size: 18px; color: #fff; font-weight: normal;text-align: center;line-height: 30px;color:#fff}	
	.two-project-summary .title3{font-size: 34px; line-height: 30px; }	
	
.project-hero.ma-project-hero{position:-webkit-sticky;position:sticky;background-image:url("../image/banner2a.jpg");background-position:50% 20%;background-size:100% 100%}
.project-hero.ma-project-hero.non-sticky{position:relative}	
	
.two-project-summary{position: absolute;height: auto;width:100%;top:15%;padding: 20px 3%; left:0;box-sizing: border-box;}


.two_bottom{position: absolute;height: auto;width:100%;bottom:50%;left:0;box-sizing: border-box;}	
	
.home-project-cta{width:92%;margin-top:0;padding-bottom:8%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}	
.three-project-summary{position: absolute;height: auto;width:100%;top:20%;padding: 20px 5%; left:0;box-sizing: border-box;}	
.three-project-summary .title1{font-size: 20px; color: #000; font-weight: normal;line-height: 20px;}
.three-project-summary .title2{font-size: 12px; color: #888; font-weight: normal;line-height: 20px; padding: 10px 0;}	

	.news_col_top{display:none;}	
	.news_list_slide .col-lg-4{width: 100%;}
.two-left{ width: 100%; height: 50vh;}	
.two-right{width: 100%; height: 50vh; float: left; overflow: hidden; background: #333; display: block;}
.two-right1{width: 100%; height: 50vh; float: left; overflow: hidden; background: #f3f3f3; display: block;}	
	
	
.one_bottommain{margin: 0 auto; padding:10px 3%; position: relative; display: block;width: 100%; height: auto; max-width: 1200px; background-color: rgba(54,107,199,0.8);}	
.one_bottommain ul li{margin: 10px auto; padding: 0 1%; width: 50%; border-right: 1px solid #729eea; height: auto; float: left; font-size: 14px; color: #fff; line-height: 50px; text-align: center;}
	.one_bottommain ul li i{ width: 100%; height: auto; float: left; font-size: 14px; color: #fff; line-height: 50px; text-align: center;}
.one_bottommain ul li span{ width: 100%; height: auto; float: left; font-size: 14px; color: #fff; line-height: 20px; text-align: center;}

	
.one_bottommain ul li:nth-child(4){ border-right:0; }	
.one_bottommain ul li:nth-child(2){ border-right:0; }
	
.three-project-country{position: absolute;height: auto;width:100%;top:10px;padding: 20px 0; left:0;box-sizing: border-box;display:block;white-space:nowrap;font-size:50px;line-height:1em; text-align: left;}
.three-project-country .title1{transition:all .5s;color:rgba(255,255,255,0);-webkit-text-stroke:1px #c1c1c1;font-weight: 800;}
.three-project-country .title2{font-size: 28px; color: #666; font-weight: normal;line-height: 50px;}	

	.news-section{bottom:10px;}
	.news-section-three .container	{width: 100%; max-width: 600px;}
	.news-section .container	{width: 100%;max-width: 600px;}
	
	.news-section-three .col-lg-3	{width: 50%;}
	.news-section .col-lg-3	{width: 50%;}	
	.news-block-two .caption-box .inner{	padding: 10px;}
	.news-block-two .caption-box .c1{display: none;	}
	.news-block-two .caption-box .c2{	font-size: 18px;}
.news-block-two .caption-box .c3{	font-size: 16px;}
	
	.news-block-three .caption-box .inner{	padding: 10px;}
	.news-block-three .caption-box .c1{display: none;	}
	.news-block-three .caption-box .c2{	font-size: 18px;}
.news-block-three .caption-box .c3{	font-size: 14px; line-height: 20px;}	
.home-hero1 .tt1{margin:0 auto;padding: 0 30px; width: 100%;}		
.home-hero1 .tt1 .t1 .t11{font-size: 24px; line-height: 40px; text-align: left; font-weight: 200;}	
	

	
.footer_top .left{display: none;}	
.code{width:100%;float: right;text-align: center;}



.sec7 .con{margin: 0 auto; padding: 0; width: 100%; height: auto; display: none;}
.sec7 .con img{margin: 0 auto; padding: 0; width: 100%; height: auto;}
.sec7 .con1{margin: 0 auto; padding: 0; width: 100%; height: 100%; display: block;}
.sec7 .con1 img{margin: 0 auto; padding: 0;width: 100%; height: auto; position: absolute; top: 100px;}


	
	}

.displaypc{display: block;}
.displaymobile{display: none;}


@media (max-width:640px){
.sec2{  width: 100%; height: 100%; background: url(../image/banner1b.jpg) no-repeat center center; background-size: cover; }
.sec4{  width: 100%; height: 100%; background: url(../image/banner6b.jpg) no-repeat center center;  background-size: auto 100%; }
.sec6{  width: 100%; height: 100%; background: url(../image/banner7a.jpg) no-repeat center center; b background-size: auto 100%; }
.displaypc{display: none;}
.displaymobile{display: block;}	
.sec31 .t11{margin:0 auto; width: 100%; }
.sec31 .t12{margin:0 auto; width: 100%; padding: 30px 0;}
	
.aon-step-sectiontwo .aon-step-icon {  margin-bottom: 10px;}
.aon-step-sectiontwo .aon-step-icon span {
	border: 2px solid #003591;
  width:40px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  transform: rotate(135deg);
}	
	.aon-step-sectiontwo:hover .aon-step-icon span {
  border-radius:20px;
}
.aon-step-sectiontwo .aon-step-icon span img {
  transform: rotate(-135deg);width: 20px; height: 20px;margin: 0 5px;
}
.aon-step-sectiontwo .aon-step-info h4 {
  font-size: 16px; color: #000;line-height: 20px;padding: 0; margin: 0;
}
.aon-step-sectiontwo .aon-step-info p {
  font-size: 12px; color: #000;line-height: 20px; padding: 3px 0;
}	
	
.sec31 .t13{margin:0 auto; width: 100%; height: auto; font-size: 30px; color: #fff; line-height: 40px; text-align: right; font-weight: 200; float: left; padding-top: 40px;}
.sec31 .t14{display:none;}	
.sec511{  width: 100%; height: calc(100% - 400px);background:url(../image/bg5.jpg) no-repeat center center;  display: block; position: relative;}
.sec511 .tit{  width: 100%; height: auto; position: absolute; top:50%;color: #000; font-size: 30px;padding: 0 30px; text-align: center;line-height: 40px; font-weight: 200; display: block;}
	

.sec4 .texd{  width: 100%; height: auto; margin:10px auto; padding: 0;}
.sec4 .texd .title1{ font-size: 16px; line-height: 20px; text-align: center; font-weight: 400; }
.sec4 .texd .title2{  padding:5px 0; font-size: 16px; font-family: Hind,Arial; line-height: 20px; text-align: center; font-weight: 600; }
.sec4 .texd .title3{ font-size: 16px; line-height: 20px; text-align: center; font-weight: 400; }	
		
	
	)