@charset "utf-8"; /* CSS Document */ .banner{ width:100%; overflow: hidden; position: relative;} .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; } .slide_container { position: relative; float: left; width: 100%;overflow:hidden; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../../images/by20190624/lf.png) no-repeat left top; margin-top: -22px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto;background:url(../../images/by20190624/rt.png) no-repeat left top; right: 10px; } .slide_tabs{position:absolute;right:20%;bottom:20px;z-index:999;} .slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:19px;background-color:#fff;float:left;color:#fff;} .slide_tabs li a{color:#fff;display:block;text-indent:-999em;} .slide_tabs li.slide_here{background:#7f0007;border-radius:5px;width:12px;height:12px;} #localtime { display: none; } .content{width:100%;overflow:hidden;} /*新闻*/ /*图片轮播*/ .Banner { margin: 0 auto; } .flexslider{ width:100%; overflow: hidden; position: relative;} .flexslider li a {display: block; transition: all 1s ease 0s; } .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; } .flexslider img{ display: block; width:100%; transition: all 0.5s ease; } .flexslider img:hover { opacity: 0.8;transform: scale(1.2); } .flexslider .til_slides{ position: absolute;bottom:40px; left:10%; line-height: 40px;font-size:14px;color:#fff; } .til_slides_con { padding: 0 15px; } .flexslider .til_slides h2 { color: #ffffff; line-height: 36px; font-size: 20px; } .slider_con { color: #ffffff; } .flex-control-nav{ position:absolute;bottom:47px;right:10%; text-align: right;z-index:999; } .flex-control-paging li{ margin:0 10px 0 0;float:left;} .flex-control-paging li a{ width: 13px; height: 13px; background-color:#c9c3bf;border-radius:15px;text-indent:999px; position: relative; top: 5px;} .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:#ffc000;width:13px;height:13px;border:5px solid #ab9669;border-radius:15px; position: relative; top: 0px;} .banner-number { position: absolute; left: 45px; bottom: 20px;width: 80px;color:#fff; font-size: 0;vertical-align: bottom; display: none;} .banner-number strong{font-size: 13px;color:#fff;} .banner-number span:first-child{line-height: 56px;height: 45px;} .banner-number span { color: #fff; display: inline-block;vertical-align: bottom;margin-right: 5px;} .pic-index { font-size: 40px; } .pic-all { font-size: 14px; color: #fff; writing-mode:tb-rl } .flex-direction-nav { position: absolute; bottom: 75px; z-index: 9999; width: 145px; right: 8.5%; } .flex-direction-nav .flex-prev { position: absolute; width: 0px; height: 0px; border:15px solid transparent; border-right:15px solid #b1b1b1; text-indent: 9999px; left: 0px;display: none; } .flex-direction-nav .flex-prev:hover { opacity: .5; } .flex-direction-nav .flex-next {position: absolute; width: 0px; height: 0px; border:15px solid transparent; border-left:15px solid #b1b1b1; text-indent: 9999px; right: 0px;display: none;} .flex-direction-nav .flex-next:hover { opacity: .5; } .mode01 { max-width: 1440px; margin: 50px auto; overflow: hidden; } .little_banner { width: 58%; float: left; } .Focus { width: 40%; float: right; } .Focus .title { overflow: hidden; margin: 0 0 55px 0; } .Focus .title h2 { width: auto; float: left; font-size: 24px; color: #333333; cursor: pointer; } .Focus .title h2:hover { color: #0095ff; } .Focus .title h2 span { font-size: 14px; color: #999999; margin: 0 0 0 10px; } .Focus .title h2:hover span { color: #0095ff; } .Focus .title a { width: auto; float: right; font-size: 14px; color: #999999; margin: 5px 0 0 0; } .Focus .title a:hover { color: #0095ff; } .Focus ul li { overflow: hidden; margin:0 0 35px 0; } .Focus ul li span { font-size: 12px; color: #999999; display: inline-block; float: left; } .Focus ul li a { font-size: 16px; display:block; margin: 0 0 0 96px; padding: 0 0 0 13px; border-left: 1px solid #efeff4; height: 42px; overflow: hidden; } .l_img { position: relative; z-index: 999; } .l_img .lswiming { width: auto; float: left; position: absolute; bottom: 0px; } .l_img a { position: relative; width: auto; float: left; display: block; overflow:hidden; margin: 0 0 0 120px; } .l_img a img { position: relative; transition: all 0.3s ease; } .l_img a img:hover { opacity: 0.8;transform: scale(1.2);} .l_img a .tills_slides02{width: 100%;position: absolute; z-index: 999; width: auto; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); left: 0px; bottom: 0px; } .l_img a .tills_slides02 p {margin: 5% 2%;height: 60px; line-height: 30px;overflow: hidden; font-size: 16px;color: #ffffff; } .l_img a .tills_slides02 p:hover { font-weight: bold; }.little_banner { position: relative; width: 745px; } .little_banner:after {z-index: 1;position: absolute;content: '';top: 75px;right: 0;width: 41%;height: 70%;background-repeat: repeat;padding: 0 145px 92px 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='%26%23x56FE%3B%26%23x5C42%3B_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30%3B' xml:space='preserve'%3E %3Cg id='%26%23x672A%3B%26%23x6807%3B%26%23x9898%3B-2.psd'%3E %3Cdefs%3E %3Crect id='SVGID_1_' x='0' width='30' height='30'/%3E %3C/defs%3E %3CclipPath id='SVGID_2_'%3E %3Cuse xlink:href='%23SVGID_1_' style='overflow:visible%3B'/%3E %3C/clipPath%3E %3Cg id='%26%23x692D%3B%26%23x5706%3B_1' style='clip-path:url(%23SVGID_2_)%3B'%3E %3Cg%3E %3Ccircle style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23EFEEF3%3B' cx='5' cy='5' r='5'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");} .arrow_date { float: left; width: 105px; } .arrow { width: 80px; height: 60px; background: #efeff4; } .arrow a { position: relative; width: 80px; height: 60px; display: block; margin: 0px; } .l_img .BannerNews .flex-control-nav a{margin-left: 5px;} .l_img .BannerNews{float: left;width: auto;margin-left: 120px;/*width: 480px;*/} .l_img .BannerNews .flexslider li a{margin-left: 0;} .l_img .BannerNews .flex-control-nav{right: 151px; bottom: 15px;} .l_img .BannerNews .flex-control-paging li a:hover, .l_img .BannerNews .flex-control-paging li a.flex-active{border:none;background:#0095ff;} .l_img .BannerNews .flex-control-paging li a{top:0;} .arrow a:after{ content: "";display: none; position: absolute; display: block; width: 14px; height: 14px; top: 23px; left: 23px; border-top: solid 1px #999999; border-right: solid 1px #999999; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .date { background: #ffffff; width: 105px; height: 80px; z-index: 9999; position: absolute; bottom: -80px; text-align: center; } .date .day { font-size: 18px; color: #333333; font-weight: bold;text-align: center; width: 44px; border-bottom: 1px solid #333333; margin: 0 auto; padding: 8px 0 8px 0; } .date .month { font-size: 18px; color: #333333; text-align: center; } .mode02 { max-width: 1440px; margin: 0 auto; } .notice .title{ height: auto; margin: 0 0 55px 0; overflow: hidden; } .notice .title h2 { width: auto; float: left; font-size: 24px; color: #333333; cursor: pointer; } .notice .title h2:hover { color: #0095ff; } .notice .title span { font-size: 14px; color: #999999; } .notice .title h2:hover span { color: #0095ff; } .notice .title a { width: auto;float: right; font-size: 14px; color: #999999; margin: 5px 0 0 0; } .notice .title a:hover { color: #0095ff; } .notice ul { margin: 0 -25px 0 -25px; } .notice ul li { float: left; width: 25%; } .liIn { margin: 0 25px 0 25px; position: relative; } .liIn:hover{ opacity: .5; } .liIn img { width: 320px; height: 240px; transition:all 0.3s ease } .liIn img:hover { opacity: .5; } .liIncon { background: #0095ff; height: 80px; overflow: hidden; padding: 15px 30px; } .liIncon h3 a { font-size: 16px; color: #ffffff; line-height: 30px; } .liIncon h3 a:hover { font-weight: normal; } .lidate_licon { height: 220px; background: #efeff4; padding: 10px 30px; } .lidate_licon p { font-size: 16px; color: #999999; margin: 0 0 10px 0; } .licon { font-size: 16px; line-height: 30px; height: 150px; overflow: hidden; } .person { position: absolute; left: 0px; top: -40px; } .person img { width: 40px; height: 55px; } .notice ul li:hover .person { transform: translate(300px, 0px); -webkit-transform: translate(300px, 0px); -moz-transform: translate(300px, 0px); -o-transform: translate(300px, 0px); -ms-transform: translate(300px, 0px); transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; } .wrap_mode03 { width: 100%; height: 130px; background: #efeff4; margin: 60px auto; } .mode03{ max-width: 1440px; margin: 0 auto; } .link ul li { width: 16.6%; float: left; height: 130px; line-height: 130px; } .link ul li:nth-child(even) { background: #f9f9f9; } .link ul li:hover { background: #ffc000; } .link ul li a {height: 130px; line-height: 130px; display: block; padding: 0 0 0 110px; font-size: 18px; color: #333333; overflow: hidden; } .link ul li:hover a { color: #ffffff; } .link ul li.li01 a { background:url(../../images/by20190624/link01_03.png) no-repeat 36px 36px; } .link ul li.li01:hover a { background:url(../../images/by20190624/link01_hover_03.png) no-repeat 36px 36px; } .link ul li.li02 a { background:url(../../images/by20190624/link02_03.png) no-repeat 36px 36px; } .link ul li.li02:hover a { background:url(../../images/by20190624/link02_hover_03.png) no-repeat 36px 36px; } .link ul li.li03 a { background:url(../../images/by20190624/link03_03.png) no-repeat 36px 36px; } .link ul li.li03:hover a { background:url(../../images/by20190624/link03_hover_03.png) no-repeat 36px 36px; } .link ul li.li04 a { background:url(../../images/by20190624/link04_03.png) no-repeat 36px 36px; } .link ul li.li04:hover a { background:url(../../images/by20190624/link04_hover_03.png) no-repeat 36px 36px; } .link ul li.li05 a { background:url(../../images/by20190624/link05_03.png) no-repeat 36px 36px; line-height: 30px; padding:35px 0 0 110px; height: 64px; } .link ul li.li05:hover a { background:url(../../images/by20190624/link05_hover_03.png) no-repeat 36px 36px; } .link ul li.li06 a { background:url(../../images/by20190624/link06_03.png) no-repeat 36px 36px; } .link ul li.li06:hover a { background:url(../../images/by20190624/link06_hover_03.png) no-repeat 36px 36px; } .mode04 { max-width: 1440px; margin: 45px auto 0; } .media .title{ height: auto; margin: 0 0 115px 0; overflow: hidden; } .media .title h2 { width: auto; float: left; font-size: 24px; color: #333333; cursor: pointer; } .media .title h2:hover { color: #0095ff; } .media .title span { font-size: 14px; color: #999999; } .media .title h2:hover span { color: #0095ff; } .media .title a { width: auto;float: right; font-size: 14px; color: #999999; margin: 10px 0 0 0; } .media .title a:hover { color: #0095ff; } .media_con { overflow: hidden; width: 90%; margin: 4% auto 0; } .media_left { width: 50%; float: left; } .media_right { width: 50%; float: right; } .media_con ul li { overflow: hidden; margin: 0 0 50px 0; height: 24px; } .media_right ul { padding: 0 0 0 88px; border-left: 1px solid #333333; } .media_con .l_date { overflow: hidden; width: auto; float: left; } .media_con .l_date .day { float: left; display: inline-block; width: 30px; height: 22px; line-height: 22px; color: #0000db; font-size: 14px; border: 1px solid #0000db; text-align: center; font-weight: bold; } .media_con .l_date .month { float: left; display: inline-block; width: 30px; height: 24px; line-height: 24px; color: #ffffff; text-align: center; background: #0000db; } .media_con ul li a { display: block; margin: 0 30px 0 0px; font-size: 16px; transition: all .3s ease; } .media_con ul li a:hover { margin-left: 20px; } .media_date { position: relative; width: 100%; height: 1px; background: #333333; } .media_date:before { position: absolute; content: ''; border-bottom: 1px solid #595959; border-left: 1px solid #595959; width: 10px; height: 10px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); left: 2px; top: -5px; } .media_date:after { position: absolute; content: ''; border-top: 1px solid #595959; border-right: 1px solid #595959; width: 10px; height: 10px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); right: 2px; top: -5px; } .me_da_left { width: 50%; float: left; margin:-80px 0 0 0; } .me_da_right { width: 48%; float: right; margin:-53px 0 0 0; } .me_da_left span { width: 6%; display: inline-block; } .me_da_right span { width:5.7%; display: inline-block; } .media_date span { padding:57px 0 0 0; text-align:center; font-size:12px; color:#999999; } .media_date span.current { background:url(../../images/by20190624/person_date_04.png) no-repeat center top; color:#333333; font-weight:bold; } .media_date .circle { width:24px; height:26px; position:absolute; left:50%; top:50%; margin:-13px 0 0 -12px; } .wrap_title { max-width: 1440px; margin: 0 auto; position: relative; top: 31px; z-index: 9999; } .wrap_title .title { width: 30%; overflow: hidden; } .wrap_title .title h2 { width: auto; float: left; font-size: 24px; color: #333333; cursor: pointer; } .wrap_title .title h2:hover { color: #0095ff; } .wrap_title .title span { font-size: 14px; color: #999999; } .wrap_title .title h2:hover span { color: #0095ff; } .wrap_title .title a { width: auto;float: right; font-size: 14px; color: #999999; margin: 5px 0 0 0;} .wrap_title .title a:hover{ color: #0095ff; } .OlympicBox{width: 100%;height: 880px;margin:0 auto;background:url(../../images/by20190624/o_bg_06.png) no-repeat center bottom;position: relative;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-button-prev, .swiper-button-next{width: 60px;height: 19px;top:63%;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../../images/by20190624/right.png) no-repeat center top;right:23%;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../../images/by20190624/left.png) no-repeat center top;left:23%;} .swiper-button-prev, .swiper-button-next:hover{opacity: 0.6} .Olympic_con{position: relative;width: 100%;margin:0 auto;} .Olympic_3{width: 1200px;position: absolute;top:-440px;left:69px;z-index:99;display: none;margin:0 auto;} .Olympic_3 img{display: block; width: 100%;} .swiper-slide{position: static;margin:0 auto;} .swiper-container{position: static;} .swiper-wrapper{position: static;} .Olympic_2{position: absolute;bottom:-20px;left:-113px;z-index:999;display: none;margin:0 auto; background:url(../../images/by20190624/renwu_bg_07.png) no-repeat 15% top; padding-top: 40px;} .olymic2In { background: #ffc000; width: 220px; padding: 40% 20%; text-align: left; } .olymic2In h3 {position: relative; font-size: 48px; color: #ffffff; padding-bottom: 10px; font-weight: normal; } .olymic2In h3:before { content: ''; position: absolute; width: 30px; height: 3px; background: #ffffff; bottom: 0px; left: 0px; } .olymic2In h3:hover { font-weight: bold; } .olymic2_con { font-size: 16px; color: #ffffff; line-height: 24px; padding: 10px 0 0 0; } .Olympic_2 img{width: 340px;height: 396px;display: block;} .Olympic_1{ position: absolute;bottom:-349px;left:15px;z-index:9;margin:0 auto;z-index:9;} .Olympic_1 img{display: block;} .swiper-slide-next .Olympic_1{bottom:-258px; -webkit-transition: bottom 1200ms; transition: bottom 1200ms;} .Olympic_1:after {border:5px solid #ffffff; content: '';width:100%;height: 100%;position: absolute;bottom:-20px;right:-20px; display: none;z-index:-1;} .swiper-slide-next .Olympic_1:after{display: block;-webkit-transition: all 1500ms; transition: all 1500ms;} /*.swiper-slide-next .Olympic_1:before {background: url(img/o_img_bg.png) no-repeat 10px 10px;}*/ .swiper-slide-next .Olympic_3{display: block; -webkit-transition: all 1200ms; transition: all 1200ms;} .swiper-slide-next .Olympic_2{display: block; -webkit-transition: all 1200ms; transition: all 1200ms;} @media screen and (max-width:1440px) { .Focus { width: auto; float: none; margin: 0 0 0 745px; } .content { width: 90%; margin: 0 auto; } .link ul li a { text-align: center; } .link ul li.li01 a { background: none; padding: 0px; } .link ul li.li01:hover a { background: none; padding: 0px; } .link ul li.li02 a { background: none; padding: 0px;} .link ul li.li02:hover a { background: none; padding: 0px;} .link ul li.li03 a { background: none; padding: 0px;} .link ul li.li03:hover a { background: none; padding: 0px;} .link ul li.li04 a { background: none; padding: 0px;} .link ul li.li04:hover a { background: none; padding: 0px; } .link ul li.li05 a { background: none; padding: 35px 0 0 0; } .link ul li.li05:hover a { background: none; padding: 35px 0 0 0; } .link ul li.li06 a { background: none; padding: 0px;} .link ul li.li06:hover a { background: none; padding: 0px; } .person { display: none; } .flex-direction-nav { width: 160px; right: 7.5%; } .mode01 { margin: 40px auto; padding: 0px; } .media .title { margin: 0 0 70px 0; } .wrap_mode03 { margin: 30px auto; } .notice .title { margin: 0 0 30px 0; } .media_con ul li { margin: 0 0 20px 0; } .little_banner:after{left: auto;right: 0;} } /*@media screen and (max-width:1200px){ .Focus{margin-left: 0;} .little_banner{width: 100%;float: none;} }*/ @media screen and (max-width:1023px) { .Focus ul li { float: left; width: 48%; margin: 0 2% 2% 0; }.little_banner { width: 100%; float: none; } .Focus { margin: 115px auto 0; } .notice ul li { width: 50%; } .liIn { margin: 50px 25px 0 25px; } .liIn span { padding-bottom: 50%; } .liIn span img { width: 100%; } .mode01 { margin: 20px auto 20px; padding: 0px;} .wrap_mode03 { height: auto; } .link ul { overflow: hidden; } .link ul li { width: 33.3%; } .media_con { width: 100%; } .media_left { width: 100%; float: none; } .media_right { width: 100%; float: none; } .media_right ul { padding: 0px; border-left: 0px; } .media_con ul li { height: auto; margin: 0 2% 2% 0; width: 48%; float: left; height: 24px; } .Olympic_3 { width: 300%; top:-200px; } .olymic2In { padding: 20% 10%; } .olymic2In h3 { font-size: 16px; } .olymic2_con { font-size: 14px; } .flex-control-nav { bottom: 10px; } .olymic2In { display: none; } .Olympic_3 { display: none; } .Olympic_3 img { display: none; } .OlympicBox { background: #688c4f; height: 400px; } .swiper-button-prev, .swiper-button-next { top: 20%; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 2%; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 2%; } .swiper-slide { margin: -10% 0 0 0; } .media_date { display: none; } .media .title { margin: 0 0 30px 0; } .wrap_title { top: 0px; } .wrap_title .title { width: 100%; margin: 20px 0 20px 0; } .flex-direction-nav { display: none; } .flexslider .til_slides h2 { font-size: 18px; } .l_img a p { line-height: 20px; } .Focus .title { margin: 0 0 20px 0; } .notice .title { margin: 0 0 20px 0; } .liIn { margin: 10px 25px 0 25px; } .link ul li a { font-size: 16px; } .wrap_mode03 { margin: 20px auto; } .link ul li { height: 100px; line-height: 100px; } .link ul li a { height: 100px; line-height: 100px; } .Focus .title h2 { font-size: 20px; } .notice .title h2 { font-size: 20px; } .media .title h2{ font-size: 20px; } .wrap_title .title h2 { font-size: 20px; } } @media screen and (max-width:740px) { .l_img .lswiming { display: none; } .arrow_date { display: none; } .l_img a { float: none; margin-left: 0px; } .little_banner::after { display: none; } .l_img a img { width: 100%; } .l_img a .tills_slides02 p { width:auto;margin:1% 2% 6% 2%;height:30px; } .Focus { margin: 40px auto 0; } .l_img .BannerNews{margin-left: 0;} .l_img a .tills_slides02{width: 100%;} .l_img .BannerNews .flex-control-nav{right: 10px;} } @media screen and (max-width:620px) { .notice ul li { width: 100%; float: none; } .person { display: none; } .lidate_licon { height: auto; } .licon { height: auto; font-size: 14px; } .lidate_licon p { font-size: 14px; } .link ul li { width: 50%; } .flexslider .til_slides { display: none; } .flexslider .til_slides h2 { font-size: 16px; } .l_img a p { line-height: 18px; } .Focus .title { margin: 0 0 20px 0; } .notice .title { margin: 0 0 20px 0; } .liIn { margin: 10px 25px 0 25px; } .link ul li a { font-size: 14px; } .media_con ul li a { font-size: 14px; } .l_img a p { font-size: 14px; } .Focus { margin: 20px auto 0; } .Focus ul li a { font-size: 14px; } .Focus ul li { margin: 0 0 10px 0; } .Focus .title h2 { font-size: 18px; } .notice .title h2 { font-size: 18px; } .liIncon h3 a { font-size: 14px; } .liIncon { height: auto; } .media .title h2 { font-size: 18px; } .wrap_title .title h2 { font-size: 18px; } .f_link h2 a { font-size: 18px; } .f_r_top ul li p { font-size: 14px; } .f_r_bottom { font-size: 12px; } .Focus ul li { float: none; width: 100%; margin: 0 0 10px 0; } .media_con ul li { width: 100%; float: none; margin: 0 0 10px 0; } .media_con ul li a { font-size: 14px; } .Focus ul li a { font-size: 14px; } .licon { font-size: 14px; } } @media screen and (max-width:480px) { .link ul li { width: 100%; float: none; } .link ul li { height: 50px; line-height: 50px; } .link ul li a { height: 50px; line-height: 50px; } .swiper-slide { margin: -30% 0 0 0; } .OlympicBox { height: 300px; } .swiper-button-prev, .swiper-button-next { top: 20%; } }