.header-top-right a {
    line-height: 40px\9;
}

.header-bottom-left img {
    margin-top: 13px\9;
}

.header-bottom-right {
    margin-top: -70px\9;
}

.header-bottom-right span {
    line-height: 75px\9;
    float: left\9;
}

.header-bottom-right div {
    line-height: 75px\9;
    float: left\9;
}

.header-bottom-content {
    width: 1137px\9;
}

.footer-top {
    overflow: auto\9;
}

.footer-list {
    float: left\9;
    margin-right: 25px\9;
}

.footer-bottom div {
    float: left\9;
}

.banner {
    width: 100%\9;
    height: 100vh\9;
    position: relative\9;
}

.banner .swiper-container {
    height: 100%\9;
    width: 100%\9;
}

.banner .swiper-slide {
    width: 100%\9;
    height: 100%\9;
    overflow: hidden\9;
}

.banner .swiper-slide p {
    position: absolute\9;

    text-align: center\9;

    width: 100%\9;

    color: #fff\9;

    top: 500px\9;

    font-size: 56px\9;

    font-weight: unset\9;

    letter-spacing: 22px\9;
}

.banner .swiper-slide img {
    height: 100%\9;
    width: 100%\9;
}

.banner .pagination {
    position: absolute\9;
    left: 0\9;
    text-align: center\9;
    bottom: 40px\9;
    width: 100%\9;
    z-index: 3\9;
}

.banner .pagination span {
    display: inline-block\9;
    width: 10px\9;
    height: 10px\9;
    border-radius: 10px\9;
    margin: 0 10px\9;
    cursor: pointer\9;
    border: solid 2px #fff !important\9;
    background-color: transparent !important\9;
}


.banner .pagination .swiper-active-switch {
    background-color: #fff\9;
    border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%\9;
    transform: rotate(-45deg)\9;
    border: solid 2px #fff\9;
}

.content .business-area .button {
    width: 773px\9;
    top: 80px\9;
    margin: auto\9;
    left: 0\9;
    right: 0\9;
}

.content .business-area .button #btn1 {
    float: left\9;
}

.content .business-area .button #btn2 {
    float: right\9;
}

.content .business-area {
    margin-top: -40px\9;
    padding-top: 40px\9;
}

.content .business-area .circle {
    margin-top: 20px\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    top: 0\9;
    margin: auto\9;
    width: 500px\9;
    height: 500px\9;
}

.content .business-area .circle img {
    margin-top: 30px\9;
}

.business-area-swiper {
    width: 100%\9;
    left: 0\9;
    right: 0\9;
    top: 36px\9;
    bottom: 0\9;
    margin: auto\9;
    height: 450px\9;
    /* top: 154px\9; */
}

.business-area-swiper .swiper-slide {
    position: relative\9;
}

.business-area-swiper .swiper-slide a .my-slide {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    top: 0\9;
    bottom: 0\9;
    margin: auto\9;
}

.business-area-swiper .swiper-slide a .my-slide img {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    margin: 0 auto\9;
    top: 70px\9;
}

.business-area-swiper .swiper-slide a .my-slide .my-slide-title {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    margin: 0 auto\9;
    top: 146px\9;
}

.business-area-swiper .swiper-slide a .my-slide .my-slide-button {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    margin: 0 auto\9;
    bottom: 72px\9;
}

.business-area-swiper .swiper-slide-active .my-slide {
    width: 440px\9;
    height: 440px\9;
}

.product-rota {
    width: 1360px\9;
    margin: 0 auto\9;
}

.product-rota .left-img {
    float: left\9;
}

.product-rota .product-left {
    float: right\9;
}

.product-left-title {
    text-align: left\9;
}

.product-left-label div {
    float: left\9;
}

.product-rota .product-left {
    width: 500px\9;
}

.product-content-nav {
    margin-bottom: 250px\9;
}

.journalism-content {
    padding-top: 40px\9;
    padding-bottom: 40px\9;
    box-sizing: border-box\9;
}

.journalism-content .layout {
    width: 100%\9;
}

.journalism .journalism-content .layout .left {
    width: 50%\9;
    float: left\9;
    height: 537px\9;
}

.journalism .journalism-content .layout .left:hover img {
    transform: scale(1)\9;
    opacity: .7\9;
}

.journalism .journalism-content .layout .right {
    width: 50%\9;
    float: right\9;
    height: 537px\9;
}

.journalism .journalism-content .layout .left .left-time .time {
    float: left\9;
    width: 50px\9;
    margin-right: 20px\9;
}

.journalism .journalism-content .layout .right .right-bottom .right-label div:first-child {
    float: left\9;
}

.journalism .journalism-content .layout .right .right-bottom .right-label div:last-child {
    float: right\9;
}

.journalism-content .button {
    text-align: center\9;
    line-height: 42px\9;
}

.journalism-content .swiper-container {
    height: 366px\9;
}

