.container { width: 1160px; background: #fff; margin: 0 auto 20px; padding: 20px;}

/* 头条 */
.headline h1 { font-size: 36px; font-weight: normal; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headline h1 a { color: #0157b3;}
.headline p { text-align: center; color: #0157b3; margin-top: 10px;}
.headline p a { font-size: 16px; line-height: 20px; color: #0157b3; margin: 0 10px;}

/* 图片新闻 */
.slider_pic { height: 400px; width: 100%; position: relative; z-index: 5; overflow: hidden; } 
.slider_pic .hd { position: absolute; right: 0; bottom: 30px; z-index: 1; width: 420px; height: 6px; overflow: hidden; font-size: 0; text-align: center; } 
.slider_pic .hd li { display: inline-block; *display: inline; zoom: 1; width: 28px; height: 6px; background: #d8d8d8; margin: 0 5px; cursor: pointer; } 
.slider_pic .hd li.on { background: #e30b0b; } 
.slider_pic .bd { position: relative; height: 400px; z-index: 0; } 
.slider_pic .bd li { overflow: hidden; zoom: 1; vertical-align: middle; } 
.slider_pic .bd li .pic { float: left; width: 740px; height: 400px; overflow: hidden;} 
.slider_pic .bd li .pic img { width: 100%; height: 100%; transform:scale(1); transition: all .5s;} 
.slider_pic .bd li .pic:hover img { transform:scale(1.05); transition: all .5s;}
.slider_pic .bd li .text { float: right; width: 360px; height: 340px; background: #f0f0f0; padding: 30px; } 
.slider_pic .bd li .text h3 { font-size: 24px; text-align: justify; line-height: 32px; font-weight: normal; max-height: 64px; overflow: hidden; } 
.slider_pic .bd li .text p { font-size: 16px; text-align: justify; line-height: 30px; color: #666; text-indent: 2em; margin-top: 30px; text-align: justify;}

/* 工作动态 */
.zwyw-left { float: left; width: 740px;}

.gzdt-list li { padding: 20px; margin-top: 20px;}
.gzdt-list li h3 { font-size: 20px; font-weight: normal;}
.gzdt-list li p { line-height: 24px; color: #666; padding: 5px 0; text-align: justify;}
.gzdt-list li span { color: #999; font-size: 14px;}
.gzdt-list li:hover { background: #f3f5f9;}

.zwyw-right { float: right; width: 400px;}

.ztzl-list li { width: 400px; height: auto; margin-top: 20px; transition: height .5s; overflow: hidden;}
.ztzl-list li .pic { width: 400px; height: 105px; overflow: hidden;}
.ztzl-list li .pic img { width: 100%; height: 100%;}
.ztzl-list li p { height: 90px; line-height: 30px; text-indent: 2em; padding: 10px 0; text-align: justify; overflow: hidden;}
/* .ztzl-list li:hover { height: 255px; transition: height .5s;} */
.ztzl-list li .more { display: block; border: 1px solid #e1e1e1; width: 106px; height: 38px; text-align: center; line-height: 38px; font-size: 14px; color: #999; margin: 0 auto}
.ztzl-list li .more:hover { border-color: #0157b3; color: #0157b3;}

.ywtj-list { padding-top: 10px;}
.ywtj-list ul { display: none;}
.ywtj-list ul:first-child { display: block;}
.ywtj-list li { background: #f3f5f9 url(../images/2020lkq_zwyw_icon.png) no-repeat 20px center; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 50px; padding-right: 20px; margin-top: 10px;}


@media screen and (max-width: 1199px) {
    .container { width: 100%; padding: 10px; box-sizing: border-box;}

    .headline h1 { font-size: 30px;}

    .slider_pic { height: auto; overflow: hidden;}
    .slider_pic .hd { width: 100%; bottom: 20px;}
    .slider_pic .bd,.slider_pic .bd li .pic { width: 100%; height: auto;}
    .slider_pic .bd li .text { box-sizing: border-box; width: 100%; height: auto; padding: 10px 10px 40px;}
    .slider_pic .bd li .text h3 { font-size: 20px; text-align: center; line-height: 1.2;}
    .slider_pic .bd li .text p { margin-top: 10px;}

    .zwyw-left,.zwyw-right { width: 100%;}

    .gzdt-list li { margin-top: 0; padding: 20px 0 0;}

    .ztzl-list li { width: 100%;}

    .ztzl-list li .pic { width: 100%; height: auto;}
}


@media only screen and (max-width: 480px) { 
    .title { line-height: 32px;}
    .title ul li { font-size: 16px; margin-left: 10px;}

    .headline h1 { font-size: 26px;}
}