@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; font-weight: normal }
a img { border: 0 solid #dcdddd }
body { font-family: 'Microsoft Yahei'; background: #fff; color: #565454; font-style: normal; font-size: 14px }
i { font-style: normal }
a { color: #2c3948; text-decoration: none; font-size: 16px; outline: medium none }
a:hover { color: #ea5413; text-decoration: none }
.head { height: 98px; background: #efefef; box-shadow:-2px 4px 8px #ccc; }
.box { width: 1100px; margin: 0 auto; }
.logo { float: left; margin-top: 15px; }
.nav a { font-size: 18px; }
.nav { width: 740px; float: right; }
.nav span { float: right; }
.nav a { margin-left: 46px; display: block; float: left; height: 98px; line-height: 98px; }
.nav span a { margin-left: 26px; }
.nav span { position: relative; top: 17px; }
.swiper-container { background: url(img/bg.png) no-repeat; background-size: cover; }
.nav a.m { color: #ea5413; }
.arrow-left { position: absolute; background: url(img/left.png) no-repeat; left: 0; width: 80px; height: 80px; cursor: pointer; z-index: 5; top: 50%; }
.arrow-right { position: absolute; background: url(img/right.png) no-repeat; right: 0; width: 80px; height: 80px; cursor: pointer; z-index: 5; top: 50%; }



.arrow-left:hover{
background: url(img/lefts.png) no-repeat;
}

.arrow-right:hover{
background: url(img/rights.png) no-repeat;
}



.as{
	display:none;}


#nn .swiper-slide dl { background: #e2e2e2; height: 290px; width:300px; float: left; margin-left:138px; margin-top:40px;  }
#nn .swiper-slide dl dt { width: 300px }
#nn .swiper-slide dl dt a img { width: 100%; }
#nn .swiper-slide dl dd a { color: #ea5413; font-size: 16px; display:block; padding-bottom:10px; }
#nn .swiper-slide dl dd{
	color:#9f9f9f;
	padding:0px 20px;}
#nn{
	padding:10px 0px;}
.map {
	width:711px;
	margin:0 auto;
	padding-top:77px;
	padding-bottom:77px;
	}
.map img{
	width:100%;}
.dw{
	width:855px;
	margin:0 auto;}
.contents{
background:#dcdcdc;}
.dw dl{
	text-align:center;
	float:left;
	width:280px;
	padding-bottom:100px;
	color:#fff
	}
.dw dl a{
	color:#fff;}
.dw dl dt{
	margin-bottom:15px;}
#gy .swiper-slide img.gyn{
	
		display:none;
	}
.gyn{
	display:none}
.navs{
	display:none;}
.daohang{
	display:none;}
.cc{
	width:1100px;}
iframe{
visibility:hidden;}
.case{
display:none;}
.x{
	position:absolute;
	z-index:20000;
	right:10%;
	display:none;
	top:160px;
	cursor:pointer;}
.x img{
	width:40px;}
@media (max-width: 1920px) {
	
	}
@media (max-width: 1440px) {
#cs #nn .swiper-slide{
padding-left:0px;}
.map{
width:511px;}
	#nn .swiper-slide dl{
	margin-left:47px;}
	}
@media (max-width: 1366px) {
#nn .swiper-slide{
padding-left:0px;}
	#nn{
	padding:0px 0px;}
	#nn .swiper-slide dl { background: #e2e2e2; height: 225px; overflow:hidden; width:215px; float: left; margin-left:95px; margin-top:25px;  }
#nn .swiper-slide dl dt { width: 100% }
#nn .swiper-slide dl dt a img { width: 100%; }
#nn .swiper-slide dl dd a { color: #ea5413; font-size: 14px; padding:5px 0px; display:block;  }
#nn .swiper-slide dl dd p{
	font-size:12px;}
	
.map {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 50px;
    width: 482px;
}
.dw dl{
	padding-bottom:0}
#gy .swiper-slide img{
	width:400px}
#gy .swiper-slide img.gy2{
	width:700px}
#gy .swiper-slide img.gy3{
	width:400px}
#gy .swiper-slide img.gy4{
	width:auto}
	}
	@media (max-width: 1280px) {
	#nn .swiper-slide{
padding-left:0px;}
		#nn .swiper-slide dl{
			margin-left:84px;}
			
	
	}
	@media (max-width: 1024px) { 
	#nn .swiper-slide{
padding-left:0px;}
	#nn .swiper-slide dl{
		margin-left:32px;
	}
	}


	@media (max-width: 768px) {
		
	 }
	.lb_m{
	display:none;}
	.ups{
	display:none;}
