@font-face {
    font-family: SYHT-R;
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}

/* @font-face {
   font-family: SYHT-B;
   src: url(../fonts/SOURCEHANSANSCN-BOLD.OTF);
}
@font-face {
   font-family: SYHT-M;
   src: url(../fonts/SOURCEHANSANSCN-MEDIUM.OTF);
}
@font-face {
   font-family: Arial-R;
   src: url(../fonts/arial.ttf);
}
@font-face {
   font-family: SYHT-L;
   src: url(../fonts/SOURCEHANSANSCN-LIGHT.OTF);
}
@font-face {
   font-family: SYHT-N;
   src: url(../fonts/SOURCEHANSANSCN-NORMAL.OTF);
} */
@font-face {
    font-family: DINEng;
    src: url(../fonts/DIN.ttf);
}

.swiper-slide a {
    display: inline-block;
    width: 100%;
    /* height: 100%; */
}

.acc,
.accd {
    position: relative;
}

.accd {
    color: #00499F !important;
}

.accd-01 {
    color: #00499F !important;
}

.acc::after {
    content: '';
    width: 3px;
    height: 3px;
    background: #333333;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}

.accd::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #00499F;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

select:focus,
a:focus {
    outline: none !important;
}

div:focus {
    outline: none !important;
}

span:focus {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

a:focus {
    outline: none !important;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    /*-webkit-text-size-adjust:80% !important;*/
}

a {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

a,
button,
input,
textarea,
div,
p,
span {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
    outline: none;
    color: #FFFFFF;
}

*::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: rgba(255, 255, 255, 0.8);
}

*::-moz-placeholder {
    /* FF 19+ */
    color: rgba(255, 255, 255, 0.8);
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.8);
}

ul {
    list-style: none;
}

.pc-slide {
    display: block;
}

.phone-slide {
    display: none;
}

header .phone-slide .swiper-slide,
header .phone-slide .swiper-wrapper,
header .pc-slide .swiper-wrapper {
    height: auto !important;
}

.cover1 {
    display: none;
}

.put {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 60px;
}

.put>input {
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: 60px;
    padding-left: 20px;
}

.put>i {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    font-size: 24px !important;
    color: rgba(255, 255, 255, 0.8);
}

.container {
    width: 1300px;
    margin: 0 auto;
}

/* 手机端头部 */
.nav_phone {
    display: none;
}

.phone-logo>a>img {
    width: 100%;
}

.nav ul>li>a>i {
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 5px;
    font-size: 12px !important;
    transition: all 0.5s;
}

.nav_fixed ul>li>a>i {
    color: #00499F;
}

/* 头部轮播图和导航样式  开始 */
header {
    position: relative;
    /* height: 100%; */
}

.logo {
    transform: scale(0.98);
}

.phone-logo>a,
.logo>a {
    display: inline-block;
}

header nav {
    width: 100%;
    height: 85px;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

header .border {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

header .header_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 99;
    /* top: 30px; */
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.nav_fixed {
    background: #fff;
    display: none;
    position: fixed;
    top: 0;
    box-shadow: 0px 3px 59px 0px rgb(0 0 0 / 13%);
}

header .nav_fixed .nav>ul>li>a,
.nav_fixed .nav>ul>li>span {
    color: #00499F;
}

header .nav_fixed .nav>ul>li:hover {
    color: #D7001D !important;
}

header .nav_fixed .nav>ul>li:hover {
    color: #D7001D !important;
}

.nav {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header nav .nav>ul {
    display: flex;
    align-items: center;
    height: 100%;
}

header nav .nav>ul>li {
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: max-content;
}

header nav .nav>ul .select::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #D7001D;
}

header nav .nav>ul>li>a {
    font-size: 16px;
    font-family: 'SYHT-R';
    color: #FFFFFF;
    text-decoration: none;
}

header nav .nav>ul>li>span {
    color: #fff;
}

header nav .nav>ul>li>span:hover {
    cursor: pointer;
}

header nav .nav>ul>li .ul {
    position: absolute;
    top: 85px;
    left: 50%;
    display: none;
    width: max-content;
    flex-direction: column;
    /* padding-right: 30px; */
    background: rgba(0, 24, 53, .9);
    transform: translateX(-50%);
}

.ul>li>a>span>i {
    margin-left: 10px;
    font-size: 12px;
    transform: rotate(90deg);
    display: inline-block;
}

header nav .nav>ul>li:nth-child(2) .ul,
header nav .nav>ul>li:nth-child(3) .ul,
header nav .nav>ul>li:nth-child(6) .ul {
    display: none;
    justify-content: center;
    flex-direction: row;
    padding: 30px 55px;
}

header nav .nav>ul>li:nth-child(3) .ul{
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

header nav .nav>ul>li:nth-child(3) .ul{
	padding: 15px 20px;
}

/* header nav .nav>ul>li:nth-child(2) .ul>li:first-child a{
    border-right: 1px solid rgba(255, 255, 255, .3);
} */
header nav .nav>ul>li:nth-child(2) .ul>li,
header nav .nav>ul>li:nth-child(6) .ul>li{
    border-right: 1px solid rgba(255, 255, 255, .3);
}

header nav .nav>ul>li:nth-child(2) .ul>li:last-child ,
header nav .nav>ul>li:nth-child(3) .ul>li:last-child,
header nav .nav>ul>li:nth-child(6) .ul>li:last-child{
    border-right: 0px solid rgba(255, 255, 255, .3);
}

header nav .nav>ul>li:nth-child(2)>ul>li:first-child,
header nav .nav>ul>li:nth-child(3)>ul>li:first-child,
header nav .nav>ul>li:nth-child(6)>ul>li:first-child{
    padding-top: 10px;
}

header nav .nav>ul>li:nth-child(2)>ul>li>ul>li:first-child>a,
header nav .nav>ul>li:nth-child(3)>ul>li>ul>li:first-child>a,
header nav .nav>ul>li:nth-child(6)>ul>li>ul>li:first-child>a{
    padding-top: 15px;
}

header nav .nav>ul>li:nth-child(2)>ul>li>ul>li>a,
header nav .nav>ul>li:nth-child(3)>ul>li>ul>li>a,
header nav .nav>ul>li:nth-child(6)>ul>li>ul>li>a{
    font-size: 14px;
    padding: 7px 40px 7px 0;
}

header nav .nav>ul>li>ul>li:first-child {
    padding-top: 30px;
}

/* header nav .nav>ul>li>ul>li:last-child { */
    /* padding-bottom: 30px; */
/* } */

/* header nav .nav>ul>li>ul>li:last-child { */
    /* padding-bottom: 30px; */
    /* padding-right: 0; */
/* } */

.ul>li>a:nth-child(1) {
    padding-top: 0;
    padding-right: 0;
}

header nav .nav>ul>li:nth-child(2)>ul>li:first-child{
    /* padding-top: 0; */
    /* padding-left: 0;
    padding-bottom: 0; */
    padding-left: 0;
}

header nav .nav>ul>li:nth-child(2)>ul>li:nth-child(2),
header nav .nav>ul>li:nth-child(3)>ul>li:nth-child(2){
    /* padding-top: 0; */
    /* padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; */
}

header nav .nav>ul>li .ul>li {
    float: left;
    list-style: none;
    width: max-content;
    padding: 10px 20px;
    cursor: pointer;
}

header nav .nav>ul>li:nth-child(3) .ul>li{
	float: none;
}

header nav .nav>ul>li>ul>li img {
    vertical-align: middle;
    margin: 0 11px 0 0px;
    width: 22px;
    height: 22px;
}

header nav .nav>ul>li>ul>li:hover span:nth-child(2),
.child-ul>li>a:hover,
.son-ul>li>a:hover,
.grandson-ul>li>a:hover,
.a-color,
.ul>li>ul>li>a:hover {
    color: #D7001D !important;
}

.ul>li>ul>li>a.disabled:hover{
	color: #FFFFFF !important;
}

header nav .nav>ul>li>ul>li a {
    text-decoration: none;
    font-size: 16px;
    font-family: 'SYHT-R';
    color: #FFFFFF;
    display: flex;
    align-items: center;
    /* padding: 10px 20px 10px 0px; */
    box-sizing: border-box;

}

.nav ul>li>a>i.icco {
    font-size: 23px !important;
    transform: rotate(0);
    margin: 0;
    color: #FFFFFF;
}

.nav>ul>li:nth-child(2)>.ul>li:nth-child(2)>a>i.icco {
    font-size: 20px !important;
}

.nav>ul>li:nth-child(6)>.ul>li:nth-child(1)>a>i.icco {
    font-size: 20px !important;
}

.nav>ul>li:nth-child(7)>.ul>li:nth-child(5)>a>i.icco {
    font-size: 26px !important;
}

.nav>ul>li:nth-child(4)>.ul>li:nth-child(3)>a>i.icco {
    font-size: 26px !important;
}

header nav .nav>ul>li:nth-child(4)>ul>li:nth-child(3)>a>.iconfont,
header nav .nav>ul>li:nth-child(7)>ul>li:nth-child(5)>a>.iconfont {
    font-size: 22px;
}

header nav .nav>ul>li>ul>li>a>.iconfont,
header nav .nav>ul>li>ul>li img {
    font-size: 20px;
    margin-right: 11px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    /* width: 4%; */
}

/* header nav .nav>ul>li>ul>li>a>span:nth-child(2){
    width: 96%;
} */
.child-ul,
.son-ul,
.grandson-ul {
    list-style: none;
    position: absolute;
    top: 0px;
    left: 100%;
    /* padding: 0 0 0 30px; */
    width: max-content;
    border-left: 1px solid rgba(255, 255, 255, .3);
    display: none;
    background: rgba(0, 24, 53, .9);
    margin-left: 20px;
    padding-left: 10px;
}

.son-ul,
.grandson-ul {
    top: 0px;
}

.son-ul>li>a>i {
    margin-left: 10px;
}

.child-ul>li,
.son-ul>li,
.grandson-ul>li {
    padding: 10px 15px;
    /* padding-right: 30px; */
}

.child-ul>li:first-child,
.son-ul>li:first-child,
.grandson-ul>li:first-child {
    padding-top: 16px;
}

.child-ul>li:last-child,
.son-ul>li:last-child,
.grandson-ul>li:last-child {
    padding-bottom: 16px;
}

.child-ul>li>a>i {
    padding-left: 10px;
}

header .slide .swiper-container {
    /* height: 100vh; */
}

header .slide .swiper-container img {
    width: 100%;
    /* height: 100%; */
    display: block;
}

header .slide .word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

header .slide .word .title {
    font-size: 50px;
    font-family: 'SYHT-B';
    color: #FFFFFF;
    letter-spacing: 6px;
}

header .slide .word .desc {
    width: 49%;
    font-size: 20px;
    font-family: 'SYHT-R';
    color: #FFFFFF;
    letter-spacing: 2px;
}

header .slide .word .eng {
    text-transform: uppercase;
}

header .slide .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10% !important;
}

header .slide .swiper-pagination {
    text-align: left;
    padding-left: 18.5%;
}

header .slide .swiper-pagination-bullet {
    width: 30px !important;
    height: 1px !important;
    background-color: #fff !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}

header .slide .swiper-pagination-bullet-active {
    width: 60px !important;
    background: #D7001D !important;
}

header .slide .img {
    width: 100%;
}

header .slide .img img {
    width: 100%;
    height: 100%;
    display: block;
}

header .cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 24, 53, .9);
    z-index: 998;
    display: none;
    opacity: 1 !important;
}

header .cover1 {
    position: absolute;
    top: 85px;
    right: 15.8%;
    width: 30%;
    height: 90px;
    background-color: rgba(0, 24, 53, .9);
    z-index: 998;
    display: none;
    opacity: 1 !important;
}

/* 头部轮播图和导航样式  结束 */
/* 面包屑导航  开始 */
.crumbs {
    padding-top: 30px;
    color: #888888;
}

.crumbs a {
    font-size: 18px;
    font-family: 'SYHT-R';
    /* color: #333333; */
    color: #888888;
    text-decoration: none;
}

/* 面包屑导航  结束 */
/* 分页  开始 */
.pages {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.pages a {
    display: block;
    font-size: 14px;
    font-family: 'SYHT-R';
    color: #888888;
    text-align: center;
    /* padding: 18px 26px; */
    box-sizing: border-box;
    border: 1px solid #D1D1D1;
    text-decoration: none;
    margin-right: 9px;
    padding: 11px 20px;
}

.pages .prev,
.pages .next {
    padding: 11px;
    width: auto;
    height: auto;
    line-height: unset;
    cursor: pointer;
}

.pages a:hover,
.pages .active {
    background-color: #00499F;
    color: #fff;
}

/* 分页 结束 */

/* 标题 */
.common-Ctitle {
    font-size: 45px;
    font-family: 'SYHT-M';
    color: #111111;
}

.common-Etitle {
    font-size: 24px;
    font-family: 'arial';
    font-weight: 400;
    color: #888888;
    text-transform: uppercase;
    margin-top: 9px;
}

.Ctitle {
    text-align: center;
}

/* 版心 */
.customers,
.new,
.company,
.focus,
.zizhi,
.content,
.p-all {
    padding: 100px 0;
}

.all-right,
.contentR {
    padding-bottom: 100px;
}

.zizhi {
    padding-bottom: 0;
}

.list {
    padding-bottom: 100px;
}

/* 页码 */
.pages,
.page {
    margin-bottom: 100px;
    text-align: center;
}

.pages>span {
    font-family: 'STHT-R';
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
}

/* 底部样式  开始 */
footer {
    width: 100%;
    background: #111111;
    padding-top: 100px;
    position: sticky;
    /* z-index: 999; */
}

footer .footer_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

footer .footer_box dt {
    font-size: 20px;
    font-family: 'SYHT-R';
    color: #FFFFFF;
    margin-bottom: 30px;
}

footer .footer_box dd {
    margin-bottom: 12px;
}

footer .footer_box dd a,
footer .footer_box dd span {
    font-size: 14px;
    font-family: 'SYHT-R';
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
    /* cursor: pointer; */
}

footer .footer_box dd span span {
    margin-right: 6px;
    width: 18px;
    display: inline-block;
}

footer .footer_box .img {
    margin-top: 47px;
    width: 97px;
    height: 97px;
}

footer .footer_box .img img {
    width: 100%;
}

footer .copy,
footer .copy a {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 30px;
    font-size: 14px;
    font-family: 'SYHT-R';
    color: rgba(255, 255, 255, .6);
    padding: 46px 0;
    box-sizing: border-box;
    text-align: left;
    text-decoration: none;
}

.copy a {
    border-top: 0 !important;
}

.copy span>br {
    display: none;
}

.phone-footer {
    display: none;
}

.friend {
    margin-top: 50px;
}

.friend ul {
    display: flex;
    align-items: baseline;
}

.friend li a {
    margin-left: 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'SYHT-R';
    opacity: 0.6;
}

.friend ul span {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'SYHT-R';
    opacity: 0.6;
}

.friend li a:hover {
    opacity: 1;
}

/* 底部样式  结束 */

@media (max-width: 1680px) {
    .pages>span {
        font-size: 14px;
    }

    .container {
        width: 1150px;
    }

    .common-Etitle {
        margin-top: 0;
    }

    header .slide .word .title {
        font-size: 44px;
    }

    header .slide .word .desc {
        font-size: 18px;
    }

    .crumbs {
        padding-top: 20px;
    }

    .crumbs a {
        font-size: 16px;
    }

    .pages,
    .page {
        margin-bottom: 88px;
    }

    .page .prev .iconfont {
        font-size: 14px;
    }

    .icon-fanhui {
        font-size: 18px !important;
    }

    footer .footer_box .img {
        margin-top: 50px;
    }

    footer .footer_box dt {
        font-size: 18px;
    }

    footer .copy,
    footer .copy a,
    .friend ul span,
    .friend li a {
        font-size: 12px;
    }

    footer .footer_box dd a,
    footer .footer_box dd span {
        font-size: 12px;
    }

    .pages a {
        font-size: 12px;
        padding: 10px 16px;
    }

    .pages .prev,
    .pages .next {
        padding: 10px 11px;
    }

    .list {
        padding-bottom: 88px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 85px 0;
    }

    .common-Ctitle {
        font-size: 39px;
    }

    .common-Etitle {
        font-size: 21px;
    }
}

@media (max-width: 1440px) {
    .pages>span {
        font-size: 12px;
    }

    .container {
        width: 980px;
    }

    header nav .nav>ul>li>a {
        font-size: 15px;
    }

    header nav .nav>ul>li>ul>li a {
        font-size: 14px;
    }

    header nav .nav>ul>li:nth-child(2)>ul>li>ul>li>a,
    header nav .nav>ul>li:nth-child(3)>ul>li>ul>li>a{
        font-size: 13px;
    }

    header .slide .word .title {
        font-size: 38px;
    }

    header .slide .word .desc {
        font-size: 15px;
    }

    header nav .nav>ul>li {
        padding: 0 15px;
    }

    .common-Ctitle {
        font-size: 34px;
    }

    .common-Etitle {
        font-size: 18px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 75px 0;
    }

    footer .footer_box dt {
        font-size: 15px;
    }

    footer .footer_box dd a,
    footer .footer_box dd span {
        font-size: 12px;
    }

    footer .footer_box dt {
        margin-bottom: 25px;
    }

    footer .footer_box .img {
        margin-top: 35px;
    }

    .friend li a,
    .friend ul span,
    footer .copy,
    footer .copy a {
        font-size: 12px;
    }

    .crumbs a {
        font-size: 14px;
    }

    .crumbs {
        padding-top: 18px;
    }

    .page {
        padding: 20px 0;
    }

    .page .prev span:nth-child(2) {
        font-size: 14px;
    }

    .page .prev span:nth-child(1) {
        font-size: 14px;
    }

    .list {
        padding-bottom: 76px;
    }

    .pages,
    .page {
        margin-bottom: 75px;
    }
}

@media (max-width: 1366px) {
    .container {
        width: 930px;
    }

    .pages,
    .page {
        margin-bottom: 63px;
    }
}

@media (max-width: 1200px) {
    .container {
        width: 810px;
    }

    .logo {
        transform: scale(0.8);
        transform-origin: left;
    }

    header nav .nav>ul>li {
        padding: 0 10px;
    }

    header .slide .word .title {
        font-size: 31px;
    }

    header .slide .word .desc {
        font-size: 13px;
    }

    .tab_header>ul>li>a {
        font-size: 19px;
    }

    .tab_header>ul>li>a>img {
        width: 24px;
        height: 21px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 62px 0;
    }

    .common-Ctitle {
        font-size: 28px;
    }

    .common-Etitle {
        font-size: 15px;
    }
}

/***************1024px**************/
@media (max-width:1024px) {
    .page .prev span:nth-child(2) {
        font-size: 22px;
    }

    .page .prev .iconfont {
        font-size: 20px;
    }

    .page .prev span:nth-child(1),
    .icon-fanhui {
        font-size: 22px;
    }

    .crumbs {
        display: none;
    }

    .phone-logo>a>img {
        width: fit-content;
    }

    .inner-header {
        background-color: rgba(0, 0, 0, 1);
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .inner-header-icon {
        color: #195BA8;
        height: 50px;
        font-size: 25px;
        text-align: left;
        width: 50px;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
        position: relative;
        top: -5px;
        /* display: flex;
        flex-direction: column; */
		font-size: 12px;
		top: 0;
		width: auto;
		line-height: 50px;
		color: #333333;
		color: #00499F;
    }

    .inner-header-icon:hover {
        background-color: rgba(255, 255, 255, 0.2);
        cursor: pointer;
        tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .inner-header-icon span {
        position: absolute;
        /* left: calc((100% - 25px) / 2); */
        top: calc((100% - 1px) / 2);
        width: 30px;
        height: 2px;
        background-color: #195BA8;
        display: inline-block;
    }

    .inner-header-icon span:nth-child(1) {
        transform: translateY(4px) rotate(0deg);
    }

    .inner-header-icon span:nth-child(2) {
        opacity: 0;
    }

    .inner-header-icon span:nth-child(3) {
        transform: translateY(-4px) rotate(0deg);
    }


    .inner-header-icon-click span:nth-child(1) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickfirst;
    }

    .inner-header-icon-click span:nth-child(2) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clicksecond;
    }

    .inner-header-icon-click span:nth-child(3) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickthird;
    }


    /*第一条线旋转动画*/
    @keyframes clickfirst {
        0% {
            transform: translateY(4px) rotate(0deg);

        }

        100% {
            transform: translateY(0) rotate(45deg);
        }
    }

    /*第二条线淡入淡出动画动画*/
    @keyframes clicksecond {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    /*第三条线旋转动画*/
    @keyframes clickthird {
        0% {
            transform: translateY(-4px) rotate(0deg);
        }

        100% {
            transform: translateY(0) rotate(-45deg);
        }
    }

    .inner-header-icon-out span:nth-child(1) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outfirst;
        /* margin: -10px 0 15px; */
    }

    .inner-header-icon-out span:nth-child(2) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outsecond;
        /* margin: -3px 0 15px; */
        margin: 4px 0 0px;
    }

    .inner-header-icon-out span:nth-child(3) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outthird;
        margin: 8px 0 0px;
    }

    @keyframes outfirst {
        0% {
            transform: translateY(0) rotate(-45deg);
        }

        100% {
            transform: translateY(-4px) rotate(0deg);
        }
    }

    @keyframes outsecond {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes outthird {
        0% {
            transform: translateY(0) rotate(45deg);
        }

        100% {
            transform: translateY(4px) rotate(0deg);
        }
    }



    .pc-slide {
        display: none;
    }

    .phone-slide {
        display: block;
    }

    .container {
        width: 85%;
    }

    .nac_top,
    .nav_fixed {
        display: none !important;
    }

    .slide {
        /* position: relative;
        top: 85px; */
    }

    .footer_box {
        display: none !important;
    }

    .friend {
        display: none;
    }

    .copy {
        margin-top: 0;
    }

    footer .copy,
    footer .copy a {
        text-align: center;
    }

    .copy span>br {
        display: block;
    }

    footer {
        padding-top: 0;
    }

    .phone-active {
        background: #00499F;
    }

    .phone-active>p>a,
    .phone-active>p>a>i {
        color: #FFFFFF !important;
    }

    .nav_phone {
        display: block;
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 1500;
    }

    .nav-all {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FFFFFF;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .nav-all>div {
        width: calc(100% / 3);
    }

    .nav-all>div:first-child {
        text-align: left;
    }

    .nav-all>div:nth-child(2) {
        text-align: center;
    }

    .nav-all>div:nth-child(3) {
        text-align: right;
    }

    .phone-more>i {
        color: #00499F;
        font-size: 28px !important;
    }

    .phone-title {
        font-size: 36px;
        font-family: 'SYHT-R';
        color: #333333;
    }

    header .slide .word .title {
        /* font-size: 40px !important;
        letter-spacing: 3px; */
        font-size: 45px !important;
        letter-spacing: 6px;
    }

    header .slide .word .desc {
        width: 55% !important;
        /* font-size: 22px !important;
        letter-spacing: 3px !important; */
        font-size: 20px !important;
        letter-spacing: 5px !important;
        line-height: 1.6 !important;
    }

    header .slide .swiper-pagination {
        padding: 0;
        text-align: center;
    }

    .phone-shadow {
        box-shadow: 0px 3px 59px 0px rgb(0 0 0 / 13%);
    }

    .parents-ul {
        width: 100%;
        height: 91vh;
        background: #FFFFFF;
        position: absolute;
        top: 100%;
        left: 0;
        box-sizing: border-box;
        display: none;
    }

    .parents-ul>li {
        position: relative;
        tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .parents-ul>li>p {
        padding: 40px 0;
        border-bottom: 1px solid #EDEDED;
        tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .parents-ul>li>p>a {
        margin: 0 50px;
        display: inline-block;
        font-size: 32px;
        font-family: 'SYHT-R';
        color: #333333;
        width: calc(100% - 100px);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: unset;
        tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .parents-ul>li>p>a>img {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }

    .parents-ul>li>p>a>img:nth-child(2) {
        display: none;
    }

    .parents-ul>li.phone-active>p>a>img:nth-child(1) {
        display: none;
    }

    .parents-ul>li.phone-active>p>a>img:nth-child(2) {
        display: block;
    }

    .parents-ul>li>p>a:hover {
        tap-highlight-color: rgba(0, 0, 0, 0)
    }

    /* .parents-ul>li>p>a>i{
        color: #333333;
        font-size: 30px !important;
        transition: all .5s;
    } */
    /* .parents-ul>li>p>a>i:nth-child(1){
        margin-right: 35px;
        width: 50px;
        text-align: center;
        display: inline-block;
    } */
    .parents-ul>li>p>a>i {
        position: absolute;
        right: 20px;
    }

    .phoneson-ul {
        background: #F7F7F7;
        width: 100%;
        position: relative;
        top: 100%;
        display: none;
    }

    .phoneson-ul>li {
        padding: 20px 0;
        border-bottom: 1px solid #EDEDED;
    }

    .phone-sun {
        /* display: none; */
        margin-top: 12px !important;
    }

    .phoneson-ul>li>a {
        width: calc(100% - 135px);
        display: inline-block;
        margin-left: 135px;
        font-size: 28px;
        font-family: 'SYHT-R';
        color: #333333;
        display: flex;
        align-items: center;
    }

    .active-xl {
        transform: rotate(90deg);
        transition: all .5s;
        color: #00499F !important;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 80px 0;
    }

    .customers {
        /* padding-bottom: 0; */
    }

    .service_bg>.container {
        width: 96%;
    }

    header {
        margin-top: 85px;
    }

    /* 标题 */
    .common-Ctitle {
        font-size: 32px;
    }

    .common-Etitle {
        font-size: 18px;
        margin-top: 0;
    }

    /* 底部*/
    .pc-footer {
        margin-bottom: 160px;
    }

    footer .copy,
    footer .copy a {
        font-size: 20px;
    }

    .gdf {
        display: none;
    }

    .phone-footer {
        display: block;
        background: #FFFFFF;
        padding: 30px 0;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
    }

    .bottom-nav {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .bottom-nav>li>a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bottom-nav>li>a>span {
        /* height: 25px; */
        line-height: 25px;
    }

    .bottom-nav>li>a {
        color: #666666;
    }

    .bottom-nav>li>a>span:nth-child(1) i {
        font-size: 40px !important;
    }

    .bottom-nav>li>a>span:nth-child(2) {
        font-size: 28px;
        margin-top: 10px;
    }

    .footer-add {
        color: #00499F !important;
    }

    footer .copy,
    footer .copy a {
        margin-top: 0;
    }

    /* 面包屑 */
    .crumbs {
        /* display: none; */
    }

    .crumbs a {
        font-size: 24px;
    }

    .all-right,
    .contentR {
        padding-bottom: 70px;
    }

    .pages,
    .page {
        margin-bottom: 60px;
    }

    /* 分页 */
    .pages a {
        font-size: 22px;
    }

    .pages a {
        padding: 11px 20px;
    }

    /* .parents-ul>li:nth-child(5)>p>a>i{
        font-size: 42px !important;
    } */
    /*.parents-ul>li:nth-child(5)>p>a>img {
        transform: scale(1.4);
    }*/

    .phone-sun>li {
        padding: 10px 0;
    }

    .phone-sun>li>a {
        margin-left: 190px;
        font-size: 18px;
        color: #333333;
        position: relative;
    }

    .phone-sun>li>a::after {
        content: '';
        width: 3px;
        height: 3px;
        background: #333333;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
    }

    .acc::after {
        width: 5px;
        height: 5px;
        left: -18px;
    }

    .cust-bottom {
        padding-bottom: 0 !important;
    }

}


@media (max-width: 768px) {
    .nav-all {
        padding: 0 25px;
    }

    .phone-title {
        font-size: 28px;
    }

    .parents-ul>li>p {
        padding: 25px 0;
    }

    .parents-ul>li>p>a {
        font-size: 24px;
    }

    .common-Ctitle {
        font-size: 30px;
    }

    .common-Etitle {
        font-size: 18px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 60px 0;
    }

    footer .copy,
    footer .copy a {
        font-size: 18px;
    }

    .bottom-nav>li>a>span:nth-child(1) i {
        font-size: 34px !important;
    }

    .bottom-nav>li>a>span:nth-child(2) {
        font-size: 22px;
    }

    /*.bottom-nav > li:nth-child(3) > a > span:nth-child(1){*/
    /*    margin-left: 5px;*/
    /*}*/
    /* .bottom-nav > li:nth-child(4) > a > span:nth-child(1) i{
        font-size: 38px !important;
    } */
    .parents-ul>li>a {
        font-size: 28px;
    }

    .phoneson-ul>li>a {
        font-size: 21px;
    }

    .parents-ul>li>p>a>i {
        font-size: 27px !important;
    }

    .parents-ul>li:nth-child(5)>p>a>i {
        font-size: 39px !important;
    }

    .pages a {
        font-size: 18px;
    }

    .crumbs a {
        font-size: 16px;
    }


    header .slide .word .title {
        font-size: 34px !important;
    }

    header .slide .word .desc {
        font-size: 18px !important;
        margin-top: 20px;
    }
}


@media (max-width: 600px) {
    .phone-title {
        font-size: 26px;
    }

    .phone-logo>a>img {
        width: 65%;
        height: auto;
    }

    .container {
        width: 86%;
    }

    .common-Ctitle {
        font-size: 30px;
    }

    .common-Etitle {
        font-size: 17px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 50px 0;
    }

    footer .copy,
    footer .copy a {
        font-size: 14px;
    }

    footer .copy,
    footer .copy a {
        padding: 35px 0;
    }

    .page .prev span:nth-child(2),
    .page .prev span:nth-child(1),
    .icon-fanhui,
    .next.page .prev span:nth-child(1),
    .icon-fanhui {
        font-size: 14px !important;
    }

    .icon-fanhui {
        font-size: 14px !important;
    }

    .parents-ul>li>p>a {
        font-size: 22px;
    }

    .phoneson-ul>li>a {
        font-size: 18px;
    }

    .phone-sun>li>a {
        font-size: 14px;
    }

    .pages a {
        font-size: 14px;
    }
}

/* @media (max-width: 580px) {
    .pages a{
        font-size: 16px;
        margin-right: 5px;
    }
    .pages a{
        padding: 7px 15px;
    }
    .pages .prev, .pages .next{
        padding: 7px 6px;
    }
} */


@media (max-width: 550px) {
    .pages>span {
        font-size: 11px;
        margin-top: 10px;
    }

    .acc::after {
        content: '';
        width: 3px;
        height: 3px;
        background: #333333;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
    }

    /*.bottom-nav>li:nth-child(3)>a>span>i{*/
    /*    margin-left: 8px;*/
    /*}*/
    .parents-ul>li>p>a>i {
        font-size: 20px !important;
    }

    .parents-ul>li:nth-child(5)>p>a>i {
        font-size: 20px !important;
    }

    .parents-ul>li>p>a>i:nth-child(1) {
        margin-right: 20px;
        width: 35px;
    }

    .phoneson-ul>li>a {
        margin-left: 70px;
    }

    header .slide .swiper-pagination-bullet-active {
        width: 40px !important;
    }

    header .slide .swiper-pagination-bullet {
        width: 20px !important;
    }

    header nav {
        height: 60px;
    }

    header {
        margin-top: 60px;
    }

    header .slide .word .desc {
        letter-spacing: 1.3px !important;
        margin-top: 0;
    }

    .parents-ul>li>p>a {
        margin: 0 30px;
        width: calc(100% - 60px);
    }

    .nav-all {
        padding: 0 15px
    }

    .crumbs a {
        font-size: 16px;
    }

    .phone-title {
        font-size: 18px;
    }

    .inner-header-icon span {
        width: 25px;
    }

    .parents-ul>li>a {
        font-size: 24px;
        margin: 0 30px;
        line-height: 36px;
    }

    .phoneson-ul>li>a {
        font-size: 14px;
    }

    .phoneson-ul>li>p,
    .parents-ul>li>p,
    .phoneson-ul>lii {
        padding: 20px 0;
    }

    .phone-sun>li {
        padding: 10px 0;
    }

    .phone-sun>li>a {
        margin-left: 95px;
        font-size: 14px;
        color: #333333;
    }

    .parents-ul>li>a>i:last-child {
        font-size: 24px !important;
    }

    .parents-ul>li>p>a {
        font-size: 16px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: unset;
    }

    .parents-ul>li>p>a>i {
        font-size: 20px !important;
    }

    .nav-all {
        padding: 0 20px;
    }

    .common-Ctitle {
        font-size: 21px;
    }

    .common-Etitle {
        font-size: 11px;
    }

    .customers,
    .new,
    .company,
    .focus,
    .zizhi,
    .content,
    .p-all {
        padding: 35px 0;
    }

    footer .copy,
    footer .copy a {
        font-size: 10px;
    }

    .bottom-nav>li>a>span:nth-child(2) {
        font-size: 14px;
        margin-top: 3px;
    }

    .bottom-nav>li>a>span:nth-child(1) i {
        font-size: 22px !important;
    }

    .bottom-nav>li:last-child>a>span:nth-child(1)>i {
        font-size: 26px !important;
    }

    .phone-footer {
        padding: 12px 0;
    }

    .pc-footer {
        margin-bottom: 72px;
    }


    .all-right,
    .contentR {
        padding-bottom: 50px;
    }

    .pages a {
        font-size: 11px;
        margin-right: 5px;
    }

    footer .copy,
    footer .copy a {
        padding: 23px 0;
    }


    header .slide .word .title {
        font-size: 20px !important;
    }

    header .slide .word .desc {
        font-size: 12px !important;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
    }

    .pages,
    .page {
        margin-bottom: 50px;
    }

    .page {
        padding: 12px 0;
    }

    .page .prev span:nth-child(2),
    .page .prev span:nth-child(1),
    .icon-fanhui,
    .prev i {
        font-size: 12px !important;
        margin-left: 0;
    }

    .pages .prev,
    .pages .next {
        padding: 7px 6px;
    }

    .pages a {
        padding: 7px 15px;
    }
}

@media (max-width: 475px) {
    .pages a {
        padding: 5px 10px;
    }
}

@media (max-width: 385px) {
    .pages a {
        padding: 4px 8px;
    }
}