* {
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;
}
}