html,
body{
  width: 100%;
}
.common-tag{
  display: block;
  position: absolute;
  left: 0;
  top: 62px;
  width: 100%;
  text-align: center;
  height: 50px;
  font-size: 36px;
  font-weight: 600;
  color: rgba(57,156,255,1);
  line-height: 50px;
  letter-spacing: 3px;
}

.header-wrap{
  width: 100%;
  height: 116px;
  background-color: #fff;
}
.header{
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  height: 116px;
}
.logo-wrap{
  float: left;
  overflow: hidden;
  margin-top: 31px;
  width: 250px;
  height: 54px;
}
/*.logo-wrap img{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

/*header 右侧*/
.header-right{
  width: 300px;
  float: right;
}
.tel-icon{
  float: left;
  margin-top: 45px;
  display: block;
  width: 41px;
  height: 41px;
}
.tel-block{
  padding-left: 10px;
  float: left;
  margin-top: 45px;
  height: 41px;
}
.tel-block span{
  display: block;
}

.tel-text{
  height:18px;
  font-size:12px;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:18px;
}
.tel-num{
  height:26px;
  font-size:18px;
  font-weight:500;
  color:rgba(57,156,255,1);
  line-height:26px;
}
.wechat-qrcode{
  padding: 3px;
  float: right;
  margin-top: 21px;
  width: 84px;
  height: 84px;
  border: 2px solid #399CFF;
}
.wechat-qrcode img{
  width: 100%;
  height: 100%;
}

/*nav*/
.nav-wrap{
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #399CFF;
}
.nav{
  margin: 0 auto;
  width: 1200px;
}
.nav ul li{
  float: left;
  padding-right: 60px;
}
.nav ul li a{
  display: block;
  font-size:20px;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:70px;
  letter-spacing: 1px;
}
/*banner*/
.banner{
  width: 100%;
  height: 400px;
  background: url("../image/bannernew.jpg") no-repeat center center;
  background-size: cover;
}
/*产品中心*/
.pro-content{
  overflow: hidden;
  width: 1200px;
}
.pro-item{
  margin-bottom: 20px;
  margin-left: 99px;
  float: left;
  width: 500px;
}
.pro-item img{
  width: 100%;
}
/*关于我们*/
.about-wrap{
  overflow: hidden;
  width: 100%;
}
.about-content{
  overflow: hidden;
}
.about{
  margin: 0 auto;
  width: 1200px;
}
.about h2{
  position: relative;
  padding: 25px 0 54px 0;
  height:122px;
  font-size:88px;
  font-weight:600;
  color:rgba(206,223,243,.3);
  line-height:122px;
  letter-spacing:2px;
  text-align: center;
}

.about-text{
  float: left;
  width:715px;
  font-size:16px;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:22px;
}
.about-text p{
  text-indent: 32px;
  padding-bottom: 10px;
}
.about-img{
  float: right;
  width: 400px;
  height: 360px;
}
.about-img img{
  width: 100%;
  height: 100%;
}

/* 联系我们 */
.contact-wrap {
  overflow: hidden;
  padding-bottom: 40px;
  width: 100%;
}
.contact-content{
  overflow: hidden;
}
.contact-img{
  float: right;
  width: 120px;
  height: 120px;
}
.contact-img img{
  width: 100%;
  height: 100%;
}
.contact-content{
  width: 510px;
  height: 120px;
  margin: 0 auto;
}
.content-text{
  float: left;
  width: 380px;
  font-size: 20px;
  line-height: 36px;
  color: #999;
}

.vision-block {
  width: 800px;
  height: 340px;
  margin: 0 auto;
}
.vision-block1, .vision-block2, .vision-block3 {
  width: 33%;
  float: left;
}
.vision-block h2 {
  padding: 5px 0 10px 0;
  text-align: center;
}
.vision-block h3 {
  margin: 0 auto 10px;
  width: 75px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  color: #313131;
  border-bottom: 2px solid #434343;
  text-align: center;
}
.vision-block h4 {
  margin: 0 auto;
  width: 200px;
  font-size: 16px;
  line-height: 26px;
  color: #9b9b9b;
  text-indent: 28px;
}

/*footer*/
.footer-wrap{
  width: 100%;
  height: 50px;
  background-color: #163351;
}
.footer-wrap p{
  font-size: 14px;
  color:#939393;
  text-align: center;
}