@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:999;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-btnbox {position:absolute;z-index:99999999999;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: #000}
	.top.curtwo .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;}


	.nav li:nth-child(1){background: none}
	.nav li:nth-child(1) a{ display: block;}
	.nav li:nth-child(4){background: none}
	.nav li:nth-child(4) a{ display: block;}
	.nav li.cur>a:before{width: 30px;}


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

	
	body{font-size: 14px;}
	
	.globalbtn{margin-right: 50px}
	
	
	.menu-open .top{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background:rgba(255,255,255,1)}

	.menu-open .top .nav li>a{color: #333}
	.menu-open .top .nav li:hover>a{color: #de0029}
	.menu-open .top .globalbtn{color: #333;background: url("../images/xia2.png") no-repeat right center; background-size: 10px auto;}


}




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

	.tianranbox li .fangdapic{width: 100%}
	.tianrantxt{position: relative; left: auto; right: auto; top: auto; width: calc(100% - 40px); padding: 20px; transform: none}
	.tianranbox li:nth-child(even) .tianrantxt{left: auto}
	
	.tianranbox li:nth-child(even){display: block}
}

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


	.proqiehuan .swiper-slide{border: none}
}

@media screen and (max-width:920px)
{
	.syabout{display: block}
	.syaboutleft{width: 100%}
	.syaboutright{width: 100%;margin-top: 30px}
	.syabtit h3 span{font-size: 40px;}
	.syabtit h2 span{font-size: 40px;}
	.sytit p{font-size: 40px;}
	.footernav{display: none}
	.line{display: none}
	.footconbbox{width: 100%}
	.wenhuabox ul{display: block}
	.wenhuabox li{width: 100%;margin-bottom: 30px;}
	.wenhuapic img{width: 100%}
	
	.tanchubox{height: auto;padding: 30px 0px;}
	
	.tiaoweibox li {width: calc(50% - 30px);}
	
	.zhushibox ul{display: block}
	.zhushibox li.cur{width: 100%}
	.zhushibox li{width: 100%}
	.zhushipic{height: auto}
	.Marinadelist ul {width: calc(100% + 30px);margin-left: -30px;}
	.Marinadelist li {width: calc(50% - 30px); margin-left: 30px}
		
	.yanfabox{display: block}
	.yanfaleft{width: 100%}
	.yanfaright{width: 100%; margin-top: 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;}
	.nav{top: 60px; height: calc(100vh - 60px)}
	
	.syaboutbox{margin-top: 20px;}
	.logo{width: 52px;}
	.globalbtn{font-size: 16px;}
	
	.banner .swiper-pagination{width: 100%; right: 0px; bottom:0px; top: auto}
	.banner .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0px 7px;}
	.banner .swiper-pagination-bullet:before{font-size: 12px; display: none}
	
	.syabout{padding: 20px;}
	.syabtit h2 span{font-size: 30px;}
	.syabtit h3 span{font-size: 30px;}
	.syabtit h3 p{font-size: 14px; line-height: 1.4}
	.syabtit h2 p{font-size: 20px;}
	.sytit p{font-size: 24px;}
	.sytit h2{font-size: 24px;}
	.syprotxt h3{font-size: 30px;}
	.footconbbox{display: block}
	.footleft{width: 100%}
	.erweima{width: 100%; margin: 0 auto}
	.footlogo{display: none}
	.footcxs{width: 100%; text-align: center;margin-bottom: 20px}
	.erweima p{margin-bottom: 10px;}
	.nybanner{overflow: hidden}
	.nybanner>img{width: 150%; margin-left: -25%; max-width:150%}
	.nybanner h2{font-size: 24px;}
	.mianbao{padding: 10px 0px;}
	.nynav{display: none}
	.nynavselect{display: block}
	
	.abico{width:80px; height: 80px;}
	.abicobox li p{font-size: 14px; margin-top: 10px; line-height: 1.4; padding: 0px 10px;}
	.abpic{margin: 30px 0px}
	.brandlist li img{width: 50%}
	.brandlist li p{font-size: 18px; margin-top: 10px}
	.nytit h2{font-size: 24px;}
	
	.dituContent{width: 100%; height: 400px;}
	.mapboxtxt{position: relative; left: auto; top: auto; transform:none;padding: 20px; width: calc(100% - 40px)}
	.mapboxtxt h2{font-size: 22px; margin-bottom: 10px;}
	.liuyan li {width: calc(100% - 150px);}
	.liuyan li{margin-bottom:20px;}
	.wenhuatxt h3{font-size: 20px;}
	.wenhuatxt p{font-size: 16px;}
	
	.tiaoweibox li {width: calc(100% - 30px);margin-top: 20px;}
	.tiaoweibox ul{padding-bottom: 20px;}
	
	
	.tiaoweitit{font-size: 20px; line-height: 1.4}
	
	.tiaoweibox{padding: 30px 20px;}
	
	.huoguobox{display: block}
	.huoguoleft{width: 100%}
	.huoguoright{width: calc(100% - 40px); padding: 20px; font-size: 14px;}
	.huoguoright p{padding-top: 5px;}
	
	.protable{overflow-x: scroll}
	
	.protablebox{width: 250%}
	
	.tianrantxt h2{font-size: 20px;}
	.tianranbox li{margin-bottom: 20px;}
	.yanfabox{padding: 30px;}
	
	.nyabouttxt p br{display: none}
	
}


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

	
}





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

	
}

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

	
}