@charset "utf-8";

/* CSS Document */

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

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

	
	
}




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


}

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

	
}




@media screen and (max-width:1280px)
{
	.nav {width: calc(100% - 150px);}
	.nav li{font-size: 15px;}
}




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

body{overflow-x: hidden}


.nav{ position: fixed;top:78px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 78px); 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; background: url("../images/down01.png") no-repeat right 27px; background-size: 12px auto;}
.nav li>a{display: inline-block; line-height: 60px; color: #333; padding-bottom: 0px;}

	.nav li:last-child{background: none}
	.nav li:last-child 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 20px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none}
	

	
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;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%)}
.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#000;-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.curtwo .nav-btnbox .icon-bar{background: #000}
.nav-btnbox .icon-bar+.icon-bar {margin-top:4px}	
.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, -5px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -5px, 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;}


.nav li:nth-child(1){background: none}
.nav li:nth-child(1) a{ display: block;}
.navdown a:last-child{border-top: 1px solid #f0f0f0;}
.nav li:nth-child(2) .navdown{width: 100%}
.nav li:nth-child(3) .navdown{width: 100%}


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

}
	
	
	.bantxt h2{font-size: 30px;}
	.banner{margin-top: 78px;}
	
	.shulizboxhz h3{font-size: 14px;}
	.shuliz p{font-size: 20px;}
	
	.toplinkto{margin-right: 50px;}
}




@media screen and (max-width:1024px)
{
.nyabhonor ul {width: calc(100% + 40px); margin-left:-40px;}
.nyabhonor li {width: calc(50% - 40px); margin-left: 40px;}
	
	
}

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

	.sysolutionbox .swiper-button-prev{display: none}
	.sysolutionbox .swiper-button-next{display: none}
	.sysolutionbox{ padding: 0px; padding-bottom: 30px;}
	
	.synewsbox .swiper-button-prev{display: none}
	.synewsbox .swiper-button-next{display: none}
	.synewsbox{ padding: 0px; padding-bottom: 30px;}
	
	
	.syproductbox .swiper-button-prev{display: none}
	.syproductbox .swiper-button-next{display: none}
	.syproductbox{ padding: 0px; padding-bottom: 30px;}
	
	.nyhonorbox .swiper-button-prev{display: none}
	.nyhonorbox .swiper-button-next{display: none}
	.nyhonorbox{ padding: 0px; padding-bottom: 30px;}
	
	

	.biaogeboxs{overflow-x: scroll}
	.biaogehezi{width: 150%}
	.solutionlist li {width: calc(33.33% - 30px);}
}

@media screen and (max-width:920px)
{
	.syaboutbox li {width: calc(50% - 30px); margin-bottom: 30px;}
	
	.nyabouthezi{display: block}
	.nyaboutleft{width: 100%}
	.nyaboutright{width: 100%; margin-top: 20px;}
	
	.blockwap{display: block}
	.lwfexs{max-width: 100%}
	.lwfexspic{max-width: 100%; margin-top: 20px;}
	.imgbhes{width: 100%; margin: 10px 0px;}
	.lianxsdpic{width: 100%}
	.lianxsdtxt{width: 90%}
	
	.contactboxs li {width: calc(50% - 50px);}
	
	.guanbi{right: 0px;}
	
	.designlist li {width: calc(33.33% - 30px);}
	
	.nynavselect{display: block}
	.downloadbox{display: block}
	.downleft{width: 100%}
	.downright{display: none}
	
	.new_build li {width: calc(50% - 50px);}
	.productlist li {width: calc(50% - 50px);}
	.proshowbox{display: block}
	.proshowleft{width: 100%}
	.proshowright{width: 100%; margin-top: 30px;}
}

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

{
	.footernav{display: none}
	
	.solutionlist li {width: calc(50% - 30px);}
	
	
}

@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:12%; padding-bottom:12%}
.pd2{ padding-top:4%; padding-bottom:4%}
	
	
	


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



