/*头部文件 .header .header_mc, */
/*.header ,*/.header .header_mc .nav_side ul.nav li a
{ /*transition:all ease 0.34s; -webkit-transition:all ease 0.34s; -moz-transition:all ease 0.34s;*/}

.header{  position:fixed;  left:0; top:0; width:100%; z-index:100; 

/* transition:all ease-out 0.54s; -webkit-transition:all ease-out 0.54s; -moz-transition:all ease-out 0.54s;*/
}
.header .header_mc{ height:120px; background:#fdd100; /*transition:all  ease-in 0.55s; -webkit-transition:all  ease-in 0.55s;  -moz-transition:all  ease-in 0.55s; */
	/*最新布局方式*/
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex; 
display:flex; 
	
-webkit-box-align:center;
-moz-align-items:center;
-webkit-align-items:center;
align-items:center;  
	
-webkit-box-lines:singel;
-moz-flex-wrap:no-wrap;
-webkit-flex-wrap:no-wrap;	
flex-wrap:no-wrap;	

}

.header .header_mc b.bg_all{ position:absolute; width:100%; height:100%; left:0; top:0;  z-index:-1000;
transform:translateY(80%);
-webkit-transform:translateY(80%);
-moz-transform:translateY(80%);
-ms-transform:translateY(80%); 

transition:all  cubic-bezier(.37,.66,.38,1.45) 0.4s;
-webkit-transition:all  cubic-bezier(.37,.66,.38,1.45) 0.4s;
-moz-transition:all  cubic-bezier(.37,.66,.38,1.45) 0.4s;
-ms-transition:all  cubic-bezier(.37,.66,.38,1.45) 0.4s;

filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0.0;   
opacity: 0.0;  
	  
}

.header .header_mc b.bg_all.addActive{ 
transform:translateY(0%); 
-webkit-transform:translateY(0%); 
-moz-transform:translateY(0%); 
-ms-transform:translateY(0%); 

filter:alpha(opacity=100);   
-moz-opacity:1.0;   
-khtml-opacity: 1.0;   
opacity: 1.0;   
z-index:0;
}

.header .header_mc i.icon{ z-index:99;}
.header .header_mc  #tel{ width:55%;  text-align:right; position:relative; z-index:99;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.header .header_mc  #tel:before{ content:''; display:block; position:absolute; right:-2%; top:10%; border-right:1px solid #ccc; height:85%;}
.header .header_mc  i#menu{ width:auto; }



.header .header_mc h1.logo{ padding-left:3%; width:27%; z-index:99; padding-top:0.4rem; }
.header .header_mc h1.logo img{width:85%;}
.header .header_mc .nav_side{ width:70%;  z-index:99;}
.header .header_mc .nav_side span{ text-align:right; padding-right:5%; margin-top:-2%}
.header .header_mc .nav_side ul.nav{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex; 
	
-webkit-box-lines:singel;
-moz-flex-wrap:no-wrap;
-webkit-flex-wrap:no-wrap;	
flex-wrap:no-wrap;	
	
-webkit-box-align:center;
-moz-align-items:center; 
-webkit-align-items:center; 
align-items:center; 

-webkit-box-pack:end;
-moz-justify-content:flex-end; 
-webkit-justify-content:flex-end; 	
justify-content:flex-end; 
		
padding-right:3%; padding-top:4%;}

