@charset "utf-8"; /* CSS Document */ /*2023.9.11*/ /*2024.3.7*/ .mar0 { margin-top: 0; } .nycon { min-height: 600px; padding-top: 40px; /*background: #f5f5f5 url(../images/nybg.jpg) no-repeat center bottom;*/ } .nybanbg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 70%; z-index: 1; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.55)); } .nav-pbg { position: absolute; left: 0px; top: 40%; width: 100%; z-index: 11; text-align: center; } .nav-panel-title { font-size: 56px; color: #fff; font-weight: bold; padding-bottom: 2px; text-shadow: 3px 3px 3px #333; border-bottom: 4px solid #fff; padding: 0 25px; display: inline-block; } .ny-footer{ background: #243b60; padding: 20px 0; margin-top: 30px; } .ny-footer .marginfoot1 { margin-bottom: 20px; } /*内页面包屑侧导航*/ .ke-tit { z-index: 1; font-size: 30px; font-weight: bold; color: #333; background-color:#243b60; background-size: cover; background-repeat: no-repeat; background-position: center; text-align:center; color: #fff; padding: 28px 30px; } .nav-path { z-index: 111; color: #fff; font-size: 16px; text-align: right; position: absolute; bottom: 30px; left: 0; width: 100%; } .nav-path a { color: #fff; font-size: 16px; padding: 0 3px; } .nav-path a:hover, .nav-path a.active { color: #1b45a6; } /******左侧导航******/ .main-left { /*transition: all 1.5s;*/ /*padding-top: 20px;*/ z-index: 1; } /******右侧样式******/ .main-right { position: relative; min-height: 500px; } /*左侧导航:*/ .side-nav-panel { padding: 20px 30px; font-size: 18px; padding-bottom: 80px; min-height: 300px; background: #f5f5f5; } .slide-nav-ul { padding: 0; margin: 0; } .slide-nav-ul .item{ position: relative; } .slide-nav-ul .item:before, .slide-nav-ul .item:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: all .3s ease-in-out; } .slide-nav-ul .item:before { background-color: #ddd; width: 100%; } .slide-nav-ul .item:after{ background-color: #ff3600; } .slide-nav-ul .item:hover:after, .slide-nav-ul .item.active:after{ width: 100%; } .slide-nav-ul li a { display: block; color: #333; text-decoration: none; font-size: 20px; padding: 18px 0; position: relative; } .slide-nav-ul li a span img{ padding-left:5px; } /* 左侧二级选中 .parent */ .slide-nav-ul li a:hover, .slide-nav-ul li a.active, .slide-nav-ul li a.selected, .slide-nav-ul li a.parent, .slide-nav-ul li a.active:hover { text-decoration: none; color: #ff3600; } /*内页三级导航*/ .navigation--offcanvas > li > a { font-weight: normal; font-size: 15px; } .slide-nav-item-ul { padding: 0px 0 0px; /*border: 1px solid #064bac;*/ z-index: 111; text-align: center; margin-top: -5px; padding-bottom: 10px; padding-left: 22px; } .slide-nav-item-ul li { padding: 0px; line-height: 24px; background: none; float: none; text-align: left; border-bottom: none; margin: 0; display: block; } .slide-nav-item-ul li:hover{ border-bottom: none; } .slide-nav-item-ul li a { background: none; color: #999; padding-left: 3px; font-size: 16px; border-bottom: none; padding: 8px 15px 8px 15px; background: url(../images/san1.png) no-repeat left center; } .slide-nav-ul li .slide-nav-item-ul a.active, .slide-nav-ul li .slide-nav-item-ul li a:hover, .slide-nav-ul li .slide-nav-item-ul a.active, .slide-nav-ul li .slide-nav-item-ul a.selected { font-weight: normal; color: #ff3600; border-bottom: none; background: url(../images/san2.png) no-repeat left center; } /* 三级选中 .selected */ /* 手机二级导航下拉 */ .nav_name { /*background: #0964cf;*/ border: 1px solid #e8562f; width: 100%; margin: auto; font-size: 16px; margin: 15px 0; margin-bottom: 0; padding: 10px 0 10px 15px; color: #333; line-height: initial; cursor: pointer; } .nav_name img { position: absolute; right: 10px; top: 15px; } .nav_menu { display: none; } .nav_menu .nav_menu_list li { display: block; width: 100%; } .nav_menu .nav_menu_list li a { padding: 10px 0 10px 25px; border-bottom: 1px solid #F6EAEA; font-size: 14px; display: block; width: 100%; color: #333; line-height: initial; text-decoration: none; } .nav_menu .nav_menu_item_list li a { padding: 10px 0 10px 45px; } /* 手机二级导航下拉end */ /*yiqi*/ .yi-box { padding-top: 50px; } .yi-top { } .yi-top .yi-li { text-align: center; position: relative; } .yi-top .yi-li a { display: block; width: 100%; text-decoration: none; } .yi-top .yi-li img { } .yi-top .yi-li p { color: #fff; font-size: 20px; font-weight: bold; } .yi-top .y_bg { display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; min-height: 166px; text-decoration: none; text-align: center; } .yi-top .yi-li:nth-child(1) .y_bg { background: url(../images/yiimg1.jpg) no-repeat center center; background-size: cover; } .yi-top .yi-li:nth-child(2) .y_bg { background: url(../images/yiimg2.jpg) no-repeat center center; background-size: cover; } .yi-top .yi-li:nth-child(3) .y_bg { background: url(../images/yiimg3.jpg) no-repeat center center; background-size: cover; } .yi-top .yi-li .bb { position: absolute; left: 15px; top: 0px; width: calc(100% - 30px); height: 100%; background: rgba(0,110,192,0.9); opacity: 0; transition: all 0.8s; } .yi-top .yi-li:hover .bb { opacity: 1; transition: all 0.8s; cursor: pointer; } .yi-top .yi-li:hover img, .yi-top .yi-li:hover p { z-index: 111; position: relative; } .yi-top .yi-li:hover .y_bg { box-shadow: 0px 35px 77px -17px #c4c4c4; } .yi-them { margin: 50px 0; } .yi-title { } .yi-title h4 { font-size: 32px; color: #333; } .yi-title span { display: inline-block; width: 20%; height: 3px; background: #006ec0; } .yi-themcon { margin-top: 40px; } .yi-themcon .yi-aa { margin-bottom: 25px; } .yi-themcon .yi-aa a { text-decoration: none; display: block; line-height: 65px; background: #fff; border: 1px solid #f1f1f1; font-size: 18px; color: #666; padding: 0 25px; } .yi-themcon .yi-aa a:hover { color: #fff; background: #006ec0; } /*公共样式*/ .pb_sys_common { font-size: 16px; font-family: '微软雅黑'; line-height: 24px; color: #222; } .pb_sys_common a { text-decoration: none; } .pb_sys_common .p_pages { margin-left: -5px; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { border: 1px solid #ccc; padding: 10px; margin: 0px 0px 10px 8px; -height: auto; line-height: 12px; box-sizing: border-box; display: inline-block; vertical-align: middle; } .pb_sys_common .p_t { line-height: 12px; margin: 0px; padding: 0px; display: inline-block; vertical-align: middle; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o { color: #ccc; } .pb_sys_common .p_fun a, .pb_sys_common .p_no a { color: #222; } .pb_sys_common .p_dot { margin-left: 4px; margin-right: -4px; color: #222; } .pb_sys_common .p_goto input, .pb_sys_common .p_search input { /* height:22px; border: 1px solid #aaa; outline-width:thin; outline-color:#258CFF; text-align:center; vertical-align:middle; */ font-family: SimSun; font-size: 12px; border: 1px solid #aaa; height: 22px; line-height: 20px; box-sizing: border-box; vertical-align: middle; outline-width: thin; outline-color: #258CFF; margin: 0px 2px; padding: 0px 1px; } .pb_sys_common .p_goto input { width: 22px; text-align: center; } .pb_sys_common .p_search input { width: 100px; text-align: left; } .pb_sys_common .p_goto input:hover, .pb_sys_common .p_goto input:focus, .pb_sys_common .p_search input:hover, .pb_sys_common .p_search input:focus { border: 1px solid #258CFF; } .pb_sys_common .p_goto a, .pb_sys_common .p_search a { border: 1px solid #ccc; padding: 5px 6px; color: #222; margin: 0px; height: 24px; -height: auto; line-height: 12px; display: inline-block; box-sizing: border-box; vertical-align: middle; } .pb_sys_common .p_dosize_d, .pb_sys_common .p_dosize a { /* border-width:1px 0px 1px 1px; border-style:solid; border-color:#ccc; padding: 5px 6px; color: #222; */ border-right: 1px solid #ccc; padding: 1px 5px; color: #888888; } .pb_sys_common .p_dosize_d { /*background-color:#f5f5f5;*/ color: #222; } .pb_sys_common .p_dosize a:hover { /*background-color:#f5f5f5;*/ color: #222; } .pb_sys_common .p_dosize_last_d, .pb_sys_common .p_dosize_last a { /*border-right-width:1px*/ border-right-width: 0px; } /*按钮控制*/ .pb_sys_normal .p_first, .pb_sys_normal .p_first_d, .pb_sys_normal .p_last, .pb_sys_normal .p_last_d { display: none; } .pb_sys_normal2 .p_first, .pb_sys_normal2 .p_first_d, .pb_sys_normal2 .p_last, .pb_sys_normal2 .p_last_d, .pb_sys_normal2 .p_prev_d, .pb_sys_normal2 .p_next_d { display: none; } .pb_sys_full { } .pb_sys_full2 .p_first_d, .pb_sys_full2 .p_last_d, .pb_sys_full2 .p_prev_d, .pb_sys_full2 .p_next_d { display: none; } .pb_sys_short .p_no, .pb_sys_short .p_no_d, .pb_sys_short .p_no_o, .pb_sys_short .p_dot { display: none; } .pb_sys_short2 .p_no, .pb_sys_short2 .p_no_d, .pb_sys_short2 .p_no_o, .pb_sys_short2 .p_dot, .pb_sys_short2 .p_first, .pb_sys_short2 .p_first_d, .pb_sys_short2 .p_last, .pb_sys_short2 .p_last_d { display: none; } /*样式1-4*/ .pb_sys_style1 .p_no a:hover, .pb_sys_style1 .p_fun a:hover, .pb_sys_style1 .p_goto a:hover, .pb_sys_style1 .p_search a:hover, .pb_sys_style2 .p_no a:hover, .pb_sys_style2 .p_fun a:hover, .pb_sys_style2 .p_goto a:hover, .pb_sys_style2 .p_search a:hover, .pb_sys_style3 .p_no a:hover, .pb_sys_style3 .p_fun a:hover, .pb_sys_style3 .p_goto a:hover, .pb_sys_style3 .p_search a:hover, .pb_sys_style4 .p_no a:hover, .pb_sys_style4 .p_fun a:hover, .pb_sys_style4 .p_goto a:hover, .pb_sys_style4 .p_search a:hover { background-color: #f5f5f5; } /*样式1 蓝*/ .pb_sys_style1 .p_no_d { border: 1px solid #1d4e89; color: #fff; background-color: #1d4e89; } /*样式2 红*/ .pb_sys_style2 .p_no_d { border: 1px solid #243b60; color: #fff; background-color: #243b60; } /*样式3 绿*/ .pb_sys_style3 .p_no_d { border: 1px solid #32B907; color: #fff; background-color: #32B907; } /*样式4 灰*/ .pb_sys_style4 .p_no_d { border: 1px solid #888; color: #fff; background-color: #888; } /*样式5-8*/ .pb_sys_style5 .p_fun_d, .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no_o, .pb_sys_style5 .p_fun a, .pb_sys_style5 .p_no a, .pb_sys_style5 .p_goto a, .pb_sys_style5 .p_search a, .pb_sys_style6 .p_fun_d, .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no_o, .pb_sys_style6 .p_fun a, .pb_sys_style6 .p_no a, .pb_sys_style6 .p_goto a, .pb_sys_style6 .p_search a, .pb_sys_style7 .p_fun_d, .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no_o, .pb_sys_style7 .p_fun a, .pb_sys_style7 .p_no a, .pb_sys_style7 .p_goto a, .pb_sys_style7 .p_search a, .pb_sys_style8 .p_fun_d, .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no_o, .pb_sys_style8 .p_fun a, .pb_sys_style8 .p_no a, .pb_sys_style8 .p_goto a, .pb_sys_style8 .p_search a { border: 1px solid transparent; } .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no a:hover, .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no a:hover, .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no a:hover, .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no a:hover { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .pb_sys_style5 .p_fun a:hover, .pb_sys_style5 .p_goto a:hover, .pb_sys_style5 .p_search a:hover, .pb_sys_style6 .p_fun a:hover, .pb_sys_style6 .p_goto a:hover, .pb_sys_style6 .p_search a:hover, .pb_sys_style7 .p_fun a:hover, .pb_sys_style7 .p_goto a:hover, .pb_sys_style7 .p_search a:hover, .pb_sys_style8 .p_fun a:hover, .pb_sys_style8 .p_goto a:hover, .pb_sys_style8 .p_search a:hover { text-decoration: underline; } /*样式5 蓝*/ .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no a:hover { border: 1px solid #258CFF; color: #fff; background-color: #258CFF; } /*样式6 红*/ .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no a:hover { border: 1px solid #F04646; color: #fff; background-color: #F04646; } /*样式7 绿*/ .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no a:hover { border: 1px solid #32B907; color: #fff; background-color: #32B907; } /*样式8 灰*/ .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no a:hover { border: 1px solid #888; color: #fff; background-color: #888; } @media (min-width: 991px) { } @media (min-width: 1200px) { } @media (max-width: 1300px) { .nav-panel-title { font-size: 40px; } .slide-nav-ul li a { font-size: 16px; } .slide-nav-ul li { text-align: left; } .slide-nav-item-ul li { line-height: 26px; } .nav-pane .nav-pbg { min-height: auto; } .slide-nav-item-ul { margin: 0 20px; } /**/ .yi-title h4 { font-size: 26px; } .yi-themcon { margin-top: 30px; } } @media (max-width: 1200px) { /*中等屏幕设备 桌面*/ .nav-path a { font-size: 16px; } .nav-panel-title { font-size: 28px; } .slide-nav-ul { /*padding: 10px ;*/ padding-top: 20px; } .slide-nav-ul li a { font-size: 16px; } .slide-nav-item-ul li { padding: 0; } .ke { font-size: 36px; } .slide-nav-ul li { /*line-height: 56px;*/ } .slide-nav-item-ul li { margin: 0; } .slide-nav-item-ul li a { font-size: 16px; } .slide-nav-ul li .slide-nav-item-ul li a:hover, .slide-nav-ul li .slide-nav-item-ul a.active, .slide-nav-ul li .slide-nav-item-ul a.selected { font-weight: normal; } .slide-nav-item-ul { /*padding:2px 10px;*/ } .slide-nav-ul { padding-top: 0px !important; } .nav-pbg { bottom: 10px; } .nav-path { margin-top: 3px; } .yi-title h4 { font-size: 24px; } .yi-themcon { margin-top: 20px; } .yi-themcon .yi-aa a { line-height: 50px; font-size: 16px; } } @media (max-width: 991px) { /*小屏幕设备 平板*/ .nnavbg { background: none; margin-top: 20px; } .slide-nav-ul { padding: 5px; background: none; } .side-nav-panel { border-radius: 0; } .nav-panel-title1 { font-size: 40px; } .slide-nav-ul li a img { display: none !important; } .nav-panel-title h4 { font-size: 40px; } .nav-panel-title span { font-size: 32px; margin-bottom: 2px; } .main-top { margin-top: 20px; } .main-left { background: none; } .nav-pbg { display: inline-block; padding-top: 10px; padding: 10px 20px; } .ke { font-size: 26px; } .nav-path { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; } .slide-nav-ul li .slide-nav-item-ul li:hover, .slide-nav-ul li.active { background: none; } /*小屏幕 手机上三级样式*/ .side-nav-panel { display: none; margin-top: 0; background: #f8fbff; padding-top: 0; padding-left: 0; padding: 0; /*border-top: none;*/ } .slide-nav-item-ul { padding: 0; width: 100%; overflow: hidden; background: none; position: relative; top: auto; left: auto; margin-bottom: 0; border: none; display: block !important; margin-top: 0; box-shadow: none; margin: 0; } .slide-nav-ul li a { font-size: 16px; } .side-nav-panel ul li { display: block; width: 100%; padding: 1px 0; border-bottom: none; background: none; margin-bottom: 0; margin-top: 1px; margin: 0; border: none; } .slide-nav-ul li:hover, .slide-nav-ul li.active { border-left: none; } .slide-nav-ul li a { padding: 10px 0 10px 28px; border-bottom: 1px solid #F6EAEA; font-size: 14px; display: block; width: 100%; color: #333 !important; line-height: initial; text-decoration: none; text-align: left; background: url(../images/rs/lia.png) no-repeat 15px center; background-color: transparent !important; } .slide-nav-ul li a.active, .slide-nav-ul li a:hover, .slide-nav-ul li a.active:hover, .slide-nav-ul li a.parent, .slide-nav-ul li a.selected { color: #e8562f !important; background: url(../images/rs/lia.png) no-repeat 15px center; border-bottom: 1px solid #F6EAEA !important; } .slide-nav-ul li:hover { border-bottom: none; } .slide-nav-ul li .slide-nav-item-ul li a { padding: 10px 0 10px 43px; opacity: 1; border-bottom: 1px solid #F6EAEA; background: url(../images/rs/lia.png) no-repeat 30px center; background-color: none !important; } .slide-nav-ul li .slide-nav-item-ul li a.active, .slide-nav-ul li .slide-nav-item-ul li a:hover, .slide-nav-ul li .slide-nav-item-ul li a.selected { color: #e8562f; background: url(../images/rs/lia.png) no-repeat 30px center; border-bottom: 1px solid #F6EAEA !important; opacity: 1; } .nycon { padding-top: 15px; } .nav-pane { bottom: 20px; } .yi-title h4 { font-size: 20px; margin-bottom: 0; } .yi-themcon { margin-top: 20px; } .yi-themcon .yi-aa a { line-height: 50px; font-size: 16px; } .yi-top .yi-li p{ font-size: 18px; } } @media (max-width:767px) { /*小屏幕*/ .yi-top .yi-li { margin-bottom: 30px; } .nav_name { margin: 20px 0 0px; } .nav-panel-title { font-size: 18px; padding-left: 0; padding-bottom: 0px; border-bottom: none; padding: 5px 10px; background: #465499; display: inline-block; } .nav-pane .nav-pbg { padding: 5px; background: none; width: auto; } .nycon { padding-bottom: 15px; } .nav-path { margin-top: 0; padding-bottom: 0; } .nav-path a { line-height: 30px; font-size: 16px; } .ke { margin-bottom: 0px; font-size: 22px; line-height: 34px; padding-bottom: 5px; text-align: center; padding: 10px; width: 100%; display: inline; float: none; } .yi-title h4 { font-size: 18px; } .yi-themcon .yi-aa a { line-height: 45px; } .yi-themcon .yi-aa { margin-bottom: 20px; } .yi-them { margin: 30px 0 0px; } .yi-top .yi-li p{ font-size: 16px; margin-top: 10px; } }