@charset "utf-8";

/* banner */
.banner{
  background: url(../images/birthday_bg.png) center center no-repeat;
  background-size: 1920px auto;
  height: 400px;
  position: relative;
}
.banner img{
width: 1200px;
display: block;
margin: 0 auto;
}
.banner .sign{height:80px;width: 1400px;background:#fff;box-shadow:0px 2px 20px 0px rgba(0,0,0,0.1);left: 50%;margin-left: -700px;bottom: -45px;position: absolute;text-align: center;}
.banner .sign a{width: 200px;height: 100%;float: left;line-height: 80px;font-size: 22px;color: #333;padding-left: 76px;font-weight: 300;text-align: left;box-sizing: border-box;}
.banner .sign a.item1{background: url("../images/service_icon01.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item2{background: url("../images/service_icon02.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item3{background: url("../images/service_icon03.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item4{background: url("../images/service_icon04.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item5{background: url("../images/service_icon05.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item6{background: url("../images/service_icon06.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item7{background: url("../images/service_icon07.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.on{color: #fff;background: url("../images/service_icon_on03.png") 36px center no-repeat;background-size: 36px 36px;background-color: #215AA9;font-size: 22px;}
.banner .sign a.item1:hover{background: url("../images/service_icon_on01.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item2:hover{background: url("../images/service_icon_on02.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item3:hover{background: url("../images/service_icon_on03.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item4:hover{background: url("../images/service_icon_on04.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item5:hover{background: url("../images/service_icon_on05.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item6:hover{background: url("../images/service_icon_on06.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item7:hover{background: url("../images/service_icon_on07.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}

.hd{text-align: center;}
.hd h4{line-height:31px;letter-spacing:1px;font-size: 24px;color: #333;}
.hd p{margin-top: 8px;font-size: 14px;line-height: 16px;color: #283649;margin-bottom: 24px;font-family: ArialMT,Arial;letter-spacing: 0.93px;}

.custom{padding-top: 95px;background-color: #fff;}
.custom .imgBox{width:1200px;height: 306px;;margin:23px auto 0;position: relative;}
.custom .imgBox img{width:100%;margin:0 auto;display: block;}
.custom .imgBox .intro{position: absolute;width:566px;left: 542px;top: 0;padding-top: 57px;}
.custom .imgBox .intro .introTitle{font-size:18px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:#333;line-height:28px;}
.custom .imgBox .intro .enTitle{font-size:14px;font-family:ArialMT,Arial;color:#999;line-height:16px;margin-top: 24px;letter-spacing: 0.78px;word-break: keep-all;word-wrap: break-word;}


.birthdayMenu{padding-top: 60px;padding-bottom: 260px;background:#fff url("../images/birthday_bg01.png")center bottom no-repeat;background-size: 100% auto;}
.birthdayMenu .imgBox{text-align: center;margin-top: 40px;}
.birthdayMenu .imgBox a{display: inline-block;width: 292px;margin: 0 36px;box-shadow:0px 35px 45px 0px rgba(51,51,51,0.1);background-color: transparent;cursor: auto;position: relative;text-align: left;}
.birthdayMenu .imgBox a img{width: 100%;height: auto;background-color: transparent;}
.birthdayMenu .imgBox a img:first-of-type{display: block;}
.birthdayMenu .imgBox a img:last-of-type{display: none;}
.birthdayMenu .imgBox a .activeWrap{position: absolute;width: 100%;top: 0;left: 0;}
.birthdayMenu .imgBox a .up{width: 100%;box-sizing: border-box;padding-left: 115px;padding-top: 40px;} 
.birthdayMenu .imgBox a .upTitle{font-size:22px;color:#283649;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;}
.birthdayMenu .imgBox a .upEnTitle{font-size:14px;font-family:ArialMT,Arial;color: #999;line-height: 24px;}
.birthdayMenu .imgBox a .down{width: 100%;box-sizing: border-box;padding: 26px 30px 25px 25px;}
.birthdayMenu .imgBox a .downCon{font-size:13px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color: #333;line-height: 20px;height: 60px;}
.birthdayMenu .imgBox a .downEnCon{font-size:11px;font-family:ArialMT,Arial;line-height: 18px;color: #999;margin-top: 16px;word-break: keep-all;word-wrap: break-word;}
.birthdayMenu .imgBox a:hover{box-shadow: inherit;}
.birthdayMenu .imgBox a:hover img:first-of-type{display: none;}
.birthdayMenu .imgBox a:hover img:last-of-type{display: block;}
.birthdayMenu .imgBox a:hover .upTitle,.birthdayMenu .imgBox a:hover .downCon{color: #fff;}
.birthdayMenu .imgBox a:hover .upEnTitle,.birthdayMenu .imgBox a:hover .downEnCon{color: #b2b2b2;}

.cooperation{position: relative;margin-top: -265px;padding-top: 81px;padding-bottom: 40px;}
.cooperation:after{
  position:absolute;
  z-index:-1;
  bottom:0;
  left:0;
  width:100%;
  height:20%;
  content:"";
  background-color:#283649;
}
.cooperation .imgBox{width: 1020px;height: 391px;margin: 40px auto 0;box-shadow:0px 35px 45px 0px rgba(51,51,51,0.1);padding: 12px 30px 28px;border-radius:16px;background-color: #fff;box-sizing: border-box;}
.cooperation .imgBox img{width: 100%;height: auto;}

.pcProcess{padding-top: 20px;background-size: 100% 420px;position: relative;}
.pcProcess:after{
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  width:100%;
  height:65%;
  content:"";
  background-color:#283649;
}
.pcProcess .hd h4{color: #fff;}
.pcProcess .hd p{color: #fff;}
.pcProcess .imgBox{margin-top: 40px;}
.pcProcess .imgBox img{width:1200px;margin:0 auto;display: block;}

.h5Process{padding-top: 60px;padding-bottom: 80px;background-color: #fff;}
.h5Process .imgBox{margin-top: 40px;}
.h5Process .imgBox img{width:1200px;margin:0 auto;display: block;}
@media screen and (max-width:1200px){
  .banner img{
    margin-left: 48px;
  }
}
@media screen and (min-width:1920px){
  .banner{
    background: url(../images/birthday_bg.png) center center no-repeat;
    background-size: 100% auto;
  }
}