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

}




@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/down2.svg") no-repeat right 20px; background-size:20px 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-btnbox {position:absolute;z-index:999999999999999999;right:5%;top:50%; width:22px;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:3px;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}

.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
.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, -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)}

}
	.nav li:nth-child(1){background: none}
	.nav li:nth-child(1) a{display: block}
	.sosu{width: 30%}
	.yuyxs{margin-right: 10%}
	
	.synewsbox{padding-bottom: 50px;}
	
	.nyproright li {width: calc(50% - 30px);}
	
}




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

	
}

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


	
}

@media screen and (max-width:920px)
{
	.bantxt h2{font-size: 30px;}
	.shuzibox span em{font-size: 40px;}
	.abitts h2{font-size: 30px;}
	.syprotxtbox h2{font-size: 30px;}
	
	.syprobot{position: relative; width: 100%}
	.syprobot li{width: calc(25% - 22px);}
	.syprobot ul{display: block}
	.syprobot li{float: left; border: 1px solid #ddd}
	.syprobot li.on{width:calc(25% - 22px); background: #1f9ddb; color: #fff; border-top-left-radius:0px; border-top-right-radius: 0px;}
	.syprobot li.on p{display: none}	
	.syprobot li.on h3{color: #fff; font-size: 16px; height: 44px}
	.footernav{display: none}
	
	.footcontact{width:calc(100% - 140px)}
	
	.hangyeboxs li .fangdapic{width: 100%}
	.hangyetxt{width: 100%}
	
	.zhifuboxs ul{display: block}
	.zhifuboxs li{width: 100%; margin: 20px 0px;}
	.fapiaohezi ul:nth-child(1){max-width: 100%}
	.fapiaohezi ul:nth-child(2){max-width: 100%}
	.fapiaohezi li {width: calc(100% - 50px);}
	.nyconbox li{width: calc(50% - 75px);}
	.loginbox{display: block}
	.loginleft{width: 100%; height: 30vh}
	.loginright{width: 100%; padding-top: 80px}
	.jointxts{width: 100%; margin-bottom: 20px}
	.memberleft{width: 100%}
	.memberright{width: 100%; margin-top: 20px;}
	
	.cailixihuanx li{width: calc(100% - 20px);}
	.frombxsd{width: 100%; max-width: none}
	.touxias{width: 100%}
	.dingdantop li {width: 50%; margin: 10px 0px;}
	.dingdantop li:nth-child(4){width:50%;}
	.nynewsbox li {width: calc(50% - 30px);}
	
	
	.nyproleft{width: calc(100% - 40px); padding: 20px; }
	.nyproright{width: 100%; margin-top: 30px;}
	.nyproshowright{width: 100%; margin-top: 30px;}
	
	.syprobot li.on .proico{height: 40px; width: 40px;}
	.syprobot li.on{height: 90px;}
}

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

{

}

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

{
	body{font-size: 14px;}
.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:150px;}
	
	.nav{top: 57px; height: calc(100vh - 57px)}
	
	.toptop span{margin-right:0px; margin-left:20px}
	.sosu{display: none}
	.yuyxs{margin-right: 15%}
	
	
	.banner .swiper-slide img.show{display: none}
	.banner .swiper-slide img.none{display:block}
	
	.banner .swiper-pagination{bottom: 10px;}
	
	.shuzibox ul{display: block; overflow: hidden}
	.shuzibox li{width: 50%; float: left; margin: 20px 0px; }
	.shuzibox span em{font-size: 32px;}
	.syaboutbox{display: block}
	.syaboutleft{width: 100%}
	.syaboutright{width: 100%; margin-top: 30px;}
	.syprotxtbox{max-width: 100%}
	.syprotxtbox h2{font-size: 22px;}
	
	.syprobox li img{width: 200%; max-width: none}
	.sytit h2{font-size: 30px;}
	.erweimas{width: 100px}
	.footcontact{width: calc(100% - 120px);}
	.nybanner{overflow: hidden}
	.nybanner img{width:200%; margin-left: -100px; max-width: none}
	.nybanner h2{font-size: 30px;}
	.nynav .mainbox{}
	.nynav ul{display: none}
	.nynavselect{display: block}
	.nytit h2{font-size: 28px;}
	.zizhitxt p{font-size: 26px;}
	.hytxt{padding: 20px;}
	.hytxt h2{font-size: 20px;margin-bottom: 10px;}
	
	.gouwuchebox dt{display: none}
	.wapnone{display: block}
	.gouwuchebox dd{display: block}
	.gouwuchebox dd>div{width: 100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; padding: 5px 0px;}
	.cartpic{display: none}
	.carttxt{width:100%}
	.gwcwidth02 a{width: calc(100% - 90px); text-align: right}
	.carttxt p{display: none}
	.baiseboxs{padding: 20px;}
	.xuanlefts{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; padding-left: 0px;}
	.xuanzesc{display: block; height: auto; padding: 20px;}
	.xyanrights{display: block}
	.xyanrights a{width: 100%; margin: 0px; display: block; padding: 0px; text-align: center; height: 50px; line-height: 50px; margin-top: 20px;}
	.zhifuboxs li a img{width: 38px;}
	.zhifuboxs li a{padding-left: 40px;}
	.dizhis{display: block}
	.dizhisleft{width: 100%}
	.dizhisleft p{display: block}
	.dizhisleft span{display: block}
	.dizhisleft span em{display: block; margin: 10px 0px;}
	.muren{margin-bottom: 10px;}
	.fapiaohezi li{display: block; margin: 0px; width: 100%!important; margin-bottom: 10px;}
	.fapiaohezi li span{margin-bottom: 10px;width: 100%; display: block; text-align: left}
	.fapiaohezi li p{width: 100%}
	.fapiaohezi ul{width: 100%; margin: 0px;}
	.procart{width: 138px;}
	.promai{width: 138px;}
	.ddscboxs li{display: block}
	.ddscboxs li span{width: 100%; text-align: left; padding: 0px;}
	.zhifuxiala{width: 100%}
	.ddscboxs ul{width: 100%}
	.ddscboxs li.mt5{margin-top: 0px;}
	.nyconbox{padding: 20px;}
	.nyconbox li {width: calc(100% - 75px);}
	
	.loginhezi{max-width:80%}
	.loginhezi ul{margin-top: 50px;}
	
	.mimaboxs li{display: block}
	.mimaboxs span{width:100%; text-align: left; display: block; margin-bottom: 10px;}
	
	.mimaright{width: 100%}
	.mimaright .xiayibu{width: 100%}
	.joindown{padding: 20px;}
	.jointop span{display: none}
	.jointop{padding: 20px;}
	.jointop em:first-child{padding-left: 0px;}
	.gerenstop{padding: 20px;}
	.geertxs p em{display: none}
	.geertxs p span{display: block}
	.biaobiaoti{display: none}
	.memboxsd{padding: 20px;}
	.dingdanxsb>h3 span{display: block}
	.dingdanxsb li{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; width: 100%; padding: 5px 0px;}
	.carttuxa{display: none}
	.dingdanxsb ul{display: block}
	.dingdanxsb li>i{width:calc(100% - 80px); text-align: right}
	.dingdanxsb li>i a{display: block}
	.carttxttwo{width: 100%}
	.carttxttwo span{display: none}
	.dingdanxsb li:nth-child(5){margin-top: 20px;}
	.cailixihuanx li a{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.wenzihxs span{display: none}
	.dizhitop{padding: 20px;}
	.dizhibot{padding: 20px;}
	.dingdantop li {width: 100%; }
	.dingdantop li:nth-child(4){width:100%;}
	.dngbixsd dt{display: none}
	.dngbixsd dd{display: block}
	.dngbixsd dd>div{width: 100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; padding: 5px 0px;}
	.biaodan li{display: block; width: 100%; margin-bottom: 10px;}
	.biaodan li span{width: 100%; display: block; text-align: left; margin-bottom: 10px;}
	.biandanright{width: 100%}
	.tijiaos{width: 100%}
	.nynewsbox li {width: calc(100% - 30px);}
	.nynewstxt h2{font-size: 20px;}
	.nynewstxt{padding: 20px;}
	.shangxia{display: block}
	.shangxia a{margin: 10px 0px; display: block; max-width: 100%}
	.nyproright li {width: calc(100% - 30px);}
	.nynav p{display: block}
	.nyproshowtop{display: block}
	.nypropic{width: 100%}
	.nyproshow{padding: 20px;}
	.nyproshowtxt{width: 100%; margin-top: 20px;}
	.protuijian li {width: calc(100% - 30px);}
	
	.syaboutboxbj{background: none}
	
	.syprobot li.on,.syprobot li{height:80px;}
	.syprobot li.on,.syprobot li {width: calc(50% - 22px);}
	.nyprodetailtit li{font-size: 18px;}
	.addxiugai .biaodan li:nth-child(1){width: 100%}
	.addxiugai .biaodan{padding: 20px; margin-top: 0px;}
	.addxiugai .biaodan ul{margin-top: 0px!important;}
	
	.footboxs{display: block}
	.footcontact{margin-bottom: 20px; width: 100%}
}


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

	
}





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

	
}

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

	
}