img{ border:none;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
*{padding: 0px;margin: 0px;}
body{background-color: #FFFFFF;font-family: 微软雅黑;position: relative;}
.nav{width:1200px;margin: 0 auto;overflow: hidden}


#header{height: 133px;width: 100%;}
.headerTop{height: 46px;width: 100%;background-color: #222327}
.headerTop p{line-height: 46px;float: left;color: #ffffff;font-size: 15px;margin-right: 91px;}
.headerTop p span{color: #ffff00}
.headerBot{height: 87px;width: 100%}
.headerBot p{float: left;line-height: 87px;font-size: 15px;}
.logo{float: left;margin-top: 21px;margin-right: 56px;}
.headerBot ul{float: right}
.headerBot ul li{float: left;font-size: 15px;line-height: 87px;padding: 0 25px;}

#banner {height: 600px;width: 100%;background:url(../images/banner_06.png) no-repeat center top}
#banner h1{color: #ffffff;font-size: 72px;font-weight: bold;display: inline-block;margin-top: 161px;display: inline-block;width: 100%;text-align: center}
#banner p{color: #ffffff;font-size: 24px;line-height: 62px;display: inline-block;width: 100%;text-align: center}

#oneMines{height: 698px;width: 100%;}
.oneMinesTop{height: 160px;width: 100%}
.oneMinesTop span{font-size: 36px;font-weight: 500;display: inline-block;width: 100%;text-align: center;margin-top: 60px;}
.oneMinesTop p{font-size: 16px;display: inline-block;width: 100%;text-align: center;color: #585858}
.oneMinesBot{height: 528px;width: 100%}
.oneMinesBotLeft{width: 697px;height: 508px;float: left}
.oneMinesBotLeft span{font-size: 20px;font-weight: 200;line-height: 85px;margin-top: 52px;display: inline-block}
.oneMinesBotLeft p{font-size: 14px;color: #666666;line-height: 25px;width: 542px;margin-bottom: 47px;}
.oneMinesBotLeft ul li{float: left;color: #ff3333;padding: 0 13px;text-align: center;border-right: 2px solid #cccccc;}
.oneMinesBotRight{width: 503px;height: 100%;float: left}
.TiYan{font-size: 20px;color: #ffffff;display: inline-block;width: 292px;line-height: 52px;background-color: #ff3333;text-align: center;border-radius: 4px;margin-top: 77px;}

#JieJueFa{height: 682px;width: 100%;background:url(../images/3_12.png) no-repeat center}
#BiJiao{height: 564px;width: 100%;}
.BiJiaoPic{width: 100%;}
.BiJiaoPic img{margin-left: 138px;}

#HeXinJiaZhi{height: 599px;width: 100%;background:url(../images/5_18.png) no-repeat center}
.HeXinJiaZhiBot{width: 100%;height: 333px;margin-top:30px;}
.box{width: 279px;height: 330px;background-color: #ffffff;float: left;text-align: center;padding: 33px;margin-right: 26px;}
.box h5{font-size: 18px;line-height: 39px;margin-top: 18px;margin-bottom: 10px;}
.box p{font-size: 14px;line-height: 25px;color: #666666}

#HeXinGN{height: 682px;width: 100%;}
.HeXinGNBot{width: 100%;height: 407px;margin-top:30px;}
.box2{width: 281px;height:370px;float: left;border: 1px solid #dddddd ;margin-right: 22px;border-radius: 10px;}
.boxBot{width: 283px;padding: 13px 13px;}
.boxBot h5{font-size: 20px;line-height: 55px;display: inline-block;text-align: center;width: 100%;margin:10px 0px;}
.boxBot p{font-size: 14px;line-height: 23px;color: #666666}

#LiangDian{width: 100%;height: 879px;background:url(../images/5_44.png) no-repeat center}
.LiangDianBot{width: 1165px;padding-left: 35px;margin-top:30px}
.box3{width: 259px;height: 295px;background-color: #ffffff;float: left;margin: 0 0 23px 23px;text-align: center;padding: 37px 19px 0 19px;}
.box3 h5{font-size: 16px;line-height: 51px;padding-top: 16px;;}
.box3 p{font-size: 14px;color: #444444;line-height: 24px;}

#ShiYong{height: 769px;width: 100%}
.HangYE{width: 1427px;margin:  0 auto}
.HangYE a img{margin: 0 9px 9px 0}

#XuanZe{height: 706px;width: 100%;background:url(../images/last_91.png) no-repeat center;margin-top: 20px;}
/* 增加样式 */
.pro{
  width: 100%;
  height: auto;
  display: flex;
}
.proContent{
  width: 1200px;
  height: auto;
  margin: auto;
}
.proTop{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.proBottpm{
  width: 100%;
  height: auto;
  display: flex;
}
.proBottpm ul{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.proBottpm ul li{
  width: 282px;
  height: 344px;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 16px 0px rgba(0, 148, 221, 0.2);
  margin-top: 20px;
}
.proBottpm ul li .contain{
text-align: center;
padding-top: 50px;
}
/* 第一部分结束 */

.hard{
  margin-top: 50px;
  width:100%;
  height: 740px;
  background: url(../logo/hardlogo.png)no-repeat center center;
  background-size:100% 100%;
  display: flex;
  justify-content:center; 
}
.hardContent{
  width: 1200px;
  height: auto;
}
.hardTop{
  width: 100%;
  height: auto;
}
.hardBottom{
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 60px;
}
.hardBottom ul{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.hardBottom ul li{
  width: 280px;
  height: 440px;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 30px 0px rgba(0, 148, 221, 0.14);
}
/* 第二部分结束 */
.service{
  width: 100%;
  height: auto;
  display: flex;
  justify-content:center; 
}
.seCont{
width: 1200px;
height: auto;
}
.serviceTop{
  width: 100%;
  height: auto;
  margin-bottom: 70px;
}
.serviceBom{
  width: 100%;
  height: auto;

}

.chanTop{
  width: 100px;
  height: 100px;
  background:url("../logo/a.png")no-repeat center center #0094dd;
  border-radius: 50%;
  display: flex;
  margin-top: 80px;
  margin-left: 100px;
  transition:all 1s; 
  box-shadow: 0px 8px 16px 0px rgba(0, 148, 221, 0.3);
}
.chanTops{
  width: 100px;
  height: 100px;
  background:url("../logo/b.png")no-repeat center center #0094dd;
  border-radius: 50%;
  display: flex;
  margin-top: 80px;
  margin-left: 100px;
  transition:all 1s; 
  box-shadow: 0px 8px 16px 0px rgba(0, 148, 221, 0.3);
}
.chanTopss{
  width: 100px;
  height: 100px;
  background:url("../logo/c.png")no-repeat center center #0094dd;
  border-radius: 50%;
  display: flex;
  margin-top: 80px;
  margin-left: 100px;
  transition:all 1s; 
  box-shadow: 0px 8px 16px 0px rgba(0, 148, 221, 0.3);
}
.chanTopsss{
  width: 100px;
  height: 100px;
  background:url("../logo/d.png")no-repeat center center #0094dd;
  border-radius: 50%;
  display: flex;
  margin-top: 80px;
  margin-left: 100px;
  transition:all 1s; 
  box-shadow: 0px 8px 16px 0px rgba(0, 148, 221, 0.3);
}
.chanTop img{
  margin: auto;
}
.serviceBom ul{
  width: 100%;
  display: flex;
}
.serviceBom ul .change{
  width: 298px;
  height: 498px;
  border-width: 1px;
  border-color: rgb(231, 231, 231);
  border-style: solid;
  transition: 1s;
}

.serviceBom ul li .one{
  font-size:20px;
  text-align: center;
  color: #333333;
  padding-top: 44px;
}
.serviceBom ul li .tow{
  font-size:16px;
  text-align: center;
  color: #a3a3a3;
  transition: 1s;
  padding-top: 10px;
}
.serviceBom ul .change:hover{
  background-color: rgb(0, 148, 221);
  box-shadow: 0px 0px 20px 0px rgba(0, 148, 221, 0.5);
}
.serviceBom ul .change:hover .one{
  color: #fff;
}
.serviceBom ul .change:hover .tow{
color: #fff;
}
.serviceBom ul .change:hover .chanTop{
  background:url("../logo/aa.png")no-repeat center center #fff;
}
.serviceBom ul .change:hover .chanTops{
  background:url("../logo/bb.png")no-repeat center center #fff;
}
.serviceBom ul .change:hover .chanTopss{
  background:url("../logo/cc.png")no-repeat center center #fff;
}
.serviceBom ul .change:hover .chanTopsss{
  background:url("../logo/dd.png")no-repeat center center #fff;
}
.chanBtp{
  margin-top: 50px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap:wrap;
  justify-content:center; 
}
.btoTop{
  width: 100%;
  height: 50px;
  background: url(../logo/lanxian.png) no-repeat center center;
  display: flex;
  justify-content:space-around;
  transition: all 1s;
}
.btoTop a{
  font-size: 14px;
  color: #999999;
  line-height: 50px;
  transition: all 1s;
}
.serviceBom ul .change:hover a{
  color: #fff;
}
.serviceBom ul .change:hover .btoTop{
background: url(../logo/baixian.png)no-repeat center center;
}
/* 第三部分结束 */
.advan{
  margin-top: 50px;
  width: 100%;
  height: 710px;
  background: url(../logo/bkbig.png)no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content:center; 
}
.adCon{
  width: 1200px;
  height: auto;
}
.adTop{
  width: 100%;
  height: auto;
}
.adTop .ones{
font-size: 32px;
text-align: center;
padding-top: 70px;
color: #333333;
}
.adTop .tows{
  font-size: 20px;
  text-align: center;
  padding-top: 20px;
  color: #666666;
}
.adBom{
  margin-top: 50px;
  width: 100%;
  height: 422px;
  background: url(../logo/zongduo.png)no-repeat 155px center;
}
/* 第四部分结束 */
.solutions{
  width: 100%;
  height: auto;
  display: flex;
}
.soluCon{
  width: 1200px;
  height: auto;
  margin: auto;
}
.soluCon .conTop{
  width: 100%;
  height: auto;
}
.soluCon .conTop p:nth-child(1){
  text-align: center;
  font-size: 36px;
  color: #333333;
  padding-top: 70px;
}
.soluCon .conTop p:nth-child(2){
  text-align: center;
  font-size: 15px;
  color: #666666;
  padding-top: 24px;
}
.conBop{
  width: 100%;
  height: auto;
}
.conBop ul{
  width: 100%;
  height: auto;
  display: flex;
}
.conBop ul li:nth-child(2){
  background: url("../logo/timgtow.png")no-repeat center center;
  border-bottom: 5px solid #f24fd9;
}
.conBop ul li:nth-child(2) .ones{
  background-color: rgb(242, 79, 217,0.6);
}
.conBop ul li:nth-child(3){
  background: url("../logo/timgthree.png")no-repeat center center;
  border-bottom: 5px solid #1ed5b7;
}
.conBop ul li:nth-child(3) .ones{
  background-color: rgb(30, 213, 183,0.6);
}
.conBop ul li:nth-child(4){
  background: url("../logo/timgfour.png")no-repeat center center;
  border-bottom: 5px solid #bf5c4c;
}
.conBop ul li:nth-child(4) .ones{
  background-color: rgb(191, 92, 76,0.6);
}
.conBop ul li:nth-child(5){
  background: url("../logo/timgfive.png")no-repeat center center;
  border-bottom: 5px solid #baa074;
}
.conBop ul li:nth-child(5) .ones{
  background-color: rgb(186, 160, 116,0.6);
}
.conBop ul li:nth-child(6){
  background: url("../logo/timgsix.png")no-repeat center center;
  border-bottom: 5px solid #55d9bf;
}
.conBop ul li:nth-child(6) .ones{
  background-color: rgb(85, 217, 191,0.6);
}
.conBop ul li{
  width: 200px;
  height:441px;
  background: url("../logo/timg.png")no-repeat center center;
  border-bottom: 5px solid #1d72ff;
  position: relative;
  overflow: hidden;
}
.conBop ul li .ones{
  width: 200px;
  background-color: rgb(29, 114, 255,0.6);
  position: absolute;
  width: 200px;
  height: 441px;
  bottom: -441px;
  transition: all 1s;
}
.conBop ul li img{
 display: inline-block;
 margin-top: 165px; 
 width: 50px;
 height: 52px;
}
.conBop ul li .hideOne{
  padding-top: 23px;
  text-align: center;
  color: #fff;
  font-size: 29px;
  transition: all 0.5s;
}
.conBop ul li .ones p:nth-child(1){
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding-top: 50px;
}
.conBop ul li .ones p:nth-child(2){
  text-align:left;
  color: #fff;
  font-size: 14px;
  padding-top: 33px;
  padding-left: 6px;
}
.conBop ul li:hover .ones{
bottom: 0px;
padding: 10px;
}
.conBop ul li:hover .hideOne{
  display: none;
  }


/* 第五部分结束 */
.pattern{
  margin-top: 50px;
  width: 100%;
  height: 720px;
  background: url(../logo/baozhi.png)no-repeat;
  background-size:100% 100%;
  display:flex;
  justify-content:center;
}
.patCon{
  width: 1200px;
  height: auto;
}
.patTop{
  width: 100%;
  height: auto;
}
.patTop .paone{
  text-align: center;
  color: #333333;
  font-size: 27px;
  padding-top: 20px;
}
.patTop .patow{
  text-align: center;
  font-size: 16px;
  color: #989898;
  padding-top: 20px;
}
.patBop{
  margin-top: 80px;
  width: 100%;
  height: auto;
}