.tong {
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.flex {
    display: flex;
    justify-content: space-between;
}

p {
    margin: 0;
}

.fen img {
    transition-duration: .3s;
}

.fen:hover img {
    transform: scale(1.1);
}

.of {
    overflow: hidden;
}

.tou {
    height: 110px;
}

.tou .logo {
    line-height: 110px;
}

.tou .zi {
    padding-top: 16px;
    width: 61%;
}

.tou .zi .zi1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 16px;
}

.tou .zi .zi1 .k1 {
    color: #999999;
    font-size: 13px;
}

.tou .zi .zi1 .k1 a {
    color: #999999;
}

.tou .zi .zi1 .dh {
    font-size: 16px;
    color: #005bac;
    font-family: arial;
    padding-left: 26px;
    background: url("../../../../887e4494/22/02/5da3063ef5126a69ab6d2560ceecef592d3d0a81.png") no-repeat 0 50%;
    margin-left: 16px;
}

.tou .zi .zi2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.tou .zi .zi2 .ss {
    line-height: 76px;
    cursor: pointer;
}

.tou .zi .zi2 #formsearch {
    width: 370px;
    height: 41px;
    position: absolute;
    right: 0;
    top: 76px;
    z-index: 111;
    background: #fff;
    display: none;
}

.tou .zi .zi2 #formsearch input {
    border: none;
    background: none;
    outline: none;
    line-height: 41px;
    height: 41px;
}

.tou .zi .zi2 #formsearch input#keyword {
    float: left;
    color: #999999;
    text-indent: 14px;
    width: calc(100% - 67px);
}

.tou .zi .zi2 #formsearch input#keyword::-webkit-input-placeholder {
    color: #999999;
}

.tou .zi .zi2 #formsearch input#s_btn {
    float: right;
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: 67px;
    padding: 0;
    background: url("../../../../887e4494/22/02/27f73e6ad5f038a0c3cee65b4a6aa21a19a4efc6.png") no-repeat 50%;
    font-size: 0;
}

.c1 {
    background: url("../../../../887e4494/22/02/a3cdb327c17099445b2616f48db1786d65e1caa7.png") no-repeat 50% 0;
    background-size: cover;
    padding-top: 4.95vw;
    padding-bottom: 5.42vw;
}

