@charset "utf-8";
/* CSS Document */

.weizhi{
  width:1170px;
  background: #Fff;
  height:35px;
  line-height:35px;
  border:1px solid #eee;
  font-size:12px;
  color:#666;
  padding:0 15px;
}

.fenye{
  width:920px;
  text-align: center;
}
.fenye a{
  padding:5px 10px;
  display: inline-block;
  border:1px solid #eee;
  margin-right:10px;
  border-radius: 3px;
  background: #fff;
  margin-top:10px;
  margin-bottom:20px;
}
.fenye a:hover{
  background: #176ab4;
  color:#fff;
}
.fenye a.on{
  background: #176ab4;
  color:#fff;
}

/*banner*/
.probanner{
  width:100%;
  height:408px;
  position:relative;
}
.probanner a{
  position: absolute;
  top:300px;
  left:240px;
  border:1px solid #fff;
  padding:10px 15px;
  color:#fff;
}

.comkk{
  width:360px;
  height:340px;
  background: #fff;
  padding:20px;
  position: fixed;
  top:35%;
  left:35%;
  display: none;
  box-shadow: 2px 3px 10px #111;
  z-index: 9999;
  border-radius: 5px;
}
.comkk .titles{
  font-size:18px;
  border-bottom:1px solid #eee;
  line-height:35px;
}
.comkk>table {
  margin-top:10px;
  margin-left:25px;
}
.comkk table td {
  height:35px;
}
.comkk table td span{
  color:red;
}
.comkk table td input.txt{
  border:1px solid #eee;
  border-radius: 2px;
  background: #fff;
  width:210px;
  height:30px;
  padding-left:5px;
  background: #f5f5f5;
}
.comkk table td table .text{
 height:30px;
 border:1px solid #eee;
 border-radius: 2px;
 background: #f5f5f5;
}
.comkk table td button{
  padding:5px 15px;
  background: #176ab4;
  border:none;
  margin-right:10px;
  color:#fff;
}


/*product*/
.product_cont{
  margin-top:10px;
  min-height:500px;
}
.fenlei{
  width:1170px;
  background: #Fff;
  height:35px;
  line-height:35px;
  border:1px solid #eee;
  font-size:12px;
  color:#666;
  padding:0 15px;
  margin-top:10px;
}
.fenlei a{
  padding:2px 10px;
}
.fenlei a:hover{
  padding:2px 10px;
  background: #176ab4;
  color:#fff;
}
.product_cont .cont{
  width:100%;
  height:auto;
  clear:both;
}
.product_cont .cont .productblock{
  float:left;
  width:415px;
  height:220px;
  padding:10px;
  border:1px solid #eee;
  background: #fff;
  margin-bottom:10px;
}
.product_cont .cont .productblock img{
  float:left;
  border:1px solid #eee;
  margin-right:10px;
  width:200px;
}
.product_cont .cont .productblock .protitle{
  font-size:16px;
}
.product_cont .cont .productblock .procont{
  margin-top:10px;
  font-size:12px;
  color:#999;
  line-height:22px;
}
.product_cont .cont .productblock .promore {
  margin-top:10px;
}
.product_cont .cont .productblock .promore a{
  padding:5px 10px;
  border:1px solid #ddd;
  font-size:12px;
}

/*solutions*/
.solutions{
  width:1200px;
  margin-top:20px;
  padding-bottom:10px;
}
.solutions .solutions_tab{
  width:500px;
  text-align: center;
  margin:0 auto;
  height:125px;
}
.solutions .solutions_tab li{
  width:102px;
  float:left;
  text-align: center;
  padding:0 70px;
}
.solutions .solutions_tab li a{
  font-size:16px;
  line-height:35px;
}
.solutions .solutions_tab li a:hover{
  color:#333;
}
.solutions .solutions_tab li a.on{
  color:#0e88eb;
}
.solutions .solutions_cont{
  width:1200px;
  margin-top:50px;
  height:auto;
}
.solutions .solutions_cont ul{
  position: relative;zoom:1;
   display:flex; flex-wrap: wrap; align-items: flex-start;
}
.solutions .solutions_cont li{
  width:24.9%;
  height:auto;
  float:left;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}


