@charset "utf-8";

/* CSS Document */

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

	.nybanner h2{top: 70%}
	.mainbox{max-width: 1000px;}
	
	.sywulianleft{width: 36%}
	.sywulianright{width: 62.2%;}
	.syshukongleft{width: 33.67%;}
	.syshukongtxt p{ -webkit-line-clamp: 3;height:72px;}
	.sywulianprohover p{-webkit-line-clamp:3;}
	.synewtit h2{font-size:20px;}
	.synewsxia{margin-top: 5%}
	.synewsleft {padding-top:75px;width: 31%;}
	
	.sywulianhover p{-webkit-line-clamp:4;}
	.shukongprotxt{padding: 20px 30px;}
	.shukongprotxt h3{font-size: 30px;}
	.nydownright{width: 68.2%}
	.nydownleft {width: 31.8%;}
	.bigbiaoti{letter-spacing: 3px;}
}


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

}


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

@media screen and (max-width:1280px)
{
	
	
	
}
@media screen and (max-width:1100px)
{
body{overflow-x: hidden}
.mainbox{padding-left:20px; padding-right:20px;}
.banner{display: none}
.wapbanner{display: block}

.topright{justify-content:flex-end;}	
.sousu{margin-right: 50px;}

.top{padding: 10px 0px; height: auto}	
.top.cur .logo{ height:40px}
.logo{width: 15%}

.searchinput{width: calc(80% - 30px)}
.top .mainbox{height: 50px;}
.logo{height: 50px;}
.logo img{max-height:100%;}	
.nav{ position: fixed;top:66px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 50px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff }
.nav ul{display:block; width:100%; }

.nav li{border-top: 1px solid #f0f0f0;  background:none; height:auto; line-height:40px; padding: 10px 0px; display:block; width:100%;}
.nav li>a{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; border:none;padding:0px 10px;width:calc(100% - 20px);}


.nav li>a{color: #000}

.top.cur .nav{top: 50px}
	
.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; height: auto}
.navdown em{display: none}	
.navdown a{line-height:36px; text-align:left; font-size: 16px;padding:10px 40px;border-top: 1px solid #f0f0f0; color:#000}

.aboutnav{position: relative; left: auto; display: block}
.top.cur .nav-btnbox .icon-bar{ background-color:#000;}
	
.pronav{position: relative; left: auto; display: block}
.navdown .juzhong{display: block}	
.newsnav{position: relative; right: auto; display: block}	
.downnav{position: relative; right: auto; display: block}		
.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;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:#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;}

.nav li>a:before{display: none}	
.menu-open .top .nav li:nth-child(1) {background: none}	
.menu-open .top .nav li:nth-child(1)>a{display: block}	
.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
	
.menu-open .top{background:rgba(255,255,255,1); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.menu-open .top .nav li>a{color:#000; line-height:60px; display: inline-block; width: auto;}
.menu-open .top .nav li:hover>a{color: #f08300}
.menu-open .top .nav li.cur>a{color: #f08300}

.menu-open .top .logo img.none{display: block}
.menu-open .top .logo img.show{display: none}
.menu-open .top .logo img{max-height: 100%}
	
	
.menu-open .top .nav li{background: url("../images/fotdown.png") no-repeat 98% 26px;background-size:12px auto;line-height:60px;padding: 0px; text-align: left}
	
	
.menu-open .top .nav li.cur2{background: url("../images/fotdown2.png") no-repeat 98% 26px;background-size:12px auto; }
	
	
.menu-open .nav-btnbox .icon-bar{ background-color:#f08300;}
.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 .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:920px)
{
}





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

	.sousu a{width: 30px; height: 30px;}
	.bigbiaoti{font-size:26px; position: relative; line-height: 50px; font-weight: normal; left: auto; top: auto; width: 100%; letter-spacing: 0}
	.sywulianleft a{padding:0px}
	.bigbiaoti br{display: none;}
	.sywulianlefttxt{ display: none}
	.sywulianboxbj{display: block; padding-right: 0px; background:none}
	.sywulianleft{width: 100%;background-size:100% auto; text-align: center;background: #f08300; height: 50px;} 
	.sywulianright{width: 100%;}
	.sywulianboxbj{}
	.sywulianleft .syshukongleftpic{display: none}
	.sywulianright {padding-bottom:30px;}
	
	.syshukongbox{ padding-top:6%; padding-bottom:30px;}
	.synewsbox{padding-top:11%}
	.sywulianpro{ margin-top: 0px;}
	.sywulianright .swiper-pagination{right: 0px; top: auto; bottom:5px; width: 100%; transform: none}
	
	.sywulianright .swiper-pagination-bullet{width: 10px; height: 10px;background:rgba(0,0,0,0.3); margin: 0px 5px;}
	.sywulianright .swiper-pagination-bullet-active{background: #f08300}
	
	.sywulianpro{padding-bottom: 40px;}
	.sywulianpro .swiper-pagination{ bottom:10px; width:calc(100% - 20px)}
    .sywulianpro .swiper-pagination-bullet{ width:10px;}

	.syshukongbox>.shang{display: block}
	.syshukongleft .syshukongleftpic{display: none}
	.syshukongleft{width: 100%;background-size:100% auto; text-align: center; height: 50px;background: #f08300}
	.syshukongleft a{padding:0px}
	.syshukongright{width: 100%}
	.shuzibox li em{font-size: 50px;}
	.shuzibox li span{font-size:40px; height: 75px;}
	
	.synewsleft{width:100%;background-size:100% auto;padding:0px; height: 50px;background: #f08300; text-align: center}
	
	


	.dibubj{display: block}
	.synewsleft .syshukongleftpic{display: none}
	.synewsright{width: 100%; padding-right: 0px;}
	.synewsright:before{display: none}
	.synewsright:after{display: none}
	.pd20{padding: 10px;}
	
	.syhuobanright{width: 100%; }
	
	.syhuobanright .swiper-container{padding-top: 10px;}
	.synewsleft .swiper-pagination{ bottom:10px; width:100%; text-align: right}
    .synewsleft .swiper-pagination-bullet{ width:10px; margin-right: 0px; margin-left: 10px;}
	.syhuobanright .swiper-slide{box-shadow: 0px 0px 10px 0 rgb(0,0,0,0.05);} 
    
	.nybanner>img{width: 200%; margin-left:-50%; max-width: none}

	.nyprolist li {width: calc(33.33% - 40px);}
	.nybanner h2 {font-size: 20px;height: 40px;line-height: 40px;border-radius: 40px;border:2px solid #fff;padding: 0px 20px;white-space: nowrap;}
	
	.xiangguanprobox .swiper-button-prev{display: none}
	.xiangguanprobox .swiper-button-next{display: none}
	.xiangguanprobox{padding-bottom: 40px;}
	
	.solutionhezi>.shang{display: block;}
	.solutionhezipic{width: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.solutionhezipic img{width: 100%}
	
	.solutionhezipic img.none{display:block}
	.solutionhezipic img.show{display:none}
	
	.solutionheziright{width: 100%; margin-top: 40px}
	.solutionheziright h2{color: #000; border: 2px solid #000}
	.solutionhezirighttxt{margin-top: 5%}
	.fananban{width: 90%; max-width: none}
	.solutioncase li{width: calc(50% - 32px);}
	.nyabouttxt{font-size: 16px;}
	.nydownbox{display: block}
	.nydownleft {width: 100%}
	.nydownleft ul{display:flex;flex-direction:row;justify-content:space-between;}
	.nydownleft li{width: 33%}
	.nydownleft.shukongdownnav li{width: 49.5%}
	.bitxts{font-size: 12px; right: 10px; top: 10px;}
	.nydownright{width:calc(100% - 8px); border:4px solid #f08300}
	
}



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

{
	.syshukongleft a{width: 100%}
	.sywulianleft a{width: 100%}
	.youshitit h2{width:90%; font-size:26px; height:50px; line-height: 50px;}
	.youshilist ul{ display: block;}
	.youshilist li{width: 50%; float: left;margin-bottom:30px;}
	.youshitit{margin-top:20px;}
	.youshitit h2{margin-top: 0}
	.syyoushitxt p{max-width:90%}
	.syshukongtxt h3{font-size: 20px;}
	.syshukongtxt p{ display: none}
	.syshukongtxt {width:calc(66% - 10px); padding-right:10px;}
	.syshukongtxt span{ margin-top: 10px}
	.syshukongtxt span em{background:none; color: #000; text-align: right}
	.shuzibox{padding: 20px 0px;}
	.shuzibox ul{display: block; overflow: hidden}
	.shuzibox li{float: left; width: 50%; margin: 10px 0px 30px;}
	.shuzibox li p{font-size: 14px}
	
	
	.synewstop a{display: block}
	.synewspics{width: calc(100% - 2px);}
	.synewstxes{width: 100%; padding-top: 20px;}
	.synewstxes h3{width: 100%; font-size: 14px; margin-top: 5px;}
	.synewtit h2{font-size: 18px;}
	.synewsxia{margin-top: 10px;}
	.synewsxia em{width: 40px; text-align: right}
	.synewsxia p{width: calc(100% - 40px)}
	.synewsbot li span{width: 40px; text-align: right}
	.nsucx{width: calc(100% - 50px);}
	
	.footerbj{padding:20px 0px;}
	.footerbj>.mainbox.shang{display: block}
	
	.footright ul{justify-content:center;margin-top: 20px}
	.fotbot>.mainbox.erduan{display: block;}
	
	.nyaboutnav{display: none}
	
	.nynavselect{display: block}
	.nyabouttxt{padding-top:0px;}
	
	.abpicbox{display: block; overflow: hidden;width: calc(100% + 10px); margin-left:-10px;}
	.abpicbox img{width: calc(50% - 10px); float: left; max-width: none; margin-left: 10px; margin-bottom: 10px;}
	
	.fazhantxt h3{font-size: 26px}
	.nydevelopment ul:before{width: 4px;}
	.fazhantxt h3:before{width: 20px; height: 20px;}
	.fazhantxt{padding: 0px 20px;width: calc(50% - 20px);}
	.nydevelopment li:nth-child(odd) .fazhantxt{padding-left: 0px;}
	.nydevelopment li:nth-child(even) .fazhantxt{padding-right: 0px;}
	.nydevelopment li:nth-child(odd) .fazhantxt h3:before {right: -30px;}
	.nydevelopment li:nth-child(even) .fazhantxt h3:before {left: -30px;}
	.fazhantxt p{font-size: 12px;}
	
	.nydevelopment{background-size:100% auto; margin-top: 40px; margin-bottom: 40px}
	
	.honortit{margin-top: 30px;}
	.honortit h2{font-size:24px;}
	.honorlist li {width: calc(50% - 36px);}
	.honorlist li a{height: 100px;}
	.honortable{overflow-x: scroll;-webkit-overflow-scrolling: touch; }


	.honortablesorll{width: 200%; }
	.nyhonorbox{padding-bottom: 50px;}
	.nyjiagou{padding-top: 20px}
	.nycontact{padding-top: 20px; display: block}
	.nycontleft{width: 100%}
	.nycontright{width: 100%; margin-top:50px;}
	.nyabouttxt h2{font-size: 20px;}
	.nyprolist ul {width: calc(100% + 20px);margin-left: -20px;}
	.nyprolist li {width: calc(50% - 20px); margin-left: 20px}
	.nyprolist li a>p{font-size: 14px;}
	.pageleft{display: none}
	.pagecenter{justify-content:flex-start; width:50%}
	.pagecenter a{margin: 0px;}
	.pagecenter a:first-child{margin-right: 10px;}
	.newspage{ padding: 0}
	.nyprolist{padding-top: 50px;padding-bottom: 50px;}
	.pageright{width:50%; font-size: 12px;}
	.pageright input[type="text"]{width: 40px;}
	.mianbao{font-size: 12px;}
	.nyproshowtop{ margin-bottom: 30px;}
	
	
/*	.nyproshowtopleft{width: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.nyproshowtopright{width: 100%; margin-top: 20px;}
	*/
	
	.nyproshowtopright h1{font-size:24px}
	.nyproshowtopright h2{font-size: 20px;}
	.nyproshowtopright:before{height: 4px;}
	.nyproshowtopright:after{height: 4px;}
	.protit h3{font-size: 20px; bottom: -5px;}
	.protit {border-bottom:2px solid #f08300; height: 20px;}
	.protit h3:before{height: 10px;}
	.protit:before{width: 8px; height: 8px;}
	.protit:after{width: 8px; height: 8px;right: 16px;}
	.jianjietxt{padding:40px 0px;}
	.proyoushi li{width: 100%; padding:10px 0px;}
	.youshitxt h4{font-size: 20px;}
	.youshitxt{height: auto; font-size: 16px;}
	.youshiico img{max-width: 55px;}
	.proshowdownload h3{font-size: 16px;}
	.proshowdownload p a{font-size: 16px;}
	.proshowdownload{padding-top: 50px;}
	.nyproshowbox{padding-bottom: 50px;}
	.sousu{margin-right: 20px;}
	.solutionhezi>.shang{ padding: 20px;}
	.wepts{ display: block; text-align: center}
	.solutionheziright h2{height: auto; font-size: 20px; line-height: 1.6; }
	.solutionhezirighttxt{font-size: 14px;}
	.solutionhezipic{box-shadow: none}
	.slider-nav a{font-size: 20px;}
	
	.fananban h3{font-size: 20px;}
	.fananban p{font-size: 12px;}
	.solutionmore{justify-content:center;}
	.solutionmore a{font-size: 16px;}
	
	.solutioncase ul{width: calc(100% + 10px); margin-left: -10px; text-align: center}
	.solutioncase li{width: calc(50% - 15px); margin-left: 10px; float: none; display: inline-block}
	.solutioncase li a{padding: 10px;}
	.solutioncase li a .fangdapic{margin: 0; height: 140px;}
	.solutioncase li p{font-size: 14px; height: 48px; line-height: 24px; padding:15px 0px; overflow: hidden}
	.solutioncase li span{font-size: 16px; width: 90%}
	
	.solutionhezi:before{height: 220px;}
	
	.xiangguanprobox .swiper-slide a>p{font-size: 16px;}
	.casebiaoti h2{font-size: 20px; padding-left: 20px;}
	.casebiaoti h2:before{width: 10px;}
	.anniuboxsc{padding: 30px 0px;}
	
	.newsshowtit h1{font-size: 26px;}
	.newsshowtit{padding: 30px 0px;}
	.newsshowtit p{font-size: 16px;}
	.nydownnav a{font-size: 18px;}
	.tonggancontent{padding: 20px 0;}
	.tonggantit h2{font-size: 30px;}
	.tonggantit{margin-top: 30px; margin-bottom: 20px;}
	.tongganwenzi{font-size: 16px;}
	.tongganruanjian{display: block; padding: 10px;}
	.tongganleft{width: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.tongganright{width: 100%; margin-top: 30px;}
	.tonggantxt h2{font-size: 20px; height: 40px; line-height: 40px;}
	.tonggantxt{font-size: 14px; text-align: center}
	
	.applyboxs li{display: block}
	.applyboxs li span{text-align: left; width: 100%; margin-bottom: 10px;}
	.applyboxs li p{width: 100%;}
	.tijiaotwo{margin-top: 0}
	.nyshukongpro li a{display: block}
	.nyshukongpro li .fangdapic{width: 100%}
	.shukongproright{width:calc(100% - 2px); background-size:0; background-color: #fff; border: 1px solid #ddd}
	.shukongprotxt{padding: 20px; text-align: center}
	.shukongprotxt h3{font-size: 20px; margin-bottom: 15px;}
	.shukongprotxt p{height: auto;-webkit-line-clamp:10;}
	.nyshukongpro li .you span{width: 150px; height: 40px; line-height: 40px; font-size: 16px;}
	
	.shukongprotxt .you{justify-content:center; margin-top: 20px}
	
	.shukongproyoushi li{width: calc(100% - 44px); margin:20px 0; padding: 20px}
	.shukongtxt h4{font-size: 20px;}
	.shukongtxt p{font-size: 14px; min-height:10px}
	
	.nynewsbox{display: block; box-shadow:none; margin: 0}
	.nynewsleft{border: none; width: 100%}
	.nynewslist ul{padding: 20px 0}
	.nynewslist li a{display: block}
	.nynewspics{width: calc(100% - 2px); height: auto}
	.nynewstxes{ width: 100%; margin-top: 20px;}
	.newsshowtit h2{font-size: 18px;}
	.nynewstxt{font-size: 16px; padding-bottom: 50px;}
	.updown{display: block}
	.updown a{max-width: 100%; margin-bottom: 20px; font-size: 16px;}
	.nydownlist li a {width: 80px;height: 30px;line-height: 30px;font-size: 14px;}
	.nydownlist{padding: 20px;}
	.nixstit h2{font-size: 20px; height: 40px; line-height: 40px;}
	.nydownlist li p{font-size: 16px;width: calc(100% - 90px);-webkit-line-clamp:3;}
	.nydownlist li{padding: 15px 0px;flex-direction:row;justify-content:space-between;}
	.pageupdown a{height: 30px; line-height: 30px; font-size: 16px;}
	.nydownbox{margin-bottom: 50px;}
	.seartit{display: block; text-align: center}
	.searchbox{padding-top: 40px; padding-bottom: 40px;}
	.seartit h2{font-size: 30px; margin-bottom:20px;}
	.searbiaoti h3{font-size: 20px; line-height: 40px; height: 40px;}
	
	.sousulist li a{display: block}
	.sousulistpics{width: calc(100% - 2px)}
	.sousulisttxes{width: 100%; margin-top: 20px;}
	.sousulisttxes h2{font-size:18px; margin-bottom: 10px;}
	
	.sywulianhover p{display: none}
	.sywulianhover h3{font-size: 20px; margin: 10px 0}
	.sywulianhover h4{font-size: 14px; text-align: center; margin-top:30%}
	.pd30sx{ padding:10px;}
	.sywulianhover span{font-size: 14px; width: 90px; height: 24px; line-height: 24px; right:auto; left: 50%; transform: translate(-50%,0)}
	.sywulianprohover p{display: none}
	.sywulianprohover span{font-size: 14px; width: 90px; height: 24px; line-height: 24px;}
	.sywulianprohover h2{font-size: 20px;}
	.pd40{padding: 10px;}
	.sywulianprohover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.jianceprowenz p{display: none}
	
	.tonggandown ul{justify-content:center;}
	.tonggandown li:nth-child(1){margin-right: 5%}
	.nynewsright{width: 100%; margin-top: 30px;}
	
	.nynewsrighthezi{padding: 0}
	
	.solutionimgbox{padding:40px 0px}
	.solutionimgbox{padding:40px 0px}
	
	.nybanner h2{top:55%}
	.searprobox{padding-top: 30px;}
	.searbiaoti{padding-bottom: 10px;}
	.solutioncasetit h2{font-size: 22px;}
	
	.nynewstxt img{max-width: 100%}
}


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


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