﻿#fp-nav ul li a span:after {
    display: none;
}

#fp-nav.right {
    right: 50px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: transparent !important;
    border: 1px solid #fff !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    background: #fff !important;
}

#fp-nav.white ul li:hover a span,
.fp-slidesNav.white ul li:hover a span {
    background: #000 !important;
}

#fp-nav ul li a:hover span:before,
#fp-nav ul li a.active span:before,
#fp-nav ul li a span:before {
    display: none !important;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    background: #fff !important;
}

#fp-nav.white ul li a.active span,
.fp-slidesNav.white ul li a.active span,
#fp-nav.white ul li:hover a.active span,
.fp-slidesNav.white ul li:hover a.active span {
    background: #000 !important;
}

#fp-nav.white ul li a span,
.fp-slidesNav.white ul li a span {
    border-color: #666 !important;
}

.section {
    padding-left: 310px;
}

.banner {
    height: 100%;
    position: relative;
}

.banner .swiper-slide {
    overflow: hidden;
}

.banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.banner .banTitle {
    width: 100%;
    text-align: center;
    z-index: 2;
}

.banTitle b {
    display: block;
    opacity: 0;
    font-size: 36px;
    color: #fff;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
}

.banTitle b span {
    font-size: 36px;
}

.banTitle p {
    opacity: 0;
    font-size: 44px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
}

.banTitle p:after {
    opacity: 0;
    position: absolute;
    content: '';
    display: block;
    width: 220px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: -25px;
}

.banner .swiper-slide-active .banTitle b,
.banner .swiper-slide-active .banTitle p {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}

.banner .swiper-slide-active .banTitle p:after {
    opacity: 1;
}

.banTitle b,
.banTitle p {
    transition: all 0.6s ease-in-out 0.8s;
    -webkit-transition: all 0.6s ease-in-out 0.8s;
    -moz-transition: all 0.6s ease-in-out 0.8s;
    -o-transition: all 0.6s ease-in-out 0.8s;
}

.banTitle p:after {
    transition: all 0.4s ease-in-out 1.4s;
    -webkit-transition: all 0.4s ease-in-out 1.4s;
    -moz-transition: all 1.4s ease-in-out 0.8s;
    -o-transition: all 0.4s ease-in-out 1.4s;
}

.section4 section {
    height: 100%;
}

.banner .swiper-slide a img {
    height: 100%;
    z-index: 1;
}

.banner .pagination {
    position: absolute;
    left: 105px;
    bottom: 90px;
    z-index: 9999;
}

.banner .swiper-pagination-switch {
    cursor: pointer;
    width: 50px;
    height: 4px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.4);
    display: inline-block;
    vertical-align: middle;
}

.banner .swiper-active-switch {
    background: rgba(255, 255, 255, 1);
}

.section1 .fp-section.fp-table,
.fp-slide.fp-table {
    display: block;
}

.section1 .fp-tableCell {
    display: block;
}

.section2 {
    background: #F6F6F6;
}

.section2 article {
    padding: 0 0 0 105px;
}

.aboutLeft {
    width: 25%;
    margin-right: 60px;
}

.aboutLeft p {
    line-height: 30px;
}

.indexTitle h2 {
    font-size: 44px;
    font-weight: normal;
    text-transform: uppercase;
}

.indexTitle h3 {
    font-size: 24px;
    font-weight: normal;
}

.line {
    width: 25px;
    height: 1px;
    background: #2B76BE;
    display: block;
    margin: 20px 0;
}

.yuan {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 21px;
    border: 1px solid #2B2B2B;
    font-size: 18px;
}

.yuan:hover {
    color: #0068B7;
    border-color: #0068B7;
}

.aboutLeft .yuan {
    margin: 60px 0 125px;
}

@keyframes imgMove {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    25% {
        transform: translateY(5px);
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(5px);
    }
    75% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -o-transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

.adderss {
    margin-left: 80px;
}

.adderss h2 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 25px;
}

.adderss div figure {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}

.adderss div figure img {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    border: 4px solid #0068B7;
}

.adderss div figure:nth-child(3) img {
    border: none;
}

.adderss div figure:nth-child(3) {
    padding-bottom: 27px;
}

.coppyright {
    position: absolute;
    bottom: 0;
    padding: 23px 0 23px 40px;
    right: 0;
    border-top: 1px solid #EBEBEB;
    display: block;
    width: 100%;
}

.coppyright .copyr {
    padding-left: 100px;
    color: #666;
}

.coppyright .copyr a {
    margin: 0;
}

.coppyright .copyr a:after {
    background: none;
}

.contacts {
    max-width: 836px;
}

