@charset "utf-8";
/* CSS Document */
.about-img{width:100%; height:539px; background:url(../images/about-img.png) center center no-repeat;}
.about-w{ width:100%; background:#fff;}
.pink{ width:1000px; background:#fff; margin:0px auto; padding:45px 0px 50px;}
.about-tit{ text-align:center; color:#7fbe25; margin-bottom:35px;}
.about-tit p{ font-size:18px;}
.about-tit h1{ font-weight:normal; font-size:34px;}
.intro-left{ float:left;}
.intro-left p{ text-align:center; font-size:26px; color:#7fbe25; margin-top:30px;}
.intro-left p span{ color:#e8340b;}
.infro-video{ width:535px; height:315px; background:url(../images/video.png) no-repeat;}
.infro-video video{ width:425px; height:248px; margin:28px 0px 0px 54px;}
.intro-right{ width:430px; float:right; margin-top:10px;}
.intro-right p{ font-size:12px; color:#333333; line-height:25px; margin-bottom:20px;}
.about-b{ width:100%; background:#343535;}
.black{width:1000px; margin:0px auto; padding:45px 0px 30px;}
/*
.yearlist{ position:relative; width:760px; height:60px; margin:45px auto 0px; overflow:hidden;}
.year-line{  width:760px; height:3px; background:#fff; margin-top:10px;}
.yearlist ul{position:absolute; left:0px; top:0px;width:760px; height:24px;}
.yearlist ul li{ float:left; width:69px; height:24px; background:url(../images/year-li.png) center center no-repeat;}
.yearlist ul li span{ display:block; font-size:12px; color:#fff; margin-top:30px; text-align:center;}
.yearlist ul li.active{ background:url(../images/year-active.png) center center no-repeat;}
.year-pane{ position:relative; width:760px; height:435px; display:none; margin:0px auto;}
.yearnian{ text-align:center;}
.op0{ opacity:0;filter:  alpha(opacity=0);position: absolute;-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-o-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);z-index:99;}
.op0:hover{ opacity:1;filter:  alpha(opacity=100);}
.op0 p{ position:absolute;font-size:14px; color:#f0f0f1; text-align:center;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.year03{ position:absolute; left:209.5px; top:100px; width:342px; height:342px;}
.year081{ position:absolute; left:25px; top:100px; width:342px; height:342px;}
.year082{ position:absolute; right:25px; top:100px; width:342px; height:342px;}
.year101{position:absolute; left:0px; top:80px; width:256px; height:256px;}
.year102{position:absolute; right:0px; top:80px; width:256px; height:256px;}
.year121{position:absolute; left:0px; top:140px; width:256px; height:256px;}
.year122{position:absolute; right:0px; top:140px; width:256px; height:256px;}
.year141{position:absolute; left:-20px; bottom:16px; width:256px; height:256px;}
.year142{position:absolute; left:184px; top:86px; width:256px; height:256px;}
.year143{position:absolute; right:184px; bottom:-41px; width:256px; height:256px;}
.year144{position:absolute; right:-20px; top:140px; width:256px; height:256px;}
.div03, .div16{ left:170px; top:100px; width:246px; height:246px;background:url(../images/yearafter.png) no-repeat;
}
.div10, .div14, .div12 { left:127px; top:75px; width:182px; height:182px;background:url(../images/yearafter.png) no-repeat; background-size:100% 100%;
}
.div03 p{ width:279px; left:-15px; top:103px;}
.div10 p{width:184px; left:-5px; top:50px;}
.div14 p{width:190px; left:-2px; top:62px;}
.div12 p{width:190px; left:-2px; top:71px;}
.div16 p{ width:250px; left:-7px; top:79px;}*/
.yearline{ width:4px; height:1160px; background:#fff; margin:0px auto;}
.yeardiv{ position:relative;font-size:12px; color:#ffffff;}
.yeardiv ul{position:absolute; left:50%; top:0px; margin-left:-10px;}
.yeard{  position:relative;width:20px; height:20px;background:url(../images/yeard.png) no-repeat;}
.yearnum{ position:absolute; right:18px; top:-23px; width:59px; line-height:30px;background:url(../images/yearline.png) center bottom no-repeat; }
.yearnum2{ position:absolute; left:18px; top:-20px; width:59px; line-height:30px;background:url(../images/yearline2.png) center bottom no-repeat; text-align:right; }
.yeartxt2 .p2{ text-align:left;}
.yeartxt{ position:absolute;left:30px;width:288px;line-height:26px;}
.yeartxt2{ position:absolute;right:30px;width:450px; text-align:right; line-height:26px;}
.year16 .yeartxt{  top:0px; }
.year17 .yeartxt2{  top:-25px; }
.year14 .yeartxt2{  top:-50px; }
.year12 .yeartxt2{  top:-35px; }
.year11 .yeartxt{  top:-35px; }
.year10 .yeartxt2{  top:-35px; }
.year08 .yeartxt2{  top:-19px; }
.year17{ margin-top:18px;}
.year16{ margin-top:120px;}
.year14{ margin-top:120px;}
.year13{ margin-top:80px;}
.year12{ margin-top:80px;}
.year11{ margin-top:120px;}
.year10{ margin-top:76px;}
.year09{ margin-top:70px;}
.year08{ margin-top:60px;}
.year07{margin-top:43px;}
.year06{ margin-top:60px;}
.year03{margin-top:43px;}
/*企业文化*/
.culturelist{ position:relative; width:500px; height:423px; margin:0px auto;}
.culturelogo{ position:absolute; left:177px; top:140px; width:146px; height:144px;}
.culturelist ul li{ position:absolute;background-size:100% 100%;-moz-background-size:60% 80%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;}
.culturelist ul li p{ position:absolute; font-size:12px; bottom:10px;}
.cul1{ left:-70px; top:0px;}
.cul2{ right:-70px; top:0px;}
.cul3{ right:-160px; top:155px;}
.cul4{ right:-70px; bottom:0px;}
.cul5{ left:-70px; bottom:0px;}
.cul6{ left:-160px; top:155px;}
.cul7{ left:194px; top:155px;}
.cul1 p{ left:0px; width:154px; color:#779db4;}
.cul2 p{right:0px; width:145px; color:#9e8752;}
.cul3 p{right:10px; width:130px; color:#88a467;}
.cul4 p{right:10px; width:130px; color:#566f7e;}
.cul5 p{ left:15px; width:145px; color:#a3894c;}
.cul6 p{ left:20px; width:128px; color:#6d923d;}
.culture-pane{ height:167px;}
.culture-pane h1{ font-size:20px; color:#7fbe25; font-weight:normal; text-align:center; margin:50px 0px 20px;}
.culture-pane p{ text-align:center; color:#333333; font-size:12px; line-height:30px;}
/*企业荣耀*/
.honor{ position:relative; width:916px; height:390px; margin:0px auto;}
.honor div:hover{-webkit-box-shadow:0 0 10px #999;  -moz-box-shadow:0 0 10px #999;  box-shadow:0 0 10px #999; }
.ho1{ position:absolute; left:125px; top:0px;}
.ho2{ position:absolute; left:0px; top:140px;}
.ho3{ position:absolute; left:70px; top:260px;}
.ho4{ position:absolute; left:352px; top:50px;}
.ho5{ position:absolute; right:127px; top:0px;}
.ho6{ position:absolute; right:0px; top:140px;}
.ho7{ position:absolute; right:70px; bottom:0px;}

.black-map{width:930px; margin:0px auto; padding:45px 0px 30px;}
.contact{ margin-bottom:20px;}
.contact p{ font-size:12px; color:#fff; line-height:40px;}
.map1{ float:left; width:448px;}
.map2{float:right; width:448px;}
#allmap{width:448px; height:332px; margin-bottom:20px;}
#allmap2{width:448px; height:332px;margin-bottom:20px;}
.maptxt{ line-height:25px; font-size:12px; color:#fff;}
.maptxt p{ float:left; width:143px; text-align:right;}
.honor-banner{ position:relative; width:850px; height:360px; margin:0px auto; background:url(../images/honor.png) center bottom no-repeat;}
#stage{left:50%;margin-left:-350px; position:absolute;width:700px;height:100%; top:30px;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}