@charset "utf-8";
.tab02 {
    overflow: hidden;
	width: 800px;
	margin: 0 auto;
}
 .tab02 a.on {
    background: #3da3fe;
    color: #fff;
    text-decoration: none;
}

 .tab02 a {
    display: block;
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #333;
    background: #cccccc;
    margin-right: 3px;
    font-size: 16px;
	margin-bottom: 10px;
}
.content{ width:1200px; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.content ul  li{ float:left; width:280px; height:300px; margin-left:20px; margin-top:20px;}
.content ul  li:nth-clild(4n){ margin-left:0px;}
.content ul  li img{ width:280px; height:250px;}
.content ul  li h3{ text-align:center; font-size:16px; height:30px; line-height:30px; width:100%; overflow:hidden;}
.content ul  li :hover{ color:#FF0000;}
.indexabout{ width:100%; position:relative;}
.about {
	background: url(../images/aboutbg.jpg) no-repeat top center;
	height: 546px;
	overflow: hidden;
}

.about .fl {position:relative;
margin-top:50px;

	float: left;
	display: inline-block;
	width:50%;
}

.about .fl  .p_dimage {height: inherit;
    overflow: hidden;
    font-size: 0;}
.about .fl  .p_dimage > img{ height:450px; object-fit:cover; transition:all .8s ease; -moz-transition:all .8s ease; -webkit-transition:all .8s ease; -o-transition:all .8s ease; } 
.about .fl:hover .p_dimage>img{ overflow:hidden; transform:scale3D(1.1, 1.1, 1.1); cursor:pointer; } 
.about .fl .p_dimage:before{ position: absolute; content:""; display:block; width:calc(100% - 40px); height:calc(100% - 40px); box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.2); top:20px; left:20px; z-index:1; }
.about .fr {
width:50%;

	display: inline-block;
	
	color:#FFFFFF; font-size:16px;
}

.about .fr .info{ margin-left:60px;}
.about .fr .info h3{ font-size:28px; font-weight:bold; margin-top:80px; margin-bottom:20px; } 
.about .fr .info p{ width:100%; overflow:hidden; font-size:14px; line-height:30px;}

.about .fr .info  .almore a {
margin-top:20px;
width:192px;
    display: block;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 0px;
}

.about .fr .info  .almore a:hover {
    background: #ec0607;
    color: #fff !important;
    border: 1px solid #ec0607;
}
.sec-titles {
	text-align: center;
	padding: 10px 0;
	
	position: relative;
}

.sec-titles h2 {
	font-size: 34px;
	color: #185ebb;
	font-weight: bold;
	
}
.p_FLine{
margin:10px auto;


 width:50px;
border-top-style: solid;
border-top-color: rgba(236, 6, 7, 1);
    border-top-width: 2px;}
.sec-titles p {
	font-size: 16px;
	margin-bottom:10px;
	color:#666666;
}
.sbyy{ width:100%; overflow:hidden; padding:30px 0;}
.sbyy .wrapper ul{ margin-top:30px;}

.sbyy .wrapper ul li{ width:205px; height:230px; margin-left:20px; float:left;}
.sbyy .wrapper ul li:nth-clild(5n){ margin-left:0px;}

.sbyy .wrapper ul li img{ width:220px; height:200px;}
.sbyy .wrapper ul li h3{ text-align:center; font-size:14px; height:30px;}