@font-face {
  font-family:'lianmeng';
  src: url('../font/lianmeng.TTF');/*IE*/
}

 @font-face {
   font-family:'youshe';
   src: url('../font/youshe.ttf');/*IE*/
 }
 @font-face {
     font-family:'CenturyGothicbold';
     src: url('../font/CenturyGothic.woff');/*IE*/
 }

 .title{
   margin-bottom:2.5vw;
 }
.title>h3{
  font-family: lianmeng;
  font-size: 32px;
}
.title>small{
  font-size: 14px;
  color: #434343;
  text-transform: uppercase;
}
.bg-color {
  background: #fff;
}
.head{
  position: absolute;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
}
 .headfix .nav_right b{
   position: fixed;
 }

.head .warpper{
  display:flex;
  justify-content: space-between;
  align-items: center;
  height: 113px;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}

 .loadpic{
     background:#fff;
     width:100%;
     height:100%;
     position:fixed;
     top:0;
     left:0;
     right:0;
     text-align: center;
     z-index: 10000;
 }
 .loadpic div{
     position: absolute;
     width:834px;
     height: 206px;
     left:50%;
     top:50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     overflow: hidden;
     background: url("../images/loadlogo.png") no-repeat left top;
 }
 .loadpic small{
     display: block;
     width:100%;
     background: url("../images/loadlogos.png") no-repeat left top;
     height: 100%;
 }

 @keyframes load {
     0%{
         height: 100%;
     }

     100%{
         height: 0%;
     }
 }
 @-webkit-keyframes load {
     0%{
         height: 100%;
     }

     100%{
         height: 0%;
     }
 }
 .useload{
     -webkit-animation: load 1.5s infinite linear;
     animation: load 1.5s infinite linear;
     -moz-animation: load 1.5s infinite linear;
 }


.load_logo{
    opacity: 0;
}

