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

/*导航*/
.nav{ width:100%; position: fixed; z-index: 999999; margin: 0px; padding: 0px; border-bottom: #CCCCCC 1px solid; transition: all 0.6s;} 

.nav_{ width:90%; margin:0px auto; } 
.nav_l{ float:left; width:370px; padding:20px 0px;} 
.nav_l img{ display: block; width: 100%; margin: 0px auto;} 

.nav_menu {float: right; padding:0px 30px 0px 0px; border-right: #CCCCCC 1px solid;} 
.nav_menu ul { margin:0 auto; list-style-type: none; } 
.nav_menu ul li {float:left; position:relative; } 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 

.nav_menu ul li a{ font-size: 16px; font-weight: normal;} 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;padding:27px;color: #FFFFFF;} 
.nav_menu ul li a:hover{color: #f39900; border-bottom:#f39900 3px solid; } 
.nav_menu ul li a.this{color: #f39900; border-bottom:#f39900 3px solid;} 


.nav_menu ul li ul {display: none;} 
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu ul li:hover ul li a:hover {background:#f39900; color:#000000;} 

.nav_r{ float: right; text-align: right; margin-top: 30px; margin-left: 50px;} 
.nav_r i{color: #FFFFFF; font-size: 20px;} 

.nav_menu_n {float: right; padding:0px 30px 0px 0px; border-right: #999999 1px solid;} 
.nav_menu_n ul { margin:0 auto; list-style-type: none; } 
.nav_menu_n ul li {float:left; position:relative; } 
.nav_menu_n ul li:first-child{} 
.nav_menu_n ul li:last-child{} 

.nav_menu_n ul li a{ font-size: 16px; font-weight: normal;} 
.nav_menu_n ul li a, .nav_menu_n ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;padding:27px;color: #333333;} 
.nav_menu_n ul li a:hover{color: #f39900; border-bottom:#f39900 3px solid; } 
.nav_menu_n ul li a.this{color: #f39900; border-bottom:#f39900 3px solid;} 


.nav_menu_n ul li ul {display: none;} 
.nav_menu_n ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu_n ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu_n ul li:hover ul li a:hover {background:#f39900; color:#000000;} 

.nav_r_n{ float: right; text-align: right; margin-top: 30px; margin-left: 50px;} 
.nav_r_n i{color: #333333; font-size: 20px;} 


.bottom{ width:100%; background:#505050; margin: 0px; padding:65px 0px;}
.bottom_{ width:72%; margin:0px auto;}

.bottom_logo{float: left; } 
.bottom_logo h6{ font-size: 18px; font-weight: normal; color: #FFFFFF;} 
.bottom_logo span{  font-size: 0.7em; color: #CCCCCC; } 
.bottom_logo p{ font-size: 16px;  margin-top: 20px; font-weight: bold; color: #FFFFFF;} 

.bottom_l{ float: left; margin: 0px 80px;} 
.bottom_l ul{} 
.bottom_l ul li{float:left; margin-right: 60px; border-left: #777777 1px solid; padding-left: 60px;} 
.bottom_l ul li:last-child{ margin-right: 0px;} 
.bottom_l ul li h5{ font-size: 18px; color: #FFFFFF;} 
.bottom_l ul li p { color: #EEEEEE; font-size: 14px; margin-top: 10px;} 
.bottom_l ul li h6{ font-size: 28px; color: #FFFFFF; margin-top: 10px;} 

.bottom_r{ float: right; } 
.bottom_r h5{ font-size: 18px; color: #000000; margin-bottom:35px;} 
.bottom_r img{} 

.bottom_b{ width: 72%; margin:35px auto 0px;padding: 30px 0px 0px; text-align: left; font-size: 14px; border-top: #777777 1px solid; color: #999999;text-transform: uppercase;} 
.bottom_b a{ color: #999999;} 
.bottom_b a:hover{color: #f39900;} 


/* fullSlide */
.fullSlide {width:100%;position:relative;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd ul li{width:100% !important;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;height:930px;} 
.fullSlide .bd ul li img{ width: 100%;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#f39900;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}


.z_banner{ left:0px; top:0px; width:100%; height:100%; margin: 0px; padding: 0px;} 
.z_banner img{width: 100%;} 


@media screen and (min-width:1500px) and (max-width:1700px){
     .bottom_{ width:90%;}
     .bottom_b{ width:90%;} 
     .fullSlide .bd ul li a{height:720px;}
} 
@media screen and (min-width:1200px) and (max-width:1500px){
     .nav_{ width:95%;} 
     .bottom_{ width:95%;}
     .bottom_b{ width:95%;}
} 
@media screen and (min-width:1400px) and (max-width:1500px){
    .fullSlide .bd ul li a{height:640px;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {padding:25px 25px;} 
    .bottom_l{ margin: 0px 60px;} 
    .bottom_l ul li{ margin-right: 50px;padding-left: 50px;} 
}
@media screen and (min-width:1300px) and (max-width:1400px){
    .fullSlide .bd ul li a{height:600px;} 
    .nav_l{ width:300px; padding:22px 0px;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {padding:25px 22px;} 
    .nav_r{ margin-top: 22px;} 
    .bottom_l{ margin: 0px 50px;} 
    .bottom_l ul li{ margin-right: 40px;padding-left: 40px;} 
}
@media screen and (min-width:1200px) and (max-width:1300px){
    .fullSlide .bd ul li a{height:560px;} 
    .nav_l{ width:260px; padding:20px 0px;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {padding:25px 20px;font-size: 12px;} 
    .nav_r{ margin-top: 22px;} 
    .bottom_l{ margin: 0px 40px;} 
    .bottom_l ul li{ margin-right: 35px;padding-left: 35px;} 
}



.mobile-inner{ display: none;} 
.fullSlide .bd li div.pc{ display: block;}
.fullSlide .bd li div.mo{ display: none;}
.hei{ display: none;} 

@media screen and (max-width:768px){
	
	
	.nav{ display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #4c4c4c;} 
	.mobile-inner-header .img0 { float: left; margin-top: 2%; margin-left: 3%;} 
	.mobile-inner-header .img0 img{ width: 70%;} 

	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;}
	.mobile-inner-header-icon:hover{	background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);	width: 25px;height: 2px;background-color: rgba(250,145,0,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);}
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;	padding-top: 30px;padding-bottom: 80px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;}
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;}
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;}
	
	.hei{ display: block;height: 60px; width: 100%; background: #4c4c4c;} 


	.fullSlide .bd ul li div.pc{ display: none;}
    .fullSlide .bd ul li div.mo{ display: block;}
    .fullSlide .bd ul li a{height:320px;}
	.fullSlide .bd li{ background-size: cover;} 
	.fullSlide .bd li img{ width: 100%;} 
	.fullSlide .hd{bottom:10px;left:0;height:30px;line-height:30px;}
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;}
	.toolbar{ display: none;}
    
    
    
    .bottom{ padding:35px 0px;}
    .bottom_{ width:88%; }

    .bottom_logo{float: none; } 
    .bottom_logo h6{ font-size: 1.5em; } 
    .bottom_logo span{  font-size: 0.8em;  } 
    .bottom_logo p{ font-size: 1.2em;  margin-top:10px; } 

    .bottom_l{ float: left; margin: 15px 0px 0px 0px;} 
    .bottom_l ul{} 
    .bottom_l ul li{float:none; margin-right: 0px; margin-bottom: 10px; border-left: #CCCCCC 1px solid; padding-left: 10px;} 
    .bottom_l ul li:last-child{ margin-right: 0px;} 
    .bottom_l ul li h5{ font-size: 1em; } 
    .bottom_l ul li p { color: #EEEEEE; font-size: 1.2em; margin-top: 3px;} 
    .bottom_l ul li h6{ font-size: 1.6em; margin-top: 3px;} 

    .bottom_r{ float: right; margin-top: 30px;} 
    .bottom_r h5{ font-size: 1em;  margin-bottom:15px;} 
    .bottom_r img{ width: 90px;} 
    .bottom_b{ width: 88%; margin:15px auto 0px;padding: 15px 0px 0px; font-size: 0.9em; }  

}

@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}