*{
  margin:0;
  padding:0;
  font-family:"微软雅黑"!important}
table{
  border-collapse:collapse}
a{
  text-decoration:none}
a:focus,a:hover{
  text-decoration:none}
a:focus{
  outline:0}
p{
  margin:0}
ol,ul{
  margin:0}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{
  margin:0}
ol{
  padding-left:25px}
.ellipsis{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.clearf:after,
.clearf:before{
  content:"";
  display:block;
  clear:both;
}
#content_box-1555571706390-0{
}
.sy{
  text-align:right;
}
.sy1{
  text-transform:Uppercase;
  font-weight: 800;
  color:#333;
  font-family: Arial !important;
}
.sy2{
  height: 0;
  border-bottom: 40px solid #e60012;
  border-left: 40px solid transparent;
  color:#fff;
  font-weight:700;
  line-height: 40px;
  padding-right: 2%;
  font-size: 24px;
  font-style: italic;
}
.sy3{
  font-size: 1.1rem;
  color: #333;
  margin: 1% 0px;
}
.sy4{
  font-family: arial !important;
  font-size: 7px;
  -webkit-text-size-adjust: none;
}
/*版权*/
.footy{
  float:left;
  margin-left: 1% !important;
  margin-bottom: 1% !important;
}
.footz{
  float:right;
  color:#fff;
  text-align: right;
  margin-right: 1% !important;
  margin-bottom: 1% !important;
}
.footz a:link{
  color: #fff !important;
}
.footz a:visited {
  color: #fff !important;
}

/*按钮图标*/
#circularIcon{
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  margin-top: 20px;
}
#circularIcon li{
  float: left;
  width: 117px;
  height: 90px;
  margin-right: 14px;
  text-align: center;
  position: relative;
  overflow: hidden;
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 1.8s;
  animation-fill-mode: both;
}
#circularIcon li:last-child{
  margin-right: 0
}
#circularIcon li span{
  width: 100%;
  text-align: center;
  opacity: 1;
  font-size: 16px;
  color: #fff;
  transition: all .5s;
  z-index: 2;
  bottom: 0;
  position: absolute;
  left: 0px;
}
#circularIcon li img{
  position: absolute;
  width: 117px;
  height: 90px;
  padding: 4px;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all .5s;
}
#circularIcon li img+img{
  opacity: 0;
  transform: scale(0);
}
#circularIcon li:hover span{
  opacity: 1;
}
#circularIcon li:hover img{
  opacity: 0;
  transform: scale(0);
}
#circularIcon li:hover img+img{
  opacity: 1;
  transform: scale(1);
}

/*内页导航*/

.m-ex{
   padding-bottom: 0px;
   min-height: 190px;
   width: 14%;
   float: left;
   margin-top: 10px !important;
}
.m-ex .hd{
   position: relative;
   line-height: 30px;
   height: 30px;
}
.m-ex .hd H2{
   text-transform: uppercase;
   color: #dcdcdc;
   font-size: 16px;
   font-weight: 700;
}


/*
.m-ex .hd H2:after{
            content: '';
            position: absolute;
            top: 100%;
            left:0px;
            background: #757575;
            width: 85%;
            height: 1px;
}
*/

.m-ex .nr{
   padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}
.m-ex .nr A{
   text-align: left;
   line-height: 26px;
   color: #acacac;
   font-size: 14px;
}
.m-r{
   width: 388px;
    float: right;
}
.m-ri{
   width: 200px;
    float: right;
    padding-top: 10px;
}

.m-ex .nr li{list-style: none;}

.lx{float: right;margin-right: 1% !important;}

.lx img{width:100%;}

.lxhd{margin-bottom: 33px !Important;float: left;max-width: 140px;margin-right: 15px !important;}
.lxnr p{color:#fff;margin: 10px 0px !important;}
.lxnr span{ color:#f3c90f; font-size:24px !Important;}

#c_portalResnav_main-15661907150071507{height:90px !Important;}

.foe{
    margin: 0px !important;
    overflow: hidden;
    float:right;
  text-align:center;
    }
.foe img{width:150px;}



#w_grid-1560233390474,
#w_grid-1560220926813{
  left:0!important;
  transform: none!important;
}
#w_grid-1560220926813{
  z-index:0!important
}
.w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video{
  min-width:1600px;
}
.w_sfbox-002 > .w_sfbox > .p_fbox > div > .p_bgBox {
  animation-name: bgMagnify;
  animation-duration: 20s;
  animation-delay: 0.1s;}
.screen_0 .p_bgBox{
   background-position: bottom !important;
}