#map {
    width: 368px;
    height: 263px;
    text-align: center;
    line-height: 40px;
    padding-top: 20px;
}

@media(max-width:1440px) {
    .adderss {
        font: 400 14px/32px "simhei";
    }
    #map {
        height: 210px;
    }
}

.coppyright a,
.coppyright P {
    color: #666;
    font-size: 13px;
}

.coppyright a {
    margin-right: 15px;
    position: relative;
    color: #666;
}

.coppyright a:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    right: -8px;
    top: 50%;
    margin-top: -5px;
    background: #2B2B2B;
    opacity: 0.6;
}

.coppyright a:nth-last-child(2):after {
    display: none;
}

.coppyright a:hover {
    color: #0068B7;
    opacity: 1;
}

#fp-nav {
    top: auto !important;
    bottom: 140px;
    margin-top: 0 !important;
}

.IndexList i {
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
    font-size: 48px;
    font-style: inherit;
}

.nub {
    vertical-align: middle;
}

.section {
    overflow: hidden;
}

.indexTitle h2,
.indexTitle h3,
.line,
.aboutLeft .p,
.busLeft>.p,
.busLeft ul,
#map,
.aboutLeft .yuan,
.busLeft .yuan {
    transform: translateX(-100px);
    opacity: 0;
}

.erLink,
.more {
    transform: translateY(100px);
    opacity: 0;
}

.aboutRight,
.newsList li,
.adderss {
    transform: translateX(100px);
    opacity: 0;
}

.busiBar .swiper-slide:nth-child(2n+1) {
    transform: translateY(-100%);
    opacity: 0;
}

.busiBar .swiper-slide:nth-child(2n) {
    transform: translateY(100%);
    opacity: 0;
}

.section.active .indexTitle h2,
.section.active .indexTitle h3,
.section.active .line,
.section.active .aboutLeft .p,
.section.active .busLeft .p,
.section.active .busLeft ul,
.section.active #map,
.section.active .busLeft .yuan,
.section.active .aboutLeft .yuan {
    transform: translateX(0);
    opacity: 1;
}

.section.active .erLink,
.section.active .more {
    transform: translateY(0);
    opacity: 1;
}

.section.active .aboutRight,
.section.active .newsList li,
.section.active .adderss {
    transform: translateX(0);
    opacity: 1;
}

.section.active .busiBar .swiper-slide {
    transform: translateY(0);
    opacity: 1;
}

.indexTitle h2,
.aboutRight {
    transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
}

.indexTitle h3 {
    transition: transform 0.7s ease-in-out 0.5s, opacity 0.7s ease-in-out 0.5s;
}

.line {
    transition: transform 0.7s ease-in-out 0.7s, opacity 0.7s ease-in-out 0.7s;
}

.aboutLeft .p,
.busLeft .p,
#map {
    transition: transform 0.7s ease-in-out 0.9s, opacity 0.7s ease-in-out 0.9s;
}

.newsList li:nth-child(1) {
    transition: transform 0.7s ease-in-out 0.9s, opacity 0.7s ease-in-out 0.9s, background .4s ease-in-out 0s;
}

.busiBar .swiper-slide {
    transition: transform 1.0s ease-in-out 1.1s, opacity 0.7s ease-in-out 1.1s;
}

.adderss h2 {
    transition: transform 0.7s ease-in-out 1.1s, opacity 0.7s ease-in-out 1.1s;
}

.newsList li:nth-child(2) {
    transition: transform 0.7s ease-in-out 1.1s, opacity 0.7s ease-in-out 1.1s, background .4s ease-in-out 0s;
}

.aboutLeft .yuan,
.busLeft .yuan {
    transition: transform 0.7s ease-in-out 1.3s, opacity 0.7s ease-in-out 1.3s;
}

.adderss,
.erLink,
.busLeft ul {
    transition: transform 0.7s ease-in-out 1.5s, opacity 0.7s ease-in-out 1.5s;
}

.newsList li:nth-child(3) {
    transition: transform 0.7s ease-in-out 1.5s, opacity 0.7s ease-in-out 1.5s, background .4s ease-in-out 0s;
}

.adderss div {
    transition: transform 0.7s ease-in-out 1.7s, opacity 0.7s ease-in-out 1.7s;
}

.more {
    transition: transform 0.7s ease-in-out 1.9s, opacity 0.7s ease-in-out 1.9s, background .4s ease-in-out 0s, color .4s ease-in-out 0s;
}

@media (max-width:991px) {
    .busLeft .p {
        padding: 0 10px;
    }
    .section6 article {
        padding-left: 15px;
    }
    .contacts {
        margin-left: 0;
        padding-top: 0;
    }
    #map {
        height: auto;
    }
}

