*{margin:0;padding:0;}
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"微软雅黑";
}
.scrollpic {
	width: 100%;
	margin:40px auto 0 auto;
}
#myscroll {
	display: block;
	position: relative;
	width:1200px;
	height: 240px;
	overflow: hidden;
	margin:0 auto;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left:0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	width:100%;
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:300px;
	margin:0 50px;
}

#left,#right{
	width: 42px;
	height: 42px;
	display: block;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#left{
	float:left;
	position:absolute;
	top:750px;
	left:30px;
}
#right{
	float:right;
	position:absolute;
	top:750px;
	right:80px;
}
#left,#right:hover {
	background-color: #347fdc;
}
#left,#right:hover, #myscroll, #left,#right, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-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;
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}


 .vg-body {
 width: 1200px;
 margin: 0 auto;
 }
 /*任务成长值*/
  
 .vg_task {
 position: relative;
 }
  
 .vg_task .arrowbtn-left,
 .vg_task .arrowbtn-right {
 position: absolute;
 top: 70px;
 width: 16px;
 height: 20px;
 cursor: pointer;
 }
  
 .vg_task .arrowbtn-left {
 	width: 20px;
 	height: 60px;
 	left: 20px;
 	top: 135px;
 	background: url(/public/web/images/zhiminglb_3.png) no-repeat;
 
 }
  
 .vg_task .arrowbtn-right {
 	width: 20px;
 	height: 60px;
 	right: 20px;
 	top: 135px;
	 background: url(/public/web/images/zhiminglb_4.png) no-repeat;
 
 }
  
 .vg_tasklist {
 width: 1200px;
 overflow: hidden;
 margin: 0 auto;
 }
  
 .vg_tasklist ul {
 width: 999%;
 }
  
 .vg_tasklist li {
 width: 260px;
 height:290px;
 float: left;
 border: 1px solid #c8c8c8;
 margin: 15px 145px 15px 0;
 position: relative;
 }
  
 .vg_tasklist li .task_hover {
 position: absolute;
 left: -1px;
 top: -1px;
 width: 212px;
 padding: 20px 25px 20px 23px;
 height: 90px;
 border-bottom: 2px solid #e65a5a;
 overflow: hidden;
 background-color: #f0f0f0;
 display: none;
 }
  
 .vg_tasklist li:hover .task_hover {
 display: block;
 }
  
 .task_hover .task_desc {
 font-size: 16px;
 line-height: 20px;
 color: #646464;
 }
  
 .task_hover .task_limittimes {
 font-size: 14px;
 color: #787878;
 float: left;
 padding-top: 12px;
 }
  
 .vg_tasklist li img {
	float: left;
	width:100%;
	height:100%;
 }
  
 .vg_tasklist li .rightinfo {
 width: 136px;
 float: left;
 text-align: center;
 }
  
 .rightinfo h3 {
 font-size: 16px;
 color: #646464;
 padding-top: 15px;
 }
  
 .rightinfo p {
 font-size: 14px;
 line-height: 26px;
 color: #787878;
 }
  
 .rightinfo a,
 .task_hover a {
 display: block;
 text-align: center;
 width: 96px;
 height: 30px;
 line-height: 30px;
 border: 2px solid #e65a5a;
 border-radius: 5px;
 font-size: 16px;
 font-weight: 700;
 color: #e65a5a;
 }
  
 
  
 
  
 
 /*grid-1230*/
  
 .grid-1230 .vg-body {
 width: 1210px;
 }
  
 .grid-1230 .vg_tasklist {
 width: 1090px;
 }
  

  
 .grid-1230 .vg_task .arrowbtn-left {
 left: 33px;
 }
  
 .grid-1230 .vg_task .arrowbtn-right {
 right: 33px;
 }
  
 .grid-1230 .vg_growth_table {
 padding: 24px 30px;
 }
  
 .grid-1010 .vg-body {
 width: 990px;
 }
  
 .grid-1010 .vg_tasklist {
 width: 850px;
 }
  
 .grid-1010 .vg_tasklist li {
 margin-right: 35px;
 }
  
 .grid-1010 .vg_task .arrowbtn-left {
 left: 30px;
 }
  
 .grid-1010 .vg_task .arrowbtn-right {
 right: 30px;
 }