.logo{
  display:flex;
  align-items: center;
}
.head .logo>img{
  float:left;
  max-height:68px;
}
.logo_des{
  margin-left:19px;
}
.logo_des h1{
  color: #fff;
  font-weight: bold;
  font-size: 27px;
  line-height: 29px;
}
.logo_des small{
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
 .nav_right{
   display:flex;
   justify-content: flex-end;
  align-items: center;
 }
 .nav_right small{
   color: #fff;
   font-weight: bold;
   font-size: 20px;
   line-height: 44px;
   display: block;
   padding-left:113px;
   background: url(../images/24h.png) no-repeat left center;
   margin-right:23px;
 }
 .nav_right b{
   display: block;
   position: relative;
   width: 63px;
   height: 63px;
   line-height: 63px;
   text-align: center;
   cursor: pointer;
 }
 .nav_right b img{
   position: absolute;
   top:calc(50% - 9.5px);
   left:calc(50% - 9.5px);
 }
 .nav_right b i{
   animation: scalecir 2s linear 0s infinite alternate;
   background: rgba(0, 87, 194, 0.36);
 }
 .nav_right b i, .nav_right b i:before{
   display:block;
   position: absolute;
   left:50%;
   top:50%;
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   width:100%;
   height: 100%;
   border-radius: 50%;
 }
 .nav_right b i:before{
   content: '';
   width:80%;
   height: 80%;
   background: #0057c2;
   animation: scalecir 2s linear 1s infinite alternate;
 }

 @keyframes scalecir {
   0%{
     -webkit-transform: translate(-50%,-50%) scale(1);
     -moz-transform: translate(-50%,-50%) scale(1);
     -ms-transform: translate(-50%,-50%) scale(1);
     -o-transform: translate(-50%,-50%) scale(1);
     transform: translate(-50%,-50%) scale(1);
   }
   100%{
     -webkit-transform: translate(-50%,-50%) scale(1.1);
     -moz-transform: translate(-50%,-50%) scale(1.1);
     -ms-transform: translate(-50%,-50%) scale(1.1);
     -o-transform: translate(-50%,-50%) scale(1.1);
     transform: translate(-50%,-50%) scale(1.1);
   }
 }
 @-webkit-keyframes scalecir{
   0%{
     -webkit-transform: translate(-50%,-50%) scale(1);
     -moz-transform: translate(-50%,-50%) scale(1);
     -ms-transform: translate(-50%,-50%) scale(1);
     -o-transform: translate(-50%,-50%) scale(1);
     transform: translate(-50%,-50%) scale(1);
   }
   100%{
     -webkit-transform: translate(-50%,-50%) scale(1.05);
     -moz-transform: translate(-50%,-50%) scale(1.05);
     -ms-transform: translate(-50%,-50%) scale(1.05);
     -o-transform: translate(-50%,-50%) scale(1.05);
     transform: translate(-50%,-50%) scale(1.05);
   }
 }

 /*menushow_pc*/
.menushow{
  background: url("../images/menubg.jpg") no-repeat center;
  background-size:cover;
  position: fixed;
  height: 100%;
  top:0;
  right:0;
  width: 0;
  z-index: 100000;
  -webkit-transition: 600ms 350ms width ease;
  -moz-transition: 600ms 350ms width ease;
  -ms-transition: 600ms 350ms width ease;
  -o-transition: 600ms 350ms width ease;
  transition: 600ms 350ms width ease;
  overflow: hidden;
}
#particles-js{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}
.menushowopen{
  width: 100%;
  transition-property: width;
  transition-duration:1s;
  transition-delay:0s;
  transition-timing-function:ease;
  /*-webkit-animation: menushowopenstyle 2s linear 300ms forwards;*/
}
.menushowopen #particles-js{
  width:3000px;
  height: 1000px;
}

 .menushow .warpper{
     display: flex;
     justify-content: space-between;
     margin-top: 10%;
     position: relative;
  opacity: 0;
   -webkit-transition: 300ms 0s opacity ease;
   -moz-transition: 300ms 0s opacity ease;
   -ms-transition: 300ms 0s opacity ease;
   -o-transition: 300ms 0s opacity ease;
   transition: 300ms 0s opacity ease;
}
.menushowopen .warpper{
  opacity: 1;
  -webkit-transition: 1s 1s opacity ease;
  -moz-transition: 1s 1s opacity ease;
  -ms-transition: 1s 1s opacity ease;
  -o-transition: 1s 1s opacity ease;
  transition: 1s 1s opacity ease;
}
 @keyframes menushowopenstyle {
   0%{
     opacity: 0;
     width: 0;
   }
   70%{
     opacity: 0.8;
     width: 100%;
   }
   100%{
     opacity: 1;
     width: 100%;
   }
 }

 .menushow .warpper>.close{
   position: absolute;
   right:0;
   bottom:110%;
   text-align: center;
   cursor: pointer;
 }
 .close div{
   width: 38px;
   height: 38px;
   margin:0 auto;
   position: relative;
 }
 .close i{
   background: #fff;
   width: 3px;
   height: 38px;
   display: block;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   left:19px;
   top:0;
 }
 .closestyle i{
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 .close>span{
   color: #fff;
   font-size: 16px;
 }
 .close i:nth-of-type(2){
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .close>p{
   font-size: 16px;
   color: #fff;
 }
.choses1>div>i:first-of-type{
  -webkit-animation: closestyle01 300ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 animation: closestyle01 300ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
 .choses1>div>i:nth-of-type(2){
   -webkit-animation: closestyle02 300ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
   animation: closestyle02 300ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }
 @keyframes closestyle01 {
   0%{
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     opacity: 1;
   }
   70%{
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0.8;
   }
   100%{
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }
 }
 @keyframes closestyle02 {
   0%{
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     opacity: 1;
   }
   70%{
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0.8;
   }
   100%{
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }
 }

.menu_right{
  width: 837px;
}
.menu_right ul li{
  float:left;
  width:202px;
  height: 317px;
  margin-right: 115px;
  border-top: 2px solid rgba(255, 255, 255, 0.41);
}
 .menu_right ul li:nth-of-type(3n){
   margin-right: 0;
 }
 .menu_right ul li h3{
     font-size: 24px;
   font-weight: bold;
   line-height: 74px;
   color: #fff;
 }
 .menu_right ul li h3>a{
     font-size: 24px;
     font-weight: bold;
     color: #fff;
 }
 .menu_right ul li div{
   width: 100%;
 }
 .menu_right ul li div>a{
   color: #fff;
   display: inline-block;
   margin-bottom: 13px;
   font-size: 14px;
   -webkit-transition: 300ms 0s all ease;
   -moz-transition: 300ms 0s all ease;
   -ms-transition: 300ms 0s all ease;
   -o-transition: 300ms 0s all ease;
   transition: 300ms 0s all ease;
   position: relative;
   overflow: hidden;
 }
 .menu_right ul li div>a:before{
   position: absolute;
   left:0;
   bottom:4px;
   height: 6px;
   width:100%;
   display: block;
   content: '';
   background: #2bf0f4;
   transform-origin: 100%;
   -webkit-transform-origin: 100%;
   -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1);
   transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1);
   transition: transform .6s cubic-bezier(.4,0,.2,1);
   transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
   transform: scaleX(0);
   -webkit-transform: scaleX(0);
   visibility: hidden\9;
 }
 .menu_right ul li a:hover:before, .menu_right ul li a.heightin:before{
   transform: scaleX(1);
   -webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
   transform-origin: 0;
   -webkit-transform-origin: 0;
   visibility: visible\9;
 }
 .menu_right ul li a span{
   position: relative;
 }


 .menu_left{
   position: relative;
 }
 .menu_left>h2{
  color: #fff;
  font-size: 58px;
  font-family:"youshe";
  line-height: 40px;
  text-transform: uppercase;
}
 .menu_left>div{
   margin-top: 38%;
 }
.menu_left>div>h4{
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
}
.menu_left>div>small{
  font-size: 16px;
  color: #fff;
}
 .menu_left>p{
   font-size: 14px;
   color: #ffffff;
   position: absolute;
   bottom:0;
   left:0;
 }
 .menu_left>p a{
     font-size: 14px;
     color: #fff;
 }

 .menu_lx span{
  background-color: #ffffff;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  text-align: center;
  background-repeat: no-repeat;
  background-image:url("../images/css_sprites.png");
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  display: block;
}
 .menu_lx{
   float: right;
 }
 .menu_lx>div{
   float:left;
   margin-left: 19px;
   position: relative;
   cursor: pointer;
 }
 .menu_lx>div>div{
   display: none;
   position: absolute;
   right: 130%;
   bottom: -33px;
   width: 120px;
   height: 120px;
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding:10px;
 }
 .menu_lx>div>div:before{
   display: block;
   content: '';
   position: absolute;
   right:-9px;
   top:45%;
   border-left:10px solid #fff;
   border-top:10px solid transparent;
   border-bottom:10px solid transparent;
 }
 .menu_lx>div>div img{
   width: 100%;
 }
 .menu_lx>span{
   float:left;
   cursor: pointer;
   margin-left: 19px;
 }
 .menu_lx div span{
   background-position: 0 2px;
 }

 .menu_lx span:hover{
   background-color:#0057c2;
 }
 .menu_lx div:hover span{
   background-position: 0px -34px;
 }
 .menu_lx>span:first-of-type{
   background-position:-34px 2px;
 }
 .menu_lx>span:nth-of-type(2){
   background-position: -81px 3px;
 }
 .menu_lx>span:first-of-type:hover{
   background-position: -34px -34px;
 }
 .menu_lx>span:nth-of-type(2):hover{
   background-position: -81px -34px;
 }

.nav-bar{
  width: 735px;
  display:flex;
  justify-content: space-between;
}
.nav-bar li{
  position: relative;
  height: 110px;
}
.nav-bar li>a{
  color: #434343;
  font-size: 18px;
  line-height: 110px;
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
  transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
}
 .nav-bar li:hover>a, .nav-bar li.active>a{
   color: #003d8c;
 }
.subnav{
  display:none;
  position: absolute;
  top:100%;
  left:0;
  color: #333;
  background: #636363;
  z-index: 10;
}
.subnav a{
  display: block;
  line-height: 45px;
  min-width: 160px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:10px;
  padding-right:10px;
  position: relative;
  color: #fff;
  overflow: hidden;
  perspective: 300px;
  transform-style: preserve-3d;
}
 .subnav a span{
   position: relative;
 }
.subnav a:before{
  display: block;
  content: '';
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  background: #0160b4;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotateX(-100deg);
  -moz-transform: rotateX(-100deg);
  -ms-transform: rotateX(-100deg);
  -o-transform: rotateX(-100deg);
  transform: rotateX(-100deg);
  transform-origin: center bottom 0;
  -webkit-transform-origin: center top 0;
  z-index: 0;
}
 .subnav a:hover:before{
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
 }

 .nav-bar li>a:after{
   display: block;
   content: '';
   position: absolute;
   width:100%;
   height: 4px;
   background: #003d8c;
   left:0;
   bottom:0px;
   transform-origin: 100%;
   -webkit-transform-origin: 100%;
   -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
   transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
   transition: transform .3s cubic-bezier(.4,0,.2,1);
   transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
   transform: scaleX(0);
   -webkit-transform: scaleX(0);
 }

 .nav-bar li:hover>a:after, .nav-bar li.active>a:after{
   transform: scaleX(1);
   -webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
   transform-origin: 0;
   -webkit-transform-origin: 0;
 }




.banner {
  position: relative;
}
#bannerSwiper{
  width: 100%;
}
.indexbanner{
  width: 100%;
  height: 100%;
}
#bannerSwiper a, #bannerSwiper2 a{
   position: relative;
   width:100%;
   height:100%;
   display:block;
   overflow: hidden;
 }
