/*浏览器滚动条*/ ::-webkit-scrollbar {
   width: 5px;
   height: 5px;
}
::-webkit-scrollbar-button:vertical {
   display: none
}
::-webkit-scrollbar-track:vertical {
   background-color: black
}
::-webkit-scrollbar-track-piece {
   background: #E3E3E3
}
::-webkit-scrollbar-thumb:vertical {
   background-color: #555;
   border-radius: 30px
}
::-webkit-scrollbar-thumb:vertical:hover {
   background-color: #3B3B3B
}
::-webkit-scrollbar-corner:vertical {
   background-color: #535353
}
::-webkit-scrollbar-resizer:vertical {
   background-color: #FF6E00
}
.wow {
   opacity: 0;
}
.mobile {
   width: 100%;
}
.mobile-inner {
   margin-right: auto;
   margin-left: auto;
   background-color: ;
   position: relative;
}
.mobile-inner img {}
.mobile-inner p {
   color: #676767;
   line-height: 25px;
   font-size: 16px;
   padding-bottom: 30px;
   padding-right: 30px;
   padding-left: 30px;
   margin: 0px;
}
.mobile-inner-header {
   width: 100%;
   height: 50px;
   position: relative;
   top: 0px;
   z-index: 666;
   left: 0px;
   background: #fff;
}
.mobile-inner-header-icon {
   color: #ffffff;
   height: 50px;
   font-size: 25px;
   text-align: center;
   float: right;
   width: 50px;
   position: relative;
   -webkit-transition: background 0.5s;
   -moz-transition: background 0.5s;
   -o-transition: background 0.5s;
   transition: background 0.5s;
}
.mobile-inner-header-icon:hover {
   background-color: rgba(255, 255, 255, 0.2);
   cursor: pointer;
}
.mobile-inner-header-icon span {
   position: absolute;
   left: calc((100% - 25px) / 2);
   top: calc((100% - 1px) / 2);
   width: 25px;
   height: 1px;
   background-color: #008eff;
}
.mobile-inner-header-icon span:nth-child(1) {
   transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2) {
   transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1) {
   animation-duration: 0.5s;
   animation-fill-mode: both;
   animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2) {
   animation-duration: 0.5s;
   animation-fill-mode: both;
   animation-name: clicksecond;
}
@keyframes clickfirst {
   0% {
      transform: translateY(4px) rotate(0deg);
   }
   100% {
      transform: translateY(0) rotate(45deg);
   }
}
@keyframes clicksecond {
   0% {
      transform: translateY(-4px) rotate(0deg);
   }
   100% {
      transform: translateY(0) rotate(-45deg);
   }
}
.mobile-inner-header-icon-out span:nth-child(1) {
   animation-duration: 0.5s;
   animation-fill-mode: both;
   animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2) {
   animation-duration: 0.5s;
   animation-fill-mode: both;
   animation-name: outsecond;
}
@keyframes outfirst {
   0% {
      transform: translateY(0) rotate(-45deg);
   }
   100% {
      transform: translateY(-4px) rotate(0deg);
   }
}
@keyframes outsecond {
   0% {
      transform: translateY(0) rotate(45deg);
   }
   100% {
      transform: translateY(4px) rotate(0deg);
   }
}
.mobile-inner-nav {
   overflow: auto;
   height: 100vh;
   padding-top: 50px;
}
.mobile-inner-nav {
   background: linear-gradient(329deg, #0e3a83, #04bf82);
   width: 100%;
   position: absolute;
   top: 0;
   padding-bottom: 0%;
   display: none;
   z-index: 444;
}
.mobile-inner-nav a {
   border-bottom: solid 1px rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   color: #fff;
   transition: all 0.5s;
}
.mobile-inner-nav dl {
   display: none;
}
.mobile-inner-nav dl dd {
   line-height: 33px;
   text-decoration: none;
   text-indent: 3em;
   font-size: 16px;
   color: #FFFFFF;
   border-bottom: solid 1px rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   font-weight: 300;
   font-size: 14px;
}
.mobile-inner-nav li {
   border-bottom: solid 1px rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   line-height: 53px;
   text-indent: 20px;
}
.mobile-inner-nav h2.h2tit {
   line-height: 50px;
   text-decoration: none;
   text-indent: 2em;
   font-size: 16px;
   color: #FFFFFF;
   /* border-bottom:solid 1px rgba(255,255,255,0.3);*/
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   font-weight: 300;
}
.mobile-inner-nav h2.h2tit a {
   color: #FFFFFF;
}
.mobile-inner-nav a {
   border-bottom: none;
}
.mobile-inner-nav li {
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: returnToNormal;
   animation-name: returnToNormal;
}
@-webkit-keyframes resize {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale(5, 5);
      transform: scale(5, 5);
   }
   100% {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
   }
}
@keyframes resize {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale(5, 5);
      transform: scale(5, 5);
   }
   100% {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
   }
}
@-webkit-keyframes returnToNormal {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
@keyframes returnToNormal {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
.mobile-inner-nav li:last-child h2.h2tit {
   border-bottom: none;
}
.mobile-inner-nav li .h3tit {
   height: 50px;
   position: relative;
   background: url(../images/51_icon_search@2x.png) no-repeat 30px center;
   background-size: 17px;
}
.mobile-inner-nav li .words {
   display: block;
   width: 100%;
   height: 100%;
   border: none;
   background: none;
   text-indent: 60px;
   font-size: 15px;
   color: #fff;
   background: url(../images/search2.png) no-repeat 30px center;
   background-size: 20px;
}
.mobile-inner-nav li:last-child {
   border-bottom: none;
}
.mobile-inner-nav li form {
   display: block;
   width: 100%;
   height: 100%;
}
@charset "utf-8";
@charset "UTF-8";
.animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}
.animated.infinite {
   animation-iteration-count: infinite;
}
.animated.hinge {
   animation-duration: 2s;
}
.fadeInUp {
   animation-duration: 1.76s;
   animation-name: fadeInUp;
}
@keyframes fadeInUp {
   from {
      opacity: 0;
      transform: translate3d(0, 40px, 0);
   }
   to {
      opacity: 1;
      transform: none;
   }
}
* {
   font-family: Century Gothic;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
   margin: 0;
   padding: 0;
}
html {
   font-size: 62.5%;
}
body {
   font-size: calc(14/1920*100vw);
}
html, body {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
body {
   font-family: "Microsoft YaHei" ! important;
   color: #000000;
   background: #fff;
   margin: 0 auto;
   padding: 0px;
}
body {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
   cursor: pointer;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
   -webkit-appearance: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
   cursor: pointer;
}
input {
   -webkit-appearance: none;
}
input {
   -webkit-appearance: none !important;
   border-radius: 0;
}
button {
   cursor: pointer;
}
textarea {
   -webkit-appearance: none;
}
a {
   text-decoration: none;
   color: #235aa7;
   outline: none;
}
a:active {
   star: expression(this.onFocus=this.blur());
}
img {
   border: 0px;
   vertical-align: middle;max-width: 100%;
}
li {
   list-style: none;
}
* {
   outline: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}
.loading {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background: #fff;
   z-index: 99999;
}
.loadingfa {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 29px;
   color: #1f8adf;
   position: absolute;
   left: 50%;
   margin-top: -25px;
   margin-left: -25px;
   top: 50%;
}
html {
   -webkit-overflow-scrolling: touch;
   -webkit-tap-highlight-color: none;
}
html {
   -webkit-tap-highlight-color: transparent;
}
body {
   -webkit-overflow-scrolling: touch;
   background: #fff;
   line-height: 1;
}
* {
   padding: 0;
   margin: 0;
   -webkit-font-smoothing: antialiased;
   -webkit-tap-highlight-color: transparent;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   user-select: none;
}
@keyframes rotate {
   from {
      -webkit-transform: rotate(0deg)
   }
   to {
      -webkit-transform: rotate(360deg)
   }
}
@-webkit-keyframes rotate {
   from {
      -webkit-transform: rotate(0deg)
   }
   to {
      -webkit-transform: rotate(360deg)
   }
}
@-moz-keyframes rotate {
   from {
      -moz-transform: rotate(0deg)
   }
   to {
      -moz-transform: rotate(360deg)
   }
}
@-ms-keyframes rotate {
   from {
      -ms-transform: rotate(0deg)
   }
   to {
      -ms-transform: rotate(360deg)
   }
}
@-o-keyframes rotate {
   from {
      -o-transform: rotate(0deg)
   }
   to {
      -o-transform: rotate(360deg)
   }
}
.xuanzhuan {
   animation: 2s linear 0s normal forwards infinite rotate;
   -webkit-animation: 2s linear 0s normal forwards infinite rotate;
   -moz-animation: 2s linear 0s normal forwards infinite rotate;
   -o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img {
   display: block;
   width: 100%;
}
.pc {
   display: block;
}
.wap {
   display: none;
}
.clearflex:after {
   content: "";
   display: table;
   clear: both;
}
.moveAni {
   animation: move .8s infinite;
   -moz-animation: move .8s infinite;
   -webkit-animation: move .8s infinite;
   -o-animation: move .8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
   -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.tadaAni {
   animation: tada 2s infinite;
}
.pulseAni {
   animation: pulse 1s infinite;
}
.bounceInAni {
   animation: bounceIn 2s infinite;
}
.flashInAni {
   animation: flash 2s infinite;
}
.swingAni {
   animation: swing 2s infinite;
   transform-origin: right top;
}
.rubberBandAni {
   animation: rubberBand 1s infinite;
}
.bounceAni {
   animation: bounce 1s infinite;
}
.tdAni {
   animation: td .4s infinite;
   -moz-animation: td .4s infinite;
   -webkit-animation: td .4s infinite;
   -o-animation: td .4s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
   -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.heartbeatAni {
   animation: heartbeat 1.4s infinite;
   -moz-animation: heartbeat 1.4s infinite;
   -webkit-animation: heartbeat 1.4s infinite;
   -o-animation: heartbeat 1.4s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
   -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.shing {
   animation: shing 1s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
}
@keyframes shing {
   0% {
      opacity: 1;
   }
   100% {
      opacity: .6;
   }
}
@keyframes move2 {
   0% {
      transform: translate(0%, 0px);
   }
   100% {
      transform: translate(0%, 10px);
   }
}
.moveAni2 {
   animation: move2 1s infinite;
}
.moveAni {
   animation: move .8s infinite;
   -moz-animation: move .8s infinite;
   -webkit-animation: move .8s infinite;
   -o-animation: move .8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
   -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
@keyframes move {
   from {
      -o-transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
   }
   to {
      -o-transform: translate(0%, 30px);
      -webkit-transform: translate(0%, 30px);
      -moz-transform: translate(0%, 30px);
      -ms-transform: translate(0%, 30px);
      transform: translate(0%, 30px);
   }
}
@keyframes td {
   from {
      -o-transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
   }
   to {
      -o-transform: translate(0%, 20px);
      -webkit-transform: translate(0%, 20px);
      -moz-transform: translate(0%, 20px);
      -ms-transform: translate(0%, 20px);
      transform: translate(0%, 20px);
   }
}
@keyframes heartbeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes moveAni2 {
   0% {
      transform: translate(0%, 0px);
   }
   100% {
      transform: translate(100vw, 0px);
   }
}
.moveAni2 {
   animation: moveAni2 5.5s linear infinite;
}
@keyframes scrollAni1 {
   0% {
      transform: translate(0%, 0px) rotate(0);
   }
   100% {
      transform: translate(-100%, 0px) rotate(-360deg);
   }
}
.scrollAni1 {
   animation: scrollAni1 1.8s infinite;
   -moz-animation: scrollAni1 1.8s infinite;
   -webkit-animation: scrollAni1 1.8s infinite;
   -o-animation: scrollAni1 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
}
@keyframes scrollAni2 {
   0% {
      transform: translate(30%, 0px) rotate(0);
   }
   100% {
      transform: translate(0%, 0px);
   }
}
.scrollAni2 {
   animation: scrollAni2 1.8s infinite;
   -moz-animation: scrollAni2 1.8s infinite;
   -webkit-animation: scrollAni2 1.8s infinite;
   -o-animation: scrollAni2 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: linear;
}
@keyframes scrollAni3 {
   0% {
      transform: translate(0%, -20px);
   }
   100% {
      transform: translate(0%, 0%);
   }
}
.scrollAni3 {
   animation: scrollAni3 1.8s infinite;
   -moz-animation: scrollAni3 1.8s infinite;
   -webkit-animation: scrollAni3 1.8s infinite;
   -o-animation: scrollAni3 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: linear;
}
@keyframes scrollAni4 {
   0% {
      transform: translate(0%, 10px);
   }
   100% {
      transform: translate(0%, 0%);
   }
}
.scrollAni4 {
   animation: scrollAni4 1.8s infinite;
   -moz-animation: scrollAni4 1.8s infinite;
   -webkit-animation: scrollAni4 1.8s infinite;
   -o-animation: scrollAni4 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: linear;
}
@keyframes scrollAni5 {
   0% {
      transform: none;
   }
   100% {
      transform: scale(1.35, 1.35);
   }
}
.scrollAni5 {
   animation: scrollAni5 1.8s infinite;
   -moz-animation: scrollAni5 1.8s infinite;
   -webkit-animation: scrollAni5 1.8s infinite;
   -o-animation: scrollAni5 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: linear;
}
@keyframes scrollAni6 {
   0% {
      transform: scale(1.05, 1.05);
   }
   100% {
      transform: none;
   }
}
.scrollAni6 {
   animation: scrollAni6 1.8s infinite;
   -moz-animation: scrollAni6 1.8s infinite;
   -webkit-animation: scrollAni6 1.8s infinite;
   -o-animation: scrollAni6 1.8s infinite;
   animation-direction: alternate;
   -webkit-animation-direction: alternate;
   animation-timing-function: linear;
}
@keyframes bubbleMover3 {
   0% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
   }
   30% {
      transform: translateY(5px) translateX(4px) rotate(9deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   50% {
      transform: translateY(-3px) translateX(1px) rotate(-6deg);
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
   }
   80% {
      transform: translateY(-1px) translateX(-5px) rotate(-2deg);
      -webkit-transform-origin: left top;
      transform-origin: left top;
   }
   100% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes bubbleMover2 {
   0% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
   }
   30% {
      transform: translateY(5px) translateX(4px) rotate(5deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   50% {
      transform: translateY(-4px) translateX(2px) rotate(-3deg);
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
   }
   80% {
      transform: translateY(-3px) translateX(-3px) rotate(-3deg);
      -webkit-transform-origin: left top;
      transform-origin: left top;
   }
   100% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes bubbleMover {
   0% {
      transform: translateY(0px) translateX(0) rotate(0);
   }
   30% {
      transform: translateY(3px) translateX(5px) rotate(5deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   50% {
      transform: translateY(5px) translateX(10px) rotate(10deg);
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
   }
   80% {
      transform: translateY(3px) translateX(5px) rotate(4deg);
      -webkit-transform-origin: left top;
      transform-origin: left top;
   }
   100% {
      transform: translateY(0px) translateX(0) rotate(0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes rotateAni {
   0% {
      transform: none;
   }
   100% {
      transform: rotateY(180deg);
   }
}
.rotateAni {
   -webkit-animation: rotateAni linear infinite 2s;
   -moz-animation: rotateAni linear infinite 2s;
   -o-animation: rotateAni linear infinite 2s;
   animation: rotateAni linear infinite 2s;
}
.pfAni1 {
   -webkit-animation: bubbleMover linear infinite 5s;
   -moz-animation: bubbleMover linear infinite 5s;
   -o-animation: bubbleMover linear infinite 5s;
   animation: bubbleMover linear infinite 5s;
}
.pfAni2 {
   -webkit-animation: bubbleMover2 linear infinite 5s;
   -moz-animation: bubbleMover2 linear infinite 5s;
   -o-animation: bubbleMover2 linear infinite 5s;
   animation: bubbleMover2 linear infinite 5s;
}
.pfAni3 {
   -webkit-animation: bubbleMover3 linear infinite 5s;
   -moz-animation: bubbleMover3 linear infinite 5s;
   -o-animation: bubbleMover3 linear infinite 5s;
   animation: bubbleMover3 linear infinite 5s;
}
@keyframes scalc {
   0% {
      -webkit-transform: scale(2.05, 2.05);
      -o-transform: scale(2.05, 2.05);
      -moz-transform: scale(2.05, 2.05);
      -ms-transform: scale(2.05, 2.05);
      transform: scale(2.05, 2.05);
   }
   100% {
      -webkit-transform: none;
      -o-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      transform: none;
   }
}
.sclani {
   animation: scalc 7s forwards;
   animation-timing-function: ease-out;
}
@keyframes scalc2 {
   0% {
      transform: scale(1.2, 1.2);
   }
   100% {
      -webkit-transform: none;
      -o-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      transform: none;
   }
}
.sclani2 {
   animation: scalc2 7s forwards;
   animation-timing-function: ease-out;
}
@keyframes clipAni {
   0% {
      clip: rect(auto, 0, auto, auto);
   }
   100% {
      clip: rect(auto, 300px, auto, auto);
   }
}
.txtModel i {
   animation: clipAni ease-out infinite 2s alternate;
}
.swingAni {
   transform-origin: top center;
   animation: swing 3s infinite ease-in-out;
}
@keyframes swing {
   0% {
      transform: rotate(-6deg);
   }
   50% {
      transform: rotate(6deg);
   }
   100% {
      transform: rotate(-6deg);
   }
}
.swingAni2 {
   -webkit-animation-name: routate;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   animation-name: routate;
   animation-duration: 5s;
   animation-iteration-count: infinite;
}
@keyframes routate {
   0% {
      -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      transform: rotate(7deg);
   }
   50% {
      -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      transform: rotate(-7deg);
   }
   100% {
      -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      transform: rotate(7deg);
   }
}
.bouncing-ball {
   -webkit-mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, black 20.1%, black 75%, black 100%);
   mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, black 20.1%, black 75%, black 100%);
   -webkit-animation: bouncing-ball 1.5s linear infinite;
   animation: bouncing-ball 1.5s linear infinite;
}
@keyframes bouncing-ball {
   0% {
      transform: scale(1, 1) translateY(-80%);
   }
   25% {
      transform: scale(1, 1.1) translateY(-45%);
   }
   50% {
      transform: scale(1, 1.5) translateY(10%);
   }
   66% {
      transform: scale(2, 0.75) translateY(25%);
   }
   75% {
      transform: scale(1, 1.25) translateY(10%);
   }
   100% {
      transform: scale(1, 1) translateY(-80%);
   }
}
.small_Big {
   -webkit-animation: scaleCircles 2s infinite cubic-bezier(0.55, 0.15, 0.45, 0.85) alternate;
   animation: scaleCircles 2s infinite cubic-bezier(0.55, 0.15, 0.45, 0.85) alternate;
}
@keyframes scaleCircles {
   0% {
      z-index: 1;
      transform: scale3d(0, 0, 0);
   }
   100% {
      z-index: 2;
      transform: scale3d(1, 1, 1);
   }
}
.index * {
   opacity: 1;
}
.index {
   overflow: hidden;
}
.wrap:after {
   content: "";
   display: table;
   clear: both;
}
.fadeInUpGroup.animated {
   animation-fill-mode: both;
   animation-name: fadeInLeft3;
   opacity: 0;
}
.fadeInUpGroup.animated:nth-child(1) {
   animation-duration: .5s !important;
   animation-delay: .1s !important;
}
.fadeInUpGroup.animated:nth-child(2) {
   animation-duration: 1s !important;
   animation-delay: .6s !important;
}
.fadeInUpGroup.animated:nth-child(3) {
   animation-duration: 1.5s !important;
   animation-delay: .9s !important;
}
.fadeInUpGroup.animated:nth-child(4) {
   animation-duration: 2s !important;
   animation-delay: 1.1s !important
}
.fadeInUpGroup.animated:nth-child(5) {
   animation-duration: 1.5s !important;
   animation-delay: 1.6s !important;
}
.head.currents {
   transform: translateY(-100%)
}
.posf {
   position: fixed;
   left: 0px;
   top: 0px;
   z-index: 4444;
   background: #fff;
   width: 100%;
}
.head {
   /* position: fixed; */
   left: 0;
   top: 0px;
   width: 100%;
   z-index: 5555;
   background: #fff;
}
.head .wrap {}
.wrap {
   width: 1430px;
   margin: auto;
   max-width: 100%;
   padding: 0px 15px;
}
.head .logo {
   float: left;
   padding-top: 38px;
   padding-bottom: 27px;
}
.head .logo a {}
.head .logo img {
   width: 700px;
}
.head .right {
   float: right;
   padding-left: 52px;
   background: url(../images/tel.png) no-repeat left center;
   background-size: 45px;
   margin-top: 47px;
}
.head .title {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #000000;
}
.head .val {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 26px;
   color: #0E3A83;
   padding-top: 3px;
}
.navs {
   background: #0e3a83;
   margin-top: 0;
   width: 100%;
   left: 0;
   z-index: 5555;
}
.navs .wrap {}
.navs ul {
   display: flex;
   justify-content: space-between;
}
.navs li {
   line-height: 67px;
   position: relative;
   /* flex: 1; */
   text-align: center;
   width: 123px;
}
.navs .h2tit {}
.navs li:hover .h2tit a {
   background: rgb(255 255 255 / 20%);
}
.navs .h2tit a {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 18px;
   color: #FFFFFF;
   display: block;
   width: 123px;
   margin: auto;
   max-width: 100%;
}
.navs li:hover dl {
   visibility: visible;
   opacity: 1;
   z-index: 5;
   top: 67px;
}
.navs dl {
   position: absolute;
   width: 100%;
   background: #FFFFFF;
   border-radius: 0px 0px 10px 10px;
   left: 0;
   top: 67px;
   z-index: 3;
   padding-top: 17px;
   padding-bottom: 29px;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   top: 77px;
}
.navs dd {}
.navs dd a:hover {
   color: #0E3A83
}
.navs dd a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 36px;
   display: block;
}
.banner {
   padding-top: 187px;
}
.banner .swiper-container {}
.banner .swiper-wrapper {}
.banner .swiper-slide {
   overflow: hidden;
}
.banner .bg {}
.banner .bg img {
   display: block;
   width: 100%;
   position: absolute;
   height: 100%;
   object-fit: cover;
}
.banner .content {
   position: relative;
   z-index: 4;
   height: 704px;
   padding-top: 246px;
}
.banner .content .wrap {}
.banner .content .title {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 80px;
   color: #FEFEFE;
   line-height: 1;
}
.banner .content .dec {
   width: 661px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FEFEFE;
   line-height: 36px;
   padding-top: 41px;
   max-width: 100%;
}
.banner .swiper-pagination *.swiper-pagination-bullet-active {}
.banner .swiper-pagination *:after {
   content: "";
   position: absolute;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   border: 1px solid #FFFFFF;
   position: absolute;
   top: 50%;
   left: 50%;
   -o-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 0;
   height: 0;
   -webkit-transition: all 0.2s;
   -o-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
}
.banner .swiper-pagination *.swiper-pagination-bullet-active:after {
   width: 28px;
   height: 28px;
}
.banner .swiper-pagination * {
   width: 14px;
   height: 14px;
   background: #FFFFFF;
   margin: 0px 19px;
   border-radius: 50%;
   opacity: 1;
   position: relative;
   margin: 0px 19px !important;
}
.banner .swiper-pagination {
   bottom: 30px;
}
.banner .swiper-button-next {
   width: 30px;
   height: 56px;
   right: 60px;
   margin-right: 0;
   background: url(../images/right.png) no-repeat center center;
   background-size: 100%;
}
.banner .swiper-button-prev {
   width: 30px;
   height: 56px;
   left: 60px;
   margin-left: 0;
   background: url(../images/left.png) no-repeat center center;
   background-size: 100%;
}
.section1 {
   zoom: 1;
   overflow: hidden;
   padding-top: 85px;
   padding-bottom: 89px;
}
.section1 .left {
   width: 50%;
   /* height: 475px; */
   float: left;
}
.section1 .left .swiper-container {}
.section1 .left .swiper-wrapper {}
.section1 .left .swiper-slide {}
.section1 .left .swiper-slide a {
   display: block;
   position: relative;
   overflow: hidden;
   height: 489px;
}
.section1 .left .imgbox {}
.section1 .left .imgbox img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.section1 .left .title {
   line-height: 60px;
   position: absolute;
   left: 0;
   bottom: 0px;
   width: 100%;
   background: rgb(14 58 131 / 80%);
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 18px;
   color: #FFFFFF;
   padding: 0px 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section1 .left .swiper-button-next {
   width: 37px;
   height: 37px;
   background: #FFFFFF;
   border-radius: 50%;
   border: 0px solid #070002;
   background: url(../images/right2.png) no-repeat center center;
   background-size: 100%;
   right: 16px;
}
.section1 .left .swiper-button-prev {
   width: 37px;
   height: 37px;
   background: #FFFFFF;
   border-radius: 50%;
   border: 0px solid #070002;
   background: url(../images/left2.png) no-repeat center center;
   background-size: 100%;
   left: 16px;
}
.section1 .right {
   float: right;
   width: 46%;
}
.section1 .right .title {
   font-size: 0;
}
.section1 .right .title b img {
   height: 28px;
}
.section1 .right .title b {}
.section1 .right .title span {
   font-family: SimSun;
   font-weight: 400;
   font-size: 12px;
   color: #FF7950;
   padding: 0px 12px;
   line-height: 25px;
   display: inline-block;
   background: #fff1ed;
   vertical-align: middle;
   margin-left: 10px;
}
.section1 .right .title2 {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 20px;
   color: #333333;
   display: block;
   margin-top: 33px;
   margin-bottom: 21px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section1 .right .dec {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #888888;
   line-height: 24px;
   padding-bottom: 22px;
   border-bottom: 1px dashed #BBBBBB;
   margin-bottom: 22px;
}
.listtype1 {}
.listtype1 a {
   display: block;
   zoom: 1;
   overflow: hidden;
}
.listtype1 .s1 {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 38px;
   float: left;
   width: 60%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.listtype1 .s2 {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #999999;
   line-height: 38px;
   float: right;
}
.section2 {
   zoom: 1;
   overflow: hidden;
}
.section2 .left {
   float: left;
   width: 66%;
}
.titlemodel {
   display: flex;
   align-items: center;
}
.titlemodel .title {
   display: flex;
   align-items: center;
}
.titlemodel .title img {
   margin-right: 5px;
}
.titlemodel .title span {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 24px;
   color: #333333;
   vertical-align: middle;
}
.titlemodel .hd {
   padding-left: 26px;
}
.titlemodel .hd a:last-child:after {
   display: none;
}
.titlemodel .hd a:after {
   content: "/";
   font-family: SimSun;
   font-weight: 400;
   font-size: 12px;
   color: #C1C1C1;
   margin-left: 15px;
   margin-right: 15px;
}
.titlemodel .hd a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   position: relative;
}
.section2 .left .content {
   zoom: 1;
   overflow: hidden;
   padding-top: 27px;
}
.section2 .left .content .leftlist {
   width: 40%;
   height: 277px;
   float: left;
}
.section2 .left .content .leftlist a {
   display: block;
   overflow: hidden;
   height: 100%;
   position: relative;
}
.section2 .left .content .leftlist a img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.section2 .left .content .leftlist a .tit {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #CACACA;
   position: absolute;
   left: 0;
   bottom: 0;
   line-height: 43px;
   background: rgba(0, 0, 0, 0.4);
   width: 100%;
   padding: 0px 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section2 .left .content .right2 {
   float: right;
   width: 57%;
}
.section2 .left .content .right2 a.title {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 20px;
   color: #333333;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section2 .left .content .right2 .dec {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #888888;
   line-height: 24px;
   margin-top: 15px;
   margin-bottom: 32px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.section2 .left .content .right2 .list {}
.section2 .left .content .right2 .list a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 34px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section2 .right {
   float: right;
   width: 29%;
}
.section2 .right .titlemodel {}
.section2 .right .titlemodel .title {}
.section2 .right .titlemodel .title img {}
.section2 .right .titlemodel .title span {}
.section2 .right .titlemodel .hd {}
.section2 .right .titlemodel .hd a {}
.section2 .right .content1 {
   margin-top: 29px;
}
.section2 .right .content1 a {
   display: block;
   overflow: hidden;
}
.section2 .right .content1 a .imgbox {}
.section2 .right .content1 a .imgbox img {
   display: block;
   width: 100%;
   height: 115px;
   object-fit: cover;
}
.section2 .right .content1 a .tit {
   border: 1px solid #EEEEEE;
   display: block;
   border-top: none;
   display: flex;
   align-items: center;
}
.section2 .right .content1 a .tit b {
   font-family: Arial;
   font-weight: 400;
   font-size: 14px;
   color: #FFFFFF;
   width: 59px;
   line-height: 41px;
   text-align: center;
   background: #0E3A83;
}
.section2 .right .content1 a .tit span {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 16px;
   color: #333333;
   padding-left: 10px;
}
.section2 .right .content2 {
   padding-top: 18px;
}
.section2 .right .content2 a {
   display: block;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 35px;
}
.section3 {
   padding-top: 89px;
   zoom: 1;
   overflow: hidden;
}
.section3 .left {
   float: left;
   width: 32%;
}
.section3 .left .titlemodel {}
.section3 .left .titlemodel .title {}
.section3 .left .titlemodel .title img {}
.section3 .left .titlemodel .title span {}
.section3 .left .titlemodel .hd {}
.section3 .left .titlemodel .hd a {}
.section3 .left .list {
   /* padding-top: 31px; */
   /* zoom: 1; */
   /* overflow: hidden; */
   padding-top: 33px;
}
.section3 .left .list a:nth-child(3n) {}
.section3 .left .list a {
   display: block;
   zoom: 1;
   overflow: hidden;
   margin-bottom: 19px;
}
.section3 .left .list a .imgbox img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.section3 .left .list a .imgbox {
   width: 121px;
   height: 83px;
   float: left;
   overflow: hidden;
}
.section3 .left .list a .rig {
   float: right;
   width: calc(100% - 133px);
}
.section3 .left .list a .rig .title {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section3 .left .list a .rig .dec {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #888888;
   line-height: 24px;
   margin-top: 16px;
   display: block;
}
.section3 .left .list a .rig .dec b {
   font-weight: normal;
   color: #2A89E5;
}
.section3 .right {
   float: right;
   width: 63%;
}
.section3 .right .titlemodel {}
.section3 .right .titlemodel .title {}
.section3 .right .titlemodel .title img {}
.section3 .right .titlemodel .title span {}
.section3 .right .titlemodel .hd {}
.section3 .right .titlemodel .hd a {}
.section3 .right .items {
   zoom: 1;
   overflow: hidden;
}
.section3 .right .items .item:nth-child(2n) {
   float: right;
}
.section3 .right .items .item {
   float: left;
   width: 45%;
}
.section3 .right .items .item .titlemodel2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 32px;
   padding-bottom: 26px;
}
.section3 .right .items .item .titlemodel2 .tit {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 16px;
   color: #333333;
   padding-left: 14px;
   border-left: 3px solid #333333;
}
.section3 .right .items .item .titlemodel2 .more {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #666666;
}
.section3 .right .items .item .listtype1 {}
.section3 .right .items .item .listtype1 a {}
.section3 .right .items .item .listtype1 a .s1 {}
.section3 .right .items .item .listtype1 a .s2 {}
.section3 .right .items .item .content1 {}
.section3 .right .items .item .content1 .imgbox {}
.section3 .right .items .item .content1 .imgbox img {
   display: block;
   width: 100%;
   height: 121px;
   object-fit: cover;
}
.section3 .right .items .item .content1 .list {
   padding-top: 23px;
}
.section3 .right .items .item .content1 .list a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 36px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.section4 {
   padding-top: 90px;
   zoom: 1;
   overflow: hidden;
}
.section4 .left {
   float: left;
   width: 66%;
}
.section4 .left .titlemodel {}
.section4 .left .titlemodel .title {}
.section4 .left .titlemodel .title img {}
.section4 .left .titlemodel .title span {}
.section4 .left .titlemodel .hd {}
.section4 .left .titlemodel .hd a {}
.section4 .left .list {
   padding-top: 32px;
   zoom: 1;
   overflow: hidden;
}
.section4 .left .list a:nth-child(3n) {
   margin-right: 0px;
}
.section4 .left .list a {
   float: left;
   margin-right: 18px;
   width: calc((100% - 36px)/3);
}
.section4 .left .list a .imgbox {
   display: block;
   overflow: hidden;
}
.section4 .left .list a .imgbox img {
   height: 195px;
   width: 100%;
   object-fit: cover;
}
.section4 .left .list a .title {
   display: block;
   text-align: center;
   margin-top: 11px;
   margin-bottom: 23px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #333333;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.section4 .right {
   float: right;
   width: 29%;
}
.section4 .right .titlemodel {}
.section4 .right .titlemodel .title {}
.section4 .right .titlemodel .title img {}
.section4 .right .titlemodel .title span {}
.section4 .right .hd {
   zoom: 1;
   overflow: hidden;
   padding-top: 32px;
}
.section4 .right .hd a:hover {
   background: #0E3A83
}
.section4 .right .hd a:hover .icon .default {
   opacity: 0;
}
.section4 .right .hd a:hover .icon .current {}
.section4 .right .hd a:hover .tit {
   color: #fff
}
.section4 .right .hd a {
   float: left;
   width: 33.333%;
   height: 146px;
   background: #F7F7F7;
   position: relative;
}
.section4 .right .hd a .icon {
   display: block;
   height: 114px;
   position: relative;
}
.section4 .right .hd a .icon .default {
   position: absolute;
   top: 50%;
   left: 50%;
   -o-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 4;
}
.section4 .right .hd a .icon .current {
   position: absolute;
   top: 50%;
   left: 50%;
   -o-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 2;
}
.section4 .right .hd a .tit {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 18px;
   color: #333333;
   display: block;
   text-align: center;
}
.section5 {
   background: #f7f7f7;
   border-radius: 4px;
   margin-top: 54px;
   padding: 15px;
   zoom: 1;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   margin-bottom: 62px;
}
.section5 .imgbox {}
.section5 .imgbox img {
   width: 191px;
   height: 82px;
   overflow: hidden;
}
.footer {
   background: #0e3a83;
}
.footer .wrap {}
.footer .wrap .block1 {
   display: flex;
   justify-content: space-between;
   padding-top: 86px;
   padding-bottom: 85px;
   border-bottom: 1px solid rgb(255 255 255 / 20%);
   margin-bottom: 27px;
}
.footer .wrap .block1 .left {
   display: flex;
}
.footer .wrap .block1 .left .item {
   margin-right: 90px;
}
.footer .wrap .block1 .left .item .h2tit {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 16px;
   color: #FFFFFF;
}
.footer .wrap .block1 .left .item dl {
   padding-top: 20px;
}
.footer .wrap .block1 .left .item dl dd {}
.footer .wrap .block1 .left .item dl dd a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 36px;
   opacity: 0.8;
   display: block;
}
.footer .wrap .block1 .right {}
.footer .wrap .block1 .right .title {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 16px;
   color: #FFFFFF;
}
.footer .wrap .block1 .right .tel {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 31px;
   color: #FFFFFF;
   padding-top: 18px;
   padding-bottom: 26px;
}
.footer .wrap .block1 .right .dec {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 30px;
   padding-bottom: 31px;
}
.footer .wrap .block1 .right .dec p {}
.footer .wrap .block1 .right .ewms {
   display: flex;
}
.footer .wrap .block1 .right .ewms .item {
   margin-right: 21px;
}
.footer .wrap .block1 .right .ewms .item img {
   width: 110px;
}
.footer .wrap .block1 .right .ewms .item .tit {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 30px;
   opacity: 0.8;
   padding-top: 9px;
   text-align: center;
}
.footer .wrap .block2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 32px;
}
.footer .wrap .block2 .left {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #FFFFFF;
}
.footer .wrap .block2 .right {
   display: flex;
   align-items: center;
}
.footer .wrap .block2 .right .tit {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
}
.footer .wrap .block2 .right .flink {
   width: 309px;
   height: 50px;
   margin-left: 37px;
   position: relative;
   border: 1px solid rgb(255 255 255 / 20%);
   border-radius: 3px;
}
.footer .wrap .block2 .right .flink .h2tit {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
   text-align: center;
   line-height: 50px;
   background: url(../images/down.png) no-repeat 94% center;
   cursor: pointer;
}
.footer .wrap .block2 .right .flink:hover dl {
   bottom: 65px;
   visibility: visible;
   opacity: 1;
   z-index: 5;
}
.footer .wrap .block2 .right .flink dl {
   position: absolute;
   width: 100%;
   bottom: 60px;
   border: 1px solid rgb(204 204 204 / 30%);
   background: #0e3a83;
   z-index: 3;
   text-align: center;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   bottom: 80px;
}
.footer .wrap .block2 .right .flink dl dd {}
.footer .wrap .block2 .right .flink dl dd a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
   text-align: center;
   line-height: 50px;
   display: block;
}
.posf, .footer, .footer *, .section1 .left .swiper-slide a *, .section1 .left .swiper-slide a, .section1 .right *, .section2 *, .section3 *, .section4 *, .section5 *, .navs, .navs *, .head, .head * {
   -webkit-transition: all 0.4s;
   -o-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   transition: all 0.4s;
}
.section4 .left .list a .imgbox img:hover, .section3 .left .list a .imgbox img:hover, .section2 .left .content .leftlist a img:hover, .section1 .left:hover .imgbox img {
   -webkit-transform: scale(1.05, 1.05);
   -o-transform: scale(1.05, 1.05);
   -moz-transform: scale(1.05, 1.05);
   -ms-transform: scale(1.05, 1.05);
   transform: scale(1.05, 1.05);
}
.section4 .left .list a .title:hover, .section2 .left .content .right2 a.title:hover, .section2 .left .content .right2 .list a:hover, .section2 .right .content2 a:hover, .section3 .left .list a .rig .title:hover, .section3 .right .items .item .content1 .list a:hover, .titlemodel .hd a:hover, .section2 .left .content .right2 a.title:hover, .listtype1 .s1:hover, .section1 .right .title2:hover {
   color: #0e3a83;
}
.footer .wrap .block1 .left .item dl dd a:hover {
   opacity: 1;
}
.current .posf {
   transform: translateY(-128px);
}
.bmMain .wrap {
   width: 700px;
   padding-top: 100px;
   padding-bottom: 120px;
}
.bmMain .wrap .item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
}
.bmMain .wrap .item .s1 {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 18px;
   color: #000;
   width: 105px;
   text-align: right;
   line-height: 36px;
}
.bmMain .wrap .item .s2 {
   width: 540px;
   position: relative;
}
.bmMain .wrap .item .s2 input.words {
   width: 100%;
   height: 54px;
   border: 1px solid #D7D7D7;
   font-size: 16px;
   padding: 0px 20px;
}
.bmMain .wrap .item .s2 b {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FF0000;
   right: -30px;
   top: 19px;
   position: absolute;
}
.bmMain .wrap .item .s2 select {
   height: 54px;
   display: block;
   width: 100%;
   width: 100%;
   height: 54px;
   border: 1px solid #D7D7D7;
   font-size: 16px;
   padding: 0px 20px;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background: url(../images/down2.png) no-repeat 97% center;
}
.bmMain .wrap .item .s2 textarea {
   height: 203px;
   border: 1px solid #D7D7D7;
   display: block;
   width: 100%;
   resize: none;
   font-size: 16px;
   padding: 17px 20px;
}
.bmMain .wrap .send {
   width: 539px;
   height: 66px;
   background: #0E3A83;
   display: block;
   float: right;
   border: none;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 24px;
   color: #FFFFFF;
}
.cbanner {
   position: relative;
   overflow: hidden;
   margin-top: 195px;
}
.cbanner .bg {}
.cbanner .bg img {
   width: 100%;
   height: 100%;
   position: absolute;
   object-fit: cover;
}
.cbanner .content {
   position: relative;
   z-index: 4;
}
.cbanner .content .wrap {
   height: 540px;
   display: -webkit-box;
   display: -moz-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.cbanner .content .wrap .title {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 60px;
   color: #FFFFFF;
}
.cbanner .content .wrap .en {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 18px;
   color: #FFFFFF;
   padding-top: 26px;
}
.cbanner .menu {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 0;
   z-index: 6;
   background: rgb(14 58 131 / 50%);
   font-size: 0;
}
.cbanner .menu .wrap {}
.cbanner .menu .wrap a {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 18px;
   color: #FFFFFF;
   line-height: 54px;
   padding: 0px 39px;
   display: inline-block;
   /* width: 33.333%; */
   /* padding: 0; */
   text-align: center;
}
.cbanner .menu .wrap a.current, .cbanner .menu .wrap a:hover {
   background: #0e3a83;
}
.checkItem {
   position: relative;
   display: inline-block;
   line-height: 54px;
   padding-right: 33px;
   margin-right: 20px;
}
.checkItem input[type=radio], .checkItem input[type=checkbox] {
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   margin: 0;
   padding: 0;
   opacity: 0;
   z-index: 2;
}
.checkItem input[type=radio] + label, .checkItem input[type=checkbox] + label {
   cursor: pointer;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
}
.checkItem input[type=radio] + label::before, .checkItem input[type=radio] + label::after, .checkItem input[type=checkbox] + label::before, .checkItem input[type=checkbox] + label::after {
   content: '';
   display: block;
   position: absolute;
   left: 24px;
   top: 50%;
   margin-top: -8px;
   width: 16px;
   height: 16px;
   width: 16px;
   height: 16px;
   background: #FFFFFF;
}
.checkItem input[type=radio] + label::before, .checkItem input[type=checkbox] + label::before {
   border: 1px solid #DEDEDE;
   background: #fff;
   /* box-shadow: inset 0 1px 1px rgba(0,0,0,.08); */
}
.checkItem input[type=radio] + label::before, .checkItem input[type=radio] + label::after {
   border-radius: 50%;
}
.checkItem input[type=radio]:checked + label::before, .checkItem input[type=radio]:checked + label::after, .checkItem input[type=checkbox]:checked + label::before, .checkItem input[type=checkbox]:checked + label::after {
   -webkit-animation: cd-bounce .3s;
   -moz-animation: cd-bounce .3s;
   animation: cd-bounce .3s;
}
.checkItem input[type=radio] + label::after, .checkItem input[type=checkbox] + label::after {
   background-color: #F29700;
   background-position: center center;
   background-repeat: no-repeat;
   display: none;
   background: #838383;
   width: 10px;
   height: 10px;
   margin-left: 3.5px;
   margin-top: -4.5px;
}
.checkItem input[type=radio] + label::after {}
.checkItem input[type=radio]:checked + label::after, .checkItem input[type=checkbox]:checked + label::after {
   display: block;
}
@-webkit-keyframes cd-bounce {
   0%, 100% {
      -webkit-transform: scale(1)
   }
   50% {
      -webkit-transform: scale(.8)
   }
}
@-moz-keyframes cd-bounce {
   0%, 100% {
      -moz-transform: scale(1)
   }
   50% {
      -moz-transform: scale(.8)
   }
}
@keyframes cd-bounce {
   0%, 100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
   }
   50% {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      -o-transform: scale(.8);
      transform: scale(.8)
   }
}
.checkItem label:after, .checkItem label:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}