@charset "utf-8";
div, ul, li, p { display: block; z-index: 100; position: relative; font-family: 微软雅黑 }
.bx { clear: both; display: inline-block; width: 100%; text-align: center; background-color: #ffffff; }
.bx .con { background-color: #ffffff; width: 1550px; margin: auto; float: none; z-index: 10; position: relative; display: block; }
.b-a .con { width: 100%; }
.b-a .con .tit, .b-a .con .tit-en { font-size: 30px; font-weight: 550; color: #074fa0; margin: auto; float: none; z-index: 10; text-align: center; }
.b-a .con .tit-en { font-weight: 500; color: #808080; }
.b-a .con .tit-en:first-letter { text-transform: uppercase; }

.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; }
.b-a .con .tit span::after { content: ''; display: inline-block; position: absolute; height: 4px; width: 100%; top: 55px; left: 0px; border-radius: 4px; background-color: #074fa0 }

.b-a .con .left { width: 50%; height: 750px; overflow-x: hidden; background-color: #000000; float: left; background-image: url(top_b_1.jpg); background-repeat: repeat-x; background-size: 960px 764px; background-position: 0px; animation: t1_Left 2s ease forwards; }
.b-a .con .rigt { width: 50%; overflow-x: hidden; background-color: #ffffff; float: right; position: relative }

.b-a .con .cc { width: 1366px; position: relative; }
.b-a .con .cc ul { width: 760px; float: left; text-align: left; }
.b-a .con .cc ul li { display: inline-block; margin-right: 8px; margin-bottom: 8px; width: 360px; height: 240px; overflow: hidden }
.b-a .con .cc ul li img { width: 100%; }

.b-a .con .cc .l { padding-bottom: 100px; }
.b-a .con .cc .r { position: relative; width: 66px; height: 66px; float: right; background-color: darkblue; }
.b-a .con .cc .r li { position: absolute; top: 160px; right: -5px; background-color: #f5f4f3ee; width: 600px; height: 320px; padding: 40px; font-size: 21px; display: left; vertical-align: middle; align-items: center; justify-content: center; text-align: justify; box-shadow: 0px 1px 23px rgb(99 99 99 / 29%); border-radius: 15px; }

.b-a .con .cc .l-a { position: absolute; top: 0px; width: 808px; float: left; text-align: left; padding: 0px; }
.b-a .con .cc .l-a li { display: inline-block; margin: 0px; width: 100%; height: auto; }
.b-a .con .cc .l-a li img { width: 100%; }
.b-a .con .cc .l-c { right: 0px; z-index: 0 }

.b-a .con .cc .r-a { position: relative; width: 580px; padding: 40px; height: auto; float: right; background-color: darkblue; background-color: #f5f4f3ee; box-shadow: 0px 1px 23px rgb(99 99 99 / 29%); border-radius: 15px; margin-bottom: 50px; margin-top: 175px; font-size: 21px; color: #808080; }
.b-a .con .cc .r-a li { display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-indent: 25px; margin-bottom: 10px; text-align: justify }
.b-a .con .cc .r-a li::before { content: "•"; display: inline; position: absolute; left: -22px; }

.b-a .con .cc .r-c { float: left; z-index: 999 }


.b-a .con .cc .l-b { width: 550px; padding: 50px; float: left; text-align: left; background-color: #f5f4f3ee; color: #808080; font-size: 21px; }
.b-a .con .cc .l-b li { display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-indent: 25px; margin-bottom: 10px }
.b-a .con .cc .l-b li::before { content: "•"; display: inline; position: absolute; left: -22px; }
.b-a .con .cc .r-b { width: calc(100% - 650px); float: right; text-align: left; }
.b-a .con .cc .r-b li { width: 100%; height: auto }
.b-a .con .cc .r-b li img { width: 100%; }

    .b-a .con .cc .indent-0 li { text-indent: 0px; text-align: left }
    .b-a .con .cc .flex li { height: 300px; display: flex; vertical-align: middle; align-items: center; justify-content: center; text-align: left; }