﻿.main { width: 1140px; margin: 0 auto; background: #ffffff; overflow: hidden;}

.dqwz { background: #f3f3f3 url(../images/2021yl_dqwz.png) no-repeat 20px center; padding: 15px 45px; line-height: 20px; color: #666;}
.dqwz a { color: #666;}
.dqwz a:hover { color: #0f51aa;}


/* å‹æƒ…é“¾æŽ¥ */
.yqlj { width: 1080px; background: #376cd1; padding: 10px 30px; margin: 10px auto 0; overflow: hidden;}
.yqlj a { float: left; width: 255px; height: 35px; line-height: 35px; background: #528af6; text-align: center; color: #fff; font-size: 16px; margin-left: 20px;}
.yqlj a:first-child { margin-left: 0;}


/* æ”¿åŠ¡å…¬å¼€ */
.zwgk-wrap { padding: 0 20px 20px; overflow: hidden;}
.zwgk-left { float: left; width: 700px;}
.zwgk-search { background: #f0f0f0; padding: 20px; margin-top: 20px; overflow: hidden;}
.zwgk-search h3 { float: left; width: 125px; background: #fff url(../images/2021yl_zwgk_jt.png) no-repeat right center; line-height: 50px; font-size: 16px; color: #0f51aa; text-align: center;}
.zwgk-search .search-txt { float: left; border: none; width: 385px; height: 50px; line-height: 20px; background: #fff; line-height: 50px; outline: none; cursor: text; padding: 0 15px;}
.zwgk-search .search-txt::placeholder { color: #999;}
.zwgk-search .search-btn { float: right; border: none; width: 120px; height: 50px; background: #0f51aa; text-align: center; color: #fff; outline: none; cursor: pointer;}

.zwgk-title { border-bottom: 1px solid #e5e5e5; height: 59px;}
.zwgk-title li { float: left; margin-left: 30px;}
.zwgk-title li:first-child { margin-left: 0;}
.zwgk-title li a { display: block; line-height: 59px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 20px;}
.zwgk-title li.on a { font-weight: bold; color: #0f51aa; border-bottom-color: #0f51aa;}

.zwgk-wrap .list-date li { background: url(../images/2021yl_dot2.png) no-repeat left center; padding-left: 15px;}
.zwgk-wrap .list-date li a { color: #333;}
.zwgk-wrap .list-date li a:hover { color: #0f51aa;}
.zwgk-wrap .list-date li span { color: #666;}

.zwgk-right { float: right; width: 380px;}

.zwgk-ldzc { height: 340px; background: #f0f0f0; padding: 20px; margin-top: 20px; overflow: hidden;}
.zwgk-ldzc ul { overflow: hidden;}

.ldzc-top li { float: right; width: 140px; text-align: center;}
.ldzc-top li:first-child { float: left;}
.ldzc-top li img { display: block; width: 100%; height: 165px;}
.ldzc-top li h3 { font-size: 18px; line-height: 36px;}
.ldzc-top li p { line-height: 18px;}

.ldzc-list { width: 360px; padding-top: 5px;}
.ldzc-list li { float: left; margin: 10px 20px 0 0;}
.ldzc-list li a { display: block; width: 100px; height: 40px; background: #fff; font-size: 16px; line-height: 40px; text-align: center;}
.ldzc-list li a:hover { background: #0f51aa; color: #fff;}

.zfxxgk { float: left; width: 1060px; background: #f1f7ff; padding: 20px; margin-top: 20px;}
.zfxxgk .zfzzgk-title { background: url(../images/2021yl_zwgk_zfxxgk_title.png) no-repeat center center; line-height: 30px; text-align: center; font-size: 28px; color: #0f51aa;}
.zfxxgk ul { overflow: hidden;}
.zfxxgk ul li { float: left; width: 16.66%; width: calc(100% / 6); font-size: 18px; text-align: center; padding: 20px 0 10px;}
.zfxxgk li a { display: block; width: 100%; height: 100%;}
.zfxxgk li i { display: block; width: 80px; height: 80px; margin: 15px auto; background: no-repeat center center;}
.zfxxgk li i.icon01 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon01.png);}
.zfxxgk li i.icon02 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon02.png);}
.zfxxgk li i.icon03 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon03.png);}
.zfxxgk li i.icon04 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon04.png);}
.zfxxgk li i.icon05 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon05.png);}
.zfxxgk li i.icon06 { background-image: url(../images/2021yl_zwgk_zfxxgk_icon06.png);}

.jczwgk-title { background: #0f51aa; font-size: 18px; line-height: 40px; text-align: center; color: #fff; margin-top: 20px;}
.jczwgk { position: relative; background: #f0f0f0; overflow: hidden;}
.jczwgk::before { position: absolute; left: 50%; top: 50%; content: ""; width: 90%; height: 1px; background: #e5e5e5; margin-left: -45%;}
.jczwgk li { position: relative; float: left; width: 33.33%; width: calc(100% / 3); height: 125px; font-size: 16px; text-align: center; line-height: 16px;}
.jczwgk li::after { position: absolute; right: 0; top: 50%; content: ""; width: 1px; height: 70%; background: #e5e5e5; margin-top: -35%;}
.jczwgk li:nth-child(3)::after,.jczwgk li:nth-child(6)::after { display: none;}
.jczwgk li a { display: block; width: 100%; height: 100%;}
.jczwgk li i { display: block; width: 50px; height: 50px; margin: 20px auto 10px; background: no-repeat center center;}
.jczwgk li i.icon01 { background-image: url(../images/2021yl_zwgk_jczwgk_icon01.png);}
.jczwgk li i.icon02 { background-image: url(../images/2021yl_zwgk_jczwgk_icon02.png);}
.jczwgk li i.icon03 { background-image: url(../images/2021yl_zwgk_jczwgk_icon03.png);}
.jczwgk li i.icon04 { background-image: url(../images/2021yl_zwgk_jczwgk_icon04.png);}
.jczwgk li i.icon05 { background-image: url(../images/2021yl_zwgk_jczwgk_icon05.png);}
.jczwgk li i.icon06 { background-image: url(../images/2021yl_zwgk_jczwgk_icon06.png);}

/* èµ°è¿›äº‘é¾™ */
.zjyl-wrap { padding: 35px 110px;}
.yljj-text { font-size: 16px; line-height: 36px; text-align: justify; text-indent: 2em;}
.yljj-text a { color: #d60a0a;}
.yljj-menu { margin-top: 20px; overflow: hidden;}
.yljj-menu li { float: left; margin-left: 20px;}
.yljj-menu li:first-child { margin-left: 0;}
.yljj-menu li a { display: block; width: 215px; height: 57px; background: #f0f0f0; border-radius: 5px; text-align: center; line-height: 57px; font-size: 20px; font-weight: bold; color: #1858ad;}
.yljj-menu li a:hover { background: #1858ad; color: #fff;}

.zjyl-title { background: url(../images/2021yl_zjyl_title.png) repeat-x center center; text-align: center; font-size: 0;}
.zjyl-title h3 { display: inline-block; font-size: 24px; color: #0f51aa; padding: 0 20px; background: #fff;}

.tzyl { margin-top: 30px;}
.tzyl-news { width: 940px; overflow: hidden;}
.tzyl-news-item { float: left; width: 292px; height: 296px; background: #edf5ff; margin-top: 30px; margin-right: 20px; overflow: hidden;}
.tzyl-news-item .tzyl-title { background: #5a92d8; line-height: 58px; padding: 0 20px; overflow: hidden;}
.tzyl-news-item .tzyl-title h3 { float: left; background: url(../images/2021yl_zjyl_book.png) no-repeat left center; font-size: 20px; color: #fff; padding-left: 34px;}
.tzyl-news-item .tzyl-title .more { float: right; color: #fff; font-size: 26px;}
.tzyl-news-item .list { padding: 10px 20px 0;}
.tzyl-news-item .list li { background-image: url(../images/2021yl_zjyl_dot.png);}
.tzyl-news-item .list li a { color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tzyl-news-item .list li a:hover { color: #0f51aa;}

.ylly { margin-top: 30px;}
.ylly-slider-pic { position: relative; margin-top: 30px;}
.ylly-slider-pic .hd { text-align: center; font-size: 0; height: 10px; margin-top: 20px;}
.ylly-slider-pic .hd li { display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; border-radius: 100%; background: #d4d4d4; margin: 0 5px; cursor: pointer; }
.ylly-slider-pic .hd li.on { background: #0f51aa;} 
.ylly-slider-pic .bd {position: relative;width: 940px;height: 180px;z-index: 0;overflow: hidden;} 
.ylly-slider-pic .bd li { float: left; width: 292px;  zoom: 1; vertical-align: middle; margin-right: 20px;} 
.ylly-slider-pic .bd li a { display: block; width: 100%; height: 100%; position: relative; } 
.ylly-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-align: center; } 
.ylly-slider-pic .bd li a:hover p { color: #0f51aa; } 
.ylly-slider-pic .bd img { display: block; width: 292px; height: 180px;}

/* äº‘é¾™è¦é—» */
.ylyw-wrap { padding: 20px;}

.ylyw-slide-pic { position: relative; height: 368px; background: #f0f0f0; overflow: hidden;}
.ylyw-slide-pic .hd { width: 426px; height: 10px; overflow: hidden; position: absolute; right: 0; bottom: 20px; z-index: 1; text-align: center; font-size: 0;}
.ylyw-slide-pic .hd li { display: inline-block; width: 25px; height: 4px; background: #99a6a7; margin: 0 3px; cursor: pointer; }
.ylyw-slide-pic .hd li.on { background: #da0c0c; } 
.ylyw-slide-pic .prev,.ylyw-slide-pic .next { position: absolute; left: 0; top: 50%; display: block; border-radius: 0 5px 5px 0; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); margin-top: -35px; transition: all .5s;}
.ylyw-slide-pic .next { left: 683px; border-radius: 5px 0 0 5px;}
.ylyw-slide-pic .prev:hover,.ylyw-slide-pic .next:hover { background:rgba(0,0,0,1);}
.ylyw-slide-pic .bd li .left { float: left; width: 674px; height: 100%;}
.ylyw-slide-pic .bd li .left img { width: 100%; height: 100%;}
.ylyw-slide-pic .bd li .right { float: right; width: 386px; padding: 20px 20px 0;}
.ylyw-slide-pic .bd li .right h3 { font-size: 24px; line-height: 36px;}
.ylyw-slide-pic .bd li .right p { font-size: 16px; color: #666; line-height: 30px; text-indent: 2em; text-align: justify; margin-top: 25px;}

.ylyw-title { border-bottom: 1px solid #e5e5e5; height: 59px;}
.ylyw-title h3 { float: left; line-height: 59px; border-bottom: 1px solid #0f51aa; color: #0f51aa; font-size: 20px;}
.ylyw-title h3 a { color: #0f51aa;}

.ztzl { margin-top: 20px; overflow: hidden;}
.ztzl-title { float: left; background: #0f51aa; width: 18px; height: 115px; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; color: #fff; padding: 28px 21px 0;}
.ztzl-list {float: left;}
.ztzl-list li { float: left; margin-left: 20px;}
.ztzl-list li img { display: block; width: 240px; height: 143px;}


.ylyw-news { width: 1120px; overflow: hidden;}
.ylyw-news-item { float: left; width: 352px; margin-right: 20px;}
.ylyw-news-item .list li { background-image: url(../images/2021yl_dot2.png); padding-left: 16px;}
.ylyw-news-item .list li a { color: #333;}
.ylyw-news-item .list li a:hover { color: #0f51aa;}
.ylyw-news-item .list li span { color: #999;}


/* åˆ—è¡¨é¡µ */
.list-wrap { padding: 20px;}
.list-wrap li { background-image: url(../images/2021yl_dot2.png); padding-left: 20px;}
.list-wrap li a { color: #666;}
.list-wrap li a:hover { color: #0f51aa;}
.list-wrap li span { color: #999;}
.list-wrap .list-border li:nth-child(5n){ border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}
.list-wrap .list-title { font-size: 20px; border-bottom: 2px solid #0f51aa; line-height: 50px; margin-bottom: 10px;}
.list-wrap .list-title a { color: #0f51aa;}
.pages { padding: 20px 0 30px;}


/* æ–‡ç« é¡µ */
.details-wrap { padding: 50px 100px;}
.details-tit { font-size: 30px; font-weight: normal; text-align: center; line-height: 36px;}
.details-info { font-size: 16px; color: #999; padding: 30px 0; text-align: center; overflow: hidden;}
.details-info * { font-size: 16px; color: #999;}
.details-content { padding: 30px 0;}
.details-content,.details-content * { font-size: 16px; line-height: 36px; color: black;}
.details-content img { max-width: 100%; height: auto;}
.details-content table { table-layout: fixed; width: auto !important; max-width: 100% !important;}
.details-content table td { border: 1px solid #e1e1e1;}
.details-bottom { background: #f3f5f9; padding: 5px 20px; line-height: 30px; overflow: hidden;}
.details-bottom .fl { font-size: 14px; color: #999;}
.details-bottom .fr { color: #999;}
.details-bottom .fr a { float: left; font-size: 14px; color: #999;}
.details-bottom .fr a:hover { color: #0157b3;}
.details-bottom .bdsharebuttonbox { float: right; margin-top: 2px;}



@media screen and (max-width: 1139px) {
    .main { width: auto;}

    .zjyl-wrap,.ylyw-wrap { padding: 10px;}
    .zjyl-head img,.ylyw-head img { width: 150%; height: auto; position: relative; left: 50%; margin-left: -75%;}
    .ylyw-slide-pic { height: auto;}
    .ylyw-slide-pic .bd li .left { width: 100%; height: auto;}
    .ylyw-slide-pic .bd li .right { width: 100%; box-sizing: border-box; padding-bottom: 50px;}
    .ylyw-slide-pic .bd li .right h3 { text-align: center;}
    .ylyw-slide-pic .bd li .right p { margin-top: 15px;}
    .ylyw-slide-pic .hd { width: 100%;}
    .ylyw-news { width: auto;}
    .ylyw-news-item { width: 100% !important;}

    .ztzl-title { width: 100%; height: 50px; text-align: center; line-height: 50px; padding: 0;}
    .ztzl-list { width: 100%;}
    .ztzl-list li { width: calc(100% / 2 - 5px); margin: 10px 0 0 10px;}
    .ztzl-list li:nth-child(1),.ztzl-list li:nth-child(3) { margin-left: 0;}
    .ztzl-list li img { width: 100%; height: auto;}


    .details-wrap { padding: 35px 10px;}
    .details-content { padding: 0;}
    .details-bottom .fr { display: none;}
    
    .yljj-menu { margin-top: 0;}
    .yljj-menu li { width: calc(100% / 2 - 5px); margin: 10px 0 0;}
    .yljj-menu li:nth-child(2),.yljj-menu li:nth-child(4) { float: right;}
    .yljj-menu li a { width: 100%; height: 50px; line-height: 50px; font-size: 18px;}

    .tzyl-news { width: 100%;}
    .tzyl-news-item { width: 100%; height: auto; margin: 20px 0 0; padding-bottom: 10px;}
    .ylly-slider-pic { margin-top: 0; padding-top: 10px;}
    .ylly-slider-pic .bd { width:100%; height: auto;}
    .ylly-slider-pic .bd li { width: 100%; margin: 10px 0 0;}
    .ylly-slider-pic .bd img { width: 100%; height: auto;}
}

@media screen and (max-width: 480px) {
    .ylyw-head img { width: 200%; margin-left: -100%;}
    .ylyw-slide-pic .bd li .right h3 { font-size: 20px; line-height: 26px;}
    .ztzl-list li { width: 100%; margin-left: 0;}

    
}