@charset "utf-8"; #wrap{min-width: 1400px;}
 #container > div{clear: both; position: relative;}
 #container a {transition: ease-in-out 0.3s;}
 .main_vis { height:857px; width:100%; position:relative; overflow:hidden;}
 .main_vis ul.vis_list { height: 857px;}
 .main_vis ul.vis_list li {height:857px; width:100%; text-indent:9999px;}
 .main_vis ul.vis_list li.vis01 {background: url("/images/foreign/main/vis_img1.jpg?build_20251101001") no-repeat center top;}
 .main_vis ul.vis_list li.vis02 {background: url("/images/foreign/main/vis_img2.jpg?build_20251101001") no-repeat center top;}
 .main_vis ul.vis_list li.vis03 {background: url("/images/foreign/main/vis_img3.jpg?build_20251101001") no-repeat center top;}
 .main_vis .vis_cont { position:absolute; top:186px; width:100%;}
 .main_vis .vis_cont .inner { height:672px;}
 .main_vis .vis_cont .weather { height:27px; line-height:38px;}
 .main_vis .vis_cont .weather > p { float:left; font-size:20px; margin-right:10px; font-weight:400;}
 .main_vis .vis_cont .weather .icon { text-indent:-99999px; height:38px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat;}
 .main_vis .vis_cont .weather .cloudy { width:47px; background-position:-128px -15px;}
  .main_vis .vis_cont .weather .rain { width:37px; background-position:-183px -15px;}
  .main_vis .vis_cont .weather .clear { width:36px; background-position:-371px -15px;}
  .main_vis .vis_cont .weather .snow { width:37px; background-position:-278px -15px;}
  .main_vis .vis_cont .weather .partlycloudy { width:41px; background-position:-228px -15px;}
  .main_vis .vis_cont .weather .thunder { width:37px; background-position:-324px -15px; }
  .main_vis .vis_cont .weather .temperature span { display:block; float:right; margin:10px 0 0 2px; text-indent:-99999px; width:16px; height:17px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -92px -17px; }
 .main_vis .vis_cont .text { clear:both; margin-top:25px;}
 .main_vis .vis_cont .text .tit { font-size:47px; letter-spacing:-0.5px; font-weight:500; height:57px; line-height:57px; margin-bottom:18px;}
 .main_vis .vis_cont .text .info { font-size:19px; word-break:keep-all; width:620px; line-height:30px;}
 .main_vis .vis_cont .control { position:absolute; bottom:0; left:0; width:180px;}
 .main_vis .vis_cont .control > a { display:block; float:left; background-color:rgba(0,0,0,.5); width:80px; height:80px; text-indent:-99999px;}
 .main_vis .vis_cont .control > a:hover { background-color:rgba(0,0,0,.7);}
 .main_vis .vis_cont .control > a.prev { margin-right:5px;}
 .main_vis .vis_cont .control > a.prev:after { content:""; display:block; width:16px; height:33px; margin:0 auto; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -22px -68px;}
 .main_vis .vis_cont .control > a.next:after { content:""; display:block; width:16px; height:33px; margin:0 auto; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -67px -68px;}
 .yeosu_news { height:450px;}
 .yeosu_news .bx-viewport { height:335px !important;}
 .yeosu_news h2 {font-size:47px; letter-spacing:-1px; font-weight:500; height:53px; margin-top:88px; margin-bottom:33px;}
 .yeosu_news .news_list { clear:both; width:1400px; display:inline-block; margin-bottom:54px; padding-top:7px; }
 .yeosu_news .news_list li { float:left; width:326px !important; height:321px; margin-right:32px; position:relative; position:relative;}
 .yeosu_news .news_list li a { display:block;}
 .yeosu_news .news_list li span { display:block;}
 .yeosu_news .news_list li span.img { display:block; margin-bottom:20px; width:326px; height:224px;}
 .yeosu_news .news_list li span.img img { border-radius:17px;}
 .yeosu_news .news_list li span.date { color:#848484; margin-bottom:5px;}
 .yeosu_news .news_list li span.tit { font-size:17px;}
 .yeosu_news .news_list li span.tit .newicon { display:block; position:absolute; bottom:53px; left:82px; text-indent:-99999px; width:23px; height:23px; background:url("/images/subsite_common/layout_sp.png?build_20251101001") -177px -46px no-repeat; margin-left:4px; transition: ease-in-out 0.3s;}
 .yeosu_news .news_list li:hover a { margin-top:-6px;}
 .yeosu_news .news_list li:hover a span.img .ico { background-color:#02994a;}
 .yeosu_news .news_list li:hover span.tit .newicon { bottom:59px;}
 .yeosu_news .control { position:absolute; width:121px; top:-5px; right:65px; }
 .yeosu_news .control a { display:block; float:left; width:55px; height:55px; border-radius:50px; background-color:#afafaf; text-indent:-99999px; position:relative;}
 .yeosu_news .control a.prev {margin-right:10px;}
 .yeosu_news .control a:after { content:""; display:block; width:13px; height:23px; position:absolute; left:50%; margin-left:-6.5px; top:16px;}
 .yeosu_news .control a.prev:after { background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -107px -78px;}
 .yeosu_news .control a.next:after { background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -152px -78px;}
 .yeosu_news .control a:hover { background-color:#2f313d;}
 .yeosu_news .more { position:absolute; width:55px; top:-5px; right:0; }
 .yeosu_news .more a { display:block; float:left; width:55px; height:55px; border-radius:50px; background-color:#afafaf; text-indent:-99999px; position:relative;}
 .yeosu_news .more a:hover { background-color:#2f313d;}
 .yeosu_news .more a:after { content:""; display:block; margin:-7px auto; width:21px; height:21px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -193px -79px;}
 .mayor_quicklink { max-width:1920px; width:100%; height:576px; position:relative; margin:95px auto 0; color:#fff; z-index:1; background-color:#ffe57e;}
 .mayor_quicklink .mayor_w { max-width:788px; height:639px; background: url("/images/foreign/main/mayor_bg.png?build_20251101001") no-repeat right 0; width:40%; float:left; border-radius:0 45px 0 0; margin-top:-63px;}
 .mayor_quicklink .mayor { width:528px; float: right;}
 .mayor_quicklink .mayor h2 { margin-top:66px; color:#fff; font-size:47px; line-height:53px; margin-bottom:24px;}
 .mayor_quicklink .mayor h3 { font-size:24px; margin-bottom:20px; color:#ffe16c;}
 .mayor_quicklink .mayor .intro { color:#b5bdd0; width:86%;}
 .mayor_quicklink .mayor .more a { display:block; padding:15px 15px 15px 0; width:55px; color:#fff;}
 .mayor_quicklink .mayor .more a:hover { color:#ffe16c; }
 .mayor_quicklink .mayor .more a .ico { display:block; float:right; width:5px; height:10px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -260px -84px; margin-top:9px;}
 .mayor_quicklink .mayor .more a:hover .ico { background-position:-239px -84px; }
 .mayor_quicklink .mayor .mayor_photo { text-indent:-99999px; width:244px; height:244px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -478px -66px; float:right; margin-right:70px;}
 .mayor_quicklink .quicklink_w { width:60%; float:left; max-width:872px;}
 .mayor_quicklink ul { margin:98px 0 0 76px;}
 .mayor_quicklink ul li { float:left; width:25%; height:180px; margin-bottom:40px;}
 .mayor_quicklink ul li a { display:block; text-align:center;}
 .mayor_quicklink ul li a:hover { margin-top:-6px;}
 .mayor_quicklink ul li a .ico { display:block; margin:0 auto 18px; width:132px; height:120px; background-color:#fff; border-radius:15px; transition:ease-in-out 0.3s;}
 .mayor_quicklink ul li a:hover .ico { background-color:#046fd9;}
 .mayor_quicklink ul li a .ico:before { content:""; display:inline-block; margin-top:28px; height:58px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat;}
 .mayor_quicklink ul li.symbol a .ico:before { width:60px; background-position:-21px -138px;}
 .mayor_quicklink ul li.symbol a:hover .ico:before { background-position:-308px -59px;}
 .mayor_quicklink ul li.history a .ico:before { width:55px; background-position:-132px -138px;}
 .mayor_quicklink ul li.organ a .ico:before { width:52px; background-position:-239px -138px;}
 .mayor_quicklink ul li.transport a .ico:before { width:54px; background-position:-345px -138px;}
 .mayor_quicklink ul li.industry a .ico:before { width:54px; background-position:-24px -236px;}
 .mayor_quicklink ul li.investment a .ico:before { width:56px; background-position:-130px -236px;}
 .mayor_quicklink ul li.mice a .ico:before { width:48px; background-position:-241px -236px;}
 .mayor_quicklink ul li.market a .ico:before { width:50px; background-position:-347px -236px;}
 .tour_living { margin-top:93px; height:635px;}
 .tour_living h2 {margin-top:66px; font-size:47px; line-height:56px; margin-bottom:24px; letter-spacing:-1px; font-weight:400;}
 .tour_living h2 span { display:block; font-weight:600;}
 .tour_living .txt { font-size:22px;}
 .tour_living .tourbtn { margin-top:30px;}
 .tour_living .tourbtn a { display:inline-block; background-color:#d21c4f; color:#fff; padding:16px 34px; font-size:19px; border-radius:50px;}
 .tour_living .tourbtn a:after { content:""; display:block; float:right; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -260px -84px; width:5px; height:10px; margin:7px 0px 0px 12px;}
 .tour_living .tourbtn a:hover { background-color:#046fd9;}
 .tour_living_list > div { float:left; margin-left:40px; margin-top:70px; position:relative; border-radius:15px;}
 .tour_living_list > div:first-child { margin-left:0;}
 .tour_living_list > div > a {display:block; width:100%; height:100%; color:#fff; box-sizing:border-box; border-radius:15px;}
 .tour_living_list > div a .tit { position: absolute; z-index:2; font-size:18px; bottom:32px; left:32px; width:74%; }
 .tour_living_list > div a .hover { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.01); border-radius:15px; transition:ease-in-out 0.3s; z-index:1; }
 .tour_living_list > div a:hover .hover {background-color:rgba(0,0,0,.3);}
 .tour_living_list .family { width:270px; height:290px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -22px -354px;}
 .tour_living_list .foreign_resident { width:270px; height:290px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -312px -354px;}
 .tour_living_list .beautiful_places { margin-top:-179px;}
 .tour_living_list .beautiful_places:after { content:""; display:block; background: url("/images/foreign/main/beautiful_places_bg.png?build_20251101001") no-repeat 0 0; position:absolute; width:414px; height:226px; bottom:0; left:0; border-radius:0 0 15px 15px;}
 .tour_living_list .beautiful_places ul { width:414px; height:539px; overflow:hidden; border-radius:15px;}
 .tour_living_list .beautiful_places ul li { border-radius:15px; float:left; }
 .tour_living_list .beautiful_places ul li a {border-radius:15px;}
 .tour_living_list .beautiful_places ul li a img { border-radius:15px;}
 .tour_living_list .beautiful_places ul li .places { display:block; position:absolute; left:40px; top:38px; color:#fff; font-size:18px;}
 .tour_living_list .beautiful_places ul li .places span { display:block; font-size:20px; margin-top:3px;}
 .tour_living_list .beautiful_places .control_box { position:absolute; bottom:23px; right:30px; z-index:5;}
 .tour_living_list .beautiful_places .control > a { display:block; padding:5px; text-indent:-99999px; float:left; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat; }
 .tour_living_list .beautiful_places .control > a.prev { width:10px; height:18px; background-position:-799px -278px; margin-right:80px; }
 .tour_living_list .beautiful_places .control > a.next { width:10px; height:18px; background-position:-888px -278px; }
 .tour_living_list .beautiful_places .control > a.stop { width:11px; height:16px; background-position:-917px -278px; margin-left:10px; }
 .tour_living_list .beautiful_places .control > a.play { width:11px; height:16px; background-position:-917px -240px; margin-left:10px; }
 .tour_living_list .beautiful_places .pager { color:#fff; width:70px; text-align:center; position:absolute; left:21px; top:-2px;}
 .tour_living_list .useful { width:326px; height:160px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -602px -354px; margin-bottom:40px; margin-top:-59px;}
 .tour_living_list .useful a { padding:70px 30px 0 35px; }
 .tour_living_list .food { width:326px; height:219px; background: url("/images/foreign/main/main_sp2022.png?build_20251101001") no-repeat -602px -536px; margin-top:0;}
 .tour_living_list .food a { padding:164px 30px 0 35px; }