@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-b .top-g { display: block; margin-bottom: 100px; margin-top: 50px; }
.b-b .top-g > li { cursor: pointer; display: inline-block; padding: 10px; padding-left: 66px; padding-right: 66px; margin: 12px; font-size: 20px; font-weight: 550; color: #074fa0; background-color: #e6f0f7; border-radius: 9px; box-shadow: 2px 2px 1px rgb(99 99 99 / 15%); transition: all 1s ease; }
.b-b .top-g > li > i { margin-left: 20px; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.b-b .top-g > li > i:before { content: "\e647"; }
.b-b .top-g > li:hover, .b-b .top-g > .cho { color: #e6f0f7; background-color: #074fa0; transition: all 1s ease; }


.b-b .con > .cc { border-left: 1px solid #001a7f; width: 1120px; float: right; text-align: left; padding-left: 100px; padding-bottom: 0px; position: relative }

.left-g { z-index: 9999999; width: 450px; position:fixed; top:100px; font-size: 20px; transition: opacity 0.8s ease-out; }
.left-g > li:nth-child(1) { color: #000000; background-color: #dbdbdb70; padding: 10px; padding-left:30px; margin-bottom: 30px; font-size: 25px; display: block; border-radius: 9px; }
.left-g > .lis { text-align: left; padding: 10px; font-size:18px; padding-left: 30px; color: #074fa0; cursor: pointer; transition: all 0.5s ease; }
.left-g > .lis::before { content: "•"; font-size: 50px; display: inline; position: absolute; left: 0px; top: -20px; color: #0563cc }

.left-g > .lis:hover { transition: all 0.5s ease; padding-left: 40px; color: #800000; }

.list { font-size: 18px; margin-bottom: 168px; }
.list > li { background-color: #ffffff; }
    .list > li:nth-child(1) { font-size: 26px; color: #e6f0f7; background-color: #0a73cb; padding: 12px; display: block; width: 666px; text-align: left; border-radius: 0px 9px 9px 0px; }
.list > li:nth-child(2) p { font-size: 28px; height: 66px; display: block; padding-left: 66px; line-height: 80px; color: #000000; background-image: url(po.png); background-repeat: no-repeat; background-position: 0px 17px; }
.list > li:nth-child(2) ul > li { display: block; font-size: 20px; color: rgb(128 128 128); margin-top: 10px; margin-bottom: 28px; }
.list:nth-last-child(1) { margin-bottom: 0px; }