@charset "utf-8";

/* CSS Document */

@media screen and (min-width:2200px)
	
{

}

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

}

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

	
	
}




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

 
	
}

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


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

}

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

		
}




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

 	body{overflow-x: hidden;}

	.nav{ position: fixed;top:70px;right:0;z-index:99;float:inherit;width:100%;height:calc(100vh - 70px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#ffffff; margin-top: 0px;}
	.nav>ul{display:block; width: 90%; margin: 0 auto;padding-top: 20px; }

	.nav>ul>li{border-bottom: 1px solid #f2f2f2; height:auto;display:block; margin: 0px; text-align: left; position: relative; background: url("../images/right_btn.svg") no-repeat right 32px; background-size:5px auto}
	.nav>ul>li>a{display:inline-block; line-height:70px;  font-size: 18px; }

    .nav li:nth-child(4)>a,.nav li:nth-child(5)>a{display:block}
	.nav li:nth-child(4),.nav li:nth-child(5){background: none}
	

    .navdown{position:relative; left:0%; transform:none; width:calc(100% - 40px);top: 0px; display: none; padding:0px 20px; box-shadow: none; font-size: 16px;}
	.navdown_pic{display: none}
	.navdown h3{display: none}
	.navdown_list{width: 100%; padding: 20px 0px;}
	.navdown_list span{width: 100%; border: none;}
	.navdown_list span a{padding: 5px 0px;}
	.navdown .mainbox{width: 100%; max-width: none}
	.navline{display: none}
	.navdown_two_list{display: block; width: 100%}
	.navdown_two_list dl{margin-top: 20px;}
	.navdown_about_list span{border: none}
	.navdown_about_list{padding: 20px 0px;}
	
	
	.menu-open{height: 100vh; overflow: hidden}
	
 
 
	.nav-btnbox {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:flex; cursor: pointer; height:50px;}
	.nav-btnbox  a{width: 100%}
	
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#333333;-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 a{ width: 20px}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#333333;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 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, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 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)}

	}
	
	
	
	.prodown .swiper-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:30px 0px;}
	.prodown .swiper-container{width: calc(100% + 20px); margin-left: -20px;}
	.prodown .swiper-slide{width: calc(33.33% - 20px); margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
	.proqiehuan .swiper-button-prev,.proqiehuan .swiper-button-next{display: none}
	
	.proqiehuan li{width: 50%; text-align: center}
	.proqiehuan ul{width: 100%}
	.proqiehuan{margin-bottom: 30px; margin-top: 0px;}
	
	.nav li>a:before{display: none}
	.navdown{border-top: 1px solid #f2f2f2}
}




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


	.enbtn a span{display: none}
	.store_btn a span{display: none}
	.topright_right{width: 140px;}
	.store_btn>a img.hide{display: block}
	.store_btn>a img.show{display: none; margin-right: 0}
	.store_btn>a{padding: 0px; background: none}
	.topright{max-width: 230px; width: 100%}
	.bantxt h2{font-size: 34px;}
	.bannerimg{height: 50vh}
	.bantxt h3{font-size: 16px;}
	.syprotxt h2{font-size: 30px;}
	.syprotxt h3{font-size: 18px;}
	.syprotxt{width: 40%}
	
	.pro_discover{display: block}
	.pro_discover ul{width: 100%}
.pro_discover li{margin-top: 30px;}
	.proshowpic_txt h2{font-size: 30px;}
	
	.prolist li{width: calc(50% - 80px);}
	.pro_hotbox{background: none}
	.bardabout {display: block}
	.bardright{width: 100%}
	.bardright li{width: 50%}
	.bardaboutbj{background-position:center 25% }
	.syprobox_one li{border-radius: 20px;}
	.syprobox_one li .bigpic{display: none}
	.syprobox_one li .syprotxt{display: none}
	.wappropic{display: block}
	/*.banner{display: none}
	.wapbanner{display: block}*/
}



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

	.nynewstop a{display: block}
	.nynewstop .bigpic{width: 100%}
	.nynewstxts{ width: calc(100% - 100px);}
	.nynewsbot li{width: calc(50% - 50px);}
	
	.store_box li {width: calc(50% - 50px);}

		
		
		
}

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

