@charset "utf-8";

/* banner */
.banner{
  background: url(../images/insurance_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_on07.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: 55px;background-color: #fff;}
.custom .hd {margin: 48px 0 48px}
.custom .imgBox{width:1200px;height: 306px;;margin:23px auto 0;position: relative;}
.custom .imgBox.extended{height:390px;}
.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 .introEn .enTitle{font-size:14px;font-family:ArialMT,Arial;color:#999;line-height:16px;letter-spacing: 0.78px;word-break: keep-all;word-wrap: break-word;}
.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;}

.video{padding-top: 100px;}
.video .hd {margin: 60px 0 0;}
.video .hd p{margin-bottom: 48px;}
.video .video_box{height: 675px; width: 1200px; margin: 0 auto;}
.video .video_box .img_row{text-align:center; position:relative;}
.video .video_box .img_row .video_cover{position: absolute; left:0; height: 675px; width: 1200px;}
.video .video_box .video_btn{width: 110px; position: absolute; left: 545px; top: 282px; cursor: pointer;}
.video .video_box .vid_row{height: 100%; width: 100%;}
.video .video_box .mod_player{display: none;}

.pakage{padding-bottom: 128px;}
.pakage .hd {margin: 60px 0 48px}
.pakage .tabBox{position: relative; background: url(../images/insurance_package_bg.png) no-repeat;background-size: cover;height: 525px;padding-top: 60px;}
.pakage .tabList{width: 1200px; margin: 32px auto 0;height: 162px;display: flex;}
.pakage .tabList a{width: 144px;height: 162px;margin: 0 5px;float: left;position: relative;cursor: auto;flex: 1; }
.pakage .tabList a img{width: 240px;height: 146px;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{width: 240px;height: 146px;display: block;}
.pakage .imgList{width: 1200px;height: 420px;box-shadow:0px -18px 28px 0px rgba(0,0,0,0.05);position: absolute;left: 50%;margin-left: -600px;z-index: 600;background-color: #fff;top: 258px;display: flex;align-items: center;justify-content: center;
  box-shadow: 0px 31px 40px 0px rgba(40, 54, 73, 0.1);}
.pakage .imgList img{display: block;display: none;}
.pakage .imgList img.on{display: block;}

.insuranceServer {margin-top:60px;}
.pcProcess .insuranceInfo {font-size: 22px;padding-top: 35px;}
.pcProcess .insuranceContent {font-size: 22px; padding-top: 35px;}

.pcProcess{padding-top: 60px;padding-bottom: 80px;background-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/insurance_bg.png) center center no-repeat;
    background-size: 100% auto;
  }
}