p{text-align: justify;}


/*search-header*/
.search{height: 60px;position: absolute;top: 0;left: 0;right: 0;background: #fff;}
.search input{box-sizing: border-box;height: 36px;width: 70%;margin-left: 2.06rem;line-height: 36px;margin-top:0.75rem;border-radius: 20px;font-size: 20px;padding: 0 20px; }
.search .cancel{float: right;margin-right: 1.75rem;margin-top:0.75rem;}


.hp-main{margin-bottom: 90px;}
.content-list{padding: 2%;margin-bottom: 90px;overflow: hidden;border: 8px solid #f0f0f0;border-bottom: none;}

.list-header .title{overflow: hidden;margin: 3% 0;}
.list-header .title h1{float: left;font-size:18px;padding: 0;}
.list-header .title span{float: right;font-size: 14px;padding-top: 1%;}
.list-header .pic-show{margin-top: 3%;}
.list-header .pic-show .pic-show-t{overflow: hidden;}
.list-header .pic-show .pic-show-t div{width: 44%;float: left;border: 5px solid #e3e3e3;}
.list-header .pic-show .pic-show-t div:first-child{margin-right: 5%;}
.list-header .pic-show p{text-indent: 2em;}
.list-header .pic-show p a{color: #d40000;}
.list-info{padding:0 0 3% 0;border-bottom: 1px solid #d9d9d9;margin-top: 3%;overflow: hidden;}
.list-info .article-img{float: left;margin-right: 2%;}
.list-info .article-info{overflow: hidden;}
.list-info .article-info .article-info-title{float: left;font-size: 16px;}
.list-info .article-info .num{padding-left: 7%;background: url("../images/public/eye.png") no-repeat left center;float: right;margin-right: 8%;}
.list-info .article-info .click{float: right;}
.click-more{text-align: center;margin: 1rem 0;}
.click-more a{display: inline-block;padding: 0 2rem;border: 1px dotted #606060;text-align: center;height: 2rem;line-height: 2rem;}
.click-more a b{display: inline-block;width: 18px;height: 11px;background: url("../images/public/listMore.png") no-repeat center;}



/*validForm  css*/
.Validform_checktip{
    margin-left:8px;
    line-height:20px;
    height:20px;
    overflow:hidden;
    color:#999;
    font-size:12px;
}
.Validform_right{
    color:#71b83d;
    padding-left:20px;
    background:url('../images/searchImg/right.png') no-repeat left center;
}
.Validform_wrong{
    color:red;
    padding-left:20px;
    white-space:nowrap;
    background:url('../images/searchImg/error.png') no-repeat left center;
}
.Validform_loading{
    padding-left:20px;
    background:url('../images/searchImg/onLoad.gif') no-repeat left center;
}
.Validform_error{
    background-color:#ffe7e7;
}
.form-validate ul{overflow: hidden;}
.form-validate ul li label{display: block;}
.form-validate ul li{width: 45%;float: left;margin-right: 5%;height: 3.86rem;box-sizing: border-box;margin-top: 5%;}
.form-validate ul li input,.form-validate ul li select{height: 45%;width: 100%;}
.form-validate ul li select{height: 50%;}
#msgdemo{text-align: center;margin: 10px 0;}
#msgdemo span{font-size: 18px;}
.form-validate .action{text-align: center;margin: 5% 0;}
.form-validate .action input{height: 1.875rem;width: 5rem;margin-right: 6.67%;font-size: 20px;display: inline-block;background: #d1d1d1;border: none;line-height: 1.875rem;}
.form-validate .action input[type='submit']{background: #aed9f6;}


@media screen and (max-width: 480px){
    .list-info .article-info .article-info-title{font-size: 16px;}
}

@media screen and (max-width: 414px){
    .list-info .article-img{width: 25%;}
    .list-info .article-info .article-info-title{font-size: 14px;}
}

@media screen and (max-width: 360px){
    .list-info .article-info .article-info-title{font-size: 12px;}
    html ,body{font-size: 12px;}
    .contact{font-size: 18px;}
}