.prodeta .main .title .info a,

.newdeta .main .title .info abody {

    color: #333333;

    padding-top: 100px;

}



img {

    max-width: 100%;

}



a {

    transition: 0.3s;

}



.layout {

    width: 100%;



    max-width: 1400px;

    margin: 0 auto;

}



@media only screen and (max-width: 1420px) {

    .layout {

        padding-left: 10px;

        padding-right: 10px;

        box-sizing: border-box;

    }

}



.basetext em,

.basehead em {

    font-style: italic;

}



.basetext strong,

.basehead strong {

    font-weight: bold;

}



.color1 {

    color: #004098;

}



.m-show {

    display: none !important;

}



.mr30 {

    margin-right: 30px;

}



.mb30 {

    margin-bottom: 30px;

}



.mb80 {

    margin-bottom: 80px;

}



.mt40 {

    margin-top: 40px;

}



.pd60 {

    /* padding-bottom: 60px; */

    padding-bottom: 50px;

}



.bgcolor {

    background: #fafafa;

}



.baseimg img {

    width: 100%;

}



.basehead {

    /* padding: 60px 0 25px; */

    padding: 30px 0;

    text-align: center;

}



.basehead h1 {

    /* font-size: 38px;

  padding-bottom: 25px; */

    font-size: 27px;

    font-weight: bold;

}



.basehead p {

    line-height: 30px;

}



.basehead p img {

    margin-top: 20px;

    width: 100%;

}



.basehead2 {

    padding-left: 30px;

    box-sizing: border-box;

    border-bottom: 1px solid #f1f1f1;

}



.basehead2 span {

    display: inline-block;

    line-height: 68px;

    border-bottom: 3px solid #004098;

}



.basemore {

    display: block;

    margin: 0 auto;

    width: 140px;

    height: 40px;

    background: #004098;

    text-align: center;

    color: white;

    line-height: 40px;

    font-size: 14px;

    transition: 0.3s;

    border: none;

    cursor: pointer;

}



.basemore i {

    margin-left: 10px;

}



.basemore:hover {

    background: #0058d2;

    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);

}



.basenav {

    padding: 17px 0;

    background: #fafafa;

    border-bottom: 1px solid #eeeeee;

    color: #999999;

}



.basenav i {

    margin-right: 15px;

}



.basenav span {

    font-size: 15px;

    line-height: 24px;

    margin-right: 10px;

}



.basetext h1 {

    color: #004098;

    font-size: 36px;

    margin-bottom: 10px;

}



.basetext h3 {

    font-size: 22px;

    margin-bottom: 10px;

    color: black;

}



.basetext p {

    font-size: 15px;

    line-height: 28px;

    margin-bottom: 15px;

}
.basetext table p{margin-bottom: 0;line-height: 1;font-size: 12px;}
.basetext table p span{line-height: 1;}


.basetext img {

    max-width: 100%;

}



.basetext2 {

    padding-top: 30px;

}



.basetext2 .p1 {

    line-height: 30px;

}



.textbox1 {

    padding-bottom: 50px;

}



.textbox1 .p1 {

    text-align: center;

    line-height: 40px;

}



.textbox1 .p2 {

    line-height: 40px;

    text-indent: 2em;

    margin-bottom: 5px;

}



.textbox1 .h1 {

    font-size: 32px;

    padding: 25px;

    text-align: center;

    font-weight: 500;

}



.textbox1 .img {

    display: flex;

    justify-content: space-between;

    padding: 30px 0;

}



.textbox1 .img div {

    width: 49%;

}



.textbox2 .h2 {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 25px;

}



.textbox2 .text {

    margin-bottom: 40px;

}



.textbox2 .text li {

    line-height: 28px;

    color: #525252;

}



.textbox2 .list {

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px;

}



.textbox2 .list a {

    display: inline-block;

    width: 15.2%;

    max-width: 212px;

    position: relative;

    transition: 0.6s;

}



.textbox2 .list a p {

    position: absolute;

    z-index: 2;

    text-align: center;

    width: 100%;

    bottom: 20px;

    left: 0;

    color: white;

}



.textbox2 .list a:after {

    content: "";

    display: inline-block;

    width: 100%;

    height: 100%;

    z-index: 1;

    position: absolute;

    left: 0;

    top: 0;

    background-image: url(../images/pic13.png);

    background-size: cover;

}



.textbox2 .list a:hover {

    transform: translateY(-9px);

}



.textbox2 .list a:hover:after {

    background-image: url(../images/pic14.png);

}



.baselist1 a {

    display: block;

    float: left;

    width: 23%;

    margin-right: 2%;

    text-align: center;

}



.baselist1 a:nth-child(4n) {

    margin: 0;

}



.baselist1 a .img {

    overflow: hidden;

}



.baselist1 a .img img {

    transition: 0.3s;

}



.baselist1 a .img:hover img {

    transform: scale(1.05);

}



.baselist1 a p {

    font-size: 20px;

    line-height: 60px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.baselist1 a:hover p {

    font-weight: bold;

    color: #004098;

}



.baselist2 .item {

    width: 23.5%;

    float: left;

    margin-right: 2%;

    padding-bottom: 2%;

    cursor: pointer;

}



.baselist2 .item .img {

    box-sizing: border-box;

    border: 1px solid #eeeeee;

    margin-bottom: 10px;

    overflow: hidden;

    position: relative;

}



.baselist2 .item .img img {

    width: 100%;

    transition: 0.3s;

}



.baselist2 .item .img:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 4px solid #004098;

    opacity: 0;

    transition: 0.3;

}



.baselist2 .item p {

    text-align: center;

    margin-bottom: 5px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.baselist2 .item:hover .img img {

    transform: scale(1.05);

}



.baselist2 .item:hover .img:after {

    opacity: 1;

}



.baselist2 .item:hover p {

    color: #004098;

}



.baselist2 .item:nth-child(4n) {

    margin-right: 0;

}



.baselist3 .item {

    width: 18%;

    float: left;

    margin-right: 2.5%;

    padding-bottom: 2.5%;

}



.baselist3 .item .img {

    box-sizing: border-box;

    border: 1px solid #eeeeee;

    margin-bottom: 10px;

    overflow: hidden;

}



.baselist3 .item .img img {

    width: 100%;

    transition: 0.3s;

}



.baselist3 .item p,

.baselist3 .item h2 {

    font-size: 14px;

    text-align: center;

    margin-bottom: 5px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.baselist3 .item h2 {

    font-size: 18px;

}



.baselist3 .item:hover .img {

    border: 4px solid #004098;

}



.baselist3 .item:hover .img img {

    transform: scale(1.05);

}



.baselist3 .item:hover h2 {

    color: #004098;

}



.baselist3 .item:nth-child(5n) {

    margin-right: 0;

}



.page {

    text-align: right;

}



.page a {

    text-align: center;

    display: inline-block;

    width: 46px;

    height: 46px;

    line-height: 46px;

    background: #f0f0f0;

    color: #666666;

    font-size: 14px;

    margin-left: 20px;

    font-weight: bold;

}



.page a.on,

.page a:hover {

    background: #004098;

    color: white;

}



.header {

    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10;

    background: white;

}



.header .main {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    box-sizing: border-box;

}



@media only screen and (max-width: 1420px) {

    .header .main {

        padding-left: 10px;

        padding-right: 10px;

        box-sizing: border-box;

    }

}



.header .main .logo img {

    width: 100%;

}



.header .main .container {

    display: flex;

    align-items: center;

}

.header .main .container .nav{

    padding-right: 15px;

}

.header .main .container .nav .f-item {

    padding: 0 15px;

}



.header .main .container .nav .f-item:hover .f-head {

    color: #004098;

    font-weight: bold;

}



.header .main .container .nav .f-item .f-head {

    display: flex;

    height: 100px;

    justify-content: space-between;

    align-items: center;

}



.header .main .container .nav .f-item .f-head i {

    font-size: 20px;

    display: none;

}



.header .main .container .nav .f-item .showbox {

    border-top: 1px solid #eeeeee;

    display: none;

    position: fixed;

    top: 100px;

    left: 0;

    right: 0;

    background: #fafafa;

    padding-top: 20px;

    padding-bottom: 10px;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

    z-index: 3;

}



.header .main .container .nav .f-item .showbox .s-main {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

}



@media only screen and (max-width: 1420px) {

    .header .main .container .nav .f-item .showbox .s-main {

        padding-left: 10px;

        padding-right: 10px;

        box-sizing: border-box;

    }

}



.header .main .container .nav .f-item .showbox .s-main li {

    margin-right: 12%;

}



.header .main .container .nav .f-item .showbox .s-main li h2 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 1px;

    color: black;

}



.header .main .container .nav .f-item .showbox .s-main li h2:after {

    content: "";

    display: block;

    width: 70px;

    height: 2px;

    background: #004098;

    margin-top: 5px;

}



.header .main .container .nav .f-item .showbox .s-main li h2.on::after {

    display: none;

}



.header .main .container .nav .f-item .showbox .s-main li .list a {

    display: block;

    line-height: 28px;

    font-size: 15px;

    color: #666666;

}



.header .main .container .nav .f-item .showbox .s-main li .list a:hover {

    color: #004098;

}



.header .main .container .nav .f-item .showbox .s-main li:last-child {

    margin: 0;

}



@media screen and (min-width: 1001px) {

    .header .main .container .nav {

        display: flex !important;

    }

}



.header .main .container .gn-icon a {

    display: inline-block;

    transition: 0.3s;

    position: relative;

}



.header .main .container .gn-icon a:hover:before {

    content: "";

    position: absolute;

    background: rgba(255, 255, 255, 0.2);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 50%;

}





.header .main .container .memu {

    display: none;

    cursor: pointer;

}



.header .main .container .memu i {

    font-size: 32px;

}



.mask {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.55);

    z-index: 20;

}