.guide-left span {
    position: absolute\9;
    top: 0\9;
    bottom: 0\9;
    left: 0\9;
    right: 0\9;
    margin: auto\9;
    line-height: 60px\9;
    text-align: center\9;
}

.guide-right span {
    position: absolute\9;
    top: 0\9;
    bottom: 0\9;
    left: 0\9;
    right: 0\9;
    margin: auto\9;
    line-height: 60px\9;
    text-align: center\9;
}

.guide-bottom div:first-child {
    float: left\9;
    line-height: 36px\9;
}

.guide-bottom div:last-child {
    float: right\9;
    line-height: 36px\9;
}

.content .guide {
    padding-bottom: 50px\9;
}

.friendship-links-content .link-li {
    float: left\9;
    line-height: 80px\9;
    border: none\9;
}

.friendship-links-content .links-icon {
    float: left\9;
}

.about-nav-content-left a:hover::after {
    content: none\9;
}

.about-nav-content-left a {
    padding-bottom: 27px\9;
}

.about-nav-content-left {
    float: left\9;
}

.about-nav-content-right {
    float: right\9;
    line-height: 70px\9;
}

.about-content-middle {
    width: 1360px\9;
    margin: 0 auto\9;
}

.about-content-middle-left {
    float: left\9;
    width: 45%\9;
}

.about-content-middle-right {
    float: right\9;
}

.about-content-title {
    width: 1360px\9;
    margin: 0 auto\9;
}

.about-content-title .bg {
    margin-top: 0\9;
}

.about-content-title .title {
    margin-top: -50px\9;
}

.about-content {
    padding-top: 50px\9;
}

.about-content-title {
    margin-bottom: 50px\9;
}

.about-content-middle-right div span {
    display: block\9;
    text-align: center\9;
}

.about-content-middle-right div {
    width: 310px\9;
    height: 200px\9;
    padding: 30px 0\9;
    box-sizing: border-box\9;
}

.about-content-rotation {
    width: 1360px\9;
    margin: 0 auto\9;
}

.about-content-rotation .swiper-slide {
    width: 450px\9;
}

.about-content-middle {
    margin-bottom: 90px\9;
}

.about-content-rotation .swiper-container {
    padding-top: 90px\9;
}

.about-rotation-swiper {
    width: 436px\9;
}

.about-culture {
    height: 700px\9;
}

.course-ie {
    height: auto\9;
}

.about-culture-content-bottom {
    position: relative\9;
}

.about-a {
    float: left\9;
}

.about-b {
    float: right\9;
}

.about-culture-content-bottom-img {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    top: 0\9;
    bottom: 0\9;
    margin: auto\9;
}

.about-culture-content-top {
    margin-bottom: 100px\9;
}

.about-culture-content-bottom {
    height: 250px\9;
}

.about-culture-content-bottom-img img {
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    left: 0\9;
    bottom: 0\9;
    margin: auto\9;
}

.about-culture-content-bottom-label div span {
    display: block\9;
}

.container-node .node-time span {
    display: block\9;
    float: left\9;
}

.container-node .node-time p {
    line-height: 32px\9;
}

.container-node .node-time .details .left {
    float: left\9;
    width: 233px\9;
}

.container-node .node-time .details .left div {
    display: none\9;
}

.container-node .node-time .details .right {
    padding: 30px 60px\9;
    box-sizing: border-box\9;
}

.about-honor-header .info div {
    display: inline-block\9;
}

.about-honor-header {
    position: relative\9;
}

.about-honor-header .title {
    margin-bottom: 140px\9;
}

.about-honor-header .info {
    position: absolute\9;
    top: 70px\9;
    left: 0\9;
    right: 0\9;
    margin: auto\9;
    width: 348px\9;
}

.about-honor-content .certificate {
    width: 24%\9;
    float: left\9;
    margin: 5px\9;
}

.about-honor-content {
    height: 610px\9;
}

.about-honor-content .certificate .top .img {
    position: relative\9;
    width: 100%\9;
}

.about-honor-content .certificate .top .img img {
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    left: 0\9;
    margin: auto\9;
}

.spread-nav .title {
    width: 348px\9;
    height: 70px\9;
}

.spread-nav .title div {
    float: left\9;
}

.spread-nav .selector .selector-class {
    width: 30%\9;
    float: left\9;
    text-align: center\9;
}

.spread-nav .selector .selector-end {
    float: left\9;
}

.selector-text {
    float: left\9;
    margin-left: 75px\9;
}

.selector-search p {
    float: left\9;
    margin-left: 90px\9;
}

.spread-nav .selector {
    line-height: 60px\9;
}

.slector-option {
    top: 62px\9;
    width: 70%\9;
    right: 0\9;
    left: auto\9;
}

.spread-file-li {
    width: 46%\9;
    float: left\9;
    height: auto\9;
    margin: 10px\9;
}

.spread-file {
    min-height: 800px\9;
}

.spread-file-li .left {
    float: left\9;
    width: 30%\9;
}

