@charset "utf-8"; .main_vis {height: 682px;position: relative;}
 .main_vis .main_vis_list li {height: 682px; position:relative;}
 .main_vis .main_vis_list li.vis_01 {background: url("/images/colocal2/main/main_vis_1.jpg?build_20250318010") no-repeat center 0;}
 .main_vis .main_vis_list li.vis_02 {background: url("/images/colocal2/main/main_vis_2.jpg?build_20250318010") no-repeat center 0;}
 .main_vis .main_vis_list li.vis_03 {background: url("/images/colocal2/main/main_vis_3.jpg?build_20250318010") no-repeat center 0;}
 .main_vis .vis_txt {background: url("/images/colocal2/main/main_sp.png?build_20250318010") no-repeat 0 0; position: absolute; top: 380px; left: 50%; margin-left: -283px; display: block; text-indent: -99999px; height:86px; width:566px;z-index: 1;}
 .main_vis .vis_control a {position: absolute; top: 390px; z-index: 100; background:url("/images/inno/main/main_sp.png?build_20250318010") no-repeat -209px -135px; width: 50px; height: 102px; display: block; text-indent: -99999px;}
 .main_vis .vis_control a.bx-prev {background-position: -209px -135px; left: 0px; margin-left:100px;}
 .main_vis .vis_control a.bx-next {background-position: -80px -135px; right: 0px; margin-right:100px;}
 .main_vis .bx-controls-direction {}
 .main_vis .bx-controls-direction a {position: absolute; top: 350px; z-index: 100; background:url("/images/inno/main/main_sp.png?build_20250318010") no-repeat -209px -135px; width: 50px; height: 102px; display: block; text-indent: -99999px;}
 .main_vis .bx-controls-direction a.bx-prev {background-position: -209px -135px; left: 0px; margin-left:100px;}
 .main_vis .bx-controls-direction a.bx-next {background-position: -80px -135px; right: 0px; margin-right:100px;}
 a:hover{transition: 0.3s ease .1s;}
 .news {width:100%;position: relative;overflow: hidden; padding:80px 0 60px;}
 .main_cont .inner { position:relative; margin:0 auto; width:1200px;}
 .main_cont h3 { font-size:32px; text-align:center; margin-bottom:50px;}
 .main_cont h3 span.s_tit {font-size:18px; color:#4d3d88; display:block; margin-bottom:15px;}
 .main_cont .news ul { width:100%;}
 .main_cont .news ul li { width:31.6%; float:left; margin-right:2.6%; position:relative;}
 .main_cont .news ul li:last-child {margin-right:0;}
 .main_cont .news ul li a { display:block; padding:30px 25px; border:1px solid #dedede; height:100px; position: relative;background-color: #fff;}
 .main_cont .news ul li a:hover { border-color:#483788; background-color:#efedf7;}
 .main_cont .news ul li:before {content: ""; display: block; width: 100%; height: 100%; background-color:#e5e5e5; top:5px; left:5px; position:absolute;}
 .main_cont .news ul li a span.date { font-weight:bold; font-size:15px; color:#000; text-align:center; display:inline-block; width:18%; margin-right:5%; vertical-align:middle; line-height:1;}
 .main_cont .news ul li a span.date em { font-size:45px; display:block; margin-bottom: 10px;}
 .main_cont .news ul li a .news_area {display:inline-block; width:77%; vertical-align:middle;}
 .main_cont .news ul li a strong { font-size:18px; font-weight:500; color:#000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
 .main_cont .news ul li a p { color:#888; font-size:15px; line-height:1.4; margin-top:15px;}
 span.more { position:absolute; top:15px; right:5px;}
 span.more a { display:block; text-indent:-99999px;width: 44px; height: 44px; background:url("/images/colocal2/main/main_sp.png?build_20250318010") no-repeat -172px -97px; border-radius: 15px; border: 2px solid #e1e1e1; box-sizing: border-box;}
 span.more a:hover {border-color:#483788;}
 .capstone {width:100%;position: relative;overflow: hidden; padding:80px 0 150px; background:#e9f1fd url("/images/colocal2/main/capstone_bg_bot.png?build_20250318010") no-repeat 12.5% bottom;}
 .capstone:before {content: ""; display: block; width: 605px; height: 558px; top:80px; right:27px; position:absolute; background:url("/images/colocal2/main/capstone_bg_right.png?build_20250318010") no-repeat 0 0;}
 .capstone:after {content: ""; display: block; width: 267px; height: 190px; top:0; left:0; position:absolute; background:url("/images/colocal2/main/capstone_bg_left.png?build_20250318010") no-repeat 0 0;}
 .capstone_de { width:100%; margin:0 auto; padding-top:30px;}
 .capstone_list {width:100%;}
 .capstone_list > li {width:32%; float:left; margin-right:2%; margin-bottom:20px;}
 .capstone_list > li:nth-child(3n) { margin-right:0;}
 .capstone_list > li a { display:block; background-color:#fff; border:1px solid #d5d5d5; padding:6%;transition: ease-in-out 0.3s;height: 325px;}
 .capstone_list > li a span.ca_thumb { width:100%; display:block; height:170px; overflow:hidden; margin-bottom:20px;background: #f7f7f7 url(/images/logo_noimg.png) no-repeat center center;}
 .capstone_list > li a span.ca_thumb img {width:100%; height:170px;}
 .capstone_list > li a span.major {display:block; color:#195ec9; font-weight:400; font-size:16px; margin-bottom:10px;}
 .capstone_list > li a strong {display:block;font-size:18px;font-weight:400;margin-bottom:15px;}
 .capstone_list > li a p {display:block; color:#666; line-height:1.4;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 42px;overflow: hidden;}
 .capstone_list > li a span.date {display:none;color:#888; margin-top:15px;}
 .capstone_list > li a span.date .ico { display:inline-block; background:url("/images/colocal/ico_date.gif?build_20250318010") no-repeat 0 0; width:16px; height:16px; margin-right:5px;vertical-align: middle; margin-top: -1px;}
 .capstone_list > li a:hover {border:1px solid #195ec9; background-color:#f8f8f8;}
 .controls {position:absolute; top:15px; right:5px;}
 .controls > a { display:block; float:left; text-indent:-99999px;width: 44px; height: 44px;border-radius: 15px; border: 2px solid #e1e1e1; box-sizing: border-box; margin-left:5px; background-color:#fff;}
 .controls > a .ico {background:url("/images/colocal2/main/main_sp.png?build_20250318010") no-repeat 0 0; display: block; width:13px; height:13px; margin:13px auto 0;}
 .controls > a.prev .ico { background-position:-33px -110px;}
 .controls > a.next .ico { background-position:-84px -110px;}
 .controls > a.stop .ico { background-position:-135px -110px;}
 .controls > a.play .ico { background-position:-354px -110px;}
 .controls > a.more .ico { background-position:-185px -111px;}
 .controls > a:hover {border-color:#483788;}