@charset "utf-8"; /* CSS Document 111*/ /* index */ .wrap{ margin:0 auto; max-width:1200px} .op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .tab-cell{ display:table-cell; vertical-align: middle;} .mob-nav{ display:none; margin-top:38px; width:50px; height:50px; background-size:auto 40%; position:relative;} .mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#fff; transition:all 0.5s ease;} .mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#fff; transition:all 0.5s ease;} .mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#fff; transition:all 0.5s ease;} .top.on .mob-nav:before,.top.set .mob-nav:before,.top.ny-top .mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;} .top.on .mob-nav:after,.top.set .mob-nav:after,.top.ny-top .mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;} .top.on .mob-nav span,.top.set .mob-nav span,.top.ny-top .mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;} .mob-nav.on{ transition:all 0.5s ease;} .mob-nav.on:before{ margin-top:-1px !important; transform:rotate(45deg); transition:all 0.5s ease;} .mob-nav.on:after{ margin-top:-1px !important; transform:rotate(-45deg); transition:all 0.5s ease;} .mob-nav.on span{width:0 !important;transition:all 0.5s ease;} .top.ny-top{ background:#fff;} .top.ny-top .T-nav > li > a:after{ background:#333;} .top.ny-top .search-T a{background:url(../images/sc02.png) no-repeat center center;} .top.ny-top .lang-T a{ color:#333;} .top.ny-top .link-T{background:url(../images/tv02.png) no-repeat left center;border-bottom:1px solid #333;} .top.ny-top .link-T span{background:url(../images/tv04.png) no-repeat right center;} .top.ny-top .T-nav > li > a{ color:#333;} .search-bg{ display:none; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:8;} .tb-search{ display:none; background:url(../testimg/t18.jpg) no-repeat center center; background-size:cover; position:fixed; left:0; top:112px; z-index:9; width:100%; padding:4% 0;} .sh-main{ max-width:1100px; margin:0 auto;} .sh-main .title{ color:#fff; font-size:30px;} .mesoln{ background:rgba(0,0,0,0.4); border-radius:5px; padding:8px 0; margin-top:30px;} .spbuch span{ cursor:pointer; display:block; font-size:16px; text-align:center; width:128px; height:55px; line-height:55px; color:#fff; border-right:1px solid #3977a5; background:url(../images/gv.png) no-repeat 95px center;} .spbuch p{ display:none; background:#fff; width:100%; position:absolute; z-index:3; left:0; top:55px; border-radius:5px;} .spbuch p a{ display:block; text-align:center; line-height:50px; height:50px; padding:0 5px; overflow:hidden;} .mesoln .c1{ float:left; width:calc(100% - 128px); height:55px; background:none; border:none; padding:0 80px 0 15px; font-size:16px; color:#fff;} .mesoln .c1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #58b8ff; } .mesoln .c1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #58b8ff; } .mesoln .c1:-ms-input-placeholder{ color: #58b8ff; } .mesoln .c1::-webkit-input-placeholder{ color: #58b8ff; } .mesoln .c2{ position:absolute; border:none; cursor:pointer; background:url(../images/fd.png) no-repeat center center; right:0; top:8px; width:75px; height:55px;} .ac-link{ margin-top:30px;} .ac-link a{ display:inline-block; line-height:30px; margin-bottom:10px; margin-right:10px; border:1px solid #fff; color:#fff; padding:0 15px; border-radius:3px; transition:all 0.5s ease;} .scolea{top:0 !important;position: fixed; width: 100%;} .a-b-c{ position: relative; z-index: 2; background:#fff;} .top{ position: fixed; left:0%;display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between; top:0px; padding:0 2%; width:100%; z-index:10; transition:all 0.3s;} .top-back{background: #fff;} .t-logo{} .T-nav{ margin-left:0;} .T-nav > li{ float:left; padding:0 20px;} .T-nav > li > a{ line-height:112px; color:#fff; font-size:18px; display:block; position:relative; transition:all 0.5s ease;} .T-nav > li > a:after{ content:''; position:absolute; width:0; height:5px; background:#fff; left:50%; bottom:20px; transform:translateX(-50%); transition:all 0.5s ease;} .T-nav > li .thr{ position:absolute;width: 100%; opacity:0;visibility:hidden; left:0; top:112px;} .T-nav > li .thr .flex-ct{ width:100%; background:#fff;display: -webkit-flex; display: flex;flex-wrap: wrap;align-items:center;} .T-nav > li .thr .pic{ width:36%;} .T-nav > li .thr .pic img{ width:100%; height:455px; object-fit:cover;} .T-nav > li .thr .soe{ line-height:42px; font-size:16px; width:18%; padding:0 0 0 6%;} .T-nav > li .thr .soe p{} .T-nav > li .thr .rol{ width:46%; height:455px; background:#f9f9f9; display:table; padding:0 5%;} .T-nav > li .thr .rol .d1{ font-size:24px; color:#0068b7; font-weight:bold;} .T-nav > li .thr .rol .d2{ font-size:16px; line-height:2; margin-top:25px;text-align: justify;} .T-nav > li .thr .ple{ height:455px; width:64%; padding:3% 4% 0;} .T-nav > li .thr .ple dl{ padding:20px 0;} .T-nav > li .thr .ple dt a{ font-weight:bold; color:#0068b7; font-size:24px;} .T-nav > li .thr .ple dd{ margin-top:15px;} .T-nav > li .thr .ple dd a{ display:inline-block; font-size:16px; line-height:30px; margin-right:35px; padding:5px 0;} .T-nav .bg{ display:none;} .openmc{ top:0;} .obeunt{ margin-top:38px;} .search-T a{ display:block; width:36px; height:36px; background:url(../images/sc01.png) no-repeat center center;} .lang-T{ margin:0 20px 0 10px;} .lang-T a{ color:#fff; line-height:36px; font-size:18px;} .link-T{ line-height:35px; border-bottom:1px solid #fff; background:url(../images/tv01.png) no-repeat left center;} .link-T span{ width:165px; font-size:16px; display:block; color:#999eab; background:url(../images/tv03.png) no-repeat right center; padding:0 10px 0 25px; cursor:pointer;} .link-T p{ display:none; position:absolute;max-height:210px; overflow:auto; width:260px;right:0; top:36px; background:#fff; text-align:center; z-index:3; box-shadow:0 0 5px rgba(0,0,0,0.15);} .link-T p a{ display:block; line-height:35px; font-size:15px;} .lorbua{ position:absolute; right:0; bottom:0; z-index:3;} .tb-vd{ overflow:hidden;position: fixed;width: 100%;left: 0;top: 0;} .ebunta{ position:absolute; left:0; bottom:0; z-index:3; width:460px; padding:20px; background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.2);} .ind-01{ padding:4% 9%;margin-top: 100vh; position: relative; z-index: 2; background:url(../testimg/t2.jpg) no-repeat center center; background-size:cover;} .soc-tit em{ text-transform:uppercase; line-height:1; color:#eff1f4; font-weight:bold; font-size:100px; font-family:Arial, Helvetica, sans-serif;} .soc-tit span{ display:block; text-align:center; line-height:1; position:absolute; left:0; width:100%; font-size:48px; position:absolute; top:60px; font-weight:bold;} .buaent{display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:center; margin-top:5%; padding:0 5%;} .buaent li{ width:20%; padding:10px 20px 0; text-align:center; border-right:2px solid #ddd;} .buaent li:last-child{ border:none;} .buaent li .d1{ font-size:40px; font-weight:bold; color:#0068b7;} .buaent li .d1 span{ font-family:Arial, Helvetica, Sans-Serif;font-weight:bold} .buaent li .d2{ line-height:22px; margin-top:10px;} .ind-02{ padding:4% 0;position: relative; z-index: 2;background: #fff;} .cp-silve{ position:relative; z-index: 2; overflow:hidden; background:#0063b2;} .acbotm{ overflow:hidden; position:relative;} .acbotm:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; background:rgba(0,0,0,0.1);} .acbotm01{ overflow:hidden;transform:skewX(25deg) translateX(-163px);} .acbotm01 .pic-bg{ transform:skewX(-25deg) translateX(163px); transition:all 0.5s ease;} /*.orebl01.on .acbotm01 .pic-bg{transform:skewX(-25deg) translateX(14%); transition:all 0.5s ease;}*/ .acbotm01 .pic-bg img{ width:90vw; max-width:100vw; height:780px; object-fit:cover;} .boutcl{ position:absolute; width:100%; padding-right:calc(25vw - 138px); left:0; bottom:30px;} .slv-tit{ padding-right:170px; margin-bottom:30px;} .slv-tit span{ position:relative; display:inline-block;line-height:100px; height:100px; color:#fff; text-align:center; font-size:40px; font-weight:bold; width:450px;} .slv-tit span i{ position:relative; z-index:2;} .slv-tit span:before{ content:''; background:#00a0e5; position:absolute; left:0; top:0; width:100%; height:100%; transform:skewX(25deg);} .apleca{} .aconm{ height:145px;background: linear-gradient(-115deg,transparent 63px, rgba(255,255,255,0.7) 0); padding:0 calc(5% + 68px) 0 5%; position:relative; z-index:2;} .aconm .list{ cursor:pointer;height:145px; width:100%; padding:21px 0; text-align:center; display:block; position:relative;} .aconm .list .pic span{ display:inline-block; border-radius:50%; width:68px; height:68px; background:no-repeat left 0px; transition:all 0.5s ease;} .aconm .list .tit{ color:#005dac; font-size:14px; margin-top:2px;line-height: 22px; max-height: 44px; overflow: hidden;} .tv-ons{ padding-right:68px; height:145px; position:relative;} .tv-ons .bd{ opacity:0; z-index:1; position:absolute; left:0; top:0; width:calc(100% - 68px); height:145px; padding:40px 5% 40px 5%; background: linear-gradient(-115deg,transparent 63px, #00a0e6 0);} .tv-ons .bd.cur{ opacity:1; z-index:2;} .polema-v2 .tv-ons .bd{background: linear-gradient(-115deg,transparent 63px, #0068b7 0);} .acbotm02{ overflow:hidden;transform:skewX(25deg) translateX(0%); width:173%;} .acbotm02 .pic-bg{ transform:skewX(-25deg) translateX(-42%);} .acbotm02 .pic-bg img{ width:100%; height:780px; object-fit:cover;} .orebl02 .boutcl{ left:-110px; bottom:auto; top:30px; width:calc(100% + 110px); padding:0;} .orebl02 .slv-tit{ padding:0; text-align:left;} .orebl02 .tv-ons .bd{ left:94px;width:calc(100% - 94px); background: linear-gradient(65deg,transparent 65px, #0068b7 0);} .orebl02 .tv-ons02 .bd{ left:27px;width:calc(100% - 27px);} .orebl02 .aconm{background: linear-gradient(65deg,transparent 63px, rgba(255,255,255,0.7) 0); margin-left:30px; width:calc(100% - 30px); padding:0 5% 0 calc(5% + 68px);} .orebl02 .tv-ons{ padding:0;} .orebl02 .aconm .list.cur:before { top: auto; bottom:0; border-top:0; border-bottom: 10px solid #0068b7; } .orebl02 .aconm-s2 .list.cur:before { top: 0; bottom:auto; border-top: 10px solid #0068b7; border-bottom: 0; } .orebl02 .aconm-s2 .list.vv:before{display:none;} .orebl02 .tv-ons01 .bd {padding:40px 5% 40px calc(5% + 10px);} .orebl02 .tv-ons02 .bd {padding:40px 5% 40px calc(5% + 68px);} .orebl{ background:no-repeat center center; background-size:cover;} .orebl01{ left:-50.5%;width:100%; padding-right:calc(25vw - 215px); transition:all 0.8s ease;} .orebl02{ position:absolute; left:75%; top:0; width:75%;transition:all 0.8s ease;} .orebl .apleca{ opacity:0; transform:translateY(50px); transition:all 0.5s ease;} .orebl01 .boutcl{ transform:translate(130px,300px); transition:all 0.5s ease;} .aconm-s1{padding: 0 5% 0 5%; width:calc(100% - 68px);} .tv-ons01{ position:absolute; left:0; bottom:0; z-index:1; opacity:0; width:100%; transition:all 0.5s ease;} .tv-ons02{ position:absolute; left:0; bottom:145px; z-index:1; opacity:0; width:100%; padding:0; transition:all 0.5s ease;} .tv-ons01.on,.tv-ons02.on{ opacity:1; z-index:4; transition:all 0.5s ease;} .tv-ons01 .bd{ width:100%; padding-right:calc(5% + 68px);} .orebl02 .uncem:nth-child(2) .aconm { margin-left: 97px; width: calc(100% - 97px); padding: 0 5% 0 calc(5% + 0px); } .ind-03{ padding:4% 0;position: relative; z-index: 2;background: #fff;} .ind-04{ padding:4% 9%; background:#f9f9f9;position: relative; z-index: 2;} .oplef{ margin-top:4%;} .oplef li{ width:32%; float:left; margin-right:2%;} .oplef li:nth-child(3n){ margin-right:0;} .oplef li a{ display:block; background:#fff; position:relative; transition:all 0.5s ease;} .oplef li a:after{ content:''; height:3px; width:0; background:#0068b7; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .oplef li a .pic{ overflow:hidden;} .oplef li a .pic img{ width:100%; height:18vw; object-fit:cover; transition:all 0.5s ease;} .oplef li a .con{ padding:30px;} .oplef li a .con .d1{ color:#888; font-family:Arial, Helvetica, sans-serif;} .oplef li a .con .d2{ font-size:20px; line-height:25px; height:75px; overflow:hidden; color:#333; margin:20px 0;} .oplef li a .con .d3{ color:#555; line-height:25px; height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow:hidden; font-size:16px;} .oplef li a .con .d4{ margin-top:15px;} .acb-more{ margin-top:4%;} .acb-more a{display: inline-block; width: 136px; color:#0168b7; line-height: 36px; border: 1px solid #0168b7; text-align: left; text-indent: 20px; background: url(../images/more02.png) no-repeat 90% center; transition:all 0.5s ease;} .ind-05{position: relative; z-index: 2;} .ind-05 .pic img{ width:100%; height:34vw; object-fit:cover;} .ind-05 .con{ position:absolute; padding:0 175px 0 9%; left:0; top:0; width:45%; max-width:750px; height:34vw;background: linear-gradient(280deg,transparent 175px, rgba(1,104,183,0.75) 0); z-index:2; display:table; color:#fff;} .ind-05 .con .d1{ font-size:36px; font-weight:bold;} .ind-05 .con .d2{ font-size:26px; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:15px;} .ind-05 .con .d2:after{ content:''; position:absolute; left:0; bottom:0; height:1px; width:100px; background:#fff;} .ind-05 .con .d3{ opacity:0.9; font-size:16px; line-height:25px; margin:20px 0;} .ind-05 .con .d4 a{display: inline-block; width: 136px; color:#fff; line-height: 36px; border: 1px solid #fff; text-align: left; text-indent: 20px; background: url(../images/more.png) no-repeat 90% center; transition:all 0.5s ease;} .foot{ padding:0 9%;position: relative; z-index: 4; color:#fff; background:url(../testimg/t16.jpg) no-repeat center center; background-size:cover;} .sct-navc{ padding:5% 0; border-bottom:1px solid rgba(255,255,255,0.3);display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between;} .sct-navc .oecc dt{ position:relative; margin-bottom:12px; padding-bottom:10px; font-size:18px;} .sct-navc .oecc dt a{ color:#fff;} .sct-navc .oecc dt:before{ content:''; position:absolute; left:0; bottom:0; height:2px; width:32px; background:#0168b7;} .sct-navc .oecc dd{ line-height:32px;} .sct-navc .oecc dd a{ color:#fff; opacity:0.7;} .beuncl .d2{ font-weight:bold;font-size:30px; font-family:Arial, Helvetica, sans-serif; padding:15px 0 15px 32px; background:url(../images/tel.png) no-repeat left center;} .beuncl .d3{ display:inline-block; text-align:center; line-height:30px;} .oecab{ padding:30px 0; color:#fff; line-height:22px;} .ny-main{ padding-top:112px;} .mad-search{ background:url(../testimg/t18.jpg) no-repeat center center; background-size:cover; width:100%; padding:4%;} .lben-list{ background:#fbfbfb; border-bottom:1px solid #ddd; line-height:85px; height:86px; margin-top:640px;} .lben-list span{ display:none;} .lben-list a{ display:inline-block; position:relative; margin:0 25px; font-size:18px;} .lben-list a.cur{ color:#0068b7;} .lben-list a.cur:after{ content:''; position:absolute; left:0%; bottom:0; height:5px; width:100%; background:#0068b7;} .ans-main{ padding:4% 9%;position: relative;z-index: 2; background: #fff !important;;} .odrel-title{ padding-bottom:15px; font-size:24px; color:#515151; border-bottom:2px solid #0069b8;} .odrel-title span{ color:#0069b8;} .lbonca li a{ display:block; border-bottom:1px solid #ddd; padding:3% 90px 3% 0; position:relative;} .lbonca li a:after{ content:''; position:absolute; right:0; top:50%; margin-top:-4px; width:61px; height:8px; background:url(../images/tr01.png) no-repeat left center;} .lbonca li a .d1{ font-size:24px; line-height:32px; height:32px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .lbonca li a .d2{ font-size:16px; line-height:25px; height:50px; overflow:hidden; color:#555; max-width:82%; margin-top:1.5%;} .page-ol a{ display:inline-block; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; width:30px; line-height:32px; height:32px; margin:0 3px;} .page-ol a.cur{ color:#fff; background:#0068b7;} .page-ol a.prev{ width:55px; height:32px; margin-right:30px;} .page-ol a.prev:before{content:'ษฯาปาณ';} .page-ol a.next{ width:55px; height:32px; margin-left:30px;} .page-ol a.next:before{content:'ฯยาปาณ';} .page-ol a.noc{ opacity: 0.3; cursor:default;} .page-ol a.tb01{background:url(../images/tb01.png) no-repeat center center;} .page-ol a.tb02{background:url(../images/tb02.png) no-repeat center center;} .page-ol a.tb03{background:url(../images/tb03.png) no-repeat center center;} .page-ol a.tb04{background:url(../images/tb04.png) no-repeat center center;} .page-ol02 a{ color:#fff;} .page-ol02 a.tb01{background:url(../images/tb01-2.png) no-repeat center center;} .page-ol02 a.tb02{background:url(../images/tb02-2.png) no-repeat center center;} .page-ol02 a.tb03{background:url(../images/tb03-2.png) no-repeat center center;} .page-ol02 a.tb04{background:url(../images/tb04-2.png) no-repeat center center;} .scolea .pic{ height:640px; background:no-repeat center center; background-size:cover;} .scolea .con{ position:absolute; width:100%; padding:0 9%; top:50%; transform:translateY(-50%); color:#fff; z-index:2;} .scolea .con .d1{ font-weight:bold; font-size:48px;} .scolea .con .d2{ color:#c2bfbd; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:24px; margin-top:6px;} .dresl{ background:url(../images/hs.png) no-repeat left center; line-height:35px; position:absolute; right:9%; bottom:4%; font-size:16px; height:35px; overflow:hidden; z-index:2; color:#fff; padding-left:25px;} .dresl a{ color:#fff;} .dresl span{ margin:0 5px;} .ofolbe{ padding-bottom:4%; border-bottom:1px solid #ddd;} .year-ch{ line-height:45px;} .year-ch a{ font-size:24px; color:#818181; margin-right:30px; font-family:Arial, Helvetica, Sans-Serif;font-weight:bold} .year-ch a.cur{ color:#0068b7; font-size:30px;} .sear-ch{ border:1px solid #eee; width:300px;} .sear-ch .c1{ border:none; float:left; height:45px; padding:0 10px; width:calc(100% - 45px);} .sear-ch .c2{ border:none; width:45px; height:45px; cursor:pointer; background:url(../images/sc02.png) no-repeat center center; float:left;} .vod-olc02{padding-top:3%;} .newlt{} .newlt li{ padding:3% 0; border-bottom:1px solid #eee;} .newlt li a{ display:block; position:relative; padding:0 100px 0 575px; height:240px; background:#fff; transition:all 0.5s ease;} .newlt li a .pic{ position:absolute; left:0; top:0; width:400px; overflow:hidden; } .newlt li a .pic img{ display:block; width:100%; height:240px; object-fit:cover;transition:all 0.5s ease;} .newlt li a .anlt{ width:34px; height:8px; background:url(../images/tr01.png) no-repeat right center; right:0px; top:50%; margin-top:-4px; position:absolute; transition:all 0.2s ease;} .newlt li a .anlt:after{content: ''; position:absolute; right:0; top:0;transition: all 0.2s ease;opacity: 0; width:34px; height:8px;background:url(../images/tr02.png) no-repeat right center;} .newlt li a .tit{ font-size:24px; line-height:35px; padding-top:60px; overflow:hidden; } .newlt li a .con{ line-height:25px; height:50px; color:#555; overflow:hidden; margin-top:10px;font-size:16px;} .newlt li a .date{ position:absolute; left:450px; top:65px; padding-top:20px; height:90px; font-size:16px; border-right:1px solid #ddd; padding-right:35px; color:#888; font-family:Arial, Helvetica, sans-serif;} .newlt li a .date strong{ display:block; font-size:26px;} .vod-olc li{ width:30%; float:left; margin-right:5%; margin-bottom:5%;} .vod-olc li:nth-child(3n){ margin-right:0;} .vod-olc li a{ display:block; transition:all 0.5s ease;} .vod-olc li a .pic{ overflow:hidden;} .vod-olc li a .pic img{ width:100%; height:18vw; object-fit:cover; transition:all 0.5s ease;} .vod-olc li a .pic:after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:54px; height:54px; background:url(../images/bf.png) no-repeat center center; background-size:100% 100%; z-index:1;} .vod-olc li a .tit{ line-height:70px; height:70px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 20px; font-size:16px; color:#333; position:relative;} .vod-olc li a .tit span{ padding-left:25px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; background:url(../images/pl.png) no-repeat left center;} .vod-olc li a .tit:before{ content:''; bottom:0; height:1px; position:absolute; left:20px; width:45px; background:#0068b7; transition:all 0.5s ease;} .vod-olc02{padding-top:3%;} .gb-ovlc{ position:fixed; right:0px; top:0px; width:80px; height:80px; cursor:pointer; background:rgba(0,0,0,0.5) url(../images/xxxgb.png) no-repeat center center; background-size:60% 60%; z-index:99;} .bg-ovlc{ position:fixed; z-index:98; background:rgba(0,0,0,0.2); width:100%; left:0; top:0; height:100%;} .tblmb{position:absolute;width:100%; left:0; top:0; height:100%; overflow:auto;} .vod-olc02 li a .pic:after{display:none;} .vod-olc02 li a .tit span{background:none; padding:0;} .loeca li{ width:32%; margin-right:2%; margin-bottom:2%; float:left;} .loeca li:nth-child(3n){ margin-right:0;} .loeca li a{ display:block; background:#f9f9f9; padding:40px 40px 70px; position:relative; transition:all 0.5s ease;} .loeca li a:before{ content:''; position:absolute; width:34px; height:8px; left:40px; bottom:30px; background:url(../images/tr04.png) no-repeat; opacity:0; transition:all 0.5s ease;} .loeca li a:after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:0; background:#0068b7; transition:all 0.5s ease;} .loeca li a .d1{ color:#888; font-family:Arial, Helvetica, sans-serif; font-size:24px;} .loeca li a .d2{ font-size:16px; margin:20px 0; color:#333; line-height:30px; height:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .loeca li a .line{ height:1px; width:45px; background:#0068b7;} .loeca li a .d3{ line-height:25px; height:50px; overflow:hidden; color:#555; margin-top:20px;} .alc-main{ background:#fff; padding:4%; max-width:960px; margin:0 auto;} .alc-main .d1{ font-size:24px; font-weight:bold;} .alc-main .d2{ color:#555; margin-top:5px;} .alc-main .d3{ margin-top:10px; height:36px;} .news-main{ font-size:16px;position: relative; line-height:2; color:#565656; background:#f6f7f8; padding:5% 4%;} .news-main .cont{ max-width:960px; margin:0 auto;} .news-main .cont img{width:750px;} .moncba{ max-width:960px; margin:0 auto; padding:4% 180px 4% 0;} .moncba p{ padding:3px 0; font-size:16px; line-height:22px;} .moncba a.back{ position:absolute; right:0; top:50%; transform:translateY(-50%); color:#fff; width:138px; line-height:38px; background:#0068b7 url(../images/tr05.png) no-repeat 15px 15px; text-indent:60px;} .ackout{ padding:220px 0 140px; background:no-repeat center center; background-size:cover;} .olcll > .bd{position: absolute; width:100%; height:100%; left:0; top:0; background:no-repeat center center; background-size:cover;} .pbuena{ padding:0 9%; position: relative; z-index: 2;} .pbuena .d1{ font-weight:bold; font-size:3vw; color:#fff;} .pbuena .d2{ color:rgba(255,255,255,0.5); text-transform:uppercase; font-size:1.6vw; margin-top:6px;} .bopaec{ padding-right:5%; position: relative; z-index: 2;} .tapoec{ margin-top:3%; padding-right:165px;} .tapoec span { transition: all 0.5s ease; position: relative; color:rgba(255,255,255,0.7); display: inline-block; line-height: 100px; height: 100px; text-align: center; font-size: 40px; font-weight: bold; width: 400px; margin-left:8px; cursor:pointer;} .tapoec span:before { content: ''; background: #216fad;opacity: 0.7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(25deg);} .tapoec span i{ position:relative; z-index:2;} .tapoec span.cur{ color:#fff;} .tapoec span.cur:before{ background:#008cde;opacity: 1;} .tapoec span:nth-child(2).cur:before{background:#0068b7;} .tapoec a { position: relative; color:rgba(255,255,255,0.7);transition:all 0.5s ease; display: inline-block; line-height: 75px; height: 75px; text-align: center; font-size: 24px; width: 288px; margin:0 6px; cursor:pointer;} .tapoec a:before{ content: ''; background: #008cde; opacity: 0.25; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(25deg);} .tapoec a i{ position:relative; z-index:2; } .tapoec a.cur{ color:#fff;} .tapoec a.cur:before{ background:#008cde;opacity: 1;} .mbbeua{ padding:0;} .polema{ margin-top:8px;} .ammrec > .bd{ position:relative; z-index:1; opacity:0;} .ammrec > .bd.cur{ position: absolute; width:100%; left:0; top:0; z-index:2; opacity:1;} .xoutac{ padding:0 9%;} .pboeac{ padding:4% 0 4% 258px;} .drlbo{ background:url(../images/hs2.png) no-repeat left center; line-height:30px; height:30px; padding-left:25px; overflow:hidden;} .bncola{ width:100%;} .bncola .list{ margin-top:6%;} .pachnt .d2{ margin:4% 0;text-align: justify; font-size:16px; line-height:2; color:#555;} .scb-tit{ font-size:36px; font-weight:bold; padding-bottom:20px;} .scb-tit:after{ content:''; position:absolute; left:50%; bottom:0; height:5px; width:50px; margin-left:-25px; background:#0068b7;} .lvmbec{ background:url(../images/d.png) repeat-y center top; line-height:32px; padding-top:30px;} .lvmbec li{ padding:20px 0;} .lvmbec .tit{ width:50%; position:relative; text-align:right; padding:0 30px; color:#0068b7; font-weight:bold; font-size:18px;} .lvmbec .con{ width:50%; padding:0 30px; color:#555; font-size:16px;} .lvmbec li:nth-child(2n) .tit{ text-align:left; float:right;} .lvmbec li:nth-child(2n) .con{ text-align:right;} .lvmbec .tit:before{ content:''; width:9px; height:9px; position:absolute; background:#0068b7; border-radius:50%; top:13px; right:-4px} .lvmbec li:nth-child(2n) .tit:before{ right:auto; left:-5px;} .oeawlc{ margin-top:4%;} .oeawlc span{ position: relative; color:#008cde; display: inline-table; height: 70px; text-align: center; font-size: 18px; font-weight: bold; width: 20%; margin:0 2%; cursor:pointer; text-align:center;} .oeawlc span:before { content: ''; background: #e8f5fc; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(25deg);} .oeawlc i{ position:relative; z-index:2; display:table-cell; vertical-align:middle;} .oeawlc span.cur{ color:#fff;} .oeawlc span.cur:before{ background:#0068b7;} .otelva{ margin-top:5%;} .otelva li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%;} .otelva li:nth-child(4n){ margin-right:0;} .otelva li a{ display:block; transition:all 0.5s ease;} .otelva li a .pic{ overflow:hidden; position:relative;} .otelva li a .pic img{ width:100%; height:9.7vw; object-fit:cover;} .otelva li a .pic span{ display:block; width:136px; line-height:38px; color:#fff; background:#0168b7 url(../images/more.png) no-repeat 90px; text-indent:20px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;opacity:0; transition:all 0.5s ease;} .otelva li a .pic:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.5s ease;} .otelva li a .tit{ font-size:16px; line-height:22px; padding:12px 15px; position:relative; background:#f9f9f9; transition:all 0.5s ease;} .otelva li a .tit p{ height:44px; overflow:hidden;} .otelva li a .tit:after{ content:''; position:absolute; left:0; bottom:0; width:0; height:5px; background:#0068b7; transition:all 0.5s ease;} .leobap{ margin-top:4%;} .leobap li{ margin-bottom:2%;} .leobap li .title{ height:85px; position:relative; line-height:85px; overflow:hidden; background:#f9f9f9 url(../images/v1.png) no-repeat 97% center; font-size:18px; padding:0 6% 0 3%; cursor:pointer; transition:all 0.5s ease;} .leobap li .title:before{ content:''; position:absolute; left:0; top:0; height:100%; width:5px; background:#0068b7;} .leobap li .title.on{ background:#0068b7 url(../images/v2.png) no-repeat 97% center; color:#fff; transition:all 0.5s ease;} .leobap li .cont{ background:#f9f9f9; padding:3%; display:none;} .leobap li .cont .pic{ width:35%;} .leobap li .cont .con{ width:62%; font-size:16px; line-height:2;text-align: justify;} .asc-more{ margin-top:3%;} .asc-more a{ display:block; line-height:60px; font-size:16px; background:#f9f9f9; box-shadow:3px 3px 10px rgba(0,0,0,0.2);} .cobten{ margin-top:3%;} .cobten a{ display:inline-block; transition:all 0.5s ease; text-indent: 24px; font-size:16px;width:220px; text-align: left; background:url(../images/more02.png) no-repeat 160px center; border:1px solid #0068b7; color:#0068b7; line-height:45px;} .cobten a img{display:none;} .zbolct{ position:absolute; opacity:1; z-index:3; left:0; top:0; padding-top:5%; width:195px; height:100%; background:url(../images/d.png) repeat-y right top; padding-right:15px;} .zbolct.set{ position:fixed; left:9%; height:calc(100vh - 112px); top:112px;} .zbolct.op{ opacity:0;transition:all 0.5s ease;} .zbolct .list{ margin-bottom:10px; padding:0 20px; position:relative; cursor:pointer;} .zbolct .list:after{ content:''; position:absolute; right:-15px; top:50%; width:35px; height:7px; background:url(../images/g.png); margin-top:-3px; opacity:0;} .zbolct .list span{ display:block; text-align:center; line-height:48px; position:relative; font-size:18px; color:#555;} .zbolct .list span:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; transform: skewX(25deg); } .zbolct .list span i{ position:relative; z-index:2;} .zbolct .list.cur span{ color:#fff;} .zbolct .list.cur:after{ opacity:1;} .zbolct .list.cur span:before{ background:#0068b7;} .ad-tioc{ position:fixed; z-index:20; background:#fff; left:0; top:0; width:100%; height:100%; padding:5% 9%; transform:scale(0.6) translateY(150%);} .ad-tioc.on{-moz-animation: odlc 1.2s ease 0s; -webkit-animation: odlc 1.2s ease 0s; animation: odlc 1.2s ease 0s;animation-fill-mode:forwards;} @-moz-keyframes odlc { 0% { transform:scale(0.6) translateY(150%); } 50% { transform:scale(0.6) translateY(0%); } 100% { transform:scale(1) translateY(0%); } } @-webkit-keyframes odlc { 0% { transform:scale(0.6) translateY(150%); } 50% { transform:scale(0.6) translateY(0%); } 100% { transform:scale(1) translateY(0%); } } @keyframes odlc { 0% { transform:scale(0.6) translateY(150%); } 50% { transform:scale(0.6) translateY(0%); } 100% { transform:scale(1) translateY(0%); } } .ad-tioc .gb{ cursor:pointer; position:fixed; right:2%; top:2%; width:45px; height:45px; background:url(../images/gb.png); background-size:100% 100%; z-index:21;} .lebuea{ width:100%; height:90vh; overflow:auto;padding-right: 10px;} .lebuea::-webkit-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; } .lebuea::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5; } .lebuea::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd; } .lmeuba{ font-size:36px; padding-bottom:20px;} .lmeuba:after{content: ''; position: absolute; left: 50%; bottom: 0; height: 4px; width: 50px; margin-left: -25px; background: #0068b7;} .oleban{ padding:0 9%; padding-top:4%;} .oleban li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%;} .oleban li:nth-child(4n){ margin-right:0;} .oleban li a{ display:block;} .techno_flipbox_font .pic{ padding-top:45px;} .techno_flipbox_font .pic span{ display:inline-block; width:80px; height:80px; background:#008cde no-repeat center center; border-radius:50%; border-radius:50%;} .techno_flipbox_font .tit{ line-height:30px; font-size:18px; height:60px; overflow:hidden; color:#fff; text-align:center; margin-top:15px;} .techno_flipbox_back .tit{ line-height:30px; font-size:18px; height:60px; overflow:hidden; color:#fff; text-align:center; } .techno_flipbox_back .con{ line-height:30px; height:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:15px; color:#fff; } .techno_flipbox_back .link{ margin-top:15px;} .techno_flipbox_back .link span{ display:inline-block; line-height:35px; width:135px; background:#fff url(../images/more02.png) no-repeat 90px center; color:#0168b7; padding-left:15px; text-align:left; transition:all 0.5s ease;} .techno_flipbox .techno_flipbox_back .padlmc{padding-top:40px;position: relative; z-index:2; perspective: inherit; -webkit-perspective: inherit; outline: transparent solid 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0%) translateZ(60px) scale(0.94); transform: translateY(0%) translateZ(60px) scale(0.94);} .lbmert{ perspective: inherit; -webkit-perspective: inherit; outline: transparent solid 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0%) translateZ(60px) scale(0.94); transform: translateY(0%) translateZ(60px) scale(0.94); z-index: 2; } .oleban li a.techno_flipbox { perspective: 1000px; position: relative; transform-style: preserve-3d; -webkit-perspective: 1000px; -webkit-transform-style: preserve-3d; z-index: 1; } .techno_flipbox_font { border: 1px solid #0c5adb; border-radius: 8px; padding:0 20px; background:rgba(0,0,0,0.2); } .techno_flipbox .techno_flipbox_font, .techno_flipbox .techno_flipbox_back { height: auto; box-shadow: 0px 1px 51.3px 5.7px rgba(137,143,156,.15); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(0); -webkit-transform: rotateX(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform .7s ease, -webkit-transform .7s ease; position: relative; height:260px; } .techno_flipbox .techno_flipbox_back { position: absolute; top: 0; left: 0; width: 100%; border-radius: 2px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background:no-repeat center center; background-size:cover; padding:0px 30px 0; } .techno_flipbox .techno_flipbox_back:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/vleoa.png) no-repeat center center; background-size:cover;} .dolb-main{ padding:6% 0 6% 9%; background:#fff url(../testimg/t31.jpg) no-repeat left center;} .dolb-main .cont{ width:33%; padding-top:3%;} .dolb-main .cont .d1{ font-size:36px; padding-bottom:15px; position:relative;} .dolb-main .cont .d1:after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:50px; background:#0068b7;} .dolb-main .cont .d2{ color:#555; line-height:2; margin-top:4%; font-size:16px;text-align: justify;} .dolb-main .pic{ width:58%; text-align:right;} .lbu-main{ background:#fbfbfb no-repeat center center; position: relative; background-size:cover; padding:5% 9%;} .lbu-main .pic{ width:45%;} .lbu-main .pic img{ width:100%; object-fit:cover;} .lbu-main .con{ width:45%;height:20vw; display:table;} .lbu-main .con .d1{ line-height:2; color:#555; font-size:16px;} .lbu-main .con .d2{ color:#555; font-size:24px; margin-top:30px;} .lbu-main .con .d3{ margin-top:20px;} .lbu-main .con .d3 strong{ color:#0068b7; font-size:48px; font-family:Arial, Helvetica, Sans-Serif} .lbu-main .cont{ width:35%; padding-top:3%;} .lbu-main .cont .d1{ font-size:36px; position:relative; padding-bottom:15px;} .lbu-main .cont .d1:after{ content:''; position:absolute; left:0; bottom:0; height:5px; width:50px; background:#0068b7;} .lbu-main .cont .d2{ margin-top:35px; font-size:18px; font-weight:bold; color:#0068b7;} .lbu-main .cont .d3{ font-size:16px; line-height:25px; margin-top:5px;} .lbu-main .img{ width:60%;} .lenma{font-size:36px; z-index:2; padding-bottom:15px;} .lenma:after{ content:''; position:absolute; left:50%; margin-left:-35px; bottom:0; height:5px; width:70px; background:#0068b7;} .lenma02{ color:#e0151b; font-weight:bold;} .lenma02:after{ background:#e0151b; height:5px;} .embuae{display: -webkit-flex; display: flex; margin-top:5%;} .embuae .list{ width:14%; margin-right:0.5%; position:relative; transition:all 0.5s ease;} .embuae .list:last-child{ margin-right:0;} .embuae .list .pictc img{ width:100%; height:615px; object-fit:cover;} .embuae .list .pictc:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;} .embuae .list .monte{ padding:235px 30px 0; color:#fff; position:absolute; width:100%; left:0; top:0; z-index:2; text-align: center;} .embuae .list .monte .s1{ font-size:36px;} .embuae .list .monte .s1 strong{ font-family:Arial, Helvetica, Sans-Serif display:inline-block; vertical-align:middle;} .embuae .list .monte .s1 span{ display:block; vertical-align:middle;} .embuae .list .monte .s2{ font-size:16px; margin-top:35px; line-height:2; opacity:0; transform:translateY(30px); transition:all 0.5s ease;} .enbge img{ max-width:60%;} .flnfe{ background:url(../images/d.png) repeat-y center top; padding-bottom:8%;} .flnfe li{ float:right; padding:35px 200px 35px 40px; border-bottom:1px solid #ddd; width:calc(50% + 1px); position:relative;} .flnfe li:before{ content:''; position:absolute; left:-22px; bottom:-22px; width:44px; height:44px; background:url(../images/re.png);} .flnfe li .cplt .od{ color:#555; position:relative; font-size:16px; line-height:35px; padding-left:15px;} .flnfe li .cplt .od:before{ content:''; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:#0068b7;} .flnfe li .year{font-family:Arial, Helvetica, Sans-Serif ;color:#c1c1c1; line-height:1; font-size:42px; position:absolute; right:0; bottom:35px; font-weight:bold} .meobac{ max-width:900px; margin:5% auto; font-size:16px; line-height:2; color:#555;} .soe-tit{ font-weight:bold; color:#0068b7; font-size:24px;} .ebeopl{ margin-top:4%;display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content:space-between;} .ebeopl li{ width:33.33%; padding:20px 2%; border-right:1px solid #ddd; } .ebeopl li:last-child{ border:none;} .ebeopl li:nth-child(1){ padding-left:0;} .ebeopl li .od{ color:#555; word-break:break-all; position:relative; font-size:16px; line-height:35px; padding-left:15px;} .ebeopl li .od:before{ content:''; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:#0068b7;} .aebunt{ margin-top:4%;} .aebunt li{ width:49%; position:relative; float:left;} .aebunt li:nth-child(2n){ float:right;} .aebunt li .conh{ position:absolute; width:100%; left:0; bottom:0; padding:30px; color:#fff;} .aebunt li .conh .d1{ font-size:24px;} .aebunt li .conh .d2{ font-size:16px; line-height:30px; height:60px; overflow:hidden; margin-top:15px;} .optec{ margin:0 auto; max-width:1200px;} .optec li{ margin-top:4%;} .optec li .picm{ float:left; width:210px; text-align:center;} .optec li .conm{ float:right; width:calc(100% - 260px); color:#555; font-size:16px; line-height:2;} .optec li .conm .vodd{ color:#333; font-size:18px; font-weight:bold; margin-bottom:10px;} .optec li:nth-child(2n) .picm{ float:right;} .optec li:nth-child(2n) .conm{ float:left;} .optec li .conm .scv{ font-size:36px; margin-bottom:20px; position:relative; color:#333; padding-bottom:15px;} .optec li .conm .scv:after{ content:''; position:absolute; left:0; bottom:0; height:5px; width:50px; background:#0068b7;} .lveag li{ float:left; width:33.33%; position:relative;} .lveag li .picq img{ width:100%; height:342px; object-fit:cover;} .lveag li .conq{ position:absolute; z-index:2; opacity:0; transition:all 0.5s ease; color:#fff; left:0; top:0; width:100%; height:342px; display:table; background:rgba(0,0,0,0.6);} .lveag li .conq .d1{ font-size:24px;} .lveag li .conq .d2{ margin:20px 0 5px;} .lveag li .conq .d3{ font-size:16px;} .obebta{ margin-top:5%; position:relative;} .obebta .prev,.obebta .next{ width:30px; height:50px; z-index:3; position:absolute; top:50%; margin-top:-25px; background:no-repeat center center; cursor:pointer;} .obebta .prev{ background-image:url(../images/left02.png); left:-50px;} .obebta .next{ background-image:url(../images/right02.png); right:-50px;} .lfeita{ margin-top:4%;} .lfeita li{ margin-bottom:1.5%; font-size:18px; background:#f9f9f9; padding:0 3%; line-height:85px; position:relative;} .lfeita li:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: #0068b7;} .lfeita li .titleb{ width:calc(100% - 520px); height:85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .lfeita li .albute{} .lfeita li .albute span{ display:inline-block; margin-left:20px; background:no-repeat left center; padding-left:25px;} .lfeita li .albute span.s1{ background-image:url(../images/q1.png);} .lfeita li .albute span.s2{ background-image:url(../images/q2.png);} .lgenma{ background:no-repeat left center; background-size:cover; padding:8% 5%; margin-bottom:8%;} .lgenma .d1{ font-size:36px; position:relative; padding-bottom:15px;} .lgenma .d1:after{ content:''; position:absolute; left:0; bottom:0; height:1px; width:50px; background:#0068b7;} .lgenma .d2{ font-size:16px; line-height:2; margin-top:3%; width:40%;} .lfeba{ margin-top:4%;} .lfeba li{ float:left; width:50%; position:relative;} .lfeba li:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.3);} .lfeba li .dtc img{ width:100%; height:388px; object-fit:cover;} .lfeba li .bon{ position:absolute; z-index:2; color:#fff; left:0; bottom:0; padding:6%; width:100%;} .lfeba li .bon .s1{ font-size:36px;} .lfeba li .bon .s2{ font-size:16px; line-height:30px; height:0; overflow:hidden; margin-top:15px; transition:all 0.5s ease;} .otebna{ margin-top:4%;} .otebna li{ width:49%; float:left;} .otebna li:nth-child(2n){ float:right;} .otebna li .pat01{ overflow:hidden;} .otebna li .pat01 img{ width:100%; height:20vw; object-fit:cover;} .otebna li .pat02{ margin-top:30px; padding:0 20px;} .otebna li .pat02 .d1{ font-size:36px; line-height:50px; height:50px; overflow:hidden;} .otebna li .pat02 .d2{ font-size:16px; color:#555; line-height:30px; overflow:hidden; margin-top:15px;} .untbae{ margin-top:5%;} .untbae li{ width:32%; float:left; margin-right:2%;} .untbae li:nth-child(3n){ margin-right:0;} .untbae li .pat01{ overflow:hidden;} .untbae li .pat01 img{ width:100%; height:15vw; object-fit:cover;} .untbae li .pat02{ margin-top:30px; padding:0 20px;} .untbae li .pat02 .d1{ font-size:36px; line-height:50px; height:50px; overflow:hidden;} .untbae li .pat02 .d2{ font-size:16px; color:#555; line-height:30px; overflow:hidden; margin-top:15px;} .kvyebc{ margin-top:4%;} .kvyebc li{ float:left; width:33.33%; position:relative;} .kvyebc li:before{ content:''; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} .kvyebc li .ond01{ overflow:hidden;} .kvyebc li .ond01 img{ width:100%; height:20vw; object-fit:cover;} .kvyebc li:nth-child(1) .ond01 img{ height:40vw;} .kvyebc li .ond02{ position:absolute; z-index:2; left:0; bottom:0; padding:6%; color:#fff;} .kvyebc li .ond02 .s1{ font-size:36px;} .kvyebc li .ond02 .s2{ font-size:16px; line-height:30px; height:0; overflow:hidden; margin-top:15px; transition:all 0.5s ease;} .lebua{ font-size:24px; margin-top:20px; z-index:2;position: relative;} .omelw{ color:#555; font-size:16px; line-height:2; margin-top:20px;} .obfeua{ margin-top:5%;background: #000;} .obfeua li{ float:left; width:25%; position:relative;} .obfeua li .tit{ position:absolute; left:0; bottom:0; padding:15px; line-height:28px;height:135px; color:#fff; width:100%; font-size:16px; z-index:1;} .oeabu{ margin-top:5%; z-index:2;position: relative;display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between; } .oeabu li{ width:46%; background:rgba(255,255,255,0.85); padding:6%; text-align:center;} .oeabu li .lme02{ margin-top:5%; line-height:30px; font-size:16px; overflow:hidden;} .eobuna{ width:290px; padding-top:25px;} .eobuna .d1{ font-size:36px;padding-bottom: 15px; position:relative;} .eobuna .d1:after{content: ''; position: absolute; left: 0%; bottom: 0; height: 5px; width: 50px; background: #0068b7;} .eobuna .d2{ font-size:24px; margin-top:20px;} .owerba{ width:calc(100% - 340px);display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between;} .owerba li{ width:30%; background:#f9f9f9; padding:6% 0; font-size:16px; line-height:30px; position:relative;} .owerba li .od{ padding:0 15%; position:relative;} .owerba li .od:before{ content:''; position:absolute; left:0; top:10px; width:12px; height:12px; background:#0068b7;} .oeabu02 li{ width:30%; padding:6% 4%;} .leneac{ margin-top:5%;} .leneac li{ width:50%; float:left; position:relative;} .leneac li:before{ content:''; opacity:0.5; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; transition:all 0.5s ease;} .leneac li:nth-child(1):before{ background:#0068b7;} .leneac li:nth-child(2):before{ background:#0034b7;} .leneac li:nth-child(3):before{ background:#e86d00;} .leneac li:nth-child(1){ width:100%;} .leneac li .oba{ position:absolute; width:100%; z-index:2; color:#fff; left:0; bottom:0; padding:3vw 4vw;} .leneac li .oba .d1{ font-size:30px;} .leneac li .oba .d2{ font-size:16px; margin-top:15px; height:0; overflow:hidden; line-height:30px; transition:all 0.5s ease;} .ltebac{ margin-top:5%;} .ltebac .ebu{ width:49%;} .ltebac .ebu img{ height:532px; width:100%; object-fit:cover;} .ltebac .leoic{ width:49%;} .ltebac .leoic li{ height:133px; position: relative; width:100%; display:table; border-bottom:1px solid #ddd; padding:0 20px; transition:all 0.5s ease;} .ltebac .leoic li .tab-cell{ position:relative; z-index:2;} .ltebac .leoic02 li{ height:174px;} .ltebac .leoic li:last-child{ border:none;} .ltebac .leoic li .d1{ font-size:24px; transition:all 0.5s ease;} .ltebac .leoic li .d2{ font-size:16px; line-height:25px; height:0; overflow:hidden; margin-top:0px; transition:all 0.5s ease;} .elteoa span { position: relative; color:#008cde; display: inline-block; line-height: 75px; height: 75px; text-align: center; font-size: 24px; width: 288px; margin:0 6px; cursor:pointer;} .elteoa span:before{ content: ''; background: #e3eff7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(25deg);} .elteoa span i{ position:relative; z-index:2;} .elteoa span.cur{ color:#fff;} .elteoa span.cur:before{ background:#0068b7;} .aeltem{ margin-top:5%;} .aeltem li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;} .aeltem li:nth-child(3n){ margin-right:0;} .aeltem li a{ display:block; background:#fff; color:#333; padding:35px; box-shadow:0 0 3px rgba(0,0,0,0.05); transition:all 0.5s ease;} .aeltem li a .d1{ font-size:24px; line-height:45px; height:45px; overflow:hidden;} .aeltem li a .d1 img{ float:right; margin-left:15px;} .aeltem li a .d2{ color:#0068b7; margin-top:30px;} .aeltem li a .d2 img{ margin-left:12px;} .ptelca{ margin-top:4%; background:#006bbb url(../testimg/t84.jpg) no-repeat center center; background-size:100% 100%;} .ptelca a{ float:left; display:table; position:relative; width:33.33%; color:#fff; height:100px; font-size:30px; cursor:pointer;} .ptelca a.cur:before{ content:''; position:absolute; bottom:0; left:50%; margin-left:-12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #00a0e9;} .lefab{ background:#00a0e9;} .opael{ position:relative; color:#fff; font-size:24px;display: -webkit-flex; display: flex; justify-content:space-between;} .opael:before{ content:''; position:absolute; left:12%; top:5px; height:7px; width:76%; background:#23e6ff;} .opael .list{ position:relative; z-index:2;width:25%;text-align: center; padding-top:26px; background:url(../images/dz.png) no-repeat center top;} .eaplk{ max-width:1200px; margin:5% auto 0;} .mealm{ width:calc(100% - 450px); font-size:16px; line-height:26px;} .mealm .od{ padding-left:25px; margin-bottom:6px; background:no-repeat left 5px;} .olwma a{ position:relative; display:inline-block; line-height:38px; width:100px; text-align:center; margin:0 3px; color:#008cde; transition:all 0.5s ease;} .olwma a:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; transform:skewX(25deg); background:#e3eff7; transition:all 0.5s ease;} .olwma a em{ position:relative; z-index:2;} .lmeabt{ font-size:0;} .lmeabt select{ display:inline-block; margin:0 6px; vertical-align:middle; width:210px; height:36px; border:1px solid #ddd;} .levbac{ display:inline-block; vertical-align:middle; height:36px; width:275px; border:1px solid #ddd; margin:0 6px;} .levbac .c1{ height:34px; border:none; float:left; width:calc(100% - 34px); padding:0 10px;} .levbac .c2{ float:left; width:34px; height:34px; border:none; cursor:pointer; background:url(../images/sc02.png) no-repeat center center;} .lteatc{ margin-top:4%;} .lteatc li{ background:#fbfbfb; padding:20px 30px; margin-bottom:15px;} .lteatc li .od{ font-size:24px; line-height:35px; height:35px; overflow:hidden;} .lteatc li .sc{ line-height:32px; margin-top:10px; font-size:16px; color:#555;} .lteatc li .sc i{ float:right;} .lteatc li .sc span{ margin-right:30px; display:inline-block; padding-left:25px; background:no-repeat left 8px;} .lteatc li .sc span.s1{ background-image:url(../images/z1.png);} .lteatc li .sc span.s2{ background-image:url(../images/z2.png);} .oteanb{ margin-bottom:6%;} .oteanb .qic{ width:53%;} .oteanb .qic img{width:100%; height:21vw;object-fit:cover;} .oteanb .qon{ width:44%; line-height:2; color:#555; font-size:16px;height:21vw; display:table;} .obwuna{display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between; margin-top:5%;} .obwuna li{ width:32%; background:#fff; padding:4% 3%; text-align:center;} .obwuna li .s2{ color:#0068b7; font-size:24px; margin:20px 0 10px;} .obwuna li .s3{ font-size:16px; line-height:2; color:#555;} .obwuna li .ae{ display:inline-block; margin:0 5px; vertical-align:middle; line-height:35px; font-size:16px;} .oaetbuc{ margin-top:5%;} .oaetbuc td{ padding:30px 5px; font-size:16px; line-height:2;} .oaetbuc thead td{ font-size:18px; padding:15px 5px;} .oaetbuc td.tc{ width:380px;} .oaetbuc tbody tr:nth-child(2n),.oaetbuc thead{ background:#e8f5fc;} .oaetbuc td.tc span{ display:block; margin-top:10px;} .oaetbuc td .od{ padding-left:15px; position:relative;} .oaetbuc td .od:before{ content:''; position:absolute; left:0; top:12px; width:6px; height:6px; border-radius:50%; background:#008cde;} .oaetbuc td img{display:block;margin:0 auto; margin-bottom:3px;} .ibeaer{ width:50%;} .ibeaer img{ width:100%; height:700px; object-fit:cover;} .lbunnb{ width:50%; background:#f8f8f8; height:700px; padding:3% 3% 0; font-size:16px;} .lbunnb .list{ margin-bottom:15px;} .lbunnb .list .od{ width:49%;} .lbunnb .list .d1{ color:#555; line-height:30px;} .lbunnb .list .d1 span{ color:#f00; margin-left:5px;} .lbunnb .list .d2{ margin-top:10px;} .lbunnb .list .d2 .c1{ width:100%; height:45px; border:none; padding:0 10px; font-size:16px;} .lbunnb .list .d2 .s1{ float:left; width:50%; height:45px; padding:0 6px; background:#fff; border:none; font-size:16px; color:#555} .lbunnb .list .d2 .s1:nth-child(1){ border-right:1px solid #ccc;} .lbunnb .list .d2 textarea{font-size:16px; border:none; background:#fff; padding:10px; height:100px; width:100%;} .lbunnb .list .c2{ width:120px; height:40px; border:none; cursor:pointer; color:#fff; background:#0068b7; font-size:16px;} .tomebac{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.6);} .ureabc{ background:#fff; position:absolute; left:50%; top:50%; width:730px; transform:translate(-50%,-50%); padding:110px 0;} .ureabc .d2{ line-height:30px; margin-top:30px; font-size:18px; color:#555;} .ureabc .gb{ width:39px; height:39px; cursor:pointer; background:url(../images/x.png) no-repeat center center; background-size:100% 100%; position:absolute; right:0; top:-50px;} .oebunt li{ margin-bottom:20px;} .oebunt li a{ display:block; background:#f9f9f9; padding:30px; line-height:42px; transition:all 0.5s ease;} .oebunt li a .d1{ height:42px; width:calc(100% - 150px); overflow:hidden; padding-left:45px; background:url(../images/pdf.png) no-repeat left center; font-size:18px; color:#333;} .oebunt li a .d2{ color:#0068b7; font-size:18px; padding-left:44px; background:url(../images/dow.png) no-repeat left center;} .ubeean li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; background:#fff;} .ubeean li:nth-child(4n){ margin-right:0;} .ubeean li .bvea{ height:68px; text-align:center; display:table; width:100%;} .ubeean li a{ display:table-cell; vertical-align:middle; font-size:18px; line-height:26px;} .oltebn a.cur{ color:#e0151b;} .oltebn a.cur:after{ background:#e0151b;} .hobeca{ background:#fbfbfb; padding:5% 6%; margin:5% 0 6%; font-size:24px; font-weight:bold; line-height:2;} .hobeca .d2{ margin-top:20px;} .olemge{ background:#f8f8f8; margin:5% 0;} .olemge .d1{ width:46%;} .olemge .d1 img{ width:100%; height:24vw; object-fit:cover;} .olemge .d2{ width:54%; padding:4%; font-size:18px; line-height:40px;height:24vw; display:table;} .olemge .d2 strong{ color:#e1191f; font-size:48px; font-family:Arial, Helvetica, Sans-Serif} .eoigeb{display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between; margin-top:5%;} .eoigeb li{ border-right:2px solid #eee; text-align:center; width:33%;} .eoigeb li:nth-child(3n){ border:none;} .eoigeb li .d2{ font-size:30px; color:#e1191f; margin:20px 0;} .eoigeb li .d3{ font-size:18px; max-width:312px; color:#555; line-height:2; margin:0 auto;} .ubybta{ margin-top:5%;display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between;} .ubybta li{ width:24%; margin-top:42px; background:#fff; position:relative; box-shadow:0 0 12px rgba(0,0,0,0.05);} .ubybta li .d1{ position:absolute; left:50%; top:-42px; transform:translateX(-50%);} .ubybta li .d2{ font-size:18px; line-height:2; padding:70px 40px 40px;} .wall { display: block; position: relative;} .wall-column { display: block; position: relative; margin-right:5%; width: 30%; float: left; } .wall-column .article{margin-bottom:12%; display:block;} .wall-column:nth-child(3n){ margin-right:0;} .wall-column .article .hba{ overflow:hidden;} .wall-column .article .hba img{ transition:all 0.5s ease; width:100%; height:20vw; object-fit:cover;} .wall-column .article .date{ color:#888; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:20px 0;} .wall-column .article .con{ font-size:16px; color:#333; padding-bottom:15px; position:relative;} .wall-column .article .con p{line-height:28px; height:56px;overflow: hidden;} .wall-column .article .con:after{ content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#e0151b; transition:all 0.5s ease;} .wall-column .article .link{margin-top:10px;opacity: 0; transition:all 0.5s ease;} .wall-column .article .link span{ display:inline-block; padding-right:36px; color:#e0151b; background:url(../images/hred.png) no-repeat right center;} .float-sild{ position:fixed; right:0; top:50%; margin-top:-100px; width:45px; z-index:9; visibility:hidden; opacity:0; transition:all 0.5s ease;} .float-sild.on{ visibility: visible; opacity:1; transition:all 0.5s ease;} .float-sild .zlec{ line-height:45px; margin-top:1px;} .float-sild .zlec a{ display:block; width:180px;background-color:rgb(0,0,0,0.7); height:45px; color:#fff; transition:all 0.5s ease;} .float-sild .zlec:hover a{ transform:translateX(-126px); background:#000; transition:all 0.5s ease;} .float-sild .zlec span{ display:inline-block; vertical-align:middle; width:45px; height:45px; background-repeat:no-repeat; background-position:center center;} .float-sild .wslm .s1{ background-image:url(../images/f2.png);} .float-sild .zlec .s2{ background-image:url(../images/f3.png);} .float-sild .zlec .s3{ background-image:url(../images/f4.png);} .go-top{ width:45px; height:45px; margin-top:1px; cursor:pointer; transition:all 0.5s ease; background:rgb(0,0,0,0.7) url(../images/f5.png) no-repeat center center; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .go-top:hover{ background-color:#000; transition:all 0.5s ease;} .wslm{ position:relative;margin-top: 1px; width:45px; height:45px;} .wslm span{ width:45px; height:45px; display:block; background:rgb(0,0,0,0.7) url(../images/f1.png) no-repeat center center; transition:all 0.5s ease;} .wslm:hover span{background-color:#000; transition:all 0.5s ease;} .wslm p{ background:rgb(0,0,0,0.7); color:#fff; line-height:35px; position:absolute; width:170px; padding:10px; right:80px; top:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .wslm:hover p{ right:45px; opacity:1; visibility:visible;transition:all 0.5s ease;} .wslm span.s3{ background-image:url(../images/f4.png);} .wslm p a{display:block; color:#fff; line-height:35px;transition:all 0.5s ease;} .wslm p a:hover{color:#008cde;transition:all 0.5s ease;} .wslm:nth-child(1) span{ border-top-left-radius:3px; border-top-right-radius:3px;} .lebnba{ max-width:1240px; margin:5% auto 0;display: -webkit-flex; display: flex;flex-wrap: wrap;justify-content:space-between;} .slc-01 .list{ line-height:30px; padding:12px 0 12px 70px; background:no-repeat left top; font-size:16px; margin-bottom:40px;} .slc-01 .list a{ display:inline-block; border:1px solid #007ac9; color:#007ac9; background:url(../images/more02.png) no-repeat 110px center; padding:0 45px 0 10px; font-size:16px; margin-left:15px; transition:all 0.5s ease;} #map{ height:500px;} .orebl02 .slv-tit span:before{background:#0068b7;} .polema999 .tv-ons .bd{background: linear-gradient(-115deg,transparent 63px, #0068b7 0);} .dzlmcc{ position:absolute; left:50%; bottom:30px; margin-left:-12px; z-index:2; -moz-animation: mouse2 1.6s ease 0s infinite; -webkit-animation: mouse2 1.6s ease 0s infinite; animation: mouse2 1.6s ease 0s infinite; } @-moz-keyframes mouse2 { 0% { bottom: 30px; } 50% { bottom: 20px; } 100% { bottom: 30px; } } @-webkit-keyframes mouse2 { 0% { bottom: 30px; } 50% { bottom: 20px; } 100% { bottom: 30px; } } @keyframes mouse2 { 0% { bottom: 30px; } 50% { bottom: 20px; } 100% { bottom: 30px; } } .lbnb-01,.lbnb-02{overflow: hidden;} .lbnb-img01,.lbnb-img02{ position:absolute; left:0; bottom:0; width:100%;} .lbnb-01,.lbnb-02{background-attachment: fixed;} @media (min-width: 1201px){ .page-ol a:hover{background-color:#0068b7; color:#fff;} .page-ol a.tb01:hover{ background-image:url(../images/tb01-2.png);} .page-ol a.tb02:hover{ background-image:url(../images/tb02-2.png);} .page-ol a.tb03:hover{ background-image:url(../images/tb03-2.png);} .page-ol a.tb04:hover{ background-image:url(../images/tb04-2.png);} .page-ol a.tb01.noc:hover{ background:url(../images/tb01.png) no-repeat center center;} .page-ol a.tb02.noc:hover{ background:url(../images/tb02.png) no-repeat center center} .page-ol a.tb03.noc:hover{ background:url(../images/tb03.png) no-repeat center center;} .page-ol a.tb04.noc:hover{ background:url(../images/tb04.png) no-repeat center center;} .page-ol02 a.tb01.noc:hover{ background:url(../images/tb01-2.png) no-repeat center center;} .page-ol02 a.tb02.noc:hover{ background:url(../images/tb02-2.png) no-repeat center center} .page-ol02 a.tb03.noc:hover{ background:url(../images/tb03-2.png) no-repeat center center;} .page-ol02 a.tb04.noc:hover{ background:url(../images/tb04-2.png) no-repeat center center;} .top.set{background:#fff;transition:all .3s ease ;} .sct-navc .oecc dd a:hover{opacity:1;} .T-nav > li .thr{transition:all .3s ease .25s;} .oplef li a:hover .pic img,.wall-column .article:hover .hba img,.newlt li a:hover .pic img{ transform: scale(1.05); transition:all 0.5s ease;} .top.on{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} .top.on .T-nav > li > a:after{ background:#0068b7;} .top.on .search-T a{background:url(../images/sc02.png) no-repeat center center;} .top.on .lang-T a{ color:#333;} .top.on .link-T{background:url(../images/tv02.png) no-repeat left center;border-bottom:1px solid #a4a4a4;} .top.on .link-T span{background:url(../images/tv04.png) no-repeat right center;} /*.top.set{ background:#fff;}*/ .top.set .T-nav > li > a{ color:#333;} .top.set .T-nav > li > a:after{ background:#0068b7;} .top.set .search-T a{background:url(../images/sc02.png) no-repeat center center;} .top.set .lang-T a{ color:#333;} .top.set .link-T{background:url(../images/tv02.png) no-repeat left center;border-bottom:1px solid #333;} .top.set .link-T span{background:url(../images/tv04.png) no-repeat right center;} .oplef li a:hover{ box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.1); transition:all 0.5s ease;} .oplef li a:hover:after{ width:100%; transition:all 0.5s ease;} .ac-link a:hover{ background:#00b4ff; border-color:#00dcff; transition:all 0.5s ease;} .orebl01.on{ left:0;transition:all 0.8s ease;} .orebl02.on{ left:25%; width:75%;transition:all 0.8s ease;} .orebl01.on .boutcl{ transform:translate(0px,0px); transition:all 0.5s ease 0.2s;} .orebl.on .apleca{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;} .aconm .list.cur .pic span{ background-color:#00a0e6; background-position:left 100%; transition:all 0.5s ease;} .aconm .list.on .pic span{ background-color:#00a0e6; background-position:left 100%; transition:all 0.5s ease;} .polema-v2 .aconm .list.on .pic span{background-color:#0068b7;} .orebl02 .aconm .list.cur .pic span,.polema999 .aconm .list.cur .pic span{background-color:#0068b7;} .polema-v2 .aconm .list.cur .pic span{background-color:#0068b7;} .aconm .list.cur:before{ content:''; position:absolute; top:0; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #00a0e6;} .polema-v2 .aconm .list.cur:before{border-top:0; border-bottom: 10px solid #0068b7;} .polema999 .aconm .list.cur:before{border-top: 10px solid #0068b7;} .orebl{ background-image:none !important;} .lbonca li a:hover:after{ background:url(../images/tr02.png) no-repeat left center;} .newlt li a:hover .anlt:after{ width:61px;opacity: 1;transition:all 0.2s ease;} .lveag li:hover .conq{ opacity:1; transition:all 0.5s ease;} .lfeba li:hover .bon .s2,.kvyebc li:hover .ond02 .s2{ height:150px; transition:all 0.5s ease;} .vod-olc li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15); transition:all 0.5s ease;} .vod-olc li a:hover .tit:before{ width:100%; left:0; transition:all 0.5s ease;} .loeca li a:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15); transition:all 0.5s ease;} .loeca li a:hover:after{ width:100%; transition:all 0.5s ease;} .loeca li a:hover:before{ opacity:1; transition:all 0.5s ease;} .aconm-s1 .list.cur:before{border-top:none; border-bottom: 10px solid #00a0e6; top:auto; bottom:0;} .aconm-s1 .list.vv:before{display:none;} .polema-v2 .aconm-s2 .list.cur:before{border-bottom:0; border-top: 10px solid #0068b7;} .polema-v2 .aconm-s2 .list.vv:before{display:none;} .otelva li a:hover .pic span,.otelva li a:hover .pic:after{ opacity:1; transition:all 0.5s ease;} .otelva li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15); transition:all 0.5s ease;} .otelva li a:hover .tit{ background:#fff; transition:all 0.5s ease;} .otelva li a:hover .tit:after{ width:100%; transition:all 0.5s ease;} .techno_flipbox:hover .techno_flipbox_font {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);} .techno_flipbox:hover .techno_flipbox_back {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);} .techno_flipbox:hover .pic{} .techno_flipbox:hover .techno_flipbox_back .padlmc{} .embuae .list.on{ width:56.5%; transition:all 0.5s ease;} .embuae .list.on .monte .s2{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.5s;} .embuae .list.on .monte .s1 strong,.embuae .list.on .monte .s1 span{ display:inline-block; margin:0 10px;} .leneac li:hover .oba .d2{ height:120px; transition:all 0.5s ease;} .leneac li:hover:before{ opacity:1; transition:all 0.5s ease;} .ltebac .leoic li:hover .d2{ height:50px; margin-top:15px; transition:all 0.5s ease;} .ltebac .leoic li:hover{ padding:0 40px; transition:all 0.5s ease;} .ltebac .leoic li:before{ content:''; position:absolute; left:0; top:0; height:100%; width:0px; transition:all 0.5s ease;} .ltebac .leoic li:nth-child(2n-1):before{ background:#0068b7;} .ltebac .leoic li:nth-child(2n):before{ background:#00a0e9;} .ltebac .leoic li:hover:before{ width:100%; transition:all 0.5s ease;} .ltebac .leoic li:hover .d1,.ltebac .leoic li:hover .d2{ color:#fff; transition:all 0.5s ease;} .slc-01 .list a:hover{ color:#fff; background:#007ac9 url(../images/more.png) no-repeat 110px center; transition:all 0.5s ease;} .cobten a:hover{ transition:all 0.5s ease; background:#0068b7 url(../images/more.png) no-repeat 160px center; color:#fff;} .aeltem li a:hover{ box-shadow:0px 5px 8px rgba(0,0,0,0.1); transform:translateY(-10px); transition:all 0.5s ease;} .olwma a:hover{ color:#fff; transition:all 0.5s ease;} .olwma a:hover:before{ background:#0068b7; transition:all 0.5s ease;} .oebunt li a:hover{ background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.15); transition:all 0.5s ease;} .wall-column .article:hover .con:after{ width:100%; transition:all 0.5s ease;} .oltebn a:hover{ color:#e0151b;} .acb-more a:hover,.techno_flipbox_back .link span:hover{ color:#fff;background:#0168b7 url(../images/more.png) no-repeat 90% center; transition:all 0.5s ease;} .ind-05 .con .d4 a:hover{ color:#0168b7;background:#fff url(../images/more02.png) no-repeat 90% center; transition:all 0.5s ease;} .wall-column .article:hover .link{ opacity:1; transition:all 0.5s ease;} } @media (max-width: 1690px){ .T-nav{} .T-nav > li{padding:0 10px;} .buaent li .d1{font-size:32px;} } @media (max-width: 1440px){ .T-nav > li{padding:0 6px;} } @media (max-width: 1500px){ .t-logo a{width:200px;} } @media (min-width: 1361px){ .T-nav > li .thr{} .T-nav > li:hover .thr{} .T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:100%; transition:all 0.5s ease;} .top.on .T-nav > li > a{ color:#333;} .top.on .T-nav > li > a.cur,.top.on .T-nav > li:hover > a{ color:#0068b7;} .top.on > li > a:after,.top.on > li > a:after{ background:#0068b7;} .tapoec span:hover{transition: all 0.5s ease;color: rgba(255,255,255,1);} .leobap li .title:hover{transition: all 0.5s ease;background: #fff url(../images/v1.png) no-repeat 97% center;box-shadow: 0 0 10px rgba(0,0,0,0.1)} .leobap li .title.on:hover{background: #0068b7 url(../images/v2.png) no-repeat 97% center;box-shadow: 0 0 10px rgba(0,0,0,0)} .tapoec a:hover { color:rgba(255,255,255,1);transition:all 0.5s ease;} } @media (max-width: 1360px){ .mob-nav{ display:block;} .top{display:block;} .T-nav{ display:none; position:fixed; z-index:15; left:0; top:0; margin:0; padding:4% 0 0; width:100%; height:100%; background: url(../testimg/t16.jpg) no-repeat center center; background-size:cover;} .T-nav > li{ width:33.33%;padding:0; float:left;} .T-nav > li > a{ display:block; text-align:center; padding:5% 0; transition:all 0.5s ease;} .T-nav > li > a:hover{ background:#0068b7; transition:all 0.5s ease;} .T-nav > li .thr{ display:none;} .T-nav .bg{ display:block; position:absolute; right:0; top:0; background:url(../images/icon30.png) no-repeat center center; width:30px; height:30px;} .buaent li .d1{ font-size:28px;} } @media (max-width: 1500px){ .lben-list a{ margin:0 10px;} .lgenma .d1,.lfeba li .bon .s1,.otebna li .pat02 .d1,.untbae li .pat02 .d1,.kvyebc li .ond02 .s1{ font-size:28px;} .obwuna li{ padding:4% 2%;} .obwuna li .ae img{ height:100px;} .oeawlc span{ font-size:16px} .aebunt li .conh .d2{ height:90px;} .scolea .pic { height: 450px; } .lben-list{margin-top:450px;} } @media (max-width: 1200px){ body{ padding-top:50px;} .wall-column .article .link{display:none;} .main{ max-width:788px; margin:0 auto; padding:3% 2%;} .wrap{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;} .top{ padding:0 2%; background:#fff; display:block; top:0; width:100%; left:0; margin-left:0; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; z-index:20;} .top .T-nav > li > a{ color:#555;text-align: left; transition:all 0.5s ease;} .top .T-nav > li.vocc > a{ background:url(../images/aad01.png) no-repeat right center !important;background-size: 10px auto !important;} .top .T-nav > li.vocc > a.on{ background:url(../images/aap01.png) no-repeat right center !important;background-size: 10px auto !important;} .T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0 4%; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;} .T-nav > li{ width:100%; border-bottom:1px solid #eee;} .T-nav li > a{ background:none !important; line-height:45px; padding:0; font-size:16px;} .T-nav > li .thr{ position:relative;opacity: 1;visibility: visible; top:0; left:0; width:100%; padding:0; box-shadow:0 0 0;} .top .search-T a{background:url(../images/sc02.png) no-repeat center center;} .top .lang-T a{ color:#333;} .link-T{ display:none;} .t-logo{ padding:12px 0;} .obeunt{ margin-top:7px;} .mob-nav{ margin:0;} .mob-nav:before{ background:#333 !important;} .mob-nav:after{ background:#333 !important;} .mob-nav span{ background:#333 !important;} .tb-search{ top:50px; padding:5% 3%;} .sh-main .title{ font-size:20px;} .T-nav .bg{ display:none;} .T-nav > li .thr .pic{ display:none;} .T-nav > li .thr .ple{ width:100%; height:auto; padding:0%;} .T-nav > li .thr .ple dl{ padding:10px 3%;} .T-nav > li .thr .ple dt a{ font-size:16px;} .T-nav > li .thr .ple dd a{ margin-right:0px; display:block; font-size:14px; color:#666;} .T-nav > li .thr .rol{ display:none;} .T-nav > li .thr .soe{ width:100%; padding:0; text-align:center; line-height:40px;} .T-nav > li .thr .soe p{ display:block; margin-right:0px; width:100%;} .T-nav > li .thr .soe p a{ display:block;text-align: left; padding:0 3%; font-size:14px; color:#666;} .ind-01,.ind-04{ padding:4% 3%;} .soc-tit em{ font-size:40px;} .soc-tit span{ font-size:24px;} .soc-tit span{ top:25px;} .float-sild{display:none;} .buaent{ padding:0;} .oplef li a .con{ padding:4%;} .oplef li a .con .d2{ font-size:16px;} .sct-navc{} .sct-navc dl{width:100%; padding:5px 0; border-bottom:1px solid rgba(255,255,255,0.3);} .sct-navc .oecc dt{line-height:45px; padding:0; margin:0;background:url(../images/aad02.png) no-repeat 95% center;background-size: 10px auto;font-size: 16px;} .sct-navc .oecc dt.on{opacity: 0.6;background:url(../images/aap02.png) no-repeat 95% center;background-size: 10px auto;} .sct-navc .oecc dd{display:none;} .sct-navc .oecc dt:before{display:none;} .sct-navc .oecc dd a{display:block;} .beuncl{text-align: left; margin-top:20px;} .foot{ padding:0 3%;} .oecab{ padding:15px 0;} .ind-05 .pic img{ height:400px;} .ind-05 .con{ height:400px;} .ind-05 .con .d1{ font-size:24px;} .ind-05 .con .d2{ font-size:20px;} .ind-05 .con .d3{ font-size:14px;} .acbotm{ display:none;} .orebl .boutcl{ position:relative; top:0; bottom:0; padding:4%;} .orebl01{ left:0; padding:0;} .acbotm01{transform: skewX(0deg) translateX(0px);} .acbotm01 .pic-bg{transform: skewX(0deg) translateX(0px);} .orebl02{ position:relative; width:100%; left:0;} .acbotm01 .pic-bg img{ width:100%; height:375px;} .orebl01 .boutcl{ transform: translate(0px,0px);} .orebl .apleca{ opacity:1; transform: translateY(0px);} .tv-ons{ display:none;} .boutcl{ padding:0;} .slv-tit span{ width:240px; line-height:55px; height:55px; font-size:20px;} .slv-tit{ padding:0;text-align: left;} .slv-tit span:before{transform: skewX(0deg);} .aconm{ text-align:center; padding:3%;} .aconm{ height:auto;background: linear-gradient(0deg,transparent 0px, #b3d1e8 0);} .cp-silve{ margin-top:3%;} .acbotm02{ width:100%;transform: skewX(deg) translateX(0%);} .acbotm02 .pic-bg{transform: skewX(deg) translateX(0%);} .orebl02 .boutcl{ left:0; width:100%;} .orebl02 .aconm{ margin:0; width:100%;background: linear-gradient(0deg,transparent 0px, #b3d1e8 0);} .ny-main{ padding:0;} .lben-list{ height:56px; line-height:55px;} .lben-list a{ font-size:15px; margin:0 10px;} .odrel-title{ font-size:18px;} .lbonca li a{ padding-right:0;} .lbonca li a .d1{ font-size:16px;} .lbonca li a .d2{ font-size:14px; line-height:20px; height:40px;} .lbonca li a:after{ display:none;} .ans-main{ padding:4%;} .scolea{top:50px !important;} .lben-list{ line-height:45px; height:auto; padding:0 3%; margin-top:400px;} .lben-list span{ display:block; height:55px; background:url(../images/xx.png) no-repeat right center; text-align:left; font-size:16px;} .lben-list p{ display:none;} .lben-list p a{ display:block; margin:0; font-size:16px; text-align:left;} .lben-list a.cur:after{ display:none;} .newlt li a{ padding-left:400px; padding-right:30px;} .newlt li a .pic{ width:360px;} .newlt li a .date{ display:none;} .newlt li a .anlt{ display:none;} .scolea .pic{ height:400px;} .scolea .con .d1,.pbuena .d1{ font-size:24px;} .scolea .con .d2,.pbuena .d2{ font-size:15px;} .loeca li a:before{ display:none;} .loeca li a{ padding:5%;} .loeca li{ width:49%; margin-right:0;} .loeca li:nth-child(2n){ float:right;} .alc-main .d1{ font-size:18px;} .alc-main .d3{ display:none;} .news-main{ font-size:15px;} .moncba{padding: 4% 180px 4% 4%;} .aconm-s1{ width:100%;} .orebl02 .aconm,.orebl01 .aconm{ padding:0 5%;} .ackout{ padding:4%;} .pbuena{ padding:0;} .tapoec{ padding:0 10px 0 0;} .tapoec span{ width: auto; padding:0 20px; height:50px; line-height:50px; font-size:20px;} .ackout .aconm{ padding:0 3%;} .ammrec{ height:290px;} .zbolct{ display:none;} .xoutac{ padding:0 4%;} .pboeac{ padding:4% 0;} .scb-tit,.lmeuba{ font-size:20px;} .otelva li a .tit{ font-size:14px;} .otelva li a .pic img{ height:12vw;} .oeawlc{ font-size:0; text-align:center;} .oeawlc span{ font-size:14px; font-weight:normal; vertical-align:middle; padding:0 10px;} .pachnt .d1 img{ max-width:90%;} .ad-tioc{ padding:60px 4% 4%;} .lebuea{ height:calc(96vh - 60px);} .ad-tioc .gb{ width:32px; height:32px;} .mbbeua{ padding:0;} .tapoec a{ width: auto; padding:0 20px; height:50px; line-height:50px; font-size:18px; margin:0 2px;} .oleban{ padding:4% 0 0;} .techno_flipbox_font .tit{ font-size:16px;} .dolb-main .cont .d1,.lbu-main .cont .d1,.lenma,.soe-tit,.optec li .conm .scv{ font-size:20px;} .dolb-main,.lbu-main{ padding:4%;} .lbu-main .con .d2{ font-size:20px;} .lbu-main .con .d3 strong{ font-size:30px;} .embuae .list{ width:23.5%; margin-right:2%;} .embuae .list .pictc img{ height:400px;} .embuae .list .monte{ padding-top:100px;} .embuae .list .monte .s1{ font-size:24px;} .embuae .list .monte .s2{ opacity: 1;transform: translateY(0px);} .flnfe li .year{ font-size:32px;} .flnfe li{padding: 35px 140px 35px 40px;} .flnfe li:nth-child(2n){padding: 35px 40px 35px 140px;} .meobac,.optec li .conm,.lgenma .d2,.otebna li .pat02 .d2,.untbae li .pat02 .d2{ font-size:15px;} .aebunt li .conh{ padding:20px;} .aebunt li .conh .d1{ font-size:20px;} .aebunt li .conh .d2{ line-height:25px; font-size:14px; height:50px;} .lveag li .picq img{ height:100%;} .lveag li .conq{opacity: 1; height:100%;} .lveag li .conq .d1,.lveag li .conq .d3{display:none;} .lveag li .conq .d2{margin:0;} .lveag li .conq .d2 img{height:12vw; width:auto;} .lfeita li{ font-size:16px; padding:15px 4%; line-height:55px;} .lfeita li .titleb { line-height:25px; height:auto; padding:7px 0;white-space: inherit; font-size: 15px; width:100%;} .lfeita li .albute{ width:100%; line-height:35px; font-size:15px;} .lfeita li .albute span{ margin:0 10px 0 0;} .obebta .prev, .obebta .next{ width:24px; height:50px; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:#fff;} .obebta .prev{ left:15px;} .obebta .next{ right:15px;} .lgenma .d1,.lfeba li .bon .s1,.otebna li .pat02 .d1,.untbae li .pat02 .d1,.kvyebc li .ond02 .s1{ font-size:20px;} .untbae li .pat02,.otebna li .pat02{ margin-top:15px;} .untbae li .pat02 .d1,.otebna li .pat02 .d1{ line-height:32px; height:32px;} .lfeba li .dtc img{ height:25vw;} .lebua{ font-size:18px;} .omelw{ font-size:15px;} .obfeua li .tit{ font-size:14px;} .eobuna{ padding:0; width:100%;} .eobuna .d1{ font-size:20px;} .eobuna .d2{ font-size:18px;} .owerba{ width:100%; margin-top:5%;} .oeabu li .lme02{ font-size:15px;} .leneac li .oba .d2{ margin:0;font-size:14px; margin-top:10px; line-height:22px;} .leneac li .oba .d1{ font-size:24px;} .ltebac .leoic li{ height:auto !important; padding:4%;} .ltebac .leoic li .d1{ font-size:20px;} .ltebac .leoic li .d2{ height:auto; margin-top:12px; font-size:15px;} .elteoa span { width: auto; padding: 0 20px; height: 50px; line-height: 50px; font-size: 18px; margin: 0 2px;} .aeltem li a .d1{ font-size:18px;} .aeltem li a{ padding:20px;} .aeltem li a .d2{ margin-top:20px;} .mealm{ width:100%; font-size:15px;} .olwma{ width:100%;} .olwma a{ margin-bottom:6px;} .ptelca span{ font-size:20px;} .opael .list{ font-size:18px;} .lmeabt select{ float:left; margin:0; margin-bottom:10px; width:49%;} .lmeabt select:nth-child(2n){ float:right;} .levbac{ width:49%; float:right; margin:0;} .obwuna li .s2{ font-size:20px;} .lbunnb{ font-size:15px;} .oebunt li a{ padding:15px;} .oebunt li a .d1{ width:100%; font-size:15px;} .oebunt li a .d2{ display:none;} .ubeean li a{ font-size:15px;} .hobeca{ font-size:18px;} .hobeca .d2{ margin-top:10px;} .olemge .d2{ font-size:16px;} .eoigeb li .d2{ font-size:20px;} .eoigeb li .d3,.ubybta li .d2{ font-size:16px;} .slc-01 .list{ margin-bottom:10px; font-size:14px;} .slc-01 .list a{ font-size:14px; margin-left:5px; padding:0 40px 0 10px; background-position:100px center;} #map{ height:240px;} .slc-02{ display:none;} .ptelca a{font-size:22px;} .tb-vd{top:50px;} .orebl02 .uncem:nth-child(2) .aconm{width:100%; margin:0;} .techno_flipbox .techno_flipbox_back .padlmc,.lbmert{transform: translateY(0%) translateZ(0px) scale(1);} } @media (max-width: 900px){ .ureabc{ left:2%; width:96%; transform:translate(0,-50%); padding:50px 0;} } @media (min-width: 781px){ .flnfe li:nth-child(n+2){ margin-top:2%;} .flnfe li:nth-child(2n){ float:left; padding:35px 40px 35px 200px;} .flnfe li:nth-child(2n):before{ left:auto; right:-21px;} .flnfe li:nth-child(2n) .year{ right:auto; left:0;} .flnfe li:nth-child(2n) .cplt{ text-align:right;} .flnfe li:nth-child(2n) .cplt .od{ padding:0 15px 0 0;} .flnfe li:nth-child(2n) .cplt .od:before{ left:auto; right:0;} } @media (max-width: 780px){ .wrap{ padding:0 3%;} .ebunta{ display:none;} .news-main .cont img{width:100%;} .buaent li{ width:33%; padding:10px;text-align: left;} .buaent li:nth-child(3){ border:none;} .buaent li:nth-child(n+4){ width:50%;} .buaent li .d1{ font-size:24px;} .oplef{ margin-top:8%;} .oplef li{ width:100%; margin-bottom:15px;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .oplef li a .pic img{ height:50vw;} .aconm .list{ margin:0; padding:15px 0;} .aconm .list .tit{ margin:0; font-size:14px;} .page-ol a.mob-none{ display:none;} .page-ol a.prev,.page-ol a.next{ margin:0 5px;} .year-ch a{ font-size:18px; margin-right:20px;font-family: "Microsoft Yahei","? ? ",sans-serif;display:inline-block;} .year-ch a.cur{ font-size:20px;} .year-ch{ width:100%;} .sear-ch{ float:left;} .vod-olc li{ width:49%; margin-right:0; margin-bottom:2%;} .vod-olc li:nth-child(2n){ float:right;} .vod-olc li a .pic img{ height:30vw;} .vod-olc li a .tit{ padding:0; line-height:45px; height:45px; font-size:14px;} .vod-olc li a .tit span{ display:none;} .vod-olc li a .tit:before{ left:0;} .vod-olc li a .pic:after{ width:36px; height:36px;} .moncba p{ font-size:14px;} .moncba a.back{ display:inline-block; top:0; transform:translateY(0); margin-top:12px; position:relative;} .tapoec span{ font-size:18px; padding:0 15px;} .lvmbec .tit{ font-size:16px; padding:0 15px;} .lvmbec .con{ font-size:14px; padding:0 15px;} .otelva li{ width:49%;} .otelva li:nth-child(2n){ margin-right:0;} .otelva li a .pic img{ height:25vw;} .leobap li .title{ height:55px; line-height:55px; font-size:15px; padding-right:30px;} .leobap li .cont .pic{ width:100%; text-align:center;} .leobap li .cont .con{ width:100%; font-size:14px; margin-top:10px;} .asc-more a{ line-height:50px;} .oleban li{ width:49%; margin-right:0;} .oleban li:nth-child(2n){ float:right;} .techno_flipbox .techno_flipbox_font{ height: auto; padding:25px 15px;} .techno_flipbox_font .pic{ padding:0;} .techno_flipbox_font .tit{ font-weight: normal; line-height:25px; height:75px; font-size:14px;} .dolb-main .cont{ width:100%;} .dolb-main .pic{ width:100%; margin-top:3%;} .dolb-main .cont .d2{ font-size:15px;} .lbu-main .pic{ width:100%;} .lbu-main .con{ width:100%; margin-top:3%;} .lbu-main .con .d1{ font-size:15px;} .lbu-main .cont{ width:100%;} .lbu-main .img{ width:100%; margin-top:3%;} .embuae{flex-wrap:wrap;} .embuae .list{ width:49%; margin-bottom:2%;} .embuae .list:nth-child(2n){ margin-right:0;} .embuae .list .pictc img{ height:240px;} .embuae .list .monte{ padding-top:40px;} .flnfe{ background:none;} .flnfe li{ width:100%; padding:30px 0 !important;} .flnfe li .year{ position:relative; bottom:0; font-size:32px; right:0 !important; left:0 !important;} .flnfe li .cplt{ margin-top:15px;} .flnfe li .cplt .od{ font-size:15px;} .flnfe li:before{ left:0;} .ebeopl li{ width:100%; padding:0; border:none;} .ebeopl li .od{ font-size:15px;} .aebunt li{ width:100%; margin-bottom:2%;} .optec li .picm{ width:100%; text-align:center;} .optec li .conm{ width:100%; margin-top:3%;} .lfeba li .bon{padding:4%;} .lfeba li .bon .s1{ font-size:15px;} .lfeba li .bon .s2{font-size:14px; line-height:20px; height:auto;} .kvyebc li{ width:50%;} .kvyebc li .ond02 .s1{ font-size:15px;} .kvyebc li .ond02 .s2{ margin-top:5px; height:auto;font-size:14px;line-height:20px;} .kvyebc li .ond01 img{ height:30vw;} .kvyebc li:nth-child(1) .ond01 img{ height:60vw;} .obfeua li{ width:50%;} .leneac li .oba .d1{ font-size:18px;} .ltebac .ebu{ width:100%;} .ltebac .ebu img{ height:auto;} .ltebac .leoic{ width:100%;} .ptelca span{ font-size:18px;} .opael .list{ font-size:16px;} .lteatc li{ padding:4%;} .lteatc li .od{ font-size:18px;} .lteatc li .sc{ font-size:15px;} .lteatc li .sc i{ width:100%; float:none;} .lteatc li .sc span{ margin:0; width:100%; display:block;} .oteanb .qic{ width:100%;} .oteanb .qon{ width:100%; margin-top:15px; font-size:15px;} .ibeaer{ width:100%;} .ibeaer img{ height:300px;} .lbunnb{ width:100%; padding:4%; height:auto;} .ureabc .d2{ font-size:15px;} .ubeean li{ width:49%;} .ubeean li:nth-child(2n){ margin-right:0;} .olemge .d1{ width:100%;} .olemge .d2{ width:100%; padding:4%;} .olemge .d2{ font-size:15px; line-height:30px;} .olemge .d2 strong{ font-size:24px;} .eoigeb li .d1 img{ height:40px;} .eoigeb li .d2{ font-size:16px; margin:10px 0;} .eoigeb li .d3{ font-size:14px;} .ubybta li{ width:48%; margin-bottom:4%;} .ubybta li .d2{ padding:60px 20px 20px; font-size:15px;} .buaent li .d1 span{font-family: "Microsoft Yahei","? ? ",sans-serif;} .mob-dbcp{ display:block; position:fixed; z-index:19; width:100%; left:0; bottom:0;} .mob-dbcp .list{ float:left; width:50%; text-align:center; line-height:50px; color:#fff;} .mob-dbcp .list > a{ display:block; color:#fff;} .mob-dbcp .list .lcct{display:none; position:absolute; width:100%; left:0; bottom:50px; background:#666;} .mob-dbcp .list .lcct a{display:block; color:#fff;} .mob-dbcp a img{ margin-right:10px;} .mob-dbcp a.a1{ background:#3378b9;} .mob-dbcp a.a2{ background:#666;} .lorbua{bottom:50px;max-width: 80%;} .foot{padding-bottom:50px;} .lbu-main .pic img,.oteanb .qic img,.olemge .d1 img{height:auto;} .lbu-main .con,.oteanb .qon,.olemge .d2{height:auto;} .gb-ovlc{width:50px; height:50px;} .moncba{padding:4%;} .leneac li{width:100%;margin-bottom:2%;} .leneac li .iba img{ height:180px;width: 100%; object-fit:cover;} .tblmb{display: table;} .page-ol a{width:24px; line-height:24px; height:24px;} } @media (max-width: 640px){ .newlt li{box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom:15px; padding:0;} .newlt li a{ padding:0 0 15px; height:auto;} .newlt li a .pic{ width:100%; position:relative;} .newlt li a .tit{ font-size:16px; padding:10px 15px 0; height:45px;} .newlt li a .anlt{ display:block;position: relative; top:0; left:0; margin-left:15px; margin-top:15px;} .newlt li a .date{display:block; padding:0 15px; margin-top:15px; height:auto; font-size:14px; position:relative; left:0; top:0;} .newlt li a .date strong{ display: inline-block; font-weight:normal; margin-right:10px; font-size:14px;} .newlt li.nopic a .date{ position:absolute; top:10px;} .newlt li.nopic a .date strong{ margin:0;} .newlt li a .pic img{ height:auto;} .newlt li a .con{padding:0 15px; display:none;} .newlt li a .tit{padding:0 15px; margin-top:10px; line-height:25px; height:auto;} .scolea .pic{ height:240px;} .dresl{ font-size:14px; right:3%;} .sear-ch{ width:100%;} .loeca li{ width:100%;} .obebta .prev{ left:0px;} .obebta .next{ right:0px;} .lveag li{ width:100%;} .otebna li,.untbae li{ width:100%;} .otebna li .pat02,.untbae li .pat02{ padding:20px 0; margin:0;} .otebna li .pat01 img,.untbae li .pat01 img{ height:auto;} .oeabu li{ width:100%; margin-bottom:2%;} .owerba li{ width:100%; margin-bottom:2%; font-size:15px;} .aeltem li{ width:100%; margin-right:0;} .obwuna li{ width:100%; margin-bottom:2%;} .obwuna li .s2{ font-size:18px;} .oaetbuc td.tc{ width:130px;} .oaetbuc td{ font-size:15px;} .opael:before{ left:38px; width: calc(100% - 76px);} .opael .list{ font-size:14px;} .ptelca span{ font-size:16px; height:70px;} .lben-list{margin-top:240px;} .ind-05 .con{ padding:0 7%; width:100%;background: linear-gradient(-75deg,transparent 0px, rgba(1,104,183,0.75) 0);} .bopaec{padding:0;} .tapoec{text-align: left; margin-top:30px;font-size:0px;padding:0;} .tapoec span{margin:0 10px 0 0; font-size:16px; width:49%; margin:0 0.5%; padding:0;} .tapoec span:before{transform: skewX(0deg);} .eobuna .d1,.lbu-main .cont .d1,.optec li .conm .scv,.eobuna .d2{text-align: center;} .eobuna .d1:after,.lbu-main .cont .d1:after,.optec li .conm .scv:after{ left:50%; margin-left:-25px;} .lveag li .conq{ opacity: 1; display:table;height:36vh;} .lveag li .picq img{height:36vh;} .lveag li .conq .d1{font-size:18px;} .lveag li .conq .d2 img{width:100px; height:100px;} .elteoa span:before,.olwma a:before{transform: skewX(0deg);} .olwma a{width:105px;} .ptelca a{font-size:18px; padding:0 15px;} .beuncl{width:100%;} .beuncl .d1{float:right; width:calc(100% - 145px);margin-top: 30px;} .beuncl .d2{float:right; width:calc(100% - 145px);} .tapoec{font-size:0;} .tapoec a:before{transform: skewX(0deg);} .tapoec a{width:49%; margin:0 0.5%;font-size: 18px; padding:0;} .drlbo{width:100%;text-align: left;} .lveag li .conq .d1,.lveag li .conq .d3{display:block;} .lveag li .conq .d2{margin:18px 0;} .lveag li .conq .d2 img{height:25vw; width:auto;} .obfeua{background:none;} .obfeua li,.lfeba li{width:100%; margin-bottom:10px;} .obfeua li .tit{height:auto;} .lfeba li .dtc img{height:50vw;} .lfeba li .bon .s1,.kvyebc li .ond02 .s1{ font-size:18px;} .kvyebc li{width:100%; margin-bottom:2%;} .kvyebc li .ond01 img{height:60vw;} .kvyebc li:nth-child(1) .ond01 img {height: 100vw;} .oplef li a .con .d3{display:none;} .oplef li a .con .d2{height:auto;} .oeawlc span:before{transform: skewX(0);} .oeawlc span{height:45px;} .aebunt li .conh .d2{height:75px;} .loeca li a .d2{line-height:25px; height:auto;white-space: inherit;} .embuae .list{width:100%; margin-right:0;} .embuae .list .pictc img{height:360px;} .leneac li .oba .d2{display:none;} } @media (max-width: 520px){ .lgenma .d2{width:100%;} } .shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; } .big-video { position: fixed; left: 50%; top: 50%; margin-top:-240px; z-index: 22; display: none; margin-left: -450px; background-color: #fff; width: 900px; box-sizing: border-box; } .big-video-main { height: 480px; } .big-video-clo { position: absolute; right: -35px; top: 0; width: 30px; height: 30px; background: url(../images/icon30.png) no-repeat center center; cursor: pointer; } @media screen and (max-width: 750px){ .big-video { width: 100%; left: 0; margin-left: 0; } .big-video-main { height: 185px; } .big-video-clo { right: 0; z-index: 21; top:-35px; } } @media (max-width: 640px) { .wall-column { width: 100%; margin-right:0; } .wall-column .article .hba img{height:55vw;} } @media (max-width: 480px) { .wall-column { width: auto; float: none; } }