@charset "utf-8";

@import 'reset.css';

.banner_productslist{width:100%; height:351px; border-top:3px solid #cd000e; background:url(../images/banner_productslist.jpg) no-repeat center bottom}



.products_list{ width:870px; height:auto; float:left;}

.products_list li{width:252px;height:288px; border:1px solid #e0e0e2; padding:10px; float:left; margin-right:24px; margin-bottom:35px;}

.products_list li:nth-child(3n){ float:right; margin-right:0}

.products_list li .img{width:252px; height:180px; overflow:hidden; position:relative;}

.products_list li .img .cover{width:100%; height:100%; background:rgba(0,0,0,0.5);position:absolute;bottom:-180px; left:0;}

.products_list li .img .cover i{width:70px;height:70px; background:url(../images/fd.png) no-repeat; position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px}

.products_list li:hover .img .cover{top:0;}

.products_list li h4{ font-size:15px; line-height:44px}

.products_list li:hover h4{color:#cd000e}

.products_list li h5{ font-size:12px; line-height:20px; color:#777}

.products_list li h6{ text-transform:uppercase; font-size:12px; line-height:14px;margin-top:10px}

.products_list li h6 i{width:14px;height:14px; display:inline-block; background:url(../images/pro_ico.png) no-repeat; background-position:-160px -540px; vertical-align:middle; margin-right:10px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.products_list li h6 i:nth-child(3){background-position:-180px -540px;}

.products_list li h6 b{width:1px; height:14px; background:#cfcfcf; display:inline-block; margin:0 10px}

.products_list li:nth-child(4){ /*margin-right:0*/}

.products_list li:hover h6 i{transform:rotate(360deg)}



/*pjlb*/

.pjlb_list{}

.pjlb_list li{ width:272px;height:252px; float:left; margin-right:26px; margin-bottom:35px}

.pjlb_list li:nth-child(3n){ float:right; margin-right:0}

.pjlb_list li .img{width:270px; height:205px; border:1px solid #ebebeb; overflow:hidden; margin-bottom:1px;}

.pjlb_list li .img img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform; width:100%}

.pjlb_list li:hover .img img{ transform:scale(1.1,1.1)}

.pjlb_list li dd{ width:100%; height:44px; line-height:44px; text-align:center; font-weight:bold; background:#e4e4e4;transition:all 1s;-webkit-transform:all 1s;-moz-transform:all 1s;}

.pjlb_list li:hover dd{background:#02757a; color:#fff;}



/*news*/

.banner_news{width:100%; height:351px; border-top:3px solid #cd000e; background:url(../images/banner_news.jpg) no-repeat center bottom}

.news_list{}

.news_list li{ padding:30px 0; border-bottom:1px solid #e9eaeb}

.news_list li .img{ width:325px; height:215px; overflow:hidden; float:left;}

.news_list li .img img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.news_list li:hover .img img{ transform:scale(1.1,1.1)}

.news_list li dd{width:86%; float:right;}

.news_list li dd h3{font-size:26px; font-weight:bold; line-height:36px}

.news_list li:hover dd h3 a{color:#02757a}

.news_list li dd h4{ font-size:13px; line-height:18px; color:#888; text-transform:uppercase; margin:15px 0 20px}

.news_list li dd h4 i{width:18px; height:18px; background:url(../images/ico.png) no-repeat; display:inline-block; background-position:-245px -540px; margin-right:10px; vertical-align:middle}

.news_list li dd h4 i:nth-child(2){background-position:-279px -540px; margin-left:15px}

.news_list li dd p{color:#666}
.news_list li .date {
    background-color: #f5f5f5;
    padding: 12.5px 0;
    float: left;
    width: 11.666667%;
}
.news_list .date .riqi {
    display: block;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102 );
    line-height: 1;
    text-align: center;
    width: 38px;
    margin: 0 auto;
}
.news_list .updatetime {
    display: block;
    font-weight: 500;
    height: 30px;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102 );
    line-height: 1.846;
    text-align: center;
}




.pageController{float:right;padding-right:10px;padding-top:5px;padding-bottom:5px}.pageController a{float:left;display:block;background-color:#FFF;border:#efefef 1px solid;color:#555;padding:0 8px 0 6px;margin-right:5px}.pageController a:hover{background-color:#efefef;color:#02757a;text-decoration:none;font-weight:bold;border:#efefef 1px solid}.pageController .currPage{background-color:#efefef;color:#555;font-weight:bold;border:#efefef 1px solid}.clear{clear:both}