#bannerSwiper img,#bannerSwiper2 img{
  position: absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
 .indexbanner .swiper-slide {
   position: relative;
   height: 100%;
   overflow: hidden;
 }


 #bannerSwiper .slide-inner {
   display:block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-size: cover;
   background-position: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   color:#fff;
 }
.scrolldown{
  position: absolute;
  bottom:2vw;
  left:50%;
  cursor:pointer;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
}
.scrolldown span{
  border: 2px solid #fff;
  width: 20px;
  height: 32px;
  display: block;
  margin: 0px auto 14px;
  border-radius: 16px;
  position: relative;
}
 .scrolldown span:after{
   display: block;
   content: '';
   width: 3px;
   height: 7px;
   border-radius: 1px;
   display: block;
   background-color: #fff;
   position: absolute;
   left: 50%;
   margin-left: -1px;
   top: 5px;
   -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
   animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
 }
 @keyframes mouse-dot {
   from { opacity: 0; }
   33% { opacity: 1; }
   to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
 }
 @-webkit-keyframes mouse-dot {
   from { opacity: 0; }
   33% { opacity: 1; }
   to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
 }
 .scrolldown b{
   color: #fff;
   font-size: 16px;
   font-weight: normal;
 }




 /*phone_nav*/

 .nav_menu{
   float:right;
   position: relative;
   display: block;
   width: 34px;
   height: 30px;
   margin-top: 18px;
   margin-left: 24px;
 }

 .nav_menu i{
   width: 34px;
   height: 2px;
   background-color: #282828;
   display: block;
   position: absolute;
   right: 0;
   transition: all .5s;
   -o-transition: all .5s;
   -ms-transition: all .5s;
   -moz-transition: all .5s;
   -webkit-transition: all .5s;
 }
 .nav_menu .a1{top:0;}
 .nav_menu .a2{top:10px;}
 .nav_menu .a3{top:20px;}
 .nav_menu_click .a1{
   top: 10px;
   width: 34px;
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .nav_menu_click .a2{    display: none;}
 .nav_menu_click .a3{
   top: 10px;
   width: 34px;
   transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
 }
 .menu{
   background: #1a1a1a;
   box-shadow:0 0 10px #3e3e3e;
   width:0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: fixed;
   z-index: 1000;
   right:0;
   top:76px;
   height: 100%;
   -webkit-transition: 400ms 0s all ease;
   -moz-transition: 400ms 0s all ease;
   -ms-transition: 400ms 0s all ease;
   -o-transition: 400ms 0s all ease;
   transition: 400ms 0s all ease;
 }
 .menu>a{
   display: block;
   color: #fff;
   padding: 10px 15px 10px 80px;
   background: url(../images/back.png) no-repeat 45px center;
   text-align: left;
   margin-top: 38px;
   margin-bottom: 20px;
   -webkit-transition: 400ms 0s all ease;
   -moz-transition: 400ms 0s all ease;
   -ms-transition: 400ms 0s all ease;
   -o-transition: 400ms 0s all ease;
   transition: 400ms 0s all ease;
 }
 #NavStyle{
   background-color: #0160b4;
 }
 .menu ul{
   border-right: 3px solid #0160b4;
 }
 .menu ul li a{
   font-size: 14px;
   color: #fff;
   font-weight: lighter;
   line-height: 40px;
   height: 40px;
   display: block;
   width: 100%;
   padding-left: 70px;
   text-align: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
 }
 .menu ul li a:before{
   position: absolute;
   right:0;
   top:0;
   height: 100%;
   content: '';
   width: 0;
   z-index: -1;
   background: #0160b4;

   -webkit-transition: 400ms 0s all ease;
   -moz-transition: 400ms 0s all ease;
   -ms-transition: 400ms 0s all ease;
   -o-transition: 400ms 0s all ease;
   transition: 400ms 0s all ease;
 }
 .menu ul li a:hover:before{
   width: 100%;
 }
 #thyNavStyle:before{
   width:100%;
 }








#main {
  overflow: hidden;
}
.img_jz{
  display: block;
  position: relative;
  overflow: hidden;
}
.img_jz>img{
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}


