@-weibit-keyframes musicmove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cc { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .yy { box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); } .notext { -webkit-touch-callout: none; /* ios safari */ -webkit-user-select: none; /* chrome/safari/opera */ -khtml-user-select: none; /* konqueror */ -moz-user-select: none; /* firefox */ -ms-user-select: none; /* internet explorer/edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ } .fd { clear: both; width: 100%; display: block; content: ' '; } .fbj { display: flex; flex-wrap: wrap; } .fl { float: left; } .fr { float: right; } .w { max-width: 1300px; width: 90%; margin: 0 auto; } .shipin { position: relative; } .shipin::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v2.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .shipin::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v9.png) no-repeat center center; display: block; content: ' '; } img { max-width: 100%; } @media (max-width: 1500px) { } @media (max-width: 767px) { .w { width: 96%; } } body { overflow-x: hidden; } /*忙鈥撀懊┾�斅幻γ烩�犆β犅访ヂ悸�1*/ .fu_news_show01 { line-height: 28px; } .fu_news_show01 .fu_news_title { text-align: left; } .fu_news_show01 .fu_news_meta { line-height: 21px; padding: 10px 0 19px 0; font-size: 14px; color: #9e9e9e; border-bottom: #cfcfcf dashed 1px; margin-bottom: 20px; } /*盲赂艩盲赂鈧�∶︹�撯�∶犆寂捗ぢ糕�姑ぢ糕偓莽炉鈥∶︹�撯�∶�*/ .fu_post_links { border-top: #ededed dashed 1px; position: relative; margin-top: 15px; padding: 15px 0 16px; } .fu_prev_next1 { line-height: 20px; padding: 10px 0 0; float: right; } .fu_prev_next1 span { margin: 0 15px; } .fu_prev_next1 a { color: #666666; transition: all 300ms; -webkit-transition: all 300ms; } .fu_prev_next1 a i { font-size: 16px; font-weight: normal; } .fu_prev_next1 a:hover { color: #1baadb; } .fu_prev_next1 i { padding-right: 12px; } .fu_prev_next1 i { padding-left: 12px; } .head_box { position: absolute; z-index: 999; width: 100%; } .head_box .w { max-width: 1419px; } .head_box img { vertical-align: middle; } .head_box .nav_l { padding-left: 3%; float: left; text-align: right; background: url(/uploads/image/images/n1.jpg) repeat-y right; -wekit-border-radius: 0 0 0 10px; -max-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; } .head_box .nav_c { position: absolute; left: 50%; margin-left: -167px; } .head_box .nav_r { float: right; padding-left: 3%; background: url(/uploads/image/images/n2.jpg) repeat-y left; -wekit-border-radius: 0 0 10px 0; -max-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; } .head_box .nav_sub { float: left; width: 445px; padding: 0 20px; background: url(/uploads/image/images/n3.jpg) repeat-x top; -wekit-border-radius: 0 0 10px 10px; -max-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin-left: 100px; } .head_box .nav_sub ul { width: 100%; } .head_box .nav_sub ul li { float: left; width: 25%; } .head_box .nav_sub ul li a { line-height: 36px; text-align: center; width: 100%; display: inline-block; color: #fff; font-size: 14px; } .head_box .nav_sub_r { float: right; margin-left: 0; text-align: right; margin-right: 100px; } .head_box .nav_sub_r input { background: none; border: none; display: inline-block; line-height: 36px; color: #dcf9ff; font-size: 14px; } .head_box .nav_sub_r input::-webkit-input-placeholder { color: #8eaeb5; font-size: 14px; } .head_box .nav_sub_r button { background: none; border: none; line-height: 36px; cursor: pointer; } .head_box .nav_sub_r button svg { vertical-align: middle; border: none; stroke: #396973; } .head_nav { color: #fff; width: 570px; line-height: 80px; } .head_nav a { font-size: 18px; color: #fff; width: 100%; display: inline-block; } .head_nav li { margin-right: 1px; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; text-align: center; width: 23%; float: left; background: url(/uploads/image/images/n4.png) no-repeat right center; position: relative; z-index: 99; } .head_nav li:hover { color: #ffce5b; } .head_nav li:hover a { color: #ffce5b; } .head_nav li .hv { color: #ffce5b; } .head_nav li:last-child { background: none; } .head_nav li:hover::after { width: 50%; } .head_nav li:hover ul { display: block; opacity: 1; left: 0; height: auto; } .head_nav li ul { box-shadow: -1px 5px 5px -1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 5px 5px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 5px 5px -1px rgba(0, 0, 0, 0.1); opacity: 0; background: #005b6d;color: #fff; position: absolute; height: 0; overflow: hidden; width: 100%; top: 100%; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .head_nav li ul li { width: 100%; display: inline-block; /* height: 46px; */ /* padding: 10px 0; */ line-height: 24px; } .head_nav li:hover li a {color: #fff;/* padding: 10px 0; */} .head_nav li ul li a { text-align: center; padding-left: 0; padding: 10px 0; color: #fff; font-weight: 500; font-size: 13px; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .head_nav li ul li a:hover { background: #003c46; color: #fff; } .head_nav li ul li::after { height: 3px; } .banner_bx .swiper-pagination-bullet-active { padding: 2px; background: none; border: #fff 1px solid; width: 10px; height: 10px; bottom: -1px; position: relative; } .banner_bx .swiper-pagination-bullet-active::after { content: ' '; display: block; background: #fff; width: 4px; height: 4px; border-radius: 50%; } .nav_l >ul>li:nth-child(4) ul{ width: 230%;transform: translatex(-45%); } .nav_l >ul>li:nth-child(4) li{ width: 50%; float: left; margin-right: 0; } @media (max-width: 1600px) { .head_box .w { max-width: 1200px; } .head_box .nav_l { padding-left: 1%; } .head_nav li { width: 22%; } .nav_r ul { margin-left: 35px; width: 100%; } .head_nav { width: 520px; } .head_box .nav_sub { width: 360px; margin-left: 80px; padding: 0 10px; } .head_box .nav_sub_r { margin-right: 80px; } .head_box .nav_sub ul li a { font-size: 12px; } } @media (max-width: 1400px) { .head_box img { width: 290px; } .head_box .nav_c { margin-left: -145px; } .head_nav { line-height: 63px; } .head_nav a { font-size: 16px; } .head_box .nav_sub { margin-left: 95px; } .head_box .nav_sub_r { margin-right: 95px; } } @media (max-width: 1330px) { .head_nav { width: 480px; } } @media (max-width: 1250px) { .head_nav { width: 40%; } .head_box .nav_sub { width: 27%; background-size: contain ; height: 36px; } .head_box .nav_sub ul li a { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1110px) { .head_box .nav_sub { margin-left: 9%; } .head_box .nav_sub_r { margin-right: 9%; } } @media (max-width: 1050px) { .head_box .nav_sub { margin-left: 7%; } .head_box .nav_sub_r { margin-right: 7%; } .head_box .nav_r { padding-left: 1%; } } .jzk_toggle_01 { float: right; display: none; } @media (max-width: 991px) { .head_nav li ul {display: none !important;} .head_box { margin-top: 0; top: 0; } .banner_bx { margin-top: 50px; } .pape_banner { margin-top: 50px; } .head_nav_box { display: none; } .jzk_toggle_01 { display: block; width: 26px; z-index: 2; border-radius: 50%; margin: 0 10px; position: absolute; top: 28px; right: 0; cursor: pointer; -webkit-transition-duration: 0.66s; transition-duration: 0.66s; -webkit-transition-timing-function: swing; transition-timing-function: swing; position: relative; } .jzk_toggle_01 .jzk_icon_01 { width: 26px; height: 2px; background-color: #fff; border-radius: 2px; position: absolute; top: -5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .jzk_toggle_01 .jzk_icon_01:before, .jzk_toggle_01 .jzk_icon_01:after { width: 26px; height: 2px; background-color: #fff; border-radius: 2px; content: ""; position: absolute; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: swing; transition-timing-function: swing; } .jzk_toggle_01 .jzk_icon_01:before { top: -9px; } .jzk_toggle_01 .jzk_icon_01:after { top: 9px; } .jzk_open .jzk_toggle_01 { box-shadow: none; } .jzk_open .jzk_toggle_01 .jzk_icon_01:before { -webkit-transform: translatey(9px) rotate(45deg); -ms-transform: translatey(9px) rotate(45deg); transform: translatey(9px) rotate(45deg); } .jzk_open .jzk_toggle_01 .jzk_icon_01:after { -webkit-transform: translatey(-9px) rotate(-45deg); -ms-transform: translatey(-9px) rotate(-45deg); transform: translatey(-9px) rotate(-45deg); } .jzk_open .jzk_toggle_01 .jzk_icon_01 { width: 0; } .head_box .nav_sub ul li { width: 33.3%; } .head_box .nav_sub ul li:nth-child(4) { display: none; } .head_nav a { font-size: 14px; } .head_box { background: #005361; height: 50px; } .head_box .w { width: 100%; } .head_box img { width: 220px; } .head_box .nav_c { margin-left: -110px; } .head_box .nav_l { width: 100%; } .head_nav li, .head_box .nav_r { width: 100%; } .head_box .nav_l { background: #005361; -wekit-border-radius: 0; -max-border-radius: 0; border-radius: 0; padding-left: 0; } .head_box .nav_r { background: #005361; -wekit-border-radius: 0; -max-border-radius: 0; border-radius: 0; padding-left: 0; } .nav_r ul { margin-left: 0; } .head_box .nav_sub ul li:nth-child(4) { display: block; } .head_box .nav_sub { margin-left: 0; width: 100%; background: #08444f; height: auto; -wekit-border-radius: 0; -max-border-radius: 0; border-radius: 0; } .head_box .nav_sub ul li { width: 100%; } .head_box .nav_sub { margin-right: 0; } .head_nav { line-height: 33px; } .head_nav_box { border-top: 3px solid #08444f; top: 50px; position: absolute; width: 100%; background: #005361; padding-top: 40px; } .head_box .nav_sub { padding-top: 10px; } .head_box .nav_sub_r { padding-top: 0; padding-bottom: 10px; text-align: center; } .head_box .nav_r { padding-bottom: 12px; } .head_box .nav_c { z-index: 999; } .head_box .nav_sub { display: block; overflow: hidden; line-height: 33px; } .head_box .nav_sub ul li a { display: block; } } @media (max-width: 767px) { .head_box .nav_sub_r form { background: #04333a; -wekit-border-radius: 37px; -max-border-radius: 37px; border-radius: 37px; } } .icon_box { background: url(/uploads/image/images/bg1.jpg) center; } .icon_box ul li { width: calc(100% / 6); float: left; text-align: center; height: 114px; padding-top: 20px; } .icon_box ul li a { display: inline-block; } .icon_box ul li svg { width: 50px; stroke: #ccdfe2 !important; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .icon_box ul li svg path { stroke: #ccdfe2 !important; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .icon_box ul li h3 { position: relative; top: -4px; font-size: 15px; color: #fff; height: 16px; line-height: 16px; width: 100%; display: inline-block; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .icon_box ul li.hv, .icon_box ul li:hover { background: url(/uploads/image/images/bg2.png) no-repeat center 10px; } .icon_box ul li.hv svg, .icon_box ul li:hover svg { stroke: #fff !important; } .icon_box ul li.hv svg path, .icon_box ul li:hover svg path { stroke: #fff !important; } .icon_box2 ul li { width: calc(100% / 4); } @media (max-width: 1200px) { .icon_box ul li { padding-top: 24px; } .icon_box ul li svg { width: 40px; } .icon_box ul li { width: calc(100% / 3); padding-top: 0; } .icon_box ul li.hv, .icon_box ul li:hover { background: none; } .icon_box { padding-top: 20px; -webkit-background-size: cover; background-size: cover; } } @media (max-width: 991px) { .icon_box ul li svg { width: 32px; } .icon_box { padding-top: 20px; padding-bottom: 20px; } .icon_box ul li h3 { font-size: 12px; } .icon_box ul { width: 96%; margin: 0 2%; } .icon_box ul li { padding-top: 0; height: 74px; } .icon_box2 ul li { width: calc(100% / 4); height: auto; } } @media (max-width: 767px) { .icon_box { padding-top: 14px; padding-bottom: 14px; } .icon_box .w { width: 100%; } .icon_box ul li:nth-child(4), .icon_box ul li:nth-child(5), .icon_box ul li:nth-child(6) { height: auto; } } .news_box { padding-top: 43px; padding-bottom: 43px; } .news_box .news_box_1 { width: 31.8%; margin-right: 1.5%; float: left; } .news_box .news_box_2 { background: url(/uploads/image/images/bg3.jpg) no-repeat left bottom; width: 33.3%; padding: 0 13px; float: left; -wekit-border-radius: 8px; -max-border-radius: 8px; border-radius: 8px; } .news_box .news_box_2 ul { padding-left: 7px; padding-right: 7px; } .news_box .news_box_2 .title_index { background: url(/uploads/image/images/t3.png) no-repeat left bottom; } .news_box .news_box_2 .title_index .title_index_r a { color: #fff; } .news_box .news_box_2 .title_index .title_index_l h3 { color: #fff; } .news_box .news_box_2 .news_list ul li .news_list_l { background: #086c7f; } .news_box .news_box_2 .news_list ul li .news_list_l span { border-bottom: 1px solid #789a8e; } .news_box .news_box_2 .news_list ul li .news_list_r h3 { color: #fff; } .news_box .news_box_3 { width: 31.8%; margin-left: 1.5%; float: left; } .news_box::after { clear: both; width: 100%; display: block; content: ' '; } .news_list ul { display: inline-block; padding-top: 22px; } .news_list ul li { display: inline-block; width: 100%; float: left; padding-bottom: 22px; } .news_list ul li a { display: table; } .news_list ul li .news_list_l { background: #0f8096; -wekit-border-radius: 4px; -max-border-radius: 4px; border-radius: 4px; float: left; line-height: 30px; color: #fff; width: 68px; font-size: 14px; text-align: center; } .news_list ul li .news_list_l span { display: inline-block; width: 100%; border-bottom: 1px solid #efddb5; } .news_list ul li .news_list_r { width: calc(100% - 68px); padding-left: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: table-cell; vertical-align: middle; } .news_list ul li .news_list_r h3 { color: #212121; font-size: 16px; line-height: 24px; } @media (max-width: 1200px) { .news_list ul { padding-top: 16px; } .news_list ul li { padding-bottom: 12px; } .news_list ul li .news_list_r h3 { font-size: 14px; } } @media (max-width: 991px) { .news_box { padding-top: 20px; padding-bottom: 20px; } .news_box .news_box_1 { width: 100%; } .news_box .news_box_2 { width: 100%; -webkit-background-size: cover; background-size: cover; } .news_box .news_box_3 { width: 100%; } .news_list ul li .news_list_r h3 { line-height: 18px; } } @media (max-width: 767px) { .news_box { padding-top: 0; } .news_box .news_box_2 { padding: 0 8px; } .news_box .news_box_2 ul { padding-left: 0; padding-right: 0; } .news_list ul li .news_list_l { line-height: 20px; width: 48px; font-size: 12px; } } .title_index { background: url(/uploads/image/images/t1.png) no-repeat left bottom; padding-left: 15px; display: inline-block; padding-top: 23px; padding-bottom: 1px; width: 100%; } .title_index .title_index_l { float: left; } .title_index .title_index_l span { font-size: 18px; color: #ffe4b6; line-height: 18px; width: 100%; } .title_index .title_index_l h3 { line-height: 22px; color: #006070; font-size: 22px; } .title_index .title_index_r { float: right; color: #01687a; padding-top: 25px; } .title_index .title_index_r a { color: #01687a; font-size: 14px; } .title_index .title_index_r svg { margin-left: 6px; width: 18px; stroke: #ffd080 !important; vertical-align: middle; } .title_index .title_index_r svg path { stroke: #ffd080 !important; } .title_index .title_index_r svg rect { stroke: #ffd080 !important; } .title_index::after { clear: both; width: 100%; display: block; content: ' '; } .title_index2 { background: url(/uploads/image/images/t1.png) no-repeat left -4px; padding-top: 5px; padding-bottom: 5px; margin-top: 12px; overflow: hidden; } .title_index2 .title_index_r{ padding-top: 0px; } @media (max-width: 991px) { .title_index .title_index_l h3 { font-size: 18px; } .title_index .title_index_l span { font-size: 16px; } } @media (max-width: 767px) { .title_index { padding-top: 18px; } .title_index2 { padding-top:8px; } .news_list ul { padding-top: 8px; } } .icon_list ul { height: auto; overflow: hidden; -wekit-border-radius: 10px; -max-border-radius: 10px; border-radius: 10px; } .icon_list ul li { width: calc(100% / 8); float: left; display: inline-block; text-align: center; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; background: url(/uploads/image/images/bg4.jpg) repeat-y right; } .icon_list ul li a { display: inline-block; height: 143px; padding-top: 32px; } .icon_list ul li svg { -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; width: 40px; stroke: #ffd080 !important; vertical-align: middle; } .icon_list ul li svg path { stroke: #ffd080 !important; } .icon_list ul li svg rect { stroke: #ffd080 !important; } .icon_list ul li svg circle { stroke: #ffd080 !important; } .icon_list ul li h3 { -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; font-size: 18px; display: inline-block; line-height: 40px; width: 100%; } .icon_list ul li:hover, .icon_list ul li.hv { background: url(/uploads/image/images/bg5.jpg) repeat-y right; } .icon_list ul li:hover svg, .icon_list ul li.hv svg { stroke: #fff !important; } .icon_list ul li:hover svg path, .icon_list ul li.hv svg path { stroke: #fff !important; } .icon_list ul li:hover svg rect, .icon_list ul li.hv svg rect { stroke: #fff !important; } .icon_list ul li:hover svg circle, .icon_list ul li.hv svg circle { stroke: #fff !important; } .icon_list ul li:hover h3, .icon_list ul li.hv h3 { color: #fff; } .icon_list ul li a { width: 100%; } @media (max-width: 1200px) { .icon_list ul li h3 { font-size: 14px; } .icon_list ul li a { height: 120px; padding-top: 26px; } .icon_list ul li h3 { line-height: 30px; } } @media (max-width: 991px) { .icon_list ul li { width: calc(100% / 4); -webkit-background-size: cover; background-size: cover ; margin-bottom: 2px; } .icon_list ul li:hover, .icon_list ul li.hv { -webkit-background-size: contain; background-size: contain; } } @media (max-width: 767px) { .icon_list ul li a { height: 82px; padding-top: 16px; } .icon_list ul li h3 { font-size: 12px; } .icon_list ul li svg { width: 28px; } } .video_box { padding-top: 0px; padding-bottom: 50px; } @media (max-width: 991px) { padding-bottom: 20px; } .video_box .title_index { margin-bottom: 29px; padding-top: 0px; margin-left: 8px; margin-right: 8px; width: calc(100% - 16px); } .video_box .video_box_l { width: 50.5%; float: left; } .video_box .video_box_l a { position: relative; display: inline-block; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 17px; -wekit-border-radius: 10px; -max-border-radius: 10px; border-radius: 10px; } .video_box .video_box_l a:nth-child(2n) { margin-right: 0; } .video_box .video_box_l a h3 { color: #fff4d8; font-size: 16px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; line-height: 48px; z-index: 9; } .video_box .video_box_l a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v1.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .video_box .video_box_l a::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v8.png) no-repeat center center; display: block; content: ' '; } .video_box .video_box_r { width: 49.5%; float: left; text-align: right; } .video_box .video_box_r a { display: inline-block; overflow: hidden; float: right; -wekit-border-radius: 10px; -max-border-radius: 10px; border-radius: 10px; position: relative; } .video_box .video_box_r a h3 { color: #fff4d8; font-size: 16px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; line-height: 48px; z-index: 9; } .video_box .video_box_r a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v2.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .video_box .video_box_r a::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v9.png) no-repeat center center; display: block; content: ' '; } @media (max-width: 1450px) { .video_box .video_box_l a { width: 49%; margin-right: 2%; } .video_box .video_box_l a:nth-child(2n) { margin-right: 0; } .video_box .video_box_l a img { width: 100%; } .video_box .video_box_l { width: 49%; } .video_box .video_box_r { width: 49%; float: right; } } @media (max-width: 1200px) { .video_box .title_index { margin-bottom: 20px; } } @media (max-width: 991px) { .video_box .video_box_l { width: 100%; } .video_box .video_box_r { width: 100%; float: right; } .video_box .video_box_r a img, .video_box .video_box_r a { width: 100%; } } @media (max-width: 767px) { .video_box .title_index { margin-bottom: 10px; padding-top: 13px; } .video_box .video_box_l a h3, .video_box .video_box_r a h3 { line-height: 28px; font-size: 12px; } } .introduction_w { width: 49%; float: left; } .introduction_w2 { width: 49%; float: right; } .introduction_box { padding-top: 14px; padding-bottom: 0px; } .introduction_box .title_index { margin-bottom: 19px; margin-left: 8px; margin-right: 8px; width: calc(100% - 16px); } .introduction_box ul li { width: calc(100% / 2); float: left; padding: 0 12px; display: inline-block; } .introduction_box ul li:nth-child(3) { display: none; } .introduction_box ul li h3 { text-align: center; background: #f6f7f9; display: inline-block; line-height: 46px; font-size: 16px; width: 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .introduction_box ul li img { width: 100%; } @media (max-width: 1200px) { .introduction_box ul li { width: calc(100% / 3); } .introduction_box ul li h3 { line-height: 24px; padding: 10px 0; } .introduction_box ul li:nth-child(6) { display: none; } .introduction_box .title_index { margin-bottom: 20px; } } @media (max-width: 991px) { .introduction_box ul li h3 { font-size: 14px; } .introduction_box ul li { width: calc(100% / 3); margin-bottom: 12px; } .introduction_box ul li:nth-child(6) { display: block; } .introduction_w { width: 100%; float: left; } .introduction_w2 { width: 100%; float: right; } } @media (max-width: 767px) { .introduction_box ul li:nth-child(3) { display: none; } .introduction_box ul li h3 { font-size: 14px; } .introduction_box ul li { padding: 0 4px; width: calc(100% / 2); margin-bottom: 12px; } .introduction_box .title_index { margin-bottom: 12px; } .introduction_box { padding-bottom: 30px; padding-top: 0; } } .foot_box { height: 361px; background: #004461 url(/uploads/image/images/bg6.jpg) no-repeat center top; padding-top: 65px; } .foot_box .foot_box_1 { background: url(/uploads/image/images/t2.png) no-repeat left top; padding-left: 16px; float: left; padding-right: 5%; width: 33.3%; } .foot_box .foot_box_2 { background: url(/uploads/image/images/t2.png) no-repeat left top; padding-left: 16px; float: left; padding-right: 4%; width: 33.3%; } .foot_box .foot_box_3 { background: url(/uploads/image/images/t2.png) no-repeat left top; padding-left: 16px; float: left; padding-right: 5%; width: 33.3%; } .foot_box .foot_title { width: 100%; float: left; margin-bottom: 16px; } .foot_box .foot_title span { color: #ffd080; font-size: 14px; display: inline-block; width: 100%; float: left; } .foot_box .foot_title h3 { color: #fff; font-size: 18px; } .foot_box .foot_body { line-height: 24px; color: #d3d9dc; font-size: 14px; } .foot_box .foot_q li { padding-top: 8px; float: left; width: 33.3%; text-align: center; } .foot_box .foot_q span { width: 100%; display: inline-block; color: #fff; text-align: center; padding-top: 5px; font-size: 14px; } @media (max-width: 1200px) { .foot_box .foot_box_3 { padding-right: 0; padding-left: 12px; } .foot_box .foot_box_2, .foot_box .foot_box_1 { padding-left: 12px; padding-right: 2%; } } @media (max-width: 991px) { .foot_box .foot_box_2, .foot_box .foot_box_1 { padding-left: 12px; padding-right: 0; } .foot_box .foot_box_3, .foot_box .foot_box_2, .foot_box .foot_box_1 { width: 100%; margin-bottom: 25px; } .foot_box { height: auto; -webkit-background-size: cover ; background-size: cover; padding-bottom: 40px; } .foot_box .foot_q li { display: inline-block; width: auto; margin-right: 12px; } .foot_box .foot_q span { display: block; } } @media (max-width: 767px) { .foot_box { padding: 20px 0; } .foot_box .foot_title h3 { font-size: 15px; } .foot_box .foot_title span { font-size: 12px; } .foot_box .foot_title { margin-bottom: 10px; line-height: 20px; } .foot_box .foot_q span { font-size: 12px; } } .k_scroll_top { position: fixed; bottom: 50px; right: 30px; background: #016677; color: #fff; width: 59px; height: 59px; text-align: center; line-height: 54px; -wekit-border-radius: 50%; -max-border-radius: 50%; border-radius: 50%; cursor: pointer; outline: 0; z-index: 99999; font-size: 30px; display: none; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .k_scroll_top .fa { line-height: 1; display: inline-block; margin-top: -5px; position: relative; } .k_scroll_top:hover { background: #018093; } @media (max-width: 767px) { .k_scroll_top { position: fixed; bottom: 20px; right: 10px; background: #016677; color: #fff; width: 36px; line-height: 36px; height: 36px; font-size: 14px; } } .pape_box { padding: 40px 0; } .pape_box .pape_box_1 { float: left; width: 20%; margin-bottom: 30px; } .pape_box .pape_box_1 .pape_title { background: url(/uploads/image/images/t4.png) no-repeat left top; line-height: 68px; color: #fff; font-size: 24px; padding-top: 10px; padding-left: 28px; margin-bottom: 0; } .pape_box .pape_box_1 ul { position: relative; float: left; width: 100%; margin-bottom: 40px; } .pape_box .pape_box_1 ul .li_hv { top: 0; -webkit-transition: 0.2s all linear 0s; transition: 0.2s all linear 0s; width: 4px; background: #158095; height: 53px; position: absolute; left: 0; } .pape_box .pape_box_1 ul li { margin-right: 20px; padding-left: 23px; border-left: #ffd080 solid 4px; } .pape_box .pape_box_1 ul li:last-child { padding-bottom: 18px; } .pape_box .pape_box_1 ul li:first-child { padding-top: 8px; } .pape_box .pape_box_1 ul li a { -webkit-transition: 0.3s all linear 0s; transition: 0.3s all linear 0s; line-height: 53px; display: inline-block; width: 100%; padding-left: 8px; border-bottom: 1px solid #f0f0f0; } .pape_box .pape_box_1 ul li a:hover { padding-left: 18px; border-bottom: 1px solid #ffd080; } .pape_box .pape_box_1 ul li.hv a { color: #158095; } .pape_box .pape_box_1 ul li.hv a:hover { padding-left: 8px; border-bottom: 1px solid #158095; } .pape_box .pape_box_2 { float: right; width: 76%; } .pape_box .swiper_box2 { margin-bottom: 60px; } .pape_box .swiper_box2 .swiper-slide { width: 23%; margin: 0 1%; } .pape_box .swiper_box2 .swiper-slide h3 { text-align: center; font-size: 14px; line-height: 30px; } .pape_box .swiper_box_box { padding: 0 28px; position: relative; } .pape_box .swiper_box_box .swiper-button-next { right: 0; margin-top: -32px; } .pape_box .swiper_box_box .swiper-button-prev { left: 0; margin-top: -32px; } .pape_box .swiper_box_box .swiper_v a { display: inline-block; position: relative; } .pape_box .swiper_box_box .swiper_v a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v2.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .pape_box .swiper_box_box .swiper_v a::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v9.png) no-repeat center center; display: block; content: ' '; } .pape_box .pape_title { padding-top: 10px; display: inline-block; width: 100%; float: left; font-size: 30px; line-height: 1; margin-bottom: 40px; font-weight: bold; color: #309eb7; background: url(/uploads/image/images/bg7.png) repeat-x bottom; } .pape_box .pape_title h3 { background: #fff; padding-right: 15px; display: inline-block; } .pape_box .pape_now { width: 100%; margin: 10px 0; float: left; color: #919191; font-size: 12px; } .pape_box .pape_now a { color: #919191; } .pape_box .pape_now svg { position: relative; top: -2px; margin-right: 8px; stroke: #919191 !important; vertical-align: middle; } .pape_box .pape_now svg path { stroke: #919191 !important; } .pape_box .pape_now svg rect { stroke: #919191 !important; } .pape_box .pape_now svg circle { stroke: #919191 !important; } @media (max-width: 1400px) { .pape_box .pape_box_1 .pape_title { -webkit-background-size: contain; background-size: contain; font-size: 20px; } } @media (max-width: 1200px) { .pape_box .pape_box_1 .pape_title { line-height: 68px; } .pape_box .pape_box_1 { width: 24%; } .pape_box .pape_box_2 { width: 72%; } } @media (max-width: 991px) { .pape_box .pape_box_1 { width: 100%; margin-bottom: 20px; } .pape_box .pape_box_2 { width: 100%; } .pape_box .pape_box_1 ul li { width: auto; display: inline-block; border: none; margin-right: 0; font-size: 0; float: left; padding-left: 0; } .pape_box .pape_box_1 ul li a { padding-left: 0; font-size: 16px; padding: 0 18px; } .pape_box .pape_box_1 ul .li_hv { display: none; } .pape_box .pape_box_1 ul li.hv a { border-bottom: 1px solid #158095; } .pape_box .pape_box_1 ul { margin-bottom: 10px; } .pape_box .pape_box_1 ul li:first-child { padding-top: 0; } } @media (max-width: 767px) { .pape_box .pape_box_1 .pape_title { line-height: 48px; font-size: 18px; } .pape_box .pape_box_1 ul li a { padding: 0 10px; font-size: 14px; line-height: 43px; } .pape_box .pape_box_1 { margin-bottom: 10px; } .pape_box .pape_box_1 ul li:last-child { padding-bottom: 0; } .pape_box .swiper_box2 { margin-bottom: 0; } .pape_box .swiper_box2 .swiper-slide { width: 98%; } .swiper_box_box { margin-top: 20px; } } .teacher_box { float: left; } .teacher_box ul li { width: calc(100% / 4); float: left; padding: 0 12px; margin-bottom: 20px; display: inline-block; } .teacher_box ul li h3 { text-align: center; background: #f6f7f9; display: inline-block; padding: 12px 0; line-height: 26px; font-size: 16px; width: 100%; } .teacher_box ul li h3 span { display: inline-block; width: 100%; text-align: center; } .teacher_box ul li img { width: 100%; } .teacher_box2 { float: left; } .teacher_box2 ul { display: flex; flex-wrap: wrap; } .teacher_box2 ul li { width: calc(100% / 6); float: left; padding: 0 12px; margin-bottom: 20px; display: inline-block; } .teacher_box2 ul li h3 { text-align: center; background: #f6f7f9; display: inline-block; padding: 12px 0; line-height: 26px; font-size: 16px; width: 100%; } .teacher_box2 ul li h3 span { display: inline-block; width: 100%; text-align: center; } .teacher_box2 ul li img { width: 100%; } @media (max-width: 1200px) { .teacher_box2 ul li { width: calc(100% / 4); } } @media (max-width: 991px) { .pape_box { padding-top: 10px; } .pape_box .pape_title { font-size: 18px; margin-bottom: 20px; } .pape_box .pape_title h3 { font-size: 18px!important; } .teacher_box ul li h3 { font-size: 14px; line-height: 20px; } .teacher_box2 { padding: 10px; font-size: 14px; } .teacher_box2 ul li { width: calc(100% / 4); } .teacher_box2 ul li h3 { font-size: 14px; line-height: 22px; } .teacher_box2 { padding-top: 12px; } } @media (max-width: 767px) { .teacher_box2 ul li { width: 50%; padding: 0 6px; margin-bottom: 6px; } .teacher_box2 ul li h3 { padding: 6px 0; } } .pape_elem { text-align: center; padding: 30px 0 50px; width: 100%; display: inline-block; font-size: 0; } .pape_elem a { height: 40px; line-height: 40px; font-size: 14px; min-width: 40px; margin: 0 5px; text-align: center; padding: 0 16px; display: inline-block; border: 1px solid #005d6f; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .pape_elem a:hover, .pape_elem a.hv { background: #005d6f; color: #fff; } .admissions_box { float: left; } .admissions_box ul li { width: calc(100% / 2); float: left; padding: 0 12px; margin-bottom: 20px; display: inline-block; } .admissions_box ul li h3 { text-align: center; background: #f6f7f9; display: inline-block; padding: 12px 0; line-height: 26px; font-size: 16px; width: 100%; } .admissions_box ul li h3 span { display: inline-block; width: 100%; text-align: center; } .admissions_box ul li img { width: 100%; } .admissions_box ul li .img { position: relative; } .admissions_box ul li .img::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v2.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .admissions_box ul li .img::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v9.png) no-repeat center center; display: block; content: ' '; } @media (max-width: 767px) { .pape_elem a { height: 32px; line-height: 32px; font-size: 12px; padding: 0 8px; margin: 0 3px; margin-bottom: 12px; min-width: 32px; } .pape_elem { padding: 15px 0 0; } .admissions_box ul li { padding: 0 6px; margin-bottom: 12px; } .admissions_box ul li h3 { font-size: 14px; line-height: 22px; padding: 8px 0; } .admissions_box ul li .img::before { background-size: 40px; } } .policy_box li { display: inline-block; width: 100%; border-bottom: 1px dashed #f1f1f1; margin-bottom: 12px; float: left; padding-bottom: 12px; line-height: 58px; } .policy_box li svg { width: 18px; stroke: #fff !important; vertical-align: middle; } .policy_box li svg path { stroke: #fff !important; } .policy_box li svg rect { stroke: #fff !important; } .policy_box li svg circle { stroke: #fff !important; } .policy_box li .policy_l { float: left; width: 140px; color: #fff; padding: 10px 18px; margin-right: 20px; -wekit-border-radius: 0 5px 5px 0; -max-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; line-height: 24px; -webkit-transition: 0.2s all linear 0s; transition: 0.2s all linear 0s; } .policy_box li .policy_1 { background: -webkit-linear-gradient(280deg, #6ed298, #519d7f); background: -moz-linear-gradient(280deg, #6ed298, #519d7f); background: -ms-linear-gradient(280deg, #6ed298, #519d7f); background: -o-linear-gradient(280deg, #6ed298, #519d7f); background: linear-gradient(280deg, #6ed298, #519d7f); border-left: 3px solid #244638; } .policy_box li .policy_1:hover { background: -webkit-linear-gradient(180deg, #6ed298, #519d7f); background: -moz-linear-gradient(180deg, #6ed298, #519d7f); background: -ms-linear-gradient(180deg, #6ed298, #519d7f); background: -o-linear-gradient(180deg, #6ed298, #519d7f); background: linear-gradient(180deg, #6ed298, #519d7f); } .policy_box li .policy_2 { background: -webkit-linear-gradient(280deg, #90e4f1, #46a6ce); background: -moz-linear-gradient(280deg, #90e4f1, #46a6ce); background: -ms-linear-gradient(280deg, #90e4f1, #46a6ce); background: -o-linear-gradient(280deg, #90e4f1, #46a6ce); background: linear-gradient(280deg, #90e4f1, #46a6ce); border-left: 3px solid #28647a; } .policy_box li .policy_2:hover { background: -webkit-linear-gradient(180deg, #90e4f1, #46a6ce); background: -moz-linear-gradient(180deg, #90e4f1, #46a6ce); background: -ms-linear-gradient(180deg, #90e4f1, #46a6ce); background: -o-linear-gradient(180deg, #90e4f1, #46a6ce); background: linear-gradient(180deg, #90e4f1, #46a6ce); } .policy_box li .policy_3 { background: -webkit-linear-gradient(280deg, #3ec0d8, #27808e); background: -moz-linear-gradient(280deg, #3ec0d8, #27808e); background: -ms-linear-gradient(280deg, #3ec0d8, #27808e); background: -o-linear-gradient(280deg, #3ec0d8, #27808e); background: linear-gradient(280deg, #3ec0d8, #27808e); border-left: 3px solid #18515a; } .policy_box li .policy_3:hover { background: -webkit-linear-gradient(180deg, #3ec0d8, #27808e); background: -moz-linear-gradient(180deg, #3ec0d8, #27808e); background: -ms-linear-gradient(180deg, #3ec0d8, #27808e); background: -o-linear-gradient(180deg, #3ec0d8, #27808e); background: linear-gradient(180deg, #3ec0d8, #27808e); } .policy_box li .policy_4 { background: -webkit-linear-gradient(280deg, #0492d0, #006ebd); background: -moz-linear-gradient(280deg, #0492d0, #006ebd); background: -ms-linear-gradient(280deg, #0492d0, #006ebd); background: -o-linear-gradient(280deg, #0492d0, #006ebd); background: linear-gradient(280deg, #0492d0, #006ebd); border-left: 3px solid #003358; } .policy_box li .policy_4:hover { background: -webkit-linear-gradient(180deg, #0492d0, #006ebd); background: -moz-linear-gradient(180deg, #0492d0, #006ebd); background: -ms-linear-gradient(180deg, #0492d0, #006ebd); background: -o-linear-gradient(180deg, #0492d0, #006ebd); background: linear-gradient(180deg, #0492d0, #006ebd); } .policy_box li .policy_5 { background: -webkit-linear-gradient(280deg, #7f78c5, #403361); background: -moz-linear-gradient(280deg, #7f78c5, #403361); background: -ms-linear-gradient(280deg, #7f78c5, #403361); background: -o-linear-gradient(280deg, #7f78c5, #403361); background: linear-gradient(280deg, #7f78c5, #403361); border-left: 3px solid #2f2548; } .policy_box li .policy_5:hover { background: -webkit-linear-gradient(180deg, #7f78c5, #403361); background: -moz-linear-gradient(180deg, #7f78c5, #403361); background: -ms-linear-gradient(180deg, #7f78c5, #403361); background: -o-linear-gradient(180deg, #7f78c5, #403361); background: linear-gradient(180deg, #7f78c5, #403361); } .policy_box li .policy_6 { background: -webkit-linear-gradient(280deg, #fdacbd, #d35874); background: -moz-linear-gradient(280deg, #fdacbd, #d35874); background: -ms-linear-gradient(280deg, #fdacbd, #d35874); background: -o-linear-gradient(280deg, #fdacbd, #d35874); background: linear-gradient(280deg, #fdacbd, #d35874); border-left: 3px solid #592531; } .policy_box li .policy_6:hover { background: -webkit-linear-gradient(180deg, #fdacbd, #d35874); background: -moz-linear-gradient(180deg, #fdacbd, #d35874); background: -ms-linear-gradient(180deg, #fdacbd, #d35874); background: -o-linear-gradient(180deg, #fdacbd, #d35874); background: linear-gradient(180deg, #fdacbd, #d35874); } .policy_box li .policy_7 { background: -webkit-linear-gradient(280deg, #dc4652, #a81a30); background: -moz-linear-gradient(280deg, #dc4652, #a81a30); background: -ms-linear-gradient(280deg, #dc4652, #a81a30); background: -o-linear-gradient(280deg, #dc4652, #a81a30); background: linear-gradient(280deg, #dc4652, #a81a30); border-left: 3px solid #5b0d1a; } .policy_box li .policy_7:hover { background: -webkit-linear-gradient(180deg, #dc4652, #a81a30); background: -moz-linear-gradient(180deg, #dc4652, #a81a30); background: -ms-linear-gradient(180deg, #dc4652, #a81a30); background: -o-linear-gradient(180deg, #dc4652, #a81a30); background: linear-gradient(180deg, #dc4652, #a81a30); } .policy_box li .policy_8 { background: -webkit-linear-gradient(280deg, #ddc28b, #fed67f); background: -moz-linear-gradient(280deg, #ddc28b, #fed67f); background: -ms-linear-gradient(280deg, #ddc28b, #fed67f); background: -o-linear-gradient(280deg, #ddc28b, #fed67f); background: linear-gradient(280deg, #ddc28b, #fed67f); border-left: 3px solid #76633b; } .policy_box li .policy_8:hover { background: -webkit-linear-gradient(180deg, #ddc28b, #fed67f); background: -moz-linear-gradient(180deg, #ddc28b, #fed67f); background: -ms-linear-gradient(180deg, #ddc28b, #fed67f); background: -o-linear-gradient(180deg, #ddc28b, #fed67f); background: linear-gradient(180deg, #ddc28b, #fed67f); } .policy_box li h3 { float: left; font-size: 16px; display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 260px); } .policy_box li span { float: right; font-size: 16px; } @media (max-width: 767px) { .policy_box li .policy_l { margin-right: 8px; width: 100px; padding: 4px 10px; font-size: 12px; } .policy_box li h3, .policy_box li span { font-size: 14px; } .policy_box li { line-height: 56px; } .policy_box li h3 { width: calc(100% - 180px); } } .importantnews_box .li_t { font-size: 28px; } .importantnews_box span { float: left; display: inline-block; font-size: 20px; font-weight: bold; border-left: 3px solid #158095; padding-left: 15px; padding-right: 20px; color: #0a94a9; } .importantnews_box h3 { float: left; display: inline-block; } .importantnews_box li { width: 99%; float: left; margin-bottom: 8px; display: inline-block; line-height: 40px; margin-left: 1%; font-size: 14px; } .importantnews_box li:nth-child(2n) { background: #f8f8f8; } .importantnews_box ul { margin-bottom: 20px; display: inline-block; } .li_t { width: 100%; display: inline-block; float: left; font-size: 28px; line-height: 40px; margin-bottom: 8px; color: #158095; padding-top: 0; padding-bottom: 10px; margin-left: 0; } .li_t::after { content: ' '; background: #fed67f; height: 3px ; width: 90px; display: block; } .alumni_box { padding-bottom: 50px; width: 100%; float: left; } .li_tab { padding-top: 20px; width: 100%; display: inline-block; font-size: 0; border-bottom: 1px solid #158095; } .li_tab a { display: inline-block; min-width: 140px; padding: 0 18px; font-size: 16px; line-height: 40px; background: #f8f8f8; text-align: center; margin-right: 15px; -wekit-border-radius: 4px 4px 0 0; -max-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .li_tab a.hv { background: #158095; color: #fff; } .li_tab_box { padding: 20px; width: 100%; background: #f8f8f8; display: inline-block; } .li_tab_box > div { display: none; } .li_tab_box .hv { display: block; } .li_tab_box .teacher_box ul li h3 { background: #fff; } .pape_box .swiper_box2 .swiper-slide { -wekit-border-radius: 8px; -max-border-radius: 8px; border-radius: 8px; overflow: hidden; } @media (max-width: 991px) { .importantnews_box { float: left; width: 100%; } .importantnews_box ul { float: left; width: 100%; } .importantnews_box .li_t { width: 100%; background: none; margin-bottom: 10px; } .importantnews_box li { background: none; float: left; display: inline-block; margin-left: 0; margin-bottom: 0; } .importantnews_box li:nth-child(2n) { background: none; } .importantnews_box li a { display: inline-block; background: #f8f8f8; width: 100%; } .importantnews_box span { width: 100%; margin-bottom: 8px; line-height: 32px; background: #158095; color: #fff; -wekit-border-radius: 5px 5px 0 0; -max-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding-left: 10px; } .importantnews_box h3 { padding: 0 12px ; line-height: 24px; width: 100%; padding-bottom: 10px; } .importantnews_box .li_t { font-size: 20px; } .li_tab { padding-top: 10px; } .li_tab a { font-size: 14px; min-width: initial; padding: 0 10px; margin-right: 8px; line-height: 34px; } .li_tab_box { padding: 0; } .li_t { font-size: 20px; } .alumni_box { padding-bottom: 30px; } } @media (max-width: 767px) { .pape_box .swiper_box_box .swiper_v a { width: 100%; } .pape_box .swiper_box_box .swiper_v a img { width: 100%; } .pape_box .swiper_box_box .swiper_v a::after { background: url(/uploads/image/images/v2.png) repeat center center; -webkit-background-size: contain; background-size: contain; } .pape_box .swiper_box_box .swiper_v a::before { background-size: 40px; } .alumni_box { padding-bottom: 12px; } .importantnews_box span { font-size: 18px; } .li_t { font-size: 16px; line-height: 32px; padding-bottom: 6px; margin-bottom: 3px; } .li_tab { border: none; } .importantnews_box h3 { padding: 0 6px ; line-height: 20px; padding-bottom: 10px; font-size: 14px; } .li_tab a { margin-bottom: 8px; } .importantnews_box .li_t { font-size: 16px; } } .situation { line-height: 36px; padding-bottom: 40px; } .situation p { padding-bottom: 15px; } .situation .situation_t { text-align: center; font-size: 28px; width: 100%; } @media (max-width: 767px) { .situation { padding-bottom: 0; line-height: 30px; padding: 0 8px; } .situation .situation_t { font-size: 18px; margin-bottom: 10px; } } .pape_box .pape_box_2.professional { width: 100%; } .introduction_pape_t { background: #005160; color: #fff; height: 40px; line-height: 40px; width: 100%; padding: 0 3%; -wekit-border-radius: 10px 0 10px 0; -max-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .introduction_pape_t h3 { display: inline-block; padding-left: 8px ; border-left: 3px solid #e2c02b; height: 20px; line-height: 20px; letter-spacing: 1px; font-size: 16px; } .introduction_pape { margin-bottom: 30px; display: inline-block; } .introduction_pape li { background: #f1f1f1; padding-bottom: 12px; float: left; width: 48.5%; margin-right: 3%; margin-bottom: 30px; } .introduction_pape li:nth-child(2n) { margin-right: 0; } .introduction_pape li .introduction_pape_t { margin-bottom: 12px; } .introduction_pape li .introduction_pape_img { width: 35%; margin-left: 3%; float: left; } .introduction_pape li .introduction_pape_v { width: 96%; margin-left: 2%; position: relative; float: left; } .introduction_pape li .introduction_pape_v img { width: 100%; } .introduction_pape li .introduction_pape_v::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v1.png) no-repeat center center; display: block; background-size: cover; content: ' '; } .introduction_pape li .introduction_pape_v::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v8.png) no-repeat center center; display: block; content: ' '; } @media (max-width: 767px) { .introduction_pape { margin-bottom: 10px; } .introduction_pape li { width: 100%; margin: 0 0 15px; } } .video_list { display: flex; float: left; flex-wrap: wrap; } .video_list li { -wekit-border-radius: 10px 0 10px 0; -max-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; float: left; width: 47%; margin: 0 1.5%; margin-bottom: 30px; background: #f1f1f1; } .video_list dl { display: block; width: 100%; padding: 20px 12px 0; float: left; } .video_list dl dd { float: left; display: inline-block; width: 46%; margin: 0 2%; margin-bottom: 20px; } .video_list dl a { display: inline-block; width: 100%; position: relative; } .video_list dl a img { width: 100%; } .video_list dl a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v1.png) no-repeat center center; display: block; content: ' '; } .video_list dl a::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v8.png) no-repeat center center; display: block; content: ' '; } .pape_title_video { position: relative; float: left; } .pape_title_video a { position: relative; display: inline-block; margin-top: 20px; } .pape_title_video a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; background: url(/uploads/image/images/v1.png) no-repeat center center; display: block; content: ' '; -webkit-background-size: contain; background-size: contain ; } .pape_title_video a::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background: url(/uploads/image/images/v8.png) no-repeat center center; display: block; content: ' '; } .online_top { width: 97%; margin: 0 1.5%; float: left; height: 68px; overflow: hidden; background: #f1f1f1; margin-bottom: 30px; -wekit-border-radius: 10px; -max-border-radius: 10px; border-radius: 10px; } .online_top .online_top_t { float: left; font-size: 20px; font-weight: bold; width: 70px; text-align: center; background: #005768; padding: 10px; color: #fff; letter-spacing: 2px; -wekit-border-radius: 10px; -max-border-radius: 10px; border-radius: 10px; } .online_top .online_top_d { line-height: 68px; height: 68px; padding-left: 20px; width: calc(100% - 70px); float: left; overflow: hidden; } .online_top .online_top_d .swiper-wrapper { height: 68px; } .online_top .online_top_d .swiper-slide { width: 46%; margin-right: 4%; } .online_top .online_top_d .swiper-slide a { height: 68px; width: 100%; overflow: hidden; display: inline-block; } .online_top .online_top_d .swiper-slide span { font-size: 16px; float: left; } .online_top .online_top_d .swiper-slide h3 { padding-left: 15px; font-size: 16px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 991px) { .online_top { margin-bottom: 20px; margin-top: 10px; } .online_top .online_top_d .swiper-slide { width: 98%; margin: 0; margin-right: 2%; } .video_list li { width: 100%; } .video_list dl dd { width: 31.3%; margin: 0 1% 18px; } } @media (max-width: 767px) { .video_list dl dd { width: 48%; margin: 0 1% 12px; } .online_top .online_top_d .swiper-slide { width: 92%; margin: 0; margin-right: 8%; } .online_top .online_top_t { font-size: 14px; width: 46px; line-height: 16px; padding: 6px; letter-spacing: 2px; } .online_top .online_top_d { line-height: 44px; height: 44px; font-size: 14px; padding-left: 12px; } .online_top { height: 44px; } .online_top .online_top_d .swiper-slide span, .online_top .online_top_d .swiper-slide h3 { font-size: 14px; } .online_top .online_top_d .swiper-slide h3 { padding-left: 8px; } .online_top .online_top_d .swiper-slide a { height: 46px; } } .zs_show { padding: 20px 0; line-height: 2; font-size: 14px; } .zs_list { margin-bottom: 40px; width: 100%; display: inline-block; } .zs_list dl { padding: 10px 0; border-bottom: 1px dashed #e5e5e5; display: flex; flex-wrap: wrap; } .zs_list dl dt { display: inline-block; width: 100px; font-weight: bold; text-align: right; } .zs_list dl dd { width: calc(100% - 100px); } .zs_list dl a { margin-bottom: 4px; padding: 0 8px; display: inline-block; font-size: 14px; line-height: 24px; -wekit-border-radius: 0; -max-border-radius: 0; border-radius: 0; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .zs_list dl a.hv { background: #008fa5; color: #fff; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; display: inline-block; } .zs_list dl a:hover { background: #008fa5; color: #fff; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; } .consulting_list table { width: 100%; text-align: center; table-layout: fixed; border: none; line-height: 20px; } .consulting_list table tbody tr td { padding: 10px 4px; } .consulting_list table tbody tr th { padding: 10px 4px; } .consulting_list table tbody tr:nth-child(1) { background: #238699 !important; color: #fff; } .consulting_list table tbody tr:nth-child(2n 1) { background: #e7f2f4; } .consulting_list ul { width: 100%; display: inline-block; float: left; } .consulting_list ul li { line-height: 40px; padding: 0 3%; display: inline-block; float: left; clear: both; width: 100%; display: block; content: ' '; } .consulting_list ul li span { display: inline-block; float: left; color: #fff; text-align: center; } .consulting_list ul li span:nth-child(1) { width: 40%; } .consulting_list ul li span:nth-child(2) { width: 15%; } .consulting_list ul li span:nth-child(3) { width: 15%; } .consulting_list ul li span:nth-child(4) { width: 15%; } .consulting_list ul li span:nth-child(5) { width: 15%; } .consulting_list ul li li { background: #fff; } .consulting_list ul li li span:nth-child(1) { text-align: left; } .consulting_list ul li li span:nth-child(1)::after { content: ' '; display: block; width: 4px; height: 4px; background: #238699; float: left; margin-top: 19px; margin-right: 8px; } .consulting_list ul li li span { color: #414141; } .consulting_list ul li:nth-child(2n 1) { background: #e7f2f4; } .consulting_list ul li:nth-child(1) { background: #238699; } .consulting_list .pape_elem { background: #e7f2f4; text-align: left; padding: 10px; width: 100%; display: inline-block; font-size: 0; } .consulting_list .pape_elem span { font-size: 12px; float: left; margin-right: 20px; margin-left: 10px; } .consulting_list .pape_elem a { height: 26px; line-height: 26px; font-size: 12px; min-width: 26px; margin: 0 2px; text-align: center; padding: 0 6px; float: left; display: inline-block; border: 1px solid #005d6f; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .consulting_list .pape_elem a:hover, .consulting_list .pape_elem a.hv { background: #005d6f; color: #fff; } @media (max-width: 991px) { .zs_list dl dt { font-size: 14px; } .zs_list dl a { padding: 0 6px; } } @media (max-width: 767px) { .consulting_list { float: left; } .zs_list dl dt { width: 80px; } .zs_list dl dd { width: calc(100% - 80px); } .consulting_list table { min-width: 750px; } .consulting_list ul { min-width: 750px; display: inline-block; } .consulting_list .pape_elem { min-width: 750px; } .consulting_list { overflow-y: auto; _overflow: auto; width: 100%; } .consulting_list table tbody tr th { font-size: 14px; } .consulting_list table tbody tr td { font-size: 14px; } .zs_list { margin-bottom: 20px; } } .consulting { padding: 0 20px; } .consulting .consulting_t { margin-top: 20px; padding-bottom: 10px; font-size: 16px; color: #188d97; font-weight: bold; } .consulting dl { float: left; width: 100%; padding: 8px 0; } .consulting dl dt { min-height: 20px; width: 90px; display: inline-block; float: left; } .consulting dl dd { min-height: 20px; width: calc(100% - 90px); display: inline-block; float: left; text-align: left; } .consulting dl input { border: 1px solid #d4d8db; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; padding: 2px 5px; margin-right: 12px; } .consulting dl textarea { border: 1px solid #d4d8db; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; padding: 2px 5px; width: 100%; min-height: 200px; margin-right: 12px; } .consulting dl img { max-height: 32px; } .consulting dl span { font-size: 12px; } .consulting dl button { background: #238699; color: #fff; width: 120px; height: 32px; -wekit-border-radius: 4px; -max-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer; } @media (max-width: 767px) { .consulting { float: left; padding: 0 8px; } .consulting .consulting_t { font-size: 14px; } .consulting dl dt { width: 70px; font-size: 14px; } .consulting dl dd { width: calc(100% - 70px); } .consulting dl input { max-width: 60%; margin-right: 8px; } } .professional_tour { margin-bottom: 40px; display: inline-block; float: left; width: 100%; } .professional_tour .professional_t { float: left; width: 17%; text-align: center; padding: 12px 0; -wekit-border-radius: 8px; -max-border-radius: 8px; border-radius: 8px; margin-right: 3%; background: #e8feff; } .professional_tour .professional_v { float: left; width: 80%; } .professional_tour .professional_v li { float: left; width: 48.5%; margin-right: 3%; } .professional_tour .professional_v li:nth-child(2) { margin-right: 0; } .professional_tour .professional_v li video { width: 100%; } @media (max-width: 767px) { .professional_tour { margin-bottom: 20px; } .professional_tour .professional_t { width: 100%; } .professional_tour .professional_v { width: 100%; } .professional_tour .professional_v li { width: 100%; display: inline-block; margin-right: 0; margin-top: 12px; } } .headstyle1rah17zuz3 .prevdisabled { height: 36px!important; line-height: 36px!important; font-size: 14px!important; padding: 0 8px!important; margin-right: 8px!important; border-radius: 3px!important; } .headstyle1rah17zuz3 a:link { height: 36px!important; line-height: 36px!important; font-size: 14px!important; padding: 0 8px!important; margin-right: 8px!important; } .defaultbuttonstyle { background: #016677 !important; color: #fff !important; border: #016677 1px solid !important; padding: 0 8px!important; border-radius: 3px!important; } .headstyle1rah17zuz3, .headstyle1rah17zuz3 td, .headstyle1rah17zuz3 div { font-size: 14px!important; line-height: 36px!important; height: 36px!important; border: #b0c9cc 1px solid !important; } .num_box { background: none; } .num_box span { display: inline-block; } @media (max-width: 991px) { .canvas_box canvas { max-width: 100%; height: auto!important; } } video { min-width: 80%; } @media (min-width: 991px) { video { min-height:450px; } } .title_index3 { border-bottom: 2px solid #f1f1f1; margin-bottom: 20px; width: 100%; float: left; line-height:40px; font-size: 22px; height: 50px; font-weight: bold; } .title_index3 h3 { display: inline-block; padding-left: 12px; padding-right: 12px; height: 50px; position: relative; } .title_index3 h3:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; left:0; bottom: 0; width: 100%; background: #ffd080; } .v_box_page { margin-bottom: 40px; } .v_box_page iframe{ border: none; list-style: none; min-height: 500px; } .v_box_page .b { padding: 10px; } @media (min-width: 991px) { .v_box_page { margin-bottom: 20px; } } .swiper_box_box { width: 100%; float: left; } .swiper_box_box img { height: 180px; } @media (min-width: 991px) { .swiper_box_box img { height: auto; } } .pape_box .swiper_box_box .swiper_box2 .swiper-slide { -wekit-border-radius: inherit; -max-border-radius:inherit; border-radius:inherit; } .zb_zhuanyexunli_li { width: 100%; float: left; display: inline-block; padding-bottom: 20px; } @media (min-width: 991px) { .zb_zhuanyexunli_li { padding-bottom: 10px; } } .zb_zhuanyexunli_xuyuan { font-weight: bold; color: #309eb7; } .zb_zhuanyexunli_xuyuan a{ color: #309eb7; }