@charset "utf-8";

/* CSS Document */

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

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

	.mainbox{padding-left: 50px; padding-right: 50px;}
	
	.honorhezi{max-width: 86%}
	
	.liuyantanchu{padding: 30px 50px;    width: calc(90% - 100px);
    max-width:900px;}
}

@media screen and (max-width:1366px)
{
	.honorhezi .swiper-button-prev{left: -65px;}
	.honorhezi .swiper-button-next{right: -65px;}
	
}




@media screen and (max-width:1200px)
{
	.nav{width: 77%}
	.bantxt{ font-size: 66px; top: 35%}

	
	.nyprotit li{margin-bottom:20px;}
	.conmapleft{width: 50%}
	.conmapright{width: 45%}
	
	.conmaptxtbox{height: 350px; padding-right: 40px;}
	
	.nyhonorhezi li {width: calc(33.333% - 40px);}
}




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


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

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



	.nav li:nth-child(2) .navdown{width: 100%}
	
.navdown{background: #fff; position:relative; left:0%; transform:none;top: 0px; display: none; padding: 0px; width: 100%;box-shadow:none;}
.navdown em{display: none}
.navdown a{line-height:50px;display: block; text-align: left; border-top: 1px solid #f0f0f0;padding-left:30px;}

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

.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.menu-open .top .nav li{background: url("../images/fotdown.png") no-repeat 98% 26px;background-size:12px auto; padding: 0px; line-height:50px;}
	
.menu-open .top .nav li.cur2{background: url("../images/fotdown2.png") no-repeat 98% 26px;background-size:12px auto;}


.menu-open .top .nav li.cur2>a{color: #0052d9;}

.menu-open .top .nav li:nth-child(1){background: none; }

	
.menu-open .top .nav li:nth-child(1) a{display: block}		
	
	
	

@-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 .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}
.menu-open .top .logo .hide{display: block}
.menu-open .top .logo .show{display: none}
.menu-open .top .nav li>a{color: #333}
.menu-open .top .enyu{color: #333}	
.menu-open .top .sousu .hide{display: block}
.menu-open .top .sousu .show{display: none}
.menu-open .top .nav-btnbox .icon-bar{background: #000}	
.top.cur .nav-btnbox .icon-bar{background: #000}
	
.addSlide .searchbox .int{width:90%}	
	
}




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

	.mainbox{padding-left:20px; padding-right:20px}
	
	
	
	.topright{width: 90%; padding-right: 10%}
	
	.timeboxs h3{font-size: 70px; bottom:5px}
	.fazhanboxs .swiper-slide{width: 40%}
}

@media screen and (max-width:1000px)
{
	
	.footer{display: block}
	.footnav ul{display: block}
	.footnav{width: 100%}
	.footnav li {max-width: 100%;}
	.footnavdown{display: none; padding-left: 20px; margin-top: 10px}
	.footnav li>p{font-size: 16px; padding: 15px 0px; margin-bottom: 0px;text-align: left; background: url("../images/fotdown.png") no-repeat  right center; background-size: 10px auto;border-bottom: 1px solid #ddd; }
	
	.footnav li.cur>p{background: url("../images/fotdown2.png") no-repeat right center; background-size: 10px auto;}
	
	.footcon{border: none; width: 100%; display: block; margin-top: 30px;}
	.footer{padding-top: 40px; padding-bottom: 40px}
	
}

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

}

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

{

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

{

	
	.logo{ width: 95px}
	.solutionbox li {width: calc(50% - 55px);}
	.synews ul{display: block}
	.synews li{width: 100%; padding: 20px 0px;}
	
	.nyaboutbox{display: block}
	.nyaboutleft{width: 100%}
     
	.nyaboutright{width: 100%; margin-top: 30px;}
	.nyaboutright img{width: 100%}
	
	.fazhanboxs .swiper-slide{width:55%}
	.nycontact{display: block}
	.conmapleft{width: 100%}
	.conmapright{width: 100%}
	
	.yaznsmc{width: calc(100% - 150px);}
	.onlineboxs>ul > li input[type="submit"]{width: 150px}
	.onlineboxs li .yaznsmc input[type="text"] {width: calc(40% - 32px);}
	
	.download li {width: calc(50% - 30px);}
	
	.touzilist{display: block}
	.touzileft{width: 100%; background: #f8f9fb; margin-bottom: 20px;}
	
	.touziright{width: 100%;}
	.touziright p{padding: 20px 0px;}
	
	
	.newsvideoboxs li {width: calc(50% - 55px);}
	

	.proboxsd{overflow-x: scroll}
	.protable{width: 150%}
	
	.solutiontit ul{display: block}
	.solutiontit li{width: 100%; margin-bottom: 10px;}
	.down{display: none}
	
	.solution_show img{max-width:100%;}
	
}

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

{
	.sysolutionbox{margin-top:20px}
	.bantxt{font-size: 28px; top: 50%}
	.solutionbox li {width: calc(100% - 55px);}
	.top .mainbox{height: 50px;}
	.nav{top: 50px;height:calc(100vh - 50px);}
	.enyu{margin: 0 10%}
	.huisebj{overflow: hidden}
	.solutiontit li p{font-size: 20px;}
	.solutiontit li a{padding: 4% 25% 4% 7%;}
	
	.solutionbiaoti{padding: 30px 0px;}
	
	.synewstit h1{font-size:24px;}
	
	.synews{padding-top: 30px; padding-bottom: 30px;}
	
	.nybanner{ margin-top: 50px;}
	.nybannertxt h2{font-size: 20px; padding-bottom: 10px;}
	.nybannertxt h2:before{width: 35px;}
	.nynavselect{display: block}
	.nynav{display: none}
	
	.nyaboutbox{ padding-top: 30px; padding-bottom: 30px;}
	.nyaboutleft>h1{font-size: 24px;}
	.nyabouttxt{font-size: 14px;}
	.aboutshuzi ul{overflow: hidden; display: block}
	.aboutshuzi li{width: 50%; float: left; margin-bottom: 20px;}
	
	.wenhuabox{padding-top: 30px; padding-bottom: 30px;}
	.wenhuabox h1{font-size: 24px;}
	.wenhuabox ul{margin-top: 30px; display: block}
	.wenhuabox li{width: 100%; margin-bottom:40px;}
	.wenhuabox li p{font-size: 20px;}
	.wenhuabox li img{width: 50px;}
	
	.honorbox{padding-top: 30px; padding-bottom: 30px;}
	.honorbox h1{font-size: 24px;}
	
	
	.honorhezi .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0px 4px;}
	.honorhezi{padding-bottom: 20px;}
	
	.fazhanboxs{padding-top: 30px; padding-bottom: 30px;}
	.fazhanboxs>h1{font-size: 24px;}
	
	.fazhanboxs .swiper-slide{width: 100%}
	.timeboxs{padding: 20px;}
	.nycontact{padding-top: 30px; padding-bottom: 30px;}
	.conmapright > h1{font-size: 24px; margin-bottom:20px;}
	.conmaptxtbox li h2{font-size: 20px;}
	.conmaptxtbox li p{font-size: 14px;}
	.liuyanbtn{margin-top: 30px;}
	.onlinetit h2{font-size: 24px;}
	.onlinetit p{font-size: 14px;}
	.conmaptxtbox{padding-right: 0}
	
	.liuyantanchu {padding:20px;width: calc(90% - 40px);}
	.onlineboxs>ul > li{width: calc(100% - 60px); margin-bottom:10px;}
	.onlineboxs>ul > li input[type="text"]{height: 38px;}
	
	.onlineboxs{margin-top: 20px;}
	.guanbix{top: 15px; right: 15px;}
	.onlineboxs li textarea{height: 50px;}
	.onlineboxs>ul > li>.erduan{display: block}	
	.yaznsmc{width: 100%}
	.yanzmimg {width:80px;height: 38px;}
	.yanzmimg img {width:80px;height: 38px;}
	
	
	.onlineboxs li .yaznsmc input[type="text"] { width: calc(54% - 32px);}
	
	.huanyiz{font-size: 12px; margin-left: 10px}
	
	.onlineboxs>ul > li input[type="submit"]{margin: 0 auto; height: 45px; display: block; margin-top: 20px}
	.onlineboxs>ul > li p{margin-bottom: 5px;}
	
	.liuyanbtn{width: 150px; height: 45px; line-height: 45px;}
	
	
	.download{padding-top: 30px; padding-bottom: 30px;}
	.download li {width: calc(100% - 30px);}
	.page{ text-align: center}
	.page a{display: inline-block; margin:2px; font-size: 14px; height: 30px; line-height: 30px; padding: 0px 10px; }
	
	.touzibox{padding-top: 30px; padding-bottom: 30px;}
	.touzitit{font-size: 24px; padding-bottom: 30px;}
	.touziright p span{max-width:70%; text-align: right}
	
	.newsboxs li{ padding: 30px 0px;}
	
	.nynewslefts{width: 60px;}
	.nynewsrights {width: calc(100% - 80px);}
	
	.nynewsrights p{font-size: 16px;}
	.nynewsrights span{-webkit-line-clamp: 2;line-clamp: 2;}
	.newsshowboxs{padding-top: 30px; padding-bottom: 30px;}
	.newsshowtit h1{font-size: 20px;}
	.newsshowtxtboxs{font-size: 14px;}
	.newsshowtxtboxs p{padding-top: 10px;}
	.newsupdown{display: block}
	.newsupdown li{width: 100%}
	.newsupdown li:nth-child(2){text-align: left; margin-top: 10px;}
	.newsboxs ul{padding-top: 0px;}
	
	.newsvideoboxs li {width: calc(100% - 55px);}
	.videotxt{min-height: auto}
	.newsvideoboxs li{margin-bottom: 20px;}
	.newsvideoboxs{padding-top: 30px; padding-bottom: 30px;}
	.guanbi{right: 0}
	
	.zindex{z-index: 99999}
	
	.nyprobox{padding-top: 0px;}
	.protable { width: 280%;}
	.serviceboxs{padding-top: 30px; padding-bottom: 50px;}
	.waponline .select .placeholder{height:45px; line-height: 45px;}
	.waponline.onlineboxs>ul > li input[type="text"]{height:45px; }
	.waponline.onlineboxs>ul > li{margin-bottom:20px;}
	
	.nysolutionbox{padding-top:20px; padding-bottom:20px;}
	
	.fanantit{font-size: 24px;}
	.solutionshowtit{font-size: 24px;}
	.solutionshowtit{margin-bottom: 30px;}
	.xiangguantit{margin-bottom: 10px;}
	.xiangguantit li{width:calc(50% - 20px); float: left; margin: 0px; margin-left: 20px; padding: 0px; margin-bottom: 20px;}
	.xiangguantit ul{overflow: hidden;width:calc(100% + 20px); margin-left: -20px; }
	.xiangguantit li a{min-width: auto; height: 45px; font-size: 16px;}
	
	.xiangguanboxs li {width: calc(100% - 100px);}
	.xianggutxt{min-height: auto}
	.nyprotit{display: none}
	.conmapleft li p{font-size: 12px;}
	
	.wenhuabox li:hover img{ transform: rotateY(0deg);}
	.nyhonorhezi li {width: calc(100% - 40px);}
	
	.honorhezi .swiper-button-prev{left:-20px;}
	.honorhezi .swiper-button-next{right:-20px;}
	
	.uptop{width:40px; height:40px;}
	
}

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



}





@media screen and (max-width:480px)
{
	
	.jobbox dt span{padding: 6px;}
	.jobbox dd span{padding: 6px;}

}

@media screen and (max-width:320px)
{
	.page a{font-size: 12px;}
}