@charset "UTF-8";
html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body {
    font-family:'Microsoft Yahei';
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    
}
body,*{scroll-behavior: smooth;}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;}
input[type=submit],input[type=text],button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    cursor:pointer;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
@font-face {
    font-family: ziti;
    src: url('../font/ziti.TTF');   
    font-weight: normal;
    font-style: normal;
}
.wrap {
    padding:0 100px;
    margin:0 auto;
    position:relative;
}
@media (max-width:991px){
    .wrap {padding:0 4.5%;}
    .mc-hidden {display:none}
}
@media (min-width:990px){
    .lg-hidden1 {display:none}
}
@media (max-width:767px){
    .sm-hidden {display:none;}
}
@media (min-width:768px){
    .lg-hidden {display:none;}
}
.wrap:after,
.wrap:before,
.container:after,
.container:before{
    content:"";
    display:table;
}
.wrap:after,
.container:after {clear:both;}
.container {width:80%;margin:0 auto;}
@media (min-width:1200px){
    .container {width:1200px;}
}
@media (min-width:1450px){
    .container {width:1330px;}
}
@media (min-width:1530px){
    .container {width:1530px;}
}
@media (min-width:1450px) {
    .ourwork-page .container {width:88%;}
}
@media (max-width:991px){
    .container {width:91%;}
}
.clear {clear:both;}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
li {list-style-type:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
.w1400 {width:1400px;margin:0 auto}
.phonemenu { display:none;}

.toper,.toperh.active { background:#fff; height:102px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toperh.active{box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
-webkit-animation: 1s dong;
animation: 1s dong;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.toper{padding: 25px 0;}
.logo2{display: none;float: left;}
.toper .logo{display:block;float:left;}
.toperh.active .logo{display: none;}
.toperh.active .logo2{display: block;}
.toper ul { float:right;}
.toper ul li { display:inline-block;text-align:center; position:relative;text-align: center;padding:0px;margin-left:80px;height: 52px;line-height: 52px;}
.toper ul li:after{content: "";
    width: 0;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transition: all 0.5s ease 0s;}
.toper ul li:hover:after{width: 100%;left: 0;}
.toperh.active ul li:after{content: "";
    width: 0;
    height: 3px;
    background:#054078;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transition: all 0.5s ease 0s;}
.toperh.active ul li:hover:after,.toperh.active ul li.cur:after,.toper ul li.cur:after{width: 100%;left: 0;}
.toper li a {font-size:16px; display:block;color:#333;text-align: center;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#054078;border-color:#054078;}
.toperh{ background:none;}
.toperh li a{color:#fff;}
.toperh.active li a,.toperh.active li.check a {color:#333;}
.toperh li a:hover,.toperh li:hover>a,.toperh ul li.check a,.toperh ul li.check a:hover {color:#fff;border-color:#fff;}
.toperh ul li.check a {border-top:3px solid transparent;color:#fff;}

.toper.active2 { height:102px;}
.toper.active2 li dl {top:70px}
.toper.active2 li:hover a,.toper.active2 li.cur a,.toper.active2 li.cur a span{color: #054078;}


.banner{display: flex;}
#home_slider001{ position: relative;height: 100%;}
#home_slider001 li{width:100%;border-radius:20px;}
#home_slider001 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider001 .flex-direction-nav{display:block}
#home_slider001 .flex-direction-nav a {width: 30px; height: 30px; margin: -25px 0 0; display: block; background: url(../images/left.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;background-size: 30px 30px;}
#home_slider001 .flex-direction-nav .flex-next {background: url(../images/right.png) no-repeat; right: 5%;background-size: 30px 30px;}
#home_slider001 .flex-direction-nav .flex-prev {left: 5%;}
#home_slider001 .flexslider{margin-top:1.55rem}
#home_slider001 li .box{float: left;width:100%;position: relative;}
#home_slider001 .flex-control-paging{display:block;bottom:40px;text-align: center;position:absolute;z-index: 300;width: 100%;}
#home_slider001 .flex-control-paging li{padding:0px;display: inline-block;width: auto;}
#home_slider001 .flex-control-paging li a{width:8px;height:8px;display:inline-block;cursor:pointer;border-radius: 50%;text-indent: -9999px;background:#fff;position: relative;margin: 0 16px;}
#home_slider001 .flex-control-paging li a::after{width:20px;height: 20px;border-radius: 50%;border: 3px transparent solid;content: '';position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;z-index: 2;}
#home_slider001 .flex-control-paging li a.flex-active::after{border: 3px #fff solid;}
#home_slider001 li .box img{vertical-align: middle;width: 100%;height:calc(100vh);}
.footer{background:#143567;color: #fff;}
.footer a{color: #fff;}
.ny-banner img{width: 100%;height: auto;vertical-align: middle;}
.part1 .a-pic{display: none;}
.word{position: absolute;top:-80px;left: 0;z-index: -1;width:130px;overflow: hidden;height: 700px;}
.word p{transform: rotate(90deg);color: #f8f9fd;font-size:168px;font-weight: bold;font-family:arial;text-transform: uppercase;position: absolute;top: 0;left:0;transition-timing-function: linear;transition-duration: 0.5s;white-space: nowrap;width:130px;}
.part01{position: relative;z-index: 2;}
@keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}


@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-moz-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-o-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes dong2 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideInDown2 {
  from {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown2 {
  -webkit-animation-name: slideInDown2;
  animation-name: slideInDown2;
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
@keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown2 {
  animation-name: fadeInDown2;
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
}
@keyframes fadeInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight2 {
  animation-name: fadeInRight2;
}
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bmove1 {
  animation-name: bmove1;
}
@keyframes bmove1 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn2 {
  animation-name: fadeIn2;
}
@keyframes fadeIn2 {
  0% {
    width: 0;
  }
  10% {
    width: 100%;
  }
}
.rotate01 {
  animation-name: rotate;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bmove3 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.foot{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:9;box-shadow: -2px 3px 8px rgba(0,0,0,0.5);background:#265193;display: none;width: 100%;}
.foot ul li{ float:left; width:25%;margin:11px 0;position: relative;border-right: 1px solid #365178;}
.foot ul li:nth-child(4n){border-radius: none;}
.foot ul li h4{ text-align:center;}
.foot ul li h4 img{ width:auto; height:22px; margin-bottom:6px}
.foot ul li a h3{ text-align:center; font-size:15px; color:#fff; line-height:1.5rem}
#zhezhao{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 20000;display: none;}
.tan-box{position: fixed;background: #fff;width: 80%;margin:-160px 10% 0 10%;color: #2a2a2a;font-size: 16px;padding: 20px 4%;z-index:20002;top:50%;border-radius: 12px;display: none;}
.tan-box .close02{position: absolute;right: 10px;top:10px}
.tan-box .close02 img{width: 24px;height: auto;}
.tan-box .car img{width: 60%;height: 100%;padding: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: block;margin:20px auto 10px auto;}
.tan-box p{line-height: 28px;text-align: center;}
.tan-box p span{background:#2c4a76;color: #fff;display: inline-block;padding:2px 5px;}
.page{font-size:12px; padding-top:15px; padding-bottom:60px; margin:0 auto; margin-top:15px;text-align: center;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin:2px;
cursor:pointer;
display: inline-block;
margin: 5px 3px;
}
.page .current{
border:1px #2c4a76 solid;
background:#2c4a76;
font-weight:bold;
color: #fff;
}
.page a:hover{
border:1px #2c4a76 solid;
background:#2c4a76;
text-decoration:none;
}

#toggleMenu {
  width: 100%;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

#toggleMenu nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 100px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


#toggleMenu nav .navigation {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  overflow-y: auto;
  background: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
  -o-transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
  transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
}

#toggleMenu.active nav .navigation {
  height: 100vh;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

#toggleMenu nav .navigation li {
  list-style: none;
  text-align: center;
  margin: 10px 0;
  width: 240px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

#toggleMenu.active nav .navigation li {
  opacity: 1;
  -webkit-transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
  -o-transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
  transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
}

#toggleMenu nav .navigation li a {
  display: inline-block; 
  text-decoration: none;
}

#toggleMenu nav .navigation li a .label {
  display: inline-block; 
  position: relative;
  font-size:18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#toggleMenu nav .navigation li:hover a .label {
  opacity: 1;
  padding-left: 50px;
  color: #0f6bb0;
}
#toggleMenu nav .navigation li a{line-height: 60px;}

#toggleMenu nav .navigation li a .label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 0;
  background: #0f6bb0;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}

#toggleMenu nav .navigation li:hover a .label::before {
  width: 40px;
}

#toggleMenu nav .navigation li a .sub {
  display: inline-block; 
  width: 100%;
  font-size: 0.7em;
  font-weight: 300;
  letter-spacing: 1px;
  color: #6b6b6b;
  -webkit-transform: color .3s ease;
      -ms-transform: color .3s ease;
          transform: color .3s ease;
}

#toggleMenu nav .navigation li:hover a .sub {
  color: #ccc;
}

#toggleMenu nav .toggle {
  position:absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
          right: 4%;
          top: 10px;
}

#toggleMenu nav .toggle span {
  height: 3px;
  margin: 3px 5px;
  width: 30px;
  display: block;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toperh.active2 #toggleMenu nav .toggle span{background: #000;}
#toggleMenu nav .toggle span:nth-child(2) {
  width: 25px;
  margin-left: -10px;
}


#toggleMenu nav .toggle.active span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-5px, 6px);
      -ms-transform: rotate(-45deg) translate(-5px, 6px);
          transform: rotate(-45deg) translate(-5px, 6px);
}

#toggleMenu nav .toggle.active span:nth-child(2) {
  opacity: 0;
}

#toggleMenu nav .toggle.active span:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
      -ms-transform: rotate(45deg) translate(-6px, -7px);
          transform: rotate(45deg) translate(-6px, -7px);
}
.toperh.active2 #toggleMenu nav .toggle.active span{background: #fff;}
#toggleMenu nav .toggle::before {
  content: 'Menu';
  position: absolute;
  right: 50px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
}

#toggleMenu .content {
  position: relative;
  z-index: 10;
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

#toggleMenu .content h2 {
  position: relative;
  color: #fff;
  font-size: 4rem;
  text-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

#toggleMenu .content h2 span {
  font-size: 0.2em;
  font-weight: 300;
  letter-spacing: 5px;
  padding: 0 10px;
  text-transform: uppercase;
  background: #fff;
  color: #111;
  text-shadow: 0 5px 5px rgba(0,0,0,0);
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
          box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

#toggleMenu.active .content {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#toggleMenu .sci {
  position: absolute;
  bottom: 40px;
  right: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}

#toggleMenu .sci li {
  list-style: none;
  margin: 5px;
  padding: 0 6px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#toggleMenu.active .sci li {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}

#toggleMenu .sci li a {
  color: #111;
  background: #fff;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 12px;
  padding: 2px 5px;
  text-transform: uppercase;
}

#toggleMenu .sci li a:hover {
  background: #111;
  color: #fff;
}
.toper #toggleMenu li a:after{display: none;}

#toggleMenu .sci li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#toggleMenu .sci li:nth-child(2) {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

#toggleMenu .sci li:nth-child(3) {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.news{padding: 78px 0;}
.news li{padding: 34px 0;transition:0.3s all;border-bottom: 1px solid #ededed;}
.news li a .time{width:200px;text-align: center;font-family: arial;color: #333;font-size: 22px;border-right: 1px solid #ededed;padding: 28px 0 23px 0;position: relative;}
.news li a .time b{font-size: 60px;display: block;}
.news li a .time1{transition:0.3s all;}
.news li a .time2{color: #2c4a76;opacity: 0;position: absolute;top: 28px;left: 0;transition:0.3s all;width: 200px;}
.news li a .text{width: 80%;padding-right: 3%;}
.news li a h4{color: #333;font-size: 22px;margin-bottom: 16px;margin-top: 28px;transition:0.3s all;}
.news li a p{color: #666;font-size: 16px;line-height: 28px;}
.news li:hover{box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);border-bottom: none;}
.news li:hover a .time2{transform: rotate(360deg);opacity: 1;}
.news li:hover a .time1{transform: rotate(360deg);opacity: 0;}
.news li:hover a h4{color: #2c4a76;transform: translateX(15px);}
.inside_text05 .text05_nav{ overflow:hidden;margin:60px 0 30px 0;text-align: center;}
.inside_text05 .text05_nav h2{ font-size:30px; color:#333333;padding:0px 0 32px 0;}
.inside_text05 .text05_nav h3{border-bottom: 1px solid #e6e6e6;padding-bottom:34px;}
.inside_text05 .text05_nav h3 span{ font-size:14px; color:#666; padding-right:20px;}
.inside_text05 .text05_nav h3 a{ font-size:14px; color:#2c4a76; padding:0 5px;}
.inside_text05 .text05_nav h3 a:hover{ text-decoration:underline}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;}
.inside_text05 .text05 p{ font-size:16px; color:#666; line-height:42px; text-align:justify;}
.inside_text05 .text05 img{margin: 30px auto;max-width: 100%;}
.inside_text05 .fy{overflow:hidden; padding:28px 0 50px 0;border-top: 1px solid #e6e6e6;}
.inside_text05 .fy h4{ overflow:hidden; line-height:36px;font-size:16px; color:#666;}
.inside_text05 .fy h4 a{ font-size:16px; color:#666;font-weight: normal;}
.inside_text05 .fy h4:hover a{color:#2c4a76;text-decoration: underline;}
.inside_text05 .fy .fr{text-align: right;}
.nn_detail img{max-width:1000px;margin: 10px auto;}
.part2 .books{margin-top: 56px;}
.Ins-swiper{width:100%;overflow:hidden; }
.Ins-swiper .swiper-slide{width:100%;}
.Ins-swiper .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.part2 .swiper-pagination-bullet {
	width: 16px;
	height:16px;
	display: inline-block;
	border-radius: 100%;
	background:#e0e0e0;
	opacity: 1;
	margin: 0 5px;
	outline: none;
}
.books .swiper-pagination{text-align: center;width: 100%;position: relative;margin-top: 44px;}
.part2 .swiper-pagination-bullet-active{background:#265193;width: 53px;border-radius: 8px;}
.part2 .swiper-horizontal>.swiper-pagination-bullets,.part2 .swiper-pagination-bullets.swiper-pagination-horizontal,.part2 .swiper-pagination-custom,.part2 .swiper-pagination-fraction{bottom: 0px}
.m2abt_itmx .overflowHide{position:relative;overflow: hidden;height: 479px;width: 100%;border-radius: 10px 10px 0 0;}
.part2{background:url("../images/bg.jpg") no-repeat;padding: 84px 0 94px 0;}
.part2 .books{position: relative;}
.books a img {
    border-radius: 10px 10px 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
}
.books a:hover img{transform:translate(-50%,-50%) scale(1.3)}
.part2 .swiper-button-next,.part2 .swiper-button-prev{display: none;}
.books a p{color: #333;font-size: 18px;text-align: center;height: 80px;line-height: 80px;position: relative;}
.books a p::after{position: absolute;content: "";background: #265193;left: 0;width:100%;height: 80px;bottom: -80px;display: block;}
.m2abt_itmx{background: #fff;border-radius: 0 0 10px 10px;overflow: hidden;}
.books a:hover p::after{transition: all .3s;bottom: 0;}
.books a:hover p{color: #fff;}
.books a p span{position: relative;z-index: 2;}
.part1{background: url("../images/pic_03.jpg") no-repeat right top;padding: 70px 0 65px 0;overflow: hidden;background-size:100% 100%;}
.title{color: #000;font-size: 45px;border-bottom: 1px solid #ececec;position: relative;padding-bottom: 34px;}
.title span{display: inline-block;position: relative;color: #265193;padding-right: 50px;}
.title span::after{content: "";display: block;position: absolute;background: url("../images/fuhao.png") no-repeat;width: 34px;height: 24px;right: 0;top: 13px;}
.title b{color: #e0e0e0;font-family: arial;padding-left: 18px;}
.title2 span{padding-right: 44px;}
.title2{border-bottom: none;padding-bottom: 0;}
.part1 .part01{width: 42%;/*background: url("../images/tit.png") no-repeat left top;*/padding-top: 112px;}
.title em{display: block;position: absolute;width: 90px;height: 3px;background: #265193;left: 0;bottom: 0;}
.part1 p a{color: #666;font-size: 16px;line-height: 30px;}
.part1 .our{padding: 46px 0;}
.more{margin-top: 46px;}
.more a{display: block;width: 163px;height: 44px;text-align: center;line-height: 44px;color: #265193;font-size: 16px;border: 1px solid #265193;}
.more a span{display: inline-block;position: relative;padding-right: 45px;}
.more a span::after{position: absolute;content: "";background:url("../images/look2.png") no-repeat;right: 0;width:24px;height:21px;top:12px;display: block;}
.more2{float: right;display: inline-block;margin-top:8px;position: relative;z-index: 2;}
.more a:hover{background: #265193;color: #fff;transform: translateY(-5px);box-shadow: 0px 2px 30px 0px rgba(38,81,147,0.3);transition: all .3s ease;}
.more a:hover span::after{background:url("../images/look.png") no-repeat;}
.part3{padding: 84px 0 94px 0;}
.part3 .left{width: 49%;position: relative;border-radius:10px 0 0 10px;overflow: hidden;height: 451px;}
.part3 .right{width: 51%;padding:52px 4% 28px 4%;background: #f8f9fd;border-radius: 0 10px 10px 0;}
.part3 .left img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 800ms ease;width: 100%;height: 451px;border-radius:10px 0 0 10px;}
.part3 .left:hover img{transform:translate(-50%,-50%) scale(1.3)}
.part3 .left a p{color: #fff;font-size: 18px;position: absolute;bottom:36px;padding: 0 5%;line-height: 30px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;width: 100%;}
.part3 .sj{color: #999;font-size: 16px;display: block;margin-bottom: 10px;}
.part3 .tit a{color: #000;font-size: 18px;display: block;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.part3 .con{display: none;padding-top: 14px;}
.part3 .con p a{color: #999;font-size: 14px;line-height: 24px;}
.part3 .group{border-bottom: 1px solid #e8e8e8;padding-bottom: 22px;margin-bottom: 38px;transition: all 0.3s;}
.part3 .group:nth-child(3){border-bottom: none;margin-bottom: 0;}
.part003{padding-top: 56px;}
.part3 .group.on .con{display: block;transition: all 0.3s;}
.part3 .group:hover .tit a,.part3 .group.on .tit a{color: #265193;}
.part3 .group:hover{transform: translateY(-5px);}
.foot1{padding: 47px 0;border-bottom: 1px solid #2c4a76;}
.foot1 .f-menu{margin-top: 13px;}
.foot1 .f-menu a{display: inline-block;color: #dfecff;font-size: 14px;padding: 0 58px;border-right: 1px solid #dfecff;height: 14px;line-height: 14px;}
.foot1 .f-menu a:nth-child(6){border-right: none;padding-right: 0;}
.foot2{color: #dfecff;font-size: 12px;padding: 18px 0;}
.foot2 .saosao a{display: block;position: relative;background: url("../images/a.png") no-repeat center;width: 33px;height: 33px;}
.foot2 .saosao a img{display: block;position: absolute;top: -130px;left: 50%;margin-left: -60px;height: 0;}
.foot2 .copy{line-height: 33px;}
.foot2 a{color: #dfecff;}
.foot2 .saosao a:hover img{height: 120px;transition: all height 0.3s;}
.foot1 .f-menu a:hover{color: #fff;}
.foot2 .saosao a:hover{background: url("../images/a-hover.png") no-repeat center;}
.brand{position: relative;}
.brand .place{margin-top: 88px;display: inline-block;float: right;color: #999;font-size: 16px;background: url("../images/home.jpg") no-repeat left center;padding-left: 44px;}
.brand .place a{color: #999;}
.brand .block{position: absolute;width: 305px;height: 228px;background: #265193;color: #fff;border-radius: 10px;top: -115px;font-size: 32px;padding: 42px 0 0 40px;}
.brand .block h3{font-size: 34px;font-family: arial;}
.brand .block em{display: block;width: 42px;height: 2px;background: #fff;margin: 30px 0 24px 0;}
.brand .home{height: 175px;}
.sub_menu{border-bottom: 1px solid #dcdcdc;padding-bottom: 30px;position: relative;}
.sub_menu li{display: inline-block;margin-right: 85px;}
.sub_menu a{color: #999;font-size: 20px;position: relative;padding-bottom: 30px;transition: 0.5s ease 0s; }
.sub_menu a.move{color: #265193;font-weight: bold;}
/*.sub_menu a::after{content: "";display:none;position: absolute;width: 27px;height: 4px;bottom: -1px;left: 50%;margin-left:-14px;background: #265193;transition: all 0.5s ease 0s;}
.sub_menu a.move::after,.sub_menu a:hover::after{display: block;}*/
.nav-slide { background: #265193; width: 0; height: 4px; bottom: 0; z-index: -1;position: absolute;transition: 0.5s ease 0s;}
.about{padding: 88px 0 110px 0;}
.about .left{width: 47%;}
.about .right{width: 47%;position: relative;}
.about .h4{color: #333;font-size: 30px;margin-bottom: 35px;}
.about .h4 span{display: block;color: #265193;font-size: 20px;text-transform:uppercase;padding-top: 6px;}
.about p{color: #666;font-size: 16px;line-height: 30px;}
.about .right::after{content: "";display: block;position: absolute;background: #e5e5e5;border-radius: 10px;width: 100%;height: 94%;top: 62px;left: -6%;}
.about .right img{width: 100%;height: auto;border-radius: 10px;z-index:2;position: relative;}
.service{margin: 34px 0 80px 0;}
.service li{float: left;margin-right: 2%;width:32%;margin-bottom:30px;}
.service li:nth-child(3n){margin-right: 0;}
.service a p{background: #f6f7fb;}
.contact{padding: 50px 0;}
.contact .left{width: 36%;padding-top: 20px;}
.contact .left h5{color: #333;font-size: 24px;font-weight: bold;margin-bottom: 25px;}
.contact .left p{color: #666;font-size: 14px;line-height: 28px;}
.contact .middle{color: #265193;font-size: 34px;font-family: arial;width: 39%;text-align: center;padding: 52px 0;border-left: 2px solid #ededed;border-right: 2px solid #ededed;}
.contact .middle h6{background: url("../images/phone.jpg") no-repeat left top;line-height: 48px;padding-left: 72px;display: inline-block;}
.contact .right{width: 120px;text-align: center;color: #666;font-size: 14px;margin-right: 4%;padding-top: 16px;}
.join ul{flex-wrap: wrap;display: flex;justify-content: space-between;}
.join li{width: 48.5%;border: 1px solid #e3e3e3;border-radius: 10px;padding: 40px 48px;margin-bottom: 52px;overflow: hidden;transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);position: relative;}
.join li a .p1{font-size: 24px;color: #333;font-weight: bold;position: relative;}
.join li a .p1 .ten:before,.join li a .p1 .ten:after {
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 0;
    background: #265193;
    left: 0;
    top: 50%;
    content: '';
}
.join li a .p1 .ten:after {transform: translate(0, -50%);}
.join li a .p1 .ten:before{transform: translate(0, -50%) rotate(90deg);}
.join li a .p1 .ten {
    width: 24px;
    height: 24px;
    position:relative;
    display: inline-block;
    float: right;
}
.join li:hover a .p1 .ten:after{background: #fff;}
.join li:hover a .p1 .ten:before{display: none;}
.join li a .p2{font-size:12px;color: #333;margin: 27px 0 14px 0;}
.join li a .p2 strong{font-size:16px;}
.join li a .p3{font-size:16px;color: #777;line-height: 36px;}
.join li a .p3 strong{color: #333;}
.join li a .p4{font-size:16px;color: #333;padding-top: 7px;}
.join li:hover{background: #265193;transform: perspective(2000px) rotateY(360deg);transform-style: preserve-3d;transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);box-shadow: 0px 2px 30px 0px rgba(38,81,147,0.3);}
.join li:hover a .p1,.join li:hover a .p2,.join li:hover a .p3,.join li:hover a .p4,.join li:hover a .p3 strong{color: #fff;}
.about_x2.bgs2 p{font-size:16px; color:#666; line-height:32px; text-align:justify;}
.about_x2.bgs2 {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    background: #fff;
    margin-bottom: 5%;
}
.about_x2.bgs2 .show_t{ text-align:center;line-height:40px; font-size:28px; color:#333333;margin-bottom:2%; margin-top:5px; font-weight:bold;}
.about_x2.bgs2 .con_line{ text-align:center; height:auto;line-height:40px;font-size:15px; color:#c8c8c8; border-bottom:1px solid #f0f0f0;padding-bottom:1%;margin-bottom: 30px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}
.radis-box{height: 70px;background: #0f6bb0;color: #fff;font-size: 30px;font-weight: bold;line-height: 70px;padding-left: 40px;border-radius: 20px 0 20px 0;}
.more3{display: none;}
.more3 a{margin: 0 auto;}


@media (max-width: 991px) {
  #toggleMenu nav {
    padding: 0px;
  }
  #toggleMenu .sci {
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 450px) {
  #toggleMenu .content h2 {
    font-size: 3rem;
  }
}