.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;
}
.fl{ float:left;}
.fr{ float:right;}
.fnc-slider__slides {
  position: relative;
  height:710px;
  -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;
  left: 3%;
  bottom:30% ;
  width: 60%;
  height: auto;
  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;
}
.fnc-slide__mask img{
	width: 100%;
}
.m--before-sliding .fnc-slide__mask {
  
  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:translateY(-100px);
          transform:translateY(-100px);
  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: 40%;
  top: 40%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 100px;
  color: #fff;
  word-spacing: 10px;
}
.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 {
  position: relative;
  margin-left: 200px;
  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: 500;
  position: absolute;
  top: 158px;
  left: 3%;
  width: 94%;
  border-top: 2px solid rgba(255,255,255,.5);
}

.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.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;
  position: relative;
  top: -2px;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 218px;
  /*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;
  -webkit-transition-duration: 0.5s;*/
  transition-duration: 0.5s;

}
.fnc-nav__control.active{
	color: #373737;
}
/*.fnc-nav__control.m--active-control {
  background: #1F2833;
}*/
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: #005094;
  -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: "Open Sans", 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(../images/banner1.jpg);
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url(../images/banner2.jpg);
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url(../images/banner3.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("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/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: "Open Sans", Helvetica, Arial, sans-serif;
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - http://codepen.io/suez/pen/WQjwOb */
.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);
}

/*banner*/
.banner{width:100%; overflow:hidden;}
/* flexslider */
.flexslider{position:relative;overflow:hidden; height:100%;}
.slides{position:relative;z-index:1; height:100%;}
.slides li{ height:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:45px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/ban_lt.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/ban_rt.png) center center no-repeat;}




