@charset "utf-8";
/* CSS Document */


.five{ margin-bottom:5rem;}
.four{  padding:110px 0 120px 0;  background: #ffffff; }
.four .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; overflow: hidden;  }
.four .right{ width:790px ;}
.four .left img{ display: block; }
.four .t4{ color: #df111b; font-size: 26px; line-height: 40px;font-family: SourceHanSansCN-Normal,"微软雅黑";;  padding-top: 5px; margin-bottom: 20px; font-weight: 200;}
.four p{ font-size: 15px; color: #666666; line-height: 30px; margin-bottom: 16px;}
.four a.more{  font-size: 18px; color: #df111b;font-family: SourceHanSansCN-Normal,"微软雅黑";; overflow: hidden;
    line-height: 30px;  }
.four a.more .img{ padding-top: 5px; float: left; padding-right: 4px;}
.four a.more .txt{  background: url("../images/shou2.jpg") no-repeat right center; float: left; padding-right: 26px; }
.five .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; overflow: hidden; }
.five .f-title{ font-size: 30px; line-height: 40px; color: #333333; font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align: center;
    padding: 50px 0 50px 0;}
	
.five .f-title2{ font-size: 30px; line-height: 40px; color: #333333; font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align: center;
    padding: 50px 0 50px 0;}
		
	
	
.five .f-left{  float: left; width: 16.66%; }
.five .f-left .f-cell{ width: 94%; margin: 0 auto;   height:270px ;  border:1px solid #f0f0f0; padding: 2px;}
.five .f1{ color: #333333; font-size: 18px; line-height: 24px; padding-top: 165px; text-align: center; padding-bottom: 6px;}
.five .f2{ font-size: 12px; color: #999999; font-family: Arial; line-height: 16px; text-align: center;}
.five .f-left .f-cell:hover{ border:  3px solid #e93f40; padding: 0px;}
.five .f-left .f-cell:hover .f1{ color:#e93f40 ;}
.five .f-left .f-cell:hover .f2{ color:#e93f40 ;}
.five .five1{ background: url("../images/yuzh_1.png") #ffffff no-repeat center top 45px;}
.five .five2{ background: url("../images/yuzh_2.png") #ffffff  no-repeat center top 45px;}
.five .five3{ background: url("../images/yuzh_3.png") #ffffff no-repeat center top 45px;}
.five .five4{ background: url("../images/yuzh_4.png") #ffffff no-repeat center top 45px;}
.five .five5{ background: url("../images/yuzh_5.png") #ffffff no-repeat center top 45px;}
.five .five6{ background: url("../images/yuzh_6.png") #ffffff no-repeat center top 45px;}
.five .five1:hover{ background: url("../images/yuzh_1h.png") #ffffff no-repeat center top 45px;}
.five .five2:hover{ background: url("../images/yuzh_2h.png") #ffffff no-repeat center top 45px;}
.five .five3:hover{ background: url("../images/yuzh_3h.png") #ffffff no-repeat center top 45px;}
.five .five4:hover{ background: url("../images/yuzh_4h.png") #ffffff no-repeat center top 45px;}
.five .five5:hover{ background: url("../images/yuzh_5h.png") #ffffff no-repeat center top 45px;}
.five .five6:hover{ background: url("../images/yuzh_6h.png")#ffffff no-repeat center top 45px;}




	.main_bt {
	width: 440px;
	height: 50px;
	margin: 0 auto;
	display: block;
}
	
	
    .main2_bg {
	width: 100%;
	height: 1111px;
	/*background: url(../images/main2_bg.jpg) repeat-x;*/
	background:#f2f2f2;
	padding-top: 1px
}

.main2 {
	width: 1200px;
	height: 625px;
	margin: 50px auto 0 auto
}

.main2_nb {
	width: 1200px;
	height: 471px;
	margin-top: 54px
}

.main2_nr {
	display: block;
	width: 278px;
	height: 471px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 29px
}

.casesimg {
	display: block;
	width: 278px;
	height: 380px;
}

.caseswz1 {
	display: block;
	width: 278px;
	height: 30px;
	line-height: 30px;
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	color: #333
}

.caseswz2 {
	display: block;
	width: 278px;
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	text-align: center;
	font-size: 12px;
	color: #666
}

.main2_h {
	width: 278px;
	height: 180px;
	position: absolute;
	left: 0;
	bottom: -180px;
	z-index: 999;
	background: #CF010E;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.main2_nr:hover .main2_h {
	left: 0;
	bottom: 0
}

.main2_h_wz1 {
	display: block;
	width: 278px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: url(../images/m2_x.jpg) bottom center no-repeat;
	margin-top: 21px
}

.main2_h_wz2 {
	display: block;
	width: 245px;
	height: auto;
	overflow: hidden;
	margin: 14px auto 0 auto;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	text-align: center
}


	.con_con{position: relative;overflow: hidden;}
		@keyframes lian_change{
			to{background-color: white;color: black;}
		}
		.con_one{position:relative;overflow: hidden}
		.con_soone{font-size:50px;color: white;font-weight: bold}
		.con_sobox{text-align:center;position: absolute;width: 100%;top:40%;left: 0;}
		.con_conbox{float:left;width:50%;}
		.con_onebg{width: 100%;}
		.con_two{position:relative;/*overflow: hidden*/}
		.con_twobg{width:100%;}
		.con_inbox{width:10%;position: absolute;top:5%;left:70%; z-index:111;}
		.con_inbox1{width:10%;position: absolute;top:5%;left:20%; z-index:111;}

		
		
		
		.con_twoso01{font-size:2.2vw;float: left;color: #fff;font-weight: bold}
		.con_twoso011{font-size:2.2vw;float: left;color: black;font-weight: bold}

		
		.con_twoimg01{float:left;margin-left: 30px;}
		.con_twoso02{font-size:1.7vw;color: black;margin-bottom: 10px;}
		.con_twoimg02{display:block;}
		.con_twocon{width:10.25%;background-color:rgb(176, 176, 176); margin:16% 5% -13.5% 10%;float: left;height:15rem;}

		.con_twoconlei{background-color:#e5453c;}
		.con_contit{color:white;font-weight: bold;font-size:1vw;margin-top: 10px;margin-bottom: 10px;}
		.con_conxiang{color:white}
		.con_xiang{width:61%;position: absolute;top:0;left:50%; height:58.8rem; background:rgb(176, 176, 176);}
		.con_xiangz{width:50%; height:59rem; background:rgba(249, 247, 245, 0.85);position: absolute;top:0;left:0.2%;}

		.con_sodown{margin-top:3%;}
		.con_three{width:90%;margin-left: 5%;}
		.con_threeso01{font-size:24px;color: black;margin-top: 60px;}
		.con_threeso02{font-size:14px;color: black;margin-top: 20px;}
		.con_addin{outline:none; border-width: 1px;padding: 15px;width:20%;margin-right:1%;border:1px solid #a6a6a6}
		.con_need{resize: none;width: 100%;outline:none; border-width: 1px;padding: 15px;border:1px solid #a6a6a6;height:100px;}
		.con_inputbox{margin-top:60px;}
		.con_area{margin-top:30px;}
		.con_formup{margin-top:30px;}
		.con_threeup{background-color:#555555;color: white;padding: 15px 50px; border-radius: 5px;border: none;outline: none;margin-bottom: 30px;margin-right: 5px;cursor: pointer;font-size: 16px;}
		.con_threeup:hover{animation:formup 0.5s forwards}

		.con_twoconz{width:30.25%;/*background-color:rgba(249, 247, 245, 0.85);*/padding:20% 4% 0.5% 10%;float: left;height:15rem;}
		.con_twoconz img{ width:8rem;}
		.con_contitz{color:#0c0b0b;font-weight: bold;font-size:1vw;margin-top: 10px;margin-bottom: 10px;}
		
		
		
/*研究中心*/
	

* { 
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}
/*WRAPPER*/
.wrapper {
  position: relative;
 /* margin: 20px auto;*/
  width: 100%;
}



/*MAIN CIRCLE*/ 
.circle {
  position: relative;
 /* margin-top: 14%;*/
  margin-bottom: 20px;
  margin-left: 24%;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  background: #7a7c7d;
  box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu a { 
 /* margin-right: -4px;
  padding: 10px 30px;
  width: 50px;
  font: 15px/25px Helvetica, Arial, sans-serif;*/
    color: #333;
  text-decoration: none;

}
/*.menu a:hover {
  background: #eee;
}







/*LITTLE 8小图 CIRCLES*/
.circle li {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: white;
  list-style: none;
  text-align: center;
  font: 15px/75px Helvetica, Arial, sans-serif;
} 

.circle li a { font-size:1.3rem;; text-decoration:none; color:#666;}

.circle li:nth-child(1) { 
  top: 6px;
  left: 240px;
}
.circle li:nth-child(2) {
  top: 64px;
  left: 350px;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/
}
.circle li:nth-child(3) {
  top: 172px;
  left: 406px;
 /* -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);*/
}
.circle li:nth-child(4) {
  top: 292px;
  left: 387px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}

.circle li:nth-child(5) {
  top: 405px;
  left: 177px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle li:nth-child(6) {
  top: 380px;
  left: 306px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle li:nth-child(7) {
  top: 345px;
  left: 60px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle li:nth-child(8) {
  top: 236px;
  left: 6px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle li:nth-child(9) {
  top: 115px;
  left: 25px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle li:nth-child(10) {
  top: 26px;
  left: 113px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}



.circle:before {
  content: "管理课题";
  text-align: center;
  font: 27px/135px Georgia, Times, serif;
  color: #000;
  position: absolute;
  top: 36%;
  left: 36%;
  z-index: 10;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}


menu > .two:hover ~ .circle {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
} 









* { 
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}
/*wrapper2*/
.wrapper2 {
  position: relative;
  /*margin: 20px auto;*/
  width: 100%;
}

.yjzx { width:50%; float:left;}
.yjzx1 { width:50%; margin-left:50%;}

/*MAIN circle2*/ 
.circle2 {
  position: relative;
  margin-top: 3.5%;
  margin-bottom: 20px;
  margin-left: 19%;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  background: #7a7c7d;
  box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu2 a { 
 /* margin-right: -4px;
  padding: 10px 30px;
  width: 50px;
  font: 15px/25px Helvetica, Arial, sans-serif;*/
    color: #333;
  text-decoration: none;
  font-size:1.3rem;

}
/*.menu2 a:hover {
  background: #eee;
}







/*LITTLE 8小图 circle2S*/
.circle2 li {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: white;
  list-style: none;
  text-align: center;
  font: 15px/75px Helvetica, Arial, sans-serif;
} 

.circle2 li a{ text-decoration:none; color:#666; font-size:1.3rem;}

.circle2 li:nth-child(1) { 
  top: 6px;
  left: 240px;
}
.circle2 li:nth-child(2) {
  top: 64px;
  left: 350px;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/
}
.circle2 li:nth-child(3) {
  top: 172px;
  left: 406px;
 /* -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);*/
}
.circle2 li:nth-child(4) {
  top: 292px;
  left: 387px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}

.circle2 li:nth-child(5) {
  top: 405px;
  left: 177px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle2 li:nth-child(6) {
  top: 380px;
  left: 306px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle2 li:nth-child(7) {
  top: 345px;
  left: 60px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle2 li:nth-child(8) {
  top: 236px;
  left: 6px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle2 li:nth-child(9) {
  top: 115px;
  left: 25px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle2 li:nth-child(10) {
  top: 26px;
  left: 113px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}



.circle2:before {
  content: "产业课题";
  text-align: center;
  font: 27px/135px Georgia, Times, serif;
  color: #000;
  position: absolute;
  top: 37%;
  left: 37%;
  z-index: 10;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}


menu2 > .two:hover ~ .circle2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
} 






/*孵化中心*/
	

* { 
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}
/*wrapper43*/
.wrapper3 {
  position: relative;
 /* margin: 20px auto;*/
  width: 100%;
}



/*MAIN circle43*/ 
.circle3 {
  position: relative;
 /* margin-top: 14%;*/
  margin-bottom: 20px;
  margin-left: 24%;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  background: #7a7c7d;
  box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu a { 
 /* margin-right: -4px;
  padding: 10px 30px;
  width: 50px;
  font: 15px/25px Helvetica, Arial, sans-serif;*/
    color: #333;
  text-decoration: none;

}
/*.menu a:hover {
  background: #eee;
}







/*LITTLE 8小图 circle43S*/
.circle3 li {
  position: absolute;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: white;
  list-style: none;
  text-align: center;
  font: 45px/75px Helvetica, Arial, sans-serif;
} 

.circle3 li a { font-size:1.3rem;; text-decoration:none; color:#666;}

.circle3 li:nth-child(1) { 
  top: 0.5rem;
  left: 15rem;
}
.circle3 li:nth-child(2) {
  top: 6rem;
  left: 27rem;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/
}
.circle3 li:nth-child(3) {
  top: 19rem;
  left: 30rem;
 /* -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);*/
}
.circle3 li:nth-child(4) {
  top: 29rem;
  left: 23rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}

.circle3 li:nth-child(5) {
  top: 30rem;
  left: 10rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle3 li:nth-child(6) {
  top: 20rem;
  left: 1.2rem;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle3 li:nth-child(7) {
  top: 7rem;
  left: 3rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle3 li:nth-child(8) {
  top: 236px;
  left: 6px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle3 li:nth-child(9) {
  top: 115px;
  left: 25px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle3 li:nth-child(10) {
  top: 26px;
  left: 113px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}



.circle3:before {
  content: "企业孵化";
  text-align: center;
  font: 27px/135px Georgia, Times, serif;
  color: #000;
  position: absolute;
  top: 36%;
  left: 36%;
  z-index: 10;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}


menu > .two:hover ~ .circle3 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
} 









* { 
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}
/*wrapper432*/
.wrapper4 {
  position: relative;
  /*margin: 20px auto;*/
  width: 100%;
}

.yjzx { width:50%; float:left;}
.yjzx1 { width:50%; margin-left:50%;}
.yjzx_t{ text-align:center;}

/*MAIN circle4*/ 
.circle4 {
  position: relative;
  margin-top: 3.5%;
  margin-bottom: 20px;
  margin-left: 19%;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  background: #7a7c7d;
  box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu2 a { 
 /* margin-right: -4px;
  padding: 10px 30px;
  width: 50px;
  font: 15px/25px Helvetica, Arial, sans-serif;*/
    color: #333;
  text-decoration: none;
  font-size:1.3rem;

}
/*.menu2 a:hover {
  background: #eee;
}







/*LITTLE 8小图 circle432S*/
.circle4 li {
  position: absolute;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: white;
  list-style: none;
  text-align: center;
  font: 45px/75px Helvetica, Arial, sans-serif;
} 

.circle4 li a{ text-decoration:none; color:#666; font-size:1.2rem;}

.circle4 li:nth-child(1) { 
  top: 0.5rem;
  left: 15rem;
}
.circle4 li:nth-child(2) {
  top: 6rem;
  left: 27rem;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/
}
.circle4 li:nth-child(3) {
  top: 19rem;
  left: 30rem;
 /* -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);*/
}
.circle4 li:nth-child(4) {
  top: 29rem;
  left: 23rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}

.circle4 li:nth-child(5) {
  top: 30rem;
  left: 10rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle4 li:nth-child(6) {
  top: 20rem;
  left: 1.2rem;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle4 li:nth-child(7) {
  top: 7rem;
  left: 3rem;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle4 li:nth-child(8) {
  top: 236px;
  left: 6px;
 /* -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle4 li:nth-child(9) {
  top: 115px;
  left: 25px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}
.circle4 li:nth-child(10) {
  top: 26px;
  left: 113px;
/*  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);*/
}




.circle4:before {
  content: "产业孵化";
  text-align: center;
  font: 27px/135px Georgia, Times, serif;
  color: #000;
  position: absolute;
  top: 37%;
  left: 37%;
  z-index: 10;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}


menu2 > .two:hover ~ .circle4 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}