@charset "utf-8";
/* CSS Document */


.skill{padding:50px 0;}

.left{width:920px;}

.tab{border-bottom:1px solid #ccc; margin-bottom:30px;}
.tab a{display:block; float:left; width:130px; position:relative; padding-bottom:2px; text-align:center; padding-bottom:10px; font-size:22px; color:#333;}
.tab a:hover,.cut{color:#006699 !important;}
.tab a i{display:inline-block; width:100%; position:absolute; background:#fff; height:3px; bottom:0; left:0;}
.tab .cut i{background:#006699;}

.skill-list{display:none;}

.news-list{border:1px solid #eee; padding:20px; position:relative; margin-top:25px; display:block;}
.news-list:hover{background:#f9f9f9; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); color:#169bd5}
.news-list .img{width:220px; height:140px; background:#f9f9f9; display:table; text-align:center; position:absolute; top:20px; left:20px;}
.news-list .img span{display:table-cell; vertical-align:middle;}
.news-list .img img{max-width:220px; max-height:140px;width: 100%}
.news-list .info{width:655px; height:140px; margin-left:230px; padding:0 20px; font-size:16px; line-height:28px;}
.news-list .info h3{line-height:20px; font-weight:600;}
.news-list .info h3:hover{color:#169bd5;}
.news-list .info p{height:80px; color:#666; width:100%; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-list .info span{font-size:14px;}

.page{margin-top:40px; text-align:center; color:#666; font-size:16px; font-weight:400;}
.page a{min-width:40px; margin:0 5px; height:40px; line-height:40px; color:#666; display:inline-block; border-radius:3px; padding:0 15px; border:1px solid #ccc;}
.page a:hover{background:#169bd5; color:#fff; border:1px solid #169bd5;}
.page input[type="text"]{width:40px; height:40px; margin:0 5px; text-align:center; border-radius:3px; vertical-align:top}

.right{width:300px;}
.hot-pro-title{border-bottom:1px solid #ccc; background:url(/public/static/image/qianduan/img/title-icon01.png) no-repeat left bottom; padding-bottom:10px; font-size:22px;}
.hot-pro-list{display:block; background:#fff; width:300px; margin-top:30px; border:1px solid #f1f1f1;}
.hot-pro-list:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.1);}
.hot-pro-list img{width:100%; border-bottom:1px solid #eee;}
.hot-pro-list .info{padding:20px; line-height:30px; position:relative;}
.hot-pro-list .info span{display:inline-block;}
.hot-pro-list .info span:nth-child(1){color:#666;}
.hot-pro-list .info h4{padding-top:10px; font-size:16px; width:100%; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#006699;}
.hot-pro-list .info span:nth-child(3){color:#999;}
.hot-pro-list .info .price{color:#F00; font-size:18px; padding-top:10px;}
.hot-pro-list .info .button{position:absolute; right:20px; bottom:20px; font-weight:600; color:#333;}
.imgss{width:100%;
    height:0;
    padding-bottom: 100%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;}