/*scroll bar*/
::-webkit-scrollbar {width:6px;   height:6px;}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track { background-color:#ccc  }
::-webkit-scrollbar-thumb { border-radius:0;   background-color:rgba(0,0,0,0.3);  }
::-webkit-scrollbar-thumb:vertical:hover {background-color:rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:vertical:active {background-color:rgba(0,0,0,0.3);}
.fgs {
  overflow: hidden;
}

.fgs a {
  display: block;
  float: left;
  width: 30%;
  padding: 1%
}

.met-footer h4 {
  position: relative;
}

.met-footer h4:after {
  content: '';
  width: 30px;
  height: 2px;
  background: #f08201;
  position: absolute;
  left: 0;
  bottom: 0;
}

.foot_contact_met_m1156_6 {
  font-size: 13px
}
#fp-nav ul li a{
  display: block !important
}
.section.mmfooter{ 
 display: block !important;
 height: auto !important;
 margin-bottom:-80px;
 padding:0
 }
.foot_contact_met_m1156_6 {
background: #2c3037
}
.banner_met_35_2_box .met-bannerdots{
  height:0 !important
}
.navlist {
    overflow: hidden
  }

  .navlist:hover {
    overflow: visible
  }

  /* .head_nav_met_21_11 .lh-header{height: 500px;}  */
  .ceshi{width:100vw}
  .product_list_met_11_1 .img{width:123px;height: 123px;max-width: 123px;margin:0 auto;background: url(../images/zyyw.png) no-repeat;background-size:auto 200%;}
  .product_list_met_11_1 .col-md-3{margin-bottom:50px}

  .product_list_met_11_1 .col-md-3 .title{font-size:20px;color:#333;padding-top:1em;transition: all 0.5s}
  .product_list_met_11_1 .col-md-3:hover .title{color:#ff8d00}
  .product_list_met_11_1 .col-md-3:nth-child(2) .img{background-position:-128px 0;}	
  .product_list_met_11_1 .col-md-3:nth-child(1):hover .img{background-position:0px -127px}
  .product_list_met_11_1 .col-md-3:nth-child(2):hover .img{background-position:-128px -128px}
  .product_list_met_11_1 .col-md-3:nth-child(3):hover .img{background-position:-255px -129px}
  .product_list_met_11_1 .col-md-3:nth-child(4):hover .img{background-position:-376px -130px}
  .product_list_met_11_1 .col-md-3:nth-child(3) .img{background-position:-254px 0}	
  .product_list_met_11_1 .col-md-3:nth-child(4) .img{background-position:-376px 0}	
 

  .son .imgbox {
    float: right;
    width: 60%
  }

  .son .imgbox img {
    width: 90%;
    margin: 5%
  }

  
  .son ul a {
    display: block;
    color: #666;
    padding: 10px 15px;
    transition: all 0.3s
  }

  .son ul a:hover {
    background: #f08200;
    color: white
  }

  .myli:hover .son {
    display: block;
    opacity: 1;
    top: 80px;
    height: auto;
  }

  .myli:last-child:hover .son {

    right: 0
  } .navlist {
    overflow: hidden
  }

  .navlist:hover {
    overflow: visible
  }

  .son {
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    overflow: hidden;
     
     
    opacity: 0;
    position: absolute;
    top: 120px;
    transition: all 0.3s;
    z-index: 999;
    
    -moz-box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
    box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
  }

   
  
 
  
  .myli:hover .son {
    display: block;
    opacity: 1;
    top: 80px;
    height: auto;
  }

  .myli:last-child:hover .son {

    right: 0
  }
  .banner_met_35_2_box .slick-prev,.banner_met_35_2_box .slick-next{border-radius: 100%;background:rgba(0,0,0,0.2) !important}
  .bigsubnav  a{ color: #333}
  .bigsubnav .content{display: flex;justify-content: space-between;height: 100%}
  .bigsubnav .content dl{height: 100%;  display: flex;
    flex-direction: column;
    justify-content: center;transition: all 0.5s}
  .bigsubnav .content dl .nr{overflow: hidden;}
  .bigsubnav .content dl .nr i{display: block;font-size:40px;padding-bottom:10px}
  .triangle_border_right{
    width:0;
    height:0;
    border-width:10px 0 10px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #eee;/*透明 透明 透明 灰*/
    margin:40px auto;
    position: absolute;
    right:-10px;top:0;bottom:0;margin:auto
}
  .bigsubnav .content dd{float: left;padding:6px;margin:4px;text-align: center;transition: all 0.5s}
  .bigsubnav .content dt{font-size:16px;font-weight: normal;color:#000;padding-bottom: 25px;padding-left:10px;}
  .bigsubnav .inner{width:90%;margin:0 auto}
  .bigsubnav {
    height: 280px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 111;
    width: 100vw;
    top: 120px;
    left:0;
    opacity: 0;
    border:1px solid #f2f2f2;
    transition: all 0.2s;
    -moz-box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
    box-shadow: 1px 6px 7px rgba(0,0,0,0.2);
  }

  .bigsubnav .container .row .col {
   border-left:1px dotted #e8e8e8;
    height: 238px
  }
  .bigsubnav .funav{transition: all 0.5s}
  .bigsubnav .funav:hover{background: #f08200}
  .bigsubnav .funav:hover .triangle_border_right{ border-color:transparent transparent transparent #f08200}
  .bigsubnav .funav:hover *{color:white}
  .bigsubnav .container, .bigsubnav .row{height: 100%}
  .bigsubnav .funav{width:16%;float:left;padding:1%;position: relative;height: 100%;z-index:11}
  .bigsubnav .zinav{ float:left;padding:2%;height: 100%;position: relative;background: #f9f9f9 }
  .funav:first-child{border-left:none}

  .bigsubnav  .col::after{content:'';height: 60%;width:1px;background: #f2f2f2;top:0;bottom:0;right:-1px;margin:auto;position: absolute}
  .funav a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
   
  }
  .bigsubnav .content dd:hover{
    color: #017eff;
   
   
  }
 
  .funav a b {
    font-weight: normal;
    font-size: 18px;
    color: #000;
    display: block;
    text-align: center
  }

  .funav a span {
     
    font-size: 12px;
    color: #888;
    padding-top: 10px
  }
/*分页*/
.imgn{height: 80px;border:1px solid #efefef;margin:10px}
.partner_list_met_16_3 .jion-list .slick-slide {
    border:none
}
.partner_list_met_16_3 .jion-list .slick-slide  img{
    border:1px solid #dedede;
    margin:5px;
    width:100%
}
.met_pager {
    margin-top: 20px;
    text-align: center;
}

.met_pager * {
    display: inline-block;
}

.met_pager a {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    border-right: none;
    background: #ffffff;
    text-align: center;
    color: #76838f;
}

.met_pager a:hover {
    background: #f5f5f5;
    color: #76838f;
    color: ;
    text-decoration: none;
}

.met_pager a.NextA {
    border-right: 1px solid #e4eaec;
}

.met_pager .PreSpan,
.met_pager .NextSpan {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    background: #ffffff;
    color: #ccd5db;
    cursor: default;
}

.met_pager .firstPage,
.met_pager .lastPage {
    min-width: 40px;
    height: 28px;
    line-height: 28px;
}

.met_pager a.Ahover {
    background: #4299de;
    background: ;
    border-color: #4299de;
    border-color: ;
    color: #ffffff;
    cursor: default;
}

.met_pager a.Ahover:hover {
    background: #4299de;
    background: ;
    border-color: #4299de;
    border-color: ;
    color: #ffffff;
}

.met_pager a {
    text-decoration: none;
}

.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover {
    text-decoration: none;
}

.met_pager .PageText {
    display: none;
    margin-left: 10px;
    color: #aaa;
}

.met_pager input {
    display: none;
}

.met_pager .firstPage,
.met_pager .lastPage {
    height: auto;
    line-height: inherit;
}
.photo_more{width:150px;border:1px solid #ddd;display: block;margin:50px auto;text-align: center;height:40px;line-height: 40px;color:#333;transition: all 0.5s }
.photo_more:hover{background: #4299de;color:white}
.show_met_28_1   .photo_container {
  width: 1200px ;
  height: 538px;
  margin:0 auto;
  position: relative;
  margin-bottom:50px;
}
 
.photo_container   span {
  width: 100%;
  height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 45px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 16px;
  text-align: center;
 
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.photo_item01 {
  overflow: hidden;
 
  position: absolute;
  left: 0;
  top: 0;
  width: 256px;
  height: 283px;
}
.photo_item02 {
  overflow: hidden;
 
   position: absolute;
   left: 266px;
   top: 0;
   width: 256px;
   height: 283px;
 }
.photo_item03 {
  overflow: hidden;
 
  position: absolute;
  left: 0;
  bottom: 0;
  width: 522px;
  height: 245px;
}
.photo_item04 {
  overflow: hidden;
 
  position: absolute;
  left: 532px;
  top: 0;
  width: 316px;
  height: 228px;
}
.photo_item05 {
  overflow: hidden;
 
  position: absolute;
  right: 0;
  top: 0;
  width: 340px;
  height: 227px;
}
.photo_item06 {
  overflow: hidden;
 
  position: absolute;
  left: 532px;
  bottom: 0;
  width: 430px;
  height: 300px;
}
.photo_item07 {
  overflow: hidden;
 
  position: absolute;
  right: 0;
  bottom: 0;
  width: 227px;
  height: 300px;
}
.photo_container  .photo  div{transition: all 0.5s}
.photo_container  .photo:hover div{transform: scale(1.2)}
@media (max-width:960px) {
	.show_met_28_1 .photo_container{
		width:100%;
		height: auto;
		overflow: hidden;
	}
	.photo_container .photo{
		position: relative;
		left:0;top:0;right:0;bottom:0;
		float:left;
		margin:1.25%
	}
 
	.photo_item01,.photo_item02,.photo_item04,.photo_item05{width:47.5%}
	.photo_item03{width:97.5%}
	.photo_item06{width:57.5%;}
	.photo_item07{width:37.5%;}


}
.mynavbar {background: rgba(81,138,215,0.8);margin-top:-85px;position: relative;z-index:11}
.viewwidth{width:80%;margin:0 auto;min-width:960px}
.myflex{display:box;
display:-webkit-box;
display:-webkit-flex; 
display:-moz-box; 
display:-ms-flexbox; 
display:flex;}
 
.news_list_page_met_11_4 .met-news-list li{transition: all 0.5s}
.news_list_page_met_11_4 .met-news-list li:hover{background: #f8f8f8}
 
@charset "utf-8";
/* 底部信息 */
.foot_info_met_16_2{background:#ffffff;background:#2c3037;color:#4b4b4b;color:#c1d6ef;padding:10px 0px;position: relative;}
.foot_info_met_16_2 a{color:#4b4b4b;color:#c1d6ef;}
.foot_info_met_16_2 a:hover{color:#017eff;}
.foot_info_met_16_2 .btn-outline.btn-default{color:#4b4b4b;color:#c1d6ef;background-color:transparent;border-color:#4b4b4b;border-color:;}
.foot_info_met_16_2 .powered_by_metinfo a{color:#017eff;color:#c1d6ef;}
.foot_info_met_16_2.border-top1{border-color:#2c3037;}
.foot_info_met_16_2 .met-langlist .btn-outline.btn-default:hover,.foot_info_met_16_2 .met-langlist .btn-outline.btn-default:active,.foot_info_met_16_2 .met-langlist .btn-outline.btn-default:focus{border-color:#4b4b4b;border-color:;background-color:#4b4b4b;background-color:;color:#017eff;color:#c1d6ef;}
.foot_info_met_16_2 .met-langlist .dropdown-menu{background:;border-color:;}
.foot_info_met_16_2 .met-langlist .dropdown-menu a:hover{background:!important;}
footer{line-height:1.8;}
footer p{margin-bottom:0px;}
footer .met-langlist{margin-top:10px;}
.met-langlist li{display:inline-block;list-style:none;}
.met-langlist .btn-lang .flag-icon{margin-right:3px;}
.met-langlist .dropdown-menu{min-width:0;width:100%;}
.met-langlist .dropdown-menu .dropdown-item{white-space:nowrap;}
@media (max-width:479px){
	.met-langlist .btn-lang{padding-left:5px;padding-right:5px;}
}
#met-langlist-modal .modal-body .close{position:absolute;right:10px;top:0px;}
#met-langlist-modal a.btn{border:none;font-size:16px;height:50px;line-height:50px;}
#met-langlist-modal .flag-icon{margin-right:8px;top:7px;font-size:30px;}
.foot_info_met_16_2_bottom{
    overflow:hidden;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    width:100%;
}
.foot_info_met_16_2_bottom a.item {
    color:#ffffff;
    padding:5px 0;
    display:inline-block;
}
.foot_info_met_16_2_bottom a.item i{
    font-size:16px;
    display:block;
}
.foot_info_met_16_2_bottom a.item span{
    color:#ffffff;
}
.foot_info_met_16_2_bottom{
    display:none;
}
.foot_info_met_16_2_bottom.iskeshi{
    display:block;
}
.foot_info_met_16_2_bottom .main{
    display:flex;
}
.foot_info_met_16_2_bottom .main>div{
    flex:1;
}
@media (max-width:767px){

  .navicon  .img1 i{font-size:60px}
  .navicon .title{font-size:14px !important}



  .mynavbar .row, .mynavbar .row div{height: 50px !important;}
  .mynavbar input{padding: 2px 50px !important}
  .mynavbar .col-md-2 a{font-size: 16px !important;line-height: 50px !important;}
  .pc{display: none !important}
  .sj{display: block !important}
  .swiper-container.banner{margin-top:-20px;}
    .head_nav_met_21_11 .lh-logo img{
        
        height: 90%;
       
    }
    .head_nav_met_21_11 {
        height: auto;
        min-height: auto;
        background: white
    }
    .head_nav_met_21_11 .lh-header {
        height: 15vw
    }
    .head_nav_met_21_11 .lh-map-btn {
       
         
    }

    .foot_info_met_16_2_bottom{
        display:none;
        background:rgba(81,138,215,0.9)
    }
    /* .service_list_met_28_17 .server-con-item-text{height: 6em} */
    .service_list_met_28_17 .server-con-product-item{
      margin-bottom: 10px;
    }
  .sidebar_met_28_1_boxdiv{
    padding:35px;
  }
    .product_list_met_11_1 .img{
      transform: scale(0.8)
    }

    .product_list_met_11_1 .row{width: 90vw;margin:50px auto;}

    .product_list_met_11_1 .head p{font-size: 14px !important;padding: 0 20px;}
    .product_list_met_11_1 .col-md-3 .title{padding-top:0;font-size: 3.5vw}

    .product_list_met_11_1.text-xs-center{
      padding-bottom:0px !important
    }

    .service_list_met_28_17 .server-con-item-text{
      text-align: justify;
      line-height: 1.5em !important;
    }

    .mycase .main .img {
      max-width: 60px !important;
    }

    .indexbar{
      width: auto;
    height: 24vw;
    margin-left: -28vw;
    }
    .met-footer h4{
      padding: 10px 0;

    }

    .gyl p{
      text-align: justify ;
    }

    .neiye.cangchu .project .img1{
      height: 60vw !important
    }

    .neiye.cangchu .wd .inner{
      height: auto !important;
    }

    .neiye.cangchu .wd .inner p{
      float: left
    }

    .neiye.cangchu .wd{
      margin-bottom: -28px !important;
    }
    
    .neiye.cangchu .project .info{
      text-align: justify !important;
    }

    .neiye.cangchu .project .info h5{
      text-align: center  !important;
    }
    
    .neiye.yunli .tp .cover img{
      width:auto  !important;
    }
    .ulstyle.met-pager-ajax.imagesize{
      margin-top:0 !important;
 
    }
    .pagination li{padding:0 !important;}

    .swiper-container1 .swiper-slide span{font-size:2.5vw}
    .fzlc{height: 300px !important;}
    .neiye .text-left{
      float: none !important;
      width:80%;
      padding-left:10%;
      margin:20px auto;
    }
    .col-xs-4 img{
      width:100% !important;
    }
    .neiye.keji .inner .nr h3{
      font-size:18px !important;
      margin-top:0
    }
    .neiye.keji .col-md-8{
      float: none !important
    }
    .neiye .container.nr1 .col-md-8{
      height: auto !important;
    }
    .neiye .container.nr1{
      max-height: 100% !important;
    }
    .neiye .container.nr1 img{
      margin-top:0  !important;
    }
    .neiye .text-right{
      float: none !important;
      width:80%;
      padding-right:10%;
      margin:20px auto;
    }
.swiper-container-v .swiper-slide{
  display: block !important;
}
.swiper-container-h .swiper-slide{
  align-items: flex-start !important;
  
  position: relative; right:-15px;
}
.swiper-container-v{height: 60% !important;}

.gyl p img{width:100% !important}
 
.gyl .ptys .col-md-5th{
  width:50%;
}
.gyl .ptys .col-md-5th p{height: 4em}
.article{
  font-size:13px !important;
}
.neiye.cangchu h1{
  margin-top: 0;margin-bottom:0
}
.neiye.cangchu .map.wow{
  display: none
}
.neiye.cangchu .project .info h5{
  font-size:15px !important
}
.qdys .row{
  display: block !important
}
.gyljr .hytd .article{
  height: 4em;
}
.myneiye h1,.neiye h1, .photo_title,.tt,.sbanner .txt_block h3,.section .common_title h3{
  font-size: 26px !important
}
.myneiye h2,.advance1 .bd h4{
  font-size: 22px !important
}
.myneiye h3,.sbanner .txt_block p,.advance .hd ul li{
  font-size: 18px !important
}
.myneiye h4,.neiye h4,.advance p{
  font-size: 14px !important;line-height: 1.75em;
}
.myneiye .kxls .col-md-3 h4{height: 3em;}
.myneiye .kxls .fwnr .item{
  width:100% !important;
  margin-bottom:20px;
}
.myneiye .dzkj .hxys .row, .myneiye .kxls .hxys .row{
  display: block !important;
}
.myneiye .gyjx .hxys .row .box{width:100% !important;padding:20px;}
.myneiye .dzkj .hxys .box:first-child h3,.myneiye .dzkj .hxys .box:last-child h3{text-align: center !important;}
.alignright {text-align: justify !important}
.rotate{display: none}
.myneiye .kxls .fwnr .item, .myneiye .gyjx .fwnr .item, .myneiye .pthg .fwnr .item,.myneiye .fwnr .item, .myneiye .fwnr1 .item{
  width: 100%  !important;margin-bottom:20px;
}
.myneiye .fwnr .item ul{
  height: auto !important;
}
.myneiye .pthg .hxys .box,.myneiye .dzkj .hxys .row .box{
  position: relative !important;
    width: 100% !important;
    padding:20px;
}
.myneiye .pthg .hxys .box:nth-child(2),.myneiye .pthg .hxys .box:nth-child(1),.myneiye .pthg .hxys .box:nth-child(3){
  top:0 !important;
}
.myneiye .hxys h3 .dt{display: none}
.myneiye .pthg .hxys .row{margin-top:0 !important;height: auto !important;}
 
.tt{
  top:80px !important;
}
#scene .menu{
  
  height: 60vw !important;
}

.ccgl .row{padding:10px }
.ccgl .section.bg{display: none}
#gobanck,.common_crumb{
  display: none
}
.advance .hd ul{
  width:100% !important
}

.advance .bd{
  margin-top:30px !important
}
.ccgl .ygl .col-md-4{
  padding:0 !important
}
.ccgl .clyq .row .col-md-4 .left{
  text-align: left !important;
  padding-top:0  !important;
  margin-top: -15px;
    margin-bottom: 24px;
}
.ccgl .clyq .row{
  display: block !important;
 
}
.ccgl .clyq .row .col-md-4 .right{
  position: relative !important;
  margin-top: 54px;
  right:0 !important;
}
.ccgl .clyq .row .col-md-4 .left li:before{
  right:auto !important;left:-25px !important;
}
.pda .row{
  flex-direction: column;
}
.pda{
  padding: 0 20px !important;
}
.shou{float:none !important;width:100% !important;height: auto !important;}

.pda .shouji{
  width: 100% !important;
}

.pda .shouji .inner{
  width: 65vw !important;
    height: 112vw !important;
}
.shouji .swiper-slide img{
  width:100% !important;
}
.shouji .swiper-slide{
  height: auto !important;
}
.hxys .it2 .box{
  width:100% !important;
  margin:0 !important;
  margin-bottom:10px  !important;
}
#dowebok .shuju{display: none !important}
#dowebok .row,.mysection{display: block !important}
#dowebok .row .col-md-7th, #dowebok .row .col-md-3th,#dowebok .row .col-md-25th,#dowebok .row .col-md-5th,#nextS .imgbox{width:100% !important}
.dashuju  .scrollFlag,.row.shuju em{display: none !important}
.mysection{height:auto !important}
#map,#map1{height: 100vw  !important;}
#dowebok .mysection .container{
  padding:0 !important;}
#fp-nav{display: none !important}
.mysection .row .items{margin-left: 25px !important;margin-right:0 !important;}
.mysection .row1 .items{margin-left: 5px !important;margin-right:0 !important;}
.article{padding:0 10px}
.mysection .row1 .item{
  text-align: left !important;
  flex-direction:row !important;
}
}

@charset "utf-8";
/* 返回顶部 */
.back_top_met_16_1.met-scroll-top{position:fixed;right:10px;bottom:20px;z-index:1601;}
.back_top_met_16_1.met-scroll-top{border-color:#ffffff;
    background-color:#ffffff;border-color:#017eff;
    background-color:#017eff;color:#ffffff;}
.back_top_met_16_1.met-scroll-top:hover,.back_top_met_16_1.met-scroll-top:focus{
    border-color:#017eff;
    background-color:#017eff;border-color:#1b61c2;
    background-color:#1b61c2;color:#ffffff;
}
.back_top_met_16_1.views{
    bottom:70px;
}
@media (max-width:767px) {
    .back_top_met_16_1.met-scroll-top{
        bottom:70px;
    }
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li  a{border:1px solid #999 }
 
 
.met_pager .pagination li{border:none}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover, .subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link.active {
  color: #fff;
  background-color: #017eff !important;
  border: 1px solid #017eff;
}

.met_pager a{border-right:1px solid #e4eaec}

.subcolumn_nav_met_11_3 {
    text-align: center;
    background: #eee
}

.overflow-visible {
    overflow: visible !important;
}

.subcolumn_nav_met_11_3.bordernone {
    border-bottom: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul {
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li {
    white-space: nowrap;
    display: inline-block;
    float: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link {
    text-decoration: none;
    display: block;
    margin: 0 5px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    padding: 0 20px;
    height: 30px;
    color: #000000;
    color: ;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:active,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:focus,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover {
    text-decoration: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link.active {
    color: #fff;
    background-color: #017eff !important;
 
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li>ul>li>a.active {
    color: #4299de !important;
    color:  !important;
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li .dropdown-menu {
    top: 40px
}

.subcolumn_nav_met_11_3 .product-search:first-child {
    margin-top: 10px
}

.subcolumn_nav_met_11_3 .product-search .form-group {
    max-width: 500px;
}

.subcolumn_nav_met_11_3 .input-search .form-control {
    border-radius: 0;
}

.subcolumn_nav_met_11_3 .form-control.focus,
.form-control:focus {
    border-color: #4299de;
    border-color: ;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location {
    float: left;
    font-size: 12px;
    padding: 10px 0;
    width: 50%;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location .location {
    color: #000000;
    color: ;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location li {
    line-height: 30px;
    float: left
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location a {
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    color: ;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location a:active,
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:focus,
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover {
    text-decoration: none
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover {
    color: #4299de;
    color: ;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location .fa {
    padding: 0 10px
}

.subcolumn_nav_met_11_3 .subcolumn-nav {
    float: left;
    width: 50%;
}

.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a {
    color: #000000 !important;
    color:  !important;
}

.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a:hover {
    color: #4299de !important;
    
}
 

@media (max-width:767px) {
  #bigsubnav{display: none}
    .subcolumn_nav_met_11_3 {
        border-bottom: 1px solid #f0f2f5
    }

    .subcolumn_nav_met_11_3 .row {
        margin: 0
    }

    .subcolumn_nav_met_11_3 .subcolumn-nav {
       display: none
    }

    .subcolumn_nav_met_11_3 .subcolumn-nav-location {
        float: none
    }

    .subcolumn_nav_met_11_3 .subcolumn-nav-location {
        width: 100%;
    }

    #allmap{display: none}

    .news_list_met_11_3 .title-box .tabs {   width:100%;margin-bottom: 20px }
    .news_list_met_11_3 .imgnews-list .item-1 {margin-top:0}
    .news_list_met_11_3 .title-box .head {margin-bottom:10px !important   }

    .funav li a{padding:5px !important}

    .gyl .ptys p{padding:0 !important;text-align: center !important}
    .mynavbar{margin-top:0 !important}
    .mynavbar input{width: 100% !important;;font-size: 13px !important;}
    .mynavbar .row, .mynavbar .row div{text-align: center; line-height: 2em !important;}
    .mynavbar .col-md-2.more:after{height: 30px !important}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0 !important}
    .neiye.cangchu .box{
      margin-bottom:  0 !important
    }
  


    .neiye.cangchu.peisong .col-md-4 .box strong{
      font-size:18px !important;
    }
    .neiye.cangchu .sdys .col-md-4 img{
      width: 100% !important;
    }
    .neiye.cangchu.jinrong .sdys .col-md-4,.neiye.cangchu.jinrong .sdys .col-md-4 *{
      transform: scale(0.95) !important;
    }
    .neiye.cangchu.jinrong .sdys {
      margin:0 !important;
    }

    .neiye.cangchu.kuaixiao .wdys h3{
      font-size:17px !important;
    }
    .neiye.cangchu.kuaixiao .wdys h1{
      margin-bottom: 0  !important;
    }
    .neiye.cangchu.kuaixiao .wdys table{
      margin-top:30px;
    }
    .neiye.cangchu.kuaixiao .wdys table tr td:first-child{
      width:250px !important
    }

    .neiye.cangchu.kuaixiao .wdys .col-md-3 p{
      padding:0 !important;height: auto !important;
    }

    .neiye.cangchu.kuaixiao .fwnr{
      margin-bottom: -80px !important;
      padding: 10px !important;

    }

    .neiye.cangchu.gongye .hytd{
      margin-top:-30px
    }

    .neiye.cangchu.gongye .dd .row p{
      height: 15em !important;
    }
    .neiye.cangchu.gongye img,.neiye.cangchu.huagong img,.neiye.cangchu.dianzi img{width:100%}
    .neiye.cangchu.huagong .ffnr .col-md-6 .box{
      height: 380px !important;
    }
    .neiye.cangchu.huagong .hxys li p{
      padding: 0 !important;
    }
    .neiye.cangchu .box img{
      margin-left:0 !important;
    }

    .neiye.cangchu.dianzi   .col-md-5th{
      float: left;
      width:50%;
    }
    .neiye.cangchu.dianzi   .col-md-5th:last-child{
      width: 100%
    }

    .neiye.keji .nr img{
      height: auto !important;
      width: 100% !important;
    }

    .neiye.cangchu .container{
      margin:20px auto;
    }
}



 
.mytitle{
    font-weight: normal !important;
    font-size:24px !important;
    text-align: center !important;
    position: relative;
    margin-bottom:25px !important;

}
.mytitle:after{
    content:'';
    background:#017eff;
    height: 5px !important;
    width:100px  !important;
    position: absolute;
    bottom: -15px;
    left:-3px;
    right:0;
    margin:auto

}
.jjfa.mytitle:after{
    background:white;
    height: 4px !important;
}

.news_list_met_11_3 .head .desc{
    display: none
}
.service_list_met_21_4 {
  padding: 70px 0 30px 0 !important;
  padding-top:30px !important;
}
.node{display: none}
.neiye .row{margin:30px 0}
.neiye h1,.photo_title{font-size: 32px;color:#333;text-align: center;margin-top:1.5em}
.neiye h2{font-size: 20px;color:#333;text-align: center;margin-bottom:2em;}
.neiye h3{color:#333;}
.neiye .hytd h3{font-size:18px}
.neiye p{margin-top:1em;font-size:14px;color:#666;text-align: justify}
.neiye p img{margin:1em 0}
.neiye .row img{width:100%}
.neiye.yunli .row,.neiye.yunli p{text-align: center}
 
.neiye.yunli .tp{position: relative;}
.neiye.yunli .tp .cover{position: absolute; width: 100%; height: 100%;;z-index:11;background:rgba(28, 37, 59, .7)}
.neiye.yunli .tp .cover img{position: absolute; left:0;top:0;right:0;bottom:0;margin:auto;}
.neiye.yunli .tp   img.img{   filter: grayscale(100%);
  transition: all 0.5s;
  opacity: 0.7;position: relative;z-index:1;}


.col-md-5th{width:20%;float:left; }
.neiye .inner img{width:50%;display: block;margin:0 auto;}
.neiye .inner h3{text-align: center}
.neiye .inner h3:first-child{margin-top:20px}

.neiye .t h1{border:2px solid #80c1fc;padding:20px;margin-bottom:-20px;margin-top:50px;}
 
.neiye .t p{padding:20px;font-size:20px;text-align: center}
.neiye .t .col-md-3:nth-child(1) p{border:2px solid #80c1fc}
.neiye .t .col-md-3:nth-child(2) p{border:2px solid #8bc24a}
.neiye .t .col-md-3:nth-child(3) p{border:2px solid #80c1fc}
.neiye .t .col-md-3:nth-child(4) p{border:2px solid #fcac65}
.neiye.keji p{text-align:center}
.neiye.keji h2{margin-bottom:10px}
.neiye.keji .row{margin-top:50px;margin-bottom:50px;}
.neiye.keji .row p{color:#666}
.neiye.keji h1{margin-top:30px;}
.neiye.cangchu .left{float:left;width:35%;}
.neiye.cangchu.peisong .left{float:left;width:30%;}
.neiye.cangchu.yunli .left{float:left;width:30%;}
.neiye.cangchu .right{width:60%;margin-left:5%;float:left;}
.neiye.cangchu .right.m{width:60%;margin-left:5%;float:left;height: 90px; display: flex; align-items: center;}
.neiye.cangchu .right.m strong{font-size:20px}
.neiye.cangchu.yunli .right{width:65%;margin-left:5%;float:left;text-align: left}
.neiye.cangchu.peisong .right{width:65%;margin-left:0%;float:left;display: flex;align-items: center;height:90px;}
.neiye .text-left h2,.neiye .text-left p{text-align: left}
.neiye .text-left{float: left}
.neiye .text-right{float: right}
.neiye .nr h2{position: relative;}
.neiye .nr h2::before{content: '';height: 29px;width: 29px;background: url(../images/tb.png) center center no-repeat;position: absolute;left:-40px;top:5px;}
.neiye  .nr .text-right h2::before{left:auto;right:-40px;}

.neiye .text-right h2,.neiye .text-right p{text-align: right}
.neiye.cangchu.peisong .col-md-5th p{text-align: center}

.neiye .container.nr1{max-width: 1000px;max-height: 750px;overflow: hidden;}
.neiye .container.nr1 .col-md-8{height: 1000px;}
.neiye .container.nr  h2{margin-bottom:-13px}
.neiye .container.nr1 img{margin-top:50px;}
.neiye.cangchu h1{margin-top:30px;margin-bottom:30px;}
.neiye.yunshu h1{margin-top:30px;margin-bottom:30px;}
.neiye.cangchu .container{margin:50px auto;}
.neiye.cangchu  .box img{width:80%;margin-left:20%}
.neiye.cangchu.yunli  .box img{width:90%;margin-left:10%}
.neiye.cangchu  .box{ position: relative; padding:30px 0;margin-top:30px;margin-bottom:50px;background: white;overflow: hidden;display: flex;align-items: center}
.neiye.yunli  .box{ border:1px solid #ccc}


.neiye.cangchu  .box p{text-align:left ;padding:0;font-size:14px;margin-top:0;padding-right:10px;margin-bottom: 0}
.neiye.cangchu.ganxian  .box p{height: 5em}
.neiye.cangchu  .box strong{display: block; font-size:25px;font-weight: normal;}
.neiye.cangchu .inner{background: white;overflow: hidden;margin-bottom:15px;}
.neiye.cangchu .wd .inner{height: 10em;}
.neiye.cangchu .wd .inner h6{    margin-right: 20px;height: 100%;line-height: 100%}



.neiye.cangchu .inner h6{font-size:25px;float: left;padding:0.5em;padding-top:1em;}
.neiye.cangchu  .wdys .col-md-5th{text-align: center}
.neiye.cangchu  .wdys .col-md-5th p{background: white;height: 11em;padding:1em;margin-top: 0px;}
.neiye.cangchu  .wdys .col-md-5th h3{ margin-bottom: 0;padding:0em;margin-top: 0px;}
.neiye.cangchu  .wdys .col-md-5th img{width:auto;}
.neiye.cangchu  .sdys .col-md-4,.neiye.cangchu  .sdys .col-md-4 p {text-align: center}
.neiye.cangchu  .sdys .col-md-4 img{width:auto;}

.neiye.cangchu .project {margin-top:45px;}
.neiye.cangchu .project .col-md-3,.neiye.cangchu .project .col-md-4{padding:0;position: relative}

.neiye.cangchu .project .img1{width: 100%;
    filter: grayscale(100%);
    transition: all 0.5s;
    opacity: 0.7;
  height: 19vw;
  }
 .neiye.cangchu .project .col-md-3:hover .info, .neiye.cangchu .project .col-md-4:hover .info{ background: rgba(0, 126, 255, .9) }
 .neiye.cangchu .project .col-md-3:hover .info h5, .neiye.cangchu .project .col-md-4:hover .info h5{top:0; }
 .neiye.cangchu .project .col-md-3:hover .info p, .neiye.cangchu .project .col-md-4:hover .info p{top:0; }
 .neiye.cangchu .project .col-md-3 p, .neiye.cangchu .project .col-md-4 p{position: relative;top:80px;transition: all 0.5s;}
.neiye.cangchu .project .info{position: absolute;width:100%;text-align: center;height: 100%;background: rgba(28, 37, 59, .7);left:0;top:0;flex-direction: column;justify-content: center;padding:50px;color:white;bottom:0;right:0;margin:auto;display: flex;opacity: 1;transition: all 0.5s   }
.neiye.cangchu .project .info h5{font-size:25px;color:white;position: relative;transition: all 0.5s;}
.neiye.cangchu .col-md-5th{margin-top:25px;}
.neiye.cangchu .col-md-5th .nr p{text-align: justify}
.neiye.cangchu .col-md-5th h5{text-align: center;font-size: 18px;background: #f7f7f7;margin-top:0;padding:0.8em}
.neiye.cangchu .col-md-6 .col-md-8{height: 130px;overflow: hidden;position: relative;}
.neiye.cangchu .col-md-6 .col-md-8 img{position: absolute;top:-50%;bottom: -50%;margin:auto;left:0}
.neiye.cangchu .col-md-6 .row{background: white}
.neiye.cangchu .col-md-6 .row h6{font-size:20px;padding-top:10px;color:#000}

.neiye.cangchu.kuaixiao .box img{width:60%;min-width: 100px}

.neiye.cangchu.kuaixiao .col-xs-6{text-align: center}
 
.neiye.cangchu.kuaixiao .wdys .tp{background: #017eff;color:white}
.neiye.cangchu.kuaixiao .wdys .col-md-4{text-align:center;padding:0 50px;}
.neiye.cangchu.kuaixiao .wdys .col-md-4 p{text-align:justify}
.neiye.cangchu.kuaixiao .wdys .tp h3{color:white;padding-bottom: 25px;margin-bottom: 0}
.neiye.cangchu.kuaixiao .wdys p{background: #fff;text-align:justify;padding:15px;margin-top:0;height: 10em;display: flex;align-items: center;justify-items: center}
.neiye.cangchu.kuaixiao .wdys p a{display: block; width: 100%; text-align: justify;}
.neiye.cangchu.kuaixiao td{padding:9px 10px;}

.neiye.cangchu.kuaixiao .box{margin-bottom: 0 }

.neiye.cangchu.gongye .wdys{text-align: center }
 
.neiye.cangchu.huagong td{padding:25px }
.neiye.cangchu.huagong .ffnr .col-md-6 .box{height: 310px;margin-bottom:  0}
.neiye.cangchu.huagong .ffnr .col-md-6 .box img{width:110px;margin-top: -150px;}
.neiye.cangchu.huagong .ffnr  strong{padding-bottom: 10px;}
.neiye.cangchu.huagong .ffnr ul{padding-left: 20px;margin-top:20px}
.neiye.cangchu.huagong .ffnr .box p{margin-bottom:0;}
.neiye.cangchu.huagong .right{margin-left:0}
.neiye.cangchu.huagong .left{height: 100%; display: flex; align-items: center;}
.neiye.cangchu.huagong .hxys *{text-align:center}
.neiye.cangchu.huagong .hxys ul{padding:0;height: 10em;}
.neiye.cangchu.huagong .hxys li{list-style: none}
.neiye.cangchu.huagong .hxys li p{margin-top: 0; margin-bottom: 3px; padding: 0 50px; text-align: justify;}
.neiye.cangchu.gongye .dd .row{background: none}
.neiye.cangchu.gongye .dd .row h4{background: #017eff;font-size:20px;color:white;padding:10px;text-align: center;margin-bottom: 0;margin-top:0}
.neiye.cangchu.gongye .dd .row h3{background: #017eff;font-size:25px;color:white;padding:10px;text-align: center;margin-bottom: 0;margin-top:0;position: relative;z-index:0}
.neiye.cangchu.gongye .dd .row p{background: white;padding:20px;margin-top:0;height: 11em;margin-bottom:0;position: relative;z-index:11;display: flex;align-items: center;}
.neiye.cangchu.gongye .dd .row p a:after{content:'。'}
.neiye.cangchu.gongye .dd .xsd h4,.neiye.cangchu.gongye .dd .xsd h3{background: #f08200;}
.neiye.cangchu.gongye .dd .row h3:before{
  content:'';
  height:150px;
  width: 2px;
  position: absolute;
  background: #017eff;
  left:25%;
  z-index:-1;
  top:0;bottom:0;margin:auto;
}
.neiye.cangchu.gongye .dd .row h3:after{
  content:'';
  height:150px;
  width: 2px;
  position: absolute;
  background: #017eff;
  right:25%;
  z-index:-1;
  top:0;bottom:0;margin:auto;
}
.neiye.cangchu.gongye .dd .xsd h3:before,.neiye.cangchu.gongye .dd .xsd h3:after{
  background: #f08200;
}

.neiye.dianzi .col-md-4 .box{border:1px solid #ccc}
.neiye.dianzi .col-md-4 .box strong{text-align: left;padding-bottom:15px;}
.neiye.dianzi .col-md-4 .box ul{padding-left:20px;height: 5em}
.neiye.dianzi .col-md-4 .box ul p{margin:0}
.neiye.cangchu.kuaixiao.dianzi .box img{min-width: 100px}
.neiye.dianzi .container.dt{max-width: 1200px}
.neiye.dianzi .container.dt .inner{padding:25px}
.neiye.dianzi .container.dt .inner ul{padding-left:18px}
.neiye.dianzi .container.dt .inner ul p {margin:0}
.neiye.dianzi .container.dt .inner strong {padding-bottom:10px;font-size:16px}
.neiye.dianzi .container.dt .inner h6 {padding:10px;font-size:16px;margin:0;color:#333;background: url(../images/dt.png) left center no-repeat;text-indent: 1em}
.neiye.dianzi .container.dt .col-md-8{position: relative;}
.neiye.dianzi .container.dt .col-md-8 .dot{position: absolute;height: 10px;width:10px;border-radius: 10px;background:#f08200;animation:dot 3s infinite alternate;}
.neiye.dianzi .container.dt .col-md-8 .dot:after{
  content:'';
  height:20px;
  width:20px;
  border-radius: 20px;
  border:1px solid #f08200;
  display: block;margin-left:-5px;margin-top:-5px;
  animation:sd 2s infinite alternate;
}

/* .neiye.dianzi .container.dt .col-md-8 .dot:nth-child(1){left:25%;top:30%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(2){left:80%;top:31%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(3){left:51%;top:50%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(4){left:45%;top:49%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(5){left:59%;top:53%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(6){left:73%;top:47%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(7){left:50%;top:64%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(8){left:57%;top:65%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(9){left:66%;top:62%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(10){left:74%;top:59%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(11){left:81%;top:59%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(12){left:45%;top:80%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(13){left:57%;top:72%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(14){left:65%;top:68%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(15){left:79%;top:65%}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(16){left:68%;top:81%} */

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(1){left: 71%;top: 37%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(2){left: 81%;top: 59%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(3){left: 68%;top: 81%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(4){left: 65%;top: 62%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(5){left: 57%;top: 65%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(6){left: 59%;top: 52%;}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(7){left: 81%;top: 30%;}


.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(8){left: 30%;top: 30%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(8):after{display: none}


.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(9){left: 35%;top: 45%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(9):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(10){left: 40%;top: 35%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(10):after{display: none}


.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(11){left: 50%;top: 65%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(11):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(12){left: 50%;top: 79%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(12):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(13){left: 55%;top: 73%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(13):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(14){left: 65%;top: 73%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(14):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(15){left: 73%;top: 58%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(15):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(16){left: 73%;top: 48%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(16):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(17){left: 78%;top: 54%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(17):after{display: none}

.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(18){left: 78%;top: 65%;animation: none}
.neiye.dianzi .container.dt .col-md-8 .dot:nth-child(18):after{display: none}


@keyframes dot{
  0% {
     transform: scale(1);
     box-shadow: 0px 0px 0px rgba(255,147,30,0.8);
  }

  50% {
    transform: scale(1.5);
    box-shadow: 0px 0px 20px rgb(255, 150, 30);
  }

  100% {
    transform: scale(1);
    box-shadow: 0px 0px 0px rgba(255,147,30,0.8);
  }
} 

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

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

  100% {
    transform: scale(0.8);
    opacity: 0.8;
   
  }
} 
@media (max-width:960px) {
  .centerimg{

    height: 50vw !important;
  }
    .neiye.keji .row .col-md-6{float:none !important;margin-bottom:40px;}
    .back_top_met_16_1.met-scroll-top{
        bottom:70px;
    }
    .neiye p{text-align: left}
    
    .neiye .row .p{text-align: left}
    .neiye .col-md-5th{width:100%;float: none;overflow: hidden;margin:10px 0}
    .neiye .col-md-5th .inner{ overflow: hidden;position: relative;}
    .neiye .col-md-5th img{width:16%;}
    .neiye.cangchu .col-md-5th img{width:100%;}
    .neiye.cangchu .wdys .col-md-5th p{height: auto;}
    .neiye.cangchu.ganxian .col-md-4 .box p{height: auto;}
   
    
}


.foot_contact_met_m1156_6{  position:relative; background-position:top center; background-size:cover;
  padding:40px 0; color:#a5a5a5; color:#c1d6ef;}
  @media(max-width:1199px){
  .foot_contact_met_m1156_6{padding:30px 0;} }
  @media(max-width:767px){
    .cover-image{margin-top:-5.5vw}
  .foot_contact_met_m1156_6{padding:20px} }
  
  .foot_contact_met_m1156_6 .col-md-4{padding-top:15px; padding-bottom:15px;}
  
  
  .foot_contact_met_m1156_6 p{color:#a5a5a5; color:#c1d6ef; line-height:2;}
  .foot_contact_met_m1156_6 h4{color:#4b4b4b; color:#fff;padding-bottom:11px;}
  .foot_contact_met_m1156_6 a{color:#a5a5a5; color:#c1d6ef;} 
  .foot_contact_met_m1156_6 a:hover{color:#017eff; color:#ffffff;}
  
  .foot_contact_met_m1156_6 .description{position:relative;}
  
  .foot_contact_met_m1156_6 dd,
  .foot_contact_met_m1156_6 dt{line-height:1.57142857;}
  
   
  .foot_contact_met_m1156_6 .dl-contact{margin-bottom:11px;}
  .foot_contact_met_m1156_6 .dl-contact dt{float:left; clear:left; font-size:16px; text-align:center; width:20px; margin:0; padding:0;}
  .foot_contact_met_m1156_6 .dl-contact dd{margin:0; padding:0; margin-left:45px;} 
  
  .foot_contact_met_m1156_6 .dl-news{margin-bottom:11px; min-height:50px;}
  .foot_contact_met_m1156_6 .dl-news dt{float:left; clear:left; width:50px; margin:0; padding:0;}
  .foot_contact_met_m1156_6 .dl-news dd{margin:0; padding:0; margin-left:60px;}
  .foot_contact_met_m1156_6 .dl-news dd a{display:block;}
  .foot_contact_met_m1156_6 .dl-news dd i{display:block; font-style:normal;}
   
  
  .foot_contact_met_m1156_6 .social-box{padding-top:29px;}
  .foot_contact_met_m1156_6 .social-box a{display:inline-block; width:45px; height:45px; border-radius:45px; 
  text-align:center; line-height:45px; font-size:16px; margin:0 10px 10px 0; position:relative;
  background:; color:#4b4b4b; color:#ffffff;}
  .foot_contact_met_m1156_6 .social-box a span{position:absolute; z-index:1000; width:120px; margin:0; display:block;
  box-shadow:0 3px 6px rgba(0,0,0,.1); visibility:hidden; opacity:0; bottom:60px; left:50%; margin-left:-60px;
  transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
  .foot_contact_met_m1156_6 .social-box a:hover span{visibility:visible; opacity:1;}
  .foot_contact_met_m1156_6 .social-box a span:before{position:absolute; left:50%; top:100%; border-style:solid; border-width:8px 6px 0 6px;
  border-color:transparent; border-top-color:#4b4b4b; border-top-color:#ffffff; content:''; margin-left:-6px;}
  .foot_contact_met_m1156_6 .social-box a span img{width:100%; display:block;}
  
  @media(max-width:1650px){
    .bigsubnav .funav{width:12%}
    .bigsubnav .zinav {
      /* width: 64%; */
    }
  }
  
  @media(max-width:1310px){
    .bigsubnav .inner{width:98%}
    .bigsubnav{height: 288px;}
  }
.centerimg{

  height: 405px;
    position: relative;
}

.centerimg img{
  position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
    height: 50vw;
    max-height: 100%;
}



.caseli p{height: 8em; }
.caseli{margin-bottom:25px;}
.caseli .nr{border:1px solid #eee;padding:5px;transition: all 0.5s}
.caseli:hover .nr{-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.1);
-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.1);
box-shadow: 3px 3px 7px rgba(0,0,0,0.2); }

.caseli h2{font-size: 18px;padding:15px 0;padding-bottom: 5px;  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;width:100%; }    
.caseli p a{color:#666}

.gyl .project {margin-top:45px;}
.gyl .project .col-md-3{padding:0;position: relative}

.gyl .project .img1{width: 100%;
  filter: grayscale(100%);
  transition: all 0.5s;
  opacity: 0.7;}
.gyl .project .col-md-3:hover .info{ background: rgba(0, 126, 255, .9) }
.gyl .project .col-md-3:hover .info h5{top:0; }
.gyl .project .col-md-3:hover .info p{top:0; }
.gyl .project .col-md-3 p{position: relative;top:80px;transition: all 0.5s;}
.gyl .project .info{position: absolute;width:100%;text-align: center;height: 100%;background: rgba(28, 37, 59, .7);left:0;top:0;flex-direction: column;justify-content: center;padding:50px;color:white;bottom:0;right:0;margin:auto;display: flex;opacity: 1;transition: all 0.5s   }
.gyl .project .info h5{font-size:25px;color:white;position: relative;transition: all 0.5s;}
.gyl h1{text-align: center;font-size: 28px;margin:10px;}
.gyl h6{text-align: center;font-size: 14px;text-transform:uppercase;margin-bottom:20px;color:#999;}
.gyl .ptys{text-align: center;margin:35px 0;}
.gyl .ptys .col-md-2{height:240px;}
.gyl .ptys p{color:#666;padding:15px 0;transition: all 0.5s}

.gyl .ptys .imgbox h4{padding:5px 0}


.gyl .brand .nr{overflow:hidden;width:100%;text-align: center;padding: 60px 0}
.gyl .brand .nr:nth-child(odd){background: #f7f7f7}
.gyl .brand .nr p{padding:10px 50px;text-align: left;text-indent: 2em;color:#333;line-height:2em}
.gyl .brand li{list-style: none;display: flex;flex-direction:column;justify-content: center;height: 800px;	}
.gyl .brand img{width: 100%; transition: all 0.5s}
.gyl .brand .left{float: left;width:50%;overflow:hidden;}
.gyl .brand .right{float: right;width:50%; overflow:hidden;}
.gyl .brand .nr h3{color:#014099;}
.gyl .brand .nr h4{margin:0;}
.gyl .brand .nr:hover img{transform: scale(1.1)}


@media (max-width:760px){
.gyl .brand .nr p{padding:0px;font-size:12px;}
.gyl .brand {padding:20px;}

.gyl .brand li{height: auto;	}
.gyl .brand .left, .gyl .brand .right{float: none;width:100%;}
.gyl .brand .nr h3{padding-top:25px} .gyl .project .col-md-3 .info{padding:0;background: rgba(37,102,195,0.6);width:100%;height: 100%;opacity: 1;transform: scale(0.98); }
 .gyl .project .col-md-3 .info h5{font-size:14px;top:0; }
  .gyl .project .col-md-3 .info p{display: none}
.gyl .project {margin-top:25px;}
.caseli{ }
.caseli .imgbox{float: left;width:100%;margin-right:0;}
.caseli a.more{position: static;width:100%;right:0;bottom:0;display:block;height: auto}
}

@media (min-width:761px){


.gyl .brand .left, .gyl .brand .right{max-height: 350px}
 
}
.anima .bg{
  height: 22vw !important;
}

.neiye.ganxian .wdys .col-md-5th p{
  background: none
}
.neiye.ganxian .wdys .col-md-5th h3{
  margin-top:1em;
}

.neiye .article{
  font-size:16px;
  line-height: 2em;
  color: #808080;
  text-align: justify
}
 
.section .common_title h3 {
  font-size: 35px;
  color: #333333;
  text-align: center;
}
  .mysection{
    display: flex;
    flex-direction: column;
    justify-content: space-around
  }
  .mysection .article{
    text-align: center
  }
  .mysection .container{
    padding:50px 0
  }
  .mysection .row{
    display: flex;
    margin-top:50px;
    justify-content: center
  }
  .mysection .row1{
    display: flex;
    margin-top:50px;
    justify-content: center;
    flex-direction: row-reverse
  }
  .mysection .row .items{
    margin-left:100px;
    justify-content: space-around;
  display: flex;
  flex-direction: column;
 
  }
  .mysection .row .item div{
    width:300px;
  }
  .mysection .row1 .items{
    margin-left:0;
    margin-right:100px;
  }
  .mysection .row .item{
    display: flex;
    align-items: center;
   
  }
  .mysection .row1 .item{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    text-align: right
  }
  .mysection .row .item em{
    width:30px;height: 30px;display: block;margin-right: 20px;
  }
  .mysection .row1 .item em{
    margin-left: 20px;
  }
  .mysection .row .items h4{
    color:#333;margin-bottom: 2px;
  }
  .mysection .row .items p{
    color:#808080;
    margin-bottom: 0.5em;
  }

  #dowebok .shuju{
    background: rgba(0,0,0,0.2);padding:25px 0 15px
  }
  #dowebok .shuju .col-md-3,#dowebok .shuju .col-md-4{
    display: flex;
    justify-content: center;
    border-right:1px solid rgba(1,126,255,0.5)
  }
  #dowebok .shuju .col-md-3:last-child,  #dowebok .shuju .col-md-4:last-child{
    border-right:none
  }
  #dowebok  .shuju  em{width:60px;height: 60px;display: block;margin-right:20px}
  #dowebok .shuju  h4{color:rgba(255,255,255,0.8);font-size:13px}
  #dowebok  .shuju  p{padding:0;font-size:25px;text-align: left}
  #dowebok .shuju{margin-top:100px}

  @keyframes myshake{
    0%{-webkit-transform: translateY(0); transform: translateY(0);}
    50%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
    100%{-webkit-transform: translateY(0); transform: translateY(0);}
  }
  @-webkit-keyframes myshake{
    0%{-webkit-transform: translateY(0); transform: translateY(0);}
    50%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
    100%{-webkit-transform: translateY(0); transform: translateY(0);}
  }

  @keyframes myshake1{
    0%{margin-top:4}
    50%{margin-top:4px;}
    100%{margin-top:4}
  }
  @-webkit-keyframes myshake1{
    0%{margin-top:4}
    50%{margin-top:4px;}
    100%{margin-top:4}
  }
  .neiye.cangchu .box:hover{
    box-shadow: 0 0 30px rgba(1,126,255,0.2);
  }
  .rotate{
    animation: trail1_ 20s linear   infinite;
  }
  .rotateY{
    animation: trail2_ 20s linear   infinite;
  }

  @-webkit-keyframes trail_ {
    from {
        -webkit-transform: rotateZ(0)
    }
    
    to {
        -webkit-transform: rotateZ(-360deg)
    }
    }
    
    @-webkit-keyframes trail1_ {
    from {
        -webkit-transform: rotateZ(0)
    }
    
    to {
        -webkit-transform: rotateZ(360deg)
    }
    }

    @-webkit-keyframes trai2_ {
      from {
          -webkit-transform: rotateY(0)
      }
      
      to {
          -webkit-transform: rotateY(-360deg)
      }
      }
      
      @-webkit-keyframes trail2_ {
      from {
          -webkit-transform: rotateY(0)
      }
      
      to {
          -webkit-transform: rotateY(360deg)
      }
      }

      @-webkit-keyframes trai3_ {
        from {
            -webkit-transform: rotateX(0)
        }
        
        to {
            -webkit-transform: rotateX(-360deg)
        }
        }
        
        @-webkit-keyframes trail3_ {
        from {
            -webkit-transform: rotateX(0)
        }
        
        to {
            -webkit-transform: rotateX(360deg)
        }
        }

      @-webkit-keyframes opa{
        0%{opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5);}
        80%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
        100%{opacity: 0;}
        }
        @keyframes opa{
        0%{opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5);}
        80%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
        100%{opacity: 0;}
        }

        @media (min-width: 1600px){
          .container {
            width: 1200px;
        }
        }