@charset "utf-8";

/* CSS Document */

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

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

	
	body{font-size: 16px;}
	.nav{width: 45%}
	.sytit h2{font-size: 36px;}
	.syabzimu li p{font-size: 26px;}
	.syabzimu li p em{font-size: 40px;}
	.syabzimu li span{font-size: 18px;}
	.youshinav li a{padding: 40px 0px;}
	.youshinav li a p{font-size: 26px;}
	.youshinav li img{height: 50px;}
	.synewslefttxt h3{font-size: 24px;}
	.synewsrl p{font-size: 18px;}
	
	.nybantxt h2{font-size: 50px;}
	.nybantxt p{font-size: 30px;}
}




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

    body{font-size: 14px;}
	
	.jiamengys ul{width: calc(100% + 100px); margin-left: -100px;}
    .jiamengys li{width: calc(50% - 100px); margin-left: 100px;}


}

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

	.nybantxt h2{font-size: 40px;}
	.nybantxt p{font-size: 20px;}
	
	.jiamengys ul{width: calc(100% + 50px); margin-left: -50px;}
    .jiamengys li{width: calc(50% - 50px); margin-left: 50px;}
	.jiamtext h3{font-size: 24px;}
	
	.jmshouyitxt li h3{font-size: 24px;}
	.jmshouyitxt li{padding: 15px 20px; width: calc(50% - 55px);height: calc(50% - 37.5px);}
	.jmshouyitxt li img{height: 50px;}
	.jmmoshi li h3 span{font-size: 100px;}
	
	.proshowbox h2{font-size: 30px;}
	
	.contactbox li h2{font-size: 24px;}
	
	.contits p{font-size: 40px;}
	.contits span{font-size: 24px;}
	.wenben{height: 50px;}
	.contactright li textarea{height: 100px;}
}




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

}




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

body{overflow-x: hidden}

.nav{ position: fixed;top:80px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 80px); 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-size: 12px auto;}
.nav li>a{display: inline-block; line-height: 60px; color: #333; padding-bottom: 0px; display: block}
	.nav li.cur>a{color:#e60012}


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

}

	
	.logo{width: 20%}
	.top>.erduan{padding-right: 5%}
	
	.sousubox{width: 40%; margin-right: 40px;}
	
	.youshiboxs{padding-bottom: 30px;}
	
	
	.jmshouyipic{display: none}
	.jmshouyitxt{width: 100%}
	.jmshouyitxt li{height: auto}
	
	
	

}




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

	
}

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

	
}

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

	.syabout{display: block}
	.syaboutleft{width: 100%}
	.syaboutright{width: 100%; margin: 30px 0px;}
	.syabzimu{padding: 10px 0px;}
	
	.syproboxone li{width: calc(50% - 30px);}
	.pro_brand li {width: calc(33.3% - 45px);}
	.hexinglist li {width: calc(50% - 90px);}
	.synewsboxs{display: block}
	.synewsleft{width: 100%}
	.synewsright{width: 100%; margin-top: 30px}
	.footernav{display: none}
	.footerright{width: 100%}
	.nywenhua ul{display: block}
	.nywenhua li{width: calc(100% - 40px); margin-bottom: 15px;}
	

    .nyprobox li{width: calc(100% - 30px); }


	
	
}

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

{

	
}

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

