.product-banner{
  width:100%;
  height:600px;
}
.product-banner.product01{
  background:url(../images/banner01.jpg) no-repeat center ;
}
.product-banner.product02{
  background:url(../images/banner02.jpg) no-repeat center top;
}
.product-banner.product03{
  background:url(../images/banner03.jpg) no-repeat center top;
}
.product-banner.product04{
  background:url(../images/banner04.jpg) no-repeat center top;
}
.product-banner.product05{
  background:url(../images/banner05.jpg) no-repeat center top;
}

.prod-page-head{
  width:100%;
  height:600px;
  background:url(../images/index-profile-bg.jpg) no-repeat center bottom;
}
.prod-page-head .prod-wrap{
  width:1240px;
  height:550px;
  margin:0 auto;
  position: relative;
}

.prod-page-head .prod-wrap .pos-head{
  width:1240px;
  height:600px;
  position: absolute;
  box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
  left:0;
  top:-50px;
  background:#fff;
}

.prod-page-head .pos-head .title{
  margin:40px 50px 0;
  padding-bottom:22px;
  border-bottom:1px solid #2d328d;
  width:1140px;
  height:48px;
}

.prod-page-head .pos-head .title h3{
  font-size:48px;
  font-weight:bold;
  line-height:1;
  color:#2d328d;
  font-family:YaHei;
  float:left;
}

.prod-page-head .pos-head .title a{
  float:right;
  margin-top:13px;
  display:block;
  width:160px;
  height:30px;
  line-height:30px;
  font-size:14px;
  background:#edf3fc;
  border-radius:15px;
  text-align:center;
  color:#666;
  transition: all 0.3s;
}
.prod-page-head .pos-head .title a:hover{
  background:#2d328d;
  color:#fff;
}


.prod-page-head .pos-head .main{
  padding:50px 50px 0;
  box-sizing: border-box;
  font-weight:bold;
  width:100%;
}

.prod-page-head .pos-head .main .prod-item{
  width:580px;
  float:left;
}
.prod-page-head .pos-head .main .prod-item .desc{
  font-size:18px;
  line-height:1.8;
}
.prod-page-head .pos-head .main .prod-item .adv{
  margin-top:10px;
}
.prod-page-head .pos-head .main .prod-item .adv dl{
  margin-top:20px;
}
.prod-page-head .pos-head .main .prod-item .adv dt{
  color:#2d328d;
  background:#edf3fc;
  width:50px;
  box-sizing: border-box;
  float:left;
  text-align: center;
  font-size:22px;
  line-height:50px;
}
.prod-page-head .pos-head .main .prod-item .adv dd{
  float:left;
  width:490px;
  padding-left:10px;
}
.prod-page-head .pos-head .main .prod-item .adv dd h3{
  color:#2d328d;
}
.prod-page-head .pos-head .main .prod-item .adv dd p{
  font-size:16px;
  color:#666;
}

.prod-page-head .pos-head .main .video-item{
  width:480px;
  float:right;
}

.prod-app{
  width:100%;
  margin-top:20px;
}

.prod-app-title{
  text-align:center;
  
}
.prod-app-title h3{
  color:#2d328d;
  font-size:48px;
  line-height:1;
}
.prod-app-title p{
  font-size:16px;
  color:#222;
}

.prod-app-wrap{
  width:1240px;
  margin:50px auto;
}
.prod-app-wrap li.item{
  width:380px;
  float:left;
  margin-left:50px;
}
.prod-app-wrap li.item:nth-child(1){
  margin-left:0;
}
.prod-app-wrap li.item h3{
  padding:10px 0;
  font-size:18px;
  color:#2d328d;
}
.prod-app-wrap li.item p{
  font-size:14px;
  color:#666;
}

.prod-app-btn{
  width:100%;
  height:48px;
  text-align:center;
  margin:50px 0;
}
.prod-app-btn a{
  display: inline-block;
  text-align:center;
  padding:0 32px;
  background:#edf3fc;
  color:#2d328d;
  font-size:24px;
  line-height:48px;
  transition:.3s all;
}
.prod-app-btn a:hover{
  background:#2d328d;
  color:#fff;
}





.prod-app-adv{
  width:100%;
  background:#f1f1f1;
  padding:80px 0;
}

.prod-adv-title{
  text-align:center;
  
}
.prod-adv-title h3{
  color:#2d328d;
  font-size:48px;
  line-height:1;
}
.prod-adv-title p{
  font-size:16px;
  color:#222;
}
.prod-app-adv .adv-wrap{
  width:1240px;
  margin:50px auto 0;
}
.prod-app-adv .adv-wrap .adv-item{
  width:310px;
  float:left;
  text-align:center;
}
.prod-app-adv .adv-wrap .adv-item i.iconfont{
  font-size:30px;
  padding:14px;
  color:#666;
  display:inline-block;
  border-radius: 50%;
  border:1px solid #666;
}
.prod-app-adv .adv-wrap .adv-item h3{
  padding:12px 0;
}