#w_grid-1557197827956 > div > .p_gridbox {
  overflow:visible
}
#w_fimg-1560149664063,
#w_grid-1557198851529{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align:center
}
@-webkit-keyframes rotation{
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
#w_fimg-1560149664063 img{
  -webkit-transform:rotate(360deg);
  animation:rotation 20s linear infinite;
  -moz-animation:rotation 20s linear infinite;
  -webkit-animation:rotation 20s linear infinite;
  -o-animation:rotation 20s linear infinite;
}



.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel.active .shape > div{
  background: #21378d;
  border-color: transparent;
}
.p_SwipPanelBox .p_SwipPanel{
  color:rgba(255,255,255,0.5)!important
}
.p_SwipPanelBox .p_SwipPanel.active{
  color:#fff!important
}


#w_common_text-1558521931694,
#w_common_text-1558521956037{
  display:inline-block
}
#w_common_text-1560221498956 a{
  display:inline-block
}
#w_grid-1557199885415,
#w_grid-1557201374421,
#w_grid-1557206093936,
#w_grid-1557212870354,
#w_grid-1557213251768{
  position:absolute;
  min-width:1100px!important;
  left:0!important;
  top:50%;
  transform:translateY(-50%);
  z-index:1
}
#w_fimg-1557199300170{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
#w_grid-1560216856346,#w_grid-1560217854437{
  display:inline-block
}
#w_common_text-1558514251936 span,
#w_common_text-1558436129968 span,
#w_common_text-1558436989188 span,
#w_common_text-1558504859771 span,
#w_common_text-1558506956124 span{
  font-family:Impact!important;
}
@media(max-width:1200px){
  #w_grid-1557201374421,
  #w_grid-1557206093936,
  #w_grid-1557212870354,
  #w_grid-1557213251768{
    width:90%!important;
    min-width:90%!important;
  }


  #w_grid-1557200081242{
    width:90%
  }
  #w_grid-1557199885415{
    min-width:90%!important;
  }
  #w_grid-1557200085589{
    position:absolute;
    width:50%;
    height:100%
  }
  #w_common_text-1558514251936 span,
  #w_common_text-1558436129968 span,
  #w_common_text-1558436989188 span,
  #w_common_text-1558504859771 span,
  #w_common_text-1558506956124 span{
    font-size:50px!important;
  }
  #w_grid-1557200085589>.w_grid{
    height:100%
  }
  #w_fimg-1557200090981{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }



}
/*zhongping*/
@media(max-width:900px){
}


/*手机内容样式*/
@media(max-width:768px){
  /*版权*/  
  .footy{
    display:none;
  }
  .footz{
    float: left !important;
    text-align: left !important;
    font-size: 12px !important;
  }
  .footz p{font-size: 12px !important;
  }
  /*关于我们*/
  #circularIcon{
    display:none;
  }
  #c_portalResPublic_codeContainer-15651694871541457 .e_box .b .da{
    font-size: 1.2rem;
  }
  #c_portalResPublic_codeContainer-15651694871541457 .e_box .b em{
    font-size:12px;
  }
#c_portalResPublic_codeContainer-15651694871541457 .e_box .c {
    font-size: 1.4rem;
  }

  /*产品展示*/

  #c_portalResPublic_codeContainer-15652262459380376 .e_box .b .da{
    font-size: 1.2rem;
  }
  #c_portalResPublic_codeContainer-15652262459380376 .e_box .b em{
    font-size:12px;
  }
   #c_portalResPublic_codeContainer-15652262459380376 .e_box .c {
    font-size: 1.4rem;
  }


  /*案例展示*/

  #c_portalResPublic_codeContainer-15652282810009826 .e_box .b .da{
    font-size: 1.2rem;
  }
  #c_portalResPublic_codeContainer-15652282810009826 .e_box .b em{
    font-size:12px;
  }
   #c_portalResPublic_codeContainer-15652282810009826 .e_box .c {
    font-size: 1.4rem;
  }




  /*新闻中心*/

  #c_portalResPublic_codeContainer-15652301226719285 .e_box .b .da{
    font-size: 1.2rem;
  }
  #c_portalResPublic_codeContainer-15652301226719285 .e_box .b em{
    font-size:12px;
  }
  #c_portalResPublic_codeContainer-15652301226719285 .e_box .c {
    font-size: 1.4rem;
  }

  /*联系我们*/

  #c_portalResPublic_codeContainer-15652365817102440 .e_box .b .da{
    font-size: 1.2rem;
  }
  #c_portalResPublic_codeContainer-15652365817102440 .e_box .b em{
    font-size:12px;
  }
  #c_portalResPublic_codeContainer-15652365817102440 .e_box .c {
    font-size: 1.4rem;
  }

/*底部导航*/

