@charset "utf-8";

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

}

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

}

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

	.bantxt h2{font-size:40px}
	
	.morebtn{width: 180px; height: 50px; line-height: 50px; text-indent: 20px;}
	
	.banner .swiper-pagination-bullet:before{width:6px; height: 6px;}
	.banner .swiper-pagination-bullet{width: 30px; height: 30px;}
	
	.sytit h2{font-size: 38px}
	.synewstxt p{font-size: 20px;}
	.nyabouttxt h2{font-size: 38px;}
	.nybantxt h2{font-size: 38px;}
	.protxt p{font-size: 18px;}
}




@media screen and (max-width:1440px)
	
{
	
	
	body{font-size: 14px;}
	
	.mapdizhi h3{font-size: 14px;}
	.mapdizhi p{font-size: 16px}
	
	
}

@media screen and (max-width:1366px)
	
	
{
   
	.bantxt h2{font-size: 40px;}
	
	.syvideo .swiper-slide:before{width: 100px; height: 100px; }
	
	.whtxt p{font-size: 22px}
	.whtxt span{font-size: 16px;}
	
	.newsshowtit h1{font-size: 30px;}
	
	.joinbox li .morebtn{width: 140px; height: 42px; line-height: 42px;}

		
		
}

@media screen and (max-width:1280px)
	
