.pc-box {
    /*position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;*/
}
.pc-box .top {
    padding: 15px 0;
}
.pc-box .top .logo img {
    width: 290px;
}
.pc-box .nav {
    background-color: #00479d;
    height: 50px;
    border-bottom: 1px solid #ffffff;
}
.pc-box .nav .marginAuto {
    height: 100%;
}
.pc-box .nav .cell {
    height: 100%;
    flex: 1;
}
.pc-box .nav .cell a {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}
.pc-box .nav .cell a:hover {
    background-color: #0066e2;
}
.pc-box .nav .on a {
    background-color: #0066e2;
}
.banner {
    height: 193px;
    position: relative;
    overflow: hidden;
}
.banner .swiper-slide {
    height: 100%;
    background-size: cover;
    background-position: center;
}
.banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 99;
}
.banner-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #ffffff !important;
    border-radius: 12px;
    opacity: 1;
    margin: 0 5px;
}
.banner-pagination .swiper-pagination-bullet-active{
    width: 40px;
    background-color: #00479d !important;
}
.footer .top{
    padding: 20px 0;
    background-color: #2c2c2c;
}
.footer .top .left {
}
.footer .top .left .logo img{
    width: 270px;
}
.footer .top .left .desc {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 10px;
}
.footer .top .cell {
}
.footer .top .cell .label{
    padding-bottom: 10px;
}
.footer .top .cell .label a{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}
.footer .top .cell .value .item {
    padding-top: 5px;
}
.footer .top .cell .value .item a {
    font-size: 14px;
    color: #999999;
}
.footer .top .cell .value .desc {
    font-size: 14px;
    color: #999999;
    padding-bottom: 10px;
    line-height: 24px;
}
.footer .top .cell .value .links a {
    margin-right: 10px;
}
.footer .bottom {
    font-size: 14px;
    color: #999999;
    padding: 20px;
    text-align: center;
    background-color: #1b1b1b;
}
.footer .bottom a{
    font-size: 14px;
    color: #999999;
}

.text-swiper {
    padding: 25px 0;
}
.text-swiper .text-swiper-main {
    position: relative;
    overflow: hidden;
    background-image: url("../images/bg1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 69px;
}
.text-swiper .text-swiper-main .swiper-slide {
    padding: 25px;
    height: 69px;
}
.text-swiper .text-swiper-main .swiper-slide a {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    padding-left: 15px;
}
.text-swiper .text-swiper-main .swiper-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 6px;
}
.contact {
    position: fixed;
    right: 30px;
    top: 40%;
    z-index: 999;
    width: 200px;
}
.contact a {
    justify-content: end;
}
.contact a img {
    width: 134px;
}

.contact .ewm-img {
    width: 160px;
    display: block;
}
.contact .open-box-ewm {
    display: none;
    padding: 20px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 134px;
    width: 200px;
}
.contact:hover .open-box-ewm .text {
    text-align: center;
    padding-top: 6px;
    font-size: 13px;
}
.contact:hover .open-box-ewm {
    display: block;
}



.contact-btn {
    position: relative;
}

.contact-btn .ewm-img {
    width: 160px;
    display: block;
}
.contact-btn .open-box-ewm {
    display: none;
    position: absolute;
    right: 0;
    top: 38px;
}
.contact-btn:hover .open-box-ewm .text {
    text-align: center;
    padding-top: 6px;
    font-size: 13px;
}
.contact-btn:hover .open-box-ewm {
    display: block;
}



.link-btn {
    position: relative;
}

.link-btn .ewm-img {
    width: 160px;
    display: block;
}
.link-btn .open-box-ewm {
    display: none;
    position: absolute;
    right: 0;
    bottom: 54px;
    padding: 5px;
    background-color: #ffffff;
}
.link-btn:hover .open-box-ewm .text {
    text-align: center;
    padding-top: 6px;
    font-size: 13px;
    color: #333333;
}
.link-btn:hover .open-box-ewm {
    display: block;
}





.c1 {
    background-color: #eeeeee;
    padding: 50px 0;
}
.app-title .en {
    font-size: 60px;
    color: #DEE1E7;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial;
    text-align: center;
}
.app-title .ch {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}
.app-title .line {
    width: 70px;
    height: 4px;
    background-color: #00479D;
    margin: 0 auto;
}
.app-title .info {
    position: relative;
    left: 0;
    top: -50px;
}


.c1 .wrap .cell {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
/*.c1 .wrap .cell:first-child {*/
/*    width: calc(50% - 10px);*/
/*}*/
.c1 .wrap .cell:nth-child(4) {
    margin-right: 0;
}
.c1 .wrap .cell:last-child {
    margin-right: 0;
}
.c1 .wrap .cell .img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.c1 .wrap .cell .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
}
.c1 .wrap .cell .info .title {
    font-size: 30px;
    color: #000000;
}
.c1 .wrap .cell .info .desc {
    font-size: 16px;
    color: #000000;
    padding-top: 10px;
    line-height: 26px;
}
.c1 .wrap .cell .info .link {
    width: 109px;
    height: 33px;
    border: 1px solid #7D7D7D;
    font-size: 14px;
    color: #000000;
}
.c1 .wrap .cell .info .link:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #ffffff;
}

.c2 {
    padding: 50px 0;
}
.c2 .wrap .cell {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    position: relative;
    height: 634px;
}
.c2 .wrap .cell:last-child {
    margin-right: 0;
}
.c2 .wrap .cell .img-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    border-radius: 15px;
}
.c2 .wrap .cell .img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.c2 .wrap .cell .show-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    border-radius: 15px;
}
.c2 .wrap .cell .show-box .s-main {
    height: 40%;
    background-color: rgba(0, 71, 157, 0.8);
    width: 100%;
}
.c2 .wrap .cell .show-box .s-main .icon img {
    width: 88px;
}
.c2 .wrap .cell .show-box .s-main .title {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}
.c2 .wrap .cell .hide-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-color: rgba(0, 71, 157, 0.8);
    z-index: 10;
    padding: 10px 20px;
    display: none;
}
.c2 .wrap .cell .hide-box .title {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.c2 .wrap .cell .hide-box .min-list {
    padding-top: 30px;
}
.c2 .wrap .cell .hide-box .min-list .item {
    padding-top: 10px;
}
.c2 .wrap .cell .hide-box .min-list .item .label {
    width: 19px;
}
.c2 .wrap .cell .hide-box .min-list .item .value {
    width: calc(100% - 19px);
}
.c2 .wrap .cell .hide-box .min-list .item .label img{
    width: 19px;
}
.c2 .wrap .cell .hide-box .min-list .item .value{
    padding-left: 10px;
    font-size: 12px;
    color: #ffffff;
}
.c2 .wrap .cell .hide-box .link {
    width: 100%;
    height: 48px;
    background-color: #F39800;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
}
.c2 .wrap .cell .hide-box .link:hover {
    opacity: 0.9;
}
.c2 .wrap .cell:hover .show-box {
    display: none;
}
.c2 .wrap .cell:hover .hide-box {
    display: flex;
}

.c3 .wrap .img-box {
    width: 50%;
    height: 435px;
}
.c3 .wrap .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c3 .wrap .info {
    width: 50%;
    height: 435px;
    background-color: #eeeeee;
    background-image: url("../images/bg3.png");
    background-size: cover;
    background-position: center;
    padding: 0 40px;
}
.c3 .wrap .info .title {
    font-size: 24px;
    color: #00479d;
    font-weight: bold;
    padding-bottom: 15px;
}
.c3 .wrap .info .list .cell {
    padding-bottom: 15px;
}
.c3 .wrap .info .list .cell .label img {
    display: block;
}
.c3 .wrap .info .list .cell .label {
    padding-right: 10px;
}
.c3 .wrap .info .list .cell .value img {
    font-size: 14px;
    color: #333333;
}
.c3 .wrap .info .icon-bg {
    padding-top: 50px;
}
.c4 {
    padding-top: 50px;
}
.c4 .wrap .info .i-main {
    width: 60%;
}
.c4 .wrap .info .i-main .desc {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    padding-top: 15px;
}
.c4 .wrap .info .i-main .tag {
    position: relative;
    padding: 10px;
}
.c4 .wrap .info .i-main .tag:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00479d;
    transform: skew(-20deg);
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
}
.c4 .wrap .info .i-main .tag span {
    position: relative;
    z-index: 10;
    font-size: 16px;
    color: #ffffff;
}

