@charset "utf-8";

/* CSS Document */

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

}

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


	

}

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

}




@media screen and (max-width:1200px)
{
	
.mainbox{padding-left: 5%; padding-right: 5%}
	
	.syprobox{padding-bottom: 50px;}
	
	.bantxt h3{font-size: 18px;}
}




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


body{overflow-x: hidden}	
	
.nav{ position: fixed;top:100px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 100px); 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}

.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/fotdown.png") no-repeat 97% 27px; background-size: 12px auto; width: 100%}
.nav li>a{display: inline-block; line-height: 60px; color: #333; font-size: 16px; text-align: left}

.navdown{background: #fff; position:relative; left:0%; transform:none;top: 0px; display: none; padding: 0px; width: 100%;box-shadow:none;}

.navdown a{line-height:50px;display: block; text-align: left; border-top: 1px solid #f0f0f0;padding-left:30px; color: #333}
	.navdown a:before{background: #ddd}
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:4%;top:50%; transform:translate(0,-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; }
.nav-btnbox .icon-bar {display: block; height:2px;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:6px}	

.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, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}



.menu-open .nav{visibility:visible;opacity:1;}

.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;}

.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.menu-open .top .nav li>a{color: #333}
.menu-open .top .logo .none{display: block}
.menu-open .top .logo .show{display: none}
.menu-open .icon-bar{background: #000000}
.top.cur .icon-bar{background: #000000}

@-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)}

}
	
	.menu-open .nav li:nth-child(1) {background: none}
	.menu-open .nav li:nth-child(1) a{display:block}
	.menu-open .nav li:nth-child(3) {background: none}
	.menu-open .nav li:nth-child(3) a{display:block}
	.menu-open .nav li:nth-child(6) {background: none}
	.menu-open .nav li:nth-child(6) a{display:block}

	.topright{width: 140px;}
	
	.top.cur .nav{top: 80px; height: calc(100vh - 80px)}
	
	
	.nynavselect{display: block}
	.nyleft{display: none}
	.nyright{width: 100%}
	.huisebj{overflow: hidden}
	
	
	
	
	
}




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


	.bantxt h2{font-size: 40px; max-width: 80%}
	.bantxt p{font-size: 16px; max-width: 80%}
}

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

	.sycasebox{padding-bottom: 50px;}

}

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

}

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

{
	.ablist ul{ overflow: hidden;padding-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.ablist li{width:50%; float: left; margin: 0px!important; margin-bottom: 20px!important; }
	
	.abnews{display: block}
	.stableft{width: 100%; margin-bottom: 30px;}
	.stnewsbox{width: 100%}
	.stnewsbox li{margin: 10px 0px;}
	
	.guanbi{right: 0px;}
	.serdowntxt h3{font-size: 30px;}
	
	.conboxs{width: 100%}
	
	.liuyanbox{width: 100%}

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

{
	
	.nybanner{overflow: hidden}
	.nybanner img{width: 200%; margin-left: -50%; max-width: none}

}

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

{
	.pt4{padding-top: 8%}
	.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:10%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	

	.banner .swiper-button-next,.banner .swiper-button-prev{display: none}
	.logo{width: 100px}
	.top .mainbox{height: 80px}
	.nav{top: 80px; height: calc(100vh - 80px)}
	
	.top.cur .mainbox{height: 60px;}
	.top.cur .nav{top: 60px; height: calc(100vh - 60px)}
	.bantxt .mainbox{width: 90%}
	.banner .swiper-slide img.show{display: none}
	.banner .swiper-slide img.hide{display:block}
	.bantxt h2{font-size: 32px; max-width: 100%}
	.bantxt p{font-size: 14px; max-width: 100%}
	
	.sytit h2{font-size: 30px;}

	.ablist li h2{font-size: 16px;}
	
	.syservice li {width: calc(50% - 32px);}
	.syservice li a{padding: 30px 10px;}
	.syservice li h2{font-size: 18px;}
	.synumbox ul{display: block}
	.synumbox li{margin: 30px 0px;}
	.numtxt p{display: inline-block}
	.synumbox{padding-top: 0!important}
	
	.footbot p em{display: block}
	
	.baisehezi{padding: 20px;}
	.nyhonor li {width: calc(100% - 42px); margin-bottom: 20px;}
	
	.nycase li {width: calc(100% - 40px); margin-bottom: 20px;}
	
	.updown ul{display: block}
	.updown li{max-width: calc(100% - 20px);}
	.updown li:nth-child(2){text-align: left; margin-top: 10px;}
	.liuyanbox h2{font-size: 18px;}
	
	.conboxs{display: block}
	.conright{max-width: 100%}
	
	.erweimaleft{max-width:150px; margin: 0 auto; margin-top: 20px;}
	
	.conbot ul{display: block}
	.conbot li{margin:20px 0px;background-size: 25px auto!important; padding-left: 40px;}
	.conbot li p{font-size: 16px; display: inline-block; margin-right: 5px;}
	
	.newstime{width: 80px;}
	.newstime span{font-size: 30px;}
	.newstime p{font-size: 12px; margin-top: 10px;}
	.newsright {width: calc(100% - 100px);}
	
	.newsright h2{font-size: 18px;}
	
	.nypro li a{display: block}
	.nypro li .fangdapic{width: 100%}
	.nyprotxt{margin-top: 20px; width: 100%}
	
	
	.bantxt h3{font-size: 14px;}
	
}

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



}





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


}

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

	
	
	
	
}