.m-ex{
   padding-bottom: 0px;
   min-height: 200px;
   width: 32.4%;
   float: left;
   margin-top: 35px !important;
}
.m-ex .hd{
   position: relative;
   line-height: 30px;
   height: 30px;
}
.m-ex .hd H2{
   text-transform: uppercase;
   color: #fff;
   font-size: 1.2rem;
   font-weight: 700;
}


 /*
.m-ex .hd H2:after{
            content: '';               
            position: absolute;        
            top: 100%;
            left:0px;
            background: #bfc1c1;       
            width: 70%;
            height: 1px;
}

*/
.m-ex .nr{
   padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}
.m-ex .nr A{
   text-align: left;
   line-height: 40px;
   color: #cccccc;
   font-size: 0.8rem;
}
.m-r{
   width: 388px;
    float: right;
}
.m-ri{
   width: 200px;
    float: right;
    padding-top: 10px;
}

.m-ex .nr li{list-style: none;}

.lx{float:left;margin-right: 2% !important;margin-left: 2% !IMPORTANT;}
.lxhd{margin-bottom: 33px !Important;}
.lxnr p{color:#fff;margin: 10px 0px !important;}
.lxnr span{ color:#f3c90f; font-size:24px !Important;}



.foe{
    margin: 20px auto 0px !important;
    overflow: hidden;
    display: none;
    }
/*底部技术*/


.lx{float:left;margin-right: 1% !important;margin-left: 1% !IMPORTANT;}

.lx img{width:100%;}

.lxhd{margin-bottom: 33px !Important;float: left;max-width: 140px;margin-right: 15px !important;}
.lxnr p{color:#fff;margin: 10px 0px !important;}
.lxnr span{ color:#f3c90f; font-size:24px !Important;}



.foe{
    margin: 20px auto 0px !important;
    overflow: hidden;
    }



















  #c_portalResPublic_codeContainer-15584342629261608{
    top:16px
  }
  #w_fimg-1560233469881{
    max-width: 270px;
    position:absolute;
    margin-left: 10px;
  }
  #w_common_text-1558612863024{
    height:auto
  }
  #w_common_text-1558504859774{
    margin-bottom:30px;
  }
  #w_grid-1557197827956{
    margin-top:0
  }
  #w_fimg-1557367419217{
    top: 10px!important;
    left:10px!Important;
    width:100px;
    height:auto
  }
  #w_fimg-1558490483611{
    margin-left:0
  }
  #w_common_text-1558487914507 span,
  #w_common_text-1558514251936 span,
  #w_common_text-1558436129968 span,
  #w_common_text-1558436989188 span,
  #w_common_text-1558504859771 span,
  #w_common_text-1558506956124 span{
    font-size:30px!important;
  }
  #w_common_text-1558488045291 span,
  #w_common_text-1558433697591 strong,
  #w_common_text-1558504132377 span,
  #w_common_text-1558504859774 span,
  #w_common_text-1558506972840 span{
    font-size:24px!important;
  }
  #w_common_text-1558433697591 span{
    display:inline-block;
    font-size:18px!important;
  }
  #w_common_text-1558436129968{
    position:relative;
  }
  #c_portalResPublic_codeContainer-15601530621864191,
  #w_grid-1558491021149{
    display:none
  }

  #w_grid-1557198045612{
    height:60px;
  }
  #w_fimg-1557367419217{
    width:90px;
  }
  #w_fimg-1557199154197{
    width:90%
  }
  #w_grid-1557199885415,
  #w_grid-1557201374421,
  #w_grid-1557206093936,
  #w_grid-1557212870354,
  #w_grid-1557213251768{
    width:94%!important
  }
  #w_grid-1557200085589,
  #c_portalResMessage_form-15572144110706384{
    display:none
  }
  #w_common_text-1557200512747 p{
    color:#fff;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
  }

  #w_grid-1560219940794,
  #w_grid-1560216856346, #w_grid-1560217854437{
    display:none
  }
  .sy{
    text-align:right;
  }
  .sy1{
    text-transform:Uppercase;
    font-weight: 800;
    color:#333;
    font-size: 1.2rem;
    font-family: Arial !important;
  }
  .sy2{
    height: 34px !important;
    border-bottom: 40px solid #e60012;
    border-left: 40px solid transparent;
    color:#fff;
    font-weight:700;
    line-height: 40px;
    padding-right: 2%;
    font-size: 0.8rem;
    font-style: italic;
    margin: 1% 0px;
  }
  .sy3{
    font-size: 0.8rem;
    color: #333;
    margin: 1% 0px;
  }
  .sy4{
    font-family: arial !important;
    font-size: 7px;
    display: none;
    -webkit-text-size-adjust: none;
  }
  #w_grid-1557198851529{
    min-width: 320px !important;
    margin: auto !important;
  }
}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1.5);  /*开始为原始大小*/
            }
      
            75%{
                transform: scale(1.0);
            }
        }