html{
    color: #333;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}

/* img{pointer-events:none;}        禁止图片的点击事件，例如长按保存图片 */
input,select,textarea{outline:none;}
a{text-decoration:none;}
.fl{ float: left}
.fr{ float: right}
.clear,.clearfix{clear:both;} 
html,body{
/*禁止用户选择元素*/
-moz-user-select:none;
 -webkit-user-select: none;
-ms-user-select: none;
 -khtml-user-select:none; /*禁止元素点击出现半透明黑色背景*/
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html {height: 100%;width: 100%;font-family: 'Heiti SC', 'Microsoft YaHei';outline: 0;-webkit-text-size-adjust:none;}
body {height: 100%;margin: 0;}

.news-container{
    width: 100%;
}
    .news-top{
        max-width: 1220px;
        margin: 0 auto;
        background: #f6f6f6;
        padding: 1.6%;
        margin-bottom: 3%;
    }
        .news-left{
            display: inline-block;
            width: 36.9%;
            vertical-align: top;
            position: relative;
            padding-bottom: 24.6%;
            margin-right: 5%;
        }
            .news-left a{
                display: inline-block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;    
                overflow: hidden;        
            }
                .news-left a img{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    transition: .5s;
                    -webkit-transition: .5s;
                    -moz-transition: .5s;
                    -ms-transition: .5s;
                    -o-transition: .5s;
                }

        .news-right{
            display: inline-block;
            width: 52%;
            vertical-align: top;
        }
        .news-right h1 a{
            display: block;
            font-size: 20px;
            color: #222;
            font-weight: 500;
            margin-top: 5%;
            margin-bottom: 5%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .news-right p{
            font-size: 16px;
            color: #666;
            margin-bottom: 4%;
        }
        .news-right span{
            display: block;
            font-size: 16px;
            color: #333;
            line-height: 30px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .news-right>a{
            display: inline-block;
            font-size: 14px;
            color: white;
            background: #13912c;
            padding: 1.7% 5.1%;
            margin-top: 7%;
        }

.news-top:hover .news-left a img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.news-top:hover .news-right h1 a{
    color: #13912c;
}


/* 列表 */
.news-list{
    max-width: 1280px;
    margin: 0 auto;
}
    .news-list li{
       background: #f6f6f6;
       margin-bottom: 2.4%;
    }
    .news-img{
        display: inline-block;
        width: 23.4%;
        position: relative;
        padding-bottom: 15.6%;
        margin-right: 5%;
        vertical-align: top;
    }
        .news-img a{
            display: inline-block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
        }
            .news-img a img{
                display: inline-block;
                width: 100%;
                height: 100%;
                transition: .5s;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -ms-transition: .5s;
                -o-transition: .5s;
}

    .news-text{
        display: inline-block;
        width: 62.5%;
        vertical-align: top;
    }
    .news-text h1 a{
        display: block;
        font-size: 20px;
        color: #222;
        font-weight: 500;
        margin-top: 3%;
        margin-bottom: 3%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news-text p{
        font-size: 15px;
        color: #666;
        margin-bottom: 2%;
    }
    .news-text span{
        display: block;
        font-size: 15px;
        color: #333;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .news-list li:hover .news-img a img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .news-list li:hover .news-text h1 a{
        color: #13912c;
    }

/* 行业新闻 */

.news-itemList{
    max-width: 1320px;
    margin: 0 auto;
    border: none;
}
    .news-itemList li{
        display: inline-block;
        width: 31%;
        margin: 0 1%;
        margin-bottom: 3%;
        vertical-align: top;
        overflow: hidden;
        transition: .1s;
        -webkit-transition: .1s;
        -moz-transition: .1s;
        -ms-transition: .1s;
        -o-transition: .1s;
}
    .news-itemList li p{
        font-size: 16px;
        color: #666;
        margin: 2% 0;
    }
    .news-itemList li h1 a{
        font-size: 18px;
        color: #222;
        font-weight: 500;
        display: inline-block;
        height: 60px;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 2%;
    }
    .news-itemList .item-img{
        width: 100%;
        position: relative;
        padding-bottom: 64.9%;
        /* margin-bottom: 6%; */
    }
    .news-itemList .item-img a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
        .news-itemList .item-img a img{
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .news-itemList li:hover .item-img a img{
        box-sizing: border-box;
        border-bottom: 20px solid #13912c;
    }
    .news-itemList li:hover{
        background: #13912c;
        box-sizing: border-box;
        border-top: 15px solid #13912c;
        border-left: 25px solid #13912c;
        border-right: 25px solid #13912c;
        border-bottom: 18px solid #13912c;
	
    }
    .news-itemList li:hover h1 a{
        color: white;
    }
    .news-itemList li:hover p{
        color: white;
    }
    






@media(max-width:860px){
    .news-left {
        width: 100%;
        padding-bottom: 66.6%;
    }
    .news-right {
        width: 100%;
    }
    .news-right h1 a{
        font-size: 18px;
        margin-top: 3%;
     margin-bottom: 3%;
    }
    .news-right p{
        margin-bottom: 2%;
        font-size: 15px;
    }
    .news-right span{
        font-size: 15px;
    }
    .news-right>a{
        margin-top: 5%;
    }

    .news-img{
        display: block;
        width: 96%;
        margin-left: 2%;
        padding-bottom: 64%;
    }
    .news-text{
        display: block;
        width: 96%;
        padding-left: 2%;
    }
    .news-text h1 a{
        font-size: 18px;
    }




    /* 行业新闻 */
    .news-itemList li{
        width: 47.5%;
    }
}

@media(max-width:540px){
    .news-itemList li{
        width: 95.5%;
    }
    .news-itemList li{
        margin: 0 2%;
    }
}