.nav{width:1028px;float:right; }
.nav ul{width:1036px; float:left;}
.nav li{margin:0 10px;float:left;text-align:center;text-transform: uppercase;}
.nav a{height:50px;display:block;font-size:14px; line-height:50px; color:#f0f0f0;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; color:#f00 !important;}
.nav li a:hover{color:#ffe8cc !important;border-bottom:3px solid #f3782a;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; }

.nav a#sel{border-bottom:3px solid #f3782a;color:#ffe8cc;}
.nav a#sel:hover:after{opacity: 0; color:#f00 !important;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:50px;overflow:hidden;text-align:left;z-index:110;left:0px;background:rgba(0,0,0,0.8);}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:30px;}

.nav .sub .nav_xiao .xiao_one{width:920px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one ul{width:920px; padding-top:20px;}
.nav .sub .nav_xiao .xiao_one ul dl{ float:left;width:50px;}
.nav dl{ color:#f0f0f0;}
.nav dl a{ display:inline; padding:0 5px;}
.nav dl a:hover{ color:#ffe8cc;}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;width:auto;overflow:hidden;text-align:center;position:inherit;line-height:20px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_one ul li p a{ font-size:16px; color:#fff; background:none;}
.nav .sub .nav_xiao .xiao_one ul li a{color:#ccc;font-size:12px;height:100%; line-height:30px; padding:0px 10px; background:#3a3e40; margin:5px 10px;}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f3782a;border-bottom:none;}
.nav .sub .nav_xiao .xiao_one ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}

.xiao_01{width:840px !important;float:right;overflow:hidden;}
.xiao_02{width:950px !important;float:right;overflow:hidden;}
.xiao_03{width:435px !important;float:right;overflow:hidden;}
.xiao_04{width:310px !important;float:right;overflow:hidden;}



/*下层--新闻列表*/
.news_tj{padding:33px 0 31px;}
.news_tj li{float:left;width: 28.5%; margin-bottom:1%;}
.news_tj .li01{width: 70.5%; margin-right: 1%;}
.news_tj li .date{display:block; background-color:#004098;width:106px;height:87px;position: absolute;top: 0;left: 0; text-align: center;}
.news_tj li .date span{display:block;color:#fff;font-weight: bold;}
.news_tj li .date .year{font-size:24px;line-height: 44px;margin-top:3px;}
.news_tj li .date .time{font-size:20px;line-height:28px;}
.news_tj li .date:before{content:'';width:63px;height:1px;background-color:#f2c4cd;position:absolute;top:50%;left:50%;margin-left:-32.5px;}
.news_tj li .info{ background:url(../images/tm.png) repeat; position:absolute;bottom:0;left:0;padding:6px 5%;width:100%;color:#fff;}
.news_tj li .title{font-size:16px;font-weight: normal;}
.news_tj li .colums{font-size:14px;font-weight: normal;width:160px;height:38px;line-height: 38px;text-align: center; background-color:#004098; position:absolute;top:0;left:0; color:#fff;    text-transform: uppercase;}
.news_tj .li01 .info{padding:10px 3%;width:100%;}
.news_tj .li01 .title{font-size:20px;font-weight: bold;line-height: 36px;}
.news_tj .li01 .p{font-size:14px;}

.channel_right .inewsSearch { padding:8%;}
.inewsSearch .sec_bd .month { width:47%; float:left;}
.inewsSearch .sec_bd .day { width:47%; float:right;}
.channel_right .nInput { clear:both;}
.inewsSearch { padding-right:3%; padding-top:15px; background-color:#f2f2f2;}
.inewsSearch .sec_hd { margin-bottom:15px; line-height:32px;}
.inewsSearch .sec_hd .n { font-size:24px; font-weight:normal; color:#333;}
.inewsSearch .sec_bd .nselect { margin-bottom:15px; height:40px; overflow:hidden; position:relative;}
.inewsSearch .sec_bd .nselect .ms { position:absolute; left:7px; top:12px; z-index:10;}
.nselect .c_select { display:block; width:100%;background-color:#dedede; height:40px; line-height:40px; border-radius:0!important;}
.nselect .c_select ._txt { padding-right:36px; padding-left:20px;}
.nselect .c_select ._arrow { width:37px; background-color:#989898;}
.nselect .c_select ._arrow .arr {width: 0;height: 0;border-left:5px transparent solid;border-right:5px transparent solid;border-top:6px #fff solid; left: 50%;top:50%;margin-left: -5px;margin-top: -3px;}
.nselect .c_select.on ._arrow i {border-top:0;border-bottom:6px #fff solid;}
.select-ui-options-ncb { border-color:#c70025!important;background-color: #fff;overflow-y: auto;max-height: 11em;border-width: 2px;border-style: solid;border-top: 0; box-sizing:border-box; overflow-x:hidden }
.select-ui-options li{padding: 6px;line-height: 1.8em;width: 94.5%;}
.select-ui-options li:hover {background: #989898;color: #fff;}
.select-ui-options-ncb ._disabled { display:none;}
.nInput { display:block; height:38px; line-height:38px; border:#ddd 1px solid; padding:0 20px; overflow:hidden; margin-bottom:15px;}
.nInput input { width:100%; height:20px; line-height:20px; vertical-align:middle; border-width:0; font-family:"Microsoft Yahei"; background:transparent;}
.nBtn { overflow:hidden;}
.nBtn a { display:block; width:100%; height:40px; line-height:40px; background-color:#c70025; color:#fff; font-size:18px; text-align:center;}

.widget-newslist-box{padding:20px 0;}
.channel_left{padding-right: 3%;}
.widget-newslist-2 li { padding:20px; border-bottom: 1px dotted #cccccc; overflow:hidden;width:100%}
.widget-newslist-2 li:hover{ background:#f8f8f8;}
.widget-newslist-2 li .imgbox1{width:16%; margin-right:3%; float:left;}
.widget-newslist-2 li .imgbox1 a img{width:100%; height:100px;}
.widget-newslist-2 .fr{width:80%;}
.widget-newslist-2 ._t, .widget-newslist-2 ._t a { font-size: 16px;}
.widget-newslist-2 ._t{margin-top:10px;}
.widget-newslist-2 ._t a:hover { color: #c70025;}
.widget-newslist-2 ._p { line-height: 1.6em; overflow: hidden; height: 3.2em; margin: 5px 0;
  color: #999999; }
.widget-newslist-2 ._i { color: #cccccc;}
.widget-newslist-2 ._i .ion { font-size: 14px; color: #999;}
.widget-newslist-2 ._i ._more:hover,.widget-newslist-2 ._i ._more:hover .ion { 
  color: #0e90d2;}

.pj-lb-more{text-align: center;padding-top: 40px; position:relative;}
.pj-lb-more .loading{background:url(../img/load2.gif) no-repeat;width:50px;height:50px;margin-top: -25px;margin-left: -25px; display:inline-block;}

.whiteBg2{ background:#fff;}

.n_tit{font-size:22px;font-weight: bold;color:#656565;}
.hot_tag{margin-top:34px;position: relative;}
.hot_tag .n_tit{position: absolute;left: 0;top: 0;}
.hot_tag_list{position:relative;padding-top:35px;}
.hot_tag_list li{float:left;width:32%;}
.hot_tag_list li a{display:block;width:100%; height:38px;line-height: 38px; text-align: center; background-color:#dcdcdc;font-size:14px; margin-top:15px;}
.hot_tag_list .scroll_nav{ position:absolute;top:10px;right:0;text-align: right;}
.hot_tag_list .scroll_nav a{display:inline-block;width:10px; height:10px;line-height: 99;overflow:hidden;border-radius: 50%;background-color:#a8a8a8;cursor:pointer;margin-right: 8px;}
.hot_tag_list .scroll_nav a.on{ background-color:#c70025;}
.hot_video{margin-top:40px;}
._video_box{margin-top:5px;}
._video_box .title{ width:90%;padding:0 5%;position:absolute;bottom:0; left:0; background:url(../img/black.8.png) repeat;font-size:14px;color:#fff;font-weight: normal;height:35px;line-height: 35px;}
._video_box .cover{display:block;width:62px;height:62px; position:absolute;left:50%; top:50%;margin-top:-31px;margin-left:-31px; background:url(../img/play.png) no-repeat;}
.wrap_in .bg-primary{ background-color:#c70125;}
.box_wrap_bar .box_wrap_close a{color:#fff;}

.nyban1{ height:300px; position:relative; top:0; background:url(../images/nyban11.jpg) no-repeat center;}
.nyban2{ height:300px; position:relative; top:0; background:url(../images/nyban22.jpg) no-repeat center;}
.nyban3{ height:300px; position:relative; top:0; background:url(../images/nyban33.jpg) no-repeat center;}
.nyban4{ height:300px; position:relative; top:0; background:url(../images/nyban44.jpg) no-repeat center;}
.nyban5{ height:300px; position:relative; top:0; background:url(../images/nyban5.jpg) no-repeat center;}
.nyban6{ height:300px; position:relative; top:0; background:url(../images/nyban66.jpg) no-repeat center;}
.nyban7{ height:300px; position:relative; top:0; background:url(../images/nyban77.jpg) no-repeat center;}
.nynr{ line-height:34px; font-size:14px; padding:20px 0; min-height:100px;}
.lmt{ height:auto; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.lmt_wei{ line-height:84px; font-size:12px; color:#666; height:84px;    text-transform: uppercase;}
.lmt_wei .lmt_01{ padding:0 35px; background:url(../images/xi3.jpg) no-repeat top center #004098; float:left; color:#fff; font-size:17px;    text-transform: uppercase;}
.lmt_wei .fl{text-align:center;float:left;}
.lmt_wei .fl a{margin-right:1px; text-align:center; line-height:84px; font-size:15px; display:block; float:left; padding:0 20px;    text-transform: uppercase;}
.lmt_wei .fl a:hover{ color:#004098;background:url(../images/xi2.jpg) no-repeat center bottom;}
.lmt_wei .linee{background: url(../images/xi3.jpg) no-repeat top center #004098;
    float: left;
    color: #fff;
    font-size: 18px;}
.lmt_wei .fr a{ font-size:12px; color:#666;}
.lmt_wei .fl1{text-align:center;float:left;}
.lmt_wei .fl1 a{margin-right:1px; text-align:center; line-height:41px; font-size:15px; display:block; float:left; padding:0 8px;    text-transform: uppercase;}
.lmt_wei .fl1 a:hover{ color:#004098;background:url(../images/xi2.jpg) no-repeat center bottom;}


.aboutus{width:100%; height:900px; background:url(../images/abo_bj.jpg) no-repeat center;}
.about_nr{width:1100px; margin:0 auto; padding-top:180px; position:relative; }

.abo_gk{width:300px; height:140px; padding-top:170px; margin:0 auto;}

.abo_02{width:1100px; height:auto; overflow:hidden; padding-left:60px;}
.abo_02 ul li{ float:left;width:300px; margin:10px 10px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.abo_02 ul li i{ font-size:60px;}
.abo_02 dl{width:300px; height:150px;  text-align:center; padding-top:30px; float:left; color:#fff; font-size:18px;text-transform: uppercase;}
.abo_02 li:hover{ background:#000;z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.abo_02 li:hover dl{ color:#fff;}
.abo_02 dt{ float:right;width:180px; height:180px; display:block; overflow:hidden;}

/*.aboutus{width:100%; height:900px; background:url(../images/abo_bj.jpg) no-repeat center;}
.abo_gk{width:300px; height:140px; position:absolute;left:200px;}
.about_nr{width:1100px; margin:0 auto; padding-top:200px; position:relative; }
.abo_01{width:1100px; height:180px; padding-left:740px;overflow:hidden; display:block;}
.abo_01 li{width:360px; background:#fff; height:180px;}
.abo_01 li i,.abo_02 li i,.abo_03 li i{ font-size:60px;}
.abo_01 li:hover,.abo_03 li:hover{ background:#004098;}
.abo_01 li:hover dl,.abo_03 li:hover dl{ color:#fff;}
.abo_01 li dt img,.abo_02 li dt img,.abo_03 li dt img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.abo_01 li:hover dt img,.abo_02 li:hover dt img,.abo_03 li:hover dt img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.abo_01 dl,.abo_03 dl{width:180px; height:150px; padding-top:30px; overflow:hidden; text-align:center; float:left; color:#666; font-size:15px;text-transform: uppercase;}
.abo_01 dt,.abo_03 dt{ float:right;width:180px; height:180px; display:block; overflow:hidden;}
.abo_01 dt img,.abo_03 dt img{width:100%; height:100%;}

.abo_02{width:1100px; height:180px; overflow:hidden; padding-left:380px;}
.abo_02 ul li{ float:left;width:360px; background:#f0f0f0;}
.abo_02 dl{width:180px; height:150px;  text-align:center; padding-top:30px; float:left; color:#666; font-size:15px;text-transform: uppercase;}
.abo_02 li:hover{ background:#004098;}
.abo_02 li:hover dl{ color:#fff;}
.abo_02 dt{ float:right;width:180px; height:180px; display:block; overflow:hidden;}
.abo_02 img{ float:left;width:180px; height:180px;}

.abo_03{width:1100px; height:180px; overflow:hidden; padding-left:20px;}
.abo_03 ul li{ float:left;width:360px; background:#fff;}
*/

.nycp{ height:auto; overflow:hidden; margin-bottom:20px;}
.nycp ul{padding-bottom:20px; }
.nycp li{  height:250px;width:600px; margin-right:60px; float:left; overflow:hidden; margin-top:20px;}
.nycp li:nth-child(2n){ margin-right:0;}
.nycp_lt{width:210px; height:250px; float:left; padding:14px 10px;}
.nycp_lt img{width:200px; height:220px;}
.nycp_rt{width:340px; margin-right:20px; float:right;}

.c111{width:600px;height:241px;background:#f7f7f7; display:block;}
.c111 .cp_t{color:#035cac; line-height:40px; font-size:16px; font-weight:bold; padding-top:14px;}
.c111 .cp_e{font-size:12px; color:#666; height:30px;  line-height:30px;}
.c111 .cp_ck{ width:100px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; background:#f78222; margin-top:20px;}
.c111 .cp_rq{ color:#999; line-height:40px; font-size:12px; padding-top:6px;}
.c222{background:#888f98;width:600px;height:241px;display:block;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.c222 .cp_t{color:#fff; line-height:40px; font-size:16px; font-weight:bold; padding-top:14px;}
.c222 .cp_e{font-size:12px;  height:30px; color:#fff; line-height:30px; }
.c222 .cp_ck{ width:100px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; border:1px solid #CCC; margin-top:20px;}
.c222 .cp_rq{ color:#fff; line-height:40px; font-size:12px;  padding-top:6px;}

.cpzs1{background:url(../images/cp_bj.jpg) no-repeat center; height:646px;}
.cpzs1_t{ text-align:center; height:100px; color:#161a49; padding-top:40px; overflow:hidden;}
.cpzs1_t p{ color:#fff;font-size:24px; line-height:30px; }
.cpzs1_t span{ color:#fff; font-size:24px; font-weight:bold; line-height:30px; display:block; margin-bottom:10px;}
.cpzs1_t b{ height:3px; background:#fff;width:50px; margin:0 auto; display:block;}

.cpzs1_nr{ height:460px; background:url(../images/tm1.png);width:1200px; margin:0 auto; }

/*联系*/
.part1_main{width:35%;background:url(../images/blur_73.png);color:#fff;position:absolute;top:40%;right:13%;}
.part1_main dl{padding:7% 5% 2% 5%;}
.part1_main dt{font-size:20px;margin-bottom:26px;    text-transform: uppercase;}
.part1_main dd{margin-bottom:20px;line-height:30px;}
.part1_main dd a{color:#fff;}
.part1_main dd .map_ico{width:30px;height:30px;background:url(../images/about_callus_part1_ico.png) no-repeat;margin-right:10px;float: left;}
.part1_main dd.dd1 .map_ico{background-position:0px 0px;}
.part1_main dd.dd2 .map_ico{background-position:-30px 0px;}
.part1_main dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;}
.part1_main dd.dd4 .map_ico{background-position:-90px 0px;}


/*下属*/
/*图片放大组件*/
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;    width: 1230px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after{display: table;
    content: " ";}
.col-md-6 {
    width: 50%;
}
.btn2 {
    display: block;
    border: #004098 1px solid;
    width: 120px;
    color: #004098;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.btn3 {
    display: block;
    border: #333 1px solid;
    width: 120px;
    color: #333;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/*发展历程*/
.com_nr1{overflow:visible;min-height:600px;}
.com_nr1 .wrap_c{    width: 1200px;
    margin: 0 auto;}
.com_nr1 .fl{width:24%;overflow:hidden;position:absolute;left:0px;top:0px;}
.com_nr1 .fl .com_l_t{width:100%;overflow:hidden;position:relative;}
.com_nr1 .fl .com_l_t label{margin:0px;padding:0px;font-weight:normal;position:absolute;left:13%;top:0px;}
.com_nr1 .fl .com_l_t label span{width:100%;display:block;overflow:hidden;color:#fff;font-size:2.4rem;font-weight:bold;line-height:3.6rem;margin-top:1.7rem;}
.com_nr1 .fl .com_l_t label i{width:100%;display:block;overflow:hidden;color:#b8bac9;font-family:Arial;font-size:1.6rem;}
.com_nr1 .fl .com_l_c{width:100%;overflow:hidden;}
.com_nr1 .fl .com_l_c ul li{width:100%;overflow:hidden;}
.com_nr1 .fl .com_l_c ul li .comlc_t{width:100%;overflow:hidden;line-height:5rem;}
.com_nr1 .fl .com_l_c ul li .comlc_t a{width:100%;overflow:hidden;display:block;overflow:hidden;height:5rem;position:relative;border-bottom:1px solid #cdcdcd;}
.com_nr1 .fl .com_l_c ul li .comlc_t a span{float:left;margin-left:13%;font-size:1.6rem;color:#333;}
.com_nr1 .fl .com_l_c ul li .comlc_t a:hover{background-color:#f5f2f7;}
.com_nr1 .fl .com_l_c ul li .comlc_t a:hover span{color:#3c49b2;}
.com_nr1 .fl .com_l_c ul li .comlc_t a:hover b{width:2px;height:5rem;display:block;overflow:hidden;background-color:#ed6d00;position:absolute;left:0px;top:0px;}
.com_nr1 .fl .com_l_c ul li.on .comlc_t a{background-color:#f5f2f7;}
.com_nr1 .fl .com_l_c ul li.on .comlc_t a span{color:#3c49b2;}
.com_nr1 .fl .com_l_c ul li.on .comlc_t a b{width:2px;height:5rem;display:block;overflow:hidden;background-color:#ed6d00;position:absolute;left:0px;top:0px;}
.com_nr1 .fl .com_l_c ul li .comlc_c{width:100%;overflow:hidden;display:none;}
.com_nr1 .fl .com_l_c ul li .comlc_c p{width:100%;overflow:hidden;line-height:5rem;;}
.com_nr1 .fl .com_l_c ul li .comlc_c p a{width:100%;overflow:hidden;display:block;overflow:hidden;height:5rem;position:relative;}
.com_nr1 .fl .com_l_c ul li .comlc_c p a span{float:left;margin-left:26%;font-size:1.6rem;color:#333;}
.com_nr1 .fl .com_l_c ul li .comlc_c p a:hover{background-color:#f5f2f7;}
.com_nr1 .fl .com_l_c ul li .comlc_c p a:hover span{color:#3c49b2;}
.com_nr1 .fl .com_l_c ul li .comlc_c p a:hover b{width:2px;height:5rem;display:block;overflow:hidden;background-color:#ed6d00;position:absolute;left:0px;top:0px;}
.com_nr1 .fl .com_l_c ul li .comlc_c p.on a{background-color:#f5f2f7;}
.com_nr1 .fl .com_l_c ul li .comlc_c p.on a span{color:#3c49b2;}
.com_nr1 .fl .com_l_c ul li .comlc_c p.on a b{width:2px;height:5rem;display:block;overflow:hidden;background-color:#ed6d00;position:absolute;left:0px;top:0px;}

.com_nr1 .fr1{width:100%;overflow:hidden;}
.com_t1{width:100%;overflow:hidden;margin-top:3rem;}
.com_t1 i{width:100%;overflow:hidden;display:block;font-size:2rem;color:#3c49b2;font-weight:bold;line-height:3rem;font-style: normal;}
.com_t1 span{width:100%;overflow:hidden;display:block;font-family:Arial;font-size:4.4rem;color:#ecebeb;line-height:8rem;}
.com_t1 b{width:44px;height:2px;overflow:hidden;display:block;background-color:#3c49b2;}


.fzlc_nr1 {
    width: 100%;
    overflow: hidden;
    margin-top: 5rem;
    position: relative;
    height: 90px;
    line-height: 40px;
}
.fzlc_nr1 .fzlc_nr1_slide_bg{width:100%;height:100%;overflow:hidden;background-color:#fff;position:absolute;left:0px;top:0px;z-index:9999;}
.fzlc_nr1 .fzlc_nr1_slide i{width:100%;height:1px;overflow:hidden;display:block;background-color:#cdcdcd;position:absolute;left:0px;bottom:1.98rem;}
.fzlc_nr1 .fzlc_nr1_slide{width:90%;overflow:hidden;margin:0px auto;padding:0px;}
.fzlc_nr1 .fzlc_nr1_slide .swiper-slide{text-align:center;}
.fzlc_nr1 .fzlc_nr1_slide .swiper-slide a{font-size:2.4rem;color:#444;display:inline-block;position:relative;height:90px;}
.fzlc_nr1 .fzlc_nr1_slide .swiper-slide a b{width:100%;height:3.6rem;display:block;background:url("../images/fzlc_03.png") center bottom no-repeat;background-size:2.6rem;position:absolute;left:0px;bottom:0px;}
.fzlc_nr1 .fzlc_nr1_slide .swiper-slide-active{}
.fzlc_nr1 .fzlc_nr1_slide a.swiper_on{font-size:4rem;color:#ed6d00;}
.fzlc_nr1 .fzlc_nr1_slide a.swiper_on b{background:url("../images/fzlc_04.png") center bottom no-repeat;background-size:2.6rem;}
.fzlc_nr1 .fzlc_nr1_slide a.prev{width:4rem;height:4rem;display:block;overflow:hidden;background:url("../images/fzlc_01.png") no-repeat;background-size:100%;position:absolute;left:0px;top:0px;}
.fzlc_nr1 .fzlc_nr1_slide a.next{width:4rem;height:4rem;display:block;overflow:hidden;background:url("../images/fzlc_02.png") no-repeat;background-size:100%;position:absolute;right:0px;top:0px;}

.fzlc_nr2{width:100%;overflow:hidden;margin-top:4rem;}

.fzlc_data_c{width:100%;overflow:hidden;opacity:0;}
.fzlc_nr2_c{width:100%;overflow:hidden;background:url("../images/fzlc_07.jpg") 155px top repeat-y;background-size:56px;position:relative;padding-bottom:3rem;}
.fzlc_nr2_c em{font-style:normal;}
.fzlc_nr2c_t{width:100%;height:56px;overflow:hidden;position:relative;}
.fzlc_nr2c_t b{width:56px;height:56px;overflow:hidden;display:block;background:url("../images/fzlc_05.jpg") no-repeat;background-size:100%;margin-left:156px;}
.fzlc_nr2c_t em{position:absolute;left:30px;top:0px;height:56px;line-height:56px;color:#ed6d00;}
.fzlc_nr2c_t em span{font-size:3.5rem;font-weight:bold;font-family:Arial;}
.fzlc_nr2c_t em i{font-size:3rem;    font-style: normal;}
.fzlc_nr2c_li{width:100%;overflow:hidden;margin-top:3rem;position:relative;}
.fzlc_nr2c_li em.em1{float:left;width:155px;display:block;overflow:hidden;text-align:right;line-height:56px;font-size:2.4rem;color:#333;}
.fzlc_nr2c_li em.em2{float:left;width:78%;display:block;overflow:hidden;text-align:left;margin-left:56px;}
.fzlc_nr2c_li em.em2 span{width:100%;display:block;overflow:hidden;font-size:1.8rem;color:#333;line-height:56px;}
.fzlc_nr2c_li em.em2 i{width:100%;display:block;overflow:hidden;margin-top:1rem;font-size:1.4rem;color:#a1a1a1;line-height:1.8rem;    font-style: normal;}
.fzlc_nr2c_li b{width:56px;height:56px;display:block;overflow:hidden;background:url("../images/fzlc_06.jpg") no-repeat;background-size:100%;margin-left:155px;position:absolute;left:0px;top:0px;}

.end{ height:320px;width:80%; margin:0 auto; padding-top:50px; overflow:hidden;}
.end_lt{ float:left;width:25%; padding-right:5%; border-right:1px solid #d8d8d8;}
.end_lt a{ margin-right:50px; font-size:14px; line-height:34px; color:#3f3f3f; display:inline-block; text-transform:uppercase;}
.end_lt a:hover{ color:#f00;}
.end_zh{ float:left; margin-left:90px; border-right:1px solid #d8d8d8;     padding-right: 5px;}
.end_zh p{ padding-bottom:10px; overflow:hidden;}
.end_zh img{ padding:15px 10px 15px 0px; float:left;}
.end_zh span{ background:#333;width:160px; height:32px; text-align:center; line-height:32px; display:block; float:left;-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px; margin-top:10px; color:#fff; text-transform:uppercase;}
.end_zh dl{ font-size:14px; color:#737373; line-height:32px;    width: 84%;}
.end_rt{ text-align:center;width:13%; float:right; line-height:20px; font-size:14px;}
.cop{ height:60px; background:#004098; color:#fff; font-size:14px; line-height:60px;}
.cop ul{width:80%; margin:0 auto;}
.cop a{ color:#fff;}

.address {
    margin: 3em 0;    width: 1260px;
}
.col-sm-44{ width:33%; float:left;    padding: 0 10px;}
/*.address-grids {
	padding: 0;
}*/
.address h4 {
  margin: 0 0 .5em;    font-weight: bolder;
}
.contact-infom {
   margin: 2em 0;
}
.address p {
    color: #333;
    font-size:16px;
    line-height: 30px;
}
.address ul{
	padding:0;
	margin:0;
}
.address ul li{
	display: inline-block;
}
.address a {
    color: #353535;
    font-size: .9em;
    letter-spacing: 1px;
    transition: .5s all;
}
.address a:hover {
    color: #2ebaef;
    text-decoration: none;
}



.qyjjk { width:100%; padding-top:200px; background:url(../images/pro_bj.jpg) no-repeat center; padding-bottom:100px;}
.nrclnk {    padding-bottom: 20px; width:1300px; margin:0 auto;}

.xb-about-news .ul a,.xb-about-news .ul span{display:block; overflow:hidden;}
.xb-about-news .ul dt{padding-bottom:30px;}
.xb-about-news .ul dt .img{width:173px; height:130px; padding:3px 4px 5px 4px; float:left; margin-right:10px; background:url(../images/img_bg.jpg) no-repeat;}
.xb-about-news .ul dt .date{padding-top:9px; line-height:15px; color:#595757;}
.xb-about-news .ul dt .h1{font-size:16px; line-height:25px; color:#151b21; padding-bottom:6px; font-weight:bold;}
.xb-about-news .ul dt .p{line-height:22px; color:#595757; height:56px;}
.xb-about-news .ul dt .more{width:78px; height:23px; text-align:center; line-height:23px; font-weight:bold; color:#ffffff; background:#f08d19;}
.xb-about-news .ul dd{line-height:40px; border-bottom:#9f9f9f dotted 1px; }
.xb-about-news .ul dd a{display:block;float:left; padding-left:14px; background:url(../images/ag.png) no-repeat left;}
.xb-about-news .ul dd a:hover{color:#f08d19;}
.xb-about-news .ul dd span{color:#595757; display:block; padding-right:12px; float:right; font-size:11px;}
.industry-default-imgall{height:550px; margin-bottom:10px;}
.industry-default-imgall .kwicks{width:926px; position:relative;}
.industry-default-imgall .kwicks li{width:184px; height:550px; overflow:hidden;}
.industry-default-imgall .kwicks li .img{width:400px;height:550px; position:absolute; top:0; left:0; z-index:10;}
.industry-default-imgall .kwicks li .cont{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:30;background:rgba(0,70,107,0.9);}
.industry-default-imgall .kwicks li .cont2{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:30;background:rgba(255,116,56,0.9);}
.industry-default-imgall .kwicks li .cont3{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:11;background:rgba(25,176,118,0.9);}
.industry-default-imgall .kwicks li .cont .p-warp,.industry-default-imgall .kwicks li .cont2 .p-warp,.industry-default-imgall .kwicks li .cont3 .p-warp{width:100%; height:125px; position:absolute; top:15%;left:0; margin-top:-63px;}
.industry-default-imgall .kwicks li .cont .p-warp a,.industry-default-imgall .kwicks li .cont2 .p-warp a,.industry-default-imgall .kwicks li .cont3 .p-warp a{ display:block; float:left;width:40%; margin-left:5%; line-height:60px; color:#fff;text-transform: lowercase;}
.industry-default-imgall .kwicks li .cont .simg,.industry-default-imgall .kwicks li .cont2 .simg,.industry-default-imgall .kwicks li .cont3 .simg{width:80%; margin:50px auto;text-align:center; line-height:100px; display:block; font-size:28px; color:#fff; background:url(../images/wpng90.png) bottom repeat-x; text-transform:uppercase;}
.industry-default-imgall .kwicks li .cont .simg img,.industry-default-imgall .kwicks li .cont2 .simg img,.industry-default-imgall .kwicks li .cont3 .simg img{width:80px; height:80px; margin:0 auto;}
.industry-default-imgall .kwicks li .cont .p,.industry-default-imgall .kwicks li .cont2 .p,.industry-default-imgall .kwicks li .cont3 .p{font-size:16px; color:#333; font-family:\5FAE\8F6F\96C5\9ED1; line-height:33px; display:block;width:90%; margin-left:10%;}
.industry-default-imgall .kwicks li .co{width:430px; height:180px; padding:15px 16px 0 16px; position:absolute; top:50%; margin-top:-63px; z-index:30; background:#004098; color:#ffffff; line-height:22px; font-family:\5FAE\8F6F\96C5\9ED1; }
.industry-default-imgall .kwicks li .co a{ display:block;width:36%; margin-left:7%; font-size:16px; color:#fff; text-align:center; float:left; line-height:50px;text-transform: lowercase;}
.industry-default-imgall .kwicks li .co a:hover{ color:#ff0;}
.industry-default-imgall .kwicks li .co p { color:#fff; padding-bottom:6px;}
.industry-default-imgall .kwicks #kwick_1 .co{background:#00466b}
.industry-default-imgall .kwicks #kwick_2 .co{background:#ff7438}
.industry-default-imgall .kwicks #kwick_3 .co{background:#19b076}