/* About / Contact pages (dark high-tech) */
#trls_sj_l{width:100%;height:100px;background:var(--glass-2);border-bottom:1px solid var(--stroke);}
#trls_sj_l .content{width:1200px;margin:0 auto;}
#trls_sj_l .content .advantage{position:relative;}
#trls_sj_l .content .advantage img{width:100%;opacity:.25;}
#trls_sj_l .content .advantage ul{position:absolute;top:13px;left:84px;}
#trls_sj_l .content .advantage ul li{float:left;font-size:18px;color:var(--accent-3);font-family:var(--font);width:120px;}
#trls_sj_l .content .advantage ul .li1{margin-left:196px;}
#trls_sj_l .content .advantage ul .li2{margin-left:218px;}
#trls_sj_l .content .advantage ul .li3{margin-left:214px;}
#trls_sj_l .content .advantage ul li span{font-size:36px;font-weight:800;color:#fff;}

#introduction{width:100%;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));}
#introduction .content{width:1200px;margin:0 auto;}
#introduction .content h5{font-size:36px;color:#fff;font-family:var(--font);text-align:center;padding-top:50px;}
#introduction .content h5 span{font-size:18px;font-weight:500;line-height:36px;color:var(--accent-3);}
#introduction .content .in_content{margin-top:30px;padding-bottom:50px;}
#introduction .content .in_content .left{width:600px;float:left;height:457px;position:relative;}
#introduction .content .in_content .left .list ul li{display:none;}
#introduction .content .in_content .left .list ul .li1{display:block;}
#introduction .content .in_content .left .list ul li img{width:600px;height:457px;float:left;border-radius:var(--radius);border:1px solid var(--stroke);}
#introduction .content .in_content .left .but{position:absolute;bottom:30px;right:20px;}
#introduction .content .in_content .left .but ul li{width:12px;height:12px;border-radius:50%;background:var(--muted);float:left;margin-right:12px;cursor:pointer;}
#introduction .content .in_content .left .but ul .li1{background:var(--accent-3);box-shadow:0 0 10px var(--accent-3);}
#introduction .content .in_content .right{width:600px;float:left;padding-top:40px;height:457px;background:var(--glass-2);border:1px solid var(--stroke);border-radius:var(--radius);}
#introduction .content .in_content .right p{margin:0 auto;width:480px;text-indent:2em;margin-top:25px;font-size:14px;color:var(--text);font-family:var(--font);line-height:34px;}

#service{width:100%;background:linear-gradient(135deg,#1e0d0d,#0a0a0b);}
#service .content{width:1200px;margin:0 auto;padding-bottom:46px;}
#service .content h5{font-size:36px;color:#fff;font-family:var(--font);text-align:center;padding-top:50px;}
#service .content h5 span{font-size:18px;font-weight:500;line-height:36px;color:var(--accent-3);}
#service .content .list{margin-top:48px;}
#service .content .list ul li{width:274px;float:left;margin-left:34.6px;position:relative;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,border-color .25s;}
#service .content .list ul .li1{margin-left:0;}
#service .content .list ul li:hover{transform:translateY(-8px);border-color:var(--accent);}
#service .content .list ul li .legal_top{width:274px;}
#service .content .list ul li .legal_top img{width:100%;display:block;}
#service .content .list ul li .legal_bottom{width:274px;height:112px;}
#service .content .list ul li .legal_bottom h6{font-size:24px;color:var(--accent-3);font-family:var(--font);text-align:center;margin-top:22px;}
#service .content .list ul li .legal_bottom p{font-size:14px;color:var(--muted);font-family:var(--font);line-height:25px;padding-top:10px;width:232px;margin:0 auto;}