.spread-file-li .right {
    float: left\9;
    width: 58%\9;
}

.spread-file-li .right .bottom .bottom-button div {
    float: left\9;
}

.spread-video .spread-video-li {
    width: 32%\9;
    margin: 8px\9;
    float: left\9;
}

.spread-video {
    min-height: 800px\9;
}

.spread-video .spread-video-li .images .mask img {
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    top: 0\9;
    margin: auto\9;
}

.spread-video .spread-video-li .images .img {
    height: 100%;
}

.about-contact .company .info {
    overflow: auto\9;
}

.about-contact .company .info .info-left {
    float: left\9;
    width: 60%\9;
}

.about-contact .company .info .info-right {
    float: right\9;
}

.about-contact .company .info .info-right div {
    float: left\9;
}

.about-contact .company .info .info-left div {
    float: left\9;
    margin-right: 40px\9;
    margin-bottom: 20px\9;
}

.about-contact .company .info .info-right div:first-child {
    margin-top: 36px\9;
}

.about-contact .region-content {
    overflow: auto\9;
}

.about-contact .region-content .label {
    width: 32%\9;
    float: left\9;
    margin: 8px\9;
    height: 241px\9;
}

.about-contact .region-content .label .top p {
    border-left: none\9;
    line-height: 70px\9;
}

.voice .voice-content {
    margin: auto\9;
}

.voice .voice-content .voice-icon {
    text-align: center\9;
    padding-top: 50px\9;
}

.voice {
    padding-bottom: 150px\9;
}

.voice .voice-content .from .from-first {
    overflow: auto\9;
}

.voice .voice-content .from .from-first .first-info {
    float: left\9;
    margin: 10px\9;
}

.voice .voice-content .from .from-first .last-info {
    width: 610px\9;
    float: left\9;
    margin: 10px\9;
}

.voice .voice-content .from .from-text textarea {
    width: 93%\9;
    float: right\9;
    height: 100%\9;
}

.voice .voice-content .from .from-text div {
    float: left\9;
}

.voice .voice-content .from .from-first div input {
    width: 85%\9;
}

.content .core {
    margin: auto\9;
    padding-top: 100px\9;
}

.content .core .html-title {
    margin-top: 0\9;
}

.content .core .news-list .news-list-header {
    height: 600px\9;
}

.content .core .news-list .news-list-header .left {
    float: left\9;
    width: 600px\9;
    height: 600px\9;
}

.content .core .news-list .news-list-header .right {
    float: right\9;
    width: 600px\9;
}

.content .core .news-list .news-list-header .right .news-list-li a {
    display: block\9;
    line-height: 80px\9;
}

.content .core .news-list .news-list-header .left .text .time {
    float: left\9;
    margin-right: 20px\9;
}

.content .core .news-list .news-list-header .right .news-list-li a span:last-child {
    float: right\9;
    margin-left: 20px\9;
}

.content .core .news-list .news-list-content a {
    line-height: 80px\9;
    display: block\9;
}

.content .core .news-list .news-list-header .left .text .txt {
    padding: 0\9;
}

.content .core .news-list .news-list-header .left .text .txt div:first-child span:last-child {
    width: 400px\9;
}

.content .core .news-list .news-list-content a span:last-child {
    float: right\9;
    margin-left: 20px\9;
}

.journalism-details .details {
    margin-top: 0\9;
    padding-top: 100px\9;
    margin: auto\9;
    overflow: auto\9;
}

.journalism-details .details .details-left {
    width: 67%\9;
    float: left\9;
    margin: 0\9;
}

.journalism-details .details .details-right {
    float: right\9;
}

.journalism-details .details .details-left .details-left-header .details-left-info {
    overflow: auto\9;
}

.journalism-details .details .details-left .details-left-header .details-left-info div {
    float: left\9;
}

.business-details-turn-page a:first-child {
    float: left\9;
    line-height: 30px\9;
}

.business-details-turn-page a:last-child {
    float: right\9;
    line-height: 30px\9;
}

.business-details-turn-page .turn div {
    float: left\9;
}

.business-details-turn-page .turn-back div {
    float: left\9;
}

.business-details-turn-page .turn div:first-child {
    text-align: center\9;
    display: none\9;
}

.business-details-turn-page .turn-back div:last-child {
    text-align: center\9;
    display: none\9;
}

.journalism-details .details .details-right .details-right-first img {
    margin-bottom: 30px\9;
}

.journalism-details .details .details-right .details-right-first {
    margin-bottom: 30px\9;
}

.journalism-details .details .details-right .details-right-button {
    display: block\9;
    background-color: #0084ce\9;
}

.building .building-content .building-content-first {
    height: 570px\9;
}

.building .building-content .building-content-first .left {
    width: 40%\9;
    float: left\9;
}

.building .building-content .building-content-first .right {
    width: 48%\9;
    float: right\9;
    position: relative\9;
    height: 95%\9;
}

