/* CSS Document */

@import url(global.css);

.banner2{position:relative; overflow:hidden;}
.banner2 .box{display:block;position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px; z-index:10;}
.banner2 img{display:block;  width: 1920px; }
.main{width:100%;height:auto;background:#f5f5f5;}

.experience{width:100%;height:auto;}
.experience .title{font-size:30px;padding-top:60px; text-align:center;color:#000000; font-weight:normal;}
.experience .title span{color:#00923f;}
.experience .sider{width:1200px;margin:30px auto; overflow:hidden;}
.experience .sider ul{width:1215px;}
.experience .sider ul li{width:120px; float:left; margin-right:15px; cursor:pointer; overflow:hidden;}
.experience .sider ul li img{ display:block;width:120px;height:90px;}
.experience .sider ul li span{ display:block;width:100%; line-height:30px; text-align:center; font-size:16px; color:#333333;}
.experience .sider ul .hover span{ color:#00923f;}
.experience .line{ display:block;width:100%;height:70px; background:url(../images/item.jpg) no-repeat center;}
.experience .item1{width:100%;height:620px; background:url(../images/item_01.jpg) no-repeat center top; position:relative;}
.experience .item1 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .box h3{  width:140px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item1 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.experience .item1 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item1 .it{position: absolute;z-index: 200;}
.experience .item1 .it:nth-child(1){top:50px;left:1000px;}
.experience .item1 .it:nth-child(2){top:128px; left:700px;}
.experience .item1 .it:nth-child(3){top:200px; left:594px;}
.experience .item1 .it:nth-child(4){top:248px; left:394px;}
.experience .item1 .it:nth-child(5){ top:523px; left:237px;}
.experience .item1 .it:nth-child(6){ top:500px; left:800px}
.experience .item1 .it p:nth-child(1){color:#fff;font-size:14px;}
.experience .item1 .it p:nth-child(1) span{float: left;line-height: 20px;}
.experience .item1 .it p a{color:#fff;}
.experience .item1 .it p:nth-child(1) span:nth-child(1){width: 5px;height:5px;border:2px solid #fff;box-shadow: 0 0 1px #fbe9af;border-radius: 5px;margin-top:5px;}
.experience .item1 .it p:nth-child(1) span:nth-child(2){width:30px;height:1px;background:#fff;margin:9px 5px 0 0;}


.experience .item1 .tit{width:800px;height:150px; position:absolute;left:50%;margin-left:-375px;top:280px; z-index:2; overflow:hidden;}
.experience .item1 .tit a{float:left; display:block; margin-right:26px;}
.experience .item1 .tit a b{ width:62px; height:62px; display:block; overflow:hidden; border-radius: 10px;}
.experience .item1 .tit a font{ display:block; width:100%; color:#fff; text-align:center; font-family:"微软雅黑"; font-size:14px; margin-top:6px;}

.experience .item1 .tit .a1 b{ background:#fff url(../images/ty-2.png) no-repeat -4px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a1:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -4px -4px;}

.experience .item1 .tit .a2 b{ background:#fff url(../images/ty-2.png) no-repeat -77px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a2:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -77px -4px;}

.experience .item1 .tit .a3 b{ background:#fff url(../images/ty-2.png) no-repeat -149px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a3:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -149px -4px;}

.experience .item1 .tit .a4 b{ background:#fff url(../images/ty-2.png) no-repeat -221px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a4:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -221px -4px;}

.experience .item1 .tit .a5 b{ background:#fff url(../images/ty-2.png) no-repeat -294px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a5:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -294px -4px;}

.experience .item1 .tit .a6 b{ background:#fff url(../images/ty-2.png) no-repeat -366px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a6:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -366px -4px;}

.experience .item1 .tit .a7 b{ background:#fff url(../images/ty-2.png) no-repeat -438px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a7:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -438px -4px;}

.experience .item1 .tit .a8 b{ background:#fff url(../images/ty-2.png) no-repeat -510px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a8:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -510px -4px;}

.experience .item1 .tit .a9 b{ background:#fff url(../images/ty-2.png) no-repeat -583px -4px;FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item1 .tit .a9:hover b{ background:#00923f url(../images/ty-1.png) no-repeat -583px -4px;}



.experience .item1 .it p:nth-child(2) {
   position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    top: -10px;
    left: -15px;
	}
.experience .item1 .it p:nth-child(2) span{position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background:#ffffff;
	    animation: da 1s 0s linear infinite;
    -webkit-animation: da 1s 0s linear infinite;
	}
.experience .item1 .it p:nth-child(2) span:nth-child(2){
    animation-delay: -0.2s;
    -webkit-animation-delay: -0.2s;
}
.experience .item1 .it p:nth-child(2) span:nth-child(3){
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;


}
@keyframes opc{from{opacity: 0;}to{opacity: 1;}}
@-o-keyframes opc{from{opacity: 0;}to{opacity: 1;}}
@-moz-keyframes opc{from{opacity: 0;}to{opacity: 1;}}
@-webkit-keyframes opc{from{opacity: 0;}to{opacity: 1;}}

@keyframes opc1{from{opacity: 1;}to{opacity: 0;}}
@-o-keyframes opc1{from{opacity: 1;}to{opacity: 0;}}
@-moz-keyframes opc1{from{opacity: 1;}to{opacity: 0;}}
@-webkit-keyframes opc1{from{opacity: 1;}to{opacity: 0;}}


@keyframes wid{from{width:0;}to{width:100%;}}
@-o-keyframes wid{from{width:0;}to{width:100%;}}
@-moz-keyframes wid{from{width:0;}to{width:100%;}}
@-webkit-keyframes wid{from{width:0;}to{width:100%;}}
@keyframes hei{from{height:0;}to{height:100%;}}
@-o-keyframes hei{from{height:0;}to{height:100%;}}
@-moz-keyframes hei{from{height:0;}to{height:100%;}}
@-webkit-keyframes hei{from{height:0;}to{height:100%;}}


@keyframes da{
     0% { -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform:scale(0);transform: scale(0);opacity: 0; } 
    5% {opacity: 1;}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform:scale(1);transform: scale(1); opacity: 0; }  
}
@-o-keyframes da{
     0% { -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform:scale(0);transform: scale(0);opacity: 0; } 
    5% {opacity: 1;}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform:scale(1);transform: scale(1); opacity: 0; }  
}
@-moz-keyframes da{
     0% { -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform:scale(0);transform: scale(0);opacity: 0; } 
    5% {opacity: 1;}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform:scale(1);transform: scale(1); opacity: 0; }  
}
@-webkit-keyframes da{
     0% { -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform:scale(0);transform: scale(0);opacity: 0; } 
    5% {opacity: 1;}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform:scale(1);transform: scale(1); opacity: 0; }  
}

/*-------------��ҳ�õ�------------*/
.banner_bg{
    height:620px;
    width: 100%;
	 display:none;

}

.banner {
	height:620px;
    left: 50%;
    margin: 0 auto 0 -960px;
    position: relative;
   
    width: 1920px;
    z-index:2;  
	
}

.banner a{
    color:#666;
	}

.banner .nav_img{ 
   width:1920px; 
   height:620px; 
   overflow:hidden;
   display:block;
   }
   
.banner .nav_img li{
   display:block;
   float:left;
   }
   
.banner .nav_img img{ 
   width:1920px; 
   height:620px; 
   display:block;
   }
.banner .nav_banner{ 
   width:300px; 
   height:100%px; 
	top:366px;
    position: absolute;
   left:858px;
	z-index:5;
   }    
.banner .nav_banner li{ 
   display:block; 
   float:left; 
   width:50px;
   height:35px;
   margin-right:35px; 
   background:url(../images/44.png) no-repeat;
   }
   
.banner .nav_banner li a{ 
   display:block; 
   width:50px;
   }
   
.banner .this {
   display:block;
   padding:0;
   margin:0;  
   }
        
.banner .this a{ 
   display:block;
   width:50px;
   height:35px;
   background:url(../images/33.png) no-repeat;
   }
.banner .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.banner .box h3{ width:210px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.banner .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.banner .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}

.experience .item2{width:100%;height:620px; background:url(../images/item_02.jpg) no-repeat center top; position:relative;  display:none;}
.experience .item2 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item2 .box h3{  width:140px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item2 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.experience .item2 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item2 .it{ position:absolute; z-index:200px; }
.experience .item2 .it:nth-child(1){left:517px;top:140px;}
.experience .item2 .it:nth-child(1) p:nth-child(1){width:140px;height:45px;}
.experience .item2 .it:nth-child(1) p:nth-child(1) span:nth-child(1){position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);
	}
.experience .item2 .it:nth-child(1) p:nth-child(1) span:nth-child(2){    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,1);
	}
	
	
	.experience .item2 .it:nth-child(1) p:nth-child(2){    position: absolute;
    top: -90px;
    right: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
    background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;
	
	}


.experience .item2 .it:nth-child(2){left:830px;top:370px;}
.experience .item2 .it:nth-child(2) p:nth-child(1){width:140px;height:45px;}
.experience .item2 .it:nth-child(2) p:nth-child(1) span:nth-child(1){position: absolute;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);
	}
	
.experience .item2 .it:nth-child(2) p:nth-child(1) span:nth-child(2){    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,1);
	}
	.experience .item2 .it:nth-child(2) p:nth-child(2){    position: absolute;
    top: -90px;
    left: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
    background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;
	
	}
	
.experience .item2 .it:nth-child(3){left:1260px;top:145px;}
.experience .item2 .it:nth-child(3) p:nth-child(1){width:140px;height:45px;}
.experience .item2 .it:nth-child(3) p:nth-child(1) span:nth-child(1){position: absolute;
   right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);
	}
.experience .item2 .it:nth-child(3) p:nth-child(1) span:nth-child(2){    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,1);
	}

	.experience .item2 .it:nth-child(3) p:nth-child(2){    position: absolute;
    top: -90px;
    left: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
    background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;
	
	}

	
.experience .item2 .i1 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 0.3s forwards;
    -webkit-animation: wid 0.3s 0.3s forwards;}
.experience .item2 .i1 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 0.6s forwards;
    -webkit-animation: hei 0.3s 0.6s forwards;}
.experience .item2 .i1 p:nth-child(2){animation: opc 0.3s 0.9s forwards;
    -webkit-animation: opc 0.3s 0.9s forwards;}
	
	
.experience .item2 .i2 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 1.5s forwards;
    -webkit-animation: wid 0.3s 1.5s forwards;}
.experience .item2 .i2 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 1.8s forwards;
    -webkit-animation: hei 0.3s 1.8s forwards;}
.experience .item2 .i2 p:nth-child(2){ animation: opc 0.3s 2.1s forwards;
    -webkit-animation: opc 0.3s 2.1s forwards;}
	
.experience .item2 .i3 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 2.7s forwards;
    -webkit-animation: wid 0.3s 2.7s forwards;}
.experience .item2 .i3 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 3s forwards;
    -webkit-animation:hei 0.3s 3s forwards;}
.experience .item2 .i3 p:nth-child(2){ animation: opc 0.3s 3.3s forwards;
    -webkit-animation: opc 0.3s 3.3s forwards;}
	
.experience .item3{width:100%;height:620px; background:url(../images/item_03.jpg) no-repeat center top; position:relative; display:none; }
.experience .item3 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item3 .box h3{ width:190px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item3 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.experience .item3 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item3 .it{ position:absolute; z-index:200px;}
.experience .item3 .it:nth-child(1){left:525px;top:265px;}
.experience .item3 .it:nth-child(1) p:nth-child(1){width:100px;height:80px;}
.experience .item3 .it:nth-child(1) p:nth-child(1) span:nth-child(1){position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);}
.experience .item3 .it:nth-child(1) p:nth-child(1) span:nth-child(2){    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,1);}
	.experience .item3 .it:nth-child(1) p:nth-child(2){  
	  position: absolute;
    top: -90px;
    right: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
   background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;}
	
.experience .item3 .i1 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 0.3s forwards;
    -webkit-animation: wid 0.3s 0.3s forwards;}
.experience .item3 .i1 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 0.6s forwards;
    -webkit-animation: hei 0.3s 0.6s forwards;}
.experience .item3 .i1 p:nth-child(2){animation: opc 0.3s 0.9s forwards;
    -webkit-animation: opc 0.3s 0.9s forwards;}

.experience .item4{width:100%;height:620px; background:url(../images/item_04.jpg) no-repeat center top; position:relative; display:none;}
.experience .item4 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item4 .box h3{ width:140px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item4 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:48px;}
.experience .item4 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item4 .it{ position:absolute; z-index:200px;}
.experience .item4 .it p{width: 100px;height: 70px;background:#8a8c90;color:#ffffff;padding:20px 10px 0 10px;  opacity: 0}
.experience .item4 .it:nth-child(1){left:870px;top:85px;;}
.experience .item4 .it:nth-child(2){left:1210px;top:185px;}
.experience .item4 .it:nth-child(3){left:660px;top:298px;}
.experience .item4 .it:nth-child(4){left:940px;top:315px;}

.experience .item4 .i1 p{ animation: opc 0.6s 0.3s forwards;
    -webkit-animation: opc 0.6s 0.3s forwards;}
.experience .item4 .i2 p{animation: opc 0.6s 0.9s forwards;
    -webkit-animation: opc 0.6s 0.9s forwards;}
.experience .item4 .i3 p{ animation: opc 0.6s 1.5s forwards;
    -webkit-animation: opc 0.6s 1.5s forwards;}
.experience .item4 .i4 p{ animation: opc 0.6s 2.1s forwards;
    -webkit-animation: opc 0.6s 2.1s forwards;}


.experience .item5{width:100%;height:620px; background:url(../images/item_05.jpg) no-repeat center top; position:relative; display:none;}
.experience .item5 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item5 .box h3{ width:140px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item5 .box p{font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.experience .item5 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}

.experience .item6{width:100%;height:620px; background:url(../images/item_06.jpg) no-repeat center top; position:relative; display:none;}
.experience .item6 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item6 .box h3{  width:190px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item6 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:35px;}
.experience .item6 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}


.experience .item7{width:100%;height:620px; background:url(../images/item_07.jpg) no-repeat center top; position:relative; display:none;}
.experience .item7 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item7 .box h3{ width:140px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item7 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:48px;}
.experience .item7 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item7 .it{ position:absolute; z-index:200px;}
.experience .item7 .it:nth-child(1){left:948px;top:250px;}
.experience .item7 .it:nth-child(1) p:nth-child(1){width:140px;height:45px;}
.experience .item7 .it:nth-child(1) p:nth-child(1) span:nth-child(1){position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);}
.experience .item7 .it:nth-child(1) p:nth-child(1) span:nth-child(2){    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height:0;
    background: rgba(255,255,255,1);}
	.experience .item7 .it:nth-child(1) p:nth-child(2){    position: absolute;
    top: -90px;
    left: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
    background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;}

.experience .item7 .i1 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 0.3s forwards;
    -webkit-animation: wid 0.3s 0.3s forwards;}
.experience .item7 .i1 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 0.6s forwards;
    -webkit-animation: hei 0.3s 0.6s forwards;}
