.clearfix {zoom:1;}
.clearfix:after {  display:block; content:""; height:0; font-size:0; clear:both; overflow:hidden;}
.banner{
	background-image: url(../images/oa.jpg);
	text-align: center;
    color: #fff;
    height: 483px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner_box{
	width: 1200px;
	margin: 0 auto;
}
.banner_text{
	width: 500px;
	text-align: left;
	padding-top: 90px;
}
.banner_text h3{
	font-weight: normal;
	font-size: 48px;
	margin-bottom: 10px;
}
.banner_text p{
	font-size: 16px;
	line-height: 30px;
}
.tyan{
	margin-top: 30px;
	display: block;
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #00a50d;
	border-radius: 30px;
	font-size: 16px;
}
.tyan:hover{
	color: #fff;
}
.wrap_center{
	background: #fff;
	
}
.wrap_center2{
	background: #f8f8f8;
	
}
.wrap{
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}
.wrap h3{ 
	font-size:40px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 25px;
	}
.wrap p{ 
 text-align: center;
 font-size: 16px;
 color: #666;
 line-height: 30px;
}
.sk_banner{
	width: 1150px;
	margin: 0 auto;
	margin-top: 45px;
}
.sk_banner img{
	display: block;
	margin: 0 auto;
	width: 190px;
}
.sk_banner p{ margin-top: 40px;}
.lyan{
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #00a50d;
	border-radius: 30px;
	text-align: center;
	margin-top: 50px;
	/*background: #00a50d;*/
	font-size: 16px;
	color: #00a50d;
}
.lyan:hover{
	color: #fff;
	background: #00a50d;
}
.x_img img{
	display: block;
	width: auto;
	margin: 0 auto;
}
.list li{
	margin: 0 10px;
    border: 12px solid #E6E6E6;
    width: 259px;
    height: 259px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    
}
.jz{
	text-align: center;
}
.list ul .text {
    transition: 5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.text .icon {
    margin: 20px auto;
    width: 100px;
    height: 90px;
    text-align: center;
}
.text .icon img {
    max-height: 100%;
    max-width: 100%;
    margin: 0;
}
.text1 .title {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    width: 130px;
    margin: 0 auto;
}
.text2{
	opacity: 0;
}
.text2 h3{
	font-size: 20px;
    font-weight: bold;
    color: #fff;
    width: 100px;
    margin: 10px auto;
    padding: 20px 0 10px;
    border-bottom: 1px solid #fff;
    word-wrap: break-word;
}
.text2 p {
    padding: 15px 30px;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}
.kk_banner{
	padding: 0 30px;
	box-sizing: border-box;
	margin-top: 80px;
}
.left_div {

    float: left;
    width: 535px;
    text-align: left;
}
.right_div{
	width: 535px;
    float: right;
}
.right_div img,.left_div img{
	width: 100%;
}

.left_div h3,.right_div h3{
	text-align: left;
	font-size: 40px;
	font-weight: normal;
	margin-top: 30px;
	 margin-bottom: 25px;
	 }
.gl p{
	text-align: left;
	font-size: 16px;
    color: #666;
    line-height: 30px;
	}
.gl .lyan{
	margin-top: 30px;
	margin-left: 0;
}