bannera{ width: 100%; height: 600px; background: #000000;}
.lm{ width: 100%; height: 108px; background: #FDFAFA;}
.lanmu_cn{ width: 1200px; margin: 0 auto;}
.lanmu_cn_a{ width: 31.5%; float: left; margin-top: 2%; margin-left: 1.5%;cursor:pointer}
.lanmu_cn_a span{font-size:14px;color:#48494C;line-height:25px; display: block; line-height: 30px; }
.lanmu_cn_a span:hover{color:#2D7DF6;}
.lanmu_cn_a span:nth-child(2){ font-size: 12px; color: #808492; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in_cn{ width: 100%; padding-bottom: 3%;}
.lanmu_cn_a a{font-size:16px;color:#48494C;line-height:25px; display: block; line-height: 30px;}
.lanmu_cn_a a:hover{color:#2D7DF6;}

/*核心内容*/
.hexin{ width: 1200px; margin: 0 auto;  }
.h_title{ width: 40%; margin: 0 auto; text-align: center; color: #515151; font-size: 26px; /*line-height:80px;*/margin-top: 60px; margin-bottom: 40px;}
.h_title2{ width: 40%; margin: 0 auto; text-align: center; color: #515151; font-size: 26px; line-height:35px; margin-top: 5%;}
.h_k{ width: 1200px; margin: 0 auto;}

/*解决方案*/



.jie_top_o{ width: 50%; float: left; height: 228px; position: relative; z-index: 1;}
.jie_top_o .jie_img{float: left;}
 .jie_top_o .jie_wen{ width: 221px; height: 228px; z-index:5;  background: url(../img/yellow-bg.png) no-repeat;position: absolute; right: 0px;color:rgba(255, 255, 255, 1);}
/* .jie_top_o:hover .jie_wen{ width: 221px; height: 228px; z-index:5;  background: url(../img/wihte-bg.png) no-repeat;position: absolute; right: 0px;color:rgba(180, 180, 180, 1);} */
.jie_wen .gg{ font-size: 22px; width: 60%; padding-left:15%; margin-top: 10%; z-index: 100 ;}
.jie_wen .gs{ font-size: 12px; line-height: 20px;float: left;  width:80%; padding-left:15%; margin-top: 5%;z-index: 30;}
.jie_wen a{ text-decoration: none;} 
.jie_top_o:hover .zhezhao{background:rgba(0,50,76,0);     transition:background 1s;}

/*.jie_wen:hover .gg{ color: #fff;}
.jie_wen:hover .gs{ color: #fff;}*/
.zhezhao{
  width: 100%; 
  height: 228px; 
  background:rgba(0,50,76,0.7);
    transition:background 1s;
  position: absolute; 
  z-index: 10;
  
  }

.jie_top_2{ width: 50%; float: left;  height: 228px; position: relative; z-index: 1;}
.jie_top_2 .jie_img{float: left;}
/*.jie_top_2 .jie_wen2{ width: 221px; height: 228px; z-index:5;  background: url(../img/4b906efc78b25f0a02edf3b9b650d32.png) no-repeat;position: absolute; right: 0px;}*/
/* .jie_top_2:hover .jie_wen2{ width: 221px; height: 228px; z-index:5;  background: url(../img/wihte-bg.png) no-repeat;position: absolute; right: 0px;color:rgba(180, 180, 180, 1);} */
 .jie_top_o .jie_wen2{ width: 221px; height: 228px; z-index:5;  background: url(../img/13.png) no-repeat;position: absolute; right: 0px;color:rgba(255, 255, 255, 1);}
.jie_wen2 .gg{ font-size: 22px; width: 60%; padding-left:15%; margin-top: 10%; z-index: 100 ;}
.jie_wen2 .gs{  font-size: 12px; line-height: 20px;float: left;  width:80%; padding-left:15%; margin-top: 5%;z-index: 30;}
.jie_wen2 a{ text-decoration: none;} 
.jie_top_2:hover .zhezhao{ display: none;}
.jie_top_2 .zhezhao{width: 100%;  height: 228px; background: #00324c; opacity:0.7; position: absolute; z-index: 10; display: block;}

.jie_bot_o{ width: 50%; float: left; height: 228px; position: relative; z-index: 1;}
.jie_bot_o .jie_img2{float: right;}
/* .jie_bot_o:hover  .jie_bot{ width: 221px; height: 228px; z-index:5;  background: url(../img/wihte-bg2.png) no-repeat;position: absolute; left: 0px;color:rgba(180, 180, 180, 1);} */
.jie_bot_o .jie_bot{ width: 221px; height: 228px; z-index:5;  background: url(../img/12.png) no-repeat;position: absolute; left: 0px;color:rgba(255, 255, 255, 1);}
.jie_bot .gga{ font-size: 22px; width: 60%; padding-left:8%; margin-top: 10%; z-index: 100 ;}
.jie_bot .gsa{ font-size: 12px; line-height: 20px;float: left;  width:80%; padding-left:8%; margin-top: 5%;z-index: 30;}
.jie_bot a{ text-decoration: none;} 
.jie_bot_o:hover .zhezhaoa{ display: none;}
.jie_bot_o .zhezhaoa{width: 100%; height: 228px; background: #00324c; opacity:0.7; position: absolute; z-index: 10; display: block;}

.jie_bot_2{ width: 50%; float: left; height: 228px; position: relative; z-index: 1;}
.jie_bot_2 .jie_img2{float: right;}
/* .jie_bot_2:hover .jie_bot2{ width: 221px; height: 228px; z-index:5;  background: url(../img/wihte-bg2.png) no-repeat;position: absolute; left: 0px;color:rgba(180, 180, 180, 1);} */
 .jie_bot_2 .jie_bot2{ width: 221px; height: 228px; z-index:5;  background: url(../img/33.png) no-repeat;position: absolute; left: 0px;color:rgba(255, 255, 255, 1);}
.jie_bot2 .gga{ font-size: 22px; width: 60%; padding-left:8%; margin-top: 10%; z-index: 100 ;}
.jie_bot2 .gsa{ font-size: 12px; line-height: 20px;float: left;  width:80%; padding-left:8%; margin-top: 5%;z-index: 30;}
.jie_bot2 a{ text-decoration: none;} 
.jie_bot_2:hover .zhezhaoa{ display: none;}

.jie_bot_2 .zhezhaoa{width: 100%; height: 228px; background: #00324c; opacity:0.7; position: absolute; z-index: 10; display: block;}

/*企业的选择*/
.quye{width:1200px; margin: 0 auto ; }
.tabbox{width:1200px; margin: 0 auto ; }
#tit{overflow:hidden;}
#tit span{display:block; width: 14%; line-height: 49px; float: left; border:1px solid rgba(112,114,116,1);cursor: pointer; border-radius:3px; text-align: center; font-size: 18px; color: rgba(112, 114, 116, 1); margin-left: 3%;}
#tit span:hover{background:rgba(112, 114, 116, 1);color:#fff;}
#tit span.on{background:rgba(112, 114, 116, 1);color:#fff;text-decoration:none; }
#tit span.ona{ margin-left: 0%;}
#con li{ width: 1200px; margin: 0 auto; margin-top: 1%; display:none;}
.show{}
.neirong{ width: 23.3%;  float: left; margin-top: 2%; border:1px solid rgba(240,240,240,1); margin-left: 2%; display: block;}
#con li ul:nth-child(1){ margin-left: 0%;}
#con li ul:nth-child(5){ margin-left: 0%;}
.neit{ width:290px; height:168px; overflow: hidden;}
 #con li.show {display: block;}



 img.bigger {
      width: 100%;
      height:100%;
      transition:transform 3s;
    }
    img.bigger:hover{
      transform: scale(1.2,1.2);
    }

.nwen{ width: 100%; height: 100px; background: #F8F8F8;}
.nwen span:nth-child(1){ font-size: 12px; color: rgba(128, 132, 146, 1); line-height: 25px; display: block; width: 90%; margin: 0 auto;    margin-top: 15px;} 
.nwen span:nth-child(2){ font-size: 14px; color: rgba(81, 81, 81, 1); line-height: 20px; display: block;width: 90%; margin: 0 auto;} 
.more{ width: 8.5%; line-height: 40px;color: #808492; margin: 0 auto; margin-top: 2.5%; font-size: 17px; }
.more a{color: #808492;line-height: 40px; ;display: block;}
.more a abbr{color: #808492; width: 80%; line-height: 40px; ;display: block; float: left;}
.more a span{ width: 15px; height: 9px; background: url(../img/more2.png); display: block; float: left; margin-top: 15%;}
.more a:hover abbr{ color: #2D7DF6;  }
.more a:hover span {background: url(../img/more.png)}



/*产品优势*/
/*.chanp { margin-top: 2%;}*/
.chanp .h_title2{ color: rgba(128, 132, 146, 1); font-size: 18px; width: 30%; margin: 0 auto; text-align: center; line-height:28px;}
.youshi{ width: 1200px; margin: 0 auto;}
/*.youshi ul { margin-top: 4%;}*/
.youshi ul li{ width: 33.3%; float: left; }
.youshio{ width: 70px; height: 71px; margin: 0 auto;}

.lingxian{ width: 100%; text-align:center; color: rgba(51, 51, 51, 1); font-size: 20px; line-height: 40px; margin-top: 5%;}
.yongyou{ width: 80%; color:#515151; font-size: 14px; line-height: 22px; padding-left: 10%;margin-top: 1%;  text-align: center;}

/*新闻中心*/
.xin_cn{ width: 1200px; margin: 0 auto;}
.xin_cn ul {padding: 10px 0;}
.xin_cn ul li{ width: 31.2%; float: left;border:1px solid rgba(240,240,240,1); margin-left: 1.5%; transition: transform 0.3s linear 0s;}
.xin_cn ul li:nth-child(1){margin-left: 0%;}
.xin_cn ul li span{ color: rgba(81, 81, 81, 1); font-size: 20px;  line-height: 60px; display: block; width: 100%;text-align: center; }
.xin_cn ul li img{ width: 100%; height:auto; }
.y{   display: block;  width: 100%; padding-left: 5%; height: 30px;}
.y a{color: rgba(81, 81, 81, 1)}
.yt{ width: 90%; margin: 0 auto; font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 21px;}
.yto{ margin-top: 1%;}
.yt a{ color: rgba(128, 132, 146, 1); }
.ym{font-size: 14px; text-align: right;padding-right: 5%; padding-bottom: 20px; line-height: 30px; margin-top: 20px;}
.ym a{color: rgba(45, 125, 246, 1); }
.xin_cn ul li:hover{-moz-box-shadow:0px 0px 9px 0px rgba(116,143,213,0.4); -webkit-box-shadow:0px 0px 9px 0px rgba(116,143,213,0.4);; box-shadow:0px 0px 9px 0px rgba(116,143,213,0.4); transition: transform 0.3s linear 0s;}


.rowcn { width: 100%;}       
  #row li.show {display: block;}
#row{ width:1200px; margin: 0 auto;/* margin-top: 20px; */ }
#row li{display: none; list-style-type:none;}
.h_1{ width:31%; height:auto; float: left; margin-left:3.5%; padding-top: 40px;}
.h_1:first-child{ margin-left:0;}
.h_1 a{width:100%; height:100%; text-decoration: none; display:block;  position:relative;  transition: transform 0.5s linear 0s;}
.h_1:hover a{ -moz-box-shadow:0px 0px 12px 0px rgba(138,148,195,1); -webkit-box-shadow:0px 0px 12px 0px rgba(138,148,195,1);
 box-shadow:0px 0px 12px 0px rgba(138,148,195,1); transform: translate3d(0px, -30px, 0px) ; 
transition: transform 0.3s linear 0s; }
 
.h_tu{ width:372px; height: 200px; overflow: hidden;}
 img.bigger {
      width: 100%;
      height:100%;
      transition:transform 3s;
    }
    img.bigger:hover{
      transform: scale(1.2,1.2);
    }

.h_top{ width: 91%; padding: 0 5%; height:180px; background: #F8F8F8;}
.h_cnone{ color: #333; font-size: 18px; line-height: 40px; padding-top: 10px;}
.h_cntwo{ color: #333; font-size: 22px; font-weight: normal; margin-top: -2%;}
.h_cnthree{ color: #333; font-size: 12px; margin-top: 4%;opacity: 0.5;   
   /*height: 33px;*/
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
.h_cnfore{ color: #333; font-size: 12px; width:80px;height:26px;border:1px solid rgba(51,51,51,1); text-align: center; line-height: 24px; margin-top: 5%;}
/*#li1 .h_1:nth-child(2) .h_top{
  background: #22C7A5 !important;
}
#li1 .h_1:nth-child(3) .h_top{
  background: #00AEFD !important;
}
#li2 .h_1:nth-child(2) .h_top{
  background: #22C7A5 !important;
}
#li2 .h_1:nth-child(3) .h_top{
  background: #00AEFD !important;
}
#li3 .h_1:nth-child(2) .h_top{
  background: #22C7A5 !important;
}
#li3 .h_1:nth-child(3) .h_top{
  background: #00AEFD !important;
}*/



.magin{ margin-left:2%;}
.h_1:hover .h_cnthree{ color: #333;opacity:1.0;}
#dian{ width: 5%; margin: 0 auto; margin-top: 20px;}
#dian span{ width: 8px; height: 8px; border-radius: 50%; background:rgba(146,151,161,1); float: left; display: block; margin-left: 8px;}    
#dian span.select {background:#fff; border-radius: 50%; border:1px solid #9297A1 ;width: 7px; height: 7px;  display: block;}  
.h_top4{width: 91%; padding: 0 5%; height:180px;  background: #22C7A5;}
.h_top5{width: 91%; padding: 0 5%; height:180px;  background: #00AEFD}


.z18{
  font-size: 18px !important;
}
.z14{
  font-size: 14px !important;
}
.z10{
/*  display: block;
  float: left;*/
  font-size: 10px !important;
  -webkit-transform:scale(0.8);
}