.pb3{ padding-bottom:6%}
.pb4{ padding-bottom:8%}
.pb5{ padding-bottom:10%}
.pb6{ padding-bottom:12%}
.pb7{ padding-bottom:14%}
	
	
	
	
	.top .mainbox{height: 57px;}
	.logo{width: 76px;}
	
	.nav{top: 57px; height: calc(100vh - 57px)}

	.banner{margin-top: 57px;}
	.nybanner{margin-top: 57px;}
	.nybanner img{width: 200%; margin-left: -50%; max-width: none}
	.nybanner h1{width: 100%; text-align: center; font-size: 24px;}
	.miaobao{font-size: 12px;}
	.bantxt p{display: none}
	.bantxt h2{width:75%; font-size: 18px;}
	
	.banmore{width: 80px; font-size:12px; line-height: 24px; height: 24px;background-size:5px auto;}
	
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 4px; height: 4px; margin: 0px 3px;}
	
	.sytit{font-size: 30px;}
	
	.syaboutbox li {width: calc(100% - 30px);}
	.sypartnerbox ul {width: calc(100% + 40px);margin-left: -40px;}
	.sypartnerbox li {width: calc(50% - 42px);margin-left: 40px;}
	.maptit{top:-100px;}
	.maptit h2{font-size: 30px;color: #1e61ae;}
	.maptit a{color: #1e61ae;}
	.mapbox li{font-size: 12px;}
	
	.mapbox{margin-top: 100px;}
	
	.footcontact ul{display: block}
	.footcontact li{margin-bottom: 20px;}
	
	.synewstxt h3{font-size: 18px;}
	
	.nytit h2{font-size: 30px;}
	
	.wenziboxs{font-size: 16px;}
	.nyabhonor li {width: calc(100% - 40px); margin-bottom: 40px}
	.nyabhonor ul{display: block; overflow: hidden}
	.nyhonortxt h3{font-size: 24px;}
	
	.lianxsdtxt h3{font-size: 20px;}
	
	.contactboxs li {width: calc(100% - 50px);}
	.liuyanbox li:nth-child(3){width: 100%}
	.contsxts h3{font-size: 20px;}
	.liuyanbox li{width: 100%; display: block; margin-left: 0px;}
	.liuyanbox ul{width: 100%; margin: 0}
	.inputright{width: 100%;  margin-top: 10px;}
	.inputright textarea{ height: 100px;}
	.liuyanbox li span{display: block; width: 100%}
	.inputright input[type="text"]{height: 50px;}
	input.tijiao{height: 50px; width: 100%}
	input.tijiao2{height: 50px; width: 100%}
	
	.blockwap680{display: block}
	.suxcleft{width: 100%}
	.suxcright{width: 100%; margin-top: 20px;}
	.Coolingboxs ul{display: block}
	.Coolingboxs li{width: 94%; margin-bottom: 20px;}
	
	.tanchuboxs h2{font-size: 20px;}
	.tanchuboxs li{display: block; margin-bottom:5px;}
	.tanchuboxs li span{display: block; width: 100%; text-align: left}
	.tanrigs{width: 100%}
	.tanrigs input{height:35px; margin-top: 5px;}
	.tanchuboxs{padding: 20px 0px;}
	
	.tanchuboxs ul{margin: 10px auto}
	
	input.tijiaosx{height: 45px; margin-top: 10px;}
	
	.designlist li {width: calc(100% - 30px); margin-bottom: 20px;}
	.syfangantxt h3{font-size: 20px}
	.nyrongyutxt h3{font-size:20px;}
	.nyrongyutxt{ line-height: 1.2; min-height:auto}
	.qualificationlist li{width: calc(100% - 60px); margin-bottom: 20px;}
	
	.nytitxiao h2{font-size: 22px;}
		
	.new_build li {width: calc(100% - 50px); margin-bottom: 20px;}	
	.new_buildtxt p{min-height: auto; font-size: 18px; line-height: 1.2}
	.new_buildvideo li {width: calc(100% - 60px); margin-bottom: 20px;}
		
	.new_buildvideo li p{font-size:20px;}
	.videotanchubox h2{font-size: 16px;}
	.productlist li {width: calc(100% - 50px); margin-bottom: 20px;}	
		
	.page a{width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.page a.pagenext,.page a.pageprev{background-size: 10px auto}
	
	.newstit h1{font-size: 24px;}
	.updowns ul{display: block}
	.updowns li{max-width: 100%; margin-bottom: 10px;}
	.old_data_fter li {width: calc(100% - 60px); margin-bottom: 20px;}
	.old_data_fter li p{font-size: 20px;}
	
	.olids_buildvideo p{font-size:20px; padding: 10px}
	
	.proshowright > h1{font-size: 24px;}
	.proshowtxt{display: block}
	.proshowtxtleft{width: 100%; color: #333; font-weight: bold; margin-bottom: 20px; font-size: 18px; display: block}
	.proshowtxtright{width: 100%}
	.proshowxiang > h1{font-size: 24px;}
	.prodowns > h1{font-size: 24px;}
	.biaogehezi{font-size: 12px;}
	.biaogehezi th{font-size: 16px;}
	.biaogehezi.jiacuo td:first-child{font-size: 16px;}
	.biaogehezi td{padding: 10px;}
	.biaogehezi {width: 200%;}
	.solutionlist li {width: calc(100% - 30px); margin-bottom: 20px;}
	
	.zuoyoustylehezi{display: block}
	
	.zuopics{width: 100%}
    .youtxts{width: 100%; margin-top: 20px;}
	
	.newstit{padding-right: 85px; }
	
	.nynav li{width: 50%; float: left;    border-bottom: 1px solid #f4f4f4;}
	.nynav ul{display: block; overflow: hidden; padding-bottom: 2px;}
	.nynav li a{display: block}
	.nynav{height: auto; border-bottom: none}
	
}


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

	
}





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

	
}

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

	
}