.solutions .solutions_cont li img{
  width:100%
}
.solutions .solutions_cont li.on{
  border-top:0px solid #eee;
}
.solutions .solutions_cont li.ons{
  border-left:0px solid #eee;
}
.solutions .solutions_cont li.ontop{
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}

/*service*/
.service{
  width:1200px;
  margin-top:10px;
}
.service .service_left{
  width:248px;
  overflow: hidden;
  float:left;
}
.service .service_left .service_lser,.service_lnews,.service_lcon{
  width:100%;
  margin-top:10px;
}
.service .service_left .service_ltit{
  width:228px;
  height:40px;
  line-height:40px;
  background: #1580e4;
  padding:0 10px
}
.service .service_left .service_ltit span{
  color:#fff;
  font-size:16px;
}
.service .service_left .service_lcont{
  width:246px;
  border:1px solid #e6e5e5;
  background: #fff;
}
.service .service_left .service_lcont .service_menu{
  width:210px;
  margin:0 auto;
  padding-top:10px;
}
.service .service_left .service_lcont .service_menu li{
  margin-bottom:10px;
}
.service .service_left .service_lcont .service_menu li a{
  width:180px;
  height:28px;
  line-height:28px;
  border:1px solid #e5e5e5;
  border-radius: 100px;
  padding:0 15px;
  display: block;
  background: url(../images/cnt_jiantou_hover.png) 195px center no-repeat;
}
.service .service_left .service_lcont .service_menu li a:hover,
.service .service_left .service_lcont .service_menu li a.hover{
  color:#fff;
  border:1px solid #1580e4;
  background: #1580e4 url(../images/cnt_jiantou.png) 195px center no-repeat;
}
.service .service_left .service_lcont .service_news{
  width:230px;
  margin:0 auto;
}
.service .service_left .service_lcont .service_news li{
  border-bottom:1px solid #e5e5e5;
  padding:10px 0;
}
.service .service_left .service_lcont .service_news li span{
  float:left;
  display: block;
  width:18px;
  height:18px;
  line-height:18px;
  text-align: center;
  background: #fff;
  border:1px solid #eee;
  border-radius: 18px;
  color:#999;
  font-size:12px;
  margin-right:10px;
}
.service .service_left .service_lcont .service_news li span.on{
  background: #f9ad00;
  border:1px solid #fba123;
  color:#fff;
}
.service .service_left .service_lcont .service_news li dl{
  margin-top:5px;
  height:70px;
  overflow: hidden;
  display: none;
}
.dis_block{display: block;}
.service .service_left .service_lcont .service_news li dl dt{
  float:left;
  width:100px;
  height:70px;
  margin-right:10px;
}
.service .service_left .service_lcont .service_news li dl dd{
  font-size:12px;
  color:#999;
  line-height:18px;
}
.service .service_left .service_lcont .service_news li dl dt img{
  width:100px;
  height:70px;
}
.service .service_left .service_lcont .service_news li a{
  font-size:12px;
  color:#666;
}
.service .service_left .service_lcont .service_news li a:hover{
  color:#1580e4;
}
.service .service_left .service_lcont .service_lcont_c{
  width:230px;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:20px;

  font-size:12px;
  color:#999;
  line-height:20px;

}
/*.service .service_left .service_lcont .service_lcont_c p{
  font-weight:bold;
  font-size:16px;
  color:#333;
  line-height:35px;
}*/
/*.service .service_left .service_lcont .service_lcont_c span{
  font-size:12px;
  color:#999;
  line-height:20px;
}*/

.service .service_right{
  width:920px;
  overflow: hidden;
  position: relative;
  left:34px;
}
.service .service_right .service_rcont,.service_rnews{
  width:920px;
  margin-top:10px;
}
.service .service_right .service_rtit{
  width:898px;
  height:38px;
  line-height:38px;
  border:1px solid #e4e4e4;
  background:#f4f4f4;
  padding:0 10px;
}
.service .service_right .service_rtit .service_rweizhi{
  font-size:12px;
  background: url(../images/icon01.png) left no-repeat;
  padding-left:20px;
}
.service .service_right .service_rtit .service_rweizhi a.on{
  color:#1580e4;
}
.service .service_right .service_rtit .service_rweizhi span{
  font-size: 16px;
  color:#1580e4;
}
.service .service_right .service_rcon{
  width:888px;
  height:auto;
  background: #fff;
  padding:15px;
  border:1px solid #eee;
  font-size:14px;
  color:#666;
  line-height:25px;
}