/*.banner video{width: 100%;height: 100%;
        background: transparent url('../images/videobg.png') no-repeat center; 
        -webkit-background-size: cover; 
           -moz-background-size: cover; 
             -o-background-size: cover; 
                background-size: cover; 
    }*/

.banner video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}

.banner source {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}

.banner .swiper-slide {
    position: relative;
}

.banner h3 {
    font-size: 30px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 999;
    color: #fff;
}

.IndexList ul li:last-child i {
    font-style: inherit;
    display: inline-block;
    vertical-align: bottom;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
}

/*dz*/

.logo img {
    max-width: 100%;
}

@media(max-width:768px) {
    .logo {
        width: 50%;
    }
}

.header {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.web-container {
    width: 1380px;
    margin: 0 auto;
}

@media(max-width:1440px) {
    .web-container {
        width: 1170px;
    }
}

@media(max-width:1200px) {
    .web-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.nav2 {}

.nav2 li {
    float: left;
}

.nav2 li a {
    display: block;
    color: #333333;
    font: 400 16px/100px "simhei";
    padding-left: 2vw;
}

@media (max-width:1440px) {
    .nav2 li a {
        padding-left: 1vw;
    }
}

.nav2 li a:hover {
    color: #014296;
}

.nav2 li .sec {
    padding-top: 10px;
    display: none;
}

.nav2 li .sec a {
    color: #666 !important;
    font: 400 14px/30px "simhei";
    padding-left: 15px;
}

.nav2 li .sec a:hover {
    color: #014296 !important;
}

/*热门搜索*/

.x-seo {
    text-align: right;
}

.web-h1 {
    color: #124194;
    font: 600 15px/60px "simhei";
}

.web-h1 a {
    color: #666666;
    font: 400 15px/60px "simhei";
    margin-right: 5px;
}
.web-h1 a:hover{
    color: #124194;
}
.x-seo {
    color: #888888;
    font: 400 13px/60px "simhei";
}

.x-seo a {
    color: #888888;
    font: 400 13px/60px "simhei";
}

.x-seo a:hover {
    color: #1c4a9a;
}

/*新闻*/

.x-news {
    /*background: #f7f7f7;*/
    padding: 5vh 0;
}

.web-news-title {
    margin-bottom: 3vh;
}

.web-news-title h3 {
    color: #333333;
    font: 600 34px/52px "simhei";
    float: left;
}

.web-news-title h3 span {
    display: block;
    color: #666666;
    font: 400 18px/30px "simhei";
}

.web-news-title a {
    float: right;
    transition: all 0.8s;
    margin-top: 6vh;
    color: #666666;
    font: 400 16px/20px "simhei";
}

.web-news-title a img {
    margin-right: 6px;
}

.web-news-title a .img {
    margin-right: 5px;
    overflow: hidden;
}

.web-news-title a:hover {
    transition: all 0.8s;
    transform: translateY(-10px);
}

.regular .slick-arrow {
    display: none !important;
}

.regular .slick-dots li {
    display: none !important;
}

/*新闻*/


.x-news-list {
    margin-left: -18px;
    margin-right: -18px;
}

.x-news-item {
    margin-left: 18px;
    margin-right: 18px;
}

.x-news-item .img {
    max-width: 100%;
    overflow: hidden;
}

.x-news-item .img img {
    transition: all 0.8s;
}

.x-news-item .wz {
    margin-top: 10px;
}

.x-news-item .wz h3 {
    color: #333333;
    font: 400 19px/36px "simhei";
}

.x-news-item .wz p {
    color: #888888;
    font: 400 14px/26px "simhei";
}

.x-news-item .wz .more1 {
    color: #124194;
    font: 400 16px/26px "simhei";
    margin-top: 1vh;
}

.x-news-item:hover .img img {
    transition: all 0.8s;
    transform: scale(1.05);
}

.x-news-item:hover .wz h3 {
    color: #124194;
}

@media (max-width: 1366px) {
    .x-news-list li {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

/* 业务模式 */

.x-business {
    padding: 3vh 0 9vh;
}

.web-title {
    color: #333333;
    font: 600 34px/52px "simhei";
    margin-bottom: 4vh;
}

.web-title h3 {
    color: #333333;
    font: 600 34px/52px "simhei";
    text-align: center;
}

.web-title h3 span {
    display: block;
    color: #666666;
    font: 400 18px/30px "simhei";
}

@media (max-width: 992px) {
    .x-business {
        padding: 3vh 0 5vh;
    }
    .web-news-title h3 {
        font: 600 22px/40px "simhei";
    }
    .web-news-title h3 span {
        font: 400 14px/26px "simhei";
    }
    .web-news-title a {
        display: none;
    }
    .web-title {
        margin-bottom: 2vh;
    }
    .web-title h3 {
        font: 600 22px/40px "simhei";
    }
    .web-title h3 span {
        font: 400 14px/26px "simhei";
    }
}

.x-business-con {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.x-business-l {
    width: 33%;
    float: left;
    background: url(../images/bg1.jpg) no-repeat center;
    padding: 25px;
    padding-top: 11vh;
}

.x-business-l h3 {
    color: #ffffff;
    font: 600 20px/52px "simhei";
}

.x-business-l-text p {
    color: #ffffff;
    font: 400 16px/30px "simhei";
    text-align: justify;
}

.x-business-r {
    width: 65.8%;
    float: right;
    margin-left: 2.7%;
}

.x-business-r-one {
    position: relative;
}

.x-business-r-one img {
    max-width: 100%;
}

.x-business-r-text {
    position: absolute;
    top: 7vh;
    left: 2vw;
    width: 86%;
}

.x-business-r-text h3 {
    color: #ffffff;
    font: 600 20px/52px "simhei";
}

.x-business-r-text p {
    color: #dddddd;
    font: 400 15px/28px "simhei";
}

.x-business-jt {
    position: absolute;
    top: 4vh;
    right: 2vw;
    background: url(../images/jt.png) no-repeat center;
    width: 29px;
    height: 17px;
}

.x-business-r-more {
    margin-top: 2vh;
}

.x-business-r-more a {
    color: #124194;
    font: 400 14px/34px "simhei";
    background-color: #fff;
    width: 95px;
    display: block;
    text-align: center;
}
@media (max-width: 1500px) {
    .x-business-l-text p{
        font: 400 15px/30px "simhei";
    }
}
.x-case-list {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 20px;
}

.x-case-item {
    margin-left: 17px;
    margin-right: 17px;
    position: relative;
}

.x-case-item a {
    display: block;
}

.x-case-item .wz {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.x-case-item .wz h3 {
    color: #fff;
    font: 400 16px/52px "simhei";
    padding-left: 20px;
    background: url(../images/jt1.png) no-repeat 95% center;
}

@media (max-width: 1024px) {
    .x-business-l {
        padding-top: 3vh;
    }
    .x-case-item .wz {
        margin-top: 10px;
    }
    .x-case-item .wz h3 {
        font-size: 16px;
    }
    .x-business-r-text {
        top: 2vh;
    }
}

@media (max-width: 768px) {
    .x-business-l{
        background-size: 100%;
    }
    .x-business-con {
        display: block;
    }
    .x-business-l {
        width: 100%;
    }
    .x-business-r {
        width: 100%;
        margin-top: 2vh;
    }
}

/* 产品服务 */

.x-service {
    padding: 6.6vh 0;
    /*background: url(../images/bg3.jpg) no-repeat center;*/
}

.x-service-li {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    margin-top: 5vh;
}

.x-service-li li:nth-child(2n) {
    margin-top: 7vh;
}

.x-service-li li .img img {
    max-width: 100%;
}

.x-service-li li h3 {
    color: #ffffff;
    font: 400 30px/66px "simhei";
    position: absolute;
    top: 40%;
    text-align: center;
    left: 0;
    right: 0;
}

.x-service-li li:hover .img {
    box-shadow: 0px 3px 8px #bbbdc1;
}

.x-service-text {
    color: #333333;
    font: 400 18px/36px "simhei";
    text-align: center;
    margin-top: 5vh;
}

@media(max-width:992px) {
    .x-service {
        padding: 5vh 0;
    }
    .x-service-li {
        margin-top: 2vh;
    }
    .x-service-li li {
        margin-top: 2vh !important;
    }
    .x-service-li li h3 {
        font: 400 22px/44px "simhei";
    }
    .x-service-text {
        font: 400 14px/28px "simhei";
    }
}

/* 经典案例 */

.x-anli {
    padding: 7vh 0;
}

.x-anli-hidden {}

.index-c2-con {
    margin-left: -20px;
    margin-right: -20px;
}

.index-c2-con .swiper-container {
    padding: 100px 0 !important;
}

#myswiper .swiper-container {
    width: 100%;
    height: 100%;
}

#myswiper .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    transition: 300ms;
    transform: scale(0.76);
}

#myswiper .swiper-slide a {
    display: block;
}

#myswiper .swiper-slide a img {
    width: 100%;
    height: auto;
}

#myswiper .swiper-slide-active,
#myswiper .swiper-slide-duplicate-active {
    transform: scale(1.33);
    z-index: 999;
}

#myswiper .swiper-slide .wz {
    opacity: 0;
    color: #333333;
    display: block;
    text-align: left;
    font: 600 16px/30px "simhei";
    text-align: center;
    margin-top: 20px;
}

