@charset "utf-8";
body{width:100%;margin:0; padding:0; font-family:"微软雅黑", "黑体"; font-size:12px; background-color:#fff;}
a,a:hover{ text-decoration:none;}
img{display:block;border:0 none;}
ul,ol{ list-style:none;}

/*轮播样式*/
.swipe {  position: relative;margin:0% auto; overflow:hidden; width:100%;}
.swipe-wrap { overflow:hidden; position: relative; width:3000px; }
.swipe-wrap > div {float:left; position: relative; width:100%;}
.swipe_pic img{ width:100%;}
.swipe_pic p{ position:absolute;left:0;bottom:-10%;padding:0 14px; font-size:16px; font-family:微软雅黑; font-weight:normal;background:#999;height:30px;line-height:30px;color:#fff;width:100%; text-align:left;}
.swipe_num{bottom:-10%;left:0;height:30px;width:100%;position:absolute;text-align:right; z-index:1;line-height:30px;}
.swipe_num span{margin-bottom:2px;background:#fff;border-radius:10px;cursor:pointer;display:inline-block;*display:inline;height:10px;margin-right: 4px; margin-left:4px;width:10px;}
.swipe_num span.active{background:#000;}

/*轮播样式end*/

/***********************内容样式**********************************************/
.middleline{border-right:4px solid #a5a5a5; width:50%; height:400px; z-index:0; margin-top:-8%;}
.List{ position:absolute; top:43%; width:100%; }
.List .List_01{ margin:25% 0% 0% 44%;}
.List .List_01 p{width:18%; border-top:4px solid #a5a5a5;}
.List .List_01 .pic_01{margin:-49% 0% 0% 17%; width:75%;}
.List .List_01 .title_01{margin:8% 0% 0% 29%; width:58%;}
.List .List_02{ margin:4% 0% 0% 34%;}
.List .List_02 p{width:15%; border-top:4px solid #a5a5a5;}
.List .List_02 .pic_02{margin:-39% 0% 0% -60%; width:60%;}
.List .List_02 .title_02{margin:5% 0% 0% -42%; width:29%;}

/*****************动画效果********************************************/
/* 定义属性：getRound */
.getRound {
	-webkit-animation-name: getRound;
	-moz-animation-name: getRound;
	-o-animation-name: getRound;
	animation-name: getRound;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration:1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes getRound{
	0% {opacity: 0;-webkit-transform:rotate(180deg);}
	100% {opacity: 1;-webkit-transform:rotate(360deg);}
}
@-moz-keyframes getRound {
	0% {opacity: 0;-webkit-transform:rotate(180deg);}
	100% {opacity: 1;-webkit-transform:rotate(360deg);}
}
@-o-keyframes getRound {
	0% {opacity: 0;-webkit-transform:rotate(180deg);}
	100% {opacity: 1;-webkit-transform:rotate(360deg);}
}
@keyframes getRound {
	0% {opacity: 0;-webkit-transform:rotate(180deg);}
	100% {opacity: 1;-webkit-transform:rotate(360deg);}
}
/* 定义属性：getBig */
.getBig{
	-webkit-animation-name: getBig;
	-moz-animation-name: getBig;
	-o-animation-name: getBig;
	animation-name: getBig;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration:1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes getBig{
	0% {opacity: 0;-webkit-transform:scale(0,0);}
	100% {opacity: 1;-webkit-transform:scale(1,1);}
}
@-moz-keyframes getBig {
	0% {opacity: 0;-webkit-transform:scale(0,0);}
	100% {opacity: 1;-webkit-transform:scale(1,1);}
}
@-o-keyframes getBig {
	0% {opacity: 0;-webkit-transform:scale(0,0);}
	100% {opacity: 1;-webkit-transform:scale(1,1);}
}
@keyframes getBig {
	0% {opacity: 0;-webkit-transform:scale(0,0);}
	100% {opacity: 1;-webkit-transform:scale(1,1);}
}