/* ----------- 首页 ----------- */ /* 学术分会 */ .tabs .show{display: block;} .tabtitle{ height: 72px; line-height: 72px;background: #f8f8f8;position: relative;} .tabtitle .tit{ font-size: 24px; color: #c7c7c7; width: 230px; text-align: center; cursor: pointer;} .tabtitle .tit.active{font-size: 36px; color: #000000; background: #fff;} .tabtitle .total{font-size: 18px; color: #e80719; position: absolute; right: 30px; top: 0; } .tabbox .total{font-size: 18px; color: #e80719;text-align: center; margin: -10px 0 10px 0; } .tabbox{background: #ffffff; padding: 35px 0;display: none;} .tabbox li{ width: calc(33% - 40px); box-sizing: border-box; display: inline-block; height: 60px; margin: 20px;} .tabbox li a{ color: #4c4c4c; font-size: 18px; display: block; background: no-repeat left center;border: 1px solid #f4f4f4; line-height: 60px; padding-left: 80px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .tabbox li a:hover{border: 1px solid #bde2ff; background: no-repeat left center; color: #2465fa;} .tabswiper { padding-bottom: 60px;} .tabswiper .swiper-pagination-bullet {width: 44px;height: 17px;text-align: center;line-height: 17px;color:#b1b1b1;opacity: 1;background:#efefef;border-radius:0} .tabswiper .swiper-pagination-bullet-active {color:#fff;background: #b2e1ff;} .tabswiper .swiper-pagination-bullet:first-of-type{ border-bottom-left-radius: 17px; border-top-left-radius: 17px;} .tabswiper .swiper-pagination-bullet:last-of-type{ border-bottom-right-radius: 17px; border-top-right-radius: 17px;} /* 年会资讯 */ .news{ background: no-repeat top center;background-size:100% 100%;} .news .more{ width: 99px; height: 33px; border:1px solid rgba(255, 255, 255, 0.35); border-radius: 17px; float: right; margin: -85px 0 0 0; position: relative; z-index: 9;} .news .more a{color: #acdefe;line-height: 33px; display: block; text-align: center;} .news .flex{ align-items: flex-start;} .news_left{border: 6px solid #ffffff; width: 48%; position: relative; box-sizing: border-box;} .news_left img{width: 100%;} .news_left .tit{ position: absolute;bottom: 0; left: 0; width: 100%; box-sizing: border-box; height: 60px; line-height: 60px;background: rgba(0, 0, 0, 0.6); } .news_left .tit a{display: block;color: #ffffff; padding-left: 20px;} .news_right{ width: 48%;} .news_right li{ padding: 6px; overflow: hidden; background: #ffffff; margin-bottom: 10px;} .news_right li .img{ float: left; margin-right: 15px;} .news_right li .tit{ font-size: 18px;color: #282828;} .news_right li .nr{color: #8f8f8f; height: 52px; overflow: hidden;} /* 大会特邀报告 */ .meeting{ position: relative;} .bj01{ position: absolute; left:0; bottom: 0;} .bj02{ position: absolute; top: 0; right: 0;} .meeting .container{ position: relative;z-index: 9;} .meeting .box{ padding: 80px 50px;} .meeting li{ text-align: center; width: 50%;} .meeting li .img{ width: 228px; height: 228px; border-radius: 50%; border: 6px solid #bad0ff; overflow: hidden; margin: 0 auto;} .meeting li .tit{ font-size: 24px; color: #0623d6; line-height: 60px;} .meeting li .nr p{ font-size: 16px; color:#494949; line-height: 26px;} .meeting li:hover .img{border-color: #3f65e2;} .meeting .btn{ padding: 20px 0;text-align: center;} .meeting .btn img{ margin-right: 30px;} .meeting .btn a{width: 48%; height: 96px; font-size: 24px; color: #ffffff; background:#3f65e2; line-height: 96px;} .meeting .btn a:last-of-type{ background:#08b2bd;} .meeting .btn a:hover{ opacity: 0.9;} /* 相关下载 */ .download{-background: no-repeat top center; padding-bottom: 80px;} .download li{background: #fff; border-radius: 5px; text-align: center; height: 350px;overflow: hidden;} .download li .tit{ height: 70px; background: linear-gradient(#fff,#eeeeee);} .download li .tit img{ margin: 0 20px 0 auto;} .download li .nr { padding: 40px; font-size: 18px; line-height: 28px; color: #0d548e; height: 30%;} .download li .btn{ width: 137px; height: 37px; line-height: 37px; border-radius: 19px; color: #fff; cursor: pointer;background:#3f4fe4; text-align: center; margin: 0 auto; transition: 0.3s all;} .download .swiper-slide:nth-of-type(2n) .btn{background: #920ae8;} .download li .btn:hover{ padding: 0 10px;} .download .box{ padding: 0 60px; position: relative;} .download .swiper-button-white{background-color:rgba(255, 255, 255, 0.09); width: 55px; height: 76px; border-radius: 5px; background-size:24%;} .download .swiper-button-prev{ left: 0;} .download .swiper-button-next{ right: 0;} /* 协办单位 */ .unit .box{text-align: center;} .clear { zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .unit li{width: calc(20% - 28px); background: #fff; text-align: center; margin: 12px; display: inline-block; font-size: 16px; padding-bottom: 30px;border: 3px solid #fff;} .unit li a{display: block} .xz-box{ display:flex; flex-wrap: wrap; justify-content: center!important; } .unit li:hover{border-color:#3f65e2;} /* 往届年会回顾 */ .title{font-size: 36px; padding: 50px; text-align: center; position: relative;} .history{background: no-repeat top center; background-size:100% 100%;} .history .box{display: none;} .history .box .img{ width: 71%;} .history .box .jj{ width:25%;} .history .box .jj .tit{color: #00eaff; padding: 28px 0 20px 0;} .history .box .jj .tit span{font-size: 30px;} .history .box .jj .tt{font-size: 18px; color: #ffdd74; border-bottom: 1px solid #fff; padding-bottom: 25px;} .history .box .jj .nr{padding: 25px 0 45px 0; line-height: 26px;} .history .box .jj .btn{ border: 1px solid rgba(255, 255, 255, 0.54); width: 130px; height:36px; line-height: 36px; border-radius: 5px;} .history .box .jj .btn a{color: rgba(255, 255, 255, 0.54); display: block; text-align: center;} .history .show{display: flex;} .history .years{background: no-repeat center center; color: #02b1f2; padding: 30px 12.5%; background-size: 100%;} .history .years li{ width: 20%;text-align: center;cursor: pointer;} .history .years p{ padding-top: 45px;} .history .years .on{color: #4ef9ff;} /* 当浏览器的可视区域小于1280px */ @media screen and (max-width:1280px) { } /* 当浏览器的可视区域小于1200px */ @media screen and (max-width:1200px) { .meeting .box{ flex-wrap: wrap; padding: 50px 20px;} .meeting .box li{ width: 50%;text-align: left;display: flex; align-items: center;} .meeting .box li .img{ float: left; width:30%; height: auto; margin: 10px 20px 0 0;} .unit li{width: calc(33% - 20px); margin: 8px; font-size: 14px;} .history .box,.news .box{flex-direction: column; align-items: center;} .history .box>div,.news .box>div{width: 90% !important; margin:5px auto;} } /* 当浏览器的可视区域小于980px */ @media screen and ( max-width: 980px ) { .title{padding:30px; font-size: 28px;} .tabtitle{height: 60px; line-height: 60px;} .tabtitle .tit{font-size: 22px;} .tabtitle .tit.active{font-size: 30px;} .tabbox li{width:calc(50% - 30px); height: 40px;margin: 10px;} .tabbox li a{ line-height: 40px;font-size: 16px; background-size: 50px;padding-left: 60px;} .tabbox li a:hover{ background-size: 50px;} .news .more{margin:-50px 0 0 0} .meeting .btn{flex-direction: column; align-items: center; height: auto;} .meeting .btn>div{ width: 90% !important;text-align: center !important; margin: 5px auto;} .meeting .btn>div{ line-height: 60px; height: 60px;} .history .box .jj .tt,.history .box .jj .tit{padding-bottom: 15px;} .history .box .jj .nr{ padding: 15px 0;} .meeting .btn a { width: 100%; } } /* 当浏览器的可视区域小于650px */ @media screen and ( max-width: 650px ) { .history,.news{background-size: auto 100%;} .tabtitle{height: 50px; line-height: 50px;} .tabtitle .tit{font-size: 18px;} .tabtitle .tit.active{font-size: 24px;} .tabbox li{width:calc(100% - 20px); height: 40px;margin: 5px 10px;} .news_right li .img{width: 30%;} .meeting .box li{ width: 100%;} .unit li{width: calc(50% - 10px); margin: 3px; height: 140px;overflow: hidden;} .unit li img{max-height: 140px; width: 234px; max-width: 100%;} .history .years{ padding: 0;background: none; padding: 20px 0;} .history .years p{padding-top: 0px;} }