/* 제주특별자치도 서귀포시 지역사회통합형의료안전망 */ /*팝업*/ .main-pop {position: absolute; top: 180px; left: 180px; z-index: 99; width: 450px;} .main-pop .mainpop-tit {width: 100%;} .main-pop .mainpop-tit img {width: 100%;} .main-pop .mainpop-bottom {background: #000; width: 100%; text-align: left; height: 35px; padding: 0 10px;} .main-pop .bx-controls-auto {display: none;} .main-pop .mainpop-bottom .mainpop-btn {padding-top: 5px;} .main-pop .mainpop-bottom .mainpop-btn div {float: left; padding: 0 3px; color: #fff;} .main-pop .mainpop-bottom .mainpop-btn div img {width: 8px;} .main-pop .mainpop-bottom .mainpop-btn div.btn-pager {padding-top: 2px;} .main-pop .mainpop-bottom .mainpop-close {position: absolute; bottom: 7px; right: 15px; font-size: 16px; color: #fff;} .main-pop .mainpop-bottom .mainpop-today { position: absolute; bottom: 8px; right: 60px; } .main-pop .mainpop-bottom input {margin: 0 5px 0 0;} .main-pop .mainpop-bottom label {color: #fff; margin: 0; font-weight: normal;} @media (max-width: 991px) { .main-pop {position: absolute; top: 80px; left: 5%; width: 90%;} } @keyframes gage{ 0% {width:0px; } 100% {width:100%; } } .fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } @keyframes fadeInLeft{ 0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px); } 100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); } } @keyframes fadeIn{ 0% {opacity:0; } 100% {opacity:1; } } @keyframes upDown { 0%{transform:translateY(10px);} 50%{transform:translateY(-20px);} 100%{transform:translateY(10px);} } @keyframes imgScale { 0%{transform: scale(1.5);} 100%{transform:translateY(1);} } .quick-link-wrap { display:none; } @media (min-width: 992px) { .main { position:relative; z-index: 1; word-break: keep-all; /*border-top: 1px solid #ddd;*/ } .main a {color: #222;} .position-link-wrap { position:fixed; right:75px; top:370px; z-index:101; background:url(../images/main/img_line.jpg) no-repeat right 12px top 15px; padding-bottom:10px; } .position-link-wrap .position-link li {position: relative; z-index: 1;text-align:right; margin-bottom:15px; } .position-link-wrap .position-link li a { color:#999; display:inline-block; padding:5px 30px 5px 15px; font-size:16px;background-image:url(../images/main/right-side-boll.png); background-repeat:no-repeat; background-position:right 10px center; } .position-link-wrap .position-link li.active a {color:#fff; background-color:#3473be; border-radius:15px; text-decoration:none; transform:rotateX(360deg); transition : all 0.5s ease ; } .position-link-wrap .position-link li a:hover {} .main-section1 { padding-top:56px; height:695px; background:url(../images_2024/common/main_bg.jpg) no-repeat center center; } .main-section1 .top { margin-bottom:42px; } .main-section1 .top:after { clear:both; display:table; content:''; } .main-section1 .top .login-wrap { float:left; width:400px; margin-right:40px; height:436px; background:#BCDEFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-radius:15px; } .main-section1 .top .login-wrap .login-top { padding: 25px 40px; height:220px; } .main-section1 .top .login-wrap .login-top .text-wrap { color:#0A2347; padding-bottom:20px; border-bottom:1px solid rgba(59, 96, 164, 0.3); } .main-section1 .top .login-wrap .login-top .text-wrap h3 { font-weight:bold; font-size:22px; margin-bottom:10px; } .main-section1 .top .login-wrap .login-top .text-wrap .text { font-size:14px; } /*.main-section1 .top .login-wrap .login-top .login-form { padding:15px 10px; }*/ .main-section1 .top .login-wrap .login-top .login-form .text { font-size:14px; font-weight:bold; color:#2E5398; margin-bottom:15px; } .main-section1 .top .login-wrap .login-top .login-form .text i { display:inline-block; margin-right:7px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap { } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form { margin-bottom:25px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form:after { clear:both; display:table; content:''; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap { float:left; width:215px; margin-right:8px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input { width:100%; height:36px; margin-top:7px; padding:5px 10px; border-radius:10px; background:#D4EAFF; border:none; color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input::placeholder { color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input:first-child {margin-top:0px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form [type="button"] { float:left; width:calc(100% - 223px); height:79px; background:#3B60A4; color:#fff; border:0px; font-size:16px; border-radius:10px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link { text-align:center; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li { display:inline-block; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li a { font-size:14px; color: #2E5398; display:inline-block; padding:0 15px; position:relative; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li a:before {position:absolute; top:3px; left:0px; width:1px; height:15px; background:rgba(59, 96, 164, 0.3); display:inline-block; content:''; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li:first-child a:before {display:none; } .main-section1 .top .login-wrap .login-top .login-form .title-text {text-align:center; margin-bottom:30px; margin-top:30px; color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .title-text strong { font-size:18px; color:#0A2347; } .main-section1 .top .login-wrap .login-top .login-form .title-text a { margin-left:10px; display:inline-block; background:#fff; color:#0A2347;line-height:27px; font-size:14px; width:75px; height:27px; border-radius:9px; } .main-section1 .top .login-wrap .login-top .login-form .my-link {text-align:center;} .main-section1 .top .login-wrap .login-top .login-form .my-link li { display:inline-block; margin:0 3px; } .main-section1 .top .login-wrap .login-top .login-form .my-link li a { display:inline-block; width:101px; height:38px; border-radius:10px; line-height:36px; background:#3B60A4; color:#fff; font-size:16px; } .main-section1 .top .login-wrap .blank-link { } .main-section1 .top .login-wrap .blank-link a { display:block; text-align:center; font-weight:bold; font-size:20px; padding-top:35px; width:100%; height:104px; background:#0A2347; color:#fff; border-radius:0 0 15px 15px; } .main-section1 .top .login-wrap .blank-link a * { vertical-align:middle; line-height:1; } .main-section1 .top .login-wrap .blank-link a:after { clear:both; display:table; content:''; } .main-section1 .top .login-wrap .blank-link a .fa-chart-user {font-size:34px;margin-right:20px; } .main-section1 .top .login-wrap .blank-link a .fa-arrow-up-right-from-square {font-size:18px; font-weight:normal; margin-left:15px; } .main-section1 .top .login-wrap .blank-link-wrap {} .main-section1 .top .login-wrap .blank-link-wrap a { display:block; width:100%; height:54px; color:#fff; background:#3B60A4; position:relative; padding:0 40px; line-height:54px; font-size:18px; font-weight:bold; border-bottom:1px solid #0A2347; } .main-section1 .top .login-wrap .blank-link-wrap a:nth-of-type(4) { border-radius:0 0 15px 15px; border-bottom:0px; } .main-section1 .top .login-wrap .blank-link-wrap a i { float:right; font-size:16px; font-weight:normal; margin-top:19px; } .main-section1 .top .login-wrap .blank-link-wrap a:hover { background:#0A2347; } .main-section1 .top .support-wrap { float:left; width:calc(100% - 440px); background:rgba(255,255,255,0.7); border-radius:15px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); height:436px; padding:25px 30px; } .main-section1 .top .support-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:18px; } .main-section1 .top .support-wrap h3 a { margin-left:5px;display:inline-block; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section1 .top .support-wrap ul {} .main-section1 .top .support-wrap ul li { border-top:1px solid #eee; padding:14px 0 ; position:relative; } .main-section1 .top .support-wrap ul li:after { clear:both; display:table; content:''; } .main-section1 .top .support-wrap ul li a.link1 { float:left; width:calc(100% - 100px); } .main-section1 .top .support-wrap ul li a.link1 span { display:block; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; } .main-section1 .top .support-wrap ul li a.link1 span.title {font-size:16px; color:#3B60A4; font-weight:bold; margin-bottom:7px; } .main-section1 .top .support-wrap ul li a.link1 span.text {font-size:18px; color:#283037; margin-bottom:7px; } .main-section1 .top .support-wrap ul li a.link1 span.date {font-size:16px; color:#666; } .main-section1 .top .support-wrap ul li a.link1 span.date i {margin-right:3px; display:inline-block; } .main-section1 .top .support-wrap .btn1 { text-align:center; position:absolute; top:50%; margin-top:-23px; right:0px; border-radius:15px; color:#fff; width:85px; height:46px; line-height:44px; font-size:16px; background:#3B60A4; } .main-section1 .top .support-wrap .btn1 i { margin-left:15px; } .main-section1 .top .support-wrap .btn1:hover {background:#0A2347; } .main-section1 .notice-wrap { } .main-section1 .notice-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:25px; } .main-section1 .notice-wrap h3 a {display:inline-block; margin-left:5px; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section1 .notice {position:relative; } .main-section1 .notice li { position:relative; float:left; width:50%; height:60px; } .main-section1 .notice li:before { width:1px; height:49px; background:#DFDFDF; position:absolute;top:10px; left:0px; content:''; display:block; } .main-section1 .notice li:nth-of-type(2n-1):before { display:none; } .main-section1 .notice li a { display:block; width:100%; padding-left:40px; padding-right:40px; } .main-section1 .notice li a b { display:block; margin-bottom:10px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; font-size:18px; font-weight:normal; color:#283037; } .main-section1 .notice li a b span { display:inline-block; margin-right:5px; } .main-section1 .notice li a b span img { display:inline-block; margin-top:-3px; } .main-section1 .notice li a .date { display:block; font-size:16px; color:#666666; } .main-section1 .notice .notice-btn div { position:absolute; top:50%; margin-top:-18px; } .main-section1 .notice .notice-btn div a { font-size:30px; color:#283037; } .main-section1 .notice .notice-btn .prev-btn { left:0px; } .main-section1 .notice .notice-btn .next-btn {right:0px; } .main-section2 { padding-top:50px; padding-bottom:100px; } .main-section2 .row { margin:0 -36px; } .main-section2 .row:after { clear:both; display:table; content:''; } .main-section2 .notice-wrap2 { margin-bottom:50px; } .main-section2 .notice-wrap2 h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:25px; } .main-section2 .notice-wrap2 h3 a {display:inline-block; margin-left:5px; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section2 .notice2 {position:relative; border:1px solid #EEEEEE; border-radius:10px; padding:20px 0; } .main-section2 .notice2 li { position:relative; float:left; width:50%; } .main-section2 .notice2 li a { display:block; width:100%; padding-left:40px; padding-right:40px; } .main-section2 .notice2 li a b { display:block; margin-bottom:10px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; font-size:18px; font-weight:normal; color:#283037; } .main-section2 .notice2 li a b span { display:inline-block; margin-right:5px; } .main-section2 .notice2 li a b span img { display:inline-block; margin-top:-3px; } .main-section2 .notice2 li a .date { display:block; font-size:16px; color:#666666; margin-bottom:5px; } .main-section2 .notice2 li a .name { display:block; font-size:16px; color:#3B60A4; font-weight:bold; } .main-section2 .notice2 .notice-btn2 div { position:absolute; top:50%; margin-top:-18px; } .main-section2 .notice2 .notice-btn2 div a { font-size:30px; color:#283037; } .main-section2 .notice2 .notice-btn2 .prev-btn { left:-30px; } .main-section2 .notice2 .notice-btn2 .next-btn {right:-30px; } .main-section2 .product-wrap { float:left; width:50%; padding:0 21px; position:relative; } .main-section2 .product-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:25px; } .main-section2 .product-wrap h3 a {display:inline-block; width:19px; margin-left:5px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section2 .product-wrap .list-wrap {} .main-section2 .product-wrap .list-wrap ul {} .main-section2 .product-wrap .list-wrap ul li {} .main-section2 .product-wrap .list-wrap ul li a { display:block; position:relative; border-radius:10px; width:100%; border:1px solid #eee; } .main-section2 .product-wrap .list-wrap ul li a .img {width:100%; padding-top:83%; background-repeat:no-repeat; background-size:cover; background-position:center center; } .main-section2 .product-wrap .list-wrap ul li a .text-wrap { text-align:center; padding:15px; height:78px; } .main-section2 .product-wrap .list-wrap ul li a .text-wrap .title {font-size:16px; color:#283037; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;} .main-section2 .product-wrap .list-wrap ul li a .text-wrap .text { font-size:14px; color:#4072BD; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;} .main-section2 .product-wrap .list-wrap ul li a .view { display:none; } .main-section2 .product-wrap .list-wrap ul li a:hover .view { border-radius:10px; display:block; text-align:center; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); -webkit-animation-name:fadeIn; animation-name:fadeIn; animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s; } .main-section2 .product-wrap .list-wrap ul li a:hover .view span { display:inline-block; font-size:14px; text-align:center; color:#fff; position:absolute; top:50%; margin-top:-15px; left:50%;margin-left:-25px; } .main-section2 .product-wrap .list-wrap ul li a:hover .view span i { display:block; font-size:18px; margin-bottom:5px; } .main-section2 .product-wrap .product-btn { position:absolute; top:5px; right:21px; } .main-section2 .product-wrap .product-btn * {vertical-align:top; } .main-section2 .product-wrap .product-btn div { display:inline-block; } .main-section2 .product-wrap .product-btn div a { display:inline-block; ; padding-top:6px; text-align:center; width:20px; height:20px; border:1px solid #CCCCCC; border-radius:100%; } .main-section2 .product-wrap .product-btn div a img { height:8px; display:inline-block; } .banner-rolling-wrap { width:100%; border-top:1px solid #dfdfdf; height:78px; padding:20px 0 0; } .banner-rolling-wrap .foot-banner { position:relative; padding-right:120px; } .banner-rolling-wrap .foot-banner ul {} .banner-rolling-wrap .foot-banner ul li { float:left; } .banner-rolling-wrap .foot-banner .banner-btn-wrap { position:absolute; top:12px; right:0px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div {float:left; margin:0 3px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a {display:inline-block; width:20px; height:20px; text-indent:-99999px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-prev {background:url(../images/main/control-prev.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-start {background:url(../images/main/control-play.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-stop {background:url(../images/main/control-stop.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-next {background:url(../images/main/control-next.png) no-repeat center center; background-size:auto 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-section1 .notice ul li a b { font-size:16px; } } @media (max-width: 991px) { .main { z-index: 1; word-break: keep-all; } .main a { color: #222; } .main-section1 { padding:30px 15px; background:url(../images_2024/common/main_bg.jpg) no-repeat center center; background-size:cover; } .main-section1 .top { margin-bottom:30px; } .main-section1 .top .login-wrap { width:100%; background:#BCDEFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-radius:15px; margin-bottom:20px; } .main-section1 .top .login-wrap .login-top { padding: 25px 20px; } .main-section1 .top .login-wrap .login-top .text-wrap { color:#0A2347; padding-bottom:20px; border-bottom:1px solid rgba(59, 96, 164, 0.3); } .main-section1 .top .login-wrap .login-top .text-wrap h3 { font-weight:bold; font-size:22px; margin-bottom:10px; } .main-section1 .top .login-wrap .login-top .text-wrap .text { font-size:14px; } /*.main-section1 .top .login-wrap .login-top .login-form { padding:15px 10px; }*/ .main-section1 .top .login-wrap .login-top .login-form .text { font-size:14px; font-weight:bold; color:#2E5398; margin-bottom:15px; } .main-section1 .top .login-wrap .login-top .login-form .text i { display:inline-block; margin-right:7px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap { } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form { margin-bottom:25px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form:after { clear:both; display:table; content:''; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap { float:left; width:calc(100% - 87px); margin-right:8px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input { width:100%; height:36px; margin-top:7px; padding:5px 10px; border-radius:10px; background:#D4EAFF; border:none; color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input::placeholder { color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form .input-wrap input:first-child {margin-top:0px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap form [type="submit"] { float:left; width:79px; height:79px; background:#3B60A4; color:#fff; border:0px; font-size:16px; border-radius:10px; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link { text-align:center; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li { display:inline-block; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li a { font-size:14px; color: #2E5398; display:inline-block; padding:0 15px; position:relative; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li a:before {position:absolute; top:3px; left:0px; width:1px; height:15px; background:rgba(59, 96, 164, 0.3); display:inline-block; content:''; } .main-section1 .top .login-wrap .login-top .login-form .form-wrap .login-link li:first-child a:before {display:none; } .main-section1 .top .login-wrap .login-top .login-form .title-text {text-align:center; margin-bottom:30px; margin-top:30px; color:#2E5398; font-size:16px; } .main-section1 .top .login-wrap .login-top .login-form .title-text strong { font-size:18px; color:#0A2347; } .main-section1 .top .login-wrap .login-top .login-form .title-text a { margin-left:10px; display:inline-block; background:#fff; color:#0A2347;line-height:27px; font-size:14px; width:75px; height:27px; border-radius:9px; } .main-section1 .top .login-wrap .login-top .login-form .my-link {text-align:center;} .main-section1 .top .login-wrap .login-top .login-form .my-link li { display:inline-block; margin:0 3px; } .main-section1 .top .login-wrap .login-top .login-form .my-link li a { display:inline-block; width:101px; height:33px; border-radius:10px; line-height:31px; background:#3B60A4; color:#fff; font-size:14px; } .main-section1 .top .login-wrap .blank-link { } .main-section1 .top .login-wrap .blank-link a { display:block; text-align:center; font-weight:bold; font-size:18px; padding-top:25px; padding-bottom:25px; width:100%; background:#0A2347; color:#fff; border-radius:0 0 15px 15px; } .main-section1 .top .login-wrap .blank-link a * { vertical-align:middle; line-height:1; } .main-section1 .top .login-wrap .blank-link a:after { clear:both; display:table; content:''; } .main-section1 .top .login-wrap .blank-link a .fa-chart-user {font-size:30px;margin-right:20px; } .main-section1 .top .login-wrap .blank-link a .fa-arrow-up-right-from-square {font-size:16px; font-weight:normal; margin-left:15px; } .main-section1 .top .login-wrap .blank-link-wrap {} .main-section1 .top .login-wrap .blank-link-wrap a { display:block; width:100%; height:54px; color:#fff; background:#3B60A4; position:relative; padding:0 20px; line-height:54px; font-size:18px; font-weight:bold; border-bottom:1px solid #0A2347; } .main-section1 .top .login-wrap .blank-link-wrap a:nth-of-type(4) { border-radius:0 0 15px 15px; border-bottom:0px; } .main-section1 .top .login-wrap .blank-link-wrap a i { float:right; font-size:16px; font-weight:normal; margin-top:19px; } .main-section1 .top .login-wrap .blank-link-wrap a:hover { background:#0A2347; } .main-section1 .top .support-wrap { background:rgba(255,255,255,0.7); border-radius:15px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); height:436px; padding:25px 30px; } .main-section1 .top .support-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:18px; } .main-section1 .top .support-wrap h3 a { margin-left:5px;display:inline-block; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section1 .top .support-wrap ul {} .main-section1 .top .support-wrap ul li { border-top:1px solid #eee; padding:14px 0 25px; position:relative; } .main-section1 .top .support-wrap ul li:after { clear:both; display:table; content:''; } .main-section1 .top .support-wrap ul li a.link1 { float:left; } .main-section1 .top .support-wrap ul li a.link1 span { display:block; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; } .main-section1 .top .support-wrap ul li a.link1 span.title {font-size:16px; color:#3B60A4; font-weight:bold; margin-bottom:7px; } .main-section1 .top .support-wrap ul li a.link1 span.text {font-size:16px; color:#283037; margin-bottom:7px; } .main-section1 .top .support-wrap ul li a.link1 span.date {font-size:14px; color:#666; } .main-section1 .top .support-wrap ul li a.link1 span.date i {margin-right:3px; display:inline-block; } .main-section1 .top .support-wrap .btn1 { text-align:center; position:absolute;bottom:15px; right:0px; border-radius:5px; color:#fff; width:65px; height:26px; line-height:24px; font-size:14px; background:#3B60A4; } .main-section1 .top .support-wrap .btn1 i { margin-left:15px; } .main-section1 .top .support-wrap .btn1:hover {background:#0A2347; } .main-section1 .notice-wrap { } .main-section1 .notice-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:15px; } .main-section1 .notice-wrap h3 a {display:inline-block; margin-left:5px; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section1 .notice {position:relative; } .main-section1 .notice li { position:relative; float:left; width:50%; height:60px; } .main-section1 .notice li a { display:block; width:100%; padding-left:40px; padding-right:40px; } .main-section1 .notice li a b { display:block; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; font-size:16px; font-weight:normal; color:#283037; } .main-section1 .notice li a b span { display:inline-block; margin-right:5px; } .main-section1 .notice li a b span img { width:19px; display:inline-block; margin-top:-3px; } .main-section1 .notice li a .date { display:block; font-size:14px; color:#666666; } .main-section1 .notice .notice-btn div { position:absolute; top:50%; margin-top:-26px; } .main-section1 .notice .notice-btn div a { font-size:30px; color:#283037; } .main-section1 .notice .notice-btn .prev-btn { left:0px; } .main-section1 .notice .notice-btn .next-btn {right:0px; } .main-section2 { padding:30px 15px; } .main-section2 .row { } .main-section2 .row:after { } .main-section2 .notice-wrap2 { margin-bottom:30px; } .main-section2 .notice-wrap2 h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:15px; } .main-section2 .notice-wrap2 h3 a {display:inline-block; margin-left:5px; width:19px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section2 .notice2 {position:relative; border:1px solid #EEEEEE; border-radius:10px; padding:20px 0; margin:0 20px; width:calc(100% - 40px); } .main-section2 .notice2 li { position:relative; float:left; width:50%; } .main-section2 .notice2 li a { display:block; width:100%; padding-left:20px; padding-right:20px; } .main-section2 .notice2 li a b { display:block; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; font-size:16px; font-weight:normal; color:#283037; } .main-section2 .notice2 li a b span { display:inline-block; margin-right:5px; } .main-section2 .notice2 li a b span img { width:19px; display:inline-block; margin-top:-3px; } .main-section2 .notice2 li a .date { display:block; font-size:14px; color:#666666; margin-bottom:5px; } .main-section2 .notice2 li a .name { display:block; font-size:14px; color:#3B60A4; font-weight:bold; } .main-section2 .notice2 .notice-btn2 div { position:absolute; top:50%; margin-top:-26px; } .main-section2 .notice2 .notice-btn2 div a { font-size:30px; color:#283037; } .main-section2 .notice2 .notice-btn2 .prev-btn { left:-20px; } .main-section2 .notice2 .notice-btn2 .next-btn {right:-20px; } .main-section2 .product-wrap { position:relative; } .main-section2 .product-wrap01 { margin-bottom:40px; } .main-section2 .product-wrap h3 {color:#283037; font-size:22px; font-weight:bold; margin-bottom:25px; } .main-section2 .product-wrap h3 a {display:inline-block; width:19px; margin-left:5px; height:19px; border:1px solid #CCCCCC; font-size:18px; color:#999; line-height:1; padding-left:3px; border-radius:100%; font-weight:normal; } .main-section2 .product-wrap .list-wrap {} .main-section2 .product-wrap .list-wrap ul {} .main-section2 .product-wrap .list-wrap ul li {} .main-section2 .product-wrap .list-wrap ul li a { display:block; position:relative; border-radius:10px; width:100%; border:1px solid #eee; } .main-section2 .product-wrap .list-wrap ul li a .img {width:100%; padding-top:83%; background-repeat:no-repeat; background-size:cover; background-position:center center; } .main-section2 .product-wrap .list-wrap ul li a .text-wrap { text-align:center; padding:15px; height:78px; } .main-section2 .product-wrap .list-wrap ul li a .text-wrap .title {font-size:16px; color:#283037; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;} .main-section2 .product-wrap .list-wrap ul li a .text-wrap .text { font-size:14px; color:#4072BD; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;} .main-section2 .product-wrap .list-wrap ul li a .view { display:none; } .main-section2 .product-wrap .list-wrap ul li a:hover .view { border-radius:10px; display:block; text-align:center; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); -webkit-animation-name:fadeIn; animation-name:fadeIn; animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s; } .main-section2 .product-wrap .list-wrap ul li a:hover .view span { display:inline-block; font-size:14px; text-align:center; color:#fff; position:absolute; top:50%; margin-top:-15px; left:50%;margin-left:-25px; } .main-section2 .product-wrap .list-wrap ul li a:hover .view span i { display:block; font-size:18px; margin-bottom:5px; } .main-section2 .product-wrap .product-btn { position:absolute; top:5px; right:0px; } .main-section2 .product-wrap .product-btn * {vertical-align:top; } .main-section2 .product-wrap .product-btn div { display:inline-block; } .main-section2 .product-wrap .product-btn div a { display:inline-block; ; padding-top:6px; text-align:center; width:20px; height:20px; border:1px solid #CCCCCC; border-radius:100%; } .main-section2 .product-wrap .product-btn div a img { height:8px; display:inline-block; } .banner-rolling-wrap { width:100%; border-top:1px solid #dfdfdf; height:75px; padding:15px 0 0; } .banner-rolling-wrap .foot-banner { position:relative; padding-right:80px; } .banner-rolling-wrap .foot-banner ul {} .banner-rolling-wrap .foot-banner ul li { float:left; } .banner-rolling-wrap .foot-banner .banner-btn-wrap { position:absolute; top:10px; right:10px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div {float:left; margin:0px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a {display:inline-block; width:20px; height:20px; text-indent:-99999px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-prev {background:url(../images/main/control-prev.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-start {background:url(../images/main/control-play.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-stop {background:url(../images/main/control-stop.png) no-repeat center center; background-size:auto 20px; } .banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-next {background:url(../images/main/control-next.png) no-repeat center center; background-size:auto 20px; } /* .position-link-wrap { display:none; } .quick-link-wrap { position:fixed; top:50%; margin-top:-205px; right:0px; z-index:101; margin-right:-250px; } .quick-link-wrap { } .quick-link-wrap .quick-link-btn { float:left; position:absolute; top:50%; margin-top:-20px; left:-107px; } .quick-link-wrap .quick-link-btn a { display:block ; color:#fff; font-weight:bold; font-size:14px; padding:5px 20px; } .quick-link-wrap .quick-link-btn a b { color:#5ef0ff; } .quick-link-wrap .quick-link-open a { padding-left:35px; background:url(../images/common/long_arrow_up_white.svg) no-repeat left 10px center #02428f; background-size: 13px 13px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .quick-link-wrap .quick-link-close a { display:none; padding-right:35px; background:url(../images/common/long_arrow_up_white.svg) no-repeat right 10px center #02428f; background-size:13px 13px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .quick-link-wrap .quick-link { float:left; width:250px; background:#eee; padding:15px 0 ; } .quick-link-wrap .quick-link ul {} .quick-link-wrap .quick-link ul li { } .quick-link-wrap .quick-link ul li a { display:block; border-top:1px solid #d9d9d9; padding:25px 0 0 35px; font-size:17px; color:#2b50a1; height:80px; } .quick-link-wrap .quick-link ul li:first-child a { border-top:0px; } .quick-link-wrap .quick-link ul li a img { width:40px; margin-right:20px; display:inline-block; margin-top:-5px; } .scoll-down { position:absolute; bottom:0px; color:#666; padding-bottom:50px; left:0px; width:100%; text-align:center; font-weight:normal; letter-spacing:1px; animation: upDown 1.1s linear 0s infinite alternate; margin-top: 0;} .scoll-down:after { background:#666; height:40px; width:1px; content:''; display:inline-block; position:absolute; bottom:0px; left:50%;} .box1 {padding-bottom:230px; } .box1 .main-rolling { width:100%; position:absolute; top:0px; left:0px; height:100%; } .box1 .main-rolling .bx-viewport , .box1 .main-rolling .bx-wrapper { height:100% !important; } .box1 .main-rolling ul { width:100%; height:100%; } .box1 .main-rolling ul li {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; } .box1 .main-text { text-align:center; padding:170px 30px 0 ; } .box1 .main-text .title { font-size:40px; font-weight:bold; margin-bottom:20px;} .box1 .main-text .text { font-size:14px; } .box1.active .main-text .title { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.5s;animation-duration:1.3s; } .box1.active .main-text .text { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:1s;animation-duration:1.3s; } .box1 .bx-controls { position:absolute; bottom:150px; left:0px; width:100%; text-align:center; } .box1 .bx-pager-item { display:inline-block; } .box1 .bx-pager-item a { display:inline-block; width:20px; height:20px; margin:0 10px; background:url(../images/main/ctrl_circle.png) no-repeat center center;text-indent:-99999px; } .box1 .bx-pager-item a.active {background:url(../images/main/ctrl_circle_on.png) no-repeat center center; } .box2 { } .box2 .hot-alime { position:relative; width:100%; padding:35px 30px 65px; text-align:center; } .box2 .hot-alime .bx-wrapper { margin:0 auto; } .box2 .hot-alime ul li { float:left; } .box2 .hot-alime .bx-controls { position:absolute; bottom:30px; left:0px; width:100%; text-align:center; } .box2 .hot-alime .bx-pager-item { display:inline-block; } .box2 .hot-alime .bx-pager-item a { display:inline-block; width:16px; height:16px; border-radius:8px; margin:0 5px; background:#cad4de; text-indent:-99999px; } .box2 .hot-alime .bx-pager-item a.active {background:#002b9a; } .box2 .notice-wrap { height:330px; padding:0 30px 0 15px; position:relative;width:100%; } .box2 .notice-wrap:before { position:absolute; top:30px; left:15px; width:calc(100% - 45px); border-top:1px solid #ccc; height:1px; content:''; } .box2 .notice-wrap:after { clear:both; display:table; content:''; } .box2 .notice-wrap .notice {display:inline-block; } .box2 .notice-wrap .notice h3 {float:left; margin-right:15px; font-family: "ns" ; font-size:17px; font-weight:bold; } .box2 .notice-wrap .notice h3 a {display:block; color:#000; height:28px; } .box2 .notice-wrap .notice h3 a:hover , .box2 .notice-wrap .notice.active h3 { text-decoration:none; border-bottom:2px solid #000; } .box2 .notice-wrap .notice ul {display:none; position:Absolute; top:50px; left:0px; width:100%; padding:0 30px 0 15px; } .box2 .notice-wrap .notice.active ul {display:block; } .box2 .notice-wrap .notice ul li { margin-bottom:15px; } .box2 .notice-wrap .notice ul li a { display:block; } .box2 .notice-wrap .notice ul li a strong { display:block;font-weight:bold; font-size:14px; color:#2b50a1; } .box2 .notice-wrap .notice ul li a b {display:block;font-size:16px; font-weight:normal; color:#000; margin-bottom:7px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; } .box2 .notice-wrap .notice ul li a span {font-size:14px; font-weight:normal; color:#666; } .box2 .notice-wrap .notice .more {display:none; position:absolute; top:-3px;right:35px; } .box2 .notice-wrap .notice.active .more {display:block; } .box2 .notice-wrap .notice .more img {width:25px; } .box3 { background:url(../images/main/bgimg1.jpg) no-repeat center center; background-size:cover; padding-bottom:50px; } .box3 .news { height:160px; padding:40px 30px 0 15px; background:#014198; } .box3 .news:after { clear:both; display:table; content:''; } .box3 .news h3 { margin-bottom:20px; text-align:center; } .box3 .news h3 a { font-weight:bold; color:#fff; font-size:20px; font-family: "ns" ; } .box3 .news h3 a img { width:25px; display:inline-block; margin-left:30px; margin-top:-4px; } .box3 .news ul { } .box3 .news ul li { } .box3 .news ul li a { font-size:16px; color:#fff; font-weight:normal; display:block; } .box3 .news ul li a b { font-weight:normal; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; } .box3 .news ul li a span { font-size:14px; margin-top:3px; display:block; } .box3 .news ul li:nth-of-type(2) { display:none; } .box3 .intro { padding:50px 30px 0 15px;} .box3 .intro h3 { text-align:center; margin-bottom:30px; text-align:center; } .box3 .intro h3 a {font-weight:bold; color:#fff; font-size:20px; font-family: "ns" ; } .box3 .intro h3 a img { width:25px; display:inline-block; margin-left:30px; margin-top:-4px; } .box3 .intro .intro-list { position:relative; } .box3 .intro .intro-list:after { clear:both; display:Table; content:''; } .box3 .intro .intro-list ul { } .box3 .intro .intro-list ul li { float:left; width:25%; } .box3 .intro .intro-list ul li a { display:block; background:#fff; width:100%; padding:15px; height:190px;} .box3 .intro .intro-list ul li a:first-child { margin-bottom:10px; } .box3 .intro .intro-list ul li a .kind { font-size:12px; color:#666; margin-bottom:3px; } .box3 .intro .intro-list ul li a .title { font-size:14px; color:#333; height:40px; margin-bottom:10px; } .box3 .intro .intro-list ul li a .logo {text-align:center; margin-bottom:15px; } .box3 .intro .intro-list ul li a .text {color:#666; font-size:12px; } .box3 .intro .intro-list .bx-controls-direction a { display:none; } .box4 { background:url(../images/main/bgimg2.jpg) no-repeat center bottom -80px #fff; padding-top:50px; padding-bottom:50px; } .box4:after { clear:both; display:table; content:''; } .box4 h3 { text-align:center; margin-bottom:25px; } .box4 h3 a { font-weight:bold; color:#000; font-size:20px; font-family: "ns" ; } .box4 h3 a img { width:25px; display:inline-block; margin-left:30px; margin-top:-4px; } .box4 .product-list { position:relative; text-align:center; padding:0 50px} .box4 .product-list:after { clear:both; display:table; content:''; } .box4 .product-list ul {text-align:center; } .box4 .product-list ul li { float:left; width:33.333%; text-align:center; } .box4 .product-list ul li a { display:block; color:#fff; } .box4 .product-list ul li a .img { position:relative; padding-bottom:45px; width:100%; overflow:hidden; } .box4 .product-list ul li a .img span { height:252px; display:block; width:100%; overflow:hidden; } .box4 .product-list ul li a .img img { max-width:300px !important; } .box4 .product-list ul li a:hover img { transform: scale(1.1); transition : all 0.5s ease ;} .box4 .product-list ul li a .img:after { width:1px; height:35px; content:''; background:#fff; position:absolute; bottom:10px; left:50%; } .box4 .product-list ul li a .title { color:#fff; font-size:15px; font-weight:bold; margin-bottom:10px; } .box4 .product-list ul li a .company { color:#fff; font-size:12px; } .box4 .product-list .bx-controls-direction a { position:absolute; top:125px; width:48px; height:40px; text-indent:-99999px; } .box4 .product-list .bx-controls-direction a.bx-prev { left:10px; background:url(../images/main/circle_arrow_left.png) no-repeat center center; background-size:cover; } .box4 .product-list .bx-controls-direction a.bx-next { right:10px; background:url(../images/main/circle_arrow_right.png) no-repeat center center; background-size:cover; } .banner-rolling-wrap { width:100%; border-top:1px solid #dfdfdf; height:60px; padding:15px; } .banner-rolling-wrap .foot-banner { position:relative; p } .banner-rolling-wrap .foot-banner ul {} .banner-rolling-wrap .foot-banner ul li { float:left; } .banner-rolling-wrap .foot-banner .banner-btn-wrap { display:none; } */ }