@media (min-width: 1280px) { .container { width: 1200px; padding-left: 0; padding-right: 0; } } .container { padding-left: 15px; padding-right: 15px; } /*nav-start*/ .nav_bg_swwls{min-height:180px;border-radius:0px;position: relative;margin-bottom:55px;} /* header navbar */ .nav_bar_swwls{height:160px;background: url(bg_wsws_2019.png) no-repeat center top;/*! background-size: 100% 100%ï¼›; *//*! background-size: 100% 100%; */} .nav_bar_swwls .navbar-brand {margin-top:25px;} .nav_bar_swwls .navbar-brand img{width:100%;max-width:674px;min-width:187px;} .nav_bar_swwls .breadcrumb{padding:10px 0px 0px 10px;background:transparent;color:#666666;border-radius: 0px;} .nav_bar_swwls .breadcrumb li a{color:#666666;font-size:12px;/* margin-left: 8px; */} .nav_bar_swwls .breadcrumb>li+li:before{color:#666666;content: inherit;padding: 0;} .nav_bar_swwls .breadcrumb li a:hover{color:#b12424;} @media screen and (max-width: 1100px){ .nav_bar_swwls .breadcrumb>li+li:before{padding:0px 1px;} } @media (max-width: 992px) { .nav_bar_swwls{height:165px;} .nav_bar_swwls .app_navbar_swwls{margin-top:5px;} .nav_bar_swwls .appbtn_group_swwls{padding-right:15px;} .nav_bar_swwls .appbtn_group_swwls button{background:#5c8be3;margin-top:0px;} .nav_bar_swwls .appbtn_group_swwls .fa-share-alt{color:#fff;} .nav_bar_swwls .app_dropdown_menu_swwls{background:#5c8be3;} .nav_bar_swwls .app_breadcrumb_swwls{margin-bottom:0px;padding-bottom:0px;} .nav_bar_swwls .app_breadcrumb_swwls>li{width:100%;padding-bottom:10px;} .nav_bar_swwls .app_breadcrumb_swwls>li+li:before{color:#666666;content:"";float:left;padding:0px;} .nav_bar_swwls .navbar-brand{padding:5px 0px;margin-top:20px;} } @media (max-width: 768px) { .nav_bar_swwls .navbar-brand{padding-left:15px;padding-right:0px;margin-top: 5px;} .nav_bar_swwls .breadcrumb li a{color:#fff;font-size:12px;} } @media (max-width: 480px) { .nav_bar_swwls{height:105px;background: none;} } .nav_bar_swwls .navbar-form{padding:0px;margin:0px;margin-left:15px;} .nav_bar_swwls .navbar-form .form-group{ background:#ebf2fc; border-radius:25px; padding:0px 10px; } .nav_bar_swwls .navbar-form .form-group .form-control{ -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-shadow: inset 0 0px 0px rgba(0,0,0,0); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; color:#999; } .nav_bar_swwls .navbar-form .form-group input::-webkit-input-placeholder{ color:#999; } .nav_bar_swwls .navbar-form .form-group input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } .nav_bar_swwls .navbar-form .form-group input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } .nav_bar_swwls .navbar-form .form-group input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } .nav_bar_swwls .navbar-form .form-group input,.navbar-form .form-group input[type="button"]{background:none;border:none;} .navbar-form .form-group input[type="button"]{background:url(swwls_search_btn.png) left 3px no-repeat;height:25px;} @media screen and (max-width: 1100px){ .nav_bar_swwls .navbar-form .form-group .form-control{padding:0px;} } @media (max-width: 768px) { .nav_bar_swwls .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .nav_bar_swwls .navbar-form{padding:0px;margin:0px;margin-left:30px;} } /* navbar */ .nav_swwls{border-top:2px solid #055dbf;background:#055dbf;border-radius:0px;min-height:30px;line-height:30px;padding:0px 0;} .navbar-header span{color:#fff;font-size:16px;line-height:50px;} .navbar-toggle{margin-top:8px;} .nav_main_swwls .navbar-nav > li { float: none; } .nav_main_swwls .navbar-nav > li > a:before{float:left;display:block;color:#678dc2;content:"\007C";} .nav_main_swwls .navbar-nav > li:first-child > a:before{content:"";} @media (max-width: 768px) { .nav_swwls{min-height:30px;line-height:30px;} } @media (max-width: 585px) { .nav_bar_swwls .navbar-brand img{margin-top:0px;} .navbar-header span{line-height:42px;} .navbar-toggle{margin-top:4px;} .nav_bg_swwls{min-height:120px;background-size:100% 170px;} } .nav_main_swwls { border-bottom: 0; } .nav_main_swwls .navbar-nav > li { display: table-cell; width: 1%; } .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav> li > a{ color:#fff; font-size:18px; white-space:nowrap; border-top:1px solid transparent; border-bottom:1px solid transparent; text-align: center; padding:15px 0px; margin:0px; } .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav> li > a:hover, .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav> li > a.active{ background:#c5392d; } .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav> li:hover a:before{ color:#c5392d; } .nav_swwls .nav_main_swwls .wid_gzdhs{width:1.5%;} .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; background: #fff; border-radius: 1px; } .navbar-collapse { border-top: 0px solid transparent; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0); box-shadow: inset 0 0px 0 rgba(255,255,255,0); } .nav_main_swwls ul li.open > a{ background:#b93127; } /* nav 2 */ .navbar-nav_swwls ul.navbar-nav li.open > a.dropdown-toggle{ background: #b93127; color:#fff; } .nav_swwls .nav_main_swwls .dropdown-menu { min-width: 151px; border-radius: 0px; background:#68a0df; } .nav_swwls .nav_main_swwls .dropdown-menu li a{color:#444;padding:10px 20px;-webkit-transition: none; font-size:16px; text-align:center; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; border-bottom:1px solid #eee; } .nav_swwls .nav_main_swwls .dropdown-menu li:last-child a{border-bottom:0px;} .nav_swwls .nav_main_swwls .dropdown-menu li a:hover{ color:#fff; background:#375da3; } .navbar-nav_swwls .dropdown-toggle{position: relative;} .navbar-nav_swwls .dropdown-toggle i.fa-angle-right{position: absolute;right:10px;top:10px;color:#333;font-size:20px;} .navbar-nav_swwls .dropdown .dropdown-toggle i{display:none;} .navbar-nav_swwls .dropdown.open .dropdown-toggle i{display:block;} .menu_tree{top:-4px!important;left:100%!important;} .navbar-nav_swwls ul.navbar-nav li.open > a.dropdown-toggle i{color:#fff;} @media (max-width: 992px) { .nav_swwls .nav_main_swwls .dropdown-menu { min-width: 130px;} .nav_swwls .nav_main_swwls .dropdown-menu > li >a{font-size:13px;} .navbar-nav_swwls .dropdown-toggle i.fa-caret-up{position: absolute;color:#e2edff;font-size:20px;bottom:-7px;left:40%;} } .navbar-nav_swwls ul.navbar-nav .dropdown-menu li.open > a.dropdown-toggle{ color:#fff; background:#375da3; } @media (max-width: 1200px) { .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav > li > a{color:#fff;font-size:18px;white-space:nowrap;} } @media (max-width: 992px) { .nav_swwls .nav_main_swwls .navbar-nav_swwls .navbar-nav > li > a{color:#fff;font-size:14px;white-space:nowrap;} } @media (max-width: 768px) { .nav_swwls .nav_main_swwls .navbar-nav_swwls li > a{color:#fff;font-size:18px!important;white-space:nowrap;} .nav_main_swwls .navbar-nav > li > a { margin-bottom: 5px; text-align: left; border-bottom:1px solid #fff; } .nav_main_swwls .navbar-nav > li > a:hover { border-bottom:1px solid #fff; } .nav_main_swwls .navbar-nav > li { float:left; width:100%; } .nav_swwls .navbar-header{margin:0px;padding-left:15px;} .navbar-nav_swwls .dropdown-toggle i.fa-angle-right{color:#fff;} .menu_tree a{color:#d3e1eb!important;} .nav_swwls .nav_main_swwls .dropdown-menu li a{border-bottom:0px solid red;} } /*nav end */ /*foot start*/ .footer_swwls{background:#3885db;padding:25px 0 25px 15px;} .footer_img_swwls a img{width:100%;max-width:245px;margin-top:15px;margin-left:18px;} .footer_cont_swwls{font-size:14px;line-height:24px;color:#fff;margin-top:15px;} .sydw_logo{text-align:right;} @media (max-width: 768px) { .footer_cont_swwls{font-size:14px;text-align:center;line-height:24px;color:#fff;margin-top:20px;} .app_row{margin:0px;} } .cas_logo img{width:100%;max-width:245px;} .gjdw_logo img{width:100%;max-width:56px;margin-top:20px;} @media (max-width: 768px) { .cas_logo img{width:100%;max-width:245px;} .gjdw_logo img{width:100%;max-width:42px;margin-top:10px;} .mobile_content{padding-left: 15px;padding-right: 15px;} } @media (max-width: 480px) { .gjdw_logo img{width:100%;max-width:45px;margin-top:5px;} .mobile_content{padding-left: 15px;padding-right: 15px;} } /*foot end*/ /*-------------------------------- font -------------------------------------*/ .h16 { font-size: 16px; } .h18 { font-size: 18px; } .h20 { font-size: 20px; } .h22 { font-size: 22px; } .h24 { font-size: 24px; } .h26 { font-size: 26px; } .h28 { font-size: 28px; } .h30 { font-size: 30px; } .h32 { font-size: 32px; } .h34 { font-size: 34px; } .h36 { font-size: 36px; } .h38 { font-size: 38px; } .h40 { font-size: 40px; } @media (max-width: 1199px) { .h28 { font-size: 24px; } .h24 { font-size: 18px; } .h18 { font-size: 15px; } } @media (max-width: 991px) { .h16 { font-size: 14px; } .h20 { font-size: 18px; } .h24 { font-size: 16px; } } @media (max-width: 768px) { .h28 { font-size: 22px; } } .middle-box { font-size: 0; letter-spacing: -1.5em; } .middle-box:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .middle-cont { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0; } /*index*/ .new-index-banner { margin-bottom: 35px; } .new-index-banner .banner-box { position: relative; } .new-index-banner .banner-box img { display: block; width: 100%; margin: 0 auto; } .new-index-banner .banner-box .banner-title { position: absolute; bottom: 25px; left: 0; right: 0; transform: translateY(200px); opacity: 0; transition: all 0.7s; } .new-index-banner .banner-box .banner-title a { display: block; background-color: rgba(11, 68, 142, 0.65); position: relative; color: #ffffff; font-weight: bold; padding: 20px; max-width: 580px; } .new-index-banner .banner-box .banner-title a:after { content: ''; position: absolute; left: 0; top: 50%; height: 40px; margin-top: -20px; width: 5px; background-color: rgba(255, 255, 255, 0.8); } .new-index-banner .ani-slide .banner-box .banner-title { transform: translateY(0); opacity: 1; } .new-index-banner .banner-page { bottom: 20px; right: 20px; left: auto; width: auto; } .new-index-banner .banner-page .swiper-pagination-bullet { width: 14px; height: 14px; background-color: #ffffff; opacity: 1; transition: all 0.7s; border-radius: 7px; margin-left: 5px; } .new-index-banner .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 50px; background-color: #055dbf; } .public-wrap { padding-top: 50px; padding-bottom: 50px; } .new-public-title { overflow: hidden; margin-bottom: 15px; } .new-public-title .title-wrap { padding-right: 10px; line-height: 30px; color: #404040; position: relative; z-index: 9; float: left; } .new-public-title .title-wrap:after { content: ''; height: 1px; background-color: #c5d1e1; opacity: 0.7; position: absolute; width: 1000px; right: -1000px; top: 15px; } .new-public-title .title-line { padding-left: 8px; padding-right: 8px; } .new-public-title .title-name { color: #404040; font-weight: 600; } .new-public-title .title-more { color: #404040; } .new-public-title .title-more:hover { color: #1958af; } .mod-wrap { margin-bottom: 35px; } .main-cont-wrap-01 { background: url(01b.png) no-repeat right bottom #fff; padding-top: 20px; } .main-cont-wrap-02 { background: url(02b.png) no-repeat left bottom #f0f1f5; } .main-cont-wrap-03 { background: url(03b.png) no-repeat right bottom #fff; padding-bottom: 30px; } .new-index-01 .box-s .box-img { height: 227px; position: relative; overflow: hidden; } .new-index-01 .box-s .box-img img { display: block; width: 100%; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } .new-index-01 .box-s .box-title { display: block; position: relative; padding: 15px 115px 15px 15px; background-color: #f0f1f5; } .new-index-01 .box-s .box-title span.title-s { line-height: 24px; color: #404040; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new-index-01 .box-s .box-title span.date-s { position: absolute; right: 15px; top: 15px; color: #1958af; } .new-index-02 .main-cont { line-height: 28px; color: #4d4d4d; text-align: justify; overflow: hidden; height: 308px; position: relative; } .new-index-03 .news-list { height: 308px; } .new-index-03 .box-s { position: relative; padding-left: 12px; line-height: 22px; min-height: 22px; border-bottom: 1px solid #d6dfea; padding-bottom: 8px; } .new-index-03 .box-s:after { content: ''; position: absolute; left: 0; top: 9px; background: url(icon-01.png) no-repeat; width: 7px; height: 7px; } .new-index-03 .box-s a { color: #404040; } .new-index-03 .box-s span { color: #1958af; } .new-index-03 .box-s:hover a { color: #1958af; } .new-index-04 .main-cont { background-color: #055dbf; min-height: 390px; border-radius: 5px; padding: 20px; } .new-index-04 .main-cont .row { margin-left: -5px; margin-right: -5px; } .new-index-04 .main-cont .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-04 .box-s { margin-top: 5px; margin-bottom: 5px; } .new-index-04 .box-s a { display: block; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 0 0 1px transparent; transition: all 0.5s; position: relative; z-index: 1; border-radius: 5px; } .new-index-04 .box-s a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; z-index: -1; background: #3d6cbd; -webkit-transition: -webkit-transform 0.5s, opacity 0.6s; -moz-transition: -moz-transform 0.5s, opacity 0.6s; transition: transform 0.5s, opacity 0.6s; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); opacity: 0; border-radius: 5px; } /* .new-index-04 .box-s a:hover { box-shadow: 0 0 0 1px #3d6cbd; } */ .new-index-04 .box-s a:hover > span.icon-s img.icon-d { /* display: none; */ } .new-index-04 .box-s a:hover > span.icon-s img.icon-h { display: block; } /* .new-index-04 .box-s a:hover > span.title-s { color: #fff; } */ .new-index-04 .box-s a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } .new-index-04 .box-s span { display: block; } .new-index-04 .box-s span.icon-s { height: 55px; width: 55px; position: relative; margin: 0 auto; background: #1c5ab0; border-radius: 50%; transition:background .2s; } .new-index-04 .box-s:hover span.icon-s{ background: #c52e35; transition:background .2s; } .new-index-04 .box-s span.icon-s img { display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-index-04 .box-s span.icon-s img.icon-h { display: none; } .new-index-04 .box-s span.title-s { text-align: center; color: #404040; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; } .new-index-05 { margin-bottom: 20px; } .new-index-05 .main-cont { height: 360px; background-color: #ffffff; box-shadow: 0px 0px 10px 0 rgba(89, 100, 138, 0.3); border-radius: 5px; position: relative; padding-left: 200px; } .new-index-05 .main-cont .box-info { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; background-position: top center; background-size: cover; background-repeat: no-repeat; } .new-index-05 .main-cont .box-info .box-mc { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 15px; text-align: center; color: #fff; background-color: rgba(15, 85, 165, 0.85); transition: all 0.3s; } .new-index-05 .main-cont .box-info .box-title { margin-bottom: 15px; } .new-index-05 .main-cont .box-info .box-txt { min-height: 96px; margin-bottom: 5px; } .new-index-05 .main-cont .box-info .box-more { width: 94px; height: 34px; line-height: 32px; text-align: center; color: #fff; display: block; margin: 0 auto; border: solid 1px rgba(255, 255, 255, 0.7); } .new-index-05 .main-cont .box-groups { padding: 15px; } .new-index-05 .main-cont .box-groups .row { margin-left: -5px; margin-right: -5px; } .new-index-05 .main-cont .box-groups .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-05 .main-cont .box-groups .box-s { margin-top: 5px; margin-bottom: 5px; } .new-index-05 .main-cont .box-groups .box-s a { display: block; padding: 8px 2px; position: relative; border-radius: 5px; z-index: 1; } /* .new-index-05 .main-cont .box-groups .box-s a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #0ba8b5; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.5s, opacity 0.5s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.5s, opacity 0.5s; transform: scale(0.8); opacity: 0; border-radius: 5px; } */ .new-index-05 .main-cont .box-groups .box-s a:hover { /* background: #0ba8b5; */ color: #41ab6b; } /* .new-index-05 .main-cont .box-groups .box-s a:hover span.icon-s img.icon-d { display: none; } */ .new-index-05 .main-cont .box-groups .box-s a:hover span.icon-s img.icon-h { display: block; } /* .new-index-05 .main-cont .box-groups .box-s a:hover span.title-s { color: #fff; } */ .new-index-05 .main-cont .box-groups .box-s a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .new-index-05 .main-cont .box-groups .box-s span { display: block; } .new-index-05 .main-cont .box-groups .box-s span.icon-s { height: 55px; width: 55px; position: relative; margin: 0 auto; border-radius: 50%; border: 1px solid #0ba8b5; margin-bottom: 7px; background:#f5f9ff; } .new-index-05 .main-cont .box-groups .box-s:hover span.icon-s{ background:#c1e8eb; } .new-index-05 .main-cont .box-groups .box-s span.icon-s img { display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-index-05 .main-cont .box-groups .box-s span.icon-s img.icon-h { display: none; } .new-index-05 .main-cont .box-groups .box-s span.title-s { text-align: center; color: #404040; font-size: 18px; } .new-index-05 .main-cont:hover .box-info .box-mc { background-color: rgba(197, 46, 53, 0.85); } .new-index-06 .main-cont .row { margin-left: -10px; margin-right: -10px; } .new-index-06 .main-cont .row .box-w { padding-left: 10px; padding-right: 10px; } .new-index-06 .box-s { height: 120px; background-color: #f0f1f5; border-radius: 5px; margin-bottom: 20px; display: block; transition: all 0.7s; } .new-index-06 .box-s span { display: inline-block; vertical-align: middle; } .new-index-06 .box-s .icon-s { margin-right: 10px; margin-left: 10px; } .new-index-06 .box-s .icon-s img { display: block; max-width: 100%; } .new-index-06 .box-s .title-s { font-size: 12px; } .new-index-06 .box-s .title-s em { display: block; font-style: normal; } .new-index-06 .box-s:hover { background-color: #055dbf; } .new-index-06 .box-s:hover .title-s { color: #fff; } .new-index-07 .main-cont .row { margin-left: -10px; margin-right: -10px; } .new-index-07 .main-cont .row .box-w { padding-left: 10px; padding-right: 10px; } .new-index-07 .main-cont .box-s { display: block; margin-bottom: 18px; background: url(img-04.png) no-repeat top center; background-size: cover; height: 75px; line-height: 75px; border-radius: 5px; padding-left: 25px; overflow: hidden; position: relative; transition: all 0.5s; } .new-index-07 .main-cont .box-s:hover { box-shadow: 0 0 10px rgba(23, 119, 106, 0.8); } .new-index-07 .main-cont .box-s:hover .icon-s img { transform: scale(1.1); } .new-index-07 .main-cont .box-s .icon-s { position: absolute; right: 20px; bottom: 0; width: 20%; } .new-index-07 .main-cont .box-s .icon-s img { display: block; max-width: 100%; transition: all 0.5s; } .new-index-07 .main-cont .box-s .title-s { position: relative; display: inline-block; line-height: 21px; color: #fff; padding-left: 10px; font-size: 16px; } .new-index-07 .main-cont .box-s .title-s:after { content: ''; position: absolute; width: 4px; height: 18px; background-color: #ffffff; top: 50%; left: 0; margin-top: -9px; } .new-index-08 { background-color: #f0f1f5; } .new-index-08 .main-cont { position: relative; padding-right: 320px; min-height: 206px; } .new-index-08 .cont-groups .row { margin-left: -7px; margin-right: -7px; } .new-index-08 .cont-groups .row .box-w { padding-left: 7px; padding-right: 7px; } .new-index-08 .cont-groups .box-s { margin-bottom: 14px; height: 70px; position: relative; overflow: hidden; } .new-index-08 .cont-groups .box-s img { transition: all 0.7s; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .new-index-08 .cont-groups .box-s:hover img { transform: scale(1.1); } .new-index-08 .cont-erwm { width: 290px; border-left: 1px solid #d2dbe7; text-align: center; position: absolute; right: 0; top: 0; } .new-index-08 .cont-erwm .box-img { margin-bottom: 10px; } .new-index-08 .cont-erwm .box-img img { display: block; margin: 0 auto; } .new-index-08 .cont-erwm .box-title { line-height: 30px; color: #404040; } .box-line { position: relative; /*width: 100px;*/ /*height: 100px;*/ } .box-line:before, .box-line:after { content: ""; display: block; width: 0; height: 0; border: 1px solid transparent; box-sizing: border-box; position: absolute; } .box-line:before { top: 0; left: 0; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; } .box-line:after { right: 0; bottom: 0; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; } .box-line:hover:before { width: 100%; height: 100%; transition: width 0.2s ease-in, height 0.2s ease-in 0.2s; border-top-color: #3d6cbd; border-right-color: #3d6cbd; } .box-line:hover:after { width: 100%; height: 100%; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.4s, height 0.3s ease-in 0.6s; border-bottom-color: #3d6cbd; border-left-color: #3d6cbd; } @media (max-width: 1199px) { .new-index-05 .main-cont { padding-left: 160px; } .new-index-05 .main-cont .box-info { width: 160px; } .new-index-06 .main-cont .row { margin-left: -5px; margin-right: -5px; } .new-index-06 .main-cont .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-06 .box-s { margin-bottom: 10px; } .new-index-06 .box-s .icon-s { max-width: 40px; margin-right: 3px; margin-left: 8px; } .new-index-07 .main-cont .row { margin-left: -6px; margin-right: -6px; } .new-index-07 .main-cont .row .box-w { padding-left: 6px; padding-right: 6px; } .new-index-07 .main-cont .box-s { margin-bottom: 12px; } } @media (max-width: 991px) { /*index*/ .new-index-banner { margin-bottom: 20px; } .public-wrap { padding-top: 30px; padding-bottom: 30px; } .mod-wrap { margin-bottom: 20px; } .new-index-04 .main-cont { min-height: 335px; padding: 10px; } .new-index-04 .main-cont .row { margin-left: -5px; margin-right: -5px; } .new-index-04 .main-cont .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-04 .box-s { margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; } .new-index-04 .box-s a { display: block; } .new-index-04 .box-s span { display: block; } .new-index-04 .box-s span.icon-s { height: 55px; position: relative; } .new-index-04 .box-s span.icon-s img { display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-index-04 .box-s span.title-s { text-align: center; color: #404040; } .new-index-08 .main-cont { padding-right: 200px; min-height: 180px; } .new-index-08 .cont-groups .box-s { margin-bottom: 14px; height: 44px; } .new-index-08 .cont-erwm { width: 180px; padding-left: 10px; } .new-index-08 .cont-erwm .box-img img { max-width: 110px; } .new-index-08 .cont-erwm .box-title { line-height: 20px; } } @media (max-width: 768px) { .new-index-banner .banner-box .banner-title { bottom: 10px; transform: translateY(150px); } .new-index-banner .banner-box .banner-title a { padding: 5px 10px; max-width: 260px; font-size: 14px; line-height: 1.4; } .new-index-banner .banner-box .banner-title a:after { width: 2px; } .new-index-banner .ani-slide .banner-box .banner-title { transform: translateY(0); opacity: 1; } .new-index-banner .banner-page { bottom: 10px; right: 15px; left: auto; width: auto; } .new-index-banner .banner-page .swiper-pagination-bullet { width: 8px; height: 8px; margin-left: 3px; } .new-index-banner .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; } .new-index-01 { margin-bottom: 20px; } .new-index-02 { margin-bottom: 20px; } .new-index-03 .news-list { height: 308px; } .new-index-03 .box-s { position: relative; padding-left: 12px; line-height: 22px; min-height: 22px; border-bottom: 1px solid #d6dfea; padding-bottom: 8px; } .new-index-03 .box-s:after { content: ''; position: absolute; left: 0; top: 9px; background: url(icon-01.png) no-repeat; width: 7px; height: 7px; } .new-index-03 .box-s a { color: #404040; } .new-index-03 .box-s span { color: #1958af; } .new-index-03 .box-s:hover a { color: #1958af; } .new-index-04 { margin-bottom: 20px; } .new-index-05 .main-cont { height: auto; padding-left: 0; } .new-index-05 .main-cont .box-info { position: relative; width: 100%; min-height: 180px; } .new-index-05 .main-cont .box-info .box-mc { padding: 15px; } .new-index-05 .main-cont .box-info .box-title { margin-bottom: 15px; } .new-index-05 .main-cont .box-info .box-txt { min-height: auto; margin-bottom: 15px; } .new-index-05 .main-cont .box-groups { padding: 10px; } .new-index-06 { margin-bottom: 15px; } .new-index-06 .box-s { height: 80px; margin-bottom: 15px; } .new-index-07 .main-cont .row { margin-left: -5px; margin-right: -5px; } .new-index-07 .main-cont .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-07 .main-cont .box-s { margin-bottom: 10px; background: url(img-04.png) no-repeat top center; background-size: cover; height: 60px; line-height: 60px; padding-left: 10px; } .new-index-08 .main-cont { position: relative; padding-right: 0; } .new-index-08 .cont-groups { margin-bottom: 20px; } .new-index-08 .cont-groups .row { margin-left: -5px; margin-right: -5px; } .new-index-08 .cont-groups .row .box-w { padding-left: 5px; padding-right: 5px; } .new-index-08 .cont-groups .box-s { margin-bottom: 10px; height: 54px; } .new-index-08 .cont-erwm { width: 100%; border-left: none; position: static; right: 0; top: 0; } .new-index-08 .cont-erwm .box-img { margin-bottom: 10px; } .new-index-08 .cont-erwm .box-img img { display: block; margin: 0 auto; } .new-index-08 .cont-erwm .box-title { line-height: 30px; color: #404040; } } /*# sourceMappingURL=index-new.css.map */