body { background:#fafafa; }

/* banner */
.banner { width:1300px;margin:30px auto 28px;height:450px; }
.banner ul {  }  
.banner ul li,.banner ul li a,.banner ul li a img { width:1300px;height:450px;display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width:16px;height:16px;border-radius:8px;background:#fff;margin:0 10px;opacity: 1;transition:all 1s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background:#2267ec;width:50px; }
/* 活动 */
.huodong { margin-bottom:40px;display: flex;justify-content: space-between; }
.huodong>div:nth-child(1) { width:850px; }
.huodong>div:nth-child(2) { width:430px; }
.hd-tit { height:68px;display: flex;justify-content: space-between;align-items: center; }
.hd-tit>* { display: block; }
.hd-tit>span { padding-left:44px;font-size:20px;font-weight:bold;background:url(../images/icon.png) no-repeat; }
.hd-tit>.t1 { background-position:0 -60px; }
.hd-tit>.t2 { background-position:0 -120px; }
.hd-tit>a { color:#999; }
.hd-tab { height:360px; }
.t-head { background:#70c5fb;padding:4px 0;height:56px;display: flex; }
.t-head span { display: block;font-size:16px;font-weight: bold;height:56px;text-align: center;line-height:56px;color:#fff;border-left:1px #9bd7fc solid; }
.t-head span:nth-child(1) { flex:1;border:none; }
.t-head span:nth-child(2) { width:217px; }
.t-head span:nth-child(3) { width:155px; }
.t-body { height:292px;position: relative;padding-top:2px; }
.t-body ul { width:100%; }
.t-body ul li { width:100%;display: flex; }
.t-body ul li>* { display: flex;justify-content: center;align-items: center;font-size:14px;overflow: hidden;padding-left:1px #9bd7fc solid; }
.t-body ul li span:nth-child(1) { flex:1;padding:0; }
.t-body ul li span:nth-child(2) { width:217px; }
.t-body ul li span:nth-child(3) { width:155px; }
.t-body ul li:nth-child(odd) { height:82px; }
.t-body ul li:nth-child(even) { height:64px;background:#f0f9ff; }
.hybg { background: url(../images/hybg.jpg) no-repeat 0 0;width:430px;height:297px;background-size:100% 100%;padding-top:63px; }
.kuang { width:368px;height:54px;border:1px #fff solid;border-radius:4px;margin:0 auto 20px;display: flex;align-items: center; }
.kuang>* { display: block; }
.kuang>span { background:url(../images/icon.png) no-repeat;width:46px;height:28px;border-right:1px rgba(255,255,255,0.3) solid; }
.kuang>input { flex:1;padding-left:11px;background:none;color:#fff; }
.kuang>span.l1 { background-position:11px -180px; }
.kuang>span.l2 { background-position:12px -240px; }
.kuang>input::-webkit-input-placeholder { color:rgba(255,255,255,0.3); }
.login-btn { width:370px;height:56px;display: block;text-align: center;line-height:56px;border-radius:28px;margin:30px auto 38px;font-size:26px;color:#70c5fb;font-weight:bold;cursor:pointer; }
.act { height:18px;display: flex;justify-content: space-between;width:370px;margin:0 auto; }
.act a { display: flex;color:#fff;padding-left:27px;background:url(../images/icon.png) no-repeat;height:18px;align-items: center; }
.act a:nth-child(1) { background-position:0 -300px; }
.act a:nth-child(2) { background-position:0 -360px; }
.act a:nth-child(3) { background-position:0 -420px; }
/* ad */
.ad,.ad img { width:1300px;height:160px;margin:0 auto;display: block; }
.ad { margin-bottom:16px; }
/* 总体标题 */
.zong-t { margin:60px auto 0;height:58px;width:530px;border-top:1px #282828 solid;position: relative; }
.zong-t span { width:250px;position: absolute;left:50%;transform: translateX(-50%);background:#fafafa;font-size:36px;font-weight: bold;text-align: center;top:-30px; }
/* 学会动�?? */
.dynamic-wp { display: flex;justify-content: space-between;height:420px; }
.dynamic-wp>div { width:410px;height:420px;position: relative; }
.dynamic-wp>div>img { width:410px;height:420px; }
.dynamic-wp>div>span { width:370px;height:64px;padding:0 20px;line-height:24px;color:#fff;position: absolute;left:0;bottom:0; }
.dynamic-wp>div>div { height:420px;position: absolute;left:0;top:0;background:#2267ec;width:354px;padding:0 28px;overflow:hidden;display:none; }
.dynamic-wp>div>div h3 { height:60px;line-height:30px;margin:25px 0;font-size:20px;font-weight: bold;color:#fff;overflow: hidden; }
.dynamic-wp>div>div p { padding-top:26px;height:178px;line-height:24px;border-top:1px #91b3f6 solid;font-size:14px;color:rgba(255,255,255,0.5); }
.dynamic-wp>div>div a { height:48px;text-align: center;line-height:48px;width:208px;border:1px #fff solid;border-radius:25px;display:block;margin:0 auto;color:#fff;font-size:18px; }
.dynamic-wp>div>div a:hover { background:#fff;color:#2267ec; }
.dynamic-wp>div:hover>div { display: block; }
.more { width:190px;height:48px;border-radius:24px;background:#f0f0f0;margin:40px auto 30px;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.more>* { display: block;font-size:40px;color:#ddd;height:50px; }
.more>span { margin-right:10px;height:45px; }
/* 学术动�?? */
.xs { background:#f4f4f4;overflow: hidden; }
.xs .zong-t span { background:#f4f4f4; }
.xs .more { background:#fff; }
.xs-list { height:350px; }
.xs-list li { width:310px;height:350px;float:left;border-radius:4px 4px 0 0;background:#fff;margin-left:20px; }
.xs-list li:nth-child(1) { margin-left:0; }
.xs-list li>a { width:310px;height:350px;float:left; }
.xs-show { height:200px;position: relative; }
.xs-show img { height:200px;border-radius:4px;width:310px; }
.xs-show>span { position: absolute;left:20px;bottom:-20px;height:80px;width:85px;background: #2267ec; }
.xs-show>span>* { color:#fff;text-align: center;display: block; }
.xs-show>span em { padding-top:12px;height:36px;line-height:36px;font-size:30px;font-weight: bold; }
.xs-show>span var { height:32px;line-height:32px; }
.xs-list li>a h4 { margin:30px auto 6px;width:266px;overflow: hidden;font-weight:bold;line-height:36px; height:64px;}
.xs-list li>a p { margin:0 auto;width:266px;height:60px;line-height:20px;color:#999;font-size:14px; }
/* 重要专题 */
.zy { margin:50px auto 60px;width:1300px; }
.zy>* { float:left; }
.zy .z1 { width:480px;height:175px;background:url(../images/Important-topics.png) no-repeat 0 bottom #e3e2ea;padding-bottom:15px;display: flex;align-items: center; }
.zy .z1 h3 { padding:0 20px 0 49px;font-size:36px;font-weight: bold; }
.zy .z1 a { display: block;width:100px;height:26px;text-align: center;line-height:24px;border-radius:13px;background:#323232;color:#999;font-size:30px; }
.zy .z2 { margin-left:10px; }
.zy .z2,.zy .z2 img { float:right;width:810px;height:325px; }
.zy .z3 { margin-top:10px; }
.zy .z3,.zy .z3 img { float:left;width:480px;height:295px; }
.zy .z4 { width:400px;height:160px;margin:10px 0 0 10px;background:url(../images/bot.png) no-repeat center 100px #ee6d00;line-height:112px;text-align: center;color:#fff;font-size:24px;font-weight: bold; }
.zy .col { background-color:#2267ec; }