@font-face {
  font-family:'DINCond-Medium';
  src: url('../fonts/DINCond-Medium.otf') format('truetype');
  font-weight:normal;
    font-style: normal;
}
@font-face {
  font-family:'DINCond-Medium';
  src: url('../fonts/DINCond-Medium.ttf') format('truetype');
  font-weight:normal;
    font-style: normal;
}

/*--------首页banner视频------------*/
.banner-video{
  position: relative;
  overflow: hidden;
}
#video{
  z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
}
.video_cover{
  position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url(../images/video_cover.png);
    color: #fff;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.bannertxt{
  text-align: center;
  height:auto;
  overflow: hidden;
  position: absolute;
  left:0;
  width:100%;
  z-index: 5;
  top:45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.bannertxt h3{
  margin-bottom:25px;
}
.bannertxt p{
  color: #fff;
  display: inline-block;
  max-width:700px;
  font-size: 15px;
  line-height: 25px;
}
.mousenext {
    background: url(../images/mouse.png) no-repeat;
    width: 81px;
    height: 81px;
    position: absolute;
    bottom: 10px;
    left: 50%;
   transform: translateX(-50%);
    z-index: 100;
    cursor: pointer;
    animation-name: firstPart;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -moz-animation-name: firstPart;
    -moz-animation-duration: 0.8s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -webkit-animation-name: firstPart;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -o-animation-name: firstPart;
    -o-animation-duration: 0.8s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
@keyframes firstPart{
    0% { bottom: 30px; }
    100% { bottom: 10px; }
}
@-moz-keyframes firstPart{
    0% { bottom: 30px; }
    100% { bottom: 10px; }
}
@-webkit-keyframes firstPart{
    0% { bottom: 30px; }
    100% { bottom: 10px; }
}
@-o-keyframes firstPart{
    0% { bottom: 30px; }
    100% { bottom: 10px; }
}
/*-------------5大核心业务----------------*/
.ser-clas a{
  color:#fff;
}
.pbanner{
  position: relative;
}
.pbanner .txts{
  position: absolute;
  left:0;
  width:100%;
  height:auto;
  text-align: center;
  top:45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.pbanner .txts h3{
  color:#fff;
  font-size: 32px;
}
.pbanner .txts p{
  color:#fff;
  font-size: 18px;
}
.ser1 { position: relative;max-height: 580px;}
.ser1 .pic2 { overflow: hidden;max-height: 580px; }
.ser1 .pic2 .cover { background: url(../images/black2.png) }
.ser1 .pic2 .bg { position: absolute; top: 0; bottom: 0; width: 20%; background: url(../images/black1.png) }
.ser1 .pic2 .bg1 { left: 0 }
.ser1 .pic2 .bg2 { left: 40% }
.ser1 .pic2 .bg3 { right: 0 }
.ser1.bt { padding-bottom: 220px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s }
.ser-clas { position: absolute; left: 0; right: 0; top: 0; height: 100%; color: #fff }
.ser-clas li { width: 20%; height: 100%; float: left; position: relative; cursor: pointer }
.ser-clas li:hover .t:before { opacity: 1; visibility: visible }
.ser-clas li:hover .aico { background: url(../images/aw1.png); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.ser-clas li:hover .txts { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible }
.ser-clas .t { position: absolute; z-index: 99; top: -100px; left: 0; right: 1px; padding: 0 25px; background: url(../images/black.png); background: rgba(0,0,0,.7) }
.ser-clas .t:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #0091DC; opacity: 0; visibility: hidden; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s }
.ser-clas .nowti { position: relative; font-size: 18px; font-weight: 700; line-height: 100px }
.ser-clas .nowti .ff-1 { vertical-align: bottom; margin-right: 20px; font-weight: 400; font-size: 20px }
.ser-clas .txts { height: calc((100% - 80px)); padding: 0 25px; background:  #92CC1F; overflow: hidden; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0; visibility: hidden; -webkit-transition: .6s; -moz-transition: .6s; transition: .6s }
.ser-clas .en { margin-top: 45px; font-size: 36px; text-transform: capitalize;font-family: 'DINCond-Medium'; }
.ser-clas .line { width: 15px; height: 5px; margin-top: 15px; background: #fff;display:block ;}
.ser-clas .tx { margin-top: 30px;font-size: 14px; }
.ser-clas .aico { position: absolute; right: 25px; top: 43px; width: 25px; height: 15px; background-position: -249px -144px; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -moz-transition: transform .4s,-moz-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s,-moz-transform .4s;
display: inline-block;
    vertical-align: bottom;
    background: url(../images/aicos.png); }
.ser-x { font-size: 24px; line-height: 1.4 }
.ser-more { display: inline-block; font-size: 16px }
.ser-more i { display: inline-block; vertical-align: middle; border-radius: 100%; width: 18px; height: 18px; margin-right: 8px; background: #0091DC; line-height: 18px; font-size: 12px; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s }
.ser-more:hover i { background:  #92CC1F }
.que-list { margin-left: -60px }
.que-list li { width: 50%; float: left }
.que-list a { display: block; margin-left: 60px; font-size: 18px; cursor: default; }
.ser2 { color: #fff }
.ser2 a { color: #fff }
.ser2 .ser-x { margin-top: 3px }
.ser2 .b { padding: 40px 0 35px 0; background: url(../images/black.png); background: rgba(0,0,0,.6) }
.ser2 .ti { font-size: 28px }
.ser2 .more { margin-top: 30px }
.ser2 .que-list { margin-top: 20px }
.ser2 .t { padding: 14% 0 15% 0 }


@media screen and (max-width:1920px) {
    .ser-clas .nowti { line-height: 80px; font-size: 16px }
    .ser-clas .aico { top: 33px; right: 20px }
    .ser-clas .t { padding: 0 20px; top: 0 ;}
    .ser-clas .nowti .ff-1 { margin-right: 10px; font-size: 16px }
    .ser-clas .txts { padding: 80px 20px 0 20px; }
    .ser-clas .en { font-size: 30px; margin-top: 35px;line-height: 25px;}
    .ser-clas .line { margin-top: 10px }
    .ser2 .ti { font-size: 24px }
  
}
/*------------精彩案例------------*/
.title{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.title h2{
  font-size: 30px;
  color:#666;
}
.title p{
  font-size: 16px;
}
.anli-nav{
  margin-bottom: 40px;
  width:100%;
  height:auto;
  overflow: hidden;
  border-bottom: 1px solid #e3e3e3;
}
.anli-nav li{
  list-style: none;
  float: left;
  display: inline-block;
    position: relative
}
.anli-nav li a{
  display: inline-block;
    line-height: 25px;
    padding: 20px 35px;
    font-size: 15px;
    position: relative;
    color: #666;
}
.anli-nav li a:after{
  content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #0091DC;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.anli-nav li:after{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e3e3e3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
.anli-nav li.noafter:after{
  display: none;
}
.anli-nav li.on a{
  color:#0091DC;
}
.anli-nav li.on a:after{
  width:60%;
  left: 20%;
}
.anli-nav li:hover a{
  color:#0091DC;
}
.anli-nav li:hover a:after{
  width:60%;
  left: 20%;
}
.sec-anli ul li{
  float: left;
  width:25%;
  cursor: pointer;
  overflow: hidden;
}
.sec-anli ul{
  height:auto;
  overflow: hidden;
}
/*案例鼠标移动效果*/
.pBox { position:relative; overflow:hidden; margin-bottom:0px; /*cursor: pointer;*/}
.pBox ._n { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:left; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._img img { width:100%; height:auto;}
.pBox ._mask { width:100%; height:100%; position:absolute; text-align:left; background: rgba(0,145,220,.7);}
.pBox ._mask a { display:block; color:#ffffff; padding:20px 10%; opacity:0; display:none/9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}
.pBox ._mask ._tag {display:inline-block;font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask ._n { display:block; margin-bottom:5px; margin-top:7%; color:#ffffff;}
.pBox ._mask ._text {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox ._mask ._more { display:inline-block; width:auto; height:42px; line-height:42px; background:#d95204; color:#ffffff; padding:0 50px; font-size:14px; }
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask a { opacity:1; display:block/9; margin-top:0;}
.amore{
  cursor: pointer;
  padding-left: 60px;
  display: block;
  width:200px;
  height:40px;
  line-height: 40px;
  color:#0091DC;
  border: 1px solid #0091DC;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 70px;
  position: relative;
  font-size: 14px;
}
.amore span{
  position: absolute;
  display: block;
  width:25px;
  height:25px;
  right:40px;
  top:50%;
  transform: translateY(-50%);
  background: url(../images/arrow22.png);
  transition: all .3s;
  -webkit-transition: all .3s;
}
.amore:hover{
  background:#0091DC ;
  color:#fff;
}
.amore:hover span{
  background: url(../images/arrow11.png);
  right:30px;
}
/*------------新闻--------------------*/
.sec-new{
  width:100%;
  height:auto;
  overflow: hidden;
  background: #f5f7f8;
  padding: 10px 0 10px 0;
}
.amore2{
  color:#fff;
  border: none;
  background: #39424b;
}
.amore2 span {
    background: url(../images/arrow11.png);

}
.new_main{
  
  height:auto;
  overflow: hidden;
}
.new_main li{
  background: #fff;
  height:250px;
  cursor: pointer;
  float:left;
  width:calc((100% - 203px)/4);
  border-right:1px solid #ddd ;
  padding: 25px;
  margin-bottom: 35px;
}
.new_main li a{
  display: block;
  width:100%;
  height:100%;
}
.new_main li:nth-child(4n+4){
  border-right: none;
}
.date{
  width: 90px;
    text-align: center;
    color: #878787;
    font-family: Arial;
    border-bottom: 2px solid #0091DC;
    padding-bottom: 10px;
    line-height: 1;
    margin-bottom: 20px;
}
.new_main li h3{
  font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
    color:#555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new_main li:hover h3{
  color:#0091DC;
}
.ntxt{
  color:#878787;
  font-size: 14px;
}
/*---------phone5大核心业务------------*/
.se-p{
  width:100%;
  height:auto;
  overflow: hidden;
}
.se-p li{
  height:auto;
  overflow: hidden;
  padding: 20px 10px;
}
.se-p li h3{
  font-size: 18px;
  color:#fff;
  font-weight: normal;
  margin-bottom: 0;
}
.se-p li .p_intro{
  margin-bottom: 15px;
  color:#fff;
  font-size: 24px;
  font-family: 'DINCond-Medium';
}
.se-p li:nth-child(1){
  background: #0091DC;
}
.se-p li:nth-child(2){
  background: #fff;
}
.se-p li:nth-child(3){
  background: #92CC1F;
}
.se-p li:nth-child(4){
  background:#fff;
}
.se-p li:nth-child(5){
  background:#f60;
}
.mlinks_l{
  float:left;
  width:50%;
}
.mlinks_r{
  float:right;
  width:50%;
}

.mlinks a{
  position: relative;
  margin-bottom: 3px;
  display: block;
  padding-left: 15px;
  color:#fff;
  font-size: 12px;
}
.mlinks a i{
  position: absolute;
  width:14px;
  height:14px;
  display: inline-block;
  left:0;
  top:6px;
  
}
.links1 a i{
  background: url(../images/arrow-r.png);
}
.links2 a i{
  background: url(../images/arrow-r1.png);
}
.mlinks {
  position: relative;
}
.se-p li.black h3{
  color:#333;
}
.se-p li.black .p_intro{
  color:#333;
}
.se-p li.black a{
  color:#333;
}
/*---------合作伙伴------------*/
.partner{
  width:100%;
  height:auto;
  overflow: hidden;
}
.partner li{
  cursor: pointer;
  overflow: hidden;
  float:left;
  border: 1px solid #ddd;
  margin-left: 25px;
  margin-bottom: 20px;
}
.partner li img{
  width:100%;
  transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
}
.partner li:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.pbanner{
  display:none;
  height:495px !important;
}
.pic2{
  
  background: url(../images/ser_banner.jpg);
  background-position: center center;
  background-repeat:no-repeat ;
  background-size:cover ;
}
/*----------------2019-3.2------------------*/
.footer_num{
  height: 230px;
    position: relative;
    margin-bottom: 0!important;
    background-color: #0091DC;
}
.footer_num .inner{
  position: relative;
  z-index: 3;
  height:auto;
  overflow: hidden;
}
.footer_num #container{
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 1;
}
.index_num li{
  color:#fff;
  width: 20%;
    float: left;
    text-align: center;
    font-size: 15px;
    padding-top: 65px;
}
.index_num li .num{
  line-height: 1.1;
}
.index_num li .num span{
  font-family: Impact;
    font-weight: normal;
    font-size: 55px;
}
.index_num li .text{
  font-size: 13px;
}

a{text-decoration: none;}
.right_bar{ /*display:none;*/ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20;list-style: none; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; transition:.3s ease-in-out;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; transition:.3s ease-in-out;}
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; transition:.3s ease-in-out;}
.right_bar li.rtbar_li4{ top:153px;transition:.3s ease-in-out;}
.rtbar_li4{ position:absolute ; top:153px !important; left:0 !important;}
.right_bar li a{ transition:.3s ease-in-out;display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0091DC; opacity:1;}
/*.rtbar_shwx{ display:none; position:absolute; top:-78px; left:-110px; background:url(../images/rtbar_wxbd.png) no-repeat bottom right;padding-bottom:0 !important; }*/
.rtbar_shwx{ display:none; position:absolute; top:-78px; left:-110px; padding-bottom:0 !important; }
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:100px; height:100px; }

.right_bar .rtbar_li1:hover{left:-116px;}
.right_bar .rtbar_li3:hover{left:-70px;}
.right_bar .rtbar_li2:hover .rtbar_shwx{
  display: block;
}


@media  (min-width: 769px)  {
  .partner li:nth-child(6n+1){margin-left: 0;}
  .partner li {width:calc((100% - 137px)/6)}
  .pic2{background-attachment: fixed;}
}
/*---------phone------------*/
@media  (max-width: 768px) {
  .right_bar{display: none;}
  .footer_num{display: none;}
  .logo img{height:55px;}
  .logo{top:0 !important;}
  .bannertxt h3 img{width:250px}
  .bannertxt p{margin-left: 15px;margin-right: 15px;}
  .bannertxt{top:40%;}
  .banner-video{background: url(../images/indexp.jpg);background-position:center center;background-size:cover ;background-repeat:no-repeat ;}
    .pbanner{display: none;}
    .container{display: none;}
    .new_main li{width:calc(100% - 30px);border-right:none;padding:20px 15px;height:220px;}
    .sec-anli ul {margin-left: 5px;margin-right: 5px;}  
    .sec-anli ul li{width:calc((100% - 10px)/2);margin-left: 10px;margin-bottom: 10px;}
    .sec-anli ul li:nth-child(2n+1){margin-left: 0;}
    .anli-nav li{width:33.3%}
    .anli-nav li a{padding: 10px 15px;}
    .anli-nav li.noafter:after{display: block;}
    .title h2{font-size: 20px;}
    .title p{font-size: 15px;}
    .new_main li h3{font-size: 18px;}
    .partner li{margin-left: 15px;margin-bottom: 15px;}
    .partner li:nth-child(3n+1){margin-left: 0;}
  .partner li {width:calc((100% - 36px)/3)}
  .amore{margin-top: 30px;margin-bottom: 30px;width:150px;padding-left: 35px;}
  .amore span{right:35px}
  .title{margin-top: 20px;margin-bottom: 20px;}
}