#warp { background: #ffffff; } .header { background: #ffffff } .h-content { float: left; width: 84%; height: auto } .h-content h1 { margin-top: 0 !important; padding: 10px; } .h-content h1 img { width: 100%; height: auto !important; } .h-right { display: none } .phonenav { width: 16%; float: right; padding-top: 5px; } .phonenav img { width: 100%; } /* 手机导航 */ li, h1 { font-size: initial; } /*.nav-more-btn {position: relative;width: 1.0rem;height: 1.0rem;text-align: center}*/ .nav-more-btn a { display: block; width: 1.0rem; height: 1.0rem; background: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .nav-more-content { display: block; position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; overflow: auto; background-color: #eee; -webkit-transform: scale(0, 0.1); transform: scale(0, 0.1); -webkit-transition: all 0.2s; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform-origin: 100% 10%; transform-origin: 100% 10%; max-width: 640px; margin-left: auto; margin-right: auto; } .nav-more-content.show { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .nav-more-content .nav-close { position: absolute; top: 0.7rem; right: 1.1rem; height: 2.4rem; width: 3rem; z-index: 2; overflow: hidden; font-size: 1.6rem; text-align: center; } .nav-more-content h2 { width: 22rem; font-size: 1rem; margin: 0.4rem auto; font-weight: normal; } .nav-more-content>h2:nth-child(2) { font-size: 1.3rem !important; margin-bottom: 0.8rem; margin-top: 0.5rem; } .nav-more-content ul { width: 22rem; margin: 0 auto; overflow: hidden; } .nav-more-content li { float: left; width: 5.2rem; line-height: 1.9rem; text-align: center; margin-right: 0.3rem; margin-bottom: 0.3rem; background-color: #fff; } .nav-more-content a { display: block; font-size: 0.7rem; color: #333; text-decoration: none; } /*210923*/ @media screen and (max-width: 736px) { .footer .cp-right { display: block; background: #ebf9ff; text-align: center; } .footer .cp-right p { padding: 10px 0; } .footer .cp-right a { display: inline-block; color: #333; } .gcbanner { display: none; } .cp-right p { font-size: 13px; line-height: 50px; } } /*nav高度*/ .gcqiehuanbt, .gcnav, .gcnavbox { height: auto; } .gcul:after, .gcnav:after { content: ""; display: block; height: 0; clear: both; } .gcqiehuanbt { color: #ecf9ff !important; background: #4372b0 !important; } .gcbtbox .gcbtlis { color: #4372b0 !important; background: #ecf9ff !important; } .gcbtlis a { color: #4372B0 !important; } .gcnavbox { min-height: 60px; } .gcqiehuanbox { margin-bottom: 80px; } @media screen and (max-width: 736px) { .gcnavbox { min-height: 60px; } .gcqiehuanbt { margin-bottom: 10px; } .gcqiehuanbox { height: auto; } .gcli:hover { background: #ecf9ff; } #mediaContent0_0, #mediaContent0_0 video, #mediaContent0_1, #mediaContent0_1 video, #mediaContent0_2, #mediaContent0_2 video, #mediaContent0_3, #mediaContent0_3 video, #mediaContent0_4, #mediaContent0_4 video, #mediaContent0_5, #mediaContent0_5 video { width: 100% !important; height: auto !important; } } @media screen and (min-width: 736px) { .gcli:hover { background: #ecf9ff; } .gcbannerbt { color: #fff; } } .gcliHover { background: #ecf9ff; border-bottom: 2px solid #4372b0; } .gcbanner { background-size: auto 100% !important; } #zoom img { max-width: 100%; } #mediaContent0_0, #mediaContent0_1, #mediaContent0_2, #mediaContent0_3, #mediaContent0_4, #mediaContent0_5 { text-indent: 0; margin: auto; } #mediaContent0_0, #mediaContent0_0 video, #mediaContent0_1, #mediaContent0_1 video, #mediaContent0_2, #mediaContent0_2 video, #mediaContent0_3, #mediaContent0_3 video, #mediaContent0_4, #mediaContent0_4 video, #mediaContent0_5, #mediaContent0_5 video { max-width: 100% !important; } .gcqiehuanbt, .gcnav, .gcnavbox { height: auto; } .gcul:after, .gcnav:after { content: ""; display: block; height: 0; clear: both; } .gcqiehuanbt { color: #ecf9ff !important; background: #4372b0 !important; } .gcbtbox .gcbtlis { color: #4372b0 !important; background: #ecf9ff !important; } .gcbtlis a { color: #4372B0 !important; } .gcnavbox { min-height: 60px; } .gcqiehuanbox { margin-bottom: 80px; } @media screen and (max-width: 736px) { .gcnavbox { min-height: 60px; } .gcqiehuanbt { margin-bottom: 10px; } .gcqiehuanbox { height: auto; } .gcli:hover { background: #ecf9ff; } } @media screen and (min-width: 736px) { .gcli:hover { background: #ecf9ff; } } .gcliHover { background: #ecf9ff; border-bottom: 2px solid #4372b0; } /*211019*/ @media screen and (min-width: 736px) { .wenzhangzhengwen { margin-bottom: 20px; min-height: 180px; } } /*211022*/ .footer .footerul { width: 1200px; display: flex; justify-content: center; } /*211027*/ .gcqiehuanimgli { display: none; } .gcqiehuanimgli1 { display: block; } @media screen and (min-width: 736px) { .jujiaoleft, .jujiaoright { height: auto; } .jujiaoleft img { margin-bottom: 0; } .content { height: 800px; padding-bottom: 0; } } /*211028*/ .fenjin { display: none; } .yaowenh4 { float: left; cursor: pointer; font-size: 20px; margin-left: 25px; } .gd3 { float: right; } .gd3 a { color: #999; } .gd3 { display: none; } /*211029*/ @media screen and (max-width: 736px) { .yaowenul li a, .lunboaul a, .dabt a { white-space: nowrap; text-overflow: ellipsis; } .yaowenul li a { width: 75%; } .lunboaul a, .dabt a { width: 70%; display: block; overflow: hidden; } .dabt a, .lunboali { width: 100%; } .lunboaul { overflow: hidden; } } /*211101*/ @media screen and (min-width: 736px) { .colli { padding: 0 20px; margin: 0 !important; } .colli:hover { background: #d8f3ff; border-bottom: 2px solid #4372b0; } .header { height: 125px !important; } #xsyHeader1, .header { background: #ebf9ff; } } /*211123*/ .colli a { color: #333; font-weight: bold; } .yaowenh1 a, .yaowenh2 a, .yaowenh4 a { color: #333; } .yaowenh3 a { font-size: 20px; color: #4372b0; font-weight: bold; } .dangh1 p a { font-size: 20px; color: #4372b0; font-weight: bold; float: left; } .dangh2 .p a { font-size: 20px; color: #333; float: left; margin-right: 30px; cursor: pointer; } .dangh2 .p1 a { color: #4372b0; font-weight: bold; } .xxkli1 { background: #d8f3ff; } @media screen and (min-width: 736px){ .banner{ height: 320px; } .yaowenh1:hover, .yaowenh2:hover, .yaowenh4:hover, .dangh1 p:hover, .dangh2 .p a:hover{ background: #d8f3ff; } .xxkli1 p a{ color: #4c8bb7; } } /*211125*/ @media screen and (max-width: 736px){ .xiangguan .list li{ height: 70px; } }