* { padding: 0px; margin: 0px; } html, body { /* font-family: Microsoft YaHei; */ } ol, ul { margin-bottom: 0; } ul li, ol li { list-style: none; } a: { text-decoration: none; } a { text-decoration: none !important; } a:hover { text-decoration: none !important; color: #0A85D3; } p { margin: 0; } input, button, select, textarea, span { outline: none; } /**********清除浮动***********/ .fixed:before, .clearfix:before, .cl:before, body:before, .header:before, .main:before, .footer:before, .into_tabcon .img:before { content: ''; display: table; } .fixed:after, .clearfix:after, .cl:after, .header:after, .main:after, .footer:after, .into_tabcon .img:after { content: ''; display: table; clear: both; } [data-event=link] { cursor: pointer; } .pc_show { display: block; } .yd_show { display: none; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } .bg_grey { background: #f5f6f6; } .bg_white { background: #fff; } .color-blue { color: #0A85D3; } .add-shadow { box-shadow: 0 0.05rem 0.3rem rgba(0, 0, 0, 0.1); } .hover-shadow:hover { box-shadow: 0 0.05rem 0.3rem rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .pc_nav { display: none; } .yd_nav { display: block; } } /* 头部 */ .header-pc { height: 0.8rem; width: 100%; background: #fff; color: #333333; font-size: 0.18rem; font-weight: 400; transition: all 0.3s; } .header-pc a { color: #333333; transition: all 0.3s; } .header-pc .header-fixed { position: fixed; top: 0; left: 0; z-index: 9999; background: #fff; } .header-pc .header-fixed.line { border-bottom: 1px solid #F6F6F6; } .header-pc .logo { width: 2.21rem; height: 0.6rem; display: block; background: url(../img/logo.png) no-repeat; background-size: 100% 100%; border: 0; transition: all 0.3s; } .header-pc .nav-box { width: 100%; height: 0.8rem; } .header-pc .nav-box .header-menu { width: 100%; height: 0.8rem; } .header-pc .nav { display: flex; justify-content: space-between; align-items: center; position: relative; } .header-pc .nav .left { height: 0.8rem; padding-top: 0.12rem; flex: 1; } .header-pc .nav .right { height: 0.8rem; margin-left: 0.4rem; color: #333333; } .header-pc .nav .right a { position: relative; height: 0.8rem; line-height: 0.8rem; display: inline-block; } .header-pc .nav .menu li { display: inline-block; position: relative; height: 0.8rem; line-height: 0.8rem; padding: 0 0.12rem; cursor: pointer; } .header-pc .nav .menu li>a { text-align: right; display: inline-block; font-weight: 400; letter-spacing: 1px; position: relative; } .header-pc .nav .right a::after, .header-pc .nav .menu li>a::after { content: ''; position: absolute; width: 0; height: 0.02rem; /* bottom: 0.2rem; */ bottom: 1px; left: 50%; margin-left: 0; background: #333333; border-radius: 0.02rem; transition: all 0.3s; } .header-pc .nav .right a:hover::after, /* .header-pc .nav .menu li.active>a::after, */ .header-pc .nav .menu li:hover>a::after { /* width: 0.3rem; */ /* margin-left: -0.15rem; */ width: 100%; left: 0; background: #0A85D3; } .header-pc .nav .right a:hover, .header-pc .nav .menu li:hover>a, .header-pc .nav .menu li.active>a { color: #0A85D3; } /* .header-pc .nav .menu li:hover>a::after, .header-pc .nav .menu li.active>a::after { background: #0A85D3; } */ .header-pc .nav .menu li .popup { height: 0; position: absolute; left: 0; top: calc(100% - 1px); background: #fafafa; width: 100%; transition: all 0.3s; z-index: 999; overflow-y: hidden; box-shadow: 0px 2px 4px 0px rgba(38, 12, 1, 0.05); } .header-pc .nav .menu li:hover .popup { height: auto; } .header-pc .nav .menu li .popup a { color: #333 !important; /* display: block; */ width: 100%; height: 0.6rem; /* line-height: 0.6rem; */ font-size: 0.14rem; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1.2; overflow: hidden; } .header-pc .nav .menu li .popup a:hover { color: #0A85D3 !important; background: #fff; } .header-dynamic { height: 0 !important; } .header-transparent { background: none; color: #fff; height: 0; } .header-transparent .header-fixed.line { border-bottom: 0; } .header-transparent .logo { background: url(../img/logow.png) no-repeat; background-size: 100% 100%; } .header-transparent, .header-transparent a { color: #fff; } .header-transparent .nav .right a::after, .header-transparent .nav .menu li a::after { background: #fff; } .header-transparent .nav .menu li.active a { color: #fff; } .header-transparent .nav .menu li.active a::after { background: #fff; } /** 选中时改为默认样式 **/ .header-dynamic .header-fixed:hover { background: #fff !important; transition: all 0.3s; } .header-dynamic .header-fixed:hover .logo { background: url(../img/logo.png) no-repeat; background-size: 100% 100%; } .header-dynamic .header-fixed:hover, .header-dynamic .header-fixed:hover a { color: #333; } .header-dynamic .header-fixed:hover .nav .right a::after, .header-dynamic .header-fixed:hover .nav .menu li a::after { background: #0A85D3; } .header-dynamic .header-fixed:hover .nav .menu li.active a { color: #0A85D3; } .header-dynamic .header-fixed:hover .nav .menu li.active a::after { background: #0A85D3; } /** 移动端头部 **/ .header-yd { height: 0.5rem; line-height: 0.5rem; } .header-yd .header-fixed { height: 0.5rem; line-height: 0.5rem; width: 100%; background: #fff; position: fixed; z-index: 99999; border-bottom: 1px solid #f4f4f4; } .header-yd .nav { position: relative; } .header-yd .logo { position: absolute; left: 0; height: 0.33rem; width: 1.2155rem; margin-top: 0.09rem; background: url(../img/logo.png) round; background-size: 100% 100%; border: 0; } .header-yd .other-web { position: absolute; right: 0.67rem; font-size: 0.18rem; color: #000; } /* .header-yd .logo img { width: 0.33rem; height: 0.52rem; } */ .header-yd .nav .search { position: absolute; right: 0.35rem; width: 0.18rem; height: 0.18rem; margin-top: 0.15rem; background: url(../img/icon-search.png) round; background-size: 100% 100%; } .header-yd .nav .more { position: absolute; right: 0; width: 0.18rem; height: 0.16rem; margin-top: 0.17rem; z-index: 1000003; /* background: url(../img/dao.png) round; */ } .header-yd .main-open { left: -3.5rem; } .header-yd .trigger { /* width: 30px; height: 30px; float: right; margin-right: 50px; margin-top: 50px; position: relative; */ } .header-yd .slider-mask { top: 0; left: 0; display: none; position: fixed; height: 100%; width: 100%; background: #000; opacity: 0.6; z-index: 1000001; /* transition: all 0.5s ease-in-out; */ } .header-yd .slider { position: fixed; top: 0; right: -2.4rem; width: 2.4rem; height: 100%; background: #fff; z-index: 1000002; transition: all 0.3s ease-in-out; } .header-yd .open { right: 0; } .header-yd .trigger span { display: block; left: 0; width: 100%; height: 0.02rem; background: #1A1A1A; position: absolute; opacity: 1; transform: rotate(0, 0); transition: all 0.1s ease-in-out; } .header-yd .trigger span:nth-child(1) { top: 0; } .header-yd .trigger span:nth-child(2) { top: 0.06rem; } .header-yd .trigger span:nth-child(3) { top: 0.12rem; } .header-yd .trigger-open span:nth-child(1) { transform: rotate(45deg); top: 0.06rem; } .header-yd .trigger-open span:nth-child(2) { width: 0; } .header-yd .trigger-open span:nth-child(3) { transform: rotate(-45deg); top: 0.06rem; } .header-yd .nav .other { padding: 0 0.15rem; /* margin-top: 0.2rem; */ height: 0.5rem; line-height: 0.5rem; /* text-align: center; */ font-size: 0.14rem; } .header-yd .nav .other a { color: #999; font-size: 0.14rem; } .header-yd .nav .other .line { height: 0.1rem; width: 1px; margin: 0 0.05rem; background: #bbb; display: inline-block; position: relative; top: 0; } .header-yd .nav .menu { /* margin-top: 0.5rem; */ width: 100%; text-align: center; } .header-yd .nav .menu li a { height: 0.45rem; line-height: 0.45rem; font-size: 0.16rem; font-weight: 400; color: #1A1A1A; display: block; text-align: center; } .header-yd .nav .menu li a:active { background: #ebebeb; transition: all 0.3s; } .header-yd .nav .menu li.active>a, .header-yd .nav .menu li a.active { color: #0A85D3; } .header-yd .nav .menu .menu-toggle-child { height: 0; overflow-y: hidden; /* display: none; */ transition: all 0.3s; background: #f8f8f8; } .header-yd .nav .menu .menu-toggle-child a { height: 0.4rem; line-height: 0.4rem; /* font-size: 0.15rem; */ } .header-yd .nav .menu .menu-toggle-child a:active { background: #ebebeb; } .header-yd .nav .menu .menu-toggle-child.show { height: auto; overflow-y: auto; } .header-yd .search-form { height: 0.5rem; line-height: 0.5rem; background: #fff; position: fixed; top: -0.5rem; left: 0; z-index: 1000010; width: 100%; display: block; transition: all 0.3s ease-in-out; } .header-yd .search-form.show { top: 0; } .header-yd .search-form form { display: flex; align-items: center; padding: 0 4%; } .header-yd .search-form select { font-size: 0.16rem; width: 28%; color: #333; height: 0.3rem; line-height: 0.3rem; margin-top: 0.1rem; border: 0; outline: none; } .header-yd .search-form input { font-size: 0.16rem; color: #333; width: 72%; height: 0.3rem; line-height: 0.3rem; margin-top: 0.1rem; padding-left: 0.1rem; border: 0; outline: none; } .header-yd .search-form .popup-recent { /* position: absolute; */ width: 100%; margin-top: 0.1rem; background: #fff; height: 0; overflow: hidden; transition: all 0.3s; text-align: left; /* box-shadow: 0px 1px 20px 0px rgba(38, 12, 1, 0.15); */ border-top: 1px solid #f2f2f2; } .header-yd .search-form.show .popup-recent { height: auto; overflow: auto; } .header-yd .search-form .popup-recent .tit { height: 0.36rem; line-height: 0.36rem; padding: 0 0.18rem; font-size: 0.14rem; font-weight: 400; color: #a5a5a5; } .header-yd .search-form .popup-recent-list { padding-bottom: 0.1rem; } .header-yd .search-form .popup-recent-list a { padding: 0 0.18rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.16rem; font-weight: 400; color: #555; display: block; } .header-yd .search-form .popup-recent-list a:active { background: #F5F6F6; } /** 搜索 **/ .header-pc .nav.search-content { display: block; text-align: center; } .header-pc .nav.search-content .menu { display: none; } .header-yd .nav-cover { position: absolute; bottom: 0; padding: 0.06rem 0.4rem 0.16rem 0.4rem; } .header-yd .nav-cover img { width: 100%; height: 0.45rem; object-fit: cover; margin-top: 0.06rem; border-radius: 0.05rem; } .header-yd .nav-cover a:first-child img { margin-top: 0; } /* 内容 */ .content { width: 79.1666%; /* min-width: 1184px; */ padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .content1 { padding-left: 8%; padding-right: 8%; } .header, .main, .footer { /* min-width: 11.84rem; */ } .content-sm { padding: 0 200px; } /*** 网页内容 ***/ .main { width: 100%; position: relative; /* padding-bottom: 100px; */ } /*** 内容页banner ***/ .con-banner { width: 100%; min-width: 1184px; } .con-banner img { width: 100%; } /*** 内容页头部 ***/ .con-head { /* padding: 100px 0 50px 0; border-bottom: 1px solid #EBEBEB; */ } .con-head .title { font-size: 0.34rem; color: #2E2F33; line-height: 0.34rem; display: block; text-align: center; } .con-head .desc { margin-top: 0.2rem; font-size: 0.16rem; font-weight: 400; color: #9A9A9A; line-height: 0.24rem; display: block; text-align: center; } .con-head .desc:first-child { margin-top: 0px; } /*** 内容页内容 ***/ .con-content { padding: 0.4rem 0; } .con-content.line { border-bottom: 1px solid #EBEBEB; } .con-content-top { padding-top: 0.4rem; } .con-content-big { padding: 0.8rem 0; } .con-content-big-top { padding-top: 0.8rem; } /*底部*/ /* pc底部 */ .footer-pc { background: #333; width: 100%; height: auto; padding-top: 0.28rem; /* padding-bottom: 0.6rem; */ color: #999; text-align: left; } .footer-pc a { color: #999; } .footer-pc a:hover { color: #0A85D3; } .footer-head { /* display: flex; */ /* padding-bottom: 1vw; */ } .footer-head .logo { flex: 1; } .footer-head .logo img { width: 1.4rem; max-width: 100%; } .footer-head .menu { width: auto; padding-top: 0.16rem; /* display: flex; */ /* align-items: center; */ /* justify-content: space-between; */ } .footer-head .menu .item { display: inline-block; } .footer-head .menu .item+.item { margin-left: 0.4rem; } .footer-head .menu .item a { display: block; font-size: 0.14rem; font-weight: 400; line-height: 1.8; } /* .footer-head .menu .item a:first-child { font-size: 0.16rem; } */ .footer-head .menu .item a:nth-child(2) { margin-top: 0.1rem; } .footer-bottom { padding-top: 0.12rem; padding-bottom: 0.2rem; display: flex; } .footer-pc .copyright { /* height: 0.62rem; */ padding-top: 0.12rem; padding-bottom: 0.2rem; font-size: 0.14rem; font-weight: 400; display: flex; align-items: center; justify-content: space-between; } .footer-pc .copyright span, .footer-pc .copyright a { display: inline-block; } .footer-pc .copyright .m-r { margin-right: 0.48rem; } .footer-container { position: relative; } .footer-container .icons { position: absolute; right: 0; bottom: 50%; } .footer-container .icons .item { display: inline-block; position: relative; cursor: pointer; } .footer-container .icons .item+.item { margin-left: 0.2rem; } .footer-container .icons .item>img { width: 0.24rem; height: 0.24rem; } .footer-container .icons .item .icon-popup { position: absolute; bottom: 0.36rem; right: 50%; margin-right: -0.65rem; opacity: 0; height: 0; background: #444; border-radius: 0.08rem; overflow: hidden; } .footer-container .icons .item .icon-popup .box { padding: 0.08rem 0.14rem; font-size: 0.14rem; color: #999999; font-weight: 400; position: relative; width: 1.3rem; text-align: center; } .footer-container .icons .item .icon-popup .box::after { content: ''; position: absolute; bottom: -0.04rem; left: 50%; margin-left: -0.05rem; width: 0.09rem; height: 0.09rem; background: #444; transform: rotateZ(45deg); } .footer-container .icons .item:nth-child(2) .icon-popup { /* margin-right: -0.85rem; */ margin-right: -0.25rem; } .footer-container .icons .item:nth-child(2) .icon-popup .box { width: 1.9rem; } .footer-container .icons .item:nth-child(2) .icon-popup .box::after { margin-left: 0.65rem; } .footer-container .icons .item:nth-child(3) .icon-popup { margin-right: -0.55rem; } .footer-container .icons .item:nth-child(3) .icon-popup .box { width: 1.1rem; } .footer-container .icons .item:hover .icon-popup { opacity: 1; height: auto; overflow: unset; transition: opacity 0.6s; } .add-line { border-bottom: 1px solid #EBEBEB; } .clear-line { border-bottom: 0 !important; } /*按钮*/ .btn-more { height: 0.48rem; line-height: 0.44rem; border: 1px solid #0A85D3; border-radius: 0.05rem; text-align: center; font-size: 0.18rem; font-weight: 400; background: #0A85D3; color: #fff; transition: all 0.2s; cursor: pointer; display: inline-block; width: 1.8rem; /* padding: 0 0.42rem; */ } .btn-more .gt { margin-left: 0.03rem; } .btn-more:hover { opacity: 0.9; color: #fff; } .btn-more.white { border: 1px solid #fff; color: #fff; } .btn-more.white:hover { color: #0A85D3; background: #fff; } .btn-more.transparent { border: 1px solid #fff; background: none; } .btn-more.transparent:hover { border: 1px solid #0A85D3; background: #0A85D3; opacity: 1; } .btn-more-bg { color: #fff; font-size: 0.14rem; font-weight: 400; cursor: pointer; position: relative; letter-spacing: 0.01rem; display: inline-block; height: 0.48rem; line-height: 0.48rem; padding-right: 0.86rem; padding-left: 0.25rem; background: #0A85D3; } .btn-more-bg:hover { color: #fff; opacity: 0.9; } .btn-more-bg::before { content: ''; position: absolute; right: 0.25rem; top: 0.24rem; height: 0.01rem; background: #fff; width: 0.55rem; } .btn-more-bg::after { content: ''; position: absolute; right: 0.25rem; top: 0.21rem; display: inline-block; color: #fff; width: 0.07rem; height: 0.07rem; border-style: solid; border-width: 0 0.01rem 0 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .btn-detail { background: #fff; border: 1px solid #fff; color: #333; font-size: 14px; font-weight: 400; cursor: pointer; padding: 8px 44px; border-radius: 3px; } .btn-detail:hover { background: #0A85D3; border-color: #0A85D3; color: #fff; } .btn-prev, .btn-next { width: 0.6rem; height: 0.6rem; background: rgba(0, 0, 0, 0.6); display: inline-block; cursor: pointer; position: relative; border-radius: 50%; } .btn-prev::before { content: ''; position: absolute; left: 0.17rem; top: 0.24rem; display: inline-block; color: #fff; width: 0.14rem; height: 0.14rem; border-style: solid; border-width: 0 0 0.02rem 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .btn-prev::after { content: ''; position: absolute; left: 0.14rem; top: 0.3rem; display: block; background-color: #fff; width: 0.32rem; height: 0.02rem; } .btn-next::before { content: ''; position: absolute; left: 0.28rem; top: 0.23rem; display: inline-block; color: #fff; width: 0.14rem; height: 0.14rem; border-style: solid; border-width: 0 0.02rem 0 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .btn-next::after { content: ''; position: absolute; left: 0.14rem; top: 0.3rem; display: block; background-color: #fff; width: 0.32rem; height: 0.02rem; } .btn-prev:hover, .btn-next:hover, .btn-prev.active, .btn-next.active { background: #0A85D3; border-color: #0A85D3; transition: all 0.1s; } /* 导航 */ .con-container { /* display: flex; */ /* position: relative; */ } .con-nav { width: 100%; position: relative; margin-top: 0.35rem; border-bottom: 1px solid #F6F6F6; text-align: center; } .con-nav .con-nav-list { padding: 0; background: none; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-top: 0; } .con-nav .item { font-size: 0.16rem; margin-left: 0.2rem; width: auto; text-indent: 0; height: 0.4rem; line-height: 0.4rem; color: #333; display: inline-block; cursor: pointer; text-align: center; transition: all 0.3s; position: relative; } .con-nav .item+.item { margin-left: 5.10416vw; } .con-nav .item::before { content: ''; position: absolute; left: 50%; width: 0; bottom: 0; height: 0.02rem; border-radius: 0.02rem; background: #0A85D3; } .con-nav .item:hover, .con-nav .item.active { color: #0A85D3; } .con-nav .item.active::before { width: 80%; left: 10%; transition: all 0.3s; } /* .con-nav .item:hover { color: #0A85D3; background: rgba(0, 132, 255, 0.1); } */ /* .con-nav .item.active { color: #FFFFFF; background: #0A85D3; } */ .con-nav-cover img { width: 100%; margin-top: 0.1rem; } .con-nav-cover a:first-child img { margin-top: 0; } .con-nav2 { width: 1.5rem; /* margin-right: 0.14rem; */ position: absolute; padding-bottom: 0.5rem; left: -1.85rem; /*top: 0;*/ z-index: 9999; /*top: 0.35rem;*/ } .con-nav2.con_show { position: fixed; z-index: 9999; top: 1.4rem; left: auto; right: calc(50% + 627px); } .con-nav2 .con-nav2-list { background: #fff; border: 1px solid #DCDCDC; } .con-nav2-item { height: 0.5rem; line-height: 0.5rem; border-bottom: 1px solid #DCDCDC; font-size: 0.15rem; font-weight: 400; color: #555; text-align: center; display: block; overflow: hidden; } .con-nav2-item:last-child { border-bottom: 0; } /* 内容 */ .con-body { flex: 1; } .con-body .body { padding-left: 0.64rem; } .con-body .body { /* border-left: 0.01rem solid #DFE6EB; */ } .con-body .body .nav { font-size: 14px; font-weight: 400; color: #8A9399; line-height: 24px; padding-bottom: 0.08rem; border-bottom: 1px solid #DBDCDD; } .con-body .body .nav .t { color: #333333; } .con-body .body .nav a { color: #8A9399; display: inline; } .con-body .body .nav a:hover { color: #0A85D3; } .con-body .page { padding-top: 0.3rem; } /*分页*/ .con_page_container { text-align: center; padding: 0.65rem 0; } .con_page { width: 100%; } .con_page a, .con_page span { margin: 0 0.04rem; display: inline-block; padding: 0.1rem 0.16rem; font-size: 0.14rem; border: 1px solid #C2C6CC; text-decoration: none; color: black; margin-top: 0.1rem; background: #fff; } .con_page span { border: 1px solid #E5E5E5; color: #999; } .con_page a:hover { background: #E9EFF5; border-color: #0A85D3; color: #0A85D3; } .con_page .active { border-color: #0A85D3; background-color: #0A85D3; color: #fff; } .con_page .disabled { color: #999; } .con_page .prev { margin-left: 0; margin-right: 0.08rem; } .con_page .next { margin-left: 0.08rem; margin-right: 0; } .con_page .ellipsis { border: 0; color: black; background: none; } .not_found { padding: 0.8rem 0; display: block; width: 100%; } .not_found img { display: block; margin: 0 auto; margin-bottom: 0.2rem; width: 2.5rem; } .not_found p { letter-spacing: 0.02rem; text-align: center; font-size: 0.14rem; color: #999; } .com-banner { position: relative; } .com-banner .bg { width: 100%; height: auto; } .com-nav-box { width: 100%; height: 0.4rem; } .com-nav-fixed { width: 100%; background: #fff; position: fixed; left: 0; z-index: 999; } .com-nav-path { display: flex; align-items: center; padding: 0.1rem 0; } .com-nav-path .info { flex: 1; display: inline-block; font-size: 0.14rem; font-weight: 400; color: #999; line-height: 1.2; } .com-nav-path .info span { display: inline-block; } .com-nav-path a { color: #666; } .com-nav-path .back { margin-left: 0.2rem; color: #999; } .com-nav-path a:hover { color: #0A85D3; } .tabs-content-item { display: none; } .tabs-content-item.active { display: block; } @media screen and (max-width: 1440px) { .content { width: 90%; } .content1 { padding-left: 0; padding-right: 0; } /* 头部 */ .header-pc { height: 0.7rem; font-size: 0.16rem; } .header-pc .logo { width: 1.8416rem; height: 0.5rem; } .header-pc .nav-box { height: 0.7rem; } .header-pc .nav-box .header-menu { height: 0.7rem; } .header-pc .nav .left { height: 0.7rem; } .header-pc .nav .right { height: 0.7rem; margin-left: 0.2rem; } .header-pc .nav .right a { height: 0.7rem; line-height: 0.7rem; } .header-pc .nav .menu li { height: 0.7rem; line-height: 0.7rem; padding: 0 0.11rem; } /* .header-pc .nav .right a::after, .header-pc .nav .menu li a::after { bottom: 0.18rem; } .header-pc .nav .right a:hover::after, .header-pc .nav .menu li:hover a::after, .header-pc .nav .menu li.active a::after { width: 0.26rem; margin-left: -0.13rem; border-radius: 0.02rem; } */ .btn-more { height: 0.4rem; line-height: 0.38rem; width: 1.4rem; font-size: 0.15rem; } } @media screen and (max-width: 1200px) { .content { width: 96%; } } @media screen and (max-width: 900px) { .com-banner .bg { height: 2rem; object-fit: cover; } .pc_show { display: none; } .yd_show { display: block; } .pc_nav { display: none; } .yd_nav { display: block; height: 50px; width: 100%; } .yd_nav .head { display: block; height: 50px; background: white; position: fixed; z-index: 9999; width: 100%; top: 0; opacity: 1; } .content { min-width: auto; width: 92%; padding: 0; } .header, .main, .footer { min-width: auto; } .content-sm { padding: 0; } .con-head .title { font-size: 0.24rem; } .con-head .desc { font-size: 0.14rem; } .main { padding-bottom: 0; } /*按钮*/ .btn-more { height: 0.34rem; line-height: 0.32rem; width: 1.2rem; font-size: 0.13rem; } .btn-more .gt { margin-left: 0.02rem; } .btn-more:hover { color: #fff; background: #0A85D3; } .btn-more.white { border: 1px solid #fff; color: #fff; } .btn-more.white:hover { color: #0A85D3; background: #fff; } .con-banner { min-width: auto; } .con-content { padding: 0.2rem 0; } .con-content-top { padding-top: 0.2rem; } .con-content-big { padding: 0.4rem 0; } .con-content-big-top { padding-top: 0.4rem; } .con-title .line { width: 0.12rem; height: 0.01rem; } .con-title .title { margin-top: 0.16rem; font-size: 0.22rem; line-height: 0.26rem; } .con-title .desc { font-size: 0.12rem; line-height: 100%; margin-top: 0.12rem; } .title1 { font-size: 0.2rem; } .com-nav-box { height: 0.36rem; } .com-nav-path { padding: 0.1rem 0; } .com-nav-path .info { font-size: 0.14rem; } .com-nav-path .info .icon-location { width: 0.162rem; height: 0.2rem; } .com-nav-path .info span, .com-nav-path .back { display: none; } .con-container { display: block; } .con-nav { width: 100%; margin-top: 0.15rem; } .con-nav .con-nav-list { padding: 0; background: none; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-top: 0; } .con-nav .nav { display: -moz-box; /*Firefox*/ display: -webkit-box; /*Safari,Opera,Chrome*/ display: box; } .con-body .body .nav { display: none; } .con-nav .item:hover { background: none; } .con-nav .line { display: none; } .con-nav .item { font-size: 0.14rem; margin-left: 0.2rem; width: auto; text-indent: 0; height: 0.4rem; line-height: 0.4rem; color: #444; display: inline-block; } .con-nav .item.active { font-size: 0.15rem; background: none; /* color: #1A1A1A; */ font-weight: bold; margin: 0; margin-left: 0.25rem; } .con-nav .item:first-child { margin-left: 0 !important; } .con-nav .item::before { left: 50%; height: 0.02rem; top: auto; bottom: 0; width: 0; border-radius: 0.02rem; } .con-nav .item:hover::before, .con-nav .item.active::before { left: 50%; height: 0.02rem; top: auto; margin-left: -0.15rem; bottom: 0; width: 0.3rem; border-radius: 0.02rem; } .con-nav .sub { display: none; } .con-nav-cover { display: none; margin-bottom: 0.1rem; } .con-nav-cover img { height: 0.8rem; object-fit: cover; object-position: center 53%; } .con-body { width: 100%; margin: 0; padding: 0; padding-bottom: 0.25rem; } .con-body .body { border-left: 0; } .con-body .body, .con-body .page { padding-left: 0; } .con-body .page { padding-top: 0.15rem; } .footer-pc { height: auto; padding-top: 0; /* padding-bottom: 0.3rem; */ } .footer-pc .copyright { display: block; text-align: center; height: auto; padding: 0.2rem 0; line-height: 2; font-size: 0.13rem; } .footer-pc .copyright .m-r { margin-right: 0; display: block; } .footer-container { padding-bottom: 0.8rem; } .footer-container .icons { bottom: 0.4rem; width: 100%; text-align: center; } .footer-container .icons .item:nth-child(2) .icon-popup { margin-right: -0.95rem; } .footer-container .icons .item:nth-child(2) .icon-popup .box::after { margin-left: -0.05rem; } .con_back { /* margin-top: 60px; */ width: 100%; } .logo { margin-top: 0.5rem; } .logo img { width: 0.25rem; margin-left: 0.2rem; margin-top: -70px; } .con_page_container { padding: 0.3rem 0; } .con_page .ellipsis { padding: 0.08rem 0; margin: 0; } .not_found { padding: 0.4rem 0; } .not_found img { margin-bottom: 0.1rem; width: 1.8rem; } .not_found p { font-size: 0.13rem; } }