@charset "utf-8";
/*文章模块*/
ul, li, dl {
    list-style: none;
    padding: 0;
    margin: 0;
}
#newslist{     padding: 15px 5px;}
#newslist li{    margin-bottom: 15px;
    border-bottom: 1px dashed #666666;
    padding-bottom: 11px; }
#newslist li a{    display: block; font-size:16px; margin-right:5px;color:#333;}
#newslist li span{ float:right; color:#777; font-size:14px;}
#newslist li p{
	color: #777;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
}
#newslist li h5{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 70%;
    font-size: 18px;
}
#newslist li a:hover{
	color: #0d73d8;
}
#shownews{ padding:0px 15px 15px;}
#shownews .editor{ line-height:2; font-size:16px;}
#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}
#shownews .editor p{
	text-align: justify;
    color: #666666;
    font-size: 16px;
}
#shownews .editor p img{
	width: 100%;
}
.pro{ width:100%; margin:0 auto; }
.prod{ width:100%; overflow:hidden; margin:0 auto;}
.prod li{ float:left;width:280px;margin-right:38px;    margin-bottom: 20px;}
.prod li:nth-child(3n+3){
	margin-right: 0px;
}
.prod li a{display: block;    border: 1px solid #ccc;overflow: hidden;}
.prod li a img{display:block; width: 100%;transition: all 1s;    height: 228px;
    object-fit: cover;}
.prod li a:hover img{
    transform: scale(1);
}
.prod li h3{ width:100%; height:35px;line-height: 35px;text-align: center;color: #333;background:#ccc; }
.prod li h3 a{color:#333; display:block;text-align: center;
    width: 100%;}
.prod li h3 a:hover{ display:block; color:#0c88d1;}
/* 分页展示 */  
.kPage{ width: 100%; text-align: center; overflow: hidden; float: left; }
.kPage a{ line-height: 36px; display: inline-block; padding: 0 14px; border: 1px solid #e5e5e5; color: #333; margin: 0 3px; font-size:14px; }
.kPage strong .current,.kPage a:hover{ 
    background-color: #0d73d8;
    border-color: #0d73d8;
    color: #fff;
    line-height: 36px;
    display: inline-block;
    padding: 0 14px;
    border: 1px solid #e5e5e5;
    margin: 0 3px;
    font-size: 14px;
}           
.kPage a.more{ border-color: #fff; padding: 0 5px; }
.kPage a.iconfont:hover{ background:none; color:#000; border-color:#e5e5e5;}
/* 在线留言 */
.message-list{
    width: 100%;
    margin-top: 40px;
}
.message-list li{
    overflow: hidden;
    margin-bottom: 50px;
}
.message-list li dl{
    width: 48%;
    margin-right: 4%;
    float: left;
    line-height: 35px;
}
.message-list li dl label{
    font-size: 14px;
    color:#333;
}
.message-list li dl input{
    width: 82%;
    padding:0 10px;
    border:1px solid #e4e4e4;
    line-height: 35px;
}
.message-list li dl:last-child{
    margin-right: 0;
}
.message-list li dl input::placeholder,
.message-list li:nth-child(3) textarea::placeholder{
    color:#ccc;
}
.message-list li:nth-child(3) textarea{
    width: 91.3%;
    height: 100px;
    border:1px solid #e4e4e4;
    padding:10px;
}
.message-list li:nth-child(3) label{
    vertical-align: top;
}
.message-list .btn{
    margin-top: 10px;
    width: 120px;
    line-height: 35px;
    background: #ff9210;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-left: 7%;
    cursor: pointer;
    transition: .4s;
}
.message-list .btn:hover{
    background: #fab933;
}


/*图片模块*/
#imglist{}
#imglist li{ float:left; display:inline; margin-top:20px;}
#imglist li a.img{ font-size:0px; display:block;}
#imglist li a.img img{ margin:auto;  border:1px solid #ccc; }
#imglist li h3{text-align:center; color:#333;  margin-top:5px;}
#showimg{ padding:15px;}
#showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;}
#showimg .imgshow{ text-align:center;}
#showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;}
.imgparalist li{ padding:3px 15px 3px; background:url("../Images/dt-0.gif")/*tpa=http://www.whrti.com/public/ui/met/images/dt-0.gif*/ no-repeat 5px center;}
.imgparalist li span{ float:left; margin-right:10px; color:#999;}
#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url("../Images/dt-7.gif")/*tpa=http://www.whrti.com/public/ui/met/images/dt-7.gif*/ no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }