@charset "UTF-8";


li{list-style:none}
body {
   font-family: 'MaisonNeue-Book', Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.428571429;
   color: #000000;
   margin-top: 90px;
}

.navbar {
   position: relative;
   min-width: 1200px;
   margin-bottom: 0px;
   border-bottom: 0px solid #BEBCBC;
}


.navbar-inverse {
   background-color: #FFFFFF;
   border-color: #5F5D5D;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
}

.navbar-brand {
   margin-top: 0px;
   padding: 0px;
}

.navbar-nav>li>a {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 23px;
   padding-right: 23px;
   line-height: 68px;
}

.nav {
   padding-left: 235px;
}


.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
   color: #b81c22;
}

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

a:hover {
   text-decoration: none;
   transition: all 300ms ease-in 0ms;
   color: #333333;
}


.header_nav {
   padding-left: 5%;
   float: left;
   display: flex;
   align-items: center;
   justify-content: center;
   /* height: 96px; */
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}

.header.active .header_nav {
  height: 80px;
}

.header_nav li {
  margin-left: 50px;
}

.header_nav li>a {
  font-size: 18px;
  line-height: 90px;
  display: block;
  letter-spacing: 1px;
  color: #333333;
  position: relative;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.header.active .header_nav li>a {
  line-height: 80px;
}

.header_nav li>a:hover,
.header_nav li.on>a,
.header_nav li.active>a {
  color: #b40012;
}

.header_nav li>a::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #b40012;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.header_nav li>a:hover::after,
.header_nav li.on>a::after,
.header_nav li.active>a::after {
  opacity: 1;
}

.header_nav li .header_nav2 {
  border-top:1px solid #dedede;
   border-bottom: 1px solid #eeeeee;
  display: none;
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff url(../images/menu_bg.png) left bottom no-repeat;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.header.active .header_nav li .header_nav2 {
  top: 81px;
}

.header_nav li .header_nav2 .container {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}

.header_nav li .header_nav2 .left {}

.header_nav li .header_nav2 .left h4 {
  font-size: 40px;
  font-weight: bold;
  line-height: 42px;
  color: #666666;
}

.header_nav li .header_nav2 .left h6 {
  font-size: 20px;
  font-weight: 100;
  color: #666666;
  opacity: 0.4;
  margin-top: 20px;
}

.header_nav li .header_nav2 .center {
  flex: 1;
  max-width: 400px;
  margin: 0 40px;
}

.header_nav li .header_nav2 .center .h6 {
  font-size: 16px;
  /* font-weight: 100; */
  line-height: 56px;
  color: #444;
  border-bottom: 1px solid #eeeeee;
  display: block;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.header_nav li .header_nav2 .center .h6::after {
  content: '';
  border: 2px solid #b40012;
  border-left: 0;
  border-top: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 8px;
  height: 8px;
  margin: auto;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
}

.header_nav li .header_nav2 .center .h6:hover::after {
  opacity: 1;
}

.header_nav li .header_nav2 .center .h6:hover {
  color: #b40012;
}

.header_nav li .header_nav2 .right {
  max-width: 42%;
}

.header_nav li .header_nav2 .right img {}
.kq1 {
   -webkit-animation-delay: 0.4s;
}

.kq2 {
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 0.8s;
}

.kq3 {
   -webkit-animation-delay: 1.2s;
   -webkit-animation-duration: 1.2s;
}

.kq4 {
   -webkit-animation-delay: 1.6s;
   -webkit-animation-duration: 1.6s;
}

.kq5 {
   -webkit-animation-delay: 2s;
   -webkit-animation-duration: 2s;
}

.kq6 {
   -webkit-animation-delay: 2.4s;
   -webkit-animation-duration: 2.4s;
}

ul {
   margin: 0px;
   padding: 0px;
}
.kuanping {
   width: 1380px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
}

.kkt {
   width: 100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
}

.logo {
   margin-left: 50px;
}

.ssk a {
   cursor: pointer;
}

.searchh {
   background: rgba(255, 255, 255, 0.5);
   padding: 20px 0;
   display: none;
   margin: 5px;
   margin-bottom: 5px;
   margin-bottom: 20px;
   /* box-shadow: 0px 2px 2px rgba(0, 0, 0, .2); */
   border-radius: 3px;
   border-top: 1px solid #dedede;
}

.searchh form {
   height: 40px;
   padding: 0;
}

.searchh #name {
   height: 40px;
   border: 1px #d2dae2 solid;
   border-radius: 0;
   width: 100%;
}

.searchh .btn {
   background-color: #ec453b;
   height: 40px;
   border: 0;
   border-radius: 0;
   color: #fff;
   font-size: 1.8rem;
}

.yuyan {
   width: 90px;
   height: 90px;
   background-color: #000000;
   float: left;
}

.yuyan a {
   display: block;
   color: #FFFFFF;
   text-align: center;
   padding-top: 30px;
   line-height: 30px;
   font-size: 18px;
   text-decoration: none;
}
.yuyan a span{
      float:left;
      padding: 5px 25px 0 30px;
}
.yuyan a dl{
      float:left
}
.dropdown-menu>li>a {
   color: #ffffff;
}

@-webkit-keyframes rotation {
   from {
      -webkit-transform: rotate(0deg);
   }

   to {
      -webkit-transform: rotate(360deg);
   }
}

.Rotation {
   -webkit-transform: rotate(360deg);
   animation: rotation 3s linear infinite;
   -moz-animation: rotation 3s linear infinite;
   -webkit-animation: rotation 3s linear infinite;
   -o-animation: rotation 3s linear infinite;
}

.ship {
   position: relative;
}

#video1 {
   width: 100%;
   height: auto;
   margin: 0;
   -webkit-transition: all 2s;
   -moz-transition: all 2s;
   -ms-transition: all 2s;
   -o-transition: all 2s;
   transition: all 2s;
}

/* 弹窗 */
.search-btn {
   cursor: pointer;
}


.search-alert {
   position: fixed;
   z-index: 1000;
   background-color: rgba(0, 0, 0, .9);
   left: 0;
   top: 0;
   width: 100%;
   /*height: 500px;*/
   z-index: 10000;
   display: none;
}

.search-alert .close {
   display: block;
   width: 30px;
   height: 30px;
   background: url(../images/img5-4.png) no-repeat center;
   position: absolute;
   top: 38px;
   right: 2.6%;
   cursor: pointer;
   -webkit-transition: -webkit-transform 0.3s ease 0s;
   transition: transform 0.3s ease 0s;
}

.search-alert .cent-form {
   position: absolute;
   width: 94.8%;
   left: 2.6%;
   top: 50%;
   height: 124px;
   margin-top: -63px;
   border-bottom: 1px solid #515151;
}

.search-alert .cent-form .tex {
   border: none;
   font-size: 66px;
   height: 124px;
   line-height: 124px;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   color: #555;
   background: none;
   padding-left: 88px;
   padding-right: 80px;
   background: url(../images/img5.png) no-repeat 35px 60px;
}







.search-alert .cent-form .sub-butn {
   border: none;
   height: 100px;
   margin-top: 24px;
   font-size: 24px;
   line-height: 100px;
   color: #555;
   text-align: right;
   background: none;
   position: absolute;
   right: 0;
   top: 0;
   width: 100px;
   text-align: center;
}

.search-alert .close:hover {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.search-alert .cent-form .tex {
   border: none;
   font-size: 20px;

}

.soutt {
   width: 88px;
   height: 90px;
   line-height: 90px;
   text-align: center;
   float: left;
   background-color: #f3f3f3;
}

.meun {
   width: 223px;
   height: 90px;
   line-height: 90px;
   font-size: 16px;
   color: #FFFFFF;
   background-color: #b30012;
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   margin-right: -15px;
   float: right;
   text-align: center;
}

.soutt a {
   cursor: pointer;
}

.dhtt {
   width: 14.28%; 
   /*height: 500px;*/
   color: #FFFFFF;
   padding-top: 50px;
   padding-left: 40px;
   font-size: 16px;
   line-height: 40px;
   color: rgba(255, 255, 255, .6);
   border-right: 1px solid rgba(255, 255, 255, .2);
}

.dhtt a {
   display: block;
   color: rgba(255, 255, 255, .6);
   font-size: 14px;
   line-height: 1.5em;
   padding-bottom: 20px;
}

.dhtt a:hover {
   color: rgba(255, 255, 255, 1);
}

.dhtt h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top: 0px;
   margin-bottom: 20px;
}
.dhtt h2 a{
   font-size: 20px;
   color: #FFFFFF;
   font-weight: bold;
}
.dhkuan {
   width: 1300px;
   height: auto;
   overflow: hidden;
   margin: 0 auto;
}

.banner img {
   width: 100%;
   height: 100%;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: 50px;
   left: 15%;
   width: 100px;
   height: 42px;
}

.banner .swiper-pagination-bullet {
   width: 5px;
   height: 18px;
   display: inline-block;
   border-radius: 0;
   background: #FFFFFF;
   transition: all 300ms ease-in 0ms;
   opacity: .2;
}

.banner .swiper-pagination-bullet-active {
   opacity: 1;
   height: 36px;
   background: #FFFFFF;
   transition: all 300ms ease-in 0ms;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 10px;
}

.abbj {
   height: auto;
   overflow: hidden;
   padding-top: 100px;
   padding-bottom: 50px;
   background: url(../images/abbj.jpg) top center;
   background-size:100% auto;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
}

.abww {
   width: 44.5%;
   color: #000000;
   line-height: 28px;
   float: left;
}

.abww h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 52px;
   color: #b40012;
   margin-top: 0px;
   margin-bottom: 26px;
}

.abww h3 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 12px;
}

.abee {
   width: 52.3%;
   height: 400px;
   position: relative;
   float: right;
}

.abee .numbers{
    display:block;
    position:absolute;
    bottom:20px;
    width:100%;
    height:80px; 
    display:flex;
}
.abee .numbers li{
    list-style:none;
    width:30%;
    float:Left;
    text-align:center;
    padding:0 2%;
    font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
}
.abee .numbers li strong{
    font-size:38px;
    color:#b91223;
}
.abee .numbers li strong span{
    font-size:24px;
}
.abee .numbers li p{
    font-size:18px;
    color:#333;
}

@media (max-width:992px) {
   .shansuo {
      width: 100%;
   }

   .shansuo dl dt,
   .shansuo dl dd {
      width: 12px;
      height: 12px;
   }

   .shansuo dl dd {
      width: 10px;
      height: 10px;
   }
}


@keyframes roateshow {
   0% {
      transform: scale(0);
      opacity: 0;
   }

   50% {
      transform: scale(2);
      opacity: 1;
   }

   100% {
      transform: scale(4);
      opacity: 0;
   }
}

@-webkit-keyframes roateshow {
   0% {
      transform: scale(0);
      opacity: 0;
   }

   50% {
      transform: scale(2);
      opacity: 1;
   }

   100% {
      transform: scale(4);
      opacity: 0;
   }
}

@keyframes toright {
   0% {
      padding-left: 0;
   }

   50% {
      padding-left: 30px;
   }

   100% {
      padding-left: 0;
   }
}

@-webkit-keyframes toright {
   0% {
      padding-left: 0;
   }

   50% {
      padding-left: 30px;
   }

   100% {
      padding-left: 0;
   }
}


.che {
   width: 88px;
   height: 110px;
   float: right;
   position: relative;
   margin-top: 151px;
   margin-right: -40px;
}

.abmore {
   width: 168px;
   height: 50px;
   margin-top: 52px;
}

.abmore a {
   display: block;
   width: 168px;
   height: 50px;
   line-height: 50px;
   font-size: 15px;
   padding-left: 72px;
   color: #FFFFFF;
   background: url(../images/abmore.jpg);
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.abmore a:hover {
   width: 220px;
   padding-left: 0px;
   text-align: center;
   background: none;
   background-color: #b40012;
}

.wenhua {
   height: 529px;
   padding-top: 95px;
   line-height: 21px;
   color: #FFFFFF;
   background: url(../images/whbj.png) top center;
   position: relative;
   background-color: #d42237;
}

.wenhua h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 52px;
   color: #FFFFFF;
   margin-top: 0px;
   margin-bottom: 46px;
}

.wenhua h3 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 20px;
   color: #FFFFFF;
   margin-top: 0px;
   margin-bottom: 26px;
}

.heise {
   color: #000000;
}

.whaa {
   width: 32.4%;
   float: left;
}

.whtt {
   position: absolute;
   width: 52.5%;
   top: 0px;
   right: 0px;
}

.whaa .swiper-container {
   padding-bottom: 105px;
}

.whaa .swiper-button-prev {
   position: absolute;
   top: 86%;
   width: 59px;
   height: 59px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   left: 0px;
   background: url(../images/zuo.png);
   background-size: 40px 40px;
   background-position: center;
   background-repeat: no-repeat;
}

.whaa .swiper-button-next {
   position: absolute;
   top: 86%;
   width: 59px;
   height: 59px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   left: 85px;
   background: url(../images/you.png);
   background-size: 40px 40px;
   background-position: center;
   background-repeat: no-repeat;
}

.cpbj {
   height: auto;
   overflow: hidden;
   margin-top: 66px;
}

.cplan {
   height: auto;
   overflow: hidden;
}

.cplan-aa {
   width: 20%;
   float: left;
}

.cplan-aa h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 52px;
   color: #b40012;
   margin-top: 0px;
   margin-bottom: 8px;
}

.cplan-aa h3 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 52px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 8px;
}

.cplan-bb {
   width: 75%;
   float: right;
}

.cplan-bb li {
   list-style-type: none;
   float: left;
   margin-right: 50px;
}



#slidingBlock {
   height: auto;
   overflow: hidden;
}

#slidingBlock span {
   float: left;
   width: 100%;
   height: 165px;
   font-size: 16px;
}

#slidingBlock span.menuNo {
   font-weight: normal;
   width: 100%;
   height: 165px;
   color: #8b8b8b;
}

#slidingBlock span.menuNo .cpta {
   width: 90px;
   height: 89px;
   background: url(../images/cpt1.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

#slidingBlock span.menuNo .cptb {
   width: 90px;
   height: 89px;
   background: url(../images/cpt2.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

#slidingBlock span.menuNo .cptc {
   width: 90px;
   height: 89px;
   background: url(../images/cpt3.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuNo .cptd {
   width: 90px;
   height: 89px;
   background: url(../images/cpt4.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuNo .cpte {
   width: 90px;
   height: 89px;
   background: url(../images/cpt5.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuNo .cptf {
   width: 90px;
   height: 89px;
   background: url(../images/cpt6.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuNo .cptg {
   width: 90px;
   height: 89px;
   background: url(../images/cpt7.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuNo .lxss {
   width: 90px;
   height: 89px;
   background: url(../images/cpt8.png) top;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

#slidingBlock span.menuNo::after {
   width: 0;
   transition: width .3s;
   height: 2px;
   display: block;
   margin: 0 auto;
   content: "";
   background-color: #FFFFFF;
}

#slidingBlock span.menuNo p {
   margin-bottom: 56px;
   text-align: center;
}

#slidingBlock span.menuOn {
   font-weight: normal;
   width: 100%;
   height: 165px;
   color: #b40012;
}

#slidingBlock span.menuOn .cpta {
   width: 90px;
   height: 89px;
   background: url(../images/cpt1.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

#slidingBlock span.menuOn .cptb {
   width: 90px;
   height: 89px;
   background: url(../images/cpt2.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

#slidingBlock span.menuOn .cptc {
   width: 90px;
   height: 89px;
   background: url(../images/cpt3.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuOn .cptd {
   width: 90px;
   height: 89px;
   background: url(../images/cpt4.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuOn .cpte {
   width: 90px;
   height: 89px;
   background: url(../images/cpt5.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuOn .cptf {
   width: 90px;
   height: 89px;
   background: url(../images/cpt6.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuOn .cptg {
   width: 90px;
   height: 89px;
   background: url(../images/cpt7.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}
#slidingBlock span.menuOn .lxss {
   width: 90px;
   height: 89px;
   background: url(../images/cpt8.png) bottom;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}


#slidingBlock span.menuOn p {
   margin-bottom: 25px;
   text-align:center;
   padding-top: 10px;
}

#slidingBlock span.menuOn::after {
   width: 100%;
   height: 2px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #b40012;
}

#slidingBlock DIV.slidingList_none {
   display: none
}

#slidingBlock DIV.slidingList {
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: 900px;
   /* overflow: hidden; */
}


.qhtu {
   position: relative;
   height: auto;
   overflow: hidden;
}

.qhtu-kk {
   position: absolute;
   width: 38.2%;
   height: 860px;
   background-color: rgba(227, 30, 52, .9);
   right: 0px;
   bottom: 80px;
   z-index: 6;
}
.qhtux {
   position: relative;
   height: auto;
   /* overflow: hidden; */
}

.qhtu-nn {
   position: absolute;
   width: 100%;
   left: 0px;
   top: 0;
   z-index: 8;
}

.qhtu-nn-t {
   width: 100%;
   height: 780px;
   padding: 30px;
   /* padding-top: 30px; */
   /* padding-right: 5%; */
   line-height: 26px;
   color: #5f6168;
   background: rgba(255,255,255,1);
   margin-top: 20px;
   border-radius: 20px;
   box-shadow: 1px 1px 8px rgba(0,0,0,0.15);
}
.qhtu-nn-t .abmore{
   position:absolute;
   left: 44%;
   bottom: 20px;
   margin-top: 30px;
}
.qhtu-nn-t h2 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 42px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 25px;
}

.qhlm {
   margin-top: 30px;
   height: auto;
   overflow: hidden;
}

.qhlm li {
   list-style-type: none;
   float: left;
   width: 24%;
   margin-right: 1%;
   margin-bottom: 20px;
   background:#fff;
   box-shadow: 0px 0px 4px #dedede;
}

.qhlm li a {
   display: block;
   font-size: 14px;  
}
.qhlm li a .pic{
   width:100%;
   height: 220px;
   overflow: hidden;
   text-align: center;
}
.qhlm li a .pic img{
   width: auto;
   height: 100%;
   text-align: center;
}

.qhlm-aa {
   text-align:center;
   font-size:16px;
   font-weight:bold;
   width:100%;
   padding-top: 5px;
}

.qhlm-bb {
   width:100%;
   text-align:center;
   color:#999;
   padding-bottom: 10px;
}

.qhlm li a:hover {
   box-shadow:0px 0px 12px #9a9a9a;
}
.qhlm li a:hover .qhlm-bb{
   color: #FFFFFF;
}

.xinwen {
   height: auto;
   overflow: hidden;
   padding-top: 46px;
   padding-bottom: 85px;
   background: url(../images/xwbj.jpg);
   background-size: 100% 100%;
}

.xwkuan {
   width: 1340px;
   height: auto;
   overflow: hidden;
   margin: 0 auto;
}

.xwlan {
   height: auto;
   overflow: hidden;
   padding-bottom: 60px;
   border-bottom: 1px solid #f2f2f2;
}

.xwlan-aa {
   width: 50%;
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   line-height: 48px;
   font-size: 39px;
   color: #000000;
   float: left;
}

.xwlan-bb {
   width: 156px;
   float: right;
}

.xwlan-bb:hover {
   width: 300px;
   transition: all 300ms ease-in 0ms;
}

.xwlan-bb a {
   display: block;
   height: 48px;
   line-height: 48px;
   padding-left: 67px;
   color: #FFFFFF;
   background: url(../images/xwmore.jpg);
   transition: all 300ms ease-in 0ms;
}

.xwlan-bb a:hover {
   width: 300px;
   padding-left: 0px;
   text-align: center;
   background: none;
   background-color: #b40012;
}

.xwkk {
   height: auto;
   overflow: hidden;
   padding-top: 58px;
   padding-bottom: 58px;
   border-bottom: 1px solid #d9d9dc;
}

.xwkk-aa {
   width: 61.5%;
   color: #9596a5;
   line-height: 24px;
   float: left;
}

.xwkk-aa h2 {
   font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
   font-size: 17px;
   color: #818181;
   margin-top: 0px;
   margin-bottom: 55px;
}

.xwkk-aa h3 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 17px;
   color: #23232b;
   margin-top: 0px;
   margin-bottom: 18px;
}


.xwkk a:hover .xwkk-aa {
   color: #b40012;
   transition: all 300ms ease-in 0ms;
}

.xwkk a:hover .xwkk-aa h2 {
   color: #b40012;
   transition: all 300ms ease-in 0ms;
}

.xwkk a:hover .xwkk-aa h3 {
   color: #b40012;
   transition: all 300ms ease-in 0ms;
}

.jtw {
   margin-top: 47px;
   transition: all 300ms ease-in 0ms;
}

.xwkk a:hover .jtw {
   margin-left: 50px;
   transition: all 300ms ease-in 0ms;
}

.xwkk-bb {
   width: 32%;
   float: right;
   text-align: right
}
.xwkk-bb img {
    height: 240px;
}

.xwhh {
   height: auto;
   overflow: hidden;
   padding-top: 30px;
   padding-bottom: 30px;
   margin-left: -75px;
   margin-right: -75px;
   border-bottom: 1px solid #d9d9dc;
}


.xwhh li {
   list-style-type: none;
   width: 50%;
   padding-left: 75px;
   padding-right: 75px;
   border-right: 1px solid #e1e3e5;
   float: left;
}

.xwhh-aa {
   width: 80%;
   font-size: 20px;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #23232b;
   float: left;
}

.xwhh-bb {
   width: 20%;
   font-size: 17px;
   color: #818181;
   float: right;
   text-align: right;
}

.xwhh li a:hover .xwhh-aa {
   color: #b40012;
   transition: all 300ms ease-in 0ms;
}

.xwhh li a:hover .xwhh-bb {
   color: #b40012;
   transition: all 300ms ease-in 0ms;
}

.hzkuan {
   width: 1600px;
   height: auto;
   overflow: hidden;
   margin: 76px auto 70px;
}

.proce {
   padding: 0px 135px;
   position: relative;
}

#fuwu {
   position: static;
}

.proce .swiper-button-prev {
   position: absolute;
   top: 45%;
   width: 60px;
   height: 60px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/left.png);
   background-size: 60px 60px;
   background-position: center;
   background-repeat: no-repeat;
}

.proce .swiper-button-next {
   position: absolute;
   top: 45%;
   width: 60px;
   height: 60px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/right.png);
   background-size: 60px 60px;
   background-position: center;
   background-repeat: no-repeat;
}

.hzbd {
    height:150px;
   border: 1px solid #ebeff5;
}

.bottom {
   height: auto;
   overflow: hidden;
   background-color: #1a1b1c;
   padding-top: 60px;
   font-size: 16px;
   line-height: 32px;
   color: rgba(255, 255, 255, .3);
   background: url(../images/bmbj.png) top center;
   background-repeat: no-repeat;
   background-color: #1a1b1c;
}

.bottom a {
   color: rgba(255, 255, 255, .3);
}

.bottom a:hover {
   color: rgba(255, 255, 255, 1);
}

.bottom h2 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 20px;
   color: #FFFFFF;
   margin-top: 0px;
   padding-bottom: 25px;
   background: url(../images/xiahua.png) left bottom;
   background-repeat: no-repeat;
   margin-bottom: 40px;
}

.bottom h3 {
   font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif;
   font-size: 21px;
   line-height: 35px;
   color: #aaaaaa;
   height: auto;
   overflow: hidden;
   margin-top: 20px;
   /* margin-bottom: 98px; */
}

.bottom .b_menu{
   position:relative;
}
.bottom .b_menu li{
   width:50%;
   float:left;
   list-style:none;
   text-transform:capitalize;
}
.bottom p img{
   width:18px;
   margin-right:5px
}
.bottom .ewm p{display:block;float:left;margin-right:20px;text-align:center;}
.bottom .ewm img{width:115px;margin: 0;padding: 5px;border-radius: 12px;}
.bottom .ewm p span{display:block}
.liuyy {
   margin-top: 30px;
   height: auto;
   overflow: hidden;
   color: #b40012;
}

.liuyy a {
   color: #b40012;
}

.footer {
   height: auto;
   overflow: hidden;
   margin-top: 58px;
   line-height: 76px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.juyou {
   text-align: right;
}
.juyou a{
   padding:0 10px;
}
.guding {
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 9;
}


/* 关于我们 */
.lanmux {
   height: 74px;
   box-shadow: 0px 10px 10px rgba(0, 0, 0, .1);
   background: #fff;
   position: relative;
}

.lm-ct ul {
   display: flex;
   display: -webkit-flex;
}

.lm-ct ul li {
   list-style-type: none;
   margin-right: 60px;
}

.lm-ct ul li a {
   display: block;
   line-height: 74px;
   font-size: 16px;
   color: #555555;
   cursor: pointer;
}

.lm-ct ul li a:hover {
   color: #b81c22;
}

.lm-ct ul li.hover a {
   color: #b81c22;
}

.lm-ct>span {
   display: block;
   height: 4px;
   background: #b81c22;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 6;
   transition: .5s;
}

.abwk {
   padding-top: 56px;
   padding-bottom: 80px;
   height: auto;
   overflow: hidden;
   line-height: 33px;
   background: url(../images/ditu.jpg) center top;
   background-repeat: no-repeat;
}

.abwk h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 24px;
   color: #b81c22;
   margin-top: 0px;
   margin-bottom: 33px;
}

.abww-tu {
   margin-top: 40px;
   height: auto;
   overflow: hidden;
   text-align: center;
}



.wk2 {

   -webkit-perspective: 1000px;

   -o-perspective: 1000px;

   -ms-perspective: 1000px;

   perspective: 1000px;

}



.wenhuak.on {

   -webkit-transform: rotatex(0) translateZ(0);

   -ms-transform: rotatex(0) translateZ(0);

   transform: rotatex(0) translateZ(0);

   opacity: 1
}

.wenhuak {
   height: auto;
   overflow: hidden;
   background-color: #b81c22;
   -webkit-transform: rotatex(-80deg) translateZ(0);
   -ms-transform: rotatex(-80deg) translateZ(0);
   transform: rotatex(-80deg) translateZ(0);
   -webkit-transform-origin: 0 0 0;
   -ms-transform-origin: 0 0 0;
   transform-origin: 0 0 0;
   opacity: 0;
   transition: 1s;
}

.wenhua-aa {
   width: 50%;
   float: left;
}

.wenhua-bb {
   width: 30%;
   float: left;
   padding-top: 145px;
   padding-left: 5%;
   color: #FFFFFF;
   font-size: 16px;
   line-height: 33px;
}

.wenhua-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 37px;
   margin-top: 0px;
   margin-bottom: 35px;
   color: #FFFFFF;
}

.wenhuak 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;
}

.wenhuak:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.wenhuak section {
   overflow: hidden;
}

section {
   display: block;
}

.rongyu {
   height: auto;
   overflow: hidden;
   /* padding-top: 70px; */
   padding-bottom: 50px;
   /* background: url(../images/rybj.jpg) center bottom; */
   background-repeat: no-repeat;
}

.rykk {
   width: 1200px;
   height: auto;
   overflow: hidden;
   font-size: 18px;
   line-height: 30px;
   margin: 0 auto;
}

.rykk h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 40px;
   margin-top: 0px;
   margin-bottom: 15px;
   color: #333333;
}


.img-scroll {
   position: relative;
   margin: 0px auto;
   width: 100%;
   float: left;
   height: auto;
   overflow: hidden;
}

.img-scroll .prev,
.img-scroll .next {
   position: absolute;
   display: block;
   width: 45px;
   height: 45px;
   margin-top: 0px;
   background-color: #000;
   top: 0;
   color: #FFF;
   text-align: center;
}

.img-scroll .prev {
   left: 90%;
   background: url(../images/left.png) no-repeat;
   width: 45px;
   height: 45px;
   z-index: 9999;
}

.img-scroll .next {
   right: 0;
   background: url(../images/right.png) no-repeat;
   width: 45px;
   height: 45px;
   z-index: 9999;
}

.img-scroll .prev:hover {
   left: 90%;
   background: url(../images/left.png) no-repeat;
   width: 45px;
   height: 45px;
   z-index: 9999;
}

.img-scroll .next:hover {
   right: 0;
   background: url(../images/right.png) no-repeat;
   width: 45px;
   height: 45px;
   z-index: 9999;
}

.img-list {
   position: relative;
   width: 100%;
   height: auto;
   overflow: hidden;
   padding-top: 109px;
   margin-left: 0px;
   overflow: hidden
}

.img-list ul {
   width: 9999px;
   margin: 0px;
   padding: 0px;
}

.img-list li {
   float: left;
   display: inline;
   margin-left: 15px;
   margin-right: 15px;
   height: auto;
   overflow: hidden;
}

.rytu {
   width: 394px;
}


.shebei {
   height: 818px;
   background: url(../images/sbbj.jpg) top center;
   padding-top: 60px;
}

.shebei h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 40px;
   color: #FFFFFF;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 83px;
}

.abxx {
   border: 10px solid #ffffff;
}

.rygun {
   margin-top: -120px;
   height: auto;
   overflow: hidden;
   position: relative;
}

.rygun .swiper-container {
   padding-top: 180px;
}

.rygun .swiper-button-prev {
   position: absolute;
   top: 15%;
   width: 51px;
   height: 51px;
   left: 88%;
   margin-top: 10px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/zuox.png);
   background-size: 51px 51px;
   background-position: center;
   background-repeat: no-repeat;
}

.rygun .swiper-button-next {
   position: absolute;
   top: 15%;
   width: 51px;
   height: 51px;
   right: 20px;
   margin-top: 10px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/youx.png);
   background-size: 51px 51px;
   background-position: center;
   background-repeat: no-repeat;
}



/* 新闻列表 */
.xwss {
   height: auto;
   overflow: hidden;
   padding-top: 62px;
   padding-bottom: 60px;
   background-color: #f2f2f2;
}

.xwss-aa {
   width: 43%;
   float: left;
}

.xwss-aa img {
   width: 100%;
}

.xwss-bb {
   width: 50%;
   float: right;
}

.xwss-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 27px;
   margin-bottom: 60px;
   color: #000000;
}

.xw-time {
   margin-top: 57px;
   height: auto;
   overflow: hidden;
   color: #000000;
}

.xw-more {
   margin-top: 45px;
   height: auto;
   overflow: hidden;
   color: #000000;
}

.xwbd {
   height: auto;
   overflow: hidden;
   border: 6px solid #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

.xwlie {
   height: auto;
   overflow: hidden;
   padding-top: 50px;
   padding-bottom: 70px;
}

.xwrow {
   margin-left: -10px;
   margin-right: -10px;
}

.xwhhk {
   padding-left: 10px;
   padding-right: 10px;
}

.xwkuai {
   height: auto;
   overflow: hidden;
   position: relative;
   padding: 30px;
   background-color: #FFFFFF;
   border-bottom: 1px solid #eeeeee;
   margin-bottom: 25px;
}

.xwkuai .mask {
   display: block;
   position: absolute;
   width: 100%;
   height: 0px;
   left: 0;
   top: 100%;
   background-color: #b81c22;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   z-index: 0;
}

.xwkuai:hover .mask {
   top: 0;
   height: 100%;

}

.xwkuai .con {
   position: relative;
   z-index: 1;
   font-size: 14px;
   color: rgba(0, 0, 0, .6);
   line-height: 25px;
}

.xwkuai:hover .con {
   color: #FFFFFF;
}

.xwkuai h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 40px;
   color: #4d4d4d;
}

.xwkuai:hover .nian {
   color: #FFFFFF;
}

.xwkuai:hover h2 {
   color: #FFFFFF;
}

.xwkuai:hover h3 {
   color: #FFFFFF;
}

.nian {
   color: #808080;
   font-size: 14px;
}

.xwkuai h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 40px;
   color: #000000;
}

.xwmm {
   margin-top: 12px;
   width: 60px;
   height: 30px;
   background: url(../images/jt.png);
}

.xwkuai:hover .xwmm {
   background: url(../images/jt2.png);
}

/* 新闻内 */

.xwdd {
   background: #fafafa;
   padding: 60px 0px;
}

.inewsct {
   background: #fff;
   padding: 40px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

.inewsct .inews-tt {
   border-bottom: 1px rgba(0, 0, 0, .25) dashed;
   padding-bottom: 10px;
}

.inewsct .inews-tt p {
   font-size: 2.0rem;
   font-weight: bold;
   line-height: 26px;
   margin-bottom: 10px;
}

.inewsct .inews-tt span {
   color: rgba(0, 0, 0, .55);
}

strong {
   font-weight: 700;
}

.inewsct .inews-ct {
   padding: 20px 0px 0px;
   color: rgba(0, 0, 0, .7);
   line-height: 28px;
}

/* 分页 */
.page {
   margin: 20px auto;
}

.page-m {
   position: relative;
   top: -1px;
   display: inline !important;
}

.page a {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.page-m a {
   display: inline-block;
   margin: 0 5px;
   width: 40px;
   height: 40px;
   font-size: 14px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #eeeeee;

}

.page-m a:hover {
   color: #fff;
   background: #b81c22;
   border: 1px solid #b81c22;
}

.xianshi {
   color: #fff;
   background: #b81c22;
   border: 1px solid #b81c22;
}

.page-m a.active {
   color: #fff;
   background: #b81c22;
   border: 1px solid #b81c22;
}


/* 弹窗 */

.pdcon-ct {
   display: flex;
   flex-wrap: wrap;
}

.pdcon-ct>span {
   display: block;
   color: #fff;
   background: #2e4b98;
   padding: 8px 30px;
   font-size: 1.4rem;
   font-weight: 600;
}

.pdcon {
   border-top: 3px #2e4b98 solid;
   padding: 20px 0px;
   font-size: 1.4rem;
   color: rgba(0, 0, 0, .6);
   width: 100%;
}

.picshade {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.91;
   filter: alpha(opacity=91);
   z-index: 99;
   display: none;
}

.pictures_eyes_close {
   position: fixed;
   top: 30px;
   right: 30px;
   display: inline-block;
   width: 26px;
   height: 26px;
   background: url(../images/close.png) no-repeat;
   z-index: 100;
   display: none;
}

.pictures_eyes {
   position: fixed;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 199;
   display: none;
}

.pictures_eyes_in {
   position: relative;
   text-align: center;
}

.pictures_eyes_in img {
   max-height: 500px;
}

.pictures_eyes_in section p {
   color: #fff;
   padding: 15px 0px;
}

.pictures_eyes_in .prev,
.pictures_eyes_in .next {
   position: absolute;
   top: 50%;
   width: 51px;
   height: 51px;
   cursor: pointer;
}

.pictures_eyes_in .prev {
   left: 35px;
   background: url(../images/Tleft.png) no-repeat;
}

.pictures_eyes_in .next {
   right: 35px;
   background: url(../images/Tright.png) no-repeat;
}

.pictures_eyes_indicators {
   position: fixed;
   left: 0;
   bottom: 15px;
   width: 100%;
   text-align: center;
   z-index: 299;
}

.pictures_eyes_indicators a {
   display: inline-block;
   width: 50px;
   height: 50px;
   margin: 6px 3px 0 3px;
   border: 1px solid #ddd;
   border-radius: 10px;
   box-shadow: 0 0 2px #000;
   filter: alpha(opacity=50);
   opacity: 0.5;
   overflow: hidden;
}

.pictures_eyes_indicators img {
   height: 50px;
}

.pictures_eyes_indicators .current {
   filter: alpha(opacity=100);
   opacity: 1;
}


/* 人才招聘 */
.ijoint {
   padding: 0px;
}

.ijoin {
   margin: 55px 0px 0px;
}

.ijoin dl {
   background: #b81c22;
   padding: 0px 70px;
}

.ijoin dl dd {
   float: left;
   width: 25%;
   color: #fff;
   line-height: 40px;
   padding: 25px 0px;
   font-size: 2.0rem;
}

.ijoin dl dd:nth-of-type(4) {
   width: 22%;
}

.ijoin dl dd:nth-of-type(5) {
   width: 30%;
}

@media (max-width:1400px) {
   .ijoin dl dd {
      font-size: 1.8rem;
   }
}

@media (max-width:992px) {
   .ijoin {
      margin: 15px 0px 0px;
   }

   .ijoin dl {
      padding: 0px 15px;
   }

   .ijoin dl dd {
      line-height: 30px;
      padding: 10px 0px;
      font-size: 1.6rem;
   }

   .ijoin dl dd:nth-of-type(2),
   .ijoin dl dd:nth-of-type(3),
   .ijoin dl dd:nth-of-type(4) {
      display: none;
   }

   .ijoin dl dd:nth-of-type(1) {
      width: 70%;

   }
}

.ijoin ul {
   margin-top: 30px;

}

.ijoin ul li {
   border-bottom: 1px rgba(0, 0, 0, .15) dashed;
   list-style-type: none;
   margin-bottom: 20px;
}

.ijoin ul li .jitp {
   padding: 25px 70px;
   transition: .3s;
}

.ijoin ul li .jitp span {
   display: block;
   float: left;
   width: 25%;
   color: #545459;
   line-height: 44px;
   font-size: 1.9rem;
}

.ijoin ul li .jitp span:nth-of-type(4) {
   width: 22%;
}

.ijoin ul li .jitp span:nth-of-type(5) {
   width: 30%;
}

@media (max-width:1400px) {
   .ijoin ul li .jitp span {
      font-size: 1.6rem;
   }
}

@media (max-width:992px) {
   .ijoin ul {
      margin-top: 10px;
   }

   .ijoin ul li {
      margin-bottom: 10px;
   }

   .ijoin ul li .jitp {
      padding: 10px 15px;
   }

   .ijoin ul li .jitp span {
      line-height: 24px;
      font-size: 1.4rem;
   }

   .ijoin ul li .jitp span:nth-of-type(2),
   .ijoin ul li .jitp span:nth-of-type(3),
   .ijoin ul li .jitp span:nth-of-type(4) {
      display: block;
   }

   .ijoin ul li .jitp span:nth-of-type(1) {
      width: 70%;
   }
}

.ijoin ul li .jitp span small {
   width: 138px;
   display: block;
   height: 44px;
   font-size: 1.9rem;
   color: #545459;
   background: #efefef;
   cursor: pointer;
   text-align: center;
   transition: .3s;
   float: left;
}

.ijoin ul li.cur {
   border-bottom: 0;
   box-shadow: 0px 0px 30px rgba(0, 0, 0, .15);
}

.ijoin ul li.cur .jitp span small {
   background: #fff;
}

.ijoin ul li .jitp span small:hover {
   background: #b81c22;
   color: #fff;
}

.ijoin ul li.cur .jitp {
   background: #e6e6e6;
}

.ijoin ul li .jitp span i {
   display: block;
   background: url(../images/sjt.png) center no-repeat;
   height: 44px;
   float: right;
   cursor: pointer;
   width: 40px;
}

.ijoin ul li.cur .jitp span i {
   transform: rotate(180deg);
}

.ijoin ul li .jitp span a {
   display: none;
   width: 90%;
   height: 30px;
   line-height: 30px;
   color: #545459;
   background: #efefef;
   font-size: 1.4rem;
   margin-left: 10px;
   text-align: center;
}

@media (max-width:1400px) {
   .ijoin ul li .jitp span small {
      font-size: 1.6rem;
   }
}

@media (max-width:992px) {
   .ijoin ul li .jitp span a {
      display: block;
   }

   .ijoin ul li .jitp span small {
      display: none;
   }

   .ijoin ul li .jitp span i {
      display: none;
   }
}

.ijoin .jibt {
   display: none;

   padding: 20px 70px 50px;
}

.ijoin .jibt h1 {
   font-size: 2.0rem;
   line-height: 40px;
}

.ijoin .jibt section {
   padding: 15px 0px 15px 20px;
   color: #545459;
   line-height: 26px;
}

.ijoin .jibt>div>h2 {
   width: 140px;
   line-height: 44px;
   color: #fff;
   background: #b81c22;
   text-align: center;
   font-size: 1.5rem;
   transition: .3s;
   cursor: pointer;
   margin: 15px 0px 0px;
}

.ijoin .jibt>div>h2:hover {
   background: #fe710a;
}

.ijoindd .zwxxx {
   padding-bottom: 10px;
}

.ijoindd .zwxxx span {
   display: block;
   line-height: 30px;
   color: #000;
}

.ijoindd .zwxxx .zpzw {
   font-size: 1.6rem;
   margin-bottom: 10px;
}

.ijoindd iframe {
   height: 720px;
   width: 100%;
}


@media (max-width:992px) {
   .ijoindd {
      margin: 0;
   }

   .ijoindd .jibt {
      display: block;
      padding: 0px;
   }

   .ijoindd .jibt h1 {
      font-size: 1.6rem;
      line-height: 30px;
   }

   .ijoindd .jibt section {
      padding: 10px 0px;
   }
}

.ijoin ul {
   padding: 0px;
}


.apply {
   position: fixed;
   z-index: 10000;
   background: rgba(0, 0, 0, .8);
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: none;
}

.zwcont {
   width: 60%;
   left: 20%;
   top: 50%;
   margin-top: -378px;
   position: relative;
}

.zwcont iframe {
   height: 756px;
   background: transparent;
   width: 100%;
}

.tmbody {
   background: transparent;
}

.zwcont .closets {
   position: absolute;
   height: 90px;
   right: 15px;
   top: 0;
   cursor: pointer;
   width: 40px;
   background: url(../images/gbtou.png) center no-repeat;
}

.sqxx {
   width: 100%;
   background: #fff;
}

.sqxx h2 {
   text-align: center;
   font-size: 2.0rem;
   margin: 0px;
   color: #000;
   line-height: 90px;
}

.sqxx h2 big {
   font-size: 2.0rem;
}

.sqxx .form {
   background: #f6f6f6;
   padding: 30px 7% 25px;
}

.sqxx .form div {
   float: left;
   width: 47%;
   margin-right: 6%;
   margin-bottom: 25px;
}

.sqxx .form div:nth-child(2n+0) {
   margin-right: 0;
}

.sqxx .form div p {
   float: left;
   width: 88px;
   color: #636366;
   line-height: 42px;
}

.sqxx .form div p:before {
   content: "* ";
   color: #f00;
}

.sqxx .form div input {
   width: calc(100% - 88px);
   background: #fff;
   border: 1px rgba(0, 0, 0, .1) solid;
   line-height: 22px;
   outline: none;
   padding: 9px 10px;
}

.sqxx .form div select {
   width: calc(100% - 88px);
   border: 1px rgba(0, 0, 0, .1) solid;
   background: #fff;
   height: 42px;
   outline: none;
   padding: 0px 10px;
}

.sqxx .form div:last-child {
   width: 100%;
}

.sqxx .form div textarea {
   width: calc(100% - 88px);
   background: #fff;
   border: 1px rgba(0, 0, 0, .1) solid;
   line-height: 22px;
   outline: none;
   padding: 9px 10px;
   resize: none;
}

.sqxx form button {
   display: block;
   margin: 30px auto 0px;
   background: #b81c22;
   width: 100%;
   max-width: 230px;
   color: #fff;
   height: 44px;
   outline: none;
   font-size: 1.5rem;
   transition: .3s;
   border: 0;
}

.zwcont form button:hover {
   background: #333;
}


/* 联系我们 */
.lxkuai {
   margin-top: 55px;
   margin-bottom: 100px;
   line-height: 36px;
   font-size: 16px;
}

.lxkuai h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 25px;
   color: #333333;
   margin-top: 26px;
   margin-bottom: 67px;
   padding-bottom: 46px;
   background: url(../images/hua.jpg) left bottom;
   background-repeat: no-repeat;
}

.liuyan {
   height: auto;
   overflow: hidden;
   padding-top: 75px;
   padding-bottom: 45px;
   background-color: #ededed;
}

.liuyan h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 17px;
   margin-top: 0px;
   margin-bottom: 16px;
   color: #2d2d2d;
   text-align: center;
}