#cs{
background:none;}
.iframe{
position:fixed;
width:100%;
height:100%;
top:96px;
left:0;
background:#373737;
visibility:hidden;
}
.bgs{
position:fixed;
width:100%;
display:none;
height:100%;
top:0;
left:0;
z-index:40000;
background:rgba(0,0,0,0.7);
}
.code{
width:200px;
display:none;
height:200px;
position:absolute;
left:50%;
z-index:50000;
top:50%;
margin-left:-100px;
margin-top:-100px;}
.code img{
width:200px;
}
 @media screen and (max-width:640px) {
.lb_m span.swiper-pagination-switch{
opacity:0.6;}

.arrow-right a b{
display:block;
text-indent:-9999px;
}
.arrow-left a b{
text-indent:-9999px;
display:block;
}
.arrow-right a{
display:block}

.arrow-left a{
display:block}




#hehehe{
overflow:hidden;}









#gy .swiper-slide img{
margin-top:0;}
.lb_m span.swiper-active-switch{
opacity:1;
}
 .case{
 display:block;
 position:fixed;
 bottom:30px;
 width:100%;
 text-align:center;
 z-index:30000;}
  .ups{
 display:block;
 position:fixed;
 top:70px;
 width:100%;
 text-align:center;
 z-index:30000;}
 .ups a img{
 width:20px;}
 
 .case {



  -webkit-animation: float ease-in-out 1.5s infinite;
  animation: float ease-in-out 1.5s infinite;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}














#ups {



  -webkit-animation: float ease-in-out 1.5s infinite;
  animation: float ease-in-out 1.5s infinite;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 #nn .swiper-slide{
padding-left:0px;}
 .swiper-pagination-bullet{
 display:block;
 width:100px;
 float:left;}
 #cs{
background:#d9dadc;}
 .map{
 width:90%}
 .lb_m{
 padding-bottom:9px;
 height:47px;
 padding-top:39px;
 padding-left:5%;
	display:block;}
	
.lb_m img{
width:100px;
margin-right:10px;}
#nn .swiper-slide h2{
display:none;}
 .dw{
 width:100%;}
 .dw dl{
 float:none;
 clear:both;
 width:90%;
 margin:0 auto;}
  .dw dl dt{
  width:15%;
  float:left;}
  .dw dl dt img{
  width:70%;}
  .dw dl dd{
  float:right;
  text-align:left;
  width:75%;}
	 .head{
		 height:60px;}
	 .nav{
		 display:none}
	.logo a img{
		height:30px;}
	.logo{
		margin-left:15px;}
		#gy .swiper-slide{ 	
	 display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;	
}	
	
	#gy .swiper-slide img{
	margin-top:-25%;
		width:50%;}
	.swiper-container{
		background:url(img/bg_m.jpg) no-repeat;
		background-size:cover;}
	.arrow-left{
		opacity:0.3;
		width:12px;
		top:42%;
		height:21px;
		background:url(img/left_m.png) no-repeat;
		background-size:cover;}
	.arrow-left:hover{
	background:url(img/left_m.png) no-repeat;
	background-size:cover;
	}
	.arrow-right:hover{
		background:url(img/right_m.png) no-repeat;
		background-size:cover;
	}
	.arrow-right{
	top:42%;
		width:12px;
		opacity:0.6;
		height:21px;
	
		background:url(img/right_m.png) no-repeat;
		background-size:cover;}
	#gy .swiper-slide img.gy3{
		width:72%;}
	#gy .swiper-slide img.gy4{
		width:60%;
	}
	#gy .swiper-slide img.gyn{
		width:60%;
		display:block;
	}
.navs{
	cursor: pointer;
    float: right;
    height: 40px;
    padding-top: 20px;
    width: 45px;
	}
.case a img{
width:20px;
opacity:0.7;}
.navs i {
    background: #a0a0a0;
    display: block;
    height: 3px;
    margin-bottom: 4px;
    width: 25px;
}
.box{
	width:100%;}
.navs{
	display:block;}
.gy2{
	display:none;}
.daohang{
	background:#dfdfdf;
	position:absolute;
	left:0;
	top:60px;
	z-index:6;
	width:100%;
	height:274px;
	padding-top:20px;
	overflow:hidden}
.head{
	position:relative;
	box-shadow:1px -1px 9px #000;
	z-index:7;}
.daohang ul li{
	width:80%;
	margin:0 auto;
	height:50px;
	line-height:50px;
	border-bottom:1px dashed #828282;}
.daohang ul li a{
	display:block;
	font-size:14px;}
.daohang ul li a img{
	position:relative;
	top:10px;
	margin-right:15px;
	width:30px;}
.daohang ul li a.sina{
	float:left;
	}
.daohang{
	display:none;}
.daohang ul li a.wx{
	float:left}
#nn .swiper-slide dl{
	margin-left:7%;
	width:40%;
	overflow:hidden;}
.cc{
	width:auto;}
.cc .swiper-slide a img{
	width:25%}
	
	
	
	
#cs #nn .swiper-slide a{
margin-left:4%;
margin-right:0;
margin-bottom:5px;
	width:28%}
#cs #nn .swiper-slide a img{
height:25px;
	width:auto}
	
#nn .swiper-slide h2{
width:30%;
height:40px;
font-size:16px;}	
#nn{
padding-top:0px;
background:none;}	
	
	
#nn .swiper-slide a{
width:100%;
margin:0;}	
	.as{
	display:block;}
	}