.wrapper { width: 1160px; background: #fff; margin: 20px auto; 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: 380px; width: 1160px; position: relative; z-index: 5; overflow: hidden;}
.slider-pic .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 15px; z-index: 1; }
.slider-pic .hd li { float: left; width: 10px; height: 10px; border-radius: 50%; background: #99a6a7; margin-left: 5px; } 
.slider-pic .hd li.on { background: #fff; } 
.slider-pic .bd { position: relative; height: 380px; z-index: 0; } 
.slider-pic .bd li { zoom: 1; vertical-align: middle; } 
.slider-pic .bd li a { display: block; width: 100%; height: 100%; position: relative; } 
.slider-pic .bd li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000, endColorstr=#cf000000); font-size: 16px; line-height: 40px; color: #fff; cursor: pointer; text-indent: 20px; } 
.slider-pic .bd li a:hover p { color: #256092; } 
.slider-pic .bd img { display: block; width: 100%; height: 380px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li a:hover img { transform: scale(1.05); transition: all .5s;}


.row { float: left; width: 100%;}
/* 工作动态 */
.gzdt { float: left; width: 650px; height: 300px;}

/* 服务 */
.service { float: right; width: 488px;}
.service-list { height: 182px;}
.service-item .service-bd { height: 150px; overflow: hidden;}
.service-item .service-bd ul { width: 507px; overflow: hidden;}
.service-item .service-bd li { float: left; margin: 20px 20px 0 0;}
.service-item .service-bd li a { position: relative; display: block; border: 1px solid #e1e1e1; width: 147px; height: 53px; color: #666; line-height: 53px; text-indent: 55px; transition: all .5s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.service-item .service-bd li a:hover { border-color: #0157b3; color: #0157b3; transition: all .5s;}
.service-item .service-bd li a:hover .iconfont { color: #0157b3; transition: all .5s;}
.service-item .service-hd { height: 10px; font-size: 0; text-align: center; margin: 12px 0;}
.service-item .service-hd li { display: inline-block; *display: inline; *zoom: 1; border-radius: 50%; width: 10px; height: 10px; background: #cacaca; margin: 0 5px;}
.service-item .service-hd li.on { background: #0157b3;}
.service-item .service-bd.noicon li a { text-indent: 0; text-align: center;}

/* 旗舰店 */
.zwfwqjd { float: right; width: 488px; height: 76px;}
.zwfwqjd img { display: block; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.zwfwqjd:hover img { transform: scale(1.05); transition: all .5s;}

/* 政府文件 */
.zfwj { float: left; width: 415px;}
.xxgk-search { border: 1px solid #d2d2d2; height: 48px; margin-top: 20px;} 
.xxgk-search .text { float: left; border: 0; width: 198px; height: 48px; padding: 0 10px; font-size: 14px; line-height: 48px; outline: none; cursor: text; } 
.xxgk-search .btn { float: right; width: 48px; height: 48px; border: 0; background: url(../images/2020lkq_index_search.png;vpn_img) no-repeat center center; cursor: pointer; outline: none; }

/* 信息公开 */
.xxgk { float: left; width: 415px; margin-left: 20px;}
.xxgk-list { width: 435px;} 
.xxgk-list li { float: left; margin: 20px 20px 0 0;}
.xxgk-list li a { display: block; width: 125px; height: 63px; background: #f3f5f9; font-size: 18px; text-align: center; line-height: 63px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s;}
.xxgk-list li a:hover { background-color: #0157b3; color: #fff; transition: all .5s;}

/* 信息公开规定 */
.xxgkgd { float: right; width: 290px;}
.xxgkgd a { position: relative; display: block; width: 290px; height: 40px; background: #f3f5f9; line-height: 40px; text-indent: 73px; margin-top: 10px; transition: all .5s;}
.xxgkgd a:first-child { margin-top: 0;}
.xxgkgd a i { position: absolute; left: 20px; top: 0; display: block; width: 40px; height: 40px; background: url(../images/2020lkq_index_xxgk.png;vpn_img) no-repeat 0 0; transition: all .5s;}
.xxgkgd .i2 { background-position-x: -40px;}
.xxgkgd .i3 { background-position-x: -80px;}
.xxgkgd .i4 { background-position-x: -120px;}
.xxgkgd .i5 { background-position-x: -160px;}
.xxgkgd .i6 { background-position-x: -200px;}
.xxgkgd a:hover { background-color: #0157b3; color: #fff; transition: all .5s;}
.xxgkgd a:hover i { background-position-y: -40px; transition: all .5s;}

/* 网上调查 */
.wsdc { float: left; width: 415px;}

/* 建议提案 */
.jyta { float: left; width: 415px; margin-left: 20px;}

/* 互动交流 */
.hdjl { float: right; width: 290px;}
.hdjl a { display: block; width: 100%; height: 60px; background: #5592d3; font-size: 20px; line-height: 60px; color: #fff; text-align: center; margin-top: 10px; transition: all .5s;}
.hdjl a:first-child { margin-top: 0;}
.hdjl a:hover { box-shadow: 3px 3px 6px #999; transition: all .5s;}




@media only screen and (max-width: 1199px) {
    .wrapper { width: 100%; padding: 10px; margin: 0;}

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

    .slider-pic,.slider-pic .bd,.slider-pic .bd img { width: 100%; height: auto;}
    .slider-pic .bd li p { position: static; line-height: 40px; height: 40px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .slider-pic .hd { width: 100%; bottom: 45px; left: 0; text-align: center; font-size: 0  ;}
    .slider-pic .hd li { display: inline-block; float: none;}

    .gzdt,.service,.zwfwqjd,.zfwj,.xxgk,.xxgkgd,.hdjl,.xxgk-list,.wsdc,.jyta { width: 100%; height: auto;}
    .zwfwqjd { text-align: center;}

    .xxgk { margin-left: 0;}

    .xxgk-search { height: 50px;}
    .xxgk-search .text { width: calc(100% - 154px);}
    
    .xxgk-list ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
    .xxgk-list li { width: calc(100% / 3 - 7px); margin: 10px 0 0 0;}
    .xxgk-list li a { width: 100%; height: 100%;}

    .service-list,.service-item .service-bd { height: auto;}
    .service-item .service-bd ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .service-item .service-bd li { width: calc(100% / 3 - 5px); margin: 10px 0 0 0;}
    .service-item .service-bd li a { width: 100%; height: 100%;}

    .xxgkgd a { width: 100%;}
    .xxgkgd a:first-child { margin-top: 10px;}

    .jyta { margin-left: 0;}
    
}

@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;}

    .xxgk-list li a { height: 50px; line-height: 50px; font-size: 16px;}

    .service-item .service-bd li { width: calc(100% / 2 - 5px);}

    .hdjl a { height: 50px; line-height: 50px; font-size: 16px;}
}