#event{width:100%;background:linear-gradient(135deg,#1e0d0d,#0a0a0b);}
#event .content{width:1200px;margin:0 auto;padding-bottom:46px;}
#event .content h5{font-size:36px;color:#fff;font-family:var(--font);text-align:center;padding-top:50px;}
#event .content h5 span{font-size:18px;font-weight:500;line-height:36px;color:var(--accent-3);}
#event .content .event_but{height:120px;position:relative;margin-top:38px;}
#event .content .event_but .left{position:absolute;left:34px;top:44px;cursor:pointer;}
#event .content .event_but .list{height:120px;width:1046px;margin:0 auto;background:var(--glass-2);border:1px solid var(--stroke);border-radius:var(--radius);}
#event .content .event_but .list ul{position:relative;width:1200px;}
#event .content .event_but .list ul li{width:81px;height:72px;float:left;margin-right:57px;position:relative;top:9px;cursor:pointer;opacity:.7;transition:opacity .2s;}
#event .content .event_but .list ul li:hover{opacity:1;}
#event .content .event_but .list ul li:hover p{color:#fff;}
#event .content .event_but .list ul li p{font-size:16px;color:var(--accent-3);font-family:var(--font);text-align:center;margin-top:5px;}
#event .content .event_but .list ul .li2 p{color:#fff;}
#event .content .event_but .list ul .li1{top:45px;}
#event .content .event_but .list ul .li1:hover p{color:#fff;margin-top:40px;}
#event .content .event_but .list ul .li3 p{color:#fff;margin-top:40px;}
#event .content .event_but .right{position:absolute;right:34px;top:44px;cursor:pointer;}
#event .content .img_list{width:1120px;margin:0 auto;height:345px;overflow:hidden;padding-top:100px;}
#event .content .img_list ul{width:5000px;position:relative;}
#event .content .img_list ul li{width:345px;height:258px;float:left;margin-right:40px;position:relative;}
#event .content .img_list ul li img{width:339px;height:252px;border:3px solid var(--stroke-2);border-radius:var(--radius-sm);box-shadow:0 0 10px rgba(0,0,0,.4);}
#event .content .img_list ul .li1 img{width:485px;height:363px;border:6px solid var(--accent);position:absolute;left:-74px;top:-56px;z-index:10;box-shadow:0 0 30px rgba(225,29,42,.5);}
#event .content .list_p{margin-top:16px;}
#event .content .list_p ul li{display:none;}
#event .content .list_p ul .li1{display:block;}
#event .content .list_p ul li p{width:940px;margin:0 auto;font-size:16px;color:var(--muted);font-family:var(--font);}

#culture{width:100%;background:linear-gradient(180deg,var(--bg-0),var(--bg-1));}
#culture .content{width:1200px;margin:0 auto;padding-bottom:46px;}
#culture .content h5{font-size:36px;color:#fff;font-family:var(--font);text-align:center;padding-top:50px;}
#culture .content h5 span{font-size:18px;font-weight:500;line-height:36px;color:var(--accent-3);}
#culture .content .list{margin-top:48px;}
#culture .content .list ul li{width:248px;float:left;margin-left:69.3px;position:relative;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;transition:transform .25s,border-color .25s;}
#culture .content .list ul .li1{margin-left:0;}
#culture .content .list ul li:hover{transform:translateY(-8px);border-color:var(--accent);}
#culture .content .list ul li .legal_top{width:248px;}
#culture .content .list ul li .legal_top img{width:100%;display:block;}
#culture .content .list ul li .legal_bottom{width:248px;height:56px;}
#culture .content .list ul li .legal_bottom p{font-size:15px;color:var(--text);font-family:var(--font);line-height:25px;width:220px;margin:0 auto;margin-top:10px;text-align:center;}

#honor{width:100%;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));}
#honor .content{}
#honor .content h5{font-size:36px;color:#fff;font-family:var(--font);text-align:center;padding-top:50px;}
#honor .content h5 span{font-size:18px;font-weight:500;line-height:36px;color:var(--accent-3);}
#project_layout{width:100%;overflow:hidden;clear:both;margin-top:30px;}
#project_layout .project_con{width:100%;height:430px;overflow:hidden;clear:both;}
#project_layout .project_con #ho{position:relative !important;}
#project_layout .project_con #ho li{float:left;width:383px;height:388px;position:relative;margin-left:1px;margin-right:1px;position:relative;}
#project_layout .project_con #ho li img{width:100%;height:100%;border-radius:var(--radius-sm);}
.mCSB_draggerContainer{background:var(--bg-3)!important;}
.mCSB_dragger_bar{background:var(--accent)!important;}

#surroundings{width:100%;padding-bottom:30px;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));}
#surroundings .content{width:1200px;margin:0 auto;}
#surroundings .content .list{width:100%;height:200px;padding-top:40px;overflow:hidden;}
#surroundings .content .list ul{position:relative;}
#surroundings .content .list ul li{float:left;margin-right:6px;width:300px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--stroke);}
#surroundings .content .list ul li img{width:100%;display:block;filter:brightness(.95);}

.module-title{width:500px;height:77px;margin:0 auto;text-align:center;padding-top:45px;position:relative;}
.module-title h1{height:100%;border-bottom:1px solid var(--stroke-2);font-weight:normal;font-size:36px;color:var(--text);text-align:center;}
.module-title h1 strong{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.module-title span{color:var(--muted);font-size:18px;background-color:var(--bg-1);padding:0 10px;position:absolute;left:135px;bottom:-10px;border:1px solid var(--stroke);border-radius:20px;}