@charset "utf-8";
* {margin: 0;padding: 0;}
body{background: #000  center top no-repeat; color: #fff;}
html {min-width: 1220px;}
.wrap {width: 1200px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.relative{position: relative;}
dl,dt,ul {list-style: none;text-decoration: none;padding-inline-start: 0;}
a{text-decoration: none;}
.clearfix:before,.clearfix:after {content: "";display: table;clear: both;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

.logo{margin-top: 30px;}
.toptitle{margin-top: 120px; animation: animat 1.2s infinite; position: relative; height: 327px;}
.toptitle .txt{border: 1px solid #fff;color: #fff;width: 234px;height: 38px;line-height: 38px;text-align: center;font-size: 18px; position: absolute; bottom: 0;}
/* @keyframes animat {
  0%{ transform: scale(1); }
  50%{ transform: scale(1.01); }
  100%{ transform: scale(1); }
} */
.banner{margin-top: 90px;padding-top: 28px;color: #fff;font-size: 14px;line-height: 24px;background:  center no-repeat;height: 130px;}
.inr{margin-top: 30px;}
.inr li{color: #fff;margin-right: 45px;width: 204px; cursor: pointer; margin-bottom: 20px;}
.inr li .number{background:  bottom no-repeat; line-height: 55px; font-size: 22px; font-weight: bold;}
.inr li .number img{position: relative;top: 4px;left: 10px;margin-right: 13px;}
.inr li .bot{padding-left: 42px; font-size: 14px; margin-top: 10px;}
.inr li:last-child{margin-right: 0;}
.inr li:hover .number{background:  bottom no-repeat;}
.inr li:hover img{transform: translate(0,-2px);}

.guest{margin-top: 50px;}
.guest li{margin-right: 36px;width: 580px;margin-bottom: 50px; position: relative;}
.guest li .bofang{position: absolute;bottom: 0;right: 30px;display: block;background: url(/uploads/image/z2ximages/bofang_bg.png) no-repeat;height: 40px;line-height: 40px;width: 87px;border-radius: 30px;padding-left: 10px;font-size: 14px;}
.guest li .baodao{background-repeat: repeat-x !important;width: 112px;padding-left: 8px;}
.guest li .bofang:hover{transform: translate(1px,1px);}
.guest li .bofang img{position: relative; top: 2px;}
.guest li a{color: #fff; cursor: pointer;}
.guest li a:hover{color: rgba(255,255,255,.8);}
.guest li:nth-child(2n){margin-right: 0;}
.guest li .relative{width: 283px; height: 350px; overflow: hidden;}
.guest li .relative:hover img{ transform: scale(1.03);}
.guest li .relative img{width: 283px; height: 350px;}
.guest li span{position:relative;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;z-index: 1;left: 0;}
.guest li span:before {position: absolute;bottom: 7px;content: "";left: -283px;width: 0;height: 2px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; background:  no-repeat;}
.guest li:hover span:before {left: -283px; width: 283px; }
.m_inr{margin-left: 18px;font-size: 15px;line-height: 24px;padding-top: 25px;width: 279px;}
.m_inr h3{font-size: 25px;}
.m_inr h4{font-size: 15px; margin-top: 10px; font-weight: normal;}
.m_inr img{margin: 15px 0 10px;}
.m_inr p{color: rgba(255,255,255,.6);}

/* 圆桌会议 */
.table ul{margin-top: 30px;}
.table h4{font-weight: normal; margin-bottom: 15px; font-size: 16px;}
.table ul li{width: 388px; float: left; margin-right: 18px; margin-bottom: 10px;}
.table ul li .relative{width: 388px; height: 220px; overflow: hidden;}
.table ul li:hover .relative img{transform: scale(1.1);}
.table ul li a{color: #fff;}
.table ul li p{text-align: center; margin-top: 10px;}


/* 回顾 */
.huigu{margin-top: 60px;}
.huigu h3,.address h3,.about h3,.table h3{font-size: 35px;color: #fff;margin-bottom: 4px;}
.huigu .title{background:  center no-repeat;height: 46px;margin-bottom: 20px;}
.collection .a1,.collection .a2{margin-right: 19px;}
.collection .a1{width: 601px; height: 338px; overflow: hidden;}
.collection .a2{width: 270px; height: 338px; overflow: hidden;}
.collection .a4{width: 290px; height: 166px; overflow: hidden; margin-bottom: 10px;}
.collection .a5{width: 290px; height: 166px; overflow: hidden;}
.collection .a1 img{width: 601px; height: 338px;}
.collection .a1:hover img,.collection .a2:hover img,.collection .a4:hover img,.collection .a5:hover img{transform: scale(1.05);}

.banner_mid{margin-top: 70px;  overflow-y: hidden; height: 280px; position: relative;}

.banner_mid .relative{width: 100%; height: 280px; overflow-y: hidden; background:  center no-repeat; opacity: .5;}

.banner_mid:hover .relative{opacity: .9;}
.banner_mid:hover img{transform: scale(1.05);}
.text{position: absolute; text-align: center; z-index: 20; transform: translate(-50%,-50%); top: 50%; left: 50%; color: #fff;}
.banner_mid .text h3{font-size: 52px;}
.banner_mid .text p{font-size: 20px;}
.address{margin-top: 30px;}
.add_text{margin-top: 20px;}
.add_text p{color: #fff; font-size: 16px; line-height: 30px;}

.about{margin-top: 40px;}
.about h4{font-weight: normal; margin-bottom: 20px;}
.about img{margin-right: 7px; margin-bottom: 7px;}

.foot{padding: 20px; text-align: center; font-size: 12px; color: #fff; margin-top: 30px;}
.swiper-container img{margin-bottom: 15px; /*width: 388px; height: 200px;*/}
.swiper-container p{text-align: center; line-height: 28px;}
.none{visibility: hidden; width: 0; height: 0;}
#swiper2 img{width: 295px; height: 167px;}
#swiper2{display: none;}
.swiper-wrapper{margin: 0 auto;}
#swiper3{overflow: hidden;}
#swiper3 .swiper-slide{height: 127px; text-align: center; color: #181818; position: relative;display: flex; justify-content: center; align-items: center;}
#swiper3 .swiper-slide .theme{box-sizing: border-box;color: #fff; z-index: 8;display: none;position: relative; line-height: 32px;}
#swiper3 .swiper-slide .theme p{font-weight: bold; font-size: 18px;}
#swiper3 .inr_box{box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-color: rgba(0,0,0,.5);*/ color: #fff; font-size: 14px; padding: 20px 10px; line-height: 26px;}
#swiper3 .inr_box h5{font-size: 18px;}
.mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.1); z-index: 9;}
#swiper3 .swiper-slide:hover .theme{display: flex; z-index: 100;}
#swiper3 .swiper-slide:hover .inr_box{display: none;}
#swiper3 .swiper-slide:hover .mask{background-color: rgba(0,0,0,.7);z-index: 0;}
#swiper3 .swiper-slide img{position: absolute; top: 0; right: 0; z-index: 10;}
.button-next{width: 14px; height: 24px; position: absolute; top: 29%; right: -10px; z-index: 20000; text-align: center; outline-style: none; cursor: pointer;}
.button-prev{width: 14px; height: 24px; position: absolute; top: 29%; left: -10px; z-index: 20000;  text-align: center; outline-style: none; cursor: pointer;}
.video{width: 1200px;height: 675px;font-weight: 600; position: relative;}
.video video{height: 1200px; width: auto; }
.video img{position: absolute;top: 0;left: 0;z-index: -1;}
.video .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
.novoice{position:absolute;height: 30px;line-height: 30px;background-color: rgba(0,0,0,.5);z-index: 20000;color: #fff;padding: 0 9px;bottom: 10%;cursor: pointer;}

.add{margin-top: 17px;}
.report{margin-top: 60px;}
.report h3{margin-top: 10px;}
.report_box{/*background: rgb(70 29 9); background: -webkit-linear-gradient(top, rgba(70, 29, 9, 1) 20%, rgba(0, 0, 0, 1)); padding: 30px 20px 30px 30px;*/ width: 1200px; box-sizing: border-box; margin-top: 30px;}
.report_box ul{height: 100%;}
.report_box ul li{margin-bottom: 8px; background: rgba(255,255,255,0.1); padding: 16px 0 16px 0;}
.personmsg{margin: 0 20px 0 20px; text-align: center; width: 80px;}
.personmsg .touxiang img{ height: 60px; width: 60px; border-radius: 50%; margin-top: 5px;}
.personmsg .mediumname{ font-size: 16px; line-height: 30px;}
.report_box ul li .news{width: 1026px; padding-top: 12px;}
.report_box ul li .news p{font-size: 12px; opacity: 0.8; padding: 10px 0 0 19px;}
.report_box ul li .news div{/*background-color: rgba(255,255,255,.1);*/ overflow-y: hidden; padding:10px 20px; box-sizing: border-box; margin-top: 10px; border-radius: 6px; font-size: 16px; line-height: 28px;}
.report_box ul li:nth-child .news div{background-color: rgba(0,0,0,.01);}
.report_box ul li h4{font-size: 14px; font-weight: normal;}
/*scrollbar*/
::-webkit-scrollbar{width:10px;height:10px; background-color:rgb(197 182 182 / 10%);}
::-webkit-scrollbar:hover{ background-color:rgb(197 182 182 / 10%); }
::-webkit-scrollbar-thumb{ background-color:rgb(197 182 182 / 10%); height:11px;}
::-webkit-scrollbar-thumb:hover{ background-color: rgb(197 182 182 / 10%);}
::-webkit-scrollbar-thumb:active{background-color:rgb(197 182 182 / 10%);}

.school {margin-top: 90px;}
.school .school_box{width: 860px; margin-top: 30px;}
.school .school_box img{margin-right: 15px; margin-bottom: 15px;width: 269px;height: 60px;}
.school .school_box img:nth-child(3n){margin-right: 0;}

.school .scroll {
    /*background:  center no-repeat;*/
    width: 337px;
    height: 634px;
    margin-top: 10px;
    overflow-y: hidden;
    padding-top: 20px;
    box-sizing: border-box;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(120, 120, 120) 150%);
}
.school .scroll #scrollbox{width: 337px; height: 100%; overflow-y: hidden;}
.scroll ul{margin-left: 20px;}
.scroll ul li{font-size: 16px; color: #f4e5b8; background: left center no-repeat; height: 30px; line-height: 35px; padding-left: 32px; margin-bottom: 5px;}
@media screen and (max-width: 980px){
    #swiper1{display: none;}
    #swiper2{display: block;}
    .m_inr h3{font-size: 30px;}
    .m_inr p{font-size: 18px; line-height: 30px;}
    .inr li .number span{font-size: 20px;}
}

.process{margin-top: 70px;}
.process h3{margin-top: 10px; margin-bottom: 40px;}
.process ul{margin-left: 70px; margin-top: 30px;}
.process ul li{position: relative; height: 108px; padding-left: 224px; background:  161px 0 repeat-y;}
.process ul li:last-child{background: none;}
.process ul li .time{position: absolute; font-size: 18px; top: -8px; left: 0;}
.process ul li img{position: absolute; left: 147px; top: -1px;}
.process ul li h4{font-size: 20px; font-weight: bold;}
.process ul li p{font-size: 15px; margin-top: 10px;}
.process ul li p span{font-size: 18px; font-weight: bold; margin-right: 30px;}

/* 圆桌会议 */
.table ul{margin-top: 30px;}
.table h4{font-weight: normal; margin-bottom: 15px; font-size: 16px;}
.table ul li{width: 388px; float: left; margin-right: 18px; margin-bottom: 25px;}
.table ul li .relative{width: 388px; height: 220px; overflow: hidden;}
.table ul li:hover .relative img{transform: scale(1.1);}
.table ul li a{color: #fff;}
.table ul li p{text-align: center; margin-top: 10px;}
.table ul li .mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.3);z-index: 1000; display: none;}
.table ul li .mask img{width: 45px; height: 45px; position: absolute; transform: translate(-50%,-50%) !important; left: 50%; top: 50%; cursor: pointer;}
.table ul li:hover .mask{display: block;}