.fl{float:left}
.fr{float:right}
.clear{zoom:1;}
.clear:after{display:block;content:"";clear:both;}
body,h1,h2,h3,h4,h5,h6,dl,dd,form,select,p,img{margin:0;padding:0;font-weight:normal}
ul,ol,input,textarea,th,td{margin:0;padding:0;}
li{list-style:none;vertical-align: top;}
em,i{font-style:normal;}
img{width: 100%;border:none;vertical-align: top;}
body{
    background-color: #1b0c4a;
    font-family: "΢ÈíÑźÚ";
}
a{
    text-decoration: none;
}
table { 
 border-collapse:collapse; 
 border-spacing:0; 
} 
th,td { 
 padding: 0; 
}
.wrap{
    width: 1000px;
    margin:0 auto;
    overflow:hidden;
}
.head{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/header.png) no-repeat center center;
    height: 528px;
    background-size: cover;
}

.video{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/video.png) no-repeat center center;
    height: 420px;
    background-size: cover;
}

.citymain{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/city-bg.png) no-repeat center center;
    height: 702px;
    background-size: cover; 
}

.guest{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/guest.png) no-repeat center center;
    height: 973px;
    background-size: cover; 
}

.video-l{
    width: 566px;
    height: 316px;
    position: relative;
    margin-top: 45px;
}
.video-l a{
    display: block;
    width: 100%;
    height: 100%;
}
.video-l img{
    width: 100%;
    height: 100%;
}
.video-r{
    width: 336px;
    margin-left: 98px;
    margin-top:45px;
}
.video-r img{
    width: 202px;
    height: 72px;
}
.video-r p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-top: 18px;
}
.video-r p a{
    color: #43fbff;
}
.playIconM{
  display: inline-block;
  width: 78px;
  height: 78px;
  background: url(http://img.hexun.com/zt/tv/img/icon_m.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  top:100px;
  left:227px;
}
.city-inner{
    width: 840px;
    margin:0 auto;
    position: relative;
    height: 662px;
}
.city-inner h2{
    width: 200px;
    position: absolute;
    top:40px;
    left:0;
}
.city-inner h2 img{
    width: 200px;
    height: 72px;
}
.city-tab{
    width: 258px;
    text-align: center;
    position: absolute;
}
.city-tab h3{
    font-size: 30px;
    color: #1a0e49;
    line-height: 33px;
    font-weight: bold;
}
.city-tab h4{
    font-size: 28px;
    color: #fff;
    line-height: 55px;
    transition: 0.6s;
}
.city-tab a{
    display: block;
    width: 100%;
    height: 100%;

}
.city-tab a:hover h4{
    color: #42fcff;

}

.city-tab1{
    left:-4px;
    top:206px;
}
.city-tab2{
    left:-20px;
    top:454px;
}
.city-tab3{
    left:410px;
    top:46px;
}
.city-tab4{
    left:300px;
    top:206px;
}
.city-tab5{
    left:596px;
    top:206px;
}
.city-tab6{
    left:150px;
    top:330px;
}
.city-tab7{
    left:450px;
    top:330px;
}

.city-main-1{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/city1.png) no-repeat center center;
    height: 1065px;
    background-size: cover; 
}
.city-main .title-t{
    height: 121px;
    margin-left: 20px;
}
.city-main .title-l{
    width: 70px;
    height: 81px;
}
.city-main .title-r{
    width: 166px;
    height: 72px;
    margin-left: 14px;
    margin-top: 10px;
}
.city-list{
    width: 1050px;
}
.city-list li{
    width: 480px;
    margin-right: 40px;
    float: left;
    height: 185px;
    overflow:hidden;
    margin-bottom: 30px;
}
.city-list img{
    width: 169px;
    height: 185px;
}
.city-list .city-text{
    margin-left: 20px;
    width: 284px;
    color: #fff;
}
.city-list .city-text h2{
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    overflow:hidden;
}
.city-list .city-text h2 a{
    color: #fff;
}
.city-list .city-text h2 a:hover{
    color: #42fcff;
}
.city-list .city-text h3{
    font-size: 16px;
    line-height: 38px;
}
.city-list .city-text p{
    font-size: 16px;
    line-height: 26px;
}
.city-list .city-text p a{
    color: #ff0000;
}