.building .building-content .building-content-first .right .all {
    position: absolute\9;
    bottom: 0\9;
    left: 0\9;
    right: 0\9;
    margin: 0 auto\9;
}

.building .building-content .building-content-first .left .text .time {
    float: left\9;
    margin-right: 20px\9;
}

.building .building-content .building-content-first .right .content a {
    margin: 0\9;
    height: 40px\9;
    display: block\9;
    line-height: 40px\9;
}

.building .building-content .building-content-first .right .content a span:nth-child(2) {
    display: block\9;
    float: left\9;
}

.building .building-content .building-content-first .right .content a span:last-child {
    float: right\9;
}

.building .building-content .building-content-class {
    overflow: auto\9;
}

.building .building-content .building-content-class .label:first-child {
    width: 44%\9;
    float: left\9;
}

.building .building-content .building-content-class .label:last-child {
    float: right\9;
    width: 44%\9;
}

.building .building-content .building-content-class .label .title div:first-child {
    float: left\9;
}

.building .building-content .building-content-class .label .title a {
    float: right\9;
}

.building .building-content .building-content-class .label .title {
    margin-bottom: 60px\9;
}

.building .building-content .building-content-class .label .content a {
    display: block\9;
    height: 40px\9;
    line-height: 40px\9;
    margin: 0\9;
}

.building .building-content .building-content-class .label .content a span:nth-child(2) {
    display: block\9;
    float: left\9;
}

.building .building-content .building-content-class .label .content a span:last-child {
    display: block\9;
    float: right\9;
}

.building .building-content .building-content-column .content {
    justify-content: unset;
}

.building .building-content .building-content-column .content a {
    margin-right: 20px;
}

.building .building-content .building-content-column .content a:last-child {
    margin: 0;
}

.building .building-content .building-content-column .content a {
    float: left\9;
    margin-right: 12px\9;
}

.building .building-content .building-content-column .title {
    width: 100%\9;
    overflow: auto\9;
}

.building .building-content .building-content-column .title div:first-child {
    float: left\9;
}

.building .building-content .building-content-column .title a {
    float: right\9;
}

.building .building-content .building-content-column {
    padding-top: 20px\9;
}

.content-school .school {
    padding-top: 30px\9;
    margin: auto\9;
}

.content-school .school .school-ul {
    overflow: auto\9;
}

.content-school .school .school-ul .school-li {
    float: left\9;
    height: 320px\9;
    margin: 10px\9;
}

.content-school .school .school-ul .school-li .text {
    width: 100%\9;
    display: block\9;
    overflow: hidden\9;
    text-overflow: ellipsis\9;
    white-space: nowrap\9;
}

