@charset "utf-8";
/* CSS Document */
p{line-height:30px; font-size:18px; padding:0; text-indent:0; text-align: justify; color:#353535}
body{margin:0; padding:0; font-size:14px; overflow: auto;  background-color:#fff; min-width:1260px; background-position:center top; font-family:"Microsoft YaHei"; color:#000;  position:relative;}
a{color:#000; text-decoration:none;}
html {  
    scroll-behavior: smooth;  
  }
.allbox{ max-width: 2560px; height:5000px; min-width:1260px; margin:0 auto;  overflow: auto;}

.isie{width:100%; height:200px; float:left; line-height:100px; text-align:center; color:red; font-size:14px; background:#ece5cb; display:none}

.topbg{width:100%; max-width: 2560px; min-width: 1200px;  height:400px; z-index:11; position:relative; overflow:hidden; background:url(../images/topbm.jpg?v=2) no-repeat;  z-index:998 ;background-position-x: center;}
.topimg{width:100%;    height:400px; margin:0 auto 0 auto;  background-position:center;   }
.sticky{width:100%; height:80px;  top:0;  position: -webkit-sticky; /* Safari */  
    position: sticky; background-color:#fff; z-index: 99999; background:#304EA1; }
.navBox{width:1200px; height:80px; margin:0 auto;  display:flex; justify-content: space-between;  }

.navLinks {
    flex:1;
    height: 80px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 80px;
    font-size:18px; font-weight:800;
}

.navLinks a{ width:100%; height:80px; color:#fff; z-index:260; position:absolute;  display:block;  }
.navLinks a:hover{color:#D89039;}
.linksBg{font-weight: bold;}
.mainBox{width:100%; display:flex; flex-direction:column; max-width: 2560px; min-width: 1200px;}

.bgBox{width:100%; min-height:200px; display: flex; justify-content: center;  overflow:hidden;}
.bgBox:nth-child(1){background:url(../images/bg1.jpg?v=2) no-repeat; background-size: 1200px; background-position-x: center;}
.bgBox:nth-child(2){height:400px; background:linear-gradient(to bottom, #fff, #D9E6F6); background-size: 1200px; background-position-x: center;}
.bgBox:nth-child(3){height:550px; background:url(../images/bg3.png?v=2) no-repeat;  background-position-x: center;}
.bgBox:nth-child(4){height:320px; background:linear-gradient(to bottom, #fff, #D9E6F6); background-position-x: center; }
.bgBox:nth-child(5){height:320px;  }
.bgBox:nth-child(6){height:360px;}
.bgBox:nth-child(7){height:450px;  background-position-x: center;  background:linear-gradient(to top, #fff, #fdede1); }



.conBox{width:1200px;  position:relative; display:flex; justify-content: space-between; flex-wrap: wrap;}
.conBox_l{width:850px; }
.conBox_r{width:300px; border: 1px solid #e7e7e7; margin-top:20px}

.conBox2{width:100%; height: auto;display:flex; justify-content: space-between; flex-wrap: wrap; }
.conBox2_1{width:420px;}


.textBox{width:100%; height:50px; float:left;  font-size: 26px; font-weight: bold; margin-top:40px; background:linear-gradient(to right, #93CFA7 0%, #2455A6 10% ) ;-webkit-background-clip: text; /* 将背景颜色限制在文字中 */  
    -webkit-text-fill-color: transparent; /* 将文字颜色设置为透明 */  
}

.notice:hover {
    box-shadow: 0 6px 22px rgba(22, 93, 255, 0.14);
    transform: translateY(-2px);
}}


.textBox2{width:38%; float:right; height:50px;  font-size: 26px; font-weight: bold; margin-top:40px; background:linear-gradient(to right, #fcda90 0%, #e43a2e 10% ) ;-webkit-background-clip: text; /* 将背景颜色限制在文字中 */  
        -webkit-text-fill-color: transparent; /* 将文字颜色设置为透明 */  }  
    
.notice{width:100%; height:400px; text-align: justify;  float:left;    background: #ffffff;
    border-radius: 12px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(22, 93, 255, 0.08);
    transition: all 0.35s ease; }
.subject{width:100%; height:60px; float:left;  font-size: 20px; font-weight: bold; margin-top:20px; }
   
.context{width:100%; float:left;  display:flex; justify-content:space-between;  }
.ConDiv{width:370px; height:200px;  border-radius:5px;   margin-top:20px; background: linear-gradient(135deg, #D7F4BA 60%, #304EA1 100%);}

.meetOrgText{width:50%; float:left; margin:50px 0 0 30px;}
.timeText{width: 100%; float:left; margin:20px 0 0 0; font-size: 18px;}

.regBox{width:100%; height:400px; display:flex; justify-content: space-between;}
.regdiv{width:45%; height:200px; border-radius: 5px; float:left; margin-top:20px; }
.regdiv2{width:35%; height:200px; border-radius: 5px; float:left; margin-top:20px; }
.regdiv3{width:160px; height:160px; border-radius: 5px; float:left; margin-top:20px; border:1px solid rgb(27, 163, 56);  box-sizing: border-box; padding:5px;}
.football{width:100%; margin:20px 0 0 0; float:left;  }
.aboutUs{width:1200px; height:300px; margin:0 auto; }


.abT{width:100%; height:50px; line-height:80px; font-size:16px; font-weight: bold;}
.rCodesBox{width:100%; height:250px; display:flex; justify-content: space-between; align-items: center;}
.rCodes{width:200px; height:160px; display: flex;  align-items: center; flex-direction: column;}
.rCodes img{width:100px; }
.rCodes p{text-align:center; color:#666}
.copyright{width:100%; height:100px; background:#f2f2f2; text-align:center; line-height:100px; color:#666; }
.bdTop{border-top:1px solid #dbdbdb;}


.weipay{width:250px; position:absolute; right:20px; top:50px;}
.weipay img{width:250px}

.regTips{width:680px; height:200px; float:left; margin:100px 0 0 0 }
.btn{width:200px; height:260px; position:absolute; right:200px; top:30px;  box-shadow:0; transition:box-shadow 0.5s;}
.cover{width:200px; height:260px; border-radius: 5px;  position:absolute; background:linear-gradient(145deg, #ffceb8, #83add4);  transition: 0.3s; z-index:100 }
.btn img{width:160px; height:160px; position:absolute; right:20px; top:40px;  transition: 0.3s;  z-index:101 }
.btntext{position:absolute; width:200px;  bottom:20px; text-align: center; font-size:18px; font-weight: bold; color: #fff;  transition: 0.3s; z-index:102  }
.btn:hover .cover{transform:perspective(500px) rotateX(45deg); box-shadow: 0 20px 20px -20px  #fff; }
.btn:hover img{transform:perspective(500px) translate3d(0 ,-45px, 10px); opacity:1;}
.btn:hover .btntext{ transform:perspective(200px) translate3d(0 ,-25px, 50px);}














































/* ========== 整体全局重置 & 基础美化 ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth; /* 平滑滚动交互 */
    font-size: 16px;
}

body {
    font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	 background:#fff;
    color: #222;
    line-height: 1.75;
    padding: 20px 15px;
  
    margin: 0 auto;
}

/* ========== 大标题 会议主标题 ========== */
h1 {
    text-align: center;
    font-size: 2rem;
    color: #0f3460;
    margin: 24px 0;
    position: relative;
    padding-bottom: 12px;
}

h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, #165DFF, #4080ff);
    border-radius: 3px;
}

/* ========== 二级标题 会议主题、组织机构、会议专题等 h2 ========== */
h2 {
    font-size: 1.45rem;
    color: #165DFF;
    margin: 32px 0 16px;
    border-left: 5px solid #165DFF;
    padding-left: 14px;
    transition: all 0.3s ease;
}

h2:hover {
    border-left-color: #0e42c9;
    padding-left: 18px;
}

/* 三级标题 h3 */
h3 {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 22px 0 12px;
}

/* ========== 段落文本 ========== */
p {
    margin-bottom: 14px;
    color: #333;
}

/* ========== 板块卡片容器：会议背景、时间地点、组织机构、会议专题、报名、支付、联系 全部块加卡片效果 ========== */
/* 假设页面中每个大模块被外层div包裹，如果没有，就对语义块做样式；如果原生是普通块，下面类可以给模块外层增加，或者直接针对内容块 */
/* 通用卡片样式，给每个大板块容器使用 */


/* ========== 列表样式：专题、收费标准、优惠条件、联系方式列表 ========== */
ul, ol {
    padding-left: 26px;
    margin: 12px 0 18px;
}

li {
    margin: 8px 0;
    transition: padding-left 0.25s ease;
}

li:hover {
    padding-left: 6px;
    color: #165DFF;
}

/* ========== 链接交互：报名点击这里链接、页面内所有a标签 ========== */
a {
    color: #165DFF;
    text-decoration: none;
    position: relative;
    transition: color 0.25s ease;
}

a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color:#D89039;
    transition: width 0.3s ease;
}

a:hover {
    color: #0e42c9;
}

a:hover::after {
    width: 100%;
}

/* ========== 组织机构加粗文字样式（strong/b） ========== */
strong, b {
    color: #0f3460;
    font-weight: 600;
}

/* ========== 关键信息高亮块（时间地点、账户信息、报名截止时间） ========== */
.info-highlight {
    background-color: #f0f6ff;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 14px 0;
    border-left:4px solid #165DFF;
}

/* ========== 报名按钮交互，如果页面有报名按钮/可点击区域 ========== */
.btn-register {
    display: inline-block;
    background: linear-gradient(135deg,#165DFF,#4080ff);
    color:#fff !important;
    padding:12px 28px;
    border-radius:8px;
    font-weight:500;
    margin:10px 0;
    box-shadow:0 4px 10px rgba(22,93,255,0.25);
    transition: all 0.3s ease;
}

.btn-register::after {
    display:none;
}

.btn-register:hover {
    transform: translateY(-3px);
    box-shadow:0 8px 18px rgba(22,93,255,0.32);
    background: linear-gradient(135deg,#0e42c9,#165DFF);
}

.btn-register:active {
    transform: translateY(0);
}

/* ========== 表格样式（如果页面存在收费表格，兼容） ========== */
table {
    width:100%;
    border-collapse: collapse;
    margin:16px 0;
    border-radius:8px;
    overflow:hidden;
}
th,td {
    border:1px solid #dbe3f0;
    padding:12px 14px;
    text-align:left;
}
th {
    background-color:#165DFF;
    color:white;
}
tr:nth-child(even) {
    background-color:#f7f9fc;
}
tr:hover td {
    background-color:#e8f0ff;
}

/* ========== 响应式适配手机端 ========== */
@media (max-width:768px){
    body {
        padding:10px 8px;
    }
    h1 {
        font-size:1.6rem;
    }
    h2 {
        font-size:1.25rem;
    }
    .section-card {
        padding:16px 14px;
    }
    .btn-register {
        width:100%;
        text-align:center;
    }
}