html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Microsoft Yahei";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}
html {
  margin: 0px; padding: 0px;
}
body {
  margin: 0px; padding: 0px;
}
div {
  margin: 0px; padding: 0px;
}
span {
  margin: 0px; padding: 0px;
}
iframe {
  margin: 0px; padding: 0px;
}
h1 {
  margin: 0px; padding: 0px;
}
h2 {
  margin: 0px; padding: 0px;
}
h3 {
  margin: 0px; padding: 0px;
}
h4 {
  margin: 0px; padding: 0px;
}
h5 {
  margin: 0px; padding: 0px;
}
h6 {
  margin: 0px; padding: 0px;
}
p {
  margin: 0px; padding: 0px;
}
blockquote {
  margin: 0px; padding: 0px;
}
pre {
  margin: 0px; padding: 0px;
}
a {
  margin: 0px; padding: 0px;
}
address {
  margin: 0px; padding: 0px;
}
big {
  margin: 0px; padding: 0px;
}
cite {
  margin: 0px; padding: 0px;
}
code {
  margin: 0px; padding: 0px;
}
del {
  margin: 0px; padding: 0px;
}
em {
  margin: 0px; padding: 0px;
}
font {
  margin: 0px; padding: 0px;
}
img {
  margin: 0px; padding: 0px;
}
ins {
  margin: 0px; padding: 0px;
}
small {
  margin: 0px; padding: 0px;
}
strong {
  margin: 0px; padding: 0px;
}
var {
  margin: 0px; padding: 0px;
}
b {
  margin: 0px; padding: 0px;
}
u {
  margin: 0px; padding: 0px;
}
i {
  margin: 0px; padding: 0px;
}
center {
  margin: 0px; padding: 0px;
}
dl {
  margin: 0px; padding: 0px;
}
dt {
  margin: 0px; padding: 0px;
}
dd {
  margin: 0px; padding: 0px;
}
ol {
  margin: 0px; padding: 0px;
}
ul {
  margin: 0px; padding: 0px;
}
li {
  margin: 0px; padding: 0px;
}
fieldset {
  margin: 0px; padding: 0px;
}
form {
  margin: 0px; padding: 0px;
}
label {
  margin: 0px; padding: 0px;
}
legend {
  margin: 0px; padding: 0px;
}
body {
  margin: auto; font-family: "Microsoft Yahei",????; min-width: 320px;
}
ol {
  list-style: none;
}
ul {
  list-style: none;
}
li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-family: 'Microsoft YaHei';
}
img {
  border: currentColor; border-image: none; vertical-align: middle; max-height: 100%; max-width: 100%;
}
table {
  width: 100%; border-collapse: collapse;
}
tr {
  margin: 0px; padding: 0px;
}
td {
  margin: 0px; padding: 0px;
}
th {
  margin: 0px; padding: 0px;
}
h1 {
  line-height: 1.3; font-weight: normal;
}
h2 {
  line-height: 1.3; font-weight: normal;
}
h3 {
  line-height: 1.3; font-weight: normal;
}
h4 {
  line-height: 1.3; font-weight: normal;
}
h5 {
  line-height: 1.3; font-weight: normal;
}
h6 {
  line-height: 1.3; font-weight: normal;
}
i {
  font-style: normal; font-weight: normal;
}
em {
  font-style: normal; font-weight: normal;
}
b {
  font-style: normal; font-weight: normal;
}
strong {
  font-style: normal; font-weight: normal;
}
input {
  background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
textarea {
  background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
select {
  background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
.jspContainer {
  overflow: hidden; position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  top: 0px; width: 16px; height: 100%; right: 0px; position: absolute;
}
.jspHorizontalBar {
  left: 0px; width: 100%; height: 16px; bottom: 0px; position: absolute;
}
.jspVerticalBar * {
  margin: 0px; padding: 0px;
}
.jspHorizontalBar * {
  margin: 0px; padding: 0px;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: rgb(221, 221, 238); position: relative;
}
.jspDrag {
  background: rgb(221, 221, 221); left: 0px; top: 0px; position: relative; cursor: pointer;
}
.jspHorizontalBar .jspTrack {
  height: 100%; float: left;
}
.jspHorizontalBar .jspDrag {
  height: 100%; float: left;
}
.jspArrow {
  background: rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer;
}
.jspArrow.jspDisabled {
  background: rgb(128, 128, 141); cursor: default;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px; height: 100%; float: left;
}
.jspVerticalBar .jspArrow:focus {
  
}
.jspCorner {
  background: rgb(238, 238, 244); height: 100%; float: left;
}
* html .jspCorner {
  margin: 0px -3px 0px 0px;
}
.jspVerticalBar {
  width: 6px;
}
.jspDrag {
  background: rgb(169, 148, 121); border-radius: 8px;
}
.jspTrack {
  background: rgb(245, 245, 245); border-radius: 8px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: rgb(221, 221, 221); width: 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(51, 51, 51); width: 6px;
}
.gray {
  -webkit-filter: grayscale(100%);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix::after {
  clear: both; display: block; content: "";
}
.footer_b {
  left: 0px; width: 100%; bottom: 0px; position: fixed;
}
.select {
  border: 1px solid rgb(221, 221, 221); border-image: none; width: 210px; height: 30px; text-align: left; color: rgb(112, 112, 112); line-height: 30px; display: inline-block; position: relative; cursor: pointer;
}
.select::before {
  background: url("../image/arrow7.png") no-repeat center; top: 50%; width: 21px; height: 12px; right: 10px; margin-top: -6px; position: absolute; content: "";
}
.select span {
  margin: 0px 10px; display: block;
}
.select ul {
  background: rgb(240, 240, 240); left: -1px; top: 100%; right: -1px; display: none; position: absolute;
}
.select li {
  padding: 0px 20px; line-height: 40px;
}
.checkbox {
  cursor: pointer;
}
.checkbox i {
  border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.checkbox.ckd i::after {
  background: rgb(255, 255, 255); margin: 5px 5px 0px; width: 5px; height: 5px; display: block; content: "";
}
.radio {
  margin-right: 45px; cursor: pointer;
}
.radio i {
  border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.radio.ckd i::after {
  background: rgb(255, 255, 255); margin: 5px 5px 0px; border-radius: 100%; width: 5px; height: 5px; display: block; content: "";
}
body {
  color: rgb(51, 51, 51);
  line-height: 1.6;
  font-size: 14px;
  min-width: 320px;
}
.h {
  line-height: 1.3;
}
.h1 {
  line-height: 1.3;
}
.h2 {
  line-height: 1.3;
}
.h3 {
  line-height: 1.3;
}
.nav_l {
  width: 1200px;
}
.block {
  margin: auto; width: 1400px;
}
.text .p {
  text-align: left; line-height: 1.7;
}
.nav_main_m {
  display: none;
}
.search_m {
  display: none;
}
.scmbtn {
  display: none;
}
.prev {
  cursor: pointer;
}
.pre a:hover,.next a:hover{color: #e57b12;}
.next {
  cursor: pointer;
}
.headr {
  float:right;
}
.layer {
  background: rgba(0, 0, 0, 0.8); transition:0.3s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: fixed; z-index: 10; opacity: 0; justify-content: center; align-items: center;
}
.layer.showdiv {
  visibility: visible; opacity: 1;
}
.layer .close {
  top: 50px; width: 80px; height: 80px; text-align: center; right: 50px; color: rgb(204, 204, 204); line-height: 80px; font-family: icon; font-size: 60px; position: absolute; cursor: pointer;
}
.layer .search_box {
  width: 550px; height: 45px; line-height: 45px; margin-top: -100px; display: flex; opacity: 0; transform: translateY(-50px);
}
.layer.showdiv .search_box {
  transition:0.5s ease-out; opacity: 1; transform: none;
}
.layer .search_box .kw {
  background: rgb(255, 255, 255); padding: 0px 12px; border-radius: 0px; flex:1 1 0px; font-size: 16px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.5); -webkit-appearance: none; appearance: none;
}
.layer .search_box .ok {
  background: rgb(0, 52,102); border-radius: 0px; width: 120px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.layer .picbox {
  width: 100%; height: 100%; text-align: center;
}
.layer .picbox::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.layer .picbox img {
  width: auto; height: auto; max-height: 80%; max-width: 80%;
}
.layer .picbox video {
  width: 1000px; height: auto; vertical-align: middle; display: inline-block;
}
.layer .leader_box {
  background: rgb(255, 255, 255); width: 1100px; border-top-color: rgb(202, 13, 13); border-top-width: 3px; border-top-style: solid; position: relative;
}
.layer .leader_box .inner {
  padding: 60px;
}
.layer .leader_box .close {
  top: 0px; right: 0px; color: rgb(170, 170, 170); font-size: 30px;
}
.layer .leader_box .t {
  display: flex; align-items: center;
}
.layer .leader_box .pic {
  width: 160px;
}
.layer .leader_box .txt {
  margin-left: 50px;
}
.layer .leader_box .txt .h {
  font-size: 18px;
}
.layer .leader_box .txt .p {
  margin-top: 15px;
}
.layer .leader_box .txt .p span {
  margin-right: 30px;
}
.layer .leader_box .text {
  overflow: hidden; margin-top: 40px; max-height: 300px;
}
.layer .leader_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(202, 13, 13);
}
.layer .leader_box .text p {
  margin-top: 20px;
}
.layer .leader_box .text p:first-child {
  margin-top: 0px;
}
.share-box {
  text-align: center; vertical-align: middle; display: inline-block;
}
.share-box::after {
  clear: both; display: table; content: "";
}
.share-box .share-item {
  border-radius: 50%; float: left; position: relative; cursor: pointer;
}
.share-box a.share-item {
  margin: 0px; height: auto; line-height: inherit; padding-left: 0px; font-size: inherit; background-image: none;
}
.share-box .share-item::after {
  color: rgb(255, 255, 255) !important; font-family: "icon" !important; font-style: normal; vertical-align: top; display: inline-block; content: ""; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
}
.share-box .icon-wchat::after {
  font-size: 1.05em; margin-top: 0.05em; content: "\e603";
}
.share-box .icon-qq::after {
  content: "\e606";
}
.share-box .icon-qzone::after {
  content: "\e60a";
}
.share-box .icon-sinawb::after {
  content: "\e605";
}
.share-box .icon-txwb::after {
  content: "\e609";
}
.share-label {
  display: inline-block;
}
.share-item .code {
  padding: 10px; border-radius: 5px; transition:0.2s ease-out; left: 50%; width: 140px; bottom: 100%; margin-top: 15px; margin-bottom: 10px; margin-left: -70px; visibility: hidden; position: absolute; box-sizing: border-box; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(-10px); background-color: rgb(255, 255, 255);
}
.share-item .code::after {
  border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; font-size: 0px; margin-left: -8px; position: absolute; content: "";
}
.share-item .code > img {
  width: 100%; display: block;
}
.share-item:hover .code {
  visibility: visible; opacity: 1; transform: none;
}
.share-box a.share-item {
  width: 32px; height: 32px; line-height: 32px; font-size: 20px; margin-left: 3px;
}
.share-box a.share-item.icon-sinawb {
  font-size: 23px;
}
.share-box a.share-item:hover {
  z-index: 1; opacity: 1;
}
#bdshare_weixin_qrcode_dialog {
  box-sizing: content-box; -webkit-box-sizing: content-box;
}
.pd120 {
  padding-top: 120px; padding-bottom: 120px;
}
.pdt120 {
  padding-top: 120px;
}
.pdb120 {
  padding-bottom: 120px;
}
.pd110 {
  padding-top: 110px; padding-bottom: 110px;
}
.pdt110 {
  padding-top: 110px;
}
.pdb110 {
  padding-bottom: 110px;
}
.imgzoom .pic {
  overflow: hidden;
}
.imgzoom .pic img {
  transition:0.4s ease-out;
}
.imgzoom:hover .pic img {
  transform: scale(1.05);
}
.fz48 {
  line-height: 1.3; font-size: 48px;
}
.fz40 {
  line-height: 1.3; font-size: 40px;
}
.fz30 {
  line-height: 1.3; font-size: 30px;
}
.fz24 {
  line-height: 1.3; font-size: 24px;
}
.fz20 {
  line-height: 1.3; font-size: 20px;
}
.title {
  text-align: center;
}
.title .p {
  margin-top: 10px;
}
.title .more {
  margin-top: 10px;
}
.more {
  color: rgb(0, 52,102); line-height: 45px; display: inline-block;
}
.more i {
  background: url("../image/more1.svg") no-repeat center / contain; width: 45px; height: 45px; margin-right: 15px; float: left;
}
.more i::before {
  background: url("../image/more1a.svg") no-repeat center / contain; transition:0.2s ease-out; width: 100%; height: 100%; display: block; content: ""; opacity: 0;
}
.more:hover i::before {
  opacity: 1;
}
.more2 {
  color: rgb(0, 52,102); line-height: 45px; display: inline-block;
}
.more2 i {
  background: url("../image/more1.svg") no-repeat center / contain; width: 45px; height: 45px; margin-right: 20px; float: left;
}
.more2 i::before {
  background: url("../image/more1a.svg") no-repeat center / contain; transition:0.2s ease-out; width: 100%; height: 100%; display: block; content: ""; opacity: 0;
}
.more2:hover i::before {
  opacity: 1;
}
.more2.b i {
  background-image: url("../image/more2.png"); background-size: contain;
}
.more2.b i::before {
  background-image: url("../image/more2a.png");
}
.more2.c i {
  background-image: url("../image/more3.png"); background-size: contain;
}
.more2.c i::before {
  background-image: url("../image/more3a.png");
}
.links a {
  padding-left: 20px; position: relative; box-sizing: border-box;
}
.links a::before {
  left: 0px; top: 0px; color: rgb(0, 52,102); font-family: icon; margin-right: 10px; position: absolute; content: "\e76c";
}
.links a:hover::before {
  animation:arr 0.6s ease-out infinite;
}
.position {
  line-height: 50px;
}
.position a {
  margin: 0px 10px;
}
.position a:first-child {
  margin-left: 0px;
}
body {
  display: flex; flex-direction: column;
}
.body {
  background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.body.page {
  padding-top: 130px;
}
.home {
  left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.home body {
  padding: 0px; height: 100%; overflow: hidden;
}
.body_home {
  background: rgb(0, 0, 0); height: 100%; overflow: hidden;
}
.body_r {
  transition:left 1.3s cubic-bezier(0.5, 0, 0.2, 1); left: 100%; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: fixed; z-index: 1;
}
.body_r.dis * {
  background: none !important;
}
.body_r.showdiv {
  left: 0px;
}
.body_r .body_scroll {
  height: 100%; overflow: hidden; position: relative;
}
.body_r .ll {
  background: url("../image/png13.png") no-repeat right 30px center; transition:0.3s ease-out; left: 0px; top: 50%; width: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; padding-left: 40px; font-size: 20px; visibility: hidden; position: absolute; cursor: pointer; opacity: 0; transform: translateY(-50%);
}
.body_r .ll:hover {
  padding-left: 50px;
}
.body_r .ll.w {
  color: rgb(88, 69, 59); background-image: url("../image/png13a.png");
}
.body_r.showdiv .ll {
  visibility: visible; opacity: 1;
}
.body_r .arr {
  transition:0.5s ease-out 0.5s; top: 50%; right: 10px; color: rgb(255, 255, 255); font-family: icon; font-size: 80px; position: absolute; cursor: pointer; opacity: 0; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); transform: translateY(-50%);
}
.body_r.showdiv .arr {
  opacity: 1;
}
.body_r .arr.h {
  display: none;
}
.screen {
  height: 100%; float: left; position: relative;
}
.screen .title {
  color: rgb(255, 255, 255); line-height: 1.1; display: flex; align-items: center;
}
.screen .title .fz40 {
  width: 40px; white-space: normal;
}
.screen .title .p {
  width: 18px; font-size: 18px; margin-left: 25px; -ms-word-wrap: break-word;
}
.body_r .menu {
  background: rgb(255, 255, 255); border-radius: 100%; transition:0.3s ease-out; top: 40px; width: 50px; height: 50px; right: 40px; position: absolute; z-index: 2; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.body_r .menu:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.body_r .menu .inner {
  top: 15px; width: 50%; right: 25%; position: absolute;
}
.body_r .menu i {
  background: rgb(51, 51, 51); border-radius: 2px; transition:0.2s ease-out; height: 2px; -webkit-transition: all 0.2s ease-out 0s;
}
.body_r .menu i:nth-child(1) {
  top: 0px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(2) {
  top: 9px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(3) {
  top: 18px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu.act i:nth-child(1) {
  transform: translate(0px, 9px) rotate(45deg);
}
.body_r .menu.act i:nth-child(2) {
  opacity: 0;
}
.body_r .menu.act i:nth-child(3) {
  transform: translate(0px, -9px) rotate(-45deg);
}
.body_r .navg {
  transition:0.5s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: scale(1.1);
}
.body_r .navg .logo {
  width: 200px;
}
.body_r .navg.showdiv {
  visibility: visible; opacity: 1; transform: none;
}
.body_r .navg > div {
  flex:1 1 0px;
}
.body_r .navg .l {
  background: rgb(255, 255, 255); position: relative;
}
.body_r .navg .l .inner {
  left: 50%; top: 50%; position: absolute; transform: translate(-55%, -50%);
}
.body_r .navg .l .list {
  margin-top: 50px;
}
.body_r .navg .l .item {
  width: 140px; height: 46px; line-height: 46px; font-size: 16px; position: relative;
}
.body_r .navg .l .item::before {
  transition:0.5s ease-out; left: 0px; width: 0px; bottom: 0px; border-top-color: rgb(0, 52,102); border-top-width: 2px; border-top-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item::after {
  left: 100%; height: 0px; bottom: 0px; border-right-color: rgb(0, 52,102); border-right-width: 2px; border-right-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item:hover::before {
  width: 100%;
}
.body_r .navg .l .item:hover::after {
  transition:0.5s ease-out 0.5s; height: 20px; bottom: -9px;
}
.body_r .navg .l .item ul {
  transition:0.5s ease-out; left: 100%; top: 0px; line-height: 40px; visibility: hidden; position: absolute; opacity: 0;
}
.body_r .navg .l .item:hover ul {
  visibility: visible; opacity: 1;
}
.body_r .navg .l .item li {
  transition:0.3s ease-out; padding-left: 20px; white-space: nowrap;
}
.body_r .navg .l .item li:hover {
  padding-left: 30px;
}
.body_r .navg .l .item a:hover {
  color: rgb(0, 52,102);
}
.body_r .navg .l .tools {
  margin-top: 45px; display: flex; align-items: center;
}
.body_r .navg .l .tools .a {
  border-radius: 100%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 40px; height: 40px; line-height: 40px; margin-right: 20px; position: relative;
}
.body_r .navg .l .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.body_r .navg .l .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.body_r .navg .l .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.body_r .navg .l .tools .share-box {
  float: left;
}
.body_r .navg .l .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.body_r .navg .r {
  background: url("../image/pic39.jpg") no-repeat center / cover;
}
.body_b {
  background: #FFFFFF;
  transition:top 0.7s cubic-bezier(0.5, 0, 0.2, 1); 
  left: 0%; 
  top: 100%; 
  right: 0px; 
  bottom: 0px; 
  overflow: auto; 
  position: fixed; 
  z-index: 4;
}
.aui-search-result-box {
  width: 200px;
  float: left;
  height: 32px;
  height: 31px\0;
  position: relative;
  margin-top: 7px;
  line-height: 45px;
  background: url(../images/search_bg.png) center center no-repeat;
  background-size: 100% auto;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_bg.png',sizingMethod='scale');
}
.aui-search-result-box input.intext {
   
    display: block;
    border: none;
    height: 25px;
    line-height: 25px;
  margin-top: 3px;
    padding-left: 15px;
    color: #fff;
}
.icon-search-tn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px;
  *+width: 17px;
  width: 17px\0;
    height: 20px;
  *+height: 16px;
  height: 16px\0;
    outline: none;
    background: url(../images/ss.png) center center no-repeat;
    background-size: 17px 17px;
  opacity: 1!important;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ss.png',sizingMethod='scale');
}
.sj-body {
  background: #ffffff url(../images/sj-bg02.png) center top no-repeat;
  background-position: center;
  background-size: cover;
}
.body_b * {
  
}
.body_b.showdiv {
  top: 0px;
}
.body_b .mCSB_scrollTools {
  width: 5px; z-index: 4;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(0, 52,102); width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0.1);
}
.header {
  transition:0.7s ease-out; 
  left: 0%; 
  top: 0px; 
  right: 0%; 
  position: fixed; 
  z-index: 5;
  opacity: 0; transform: translateY(-100%);
  *+display: none;
  display: none\0;
}
.header.showdiv {
  opacity: 1; transform: none;
}
.body_home.showdiv .header {
  opacity: 1; transform: none;
  *+display: block;
  display: block\0;
}
.header .d1 {
  background: rgb(0, 52,102); transition:0.2s ease-out; height: 45px; color: rgb(255, 255,255); line-height: 45px; overflow: hidden; font-size: 14px;
}
.header.lit .d1 {
  height: 0px;
}
.header .d1 .nav_l i {
  margin: 0px 18px;
  font-size: 16px;
  font-weight: 100;
  opacity: 0.6;
}
.header .d1 .nav_l a {
  line-height: 1;
  display: inline-block;
  font-weight: 100;
  font-size: 14px;
}
.header .d1 .nav_l a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_l a.now {
  color: rgb(255, 255, 255);
}
.header .d1 .nav_l a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_l a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a {
  margin-left: 30px;
}
.header .d1 .nav_r a {
  line-height: 1; display: inline-block;
}
.header .d1 .nav_r a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_r a.now {
  color: rgb(255, 255, 255);
}
.header .d1 .nav_r a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); transition:0.3s ease-out; height: 85px;
}
.header .block {
  height: 100%; display: flex; position: relative; justify-content: space-between; align-items: center;
}
.header .logo {
  width: 200px; height: 100%;
}
.header .logo a {
  height: 85px; padding: 12.5px 0; font-size: 0px; display: block;
}
.header .logo img {
  display: block;
  width: 200px;
  height: 60px;
  max-width: none;
  max-height: none;
}
.header .logo a::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header .nav_main {
  /* text-align: center; */
  /* font-size: 18px; */
  /* margin-left: -350px; */
}
.header .nav_main a {
  margin: 0px 25px;
  color: rgb(255, 255, 255);
  display: inline-block;
  position: relative;
  font-weight: 200;
}
.header .nav_main a.hover::before {
  transform: none;
}
.header .nav_main a.now::after {
  transform: none;
}
.header .nav_main a.hover::after {
  transform: none;
}
.header .tools {
  color: rgb(255, 255, 255); display: flex; align-items: center;
}
.header .tools .a {
  border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 34px; height: 34px; line-height: 34px; margin-left: 20px; position: relative;
}
.header .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.header .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.header .tools .share-box {
  float: left;
}
.header .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header .tools .search {
  background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header .tools .search.s {
  visibility: visible; opacity: 1;
}
.header .tools .search .kw {
  margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header .tools .search .ok {
  width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}

.nav_child .item {transition:0.2s ease-out;
background-color:rgba(0,52,102,1);

  background: url("../image/png96.png") no-repeat bottom / color: rgb(255, 255, 255); padding: 0px;  top: 55px; width: 100px; border-top-color: rgb(0, 52,102); border-top-width: 2px; border-top-style: solid; display: flex; visibility: hidden; position: absolute; opacity: 0;
}

.nav_child .item .qqq { margin:0 auto;color: rgb(255, 255, 255);  
    font-size: 18px;
  
  
}

/* .nav_child .item .qqq a:hover{color:#003466} */
.nav_child .item.s {
  transition:opacity 0.2s ease-out; visibility: visible; opacity: 1;
}
.nav_child .item .l {
  width: 45%; display: flex;
}
.nav_child .item .l .pic {
  width: 142px;
}
.nav_child .item .l .pic img {
  width: 100%; height: auto;
}
.nav_child .item .l .txt {
  flex:1 1 0px; color: rgb(0, 52,102); line-height: 2.2; padding-left: 30px; font-size: 16px;
}
.nav_child .item .r {
  width: 55%; font-size: 0px;
}
.nav_child .item .r a {
  width: 33.33%; font-size: 18px; margin-top: 10px; display: inline-block;
}
.nav_child .item .r a:hover {
  color: rgb(0, 52,102);
}
.header.light {
  opacity: 1; transform: none;
}
.header.light .d2 {
  background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.header.light .tools {
  color: rgb(51, 51, 51);
}
.header.light .tools .a {
  border-color: rgb(204, 204, 204);
}
.header.light .nav_main a {
  color: rgb(51, 51, 51);
}
.header.light .nav_main a::after {
  border-color: rgb(0, 52,102);
}
.header.light .nav_main a::before {
  border-color: rgb(0, 52,102);
}
.header2 {
  background: rgb(0, 52,102);
  opacity: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15); 
  transform: translateY(-100%);
  transition:0.5s ease-out;
  left: 0px;
  top: 0px;
  right: 0px;
  position: fixed;
  z-index: 3;
  *+position: relative;
}
.body_b .header2 {
  opacity: 0; 
  transform: translateY(-100%);
  *+display: none;
  display: none\0;
}
.body_b.showdiv .header2 {
  transition:0.7s ease-in-out 0.5s; 
  opacity: 1; 
  transform: none;
  *+display: block;
  display: block\0;
  *+position: fixed;
}
.header2.showdiv {
  opacity: 1; transform: none;
}
.header2 .d1 {
  background: rgb(0, 52,102); transition:0.2s ease-out; height: 45px; color: rgb(255, 255,255); line-height: 45px; overflow: hidden; font-size: 14px;
}
.header2.lit .d1 {
  height: 0px;
}
.header2 .d1 .nav_l i {
  margin: 0px 18px; font-size: 12px;
}
.header2 .d1 .nav_l a {
  line-height: 1; display: inline-block;
}
.header2 .d1 .nav_l a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_l a.now {
  color: rgb(255, 255, 255);
}
.header2 .d1 .nav_l a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_l a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a {
  margin-left: 30px;
}
.header2 .d1 .nav_r a {
  line-height: 1; display: inline-block;
}
.header2 .d1 .nav_r a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_r a.now {
  color: rgb(255, 255, 255);
}
.header2 .d1 .nav_r a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d2 {
  background: rgb(255, 255, 255); transition:0.3s ease-out; height: 85px;
}
.header2 .block {
  height: 100%; display: flex; position: relative; justify-content: space-between; align-items: center;
}
.header2 .logo {
  width: 200px; height: 100%;
}
.header2 .logo a {
  height: 85px; padding: 12.5px 0; font-size: 0px; display: block;
}
.header2 .logo img {
  display: block;
  width: 200px;
  height: 60px;
  max-width: none;
  max-height: none;
}
.header2 .logo a::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header2 .nav_main {
  text-align: center; font-size: 18px;
}
.header2 .nav_main a {
  margin: 0px 25px; display: inline-block; position: relative;
}
/* .header2 .nav_main a::after {
  transition:0.2s ease-out; width: 100%; margin-top: 5px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 2px; border-bottom-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .nav_main a::before {
  transform-origin: center top; transition:0.2s ease-out; left: 50%; top: 100%; height: 25px; border-left-color: rgb(0, 52,102); border-left-width: 2px; border-left-style: solid; position: absolute; content: ""; transform: scaleY(0);
} */
.header2 .nav_main a.hover::before {
  transform: none;
}
.header2 .nav_main a.hover::after {
  transform: none;
}
.header2 .nav_main a.now::after {
  transform: none;
}
.header2 .tools {
  display: flex; align-items: center;
}
.header2 .tools .a {
  border-radius: 100%; border: 1px solid rgb(51, 51, 51); border-image: none; width: 36px; height: 36px; line-height: 36px; margin-left: 20px; position: relative;
}
.header2 .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header2 .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.header2 .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.header2 .tools .share-box {
  float: left;
}
.header2 .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header2 .tools .search {
  background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header2 .tools .search.s {
  visibility: visible; opacity: 1;
}
.header2 .tools .search .kw {
  margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header2 .tools .search .ok {
  width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}
.nav_mobile {
  display: none;
}
.body_home .banner {
  height: 100%; overflow: hidden; position: relative; z-index: 4;
}
.body_home .banner .slick-list {
  height: 100%;
}
.body_home .banner .slick-track {
  height: 100%;
}
.body_home .banner .slick-slide > div {
  height: 100%;
}
.body_home .banner .frame {
  height: 100%;
}
.body_home .banner .frame video {
  left: 50%; top: 50%; position: absolute; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%);
}
.body_home .banner .child {
  background-position: center; height: 100%; color: rgb(255, 255, 255); overflow: hidden; position: relative; background-size: cover; background-color: rgb(0, 0, 0);
}
.body_home .banner .child::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); left: 0px; height: 80px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.body_home .banner .child .fz30 {
  left: 0px; right: 380px; bottom: 50px; line-height: 1; padding-left: 40px; position: absolute;
}
.body_home .banner .child .a1 {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.body_home .banner .child .a2 {
  width: 80px; height: 60px; text-align: center; right: 15px; bottom: 35px; line-height: 60px; font-size: 24px; position: absolute;
}
.body_home .banner .child .a2::after {
  font-family: icon; vertical-align: middle; display: inline-block; content: "\e76c";
}
.body_home .banner .text {
  left: 50%; top: 50%; width: 50%; text-align: center; position: absolute; opacity: 0; transform: translate(-50%, -50%) scale(0.8);
}
.body_home .banner .showdiv .text {
  transition:2s ease-out 0.5s; opacity: 1; transform: translate(-50%, -50%) scale(1);
}
.body_home .banner .navg {
  text-align: center; right: 100px; bottom: 50px; color: rgb(255, 255, 255); line-height: 1; position: absolute;
}
.body_home .banner .navg li {
  margin: 0px 10px; font-family: Arial; vertical-align: middle; display: inline-block; cursor: pointer;
}
.body_home .banner .navg li.slick-active {
  font-size: 22px; color:#003466;font-weight:bold;
}
.body_home .banner .navg li::after {
  transition:0.5s ease-out; width: 0px; margin-left: 5px; vertical-align: middle; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; display: inline-block; content: "";
}
.body_home .banner .navg li.slick-active::after {
  /* width: 60px; */
}
.body_home .banner .tit {
  background: rgba(0, 0, 0, 0.5); left: 50px; height: 80px; right: 50px; bottom: 60px; color: rgb(255, 255, 255); line-height: 80px; display: -ms-flexbox; position: absolute; justify-content: space-between;
}
.body_home .bb{position:absolute;left:50%;bottom:0;text-align:center;transform:translateX(-50%);color:#003466;font-size:36px;cursor: pointer;opacity:0;font-family:icon;padding:0 10px;animation:bb 2s linear 0s infinite;font-weight:bold;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}
.body_home.showdiv .bb{opacity:1;}
.body_home .bb:hover{animation-play-state:paused;color: #fff;}
.rr {
  background: url("../image/png27.png") no-repeat center; transform-origin: right center; top: 50%; width: 82px; height: 170px; right: 0px; color: rgb(255, 255, 255); margin-top: -85px; position: fixed; z-index: 2; cursor: pointer; opacity: 0; transform: scale(0);
}
.rr.showdiv {
  transition:1s ease-out 0.5s; opacity: 1; transform: none;
}
.rr::before {
  background: url("../image/png21.png") no-repeat center; transition:1.5s ease-out 1.8s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr::after {
  background: url("../image/png22.png") no-repeat center; transition:1.5s ease-out 2.6s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr i {
  background: url("../image/png23.png") no-repeat center; width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.rr.showdiv i {
  transition:1s ease-out 4.5s; margin-left: 40px; opacity: 1;
}
.rr.showdiv::before {
  content: ""; opacity: 1; transform: none;
}
.rr.showdiv::after {
  content: ""; opacity: 1; transform: none;
}
.nav_b {
  transition:0.6s ease-out; left: 0px; text-align: center; right: 0px; bottom: 30px; color: rgb(255, 255, 255); display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: translateY(50px); justify-content: center; align-items: center;
}
.nav_b.showdiv {
  visibility: visible; opacity: 1; transform: translateY(0px);
}
.nav_b .l {
  background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .r {
  background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .list {
  margin: 0px 50px; display: flex;
}
.nav_b .list .item {
  background: url("../image/png2.png") no-repeat top; width: 240px; cursor: pointer;
}
.nav_b .list .item span {
  line-height: 1; padding-top: 30px; display: inline-block; position: relative;
}
.nav_b .list :first-child.item {
  background-position: -119px top; width: 121px; text-align: left;
}
.nav_b .list :first-child.item span {
  transform: translateX(-50%);
}
.nav_b .list :last-child.item {
  background-position: left top; width: 120px; text-align: right;
}
.nav_b .list :last-child.item span {
  transform: translateX(50%);
}
.nav_b .list .item span::before {
  background: url("../image/png34.png") no-repeat center; transition:0.5s ease-out; left: 50%; top: 9px; width: 20px; height: 20px; margin-left: -10px; position: absolute; content: ""; transform: scale(0);
}
.nav_b .list .item.now span::before {
  transform: none;
}
.nav_b.w .l {
  background-image: url("../image/png3a.png");
}
.nav_b.w .r {
  background-image: url("../image/png3a.png");
}
.nav_b.w .list .item {
  background-image: url("../image/png2a.png");
}
.nav_b.w {
  color: rgb(88, 69, 59);
}
.home1 {
  background: rgb(76, 101, 147);
}
.home1 .title {
  background: url("../image/pic4.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home1 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home1.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home1 .content {
  background: url("../image/bg2.jpg") no-repeat center / cover; top: 0px; width: 80%; right: 0px; bottom: 0px; position: absolute;
}
.home1 .tr {
  height: 25%; display: flex;
}
.home1 .tr .td {
  transition:1s ease-out; flex:1 1 0px; text-align: center; color: rgb(255, 255, 255); opacity: 0; transform: scaleX(0);
}
.home1.showdiv .tr .td {
  opacity: 1; transform: none;
}
.home1 .tr .td .inner {
  transition:3s cubic-bezier(0.3, 0, 0.7, 1); height: 100%; display: flex; transform: rotateY(-180deg); backface-visibility: hidden; flex-direction: column; justify-content: center; align-items: center;
}
.home1.showdiv .tr .td .inner {
  transform: none;
}
.home1 .tr .td strong {
  line-height: 1; font-family: Impact; font-size: 60px; display: flex; perspective: 10vw; justify-content: center;
}
.home1.showdiv .tr .td.s strong i {
  animation:td1 2.5s ease-in-out both; display: block; transform-style: preserve-3d;
}
.home1 .tr .td.s strong i:nth-child(2) {
  animation-delay: 0.2s;
}
.home1 .tr .td.s strong i:nth-child(3) {
  animation-delay: 0.4s;
}
.home1 .tr .td.s strong i:nth-child(4) {
  animation-delay: 0.6s;
}
.home1 .tr .td span {
  font-size: 18px;
}
.home1 .tr .td1 {
  background: rgb(103, 128, 173);
}
.home1 .tr .td2 {
  background: rgb(75, 102, 149);
}
.home1 .tr .td3 {
  background: rgb(56, 82, 132);
}
.home1 .tr .td4 {
  background: rgb(68, 93, 140);
}
.home1 .tr .td5 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td6 {
  background: rgb(64, 90, 137);
}
.home1 .tr .td7 {
  background: rgb(75, 102, 149);
}
.home1 .tr .td8 {
  background: rgb(87, 114, 161);
}
.home1 .tr .td9 {
  background: rgba(12, 38, 90, 0.3);
}
.home1.showdiv .tr .td9 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td10 {
  background: rgb(47, 73, 122);
}
.home1 .tr .td11 {
  background: rgb(58, 87, 138);
}
.home1 .tr .td12 {
  background: rgba(12, 38, 90, 0.3);
}
.home1.showdiv .tr .td12 {
  animation:td 3s ease-out infinite;
}
.home1 .tr .td13 {
  background: rgba(12, 38, 80, 0.3);
}
.home1.showdiv .tr .td13 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td14 {
  background: rgb(103, 128, 173);
}
.home1 .tr .td15 {
  background: rgb(53, 80, 129);
}
.home1 .tr .td16 {
  background: rgba(58, 90, 140, 0.15);
}
.home1.showdiv .tr .td16 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td17 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td18 {
  background: rgb(47, 73, 122);
}
.home1 .tr .td19 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td20 {
  background: rgb(49, 75, 125);
}
.home1 .tr .td21 {
  background: rgb(70, 97, 147);
}
.home1 .tr .td22 {
  background: rgba(15, 50, 110, 0.3);
}
.home1.showdiv .tr .td22 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td23 {
  background: rgb(68, 93, 140);
}
.home1 .tr .td24 {
  background: rgb(57, 84, 134);
}
.home2 {
  background: rgb(255, 255, 255);
}
.home2 .bg {
  background: url("../image/bg3.jpg") no-repeat center; transition:3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; transform: translateX(50px);
}
.home2.showdiv .bg {
  opacity: 1; transform: none;
}
.home2 .title {
  left: 0px; top: 0px; width: 25%; bottom: 0px; color: rgb(51, 51, 51); position: absolute; background-size: cover;
}
.home2 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home2.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home2 .list {
  left: 25%; top: 50%; width: 25%; text-align: left; color: rgb(61, 47, 40); padding-top: 13px; margin-top: -50px; position: absolute; opacity: 0; transform: translateY(-50%);
}
.home2 .list .inner {
  height: 415px; font-size: 0px; white-space: nowrap;
}
.home2.showdiv .list {
  transition:margin 1s ease-out 1.2s, opacity 1s ease-out 1.2s; margin-top: 0px; opacity: 1;
}
.home2 .list .item {
  padding: 0px 15px; height: 100%; display: inline-block; white-space: normal; position: relative; cursor: pointer; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.home2 .list :first-child.item {
  margin-left: 0px;
}
.home2 .list .item .h {
  line-height: 1; font-size: 20px; opacity: 0.5;
}
.home2 .list .item.now .h {
  opacity: 1;
}
.home2 .list .item .p {
  font-size: 14px; margin-left: 20px; display: none;
}
.home2 .list .item.now .p {
  display: block;
}
.home2 .pic {
  left: 50%; top: 50%; width: 670px; height: 540px; margin-left: 40px; position: absolute; max-width: 45%; transform: translateY(-50%);
}
.home2 .pic .d {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.home2 .pic .d.s {
  opacity: 1;
}
.home2 .pic .p1 {
  left: 0px; width: 50%; bottom: 0px; position: absolute; opacity: 0; transform: translate(-30px, 30px);
}
.home2 .pic .p2 {
  top: 0px; width: 80%; right: 0px; position: absolute; opacity: 0; transform: translate(30px, -30px);
}
.home2 .pic .more {
  right: 0px; bottom: 0px; position: absolute; opacity: 0;
}
.home2.showdiv .pic .p1 {
  transition:1s ease-out 1.2s; opacity: 1; transform: none;
}
.home2.showdiv .pic .p2 {
  transition:1s ease-out 1.2s; opacity: 1; transform: none;
}
.home2.showdiv .pic .more {
  transition:1s ease-out 1.2s; opacity: 1;
}
.home2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: url("../image/png10.png") no-repeat center; width: 40px; height: 40px; margin-top: -12px;
}
.home2 .mCSB_scrollTools .mCSB_draggerRail {
  background: rgb(123, 98, 94); height: 1px;
}
.home2 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top: -28px; bottom: auto;
}
.home3 .title {
  background: url("../image/pic3.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home3 .title .inner {
  transition:1s ease-out; width: 100%; height: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home3.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home3 .title .fz40 {
  margin: 0px 10px; cursor: pointer;
}
.home3 .title .fz40 a {
  background: url("../image/png5.png") no-repeat bottom; width: 27px; padding-bottom: 70px; font-size: 16px; margin-top: 20px; display: none;
}
.home3 .title .fz40.now a {
  display: inline-block;
}
.home3 .div {
  background: rgb(102, 88, 85); left: 20%; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home3 .list {
  padding: 0px 50px; left: 0px; top: 0px; height: 100%; right: 0px; display: flex; position: absolute; pointer-events: none;
}
.home3 .list.act {
  pointer-events: auto;
}
.home3 .item {
  background: url("../image/bg10.png") no-repeat right bottom / contain; margin: 0px 20px; flex:1 1 0px; border-right-color: rgb(116, 101, 98); border-left-color: rgb(116, 101, 98); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; opacity: 0; transform: translateY(50px);
}
.home3.showdiv .act .item {
  transition:1s ease-out; opacity: 1; transform: none;
}
.home3.showdiv .act :nth-child(2).item {
  transition-delay: 0.2s; background-image: url("../image/bg11.png");
}
.home3.showdiv .act :nth-child(3).item {
  transition-delay: 0.4s; background-image: url("../image/bg12.png");
}
.home3.showdiv .act :nth-child(4).item {
  transition-delay: 0.6s; background-image: url("../image/bg13.png");
}
.home3 .item .inner {
  transition:0.3s ease-out; height: 100%; display: flex; flex-direction: column; justify-content: center;
}
.home3 .item:hover .inner {
  background: rgb(116, 101, 98);
}
.home3 .item .pic {
  width: 100%; height: 45%; overflow: hidden;
}
.home3 .item .pic .img {
  background-position: center; transition:0.6s ease-out; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;
}
.home3 .item:hover .pic .img {
  transform: scale(1.05);
}
.home3 .item .text {
  padding: 40px 30px; color: rgb(255, 255, 255); display: flex; position: relative; flex-direction: row-reverse;
}
.home3 .item .text .h {
  width: 24px; line-height: 1.1; font-size: 24px;
}
.home3 .item .text .p {
  height: 240px; margin-right: 25px; -ms-writing-mode: tb-rl;
}
.home3 .item .text .more1 {
  background: url("../image/png11.png") no-repeat bottom; transition:0.2s ease-out; left: 40px; width: 20px; text-align: center; right: 30px; line-height: 1; padding-bottom: 50px; display: block; position: absolute;
}
.home3 .item .text .more1:hover {
  transform: translateY(10px);
}
.home4 .title {
  background: url("../image/pic9.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home4 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home4.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home4 .content {
  background: url("../image/bg7.jpg") center; left: 20%; top: 0px; right: 0px; bottom: 0px; border-left-color: rgb(67, 59, 59); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.home4 .content .d {
  transition:1s ease-out; opacity: 0;
}
.home4.showdiv .content .d {
  opacity: 1;
}
.home4 .content .d .pic {
  overflow: hidden;
}
.home4 .content .d .pic span {
  transition:1.8s ease-out; height: 100%; display: block; transform: scale(1.2);
}
.home4.showdiv .content .d .pic span {
  transform: none;
}
.home4 .content .tit {
  font-size: 24px;
}
.home4 .content .tit a {
  height: 100%; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center;
}
.home4 .content .tit a:hover {
  color: rgb(205, 177, 177);
}
.home4 .content .d1 {
  left: 0px; top: 0px; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d1 .pic {
  height: 100%;
}
.home4 .content .d1 .pic span {
  background: url("../image/pic32.jpg") no-repeat center / cover;
}
.home4 .content .d1 .tit {
  background: url("../image/png19.png"); width: 50%; height: 50%; right: 0px; bottom: 0px; position: absolute;
}
.home4 .content .d2 {
  left: 40%; top: 0px; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d2 .pic {
  top: 0px; width: 50%; height: 100%; right: 0px; position: absolute;
}
.home4 .content .d2 .pic span {
  background: url("../image/pic36.jpg") no-repeat center / cover;
}
.home4 .content .d2 .tit {
  background: rgba(0, 0, 0, 0.2); left: 0px; width: 50%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d3 {
  left: 80%; top: 0px; width: 20%; height: 50%; position: absolute;
}
.home4 .content .d3 .pic {
  left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d3 .pic span {
  background: url("../image/pic37.jpg") no-repeat center / cover;
}
.home4 .content .d4 {
  left: 0px; top: 50%; width: 20%; height: 50%; position: absolute;
}
.home4 .content .d4 .tit {
  background: rgba(0, 0, 0, 0.2); left: 0px; top: 0px; width: 100%; height: 50%; position: absolute;
}
.home4 .content .d4 .pic {
  left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d4 .pic span {
  background: url("../image/pic38.jpg") no-repeat center / cover;
}
.home4 .content .d5 {
  left: 20%; top: 50%; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d5 .pic {
  height: 100%;
}
.home4 .content .d5 .pic span {
  background: url("../image/pic33.jpg") no-repeat center / cover;
}
.home4 .content .d5 .tit {
  background: url("../image/png19.png"); left: 0px; width: 50%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d6 {
  left: 60%; top: 50%; width: 40%; height: 25%; position: absolute;
}
.home4 .content .d6 .pic {
  height: 100%;
}
.home4 .content .d6 .pic span {
  background: url("../image/pic35.jpg") no-repeat center / cover;
}
.home4 .content .d6 .tit {
  background: url("../image/png19.png"); left: 0px; top: 0px; width: 50%; height: 100%; position: absolute;
}
.home4 .content .d7 {
  left: 60%; top: 75%; width: 40%; height: 25%; position: absolute;
}
.home4 .content .d7 .pic {
  left: 0px; width: 50%; height: 100%; bottom: 0px; position: absolute;
}
.home4 .content .d7 .pic span {
  background: url("../image/pic34.jpg") no-repeat center / cover;
}
.home4 .rb {
  background: rgb(0, 52,102); border-radius: 100%; transition:1s ease-out 0.5s; top: 50%; width: 170px; height: 170px; right: -85px; color: rgb(255, 255, 255); margin-top: -85px; position: absolute; cursor: pointer; opacity: 0; transform: scale(0);
}
.home4.showdiv .rb {
  right: -85px; opacity: 1; transform: none;
}
.home4 .rb::before {
  background: url("../image/png25.png") no-repeat center; transition:1s ease-out 1.6s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(0.6);
}
.home4 .rb::after {
  background: url("../image/png26.png") no-repeat center; transition:1s ease-out 2.8s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(0.6);
}
.home4 .rb i {
  background: url("../image/png24.png") no-repeat center; width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.home4.showdiv .rb i {
  transition:1s ease-out 4s; margin-left: 40px; opacity: 1;
}
.home4.showdiv .rb::before {
  content: ""; opacity: 1; transform: none;
}
.home4.showdiv .rb::after {
  content: ""; opacity: 1; transform: none;
}
.home5 {
  background: rgb(239, 235, 234); padding: calc(5vw + 95px) 0px 5vw;
}
.home5 .content {
  margin-top: 45px;
}
.home5 .list {
  display: flex; justify-content: space-between;
}
.home5 :nth-child(2).list {
  margin-top: 20px;
}
.home5 .list .box {
  width: calc(50% - 10px); display: flex; flex-wrap: wrap; justify-content: space-between;
}
.home5 .list .ptbox {
  width: calc(50% - 10px); position: relative;
}
.home5 .list .item {
  background: rgb(255, 255, 255); width: calc(50% - 10px); border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; position: relative; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home5 .list :nth-child(-n+2).item {
  margin-bottom: 20px;
}
.home5 .list .item .text {
  padding: 40px 30px; position: relative;
}
.home5 .list :nth-child(1).item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :nth-child(4).item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :last-child.item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list .item .text .h {
  line-height: 1.5; font-size: 16px;
}
.home5 .list .item .text .date {
  color: rgb(153, 133, 123); font-size: 16px; font-style: italic; margin-top: 15px; display: none;
}
.home5 .btns {
  text-align: center; margin-top: 30px;
}
.home5 .btns .more {
  margin: 0px 45px;
}
.ptbox .inner {
  overflow: hidden; padding-bottom: 56.25%; position: relative;
}
.ptbox .pic {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.ptbox .img {
  background-position: center; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.ptbox .img a {
  height: 100%; display: block;
}
.ptbox .img img {
  width: 100%; height: auto; max-height: none;
}
.ptbox .v {
  border-radius: 100%; border: 2px solid rgb(0, 52,102); border-image: none; left: 30px; width: 40px; height: 40px; text-align: center; bottom: 100%; color: rgb(0, 52,102); line-height: 41px; text-indent: 5px; font-family: icon; font-size: 22px; margin-bottom: -10px; position: absolute; z-index: 1; cursor: pointer;
}
.ptbox .v:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.ptbox .video {
  left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.ptbox .video video {
  width: 100%; height: 100%; object-fit: cover;
}
.ptbox .video .close {
  background: rgba(0, 0, 0, 0.5); padding: 5px 15px; top: 0px; right: 0px; color: rgb(255, 255, 255); position: absolute; cursor: pointer;
}
.ptbox .text {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); left: 0px; right: 0px; bottom: -1px; color: rgb(255, 255, 255); position: absolute;
}
.ptbox .text a {
  padding: 30px 30px 20px; display: block;
}
.ptbox .text .date {
  line-height: 1; margin-top: 10px;
}
.ptbox .text .h {
  font-size: 20px;
}
.ptbox.act .text {
  display: none;
}
.ptbox.act .video {
  display: block;
}
.ptbox.act .v {
  display: none;
}
.home6 {
  background: url("../image/bg14.svg") no-repeat right bottom; overflow: hidden;
}
.home6 .part1 {
  position: relative;
}
.home6 .part1 .title {
  padding: 50px 90px; text-align: left;
}
.home6 .part1 .pic {
  background: rgb(0, 0, 0); font-size: 0px;
}
.home6 .part1 .pic a {
  display: block;
}
.home6 .part1 .pic video {
  width: 100%; height: auto;
}
.home6 .part1 .pic img {
  width: 100%; opacity: 0.8;
}
.home6 .part1 .text {
  background: rgb(0, 52,102); width: 740px; right: 90px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.home6 .part1 .text .inner {
  padding: 45px 55px; display: flex;
}
.home6 .part1 .text .l {
  width: 150px; margin-right: 40px;
}
.home6 .part1 .text .r {
  flex:1 1 0px;
}
.home6 .part1 .text .h {
  font-size: 20px;
}
.home6 .part1 .text .p {
  margin-top: 15px;
}
.home6 .part1 .text .date {
  font-size: 16px; font-style: italic; margin-top: 25px;
}
.home6 .part2 {
  margin-top: 140px; display: flex; justify-content: space-between; align-items: flex-start;
}
.home6 .part2 .d {
  width: calc(50% - 10px); display: flex; flex-direction: column;
}
.home6 .part2 :last-child.d {
  transition:1s ease-out; margin-right: 10px; opacity: 0; transform: translate(0px, -80px);
}
.home6 .part2 :first-child.d {
  transition:1s ease-out; margin-left: 10px; opacity: 0; transform: translate(0px, 80px); flex-direction: column-reverse; order: 1;
}
.home6 .part2.showdiv .d {
  opacity: 1; transform: none;
}
.home6 .part2 .title {
  padding: 0px 0px 100px;
}
.home7 {
  background: url("../image/bg5.svg") no-repeat left bottom / auto 80% rgb(56, 46, 47); overflow: hidden;
}
.home7 .block {
  height: 1400px; color: rgb(255, 255, 255); position: relative;
}
.home7 .svg {
  margin: 0px auto 15px; width: 70px; height: 60px;
}
.home7 .svg svg {
  width: 100%; height: 100%;
}
.st0 {
  fill: none; stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.st1 {
  fill: none; stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.home7 .d1 {
  background: url("../image/pic18.jpg") no-repeat center / cover; transition:1s ease-out; width: 55%; height: 65%; right: 0px; bottom: 40%; color: rgb(255, 255, 255); display: flex; position: absolute; opacity: 0; transform: translate(0px, 50px); justify-content: center; align-items: center;
}
.home7 .d1 .more {
  color: rgb(255, 255, 255); margin-top: 20px;
}
.home7 .d1 .more i {
  background-image: url("../image/more1b.svg");
}
.home7 .d2 {
  left: 5%; height: 42%; right: 50%; bottom: 50%; position: absolute;
}
.home7 .d2 a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home7 .d2 .dd1 {
  background: url("../image/pic16.jpg") no-repeat center / cover; transition:1s ease-out; left: 0px; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .dd2 {
  background: url("../image/pic17.jpg") no-repeat center / cover; transition:1s ease-out 0.2s; left: 50%; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .dd3 {
  background: rgb(159, 153, 152); transition:1s ease-out 0.4s; left: 50%; top: 50%; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .h {
  font-size: 24px;
}
.home7 .d2 .more1 {
  margin-top: 10px;
}
.home7 .d3 {
  transition:1s ease-out; left: 0px; top: 50%; width: 50%; color: rgb(255, 255, 255); position: absolute; opacity: 0; transform: translate(50px, 0px); background-size: cover; height1: 42%;
}
.focus1 {
  position: relative;
}
.focus1 .child {
  overflow: hidden; position: relative;
}
.focus1 .child img {
  width: 100%; height: auto;
}
.focus1 .navg {
  padding: 0px 20px 10px; left: 0px; height: 50px; text-align: right; right: 0px; bottom: 0px; line-height: 50px; display: none; position: absolute;
}
.focus1 .navg li {
  margin: 0px 8px; color: rgb(255, 255, 255); line-height: 1; font-family: Arial; vertical-align: middle; display: inline-block; cursor: pointer;
}
.focus1 .navg li::after {
  transition:0.5s ease-out; width: 0px; margin-left: 3px; vertical-align: middle; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: "";
}
.focus1 .navg li.slick-active::after {
  width: 30px;
}
.home7 .d4 {
  left: 50%; top: 50%; height: 42%; right: 5%; position: absolute;
}
.home7 .d4 a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home7 .d4 .dd1 {
  background: 0% 0% / cover rgb(38, 24, 25); transition:1s ease-out 0.6s; left: 0px; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .dd2 {
  background: url("../image/pic20.jpg") no-repeat center / cover; transition:1s ease-out 0.8s; left: 50%; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .dd3 {
  background: url("../image/pic21.jpg") no-repeat center / cover; transition:1s ease-out 1s; left: 50%; top: 50%; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .h {
  font-size: 24px;
}
.home7 .d4 .more1 {
  margin-top: 10px;
}
.home7.showdiv .d1 {
  opacity: 1; transform: none;
}
.home7.showdiv .d2 > div {
  opacity: 1; transform: none;
}
.home7.showdiv .d3 {
  opacity: 1; transform: none;
}
.home7.showdiv .d4 > div {
  opacity: 1; transform: none;
}
.home8 {
  background: rgb(238, 235, 234); overflow: hidden;
}
.home8 .title::after {
  clear: both; display: block; content: "";
}
.home8 .title .fz40 {
  float: left;
}
.home8 .title .fz40 a {
  display: inline-block; transform: scale(0.8);
}
.home8 .title .fz40 .now {
  color: rgb(0, 52,102); transform: none;
}
.home8 .title .more {
  background: url("../image/png32.svg") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 75px; margin-top: 10px; float: right;
}
.home8 .l {
  transition:1s ease-out; width: 40%; float: left; opacity: 0; transform: translateX(-50px);
}
.home8.showdiv .l {
  opacity: 1; transform: none;
}
.home8 .l .list {
  background: rgb(255, 255, 255); padding: 35px 40px; height: 284px; margin-top: 30px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .l .list .item {
  margin-top: 25px;
}
.home8 .l .list :first-child.item {
  margin-top: 0px;
}
.home8 .l .list .item .h {
  overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.home8 .l .list .item:hover .h {
  color: rgb(0, 52,102);
}
.home8 .l .list .item .date {
  color: rgb(156, 136, 138); font-style: italic; margin-top: 10px; position: relative;
}
.home8 .l .list .item .date::before {
  transition:0.3s ease-out; left: 0px; top: 50%; width: 100%; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.home8 .l .list .item:hover .date::before {
  border-color: rgb(0, 52,102);
}
.home8 .l .list .item .date span {
  background: rgb(255, 255, 255); padding-right: 10px; display: inline-block; position: relative;
}
.home8 .r .list {
  margin-top: 30px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid;
}
.home8 .r .list .item {
  background: rgb(255, 255, 255); height: 90px; line-height: 89px; margin-top: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .r .list :first-child.item {
  margin-top: 0px;
}
.home8 .r .list .item .pic {
  background: rgb(235, 230, 229); width: 200px; height: 100%; text-align: center; overflow: hidden; border-right-color: rgb(235, 230, 229); border-right-width: 1px; border-right-style: solid; float: left; position: relative;
}
.home8 .r .list .item .pic::before {
  background: url("../image/png92.png") no-repeat center; animation:cc 20s linear infinite; left: 50%; top: 0px; width: 110%; padding-top: 110%; margin-left: -55%; position: absolute; content: "";
}
.home8 .r .list .item .pic span {
  border: 4px solid rgb(255, 255, 255); border-image: none; height: 100%; color: rgb(161, 152, 150); line-height: 1; font-size: 22px; display: block; position: relative; box-sizing: border-box;
}
.home8 .r .list .item .pic span::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.home8 .r .list .item .h {
  padding: 0px 20px; height: 100%; line-height: 1.3; font-size: 16px; display: flex; align-items: center;
}
.home8 .r .list .item .h span {
  width: 100%; display: inline-block;
}
.home8 .r .list .item:hover .h {
  color: rgb(0, 52,102);
}
.home8 .r {
  transition:1s ease-out; width: calc(60% - 30px); float: right; opacity: 0; transform: translateX(50px);
}
.home8.showdiv .r {
  opacity: 1; transform: none;
}
.home9 .block {
  display: flex; align-items: center;
}
.home9 .title {
  text-align: left; display: flex; max-width: 50px; flex-direction: column; flex-shrink: 0;
}
.home9 .title .fz40 {
  -ms-writing-mode: tb-lr;
}
.home9 .title .more {
  font-size: 14px; margin-top: 150px; -ms-writing-mode: tb-lr;
}
.home9 .title .more i {
  margin-right: 0px; margin-bottom: 20px;
}
.home9 .list {
  flex:1 1 0px; margin-left: 170px; display: flex;
}
.home9 .item {
  transition:1s ease-out; flex:1 1 0px; height: 600px; color: rgb(255, 255, 255); overflow: hidden; margin-left: 20px; position: relative; cursor: pointer; opacity: 0; transform: translateY(-80px);
}
.home9 :nth-child(1).item {
  margin-left: 0px;
}
.home9 :nth-child(1).item {
  transform: translateY(-50px);
}
.home9 :nth-child(2).item {
  transform: translateY(50px);
}
.home9 :nth-child(3).item {
  transform: translateY(-50px);
}
.home9 :nth-child(4).item {
  transform: translateY(50px);
}
.home9.showdiv .item {
  opacity: 1; transform: none;
}
.home9 .item .pic {
  background-position: center; transition:0.6s ease-out; height: 100%; background-repeat: no-repeat; background-size: cover;
}
.home9 .item:hover .pic {
  transform: scale(1.1);
}
.home9 .item .tit {
  left: 30px; top: 40px; position: absolute; -ms-writing-mode: tb-lr; max-height: 70%;
}
.home9 .item .tit .h {
  font-size: 24px;
}
.home9 .item .tit .p {
  margin-left: 10px;
}
.home9 .item .more1 {
  text-align: center; right: 30px; bottom: 0px; position: absolute; -ms-writing-mode: tb-lr;
}
.home9 .item .more1::after {
  height: 40px; margin-top: 8px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.home9 .item a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home9 .btns {
  text-align: center; margin-top: 30px;
}
.home9 .list .inner {
  position: relative; flex-grow: 2;
}
.home10 {
  background: url("../image/bg8.png") no-repeat right bottom / contain;
}
.home10 .part1 .list {
  margin-top: 45px;
}
.home10 .part1 .list::after {
  clear: both; display: block; content: "";
}
.home10 .part1 .item {
  transition:0.8s ease-out; width: calc(25% - 15px); overflow: hidden; margin-bottom: 20px; margin-left: 20px; float: left; position: relative; opacity: 0; transform: translate(-100px, 0px);
}
.home10 .part1 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home10 .part1 :nth-child(2).item {
  transition-delay: 0.3s;
}
.home10 .part1 :nth-child(3).item {
  transition-delay: 0.6s;
}
.home10 .part1 :nth-child(4).item {
  transition-delay: 0.3s;
}
.home10 .part1 :nth-child(5).item {
  transition-delay: 0.6s;
}
.home10 .part1 .item img {
  transition:0.5s ease-out;
}
.home10 .part1 .item:hover img {
  transform: scale(1.05);
}
.home10 .part1 :first-child.item {
  width: calc(50% - 10px); margin-left: 0px;
}
.home10 .part1 .item img {
  width: 100%; height: auto;
}
.home10 .part1.showdiv .item {
  opacity: 1; transform: none;
}
.home10 .part1 .item .text {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); padding: 25px 40px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home10 .focus1 .navg {
  background: none;
}
.home10 .part1 .item .h {
  text-align: center; color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;
}
.home10 .part1 .item .ico {
  width: 47px; height: 47px; margin-bottom: 20px;
}
.home10 .part1 :first-child.item .h {
  text-align: left;
}
.home10 .part1 .btns {
  text-align: center; margin-top: 40px;
}
.home10 .part2 {
  margin-top: 8vw; display: none;
}
.home10 .part2 .list {
  margin-top: 35px; display: flex;
}
.home10 .part2 .list .inner {
  display: flex; position: relative; flex-grow: 2;
}
.home10 .part2 .list .prev {
  background: url("../image/arrow2a.png") no-repeat center; left: 20px; top: 50%; width: 13px; height: 24px; margin-top: -32px; position: absolute; z-index: 1;
}
.home10 .part2 .list .next {
  background: url("../image/arrow2b.png") no-repeat center; top: 50%; width: 13px; height: 24px; right: 20px; margin-top: -32px; position: absolute; z-index: 1;
}
.home10 .part2 .item {
  transition:0.8s ease-out; margin-left: 20px; position: relative; cursor: pointer; opacity: 0; transform: translateY(80px);
}
.home10 .part2 :nth-child(2).item {
  transition-delay: 0.1s;
}
.home10 .part2 :nth-child(3).item {
  transition-delay: 0.2s;
}
.home10 .part2.showdiv .item {
  opacity: 1; transform: none;
}
.home10 .part2 :first-child.item {
  margin-left: 0px;
}
.home10 .part2 .item .pic {
  overflow: hidden;
}
.home10 .part2 .item img {
  transition:0.3s ease-out; width: 100%;
}
.home10 .part2 .item:hover img {
  transform: scale(1.05);
}
.home10 .part2 .item .h {
  background: rgb(255, 255, 255); margin: -30px auto 0px; transition:0.2s ease-out; width: 80%; height: 60px; text-align: center; line-height: 60px; font-size: 18px; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.home10 .part2 .item .h::before {
  background: rgb(150, 15, 18); transition:0.2s ease-out; left: 0px; height: 2px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.home10 .part2 .item:hover .h {
  color: rgb(255, 255, 255);
}
.home10 .part2 .item:hover .h::before {
  height: 100%;
}
.home10 .part2 .item .h span {
  position: relative;
}
.home11 {
  position: relative; background-size: cover; background1: url(../image/bg6.jpg) center center no-repeat;
}
.home11 .block {
  padding: 5vw 0px;
}
.home11 .list {
  padding: 0px 5%; margin-top: 80px; display: flex;
}
.home11 .item {
  transition:0.8s ease-out; flex:1 1 0px; text-align: center; opacity: 1; transform: scale(1);
}
.home11 .showdiv .item {
  opacity: 1; transform: none;
}
.home11 :nth-child(2).item {
  transition-delay: 0.1s;
}
.home11 :nth-child(3).item {
  transition-delay: 0.2s;
}
.home11 :nth-child(4).item {
  transition-delay: 0.3s;
}
.home11 .item .ico {
  transition:0.3s ease-out; height: 85px; display: none;
}
.home11 .item .ico img {
  max-height: 100%;
}
.home11 .item .svg {
  width: 90px; height: 85px; display: inline-block;
}
.home11 .item .svg svg {
  width: 100%; height: 100%;
}
.home11 .item .h {
  font-size: 18px; margin-top: 25px;
}
.home11 .st0 {
  fill: none; stroke: #333333; stroke-miterlimit: 10; stroke-width: 3;
}
.home11 .st1 {
  fill: none; stroke: #333333; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.footer {
  background: rgb(48, 42, 41); color: rgb(255, 255, 255); position: relative;
}
.footer .part1 {
  background: rgb(0, 52,102); color: rgb(255, 255, 255); padding-bottom: 25px; display: flex; justify-content: center; align-items: flex-end;
}
.footer .nav_foot {
  text-align: center; overflow: hidden; padding-bottom: 10px; margin-right: 100px;
}
.footer .nav_foot a {
  padding: 60px 0px 0px; width: 110px; text-align: center; font-size: 16px; border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid; display: inline-block; white-space: nowrap;
}
.footer .nav_foot a:hover {
  opacity: 0.8;
}
.footer .share .share-item {
  background: rgb(255, 255, 255); border-radius: 100%; transition:0.2s ease-out; width: 44px; height: 44px; line-height: 44px; font-size: 26px; margin-left: 10px;
}
.footer .share :first-child.share-item {
  margin-left: 0px;
}
.footer .share-box .share-item::after {
  color: rgb(0, 52,102) !important;
}
.footer .share .share-item:hover {
  opacity: 0.8;
}
.footer .part2 {
  padding: 15px 0px; display: flex; flex-direction: column; align-items: center;
}
.footer .part2 .logo {
  height: 60px; margin-bottom: 30px; display: none;
}
.footer .part2 .info {
  width: 100%; color: rgba(255, 255, 255, 0.1); font-size: 12px;
}
.footer .part2 .info {
  text-align: center;
}
.footer .part2 .info span {
  margin: 0px 20px; color: rgb(255, 255, 255); font-size: 14px;
}
.nav_right {
  top: 50%; width: 60px; right: -60px; position: fixed; z-index: 2; transform: translateY(-50%);
}
.nav_right.showdiv {
  right: 0px;
}
.nav_right li {
  background: rgb(255, 255, 255); margin: 5px 0px; border-radius: 5px 0px 0px 5px; transition:0.2s ease-out; height: 60px; text-align: center; line-height: 60px; overflow: hidden; cursor: pointer; box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
}
.nav_right li:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.nav_right .gotop span {
  background: url("../image/png15.png") no-repeat center rgb(255, 255, 255); height: 100%; display: block;
}
.person_detail {
  position: relative;
}
.person_detail::before {
  background: url("../image/bg15.png") no-repeat right; transform-origin: right center; transition:1.5s ease-out; top: 100px; width: 560px; height: 633px; right: 0px; position: absolute; content: ""; opacity: 0; transform: scale(0.7);
}
.person_detail.showdiv::before {
  opacity: 1; transform: none;
}
.person_detail .block {
  position: relative;
}
.person_detail .content .pic {
  width: 150px; float: left;
}
.person_detail .content .pic img {
  width: 100%; height: auto;
}
.person_detail .content .text {
  padding: 10px 50px 0px 200px;
}
.person_detail .content .h1 {
  font-size: 40px;
}
.person_detail .content .h2 {
  line-height: 1.5; font-size: 18px; margin-top: 10px;
}
.person_detail .content .txt {
  font-size: 16px; margin-top: 80px;
}
.person_detail .content .txt p {
  text-align: justify; text-indent: 2em; margin-top: 15px;
}
.person_detail .content .txt p:first-child {
  margin-top: 0px;
}
.person_detail .recommand {
  margin-top: 115px;
}
.person_detail .tit {
  text-align: center; font-size: 30px;
}
.person_detail .list {
  margin-top: 35px; display: flex;
}
.person_detail .item {
  flex:1 1 0px; color: rgb(255, 255, 255); overflow: hidden; margin-left: 20px; position: relative;
}
.person_detail .item::before {
  background: url("../image/bg16.png") no-repeat right; transform-origin: right bottom; transition:0.5s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.2);
}
.person_detail .item:hover::before {
  opacity: 1; transform: none;
}
.person_detail .item a {
  height: 160px; display: flex; position: relative; justify-content: center; align-items: center;
}
.person_detail :first-child.item {
  margin-left: 0px;
}
.person_detail :nth-child(1).item {
  background: rgb(143, 7, 10);
}
.person_detail :nth-child(2).item {
  background: rgb(135, 110, 106);
}
.person_detail :nth-child(3).item {
  background: rgb(61, 83, 126);
}
.person_detail .item .txt {
  margin-left: 30px;
}
.person_detail .item .h {
  font-size: 24px;
}
.person_detail .item .p {
  margin-top: 10px;
}
.banner_page {
  left: 0px; top: 0px; right: 0px; position: fixed;
}
.banner_page img {
  transition:3s ease-out; width: 100%; transform: scale(1.1);
}
.banner_page.s img {
  transform: none;
}
.banner_page .title {
  padding: 0px 30px; left: 0%; top: 50%; text-align: center; right: 0px; color: rgb(255, 255, 255); position: absolute; transform: translate(0%, -50%);
}
.banner_frame {
  min-height: 300px;
}
.banner_frame img {
  visibility: hidden;
}
.banner_page1 {
  overflow: hidden; position: relative;
}
.banner_page1 img {
  width: 100%; height: auto;
}
.banner_page1 .mask {
  background-position: center; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.banner_page1 .block {
  left: 50%; top: 0px; height: 100%; position: absolute; transform: translateX(-50%);
}
.banner_page1 .text {
  left: 0px; top: 50%; width: 100%; color: rgb(255, 255, 255); position: absolute; transform: translateY(-50%);
}
.banner_page1 .text .h {
  font-size: 48px;
}
.banner_page1 .text .p {
  color: rgb(232, 175, 175); margin-top: 40px;
}
.banner_page1 .text .p a {
  width: 120px; line-height: 1.2; margin-right: 30px; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap;
}
.banner_page1 .text .p a:hover {
  color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now {
  color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now::before {
  font-family: icon; font-size: 20px; margin-right: 10px; margin-left: -30px; display: inline-block; content: "\e76c";
}
.banner_page1 .text .p .now:hover::before {
  animation:arr 0.6s linear infinite;
}
.banner_page1 .title {
  height: 100%; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center;
}
.banner_page1 .text.r {
  left: auto; text-align: right; right: 0px;
}
.banner_page1 .text.r .p {
  text-align: right;
}
.banner_page1 .text.r .p a {
  margin-right: 0px; margin-left: 60px;
}
.department2 {
  background: url("../image/bg18.png") no-repeat left bottom rgb(255, 255, 255); position: relative;
}
.department2 .list {
  margin-top: 50px; position: relative;
}
.department2 .item {
  background: rgb(255, 255, 255); transition:0.6s ease-out; width: calc(50% - 15px); margin-right: 20px; margin-bottom: 20px; position: absolute; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(80px);
}
.department2.showdiv .item {
  opacity: 1; transform: none;
}
.department2 :nth-child(2n).item {
  margin-right: 0px;
}
.department2 .item::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.department2 .item:hover::after {
  width: 100%;
}
.department2 .item .t {
  background: url("../image/bg17.png") no-repeat right / cover; height: 70px;
}
.department2 .item .inner {
  padding: 40px 30px; position: relative;
}
.department2 .item .ico {
  width: 70px; margin-right: 20px; vertical-align: middle; display: inline-block;
}
.department2 .item .text {
  padding: 15px 0px 0px 15px;
}
.department2 .item .h {
  font-size: 30px;
}
.department2 .item .p {
  padding-left: 90px; font-size: 18px; margin-top: 20px;
}
.department2 .item .p a {
  line-height: 1.3; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap; min-width: 50%; box-sizing: border-box;
}
.department2 .item .p .c {
  width: 100%; padding-left: 0px;
}
.department2 .item .p .c::before {
  display: none;
}
.department2 .item .p .cc {
  width: 100%; padding-left: 40px;
}
.department2 .item .p .cc::before {
  left: 20px;
}
.research1 {
  background: rgb(255, 255, 255);
}
.research1 .top {
  display: flex; justify-content: space-between;
}
.research1 .top .title {
  text-align: left;
}
.research1 .tabs {
  flex:1 1 0px; margin-left: 50px; display: flex;
}
.research1 .tabs a {
  background: rgba(255, 255, 255, 0.8); flex:1 1 0px; height: 95px; text-align: center; line-height: 95px; font-size: 18px; margin-left: 10px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.research1 .tabs a span {
  position: relative;
}
.research1 .tabs a::before {
  background: url("../image/bg21.png") no-repeat right; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research1 .tabs a:hover::before {
  opacity: 1;
}
.research1 .tabs a::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 50%; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.research1 .tabs a.now::after {
  left: 0%; width: 100%;
}
.research1 .tabs a.now::before {
  opacity: 1;
}
.research1 .content {
  margin-top: 80px; position: relative;
}
.research1 .content .r {
  top: 0px; right: 0px; position: absolute;
}
.research1 .content .r span {
  font-size: 16px; margin-left: 15px;
}
.research1 .content .r .act {
  color: rgb(0, 52,102);
}
.research1 .content .h {
  text-align: center; font-size: 30px;
}
.research1 .content .text {
  line-height: 1.8; font-size: 16px; margin-top: 30px;
}
.research1 .content .text.big {
  font-size: 20px;
}
.research1 .content p {
  margin-top: 20px;
}
.research1 .content p:first-child {
  margin-top: 0px;
}
.research1 .share {
  text-align: right; margin-top: 40px;
}
.research2 {
  background: url("../image/bg19.png") no-repeat right bottom rgb(238, 235, 234);
}
.research2 .block {
  display: flex; justify-content: space-between; align-items: center;
}
.research2 .title {
  width: 60px; text-align: left; display: flex; max-width: 50px; flex-direction: column; flex-shrink: 0;
}
.research2 .title .h {
  -ms-writing-mode: tb-lr;
}
.research2 .title .more {
  font-size: 14px; margin-top: 100px; -ms-writing-mode: tb-lr;
}
.research2 .title .more i {
  margin-right: 0px; margin-bottom: 20px;
}
.research2 .list {
  flex:1 1 0px; height: 495px; margin-left: 70px; display: flex; justify-content: space-between;
}
.research2 .list .item {
  transition:0.5s cubic-bezier(0.6, 1.6, 0.5, 1.6); flex:1 1 0px; height: 100%; font-size: 18px; margin-left: 20px; opacity: 0; transform: translateY(-80px);
}
.research2 .list .item .inner {
  background: rgb(96, 121, 163); transition:0.3s ease-out; width: 100%; height: 100%; display: flex; position: relative; justify-content: center; align-items: center;
}
.research2 .list .item .inner::before {
  background: url("../image/bg25.png") no-repeat center / cover rgb(61, 83, 126); transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research2 .list .item span {
  transition:0.3s ease-out; color: rgb(255, 255, 255); position: relative; -ms-writing-mode: tb-lr;
}
.research2 .list .item:hover .inner::before {
  opacity: 1;
}
.research2.showdiv .list .item {
  opacity: 1; transform: none;
}
.research2 .list .item:hover .inner {
  transform: translateY(-30px);
}
.research3 {
  background: rgb(255, 255, 255);
}
.research3 .list {
  margin-top: 35px; display: flex;
}
.research3 .item {
  background: rgb(255, 255, 255); transition:0.6s ease-out; flex:1 1 0px; width: 453px; margin-left: 20px; float: left; opacity: 0; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); transform: translateY(80px);
}
.research3 :first-child.item {
  margin-left: 0px;
}
.research3.showdiv .item {
  opacity: 1; transform: none;
}
.research3 .item .pic {
  overflow: hidden;
}
.research3 .item .pic img {
  transition:0.3s ease-out; width: 100%; height: auto;
}
.research3 .item:hover .pic img {
  transform: scale(1.05);
}
.research3 .item .text {
  padding: 35px 50px;
}
.research3 .item .h {
  line-height: 1.6; font-size: 18px;
}
.research3 .item .date {
  color: rgb(192, 169, 166); font-size: 16px; font-style: italic; margin-top: 10px;
}
.research3 .b {
  text-align: center; margin-top: 40px;
}
.research4 {
  background: url("../image/bg20.png") no-repeat left rgb(238, 238, 238); overflow: hidden;
}
.research4 .content {
  position: relative;
}
.research4 .list {
  background: rgb(255, 255, 255); transition:1s ease-out; width: 56%; margin-top: 35px; margin-left: 44%; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translate(80px, 80px);
}
.research4.showdiv .list {
  opacity: 1; transform: none;
}
.research4 .list .inner {
  padding: 70px 0px 70px 170px;
}
.research4 .list .item {
  padding-left: 60px; margin-top: 25px; position: relative;
}
.research4 .list .item::before {
  background: url("../image/png37.png") no-repeat center; transition:0.2s ease-out; left: 0px; top: 0px; width: 38px; height: 38px; position: absolute; content: ""; opacity: 0.6;
}
.research4 .list .item i {
  background: url("../image/arrow3.png") no-repeat center; transition:0.2s ease-out; width: 9px; height: 18px; margin-left: 40px; vertical-align: middle; display: inline-block; opacity: 0.6;
}
.research4 .list .item.s::before {
  opacity: 1;
}
.research4 .list .item.s i {
  opacity: 1;
}
.research4 .list :first-child.item {
  margin-top: 0px;
}
.research4 .list .item .h {
  font-size: 24px;
}
.research4 .list .item ul {
  padding: 10px 0px; display: none;
}
.research4 .list .item ul li {
  font-size: 16px; margin-top: 15px;
}
.research4 .pic {
  transition:1s ease-out; left: 0px; top: 50%; position: absolute; z-index: 1; max-width: 55%; opacity: 0; transform: translate(-80px, -70%);
}
.research4.showdiv .pic {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit1 {
  background: rgb(255, 255, 255);
}
.recruit1 .block {
  display: flex; justify-content: space-between; align-items: center;
}
.recruit1 .title {
  text-align: left; max-width: 30%;
}
.recruit1 .title img {
  max-width: 300px;
}
.recruit1 .title .b {
  margin-top: 30px;
}
.recruit1 .list {
  flex:1 1 0px; height: 200px; margin-left: 70px; display: flex;
}
.recruit1 .item {
  background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; margin-left: 10px; position: relative; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(50px);
}
.recruit1 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1;
}
.recruit1.showdiv .item {
  opacity: 1; transform: none;
}
.recruit1 .item::after {
  background: url("../image/bg22.png") no-repeat center; transition:0.3s ease-out; width: 84px; height: 142px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.recruit1 .item span {
  padding: 35px 25px; width: 20px; line-height: 1.2; font-size: 18px; display: block; position: relative;
}
.recruit1 .item::before {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; top: 25px; width: 4px; bottom: 120px; position: absolute; content: "";
}
.recruit1 .item:hover::before {
  top: 0px; bottom: 0px;
}
.recruit1 .item:hover::after {
  opacity: 1;
}
.recruit2 {
  background: rgb(238, 235, 234);
}
.recruit2 .content {
  margin-top: 50px; display: flex; position: relative; align-items: center;
}
.recruit2 .pic {
  transition:1s ease-out; width: 60%; opacity: 0; transform: translateX(80px);
}
.recruit2 .focus1 .navg {
  text-align: left;
}
.recruit2 .pic img {
  width: 100%; height: auto;
}
.recruit2.showdiv .pic {
  opacity: 1; transform: none;
}
.recruit2 .r {
  background: rgb(255, 255, 255); transition:1s ease-out; top: 50%; width: 50%; right: 0px; position: absolute; opacity: 0; transform: translate(-80px, -50%);
}
.recruit2.showdiv .r {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit2 .r .inner {
  padding: 50px 50px 20px;
}
.recruit2 .r .tit {
  display: flex; justify-content: space-between; align-items: flex-end;
}
.recruit2 .r .tit .h {
  font-size: 30px;
}
.recruit2 .r .tit .more {
  background: url("../image/png39.png") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 90px;
}
.recruit2 .r .list {
  margin-top: 55px; display: flex; flex-wrap: wrap;
}
.recruit2 .r .list .item {
  margin: 20px 0px; width: calc(25%); text-align: center;
}
.recruit2 .r .list .item a {
  transition:0.2s ease-out; display: block;
}
.recruit2 .r .list .item .ico {
  height: 50px;
}
.recruit2 .r .list .item:hover a {
  transform: translateY(-10px);
}
.recruit2 .r .list .item .h {
  font-size: 18px; margin-top: 10px;
}
.recruit2 .r .link {
  height: 215px; display: flex;
}
.recruit2 .r .link .item {
  transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255); font-size: 24px;
}
.recruit2 .r .link .item a {
  height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit2 .r .link .item:hover {
  position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit2 .r .link .item span {
  margin-top: 10px;
}
.recruit2 .r .link :nth-child(1).item {
  background: rgb(0, 52,102);
}
.recruit2 .r .link :nth-child(2).item {
  background: rgb(140, 114, 110);
}
.recruit2 .r .link :nth-child(3).item {
  background: rgb(54, 45, 46);
}
.recruit2 .b {
  text-align: center; margin-top: 40px;
}
.recruit2 .b .more {
  margin: 0px 30px;
}
.recruit3 {
  background: url("../image/bg23.png") no-repeat left top / auto 70% rgb(54, 45, 46);
}
.recruit3 .title {
  color: rgb(255, 255, 255);
}
.recruit3 .content {
  margin-top: 50px; display: flex; position: relative;
}
.recruit3 .pic {
  transition:1s ease-out; width: 60%; overflow: hidden; margin-left: 40%; opacity: 0; transform: translateX(-80px);
}
.recruit3 .pic img {
  width: 100%; height: auto;
}
.recruit3.showdiv .pic {
  opacity: 1; transform: none;
}
.recruit3 .l {
  transition:1s ease-out; left: 0px; top: 50%; width: 50%; position: absolute; opacity: 0; transform: translate(80px, -50%);
}
.recruit3.showdiv .l {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit3 .l .d1 {
  height: 315px; display: flex;
}
.recruit3 .l .d1 .item {
  transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit3 .l .d1 .item a {
  height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d1 .item:hover {
  position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit3 .l .d1 :nth-child(1).item {
  background: rgb(0, 52,102);
}
.recruit3 .l .d1 :nth-child(2).item {
  background: url("../image/pic66.jpg") no-repeat center / cover;
}
.recruit3 .l .d1 .item span {
  font-size: 24px; margin-top: 15px;
}
.recruit3 .l .d2 {
  background: rgb(44, 30, 31); height: 315px; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item {
  margin: 0px 22px; transition:0.2s ease-out; font-size: 18px;
}
.recruit3 .l .d2 .item a {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item img {
  max-height: 33px;
}
.recruit3 .l .d2 .item:hover {
  transform: translateY(-10px);
}
.recruit3 .l .d2 .item span {
  margin-top: 15px;
}
.recruit3 .b {
  text-align: center; margin-top: 40px;
}
.recruit3 .b .more {
  margin: 0px 30px; color: rgb(255, 255, 255);
}
.recruit3 .b .more i {
  background-image: url("../image/more1b.svg");
}
.bottom1 {
  background: rgb(238, 235, 234); position: relative;
}
.bottom1 .content {
  margin-top: 35px; display: flex;
}
.bottom1 .content .d {
  flex:1 1 0px; margin-left: 20px; display: flex; flex-direction: column;
}
.bottom1 .content :first-child.d {
  margin-left: 0px;
}
.bottom1 .content .d .h {
  font-size: 30px;
}
.bottom1 .content .d .p {
  font-size: 16px; margin-top: 10px;
}
.bottom1 .content .d .date {
  color: rgb(156, 136, 138); font-size: 16px; font-style: italic; margin-top: 10px;
}
.bottom1 .d1 {
  background: rgb(255, 255, 255); flex:1 1 0px; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.bottom1 .d1::after {
  background: rgb(0, 52,102); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.bottom1 .d1 .inner {
  padding: 45px 50px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column;
}
.bottom1 .d1 li {
  font-size: 16px; text-decoration: underline; margin-top: 25px;
}
.bottom1 .d1 li:hover {
  color: rgb(0, 52,102);
}
.bottom1 .d2 {
  background: rgb(0, 52,102); padding: 35px 50px; color: rgb(255, 255, 255); margin-top: 20px;
}
.bottom1 .b {
  text-align: center; margin-top: 40px;
}
.bottom1 .b .more {
  margin: 0px 30px;
}
.bottom1 .bb {
  height: 195px; display: flex;
}
.bottom1 .bb .d {
  flex:1 1 0px; display: flex; justify-content: center; align-items: center;
}
.bottom1 .bb .d img {
  transition:0.2s ease-out;
}
.bottom1 .bb .d:hover img {
  transform: scale(0.9);
}
.bottom1 .bb .d span {
  font-size: 24px; margin-left: 30px;
}
.bottom1 .bb :first-child.d {
  background: rgb(255, 255, 255);
}
.bottom1 .bb :last-child.d {
  background: rgb(228, 222, 220);
}
.recruit5 {
  background: rgb(255, 255, 255);
}
.recruit5 .pic {
  transition:0.6s ease-out; opacity: 0;
}
.recruit5 .focus1 .navg {
  text-align: left;
}
.recruit5.showdiv .pic {
  opacity: 1;
}
.recruit5 .content {
  padding: 50px 85px 0px; position: relative;
}
.recruit5 .title {
  text-align: left; display: flex; flex-direction: column;
}
.recruit5 .title .p {
  margin-bottom: 10px;
}
.recruit5 .title .more {
  margin-top: 20px;
}
.recruit5 .list {
  background: rgb(0, 52,102); padding: 50px 0px; top: -60px; width: 740px; right: 85px; color: rgb(255, 255, 255); display: flex; position: absolute; justify-content: center;
}
.recruit5 .list .inner {
  width: 600px; display: flex; flex-wrap: wrap;
}
.recruit5 .list .item {
  margin: 10px 0px; width: 120px;
}
.recruit5 .list .item a {
  display: flex; flex-direction: column; align-items: center;
}
.recruit5 .list .item em {
  height: 55px; line-height: 55px; overflow: hidden; display: block;
}
.recruit5 .list .item:hover em {
  transition:0.1s ease-out; transform: translateY(-5px);
}
.recruit5 .list .item span {
  font-size: 18px; margin-top: 10px;
}
.recruit6 {
  background: rgb(238, 235, 234);
}
.recruit6 .list {
  margin-top: 40px; display: flex;
}
.recruit6 .item {
  background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; height: 250px; margin-left: 20px; display: flex; position: relative; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(50px); flex-direction: column; justify-content: center; align-items: center;
}
.recruit6 .item::before {
  background: url("../image/png65.png") no-repeat right bottom / 45% auto; transform-origin: right bottom; transition:0.4s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(0.95);
}
.recruit6 .item::after {
  background: rgb(0, 52,102); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.recruit6 .item em {
  display: block; position: relative;
}
.recruit6 .item span {
  display: block; position: relative;
}
.recruit6 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.recruit6 .item:hover::after {
  animation:a2 0.5s ease-out both;
}
.recruit6 .item:hover::before {
  opacity: 1; transform: none;
}
.recruit6 :nth-child(2).item {
  transition-delay: 0.2s;
}
.recruit6 :nth-child(3).item {
  transition-delay: 0.4s;
}
.recruit6 :nth-child(4).item {
  transition-delay: 0.6s;
}
.recruit6.showdiv .item {
  opacity: 1; transform: none;
}
.recruit6 em {
  height: 100px; line-height: 100px;
}
.recruit6 span {
  font-size: 18px; margin-top: 20px;
}
.recruit6 :first-child.item {
  margin-left: 0px;
}
.recruit7 {
  background: url("../image/bg24.png") no-repeat right bottom rgb(255, 255, 255);
}
.recruit7 .block {
  display: flex; justify-content: space-between;
}
.recruit7 .dl {
  flex:1 1 0px; margin-right: 10px; max-width: 50%;
}
.recruit7 .title {
  text-align: left;
}
.recruit7 .title .more {
  margin-top: 20px;
}
.recruit7 .dl .title .more {
  color: rgb(255, 255, 255);
}
.recruit7 .dl .title .more i {
  background-image: url("../image/more1b.svg");
}
.recruit7 .dl .inner {
  background: rgb(140, 114, 110); padding: 75px 85px 50px; color: rgb(255, 255, 255);
}
.recruit7 .dl .h1 {
  font-size: 24px; margin-top: 40px;
}
.recruit7 .dl .list {
  font-size: 16px; margin-top: 25px;
}
.recruit7 .dl .list a {
  width: 33%; margin-bottom: 15px; display: inline-block; white-space: nowrap;
}
.recruit7 .dl .link {
  height: 110px; display: flex;
}
.recruit7 .dl .link .d {
  flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit7 .dl .link .d a {
  height: 100%; display: flex; justify-content: center; align-items: center;
}
.recruit7 .dl .link .d span {
  font-size: 24px; margin-left: 20px;
}
.recruit7 .dl .link :first-child.d {
  background: rgb(0, 52,102);
}
.recruit7 .dl .link :last-child.d {
  background: rgb(44, 30, 31);
}
.recruit7 .dl .list a:hover {
  color: rgb(0, 52,102);
}
.recruit7 .dr {
  background: url("../image/pic68.jpg") no-repeat center / cover; flex:1 1 0px; height: 500px; margin-top: 115px; margin-left: 10px;
}
.recruit7 .dr .inner {
  padding: 90px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; justify-content: space-between;
}
.recruit7 .dr .link {
  font-size: 18px;
}
.recruit7 .dr .link a {
  width: 50%; margin-bottom: 10px; display: inline-block;
}
.recruit7 .dr .link a:hover {
  color: rgb(0, 52,102);
}
.page_nav {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); margin: -90px auto 0px; color: rgb(255, 255, 255); font-size: 18px;
}
.page_nav .block {
  height: 90px; line-height: 90px; display: flex; justify-content: center;
}
.page_nav a {
  padding: 0px 50px; text-align: center; display: block; position: relative;
}
.page_nav a.now::after {
  background: rgb(0, 52,102); left: 0px; height: 10px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.page_nav2 {
  height: 0px;
}
.page_nav2 .block {
  background: rgb(255, 255, 255); padding: 25px 0px; margin-top: -1px; display: flex; position: relative; transform: translateY(-50%); flex-wrap: wrap; justify-content: space-around;
}
.page_nav2 .block::before {
  left: 0px; top: 50%; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.page_nav2 a {
  background: rgb(255, 255, 255); font-size: 22px; display: flex; white-space: nowrap; position: relative; align-items: center;
}
.page_nav2 a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a.now {
  color: rgb(0, 52,102);
}
.old_leaders {
  background: rgb(255, 255, 255);
}
.old_leaders .tabs {
  height: 40px; text-align: center; line-height: 40px; margin-top: 30px; display: flex; position: relative; justify-content: center;
}
.old_leaders .tabs::before {
  left: 0px; top: 20px; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.old_leaders .tabs a {
  background: rgb(255, 255, 255); margin: 0px 40px; font-size: 22px; display: flex; position: relative; align-items: center;
}
.old_leaders .tabs a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.old_leaders .tabs a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.old_leaders .tabs a.now {
  color: rgb(0, 52,102);
}
.old_leaders .content {
  margin-top: 40px;
}
.old_leaders .content .block .d {
  height: 610px; display: flex;
}
.old_leaders .content .lb {
  background: url("../image/png40.png") no-repeat bottom / contain rgb(0, 52,102); width: 60px;
}
.old_leaders .content .list {
  flex:1 1 0px; display: flex; position: relative; justify-content: center;
}
.old_leaders .content .list .item {
  background: rgb(255, 255, 255); padding: 30px 25px; width: calc(25% - 7.5px); font-size: 18px; margin-left: 10px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.old_leaders .content .list :nth-child(1).item {
  background: url("../image/png41_1.png") no-repeat bottom / contain; margin-left: 0px;
}
.old_leaders .content .list :nth-child(2).item {
  background: url("../image/png41_2.png") no-repeat bottom / contain;
}
.old_leaders .content .list :nth-child(3).item {
  background: url("../image/png41_3.png") no-repeat bottom / contain;
}
.old_leaders .content .list :nth-child(4).item {
  background: url("../image/png41_4.png") no-repeat bottom / contain;
}
.old_leaders .content .list li {
  margin: 10px 0px; padding: 10px 15px; cursor: pointer;
}
.old_leaders .content .list li.s {
  background: url("../image/png67.png") no-repeat right / contain rgb(0, 52,102); color: rgb(255, 255, 255);
}
.old_leaders .mask {
  transition:opacity 0.3s ease-out; left: 0px; top: 0px; width: calc(25% - 7.5px); height: 100%; visibility: hidden; position: absolute; opacity: 0;
}
.old_leaders .mask .inner {
  background: rgb(255, 255, 255); padding: 75px 45px 0px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; align-items: center;
}
.old_leaders .mask.s {
  visibility: visible; opacity: 1;
}
.old_leaders .mask .h {
  text-align: center; color: rgb(170, 45, 48); line-height: 1.8; font-size: 18px; margin-top: 20px;
}
.old_leaders .mask .p {
  width: 100%; height: 145px; line-height: 1.8; text-indent: 2em; margin-top: 20px;
}
.old_leaders .mask .close {
  top: 15px; right: 15px; font-family: icon; font-size: 20px; position: absolute; cursor: pointer;
}
.old_leaders .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(0, 52,102);
}
.leaders {
  background: rgb(255, 255, 255); padding: 110px 0px;
}
.leaders .content {
  margin-top: 45px;
}
.leaders .part {
  margin-bottom: 20px; display: flex;
}
.leaders .d {
  background: rgb(255, 255, 255); flex:1 1 0px; margin-left: 20px; display: flex; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.leaders .d .bg {
  background: no-repeat bottom rgb(0, 52,102); width: 60px;
}
.leaders .d .bg1 {
  background-image: url("../image/png40d.png");
}
.leaders .d .bg2 {
  background-image: url("../image/png40b.png");
}
.leaders .d .bg3 {
  background-image: url("../image/png40a.png");
}
.leaders :first-child.d {
  margin-left: 0px;
}
.leaders .d .inner {
  padding: 40px; flex:1 1 0px; display: flex; flex-direction: column; justify-content: space-between;
}
.leaders .d .p {
  padding: 15px 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex; align-items: flex-start;
}
.leaders .d :last-child.p {
  border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.leaders .d .p .th {
  margin: 10px 0px; width: 90px; text-align: right; line-height: 1; padding-right: 25px; font-size: 18px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.leaders .d .p .td {
  flex:1 1 0px; line-height: 1; padding-top: 2px; font-size: 16px;
}
.leaders .d .p .td a {
  margin: 10px 20px; display: inline-block;
}
.leaders .d .p .td a:hover {
  color: rgb(0, 52,102);
}
.leaders .d.bg {
  background: url("../image/png40c.png") no-repeat right bottom rgb(255, 255, 255);
}
.about0 {
  display: none;
}
.about {
  background: url("../image/bg8.jpg") no-repeat right bottom / 55% auto rgb(255, 255, 255); padding-top: 180px; position: relative;
}
.about .bg {
  background: url("../image/png44.png") no-repeat left top / contain; left: 25px; top: 0px; height: 320px; right: 0px; position: absolute;
}
.about .block {
  display: flex; position: relative; align-items: flex-start;
}
.about .title {
  display: none;
}
.about .list {
  flex:1 1 0px; padding-bottom: 350px; margin-left: 320px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative;
}
.about .list::before {
  background: rgb(224, 224, 224); margin: 0px 0px 0px -5px; border-radius: 100%; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; content: "";
}
.about .list .item {
  padding: 55px 50px; font-size: 16px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.about .list .item .h {
  left: -280px; top: 50px; width: 280px; text-align: center; position: absolute;
}
.about .list .item .h img {
  max-width: 75%;
}
.about .list :first-child.item {
  padding-top: 0px;
}
.about .list :first-child.item .h {
  top: -20px;
}
.about .list .item p {
  text-align: justify; margin-bottom: 20px;
}
.about .list .item p:last-child {
  margin-bottom: 0px;
}
.about .pics {
  width: 67%; height: 32vw; position: relative;
}
.about .pics .d {
  background-position: center; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.about .pics .d1 {
  left: 0px; top: 0px; width: 30%; height: 100%;
}
.about .pics .d2 {
  left: 30%; top: 0px; width: 45%; height: 50%;
}
.about .pics .d3 {
  left: 75%; top: 0px; width: 12%; height: 50%;
}
.about .pics .d4 {
  left: 30%; top: 50%; width: 27%; height: 50%;
}
.about .pics .d5 {
  left: 57%; top: 50%; width: 43%; height: 50%;
}
.research_detail .d1 {
  background: rgb(255, 255, 255); padding: 50px 85px; margin-top: 40px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.research_detail .d1 .h {
  font-size: 30px;
}
.research_detail .d1 .p a {
  margin: 30px 0px 0px; width: 33.33%; font-size: 18px; display: inline-block;
}
.research_detail .d2 {
  background: rgb(238, 238, 238); padding: 50px 85px; margin-top: 40px;
}
.research_detail .d2 .h {
  font-size: 30px;
}
.research_detail .d2 .text {
  font-size: 16px; margin-top: 25px;
}
.research_detail .d2 .text p {
  margin-top: 25px;
}
.research_agency .part {
  margin-top: 40px; display: flex;
}
.research_agency .part .d {
  flex:1 1 0px; margin-left: 40px;
}
.research_agency .part :first-child.d {
  margin-left: 0px;
}
.research_agency .d .t {
  background: url("../image/bg17.png") no-repeat right; padding: 0px 50px; height: 70px; color: rgb(255, 255, 255); line-height: 70px;
}
.research_agency .d .ico {
  width: 70px; margin-right: 20px; vertical-align: middle; display: inline-block;
}
.research_agency .d .inner {
  background: rgb(255, 255, 255); padding: 30px 50px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.research_agency .d .h {
  font-size: 30px;
}
.research_agency .d .inner .fz30 {
  margin-bottom: 15px;
}
.research_agency .d .p a {
  margin: 15px 0px; font-size: 18px; display: inline-block;
}
.research_agency .d.c2 .p a {
  width: 50%;
}
.research_agency .d.c3 .p a {
  width: 33.33%;
}
.cooperation1 {
  overflow: hidden;
}
.cooperation1 .block {
  position: relative;
}
.cooperation1 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.cooperation1 .pic {
  position: relative;
}
.cooperation1 .pic img {
  max-width: 65%;
}
.cooperation1 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: space-between;
}
.cooperation1 .text .p {
  margin-top: 25px;
}
.cooperation1 .text .b {
  margin-top: 20px;
}
.cooperation2 {
  position: relative;
}
.cooperation2 img {
  width: 100%; height: auto;
}
.cooperation2 .content {
  left: 0px; height: 100%; right: 0px; bottom: 0px; position: absolute;
}
.cooperation2 .block {
  height: 100%; position: relative;
}
.cooperation2 .text {
  background: url("../image/png48.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px 120px; top: 32%; width: 50%; height: 85%; display: flex; position: relative; box-sizing: border-box; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: space-between;
}
.cooperation2 .text .p {
  margin-top: 25px;
}
.cooperation2 .more1 {
  color: rgb(0, 52,102); line-height: 45px; font-size: 16px; margin-top: 30px; display: inline-block;
}
.cooperation2 .more1 i {
  background: url("../image/png47.png") no-repeat center; width: 78px; height: 45px; margin-right: 20px; float: left;
}
.cooperation3 {
  background: rgb(238, 238, 238);
}
.cooperation3 .list {
  display: flex;
}
.cooperation3 .item {
  background: rgb(255, 255, 255); flex:1 1 0px; margin-left: 20px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}
.cooperation3 .item .pic {
  width: 40%; float: right;
}
.cooperation3 .item .pic img {
  width: 100%;
}
.cooperation3 .item .inner {
  padding: 70px; display: flex; flex-direction: column; justify-content: space-between;
}
.cooperation3 :first-child.item {
  margin-left: 0px;
}
.cooperation3 .item .p {
  margin-top: 30px;
}
.cooperation3 .item .more2 {
  margin-top: 40px;
}
.cooperation4 .block {
  padding-bottom: 200px; position: relative;
}
.cooperation4 img {
  width: 100%; height: auto;
}
.cooperation4 .title {
  left: 0px; width: 40%; bottom: 30px; position: absolute;
}
.cooperation4 .title .inner {
  text-align: left; display: inline-block;
}
.cooperation4 .title .more2 {
  margin-top: 20px;
}
.cooperation4 .text {
  background: rgb(0, 52,102); padding: 90px 60px; left: 40%; right: 100px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.cooperation5 {
  background1: #eeebea;
}
.cooperation5 .content {
  background: rgb(255, 255, 255); position: relative;
}
.cooperation5 .bg {
  background: url("../image/png49.png") no-repeat right bottom rgb(54, 45, 46); left: 50%; top: 0px; right: 0px; bottom: 0px; margin-left: -80px; position: absolute;
}
.cooperation5 .block {
  display: flex; position: relative;
}
.cooperation5 .pics {
  width: 60%; display: flex; position: relative; align-items: flex-start;
}
.cooperation5 .pics .d {
  width: 50%;
}
.cooperation5 .pics img {
  width: 100%; height: auto;
}
.cooperation5 :last-child.d {
  position: relative;
}
.cooperation5 :last-child.d img {
  visibility: hidden;
}
.cooperation5 :last-child.d img:last-child {
  left: 0px; top: 0px; visibility: visible; position: absolute;
}
.cooperation5 .text {
  width: 40%; color: rgb(255, 255, 255); padding-left: 90px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center;
}
.cooperation5 .text .p {
  margin-top: 40px;
}
.cooperation5 .text .b {
  margin-top: 30px;
}
.cooperation5 .text .b .more {
  color: rgb(255, 255, 255);
}
.cooperation5 .text .b .more i {
  background-image: url("../image/more1b.svg");
}
.cooperation6 {
  background: rgb(238, 235, 234); display: none;
}
.cooperation6 .block {
  position: relative;
}
.cooperation6 .bg {
  background: rgb(0, 52,102); left: 0px; top: 30%; right: 50%; bottom: 6%; position: absolute;
}
.cooperation6 .pic {
  text-align: right; position: relative;
}
.cooperation6 .pic img {
  width: 55%;
}
.cooperation6 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 30px 80px; left: 35px; top: 7%; right: 50%; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: center;
}
.cooperation6 .text .p {
  margin-top: 25px;
}
.cooperation6 .text .b {
  margin-top: 20px;
}
.education1 .title {
  color: rgb(255, 255, 255);
}
.education1 .content {
  background: url("../image/bg17.jpg") no-repeat top / 100% auto;
}
.education1 .list {
  margin-top: 190px; display: flex;
}
.education1 .list .item {
  background: rgb(162, 0, 0); padding: 10px; transition:1s ease-out; flex:1 1 0px; height: 410px; text-align: center; color: rgb(255, 255, 255); margin-left: 5px; box-sizing: border-box; opacity: 0;
}
.education1 .list :first-child.item {
  margin-left: 0px;
}
.education1 .list .item a {
  border: 2px dashed rgba(255, 255, 255, 0.2); border-image: none; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center;
}
.education1 .list .item .ico {
  height: 100px; line-height: 100px;
}
.education1 .list .item .h {
  font-size: 22px; margin-top: 40px;
}
.education1 .list :nth-child(1).item {
  background: url("../image/png85_1.png") no-repeat right bottom rgb(139, 114, 110);
}
.education1 .list :nth-child(2).item {
  background: url("../image/png85_2.png") no-repeat bottom rgb(148, 8, 11);
}
.education1 .list :nth-child(3).item {
  background: url("../image/png85_3.png") no-repeat left bottom rgb(165, 160, 157);
}
.education1 .list :nth-child(4).item {
  background: url("../image/png85_4.png") no-repeat right bottom rgb(89, 112, 153);
}
.education1 .list :nth-child(5).item {
  background: url("../image/png85_5.png") no-repeat right bottom rgb(73, 61, 61);
}
.education1.showdiv .list :nth-child(1).item {
  transform: translateY(-24px);
}
.education1.showdiv .list :nth-child(2).item {
  transform: translateY(70px);
}
.education1.showdiv .list :nth-child(3).item {
  transform: translateY(0px);
}
.education1.showdiv .list :nth-child(4).item {
  transform: translateY(-45px);
}
.education1.showdiv .list :nth-child(5).item {
  transform: translateY(40px);
}
.education1.showdiv .list .item {
  opacity: 1;
}
.education1 .bb {
  background: rgb(255, 255, 255);
}
.education1 .bb .list1 {
  height: 380px; display: flex; justify-content: space-around; align-items: center;
}
.education1 .bb .list1 .item {
  border-radius: 100%; flex:1 1 0px; margin-left: 40px; display: flex; position: relative; cursor: pointer; max-width: 240px; flex-direction: column; justify-content: center; align-items: center;
}
.education1 .bb .list1 :first-child.item {
  margin-left: 0px;
}
.education1 .bb .list1 .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 50%; width: 100%; padding-top: 100%; margin-top: -50%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.education1 .bb .list1 .item:hover::before {
  opacity: 1; transform: none;
}
.education1 .bb .list1 .item .ico {
  height: 100px; text-align: center; line-height: 100px; position: relative;
}
.education1 .bb .list1 .item .h {
  font-size: 20px; margin-top: 10px; position: relative;
}
.education2 {
  background: rgb(238, 235, 234); color: rgb(255, 255, 255); position: relative;
}
.education2 .bg {
  background: rgb(54, 45, 46); left: 0px; top: 0px; right: 0px; bottom: 130px; position: absolute;
}
.education2 .content {
  position: relative;
}
.education2 .tabs {
  text-align: center; margin-top: 30px; display: flex; position: relative; justify-content: center;
}
.education2 .tabs::before {
  left: 0px; top: 50%; right: 0px; border-top-color: rgb(71, 59, 59); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.education2 .tabs a {
  background: rgb(54, 45, 46); margin: 0px 30px; padding: 10px 0px; color: rgb(140, 114, 110); line-height: 1.3; font-size: 18px; display: flex; position: relative; align-items: center;
}
.education2 .tabs a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(71, 59, 59); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.education2 .tabs a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(71, 59, 59); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.education2 .tabs a.now {
  color: rgb(255, 255, 255);
}
.education2 .list {
  background: url("../image/png53.png") no-repeat bottom / contain rgb(74, 61, 62); padding: 65px 85px 40px; font-size: 18px; margin-top: 40px;
}
.education2 .list a {
  background: url("../image/png52.png") no-repeat left 5px; width: 20%; padding-left: 28px; margin-bottom: 30px; display: inline-block; white-space: nowrap; box-sizing: border-box;
}
.education2 .list a:hover {
  color: rgb(140, 114, 110);
}
.education3 {
  background: rgb(238, 235, 234); position: relative;
}
.education3 .block {
  display: flex; justify-content: space-between;
}
.education3 .tit {
  width: calc(50% - 10px);
}
.education3 .tit .inner {
  position: relative;
}
.education3 .tit img {
  width: 100%; height: auto;
}
.education3 .tit .t {
  color: rgb(255, 255, 255);
}
.education3 .tit .t {
  background: rgba(0, 0, 0, 0.3); padding: 55px 0px 0px 65px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.education3 .tit .t .more1 {
  background: url("../image/more1b.svg") no-repeat left; height: 45px; line-height: 45px; padding-left: 60px; margin-top: 15px; display: inline-block;
}
.education3 .r {
  width: calc(50% - 10px); position: relative;
}
.education3 .r .list1 {
  left: 0px; top: 0px; width: 38%; height: 84%; position: absolute;
}
.education3 .r .list1 .item {
  height: 50%; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.education3 .r .list1 .item .ico {
  height: 90px;
}
.education3 .r .list1 .item .h {
  font-size: 18px; margin-top: 15px;
}
.education3 .r .list1 :nth-child(1).item {
  background: rgb(135, 8, 8);
}
.education3 .r .list1 :nth-child(2).item {
  background: rgb(162, 0, 0);
}
.education3 .r .list2 {
  background: url("../image/png40c.png") no-repeat right -45% bottom 0% / 80% auto rgb(255, 255, 255); height: 100%; padding-top: 12%; padding-left: 18%; margin-left: 28%; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.education3 .r .list2 ul {
  height: 100%; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid;
}
.education3 .r .list2 li {
  top: -21px; font-size: 24px; margin-bottom: 40px; position: relative;
}
.education3 .r .list2 li::before {
  transition:0.4s ease-out; width: 30px; margin-right: 30px; vertical-align: middle; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid; display: inline-block; content: "";
}
.education3 .r .list2 li:hover::before {
  width: 120px; border-top-color: rgb(0, 52,102); border-top-width: 2px; border-top-style: solid;
}
.education3 .r .list2 li:hover {
  color: rgb(0, 52,102);
}
.education4 {
  background: url("../image/png64.png") no-repeat right bottom / auto 80%;
}
.education4 .list {
  margin-top: 40px; display: flex;
}
.education4 .item {
  flex:1 1 0px; text-align: center; margin-left: 20px;
}
.education4 .item a {
  display: block;
}
.education4 :first-child.item {
  margin-left: 0px;
}
.education4 .item .pic img {
  width: 100%; height: auto;
}
.education4 .item .h {
  font-size: 18px; margin-top: 20px;
}
.photos {

}
.photos .content {
  margin-top: 50px; display: flex;
}
.photos .tabs {
  width: 85px; text-align: center;
}
.photos .tabs li {
  cursor: pointer;
}
.photos .tabs li::after {
  background: url("../image/png56.png") no-repeat center; margin: 8px 0px 5px; width: 11px; height: 29px; display: inline-block; content: "";
}
.photos .tabs li:last-child::after {
  display: none;
}
.photos .tabs .p {
  margin-bottom: 10px; display: none;
}
.photos .tabs .s .p {
  display: block;
}
.photos .tabs span.now {
  color: rgb(0, 52,102);
}
.photos .tabs .h {
  font-family: Impact; font-size: 30px;
}
.photos .tabs span {
  padding: 5px 0px; font-size: 16px; display: block;
}
.photos .div {
  flex:1 1 0px; margin-left: 50px;
}
.photos .date {
  line-height: 70px; display: flex; align-items: center;
}
.photos .date .inr {
  background: url("../image/png97.png") no-repeat right; padding: 0px 15px; font-size: 30px; display: inline-block;
}
.photos .list {
  margin-top: 40px; display: flex; flex-wrap: wrap;
}
.photos .list .item {
  width: calc(33.33% - 23.33px); margin-bottom: 35px; margin-left: 35px;
}
.photos .list :nth-child(3n-2).item {
  margin-left: 0px;
}
.photos .list .item .pic {
  overflow: hidden; position: relative;
}
.photos .list .item .pic img {
  width: 100%; height: auto;
}
.photos .list .item .h {
  margin-top: 10px;
}
.photos .list .item .d {
  margin-top: 10px;
}
.photos .list .item .d span {
  margin-right: 15px;
}
.photos .uplod {
  top: 50%; text-align: center; right: 10px; color: rgb(0, 52,102); position: fixed; z-index: 5; transform: translateY(-50%);
}
.photos .uplod .p {
  padding-top: 5px;
}
.photos .uplod img {
  width: 70px;
}
.class_detail {
  
}
.class_detail .title .p {
  color: rgb(0, 52,102); font-size: 18px; font-weight: bold;
}
.class_detail table {
  text-align: center; margin-top: 40px;
}
.class_detail td {
  padding: 14px 5px;
}
.class_detail thead td {
  background: rgb(0, 52,102); color: rgb(255, 255, 255); font-size: 18px;
}
.class_detail tbody tr:nth-child(2n+1) td {
  background: rgb(238, 235, 234);
}
.school_calendar {
  
}
.school_calendar .block {
  display: flex; flex-direction: column; align-items: center;
}
.school_calendar .content {
  overflow: hidden; display: flex; max-width: 100%; flex-direction: column;
}
.school_calendar .content .tit img {
  margin-left: 0.5em; vertical-align: middle; max-height: 1em;
}
.school_calendar .content .txt {
  font-size: 16px; margin-top: 40px;
}
.cas_h {
  background: url("../image/png89.png") no-repeat right / contain rgb(0, 52,102); padding: 65px 0px; color: rgb(255, 255, 255);
}
.cas_h .list {
  display: flex; justify-content: space-around; align-items: center;
}
.cas_h .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; position: relative;
}
.cas_h .list .item::before {
  background: url("../image/png88.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.cas_h .list .item a {
  height: 100%; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center;
}
.cas_h .list .item:hover::before {
  opacity: 1; transform: none;
}
.cas_h .list .item.now::before {
  opacity: 1; transform: none;
}
.cas_h .list .item .ico {
  height: 80px; line-height: 80px; position: relative;
}
.cas_h .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.cas_h .list .item .p {
  margin-top: 5px; position: relative;
}
.cas .list {
  margin: 50px 5% 0px; display: flex; flex-wrap: wrap;
}
.cas .item {
  width: calc(25% - 31px); margin-bottom: 30px; margin-left: 40px;
}
.cas :nth-child(4n-3).item {
  margin-left: 0px;
}
.cas .item img {
  width: 100%; height: auto;
}
.cas .item .pic {
  border-bottom-color: rgb(135, 110, 106); border-bottom-width: 4px; border-bottom-style: solid; position: relative;
}
.cas .item .pic::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 50%; height: 4px; right: 50%; bottom: -4px; position: absolute; content: "";
}
.cas .item:hover .pic::after {
  left: 0px; right: 0px;
}
.cas .item .h {
  text-align: center; font-size: 18px; margin-top: 10px;
}
.cas .item:hover .h {
  color: rgb(0, 52,102);
}
.cas .loading {
  text-align: center; color: rgb(0, 52,102); margin-top: 20px; display: none;
}
.tabs1 {
  text-align: center; line-height: 1.3; overflow: hidden; font-size: 18px; margin-top: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.tabs1 .inner1 {
  display: flex; justify-content: center;
}
.tabs1 .inner {
  margin: auto; display: table; white-space: nowrap;
}
.tabs1 a {
  padding: 8px 30px; display: inline-block;
}
.tabs1 a.now {
  color: rgb(0, 52,102); border-bottom-color: rgb(0, 52,102); border-bottom-width: 2px; border-bottom-style: solid;
}
.notice .d {
  padding: 75px 75px 10px;
}
.notice .list .item {
  background: rgb(245, 245, 245); margin-top: 40px;
}
.notice .list .item a {
  padding: 30px 45px; font-size: 16px; display: flex; justify-content: space-between;
}
.notice .list .item a .h {
  overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.notice .list .item .date {
  color: rgb(112, 112, 112);
}
.notice .list .item:hover {
  background: rgb(238, 235, 234);
}
.notice .list :first-child.item {
  margin-top: 0px;
}
.notice .text {
  text-indent: 2em; overflow: hidden; font-size: 16px;
}
.notice .text p {
  margin-top: 15px;
}
.notice .text p:first-child {
  margin-top: 0px;
}
.notice .b {
  text-align: center; margin-top: 40px;
}
.article {
  
}

.article .block {
  position: relative;
}
.article .content {
  margin-top: 40px;
}
.article .content .text {
  text-align: justify; text-indent: 2em; font-size: 16px;
}
.article .content p {
  margin-top: 20px;
}
.article .content p img {
  margin-left: -2em;
}
.study1 {
  background: url("../image/png64.png") no-repeat right bottom rgb(238, 235, 234);
}
.study1 .content {
  margin-top: 40px; display: flex;
}
.study1 .l {
  background: url("../image/png63.png") no-repeat right bottom / 80% auto rgb(0, 52,102); padding: 65px; width: calc(50% - 10px); color: rgb(255, 255, 255); box-sizing: border-box;
}
.study1 .links {
  font-size: 18px; margin-top: 10px;
}
.study1 .links a {
  margin: 20px 0px 0px; width: calc(33.33%); padding-right: 10px; vertical-align: top; display: inline-block;
}
.study1 .l .links a {
  color: rgb(255, 255, 255) !important;
}
.study1 .l .links a::before {
  color: rgb(255, 255, 255);
}
.study1 .r {
  width: calc(50% - 10px); margin-left: 20px; box-sizing: border-box;
}
.study1 .r .d1 {
  background: rgb(255, 255, 255); padding: 65px;
}
.study1 .r .d2 {
  margin-top: 20px; display: flex;
}
.study1 .r .d2 .links a {
  width: 50%;
}
.study1 .r .dl {
  background: rgb(165, 159, 157); padding: 65px; flex:1 1 0px; color: rgb(255, 255, 255);
}
.study1 .r .dl .links a {
  color: rgb(255, 255, 255) !important;
}
.study1 .r .dl .links a::before {
  color: rgb(255, 255, 255);
}
.study1 .r .dr {
  background: url("../image/png60.png") no-repeat center / cover; width: 35%; margin-left: 20px;
}
.study2 {
  background: rgb(54, 45, 46); overflow: hidden;
}
.study2 .block {
  display: flex;
}
.study2 .l {
  width: 50%; color: rgb(255, 255, 255); display: flex; flex-direction: column;
}
.study2 .l .fz40 {
  margin-bottom: 40px;
}
.study2 .bg1 {
  background: rgb(74, 61, 62); padding: 50px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.study2 .bg2 {
  background: rgb(74, 61, 62); padding: 50px;
}
.study2 .links {
  font-size: 18px; margin-top: 10px;
}
.study2 .links a {
  margin: 20px 0px 0px; width: calc(33.33%); color: rgb(255, 255, 255) !important; padding-right: 10px; vertical-align: top; display: inline-block;
}
.study2 .links a::before {
  color: rgb(140, 114, 110);
}
.study2 .r {
  background-position: center; width: 50%; background-repeat: no-repeat; background-size: cover;
}
.study3 {
  position: relative;
}
.study3 .bg {
  background: rgb(238, 235, 234); left: 0px; top: 0px; height: 50%; right: 0px; position: absolute;
}
.study3 .block {
  position: relative;
}
.study3 .content {
  margin-top: 40px; display: flex; align-items: flex-start;
}
.study3 .content .d {
  background: rgb(255, 255, 255); padding: 60px; flex:1 1 0px; margin-left: 20px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.study3 .content :first-child.d {
  margin-left: 0px;
}
.study3 .content :nth-child(2).d {
  background: url("../image/png65.png") no-repeat right bottom rgb(255, 255, 255);
}
.study3 .content .d .links {
  font-size: 18px; margin-top: 20px;
}
.study3 .content .d .links a {
  margin: 20px 0px 0px; width: 50%; vertical-align: top; display: inline-block;
}
.study3 .b {
  text-align: center; margin-top: 40px;
}
.study4 {
  background: url("../image/png64.png") no-repeat right bottom; overflow: hidden;
}
.study4 .content {
  margin-top: 40px; position: relative;
}
.study4 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.study4 .pic {
  position: relative;
}
.study4 .pic img {
  max-width: 65%;
}
.study4 .text {
  background: rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: center;
}
.study4 .links {
  font-size: 18px;
}
.study4 .links a {
  margin: 15px 0px; width: 50%; vertical-align: top; display: inline-block;
}
.study5 {
  background: url("../image/png62.png") no-repeat left bottom rgb(54, 45, 46); color: rgb(255, 255, 255);
}
.study5 .list {
  margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center;
}
.study5 .list .item {
  background: rgb(140, 114, 110); padding: 5px; width: calc(25% - 15px); text-align: center; font-size: 18px; margin-bottom: 20px; margin-left: 20px; position: relative; box-sizing: border-box;
}
.study5 .list .item::before {
  background: url("../image/png66.png") no-repeat right rgb(0, 52,102); transition:0.3s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.study5 .list .item:hover::before {
  opacity: 1;
}
.study5 .list .item a {
  padding: 30px 0px; border: 1px dashed rgb(175, 157, 154); border-image: none; height: 100%; display: flex; position: relative; box-sizing: border-box; justify-content: center; align-items: center;
}
.study5 .list :nth-child(4n-3).item {
  margin-left: 0px;
}
.study6 {
  padding: 5vw 0px; background-size: cover; background1: url(../image/bg6a.jpg) center bottom no-repeat;
}
.study6 .list {
  display: flex; justify-content: space-around; align-items: center; -ms-align-items: center;
}
.study6 .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.study6 .list .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.study6 .list .item:hover::before {
  opacity: 1; transform: none;
}
.study6 .list .item .ico {
  height: 90px; position: relative;
}
.study6 .list .item .ico img {
  height: 100%;
}
.study6 .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.history_famous1 {
  background: url("../image/png72.png") no-repeat right bottom / contain; position: relative;
}
.history_famous1::after {
  background: url("../image/png71.png") no-repeat center; left: 50%; width: 27px; height: 38px; bottom: 0px; margin-left: -13px; position: absolute; content: "";
}
.history_famous1 .title img {
  margin-right: 10px; vertical-align: middle;
}
.history_famous1 .text {
  margin-top: 40px;
}
.history_famous1 .text .p {
  margin-top: 20px;
}
.history_famous1 .text :first-child.p {
  margin-top: 0px;
}
.history_famous2 {
  color: rgb(255, 255, 255); position: relative;
}
.history_famous2 .bg1 {
  background: rgb(54, 45, 46); left: 0px; top: 0px; height: 40%; right: 0px; position: absolute;
}
.history_famous2 .bg2 {
  background: rgb(74, 61, 62); left: 0px; top: 190px; right: 31%; bottom: 0px; position: absolute;
}
.history_famous2 .block {
  position: relative;
}
.history_famous2 .tit {
  padding: 90px 0px 50px;
}
.history_famous2 .item {
  display: none;
}
.history_famous2 .text {
  padding: 70px 0px; width: 55%;
}
.history_famous2 .text .d {
  font-size: 18px; margin-top: 15px;
}
.history_famous2 .text .p {
  margin-top: 15px;
}
.history_famous2 .pic {
  width: 30%; right: 0px; bottom: 90px; position: absolute;
}
.history_famous2 .pic img {
  width: 100%; height: auto;
}
.history_famous2 .frame {
  width: calc(70% - 20px); overflow: hidden; position: relative;
}
.history_famous2 .child {
  margin-left: 20px; float: left; position: relative; cursor: pointer;
}
.history_famous2 :first-child.child {
  margin-left: 0px;
}
.history_famous2 .child.now::after {
  left: 0px; right: 0px; bottom: 0px; border-bottom-color: rgb(140, 114, 110); border-bottom-width: 4px; border-bottom-style: solid; position: absolute; content: "";
}
.history_famous2 .navg {
  height: 90px; text-align: center; right: 0px; bottom: 0px; line-height: 90px; font-family: icon; font-size: 40px; display: flex; position: absolute;
}
.history_famous2 .navg span {
  background: rgb(140, 114, 110); width: 80px; display: block; cursor: pointer;
}
.history_famous3 {
  background: rgb(238, 235, 234);
}
.history_famous3 .content {
  margin-top: 40px; display: flex;
}
.history_famous3 .l {
  background: url("../image/pic94.jpg") no-repeat center / cover; padding: 80px; width: 40%; color: rgb(255, 255, 255); box-sizing: border-box;
}
.history_famous3 .l .pic {
  width: 55%; margin-right: 35px; float: left;
}
.history_famous3 .l .pic img {
  width: 100%;
}
.history_famous3 .l .t .fz30 {
  margin-bottom: 20px;
}
.history_famous3 .l .t .p {
  line-height: 2;
}
.history_famous3 .l .b {
  text-align: justify; text-indent: 2em; padding-top: 30px; clear: both;
}
.history_famous3 .r {
  background: url("../image/png70.png") no-repeat right bottom rgb(255, 255, 255); padding: 60px 45px; flex:1 1 0px;
}
.history_famous3 .r .list {
  height: 490px; overflow: auto; font-size: 18px;
}
.history_famous3 .r .list a {
  width: 20%; height: 50px; text-align: center; line-height: 50px; display: inline-block; white-space: nowrap;
}
.history_famous3 .r .list a.now {
  background: url("../image/png69.png") no-repeat right rgb(96, 120, 162); color: rgb(255, 255, 255);
}
.history_famous3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(96, 120, 162);
}
.history_famous4 {
  background: url("../image/pic100.jpg") no-repeat center / cover; color: rgb(255, 255, 255);
}
.history_famous4 .focus {
  margin-top: 40px; position: relative;
}
.history_famous4 .frame {
  overflow: hidden; padding-bottom: 30px;
}
.history_famous4 .child {
  padding-bottom: 75px; float: left; position: relative; cursor: pointer;
}
.history_famous4 .child::after {
  background: url("../image/png73.png") no-repeat top; left: 50%; width: 25px; height: 60px; bottom: 0px; margin-left: -13px; position: absolute; content: "";
}
.history_famous4 .child.now::after {
  height: 89px; bottom: -30px; background-image: url("../image/png73a.png");
}
.history_famous4 .h {
  text-align: center; font-size: 18px; margin-top: 20px;
}
.history_famous4 .pic {
  overflow: hidden; position: relative;
}
.history_famous4 .now .pic::after {
  background: rgb(175, 167, 167); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.history_famous4 .child img {
  transition:0.3s ease-out;
}
.history_famous4 .child:hover img {
  transform: scale(1.1);
}
.history_famous4 .slick-track {
  padding-bottom: 30px;
}
.history_famous4 .bb {
  left: 30px; right: 30px; bottom: 29px; border-bottom-color: rgb(170, 163, 163); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.history_famous4 .bb::before {
  border-radius: 100%; border: 1px solid rgb(170, 163, 163); border-image: none; left: -7px; top: -3px; width: 5px; height: 5px; position: absolute; content: "";
}
.history_famous4 .bb::after {
  border-radius: 100%; border: 1px solid rgb(170, 163, 163); border-image: none; top: -3px; width: 5px; height: 5px; right: -7px; position: absolute; content: "";
}
.history_famous4 .text {
  background: rgb(160, 152, 152); padding: 50px; margin-top: 30px; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.history_famous4 .text .d {
  display: none;
}
.history_famous4 .prev {
  left: -5px; width: 30px; height: 55px; text-align: left; bottom: 0px; color: rgb(234, 232, 232); line-height: 55px; font-family: icon; font-size: 30px; font-weight: bold; position: absolute;
}
.history_famous4 .next {
  width: 30px; height: 55px; text-align: right; right: -5px; bottom: 0px; color: rgb(234, 232, 232); line-height: 55px; font-family: icon; font-size: 30px; font-weight: bold; position: absolute;
}
.history_famous5 .content {
  margin-top: 40px;
}
.history_famous5 .list {
  height: 440px; color: rgb(255, 255, 255); display: flex;
}
.history_famous5 .item {
  background: rgb(54, 45, 46); width: 180px; margin-left: 1px; display: flex; cursor: pointer; box-sizing: border-box;
}
.history_famous5 :first-child.item {
  margin-left: 0px;
}
.history_famous5 .item .text {
  padding: 70px 50px; flex:1 1 0px; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.history_famous5 .item .h {
  font-size: 24px;
}
.history_famous5 .item .d {
  margin-left: 10px;
}
.history_famous5 .item .p {
  margin-top: 20px; display: none; max-height: 210px;
}
.history_famous5 .item .pic {
  width: 0px; overflow: hidden;
}
.history_famous5 .item .pic img {
  width: auto; height: 100%;
}
.history_famous5 .item.now {
  background: rgb(140, 114, 110); flex:1 1 0px; width: auto;
}
.history_famous5 .item.now .text {
  -ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb;
}
.history_famous5 .item.now .d {
  margin: 15px 0px 0px;
}
.history_famous5 .item.now .p {
  display: block;
}
.history_famous5 .item.now .pic {
  width: auto;
}
.history_famous6 {
  background: url("../image/png95.png") no-repeat left bottom;
}
.history_famous6 .content {
  background: url("../image/png94.png") no-repeat right bottom rgb(54, 45, 46); padding: 0px 100px; color: rgb(255, 255, 255); margin-top: 60px; display: flex; align-items: center;
}
.history_famous6 .pic {
  width: 343px; margin-right: 100px; transform: translateY(-15%);
}
.history_famous6 .pic img {
  width: 100%; height: auto;
}
.history_famous6 .text {
  flex:1 1 0px;
}
.history_famous6 .text .p {
  margin-top: 40px;
}
.visit1 .list {
  margin-top: 40px; display: flex; justify-content: space-around; align-items: center;
}
.visit1 .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.visit1 .list .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.visit1 .list .item:hover::before {
  opacity: 1; transform: none;
}
.visit1 .list .item .ico {
  height: 80px; line-height: 80px; position: relative;
}
.visit1 .list .item .ico img {
  height: 100%; max-width: 100px;
}
.visit1 .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.visit1 .list .item .p {
  margin-top: 5px; position: relative;
}
.visit1 .content {
  display: flex;
}
.visit1 .l {
  width: 55px; line-height: 55px; display: flex; flex-direction: column;
}
.visit1 .l .fz40 {
  text-align: center; line-height: 1;
}
.visit1 .l .line {
  background: rgb(221, 221, 221); margin: 20px auto; flex:1 1 0px; width: 1px;
}
.visit1 .l .tabs {
  display: flex; flex-direction: column;
}
.visit1 .l .tabs a {
  background: url("../image/png74a.png") no-repeat center / cover; height: 130px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; margin-top: 10px; position: relative; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.visit1 .l .tabs a.now::after {
  border-width: 12px 8px; border-style: solid; border-color: transparent transparent transparent rgb(0, 52,102); border-image: none; left: 100%; top: 50%; margin-top: -6px; position: absolute; content: "";
}
.visit1 .l .tabs a:nth-child(2) {
  background-image: url("../image/png74b.png");
}
.visit1 .l .tabs a:nth-child(3) {
  background-image: url("../image/png74c.png");
}
.visit1 .r {
  flex:1 1 0px; margin-left: 70px; position: relative;
}
.visit1 .r .d {
  display: none;
}
.visit1 .r .tip {
  left: 0px; bottom: 0px; position: absolute; max-width: 20%;
}
.visit1 .r .map {
  width: 100%; overflow: hidden; position: relative;
}
.visit1 .r .map img {
  width: 100%; height: auto;
}
.visit1 .r .map .a {
  left: 33.5%; top: 27%; width: 44%; display: none; position: absolute;
}
.visit1 .r .map .b {
  left: 34.4%; top: 4%; width: 27.3%; position: absolute;
}
.visit1 .r .map .c {
  left: 34.3%; top: 26.1%; width: 30%; position: absolute;
}
.visit1 .r .map .point {
  background: url("../image/png76b.png") no-repeat center; left: 0px; top: 0px; width: 21px; height: 24px; position: absolute; cursor: pointer;
}
.visit1 .r .map .point:hover {
  z-index: 1;
}
.visit1 .r .map .point .cont {
  background: rgb(255, 255, 255); padding: 25px 30px; left: 0px; top: -20px; width: 285px; margin-left: 35px; display: none; position: absolute; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.visit1 .r .map .point .cont::before {
  border-width: 10px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: none; top: 20px; right: 100%; position: absolute; content: "";
}
.visit1 .r .map .point:hover .cont {
  display: block;
}
.visit1 .r .map .point .h {
  background: url("../image/png76.png") no-repeat left; padding-left: 30px; font-size: 18px;
}
.visit1 .r .map .point .p {
  padding-left: 30px; margin-top: 15px;
}
.visit1 .r .map .point a {
  background: url("../image/png82.png") no-repeat center; width: 70px; height: 27px; margin-top: 10px; margin-left: 30px; display: inline-block;
}
.visit1 .r .zoom {
  right: 0px; bottom: 0px; display: none; position: absolute;
}
.visit1 .r .zoom .a {
  background: url("../image/png81a.png") no-repeat center; width: 46px; height: 46px; margin-right: 15px; display: inline-block;
}
.visit1 .r .zoom .b {
  background: url("../image/png81b.png") no-repeat center; width: 46px; height: 46px; display: inline-block;
}
.visit1 .text {
  text-align: center; margin-top: 50px;
}
.visit1 .text .h {
  font-size: 18px; display: flex; align-items: center;
}
.visit1 .text .h::before {
  flex:1 1 0px; margin-right: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; content: "";
}
.visit1 .text .h::after {
  flex:1 1 0px; margin-left: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; content: "";
}
.visit1 .text .p {
  padding: 0px 5%; margin-top: 20px;
}
.visit2 {
  background: url("../image/png78.png") no-repeat right bottom rgb(54, 45, 46); color: rgb(255, 255, 255); overflow: hidden;
}
.visit2 .frame {
  margin-top: 40px;
}
.visit2 .list {
  display: flex; flex-wrap: wrap;
}
.visit2 .list a {
  background: rgb(140, 114, 110); margin: 0px 0px 15px 15px; padding: 5px; width: calc(16.66% - 12.5px); display: block; box-sizing: border-box;
}
.visit2 .list a:hover {
  background: url("../image/png79.png") no-repeat right rgb(0, 52,102);
}
.visit2 .list a:nth-child(6n-5) {
  margin-left: 0px;
}
.visit2 .list a span {
  padding: 15px 0px; border: 1px dashed rgb(175, 157, 154); border-image: none; height: 100%; text-align: center; font-size: 18px; display: block; box-sizing: border-box;
}
.visit2 .navg {
  text-align: center; margin-top: 40px;
}
.visit2 .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block;
}
.visit2 .prev:hover {
  background-image: url("../image/arrow4c.png");
}
.visit2 .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block;
}
.visit2 .next:hover {
  background-image: url("../image/arrow4d.png");
}
.visit3 {
  background: url("../image/png80.png") no-repeat right bottom / 38% auto;
}
.visit3 .block {
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
.visit3 .d {
  width: calc(50% - 10px); margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.visit3 .d > img {
  width: 100%;
}
.visit3 :nth-child(-n+2).d {
  margin-top: 0px;
}
.visit3 .d .item {
  background: rgb(238, 235, 234); transition:0.2s ease-out; width: calc(50% - 10px); height: 285px; text-align: center; margin-top: 20px; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.visit3 .d :last-child.item {
  background: none;
}
.visit3 .d :nth-child(-n+2).item {
  margin-top: 0px;
}
.visit3 .d .item:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.visit3 .d .item:hover .a {
  display: none;
}
.visit3 .d .item:hover .b {
  display: inline-block;
}
.visit3 .d .item .ico {
  height: 90px; line-height: 90px;
}
.visit3 .d .item .ico img {
  height: 100%;
}
.visit3 .d .item .b {
  display: none;
}
.visit3 .d .item .h {
  font-size: 24px; margin-top: 25px;
}
.visit3 .d .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.visit4 {
  background-size: 100% auto; background1: url(../image/bg9.jpg) center bottom no-repeat;
}
.visit4 .title {
  padding-bottom: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.visit4 .list {
  display: flex;
}
.visit4 .item {
  padding: 40px 0px 0px 25px; flex:1 1 0px; font-size: 18px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative; box-sizing: border-box;
}
.visit4 .item::before {
  background: rgb(0, 52,102); transition:0.2s ease-out; left: 0px; top: 50%; width: 4px; bottom: 50%; position: absolute; content: "";
}
.visit4 .item:hover::before {
  top: 20%; bottom: 5%;
}
.visit4 .item .d {
  font-family: Impact; font-size: 48px;
}
.visit4 .navg {
  text-align: center; margin-top: 50px;
}
.visit4 .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block;
}
.visit4 .prev:hover {
  background-image: url("../image/arrow4e.png");
}
.visit4 .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block;
}
.visit4 .next:hover {
  background-image: url("../image/arrow4f.png");
}
.teachers {
  background: url("../image/bg26.png") no-repeat left 62%;
}
.teachers1 {
  position: relative;
}
.teachers1 .bg {
  left: 0px; width: 70%; height: 506px; bottom: 60px; position: absolute; background-size: cover;
}
.teachers1 .block {
  display: flex; position: relative; justify-content: flex-end;
}
.teachers1 .text {
  background: url("../image/png84.png") no-repeat right 0px bottom 20px rgba(128, 5, 4, 0.95); padding: 140px 60px 240px; width: 45%; color: rgb(255, 255, 255); box-sizing: border-box;
}
.teachers1 .links {
  font-size: 18px; margin-top: 100px;
}
.teachers1 .links a {
  width: 33.33%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers1 .links a::before {
  color: rgb(255, 255, 255);
}
.teachers2 {
  overflow: hidden;
}
.teachers2 .block {
  position: relative;
}
.teachers2 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.teachers2 .pic {
  width: 60%; position: relative;
}
.teachers2 .pic img {
  width: 100%; height: auto;
}
.teachers2 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}
.teachers2 .links {
  font-size: 18px; margin-top: 50px;
}
.teachers2 .links a {
  width: 33.33%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers3 {
  padding-bottom: 130px; margin-top: 70px; position: relative;
}
.teachers3 .bg1 {
  background: rgb(74, 61, 62); left: 0px; height: 140px; right: 0px; bottom: 0px; position: absolute;
}
.teachers3 .bg2 {
  top: 0px; width: 20%; right: 0px; bottom: 0px; position: absolute; background-size: cover;
}
.teachers3 .text {
  padding: 130px 0px; width: 85%;
}
.teachers3 .links {
  font-size: 18px; margin-top: 50px;
}
.teachers3 .links a {
  width: 20%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers3 .block {
  position: relative;
}
.tutors .list {
  margin-top: 50px; position: relative;
}
.tutors .item {
  background: rgb(255, 255, 255); width: calc(50% - 12px); margin-right: 20px; margin-bottom: 20px; position: absolute; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.tutors :nth-child(2n).item {
  margin-right: 0px;
}
.tutors .item::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.tutors .item:hover::after {
  width: 100%;
}
.tutors .item .t {
  background: url("../image/bg17.png") no-repeat center / cover; padding: 0px 40px; height: 70px; color: rgb(255, 255, 255); line-height: 70px;
}
.tutors .item .inner {
  padding: 40px 30px; position: relative;
}
.tutors .item .ico {
  float: left;
}
.tutors .item .text {
  padding: 15px 0px 0px 100px; font-size: 0px;
}
.tutors .item :first-child.text {
  padding-left: 40px;
}
.tutors .item .text a {
  width: 50%; line-height: 1.3; padding-left: 20px; font-size: 16px; margin-bottom: 35px; vertical-align: top; border-left-color: rgb(0, 52,102); border-left-width: 1px; border-left-style: solid; display: inline-block; white-space: nowrap; box-sizing: border-box;
}
.campus3a {
  background-position: bottom; background-repeat: no-repeat; background-size: 100% auto; background1: url(../image/bg6.jpg);
}
.campus3a .title {
  padding-bottom: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.campus3a .list {
  display: flex;
}
.campus3a .item {
  padding: 40px 0px 0px 25px; flex:1 1 0px; font-size: 18px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative; box-sizing: border-box;
}
.campus3a .item::before {
  background: rgb(0, 52,102); transition:0.2s ease-out; left: 0px; top: 50%; width: 4px; bottom: 50%; position: absolute; content: "";
}
.campus3a .item:hover::before {
  top: 20%; bottom: 5%;
}
.campus3a .item .d {
  font-family: Impact; font-size: 48px;
}
.campus3a .navg {
  text-align: center; margin-top: 50px;
}
.campus3a .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block; position: static;
}
.campus3a .prev:hover {
  background-image: url("../image/arrow4e.png");
}
.campus3a .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block; position: static;
}
.campus3a .next:hover {
  background-image: url("../image/arrow4f.png");
}
.history {
  background: rgb(238, 235, 234); overflow: hidden;
}
.history .list {
  padding: 0px 20px; margin-top: 30px; position: relative;
}
.history .list::after {
  left: 50%; top: 0px; height: 100%; border-left-color: rgb(170, 170, 170); border-left-width: 1px; border-left-style: dashed; position: absolute; content: "";
}
.history .list::before {
  background: url("../image/png93_12.png") no-repeat center; left: 50%; top: 0px; width: 57px; height: 57px; position: absolute; content: ""; transform: translateX(-50%);
}
.history .item {
  width: 50%; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: dashed; position: absolute; z-index: 1; box-sizing: border-box;
}
.history .item.l {
  padding: 0px 80px 100px 0px; text-align: right; right: 50%;
}
.history .item.l::before {
  background: url("../image/png93_13.png") no-repeat center; width: 44px; height: 44px; right: -22px; bottom: -22px; position: absolute; content: "";
}
.history .item.l::after {
  background: rgb(0, 52,102); border-radius: 100%; left: 0px; width: 7px; height: 7px; bottom: -3px; position: absolute; content: "";
}
.history .item.r {
  padding: 0px 0px 100px 80px; left: 50%;
}
.history .item.r::before {
  background: url("../image/png93_13.png") no-repeat center; left: -22px; width: 44px; height: 44px; bottom: -22px; position: absolute; content: "";
}
.history .item.r::after {
  background: rgb(0, 52,102); border-radius: 100%; width: 7px; height: 7px; right: 0px; bottom: -3px; position: absolute; content: "";
}
.history .item .pic {
  position: relative;
}
.history .item .pic .year {
  background: url("../image/png93_10.png") no-repeat center; border-radius: 100%; width: 264px; height: 264px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 264px; overflow: hidden; font-size: 32px; position: absolute;
}
.history .item .pic .year .h {
  display: inline-block;
}
.history .item .pic .year span {
  background: url("../image/png93_11.png") no-repeat center; left: 50%; top: 75%; width: 42px; height: 42px; position: absolute; transform: translate(-50%, -50%);
}
.history .item.r .pic .year {
  left: 0px; right: auto;
}
.history .item .pic .year a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.history .item .text {
  margin-top: 50px;
}
.history .item .text .h {
  font-size: 24px;
}
.history .item .text .d {
  color: rgb(0, 52,102); font-size: 18px; margin-top: 20px;
}
.history .item .text .p {
  color: rgb(102, 102, 102); line-height: 2.2; font-size: 12px; margin-top: 10px;
}
.history .item.l .text .p {
  text-align: right;
}
.history :last-child.item {
  left: 50%; width: 70%; text-align: left; padding-top: 100px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; transform: translateX(-50%);
}
.history :last-child.item::after {
  display: none;
}
.history :last-child.item::before {
  display: none;
}
.history :last-child.item .text .p {
  text-align: left;
}
.history :last-child.item .pic .year {
  left: 50%; transform: translateX(-50%);
}
.skin1 .title .more {
  margin-top: 20px;
}
.skin1 .more i {
  position: relative;
}
.skin1 .more i::after {
  background: url("../image/skin1/icon1.svg") no-repeat center / contain; left: 50%; width: 56px; height: 38px; bottom: 100%; margin-bottom: -22px; margin-left: -28px; position: absolute; content: "";
}
.home7 .d1 .more i::after {
  background-image: url("../image/skin1/icon1a.svg");
}
.home7 .d1 .more:hover i::after {
  background-image: url("../image/skin1/icon1.svg");
}
.skin1 .home5 {
  background: url("../image/skin1/bg2.png") no-repeat left bottom / 40% auto rgb(238, 235, 234);
}
.skin1 .home5 .list :nth-child(1).item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home5 .list :nth-child(4).item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home5 .list :last-child.item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home6 {
  background: url("../image/skin1/bg3.png") no-repeat bottom / contain;
}
.skin1 .home7 {
  background: url("../image/skin1/bg4.png") no-repeat right bottom / 70% auto rgb(56, 46, 47);
}
.skin1 .home8 .l .list {
  background: url("../image/skin1/bg1.png") no-repeat left bottom rgb(255, 255, 255);
}
.skin1 .home10 {
  background: url("../image/skin1/bg5.png") no-repeat bottom / 100% auto;
}
.skin1 .home9 .title .more {
  margin-top: 150px;
}
.skin2 .more i {
  position: relative;
}
.skin2 .more i::after {
  background: url("../image/skin2/icon1.svg") no-repeat center / contain; top: 50%; width: 41px; height: 49px; right: 100%; margin-top: -25px; margin-right: -10px; position: absolute; content: "";
}
.skin2 .home9 .more i::after {
  top: 0px; right: 50%; margin-top: -37px; margin-right: -20px;
}
.skin2 .home5 {
  background: url("../image/skin2/bg1.png") no-repeat left bottom / 20% auto rgb(238, 235, 234);
}
.skin2 .home6 {
  background: url("../image/skin2/bg2.png") no-repeat bottom / 100% auto;
}
.skin2 .home7 {
  background: url("../image/skin2/bg3.png") no-repeat bottom / 100% auto rgb(56, 46, 47);
}
.skin2 .home9 {
  position: relative;
}
.skin2 .home9::before {
  background: url("../image/skin2/bg4.png") no-repeat left bottom; left: 0px; width: 380px; height: 547px; bottom: -380px; position: absolute; content: "";
}
.skin2 .home9 :nth-child(1).item .pic {
  background-image: url("../image/skin1/pic7.jpg");
}
.skin2 .home9 :nth-child(2).item .pic {
  background-image: url("../image/skin1/pic8.jpg");
}
.skin2 .home9 :nth-child(3).item .pic {
  background-image: url("../image/pic26.jpg");
}
.skin2 .home9 :nth-child(4).item .pic {
  background-image: url("../image/skin1/pic6.jpg");
}
.skin2 .home10 {
  background: none; position: relative;
}
.skin2 .home10 .part1 .list {
  position: relative;
}
.skin2 .home10::before {
  background: url("../image/skin2/bg5.png") no-repeat right bottom; width: 738px; height: 524px; right: 0px; bottom: -160px; position: absolute; content: "";
}
.skin2 .home7 .d1 .more i {
  background-image: url("../image/skin2/more1b.svg");
}
.skin2 .home7 .d1 .more i::after {
  background-image: url("../image/skin2/icon1a.svg");
}
.skin2 .home7 .d1 .more i::before {
  background-image: url("../image/skin2/more1b.svg");
}
.skin2 .home7 .d1 .more:hover i::before {
  background-image: url("../image/skin2/more1c.svg");
}
.skin2 .home10 .part1 .btns {
  position: relative;
}


.li-bottom{width:369px;height:88px;background:url(../images/yaowen.png) no-repeat;position:relative;}
.li-bottom p{padding:19px; font-size:16px; line-height:25px;}
.li-bottom p a{color:#000;}
.li-bottom p a:hover{color:#003466}
.li-bottom .time{position:absolute; right:15px; bottom:15px; font-size:12px; color:#666666;}
.main-box1{overflow:hidden; width:100%; min-width:1230px;}
.main-box1-con{width:1200px; margin:0px auto;}
.main-box1-con-top{height:56px;  border-bottom:2px solid #f2f2f2;}
.top-left{float:left; margin-top:14px;font-size:24px;}
.top-left a{ color:#000;}
.top-right{float:right; margin-top:22px;}
.top-right a{color:#000; font-size:18px; float:left; margin-left:5px;}
.main-box1-con-bottom-left{float:left; width:768px;}
.main-box1-con-bottom-left ul li{width:369px; float:left; margin:10px 13px 0px 0px; overflow:hidden;}
.li-boxs{border-top:4px solid #2886eb;}
.li-boxs-bt{padding:30px 15px; border-bottom:1px dashed #e5e5e5; line-height: 25px;}
.li-boxs-bt a{color:#003466; font-size:16px; }
.li-boxs-zy{position:relative; height:168px; line-height: 25px; padding:0 15px;}
.li-boxs-zy a{color:#003466; font-size:12px; display:block;}
.li-boxs-zy a:hover{color:#003466;}
.li-boxs-zy p{padding-top:30px; text-indent:2em}
.li-boxs-zy .time{position:absolute; right:15px; bottom:15px; font-size:12px; color:#666666;}
.li-top{height:195px; width:369px;}
.li-top img{height:195px; width:369px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.li-top img:hover{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;
}
.main-box1-con-bottom-right{float:right;width:410px; margin-top:22px;}
.main-box1-con-bottom-right ul li{padding:4px 0px;border-bottom:1px solid #e0e0e0; width:410px; overflow:hidden; float:left; 
}
.main-box1-con-bottom-right ul li a{display: block;  font-size:16px; line-height:24px; height:48px; overflow:hidden; color:#000; float:left; width:350px;}
.main-box1-con-bottom-right ul li a:hover{color:#003466}
.main-box1-con-bottom-right ul li span{float:right; margin-top:16px; font-size:12px; color:#656565; margin-right:5px;}


.yblie{height:70px; width:350px;background-color:#DDD;margin-top:10px;background:url(../images/bbnx.jpg) no-repeat;color:#b5b5b5;}

.boxzzhh{width: 700px;height: 530px;margin:40px auto;overflow: hidden;position: relative;}
.boxzzhh_img{width: 700px;height: 530px;overflow: hidden;}
.boxzzhh_img ul li{position: absolute;display: none;}
.boxzzhh_img ul li a{display: block;width: 700px;height: 530px;font-size: 100px;text-align: center;line-height: 250px;color: #fff;}
  
.boxzzhh_tab{position: absolute;bottom: 0;text-align: center;width: 700px}
.boxzzhh_tab a{display: inline-block; position: relative;width:80px;height:80px;
font-size: 10px;background: #fff;color: #333; left: -110px;background:url(../images/tbtbq.png) no-repeat;
  top: -130px;}
.boxzzhh_tab a.active{background: #0Fb;background:url(../images/tbtbt.png) no-repeat;}
.boxshang{float:left;width: 700px;height: 400px;background: #f90;}
.boxxia{width: 700px;height: 130px;background: #FFF;float:left;}





svg{
  fill: currentColor;
}
}



.container{
  width:1200px;text-align:center;
  margin:0 auto;
}
.container .nav{width:545px; text-align:center; margin:0 auto;}
.container .nav span{display: block; width:180px; margin-top:50px;  font-family: "Microsoft Yahei"; font-size:26px;font-weight:bold;
  color:#FFF; 
 text-align:center; line-height:60px; color:#666; float:left; cursor:pointer;}
 
.container .nav span.active{color:#fff;}
.container .nav span.active a{color:#fff;border-bottom:1px solid #FFF;}

.content{ margin-top:90px; width:1200px;position:relative; overflow:hidden;height:400px;} /*??|?????????relative??overflow?????hidden???????????????*/
.content .box{position:absolute;width:1200px;height:300px;} /*?????|??????absolute, ?????????????|????????Y?????*/
.content ul{float:left; width:1200px;}
.content ul li{display: block; height:300px; width:1100px; margin-left:50px;float:left; text-align:center; line-height:218px; background-color:#FFF}
.content ul li+li{margin-left:0px;}




.special_title{width:1200px;height:80px;font-family: "Microsoft Yahei"; font-size:26px;font-weight:bold;color:#FFF;text-align:center;
line-height:75px;
}

.special_title a{border-bottom:1px solid #FFF;}
.special_main{width:1200px;height:400px;}
.special_href{width:200px;height:100px;float:left;/* margin-left:10px; */}








html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Microsoft Yahei";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}
html {
  margin: 0px;
  padding: 0px;
  /* background:#f4f6f6 url(../images/bgc.png) center top no-repeat; */
  }
}
body {
  margin: 0px; padding: 0px;
}
div {
  margin: 0px; padding: 0px;
}
span {
  margin: 0px; padding: 0px;
}
iframe {
  margin: 0px; padding: 0px;
}
h1 {
  margin: 0px; padding: 0px;
}
h2 {
  margin: 0px; padding: 0px;
}
h3 {
  margin: 0px; padding: 0px;
}
h4 {
  margin: 0px; padding: 0px;
}
h5 {
  margin: 0px; padding: 0px;
}
h6 {
  margin: 0px; padding: 0px;
}
p {
  margin: 0px; padding: 0px;
}
blockquote {
  margin: 0px; padding: 0px;
}
pre {
  margin: 0px; padding: 0px;
}
a {
  margin: 0px; padding: 0px;
}
address {
  margin: 0px; padding: 0px;
}
big {
  margin: 0px; padding: 0px;
}
cite {
  margin: 0px; padding: 0px;
}
code {
  margin: 0px; padding: 0px;
}
del {
  margin: 0px; padding: 0px;
}
em {
  margin: 0px; padding: 0px;
}
font {
  margin: 0px; padding: 0px;
}
img {
  margin: 0px; padding: 0px;
}
ins {
  margin: 0px; padding: 0px;
}
small {
  margin: 0px; padding: 0px;
}
strong {
  margin: 0px; padding: 0px;
}
var {
  margin: 0px; padding: 0px;
}
b {
  margin: 0px; padding: 0px;
}
u {
  margin: 0px; padding: 0px;
}
i {
  margin: 0px; padding: 0px;
}
center {
  margin: 0px; padding: 0px;
}
dl {
  margin: 0px; padding: 0px;
}
dt {
  margin: 0px; padding: 0px;
}
dd {
  margin: 0px; padding: 0px;
}
ol {
  margin: 0px; padding: 0px;
}
ul {
  margin: 0px; padding: 0px;
}
li {
  margin: 0px; padding: 0px;
}
fieldset {
  margin: 0px; padding: 0px;
}
form {
  margin: 0px; padding: 0px;
}
label {
  margin: 0px; padding: 0px;
}
legend {
  margin: 0px; padding: 0px;
}
body {
  margin: auto; font-family: "Microsoft Yahei",????; min-width: 320px;
}
ol {
  list-style: none;
}
ul {
  list-style: none;
}
li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-family: 'Microsoft YaHei';
}
img {
  border: currentColor; border-image: none; vertical-align: middle; max-height: 100%; max-width: 100%;
}
table {
  width: 100%; border-collapse: collapse;
}
tr {
  margin: 0px; padding: 0px;
}
td {
  margin: 0px; padding: 0px;
}
th {
  margin: 0px; padding: 0px;
}
h1 {
  line-height: 1.3; font-weight: normal;
}
h2 {
  line-height: 1.3; font-weight: normal;
}
h3 {
  line-height: 1.3; font-weight: normal;
}
h4 {
  line-height: 1.3; font-weight: normal;
}
h5 {
  line-height: 1.3; font-weight: normal;
}
h6 {
  line-height: 1.3; font-weight: normal;
}
i {
  font-style: normal; font-weight: normal;
}
em {
  font-style: normal; font-weight: normal;
}
b {
  font-style: normal; font-weight: normal;
}
strong {
  font-style: normal; font-weight: 800;color:#003366;
}
input {
  background: none;
  padding: 0px;
  border: currentColor;
  outline: none;
  border-image: none;
  color: inherit;
  text-align: left;
  font-family: inherit;
  font-size: inherit;
  resize: none;
}
textarea {
  background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
select {
  background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
.jspContainer {
  overflow: hidden; position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  top: 0px; width: 16px; height: 100%; right: 0px; position: absolute;
}
.jspHorizontalBar {
  left: 0px; width: 100%; height: 16px; bottom: 0px; position: absolute;
}
.jspVerticalBar * {
  margin: 0px; padding: 0px;
}
.jspHorizontalBar * {
  margin: 0px; padding: 0px;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: rgb(221, 221, 238); position: relative;
}
.jspDrag {
  background: rgb(221, 221, 221); left: 0px; top: 0px; position: relative; cursor: pointer;
}
.jspHorizontalBar .jspTrack {
  height: 100%; float: left;
}
.jspHorizontalBar .jspDrag {
  height: 100%; float: left;
}
.jspArrow {
  background: rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer;
}
.jspArrow.jspDisabled {
  background: rgb(128, 128, 141); cursor: default;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px; height: 100%; float: left;
}
.jspVerticalBar .jspArrow:focus {
  
}
.jspCorner {
  background: rgb(238, 238, 244); height: 100%; float: left;
}
* html .jspCorner {
  margin: 0px -3px 0px 0px;
}
.jspVerticalBar {
  width: 6px;
}
.jspDrag {
  background: rgb(169, 148, 121); border-radius: 8px;
}
.jspTrack {
  background: rgb(245, 245, 245); border-radius: 8px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: rgb(221, 221, 221); width: 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(51, 51, 51); width: 6px;
}
.gray {
  -webkit-filter: grayscale(100%);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix::after {
  clear: both; display: block; content: "";
}
.footer_b {
  left: 0px; width: 100%; bottom: 0px; position: fixed;
}
.select {
  border: 1px solid rgb(221, 221, 221); border-image: none; width: 210px; height: 30px; text-align: left; color: rgb(112, 112, 112); line-height: 30px; display: inline-block; position: relative; cursor: pointer;
}
.select::before {
  background: url("../image/arrow7.png") no-repeat center; top: 50%; width: 21px; height: 12px; right: 10px; margin-top: -6px; position: absolute; content: "";
}
.select span {
  margin: 0px 10px; display: block;
}
.select ul {
  background: rgb(240, 240, 240); left: -1px; top: 100%; right: -1px; display: none; position: absolute;
}
.select li {
  padding: 0px 20px; line-height: 40px;
}
.checkbox {
  cursor: pointer;
}
.checkbox i {
  border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.checkbox.ckd i::after {
  background: rgb(255, 255, 255); margin: 5px 5px 0px; width: 5px; height: 5px; display: block; content: "";
}
.radio {
  margin-right: 45px; cursor: pointer;
}
.radio i {
  border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.radio.ckd i::after {
  background: rgb(255, 255, 255); margin: 5px 5px 0px; border-radius: 100%; width: 5px; height: 5px; display: block; content: "";
}
body {
  color: rgb(51, 51, 51); line-height: 1.6; font-size: 14px; min-width: 320px;
}
.h {
  line-height: 1.3;
}
.h1 {
  line-height: 1.3;
}
.h2 {
  line-height: 1.3;
}
.h3 {
  line-height: 1.3;
}
.nav_l {
  width: 1200px;
}
.block {
  margin: auto; width: 1400px;
}
.text .p {
  text-align: left; line-height: 1.7;
}
.nav_main_m {
  display: none;
}
.search_m {
  display: none;
}
.scmbtn {
  display: none;
}
.prev {
  cursor: pointer;
}
.next {
  cursor: pointer;
}
.layer {
  background: rgba(0, 0, 0, 0.8); transition:0.3s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: fixed; z-index: 10; opacity: 0; justify-content: center; align-items: center;
}
.layer.showdiv {
  visibility: visible; opacity: 1;
}
.layer .close {
  top: 50px; width: 80px; height: 80px; text-align: center; right: 50px; color: rgb(204, 204, 204); line-height: 80px; font-family: icon; font-size: 60px; position: absolute; cursor: pointer;
}
.layer .search_box {
  width: 550px; height: 45px; line-height: 45px; margin-top: -100px; display: flex; opacity: 0; transform: translateY(-50px);
}
.layer.showdiv .search_box {
  transition:0.5s ease-out; opacity: 1; transform: none;
}
.layer .search_box .kw {
  background: rgb(255, 255, 255); padding: 0px 12px; border-radius: 0px; flex:1 1 0px; font-size: 16px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.5); -webkit-appearance: none; appearance: none;
}
.layer .search_box .ok {
  background: rgb(0, 52,102); border-radius: 0px; width: 120px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.layer .picbox {
  width: 100%; height: 100%; text-align: center;
}
.layer .picbox::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.layer .picbox img {
  width: auto; height: auto; max-height: 80%; max-width: 80%;
}
.layer .picbox video {
  width: 1000px; height: auto; vertical-align: middle; display: inline-block;
}
.layer .leader_box {
  background: rgb(255, 255, 255); width: 1100px; border-top-color: rgb(202, 13, 13); border-top-width: 3px; border-top-style: solid; position: relative;
}
.layer .leader_box .inner {
  padding: 60px;
}
.layer .leader_box .close {
  top: 0px; right: 0px; color: rgb(170, 170, 170); font-size: 30px;
}
.layer .leader_box .t {
  display: flex; align-items: center;
}
.layer .leader_box .pic {
  width: 160px;
}
.layer .leader_box .txt {
  margin-left: 50px;
}
.layer .leader_box .txt .h {
  font-size: 18px;
}
.layer .leader_box .txt .p {
  margin-top: 15px;
}
.layer .leader_box .txt .p span {
  margin-right: 30px;
}
.layer .leader_box .text {
  overflow: hidden; margin-top: 40px; max-height: 300px;
}
.layer .leader_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(202, 13, 13);
}
.layer .leader_box .text p {
  margin-top: 20px;
}
.layer .leader_box .text p:first-child {
  margin-top: 0px;
}
.share-box {
  text-align: center; vertical-align: middle; display: inline-block;
}
.share-box::after {
  clear: both; display: table; content: "";
}
.share-box .share-item {
  border-radius: 50%; float: left; position: relative; cursor: pointer;
}
.share-box a.share-item {
  margin: 0px; height: auto; line-height: inherit; padding-left: 0px; font-size: inherit; background-image: none;
}
.share-box .share-item::after {
  color: rgb(255, 255, 255) !important; font-family: "icon" !important; font-style: normal; vertical-align: top; display: inline-block; content: ""; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
}
.share-box .icon-wchat::after {
  font-size: 1.05em; margin-top: 0.05em; content: "\e603";
}
.share-box .icon-qq::after {
  content: "\e606";
}
.share-box .icon-qzone::after {
  content: "\e60a";
}
.share-box .icon-sinawb::after {
  content: "\e605";
}
.share-box .icon-txwb::after {
  content: "\e609";
}
.share-label {
  display: inline-block;
}
.share-item .code {
  padding: 10px; border-radius: 5px; transition:0.2s ease-out; left: 50%; width: 140px; bottom: 100%; margin-top: 15px; margin-bottom: 10px; margin-left: -70px; visibility: hidden; position: absolute; box-sizing: border-box; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(-10px); background-color: rgb(255, 255, 255);
}
.share-item .code::after {
  border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; font-size: 0px; margin-left: -8px; position: absolute; content: "";
}
.share-item .code > img {
  width: 100%; display: block;
}
.share-item:hover .code {
  visibility: visible; opacity: 1; transform: none;
}
.share-box a.share-item {
  width: 32px; height: 32px; line-height: 32px; font-size: 20px; margin-left: 3px;
}
.share-box a.share-item.icon-sinawb {
  font-size: 23px;
}
.share-box a.share-item:hover {
  z-index: 1; opacity: 1;
}
#bdshare_weixin_qrcode_dialog {
  box-sizing: content-box; -webkit-box-sizing: content-box;
}
.pd120 {
  padding-top: 120px; padding-bottom: 120px;
}
.pdt120 {
  padding-top: 120px;
}
.pdb120 {
  padding-bottom: 120px;
}
.pd110 {
  padding-top: 110px; padding-bottom: 110px;
}
.pdt110 {
  padding-top: 110px;
}
.pdb110 {
  padding-bottom: 110px;
}
.imgzoom .pic {
  overflow: hidden;
}
.imgzoom .pic img {
  transition:0.4s ease-out;
}
.imgzoom:hover .pic img {
  transform: scale(1.05);
}
.fz48 {
  line-height: 1.3; font-size: 48px;
}
.fz40 {
  line-height: 1.3; font-size: 40px;
}
.fz30 {
  line-height: 1.3; font-size: 30px;
}
.fz24 {
  line-height: 1.3; font-size: 24px;
}
.fz20 {
  line-height: 1.3; font-size: 20px;
}
.title {
  text-align: center;
}
.title .p {
  margin-top: 10px;
}
.title .more {
  margin-top: 10px;
}
.more {
  color: rgb(0, 52,102); line-height: 45px; display: inline-block;
}
.more i {
  background: url("../image/more1.svg") no-repeat center / contain; width: 45px; height: 45px; margin-right: 15px; float: left;
}
.more i::before {
  background: url("../image/more1a.svg") no-repeat center / contain; transition:0.2s ease-out; width: 100%; height: 100%; display: block; content: ""; opacity: 0;
}
.more:hover i::before {
  opacity: 1;
}
.more2 {
  color: rgb(0, 52,102); line-height: 45px; display: inline-block;
}
.more2 i {
  background: url("../image/more1.svg") no-repeat center / contain; width: 45px; height: 45px; margin-right: 20px; float: left;
}
.more2 i::before {
  background: url("../image/more1a.svg") no-repeat center / contain; transition:0.2s ease-out; width: 100%; height: 100%; display: block; content: ""; opacity: 0;
}
.more2:hover i::before {
  opacity: 1;
}
.more2.b i {
  background-image: url("../image/more2.png"); background-size: contain;
}
.more2.b i::before {
  background-image: url("../image/more2a.png");
}
.more2.c i {
  background-image: url("../image/more3.png"); background-size: contain;
}
.more2.c i::before {
  background-image: url("../image/more3a.png");
}
.pages {
  text-align: center; margin-top: 20px;

}

.pages{
    padding: 0 0;
}
.pages, 
.pages div{    
    font-size: 14px !important;
}
.pages .Prev,
.pages .PrevDisabled,
.pages .this-page,
.pages .NextDisabled,
.pages #gotopagebut,
.pages a:link,
.pages .Next{
  
  margin: 0px 3px; 
  padding: 0px 8px; 
  border-radius: 3px; 
  border: 1px solid rgb(221, 221, 221); 
  border-image: none; 
  height: 33px; 
  line-height: 28px; 
  font-family: Arial; font-size: 15px; vertical-align: middle; display: inline-block; min-width: 18px;
  background: rgb(0, 52,102);
  color:white;
  text-decoration:none
}
#gotopagebut{
    width:36px;
    height:36px;
}
.pages .defaultInputStyle{
    width:34px;
    height:34px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin: 0 4px !important;
   
}
.pages .this-page{
    background: rgb(0, 52,102); border-color: rgb(0, 52,102); color: rgb(255, 255, 255);
}

.links a {
  padding-left: 20px; position: relative; box-sizing: border-box;
}
.links a::before {
  left: 0px; top: 0px; color: rgb(0, 52,102); font-family: icon; margin-right: 10px; position: absolute; content: "\e76c";
}
.links a:hover::before {
  animation:arr 0.6s ease-out infinite;
}
.position {
  line-height: 50px;
}
.position a {
  margin: 0px 10px;
}
.position a:first-child {
  margin-left: 0px;
}
body {
  display: flex; flex-direction: column;
}
.body {
  background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.body.page {
  padding-top: 130px;
}
.home {
  left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.home body {
  padding: 0px;
  height: 100%;
  overflow: hidden;
  }
}
.scroll{
    background:#f4f6f6 url(../images/bgc.png) center top no-repeat!important;
}
.scroll img.img1{margin-top: 130px;}
.body_home {
  background: rgb(0, 0, 0); height: 100%; overflow: hidden;
}
.body_r {
  transition:left 1.3s cubic-bezier(0.5, 0, 0.2, 1); left: 100%; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: fixed; z-index: 1;
}
.body_r.dis * {
  background: none !important;
}
.body_r.showdiv {
  left: 0px;
}
.body_r .body_scroll {
  height: 100%; overflow: hidden; position: relative;
}
.body_r .ll {
  background: url("../image/png13.png") no-repeat right 30px center; transition:0.3s ease-out; left: 0px; top: 50%; width: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; padding-left: 40px; font-size: 20px; visibility: hidden; position: absolute; cursor: pointer; opacity: 0; transform: translateY(-50%);
}
.body_r .ll:hover {
  padding-left: 50px;
}
.body_r .ll.w {
  color: rgb(88, 69, 59); background-image: url("../image/png13a.png");
}
.body_r.showdiv .ll {
  visibility: visible; opacity: 1;
}
.body_r .arr {
  transition:0.5s ease-out 0.5s; top: 50%; right: 10px; color: rgb(255, 255, 255); font-family: icon; font-size: 80px; position: absolute; cursor: pointer; opacity: 0; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); transform: translateY(-50%);
}
.body_r.showdiv .arr {
  opacity: 1;
}
.body_r .arr.h {
  display: none;
}
.screen {
  height: 100%; float: left; position: relative;
}
.screen .title {
  color: rgb(255, 255, 255); line-height: 1.1; display: flex; align-items: center;
}
.screen .title .fz40 {
  width: 40px; white-space: normal;
}
.screen .title .p {
  width: 18px; font-size: 18px; margin-left: 25px; -ms-word-wrap: break-word;
}
.body_r .menu {
  background: rgb(255, 255, 255); border-radius: 100%; transition:0.3s ease-out; top: 40px; width: 50px; height: 50px; right: 40px; position: absolute; z-index: 2; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.body_r .menu:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.body_r .menu .inner {
  top: 15px; width: 50%; right: 25%; position: absolute;
}
.body_r .menu i {
  background: rgb(51, 51, 51); border-radius: 2px; transition:0.2s ease-out; height: 2px; -webkit-transition: all 0.2s ease-out 0s;
}
.body_r .menu i:nth-child(1) {
  top: 0px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(2) {
  top: 9px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(3) {
  top: 18px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu.act i:nth-child(1) {
  transform: translate(0px, 9px) rotate(45deg);
}
.body_r .menu.act i:nth-child(2) {
  opacity: 0;
}
.body_r .menu.act i:nth-child(3) {
  transform: translate(0px, -9px) rotate(-45deg);
}
.body_r .navg {
  transition:0.5s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: scale(1.1);
}
.body_r .navg .logo {
  width: 200px;
}
.body_r .navg.showdiv {
  visibility: visible; opacity: 1; transform: none;
}
.body_r .navg > div {
  flex:1 1 0px;
}
.body_r .navg .l {
  background: rgb(255, 255, 255); position: relative;
}
.body_r .navg .l .inner {
  left: 50%; top: 50%; position: absolute; transform: translate(-55%, -50%);
}
.body_r .navg .l .list {
  margin-top: 50px;
}
.body_r .navg .l .item {
  width: 140px; height: 46px; line-height: 46px; font-size: 16px; position: relative;
}
.body_r .navg .l .item::before {
  transition:0.5s ease-out; left: 0px; width: 0px; bottom: 0px; border-top-color: rgb(0, 52,102); border-top-width: 2px; border-top-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item::after {
  left: 100%; height: 0px; bottom: 0px; border-right-color: rgb(0, 52,102); border-right-width: 2px; border-right-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item:hover::before {
  width: 100%;
}
.body_r .navg .l .item:hover::after {
  transition:0.5s ease-out 0.5s; height: 20px; bottom: -9px;
}
.body_r .navg .l .item ul {
  transition:0.5s ease-out; left: 100%; top: 0px; line-height: 40px; visibility: hidden; position: absolute; opacity: 0;
}
.body_r .navg .l .item:hover ul {
  visibility: visible; opacity: 1;
}
.body_r .navg .l .item li {
  transition:0.3s ease-out; padding-left: 20px; white-space: nowrap;
}
.body_r .navg .l .item li:hover {
  padding-left: 30px;
}
.body_r .navg .l .item a:hover {
  color: rgb(0, 52,102);
}
.body_r .navg .l .tools {
  margin-top: 45px; display: flex; align-items: center;
}
.body_r .navg .l .tools .a {
  border-radius: 100%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 40px; height: 40px; line-height: 40px; margin-right: 20px; position: relative;
}
.body_r .navg .l .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.body_r .navg .l .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.body_r .navg .l .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.body_r .navg .l .tools .share-box {
  float: left;
}
.body_r .navg .l .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.body_r .navg .r {
  background: url("../image/pic39.jpg") no-repeat center / cover;
}
.foot4 {width: 100%; text-align: center;position: relative;background: url(../images/foot-bg3.png) no-repeat top center;background-size: 100%;}
.foot4 img {
      margin-top: 200px;
      z-index: -999;
}
.foot5 {
      width: 100%;
      text-align: center;
      position: relative;
      background: #00264d;
}
.foot5 img {
  /* width:100%; */
}
.bgc {
  margin: auto;
  width: 1300px;
  left: 0;
  z-index: -1;
  height: 3008px;
  position: absolute;
  right: 0;
}
.bgc img {
  width:100%;
  height: 2968px;
}
.body_b.showdiv {
  top: 0px;
}
.body_b .mCSB_scrollTools {
  width: 5px; z-index: 4;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(0, 52,102); width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0.1);
}
.header.showdiv {
  opacity: 1; transform: none;
}
.header .d1 {
  background: rgb(0, 52,102); transition:0.2s ease-out; height: 45px; color: rgb(255, 255,255); line-height: 45px; overflow: hidden; font-size: 14px;
}
.header.lit .d1 {
  height: 0px;
}
.header .d1 .nav_l i {
  margin: 0px 18px;
  *+margin: 3px 18px;
  margin: 3px 18px\0;
  font-size: 16px;
  font-weight: 100;
  opacity: 0.6;
}
.header .d1 .nav_l a {
  line-height: 1;
  display: inline-block;
  font-weight: 100;
  font-size: 14px;
  color: #fff;
}
.header .d1 .nav_l a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_l a.now {
  color: rgb(255, 255, 255);
}
.header .d1 .nav_l a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_l a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a {
  margin-left: 30px;
}
.header .d1 .nav_r a {
  line-height: 1; display: inline-block;
}
.header .d1 .nav_r a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_r a.now {
  color: rgb(255, 255, 255);
}
.header .d1 .nav_r a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); transition:0.3s ease-out; height: 85px;
}
.header .d2 .block .nav_main{position: absolute; top: 0; right: 0;}
.header .block {
  height: 100%;
  display: flex;
  width: 1200px;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.header .logo {
  width: 200px; height: 100%;
}
.header .logo a {
  height: 100%;
  font-size: 0px;
  display: block;
}
.header .logo a::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header .nav_main {
  text-align: center;
  font-size: 18px;
}
.header .nav_main .stair{
  margin: 10px 0;
  display: block;
  position: relative;
  margin-bottom: 0px;
  width: 124px;
  line-height:60px;
  height:75px;  
  float: left;
}
.header .nav_main .stair a.stair_title{
  margin: 0;
  display: block;
  width: 100%;
}
.header .nav_main .stair .item{
  display: none;
  transition:0.2s ease-out;
  background-color: #003466;
  padding: 10px 0;
  width: 100%;
  opacity: 0;
  font-size: 16px;
  line-height: 25px;
}
.header .nav_main .stair .item a.second{
  color: #FFFFFF;
  padding: 5px 0;
  margin: 0;
  width: 100%;
}
.header .nav_main .stair .item a.second:hover{
  background-color: rgb(91, 117, 163);
}
.header .nav_main .stair:hover .item{
  display: block;
  transition:0.2s ease-out; 
  opacity: 1;
}
.header .nav_main .stair:hover a.stair_title{
    transition: 0.2s ease-out;
    height:75px;
  background:#e57b12;
  color:#fff;
}


.header .nav_main a.hover::before {
  transform: none;
}
.header .nav_main a.now::after {
  transform: none;
}
.header .nav_main a.hover::after {
  transform: none;
}
.header .tools {
  color: rgb(255, 255, 255); display: flex; align-items: center;
}
.header .tools .a {
  border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 34px; height: 34px; line-height: 34px; margin-left: 20px; position: relative;
}
.header .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.header .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.header .tools .share-box {
  float: left;
}
.header .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header .tools .search {
  background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header .tools .search.s {
  visibility: visible; opacity: 1;
}
.header .tools .search .kw {
  margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header .tools .search .ok {
  width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}

.nav_child .item {transition:0.2s ease-out;background-color:rgba(0,52,102,1);background: url("../image/png96.png") no-repeat bottom / color: rgb(255, 255, 255);padding: 0px;top: 80px;/* margin-left: 10px; */width: 100px;border-top-color: rgb(0, 52,102);border-top-width: 2px;border-top-style: solid;display: flex;visibility: hidden;position: absolute;opacity: 0;}
.nav_child .item2 {
   margin-left:20px;
   left: 1083px !important;
}
.nav_child .itemx {
   margin-left: 25px !important;
   left: 1083px !important;
}
.nav_child .item .qqq {
    margin:0 auto;
    color: rgb(255, 255, 255);
    text-align: center !important;
    font-size: 16px;
    padding: 10px 0;
}
.nav_child .item .qqq a {
    display: block;
    font-weight: 100;
    padding:5px 0;
}
.nav_child .item .qqq a:hover {
    background:rgb(91, 117, 163);
    width:100px;
}
.nav_child .item.s {
  transition:opacity 0.2s ease-out; visibility: visible; opacity: 1;
}
.nav_child .item .l {
  width: 45%; display: flex;
}
.nav_child .item .l .pic {
  width: 142px;
}
.nav_child .item .l .pic img {
  width: 100%; height: auto;
}
.nav_child .item .l .txt {
  flex:1 1 0px; color: rgb(0, 52,102); line-height: 2.2; padding-left: 30px; font-size: 16px;
}
.nav_child .item .r {
  width: 55%; font-size: 0px;
}
.nav_child .item .r a {
  width: 33.33%; font-size: 18px; margin-top: 10px; display: inline-block;
}
.nav_child .item .r a:hover {
  color: rgb(0, 52,102);
}
.header.light {
  opacity: 1; transform: none;
}
.header.light .d2 {
  background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.header.light .tools {
  color: rgb(51, 51, 51);
}
.header.light .tools .a {
  border-color: rgb(204, 204, 204);
}
.header.light .nav_main a {
  color: rgb(51, 51, 51);
}
.header.light .nav_main a::after {
  border-color: rgb(0, 52,102);
}
.header.light .nav_main a::before {
  border-color: rgb(0, 52,102);
}
.header2.showdiv {
  opacity: 1; transform: none;
}
.header2 .d1 {
  background: rgb(0, 52,102); transition:0.2s ease-out; height: 45px; color: rgb(255, 255,255); line-height: 45px; overflow: hidden; font-size: 14px;
}
.header2.lit .d1 {
  height: 0px;
}
.header2 .d1 .nav_l i {
  margin: 0px 18px;
  font-size: 12px;
}
.header2 .d1 .nav_l a {
  line-height: 1; display: inline-block;
  color: #fff;
}
.header2 .d1 .nav_l a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_l a.now {
  color: rgb(255, 255, 255);
}
.header2 .d1 .nav_l a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_l a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a {
  margin-left: 30px;
}
.header2 .d1 .nav_r a {
  line-height: 1; display: inline-block;
}
.header2 .d1 .nav_r a::before {
  transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(255, 255,255); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_r a.now {
  color: rgb(255, 255, 255);
}
.header2 .d1 .nav_r a.now::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a:hover::before {
  border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d2 {
  background: rgb(255, 255, 255);
  transition:0.3s ease-out;
  height: 85px;
}
.header2 .d2 .block .nav_main{position: absolute; top: 0; right: 0;}
.header2 .block {
  height: 100%;
  width: 1200px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.header2 .logo {
  width: 200px;
  height: 100%;
  margin-left: -10px;
}
.header2 .logo a {
  height: 100%; font-size: 0px; display: block;
}
.header2 .logo a::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header2 .nav_main {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  bottom: 0px;
  line-height: 65px;
  height: 85px;
  color: #003466;
}
.header2 .nav_main .stair{
  margin: 10px 0;
  display: block;
  position: relative;
  margin-bottom: 0px;
  width: 124px;
  float: left;
}
.header2 .nav_main .stair a.stair_title{
  margin: 0;
  display: block;
  width: 100%;
}
.header2 .nav_main .stair .item{
  display: none;
  transition:0.2s ease-out;
  background-color: #003466;
  padding: 10px 0;
  width: 100%;
  opacity: 0;
  font-size: 16px;
  line-height: 25px;
}
.header2 .nav_main .stair .item a.second{
  color: #FFFFFF;
  padding: 5px 0;
  margin: 0;
  width: 100%;
}
.header2 .nav_main .stair .item a.second:hover{
  background-color: rgb(91, 117, 163);
}
.header2 .nav_main .stair:hover .item{
  display: block;
  transition:0.2s ease-out; 
  opacity: 1;
}
.header2 .nav_main .stair:hover a.stair_title{
    transition: 0.2s ease-out;
    height:75px;
  background:#e57b12;
  color:#fff;
}
.header2 .nav_main a.hover::before {
  transform: none;
}
.header2 .nav_main a.hover::after {
  transform: none;
}
.header2 .nav_main a.now::after {
  transform: none;
}
.header2 .tools {
  display: flex; align-items: center;
}
.header2 .tools .a {
  border-radius: 100%; border: 1px solid rgb(51, 51, 51); border-image: none; width: 36px; height: 36px; line-height: 36px; margin-left: 20px; position: relative;
}
.header2 .tools .a > a {
  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header2 .tools .sc a::after {
  font-family: icon; font-size: 20px; content: "\e672";
}
.header2 .tools .log i::after {
  font-family: icon; font-size: 20px; content: "\e601";
}
.header2 .tools .share-box {
  float: left;
}
.header2 .tools .lang {
  text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header2 .tools .search {
  background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header2 .tools .search.s {
  visibility: visible; opacity: 1;
}
.header2 .tools .search .kw {
  margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header2 .tools .search .ok {
  width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}
.nav_mobile {
  display: none;
}
.body_home .banner .child {
  background-position: center; height: 100%; color: rgb(255, 255, 255); overflow: hidden; position: relative; background-size: cover; background-color: rgb(0, 0, 0);
}
.body_home .banner .child::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); left: 0px; height: 80px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.body_home .banner .child .fz30 {
  left: 0px; right: 380px; bottom: 50px; line-height: 1; padding-left: 40px; position: absolute;
}
.body_home .banner .child .a1 {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.body_home .banner .child .a2 {
  width: 80px; height: 60px; text-align: center; right: 15px; bottom: 35px; line-height: 60px; font-size: 24px; position: absolute;
}
.body_home .banner .child .a2::after {
  font-family: icon; vertical-align: middle; display: inline-block; content: "\e76c";
}
.body_home .banner .text {
  left: 50%; top: 50%; width: 50%; text-align: center; position: absolute; opacity: 0; transform: translate(-50%, -50%) scale(0.8);
}
.body_home .banner .showdiv .text {
  transition:2s ease-out 0.5s; opacity: 1; transform: translate(-50%, -50%) scale(1);
}
.body_home .banner .navg {
  text-align: center; right: 100px; bottom: 50px; color: rgb(255, 255, 255); line-height: 1; position: absolute; width: 210px; overflow: hidden;
}
.body_home .banner .navg li {
  margin: 0px 10px; font-family: Arial; vertical-align: middle; display: inline-block; cursor: pointer; font-size: 22px; width: 13px; float: left;
}
.body_home .banner .navg li.slick-active {
  font-size: 22px; color:#003466;font-weight:bold;
}
.body_home .banner .navg li::after {
  transition:0.5s ease-out; width: 0px; margin-left: 5px; vertical-align: middle; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; display: inline-block; content: "";
}
.body_home .banner .navg li.slick-active::after {
  /* width: 60px; */
}
.body_home .banner .tit {
  background: rgba(0, 0, 0, 0.5); left: 50px; height: 80px; right: 50px; bottom: 60px; color: rgb(255, 255, 255); line-height: 80px; display: -ms-flexbox; position: absolute; justify-content: space-between;
}
.body_home .bb{position:absolute;left:50%;bottom:0;text-align:center;transform:translateX(-50%);color:#003466;font-size:36px;cursor: pointer;opacity:0;font-family:icon;padding:0 10px;animation:bb 2s linear 0s infinite;font-weight:bold;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}
.body_home.showdiv .bb{opacity:1;}
.body_home .bb:hover{animation-play-state:paused;color: #fff;}
.rr {
  background: url("../image/png27.png") no-repeat center; transform-origin: right center; top: 50%; width: 82px; height: 170px; right: 0px; color: rgb(255, 255, 255); margin-top: -85px; position: fixed; z-index: 2; cursor: pointer; opacity: 0; transform: scale(0);
}
.rr.showdiv {
  transition:1s ease-out 0.5s; opacity: 1; transform: none;
}
.rr::before {
  background: url("../image/png21.png") no-repeat center; transition:1.5s ease-out 1.8s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr::after {
  background: url("../image/png22.png") no-repeat center; transition:1.5s ease-out 2.6s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr i {
  background: url("../image/png23.png") no-repeat center; width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.rr.showdiv i {
  transition:1s ease-out 4.5s; margin-left: 40px; opacity: 1;
}
.rr.showdiv::before {
  content: ""; opacity: 1; transform: none;
}
.rr.showdiv::after {
  content: ""; opacity: 1; transform: none;
}
.nav_b {
  transition:0.6s ease-out; left: 0px; text-align: center; right: 0px; bottom: 30px; color: rgb(255, 255, 255); display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: translateY(50px); justify-content: center; align-items: center;
}
.nav_b.showdiv {
  visibility: visible; opacity: 1; transform: translateY(0px);
}
.nav_b .l {
  background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .r {
  background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .list {
  margin: 0px 50px; display: flex;
}
.nav_b .list .item {
  background: url("../image/png2.png") no-repeat top; width: 240px; cursor: pointer;
}
.nav_b .list .item span {
  line-height: 1; padding-top: 30px; display: inline-block; position: relative;
}
.nav_b .list :first-child.item {
  background-position: -119px top; width: 121px; text-align: left;
}
.nav_b .list :first-child.item span {
  transform: translateX(-50%);
}
.nav_b .list :last-child.item {
  background-position: left top; width: 120px; text-align: right;
}
.nav_b .list :last-child.item span {
  transform: translateX(50%);
}
.nav_b .list .item span::before {
  background: url("../image/png34.png") no-repeat center; transition:0.5s ease-out; left: 50%; top: 9px; width: 20px; height: 20px; margin-left: -10px; position: absolute; content: ""; transform: scale(0);
}
.nav_b .list .item.now span::before {
  transform: none;
}
.nav_b.w .l {
  background-image: url("../image/png3a.png");
}
.nav_b.w .r {
  background-image: url("../image/png3a.png");
}
.nav_b.w .list .item {
  background-image: url("../image/png2a.png");
}
.nav_b.w {
  color: rgb(88, 69, 59);
}
.home1 {
  background: rgb(76, 101, 147);
}
.home1 .title {
  background: url("../image/pic4.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home1 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home1.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home1 .content {
  background: url("../image/bg2.jpg") no-repeat center / cover; top: 0px; width: 80%; right: 0px; bottom: 0px; position: absolute;
}
.home1 .tr {
  height: 25%; display: flex;
}
.home1 .tr .td {
  transition:1s ease-out; flex:1 1 0px; text-align: center; color: rgb(255, 255, 255); opacity: 0; transform: scaleX(0);
}
.home1.showdiv .tr .td {
  opacity: 1; transform: none;
}
.home1 .tr .td .inner {
  transition:3s cubic-bezier(0.3, 0, 0.7, 1); height: 100%; display: flex; transform: rotateY(-180deg); backface-visibility: hidden; flex-direction: column; justify-content: center; align-items: center;
}
.home1.showdiv .tr .td .inner {
  transform: none;
}
.home1 .tr .td strong {
  line-height: 1; font-family: Impact; font-size: 60px; display: flex; perspective: 10vw; justify-content: center;
}
.home1.showdiv .tr .td.s strong i {
  animation:td1 2.5s ease-in-out both; display: block; transform-style: preserve-3d;
}
.home1 .tr .td.s strong i:nth-child(2) {
  animation-delay: 0.2s;
}
.home1 .tr .td.s strong i:nth-child(3) {
  animation-delay: 0.4s;
}
.home1 .tr .td.s strong i:nth-child(4) {
  animation-delay: 0.6s;
}
.home1 .tr .td span {
  font-size: 18px;
}
.home1 .tr .td1 {
  background: rgb(103, 128, 173);
}
.home1 .tr .td2 {
  background: rgb(75, 102, 149);
}
.home1 .tr .td3 {
  background: rgb(56, 82, 132);
}
.home1 .tr .td4 {
  background: rgb(68, 93, 140);
}
.home1 .tr .td5 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td6 {
  background: rgb(64, 90, 137);
}
.home1 .tr .td7 {
  background: rgb(75, 102, 149);
}
.home1 .tr .td8 {
  background: rgb(87, 114, 161);
}
.home1 .tr .td9 {
  background: rgba(12, 38, 90, 0.3);
}
.home1.showdiv .tr .td9 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td10 {
  background: rgb(47, 73, 122);
}
.home1 .tr .td11 {
  background: rgb(58, 87, 138);
}
.home1 .tr .td12 {
  background: rgba(12, 38, 90, 0.3);
}
.home1.showdiv .tr .td12 {
  animation:td 3s ease-out infinite;
}
.home1 .tr .td13 {
  background: rgba(12, 38, 80, 0.3);
}
.home1.showdiv .tr .td13 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td14 {
  background: rgb(103, 128, 173);
}
.home1 .tr .td15 {
  background: rgb(53, 80, 129);
}
.home1 .tr .td16 {
  background: rgba(58, 90, 140, 0.15);
}
.home1.showdiv .tr .td16 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td17 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td18 {
  background: rgb(47, 73, 122);
}
.home1 .tr .td19 {
  background: rgb(91, 117, 163);
}
.home1 .tr .td20 {
  background: rgb(49, 75, 125);
}
.home1 .tr .td21 {
  background: rgb(70, 97, 147);
}
.home1 .tr .td22 {
  background: rgba(15, 50, 110, 0.3);
}
.home1.showdiv .tr .td22 {
  animation:td 4s ease-out infinite;
}
.home1 .tr .td23 {
  background: rgb(68, 93, 140);
}
.home1 .tr .td24 {
  background: rgb(57, 84, 134);
}
.home2 {
  background: rgb(255, 255, 255);
}
.home2 .bg {
  background: url("../image/bg3.jpg") no-repeat center; transition:3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; transform: translateX(50px);
}
.home2.showdiv .bg {
  opacity: 1; transform: none;
}
.home2 .title {
  left: 0px; top: 0px; width: 25%; bottom: 0px; color: rgb(51, 51, 51); position: absolute; background-size: cover;
}
.home2 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home2.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home2 .list {
  left: 25%; top: 50%; width: 25%; text-align: left; color: rgb(61, 47, 40); padding-top: 13px; margin-top: -50px; position: absolute; opacity: 0; transform: translateY(-50%);
}
.home2 .list .inner {
  height: 415px; font-size: 0px; white-space: nowrap;
}
.home2.showdiv .list {
  transition:margin 1s ease-out 1.2s, opacity 1s ease-out 1.2s; margin-top: 0px; opacity: 1;
}
.home2 .list .item {
  padding: 0px 15px; height: 100%; display: inline-block; white-space: normal; position: relative; cursor: pointer; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.home2 .list :first-child.item {
  margin-left: 0px;
}
.home2 .list .item .h {
  line-height: 1; font-size: 20px; opacity: 0.5;
}
.home2 .list .item.now .h {
  opacity: 1;
}
.home2 .list .item .p {
  font-size: 14px; margin-left: 20px; display: none;
}
.home2 .list .item.now .p {
  display: block;
}
.home2 .pic {
  left: 50%; top: 50%; width: 670px; height: 540px; margin-left: 40px; position: absolute; max-width: 45%; transform: translateY(-50%);
}
.home2 .pic .d {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.home2 .pic .d.s {
  opacity: 1;
}
.home2 .pic .p1 {
  left: 0px; width: 50%; bottom: 0px; position: absolute; opacity: 0; transform: translate(-30px, 30px);
}
.home2 .pic .p2 {
  top: 0px; width: 80%; right: 0px; position: absolute; opacity: 0; transform: translate(30px, -30px);
}
.home2 .pic .more {
  right: 0px; bottom: 0px; position: absolute; opacity: 0;
}
.home2.showdiv .pic .p1 {
  transition:1s ease-out 1.2s; opacity: 1; transform: none;
}
.home2.showdiv .pic .p2 {
  transition:1s ease-out 1.2s; opacity: 1; transform: none;
}
.home2.showdiv .pic .more {
  transition:1s ease-out 1.2s; opacity: 1;
}
.home2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: url("../image/png10.png") no-repeat center; width: 40px; height: 40px; margin-top: -12px;
}
.home2 .mCSB_scrollTools .mCSB_draggerRail {
  background: rgb(123, 98, 94); height: 1px;
}
.home2 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top: -28px; bottom: auto;
}
.home3 .title {
  background: url("../image/pic3.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home3 .title .inner {
  transition:1s ease-out; width: 100%; height: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home3.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home3 .title .fz40 {
  margin: 0px 10px; cursor: pointer;
}
.home3 .title .fz40 a {
  background: url("../image/png5.png") no-repeat bottom; width: 27px; padding-bottom: 70px; font-size: 16px; margin-top: 20px; display: none;
}
.home3 .title .fz40.now a {
  display: inline-block;
}
.home3 .div {
  background: rgb(102, 88, 85); left: 20%; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home3 .list {
  padding: 0px 50px; left: 0px; top: 0px; height: 100%; right: 0px; display: flex; position: absolute; pointer-events: none;
}
.home3 .list.act {
  pointer-events: auto;
}
.home3 .item {
  background: url("../image/bg10.png") no-repeat right bottom / contain; margin: 0px 20px; flex:1 1 0px; border-right-color: rgb(116, 101, 98); border-left-color: rgb(116, 101, 98); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; opacity: 0; transform: translateY(50px);
}
.home3.showdiv .act .item {
  transition:1s ease-out; opacity: 1; transform: none;
}
.home3.showdiv .act :nth-child(2).item {
  transition-delay: 0.2s; background-image: url("../image/bg11.png");
}
.home3.showdiv .act :nth-child(3).item {
  transition-delay: 0.4s; background-image: url("../image/bg12.png");
}
.home3.showdiv .act :nth-child(4).item {
  transition-delay: 0.6s; background-image: url("../image/bg13.png");
}
.home3 .item .inner {
  transition:0.3s ease-out; height: 100%; display: flex; flex-direction: column; justify-content: center;
}
.home3 .item:hover .inner {
  background: rgb(116, 101, 98);
}
.home3 .item .pic {
  width: 100%; height: 45%; overflow: hidden;
}
.home3 .item .pic .img {
  background-position: center; transition:0.6s ease-out; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;
}
.home3 .item:hover .pic .img {
  transform: scale(1.05);
}
.home3 .item .text {
  padding: 40px 30px; color: rgb(255, 255, 255); display: flex; position: relative; flex-direction: row-reverse;
}
.home3 .item .text .h {
  width: 24px; line-height: 1.1; font-size: 24px;
}
.home3 .item .text .p {
  height: 240px; margin-right: 25px; -ms-writing-mode: tb-rl;
}
.home3 .item .text .more1 {
  background: url("../image/png11.png") no-repeat bottom; transition:0.2s ease-out; left: 40px; width: 20px; text-align: center; right: 30px; line-height: 1; padding-bottom: 50px; display: block; position: absolute;
}
.home3 .item .text .more1:hover {
  transform: translateY(10px);
}
.home4 .title {
  background: url("../image/pic9.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 20%; bottom: 0px; position: absolute;
}
.home4 .title .inner {
  transition:1s ease-out; width: 100%; display: flex; opacity: 0; transform: scale(0.9); justify-content: center; align-items: center;
}
.home4.showdiv .title .inner {
  opacity: 1; transform: scale(1);
}
.home4 .content {
  background: url("../image/bg7.jpg") center; left: 20%; top: 0px; right: 0px; bottom: 0px; border-left-color: rgb(67, 59, 59); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.home4 .content .d {
  transition:1s ease-out; opacity: 0;
}
.home4.showdiv .content .d {
  opacity: 1;
}
.home4 .content .d .pic {
  overflow: hidden;
}
.home4 .content .d .pic span {
  transition:1.8s ease-out; height: 100%; display: block; transform: scale(1.2);
}
.home4.showdiv .content .d .pic span {
  transform: none;
}
.home4 .content .tit {
  font-size: 24px;
}
.home4 .content .tit a {
  height: 100%; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center;
}
.home4 .content .tit a:hover {
  color: rgb(205, 177, 177);
}
.home4 .content .d1 {
  left: 0px; top: 0px; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d1 .pic {
  height: 100%;
}
.home4 .content .d1 .pic span {
  background: url("../image/pic32.jpg") no-repeat center / cover;
}
.home4 .content .d1 .tit {
  background: url("../image/png19.png"); width: 50%; height: 50%; right: 0px; bottom: 0px; position: absolute;
}
.home4 .content .d2 {
  left: 40%; top: 0px; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d2 .pic {
  top: 0px; width: 50%; height: 100%; right: 0px; position: absolute;
}
.home4 .content .d2 .pic span {
  background: url("../image/pic36.jpg") no-repeat center / cover;
}
.home4 .content .d2 .tit {
  background: rgba(0, 0, 0, 0.2); left: 0px; width: 50%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d3 {
  left: 80%; top: 0px; width: 20%; height: 50%; position: absolute;
}
.home4 .content .d3 .pic {
  left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d3 .pic span {
  background: url("../image/pic37.jpg") no-repeat center / cover;
}
.home4 .content .d4 {
  left: 0px; top: 50%; width: 20%; height: 50%; position: absolute;
}
.home4 .content .d4 .tit {
  background: rgba(0, 0, 0, 0.2); left: 0px; top: 0px; width: 100%; height: 50%; position: absolute;
}
.home4 .content .d4 .pic {
  left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d4 .pic span {
  background: url("../image/pic38.jpg") no-repeat center / cover;
}
.home4 .content .d5 {
  left: 20%; top: 50%; width: 40%; height: 50%; position: absolute;
}
.home4 .content .d5 .pic {
  height: 100%;
}
.home4 .content .d5 .pic span {
  background: url("../image/pic33.jpg") no-repeat center / cover;
}
.home4 .content .d5 .tit {
  background: url("../image/png19.png"); left: 0px; width: 50%; height: 50%; bottom: 0px; position: absolute;
}
.home4 .content .d6 {
  left: 60%; top: 50%; width: 40%; height: 25%; position: absolute;
}
.home4 .content .d6 .pic {
  height: 100%;
}
.home4 .content .d6 .pic span {
  background: url("../image/pic35.jpg") no-repeat center / cover;
}
.home4 .content .d6 .tit {
  background: url("../image/png19.png"); left: 0px; top: 0px; width: 50%; height: 100%; position: absolute;
}
.home4 .content .d7 {
  left: 60%; top: 75%; width: 40%; height: 25%; position: absolute;
}
.home4 .content .d7 .pic {
  left: 0px; width: 50%; height: 100%; bottom: 0px; position: absolute;
}
.home4 .content .d7 .pic span {
  background: url("../image/pic34.jpg") no-repeat center / cover;
}
.home4 .rb {
  background: rgb(0, 52,102); border-radius: 100%; transition:1s ease-out 0.5s; top: 50%; width: 170px; height: 170px; right: -85px; color: rgb(255, 255, 255); margin-top: -85px; position: absolute; cursor: pointer; opacity: 0; transform: scale(0);
}
.home4.showdiv .rb {
  right: -85px; opacity: 1; transform: none;
}
.home4 .rb::before {
  background: url("../image/png25.png") no-repeat center; transition:1s ease-out 1.6s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(0.6);
}
.home4 .rb::after {
  background: url("../image/png26.png") no-repeat center; transition:1s ease-out 2.8s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(0.6);
}
.home4 .rb i {
  background: url("../image/png24.png") no-repeat center; width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.home4.showdiv .rb i {
  transition:1s ease-out 4s; margin-left: 40px; opacity: 1;
}
.home4.showdiv .rb::before {
  content: ""; opacity: 1; transform: none;
}
.home4.showdiv .rb::after {
  content: ""; opacity: 1; transform: none;
}
.home5 {
  background: rgb(239, 235, 234); padding: calc(5vw + 95px) 0px 5vw;
}
.home5 .content {
  margin-top: 45px;
}
.home5 .list {
  display: flex; justify-content: space-between;
}
.home5 :nth-child(2).list {
  margin-top: 20px;
}
.home5 .list .box {
  width: calc(50% - 10px); display: flex; flex-wrap: wrap; justify-content: space-between;
}
.home5 .list .ptbox {
  width: calc(50% - 10px); position: relative;
}
.home5 .list .item {
  background: rgb(255, 255, 255); width: calc(50% - 10px); border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; position: relative; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home5 .list :nth-child(-n+2).item {
  margin-bottom: 20px;
}
.home5 .list .item .text {
  padding: 40px 30px; position: relative;
}
.home5 .list :nth-child(1).item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :nth-child(4).item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :last-child.item::before {
  background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list .item .text .h {
  line-height: 1.5; font-size: 16px;
}
.home5 .list .item .text .date {
  color: rgb(153, 133, 123); font-size: 16px; font-style: italic; margin-top: 15px; display: none;
}
.home5 .btns {
  text-align: center; margin-top: 30px;
}
.home5 .btns .more {
  margin: 0px 45px;
}
.ptbox .inner {
  overflow: hidden; padding-bottom: 56.25%; position: relative;
}
.ptbox .pic {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.ptbox .img {
  background-position: center; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.ptbox .img a {
  height: 100%; display: block;
}
.ptbox .img img {
  width: 100%; height: auto; max-height: none;
}
.ptbox .v {
  border-radius: 100%; border: 2px solid rgb(0, 52,102); border-image: none; left: 30px; width: 40px; height: 40px; text-align: center; bottom: 100%; color: rgb(0, 52,102); line-height: 41px; text-indent: 5px; font-family: icon; font-size: 22px; margin-bottom: -10px; position: absolute; z-index: 1; cursor: pointer;
}
.ptbox .v:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.ptbox .video {
  left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.ptbox .video video {
  width: 100%; height: 100%; object-fit: cover;
}
.ptbox .video .close {
  background: rgba(0, 0, 0, 0.5); padding: 5px 15px; top: 0px; right: 0px; color: rgb(255, 255, 255); position: absolute; cursor: pointer;
}
.ptbox .text {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); left: 0px; right: 0px; bottom: -1px; color: rgb(255, 255, 255); position: absolute;
}
.ptbox .text a {
  padding: 30px 30px 20px; display: block;
}
.ptbox .text .date {
  line-height: 1; margin-top: 10px;
}
.ptbox .text .h {
  font-size: 20px;
}
.ptbox.act .text {
  display: none;
}
.ptbox.act .video {
  display: block;
}
.ptbox.act .v {
  display: none;
}
.home6 {
  background: url("../image/bg14.svg") no-repeat right bottom; overflow: hidden;
}
.home6 .part1 {
  position: relative;
}
.home6 .part1 .title {
  padding: 50px 90px; text-align: left;
}
.home6 .part1 .pic {
  background: rgb(0, 0, 0); font-size: 0px;
}
.home6 .part1 .pic a {
  display: block;
}
.home6 .part1 .pic video {
  width: 100%; height: auto;
}
.home6 .part1 .pic img {
  width: 100%; opacity: 0.8;
}
.home6 .part1 .text {
  background: rgb(0, 52,102); width: 740px; right: 90px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.home6 .part1 .text .inner {
  padding: 45px 55px; display: flex;
}
.home6 .part1 .text .l {
  width: 150px; margin-right: 40px;
}
.home6 .part1 .text .r {
  flex:1 1 0px;
}
.home6 .part1 .text .h {
  font-size: 20px;
}
.home6 .part1 .text .p {
  margin-top: 15px;
}
.home6 .part1 .text .date {
  font-size: 16px; font-style: italic; margin-top: 25px;
}
.home6 .part2 {
  margin-top: 140px; display: flex; justify-content: space-between; align-items: flex-start;
}
.home6 .part2 .d {
  width: calc(50% - 10px); display: flex; flex-direction: column;
}
.home6 .part2 :last-child.d {
  transition:1s ease-out; margin-right: 10px; opacity: 0; transform: translate(0px, -80px);
}
.home6 .part2 :first-child.d {
  transition:1s ease-out; margin-left: 10px; opacity: 0; transform: translate(0px, 80px); flex-direction: column-reverse; order: 1;
}
.home6 .part2.showdiv .d {
  opacity: 1; transform: none;
}
.home6 .part2 .title {
  padding: 0px 0px 100px;
}
.home7 {
  background: url("../image/bg5.svg") no-repeat left bottom / auto 80% rgb(56, 46, 47); overflow: hidden;
}
.home7 .block {
  height: 1400px; color: rgb(255, 255, 255); position: relative;
}
.home7 .svg {
  margin: 0px auto 15px; width: 70px; height: 60px;
}
.home7 .svg svg {
  width: 100%; height: 100%;
}
.st0 {
  fill: none; stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.st1 {
  fill: none; stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.home7 .d1 {
  background: url("../image/pic18.jpg") no-repeat center / cover; transition:1s ease-out; width: 55%; height: 65%; right: 0px; bottom: 40%; color: rgb(255, 255, 255); display: flex; position: absolute; opacity: 0; transform: translate(0px, 50px); justify-content: center; align-items: center;
}
.home7 .d1 .more {
  color: rgb(255, 255, 255); margin-top: 20px;
}
.home7 .d1 .more i {
  background-image: url("../image/more1b.svg");
}
.home7 .d2 {
  left: 5%; height: 42%; right: 50%; bottom: 50%; position: absolute;
}
.home7 .d2 a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home7 .d2 .dd1 {
  background: url("../image/pic16.jpg") no-repeat center / cover; transition:1s ease-out; left: 0px; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .dd2 {
  background: url("../image/pic17.jpg") no-repeat center / cover; transition:1s ease-out 0.2s; left: 50%; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .dd3 {
  background: rgb(159, 153, 152); transition:1s ease-out 0.4s; left: 50%; top: 50%; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d2 .h {
  font-size: 24px;
}
.home7 .d2 .more1 {
  margin-top: 10px;
}
.home7 .d3 {
  transition:1s ease-out; left: 0px; top: 50%; width: 50%; color: rgb(255, 255, 255); position: absolute; opacity: 0; transform: translate(50px, 0px); background-size: cover; height1: 42%;
}
.focus1 {
  position: relative;
}
.focus1 .child {
  overflow: hidden; position: relative;
}
.focus1 .child img {
  width: 100%; height: auto;
}
.focus1 .navg {
  padding: 0px 20px 10px; left: 0px; height: 50px; text-align: right; right: 0px; bottom: 0px; line-height: 50px; display: none; position: absolute;
}
.focus1 .navg li {
  margin: 0px 8px; color: rgb(255, 255, 255); line-height: 1; font-family: Arial; vertical-align: middle; display: inline-block; cursor: pointer;
}
.focus1 .navg li::after {
  transition:0.5s ease-out; width: 0px; margin-left: 3px; vertical-align: middle; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: "";
}
.focus1 .navg li.slick-active::after {
  width: 30px;
}
.home7 .d4 {
  left: 50%; top: 50%; height: 42%; right: 5%; position: absolute;
}
.home7 .d4 a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home7 .d4 .dd1 {
  background: 0% 0% / cover rgb(38, 24, 25); transition:1s ease-out 0.6s; left: 0px; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .dd2 {
  background: url("../image/pic20.jpg") no-repeat center / cover; transition:1s ease-out 0.8s; left: 50%; top: 0px; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .dd3 {
  background: url("../image/pic21.jpg") no-repeat center / cover; transition:1s ease-out 1s; left: 50%; top: 50%; width: 50%; height: 50%; display: flex; position: absolute; opacity: 0; transform: translate(-80px, 80px); flex-direction: column; justify-content: center; align-items: center;
}
.home7 .d4 .h {
  font-size: 24px;
}
.home7 .d4 .more1 {
  margin-top: 10px;
}
.home7.showdiv .d1 {
  opacity: 1; transform: none;
}
.home7.showdiv .d2 > div {
  opacity: 1; transform: none;
}
.home7.showdiv .d3 {
  opacity: 1; transform: none;
}
.home7.showdiv .d4 > div {
  opacity: 1; transform: none;
}
.home8 {
  background: rgb(238, 235, 234); overflow: hidden;
}
.home8 .title::after {
  clear: both; display: block; content: "";
}
.home8 .title .fz40 {
  float: left;
}
.home8 .title .fz40 a {
  display: inline-block; transform: scale(0.8);
}
.home8 .title .fz40 .now {
  color: rgb(0, 52,102); transform: none;
}
.home8 .title .more {
  background: url("../image/png32.svg") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 75px; margin-top: 10px; float: right;
}
.home8 .l {
  transition:1s ease-out; width: 40%; float: left; opacity: 0; transform: translateX(-50px);
}
.home8.showdiv .l {
  opacity: 1; transform: none;
}
.home8 .l .list {
  background: rgb(255, 255, 255); padding: 35px 40px; height: 284px; margin-top: 30px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .l .list .item {
  margin-top: 25px;
}
.home8 .l .list :first-child.item {
  margin-top: 0px;
}
.home8 .l .list .item .h {
  overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.home8 .l .list .item:hover .h {
  color: rgb(0, 52,102);
}
.home8 .l .list .item .date {
  color: rgb(156, 136, 138); font-style: italic; margin-top: 10px; position: relative;
}
.home8 .l .list .item .date::before {
  transition:0.3s ease-out; left: 0px; top: 50%; width: 100%; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.home8 .l .list .item:hover .date::before {
  border-color: rgb(0, 52,102);
}
.home8 .l .list .item .date span {
  background: rgb(255, 255, 255); padding-right: 10px; display: inline-block; position: relative;
}
.home8 .r .list {
  margin-top: 30px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid;
}
.home8 .r .list .item {
  background: rgb(255, 255, 255); height: 90px; line-height: 89px; margin-top: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .r .list :first-child.item {
  margin-top: 0px;
}
.home8 .r .list .item .pic {
  background: rgb(235, 230, 229); width: 200px; height: 100%; text-align: center; overflow: hidden; border-right-color: rgb(235, 230, 229); border-right-width: 1px; border-right-style: solid; float: left; position: relative;
}
.home8 .r .list .item .pic::before {
  background: url("../image/png92.png") no-repeat center; animation:cc 20s linear infinite; left: 50%; top: 0px; width: 110%; padding-top: 110%; margin-left: -55%; position: absolute; content: "";
}
.home8 .r .list .item .pic span {
  border: 4px solid rgb(255, 255, 255); border-image: none; height: 100%; color: rgb(161, 152, 150); line-height: 1; font-size: 22px; display: block; position: relative; box-sizing: border-box;
}
.home8 .r .list .item .pic span::after {
  height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.home8 .r .list .item .h {
  padding: 0px 20px; height: 100%; line-height: 1.3; font-size: 16px; display: flex; align-items: center;
}
.home8 .r .list .item .h span {
  width: 100%; display: inline-block;
}
.home8 .r .list .item:hover .h {
  color: rgb(0, 52,102);
}
.home8 .r {
  transition:1s ease-out; width: calc(60% - 30px); float: right; opacity: 0; transform: translateX(50px);
}
.home8.showdiv .r {
  opacity: 1; transform: none;
}
.home9 .block {
  display: flex; align-items: center;
}
.home9 .title {
  text-align: left; display: flex; max-width: 50px; flex-direction: column; flex-shrink: 0;
}
.home9 .title .fz40 {
  -ms-writing-mode: tb-lr;
}
.home9 .title .more {
  font-size: 14px; margin-top: 150px; -ms-writing-mode: tb-lr;
}
.home9 .title .more i {
  margin-right: 0px; margin-bottom: 20px;
}
.home9 .list {
  flex:1 1 0px; margin-left: 170px; display: flex;
}
.home9 .item {
  transition:1s ease-out; flex:1 1 0px; height: 600px; color: rgb(255, 255, 255); overflow: hidden; margin-left: 20px; position: relative; cursor: pointer; opacity: 0; transform: translateY(-80px);
}
.home9 :nth-child(1).item {
  margin-left: 0px;
}
.home9 :nth-child(1).item {
  transform: translateY(-50px);
}
.home9 :nth-child(2).item {
  transform: translateY(50px);
}
.home9 :nth-child(3).item {
  transform: translateY(-50px);
}
.home9 :nth-child(4).item {
  transform: translateY(50px);
}
.home9.showdiv .item {
  opacity: 1; transform: none;
}
.home9 .item .pic {
  background-position: center; transition:0.6s ease-out; height: 100%; background-repeat: no-repeat; background-size: cover;
}
.home9 .item:hover .pic {
  transform: scale(1.1);
}
.home9 .item .tit {
  left: 30px; top: 40px; position: absolute; -ms-writing-mode: tb-lr; max-height: 70%;
}
.home9 .item .tit .h {
  font-size: 24px;
}
.home9 .item .tit .p {
  margin-left: 10px;
}
.home9 .item .more1 {
  text-align: center; right: 30px; bottom: 0px; position: absolute; -ms-writing-mode: tb-lr;
}
.home9 .item .more1::after {
  height: 40px; margin-top: 8px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.home9 .item a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.home9 .btns {
  text-align: center; margin-top: 30px;
}
.home9 .list .inner {
  position: relative; flex-grow: 2;
}
.home10 {
  background: url("../image/bg8.png") no-repeat right bottom / contain;
}
.home10 .part1 .list {
  margin-top: 45px;
}
.home10 .part1 .list::after {
  clear: both; display: block; content: "";
}
.home10 .part1 .item {
  transition:0.8s ease-out; width: calc(25% - 15px); overflow: hidden; margin-bottom: 20px; margin-left: 20px; float: left; position: relative; opacity: 0; transform: translate(-100px, 0px);
}
.home10 .part1 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home10 .part1 :nth-child(2).item {
  transition-delay: 0.3s;
}
.home10 .part1 :nth-child(3).item {
  transition-delay: 0.6s;
}
.home10 .part1 :nth-child(4).item {
  transition-delay: 0.3s;
}
.home10 .part1 :nth-child(5).item {
  transition-delay: 0.6s;
}
.home10 .part1 .item img {
  transition:0.5s ease-out;
}
.home10 .part1 .item:hover img {
  transform: scale(1.05);
}
.home10 .part1 :first-child.item {
  width: calc(50% - 10px); margin-left: 0px;
}
.home10 .part1 .item img {
  width: 100%; height: auto;
}
.home10 .part1.showdiv .item {
  opacity: 1; transform: none;
}
.home10 .part1 .item .text {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); padding: 25px 40px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
.home10 .focus1 .navg {
  background: none;
}
.home10 .part1 .item .h {
  text-align: center; color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;
}
.home10 .part1 .item .ico {
  width: 47px; height: 47px; margin-bottom: 20px;
}
.home10 .part1 :first-child.item .h {
  text-align: left;
}
.home10 .part1 .btns {
  text-align: center; margin-top: 40px;
}
.home10 .part2 {
  margin-top: 8vw; display: none;
}
.home10 .part2 .list {
  margin-top: 35px; display: flex;
}
.home10 .part2 .list .inner {
  display: flex; position: relative; flex-grow: 2;
}
.home10 .part2 .list .prev {
  background: url("../image/arrow2a.png") no-repeat center; left: 20px; top: 50%; width: 13px; height: 24px; margin-top: -32px; position: absolute; z-index: 1;
}
.home10 .part2 .list .next {
  background: url("../image/arrow2b.png") no-repeat center; top: 50%; width: 13px; height: 24px; right: 20px; margin-top: -32px; position: absolute; z-index: 1;
}
.home10 .part2 .item {
  transition:0.8s ease-out; margin-left: 20px; position: relative; cursor: pointer; opacity: 0; transform: translateY(80px);
}
.home10 .part2 :nth-child(2).item {
  transition-delay: 0.1s;
}
.home10 .part2 :nth-child(3).item {
  transition-delay: 0.2s;
}
.home10 .part2.showdiv .item {
  opacity: 1; transform: none;
}
.home10 .part2 :first-child.item {
  margin-left: 0px;
}
.home10 .part2 .item .pic {
  overflow: hidden;
}
.home10 .part2 .item img {
  transition:0.3s ease-out; width: 100%;
}
.home10 .part2 .item:hover img {
  transform: scale(1.05);
}
.home10 .part2 .item .h {
  background: rgb(255, 255, 255); margin: -30px auto 0px; transition:0.2s ease-out; width: 80%; height: 60px; text-align: center; line-height: 60px; font-size: 18px; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.home10 .part2 .item .h::before {
  background: rgb(150, 15, 18); transition:0.2s ease-out; left: 0px; height: 2px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.home10 .part2 .item:hover .h {
  color: rgb(255, 255, 255);
}
.home10 .part2 .item:hover .h::before {
  height: 100%;
}
.home10 .part2 .item .h span {
  position: relative;
}
.home11 {
  position: relative; background-size: cover; background1: url(../image/bg6.jpg) center center no-repeat;
}
.home11 .block {
  padding: 5vw 0px;
}
.home11 .list {
  padding: 0px 5%; margin-top: 80px; display: flex;
}
.home11 .item {
  transition:0.8s ease-out; flex:1 1 0px; text-align: center; opacity: 1; transform: scale(1);
}
.home11 .showdiv .item {
  opacity: 1; transform: none;
}
.home11 :nth-child(2).item {
  transition-delay: 0.1s;
}
.home11 :nth-child(3).item {
  transition-delay: 0.2s;
}
.home11 :nth-child(4).item {
  transition-delay: 0.3s;
}
.home11 .item .ico {
  transition:0.3s ease-out; height: 85px; display: none;
}
.home11 .item .ico img {
  max-height: 100%;
}
.home11 .item .svg {
  width: 90px; height: 85px; display: inline-block;
}
.home11 .item .svg svg {
  width: 100%; height: 100%;
}
.home11 .item .h {
  font-size: 18px; margin-top: 25px;
}
.home11 .st0 {
  fill: none; stroke: #333333; stroke-miterlimit: 10; stroke-width: 3;
}
.home11 .st1 {
  fill: none; stroke: #333333; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3;
}
.footer {
  background: rgb(48, 42, 41); color: rgb(255, 255, 255); position: relative;
}
.footer .part1 {
  background: rgb(0, 52,102); color: rgb(255, 255, 255); padding-bottom: 25px; display: flex; justify-content: center; align-items: flex-end;
}
.footer .nav_foot {
  text-align: center; overflow: hidden; padding-bottom: 10px; margin-right: 100px;
}
.footer .nav_foot a {
  padding: 60px 0px 0px; width: 110px; text-align: center; font-size: 16px; border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid; display: inline-block; white-space: nowrap;
}
.footer .nav_foot a:hover {
  opacity: 0.8;
}
.footer .share .share-item {
  background: rgb(255, 255, 255); border-radius: 100%; transition:0.2s ease-out; width: 44px; height: 44px; line-height: 44px; font-size: 26px; margin-left: 10px;
}
.footer .share :first-child.share-item {
  margin-left: 0px;
}
.footer .share-box .share-item::after {
  color: rgb(0, 52,102) !important;
}
.footer .share .share-item:hover {
  opacity: 0.8;
}
.footer .part2 {
  padding: 15px 0px; display: flex; flex-direction: column; align-items: center;
}
.footer .part2 .logo {
  height: 60px; margin-bottom: 30px; display: none;
}
.footer .part2 .info {
  width: 100%; color: rgba(255, 255, 255, 0.1); font-size: 12px;
}
.footer .part2 .info {
  text-align: center;
}
.footer .part2 .info span {
  margin: 0px 20px; color: rgb(255, 255, 255); font-size: 14px;
}
.nav_right {
  top: 50%; width: 60px; right: -60px; position: fixed; z-index: 2; transform: translateY(-50%);
}
.nav_right.showdiv {
  right: 0px;
}
.nav_right li {
  background: rgb(255, 255, 255); margin: 5px 0px; border-radius: 5px 0px 0px 5px; transition:0.2s ease-out; height: 60px; text-align: center; line-height: 60px; overflow: hidden; cursor: pointer; box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
}
.nav_right li:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.nav_right .gotop span {
  background: url("../image/png15.png") no-repeat center rgb(255, 255, 255); height: 100%; display: block;
}
.person_detail {
  position: relative;
}
.person_detail::before {
  background: url("../image/bg15.png") no-repeat right; transform-origin: right center; transition:1.5s ease-out; top: 100px; width: 560px; height: 633px; right: 0px; position: absolute; content: ""; opacity: 0; transform: scale(0.7);
}
.person_detail.showdiv::before {
  opacity: 1; transform: none;
}
.person_detail .block {
  position: relative;
}
.person_detail .content .pic {
  width: 150px; float: left;
}
.person_detail .content .pic img {
  width: 100%; height: auto;
}
.person_detail .content .text {
  padding: 10px 50px 0px 200px;
}
.person_detail .content .h1 {
  font-size: 40px;
}
.person_detail .content .h2 {
  line-height: 1.5; font-size: 18px; margin-top: 10px;
}
.person_detail .content .txt {
  font-size: 16px; margin-top: 80px;
}
.person_detail .content .txt p {
  text-align: justify; text-indent: 2em; margin-top: 15px;
}
.person_detail .content .txt p:first-child {
  margin-top: 0px;
}
.person_detail .recommand {
  margin-top: 115px;
}
.person_detail .tit {
  text-align: center; font-size: 30px;
}
.person_detail .list {
  margin-top: 35px; display: flex;
}
.person_detail .item {
  flex:1 1 0px; color: rgb(255, 255, 255); overflow: hidden; margin-left: 20px; position: relative;
}
.person_detail .item::before {
  background: url("../image/bg16.png") no-repeat right; transform-origin: right bottom; transition:0.5s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.2);
}
.person_detail .item:hover::before {
  opacity: 1; transform: none;
}
.person_detail .item a {
  height: 160px; display: flex; position: relative; justify-content: center; align-items: center;
}
.person_detail :first-child.item {
  margin-left: 0px;
}
.person_detail :nth-child(1).item {
  background: rgb(143, 7, 10);
}
.person_detail :nth-child(2).item {
  background: rgb(135, 110, 106);
}
.person_detail :nth-child(3).item {
  background: rgb(61, 83, 126);
}
.person_detail .item .txt {
  margin-left: 30px;
}
.person_detail .item .h {
  font-size: 24px;
}
.person_detail .item .p {
  margin-top: 10px;
}
.banner_page {
  left: 0px; top: 0px; right: 0px; position: fixed;
}
.banner_page img {
  transition:3s ease-out; width: 100%; transform: scale(1.1);
}
.banner_page.s img {
  transform: none;
}
.banner_page .title {
  padding: 0px 30px; left: 0%; top: 50%; text-align: center; right: 0px; color: rgb(255, 255, 255); position: absolute; transform: translate(0%, -50%);
}
.banner_frame {
  min-height: 300px;
}
.banner_frame img {
  visibility: hidden;
}
.banner_page1 {
  overflow: hidden; position: relative;
}
.banner_page1 img {
  width: 100%; height: auto;
}
.banner_page1 .mask {
  background-position: center; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.banner_page1 .block {
  left: 50%; top: 0px; height: 100%; position: absolute; transform: translateX(-50%);
}
.banner_page1 .text {
  left: 0px; top: 50%; width: 100%; color: rgb(255, 255, 255); position: absolute; transform: translateY(-50%);
}
.banner_page1 .text .h {
  font-size: 48px;
}
.banner_page1 .text .p {
  color: rgb(232, 175, 175); margin-top: 40px;
}
.banner_page1 .text .p a {
  width: 120px; line-height: 1.2; margin-right: 30px; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap;
}
.banner_page1 .text .p a:hover {
  color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now {
  color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now::before {
  font-family: icon; font-size: 20px; margin-right: 10px; margin-left: -30px; display: inline-block; content: "\e76c";
}
.banner_page1 .text .p .now:hover::before {
  animation:arr 0.6s linear infinite;
}
.banner_page1 .title {
  height: 100%; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center;
}
.banner_page1 .text.r {
  left: auto; text-align: right; right: 0px;
}
.banner_page1 .text.r .p {
  text-align: right;
}
.banner_page1 .text.r .p a {
  margin-right: 0px; margin-left: 60px;
}
.department2 {
  background: url("../image/bg18.png") no-repeat left bottom rgb(255, 255, 255); position: relative;
}
.department2 .list {
  margin-top: 50px; position: relative;
}
.department2 .item {
  background: rgb(255, 255, 255); transition:0.6s ease-out; width: calc(50% - 15px); margin-right: 20px; margin-bottom: 20px; position: absolute; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(80px);
}
.department2.showdiv .item {
  opacity: 1; transform: none;
}
.department2 :nth-child(2n).item {
  margin-right: 0px;
}
.department2 .item::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.department2 .item:hover::after {
  width: 100%;
}
.department2 .item .t {
  background: url("../image/bg17.png") no-repeat right / cover; height: 70px;
}
.department2 .item .inner {
  padding: 40px 30px; position: relative;
}
.department2 .item .ico {
  width: 70px; margin-right: 20px; vertical-align: middle; display: inline-block;
}
.department2 .item .text {
  padding: 15px 0px 0px 15px;
}
.department2 .item .h {
  font-size: 30px;
}
.department2 .item .p {
  padding-left: 90px; font-size: 18px; margin-top: 20px;
}
.department2 .item .p a {
  line-height: 1.3; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap; min-width: 50%; box-sizing: border-box;
}
.department2 .item .p .c {
  width: 100%; padding-left: 0px;
}
.department2 .item .p .c::before {
  display: none;
}
.department2 .item .p .cc {
  width: 100%; padding-left: 40px;
}
.department2 .item .p .cc::before {
  left: 20px;
}
.research1 {
  background: rgb(255, 255, 255);
}
.research1 .top {
  display: flex; justify-content: space-between;
}
.research1 .top .title {
  text-align: left;
}
.research1 .tabs {
  flex:1 1 0px; margin-left: 50px; display: flex;
}
.research1 .tabs a {
  background: rgba(255, 255, 255, 0.8); flex:1 1 0px; height: 95px; text-align: center; line-height: 95px; font-size: 18px; margin-left: 10px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.research1 .tabs a span {
  position: relative;
}
.research1 .tabs a::before {
  background: url("../image/bg21.png") no-repeat right; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research1 .tabs a:hover::before {
  opacity: 1;
}
.research1 .tabs a::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 50%; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.research1 .tabs a.now::after {
  left: 0%; width: 100%;
}
.research1 .tabs a.now::before {
  opacity: 1;
}
.research1 .content {
  margin-top: 80px; position: relative;
}
.research1 .content .r {
  top: 0px; right: 0px; position: absolute;
}
.research1 .content .r span {
  font-size: 16px; margin-left: 15px;
}
.research1 .content .r .act {
  color: rgb(0, 52,102);
}
.research1 .content .h {
  text-align: center; font-size: 30px;
}
.research1 .content .text {
  line-height: 1.8; font-size: 16px; margin-top: 30px;
}
.research1 .content .text.big {
  font-size: 20px;
}
.research1 .content p {
  margin-top: 20px;
}
.research1 .content p:first-child {
  margin-top: 0px;
}
.research1 .share {
  text-align: right; margin-top: 40px;
}
.research2 {
  background: url("../image/bg19.png") no-repeat right bottom rgb(238, 235, 234);
}
.research2 .block {
  display: flex; justify-content: space-between; align-items: center;
}
.research2 .title {
  width: 60px; text-align: left; display: flex; max-width: 50px; flex-direction: column; flex-shrink: 0;
}
.research2 .title .h {
  -ms-writing-mode: tb-lr;
}
.research2 .title .more {
  font-size: 14px; margin-top: 100px; -ms-writing-mode: tb-lr;
}
.research2 .title .more i {
  margin-right: 0px; margin-bottom: 20px;
}
.research2 .list {
  flex:1 1 0px; height: 495px; margin-left: 70px; display: flex; justify-content: space-between;
}
.research2 .list .item {
  transition:0.5s cubic-bezier(0.6, 1.6, 0.5, 1.6); flex:1 1 0px; height: 100%; font-size: 18px; margin-left: 20px; opacity: 0; transform: translateY(-80px);
}
.research2 .list .item .inner {
  background: rgb(96, 121, 163); transition:0.3s ease-out; width: 100%; height: 100%; display: flex; position: relative; justify-content: center; align-items: center;
}
.research2 .list .item .inner::before {
  background: url("../image/bg25.png") no-repeat center / cover rgb(61, 83, 126); transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research2 .list .item span {
  transition:0.3s ease-out; color: rgb(255, 255, 255); position: relative; -ms-writing-mode: tb-lr;
}
.research2 .list .item:hover .inner::before {
  opacity: 1;
}
.research2.showdiv .list .item {
  opacity: 1; transform: none;
}
.research2 .list .item:hover .inner {
  transform: translateY(-30px);
}
.research3 {
  background: rgb(255, 255, 255);
}
.research3 .list {
  margin-top: 35px; display: flex;
}
.research3 .item {
  background: rgb(255, 255, 255); transition:0.6s ease-out; flex:1 1 0px; width: 453px; margin-left: 20px; float: left; opacity: 0; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); transform: translateY(80px);
}
.research3 :first-child.item {
  margin-left: 0px;
}
.research3.showdiv .item {
  opacity: 1; transform: none;
}
.research3 .item .pic {
  overflow: hidden;
}
.research3 .item .pic img {
  transition:0.3s ease-out; width: 100%; height: auto;
}
.research3 .item:hover .pic img {
  transform: scale(1.05);
}
.research3 .item .text {
  padding: 35px 50px;
}
.research3 .item .h {
  line-height: 1.6; font-size: 18px;
}
.research3 .item .date {
  color: rgb(192, 169, 166); font-size: 16px; font-style: italic; margin-top: 10px;
}
.research3 .b {
  text-align: center; margin-top: 40px;
}
.research4 {
  background: url("../image/bg20.png") no-repeat left rgb(238, 238, 238); overflow: hidden;
}
.research4 .content {
  position: relative;
}
.research4 .list {
  background: rgb(255, 255, 255); transition:1s ease-out; width: 56%; margin-top: 35px; margin-left: 44%; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translate(80px, 80px);
}
.research4.showdiv .list {
  opacity: 1; transform: none;
}
.research4 .list .inner {
  padding: 70px 0px 70px 170px;
}
.research4 .list .item {
  padding-left: 60px; margin-top: 25px; position: relative;
}
.research4 .list .item::before {
  background: url("../image/png37.png") no-repeat center; transition:0.2s ease-out; left: 0px; top: 0px; width: 38px; height: 38px; position: absolute; content: ""; opacity: 0.6;
}
.research4 .list .item i {
  background: url("../image/arrow3.png") no-repeat center; transition:0.2s ease-out; width: 9px; height: 18px; margin-left: 40px; vertical-align: middle; display: inline-block; opacity: 0.6;
}
.research4 .list .item.s::before {
  opacity: 1;
}
.research4 .list .item.s i {
  opacity: 1;
}
.research4 .list :first-child.item {
  margin-top: 0px;
}
.research4 .list .item .h {
  font-size: 24px;
}
.research4 .list .item ul {
  padding: 10px 0px; display: none;
}
.research4 .list .item ul li {
  font-size: 16px; margin-top: 15px;
}
.research4 .pic {
  transition:1s ease-out; left: 0px; top: 50%; position: absolute; z-index: 1; max-width: 55%; opacity: 0; transform: translate(-80px, -70%);
}
.research4.showdiv .pic {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit1 {
  background: rgb(255, 255, 255);
}
.recruit1 .block {
  display: flex; justify-content: space-between; align-items: center;
}
.recruit1 .title {
  text-align: left; max-width: 30%;
}
.recruit1 .title img {
  max-width: 300px;
}
.recruit1 .title .b {
  margin-top: 30px;
}
.recruit1 .list {
  flex:1 1 0px; height: 200px; margin-left: 70px; display: flex;
}
.recruit1 .item {
  background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; margin-left: 10px; position: relative; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(50px);
}
.recruit1 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1;
}
.recruit1.showdiv .item {
  opacity: 1; transform: none;
}
.recruit1 .item::after {
  background: url("../image/bg22.png") no-repeat center; transition:0.3s ease-out; width: 84px; height: 142px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.recruit1 .item span {
  padding: 35px 25px; width: 20px; line-height: 1.2; font-size: 18px; display: block; position: relative;
}
.recruit1 .item::before {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; top: 25px; width: 4px; bottom: 120px; position: absolute; content: "";
}
.recruit1 .item:hover::before {
  top: 0px; bottom: 0px;
}
.recruit1 .item:hover::after {
  opacity: 1;
}
.recruit2 {
  background: rgb(238, 235, 234);
}
.recruit2 .content {
  margin-top: 50px; display: flex; position: relative; align-items: center;
}
.recruit2 .pic {
  transition:1s ease-out; width: 60%; opacity: 0; transform: translateX(80px);
}
.recruit2 .focus1 .navg {
  text-align: left;
}
.recruit2 .pic img {
  width: 100%; height: auto;
}
.recruit2.showdiv .pic {
  opacity: 1; transform: none;
}
.recruit2 .r {
  background: rgb(255, 255, 255); transition:1s ease-out; top: 50%; width: 50%; right: 0px; position: absolute; opacity: 0; transform: translate(-80px, -50%);
}
.recruit2.showdiv .r {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit2 .r .inner {
  padding: 50px 50px 20px;
}
.recruit2 .r .tit {
  display: flex; justify-content: space-between; align-items: flex-end;
}
.recruit2 .r .tit .h {
  font-size: 30px;
}
.recruit2 .r .tit .more {
  background: url("../image/png39.png") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 90px;
}
.recruit2 .r .list {
  margin-top: 55px; display: flex; flex-wrap: wrap;
}
.recruit2 .r .list .item {
  margin: 20px 0px; width: calc(25%); text-align: center;
}
.recruit2 .r .list .item a {
  transition:0.2s ease-out; display: block;
}
.recruit2 .r .list .item .ico {
  height: 50px;
}
.recruit2 .r .list .item:hover a {
  transform: translateY(-10px);
}
.recruit2 .r .list .item .h {
  font-size: 18px; margin-top: 10px;
}
.recruit2 .r .link {
  height: 215px; display: flex;
}
.recruit2 .r .link .item {
  transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255); font-size: 24px;
}
.recruit2 .r .link .item a {
  height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit2 .r .link .item:hover {
  position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit2 .r .link .item span {
  margin-top: 10px;
}
.recruit2 .r .link :nth-child(1).item {
  background: rgb(0, 52,102);
}
.recruit2 .r .link :nth-child(2).item {
  background: rgb(140, 114, 110);
}
.recruit2 .r .link :nth-child(3).item {
  background: rgb(54, 45, 46);
}
.recruit2 .b {
  text-align: center; margin-top: 40px;
}
.recruit2 .b .more {
  margin: 0px 30px;
}
.recruit3 {
  background: url("../image/bg23.png") no-repeat left top / auto 70% rgb(54, 45, 46);
}
.recruit3 .title {
  color: rgb(255, 255, 255);
}
.recruit3 .content {
  margin-top: 50px; display: flex; position: relative;
}
.recruit3 .pic {
  transition:1s ease-out; width: 60%; overflow: hidden; margin-left: 40%; opacity: 0; transform: translateX(-80px);
}
.recruit3 .pic img {
  width: 100%; height: auto;
}
.recruit3.showdiv .pic {
  opacity: 1; transform: none;
}
.recruit3 .l {
  transition:1s ease-out; left: 0px; top: 50%; width: 50%; position: absolute; opacity: 0; transform: translate(80px, -50%);
}
.recruit3.showdiv .l {
  opacity: 1; transform: translate(0px, -50%);
}
.recruit3 .l .d1 {
  height: 315px; display: flex;
}
.recruit3 .l .d1 .item {
  transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit3 .l .d1 .item a {
  height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d1 .item:hover {
  position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit3 .l .d1 :nth-child(1).item {
  background: rgb(0, 52,102);
}
.recruit3 .l .d1 :nth-child(2).item {
  background: url("../image/pic66.jpg") no-repeat center / cover;
}
.recruit3 .l .d1 .item span {
  font-size: 24px; margin-top: 15px;
}
.recruit3 .l .d2 {
  background: rgb(44, 30, 31); height: 315px; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item {
  margin: 0px 22px; transition:0.2s ease-out; font-size: 18px;
}
.recruit3 .l .d2 .item a {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item img {
  max-height: 33px;
}
.recruit3 .l .d2 .item:hover {
  transform: translateY(-10px);
}
.recruit3 .l .d2 .item span {
  margin-top: 15px;
}
.recruit3 .b {
  text-align: center; margin-top: 40px;
}
.recruit3 .b .more {
  margin: 0px 30px; color: rgb(255, 255, 255);
}
.recruit3 .b .more i {
  background-image: url("../image/more1b.svg");
}
.bottom1 {
  background: rgb(238, 235, 234); position: relative;
}
.bottom1 .content {
  margin-top: 35px; display: flex;
}
.bottom1 .content .d {
  flex:1 1 0px; margin-left: 20px; display: flex; flex-direction: column;
}
.bottom1 .content :first-child.d {
  margin-left: 0px;
}
.bottom1 .content .d .h {
  font-size: 30px;
}
.bottom1 .content .d .p {
  font-size: 16px; margin-top: 10px;
}
.bottom1 .content .d .date {
  color: rgb(156, 136, 138); font-size: 16px; font-style: italic; margin-top: 10px;
}
.bottom1 .d1 {
  background: rgb(255, 255, 255); flex:1 1 0px; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.bottom1 .d1::after {
  background: rgb(0, 52,102); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.bottom1 .d1 .inner {
  padding: 45px 50px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column;
}
.bottom1 .d1 li {
  font-size: 16px; text-decoration: underline; margin-top: 25px;
}
.bottom1 .d1 li:hover {
  color: rgb(0, 52,102);
}
.bottom1 .d2 {
  background: rgb(0, 52,102); padding: 35px 50px; color: rgb(255, 255, 255); margin-top: 20px;
}
.bottom1 .b {
  text-align: center; margin-top: 40px;
}
.bottom1 .b .more {
  margin: 0px 30px;
}
.bottom1 .bb {
  height: 195px; display: flex;
}
.bottom1 .bb .d {
  flex:1 1 0px; display: flex; justify-content: center; align-items: center;
}
.bottom1 .bb .d img {
  transition:0.2s ease-out;
}
.bottom1 .bb .d:hover img {
  transform: scale(0.9);
}
.bottom1 .bb .d span {
  font-size: 24px; margin-left: 30px;
}
.bottom1 .bb :first-child.d {
  background: rgb(255, 255, 255);
}
.bottom1 .bb :last-child.d {
  background: rgb(228, 222, 220);
}
.recruit5 {
  background: rgb(255, 255, 255);
}
.recruit5 .pic {
  transition:0.6s ease-out; opacity: 0;
}
.recruit5 .focus1 .navg {
  text-align: left;
}
.recruit5.showdiv .pic {
  opacity: 1;
}
.recruit5 .content {
  padding: 50px 85px 0px; position: relative;
}
.recruit5 .title {
  text-align: left; display: flex; flex-direction: column;
}
.recruit5 .title .p {
  margin-bottom: 10px;
}
.recruit5 .title .more {
  margin-top: 20px;
}
.recruit5 .list {
  background: rgb(0, 52,102); padding: 50px 0px; top: -60px; width: 740px; right: 85px; color: rgb(255, 255, 255); display: flex; position: absolute; justify-content: center;
}
.recruit5 .list .inner {
  width: 600px; display: flex; flex-wrap: wrap;
}
.recruit5 .list .item {
  margin: 10px 0px; width: 120px;
}
.recruit5 .list .item a {
  display: flex; flex-direction: column; align-items: center;
}
.recruit5 .list .item em {
  height: 55px; line-height: 55px; overflow: hidden; display: block;
}
.recruit5 .list .item:hover em {
  transition:0.1s ease-out; transform: translateY(-5px);
}
.recruit5 .list .item span {
  font-size: 18px; margin-top: 10px;
}
.recruit6 {
  background: rgb(238, 235, 234);
}
.recruit6 .list {
  margin-top: 40px; display: flex;
}
.recruit6 .item {
  background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; height: 250px; margin-left: 20px; display: flex; position: relative; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(50px); flex-direction: column; justify-content: center; align-items: center;
}
.recruit6 .item::before {
  background: url("../image/png65.png") no-repeat right bottom / 45% auto; transform-origin: right bottom; transition:0.4s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(0.95);
}
.recruit6 .item::after {
  background: rgb(0, 52,102); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.recruit6 .item em {
  display: block; position: relative;
}
.recruit6 .item span {
  display: block; position: relative;
}
.recruit6 .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.recruit6 .item:hover::after {
  animation:a2 0.5s ease-out both;
}
.recruit6 .item:hover::before {
  opacity: 1; transform: none;
}
.recruit6 :nth-child(2).item {
  transition-delay: 0.2s;
}
.recruit6 :nth-child(3).item {
  transition-delay: 0.4s;
}
.recruit6 :nth-child(4).item {
  transition-delay: 0.6s;
}
.recruit6.showdiv .item {
  opacity: 1; transform: none;
}
.recruit6 em {
  height: 100px; line-height: 100px;
}
.recruit6 span {
  font-size: 18px; margin-top: 20px;
}
.recruit6 :first-child.item {
  margin-left: 0px;
}
.recruit7 {
  background: url("../image/bg24.png") no-repeat right bottom rgb(255, 255, 255);
}
.recruit7 .block {
  display: flex; justify-content: space-between;
}
.recruit7 .dl {
  flex:1 1 0px; margin-right: 10px; max-width: 50%;
}
.recruit7 .title {
  text-align: left;
}
.recruit7 .title .more {
  margin-top: 20px;
}
.recruit7 .dl .title .more {
  color: rgb(255, 255, 255);
}
.recruit7 .dl .title .more i {
  background-image: url("../image/more1b.svg");
}
.recruit7 .dl .inner {
  background: rgb(140, 114, 110); padding: 75px 85px 50px; color: rgb(255, 255, 255);
}
.recruit7 .dl .h1 {
  font-size: 24px; margin-top: 40px;
}
.recruit7 .dl .list {
  font-size: 16px; margin-top: 25px;
}
.recruit7 .dl .list a {
  width: 33%; margin-bottom: 15px; display: inline-block; white-space: nowrap;
}
.recruit7 .dl .link {
  height: 110px; display: flex;
}
.recruit7 .dl .link .d {
  flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit7 .dl .link .d a {
  height: 100%; display: flex; justify-content: center; align-items: center;
}
.recruit7 .dl .link .d span {
  font-size: 24px; margin-left: 20px;
}
.recruit7 .dl .link :first-child.d {
  background: rgb(0, 52,102);
}
.recruit7 .dl .link :last-child.d {
  background: rgb(44, 30, 31);
}
.recruit7 .dl .list a:hover {
  color: rgb(0, 52,102);
}
.recruit7 .dr {
  background: url("../image/pic68.jpg") no-repeat center / cover; flex:1 1 0px; height: 500px; margin-top: 115px; margin-left: 10px;
}
.recruit7 .dr .inner {
  padding: 90px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; justify-content: space-between;
}
.recruit7 .dr .link {
  font-size: 18px;
}
.recruit7 .dr .link a {
  width: 50%; margin-bottom: 10px; display: inline-block;
}
.recruit7 .dr .link a:hover {
  color: rgb(0, 52,102);
}
.page_nav {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); margin: -90px auto 0px; color: rgb(255, 255, 255); font-size: 18px;
}
.page_nav .block {
  height: 90px; line-height: 90px; display: flex; justify-content: center;
}
.page_nav a {
  padding: 0px 50px; text-align: center; display: block; position: relative;
}
.page_nav a.now::after {
  background: rgb(0, 52,102); left: 0px; height: 10px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.page_nav2 {
  height: 0px;
}
.page_nav2 .block {
  background: rgb(255, 255, 255); padding: 25px 0px; margin-top: -1px; display: flex; position: relative; transform: translateY(-50%); flex-wrap: wrap; justify-content: space-around;
}
.page_nav2 .block::before {
  left: 0px; top: 50%; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.page_nav2 a {
  background: rgb(255, 255, 255); font-size: 22px; display: flex; white-space: nowrap; position: relative; align-items: center;
}
.page_nav2 a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a.now {
  color: rgb(0, 52,102);
}
.old_leaders {
  background: rgb(255, 255, 255);
}
.old_leaders .tabs {
  height: 40px; text-align: center; line-height: 40px; margin-top: 30px; display: flex; position: relative; justify-content: center;
}
.old_leaders .tabs::before {
  left: 0px; top: 20px; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.old_leaders .tabs a {
  background: rgb(255, 255, 255); margin: 0px 40px; font-size: 22px; display: flex; position: relative; align-items: center;
}
.old_leaders .tabs a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.old_leaders .tabs a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.old_leaders .tabs a.now {
  color: rgb(0, 52,102);
}
.old_leaders .content {
  margin-top: 40px;
}
.old_leaders .content .block .d {
  height: 610px; display: flex;
}
.old_leaders .content .lb {
  background: url("../image/png40.png") no-repeat bottom / contain rgb(0, 52,102); width: 60px;
}
.old_leaders .content .list {
  flex:1 1 0px; display: flex; position: relative; justify-content: center;
}
.old_leaders .content .list .item {
  background: rgb(255, 255, 255); padding: 30px 25px; width: calc(25% - 7.5px); font-size: 18px; margin-left: 10px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.old_leaders .content .list :nth-child(1).item {
  background: url("../image/png41_1.png") no-repeat bottom / contain; margin-left: 0px;
}
.old_leaders .content .list :nth-child(2).item {
  background: url("../image/png41_2.png") no-repeat bottom / contain;
}
.old_leaders .content .list :nth-child(3).item {
  background: url("../image/png41_3.png") no-repeat bottom / contain;
}
.old_leaders .content .list :nth-child(4).item {
  background: url("../image/png41_4.png") no-repeat bottom / contain;
}
.old_leaders .content .list li {
  margin: 10px 0px; padding: 10px 15px; cursor: pointer;
}
.old_leaders .content .list li.s {
  background: url("../image/png67.png") no-repeat right / contain rgb(0, 52,102); color: rgb(255, 255, 255);
}
.old_leaders .mask {
  transition:opacity 0.3s ease-out; left: 0px; top: 0px; width: calc(25% - 7.5px); height: 100%; visibility: hidden; position: absolute; opacity: 0;
}
.old_leaders .mask .inner {
  background: rgb(255, 255, 255); padding: 75px 45px 0px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; align-items: center;
}
.old_leaders .mask.s {
  visibility: visible; opacity: 1;
}
.old_leaders .mask .h {
  text-align: center; color: rgb(170, 45, 48); line-height: 1.8; font-size: 18px; margin-top: 20px;
}
.old_leaders .mask .p {
  width: 100%; height: 145px; line-height: 1.8; text-indent: 2em; margin-top: 20px;
}
.old_leaders .mask .close {
  top: 15px; right: 15px; font-family: icon; font-size: 20px; position: absolute; cursor: pointer;
}
.old_leaders .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(0, 52,102);
}
.leaders {
  background: rgb(255, 255, 255); padding: 110px 0px;
}
.leaders .content {
  margin-top: 45px;
}
.leaders .part {
  margin-bottom: 20px; display: flex;
}
.leaders .d {
  background: rgb(255, 255, 255); flex:1 1 0px; margin-left: 20px; display: flex; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.leaders .d .bg {
  background: no-repeat bottom rgb(0, 52,102); width: 60px;
}
.leaders .d .bg1 {
  background-image: url("../image/png40d.png");
}
.leaders .d .bg2 {
  background-image: url("../image/png40b.png");
}
.leaders .d .bg3 {
  background-image: url("../image/png40a.png");
}
.leaders :first-child.d {
  margin-left: 0px;
}
.leaders .d .inner {
  padding: 40px; flex:1 1 0px; display: flex; flex-direction: column; justify-content: space-between;
}
.leaders .d .p {
  padding: 15px 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex; align-items: flex-start;
}
.leaders .d :last-child.p {
  border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.leaders .d .p .th {
  margin: 10px 0px; width: 90px; text-align: right; line-height: 1; padding-right: 25px; font-size: 18px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.leaders .d .p .td {
  flex:1 1 0px; line-height: 1; padding-top: 2px; font-size: 16px;
}
.leaders .d .p .td a {
  margin: 10px 20px; display: inline-block;
}
.leaders .d .p .td a:hover {
  color: rgb(0, 52,102);
}
.leaders .d.bg {
  background: url("../image/png40c.png") no-repeat right bottom rgb(255, 255, 255);
}
.about0 {
  display: none;
}
.about {
  background: url("../image/bg8.jpg") no-repeat right bottom / 55% auto rgb(255, 255, 255); padding-top: 180px; position: relative;
}
.about .bg {
  background: url("../image/png44.png") no-repeat left top / contain; left: 25px; top: 0px; height: 320px; right: 0px; position: absolute;
}
.about .block {
  display: flex; position: relative; align-items: flex-start;
}
.about .title {
  display: none;
}
.about .list {
  flex:1 1 0px; padding-bottom: 350px; margin-left: 320px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative;
}
.about .list::before {
  background: rgb(224, 224, 224); margin: 0px 0px 0px -5px; border-radius: 100%; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; content: "";
}
.about .list .item {
  padding: 55px 50px; font-size: 16px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.about .list .item .h {
  left: -280px; top: 50px; width: 280px; text-align: center; position: absolute;
}
.about .list .item .h img {
  max-width: 75%;
}
.about .list :first-child.item {
  padding-top: 0px;
}
.about .list :first-child.item .h {
  top: -20px;
}
.about .list .item p {
  text-align: justify; margin-bottom: 20px;
}
.about .list .item p:last-child {
  margin-bottom: 0px;
}
.about .pics {
  width: 67%; height: 32vw; position: relative;
}
.about .pics .d {
  background-position: center; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.about .pics .d1 {
  left: 0px; top: 0px; width: 30%; height: 100%;
}
.about .pics .d2 {
  left: 30%; top: 0px; width: 45%; height: 50%;
}
.about .pics .d3 {
  left: 75%; top: 0px; width: 12%; height: 50%;
}
.about .pics .d4 {
  left: 30%; top: 50%; width: 27%; height: 50%;
}
.about .pics .d5 {
  left: 57%; top: 50%; width: 43%; height: 50%;
}
.research_detail .d1 {
  background: rgb(255, 255, 255); padding: 50px 85px; margin-top: 40px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.research_detail .d1 .h {
  font-size: 30px;
}
.research_detail .d1 .p a {
  margin: 30px 0px 0px; width: 33.33%; font-size: 18px; display: inline-block;
}
.research_detail .d2 {
  background: rgb(238, 238, 238); padding: 50px 85px; margin-top: 40px;
}
.research_detail .d2 .h {
  font-size: 30px;
}
.research_detail .d2 .text {
  font-size: 16px; margin-top: 25px;
}
.research_detail .d2 .text p {
  margin-top: 25px;
}
.research_agency .part {
  margin-top: 40px; display: flex;
}
.research_agency .part .d {
  flex:1 1 0px; margin-left: 40px;
}
.research_agency .part :first-child.d {
  margin-left: 0px;
}
.research_agency .d .t {
  background: url("../image/bg17.png") no-repeat right; padding: 0px 50px; height: 70px; color: rgb(255, 255, 255); line-height: 70px;
}
.research_agency .d .ico {
  width: 70px; margin-right: 20px; vertical-align: middle; display: inline-block;
}
.research_agency .d .inner {
  background: rgb(255, 255, 255); padding: 30px 50px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.research_agency .d .h {
  font-size: 30px;
}
.research_agency .d .inner .fz30 {
  margin-bottom: 15px;
}
.research_agency .d .p a {
  margin: 15px 0px; font-size: 18px; display: inline-block;
}
.research_agency .d.c2 .p a {
  width: 50%;
}
.research_agency .d.c3 .p a {
  width: 33.33%;
}
.cooperation1 {
  overflow: hidden;
}
.cooperation1 .block {
  position: relative;
}
.cooperation1 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.cooperation1 .pic {
  position: relative;
}
.cooperation1 .pic img {
  max-width: 65%;
}
.cooperation1 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: space-between;
}
.cooperation1 .text .p {
  margin-top: 25px;
}
.cooperation1 .text .b {
  margin-top: 20px;
}
.cooperation2 {
  position: relative;
}
.cooperation2 img {
  width: 100%; height: auto;
}
.cooperation2 .content {
  left: 0px; height: 100%; right: 0px; bottom: 0px; position: absolute;
}
.cooperation2 .block {
  height: 100%; position: relative;
}
.cooperation2 .text {
  background: url("../image/png48.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px 120px; top: 32%; width: 50%; height: 85%; display: flex; position: relative; box-sizing: border-box; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: space-between;
}
.cooperation2 .text .p {
  margin-top: 25px;
}
.cooperation2 .more1 {
  color: rgb(0, 52,102); line-height: 45px; font-size: 16px; margin-top: 30px; display: inline-block;
}
.cooperation2 .more1 i {
  background: url("../image/png47.png") no-repeat center; width: 78px; height: 45px; margin-right: 20px; float: left;
}
.cooperation3 {
  background: rgb(238, 238, 238);
}
.cooperation3 .list {
  display: flex;
}
.cooperation3 .item {
  background: rgb(255, 255, 255); flex:1 1 0px; margin-left: 20px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}
.cooperation3 .item .pic {
  width: 40%; float: right;
}
.cooperation3 .item .pic img {
  width: 100%;
}
.cooperation3 .item .inner {
  padding: 70px; display: flex; flex-direction: column; justify-content: space-between;
}
.cooperation3 :first-child.item {
  margin-left: 0px;
}
.cooperation3 .item .p {
  margin-top: 30px;
}
.cooperation3 .item .more2 {
  margin-top: 40px;
}
.cooperation4 .block {
  padding-bottom: 200px; position: relative;
}
.cooperation4 img {
  width: 100%; height: auto;
}
.cooperation4 .title {
  left: 0px; width: 40%; bottom: 30px; position: absolute;
}
.cooperation4 .title .inner {
  text-align: left; display: inline-block;
}
.cooperation4 .title .more2 {
  margin-top: 20px;
}
.cooperation4 .text {
  background: rgb(0, 52,102); padding: 90px 60px; left: 40%; right: 100px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.cooperation5 {
  background1: #eeebea;
}
.cooperation5 .content {
  background: rgb(255, 255, 255); position: relative;
}
.cooperation5 .bg {
  background: url("../image/png49.png") no-repeat right bottom rgb(54, 45, 46); left: 50%; top: 0px; right: 0px; bottom: 0px; margin-left: -80px; position: absolute;
}
.cooperation5 .block {
  display: flex; position: relative;
}
.cooperation5 .pics {
  width: 60%; display: flex; position: relative; align-items: flex-start;
}
.cooperation5 .pics .d {
  width: 50%;
}
.cooperation5 .pics img {
  width: 100%; height: auto;
}
.cooperation5 :last-child.d {
  position: relative;
}
.cooperation5 :last-child.d img {
  visibility: hidden;
}
.cooperation5 :last-child.d img:last-child {
  left: 0px; top: 0px; visibility: visible; position: absolute;
}
.cooperation5 .text {
  width: 40%; color: rgb(255, 255, 255); padding-left: 90px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center;
}
.cooperation5 .text .p {
  margin-top: 40px;
}
.cooperation5 .text .b {
  margin-top: 30px;
}
.cooperation5 .text .b .more {
  color: rgb(255, 255, 255);
}
.cooperation5 .text .b .more i {
  background-image: url("../image/more1b.svg");
}
.cooperation6 {
  background: rgb(238, 235, 234); display: none;
}
.cooperation6 .block {
  position: relative;
}
.cooperation6 .bg {
  background: rgb(0, 52,102); left: 0px; top: 30%; right: 50%; bottom: 6%; position: absolute;
}
.cooperation6 .pic {
  text-align: right; position: relative;
}
.cooperation6 .pic img {
  width: 55%;
}
.cooperation6 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 30px 80px; left: 35px; top: 7%; right: 50%; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: center;
}
.cooperation6 .text .p {
  margin-top: 25px;
}
.cooperation6 .text .b {
  margin-top: 20px;
}
.education1 .title {
  color: rgb(255, 255, 255);
}
.education1 .content {
  background: url("../image/bg17.jpg") no-repeat top / 100% auto;
}
.education1 .list {
  margin-top: 190px; display: flex;
}
.education1 .list .item {
  background: rgb(162, 0, 0); padding: 10px; transition:1s ease-out; flex:1 1 0px; height: 410px; text-align: center; color: rgb(255, 255, 255); margin-left: 5px; box-sizing: border-box; opacity: 0;
}
.education1 .list :first-child.item {
  margin-left: 0px;
}
.education1 .list .item a {
  border: 2px dashed rgba(255, 255, 255, 0.2); border-image: none; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center;
}
.education1 .list .item .ico {
  height: 100px; line-height: 100px;
}
.education1 .list .item .h {
  font-size: 22px; margin-top: 40px;
}
.education1 .list :nth-child(1).item {
  background: url("../image/png85_1.png") no-repeat right bottom rgb(139, 114, 110);
}
.education1 .list :nth-child(2).item {
  background: url("../image/png85_2.png") no-repeat bottom rgb(148, 8, 11);
}
.education1 .list :nth-child(3).item {
  background: url("../image/png85_3.png") no-repeat left bottom rgb(165, 160, 157);
}
.education1 .list :nth-child(4).item {
  background: url("../image/png85_4.png") no-repeat right bottom rgb(89, 112, 153);
}
.education1 .list :nth-child(5).item {
  background: url("../image/png85_5.png") no-repeat right bottom rgb(73, 61, 61);
}
.education1.showdiv .list :nth-child(1).item {
  transform: translateY(-24px);
}
.education1.showdiv .list :nth-child(2).item {
  transform: translateY(70px);
}
.education1.showdiv .list :nth-child(3).item {
  transform: translateY(0px);
}
.education1.showdiv .list :nth-child(4).item {
  transform: translateY(-45px);
}
.education1.showdiv .list :nth-child(5).item {
  transform: translateY(40px);
}
.education1.showdiv .list .item {
  opacity: 1;
}
.education1 .bb {
  background: rgb(255, 255, 255);
}
.education1 .bb .list1 {
  height: 380px; display: flex; justify-content: space-around; align-items: center;
}
.education1 .bb .list1 .item {
  border-radius: 100%; flex:1 1 0px; margin-left: 40px; display: flex; position: relative; cursor: pointer; max-width: 240px; flex-direction: column; justify-content: center; align-items: center;
}
.education1 .bb .list1 :first-child.item {
  margin-left: 0px;
}
.education1 .bb .list1 .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 50%; width: 100%; padding-top: 100%; margin-top: -50%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.education1 .bb .list1 .item:hover::before {
  opacity: 1; transform: none;
}
.education1 .bb .list1 .item .ico {
  height: 100px; text-align: center; line-height: 100px; position: relative;
}
.education1 .bb .list1 .item .h {
  font-size: 20px; margin-top: 10px; position: relative;
}
.education2 {
  background: rgb(238, 235, 234); color: rgb(255, 255, 255); position: relative;
}
.education2 .bg {
  background: rgb(54, 45, 46); left: 0px; top: 0px; right: 0px; bottom: 130px; position: absolute;
}
.education2 .content {
  position: relative;
}
.education2 .tabs {
  text-align: center; margin-top: 30px; display: flex; position: relative; justify-content: center;
}
.education2 .tabs::before {
  left: 0px; top: 50%; right: 0px; border-top-color: rgb(71, 59, 59); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.education2 .tabs a {
  background: rgb(54, 45, 46); margin: 0px 30px; padding: 10px 0px; color: rgb(140, 114, 110); line-height: 1.3; font-size: 18px; display: flex; position: relative; align-items: center;
}
.education2 .tabs a::before {
  height: 10px; margin-right: 20px; border-left-color: rgb(71, 59, 59); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.education2 .tabs a::after {
  height: 10px; margin-left: 20px; border-left-color: rgb(71, 59, 59); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.education2 .tabs a.now {
  color: rgb(255, 255, 255);
}
.education2 .list {
  background: url("../image/png53.png") no-repeat bottom / contain rgb(74, 61, 62); padding: 65px 85px 40px; font-size: 18px; margin-top: 40px;
}
.education2 .list a {
  background: url("../image/png52.png") no-repeat left 5px; width: 20%; padding-left: 28px; margin-bottom: 30px; display: inline-block; white-space: nowrap; box-sizing: border-box;
}
.education2 .list a:hover {
  color: rgb(140, 114, 110);
}
.education3 {
  background: rgb(238, 235, 234); position: relative;
}
.education3 .block {
  display: flex; justify-content: space-between;
}
.education3 .tit {
  width: calc(50% - 10px);
}
.education3 .tit .inner {
  position: relative;
}
.education3 .tit img {
  width: 100%; height: auto;
}
.education3 .tit .t {
  color: rgb(255, 255, 255);
}
.education3 .tit .t {
  background: rgba(0, 0, 0, 0.3); padding: 55px 0px 0px 65px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.education3 .tit .t .more1 {
  background: url("../image/more1b.svg") no-repeat left; height: 45px; line-height: 45px; padding-left: 60px; margin-top: 15px; display: inline-block;
}
.education3 .r {
  width: calc(50% - 10px); position: relative;
}
.education3 .r .list1 {
  left: 0px; top: 0px; width: 38%; height: 84%; position: absolute;
}
.education3 .r .list1 .item {
  height: 50%; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.education3 .r .list1 .item .ico {
  height: 90px;
}
.education3 .r .list1 .item .h {
  font-size: 18px; margin-top: 15px;
}
.education3 .r .list1 :nth-child(1).item {
  background: rgb(135, 8, 8);
}
.education3 .r .list1 :nth-child(2).item {
  background: rgb(162, 0, 0);
}
.education3 .r .list2 {
  background: url("../image/png40c.png") no-repeat right -45% bottom 0% / 80% auto rgb(255, 255, 255); height: 100%; padding-top: 12%; padding-left: 18%; margin-left: 28%; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.education3 .r .list2 ul {
  height: 100%; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid;
}
.education3 .r .list2 li {
  top: -21px; font-size: 24px; margin-bottom: 40px; position: relative;
}
.education3 .r .list2 li::before {
  transition:0.4s ease-out; width: 30px; margin-right: 30px; vertical-align: middle; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid; display: inline-block; content: "";
}
.education3 .r .list2 li:hover::before {
  width: 120px; border-top-color: rgb(0, 52,102); border-top-width: 2px; border-top-style: solid;
}
.education3 .r .list2 li:hover {
  color: rgb(0, 52,102);
}
.education4 {
  background: url("../image/png64.png") no-repeat right bottom / auto 80%;
}
.education4 .list {
  margin-top: 40px; display: flex;
}
.education4 .item {
  flex:1 1 0px; text-align: center; margin-left: 20px;
}
.education4 .item a {
  display: block;
}
.education4 :first-child.item {
  margin-left: 0px;
}
.education4 .item .pic img {
  width: 100%; height: auto;
}
.education4 .item .h {
  font-size: 18px; margin-top: 20px;
}
.photos {
  
}
.photos .content {
  margin-top: 50px; display: flex;
}
.photos .tabs {
  width: 85px; text-align: center;
}
.photos .tabs li {
  cursor: pointer;
}
.photos .tabs li::after {
  margin: 8px 0px 5px; width: 11px; height: 29px; display: inline-block; content: "";
}
.photos .tabs li:last-child::after {
  display: none;
}
.photos .tabs .p {
  margin-bottom: 10px; display: none;
}
.photos .tabs .s .p {
  display: block;
}
.photos .tabs span.now {
  color: rgb(0, 52,102);
}
.photos .tabs .h {
  font-family: Impact; font-size: 30px;
}
.photos .tabs span {
  padding: 5px 0px; font-size: 16px; display: block;
}
.photos .div {
  flex:1 1 0px; margin-left: 50px;
}
.photos .date {
  line-height: 70px; display: flex; align-items: center;
}
.photos .date .inr {
  background: url("../image/png97.png") no-repeat right; padding: 0px 15px; font-size: 30px; display: inline-block;
}
.photos .list {
  margin-top: 40px; display: flex; flex-wrap: wrap;
}
.photos .list .item {
  width: calc(33.33% - 23.33px); margin-bottom: 35px; margin-left: 35px;
}
.photos .list :nth-child(3n-2).item {
  margin-left: 0px;
}
.photos .list .item .pic {
  overflow: hidden; position: relative;
}
.photos .list .item .pic img {
  width: 100%; height: auto;
}
.photos .list .item .h {
  margin-top: 10px;
}
.photos .list .item .d {
  margin-top: 10px;
}
.photos .list .item .d span {
  margin-right: 15px;
}
.photos .uplod {
  top: 50%; text-align: center; right: 10px; color: rgb(0, 52,102); position: fixed; z-index: 5; transform: translateY(-50%);
}
.photos .uplod .p {
  padding-top: 5px;
}
.photos .uplod img {
  width: 70px;
}
.class_detail {
  
}
.class_detail .title .p {
  color: rgb(0, 52,102); font-size: 18px; font-weight: bold;
}
.class_detail table {
  text-align: center; margin-top: 40px;
}
.class_detail td {
  padding: 14px 5px;
}
.class_detail thead td {
  background: rgb(0, 52,102); color: rgb(255, 255, 255); font-size: 18px;
}
.class_detail tbody tr:nth-child(2n+1) td {
  background: rgb(238, 235, 234);
}
.school_calendar {
  
}
.school_calendar .block {
  display: flex; flex-direction: column; align-items: center;
}
.school_calendar .content {
  overflow: hidden; display: flex; max-width: 100%; flex-direction: column;
}
.school_calendar .content .tit img {
  margin-left: 0.5em; vertical-align: middle; max-height: 1em;
}
.school_calendar .content .txt {
  font-size: 16px; margin-top: 40px;
}
.cas_h {
  background: url("../image/png89.png") no-repeat right / contain rgb(0, 52,102); padding: 65px 0px; color: rgb(255, 255, 255);
}
.cas_h .list {
  display: flex; justify-content: space-around; align-items: center;
}
.cas_h .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; position: relative;
}
.cas_h .list .item::before {
  background: url("../image/png88.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.cas_h .list .item a {
  height: 100%; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center;
}
.cas_h .list .item:hover::before {
  opacity: 1; transform: none;
}
.cas_h .list .item.now::before {
  opacity: 1; transform: none;
}
.cas_h .list .item .ico {
  height: 80px; line-height: 80px; position: relative;
}
.cas_h .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.cas_h .list .item .p {
  margin-top: 5px; position: relative;
}
.cas .list {
  margin: 50px 5% 0px; display: flex; flex-wrap: wrap;
}
.cas .item {
  width: calc(25% - 31px); margin-bottom: 30px; margin-left: 40px;
}
.cas :nth-child(4n-3).item {
  margin-left: 0px;
}
.cas .item img {
  width: 100%; height: auto;
}
.cas .item .pic {
  border-bottom-color: rgb(135, 110, 106); border-bottom-width: 4px; border-bottom-style: solid; position: relative;
}
.cas .item .pic::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 50%; height: 4px; right: 50%; bottom: -4px; position: absolute; content: "";
}
.cas .item:hover .pic::after {
  left: 0px; right: 0px;
}
.cas .item .h {
  text-align: center; font-size: 18px; margin-top: 10px;
}
.cas .item:hover .h {
  color: rgb(0, 52,102);
}
.cas .loading {
  text-align: center; color: rgb(0, 52,102); margin-top: 20px; display: none;
}
.tabs1 {
  text-align: center; line-height: 1.3; overflow: hidden; font-size: 18px; margin-top: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.tabs1 .inner1 {
  display: flex; justify-content: center;
}
.tabs1 .inner {
  margin: auto; display: table; white-space: nowrap;
}
.tabs1 a {
  padding: 8px 30px; display: inline-block;
}
.tabs1 a.now {
  color: rgb(0, 52,102); border-bottom-color: rgb(0, 52,102); border-bottom-width: 2px; border-bottom-style: solid;
}
.notice .d {
  padding: 75px 75px 10px;
}
.notice .list .item {
  background: rgb(245, 245, 245); margin-top: 40px;
}
.notice .list .item a {
  padding: 30px 45px; font-size: 16px; display: flex; justify-content: space-between;
}
.notice .list .item a .h {
  overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.notice .list .item .date {
  color: rgb(112, 112, 112);
}
.notice .list .item:hover {
  background: rgb(238, 235, 234);
}
.notice .list :first-child.item {
  margin-top: 0px;
}
.notice .text {
  text-indent: 2em; overflow: hidden; font-size: 16px;
}
.notice .text p {
  margin-top: 15px;
}
.notice .text p:first-child {
  margin-top: 0px;
}
.notice .b {
  text-align: center; margin-top: 40px;
}
.article {
  
}

.article .block {
  position: relative;
}
.article .content {
  margin-top: 40px;
}
.article .content .text {
  text-align: justify; text-indent: 2em; font-size: 16px;
}
.article .content p {
  margin-top: 20px;
}
.article .content p img {
  margin-left: -2em;
}
.study1 {
  background: url("../image/png64.png") no-repeat right bottom rgb(238, 235, 234);
}
.study1 .content {
  margin-top: 40px; display: flex;
}
.study1 .l {
  background: url("../image/png63.png") no-repeat right bottom / 80% auto rgb(0, 52,102); padding: 65px; width: calc(50% - 10px); color: rgb(255, 255, 255); box-sizing: border-box;
}
.study1 .links {
  font-size: 18px; margin-top: 10px;
}
.study1 .links a {
  margin: 20px 0px 0px; width: calc(33.33%); padding-right: 10px; vertical-align: top; display: inline-block;
}
.study1 .l .links a {
  color: rgb(255, 255, 255) !important;
}
.study1 .l .links a::before {
  color: rgb(255, 255, 255);
}
.study1 .r {
  width: calc(50% - 10px); margin-left: 20px; box-sizing: border-box;
}
.study1 .r .d1 {
  background: rgb(255, 255, 255); padding: 65px;
}
.study1 .r .d2 {
  margin-top: 20px; display: flex;
}
.study1 .r .d2 .links a {
  width: 50%;
}
.study1 .r .dl {
  background: rgb(165, 159, 157); padding: 65px; flex:1 1 0px; color: rgb(255, 255, 255);
}
.study1 .r .dl .links a {
  color: rgb(255, 255, 255) !important;
}
.study1 .r .dl .links a::before {
  color: rgb(255, 255, 255);
}
.study1 .r .dr {
  background: url("../image/png60.png") no-repeat center / cover; width: 35%; margin-left: 20px;
}
.study2 {
  background: rgb(54, 45, 46); overflow: hidden;
}
.study2 .block {
  display: flex;
}
.study2 .l {
  width: 50%; color: rgb(255, 255, 255); display: flex; flex-direction: column;
}
.study2 .l .fz40 {
  margin-bottom: 40px;
}
.study2 .bg1 {
  background: rgb(74, 61, 62); padding: 50px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.study2 .bg2 {
  background: rgb(74, 61, 62); padding: 50px;
}
.study2 .links {
  font-size: 18px; margin-top: 10px;
}
.study2 .links a {
  margin: 20px 0px 0px; width: calc(33.33%); color: rgb(255, 255, 255) !important; padding-right: 10px; vertical-align: top; display: inline-block;
}
.study2 .links a::before {
  color: rgb(140, 114, 110);
}
.study2 .r {
  background-position: center; width: 50%; background-repeat: no-repeat; background-size: cover;
}
.study3 {
  position: relative;
}
.study3 .bg {
  background: rgb(238, 235, 234); left: 0px; top: 0px; height: 50%; right: 0px; position: absolute;
}
.study3 .block {
  position: relative;
}
.study3 .content {
  margin-top: 40px; display: flex; align-items: flex-start;
}
.study3 .content .d {
  background: rgb(255, 255, 255); padding: 60px; flex:1 1 0px; margin-left: 20px; border-bottom-color: rgb(0, 52,102); border-bottom-width: 4px; border-bottom-style: solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.study3 .content :first-child.d {
  margin-left: 0px;
}
.study3 .content :nth-child(2).d {
  background: url("../image/png65.png") no-repeat right bottom rgb(255, 255, 255);
}
.study3 .content .d .links {
  font-size: 18px; margin-top: 20px;
}
.study3 .content .d .links a {
  margin: 20px 0px 0px; width: 50%; vertical-align: top; display: inline-block;
}
.study3 .b {
  text-align: center; margin-top: 40px;
}
.study4 {
  background: url("../image/png64.png") no-repeat right bottom; overflow: hidden;
}
.study4 .content {
  margin-top: 40px; position: relative;
}
.study4 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.study4 .pic {
  position: relative;
}
.study4 .pic img {
  max-width: 65%;
}
.study4 .text {
  background: rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; display: flex; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); flex-direction: column; justify-content: center;
}
.study4 .links {
  font-size: 18px;
}
.study4 .links a {
  margin: 15px 0px; width: 50%; vertical-align: top; display: inline-block;
}
.study5 {
  background: url("../image/png62.png") no-repeat left bottom rgb(54, 45, 46); color: rgb(255, 255, 255);
}
.study5 .list {
  margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center;
}
.study5 .list .item {
  background: rgb(140, 114, 110); padding: 5px; width: calc(25% - 15px); text-align: center; font-size: 18px; margin-bottom: 20px; margin-left: 20px; position: relative; box-sizing: border-box;
}
.study5 .list .item::before {
  background: url("../image/png66.png") no-repeat right rgb(0, 52,102); transition:0.3s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.study5 .list .item:hover::before {
  opacity: 1;
}
.study5 .list .item a {
  padding: 30px 0px; border: 1px dashed rgb(175, 157, 154); border-image: none; height: 100%; display: flex; position: relative; box-sizing: border-box; justify-content: center; align-items: center;
}
.study5 .list :nth-child(4n-3).item {
  margin-left: 0px;
}
.study6 {
  padding: 5vw 0px; background-size: cover; background1: url(../image/bg6a.jpg) center bottom no-repeat;
}
.study6 .list {
  display: flex; justify-content: space-around; align-items: center; -ms-align-items: center;
}
.study6 .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.study6 .list .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.study6 .list .item:hover::before {
  opacity: 1; transform: none;
}
.study6 .list .item .ico {
  height: 90px; position: relative;
}
.study6 .list .item .ico img {
  height: 100%;
}
.study6 .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.history_famous1 {
  background: url("../image/png72.png") no-repeat right bottom / contain; position: relative;
}
.history_famous1::after {
  background: url("../image/png71.png") no-repeat center; left: 50%; width: 27px; height: 38px; bottom: 0px; margin-left: -13px; position: absolute; content: "";
}
.history_famous1 .title img {
  margin-right: 10px; vertical-align: middle;
}
.history_famous1 .text {
  margin-top: 40px;
}
.history_famous1 .text .p {
  margin-top: 20px;
}
.history_famous1 .text :first-child.p {
  margin-top: 0px;
}
.history_famous2 {
  color: rgb(255, 255, 255); position: relative;
}
.history_famous2 .bg1 {
  background: rgb(54, 45, 46); left: 0px; top: 0px; height: 40%; right: 0px; position: absolute;
}
.history_famous2 .bg2 {
  background: rgb(74, 61, 62); left: 0px; top: 190px; right: 31%; bottom: 0px; position: absolute;
}
.history_famous2 .block {
  position: relative;
}
.history_famous2 .tit {
  padding: 90px 0px 50px;
}
.history_famous2 .item {
  display: none;
}
.history_famous2 .text {
  padding: 70px 0px; width: 55%;
}
.history_famous2 .text .d {
  font-size: 18px; margin-top: 15px;
}
.history_famous2 .text .p {
  margin-top: 15px;
}
.history_famous2 .pic {
  width: 30%; right: 0px; bottom: 90px; position: absolute;
}
.history_famous2 .pic img {
  width: 100%; height: auto;
}
.history_famous2 .frame {
  width: calc(70% - 20px); overflow: hidden; position: relative;
}
.history_famous2 .child {
  margin-left: 20px; float: left; position: relative; cursor: pointer;
}
.history_famous2 :first-child.child {
  margin-left: 0px;
}
.history_famous2 .child.now::after {
  left: 0px; right: 0px; bottom: 0px; border-bottom-color: rgb(140, 114, 110); border-bottom-width: 4px; border-bottom-style: solid; position: absolute; content: "";
}
.history_famous2 .navg {
  height: 90px; text-align: center; right: 0px; bottom: 0px; line-height: 90px; font-family: icon; font-size: 40px; display: flex; position: absolute;
}
.history_famous2 .navg span {
  background: rgb(140, 114, 110); width: 80px; display: block; cursor: pointer;
}
.history_famous3 {
  background: rgb(238, 235, 234);
}
.history_famous3 .content {
  margin-top: 40px; display: flex;
}
.history_famous3 .l {
  background: url("../image/pic94.jpg") no-repeat center / cover; padding: 80px; width: 40%; color: rgb(255, 255, 255); box-sizing: border-box;
}
.history_famous3 .l .pic {
  width: 55%; margin-right: 35px; float: left;
}
.history_famous3 .l .pic img {
  width: 100%;
}
.history_famous3 .l .t .fz30 {
  margin-bottom: 20px;
}
.history_famous3 .l .t .p {
  line-height: 2;
}
.history_famous3 .l .b {
  text-align: justify; text-indent: 2em; padding-top: 30px; clear: both;
}
.history_famous3 .r {
  background: url("../image/png70.png") no-repeat right bottom rgb(255, 255, 255); padding: 60px 45px; flex:1 1 0px;
}
.history_famous3 .r .list {
  height: 490px; overflow: auto; font-size: 18px;
}
.history_famous3 .r .list a {
  width: 20%; height: 50px; text-align: center; line-height: 50px; display: inline-block; white-space: nowrap;
}
.history_famous3 .r .list a.now {
  background: url("../image/png69.png") no-repeat right rgb(96, 120, 162); color: rgb(255, 255, 255);
}
.history_famous3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgb(96, 120, 162);
}
.history_famous4 {
  background: url("../image/pic100.jpg") no-repeat center / cover; color: rgb(255, 255, 255);
}
.history_famous4 .focus {
  margin-top: 40px; position: relative;
}
.history_famous4 .frame {
  overflow: hidden; padding-bottom: 30px;
}
.history_famous4 .child {
  padding-bottom: 75px; float: left; position: relative; cursor: pointer;
}
.history_famous4 .child::after {
  background: url("../image/png73.png") no-repeat top; left: 50%; width: 25px; height: 60px; bottom: 0px; margin-left: -13px; position: absolute; content: "";
}
.history_famous4 .child.now::after {
  height: 89px; bottom: -30px; background-image: url("../image/png73a.png");
}
.history_famous4 .h {
  text-align: center; font-size: 18px; margin-top: 20px;
}
.history_famous4 .pic {
  overflow: hidden; position: relative;
}
.history_famous4 .now .pic::after {
  background: rgb(175, 167, 167); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.history_famous4 .child img {
  transition:0.3s ease-out;
}
.history_famous4 .child:hover img {
  transform: scale(1.1);
}
.history_famous4 .slick-track {
  padding-bottom: 30px;
}
.history_famous4 .bb {
  left: 30px; right: 30px; bottom: 29px; border-bottom-color: rgb(170, 163, 163); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.history_famous4 .bb::before {
  border-radius: 100%; border: 1px solid rgb(170, 163, 163); border-image: none; left: -7px; top: -3px; width: 5px; height: 5px; position: absolute; content: "";
}
.history_famous4 .bb::after {
  border-radius: 100%; border: 1px solid rgb(170, 163, 163); border-image: none; top: -3px; width: 5px; height: 5px; right: -7px; position: absolute; content: "";
}
.history_famous4 .text {
  background: rgb(160, 152, 152); padding: 50px; margin-top: 30px; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.history_famous4 .text .d {
  display: none;
}
.history_famous4 .prev {
  left: -5px; width: 30px; height: 55px; text-align: left; bottom: 0px; color: rgb(234, 232, 232); line-height: 55px; font-family: icon; font-size: 30px; font-weight: bold; position: absolute;
}
.history_famous4 .next {
  width: 30px; height: 55px; text-align: right; right: -5px; bottom: 0px; color: rgb(234, 232, 232); line-height: 55px; font-family: icon; font-size: 30px; font-weight: bold; position: absolute;
}
.history_famous5 .content {
  margin-top: 40px;
}
.history_famous5 .list {
  height: 440px; color: rgb(255, 255, 255); display: flex;
}
.history_famous5 .item {
  background: rgb(54, 45, 46); width: 180px; margin-left: 1px; display: flex; cursor: pointer; box-sizing: border-box;
}
.history_famous5 :first-child.item {
  margin-left: 0px;
}
.history_famous5 .item .text {
  padding: 70px 50px; flex:1 1 0px; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.history_famous5 .item .h {
  font-size: 24px;
}
.history_famous5 .item .d {
  margin-left: 10px;
}
.history_famous5 .item .p {
  margin-top: 20px; display: none; max-height: 210px;
}
.history_famous5 .item .pic {
  width: 0px; overflow: hidden;
}
.history_famous5 .item .pic img {
  width: auto; height: 100%;
}
.history_famous5 .item.now {
  background: rgb(140, 114, 110); flex:1 1 0px; width: auto;
}
.history_famous5 .item.now .text {
  -ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb;
}
.history_famous5 .item.now .d {
  margin: 15px 0px 0px;
}
.history_famous5 .item.now .p {
  display: block;
}
.history_famous5 .item.now .pic {
  width: auto;
}
.history_famous6 {
  background: url("../image/png95.png") no-repeat left bottom;
}
.history_famous6 .content {
  background: url("../image/png94.png") no-repeat right bottom rgb(54, 45, 46); padding: 0px 100px; color: rgb(255, 255, 255); margin-top: 60px; display: flex; align-items: center;
}
.history_famous6 .pic {
  width: 343px; margin-right: 100px; transform: translateY(-15%);
}
.history_famous6 .pic img {
  width: 100%; height: auto;
}
.history_famous6 .text {
  flex:1 1 0px;
}
.history_famous6 .text .p {
  margin-top: 40px;
}
.visit1 .list {
  margin-top: 40px; display: flex; justify-content: space-around; align-items: center;
}
.visit1 .list .item {
  border-radius: 100%; width: 227px; height: 227px; text-align: center; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.visit1 .list .item::before {
  background: url("../image/png55.png") no-repeat center / contain; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.1);
}
.visit1 .list .item:hover::before {
  opacity: 1; transform: none;
}
.visit1 .list .item .ico {
  height: 80px; line-height: 80px; position: relative;
}
.visit1 .list .item .ico img {
  height: 100%; max-width: 100px;
}
.visit1 .list .item .h {
  font-size: 20px; margin-top: 20px; position: relative;
}
.visit1 .list .item .p {
  margin-top: 5px; position: relative;
}
.visit1 .content {
  display: flex;
}
.visit1 .l {
  width: 55px; line-height: 55px; display: flex; flex-direction: column;
}
.visit1 .l .fz40 {
  text-align: center; line-height: 1;
}
.visit1 .l .line {
  background: rgb(221, 221, 221); margin: 20px auto; flex:1 1 0px; width: 1px;
}
.visit1 .l .tabs {
  display: flex; flex-direction: column;
}
.visit1 .l .tabs a {
  background: url("../image/png74a.png") no-repeat center / cover; height: 130px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; margin-top: 10px; position: relative; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
}
.visit1 .l .tabs a.now::after {
  border-width: 12px 8px; border-style: solid; border-color: transparent transparent transparent rgb(0, 52,102); border-image: none; left: 100%; top: 50%; margin-top: -6px; position: absolute; content: "";
}
.visit1 .l .tabs a:nth-child(2) {
  background-image: url("../image/png74b.png");
}
.visit1 .l .tabs a:nth-child(3) {
  background-image: url("../image/png74c.png");
}
.visit1 .r {
  flex:1 1 0px; margin-left: 70px; position: relative;
}
.visit1 .r .d {
  display: none;
}
.visit1 .r .tip {
  left: 0px; bottom: 0px; position: absolute; max-width: 20%;
}
.visit1 .r .map {
  width: 100%; overflow: hidden; position: relative;
}
.visit1 .r .map img {
  width: 100%; height: auto;
}
.visit1 .r .map .a {
  left: 33.5%; top: 27%; width: 44%; display: none; position: absolute;
}
.visit1 .r .map .b {
  left: 34.4%; top: 4%; width: 27.3%; position: absolute;
}
.visit1 .r .map .c {
  left: 34.3%; top: 26.1%; width: 30%; position: absolute;
}
.visit1 .r .map .point {
  background: url("../image/png76b.png") no-repeat center; left: 0px; top: 0px; width: 21px; height: 24px; position: absolute; cursor: pointer;
}
.visit1 .r .map .point:hover {
  z-index: 1;
}
.visit1 .r .map .point .cont {
  background: rgb(255, 255, 255); padding: 25px 30px; left: 0px; top: -20px; width: 285px; margin-left: 35px; display: none; position: absolute; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.visit1 .r .map .point .cont::before {
  border-width: 10px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: none; top: 20px; right: 100%; position: absolute; content: "";
}
.visit1 .r .map .point:hover .cont {
  display: block;
}
.visit1 .r .map .point .h {
  background: url("../image/png76.png") no-repeat left; padding-left: 30px; font-size: 18px;
}
.visit1 .r .map .point .p {
  padding-left: 30px; margin-top: 15px;
}
.visit1 .r .map .point a {
  background: url("../image/png82.png") no-repeat center; width: 70px; height: 27px; margin-top: 10px; margin-left: 30px; display: inline-block;
}
.visit1 .r .zoom {
  right: 0px; bottom: 0px; display: none; position: absolute;
}
.visit1 .r .zoom .a {
  background: url("../image/png81a.png") no-repeat center; width: 46px; height: 46px; margin-right: 15px; display: inline-block;
}
.visit1 .r .zoom .b {
  background: url("../image/png81b.png") no-repeat center; width: 46px; height: 46px; display: inline-block;
}
.visit1 .text {
  text-align: center; margin-top: 50px;
}
.visit1 .text .h {
  font-size: 18px; display: flex; align-items: center;
}
.visit1 .text .h::before {
  flex:1 1 0px; margin-right: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; content: "";
}
.visit1 .text .h::after {
  flex:1 1 0px; margin-left: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; content: "";
}
.visit1 .text .p {
  padding: 0px 5%; margin-top: 20px;
}
.visit2 {
  background: url("../image/png78.png") no-repeat right bottom rgb(54, 45, 46); color: rgb(255, 255, 255); overflow: hidden;
}
.visit2 .frame {
  margin-top: 40px;
}
.visit2 .list {
  display: flex; flex-wrap: wrap;
}
.visit2 .list a {
  background: rgb(140, 114, 110); margin: 0px 0px 15px 15px; padding: 5px; width: calc(16.66% - 12.5px); display: block; box-sizing: border-box;
}
.visit2 .list a:hover {
  background: url("../image/png79.png") no-repeat right rgb(0, 52,102);
}
.visit2 .list a:nth-child(6n-5) {
  margin-left: 0px;
}
.visit2 .list a span {
  padding: 15px 0px; border: 1px dashed rgb(175, 157, 154); border-image: none; height: 100%; text-align: center; font-size: 18px; display: block; box-sizing: border-box;
}
.visit2 .navg {
  text-align: center; margin-top: 40px;
}
.visit2 .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block;
}
.visit2 .prev:hover {
  background-image: url("../image/arrow4c.png");
}
.visit2 .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block;
}
.visit2 .next:hover {
  background-image: url("../image/arrow4d.png");
}
.visit3 {
  background: url("../image/png80.png") no-repeat right bottom / 38% auto;
}
.visit3 .block {
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
.visit3 .d {
  width: calc(50% - 10px); margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.visit3 .d > img {
  width: 100%;
}
.visit3 :nth-child(-n+2).d {
  margin-top: 0px;
}
.visit3 .d .item {
  background: rgb(238, 235, 234); transition:0.2s ease-out; width: calc(50% - 10px); height: 285px; text-align: center; margin-top: 20px; display: flex; position: relative; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;
}
.visit3 .d :last-child.item {
  background: none;
}
.visit3 .d :nth-child(-n+2).item {
  margin-top: 0px;
}
.visit3 .d .item:hover {
  background: rgb(0, 52,102); color: rgb(255, 255, 255);
}
.visit3 .d .item:hover .a {
  display: none;
}
.visit3 .d .item:hover .b {
  display: inline-block;
}
.visit3 .d .item .ico {
  height: 90px; line-height: 90px;
}
.visit3 .d .item .ico img {
  height: 100%;
}
.visit3 .d .item .b {
  display: none;
}
.visit3 .d .item .h {
  font-size: 24px; margin-top: 25px;
}
.visit3 .d .item a {
  left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.visit4 {
  background-size: 100% auto; background1: url(../image/bg9.jpg) center bottom no-repeat;
}
.visit4 .title {
  padding-bottom: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.visit4 .list {
  display: flex;
}
.visit4 .item {
  padding: 40px 0px 0px 25px; flex:1 1 0px; font-size: 18px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative; box-sizing: border-box;
}
.visit4 .item::before {
  background: rgb(0, 52,102); transition:0.2s ease-out; left: 0px; top: 50%; width: 4px; bottom: 50%; position: absolute; content: "";
}
.visit4 .item:hover::before {
  top: 20%; bottom: 5%;
}
.visit4 .item .d {
  font-family: Impact; font-size: 48px;
}
.visit4 .navg {
  text-align: center; margin-top: 50px;
}
.visit4 .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block;
}
.visit4 .prev:hover {
  background-image: url("../image/arrow4e.png");
}
.visit4 .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block;
}
.visit4 .next:hover {
  background-image: url("../image/arrow4f.png");
}
.teachers {
  background: url("../image/bg26.png") no-repeat left 62%;
}
.teachers1 {
  position: relative;
}
.teachers1 .bg {
  left: 0px; width: 70%; height: 506px; bottom: 60px; position: absolute; background-size: cover;
}
.teachers1 .block {
  display: flex; position: relative; justify-content: flex-end;
}
.teachers1 .text {
  background: url("../image/png84.png") no-repeat right 0px bottom 20px rgba(128, 5, 4, 0.95); padding: 140px 60px 240px; width: 45%; color: rgb(255, 255, 255); box-sizing: border-box;
}
.teachers1 .links {
  font-size: 18px; margin-top: 100px;
}
.teachers1 .links a {
  width: 33.33%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers1 .links a::before {
  color: rgb(255, 255, 255);
}
.teachers2 {
  overflow: hidden;
}
.teachers2 .block {
  position: relative;
}
.teachers2 .bg {
  background: rgb(0, 52,102); left: 50%; top: 30%; right: 0px; bottom: 6%; position: absolute;
}
.teachers2 .pic {
  width: 60%; position: relative;
}
.teachers2 .pic img {
  width: 100%; height: auto;
}
.teachers2 .text {
  background: url("../image/png45.png") no-repeat right bottom rgb(255, 255, 255); padding: 90px 80px; left: 50%; top: 7%; right: 35px; bottom: 10%; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}
.teachers2 .links {
  font-size: 18px; margin-top: 50px;
}
.teachers2 .links a {
  width: 33.33%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers3 {
  padding-bottom: 130px; margin-top: 70px; position: relative;
}
.teachers3 .bg1 {
  background: rgb(74, 61, 62); left: 0px; height: 140px; right: 0px; bottom: 0px; position: absolute;
}
.teachers3 .bg2 {
  top: 0px; width: 20%; right: 0px; bottom: 0px; position: absolute; background-size: cover;
}
.teachers3 .text {
  padding: 130px 0px; width: 85%;
}
.teachers3 .links {
  font-size: 18px; margin-top: 50px;
}
.teachers3 .links a {
  width: 20%; margin-bottom: 20px; vertical-align: top; display: inline-block;
}
.teachers3 .block {
  position: relative;
}
.tutors .list {
  margin-top: 50px; position: relative;
}
.tutors .item {
  background: rgb(255, 255, 255); width: calc(50% - 12px); margin-right: 20px; margin-bottom: 20px; position: absolute; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.tutors :nth-child(2n).item {
  margin-right: 0px;
}
.tutors .item::after {
  background: rgb(0, 52,102); transition:0.3s ease-out; left: 0px; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.tutors .item:hover::after {
  width: 100%;
}
.tutors .item .t {
  background: url("../image/bg17.png") no-repeat center / cover; padding: 0px 40px; height: 70px; color: rgb(255, 255, 255); line-height: 70px;
}
.tutors .item .inner {
  padding: 40px 30px; position: relative;
}
.tutors .item .ico {
  float: left;
}
.tutors .item .text {
  padding: 15px 0px 0px 100px; font-size: 0px;
}
.tutors .item :first-child.text {
  padding-left: 40px;
}
.tutors .item .text a {
  width: 50%; line-height: 1.3; padding-left: 20px; font-size: 16px; margin-bottom: 35px; vertical-align: top; border-left-color: rgb(0, 52,102); border-left-width: 1px; border-left-style: solid; display: inline-block; white-space: nowrap; box-sizing: border-box;
}
.campus3a {
  background-position: bottom; background-repeat: no-repeat; background-size: 100% auto; background1: url(../image/bg6.jpg);
}
.campus3a .title {
  padding-bottom: 40px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.campus3a .list {
  display: flex;
}
.campus3a .item {
  padding: 40px 0px 0px 25px; flex:1 1 0px; font-size: 18px; border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid; position: relative; box-sizing: border-box;
}
.campus3a .item::before {
  background: rgb(0, 52,102); transition:0.2s ease-out; left: 0px; top: 50%; width: 4px; bottom: 50%; position: absolute; content: "";
}
.campus3a .item:hover::before {
  top: 20%; bottom: 5%;
}
.campus3a .item .d {
  font-family: Impact; font-size: 48px;
}
.campus3a .navg {
  text-align: center; margin-top: 50px;
}
.campus3a .prev {
  background: url("../image/arrow4a.png") no-repeat left; width: 70px; height: 25px; margin-right: 20px; display: inline-block; position: static;
}
.campus3a .prev:hover {
  background-image: url("../image/arrow4e.png");
}
.campus3a .next {
  background: url("../image/arrow4b.png") no-repeat right; width: 70px; height: 25px; display: inline-block; position: static;
}
.campus3a .next:hover {
  background-image: url("../image/arrow4f.png");
}
.history {
  background: rgb(238, 235, 234); overflow: hidden;
}
.history .list {
  padding: 0px 20px; margin-top: 30px; position: relative;
}
.history .list::after {
  left: 50%; top: 0px; height: 100%; border-left-color: rgb(170, 170, 170); border-left-width: 1px; border-left-style: dashed; position: absolute; content: "";
}
.history .list::before {
  background: url("../image/png93_12.png") no-repeat center; left: 50%; top: 0px; width: 57px; height: 57px; position: absolute; content: ""; transform: translateX(-50%);
}
.history .item {
  width: 50%; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: dashed; position: absolute; z-index: 1; box-sizing: border-box;
}
.history .item.l {
  padding: 0px 80px 100px 0px; text-align: right; right: 50%;
}
.history .item.l::before {
  background: url("../image/png93_13.png") no-repeat center; width: 44px; height: 44px; right: -22px; bottom: -22px; position: absolute; content: "";
}
.history .item.l::after {
  background: rgb(0, 52,102); border-radius: 100%; left: 0px; width: 7px; height: 7px; bottom: -3px; position: absolute; content: "";
}
.history .item.r {
  padding: 0px 0px 100px 80px; left: 50%;
}
.history .item.r::before {
  background: url("../image/png93_13.png") no-repeat center; left: -22px; width: 44px; height: 44px; bottom: -22px; position: absolute; content: "";
}
.history .item.r::after {
  background: rgb(0, 52,102); border-radius: 100%; width: 7px; height: 7px; right: 0px; bottom: -3px; position: absolute; content: "";
}
.history .item .pic {
  position: relative;
}
.history .item .pic .year {
  background: url("../image/png93_10.png") no-repeat center; border-radius: 100%; width: 264px; height: 264px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 264px; overflow: hidden; font-size: 32px; position: absolute;
}
.history .item .pic .year .h {
  display: inline-block;
}
.history .item .pic .year span {
  background: url("../image/png93_11.png") no-repeat center; left: 50%; top: 75%; width: 42px; height: 42px; position: absolute; transform: translate(-50%, -50%);
}
.history .item.r .pic .year {
  left: 0px; right: auto;
}
.history .item .pic .year a {
  left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.history .item .text {
  margin-top: 50px;
}
.history .item .text .h {
  font-size: 24px;
}
.history .item .text .d {
  color: rgb(0, 52,102); font-size: 18px; margin-top: 20px;
}
.history .item .text .p {
  color: rgb(102, 102, 102); line-height: 2.2; font-size: 12px; margin-top: 10px;
}
.history .item.l .text .p {
  text-align: right;
}
.history :last-child.item {
  left: 50%; width: 70%; text-align: left; padding-top: 100px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; transform: translateX(-50%);
}
.history :last-child.item::after {
  display: none;
}
.history :last-child.item::before {
  display: none;
}
.history :last-child.item .text .p {
  text-align: left;
}
.history :last-child.item .pic .year {
  left: 50%; transform: translateX(-50%);
}
.skin1 .title .more {
  margin-top: 20px;
}
.skin1 .more i {
  position: relative;
}
.skin1 .more i::after {
  background: url("../image/skin1/icon1.svg") no-repeat center / contain; left: 50%; width: 56px; height: 38px; bottom: 100%; margin-bottom: -22px; margin-left: -28px; position: absolute; content: "";
}
.home7 .d1 .more i::after {
  background-image: url("../image/skin1/icon1a.svg");
}
.home7 .d1 .more:hover i::after {
  background-image: url("../image/skin1/icon1.svg");
}
.skin1 .home5 {
  background: url("../image/skin1/bg2.png") no-repeat left bottom / 40% auto rgb(238, 235, 234);
}
.skin1 .home5 .list :nth-child(1).item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home5 .list :nth-child(4).item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home5 .list :last-child.item::before {
  background: url("../image/skin1/bg1.png") no-repeat left bottom;
}
.skin1 .home6 {
  background: url("../image/skin1/bg3.png") no-repeat bottom / contain;
}
.skin1 .home7 {
  background: url("../image/skin1/bg4.png") no-repeat right bottom / 70% auto rgb(56, 46, 47);
}
.skin1 .home8 .l .list {
  background: url("../image/skin1/bg1.png") no-repeat left bottom rgb(255, 255, 255);
}
.skin1 .home10 {
  background: url("../image/skin1/bg5.png") no-repeat bottom / 100% auto;
}
.skin1 .home9 .title .more {
  margin-top: 150px;
}
.skin2 .more i {
  position: relative;
}
.skin2 .more i::after {
  background: url("../image/skin2/icon1.svg") no-repeat center / contain; top: 50%; width: 41px; height: 49px; right: 100%; margin-top: -25px; margin-right: -10px; position: absolute; content: "";
}
.skin2 .home9 .more i::after {
  top: 0px; right: 50%; margin-top: -37px; margin-right: -20px;
}
.skin2 .home5 {
  background: url("../image/skin2/bg1.png") no-repeat left bottom / 20% auto rgb(238, 235, 234);
}
.skin2 .home6 {
  background: url("../image/skin2/bg2.png") no-repeat bottom / 100% auto;
}
.skin2 .home7 {
  background: url("../image/skin2/bg3.png") no-repeat bottom / 100% auto rgb(56, 46, 47);
}
.skin2 .home9 {
  position: relative;
}
.skin2 .home9::before {
  background: url("../image/skin2/bg4.png") no-repeat left bottom; left: 0px; width: 380px; height: 547px; bottom: -380px; position: absolute; content: "";
}
.skin2 .home9 :nth-child(1).item .pic {
  background-image: url("../image/skin1/pic7.jpg");
}
.skin2 .home9 :nth-child(2).item .pic {
  background-image: url("../image/skin1/pic8.jpg");
}
.skin2 .home9 :nth-child(3).item .pic {
  background-image: url("../image/pic26.jpg");
}
.skin2 .home9 :nth-child(4).item .pic {
  background-image: url("../image/skin1/pic6.jpg");
}
.skin2 .home10 {
  background: none; position: relative;
}
.skin2 .home10 .part1 .list {
  position: relative;
}
.skin2 .home10::before {
  background: url("../image/skin2/bg5.png") no-repeat right bottom; width: 738px; height: 524px; right: 0px; bottom: -160px; position: absolute; content: "";
}
.skin2 .home7 .d1 .more i {
  background-image: url("../image/skin2/more1b.svg");
}
.skin2 .home7 .d1 .more i::after {
  background-image: url("../image/skin2/icon1a.svg");
}
.skin2 .home7 .d1 .more i::before {
  background-image: url("../image/skin2/more1b.svg");
}
.skin2 .home7 .d1 .more:hover i::before {
  background-image: url("../image/skin2/more1c.svg");
}
.skin2 .home10 .part1 .btns {
  position: relative;
}


.li-bottom{width:369px;height:88px;background:url(../images/yaowen.png) no-repeat;position:relative;}
.li-bottom p{padding:19px; font-size:16px; line-height:25px;}
.li-bottom p a{color:#000;}
.li-bottom p a:hover{color:#003466}
.li-bottom .time{position:absolute; right:15px; bottom:15px; font-size:12px; color:#666666;}
.main-box1{overflow:hidden; width:100%; min-width:1230px;}
.main-box1-con{width:1200px; margin:0px auto;}
.main-box1-con-top{height:56px;  border-bottom:2px solid #f2f2f2;}
.top-left{float:left; margin-top:14px;font-size:24px;}
.top-left a{ color:#000;}
.top-right{float:right; margin-top:22px;}
.top-right a{color:#000; font-size:18px; float:left; margin-left:5px;}
.main-box1-con-bottom-left{float:left; width:768px;}
.main-box1-con-bottom-left ul li{width:369px; float:left; margin:10px 13px 0px 0px; overflow:hidden;}
.li-boxs{border-top:4px solid #2886eb;}
.li-boxs-bt{padding:30px 15px; border-bottom:1px dashed #e5e5e5; line-height: 25px;}
.li-boxs-bt a{color:#003466; font-size:16px; }
.li-boxs-zy{position:relative; height:168px; line-height: 25px; padding:0 15px;}
.li-boxs-zy a{color:#003466; font-size:12px; display:block;}
.li-boxs-zy a:hover{color:#003466;}
.li-boxs-zy p{padding-top:30px; text-indent:2em}
.li-boxs-zy .time{position:absolute; right:15px; bottom:15px; font-size:12px; color:#666666;}
.li-top{height:195px; width:369px;}
.li-top img{height:195px; width:369px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.li-top img:hover{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;
}
.main-box1-con-bottom-right{float:right;width:410px; margin-top:22px;}
.main-box1-con-bottom-right ul li{padding:4px 0px;border-bottom:1px solid #e0e0e0; width:410px; overflow:hidden; float:left; 
}
.main-box1-con-bottom-right ul li a{display: block;  font-size:16px; line-height:24px; height:48px; overflow:hidden; color:#000; float:left; width:350px;}
.main-box1-con-bottom-right ul li a:hover{color:#003466}
.main-box1-con-bottom-right ul li span{float:right; margin-top:16px; font-size:12px; color:#656565; margin-right:5px;}

#tabsyyl{width: 450px;position:relative;background: #eee;margin:40px auto;height: 530px;}
#tabsyyl .tab_menu{width:100%;float:left;position:absolute;z-index:1; background-color: #003466; padding-top: 8px;}
#tabsyyl .tab_menu li{float:left;width: 225px;height:52px;line-height:52px;cursor:pointer;text-align:center;}
#tabsyyl .tab_menu li.news{background: url(../images/news.png) no-repeat 25px center; background-size: auto 30px;}
#tabsyyl .tab_menu li.inform{background: url(../images/inform.png) no-repeat 25px center; background-size: auto 30px;}
#tabsyyl .tab_box{width: 450px;height:460px;clear:both;top:60px;position:relative;background-color: #eee;padding-top:10px;}
#tabsyyl .tab_menu .selected{cursor:pointer;}
#tabsyyl .tab_menu li.news.selected{background:url(../images/news_set.png) no-repeat 25px center #eee; background-size: auto 30px;}
#tabsyyl .tab_menu li.inform.selected{background:url(../images/inform_set.png) no-repeat 25px center #eee; background-size: auto 30px;}
.hide{display:none;}
#tabsyyl .tab_menu li a{display: block;font-family: ????;font-size: 19px;font-weight:bold;line-height: 52px;height:52px;overflow:hidden;color:#eee;float:left;width:195px;}
#tabsyyl .tab_menu .selected  a{color:#003466;}



.yblie{height:70px;width: 450px;position: relative;background-color: #eee;margin-top:10px;background:none;color:#9a9a9a; border-bottom: dashed 1px #999;}
.yblie:hover {transition: 0.3s ease-out;
background: #e07000;
color:#003466;
font-size:15px;
-webkit-box-shadow: #e07000 0px 0px 10px;
   -moz-box-shadow: #e07000 0px 0px 10px;
   box-shadow: #e07000 0px 0px 10px;
margin-top:10px;
border-bottom: dashed 1px #e07000;
}
.yblie span{background-color: #003466; color: #fff; width: 39px; *+width: 47px; width: 47px\0; height: 39px; *+height: 47px; height: 47px\0; float: left; margin: 6px 5px 16px 28px;}
/*.yblie span b{font-size: 20px; text-align: center; width: 30px; display: block; margin: 2px auto 0; border-bottom: solid 1px #fff; line-height: 20px; height: 20px;}*/
.yblie span b{font-size: 28px; text-align: center; width: 30px; display: block; margin: 2px auto 0; line-height: 34px; height: 20px;}
.yblie span p{font-size: 12px; display: block; margin-left: -2px; *+margin-left: 1px; margin-left: 1px\0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
.yblie:hover span{background-color: #fff; color: #e07000;  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .05s ease-in; -moz-transition: all .05s ease-in; transition: all .05s ease-in;}
/*.yblie:hover span b{border-bottom: solid 1px #e07000;}*/
.yblie a{height:70px;display: block;font-family: "Microsoft Yahei";font-size:15px;color: #333;font-weight: 500;}
.yblie a:hover {
transition: 0.2s ease-out;
height:70px;
display: block;
color: #fff;
font-weight: 500;
width:350px;
padding-top:14px;

}


.geng2duo{cursor:pointer;height:31px;width:100px; margin-top:20px; float: right;}
.geng2duo a{display: block; float: right; font-size: 12px;}



.boxzzhh{width: 700px;height: 530px;margin:40px auto;overflow: hidden;position: relative;}
.boxzzhh_img{width: 700px;height: 530px;overflow: hidden;}
.boxzzhh_img ul li{position: absolute;display: none;}
.boxzzhh_img ul li a{display: block;width: 700px;height: 530px;font-size: 100px;text-align: center;line-height: 250px;color: #fff;}
  
.boxzzhh_tab{position: absolute;bottom: 133px; left: 0; text-align: center;width: auto; overflow: hidden;}
.boxzzhh_tab a{display: block;float: left; position: relative;width:80px;height:80px;font-size: 10px;background: #fff;color: #333;opacity: 0.8;left: 0; top: 0;}
.boxzzhh_tab a b{font-size: 24px; text-align: center; display: block; margin: 13px auto 0; line-height: 30px; height: 30px; color: #fff; position: relative; z-index: 2;}
.boxzzhh_tab a p{font-size: 16px; margin: 2px auto; display: block; color: #fff;  position: relative; z-index: 2;}
.boxzzhh_tab a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003466; z-index: 1;}
.boxzzhh_tab a.active{background: #fff;}
.boxzzhh_tab a.active b{color: #fff;}
.boxzzhh_tab a.active p{color: #fff;}
.boxzzhh_tab a.active span{background: #e07000;}
.boxshang{float:left;width: 700px;height: 400px;background: #f90;border-bottom: 3px solid #f2cb10;}
.boxxia{width: 700px;height: 130px;padding: 20px 20px 0 20px;background: #FFF;float:left;}
.boxxia h4{text-align: left; font-family: 微软雅黑; font-size: 20px; font-weight: bold; color: #003466; margin: 0 0 10px 12px; float: left; width: 650px; height: 30px; line-height: 30px;}
.boxxia p{text-align: left; font-family: 微软雅黑; font-size: 12px; color: #666; margin-left: 12px; float: left; width: 640px; max-height: 54px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}




svg{
  fill: currentColor;
}
.mt-tabpage {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.mt-tabpage-title {
  /* height: 44px; */
  font-size: 0;
  width: 1200px;
  margin:auto;
  text-align:center;
  
  font-family: "Microsoft Yahei"; font-size:22px;font-weight:bold;
  color:#FFF;
  
}
.mt-tabpage-title .mt-tabpage-item {
  display: inline-block;
  width: 145px;
  height: 44px;
  margin-top:0px;
  line-height: 44px;
  text-align: center;
  color: #00447b;
  font-size: 26px;
  background:url(../images/bbttaa.png) no-repeat;
}
.mt-tabpage-title .mt-tabpage-item:hover{
  color: #fff;
    background:url(../images/bbttbb.png) no-repeat;

}
.mt-tabpage-title .mt-tabpage-item-cur {
  color: #fff;
  font-size: 26px;background:url(../images/bbttbb.png) no-repeat;
  
}
.mt-tabpage-count {
  position: relative;
  width: 1200px;
  height: 600px;
  display: block;
  /* float: right; */
  overflow: hidden;
  top: 0px;
  background-color:#FFF;
}
.mt-tabpage-count .mt-tabpage-item2 {
  width: 1104px;
  height: 276px;
  line-height: 276px;
  text-align: center;
}
.mt-tabpage-count2 {
  position: relative;
  width: 1104px;
  height: 276px;
  display: block;
  overflow: hidden;
  top: 0px;
}
/*.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li{height: 132px; width: 138px; float: left; background-color:#f2f2f2;}
.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li.biaogggmid2{background-color:#f7f7f7;}
.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li img{display: block; margin: 20px auto; height:96px; width:100px;}
.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li img:hover{margin: 10px auto; height:115px; width:120px; -webkit-transition:all 2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.6s ease;}*/

.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li{height: 137px; width: 138px; float: left;}
.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li.biaogggmid2{background-color:#f7f7f7;}
.mt-tabpage-count2 ul.mt-tabpage-cont__wrap li img{display: block; margin: 3px auto; height:114px; width:131px;}
.mt-tabpage-cont__wrap {
  position: absolute;
}
.index-3 {
  background:#0962a4;
}
.index-3-2 {
  margin:auto;
  background: url(../images/22222.png) no-repeat;
  background-size: 100%;
  /* position: relative; */
  /* z-index: -2; */
}
.index-3-a {
  margin:auto;
  background:url(../images/222222.png) no-repeat;
}
.index-4 {
  background: #fff;
  /* background:url(../images/22222.png) no-repeat; */
}
index-4-2 {
  margin:auto;
}
.biaogggmid{
  background-color:#F0F;
  height: 200px;
  width: 200px;
  float:left;
}
.biaogggmid3
{
  height: 138px;
  width: 138px;
  float:left;
  position: relative;
  z-index: -2;
}
.biaogggmid img:hover{ -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);-webkit-transition:all 2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.6s ease;
}
.sangggtu{width: 300px;float:left;margin-left:50px; margin-top:50px;
  height: 200px;background-color:#FF0;}
  
.sangggtu img:hover{ -webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);transform:scale(1.07);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;
}
.sangggzi{width: 280px;float:left;margin-left:50px;    overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; 
  font-family: "Microsoft Yahei";
          -webkit-box-orient: vertical;padding-left:20px;
  height: 30px; line-height:30px;}

.mt-tabpage-count .mt-tabpage-item {
  width: 1200px;
  height: 600px;
  line-height: 276px;
  text-align: center;
}

.special_href img:hover
{ 
margin-top:-5px;  
-webkit-transition: all  ease-in-out 0.3s;
-o-transition: all  ease-in-out 0.3s;
-moz-transition: all  ease-in-out 0.3s;
transition: all  ease-in-out 0.3s;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.16);

}
.special_href_2 img:hover
{ 
margin-top:-5px;  
-webkit-transition: all  ease-in-out 0.3s;
-o-transition: all  ease-in-out 0.3s;
-moz-transition: all  ease-in-out 0.3s;
transition: all  ease-in-out 0.3s;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.16);

}
}



.container{
  width:1200px;text-align:center;
  margin:0 auto;
}
.container .nav{width:545px; text-align:center; margin:0 auto;}
.container .nav span{display: block; width:180px; margin-top:50px;  font-family: "Microsoft Yahei"; font-size:26px;font-weight:bold;
  color:#FFF; 
 text-align:center; line-height:60px; color:#666; float:left; cursor:pointer;}
 
.container .nav span.active{color:#fff;}
.container .nav span.active a{color:#fff;border-bottom:1px solid #FFF;}

.content{ margin-top:90px; width:1200px;position:relative; overflow:hidden;height:400px;}
.content .box{position:absolute;width:1200px;height:300px;}
.content ul{float:left; width:1200px;}
.content ul li{display: block; height:300px; width:1100px; margin-left:50px;float:left; text-align:center; line-height:218px; background-color:#FFF}
.content ul li+li{margin-left:0px;}




.special_title{width:1200px;height: 35px;font-family: "Microsoft Yahei";font-size:26px;font-weight:bold;color:#FFF;text-align:center;line-height:75px;}

.special_title a {border-bottom:1px solid #FFF;}
.special_main {width:1200px;height: 100px;}
.special_href {width: 228px;height:100px;margin-right: 15px;float: left;}
.special_href_2 {width: 228px;height:100px;float: left;}
.zuoce2 {
  width:96px;
  height: 276px;
  top: 0px;
  position: relative;
  float: left;
}
.zuoce2 img{width: 35px; height: 146px; display: block; margin: 65px auto;}
.syfc {
  margin:0 auto;
  padding: 40px 0;
  height:auto;
  width:1200px;
  position: relative;
  background: url(../images/bgc_02.png) no-repeat 30% 0;
}
.syfc .syfc_title{position: absolute; top: 30px; left: 0;}
.syfc .syfc_title img{width: 150px; height: auto; margin-bottom: 10px;}
.syfc .syfc_main{overflow: hidden;}
.syfc .syfc_main ul{overflow: hidden; height: 460px; margin-bottom: 40px; position: relative; width: 1200px;}
.syfc .syfc_main ul li{width: 228px; height: 140px; cursor: pointer; position: absolute;}
.syfc .syfc_main ul li.bigimg{width: 470px; height: 292px;}
.syfc .syfc_main ul li img{display: block; width: 100%; height: 100%;}
.syfc .syfc_main ul li .text_layer{position: absolute; width: 100%; height: 100%; background-color: #B39B77; z-index: -1; top: 0; left: 0; color: #FFFFFF; opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; *+display: none; display: none\0;}
.syfc .syfc_main ul li .text_layer p{padding: 10% 5% 0 5%; font-size: 30px;}
.syfc .syfc_main ul li .text_layer b{padding: 0 5%; font-size: 16px;}
.syfc .syfc_main ul li .text_layer span{width: 35px; display: block; height: 2px; background: #fff; border-radius: 5px; margin: 10% 5% 0 5%;}
.syfc .syfc_main ul li:hover .text_layer{opacity: 1; *+display: block; display: block\0; z-index: 2;}
.syfc .syfc_main ul li.syfcli01{top: 0; left: 0;}
.syfc .syfc_main ul li.syfcli02{top: 0; left: 242px;}
.syfc .syfc_main ul li.syfcli03{top: 154px; left: 0;}
.syfc .syfc_main ul li.syfcli04{top: 0; left: 486px;}
.syfc .syfc_main ul li.syfcli05{top: 306px; left: 486px;}
.syfc .syfc_main ul li.syfcli06{top: 306px; left: 728px;}
.syfc .syfc_main ul li.syfcli07{top: 0; left: 972px;}
.syfc .syfc_main ul li.syfcli08{top: 152px; left: 972px;}
.syfc .syfc_main ul li.syfcli09{top: 306px; left: 972px;}
.syfc .bannerx{width: 1200px; overflow: hidden; position: relative; padding-top: 40px;}
.syfc .bannerx .dots_box{position: absolute; top: 0; right: 0;}
.syfc .bannerx .dots{display: inline-block; overflow: hidden;}
.syfc .bannerx .dots li{
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border-radius: 6px;
    background: #999;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s,opacity .5s;
    -moz-transition: background .5s,opacity .5s;
    transition: background .5s,opacity .5s;
  *+display: block;
  float: left;
}
.syfc .bannerx .dots li.active {
    background: #e57b12;
    opacity: 1
}
.foot2 {
  height: auto;
  width:100%;
  background-color: #00264d;
}
.foot2 .foot2_box {
  margin: auto;
  width:1200px;
  display: block;
  position: relative;
  color: #CDD2D8;
  padding: 30px 0 5px;
}
.foot2 .foot2_box a:hover{text-decoration: underline;}
.foot2 .foot2_box .foot2_top{overflow: hidden; text-align: center;}
.foot2 .foot2_box .foot2_top span{float: left; padding-right:28px; font-size: 16px; font-weight: bolder;}
.foot2 .foot2_box .foot2_top a{color: #CDD2D8;}
.foot2 .foot2_box .foot2_top .foottop_1 ul{overflow: hidden; display: block; width: auto; float: left; margin-right: -12px;}
.foot2 .foot2_box .foot2_top .foottop_1 ul li{float: left; padding-right: 10px; margin-right: 10px; border-right: solid 2px #CDD2D8; height: 20px; line-height: 20px; font-size: 16px; font-weight: bolder;}
.foot2 .foot2_box .foottop_1,.foot2 .foot2_box .foottop_2{overflow: hidden; display: inline-block; margin: 0 atuo; *+display: block; *+width: 690px;}
.foot2 .foot2_box .foottop_2{margin-right: -12px;}
.foot2 .foot2_box .foot2_center{overflow: hidden; margin-right: -110px; padding: 35px 0 30px; position: relative;}
.foot2 .foot2_box .foot2_center .foot2center_li{float: left; margin-right: 75px; position: relative;}
.foot2 .foot2_box .foot2_center .foot2center_li b{font-weight: bolder; line-height: 30px;height: 30px; font-size: 16px;}
.foot2 .foot2_box .foot2_center .foot2center_li p{line-height: 28px;height: 28px;}
.foot2 .foot2_box .foot2_center .foot2logo{ width: 252px; margin: 7px 0;}
.foot2 .foot2_box .foot2_center .foot2logo img{display: block; width: 100%; height: auto;}
.foot2 .foot2_box .foot2_center .foota{width: 280px; padding: 12px 0;}
.foot2 .foot2_box .foot2_center .foota img{display: block; width: 100%; height: auto;}
.foot2 .foot2_box .foot2_center ul.network_platform{position: absolute; z-index: 1; bottom: 5px; right: -4px;}
.foot2 .foot2_box .foot2_center ul.network_platform li{float: left; width: 30px; height: 30px; padding: 3px; *+width: 24px; *+height: 24px;}
.foot2 .foot2_box .foot2_center ul.network_platform li img{display: block; width: 100%; height: 100%;}
.foot2 .foot2_box .foot2_bottom{overflow: hidden; height: 50px; position: relative;}
.foot2 .foot2_box .foot2_bottom a{color: #CDD2D8;float:left}
.foot2 .foot2_box .foot2_bottom .foot2bottom_left{float: left; height: 50px; line-height: 50px;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_left b{font-weight: bolder; display: block;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_left p{font-size: 12px; display: block;line-height:24px;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_right{float: right; width: 150px;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_right img{display: block; width: 100%; height: auto;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_center{position: absolute; top: 0; left: 50%; margin-left: -150px; width: 300px; height: 50px; line-height: 50px; text-align: center;}
.foot2 .foot2_box .foot2_bottom .foot2bottom_center p{font-size: 12px; display: block;}

/*新增样式*/
.foot2 .foot2_box .foot2_center ul.network_platform li .img_ewm{display: none; position: absolute; top: -70px; left: 190px; border: #E1E1E1; border-radius: 5px; background: #fff; width: 120px; height: 140px; padding: 7px;}
.foot2 .foot2_box .foot2_center ul.network_platform li .img_ewm .img_box{width: 106px; height: 106px;}
.foot2 .foot2_box .foot2_center ul.network_platform li .img_ewm p{color: #333; height: 30px; line-height: 30px; text-align: center; font-size: 14px;}
.foot2 .foot2_box .foot2_center ul.network_platform li:hover .img_ewm{display: block;}
.foot3 {
  height: 54px;
  width:100%;
  /* position: absolute; */
  background-color: #00264d;
}
.foot3 img {
  margin: auto;
  width:1200px;
  display: block;
  position: relative;
}
.index1 {
  margin: auto;
  width:1200px;
  display: block;
  position: relative;
}

/*header2*/
.header2 .d1 .block .nav_l{width: 1200px; margin: 0; overflow: hidden;}
.header2 .d1 .block .nav_l .aui-search-result-box{margin-left: 0; display: none;}
.header2 .d1 .block .nav_l .aui-search-result-box .icon-search-tn{*+top: 8px;}
.header2 .d1 .block .nav_l span.headr_l{float: left;}
.header2 .d1 .block .nav_l span.headr{margin-right: 0;}
.header2 .d2 .logo{margin-left: 0;}

/*搜索弹窗*/
#myalert{ display:none; }
.layer-1{position:fixed;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index: 1000000;}
.layer-1 .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-145px;text-align:center; z-index: 100000}
.layer-1 .guan{background:url(/Public/static/themes/image/clos.png) no-repeat center; display:block;width:23px;height:23px;position:absolute;top:10px;right:10px;}
.layer-1 .text{padding-bottom:15px;font-size:16px;color:#474747;}
.layer-1 .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070; cursor: pointer; opacity: 1; transform: translateY(0px);}

/*sj-main*/
.sj-body .sj-main{margin:20px auto 0;  height:auto; width:1200px; overflow: hidden;}
.sj-body .sj-main1{margin:0 auto;  height:170px; width:1200px;}

/*index_main*/
.index_main{margin:0 auto;  height:730px; *+height: 600px; width:100%;padding-top:130px;background:#eeeeee url(../images/bgc_02.png) no-repeat 45% 15%;}
.index_main .index_main_left{margin:0 auto;height:600px; width:700px; float:left; background: url(../images/bgc_02.png) no-repeat left 530px;
}
.index_main .index_main_right{margin:0 auto; margin-left:50px; height:400px; width:450px; float:left;}

/*index-3-a-box*/
.index-3-a-box{margin:0 auto;  height:400px; width:1200px;margin-top:0px;}

/*index_main1*/
.index_main1{margin:0 auto;  height:400px; width:1200px;margin-top:0px; background: url(../images/bgc_02.png) no-repeat right 0}

/*index_main2*/
.index_main2{margin: 0 auto; height: 586px; width: 1200px; margin-top: 0px; position: relative; background-color: #fff; z-index: -2;}

/*index_main3*/
.index_main3{margin:0 auto;  height:170px; width:1200px; background: url(../images/bgc_02.png) no-repeat 35% 145%;}
.index_main3 .special_title{background: url(../images/bgc_02.png) no-repeat 85% 50%;}

/*index-6*/
.index-6{background: url(../images/bgc_02.png) no-repeat 60% -15%}
.index-6-2-box{margin:0 auto;  height:320px; width:1200px;margin-top:0px;}

/**/
.detailContent{}
.detailContent .column_2{width: 765px; float: left;}
.detailContent .column_2 .contentNav{padding-top: 20px; border-bottom: 1px solid #ddd; margin-bottom: 30px;font-size:14px;}
.detailContent .column_2 .contentNav .nav{color:#999; font-family:sans-serif;}
.detailContent .column_2 .contentNav .nav a{color:#999; font-size:14px;}
.detailContent .column_2 .contentNav .nav a:hover{color:#00447c;}
.detailContent .column_2 .contentNav h1{line-height:1em; padding: 0.7em 0 0.7em; font-size: 28px; color: #00447c;}
.detailContent .column_2 .contentNav h1 span{line-height: 1em; padding: 0.7em 0 17px; border-bottom: 3px solid; display: inline-block;}
.detailContent .column_2  h1{line-height: 1.5em; padding: 0; margin-bottom: -2px;color:#003366}
.detailContent .column_2  h6{line-height: 1.5em; padding: 0.7em 0 0.7em; color: #999;font-size:14px;}
.detailContent .column_2 {margin: 0 30px 0 0;width: 750px; float: left; font-size: 14px; line-height: 24px; color: #444444;}
.detailContent .column_2  .tab-list{padding-bottom: 30px;}
.detailContent .column_2  table.menu{width: 100%; text-align: center; border-collapse: initial; border: 0;}
.detailContent .column_2  table.menu tr{border-bottom: 1px solid #EBEBEB;}
.detailContent .column_2  table.menu tr.tab-tit{font-size: 18px;}
.detailContent .column_2  table.menu tr.tab-01{text-align: left;}
.detailContent .column_2  table.menu tr.tab-02{text-align: left; padding-left: 20px;}
.detailContent .column_2  table.menu tr td{padding: 0.6em 0 0.6em 0em; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; vertical-align: top; width: 50%;}
.detailContent .column_2  table.menu.tabs2 tr td{width: 0;}
.detailContent .column_2  table.menu tr td a:hover{color: #e57b12;}
.detailContent .column_2  table.menu tr.tab-01 td{padding-left: 10px !important; position: relative;}
.detailContent .column_2  table.menu tr.tab-01 td a{position: relative; z-index: 1;}
.detailContent .column_2  table.menu tr.tab-01 td span{background: #ebebeb; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;}
.detailContent .column_2  table.menu tr.tab-02 td{padding-left: 10px !important;}
.detailContent .column_2 .article table{width: 100%; text-align: center; border-collapse: collapse; border: 0;float:left;margin-bottom:15px;}

.detailContent .column_2 .article table tr{border-bottom: 1px solid #EBEBEB;}
.detailContent .column_2 .article table tr.tab-tit{font-size: 18px;background:#003466;color:white;}
.detailContent .column_2 .article table tr.tab-01{text-align: left;background:#ebebeb;}
.detailContent .column_2 .article table tr.tab-02{text-align: left; padding-left: 20px;}
.detailContent .column_2 .article table tr td{padding: 0.6em 0 0.6em 0em; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; vertical-align: top;font-size: 16px;}
.detailContent .column_2 .article table.tabs2 tr td{width: 0;}
.detailContent .column_2 .article table tr td a:hover{color: #e57b12;}
.detailContent .column_2 .article table tr td a{color: #000;}
.detailContent .column_2 .article table tr.tab-01 td{padding-left: 10px !important; position: relative;width:50%}
.detailContent .column_2 .article table tr.tab-01 td a{position: relative; z-index: 1;}
.detailContent .column_2 .article table tr.tab-01 td span{background: #ebebeb; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;}
.detailContent .column_2 .article table tr.tab-02 td{padding-left: 10px !important;width:50%}
.detailContent .column_2 .article table.zc tr td{border:0;padding: 0.6em 0 0.6em 0em;vertical-align: top;}
.detailContent .column_2 .article table tr.tab-011 td{background: #ebebeb;text-align:center;vertical-align: middle;}
.detailContent .column_2 .article table tr.tab-022 td{text-align:center;vertical-align: middle;}

.detailContent .column_2 .article table.zc tr{border-bottom: 0px solid white;}

.detailContent .column_2  .vsb_content p
{
  padding:0.4em 0;
  text-align: justify;
  line-height: 32px;
  font-size: 16px;
  }
.detailContent .column_2  .vsb_content p:first-child
{
  padding-top:0;}
.zuozhe{font-size: 12px;
    float: right;
    line-height: 20px;}
.pre{font-size: 16px;
    line-height: 30px;
  padding-top: 15px;
    float: left;
    width: 780px;
   }
.next{font-size: 16px;
    line-height: 30px;
    float: left;}
.detailContent .column_1{width: 390px; margin-top: 40px; float: left; margin-left: 30px;}
.detailContent .column_1 .ej-title{height: 60px; line-height: 30px;}
.detailContent .column_1 .ej-title img{height: 30px; float: left; margin-right: 10px; border: 0px; vertical-align: bottom;}
.detailContent .column_1 .ej-title h2{font-size: 20px; float: left; font-weight: 600; color: #003466;}
.detailContent .column_1 .ej-title p{font-size: 14px; float: right;}
.detailContent .column_1 .bannerx{position: relative;
    overflow: auto;
    text-align: center;
    width: 390px;
  *+height: 310px!important;
    margin: 0 auto;
}
.detailContent .column_1 .bannerx ul{z-index: 1;width: 600%; overflow: hidden;}
.detailContent .column_1 .bannerx ul .slider-item {
    width: 390px;
    float: left;
    height: 310px;
    position: relative;
    overflow: hidden;
}
.detailContent .column_1 .bannerx ul .slider-item .slider-title {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 15px;
    text-align: left;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: -webkit-linear-gradient(top, transparent, rgba(10,79,148,1));
    background: url(../images/slider-info-bg.png) \9;
}
.detailContent .column_1 .bannerx .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    min-height: 3px;
    overflow: hidden;
    z-index: 2;
}
.detailContent .column_1 .bannerx .arrow {
    position: absolute;
    width: 15px;
    height: 25px;
    top: 42%;
    margin-top: -18px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.detailContent .column_1 .bannerx #al{left: 15px;}
.detailContent .column_1 .bannerx #ar{right: 15px;}
.detailContent .column_1 .bannerx .dots_box{width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 2;}
.detailContent .column_1 .bannerx .dots {display: inline-block; overflow: hidden; *+margin: 0 0 15px 45%;}
.detailContent .column_1 .bannerx .dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border-radius: 6px;
    background: #999;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s,opacity .5s;
    -moz-transition: background .5s,opacity .5s;
    transition: background .5s,opacity .5s;
  *+display: block;
  float: left;
}

.detailContent .column_1 .bannerx .dots li.active {
    background: #e57b12;
    opacity: 1
}
.detailContent .column_1 .ej-title2 {
  height: 45px;
  line-height: 30px;
  border-bottom: 2px solid #666;
  margin-top: 20px;
}
.detailContent .column_1 .ej-title2 h2 {
  font-size: 20px;
  float: left;
  font-weight: 600;
  color: #003466;
}
.detailContent .column_1 .ej-title2 p {
  font-size:14px;
  float: right;
}
.detailContent .column_1 .ej-title2 img {
  height:30px;
  float:left;
  margin-right:10px;
}
.detailContent .column_1 .ej-title3 {
  height: 45px;
  line-height: 30px;
  margin-top: 20px;
}
.detailContent .column_1 .ej-title3 h2 {
  font-size: 20px;
  float: left;
  font-weight: 600;
  color: #003466;
}
.detailContent .column_1 .ej-title3 p {
  font-size:14px;
  float: right;
}
.detailContent .column_1 .ej-title3 img {
  height:30px;
  float:left;
  margin-right:10px;
}
.detailContent .column_1 .ej-r-text {
  width:100%;
  margin: 20px 0 40px 0;
}
.detailContent .column_1 .ej-r-text a:hover{
  color: #e57b12;
}
.detailContent .column_1 .ej-r-text1 {
height: 100%;
border-bottom: 1px dashed #999;
margin-bottom: 20px;
overflow: hidden;
}
.detailContent .column_1 .ej-r-text1 p {

float: left;

margin-right: 20px;
}
.detailContent .column_1 .ej-r-text1 h2 {
float: left;
font-size: 16px;
line-height: 35px;
display: block;
width: 100%;
}
.detailContent .column_1 .ej-r-text1 img {
  
float: left;
  
height: 20px;
  
width: 20px;
  
margin-right: 10px;
}

.detailContent .column_1 .ej-r-text2 {
height: 100%;
border-bottom: 1px dashed #999;
margin-bottom: 20px;
overflow: hidden;
}
.detailContent .column_1 .ej-r-text2 p {

float: left;

margin-right: 20px;
}
.detailContent .column_1 .ej-r-text2 h2 {
float: left;
font-size: 16px;
line-height: 35px;
display: block;
width: 100%;
}
.detailContent .column_1 .ej-r-text2 img {
  
float: left;
  
height: 20px;
  
width: 20px;
  
margin-right: 10px;
}
.detailContent .column_1 .ej-r-text3{
  overflow: hidden;
}
.detailContent .column_1 .ej-r-text3 a{
  width: 130px;
  height: 124px;
  float: left;
  overflow: hidden;
}
.detailContent .column_1 .ej-r-text3 img{
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.detailContent .column_1 .ej-r-text3 img:hover{
  width: 144px; height: 138px; margin: -7px; max-width: none; max-height: none; -webkit-transition:all 2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.6s ease;
}
.yahei{
  font-family:"\5FAE\8F6F\96C5\9ED1";}
.detailContent .column_1 .leftNav{border-left: 12px solid #0c7b8a;
    position: relative;
    top: -34px;
    left: 0px;
    width: 100%;}
.detailContent .column_1 .leftNav h3
{
  background: #0c7b8a;
  color:#fff;
  font-size:22px;
  line-height:68px;
  padding:0 22px;
  }


.detailContent .column_1 .leftNav .menuicon {
  color: #fff;
  float: right;
  text-indent:0;
  display:none;}

.detailContent .column_1 .leftNav li
{
  /* border-bottom:1px solid #ddd; */
  font-size:15px;
  line-height:22px;
  zoom:1;
  position:relative;
  }

.detailContent .column_1 .leftNav ul
{
  border-top:1px solid #ddd;
  margin-top:20px;
  display:block;}

.detailContent .column_1 .leftNav li a
{
  color:#22132d;
  display:block;
  padding:1em 0 1em 22px;
  margin-right:28px;
  zoom:1;
  }

.detailContent .column_1 .leftNav li i
{
  position:absolute;
  font-size:10px;
  color:#00447c;
  padding:1.5em 4px;
  *
  padding:2.1em 4px;
  cursor:pointer;
  top:0;
  right:0;
  bottom:0;
  *+background: url(../images/jia.png) center center no-repeat;
  *+float: right;
  *+width: 20px;
  *+height: 20px;
}

.detailContent .leftNav li i:hover,.detailContent .leftNav li i.current
{
  background:#f7f7f7;
  *+background: url(../images/jia.png) center center no-repeat;
}
.detailContent .leftNav li i.current{
  *+background: url(../images/jian.png) center center no-repeat;
}
.detailContent .column_1 .leftNav li a:hover
{
  color:#4F608C;}

.detailContent .column_1 .leftNav li.current a
{
  position:relative;
  border-left:4px solid #B39B77;
  left:-4px;
  color:#00447c;}

.detailContent .column_1 .leftNav li.current ul
{
  display:block;}

.detailContent .column_1 .leftNav li ul
{
  margin:0;
  border:0;
  /* background:#f7f7f7; */
  position:relative;
  border-left: 4px solid #B39B77;
  left:-4px;
  width:100%;
  display:none;
  }

.detailContent .column_1 .leftNav li ul li
{
  border-bottom:0;
  border-top:1px solid #ddd;
  font-size:12px;}

.detailContent .column_1 .leftNav li.current ul
{
  border-left:4px solid #B39B77;}

.detailContent .column_1 .leftNav li.current ul li a,.detailContent .leftNav li ul li a
{
  color:#22132d;
  font-family:"Lucida Sans Unicode","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
  padding:11px 5px 11px 34px;
  border:0;
  position:static;
  margin-right:0;
  line-height:18px;}

.detailContent .column_1 .leftNav li ul li a:hover
{
  background:#f0f0f0;}

.detailContent .column_1 .leftNav li ul li.current a
{
  font-weight:bold;}
.detailContent .column_1 .column_3{width: 390px;}
.detailContent .column_1 .relateLink h4
{
  font-size:16px;
  color:#555;
  background:#f4f4f4;
  padding:1.5em 0 0.75em 0;
  text-indent:0.75em;}

.detailContent .column_1 .relateLink ul
{
  margin-top:10px;
  padding-left:12px;
  }

.detailContent .column_1 .relateLink ul li
{
  padding:4px 0;}

.detailContent .column_1 .relateLink a
{
  display:block;
  color:#777;
  zoom:1;
  font-size: 12px;}

.detailContent .column_1 .relateLink a:hover
{
  color:#00447c
;}

.detailContent .column_1 .relateLink a i
{
  float:right;}


.tmpSlideshow {
    margin: 0px;
    padding: 30px 0 0 0;
    position: relative;
    height: 375px;
    width: 1200px;
    /* background: url("images/bg1.jpg") no-repeat; */
    /* border: 1px solid rgb(200, 200, 200); */
    color: #FFF;
}
.tmpSlideshow.tmpSlideshow2{
  color: #666;
}
.tmpSlideshow .tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 332px;
    display: none;
}

.tmpSlideshow .tmpSlide .bannerx {
    float: left;
    margin-top: 50px;
    width: 500px;
    height: 300px;
  position: relative;
}
.tmpSlideshow .tmpSlide .bannerx ul li{
  position: relative;
  height: 300px;
}
.tmpSlideshow .tmpSlide .bannerx ul li img{
  display: block;
  width: 500px;
  
}
.tmpSlideshow .tmpSlide .bannerx ul li .slider-title{
  display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 7px;
    text-align: left;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: -webkit-linear-gradient(top, transparent, rgba(10,79,148,1));
    background: url(../images/slider-info-bg.png) \9;
}
.tmpSlideshow .tmpSlide .bannerx .dots_box{width: 100%; position: absolute; bottom: 0; left: 0; text-align: center;}
.tmpSlideshow .tmpSlide .bannerx .dots{display: inline-block; overflow: hidden; *+margin: 0 0 15px 45%;}
.tmpSlideshow .tmpSlide .bannerx .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .5s,opacity .5s;
    -moz-transition: background .5s,opacity .5s;
    transition: background .5s,opacity .5s;
  *+display: block;
  float: left;
}

.tmpSlideshow .tmpSlide .bannerx .dots li.active {
    background: #e57b12;
    opacity: 1
}
.tmpSlideshow .tmpSlide .bannerx .prev{
  position: absolute;
  top: 50%;
  left: 3%;
  margin-top: -14.5px;
}
.tmpSlideshow .tmpSlide .bannerx .next{
  position: absolute;
  top: 50%;
  right: 3%;
  margin-top: -14.5px;
}
.tmpSlideshow .tmpSlideshowControls {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 650px;
}

.tmpSlideshow .tmpSlide a.tmp_more{
  font-size: 12px;
  display: block;
  position: absolute;
    top: -37px;
    right: 0;
  z-index: 2;
  color: #fff;
}
.tmpSlideshow.tmpSlideshow2 .tmpSlide a.tmp_more{
  color: #666;
}

.tmpSlideshow .tmpSlideshowControl {
    /* border: 1px solid #e1dece; */
    float: left;
    /* border-right: 1px solid; */
    margin: 15px 15px 0 0;
    /* background: url('Feature.png') no-repeat; */
    width: 150px;
    height: 36px;
    color: #554d31;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
    font-family: "Microsoft Yahei";
    font-size: 26px;
    color: #c5c5c5;
}
.tmpSlideshow.tmpSlideshow2 .tmpSlideshowControl{
  color: #063563;
}
.tmpSlideshow .tmpSlideshowControlActive span {
    line-height: 36px;
    color: #e57b12;
}
.tmpSlideshow .tmpSlideshowControlOn span {
    padding: 0 0 5px 0;
    color: #e57b12;
}

.tmpSlideshow .tmpSlideshowControlActive {
    color: #ffffff;
}

.tmpSlideshow .tmpSlideCopy {
    position: relative;
    /* left: 470px; */
    float: right;
    top: 99px;
    width: 650px;
}

.tmpSlideshow h4 {
    color: #b90f23;
    text-transform: uppercase;
    font: 14px Arial, sans-serif;
    margin: 10px 0;
}

.tmpSlideshow .tmpSlideCopy p {
    font: 11px Arial, sans-serif;
    line-height: 1.75em;
}

.tiaomuone {
    text-align: left;
    float: left;
    width: 650px;
    height: 36px;
    margin-top: 5px;
    font-family: "Microsoft Yahei";
    font-size: 15px;
    line-height: 40px;
  overflow: hidden;
}
.tiaomuone:hover {
    color:#e57b12;
    border-bottom:1px solid #e57b12;
}
.tiaomuone a{float: left; color: #fff; width: 510px;}
.tmpSlideshow.tmpSlideshow2 a{color: #333;}
.tiaomuone:hover a{color:#e57b12;}
.tiaomuone span{display: block;float: right;font-size:14px;}
/*首页-媒体山医*/
.mainContainer{
padding-top:30px;
  width: 1200px;
  overflow: hidden;
  position: relative;
}
.mainContainer .navContent {
  float: left;
  width:690px;
  height:287px;
}
.mainContainer .zhongjian{width:20px;float: left;
  height:280px;}
.mainContainer .container{position: absolute; bottom: 0; right: 0; *+bottom:17px;}
.mainContainer .zuobian{
    float: left;
    text-align: left;
    width: 100px;
    height: 287px;
    padding: 12px 0;
  }
.mainContainer .zuobian img {
    width: 37px;
  height: 150px;
  display: block;
  margin: 60px auto;
}
.mainContainer .logo{
    margin-top:10px;
  display: block;
border-bottom:1px dashed #bbb;
  background-repeat: no-repeat;

}
.mainContainer .navContent a {
  color: #333;
  text-decoration:none;
  font-size: 14px;
  text-align:left;
  line-height: 41px;
  height: 41px;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
}
.mainContainer .navContent a:hover {
  color: #FFF;
  text-decoration:none;
  font-size: 14px;
  font-family: '微软雅黑';
  text-align:left;
  font-weight:bold;
  background:#084a8d;
}
.mainContainer .navContent p{float: left; max-width: 560px;font-size:15px;}
.mainContainer .navContent span{float: right;}
.mainContainer .infoBox {
  float: left;
  *+float: right;
  width: 385px;
  padding:18px 0 0 0;
  height: 287px;text-align:left;
}
.mainContainer .infoBox img{display: block; width: 100%; }

/*other dangtuanjianshe*/

.mainContainer2{
padding-top:30px;
  width: 1200px;
  overflow: hidden;
  position: relative;
}
.mainContainer2 .navContent2 {
position: absolute;
  right:100px;
  width:690px;
  height:287px;
}
.mainContainer2 .zhongjian2{width:20px;float: left;
  height:280px;}
.mainContainer2 .container2{position: absolute; bottom: 0; left: 0; *+bottom:17px;}
.mainContainer2 .zuobian2{
 position: absolute;
  right:0;
    text-align: left;
    width: 100px;
    height: 287px;
    padding: 12px 0;
  }
.mainContainer2 .zuobian2 img {
    width: 37px;
  height: 150px;
  display: block;
  margin: 60px auto;
}
.mainContainer2 .logo{
    margin-top:10px;
  display: block;
  border-bottom:1px dashed #bbb;
  background-repeat: no-repeat;

}
.mainContainer2 .navContent2 a {
  color: #333;
  text-decoration:none;
  font-size: 14px;
  text-align:left;
  line-height: 41px;
  height: 41px;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
}
.mainContainer2 .navContent2 a:hover {
  color: #FFF;
  text-decoration:none;
  font-size: 14px;
  font-family: '微软雅黑';
  text-align:left;
  font-weight:bold;
  background:#084a8d;
}
.mainContainer2 .navContent2 p{float: left; max-width: 560px;font-size:15px;}
.mainContainer2 .navContent2 span{float: right;}
.mainContainer2 .infoBox {
  float: left;
  *+float: right;
  width: 385px;
  padding:18px 0 0 0;
  height: 287px;text-align:left;
}
.mainContainer2 .infoBox img{display: block; width: 100%; }


/*news_list*/
.news_list ul.list_ul{}
.news_list ul.list_ul li{line-height: 50px; height: 50px; border-bottom: 1px solid #ebebeb; padding: 0 10px;}
.news_list ul.list_ul li a{color: #333; display: block; width: 100%; height: 50px; overflow: hidden;}
.news_list ul.list_ul li a:hover{color: #fe7000;}
.news_list ul.list_ul li p{float: left; max-width: 650px; height: 50px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;font-size:16px;}
.news_list ul.list_ul li span.sj{float: right; color: #aaa;}

/*search_int*/
.search_int{text-align: center;}
.search_int .search_box{display: inline-block; overflow: hidden;}
.search_int .search_box input{float: left; margin-right: 10px; border: 1px solid rgb(221, 221, 221); height: 40px; border-radius: 5px; font-size: 16px; padding: 0 10px;}
.search_int .search_box button{float: left; border: 1px solid rgb(0, 52,102); background: rgb(0, 52,102); border-radius: 5px; color: #FFF; line-height: 40px; height: 40px; padding: 0 15px; font-size: 15px;}
.search_int .search_box button:focus{outline:0;} 

/*syfc_img_pos*/
.syfc_img_pos{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: none;}
.syfc_img_pos .syfc_img_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.8;}
.syfc_img_pos .syfc_img_main{position: relative; z-index: 1; background: #000; text-align: center; width: 1200px; height: 615px; margin: 4% auto; border-radius: 10px;}
.syfc_img_pos .syfc_img_main .bannerx{position: relative; width: 1200px; height: 615px;}
.syfc_img_pos .syfc_img_main .bannerx li.slider-item{position: relative; height: 615px;}
.syfc_img_pos .syfc_img_main .bannerx .prev{position: absolute; left: 0; bottom: 20px; background: #000; display: block; height: 70px; *+height: 35px; width: 10%; padding: 17px 0;}
.syfc_img_pos .syfc_img_main .bannerx .next{position: absolute; right: 0; bottom: 20px; background: #000; display: block; height: 70px; *+height: 35px; width: 10%; padding: 17px 0;}
.syfc_img_pos .syfc_img_main .navContent {overflow: hidden; display: inline-block; height: 70px; width: 80%; position: absolute; bottom: 20px; left: 10%;}
.syfc_img_pos .syfc_img_main .navContent .logo {float: left; overflow: hidden; margin: 0; padding: 5px; width: 11.1%; *+width: 10%; height: 100%; *+height: 90%;}
.syfc_img_pos .syfc_img_main .navContent .logo img{width: 100%; height: 100%;}
.syfc_img_pos .syfc_img_main .navContent .logo:hover {background:#084a8d;}
.syfc_img_pos .syfc_img_main .navContent .logo.now{background:#084a8d;}
.syfc_img_pos .syfc_img_main .container{overflow: hidden; height: 500px;}
.syfc_img_pos .syfc_img_main .infoBox {
  width: auto;
  padding:18px 0 0 0;
  height: 100%;
  margin: 0 auto;
  display: none;
}
.syfc_img_pos .syfc_img_main .infoBox img{display: block; width: auto; height: 100%; margin: 0 auto;}
.syfc_img_pos .syfc_img_main .syfc_pos_close{position: absolute; top: -30px; right: -30px; width: 50px; height: 50px; cursor: pointer;}
.syfc_img_pos .syfc_img_main .syfc_pos_close img{display: block; width: 100%; height: 100%;}

/*锚点*/
#dqbm, #xzbm, #xxyx, #fzdw, #fsyy, #fsqy, #jpkc, #zyjs{position: relative; top: -130px; display: block; height: 0; overflow: hidden;}

      .erjilanmu{
        width: 100%;
        clear: both;
        float: left;
      }
      .erjilanmu ul li a{
        display: block;
        width:172px;
        height: 55px;
        line-height: 55px;
        padding-left: 50px;
        font-size:16px;
        float: left;
        margin:0 20px 20px 0;
cursor: point;

        background:url(../images/ej-link_06.png);
      }
.special_main {width:1200px;height: 105px;}
.special_href {width: 228px;height:105px;margin-right: 15px;float: left; padding-bottom: 5px;}