@charset "utf-8";
.meeting_head{ overflow: hidden; padding:35px 0;}
.meeting_head .meeting_logo{ height:90px;}
.meeting_head .meeting_logo .img{ float: left;}
.meeting_head .meeting_logo img{ display: block; height:90px;}
.meeting_head .meeting_logo .tit{ float: left; margin-left:20px; padding-left:20px; border-left:1px solid #e7e7e7; color:#083091; font-size:45px; font-weight:bold; line-height:90px; }

.countdown{}
.countdown p{ color:#646464; font-size:18px; line-height:36px;}
.countdown p b{ color:#083091; font-size:36px;}
.countdown .more{ margin-top:14px; width:85px; height:26px; text-align: center; border:1px solid #083091; color:#083091; font-size:14px; line-height:24px; display: block; border-radius:13px; }
.countdown .more:hover{ background:#083091; color:#ffffff;}

.meeting_nav{ border-top:1px solid #083091;}

.mnlist{ line-height:58px; overflow: hidden; color:#083091; font-size:18px; font-weight:bold; }
.mnlist li{ float: left; width:12.5%; text-align: center; }
.mnlist li a{ display: block;}

.meeting_ban{}
.meeting_ban img{ width:100%; display: block;}

.meeting_huibj{ background:#f8f9fc; overflow: hidden; }


.meeting_tit{ text-align: center; margin:85px 0; line-height:1; }
.meeting_tit .cn{width:500px; margin:0 auto; position: relative;} 
.meeting_tit .cn:after{ content:""; width:100%; height:1px; background:#dcdcdc; position: absolute; left:0; top:50%;}
.meeting_tit .cn span{ color:#083091; font-size:36px; font-weight: bold; padding:0 35px; background:#f8f9fc; position: relative; z-index:1;}
.meeting_tit2 .cn span{ background:#ffffff; }
.meeting_tit .en{ color:#bababa; font-size:14px; text-transform: uppercase; margin-top:14px;}  

.concurrent_activities_main{ position: relative;}
.concurrent_activities{ margin-bottom:85px; }
.concurrent_activities .swiper-slide{ width:32%; height:156px; padding:30px; color:#ffffff; }
.concurrent_activities .swiper-slide a{ display: block; }
.concurrent_activities .igbj01,.concurrent_activities .igbj04,.concurrent_activities .igbj07{ background: url(../images/concurrent_activities01.jpg) no-repeat center center; background-size:cover; }
.concurrent_activities .igbj02,.concurrent_activities .igbj05,.concurrent_activities .igbj08{ background: url(../images/concurrent_activities02.jpg) no-repeat center center; background-size:cover; }
.concurrent_activities .igbj03,.concurrent_activities .igbj06,.concurrent_activities .igbj09{ background: url(../images/concurrent_activities03.jpg) no-repeat center center; background-size:cover; }
.concurrent_activities .swiper-slide .tit{ font-size:18px; font-weight: bold; line-height:1; }
.concurrent_activities .swiper-slide .name{ font-size:18px; font-weight: bold; line-height:1; margin:14px 0 20px 0; }
.concurrent_activities .swiper-slide .time{ height:26px; line-height:26px; padding-left:14px;  background-image: linear-gradient(to left, rgba(255,255,255,0) 50%,  rgba(255,255,255,0.4) 100%);}


.meeting-prev,.meeting-next{ width:60px; height:60px; position: absolute; top:50%; border-radius:50%; margin-top:-30px; z-index:100; cursor: pointer; }
.meeting-next{ left:-80px; background:#c8c8c8 url(../images/hnban-next.png) no-repeat center center; background-size:auto 100%; }
.meeting-next:hover{ background-color:#296ecd; }
.meeting-prev{ right:-80px; background:#c8c8c8 url(../images/hnban-prev.png) no-repeat center center; background-size:auto 100%; }
.meeting-prev:hover{ background-color:#296ecd; }


.conference_overview{ overflow: hidden; margin-bottom:85px;}

.conference_overview .txt{ width:55%;}
.conference_overview .txt .tit{ color:#083091; font-size:30px; font-weight: bold; line-height:1; }
.conference_overview .txt .info{ color:#484848; font-size:16px; line-height:2; margin-top:16px;}

.conference_overview .img{ width:40%;}
.conference_overview .img img{ display: block; width:100%; }


.conference_agenda{ background:#ffffff; padding:50px; margin-bottom:85px; }
.ca_nav{ text-align: center; }
.ca_nav li{ cursor: pointer; display: inline-block; margin:0 5px; width:102px; height:42px; text-align: center; line-height:40px; color:#3b3b3b; font-size:16px; font-weight:bold; border:1px solid #dcdcdc; }
.ca_nav li.on,.ca_nav li:hover{ background:#0163a9; border-color:#0163a9; color:#ffffff; }

.ca_main{ margin-top:25px; }
.ca_main table{ border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; width:100%; line-height:1.8; }
.ca_main table td{ border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:14px 0; }
.ca_main table th{ font-size:18px; font-weight: bold; color:#ffffff; background:#0163a9; text-align: center; padding:14px 0; }

.ca_main table td.time{ text-align: center; color:#3b3b3b; font-size:16px; font-weight: bold;}
.ca_main table td.tit{ color:#303030; font-size:20px; text-align: center; font-weight: bold;}
.ca_main table td.txt{ padding:14px 30px; font-size:16px;}


.conference_information{ overflow: hidden; margin-bottom:55px; }
.conference_information li{ float: left; width:48%; margin-right:4%; overflow: hidden; margin-bottom:30px; }
.conference_information li a{ display: block; overflow: hidden; }
.conference_information li .img{ width:270px; }
.conference_information li .img img{ display: block; width:100%; }
.conference_information li .txt{ padding-left:295px; }
.conference_information li .txt h3{ color:#333333; font-size:18px; font-weight: bold; margin:18px 0; line-height:1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.conference_information li .txt p{ color:#5c5c5c; font-size:14px; line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.conference_information li .txt .time{ margin-top:24px; width:120px; height:30px; text-align: center; line-height:30px; border-radius:15px; background:#eeeeee; color:#999999; }
.conference_information li:hover .txt h3{ color:#083091; }


.important_guests_main{ position: relative; margin-bottom:85px;}
.important_guests{}
.important_guests .swiper-slide{ padding:10px 0 0 10px; width:18.8%; position: relative; overflow: hidden;}
.important_guests .swiper-slide a{ display: block; background:#ffffff; position: relative; z-index:1; overflow: hidden;}
.important_guests .swiper-slide:after{ content:""; position: absolute; left:-10px; top:-10px; background:#edeff5; width:100%; height:100%;  }
.important_guests .swiper-slide .img{ width:150px; margin:35px auto; overflow: hidden; border-radius:50%; }
.important_guests .swiper-slide .img img{ display: block; width:100%;}
.important_guests .swiper-slide .txt{ width:100%; display: block; text-align: center; padding:0 10px; }
.important_guests .swiper-slide .txt h3{ color:#3e3e3e; font-size:18px; }
.important_guests .swiper-slide .txt p{ color:#818181; font-size:14px; margin-top:10px; line-height:25px; height:75px; }

.important_guests .swiper-slide:hover a{ background:#296ecd;}
.important_guests .swiper-slide:hover .txt h3{ color:#ffffff;}
.important_guests .swiper-slide:hover .txt p{ color:#ffffff;}

.highlights{ position: relative; height:810px; margin-bottom:85px; }
.highlights li{ position:absolute; width:32.8%; } 
.highlights li a{ display:block; height:100%;}
.highlights li .tit{ position:absolute; left:0; width:100%; bottom:0; text-align:center; color:#ffffff; font-size:18px; background: url(../images/titbj.png) repeat-x left center; background-size: auto 100%; height:100px; padding-top:50px;}

.highlights li.li01{ left:0; top:0; height:64.3%;}
.highlights li.li02{ left:0; bottom:0; height:34.3%;}
.highlights li.li03{ left:33.6%; top:0; height:34.3%;}
.highlights li.li04{ left:33.6%; bottom:0; height:64.3%;}
.highlights li.li05{ right:0; top:0; height:34.3%;}
.highlights li.li06{ right:0; bottom:32.85%; height:31.45%;}
.highlights li.li07{ right:0; bottom:0; height:31.45%;}

.highlights li:hover a{ background:rgba(8,48,145,0.5);}


.previous_review_main{ position: relative; margin-bottom:85px; }
.previous_review{}
.previous_review .swiper-slide{ width:32%; }
.previous_review .swiper-slide .img{ overflow: hidden; }
.previous_review .swiper-slide img{ display: block; width:100%; }
.previous_review .swiper-slide .tit{ height:50px; line-height:50px; font-size:18px; text-align: center; color:#ffffff; background:#296ecd; }


.cooperative_media{}
.cooperative_media .swiper-slide a{ margin:0 5px 10px 5px; border:1px solid #dcdcdc; display: block; }
.cooperative_media .swiper-slide img{ display: block; width:100%; }
.cooperative-media-pagination{ margin:35px 0 85px 0; text-align: center; line-height:0;}
.cooperative-media-pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#959595; margin:0 5px; border-radius:5px; opacity:1; }
.cooperative-media-pagination .swiper-pagination-bullet-active{ background:#083091; width:40px; }



@media screen and (max-width: 1600px) {

.meeting_head{ padding:30px 0;}
.meeting_head .meeting_logo{ height:76px;}
.meeting_head .meeting_logo img{ height:76px;}
.meeting_head .meeting_logo .tit{ margin-left:15px; padding-left:15px; font-size:36px; line-height:76px; }

.countdown p{ font-size:16px; line-height:30px;}
.countdown p b{ font-size:30px;}
.countdown .more{ margin-top:12px; width:70px; height:22px; font-size:12px; line-height:20px; border-radius:11px; }


.mnlist{ line-height:48px; font-size:16px;}


.meeting_tit{ margin:70px 0; }
.meeting_tit .cn{ width:420px; } 
.meeting_tit .cn span{ font-size:30px; padding:0 30px; }
.meeting_tit .en{ font-size:12px; margin-top:12px; }  

.concurrent_activities{ margin-bottom:70px; }
.concurrent_activities .swiper-slide{ height:132px; padding:25px; }
.concurrent_activities .swiper-slide .tit{ font-size:16px; }
.concurrent_activities .swiper-slide .name{ font-size:16px; margin:12px 0 18px 0; }
.concurrent_activities .swiper-slide .time{ height:22px; line-height:22px; padding-left:12px; font-size:12px; }


.meeting-prev,.meeting-next{ width:40px; height:40px; margin-top:-20px;}
.meeting-next{ left:-55px; }
.meeting-prev{ right:-55px; }

.conference_overview{ margin-bottom:70px;}

.conference_overview .txt .tit{ font-size:24px; }
.conference_overview .txt .info{ font-size:14px; margin-top:14px;}


.conference_agenda{ padding:40px; margin-bottom:70px; }


.ca_main{ margin-top:20px; }
.ca_main table td{ padding:12px 0; }
.ca_main table th{ font-size:16px; padding:12px 0; }

.ca_main table td.time{ font-size:14px; }
.ca_main table td.tit{ font-size:18px; }
.ca_main table td.txt{ padding:12px 25px; font-size:14px;}


.conference_information{ margin-bottom:45px; }
.conference_information li{ margin-bottom:25px; }
.conference_information li .img{ width:230px; }
.conference_information li .txt{ padding-left:250px; }
.conference_information li .txt h3{ font-size:16px; margin:15px 0;  }
.conference_information li .txt p{ font-size:12px; }
.conference_information li .txt .time{ margin-top:20px; width:100px; height:26px; line-height:26px; font-size:12px; border-radius:12px; }


.important_guests_main{ margin-bottom:70px;}
.important_guests .swiper-slide{ padding:8px 0 0 8px; }
.important_guests .swiper-slide:after{ left:-8px; top:-8px;  }
.important_guests .swiper-slide .img{ width:130px; margin:30px auto; }
.important_guests .swiper-slide .txt h3{ font-size:16px; }
.important_guests .swiper-slide .txt p{ font-size:12px; margin-top:10px; line-height:20px; height:60px; }

.highlights{ height:690px; margin-bottom:70px; }
.highlights li .tit{ font-size:16px; height:80px; padding-top:40px;}


.previous_review_main{ margin-bottom:70px; }
.previous_review .swiper-slide .tit{ height:40px; line-height:40px; font-size:16px; }


.cooperative_media .swiper-slide a{ margin:0 4px 8px 4px; }
.cooperative-media-pagination{ margin:30px 0 70px 0; }


}


@media screen and (max-width: 768px) {

    .meeting_head{padding:10px 0; }
    .meeting_head .container{ padding:0;}
    .meeting_head .meeting_logo{ height:50px; width:100%; border-bottom:1px solid #083091; padding:0 15px 10px 15px; }
    .meeting_head .meeting_logo img{ height:40px; }
    .meeting_head .meeting_logo .tit{ margin-left:8px; padding-left:8px; font-size:20px; line-height:40px; }
    .countdown{ width:100%; margin-top:10px; padding:0 15px; }
    .countdown p{ font-size:14px; line-height:30px;height:30px; float: left; }
    .countdown p b{ font-size:20px; }
    .countdown .more{ margin-top:4px; margin-left:20px; float: left; }
    
    
    .mnlist{ line-height:40px; font-size:14px;}
    .mnlist li{ width:25%;}
    
    .meeting_tit{ margin:20px 0; }
    .meeting_tit .cn{ width:300px; } 
    .meeting_tit .cn span{ font-size:24px; padding:0 20px; }
    .meeting_tit .en{ margin-top:8px; }  
    
    .concurrent_activities{ margin-bottom:20px; }
    .concurrent_activities .swiper-slide{ height:auto; padding:15px 30px; width:100%; }
    
    
    .meeting-prev,.meeting-next{ width:34px; height:34px; margin-top:-17px;}
    .meeting-next{ left:-10px; }
    .meeting-prev{ right:-10px; }
    
    .conference_overview{ margin-bottom:20px;}

    .conference_overview .txt{ width:100%; }
    .conference_overview .txt .tit{ font-size:20px; }
    .conference_overview .txt .info{ font-size:12px; margin-top:12px;}
    .conference_overview .img{ width:100%; margin-top:20px; }

    
    .conference_agenda{ padding:10px; margin-bottom:20px; }
    
    .ca_nav li{  height:36px; line-height:34px; width:22%; margin:0 1%; font-size:14px; }
    
    .ca_main{ margin-top:10px; }
    .ca_main table td{ padding:10px 0; }
    .ca_main table th{ font-size:14px; padding:10px 0; }
    
    .ca_main table td.time{ font-size:12px; }
    .ca_main table td.tit{ font-size:14px; line-height:1.6; }
    .ca_main table td.txt{ padding:10px 10px; font-size:12px;}
    
    
    .conference_information{ margin-bottom:10px; }
    .conference_information li{ margin-bottom:10px; width:100%; }
    .conference_information li .img{ width:120px; }
    .conference_information li .txt{ padding-left:135px; }
    .conference_information li .txt h3{ font-size:14px; margin:8px 0;  }
    .conference_information li .txt p{ font-size:12px; }
    .conference_information li .txt .time{ display:none; }
    
    
    .important_guests_main{ margin-bottom:20px;}
    .important_guests .swiper-slide{ width:49%;}
    .important_guests .swiper-slide .img{ width:100px; margin:25px auto; }
    .important_guests .swiper-slide .txt h3{ font-size:16px; }
    .important_guests .swiper-slide .txt p{ font-size:12px; margin-top:10px; line-height:20px; height:60px; }
    
    .highlights{ height:auto; margin-bottom:10px; }
    .highlights li{ position: relative; height:200px !important; width:100%; margin-bottom:10px; left:auto !important; right:auto !important; }
    .highlights li .tit{ font-size:14px; }
    
    
    .previous_review_main{ margin-bottom:20px; }
    .previous_review .swiper-slide{ width:100%; }
    .previous_review .swiper-slide .tit{ height:40px; line-height:40px; font-size:14px; }

    .cooperative-media-pagination{ margin:10px 0 20px 0; }
    

}