@charset "utf-8";

/* CSS Document */
@media screen and (min-width:2200px)
	
{

}

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

}

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

}




@media screen and (max-width:1680px){
.nyabouttxt h2{font-size:30px;}
	
}

@media screen and (max-width:1470px){
	.topright{width:75%;}
	.banwenzi{max-width:700px;}
	.bantxt h2{font-size:44px;}
	.syseryoushi li p{font-size:16px; }
	.serico{height:60px;}
	.footer_nav{width:71%;}
	.footer_cont{width:23%;}
	.synewsbox .swiper-slide a p em{font-size:44px;}
	.jobleft h4{font-size:24px;}
	.nycontact li h4{font-size:24px;}
}

@media screen and (max-width:1440px){
		body{font-size: 14px;}
}


@media screen and (max-width:1366px){
.footer_nav{width:77%;}
.footer_cont{width:20%; font-size:14px;}
.banwenzi{max-width:580px;}
.bantxt h2{font-size:36px;}
.sytit h2{font-size:24px;}
.syabouttxt p{font-size:16px; }
.syserbox li p{font-size:20px;}
.sytit p{font-size:16px; }
.syseryoushi li p{font-size:14px; line-height:1.2; min-height:36px;}
.footer_nav li p a{font-size:14px;}
.footer_nav li span a{font-size:12px;}
.footer_cont{font-size:12px;}
.nyabouttxt h2 {font-size: 24px;}
.nyculture li p{font-size:20px;}
.yunjingtxt p{font-size:20px;}
.yunjingtxt h3{font-size: 24px;}
.nyshim_left h3{font-size: 24px;}
.nyshim_left h4{font-size:20px;}
.nyshim_left h5{font-size:18px;}
.valuetxt p{font-size:20px;}
.serboxs dt{font-size:40px;}
.serboxs dd h3{font-size:24px;}
.nyteam_people_top li h3{font-size:20px;}
.nycasetoptxt h2{font-size:20px;}
.nycasebot li h4{font-size:18px;}

.nav li:nth-child(2) .navdown{width:270px;}
.nav li:nth-child(3) .navdown{width:150px;}
.nav li:nth-child(4) .navdown{width:200px;}
.nav li:nth-child(5) .navdown{width:150px;}

}

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

		
}




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

 	body{overflow-x: hidden; }
	
 
	.mainbox{width: 90%}
	.topright{margin-right:50px; width:50px;}
	.top>.mainbox{height: 80px;}
	.nav{ position: fixed;top:80px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 80px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fdfdfd; 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;background: url("../images/down.png") no-repeat right 27px; background-size: 12px auto;}
	.nav li>a{line-height: 70px; color: #333; padding-bottom: 0px; font-size:18px; display: inline-block}
	
	.top.cur .nav li>a{line-height: 70px;}
	.top.cur .nav .navdown{top: auto!important}
 
	
	
	.navdown{background: #fff; position:relative; left:0%!important; transform:none!important; width:100%!important;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}

	.navdown span{width: 100%; padding: 0px;}
	.navdown span a{line-height:36px; text-align:left; padding:10px 0px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; display: block; margin: 0px; font-size: 16px; padding-left: 30px;}

	
	.top2 .nav-btnbox .icon-bar{background: #333333}
	
	.nav-btnbox {position:absolute;z-index:999999;right:4%;top:50%; width:18px;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%); cursor: pointer;}
	.nav-btnbox .icon-bar {display: block; height:1.5px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-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:4.5px}	
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 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{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background: #0a1a2d;}
	.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)}

	}

	.sycasehezi{width: 95%}
 
	
}




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




}

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

 
}

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

	.banner .bannerimg{height: 50vh}
	.banner .swiper-slide{height: 50vh}
 
	
	.syserbox li {width: calc(100% - 110px);}
	.syseryoushi li{padding-top: calc(33.33% - 40px);width: calc(33.33% - 40px);}
		
	.serico{height: 60px;}
	.footer_nav{display: none}
	.footer_cont{width: 100%}
	.nybantxt h2{font-size: 30px;}
	.nyculture li{width: calc(50% - 51px);}
	.nyshiming{display: block}
	.nyshim_left{width: 90%}
	.nyshim_right{width: 100%}
	.nyshim_right img{width: 100%}
	.valuetxt{width: calc(100% - 126px)}
	.valueico{width: 100px; height: 100px;}
	.nyculture li em{font-size:36px;}
	.yunjingtxt{line-height: 1.8; top: 50%}
	.nycasetophezi a{display: block}
	.nycasetophezi .bigpic{width: 100%}
	.nycasetoptxt{padding:50px; width: calc(100% - 100px)}
	.nycasebot li {width: calc(50% - 50px); margin-bottom: 50px;}
	.nycaseshowleft h1{font-size: 32px;}
	.nycasexiangguan li{width: calc(33.33% - 25px);}
	.nycontact li h4{font-size: 20px;}
	.jobleft h4{font-size:20px;}
	.nycontact li{width: 100%; margin-top:40px;}
	.nyhonor li{width: calc(50% - 50px);}
	
	.nynewsbox li .bigpic{width: 250px;}
	.nynewstxt{width: calc(100% - 300px)}
	
	.serhezi{display: block}
	.serpic{width: 100%; margin-bottom: 30px}
	.sertxt{width: 100%}
	.sertxt p:first-child{border: none}
	.nyteam_people_top li p{-webkit-line-clamp: 2;line-clamp:2;}
	.service_advantages li{width: calc(50% - 100px);}
	.nyteam_people_top li h3{font-size: 28px;}
	.teamshow_right h2{font-size: 28px;}
	.yunjingtxt p{margin-top:10px; line-height:1.3;}
}

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

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

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}
	
	

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	.pt5{padding-top: 10%}
	


}

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

