@charset "utf-8";
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0;padding:0; font-family: "微软雅黑"; font-size:12px; font-weight:normal;}

ul,li{margin:0;padding:0; font-family:"微软雅黑";font-weight:normal;}

html{ overflow-x:hidden;}

body{font-size:12px;color:#474747; margin:0; padding:0; _overflow:hidden; overflow-x:hidden; background:#fff;}

.red{ color:red;}

input,button,select,textarea{outline:none}

p{ margin:0; padding:0;}

a img{border:none;}

li{list-style-type:none;}

a{text-decoration:none;color:#000;}

input{vertical-align:middle;font-family:"微软雅黑";}

table{border-collapse:collapse;font-family:"微软雅黑";}

a:hover{cursor:pointer;}

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */

:focus { -moz-outline-style: none; } /* for Firefox */

a { outline:none; } /* for FF Chrome */

.dis{display:none;}

.clear{ clear:both;}

html{ -webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}

#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:#63B328;}
.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:#63B328; 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;float:left;}
.who_about_us dl{
	width: 80%;
	
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.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;}
.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;
	display: table;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.eight_fangan .daodu{ width:865px; margin:0 auto; padding-top:27px;}
.eight_fangan .daodu p{ padding-top:3px; color:#878787; text-align:center;}

.bb1{
	font-size: 16px;
	line-height: 25px;
	margin-top: 50px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.bb2{
	font-size: 16px;
	line-height: 25px;
	margin-top: 50px;

}

#imgchange{ width:100%; height:520px; 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:nth-child(3){display:none;}
#imgchange h5 font:nth-child(4){display:none;}
#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(../images/js1.png) no-repeat 0px 0px;}
.core_technology .com2 dl dt a{ background:url(../images/js2.png) no-repeat 0px 0px;}
.core_technology .com3 dl dt a{ background:url(../images/js3.png) no-repeat 0px 0px;}
.core_technology .com4 dl dt a{ background:url(../images/js4.png) no-repeat 0px 0px;}
.core_technology .com5 dl dt a{ background:url(../images/js5.png) no-repeat 0px 0px;}

.core_technology .com1:hover dl dt a{ background:url(../images/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(../images/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(../images/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(../images/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(../images/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%;
	margin-left: -960px;
	display: table;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 57px;
	padding-left: 0;
}
.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;}








/*****************解决方案*****************/
.persagy_project {
    width:100%;
    height:860px;
    background:#f2f2f2;
}
.persagy_project_title {
    width:1008px;
	height:52px;
    margin:0 auto;
    text-align:center;
    padding-top:62px;
	clear:both;
}
.persagy_project_title h1 {
    color:#2aa738;
    font-size:28px;
	margin-bottom: 8px;
}
.persagy_project_title span {
    color:#676767;
    font-size:14px;	
}
.persagy_project_cont{
	width:1008px;
	height:745px;
    margin:0 auto;
	text-align:center;
	position:relative;
	clear:both;
	background:url(../images/sixsolution_center.png) no-repeat center center;
}
.persagy_project_cont>div{
	display:none;
}
.persagy_project_cont .persagy_projectCenter_text{
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:180px;
	height:30px;
	margin:-15px 0 0 -85px; 
	font-size:30px;
	font-weight:bold;
	color:#4f4f4f;
}
.persagy_project_cont .project_sixBackground{
	position:absolute;
	width:120px;
	height:120px;
	background:url(../images/sixbackground.png) no-repeat;
	z-index:10;
}
.persagy_project_cont .project_sixBackground a{
	display:block;
	width:120px;
	height:100px;
	float:left;
	padding-top:20px;
	margin:0 auto;	
	position:relative;
}
.persagy_project_cont .project_sixBackground a:hover {
	animation:sixAChange .5s;
	-webkit-animation:sixAChange .5s;
	-moz-animation:sixAChange .5s;
	-o-animation:sixAChange .5s;
	-ms-animation:sixAChange .5s;
}
.persagy_project_cont .project_sixBackground a.six_hispital:hover{
	background:url(../images/six_hispitalhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground a.six_school:hover{
	background:url(../images/six_schoolhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground a.six_gov:hover{
	background:url(../images/six_govhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground a.six_hotel:hover{
	background:url(../images/six_hotelhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground a.six_indestry:hover{
	background:url(../images/six_indestryhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground a.six_commercial:hover{
	background:url(../images/six_commercialhover.png) no-repeat;
}
.persagy_project_cont .project_sixBackground img{
	position:absolute;
	left:20px;
	top:20px;
	display:block;
	width:80px;
	height:80px;
	border:0;
	margin:0 auto;
	cursor:pointer;
	
}
/*six a hover*/
@keyframes sixAChange{
	0% {opacity:0.5;}
	20%{opacity:0.6;}
	40%{opacity:0.7;}
	60%{opacity:0.8;}
	80%{opacity:0.9;}
	100%{opacity:1;}
}
@-webkit-keyframes sixAChange{
	0% {opacity:0.5;}
	20%{opacity:0.6;}
	40%{opacity:0.7;}
	60%{opacity:0.8;}
	80%{opacity:0.9;}
	100%{opacity:1;}
}

@-moz-keyframes sixAChange{
	0% {opacity:0.5;}
	20%{opacity:0.6;}
	40%{opacity:0.7;}
	60%{opacity:0.8;}
	80%{opacity:0.9;}
	100%{opacity:1;}
}
@-o-keyframes sixAChange{
	0% {opacity:0.5;}
	20%{opacity:0.6;}
	40%{opacity:0.7;}
	60%{opacity:0.8;}
	80%{opacity:0.9;}
	100%{opacity:1;}
}


.persagy_project_cont .Six_Schemes_introduce{
	position:absolute;
}
.persagy_project_cont .Six_Schemes_introduce b{
	font-size:24px;
	
	font-weight:normal;
	display:block;
	line-height:30px;
	float:left;
}
.persagy_project_cont .Six_Schemes_introduce b a{
	color:#264e75;
}
.persagy_project_cont .Six_Schemes_introduce b a:hover{
	color:#6fb62b;
}
.persagy_project_cont .Six_Schemes_introduce p{
	font-size:14px;
	text-align:left;
	line-height:30px;
	float:left;
	color:#4a4a4a;
}







/**/
.pro_con_327{ background:#eeeeee; clear:both; overflow:hidden; width:100%; padding:40px 0;}
.pro_con_327 .pro_lb{width: 1200px;margin:0 auto;clear:both;}
/*产品*/
.pro_con_327 .pro_lb .pro_menu{ width:260px; height:656px; background:#FFF; float: left; overflow:hidden;}
.pro_con_327 .pro_lb .pro_menu .pro_tit{ width:260px; height:85px; background:#ea3516; clear:both; overflow:hidden; color:#FFF; text-align:center; padding-top:15px;}
.pro_con_327 .pro_lb .pro_menu .pro_tit h2{ font-size:28px; line-height:46px; white-space:nowrap; overflow:hidden;}
.pro_con_327 .pro_lb .pro_menu .pro_tit h3{ font-weight:normal; font-family:Arial; font-size:12px; text-transform:uppercase; white-space:nowrap; overflow:hidden;}
.pro_con_327 .pro_lb .pro_menu .pro_fl{ clear:both; overflow:hidden; border:#e5e5e5 solid 1px; border-top:none; width:260px; height:451px; display:block; padding:15px 20px;}
.pro_con_327 .pro_lb .pro_menu .pro_fl ul{ height:517px; overflow:hidden; clear:both;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li{width:218px; height:46px; line-height:46px; clear:both; overflow:hidden; border-bottom:#e5e5e5 dotted 1px;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li a{ font-size:15px; color:#444; display:block; transform: scale(1);transition: all .3s ease-out;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li .aLink:after {content: ">";position: absolute;right: 7px;top: 50%;margin-top: -10px;width: 20px;height: 20px;font-family: 宋体;color: #b2b2b2;font-size: 20px;font-weight: bold;line-height: 20px;text-indent: 5px;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li a em.iconfont{ color:#b5b5b5; margin-right:10px; font-size:17px;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li a:hover{ color:#ea3516; margin-left:10px;}
.pro_con_327 .pro_lb .pro_menu .pro_fl li a:hover em.iconfont{ color:#ea3516;}
.pro_con_327 .pro_lb .pro_menu .zx {padding: 5px 25px;background-color: #fff;}
.pro_con_327 .pro_lb .pro_menu .zx p {margin: 10px 0;color: #888;background: no-repeat 0 center;padding-left: 50px;}
.pro_con_327 .pro_lb .pro_menu .zx strong {display: block;color: #ea3516;font-size: 18px;}

.pro_con_327 .pro_lb .pro_box{width: 916px;height:656px;background:#FFF;float: right; overflow:hidden;}
.pro_con_327 .pro_lb .pro_box .pro_list{width: 916px;height:656px;overflow:hidden;padding: 20px 10px;}
.pro_con_327 .pro_lb .pro_box .pro_list .hd{ height:46px; overflow:hidden; background:#efefef;}
.pro_con_327 .pro_lb .pro_box .pro_list .hd li{ width:170px; height:46px; line-height:46px; float:left; display:inline-block; cursor:pointer; background:#efefef; text-align:center; color:#555; font-size:16px; overflow:hidden;}
.pro_con_327 .pro_lb .pro_box .pro_list .hd li:hover{ background:#ea3516; color:#FFF;}
.pro_con_327 .pro_lb .pro_box .pro_list .hd li.on{ background:#ea3516; color:#FFF;}
.pro_con_327 .pro_lb .pro_box .pro_more a{ line-height:46px; font-size:13px; color:#888; margin-right:20px;float: right;}
.pro_con_327 .pro_lb .pro_box .pro_more a:hover{ color:#ea3516; text-decoration:underline;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd{margin-top: 25px; width:896px; height:550px; overflow:hidden;}.pro_list01{ clear:both; overflow:hidden;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 li{width:286px; height:257px; float:left; display:inline; overflow:hidden; margin-right:19px; margin-bottom:20px;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 li:nth-child(3n) { margin-right:0;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_pic{ width:286px; height:215px; overflow:hidden; position:relative;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_pic img{ width:286px; height:215px; overflow:hidden; transform: scale(1);transition: all .3s ease-out;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 li .cp_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_pic p{ width:286px; height:36px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; color:#FFF; text-align:center; line-height:36px; font-size:14px;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_more{ width:286px; height:40px; margin-top:2px;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_more a{transform: scale(1);transition: all .2s ease-out;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_more a:nth-child(1){ width:143px; float:left; text-align:center; height:40px; line-height:40px; font-size:14px; background:#ea3516; color:#FFF;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_more a:nth-child(2){ width:143px; float:right; text-align:center; height:40px; line-height:40px; font-size:14px; background:#f37f5d; color:#FFF;}
.pro_con_327 .pro_lb .pro_box .pro_list .bd .pro_list01 .cp_more a:hover{ background:#c01f31; letter-spacing:1px;}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}