@charset "utf-8";
div, ul, li, p { display: block; z-index: 100; position: relative; font-family: 微软雅黑 }

.bot-go ul { min-width: 1366px; }
.w-1366-fit { min-width: 1366px; width: calc(100% - 534px) }

.bx { clear: both; display: inline-block; width: 100%; text-align: center; background-color: #ffffff; }
.bx .con { background-color: #ffffff; margin: auto; float: none; z-index: 10; position: relative; display: block; }
.b-a .con { width: 100%; }
.b-a .con .tit { font-size: 30px; font-weight: 550; color: #074fa0; margin: auto; float: none; padding-top: 25px; z-index: 10; text-align: left; }


.b-a .con .line { margin: auto; float: none; z-index: 10; height: 4px; background-color: #074fa0; border-radius: 4px }
.b-a .con .mid { margin: auto; float: none; z-index: 10; color: #074fa0; }
.b-a .con .tit span { position: relative; display: inline-block; margin-left: 55px; }
.b-a .con .tit span::before { content: ''; position: absolute; left: -45px; top: 1px; display: inline-block; height: 50px; width: 12px; border-radius: 8px; background-color: #0088f9; }

.b-a .con > li { width: calc(100% - 50px); height: 420px; overflow-x: hidden; background-color: #ffffff; float: right; position: relative; }
.b-a .con .rigt > ul { width: 100%; height: 420px; }
.b-a .con .rigt .imgBg { height: 420px; width: 100%; position: absolute; top: 0px; opacity: 0.3; z-index: 1; background-image: url(top-bg.jpg); background-repeat: repeat-x; background-size: cover; background-position: 0px; filter: blur(0px) brightness(100%); }


.b-a .con .cc { position: relative; }
.b-a .con .cc > ul { width: 520px; height: 365px; overflow: hidden; padding: 0px; margin: 0px; display: inline-block; text-align: justify; background-color: #ededed; color: #212121; font-size: 18px; border-radius: 0px 0px 10px 10px; margin-bottom: 28px; }
.b-a .con .cc > ul:nth-child(odd) { float: left }
.b-a .con .cc > ul:nth-child(even) { float: right }
.b-a .con .cc > ul > li { padding: 0px; margin: 0px; padding: 20px; }
.b-a .con .cc > ul > li:nth-child(1) { padding: 0px; margin: 0px; display: inline-block; width: 100%; height: 64px; line-height: 64px; padding-left: 25px; background-color: #0563cc; font-size: 22px; color: #ffffff }
.b-a .con .cc > ul > li:nth-child(2) li { position: relative; display: block; text-indent: 25px; margin-bottom: 18px; }
.b-a .con .cc > ul > li:nth-child(2) li::before { content: "•"; font-size: 50px; display: inline; position: absolute; left: -30px; top: -32px; color: #0563cc }



.b-b .con { margin: auto; float: none; z-index: 10; position: relative; display: block; }
.b-b .con .lm { position: relative; width: 288px; float: left; font-size: 25px; color: #0c4487; }
.b-b .con .lm > p { display: inline-block; cursor: pointer; position: relative; font-size: 30px; font-weight: bold; padding: 25px; margin-bottom: 120px; }
.b-b .con .lm > p::after { content: ''; display: inline-block; position: absolute; height: 1px; width: 100%; top: 120px; left: 0px; background-color: #0061b2cc }

.b-b .con .lm li {line-height:29px; font-size:20px; display: block; cursor: pointer; background-color: #e6f0f7; color: #0c4487; width: 80%; margin: auto; float: none; padding: 18px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 15px; border-radius: 9px; transition: all 1s ease; }
.b-b .con .lm li:hover { opacity: 1; background-color: #0563cc; color: #ffffff; transition: all 1.25s ease; }
.b-b .con .cc { position: relative; width: calc(100% - 300px); float: right; }

.b-b .con .lm .search-list .cho { background-color: #0563cc; color: #ffffff; }



.news-list { min-height: 660px; }
.news-list > li { width: calc(33.33% - 20px); height: 350px; margin: 10px; margin-bottom: 50px; cursor: pointer; display: inline-block; float: left; }
.news-list > li > ul { display: inline-block; height: 350px; font-size: 22px; position: relative; }

.news-list > li > ul > li:nth-child(1) { max-height: 245px; overflow-y: hidden; padding: 0px; margin-top: 0px; filter: brightness(90%); transition: all 0.75s ease; }
.news-list > li > ul > li:nth-child(1) img { width: 100%; }
.news-list > li > ul > li:nth-child(2) { position: absolute; color: #0c4487; width: 100%; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 定义显示的行数 */ line-height: 30px; text-align: center; bottom: 17px; transition: all 0.75s ease; }
.news-list > li > ul:hover .flv-01 { transition: all 0.75s ease; margin-top: 10px; filter: brightness(115%); }
.news-list > li > ul:hover .flv-02 { transition: all 0.75s ease; bottom: 25px; color: #0088f9; }

    

    .search { text-align: left; margin: 0px; padding: 0px; margin: auto; float: none; z-index: 10; width: 80%; }
.search > input { position: relative; z-index: 0; display: inline-block; margin: auto; float: none; vertical-align: middle; background-color: #ffffff; border: 1px solid #c9c9c9; width: 100%; height: 55px; outline: none; line-height: normal; padding-left: 100px; padding-right: 180px; font-family: "Microsoft YaHei"; color: #999999; box-sizing: border-box; font-size: 21px; border-radius: 3px; }
.search > i { position: absolute; left: 15px; top: -5px; z-index: 1; font-size: 35px; color: #c9c9c9 }
.search > .btn { position: absolute; display: block; height: 53px; width: 168px; font-size: 20px; border: 0; right: 1px; top: 1px; z-index: 1; color: #000; background-color: #e9e9e9; }

.test-ui { width: 100%; height: 2967px; float: left; background-image: url(ui.png); background-repeat: no-repeat; background-position: center calc(-900px); }




@media screen and (min-width: 2000px) {
    .b-a .con .rigt > ul { height: 520px; }
    .b-a .con > li { height: 520px; }
    .b-a .con .rigt .imgBg { height: 520px; }
}