{
	.nynav li{width: 33.33%}
}




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

	body{overflow-x: hidden}
	.topright{width: 140px;}
	
	
	.menu-open .top{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #fff;}

	.menu-open .top .logo img.show{display: none}
	.menu-open .top .logo img.hide{display: block}
    .menu-open .top .zhanqunselect p{color: #333;border-bottom: 1px solid rgba(0,0,0,0.1);border: none}
	.menu-open .top .zhanqunselect p:before{border-top:5px solid #ddd;}
	.menu-open .top .yuyanselect img.show{display: none}
	.menu-open .top .yuyanselect img.hide{display: block}

	
	.top.cur .navdown{top:auto}
	.navdown p a{padding: 10px; padding-left: 30px; font-size: 16px;}
	
	.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; }
	
	.top.cur .nav{top:70px;height:calc(100vh - 70px);}
	

	.nav ul{display:block; width:86%; 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{display: inline-block; line-height: 70px; color: #333; padding-bottom: 0px; font-size: 18px;}
	
	.top.cur .nav li>a{line-height: 70px;}

	.nav li:nth-child(4),.nav li:nth-child(5){background: none}
	.nav li:nth-child(4) a,.nav li:nth-child(5) a{display: 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:36px; text-align:left; padding:10px 0px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; display: block; margin: 0px; font-size: 16px;}


	.navdown p span{position: relative; display: block; opacity: 1; visibility: visible; left: auto; box-shadow: none; padding-left: 20px;}

	.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top:50%; width:22px;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:2px;border-radius: 10px;overflow: hidden;background-color:#fff;-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;}
	
	.top.cur .nav-btnbox .icon-bar{background: #000}
    .top.cur2 .nav-btnbox .icon-bar{background: #000}

	.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#000;}
	.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 .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)
	
{

	.synewsbox{padding-bottom: 40px;}
	.synewsbox .swiper-pagination{bottom: 0px;}
	
}

@media screen and (max-width:920px)
	
{
	.banner .swiper-pagination{width: 90%; top: auto; bottom:0%}
	.banner .swiper-pagination-bullet{margin: 0px 2px!important}
	.foottop{display: block}
	.footnav{display: none}
	.footcon{width: 100%}

	.nyabout{display: block}
	.nyabouttxt{width: 100%}
	
	.nyaboutpic{width: 100%; margin-top: 30px;}
	
	.nyaboutpic img{width: 100%}
	.numbx span i{font-size:34px;}
	
	.whico{width: 40px;}
	.whtxt{width: calc(100% - 70px);}
	.whtxt span{font-size: 14px;}
	
	.nyculture {display: block;}
	.nyculturetxt{width: 100%}
	.nyculturetxt li{padding: 30px 0px;}
	.nyculturetxt li.line{padding: 0px;}
	
	.nyculturepic{width: 100%; margin-top: 30px;}
	.whtxt p{font-size: 20px;}
	
	
	.honorbox li{width: calc(50% - 120px);}
	.productbox li{width: calc(50% - 40px);}
	.productbox li .fangdapic img {height: 200px;}
	
	.nynewsbot li{width: calc(50% - 40px);}
	
	.nynewstop a{display: block}
	.nynewsleft{width: calc(100% - 100px);}
	.nynewstop .fangdapic{width: 100%}
	
	.nynewstop .fangdapic.hide{display:block}
	.nynewstop .fangdapic.show{display: none}
	.nybantxt h2{text-align: center}
	
	.contactbox ul{display: block}
	.contactbox li{width: 100%}
	.contactbox li.line{width: 100%; height: 1px; margin: 30px 0px;}
	.mapdizhi{display: block}
	.mapdizhi h3{width: calc(100% - 40px);padding: 20px; display: block;text-align: left}
	.mapdizhi p{width: calc(100% - 40px); padding: 20px; }
	.mapdizhi p span{width: 70px; height: 30px; }
	.mapdizhi p em{width: calc(100% - 70px);line-height: 26px;}
	
	.joinleft{display: block}
	.joinbox li h3{width: 100%}
	.joinbox li p{width: 100%}
	.guanbi{right: 0px;}
	
	.nynav{display: none}
	.nynavselect{display: block}
	
	.nynavdown{display: none}
	
	.huisebj{overflow: hidden}
	
}

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

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%!important}
	.mt5{ margin-top:10%}
	.mt6{ margin-top:15%}
	
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	
	.logo{width: 35%}
	.top>.mainbox{height:70px; width: 90%}
	.top.cur .nav{top: 70px;height: calc(100vh - 70px);}
	.top.cur>.mainbox{height:70px;}
	
	
	.bantxt h2{font-size: 26px; line-height:1.6}
	.bantxt h3{font-size: 20px; line-height:1.6}
	.morebtn{font-size: 16px; text-align: left}
	
	.sytit{display: block; text-align: center}
	.sytit h2{font-size:24px;}
	
	.morebtn{width: 160px; height: 42px; font-size: 14px; line-height: 42px}
	.synewstxt{padding: 30px;}
	.sytit .morebtn{margin-top: 20px;}
	
	.syvideo .swiper-slide:before{width: 50px; height: 50px;}
	.syvideo .swiper-slide:after{    border-left:10px solid rgba(255,255,255,0.7);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;}
	
	.syvideo .swiper-pagination-bullet{width: 10px; margin: 0px 5px!important;}
	
	.footbot{display: block; text-align: center}
	
	.footerleft p span{display: block}
	.footerright{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top: 20px;}
	
	
	.syshuzi li {width: calc(50% - 1px);margin: 20px 0px; border: none}
	.syshuzi li:before{display: none}

	.numbx{ min-width: inherit; width: 90%; padding-left: 10%}
	.syshuzi li:nth-child(1),.syshuzi li:nth-child(4){justify-content:flex-start; display: block}
    .syshuzi li:nth-child(3),.syshuzi li:nth-child(6){justify-content:flex-start; display: block}

	.nyabouttxt h2{font-size:24px;}
	.nyabouttxt p{font-size: 14px;}
	.nynav li{font-size: 16px; width: 33.33%}
	.nynav li a{line-height: 60px;}
	.nynav{margin-top: -30px;}
	
	.nybanner img.show{display: none}
	.nybanner img.hide{display:block}
	.nybantxt h2{font-size: 26px; text-align: center}
	
	.honorbox li{width: calc(100% - 100px); padding: 30px;margin-bottom: 20px;}
	.honorbox li p{font-size: 16px; min-height: inherit}
	.page a{width: 32px; height: 32px; font-size: 14px; line-height: 32px;}
	
	.productbox li{width: calc(100% - 40px); margin-bottom: 20px}
	
	
	.proshowpic .swiper-container{width: 80%; margin: 0 auto}
	
	.proshowpic .swiper-button-prev{width: 34px; height: 34px; margin-top: -17px;}
	.proshowpic .swiper-button-next{width: 34px; height: 34px; margin-top: -17px;}
	.proshowpic .swiper-button-next:after, .proshowpic .swiper-button-prev:after{font-size: 14px;}
	
	.proshowtit{font-size: 20px;}
	.proname p{font-size: 24px;}
	
	.protable{overflow-x: scroll}
	.protablebox{width: 200%;}
	
	.nynewsleft{padding: 30px;width: calc(100% - 60px);}
	.nynewsbot li {width: calc(100% - 40px);margin-bottom: 20px;}
	.newsshowtit h1{font-size: 30px;font-size: 26px; line-height: 1.4} 
	
	.newsshowtit p span{width: calc(50%); display: inline-block; margin-right: 0px;}
	.updown li{max-width: 100%}
	.updown ul{display: block}
	.newsshowtit{padding-top: 70px;}
	
	.nytit h2{font-size: 30px;}
	.contactbox li h3{font-size: 22px;}
	.contactbox li p{font-size: 16px;}
	.mapdizhi{bottom: 10px;}
	.mapdizhi p{font-size: 16px;}
	.mapdizhi h3{padding: 10px 20px; font-size: 16px; display: flex}
	.joinbox li{padding: 20px;}
	.joinleft{width: calc(100% - 150px)}
	.joinbox li p{margin: 10px 0px; display: none}
	.joinbox li h3{font-size: 18px;}
	.joinbox li .morebtn{width: 128px; height: 38px; line-height: 38px; text-indent: 10px;}
	
	.joinbox li .morebtn:before{width: 18px; right: 10px;}
	
	
	.sitemapbox dl{display: block}
	.sitemapbox dt{text-align: left; width: 100%}
	.sitemapbox dd{width: 100%; border: none; padding: 0px;display: block;}
	.sitemapbox dd:before{display: none}
	.sitemapbox dd a{ margin: 5px 0px; margin-right: 10px;}
	.footerleft p br{display:block}
	
	.footcon h2{font-size: 16px;}
}


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

{
	

	
}

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

}

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


	

}

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