@charset "utf-8";

/* banner */
.banner{
    background: url(../images/holiday_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_on01.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: 280px;;margin:23px auto 0;position: relative;}
.custom .imgBox img{width:100%;margin:0 auto;display: block;}
.custom .imgBox .intro{position: absolute;width:589px;left: 512px;top: 0;padding-top: 88px;}
.custom .imgBox .intro .introTitle{font-size:18px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:rgba(51,51,51,1);line-height:28px;}
.custom .imgBox .intro .enTitle{font-size:14px;font-family:ArialMT,Arial;color:rgba(153,153,153,1);line-height:16px;margin-top: 17px;letter-spacing: 0.78px;word-break: keep-all;word-wrap: break-word;}

.pakage{padding-top: 52px;padding-bottom: 128px;}
.pakage .tabBox{position: relative;}
.pakage .tabList{width: 1078px; margin: 32px auto 0;height: 162px;}
.pakage .tabList a{width: 144px;height: 162px;margin: 0 5px;float: left;position: relative;cursor: auto;}
.pakage .tabList a img{width: 100%;height: 144px;position: absolute;bottom: 0;display: block;}
.pakage .tabList a img:last-child{display: none;}
.pakage .tabList a.on img{display: none;}
.pakage .tabList a.on img:last-child{display: block;height: 162px;}
.pakage .imgList{width: 1074px;box-shadow:0px -18px 28px 0px rgba(0,0,0,0.05);position: absolute;left: 50%;margin-left: -537px;z-index: 600;background-color: #fff;top: 182px;}
.pakage .imgList img{display: block;display: none;width: 100%;height: auto;}
.pakage .imgList img.on{display: block;}

.night{padding-top: 202px;padding-bottom: 415px;margin-bottom: 481px;position: relative;background-color: #283649;}
.night .hd h4{color: #fff;}
.night .hd p{color: #fff;}
.night .imgBox{width: 1260px;position: absolute;left: 50%;margin-left: -630px;top: 287px;}
.night .imgBox a{float: left;width: 360px;height: 220px;margin: 30px;cursor: auto;position: relative;}
.night .imgBox a img{width: 100%;height: auto;display: block;display: none;}
.night .imgBox a img:first-of-type{display: block;}
.night .imgBox a:hover img:first-of-type{display: none;}
.night .imgBox a:hover img:last-of-type{display: block;}
.night .imgBox a .feature{position: absolute;width: 100%;left: 0;top: 0;box-sizing: border-box;padding: 24px 20px;}
.night .imgBox a .feature .title{font-size:20px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:rgba(255,255,255,1);line-height:20px;}
.night .imgBox a .feature .enTitle{font-size:16px;font-family:ArialMT,Arial;color:rgba(255,255,255,1);line-height:18px;width: 284px;word-break: keep-all;word-wrap: break-word;margin-top: 16px;display: none;}
.night .imgBox a:hover .feature .enTitle{display: block;}

@media screen and (max-width:1200px){
    .banner img{
      margin-left: 48px;
    }
  }
  @media screen and (min-width:1920px){
    .banner{
      background: url(../images/holiday_bg.png) center center no-repeat;
      background-size: 100% auto;
    }
  }