/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #0f51aa;}
i{font-style:normal}
.fl { float: left;}
.fr { float: right;}

/* 公共部分 */
body { background: #c9eefd url(..//images/2021yl_bg.png) no-repeat center 130px;}
.w1140 { width: 1140px; margin: 0 auto;}
.header { height: 130px; background: #0f51aa; overflow: hidden;}
.header .logo { float: left; margin-top: 40px;}
.header .search { float: right; border: 1px solid #4a82cd; margin-top: 45px;}
.header .search-txt { float: left; border: none; width: 320px; height: 38px; line-height: 38px; background: none; line-height: 38px; color: #fff; outline: none; cursor: text; padding: 0 15px;}
.header .search-txt::placeholder { color: #4a82cd;}
.header .search-btn { float: left; border: none; width: 38px; height: 38px; background: url(../images/2021yl_search.png) no-repeat center center; outline: none; cursor: pointer;}

.nav { width: 1140px; margin: 0 auto; overflow: hidden;}
.nav li { float: left; width: 190px; font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; padding: 30px 0;}
.nav li a { color: #0f51aa; padding-bottom: 5px;}
.nav li.active a,.nav li a:hover { border-bottom: 2px solid #0f51aa;}


.footer { padding: 15px 0; overflow: hidden;}
.footer-img { float: left; margin-top: 10px;}
.footer-img img { vertical-align: middle;}
.footer-text {float: left;margin-left: 30px;margin-top: 10px;}
.footer-text p { line-height: 24px; color: #004a8d;}
.footer-text a { color: #004a8d;}
.footer-ewm { float: right; text-align: center;}
.footer-ewm .pic { background: #fff; padding: 5px 4px 2px 5px;}
.footer-ewm p { font-size: 12px; color: #004a8d;}

/* 通用标题 */
.title { height: 49px; border-bottom: 1px solid #5eb4f2;}
.title ul { float: left;}
.title ul li {float: left;font-size: 16px;margin-left: 14px;}
.title ul li:first-child { margin-left: 0;}
.title ul li a { display: block; height: 49px; line-height: 49px; color: #fff;}
.title ul li.on { border-bottom: 1px solid #fff; font-weight: bold;}
.title .more { float: right; margin-top: 3px;}
.title .more a { display: block; width: 43px; height: 25px; border: 1px solid #e5e5e5; text-align: center; line-height: 25px; font-size: 12px; color: #999;}
.title .more a:hover { border-color: #0052cc; color: #0052cc;  }

/* 通用列表 */
.list { padding-top: 8px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { background: url(../images/2021yl_dot.png) no-repeat left center; padding-left: 8px; font-size: 16px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff;} 
.list li a { color: #fff;}
.list-date li { position: relative; padding-right: 100px;}
.list-date li a { display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-date li span { position: absolute;right: 0; top: 0; font-size: 14px; color: #b2caf6; }

/* 侧边栏 */
.side-bar { position: fixed; left: 50%; top: 400px; margin-left: 580px;}
.side-bar li { width: 89px; height: 85px; background: url(../images/2021yl_side_bg1.png) no-repeat;}
.side-bar li.side02 { background-image: url(../images/2021yl_side_bg2.png);}
.side-bar li a { display: block; width: 65px; height: 50px; text-align: center; line-height: 16px; color: #fff; margin: 0 auto; padding-top: 15px;}


@media screen and (max-width:1139px){
    .w1140{ width:auto;}
    .side-ba { display: none;}

    .header { height: auto; padding: 35px 0;}
    .header .logo { float: none; text-align:center; margin-top: 0;}
    .header .search { float: none; width: 480px; box-sizing: border-box; overflow: hidden; margin: 20px auto 0;}
    .header .search-txt { box-sizing: border-box; width: calc(100% - 38px);}

    .nav { width: 100%;}
    .nav li { width: calc(100% / 3); padding: 0; line-height: 60px;}

    .footer { padding-bottom: 30px;}
    .footer-img,.footer-text {float: none;text-align: center;margin-left: 0;}
    .footer-ewm { display: none;}
}

@media screen and (max-width:520px){
    .header .logo img,.header .search { width: 90%;}
    .nav li { font-size: 18px; line-height: 48px;}
/* 通用列表 */
.list { padding-top: 8px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { background: url(../images/2021yl_dot.png) no-repeat left 16px; padding-left: 8px; font-size: 16px; line-height: 36px; overflow: hidden; white-space: normal; text-overflow: initial;color: #fff;} 
.list li a { color: #fff;}
.list-date li { position: relative; padding-right: 0px;}
.list-date li a { display: block;overflow: hidden; white-space: normal; text-overflow: initial;}
.list-date li span { position: relative; /*right: 0; top: 0;*/ font-size: 14px; color: #b2caf6; }
}