.clearit{clear:both;}
li{list-style: none;}a{text-decoration:none;color:white;}

.main{background: url(/skin/NanShan/guid/images/banner_shekou.jpg)  no-repeat left center/cover;}
.header .logo{margin: 35px 200px;position: inherit;}
.header ul{margin-top:60px;float:right;}
.header li a{color:white;}
.header ul li{width: 110px;float: left;padding-left: 40px;height: 35px;line-height: 35px;}
.top_1{background: url(/skin/NanShan/guid/images/top_1.png) no-repeat;}
.top_2{position:relative;background: url(/skin/NanShan/guid/images/top_2.png) no-repeat;}
.top_3{background: url(/skin/NanShan/guid/images/top_3.png) no-repeat;}
.top_4{background: url(/skin/NanShan/guid/images/top_4.png) no-repeat;}
.header img{position: absolute;top:120px;right: 40px;width: 30%;}
.header .erweima{width:100px;}
.le,.rig{display: none;}
.height_300{height: 80px;}
.Content{text-align: center;}
.Content ul li{float:left;}
.Content a:visited{border:none;}
.Content img:visited{border:none;} 
.Content img{border:none;}
.Img{width:1200px;margin:0 auto;overflow:hidden;padding-left: 100px;}

.Img li{height: 260px;width:340px;padding: 20px 120px;}
.img1{background: url(/skin/NanShan/guid/images/swiper_1.png) no-repeat center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.img1:hover{background: url(/skin/NanShan/guid/images/swiper_h1.png) no-repeat center;}
.img2{background: url(/skin/NanShan/guid/images/swiper_2.png) no-repeat center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.img2:hover{background: url(/skin/NanShan/guid/images/swiper_h2.png) no-repeat center;}
.img3{background: url(/skin/NanShan/guid/images/swiper_3.png) no-repeat center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.img3:hover{background: url(/skin/NanShan/guid/images/swiper_h3.png) no-repeat center;}

ul{list-style: none;}
 .slide {height:500px;position: relative;}

 .slide li{position: absolute;left:200px;top:0;}
 .slide li img{width:100%;}
 .prev,.next{width:33px;height:60px;position: absolute;top:50%;margin-left:-20px;margin-top:-56px;
 background: url(/skin/NanShan/guid/images/le.png) no-repeat;z-index: 99;}
 .next{right:0;background-image: url(/skin/NanShan/guid/images/rig.png);}
 .big_lunbo{position: absolute;left: 50px;top: 29px;height: 600px;}  
.slide{display: none;}

.footer{margin-top: -8px;}


@media only screen and (max-width: 1200px){
 .main{
 height: 670px;
 background: url(/skin/NanShan/guid/images/banner_shekou.jpg) no-repeat;
 background-size: cover;
 }
 .height_300 {height: 155px;}
 .header ul {margin-top: -80px;}
}

@media only screen and (max-width:1024px){
 .header ul {margin-top: 65px;}
 .slide{display: block;}
 .Content{display: none;}
 .prev{margin-left: 80px!important;}
 .next{margin-right: 80px;}
 .big_lunbo{margin-left: 166px;}
 .le,.rig{display: block;}
 .top_1,.top_4,.top_2,.top_3,.erweima{display: none;}
 .header .logo {margin: 35px 135px;position: inherit;width: 60%;}
 .height_300 {height: 0px;}
 .Content{margin-left: 50px;}
 .Content a {display:block;float:left;padding:0;}
 .le,.rig{margin-top:7%;}
 body .main{width: 100%;background-size: cover;background-repeat: no-repeat;}
}



@media only screen and (max-width:768px){
 .F_gk{margin-top:0!important;}
 .footer{margin-top: -28px;}
 .line_q{display: block;}
 .main{margin:0!important;}
 .main_content1{padding-top: 27px;width:100%!important;}
 .F_l{width:100%!important;}
 .F_r{display: none;}
 .big_lunbo{margin-left: 30px;}
 .height_300 {height: 100px;}
 .next{margin-right: 80px;}
 .height_300 {height: 50px;}
 .header .logo {margin: 35px 10px;width: 80%;}
 .Content {margin-left: 50px;}
 .main {background: url(/skin/NanShan/guid/images/banner_shekou.jpg) 73%;}
 
}

@media only screen and (max-width:730px){
 .big_lunbo {margin-left: 10px;}
 .next {margin-right: 70px;}
}

@media only screen and (max-width:700px){
 .big_lunbo {margin-left: -10px;}
 .Content{margin-left: 0;}
}

@media only screen and (max-width:650px){
 .big_lunbo {margin-left: -20px;}
 .next {margin-right: 50px;}
}

@media only screen and (max-width:625px){
 .big_lunbo{margin-left: -50px;}
 .prev {margin-left: 40px!important;}
}

@media only screen and (max-width:570px){
 .big_lunbo {margin-left: -70px;}
 .next {margin-right: 25px;}

}

@media only screen and (max-width:540px){
 .next {margin-right: 35px;}
 .big_lunbo {margin-left: -100px;}
}

@media only screen and (max-width:490px){
 .big_lunbo {margin-left: -120px;}
 .prev {margin-left: 25px!important;}
}

@media only screen and (max-width:470px){
 .next {margin-right: 15px;}
}

@media only screen and (max-width:450px){
 .prev {margin-left: 15px!important;}
 .big_lunbo {margin-left: -138px;}
}

@media only screen and (max-width:425px){
 .prev, .next {top: 52%;}
 .prev {margin-left: 10px!important;}
 .next {margin-right: 5px;}
 .Content {margin:0;}
 .main {background: url(/skin/NanShan/guid/images/banner_shekou.jpg) 11%;}
 .header ul li {width: 60px;padding-left: 20px;height: 36px;line-height: 17px;}
 .header .logo {width: 80%;margin: 35px 10px;}
 .header a{font-size: 12px;}
 .top_1,.top_4{background-size: 20%;}
 .header ul {margin-top: 15px; float: right;margin-right: 20px;}
 .big_lunbo {position: absolute;left: 50px!important;top: 29px;height: 497px;}
}

@media only screen and (max-width:415px){
 .prev, .next {top: 48%;}
 .slide li img{width:70%!important;}
 .header ul{margin-top: 45px;}
}


@media only screen and (max-width:375px){
 .header ul li{margin-top:30px;}
 .next{margin-right: 0;}
 .big_lunbo {left: 35px!important;}
 .slide li img{width:70%!important;}
 .prev, .next{background-size:50%;margin-top:-40px;}
 .header ul{margin-top: 15px;}
}

@media only screen and (max-width:360px){
 .prev, .next {margin-top: -60px;}
 .slide li img{width:50%!important;}
 .header .logo {
 width: 41%;
 float: left;}
}

@media only screen and (max-width:340px){
 .prev, .next {background-size: 30%;margin-top:-55px;}
 .big_lunbo {left: 30px!important;}
 .slide li img{width:50%!important;}
 .next { margin-right: -15px;}
 .header .logo {
 width: 93%;
 float: left;
 margin-bottom: 0px;
 }
 .header ul {
 margin-top: 0px;
 float: right;
 margin-right: 66px;
 }
}