.city-video-l{
    width: 144px;
    margin-right: 25px;
    color: #332b9b;
}
.city-video{
    margin-top: 35px;
}
.city-video-l h1{
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    width: 60px;
    text-align: center;
    border:2px solid #102889;
}
.city-video-l h2{
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    padding-top: 12px;
    width: 144px;
    text-align: right;
}
.city-video-l h3{
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    padding-top: 12px;
    padding-bottom: 10px;
    width: 144px;
    font-family: "Arial";
    text-align: right;
}

.device {
  width: 806px;
  height: 475px;
  position: relative;
}
.device .arrow-left {
  background: url(http://2.swiper.com.cn/demo/img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:999;
}
.device .arrow-right {
  background: url(http://2.swiper.com.cn/demo/img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999
}
.swiper-container {
  height: 300px;
  width: 640px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.swiper-container {
    width: 806px;
    height: 475px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-slide a img{
    width:100%;
    height: 100%;
}

.city-right{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/city-r.png) no-repeat center center;
    height: 1101px;
    background-size: cover; 
    margin-top: 92px;
}

.city-left{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/city-l.png) no-repeat center center;
    height: 1101px;
    background-size: cover; 
    margin-top: 92px;
}

.city-last{
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/footer.png) no-repeat center center;
    height: 2171px;
    background-size: cover; 
    margin-top: 92px;
}
.meeting{
    margin-top: 120px;
}
.meet-list{
    width: 119px;
    height: 525px;
    background:url(http://insurance.hexun.com/upload/2017hxczlc/img/tab-list.png) no-repeat center center;
    background-size: cover;
    margin-top: 40px;
    position: relative;
}
.meet-list ul{
    
    width: 118px;
}
.meet-list ul li{
    height: 56px;
    width: 118px;
    line-height: 56px;
    text-align: center;
    border:1px solid #16083e;
    border-right:none;
    color:#295273;
    font-size: 24px;
    cursor: pointer;
    position: relative;
}
.meet-list ul li span{
    position: absolute;
    width: 1px;
    height: 58px;
    background-color: #44fbff;
    right:0px;
    top:-1px;
}
.meet-list ul li.active{
    color: #44fbff;
    font-weight: bold;
    border-top: 1px solid #44fbff;
    border-left: 1px solid #44fbff;
    border-bottom: 1px solid #44fbff;

}
.meet-list ul li.active span{
    display: none;
}

/*11.9*/
.meet-box{
    width: 826px;
    /*height: 545px;*/
    /*background:url(http://insurance.hexun.com/upload/2017hxczlc/img/box.png) no-repeat center center;*/
    background-size: cover;
    margin-left:30px;
    margin-top: 40px;
    display: none;
}

.table-head th{
    font-size: 20px;
    height: 57px;
    line-height: 57px;
    color: #fff;
    font-weight: normal;
}

.table{
    width: 826px;
}
.table-head{
    width: 826px;
    background: url(img/th-bg.png) no-repeat center center;
    background-size: cover;
}
.table-head th:nth-child(1){
    width: 206px;
}
.table-head th:nth-child(2){
    width: 205px;
}
.table-head th:nth-child(3){
    text-align: left;
}
.table-head th:nth-child(3) div{
    padding-left: 100px;
}

.table td{
    background: #1d1853;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

.table td.time{
    text-align: center;
    font-size: 18px;
    font-family: "monospace";
    color: #7e7ba1;
    font-weight: normal;
    width: 206px;
    border-right: 2px solid #1b0c4a;
}
/*11.9*/


.table td.talk{
    line-height: 30px;
    color: #fff;
    border-bottom: 1px solid #16083e;
    width: 205px;
}
.table td.talk div{
    padding:15px;
    font-weight: bold;
    font-size: 18px;
}
.table td.people{
    line-height: 30px;
    color: #fff;
    border-bottom: 1px solid #16083e;

}
.table td.people div{
    padding:15px;
    font-weight: bold;
    font-size: 18px;
    margin-left:13px;
}

.border{
    position: absolute;
    left:118px;
    top:406px;
}
.border-top{
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #44fbff;
    right:0px;
    top:-40px;
}



.guest-wrap{
    position: relative;
    height: 100%;
}
.guest-li{
    position: absolute;
    width: 166px;
    height: 200px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -mz-transition: 1s;
}
.guest-li img{
    width: 166px;
    height: 200px;
    position: absolute;
    left:0;
    top:0;
}
.guest-li .shadow{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #1b0c4a;
    opacity: 0.85;
    filter: alpha(opacity=85);
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -mz-transition: 1s;
}
.guest-li.active{
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -mz-transform: scale(1.4);
    z-index:99999;
}


.guest-li .intro h3{
    font-size: 22px;
    color: #1b0d4b;
    line-height: 28px;
    font-weight: bold;
    padding-top:5px;
}

.guest-li .intro h4{
    font-size: 16px;
    line-height: 18px;
    color: #1b0d4c;
}
.guest-li.active.guset14{
    transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -mz-transform-origin: right top;
}
.guest-li.active.guset1{
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -mz-transform-origin: left top;
}

.guest-li.active .intro{
    display: block;
    opacity: 0.9;
    filter:alpha(opacity=90);
}
.guest-li.active .shadow{
    opacity: 0;
    filter: alpha(opacity=0);
}

.guest-li.active2{
    z-index:99999;
}
.guest-li.active2.guset14{
    transform-origin: right top;
}
.guest-li.active2.guset1{
    transform-origin: left top;
}

.guest-li.active2 .intro{
    display: none;
}
.guest-li.active2 .shadow{
    opacity: 0;
    filter: alpha(opacity=0)
}




.guest-li .intro{
    display: none;
    position: absolute;
    bottom:0;
    left:0;
    background-color: #59eff9;
    width: 100%;
    text-align: center;
    height: 67px;

}


.guset1{
    left:0;
    top:442px;
}
.guset2{
    left:166px;
    top:160px;
}
.guset3{
    left:166px;
    top:360px;
}
.guset4{
    left:166px;
    top:559px;
}
.guset5{
    left:332px;
    top:330px;
}
.guset6{
    left:332px;
    top:530px;
}
.guset7{
    left:332px;
    top:730px;
}
.guset8{
    left:498px;
    top:160px;
}
.guset9{
    left:498px;
    top:360px;
}
.guset10{
    left:498px;
    top:560px;
}
.guset11{
    left:664px;
    top:94px;
}
.guset12{
    left:664px;
    top:294px;
}
.guset13{
    left:664px;
    top:494px;
}
.guset14{
    right:4px;
    top:194px;
}
.guset15{
    left:332px;
    top:130px;
}
.scroll{margin:0 auto; width:806px; height:475px;  position:relative; overflow:hidden;}

.scroll ul{list-style-type:none; padding:0; margin:0; position:absolute; top:0;left:0; width:99999px; height:475px; }

.scroll li{float:left; width:806px;height:475px; }
.scroll li img{
    width: 100%;
    height: 100%;
}
.prev{position:absolute; left:15px; top:214px; background: url(http://insurance.hexun.com/upload/2017hxczlc/img/jt-l.png) no-repeat center center;width: 30px;height: 60px; }

.next{position:absolute; right:15px; top:214px; background: url(http://insurance.hexun.com/upload/2017hxczlc/img/jt-r.png) no-repeat center center;width: 30px;height: 60px;}

.prev:hover{background: url(http://insurance.hexun.com/upload/2017hxczlc/img/jt-b-l.png) no-repeat center center;width: 30px;height: 60px; }

.next:hover{background: url(http://insurance.hexun.com/upload/2017hxczlc/img/jt-b-r.png) no-repeat center center;width: 30px;height: 60px;}