@media (max-width: 780px) {
    .c1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.c1 .con {display: flex;
    align-items: center;}
@media (max-width: 780px) {
    .c1 .con {
        flex-wrap: wrap;
    }
}

.c1 .con .c1-1 {
    width: 42%;
    padding-top: 22px;
}

@media (max-width: 780px) {
    .c1 .con .c1-1 {
        width: 100%;
        padding-top: 0;
    }
}

.c1 .con .c1-1 h2 {
    line-height: 1;
}

.c1 .con .c1-1 h2 p {
    font-size: 18px;
    color: #666666;
    font-weight: 500;
}

@media (max-width: 1200px) {
    .c1 .con .c1-1 h2 p {
        font-size: 16px;
    }
}

.c1 .con .c1-1 h2 b {
    display: block;
    margin-top: 15px;
    font-size: 32px;
    color: #005a9c;
}

@media (max-width: 1200px) {
    .c1 .con .c1-1 h2 b {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .c1 .con .c1-1 h2 b {
        font-size: 18px;
    }
}

.c1 .con .c1-1 dd {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    margin-top: 2vw;
    margin-bottom: 3.9vw;
}

@media (max-width: 1400px) {
    .c1 .con .c1-1 dd {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 480px) {
    .c1 .con .c1-1 dd {
        margin-top: 14px;
        margin-bottom: 20px;
    }
}

.c1 .con .c1-1 .list2 {
    display: flex;
    text-align: center;
}

@media (max-width: 480px) {
    .c1 .con .c1-1 .list2 {
        justify-content: space-between;
    }
}

.c1 .con .c1-1 .list2 li {
    padding: 25px 0 22px;
    width: 120px;
    border-radius: 6px;
    border: solid 1px #dbdbdb;
    margin-right: 1.61vw;
    transition-duration: .3s;
}

@media (max-width: 1200px) {
    .c1 .con .c1-1 .list2 li {
        padding: 12px 0 10px;
    }
}

@media (max-width: 480px) {
    .c1 .con .c1-1 .list2 li {
        width: 24%;
        margin-right: 0;
    }
}

.c1 .con .c1-1 .list2 li .img {
    line-height: 40px;
}

@media (max-width: 1200px) {
    .c1 .con .c1-1 .list2 li .img img {
        max-height: 34px;
    }
}

.c1 .con .c1-1 .list2 li .img img.img2 {
    display: none;
}

.c1 .con .c1-1 .list2 li:hover .img img.img2{
  display: inline;
} 

.c1 .con .c1-1 .list2 li:hover .img img.img1{
  display: none;
} 

.c1 .con .c1-1 .list2 li h3 {
    font-size: 16px;
    color: #666666;
    margin-top: 18px;
}

@media (max-width: 1200px) {
    .c1 .con .c1-1 .list2 li h3 {
        font-size: 14px;
        margin-top: 10px;
    }
}

.c1 .con .c1-1 .list2 li:hover {
    border: dashed 1px #005bac;
}

.c1 .con .c1-1 .list2 li:hover .img.img2 {
    display: inline;
}

.c1 .con .c1-1 .list2 li:hover .img.img1 {
    display: none;
}

.c1 .con .c1-2 {
    width: 55%; margin-top:80px;
}

@media (max-width: 780px) {
    .c1 .con .c1-2 {
        width: 100%;
        margin-top: 20px;
    }
}

.c1 .con .c1-2 img {
    width: 100%;
}


@media (max-width: 1200px) {
    h2.bt {
        font-size: 32px;
    }
}

@media (max-width: 780px) {
    h2.bt {
        font-size: 24px;
    }
}

.c2 {
    background-color: #f6f7f9;
    padding-top: 3.7vw;
    padding-bottom: 1.93vw;
}

@media (max-width: 780px) {
    .c2 {
        padding-top: 30px;
    }
}

.c2 .con {
    margin-top: 3.23vw;
}

@media (max-width: 780px) {
    .c2 .con {
        margin-top: 24px;
    }
}

.c2 .con .list2 {
    justify-content: flex-start;
    margin-left: -0.54vw;
    margin-right: -0.54vw;
}

.c2 .con .list2 .case1 {
    padding: 0 0.54vw;
    margin-bottom: 3.23vw;
}

@media (max-width: 480px) {
    .c2 .con .list2 .case1 {
        margin-bottom: 14px;
    }
}

.c2 .con .list2 .case1 .img {
    text-align: center;
    position: relative;
}

.c2 .con .list2 .case1 .img img {
    width: 100%; height:260px;
}

.c2 .con .list2 .case1 .img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 90, 156, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition-duration: .3s;
    opacity: 0;
}

.c2 .con .list2 .case1 .img .zi {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    line-height: 1;
    padding-bottom: 26px;
    width: 83.13%;
    color: #fff;
    transition-duration: .3s;
    opacity: 0;
}

.c2 .con .list2 .case1 .sec {
    margin-top: 2.08vw;
    align-items: center;
}
@media (max-width: 1600px) {
	.c2 .con .list2 .case1 .img img {
    height:240px;
}
	}
@media (max-width: 1440px) {
	.c2 .con .list2 .case1 .img img {
    height:190px;
}
	}
@media (max-width: 768px) {
	.c2 .con .list2 .case1 .img img {
    height:150px;
}
	}
@media (max-width: 480px) {
    .c2 .con .list2 .case1 .sec {
        margin-top: 14px;
    }
}

.c2 .con .list2 .case1 .sec h3 {
    font-size: 24px;
    color: #005bac;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: calc(100% - 120px);
}

@media (max-width: 480px) {
    .c2 .con .list2 .case1 .sec h3 {
        width: calc(100% - 50px);
    }
}

.c2 .con .list2 .case1 .sec h3 span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

@media (max-width: 1200px) {
    .c2 .con .list2 .case1 .sec h3 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .c2 .con .list2 .case1 .sec h3 {
        font-size: 14px;
    }
}

.c2 .con .list2 .case1 .sec h3 img {
    padding-right: 0.99vw;
    transform: scale(1) !important; width:auto;
}

@media (max-width: 1200px) {
    .c2 .con .list2 .case1 .sec h3 img {
        width: 32px;
    }
}

@media (max-width: 480px) {
    .c2 .con .list2 .case1 .sec h3 img {
        width: 24px;
    }
}

.c2 .con .list2 .case1 .sec .ck {
    color: #666666;
    font-size: 14px;
}

@media (max-width: 480px) {
    .c2 .con .list2 .case1 .sec .ck {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .c2 .con .list2 .case1:hover .img:before {
        opacity: 1;
    }

    .c2 .con .list2 .case1:hover .img .zi {
        opacity: 1;
    }
}

html {
    overflow-x: hidden;
}



.foot {
    padding-top: 2.71vw;
    background-color: #232324;
    padding-bottom: 3.6vw;
}

@media (max-width: 780px) {
    .foot {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.foot .con {
    display: flex;
    justify-content: space-between;
}

.foot .con .foot1 {
    width: 750px;
    display: flex;
}

@media (max-width: 600px) {
    .foot .con .foot1 {
        display: none;
    }
}

.foot .con .foot1 li {
    width: 33%;
}

.foot .con .foot1 li h2 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.foot .con .foot1 li .sec {
    margin-top: 1.666vw;
}

.foot .con .foot1 li .sec a {
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.5);
    display: block;
}

.foot .con .foot2 {

    width: 352px;
}

@media (max-width: 600px) {
    .foot .con .foot2 {
        width: 50%;
    }
}

.foot .con .foot2 .lx h2 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.foot .con .foot2 .lx .sec {
    margin-top: 1.666vw;
    line-height: 28px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.foot .con .foot2 .list2 {
    margin-top: 2.5vw;
    display: flex;
}

.foot .con .foot2 .list2 li {
    margin-right: 20px;
}

.foot .con .foot2 .list2 li:last-child {
    margin-right: 20px;
}

.foot .con .foot3 {
    margin-top: 2.19vw;
    text-align: center;
}

@media (max-width: 600px) {
    .foot .con .foot3 {
        width: 50%;
    }
}

.foot .con .foot3 p {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 22px;
}

.ban {
    font-size: 14px;
    color: #999;
    padding: 2vw 0 1.7vw; background:#232324; text-align:center
} 

@media (max-width: 780px) {
    .ban {
        text-align: center;
        padding: 14px 0;
        font-size: 13px;
    }

    .ban .ban1, .ban .ban2 {
        width: 100%;
    }
}

.ban a {
    color: #999;
}

/*# sourceMappingURL=index.css.map */


.hezuo_img img{
    width: 100%;
    height: auto;
    border:#d9d9d9 1px solid;
}
.hezuo{
    overflow: hidden;
    margin-top: 2%;
}
.aniunug{
    text-align: center;
    margin-top: 1.4%;
}
.aniunug .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #666666;
    opacity: 1.2;
}
.aniunug .swiper-pagination-bullet-active{
    background: #0098db;
}
.nei2{
    background: #f4f4f4;
    margin-top: 4%;
    padding-bottom: 4%;
}


/**/


.p2 {
    position: relative;

}


.p2-title {
    position: absolute;
    left: 8rem;
    top: 8rem;
    z-index: 999;
}

.p2-title h3 {
font-family: "Arial";
    font-size: 60px;
    color: #ffffff;
    margin-bottom: -75px;
    font-weight: 700;
    opacity: 0.1;
}

.p2-title h4 {
font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.p2a .cont {
    position: absolute;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    width: 52.7%;
    top: 180px;
    left: 7.9rem;
    line-height: 2.2;
}

.p2a .img {
    overflow: hidden;
}

.p2a .img img {
    display: block;
    width: 100%;
    transition: all ease 1s;
}

.p2a .img:hover img {
    transform: scale(1.1);
}


.p2b {
    position: absolute;
    top: 325px;
    left: 7.9rem;
    justify-content: flex-start;
}

.p2b li {
    width:100px;
    height:100px;
    border-radius: 20px;
    border: solid 1px #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all ease .3s;
}

.p2b li+li {
    margin-left: 2.2rem;
}

.p2b li div.img {
    height: 2.15rem;
    line-height: 2.15rem;text-align: center;
}

.p2b li div.img img {
    max-width: 100%;
}

.p2b li h3 {
    color: #ffffff;
    margin-top:28px;
    font-size: 16px;
}

.p2b li:hover {
    background-color: #0162bb;
    border: solid 1px #0162bb;
}




.p2c {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 5rem 0 7.9rem;
}

.p2c li {
    width: 25%;
}

.p2c li a {
    display: block;
    position: relative;
}

.p2c li a div.img {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.p2c li a div.img img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: all ease 1s;
}

.p2c li:hover a div.img img {
    transform: scale(1.1);
}

.p2c li a .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2.05rem 3.2rem 1rem 3.7rem;
    background: url("../../../../887e4494/22/02/637e13b8f2898159656346a878af1bf0691b35a1.png") no-repeat left center;
    transition: all ease .3s;
    z-index: 2;
}

.p2c li a .cont::after {
    content: "";
    width: 36px;
    height: 27px;
    background: url("../../../../887e4494/22/02/d6c06d95129dd7d35384284f6bc3205bae002e92.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 99%;
    left: 3.8rem;
    opacity: 0;
}

.p2c li:last-child a .cont {
    background: url("../../../../887e4494/22/02/c33822c3d6717ea8f817a90f78fca0d0344918df.png") no-repeat left center, url("../../../../887e4494/22/02/c33822c3d6717ea8f817a90f78fca0d0344918df.png") no-repeat right center;
}

.p2c li a .cont h3 {
    font-size: 24px; font-weight:bold;
    color: #fff;
    margin-bottom: 1.1rem; margin-top:35px;
}

.p2c li a .cont p {
    font-size: 18px;
    line-height: 1.85;
    color: #ffffff;
}

/*.p2c li.on a .cont {
    transform: translateY(-100%);
    background-image: linear-gradient(0deg,
            #0162bb 0%,
            #0073dd 100%),
        linear-gradient(#000000,
            #000000);
    background-blend-mode: normal,
        normal;
}

.p2c li.on a .cont::after {
    opacity: 1;
}

.p2c li.on a .cont h3 {
    color: #fff;
}

.p2c li.on a div.img img {
    opacity: 1;
}*/



.p2c li:hover a .cont {
    transform: translateY(-100%);
    background-image: linear-gradient(0deg,
            #0162bb 0%,
            #0073dd 100%),
        linear-gradient(#000000,
            #000000);
    background-blend-mode: normal,
        normal;
}

.p2c li:hover a .cont::after {
    opacity: 1;
}

.p2c li:hover a .cont h3 {
    color: #fff;
}

.p2c li:hover a div.img img {
    opacity: 1;
}

@media(max-width: 1600px) {
    .p2-title {
        top: 2.1rem;
    }

    .p2-title h3 {
        margin-bottom: 0.4rem;
    }

    .p2a .cont {
        width: 83.7%;
        top: 180px;
    }

    .p2b {
         top: 325px;
    }

   

}

@media(max-width: 1440px) {
    .p2-title {
        left: 2rem;
    }

    .p2-title h3 {
        font-size:60px;
    }

    .p2-title h4 {
        font-size: 40px;
    }
     
        .p2c li a .cont p {
            line-height: 1.5;
        }
    .p2a .cont {
        left: 2rem;
    }

    .p2b {
        left: 2rem; top: 310px;
    }

    .p2c li a .cont h3 {
        margin-bottom: 0.5rem; margin-top:15px;
    }

    .p2c {
        padding: 0 3rem 0 1.2rem;
    }
}

@media(max-width: 1024px) {
    .p2c li a .cont p {
        line-height: 1.6;
    }
}

@media(max-width: 768px) {
	
    .p2-title {
        position: initial;
        text-align: center;
        margin-bottom: 6%;
    }

    .p2-title h3 {
        color: #000;
    }
.p2-title h4 { color:#005BAC}
    .p2a {
        position: relative;
    }

    .p2a .cont {
        width: 90%;
        line-height: 1.6;
        top: 6%;
    }


    .p2c {
        position: initial;
        background: #000;
        padding: 0 15px;
    }

    .p2c li {
        width: 50%;
    }

    .p2c li a .cont {
        transition: initial;
    }

    .p2c li.on a .cont {
        background: initial;
    }

    .p2c li.on a .cont {
        transform: initial;
    }

    .p2c li.on a .cont::after {
        opacity: 0;
    }

    .p2c li.on a div.img img {
        opacity: 1;
    }

    .p2c li:nth-child(odd) a .cont {
        background: initial;
    }

    .p2c li:last-child a .cont {
        background: url("../../../../887e4494/22/02/c33822c3d6717ea8f817a90f78fca0d0344918df.png") no-repeat left center;
    }

    /* .p2c li.on a .cont h3{
        color: #000;
    }
    .p2c li.on a .cont p{
        color: #000;
    } */
}





@media(max-width: 767px) {
    .p2a .cont {
        font-size: 14px;
        width: 100%;
        position: initial;
        color: #000;
        padding: 0 15px;
        margin: 4% 0;

    }

    .p2b {
        display: none;
    }

    .p2c {
        background: initial;
    }

    .p2c li a .cont p {
        display: none;
    }

    .p2c li a .cont {
        background-image: linear-gradient(0deg,
                #0162bb 0%,
                #0073dd 100%),
            linear-gradient(#000000,
                #000000);
        background-blend-mode: normal,
            normal;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .p2c li a .cont h3 {
        font-size: 18px;
        color: #fff; margin-top:0
    }

    .p2c li:last-child a .cont {
        background-image: linear-gradient(0deg,
                #0162bb 0%,
                #0073dd 100%),
            linear-gradient(#000000,
                #000000);
        background-blend-mode: normal,
            normal;
    }

    .p2c li:nth-child(odd) a .cont {
        background-image: linear-gradient(0deg,
                #0162bb 0%,
                #0073dd 100%),
            linear-gradient(#000000,
                #000000);
        background-blend-mode: normal,
            normal;
    }

    .p2c li.on .cont {
        background: initial !important;
    }
}


/***/
.liurongyu{
    background: url("../../../../887e4494/22/02/f356fa83cf3eb668267513fd57748b1a456f7847.png") center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 4% 0;
    overflow: hidden;
}
.rngyubg{
    text-align: center;
}
.rngyubg_a{
    font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #333333;
}
.rngyubg_b{
    background: url("../../../../887e4494/22/02/9c1361f5b60d5cd68b7faaaeef8ccbe539c62fd5.png")  center center no-repeat;
    width: 44px;
    height: 5px;
    margin: 0.4% auto 0;
}
.rngyubg_c{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height:50px;
	letter-spacing: 0px;
	color: #333333;
}


#certify {
	position: relative;
	margin: 3% auto 0;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 322px;
	height: 465px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;display: flex;
    align-items: center;
}


.abhonor-wrap .swiper-wrapper{ display:flex; align-items:center;}
#certify  .swiper-slide img{
	display:block; width:100%;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.swipexynext{
    position: absolute;
    top:40%;
    right: 0px;
    background: url("../../../../887e4494/22/02/243dbb26468f7ac2d239b89972ef9726b9ef0471.png") no-repeat;
    width: 70px;
    height: 47px;
    background-size: 100% 100%;
    z-index: 999;
    border: none;
    outline: none;
}
.swipexyfrev{
    position: absolute;
    top:40%;
    left: 0px;
    background: url("../../../../887e4494/22/02/eef96a561be4611a422858f101362dc664605767.png") no-repeat;
    width: 70px;
    height: 47px;
    background-size: 100% 100%;
    z-index: 999;
    border: none;
    outline: none;
}

.liuchangli{
    box-sizing: border-box;
    padding: 3% 0;

}

.x-company {
  padding: 54px 0 56px;
}
.company-title{
  margin:25px 0 30px;
  text-align: center;
}
.company-title span{
  display: inline-block;
  width: 163px;
  height: 37px;
  line-height: 37px;
  color:#fff;
  font-size: 16px;
  text-align: center;;
  margin-left:-5px;
  background: #dcdcdc;
}
@media(max-width:768px){
   .company-title span{
       width: 140px;
   } 
}
.company-title span.cur{
  background: #004EA2;
}
.x-company-item{
  padding:22px 2.5% 5px;
  border: 1px solid #e3e3e3;
}
.x-company-item a{ overflow:hidden}
.x-company-item a img:hover{
   -webkit-transform: scale(1.1);
    transform: scale(1.1);	  -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
	
.x-company-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.6;
}

.x-company-title:after {
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background: #3d3d3d;
  margin-top: 10px;
}
.x-company-item p{
  padding-top:14px;
  font-size: 16px;
  color:#686868;
}

@media (max-width: 990px) {
  .x-company-title {
    font-size: 18px;
  }
  .x-company-title:after {
    height: 3px;
  }
}

.x-company-item a {
  display: block;
  text-align: center;
  width: 100%;

  font-size: 0;
}

.x-company-item a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-company-item a:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-company-item a img {
  width: auto !important;
  display: inline-block !important;
}

h2.bt {

    font-size: 40px;
    line-height: 1;
    color: #333333;
}



h2.bt span {
    font-size: 60px;
    color: #666;
    margin-top: -35px;
    display: block; font-weight:700; opacity:0.1
}


.x-title {
    position: relative;
    text-align: center;
}

.x-title h3 {
    color: #004EA2;
    font: 600 38px/52px "Microsoft yahei";
}

.x-title h3 span {
    color: #333333;
    font-weight: 400;
}

.x-title p {
    color: #999999;
    font: 400 16px/44px "Microsoft yahei";
    text-transform: uppercase;
    margin-bottom: 4.4vh;
}

.x-title a:hover {
    background: #000;
}

@media (max-width: 1024px) {
    .x-title h3 {
        font: 600 22px/40px "Microsoft yahei";
    }
    .x-title p {
        font: 400 13px/20px "Microsoft yahei";
        margin-bottom: 2vh;
    }
    .x-title a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

.x-title.white {
    color: #fff;
}

.x-title.white a {
    border: 1px solid #fff;
    background: transparent;
    opacity: .8;
}

.x-title.white a:hover {
    background: #fff;
}

.top {
	width: 100%;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 333;

}
.top .t_cen {
	position: relative;
	height: 120px;
}
.top .logo {
	position: absolute;
	z-index: 10;
	left: 5%;
	top: 5px;
	width: 40%;
}
.top .logo img{ max-width:100%;}
.top .menu {
	position: absolute;
	right:5%;
	max-width: 1000px;
	width: 50%;
	top: 0;
	height: 100%;
	z-index: 555;
	text-align: center;
}
.top .menu li {
	position: relative;
	float: left;
	width: 12.5%;
	z-index: 35;
	height: 100%;
	height: 120px;
	line-height: 120px;
	justify-content: center;
	align-items: center;
	font-size: 17px;
}
.top .menu li a.first {
	display: block; color:#fff;
}
.top .menu li.cur a {
	color: #103c8b;
}
.top .menu li.lan {
	background: #efefef;
}
.top .menu li.lan a {
	display: initial;
}
.top .menu li a.first {
	background: url("../images/menubg.gif"/*tpa=http://www.dingshenggroup.net/public/tpl/default/static/images/menubg.gif*/) no-repeat bottom center;
	background-size: 0 3px;
}
.top .menu li a.first:hover {
	background-size: 76px 3px;
}
/*===============×Ӳ˵¥¶¨Î»=================*/
.top .menu li .Nodes {
	position: absolute;
	overflow: hidden;
	width: 1200px;
	left: -450px;
	height: 0px;
	top: 120px;
	z-index: 100;
	background: url("../images/menubg.png"/*tpa=http://www.dingshenggroup.net/public/tpl/default/static/images/menubg.png*/);
}
.top .menu li .Nodes.n2 {
	left: -575px;
}
.top .menu li .Nodes.n3 {
	left: -700px;
}
.top .menu li .Nodes.n4 {
	left: -825px;
}
.top .menu li .Nodes.n5 {
	left: -950px;
}
.top .menu li .Nodes.n6 {
	left: -1075px;
}
.investment_con_list * {
	max-width: 100%;
}
@media screen and (max-width:1400px) {
.top .menu {
	max-width: 900px;
	width: 50%;right:3%;
}
.top .logo {
	left: 3%;
	
}
.top .menu li .Nodes {
	width: 1000px;
	left: -325px;
}
.top .menu li .Nodes.n2 {
	left: -437px;
}
.top .menu li .Nodes.n3 {
	left: -550px;
}
.top .menu li .Nodes.n4 {
	left: -662px;
}
.top .menu li .Nodes.n5 {
	left: -775px;
}
.top .menu li .Nodes.n6 {
	left: -888px;
}
}
@media screen and (max-width:1200px) {
.top .menu {
	max-width: 800px;
	width: 50%;right:3%;
}
.top .logo {
	left: 2%;

}
.top .menu li .Nodes {
	width: 850px;
	left: -250px;
}
.top .menu li .Nodes.n2 {
	left: -350px;
}
.top .menu li .Nodes.n3 {
	left: -450px;
}
.top .menu li .Nodes.n4 {
	left: -550px;
}
.top .menu li .Nodes.n5 {
	left: -650px;
}
.top .menu li .Nodes.n6 {
	left: -750px;
}
}
@media screen and (max-width:1000px) {
.top .logo {
	
}
.top .menu li .Nodes {
	width: 700px;
	left: -150px;
}
}
.top .menu li .Nodes .xl {
	position: static;
	float: left;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.top .menu li .Nodes .biaoge {
	padding: 2% 3%;
}
.top .menu table {
	min-height: 25px;
	line-height: 25px;
	border-collapse: collapse;
}
.top .menu table {
	border: 1px solid #ccc;
}
.top .menu table tr td {
	border: 1px solid #ccc;
	padding: 20px;
}
.top .menu li .Nodes .m1 {
	width: 40%;
}
.top .menu li .Nodes .tit {
	font-size: 22px;
	padding: 0 0 2%;
}
.top .menu li .Nodes .des {
	color: #666;
	font-size: 14px;
	height: 80px;
	margin: 0 0 5%;
	overflow: hidden;
}
.top .menu li .Nodes .m2 {
	width: 26%;
	padding-top: 2%;
}
.top .menu li .Nodes .m2 p {
	margin: 0 5%;
}
.top .menu li .Nodes .m2 a {
	display: block;
	height: 42px;
	line-height: 42px;
	border-bottom: #ccc 1px solid;
	background: url("../images/ico5.png") no-repeat right center;
}
.top .menu li .Nodes .m2 a:hover {
	padding-left: 5%;
	background-image: url("../images/ico6.png");transition-duration:1000ms;
}
.top .menu li .Nodes .m3 {
	width: 34%;
}
.top .menu li .Nodes .pic1 {
	padding: 0 0 2%;
}
.top .menu li .Nodes .tit1 {
	font-size: 17px;
	padding: 0 0 2%;
}
.top .menu li .Nodes .des1 {
	color: #666;
	font-size: 14px;
	line-height: 21px;
	height: 48px;
	overflow: hidden;
}
.top .menu li .Nodes .m3 a {
	font-size: 14px;
}
.top .menu li .Nodes ul li {
	width: 100%;
	height: 36px;
	float: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.top .menu li .Nodes ul li a {
	display: block;
	width: 100%;
	color: #666;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	background: none;
	font-weight: normal;
	transition: all 0.3s ease;
	overflow: hidden;/**/
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.top .menu li .Nodes ul li:hover a {
	background-color: #eee;
}
.top .top1 {
	position: absolute;
	right: 5%;
	width: 29px;
	top: 25px;
	z-index: 10;
}
.menubg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 9991;
	opacity: .98;
	filter: alpha(opacity=98);
}
.menu-icon {
	margin-top: 11px;
	margin-right: 10px;
}
.visible-phone {
	display: none;
}

.page-banner .menu {
	width: 100%;
	bottom: 0;
	height: 56px;
	line-height: 55px;
	left: 0;
	z-index: 9; position:absolute;
}
.page-banner .menu .container {
	max-width: 1500px;
	width: 94%;
	background: #fff;
	border-bottom: #ddd 1px solid;
	color: #aaa;
}
.page-banner .menu .content {
	padding: 0 10%; height:56px; line-height:56px;
}
.page-banner .menu a {
	margin: 0 5%; color:#333;
}
.page-banner .menu a.red{ color:#C7000C}
.protd {
	width: 19%;
}
.pc {
    display: block;
}

.page-banner table td:last-child{ display:none;}
@media screen and (max-width:767px) {
.page-banner .menu { height: 36px;line-height:35px;position: relative;
    margin-bottom: 20px;}
	.page-banner .menu .container { width:100%; }
	.page-banner .menu .content { padding:0; }
	.page-banner .menu a { margin:0;font-size: 12px; }
	.page-banner .c1 { font-size: 18px; }
	.protd {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
}


/*联系我们*/
.contact{width:76.68%;padding:50px 0 65px 0;margin: auto;  }
.place{ position: relative; z-index: 1;}
.placeMap{position: relative;margin:0 27.12% 0 10%; }
.dotBox{width:100%; height: 100%; position: absolute; top:0; left: 0;}
.dotBox .dot{width:25px; height: 25px; position: absolute; background:url(../../../../887e4494/22/02/p34.png) center no-repeat; background-size:100%;}

.dot1{top:22.11%; left: 67.13%;}
.dot2{top:26.29%; left: 74%;}
.dot3{top:28.71%; left:75.79%;}
.dot4{top:34.43%; left: 78.21%;}
.dot5{top:45.21%; left: 84.45%;}
.dot6{top:45.21%; left: 68.15%;}
.dot7{top:48.51%; left: 59.49%;}
.dot8{top:39.49%; left: 60.89%;}
.dot9{top:37.62%; left:51.21%;}
.dot10{top:36%; left:36.17%;}
.dot11{top:24%; left:21.65%;}

.placeMap .textBox{width:404px; border:1px solid #cccccc; padding:25px; background-color:#fff; position: absolute; top:50%; left:60px;display: none;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.placeMap .textBox::after{background-color:#cccccc;width:42px; height: 1px;  content: ""; position: absolute; top:50%; left: -42px; content: "";}
.placeMap .textBox .H4{font-size:24px; color:#215ba1; }
.placeMap .textBox .text{font-size:16px; line-height: 30px; color:#333333; margin-top:15px;}
.placeMap .textBox .text .p1{float:left;}
.placeMap .textBox .text .p2{margin-left:85px; display: block;}

@media screen and (min-width:992px){
	.placeMap .dotBox .dot:hover{background-image:url(../../../../887e4494/22/02/p33.png);}
	.placeMap .dotBox .dot:hover .textBox{display:block; z-index: 20;}
}
@media screen and (max-width:1659px){
	.placeMap{margin:0 10%;}
}
@media screen and (max-width:991px){
	.contact{width:100%;}
	.placeMap{margin:0 ; overflow: scroll;}
	.placeMap .textBox::after{display:none;}
	.placeMap .textBox{left: 30px; padding:5px; width:300px;}
	.placeMap .textBox .H4{font-size:14px;}
	.placeMap .textBox .text{font-size:12px; line-height: 18px; margin-top:5px;}
	.placeMap .textBox .text .p2{margin-left:60px;}
}
@media screen and (max-width:767px){
	.contact{padding:30px 0;}
}

.map{ width:100%; height:470px; margin-top:30px; border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09);}
.map img,.map label{max-width: none;width: auto!important;}
#bdmap{ width:100%; position:relative; height:100%;}
#bdmap .BMap_pop{ float:right; background-image:url(../../../../887e4494/22/02/mapbg.png); background-repeat:no-repeat; border:none !important; width:405px !important; border:0 !important; height:84px; margin: 90px 0 0 220px;}
#bdmap .BMap_pop .BMap_top,#bdmap .BMap_pop .BMap_center,#bdmap .BMap_pop .BMap_bottom,#bdmap .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap .BMap_pop div img{display:none;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666666; line-height: 24px; padding:30px 20px 30px 40px;}
#bdmap .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap .BMapLabel{ display: none !important;}
@media  screen and (max-width:767px){

}
#bdmap .BMap_pop div:nth-child(9){ top:0 !important; left: 0 !important; width: 100% !important; height: 100%; }
#bdmap .BMap_pop img:nth-child(10){display:none;}

@media screen and (max-width:991px){
	.map{height:500px;}
}
@media screen and (max-width:767px){
	.map{height:300px; }
}

.contact3R{width:68%; float:right; background:url(../../../../887e4494/22/02/p42.png) center no-repeat; background-size:cover; margin-top:30px; border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09); padding:48px 4.8% 50px 4.8%;}
.contact3R .H4{font-size:22px; color:#1f1f1f; margin-bottom:20px;}
.contact3R .ico{width:20px; height: 20px; float:left; line-height: 0; margin-top:18px;}
.contact3R .p{font-size:16px; line-height: 54px;}
.contact3R .p2{ margin-left:28px; display: block;}
.contact3L{width:29.6%; float:left; padding:65px 0 0 0;box-shadow: 0 0 17px rgba(0,0,0,0.09); margin-top:30px; height:370px; }
.contact3L .pageEwm{display:block; width:166px; margin: auto; padding:14px; background:url(../../../../887e4494/22/02/p35.png) center no-repeat; background-size:100% 100%;}
.contact3L .pageEwm img{ max-width:100%}
.contact3L .p{font-size:18px; line-height: 28px; text-align: center; margin-top:18px;}

@media screen and (max-width:1199px){
	.contact3R{padding:20px;}
	.contact3R .p{font-size:14px;}
	.contact3L{height:348px;}
}
@media screen and (max-width:767px){
	.contact3R{width:100%; padding:10px;}
	.contact3R .H4{font-size:18px; margin-bottom:10px;}
	.contact3R .p2{line-height:45px;}
	.contact3R .ico{margin-top:15px;}
	.contact3L{width:100%; height: auto; padding:30px 0;}
	.contact3L .p{font-size:14px; line-height: 24px; margin-top:10px;}
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.active1{border-bottom: 2px solid #63affd;}
.active1 a{ color:#63affd}
.online {
    width: 152px;
    border-radius: 3px;
    background: url(../../../../887e4494/22/02/68d703cde0be33485d21f43931751dd30a35b39c.png) no-repeat 32px 50%;
    padding-left: 62px; border:1px solid #737373; margin-top:10px;

}
.online a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
}