.service .service_right .service_rcon img{width:auto; max-width:100%;}

/*.service .service_right .service_rcon p{
  font-size:14px;
  color:#666;
  line-height:25px;
}*/
.service .service_right .service_rcon ul.ser{
  width:405px;
  margin:0 19px;
  float:left;
}
.service .service_right .service_rcon ul.ser li{
  height:35px;
  line-height:35px;
  border-bottom:1px dashed #ddd;
}
.service .service_right .service_rcon ul.ser li a{
  color:#666;
}

/*news*/
.service .service_right .service_rcon dl{
  border-bottom:1px solid #eee;
  height:250px;
  clear:both;
  margin-bottom:20px;
}
.service .service_right .service_rcon dl dt{
  width:350px;
  overflow: hidden;
  float:left;
  margin-right:20px;
}
.service .service_right .service_rcon dl dt img{
  width:350px;
  height:230px;
}
.service .service_right .service_rcon .news_tit {
  font-size:18px;
  color:#666;
}
.service .service_right .service_rcon .news_tit a:hover{
  color:#1580e4;
}
.service .service_right .service_rcon .news_cont{
  font-size:12px;
  color:#999;
  line-height:25px;
  margin-top:20px;
}
.service .service_right .service_rcon .news_date{
  float:right;
  font-size:12px;
  color:#1580e4;
}
.service .service_right .service_rcon .news_more a{
  display: block;
  font-size:16px;
  color:#1580e4;
  margin-top:30px;
}
.service .service_right .service_rcon .news {
  margin-bottom:20px;
}
.service .service_right .service_rcon .news li{
  border-bottom:1px dashed #ddd;
  padding:10px 0;
}
/*news_view*/
.news_rcon{
  width:888px;
  background: #fff;
  padding:15px;
  border:1px solid #eee;
}
.news_rcon h1{
  font-size:20px;
  font-weight:bold;
  text-align: center;
  line-height:35px;
}
.news_rcon span{
  text-align: center;
  font-size:12px;
  color:#999;
  display: block;
  line-height:40px;

}
.news_rcon .news_rcon_con{
  padding:20px;
  border-top:1px dashed #ddd;
  line-height: 25px;
}
.news_rcon .news_rcon_con p{
  text-indent: 2em;
  color:#666;
}
.next{
  padding:20px;
  border-top:1px solid #ddd;
}
.next p{
  line-height:30px;
  color:#666;
}
.next p a.no{color:#666; cursor:default;}
/*kfenlei*/
.kfenlei{
  width:1200px;
  height:35px;
  margin-top:10px;
}
.kfenlei a{
  display: block;
  height:35px;
  line-height:35px;
  padding:0 10px;
  float:left;
  margin-right:10px;
  border:1px solid #eee;
  background: #fff;
}
.kfenlei a:hover{
  background: #1580e4;
  color:#fff;
}
.kfenlei a.on{
  background: #1580e4;
  color:#fff;
}
.soft_cont{
  width:1160px;
  border:1px solid #eee;
  margin-top:10px;
  background: #fff;
  padding:20px;
  line-height:30px;
  color:#666;
}
.soft_cont p{
  line-height:30px;
  color:#666;
  /*text-indent: 2em;*/
}
.contact_cont{
  width:1160px;
  border:1px solid #eee;
  margin-top:10px;
  background: #fff;
  padding:20px;
}
.contact_txt{
  line-height:30px;
  margin-top:20px;
}
/*.contact_txt p{
  font-size:16px;
}*/

/*yun_cont*/
.yun_cont{
  width:100%;
  margin-top:50px;
}
.yun_cont .yun_one{
  width:900px;
  margin:0 auto;
}
.yun_cont .yun_tit{
  font-size:30px;
  color:#333;
  text-align: center;
}
.yun_cont .yun_one .yun_con{
  margin-top:30px;
  font-size:14px;
  color:#666;
  line-height:25px;
}
.yun_cont .yun_one .yun_con p{
  font-size:14px;
  color:#666;
  width:900px;
  line-height:25px;
}
.yun_cont .yun_one .yun_con ul {
  margin-top:20px;
}
.yun_cont .yun_one .yun_con ul li{
  margin-left:20px;
  list-style: circle;
  color:#666;
  line-height:25px;
}
.yun_cont .yun_two{
  margin-top:50px;
}
.yun_cont .yun_two .yun_con{
  margin-top:30px;
}
.yun_cont .yun_two .yun_con ul.yun_menu{
  width:1000px;
  margin:0 auto;
  background: #fff;
  height:45px;
  line-height:45px;
  border-radius: 10px;
  overflow: hidden;
}
.yun_cont .yun_two .yun_con ul.yun_menu li{
  float:left;
  height:50px;
  width:20%;
  text-align: center;
}
.yun_cont .yun_two .yun_con ul.yun_menu li a{
  border-right:1px solid #eee;
  display: block;
  color:#666;
  font-size:16px;
}
.yun_cont .yun_two .yun_con ul.yun_menu li a.on{
  background: #1580e4;
  color:#fff;
}
.yun_cont .yun_two .yun_con .yun_menu_con {
  margin-top:30px;
  position: relative;
  height:500px;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul {
  width:300px;
  float:left;
  position: relative;
  left:80px;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul li{
  border-bottom:1px solid #ccc;
  padding:10px 0;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul li a{
  font-size:24px;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul li a.on{
  color:#1580e4;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul li p{
  line-height:25px;
  margin-top:10px;
  display: none;
}
.yun_cont .yun_two .yun_con .yun_menu_con ul li b{
  font-size:30px;
  font-weight:100;
  margin-right:10px;
}
.yun_cont .yun_two .yun_con .yun_menu_con img{
  float:left;
  width:700px;
  position: absolute;
  right:10px;
}
.yun_cont .yun_two .yun_con .yun_menu_con div{
  height:400px;
}
.yun_cont .yun_two .yun_con .yun_menu_con div.img{
  float:right; width:700px;
}


.dn{
  display: none;
}

.yun_cont .yun_three{
  background: #fff;
  width:100%;
  padding:50px 0;
  position: relative;
}
.yun_cont .yun_three .yun_con{
  margin-top:30px;
}
.yun_cont .yun_three .yun_con{
  position: relative;
}
.yun_cont .yun_three .yun_con .yun_con_txt{
  position: absolute;
  z-index: 99;
  top:90px;
  right:0;
  background: #1580e4;
  width:610px;
  height:260px;
  padding:30px
}
.yun_cont .yun_three .yun_con .yun_con_txt h3{
  color:#fff;
  font-size:20px;
  font-weight:100;
}
.yun_cont .yun_three .yun_con .yun_con_txt p{
  color:#fff;
  font-size:14px;
  line-height:25px;
  margin-top:20px;
}
.yun_cont .yun_three .yun_con .yun_con_txt a{
  color:#fff;
  margin-right:20px;
  margin-top:30px;
  display: block;
  float:left;
}
.yun_cont .yun_four{
  margin-top:50px;
}
.yun_cont .yun_four .yun_con{
  margin-top:30px;
  height:400px;
}
.yun_cont .yun_four .yun_con .zhjia{
  float:left;
  width:300px;
  height:285px;
  padding:30px;
  background: #fff;
  border-radius: 20px;
  box-shadow:1px 3px 5px #eee;
}
.yun_cont .yun_four .yun_con .zhjia img{
  vertical-align: middle;
  width:100px;
}
.yun_cont .yun_four .yun_con .zhjia span{
  font-size:16px;
}
.yun_cont .yun_four .yun_con .zhjia h2{
  color: #1580e4;
  font-size:24px;
}
.yun_cont .yun_four .yun_con .zhjia p{
  color:#999;
  line-height:25px;
  margin-top:20px;
}
.yun_cont .yun_four .bottitle{
  margin-top:50px;
  border-top:1px solid #ddd;
  width:1000px;
  margin:0 auto;
  text-align: center;
  padding:30px 0;
}
.yun_cont .yun_four .bottitle h1{
  font-weight:100;
  font-size:40px;
}
.yun_cont .yun_four .bottitle p{
  font-size:24px;
  line-height:50px;
}