.area_title{ padding-top:0px;}

/*-----------------------------PartFour--------------------------------*/
.PartFour{ width:100%; clear:both; padding-top:20px;}
.PartFour li {
	float:left;
	border: 0px solid #F0F0F0;

	cursor: pointer; margin-bottom:20px;

}
.PartFour li a{ display:block;width: 100%;	background: #f9f9f9; padding:20px 20px;}
.PartFour li a:hover {
	background: #f1f1f1;
}
.PartFour li p {
	background: #09F;
	color: #FFF;
	display: block;
	font-size: 12px;
	text-align: center;
	width: 60%;
	line-height: 38px;
	height: 38px;
	margin: auto;
	margin-top: 20px;
	border-radius: 3px;
}
.PartFour li font {
	font-size: 24px;
}
.PartFour span {
	display: block;
	margin: 0 auto;
	color: #787887;
	font-size: 9pt;
	line-height: 30px;
}
.PartFour .partFourDesc{ text-align:center; line-height:24px; margin-top:20px;}
.PartFour h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #4c4c59;
	text-align: center;
	margin-top: 5px;
}
.partFourImg {
	width: 100px;
	height: 100px;
}
.partFourImg img {
	width: 100px;
}
.PartFour .smallP {
	background: #0673F2;
	position: absolute;
	top: 0px;
	left: 115px;
	width: 0px;
	height: 90px;
	z-index: -1;
}

.Features{	width: 100%; clear:both; padding:40px 0px; padding-top:0px;}
.Features li{ float:left;}
.Features a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 120px;
	margin: 0px 0px;
	float: left;
	padding: 15px 0;
	position: relative;
}
.Features .featuresEnd {

}
/*.Features a:hover {
	color: white;
	background: #0673F2;
}*/
.Features dl {
	display: block;
}
.Features dt {
	width: 66px;
	height: 78px;
	float: left;
	margin: 25px 10px; margin-top:0px;
}
.Features h3 {
	font-size: 11pt;
	line-height: 30px;
}
.Features dd {
	font-size: 9pt;
	margin-right: 6px;
	_margin-right: 3px;
	line-height: 22px;
}
.Features .f1 {
	background: url(./sprite.jpg) 0 0px;
}
.Features .f2 {
	background: url(./sprite.jpg) -66px 0px;
}
.Features .f3 {
	background: url(./sprite.jpg) -132px 0px;
}
.Features .f4 {
	background: url(./sprite.jpg) -198px 0px;
}
.Features .f5 {
	background: url(./sprite.jpg) -264px -10px;
}
.Features .f6 {
	background: url(./sprite.jpg) -330px -10px;
}



/*---------------------------------------------------- */
/*首页-四大优势*/
.advantage_bg{
    background-color: #f6f6f7;
    background: url(./advantage_bg.png) top center;
   padding-top:20px;  padding-bottom: 20px;
}
.advantage_list{
	background-color: #f1f1f1;
	margin-bottom: 30px;
	padding: 20px 0px; padding-right:10px; padding-bottom:30px;
}
.advantage_clear{
    clear: both;
}
.advantage_list h3{
	margin: 20px 0px 10px 0px;
	font-size: 18px;
	color: #3f3f3f;
	font-weight: bold;
}

.advantage_list:hover h3{
    text-decoration: none;
    color: var(--primary-color);
}
.advantage_list p{
	color: #888;
	
	/****超出2行省略****/
overflow : hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 4; 
-webkit-box-orient: vertical; 

padding:0px;
line-height:1.8em; min-height:7.2em;
}
.advantage_list .advantage_img{
    float: right;
    margin: 25px 20px 30px 0px;
    max-width: 90px;
    max-height: 90px;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    -ms-transition: -ms-transform 0.6s ease-out;
}
.advantage_list:hover .advantage_img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.circle_bg img{
	display: block;
	width: 88px;
	height: 88px;
	background-color: var(--primary-color);
	border-radius: 50%;
	border: 10px solid var(--primary-color);
	}
/*小屏幕*/
@media screen and (max-width: 768px) {
 /*手机-四大优势*/

    .advantage_list h3{
        text-align: center;
        font-size: 16px; margin-top:30px;
    }
    .advantage_list h3 a{
        text-align: center;
    }
    .advantage_list p{
        text-align: center;
        padding-bottom: 15px;
    }
    .advantage_img{
        float: none !important;
        display: block;
        margin: 0px auto !important;
    }
	.circle_bg img{  margin-top:30px !important;}
}

.main_txt {
	
	width: 96%;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 10px;

	font-size: 14px; line-height:2em; clear:both;
}
.main_txt p{
	padding: 20px 20px;
	display: block;
	border: 1px dashed #999; 
}
@media screen and (max-width: 768px) {
.main_txt {
	
	width: 92%;}
}