.experience .item7 .i1 p:nth-child(2){animation: opc 0.3s 0.9s forwards;
    -webkit-animation: opc 0.3s 0.9s forwards;}


.experience .item8{width:100%;height:620px; background:url(../images/item_08.jpg) no-repeat center top;margin:0 auto; position:relative; display:none; }
.experience .item8 .box{width:770px;height:150px;padding:0 40px; background:#ffffff; border:1px solid #fff; position:absolute;left:50%;margin-left:-416px;bottom:40px; z-index:2; overflow:hidden;border-radius: 20px; background:#00923f; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.experience .item8 .box h3{ width:180px; height:150px; line-height:150px; float:left; font-size:24px; color:#fff; text-align: left; font-weight:lighter;}
.experience .item8 .box p{ font-size:14px; color:#fff; line-height:26px;margin-top:48px;}
.experience .item8 .box span{ font-size:18px; color:#333333; display:block;margin-top:15px; text-align:center;}
.experience .item8 .it{ position:absolute; z-index:200px;}
.experience .item8 .it:nth-child(1){left:570px;top:190px;}
.experience .item8 .it:nth-child(1) p:nth-child(1){width:140px;height:45px;}
.experience .item8 .it:nth-child(1) p:nth-child(1) span:nth-child(1){position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,1);}
.experience .item8 .it:nth-child(1) p:nth-child(1) span:nth-child(2){    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,1);}
	.experience .item8 .it:nth-child(1) p:nth-child(2){    position: absolute;
    top: -90px;
    right: -60px;
    border-radius: 0;
    width: 100px;
    height: 70px;
    background:#8a8c90;
	color:#ffffff;
	padding:20px 10px 0 10px;
	opacity: 0;}
.experience .item8 .i1 p:nth-child(1) span:nth-child(1){animation: wid 0.3s 0.3s forwards;
    -webkit-animation: wid 0.3s 0.3s forwards;}
.experience .item8 .i1 p:nth-child(1) span:nth-child(2){animation: hei 0.3s 0.6s forwards;
    -webkit-animation: hei 0.3s 0.6s forwards;}
.experience .item8 .i1 p:nth-child(2){animation: opc 0.3s 0.9s forwards;
    -webkit-animation: opc 0.3s 0.9s forwards;}



.advantage{width:100%;height:347px;margin-top:60px;margin-bottom:60px; background:url(../images/advantage.jpg) no-repeat center top;overflow:hidden;}
.advantage .advantage_box{width:1200px;margin:0 auto;padding:70px 0px; overflow:hidden;}
.advantage h3{ font-size:30px; text-align:center;color:#ffffff; font-weight:normal;}
.advantage h3 span{color:#00923f;}
.advantage ul{width:1224px;padding-top:70px;}
.advantage ul li{width:210px;height:110px; background:url(../images/advantage_bg.jpg) no-repeat; float:left;margin-right:24px;}
.advantage ul li span{display:block;width:190px;height:90px; text-align:center; line-height:90px; background:#ffffff; font-size:17px; color:#000000;margin:10px auto; overflow:hidden;}







.suit{width:1200px;height:auto;margin:0 auto;padding:70px 0px;overflow:hidden;}
.suit .suit_title{width:1090px;height:50px; line-height:50px;margin:0 auto; overflow:hidden;}
.suit .suit_title ul{width:1200px;}
.suit .suit_title ul li{ float:left;margin-right:48px;}
.suit .suit_title ul li a{ display:block;width:180px;height:50px; text-align:center; line-height:50px; background:#e5e5e5; font-size:18px; color:#333333;}
.suit .suit_title ul li a:hover{ background:#00923f; color:#ffffff;}
.suit .suit_title ul .hover a{background:#00923f; color:#ffffff;}
.suit .suit_box{width:1200px;height:auto;margin:0 auto; overflow:hidden;}
.suit .suit_box img{ display:block; width:100%;}