.liuyan h3 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 42px;
   font-weight: bold;
   text-align: center;
   color: #2d2d2d;
   margin-top: 0px;
   margin-bottom: 75px;
}

.hzi {
   color: #b81c22;
}

.biao {
   height: auto;
   overflow: hidden;
   margin-bottom: 20px;
}

.biao h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   margin-top: 0px;
   margin-bottom: 14px;
   color: #666666;
}

.kk {
   height: 60px;
   border: 1px solid #d2d2d2;
}


.kk2 {
   border: 1px solid #d2d2d2;
}

.anniu {
   width: 208px;
   height: 54px;
   background-color: #b81c22;
   border: 1px solid #b81c22;
   padding: 0px;
}

/* 产品列表 */
.cpkuai {
   height: auto;
   overflow: hidden;
   padding-top: 40px;
   padding-bottom: 65px;
   background: url(../images/cpbj.jpg) bottom center;
   background-repeat: no-repeat;
   background-size: 100% 1553px;
   background-color: #e4ebf5;
}

.search1 form {
   display: flex;
   height: auto;
   overflow: hidden;
   background-color: #FFFFFF;
   border: 1px solid #f0f0f0;
}

.search1 .search {
   border: 0;
   height: 52px;
   font-size: 18px;
   padding-left: 10px;
   width: 80%;
   color: #777777;
   font-family: 'Aver Italic', Helvetica, Arial, sans-serif;
   border-radius: 0;
}

