/*.banner{*/
/*	background:url(../images/banner.jpg) no-repeat center;*/
/*	background-size:cover;*/
/*	width:100%;*/
/*	height:500px*/
/*}*/


.picbox{
	position:relative;
	height:500px;
}


.banner_list {
    position: absolute;
}

.clickBtn {
    bottom: 10px;
    height: 15px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    z-index: 100;
}

.clickBtn span {
    background: #fff;
    display: block;
    float: left;
    height: 10px;
    margin-left: 15px;
    width: 10px;
    border-radius:50%;
}

.clickBtn .on {
    background: #000;
	border:1px solid #fff;
	opacity:0.5;
	width:9px;
	height:9px;
	margin-top:-1px;
}




.text {
	padding-top:200px;
}
.text p{
	text-align:center;
	color:#fff;
}
p.p1{
	font-size:20px;
	
}

p span:first-child{
	margin-right:15px;
}
p.p2{
	margin-top:5px;
	font-size:13px;
}
.content{
	width:1200px;
	margin:30px auto;
}

.content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.bg {
    float: left;
}

.word {
    margin-left: 480px;
}
.title{
	font-size:18px;
}
span.name{
	color:#999;
}
.line{
	border:1px solid #e10038;
	width:30px;
	margin:12px 0;
}

p.txt{
	text-indent:30px;
	color:#6f6f6f;
	line-height: 25px;
}
p.p4{
	text-indent:30px;
	color:#6f6f6f;
	line-height: 25px;
	position:relative;
}

p.p4:before{
	content:".";
	position:absolute;
	color:#e10038;
	font-size:35px;
	left: -15px;
    top: -10px;
}
.part{
	background:#f5f5f5;
	width:100%;
	
}

.box{
	width:1200px;
	margin: 0 auto;
	
}

.item{
	border-bottom:1px solid #e9e9e9;
	padding: 20px 0;
	margin-bottom:35px;
}

.top{
	border-left:2px solid #e10038;
}

.top h3 {
    display: inline-block;
	padding-left:10px;
	margin-right: 10px;
}

.top span{
	color:#999;
}
.sect{
	float:left;
    width:91%;
	height:180px;
}
.box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.sect img{
	background:#fff;
	border:1px solid #e8e8e8;
	padding:10px;
	width:240px;
	height:158px;
}

.key{
	float:right;
	margin: 60px 50px 100px 0;
}
.arrow{
	width:18px;
	height:11px;
	border:1px solid #dbdbdb;
	padding:5px 10px;
	cursor:pointer;
}
.up{
	
	
}
.up span{
	display:block;
	border-right: 2px solid #dbdbdb;
	border-top: 2px solid #dbdbdb;
	height: 10px;
	width: 10px;
	margin: 2px auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/*不加这两个属性三角会比上一个略丑, 大家可以试一下*/
	/*border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;*/
}


.arrow.now{
	border:1px solid #cc0033;
	
}
.arrow span.persent{
	border-right: 2px solid #cc0033;
	border-top: 2px solid #cc0033;
}

.down{
	margin-top:15px;
}

.down span{
	display:block;
	border-right: 2px solid #dbdbdb;
	border-top: 2px solid #dbdbdb;
	height: 10px;
	width: 10px;
	margin: -2px auto;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}