@charset "utf-8";
/* CSS Document */
#banner{height:512px; position:relative; margin:101px auto 0;}
.focus{width:1920px;height:512px;position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-960px;}
.f426x240 li{position:absolute; left:0;top:0;}

.rslides{width:100%; position:relative;list-style:none;padding:0}
.rslides_nav{ height:60px; width:60px;position:absolute; text-indent:-9999px;overflow:hidden;left:272px;top:224px;z-index:999; display:block; background:url(../images/left.png) no-repeat;}
.rslides_nav:hover{ background:url(../images/left.png) no-repeat;}
.rslides_nav:active{ background:url(../images/left.png) no-repeat;}
.rslides_nav.next{left:1592px;background:url(../images/right.png) no-repeat;}
.rslides_nav.next:active{background:url(../images/right.png) no-repeat;}
.rslides_nav.next:hover{ background:url(../images/right.png) no-repeat;}
.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:15px;left:50%; margin-left:-140px; z-index:999; width:280px; height:14px;}
.rslides_tabs li{ float:left; margin-right:15px;}
.rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:40px; height:10px; display:block; background:#052453;}
.rslides_tabs .rslides_here a{ background:#C6C6C6;}


.title{ width:1200px; margin:0 auto; background:url(../images/xian_z.png) no-repeat center 54px; text-align:center;}
.title h3{ font-size:30px; color:#202020; font-weight:bold;}
.title h4{ font-size:18px; color:#052453; margin-top:2px; text-transform:uppercase;}
.title2{ background:url(../images/xian_j.png) no-repeat center 54px;}
.title3{ background:url(../images/xian_k.png) no-repeat center 54px;}

.who_about_us{ width:1200px; position:relative; left:50%; margin-left:-600px; padding:80px 0;}
.who_about_us dl{ width:780px; margin:88px auto 0; display:table;}
.who_about_us dt{ float:left; width:158px; margin-top:15px; position:relative;}


.who_about_us dt .us1{ position:absolute; left:0px; top:0px;}
.who_about_us dt .us2{ position:absolute; left:55px; top:63px}
.who_about_us:hover .us1{	 
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	}

.who_about_us:hover .us2{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	
	}



.who_about_us dd{ float:left; width:544px; margin-left:60px;}
.who_about_us dd p{ font-size:16px; color:#373737; line-height:25px; padding-bottom:20px; font-family:"Arial, Helvetica, sans-serif"}

.what_doing{ width:1920px; position:relative; left:50%; padding:57px 0; margin-left:-960px; display:table; background-color:#F2F2F2;}

.tietu{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.tietu img{ width:100%; height:auto; display:block;}

.what_sub_doing{ width:1200px; margin:0 auto; display:table;}

.main_doing{ width:920px; margin:0 auto; height:300px;  padding-top:90px; display:table;}
.main_doing div{ width:110%;}
.main_doing li{ float:left; width:216px; margin-right:33px; display:none;}
.main_doing li dl{ width:100%; display:table;}
.main_doing li dl dt{ width:127px; margin:0 auto;}
.main_doing li dl dd{ width:100%; text-align:center;}
.main_doing li dl dd h3{ font-size:18px; color:#3D3D3D; padding-top:32px;}
.main_doing li dl dd span{ display:block; width:55px; border-top:1px solid #C2C2C2; margin:15px auto 20px; display:none;}
.main_doing li dl dd p{ font-size:12px; color:#848484; line-height:25px;}


.main_doing .doi1 dl:hover img{	 
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	}
	
.main_doing .doi2 dl:hover img{	 
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	}
	
.main_doing .doi3 dl:hover img{	 
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	}

.main_doing .doi4 dl:hover img{	 
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;	
	}

.eight_fangan{ width:1200px; position:relative; left:50%; margin-left:-600px; padding:80px 0; display:table;}
.eight_fangan .daodu{ width:865px; margin:0 auto; padding-top:27px;}
.eight_fangan .daodu p{ padding-top:3px; color:#878787; text-align:center;}


#imgchange{ width:100%; height:433px; margin-top:40px; font-size:12px; display:table;} 	
#imgchange h5{position:absolute; left:50%; bottom:50px; }
#imgchange h5 font{ float:left; margin-right:10px; width:10px; height:10px;
	 border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 cursor:pointer;
	 background-color:#D0D0D0;
	 }
#imgchange h5 font.current{color:#fff; background-color:#67B435;}	
#imgchange li{ width:100%; height:433px; display:table;}
#imgchange li dt:hover img{ opacity:0.9;}
#imgchange li  dd a{ display:block; margin-left:40px; margin-top:13px; width:85px; height:23px; color:#1E568B; text-align:center; line-height:23px; border:1px solid #1B679D; border-radius:15px;}
#imgchange li  dd a:hover{ border-color:#fff; color:#fff;}

#imgchange li .cot1{ width:800px; height:219px; display:table;}
#imgchange li .cot1 dt{ width:209px; height:219px; float:right;}
#imgchange li .cot1 dt img{width:209px; height:219px;}
#imgchange li .cot1 dd{ width:600px; height:219px; background-color:#4791C7; position:relative;}
#imgchange li .cot1 dd img{ position:absolute; right:20px; bottom:20px;}
#imgchange li .cot1 dd h3{ font-size:18px; color:#fff; width:440px; padding-top:40px; margin-left:40px;}
#imgchange li .cot1 dd p{ width:440px; line-height:25px; color:#fff; padding-top:15px; margin-left:40px;}

#imgchange li .cot2{ width:400px; float:left; display:table;}
#imgchange li .cot2 dt{ float:left;width:133px; height:214px;}
#imgchange li .cot2 dt img{ width:133px; height:214px;}
#imgchange li .cot2 dd{ float:right; width:267px; height:214px; background-color:#55BABB; position:relative;}
#imgchange li .cot2 dd img{ position:absolute; right:15px; bottom:15px;}
#imgchange li .cot2 dd h3{ font-size:18px; color:#fff; width:189px; padding-top:40px; margin-left:40px;}
#imgchange li .cot2 dd p{ width:189px; line-height:25px; color:#fff; padding-top:15px; margin-left:40px;}
#imgchange li .cot2 dd a{ border:1px solid #097569; color:#097569;}
#imgchange li .cot2 dd a:hover{ border-color:#fff; color:#fff;}


#imgchange li .cot3{ width:400px; float:left; display:table;}

#imgchange li .cot3 dt{ float:left;width:133px; height:214px;}

#imgchange li .cot3 dt img{ width:133px; height:214px;}

#imgchange li .cot3 dd{ float:right; width:267px; height:214px; background-color:#46CB90; position:relative;}

#imgchange li .cot3 dd img{ position:absolute; right:15px; bottom:15px;}

#imgchange li .cot3 dd h3{ font-size:18px; color:#fff; width:189px; padding-top:40px; margin-left:40px;}

#imgchange li .cot3 dd p{ width:189px; line-height:25px; color:#fff; padding-top:15px; margin-left:40px;}

#imgchange li .cot3 dd a{ border:1px solid #287353; color:#287353;}

#imgchange li .cot3 dd a:hover{ border-color:#fff; color:#fff;}


#imgchange li .cot4{ float:left; width:400px; margin-top:-219px; display:table; position:relative;}

#imgchange li .cot4 dt{ width:400px; height:123px; position:absolute; bottom:-123px;}

#imgchange li .cot4 dt img{ width:400px; height:123px;}

#imgchange li .cot4 dd{ width:100%; height:310px; background-color:#94D33E; position:relative;}

#imgchange li .cot4 dd h3{ font-size:18px; color:#fff; width:306px; padding-top:40px; margin-left:40px;}

#imgchange li .cot4 dd p{ width:306px; line-height:25px; color:#fff; padding-top:15px; margin-left:40px;}

#imgchange li .cot4 dd a{ border:1px solid #5B8226; color:#5B8226;}

#imgchange li .cot4 dd a:hover{ border-color:#fff; color:#fff;}

#imgchange li .cot4 dd img{ position:absolute; right:30px; bottom:30px;}





#imgchange  .tbds1 .cot1 dd{ background-color:#94D33E; position:relative;}
#imgchange  .tbds1 .cot1 dd p{ width:440px; line-height:25px; color:#fff; padding-top:15px; margin-left:40px;}
#imgchange  .tbds1 .cot1 dd a{ border:1px solid #658F2C; color:#658F2C;}
#imgchange  .tbds1 .cot1 dd a:hover{ border-color:#fff; color:#fff;}


#imgchange  .tbds1 .cot2 dd{ float:right; width:267px; height:214px; background-color:#5AB5DB; position:relative;}
#imgchange  .tbds1 .cot2 dd a{ border:1px solid #377B7C; color:#377B7C;}
#imgchange  .tbds1 .cot2 dd a:hover{ border-color:#fff; color:#fff;}

#imgchange .tbds1 .cot3 dd{ float:right; width:267px; height:214px; background-color:#E99C10; position:relative;}
#imgchange .tbds1 .cot3 dd a{ border:1px solid #946B34; color:#946B34;}
#imgchange .tbds1 .cot3 dd a:hover{ border-color:#fff; color:#fff;}


#imgchange .tbds1 .cot4 dd{ width:100%; height:310px; background-color:#50A5C1; position:relative;}
#imgchange .tbds1 .cot4 dd a{ border:1px solid #366B7E; color:#366B7E;}
#imgchange .tbds1 .cot4 dd a:hover{ border-color:#fff; color:#fff;}










.Three_Platform{ width:1920px; position:relative; left:50%; padding:57px 0; margin-left:-960px; display:table;}
.sub_three{ width:100%; margin-top:80px; padding-bottom:80px; background-color:#F2F2F2;}
.xxk{ width:1050px; margin:40px auto 0; display:table;}
.xxk ul{ width:110%; margin-top:-25px;}
.xxk ul li{ float:left; margin-right:1px; width:354px; height:54px; background:url(../images/bg1.png) no-repeat top center; text-align:center; line-height:46px;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  }
.xxk ul li a{ color:#fff; font-size:17px;}
.xxk ul li:hover{ background:url(../images/bg2.png) no-repeat top center;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
}

.xxk ul .on{ background:url(../images/bg2.png) no-repeat top center;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
}

.xxk .checked{ width:850px; margin:120px auto 0;}
.xxk .checked dl dt{ width:269px; height:201px; float:left; position:relative;}
.xxk .checked dl dd{ width:488px; float:right;}
.xxk .checked dl dd h3{ font-size:24px; color:#64AF2E;}
.xxk .checked dl dd h5{ font-size:18px; color:#EE9211; margin-top:15px;}
.xxk .checked dl dd h5 span{ display:inline-block; width:50px; margin-right:15px; border-top:1px solid #EE9211; vertical-align:middle;}
.xxk .checked dl dd p{ font-size:12px; color:#636363; font-size:13px; line-height:25px; padding-top:20px;}

.xxk .checked dl dt .cc5{ width:269px; height:201px; z-index:999;}
.xxk .checked dl dt .cc1{ position:absolute; left:43px; top:60px;}
.xxk .checked dl dt .cc2{ position:absolute; left:112px; top:-19px;}
.xxk .checked dl dt .cc3{ position:absolute; left:181px; top:20px;}
.xxk .checked dl dt .cc4{ position:absolute; left:234px; top:108px;}

.xxk .checked dl dt .yy1{ position:absolute; left:53px; top:53px;
    animation-name:yy1; -webkit-animation-name:yy1; -moz-animation-name:yy1; -o-animation-name:yy1; -ms-animation-name:yy1;
	animation-duration:3s; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; -ms-animation-duration:3s;
	animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear;
	animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s; -ms-animation-delay:0s;
	animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite;
	animation-direction:alternate; -webkit-animation-direction:alternate; -moz-animation-direction:alternate; -o-animation-direction:alternate; -ms-animation-direction:alternate;
	animation-play-state:running; -webkit-animation-play-state:running; -moz-animation-play-state:running; -o-animation-play-state:running; -ms-animation-play-state:running;
}
@keyframes yy1{
     0%{  	transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);

	       }
	}
@-webkit-keyframes yy1{
	 0%{  	transform:rotateY(0deg);
		   -webkit-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -webkit-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -webkit-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -webkit-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -webkit-transform:rotateY(360deg);
	       }
	}  	
@-moz-keyframes yy1{
	 0%{  	transform:rotateY(0deg);
		   -moz-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -moz-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -moz-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -moz-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -moz-transform:rotateY(360deg);
	       }
	}  
@-o-keyframes yy1{
	 0%{  	transform:rotateY(0deg);
		   -o-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
	           -o-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
	           -o-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
	           -o-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
	           -o-transform:rotateY(360deg);
	       }
	} 
@-ms-keyframes yy1{
	  0%{  	transform:rotateY(0deg);
		   -webkit-transform:rotateY(0deg);
		   -moz-transform:rotateY(0deg);
		   -o-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -webkit-transform:rotateY(80deg);
     	       -moz-transform:rotateY(80deg);
	           -o-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -webkit-transform:rotateY(160deg);
     	       -moz-transform:rotateY(160deg);
	           -o-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -webkit-transform:rotateY(270deg);
     	       -moz-transform:rotateY(270deg);
	           -o-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -webkit-transform:rotateY(360deg);
     	       -moz-transform:rotateY(360deg);
	           -o-transform:rotateY(360deg);
	       }
	} 



.xxk .checked dl dt .yy2{ position:absolute; left:0px; top:0px;
    animation-name:yy2; -webkit-animation-name:yy2; -moz-animation-name:yy2; -o-animation-name:yy2; -ms-animation-name:yy2;
	animation-duration:3s; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; -ms-animation-duration:3s;
	animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear;
	animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s; -ms-animation-delay:0s;
	animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite;
	animation-direction:alternate; -webkit-animation-direction:alternate; -moz-animation-direction:alternate; -o-animation-direction:alternate; -ms-animation-direction:alternate;
	animation-play-state:running; -webkit-animation-play-state:running; -moz-animation-play-state:running; -o-animation-play-state:running; -ms-animation-play-state:running;
}
@keyframes yy2{
     0%{  	transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);

	       }
	}
@-webkit-keyframes yy2{
	 0%{  	transform:rotateZ(0deg);
		   -webkit-transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
     	       -webkit-transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
     	       -webkit-transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
     	       -webkit-transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);
     	       -webkit-transform:rotateZ(360deg);
	       }
	}  	
@-moz-keyframes yy2{
	 0%{  	transform:rotateZ(0deg);
		   -moz-transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
     	       -moz-transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
     	       -moz-transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
     	       -moz-transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);
     	       -moz-transform:rotateZ(360deg);
	       }
	}  
@-o-keyframes yy2{
	 0%{  	transform:rotateZ(0deg);
		   -o-transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
	           -o-transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
	           -o-transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
	           -o-transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);
	           -o-transform:rotateZ(360deg);
	       }
	} 
@-ms-keyframes yy2{
	  0%{  	transform:rotateZ(0deg);
		   -webkit-transform:rotateZ(0deg);
		   -moz-transform:rotateZ(0deg);
		   -o-transform:rotateZ(0deg);
	     }
	 25%{  	  transform:rotateZ(80deg);
     	       -webkit-transform:rotateZ(80deg);
     	       -moz-transform:rotateZ(80deg);
	           -o-transform:rotateZ(80deg);
	       }
	 50%  {  	transform:rotateZ(160deg);
     	       -webkit-transform:rotateZ(160deg);
     	       -moz-transform:rotateZ(160deg);
	           -o-transform:rotateZ(160deg);
	       }
	 75%  {  	transform:rotateZ(270deg);
     	       -webkit-transform:rotateZ(270deg);
     	       -moz-transform:rotateZ(270deg);
	           -o-transform:rotateZ(270deg);
	       }
	 100%  {  	transform:rotateZ(360deg);
     	       -webkit-transform:rotateZ(360deg);
     	       -moz-transform:rotateZ(360deg);
	           -o-transform:rotateZ(360deg);
	       }
	} 





/*
.xxk .checked dl:hover .yy1{ 
  	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;


}

.xxk .checked dl:hover .yy2{ 
  	transform:rotateZ(360deg);
	-webkit-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	-o-transform:rotateZ(360deg);
	
	transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-moz-transition: all linear 1s;
	-o-transition: all linear 1s;
}*/



.cc1{ z-index:1 !important;
	position:absolute;
	animation-name:cc1;
	animation-duration:1.2s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	animation-timing-function:linear;
	
    -ms-animation-name:cc1;
	-ms-animation-duration:1.2s;
	-ms-animation-timing-function:linear;
	-ms-animation-delay:0s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:running;
	-ms-animation-timing-function:linear;	
	/* Safari and Chrome */
	-webkit-animation-name:cc1;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-webkit-animation-timing-function:linear;
	/* Opera */
	-o-animation-name:cc1;
	-o-animation-duration:1.2s;
	-o-animation-timing-function:linear;
	-o-animation-delay:0s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
	-o-animation-timing-function:linear;
	/* Firefox */
	-moz-animation-name:cc1;
	-moz-animation-duration:1.2s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-moz-animation-timing-function:linear;	
	
}	
@keyframes cc1
{
	0%   { left:43px; top:60px;}
	25%  { left:43px; top:40px;}
	50%  { left:43px; top:30px;}
	75%  { left:43px; top:40px;}
	100% { left:43px; top:60px;}
}
@-moz-keyframes cc1 /* Firefox */
{
	0%   { left:43px; top:60px;}
	25%  { left:43px; top:40px;}
	50%  { left:43px; top:30px;}
	75%  { left:43px; top:40px;}
	100% { left:43px; top:60px;}
}

@-webkit-keyframes cc1 /* Safari and Chrome */
{
	0%   { left:43px; top:60px;}
	25%  { left:43px; top:40px;}
	50%  { left:43px; top:30px;}
	75%  { left:43px; top:40px;}
	100% { left:43px; top:60px;}
}

@-o-keyframes cc1 /* Opera */
{
	0%   { left:43px; top:60px;}
	25%  { left:43px; top:40px;}
	50%  { left:43px; top:30px;}
	75%  { left:43px; top:40px;}
	100% { left:43px; top:60px;}
}

.cc2{ z-index:1 !important;
	position:absolute;
	animation-name:cc2;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	animation-timing-function:linear;
	
    -ms-animation-name:cc2;
	-ms-animation-duration:1s;
	-ms-animation-timing-function:linear;
	-ms-animation-delay:0s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:running;
	-ms-animation-timing-function:linear;	
	/* Safari and Chrome */
	-webkit-animation-name:cc2;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-webkit-animation-timing-function:linear;
	/* Opera */
	-o-animation-name:cc2;
	-o-animation-duration:1s;
	-o-animation-timing-function:linear;
	-o-animation-delay:0s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
	-o-animation-timing-function:linear;
	/* Firefox */
	-moz-animation-name:cc2;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-moz-animation-timing-function:linear;	
	
}	

@keyframes cc2
{
	0%   { left:112px; top:-19px;}
	25%  { left:112px; top:-35px;}
	50%  { left:112px; top:-55px;}
	75%  { left:112px; top:-35px;}
	100% { left:112px; top:-19px;}
}
@-moz-keyframes cc2 /* Firefox */
{
	0%   { left:112px; top:-19px;}
	25%  { left:112px; top:-35px;}
	50%  { left:112px; top:-55px;}
	75%  { left:112px; top:-35px;}
	100% { left:112px; top:-19px;}}

@-webkit-keyframes cc2 /* Safari and Chrome */
{
	0%   { left:112px; top:-19px;}
	25%  { left:112px; top:-35px;}
	50%  { left:112px; top:-55px;}
	75%  { left:112px; top:-35px;}
	100% { left:112px; top:-19px;}
}

@-o-keyframes cc2 /* Opera */
{
	0%   { left:112px; top:-19px;}
	25%  { left:112px; top:-35px;}
	50%  { left:112px; top:-55px;}
	75%  { left:112px; top:-35px;}
	100% { left:112px; top:-19px;}
}


.cc3{ z-index:1 !important;
	position:absolute;
	animation-name:cc3;
	animation-duration:1.2s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	animation-timing-function:linear;
	
    -ms-animation-name:cc3;
	-ms-animation-duration:1.2s;
	-ms-animation-timing-function:linear;
	-ms-animation-delay:0s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:running;
	-ms-animation-timing-function:linear;	
	/* Safari and Chrome */
	-webkit-animation-name:cc3;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-webkit-animation-timing-function:linear;
	/* Opera */
	-o-animation-name:cc3;
	-o-animation-duration:1.2s;
	-o-animation-timing-function:linear;
	-o-animation-delay:0s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
	-o-animation-timing-function:linear;
	/* Firefox */
	-moz-animation-name:cc3;
	-moz-animation-duration:1.2s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-moz-animation-timing-function:linear;		
}	

@keyframes cc3
{
	0%   { left:181px; top:20px;}
	25%  { left:181px; top:10px;}
	50%  { left:181px; top:-10px;}
	75%  { left:181px; top:10px;}
	100% { left:181px; top:20px;}
}
@-moz-keyframes cc3 /* Firefox */
{
	0%   { left:181px; top:20px;}
	25%  { left:181px; top:10px;}
	50%  { left:181px; top:-10px;}
	75%  { left:181px; top:10px;}
	100% { left:181px; top:20px;}
}
@-webkit-keyframes cc3 /* Safari and Chrome */
{
	0%   { left:181px; top:20px;}
	25%  { left:181px; top:10px;}
	50%  { left:181px; top:-10px;}
	75%  { left:181px; top:10px;}
	100% { left:181px; top:20px;}
}

@-o-keyframes cc3 /* Opera */
{
	0%   { left:181px; top:20px;}
	25%  { left:181px; top:10px;}
	50%  { left:181px; top:-10px;}
	75%  { left:181px; top:10px;}
	100% { left:181px; top:20px;}
}


.cc4{ z-index:1 !important;
	position:absolute;
	animation-name:cc4;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	animation-timing-function:linear;
	
    -ms-animation-name:cc4;
	-ms-animation-duration:1s;
	-ms-animation-timing-function:linear;
	-ms-animation-delay:0s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:running;
	-ms-animation-timing-function:linear;	
	/* Safari and Chrome */
	-webkit-animation-name:cc4;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-webkit-animation-timing-function:linear;
	/* Opera */
	-o-animation-name:cc4;
	-o-animation-duration:1s;
	-o-animation-timing-function:linear;
	-o-animation-delay:0s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
	-o-animation-timing-function:linear;
	/* Firefox */
	-moz-animation-name:cc4;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-moz-animation-timing-function:linear;		
}	

@keyframes cc4
{
	0%   { left:234px; top:108px;}
	25%  { left:234px; top:98px;}
	50%  { left:234px; top:88px;}
	75%  { left:234px; top:98px;}
	100% { left:234px; top:108px;}
}
@-moz-keyframes cc4 /* Firefox */
{
	0%   { left:234px; top:108px;}
	25%  { left:234px; top:98px;}
	50%  { left:234px; top:88px;}
	75%  { left:234px; top:98px;}
	100% { left:234px; top:108px;}
}
@-webkit-keyframes cc4 /* Safari and Chrome */
{
	0%   { left:234px; top:108px;}
	25%  { left:234px; top:98px;}
	50%  { left:234px; top:88px;}
	75%  { left:234px; top:98px;}
	100% { left:234px; top:108px;}
}

@-o-keyframes cc4 /* Opera */
{
	0%   { left:234px; top:108px;}
	25%  { left:234px; top:98px;}
	50%  { left:234px; top:88px;}
	75%  { left:234px; top:98px;}
	100% { left:234px; top:108px;}
}



.xxk .checked dl dt .vcc1{ position:absolute; left:0px; top:0;}
.xxk .checked dl dt .vcc2{ position:absolute; left:65px; top:26px;}
.xxk .checked dl dt .vcc2{
    animation-name:vcc2; -webkit-animation-name:vcc2; -moz-animation-name:vcc2; -o-animation-name:vcc2; -ms-animation-name:vcc2;
	animation-duration:3s; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; -ms-animation-duration:3s;
	animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear;
	animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s; -ms-animation-delay:0s;
	animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite;
	animation-direction:alternate; -webkit-animation-direction:alternate; -moz-animation-direction:alternate; -o-animation-direction:alternate; -ms-animation-direction:alternate;
	animation-play-state:running; -webkit-animation-play-state:running; -moz-animation-play-state:running; -o-animation-play-state:running; -ms-animation-play-state:running;
	
}

@keyframes vcc2{
     0%{  	transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);

	       }
	}
@-webkit-keyframes vcc2{
	 0%{  	transform:rotateY(0deg);
		   -webkit-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -webkit-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -webkit-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -webkit-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -webkit-transform:rotateY(360deg);
	       }
	}  	
@-moz-keyframes vcc2{
	 0%{  	transform:rotateY(0deg);
		   -moz-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -moz-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -moz-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -moz-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -moz-transform:rotateY(360deg);
	       }
	}  
@-o-keyframes vcc2{
	 0%{  	transform:rotateY(0deg);
		   -o-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
	           -o-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
	           -o-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
	           -o-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
	           -o-transform:rotateY(360deg);
	       }
	} 
@-ms-keyframes vcc2{
	  0%{  	transform:rotateY(0deg);
		   -webkit-transform:rotateY(0deg);
		   -moz-transform:rotateY(0deg);
		   -o-transform:rotateY(0deg);
	     }
	 25%{  	  transform:rotateY(80deg);
     	       -webkit-transform:rotateY(80deg);
     	       -moz-transform:rotateY(80deg);
	           -o-transform:rotateY(80deg);
	       }
	 50%  {  	transform:rotateY(160deg);
     	       -webkit-transform:rotateY(160deg);
     	       -moz-transform:rotateY(160deg);
	           -o-transform:rotateY(160deg);
	       }
	 75%  {  	transform:rotateY(270deg);
     	       -webkit-transform:rotateY(270deg);
     	       -moz-transform:rotateY(270deg);
	           -o-transform:rotateY(270deg);
	       }
	 100%  {  	transform:rotateY(360deg);
     	       -webkit-transform:rotateY(360deg);
     	       -moz-transform:rotateY(360deg);
	           -o-transform:rotateY(360deg);
	       }
	} 



.five_Technology{ width:1200px; position:relative; left:50%; margin-left:-600px; padding:80px 0 10px; display:table;}
.core_technology{ width:1111px; margin:70px auto 0; display:table;}
.core_technology div{ width:110%; display:table;}
.core_technology li{ float:left; width:207px; height:307px; margin-right:20px;  background:url(../images/sk.png) no-repeat 0 307px; overflow:hidden;}
.core_technology li dl{ width:100%;}
.core_technology li dl dt a{ display:block; margin:0 auto; width:111px; height:111px; margin-bottom:25px;}
.core_technology li dl dd h3 a{ display:block; font-size:14px; color:#585858; text-align:center; font-weight:bold; margin-top:15px;}
.core_technology li dl dd p{ width:150px; margin:0 auto; color:#898989; text-align:center; line-height:25px; padding-top:10px;}
.core_technology li:hover{ background:url(../images/sk.png) no-repeat 0 0;
         
	 transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.core_technology li:hover dl dd h3 a{ color:#fff;
    transition:.3s;
   -webkit-transition:.3s;
   -moz-transition:.3s;
   -ms-transition:.3s;
   -o-transition:.3s;
	 }
.core_technology li:hover dl dd p{ color:#fff;
   transition:.3s;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
 -o-transition:.3s;}


.core_technology .com1 dl dt a{ background:url(../img/js1.png) no-repeat 0px 0px;}
.core_technology .com2 dl dt a{ background:url(../img/js2.png) no-repeat 0px 0px;}
.core_technology .com3 dl dt a{ background:url(../img/js3.png) no-repeat 0px 0px;}
.core_technology .com4 dl dt a{ background:url(../img/js4.png) no-repeat 0px 0px;}
.core_technology .com5 dl dt a{ background:url(../img/js5.png) no-repeat 0px 0px;}

.core_technology .com1:hover dl dt a{ background:url(../img/js1.png) no-repeat -111px 0px;
   
   
   transition: all cubic-bezier(0,0,0.58,1) .5s;
  -webkit-transition: all cubic-bezier(0,0,0.58,1) .5s;
  -moz-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -ms-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -o-transition: all cubic-bezier(0,0,0.58,1) .5s;
  
  transition-delay: .2s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   -o-transition-delay: .2s;
  
  }
.core_technology .com2:hover dl dt a{ background:url(../img/js2.png) no-repeat -111px 0px;
   transition: all cubic-bezier(0,0,0.58,1) .5s;
  -webkit-transition: all cubic-bezier(0,0,0.58,1) .5s;
  -moz-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -ms-transition: all cubic-bezier(0,0,0.58,1).5s; 
  -o-transition: all cubic-bezier(0,0,0.58,1) .5s;
  
   transition-delay: .2s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   -o-transition-delay: .2s; 
  
  }
.core_technology .com3:hover dl dt a{ background:url(../img/js3.png) no-repeat -111px 0px;
   transition: all cubic-bezier(0,0,0.58,1) .5s;
  -webkit-transition: all cubic-bezier(0,0,0.58,1) .5s;
  -moz-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -ms-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -o-transition: all cubic-bezier(0,0,0.58,1) .5s;
  
    transition-delay: .2s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   -o-transition-delay: .2s;
 
  }
.core_technology .com4:hover dl dt a{ background:url(../img/js4.png) no-repeat -111px 0px; 
   transition: all cubic-bezier(0,0,0.58,1) .5s;
  -webkit-transition: all cubic-bezier(0,0,0.58,1) .5s;
  -moz-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -ms-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -o-transition: all cubic-bezier(0,0,0.58,1) .5s;
  
    transition-delay: .2s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   -o-transition-delay: .2s;
  }
.core_technology .com5:hover dl dt a{ background:url(../img/js5.png) no-repeat -111px 0px; 
   transition: all cubic-bezier(0,0,0.58,1) .5s;
  -webkit-transition: all cubic-bezier(0,0,0.58,1) .5s;
  -moz-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -ms-transition: all cubic-bezier(0,0,0.58,1) .5s; 
  -o-transition: all cubic-bezier(0,0,0.58,1) .5s;
  
    transition-delay: .2s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   -o-transition-delay: .2s;

}


.Performance{ width:1920px; position:relative; left:50%; padding:57px 0; margin-left:-960px; display:table;}
.Project{ width:100%; min-height:362px; background:url(../images/jishu.jpg) repeat-x bottom center;}

.sub_project{ width:1200px; margin:0 auto; display:table;}
.sub_project div{ width:110%;}
.sub_project li{ float:left; width:271px; height:236px; margin-top:44px; margin-right:40px;}
.sub_project li dl{ width:100%; height:236px;}
.sub_project li dl dt{ width:100%; height:152px;}
.sub_project li dl dt:hover{ opacity:0.9;}
.sub_project li dl dt img{ width:271px; height:152px;}
.sub_project li dl dd{ width:100%; height:54px; line-height:54px; background-color:#64AF2E; display:table; text-align:center;}
.sub_project li dl dd span{ display:inline-block; width:30px; border-top:1px solid #C3E3AB;}
.sub_project li dl dd h3{ display:inline-block; padding:15px 0px; vertical-align:middle;}
.sub_project li dl dd h3 a{ font-size:16px; color:#fff;}
.sub_project li dl:hover dd{ background-color:#50AA0F;}


.more{ display:block; width:140px; height:35px; line-height:35px; text-align:center; border:1px solid #363C43; font-size:14px; color:#363C43; border-radius:6px; margin:50px auto 0;}
.more:hover{ border:1px solid #69B830; color:#69B830;}


.news_dongt{ width:1920px; position:relative; left:50%; padding:57px 0; margin-left:-960px; display:table;}
.news_subdongt{ width:1920px; display:table; margin-top:57px; background:url(../images/bggg.jpg) repeat-x top center;}
.newsmot{ width:1200px; margin:0 auto; display:table;}
.newsmot div{ width:110%; display:table;}
.newsmot li{ width:352px; float:left; margin-top:40px; margin-right:72px;}
.newsmot li dl{ width:100%;}
.newsmot li dl dt{ width:353px; height:174px; overflow:hidden; position:relative; border:2px solid #60AC2E;}
.newsmot li dl dt img{ width:353px; height:174px; position:absolute; left:50%; margin-left:-176px; top:50%; margin-top:-87px;}
.newsmot li dl dd{ width:100%;}
.newsmot li dl dd h3 a{ font-size:18px; color:#000;}
.newsmot li dl dd h3 a:hover{ color:#1C9040;}
.newsmot li dl dd strong{ font-size:14px; padding-top:30px; display:block;}
.newsmot li dl dd span{ display:block; margin-top:10px; width:30px; border-top:1px solid #1C9040;}
.newsmot li dl dd h3{ margin-top:20px;}
.newsmot li dl dd p{ margin-top:5px; line-height:25px; color:#8D8D8D; font-size:14px;}

.huoban{ width:1200px; position:relative; left:50%; margin-left:-600px; display:table; padding:57px 0;}
.sub_huoban{ width:100%; margin:0 auto; display:table;}
.sub_huoban div{ width:110%; display:table;}
.sub_huoban li{ float:left; margin-right:98px; margin-top:15px;}
.sub_huoban li img{ width:164px; height:56px;}