@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.top { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; height: 142px; }
.topfix { height: 90px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9); }
.topfix .logo {top: 20px;}
.topLogo .logo {}
.topLogo2 .menu { color: #fff; }
.topfix .menu {top: 15px;color: #009572;}
.pagenavBox { height: 38px; }
.pagenav { background-color: #009572; width: 100%; }
.pagenav a { display: block; float: left; width: 25%; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; height: 38px; line-height: 38px; }
.pagenav2 a { width: 20%; border-right: 0px none; }
.pagenav a:hover, .pagenav a.act { background-color: #0db78f; }
.cpnav { display: none; width: 100%; color: #FFF; line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size: 14px; background: #009572; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pagenav.fixed { top: 90px; }
.topfix .menu-handler{ background:#163468}
.topfix .menu-handler .burger{ background:#fff}

.logo { width: 276px; height: 68px; position: fixed; left: 56px; top: 40px; display: block; z-index: 1100; color: #fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.menu {width: 100px;height: 60px;position: fixed;right: 36px;top: 36px;color: #009572;font-size: 16px;line-height: 48px;z-index: 1100;cursor: pointer;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}
.menu-handler {width: 54px;height: 60px;cursor: pointer;position: relative;float: right;transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);background-color: rgba(255,255,255,0.7);}
.menu-handler .burger {width: 18px;height: 2px;background: #c30d23;display: block;position: absolute;z-index: 5;top: 23px;left: 50%;margin: 0px 0px 0px -9px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler .burger-2 {top: 28px;}
.menu-handler .burger-3 {top: 33px;}
.menu-handler.active .burger-1 {top: 30px;-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);background: #fff;height: 1px;width: 25px;margin: 0 0px 0px -12px;}
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 {top: 30px;-moz-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);background: #fff;height: 1px;width: 25px;margin: 0px 0px 0px -12px;}
.menuBox { position: fixed; z-index: 1090; background-color: #fff; left: 0px; top: 0px; width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; height: 0px; overflow: hidden; box-sizing: border-box; }
.open .menuBox { height: 100%; padding: 10% 0px 0px; }
.nav {width: 1200px;margin: 0px auto 5%;overflow: hidden;}
.nav dd {float: left;display: block;width: auto;font-size: 16px;margin-right: 145px;}
.nav dd.lin4 { width: 16%; }
.nav a:link, .nav a:visited {color: #747474;font-size: 15px;line-height: 34px;}
.nav a:active, .nav a:hover { color: #009572; }
.nav dd .t a {color: #000000;font-size: 20px;}
.nav dd .t a:hover { color: #c30d23; }
.nav dd .t { font-size: 20px; margin-bottom: 20px; }
.nav dd .subnav li { margin-bottom: 5px; }
.nav dd .subnav a:hover {
    color: #c30d23;
}
.menubot a:link, .menubot a:visited {font-size: 16px;color: #163468;}
.menubot a:active, .menubot a:hover {color: #c30d23;}
.menubot {width: 1200px;margin: 0px auto;font-size: 15px;line-height: 36px;}
.no-csstransforms .nav { margin-bottom: 20px; }
.no-csstransforms .nav dd { font-size: 14px; }
.no-csstransforms .nav dd .t { font-size: 16px; margin-bottom: 15px; }
.menulink a { margin-right: 60px; }
.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 9px; top: 9px; cursor: pointer; }
.menuclose:hover { background-color: #009572; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.mobileLogo { padding: 24px 0px 0px; text-align: center; width: 250px; margin: 0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
.mobileLogo img { width: 100%; display: block; }
.navMobile { padding: 60px 0px 40px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 25px; position: relative; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd a { display: block; font-size: 16px; padding: 5px 0px; color: #7f7f7f; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #009572; color: #fff; }
.navMobile dd a:active { background-color: #84c598; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: transparent; }
.msharpT { font-size: 14px; text-align: center; margin-bottom: 16px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.msharpT span { color: #000; }
.menuMobileBox .sharpBox { float: none; display: block; width: 165px; padding-left: 20px; margin: 0px auto; height: 35px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.menuMobilelink { padding: 35px 0px; text-align: center; font-size: 16px; opacity: 0; transition: 600ms ease 450ms; -webkit-transition: 600ms ease 450ms; }
.menuMobilelink a { margin: 0px 15px; }
.menuMobilelink a:link, .menuMobilelink a:visited { color: #009572; }
.menuMobilelink a:active, .menuMobilelink a:hover { color: #555; }
.trans, .cube { -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); }

#nav .w1200{ width:1400px;}
.sharpBox { float: right; }
.sharpBox a { width: 35px; height: 35px; display: block; float: left; margin-left: 20px; position: relative; top: 0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.sharpBox a.i1 { background-position: 0px 0px; }
.sharpBox a.i2 { background-position: -54px 0px; }
.sharpBox a.i3 { background-position: -110px 0px; }
.sharpBox a.i4 { background-position: -162px 0px; }
.sharpBox a.i5 { background-position: -218px 0px; }
.sharpBox a.i6 { background-position: -267px 0px; }
.sharpBox a:hover {top: -5px;}
.sharpBox .lt { font-size: 14px; color: #7f7f7f; float: left; }
.menulink{ float:left}

.menu-handler.active{ background:#163468}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.fnc {
  /* you can add color names and their values here
  and then simply add classes like .m--blend-$colorName to .fnc-slide 
  to apply specific color for mask blend mode */
}
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #6d9b98;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #42605E;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #990e13;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 1.22222s;
  transition: -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 0.33333s;
  transition: -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 29%;
  width: 100%;
  text-align: center;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  font-size: 26px;
  color: #fff;
  word-spacing: 10px;
  margin-bottom: 15px;
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;

  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.fnc-slide__action-btn {
  margin-top: 50px;
  position: relative;
  margin-left: 0;
  padding: 5px 15px;
  font-size: 20px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;

  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 30px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #1F2833;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  -webkit-transition: opacity 0.15s 0.15s;
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: absolute;
  bottom: 1px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 50px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s !important;
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0s 0s !important;
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Lobster", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  -webkit-transition: -webkit-transform 0.7s 0.23333s;
  transition: -webkit-transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s, -webkit-transform 0.7s 0.23333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("../img/blackwidow.jpg");
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("../img/captainamerica.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url("../img/ironman-alt.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url("../img/thor.jpg");
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;

  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Lobster", Helvetica, Arial, sans-serif;
}

.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.14286px;
  margin: 0 auto;
  border-radius: 32.14286px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.14286px;
  border-radius: 37.14286px;
  background: #314239;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.14286px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: -webkit-linear-gradient(0deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 5.14286px;
  height: 5.14286px;
  margin-left: -2.57143px;
  margin-top: -2.57143px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.14286px;
  top: 22.5px;
  width: 19.28571px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.57143px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.14286px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.14286px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 41.14286px;
  height: 41.14286px;
  margin-left: -20.57143px;
  margin-top: -20.57143px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.14286px;
  margin-top: -2.57143px;
  border-radius: 2.57143px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s 0.25s;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  -webkit-transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
          transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}

/*6图标*/
.container01{ height:210px; background:#f2f4f6;}
.container01 ul{border-left:#dcdcdc 1px solid;overflow:hidden;}
.container01 ul li{float:left;width:200px;height:210px;border-right:#dcdcdc 1px solid;text-align:center;position:relative;margin: 0 -0.1px;border-bottom: #dcdcdc 1px solid;}
.container01 ul li a{ display:block; width:100%; height:100%; padding:32px 0}
.container01 ul li a h3{ line-height:85px; height:85px;}
.container01 ul li a h3 img{ overflow:hidden; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 ul li a h3 img.img02{ width:0; transform:scale(0);}
.container01 ul li a h5{ padding:0 20px; font-size:14px; color:#333335; line-height:23px; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container01 ul li:before{ content:""; position:absolute; top:50%; left:50%; width:0; height:100px; margin-top:-50px; background:#163468; opacity:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 ul li:hover:before{ width:100%; height:210px; margin-left:-100px; margin-top:-105px; opacity:1}
.container01 ul li:hover a h3 img.img01{ width:0; transform:scale(0);}
.container01 ul li:hover a h3 img.img02{ width:auto; transform:scale(1);}
.container01 ul li:hover a h5{ color:#fff}

.container02{ padding:30px 0 70px; overflow:hidden}
.container02 ul{width: 1240px;margin-bottom: 10px;overflow:hidden;}
.container02 ul li{float:left;width: 390px;margin-right: 20px;background:#fff;margin-bottom: 20px;position:relative;}
.container02 ul li .con{height: 50px; line-height:50px; position:relative;overflow:hidden;}
.container02 ul li .con:before{ content:""; position:absolute; bottom:0; height:0; background:#f2f4f6; width:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul li:hover .con:before{ top:0; height:80px;}
.container02 ul li .img,
.container02 ul li .img img{width: 100%;height: 260px;overflow:hidden;}
.container02 ul li h5{position:relative;padding:0 15px;font-size: 15px;color: #000;text-align:center; margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 ul li:hover h5{ color:#c30d23;}

.more00.more{ text-align:center}
.more00.more a{display:inline-block;border: #c1c1c1 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width: 195px;height: 50px;line-height: 48px;font-size: 14px;color: #767676;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more00.more a span{ position:relative; z-index:10}
.more00.more a:hover{color:#fff;border:#c30d23 1px solid;background: #c30d23; transition-delay:0.36s}


@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

.btn-11 {
  position: relative;
  color: #9a7cba;
}
.btn-11:before, .btn-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background: #c30d23;
  border-radius: 50%;
}
.btn-11:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
  /*       @include size($btn-width); */
}
.btn-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
}

.container03{ padding:65px 0; background:#f2f4f6; overflow:hidden}
.container03 .left{ float:left; width:592px;}
.container03 .left h3{ font-size:34px; color:#2c2c2c; line-height:42px; margin-bottom:15px; font-weight:bold; text-transform:uppercase}
.container03 .left h5{ font-size:23px; color:#2c2c2c; margin-bottom:40px;}
.container03 .left p{ font-size:14px; color:#737373; line-height:30px; height:90px; overflow:hidden; margin-bottom:65px;}
.container03 .left .more a{ display:inline-block; width:170px; height:50px; line-height:50px; background:#c30d23; text-align:center; font-size:14px; color:#fff}
.container03 .left .more a span{ display:inline-block; width:17px; font-family:arial; color:#fff; font-size:17px; margin-left:5px; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .left .more a:hover span{ margin-left:0; width:0;}
.container03 .right{float:right;margin-right: -15px;}
.container03 .right .img,.container03 .right .img div,.container03 .right .img img{ width:457px; height:256px; overflow:hidden}
.container03 .right .img{border:#fff 7px solid;box-sizing:content-box;margin-bottom:28px;box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.25);}
.container03 .right ul{ }
.container03 .right ul li{ float:left; width:80px; line-height:80px; border:#d6d6d7 1px dashed; margin:0 20px; text-align:center; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .right ul li a{ font-size:14px; color:#909090; display:block; width:100%; height:100%; }
.container03 .right ul li:hover{ background:#c30d23}
.container03 .right ul li:hover a{ color:#fff}

.container04{ padding:75px 0 78px; background:url(../images/container04_bg.jpg) center no-repeat; background-size:cover; overflow:hidden}
.container04 .title{text-align:center;position:relative;margin:0 auto;margin-bottom:45px;}
.container04 .title h3{font-size: 34px;font-weight:bold;color: #fff;margin-bottom: 12px;font-family: DINOT;text-transform:  uppercase;}
.container04 .title h5{font-size: 23px;color: #fff;text-transform:uppercase;}
.container04 ul{ margin:0 -10px;}
.container04 ul li{ padding:0 10px;}
.container04 ul li .img,.container04  ul li .img > img{ width:100%; position:relative;}
.container04 ul li .img{ position:relative; overflow:hidden}
.container04 ul li .img img{ display:inline-block}
.container04 ul li .img .top_icon{ position:absolute; top:0; left:0; width:100%; height:100%;}
.container04 ul li .img .top_icon img{ transform:rotateY(270deg); -webkit-transform:rotateY(270deg);  -moz-transform:rotateY(270deg); opacity:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul li:hover .img .top_icon img{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg); opacity:1;}
.container04 ul li h5{ height:60px; line-height:60px; text-align:center; font-size:15px; color:#fff; position:relative}
.container04 ul li h5:before{ content:""; position:absolute; left:0; bottom:0; height:0; background:#c30d23; width:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:0}
.container04 ul li:hover h5:before{ top:0; height:60px;}
.container04 ul li h5 span{ position:relative;}
.container04 ul li:hover h5{ color:#fff}
.container04 .top{
	position: absolute;
	z-index:1;
	height: 5px;
	top: 0px;
	width: 0px;
}
.container04 .bottom{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.container04 .left{
	top: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}
.container04 .right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}

.container04 ul .miso-list{ padding:0 0 88px; background:url(../images/more02.png) center bottom no-repeat; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul:hover .miso-list{ background:url(../images/more02_on.png) center bottom no-repeat}
.container04 ul .miso-prev, .container04 ul .miso-next{top: auto;margin-top: auto;bottom: 15px;width:23px;height:9px;background:none;z-index: 10;}
.container04 ul .miso-prev{background:url(../images/left.png) center no-repeat;margin-left: -90px;left: 50%;}
.container04 ul .miso-next{background:url(../images/right.png) center no-repeat;margin-right: -90px;right: 50%;}
.container04 ul .miso-prev:hover{background:url(../images/left_on.png) center no-repeat;}
.container04 ul .miso-next:hover{background:url(../images/right_on.png) center no-repeat;}
.container04 ul li:hover .slow img{ transform:scale(1.05);}

.container05{ padding:70px 0 70px; background:#f2f4f6; overflow:hidden}
.container05 .title{text-align:center;position:relative;margin:0 auto;margin-bottom:45px;}
.container05 .title h3{font-size: 34px;font-weight:bold;color:#2c2c2c;margin-bottom: 12px;font-family: DINOT;text-transform:  uppercase;}
.container05 .title h5{font-size: 23px;color: #2c2c2c;text-transform:uppercase;}
.container05 ul{ max-width:1474px; margin:0 auto; overflow:hidden; margin-bottom:50px;}
.container05 ul li{ padding:0 23px; float:left; width:33.33333%;}
.container05 ul li a{ display:block; width:100%; height:100%; padding:23px 23px 30px 23px; background:#fff; position:relative; border-top:#d7d7d7 3px solid}
.container05 ul li a .top_box{ overflow:hidden; position:relative; margin-bottom:30px;}
.container05 ul li a .top_box .img{ width:70%; display:table-cell; overflow:hidden}
.container05 ul li a .top_box .img img{ width:100%}
.container05 ul li a .top_box .time{ width:30%; display:table-cell; background:#f3f3f3;}
.container05 ul li a .top_box .time .h{ position:absolute; left:70%; top:0; right:0; height:100%;}
.container05 ul li a .top_box .time h2{ font-size:54px; color:#333333; margin-bottom:10px;}
.container05 ul li a .top_box .time h5{ font-size:12px; color:#9c9c9c}
.container05 ul li a > h5{ font-size:18px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:18px}
.container05 ul li a p{ font-size:13px; color:#8a8a8a; line-height:22px; height:44px; overflow:hidden;}

.container05 ul li a:before{ content:""; position:absolute; top:-3px; right:0; width:0; height:3px; background:#163468; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container05 ul li:hover a:before{ left:0; width:100%;}
.container05 ul li a .top_box .time:before{ content:""; position:absolute; top:0; right:0; width:0; height:100%; background:#163468; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container05 ul li:hover a .top_box .time:before{ left:70%; width:30%;}
.container05 ul li:hover a .top_box .time h2{ color:#fff;}
.container05 ul li:hover a .top_box .time h5{ color:#fff}
.container05 ul li a > h5:hover{ color:#c30d23}
.container05 .more a b{ display:inline-block; font-weight:normal; width:17px; font-family:arial; color:#5f5b5b; font-size:17px; margin-left:5px; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 .more a:hover b{ margin-left:0; width:0;}

.footer{ padding:60px 0; background:#363738; overflow:hidden}
.footer .center{float:left;width: 554px;height:210px;border-right:#575757 1px solid;font-size:0; padding:5px 0 0}
.footer .center dl{display:inline-block; *display:inline; *zoom:1;margin: 0 64px 0 0;text-align:left;}
.footer .center dl dt{font-size: 16px;color: #949495;margin-bottom: 35px; position:relative}
.footer .center dl dt:before{ content:""; position:absolute; bottom:-23px; left:0; width:72px; height:2px; background:#c3c3c4}
.footer .center dl dt a{ color:#fffefe; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; }
.footer .center dl dd{font-size: 12px;line-height: 27px;color:#c1c1c1;}
.footer .center dl dd a{color: #949495;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer .center dl dt a:hover,.footer .center dl dd a:hover{ color:#fff}

.footer .left{float:left;width:316px;height:210px;border-right:#575757 1px solid;font-size:0; text-align:center}
.footer .left ul li{ display:inline-block; padding:5px 15px}
.footer .left ul li h3 img{ width:84px; height:84px;}
.footer .left ul li h5{ font-size:12px; color:#949495; line-height:50px;}

.footer .right{float:right;text-align:right; padding:5px 0 0}
.footer .right h5{font-size: 14px;color: #949495;line-height: 20px;}
.footer .right h2{font-size: 20px;line-height: 3rem;color: #fff;font-weight:bold;margin-bottom: 0.25rem;margin-top: -0.45rem;}
.footer .right h2 .tel{display:inline-block;padding: 0 0 0 48px;background: url(../images/tel.png) left 0px no-repeat;}
.footer .right ul{float: right; margin: 20px 0 34px; }
.footer .right ul li{float:left;box-sizing:border-box;text-align:center;margin: 0 0 0 13px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.footer .right ul li a{ display:block;}
.footer .right ul li a .img{float:left;box-sizing:border-box;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:table;}
.footer .right ul li a i{ display:table-cell; vertical-align:middle;}
.footer .right ul li img{filter:alpha(opacity:80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;display: inline-block;width: 100%;}
.footer .right ul li:hover img{ filter:alpha(opacity:100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.footer .right ul li a{ display:block;}
#fix_ewm_box,#fix_ewm_box01{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }
#fix_ewm_box .ewm img,#fix_ewm_box01 .ewm img{display: block;position: absolute;top: 50%;margin-top: -160px;left: 50%;margin-left: -100px;width: 200px;height: 200px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.footer .right ul li .icon{width: 17px;height: 27px;}

footer{ background:#2a2a2b; height:50px; line-height:50px; text-align:center;}
footer p,footer p a{ font-size:12px; color:#77797d; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
footer p a:hover{ color:#fff}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}


#n_banner{ height:320px;}
#n_banner .w1200{ height:100%;}
#n_banner .table{display:table;width:100%;height:100%;}
#n_banner .table .box{ display:table-cell; vertical-align:middle;}
#n_banner .table .box h4 {font-size: 24px;color: #fff;font-family:Century Gothic;text-transform:uppercase;font-weight: normal;margin-bottom: 5px;}
#n_banner .table .box h3{font-size: 50px;color: #fff;text-transform:uppercase;font-weight:bold;font-family: "Microsoft Yahei";}

.n_main_box{width:100%;}
.n_main_box .w1200{position:relative;width:1200px;height: 50px;margin: 0 auto;}
.n_nav_box{height: 50px;line-height: 50px;position:relative;border-bottom: #e8e8e8 1px solid;}
.n_nav{position:relative;text-align: right;font-size: 0;}
.n_nav a{display:inline-block;width: 145px;height: 50px;font-size: 15px;line-height: 50px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #e8e8e8 1px solid;border-right: #e8e8e8 1px solid;margin: 0 -0.5px;}
.n_nav a strong{display:block;color: #474747;position:relative;z-index:4;height: 50px;line-height: 50px;font-weight: 100;}
.n_nav a:before{content:"";width: 100%;height: 50px;position: absolute;bottom: 0;left: 0;}
.n_nav a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav a:hover:before,.n_nav .on:before{ background:url(../images/anniu_bg.jpg) center no-repeat}
.n_nav a:hover:after,.n_nav .on:after{}
.n_nav a:hover strong,.n_nav .on strong{
    color: #fff;
}
.n_up_box{ position:relative;}
.position{position:absolute;height: 50px;line-height: 50px;left: 0px;bottom: 0;color: #9c9ca0;padding-left: 20px;font-size: 12px;background: url(../images/home_icon.png) left 18px no-repeat;}
.position span, .position a, .position i{font-size: 12px;color: #aaaaaa;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 4px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 12px;color: #c30d23;font-style: normal;}
.position a:hover{color: #c30d23;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

header{ height:110px;}
header .logo{top:32px;left: 50%;margin-left: -600px;position: absolute;}

/*=================导航=================*/
#nav01{ position:relative; z-index:1000; float:right;}
#nav01 .main_box{position: relative;}
#nav01 ul{margin: 0;}
#nav01 li{display: block;float: left;height: 110px;line-height: 110px;z-index: 1;box-sizing: border-box;text-align: left;margin-left: 18px;}
#nav01 li h5{font-size: 16px;color: #163468;font-weight: bold;}
#nav01 li h6{ font-size:12px; color:#a7a7ab}
#nav01 .a{display: block;color: #163468;font-size: 16px;position:  relative;font-weight:  bold;}
#nav01 li .a span{position:absolute;left:0px;width:100%;height:2px;bottom: 5px;text-align:center;z-index:1;}
#nav01 .on a,#nav li:hover a{}
#nav01 .on h6,#nav li:hover h6{ font-size:12px; color:rgba(255,255,255,0.5);}
#nav01 .title{position: relative;}
#nav01 .list {position:absolute;display:none;top:72px;left:0;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B26691CA', endColorstr='#B26691CA');background: #2b2b2b;}
#nav01 .list a{display: block;height: 40px !important;line-height: 40px;text-align: center;font-size: 12px;color: #fff;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */ position:relative}
#nav01 .list a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC6691CA', endColorstr='#CC6691CA');background: #dca700;}
#nav01 li ul li{line-height:36px;height:36px;padding: 0 15px;text-align:center;overflow:hidden;width:120px;}
#nav01 li ul li a{ font-size:14px; color:#fff;}
#nav01 li ul li:hover{ background-color:#3d404c;}
#nav01 .a:before {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0;
	height: 3px;
	width: 0px;
	z-index: 0;
	content: '';
	color: #000 !important;
	background: #163468;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
#nav01 .a:after{
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: 0;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
#nav01 .a:hover:before ,#nav01 li.on .a:before{
	left: 0%;
	right: auto;
	width: 100%;
}
#nav01 .a:hover:after, #nav01 .a:visited:hover:after {
	height: 450%;
}

.n_about{ padding:66px 0}

.n_chengguo{ padding:70px 0 62px}
.n_chengguo ul{ width:1280px; margin-bottom:30px; overflow:hidden}
.n_chengguo ul li{float:left;width: 275px;margin: 0 32.5px 36px 0;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;background: #f2f3f5;}
.n_chengguo ul li .pic_box{width: 100%;display:table;overflow:hidden;padding: 18px 0 12px;}
.n_chengguo ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_chengguo ul li img{max-width: 240px;max-height: 350px;display: inline-block;}
.n_chengguo ul li h5{font-size: 15px;color: #3f3f42;text-align:center;margin: 0;height: 55px;line-height: 55px;background: #f2f3f5;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; position:relative}
.n_chengguo ul li:hover{}
.n_chengguo ul li:hover h5{ color:#fff}
.n_chengguo ul li h5:before{ content:""; position:absolute; bottom:0; left:0; height:0; background:#c30d23; width:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.n_chengguo ul li:hover h5:before{ top:0; height:55px;}
.n_chengguo ul li h5 span{ position:relative}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 14px;height: 37px;line-height: 37px;display:inline-block; background:#eeeff4; margin: 0 5px;color: #000000;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #c30d23;color: #fff;}
.j_pages a:hover{background: #c30d23;color:#fff!important;}
.j_pages span{background:#e84518;color:#fff!important;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_contact{padding: 70px 0 0;}
.n_contact .fl01{width: 100%;}
.n_contact .fl01 .con{padding: 0;overflow: hidden;margin-bottom: 62px;}
.n_contact .fl01 .con .ar_article{float: right;width: 532px;margin-bottom: 0;}
.n_contact .fl01 .con h3{ padding:18px 0 0}
.n_contact .fl01 .con .right{float: left;width: auto;height: auto;position:relative;}
.n_contact .fl01 .con .right img{float:  right;margin: 0;}
.n_contact .fl01 .con  ul{text-align: left;font-size: 0;}
.n_contact .fl01 .con ul li{display:inline-block; *display:inline;*zoom:1;margin-left: 0;text-align: left;width: 260px;}
.n_contact .fl01 .con ul li h6{ height:36px; line-height:36px; text-align:center; font-size:14px; color:#545353;}
.n_contact .fl01 .con ul li .img{float:left;width: 129px;height: 129px;}
.n_contact .fl01 .con ul li .img img{float:left;width: 129px;height: 129px;border: #e9e9e9 1px solid;}
.n_contact .fl01 .con ul li .con01{float:left;font-size:14px;line-height: 24px;padding:34px 0 0 10px;color: #9b9b9b;}

.n_video{ padding:85px 0 62px}
.n_video ul{ width:1250px; margin-bottom:45px; overflow:hidden}
.n_video ul li{float:left;width: 390px;margin-right: 15px;margin-bottom: 35px;}
.n_video ul li .img{width: 390px;height: 265px;overflow:hidden;position:relative;background:#000;}
.n_video ul li .img img{ opacity:0.65; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_video ul li:hover .img img{ opacity:1;}
.n_video ul li .img .top01{ width:100%; height:100%; position:absolute; left:0; top:0;}
.n_video ul li h5{height: 46px;line-height: 46px;background: rgba(103,103,106,0.8);position:absolute;left:0;bottom:0;font-size:14px;color:#fff;width:100%;padding:0 30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_video ul li:hover h5{ background:rgba(195,13,35,0.8)}

.n_jishu .fl01{ padding:80px 0 72px; background:#f7f7f9}
.n_jishu .fl01 .title{ text-align:center; margin-bottom:65px; height:24px; line-height:24px;}
.n_jishu .fl01 .title h3{ font-size:24px; color:#2a2a2a; display:inline-block;}
.n_jishu .fl01 .title small{ font-size:24px; color:#c30d23; margin-left:5px;}
.n_jishu .fl01 .box{ overflow:hidden}
.n_jishu .fl01 .box dl{ float:left; width:33.33333%;}
.n_jishu .fl01 .box dl dt{ display:inline-block; width:185px; text-align:center}
.n_jishu .fl01 .box dl dt h3{ height:40px; margin-bottom:25px; line-height:40px;}
.n_jishu .fl01 .box dl dt h2{ font-size:20px; color:#515151;}
.n_jishu .fl01 .box dl dd{ display:inline-block}
.n_jishu .fl01 .box dl dd span{ display:block; width:100%; font-size:14px; color:#6e6e6e; line-height:30px;}
.n_jishu .fl02{ padding:65px 0 85px;}
.n_jishu .fl02 ul{ margin-bottom:52px;}
.n_jishu .fl02 ul li{ margin-bottom:19px; overflow:hidden}
.n_jishu .fl02 ul li .time{ float:left; width:180px; height:175px; background:#f7f7f9; border:#e2e4e7 1px solid; padding:48px 0 0 55px; position:relative}
.n_jishu .fl02 ul li .time:before{ content:""; position:absolute; width:65px; height:1px; background:#bcbcbc; left:55px; top:122px;}
.n_jishu .fl02 ul li .time:after{ content:""; position:absolute; width:0; height:3px; background:#c30d23; right:58px; top:122px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_jishu .fl02 ul li:hover .time:after{ left:55px; width:65px;}
.n_jishu .fl02 ul li .time h3{ font-size:28px; color:#2d2d2e; margin-bottom:12px;}
.n_jishu .fl02 ul li .time h5{ font-size:14px; color:#a7a8aa}
.n_jishu .fl02 ul li .con{ float:left; width:1020px; height:175px; border:#e2e4e7 1px solid; margin-left:-1px; padding:28px 85px 0 48px;}
.n_jishu .fl02 ul li .con h5,.n_jishu .fl02 ul li .con h5 a{ font-size:20px; color:#242424}
.n_jishu .fl02 ul li .con h5 a:hover{ color:#c30d23}
.n_jishu .fl02 ul li .con p{ line-height:24px; font-size:12px; color:#848486; height:48px; overflow:hidden; margin:22px 0}
.n_jishu .fl02 ul li .con .more a{ font-size:12px; color:#848486; text-decoration:underline; text-transform:uppercase}
.n_jishu .fl02 ul li .con .more a:hover{ color:#c30d23}

.n_zhaopin .fl01{padding: 54px 0 25px;}
.n_zhaopin .fl02{ padding:80px 0 100px; background:#eff3f5 url(../images/shan.png) center bottom no-repeat}
.n_zhaopin .lwy .slider-nav{margin-bottom: 85px;}
.n_zhaopin .lwy .slider-nav .miso-prev,
.n_zhaopin .lwy .slider-nav .miso-next{width:12px;height:21px;margin-top:  -1rem;}
.n_zhaopin .lwy .slider-nav .miso-prev{background:url(../images/n_hangye_left.png) center no-repeat;background-size:100% 100%;left: -50px;}
.n_zhaopin .lwy .slider-nav .miso-next{background:url(../images/n_hangye_right.png) center no-repeat;background-size:100% 100%;right: -50px;}
.n_zhaopin .lwy{padding:0 34px;margin: 0 -51px;}
.n_zhaopin .lwy .slider-nav .miso-slide .miso{margin:0 17px;padding:35px 0;background: #fff;text-align:center;}
.n_zhaopin .lwy .slider-nav .miso-slide .miso h5{ font-size:16px; color:#010101; margin-bottom:10px;}
.n_zhaopin .lwy .slider-nav .miso-slide .miso h6{font-size: 14px;color: #acacac;text-transform:uppercase;}
.n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso{ background:#163468;}
.n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso h5{ color:#fff}
.n_zhaopin .lwy .slider-for{padding: 0 17px;}

#n_licheng{ padding:128px 0 88px;}
#n_licheng ul{ border-top:1px solid #e4e4e4; margin-top:48px;}
#n_licheng h3{ text-align:center; font-size:30px; color:#c30d23; text-transform:uppercase}
#n_licheng ul li{ height:267px; overflow:hidden; position:relative;}
#n_licheng ul li .w1200{ height:267px; border-bottom:1px solid #e4e4e4;}
#n_licheng ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:0; background:#163468; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#n_licheng ul li:hover:before{ top:0; height:267px;}
#n_licheng ul li .img{ width:320px; height:175px; float:left; margin-left:197px; margin-top:46px; position:relative; overflow: visible;}
#n_licheng ul li .img img{ width:320px; height:175px;}
#n_licheng ul li .img:after{ content:""; display: block; width:47px; height:14px; background:url(../images/n_licheng_ico.png) center no-repeat; position:absolute; right:-126px; top:83px; transition:.3s; -webkit-transition:.3s;}
#n_licheng ul li:hover .img:after{ background:url(../images/n_licheng_ico_on.png) center no-repeat; }
#n_licheng ul li .txt{width:598px;height: 267px;float:right;padding-top:45px;padding-left:70px;border-left:#e4e4e4 1px solid;}
#n_licheng ul li .txt h5{ font-size:30px; color:#d80930; font-family:arial; margin-bottom:40px; font-weight:bold; position:relative}
#n_licheng ul li .txt p{ font-size:15px; color:#535353; line-height:30px; position:relative; height:90px; overflow:hidden;}
#n_licheng ul li .txt p:before{ content: url(../images/n_licheng_ico.png); position:absolute; left:-78px;}
#n_licheng ul li:hover .txt p:before{ content: url(../images/n_licheng_ico_on.png);}
#n_jishu{ margin-bottom:60px;}
#n_jishu .box1{ height:307px; background:#f0f0f2; padding:3px;}
#n_jishu .box1 .img{ width:547px; height:301px; float:left;}
#n_jishu .box1 .txt{ width:540px; float:left; margin-left:55px;}
#n_jishu .box1 .tab{ display:table;}
#n_jishu .box1 .tab_cl{ display:table-cell; vertical-align:middle; height:301px;}
#n_jishu .box1 .tab_cl p{ font-size:14px; color:#3b3b3c; line-height:32px;}
#n_licheng ul li:hover .txt h5,#n_licheng ul li:hover .txt p{ color:#fff}


.n_news{ padding:88px 0 95px;}
.n_news ul{ width:1240px; margin-bottom:25px; overflow:hidden}
.n_news ul li{ float:left; width:380px; margin:0 30px 50px 0; border-bottom:#eeeeee 1px solid; position:relative}
.n_news ul li:after{ content:""; position:absolute; right:0; width:0; height:2px; background:#163468; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news ul li:hover:after{ left:0; width:100%}
.n_news ul li .img{ width:380px; height:250px; overflow:hidden}
.n_news ul li .con{ padding:28px 8px 40px;}
.n_news ul li .con h5,.n_news ul li .con h5 a{ font-size:18px; color:#4c4d4e}
.n_news ul li .con h5 a:hover{ color:#c30d23}
.n_news ul li .con p{ font-size:13px; line-height:22px; height:44px; overflow:hidden; color:#8b8b8b; margin:18px 0 30px;}
.n_news ul li .con span{ font-size:12px; color:#2d2d2d; text-decoration:underline;}

.n_news_detail{padding: 66px 0 31px;}
.n_news_detail .left{float:left;width: 714px;}
.n_news_detail .title{margin-bottom: 40px;}
.n_news_detail .time{ float:left; font-size:12px; color:#2d2d2d; line-height:46px; margin-right:18px;}
.n_news_detail .ar_title{float:left;width: 100%;padding: 0;padding-bottom: 0;margin-bottom: 30px;}
.n_news_detail .ar_title h3{font-size: 24px;color: #3a3a3a;line-height: 32px;margin-bottom: 2px;}
.n_news_detail .ar_title h6 span{position:relative;font-size: 12px;color: #9b9b9b;display:inline-block;height: 56px;line-height: 56px;font-weight:normal;}
.n_news_detail .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #59a058;}
.n_news_detail .right{float:right;width: 410px;box-sizing:border-box;border-top: #163468 3px solid;background: #f3f5f9;padding: 28px 30px 0;}
.n_news_detail .right h4{font-size: 20px;color: #606060;height: 20px;line-height: 20px;margin-bottom: 50px;}
.n_news_detail .right h4 small{font-size:14px;color: #163468;margin-left:4px;}
.n_news_detail .right .first .img,.n_news_detail .right .first .img img{width: 350px;height: 230px;}
.n_news_detail .right .first .con{padding: 0;}
.n_news_detail .right .first .con h5 a{font-size:16px;color: #4c4d4e;}
.n_news_detail .right .first .con h6{font-size:12px;color: #2d2d2d;margin:18px 0 22px;text-decoration:underline;}
.n_news_detail .right .first .con p{font-size: 13px;line-height: 22px;overflow:hidden;height: 44px;color: #8b8b8b;margin-bottom:22px;margin-top: 14px;}
.n_news_detail .right .first .con .more{}
.n_news_detail .right .first .con .more a{ display:inline-block; width:130px; height:38px; line-height:38px; text-align:center; margin:0 auto; font-size:14px; color:#fff; background:#187b42; position:relative; overflow:hidden}
.n_news_detail .right .first .con .more a:before{ content:""; position:absolute; left:0; bottom:0; height:0; background:#115a2f; width:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:0}
.n_news_detail .right .first .con .more a:hover:before{ top:0; height:50px;}
.n_news_detail .right .first .con .more a span{ position:relative; z-index:1}

.n_news_detail .right ul{background: #f3f3f8;margin-top: 34px;margin-bottom: 34px;}
.n_news_detail .right ul li{box-sizing:border-box;margin: 0;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top: #d7d8da 1px solid;padding: 18px 0;}
.n_news_detail .right ul li h5{ margin-bottom:15px;}
.n_news_detail .right ul li a{color: #4c4d4e;font-size: 16px;padding: 0px 0 0 24px;}
.n_news_detail .right ul li a:hover,.n_news_detail .right .first .con h5 a:hover{color: #c30d23;}
.n_news_detail .right ul li p{font-size: 13px;line-height: 22px;overflow:hidden;height: 44px;color: #8b8b8b;margin-bottom:16px;margin-top: 10px; white-space:normal}
.n_news_detail .right ul li h6{ font-size:12px;color: #2d2d2d;margin:18px 0 0;text-decoration:underline;}
.n_news_detail .right .img{overflow:hidden;margin-bottom: 35px;}
.shart_box{display:inline-block;margin-top: 5px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 30px;position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;}
#ar_fot h1{display:block;width: 357px;font-size: 14px;color: #848484;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height: 60px;line-height: 60px;}
#ar_fot h1:before{content:"";position:absolute;right:0;width:100%;height:3px;top: 0;background:#f3f5f9;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1:after{content:"";position:absolute;right:0;width:0;height:3px;top: 0;background:#c30d23;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1:hover:after{ width:100%; left:0;}
#ar_fot h1 a{font-size: 14px;color: #848484;font-weight:normal;}
#ar_fot h1 a:hover{color:#c30d23;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot a,#ar_fot span{}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}

/*内页左侧菜单*/
.n_container01{position:relative;z-index:1;min-height:600px;padding: 50px 0 66px;}
.n_container01 .bg{position:absolute;z-index:0;width:100%;height: 76px;background: #fff;}
.n_container01 .left{float:left;width: 310px;position:relative;z-index:1;}
.n_container01 .left .title{background: #163468;height: 95px;padding: 24px 20px;}
.n_container01 .left .title h3{font-size: 24px;color:#fff;margin-bottom: 5px;text-transform:uppercase;}
.n_container01 .left .title h5{font-size: 16px;color:#fff;}
.n_container01 .left .erji{margin-bottom: 20px;background: #ffffff;}
.n_container01 .left .erji ul li{height: 55px;line-height: 55px;background: #f4f4f6;margin-bottom: 1px;}
.n_container01 .left .erji ul li:last-child{ border-bottom:none}
.n_container01 .left .erji ul li a{display:block;padding: 0 12px;}
.n_container01 .left .erji ul li h5{font-size: 14px;color: #333333;}
.n_container01 .left .erji ul li h5 span{font-size: 16px;color: #333333;font-family:simsun;float:right;}
.n_container01 .left .erji ul li.on h5{ color:#fff}
.n_container01 .left .erji ul li.on h5 span{ color:#fff}
.n_container01 .left .erji ul li.on,.n_container01 .left .erji ul li:hover{background: #c30d23;}
.n_container01 .left .erji ul li:hover h5{ color:#fff}
.n_container01 .left .erji ul li:hover h5 span{ color:#fff}
.n_container01 .left .links{background: #fff;padding: 7px 0;}
.n_container01 .left .links .title01{margin-bottom: 20px;}
.n_container01 .left .links i{float: left;margin-right:0.7rem;}
.n_container01 .left .links h5{font-size: 16px;color: #272b34;height: 24px;line-height: 24px;}
.n_container01 .left .links h5 a{ float:right; width:auto}
.n_container01 .left .links ul li{position:relative;width: 310px;}
.n_container01 .left .links ul li h6{width: calc(100% - 104px);background: #f4f4f6;line-height: 24px;height: 48px;font-size: 14px;color: #272b34;padding: 20px 52px;text-align:center;overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;box-sizing:  content-box; position:relative}
.n_container01 .left .links ul li h6 span{ position:relative}
.n_container01 .left .links ul li h6:before{ content:""; position:absolute; bottom:0; left:0; width:100%; background:#c30d23; height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_container01 .left .links ul li:hover h6:before{ top:0; height:100%}
.n_container01 .left .links ul li:hover h6{ color:#fff}
.n_container01 .left .links .more a{ display:block; text-align:center; height:2.1875rem; line-height:2.1875rem; background:#8b8c8d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; font-size:0.875rem; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_container01 .right{float:right;width: 850px;}

.n_container01 .left .erji ul .box{padding: 5px 0;display:none;}
.n_container01 .left .erji ul .box a{padding-left:10px;line-height: 40px;font-size: 14px;color: #86888a;display:block;height: 40px;padding: 0px 42px;}
.n_container01 .left .erji ul .box a:hover{color:#90c42f;}
.n_container01 .left .erji ul .box a.on{color:#90c42f;background: url(../images/line01.png) 30px center no-repeat, url(../images/right01.png) 227px center no-repeat;}
.n_container01 .left .erji ul .box a.on{color: #90c42f;}
.n_container01 .left .erji ul li.title_on{background: #90c42f url(../images/icon_nav_sub_li.png) 224px center no-repeat;}
.n_container01 .left .erji ul li.title_on h5{ color:#fff;}
.n_container01 .left .erji ul li.title_on h5 span{ color:#fff; transform:rotateY(90deg); -webkit-transform:rotateY(90deg);  -moz-transform:rotateY(90deg);}

.n_title{position:relative;height: 60px;line-height: 60px;z-index: 2;margin-top: -20px;border-bottom:  #e5e5e5 1px solid;}
.n_title .am-container{ position:relative;}
.n_title hr{background:#dcdcdf;margin:0;border:none;position:absolute;bottom:0.5px;left: 30px;right: 30px;}
.n_title dl{float: left;position: relative;background: url(../images/n_title_icon.png) left 24px no-repeat;padding-left: 16px;} 
.n_title dt a{font-size: 16px;text-align: center;line-height: 60px;display:block;color: #292929;margin-bottom:0px;font-weight: bold;}
.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff;}
.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; color:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}
.n_title dl dd a.on{ color: #d45122;}
.n_title dt i{ display:none; transform:rotate(90deg); -webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}
.n_title dl.title_nav dt i{ display: inline-block;}
.n_title dt.on{height: 60px;}
.n_title dl dt.on a,.n_title dl dt.on a i{}

.position01{display: inline-block;float: right;line-height: 60px;height: 60px;color:#7b7b7d;background: url(../images/icon_home.png) left 24px no-repeat;padding-left: 18px;font-size:12px;}
.position01 a{font-size: 12px;color: #aaaaaa;display: inline-block;line-height: 60px;vertical-align: top;}
.position01 i{display: inline-block;height: 60px;line-height: 60px;text-align: center;color: #aaaaaa;font-style: normal;font-size: 12px;vertical-align: top;padding: 0 5px;}
.position01 em{vertical-align: top;font-size: 12px;color: #c30d23;font-style:normal;display: inline-block;line-height: 60px;}
.pull-left .position01{ float:left;}

.n_case{ padding:55px 0 0}
.n_case ul{width:915px;margin-bottom: 50px;overflow:hidden;}
.n_case ul li{float:left;width:402px;margin-right: 48px;background:#fff;margin-bottom: 28px;position:relative;}
.n_case ul li .con{height: 60px;line-height: 60px;position:relative;overflow:hidden; background:#f2f4f6}
.n_case ul li .con:before{ content:""; position:absolute; bottom:0; height:0; background:#c30d23; width:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li:hover .con:before{ top:0; height:60px;}
.n_case ul li .img,
.n_case ul li .img img{width: 100%;height: 280px;overflow:hidden;}
.n_case ul li h5{position:relative;padding:0 15px;font-size: 15px;color: #3d3d3d;text-align:center;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_case ul li:hover h5{ color:#fff;}

.links ul.miso-slider{ padding-bottom: 40px;}
.links ul.miso-slider .miso-dots{ bottom:0}
.links ul.miso-slider .miso-dots li{ width:8px; height:8px; background:#aaaaaa; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin:0 3px;}
.links ul.miso-slider .miso-dots li.miso-active{ background:#737373}

.n_case01{ padding:55px 0 0}
.n_case01 ul{width:940px;margin-bottom: 50px;overflow:hidden;}
.n_case01 ul li{float:left;width:390px;margin-right:72px;background:#fff;margin-bottom: 28px;position:relative;}
.n_case01 ul li .con{height: 50px;line-height: 50px;position:relative;overflow:hidden; background:#f2f4f6}
.n_case01 ul li .con:before{ content:""; position:absolute; bottom:0; height:0; background:#c30d23; width:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case01 ul li:hover .con:before{ top:0; height:60px;}
.n_case01 ul li .img,
.n_case01 ul li .img img{width: 100%;height: 260px;overflow:hidden;}
.n_case01 ul li h5{position:relative;padding:0 15px;font-size: 15px;color: #3d3d3d;text-align:center;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_case01 ul li:hover h5{ color:#fff;}

#n_show_case{ padding:40px 0 0; margin-bottom:40px;}

/* Example 5 */
.n_case01_detail .slider-for{width: 663px;height: 442px;display:inline-block;vertical-align: top;}
.n_case01_detail .slider-for li img{width: 663px;height: 442px;}
.n_case01_detail .slider-nav{width: 168px;height: 442px;display:inline-block;padding: 28px 0;float: right;}
.n_case01_detail .slider-nav li{height: 113px;margin-bottom: 20px;}
.n_case01_detail .slider-nav li img{height: 113px;width: 168px;}
.n_case01_detail .slider-nav .miso-prev, .n_case01_detail .slider-nav .miso-next{ width:34px; height:18px; top:auto; margin-top:0}
.n_case01_detail .slider-nav .miso-prev{ background:url(../images/top.png) center no-repeat; top:0; left:50%; margin-left:-17px;}
.n_case01_detail .slider-nav .miso-next{ background:url(../images/bottom.png) center no-repeat; bottom:0; left:50%; margin-left:-17px;}
.n_case01_detail .slider-nav .miso-current img{border: #c30d23 1px solid;box-sizing:border-box;}

.n_case01_detail .fl01 h3{ font-size:18px; color:#272b34; margin-bottom:44px; text-align:center; margin-top:30px;}
.n_case01_detail .fl01 .layui-tab-card{ box-shadow:none; border:none}
.n_case01_detail .fl01 .layui-tab-card .layui-tab-title{ background:#f2f4f6; height:50px; line-height:50px;}
.n_case01_detail .fl01 .layui-tab-card .layui-tab-title li{ height:50px; line-height:50px; margin:0; width:110px; font-size:14px; color:#3e3e3e}
.n_case01_detail .fl01 .layui-tab-card>.layui-tab-title .layui-this{ background:#163468; color:#fff}
.layui-tab-title .layui-this:after{ display:none}
.layui-tab-title{ border:none}
.layui-tab-content{ padding:40px 0 0}
.layui-tab-content .ar_article p{ color:#272b34}

.n_case01_detail .fl01 ul#thumbs{width:915px;overflow:hidden; padding-bottom:20px; border-bottom:1px solid #CCC;}
.n_case01_detail .fl01 ul#thumbs li{float:left;width: 255px;margin: 0 42px 13px 0;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_case01_detail .fl01 ul#thumbs li .pic_box{width: 255px;height: 170px;overflow:hidden;}
.n_case01_detail .fl01 ul#thumbs li .pic_box .box{}
.n_case01_detail .fl01 ul#thumbs li img{width: 255px;height: 170px;display: inline-block;}
.n_case01_detail .fl01 ul#thumbs li h5{font-size: 14px;color: #272b34;text-align:center;margin: 0;height: 40px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.n_case01_detail .fl01 ul#thumbs li:hover{}
.n_case01_detail .fl01 ul#thumbs li:hover h5{ color:#fff}
.n_case01_detail .fl01 ul#thumbs li h5:before{ content:""; position:absolute; bottom:0; left:0; height:0; background:#c30d23; width:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.n_case01_detail .fl01 ul#thumbs li:hover h5:before{ top:0; height:55px;}
.n_case01_detail .fl01 ul#thumbs li h5 span{ position:relative}

/*.bannerBox{position: relative;overflow: hidden;height: 100vh;color: #fff;background-color: #f3f3f3; z-index:0}
.bannerBox .banner{transition: visibility 300ms;-webkit-transition: visibility 300ms;height: 100%;}
.bannerBox .banner .miso-list,.bannerBox .banner .miso-list .miso-track{ height:100%}
.bannerBoxShow .banner{ visibility: visible;}
.banner a:link, .banner a:visited{ color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner .pimg{ display: block; width: 100%;}
.banner .item{ position: relative; overflow: hidden; z-index: 10;}
.binbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.binbox .vertical-inner{ padding: 0px 152px; transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0;}
.binbox .t{ font-weight: bold; font-size: 50px; line-height: 1.2;}
.binbox .bot{ width: 26px; height: 4px; background-color: #fff; margin: 12px 0px 18px 2px; display: block;}
.binbox .c{ font-size: 26px; line-height: 1.2; margin-bottom: 20px;}
.btn-more{ background-color: #fff; width: 102px; height: 36px; line-height: 36px; text-align: center; display: block; position: relative; z-index: 1;}
.btn-more .txt{ color: #626262;}
.btn-more:before{ content:""; width:100%; height:100%; z-index: -1; position:absolute; left:0; top:0; background-color:#E40D08; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.btn-more:hover .txt{ color: #fff;}
.banner .miso-dots{ bottom: 3%; z-index: 105000; }
.banner .miso-dots li{ position: relative; display: inline-block; padding:0; width: 5px; height: 18px; margin: 0 6px; cursor: pointer; background:rgba(255,255,255,0.75); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.banner .miso-dots li.miso-active{ height:30px !important; background:#c30d23 !important; margin-top:-12px !important;}
.banner .miso-dots li a{ height: 20px; width: 20px; line-height: 20px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/i_banner_num1.png) no-repeat scroll center center; visibility: hidden; opacity: 0; transform: scale(0); -webkit: scale(0);}
.banner .miso-dots li a:focus{ outline: none; }
.banner .miso-dots li.miso-active a { opacity: 1; visibility: visible; transform: scale(1); -webkit: scale(1); }
.banner .miso-arrow{ background: url(../images/white_30.png) repeat scroll center center; background: none rgba(255,255,255,0.3); width: 37px; height: 64px; z-index: 105;  top: 50%; margin-top: -32px;}
.banner .miso-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .miso-prev{ left: 0; }
.banner .miso-next{ right: 0;}
.banner .miso-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .miso-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .miso-prev:hover,.banner .miso-next:hover{ background:none #E40D08;}
.banner .miso-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .miso-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner .miso-active .pimg{/* visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.miso-active .binbox .vertical-inner{ transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; transition: 680ms 120ms; -webkit-transition: 780ms 120ms; }
.banner .item{ opacity:1 !important;}*/

.banner{margin:0;height:100vh;position:relative;z-index:0;background: #00aacf;}
.banner .slider,.banner .miso-list,.banner .miso-list .miso-track{ height:100%}
.banner .miso-list .miso-slide{ height:100%; background:#000; position:relative; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-list .miso-slide .bg{ position:absolute; width:100%; height:100%; z-index:0}
.banner .miso-list .miso-slide .table{ position:relative; z-index:1}
.banner .miso-dots{ bottom: 3%; z-index: 105000; }
.banner .miso-dots li{ position: relative; display: inline-block; padding:0; width: 5px; height: 18px; margin: 0 6px; cursor: pointer; background:rgba(255,255,255,0.75); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.banner .miso-dots li.miso-active{ height:30px !important; background:#c30d23 !important; margin-top:-12px !important;}
.banner .miso-dots li a{ height: 20px; width: 20px; line-height: 20px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/i_banner_num1.png) no-repeat scroll center center; visibility: hidden; opacity: 0; transform: scale(0); -webkit: scale(0);}
.banner .miso-dots li a:focus{ outline: none; }
.banner .miso-dots li.miso-active a { opacity: 1; visibility: visible; transform: scale(1); -webkit: scale(1); }




/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/


/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}

@media(max-width: 456px){
	
}