@charset "utf-8";

/* CSS Document */

@media screen and (max-width:3000px)
{
	.shipingxbot li{height: 500px;}
	
}

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

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

	.shipingxbot li{height: 350px;}
	
}



@media screen and (max-width:1440px)
{
	.lianxbis li img{width: 50px;}
	.contsx span{font-size: 18px;}
	.contsx p{font-size: 22px;}
	.contsx {width: calc(100% - 80px);}
}

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

	
}




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

}




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

body{overflow-x: hidden}

.addSlide .searchbox .int{width: 90%}
.topright{width: 100px; margin-right: 20px;}	
	
.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;}

	
.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 li:nth-child(2) .navdown{padding:0px; left:auto;}
.nav li:nth-child(3) .navdown{padding:0px; left:auto;}

	
	
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;top:32px; 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; }
.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;}
	
	
	.syprotxthezi p{height: 90px; line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
	.syprotxthezi h2{font-size: 24px;}
	.footcenter{display: none}
	.footleft{width: 50%}
	.footright{width: 35%}
	
	.syprobox li:nth-child(2):before{width: 100%}
	
	.contstx h1{margin-bottom: 0px;font-size: 26px;}
	.contstx p{font-size: 16px;}
	.contstx p span{width: 60px;}
	.contstx p em {width: calc(100% - 60px);}
	
	
	.lianxbis li{width: calc(100% - 122px);margin-bottom: 20px}
	.joinlist{width: 100%}
	.newslsit{width: 100%}
	.newsshowboxs{max-width: 100%}
	

	.wapnones{display: none}
	.nynavselect{display:block}
	
	.nyprotxthezi p{height: 90px; line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
	.nyprotxthezi h2{font-size: 24px;}
	
	.nyprotit{margin-bottom: 30px;}
	.nynavselect{margin-top: 0px;}
	
}




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


}