{
	.nybantxt p{line-height:1.5;}
	.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%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%}
	.mt5{ margin-top:12%}
	.mt6{ margin-top:15%}
	.mt8{ margin-top:20%}
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	
	.top>.mainbox{height: 60px;}
	.nav{top: 60px;height: calc(100vh - 60px);}
 
	.bantxt h2{font-size:24px;}
 
    .morebtn {height: 38px;padding: 0px 15px;line-height: 38px; width: 88px;}
	.morebtn em{width:8px; height:8px;}
	
	.syabout{display: block}
	.syabout .sytit{width:100%;}
	.sytit h2{font-size: 20px; line-height: 1.6}
	.syabouttxt{width: 100%; margin-top:30px;}
	.syabouttxt p{font-size: 16px;}
	.syserbox li p{font-size: 16px;}
	.syserbox li a{padding:10px 0px;}
	.syserbox li span{margin-bottom: 20px;}
	.syserbox li p{margin: 0px}
	.nyabouttxt h2{font-size:20px;}
	.sytit{display: block}
	.sytit p{width: 100%}
	.syseryoushi li {padding-top: calc(50% - 20px);width: calc(50% - 20px); margin-left: 20px; margin-top: 20px;}
	.serico{height: 40px;}
	.syseryoushi ul {width: calc(100% + 20px);margin-left: -20px;}
	.syseryoushi li p {padding: 0px 20px;font-size: 14px;}
	
	.sycaseright{display: none}
	.sycaseleft{width: 100%; margin-right: 0px;}
	.sycasehezi{padding-right: 5%; width: 90%}
	.sycasetxt{position: relative;left: auto; width: 100%; bottom: auto}
	.sycasehezi .qiehuan_btn{left:5%; width:85%; bottom:50%;justify-content:space-between;}
	.sycasehezi{display: block}
	.sycasetxt li{font-size:20px; padding: 20px 0px; text-align: center}
	
	.synewsbox .swiper-slide a{padding: 40px;}
	.footer_bot{display: block}
	.footer_bot p{margin-right: 0px; margin-bottom: 10px;}
	.footer_top{padding: 30px 0px 20px}
	.synewsbox .swiper-slide a h4{min-height: 120px}
	.nybanner{overflow: hidden}
	.nybanner img{width:200%; max-width:none; margin-left: -50%}
	.nyabouttxt h2 span br{display: none}
	.nyculture li p{font-size: 18px; margin: 10px 0px;}
	.nyculture li {width: calc(100% - 51px); margin-top:40px; padding:0px 20px}
	
	.nyshiming{margin-top:0px;}
	.yunjingtxt p{font-size: 16px; margin-top: 10px;}
	.yunjingtxt h3{font-size: 20px;}
	.nyshim_left h3{font-size: 20px;}
	
	.pt20{padding-top: 20px;}
	.nyshim_left{width: 86%; padding:7%}
	.nyshim_left h5{line-height: 1.8; font-size:16px;}
	.nyshim_left h4{line-height: 1.8; font-size:18px;}
	.nyvalue li{width: 100%; margin: 15px 0px;}
	.valuetxt p{font-size: 18px;}
	.nybantxt h2{font-size: 26px; margin-bottom: 15px;}
	.nycasetoptxt {padding:30px;width: calc(100% - 60px);}
	.nycasebot li {width: calc(100% - 50px); margin-bottom:30px;padding-bottom: 30px;}	
	.nycasebot li h4{font-size: 20px; }
	.nycaseshowtop{display: block}
	.nycaseshowleft{max-width: 100%; margin-bottom:30px;}
	.nycaseshowleft h1{font-size: 24px;}
	.nycaseshowleft p .timeico{margin-right: 0px; display: block; margin-bottom: 10px;}
	.nycaseshowleft p{display: block}
	.nycasexiangguan{display: block}
	.nycasexiangguan ul{width: calc(100% + 20px); margin-left: -20px;}
	.nycasexiangguan li{ width:calc(50% - 20px); margin-left: 20px; }
	.nycontact ul{display: block}
	.jobleft h4{font-size: 18px;}
	.joblist li a{padding: 30px 0px;}
	.jobleft p em{display: block; margin-top: 10px; line-height: 1.8}
	.nyhonor li{width: calc(100% - 50px);margin-bottom: 30px;}
	.nyhonor{margin-bottom: 30px}
	.jobtxtone,.jobtxtwo{line-height: 1.8; padding: 30px 0px;}
	.jobtxtone h3{font-size: 20px;}
	.nyjobshowtit p span{margin-right: 18px; line-height: 2}
	.nynewsbox li a{display: block}
	.nynewstxt{width: 100%}
	.nynewsbox li .bigpic{width: 100%; margin-top: 20px;}
	.nynewstxt p{font-size: 20px;}
	.updownnews ul{display: block}
	.updownnews li{width: 100%}
	.updownnews li:nth-child(2){margin-top:15px;}
	.updownnews li:nth-child(2) p{order: 2}
	.updownnews li:nth-child(2) em{margin-right: 20px; margin-left: 0px;}
	.updownnews li:nth-child(2) a{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
	.serboxs dd h3{font-size: 20px;}
	.serboxs dt{font-size: 30px;}
	.serboxs dd{width: 100%; padding: 30px 0px; border: none}
	.serboxs{display: block; margin-top: 30px;}
	.serboxs dd h4{line-height: 1.8}
	.nyteam_people_box{display: block}
	.nyteam_people_left{width: 100%}
	.nyteam_people_top li h3{margin-top: 24px; font-size:18px;}
	.nyteam_people_right{width: 100%; margin-top:10px;}
	.nyteam_people_top li p {-webkit-line-clamp:3;line-clamp:3;}
	.teamico{width: 120px; height: 120px;}
	.service_advantages li {width: calc(100% - 100px);}
	.service_advantages li span{text-align: center}
	
	.nyteamshow{display: block}
	.teamshow_left{width: 100%}
	.teamshow_right{margin-top: 30px; width: 100%}
	.teamshow_right h2{font-size: 24px;}
	.teamshowbox li{display: block}
	.teamshowtxt{width: 100%; margin-top: 30px;}
	.teamshowbox li{padding: 10px 0px;}
	.service_advantages li p{font-size:16px;}
	.nycasetoptxt h2{font-size:18px;}
	.nycasebot li h4{font-size:16px;}
	.page a{width:28px; height:28px; line-height: 28px;}
	.pagenext em{background-position: 38% 38%;}
	.synewsbox .swiper-slide a p em{font-size:36px;}
}


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

{

	
}

@media screen and (max-width:390px){
.bantxt h2{font-size:22px;}
	
}

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


	

}

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

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

	
}

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

	.mobile_show{display: block}
	
	
}