@charset "utf-8";



@media screen and (max-width:2000px)
	
{

	
}


@media screen and (max-width:1680px)
	
{

}




@media screen and (max-width:1500px)
	
{
 

}

@media screen and (max-width:1366px)
	
{
		

}




@media screen and (max-width:1280px)
	
{


}




@media screen and (max-width:1100px)
	
{



	.nav{ position: fixed;top:70px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 70px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff; margin-top: 0px; }
	.nav ul{display:block; width: 90%; margin: 0 auto;padding-top: 20px; }

	.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left;}
	.nav li>a{display:block; line-height:70px;  font-size: 18px; color: #333}
    
	.nav li>a:before{display: none}
	.nav li:nth-child(2),.nav li:nth-child(4){padding: 0px;background: url(../images/down01.png) no-repeat right 30px; background-size:10px auto}
	.nav li:nth-child(2)>a,.nav li:nth-child(4)>a{display:inline-block}
	
	
    .navdown{background: #fff; position:relative; left:0%; transform:none; width:100%;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}
	
    .navdown a{line-height:42px; text-align:left!important; padding:5px 20px; background: none; border-bottom: none; color: #333!important; font-size: 16px; display: block}
	.navdown span{border-top: 1px solid #f0f0f0;}
	
	.nav li:before{display: none}
	
	.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top:50%; width:20px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; transform: translate(0,-50%)}
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#000000;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}

	.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#1b2d74;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
	.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
	.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);}

	.menu-open .top{background: #ffffff}

	.menu-open .top .logo img.show{display:none}
	.menu-open .top .logo img.hide{display:block}
	
	

	.menu-open .nav{visibility:visible;opacity:1;}
	.menu-open .icon-bar{ background:#FFF}
	.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

	.menu-open .nav li:nth-child(1){animation-delay:0s;}
	.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
	.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
	.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
	.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
	.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
	.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
	.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
	.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
	.menu-open .nav li:nth-child(10){animation-delay:0.9s;}


	@-webkit-keyframes fadeInUp {
	  0% {opacity:0;-webkit-transform:translateY(60px)}
	  100% {opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInUp {
	  0% {opacity:0;-moz-transform:translateY(60px)}
	  100% {opacity:1;-moz-transform:translateY(0)}
	}
	@-o-keyframes fadeInUp {
	  0% {opacity:0;-o-transform:translateY(60px)}
	  100% {opacity:1;-o-transform:translateY(0)}
	}
	@keyframes fadeInUp {
	  0% {opacity:0;transform:translateY(60px)}
	  100% {opacity:1;transform:translateY(0)}
	}


	
}




@media screen and (max-width:1024px)
	
{
	
	
}

@media screen and (max-width:999px)
	
{


		
}

@media screen and (max-width:920px)
	
{

	.mainbox{width: 90%}
	
	.bantxt h2{font-size: 40px;}
	
	.syaboutbj .mainbox{display: block}
	.syaboutleft{width: 100%}
	.syaboutright{width: 100%; margin-top:40px}
	.syaboutleft h1{margin-bottom: 20px;}
	
	.syservicebot{width: 100%; margin-top: 30px;}
	
	.syservicebot li h3{display: none}
	
	.footernav{display: none}
	.footercen ul{display: block; overflow: hidden}
	.footercen li{width: 50%;float: left; margin: 20px 0px;}
	.syprolist ul{width: 100%}
	.syprolist{display: block;}
	.syprolist ul{margin-bottom: 3%}
	.nynav{display: none}
	.nynavselect{display: block}
	
	.syaboutbj .mainbox .shang{display: block}
	.Our Visionpic{width: 100%}
	.Our Visionhezi{display: block}
	.Our Visiontxt{width: 100%}
	.businessbox ul{display: block}
	.businessbox li{width: calc(100% - 60px); margin: 20px 0px;}
	
	.nyteambox li {width: calc(33.33% - 30px);}
	
	.servicesbox li .erduan{display: block}
	.servicepic{width: 100%; margin-top: 0px;}
	.servicetxt{width: calc(100% - 40px); padding:30px 20px 40px;}
	.servicesbox li:before{width: 100%}
	
	.nyproshow .erduan{display: block}
	.nyproleft{width: 100%}
	.productbox li {width: calc(100% - 50px);}
	.nyproright{width: 100%; margin-top: 30px;}
	.proshowbotleft{width: 100%}
	.proshowbotright{width: calc(100% - 40px); padding: 20px; margin-top:40px;}
	.proshowbotleft h3{font-size: 20px;}
	
	.nycontact li{display: block}
	.mappic{width: 100%}
	
	.maptxt{width: calc(100% - 40px); padding: 20px;}
	
	.prolione{display: block}
	.prolione .tablebox{width: 100%}
	.prolione li{display: block; margin-top: 30px}
	.proliepic{width: 100%; margin-top: 30px;}
	.tablebox td{padding: 10px;}
	.tablebox th{padding: 10px;}
	.visionpic{width: 100%}
	.visionhezi{display: block}
	.visiontxt{width: 100%}
}

@media screen and (max-width:768px)

{



	
	
}

@media screen and (max-width:680px)

{
	
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	
	.pt4{padding-top: 8%}
	
	
	
	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%!important}
	.mt5{ margin-top:10%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	.pt5{padding-top: 8%}
	.pt3{padding-top: 16%}
	
	body{padding-top: 60px;}
	.top>.mainbox {min-height: 60px;}
	.nav{top: 60px;height: calc(100vh - 60px)}
    .top.cur>.mainbox{min-height: 60px;}


	.logo{width: 30%;}
	
	.bantxt h2{font-size: 28px;}
	.syaboutleft h1{font-size: 30px;}
	.banner .swiper-pagination-bullet{width: 20px;}
	
	.syservicebox img.hide{ display: block}
	.footercen li:last-child{max-width:none}
	.footercen li:nth-child(3),.footercen li:nth-child(4){width: 100%;}
	.footerbot{display:block}
	.nyaboutnum li{padding: 20px; width: calc(100% - 72px); margin-bottom: 20px;}
	.nyaboutnum li:nth-child(4), .nyaboutnum li:nth-child(5){padding: 20px; width: calc(100% - 72px)}
	.nyaboutxt h2{font-size: 30px;}
	.Our Visiontxthz h2{font-size: 30px;}
	.sytit h2{font-size: 30px;}
	.nyteambox li {width: calc(50% - 30px);}
	.nybanner h2{font-size:30px;}
	.nybanner p{font-size: 12px; bottom: 10px;}
	.nybanner{overflow: hidden}
	.nybanner>img{width: 150%; margin-left: -25%; max-width: none}
	
	.servicetxt h3{font-size: 24px;}
	
	.investorstit h2{font-size: 30px;}
	.investorslist ul{display: block}
	.investorslist li{width: 100%; margin-bottom: 30px;}
	.investxt{padding: 30px 20px;}
	.maptxt h5{font-size: 24px;}
	
	.nyaboutnum li p{font-size: 32px;}
	.visiontxthz h2{font-size: 28px;}
	.visiontxthz{padding: 30px 20px;}
	
	.tanleft{display: none}
	.visionhezi{width: 100%}
	.tanright{width: calc(100% - 40px); padding: 30px 20px;}
	
	.syservicebot li.cur h4{font-size: 24px;}
	
}


@media screen and (max-width:580px)

{
	
	
}

@media screen and (max-width:480px)
	
{

	
}

@media screen and (max-height:450px)
	
{


}