@media screen and (max-width:1000px)
{
	
.jingzhl ul{display: block}
.jingzhl li.cur{width: 80%; padding: 10%}
	
.jingzhl li{width: 80%; padding: 10%; text-align: left;margin-left: 0px; margin-top: 4px;height: auto}
	
	.jingzhl li .jingzhlhz{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; }

.jingzhl li.cur{ background:#f7f7f7;color: #333; }
.jingzhl li p{display: block}
.jingzhl li.cur .jingpic img.hide{display:none}
.jingzhl li.cur .jingpic img.show{display:block}
.jingpic{margin: 0}
.jingtxt{width: calc(100% - 80px); margin-top: 0}
.jingtxt h3{padding: 0px 0px 15px;}

	.shipingxbot ul{display: block}
	.shipingxbot li{width:90%; padding: 5%; margin-top: 0; height: auto}
	.shipingxbot li p{display: block; color: #333; height: auto}
	.shipipic{margin-top: 0px;}
	
	.shipingxbot li.cur{background: #fff; color: #333;}
.shipingxbot li.cur .shipipic{margin-top: 0px;}
.shipingxbot li.cur .shipipic img.hide{display:none }
.shipingxbot li.cur .shipipic img.show{display: block}
.shipingxbot li.cur h3:before{background:#b3b3b3}

	
	.shimixng{padding-right: 5%}
	
	
	
	
}

@media screen and (max-width:920px)
{
	.sypropic{width: 100%}
	.syprotxt{width: 100%; position: relative; left: auto; top: auto; padding-top: 40px;}
	.syprotxthezi{padding: 0px;}
	.syfangabout ul{display: block}
	.syfangabout li{width: 100%}
	.blockwap{display: block}
	.synewsleft{width: 100%; padding: 30px 0px;}
	.synewsright{width: 100%}
	.synewstxts p{min-height: 50px; margin-bottom: 20px}
	
	.syprobox li{margin-top: 40px;}
	
	.casebox li {width: calc(100% - 110px);}
	
	.mapboxs{display: block}
	.maps{width: 100%}
	.contstx{width: 100%; padding: 30px 0px;}
	
	.newsshowleft{width: 100%}
	.newsshowright{width: 100%}
	
	.newsshowboxs{padding-bottom: 30px;}
	.protable{overflow-x: scroll}
	.protable table{width: 200%;}
	.thisx{display: block; text-align: center; font-size: 12px; margin-top: 20px;}
	
	.nypropic{width: 100%}
	.nyprotxt{width: 100%; position: relative; left: auto; top: auto; padding-top: 40px;}
	.nyprotxthezi{padding: 0px;}
	.nyprobox li{margin-top: 40px;}
	.nyprobox li:first-child{margin-top: 0px;}
	.syprobox li:first-child{margin-top: 0px;}
}

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

{
	.abouttops{display: block; width: 90%; margin: 0 auto}
	.aboutpics{width: 100%}
	.abouttxstd{width: 100%; padding: 0px; margin-top: 30px;}
	
	
}

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

{

	.logo{width: 76px;}
	.topright {width: 73px;margin-right: 40px;}
	.nav-btnbox{top: 22px;}
	.nav{top: 57px; height: calc(100vh - 57px)}
	
	
	
	.banner{margin-top: 57px;}
	.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;}
	
	.syprotxthezi h2{font-size: 20px;}
	.syprotxthezi p{font-size: 14px; line-height: 24px; height:72px}
	
	.more{width: 100px; height: 30px; line-height: 30px; font-size: 14px;background-size:6px auto;}
	.syprobox li:nth-child(2) .more{background-size:6px auto;}
	.syprotxt{padding-top: 30px;}
	.syprobox li:nth-child(2) .mainbox{padding: 40px 0px;}
	
	.fanwenzitxt h3{font-size: 22px;}
	.fanwenzitxt p{font-size: 14px;}
	
	.pd6{padding-top: 9%; padding-bottom: 9%}
	.pd5{padding-top: 8%; padding-bottom: 8%}
	.pd4{padding-top: 7%; padding-bottom: 7%}
	.pd3{padding-top: 6%; padding-bottom: 6%}
	.synewstxts p{font-size: 20px;}
	
	.synewsright li a{}
	.synewsright li span{display: block; width: 70px;}
	.synewsright li span em{display: block; font-size: 12px;}
	
	.synewsright li p{width: calc(100% - 70px); font-size: 14px;}
	.synewsright li span i{font-size: 40px;}
	
	.synewsright li p em{height: 48px; line-height: 24px;}
	.footleft img{display: none}
	.footerbj .mainbox.shang{display: block}
	.footleft{width: 100%}
	
	.footright{width: 100%; margin-top: 20px;}
	
	
	.footleft h2{display: block; font-weight: normal; font-size: 18px; margin-bottom: 10px}
	.footshare{width: calc(100% - 150px)}
	.footshare a{width: 20px;}
	.footup{margin-top: 8px;}
	
	.nybanner{margin-top: 57px;}
	.nybantxt p{font-size: 20px; padding-bottom: 10px;}
	.nybantxt p:before{width: 35%}
	
/*	.nybanner img{width: 150%; max-width: 150%; margin-left: -50%}*/
	.abouttops{background-position: 95% 50%}
	.abouttxstd h2{font-size: 22px;}
	.abouttxstd{font-size: 14px;}
	
	.nyabtit{font-size: 22px;}
	
	.jingpic{width: 40px;}
	
	.jingzhl li.cur .jingtxt {width: calc(100% - 65px);}
	.jingzhl li .jingtxt {width: calc(100% - 65px);}
	
	.jingtxt h3{font-size: 18px; padding-bottom: 10px;}
	
	.shipipic{width: 40px;}
	
	.shipingxbot li h3{font-size: 18px;}
	
	.shipingxbot{margin-top: 30px}
	
	.yuyanbtn{width: 16px;}
	.soubtn{width: 16px;}
	
	
	
	.casebox li{padding: 20px;width: calc(100% - 70px);}
	
	.casetxt em{font-size: 12px; padding: 6px 0px;padding-right: 20px;background-size:6px auto; }
	.fanwenzitxt a{font-size: 12px; padding: 6px 0px;padding-right: 20px; background-size:6px auto;}
	.synewstit a{font-size: 12px; padding: 6px 0px;padding-right: 20px;background-size:6px auto; }
	.newsmore{font-size: 12px; padding: 6px 0px;padding-right: 20px;background-size:6px auto; }
	
	.casetxt span{font-size: 14px; line-height: 24px; height: 48px; margin: 5px 0;}
	.casetxt p{font-size: 16px; height: 20px; line-height: 20px;}
	.casebox li{margin-bottom: 10px;}
	
	.page a{width: 30px; height: 30px; line-height: 30px; font-size: 12px;}
	.caseshow{margin-top:60px; padding-bottom: 30px}
	.caseshowtit h1{font-size: 22px;}
	.caseqiehuan .mySwiper{margin-top: 15px;}
	.caseqiehuan .swiper-button-prev{width: 30px; height: 30px; margin-top: -15px;}
	.caseqiehuan .swiper-button-next{width: 30px; height: 30px; margin-top: -15px;}
	.xiangnus h2{font-size: 22px; padding: 30px 0px 20px;}
	.caseshowtxt{font-size: 14px;}
	
	.contacttit h2{font-size: 22px;}
	.contacttit2 h2{font-size: 22px;}
	.contstx h1{padding: 20px 0; font-size: 20px;}
	.lianxbis li{padding: 20px; width: calc(100% - 82px)}
	.lianxbis li img{width: 35px;}
	.contsx {width: calc(100% - 60px);}
	
	.contsx p{font-size: 18px;}
	.contsx span{font-size: 18px;}
	
	.joinlist ul { padding: 10px 20px 30px;}
	
	.joinbtn{display: block;    background-size:14px auto;}
	
	.joinbtn p{width: calc(100% - 50px); font-size: 16px; margin-bottom: 5px;}
	.joinbtn span{width: calc(100% - 50px)}
	.newslsit{margin: 10px 0px;}
	.newslsit dl{display: block}
	.newslsit dt{width: 100%; font-size: 20px;}
	.newslsit dd{width: 100%}
	.newslsit li{display: block; padding: 10px 0px;}
	.newslsit li p{width: 100%; margin-top: 10px;}
	.newslsit li span a{font-size: 12px; text-align: right; padding-right: 20px; background-size:6px auto}
	.newslsit li em{font-size: 12px;}
	
	.jiazai{width: 100px;height: 30px;line-height: 30px;font-size: 14px;background-size: 6px auto;}
	
	
	.newsshowtit h1{font-size: 20px;}
	
	
	.xiyia{max-width:50%}
	.newsshowright h2{font-size: 20px; background-size: 18px auto; padding-left: 30px;}
	.newsshowright li a{font-size: 14px;}
	
	.nyprotit h1{font-size: 22px;}
	.protable table{width: 240%;}
	.protable tr td{padding: 10px;}
	.protable tr{font-size: 14px;}
	.proshowtit h2{font-size: 20px}
	.proshowtxt{font-size: 14px;}
	.pdfdown a{font-size: 16px;background-size:15px auto; padding-left:20px}
	.proshowtable tr{font-size: 14px;}
	.proshowtable th{padding: 10px; width: 40%}
	.proshowhz{padding-bottom: 30px;}
	.nyprotxthezi h2{font-size: 20px;}
	.nyprotxthezi p {font-size: 14px;line-height: 24px;height: 72px;}
	
	.nyprobox li:nth-child(even){padding: 40px 0px;}
	
	.fangantxt{font-size: 14px;}
	.fangantit h1{font-size: 22px;}
	.fanganshowtit h1{font-size: 22px;}
	.fangantxtboxs{padding: 30px 0px; font-size: 14px;}
	.fanganshowtit{margin-top: 20px}
	.xiangguan h2{font-size: 20px;}
	.nyprolistnav li{font-size: 20px;}
	.footerbot .juzhong{display:block}
	.footerbot .juzhong a{display:block}
	.footerbot img{display:inline-block}
	
	.top .mainbox{height:57px}
}


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

	
}





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

	
}

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

	
}