.search1 .btn {
   height: 52px;
   margin: 0;
   background: #FFFFFF;
   border-radius: 0;
   color: #777777;
   font-size: 18px;
   text-align: center;
   width: 20%;
}

.lielan {
   margin-top: 10px;
   height: auto;
   overflow: hidden;
   font-family: 'ProximaNova-Semibold', Helvetica, Arial, sans-serif;
   line-height: 46px;
   border: 1px solid #ececec;
   padding-left: 75px;
   color: #000000;
   font-size: 20px;
   background: url(../images/cplan.jpg) left;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
}

.hangx {
   margin-top: 10px;
   height: auto;
   overflow: hidden;
   border-left: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
   border-top: 1px solid #ebebeb;
}

.hangx li {
   list-style-type: none;
   height: auto;
   overflow: hidden;
   font-family: 'ProximaNova-Semibold', Helvetica, Arial, sans-serif;
   white-space: nowrap;
   text-overflow: ellipsis;
   border-bottom: 1px solid #ebebeb;
}

.hangx li a {
   display: block;
   line-height: 52px;
   padding-left: 8px;
   color: rgba(0, 0, 0, .8);
   font-size: 18px;
   background-color: #FFFFFF;
   height: auto;
   overflow: hidden;
}

.hangx li a:hover {
   background-color: #f5f5f5;
   transition: all 500ms ease-in 0ms;
}