#myswiper .swiper-slide .wz h3 {
    color: #333333;
    display: block;
    text-align: left;
    font: 600 15px/40px "simhei";
    text-align: center;
    margin-top: 20px;
}

#myswiper .swiper-slide .wz p {
    color: #666666;
    font: 400 11px/20px "simhei";
    text-align: center;
    margin-top: 10px;
}

#myswiper .swiper-slide .wz .more2 {
    width: 123px;
    margin: 0 auto;
    margin-top: 30px;
    color: #fff;
    font: 400 16px/44px "simhei";
    padding-left: 10px;
    text-align: left;
}

#myswiper .swiper-slide-active .img {
    box-shadow: 0 0 5px #666;
}

#myswiper .swiper-slide-active .wz {
    opacity: 1;
}

#myswiper .swiper-button-prev {
    display: block;
    width: 55px;
    height: 55px;
    background: url(../images/left02.png) no-repeat center;
    position: absolute;
    top: 36%;
    left: -3px;
    overflow: hidden;
    outline: none;
}

#myswiper .swiper-button-prev:after {
    display: none;
}

#myswiper .swiper-button-next {
    display: block;
    width: 55px;
    height: 55px;
    background: url(../images/right02.png) no-repeat center;
    position: absolute;
    top: 36%;
    right: -3px;
    overflow: hidden;
    outline: none;
}