{
	.pd3{ padding-top:5%; padding-bottom:5%}
	.pd4{ padding-top:6%; padding-bottom:6%}
	.pd5{ padding-top:7%; padding-bottom:7%}
	.pd6{ padding-top:8%; padding-bottom:8%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}
	
	

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	.pt5{padding-top: 10%}
	
	.synewstxt{position: relative;background: #f8f9fc; color: #333333;}
	.synewstxt p{line-height: 1.4; margin-bottom: 10px;}
 
		
}

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

{
 
	body{padding-top: 70px;}
	.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:12%}
	.mt6{ margin-top:15%}
	.mt8{ margin-top:20%}
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	.topright{width: 200px;}
	.topright_right{width: 130px}
	.prodown .swiper-slide {width: calc(50% - 20px);margin-top: 10px;}
	.prodown .swiper-slide p em{display:block; width: 40px; margin: 0 auto}
	.prodown .swiper-slide p{display: block}
	.navdown{width: 100%; padding: 0px;}
	.aboutdown span{padding: 0px 10px;}

	.prothreedown ul{width:180%}
	.prothreedown .proqiehuan li{width: 16.6%}
	.prothreedown .proqiehuan{overflow-x: scroll; display: block}
	.proqiehuan ul{padding: 16px 20px}

    .mr50 {margin-right:20px;}
	
	.sytit h2{font-size:24px;}
	.pro_discover.mt4{margin-top:0px;}
	

	.synewsbox .swiper-slide{width: 80%}
	
	.fastnav ul{display: block}
	.fastnav li{width: 100%; margin:20px 0px;}

	.foot_left{width: 100%}
	.sharebox{margin-top:30px;}
	
	.bannerimg{height: 30vh}
	.xiala{display: none}
	
	.bantxt h2{font-size:24px;margin: 10px 0px 10px; max-width: 60%}
	.bantxt h3{font-size: 12px;}
	.bantxt p{font-size: 14px;}
	.morebtn{font-size: 14px;}
	.morebtn em{width: 24px; height:18px;}
	
	.proshowpic_txt{ left: 20px;}
	.proshowpic_txt h2{font-size:16px; line-height: 1.4; }
	.proshowpic_txt p{font-size: 12px;}
/*	.proshowpic_txt.baise{color: #333333!important}
	.proshowpic_txt.baise p{color: #666666!important}*/
	.proshow_detail .swiper-slide{width:60%}

	.protit h2{font-size: 26px;}
	.jibenbox{display: block}
	.jibenpic{width: 100%}
	.jibentxt{width: 100%; padding: 20px 0px;}
	.canshubox {display: block; padding: 20px;}
	.canshubox .hotpic{width: 100%}
	.canshutxt{width: 100%}
	.canshutxt li p{font-size: 18px;}
	.canshutxt li:nth-child(even){text-align: right}
	.foot_bot{padding-top:10px}
	.proshowpic{margin-bottom:20px;}
    .proshowpic_part{width: calc(50% - 5px);}
	.proshowpic .bigpic{border-radius: 20px;}
	.prolist li {width: calc(100% - 80px);}
	.shijiantxt h3{font-size:20px;}
	.shijiantxt h4{font-size: 20px;}
	.join_imgbox{background: #f8f9fc}
	.join_txt{position: relative; left: auto; top: auto; transform: none;padding: 30px;}
	.join_txt h2{font-size: 30px;}
	.join_txt h3{font-size: 24px;}
	/*.baise{color: #333333}*/
	.baise .morebtn{color: #333333}
	.baise .morebtn em{border: 2px solid #333333;}
	.nycontacts{display: block}
	.conttxt{width: 100%}
	.consxs p{font-size: 20px;}
	.hezuoform li{width: calc(100% - 50px);}
	.hezuoboxs{padding: 30px}
	.hezuoform li.w100.zuo{font-size: 12px;}
	.jointitleft{display: block}
	.jointit h3{width: 100%; font-size: 18px;}
	.jointit{padding:20px}
	.jointxts{padding:0px 30px 20px;}
	
	.nynewstit{display: block}
	.newlistd{margin-top: 20px; max-width: 240px;}
	.newlistd li{margin-left: 0px;}
	.nynewstxts{padding: 30px;width: calc(100% - 60px);}
	.nynewsbot li {width: calc(100% - 50px); margin-top: 30px;}
	.nynewsbot{margin-top: 0px;}
	.newsshowtit h1{font-size: 24px;}
	.xiadown a{font-size: 16px;}
	.brd30{border-radius: 20px;}
	.nysertxt span{font-size: 20px;}
	.nysertxt img{height: 20px; display: none}
	.wenti ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -10px;}
	.wenti li{width: calc(50% - 40px); margin: 5px 0px; margin-left: 10px;}
	.select_add{display: block}
	.select_dizhi{width: 100%}
	.selet_searh{width:100%; margin-top: 10px}
	.diqusx li{width: calc(100% - 100px); margin-bottom: 20px;}
	.wentitit{padding: 20px 30px;}
	.wentitit h2{width: calc(100% - 40px)}
	.store_box li {width: calc(100% - 50px); margin-bottom: 20px}
	
	.syprobox_one li{margin: 30px 0px;}
	.foot_logo img{display: inline-block; max-width:40%}
	.foot_logo{text-align: center; width: 100%}
	.sharebox ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.foot_bot{display: block; text-align: center}
	.foot_top{display: block}
	.foot_right{ width: 100%; margin-top: 30px}
	.foot_right ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.foot_right li{width: 50%; text-align: center; margin-bottom: 20px}
	.foot_bot p span{display: block}
	.join_imgbox_wap{display: block}
	.join_imgbox{display: none}
	.synewsboxda{padding-bottom: 5%}
	.synewsbox .swiper-container{padding-bottom: 30px}
	
	.ban_link a:nth-child(2){display: none}
	
	.proshowpic:first-child .proshowpic_txt{max-width: 50%}
	.proshowpic:nth-child(2) .proshowpic_txt h2{margin-top: 5px;}
	.jibentxt li{font-size: 14px; padding: 5px 0px;}
	.proshowpic_part .proshowpic_txt {top: 8px;transform: none;}
	
	.bardright li{ padding: 15px 0px;}
	.bardright li span em{font-size: 36px;}
	.bardaboutbj{padding-bottom: 5%}
	.bardright li p{font-size: 12px;}
}


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

{

	
}

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

	
}

@media screen and (max-height:450px)
	
{
	


	

}

@media screen and (max-height:700px)
	
{
	
}

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

	
}

@media screen and (max-height:450px) and (min-width:800px) 
	
{


	
	
}