.header{ width:100%; height:1165px; position: relative; overflow: hidden;}
.banner{ width:100%; height:96px; background:rgba(43,43,43,0.8); position: absolute; top:0;left:0; z-index: 9; }
.banner_head{ width:1000px; height:96px;  line-height: 96px; margin:0 auto;  }
.banner_bg_ul{ width:100%;  height:1165px; /*background:#000000; opacity: 0.8; filter: alpha(opacity=80);*/ }
.banner_bg{ width:100%; height:1165px; position:absolute; left:0; top:0; }
.bg1{ background:url('../img/3-3.jpg')no-repeat center center; background-attachment: fixed; background-size: auto 100% ; z-index: 1;}
/*.bg2{ background:url('../img/3-2.jpg')no-repeat center center; background-attachment: fixed; background-size: auto 100% ; display: none;}
.bg3{ background:url('../img/3-f.jpg')no-repeat center center; background-attachment: fixed; background-size: auto 100% ; display: none;}

*/

.logo{ width:311.5px; height:36px; background:url('../pic/logo.png')no-repeat center center; background-size:100% 100%; margin-top: 30px; }
.icon a{ color:#ffffff; font-size:14px; font-family: "微软雅黑"; margin-left:50px;}
.icon a:hover , .header_mid:hover{ color:#b700ff; }
.header_mid{ width:100%; height:100%; background:url('../pic/Particle.png')no-repeat center 200px;/* background-color:rgba(0,0,0,0.2)*/;  background-size: 500px 500px; position: absolute; left:0; top:0; z-index:5; }
.header_mid_text {  padding-left:150px; background-size: auto 100%; position: absolute; left:54%; top:428px; margin-left:-500px;}
.header_mid_h{ color:#ffc200; border-bottom:1px #ffffff solid; font-size:54px;  font-family: "微软雅黑"; font-weight: bold; padding-bottom: 10px; }
.header_mid_p{ color:#ffffff; font-size:24px; font-family: "微软雅黑"; padding-top:10px; }

.project-ex{ width:100%; height:1180px; margin-top:-280px;  }
.project-ex-outer{ width:100%; height:1350px; overflow: hidden; }
.project-ex-inner{ width:33.33%; height:450px; background-color: #000000; overflow: hidden; position: relative; z-index: 3; }
.project-ex-inner .mark:hover{ opacity: 1; filter: alpha(opacity=100); cursor:pointer;}
.project-ex_img{  max-height: 100%; opacity: 0.5;filter: alpha(opacity=50);position:absolute; top:0; left:0; z-index: 1;}
.project-ex_img , .project-ex-inner ,.project-ex-inner .mark{
				transform:scale(1);
				-webkit-transform:scale(1);
				-moz-transform:scale(1);
				-o-transform:scale(1);
				/*float:left;
				margin-left:-50px;
				margin-right:-50px;
				margin-top:-10px;*/
				transition-duration: 0.5s;
				-webkit-transition-duration: 0.5s;
				-moz-transition-duration: 0.5s;
				-o-transition-duration: 0.5s;
				/*transition: left 2s;
				-moz-transition: left 2s;	
				-webkit-transition: left 2s;	
				-o-transition: left 2s;
				-webkit-animation-name: rollInRight;
				   animation-name: rollInRight;*/
				}
.project-ex_img:hover ,.project-ex-inner .mark:hover .project-ex_img{ /*left:-200px;*/
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);	
	-o-transform:scale(1.2);
 }
.project-ex-text{ padding:10px;  position:absolute; top:30%; left:10%; right: 10%; z-index: 1;}
.project-ex-h1{ min-width: 300px; font-size:26px; margin-bottom:10px; line-height: 1.5;  }
.project-ex-p{ min-width: 250px;  font-size:18px; line-height: 1.5; opacity: 0.8; }


.about_us{ width:100%; height:820px; background:#ffffff url('../img/about_us.png')no-repeat center center; background-attachment: fixed; background-size: auto 100% ;}
.about_us_inner{ width:100%; height:820px; }
.about_us_title_outer{ width:100%; height:320px;  }
.about_us_title_inner{ width:1000px;  height:200px; padding-top:120px; margin:0 auto; }
.about_us_line{ width:50px; height:7px; background:#ebb14e; margin-bottom:14px;}
.about_us_explain{ color:#000000; font-family: "微软雅黑"; font-weight: bold; font-size: 48px; }
.about_us_translate{ color:#000000; font-size: 16px; font-family: Helvetica Light; margin-top:4px; }


.about_us_body{ width:1000px; color:#000000;  margin:0 auto; }
.about_us_mak ,.about_us_text{ color:#2b2b2b; font-family: "微软雅黑"; font-size: 24px;}
.about_us_mak{ font-weight: bold; }
.about_us_p{ margin:65px 0 45px;  }
/*合作厂商*/
.corp{  width:100%;  background:#ffffff; overflow: hidden; }
.corp_body{ width:1000px;  margin:0 auto; padding-bottom:130px; overflow: hidden;}
.corp_body img{ width:100px; height:100px; box-sizing: border-box; border:0.5px solid #e5e5e5; float: left;}


/*联系方式*/
.contact_us{ width:100%; height:725px; background:#344450 url('../img/contact.jpg')no-repeat center center; background-attachment: fixed; background-size: auto 100% ;}
.corp_body{ width:1000px; margin:0 auto; margin-top:5px; }
.contact_ul{ width:1000px; }
.contact_li ,
.contact_li a{ height:25px;  color:#000000;  font-size: 14px; font-weight: bold; line-height: 25px; }
.contact_li{ padding-left:35px;  }


.c_li_1{ background:url('../pic/phone.png')no-repeat top left; background-size:auto 25px;  margin-right:55px; }
.c_li_2{ background:url('../pic/mail.png')no-repeat top left; background-size:auto 25px; margin-right:55px; }
.c_li_3{ background:url('../pic/recruitment.png')no-repeat top left; background-size:auto 25px; margin-right:55px;  }
.c_li_4{ background:url('../pic/add.png')no-repeat top left; background-size:auto 25px;  }

.third_con{ width:1000px; padding-top:125px; }
.third_con img{ width:42px; height:36px; border:0; display: inline-block; margin-right:55px; }

/*end*/
.footer{ width:100%; height:125px; background: #2b2b2b;  }
.footer p{ width:1000px;height:125px; color:#ffffff; line-height: 125px; font-size: 14px; font-family: Helvetica Light; margin:0 auto; text-align: center;  }



/*公用样式区域*/
/*标题*/
.title_outer{ width:100%; height:280px;   position: relative; z-index: 3;  }
.title_inner{ width:1000px;  height:200px; padding-top:80px; margin:0 auto; }
.line{ width:50px; height:7px; background:#ebb14e; margin-bottom:14px;}
.explain{ color:#ffffff; font-family: "微软雅黑"; font-weight: bold; font-size: 48px; }
.translate{ color:#ffffff; font-size: 16px; font-family: Helvetica Light; margin-top:4px; }

.focus{ color:#ebb14e !important; }
.marking_b{ background-color:rgba(0,0,0,0.6);}
.marking_w{  background-color:rgba(255,255,255,0.7); }
.mark{ width:100%; height:100%; background:#000000;  position: relative; z-index:4; 
	transition: opacity 2s;
	-moz-transition: opacity 2s;	/* Firefox 4 */
	-webkit-transition: opacity 2s;	/* Safari 和 Chrome */
	-o-transition: opacity 2s;
 }

 .mark_pos{ width:100%; height:100%; background:#000000; opacity: 0.5;filter: alpha(opacity=50); opacity: 0.4;filter: alpha(opacity=40); position: absolute; left: 0; top:0 ; z-index:2;}


/*sidebar*/
.sidebar{ position: fixed; right:40px; bottom:20%; z-index: 6;}
.sidebar li{ width:80px; height: 12px; line-height: 12px; margin-bottom: 18px; }
.sidebar li:hover .sidebar-text{visibility:visible; cursor: pointer; }
.sidebar-text{ color:#afafaf; display: block; float: right; font-size:14px; margin-right:10px; visibility: hidden;  }
.circle { width:8px; height: 8px; border:2px solid #afafaf; border-radius: 100%; float:right; }
.now_sidebar{ visibility:visible; }
.now_circle{ background:#ffc200; border:2px solid #ffc200; }

.animate_01{ 
	animation:changeOpacity 2s ease-in-out 1s 2 alternate;
	-webkit-animation:changeOpacity 2s ease-in-out 1s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 1s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 1s 2 alternate;
	  }
.animate_02{ 
	animation:changeOpacity 2s ease-in-out 4s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 4s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 4s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 4s 2 alternate;
	  }
.animate_03{ 
	animation:changeOpacity 2s ease-in-out 7s 2 alternate;
	-webkit-animation:changeOpacity 2s ease-in-out 7s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 7s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 7s 2 alternate;
	  }
.animate_04{ 
	animation:changeOpacity 2s ease-in-out 10s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 10s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 10s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 10s 2 alternate;
	  }
.animate_05{ 
	animation:changeOpacity 2s ease-in-out 13s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 13s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 13s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 13s 2 alternate;
	  }
.animate_06{ 
	animation:changeOpacity 2s ease-in-out 16s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 16s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 16s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 16s 2 alternate;
	  }
.animate_07{ 
	animation:changeOpacity 2s ease-in-out 19s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 19s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 19s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 19s 2 alternate;
	 } 
.animate_08{ 
	animation:changeOpacity 2s ease-in-out 21s 2 alternate; 
	-webkit-animation:changeOpacity 2s ease-in-out 21s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 21s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 21s 2 alternate;
	  }
.animate_09{ 
	animation:changeOpacity 2s ease-in-out 24s 2 alternate; ;
	-webkit-animation:changeOpacity 2s ease-in-out 24s 2 alternate;
	-moz-animation:changeOpacity 2s ease-in-out 24s 2 alternate;
	-o-animation:changeOpacity 2s ease-in-out 24s 2 alternate;
	  }

/*动画*/
.rotate {
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
}
.swings {
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
}
.fade_out {
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 4s;
  -webkit-animation-iteration-count: 1;
}
@keyframes changeOpacity
{
from {opacity: 0.5;}
to {opacity: 1;}
}