#myswiper .swiper-button-next:after {
    display: none;
}

#myswiper .swiper-button-prev:hover {
    background: url(../images/left02_h.png) no-repeat center;
}

#myswiper .swiper-button-next:hover {
    background: url(../images/right02_h.png) no-repeat center;
}

@media (max-width: 1600px) {
    #myswiper .swiper-button-prev,
    #myswiper .swiper-button-next {
        top: 55%;
    }
}

@media (max-width: 1440px) {
    #myswiper .swiper-button-prev,
    #myswiper .swiper-button-next {
        top: 50%;
    }
}

@media (max-width: 1200px) {
    #myswiper .swiper-button-prev,
    #myswiper .swiper-button-next {
        top: 45%;
    }
    #myswiper .swiper-slide .wz {
        padding: 10% 2%;
    }
    #myswiper .swiper-slide-active .wz {
        padding: 1%;
    }
}

@media (max-width: 990px) {
    .x-anli {
        padding: 5vh 0;
    }
    #myswiper .swiper-button-prev,
    #myswiper .swiper-button-next {
        top: 40%;
    }
}

@media (max-width: 768px) {
    .index-c2-con {
        margin-top: 30px;
        padding: 0 30px;
    }
    #myswiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        background-size: cover;
        top: 50%;
        margin-top: -20px;
        left: -50px;
    }
    #myswiper .swiper-button-next {
        width: 40px;
        height: 40px;
        background-size: cover;
        top: 50%;
        margin-top: -20px;
        right: -50px;
    }
    #myswiper .swiper-slide-active .wz h3 {
        font-size: 20px;
    }
    #myswiper .swiper-slide {
        transform: scale(1);
    }
}

.m-c2-con li {
    margin-bottom: 1vh;
}

.m-c2-con li .img img {
    max-width: 100%;
}

.m-c2-con li .wz h3 {
    font: 600 16px/32px "simhei";
    color: #333;
    text-align: center;
}

.m-c2-con li .wz p {
    color: #666;
    font: 400 14px/28px "simhei";
}

/*关于我们*/

.x-about {
    position: relative;
    /*margin-bottom: 9vh;*/
}

.x-about-text {
    width: 60%;
    /*background-color: #f7f7f7;*/
    padding: 50px 0px;
}

.x-about-text h3 {
    background: url(../images/aboutbg.png) no-repeat left top;
}

.x-about-text h3 {
    padding-top: 20px;
    color: #333;
    font: 600 30px/52px "simhei";
    margin-bottom: 20px;
}

.x-about-text p {
    width: 80%;
    color: #666666;
    font: 400 16px/28px "simhei";
}

.x-about-li {
    margin-top: 3.5vh;
}

.x-about-li li {
    float: left;
}

.x-about-li li+li {
    margin-left: 40px;
}

.x-about-li li .img {
    width: 70px;
    height: 70px;
    background-color: #124194;
    border-radius: 50%;
}

.x-about-li li .wz {
    color: #666666;
    font: 400 15px/44px "simhei";
    text-align: center;
}
.x-about-li li:hover .wz{
     color: #124194;   
}
.x-about-more {
    width: 120px;
    height: 46px;
    border: 1px solid #dcdcdc;
    text-align: center;
    border-radius: 8px;
    margin-top: 1.5vh;
}

.x-about-more a {
    display: block;
    color: #666666;
    font: 400 14px/46px "simhei";
}

.x-about-more:hover {
    border: 1px solid #124194;
}

.x-about-more:hover a {
    color: #124194;
}

.x-about-img {
    width: 620px;
    height: 417px;
    position: absolute;
    top: 50px;
    right: 0;
}

.x-about-img .m {
    width: 100%;
    height: 100%;
}

.video-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.video-js .vjs-big-play-button {
    display: none;
}

@media (max-width: 1440px) {
    .x-about-text {
        width: 50%;
    }
    .x-about-img {
        width: 52%;
    }
    .x-about-text p {
        width: 95%;
    }
}

@media (max-width: 992px) {
    .x-about {
        margin-bottom: 5vh;
    }
    .x-about-text {
        width: 100%;
        padding: 15px;
    }
    .x-about-img {
        position: relative;
        width: 100%;
    }
    .x-about-text h3 {
        font: 600 22px/44px "simhei";
    }
}

/*企业风采*/

.sun_pro_detail {
    margin-bottom: 8vh;
    position: relative;
}

.sun_pro_detail_box {
    position: relative;
}

.sun_pro_detail_box .sun_pro_txtxt {
    width: 100%;
    /*height: 554px;*/
    position: relative;
    background-color: #e2e3e5;
}

.sun_pro_detail_box .sun_pro_big_tx {
    width: 63%;
    position: relative;
}

.sun_pro_detail_box .sun_pro_big_tx .img img {
    max-width: 100%;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-slide {
    outline: none;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-slide .img_a {
    text-align: center;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-slide .big {
    max-width: 100%;
}

.sun_pro_detail_box .sun_pro_big_tx span {
    display: inline-block;
    float: left;
    writing-mode: lr-tb;
    width: 32px;
    font-size: 20px;
    color: #1e1d1d;
    line-height: 24px;
    background: url(../images/t4.png) no-repeat left top;
    text-align: right;
}

.sun_pro_detail_box .sun_pro_big_tx a.img {
    float: right;
}

.sun_pro_detail_box .sun_pro_small_tx {
    width: 33.33%;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-top: 7vh;
}

.sun_pro_detail_box .sun_pro_small_tx h3 {
    color: #333333;
    font: 600 30px/60px "simhei";
}

.sun_pro_detail_box .sun_pro_small_tx .slick-list {
    margin: 54px 0;
    max-height: 300px;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-list .pic {
    color: #666666;
    font: 400 16px/30px "simhei";
    position: relative;
    padding-left: 20px;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-list .pic::before {
    position: absolute;
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #124194;
    border-radius: 5px;
    top: 10px;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-arrow {
    position: absolute;
    top: 45%;
    width: 44px;
    height: 60px;
    outline: none;
    border: none;
    font-size: 0;
    z-index: 999;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-arrow.slick-prev {
    background: url("../images/prev2.png") center no-repeat rgba(255, 255, 255, 0.4);
    font-size: 0;
    left: 0;
}

.sun_pro_detail_box .sun_pro_big_tx .slick-arrow.slick-prev:hover {
    background: url("../images/prev2h.png") center no-repeat rgba(255, 255, 255, 0.4);
}

.sun_pro_detail_box .sun_pro_big_tx .slick-arrow.slick-next {
    right: 0;
    background: url("../images/next2.png") center no-repeat rgba(255, 255, 255, 0.4);
}

.sun_pro_detail_box .sun_pro_big_tx .slick-arrow.slick-next:hover {
    background: url("../images/next2h.png") center no-repeat rgba(255, 255, 255, 0.4);
}

.sun_pro_detail_box .sun_pro_small_tx .slick-slide {
    outline: none;
    box-sizing: border-box;
    border: 2px solid transparent;
    margin: 2px 0;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-slide:hover {
    cursor: pointer;
    color: #124194;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-slide .img_b .pic {}

.sun_pro_detail_box .sun_pro_small_tx .slick-slide .img_b {}

.sun_pro_detail_box .sun_pro_small_tx .wenzi {
    background: #31a5ef;
    width: 90px;
    height: 99px;
    padding: 0 20px;
}

.sun_pro_detail_box .sun_pro_small_tx .wenzi a {
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
    display: block;
}

.sun_pro_detail_box .sun_pro_small_tx .wenzi h2 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-slide .small {
    width: 100%;
    box-sizing: border-box;
}

.sun_pro_detail_box .sun_pro_small_tx .slick-list .pic:hover {
    color: #1b4a99;
}

.sun_pro_big_tx .slick-slide .img h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font: 400 18px/58px "simhei";
    text-align: center;
}

.sun_pro_tt {
    position: absolute;
    width: 33.33%;
    right: 0;
    top: 6vh;
}

.sun_pro_tt h3 {
    color: #333333;
    font: 600 30px/60px "simhei";
}

.sun_pro_tt_more {
    position: absolute;
    width: 33.33%;
    right: 0;
    bottom: 35px;
}

.sun_pro_tt_more a {
    width: 110px;
    border: 1px solid #124194;
    height: 46px;
    font: 400 14px/46px "simhei";
    display: block;
    text-align: center;
}

@media (max-width: 1440px) {
    .sun_pro_detail_box .sun_pro_big_tx {}
    .sun_pro_detail_box .sun_pro_small_tx .slick-list {
        margin: 20px 0;
    }
    .sun_pro_detail_box .sun_pro_small_tx .slick-list .pic {
        font: 400 16px/26px "simhei";
    }
    .sun_pro_tt {
        top: 2vh;
    }
}

@media (max-width: 992px) {
    .sun_pro_detail {
        margin-bottom: 5vh;
    }
    .sun_pro_detail_box .sun_pro_small_tx h3 {
        font: 600 22px/44px "simhei";
    }
    .sun_pro_detail_box .sun_pro_small_tx {
        width: 100%;
        padding: 15px;
    }
    .sun_pro_tt {
        width: 100%;
        padding-left: 15px;
    }
    .sun_pro_tt_more {
        width: 100%;
    }
}

/*友情链接*/

.x-link {
    background: url(../images/like.png) no-repeat left center;
    color: #333333;
    font: 400 16px/35px "simhei";
    padding-left: 40px;
    margin-bottom: 20px;
}

/*底部*/

.x-foot {
    background-color: #3a3a3a;
    padding: 5vh 0;
}

.x-foot-li {
    width: 55%;
}

.x-foot-li li {
    float: left;
    width: 20%;
    text-align: left;
}

.x-foot-li li a {
    color: #ffffff;
    font: 400 17px/36px "simhei";
}

.x-foot-li li .sec a {
    display: block;
    color: #ffffff;
    font: 400 14px/30px "simhei";
}

.x-foot-li li .sec a:hover {
    color: #527bc4;
}

.x-foot-r {
    width: 44%;
    float: right;
}

.x-foot-h3 {
    width: calc(100% - 130px);
    float: left;
}

.x-foot-h3 h3 {
    color: #ffffff;
    font: 400 17px/36px "simhei";
}

.x-foot-p {
    color: #ffffff;
    font: 400 14px/30px "simhei";
}

.x-foot-ewm {
    width: 130px;
    float: right;
}

.x-foot-ewm h3 {
    text-align: center;
    color: #ffffff;
    font: 400 14px/30px "simhei";
}

.x-copy {
    color: #666666;
    font: 400 14px/43px "simhei";
}

.x-copy a {
    color: #666666;
    font: 400 14px/43px "simhei";
}

.regions {
    text-align: right;
}
@media (max-width:768px){
    .regions{
        display:none;
    }
}
/*小屏幕底部*/

.foot {
    background: #1e1d2d;
    color: #bcbbbe;
    padding: 15px;
}

.fw {
    width: 95%;
    margin: 0 auto;
}

.fw .du .dul .p1 span {
    margin-right: 30px;
}

.fw .du .dul .sec li {
    padding-left: 10px;
}

.fw .du .dul .sec {
    display: none;
}

.fw .du .dul .sec a {
    color: #939090;
    display: block;
    font: 400 12px/26px "simhei";
}

.fw .du .dul p {
    border-bottom: 1px solid #7a7a7a;
    line-height: 40px;
}

.fw .du {
    font-size: 14px;
}

.sjbq {
    font-size: 12px;
    color: #bcbbbe;
    padding-top: 5px;
}

.sjbq a {
    color: #bcbbbe;
}

.x-m-power {
    text-align: center;
    color: #bcbbbe;
    font: 400 14px/20px "simhei";
    margin-top: 20px;
}

.x-m-power a {
    color: #bcbbbe;
    font: 400 14px/20px "simhei";
}

.x-m-power a:hover {
    color: rgba(255, 255, 255, 0.6);
}

/*内页*/

.boxx {
    background-color: #fff;
    padding: 40px 0;
}

.boxx .left {
    background-color: #f8f8f8;
    padding: 20px;
}

.xypg-left-ss {
    position: relative;
    border: 1px solid #dbdbdb;
    /*margin-bottom: 20px;*/
}

.xypg-left-ss:before {
    position: absolute;
    content: "";
    left: 45px;
    top: 15px;
    display: block;
    width: 1px;
    height: 17px;
    background-color: #dbdbdb;
}

.xypg-left-ss #formsearch {
    height: 43px;
    width: 100%;
}

.xypg-left-ss #formsearch input#s_btn {
    background: url(../images/ss1.png) no-repeat center;
    font-size: 0;
    float: left;
    height: 43px;
    width: 60px;
}

.xypg-left-ss #formsearch input#keyword {
    height: 43px;
    position: relative;
    padding-left: 10px;
    color: #666;
}

.xypg-left-ss #formsearch input {
    border: 1px solid transparent;
    width: calc(100% - 60px);
}

.left .box {
    /* background-color: #f8f8f8; */
}

.left .box h3 {
    text-align: left;
    color: #444444;
    font: 400 20px/30px "simhei";
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: #f8f8f8;
}

.left .box .sort .about_a {
    border-bottom: 1px solid #e5e2e2;
}

.left .box .sort .about_a a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 0;
    border: none;
    text-decoration: none;
}

.left .box .sort .about_a a:hover {
    color: #124194;
}

/*关于我们高亮内页*/

.about-sort {
    display: flex;
    flex-flow: nowrap;
    justify-content: center;
}

.about-sort li {
    border-radius: 1px;
}

.about-sort li a {
    padding: 0 4.4vw;
    display: block;
    color: #fff;
    font: 400 16px/66px "simhei";
    background-color: #124194;
    position: relative;
}

.about-sort li.active {
    background-color: #fff;
}

.about-sort li a.linshi {
    color: #124194;
    background-color: #fff;
    box-shadow: 0px 3px 3px #eee;
}

.about-sort li:hover a {
    color: #124194;
    background-color: #fff;
    box-shadow: 0px 3px 3px #eee;
}

.about-sort li.change a {
    color: #124194;
    background-color: #fff;
    box-shadow: 0px 3px 3px #eee;
}

.about-ttbg {
    background-color: #124194;
}
@media (max-width: 767px) {
    .about-sort li a{
        padding: 0 2vw;
        font: 400 14px/66px "simhei";
    }
}

/*内页切换*/

/* 首页banner样式 */
.n-qh{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
}
.n-qh .owl-carousel {
    position: relative;
}

.n-qh .owl-carousel .n-qh-item .n-qh-itembg {
    display: block;
    padding: 10px;
}
.n-qh .owl-carousel .owl-nav.disabled{
    display: block;
}
.n-qh .owl-carousel .n-qh-item .n-qh-item-img img{
    max-width: 100%;
} 
.n-qh .owl-carousel .n-qh-item .n-qh-itembg h3{
    color: #333;
    font: 600 18px/36px "simhei";
    text-align: center;
}
.n-qh .owl-carousel .owl-nav .owl-prev {
    left: 10px;
}

.n-qh .owl-carousel .owl-nav .owl-next {
    right: 10px;
}

.n-qh .owl-carousel .owl-nav button.owl-prev,
.n-qh .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


.n-qh .owl-carousel .owl-nav button.owl-prev{
    background: url(../images/prev2.png) no-repeat center rgba(255,255,255,.6);
}
.n-qh .owl-carousel .owl-nav button.owl-next{
    background: url(../images/next2.png) no-repeat center rgba(255,255,255,.6);
}
.n-qh .owl-carousel .owl-nav button.owl-prev:hover{
    background: url(../images/prev2h.png) no-repeat center rgba(255,255,255,.6);
}
.n-qh .owl-carousel .owl-nav button.owl-next:hover {
    background: url(../images/next2h.png) no-repeat center rgba(255,255,255,.6);
}
.n-qh .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.n-qh .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.n-qh .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .n-qh .owl-carousel .owl-nav button.owl-prev,
    .n-qh .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .n-qh .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}

.n-qh .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;
    display: none;
}

.n-qh .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    outline: none;
    background: #fff;
    width: 50px;
    height: 6px;
}

.n-qh .owl-carousel .owl-dots button.owl-dot:hover {
    background-color: #124194;
}

.n-qh .owl-carousel .owl-dots button.owl-dot.active {
    background-color: #124194;
}

@media (max-width: 990px) {
    .n-qh .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
    .n-qh .owl-carousel .n-qh-item .n-qh-itembg{
        padding: 0px;
    }
}
.news_detail .content p{
    color: #666;
    font: 400 15px/28px "simhei" !important;
}
.news_detail .content p span{
    color: #666;
    font: 400 15px/28px "simhei" !important;
}
.news_detail .content p span img{
    margin-top: 8px;
    margin-bottom: 8px;
}

@font-face {undefined
    font-family: "simhei";
    src: url(../images/simhei.ttf);
}