.hangx li.hover a {
   background-color: #f5f5f5;
   transition: all 500ms ease-in 0ms;
}


.tuijian {
   margin-top: 40px;
   height: auto;
   overflow: hidden;
   border: 1px solid #eeeeee;
   background-color: #FFFFFF;
}

.tj-lan {
   line-height: 45px;
   padding-left: 10px;
   color: #222222;
   font-size: 20px;
   height: auto;
   overflow: hidden;
   border-bottom: 1px solid #eeeeee;
}

.tj-nei {
   height: auto;
   overflow: hidden;
   padding: 20px;
   padding-top: 0px;
}

.tj-nei li {
   list-style-type: none;
   padding-top: 10px;
   padding-bottom: 10px;
   height: auto;
   overflow: hidden;
   border-bottom: 1px solid #eeeeee;
}

.tj-nei-aa {
   width: 35%;
   float: left;
}

.tj-nei-bb {
   width: 55%;
   height: 60px;
   overflow: hidden;
   float: right;
   line-height: 30px;
   color: #565252;
}

.cpyou-lan {
   height: 52px;
   line-height: 52px;
   border-bottom: 1px solid #e9e9e9;
   font-size: 24px;
   color: #222222;
   font-weight: bold;
   margin-bottom: 15px;
}

.cprow {
   margin-left: -10px;
   margin-right: -10px;
   height: auto;
   overflow: hidden;
}

.cpcol4 {
   width: 33.3%;
   float: left;
   padding-left: 10px;
   padding-right: 10px;
}

.cptuk {
   margin-bottom: 30px;
   height: auto;
   overflow: hidden;
   padding: 6px;
   background-color: #FFFFFF;
}

.cptuk:hover {
   background-color: #b81c22;
   transition: all 500ms ease-in 0ms;
}

.cptuk-zi {
   margin-top: 12px;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-bottom: 6px;
   color: #565252;
   line-height: 23px;
}

.cptuk:hover .cptuk-zi {
   color: #FFFFFF;
   transition: all 500ms ease-in 0ms;
}

/* 产品详情 */
.cpnei {
   height: auto;
   overflow: hidden;
   padding: 20px;
   padding-top: 30px;
   background-color: #FFFFFF;
}

.pro-img {
   margin-bottom: 40px;
}

.pro-img .xiaotu {

   margin-top: 20px;

}

.pro-img #Gbig {
   width: 100%;
}

.pro-img .xiaotu li {}

.pro-img .xiaotu li a {
   display: block;
   border: 2px #ddd solid;
   margin: 1px;
}

.pro-img .xiaotu li.hover {
   border: 2px #0e66a6 solid;
}

.pro-img .colmd5 {
   width: 47%;
   float: left;
}

.pro-img .colmd7 {
   width: 48%;
   float: right;
}

.pro-img .colmd7 .pro-ptt {
   font-family: 'Univers Condensed', Helvetica, Arial, sans-serif;
   font-size: 27px;
   font-weight: bold;
   padding: 0px 0px 15px;
   border-bottom: 1px #e8e8e8 solid;
   font-weight: bold;
}

.pro-img .colmd7>span {
   margin-top: 20px;
   margin-bottom: 20px;
   padding-bottom: 45px;
   border-bottom: 1px #e8e8e8 solid;
   display: block;
   color: #515151;
   font-size: 14px;
   line-height: 22px;
   width: 100%;
   word-wrap: break-word;
}

.pro-img .colmd7>span ul {
   list-style-type: disc;
   margin-left: 20px;
}

.pro-img .colmd7 h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 15px;
   margin-top: 0px;
   margin-bottom: 14px;
   color: #515151;
}

.jqzzoom {
   position: relative;
}


.jqzoom {
   position: relative;
   overflow: hidden;
   border: 0px #ddd solid;
   height: auto;
   overflow: hidden;
}

.zoomdiv {
   float: left;
   top: 0 !important;
   left: 101% !important;
   border: 3px solid #e4e4e4;
   display: none;
   text-align: center;
   overflow: hidden;
   position: absolute;
   z-index: 999;
   background-color: #fff;
}

.bigimg {
   width: 1000px;
   height: 715px;
}

.jqZoomPup {
   z-index: 10;
   visibility: hidden;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 80px !important;
   height: 80px !important;
   border: 1px solid #aaa;
   background: #FEDE4F 50% top no-repeat;
   opacity: 0.5;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   filter: alpha(Opacity=50);
   cursor: move;
}




.jqzzoom .navigation {
   width: 100%;
   margin: 10px 0 0;
}

.jqzzoom .carousel {
   overflow: hidden;
}

.jqzzoom .carousel ul {
   width: 2000em;
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 10px;
}

.jqzzoom .prev-navigation,
.next-navigation {
   display: block;
   cursor: pointer;
}

.jqzzoom .prev-navigation {
   background: url(../images/left.gif) left center no-repeat;
   height: 91px;
   width: 39px;
   float: left;
}

.jqzzoom .next-navigation {
   background: url(../images/right.gif) right center no-repeat;
   width: 39px;
   height: 91px;
   float: right;
}

.procem {
   padding: 0px 36px;
   position: relative;
}

#fuwus {
   position: static;
}

.procem .swiper-pagination-bullet-active {
   opacity: 1;
   background: #cf152d;
}

.procem .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 30px;
   height: 30px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   left: 3px;

   background-size: 30px 30px;
   background-position: center;
   background-repeat: no-repeat;
}

.procem .swiper-button-next {
   position: absolute;
   top: 50%;
   width: 30px;
   height: 30px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   right: 3px;

   background-size: 30px 30px;
   background-position: center;
   background-repeat: no-repeat;
}

#xiaotu .swiper-slide a.hover {
   border: 2px #b81c22 solid;
}


.cpxq {
   margin-top: 55px;
   height: auto;
   overflow: hidden;
}

.cpxq-lan {
   height: auto;
   overflow: hidden;
   background-color: #f5f6f6;
   padding-left: 15px;
}

.cpxq-lan li {
   list-style-type: none;
   margin-left: 15px;
   line-height: 52px;
   color: #595959;
   font-size: 16px;
   float: left;
}



#slidingy {
   height: auto;
   overflow: hidden;
}

/* #slidingy span {} */