.mask .main {

    display: none;

    position: absolute;

    left: 50%;

    transform: translate(-50%, -50%);

    max-width: 90%;

    background: white;

    transition: 0.6s;

    box-sizing: border-box;

    padding: 20px 30px;

    border-radius: 10px;

    animation: maskhide 0.6s ease-in-out forwards;

}



.mask .main .close {

    position: absolute;

    top: -15px;

    right: -15px;

    cursor: pointer;

    transition: 0.3s;

}



.mask .main .close img {

    width: 100%;

}



.mask .main .rl {

    width: 390px;

    margin: 0 auto;

}



.mask .main .rl .head {

    display: flex;

    margin-bottom: 25px;

    justify-content: space-between;

}



.mask .main .rl .head p {

    font-size: 20px;

    color: #004098;

}



.mask .main .rl .head span {

    font-size: 12px;

    color: #999999;

}



.mask .main .rl .head span em {

    color: #004098;

    cursor: pointer;

}



.mask .main .rl .inputbox {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 10px 15px;

    box-sizing: border-box;

    margin-bottom: 15px;

    display: flex;

}



.mask .main .rl .inputbox span {

    display: inline-block;

    margin-right: 10px;

}



.mask .main .rl .inputbox input {

    flex: 1;

    font-size: 12px;

    color: #84888b;

}



.mask .main .rl .btn {

    width: 100%;

    line-height: 45px;

    background: #004098;

    color: white;

    text-align: center;

    border-radius: 5px;

    border: none;

    cursor: pointer;

}



.mask .main .rl .wjmm {

    display: inline-block;

    font-size: 12px;

    color: #004098;

    margin-bottom: 20px;

}



.mask .main.gsimg img {

    width: 100%;

}



.mask .main.on {

    display: block;

    animation: maskshow 0.6s ease-in-out forwards;

}



@keyframes maskshow {

    from {

        opacity: 0;

        top: 45%;

    }



    to {

        opacity: 1;

        top: 50%;

    }

}



@keyframes maskhide {

    from {

        opacity: 1;

        top: 50%;

    }



    to {

        opacity: 0;

        top: 45%;

    }

}



.footer {

    background: #333333;

    color: white;

    /* padding-top: 60px; */

    padding-top: 30px;

}



.footer .top {

    display: flex;

    justify-content: space-between;

    /* padding-bottom: 60px; */

    padding-bottom: 40px;

}



.footer .top .nav {

    display: flex;

}



.footer .top .nav li {margin-right: 80px;}

.footer .top .nav li h2 {

    margin-bottom: 15px;

}



.footer .top .nav li h2 i {

    display: none;

}



.footer .top .nav li .list a {

    display: block;

    color: #adadad;

    font-size: 13px;

    line-height: 28px;

}



.footer .top .nav li .list a:hover {

    color: white;

}



@media screen and (min-width: 1001px) {

    .footer .top .nav li .list {

        display: block !important;

    }

}



.footer .top .nav li:last-child {

    margin: 0;

}



.footer .top .qrcode h2 {

    margin-bottom: 15px;

    text-align: center;

}



.footer .top .qrcode p {

    font-size: 14px;

    color: #b8b8b8;

    line-height: 20px;

    text-align: center;

    margin-top: 10px;

}



.footer .bottom {

    border-top: 1px solid #3d3d3d;

    text-align: center;

    padding: 25px 0;

}



.footer .bottom span {

    font-size: 13px;

    color: #838383;

    margin: 0 25px;

}



.footer.fixedfoot {

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

}



.pagination {

    position: absolute;

    z-index: 2;

    bottom: 17px;

    text-align: center;

}



.pagination .bullet {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: white;

    margin: 0 10px;

    cursor: pointer;

    position: relative;

}