.header .header_mc .nav_side ul.nav li{padding-left:0.0rem; text-align:center; width:10%;}
.header .header_mc .nav_side ul.nav li a{ color:#fff;}
.header .header_mc .nav_side ul.nav li a:hover{ color:#ccc;}

.header .header_mc .nav_side ul.nav_on li a{ color:#727070;}
.header .header_mc .nav_side ul.nav_on li a:hover{ color:#000;}
.header .header_mc i.icon.on{ color:#727070}

/*banner*/
.banner{ position:relative; z-index:50;}

/*首页三个作品的按钮*/
.index_case_bnt ul li a{ transition:all linear 0.44s; -webkit-transition:all linear 0.44s; -moz-transition:all linear 0.44s; }
.index_case_bnt ul{ 
	
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex; 
	
-webkit-box-lines:singel;
-moz-flex-wrap:no-wrap;
-webkit-flex-wrap:no-wrap;	
flex-wrap:no-wrap;	
	
-webkit-box-pack:justify;
-moz-justify-content:space-between;
-webkit-justify-content:space-between;
justify-content:space-between; 

}
.index_case_bnt ul li{  width:32.7%; text-align:center; }
.index_case_bnt ul{ margin-top:-48px;  position:relative; z-index:99;}
.index_case_bnt ul li a{ color:#fff; display:block; height:96px; line-height:96px; background:rgba(253,209,0,0.8);}
.index_case_bnt ul li a:hover{/* background:rgba(114,112,112,0.4); */color:#202020}

/*首页简介*/
.index_profile { padding:2.8rem 0;}
.index_profile  .profile_content{ padding-top:1.67rem; width:38.6%; margin:0 auto;}
.index_profile  .profile_content a.link_profile{ padding-top:2rem; padding-bottom:0.45rem; position:relative;  }
.index_profile  .profile_content a.link_profile b{ display:block; position:absolute; left:0; top:0; height:100%; width:100%; z-index:50; background:#f00;}
.index_profile  .profile_content a.link_profile i{ color:#727070; } 
.index_profile  .profile_content a.link_profile:hover i{ color:#9f9f9f;  } 

/*首页案例信息*/
ul.case_inf li a .text .all_text_mc{
transition:all  ease-out 0.34s; 
-webkit-transition:all ease-out 0.34s; 
-moz-transition:all ease-out 0.34s; }
ul.case_inf li a .text b{
	transition:transform .3s ease-in-out;
	-webkit-transition:transform .3s ease-in-out;
	-moz-transition:transform .3s ease-in-out;
	
 		
}



ul.case_inf{ 
/*	
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex;  
	
/*-webkit-box-lines: multiple;*/
/* 12版 */
	/*
-webkit-box-lines: multiple;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;	
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap; 
	
-webkit-box-pack:justify;
-moz-justify-content:space-around;
-webkit-justify-content:space-around;
justify-content:space-around; 1
*/
	 overflow: hidden; zoom:1; /*修改时间：2017-4-20*/

}
ul.case_inf li:not(.te){ position:relative;  }
ul.case_inf li a:nth-child(1){ display:block;position:relative; color:#fff; overflow: hidden; /*动画*/
}
ul.case_inf li{ overflow:hidden; width:33.3%;
 float: left; margin-right: 0; /*修改时间：2017-4-20*/; margin-top: -1px;
}

ul.case_inf li a{ overflow:hidden; display: block; height:100%;}
ul.case_inf li a img{ }
ul.case_inf li a .text{ position:absolute; left:0; top:0; width:102%; height:102%;}
ul.case_inf li a .text b{ display:block; width:102%; position:absolute; left:0; top:0; height:100%; z-index:20;
transform:translateX(-102%);
-webkit-transform:translateX(-102%);
-moz-transform:translateX(-102%);

}


ul.case_inf li a .text .all_text_mc{
	
transform:translateY(-40%);
-webkit-transform:translateY(-40%);
-moz-transform:translateY(-40%); opacity:0;	  z-index:60; position:relative;
}

ul.case_inf li a .text strong ,ul.case_inf li a .text p{ padding-left:10%; }
ul.case_inf li a .text strong{padding-top:12%;}
ul.case_inf li a .text p{ padding-top:0.65rem;}


ul.case_inf li a:hover .text b{ 
transform:translateX(0%);
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
}

ul.case_inf li a:hover .all_text_mc{
transform:translateY(0%);
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%); opacity:1.0;	
}

/*下一个分类*/
ul.case_inf li a .next_type{ display:block; padding-top:3rem; width:100%; overflow:hidden;  }
ul.case_inf li a .next_type p{  padding:0 ; margin:0 !important; padding-top:1.5rem;}

ul.case_inf li a .next_type:hover p{ color:#666;  }
ul.case_inf li a .next_type:hover strong span{ 
animation:myRoll ease-out 1.56s infinite ;
-webkit-animation:myRoll ease-out 1.56s infinite ;
-moz-animation:myRoll ease-out 1.56s infinite ;

animation-delay:0.25s;
-webkit-animation-delay:0.25s; 
-moz-animation-delay:0.25s;

transform:translateX(-20%);
-webkit-transform:translateX(-20%);
-moz-transform:translateX(-20%);
opacity:0; background:none;


 }
 
 @keyframes myRoll{
	
	/*0%{ transform:translateX(-50%); opacity:1.0;}*/
	
	100%{ transform:translateX(0%); opacity:1.0;}
	0%{ transform:translateX(-20%); opacity:0.0;}
		 
}
 
 


ul.case_inf li a .next_type{ color:#000000; }
ul.case_inf li a .next_type strong{ 
   }
ul.case_inf li a .next_type strong span{ width:100%; background:url(../images/dot_list.png) no-repeat 32% 50%; padding-left:6%;  }
/*客户*/
.coop{ padding:3.6rem 0;}
.coop .coop_detail{ padding-top:3.45rem;}

ul.case_inf li a:hover .next_type strong label{ opacity:0;}





/*版权*/
.footer .item_1,.footer .item_2
{
	
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex;  	
	
-webkit-box-lines: multiple;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;	
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
	
-webkit-box-pack:justify;
-moz-justify-content:space-between;
-webkit-justify-content:space-between;
justify-content:space-between; 
	
}




.footer{ background:#fdd100; padding:2.45rem 0 2.0rem 0;}
.footer .item_1{ border-bottom:1px solid #fff; padding-bottom:1.0rem; }
.footer .item_1 .right{  
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex;}
.footer .item_1 .right a:nth-child(1){ color:#3eade9; }
.footer .item_1 .right a:nth-child(2){ color:#e04222;}
.footer .item_1 .right a:nth-child(3){ color:#25ca1d;}

.footer .item_1 .right a{  display:block; width:33px; height:33px; margin-left:1.6rem;} 
.footer .item_1 .right a span{ height:18px; height:22px; background:#fff; 

display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;	
display:-webkit-flex; 
display:-moz-flex;

-webkit-box-pack:center;
-moz-align-items:center;
-webkit-align-items:center;
align-items:center;

-webkit-box-align:center;
-moz-justify-content:center;
-moz-justify-content:center;
justify-content:center; 
margin-left:10%;

 border-radius:22px;}
 


.footer .item_2{ padding:1rem 0; border-bottom:1px solid #fff;}
.footer .item_2 a{ color:#e30202;}
.footer .item_2 a:hover{ color:#ccc;}






.footer .item_3{ padding:1rem 0;border-bottom:0px solid #fff; }
.footer .item_3 a{ color:#fff;}
.footer .item_3  ul li{ color:#999;}
.footer .item_3  ul li{ float:left; overflow:hidden; zoom:1;}
.footer .item_3  ul li a{ display:block; float:left; padding-right:0.24rem; padding-left:0.24rem; padding-bottom:0.24rem;}
.footer .item_3  ul li a:hover{ color:#fff;}


.footer .item_3  ul li a{ font-size:1.3rem;}

/*弹出菜单*/
.opp_menu{ position:absolute; left:0; top:0; width:100%; height:100%;  position:fixed; z-index:9999; display:none;  }
.opp_menu i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;opacity:0.6; background:#000;}
.opp_menu ul{ position:absolute; left:0; top:10%; width:100%; opacity:1.0}
.opp_menu ul li{ text-align:center; }
.opp_menu ul li a{ display:block;  padding:1.4rem 3px; font-size:20px; color:#fff; /*transition:all linear 0.5s; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s;*/ text-transform:uppercase; }
.opp_menu ul li a:hover{ background:#ccc; color:#000;}
.opp_menu span#close_win{ position:absolute; left:0; top:0; width:100%; text-align:center; padding:10px 0; cursor:pointer;}
.nav_mc .menu_ico{ cursor:pointer; display:none; float:right;}
a,.icon{ text-shadow:none !important;}