#slidingy span.menuNo:after {
   width: 0;
   transition: width .3s;
   height: 2px;
   display: block;
   margin: 0 auto;
   content: "";
   background-color: #b81c22;
   transition: all 500ms ease-in 0ms;

}

#slidingy span.menuOn:after {
   width: 100%;
   height: 2px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #b81c22;
   transition: all 500ms ease-in 0ms;

}

#slidingy DIV.slidingList_none {
   display: none
}

#slidingy DIV.slidingList {
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: auto;
   overflow: hidden;
}

.cpxq-nei {
   padding: 25px;
   height: 460px;
   overflow-y: scroll;
   font-size: 15px;
   line-height: 25px;
   color: #515151;
}

.liebiao {
   height: 78px;
   border: 1px solid #ebebeb;
   margin-top: 25px;
}

.liebiao-aa {
   width: 16%;
   height: 78px;
   line-height: 78px;
   text-align: center;
   float: left;
   border-right: 1px solid #ebebeb;
}

.liebiao-bb {
   width: 68%;
   height: 78px;
   line-height: 78px;
   float: left;
   text-align: center;
   color: #919191;
   border-right: 1px solid #ebebeb;
}

.liebiao-bb a {
   color: #919191;
}

.liebiao-cc {
   width: 16%;
   height: 78px;
   line-height: 78px;
   text-align: center;
   float: right;
}

.xiangguan {
   margin-top: 45px;
   height: auto;
   overflow: hidden;
}

.xiangguan h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 17px;
   margin-top: 0px;
   margin-bottom: 32px;
}

.xgtu {
   width: 165px;
   height: auto;
   overflow: hidden;
   background-color: #f5f6f6;
   color: #919191;
}

.xgtu 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;
}

.xgtu:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.xgtu section {
   overflow: hidden;
}

.xiangguan li {
   list-style-type: none;
   float: left;
   padding-right: 42px;
}


.xgtu-zi {
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 25px;
   text-align: center;
   font-size: 14px;
   color: #919191;
}

.xgtu:hover {
   background-color: #b81c22;
   transition: all 500ms ease-in 0ms;
}

.xgtu:hover .xgtu-zi {
   color: #ffffff;
   transition: all 500ms ease-in 0ms;
}

.cphh ul {
   overflow: hidden;
}

.cphh li ul {
   display: none;
}

.cphh li a {
   margin-bottom: 1px;
}

.cphh li {
   list-style-type: none;
}


.cphh li a {
   line-height: 50px;
   display: block;
   padding-left: 20px;
   padding-right: 20px;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   background: #f8f7f7;
   color: #333333;
   transition: all .3s;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -o-transition: all .3s;
}

.cphh li.hover a {
   background: #e34135;
   color: #f8f7f7;
}

.cphh li a:hover {
   background: #e34135;
   color: #f8f7f7;
}

.cphh li li a {
   line-height: 30px;
   background: #ddd;
   padding-left: 32px;
}

.cphh li.hover li a {
   background: #ddd;
   color: #333333;
}

.close {
   opacity: 1;
   filter: alpha(opacity=100);
}

.procem .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: 0;
}

.inquiry {
   height: auto;
   overflow: hidden;
   margin-top: 30px;
}

.inquiry h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 17px;
   padding-bottom: 10px;
   border-bottom: 1px solid #eeeeee;
   margin-top: 0px;
   margin-bottom: 15px;
}

.kka {
   height: 40px;
   background-color: #f2f2f2;
   border: 1px solid #eeeeee;
   border-radius: 0;
}

.kkb {
   height: auto;
   overflow: hidden;
   background-color: #f2f2f2;
   border: 1px solid #eeeeee;
   border-radius: 0;
}

.biaow {
   height: auto;
   overflow: hidden;
   margin-bottom: 15px;
}

.biaow h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #666666;
}

.anniuw {
   width: 200px;
   height: 40px;
   background-color: #b40012;
   border: 1px solid #b40012;
   padding: 0px;
}


.liuyank {
   position: fixed;
   right: 15px;
   bottom: -100%;
   z-index: 99;
   overflow: hidden;
   border-radius: 8px 8px 0px 0px;
   width: 300px;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
   transition: .2s;
}

.liuyan-show {
   bottom: 0;
}

.liuyank h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #0057aa;
   padding: 0px 0px 0px 15px;
   margin: 0px;
   color: #fff;
}

.liuyank h3 p {
   font-size: 1.4rem;
   font-family: DIN-Medium;
   line-height: 40px;
   margin: 0px;
}

.liuyank h3 small {
   padding: 0px 15px;
   cursor: pointer;
   transition: .3s;
}

.liuyank h3 small.small {
   transform: rotateX(180deg);
}

.liuyank h3 small:hover {
   background: #02417b;
}

.liuyank h3 i {
   font-size: 1.4rem;
   line-height: 40px;
   color: #fff;
}


.liuyank form {
   padding: 20px 20px 30px;
   display: none;
   background: #fff;
}

.liuyank form input {
   width: 100%;
   border: 1px rgba(0, 0, 0, .1) solid;
   padding: 6px 15px;
   line-height: 20px;
   font-size: 1.2rem;
   font-family: Avenir-Roman;
   margin-bottom: 10px;
   outline: none;
   border-radius: 17px;
   height: 34px;
}

.liuyank form textarea {
   width: 100%;
   border: 1px rgba(0, 0, 0, .1) solid;
   padding: 6px 15px;
   line-height: 20px;
   font-size: 1.2rem;
   font-family: Avenir-Roman;
   margin-bottom: 15px;
   outline: none;
   resize: none;
   border-radius: 17px;
}

.liuyank form button {
   width: 100%;
   height: 40px;
   border-radius: 20px;
   background: #d7181f;
   color: #fff;
   font-family: DIN-Medium;
   font-size: 1.4rem;
   border: 0;
   outline: none;
   text-transform: uppercase;
}

.navbar-right .dropdown-menu {
   right: -35px;
}


@media (min-width: 1200px) and (max-width: 1600px) {
   .header_nav{padding-left: 5%;}
   .hzkuan {
      width: 100%;
   }
  .logo{margin-left: 10px;}
  .logo img{ height:65px; }
  .navbar-brand{margin-top:10px; }
  .header_nav li>a{font-size:16px}
  .header_nav li{margin-left: 30px;}
   .qhlm{
         height: 600px;
         overflow-y:auto;
   }
   .nav {
      padding-left: 120px;
   }

   .navbar-nav>li>a {
      padding-left: 20px;
      padding-right: 20px;
   }

   .cplan-bb li {
      list-style-type: none;
      float: left;
      margin-right: 50px;
   }

}


@media (min-width: 1200px) and (max-width: 1400px) {
   .header_nav{padding-left:0}
   .kuanping {
      width: 100%;
   }

   .xwkuan {
      width: 100%;
   }

   .hzkuan {
      width: 100%;
   }

   .nav {
      padding-left: 80px;
   }

   .navbar-nav>li>a {
      padding-left: 12px;
      padding-right: 12px;
   }

   .qhtu-nn-t {
      padding-top: 50px;
      height: 510px;
   }

   .qhlm {
      margin-top: 35px;
      height: 310px;
      /* overflow: hidden; */
      overflow-y: auto;
   }

   .cplan-bb li {
      list-style-type: none;
      float: left;
      margin-right: 35px;
   }

}


@media (min-width: 0px) and (max-width: 768px) {
 .header_nav{display:none}
   .navbar-nav>li>a {
      padding: 10px 20px;
      line-height: 20px;
   }

   .nav {
      padding-left: 0px;
   }


   .kuanping {
      width: 100%;
   }

   .hzkuan {
      width: 100%;
   }

}