/*********************** 首页 ***************************/ /* 字体规范 v2.16 - 统一、清晰、舒适阅读 */ /* 标题: 22-24px | 正文: 15-16px | 辅助: 14px | 小字: 13px */ /* 服务项目正楷：寒蝉正楷体 ChillKai（SIL OFL；本地子集，仅含本区用字） */ @font-face{ font-family:"ChillKai"; src:url("../../fonts/ChillKai-svc.woff2") format("woff2"), url("../../fonts/ChillKai-svc.woff") format("woff"); font-weight:400; font-style:normal; font-display:swap; } /*banner — 1920×510 整图展示，避免 cover 裁切文案/CTA/人像*/ #index .banner{ overflow:hidden; width:100%; height:auto; aspect-ratio:1920 / 510; min-height:220px; } #index .banner_in{ width:100%; height:100%; overflow:hidden; position:relative; margin:0 auto; } #index .banner_in ul{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; margin:0; padding:0; } #index .banner_in ul li{ width:100%; height:100%; background-size:100% 100%; background-position:center center; background-repeat:no-repeat; } #index .banner_in ul li a{ display:block; width:100%; height:100%; } #index .banner_in ul li.li_01{background-image:url(../../images/banner01.jpg);} #index .banner_in ul li.li_02{background-image:url(../../images/banner02.jpg);} #index .banner_in ol{ position:absolute; width:168px; bottom:4%; left:50%; z-index:4; margin:0 0 0 -84px; } #index .banner_in ol li{width:30px; height:4px; background:#dac8a8; float:left; margin:0 6px; cursor:pointer;} #index .banner_in ol li.current{background:#b36d41;} /*div_01*/ #index .div_01{background:#f8f5ed url(../../images/div_01_bg.jpg) top center no-repeat; background-size: cover; padding:15px 0 15px 0;} #index .div_01_in .list_lh{position:relative; height:50px; } #index .div_01_in .list_lh .ul_div{ position:relative; width:1100px; height:50px; overflow:hidden; margin:0 auto; } /* 边缘轻遮罩（变窄，避免误判为删段） */ #index .div_01_in .list_lh .ul_div:before{ content:''; position:absolute; left:0; top:0; width:36px; height:50px; background:linear-gradient(to right, rgba(248,245,237,0.95) 0%, rgba(248,245,237,0) 100%); z-index:10; pointer-events:none; } #index .div_01_in .list_lh .ul_div:after{ content:''; position:absolute; right:0; top:0; width:36px; height:50px; background:linear-gradient(to left, rgba(248,245,237,0.95) 0%, rgba(248,245,237,0) 100%); z-index:10; pointer-events:none; } #index .div_01_in .list_lh ul{ height:50px; overflow:visible; width:auto; min-width:100%; position:absolute; left:0; top:0; margin:0; padding:0; list-style:none; white-space:nowrap; will-change:transform; } #index .div_01_in .list_lh ul li{ line-height:50px; display:inline-block; float:none; width:auto; min-width:0; max-width:none; margin:0 48px 0 0; padding:0; white-space:nowrap; vertical-align:top; } #index .div_01_in .list_lh ul li a{ color:#2c1810; display:inline; font-size:16px; font-weight:500; letter-spacing:0.5px; white-space:nowrap; transition:color 0.25s ease; } #index .div_01_in .list_lh ul li a:hover{ color:#b36d41; text-decoration:none; } #index .div_01_in .con{ margin-top: 20px; display:flex; gap:14px; width:1100px; box-sizing:border-box; } #index .div_01_in .con .list_div_01, #index .div_01_in .con .list_div_02, #index .div_01_in .con .list_div_03{ float:none; flex:1 1 0; width:auto; height:184px; box-sizing:border-box; border:2px solid #dac8a8; background-repeat:no-repeat; background-position:top center; background-size:cover; opacity:0; } #index .div_01_in .con .list_div_01{background-image:url(../../images/div01_pic_01.jpg);} #index .div_01_in .con .list_div_02{background-image:url(../../images/div01_pic_02.jpg);} #index .div_01_in .con .list_div_03{background-image:url(../../images/div01_pic_03.jpg);} #index .div_01_in .con .list_div_01 a, #index .div_01_in .con .list_div_02 a, #index .div_01_in .con .list_div_03 a{ display:block; width:100%; height:184px; position:relative; } #index .div_01_in .con .list_div_01 a .name, #index .div_01_in .con .list_div_02 a .name, #index .div_01_in .con .list_div_03 a .name{ width:58px; height:132px; background:url(../../images/div01_bg_01.png) top center no-repeat; text-align:center; padding:16px 0 0 0; color:#b62233; font-family:var(--font-display); font-size:24px; line-height:32px; position:absolute; left:35px; top:21px; } #index .div_01_in .con .list_div_01 a .del, #index .div_01_in .con .list_div_02 a .del, #index .div_01_in .con .list_div_03 a .del{ color:#8b7d6b; font-size:14px; position:absolute; right:2px; bottom:7px; } #index .div_01_in .con .list_div_01 a:hover .del, #index .div_01_in .con .list_div_02 a:hover .del, #index .div_01_in .con .list_div_03 a:hover .del{ color:#b36d41; text-decoration:none; } /*div_02*/ /*div_02 — 统一「查看更多」：赤陶圆角白字*/ #index .tit .more{ display:inline-block; box-sizing:border-box; width:84px; height:28px; line-height:28px; padding:0; text-align:center; background:#b36d41; color:#ffffff; font-size:14px; font-weight:500; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1); transition:all 0.3s ease; text-decoration:none; } #index .tit .more:hover{ background:#603811; color:#ffffff; transform:translateY(-1px); box-shadow:0 2px 5px rgba(0,0,0,0.15); text-decoration:none; } #index .div_02{height:280px; background:#ede7d9; padding:30px 0 10px 0; margin-top: 0;} #index .div_02 .div_02_in .news_l{width:348px; height:241px; border:1px solid #dac8a8; padding:14px 11px 0 12px; opacity: 0;} #index .div_02 .div_02_in .news_l .tit{height:36px; border-bottom:1px solid #dac8a8; margin:0 0 11px 0;} #index .div_02 .div_02_in .news_l .tit h2{color:#603811; font-size:21px; font-family:var(--font-display); padding:0 0 0 61px; position:relative;} #index .div_02 .div_02_in .news_l .tit h2 span{width:48px; height:25px; display:block; position:absolute; left:8px; top:0px;} #index .div_02 .div_02_in .news_l .tit h2 span img{width:48px; height:25px;} #index .div_02 .div_02_in .news_l .news_list{height:174px; overflow:hidden;} #index .div_02 .div_02_in .news_l .news_list ul{height:348px;} #index .div_02 .div_02_in .news_l .news_list ul li{height:32px; overflow:hidden; line-height:32px; padding:0; transition:all 0.3s ease;} #index .div_02 .div_02_in .news_l .news_list ul li a{color:#333333 !important; font-size:14px; font-weight:400; transition:all 0.3s ease; max-width:240px; display:inline-block; vertical-align:middle;} #index .div_02 .div_02_in .news_l .news_list ul li a span{margin-right:3px; color:#666666;} #index .div_02 .div_02_in .news_l .news_list ul li a:hover{color:#b36d41 !important; text-decoration:none; transform:translateX(3px);} #index .div_02 .div_02_in .news_l .news_list ul li .time{color:#666666; font-size:13px; flex-shrink:0;} #index .div_02 .div_02_in .jianjie{width:688px; height:241px; border:1px solid #dac8a8; padding:14px 11px 0 12px; opacity: 0;} #index .div_02 .div_02_in .jianjie .tit{height:36px; border-bottom:1px solid #dac8a8; margin:0 0 11px 0;} #index .div_02 .div_02_in .jianjie .tit h2{color:#603811; font-size:21px; font-family:var(--font-display); padding:0 0 0 61px; position:relative;} #index .div_02 .div_02_in .jianjie .tit h2 span{width:48px; height:25px; display:block; position:absolute; left:8px; top:0px;} #index .div_02 .div_02_in .jianjie .tit h2 span img{width:48px; height:25px;} #index .div_02 .div_02_in .jianjie .del_div{margin-top:14px;} #index .div_02 .div_02_in .jianjie .del_div .pic{width:235px; height:172px; margin:0 20px 0 0; border-radius:4px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.1);} #index .div_02 .div_02_in .jianjie .del_div .pic img{width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease;} #index .div_02 .div_02_in .jianjie .del_div .pic:hover img{transform:scale(1.05);} #index .div_02 .div_02_in .jianjie .del_div .txt_r{width:420px;} #index .div_02 .div_02_in .jianjie .del_div .txt_r p{color:#333333; line-height:25px; text-indent:2em; margin-bottom:3px; font-size:14px; font-weight:400;} #index .div_02 .div_02_in .jianjie .del_div .txt_r p a{display:inline-block; color:#b36d41; font-weight:500; transition:color 0.2s ease;} #index .div_02 .div_02_in .jianjie .del_div .txt_r p a:hover{color:#603811; text-decoration:none;} /*div_03*/ #index .div_03{height:320px; background:#ede7d9; padding:0 0 0 0;} #index .div_03 .div_03_in ul{overflow:hidden; margin:-71px 0 0 0;} #index .div_03 .div_03_in ul .list_li{width:220px; float:left; opacity: 0;} #index .div_03 .div_03_in ul .list_li .pic{width:220px; height:270px; margin:0 auto; position:relative;} #index .div_03 .div_03_in ul .list_li .pic img{display:block; margin:auto; position:absolute; top:60px; left:0px; right:0; bottom:0; transition:1s;-webkit-transition:1s; -moz-transition:1s;} #index .div_03 .div_03_in ul .list_li .pic img:hover{ -webkit-transform:rotate(360deg) scale(1.2); -moz-transform:rotate(360deg) scale(1.2); -ms-transform:rotate(360deg) scale(1.2); -o-transform:rotate(360deg) scale(1.2);} #index .div_03 .div_03_in ul .list_li .name{width:61px; height:24px; background:url(../../images/icon_pic_02.jpg) top center no-repeat; margin:0 auto 18px; color:#ffffff; font-size:16px; padding:0 0 0 46px;} #index .div_03 .div_03_in ul .list_li .txt{line-height:21px; color:#875a3d; width:210px; margin:0 auto;} /*div_04 — 对齐线上 tieshushengwd.com：透明标题图 + 卷轴书架*/ #index .div_04{height:450px; background:#ede7d9; padding:0 0 0 0; overflow:visible;} #index .div_04 .div_04_in .tit{height:138px; opacity: 0;} #index .div_04 .div_04_in .tit h2{width:550px; height:138px; margin:0; padding:0; background:none; overflow:visible;} #index .div_04 .div_04_in .tit h2 img{display:block; width:550px; height:138px; border:0;} #index .div_04 .div_04_in .tit .more{margin:58px 0 0 0;} #index .div_04 .div_04_in .content{position: relative; width: 1100px; height:254px; opacity: 0; overflow:visible;} #index .div_04 .div_04_in .content .l-pic-index{position: absolute; left: 522px; top: 0; z-index:2; width:29px; height:254px; background: url(../../images/j1.png) no-repeat right 0;} #index .div_04 .div_04_in .content .r-pic-index{position: absolute; right: 522px; top: 0; z-index: 2; width:29px; height:254px; background: url(../../images/j4.png) no-repeat left 0;} #index .div_04 .div_04_in .content .l-bg-index{position: absolute; top:0px; left: 542px; z-index: 1; width: 29px; height: 254px; background: url(../../images/j2.png) right 0 no-repeat;} #index .div_04 .div_04_in .content .r-bg-index{position: absolute; top:0px; right: 542px; z-index: 1; width: 29px; height: 254px; background: url(../../images/j3.png) 0 0 no-repeat;} #index .div_04 .div_04_in .content .main-index{display:none; position: absolute; top:-20px; left: 77px; right: 77px; z-index:100; width:auto; height:auto; min-height:187px; overflow:visible;} #index .div_04 .div_04_in .content .main-index ul{display:flex; justify-content:center; align-items:flex-start; flex-wrap:nowrap; gap:36px; height:auto; min-height:254px; overflow:visible; margin:0; padding:0; list-style:none;} #index .div_04 .div_04_in .content .main-index ul li{float:none; width:168px; flex:0 0 168px; overflow:visible; position:relative; z-index:1; transition:z-index 0s;} #index .div_04 .div_04_in .content .main-index ul li.zoomed{z-index:999;} #index .div_04 .div_04_in .content .main-index ul li .pic{width:104px; height:207px; margin:0 auto; position:relative; overflow:visible;} #index .div_04 .div_04_in .content .main-index ul li .pic img{display:block; width:104px; height:auto; max-height:151px; object-fit:contain; margin:auto; position:absolute; top:60px; left:0px; right:0; bottom:0; transition:all 0.3s ease; z-index:1; border-radius:3px; cursor:pointer;} #index .div_04 .div_04_in .content .main-index ul li.zoomed .pic img{transform:scale(4); z-index:1000; box-shadow:0 15px 40px rgba(0,0,0,0.4);} #index .div_04 .div_04_in .content .main-index ul li .name{text-align:center; padding:0 2px; color:#875a3d; font-size:14px; line-height:1.45; margin:10px 0 0 0; transition:color 0.3s ease; display:block; width:100%; height:auto; min-height:0; max-height:none; overflow:visible; white-space:normal; word-break:keep-all; font-weight:400;} #index .div_04 .div_04_in .content .main-index ul li.zoomed .name{color:#b36d41;} /*div_05 — 书生案例：透明标题图对齐线上*/ #index .div_05{height:400px; background:#ede7d9; padding:12px 0 0 0;} #index .div_05 .div_05_in .tit{height:138px; opacity: 0;} #index .div_05 .div_05_in .tit h2{width:550px; height:138px; margin:0; padding:0; background:none;} #index .div_05 .div_05_in .tit h2 img{display:block; width:550px; height:138px; border:0;} #index .div_05 .div_05_in .tit .more{margin:58px 0 0 0;} #index .div_05 .div_05_in .content .main-index .ul_l{overflow:hidden; margin:25px 0 0 0;} #index .div_05 .div_05_in .content .main-index .ul_l li{float:left; width:220px; opacity: 0;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit{width:210px; height:48px; padding:0 5px; position:relative;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .icon_l{display:block; width:35px; height:19px; position:absolute; left:5px; top:8px;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .icon_l img{width:35px; height:19px;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .txt{text-align:center; margin:0 auto; width:210px;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .txt h3{color:#875a3d; font-size:16px; margin:2px 0 0 0; font-weight:normal; text-align:center; } #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .txt p{color:#875a3d; font-size:10px; text-transform: uppercase; text-align:center;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .icon_r{display:block; width:35px; height:19px; position:absolute; right:5px; top:8px;} #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .icon_r img{width:35px; height:19px;} #index .div_05 .div_05_in .content .main-index .ul_l li .con_d{width:196px; padding:4px 12px 0; height:150px; background: url(../../images/line_pic.jpg) no-repeat right top;} #index .div_05 .div_05_in .content .main-index .ul_l li .con_d a{color:#875a3d; line-height:27px; font-size:14px; text-align:center;} #index .div_05 .div_05_in .content .main-index .ul_l li .con_d a:hover{color:#603811;} /*div_06 — 服务项目：正楷竖排对齐线上图字 中文：寒蝉正楷体 ChillKai（全字库正楷衍生，SIL OFL） 英文：同用 ChillKai 西文（内嵌 Gentium，与正楷配套） 「服务项目」：线上原图 div05_pic_02.jpg（与站点图字一致） 本地子集：fonts/ChillKai-svc.woff2；协议：fonts/ChillKai-OFL.txt */ #index .div_06{height:334px; background:url(../../images/div05_bg.jpg) no-repeat top center; background-size: cover;} #index .div_06 .div_06_in{position:relative; height:334px;} #index .div_06 .div_06_in .pic{width:475px; height:334px; position:absolute; left:-106px; top:0px; z-index:3; opacity: 0;} #index .div_06 .div_06_in .pic img{width:475px; height:334px;} #index .div_06 .div_06_in .txt .tit_r_01{margin:80px 12px 0 32px; opacity: 0;} #index .div_06 .div_06_in .txt .tit_r{margin:56px 18px 0; opacity: 0;} #index .div_06 .svc-title{ display:block; position:relative; box-sizing:border-box; width:40px; height:141px; padding:0; margin:80px 12px 0 32px; background:transparent; line-height:0; text-decoration:none; } #index .div_06 .svc-title img{ display:block; width:40px; height:141px; border:0; transform-origin:center center; transition:transform 0.35s ease; } #index .div_06 .svc-title:hover{text-decoration:none; z-index:2;} #index .div_06 .svc-title:hover img{transform:scale(1.12);} #index .div_06 .svc-item{ display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; width:64px; height:210px; padding:6px 0; color:#fff; text-decoration:none; } #index .div_06 .svc-item .svc-zh{ writing-mode:vertical-rl; text-orientation:upright; font-family:"ChillKai", "寒蝉正楷体", "LXGW WenKai", var(--font-chinese, "Noto Serif SC"), serif; font-size:28px; font-weight:400; letter-spacing:0.38em; line-height:1; color:#ffffff; text-shadow:0 0 8px rgba(255,255,255,0.2); transform-origin:center center; transition:transform 0.35s ease; } #index .div_06 .svc-item .svc-en{ writing-mode:vertical-rl; text-orientation:sideways; font-family:"ChillKai", "寒蝉正楷体", "Gentium", "Noto Serif SC", Georgia, serif; font-size:15px; font-weight:500; letter-spacing:0.14em; line-height:1.15; white-space:nowrap; color:#ffffff; opacity:0.95; text-shadow:0 1px 4px rgba(0,0,0,0.45), 0 0 8px rgba(255,255,255,0.12); transform-origin:center center; transition:transform 0.35s ease, opacity 0.35s ease; } #index .div_06 .svc-item:hover{text-decoration:none; z-index:2;} #index .div_06 .svc-item:hover .svc-zh, #index .div_06 .svc-item:hover .svc-en{transform:scale(1.12);} #index .div_06 .svc-item:hover .svc-en{opacity:1;} /* 允许放大不被裁切；左侧动图不拦截鼠标 */ #index .div_06.w_100.over_f, #index .div_06 .div_06_in .txt.svc-strip{overflow:visible;} #index .div_06 .div_06_in .pic{pointer-events:none;} #index .div_06 .div_06_in .txt.svc-strip{position:relative; z-index:4;} /*div_07 — 精品视频：透明标题图对齐线上*/ #index .div_07{height:480px; background:#ede7d9; padding:20px 0; position:relative;} #index .div_07 .div_07_in{position:relative; height:476px;} #index .div_07 .div_07_in .tit{height:138px; margin:0 0 15px 0; opacity: 0;} #index .div_07 .div_07_in .tit h2{width:550px; height:138px; margin:0; padding:0; background:none;} #index .div_07 .div_07_in .tit h2 img{display:block; width:550px; height:138px; border:0;} #index .div_07 .div_07_in .tit .more{margin:58px 0 0 0;} #index .div_07 .div_07_in .OurProgramcontent .Con{height: 580px;} #index .div_07 .div_07_in .OurProgramcontent .Con .movie{width: 33.33%; position: relative; float: left; opacity: 0;} #index .div_07 .div_07_in .OurProgramcontent .Con .movie a{width: 310px; height: 310px; border: 1px solid #b67248; background: #ede7d9; border-radius: 1000px; margin: 0 auto;} #index .div_07 .div_07_in .OurProgramcontent .Con .movie a img{ display: block; width: 265px; height: 265px; border-radius: 1000px; margin: 22px auto 0;} #index .div_07 .div_07_in .OurProgramcontent .Con .movie .bot_t{width: 144px; height: 41px; background: url(../../images/icon_pic_03.png) no-repeat top center; position: absolute; bottom: 0px; left: 44px; z-index: 10; padding: 16px 0 0 107px; color: #fff; font-size: 22px;} #index .div_07 .video-btn{position: absolute; width:600px; height: 300px; top:50%; left: 50%; margin-top: -150px; margin-left:-300px; display: none; z-index: 101;} #index .div_07 .video-btn .video-area{width:500px; height: 300px; background:black; margin:0 auto;} #index .div_07 .video-btn .video-shut{height:32px; width:32px; font-size:40px; display: block; position:absolute; right: 11px; top: -18px; z-index:200;} #index .div_07 .shadow{position: absolute; opacity: 0.5; filter:alpha(opacity=50); bottom:0; left: 0; right: 0px; top: 0px; background:black; z-index: 100; display: none; } /*div_08 — 学员案例：透明标题图对齐线上*/ #index .div_08{height:680px; background:#ede7d9; } #index .div_08 .div_08_in{position:relative; height:670px;} #index .div_08 .div_08_in .tit{height:138px; opacity: 0;} #index .div_08 .div_08_in .tit h2{width:550px; height:138px; margin:0; padding:0; background:none;} #index .div_08 .div_08_in .tit h2 img{display:block; width:550px; height:138px; border:0;} #index .div_08 .div_08_in .tit .more{margin:58px 0 0 0;} #index .div_08 .div_08_in .content{padding:25px 0 0 29px;} #index .div_08 .div_08_in .content .pic{background:#ede7d9; width:378px; height:470px; border:1px solid #875a3d; margin:0 44px 0 0; opacity: 0;} #index .div_08 .div_08_in .content .pic img{display:block; width:341px; height:428px; margin:21px auto 0;} #index .div_08 .div_08_in .content .list_div{width:580px; opacity: 0; margin:-5px 0 0 0;} #index .div_08 .div_08_in .content .list_div ul li{line-height:34px; font-size:18px;} #index .div_08 .div_08_in .content .list_div ul li a{color:#875a3d; padding:0 0 0 15px; position:relative;} #index .div_08 .div_08_in .content .list_div ul li a .icon{width:4px; height:4px; background:#603811; border-radius:100px; position:absolute; left:0; top:50%; margin:-2px 0 0 0;} #index .div_08 .div_08_in .content .list_div ul li a:hover{color:#603811;} /*div_09*/ /*div_09 — 书生风采：透明标题图对齐线上*/ #index .div_09{height:300px; background:url(../../images/div09_bg.jpg) no-repeat top center; background-size: cover; position:relative; padding:0 0 10px 0;} #index .div_09 .div_09_in{position:relative;} #index .div_09 .div_09_in .tit{height:87px; opacity: 0; margin:0 0 9px 0;} #index .div_09 .div_09_in .tit h2{width:250px; height:87px; margin:0; padding:0; background:none;} #index .div_09 .div_09_in .tit h2 img{display:block; width:250px; height:87px; border:0;} #index .div_09 .div_09_in .content{position:relative; height:178px; opacity: 0;} #index .div_09 .div_09_in .content .box{ position:relative; width:1100px; height:178px; margin:0 auto; overflow:hidden;} #index .div_09 .div_09_in .content .box ul{width:2200px; position:absolute;} #index .div_09 .div_09_in .content .box ul li{float:left; width:268px; height:178px; margin:0 3px 0 4px;} #index .div_09 .div_09_in .content .box ul li a{width:268px; height:178px;} #index .div_09 .div_09_in .content .box ul li a img{width:268px; height:178px;} /*弹框样式 - 优化动画效果(更柔和的过渡)*/ #index .div_09 .imgzoom_pack{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0); display:none; z-index:999; transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #index .div_09 .imgzoom_pack.show{ background:rgba(0,0,0,.7); } #index .div_09 .imgzoom_pack .del{ width:600px; height:400px; position:absolute; left:50%; margin:-200px 0 0 -300px; top:50%; opacity: 0; transform: scale(0.85) translateY(20px); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #index .div_09 .imgzoom_pack.show .del{ opacity: 1; transform: scale(1) translateY(0); } #index .div_09 .imgzoom_pack.closing .del{ opacity: 0; transform: scale(0.9) translateY(10px); } #index .div_09 .imgzoom_pack .del .imgzoom_x{ color:#fff; height:36px; width:36px; line-height:36px; background:rgba(0,0,0,0.8); text-align:center; position:absolute; right:8px; top:8px; z-index:10; cursor:pointer; border-radius:50%; font-size:20px; font-weight:bold; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); backdrop-filter: blur(5px); opacity: 0.9; } #index .div_09 .imgzoom_pack .del .imgzoom_x:hover{ background:rgba(255,255,255,0.2); transform: rotate(90deg) scale(1.1); opacity: 1; } #index .div_09 .imgzoom_pack .del .imgzoom_x:active{ transform: rotate(90deg) scale(0.95); } #index .div_09 .imgzoom_pack .del .imgzoom_img{ width:500px; height:360px; position:absolute; left:50%; top:0; margin:0 0 0 -250px; overflow:hidden; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; } #index .div_09 .imgzoom_pack.show .del .imgzoom_img{ box-shadow:0 20px 60px rgba(0,0,0,0.4); } #index .div_09 .imgzoom_pack .del .imgzoom_img img{ width:100%; position:absolute; top:50%; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #index .div_09 .imgzoom_pack .del .imgzoom_img img:active{ transform: scale(0.98); } /*div_10*/ /*div_10 — 參禪悟道：透明标题图对齐线上*/ #index .div_10{height:425px; background:#ede7d9; padding:10px 0 0 0;} #index .div_10 .div_10_in .tit{height:138px; opacity: 0;} #index .div_10 .div_10_in .tit h2{width:auto; max-width:649px; height:138px; margin:0; padding:0; background:none;} #index .div_10 .div_10_in .tit h2 img{display:block; width:auto; max-width:649px; height:138px; border:0;} #index .div_10 .div_10_in .tit .more{margin:58px 0 0 0;} #index .div_10 .div_10_in .content .main-index .ul_l{overflow:hidden; margin:25px 0 0 0;} #index .div_10 .div_10_in .content .main-index .ul_l li{float:left; width:275px; opacity: 0;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit{width:265px; height:48px; padding:0 5px; position:relative;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .icon_l{display:block; width:35px; height:19px; position:absolute; left:5px; top:8px;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .icon_l img{width:35px; height:19px;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .txt{text-align:center; margin:0 auto; width:275px;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .txt h3{color:#875a3d; font-size:16px; margin:2px 0 0 0; font-weight:normal; text-align:center; } #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .txt p{color:#875a3d; font-size:10px; text-transform: uppercase; text-align:center;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .icon_r{display:block; width:35px; height:19px; position:absolute; right:5px; top:8px;} #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .icon_r img{width:35px; height:19px;} #index .div_10 .div_10_in .content .main-index .ul_l li .con_d{width:251px; padding:4px 12px 0; height:150px; background: url(../../images/line_pic.jpg) no-repeat right top;} #index .div_10 .div_10_in .content .main-index .ul_l li .con_d a{color:#875a3d; line-height:27px; font-size:14px; text-align:center;} #index .div_10 .div_10_in .content .main-index .ul_l li .con_d a:hover{color:#603811;} /*********************** 在线排盘-四柱 ***************************/ #paipan_sz .banner { overflow: hidden; height: 510px;} #paipan_sz .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #paipan_sz .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #paipan_sz .banner_in ul li { height: 510px;} #paipan_sz .banner_in ul li a { height: 510px;} #paipan_sz .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #paipan_sz .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px;} #paipan_sz .main .main_in .crumb p a{display:inline-block; color:#333333;} #paipan_sz .main .main_in .crumb p span{display:inline-block; color:#81603f;} #paipan_sz .main{background:#ede7d9; padding:31px 0 85px 0;} #paipan_sz .main .main_in .top_tab ul{overflow:hidden; padding:0 0 68px 0;} #paipan_sz .main .main_in .top_tab ul li{float:left; width:194px; height:45px; line-height:45px; text-align:center; border:1px solid #b3ab99; background:#fffcf5; margin:0 26px 0 0;} #paipan_sz .main .main_in .top_tab ul li:last-child{margin:0 0 0 0;} #paipan_sz .main .main_in .top_tab ul li a{color:#333333; font-size:18px;} #paipan_sz .main .main_in .con_div .l_div{width:743px; border-top:1px solid #b3ab99; padding:20px 0 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp{background:url(../../images/paipan_sz_02.png) no-repeat left top; border-left:1px solid #b3ab99; border-right:1px solid #b3ab99; border-bottom:1px solid #b3ab99; padding:27px 0 48px 0; margin:0 0 20px 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .t_title{width:128px; height:47px; background:#ede7d9; border:1px solid #b3ab99; padding: 2px; margin:0 auto 41px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .t_title h3{width:145px; height:45px; border:1px solid #b3ab99; background:#81603f; line-height:45px; text-align:center; color:#ffffff; font-size:19px; font-weight:normal;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_01{margin:0 0 23px 167px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_01 .name label{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_01 .name input{width:123px; height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 64px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_01 .gender span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_01 .gender input{width:16px; height:16px; border:1px solid #b4ac9b; margin:9px 14px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_02{margin:0 0 23px 190px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_02 input{width:16px; height:16px; border:1px solid #b4ac9b; margin:9px 14px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_02 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_03{margin:0 0 23px 196px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_03 label{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_03 select{width:123px; height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_04{margin:0 0 23px 235px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_04 input{width:16px; height:16px; border:1px solid #b4ac9b; margin:9px 14px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_04 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05{margin:0 0 37px 71px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 select{height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 .la_01 select{width:98px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 .la_02 select{width:47px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 .la_03 select{width:47px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 .la_04 select{width:68px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .line_05 .la_05 select{width:47px;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .zxpp{width:126px; height:34px; line-height:34px; text-align:center; color:#333333; font-size:18px; background:url(../../images/paipan_sz_05.jpg) repeat-x; margin:0 auto;} #paipan_sz .main .main_in .con_div .l_div .f_div .szpp .zxpp:hover{background:#81603f;color:#fff; border: 1px solid #b3ab99;box-sizing: border-box;} #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p{line-height:27px; color:#333333; font-size:14px; text-indent:2em;} #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p.txt_01{text-indent:0; } #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p.txt_01 span{font-weight:bold;} #paipan_sz .main .main_in .con_div .r_div{width:338px;} #paipan_sz .main .main_in .con_div .r_div .news_c{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .news_c .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .news_c .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .news_c .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list{padding:0 20px 15px;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .news_c .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_sz .main .main_in .con_div .r_div .zspx{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .zspx .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .zspx .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .zspx .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list{padding:0 20px 15px 38px;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .zspx .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline; margin:0 0 7px 0;} #paipan_sz .main .main_in .con_div .r_div .zspx .zx{width:126px; height:34px; line-height:34px; text-align:center; color:#333333; font-size:18px; background:#81603f; margin:0 auto; border:1px solid #b3ab99; color:#fff;} #paipan_sz .main .main_in .con_div .r_div .ssal{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .ssal .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .ssal .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .ssal .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list{padding:0 20px 15px 38px;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .ssal .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_sz .main .main_in .con_div .r_div .lxwm{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del{padding:0 0 0 38px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p{line-height:24px; margin:0 0 4px 0; font-size:14px; color:#333333;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p a{display:inline-block; width:95px; height:24px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p a img{width:95px; height:24px;} /*********************** 在线排盘-梅花 ***************************/ #paipan_sz .banner { overflow: hidden; height: 510px;} #paipan_sz .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #paipan_sz .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #paipan_sz .banner_in ul li { height: 510px;} #paipan_sz .banner_in ul li a { height: 510px;} #paipan_sz .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #paipan_sz .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px;} #paipan_sz .main .main_in .crumb p a{display:inline-block; color:#333333;} #paipan_sz .main .main_in .crumb p span{display:inline-block; color:#81603f;} #paipan_sz .main{background:#ede7d9; padding:31px 0 85px 0;} #paipan_sz .main .main_in .top_tab ul{overflow:hidden; padding:0 0 68px 0;} #paipan_sz .main .main_in .top_tab ul li{float:left; width:194px; height:45px; line-height:45px; text-align:center; border:1px solid #b3ab99; background:#fffcf5; margin:0 26px 0 0;} #paipan_sz .main .main_in .top_tab ul li:last-child{margin:0 0 0 0;} #paipan_sz .main .main_in .top_tab ul li a{color:#333333; font-size:18px;} #paipan_sz .main .main_in .con_div .l_div{width:743px; border-top:1px solid #b3ab99; padding:20px 0 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp{background:url(../../images/paipan_sz_02.png) no-repeat left top; border-left:1px solid #b3ab99; border-right:1px solid #b3ab99; border-bottom:1px solid #b3ab99; padding:27px 0 48px 0; margin:0 0 20px 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .t_title{width:200px; height:47px; background:#ede7d9; border:1px solid #b3ab99; padding:2px; margin:0 auto 41px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .t_title h3{width:200px; height:45px; border:1px solid #b3ab99; background:#81603f; line-height:45px; text-align:center; color:#ffffff; font-size:19px; font-weight:normal;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001{margin:0 0 20px 130px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 select{height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 .la_01 select{width:80px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 .la_02 select{width:50px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 .la_03 select{width:50px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 .la_04 select{width:50px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_001 .la_05 select{width:50px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_002{margin:0 80px 23px 90px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_002 label{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_002 input{width:16px; height:16px; border:1px solid #b4ac9b; margin:9px 14px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_002 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_003{margin:0 0 25px 150px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_003 .jg{border="0" width="260" height="83" cellpadding="200" bgcolor="#FFFFFF" align="center"} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_003 td{width="85" height="25" align="center" bgcolor="#CCCCFF"} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_003 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_003 select{width:123px; height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_004{margin:0 40px 23px 200px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_004 ul{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; } #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_004 input{width:65px; height:26px; border:1px solid #b4ac9b; margin:4px 14px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_004 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_005{margin:0 0 9px 270px;} #paipan_sz .main .main_in .con_div .l_div .f_div .mhpp .line_005 label{color:#333; line-height:36px; font-size:18px; margin:0 13px 0 0;} #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p{line-height:27px; color:#333333; font-size:14px; text-indent:2em;} #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p.txt_01{text-indent:0; } #paipan_sz .main .main_in .con_div .l_div .f_div .jianjie p.txt_01 span{font-weight:bold;} #paipan_sz .main .main_in .con_div .r_div{width:338px;} #paipan_sz .main .main_in .con_div .r_div .news_c{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .news_c .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .news_c .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .news_c .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list{padding:0 20px 15px;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .news_c .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .news_c .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_sz .main .main_in .con_div .r_div .zspx{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .zspx .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .zspx .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .zspx .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list{padding:0 20px 15px 38px;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .zspx .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .zspx .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline; margin:0 0 7px 0;} #paipan_sz .main .main_in .con_div .r_div .zspx .zx{width:126px; height:34px; line-height:34px; text-align:center; color:#333333; font-size:18px; background:#81603f; margin:0 auto; border:1px solid #b3ab99; color:#fff;} #paipan_sz .main .main_in .con_div .r_div .ssal{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .ssal .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .ssal .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .ssal .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list{padding:0 20px 15px 38px;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li{overflow:hidden;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li a:hover{color:#b6a085;} #paipan_sz .main .main_in .con_div .r_div .ssal .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_sz .main .main_in .con_div .r_div .ssal .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_sz .main .main_in .con_div .r_div .lxwm{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_sz .main .main_in .con_div .r_div .lxwm .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del{padding:0 0 0 38px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p{line-height:24px; margin:0 0 4px 0; font-size:14px; color:#333333;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p a{display:inline-block; width:95px; height:24px;} #paipan_sz .main .main_in .con_div .r_div .lxwm .del p a img{width:95px; height:24px;} /*********************** 招生培训 ***************************/ #zspx .banner { overflow: hidden; height: 510px;} #zspx .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #zspx .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #zspx .banner_in ul li { height: 510px;} #zspx .banner_in ul li a { height: 510px;} #zspx .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #zspx .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px;} #zspx .main .main_in .crumb p a{display:inline-block; color:#333333;} #zspx .main .main_in .crumb p span{display:inline-block; color:#81603f;} #zspx .main{background:#ede7d9; padding:31px 0 97px 0;} #zspx .main .main_in .con_div .list_01{background:#f6f3ec; padding:20px 20px 0 25px; height:320px; margin:0 0 20px 0;} #zspx .main .main_in .con_div .list_01 .l_txt{width:797px; } #zspx .main .main_in .con_div .list_01 .l_txt h3{color:#333333; font-size:22px; margin:0 0 18px 0;} #zspx .main .main_in .con_div .list_01 .l_txt .lsit{margin:0 0 17px 0;} #zspx .main .main_in .con_div .list_01 .l_txt .lsit ul li{height:24px; overflow:hidden;} #zspx .main .main_in .con_div .list_01 .l_txt .lsit ul li .icon{width:7px; height:7px; background:#996c33; margin:9px 17px 0 0;} #zspx .main .main_in .con_div .list_01 .l_txt .lsit ul li .txt{line-height:24px; color:#333;font-size:14px;} #zspx .main .main_in .con_div .list_01 .l_txt h4{color:#333333; font-size:18px; margin:0 0 10px 0;} #zspx .main .main_in .con_div .list_01 .l_txt .del{line-height:24px; color:#333333; font-size:14px; padding:0 0 0 5px;} #zspx .main .main_in .con_div .list_01 .pic{width:231px; height:226px; margin:19px 0 0 0;} #zspx .main .main_in .con_div .list_01 .pic img{width:231px; height:226px;} #zspx .main .main_in .con_div .list_02{background:#dad3c5; padding:20px 20px 0 25px; height:320px; margin:0 0 20px 0;} #zspx .main .main_in .con_div .list_02 .l_txt{width:803px; } #zspx .main .main_in .con_div .list_02 .l_txt h3{color:#333333; font-size:22px; margin:0 0 18px 0;} #zspx .main .main_in .con_div .list_02 .l_txt .lsit{margin:0 0 17px 0;} #zspx .main .main_in .con_div .list_02 .l_txt .lsit ul li{height:24px; overflow:hidden;} #zspx .main .main_in .con_div .list_02 .l_txt .lsit ul li .icon{width:7px; height:7px; background:#996c33; margin:9px 17px 0 0;} #zspx .main .main_in .con_div .list_02 .l_txt .lsit ul li .txt{line-height:24px; color:#333;font-size:14px;} #zspx .main .main_in .con_div .list_02 .l_txt h4{color:#333333; font-size:18px; margin:0 0 10px 0;} #zspx .main .main_in .con_div .list_02 .l_txt .del{line-height:24px; color:#333333; font-size:14px; padding:0 0 0 5px;} #zspx .main .main_in .con_div .list_02 .pic{width:231px; height:226px; margin:19px 0 0 0;} #zspx .main .main_in .con_div .list_02 .pic img{width:231px; height:226px;} /*********************** 文章页 ***************************/ #wzy .banner { overflow: hidden; height: 510px;} #wzy .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #wzy .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #wzy .banner_in ul li { height: 510px;} #wzy .banner_in ul li a { height: 510px;} #wzy .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #wzy .main .main_in .crumb{color:#333333; padding:0 0 80px 0;font-size:14px;} #wzy .main .main_in .crumb p a{display:inline-block; color:#333333;} #wzy .main .main_in .crumb p span{display:inline-block; color:#81603f;} #wzy .main{background:#ede7d9; padding:31px 0 85px 0;} #wzy .con_div h3{text-align:center; font-size:26px; color:#333333; font-weight:normal; margin:0 0 23px 0;} #wzy .con_div .tp_info{ margin:0 0 20px 242px; color:#666666;} #wzy .con_div .tp_info .yds{margin:0 59px 0 0;} #wzy .con_div .tp_info .yds .title{width:44px; height:17px; line-height:17px; text-align:center; border:1px solid #b3ab99; margin:0 9px 0 0; display:inline-block;} #wzy .con_div .tp_info .yds .num{line-height:19px; display:inline-block;} #wzy .con_div .tp_info .txt_02{line-height:19px; margin:0 34px 0 0;} #wzy .con_div .tp_info .time{line-height:19px;} #wzy .con_div .del_info{border-top:1px solid #b3ab99; padding:34px 0 0 0; width:1036px; margin:0 auto;} #wzy .con_div .del_info .pic{display:none;} #wzy .con_div .del_info p{line-height:30px; color:#333333; font-size:16px; text-indent:2em; margin:0 0 3px 0;} #wzy .con_div .share{margin:0 0 0 400px; font-size:14px; color:#333333; height:16px; line-height:16px;} #wzy .con_div .share a{display:inline-block; margin:0 4px 0 9px;} /*********************** 软件下载 ***************************/ #rjxz .banner { overflow: hidden; height: 510px;} #rjxz .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #rjxz .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #rjxz .banner_in ul li { height: 510px;} #rjxz .banner_in ul li a { height: 510px;} #rjxz .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #rjxz .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px;} #rjxz .main .main_in .crumb p a{display:inline-block; color:#333333;} #rjxz .main .main_in .crumb p span{display:inline-block; color:#81603f;} #rjxz .main{background:#ede7d9; padding:31px 0 85px 0; } #rjxz .main .con_div{border-top:1px solid #b3ab99; padding:29px 0 0 0;} #rjxz .main .con_div .list{padding:12px 0 17px 18px; border-bottom:1px solid #d0c9b9;} #rjxz .main .con_div .list .pic{width:260px; height:383px; margin:0 78px 0 0;} #rjxz .main .con_div .list .pic .list_d{width:260px; height:383px; position:relative;} #rjxz .main .con_div .list .pic .list_d .banner_in{width:260px; height:383px; overflow:hidden; position:relative;} #rjxz .main .con_div .list .pic .list_d .banner_in ul{width:1040px; height:383px; position:absolute; left:0px; top:0px;} #rjxz .main .con_div .list .pic .list_d .banner_in ul li{width:260px; height:383px; float:left;} #rjxz .main .con_div .list .pic .list_d .banner_in ul li a{width:260px; height:383px;} #rjxz .main .con_div .list .pic .list_d .banner_in ul li a img{width:260px; height:383px;} #rjxz .main .con_div .list .pic .list_d .tab{width:62px; height:9px; position:absolute; bottom:21px; left:97px; z-index:10;} #rjxz .main .con_div .list .pic .list_d .tab ol{overflow:hidden; width:62px; height:9px; margin:0; padding:0;} #rjxz .main .con_div .list .pic .list_d .tab ol li{ border-radius:100px; cursor:pointer; margin:0 3px; float:left; background:none; width:7px; height:7px; border:1px solid #fff;} #rjxz .main .con_div .list .pic .list_d .tab ol li.current{background:#fff;} #rjxz .main .con_div .list .info{width:692px;} #rjxz .main .con_div .list .info .title{padding:11px 0 33px 0;} #rjxz .main .con_div .list .info .title h3{font-size:30px; color:#333333; margin:0 0 3px 0;} #rjxz .main .con_div .list .info .title p{color:#333333; font-size:12px; margin:0 0 6px 0;} #rjxz .main .con_div .list .info .title .line{width:47px; height:2px; background:#e60014; display:block;} #rjxz .main .con_div .list .info .time{padding:0 0 12px 8px; line-height:27px; font-size:16px; color:#333333;} #rjxz .main .con_div .list .info .down{padding:0 0 23px 8px; line-height:27px; font-size:16px; color:#333333;} #rjxz .main .con_div .list .info .down a{display:inline-block; color:#be8853; margin:9px 24px 0 0;} #rjxz .main .con_div .list .info .b_del{padding:0 0 0 8px; line-height:27px; font-size:16px; color:#333333;} #rjxz .main .con_div .list .info .b_del p{font-size:14px; margin:13px 0 0 0;} /*********************** 常见问题 ***************************/ #cjwt .banner { overflow: hidden; height: 510px;} #cjwt .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #cjwt .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #cjwt .banner_in ul li { height: 510px;} #cjwt .banner_in ul li a { height: 510px;} #cjwt .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #cjwt .main{background:#ede7d9; padding:55px 0 85px 0; } #cjwt .main .lf_tab{width:171px; padding:43px 7px 0 22px; margin:0 20px 0 0;} #cjwt .main .lf_tab ul{border-right:1px solid #d2bf92;} #cjwt .main .lf_tab ul li a{height:53px; padding:7px 0 0 0; position:relative;} #cjwt .main .lf_tab ul li a .txt{font-weight:normal; font-size:18px; color:#333333;} #cjwt .main .lf_tab ul li a .txt span{color:#666666; font-size:8px; display:block; margin:4px 0 0 0;} #cjwt .main .lf_tab ul li a .icon{width:16px; height:30px; position:absolute; right:-9px; top:0; z-index:10; background:#ede7d9;} #cjwt .main .lf_tab ul li a .icon span{width:8px; height:8px; background:#d2bf92; display:block; border-radius:100px; margin:13px auto 0;} #cjwt .main .lf_tab ul li.current a .txt{color:#805932; font-weight:bold;} #cjwt .main .lf_tab ul li.current a .txt span{color:#81603f;} #cjwt .main .lf_tab ul li.current a .icon span{border:4px solid #81603f; background:#ede7d9;} #cjwt .main .rt_con{width:880px;} #cjwt .main .rt_con .con_list_01{padding:0 0 0 28px; display:none;} #cjwt .main .rt_con .con_list_01 .tit_div{margin:0 0 9px 0;} #cjwt .main .rt_con .con_list_01 .tit_div h3{color:#333333; font-size:26px; font-weight:normal; margin:0 12px 0 0;} #cjwt .main .rt_con .con_list_01 .tit_div .en{color:#333333; font-size:8px; text-transform:uppercase; line-height: 10px; margin: 8px 0 0 0;} #cjwt .main .rt_con .con_list_01 .tit_div .line{display:block; width:47px; height:2px; background:#e60014; margin:2px 0 0 0;} #cjwt .main .rt_con .con_list_01 .con_del .list_div{padding:20px 0 20px 0; border-bottom:2px solid #d7d1c5; cursor:pointer;} #cjwt .main .rt_con .con_list_01 .con_del .list_div .icon{display:block; width:18px; height:18px; margin:0 9px 0 0;} #cjwt .main .rt_con .con_list_01 .con_del .list_div .icon img{display:block; width:18px; height:18px;} #cjwt .main .rt_con .con_list_01 .con_del .list_div .info{width:807px; } #cjwt .main .rt_con .con_list_01 .con_del .list_div .info .q_div{color:#333333; font-size:18px; line-height:18px; margin:0 0 18px 0;} #cjwt .main .rt_con .con_list_01 .con_del .list_div .info .a_div{color:#333333; line-height:26px; font-size:16px; display:none;} #cjwt .main .rt_con .con_list_02{display:none;} #cjwt .main .rt_con .con_list_02 .tit_div{margin:0 0 34px 0;} #cjwt .main .rt_con .con_list_02 .tit_div h3{color:#333333; font-size:26px; font-weight:normal; margin:0 12px 0 0;} #cjwt .main .rt_con .con_list_02 .tit_div .en{color:#333333; font-size:8px; text-transform:uppercase; line-height: 10px; margin: 8px 0 0 0;} #cjwt .main .rt_con .con_list_02 .tit_div .line{display:block; width:47px; height:2px; background:#e60014; margin:2px 0 0 0;} #cjwt .main .rt_con .con_list_02 .con_del{border:1px solid #b3ab99; padding:23px 30px 21px 30px;} #cjwt .main .rt_con .con_list_02 .con_del .zf_list{margin:0 0 5px 0;} #cjwt .main .rt_con .con_list_02 .con_del .zf_list .pic{width:343px; height:57px; margin:0 47px 0 0;} #cjwt .main .rt_con .con_list_02 .con_del .zf_list .pic img{width:343px; height:57px;} #cjwt .main .rt_con .con_list_02 .con_del .zf_list .txt_r h4{font-weight:normal;color:rgba(51,51,51,0.6); font-size:12px; margin:9px 0 6px 0;} #cjwt .main .rt_con .con_list_02 .con_del .zf_list .txt_r p{ color:#333333; font-size:20px; } #cjwt .main .rt_con .con_list_02 .con_del .zf_list .txt_r p span{display:inline-block; margin:0 0 0 19px;} #cjwt .main .rt_con .con_list_03{display:none;} #cjwt .main .rt_con .con_list_03 .tit_div{margin:0 0 34px 0;} #cjwt .main .rt_con .con_list_03 .tit_div h3{color:#333333; font-size:26px; font-weight:normal; margin:0 12px 0 0;} #cjwt .main .rt_con .con_list_03 .tit_div .en{color:#333333; font-size:8px; text-transform:uppercase; line-height: 10px; margin: 8px 0 0 0;} #cjwt .main .rt_con .con_list_03 .tit_div .line{display:block; width:47px; height:2px; background:#e60014; margin:2px 0 0 0;} #cjwt .main .rt_con .con_list_03 .con_del{border:1px solid #b3ab99; padding:26px 30px 33px 57px; position:relative;} #cjwt .main .rt_con .con_list_03 .con_del .ywzx {margin:0 0 35px 0;} #cjwt .main .rt_con .con_list_03 .con_del .ywzx .t_div{height:36px; color:#333333; font-size:14px; overflow:hidden;} #cjwt .main .rt_con .con_list_03 .con_del .ywzx .t_div .l_span{display:inline-block; line-height:36px; } #cjwt .main .rt_con .con_list_03 .con_del .ywzx .t_div .bt{display:inline-block; width:95px; height:24px; margin:7px 0 0 0;} #cjwt .main .rt_con .con_list_03 .con_del .ywzx .t_div .bt img{display:inline-block; width:95px; height:24px;} #cjwt .main .rt_con .con_list_03 .con_del .ywzx .del_p{line-height:36px; color:#333333; font-size:14px;} #cjwt .main .rt_con .con_list_03 .con_del .r_pic{width:392px; height:256px; position:absolute; top:33px; right:59px;} #cjwt .main .rt_con .con_list_03 .con_del .r_pic img{width:392px; height:256px;} /*********************** 精品视频 ***************************/ #jpsp .banner { overflow: hidden; height: 510px;} #jpsp .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #jpsp .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #jpsp .banner_in ul li { height: 510px;} #jpsp .banner_in ul li a { height: 510px;} #jpsp .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #jpsp .main{position:relative;} #jpsp .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px; border-bottom:1px solid #b3ab99; margin:0 0 18px 0;} #jpsp .main .main_in .crumb p a{display:inline-block; color:#333333;} #jpsp .main .main_in .crumb p span{display:inline-block; color:#81603f;} #jpsp .main{background:#ede7d9; padding:31px 0 85px 0;} #jpsp .main .main_in .top_tab ul{overflow:hidden; padding:0 0 68px 0;} #jpsp .main .main_in .top_tab ul li{float:left; width:172px; height:47px; line-height:47px; text-align:center; background:#be8853; margin:0 13px 0 0;} #jpsp .main .main_in .top_tab ul li:last-child{margin:0 0 0 0;} #jpsp .main .main_in .top_tab ul li.current{background:#603811;} #jpsp .main .main_in .top_tab ul li a{color:#fff; font-size:18px;} #jpsp .main .main_in .con_div{display:none;} #jpsp .main .main_in .con_div .list_div{width:257px; height:383px; padding:9px 0 0 0; border:1px solid #d0ccc2; margin:0 21px 19px 0;} #jpsp .main .main_in .con_div .list_div.last{margin:0 0 19px 0;} #jpsp .main .main_in .con_div .list_div .movie{width:239px; height:179px; margin:0 auto 19px; overflow:hidden;} #jpsp .main .main_in .con_div .list_div .movie img{width:239px; height:179px; transition:1s;-webkit-transition:1s; -moz-transition:1s;} #jpsp .main .main_in .con_div .list_div .movie img:hover{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4);} #jpsp .main .main_in .con_div .list_div h4{font-weight:normal; color:#333333; font-size:18px; width:217px; margin:0 auto 17px;} #jpsp .main .main_in .con_div .list_div p{width:217px; margin:0 auto; color:#333333; font-size:14px; line-height:27px;} #jpsp .video-btn{position: absolute; width:600px; height: 300px; top:50%; left: 50%; margin-top: -150px; margin-left:-300px; display: none; z-index: 101;} #jpsp .video-btn .video-area{width:500px; height: 300px; background:black; margin:0 auto;} #jpsp .video-btn .video-shut{height:32px; width:32px; font-size:40px; display: block; position:absolute; right: 11px; top: -18px; z-index:200;} #jpsp .shadow{position: absolute; opacity: 0.5; filter:alpha(opacity=50); bottom:0; left: 0; right: 0px; top: 0px; background:black; z-index: 100; display: none; } /*********************** 排盘页 ***************************/ #szpp .main .main_in .crumb{color:#333333; padding:10px 0 40px 0;font-size:16px;} #szpp .main .main_in .crumb p a{display:inline-block; color:#333333;} #szpp .main .main_in .crumb p span{display:inline-block; color:#81603f;} #szpp .main{background:#ede7d9; padding:15px 0 85px 0;} #szpp .con_div h3{text-align:center; font-size:30px; color:#333333; font-weight:normal; margin:0 0 23px 0;} #szpp .con_div .del_info{border-top:1px solid #b3ab99; padding:34px 0 0 0; width:1036px; margin:0 auto;} #szpp .con_div .del_info p{line-height:27px; color:#333333; font-size:16px; text-indent:0; margin:0 0 3px 0;} /*********************** 铁书生梅花排盘新版 ***************************/ #paipan_xb .banner { overflow: hidden; height: 510px;} #paipan_xb .banner_in { width: 100%; height: 510px; overflow: hidden; position: relative; margin: 0 auto; position: relative;} #paipan_xb .banner_in ul { width: 100%; height: 510px; position: absolute; left: 0; z-index: 2;} #paipan_xb .banner_in ul li { height: 510px;} #paipan_xb .banner_in ul li a { height: 510px;} #paipan_xb .banner_in ul li.li_01 {background: url(../../images/paipan_sz_01.jpg) 50% 50% no-repeat;} #paipan_xb .main .main_in .crumb{color:#333333; padding:0 0 16px 0;font-size:14px;} #paipan_xb .main .main_in .crumb p a{display:inline-block; color:#333333;} #paipan_xb .main .main_in .crumb p span{display:inline-block; color:#81603f;} #paipan_xb .main{background:#ede7d9; padding:31px 0 85px 0;} #paipan_xb .main .main_in .top_tab ul{overflow:hidden; padding:0 0 68px 0;} #paipan_xb .main .main_in .top_tab ul li{float:left; width:194px; height:45px; line-height:45px; text-align:center; border:1px solid #b3ab99; background:#fffcf5; margin:0 26px 0 0;} #paipan_xb .main .main_in .top_tab ul li:last-child{margin:0 0 0 0;} #paipan_xb .main .main_in .top_tab ul li a{color:#333333; font-size:18px;} #paipan_xb .main .main_in .con_div .l_div{width:743px; border-top:1px solid #b3ab99; padding:20px 0 0 0;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2{background:url(../../images/paipan_sz_02.png) no-repeat left top; border-left:1px solid #b3ab99; border-right:1px solid #b3ab99; border-bottom:1px solid #b3ab99; padding:27px 0 48px 0; margin:0 0 20px 0;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .t_title{width:200px; height:47px; background:#ede7d9; border:1px solid #b3ab99; padding:2px; margin:0 auto 41px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .t_title h3{width:200px; height:45px; border:1px solid #b3ab99; background:#81603f; line-height:45px; text-align:center; color:#ffffff; font-size:19px; font-weight:normal;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001{margin:0 0 20px 130px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 select{height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 .la_01 select{width:80px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 .la_02 select{width:50px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 .la_03 select{width:50px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 .la_04 select{width:50px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_001 .la_05 select{width:50px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_02{margin:0 0 23px 235px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_02 input{width:16px; height:16px; border:1px solid #b4ac9b; margin:9px 14px 0 0;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_02 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_003{margin:0 0 25px 150px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_003 .jg{border="0" width="260" height="83" cellpadding="200" bgcolor="#FFFFFF" align="center"} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_003 td{width="85" height="25" align="center" bgcolor="#CCCCFF"} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_003 span{color:#333; line-height:36px; font-size:16px; margin:0 30px 0 0; display:block;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_003 select{width:123px; height:34px; line-height:34px; padding:0 0 0 3px; border:1px solid #b3ab99; margin:0 11px 0 0; font-size:16px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_004{margin:0 0 9px 270px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_004 label{color:#333; line-height:36px; font-size:18px; margin:0 13px 0 0;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_05{margin:25px 173px 0 130px ; width:485px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_05 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06{margin:20px 153px 0 100px ; width:485px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06 table{height:150px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06 td{ text-align:center; padding:0 18px; line-height:20px; font-size:10px} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06 .t{ margin: 0 0 0 35px; font-size:20px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06 .t1{ margin: 0 9px 0 7px; ; font-size:16px; float: center;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_06 span{color:#333; line-height:36px; font-size:16px; margin:0 13px 0 0; display:block;padding:0 1px 0; 30px; } #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_07{margin:25px 20px 0 20px;} #paipan_xb .main .main_in .con_div .l_div .f_div .mhpp2 .line_07 span{color:#333; line-height:26px; font-size:15px; margin:0 5px 0 0; display:block;font-family:"Noto Sans SC", "Source Han Sans SC", Arial, sans-serif;} #paipan_xb .main .main_in .con_div .l_div .f_div .jianjie p{line-height:27px; color:#333333; font-size:14px; text-indent:2em;} #paipan_xb .main .main_in .con_div .l_div .f_div .jianjie p.txt_01{text-indent:0; } #paipan_xb .main .main_in .con_div .l_div .f_div .jianjie p.txt_01 span{font-weight:bold;} #paipan_xb .main .main_in .con_div .r_div{width:338px;} #paipan_xb .main .main_in .con_div .r_div .news_c{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_xb .main .main_in .con_div .r_div .news_c .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_xb .main .main_in .con_div .r_div .news_c .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_xb .main .main_in .con_div .r_div .news_c .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list{padding:0 20px 15px;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list li{overflow:hidden;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list li a:hover{color:#b6a085;} #paipan_xb .main .main_in .con_div .r_div .news_c .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .news_c .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_xb .main .main_in .con_div .r_div .zspx{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_xb .main .main_in .con_div .r_div .zspx .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_xb .main .main_in .con_div .r_div .zspx .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_xb .main .main_in .con_div .r_div .zspx .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_xb .main .main_in .con_div .r_div .zspx .news_list{padding:0 20px 15px 38px;} #paipan_xb .main .main_in .con_div .r_div .zspx .news_list li{overflow:hidden;} #paipan_xb .main .main_in .con_div .r_div .zspx .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .zspx .news_list li a:hover{color:#b6a085;} #paipan_xb .main .main_in .con_div .r_div .zspx .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .zspx .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline; margin:0 0 7px 0;} #paipan_xb .main .main_in .con_div .r_div .zspx .zx{width:126px; height:34px; line-height:34px; text-align:center; color:#333333; font-size:18px; background:#81603f; margin:0 auto; border:1px solid #b3ab99; color:#fff;} #paipan_xb .main .main_in .con_div .r_div .ssal{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_xb .main .main_in .con_div .r_div .ssal .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_xb .main .main_in .con_div .r_div .ssal .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_xb .main .main_in .con_div .r_div .ssal .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list{padding:0 20px 15px 38px;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list li{overflow:hidden;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list li .icon{float:left; display:block; width:6px; height:6px; background:#b6a085; border-radius:100px; margin:15px 12px 0 0;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list li a{float:left; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list li a:hover{color:#b6a085;} #paipan_xb .main .main_in .con_div .r_div .ssal .news_list li .time{float:right; line-height:36px; color:#333333; font-size:14px;} #paipan_xb .main .main_in .con_div .r_div .ssal .more{color:#81603f; font-size:14px; text-align:center; text-decoration:underline;} #paipan_xb .main .main_in .con_div .r_div .lxwm{width:336px; border:1px solid #b3ab99; padding:6px 0 18px 0px; margin:0 0 19px 0;} #paipan_xb .main .main_in .con_div .r_div .lxwm .title{width:326px; height:40px; background:url(../../images/paipan_sz_03.png) no-repeat; margin:0 auto 30px;} #paipan_xb .main .main_in .con_div .r_div .lxwm .title h3{padding:13px 0 5px 0; color:#333333; text-align:center; font-size:18px; font-weight:normal;} #paipan_xb .main .main_in .con_div .r_div .lxwm .title span{width:18px; height:2px; margin:5px auto 0; display:block; background:#e60014;} #paipan_xb .main .main_in .con_div .r_div .lxwm .del{padding:0 0 0 38px;} #paipan_xb .main .main_in .con_div .r_div .lxwm .del p{line-height:24px; margin:0 0 4px 0; font-size:14px; color:#333333;} #paipan_xb .main .main_in .con_div .r_div .lxwm .del p a{display:inline-block; width:95px; height:24px;} #paipan_xb .main .main_in .con_div .r_div .lxwm .del p a img{width:95px; height:24px;} /*********************** 首页样式微调优化 v2.1 ***************************/ /* 优化目标：整洁、大气、舒适、符合国学文化 */ /* 优化原则：保持现有布局，仅优化交互效果和细节 */ /* === 1. 全局优化 === */ #index a { transition: color 0.25s ease; } /* === 2. div_01 快捷入口卡片hover效果 === */ #index .div_01_in .con .list_div_01, #index .div_01_in .con .list_div_02, #index .div_01_in .con .list_div_03 { transition: transform 0.3s ease, box-shadow 0.3s ease; } #index .div_01_in .con .list_div_01:hover, #index .div_01_in .con .list_div_02:hover, #index .div_01_in .con .list_div_03:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(96, 56, 17, 0.15); } /* === 3. div_02 新闻中心与书生简介优化 === */ #index .div_02 .div_02_in .news_l, #index .div_02 .div_02_in .jianjie { box-shadow: 0 2px 10px rgba(96, 56, 17, 0.05); transition: box-shadow 0.3s ease; } #index .div_02 .div_02_in .news_l:hover, #index .div_02 .div_02_in .jianjie:hover { box-shadow: 0 4px 15px rgba(96, 56, 17, 0.1); } /* === 4. div_03 五术介绍区域优化 === */ #index .div_03 .div_03_in ul .list_li .txt { line-height: 22px; text-align: justify; } /* === 5. div_04 书生著作hover效果 === */ #index .div_04 .div_04_in .content .main-index ul li { transition: transform 0.3s ease; } #index .div_04 .div_04_in .content .main-index ul li:hover { transform: translateY(-3px); } /* === 6. div_05 案例分类链接优化 === */ #index .div_05 .div_05_in .content .main-index .ul_l li .con_d a { transition: color 0.2s ease; } /* === 7. div_07 精品视频hover效果 === */ #index .div_07 .div_07_in .OurProgramcontent .Con .movie a { transition: transform 0.3s ease, box-shadow 0.3s ease; } #index .div_07 .div_07_in .OurProgramcontent .Con .movie a:hover { transform: scale(1.02); box-shadow: 0 8px 25px rgba(96, 56, 17, 0.2); } /* === 8. div_08 学员心得图片优化 === */ #index .div_08 .div_08_in .content .pic { box-shadow: 0 2px 10px rgba(96, 56, 17, 0.08); transition: box-shadow 0.3s ease; } #index .div_08 .div_08_in .content .pic:hover { box-shadow: 0 4px 15px rgba(96, 56, 17, 0.12); } /* === 9. div_08 列表链接优化 === */ #index .div_08 .div_08_in .content .list_div ul li a { transition: color 0.2s ease; } /* === 10. div_09 图片展示优化 === */ #index .div_09 .div_09_in .content .box ul li { transition: transform 0.3s ease; } #index .div_09 .div_09_in .content .box ul li:hover { transform: translateY(-2px); } /* === 11. div_10 链接优化 === */ #index .div_10 .div_10_in .content .main-index .ul_l li .con_d a { transition: color 0.2s ease; } /* ========== Mobile homepage (impeccable adapt) ========== */ @media screen and (max-width: 900px) { /* Reveal waypoint-gated blocks without waiting for scroll anim */ #index .animate-box, #index [class*="list_div_0"], #index .news_l, #index .jianjie, #index .list_li, #index .div_04_in .tit, #index .div_04_in .content, #index .div_05_in .tit, #index .div_05_in .ul_l li, #index .div_06_in .pic, #index .div_06_in .txt .tit_r_01, #index .div_06_in .txt .tit_r, #index .div_07_in .tit, #index .div_07_in .movie, #index .div_08_in .tit, #index .div_08_in .content .pic, #index .div_08_in .content .list_div, #index .div_09_in .tit, #index .div_09_in .content, #index .div_10_in .tit, #index .div_10_in .ul_l li { opacity: 1 !important; visibility: visible !important; } #index .banner, #index .banner_in, #index .banner_in ul, #index .banner_in ul li, #index .banner_in ul li a { height: auto !important; min-height: 0; max-height: none; } /* 窄屏：contain 完整显示文案/CTA，米色底填补留白 */ #index .banner { aspect-ratio: auto; height: 46vw !important; min-height: 200px !important; max-height: 320px !important; background-color: #f3e9d4; } #index .banner_in, #index .banner_in ul, #index .banner_in ul li, #index .banner_in ul li a { height: 100% !important; } #index .banner_in ul li { background-size: contain !important; background-position: center center !important; background-color: #f3e9d4; } #index .banner_in ol { bottom: 10px; width: auto; margin-left: 0; left: 50%; transform: translateX(-50%); } /* ticker */ #index .div_01 { padding: 10px 0; } #index .div_01_in .list_lh { height: auto; overflow: hidden; } #index .div_01_in .list_lh .ul_div { width: 100% !important; padding: 0 8px; box-sizing: border-box; } #index .div_01_in .list_lh .ul_div:before, #index .div_01_in .list_lh .ul_div:after { display: none; } #index .div_01_in .list_lh ul { width: auto !important; } #index .div_01_in .list_lh ul li { min-width: 0; max-width: none; width: auto; margin-right: 32px; } #index .div_01_in .list_lh ul li a { font-size: 14px; white-space: nowrap; } #index .div_01_in .con { display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 12px 0 0; } #index .div_01_in .con .list_div_01, #index .div_01_in .con .list_div_02, #index .div_01_in .con .list_div_03, #index .div_01_in .con .list_div_01 a, #index .div_01_in .con .list_div_02 a, #index .div_01_in .con .list_div_03 a { width: 100% !important; max-width: 100%; height: 160px !important; background-size: cover !important; float: none !important; margin: 0 !important; } /* news + intro */ #index .div_02 { height: auto !important; padding: 16px 0 24px; } #index .div_02 .div_02_in .news_l, #index .div_02 .div_02_in .jianjie { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 14px !important; box-sizing: border-box; } #index .div_02 .div_02_in .news_l .news_list ul li a { max-width: calc(100% - 72px); } #index .div_02 .div_02_in .jianjie .del_div .pic, #index .div_02 .div_02_in .jianjie .del_div .txt_r { float: none !important; width: 100% !important; margin: 0 0 12px !important; } #index .div_02 .div_02_in .jianjie .del_div .pic { height: auto; } #index .div_02 .div_02_in .jianjie .del_div .pic img { height: auto; max-height: 200px; } /* five arts */ #index .div_03 { height: auto !important; padding: 8px 0 28px; } #index .div_03 .div_03_in ul { margin: 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; } #index .div_03 .div_03_in ul .list_li { float: none !important; width: 48% !important; } #index .div_03 .div_03_in ul .list_li .pic { width: 100%; height: 140px; } #index .div_03 .div_03_in ul .list_li .pic img { position: static; width: 88px; height: auto; margin: 24px auto 0; display: block; } #index .div_03 .div_03_in ul .list_li .txt { width: 100%; font-size: 13px; line-height: 1.5; padding: 0 4px; box-sizing: border-box; } /* book shelf / titles */ #index .div_04, #index .div_05, #index .div_07, #index .div_08, #index .div_10 { height: auto !important; padding: 12px 0 28px !important; overflow: visible !important; } #index .div_04 .div_04_in .tit, #index .div_05 .div_05_in .tit, #index .div_07 .div_07_in .tit, #index .div_08 .div_08_in .tit, #index .div_09 .div_09_in .tit, #index .div_10 .div_10_in .tit { height: auto !important; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; } #index .div_04 .div_04_in .tit h2, #index .div_05 .div_05_in .tit h2, #index .div_07 .div_07_in .tit h2, #index .div_08 .div_08_in .tit h2, #index .div_10 .div_10_in .tit h2, #index .div_09 .div_09_in .tit h2 { width: auto !important; max-width: 78%; height: auto !important; } #index .div_04 .div_04_in .tit h2 img, #index .div_05 .div_05_in .tit h2 img, #index .div_07 .div_07_in .tit h2 img, #index .div_08 .div_08_in .tit h2 img, #index .div_09 .div_09_in .tit h2 img, #index .div_10 .div_10_in .tit h2 img { display: block !important; width: 100% !important; max-width: 320px; height: auto !important; } #index .div_09 .div_09_in .tit h2 img { max-width: 200px; } #index .div_04 .div_04_in .tit .more, #index .div_05 .div_05_in .tit .more, #index .div_07 .div_07_in .tit .more, #index .div_08 .div_08_in .tit .more, #index .div_10 .div_10_in .tit .more { margin: 0 !important; flex-shrink: 0; width: 84px !important; min-height: 44px; height: 44px !important; line-height: 44px !important; background: #b36d41 !important; color: #ffffff !important; border-radius: 3px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } #index .div_04 .div_04_in .content { width: 100% !important; height: auto !important; position: relative !important; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; } #index .div_04 .div_04_in .content .l-pic-index, #index .div_04 .div_04_in .content .r-pic-index, #index .div_04 .div_04_in .content .l-bg-index, #index .div_04 .div_04_in .content .r-bg-index { display: none !important; } #index .div_04 .div_04_in .content .main-index { display: block !important; position: relative !important; top: 0 !important; right: auto !important; width: 100% !important; height: auto !important; } #index .div_04 .div_04_in .content .main-index ul { display: flex; flex-wrap: nowrap; height: auto !important; gap: 8px; padding: 8px 0 16px; } #index .div_04 .div_04_in .content .main-index ul li { float: none !important; width: 120px !important; flex: 0 0 120px; } #index .div_04 .div_04_in .content .main-index ul li .pic { width: 100%; height: 160px; } #index .div_04 .div_04_in .content .main-index ul li .pic img { position: static; width: 100%; height: auto; max-height: 150px; object-fit: contain; } #index .div_04 .div_04_in .content .main-index ul li.zoomed .pic img { transform: none !important; box-shadow: none !important; } /* column lists */ #index .div_05 .div_05_in .content .main-index .ul_l, #index .div_10 .div_10_in .content .main-index .ul_l { margin: 0 !important; display: flex; flex-wrap: wrap; gap: 16px 0; } #index .div_05 .div_05_in .content .main-index .ul_l li { float: none !important; width: 50% !important; box-sizing: border-box; } #index .div_10 .div_10_in .content .main-index .ul_l li { float: none !important; width: 100% !important; } #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit, #index .div_05 .div_05_in .content .main-index .ul_l li .t_tit .txt, #index .div_05 .div_05_in .content .main-index .ul_l li .con_d, #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit, #index .div_10 .div_10_in .content .main-index .ul_l li .t_tit .txt, #index .div_10 .div_10_in .content .main-index .ul_l li .con_d { width: 100% !important; max-width: 100%; background-image: none !important; box-sizing: border-box; } #index .div_05 .div_05_in .content .main-index .ul_l li .con_d, #index .div_10 .div_10_in .content .main-index .ul_l li .con_d { height: auto !important; padding: 4px 8px 12px; } /* feature strip — editable vertical text */ #index .div_06 { height: auto !important; min-height: 0; padding: 20px 0; background-size: cover; } #index .div_06 .div_06_in { height: auto !important; display: flex; flex-direction: column; align-items: center; } #index .div_06 .div_06_in .pic { position: static !important; width: 72% !important; max-width: 280px; height: auto !important; margin: 0 auto 12px; } #index .div_06 .div_06_in .pic img { width: 100% !important; height: auto !important; } #index .div_06 .div_06_in .txt.svc-strip { float: none !important; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 10px 14px; } #index .div_06 .div_06_in .txt .tit_r_01, #index .div_06 .div_06_in .txt .tit_r { float: none !important; margin: 0 !important; } #index .div_06 .svc-title { width: 36px; height: 127px; } #index .div_06 .svc-title img { width: 36px; height: 127px; } #index .div_06 .svc-item { width: 58px; height: 176px; gap: 6px; } #index .div_06 .svc-item .svc-zh { font-size: 22px; letter-spacing: 0.28em; } #index .div_06 .svc-item .svc-en { font-size: 13px; letter-spacing: 0.1em; font-weight: 500; font-family: "ChillKai", "寒蝉正楷体", "Gentium", "Noto Serif SC", Georgia, serif; color: #ffffff; opacity: 0.95; } /* video circles */ #index .div_07 .div_07_in { height: auto !important; } #index .div_07 .div_07_in .OurProgramcontent .Con { height: auto !important; display: flex; flex-direction: column; gap: 20px; } #index .div_07 .div_07_in .OurProgramcontent .Con .movie { float: none !important; width: 100% !important; } #index .div_07 .div_07_in .OurProgramcontent .Con .movie a { width: min(260px, 72vw) !important; height: min(260px, 72vw) !important; } #index .div_07 .div_07_in .OurProgramcontent .Con .movie a img { width: 84% !important; height: 84% !important; margin: 8% auto 0 !important; } #index .div_07 .div_07_in .OurProgramcontent .Con .movie .bot_t { left: 50% !important; transform: translateX(-50%); bottom: -4px; } #index .div_07 .video-btn { width: 92vw !important; height: auto !important; margin: 0 !important; left: 4vw !important; top: 20% !important; } #index .div_07 .video-btn .video-area { width: 100% !important; height: 52vw !important; } /* scholar intro */ #index .div_08 .div_08_in { height: auto !important; } #index .div_08 .div_08_in .content { padding: 8px 0 0 !important; } #index .div_08 .div_08_in .content .pic, #index .div_08 .div_08_in .content .list_div { float: none !important; width: 100% !important; margin: 0 0 16px !important; height: auto !important; box-sizing: border-box; } #index .div_08 .div_08_in .content .pic img { width: 85% !important; height: auto !important; margin: 16px auto !important; } #index .div_08 .div_08_in .content .list_div ul li { font-size: 16px; line-height: 1.7; } /* gallery */ #index .div_09 { height: auto !important; padding: 16px 0 24px !important; } #index .div_09 .div_09_in .content, #index .div_09 .div_09_in .content .box { width: 100% !important; height: auto !important; } #index .div_09 .div_09_in .content .box ul { width: max-content !important; position: relative !important; display: flex; } #index .div_09 .div_09_in .content .box { overflow-x: auto; -webkit-overflow-scrolling: touch; } #index .div_09 .div_09_in .content .box ul li, #index .div_09 .div_09_in .content .box ul li a, #index .div_09 .div_09_in .content .box ul li a img { width: 220px !important; height: 146px !important; } #index .div_09 .imgzoom_pack .del { width: 92vw !important; height: auto !important; margin: 0 !important; left: 4vw !important; top: 18% !important; } #index .div_09 .imgzoom_pack .del .imgzoom_img { width: 100% !important; height: 56vw !important; margin: 0 !important; left: 0 !important; position: relative !important; } } @media (prefers-reduced-motion: reduce) { #index .div_03 .div_03_in ul .list_li .pic img, #index .div_04 .div_04_in .content .main-index ul li .pic img { transition: none !important; } }