.page-wrap {
    padding: 20px 0;
    background-color: #f6f6f8;
}
.page-wrap .page-navigation{
    background-color: #ffffff;
    padding: 6px 10px;
}
.page-wrap .page-navigation{
    font-size: 16px;
    color: #666666;
}
.page-wrap .page-navigation a{
    font-size: 16px;
    color: #666666;
}
.page-wrap .page-navigation img {
    margin-right: 8px;
}
.page-wrap .page-wrap-main {
    padding-top: 20px;
}
.page-wrap .page-wrap-main .page-wrap-left {
    width: 260px;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .navigation-info {
    padding: 15px;
    background-color: #00479d;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .navigation-info .t1 {
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 8px;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .navigation-info .t2 {
    font-size: 16px;
    color: #ffffff;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav {
    padding-top: 20px;
    background-color: #ffffff;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .cell {
    background-color: #eeeeee;
    padding: 15px;
    cursor: pointer;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .cell .label {
    width: 2px;
    height: 18px;
    background-color: #eeeeee;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .cell .value {
    padding-left: 10px;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .cell .value a{
    padding-left: 10px;
    font-size: 16px;
    color: #333333;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .on {
    background-color: #00479d;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .on .label {
    background-color: #ffffff;
}
.page-wrap .page-wrap-main .page-wrap-left .left-main .nav .on .value a{
    color: #ffffff;
}
.page-wrap .page-wrap-main .page-wrap-right {
    width: calc(100% - 260px);
    padding-left: 20px;
}
.page-wrap .page-wrap-main .page-wrap-right .right-main {
    background-color: #ffffff;
}
.page-wrap .page-wrap-main .page-wrap-right .right-main .r-m-top {
    padding: 20px;
    background-color: #eeeeee;
}
.page-wrap .page-wrap-main .page-wrap-right .right-main .r-m-top .label {
    width: 4px;
    height: 18px;
    background-color: #00479d;
}
.page-wrap .page-wrap-main .page-wrap-right .right-main .r-m-top .value {
    padding-left: 10px;
    font-size: 20px;
    color: #00479d;
}
.text-content-box {
    padding: 40px;
}
.text-content-box .title {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
}
.text-content-box .content {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}
.card-list {
    padding: 40px;
}
.card-list .cell {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
}
.card-list .cell:nth-child(3n) {
    margin-right: 0;
}
.card-list .cell .img {
    border: 1px solid #3A9AD1;
    padding: 15px;
    background-color: #f5f9fa;
    height: 175px;
}
.card-list2 .cell .img {
    height: 340px;
}
.card-list .cell .img img {
    width: 100%;
    height: 100%;
}
.card-list .cell .text {
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
    color: #000000;
}

.case-list {
    padding: 40px;
}
.case-list .cell {
    width: calc(100% / 5 - 12px);
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
}
.case-list .cell:nth-child(5n) {
    margin-right: 0;
}
.case-list .cell .img {
    background-color: #ffffff;
    height: 80px;
}
.case-list .cell .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.case-list .cell .text {
    font-size: 12px;
    text-align: center;
    color: #333333;
    padding: 5px;
}

.zjxx-list {
    padding: 40px;
}
.zjxx-list .cell {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f6f6f8;
}
.zjxx-list .cell .img {
    width: 165px;
    height: 205px;
}
.zjxx-list .cell .img img {
    width: 100%;
    height: 100%;
}
.zjxx-list .cell .info {
    width: calc(100% - 165px);
    padding-left: 20px;
}
.zjxx-list .cell .info .title {
    font-size: 18px;
    color: #000000;
}
.zjxx-list .cell .info .desc {
    font-size: 14px;
    color: #000000;
    padding-top: 20px;
    line-height: 24px;
}

.server-main {
    padding: 40px 0;
}
.server-main .s-main-slide {
    position: relative;
    overflow: hidden;
}
.server-main .s-main-slide .swiper-slide {
    width: 290px;
    position: relative;
    height: 350px;
}
.server-main .s-main-slide .swiper-slide .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
}
.server-main .s-main-slide .swiper-slide .info {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    padding: 50px 20px;
}
.server-main .s-main-slide .swiper-slide .info .title {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.server-main .s-main-slide .swiper-slide .info .desc {
    font-size: 16px;
    color: #eeeeee;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 40px;
}
.server-main {
    position: relative;
}
.server-main .server-button-prev {
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -25px;
}
.server-main .server-button-next {
    position: absolute;
    right: -70px;
    top: 50%;
    margin-top: -25px;
}
.server-pagination {
    padding-top: 20px;
}
.server-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    background-color: #dbebfb;
    margin: 0 4px;
}
.server-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 4px;
    background-color: #4b79c8;
}

.zskp-zl-list {
    padding: 0 25px 25px 25px;
}
.zskp-zl-list .cell {
    border-bottom: 1px solid #A0A0A0;
    padding: 20px 10px;
}
.zskp-zl-list .cell .left .icon {
    width: 10px;
    height: 10px;
    background-color: #bfbfbf;
    border-radius: 100%;
}
.zskp-zl-list .cell .left .title a{
    font-size: 16px;
    color: #000000;
    padding-left: 10px;
}
.zskp-zl-list .cell .left .title a:hover {
    color: #00479d;
}
.zskp-zl-list .cell .time {
    font-size: 14px;
    color: #999999;
    padding-left: 10px;
}

.page-banner {
    height: 375px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-banner .marginAuto {
    height: 100%;
}
.page-banner .marginAuto .top .title {
    font-size: 50px;
    color: #ffffff;
    font-weight: bold;
}
.page-banner .marginAuto .top .desc {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 10px;
}
.page-banner .marginAuto .bottom {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
}
.page-banner .marginAuto .bottom .cell {
    flex: 1;
    margin-right: 1px;
    background-color: #ffffff;
    padding: 5px;
}
.page-banner .marginAuto .bottom .cell .label {
    padding: 0 5px;
}
.page-banner .marginAuto .bottom .cell .label img {
    display: block;
}
.page-banner .marginAuto .bottom .cell .input input {
    border: none;
    height: 35px;
    width: 100%;
}
.page-banner .marginAuto .bottom .cell:first-child {
    flex: 1.5;
}
.page-banner .marginAuto .bottom .button {
    width: 115px;
    height: 45px;
    background: linear-gradient(to right, #00489e, #2c6ebd);
    border: none;
    border-radius: 0 6px 6px 0;
}
.page-banner .marginAuto .bottom .button .text {
    padding-left: 5px;
    font-size: 14px;
    color: #ffffff;
}
.page-banner .marginAuto .bottom .button:hover {
    opacity: 0.9;
}

.shangbiao-c1 {
    padding-top: 40px;
}
.shangbiao-c1 .title-box {
    font-size: 31px;
    color: #333333;
    text-align: center;
    padding-bottom: 40px;
}
.shangbiao-c1 .wrap .cell {
    width: calc(100% / 3 - 15px);
    background-color: #ffffff;
    position: relative;
    padding: 35px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.shangbiao-c1 .wrap .cell:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #00489e, #2c6ebd);
}
.shangbiao-c1 .wrap .cell:nth-child(3n) {
    margin-right: 0;
}
.shangbiao-c1 .wrap .cell .icon {
    width: 34px;
    margin-right: 10px;
}
.shangbiao-c1 .wrap .cell .c-right .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.shangbiao-c1 .wrap .cell .c-right .desc {
    font-size: 14px;
    color: #666666;
    padding-top: 10px;
    line-height: 24px;
}

.shangbiao-c2 {
    background-color: #EEEEEE;
    padding: 40px 0;
    background-image: url("../images/bg6.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.shangbiao-c2  .title-box {
    font-size: 31px;
    color: #333333;
    text-align: center;
    padding-bottom: 40px;
}
.shangbiao-c2 .wrap .cell {
    width: calc(100% / 4 - 15px);
    position: relative;
    padding: 35px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid #333333;
}
.shangbiao-c2 .wrap .cell:nth-child(4n) {
    margin-right: 0;
}
.shangbiao-c2 .wrap .cell .icon {
    text-align: center;
}
.shangbiao-c2 .wrap .cell .icon img{
    width: 48px;
}
.shangbiao-c2 .wrap .cell .title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}
.shangbiao-c2 .wrap .cell .desc {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.shangbiao-c3 {
    background-color: #f6f6f6;
    padding: 40px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.shangbiao-c3  .title-box {
    font-size: 31px;
    color: #333333;
    text-align: center;
    padding-bottom: 40px;
}
.shangbiao-c3 .wrap img {
    width: 100%;
}



.page-wrap-main2 {
    padding: 20px 0;
}
.page-wrap-main2 .page-wrap-left2 {
    width: calc(100% - 250px);
    padding-right: 20px;
}
.page-wrap-main2 .page-wrap-right2 {
    width: 250px;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 {
    background-color: #ffffff;
    padding: 25px;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .title {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .info {
    padding: 12px;
    background-color: #eeeeee;
    font-size: 16px;
    color: #333333;
    margin: 25px 0;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .content {
    font-size: 16px;
    color: #666666;
    line-height: 25px;
}
img {
    max-width: 100%;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .content img {
    max-width: 100%;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new {
    background-color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .title {
    background-color: #074f96;
    padding: 15px;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .title .line {
    width: 2px;
    height: 18px;
    background-color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .title .text {
    padding-left: 10px;
    font-size: 16px;
    color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .list {
    padding: 20px;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .list .cell {
    padding: 10px 0;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .list .cell .icon {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #878787;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .hot-new .list .cell a {
    font-size: 14px;
    color: #666666;
    padding-left: 10px;
}

.shangbiao-page {
    padding: 20px 0;
}
.shangbiao-page .shangbiao-page-nav .item {
    width: calc(100% / 5 - 15px);
    margin-right: 15px;
}
.shangbiao-page .shangbiao-page-nav .item:nth-child(5n) {
    margin-right: 0;
}
.shangbiao-page .shangbiao-page-nav .item .cell {
    padding: 10px 0;
    min-height: 60px;
}
.shangbiao-page .shangbiao-page-nav .item .cell .label {
    font-size: 14px;
    color: #00479d;
    min-width: 60px;
}
.shangbiao-page .shangbiao-page-nav .item .cell .value a {
    font-size: 14px;
    color: #333333;
}
.shangbiao-page .shangbiao-page-list {
    padding-top: 20px;
}
.shangbiao-page .shangbiao-page-list .cell {
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.shangbiao-page .shangbiao-page-list .cell:nth-child(4n) {
    margin-right: 0;
}
.shangbiao-page .shangbiao-page-list .cell .img {
    width: 100%;
    height: 180px;
}
.shangbiao-page .shangbiao-page-list .cell .img img {
    width: 100%;
    height: 100%;
}
.shangbiao-page .shangbiao-page-list .cell .info {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    width: 100%;
}
.shangbiao-page .shangbiao-page-list .cell .info .left {
    font-size: 14px;
    color: #ffffff;
    padding-right: 10px;
}
.text-left {
    text-align: left !important;
}


.page-wrap-main2 .page-wrap-left2 .left-main2 .details .info2 .cell{
    margin-right: 20px;
    padding: 15px 0;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .info2 .cell .label img {
    display: block;
}
.page-wrap-main2 .page-wrap-left2 .left-main2 .details .info2 .cell .value {
    font-size: 14px;
    color: #333333;
    padding-left: 4px;
}

.page-handle-nav {
    margin-top: 20px;
    padding: 10px 0;
    border-top: 3px solid #00479D;
}
.page-handle-nav .cell {
    padding: 10px 0;
}
.page-handle-nav .cell a {
    font-size: 14px;
    color: #333333;
}


.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj {
    background-color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .title {
    background-color: #074f96;
    padding: 15px;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .title .line {
    width: 2px;
    height: 18px;
    background-color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .title .text {
    padding-left: 10px;
    font-size: 16px;
    color: #ffffff;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list {
    padding: 20px;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    position: relative;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell:nth-child(4n) {
    margin-right: 0;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell .img {
    width: 100%;
    height: 180px;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell .img img {
    width: 100%;
    height: 100%;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell .info {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    width: 100%;
}
.page-wrap-main2 .page-wrap-right2 .right-main2 .xxtj .list .cell .info .left {
    font-size: 14px;
    color: #ffffff;
    padding-right: 10px;
}





.kjcg-item {
    padding: 25px 0;
}
.kjcg-item .kjcg-title {
    padding-bottom: 25px;
}
.kjcg-item .kjcg-title .title {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}
.kjcg-item .kjcg-title .desc {
    font-size: 14px;
    color: #9b9b9b;
    padding-left: 5px;
}
.kjcg-item .wrap .left {
    width: 220px;
    height: 720px;
}
.kjcg-item .wrap .left .left-main {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.kjcg-item .wrap .left .bg1 {
    background-image: url("../images/bg8.png");
}
.kjcg-item .wrap .left .bg2 {
    background-image: url("../images/bg9.png");
}
.kjcg-item .wrap .left .left-main .more {
    background-color: #608ec5;
    height: 65px;
}
.kjcg-item .wrap .left .bg1 .more {
    background-color: rgba(58, 154, 183, 0.2);
}
.kjcg-item .wrap .left .bg2 .more {
    background-color: rgba(255, 255, 255, 0.2);
}
.kjcg-item .wrap .left .left-main .more .text {
    font-size: 16px;
    color: #ffffff;
    padding-right: 6px;
}
.kjcg-item .wrap .left .bg1 .more:hover {
    background-color: rgba(58, 154, 183, 0.6);
}
.kjcg-item .wrap .left .bg2 .more:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
.kjcg-item .wrap .left .left-main .title-box {
    padding: 20px;
}
.kjcg-item .wrap .left .left-main .title-box .text {
    padding-left: 6px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
}
.kjcg-item .wrap .left .left-main .nav {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
}
.kjcg-item .wrap .left .left-main .nav .cell {
    padding: 12px;
    border-radius: 6px 0 0 6px;
    margin-bottom: 10px;
}
.kjcg-item .wrap .left .left-main .nav .cell .icon {
    margin-right: 10px;
    display: none;
}
.kjcg-item .wrap .left .left-main .nav .cell .text {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}
.kjcg-item .wrap .left .left-main .nav .cell .r-icon {
    display: none;
}
.kjcg-item .wrap .left .bg1 .nav .on {
    background: linear-gradient(to right, #82a4cf, #0e52a3);
}
.kjcg-item .wrap .left .bg2 .nav .on {
    background: linear-gradient(to right, #ef9a9d, #e13f45);
}
.kjcg-item .wrap .left .bg1 .nav .cell:hover {
    background: linear-gradient(to right, #82a4cf, #0e52a3);
}
.kjcg-item .wrap .left .bg2 .nav .cell:hover {
    background: linear-gradient(to right, #ef9a9d, #e13f45);
}
.kjcg-item .wrap .left .left-main .nav .on .icon {
    display: block;
}
.kjcg-item .wrap .left .left-main .nav .on .r-icon {
    display: block;
}
.kjcg-item .wrap .left .left-main .nav .cell:hover .icon {
    display: block;
}
.kjcg-item .wrap .left .left-main .nav .cell:hover .r-icon {
    display: block;
}
.kjcg-item .wrap .right {
    padding: 15px;
    background: #fff;
    width: calc(100% - 220px);
}
.kjcg-item .wrap .right .right-main .top-handle {
    padding-bottom: 15px;
}
.kjcg-item .wrap .right .right-main .top-handle .handle-main .tab-nav .cell {
    width: 10px;
    height: 10px;
    border: 1px solid #d8d8d8;
    margin-right: 10px;
    position: relative;
}
.kjcg-item .wrap .right .bg1 .top-handle .handle-main .tab-nav .on:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    margin-top: -2px;
    background-color: #00479D;
}
.kjcg-item .wrap .right .bg2 .top-handle .handle-main .tab-nav .on:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    margin-top: -2px;
    background-color: #e84950;
}
.kjcg-item .wrap .right .bg1 .top-handle .handle-main .tab-nav .on {
    border: 1px solid #00479D;
}
.kjcg-item .wrap .right .bg2 .top-handle .handle-main .tab-nav .on {
    border: 1px solid #e84950;
}
.kjcg-item .wrap .right .right-main .top-handle .handle-main .more {
    padding: 5px 10px;
    background: #F6F6F6;
    font-size: 12px;
    color: #000000;
    border-radius: 10px;
}
.kjcg-shangbiao {
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}
.kjcg-shangbiao .cell {
    width: calc(25% - 2px);
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.kjcg-shangbiao .cell:hover {
    box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
}
.kjcg-shangbiao .cell .img {
    width: 100%;
    height: 140px;
}
.kjcg-shangbiao .cell .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kjcg-shangbiao .cell .info {
    padding: 5px 15px 15px 15px;
}
.kjcg-shangbiao .cell .info .label {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.kjcg-shangbiao .cell .info .value {
    font-size: 14px;
    color: #333333;
}
.kjcg-shangbiao .cell .desc {
    font-size: 14px;
    color: #999999;
    padding-top: 8px;
}
.kjcg-shangbiao .cell .details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #00479D;
    height: 35px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}
.kjcg-shangbiao .cell:hover .details {
    display: flex;
}
.kjcg-zhuanli {
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}
.kjcg-zhuanli .cell {
    width: calc(100% / 3);
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    padding: 15px;
}
.kjcg-zhuanli .cell:hover {
    box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
}
.kjcg-zhuanli .cell .top .tag{
    background-color: #E2393F;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.kjcg-zhuanli .cell .top .title {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 8px;
    flex: 1;
}
.kjcg-zhuanli .cell .center {
    padding-top: 10px;
    padding-bottom: 5px;
}
.kjcg-zhuanli .cell .center .item {
    padding: 7px 0;
}
.kjcg-zhuanli .cell .center .item:first-child {
    width: 55%;
}
.kjcg-zhuanli .cell .center .item .label {
    font-size: 14px;
    color: #999999;
}
.kjcg-zhuanli .cell .center .item .value {
    font-size: 14px;
    color: #333333;
}
.kjcg-zhuanli .cell .center .item .value span {
    color: #E2393F;
}
.kjcg-zhuanli .cell .details {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border-radius: 4px;
    background: #E2393F;
    height: 35px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}
.kjcg-zhuanli .cell:hover .details {
    display: flex;
}


.shop {
    padding: 20px 0;
}
.shop .category {
    background-color: #ffffff;
    padding: 20px;
}
.shop .category .item {
    padding: 10px 0;
}
.shop .category .item .label {
    width: 115px;
}
.shop .category .item .value {
    width: calc(100% - 115px);
}
.shop .category .item .value .all {
    width: 85px;
}
.shop .category .item .value .all a {
    font-size: 14px;
    color: #666666;
}
.shop .category .item .value .current a {
    color: #00479d;
}
.shop .category .item .value .list {
}
.shop .category .item .value .list .cell{
    padding-bottom: 40px;
    margin-right: 35px;
    width: calc(100% / 3 - 40px);
}
.shop .category .item .value .list .cell a{
    font-size: 14px;
    color: #666666;
}
.shop .category .item .value .list .on a{
    color: #00479d;
}
.shop .category .item .value .form .cell {
    flex: 1;
    margin-right: 10px;
    margin-bottom: 10px;
}
.shop .category .item .value .form .cell .select {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    height: 34px;
    font-size: 14px;
    color: #666666;
}
.shop .category .item .value .form .cell .input {
    width: 120px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    height: 34px;
    font-size: 14px;
    color: #666666;
}
.shop .category .item .value .form .cell .input .icon {
    font-size: 14px;
    color: #999999;
    font-weight: bold;
    padding: 0 5px;
}
.shop .category .item .value .form .cell .input .input-box {
    width: calc(100% - 26px);
    border: none;
}
.shop .category .item .value .form .line {
    padding-right: 10px;
    font-size: 14px;
    color: #999999;
}
.shop .category .item .value .form .btn {
    width: 66px;
    height: 33px;
    border: 1px solid #F24343;
    font-size: 14px;
    color: #F24343;
    background: none;
    border-radius: 2px;
}
.shop .category .item .value .form .btn:hover {
    background-color: #e8e8e8;
}
.shop .category .item .value .reset {
    padding: 6px 12px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    color: #666666;
    background: none;
    border-radius: 2px;
}
.shop .category .item .value .reset:hover {
    background-color: #e8e8e8;
}
.shop .category .item .value .reset .text {
    font-size: 14px;
    color: #666666;
    padding-right: 6px;
}
.shop .category .item .value .reset img {
    width: 15px;
}
.shop .handle {
    padding: 20px 35px;
    background-color: #EEEEEE;
    border-top: 1px dashed #d8d8d8;
}
.shop .handle .text {
    font-size: 14px;
    color: #333333;
}
.shop .handle .icon {
    padding-left: 10px;
}
.shop .handle .icon img{
    display: block;
    cursor: pointer;
}
.shop .handle .icon img:first-child {
    margin-bottom: 4px;
}
.shop .handle .icon img.on{
    opacity: 0.8;
}
.shop .btns{
}
.shop .btns img{
    margin-left: 10px;
    display: block;
}
.shop .btns img:hover {
    opacity: 0.8;
}
.shop .wrap {
    padding-top: 20px;
}
.shop .wrap .cell {
    width: calc(20% - 2px - 10px);
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    background-color: #ffffff;
}
.shop .wrap .cell:nth-child(5n){
    margin-right: 0;
}
.shop .wrap .cell:hover {
    box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
}
.shop .wrap .cell .img {
    width: 100%;
    height: 140px;
}
.shop .wrap .cell .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shop .wrap .cell .info {
    padding: 5px 15px 15px 15px;
}
.shop .wrap .cell .info .label {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.shop .wrap .cell .info .value {
    font-size: 14px;
    color: #333333;
}
.shop .wrap .cell .desc {
    font-size: 14px;
    color: #999999;
    padding-top: 8px;
}
.shop .wrap .cell .details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #00479D;
    height: 35px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}
.shop .wrap .cell:hover .details {
    display: flex;
}



.shop-details {
    padding: 20px 0;
}
.shop-details .shop-details-top {
    background-color: #ffffff;
    padding: 40px;
}
.shop-details .shop-details-top .left {
    width: 180px;
}
.shop-details .shop-details-top .left .img {
    width: 100%;
    padding-bottom: 20px;
}
.shop-details .shop-details-top .left .contact-btn {
    height: 50px;
    background: linear-gradient(to right, #01479d, #3178cc);
}
.shop-details .shop-details-top .left .contact-btn img{
    width: 20px;
}
.shop-details .shop-details-top .left .contact-btn .text{
    font-size: 14px;
    color: #ffffff;
}
.shop-details .shop-details-top .right {
    width: calc(100% - 180px);
    padding-left: 40px;
}
.shop-details .shop-details-top .right .title {
    font-size: 28px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 25px;
}
.shop-details .shop-details-top .right .desc {
    font-size: 14px;
    color: #000000;
    padding-top: 20px;
    line-height: 24px;
}
.shop-details .shop-details-top .right .info {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.shop-details .shop-details-top .right .info .cell {
    padding-bottom: 15px;
    font-size: 14px;
    color: #000000;
}
.shop-details .shop-details-bottom {
    background-color: #ffffff;
    margin-top: 20px;
}
.shop-details .shop-details-bottom .tab-nav {
    border-bottom: 1px solid #d8d8d8;
    padding-top: 40px;
}
.shop-details .shop-details-bottom .tab-nav .cell {
    width: 125px;
    height: 55px;
    position: relative;
    text-align: center;
}
.shop-details .shop-details-bottom .tab-nav .cell a{
    height: 55px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    display: block;
}
.shop-details .shop-details-bottom .tab-nav .on:after{
    content: '';
    display: block;
    height: 8px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, #01479d, #3178cc);
}
.shop-details .shop-details-bottom .tab-cell {
    padding: 40px;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-title {
    padding-bottom: 25px;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-title img{
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-title .text {
    font-size: 16px;
    color: #000000;
    padding-left: 8px;
}
.shop-details .shop-details-bottom .tab-cell {
    display: none;
}
.shop-details .shop-details-bottom .tab-cell:first-child {
    display: block;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap {
    padding-bottom: 40px;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item {
    width: calc(100% / 5 - 12px);
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #E6EFFA;
    padding: 20px;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item:last-child {
    margin-right: 0;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item .item-top {
    padding-bottom: 10px;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item .item-top .num{
    font-size: 19px;
    color: #00479d;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #00479d;
    border-radius: 50%;
}
.shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item .desc{
    font-size: 16px;
    color: #333333;
}
.details-table {
    width: 100%;
}
.details-table table {
    width: 100%;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}
.details-table table thead {
    width: 100%;
}
.details-table table thead tr{
}
.details-table table thead tr th{
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background-color: #EAEFF4;
    text-align: center;
    padding: 7px 0;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}
.details-table table tbody {
}
.details-table table tbody tr{
}
.details-table table tbody tr td{
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 7px 0;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}
.patent-table table{
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    font-family: Arial, sans-serif;
}

.patent-table table th,
.patent-table table td {
    border: 1px solid #d9e1e7;
    padding: 10px;
}

.patent-table table th {
    background-color: #f2f6fa;
    font-weight: normal;
    width: 15%;
}

.patent-table table td {
    background-color: #ffffff;
    width: 35%;
}


.shop .category .item .value .search {
}
.shop .category .item .value .search form {
    width: 380px;
    height: 38px;
    border-radius: 5px;
}
.shop .category .item .value .search .s-input {
    flex: 1;
    text-indent: 10px;
    background: none;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-right: none;
    border-radius: 5px 0 0 5px;
}
.shop .category .item .value .search .s-btn {
    background: linear-gradient(to right, #01479d, #3178cc);
    height: 38px;
    font-size: 16px;
    color: #ffffff;
    border: none;
    width: 85px;
    border-radius: 0 5px 5px 0;
}
.date-range {
}
.date-range .range-label {
    padding-right: 20px;
}
.date-range .range-value {
    flex: 1;
    height: 38px;
    border-radius: 4px;
    padding: 0 8px;
    border: 1px solid #d8d8d8;
}
.date-range .range-value .icon {
    padding-right: 6px;
}
.date-range .range-value .date-range-input {
    border: none;
}

.shop .wrap2 .cell {
    margin-top: 20px;
    background-color: #ffffff;
    padding: 20px;
}
.shop .wrap2 .cell .img {
    width: 140px;
}
.shop .wrap2 .cell .center {
    padding: 0 20px;
}
.shop .wrap2 .cell .center .title {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
}
.shop .wrap2 .cell .center .t1 {
    font-size: 14px;
    color: #999999;
    padding-bottom: 20px;
}
.shop .wrap2 .cell .center .t1 span {
    font-size: 14px;
    color: #333333;
}
.shop .wrap2 .cell .center .info .item {
    padding-right: 20px;
    border-right: 1px solid #d8d8d8;
    margin-right: 20px;
}
.shop .wrap2 .cell .center .info .item:last-child {
    padding-right: 0;
    border-right: none;
}
.shop .wrap2 .cell .center .info .item .label {
    font-size: 14px;
    color: #999999;
    padding-bottom: 10px;
}
.shop .wrap2 .cell .center .info .item .value {
    font-size: 14px;
    color: #333333;
}
.shop .wrap2 .cell .right a {
    height: 50px;
    padding: 0 15px;
    border: 1px solid #ffffff;
}
.shop .wrap2 .cell .right a:first-child {
    margin-bottom: 15px;
}
.shop .wrap2 .cell .right a .text {
    font-size: 14px;
    color: #999999;
    padding-right: 6px;
}
.shop .wrap2 .cell .right a:hover {
    border: 1px solid #e8e8e8;
}



.gxpc-wrap {
    background-image: url("../images/bg10.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 80px 0;
}
.gxpc-wrap .title {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.gxpc-wrap .desc {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 40px;
}
.gxpc-wrap .form {
    background-image: url("../images/bg11.png");
    width: 1007px;
    height: 597px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
}
.gxpc-wrap .form .form-main {
    width: 40%;
}
.gxpc-wrap .form .form-main .cell {
    margin-bottom: 40px;
    height: 50px;
    border-bottom: 1px solid #ffffff;
}
.gxpc-wrap .form .form-main .cell:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.gxpc-wrap .form .form-main .cell .label {
    padding-right: 10px;
}
.gxpc-wrap .form .form-main .cell .label img {
    display: block;
}
.gxpc-wrap .form .form-main .cell .value {
    flex: 1;
    width: calc(100% - 22px);
}
.gxpc-wrap .form .form-main .cell .value .input {
    flex: 1;
    background: none;
    border: none;
    font-size: 14px;
    color: #ffffff;
}
.gxpc-wrap .form .form-main .cell .value .handle {
    font-size: 14px;
    color: #eeeeee;
    width: 90px;
    text-align: right;
}
.gxpc-wrap .form .form-main .cell .btn {
    background-color: #004dff;
    color: #ffffff;
    width: 100%;
    height: 58px;
    border: none;
    border-radius: 5px;
}

.zjtx {
    border: 6px solid #00479D;
    margin-top: 90px;
    position: relative;
}
.zjtx .title {
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    z-index: 9;
}
.zjtx .title .text {
    background-color: #F6F6F6;
    padding: 10px;
    font-size: 30px;
    color: #00479d;
    font-weight: bold;
    text-align: center;
}
.zjtx .info {
    padding: 90px;
}
.zjtx .info .cell {
    width: 50%;
}
.zjtx .info .cell .link {
    width: 80%;
    margin: 0 auto;
    height: 105px;
    border-radius: 12px;
    background-color: #00479D;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.zjtx .info .cell .img {
    padding-bottom: 20px;
}
.zjtx .info .cell .img img {
    width: 215px;
}
.page-wrap-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.zxqy {
    width: 800px;
    background-color: #ffffff;
    padding: 50px;
    border-radius: 12px;
    margin: 150px auto;
}
.zxqy .form .title {
    text-align: center;
    font-size: 30px;
    color: #00479d;
    font-weight: bold;
    padding-bottom: 30px;
}
.zxqy .form .cell {
    padding-top: 15px;
}
.zxqy .form .cell .label {
    width: 120px;
    text-align: right;
    font-size: 14px;
    color: #000000;
}
.zxqy .form .cell .value {
    width: calc(100% - 120px);
}
.zxqy .form .cell .value .input {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    text-indent: 15px;
}
.zxqy .form .cell .value .select {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    text-indent: 15px;
}
.zxqy .form .cell .btn {
    width: 260px;
    height: 42px;
    border-radius: 4px;
    border: none;
    background-color: #00479d;
    font-size: 14px;
    color: #ffffff;
    margin: 0 auto;
}
.zxqy .form .cell .btn:hover {
    opacity: 0.8;
}



.zjzk .cell {
    width: calc(100% / 4 - 12px);
    background-color: #ffffff;
    margin-right: 15px;
    margin-top: 15px;
}
.zjzk .cell:nth-child(4n) {
    margin-right: 0;
}
.zjzk .cell .img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.zjzk .cell .info {
    padding: 20px;
}
.zjzk .cell .info .i-top {
    padding-bottom: 15px;
}
.zjzk .cell .info .i-top .text {
    font-size: 24px;
    color: #00479d;
}
.zjzk .cell .info .i-top .tag {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 14px;
    color: #333333;
}
.zjzk .cell .info .desc {
    font-size: 14px;
    color: #333333;
}

.txrz {
    padding-top: 20px;
}
.txrz .cell {
    width: calc(100% / 6 - 13px);
    margin-bottom: 15px;
    margin-right: 15px;
}
.txrz .cell:nth-child(6n) {
    margin-right: 0;
}
.txrz .cell .img {
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    padding: 20px;
    height: 160px;
}
.txrz .cell .img img {
    height: 100%;
    object-fit: contain;
}
.txrz .cell .text {
    text-align: center;
    padding-top: 10px;
    color: #333333;
}


.txrz-title {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.txrz-content {
    background-color: #ffffff;
    margin-bottom: 20px;
}
.txrz-content .title-box {
    background-color: #e9f0f7;
}
.txrz-content .title-box .text {
    background-color: #ffffff;
    position: relative;
    width: 180px;
    height: 55px;
    font-size: 20px;
    color: #005cde;
}
.txrz-content .title-box .text:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: #005cde;
}
.txrz-content .content {
    padding: 30px;
    font-size: 16px;
    color: #333333;
    line-height: 180%;
}
.txrz-content .content img {
    max-width: 100%;
}
.txrz-top {
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    padding: 30px;
    background-color: #ffffff;
}
.txrz-top .left {
    width: 315px;
    height: auto;
}
.txrz-top .left .img {
    width: 100%;
    height: 100%;
    border: 1px solid #d8d8d8;
}
.txrz-top .left .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.txrz-top .right {
    width: calc(100% - 315px);
    padding-left: 40px;
}
.txrz-top .right .title {
    font-size: 30px;
    color: #333333;
}
.txrz-top .right .title {
    padding-bottom: 15px;
}
.txrz-top .right .tags .cell {
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #f2f7ff;
    font-size: 12px;
    color: #005cde;
    margin-right: 8px;
    margin-bottom: 8px;
}
.txrz-top .right .btns {
    padding-top: 15px;
}
.txrz-top .right .btns .btn1 {
    width: 139px;
    height: 38px;
    border: 1px solid #005CDE;
    font-size: 14px;
    color: #005CDE;
    margin-right: 20px;
}
.txrz-top .right .btns .btn2 {
    width: 139px;
    height: 38px;
    border: 1px solid #005CDE;
    font-size: 14px;
    color: #ffffff;
    background-color: #005CDE;
}

.open-box {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
}
.open-box-main {
    background-color: #ffffff;
    border-radius: 12px;
    position: relative;
    padding: 60px;
}
.open-box-main .close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.open-box-main .title {
    font-size: 30px;
    text-align: center;
    color: #333333;
}
.open-box-main .form {
    padding-top: 30px;
}
.open-box-main .form .cell {
    width: 455px;
    padding-bottom: 25px;
}
.open-box-main .form .cell .label {
    padding-bottom: 10px;
}
.open-box-main .form .cell .label .text{
    font-size: 16px;
    color: #999999;
}
.open-box-main .form .cell .label .icon{
    color: red;
}
.open-box-main .form .cell .value {
    height: 60px;
    background-color: #EEEEEE;
    border-radius: 3px;
    width: 100%;
}
.open-box-main .form .cell .value .input {
    text-indent: 15px;
    flex: 1;
    border: none;
    background: none;
    height: 60px;
}
.open-box-main .form .cell .value .handle-btn {
    height: 60px;
    font-size: 16px;
    color: #999999;
    padding: 0 20px;
}
.open-box-main .form .cell .btn {
    border: none;
    height: 60px;
    border-radius: 3px;
    background-color: #005CDE;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
}
.open-box-main .form .cell .btn:hover {
    opacity: 0.8;
}


.category2 {
    background-color: #ffffff;
    margin-top: 20px;
}
.category2 .item {
    border-bottom: 1px dashed #d8d8d8;
    padding: 20px;
}
.category2 .item .label {
    width: 60px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.category2 .item .value {
    width: calc(100% - 60px);
}
.category2 .item .value .cell {
    padding-right: 0;
    margin-bottom: 15px;
    width: 180px;
}
.category2 .item .value .cell a {
    font-size: 16px;
    color: #666666;
}
.category2 .item .value .on a {
    font-size: 16px;
    color: #005CDE;
}

/*.fwxt{min-width:120px; padding-right: 0 !important; flex:1;}*/

.zfxmsb .handle {
    padding: 30px 0;
}
.zfxmsb .handle .left .search {
    width: 290px;
    height: 34px;
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #d8d8d8;
    padding: 0 12px;
}
.zfxmsb .handle .left .search input {
    flex: 1;
    border: none;
}
.zfxmsb .handle .left .search .button {
    background: none;
    border: none;
}
.zfxmsb .handle .right {
    font-size: 14px;
    color: #333333;
}
.zfxmsb .handle .right span{
    font-size: 20px;
    color: #333333;
}
.zfxmsb .wrap .right {
    width: 244px;
}
.zfxmsb .wrap .left {
    width: calc(100% - 244px);
    padding-right: 40px;
}
.zfxmsb .wrap .left .cell {
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    padding: 20px;
    margin-bottom: 15px;
}
.zfxmsb .wrap .left .cell .c-left {
    flex: 1;
    border-right: 1px solid #e8e8e8;
}
.zfxmsb .wrap .left .cell .c-left .l-top {
    padding-bottom: 10px;
}
.zfxmsb .wrap .left .cell .c-left .l-top .l-t-tag {
    padding: 5px 10px;
    background-color: #a0a0a0;
    font-size: 12px;
    color: #ffffff;
    border-radius: 3px;
    min-width: 60px;
    text-align: center;
}
.zfxmsb .wrap .left .cell .c-left .l-top .on {
    background-color: #00479d;
}
.zfxmsb .wrap .left .cell .c-left .l-top .l-t-text {
    font-size: 16px;
    color: #333333;
    padding-left: 10px;
    width: calc(100% - 60px);
}
.zfxmsb .wrap .left .cell .c-left .info .item {
    font-size: 14px;
    color: #999999;
}
.zfxmsb .wrap .left .cell .c-left .info .item span {
    font-size: 14px;
    color: #333333;
}
.zfxmsb .wrap .left .cell .c-right {
    padding: 0 30px;
    width: 25%;
}
.zfxmsb .wrap .left .cell .c-right .links {
    text-align: center;
}
.zfxmsb .wrap .left .cell .c-right .c-right-top {
    font-size: 14px;
    color: #999999;
    text-align: center;
    padding-bottom: 10px;
}
.zfxmsb .wrap .left .cell .c-right .c-right-top span{
    font-size: 18px;
    color: #333333;
}
.zfxmsb .wrap .left .cell .c-right .links a {
    padding: 0 10px;
    font-size: 14px;
    color: #00479d;
    position: relative;
}
.zfxmsb .wrap .left .cell .c-right .links a .list-contact {
    position: absolute;
    ight: 0;
    top: 20px;
    display: none;
    background-color: #ffffff;
    padding: 10px;
    z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.zfxmsb .wrap .left .cell .c-right .links a:hover .list-contact {
    display: block;
}
.zfxmsb-details {
    margin-top: 20px;
}
.zfxmsb-details .right {
    width: 270px;
    padding-left: 30px;
}
.zfxmsb-details .left {
    width: calc(100% - 270px);
    background-color: #ffffff;
    padding: 20px;
}
.zfxmsb-details .left .share {
    width: 85px;
    border-right: 1px solid #e8e8e8;
    padding-right: 10px;
}
.zfxmsb-details .left .share .item {
    width: 100%;
}
.zfxmsb-details .left .share .item .label {
    position: relative;
}
.zfxmsb-details .left .share .item .label:after{
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 2;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    content: '';
    display: block;
}
.zfxmsb-details .left .share .item .label span {
    padding: 5px 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 10;
}
.zfxmsb-details .left .share .item .value {

}
.zfxmsb-details .left .share .item .value a {
    display: block;
    margin-top: 8px;
}
.zfxmsb-details .left .share .item .value a img {
    display: block;
}
.zfxmsb-details .left .left-content {
    width: calc(100% - 85px);
    padding-left: 30px;
}
.zfxmsb-details .left .left-content .title {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 15px;
}
.zfxmsb-details .left .left-content .info {
    background-color: #fafafa;
    padding: 15px;
    border: 1px solid #e8e8e8;
    margin: 20px 0;
}
.zfxmsb-details .left .left-content .info .cell {
    width: 50%;
    padding: 8px 0;
    font-size: 14px;
    color: #777777;
}
.zfxmsb-details .left .left-content .info .link-btn {
    padding: 3px 10px;
    background-color: #00479C;
    border-radius: 3px;
    font-size: 12px;
    color: #ffffff;
}
.zfxmsb-details .left .left-content .content {
    font-size: 14px;
    color: #333333;
    line-height: 180%;
}
.zfxmsb-details .left .left-content .info .cell .num-text {
    font-size: 14px;
    color: #333333;
}
.zfxmsb-details .left .left-content .info .cell .num-text span {
    font-size: 18px;
}
.zfxmsb-details .tab-content {
    padding: 15px;
    background-color: #ffffff;
}
.zfxmsb-details .tab-content .tabs {
    background-color: #fafafa;
    height: 45px;
}
.zfxmsb-details .tab-content .tabs .tab {
    cursor: pointer;
    height: 45px;
    padding: 0 15px;
    font-size: 14px;
    color: #333333;
    position: relative;
}
.zfxmsb-details .tab-content .tabs .active:after {
    width: 100%;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00479C;
}
.zfxmsb-details .tab-content .content {
    padding-top: 15px;
}
.zfxmsb-details .tab-content .content .list-item {
    padding: 15px 0;
    border-bottom: 1px dashed #e8e8e8;
    font-size: 14px;
    color: #999999;
}
.zfxmsb-details .tab-content .content .list-item a {
    font-size: 14px;
    color: #333333;
}
.zcxx {
    background-color: #ffffff;
    margin-top: 20px;
    padding: 20px;
}


.category2 .item .value .form {
    flex: 1;
}
.category2 .item .value .form .f-label{
    font-size: 14px;
    color: #666666;
}
.category2 .item .value .form .f-value{
    flex: 1;
}
.category2 .item .value .form .f-value .f-value-cell{
    flex: 1;
    padding-left: 20px;
}
.category2 .item .value .form .f-value .f-value-cell .select {
    width: 100%;
    height: 30px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}
.category2 .item .value .form .f-value .f-value-cell .checkbox {
    color: #006abe;
    font-weight: bold;
}
.category2 .item .value .form .f-value .f-value-cell .checkbox .text {
    padding-left: 5px;
}

.zcxx-wrap {

}
.zcxx-wrap .left {
    width: calc(100% - 244px);
    padding-right: 20px;
}
.zcxx-wrap .left .left-nav {
    width: 165px;
}
.zcxx-wrap .left .left-nav .l-cell {
    background-color: #F0F0F0;
    padding: 15px;
    margin-bottom: 8px;
}
.zcxx-wrap .left .left-nav .l-cell .icon1 {
    display: none;
}
.zcxx-wrap .left .left-nav .l-cell .icon2 {
    display: block;
}
.zcxx-wrap .left .left-nav .l-cell .text {
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
}
.zcxx-wrap .left .left-nav .on {
    background-color: #00479d;
}
.zcxx-wrap .left .left-nav .on .icon1 {
    display: block;
}
.zcxx-wrap .left .left-nav .on .icon2 {
    display: none;
}
.zcxx-wrap .left .left-nav .on .text {
    color: #ffffff;
}
.zcxx-wrap .left .left-list {
    width: calc(100% - 165px);
    padding-left: 20px;
}
.zcxx-wrap .left .left-list .l-cell {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}
.zcxx-wrap .left .left-list .l-cell .l-cell-top {
    padding-bottom: 15px;
}
.zcxx-wrap .left .left-list .l-cell .l-cell-top .icon1 {}
.zcxx-wrap .left .left-list .l-cell .l-cell-top a {
    font-size: 16px;
    color: #666666;
    padding-left: 5px;
}
.zcxx-wrap .left .left-list .l-cell .info {}
.zcxx-wrap .left .left-list .l-cell .l-info-cell {
    margin-right: 15px;
}
.zcxx-wrap .left .left-list .l-cell .l-info-cell .text {
    font-size: 14px;
    color: #666666;
}
.zcxx-wrap .left .left-list .l-cell .l-info-cell img {
    margin-right: 5px;
}
.zcxx-wrap .right {
    width: 244px;
}
.zcxx-wrap .right .img-box {
    position: relative;
}
.zcxx-wrap .right .img-box .img{
    width: 100%;
}
.zcxx-wrap .right .img-box .qrcode{
    width: 40%;
    position: absolute;
    left: 6%;
    bottom: 4%;
}

.img-box {
    position: relative;
}

.zfsb .right .img-box .qrcode{
    width: 40%;
    position: absolute;
    left: 6%;
    bottom: 4%;
}

.zfxmsb .wrap .right {
    width: 244px;
    position: relative;
}


.kjcsch {
    padding: 130px 0;
}
.kjcsch .cell {
    width: calc(100% / 3 - 30px);
    margin-right: 40px;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
}
.kjcsch .cell:nth-child(3n) {
    margin-right: 0;
}
.kjcsch .cell .img {
    width: 100%;
    height: 228px;
}
.kjcsch .cell .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kjcsch .cell .info {
    padding: 30px;
}
.kjcsch .cell .info .title {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 35px;
    color: #333333;
}
.kjcsch .cell .info .link {
    font-size: 16px;
    color: #00479d;
    width: 100px;
    height: 40px;
    border: 1px solid #00479d;
    border-radius: 20px;
}

.kjcsch-details {
    background-color: #ffffff;
    margin-top: 20px;
    padding: 30px;
}
.kjcsch-details .title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}
.kjcsch-details .content {
    font-size: 14px;
    color: #333333;
    line-height: 200%;
    word-wrap: break-word;     /* 兼容旧浏览器 */
  overflow-wrap: break-word; /* 现代标准 */
  white-space: pre-wrap;     /* 保留换行和空格，但也允许换行 */
}
.kjcsch-details .content pre {
    white-space: pre-wrap;     /* 默认是 pre，改成 pre-wrap 才能自动换行 */
  word-break: break-word;    /* 对长单词或链接也能断开 */
  overflow-wrap: break-word;
}
.kjcsch-details .content img {
    max-width: 100%;
}


.cxgj {
    background-color: #ffffff;
    padding: 80px;
    margin-top: 20px;
}
.cxgj-main {
    width: 700px;
    margin: 0 auto;
}
.cxgj .cxgj-top {
    padding-bottom: 50px;
}
.cxgj .cxgj-top .cell {
    width: 50%;
    text-align: center;
}
.cxgj .cxgj-top .cell img {
    display: block;
    margin: 0 auto;
}
.cxgj .cxgj-top .cell .text {
    font-size: 24px;
    color: #00479d;
    padding-top: 15px;
    text-align: center;
}
.cxgj .cxgj-bottom {
    position: relative;
    background-color: #f3f8ff;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
    padding: 50px;
}
.cxgj .cxgj-bottom .cell {
    width: 50%;
    text-align: center;
}
.cxgj .cxgj-bottom .cell .text {
    font-size: 14px;
    color: #333333;
    padding-bottom: 10px;
}
.cxgj .cxgj-bottom .cell img {
    width: 118px;
}
.cxgj .cxgj-bottom .link-btn {
    width: 210px;
    height: 54px;
    border-radius: 40px;
    background-color: #00479d;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: -26px;
    margin-left: -105px;
}

.qtyw {

}
.qtyw .cell {
    padding: 20px;
    background-color: #ffffff;
    margin-bottom: 12px;
}
.qtyw .cell .img {
    width: 300px;
    height: 168px;
}
.qtyw .cell .img img {
    width: 100%;
    height: 100%;
}
.qtyw .cell .cell-right {
    width: calc(100% - 300px);
    padding-left: 20px;
}
.qtyw .cell .cell-right .title {
    color: #00479d;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
.qtyw .cell .cell-right .desc {
    color: #666666;
    font-size: 14px;
    padding: 10px 0;
    line-height: 200%;
}
.qtyw .cell .cell-right .desc a{
    color: #00479d;
}
.qtyw .cell .cell-right .text {
    color: #999999;
    font-size: 14px;
    padding-left: 5px;
}































@media only screen and (max-width: 2600px) and (min-width:1024px) {
    .pc-box {
        display: block;
    }
}
@media only screen and (max-width: 1024px) and (min-width:0px) {


    .qtyw .cell {
        padding: 20px;
        background-color: #ffffff;
        margin-bottom: 12px;
    }
    .qtyw .cell .img {
        width: 100%;
        height: 168px;
    }
    .qtyw .cell .img img {
        object-fit: cover;
    }
    .qtyw .cell .cell-right {
        width: 100%;
        padding-left: 0;
    }
    .qtyw .cell .cell-right .title {
        font-size: 16px;
    }


    .cxgj {
        padding: 20px;
    }
    .cxgj-main {
        width: 100%;
    }
    .cxgj .cxgj-top {
        padding-bottom: 20px;
    }
    .cxgj .cxgj-top .cell {
        width: 100%;
    }
    .cxgj .cxgj-top .cell .text {
        font-size: 18px;
    }
    .cxgj .cxgj-bottom {
        padding: 20px;
    }
    .cxgj .cxgj-bottom .cell {
        width: 100%;
    }
    .cxgj .cxgj-bottom .link-btn {
        width: 210px;
        height: 54px;
        border-radius: 40px;
        background-color: #00479d;
        font-size: 20px;
        color: #ffffff;
        position: relative;
        left: 0;
        bottom: 0;
        margin: 20px auto;
    }



    .kjcsch {
        padding: 30px 0;
    }
    .kjcsch .cell {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .kjcsch .cell .info {
        padding: 20px;
    }
    .kjcsch .cell .info .title {
        font-size: 18px;
        padding-bottom: 20px;
    }


    .zcxx-wrap .left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .zcxx-wrap .left .left-nav {
        width: 100%;
    }
    .zcxx-wrap .left .left-list {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .zcxx-wrap .left .left-list .l-cell {
        padding: 15px 0;
        border-bottom: 1px solid #e8e8e8;
    }
    .zcxx-wrap .left .left-list .l-cell .l-cell-top {
        padding-bottom: 15px;
    }
    .zcxx-wrap .left .left-list .l-cell .l-cell-top .icon1 {}
    .zcxx-wrap .left .left-list .l-cell .l-cell-top a {
        font-size: 16px;
        color: #666666;
        padding-left: 5px;
    }
    .zcxx-wrap .left .left-list .l-cell .info {}
    .zcxx-wrap .left .left-list .l-cell .l-info-cell {
        margin-right: 15px;
    }
    .zcxx-wrap .left .left-list .l-cell .l-info-cell .text {
        font-size: 14px;
        color: #666666;
    }
    .zcxx-wrap .left .left-list .l-cell .l-info-cell img {
        margin-right: 5px;
    }
    .zcxx-wrap .right {
        width: 244px;
    }
    .zcxx-wrap .right .img{
        width: 100%;
    }




    .category2 .item .value .form {
        flex: none;
        width: 100%;
    }
    .category2 .item .value .form .f-label{
        font-size: 14px;
        color: #666666;
        width: 100%;
    }
    .category2 .item .value .form .f-value{
        flex: 1;
    }
    .category2 .item .value .form .f-value .f-value-cell{
        flex: none;
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }


    .zfxmsb-details .left .left-content .info .cell {
        width: 100%;
    }

    .zfxmsb-details .right {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .zfxmsb-details .left {
        width: 100%;
    }
    .zfxmsb-details .left .share {
        width: 100%;
        border-right: 1px solid #e8e8e8;
        padding-right: 10px;
    }
    .zfxmsb-details .left .share .item {
        width: 100%;
    }
    .zfxmsb-details .left .share .item .value {
        flex-direction: row;
    }
    .zfxmsb-details .left .share .item .value a {
        display: block;
        margin: 0 6px;
    }
    .zfxmsb-details .left .share .item .value a img {
        display: block;
    }
    .zfxmsb-details .left .left-content {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .zfxmsb-details .left .left-content .title {
        font-size: 18px;
    }



    .category2 .item .label {
        width: 100%;
        padding-bottom: 8px;
    }
    .category2 .item .value {
        width: 100%;
    }
    .category2 .item .value .cell {
        padding-right: 20px;
    }

    .zfxmsb .handle {
        padding: 20px 0;
    }
    .zfxmsb .handle .left {
        width: 100%;
        flex: none !important;
    }
    .zfxmsb .handle .left .search {
        width: 100%;
    }
    .zfxmsb .handle .right {
        width: 100%;
        padding-top: 8px;
    }
    .zfxmsb .wrap .right {
        width: 100%;
    }
    .zfxmsb .wrap .left {
        width: 100%;
        padding-right: 0;
        padding-top: 20px;
    }
    .zfxmsb .wrap .left .cell .c-left {
        flex: none;
        border-right: none;
        width: 100%;
    }
    .zfxmsb .wrap .left .cell .c-right {
        padding: 0 10px;
        width: 100%;
        padding-top: 12px;
    }




    .open-box-main {
        padding: 20px;
    }
    .open-box-main .close img{
        width: 20px;
    }
    .open-box-main .title {
        font-size: 20px;
    }
    .open-box-main .form {
        padding-top: 20px;
    }
    .open-box-main .form .cell {
        width: 100%;
        padding-bottom: 15px;
    }



    .txrz-title {
        font-size: 18px;
    }
    .txrz-content .content {
        padding: 20px;
    }
    .txrz-top {
        padding: 20px;
    }
    .txrz-top .left {
        width: 100%;
        height: auto;
    }
    .txrz-top .right {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .txrz-top .right .title {
        font-size: 20px;
    }



    .txrz {
        padding-top: 20px;
    }
    .txrz .cell {
        width: calc(100% / 2 - 13px);
        margin-bottom: 15px;
        margin-right: 15px;
    }
    .txrz .cell:nth-child(2n) {
        margin-right: 0 !important;
    }



    .zjzk .cell {
        width: 100%;
        margin-right: 0;
    }



    .zxqy {
        width: 100%;
        padding: 20px;
        margin: 30px auto;
    }
    .zxqy .form .title {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .zxqy .form .cell .label {
        width: 100%;
        text-align: left;
        padding-bottom: 6px;
    }
    .zxqy .form .cell .value {
        width: 100%;
    }
    .zxqy .form .cell .value .input {
        width: 100%;
        height: 42px;
        border-radius: 4px;
        border: 1px solid #d8d8d8;
        text-indent: 15px;
    }
    .zxqy .form .cell .value .select {
        width: 100%;
        height: 42px;
        border-radius: 4px;
        border: 1px solid #d8d8d8;
        text-indent: 15px;
    }
    .zxqy .form .cell .btn {
        width: 260px;
        height: 42px;
        border-radius: 4px;
        border: none;
        background-color: #00479d;
        font-size: 14px;
        color: #ffffff;
        margin: 0 auto;
    }
    .zxqy .form .cell .btn:hover {
        opacity: 0.8;
    }





    .zjtx {
        margin-top: 30px;
    }
    .zjtx .title {
        top: -25px;
    }
    .zjtx .title .text {
        font-size: 20px;
    }
    .zjtx .info {
        padding: 20px;
    }
    .zjtx .info .cell {
        width: 100%;
    }
    .zjtx .info .cell .link {
        width: 100%;
        height: 55px;
        font-size: 18px;
    }
    .zjtx .info .cell .img {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .zjtx .info .cell .img img {
        max-width: 100%;
    }



    .gxpc-wrap {
        padding: 30px 0;
    }
    .gxpc-wrap .title {
        font-size: 28px;
    }
    .gxpc-wrap .desc {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .gxpc-wrap .form {
        width: 100%;
        height: auto;
        padding: 30px;
    }
    .gxpc-wrap .form .form-main {
        width: 90%;
    }
    .gxpc-wrap .form .form-main .cell {
        margin-bottom: 40px;
        height: 50px;
        border-bottom: 1px solid #ffffff;
    }
    .gxpc-wrap .form .form-main .cell:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    .gxpc-wrap .form .form-main .cell .label {
        padding-right: 10px;
    }
    .gxpc-wrap .form .form-main .cell .label img {
        display: block;
    }
    .gxpc-wrap .form .form-main .cell .value {
        flex: 1;
    }
    .gxpc-wrap .form .form-main .cell .value .input {
        flex: 1;
    }



    .shop .wrap2 .cell .img {
        width: 100%;
    }
    .shop .wrap2 .cell .center {
        padding: 20px 0;
        width: 100%;
        flex: none;
    }
    .shop .wrap2 .cell .center .info .item {
        padding-right: 10px;
        border-right: 1px solid #d8d8d8;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .shop .wrap2 .cell .center .info .item:last-child {
        padding-right: 0;
        border-right: none;
    }
    .shop .wrap2 .cell .center .info .item .label {
        font-size: 14px;
        color: #999999;
        padding-bottom: 10px;
    }
    .shop .wrap2 .cell .center .info .item .value {
        font-size: 14px;
        color: #333333;
    }
    .shop .wrap2 .cell .right {
        width: 100%;
    }
    .shop .wrap2 .cell .right a {
        border: 1px solid #e8e8e8;
    }



    .shop .category .item .value .search {
        width: 100%;
    }
    .shop .category .item .value .search {
        padding-top: 10px;
    }
    .s-search-left {
        width: 100%;
    }
    .shop .category .item .value .search form {
        width: 100%;
    }


    .shop-details .shop-details-top {
        padding: 20px;
    }
    .shop-details .shop-details-top .left {
        width: 100%;
    }
    .shop-details .shop-details-top .right {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
    .shop-details .shop-details-top .right .title {
        font-size: 22px;
        padding-bottom: 15px;
    }
    .shop-details .shop-details-top .right .info {
        margin-bottom: 15px;
    }
    .shop-details .shop-details-top .right .info .cell {
        padding-bottom: 15px;
    }
    .shop-details .shop-details-bottom {
        margin-top: 10px;
    }
    .shop-details .shop-details-bottom .tab-nav {
        border-bottom: 1px solid #d8d8d8;
        padding-top: 40px;
    }
    .shop-details .shop-details-bottom .tab-cell {
        padding: 20px;
    }
    .shop-details .shop-details-bottom .tab-cell .tab-cell-title {
        padding-bottom: 15px;
    }
    .shop-details .shop-details-bottom .tab-cell .tab-cell-wrap {
        padding-bottom: 20px;
    }
    .shop-details .shop-details-bottom .tab-cell .tab-cell-wrap .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 10px;
    }





    .shop .category .item .label {
        width: 100%;
        padding-bottom: 10px;
    }
    .shop .category .item .value {
        width: 100%;
    }
    .shop .category .item .value .all {
        width: 100%;
    }
    .shop .category .item .value .list .cell{
        padding-bottom: 20px;
        margin-right: 15px;
        width: 100%;
    }
    .shop .category .item .value .form .cell {
        flex: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .shop .category .item .value .form .cell .input {
        width: 100%;
    }
    .shop .category .item .value .form .line {
        padding-right: 10px;
        font-size: 14px;
        color: #999999;
        padding-bottom: 10px;
    }
    .shop .category .item .value .form .btn {
        width: 100%;
    }
    .shop .wrap .cell {
        width: 100%;
        margin-right: 0;
    }



    .kjcg-item {
        padding: 15px 0;
    }
    .kjcg-item .kjcg-title {
        padding-bottom: 15px;
    }
    .kjcg-item .kjcg-title .title {
        font-size: 22px;
    }
    .kjcg-item .wrap .left {
        width: 100%;
        height: auto;
    }
    .kjcg-item .wrap .left .left-main .title-box {
        padding: 15px;
    }
    .kjcg-item .wrap .left .left-main .title-box .text {
        font-size: 22px;
    }
    .kjcg-item .wrap .left .left-main .nav {
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .kjcg-item .wrap .left .left-main .nav .cell .text {
        font-size: 14px;
    }
    .kjcg-item .wrap .right {
        width: 100%;
    }
    .kjcg-shangbiao .cell {
        width: calc(100%);
    }
    .kjcg-zhuanli .cell {
        width: calc(100%);
    }





    .page-wrap-main2 .page-wrap-left2 .left-main2 .details .info2 .cell{
        margin-right: 5px;
    }
    .page-wrap-main2 .page-wrap-left2 .left-main2 .details .info2 .cell .value {
        font-size: 12px;
    }


    .shangbiao-page .shangbiao-page-list .cell {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .shangbiao-page .shangbiao-page-list .cell .img {
        width: 100%;
        height: 180px;
    }


    .shangbiao-page {
        padding: 20px 0;
    }
    .shangbiao-page .shangbiao-page-nav .item {
        width: 50%;
        margin-right: 0;
        margin-bottom: 15px;
    }



    .page-wrap-main2 .page-wrap-left2 {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .page-wrap-main2 .page-wrap-right2 {
        width: 100%;
    }
    .page-wrap-main2 .page-wrap-left2 .left-main2 {
        padding: 15px;
    }
    .page-wrap-main2 .page-wrap-left2 .left-main2 .details .info {
        font-size: 12px;
    }
    .page-wrap-main2 .page-wrap-left2 .left-main2 .details .info span {
        margin-right: 5px !important;
    }
    .page-wrap-main2 .page-wrap-left2 .left-main2 .details .title {
        font-size: 18px;
    }



    .shangbiao-c3 {
        padding: 20px 0;
    }
    .shangbiao-c3  .title-box {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .shangbiao-c2 {
        padding: 20px 0;
    }
    .shangbiao-c2  .title-box {
        font-size: 22px;
        padding-bottom: 20px;
    }
    .shangbiao-c2 .wrap .cell {
        width: 100%;
        padding: 20px;
        margin-right: 0;
        margin-bottom: 12px;
        border-radius: 12px;
    }
    .shangbiao-c2 .wrap .cell .icon img{
        width: 38px;
    }



    .shangbiao-c1 {
        padding-top: 20px;
    }
    .shangbiao-c1 .title-box {
        font-size: 22px;
        padding-bottom: 20px;
    }
    .shangbiao-c1 .wrap .cell {
        width: 100%;
        padding: 20px;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .shangbiao-c1 .wrap .cell .c-right .title {
        font-size: 16px;
    }



    .page-banner {
        height: 400px;
    }
    .page-banner .marginAuto .top .title {
        font-size: 30px;
    }
    .page-banner .marginAuto .top .desc {
        font-size: 14px;
    }
    .page-banner .marginAuto .bottom {
        padding: 12px;
    }
    .page-banner .marginAuto .bottom .cell {
        flex: none;
        width: 100%;
        margin-bottom: 1px;
        margin-right: 0;
    }
    .page-banner .marginAuto .bottom .button {
        width: 100%;
        height: 45px;
    }



    .contact img {
        width: 40px;
    }

    .zskp-zl-list {
        padding: 15px;
    }
    .zskp-zl-list .cell {
        padding: 10px;
    }
    .zskp-zl-list .cell .left .icon {
        display: none;
    }
    .zskp-zl-list .cell .left .title a{
        padding-left: 0;
    }


    .zjxx-list {
        padding: 20px;
    }
    .zjxx-list .cell {
        padding: 20px;
    }
    .zjxx-list .cell .img {
        width: 100%;
    }
    .zjxx-list .cell .info {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }



    .case-list {
        padding: 20px;
    }
    .case-list .cell {
        width: calc(100% / 2 - 12px);
    }
    .case-list .cell:nth-child(2n) {
        margin-right: 0 !important;
    }
    .case-list .cell:nth-child(5n) {
        margin-right: 15px;
    }
    .case-list .cell .img {
        background-color: #ffffff;
        height: 80px;
    }
    .case-list .cell .img img {
        width: 100%;
        height: 100%;
    }


    .card-list {
        padding: 20px;
    }
    .card-list .cell {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .card-list .cell .img {
        height: 175px;
    }
    .card-list2 .cell .img {
        height: 325px;
    }




    .page-wrap .page-wrap-main .page-wrap-left {
        width: 100%;
    }
    .page-wrap .page-wrap-main .page-wrap-right {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .page-wrap .page-wrap-main .page-wrap-right .right-main .r-m-top .value {
        font-size: 18px;
    }
    .text-content-box {
        padding: 20px;
    }
    .text-content-box .title {
        font-size: 18px;
    }




    .c3 .wrap .img-box {
        width: 100%;
        height: 300px;
    }
    .c3 .wrap .info {
        width: 100%;
        height: 300px;
        padding: 0 20px;
    }
    .c3 .wrap .info .title {
        font-size: 18px;
    }
    .c3 .wrap .info .icon-bg {
        padding-top: 20px;
    }
    .c4 {
        padding-top: 20px;
    }
    .c4 .wrap .info .i-main {
        width: 100%;
    }




    .c2 {
        padding: 20px 0;
    }
    .c2 .wrap .cell {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        height: 400px;
    }
    .c2 .wrap .cell .show-box .s-main {
        height: 50%;
    }
    .c2 .wrap .cell .show-box .s-main .icon img {
        width: 58px;
    }
    .c2 .wrap .cell .show-box .s-main .title {
        font-size: 18px;
    }
    .c2 .wrap .cell .hide-box {
        padding: 20px;
    }
    .c2 .wrap .cell .hide-box .title {
        font-size: 16px;
    }
    .c2 .wrap .cell .hide-box .min-list {
        padding-top: 20px;
    }
    .c2 .wrap .cell .hide-box .min-list .item {
        padding-top: 20px;
    }




    .c1 .wrap .cell {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .c1 .wrap .cell:first-child {
        width: 100%;
    }
    .c1 .wrap .cell .img {
        height: 190px;
    }
    .c1 .wrap .cell .info {
        padding: 20px;
    }
    .c1 .wrap .cell .info .title {
        font-size: 20px;
    }
    .c1 .wrap .cell .info .desc {
        font-size: 14px;
        line-height: 22px;
    }


    .c1 {
        padding: 20px 0;
    }
    .app-title .en {
        font-size: 26px;
    }
    .app-title .ch {
        font-size: 18px;
        padding-bottom: 5px;
    }
    .app-title .info {
        top: -20px;
    }


    .banner {
        height: 180px;
    }
    .banner-pagination .swiper-pagination-bullet-active{
        width: 20px;
    }


    .footer .top{
        padding: 20px 0;
        background-color: #2c2c2c;
    }
    .footer .top .left {
        width: 100%;
        flex: none;
        padding-bottom: 15px;
    }
    .footer .top .left .logo img{
        width: 170px;
    }
    .footer .top .cell {
        width: 100%;
        flex: none;
        align-items: flex-start;
        justify-content: flex-start;
        padding-bottom: 10px;
    }


    .pc-box {
        display: none;
    }
}


/* 二级菜单样式 */
.pc-box .nav .cell.has-submenu {
    position: relative;
  }
  
  .pc-box .nav .cell.has-submenu .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 9999;
    margin-top: 5px;
  }
  
  .pc-box .nav .cell.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .pc-box .nav .cell.has-submenu .submenu a {
    display: block;
    padding: 10px 20px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    height: auto;
    width: auto;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: normal;
    background-color: #ffffff !important;
  }
  
  .pc-box .nav .cell.has-submenu .submenu a:hover {
    background-color: #f5f5f5;
    color: #1a93ae;
  }
  
  .pc-box .nav .cell.has-submenu .submenu a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  .pc-box .nav .cell.has-submenu .submenu a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }