html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;}
body{font-size:12px;font-family:'微软雅黑',Arial; _overflow:hidden; overflow-x:hidden; }
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle}
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#0093ff;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.h{display:none;visibility:visible;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear:both;content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.fl{float:left;}
.fr{float:right;}

/* header */
.headtop{ margin:0px auto; width:100%; background:#f5f5f5; line-height:35px; height:35px; border-bottom:#d7d7d7 1px solid;}
.headtop ul{ margin:0px auto; width:1200px;}
.headtop ul li{ width:100px; color:#fff;}
.headtop ul li a{color:#333; font-size:16px;}
.headtop ul li a:hover{color:#f00; }
.header{ margin:0px auto; width:100%; height:120px; line-height:120px; }
.header a{width:100%; display:inline-block;}
.header .logo { float:left; padding:20px 0px; width:500px;}
.header .rt { float:right; padding:55px 65px 0px 0px; width:600px; text-align:right; color:#f00; font-size:24px; font-weight:bold;}
.header .rt span{ color:#a0a0a0; font-size:18px;}

.seo {display:none;}
.nav{ margin:0px auto; width:100%;  height:55px; line-height:55px;  position:relative; background:#96c553;   }

.nav ul.dropdown{ 
  position: relative; 
  width: 1200px;
  margin:0 auto;
  font-size:16px;
  font-weight:bold;
}

.nav ul.dropdown li{ 
  font-weight: bold; 
  float: left; 
  width: 120px; 
  position: relative;
  text-align:center;
}

.nav ul.dropdown a:hover{ 
  color: #ff0;
  background:#25ab38;
  width:120px;
  opacity:1;
}

.nav ul.dropdown li a { 
  display: block;
  line-height:55px;
  color: #fff; 
  font-weight:bold;
  position: relative; 
  z-index: 2000; 
  text-align: center;
  text-decoration: none;
}

.nav ul.dropdown li a:hover,
.nav ul.dropdown li a.hover{ 

  position: relative;
  color: #ff0;
  font-weight:bold;
}


.nav ul.dropdown ul{ 
 display: none;
 overflow: hidden;
 position: absolute;
 top: 0; 
 width:120px; 
 z-index: 1000;
 text-align: center;
 white-space:nowrap
}

.nav ul.dropdown ul li { 
  font-weight: normal;  
  color: #000;

  width: 120px; 
  border-bottom: 0px solid #ff0000;
  float:left;
  text-align:center;
  background:#25ab38; opacity:0.9;filter:alpha(opacity=90);
  
}


.nav ul.dropdown ul li a{ 
  display: block; 
  color: #fff !important;
  background: #25ab38 !important;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  font-size:14px;
} 

.nav ul.dropdown ul li a:hover{
  display: block; 
  background: #fff !important;
  color: #23ac38 !important;
  font-weight:bold;
} 

/*.drop > a{
  position: relative;
}

.drop > a:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 45%;
  border-left: 5px solid transparent;
  border-top: 5px solid #686868;
  border-right: 5px solid transparent;
  z-index: 999;
}

.drop > a:hover:after{
  content:"";
   border-left: 5px solid transparent;
  border-top: 5px solid #ff0000;
  border-right: 5px solid transparent;
}
*/
/*焦点图*/
.lubo{ width: 100%; min-width:1200px;clear: both; position: relative; height:750px;}
  .lubo_box{ position: relative; width: 100%; height:750px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0;z-index:1; width: 100%; height:750px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 750px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 50px; height: 4px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #ff0000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #fff;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}

.title{ width:1200px; margin:0 auto; background:url(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:#23ac38; margin-top:2px; text-transform:uppercase;}
.title2{ background:url(xian_j.png) no-repeat center 54px;}
.title3{ background:url(xian_k.png) no-repeat center 54px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#39ae3c url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#39ae3c url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#39ae3c url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#39ae3c url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.who_about_us{ width:1200px; position:relative; left:50%; margin-left:-600px; padding:80px 0;}
.who_about_us dl{ width:1180px; 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: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;	
	}
/*	
.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:934px; 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;}

.main_doing{ width:1200px; margin:0 auto; height:200px;  padding-top:90px; display:table;}
.main_doing div{ width:100%;}
.main_doing li{ float:left; width:280px; margin-right:20px; margin-bottom:30px;}
.main_doing li dl{ width:100%; display:table; text-align:center;}
.main_doing li dl dt{ width:281px; margin:0 auto;}
.main_doing li dl dt img{ width:281px; margin:0 auto; height:260px;}
.main_doing li dl dd{ width:100%; text-align:center; line-height:30px;}
.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;	
	}
.main_doing .doi5 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 .doi6 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;	
	}*/
.indexup{margin:60px auto; width:1200px; font-size:12px; line-height:25px; text-align:left; clear:both;} 
.indexup img { float:left; width:120px; height:150px; margin:0px 20px 0px 0px;} 
.index001 {margin:20px auto; width:1200px;}

.index001 .lt{ float:left; width:380px; margin-top:30px;}
.index001 .lt p{ float:left; width:120px; text-align:center; line-height:30px; font-weight:bold; }
.index001 .lt p img{width:120px; border:#f1f1f1 1px solid;}
.index001 .lt ul{ float:right; width:240px; }
.index001 .lt ul li{ float:left; width:80px; padding-left:40px;  line-height:40px; background:url(jiahao.jpg) no-repeat left; font-size:14px; }

.index001 .ct{ float:left; width:380px; margin-top:30px;}
.index001 .ct p{ float:left; width:120px; text-align:center; line-height:30px; font-weight:bold;}
.index001 .ct p img{width:120px;  border:#f1f1f1 1px solid;}
.index001 .ct ul{ float:right; width:240px; }
.index001 .ct ul li{ float:left; width:80px; padding-left:40px;  line-height:40px; background:url(jiahao.jpg) no-repeat left; font-size:14px;}

.index001 .rt{ float:right; width:380px; margin-top:30px;}
.index001 .rt p{ float:left; width:120px; text-align:center; line-height:30px;  font-weight:bold;}
.index001 .rt p img{width:120px; border:#f1f1f1 1px solid;}
.index001 .rt ul{ float:right; width:240px; }
.index001 .rt ul li{ float:left; padding-left:40px;  line-height:40px; background:url(jiahao.jpg) no-repeat left; font-size:14px; padding-right:30px; }
.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;  line-height:30px;}

#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(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(bg2.png) no-repeat top center;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
}

.xxk ul .on{ background:url(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(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(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;

}

.Performance1{ margin:30px auto; width:100%; text-align:center;}
.Performance{ width:1920px; position:relative; left:50%; padding:57px 0; margin-left:-960px; display:table;}
.Project{ width:100%; min-height:362px; background:url(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:260px; margin-top:44px; margin-right:40px;}
.sub_project li dl{ width:100%; height:190px;}
.sub_project li dl dt{ width:100%; height:222px;}
.sub_project li dl dt:hover{ opacity:0.9;}
.sub_project li dl dt img{ width:269px; height:220px; border:#f1f1f1 1px solid;}
.sub_project li dl dd{ width:100%; height:30px; line-height:30px; background-color:#f1f1f1; 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:6px 0px; vertical-align:middle;}
.sub_project li dl dd h3 a{ font-size:16px; color:#333;}
.sub_project li dl:hover dd{ background-color:#d5d5d5;}


.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 #23ac38; color:#23ac38;}


.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(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 #e5e5e5;}
.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:#23ac38;}
.newsmot li dl dd strong{ font-size:14px; padding-top:30px; display:block;}
.newsmot li dl dd span{ display:block; margin-top:10px; width:80px; border-top:1px solid #23ac38;}
.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 0 0; }
.sub_huoban{ width:100%; margin:0 auto; display:table; padding-top:20px;}
.sub_huoban div{ width:110%; display:table;}
.sub_huoban li{ float:left; margin-right:57px; margin-top:15px;}
.sub_huoban li img{ width:192px; height:82px; border:#eee 1px solid;}
.sub_huoban li p{ width:192px; line-height:35px; text-align:center;}

.scrollbox{ width:1200px; margin: 20px auto; overflow: hidden; background:#f7f7f7 url(bjzwap.com_16.jpg) no-repeat left; height:59px; line-height:59px;}
.scrollboxlt {float:left; width:85px; line-height:59px; height:59px; font-size:14px; padding-left:25px; font-weight:bold;}
#scrollDiv{width:340px;height:59px; overflow:hidden; float:left;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:59px; width:300px; padding:0 20px;background:url(ico-4.gif) no-repeat 10px 23px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 0px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:30px; width:300px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none; }#scrollDiv li h3 a:hover{ color:#F00}

#scrollDiv1{width:340px;height:59px; overflow:hidden; float:left;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv1 li{height:59px; width:300px; padding:0 20px;background:url(ico-4.gif) no-repeat 10px 23px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 0px;}
#scrollDiv1 li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:30px; width:300px;}
#scrollDiv1 li h3 a{color:#353535; text-decoration:none;}#scrollDiv li h3 a:hover{ color:#F00}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px; float:right;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-right:10px; margin-top:5px;}

#but_up{ background:url(up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(down.gif) no-repeat 0 0; text-indent:-9999px}
#but_up1{ background:url(up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down1{ background:url(down.gif) no-repeat 0 0; text-indent:-9999px}


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

.index01 {margin:20px auto; width:1200px;}
.index01 .lt{ float:left;width:380px;}
.index01 .lt img{width:380px; height:290px;}
.index01 .lt h3{width:380px; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.index01 .lt h3 a{font-size:16px; color:#333;}
.index01 .lt h3 a:hover{color:#f00;}
.index01 .lt span { line-height:25px;}
.index01 .ct{ float:left;width:380px; margin:0px 30px;}
.index01 .ct img{width:380px; height:290px;}
.index01 .ct h3{width:380px; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.index01 .ct h3 a{font-size:16px; color:#333;}
.index01 .ct h3 a:hover{color:#f00;}
.index01 .ct span { line-height:25px;}
.index01 .rt{ float:right;width:380px;}
.index01 .rt img{width:380px; height:290px;}
.index01 .rt h3{width:380px; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.index01 .rt h3 a{font-size:16px; color:#333;}
.index01 .rt h3 a:hover{color:#f00;}
.index01 .rt span { line-height:25px;}

.index02 {margin:20px auto; width:1200px; height:576px;}
.index02 img {width:1200px; height:576px;}

.index03 {margin:20px auto; width:1200px; height:420px;}
.index03 .lt{ float:left;width:380px;}
.index03 .lt img{width:380px; height:290px;}
.index03 .lt h3{width:380px; height:40px; line-height:40px; font-size:14px;  font-weight:bold;}
.index03 .lt h3 a{font-size:16px; color:#333;}
.index03 .lt h3 a:hover{color:#f00;}
.index03 .lt span { line-height:25px;}
.index03 .ct{ float:left;width:380px; margin:0px 30px;}
.index03 .ct img{width:380px; height:290px;}
.index03 .ct h3{width:380px; height:40px; line-height:40px; font-size:14px;  font-weight:bold;}
.index03 .ct h3 a{font-size:16px; color:#333;}
.index03 .ct h3 a:hover{color:#f00;}
.index03 .ct span { line-height:25px;}
.index03 .rt{ float:right;width:380px;}
.index03 .rt img{width:380px; height:290px;}
.index03 .rt h3{width:380px; height:40px; line-height:40px; font-size:14px;  font-weight:bold;}
.index03 .rt h3 a{font-size:16px; color:#333;}
.index03 .rt h3 a:hover{color:#f00;}
.index03 .rt span { line-height:25px;}

.gd{
	margin:0px auto;
	width:1200px;
	}
.gd UL {
	MARGIN: 25px 10px;
}
.gd UL LI {
	padding:0px 6px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 250px; PADDING-TOP: 0px; HEIGHT: 240px
}
.gd UL LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 248px; PADDING-TOP: 1px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 180px
}
.gd UL LI .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 250px; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
.marqueeleft{height:240px;width:1180px;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left; padding-top:5px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:230px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:248px;height:180px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:30px;line-height:30px;}
/*footer*/

#footer {margin-top:20px; width:100%; background:#f5f5f5; border-top:#f5f5f5 1px solid;}
.footer {margin:0px auto; width:1200px; padding:15px 0px; height:280px; }
.footer .lt {
	float:left;
	width:1060px;
	border-right:#87888c 0px solid;
	padding-right:20px;
	}

.footer .lt ul{margin:0px auto; width:100%; padding:15px 0px; }
.footer .lt ul li{ text-align:center; color:#333; width:12%; float:left;}
.footer .lt ul li h1{ text-align:center; line-height:30px; color:#fff; font-size:18px; font-weight:bold;}
.footer .lt ul li h1 a{ color:#333;}
.footer .lt ul li a{color:#666; font-size:16px; line-height:30px;}
.footer .lt ul li a:hover{color:#23ac38;}

.footer .rt {
	float:left;
	width:120px;
	text-align:center;
	line-height:25px;
	color:#c7c9c8;
	margin-top:30px;
	}
.copy {margin:0px auto; height:40px; line-height:40px; background:#25ab38;}	
.copy ul{margin:0px auto; width:1200px;}	
.copy h3 {
	float:left;
	font-size:16px;
	color:#ff0;
	text-align:center;
	font-weight:bold;
	
}
.copy h3 a{
	color:#fff;
}
.copy h3 a:hover{
	color:#fff;
}
.copy span {
	float:right;
	text-align:right; 
	color:#fff;
}
.copy span a {
	color:#fff;
}
.copy span a:hover {
	color:#f00;
}

.yqlj { margin:20px auto; width:100%;}
.yqlj ul{ margin:0px auto; width:1200px;}
.yqlj ul h3{ float:left; text-align:left;  font-weight:bold;padding:8px 0;}
.yqlj ul li{ float:left; padding:10px 20px;}



@media all and (max-width:1200px) {
    .wrap{border:0;padding:0;width:968px;margin:0 auto;*zoom:1;}
/*index
//home service*/
.header .logo_text{display:none;}

.home_solutions_list dl{margin-right:0px;}
.home_solutions .wrap{width:1000px;}
.home_partner tr td:nth-child(5){display:none;}

.home_news_list .wrap{width:800px;}
.home_news_list_inner{width:1000px;}

.serve_column ul{width:824px;margin:0px auto;}
.serve_column li{float:left;width:272px;height:390px;background:#ffffff;margin:10px 95px 20px 45px;}


/*home_news*/
.hn_main{width:450px;position:relative;padding-bottom:28px;margin-top:40px;}
.hn_column{width:480px;margin-top:30px;}
.top_news_img{width:450px;height:194px;}
.hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad;}
.home_service{display:none;}