{
	
.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: 60px;}
	.logo{width: 40%; height: 60px;}
	.logo:before{border-width: 30px 10px 30px 10px;}
	.nav{top: 60px; height: calc(100vh - 60px)}

	.banner{margin-top: 60px;}
	.nybanner{margin-top: 60px;}
	
	.footerright{text-align: center}
	.erweima{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.sousubox{display: none}
	.banner .swiper-pagination{bottom: 20px}
	.banner .swiper-pagination-bullet{width: 20px;}
	
	.sytit h2{font-size: 26px;}
	.sytit p{font-size: 16px;}
	.sytit:before{width: 4px;}
	.syabout{padding-left: 0px; padding-right: 0px;}
	.syabzimu li p em{font-size: 32px;}
	.syabzimu li span{font-size: 16px;}
	.syabzimu li p{font-size: 20px;}
	.syabzimu ul{overflow: hidden; display: block}
	
	.syabzimu li{width: 50%; float: left;}
	.youshinav li img{height: 30px;}
	.youshinav li a p{font-size: 14px;}
	.youshinav li a{padding: 20px 0px;}
	.syyoushihz{margin: 0px;}
	.youshiboxs h1{font-size:20px; line-height: 1.4}
	.ystexts h2{font-size: 22px;}
	
	.syprotit{display: block}
	.sypronav{width: 100%;margin-top: 20px;}
	.sypronav li p{font-size: 16px;}
	.sypronav li span{font-size: 12px;}
	.syproboxone ul{width: calc(100% + 10px);margin-left: -10px}
    .syproboxone li{width: calc(50% - 10px);margin-left: 10px; margin-bottom: 10px;}

	
	.pro_brand ul{width: calc(100% + 10px);margin-left:-10px;}
	.pro_brand li{width: calc(33.33% - 10px);margin-left: 10px;margin-bottom: 10px;}

	.syprobox.mt5{margin-top: 30px;}
	.sypronav li{width: calc(33% - 5px); padding:8px 0px;}
	.hexingboxs .sypronav li{width: calc(50% - 5px); }
	.hexinglist li {width: calc(100% - 70px);margin-bottom: 10px;padding: 20px;}
	.hexinglist li h3{font-size: 20px;}
	.hexinglist.mt5{margin-top: 30px;}
	.synewsleft a{padding: 20px;}
	.synewslefttxt h3{font-size: 18px;}
	.synewsrl p{font-size: 14px; height: 44px; line-height: 22px;}
	.synewsrl span{font-size: 16px;}
	.synewslefttxt p{font-size: 16px;}
	.synewsright li a{padding: 10px 0px;}
	.synewsrl em{width: 18px; height: 18px;}
	.synewsright li{margin-top: 10px;}
	.synewsright{margin-top: 20px;}
	
	
	.nybantxt h2{font-size:30px;margin-bottom: 10px;}
	.nybantxt p{font-size:14px;}
	.nytit h2{font-size: 26px;}
	.nyaboutbox{display: block}
	.nyaboutleft h2{font-size: 26px;margin-bottom: 20px;}
	.nyaboutleft{width: 100%}
	.nyaboutright{width: 100%; margin-top: 30px;}
	.nywenhua li h2{font-size: 22px;}
	.nywenhua li p{font-size: 16px;}
	
	.lishilist li:nth-child(odd) .shijiantxt .you{display: block}
	.lishilist li:nth-child(odd){display: block}
	.lishilist:before{left: 0px;}
	.shijiantxt{width: 100%}
	.shijiantxt{text-align: left}
	.shijiantxt .you{display: block}
	.lishilist li{margin-bottom: 40px; padding-left: 30px;}
	.lishilist li:last-child{margin-bottom: 0px;}
	.shijianwenzi img{max-width: 200px;}
	.lishilist li:nth-child(odd) .shijiantxt h3:before {left: -38px;}
	.shijiantxt h3:before{left: -38px; right: auto}
	.shijiantxt h3{font-size: 30px;}
	.shijianwenzi h4{font-size: 20px;}
	.jiamengys li {width: calc(100% - 50px); margin-top: 10px; margin-bottom: 10px;}
	.ysico{width: 80px; height: 80px;}
	.jiamtext {width: calc(100% - 100px);}
	.jiamtext h3{font-size: 20px;}
	.jmshouyitxt li {width: calc(100% - 55px);}
	.jmshouyitxt li h3{font-size: 20px;}
	.jmtiaojian{display: block}
	.jmtiaojianleft{width: 100%}
	.jmtiaojianleft li span{width: 42px; height: 42px;line-height: 42px;}
	.jmtiaojianleft li p{width: calc(100% - 60px);}
	.jmtiaojianright{width: 100%; margin-top: 20px;}
	
	.jmmoshi ul{display: block}
	.jmmoshi li{width: 100%;margin-bottom: 20px;}
	.jmmoshi li h2{font-size: 20px;}
	.jmmoshi li h3 span{font-size: 60px;}
	.jmmoshi li h3{font-size: 18px;}
	.jmmoshi li p{font-size: 18px;}
	.nyprobox li{margin-bottom: 15px;}
	.nyprotxt p{height: 66px;-webkit-line-clamp:3;line-clamp:3; line-height: 22px;}
	.nyprotxt h3{font-size: 18px;}
	.proshowbox h2{font-size: 24px;}
	.proshowtit h2{font-size: 22px;}
	.storebox li:nth-child(even) .pcshow{display: block}
	.storebox li:nth-child(even) .wapshow{display: none}
	.storebox li a{display: block}
	.storebox li .fangdapic{width: 100%}
	.storewenzi{width: 100%;padding-bottom: 20px;}
	.storewenzi h3{font-size: 20px;}
	.storewenzi span{width: 40px; height: 40px;}
	.storebox li{margin-bottom: 50px;}
	
	.contactbox li{width: 100%;margin-bottom: 40px;}
	.contactbox li img{max-width: 80px;}
	.contactbox li h2{margin-top: 10px;}
	
	.contactliyan{display: block}
	.contactleft{width: 100%; height: 180px;}
	.contits p{font-size: 30px;}
	.contits span{font-size: 18px;}
	.contactright{width: 100%}
	.contactright ul{padding: 5%}
	.newswenzi{width: 90%}
	.newswenzi h3{font-size: 20px;}
	.newswenzi p{margin-top: 10px}
	
	.nynewtit a p{font-size: 20px;}
	.nynewtit a span{font-size: 12px;}
	.nynewtit a {width: calc(50% - 5px); padding: 10px 0px}
	
	.newsshowtit h2{font-size: 30px;}
	.newsshowtit p{font-size: 16px;}
}


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

	
}





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

	
}

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

	
}