.content-vitality .vitality .vitality-content .top{
    overflow: auto\9;
}
.content-vitality .vitality .vitality-content .top .left{
    float: left\9;
}
.content-vitality .vitality .vitality-content .top .right{
    float: right\9;
    width: 50%\9;
    height: 325px\9;
}
.content-vitality .vitality{
    margin: auto\9;
    padding-top: 80px\9;
}
.content-vitality .vitality .title{
    margin-top: 0\9;
}
.content-vitality .vitality .vitality-content .top .right .vitality-title{
    margin-bottom: 30px\9;
}
.content-vitality .vitality .vitality-content .top .right .vitality-text{
    margin-bottom: 20px\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul{
    overflow: auto\9;
    width: auto\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul a{
    width: 350px\9;
    float: left\9;
    margin-right: 35px\9;
    margin-bottom: 35px\9;
    display: block;
}
.content-vitality .vitality .vitality-content .vitality-content-ul a:nth-child(3n+0){
    margin-right: 0\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:first-child{
    margin-top: 0\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info{
    padding-top: 24px\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child span:first-child{
    float: left\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child span:last-child{
    float: right\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child{
    overflow: auto\9;
    padding-bottom: 10px\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-img .see-info div{
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    bottom: 0\9;
    left: 0\9;
    margin: auto\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li img{
    height: 215px\9;
}
.content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li{
    height: 360px\9;
}
.content-vitality .vitality .vitality-li{
    height: 40px\9;
    text-align: center\9;
}
body .content-vitality .vitality .vitality-li a div{
    display: inline-block\9;
    margin-right: 15px\9;
}
.content-vitality .vitality a .vitality-li div:last-child{
    margin: auto\9;
    margin-right: 15px\9;
}
.content-vitality .vitality .vitality-li div:hover{
    background-color: #0084ce\9;
}
.business-header{
    line-height: 70px\9;
}
.business-left{
    background-color: #0084ce\9;
    float:left\9;
}
.business-right{
    float: right\9;
    width: 940px\9;
}
.business-info{
    overflow: auto\9;
}
.business-left .business-left-ul .business-left-li .business-left-select{
    height: 24px\9;
    margin-bottom: 15px;
}
.business-left .business-left-ul .business-left-li .business-left-select div{
    float: left\9;
}
.business-left .business-left-ul .business-left-li .business-left-select span{
    float: right\9;
}
.business-left .business-left-ul .business-left-option a{
    display: block\9;
}
.area .title{
    margin-bottom: 30px\9;
}
.area .content{
    margin-bottom: 30px\9;
}
.area-ul .area-li{
    overflow: auto\9;
}
.area-ul .area-li .area-li-img{
    float: left\9;
}
.area-ul .area-li .area-li-content{
    float: left\9;
}
.business-details-title{
    margin-bottom: 50px\9;
    margin-top: 0\9;
}
.business-right .custom-node .details{
    padding-top: 50px\9;
}
.product-swiper .product-direction span{
    position: absolute\9;
    left: 0\9;
    right: 0\9;
    top: 0\9;
    bottom: 0\9;
    margin: auto\9;
    width: 22px\9;
    height: 22px\9;
}
.content .product-swiper{
    padding: 50px 20px\9;
    margin: 0 auto\9;
}
.product-details .product-details-swiper .product-rota{
    height: 50%\9;
    position: absolute\9;
    top:0\9;
    right: 0\9;
    left: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.product-left-label div span{
    background-color: transparent\9;
}
.product-details .product-principle{
    padding-top: 30px\9;
}
.product-details .product-principle div:first-child{
    text-align: center\9;
    margin-bottom: 60px\9;
}
.product-details .product-principle div:nth-child(2){
    margin: auto\9;
    margin-bottom: 60px\9;
}
.product-details .product-principle div:last-child{
    margin: auto\9;
}
.product-details .product-advantage .product-advantage-content{
    padding-top: 72px\9;
    margin: auto\9;
}
.product-details .product-advantage .product-advantage-content .title{
    margin-top: 0\9;
    text-align: center\9;
}
.product-details .product-advantage .product-advantage-content .title::after{
    display: block\9;
}
.product-details .product-advantage .product-advantage-content .container .container-li{
    width: 238px\9;
    float: left\9;
    margin-right: 120px\9;
}
.product-details .product-advantage .product-advantage-content .container .container-li:last-child{
    margin-right: 0\9;
}
.product-details .product-scene .product-scene-content{
    padding-top: 72px\9;
    margin: auto\9;
}
.product-details .product-scene .product-scene-content .title{
    margin-top: 0\9;
    text-align: center\9;
}
body .product-details .product-scene .product-scene-content .title::after{
    display: block\9;
}
.product-details .product-scene .product-scene-content .container .container-li{
    width: 160px\9;
    float: left\9;
    margin-right: 130px\9;
}
.product-details .product-scene .product-scene-content .container .container-li:last-child{
    margin-right:0\9;
}
.product-details .product-case .product-case-content{
    padding-top: 72px\9;
    margin: auto\9;
}
.product-details .product-case .product-case-content .title{
    margin-top: 0\9;
    text-align: center\9;
}
.product-details .product-case .product-case-content .title::after{
    display: block\9;
}
.product-details .product-case .product-case-content .container .container-li{
    float: left\9;
    overflow: auto\9;
    width: 640px\9;
    height: 185px\9;
    margin-bottom: 38px\9;
    margin-right: 38px\9;
}
.product-details .product-case .product-case-content .container .container-li:nth-child(2n+0){
    margin-right: 0\9;
}
.product-details .product-case .product-case-content .container .container-li img{
    float: left\9;
}
.product-details .product-case .product-case-content .container .container-li .container-li-info{
    float: right\9;
    width: 350px\9;
    height: 100%\9;
}
.product-details .product-case .product-case-content .container .container-li .container-li-info .info-content span{
    display: block\9;
}
.voice .voice-content .voice-icon{
    margin-top: 0\9;
    margin-bottom: 50px\9;
}
.product-details .product-principle div:first-child::after{
    display: block\9;
}
.product-compontent-nav-link{
    margin: auto\9;
    text-align: center\9;
}
.product-compontent-nav-nav a{
    display: inline-block\9;
}
.content .product-compontent .a::after{
    bottom: -25px\9;
}
.content .product-compontent .product-compontent-nav-content-left a:hover::after{
    bottom: -26px\9;
}
.content .product-compontent .select-nav::after{
    bottom: -26px\9;
}
.product-details .product-principle .child-tow-process{
    float: left\9;
}
html body .product-details .product-principle .child-tow-point{
    float: left\9;
    margin:0 80px\9;
    margin-top: 152px\9;
}
.product-details .product-principle .child-tow{
    overflow: auto\9;
    margin: auto\9;
}
.child-tow-process div:first-child{
    position: relative\9;
}
.child-tow-process div:first-child img{
    position: absolute\9;
    top: 0\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.product-details .product-advantage .product-advantage-content .title::after{
    margin: auto\9;
}
.product-details .product-advantage .product-advantage-content .container .container-li div{
    border-radius: 10px\9;
}
.product-details .product-advantage .product-advantage-content .container .container-li span{
    display: block\9;
}
.product-details .product-scene .product-scene-content .container{
    overflow: auto;
}
.operate-serve .operate-serve-top .container div:last-child{
    width: 630px\9;
    float: right\9;
}
.operate-serve .operate-serve-top .container div:first-child{
    float: left\9;
}
.operate-serve .operate-serve-top .container{
    overflow: auto\9;
}
.operate-serve{
    padding-top: 80px\9;
}
.operate-serve .operate-serve-top .title{
    margin-top: 0\9;
}
.operate-serve :last-child.operate-serve-top .container{
    float: left\9;
}
.operate-case .case-container .case-container-li{
    overflow: auto\9;
}
.operate-case .case-container .case-container-li .case-container-li-text{
    float: left\9;
    width: 62%\9;
}
.operate-case .case-container .case-container-li img{
    float: right\9;
}
.content{
    padding-bottom: 20px\9;
}
.quotation .container img{
    margin: 0 auto\9;
    margin-bottom: 64px\9;
    display: block\9;
}
.quotation .container div{
    margin: auto\9;
}
.report .report-header{
    height: 52px\9;
}
.report .report-header .title{
    float: left\9;
}
.report .report-header .time{
    float: right\9;
    line-height: 52px\9;
}
.report .container .container-li{
    line-height: 50px\9;
}
.report .container .container-li .title{
    display: inline-block\9;
    width: 80%\9;
}

.report .container .container-li img{
    float: left\9;
    margin-right: 10px\9;
}
.report .container .container-li .time{
    display: inline-block\9;
}
.page{
    text-align: center\9;
}
.page li{
    display: inline-block\9;
}
.serve .container .info .info-left .info-li span{
    display: block\9;
}
.serve .container .info .info-right{
    float: right\9;
    margin-top: -210px\9;
}
.serve .container .info .info-left .info-interaction img{
    float: right\9;
    margin-top: -43px\9;
    margin-right: 60px\9;
}
.serve .container .info .info-left .info-interaction span{
    float: left\9;
    line-height: 52px\9;
}
.personnel .personnel-a .container{
    overflow: auto\9;
    padding-top: 70px\9;
}
.personnel .personnel-a .container .left{
    float: left\9;
}
.personnel .personnel-a .container img{
    float: right\9;
}
.personnel .personnel-b .container{
    margin: auto\9;
}
.personnel .personnel-b .container .container-li{
    float: left\9;
    margin-right: 9px\9;
    padding-top:87px\9;
    box-sizing: border-box\9;
}
.personnel .personnel-b .container .container-li:last-child{
    margin: 0\9;
}
.personnel .personnel-b .container .container-li .icon{
    margin: auto\9;
    position: relative\9;
}
.personnel .personnel-b .container .container-li .icon img{
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    left: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.personnel .personnel-b .container .container-li .name{
    text-align: center\9;
}
.personnel .personnel-b .container .container-li p{
    text-align: center\9;
}
.personnel .personnel-c{
    padding-top: 80px\9;
}
.personnel .personnel-c .title{
    margin-top: 0\9;
}
.personnel .personnel-c .container{
    opacity: auto\9;
    margin: auto\9;
}
.personnel .personnel-c .container .left{
    width: 650px\9;
    float: left\9;
    position: relative\9;
}
.personnel .personnel-c .container .left .circular{
    position: absolute\9;
    top: 0\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.personnel .personnel-c .container .right{
    width: 650px\9;
    height: 600px\9;
    float: right\9;
    padding: 50px 32px;
    box-sizing: border-box;
}
.personnel .personnel-c .container .left .circular .post img{
    position: absolute\9;
    top: 0\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.personnel .personnel-c .container .left .circular .text{
    position: absolute\9;
    top: 0\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
    margin: auto\9;
    display: block\9;
    width: 170px\9;
    height: 30px\9;
}
.personnel .personnel-c .container .right .right-content .li{
    float: left\9;
    width: 280px\9;
    height: 230px\9;
    margin-bottom: 20px\9;
}
.personnel .personnel-c .container .right .right-content .li:nth-child(2n){
    float: right\9;
}
.personnel .personnel-c .container .right .right-content .li:nth-child(2n) p{
    text-align: right\9;
}
body .personnel .personnel-c .container .right .right-content .li:nth-child(2n) div{
    text-align: right\9;
}
.personnel .personnel-c .container .right .right-content .li:nth-child(2n) img{
    padding-left: 180px\9;
}
.personnel .personnel-c .container .right .circular{
    padding-top: 50px\9;
}
.report .report-header .time .select-option{
    z-index: 2;
}

.school-container .container .top div:first-child{
    width: 50%\9;
    float: left\9;
    height: 100%\9;
}
.school-container .container .top div:last-child{
    width: 50%\9;
    float: right\9;
    height: 100%\9;
}
.school-container .container{
    margin: auto\9;
}
.school-container .container .top{
    height: 371px\9;
}

.school-container .container .bottom .bottom-top{
    margin-top: 0\9;
    padding-top: 40px\9;
    overflow: auto\9;
}
.school-container .container .bottom .bottom-top .label{
    float: left\9;
    width: 50%\9;
}
.school-container .container .bottom .process .process-ul {
    overflow: auto\9;
}
.school-container .container .bottom .process .process-ul .process-li{
    float: left\9;
    width: 160px\9;
    margin-right: 45px\9;
}
.school-container .container .bottom .process .process-ul .process-li:last-child{
    margin-right: 0\9;
}
.school-container .container .bottom .process .process-ul .process-li div{
    position: relative\9;
}
.school-container .container .bottom .process .process-ul .process-li div img{
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    left: 0\9;
    bottom: 0\9;
    margin: auto\9;
}
.school-container .container .bottom .process .process-ul .process-li p{
    text-align: center\9;
}
.school-container .container .bottom .careful .careful-li{
    overflow: auto\9;
}
.school-container .container .bottom .careful .careful-li div{
    float: left\9;
    width: 50%\9;
}
.school-container .container .bottom{
    padding-bottom: 60px\9;
}
.school .screen .container{
    margin: auto\9;
    height: 100px\9;
}
.school .position-list .container{
    margin: auto\9;
}
.school .screen .container .container-input span{
    line-height: 44px\9;
}
.school .screen .container button{
    margin-top: 30px\9;
}
.product-compontent-nav-content-left .select-nav::after{
    bottom: -27px\9;
}
.product-compontent-nav-content-left a:hover::after{
    bottom: -27px\9;
}
.school .screen .container .container-input .container-select .container-select-title{
    text-align: center\9;
}
.school .screen .container .container-input{
    float: left\9;
    margin-right: 8px\9;
    margin-top: 30px\9;
}
.school .screen .container .container-input .container-select{
    display: inline-block\9;
}
.school .position-list .container .tabls .th span{
    width: 24%\9;
    display: inline-block\9;
}
.school .position-list .container .tabls .td span{
    width: 24%\9;
    display: inline-block\9;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    /* IE10-specific styles go here */

    .content .core .news-list .news-list-header .left .text .txt div:first-child span:last-child {
        width: 400px;
    }
    .header-bottom-right {
        margin-top: 0px;
    }

    .content .business-area .button {
        width: 1660px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }


    .product-content-nav {
        margin-bottom: 0;
    }

    .product-rota {
        margin: 0;
        margin-bottom: 100px;
    }

    .journalism-content {
        display: block;
    }

    .product-content-top {
        margin-bottom: 39px;
    }

    .about-rotation-swiper {
        width: 440px;
    }

    .about-content-rotation .swiper-container {
        padding-bottom: 150px;
        padding-top: 0;
    }

    .about-content-title {
        position: relative;
        margin-bottom: 120px;
    }

    .about-content-title .title {
        margin-top: 0;
        position: absolute;
        top: 50px;
        left: 0;
    }

    .about-content-title .bg {
        position: absolute;
        top: 10px;
        left: 0;
        margin-top: 0;
    }

    .about-nav {
        position: relative;
    }

    .about-nav-content {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    .about-culture {
        padding-bottom: 0;
    }

    .about-honor-content {
        width: 1360px;
    }

    .about-honor-content .certificate {
        width: 24%;
        float: left;
        margin: 5px;
    }

    .about-honor-paging {
        margin: 0;
    }

    .selector-text {
        line-height: 24px;
    }

    .spread-file-li {
        width: 46%;
        float: left;
        height: auto;
        margin: 10px;
    }

    .spread-file {
        min-height: 800px;
    }

    .spread-nav .title {
        width: 348px;
        height: 70px;
    }

    .spread-nav .selector .selector-end span {
        line-height: 60px;
    }

    .spread-video .spread-video-li {
        width: 32%;
        margin: 8px;
        float: left;
    }

    .about-contact .company .info {
        overflow: auto;
    }

    .about-contact .company .info .info-left {
        float: left;
        width: 60%;
    }

    .about-contact .company .info .info-right {
        float: right;
    }

    .about-contact .company .info .info-right div {
        float: left;
    }

    .about-contact .company .info .info-left div {
        float: left;
        margin-right: 40px;
        margin-bottom: 20px;
    }

    .about-contact .company .info .info-right div:first-child {
        margin-top: 36px;
    }

    .voice {
        justify-content: space-around;
    }

    .about-contact .region-content {
        overflow: auto;
    }

    .about-contact .region-content .label {
        width: 32%;
        float: left;
        margin: 8px;
        height: 241px;
    }

    .content .core .news-list .news-list-header .left {
        float: left;
        width: 600px;
        height: 550px;
    }

    .content .core .news-list .news-list-header .right {
        float: right;
        width: 600px;
    }

    .journalism-details .details .details-left {
        margin-right: 30px;
        display: block;
    }

    .journalism-details .details {
        overflow: visible;
    }

    .journalism-details .details .details-right .details-right-first {
        display: block;
    }

    .journalism-details .details .details-right .details-right-first img {
        margin-bottom: 30px;
    }

    .journalism-details .details .details-right .details-right-first {
        margin-bottom: 30px;
    }

    .building .building-content .building-content-first .left {
        height: 100%;
    }

    .building .building-content .building-content-first .left .text .txt div:first-child span:last-child {
        width: 50%;
    }

    .building .building-content .building-content-first .left .text .txt {
        margin: 0;
    }

    .building .building-content .building-content-column .content {
        justify-content: flex-start;
    }

    .building .building-content .building-content-first {
        height: 570px;
    }
    .content-school .school .school-ul {
        overflow: auto;
    }
    
    .content-school .school .school-ul .school-li {
        float: left;
        height: 320px;
        margin: 10px;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul{
        overflow: auto;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul a{
        width: 350px;
        float: left;
        margin-right: 35px;
        margin-bottom: 35px;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul a:nth-child(3n+0){
        margin-right: 0;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:first-child{
        margin-top: 0;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info{
        padding-top: 24px;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child span:first-child{
        float: left;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child span:last-child{
        float: right;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-info div:last-child{
        overflow: auto;
        padding-bottom: 10px;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li .vitality-content-li-img .see-info div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li img{
        height: 215px;
    }
    .content-vitality .vitality .vitality-content .vitality-content-ul .vitality-content-li{
        height: 397px;
    }
    .product-rota .product-left{
        width: 500px;
    }
    .content .product-compontent .product-compontent-nav{
        position: relative;
    }
    .content .product-compontent .product-compontent-nav-content{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .product-compontent-nav-nav{
        display: block;
    }
    .operate-serve .operate-serve-top:last-child{
        flex-direction: row;
    }
    .operate-serve :last-child.operate-serve-top .container{
        overflow: visible;
    }
    .operate-case .case-container .case-container-li .case-container-li-text{
        width: 62%;
    }
    .serve .container .info .info-left .info-interaction img{
        margin-right: -90px;
    }
    .personnel .personnel-c .container .right{
        display: block;
    }
    .personnel .personnel-c .container .right .circular{
        word-wrap:break-word;
        white-space:normal;
        word-break:break-all;
        display: inline-block;
    }
    .personnel .personnel-c .container .left .circular .post div{
        left: 0;
        right: 0;
        margin: auto;
    }
    .personnel .personnel-f .container .container-li .container-li-title p{
        margin-top: 10px;
    }
    .personnel .personnel-f .container .container-li .container-li-title div:first-child{
        margin-top: 0;
    }
    .personnel .personnel-f .container .container-li .container-li-title div:last-child{
        margin-top: 10px;
    }
    .personnel .personnel-b .container .container-li{
        padding: 86px 0;
        box-sizing: border-box;
    }
    .personnel .personnel-c .container .right .right-content .li{
        float: left;
        width: 280px;
        height: 230px;
        margin-bottom: 20px;
    }
    .personnel .personnel-c .container .right .right-content .li:nth-child(2n){
        float: right;
    }
    .personnel .personnel-c .container .right .right-content .li:nth-child(2n) p{
        text-align: right;
    }
    body .personnel .personnel-c .container .right .right-content .li:nth-child(2n) div{
        text-align: right;
    }
    .personnel .personnel-c .container .right .right-content .li:nth-child(2n) img{
        padding-left: 180px;
    }
    .personnel .personnel-c .container .right .circular{
        padding-top: 50px;
    }
    .report .report-header .time .select-option{
        z-index: 2;
    }
    .school-container .container .bottom .process .process-ul .process-li{
        float: none;
        width: auto;
        margin: auto;
    }
    .school-container .container .top div:first-child{
        width: 50%;
    }
    .school-container .container .top{
        height: 371px;
    }
    .school .position-list .container .tabls .th span{
        width: 24%;
        display: inline-block;
    }
    .school .position-list .container .tabls .td span{
        width: 24%;
        display: inline-block;
    }
    .school .screen{
        display: block;
    }
    .school .screen .container{
        margin: auto;
        height: 100px;
    }
    .school .position-list .container{
        margin: auto;
    }
    .school .screen .container .container-input span{
        line-height: 44px;
    }
    .school .screen .container button{
        margin-top: 30px;
    }
    .product-compontent-nav-content-left .select-nav::after{
        bottom: -0;
    }
    .product-compontent-nav-content-left a:hover::after{
        bottom: 0;
    }
    .school .screen .container .container-input .container-select .container-select-title{
        text-align: center;
    }
    .school .screen .container .container-input{
        float: left;
        margin-right: 8px;
        margin-top: 30px;
    }
    .school .screen .container .container-input .container-select{
        display: inline-block;
    }
    .school .screen .container{
        display: block;
    }
    .product-compontent-nav-content-left a{
        display: block;
    }
    .about-honor-content .certificate .top .img {
        position: relative;
        width: 100%;
    }
    
    .about-honor-content .certificate .top .img img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

}