@charset "utf-8";

/* banner */
.banner{
  background: url(../images/activity_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_on05.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:1212px;;margin:23px auto 0;position: relative;}
.custom .imgBox img{width: 1212px;height: auto;display: block;margin: 0 auto;}
.custom .imgBox .intro{position: absolute;width:640px;left: 528px;top: 0;padding-top: 58px;}
.custom .imgBox .intro .introTitle{font-size:18px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:#333;line-height:28px;width: 620px;}
.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;}
.custom .imgBox .sixWrap{width: 1200px;position: absolute;left: 50%;margin-left: -600px;top:360px;box-sizing: border-box;padding-left: 84px;}
.custom .imgBox .sixWrap li{float: left;width: 557px;height:176px;padding-left: 125px;padding-top: 10px;box-sizing: border-box;}
.custom .imgBox .sixWrap li.bottomType{padding-top:30px;}
.custom .imgBox .sixWrap li p{width: 100%;}
.custom .imgBox .sixWrap li .titleCon{font-size:21px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;color:#283649;line-height:24px;}
.custom .imgBox .sixWrap li .enTitle{font-size:14px;font-family:ArialMT,Arial;color: #999;margin-left: 11px;letter-spacing: 2.68px;}
.custom .imgBox .sixWrap li p.con{font-size:14px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;color: #333;margin-top: 12px;}
.custom .imgBox .sixWrap li p.enCon{font-size:14px;font-family:ArialMT,Arial;line-height: 20px;color: #999;letter-spacing: 0.08px;margin-top: 12px;width: 301px;word-break: keep-all;word-wrap: break-word;}
.custom .imgBox img:last-child{width: 1200px;margin: 40px auto 60px;}

.share{background: url("../images/activity_bg01.png") no-repeat;background-size: 100% 540px;padding-top: 40px;padding-bottom: 112px;}
.share .hd h4{color: #fff;}
.share .hd p{color: #fff;}
.share .imgBox{width: 1045px;height: 567px;margin: 32px auto 0;box-sizing: border-box;padding: 17px;box-shadow:0px 35px 45px 0px rgba(51,51,51,0.1);border-radius:16px;background-color: #fff;}
.share .share_flash{padding-bottom: 81px;}
.share .imgBox li a{display: block;height: 151px;float: left;margin-right: 10px;margin-bottom: 10px;opacity: 1;position: relative;cursor: auto;}
.share .imgBox li a .text{background-color: rgba(0,0,0,0.3);position: absolute;width: 100%;height: 100%;text-align: center;line-height: 151px;display: none;}
.share .imgBox li a .text span{color: #fff;font-weight: bold;font-size: 24px;letter-spacing:2px;text-shadow:0px 2px 16px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.5);}
.share .imgBox li a:nth-child(5){height: 168px;}
.share .imgBox li a:nth-child(5) .text{line-height: 168px;}
.share .imgBox li a:nth-child(6){height: 168px;}
.share .imgBox li a:nth-child(6) .text{line-height: 168px;}
.share .imgBox li a:nth-child(7){height: 168px;}
.share .imgBox li a:nth-child(7) .text{line-height: 168px;}
.share .imgBox li a:nth-child(8){height: 168px;}
.share .imgBox li a:nth-child(8) .text{line-height: 168px;}
.share .imgBox li a:nth-child(4n){margin-right: 0;}
.share .imgBox li a img{height: 100%;width: auto;}
.share .imgBox li a:hover .text{opacity: 1;display: block;}
.swiper-button-next, .swiper-button-prev{
  width: 64px;
  height: 64px;
  top: inherit;
  bottom: 0;
  opacity: 1;
  background-size: 64px 64px;
}
.swiper-button-prev{background-image: url("../images/activity_share_icon_prev02.png");right: 520px;left:auto;}
.swiper-button-prev.swiper-button-disabled{
  opacity: 1;
  background-image: url("../images/activity_share_icon_prev01.png");
}
.swiper-button-next{background-image: url("../images/activity_share_icon_next02.png");left: 520px;}
.swiper-button-next.swiper-button-disabled{
  opacity: 1;
  background-image: url("../images/activity_share_icon_next01.png");
}
.swiper-button-next:focus, .swiper-button-prev:focus{
  outline: none;
}
@media screen and (max-width:1200px){
  .banner img{
    margin-left: 48px;
  }
}
@media screen and (min-width:1920px){
  .banner{
    background: url(../images/activity_bg.png) center center no-repeat;
    background-size: 100% auto;
  }
}