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

@font-face {
/* font-test*/
font-family: ali-r;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}

@font-face {
/* font-test*/
font-family: ali-b;
src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}

*{ margin:0; padding:0;} 
body{ font-size:14px; font-family: ali-r; margin: 0; padding: 0;} 

a{color:#000000;text-decoration:none;}
a:link {color:#000000;text-decoration:none;}
a:active{color:#000000;text-decoration:none;}
a:hover {text-decoration:none;color:#c11920;}
a:visited {color:#000000;text-decoration:none;}

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: ali-b;line-height: 100%;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { }
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;}

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

.nav_menu {float: right; margin:28px 0px 0px 0px;} 
.nav_menu > ul { margin:0 auto; list-style-type: none;} 
.nav_menu > ul > li {float:left; position: relative;} 
.nav_menu > ul > li:nth-child(2n){ margin: 0px 50px; color: #FFFFFF;}
.nav_menu > ul > li > a{display:block; color: #000000;font-size: 18px; transition: all 0.6s;}
.nav_menu > ul > li > a:hover{ padding-bottom: 10px; margin-top: -5px; border-bottom: #c11920 2px solid; color: #c11920;} 
.nav_menu > ul > li > a.this{padding-bottom: 10px;margin-top: -5px; border-bottom: #c11920 2px solid;color: #c11920;} 
.nav_menu > ul > li > a > span{display: inline-block;font-size: 12px; text-transform: uppercase;transform:scale(0.83,0.83);} 


.nav_menu ul li ul {display: none;}
.nav_menu ul li:hover ul {display:block; position:absolute; top:20px; left:0;z-index: 999999; padding-top: 32px; box-sizing: border-box;}
.nav_menu ul li:hover ul li a {display:block; width:130px; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px; text-align: center; padding: 10px 0px;}
.nav_menu ul li:hover ul li a:hover {background:#c11920; color:#FFFFFF;}


.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: #c11920;}

.nav_r{ float: right;  padding:30px 0px 30px 50px;  margin-left: 50px; border-left: #DDDDDD 1px solid;} 
.nav_r span{ display:inline-block; margin-right: 20px;} 
.nav_r i{ font-size: 14px;color: #000000;} 




.bottom{ width:100%; background:#2c2c2c; margin:0px; padding: 80px 0px;}


.bottom_{ width:80%; margin:0px auto;}

.bottom_t{ width: 100%; padding-bottom:30px; border-bottom: #666666 1px solid;} 
.bottom_t h5{ float: left; font-size: 24px; color: #FFFFFF;} 
.bottom_t p{ float: right; font-size: 14px;}
.bottom_t p i{ color: #999999; border: #999999 1px solid; text-align: center; border-radius: 50%; width: 26px; height: 26px; padding:5px 0px; box-sizing: border-box; } 
.bottom_t p strong{ color: #FFFFFF; font-size: 24px;} 


.bottom_c{ width: 100%; margin: 30px auto;} 
.bottom_c ul{} 
.bottom_c ul li{ float: left; margin-right: 8%;} 
.bottom_c ul li h5{ color: #FFFFFF; font-size: 16px;}
.bottom_c ul li em{ display: block; background: #c11920; height: 2px; width: 30px; margin: 15px 0px;}
.bottom_c ul li p a{font-size: 14px; color: #CCCCCC;}
.bottom_c ul li p a:hover{color: #c11920;} 
.bottom_c ul li:last-child{ float: right;margin-right: 0; text-align: right;} 
.bottom_c ul li:last-child img{} 
.bottom_c ul li:last-child p{ font-size:14px; color: #999999; margin-top: 5px;} 

.bottom_b{width:100%; margin: 30px auto 0px;padding: 20px 0px 0px;color: #999999; font-size: 14px; text-transform: uppercase;border-top: #666666 1px solid;} 
.bottom_b a{color: #999999;font-size: 14px;} 
.bottom_b a:hover{color: #FFFFFF;} 



/* fullSlide */
.fullSlide {width:100%;position:relative;height:735px;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd li{width:100% !important;height:735px;overflow:hidden;text-align:center;} 
.fullSlide .bd li img{ width: 100%; height: 100%;} 
.fullSlide .bd li a{display:block;height:735px;} 
.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:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#c11920;}
.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%; height: 100%;} 




@media screen and (max-width:1600px){
	.nav_menu > ul > li:nth-child(2n){ margin: 0px 30px;}
	.bottom_c ul li{ float: left; margin-right: 5%;}
	.fullSlide {height:auto;} 
	.fullSlide .bd li{height:auto;} 
	.fullSlide .bd li a{height:auto;} 
}


@media screen and (max-width:1400px){
	.fullSlide {height:auto;} 
	.fullSlide .bd li{height:auto;} 
	.fullSlide .bd li a{height:auto;} 
}


.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; background: #FFFFFF;} 
	.mobile-inner-header{width: 100%;height: 60px;} 
	.mobile-inner-header .img0 { float: left; margin-top: 4.2%; margin-left: 3%; width:50%;} 
	.mobile-inner-header .img0 img{ width:100%;} 
	.mobile-inner-header .en{ float: right; margin-top: 6%; font-size: 1em;} 
	.mobile-inner-header .cn{ float: right; margin-top: 6%; font-size: 0.6em;} 
	.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(193,25,32,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: 60px;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: #FFFFFF;} 

	.fullSlide {height:auto; } 
	.fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .bd li a{height:auto;}
	.fullSlide .bd li{ background-size: cover;height:auto;} 
	.fullSlide .hd{bottom:5px;left:0;height:20px;line-height:20px;}
	.fullSlide .hd ul li{width:10px;height:10px;margin:2px;}
	.toolbar{ display: none;}  
	
	
	
	
	
	.bottom{  padding: 50px 0px;}

	.bottom_{ width:88%; margin:0px auto;}

	.bottom_t{ padding-bottom:20px; } 
	.bottom_t h5{ float: none; font-size: 1.2em; margin-bottom: 10px; text-align: center;} 
	.bottom_t p{ float: none; font-size: 1em; text-align: center;}
	.bottom_t p i{   width: 25px; height: 25px; padding:5px 0px; } 
	.bottom_t p strong{ color: #FFFFFF; font-size: 2em; display: block; margin-top: 10px;} 


	.bottom_c{ width: 100%; margin: 30px auto;} 
	.bottom_c ul{} 
	.bottom_c ul li{ float: none; margin-right: 0;} 
	.bottom_c ul li:first-child{ display: none;} 
	.bottom_c ul li:nth-child(2){ display: none;} 
	.bottom_c ul li:nth-child(3){ display: none;} 
	.bottom_c ul li:nth-child(4){ display: none;} 
	.bottom_c ul li:nth-child(5){ display: none;} 

	.bottom_c ul li:last-child{ float: none;  text-align: center;} 
	.bottom_c ul li:last-child img{} 
	.bottom_c ul li:last-child p{ font-size:1em; color: #999999; margin-top: 5px;} 

	.bottom_b{width:100%; margin: 20px auto 0px;padding: 20px 0px 0px; font-size: 0.8em;} 
	.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);
  }
	

}