@charset "utf-8";

/* CSS Document */

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

	
}

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


}




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

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

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

	
}




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

	
	.banhezi h2{font-size: 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: 90%; margin: 0 auto;padding-top: 20px; }

	.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left;padding: 0px;background: url(../images/down2.svg) no-repeat right 33px; background-size: 20px auto}
	.nav li>a{display: inline-block; line-height:70px; color: #333;  font-size:20px;}


	.topright{margin-right: 50px;}
	
	.sytop .nav-btnbox .icon-bar {background: #fff}

	.menu-open  .nav-btnbox .icon-bar{background: #555555}
	
	
	.navdown{position:relative; left:0%; transform:none; width:100%;box-shadow:none; border-radius:0px; border-top: 0px; display: none; padding: 0px; top: 0px;border-radius: 20px;}

	.navdown a{line-height:30px; text-align:left;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; padding:15px!important; font-size: 18px;}


	.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top: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; transform: translate(0,-50%)}
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#555555;-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:5px}	
	
	.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;}


	
.menu-open .sytop{background:#fff; color: #fff}

.menu-open .sytop .logo img.show{display: block}
.menu-open .sytop .logo img.none{display: none}


.menu-open .sytop .nav li>a{color: #333}
	.menu-open .sytop .nav li.cur>a{color: #18b199}
.menu-open .sytop .nav li>a:before{background: #18b199}

.menu-open .sytop .yuyan{color: #333;background: url(../images/diqiuico.svg) no-repeat left center;background-size: 20px auto;}
.menu-open .sytop .toptel{color: #333;background: url(../images/telico.svg) no-repeat left center;background-size: 20px auto;}

	.navdownbox{padding: 0px;}
	.navdownbox{box-shadow: none; display: block}
	.pronavdown .navdownbox dl{width: 100%; border: none}
	.navdownbox dd{padding:0px; margin: 0px;}
	.navdownbox dt{padding:20px 0;}
	.navdownbox dt a{border: none}
	.solutionnavdown dl:nth-child(3) dd{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)}

	}
	
	

	.footerright li dl{display: block}
	.footerright li dd{margin-bottom: 20px;}
	
	.banner .swiper-slide>img{width: 150%; margin-left: -25%; max-width: none}
	
}




@media screen and (max-width:1024px)
	
{
	.hangyetop{display: block}
	.hangyetopleft{width: 100%}
	.hangyetopright{width: 100%; margin-top: 20px;}
	.hangyelist li {width: calc(100% - 90px);}

}

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

	.zixun{display: none}
	.topright{width: 230px}
	.fudong{display: none}
	.sychangjingbox{padding: 0px;}
	
	.nyabout{display: block}
	.nyaboutleft{width: 100%}
	.nyaboutleft img{width: 100%}
	.nyaboutright{width: 100%; margin-top: 30px;}
	.renzhengbox li {width: 100%; margin-bottom: 20px;}
	.renzhengbox li:nth-child(1){width: 100%}
	
	
}

@media screen and (max-width:920px)
	
{
	.footerright{display: none}
	.footerleft{width: 100%}
	
	.nynavselect{display: block}
	.nynav{display: none}
	
	.biaodanhezi{display: block; margin-top:30px!important;}
	.biaoleft2{width: 100%; height:30vh}
	.biaoleft2>img{display: none}
	.biaoright{width: calc(100% - 120px);}
	
	.kehuboxs li {width: calc(100% - 60px);}
		
	.biaoleft{height: 200px; width: 100%}
	.biaoleft img{width:33%;left: auto; right:60px}
	
	.padnav{overflow-x: scroll;}
	.padnav .mainbox{width:150%; margin: 0px 5%}
	.padcjleft{width: 100%}
	.padchangjing{display: block}
	.padcjright{width: 100%; margin-top:30px;}
	
	.servicelist li {width: calc(100% - 90px);}
	.fuwuboxs li {width: calc(50% - 40px); margin-bottom:40px;}
	.fukefu li{width:100%;margin-bottom: 20px;}
	.fukefu ul{display: block}
	.kefusboxs ul{display: block}
	.kefusboxs li{width: 100%; margin: 20px 0px;}
}

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

{
	.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%}
	
	.syproboxs{display: block}
	.syproleft{width: 100%}
	.sycasetxt{width: calc(100% - 60px); padding: 30px;}
	.sycasetxt p{min-height: 200px;}
	.sycasetxt h3{min-height: 50px;}
	.dibuleft{font-size: 30px;}
	.diburight p{font-size: 30px;}
	.zixundibu{width: 320px}
	
	.chaojibox li{width: calc(100% - 40px);}
	.chaojiico img{width: 50px;}
	.chaojibox li a{padding:30px;}
	.chaojitxt{width: 100%; max-width: none}
	
	.chaojitxt h2{font-size: 26px;}
	.chaojitxt h2 br{display: none}
	.chaojitxt p{font-size: 16px;}
	.chaojibox li{margin-bottom: 20px;}
	.prodibantxt h2{font-size: 36px;}
	
	.dipropartbox{display: block}
	.dipropartoneright{width: 100%}
	.dipropartoneright>h2{font-size: 24px;}
	.dipropartoneleft{width: 100%; margin: 30px 0px;}
	.proqiehuanbox{display: block}
	.proqieleft{width: 100%}
	.proqieright{width: calc(100% - 40px); padding:30px 20px 20px;}
	.tesebox li {width: calc(100% - 120px);}
	.baogaohezi li {width: calc(100% - 60px); margin-bottom: 20px;}
	.baogaohezi ul{display: block}
	
	.saproleft{width: 100%}
	.saproright{width: 100%; margin-top: 20px;}
	.smartboxs li {width: calc(100% - 122px);}
	
	.nytit h2{text-align: center}
	
	.huobanliuyan h2{width:50%}
	
	.footerleft{text-align: center}
	.footlogo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.share{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.footerleft dd p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.footerbot{text-align: center}
	
	.nybanner{overflow: hidden}
	.nybanner img{width:150%; margin-left: -25%; max-width: none}
	.newsbantxt h2{font-size: 40px;}
	
	.conhrzis{padding: 20px;width: calc(90% - 40px);}
	
	.diqulist li {width: calc(50% - 102px);}
	.fenzhibot li{float: none;clear: both; margin: 5px 0px;}
	
	.huobanliuyan h2{font-size:30px;}
	
	.newsrighttxt p{display:none}
	.newsshowleft{width: 100%}
	.newsshowbox{display: block}
	.newsshowright{width: 100%; margin-bottom: 40px;}
	
	.padbantxt h2{font-size: 40px;}
	.padtop{display: block}
	.padlefts{width: 100%}
	.padrights{width: 100%; margin-top: 30px;}
	.huobannybannertxt h2{font-size: 40px;}
	.huobannybannertxt .zhubtn.mt4{margin-top: 30px;}
	.huobantxt h3{font-size: 28px;}
	.jishuleixing ul{display: block}
	.jishuleixing li{width: calc(100% - 80px);}
	.jishuleixing li:first-child{margin-bottom:30px;}
	.zhichiboxs li {width:100%; margin-bottom: 30px;}
	.zhichiboxs ul{display: block}
	.hezuoliucheng li {width: calc(50% - 32px);margin-bottom: 30px;}
	.partnerscase .swiper-slide .erduan{display: block}
	.parcaseleft{margin: 0 auto}
	.parcaseright{width: 100%; margin-top: 30px;}
	.partnerscase{padding: 0px;}
	.hezuoliucheng ul{background: none}
	.proboxtop{display: block}
	.nyproleft{width: 100%;}
	.nyproright{width: 100%; margin-top:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.proboxbot dl {width: calc(100% - 80px); padding-left: 40px;}
	.proboxbot dl:first-child{margin-bottom: 30px;}
	.proboxbot{display: block}
	.proxingtaibox{display: block}
	.proxingtai{width: 100%}
	.proxingtxt{margin-top: 30px; width: 100%}
	.hexingbox{display: block}
	.hexingpic{width: 100%}
	.hexingtxt{width: 100%; margin-top: 30px;}
	.hexingboxtwo{display: block}
	.hexingboxtwo .hexingtxt{width: 100%}
	.hexingboxtwo .hexingpic{width: 100%; margin-top: 30px;}
	.hexingboxthree{display: block}
	.hexingboxthree .hexingpic{width: 100%}
	.hexingboxthree .hexingtxt{width: 100%; margin-top: 30px;}
	.hexingboxfour{display: block}
	.hexingboxfour .hexingtxt{width: 100%}
	.hexingboxfour .hexingpic{width: calc(100% - 20px); margin-top: 30px;}
	
	.protui ul{display: block; overflow: hidden}
	.protui li {width: calc(50% - 20px); float: left; margin: 10px 0px; margin-left: 20px;}
	.protui li a{line-height: 50px;}
	.protui li:last-child{width: calc(100% - 20px); }
	.protuiboxs{margin-top: 0px;}
	
	.ziyuanbox li{width: calc(50% - 40px);}
	
	
	
	
	
}

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

	
{
	body{font-size: 14px;}
	.yuyan{display: none}
	.top .mainbox{height: 65px;}
	.nav{top:65px;height:calc(100vh - 65px); }
	.topright{width: 150px;}
	
	.banner .swiper-slide>img.hide{display:block}
	.banner .swiper-slide>img.show{display:none}
	.banhezi h2{font-size: 32px; line-height: 1.4}
	.banhezi p{font-size: 16px;}
	.banhezi{text-align: center}
	.banmore a{font-size: 16px; padding:0 20px; height: 42px; }
	.banmore a img{width: 20px;}
	
	.brandbox li{width: 50%}
	.brandbox{overflow: hidden}
	.nytit h2{font-size: 26px; line-height: 1.4}
	.rongyubox{display: block}
	.rongyuleft{width: 100%}
	.rongyuleft h2{font-size: 26px;}
	.rongyuright{width: 100%; margin-top: 30px}
	
	.syproleft li a p{font-size: 18px;}
	.syproright{width: 100%; margin-top: 20px;}
	.sycasetxt h2{font-size: 22px;}
	.sycasetxt h3{font-size: 18px;}
	.dibulybox{display: block}
	.dibuleft{font-size: 24px; text-align: center}
	.dibuleft p:before{width: 70px; height: 5px;}
	.diburight {margin-top: 20px;}
	.dibuleft p:before{left: 50%; transform: translate(-50%,0)}
	.diburight p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.zixundibu{width: 100%}

	
	.nybanner{margin-top: 65px;overflow: hidden}
	
	.nybanner img{width:250%; margin-left: -75%; max-width: none}
	.prodibantxt h2{font-size:28px}
	.prodibantxt p{font-size: 16px;}
	
	.huobanliuyan .mainbox{display: block}
	.huobanliuyan h2{width: 100%; font-size: 24px; text-align: center}
	.hbly{margin-top: 30px;}
	
	.nyaboutright p{font-size: 16px;}
	.renzhengbox li:nth-child(3) p{max-width: 28%}
	
	.wenhuabox ul{display: block}
	.wenhuabox li {width:100%; margin: 20px 0px;}
	.wenhuabox li.cur {width:100%;}
	
	.wenhuatxt h2 i{font-size: 60px}
	
	.shipingbox a:before{width: 50px; height: 50px;}
	.biaottxs h3{font-size: 24px;}
	
	.biaottxs p{font-size: 16px;}
	
	.biaoleft2{height: 200px;}
	.biaoright {padding:30px 20px;width: calc(100% - 40px);}
	
	.mt90{margin-top: 65px;}
	
	.newsbantxt h2{font-size: 30px;}
	.newsbantxt h2 br{display: none}
	.newsbantxt p{font-size: 16px;}
	
	.contactzixun ul{display: block}
	.contactzixun li{width: 100%}
	.conhrzis {width: calc(100% - 40px); height: auto; margin: 20px 0px;}
	
	.conhrzis h3{font-size: 26px;}
	.fenzhitop{display: block}
	
	.fenzhileft ul{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.fenzhileft li{width: 45%;}
	.fenzhileft{width: 100%}
	
	.fenzhitop{padding: 30px;}
	.fenzhiright{width: 100%}
	
	.dituContent{height: 300px;}
	.fenzhibot{padding: 30px 40px;}
	.fenzhibot li{font-size: 18px;}
	
	.diqitit li{font-size: 20px;}
	.diqitit li:before{width: 10px; height: 10px;}
	.diqitit li:after{width: 20px; height: 20px;}
	.diqulist li {width: calc(100% - 102px);}
	.kehuboxs li{margin-bottom: 20px;}
	.kehutxt{padding: 20px;}
	.liuyanbox h2{font-size: 28px;}
	.shiyongbtn{width: 120px;}
	.shurutxt{width: calc(100% - 150px);}
	
	.biaodanbox>h1{font-size: 22px; line-height: 1.4}
	.biaoleft{height: 100px;}
	.biaoleft img{width: 50%; right: 20px;}
	.biaotit ul{display: block}
	.biaotit li{margin-bottom:15px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; font-size: 18px;}
	.biaotit{margin-bottom: 0px;}
	.hybannertxt{text-align: justify; font-size: 16px;}
	
	.hangyelist li{display: block; margin-top: 0px;padding: 20px;width: calc(100% - 80px);}
	.hytexs{width: 100%}
	.hytxtright h2{font-size: 20px;}
	.hytexs h3{font-size: 22px; text-align: center}
	.hyicohezi{width: 100%; height: 100px; margin-bottom: 20px;}
	.hyicohezi img{max-width:50px;}
	.hygonggong ul{display: block}
	.hygonggong li{width: 100%}
	.hygonggong li p{padding: 30px;}
	.hygonggong li h2{font-size: 22px;}
	
	.hangyetoptwotxt ul{display: block}
	.hangyetoptwotxt li{width: 100%; padding:20px 0px; border-bottom: 1px solid #eee}
	.hangyetoptwotxt li:last-child{border: none}
	.hangyetoptwotxt li h2 span{width: 40px;}
	
	.hangyetoptwotxt li h2 em{width: calc(100% - 60px);}
	
	.nynewsbox li a{display: block}
	
	.nynewsbox li a .fangdapic{width: 100%}
	.newsrighttxt{width: 100%; margin-top: 20px;}
	.newsrighttxt h3{font-size: 20px;}
	.newsrighttxt p{display: block}
	
	.newsshowtit h1{font-size: 30px;}
	
	.padbantxt h2{font-size: 30px;}
	.padrights h2{font-size: 30px;}
	.padnav .mainbox{width: 240%}
	
	.padboxs li{padding: 10px 20px;}
	.padcjtxt{display: block}
	.padcjtxt p{width: 100%; margin: 10px 0px;}
	
	.padnav.fix{top: 65px}
	
	.hrshipingbox a:before{width: 50px; height: 50px;}
	
	
	.huobannybannertxt h2{padding: 0px 10px; font-size: 26px;}
	
	.huobanbox{display: block}
	
	.huobantxt{width: 100%}
	.huobantxt h3{font-size: 22px; text-align: center}
	
	.huobanpic{width: 100%; margin-top: 30px;}
	
.jishuleixing li {width: calc(100% - 40px); padding: 20px;}
	
	
	.zhichitxt h2{font-size: 22px;}
	
	.zhichitxt{padding: 20px;}
	.hezuoliucheng li {width: calc(100% - 32px);margin-bottom: 30px;}
	
	.hezuoliucheng li p{min-height: auto}
	
	.parcaserighttxt{padding: 30px;}
	.parcaserighttxt p:after{width: 36px; height: 44px; bottom: 22px;}
	.parcaserighttxt p:before{width: 36px; height: 44px; top: 20px; left:24px;}
	
	.huobanlist li {width: calc(50% - 20px);}
	.nyproleft h2{font-size: 28px;}
	.proboxbot dl dt{font-size: 28px;}
	.proxingtxt h2{font-size: 28px;}
	.protui li a{font-size: 18px;}
	
	.protuiboxs li .dipropartbox{padding: 0px;}
	
	.dipropartoneleft{box-shadow: 0px 0 10px rgb(0 0 0 / 10%);}
	.tesetxt p{font-size: 20px;}
	.smartboxs li{margin: 10px 0px; margin-left: 40px;}
	
	.denglunbox {width: calc(90% - 40px); padding: 20px;}
	.ziyuanbox li{width: calc(100% - 40px);}
	.hexinbox ul{display: block}
	.hexinbox li{width: calc(100% - 60px); margin:20px 0px;}
	.servicelist li{display: block}
	.sericohezi{width: 100%; height: auto;  }
	.sericohezi img{max-width:80px;}
	.sertexs{width: 100%; margin-top: 30px;}
	.sertexs h3{text-align: center; font-size: 22px}
	.sertexs p{font-size: 16px;}
	.fuwuboxs li {width: calc(100% - 40px);}
	.fujepic{position: relative; left: auto; top: auto; transform:none; width: 100px; height: 100px; margin: 0px auto; margin-top: 30px }
	.fuketxt{padding: 20px;}
	.fukefu li:before{width: 100%; height: 10px;}
	.fuketxt h2{text-align: center}
	.kefusboxs li p{font-size: 16px;}
	.nytit p{font-size: 16px;}
	.fuketxt p{font-size: 16px;}
	.servicebanner>img.show{display: none}
	.servicebanner>img.hide{display:block; width: 100%; margin: 0px;}
	.servicebanner .newsbantxt{top: 15%; transform: none; text-align: center}
	.servicebanner .newsbantxt h2{font-size:26px;}
	
	.renzhengbox p{width: 28%;}
	.renzhengbox p span{font-size: 12px;}
	
	.dsptese li em{width: 70px; height: 70px;}
	.dsptese li .tesetxt{width: calc(100% - 90px);}
	.dsptese li .tesetxt{padding-bottom: 20px;}
	.dsptese li{padding-top: 20px;}
	
	.footerbot{display: block}
	
}


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

{
	

	
}

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

	
}

@media screen and (max-width:370px)
	
{
	
	.padnav .mainbox{width: 350%}
	.padnav li a{font-size: 18px;}

}