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

@font-face {
/* font-test*/
font-family: mi-l;
src:url('/fonts/MiSans-Light.ttf');
}

@font-face {
/* font-test*/
font-family: mi-n;
src:url('/fonts/MiSans-Normal.ttf');
}

@font-face {
/* font-test*/
font-family: mi-b;
src:url('/fonts/MiSans-Bold.ttf');
}

*{ margin:0; padding:0;font-family: mi-n;} 
body{ font-size:14px; font-family: mi-n; margin: 0; padding: 0;} 

a{color:#000000;text-decoration:none;font-family: mi-n;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#f70302;} 
a:visited {text-decoration:none;color:#000000;} 

body img { border: none; max-width: 100%;}
video { height: 100%; width: 100%; }
hr { margin: 0;  border-color: #e8e8e8; }
ul, ol, li { margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {font-family: mi-b;line-height: 100%;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; }
p{ margin: 0; padding: 0; line-height: 175%;} 
/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }


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

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

.nav_menu {float: right; margin:16px 0px 0px 0px;} 
.nav_menu ul { margin:0 auto; list-style-type: none;} 
.nav_menu ul li {float:left;margin: 0px 20px;} 
.nav_menu ul li a{display:block; color: #000000;font-size: 16px; transition: all 0.6s;}
.nav_menu ul li a:hover{ padding-bottom: 10px; margin-top: -5px; border-bottom: #f70302 2px solid; color: #f70302;} 
.nav_menu ul li a.this{padding-bottom: 10px;margin-top: -5px; border-bottom: #f70302 2px solid;color: #f70302;} 

.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;}
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #f70302;}

.nav_r{ float: right; margin: 13px 0px 0px 0px; padding-left: 30px; border-left: #CCCCCC 1px solid;} 
.nav_r i{ font-size: 18px;color: #000000; margin-left: 20px;} 
.nav_r span{ display: inline-block; font-size: 20px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 






.bottom_{ width:100%; background:#000000; margin:0px; padding: 50px 0px;}
.bottom_t{ width:75%; margin:0px auto;}
.bottom_t .fl{ float: left;}
.bottom_t .fr{ float: right; margin-top: 10px;}
.bottom_t .fr ul{}
.bottom_t .fr ul li{ float: left; margin-right:30px; font-size: 16px; margin-top:10px; }
.bottom_t .fr ul li:last-child{ margin-right: 0;} 
.bottom_t .fr ul li a{ color: #FFFFFF;} 
.bottom_t .fr ul li a:hover{color: #f70302;} 
.bottom_t .fr ul li i{ float: left; display: inline-block; margin: 0px 10px 0px 0px; color: #000000; background: #FFFFFF; padding: 8px; border-radius: 50%; font-size: 16px;}  
.bottom_t .fr ul li:last-child{ margin-top: 5px;} 

.bottom_c{ width:75%; margin:30px auto 15px;}
.bottom_c ul{} 
.bottom_c ul li{ float: left; width: 28%; border-bottom:#333333 1px solid; margin-right: 7%; padding-bottom: 20px; margin-bottom: 20px;} 
.bottom_c ul li:nth-child(3n){ float: right; margin-right: 0;} 
.bottom_c ul li:last-child{ margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; text-align: right;} 
.bottom_c ul li:last-child img{ width: 200px; } 
.bottom_c ul li h5{ color: #FFFFFF; font-size: 18px; margin-bottom: 10px;font-family: mi-l;}
.bottom_c ul li p{font-size: 14px; color: #999999;} 


.bottom_b{width:75%; margin: 0px auto;color: #999999; font-size: 14px; text-transform: uppercase;} 
.bottom_b a{color: #999999;font-size: 14px;} 
.bottom_b a:hover{color: #f70302;} 



/* fullSlide */
.hei{ width: 100%; height: 75px;} 
.pages li{list-style-type:none;width:15px;height:15px;border-radius:50%;background-color:#FFFFFF;}
.pages li:hover{box-shadow:0 0 5px 2px #FFFFFF;}
.pages li.active{background-color:#f70302;box-shadow:0 0 5px 2px #f70302}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:20px}
.pages.horizontal li{display:inline-block;margin-right:10px}
.pages.horizontal li:last-child{margin-right:0}
.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
.pages.vertical li{margin-bottom:10px;}
.pages.vertical li:last-child{margin-bottom:0;}

#container {  width: 100%;height: 568px;overflow: hidden;}
.sections,.section {height:100%;}
#container,.sections {	position: relative;	}
.section {background-size: cover;background-position: 50% 50%;text-align: center;}
.section img{ width: 100%;} 
.sections .section .pc{ display: block;} 
.sections .section .mo{ display: none;} 


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


@media screen and (min-width: 1600px) and (max-width: 1700px){
	  .nav_{ width:95%;} 
	  #container {  height: 469px;}
      .bottom_t{ width:85%;}
	  .bottom_c{ width:85%;}
	  .bottom_b{width:85%;} 
}

@media screen and (min-width: 1400px) and (max-width: 1600px){
	  .nav_{ width:95%;} 
	  .nav_menu ul li {float:left;margin: 0px 18px;} 
	  #container {  height:410px;}
      .bottom_t{ width:90%;}
	  .bottom_c{ width:90%;}
	  .bottom_b{width:90%;} 
	  .bottom_c ul li h5{ font-size: 14px;}
      .bottom_c ul li p{font-size: 12px;} 
}



@media screen and (min-width: 1300px) and (max-width: 1400px){
	  .nav_{ width:98%;} 
	  .nav_menu ul li {float:left;margin: 0px 15px;} 
	  #container {  height:395px;}
      .bottom_t{ width:95%;}
	  .bottom_c{ width:95%;}
	  .bottom_b{width:95%;} 
	  .bottom_c ul li h5{ font-size: 14px;}
      .bottom_c ul li p{font-size: 12px;} 
}



@media screen and (min-width: 1200px) and (max-width: 1300px){
	  .nav_{ width:98%;} 
	  .nav_menu ul li {float:left;margin: 0px 10px;} 
	  #container {  height:375px;}
      .bottom_t{ width:98%;}
	  .bottom_c{ width:98%;}
	  .bottom_b{width:98%;} 
	  .bottom_c ul li h5{ font-size: 14px;}
      .bottom_c ul li p{font-size: 12px;} 
}




.mobile-inner{ display: none;}

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


	/*导航*/
	.nav{background: #F8F8F8;}

	.nav_{padding: 10px 0px 6px;}
	.nav_l{ float:none; width: 50%;}

	.nav_menu {float: none; margin:5px 0px 0px 0px; width: 100%;}
	.nav_menu ul { margin:0 auto; list-style-type: none;}
	.nav_menu ul li { margin: 0px 0px; width: 24.5%; background: #FFFFFF; margin-right: 2px; margin-bottom: 2px;}
	.nav_menu ul li:nth-child(4n){ margin-right: 0px; float: right;} 
	.nav_menu ul li a{ font-size: 0.8em; text-align: center; padding: 5px 0px;}
	.nav_menu ul li a:hover{ padding-bottom:5px; margin-top: 0px; border-bottom: #FFFFFF 0px solid; color: #f70302;} 
	.nav_menu ul li a.this{padding-bottom:5px;margin-top: 0px; border-bottom: #FFFFFF 0px solid;color: #f70302;} 

	.nav_r{display: none;} 
	/*导航*/
	
	
/*	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #FAFAFA;} 
	.mobile-inner-header .img0 { float: left; margin-top: 3%; 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{	color: #62c3d0;	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);	width: 25px;height: 2px;background-color: rgba(247,3,2,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-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: 100px; width: 100%; background: #F8F8F8;} 

    #container { height: 235px;}
	.sections .section .pc{ display: none;} 
    .sections .section .mo{ display: block;}
	.pages li{ width:10px;height:10px;}
	.pages.horizontal{bottom:10px}
	.pages.horizontal li{margin-right:5px}
	.pages.vertical li{margin-bottom:5px;}

	
	
	.bottom_{padding: 30px 0px;}
	.bottom_t{ width:88%; }
	.bottom_t .fl{ float: left;}
	.bottom_t .fr{ float: right; margin-top: 10px;}
	.bottom_t .fr ul{}
	.bottom_t .fr ul li{ margin-right:0px; font-size: 1em; margin-top:0px; }
	.bottom_t .fr ul li:first-child{ display: none;}
	.bottom_t .fr ul li:nth-child(2){display: none;} 
	.bottom_t .fr ul li:nth-child(3){display: none;} 
	.bottom_t .fr ul li:nth-child(4){display: none;} 
	.bottom_t .fr ul li:nth-child(5){display: none;} 
	.bottom_t .fr ul li:nth-child(6){display: none;} 
	.bottom_t .fr ul li:nth-child(7){display: none;}
	.bottom_t .fr ul li:nth-child(8){display: none;} 
	.bottom_t .fr ul li:last-child{ margin-right: 0;} 
	.bottom_t .fr ul li i{  padding: 8px; font-size: 1em;}  
	.bottom_t .fr ul li:last-child{ margin-top: 0px;}

	.bottom_c{ width:88%; margin:30px auto 10px;}
	.bottom_c ul{} 
	.bottom_c ul li{ float: none; width:100%; margin-right: 0; padding-bottom:20px; margin-bottom:20px;} 
	.bottom_c ul li:nth-child(3n){ float: none;} 
	.bottom_c ul li:last-child{ text-align: center;} 
	.bottom_c ul li:last-child img{ width: 200px;} 
	.bottom_c ul li h5{ font-size: 1em; margin-bottom: 8px; }
	.bottom_c ul li p{font-size: 0.8em; line-height: 150%;} 


	.bottom_b{width:88%;  font-size: 1em; } 
	.bottom_b a{ font-size: 1em;} 


}

/*@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);
  }
}*/