/* CSS Document */

.aboutfocus{ width:50%; height: 980px; position:relative; float: left; }
.aboutfocus .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.aboutfocus .hd ul{ overflow:hidden; zoom:1; float:left;  }
.aboutfocus .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.aboutfocus .hd ul li.on{ background:#f00; color:#fff; }
.aboutfocus .bd{ position:relative; height:100%; z-index:0; overflow: hidden; }
.aboutfocus .bd li{ zoom:1; vertical-align:middle; }
.aboutfocus .bd img{ width:960px; display:block;  }
@media screen and (max-height:768px){
	.aboutfocus .bd img{ width:100%; display:block;  }
}
.aboutfocus .bd .txt{
	width: 330px;
	height: 50px;
	position: absolute;
	right: 5%;
	bottom: 9%;
	background: url(../images/about_txt.png) no-repeat;
	z-index: 3;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.aboutfocus .prev,
.aboutfocus .next{ position:absolute; top:50%; margin-top:-3rem; height: 6rem; line-height: 6rem; text-align: center; color: #673434; z-index: 999; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.aboutfocus .prev i,.aboutfocus .next i{font-size: 2rem;}
.aboutfocus .prev{ background: #fff; right: 0; width: 6rem; padding-right: 4rem;}
.aboutfocus .next{ background: #ddcbbc; left: 100%; width: 6rem; }
.aboutfocus .prev:hover,
.aboutfocus .next:hover{ color: #fff; background: #cc9966; }
.aboutfocus .prev:hover{padding-right: 5rem;}
.aboutfocus .next:hover{padding-left: 1rem;}

.aboutContent{width: 50%; position: relative; float: left;}
.aboutContent .textBox{margin: 22% 18% 0 15%; color: #333;}
.aboutContent .textBox h3, .aboutContent .textBox h4, .aboutContent .textBox h5{font-weight: 100;}
.aboutContent .textBox h3{font-size: 2.6rem; padding-bottom: 2rem;}
.aboutContent .textBox h4{font-size: 1.8rem; font-style: italic;}
.aboutContent .textBox h5{font-size: 1.4rem; padding: 20px 0;}
.aboutContent .textBox .txt{ font-size: 1.4rem; padding-top:20px; line-height: 200%; text-align:justify;}
.aboutContent .textBox .txt h6{font-size: 18px; line-height: 300%;}
.aboutContent .textBox .txt p{text-indent: 30px; line-height: 220%; font-size: 14px;}
.aboutContent .textBox .txt p span{font-weight: bold; color: #900000;}

.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:40px;}
.slideTxtBox .hd ul{ overflow: hidden; clear: both; padding: 0; margin: 0; }
.slideTxtBox .hd ul li{ float:left; padding:0 30px; font-size: 18px; border: 1px solid #eee; margin-right: 10px; cursor:pointer; width: auto; color: #666; }
.slideTxtBox .hd ul li.on{ height:40px; background: #ddcbbc; border-color: #ddcbbc; color: #330000;}
.slideTxtBox .bd ul{ padding:15px 0; margin: 0; zoom:1; overflow: hidden; width: 100%; }
.slideTxtBox .bd li{ line-height:200%; width: auto; text-align: left; font-size: 14px; padding-top: 30px; }
.slideTxtBox .bd .jianjie{text-indent: 30px; line-height: 300%;}
.slideTxtBox .bd .zhici{text-indent: 30px; line-height: 300%;}
.slideTxtBox .bd .wenhua{font-size: 2rem; line-height: 300%;}


.aboutContent ul{width: 100%; overflow: hidden; padding-top: 4rem;}
.aboutContent ul li{width: 25%; float: left; text-align: center; }
.aboutContent ul li .iconBox{
	width: 50%; 
	padding: 3rem 0 2rem 0; 
	position: relative; 
	margin:0 auto; 
	margin-top: 2rem;
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.aboutContent ul li .iconBox::before, .aboutContent ul li .iconBox::after{
	width: 100%;
	height: 0.2rem;
	background: #cccccc;
	content: "";
	position: absolute;
	left: 0;
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.aboutContent ul li .iconBox span{
	display: none; 
	position: absolute; 
	bottom: 0; 
	color: #9999ff; 
	font-size: 1.4rem; 
	font-weight: bold; 
	text-align: center; 
	width: 100%;	
}
.aboutContent ul li .iconBox::before{top: 0;}
.aboutContent ul li .iconBox::after{bottom: 0;}
.aboutContent ul li .iconBox i{font-size: 4rem;}
.aboutContent ul li .iconBox a{display: block; color: #999999;}
.aboutContent ul li .iconBox:hover{margin-top: 0; padding: 3rem 0 5rem 0; width: 60%;}
.aboutContent ul li .iconBox:hover i{ font-size: 4.5rem;}
.aboutContent ul li .iconBox:hover::before, .aboutContent ul li .iconBox:hover::after{background-color: #9999ff;}
.aboutContent ul li .iconBox:hover a{color: #9999ff;}
.aboutContent ul li .iconBox:hover span{display: block; bottom: 20%;}

@media screen and (max-width:1440px){
	.aboutContent .textBox{margin-right: 15%;}
	.aboutContent .textBox h5{padding: 3rem 0;}
}
@media screen and (max-height:900px){
	.aboutContent .textBox{margin: 10% 10% 0 9%;}
}

@media screen and (max-height:768px){
	
	.aboutContent .textBox{margin: 15% 10% 0 9%; color: #333;}
	.aboutContent .textBox h3, .aboutContent .textBox h4, .aboutContent .textBox h5{font-weight: 100;}
	.aboutContent .textBox h3{font-size: 20px; padding-bottom: 15px;}
	.aboutContent .textBox h4{font-size: 16px; font-style: italic;}
	.aboutContent .textBox h5{font-size: 12px; padding: 10px 0; }
	.aboutContent .textBox .txt{padding-top: 20px;}
	.aboutContent .textBox .txt h6{font-size: 14px;}
	.aboutContent .textBox .txt p{text-indent: 28px; font-size: 13px; line-height: 200%;}
	
	.slideTxtBox .bd .jianjie{text-indent: 30px; line-height: 200%; padding-top: 20px;}
	.slideTxtBox .bd .jianjie h3{font-size: 20px;}
	.slideTxtBox .bd .zhici{text-indent: 30px; line-height: 180%; padding-top: 20px;}
	.slideTxtBox .bd .wenhua{font-size: 1.6rem; line-height: 200%;}
	
	.slideTxtBox .hd ul li{ float:left; padding:0 30px; font-size: 16px; border: 1px solid #eee; margin-right: 10px; cursor:pointer; width: auto; color: #666; }
	.slideTxtBox .hd ul li.on{ height:40px; background: #ddcbbc; border-color: #ddcbbc; color: #330000;}

	
}