.pagination .bullet.active:after {

    content: "";

    display: block;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 1px solid white;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ibox2 {

    padding-bottom: 50px;

    background: url(../images/bg1.jpg);

    background-size: cover;

    background-position: center;

}



.ibox3 {

    padding-bottom: 50px;

    background: url(../images/bg2.jpg);

    background-size: cover;

    background-position: center;

}



.ibox3 .tablink {

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

}



.ibox3 .tablink .item {

    overflow: hidden;

    width: 23.5%;

    max-width: 327px;

    position: relative;

}



.ibox3 .tablink .item .text {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: -60px;

    padding: 30px 0 35px;

    transition: 0.3s;

}



.ibox3 .tablink .item .text h1 {

    color: white;

    font-size: 24px;

    text-align: center;

    margin-bottom: 20px;

}



.ibox3 .tablink .item .text .more {

    opacity: 0;

    background: transparent;

    visibility: hidden;

    border: 2px solid #96b0d5;

}



.ibox3 .tablink .item:hover .text {

    bottom: 0;

    background: rgba(0, 64, 152, 0.8);

}



.ibox3 .tablink .item:hover .more {

    opacity: 1;

    visibility: inherit;

}



.ibox4 .content {

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

}



.ibox4 .content .swiper {

    width: 49%;

    margin: 0;

}



.ibox4 .content .swiper .img {

    position: relative;

    height: 100%;

    overflow: hidden;

}



.ibox4 .content .swiper .img img {

    max-width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ibox4 .content .swiper .pagination {

    text-align: right;

}



.ibox4 .content .swiper .time {

    position: absolute;

    top: 0;

    left: 30px;

    width: 88px;

    height: 88px;

    text-align: center;

    color: white;

    background: #004098;

    padding-top: 10px;

    box-sizing: border-box;

}



.ibox4 .content .swiper .time h1 {

    font-size: 35px;

    font-weight: bold;

}



.ibox4 .content .swiper .time span {

    font-size: 14px;

}



.ibox4 .content .swiper .text {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    color: white;

    background-image: url(../images/bg3.png);

    background-size: 100% 100%;

    padding: 20px 20px;

    padding-right: 130px;

    box-sizing: border-box;

}



.ibox4 .content .swiper .text h1 {

    font-size: 20px;

    line-height: 35px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    max-height: 35px;

}



.ibox4 .content .swiper .text p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    font-size: 14px;

    line-height: 20px;

    max-height: 20px;

}



.ibox4 .content .list {

    width: 49%;

    max-width: 685px;

}



.ibox4 .content .list .item {

    display: flex;

    margin-bottom: 30px;

}



.ibox4 .content .list .item .img {

    width: 40.8%;

    overflow: hidden;

    position: relative;

}



.ibox4 .content .list .item .img img {

    max-width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ibox4 .content .list .item .text {

    flex: 1;

    padding: 20px 30px 20px;

    border: 1px solid #eeeeee;

    border-left: none;

    box-sizing: border-box;

}



.ibox4 .content .list .item .text h1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 20px;

    line-height: 30px;

    height: 60px;

    margin-bottom: 10px;

}



.ibox4 .content .list .item .text p {

    font-size: 14px;

    color: #848484;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 24px;

    height: 48px;

    margin-bottom: 20px;

}



.ibox4 .content .list .item .text span {

    font-size: 13px;

    color: #848484;

}



.ibox4 .content .list .item .text span i {

    margin-right: 10px;

}



.ibox4 .content .list .item:last-child {

    margin: 0;

}



.prolist a {

    display: block;

    float: left;

    width: 32%;

    margin-right: 2%;

    text-align: center;

}



.prolist a:nth-child(3n) {

    margin: 0;

}



.prolist a .img {

    overflow: hidden;

    border-bottom: 7px solid #004098;

}



.prolist a .img img {

    transition: 0.3s;

}



.prolist a .img:hover img {

    transform: scale(1.1);

}



.prolist a p {

    font-size: 20px;

    line-height: 60px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.prolist a:hover p {

    font-weight: bold;

    color: #004098;

}



.prodeta,

.newdeta {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding-top: 30px;

    padding-bottom: 30px;

}



@media only screen and (max-width: 1420px) {



    .prodeta,

    .newdeta {

        padding-left: 10px;

        padding-right: 10px;

        box-sizing: border-box;

    }

}



.prodeta .main,

.newdeta .main {width: 71%;overflow: hidden;}
.prodeta .main .content p,

.newdeta .main .content p{max-width: 100%;}


.prodeta .main .title,

.newdeta .main .title {

    padding-bottom: 20px;

    border-bottom: 1px solid #eeeeee;

    margin-bottom: 20px;

}



.prodeta .main .title h1,

.newdeta .main .title h1 {

    text-align: center;

    font-size: 30px;

    margin-bottom: 20px;

}



.prodeta .main .title .info,

.newdeta .main .title .info {

    display: flex;

    justify-content: space-between;

    color: #999999;

    font-size: 14px;

}



.prodeta .main .title .info span,

.newdeta .main .title .info span {

    margin-right: 10px;

}



.prodeta .main .title .info span i,

.newdeta .main .title .info span i {

    margin-right: 10px;

    vertical-align: middle;

}



.prodeta .main .title .info a,

.newdeta .main .title .info a {

    /*color: #999999;*/

    font-size: 20px;

    margin-right: 5px;

}



.prodeta .main .title .info a:hover,

.newdeta .main .title .info a:hover {

    /*color: #004098;*/

}



.prodeta .main .content .p1,

.newdeta .main .content .p1 {

    text-indent: 2em;

    line-height: 30px;

    margin-bottom: 20px;

}



.prodeta .main .content .img,

.newdeta .main .content .img {

    justify-content: center;

    margin-bottom: 20px;

    display: flex;

}



.prodeta .main .content .img span,

.newdeta .main .content .img span {

    margin: 0 10px;

}



.prodeta .main .content .img span em,

.newdeta .main .content .img span em {

    display: block;

    text-align: center;

    line-height: 30px;

}



.prodeta .main .bottom,

.newdeta .main .bottom {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding-top: 30px;

    border-top: 1px solid #eeeeee;

}



.prodeta .main .bottom .back,

.newdeta .main .bottom .back {

    box-sizing: border-box;

    line-height: 14px;

    font-size: 14px;

    display: inline-block;

    padding: 15px 30px;

    background: #004098;

    color: white;

}



.prodeta .main .bottom .back i,

.newdeta .main .bottom .back i {

    margin-right: 5px;

}



.prodeta .main .bottom .pn,

.newdeta .main .bottom .pn {

    flex: 1;

}



.prodeta .main .bottom .pn a,

.newdeta .main .bottom .pn a {

    font-size: 14px;

    margin-bottom: 10px;

    display: block;

}



.prodeta .main .bottom .pn a:hover em,

.newdeta .main .bottom .pn a:hover em {

    /* display: -webkit-box; */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    color: #004098;

}



.prodeta .sidebar,

.newdeta .sidebar {

    width: 26%;

    max-width: 360px;

    background: #f7f7f7;

    padding: 20px 20px 0;

    box-sizing: border-box;

}



.prodeta .sidebar .head,

.newdeta .sidebar .head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}



.prodeta .sidebar .head span,

.newdeta .sidebar .head span {

    font-size: 24px;

}



.prodeta .sidebar .head a,

.newdeta .sidebar .head a {

    font-size: 14px;

    color: #666666;

    display: inline-flex;

    align-items: center;

}



.prodeta .sidebar .head a i,

.newdeta .sidebar .head a i {

    font-weight: bold;

    font-size: 24px;

    color: #004098;

}



.prodeta .sidebar .top,

.newdeta .sidebar .top {

    display: block;

    padding-bottom: 10px;

    border-bottom: 1px solid #dcdcdc;

}



.prodeta .sidebar .top .img,

.newdeta .sidebar .top .img {

    width: 100%;

    height: 215px;

    position: relative;

    border: 1px solid #eeeeee;

    box-sizing: border-box;

    overflow: hidden;

    margin-bottom: 10px;

    background: white;

}



.prodeta .sidebar .top .img img,

.newdeta .sidebar .top .img img {

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.prodeta .sidebar .top p,

.newdeta .sidebar .top p {

    color: #004098;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    height: 30px;

    line-height: 30px;

}



.prodeta .sidebar .bottom,

.newdeta .sidebar .bottom {

    box-sizing: border-box;

    padding: 20px 0 0;

}



.prodeta .sidebar .bottom a,

.newdeta .sidebar .bottom a {

    display: block;

    position: relative;

    font-size: 14px;

    color: #666666;

    padding-bottom: 15px;

    line-height: 20px;

    padding-left: 10px;

    box-sizing: border-box;

}



.prodeta .sidebar .bottom a:after,

.newdeta .sidebar .bottom a:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 10px;

    left: 0;

    width: 3px;

    height: 3px;

    background: #999999;

}



.prodeta .sidebar .bottom a:hover,

.newdeta .sidebar .bottom a:hover {

    color: #004098;

}



.intrlist .item {

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px;

}



.intrlist .item .text {

    flex: 1;

    box-sizing: border-box;

    padding: 40px;

    background: #f7f7f7;

}



.intrlist .item:nth-child(2n) {

    flex-direction: row-reverse;

}



.course {

    width: 100%;

    max-width: 1600px;

    margin: 0 auto;

    padding: 0 100px;

    box-sizing: border-box;

    position: relative;

}



.course .swiper .swiper-slide {

    text-align: center;

}



.course .swiper .swiper-slide .years {

    width: 100px;

    height: 100px;

    text-align: center;

    line-height: 100px;

    font-size: 27px;

    font-weight: bold;

    border-radius: 50%;

    background: #666d7a;

    color: white;

    margin: 0 auto 15px;

    transition: 0.3s;

    position: relative;

}



.course .swiper .swiper-slide .years:after {

    content: "";

    display: inline-block;

    width: 260px;

    height: 1px;

    background: #004098;

    position: absolute;

    top: 50%;

    left: 100px;

    transform: translateY(-50%);

}



.course .swiper .swiper-slide .text {

    position: relative;

    height: 72px;

}



.course .swiper .swiper-slide .text span {

    line-height: 24px;

    text-align: center;

    /*white-space: nowrap;*/

    width: 100%;

    display: block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

}



.course .swiper .swiper-slide:last-child .years:after {

    display: none;

}



.course .swiper .swiper-slide:hover .years {

    background: #004098;

}



.course .swiper .swiper-slide:hover .text {

    color: #004098;

}



.course .course-next,

.course .course-prev {

    text-align: center;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    line-height: 50px;

    position: absolute;

    color: #999999;

    border: 1px solid #999999;

    cursor: pointer;

    top: 25px;

}



.course .course-next i,

.course .course-prev i {

    font-size: 30px;

}



.course .course-next:hover,

.course .course-prev:hover {

    background: #004098;

    color: white;

    border-color: #004098;

}



.course .course-next {

    right: 10px;

}



.course .course-prev {

    left: 10px;

}



.setpw {

    background: #e9eefb;

    padding: 110px 0;

}



.setpw .main {

    width: 100%;

    max-width: 420px;

    padding: 0 10px;

    box-sizing: border-box;

    margin: 0 auto;

}



.setpw .main .head {

    margin-bottom: 50px;

}



.setpw .main .head img {

    width: 100%;

}



.setpw .main .inputbox {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    box-sizing: border-box;

    margin-bottom: 15px;

    overflow: hidden;

    background: white;

    display: flex;

}



.setpw .main .inputbox span {

    padding: 10px;

    padding-right: 15px;

    display: inline-block;

}



.setpw .main .inputbox input {

    flex: 1;

    padding: 10px;

    padding-left: 0;

    padding-right: 15px;

    font-size: 12px;

    color: #84888b;

}



.setpw .main .inputbox .yzm {

    padding: 10px;

    cursor: pointer;

    background: #666d7a;

    color: white;

    font-size: 14px;

}



.setpw .main .btn {

    width: 100%;

    line-height: 45px;

    background: #004098;

    color: white;

    text-align: center;

    border-radius: 5px;

    border: none;

    cursor: pointer;

}



.core {

    padding: 55px 0;

    background: #e9eefb;

}



.core .main {

    display: flex;

    align-items: flex-start;

}



.core .main .corenav {

    position: relative;

    background: white;

    width: 16.5%;

    max-width: 230px;

    margin-right: 2%;

    border-radius: 10px;

}



.core .main .corenav .head {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    background: #004098;

    color: white;

    padding: 20px 0;

    box-sizing: border-box;

    text-align: center;

}



.core .main .corenav .head span {

    display: inline-block;

    margin-right: 10px;

}



.core .main .corenav .head em {

    font-size: 18px;

}



.core .main .corenav a {

    display: block;

    color: #333333;

    padding: 20px 0;

    text-align: center;

    box-sizing: border-box;

    border-bottom: 1px solid #eeeeee;

    position: relative;

}



.core .main .corenav a span {

    display: inline-block;

    margin-right: 10px;

    position: relative;

}



.core .main .corenav a span img {

    transition: 0.3s;

}



.core .main .corenav a span .y {

    opacity: 0;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    position: absolute;

}



.core .main .corenav a:hover span .t,

.core .main .corenav a.on span .t {

    opacity: 0;

}



.core .main .corenav a:hover span .y,

.core .main .corenav a.on span .y {

    opacity: 1;

}



.core .main .corenav a:hover:before,

.core .main .corenav a.on:before {

    content: "";

    display: inline-block;

    width: 3px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #004098;

}



.core .main .corenav .tabshow {

    cursor: pointer;

    display: none;

    position: absolute;

    z-index: 1;

    top: 50%;

    transform: translateY(-50%);

    right: -30px;

}



.core .main .corenav .tabshow i {

    font-size: 24px;

}



.core .main .right {

    flex: 1;

    border-radius: 10px;

    background: white;

    overflow: hidden;

}



.core .main .right .info {

    padding: 70px 0;

    background: white;

    width: 100%;

    max-width: 440px;

    margin: 0 auto;

}



.core .main .right .info .inputbox {

    display: flex;

    align-items: center;

    margin-bottom: 25px;

}



.core .main .right .info .inputbox .title {

    display: inline-block;

    width: 70px;

}



.core .main .right .info .inputbox .input1 {

    flex: 1;

    border: 1px solid #dcdcdc;

    height: 50px;

    padding: 0 10px;

    box-sizing: border-box;

    border-radius: 5px;

}



.core .main .right .info .inputbox .input2 {

    margin-right: 20px;

}



.core .main .right .info .btnbox {

    display: flex;

    justify-content: space-between;

}



.core .main .right .info .btnbox button {

    width: 45%;

    text-align: center;

    line-height: 50px;

    border: none;

    border-radius: 4px;

}



.core .main .right .info .btnbox .btn1 {

    background: #004098;

    color: white;

}



.core .main .right .info .btnbox .btn2 {

    background: #e9eefb;

}



.core .main .right .downlist {

    padding: 30px;

    box-sizing: border-box;

}



.core .main .right .downlist .item {

    width: 18%;

    float: left;

    margin-right: 2.5%;

    padding-bottom: 2.5%;

}



.core .main .right .downlist .item .img {

    box-sizing: border-box;

    border: 1px solid #eeeeee;

    margin-bottom: 10px;

    overflow: hidden;

    position: relative;

}



.core .main .right .downlist .item .img img {

    width: 100%;

    transition: 0.3s;

}



.core .main .right .downlist .item .img:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 4px solid #004098;

    opacity: 0;

    transition: 0.3;

}



.core .main .right .downlist .item p {

    text-align: center;

    margin-bottom: 5px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.core .main .right .downlist .item a {

    text-align: center;

    display: block;

    width: 100px;

    line-height: 35px;

    border-radius: 4px;

    color: #333333;

    border: 1px solid #d2d2d2;

    margin: 0 auto;

}



.core .main .right .downlist .item a:hover {

    background: #004098;

    border-color: #004098;

    color: white;

}



.core .main .right .downlist .item:nth-child(5n) {

    margin-right: 0;

}



.core .main .right .downlist .item:hover .img img {

    transform: scale(1.05);

}



.core .main .right .downlist .item:hover .img:after {

    opacity: 1;

}



.recruit .search {

    margin-bottom: 40px;

    display: flex;

    justify-content: space-between;

}



.recruit .search select {

    width: 16.5%;

    max-width: 230px;

    font-size: 14px;

    height: 40px;

    border: none;

    border-radius: 5px;

    box-sizing: border-box;

    padding: 0 20px;

    cursor: pointer;

    margin-right: 20px;

    color: #666666;

    background-color: #f7f8f8;

    background-image: url(../images/icon11.png);

    background-position: 90% center;

    background-repeat: no-repeat;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    float: left;

}



.recruit .search select::-ms-expand {

    display: none;

}



.recruit .search input {

    height: 40px;

    width: 36.5%;

    max-width: 510px;

    border: none;

    background-color: #f7f8f8;

    border-radius: 5px;

    box-sizing: border-box;

    padding: 0 20px;

    float: left;

    margin-right: 20px;

    font-size: 14px;

}



.recruit .search button {

    float: left;

    height: 40px;

    width: 7.2%;

    max-width: 100px;

    background: #004098;

    border-radius: 5px;

    box-sizing: border-box;

    border: none;

    color: white;

    font-size: 16px;

    font-size: 14px;

    cursor: pointer;

}



.recruit .list .tablehead {

    box-sizing: border-box;

    padding: 0 25px;

    display: flex;

    justify-content: space-between;

    background: #004098;

}



.recruit .list .tablehead span {

    display: inline-block;

    width: 195px;

    color: white;

    line-height: 60px;

    text-align: center;

}



.recruit .list .tablehead i {

    display: inline-block;

    width: 50px;

    visibility: hidden;

}



.recruit .list .item .head {

    cursor: pointer;

    padding: 0 25px;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #efefef;

}



.recruit .list .item .head span {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 195px;

    font-size: 14px;

    text-align: center;

    color: #666666;

}



.recruit .list .item .head i {

    display: inline-block;

    width: 50px;

    font-size: 22px;

    line-height: 60px;

    text-align: center;

}



.recruit .list .item .tabbox {

    background: #f2f5fa;

    display: none;

    padding: 40px 25px;

    box-sizing: border-box;

    border-bottom: 1px solid #efefef;

    border-top: none;

}



.recruit .list .item .tabbox .title {

    width: 50%;

    float: left;

    font-size: 14px;

    margin-bottom: 40px;

}



.recruit .list .item .tabbox .title h1 {

    font-size: 18px;

    margin-bottom: 25px;

    font-weight: bold;

}



.recruit .list .item .tabbox .title li {

    line-height: 30px;

    color: #666666;

}



.recruit .list .item .tabbox .title:last-child {

    margin: 0;

}



.recruit .list .item .tabbox button {

    display: inline-block;

    width: 167px;

    text-align: center;

    color: white;

    line-height: 45px;

    background: #004098;

    border: none;

    border-radius: 5px;

    cursor: pointer;

}



.recruit .list .item .tabbox:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    line-height: 0;

    font-size: 0;

}



.recruit .list .item.on .head {

    background: #d8e0ef;

}



.contact {

    padding-bottom: 40px;

}



.contact .item {

    float: left;

    margin-bottom: 40px;

    box-sizing: border-box;

    padding: 30px 35px;

    background: #fafafa;

}



.contact .item h1 {

    color: #004098;

    padding-bottom: 5px;

}



.contact .item .list div {

    padding: 10px 0;

}



.contact .item .list div span {

    display: inline-block;

    margin-right: 15px;

}



.contact .item.item1 {

    width: 100%;

}



.contact .item.item1 h1 {

    font-size: 30px;

}

.contact .item.item1 .list{
    display: flex;
    flex-wrap: wrap;
}

.contact .item.item1 .list div {

    display: flex;

    width: 30%;

    float: left;

    margin-right: 5%;

}



.contact .item.item1 .list div:nth-child(3n) {

    margin-right: 0;

}



.contact .item.item2 {

    width: 49%;

    max-width: 680px;

}



.contact .item.item2 h1 {

    font-size: 26px;

}



.contact .item:nth-child(even) {

    float: right;

}



.contact .item:first-child {

    float: left;

}



.consultation {

    padding-bottom: 50px;

}



.consultation .top {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.consultation .top .inputbox {

    box-sizing: border-box;

    padding: 15px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    width: 31.5%;

    display: flex;

    margin-bottom: 30px;

}



.consultation .top .inputbox span {

    display: inline-block;

    margin-right: 15px;

}



.consultation .top .inputbox input {

    width: 100%;

}



.consultation .top .textbox {

    box-sizing: border-box;

    padding: 15px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    width: 100%;

    display: flex;

    margin-bottom: 30px;

}



.consultation .top .textbox span {

    display: inline-block;

    margin-right: 15px;

}



.consultation .top .textbox textarea {

    border: none;

    resize: none;

    width: 100%;

}



.consultation .top .zxyzm {

    display: flex;

    justify-content: space-between;

}



.consultation .top .zxyzm .left {

    margin-right: 10px;

    box-sizing: border-box;

    padding: 15px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    display: flex;

    margin-bottom: 30px;

}



.consultation .top .zxyzm .left span {

    display: inline-block;

    margin-right: 15px;

}



.consultation .top .zxyzm .left input {

    width: 100%;

}



.consultation .top .zxyzm .img {

    height: 52px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    overflow: hidden;

}



.consultation .top .zxyzm .img img {

    height: 100%;

}



.consultation .sub {

    display: block;

    width: 190px;

    line-height: 50px;

    text-align: center;

    color: white;

    border-radius: 3px;

    margin: 0 auto;

    background: #004098;

    border: none;

}



.shares {

    background: #dcdcdc;

}



.shares .item {

    float: left;

    width: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    padding-left: 100px;

    padding: 10px 0 10px 100px;

    cursor: pointer;

}



.shares .item.on {

    background: #cfe6ff;

}



.shares .item .text {

    text-align: center;

}



.shares .item .num {

    color: #004098;

    margin-left: 30px;

    font-size: 18px;

}



.shares .item .num strong {

    font-weight: bold;

}



.shares .item .num em {

    display: inline-block;

    margin: 0 6px;

}



.noticelist .item {

    float: left;

    display: flex;

    width: 50%;

    margin-bottom: 30px;

}



.noticelist .item .time {

    width: 65px;

    height: 65px;

    background: #666d7a;

    text-align: center;

    padding-top: 10px;

    box-sizing: border-box;

    transition: 0.3s;

    color: white;

}



.noticelist .item .time h1 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

}



.noticelist .item .time h4 {

    font-size: 12px;

}



.noticelist .item .text {

    flex: 1;

    padding: 0 30px;

    box-sizing: border-box;

}



.noticelist .item .text p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.noticelist .item:nth-child(2n) {

    padding-left: 30px;

    box-sizing: border-box;

}



.noticelist .item:hover .time {

    background: #004098;

}



.newlist .item {

    margin-bottom: 30px;

    width: 32%;

    float: left;

    transition: 0.3s;

    margin-right: 2%;

    cursor: pointer;

}



.newlist .item .img {

    overflow: hidden;

    position: relative;

    max-height: 254px;

    padding-top: 66.9%;

    border-style: solid;

    border-width: 1px 1px 0 1px;

    border-color: #e4e4e4;

}



.newlist .item .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    transition: 0.3s;

}



.newlist .item .text {

    box-sizing: border-box;

    border: 1px solid #e4e4e4;

    border-top: none;

    padding: 0 30px;

    /*height: 176px;*/

}



.newlist .item .text .top {

    padding: 25px 0 15px;

    border-bottom: 1px solid #e4e4e4;

}



.newlist .item .text .top h1 {

    font-size: 20px;

    margin-bottom: 10px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.newlist .item .text .top p {

    color: #666666;

    font-size: 14px;

    line-height: 25px;

    height: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newlist .item .text .bottom {

    padding: 12px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.newlist .item .text .bottom i {

    font-size: 20px;

}



.newlist .item .text .bottom em {

    font-size: 14px;

    color: #999999;

}



.newlist .item:nth-child(3n) {

    margin-right: 0;

}



.newlist .item:hover {

    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);

}



.newlist .item:hover .img img {

    transform: scale(1.02);

}



.tableshow table {

    width: 100%;

}



.tableshow table thead {

    color: white;

    background: #0097e0;

}



.tableshow table thead th {

    height: 60px;

}



.tableshow table thead th p {

    font-size: 18px;

    text-align: center;

    margin-bottom: 0;

    line-height: 1.3;

}



.tableshow table tbody tr {

    border: 2px solid white;

}



.tableshow table tbody tr td {

    height: 40px;

    text-align: center;

}
.tableshow table tbody tr td:nth-child(2){
  min-width: 132px;
}


.tableshow table tbody tr:nth-child(odd) {

    background: #dff1fb;

}



.tableshow table tbody tr:nth-child(even) {

    background: #aeddef;

}



.inquiry {

    margin-bottom: 40px;

}



.inquiry .formbox {

    border: 1px solid #dddddd;

    border-bottom: none;

    margin-bottom: 40px;

}



.inquiry .formbox .item {

    padding: 14px 30px;

    border-bottom: 1px solid #dddddd;

    display: flex;

    align-items: center;

}



.inquiry .formbox .item .text {

    display: inline-block;

    width: 70px;

    height: 20px;

    margin-right: 80px;

    text-align: justify;

    /*white-space: nowrap;*/

}



.inquiry .formbox .item .text2 {

    width: 150px;

}



.inquiry .formbox .item .text:after {

    content: " ";

    display: inline-block;

    width: 100%;

}



/*.inquiry .formbox .item .inputbox{

  font-size: 14px;

}*/

.inquiry .formbox .item .inputbox,

.inquiry .formbox .item .inputbox2 {

    font-size: 14px;

    flex: 1;

}



.inquiry .formbox .item .inputbox .ys {

    display: block;

    padding: 14px;

    line-height: 20px;

    color: #999999;

    border: 1px solid #ddd;

    border-radius: 3px;

    box-sizing: border-box;

}



.inquiry .formbox .item .inputbox select {

    width: 180px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background-image: url(../images/icon28.png);

    background-position: 90% center;

    background-repeat: no-repeat;

}



.inquiry .formbox .item .inputbox select::-ms-expand {

    display: none;

}



.inquiry .formbox .item .inputbox input {

    max-width: 510px;

    width: 100%;

}



.inquiry .formbox .item .inputbox textarea {

    width: 100%;

    resize: none;

}



.inquiry .formbox .item .inputbox2 span {

    display: inline-flex;

    align-content: center;

    margin-right: 15px;

}



.inquiry .formbox .item .inputbox2 span input {

    border: 1px solid #dddddd;

    background: transparent;

}



.inquiry .formbox .item .inputbox3 {

    position: relative;

}



.inquiry .formbox .item .inputbox3 span {

    width: 130px;

    display: inline-block;

    border: 1px solid #dddddd;

    background: #ebebeb;

    text-align: center;

    line-height: 38px;

    font-size: 14px;

    border-radius: 3px;

}



.inquiry .formbox .item .inputbox3 input {

    cursor: pointer;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

}



.inquiry .formbox .item .inputbox4 input {

    padding: 14px;

    line-height: 20px;

    color: #999999;

    border: 1px solid #ddd;

    border-radius: 3px;

    box-sizing: border-box;

    width: 180px;

    margin-right: 20px;

}



.inquiry .formbox .item .inputbox4 .yzm {

    display: inline-block;

    cursor: pointer;

}



.bjtextbox {

    margin-bottom: 10px;

}



.bjtextbox img {

    /* width: 100%; */

    max-width: 100%;

}



@media screen and (max-width: 1400px) {

    /*body {

    padding-top: 80px;

  }*/



    .header .main .logo {

        width: 210px;

    }



    .header .main .container .nav .f-item .f-head {

        height: 80px;

    }



    .header .main .container .nav .f-item .showbox {

        top: 80px;

    }



    .footer {

        /* padding-top: 50px; */

        padding-top: 25px;

    }



    .basehead {

        /* padding: 50px 0 20px; */

        padding: 20px 0;

    }



    .ibox4 .content .list .item .img img,

    .ibox4 .content .swiper .img img {

        height: 100%;

        max-width: inherit;

    }



    .course {

        padding: 0 75px;

    }



    .course .swiper .swiper-slide .years {

        width: 85px;

        height: 85px;

        font-size: 24px;

        line-height: 85px;

    }



    .course .swiper .swiper-slide .years:after {

        left: 85px;

        width: 200px;

    }



    .course .course-next,

    .course .course-prev {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }



    .intrlist .item .text {

        padding: 15px;

    }



    .basetext h1 {

        font-size: 30px;

    }



}



@media(max-width: 1300px) {

    .header .main .container .nav .f-item {

        padding: 0 10px;

    }

    .header .main .container .nav .f-item .f-head{

        font-size: 14px;

    }

}



@media screen and (max-width: 1200px) {

    /*body {

    padding-top: 65px;

  }*/



    .pd60 {

        /* padding-bottom: 40px; */

        padding-bottom: 35px;

    }



    .basenav {

        padding: 12px 0;

    }



    .header .main .logo {

        width: 150px;

    }



    .header .main .container .nav .f-item .f-head {

        height: 65px;

        font-size: 15px;

    }



    .header .main .container .nav .f-item .showbox {

        top: 65px;

    }



    .header .main .container .nav .f-item .f-head {

        font-size: 12px;

    }



    .footer {

        /* padding-top: 30px; */

        padding-top: 20px;

    }



    .footer .top .nav li {

        margin-right: 40px;

    }



    .basehead {

        /* padding: 40px 0 15px; */

    }



    .basehead h1 {

        /* font-size: 32px;

    padding-bottom: 15px; */

        font-size: 20px;

    }



    .ibox2,

    .ibox3 {

        /* padding-bottom: 60px; */

        padding-bottom: 40px;

    }



    .prodeta,

    .newdeta {

        padding-top: 40px;

    }



    .prodeta .sidebar .head span,

    .newdeta .sidebar .head span {

        font-size: 20px;

    }



    .prodeta .sidebar .head a,

    .newdeta .sidebar .head a {

        font-size: 14px;

    }



    .course .swiper .swiper-slide .text span {

        font-size: 14px;

    }



    .basetext h1 {

        font-size: 26px;

    }



    .basetext h3 {

        font-size: 18px;

    }



    .intrlist .item .img {

        width: 30%;

        overflow: hidden;

    }



    .basehead2 {

        padding-left: 20px;

    }



    .basehead2 span {

        line-height: 45px;

    }



    .core {

        padding: 20px 0;

    }



    .core .main {

        display: block;

    }



    .core .main .corenav {

        width: 100%;

        position: fixed;

        top: 30%;

        left: -160px;

        z-index: 10;

        margin-right: 0;

        transform: translateY(-50%);

        max-width: 160px;

        transition: 0.6s;

    }



    .core .main .corenav .navbox {

        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);

        opacity: 0;

        transition: 0.6s;

    }



    .core .main .corenav.on {

        left: 10px;

    }



    .core .main .corenav.on .navbox {

        opacity: 1;

    }



    .core .main .corenav .tabshow {

        display: block;

    }



    .core .main .right {

        width: 100%;

    }



    .core .main .right .downlist {

        padding: 20px;

    }



    .core .main .right .downlist .item {

        margin-right: 2%;

        width: 23.5%;

    }



    .core .main .right .downlist .item:nth-child(5n) {

        margin-right: 2%;

    }



    .core .main .right .downlist .item:nth-child(4n) {

        margin-right: 0;

    }



    .core .main .right .downlist .item a {

        width: 90px;

        line-height: 30px;

        font-size: 14px;

    }



    .baselist3 .item {

        margin-right: 2%;

        width: 23.5%;

    }



    .baselist3 .item:nth-child(5n) {

        margin-right: 2%;

    }



    .baselist3 .item:nth-child(4n) {

        margin-right: 0;

    }



    .core .main .right .info {

        padding: 20px;

        box-sizing: border-box;

    }



    .core .main .right .info .inputbox .input1 {

        height: 40px;

    }



    .core .main .right .info .btnbox button {

        line-height: 38px;

        font-size: 14px;

    }



    .newlist .item .text {

        padding: 0 15px;

    }



    .newlist .item .text .top {

        padding: 15px 0 10px;

    }



    .newlist .item .text .bottom {

        padding: 10px 0;

    }

}



@media screen and (max-width: 1000px) {

    /*body {

    padding-top: 50px;

  }*/



    .header .main {

        height: 50px;

    }



    .header .main .logo {

        width: 180px;

    }



    .header .main .container .nav {

        display: none;

        position: fixed;

        top: 50px;

        right: 0;

        width: 400px;

        height: 500px;

        overflow-y: scroll;

        z-index: 4;

        padding-right: 0;

    }



    .header .main .container .nav:after {

        content: "";

        display: inline-block;

        position: fixed;

        z-index: -1;

        background: rgba(0, 0, 0, 0.2);

        top: 50px;

        left: 0;

        right: 0;

        bottom: 0;

    }



    .header .main .container .nav::-webkit-scrollbar {

        display: none;

    }



    .header .main .container .nav .f-item {

        margin-right: 0;

        background: #fafafa;

        padding: 0;

    }





    .header .main .container .nav .f-item:last-child .f-head {

        border: none;

    }



    .header .main .container .nav .f-item .f-head {

        font-size: 14px;

        height: 38px;

        border-bottom: 1px solid #e5e5e5;

        margin: 0 10px;

        box-sizing: border-box;

    }



    .header .main .container .nav .f-item .f-head i {

        display: block;

    }



    .header .main .container .nav .f-item .showbox {

        border-top: none;

        top: inherit;

        position: inherit;

        padding: 0;

    }



    .header .main .container .nav .f-item .showbox .s-main {

        display: block;

    }



    .header .main .container .nav .f-item .showbox .s-main li {

        margin-right: 0;

    }



    .header .main .container .nav .f-item .showbox .s-main li h2 {

        font-size: 14px;

        margin-bottom: 0;

        line-height: 35px;

        margin-left: 15px;

    }



    .header .main .container .nav .f-item .showbox .s-main li h2:after {

        height: 1px;

        width: 100%;

        margin-top: 0;

    }



    .header .main .container .nav .f-item .showbox .s-main li h2.on:after {

        display: none;

    }



    .header .main .container .nav .f-item .showbox .s-main li .list a {

        margin-left: 30px;

        line-height: 35px;

    }



    .header .main .container .gn-icon a {

        margin-right: 10px;

    }



    .header .main .container .memu {

        display: block;

    }



    .footer .top {

        /* padding-bottom: 30px; */

        padding-bottom: 20px;

    }



    .footer .top .nav li {

        margin-right: 20px;

    }



    .footer .bottom {

        padding: 10px 0;

    }



    .ibox2,

    .ibox3 {

        padding-bottom: 35px;

    }



    .ibox3 .tablink {

        margin-bottom: 15px;

    }



    .ibox3 .tablink .item .text h1 {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .ibox3 .tablink .item .text {

        padding: 20px 0 25px;

    }



    .basemore {

        width: 120px;

    }



    .prodeta,

    .newdeta {

        display: block;

    }



    .prodeta .main,

    .newdeta .main {

        width: 100%;

    }



    .prodeta .sidebar,

    .newdeta .sidebar {

        width: 100%;

        max-width: 100%;

    }



    .shares .item {

        padding: 5px 0 5px 10%;

    }



    .shares .item .text {

        font-size: 14px;

    }



    .core .main .corenav .head {

        padding: 15px 0;

    }



    .core .main .corenav a {

        padding: 12px 0;

    }



    .core .main .corenav a em {

        font-size: 14px;

    }



    .core .main .corenav .head em {

        font-size: 16px;

    }



    .core .main .right .downlist .item {

        margin-right: 2%;

        width: 32%;

    }



    .core .main .right .downlist .item:nth-child(4n) {

        margin-right: 2%;

    }



    .core .main .right .downlist .item:nth-child(3n) {

        margin-right: 0;

    }



    .baselist3 .item {

        margin-right: 2%;

        width: 32%;

    }



    .baselist3 .item:nth-child(4n) {

        margin-right: 2%;

    }



    .baselist3 .item:nth-child(3n) {

        margin-right: 0;

    }



    .intrlist .item {

        display: block;

    }



    .intrlist .item .img {

        width: 100%;

    }



    .intrlist .item:nth-child(2n) .img {

        text-align: right;

    }

}



@media screen and (max-width: 768px) {

    .header .main .container .nav {

        width: 100%;

        border-top: 1px solid #eeeeee;

    }




    .pd60 {

        padding-bottom: 20px;

    }



    .mb80 {

        margin-bottom: 20px;

    }



    .baselist1 a p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 10px;

    }



    .basenav {

        padding: 5px 0;

    }



    .basenav span {

        margin-right: 5px;

        font-size: 14px;

    }



    .basetext2 {

        padding-top: 10px;

    }



    .basetext2 .p1 {

        font-size: 14px;

        line-height: 20px;

    }



    .basehead {

        padding: 20px 0 10px;

    }



    .basehead p {

        font-size: 14px;

        line-height: 20px;

    }



    .basehead h1 {

        font-size: 18px;

        padding-bottom: 5px;

    }



    .basemore {

        width: 100px;

        height: 34px;

        line-height: 34px;

    }



    .mask .main {

        width: 90%;

        max-width: inherit;

        padding: 20px;

    }



    .mask .main .rl {

        width: 100%;

    }



    .header .main .logo {

        width: 110px;

    }



    .header .main .container .gn-icon a {

        font-size: 12px;

        margin-right: 2px;

    }



    .pagination .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: 3px;

    }



    .ibox2,

    .ibox3 {

        padding-bottom: 20px;

    }



    .ibox3 .tablink {

        flex-wrap: wrap;

        margin-bottom: 10px;

    }



    .ibox3 .tablink .item {

        max-width: inherit;

        width: 24%;

        margin-bottom: 2%;

    }



    .ibox3 .tablink .item .text h1 {

        font-size: 16px;

    }



    .ibox4 .content {

        margin-bottom: 15px;

    }



    .ibox4 .content .swiper {

        width: 100%;

        margin-bottom: 10px;

    }



    .ibox4 .content .list {

        width: 100%;

        max-width: inherit;

    }



    .ibox4 .content {

        display: block;

    }



    .ibox4 .content .list .item .img {

        width: 40%;

    }



    .ibox4 .content .swiper .img img {

        position: inherit;

        transform: inherit;

        width: 100%;

        height: inherit;

        left: inherit;

        top: inherit;

    }



    .ibox4 .content .list .item .text {

        border: 1px solid #eeeeee;

        padding: 10px;

        width: 60%;

    }



    .ibox4 .content .list .item {

        margin-bottom: 10px;

    }



    .ibox4 .content .swiper .text h1 {

        font-size: 16px;

        line-height: 20px;

    }



    .ibox4 .content .list .item .text h1 {

        font-size: 16px;

        -webkit-line-clamp: 2;

        line-height: 20px;

        height: 40px;

        margin-bottom: 5px;

    }



    .ibox4 .content .list .item .text p {

        line-height: 20px;

        height: 40px;

        margin-bottom: 5px;

    }



    .ibox4 .content .swiper .time {

        width: 70px;

        height: 70px;

    }



    .ibox4 .content .swiper .time h1 {

        font-size: 24px;

    }



    .prodeta,

    .newdeta {

        padding-top: 20px;

        padding-bottom: 30px;

    }



    .prodeta .main .title h1,

    .newdeta .main .title h1 {

        font-size: 24px;

    }



    .prodeta .main .title .info,

    .newdeta .main .title .info {

        display: block;

    }



    .prodeta .main .title .info>div,

    .newdeta .main .title .info>div {

        text-align: center;

    }



    .prolist a {

        margin-bottom: 10px;

        width: 49%;

    }



    .prolist a p {

        font-size: 14px;

        line-height: 20px;

    }



    .prolist a:nth-child(3n) {

        margin-right: 2%;

    }



    .prolist a:nth-child(2n) {

        margin-right: 0;

    }



    .page {

        text-align: center;

    }



    .page a {

        width: 30px;

        height: 30px;

        line-height: 30px;

        margin: 0 5px;

    }



    .prodeta .sidebar,

    .newdeta .sidebar {

        padding: 10px 10px 0;

    }



    .tableshow {

        width: 100%;

        /* overflow-x: scroll; */

    }



    .tableshow table {

        width: 200%;

        /*width: 900px !important;*/

    }



    .tb-outbox {

        width: 100%;

        overflow-x: auto;

    }



    .tableshow table thead th {

        height: 35px !important;

    }



    .tableshow table thead th p {

        font-size: 14px !important;

    }



    .tableshow table tbody tr td {

        height: 30px !important;

        font-size: 12px !important;

    }



    .basehead2 {

        padding-left: 10px;

    }



    .basehead2 span {

        line-height: 40px;

        font-size: 14px;

    }



    .core .main .right .downlist {

        padding: 10px;

    }



    .core .main .right .downlist .item {

        width: 49%;

    }



    .core .main .right .downlist .item:nth-child(3n) {

        margin-right: 2%;

    }



    .core .main .right .downlist .item:nth-child(2n) {

        margin-right: 0;

    }



    .course {

        padding: 0 40px;

    }



    .course .swiper .swiper-slide .years {

        width: 60px;

        height: 60px;

        line-height: 60px;

        font-size: 16px;

    }



    .course .swiper .swiper-slide .years:after {

        left: 60px;

    }



    .course .swiper .swiper-slide .text {

        height: 54px;

    }



    .course .swiper .swiper-slide .text span {

        font-size: 12px;

        line-height: 18px;

    }



    .course .course-next,

    .course .course-prev {

        width: 25px;

        height: 25px;

        line-height: 25px;

        top: 15px;

    }



    .course .course-next {

        right: 10px;

    }



    .course .course-prev {

        left: 10px;

    }



    .course .course-next i,

    .course .course-prev i {

        font-size: 20px;

    }



    .shares .layout {

        padding: 0;

    }



    .shares .item {

        width: 100%;

        padding: 5px 0;

        justify-content: center;

    }



    .noticelist .item {

        float: none;

        width: 100%;

        margin-bottom: 10px;

    }



    .noticelist .item:nth-child(2n) {

        padding: 0;

    }



    .noticelist .item .time {

        width: 50px;

        height: 50px;

        padding-top: 4px;

    }



    .noticelist .item .time h1 {

        margin-bottom: 6px;

        font-size: 16px;

    }



    .noticelist .item .text {

        padding: 0 10px;

        font-size: 14px;

    }



    .baselist2 {

        max-width: 500px;

        margin: 0 auto;

    }



    .baselist1 a {

        width: 49%;

    }



    .baselist1 a:nth-child(2n) {

        margin: 0;

    }



    .baselist3 .item,

    .baselist2 .item {

        width: 49%;

    }



    .baselist3 .item:nth-child(3n) {

        margin-right: 2%;

    }



    .baselist3 .item:nth-child(2n) {

        margin-right: 0;

    }



    .baselist2 .item:nth-child(4n) {

        margin-right: 2%;

    }



    .baselist2 .item:nth-child(2n) {

        margin-right: 0;

    }



    .core .main .right .info .inputbox .title {

        width: 50px;

        font-size: 14px;

    }



    .core .main .right .info .inputbox .input1 {

        height: 35px;

    }



    .core .main .right .info .inputbox {

        margin-bottom: 20px;

    }



    .contact .item {

        padding: 10px;

        margin-bottom: 10px;

        float: none;

    }



    .contact .item:nth-child(even),

    .contact .item:first-child {

        float: none;

    }



    .contact .item.item1 h1,

    .contact .item.item2 h1 {

        font-size: 20px;

    }



    .contact .item.item1 .list div {

        width: 100%;

        margin: 0;

    }



    .contact .item.item2 {

        width: 100%;

        max-width: inherit;

    }



    .prodeta .main .bottom,

    .newdeta .main .bottom {

        padding-top: 20px;

        margin-bottom: 20px;

    }



    .prodeta .main .bottom .back,

    .newdeta .main .bottom .back {

        width: 100%;

        text-align: center;

    }



    .prodeta .main .bottom,

    .newdeta .main .bottom {

        display: block;

    }



    .newlist .item {

        width: 100%;

        margin-bottom: 10px;

    }



    .newlist .item:nth-child(3n) {

        margin-right: 0%;

    }



    .newlist .item:nth-child(2n) {

        margin-right: 0;

    }



    .newlist .item .text {

        padding: 0 10px;

    }



    .newlist .item .text .top {

        padding: 10px 0 5px;

    }



    .newlist .item .text .top h1 {

        font-size: 16px;

    }



    .newlist .item .text .top p {

        line-height: 20px;

        height: 40px;

    }



    .newlist .item .text .bottom {

        padding: 5px 0;

    }



    .textbox1 .img {

        padding: 10px 0;

    }



    .textbox1 .h1 {

        padding: 10px;

        font-size: 24px;

    }



    .consultation .top {

        display: block;

    }



    .consultation .top .inputbox {

        width: 100%;

        margin-bottom: 10px;

        padding: 10px;

    }



    .consultation .top .textbox {

        margin-bottom: 10px;

    }



    .consultation .top .zxyzm .left {

        margin-bottom: 0;

    }



    .consultation .sub {

        width: 100%;

        line-height: 44px;

    }



    .consultation .top {

        margin-bottom: 10px;

    }



    .consultation .top .zxyzm .left {

        padding: 10px;

    }



    .consultation .top .zxyzm .img {

        height: 42px;

    }



    .recruit .search {

        margin-bottom: 10px;

        flex-wrap: wrap;

    }



    .recruit .search select {

        padding: 0 10px;

        width: 31.5%;

        margin-right: 0;

        margin-bottom: 10px;

        height: 34px;

    }



    .recruit .search input {

        width: 80%;

        margin-right: 0;

        height: 34px;

        padding: 0 10px;

    }



    .recruit .search button {

        width: 17%;

        height: 34px;

    }



    .recruit .list .tablehead,

    .recruit .list .item .head {

        padding: 0;

    }



    .recruit .list .tablehead span {

        line-height: 40px;

    }



    .recruit .list .item .head i {

        line-height: 40px;

    }



    .recruit .list .item .tabbox {

        padding: 10px;

    }



    .recruit .list .item .tabbox .title {

        float: none;

        width: 100%;

        margin-bottom: 10px;

    }



    .recruit .list .item .tabbox .title h1 {

        margin-bottom: 10px;

    }



    .recruit .list .item .tabbox button {

        width: 100%;

        line-height: 38px;

    }



    .intrlist .item {

        margin-bottom: 10px;

    }



    .intrlist .item .img img {

        width: 100%;

    }



    .textbox2 .list {

        flex-wrap: wrap;

    }



    .textbox2 .h2 {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .textbox2 .text {

        margin-bottom: 10px;

    }



    .textbox2 .list a {

        width: 49%;

        max-width: inherit;

        margin-bottom: 10px;

    }



    .inquiry .formbox .item {

        padding: 7px 10px;

    }



    .inquiry .formbox .item .text,

    .inquiry .formbox .item .text2 {

        font-size: 14px;

        text-align: left;

        width: 60px;

        margin-right: 10px;

    }



    .inquiry .formbox .item .text {}



    .inquiry .formbox .item .inputbox,

    .inquiry .formbox .item .inputbox2 {

        flex: 1;

    }



    .inquiry .formbox .item .inputbox .ys {

        width: 100%;

        padding: 10px;

    }



    .inquiry .formbox .item .inputbox select {

        background-position: 97% center;

    }



    .inquiry .formbox .item .inputbox3 span {

        line-height: 32px;

    }



    .inquiry .formbox .item .inputbox4 input {

        padding: 9px;

        width: 110px;

        margin-right: 5px;

    }



    .inquiry,

    .inquiry .formbox {

        margin-bottom: 20px;

    }

}



/* 5.29 */

.add_second_menu {

    background: #ebebeb;

    text-align: center;

}



.add_second_menu ul {

    padding: 17px 0;

    display: inline-block;

}



.add_second_menu ul li {

    float: left;

}



.add_second_menu ul li a {

    text-transform: none;

    color: #074887;

    padding: 0 15px;

    border-right: 1px solid #074887;

    line-height: 1;

    font-weight: 400;

    display: inline-block;

    font-size: 16px;

}



.add_second_menu ul li a:hover {

    text-decoration: underline;

}



.add_second_menu ul li:last-child a {

    border: none;

}



@media only screen and (max-width: 1000px) {

    .add_second_menu {

        display: none;

    }

}



.header .main .container .gn-icon a {

    font-size: 14px;

}



@media only screen and (max-width: 1000px) {

    .header .main .container .gn-icon {

        margin-top: 0;

    }

}







.header .main .container .gn-icon a {

    font-size: 14px;

}



@media only screen and (max-width: 1000px) {

    .header .main .container .gn-icon {

        margin-top: 0;

    }

}







.newlist.sp .item .img {

    padding-top: 56%;

    position: relative;

}

.newlist.sp .item .text{

    padding-top: 20px;

    padding-bottom: 40px;

}



.newlist.sp .item .text .top{

    padding-top: 0;

    padding-bottom: 0;

    border-bottom: none;

}

.newlist.sp .item .text .top h1{

    margin-bottom: 0;

}

.newlist.sp .item .text .bottom{

    padding-top: 5px;

    padding-bottom: 0;

}

.newlist.sp .item .img:before{

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    background-color: rgba(0,0,0,0.5);

    opacity: 0;

    transition: all .3s;

}

.newlist.sp .item .img:after{

    content: "";

    display: block;

    width: 50px;

    height: 50px;

    background-image: url(../images/b-play.png);

    background-size: 100% 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 2;

    opacity: 0;

    transition: all .3s;

}

@media(min-width: 1201px){

    .newlist.sp .item:hover .img:before{

        opacity: 1;

    }

    .newlist.sp .item:hover .img:after{

        opacity: 1;

    }

}

@media(max-width: 1420px){

    .newlist.sp .item .text{

        padding-top: 15px;

        padding-bottom: 30px;

    }

    .newlist.sp .item .text .top h1{

        font-size: 16px;

    }

}

@media(max-width: 1200px){

    .newlist.sp .item .text .top h1{

        font-size: 14px;

    }

    .newlist.sp .item .text{

        padding-top: 10px;

        padding-bottom: 15px;

    }

}



.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 10000000;transition: top .5s ease-in-out;}

.v-a.show{top: 0;}

.v-a.show .v-w{display: block;}

.v-a *{box-sizing: border-box;line-height: 1;}

.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.v-c{display: block;width: 60px;height: 50px;font-size: 30px;text-align: center;line-height: 50px;color: #fff;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 10000;}

.v-e{width: 100%;height: 60vw;}

.v-f{width: 100%;height: auto;}

.v-w{display: none;position: absolute;top: 50%;left: 50%;width: 800px;max-width: 100%;transform: translate(-50%,-50%);}

.v-w textarea{position: absolute;left: -10000px;opacity: 0;}

.v-o{width: 100%;background-color: #000;padding: 20px;overflow: hidden;}

.v-share{float: right;font-size: 14px;color: #fff;cursor: pointer;line-height: 22px;opacity: 0.7;}

.v-share:before{content: "";display: inline-block;vertical-align: middle;width: 18px;height: 18px;background-image: url(../images/v-share.png);margin-right: 3px;background-size: 100% 100%;}

.v-text{float: left;width: calc(100% - 100px);opacity: 0.7;}

.v-title{font-size: 16px;color: #fff;line-height: 22px;margin-bottom: 8px;}

.v-date{font-size: 12px;color: #fff;}



.v-success{display: none;width: 300px;background-color: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 999999999;border-radius: 10px;padding: 40px 30px 30px;box-sizing: border-box;box-shadow:0 28px 50px rgba(25,24,40,.35)}

.v-success *{box-sizing: border-box;line-height: 1;}

.v-success.show{display: block;}

.v-tclose{font-size: 24px;color: #aaa;position: absolute;right: 10px;top: 10px;width: 30px;text-align: center;cursor: pointer;}

.v-t1{font-size: 16px;color: #666;margin-bottom: 15px;text-align: center;}

.v-t2{font-size: 14px;color: #999;text-align: center;}

.v-icon{color: #5ebe00;font-size: 14px;border: 1px solid #5ebe00;border-radius: 50%;display: inline-block;vertical-align: middle;text-align: center;width: 17px;height: 17px;line-height: 15px;margin-right: 10px;}

@media(min-width: 1201px){

    .v-share:hover{opacity: 1;}

}

@media(max-width: 500px){

    .v-o{padding: 10px;}

    .v-title{font-size: 14px;line-height: 20px;margin-bottom: 5px;}

}

.header .main .container .gn-icon{font-size: 0;}

.header .main .container .gn-icon .h-lang{display: inline-block;vertical-align: top;height: 26px;background-color: #fff;position: relative;}

.header .main .container .gn-icon .h-lang a{display: block;line-height: 26px;padding: 0 10px;}

.header .main .container .gn-icon .h-lang .h-list{width: 100%;background-color: #fff;overflow: hidden;height: 0;}

.header .main .container .gn-icon .h-lang .h-cur{pointer-events: none;}

.header .main .container .gn-icon .h-lang .h-cur:after{content: "";display: inline-block;vertical-align: middle;border-top: 6px solid #666;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;}

.header .main .container .gn-icon .h-lang:hover .h-list{height: auto;}

.v-head{width: 100%;height: 42px;position: relative;background-color: #222;}
.v-c{left: auto;right: 0;height: 42px;line-height: 42px;width: 42px;font-size: 24px;}
.v-e{height: 60vh;}


@media(max-width: 900px){
  .tableshow{overflow:auto;}
}

@media(max-width: 1500px){
    .footer .top .nav li{margin-right: 60px;}
}
@media(max-width: 1350px){
    .footer .top .nav li{margin-right: 50px;}
}
@media(max-width: 1250px){
    .footer .top .nav li{margin-right: 40px;}
}
@media(max-width: 1150px){
    .footer .top .nav li{margin-right: 30px;}
    .footer .top .nav li h2{font-size: 14px;}
    .footer .top .nav li .list a{font-size: 12px;}
    .footer .top .qrcode h2{font-size: 14px;}
    .footer .top .qrcode p{font-size: 13px;}
}
@media(max-width: 1000px){
    .footer {

        padding-top: 0;

    }



    .footer .top {

        display: block;

        padding-bottom: 10px;

    }



    .footer .top .nav {

        display: block;

        margin-bottom: 10px;

    }



    .footer .top .qrcode .img {

        width: 100px;

        margin: 0 auto;

    }



    .footer .top .nav li {

        margin-right: 0;

    }



    .footer .top .nav li h2 {

        font-size: 14px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 0;

        line-height: 35px;

        border-bottom: 1px solid #9e9e9e;

    }



    .footer .top .nav li h2 i {

        display: block;

    }



    .footer .top .nav li .list {

        display: none;

    }



    .footer .top .nav li .list a {

        padding-left: 10px;

        box-sizing: border-box;

    }
}



.footer .bottom{position: relative;text-align: left;}
.f-links{position: absolute;right: 50%;margin-right: -700px;top: 50%;margin-top: -15px;}
.f-link{width: 30px;height: 30px;border-radius: 50%;overflow: hidden;margin-left: 10px;display: inline-block;vertical-align: top;cursor: pointer;}
.f-link img{width: 100%;height: 100%;vertical-align: top;}
.f-tip{font-size: 14px;color: #838383;display: inline-block;vertical-align: top;line-height: 30px;}
.f-link:nth-child(2){margin-left: 0px;}
.footer .bottom span:first-child{margin-left: 0;}
.footer .bottom span:last-child{margin-right: 0;}
@media(max-width: 1410px){
    .f-links{right: 10px;margin-right: 0;}
}
@media(max-width: 1200px){
    .footer .bottom{text-align: center;}
    .f-links{position: relative;right: 0;text-align: center;margin-bottom: 15px;margin-top: 0;}
    .f-link{margin: 0 5px;}
}
@media(max-width: 1000px){
    .footer .bottom{padding-top: 15px;}
}
@media(max-width: 700px){
    .footer .bottom a{display: inline-block;}
    .footer .bottom span{display: block;margin-left: 0;margin-right: 0;}
}


.a-href{display: block;width: 100%;}
.a-links{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 12;display: none;}
.a-links.show{display: block;}
.a-link{display: block;position: absolute;top: 25%;width: 20.4%;height: 55%;}
.a-link1{left: 6.4%;}
.a-link2{left: 28.7%;}
.a-link3{left: 51%;}
.a-link4{left: 73.4%;}
.swiper-container{max-width: 1400px;}
.banner{max-width: 1400px;margin: 0 auto;}
.add_second_menu{max-width: 1400px;margin: 0 auto;}
.basenav{max-width: 1400px;margin: 0 auto;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.shares{max-width: 1400px;margin: 0 auto;}
@media only screen and (max-width: 1420px) {
    .basenav{padding-left: 0;padding-right: 0;}
}

.d-wrap{width: 100%;text-align: center;max-width: 1400px;margin: 0 auto;box-sizing: border-box;}
.d-list{display: flex;vertical-align: top;width: 100%;flex-wrap: wrap;}
.d-item{width: 25%;font-size: 0;position: relative;margin-bottom: 20px;}
.d-item:last-child{padding-bottom: 0;}
.d-item:before{content: "";display: inline-block;width: 1px;height: 100%;border-left: 1px dashed #ccc;position: absolute;left: 25px;margin-left: -0.5px;top:25px;box-sizing: border-box;display: none;}
.d-item:last-child:before{display: none;}
.d-year{width: 50px;height: 50px;line-height: 50px;background-color: #004098;border-radius: 50%;font-size: 16px;color: #fff;font-weight: bold;text-align: center;position: relative;z-index: 12;display: inline-block;vertical-align: top;}
.d-text{display: inline-block;vertical-align: top;flex: 1;font-size: 16px;color: #000;line-height: 24px;padding-left: 10px;text-align: left;width: calc(100% - 50px);box-sizing: border-box;padding-top: 12px;padding-right: 10px;}
.d-text *{line-height: inherit;}
.d-img{margin-top: 5px;}
@media(max-width: 1420px){
    .d-wrap{max-width: 100%;padding: 0 0 0 10px;}
}
@media(max-width: 900px){
    .d-item{width: 33.33%;}
}
@media(max-width: 600px){
    .d-item{width: 50%;}
}
@media(max-width: 500px){
    .d-item{width: 100%;}
}