/*project*/
.title>h4{
  color: #3a3a3a;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.title>h2{
  color: #3a3a3a;
  font-size: 32px;
  font-weight: bold;
}
.project .warpper{
  display:flex;
  justify-content: space-between;
}
 .project .warpper>div{
   padding:7vw 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
.project_left{
  width: 22%;
  height: 100%;
    border-right:2px solid #e8e8e8;
}
 .project_left>small{
  font-size: 14px;
  color: #707070;
  display: block;
  width: 92%;
  line-height: 30px;
}
 .project_left>small:first-of-type{
   margin-top: 8.5vw;
 }
 .project_left>small:nth-of-type(2){
   margin-bottom:10.5vw;
 }
 .project_left>a{
   width: 53%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding-right: 26px;
   font-size: 14px;
   color: #3a3a3a;
   background: url("../images/morejt.png") no-repeat right center;
   -webkit-transition: 350ms 0s all ease;
   -moz-transition: 350ms 0s all ease;
   -ms-transition: 350ms 0s all ease;
   -o-transition: 350ms 0s all ease;
   transition: 350ms 0s all ease;
   line-height: 45px;
   display: block;
 }
 .project_left>a:hover{
   color: #0f60d2;
 }

.project_right{
  width:78%;
  height: 100%;
  position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2vw!important;
}
.swiperproject{
  height: 30.5vw;
  border-bottom: 2px solid #e8e8e8;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.project_right>.swiper-pagination{
  position: absolute;
  width: 96%;
  right:0;
  top: 43vw;
  height: 3px;
}
.swiperproject .swiper-slide a{
  display: block;
  width:100%;
  height: 100%;
}
 .swiperproject .swiper-slide a img{
   min-width: 100%;
     max-width: inherit;
     max-height: initial;
     height: 100%;
 }
 .swiperproject .swiper-slide a h3{
   font-size: 24px;
   color: #3a3a3a;
   font-weight: bold;
   width:100%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 .swiperproject .swiper-slide a small{
   font-size: 12px;
   color: #3a3a3a;
     display: block;
     width: 100%;
     height: 30px;
   font-weight: lighter;
   text-transform: uppercase;
 }
 .swiperproject .swiper-slide a b{
   width: 100%;
   height: 16.46vw;
   margin-top:2.3vw;
   margin-bottom: 2.8vw;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
 }
 .swiperproject .swiper-slide a:hover b img{
     -webkit-transform: translate(-50%,-50%) scale(1.05);
     -moz-transform: translate(-50%,-50%) scale(1.05);
     -ms-transform: translate(-50%,-50%) scale(1.05);
     -o-transform: translate(-50%,-50%) scale(1.05);
     transform: translate(-50%,-50%) scale(1.05);
 }
 .swiperproject .swiper-slide a span{
   font-size: 14px;
   color: #3a3a3a;
   background: url("../images/jt.png") no-repeat right center;
   padding-right:33px;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
 }
 .swiperproject .swiper-slide a:hover span{
     color: #1065d3;
     padding-right: 40px;
 }


 /*company*/
 .company{
   background: url("../images/combg.jpg") no-repeat center;
 }
.company .warpper{
  height: 969px;
  display:flex;
  align-items: center;
}
.com_left{
  width: 39%;
}
.company .com_left>small{
  font-size: 16px;
  color: #fff;
  display: block;
  width: 100%;
}
.company .com_left>h2{
  background: url("../images/comlogo.png") no-repeat right center;
  padding-right:200px;
  color: #fff;
  font-weight: bold;
  font-size: 58px;
  display:inline-block;
  line-height: 123px;
}
 .company .com_left>p{
   font-size: 16px;
   line-height: 28px;
   color: #fff;
 }
 .company .com_left>a{
     margin-top: 2vw;
     margin-bottom: 4vw;
 }
.more01{
   width: 151px;
   height: 42px;
   line-height: 42px;
   border:2px solid #fff;
   border-radius: 22px;
   text-align: center;
   display: block;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
     position: relative;
     overflow: hidden;
 }
.more01:hover{
     border:2px solid transparent;
 }
.more01:before{
     display:block;
     content: '';
     position: absolute;
     left:0;
     bottom:0;
     width:100%;
     height: 0;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
     background:#0f60d2; /* 一些不支持背景渐变的浏览器 */
     background:-moz-linear-gradient(-75deg, #2cf4f5, #0012be);
     background:-webkit-linear-gradient(-75deg,#2cf4f5,#0012be);
     background:-o-linear-gradient(-75deg, #2cf4f5, #0012be);
 }
.more01:hover:before{
     height: 100%;
 }

 .more01 span{
     position: relative;font-size: 14px;
   color: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding-right:60px;
   background: url("../images/comjt.png") no-repeat right center;
   width:95%;
   margin:0 auto;
 }
 .company .com_left>div{
   position: relative;
   height: 294px;
   width: 480px;
   display:flex;
   align-items: center;
 }
 .company .com_left>div>img{
   position: absolute;
   left:50%;
   top:50%;
   width:100%;
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
     z-index:1;
 }

 .company .com_left>div>div{
   position: relative;
   left:5%;
     z-index: 3;
 }
 .company .com_left>div>div>h4{
   color: #fff;
   font-size: 23px;
   font-weight: bold;
   display: block;
   width: 100%;
 }
 .company .com_left>div>div>small{
   color: #fff;
   font-size: 12px;
   display: block;
   text-transform: uppercase;
   width: 100%;
   margin-bottom: 15px;
 }
 .company .com_left>div>div>p{
   color: #fff;
   font-size: 16px;
   width: 100%;
 }
.com_video>b{
  display: block;
  position: absolute;
  bottom:0;
  left:100%;
  background: #fff url("../images/com_play.png") no-repeat center;
  width: 80px;
  height: 80px;
    cursor: pointer;
}
.com_video:before{
    display: block;
    content: '';
    position: absolute;
    left:0;
    height: 101%;
    top:-1px;
    width: 0;
    background:#0f60d2; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(0deg, #0f60d2, transparent);
    background:-webkit-linear-gradient(0deg,#0f60d2,transparent);
    background:-o-linear-gradient(0deg, #0f60d2,transparent);
    z-index: 2;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
 .com_video:hover:before{
     width: 100%;
 }

 /*industry*/
 .industry{
     padding:5.5vw 0;
     background:url("../images/casebgjpg.jpg") no-repeat center;
 }
.indus_top .title{
   float:left;
}
.indus_top>a{
    float:right;
    margin-top: 12px;
}
.more_btn{
    display: block;
    width: 163px;
    height: 52px;
    line-height: 52px;
    border:1px solid #575757;
    border-radius:26px;
    position: relative;
    overflow: hidden;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
    text-align: center;
}
 .more_btn:hover{
    border:1px solid transparent;
 }
.more_btn:before{
    position: absolute;
    display: block;
    content: '';
    left:0;
    bottom:0;
    width:100%;
    height: 0;
    background:#0f60d2; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(-75deg, #2cf4f5, #0012be);
    background:-webkit-linear-gradient(-75deg,#2cf4f5,#0012be);
    background:-o-linear-gradient(-75deg, #2cf4f5, #0012be);
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
.more_btn:hover:before{
    height: 100%;
}
.more_btn span{
    position: relative;
    font-size: 18px;
    color: #4b4b4b;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}

 .more_btn:hover span{
     color: #fff;
 }

.indus_bom a{
    float:left;
    background: rgba(255, 255, 255, 0.8);
    margin-right:1.1%;
    margin-bottom: 1.1vw;
    width: 21.2%;
    height: 13.7vw;
}
.indus_bom a:first-of-type{
    width:33%;
    height: 28.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px;
}
 .indus_bom a:nth-of-type(4),.indus_bom a:last-of-type{
     margin-right: 0;
 }
 .indus_bom a:first-of-type b{
     width:100%;
     height: 59.5%;
     margin-bottom: 4%;
 }
 .indus_bom a:first-of-type b img{
     min-width: 100%;
 }
.indus_text>h4{
    font-weight: bold;
    font-size: 20px;
    color: #2f2f2f;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
 .indus_bom a:hover .indus_text>h4{
     color: #0057c2;
 }
.indus_text>p{
    font-size: 14px;
    color: #949494;
    line-height: 37px;
}
.indus_text>small{
    font-size: 14px;
    color: #5b5b5b;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
 .indus_text>span{
     display: inline-block;
     margin-top: 20px;
     font-size: 14px;
     color: #6f6f6f;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
     position: relative;
     overflow: hidden;
     height: 30px;
     line-height: 30px;
 }
 .indus_text>span:before{
     border-radius: 50%;
     background: #0f60d2;
     display: block;
     content: '';
     position: absolute;
     left:-30px;
     top:50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     width:30px;
     height:30px;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
 }
 .indus_bom a:hover .indus_text>span:before{
     left:-15px;
 }
 .indus_bom a:hover .indus_text>span{
     padding-left: 20px;
 }

 .indus_text>span i{
     font-style: normal;
     background:url("../images/indus_icon.png") no-repeat right center;
     position: relative;
     padding-right:43px;
 }
.indus_right{
    display:flex;
    align-items: center;
    justify-content: center;
}
.indus_right .indus_text{
    width: 76%;
}
 .indus_bom a.indus_right:hover{
     background: #0057c2;
 }

 .indus_bom a.indus_right:hover .indus_text h4, .indus_bom a.indus_right:hover .indus_text p, .indus_bom a.indus_right:hover .indus_text span{
     color: #fff;
 }
 .indus_bom a.indus_right:hover .indus_text span i{
     background:url("../images/indus_icons.png") no-repeat right center;
 }

 /*coop*/
.coop{
    background: url("../images/coopbg.jpg") no-repeat center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:6.5vw 0;
    position: relative;
    overflow: hidden;
    height: 967px;
    text-align: center;
}
.coop #particles-js{
    position: absolute;
    width:2000px;
    height: 960px;
}
.coop:before{
    display: block;
    content: 'RUIHENG';
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: rgba(0, 87, 194, 0.16);
    font-size: 378px;
    font-family: youshe;
}
.cooptext{
    width: 379px;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cooptext>h3{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
.cooptext>small{
    font-size: 16px;
    color: #fff;
    display: block;
    margin-top: 10px;
    margin-bottom:25px;
}
.cooptext a{
    margin:0 auto;
}
.cooppic{
    position: absolute;
    border-radius: 50%;
    background: #fff;
    z-index: 5;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    animation-name:coopjump;
    animation-duration:1s;
    animation-timing-function:ease;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
@keyframes coopjump {
    0%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }
}
.cooppic img{
    width: 100%;
}
 .coop .cooppic:first-of-type{
    top:20%;
    left:5%;
    width: 100px;
    height: 100px;
}
 .coop .cooppic:nth-of-type(2){
     top:70%;
     left:3%;
     width: 80px;
     height: 80px;
 }
 .coop .cooppic:nth-of-type(3){top:47%;     left:74%;     width: 139px;     height: 139px; }
 .coop .cooppic:nth-of-type(4){top:14%;     left:33%;     width: 126px;     height: 126px; }
 .coop .cooppic:nth-of-type(5){top:62%;     left:19%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(6){top:15%;     left:73%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(7){top:33%;     left:63%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(8){top:21%;     left:51%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(9){top:55%;     left:12%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(10){top:33%;     left:21%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(11){top:72%;     left:33%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(12){top:66%;     left:87%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(13){top: 72%;left: 55%;width: 90px;     height: 90px ;}
 .coop .cooppic:nth-of-type(14){top:30%;     left:87%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(15){top:77%;     left:71%;     width: 80px;     height: 80px; }

 .coop .cooppic:nth-of-type(16){top:88%;     left:3%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(17){top:74%;     left:11%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(18){top:28%;     left:13%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(19){top:47%;     left:3%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(20){top:28%;     left:71%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(21){top:15%;     left:63%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(22){top:52%;     left:58%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(23){top:15%;     left:86%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(24){top:20%;     left:19%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(25){top:65%;     left:65%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(26){top:39%;     left:29%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(27){top:86%;     left:11%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(28){top:81%;     left:20%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(29){top:65%;     left:76%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(30){top:77%;     left:81%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(31){top:88%;     left:86%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(32){top:88%;     left:65%;     width: 80px;     height: 80px; }
 .coop .cooppic:nth-of-type(33){top:78%;     left:44%;     width: 80px;     height: 80px; }

.cooppic:hover{
    box-shadow: 0 0 10px #ddd;
}

/*news*/
 .news{
     padding:4vw 0;
 }
.newscont{
    position: relative;
    padding-bottom:3.6vw;
}
.newscont .swipernews{
    width: 100%;
    height: 100%;
}
.newscont .swiper-pagination{
    position: absolute;
    width:100%;
    height: 4px;
    bottom: 0;
}
.swipernews a b{
    width: 100%;
    height: 14.8vw;
}
 .swipernews a b img{
     min-height:100%;
     width: 100%;
 }
 .newstext{
     background: #f3f3f3;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding:20px 24px;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
 }
 .swipernews a:hover .newstext{
     background: #0057c2;
 }
.newstext h3{
    font-size: 18px;
    color: #2f2f2f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
.newstext>small{
    font-size: 14px;
    color: #7a7a7a;
    margin-top: 15px;
    line-height: 23px;
    min-height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
.news_date>span{
    float:left;
    font-size: 14px;
    color: #7a7a7a;
}
.news_date>i{
    float:right;
    font-size: 14px;
    color: #7a7a7a;
}
 .swipernews a:hover .newstext h3{
     color: #fff;
 }
 .swipernews a:hover .newstext>small, .swipernews a:hover .newstext .news_date>span, .swipernews a:hover .newstext .news_date>i{
     color: #92b7e4;
 }


 /*message*/
 .indexmsg{
     padding:4.5vw;
     background:url("../images/msgbg.jpg") no-repeat center;
 }

.indexmsg form>input,.indexmsg form textarea,.indexmsg .code{
    background: #ffffff;
    padding-left:17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 17.7%;
    float:left;
    height: 58px;
    line-height: 58px;
    margin-right:1.07%;
    font-size: 14px;
    color: #4b4b4b;
}
.indexmsg form input::placeholder,.indexmsg form textarea::placeholder{
    font-size: 14px;
    color:#4b4b4b;
}
 .indexmsg form textarea{
     width:28.7%;
 }
.indexmsg .code input{
    float:left;
    width: 60%;
    height: 100%;
}
 .indexmsg .code .verify{
     float:right;
     width: 40%;
     height: 100%;
 }
 .indexmsg .code .verify img{
    width:100%;
     height: 100%;
 }
 .indexmsg .submit{
    float:right;
    font-size: 16px;
    color: #fff;
    background: #0057c2;
    width: 13.9%;
    text-align: center;
    height: 58px;
     line-height: 58px;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
}
 .indexmsg .submit:hover{
     background:#0f60d2; /* 一些不支持背景渐变的浏览器 */
     background:-moz-linear-gradient(-75deg, #2cf4f5, #0012be);
     background:-webkit-linear-gradient(-75deg,#2cf4f5,#0012be);
     background:-o-linear-gradient(-75deg, #2cf4f5, #0012be);
 }


/*footer*/

.footer {
  background:#111111;
    overflow: hidden;
    position: relative;
    padding-top:6vw;
    padding-bottom: 14vw;
}
#fotstar{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 35%;
}
.footer>.warpper,.fotmid{
    position: relative;
    z-index: 99;
    margin-top:1vw;
}
.fot_top h3{
  color: #fff;
  font-size: 18px;
  margin-bottom: 25px;
  font-weight: bold;
}
.fot_left{
  float:left;
  width: 13.3%;
}
.fot_left a{
  font-size: 14px;
  color: #818181;
  margin-bottom:13px;
  display:block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
    cursor: pointer;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
 .fot_left a:hover{
     color: #fff;
 }
.fot_right .more01{
    background: #0d54cf;
    border:2px solid transparent;
    margin-top: 3vw;
}
 .fot_right .more01 span{
     background: none;
     color: #fff;
     text-align: center;
     width: 100%;
     padding-right: 0;
     display: block;
 }
.fotlogo{
    display:flex;
    justify-content: left;
    align-items: center;
}
.fotlogo>img{
    height: 68px;
}
.fotlogo>div{
  margin-left:15px;
}
.fotlogo>div>h1{
  font-size: 27px;
  color: #ffffff;
    font-weight: bold;
  line-height: 26px;
}
.fotlogo>div>p{
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
.fot_right{
  float:left;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fot_sou{
    float:right;
    text-align: center;
}
.fot_sou>p{
    color: #fff;
    line-height: 35px;
}
 .fot_code{
     width: 160px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border:1px solid #4e4e4e;
     padding:17px;
     margin-left:auto;
     margin-right: 0;
 }
 .fot_code img{
     width: 100%;
 }

 .search{
     background: #fff;
 }
 .search input[type='text']{
     width: 200px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float:left;
     font-size: 14px;
     color: #7b7b7b;
     padding-left:15px;
     line-height: 44px;
 }
 .search input[type=text]::placeholder{
     font-size: 14px;
     color: #7b7b7b;
 }
 .search input[type=submit]{
     float:left;
     background: #0057c2;
    text-align: center;
     color: #fff;
     font-size: 14px;
     width: 64px;
     line-height: 44px;
 }
.fotmid{
    border-top:1px solid #373737;
    border-bottom:1px solid #373737;
}
.fotmid li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:4vw 0;
    float:left;
    width: 33.3%;
    border-right:1px solid #373737;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:2vw;
    background-repeat: no-repeat;
    background-position:88% 35%;
}
 .fotmid li:first-child{
     padding-left: 0;
     background-image:url("../images/foticon01.png");
 }
 .fotmid li:nth-of-type(2){
     background-image:url("../images/foticon02.png");
 }
 .fotmid li:last-of-type{
     border-right:0;
     background-image:url("../images/foticon03.png");
 }
 .fotmid li p{
     font-size: 14px;
     color: #8e8e8e;
     line-height: 36px;
 }
 .fotmid li h5{
     font-size: 19px;
     color: #8e8e8e;
     font-weight: bold;
 }


 .fot_bottom{
   background: #0057c2;
   overflow: hidden;
   height: 51px;
 }
 .fot_bottom p,.fot_bottom a{
   font-size: 14px;
   line-height: 51px;
   color: #ffffff;
 }
 .fot_bottom .warpper>p{
   float:left;
 }

 .fot_bottom .warpper>a{
   float:right;
 }






.pro-sider {
  float: left;
  width: 260px;
}
.pro-sider .in-title {
  height: 80px;
  background: url(../images/i-pro-title.jpg) no-repeat center;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.pro-sider .in-title h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
}
.pro-sider .in-title em {
  font-size: 13px;
  color: #728dbc;
}
.pro-sider .pro-sider-ul {
  border: 1px solid #ededed;
  background: #fff;
  border-top: none;
  overflow: hidden;
}
.pro-sider .pro-sider-ul .ul-li {
  padding: 0 15px;
  height: 59px;
}
.pro-sider .pro-sider-ul .ul-li a {
  position: relative;
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #595959;
  display: block;
  padding-left: 10px;
  padding-right: 30px;
  border-bottom: 1px dashed #ededed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li a h2{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li a div.icon {
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background: #ededed url(../images/sider-bg-01.png) no-repeat center;
  border-radius: 50%;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  font-size: 12px;
}
.pro-sider .pro-sider-ul .ul-li:hover,
.pro-sider .pro-sider-ul .ul-li.active {
  background: #268ae7;
}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li.active a {
  border: none;
  color: #fff;
}
.pro-sider .pro-sider-ul .ul-li:hover div.icon,
.pro-sider .pro-sider-ul .ul-li.active div.icon {
  background: #0058b1 url(../images/sider-bg-02.png) no-repeat center;
}
.pro-sider .pro-sider-ul .ul-li:last-child a {
  border-bottom: none;
}
.pro-sider .pro-sider-tel {
  overflow: hidden;
  height: 100px;
  line-height: 1;
  font-size: 20px;
  color: #0058b1;
  border: 1px solid #ededed;
  border-top: none;
  padding-left: 80px;
  background: url(../images/sider-tel.png) no-repeat 25px center;
}
.pro-sider .pro-sider-tel span {
  display: block;
  margin: 30px 0 8px;
  font-size: 14px;
  color: #808080;
}
.pro-sider .pro-sider-tel em {
  letter-spacing: 2px;
  font-weight: bold;
}


.m-column-t {
  position: relative;
  text-align: center;
  font-size: 0;
}
.m-column-t .center {
  display: inline-block;
  font-size: 0;
}
.m-column-t .center h3 {
  color: #333;
  font-size: 30px;
}
.m-column-t .center p {
  color: #d2d2d2;
  font-size: 30px;
}
.m-column-t span {
  position: absolute;
  width: 415px;
  top: 50%;
  margin-top: -5px;
  height: 5px;
  border-bottom: 1px solid #d2d2d2;
  z-index: 1;
}
.m-column-t span.mcl {
  left: 0;
}
.m-column-t span.mcl em {
  float: right;
}
.m-column-t span.mcr {
  right: 0;
}
.m-column-t span em {
  display: block;
  height: 11px;
  border-left: 1px solid #d2d2d2;
}
.textLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.textLine3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.textHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domHidden {
  overflow: hidden;
}
.about-main {
  padding: 20px 0 70px;
  min-height: 170px;
}
.about-main .ab-content {
  float: right;
  width: 925px;
}
.about-main .ab-content .title {
  line-height: 50px;
}
.about-main .ab-content .title a {
  color: #333;
  padding: 0 5px;
}
.about-main .ab-content .title span.icon-home {
  color: #535353;
}
.about-main .ab-content .title em {
  color: #999;
}
.about-main .ab-content .ab-conBox {
  overflow: hidden;
  background: #fff;
  min-height: 55px;
  padding: 30px 45px 40px;
}
.about-main .ab-content .ab-conBox .de-title {
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 25px;
  margin-bottom: 8px;
}
.about-main .ab-content .ab-conBox .sub-co {
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 18px;
}
.about-main .ab-content .ab-conBox .ab-detail {
  overflow: hidden;
  margin-top: 30px;
  font-size: 14px;
  color: #777373;
  line-height: 25px;
}
.ab-sild {
  float: left;
  width: 260px;
}
.ab-sild .title {
  position: relative;
  height: 50px;
  text-align: center;
  background: #f3c04b;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.ab-sild .title span {
  position: absolute;
  height: 3px;
  width: 30px;
  top: 50%;
  margin-top: -3px;
  border-bottom: 1px solid #fff;
}
.ab-sild .title span em {
  display: block;
  height: 7px;
  border-left: 1px solid #fff;
}
.ab-sild .title span.stl {
  left: 35px;
}
.ab-sild .title span.stl em {
  float: right;
}
.ab-sild .title span.str {
  right: 35px;
}
.ab-sild .sild-cate {
  background: #fff;
  margin-bottom: 20px;
}
.ab-sild .sild-cate .list {
  overflow: hidden;
}
.ab-sild .sild-cate .list li {
  position: relative;
  border-bottom: 1px solid #eee;
  height: 60px;
  line-height: 60px;
}
.ab-sild .sild-cate .list li a {
  display: block;
  padding-right: 35px;
  font-size: 14px;
  color: #333;
  padding-left: 20px;
}
.ab-sild .sild-cate .list li:last-child {
  border-bottom: none;
}
.ab-sild .sild-cate .list li:hover {
  border-color: #f3c04b;
  background: #f3c04b;
}
.ab-sild .sild-cate .list li:hover a {
  color: #fff;
}
.ab-sild .sild-cate .list li:hover:after {
  color: #fff;
}
.ab-sild .sild-cate .list li:after {
  font-weight: bold;
  right: 20px;
  top: 0;
  color: #999;
  position: absolute;
  content: "\e904";
  font-family: 'icomoon' !important;
}
.ab-sild .sild-cont {
  background: #fff;
}
.ab-sild .sild-cont .cont-list {
  padding: 20px;
}
.ab-sild .sild-cont .cont-list ul li {
  color: #333;
  padding: 5px 0;
  padding-left: 60px;
  font-size: 14px;
}
.ab-sild .sild-cont .cont-list ul li span {
  width: 60px;
  margin-left: -60px;
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  color: #666;
}
.pro-center {
  background: #fff;
  padding-bottom: 25px;
}
.pro-center .pro-list {
  overflow: hidden;
  padding: 25px 18px 10px;
}
.pro-center .pro-list ul li {
  float: left;
  width: 200px;
  margin: 0 10px 20px;
  border: 1px solid #fff;
}
.pro-center .pro-list ul li:hover {
  border-color: #f3c04b;
}
.pro-center .pro-list ul li .img {
  overflow: hidden;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-size: 0;
  background: #eee;
}
.pro-center .pro-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.pro-center .pro-list ul li .title {
  background: #f7f8fc;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.pro-center .pro-list ul li .title:hover {
  color: #f3c04b;
}
.page {
  font-size: 0;
  text-align: center;
}
.page .center {
  display: inline-block;
  overflow: hidden;
}
.page .center .page-span {
  float: left;
  font-size: 14px;
  color: #c3c3c3;
  line-height: 32px;
  margin-right: 30px;
}
.page .center .page-list {
  float: left;
  overflow: hidden;
}
.page .center .page-list ul li {
  float: left;
  width: auto;
  min-width: 30px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 0 4px;
  padding: 0;
  border: none;
  background: transparent;
}
.page .center .page-list ul li a {
  min-width: 20px;
  padding: 0 5px;
  border: 1px solid #eee;
  display: block;
  color: #333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.page .center .page-list ul li:hover a {
  color: #f3c04b;
}
.page .center .page-list ul li.active a {
  background: #f3c04b;
  color: #fff;
}
.news-center {
  background: #fff;
  padding-bottom: 25px;
}
.news-center .new-list {
  padding: 45px 45px 0px;
}
.news-center .new-list ul li {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.news-center .new-list ul li a {
  overflow: hidden;
  display: block;
  height: 90px;
  padding-bottom: 30px;
}
.news-center .new-list ul li a .img {
  float: left;
  width: 130px;
  height: 90px;
  background: #eee;
  line-height: 90px;
  font-size: 0;
  text-align: center;
}
.news-center .new-list ul li a .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.news-center .new-list ul li a .info {
  float: right;
  width: 690px;
}
.news-center .new-list ul li a .info h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #333;
}
.news-center .new-list ul li a .info em {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  margin-bottom: 10px;
}
.news-center .new-list ul li a .info p {
  font-size: 14px;
  line-height: 22px;
  color: #999;
  max-height: 44px;
  overflow: hidden;
}
.news-center .new-list ul li a:hover h3 {
  color: #f3c04b;
}
.message-c {
  background: #fff;
  padding: 40px 50px;
  overflow: hidden;
}
.message-c .p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-bottom: 35px;
}
.message-c .from input {
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.message-c .from input[name=user],
.message-c .from input[name=phone] {
  width: 348px;
}
.message-c .from textarea {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: block;
  width: 728px;
  height: 130px;
  border: 1px solid #d2d2d2;
  padding: 5px;
  margin-bottom: 10px;
}
.message-c .from .code {
  overflow: hidden;
}
.message-c .from .code input[name=code] {
  width: 258px;
  float: left;
}
.message-c .from .code a {
  display: block;
  float: left;
  width: 80px;
  height: 38px;
  padding: 1px 0;
  margin-left: 10px;
}
.message-c .from .code a img {
  width: 80px;
  height: 38px;
}
.message-c .from .btn {
  padding-top: 25px;
}
.message-c .from .btn a {
  display: block;
  width: 362px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background: #8fa4de;
}
.message-c .from .btn a:hover {
  background: #8397d0;
}
.contact-o {
  background: #fff;
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
}
.contact-o iframe {
  width: 830px;
  height: 500px;
  margin: 0 auto;
}


/*m_footer*/
 .m_footer{
     position:fixed;
     bottom:0;
     width:100%;
     left:0;
     line-height: 35px;
     background: #0057c1;
     z-index: 100;
 }
 .m_footer a{
     width: 33.3%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-right:1px solid #0d69d8;
     color: #fff;
     font-size: 16px;
     text-align: center;
     display: block;
     float:left;
 }
 .m_footer a:last-of-type{
     margin-right: 0;
 }

 .showvideobg{
     position: fixed;
     width:100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.57);
     top: 0;
     left: 0;
     z-index: 10000;
     display:none;
 }
 .videokuang{
     width: 65%;
     height: 37vw;
     position: absolute;
     left:50%;
     top:50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
 }
 #showvideo{
     width: 100%!important;
     height: 100%!important;
 }
.videoclose{
    position: absolute;
    left:102%;
    top:0;
    background: rgba(0, 0, 0, 0.63) url("../images/close.png") no-repeat center;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

/*honor*/

 .history{
     background-size:cover;
     position: relative;
     width:100%;
     padding:4vw 0;
 }
 .history_top .swiper-slide>div{
     background:#fff;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width:600px;
     height: 153px;
     margin:0 auto;
 }
 .history_bombg{
     position:relative;
     margin-top:2vw;
 }
 .history_top{
     width: 50%;
 }
 .history_top .swiper-slide>b{
     width: 100%;
     height: 258px;
 }
 .history_top .swiper-slide>b>img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 .history_top .swiper-button-next:hover:after,.history_top .swiper-button-prev:hover:after{
     color: #1b88da;
 }
 .history_top .swiper-button-next:after,.history_top .swiper-button-prev:after{
     font-size: 20px;
     color: #ddd;
 }
 .history_top .swiper-button-next,.history_top .swiper-button-prev{
     border-radius: 50%;
     border: 1px solid #ccc;
     width: 60px;
     height: 60px;
     transition: 350ms 0s all ease;
 }
 .history_top .swiper-button-prev{
     left:15%;
 }
 .history_top .swiper-button-next{
     right:15%;
 }
 .history_top .swiper-button-next:hover{
     border:1px solid #1b88da;
 }
 .history_top .swiper-button-prev:hover{
     border:1px solid #1b88da;
 }



 .hisline{
     position: absolute;
     top:50%;
     left:50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     width:100%;
     height: 2px;
     background: #ddd;
 }
 .history_bom .swiper-slide>div{
     position: relative;
     height: 100px;
     width: 100%;
 }
 .history_bom .swiper-slide>div:before{
     display:block;
     position: absolute;
     top:50%;
     left:50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     content: '';
     border-radius: 50%;
     border:2px solid #ddd;
     width: 10px;
     height: 10px;
     background: #eeeff1;
 }
 .history_bom .swiper-slide h3{
     color: #666666;
     font-size: 14px;
     position: absolute;
     bottom:0;
     width:100%;
     text-align: center;
     -webkit-transition: 350ms 0s all ease;
     -moz-transition: 350ms 0s all ease;
     -ms-transition: 350ms 0s all ease;
     -o-transition: 350ms 0s all ease;
     transition: 350ms 0s all ease;
 }
 .history_bom .swiper-slide.swiper-slide-thumb-active>div:before{
     border:2px solid #0068b6;
 }
 .history_bom .swiper-slide.swiper-slide-thumb-active h3{
     color: #0068b6;
     font-weight: bold;
     bottom:initial;
     top:0;
     font-size: 16px;
 }