.yx-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 /* background: rgba(255, 255, 255, 0.2);*/
  height: 75px;
  line-height: 75px;
}

.yx-nav .logo img{
  margin-top: 20px;
}

.yx-nav ul li{
  display: block;
  float: left;
  width: 80px;
  text-align: center;
  font-size: 16px;
  margin: 0 25px;
}

.yx-nav ul li:hover{
  border-bottom: 2px solid #379be9;
  transition: all 0.3s ease-in-out;
}

.yx-nav ul li a{
  color: #fff;
}





.banner{
  background: url("../images/banner.jpg") no-repeat center ;
  height: 880px;
  width: 100%;
}

/**1**/
.selects-a{
  background: url("../images/bg-s.jpg") repeat;
  display: block;
}

.pbb-title {
  text-align: center;
  padding-bottom: 80px;
  color: #fff;
}

.pbb-title h2{
  font-size: 40px;
  font-weight: 700;
}

.a-title p{
  width: 600px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
}

.a-title p:first-child{
  background: #3597fc;
}

.a-title p:last-child{
  background: #f7850c;
}

.a-list{
  background: url("../images/a-bg.png") no-repeat center;
  height: 320px;
}

.a-blue{
  position: relative;
}

.blue-item{
  background: linear-gradient(#39b1ec,#2f8ff0 ,#2465f5);
  width: 90px;
  height: 90px;
  border-radius: 100%;
  position: relative;
}

.blue-item{
  position: absolute;
  text-align: center;
}

.blue-item i{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 40px;
}

.blue-item p{
  position: absolute;
  bottom: -200px;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  width: 90px;
  height: 120px;
}

.a-blue .blue-item .item-linear{
  background: rgba(53, 151, 252, 0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 110px;
  height: 110px;
  border-radius: 100%;
}

.a-blue .item-xf{
  left: 0;
  top: 165px;
}

.a-blue .item-cy{
  left: 240px;
  top: 185px;
}

.a-blue .item-hd{
  left: 445px;
  top: 100px;
}

.a-yellow{
  position: relative;
}

.a-yellow .blue-item{
  background: linear-gradient(#fcab07,#f9950a ,#f67e0d);
  
}

.a-yellow .blue-item .item-linear{
  background: rgba(251, 162, 8, 0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 110px;
  height: 110px;
  border-radius: 100%;
}

.a-yellow .item-xf{
  right: 400px;
  top: 185px;
}

.a-yellow .item-cy{
  right: 200px;
  top: 165px;
}

.a-yellow .item-hd{
  right: 0px;
  top: 105px;
}

/**2**/
.selects-b{
  padding-top: 150px
}

/**3**/
.selects-c{
  background: url("../images/anli.jpg") no-repeat center;
  height: 530px;
  padding: 80px 0;
}

.icon-zuojiantou{
  background: url("../images/zjt.png") no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  left:  0;
  top: 50%;
  transform: translate(0,-50%);
  opacity: 0.3;
  z-index: 999;
}


.icon-youjiantou{
  background: url("../images/yjt.png") no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  opacity: 0.3;
  z-index: 999;
}

.case-list {
  background: #fff;
  margin: 25px;
  padding: 20px;
  border-radius: 10px;
  height: 310px;
}

.img-logo{
  text-align: center;
}

.case-list  p{
  border-top: 1px solid #f0f0f0;
  color: #0f1e4d;
  padding: 15px 0;
  font-size: 12px;
}

.case-list p:last-child{
  padding-bottom: 0;
}

/**4**/
.selects-d{
  background: #071339;
}

.selects-d .about ul{
  margin-right: -35px;
}

.selects-d .about ul li{
  width: 510px;
  padding: 35px;
  border: 1px solid #0f1e4d;
  display: block;
  float: left;
  margin-right: 35px;
  margin-bottom: 35px;
}

.about ul li .about-img img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.about ul li .about-text{
  width: 365px;
}

.about-text .about-name{
  border-bottom: 1px dashed #172f7a;
  padding-bottom: 15px
}

.about-text .about-name h4{
  color: #fff;
  font-weight: 700;
  font-size: 20px
} 

.about-text .about-name em{
  padding: 5px 15px;
  background: #172f7a;
  color: #fff;
  border-radius: 100px
}

.about ul li .about-text p{
  font-size: 12px;
  color: #626ea5;
  padding-top: 15px;
}

/**5**/
.selects-e{
  background: #071339;
}

.min-wrap{
  width: 900px;
}

.bottom-wx .xs-wx img{
  display: block;
  width: 130px;
}

.bottom-wx .xs-wx:first-child{
  margin-right: 35px;
}

.bottom-wx .xs-wx a{
  margin-top: 35px;
  display: block;
}

.input-box{
  position: relative;
  box-sizing: border-box;
}

.ppb-form{
  width: 400px;
  
}

.input-box i{
  position: absolute;
  left: 10px;
  top: 7px;
  z-index: 999;
  color: #aaa
}

.selects-e input{
  width: 400px;
  border: 0;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 3px;
  padding-left: 30px;
  color: #666;
}

.selects-e textarea{
  padding-top: 10px;
  box-sizing: border-box;
  height: 100px;
  width: 400px;
  border-radius: 3px;
  border: 0;
  padding-left: 30px;
  display: block;
  margin-bottom: 15px;
  color: #666;
}

.selects-bg .button input{
  background: linear-gradient(#39b1ec,#2f8ff0 ,#2465f5);
  height: 40px;
  line-height: 40px;
  width: 400px;
  border: 0;
  display: block;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
  padding-left: 0;
}

/**客服**/

.web-icon{
  background: url("../images/web-icon.png") no-repeat;
}
/**客服**/
.serve-kefu{
  position: fixed;
  right: 10px;
  top: 330px; 
  z-index: 1050;
}

.serve-kefu ul li:hover{
  cursor: pointer;
}

.serve-kefu ul li{
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  transition: all 0.3s;
  position: relative;
}

.serve-kefu .kefu-tel-icon{
  background-position: 0 -420px;
}

.serve-kefu .kefu-name-icon{
  background-position: 0 -465px;
}

.serve-kefu .kefu-wx-icon{
  background-position: 0 -510px;
}

.serve-kefu .kefu-back-icon{
  background-position: 0 -555px;
}

.serve-kefu ul .kefu-name-icon:hover{
  background-position: -45px -465px;
}

.serve-kefu ul .kefu-tel-icon:hover{
  background-position: -45px -420px;
}

.serve-kefu ul .kefu-wx-icon:hover{
  background-position: -45px -510px;
}

.serve-kefu ul .kefu-back-icon:hover{
  background-position: -45px -555px;
}

.kefu-hide{
  position: absolute;
  left: 60px;
}

.serve-kefu ul li:hover .kefu-hide{
  left: -128px;
}

.serve-kefu ul li .kefu-tel{
  background: #379be9;
  border-radius: 3px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  padding: 0 15px;
}

.kefu-name{
  border-radius: 3px;
  background: #379be9;
  height: 180px;
  padding: 15px 25px;
  text-align: center;
  top: -55px;
  width: 78px;
}

.kefu-name ul li{
  width: 55px;
  height: 38px;
  line-height: 38px;
}

.kefu-name ul li i{
  background-position: -150px -388px;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 10px;
}

.kefu-name a{
  color: #fff;
}

.kefu-wx{
  position: absolute;
  top: -32px;
  color: #fff;
  width: 87px;
}

.kefu-wx img{
  background: #fff;
  padding: 5px;
  display: block;
}

.footer{
  background: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #999;
  font-size: 12px
}